@charset "utf-8";


/*********************** CONTENEUR GLOBAL ************************/
.megaMenu {
	display: flex;
	flex: 1;
	justify-content: space-between;
	flex-direction: row;
}


/******************* CONTENEUR DES CATEGORIES ********************/
.megaMenu .menuCatWrapper {
	padding: 0;
	display: flex;
	flex-direction: row;
	margin: 5px;
	
}

.megaMenu .menuCatWrapper ul,li {
	list-style: none;
}


/*************************** CATEGORIE ***************************/
.megaMenu .menuCatWrapper .menuCat {
	text-align: left;
    position: relative;
	font-size: 1.2em;
}

.megaMenu .menuCatWrapper .menuCat a {
    display: block;
    padding: 1rem;
    text-decoration: none;
    white-space: nowrap;
}

.megaMenu .menuCatWrapper .menuCat a:focus,
.megaMenu .menuCatWrapper .menuCat a:hover {
    color: #068696;
}

.megaMenu .menuCatWrapper .menuCat a:focus::before,
.megaMenu .menuCatWrapper .menuCat a:hover::before {
    background: #971ACC;
}

.megaMenu .menuCatWrapper .menuCat>a {
    color: #056571;
}


.megaMenu .menuCatWrapper .menuCat li {
	list-style: none;
}


/********************* SOUS-MENU DYNAMIQUE ***********************/
.megaMenu .menuCatWrapper .menuCat .ssMenuWrapper {
    position: absolute;
    top: 4rem;
    left: -10%;
    display: none;
    z-index: 42;
    margin-top: -1px;
    background-color: #FFF;
    font-size: .9em;
    text-align: left;
    box-shadow: 2px 2px 12px rgba(96, 96, 96, .3);
}

.megaMenu .menuCatWrapper .menuCat .ssMenuWrapper a {
    padding: 0.5rem 1.5rem 0.5rem 1rem;
	font-size: 0.9em;
}

.megaMenu .menuCatWrapper .menuCat .ssMenuWrapper a:hover {
    color: #f25e23;
    text-decoration: underline;
    border-radius: .5rem;
}



/**************************** COLONNE ****************************/
.megaMenu .menuCatWrapper .menuCat .ssMenuWrapper .ssMenuWrapper-group {
    padding: 1rem;
}

.megaMenu .menuCatWrapper .menuCat .ssMenuWrapper .ssMenuWrapper-group li {
    padding-left: 0;
}


/*********************** TITRE DE COLONNE ************************/
.megaMenu .menuCatWrapper .menuCat .ssMenuWrapper .ssMenuWrapper-group .ssMenuWrapper-h {
    text-transform: uppercase;
    color: #E8BC1E;
    padding-left: 1rem;
    padding-right: 1rem;
}


/************************ SOUS-CATEGORIE *************************/
.bebe1,.enfant1, .adulte1, .deco1, .perso1 { color: #021C1F; }
.bebe2,.enfant2, .adulte2, .deco2, .perso2 { color: #02252A; }
.bebe3,.enfant3, .adulte3, .deco3, .perso3 { color: #032E34; }
.bebe4,.enfant4, .adulte4, .deco4, .perso4 { color: #03383E; }
.bebe5,.enfant5, .adulte5, .deco5, .perso5 { color: #044148; }
.bebe6,.enfant6, .adulte6, .deco6, .perso6 { color: #044A53; }
.bebe7,.enfant7, .adulte7, .deco7, .perso7 { color: #05535D; }
.bebe8,.enfant8, .adulte8, .deco8, .perso8 { color: #055C67; }
.bebe9,.enfant9, .adulte9, .deco9, .perso9 { color: #056571; }