BODY{
  text-align: center;
  background-color: #B1B0B0;
}

/*container*/
div#container{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:0;
  margin-top:30px;
  width: 750px;
  text-align: left;
  background-color:#FFFFFF;
}

#titre{
  position: relative;
  top:0px;
  padding: 0 0 0 0;
  background: url(../img/layout/container-top.gif) top left no-repeat;
}

#footer{
  position: relative;
  text-align:center;
  padding:20px 0 10px 0;
  color:#FFFFFF;
  background: #B1B0B0 url(../img/layout/container-bottom.gif) top left no-repeat;
}

#footer a{
  color:#FFFFFF;
}

#footer a:hover{
  color:#FFFFFF;
  text-decoration:underline;
}


#languages{
  position: absolute;
  top:-20px;
  left:0;
  width: 740px;
  text-align:right;
}

#languages li{
  display: inline;
  margin:0;
  background:none;
}

#languages li a, #languages li span{
  color:#DBD8D8;
  padding: 0 0 0 20px;
  line-height:20px;
  height:20px;
}

#languages li.language-cur a{
  color:#FFFFFF;
}

#languages a:hover{
  color:#FFFFFF;
  text-decoration:none;
}

/* **************************************************************** */
/*                                                             Menu */
/* **************************************************************** */

#menu{
  position: relative;
  text-align:center;
  padding-top:1px;
}

#menu table{
  margin-left: auto;
  margin-right: auto;
}

#menu  a{
  display: block;
  color:#FFFFFF;
  font-size:13px;
  line-height:21px;
  padding:0px 10px 5px 10px;
  background: url(../img/layout/menu-bck.gif) top center;
}

#menu  a:hover{
  text-decoration: none;
}

#menu .menu-no-first a{
  padding-left:30px;
  background: url(../img/layout/menu-bck.gif) top left;
}

#menu .menu-no-last a{
  padding-right:30px;
  background: url(../img/layout/menu-bck.gif) top right;
}

#menu  a:hover{
  background: url(../img/layout/menu-bck-colors.gif) top center;
}

#menu .menu-no-first a:hover{
  padding-left:30px;
  background: url(../img/layout/menu-bck-colors.gif) top left;
}

#menu .menu-no-last a:hover{
  padding-right:30px;
  background: url(../img/layout/menu-bck-colors.gif) top right;
}

#menu .menu-act a, #menu .menu-0-act a:hover{
  background: url(../img/layout/menu-bck-colors.gif) bottom center;
}

#menu .menu-act-first a,#menu .menu-0-act-first a:hover{
  padding-left:30px;
  background: url(../img/layout/menu-bck-colors.gif) bottom left;
}

#menu .menu-act-last a,#menu .menu-0-act-last a:hover{
  padding-right:30px;
  background: url(../img/layout/menu-bck-colors.gif) bottom right;
}

#submenu{
  position: relative;
  margin-top:4px;
  height:22px;
  left:85px;
  background: url(../img/layout/submenu-bck.gif) top left no-repeat;
}

#submenu ul{
  margin-left:20px;
}

#submenu li{
  background:none;
  display:inline;
}

#submenu li a{
  color:#FFFFFF;
  line-height:22px;
}

#submenu li a:hover{
  text-decoration:underline;
}

.submenu-act-first a, .submenu-act-last a, .submenu-act a{
  text-decoration:underline;
}

.clear{
  clear:both;
}