/* MENU CSS Document */

/******************************
*** MENU PRINCIPAL
******************************/

/* NIVEAU 1 */
#navigation {margin:0 auto;width:100%;height:45px;background:url(../Images/bg-menu-principal.png) center top no-repeat;}
#navigation #menu-horizontal {margin:0 auto;width:935px;height:44px;color:#fff;font-size:12px;text-transform:uppercase;border-top:1px solid #0057a9;background:url(../Images/picto-menu-principal-separateur.gif) left top no-repeat;}
#navigation #menu-horizontal li {float:left;display:inline-block;padding:0;margin:0;}
#navigation #menu-horizontal li a {display:block;float:left;height:44px;padding:0 16px;line-height:40px;text-decoration:none;color:#FFF;background:url(../Images/picto-menu-principal-separateur.gif) right top no-repeat;}
#navigation #menu-horizontal li a:hover,
#navigation #menu-horizontal li.selected a,
#navigation #menu-horizontal li.selected a:hover {height:42px;color:#fff;background-image:url(../Images/bg-menu-principal-hover.gif);border-bottom:2px solid #e2001a;}

/******************************
*** MENU VERTICAL
******************************/
#menu-vertical {padding:5px 0 0 0;}
#menu-vertical h2 {margin:0;padding:0 18px 10px 0;color:#0071b9;font-size:16px;font-weight:bold;text-align:right;background:url(../Images/picto-fleche-rouge05.gif) right 4px no-repeat;}

/* MENU VERTICAL */
#menu-vertical ul {margin:0;padding:0;list-style:none;}
#menu-vertical ul li {display:inline-block;width:228px;margin:0 0 7px 0;padding:0;font-size:13px;text-align:right;}
#menu-vertical ul li a {display:block;margin:0;padding:0 18px 0 17px;color:#0071b9;line-height:19px;text-decoration:none;text-transform:uppercase;background:url(../Images/picto-fleche-bleu05.gif) right top no-repeat;}
#menu-vertical ul li a:hover {text-decoration:none;color:#fff;background:url(../Images/picto-fleche-bleu06.gif) left center no-repeat #0071b9;}
#menu-vertical ul li.selected1 a, #menu-vertical ul li.selected1 a:hover {font-weight:bold;color:#fff;background:url(../Images/picto-fleche-rouge06.gif) left center no-repeat #e2001a;}

/* NIVEAU 2 */
#menu-vertical ul li ul {margin:10px 0;padding:0 18px 0 17px;background:none;}
#menu-vertical ul li ul li {margin:0;width:193px;list-style-image:none;font-size:12px;background:none;}
#menu-vertical ul li ul li a, 
#menu-vertical ul li.selected1 ul li a {padding:0;font-size:12px;font-weight:normal;color:#0071b9;line-height:16px;text-transform:none;background:none;}
#menu-vertical ul li ul li a:hover, 
#menu-vertical ul li.selected1 ul li a:hover {color:#000;font-weight:normal;background:none;}
#menu-vertical ul li.selected1 ul li.selected2 a,
#menu-vertical ul li.selected1 ul li.selected2 a:hover {font-weight:bold;color:#000;}

/* NIVEAU 3 */
#menu-vertical ul li ul ul {margin:2px 0 5px 0;}
#menu-vertical ul li ul ul li {padding:2px 0 0 5px;margin:0 0 0 10px;font-size:12px;}
#menu-vertical ul li.selected1 ul li.selected2 li a {padding:0 10px 0 10px;font-weight:normal;color:#333;background:none;}
#menu-vertical ul li.selected1 ul li.selected2 li a:hover {font-weight:normal;color:#a40015;background:none;}
#menu-vertical ul li.selected1 ul ul li.selected3 a,
#menu-vertical ul li.selected1 ul ul li.selected3 a:hover {font-weight:bold;font-size:12px;color:#a40015;text-decoration:underline;}

