/* CSS menu horizontal */
		.horizontal ul{
			border: none;
			list-style-type: none;
			padding: 0;
			margin: 0;
		}
		.horizontal ul li{
			float: left;
			position: relative;
			text-align:center;
			line-height:18px;
		}
		.horizontal ul li a{
			display: block;
			/*width: 145px;*/
			text-decoration: none;
			padding: .1em 1px;
			padding-left:10px;
			padding-right:10px;
			padding-bottom:3px;
			overflow: hidden;
			/*border: 1px solid;
			border-left: none;*/
		}
		.horizontal li li{
			float: none;
			/*border-bottom: 1px solid transparent;*/
			margin-bottom: 0px;
			text-align:left;
				
		}
		.horizontal li li.last{
			/*border-bottom: none;*/
		}
		.horizontal ul li ul{
			position: absolute;
			top: 1.6em;
			left: 0px;
			margin-top: -1px;
			


		}
		.horizontal ul ul ul{
			width: 134px;
			top: 0px;
			left: 200px;
			margin-top: 0;
		}
		.horizontal.left ul ul ul,.horizontal .left ul ul{
			top: 0px;
			left: -180px;
		}
		
		/*here we use a little CSS to make a basic/backup dropdown menu in modern browsers *cough* not IE6 or less *cough* if javascript is disabled.Flickering never happens in these browsers*/
		.mlmenu li ul{
			display: none;
		}
		.mlmenu li:hover>ul{
			display: block;
		}
		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		.accessible li ul{
			display: block;
		}
		/*Code to show an element has a child*/
		.mlmenu.plus li a:first-child:not(:last-child):after{
			content: '+';
		}
		.plus a span{
			padding-left: .5em;
		}
		.noshow{
			visibility: hidden;
		}

		/* menu printemps */
		.spring ul li a{ /*couleur des menus et sous menus */
			background-color: #C7CC00;
			color: #000033;
			border-color:none;
			
		}
		.spring li a:hover,.spring .trail a.hover{
			background-color: #000000;
			color: #c7cc00;
			border-color: #000000;
			
		}

		.spring ul li li a{ /*couleur des menus et sous menus */
			background-color: #000000;
			color: #ffffff;
			border-color:#000000;
			font-weight:normal;
			font-size:10px;
			text-indent:2px;
			width:180px; /*largeur des sous menu différente */
			filter : alpha(opacity=80); 
    		-moz-opacity : 0.8; 
    		opacity : 0.8;
		}
		.spring li li a:hover,.spring .trail a.hover{
			background-color: #000000;
			color: #C7CC00;
			border-color: #000000;
		}
		
		.spring ul{
			border-color: #000000;
			font-family:Verdana, Geneva, sans-serif;
			font-weight:normal;
			

		}
		/* menu ete */
		.ete ul li a{ /*couleur des menus et sous menus */
			background-color: #ffcf00;
			color: #000033;
			border-color:none;
			
		}
		.ete li a:hover,.ete .trail a.hover{
			background-color: #000000;
			color: #ffcf00;
			border-color: #000000;
			
		}

		.ete ul li li a{ /*couleur des menus et sous menus */
			background-color: #000000;
			color: #ffffff;
			border-color:#000000;
			font-weight:normal;
			font-size:10px;
			text-indent:2px;
			width:180px; /*largeur des sous menu différente */
			filter : alpha(opacity=80); 
    		-moz-opacity : 0.8; 
    		opacity : 0.8;
		}
		.ete li li a:hover,.ete .trail a.hover{
			background-color: #000000;
			color: #ffcf00;
			border-color: #000000;
		}
		
		.ete ul{
			border-color: #000000;
			font-family:Verdana, Geneva, sans-serif;
			font-weight:normal;
			

		}
		/* menu automne */
		.automne ul li a{ /*couleur des menus et sous menus */
			background-color: #f29400;
			color: #000033;
			border-color:none;
			
		}
		.automne li a:hover,.automne .trail a.hover{
			background-color: #000000;
			color: #f29400;
			border-color: #000000;
			
		}

		.automne ul li li a{ /*couleur des menus et sous menus */
			background-color: #000000;
			color: #ffffff;
			border-color:#000000;
			font-weight:normal;
			font-size:10px;
			text-indent:2px;
			width:180px; /*largeur des sous menu différente */
			filter : alpha(opacity=80); 
    		-moz-opacity : 0.8; 
    		opacity : 0.8;
		}
		.automne li li a:hover,.automne .trail a.hover{
			background-color: #000000;
			color: #f29400;
			border-color: #000000;
		}
		/*.automne li:first-child>a:hover{
			background-color: #000000;
			color: #f29400;
			border-color: #000000;
		}*/
		.automne ul{
			border-color: #000000;
			font-family:Verdana, Geneva, sans-serif;
			font-weight:normal;
			

		}
				/* menu hiver */
		.hiver ul li a{ /*couleur des menus et sous menus */
			background-color: #acbbd0;
			color: #000033;
			border-color:none;
			
		}
		.hiver li a:hover,.hiver .trail a.hover{
			background-color: #000000;
			color: #c9dbf3;
			border-color: #000000;
			
		}

		.hiver ul li li a{ /*couleur des menus et sous menus */
			background-color: #000000;
			color: #ffffff;
			border-color:#000000;
			font-weight:normal;
			font-size:10px;
			text-indent:2px;
			width:180px; /*largeur des sous menu différente */
			filter : alpha(opacity=80); 
    		-moz-opacity : 0.8; 
    		opacity : 0.8;
		}
		.hiver li li a:hover,.hiver .trail a.hover{
			background-color: #000000;
			color: #c9dbf3;
			border-color: #000000;
		}
		/*.hiver li:first-child>a:hover{
			background-color: #000000;
			color: #c9dbf3;
			border-color: #000000;
		}*/
		.hiver ul{
			border-color: #000000;
			font-family:Verdana, Geneva, sans-serif;
			font-weight:normal;
		}
		
		
		/*.wi1 ul li a{ /*couleur des menus et sous menus 
			
			color: #ffcf00 !important;
			border-color:none;
			
		}
		.wi1 li a:hover,.wi1 .trail a.hover{
			color: #000000 !important;
			border-color: #000000;
			
		}*/
