/* MENU CSS Document */

/******************************
*** MENU VERTICAL
******************************/
/* MENU VERTICAL */
#menu-vertical {margin:0 0 70px 0;width:223px;list-style:none;}
#menu-vertical li {display:inline;width:223px;margin:0;padding:0;}
#menu-vertical li a {display:block;margin:0;padding:10px 0 0 62px;height:36px;color:#fff;font-weight:bold;text-decoration:none;font-size:12px;background:url(../Images/bg-menu-vertical.png) left top no-repeat;}
#menu-vertical li a:hover {background-image:url(../Images/bg-menu-vertical-hover.png);}
#menu-vertical li.selected1 a,
#menu-vertical li.selected1 a:hover {padding:12px 0 0 36px;height:39px;font-size:14px;background-image:url(../Images/bg-menu-vertical-select.png);}
#menu-vertical li.page471 a {background-position:right top;}
#menu-vertical li.page392 a {background-position:right -67px;}
#menu-vertical li.page356 a {background-position:right -134px;}
#menu-vertical li.page348 a {background-position:right -201px;}
#menu-vertical li.page303 a {background-position:right -268px;}
#menu-vertical li.page295 a {background-position:right -335px;}

/* NIVEAU 2 */
#menu-vertical li.selected1 ul {margin:0 0 18px 0;padding:15px 0 0 0;width:211px;background:url(../Images/bg-sous-menu.gif) left top repeat-y;}
#menu-vertical li.page471 ul {background-position:26px top;}
#menu-vertical li.page392 ul {background-position:-209px top;}
#menu-vertical li.page356 ul {background-position:-444px top;}
#menu-vertical li.page348 ul {background-position:-679px top;}
#menu-vertical li.page303 ul {background-position:-914px top;}
#menu-vertical li.page295 ul {background-position:-1149px top;}
#menu-vertical li.selected1 ul li {display:inline-block;margin:0;padding:0;width:211px;list-style-image:none;background:url(../Images/bg-liste-menu-vertical.gif) left bottom no-repeat;}
#menu-vertical li.selected1 ul li a,
#menu-vertical li.selected1 ul li a:hover {display:block;padding:5px 0 5px 16px;height:auto;font-size:12px;line-height:18px;font-weight:normal;color:#000;background:none;}
#menu-vertical li.selected1 ul li a:hover {color:#0064bf;}
#menu-vertical li.selected1 ul li.selected2 {background:#fff;}
#menu-vertical li.selected1 ul li.selected2 a,
#menu-vertical li.selected1 ul li.selected2 a:hover {color:#0064bf;font-weight:bold;background:url(../Images/picto-fleche04-bleu-clair.gif) 2px 10px no-repeat;}
#menu-vertical li.page471 ul li a:hover {color:#0c5191;}
#menu-vertical li.page471 ul li.selected2 a,
#menu-vertical li.page471 ul li.selected2 a:hover {color:#0c5191;background-image:url(../Images/picto-fleche04-bleu.gif);}
#menu-vertical li.page392 ul li a:hover {color:#0c7f91;}
#menu-vertical li.page392 ul li.selected2 a,
#menu-vertical li.page392 ul li.selected2 a:hover {color:#0c7f91;background-image:url(../Images/picto-fleche04-bleu-vert.gif);}
#menu-vertical li.page356 ul li a:hover {color:#87a501;}
#menu-vertical li.page356 ul li.selected2 a,
#menu-vertical li.page356 ul li.selected2 a:hover {color:#87a501;background-image:url(../Images/picto-fleche04-vert.gif);}
#menu-vertical li.page348 ul li a:hover {color:#e49200;}
#menu-vertical li.page348 ul li.selected2 a,
#menu-vertical li.page348 ul li.selected2 a:hover {color:#e49200;background-image:url(../Images/picto-fleche04-jaune.gif);}
#menu-vertical li.page303 ul li a:hover {color:#d6621a;}
#menu-vertical li.page303 ul li.selected2 a,
#menu-vertical li.page303 ul li.selected2 a:hover {color:#d6621a;background-image:url(../Images/picto-fleche04-orange.gif);}
#menu-vertical li.page295 ul li a:hover {color:#a8092e;}
#menu-vertical li.page295 ul li.selected2 a,
#menu-vertical li.page295 ul li.selected2 a:hover {color:#a8092e;background-image:url(../Images/picto-fleche04-rouge.gif);}

