@charset "utf-8";
/**
 * CSS pour le menu dynamique
 *
 * @author Fabrice Bonny
 * @lastmodified 2008-08-07
 * @section menu2
 * @media screen
 */
#menu2.dynamic {
    background: url(images_css/background_menu2.png) no-repeat bottom left;
    height: 170px;
    margin-left: -41px;
    padding-left: 122px;
    padding-bottom: 13px;
    float: left;
    position: relative;
    z-index:10;
	width: 530px;
}
#menu2.dynamic a { /* BUGS liens de premier niveau non cliquables */
    position: relative;
    z-index: 10;
    display:block;
}

#menu2.dynamic ul {
    list-style: none;
}

#menu2.dynamic li.menucat {
    float: left;
    margin-right: 5px;
    overflow: hidden;
    /*height: 150px;*/
    width: 60px;
}

#menu2.dynamic li.menucat {
    /*height: 170px;
	height:15.167em;*/
    position:relative;
}

#menu2.dynamic li.menucat img {
    background: no-repeat center bottom;
    float: left;
    padding-bottom: 8px;
}

#menu2.dynamic #ssmenu1 img {
    background-image: url(images_css/background_menu2_actualites_titre.png);
}

#menu2.dynamic #ssmenu2 img {
    background-image: url(images_css/background_menu2_reperes_titre.png);
}

#menu2.dynamic #ssmenu3 img {
    background-image: url(images_css/background_menu2_ressources_titre.png);
}

#menu2.dynamic #ssmenu4 img {
    background-image: url(images_css/background_menu2_ressources_titre.png);
}

#menu2.dynamic #newsletter img {
  padding-bottom:27px;
}

#menu2.dynamic #newsletter .texte {
  background:#dccfe1 url('images_css/sprite_vie_publique.png') no-repeat 10px -245px;
	color: #666;
	font-size: 1.1em;
	font-weight: bold;
  padding-bottom: 5px;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  box-shadow:1px 1px 3px #999;
  -moz-box-shadow:1px 1px 3px #999;
  -webkit-box-shadow:1px 1px 3px #999;
  margin-left:8px;
 /* width:240px;*/
	width: 267px;
}

#menu2.dynamic #newsletter .texte form {
  clear:both;
  padding:0 0 0 74px;
}

#menu2.dynamic #newsletter .texte label,
#menu2.dynamic #newsletter .texte input {
  display:block;
}
#menu2.dynamic #newsletter .texte label {color:#76398F; padding:10px 0 5px 0;}
#menu2.dynamic #newsletter .texte input {
  float:left;
  width:70%;
  border:1px solid #650190;
}
#menu2.dynamic #newsletter .texte label span em {
  font-size: 0.8em;
}
#menu2.dynamic #newsletter .texte .input_submit {
  width:18%;
  background:#650190;
  color:#fff;
  margin:0 0 0 2%;
}

/*#menu2.dynamic li.default p {
    margin-top: 0;
    padding-top: 0;
}

#menu2.dynamic li.default strong {
    background: url(images_css/background_menu2_une_strong.jpg) no-repeat top left;
    display: block;
    height: 62px;
}*/

#menu2.dynamic #newsletter ul {
    margin: 0;
    padding: 0;
	/*padding: 0 0 5px 0;*/
    overflow: hidden;
    clear:both;
}

#menu2.dynamic #newsletter li {
    padding: 10px 7px 10px;
    float:left;
    width:97px;
    color:#fff;
    /*text-indent:9px;*/
    background:url('images_css/sprite_vie_publique2.gif') 11px -843px no-repeat;

}

#menu2.dynamic #newsletter li a{
    padding: 0 5px;
    /*font-size:0.693em;*/
	font-size:0.855em;
}

#menu2.dynamic #newsletter li span {
    background: left top no-repeat;
    padding-left: 12px;
}

#menu2.dynamic li.default #une_breve {
    background-image: url(images_css/background_menu2_une_breve.png);
    color: #0078C9;
}

#menu2.dynamic li.default #une_dossier {
    background-image: url(images_css/background_menu2_une_dossier.png);
    color: #0097DE;
}

#menu2.dynamic li.default #une_reperes {
    background-image: url(images_css/background_menu2_une_reperes.png);
    color: #3FA300;
}

#menu2.dynamic li.default #une_ressources {
    background-image: url(images_css/background_menu2_une_ressources.png);
    color: #D60053;
}

#menu2.dynamic li.menucat .cordes {
    height: 20px;
    width: 30px;
    margin: 0 10px;
    border: 1px solid #999;
    border-style: none solid;
}

#menu2.dynamic ul .liste .cordes {
    width: 235px;
    margin-left: 80px;
}

/*#menu2.dynamic ul .default .cordes {
    width: 220px;
    margin-left: 10px;
}*/

#menu2.dynamic ul .liste {
    width: 330px;
    position: relative;
    display:block;
    top: -40px;
    *top:-162px;
    margin-top: 20px;
    background: url(images_css/background_menu2_left.png) no-repeat right 20px;
}




