.wrapper {
       position: absolute; width: 100%; height: 60px; text-align: center; z-index: 600; z-index: 999;
    }
	
    .wrapper ul {
        display: inline-block;
        margin: 0;
        padding: 0;
        /* For IE, the outcast */
        zoom:1;
        *display: inline;
    }
    .wrapper li {
        float: left; list-style:none
	}
	/* PREMIER RANG */
	.wrapper ul li a, .wrapper ul li a:visited { font-family: 'Marcellus', serif; margin: 0; display:block; text-decoration:none; /* premier rang */ 	/*AJOUTER LA POLICE WEB FONT DU TEXTE MENU a */
										color:#2d485b; text-align:left;																					/*AJOUTER LA COULEUR DU TEXTE MENU a */
										line-height:60px; overflow:hidden; }
	/* rollover */
	.wrapper ul li:hover a { color:#2d485b; background: url(../interface/fleche-on.png) no-repeat 50% 0; }																							/*AJOUTER LA COULEUR DU TEXTE MENU 1ere CATEGORIE a  */
	
	/* SECOND RANG */
	.wrapper ul li:hover ul { display:block; position:absolute; width:250px;}															/*AJOUTER LA POSITION TOP ET LA LARGEUR DU DEROULANT */
	.wrapper ul li:hover ul li a.hide { font-weight: 300; height: auto; background: #34444f; color: #fff; margin:0; border: none; line-height: 33px; } /* second rang */
	.wrapper ul li:hover ul li:hover a.hide { background: #486172; color: #fff; } /* rollover second rang */											/*AJOUTER LA COULEUR DU TEXTE MENU 2eme CATEGORIE a LA COULEUR DU FOND ET LA LARGEUR */
	.wrapper ul li:hover ul li ul { display: none; width:240px; }
						
	.wrapper ul li ul  { display: none; }
	
	
#menu_resp { position: absolute; width: 100%; height: 60px; text-align: center; z-index: 600; background: #2d485b; z-index: 999; }	
#menu_resp a.go:link, #menu_resp a.go:visited, #menu_resp a.dego:link, #menu_resp a.dego:visited { cursor: pointer; font-family: 'Marcellus', serif; line-height: 55px; color: #FFF; }
#menu_resp a.go:hover, #menu_resp a.dego:hover { font-family: 'Marcellus', serif; line-height: 55px; color: #FFF; }

#sousmenu_resp { margin-top: 60px }
#sousmenu_resp a.resp1:link, #sousmenu_resp a.resp1:visited, #sousmenu_resp span.resp1 { border-bottom: 1px solid #fff; display: block; height: 35px; width: 100%; text-align: left; font-family: 'Roboto', serif; font-size: 115%; line-height: 35px; color: #fff; }
#sousmenu_resp a.resp1:hover { text-decoration: none; border-bottom: 1px solid #fff; display: block; height: 35px; width: 100%; background: rgba(45,72,91,1); text-align: left; font-family: 'Roboto', serif; font-size: 115%; line-height: 35px; color: #fff; }
#sousmenu_resp a.resp2:link, #sousmenu_resp a.resp2:visited, #sousmenu_resp span.resp2 { border-bottom: 1px dotted #fff; display: block; height: 25px; width: 100%; text-align: left; font-family: 'Roboto', serif; font-size: 100%; line-height: 25px; color: #FFF; }
#sousmenu_resp a.resp2:hover { text-decoration: none; border-bottom: 1px dotted #fff; display: block; height: 25px; width: 100%; background: rgba(45,72,91,1); text-align: left; font-family: 'Roboto', serif; font-size: 100%; line-height: 25px; color: #FFF; }