@charset "iso-8859-1";
/* CSS Document */

/*  

 Menu Vertical
Thème : Extension Graphic

Créé le : 02/2009
*/










/* ========== STYLES MOBILE + TABLETTE ========== */

@media (max-width: 805px) {
	
	
/* ========== MOOTOOLS ========== */


#accordion {
	clear:both;
	display:block;
	width: 100%!important; 
}


.accordionContainer {
	clear:both;
	display:block;
	width: 100%!important;
	margin: 0 auto!important; 
}




/* ========== Les Block MENU VER ========== */


#sidebar .menu_v {
	display:block;
	clear:both; 
	padding:10px 0px 0px 0px;
	margin: 0px auto 0px auto!important;
	width:95%!important;

}	

#sidebar .menu_v:before {
   content: "Navigation";
   display: block!important;
   clear:both!important;
   color: #333!important;
   text-align: left!important;
   width:auto!important;
   padding:8px!important;
   background-color:#f3f3f3!important;
      
 }





#sidebar .accordionContainer h3 a {
	position:relative;
	float:none; 
	width:94%!important;
	display:block;
	clear:both;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	margin:1% 0px 1% 0px!important;
	padding:3%!important;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	background-image:url(../img/bt_nav_fleche_mobile.gif)!important;
	background-repeat:no-repeat;
	background-position:right 9px!important;
}


.menu_niv_01{
	width:100%!important;
}

.menu_niv_01 ul{
	width:100%!important;
}

.menu_niv_01 li{
	width:100%!important;
}

.menu_niv_01 a{
	width:93%!important;
	padding:4% 6px 4% 17px !important;	

}

.menu_niv_01 a:hover {
	width:95%!important;
	padding:4% 6px 4% 17px !important;	
}


 .violet actif, .bleu_actif, .orange_actif, .vert_actif, .bleu_vert_actif, .rouge_actif {
	width:93%!important;
	padding:4% 6px 4% 17px !important;	 	
}



	
}












/*/////////// ECRAN BUREAU////////////

 ========== MOOTOOLS MENU ========== */


#accordion {
	/*position:relative;
	float:left;*/
	clear:both;
	display:block;
	width: 256px; 
}


.accordionContainer {
	/*position:relative;
	float:left;*/
	clear:both;
	display:block;
	width: 256px; 
}




.element atStart {
	position:relative;
	float:left;
	clear:both;

}





.ombre_nav {
	position:relative;
	float:left; 
	display:block;
	clear:both;
	height:20px;
	padding:3px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}





/* ========== Les Block MENU VER ========== */


#sidebar .menu_v {
	/*position:relative;
	float:left; *//*BUG decalage bas*/
	display:block;
	clear:both;
	padding:10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}



.menu_v ul {

/**/float:left;
	display:block;
	clear:both;
	margin: 0;
	padding: 0;
}



/*
.menu_v ul li {
	float:left;
	list-style: none;
	padding:0px 0px 0px 0px;
	
}
*/






/*
ul.menu_niv_01 li a {
	width:240px;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	margin-bottom:3px;
	margin-top:3px;
	padding:7px 5px 7px 9px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

ul.menu_niv_01 li a:hover {
	filter				: alpha (opacity=80);
	-moz-opacity		: 0.8;
	opacity				: 0.8;
	cursor				: hand;
}


ul.menu_niv_01 li .actif {
	background-color:#c00707;
	border-left:4px solid #c00707;
	color: #ffffff;
}*/









#sidebar .accordionContainer h3 {
	/*position:relative;
	float:left;*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}



#sidebar .accordionContainer h3 a {
	position:relative;
	float:left; /*	BUG SOUS SAFARI*/
	width:240px;
	display:block;
	clear:both;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	margin:3px 0px 3px 0px;
	padding:7px 7px 7px 9px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	background-image:url(../img/bt_nav_fleche.gif);
	background-repeat:no-repeat;
	background-position:230px 7px;
}
/**/

#sidebar .accordionContainer h3 a:hover {
	filter				: alpha (opacity=80);/*INCOMPATIBLE IE SI APPLIQUE SUR LES IMAGES */
	-moz-opacity		: 0.8;
	opacity				: 0.8;
	cursor				: hand;
	color:#ffffff;
}








/* -- SOUS MENU -- */

