/* MENU CSS Document */ /****************************** *** MENU PRINCIPAL ******************************/ #navigation {width:100%;height:60px;background:url(../Images/bg-site-menu.gif) left top repeat-x #fff;} #navigation #menu-horizontal {display:block;height:60px;width:962px;margin:0 auto;padding:0 25px 0 258px;color:#0097d2;font-size:16px;background:url(../Images/bg-ombre-menu-horizontal.gif) left top no-repeat;} /* NIVEAU 1 */ #navigation #menu-horizontal li {position:relative;float:left;display:inline-block;padding:0;margin:0;height:54px;background:url(../Images/bg-li-menu-horizontal.gif) left top no-repeat;z-index:9999;} #navigation #menu-horizontal li.first {background-image:url(../Images/bg-li-menu-horizontal-first.gif)} #navigation #menu-horizontal li a {display:block;line-height:54px;text-decoration:none;color:#0097d2;text-align:center;font-size:16px;background:url(../Images/pictos-menu-horizontal.gif) no-repeat;} #navigation #menu-horizontal li.page237 a {width:165px;color:#0097d2;background-position:left top;} #navigation #menu-horizontal li.page186 a {width:231px;color:#23a1a2;background-position:left -70px;} #navigation #menu-horizontal li.page124 a {width:163px;color:#51ac60;background-position:left -140px;} #navigation #menu-horizontal li.page78 a {width:177px;color:#72b42f;background-position:left -210px;} #navigation #menu-horizontal li.page102 a {width:226px;color:#94c136;background-position:left -280px;} #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 {height:60px;color:#fff;background-image:url(../Images/pictos-menu-horizontal-hover.gif);background-repeat:no-repeat;} /* NIVEAU 2 */ #navigation #menu-horizontal li ul {position:absolute;top:56px;left:-92px;width:255px;height:auto;margin:0;padding:10px 0 0 0;background:url(../Images/bg-menu-deroulant-haut-bleu-clair.png) left top no-repeat;} #navigation #menu-horizontal li ul li {display:block;float:none;margin:0;padding:0 0 0 6px;width:249px;height:auto;background:url(../Images/bg-menu-deroulant-bleu-clair.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-blanc.gif) left bottom repeat-x;} #navigation #menu-horizontal li.page237 ul li a, #navigation #menu-horizontal li.page186 ul li a, #navigation #menu-horizontal li.page124 ul li a, #navigation #menu-horizontal li.page78 ul li a, #navigation #menu-horizontal li.page102 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:7px 17px 7px 36px;width:196px;height:auto;line-height:20px;text-align:left;color:#fff;font-size:15px;text-decoration:none;background:url(../Images/picto-plus-blanc.gif) 17px 12px no-repeat;} #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-image:url(../Images/picto-plus.gif);background-color:#fff;color:#0097d2;} #navigation #menu-horizontal li ul li.bas {width:255px;height:24px;padding:0;background:url(../Images/bg-menu-deroulant-bas-bleu-clair.png) left top no-repeat;} /* bleu fonce */ #navigation #menu-horizontal li.page186 ul {left:-26px;} #navigation #menu-horizontal li.page186 ul {background-image:url(../Images/bg-menu-deroulant-haut-bleu-fonce.png);} #navigation #menu-horizontal li.page186 ul li {background-image:url(../Images/bg-menu-deroulant-bleu-fonce.png);} #navigation #menu-horizontal li.page186 ul li.selected2 a, #navigation #menu-horizontal li.page186 ul li.selected2 a:hover, #navigation #menu-horizontal li.page186 ul li a:hover {background-position:17px -88px;color:#23a1a2;} #navigation #menu-horizontal li.page186 ul li.bas {background-image:url(../Images/bg-menu-deroulant-bas-bleu-fonce.png);} /* bleu vert */ #navigation #menu-horizontal li.page124 ul {left:-94px;} #navigation #menu-horizontal li.page124 ul {background-image:url(../Images/bg-menu-deroulant-haut-bleu-vert.png);} #navigation #menu-horizontal li.page124 ul li {background-image:url(../Images/bg-menu-deroulant-bleu-vert.png);} #navigation #menu-horizontal li.page124 ul li.selected2 a, #navigation #menu-horizontal li.page124 ul li.selected2 a:hover, #navigation #menu-horizontal li.page124 ul li a:hover {background-position:17px -188px;color:#51ac60;} #navigation #menu-horizontal li.page124 ul li.bas {background-image:url(../Images/bg-menu-deroulant-bas-bleu-vert.png);} /* vert fonce */ #navigation #menu-horizontal li.page78 ul {left:-80px;} #navigation #menu-horizontal li.page78 ul {background-image:url(../Images/bg-menu-deroulant-haut-vert-fonce.png);} #navigation #menu-horizontal li.page78 ul li {background-image:url(../Images/bg-menu-deroulant-vert-fonce.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 {background-position:17px -288px;color:#72b42f;} #navigation #menu-horizontal li.page78 ul li.bas {background-image:url(../Images/bg-menu-deroulant-bas-vert-fonce.png);} /* vert clair */ #navigation #menu-horizontal li.page102 ul {left:-31px;} #navigation #menu-horizontal li.page102 ul {background-image:url(../Images/bg-menu-deroulant-haut-vert-clair.png);} #navigation #menu-horizontal li.page102 ul li {background-image:url(../Images/bg-menu-deroulant-vert-clair.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 {background-position:17px -388px;color:#94c136;} #navigation #menu-horizontal li.page102 ul li.bas {background-image:url(../Images/bg-menu-deroulant-bas-vert-clair.png);} /****************************** *** MENU VERTICAL ******************************/ /* TITRE DU MENU VERTICAL */ #menu-vertical h2 {width:233px;margin:0;padding:15px;color:#FFF;font-size:16px;font-weight:bold;background:url(../Images/bg-titre-menu-vertical.png) left top no-repeat;} /* MENU VERTICAL */ #menu-vertical {margin:0 0 75px 0;width:263px;font-size:14px;list-style:none;} #menu-vertical li {width:263px;padding:0 0 1px 0;background:url(../Images/pointilles-bleu-clair.gif) left bottom repeat-x;} #menu-vertical li a {display:inline-block;padding:7px 14px;width:235px;font-size:14px;color:#000;text-decoration:none;background:url(../Images/bg-li-menu-vertical.png) left top repeat-y;} #menu-vertical li a:hover, #menu-vertical li.selected1 a, #menu-vertical li.selected1 a:hover {background:#fff;color:#0097d2;} #menu-vertical li.selected1 a, #menu-vertical li.selected1 a:hover {font-weight:bold;} /* NIVEAU 2 */ #menu-vertical li ul, #menu-vertical li.selected1 ul {margin:0 0 10px 0;padding:0 0 0 30px;} #menu-vertical li ul li, #menu-vertical li.selected1 ul li {width:234px;margin:0;padding:0;list-style-image:none;font-size:13px;background:none;} #menu-vertical li ul li a, #menu-vertical li.selected1 ul li a {display:inline-block;width:219px;padding:2px 0 2px 15px;font-size:13px;font-weight:normal;color:#a1938c;background:none;} #menu-vertical li ul li a:hover, #menu-vertical li ul li.selected2 a, #menu-vertical li ul li.selected2 a:hover, #menu-vertical li.selected1 ul li a:hover, #menu-vertical li.selected1 ul li.selected2 a, #menu-vertical li.selected1 ul li.selected2 a:hover {color:#0097d2;font-weight:normal;} #menu-vertical li ul li.selected2 a, #menu-vertical li ul li.selected2 a:hover, #menu-vertical li.selected1 ul li.selected2 a, #menu-vertical li.selected1 ul li.selected2 a:hover {background:url(../Images/picto-fleche-bleu-clair01.gif) left 6px no-repeat;} /* NIVEAU 3 */ #menu-vertical li.selected1 ul li.selected2 ul {margin:0 0 10px 0;padding:0 0 0 30px;} #menu-vertical li.selected1 ul li.selected2 ul li {width:204px;margin:0;padding:0;list-style-image:none;font-size:12px;background:none;} #menu-vertical li.selected1 ul li.selected2 ul li a {display:inline-block;width:189px;padding:2px 0 2px 15px;font-size:12px;font-weight:normal;color:#a1938c;background:none;} #menu-vertical li.selected1 ul li.selected2 ul li a:hover, #menu-vertical li.selected1 ul li.selected2 ul li.selected3 a, #menu-vertical li.selected1 ul li.selected2 ul li.selected3 a:hover {color:#0097d2;font-weight:normal;background:none;} #menu-vertical li.selected1 ul li.selected2 ul li.selected3 a, #menu-vertical li.selected1 ul li.selected2 ul li.selected3 a:hover {background:url(../Images/picto-fleche-bleu-clair01.gif) left 6px no-repeat;} /****************************** *** MENU FIL D'ARIANE ******************************/ #contenu ul.arborescence {float:left;width:575px;margin:0 0 20px 0;padding:0;} #contenu ul.arborescence li {display:inline;margin:0;padding:0;color:#0097d2;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 2px 0 0;background:none;} #contenu ul.arborescence li a {margin:0 4px 0 0;padding:0 0 0 8px;color:#aea29b;text-decoration:none;font-weight:normal;background:url(../Images/picto-fleche-gris01.gif) left 4px no-repeat;} #contenu ul.arborescence li.selected {padding:0 0 0 8px;} #contenu ul.arborescence li.selected, #contenu ul.arborescence li a:hover {color:#0097d2;background:url(../Images/picto-fleche-bleu-clair02.gif) left 4px no-repeat;} /****************************** *** MENU IMPRIMER ET OPTIONS ******************************/ #contenu #outils-imprimer {float:right;margin:0 0 5px 20px;padding:13px 0 0 0;width:28px;height:128px;background:url(../Images/bg-options.gif) left top no-repeat;} #contenu.pleine-largeur #outils-imprimer {background-image:url(/typo3conf/ext/stratis_website/Resources/Public/Images/bg-options2.gif);} #contenu #outils-imprimer li {display:inline;margin:0;padding:0;background:none;} #contenu #outils-imprimer li a {display:block;width:28px;margin:0 0 2px 0;padding:27px 0 0 0;overflow:hidden;height:0px !important;background-repeat:no-repeat;background-position:5px -27px;} #contenu #outils-imprimer li a:hover {background-position:5px 1px;} #contenu #outils-imprimer li.imprimer a {background-image:url(../Images/picto-imprimer.gif);} #contenu #outils-imprimer li.agrandir-texte a {background-image:url(../Images/picto-zoom-plus.gif);} #contenu #outils-imprimer li.reduire-texte a {background-image:url(../Images/picto-zoom-moins.gif);} #contenu #outils-imprimer li.affiche-col-droite a {background-image:url(../Images/picto-masquer-droite.gif);} #contenu #outils-imprimer li.masque-col-droite a {background-image:url(../Images/picto-afficher-droite.gif);} /****************************** *** MENU ACCES DIRECT - COLONNE DE DROITE ******************************/ #colonne-droite #acces-direct h2 {padding:43px 0 0 0;overflow:hidden;height:0px !important;background:url(../Images/titre-acces-direct.gif) left top no-repeat;} #colonne-droite #acces-direct ul {margin:0 0 45px 0;padding:0;width:195px;background:url(../Images/bg-acces-direct.gif) left top no-repeat;} #colonne-droite #acces-direct ul li {display:block;margin:0 0 0 7px;background:url(../Images/pointilles-gris.gif) left bottom repeat-x;} #colonne-droite #acces-direct ul li a {display:block;min-height:24px;padding:7px 0 0 32px;font-size:13px;color:#000;text-decoration:none;background-repeat:no-repeat;background-position:left 1px;} #colonne-droite #acces-direct ul li a:hover {color:#8d7d74;text-decoration:none;} #colonne-droite #acces-direct ul li.clear {width:100%;padding:0;margin:0;font-size:5px;height:10px;visibility:visible;background:url(../Images/bg-acces-direct-bottom.gif) left bottom no-repeat;} /****************************** *** MENU DE DROITE - PIED DE PAGE ******************************/ /* MENU BAS DE DROITE */ #bas-de-page #menu-bas-droite {float:right;margin:0;padding:46px 0 0 0;color:#786a63;font-size:12px;} #bas-de-page #menu-bas-droite li {float:left;display:inline-block;padding:0;margin:0;background:url(../Images/bg-li-menu-bas-droite.png) left top no-repeat;} #bas-de-page #menu-bas-droite li a {float:left;margin:0;padding:0 25px 0 40px;line-height:55px;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-gauche li.selected a:hover {color:#593827;background:url(../Images/pictos-menu-bas-droite-hover.gif) no-repeat;} #bas-de-page #menu-bas-droite li.page275 a {background-position:20px top;} #bas-de-page #menu-bas-droite li.page9 a {background-position:20px -61px;} #bas-de-page #menu-bas-droite li.page8 a {background-position:20px -122px;} #bas-de-page #menu-bas-droite li.page7 a {background-position:20px -183px;} #bas-de-page #menu-bas-droite li.page6 a {background-position:20px -244px;} #bas-de-page #menu-bas-droite li.page276 a {background-position:20px -305px;} /****************************** *** CONFIG ACCESSIBILITE DES MENUS ******************************/ .hidden {position: absolute;left: -10000em;width: 20em;} .dfn {position: absolute;left: -10000em;width: 20em;}