#menu2.dynamic ul .liste.liste_newsletter {float:left;}
#menu2.dynamic #newsletter {margin:0; width:280px;/*height: 170px;*/ height:14.167em;}
#menu2.dynamic #newsletter .cordes {height:10px;}
#menu2.dynamic #newsletter .texte  {}

#menu2.dynamic #newsletter.active .liste.liste_newsletter {display:block;top:0;  }
#menu2.dynamic #newsletter .liste.liste_newsletter  {top:0; padding-top:23px;margin:0; display:none; width:240px; background:url('images_css/newsform.png') 7px 0 no-repeat;}
#menu2.dynamic #newsletter .liste.liste_newsletter a {color:#650190; text-decoration:underline;background-color: #DCCFE1;}


#menu2.dynamic #newsletter .rubrique { width:31px; float:right; margin:0 0 0 9px;}
#menu2.dynamic #newsletter .rubrique  {display:block;}
#menu2.dynamic #newsletter.active .rubrique {display:none;}

/*#menu2.dynamic #newsletter .rubrique  {display:none;}
*/

/*#menu2.dynamic ul .texte {
    width: 320px;
    position: relative;
    z-index: 5;
}*/

#menu2.dynamic ul .liste a {
    color: #fff;
    display: block;
    font-size: 1.25em;
    font-weight: normal;
    padding: 0.5em 0.5em 0.5em 25px;
}

#menu2.dynamic #ssmenu1 .liste a:hover, #menu2.dynamic #ssmenu1 .liste a:focus {
    background: url(images_css/background_menu2_ssmenu1.png) #0097DE no-repeat 5px center;
}

#menu2.dynamic #ssmenu1 .liste span.actif {
    background: #0097DE;
	color: #fff;
    display: block;
    font-size: 1.20em;
    font-weight: bold;
    padding: 0.5em 0.5em 0.5em 25px;
}

#menu2.dynamic #ssmenu2 .liste a:hover, #menu2.dynamic #ssmenu2 .liste a:focus {
    background: url(images_css/background_menu2_ssmenu2.png) #65C200 no-repeat 5px center;
}

#menu2.dynamic #ssmenu2 .liste span.actif {
    background: #65C200;
	  color: #fff;
    display: block;
    font-size: 1.25em;
    font-weight: bold;
    padding: 0.5em 0.5em 0.5em 25px;
}


#menu2.dynamic #ssmenu3 .liste a:hover, #menu2.dynamic #ssmenu3 .liste a:focus {
    background: url(images_css/background_menu2_ssmenu3.png) #ef4a7b no-repeat 5px center;
}

#menu2.dynamic #ssmenu4 .liste a:hover, #menu2.dynamic #ssmenu4 .liste a:focus {
    background: url(images_css/background_menu2_ssmenu.png) #D60053 no-repeat 5px center;
}

#menu2.dynamic #ssmenu3 .liste span.actif {
    background: /*#ef4a7b*/#F90043;
	  color: #fff;
    display: block;
    font-size: 1.25em;
    font-weight: bold;
    padding: 0.5em 0.5em 0.5em 25px;
}

#menu2.dynamic #ssmenu4 .liste span.actif {
    background: #D60053;
	  color: #fff;
    display: block;
    font-size: 1.25em;
    font-weight: bold;
    padding: 0.5em 0.5em 0.5em 25px;
}


#menu2.dynamic ul ul {
    background: no-repeat bottom left;
    margin-left: 70px;
    padding-bottom: 15px;
}

#menu2.dynamic #ssmenu1 ul {
    background:#0078C9 url(images_css/background_menu2_actualites_bas.png) no-repeat left bottom;
}

#menu2.dynamic #ssmenu2 ul {
    background:#3FA300 url(images_css/background_menu2_reperes_bas.png) no-repeat left bottom;
}

#menu2.dynamic #ssmenu3 ul {
    background:#D60053/*#F90043*/ url(images_css/background_menu2_ressources_bas.png) no-repeat left bottom;
}

#menu2.dynamic #ssmenu4 ul {
    background:#D60053 url(images_css/background_menu2_ressources_bas.png) no-repeat left bottom;
}

#menu2.dynamic li li {
    margin-right: 2px;
}

/**
 * section
 */
body.actualites #menu2.dynamic #ssmenu1 img {
    padding-bottom: 38px;
	background-image: url(images_css/background_menu2_act_titre2.png);
}

body.actualites #menu2.dynamic {
    background-image: url(images_css/background_menu2_actualites.png);
}

body.reperes #menu2.dynamic #ssmenu2 img {
    padding-bottom: 38px;
	background-image: url(images_css/background_menu2_rep_titre2.png);
}

body.reperes #menu2.dynamic {
    background-image: url(images_css/background_menu2_reperes.png);
}

body.ressources #menu2.dynamic #ssmenu3 img {
    padding-bottom: 38px;
	background-image: url(images_css/background_menu2_res_titre2.png);
}

body.ressources #menu2.dynamic {
    background-image: url(images_css/background_menu2_ressources.png);
}