@charset "utf-8";
/* CSS Document */

#main { margin:0 auto; width:950px;}

/* menu */
#menu{
 height:35px;
 width:903px;
 margin-left:auto;
 margin-right:auto;
 margin-top:0;
 background:transparent url(../_images/fond-menu.gif) no-repeat top left;
}

.sous-menu{

 padding-left:10px;
 padding-top:5px;
 padding-bottom:5px;
 height:auto;
 width:891px;
 margin-left:auto;
 margin-right:auto;
 margin-top:0;
 background:#e7e7e8;
 border:1px #B7B7B7 solid;
}

.sous-menu a{
	font-family:Verdana, Geneva, sans-serif;
	color:#000000;
	font-size:12px;
	text-decoration:none;
}

.sous-menu a:hover{
	font-family:Verdana, Geneva, sans-serif;
	color:#000000;
	font-size:12px;
	text-decoration:underline;
}

#menu-ul { height:35px; position:relative; z-index:100; width:903px; margin-left:auto;margin-right:auto;background:transparent url(../images/fond-menu.gif) no-repeat top left;}
#menu-ul{padding-left:0;}
#menu li { float:left; height:35px; margin:0 2px 0 0; font:bold 12px Verdana, Geneva, sans-serif;color:#FFFFFF; }
#menu li a { height:35px; position:relative;font:bold 12px Verdana, Geneva, sans-serif;color:#FFFFFF;line-height:16px;}
.rubrique a{ font:bold 12px Verdana, Geneva, sans-serif;color:#FFFFFF;text-decoration:none;text-align:center; }
.rubrique a:hover{background-color:#B7B7B7;text-decoration:none;}
/*#menu li a span { height:30px; position:absolute; top:0; left:0; background-color:#FF6677; background-repeat:no-repeat; }*/
.rubrique-select a{background-color:#B7B7B7; font:bold 12px Verdana, Geneva, sans-serif;color:#FFFFFF;text-decoration:none;text-align:center; }
.rubrique-select a:hover{background-color:#B7B7B7;text-decoration:none;}
.bord-droit{
border-right:1px dotted #FFFFFF;	
}

#menu #item-1, #menu #item-1 a, #menu #item-1 a span {display:block; width:100px;}
#menu #item-2, #menu #item-2 a, #menu #item-2 a span {display:block; width:80px;}
#menu #item-3, #menu #item-3 a, #menu #item-3 a span {display:block; width:90px;}
#menu #item-4, #menu #item-4 a, #menu #item-4 a span {display:block; width:140px;}
#menu #item-5, #menu #item-5 a, #menu #item-5 a span {display:block; width:150px;}
#menu #item-6, #menu #item-6 a, #menu #item-6 a span {display:block; width:120px;}
#menu #item-7, #menu #item-7 a, #menu #item-7 a span {display:block; width:82px;}
#menu #item-8, #menu #item-8 a, #menu #item-8 a span {display:block; width:70px;}
#menu #item-9, #menu #item-9 a, #menu #item-9 a span {display:block; width:35px;vertical-align:middle;}

#menu #item-1 a span { background-position:0 0;}
#menu #item-2 a span { background-position:-100px 0;}
#menu #item-3 a span { background-position:-180px 0;}
#menu #item-4 a span { background-position:-270px 0;}
#menu #item-5 a span { background-position:-410px 0;}
#menu #item-6 a span { background-position:-560px 0;}
#menu #item-7 a span { background-position:-670px 0;}
#menu #item-8 a span { background-position:-752px 0;}
#menu #item-9 a span { background-position:-822px 0;}

#menu #item-1:hover a, #menu #item-1.current a, #menu #item-1 a.selec { background-position:0 -30px; }
#menu #item-2:hover a, #menu #item-2.current a, #menu #item-2 a.selec { background-position:-100px -30px; }
#menu #item-3:hover a, #menu #item-3.current a, #menu #item-3 a.selec  { background-position:-180px -30px; }
#menu #item-4:hover a, #menu #item-4.current a, #menu #item-4 a.selec { background-position:-270px -30px; }
#menu #item-5:hover a, #menu #item-5.current a, #menu #item-5 a.selec  { background-position:-410px -30px; }
#menu #item-6:hover a, #menu #item-6.current a, #menu #item-6 a.selec  { background-position:-560px -30px; }
#menu #item-7:hover a, #menu #item-7.current a, #menu #item-7 a.selec  { background-position:-670px -30px; }
#menu #item-8:hover a, #menu #item-8.current a, #menu #item-8 a.selec  { background-position:-772px -30px; }
#menu #item-9:hover a, #menu #item-9.current a, #menu #item-9 a.selec  { background-position:-842px -30px; }


/* sub */
#menu ul .sub { position:absolute; width:auto;top:-900px; left:0; z-index:110; border-style:solid; border-width:1px;
padding:17px 15px;border-top-width:5px; zoom:1; height:auto;  }
#menu ul li:hover .sub, #menu ul li.current .sub { top:30px; }

.sub ul{
padding-left:3px;	
}

#item-1 .sub { border-color:#B7B7B7; background:#e7e7e8; }
#item-2 .sub { border-color:#B7B7B7; background:#e7e7e8; margin-left:102px;}
#item-3 .sub { border-color:#B7B7B7; background:#e7e7e8; margin-left:184px;}
#item-4 .sub { border-color:#B7B7B7; background:#e7e7e8; margin-left:276px;}
#item-5 .sub { border-color:#B7B7B7; background:#e7e7e8; margin-left:417px;}
#item-6 .sub { border-color:#B7B7B7; background:#e7e7e8; margin-left:570px;}
#item-7 .sub { border-color:#B7B7B7; background:#e7e7e8; margin-left:690px;}
#item-8 .sub { border-color:#B7B7B7; background:#e7e7e8; margin-left:775px;}

.sub .more { height:auto !important; width:auto !important; position:absolute !important; left:30px; bottom:20px; padding:0 0 0 10px; font-size:18px; color:#dc4061; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-weight:normal !important; }
.sub .more:hover { text-decoration:underline; }
.sub ul { width:auto; float:left; margin:0px; overflow:hidden; }
#menu li li { display:block; float:none; height:auto !important; margin:0; }
#menu li li a { height:17px !important; width:auto !important; font:bold 12px Arial, Helvetica, sans-serif;color:#000000; text-align:left;} /* Height pour reduire l'interlignage des sous rub */
#menu li li a:hover { text-decoration:underline; background-color:transparent; }