/*



Theme Name: Monts-et-Merveilles



Description: Theme enfant de Divi pour le site Monts et Merveilles



Author: Emilie BRIOSCA



Author URI: https://emilie-briosca.fr/



Template: Divi



*/











/*



Vous pouvez ajouter du CSS personnalisé ici.

Cliquez sur l’icône d’aide ci-dessus pour en savoir plus.



*/

/***************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************
**************************** STYLES COMMUN *********************************
****************************************************************************
****************************************************************************
****************************************************************************
***************************************************************************/

@font-face {
    font-family: 'oldsansblackregular';
    src: url('fonts/oldsansblack-webfont.woff2') format('woff2'),

         url('fonts/oldsansblack-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.centrer-verticalement {
  display: flex;
  justify-content: center;
	vertical-align: middle;

}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #fff;
}
.et_pb_widget ol li, .et_pb_widget ul li {
    margin-bottom: .5em;
    list-style:disc;
}
.et_pb_widget a,
#left-area .post-meta a:hover {
    text-decoration: none;
    color: #fff;
}
.et_pb_widget a:hover {
    text-decoration: none;
    color: #567F9E;
}
#left-area .post-meta a {
    text-decoration: none;
    color: #567F9E;
}

#main-content {
    background-color: transparent;
}

p { text-align: justify;}


#main-content { position: relative; }

p#breadcrumbs {
    padding-bottom: 0;
    position: absolute;
    z-index: 1;
    width: 100%;   
	text-align: center;
    font-size: 12px;
    color: white !important;
	background-color: rgba(0, 0, 0, 0.3);
	background: rgba(0, 0, 0, 0.3);
	color: rgba(0, 0, 0, 0.3);
}

p#breadcrumbs a {color: white !important;}


/* Header et Menus de navigation */

#main-header {

	background-color: transparent;

}

.titre-hdp {

	font-family: 'oldsansblackregular';

	text-transform: uppercase;

	text-align: center;
	
	line-height: 1.4em;

}

.lieux {

	font-family: 'Roboto', sans-serif;

	font-weight: thin;

	text-transform: uppercase;

	text-align: center;

}


/********** menu navigation ***********/



.et_fullwidth_nav #main-header .container {

    padding-right: 0;

    padding-left: 0;

}


/* Menu principal niveau 1 PC */


#menu-menu-principal {
	padding: 0 !important;
}
/*
#menuprincipal>li {

	line-height: 60px;

	padding-left: 30px;

	padding-right: 0;

}
*/

#menu-menu-principal>li:hover {
	background:url("images/puce-nav.png") no-repeat left bottom;
}

#menu-menu-principal>li>a {
	font-family: 'oldsansblackregular';
	font-weight: normal;
	padding-bottom: 0;
	line-height: 60px;
	padding-left: 30px;
}

/* Sous Menu principal Packs - PC */
	
	#menuprincipal li.mega-menu>ul>li {
		width: 15% !important;
		margin: 10px;
	}	

	#menuprincipal li.mega-menu ul li a:first-child {
		border-bottom:1px solid #285170 !important;
	}

	#menuprincipal li.mega-menu>ul>li>a {
		
		padding: 100px 10px 10px !important;
		border: 1px solid #285170 !important;
		min-height: 200px;
		padding-left: 120px;
		background-position: center 20px;
		background-repeat: no-repeat;
		background-size: 70px;
		text-align: center;
		vertical-align: bottom;
	}


	#menuprincipal li.mega-menu>ul>li>a:hover, #menuprincipal li.mega-menu>ul>li>a:first-child:hover { 
		border-color: white !important; 
		background-color: #132b45 !important;
	}
	

/*** Menu des packs ***/ 

.et-menu-nav li.mega-menu>ul>li {
	width: 15% !important;
	margin: 10px;
	padding: 60px;
	border: 1px solid #285170 !important;
	min-height: 200px;
	background-position: center 20px;
	background-repeat: no-repeat;
	background-size: 70px;
	vertical-align: bottom;	
}	

.et-menu-nav li.mega-menu>ul>li>a {
	text-align: center;
	display: block;
	width: 100% !important;
	font-size: 18px;
	line-height: 22px;
}