/* NIVEAU 3 */
#menu-vertical li.selected1 ul li.selected2 ul {background:none;margin:0 0 10px 0;padding:0 0 0 20px;width:191px;}
#menu-vertical li.selected1 ul li.selected2 ul li {display:inline;width:191px;background:none;}
#menu-vertical li.selected1 ul li.selected2 ul li a {padding:3px 0;color:#929292;font-weight:normal;background:none;}
#menu-vertical li.selected1 ul li.selected2 ul li a:hover {padding:3px 0;color:#000;background:none;font-weight:normal;}
#menu-vertical li.selected1 ul li.selected2 ul li.selected3 a,
#menu-vertical li.selected1 ul li.selected2 ul li.selected3 a:hover {color:#000;font-weight:bold;}

/* NIVEAU 4 */
#menu-vertical li.selected1 ul li.selected2 ul li.selected3 ul {background:none;margin:0 0 10px 0;padding:0 0 0 10px;width:181px;}
#menu-vertical li.selected1 ul li.selected2 ul li.selected3 ul li {display:inline;width:181px;background:none;}
#menu-vertical li.selected1 ul li.selected2 ul li.selected3 ul li a {padding:3px 0;color:#929292;font-weight:normal;background:none;}
#menu-vertical li.selected1 ul li.selected2 ul li.selected3 ul li a:hover {color:#0c5191;font-weight:normal;}
#menu-vertical li.selected1 ul li.selected2 ul li.selected3 ul li.selected4 a,
#menu-vertical li.selected1 ul li.selected2 ul li.selected3 ul li.selected4 a:hover {color:#0c5191;padding:3px 0;font-weight:bold;}
#menu-vertical li.page471 ul li.selected2 ul li.selected3 ul li a:hover,
#menu-vertical li.page471 ul li.selected2 ul li.selected3 ul li.selected4 a,
#menu-vertical li.page471 ul li.selected2 ul li.selected3 ul li.selected4 a:hover {color:#0c5191;}
#menu-vertical li.page392 ul li.selected2 ul li.selected3 ul li a:hover,
#menu-vertical li.page392 ul li.selected2 ul li.selected3 ul li.selected4 a,
#menu-vertical li.page392 ul li.selected2 ul li.selected3 ul li.selected4 a:hover {color:#0c7f91;}
#menu-vertical li.page356 ul li.selected2 ul li.selected3 ul li a:hover,
#menu-vertical li.page356 ul li.selected2 ul li.selected3 ul li.selected4 a,
#menu-vertical li.page356 ul li.selected2 ul li.selected3 ul li.selected4 a:hover {color:#87a501;}
#menu-vertical li.page348 ul li.selected2 ul li.selected3 ul li a:hover,
#menu-vertical li.page348 ul li.selected2 ul li.selected3 ul li.selected4 a,
#menu-vertical li.page348 ul li.selected2 ul li.selected3 ul li.selected4 a:hover {color:#e49200;}
#menu-vertical li.page303 ul li.selected2 ul li.selected3 ul li a:hover,
#menu-vertical li.page303 ul li.selected2 ul li.selected3 ul li.selected4 a,
#menu-vertical li.page303 ul li.selected2 ul li.selected3 ul li.selected4 a:hover {color:#d6621a;}
#menu-vertical li.page295 ul li.selected2 ul li.selected3 ul li a:hover,
#menu-vertical li.page295 ul li.selected2 ul li.selected3 ul li.selected4 a,
#menu-vertical li.page295 ul li.selected2 ul li.selected3 ul li.selected4 a:hover {color:#a8092e;}

/*****************************
*** MENU FIL D'ARIANE
******************************/
#contenu ul.arborescence {margin:28px 0;padding:0;}
#contenu ul.arborescence li {display:inline;margin:0;padding:0;color:#0064bf;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 {margin:0 7px 0 0;padding:0 0 0 10px;color:#929292;text-decoration:none;font-weight:normal;background:url(../Images/picto-fleche02.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:#0064bf;background:url(../Images/picto-fleche02-bleu-clair.gif) left 4px no-repeat;}

