/* <<< MENU.CSS >>> */

#header img {float:left;}

/******************************
*** MENU TOUT EN HAUT
******************************/
#outils {position:relative;display:inline;width:445px;height:50px;margin:0 30px 0 0;float:right;background:url(../images/bg-outils.gif) left bottom no-repeat;}
#menu-reroutage {width:196px;height:30px;float:left;padding:3px 0 0 26px;border-right:1px solid #FFF;}
#menu-reroutage fieldset legend {font-size:10px;color:#737373;padding:0 0 0 6px;margin:0; text-transform:uppercase;}
#menu-reroutage select {width:150px;height:21px;font-family: Arial, Helvetica, sans-serif;font-size:13px;color:#737373;border:#cacaca solid 1px;}
#menu-reroutage input {margin:0 0 -6px 0px;}

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

/* ONGLETS */
#menu-navigation {position:absolute;width:940px;height:74px;left:0;top:71px;border-bottom:solid #e0e0e0 7px;}
#menu-navigation ul {position:relative;width:100%;}
#menu-navigation li {height:36px;display:inline;margin:0;padding:0;}
#menu-navigation li.onglet25, #menu-navigation li.selected25 {width:136px;position:absolute;top:0;left:463px;}
#menu-navigation li.onglet28, #menu-navigation li.selected28 {width:142px;position:absolute;top:0;left:599px;}
#menu-navigation li.onglet27, #menu-navigation li.selected27 {width:175px;position:absolute;top:0;left:741px;}
#menu-navigation li a {display:block;padding:36px 0 0 0;overflow:hidden;height:0px;background-position:left top;background-repeat:no-repeat;}
#menu-navigation li.onglet25 a {width:136px;background-image:url(../images/onglet-choisir-typo3.gif);}
#menu-navigation li.onglet28 a {width:142px;background-image:url(../images/onglet-utiliser-typo3.gif);}
#menu-navigation li.onglet27 a {width:175px;background-image:url(../images/onglet-communaute-typo3.gif);}
#menu-navigation li.onglet25 a:hover,
#menu-navigation li.onglet28 a:hover,
#menu-navigation li.onglet27 a:hover {background-position:0 -36px;}
#menu-navigation li.selected25 a, 
#menu-navigation li.selected25 a:hover,
#menu-navigation li.selected28 a, 
#menu-navigation li.selected28 a:hover,
#menu-navigation li.selected27 a, 
#menu-navigation li.selected27 a:hover {background-position:left -72px}

/* SOUS-MENU */
#menu-navigation li ul {position:absolute;top:36px;left:0;width:928px;height:38px;padding:0 0 0 12px;background:url(../images/bg-menuH.gif) left top repeat-x #f37d17;}
#menu-navigation li.onglet25 ul, #menu-navigation li.selected25 ul {left:-463px;}
#menu-navigation li.onglet28 ul, #menu-navigation li.selected28 ul {left:-599px;}
#menu-navigation li.onglet27 ul, #menu-navigation li.selected27 ul {left:-741px;}
#menu-navigation li ul li,
#menu-navigation li ul li {display:inline;height:38px;padding:0;margin:0;font-size:14px;}
#menu-navigation li.onglet25 ul li a, 
#menu-navigation li.selected25 ul li a,
#menu-navigation li.onglet28 ul li a, 
#menu-navigation li.selected28 ul li a,
#menu-navigation li.onglet27 ul li a, 
#menu-navigation li.selected27 ul li a{float:left;padding:0;width:auto;height:38px;display:inline;padding:0 21px;line-height:38px;background:none;color:#5f1900;text-decoration:none;border-right:#f37c17 solid 1px;}
#menu-navigation li.selected25 ul li a:hover,
#menu-navigation li.selected28 ul li a:hover,
#menu-navigation li.selected27 ul li a:hover {background:url(../images/bg-menuH-hover.gif) left top repeat-x;color:#000;color:#FFF;}
#menu-navigation li.selected25 ul li.selected a,
#menu-navigation li.selected28 ul li.selected a,
#menu-navigation li.selected27 ul li.selected a {background:url(../images/bg-menuH-selected.gif) left top repeat-x #e7e7e7;color:#000;}

/* SOUS-MENU PAGE PRATIQUE */
#menu-horizontal {position:absolute;top:107px;left:0px;width:928px;padding:0 0 0 12px;background:url(../images/bg-menuH.gif) left top repeat-x #f37d17;}
#menu-horizontal li {display:inline;height:38px;padding:0;margin:0;font-size:14px;}
#menu-horizontal li a {float:left;padding:0;width:auto;height:38px;display:inline;padding:0 21px;line-height:38px;background:none;color:#5f1900;text-decoration:none;border-right:#f37c17 solid 1px;}
#menu-horizontal li a:hover {background:url(../images/bg-menuH-hover.gif) left top repeat-x;color:#000;color:#FFF;}
#menu-horizontal li.selected a,
#menu-horizontal li.selected a:hover {background:url(../images/bg-menuH-selected.gif) left top repeat-x #e7e7e7;color:#000;}