.menu-item-415 {
	background-image: url('images/icon-small-olympe.svg');
	background-repeat: no-repeat;
}
.menu-item-555 {
	background-image: url('images/icon-small-poseidon.svg');
	background-repeat: no-repeat;
}
.menu-item-554 {
	background-image: url('images/icon-small-murder.svg');
	background-repeat: no-repeat;
}
.menu-item-553 {
	background-image: url('images/icon-small-neptune.svg');
	background-repeat: no-repeat;
}
.menu-item-552 {
	background-image: url('images/icon-small-city.svg');
	background-repeat: no-repeat;
}
.menu-item-551 {
	background-image: url('images/icon-small-carton.svg');
	background-repeat: no-repeat;
}
.menu-item-550 {
	background-image: url('images/icon-small-indoor.svg');
	background-repeat: no-repeat;
}
.menu-item-1086 {
	background-image: url('images/icon-small-soleil.svg');
	background-repeat: no-repeat;
}
.menu-item-1578 {
	background-image: url('images/icon-small-clip.svg');
	background-repeat: no-repeat;
}
.menu-item-1941 {
	background-image: url('/wp-content/uploads/MM-logo-totem.png');
	background-repeat: no-repeat;
}
.menu-item-1959 {
	background-image: url('images/MM_Picto_EcoBois.svg');
	background-repeat: no-repeat;
}
.menu-item-2319 {
	background-image: url('images/Picto-RSE.png');
	background-repeat: no-repeat;
}
.menu-item-2490 {
	background-image: url('images/Picto-Pont.png');
	background-repeat: no-repeat;
}



/* Styles titres */



h1 { font-family: 'oldsansblackregular'; font-size: 42px; text-transform: uppercase; }

h2 { font-family: 'oldsansblackregular'; font-size: 36px; text-transform: uppercase; }

h3 { font-family: 'oldsansblackregular'; font-size: 24px;}

h4 { font-family: 'oldsansblackregular'; font-size: 20px;}

h5 { font-family: 'oldsansblackregular'; font-size: 19px;}

h6 { font-family: 'oldsansblackregular'; font-size: 18px;}



/* Styles packs */



.wcp-carousel-main-wrap .slick-track a.en-savoir-plus {

	display: block;

	text-transform: uppercase;

	color: white;

	font-size: 17px;

	letter-spacing: 2px;

	text-align: center;

	padding: 10px;

	margin: 20px;

	width: auto;

	background: #0e2033;

	font-family: 'oldsansblackregular';

	-moz-box-shadow: 0px 0px 20px 0px #384d64;

	-webkit-box-shadow: 0px 0px 20px 0px #384d64;

	-o-box-shadow: 0px 0px 20px 0px #384d64;

	box-shadow: 0px 0px 20px 0px #384d64;

	filter:progid:DXImageTransform.Microsoft.Shadow(color=#384d64, Direction=NaN, Strength=20);

	transition-duration: 1s, 1s, 1s, 1s;

}



.wcp-carousel-main-wrap .slick-track a.en-savoir-plus:hover {

	-moz-box-shadow: 0px 0px 20px 0px #ffffff;

	-webkit-box-shadow: 0px 0px 20px 0px #ffffff;

	-o-box-shadow: 0px 0px 20px 0px #ffffff;

	box-shadow: 0px 0px 20px 0px #ffffff;

	filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff, Direction=NaN, Strength=20);

}



.wcp-content-wrap {

	text-align: center;

}

.wcp-carousel-main-wrap .post-style-2 .wcp-content-wrap h3 { text-align: center;}

#carousel-556 .rpc-content {text-align: center; margin-top: 0;}

.wcp-img-wrap { 

	margin-bottom: 10px;

	-webkit-filter: grayscale(0);

	filter: grayscale(0);

	-webkit-transition: .3s ease-in-out;

	transition: .3s ease-in-out;

	transform: scale(1);

}



#carousel-556 .rpc-title a:hover { color: #89aac3;}


#ref-clients .et_pb_gallery_item img { width: 70%;}
	
	
#ref-clients.et_pb_bg_layout_dark .et_pb_gallery_pagination ul li a {
	color: #8aaabd !important;
}
#ref-clients .et_pb_gallery_pagination ul li a.active, #ref-clients .et_pb_gallery_pagination ul li a:hover {
	color: #244a68 !important;
}




.et_pb_section_0.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {

    background-image: url("images/bg-slider.svg") !important;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size:100% !important;
	min-height: 200px !important;
}





/* Styles footer */


#main-footer .et_pb_widget { float: none;}
#main-footer {
	background-image:url("images/bg-footer.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.footer-widget { margin-top: 4em;}

#main-footer h3 { font-size: 14px; color: white; font-weight: normal;}

img.center, .widget_media_image {

	clear: both; margin: 0 auto; float: none; text-align: center;

}
.et_pb_gutters2.et_pb_footer_columns3 .footer-widget .fwidget { margin: 0 !important; text-align: center;}
#main-footer p { text-align: inherit;}

#footer-widgets .footer-widget li:before { display: none;}
#footer-widgets .footer-widget li a { 
	color:#8aaabd !important;
	text-transform: uppercase;
	font-size: 0.9em;
}
#footer-widgets .footer-widget li a:hover { color:#ffffff !important;}

