.wrapper {
   /*position: absolute; */
    width: 100%; height: 40px; text-align: center; z-index: 999;
}

.wrapper ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	/* For IE, the outcast */
	zoom:1;
}
.wrapper li {
	float: left; list-style:none; margin: 0 20px;
}
/* PREMIER RANG */
.wrapper ul li a, .wrapper ul li a:visited { padding: 0 10px 0 10px; font-family: 'Khand', sans-serif; display:block; text-decoration:none;
									color:#373f50; text-align:center; font-weight: 600; border: 2px dotted #373f50; border-radius: 10px;
									line-height:40px; overflow:hidden; width: 100%; font-size: 160%;
									 }
.wrapper ul li:hover a { color:#8fb6a4; border: 2px dotted #8fb6a4 }
.wrapper ul li a.on, .wrapper ul li a.on:visited { color:#8fb6a4; border: 2px dotted #8fb6a4; border-radius: 10px; }

.wrapper ul li a.BA, .wrapper ul li a.BA:visited { padding: 0 10px 0 10px; font-family: 'Khand', sans-serif; display:block; text-decoration:none;
									color:#f28f86; text-align:center; font-weight: 600; border: 2px dotted #f28f86; border-radius: 10px; 
									line-height:40px; overflow:hidden; width: 100%; font-size: 160%; 
									 }
.wrapper ul li:hover a.BA { color:#8fb6a4; border: 2px dotted #8fb6a4; }
.wrapper ul li a.BAon, .wrapper ul li a.BAon:visited { color:#8fb6a4; border: 2px dotted #8fb6a4; border-radius: 10px; }


/* SECOND RANG */

.wrapper ul li:hover ul li a.hide { font-weight: 500; color: #272727; margin:0; background: #fff; }
.wrapper ul li:hover ul li a.niveauB { line-height: 33px; border-bottom: 1px solid #c0c0c0; padding: 10px 5px 0 5px; margin-right: 5px }
.wrapper ul li:hover ul li .niveauC { line-height: 18px; font-size: 105%; padding: 4px 0 4px 5px }
.wrapper ul li:hover ul li:hover .niveauC { padding: 4px 0 4px 10px }
.wrapper ul li:hover ul li:hover a.hide { background: #fff; color: #D50008; }

/*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; }
					
.wrapper ul li ul  { display: none; }
	
.wrapper ul li ul li a.catalogue:link, .wrapper ul li ul li a.catalogue:visited { padding: 0; font-family: 'Khand', sans-serif; line-height: 70px; background: #8fb6a4; color: #FFF; }
.wrapper ul li ul li a.catalogue:hover { padding: 0; font-family: 'Khand', sans-serif; line-height: 70px; background: #8fb6a4; color: #FFF; }

.wrapper ul li ul li a.promotions:link, .wrapper ul li ul li a.promotions:visited { padding: 0; font-family: 'Khand', sans-serif; line-height: 70px; background: #D50008; color: #FFF; }
.wrapper ul li ul li a.promotions:hover { padding: 0; font-family: 'Khand', sans-serif; line-height: 70px; background: #b50108; color: #FFF; }

#sousmenu_resp { position:fixed; top:0; left:0; width:100%; height:100%; padding: 2.5%; background: #f7f7f7; flex-direction: column; justify-content: start; align-content:center; align-items: start; box-sizing:border-box; z-index:999; display:none; }

#sousmenu_resp a.resp1,
#sousmenu_resp a.resp1:link,
#sousmenu_resp a.resp1:visited,
#sousmenu_resp span.resp1 { text-align: left; font-family: 'Khand', sans-serif; font-size: 20px; padding: 0 10px; margin: 5px 0; color: #373f50; text-decoration: none; cursor:pointer; display: block; }
#sousmenu_resp a.resp1:hover { background: #8fb6a4; }

#sousmenu_resp a.resp2,
#sousmenu_resp a.resp2:link,
#sousmenu_resp a.resp2:visited,
#sousmenu_resp span.resp2 { text-align: left; font-family: 'Khand', sans-serif; font-size: 19px; color: #FFF; text-decoration: none; cursor:pointer; display: block; }
#sousmenu_resp a.resp2:hover { background: #8fb6a4;  }

.sousmenu_boutik { position:fixed; top:0; right:-100%; width:100%; height:100%; padding:2.5%; box-sizing:border-box; background:#f7f7f7; overflow-y:hidden; z-index:999 }
.sousmenu_boutik h10 { font-family: 'Khand', sans-serif; font-size:180%; cursor:pointer; margin: 15px 0 }