/*  fil d'ariane  */

div#FObarrenav
    {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #000;
        text-decoration: none;
		margin-left:20px;
			
    }
div#FObarrenav a
{
        text-decoration: none;

        color: #000;

}
div#FObarrenav a:hover, div#FObarrenav  a:focus, div#FObarrenav a:active
        {
    color: #000;
    text-decoration: underline;
    }
/* menu bas */
/* groupe menu 3 - niveau 1 */

.gcmenu31N1 
     {
     padding:0px;
     margin:0px;
	 margin-top:24px;
     list-style-type: none;
	 display:block;
	 height: 41px;
	 float:left;
     }

.gcmenu31N1 li
        {
	float:left;
	display:block;
 	font-size: 9px;
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
        }

.gcmenu31N1  li a
    {
	width:90px; 	
 	line-height: 24px;
	height: 24px;
    display:block;
    text-decoration: none;
    }
/* style séparateur de menu*/	
.gcmenu31N1  li p
    {
	padding:0px;
	margin:0px;
	border:0px;		
    display:block;
	height:0px;
    }
.gcmenu31N1  li a:hover, .gcmenu31N1  li  a:focus, .gcmenu31N1  li a:active
    {
    color: #000000;
    }
	
/*  niveau 2 et +  */

.gcmenu31N2 
     {
     padding:0px;
     margin:0px;
     list-style-type: none;
	 display:none;
	 position:absolute;
	 float:none;
	 background-color:#6699CC;
     }
.gcmenu31N2 UL
     {
     padding:0px;
     margin:0px;
	 margin-left:90px;
	 margin-top:-24px;
     list-style-type: none;
	 display:none;
	 position:absolute;
	 float:left;
	 background-color:#66FF33;
     }
.gcmenu31N2 li
        {
		display:block;
		background-color:#CC99FF;
		float:none;
		text-align:left;
		}
.gcmenu31N2 li li
        {
		background-color:#CCFF66;
		}
.gcmenu31N2  li a
    {
    display:block;
	line-height: 24px;
    text-decoration: none;
    font-size: 11px;
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }
/* style séparateur de menu*/	
.gcmenu31N2  li p
    {
	padding:0px;
	margin:0px;
	border:0px;		
    display:block;
	height:0px;
	border-bottom: 1px solid #F00;
	
    }

.gcmenu31N2  li a:hover, .gcmenu31N2  li  a:focus, .gcmenu31N2  li a:active
    {
    color: #999;
    }