/* SWIM2.0 :: Simple website menu
****************************************************************
* DOM scripting by brothercake -- http://www.brothercake.com/
* Licensed under GPL -- http://www.gnu.org/copyleft/gpl.html
****************************************************************
* For professional menu solutions visit -- http://www.udm4.com/ 
****************************************************************
*/
#menuPrincipal{
	margin:-6px 0 0 0;
	width:100%;
	height:33px;
	background-image:url(../images/interface/bandeMenu.jpg);
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	padding:4px 0 0 0;
}


.horizontal{
	z-index:50;
}

ul.horizontal, ul.horizontal li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:100%;
}

ul.horizontal {
	position:relative;
	width:970px;
	height:28px;
	cursor:default;
	margin-right:auto;
	margin-left:auto;
	padding-top:2px;
	z-index:10;
}


ul.horizontal li{
	float:left;
	/*position:relative;BUG IE7*/
	cursor:pointer;
	cursor:hand;
	text-align:left;
	margin:0 0 0 0;
	color:#FFF;
	
}

ul.horizontal li a{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:1.2em;
	line-height:2.2em;
	background:none;
}

ul.horizontal ul{
	z-index:50;
	padding:0;
	cursor:default;
	position:absolute;
	top:auto;
	width:250px;
	margin:-3px 0 0 -10px;
	left:-10000px;
	padding:0 0 0 0px;
}

*+html ul.horizontal ul{
	margin:-3px 0 0 0;
}

*html ul.horizontal ul{
	margin:0 0 0 0;
}


ul.horizontal ul li {
	z-index:20;
	height:auto;
	left:auto;
	margin:0 0 0 0;
	height:100%;
	min-height:30px;
	color:#FFF;
	text-align:left;
}
*html ul.horizontal ul li{
	height:30px;
}	

ul.horizontal ul li a, ul.horizontal ul li a:visited,ul.horizontal ul li a:link {
	height:30px;
	width:240px;
	font-weight:normal;
	line-height:2em;
	padding-left:10px;
	background-image:url(../images/interface/backgroundSousMenu.jpg);
	background-position:left;
	background-repeat:repeat-x;
	text-decoration:none;
	color:#FFF;
}

ul.horizontal ul li a:hover{
	background-image:url(../images/interface/backgroundSousMenuHover2bis.jpg);
	background-position:left;
	background-repeat:repeat-none;
	
}

ul.horizontal ul.wider, ul.horizontal ul.wider li {
	width:250px;
}

ul.horizontal ul ul {
	margin:-0.45em 0 0 0;
}
@media Screen, Projection { 
	ul.horizontal li:hover > ul { left:auto; }
	ul.horizontal ul li:hover > ul { top:0; }
	}

ul.horizontal a, ul.horizontal a:visited,ul.horizontal a:link {
	display:block;
	cursor:pointer;
	cursor:hand;
	text-decoration:none;
	margin:0;
	padding:0;
	min-height:18px;
}


 ul.horizontal a:hover,ul.horizontal a:focus, ul.horizontal a.rollover, ul.horizontal a.rollover:visited {
	background-position:0 0;
}



ul.horizontal a { float:left; }
@media Screen, Projection { ul.horizontal a { float:none; } }
ul.horizontal a:not(:nth-child(n)) { float:left; }
ul.horizontal ul a { float:none !important; }
@media screen, projection {
	* html ul.horizontal li {
		display:inline; 
		float:left; 
		/*background:#ffffff; */
		}
	}

ul[class^="horizontal"] ul { display:none; }
ul[class^="horizontal"] ul { display:block; }

* html ul.horizontal li { position:static; }
* html ul.horizontal a { position:relative; }








/*cas particulier a notre site*/
#div_6{
	width:140px;
	height:28px;
	background-image:url(../images/interface/backgroundMenu1.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding: 0 0 0 10px;
}

#div_7{
	width:90px;
	height:28px;
	padding: 0 0 0 10px;
	background-image:url(../images/interface/backgroundMenu2.jpg);
	background-position:left;
	background-repeat:no-repeat;

}
#div_8{
	width:80px;
	height:28px;
	padding: 0 0 0 10px;
	background-image:url(../images/interface/backgroundMenu3.jpg);
	background-position:left;
	background-repeat:no-repeat;
	
}

#div_9{
	width:110px;
	height:28px;
	padding: 0 0 0 10px;
	background-image:url(../images/interface/backgroundMenu4.jpg);
	background-position:left;
	background-repeat:no-repeat;
	
}

#div_10{
	background-image:url(../images/interface/backgroundMenu5.jpg);
	background-position:right;
	background-repeat:no-repeat;
	width:150px;
	height:28px;
	padding: 0 0 0 10px;	
}

#div_11{
	padding: 0 0 0 10px;
	width:205px;
	height:28px;
	/*background-image:url(../images/interface/backgroundMenu6.jpg);
	background-position:right;
	background-repeat:no-repeat;*/

}

#boutonConn{
	background-image:url(../images/interface/backgroundBoutonConnexion.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:135px;
	height:27px;
	position: relative;
	margin: -4px 0 0 0px;
	padding:4px 0 0 0;
}
/*************************************************** MENU VERTICAL ******************************************/

#sousMenuGauche{
	position:relative;
	float:left;
	width:218px;
	margin: 0 0 25px 0;
}

.blocLien{
float:left;
text-align:left;
width:203px;
height:100%;
min-height:37px;
background-image:url(../images/interface/backgroundMenuVertical1.jpg);
background-position:left;
background-repeat:no-repeat;
padding: 0 0 0 10px;
margin: 1px 0 0 0;

}

*html .blocLien{
	height:37px;
}

.blocLien a, .blocLien a:active, .blocLien a:visited, .blocLien a:link{
	 color:#FFF;
	 text-decoration:none;
	 line-height:3em;
	 font-size:1.2em;
	 text-align:left;
}

.blocLien a:hover{
	 color:#FFF;
	 text-decoration:none;
	 line-height:3em;
	 font-size:1.2em;
}

.blocLien2{
	float:left;
	width:210px;
	height:100%;
	min-height:28px;
	background-color:#e6e6e6;
	padding: 0 0 0 3px;
	line-height:2.7em;
	text-align:left;
}
*html .blocLien2{
	height:28px;
}
.blocLien2 img{
	border: 0;
	margin:0 10px 0 0;
}
.blocLien2 a, .blocLien2 a:active, .blocLien2 a:visited, .blocLien2 a:link{
	display:block;
	width:190px;
	height:100%;
	min-height:28px;
	color:#3b3b3b;
 	text-decoration:none;
	font-size:1.2em;
	border-bottom:solid 1px #FFF;
	padding: 0 0 0 17px;
	text-align:left;
}
*html .blocLien2 a{
	height:28px;
}
.blocLien2 a:hover{
	 color:#3b3b3b;
	 text-decoration:none;
	 font-size:1.2em;
}


/************************************************* FIN MENU VERTICAL ******************************************/