/******************************
*** ROOTLINE
******************************/
#fil-ariane {width:900px;margin:0 0 25px 0;padding:0 20px;}
#fil-ariane li {display:inline;padding:0 6px 0 12px;color:#6d6d6d;font-size:11px;font-weight:bold;background:url(../images/picto-fleche7.gif) left 1px no-repeat;}
#fil-ariane li.no-picto {padding:0 6px 0 0;background:none;}
#fil-ariane li.selected {background:url(../images/picto-fleche2.gif) left 1px no-repeat;}
#fil-ariane li a {color:#000;text-decoration:none;font-weight:normal;}
#fil-ariane li a:hover {color:#F37C17;}

/******************************
*** MENU V
******************************/
/* TITLE MENU V */
#left-col #titre-menu-vertical h2 {width:145px;display:inherit;margin:0 0 10px 0;padding:8px 10px 8px 15px;color:#FFF;font-size:14px;font-weight:bold;background:#ff9f33;border:none;border-top:#ff8700 solid 3px;}

/* MENU V */
#menu-vertical {width:170px;padding:0 0 25px 0;font-size:13px;list-style:none; background:url(../images/bg-footer-menuV.gif) left bottom repeat-x;}
#menu-vertical li {padding:6px 0 6px 0;background:url(../images/pointilles-orange-all.gif) no-repeat 10px bottom;}
#menu-vertical li a {padding:0 5px 0 12px;display:block;color:#000;text-decoration:none;}
#menu-vertical li a:hover {color:#f37c17;}
#menu-vertical li.selected1 a.selected1a {color:#000;font-weight:bold;border-left:#f37c17 solid 4px;padding:0 5px 0 8px;}

/* NIVEAU 2 */
#menu-vertical li ul {margin:5px 0 5px 0;}
#menu-vertical li ul li {padding:2px 0 0 5px;margin:0 0 0 10px;list-style-image:none;font-size:12px;background:none;}
#menu-vertical li ul li a {padding:0 10px 0 8px;display:inline-block;font-weight:normal;color:#6D6D6D;background:url(../images/picto-fleche7.gif) left 1px no-repeat;}
#menu-vertical li ul li a:hover {color:#f37c17;background:url(../images/picto-fleche7.gif) left 1px no-repeat;}
#menu-vertical li.selected1 ul li.selected2 a.selected2a,
#menu-vertical li.selected1 ul li.selected2 a.selected2a:hover {font-weight:bold;color:#f37c17;background:url(../images/picto-fleche2.gif) left 1px no-repeat;}

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

/******************************
*** MENU PIED DE PAGE
******************************/
#menu-pied-page {width:520px;height:28px;float:left;padding:0 0 0 15px;line-height:28px;font-size:12px;}
#menu-pied-page li {display:inline;list-style:none;}
#menu-pied-page li a {float:left;padding:0 10px 0 28px;line-height:28px;text-decoration:none;color:#6f6f6f;}
#menu-pied-page li a:hover {color:#000;}
#menu-pied-page li.page20 a {background:url(../images/picto-mentions-legales.gif) 10px 8px no-repeat;}
#menu-pied-page li.page18 a {background:url(../images/picto-plan-du-site.gif) 10px 8px no-repeat;}
#menu-pied-page li.page314 a {background:url(../images/picto-plan-accessibilite.gif) 10px 8px no-repeat;}
#menu-pied-page li.page315 a {background:url(../images/picto-glossaire.gif) 10px 8px no-repeat;}
#menu-pied-page li.page20 a:hover, #menu-pied-page li.selected20 a {background:url(../images/picto-mentions-legales2.gif) 10px 8px no-repeat;color:#000;}
#menu-pied-page li.page18 a:hover, #menu-pied-page li.selected18 a {background:url(../images/picto-plan-du-site2.gif) 10px 8px no-repeat;color:#000;}
#menu-pied-page li.page314 a:hover, #menu-pied-page li.selected314 a {background:url(../images/picto-plan-accessibilite2.gif) 10px 8px no-repeat;color:#000;}
#menu-pied-page li.page315 a:hover, #menu-pied-page li.selected315 a {background:url(../images/picto-glossaire2.gif) 10px 8px no-repeat;color:#000;}

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