/*
ul.menu_niv_01 {
	width:255px;
	padding:0;
	list-style:none;

}*/



ul.menu_niv_01 {

	float:left;
	display:block;
	clear:both;
	width:254px;
	padding:0px 0px 8px 0px;
	margin:0px 0px 0px 0px;
	color:#ffffff;

}



ul.menu_niv_01 li {

	float:left;
	display:block;
	clear:both;
	padding:0;
	display:inline;
}


/*
ul.menu_niv_01 ul li{
margin:0 0 0 15px;
padding:0px 0px 0px 0px;
}
*/



.menu_niv_01 a {

	float:left;
	display:block;
	clear:both;
	width:237px;/*  254px - Padding - Margin*/
	/*border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;*/
	margin:1px 0px 0px 0px;
	padding:6px 6px 6px 12px;
	font-weight:bold;
	font-size:11px;
	color:#696d74;
	text-decoration:none;
}



.menu_niv_01 a:hover {
	width:237px;
	filter				: alpha (opacity=70); 
	-moz-opacity		: 0.7;
	opacity				: 0.7;
	cursor				: hand;
	color				: #000000;
	padding:6px 6px 6px 12px;
}


.menu_niv_01  .actif {
	background-color:#FFF;
	border-left:4px solid #c00707;
	color: #FF3200;
}








/* -- menu_niv_03 --  

ul.menu_niv_01 ul ul {
	
}

ul.menu_niv_01 ul ul a {
	width:150px;
	margin:3px 0px 3px 16px;
	padding:3px 1px 3px 5px;
	font-weight:normal;

}

ul.menu_niv_01 ul ul .actif {
	background-color:#FFF;
	border-left:4px solid #c00707;
	color: #FF3200;
}


*/







/* -- menu_niv_04 --

.menu_v .content .menu_niv_04 a {
	padding-left: 30px;
}

.menu_v .content .menu_niv_04 .separateur {
	padding-left: 30px;
}
 */
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 /* ========== FOND COULEURS =========== */
 
 
 .gris {
	background-color:#e6e6e6;
}








.violet {
	background-color:#990bc2;
}
 
 .violet_actif {
	color:#990bc2 !important;
	 width:232px !important;
	 background-color:#f5f5f5;
	 background-image:url(../img/puce_sous_nav.gif);
	 background-repeat:no-repeat;
	 background-position:6px center;
	 padding:6px 6px 6px 17px !important;	 	
}

 
 
 
 
 
 
 
 
 .bleu{
	background-color:#1679f4;
}


 .bleu_actif {
	color:#1679f4 !important;
	 width:232px !important;
	 background-color:#f5f5f5;
	 background-image:url(../img/puce_sous_nav.gif);
	 background-repeat:no-repeat;
	 background-position:6px center;
	 padding:6px 6px 6px 17px !important;	 	
}

 
 
 
 
 
 
 
 
 
.orange {
	background-color:#e98221;
}

.orange_actif {
	color:#e98221 !important;
	 width:232px !important;
	 background-color:#f5f5f5;
	 background-image:url(../img/puce_sous_nav.gif);
	 background-repeat:no-repeat;
	 background-position:6px center;
	 padding:6px 6px 6px 17px !important;
	 	
}









.rouge {
	background-color:#c00707;
}

.rouge_actif {
	color:#c00707 !important;
	 width:232px !important;
	 background-color:#f5f5f5;
	 background-image:url(../img/puce_sous_nav.gif);
	 background-repeat:no-repeat;
	 background-position:6px center;
	 padding:6px 6px 6px 17px !important;	 	
}









.bleu_vert {
	background-color:#1aaba1;
}

.bleu_vert_actif {
	color:#1aaba1 !important;
	 width:232px !important;
	 background-color:#f5f5f5;
	 background-image:url(../img/puce_sous_nav.gif);
	 background-repeat:no-repeat;
	 background-position:6px center;
	 padding:6px 6px 6px 17px !important;	 	
}








.vert {
	background-color:#7cdd0a;
}


.vert_actif {
	color:#64b00c !important;
	 width:232px !important;
	 background-color:#f5f5f5;
	 background-image:url(../img/puce_sous_nav.gif);
	 background-repeat:no-repeat;
	 background-position:6px center;
	 padding:6px 6px 6px 17px !important;	 	
}