/* MENU */
div#menu ul, div#menu li { list-style:none;}
ul.menu_list{
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	display:table;
}

#menu_list ul li{ position:relative;list-style:none;}


#menu_list li a {
	color: inherit;
	display:block;
	outline:0;
	text-decoration:none;
}



/* BIG MENU */

.bigmenu_cadre {display:none;}
/*#menu_list li.bm_niveau1:hover .bigmenu_cadre {display:table;}*/

ul.bigmenu_list {
	display:grid;
	grid-template-columns:repeat(12, 1fr);
}

/*.bigmenu_cadre {position:absolute;padding:24px 0 0 0;width:700px;left:-70px;}
.bigmenu_cadre.bigmenu_with_blog {width:1000px;}*/

/*
.bigmenu_cadre {position:fixed;padding:24px 0 0 0;max-width:700px;width:100%;left:304px;}
.bigmenu_cadre.bigmenu_with_blog {max-width:1000px;left:304px;}*/

.bigmenu_cadre {position:fixed;padding:54px 0 0 0;left:0;width:100%;}
/*.bigmenu_cadre.bigmenu_with_blog {left:304px;width:calc(100% - 514px);}*/

div#bigmenu_fermer {position:absolute;top:55px;right:25px;z-index:100;}
#menu_list div#bigmenu_fermer a {display:table; width:43px; height:43px; padding:0; background:url('../img/public/bigmenu_close.png') center no-repeat;}
#menu_list div#bigmenu_fermer a:hover {background:url('../img/public/bigmenu_close_hover.png') center no-repeat;}

.header_scroll .bigmenu_cadre {padding:28px 0 0 0;}
.header_scroll div#bigmenu_fermer {top:33px;}

.bigmenu_content {
	position:relative;
	background:#FFF;
	/*padding:30px 30px 10px 30px;	*/
	border-bottom:5px solid #000;
	border-top: 1px solid var(--cg_orange);
	text-align: left;
	text-transform: none;
	
	display:grid; grid-template-columns:repeat(2, 1fr); grid-column-gap: 15px; grid-row-gap: 15px;
	max-height:80vh;
	overflow-y: auto;
}



.bigmenu_content_left {grid-column:span 2;padding:30px;}

.bigmenu_img_text {max-width:1200px; margin:0 auto;}

.bigmenu_niv1 {margin:0 0 25px 0;font-size:2.5em; font-weight:600; color:var(--cg_orange); border-bottom:5px solid #f5f5f5;}
.bigmenu_niv1_sstitre {margin:0 10px 0 0;font-size:0.6em;color:var(--cg_gris_clair);}
.bigmenu_niv1_txt {position:relative;display:table;}
.bigmenu_niv1_txt:after {
    content: "→";
    position: relative;
	bottom:32px;
    width: 50px;
	left:106%;
    height: 3px;
	transform: scaleX(0.5);  
  	transition: all 150ms ease-in-out;
}
.bigmenu_niv1_txt:hover:after {
	transform: scaleX(1);  
	left:110%;
}
/* niveau 1 */
#menu_list li {
	margin:0;
	list-style-position:outside;
	width:auto;
	padding:0;
}

#menu_list li.bm_niveau1{
	position:relative;
	float:left;	
	font-size:1em;
	font-weight: bold;
	margin:0 3.8%;
	text-transform:uppercase;
	color:#1e1e1e;
	padding:13px 0 0 0;
	text-align:center;
	border-bottom:0;
	transition: border-bottom-width 0.5s linear;
}
#menu_list li.bm_niveau1 a {padding:12px 0 3px 0;}


#menu_list li.menu-contact, #menu_list li.menu-coinhuitre, #menu_list li.menu-coin_huitre {float:right;}

/*#menu_list li.bm_niveau1:hover, #menu_list li.bm_niveau1.hover {color:#FFF !important;border-bottom:7px solid #33b498;}*/

#menu_list li.bm_niveau1:before {
    content: "";
    position: absolute;
    width: 50px;
	left:calc(50% - 25px);
    height: 3px;
    bottom: -10px;
	border-bottom:7px solid var(--cg_orange);
	transform: scaleX(0);  
  	transition: transform 150ms ease-in-out;
}
#menu_list li.bm_niveau1:hover:before {transform: scaleX(1);} /* apparition du border à partir du milieu */

/* niveau 2 */

#menu_list li.bm_niveau2 {
	grid-column:span 3;
	padding: 0 25px 0 0;
}


#menu_list li.bm_niveau2 a {font-size:1.1em;text-transform: uppercase; color:var(--cg_orange);}
#menu_list li.bm_niveau2 a:hover {color:var(--cg_orange);}

#menu_list a.menu_a_2:after {
    content: "";
    position: relative;
    width: 50px;
	max-width:10%;
	left:0;
	border-bottom:2px solid var(--cg_orange);
	transform: scaleX(0);  
  	transition: transform 150ms ease-in-out;
	display:table;
}
#menu_list a.menu_a_2:hover:after {transform: scaleX(1);} /* apparition du border à partir du milieu */

/* niveau 3 */
div#menu li.bm_niveau3 a {font-size:1em;font-weight:600;padding:5px 0 5px 10px;text-transform: none;color:var(--cg_gris_fonce);}
div#menu li.bm_niveau3 a:hover {color:var(--cg_orange);}
#menu_list a.menu_a_3:after {
    content: "";
    position: relative;
    width: 50px;
	max-width:10%;
	left:0;
	border-bottom:2px solid var(--cg_orange);
	transform: scaleX(0);  
  	transition: transform 150ms ease-in-out;
	display:table;
}
#menu_list a.menu_a_3:hover:after {transform: scaleX(1);} /* apparition du border à partir du milieu */

/* niveau 4 */
div#menu li.bm_niveau4 a {padding:0 0 0 28px;text-transform: none;color:var(--cg_gris_fonce); font-style: italic; font-weight:normal;}
div#menu li.bm_niveau4 a:hover {color:#000;}
#menu_list a.menu_a_4:after {
    content: "";
    position: relative;
    width: 50px;
	max-width:10%;
	/*left:12px;*/
	border-bottom:2px solid #000;
	transform: scaleX(0);  
  	transition: transform 150ms ease-in-out;
	display:table;
}
#menu_list a.menu_a_4:hover:after {transform: scaleX(1);} /* apparition du border à partir du milieu */

@media screen and (max-width : 1500px) {
	#menu_list li.bm_niveau1 {margin:0 3%;}
}

@media screen and (max-width : 1150px) {	
	#menu_list li.bm_niveau1,
	.header_scroll #menu_list li.bm_niveau1 {margin:0 2.5%; font-size:0.9em;}	
	
}