/* MENU CSS Document */ /****************************** *** MENU PRINCIPAL ******************************/ #navigation {width:970px;height:52px;background:url(../Images/pointilles-noir01.gif) left bottom repeat-x;} #navigation #menu-horizontal {display:block;height:52px;width:970px;color:#000;font-size:16px;} /* NIVEAU 1 */ #navigation #menu-horizontal li {position:relative;float:left;display:inline-block;padding:0;margin:0;height:52px;z-index:100;} #navigation #menu-horizontal li a {display:block;padding:52px 9px 0 0;overflow:hidden;height:0px !important;text-decoration:none;color:#000;text-align:center;font-size:16px;background:url(../Images/bg-menu-horizontal.gif) no-repeat;} #navigation #menu-horizontal li.page263 a {width:117px;background-position:left top;padding-right:8px;} #navigation #menu-horizontal li.page230 a {width:169px;background-position:-125px top;} #navigation #menu-horizontal li.page178 a {width:161px;background-position:-303px top;} #navigation #menu-horizontal li.page155 a {width:152px;background-position:-473px top;} #navigation #menu-horizontal li.page102 a {width:143px;background-position:-634px top;} #navigation #menu-horizontal li.page78 a {width:184px;background-position:-786px top;padding-right:0;} #navigation #menu-horizontal li a:hover, #navigation #menu-horizontal li.selected a, #navigation #menu-horizontal li.selected a:hover, #navigation #menu-horizontal li.act a, #navigation #menu-horizontal li.act a:hover {color:#000;background-image:url(../Images/bg-menu-horizontal-hover.gif);background-repeat:no-repeat;} /* NIVEAU 2 */ #navigation #menu-horizontal li ul {position:absolute;top:45px;left:-7px;width:255px;height:auto;margin:0;padding:24px 0 0 0;background:url(../Images/bg-menu-deroulant-haut-bleu.png) left top no-repeat;} #navigation #menu-horizontal li ul li {display:block;float:none;margin:0;padding:0 0 0 7px;width:239px;height:auto;background:url(../Images/bg-menu-deroulant-bleu.png) left top repeat-y;font-size:1px;line-height:1px;} #navigation #menu-horizontal li ul li span {display:block;padding:0 0 1px 0;background:url(../Images/pointilles-blanc01.gif) left bottom repeat-x;} #navigation #menu-horizontal li.page263 ul li a, #navigation #menu-horizontal li.page230 ul li a, #navigation #menu-horizontal li.page178 ul li a, #navigation #menu-horizontal li.page155 ul li a, #navigation #menu-horizontal li.page102 ul li a, #navigation #menu-horizontal li.page78 ul li a, #navigation #menu-horizontal li ul li a, #navigation #menu-horizontal li ul li a:hover, #navigation #menu-horizontal li.selected ul li a, #navigation #menu-horizontal li.selected ul li a:hover, #navigation #menu-horizontal li.act ul li a, #navigation #menu-horizontal li.act ul li a:hover {display:block;margin:0;padding:5px 23px 5px 19px;width:197px;min-height:20px;height:auto;height:auto !important;line-height:20px;text-align:left;color:#fff;font-size:12px;text-transform:uppercase;text-decoration:none;background:none;} #navigation #menu-horizontal li ul li.selected2 a, #navigation #menu-horizontal li ul li.selected2 a:hover, #navigation #menu-horizontal li ul li a:hover, #navigation #menu-horizontal li.act ul li a:hover {background-color:#fff;color:#0088ad;} #navigation #menu-horizontal li ul li.bas {width:246px;height:37px;padding:0;background:url(../Images/bg-menu-deroulant-bas-bleu.png) left top no-repeat;} /* orange */ #navigation #menu-horizontal li.page230 ul {left:-12px;} #navigation #menu-horizontal li.page230 ul {background-image:url(../Images/bg-menu-deroulant-haut-orange.png);} #navigation #menu-horizontal li.page230 ul li {background-image:url(../Images/bg-menu-deroulant-orange.png);} #navigation #menu-horizontal li.page230 ul li.selected2 a, #navigation #menu-horizontal li.page230 ul li.selected2 a:hover, #navigation #menu-horizontal li.page230 ul li a:hover {color:#d24b19;} #navigation #menu-horizontal li.page230 ul li.bas {background-image:url(../Images/bg-menu-deroulant-bas-orange.png);} /* violet */ #navigation #menu-horizontal li.page178 ul {left:-13px;} #navigation #menu-horizontal li.page178 ul {background-image:url(../Images/bg-menu-deroulant-haut-violet.png);} #navigation #menu-horizontal li.page178 ul li {background-image:url(../Images/bg-menu-deroulant-violet.png);} #navigation #menu-horizontal li.page178 ul li.selected2 a, #navigation #menu-horizontal li.page178 ul li.selected2 a:hover, #navigation #menu-horizontal li.page178 ul li a:hover {color:#904ba4;} #navigation #menu-horizontal li.page178 ul li.bas {background-image:url(../Images/bg-menu-deroulant-bas-violet.png);} /* turquoise */ #navigation #menu-horizontal li.page155 ul {left:-12px;} #navigation #menu-horizontal li.page155 ul {background-image:url(../Images/bg-menu-deroulant-haut-turquoise.png);} #navigation #menu-horizontal li.page155 ul li {background-image:url(../Images/bg-menu-deroulant-turquoise.png);} #navigation #menu-horizontal li.page155 ul li.selected2 a, #navigation #menu-horizontal li.page155 ul li.selected2 a:hover, #navigation #menu-horizontal li.page155 ul li a:hover {color:#3dab93;} #navigation #menu-horizontal li.page155 ul li.bas {background-image:url(../Images/bg-menu-deroulant-bas-turquoise.png);} /* rose */ #navigation #menu-horizontal li.page102 ul {left:-19px;} #navigation #menu-horizontal li.page102 ul {background-image:url(../Images/bg-menu-deroulant-haut-rose.png);} #navigation #menu-horizontal li.page102 ul li {background-image:url(../Images/bg-menu-deroulant-rose.png);} #navigation #menu-horizontal li.page102 ul li.selected2 a, #navigation #menu-horizontal li.page102 ul li.selected2 a:hover, #navigation #menu-horizontal li.page102 ul li a:hover {color:#d4007a;} #navigation #menu-horizontal li.page102 ul li.bas {background-image:url(../Images/bg-menu-deroulant-bas-rose.png);} /* vert */ #navigation #menu-horizontal li.page78 ul {left:-64px;} #navigation #menu-horizontal li.page78 ul {background-image:url(../Images/bg-menu-deroulant-haut-vert.png);} #navigation #menu-horizontal li.page78 ul li {background-image:url(../Images/bg-menu-deroulant-vert.png);} #navigation #menu-horizontal li.page78 ul li.selected2 a, #navigation #menu-horizontal li.page78 ul li.selected2 a:hover, #navigation #menu-horizontal li.page78 ul li a:hover {color:#7ab51d;} #navigation #menu-horizontal li.page78 ul li.bas {background-image:url(../Images/bg-menu-deroulant-bas-vert.png);} /****************************** *** MENU VERTICAL ******************************/ /* TITRE DU MENU VERTICAL */ #menu-vertical h2 {width:210px;margin:0 0 10px 0;padding:0 0 10px 0;color:#0088ad;font-size:20px;font-weight:bold;background:url(../Images/pointilles-01.gif) left bottom repeat-x;} /* MENU VERTICAL */ #menu-vertical {margin:0 0 40px 0;width:210px;font-size:14px;list-style:none;} #menu-vertical li {width:210px;padding:0;background:url(../Images/pointilles-gris01.gif) left bottom repeat-x;} #menu-vertical li a {display:block;padding:7px 14px;font-size:14px;color:#858585;text-decoration:none;text-transform:uppercase;} #menu-vertical li a:hover, #menu-vertical li.selected1 a, #menu-vertical li.selected1 a:hover {color:#000;} #menu-vertical li.selected1 a, #menu-vertical li.selected1 a:hover {font-weight:bold;} /* NIVEAU 2 */ #menu-vertical li ul {margin:0;padding:0 0 10px 20px;} #menu-vertical li ul li {width:190px;margin:0;padding:0;list-style-image:none;font-size:12px;background:none;} #menu-vertical li ul li a, #menu-vertical li.selected1 ul li a {display:inline-block;width:181px;padding:2px 0 2px 9px;font-size:12px;font-weight:normal;color:#000;text-transform:none;font-weight:normal;background:url(../Images/picto-fleche01-noir.gif) left 7px no-repeat;} #menu-vertical li ul li a:hover, #menu-vertical li.selected1 ul li a:hover, #menu-vertical li ul li.selected2 a, #menu-vertical li ul li.selected2 a:hover {color:#0088ad;font-weight:normal;background-image:url(../Images/picto-fleche01.gif);} #menu-vertical li.selected1 ul li.selected2 a, #menu-vertical li.selected1 ul li.selected2 a:hover {font-weight:bold;background:url(../Images/picto-fleche02.gif) left 6px no-repeat;} /* NIVEAU 3 */ #menu-vertical li ul li ul {margin:0;padding:0 0 10px 20px;} #menu-vertical li ul li li {width:170px;margin:0;padding:0;list-style-image:none;font-size:12px;background:none;} #menu-vertical li ul li li a, #menu-vertical li.selected1 ul li li a, #menu-vertical li.selected1 ul li.selected2 li a {display:inline-block;width:161px;padding:2px 0 2px 9px;font-size:12px;font-weight:normal;color:#858585;text-transform:none;font-weight:normal;background:url(../Images/picto-fleche01-gris.gif) left 7px no-repeat;} #menu-vertical li ul li li a:hover, #menu-vertical li.selected1 ul li li a:hover, #menu-vertical li.selected1 ul li.selected2 li a:hover, #menu-vertical li.selected1 ul li.selected2 li.selected3 a, #menu-vertical li.selected1 ul li.selected2 li.selected3 a:hover {color:#000;font-weight:normal;background:url(../Images/picto-fleche01-noir.gif) left 7px no-repeat;} #menu-vertical li.selected1 ul li.selected2 li.selected3 a, #menu-vertical li.selected1 ul li.selected2 li.selected3 a:hover {font-weight:bold;background:url(../Images/picto-fleche02-noir.gif) left 6px no-repeat;} /****************************** *** MENU FIL D'ARIANE ******************************/ #contenu ul.arborescence {float:left;margin:0 0 20px 0;padding:0;width:330px;} #contenu ul.arborescence li {display:inline;margin:0;padding:0;font-size:11px;font-weight:bold;background:none;} #contenu ul.arborescence li.no-picto a, #contenu ul.arborescence li.no-picto a:hover {padding:0;background:none;} #contenu ul.arborescence li a {display:inline-block;margin:0 6px 0 0;padding:0 0 0 9px;color:#747578;text-decoration:none;font-weight:normal;background:url(../Images/picto-fleche03-gris01.gif) left 4px no-repeat;} #contenu ul.arborescence li.selected {padding:0 0 0 12px;} #contenu ul.arborescence li.selected, #contenu ul.arborescence li a:hover {color:#0088ad;background:url(../Images/picto-fleche03.gif) left 4px no-repeat;} /****************************** *** MENU IMPRIMER ET OPTIONS ******************************/ #contenu #outils-imprimer {float:right;display:inline-block;width:110px;margin:0 0 15px 20px;padding:4px 7px 0 7px;background:#0088ad;} #contenu #outils-imprimer li {float:left;margin:0;padding:0;background:none;} #contenu #outils-imprimer li a {display:block;width:18px;margin:0 5px 0 0;padding:20px 0 0 0;overflow:hidden;height:0px !important;background-repeat:no-repeat;background-position:left top;} #contenu #outils-imprimer li a:hover {background-position:left -26px;} #contenu #outils-imprimer li.imprimer a {background-image:url(../Images/picto-imprimer.gif);} #contenu #outils-imprimer li.agrandir-texte a {background:url(../Images/picto-zoom-plus.png) left top no-repeat;} #contenu #outils-imprimer li.reduire-texte a {background:url(../Images/picto-zoom-moins.png) left top no-repeat;} #contenu #outils-imprimer li.agrandir-texte a:hover {background:url(../Images/picto-zoom-plus-hover.png) left top no-repeat;} #contenu #outils-imprimer li.reduire-texte a:hover {background:url(../Images/picto-zoom-moins-hover.png) left top no-repeat;} #contenu #outils-imprimer li.envoyer a {background:url(../Images/picto-envoyer.png) left top no-repeat;} #contenu #outils-imprimer li.envoyer a:hover {background:url(../Images/picto-envoyer-hover.png) left top no-repeat;} #contenu #outils-imprimer li.affiche-col-droite a {background-image:url(../Images/picto-masquer-droite.gif);margin:0;} #contenu #outils-imprimer li.masque-col-droite a {background-image:url(../Images/picto-afficher-droite.gif);margin:0;} /****************************** *** MENU OUTILS PRATIQUE - COLONNE DE GAUCHE ******************************/ #oullins-pratique h2 {margin:0 0 10px 0;padding:22px 0 0 0;overflow:hidden;height:0px !important;background:url(../Images/titre-oullins-pratique.gif) left top no-repeat;} #oullins-pratique ul {margin:0 0 15px 0;padding:0;width:210px;} #oullins-pratique ul li {display:block;margin:0 0 3px 0;} #oullins-pratique ul li a {display:block;min-height:16px;padding:7px 0 0 32px;font-size:12px;color:#747578;text-decoration:none;background-repeat:no-repeat;background-position:left top;} #oullins-pratique ul li a:hover {color:#000;text-decoration:none;} /****************************** *** MENU DE GAUCHE - PIED DE PAGE ******************************/ /* MENU BAS DE DROITE */ #bas-de-page #menu-bas-droite {float:right;margin:0;padding:20px 0 0 0;width:286px;color:#858585;font-size:11px;text-transform:uppercase;} #bas-de-page #menu-bas-droite li {float:left;display:inline-block;padding:0;margin:0;} #bas-de-page #menu-bas-droite li a {float:left;margin:0;padding:0 0 0 16px;width:115px;line-height:18px;font-weight:bold;text-decoration:none;color:#786a63;text-transform:uppercase;background:url(../Images/pictos-menu-bas-droite.gif) no-repeat;} #bas-de-page #menu-bas-droite li a:hover, #bas-de-page #menu-bas-droite li.selected a, #bas-de-page #menu-bas-droite li.selected a:hover {color:#000;background:url(../Images/pictos-menu-bas-droite-hover.gif) no-repeat;} #bas-de-page #menu-bas-droite li.page9 a, #bas-de-page #menu-bas-droite li.page9 a:hover {background-position:left -61px;} #bas-de-page #menu-bas-droite li.page6 a, #bas-de-page #menu-bas-droite li.page6 a:hover {background-position:left -244px;} #bas-de-page #menu-bas-droite li.page8 a, #bas-de-page #menu-bas-droite li.page8 a:hover {background-position:left -122px;} #bas-de-page #menu-bas-droite li.page76 a, #bas-de-page #menu-bas-droite li.page76 a:hover {background-position:left -305px;} #bas-de-page #menu-bas-droite li.page7 a, #bas-de-page #menu-bas-droite li.page7 a:hover {background-position:left -183px;} #bas-de-page #menu-bas-droite li.page17 a, #bas-de-page #menu-bas-droite li.page17 a:hover {background-position:left top;} /* MENU BAS HORIZONTAL */ /* NIVEAU 1 */ #bas-de-page #menu-bas {padding:12px 0 0 0;width:966px;} #bas-de-page #menu-bas li {float:left;width:150px;margin:0;padding:0 5px 0 6px;font-size:11px;font-weight:bold;color:#0088ad;text-transform:uppercase;} #bas-de-page #menu-bas li a {color:#0088ad;text-decoration:none;} /* bleu */ #bas-de-page #menu-bas li.page263, #bas-de-page #menu-bas li.page263 a {color:#009ce4;} /* orange */ #bas-de-page #menu-bas li.page230, #bas-de-page #menu-bas li.page230 a {color:#d24b19;} /* violet */ #bas-de-page #menu-bas li.page178, #bas-de-page #menu-bas li.page178 a {color:#904ba4;} /* turquoise */ #bas-de-page #menu-bas li.page155, #bas-de-page #menu-bas li.page155 a {color:#3dab93;} /* rose */ #bas-de-page #menu-bas li.page102, #bas-de-page #menu-bas li.page102 a {color:#d4007a;} /* vert */ #bas-de-page #menu-bas li.page78, #bas-de-page #menu-bas li.page78 a {color:#7ab51d;} #bas-de-page #menu-bas li a:hover, #bas-de-page #menu-bas li.selected a, #bas-de-page #menu-bas li.selected a:hover {color:#000;text-decoration:none;} /* NIVEAU 2 */ #bas-de-page #menu-bas li ul {margin:5px 0 0 0;padding:0;} #bas-de-page #menu-bas li ul li, #bas-de-page #menu-bas li.selected ul li {margin:0;padding:0;font-size:10px;text-transform:none;font-weight:normal;color:#0088ad;} #bas-de-page #menu-bas li ul li a, #bas-de-page #menu-bas li.selected ul li a {color:#0088ad;text-decoration:none;} /* bleu */ #bas-de-page #menu-bas li.page263 ul li, #bas-de-page #menu-bas li.page263 ul li a {color:#009ce4;} /* orange */ #bas-de-page #menu-bas li.page230 ul li, #bas-de-page #menu-bas li.page230 ul li a {color:#d24b19;} /* violet */ #bas-de-page #menu-bas li.page178 ul li, #bas-de-page #menu-bas li.page178 ul li a {color:#904ba4;} /* turquoise */ #bas-de-page #menu-bas li.page155 ul li, #bas-de-page #menu-bas li.page155 ul li a {color:#3dab93;} /* rose */ #bas-de-page #menu-bas li.page102 ul li, #bas-de-page #menu-bas li.page102 ul li a {color:#d4007a;} /* vert */ #bas-de-page #menu-bas li.page78 ul li, #bas-de-page #menu-bas li.page78 ul li a {color:#7ab51d;} #bas-de-page #menu-bas li ul li a:hover, #bas-de-page #menu-bas li.selected ul li.selected2 a, #bas-de-page #menu-bas li.selected ul li.selected2 a:hover {color:#000;text-decoration:none;} /****************************** *** CONFIG ACCESSIBILITE DES MENUS ******************************/ .hidden {position: absolute;left: -10000em;width: 20em;} .dfn {position: absolute;left: -10000em;width: 20em;}