/* MENU CSS Document */

/******************************
*** MENU HORIZONTAL
******************************/
#menu-horizontal {position:relative;width:970px;height:47px;padding:0 0 17px 0;margin:0 auto;color:#FFF;font-size:16px; background:url(../images/bg-menu-principal.gif) left bottom no-repeat #000;list-style:disc;}
#menu-horizontal li {height:47px;display:inline;padding:0;margin:0;}
#menu-horizontal li a {float:left;padding:0 5px 0 14px;margin:0;line-height:33px;text-decoration:none;color:#FFF;background:url(../images/picto-point-blanc.png) 3px center no-repeat;}
#menu-horizontal li a:hover,
#menu-horizontal li.selected a,
#menu-horizontal li.selected a:hover,
#menu-horizontal li.act a, #menu-horizontal li.act a:hover {padding:0 9px 14px 10px;background:url(../images/bg-menu-horizontal-selected.png) left top no-repeat;color:#fff;}
#menu-horizontal li.selected a,
#menu-horizontal li.selected a:hover,
#menu-horizontal li.act a,
#menu-horizontal li.act a:hover {color:#000;}

/* NIVEAU 2 */
#menu-horizontal li ul {position:absolute;margin:0;padding:0;width:200px;top:33px;}
#menu-horizontal li.onglet7 ul {left:-15px;}
#menu-horizontal li.onglet6 ul {left:87px;}
#menu-horizontal li.onglet5 ul {left:196px;}
#menu-horizontal li.onglet30 ul {left:286px;}
#menu-horizontal li.onglet27 ul {left:458px;}
#menu-horizontal li.onglet31 ul {left:552px;}
/* PAGE SUPPRIMEE */ #menu-horizontal li.onglet28 ul {left:625px;}
#menu-horizontal li.onglet29 ul {left:625px;}
#menu-horizontal li.onglet22 ul {left:788px;}
#menu-horizontal li.onglet21 ul {left:853px;}

#menu-horizontal li.act ul li,
#menu-horizontal li.selected ul li {display:inline;margin:0;padding:0;width:200px;height:auto;}
#menu-horizontal li.act ul li a,
#menu-horizontal li.selected ul li a {display:block;float:none;margin:0;padding:6px 13px;background:url(../images/pointilles-menu-principal.png);line-height:18px;color:#fff;font-size:14px;text-decoration:none;}

/* menu déroulant avec Niveau 2 SELECTIONNE */
#menu-horizontal li.selected ul li a:hover,
#menu-horizontal li.act ul li a:hover,
#menu-horizontal li.selected ul li.selected2 a,
#menu-horizontal li.selected ul li.selected2 a:hover,
#menu-horizontal li.act ul li.selected2 a,
#menu-horizontal li.act ul li.selected2 a:hover {margin:0;padding:6px 13px;background:url(../images/pointilles-menu-principal-select.gif) left top repeat-x #FFF;color:#000;text-decoration:none;}


/* menu déroulant avec Niveau 2 SELECTIONNE */
#menu-horizontal li.selected ul li.selected2 a,
#menu-horizontal li.act ul li.selected2 a {font-weight:bold;}

/* haut menu déroulant : idem act et selected : a & a:hover */
#menu-horizontal li.selected ul li.top a, 
#menu-horizontal li.selected ul li.top a:hover,
#menu-horizontal li.act ul li.top a, 
#menu-horizontal li.act ul li.top a:hover {height:18px;padding:0;background:url(../images/bg-haut-menu-principal.png) left bottom repeat-x;cursor:default;}

/* bas menu déroulant : idem act et selected : a & a:hover */
#menu-horizontal li.selected ul li.bottom a,
#menu-horizontal li.selected ul li.bottom a:hover,
#menu-horizontal li.act ul li.bottom a,
#menu-horizontal li.act ul li.bottom a:hover {height:22px;padding:0;background:url(../images/bg-bas-menu-principal.png) left top no-repeat;cursor:default;}

/******************************
*** MENU VERTICAL
******************************/
#menu-vertical {margin:30px 0 0 0;width:200px;}
#titre-menu-vertical {padding:0 0 12px 0;background:url(../images/bg-titre-menu-vertical.png) left bottom no-repeat;}
#titre-menu-vertical h2 {padding:0 0 0 12px;margin:0;color:#000;font-size:17px;font-weight:bold;background:url(../images/picto-fleche1.gif) 2px 5px no-repeat;}