@media (min-width: 981px){
.et_pb_gutters2.et_pb_footer_columns3 .footer-widget .fwidget {margin-bottom: 3%;}
}



/******* Styles pages de quizz **********/

body.page-id-1172.custom-background {
	background:#EDDCB1 url('images/fond-parchemin-PC.jpg') no-repeat center center;
	background-size: cover; 
	background-attachment: fixed;
	color: #000;
}
body.page-id-1172.custom-background .et_pb_code_0_tb_body {
	color: #000;
}

.quiz_section .mlw_qmn_new_question {
	font-size:1.8em;
}

.qmn_results_page img {
	width: 40%;
	height: auto;
}




/***************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************
********************** STYLES MOBILE ET TABLETTE ***************************
****************************************************************************
****************************************************************************
****************************************************************************
***************************************************************************/



@media (max-width: 1023px) {

	
/*
	.et_pb_section_0.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {

		min-height: 150px !important;
	}
	
	
	#main-header .logo img {
		float: left;
		max-width: 75%;
    	margin: 10px;
	}
	#main-header .container {
		width: 100%;
	}
	
	#main-header .hautdepage { 
		display: initial;
	}
	
	.texte-presentation, 
	.colonne1 p {
		display: none;
	}
	
	#main-header .hautdepage .colonne2 {

		padding-right: 20%;
		align-items :center;

	}
	*/
	
/* Menu mobile */

	
	#menuprincipal li.mega-menu>ul>li {
		width: 100% !important;
		margin: 10px 10px;
		padding: 0;
	}	

	#menuprincipal li.mega-menu>ul>li>a {
		
		padding: 10px 10px 10px 60px !important;
		border: 0px solid #285170 !important;
		min-height: 30px;
		padding-left: 120px;
		background-position: 200px 20px;
		background-repeat: no-repeat;
		background-size: 40px;
		text-align: left;
		vertical-align: bottom;
	}
	.et-menu-nav li.mega-menu>ul>li {
		width: 18% !important;
		margin: 10px;
		padding: 0px;
		border: 1px solid #285170 !important;
		min-height: 30px;
		background-position: center 20px;
		background-repeat: no-repeat;
		background-size: 40px;
		vertical-align: bottom;

		}	

	.et-menu-nav li.mega-menu>ul>li>a {
		text-align: center;
		display: block;
		width: 100% !important;
	}

	.et_mobile_menu {
		border-color: #8dc63f !important;
		background: #0e2033;
	}
	.et_mobile_menu li { border-bottom: 1px solid #285170 !important;}
	.et_mobile_menu li li {
		/*padding-left: 15%;
		background:url('images/puce-nav.png') no-repeat left center;
		background-size: 15%;
		*/
	}
	#menuprincipal .et_mobile_menu > li a {
		color: white !important;
		font-size: 20px;
		font-weight: bold !important;
		text-align: left;
	}
	#menuprincipal .et_mobile_menu li li {
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 40px;
	
		
	}
	
	
	.et_header_style_centered .mobile_menu_bar {
		position: absolute;
		top: -65px;
		right: 15px;
		background: #0e2033;
		border-radius: 10px;
		-moz-box-shadow: 0px 0px 20px 0px #607082;
		-webkit-box-shadow: 0px 0px 20px 0px #607082;
		-o-box-shadow: 0px 0px 20px 0px #607082;
		box-shadow: 0px 0px 20px 0px #607082;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#607082, Direction=NaN, Strength=20);
	}

	.mobile_menu_bar:before {
		font-size: 46px;
		color: white !important;
	}



	.et_header_style_centered #main-header .mobile_nav {

		display: block;

		 padding: 0; 

		-webkit-border-radius: 0;

		-moz-border-radius: 0;

		border-radius: 0;

		background: none;



	}

	.et_header_style_centered .mobile_nav .select_page, .et_header_style_split .mobile_nav .select_page

	 { display: none;}
	
	
	
	/* fleches slider */

	.et_pb_gallery_image .et-pb-arrow-next, .et_pb_gallery_image .et-pb-arrow-prev {
		position: absolute;
		z-index: 100;
		top: 40%;
		margin-top: 0;
		opacity: 1;
		color: #fff;
		font-size: 38px;
		display: block;
		width: 40px !important;
		height: 40px !important;
		text-indent: -99999px;
	}	
	
	/* fleches caroussels packs */

	.et_pb_gallery_image .slick-prev, .et_pb_gallery_image .slick-next {
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 50%;
		display: block;
		width: 40px !important;
		height: 40px !important;
		padding: 0;
		cursor: pointer;
		color: transparent;
		border: none;
		outline: none;
		background: transparent;
		text-indent: -99999px;
		z-index: 1;
	}


	.et_pb_gallery_image .slick-next, .et_pb_gallery_image .et-pb-arrow-next { 	
		background: url(images/fleche-droite.svg) no-repeat center center !important;
	}

	.et_pb_gallery_image .slick-prev, .et_pb_gallery_image .et-pb-arrow-prev { 
		background: url(images/fleche-gauche.svg) no-repeat center center !important;
	}
	
	.titre-hdp {
		font-size: 30px;
		
	}

	.lieux {
		font-size: 20px;
		letter-spacing: 0px;
	}


}




