/* MENU CSS Document */ /****************************** *** MENU HORIZONTAL ******************************/ #menu-horizontal {position:relative;z-index:99999;width:700px;height:62px;float:right;margin:0;padding:0;} /* NIVEAU 1 */ #menu-horizontal li {display:inline;padding:0;margin:0;} #menu-horizontal li a {float:left;display:block;padding:62px 0 0 0;overflow:hidden;height:0px !important;} /* Comprendre */ #menu-horizontal li.item7 a, #menu-horizontal li.item7selected a {width:238px;background:url(../images/btn-menu-principal-comprendre.gif) left top no-repeat;} #menu-horizontal li.item7selected a, #menu-horizontal li.item7selected a:hover {background:url(../images/btn-menu-principal-comprendre-select.gif) left top no-repeat;} #menu-horizontal li.act7 a, #menu-horizontal li.item7 a:hover, #menu-horizontal li.item7selected a:hover {background:url(../images/btn-menu-principal-comprendre-hover.gif) left top no-repeat;} /* Connaitre */ #menu-horizontal li.item6 a, #menu-horizontal li.item6selected a {width:243px;background:url(../images/btn-menu-principal-connaitre.gif) left top no-repeat;} #menu-horizontal li.item6selected a, #menu-horizontal li.item6selected a:hover {background:url(../images/btn-menu-principal-connaitre-select.gif) left top no-repeat;} #menu-horizontal li.act6 a, #menu-horizontal li.item6 a:hover, #menu-horizontal li.item6selected a:hover {background:url(../images/btn-menu-principal-connaitre-hover.gif) left top no-repeat;} /* financer */ #menu-horizontal li.item5 a, #menu-horizontal li.item5selected a {width:219px;background:url(../images/btn-menu-principal-financer.gif) left top no-repeat;} #menu-horizontal li.item5selected a, #menu-horizontal li.item5selected a:hover {background:url(../images/btn-menu-principal-financer-select.gif) left top no-repeat;} #menu-horizontal li.act5 a, #menu-horizontal li.item5 a:hover, #menu-horizontal li.item5selected a:hover {background:url(../images/btn-menu-principal-financer-hover.gif) left top no-repeat;} #menu-horizontal li.act7 a {background:url(../images/btn-menu-principal-comprendre-hover.gif) left top no-repeat;} #menu-horizontal li.act6 a {background:url(../images/btn-menu-principal-connaitre-hover.gif) left top no-repeat;} #menu-horizontal li.act5 a {background:url(../images/btn-menu-principal-financer-hover.gif) left top no-repeat;} /* NIVEAU 2 */ #menu-horizontal li ul {position:absolute;top:62px;width:290px;margin:0;padding:0;border:1px solid #f6bb29;border-left:none;border-bottom:none;background:url(../images/bg-menu-deroulant.gif) left top repeat-y;} #menu-horizontal li.act7 ul {left:0;} #menu-horizontal li.act6 ul {left:238px;} #menu-horizontal li.act5 ul {left:481px;} #menu-horizontal li ul li {float:none;display:inline;width:290px;padding:0;border:none;cursor:pointer;} #menu-horizontal li ul li a, #menu-horizontal li ul li a:hover {display:inline-block;height:auto !important;margin:0 0 0 16px;padding:12px 16px;color:#25448e;font-size:14px;line-height:normal;border-bottom:1px solid #fff78f;background:none;} #menu-horizontal li.item7 ul li a, #menu-horizontal li.item7selected ul li a, #menu-horizontal li.item6 ul li a, #menu-horizontal li.item6selected ul li a, #menu-horizontal li.item5 ul li a, #menu-horizontal li.item5selected ul li a {background:none;width:242px;} #menu-horizontal li.item7 ul li a:hover, #menu-horizontal li.item7selected ul li a:hover, #menu-horizontal li.item6 ul li a:hover, #menu-horizontal li.item6selected ul li a:hover, #menu-horizontal li.item5 ul li a:hover, #menu-horizontal li.item5selected ul li a:hover, #menu-horizontal li ul li.selected2 a, #menu-horizontal li ul li.selected2 a:hover {background:url(../images/bg-menu-deroulant-hover.png) left bottom repeat-x;} #menu-horizontal li ul li.first a, #menu-horizontal li ul li.first a:hover {width:290px;height:21px !important;margin:0;padding:0;background:url(../images/bg-menu-deroulant-overdiv.png) left top no-repeat;cursor:default;border:none;} #menu-horizontal li.item7 ul li.first a, #menu-horizontal li.item7 ul li.first a:hover {width:238px;} #menu-horizontal li.item6 ul li.first a, #menu-horizontal li.item6 ul li.first a:hover {width:243px;} #menu-horizontal li.item5 ul li.first a, #menu-horizontal li.item5 ul li.first a:hover {width:219px;} #menu-horizontal li ul li.last a, #menu-horizontal li ul li.last a:hover {width:274px;padding:0;height:13px !important;border-bottom:1px solid #f6bb29;cursor:default;background:none;} /****************************** *** MENU VERTICAL NORMAL ******************************/ /* TITRE DU MENU VERTICAL */ #colonne-gauche #titre-menu-vertical {width:252px;height:83px;margin:0 0 0 8px;} #colonne-gauche .titre7 {background:url(../images/titre-colonne-gauche-comprendre.gif) left top no-repeat;} #colonne-gauche .titre6 {background:url(../images/titre-colonne-gauche-connaitre.gif) left top no-repeat;} #colonne-gauche .titre5 {background:url(../images/titre-colonne-gauche-financer.gif) left top no-repeat;} #colonne-gauche .titre32 {background:url(../images/titre-menu-vertical-espace-pratique.gif) left top no-repeat;} #colonne-gauche .titre103 {background:url(../images/titre-menu-vertical-espace-gestionnaire.gif) left top no-repeat;} #colonne-gauche .titre136 {background:url(../images/titre-menu-vertical-documentation.gif) left top no-repeat;} #colonne-gauche .titre149 {background:url(../images/titre-menu-vertical-reseau-rural.gif) left top no-repeat;} #colonne-gauche #titre-menu-vertical h2 {display:none;} #menu-vertical {width:210px;font-size:13px;list-style:none;} /* NIVEAU 1 */ #colonne-gauche ul {width:245px;} #colonne-gauche li {padding:9px 10px 9px 22px;border-top:1px solid #6885b4;} #colonne-gauche li.dernier {border-bottom:1px solid #6885b4;} #colonne-gauche li a {display:block;color:#92a9cf;text-decoration:none;font-size:14px;} #colonne-gauche li a:hover {color:#fff;} #colonne-gauche li.selected1 {border-top:2px solid #fff;border-bottom:2px solid #fff;background:#003080;} #colonne-gauche li.selected1 a {color:#fff;font-weight:bold;} /* NIVEAU 2 */ #colonne-gauche li.selected1 ul {width:207px;padding:10px 0 0 5px;border:none;} #colonne-gauche li.selected1 ul li {padding:5px 0;margin:0;list-style-image:none;background:none;border:none;} #colonne-gauche li.selected1 ul li a {display:block;padding:0 0 0 11px;font-weight:normal;color:#fff;font-weight:normal;font-size:13px;} #colonne-gauche li.selected1 ul li a:hover {color:#ffec00;background:none;} #colonne-gauche li ul li.selected2 a, #colonne-gauche li ul li.selected2 a:hover {color:#ffec00;background:url(../images/picto-fleche4.gif) left 3px no-repeat;} #colonne-gauche li.selected1 ul li.selected2 a {font-weight:bold;} /* SOUS MENU */ #colonne-gauche .sous-menu-vertical {margin:50px 0 20px 0;} #colonne-gauche .sous-menu-vertical p {margin:0;} #colonne-gauche .sous-menu-vertical p.programmes-operationnels a {background:url(../images/btn-programmes-operationnels.gif) left top no-repeat;} #colonne-gauche .sous-menu-vertical p a {display:block;width:219px;height:60px;padding:35px 0 0 41px;color:#92a9cf;text-decoration:none;font-size:12px;} #colonne-gauche .sous-menu-vertical p.themes-dintervention a {height:80px;background:url(../images/btn-themes-dintervention.gif) left top no-repeat;} #colonne-gauche .sous-menu-vertical p a:hover {color:#fff;} #colonne-gauche .tous-les-projets {margin:0 0 30px 0;} /****************************** *** MENU VERTICAL THEMES D'INTERVENTION ******************************/ /* TITRE DU MENU VERTICAL */ #menu-vertical-par-themes .titre71 {background:url(../images/titre-menu-vertical-themes-dintervention.gif) left top no-repeat;} #menu-vertical-par-themes #titre-menu-vertical h2 {display:block;padding:35px 0 0 41px;color:#003080;font-size:12px;} #menu-vertical-par-themes #titre-menu-vertical {width:260px;height:95px;margin:0;} /* NIVEAU 1 */ #menu-vertical-par-themes ul, #menu-vertical-par-fonds ul {width:245px;border-bottom:1px solid #6885b4;} #menu-vertical-par-themes li, #menu-vertical-par-fonds li {padding:0;border-top:1px solid #6885b4;} #menu-vertical-par-themes li a {display:block;width:245px;color:#92a9cf;text-decoration:none;font-size:14px;overflow:hidden;line-height:9999px;} #menu-vertical-par-themes li.item80 a {height:61px;background:url(../images/titre-competitivite-economie.gif) left top no-repeat;} #menu-vertical-par-themes li.item81 a {height:54px;background:url(../images/titre-emploi-formation.gif) left top no-repeat;} #menu-vertical-par-themes li.item82 a {height:54px;background:url(../images/titre-developpement-durable.gif) left top no-repeat;} #menu-vertical-par-themes li.item83 a {height:41px;background:url(../images/titre-developpement-territoires.gif) left top no-repeat;} #menu-vertical-par-themes li.item102 a {height:54px;background:url(../images/titre-partenariat-europeen.gif) left top no-repeat;} #menu-vertical-par-themes li.selected1 {background:none;border-top:1px solid #6885b4;border-bottom:none;} /* NIVEAU 2 */ #menu-vertical-par-themes li.selected1 ul, #menu-vertical-par-fonds li.selected1 ul {width:245px;padding:0 0 10px 0;} #menu-vertical-par-themes li.selected1 ul li, #menu-vertical-par-fonds li.selected1 ul li {padding:0;margin:0;list-style-image:none;background:none;border:none;} #menu-vertical-par-themes li.selected1 ul li a, #menu-vertical-par-fonds li.selected1 ul li a {display:inline-block;width:201px;height:auto;padding:9px 22px;color:#92a9cf;font-size:14px;line-height:normal;overflow:auto;background:none;} #menu-vertical-par-themes li.selected1 ul li a:hover {color:#fff;} #menu-vertical-par-themes li.selected1 li.selected2, #menu-vertical-par-fonds li.selected1 li.selected2 {border-top:2px solid #fff;border-bottom:2px solid #fff;background:#003080;} #menu-vertical-par-themes li.selected1 li.selected2 a, #menu-vertical-par-themes li.selected1 li.selected2 a:hover, #menu-vertical-par-fonds li.selected1 li.selected2 a, #menu-vertical-par-fonds li.selected1 li.selected2 a:hover {color:#fff;font-weight:bold;background:none;} /* NIVEAU 3 */ #menu-vertical-par-themes li.selected1 li.selected2 ul, #menu-vertical-par-fonds li.selected1 li.selected2 ul {width:207px;padding:0 0 15px 0;border:none;} #menu-vertical-par-themes li.selected1 li.selected2 ul li, #menu-vertical-par-fonds li.selected1 li.selected2 ul li {padding:0;margin:0;list-style-image:none;background:none;border:none;} #menu-vertical-par-themes li.selected1 li.selected2 ul li a, #menu-vertical-par-fonds li.selected1 li.selected2 ul li a {display:inline-block;padding:10px 0 0 38px;font-weight:normal;color:#fff;font-weight:normal;font-size:13px;} #menu-vertical-par-themes li.selected1 li.selected2 li.selected3 a, #menu-vertical-par-themes li.selected1 li.selected2 li.selected3 a:hover, #menu-vertical-par-themes li.selected1 li.selected2 ul li a:hover, #menu-vertical-par-fonds li.selected1 li.selected2 li.selected3 a, #menu-vertical-par-fonds li.selected1 li.selected2 li.selected3 a:hover, #menu-vertical-par-fonds li.selected1 li.selected2 ul li a:hover, #menu-vertical-par-fonds li.selected1 li.selected2 li.selected3 a, #colonne-gauche li.selected1 li.selected2 li.selected3 a:hover {color:#ffec00;background:url(../images/picto-fleche4.gif) 27px 13px no-repeat;font-weight:normal;} #menu-vertical-par-themes li.selected1 li.selected2 li.selected3 a, #colonne-gauche li.selected1 li.selected2 li.selected3 a:hover {font-weight:bold;} /****************************** *** MENU VERTICAL PROGRAMMES OPERATIONNELS ******************************/ /* TITRE DU MENU VERTICAL */ #menu-vertical-par-fonds .titre70 {background:url(../images/titre-menu-vertical-programmes-operationnels.gif) left top no-repeat;} #menu-vertical-par-fonds #titre-menu-vertical h2 {display:block;padding:35px 0 0 41px;color:#003080;font-size:12px;} #menu-vertical-par-fonds #titre-menu-vertical {width:260px;height:95px;margin:0;} /* NIVEAU 1 */ #menu-vertical-par-fonds ul {border:none;} #menu-vertical-par-fonds li {border-top:1px solid #fff;} #menu-vertical-par-fonds li.selected1 {border-top:1px solid #fff;border-bottom:none;} #menu-vertical-par-fonds li.item72 {background:#e2007a;} #menu-vertical-par-fonds li.item73 {background:#00b6e8;} #menu-vertical-par-fonds li.item74 {background:#97bf0d;} #menu-vertical-par-fonds li.item75 {background:#923689;margin:0 0 11px 0;border-bottom:1px solid #fff;} #menu-vertical-par-fonds li.item76, #menu-vertical-par-fonds li.item77, #menu-vertical-par-fonds li.item78, #menu-vertical-par-fonds li.item79 {border:none;background:none;} #menu-vertical-par-fonds li a ,#menu-vertical-par-fonds li a:hover {display:block;width:245px;height:38px;color:#92a9cf;text-decoration:none;font-size:14px;overflow:hidden;line-height:9999px;} #menu-vertical-par-fonds li.item72 a, #menu-vertical-par-fonds li.item72 a:hover {background:url(../images/titre-feder.gif) left 8px no-repeat #e2007a;} #menu-vertical-par-fonds li.item73 a, #menu-vertical-par-fonds li.item73 a:hover {background:url(../images/titre-fse.gif) left 8px no-repeat #00b6e8;} #menu-vertical-par-fonds li.item74 a, #menu-vertical-par-fonds li.item74 a:hover {background:url(../images/titre-feader.gif) left 8px no-repeat #97bf0d;} #menu-vertical-par-fonds li.item75 a, #menu-vertical-par-fonds li.item75 a:hover {background:url(../images/titre-fep.gif) left 8px no-repeat #923689;} #menu-vertical-par-fonds li.item76 a, #menu-vertical-par-fonds li.item76 a:hover {background:url(../images/titre-cooperation2.gif) left 8px no-repeat;height:24px;} #menu-vertical-par-fonds li.item77 a, #menu-vertical-par-fonds li.item77 a:hover {background:url(../images/titre-suivi.gif) left 8px no-repeat;height:24px;} #menu-vertical-par-fonds li.item78 a, #menu-vertical-par-fonds li.item78 a:hover {background:url(../images/titre-evaluation.gif) left 8px no-repeat;height:24px;} #menu-vertical-par-fonds li.item79 a, #menu-vertical-par-fonds li.item79 a:hover {background:url(../images/titre-archives.gif) left 8px no-repeat;height:24px;} /* NIVEAU 2 */ #menu-vertical-par-fonds li.item72 ul li a, #menu-vertical-par-fonds li.item72 ul li a:hover {color:#fecce7;} #menu-vertical-par-fonds li.item73 ul li a, #menu-vertical-par-fonds li.item73 ul li a:hover {color:#b1eeff;} #menu-vertical-par-fonds li.item74 ul li a, #menu-vertical-par-fonds li.item74 ul li a:hover {color:#f4ffcc;} #menu-vertical-par-fonds li.item75 ul li a, #menu-vertical-par-fonds li.item75 ul li a:hover {color:#ffccfa;} #menu-vertical-par-fonds li.selected1 ul li a:hover {color:#fff;} #menu-vertical-par-fonds li.item72 li.selected2 {background:#c9006d;} #menu-vertical-par-fonds li.item73 li.selected2 {background:#00a2cf;} #menu-vertical-par-fonds li.item74 li.selected2 {background:#84a60c;} #menu-vertical-par-fonds li.item75 li.selected2 {background:#782c70;} /****************************** *** MENU VERTICAL DECONNEXION ******************************/ #formulaire-deconnexion {margin:40px 0 0 0;} #formulaire-deconnexion li {border-bottom:2px solid #003080;border-top:2px solid #003080;background:#92a9cf;} #formulaire-deconnexion li a {padding:0 0 0 20px;background:url(../images/picto-deconnexion.gif) left 1px no-repeat;color:#fff;font-weight:bold;} #formulaire-deconnexion li a:hover {color:#003080;} /****************************** *** MENU DE GAUCHE - PIED DE PAGE ******************************/ #menu-bas-gauche {float:left;width:120px;padding:5px 0 0 30px;} /* NIVEAU 1 */ #menu-bas-gauche li {display:inline;list-style:none;} #menu-bas-gauche li a {float:left;margin:0;padding:0 0 0 7px;font-size:10px;text-decoration:none;color:#908a84;text-transform:uppercase;background:url(../images/picto-fleche3.gif) left 4px no-repeat;} #menu-bas-gauche li a:hover, #menu-bas-gauche li.selected a, #menu-bas-gauche li.selected a:hover {color:#535d5e;background:url(../images/picto-fleche8.gif) left 4px no-repeat;} /****************************** *** MENU DE DROITE - PIED DE PAGE ******************************/ #menu-bas-droite {float:right;width:390px;padding:15px 0 0 0;} /* NIVEAU 1 */ #menu-bas-droite li {display:inline;list-style:none;} #menu-bas-droite li a {float:left;margin:0 0 0 10px;padding:0 0 0 7px;text-decoration:none;font-size:11px;color:#908a84;text-transform:uppercase;background:url(../images/picto-fleche3.gif) left 4px no-repeat;} #menu-bas-droite li a:hover, #menu-bas-droite li.selected a, #menu-bas-droite li.selected a:hover {color:#535d5e;background:url(../images/picto-fleche8.gif) left 4px no-repeat;} /****************************** *** CONFIG ACCESSIBILITE DES MENUS ******************************/ .hidden {position: absolute;left: -10000em;width: 20em;} .dfn {position: absolute;left: -10000em;width: 20em;}