/******************************
*** MENU ARBORESCENCE (rootline, fils d'ariane 5)
******************************/
ul.arborescence {float:left;width:470px;margin:0 0 6px 263px;padding:0 0 4px 0;background:url(../Images/pointilles-gris01.gif) left bottom repeat-x;}
ul.arborescence li {display:inline;margin:0;padding:0;color:#777;font-size:12px;}
ul.arborescence li a {margin:0 6px 0 0;padding:0 0 0 9px;color:#777;text-decoration:none;background:url(../Images/picto-fleche-gris01.gif) left 3px no-repeat;}
ul.arborescence li.no-picto a, ul.arborescence li.no-picto a:hover {padding:0;background:none;}
ul.arborescence li.selected {padding:0 0 0 9px;}
ul.arborescence li.selected,
ul.arborescence li a:hover {color:#0071b9;background:url(../Images/picto-fleche-bleu01.gif) left 3px no-repeat;}

/******************************
*** MENU INFOS TRANSVERSALES DE DROITE /* ############# A VIRER !!!!!!! ############ *
*****************************
#colonne-droite #infos-transversales {}
#colonne-droite #infos-transversales li {padding:10px;background:#bcb7af;margin:10px 0 0 0;text-align:center;font-size:13px;font-weight:bold;}
#colonne-droite #infos-transversales li a {color:#FFF;text-decoration:none;}
#colonne-droite #infos-transversales li a:hover {color:#000;}*/

/******************************
*** MENU SERVICES ACA
******************************/
#services-aca {margin:60px 0 0 0;min-height:117px;background:url(../Images/bg-menu-services-aca.gif) left 22px no-repeat;}
#services-aca h2 {display:block;margin:0 0 9px 16px;padding:13px 0 0 0;height:0px !important;overflow:hidden;color:#0071b9;font-size:16px;font-weight:bold;text-align:left;background:url(../Images/titre-services-aca.gif) left top no-repeat;}
#services-aca ul {display:block;margin:0;padding:2px 0 0 65px;}
#services-aca li {display:block;margin:0;padding:0;color:#000;font-size:12px;}
#services-aca li a {display:block;padding:0 0 0 10px;color:#000;line-height:16px;text-decoration:none;background:url(../Images/picto-fleche-noir07.gif) left 6px no-repeat;}
#services-aca a:hover {color:#000;text-decoration:underline;}
#colonne-gauche #services-aca p.link-view {padding-left:74px;}

/******************************
*** MENU DE DROITE - PIED DE PAGE
******************************/
/* MENU BAS DE GAUCHE */
#bas-de-page #menu-bas-droite {float:right;margin:0;padding:14px 0 0 0;}
#bas-de-page #menu-bas-droite li {display:inline-block;float:left;padding:0 20px 0 0;margin:0;color:#9fd9ff;font-size:10px;text-transform:uppercase;}
#bas-de-page #menu-bas-droite li a {display:block;float:left;padding:0 0 0 18px;line-height:12px;text-decoration:none;color:#9fd9ff;background-position:left top;background-repeat: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:#fff;background-position:left -21px;}
#bas-de-page #menu-bas-droite li.page13 a {background-image:url(../Images/picto-plan-du-site.gif);}
#bas-de-page #menu-bas-droite li.page12 a {background-image:url(../Images/picto-contact.gif);}
#bas-de-page #menu-bas-droite li.page11 a {background-image:url(../Images/picto-mentions.gif);}

/******************************
*** MENU IMPRIMER ET OPTIONS
******************************/
#outils-imprimer {float:right;margin:0;padding:7px 0 7px 9px;width:164px;background:url(../Images/bg-options.gif) left top no-repeat;}
#outils-imprimer li {float:left;padding:0 0 0 10px;margin:0;}
#outils-imprimer li a {display:block;padding:16px 0 0 0;overflow:hidden;background-repeat:no-repeat;height:0px !important;background-repeat:no-repeat;background-position:left -20px;}
#outils-imprimer li a:hover {background-position:left 0;}
#outils-imprimer li.imprimer a {width:16px;background-image:url(../Images/picto-imprimer.gif);}
#outils-imprimer li.envoyer a {width:17px;background-image:url(../Images/picto-envoyer.gif);}
#outils-imprimer li.agrandir-texte a {width:20px;background-image:url(../Images/picto-zoom-plus.gif);}
#outils-imprimer li.reduire-texte a {width:20px;background-image:url(../Images/picto-zoom-moins.gif);}
#outils-imprimer li.affiche-col-droite a {width:20px;background-image:url(../Images/picto-masquer-droite.gif);}
#outils-imprimer li.masque-col-droite a {width:20px;background-image:url(../Images/picto-afficher-droite.gif);}

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