/* 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;}


/*.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:24px 0 0 0;left:304px;width:calc(100% - 514px);}
/*.bigmenu_cadre.bigmenu_with_blog {left:304px;width:calc(100% - 514px);}*/

.bigmenu_content {
	position:relative;
	background:#FFF;
	/*padding:30px 30px 10px 30px;	*/
	border-bottom:5px solid #43af97;
	text-align: left;
	text-transform: none;
	box-shadow: 1px 1px 12px #555;
	display:grid; grid-template-columns:repeat(2, 1fr); grid-column-gap: 15px; grid-row-gap: 15px;
}
.bigmenu_cadre.bigmenu_with_blog .bigmenu_content {grid-template-columns:repeat(3, 1fr);}



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

.bigmenu_content_right {
	grid-column:span 1;
	padding:30px 30px 10px 30px;
	background:#e4e4e4;
}

.bigmenu_title {
	color:var(--cg_bleu_fonce);
	font-size:1.1em;
	width:100%;
	margin:0;
}
.bigmenu_citation {
	color:#4d4d4d;
	font-size:0.9em;
	font-style:italic;
	width:100%;
	margin:15px 0 0 0;
}
.bigmenu_img_text {position:relative; margin:15px 0; width:100%;display:grid; grid-column-gap: 15px; grid-row-gap: 15px; grid-template-columns:repeat(2, 1fr);}

.bigmenu_img, .bigmenu_text {grid-column:span 1;}

.bigmenu_img{overflow: hidden;width: 100%;max-width: 230px;max-height: 230px;border-radius: 230px; border:5px solid var(--cg_taupe);text-align: center;}
.bigmenu_img img {min-width: 100%;max-width: none;margin: 0 -100%;}

.bigmenu_blog_title {
	color:var(--cg_bleu_fonce);
	font-size:1.1em;
	width:100%;
	margin:0 0 20px 0;
	text-transform: uppercase;
	text-align: center;
}
.bigmenu_blog_liste p {font-size:0.9em;line-height:1.2em; margin:10px 0 2px 0; font-style: italic;color:var(--cg_gris_fonce);}
.bigmenu_blog_liste p a { color:inherit;text-decoration:none; padding:0 !important;} 


.bigmenu_blog_liste p a:after {
    content: "";
    position: relative;
    width: 30%;
	left:0;
	height:5px;
	border-bottom:2px solid var(--cg_gris_fonce);
	transform: scaleX(0);  
  	transition: transform 150ms ease-in-out;
	display:table;
}
.bigmenu_blog_liste p a:hover:after {transform: scaleX(1);} /* apparition du border à partir du milieu */



/* 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:#FFF;
	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 #33b498;
	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 a {text-transform: uppercase; color:var(--cg_bleu_clair);}
#menu_list li.bm_niveau2 a:hover {color:var(--cg_bleu_fonce);}

#menu_list a.menu_a_2:after {
    content: "";
    position: relative;
    width: 50px;
	left:0;
	border-bottom:2px solid var(--cg_bleu_fonce);
	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 {padding:0 0 0 10px;text-transform: none;color:var(--cg_gris_fonce);}
div#menu li.bm_niveau3 a:hover {color:var(--cg_vert_eau);}
#menu_list a.menu_a_3:after {
    content: "";
    position: relative;
    width: 50px;
	left:0;
	border-bottom:2px solid var(--cg_vert_eau);
	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;
	/*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 : 1400px) {
	#menu_list li.bm_niveau1 {font-size:0.9em;margin:0 2.8%;padding:13px 0 0 0;}
	.bigmenu_cadre {width:calc(100% - 514px);}
}


@media screen and (max-width : 1200px) {	
	.bigmenu_cadre {left:260px;width:calc(100% - 420px);}
	#menu_list li.bm_niveau1 {font-size:0.9em;margin:0 2%;padding:13px 0 0 0;}
}
@media screen and (max-width : 900px) {
}