/* CSS Document */

#menu_principal a ,
#menu_principal li li {
	background:yellow;	
}


.hasimages #menu a span {
	display:none !important;
}


.hasimages #menu li li a span {
	display:block !important;
}


.hasimages #menu_principal_1  a {
	background:url(../img/txt/off/1.gif)  ;	
}
.hasimages #menu_principal_1.encourt  a {
	background:url(../img/txt/on/1.gif)  ;	
}

.hasimages #menu_principal_2  a {
	background:url(../img/txt/off/2.gif)  ;	
}
.hasimages #menu_principal_2.encourt  a , .hasimages #menu_principal_2  a:hover , .hasimages #menu_principal_2  a:focus	{
	background:url(../img/txt/on/2.gif)  ;	
}

.hasimages #menu_principal_3  a {
	background:url(../img/txt/off/3.gif)  ;	
}
.hasimages #menu_principal_3.encourt  a {
	background:url(../img/txt/on/3.gif)  ;	
}

.hasimages #menu_principal_4  a {
	background:url(../img/txt/off/4.gif)  ;	
}
.hasimages #menu_principal_4.encourt  a {
	background:url(../img/txt/on/4.gif)  ;	
}

.hasimages #menu_principal_5  a {
	background:url(../img/txt/off/5.gif)  ;	
}
.hasimages #menu_principal_5.encourt  a {
	background:url(../img/txt/on/5.gif)  ;	
}

.hasimages #menu_principal_6  a {
	background:url(../img/txt/off/6.gif)  ;	
}
.hasimages #menu_principal_6.encourt  a {
	background:url(../img/txt/on/6.gif)  ;	
}

.hasimages #menu_principal_7  a {
	background:url(../img/txt/off/7.gif)  ;	
}
.hasimages #menu_principal_7.encourt  a {
	background:url(../img/txt/on/7.gif)  ;	
}

.hasimages #menu_principal_8  a {
	background:url(../img/txt/off/8.gif)  ;	
}
.hasimages #menu_principal_8.encourt  a ,
.hasimages #menu_principal_8  a:hover ,
.hasimages #menu_principal_8  a:focus {
	background:url(../img/txt/on/8.gif)  ;	
}



#menu {
	background:url(../img/menu.gif) no-repeat;
	height:40px;
}


#menu ul{
  font-weight:bold;
  color:#666;
  margin:0px;  
  padding:0px;
  height:40px;

}


#menu ul ul{
  font-weight:bold;
  color:#666;
  margin:0px 0px 0px 0em;
  padding:0.2em 0.2em 0.1em 0.2em;
  height:auto;

}
.withjavascript ul ul{
  width: 22em;
}

#menu ul ul ul{
  margin:0px 0px 0px 0.5em;
  padding:0.2em 0em 0.1em 0.2em;
  width: auto;
  background-color: #336699;
}

#menu ul ul ul ul{

}

#menu li{
  list-style-type:none;
  float:left;
  height:40px;
  padding:0;
  width:auto;
  padding-right:9px;
  padding-left:2px;
  background:url(../img/menu_puce.gif) no-repeat right center;
  margin-top:3px;
}

.hasimages #menu li.dernier{
	padding-right:0px;
	background:none;
}

#menu li:after{
	content:'';
}

#menu li li{
  list-style-type:none;
  clear:left;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  float:none;
  height:100% !important;
  position:relative !important;  
}

/* style des liens */
/*, #menu li span*/

#menu li a {
	display:block;	
	text-decoration:none;
	color:#000;	
	font-size:1.3em;
	font-family:courrier new;
	text-align:center;
	margin-left:5px;
	height:34px;
	line-height:1em;	
}

#menu  li li a {
	height:auto !important;
}

.withjavascript ul li a span{
	display:block;
	height:33px;
}

#menu li a:hover span.in , #menu li a:focus span.in,  #menu li.encourt a span.in {
/*	background:url(../img/menu_roll_droite.gif) top right no-repeat;*/
}

#menu li a:hover, #menu li a:focus,  #menu li.encourt a {
	color:#FFF;	
	/*background:url(../img/menu_roll.gif);*/
}

 /*#menu li li span, #menu li.encourt li a{*/

#menu li li {
	height:auto!important;	
	margin-bottom:4px;
	text-align:left!important;
}