/******************************
*** MENU IMPRIMER ET OPTIONS
******************************/
#outils-imprimer {position:absolute;bottom:15px;right:181px;display:inline-block;width:223px;height:30px;margin:0;padding:0;z-index:10;}
#outils-imprimer li {float:left;margin:0;padding:0;background:none;}
#outils-imprimer li a {display:inline-block;width:30px;margin:0 1px 0 0;padding:30px 0 0 0;overflow:hidden;height:0px !important;background-repeat:no-repeat;background-position:left top;}
#outils-imprimer li a:hover {background-position:left -39px;}
#outils-imprimer li.imprimer a {background-image:url(../Images/picto-imprimer.gif);}
#outils-imprimer li.config-imprimer a {background-image:url(../Images/picto-config-imprimer.gif);}
#outils-imprimer li.envoyer a {background-image:url(../Images/picto-envoyer.gif);}
#outils-imprimer li.agrandir-texte a {background-image:url(../Images/picto-zoom-plus.gif);}
#outils-imprimer li.reduire-texte a {background-image:url(../Images/picto-zoom-moins.gif);}
#outils-imprimer li.affiche-col-droite a {background-image:url(../Images/picto-masquer-droite.gif);}
#outils-imprimer li.masque-col-droite a {background-image:url(../Images/picto-afficher-droite.gif);}
#outils-imprimer li.affiche-col-droite, #outils-imprimer li.masque-col-droite {margin:0 0 0 35px;}

/******************************
*** MENU ACCES RAPIDE - COLONNE DE GAUCHE
******************************/
#colonne-gauche #acces-rapide {width:189px;margin:0 0 30px 0;}
#colonne-gauche #acces-rapide h2 {display:block;margin:0;padding:28px 0 0 0;overflow:hidden;height:0px !important;background:url(../Images/titre-acces-rapide.gif) left top no-repeat;}
#colonne-gauche #acces-rapide ul {margin:0 0 4px 0;padding:0;width:189px;}
#colonne-gauche #acces-rapide ul li {display:inline-block;margin:0;padding:0 0 0 27px;width:162px;background-repeat:no-repeat;background-position:left 2px;}
#colonne-gauche #acces-rapide ul li.page471 {background-image:url(../Images/picto-qu-est-ce-qu-un-pole.gif);}
#colonne-gauche #acces-rapide ul li.page392 {background-image:url(../Images/picto-agenda.gif);}
#colonne-gauche #acces-rapide ul li.page356 {background-image:url(../Images/picto-carte-des-poles.gif);}
#colonne-gauche #acces-rapide ul li.page348 {background-image:url(../Images/picto-contacts-utiles.gif);}
#colonne-gauche #acces-rapide ul li.page303 {background-image:url(../Images/picto-espace-presse.gif);}
#colonne-gauche #acces-rapide ul li.page295 {background-image:url(../Images/picto-flux-rss.gif);}
#colonne-gauche #acces-rapide ul li a {display:block;padding:0;font-size:12px;color:#65696c;text-decoration:none;line-height:27px;background:url(../Images/pointilles-gris01.gif) left bottom repeat-x;}
#colonne-gauche #acces-rapide ul li a:hover,
#colonne-gauche #acces-rapide ul li.selected a,
#colonne-gauche #acces-rapide ul li.selected a:hover {color:#000;text-decoration:none;background:url(../Images/pointilles-noir01.gif) left bottom repeat-x;}
#colonne-gauche #acces-rapide ul li.selected a,
#colonne-gauche #acces-rapide ul li.selected a:hover {font-weight:bold;}
#colonne-gauche #acces-rapide ul li.page35 a, #colonne-gauche #acces-rapide ul li.page35 a:hover {background:none;}

/******************************
*** MENU DE GAUCHE - PIED DE PAGE
******************************/
/* MENU BAS DROITE */
#bas-de-page #menu-bas-droite {float:right;padding:0;margin:0 0 0 40px;width:212px;color:#65696c;font-size:12px;}
#bas-de-page #menu-bas-droite li {display:block;padding:0;margin:0;}
#bas-de-page #menu-bas-droite li a {margin:0;padding:0 0 0 14px;line-height:18px;text-decoration:none;color:#65696c;background:url(../Images/picto-fleche04.gif) left 3px 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/picto-fleche04-noir.gif) left 3px no-repeat;}

/* MENU BAS LIENS */
#bas-de-page #liens {clear:left;float:left;margin:15px 0 0 29px;padding:0;width:350px;}
#bas-de-page #liens li {float:left;margin:0 16px 0 0;padding:0;background:none;}
#bas-de-page #liens li.last {margin:0;}
#bas-de-page #liens li a {padding:0 17px 0 0;color:#b3b3b5;font-size:10px;text-decoration:none;background:url(../Images/picto-liens-bas-de-page.gif) right 2px no-repeat;}
#bas-de-page #liens li a:hover {color:#000;text-decoration:none;background-image:url(../Images/picto-liens-bas-de-page-hover.gif);}

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