/***************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************
*************************** STYLES TABLETTE ********************************
****************************************************************************
****************************************************************************
****************************************************************************
***************************************************************************/



@media (min-width: 740px) and (max-width: 1023px) {

		
	.et_header_style_centered .et_mobile_menu {
		top: 20px;
	}
	.et_header_style_centered .et_menu_container .mobile_menu_bar {
		position: absolute;
		right: 50px;
		top: -80px;
	}
	
	.lieux {
		font-size: 20px;
		text-align: left;
		letter-spacing: 2px;
	}
	.titre-hdp {
		font-size: 42px;
		
		text-align: left;
		margin-top: 20px;
	}
	.et_mobile_menu li li a {
		font-size: 18px;	
	}
	/* flèches slider et caroussel */
	.slick-next { right: -40px !important; }
	.slick-prev { left: -40px !important; }
	
	h1, h1.et_pb_contact_main_title, .et_pb_title_container h1 {
		font-size: 30px !important;
	}
	h2, .product .related h2, .et_pb_column_1_2 .et_quote_content blockquote p {
		font-size: 22px !important;
		line-height: 26px;
	}
	h3 { font-size: 20px !important;}
	h4 { font-size: 18px !important;}
	h5 { font-size: 16px !important;}
	h6 { font-size: 14px !important;}
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container
	{
		width: 100% !important;
	}
	
	#carousel-556 .rpc-content {
		font-size: 14px !important;
		line-height: 1.3em;
	}
	#carousel-556 .rpc-title {
		font-size: 16px !important;
		line-height: 1.3em;
	}
	.wcp-carousel-main-wrap .slick-track a.en-savoir-plus { font-size: 12px;}

	
	


}




/***************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************
****************************** STYLES MOBILE *******************************
****************************************************************************
****************************************************************************
****************************************************************************
***************************************************************************/



@media (max-device-width: 739px) { 
	
	/******* Styles pages de quizz **********/

	body.page-id-1172.custom-background {
		background:#EDDCB1 url('images/fond-parchemin-mobile.jpg') no-repeat center center;
		background-size: cover;
	}
	
	.qmn_results_page img, .qmn_results_page video {
		width: 40% !important;
		height: auto;
	}
	
	.header-quizz h1 {
		font-size: 26px !important;
	}
	

	/*****/

	
	.et_header_style_centered .et_mobile_menu {
		top: 0;
	}
	.et_header_style_centered .et_menu_container .mobile_menu_bar {
		top: -65px;
	}
	.titre-hdp {
		font-size: 18px;
		
		text-align: left;
		margin-top: 0;
	}
	
	.texte-presentation, 
	.colonne1 p {
		display: none;
	}
	.lieux {
		font-size: 9px;
		text-align: left;
		letter-spacing: 1px;
	}
	.et_mobile_menu li li a {
		font-size: 14px;	
	}
	/* flèches slider et caroussel */
	.et-pb-arrow-next { right: 10px !important;}
	.et-pb-arrow-prev { left: 10px !important;}
	.slick-next { right: -30px !important; }
	.slick-prev { left: -30px !important; }
	.et-pb-arrow-next, .et-pb-arrow-prev, .slick-prev, .slick-next {
		width: 30px !important;
		height: 30px !important;
	}
	
	h1, h1.et_pb_contact_main_title, .et_pb_title_container h1 {
		font-size: 30px !important;
	}
	h2, .product .related h2, .et_pb_column_1_2 .et_quote_content blockquote p {
		font-size: 22px !important;
		line-height: 26px;
	}
	h3 { font-size: 20px !important;}
	h4 { font-size: 18px !important;}
	h5 { font-size: 16px !important;}
	h6 { font-size: 14px !important;}
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container
	{
		width: 100% !important;
	}
	
	


	

}

