.wrapper {
       position: absolute; width: 100%; margin-top: -58px; height: 58px; text-align: center; z-index: 600; background: rgba(0,0,0,0.6); 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: 'Roboto', serif; font-weight: 100;  margin: 0; display:block; text-decoration:none; /* premier rang */ 	/*AJOUTER LA POLICE WEB FONT DU TEXTE MENU a */
										color:#fff; text-align:left; font-weight: 300;																					/*AJOUTER LA COULEUR DU TEXTE MENU a */
										line-height:58px; overflow:hidden; }
	/* rollover */
	.wrapper ul li:hover a { color:#444; background: #EEE; }																							/*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: 400; height: auto; background: #EEE; color: #444; margin:0; border: none; line-height: 33px; } /* second rang */
	.wrapper ul li:hover ul li:hover a.hide { background: #AAA; color: #444; } /* 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 { float:left; width: 100%; height: 50px; background:rgba(0,0,0,0.4);text-align: center; z-index: 600; 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: 'Roboto', serif; line-height: 50px; color: #FFF; }
#menu_resp a.go:hover, #menu_resp a.dego:hover { font-family: 'Roboto', serif; line-height: 50px; color: #FFF; }

#sousmenu_resp a.resp1:link, #sousmenu_resp a.resp1:visited, #sousmenu_resp span.resp1 { float:left; background:#AAA; border-bottom: 1px solid #fff; display: block; height: 35px; width: 100%; text-align: right; 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: #BBB; text-align: right; 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 { float:left; background:#AAA;border-bottom: 1px dotted #fff; height: 25px; width: 100%; text-align: right; font-family: 'Roboto', serif; font-size: 100%; line-height: 25px; color: #FFF; display:block; }
#sousmenu_resp a.resp2:hover { text-decoration: none; border-bottom: 1px dotted #fff; display: block; height: 25px; width: 100%; background: #BBB; text-align: right; font-family: 'Roboto', serif;font-size: 100%; line-height: 25px; color: #FFF; }