#menu  li li a { 
	background:yellow;
	display:block;
}

.hasimages li li {
	background:transparent !important;
}
.withjavascript li li a {

	background:url(../img/menu_sous.gif) no-repeat !important;
	zoom:1;
	color:black !important;
	font-family:arial,helvetica,sans-serif;
	padding:0;
	padding-top:4px;
	height:auto!important;
	text-align:left!important;
	padding-left:15px;
	padding-right:5px;
	font-weight:normal;
}

#menu li li.focus a span {
/*color:white !important;*/
}
.withjavascript li li.focus a {
	
	background:url(../img/menu_sous_o.gif) no-repeat !important;
}

.withjavascript li li span.in {
	background:none!important;
	height:auto!important;
	padding-top:0px !important;
}

.withjavascript li li span.out {
	background:none!important;
	height:5px !important;
	line-height:5px !important;
	overflow:hidden;
	display:block;
	margin-left:5px;
	padding-top:0px !important;
	zoom:1;
	background:url(../img/menu_sous_bas.gif) no-repeat !important;	
}

#menu li li.focus span.out {
	background:url(../img/menu_sous_bas_o.gif) no-repeat !important;	
}

#menu li li a:focus	, #menu li li a:hover, #menu li li span:hover, #menu li li.encourt span, #menu li li.encourt a, #menu li li.focus a{

	color:#555;
/*	text-decoration:underline;*/
}

/* Niveau 1, 2 et 3 masqué */

.withjavascript .submenu ul,
.withjavascript .encourt .submenu ul,
.withjavascript .encourt .encourt .submenu ul{
	position:absolute;
	top:-300em;
	width:0px;
	height:0px;
	margin:0px;
}

/* Niveau 1, 2 et 3 affiché */

.withjavascript li.encourt{
	position:relative;
}

.withjavascript .encourt ul,
.withjavascript .encourt .encourt ul,
.withjavascript .encourt .encourt .encourt ul{
	top:37px;
	width: 155px !important;
	height:auto;
	z-index:50;
}

.withjavascript .encourt .encourt ul,
.withjavascript .encourt .encourt .encourt ul{
	z-index:70;
}


/* IE mac correction \*//*/
 #menu li{
    width:12em;
}
/**/

 /* IE PC bug correction\*/
* html #menu li li a, * html #menu li li span{
height:1%;
}

*+html #menu li a {zoom:1;}

* html #menu li li.submenu{
height:1%;
margin-bottom:-0.3em;
margin-bottom /*ie 5.0 correction*//*\*/: /**/ /*\*/-0.3em;
}

* html #menu li li{
margin-bottom /*ie 5.0 correction*//*\*/: /**/ /*\*/-0.3em;
height:1%;
height /*ie 5.0 correction*//*\*/: /**/ /*\*/1% !important;
}

* html #menu li li li{
margin-bottom /*ie 5.0 correction*//*\*/: /**/ /*\*/-0.2em;
}

* html #menu.withjavascript  li li{
margin-left /*ie 5.5 et 5.0 correction*//*\*/:-1.4em;
}

* html #menu.withjavascript  li li li{
margin-left /*ie 5.5 et 5.0 correction**//*\*/:-1.5em;
}

* html #menu.withjavascript  ul ul ul{
margin-left /*ie 5.5 et 5.0 correction*//*\*/:0em;
}

* html #menu.withjavascript .itemBackground {
	width:auto;
}

* html #menu.withjavascript li li .itemBackground {
	height /**/: 97%;
	width /**/:100%;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



#menu_principal_1 {
	width:126px !important;
}

#menu_principal_2 a span , #menu_principal_3 a span , #menu_principal_4 a span , #menu_principal_6 a span , #menu_principal_7 a span {
	padding-top:8px;
}
#menu_principal_2 {
	width:83px !important;
}

#menu_principal_3 {
	width:72px !important;
}
#menu_principal_4 {
	width:83px !important;
}
#menu_principal_5 {
	width:154px !important;
}
#menu_principal_6 {
	width:137px !important;
}
#menu_principal_7 {
	width:78px !important;
}
#menu_principal_8 {
	width:117px !important;
}


.withjavascript li ul a span {
	display:block !important;
}