/***************************************************************************
****************************************************************************
****************************************************************************
****************************************************************************
****************************** STYLES PC ***********************************
****************************************************************************
****************************************************************************
****************************************************************************
***************************************************************************/

/*
.nav li ul { visibility:visible !important; opacity: 100; }
*/


@media (min-device-width: 1024px) { 
	
	
	#main-header .logo img {
		
		max-width: 200px;
		margin-bottom: 20px;
		
	}
	
	#main-header .hautdepage {

		margin-top: 20px;

		display: flex;
		
		align-items: center;

		/*flex: 0 1 calc(50% - 10px);*/

	}


	#main-header .hautdepage .colonne1  {

		flex: 1 1 30%;

		text-align: center;

	}

	#main-header .hautdepage .colonne2 {

		flex: 1 1 60%;

	}
	.colonne1 p {

		font-family: 'oldsansblackregular';

		font-size: 12px;

		text-transform: uppercase;

		text-align: center;

	}



	.texte-presentation {

		margin: 0 auto;

		width: 90%;

		font-family: 'oldsansblackregular';

		font-size: 12px;

		line-height: 14px;

		color: #466c89;

		margin-bottom: 2em;

	}
	.titre-hdp {
		font-size: 30px;
		
	}

	.lieux {
		font-size: 20px;
		letter-spacing: 3px;
	}
	
	.wcp-img-wrap:hover { 	

		-webkit-filter: grayscale(100%);

		filter: grayscale(100%);

		opacity: 0.5;

		transform: rotate(10deg) scale(0.9);

	}
	
	
	/* fleches caroussels packs */



	.flecheperso .slick-prev, .flecheperso .slick-next ,
	.wcp-carousel-main-wrap .slick-prev, .wcp-carousel-main-wrap .slick-next {

		font-size: 0;

		line-height: 0;

		position: absolute;

		top: 50%;

		display: block;

		width: 60px !important;

		height: 60px !important;

		padding: 0;

		-webkit-transform: translate(0, -50%);

		-ms-transform: translate(0, -50%);

		transform: translate(0, -50%);

		cursor: pointer;

		color: transparent;

		border: none;

		outline: none;

		background: transparent;

		text-indent: -99999px;

		z-index: 1;

	}

	/* fleches slider */

	.flecheperso .et-pb-arrow-next, .flecheperso .et-pb-arrow-prev {

		position: absolute;

		z-index: 100;

		top: 40%;

		margin-top: -24px;

		opacity: 0;

		color: #fff;

		font-size: 48px;

		display: block;

		width: 60px !important;

		height: 60px !important;

		-webkit-transition: all .2s ease-in-out;

		-moz-transition: all .2s ease-in-out;

		transition: all .2s ease-in-out;

		text-indent: -99999px;

	}

	.flecheperso .slick-next, .flecheperso .et-pb-arrow-next,
	.wcp-carousel-main-wrap .slick-next, .wcp-carousel-main-wrap .et-pb-arrow-next { 


		background: url(images/fleche-droite.svg) no-repeat center center !important;

		-webkit-transform: scale(1);

		transform: scale(1);

		-webkit-transition: .3s ease-in-out;

		transition: .3s ease-in-out;

	}

	.flecheperso .slick-prev, .flecheperso .et-pb-arrow-prev,
	.wcp-carousel-main-wrap .slick-prev, .wcp-carousel-main-wrap .et-pb-arrow-prev { 

		background: url(images/fleche-gauche.svg) no-repeat center center !important;

		-webkit-transform: scale(1);

		transform: scale(1);

		-webkit-transition: .3s ease-in-out;

		transition: .3s ease-in-out;

	}
	.flecheperso .slick-next { right: -70px !important; }
	.flecheperso .slick-prev { left: -70px !important; }

	.flecheperso .et-pb-arrow-next:hover, .flecheperso .et-pb-arrow-prev:hover, .flecheperso .slick-next:hover, .flecheperso .slick-prev:hover  { opacity: 0.5; -webkit-transform: scale(1.3); transform: scale(1.3); }
	.flecheperso .slick-prev:hover, .flecheperso .slick-next:hover  { opacity: 0.5; }




	
	/* PAGE MENTIONS LEGALES 
	
	body.page-template-mentionslegales #main-content { max-width: 1100px; margin: 2em auto;}*/
	body.page-template-mentionslegales .container { width: 100%;}
	
}