/* NIVEAU 1 */
#menu-vertical ul {width:200px;margin:0 0 15px 0;font-size:14px;list-style:none;background:url(../images/bg-menu-vertical.gif) right top repeat-y;}
#menu-vertical li span.hidden {background:#FF0000;}
#menu-vertical li {padding:1px 0;background:url(../images/pointilles-gris1.gif) repeat-x left bottom;}
#menu-vertical li a {padding:5px 10px 6px 15px;display:block;color:#6d6d6d;text-decoration:none;}
#menu-vertical li a:hover {color:#a82b12;}
#menu-vertical li.selected1 {background:#FFFFFF;}
#menu-vertical li.selected1 a {color:#a82b12;font-weight:bold;}

/* NIVEAU 2 */
#menu-vertical li.selected1 ul {margin:0;padding:0 0 5px 0;background:url(../images/pointilles-gris1.gif) repeat-x left bottom;}
#menu-vertical li.selected1 ul li {padding:2px 0 0 5px;margin:0 0 0 10px;list-style-image:none;font-size:12px;background:none;}
#menu-vertical li.selected1 ul li a {padding:0 10px 0 16px;display:inline-block;font-weight:normal;color:#000;background:url(../images/picto-fleche3.gif) 5px 3px no-repeat;}
#menu-vertical li.selected1 ul li a:hover {color:#a82b12;}
#menu-vertical li.selected1 ul li.selected2 a {font-weight:bold;color:#000;background:url(../images/picto-fleche2.gif) 5px 3px no-repeat;}

/* NIVEAU 3 */
#menu-vertical li.selected1 li.selected2 ul {margin:2px 0 5px 5px;}
#menu-vertical li.selected1 li.selected2 ul li {padding:2px 0 0 5px;margin:0 0 0 10px;font-size:12px;}
#menu-vertical li.selected1 li.selected2 ul li a {padding:0 10px 0 8px;font-weight:normal;color:#31a4d9;background:url(../images/picto-fleche10.gif) left 5px no-repeat;}
#menu-vertical li.selected1 li.selected2 ul li a:hover {color:#000;background:url(../images/picto-fleche11.gif) left 5px no-repeat;}
#menu-vertical li.selected1 li.selected2 ul li.selected3 a {font-weight:bold;font-size:12px;color:#31a4d9;background:url(../images/picto-fleche14.gif) left 5px no-repeat;}
#menu-vertical li.selected1 li.selected2 ul li.selected3 a:hover {color:#31a4d9;}


/******************************
*** MENU DE GAUCHE - PIED DE PAGE
******************************/
#menu-bas-gauche {width:450px;float:left;padding:30px 0 24px 42px;font-size:10px; text-transform:uppercase;color:#2d2d2d;border-right:#f2f1f0 solid 1px;}

/* NIVEAU 1 */
#menu-bas-gauche li {padding:0;display:inline;list-style:none; }
#menu-bas-gauche li a {width:140px;float:left;padding:0 0 0 10px;text-decoration:none;color:#737373;background:url(../images/picto-fleche7.gif) left center no-repeat;}
#menu-bas-gauche li a:hover, #menu-bas-gauche li.selected a {color:#000;background:url(../images/picto-fleche8.gif) left center no-repeat;}

/******************************
*** MENU DE DROITE - PIED DE PAGE
******************************/
#menu-bas-droit {width:265px;height:40px;display:inline;float:right;padding:16px 0 0 0;}
#menu-bas-droit img {padding:0;margin:0 0 4px 0;}
#menu-bas-droit form {float:left;width:171px;}
#menu-bas-droit .email {display:inline;float:left;width:98px;height:19px;padding:3px 7px 0px 7px;font-size:12px;color:#4c4c4c;border:#bcbcbc solid 1px;border-right:none;background:url(../images/bg-input1.png) repeat-x bottom #FFF;}
#menu-bas-droit input.newsletter-button {margin:0;}
#menu-bas-droit ul {float:right;font-size:9px;text-transform:uppercase;color:#737373;}
#menu-bas-droit li {display:block;padding:0 0 2px 0;}
#menu-bas-droit li a, #menu-bas-droit li a:hover {padding:0 0 0 10px;background:url(../images/picto-fleche7.gif) left center no-repeat;text-decoration:none;color:#737373;}
#menu-bas-droit li a:hover {background:url(../images/picto-fleche8.gif) left center no-repeat;color:#000;}

/******************************
*** CONFIG ACCESSIBILITE DES MENUS
******************************/
.hidden {position: absolute;left: -10000em;width: 20em;}
.dfn {position: absolute;left: -10000em;width: 20em;}