/************** menu principal **************/

#nav { float:left; width:100%; margin-top:5px; padding:0px 0 0; background:#5BB425; /*background:#5BB425 url(../images/bg_nav.gif) no-repeat 0 0;*/ border-bottom:1px solid #b2bcbe; border-bottom:10px solid #5BB425;}
.porteur-projet #nav {border-bottom:10px solid #ea2c8f;}
.entreprise #nav {border-bottom:10px solid #ff7604;}
.collectivite #nav {border-bottom:10px solid #0eafe3;}

/**** MENU ORIENTATION 1e niveau ****/

#orientation { float:left; margin:0; padding:0 3px 0 0; background:#fff; }
#orientation li { float:left; display:block; width:112px; height:36px; padding:10px 5px 0; margin:0 4px; background-repeat:no-repeat; background-position:left top; background-image:url(../images/bg_nav_entreprise.gif); text-align:center; }
#orientation li a { display:block; text-transform:uppercase; font-weight:bold; color:white; font-size:0.9em; }
#orientation li a:hover, #orientation li a.aselect { color:black; }

#orientation li.entreprise { width:100px; margin-left:4px; background-image:url(../images/bg_nav_entreprise.gif);}
#orientation li.porteur-projet { width:122px; padding:10px 7px 0; background-image:url(../images/bg_nav_projet.gif);}
#orientation li.collectivite { width:175px; padding:10px 4px 0; background-image:url(../images/bg_nav_collectivite.gif);}
#orientation li.collectivite a { padding: 0 4px;}

#orientation li.index { width:19px; padding:0; padding:0 23px 11px; margin:0 3px 0 0; background:url(../images/bg_nav_index.gif) no-repeat; width:auto; height:auto; }
#orientation li.index a { display:block; float:left; width:19px; height:15px; padding:0; margin:20px 4px 0; background-image:url(../images/picto_home.gif); background-repeat:no-repeat; background-position:0 -15px; text-indent:-99999px;}
#orientation li.index a:hover { background-position:0 0;}


/**** MENU ORIENTATION 2e niveau *****/

ul.orientation{ float:right; width:179px; margin:5px 0 0em; padding:0;}
ul.orientation li ul  {margin-top:7px;}
ul.orientation li:hover, ul.orientation li.select { margin-left:10px; width:159px; }
ul.orientation li { display:block; width:139px; margin:4px 0; margin-left:30px; height:36px; padding:13px 0 0 10px; background:url(../images/bg_sousnav_orange.gif) no-repeat;}
ul.orientation li:hover, ul.orientation li.select { margin-left:10px; width:159px; }

.entreprise ul.orientation li {background:url(../images/bg_sousnav_orange.gif) no-repeat;}
.porteur-projet ul.orientation li {background:url(../images/bg_sousnav_rose.gif) no-repeat;}
.collectivite ul.orientation li {background:url(../images/bg_sousnav_bleu.gif) no-repeat;}

ul.orientation li a { display:block; font-size:1.1em; color:#000; padding:4px 0 4px 40px; background-repeat:no-repeat; background-position:left center;}
ul.orientation li a:hover, ul.orientation li a.aselect {color:#fff;}

ul.orientation li.creation-creche-entreprise-structure,ul.orientation li.creation-creche-privee-creation-creche-associative-structure,ul.orientation li.creation-creche-collective-structure{ height:39px; padding-top:10px;}

/* puces */
ul.orientation li.creation-creche-entreprise-structure a { padding-top:0; padding-bottom:0; padding-right:20px; background-image:url(../images/picto_structure.gif);}
ul.orientation li.audit-conseil a { background-image:url(../images/picto_audit.gif);}
ul.orientation li.creation-creche-entreprise-gestion a { background-image:url(../images/picto_gestion.gif);}
ul.orientation li.creation-creche-entreprise-formation a { padding:4px 0 15px 40px; background-image:url(../images/picto_formation.gif); background-position:left top;}

.porteur-projet ul.orientation li.creation-creche-privee-creation-creche-associative-structure a {padding-top:0; padding-bottom:0; padding-right:20px; background-image:url(../images/picto_structure_rose.gif);}
.porteur-projet ul.orientation li.creation-creche-privee-creation-creche-associative-audit-conseil a { background-image:url(../images/picto_audit_rose.gif);}
.porteur-projet ul.orientation li.creation-creche-privee-creation-creche-associative-gestion a { background-image:url(../images/picto_gestion_rose.gif);}
.porteur-projet ul.orientation li.creation-creche-privee-creation-creche-associative-formation a {padding:4px 0 15px 40px; background-image:url(../images/picto_formation_rose.gif); background-position:left top;}

.collectivite ul.orientation li.creation-creche-collective-structure a {padding-top:0; padding-bottom:0; padding-right:20px; background-image:url(../images/picto_structure_bleu.gif);}
.collectivite ul.orientation li.creation-creche-collective-audit-conseil a { background-image:url(../images/picto_audit_bleu.gif);}
.collectivite ul.orientation li.creation-creche-collective-gestion a { background-image:url(../images/picto_gestion_bleu.gif);}
.collectivite ul.orientation li.creation-creche-collective-formation a {padding:4px 0 15px 40px; background-image:url(../images/picto_formation_bleu.gif); background-position:left top;}


/***** MENU GENERAL 1e niveau *****/

#navigation { float:left;  margin:0; padding:0; padding-top:14px; background:url(../images/bg_nav.gif) no-repeat; }
#navigation li { position:relative; float:left; height:26px; padding:6px 19px 0; padding:6px 13px 0; margin:0; background:url(../images/separateur_nav.gif) no-repeat right center; line-height:1em;}
#navigation li.last { background:none; padding-right:0;}
#navigation li a { color:black; text-transform:uppercase; font-size:0.9em; }
#navigation li a:hover, #navigation li a.aselect { color:white; }


/***** MENU GENERAL 2e niveau rollover imbriqué *****/
#navigation ul { display:none;}
#navigation li:hover ul { display:block !important;}
#navigation ul { position:absolute; left:0; top:26px; padding:0; margin:0; background:#fff; width:115px; }
#navigation ul li { float:none; padding:0; margin:0 0 2px; height:auto; border:0; background:#none; text-align:center;   }
#navigation ul li.last { border:0;}
#navigation ul li a { display:block; color:black; border:0; padding:5px; background:#fff; border:1px solid #5bb425; font-size:0.85em; }
#navigation ul li a:hover, #navigation ul li a.aselect { color:#5bb425; }

/***** MENU GENERAL 2e niveau  -- Au hover sur L'association + quand sélectionné **************/
ul#navigation li ul {visibility:hidden;}
ul#navigation li.association-mimosae.select ul {visibility:visible; display:block; float:left; width:960px; clear:both; text-align:right; padding:6px 0; margin:0; background:#78d341; left:-532px; top:32px;}
ul#navigation li.association-mimosae:hover ul {visibility:visible; display:block; float:left; width:960px; clear:both; text-align:right; padding:6px 0; margin:0; background:#78d341; left:-532px; top:32px;}
ul#navigation li.association-mimosae ul  li  {float:right; background:none;}
ul#navigation li.association-mimosae ul  li a {color:#000; padding:0 10px; border:0; border-right:1px solid #4f9d21; text-transform:none; background:none; font-size:0.9em;}
ul#navigation li.association-mimosae ul  li.nos-atouts a {border:0;}
ul#navigation li.association-mimosae ul li a:hover, ul#navigation li.association-mimosae ul li.select a  {color:white;}