/* ************************************************************************************************ */

/* ——————————————————————————————————— MUSEE MARMOTTAN MONET 2019 ————————————————————————————————— */

/* ———————————————————––———————————————— © ANIMAPRODUCTIONS.COM —————––———————————————————————————— */

/* ************************************************************************************************ */

/* COULEURS */
/*
GRIS FONCE / TEXTE
rgb(50,67,75)

GRIS CLAIR
rgb(156,165,160)

JAUNE
rgb(246,212,72)
*/
	
	
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=7562ac08-89f3-4036-b02f-47615d2c083e&fontids=5730917,5730925");
    @font-face{
        font-family:"Trade Gothic LT W01 Bold";
        src:url("Fonts/5730917/9a18ba1e-dad3-48f7-9eb6-2fa41870be6a.eot?#iefix");
        src:url("Fonts/5730917/9a18ba1e-dad3-48f7-9eb6-2fa41870be6a.eot?#iefix") format("eot"),url("Fonts/5730917/f9be987b-0ea1-4c6e-9302-b14707c2a1a2.woff2") format("woff2"),url("Fonts/5730917/b27d3ee2-b9fb-47e7-8eab-f22f15953932.woff") format("woff"),url("Fonts/5730917/4ff43877-a4d7-4c48-bd43-b19dffc4248c.ttf") format("truetype");
    }
    @font-face{
        font-family:"Trade Gothic LT W01 Bold Obl";
        src:url("Fonts/5730925/b044cb53-1bca-4ace-8065-ae8bb9b54f5f.eot?#iefix");
        src:url("Fonts/5730925/b044cb53-1bca-4ace-8065-ae8bb9b54f5f.eot?#iefix") format("eot"),url("Fonts/5730925/7669e328-4e42-49fe-adf8-f126f82f6052.woff2") format("woff2"),url("Fonts/5730925/7e073583-186a-4fe0-95a1-0d053591c503.woff") format("woff"),url("Fonts/5730925/56d2d3b2-cd73-4da1-be96-965d100666a8.ttf") format("truetype");
    }
    

/* --------------------------------------- &1 – FONTACE ---------------------------------------- */

@font-face {
    font-family: 'TR_font';
    src: url('fontface/font-Regular.eot');
    src: url('fontface/font-Regular.eot?#iefix') format('embedded-opentype'),
        url('fontface/font-Regular.woff2') format('woff2'),
        url('fontface/font-Regular.woff') format('woff'),
        url('fontface/font-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TR_font';
    src: url('fontface/font-Bold.eot');
    src: url('fontface/font-Bold.eot?#iefix') format('embedded-opentype'),
        url('fontface/font-Bold.woff2') format('woff2'),
        url('fontface/font-Bold.woff') format('woff'),
        url('fontface/font-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'TR_font';
    src: url('fontface/font-Super.eot');
    src: url('fontface/font-Super.eot?#iefix') format('embedded-opentype'),
        url('fontface/font-Super.woff2') format('woff2'),
        url('fontface/font-Super.woff') format('woff'),
        url('fontface/font-Super.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'TR_font';
    src: url('fontface/font-Md.eot');
    src: url('fontface/font-Md.eot?#iefix') format('embedded-opentype'),
        url('fontface/font-Md.woff2') format('woff2'),
        url('fontface/font-Md.woff') format('woff'),
        url('fontface/font-Md.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}


/* *************************************************************************** */

/* —————————————————————————————————— POP-IN ————————————————————————————————— */

/* *************************************************************************** */  


.MMM_POPIN
{
	display: block;
	position : fixed;
	top: 0px;
	left :0px;
	width: 100vw;
	height: 100vh;
	line-height: 100vh;
	text-align: center;
	background-color: rgba(50,67,75,.85);
	z-index: 999999;
}

.MMM_POPIN_BOX
{
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	padding: 30px;
	padding-bottom: 60px;
	width: calc(95vw - 60px);
	max-width: 300px;
	background-color: rgb(246, 212, 72);
}

.MMM_POPIN_FERMER
{
	width: 100%;
	text-align: right;
	cursor: pointer;
	font-family:"Trade Gothic LT W01 Bold";
	text-transform: uppercase;
	font-weight: 100;
	letter-spacing: 0.03em;
}


.MMM_POPIN_DECONF
{
	display: block;
	position : fixed;
	top: 0px;
	left :0px;
	width: 100vw;
	height: 100vh;
	line-height: 100vh;
	text-align:center;
	background-color: rgba(0,0,0,.9);
	/*background-color: rgba(50,67,75,.9);*/
	z-index: 999999;
}

.MMM_POPIN_BOX_DECONF
{
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	padding: 30px;
	/*padding-bottom: 60px;*/
	width: calc(95vw - 60px);
	max-width: 700px;
	text-align: center;
	margin-right:30px;
	color : white;
	font-size: 1.8em;
	font-family:"Trade Gothic LT W01 Bold";
	font-weight: 100;
	/*background-color: rgb(246, 212, 72);*/
}

.MMM_POPIN_BOX_DECONF b,
.MMM_POPIN_BOX_DECONF strong
{
	color :rgb(246,212,72);
}

.MMM_POPIN_BOX_DECONF .MMM_CTA_GREY_LIGHT
{
	font-size: .7em;
	cursor: pointer;
	color : white !important;
	border-color : white !important;
}

.MMM_POPIN_FERMER_DECONF
{
	width: 100%;
	text-align: right;
	cursor: pointer;
	font-family:"Trade Gothic LT W01 Bold";
	text-transform: uppercase;
	font-weight: 100;
	letter-spacing: 0.03em;
}

/* .MMM_DECONFINEMENT #menu-item-90 a::before, */
/* .MMM_DECONFINEMENT #menu-item-91 a::before, */
/* .MMM_DECONFINEMENT #menu-item-89 a::before, */
/* .MMM_DECONFINEMENT #menu-item-490 a::before, */
/* .MMM_DECONFINEMENT #menu-item-492 a::before, */
/* .MMM_DECONFINEMENT #menu-item-1011 a::before 
{
	content:'';
	display : inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 17px;
	height: 17px;
	background-size: contain;
	background-position: center center;
	background-image: url('../ui/sens_interdit.svg');
}*/

/* *************************************************************************** */

/* ——————————————————————————————————— BASES ————————————————————————————————— */

/* *************************************************************************** */    

html, body
{
	/*font-family : Arial, sans-serif;*/
	font-family: 'TR_font', Arial, sans-serif;
	font-weight: normal;
    font-style: normal;
	color :rgb(50,67,75);
	margin : 0px;
	padding :0px;
	overflow-x: hidden;
}

  
h1,h2,h3,h4,h5,h6
{
	font-family:"Trade Gothic LT W01 Bold";
	text-transform: uppercase;
	font-weight: 100;
	letter-spacing: 0.03em;
}

a
{
	color:rgb(50, 67, 75);
}

a:hover
{
	text-decoration: none;
}

sup, sub {
		vertical-align: baseline;
		font-size:.75em;
		position:relative;
	}
	sup {top: -0.75em;}
	sub {bottom: -0.25em;}

/* ****************************************************************************** */

/* ——————————————————————————————————— PARALLAX ————————————————————————————————— */

/* ****************************************************************************** */  

#MMM_HOME_SLIDER
{
	position: fixed;
	width: 100vw;
	background-color: rgb(235,237,236);
	height: calc(100vh - 120px - 55px);
	top : 110px;
	left :0px;
	z-index: -1;
	
	/* DEMO */
	background-size: cover;
	background-position: center center;

}

.MMM_HOME_SLIDER_PAGE,
.MMM_HOME_SLIDER_PAGE .glide__slide,
.MMM_HOME_SLIDER_PAGE .MMM_home_slide_soutien
{
	text-align: left;
}

.MMM_HOME_SLIDER_PAGE .MMM_home_slide_item
{
	margin-left: 40px;
	width: 100%;
}

.MMM_inTheFlow
{
	position: absolute;
	top : calc(100vh - 65px);
	left : 0px;
	background-color: white;
}

.MMM_inTheFlowSmallHeader
{
	top : calc( 330px );
}

.MMM_inTheFlowNoHeader
{
	top : calc( 110px - 40px );
}

li.glide__slide
{
	list-style: none !important;
}

.MMM_HOMEPAGE_ALERT
{
	background-color: rgb(246,212,72);
	width: calc(100vw - 120px);
	padding: 20px 60px;
	color: rgb(50,67,75);
}

.MMM_MOBILE_MODE .MMM_HOMEPAGE_ALERT
{
	text-align: center;
}

.MMM_MOBILE_MODE .MMM_HOME_BANDEAU_ALERT
{
	display: none;
}

.MMM_HOMEPAGE_ALERT_CONT
{
	display: inline-block;
	margin: 0px 10px;
	font-size: .9em;
	vertical-align: middle;
	letter-spacing: .05em;
}

.MMM_HOMEPAGE_INFO_GRISE
{
	background-color: rgb(246, 212, 72);
	width: calc(100vw - 120px);
	padding: 20px 60px;
	color: rgb(50,67,75);
	text-align: center;
	text-decoration: none;
	transition: .3s background-color ease-in-out;
}

.MMM_HOMEPAGE_INFO_GRISE:hover
{
	background-color: rgb(203,208,210);
}

.MMM_HOMEPAGE_INFO_GRISE .content
{
	display: inline-block;
	vertical-align: middle;
	/*margin-right: 20px;*/
	max-width: 500px;
	/*
	font-family:"Trade Gothic LT W01 Bold";
	text-transform: uppercase;
	font-weight: 100;
	letter-spacing: 0.03em;
	font-size: 1.2em;
	*/
	font-family: 'TR_font', Arial, sans-serif;
	font-weight: normal;
	font-size: .7em;
	vertical-align: middle;
	letter-spacing: .05em;
	text-transform: uppercase;
}


/* ********************************************************************************** */

/* —————————————————————————————————–––—— TITLES —————————–––———————————————————————— */

/* ********************************************************************************** */ 


#MMM_YELLOW_BANNER
{
	width: 100vw;
	padding : 80px 0px;
	text-align: center;
	background-color: rgb(246,212,72);
	margin-top:112px;
}

#MMM_YELLOW_BANNER h1
{
	font-size: 3em;
	margin: 0px;
}


#MMM_WHITE_BANNER
{
	width: 100vw;
	padding : 40px 0px 0px 0px;
	margin-bottom: -20px;
	text-align: center;
	background-color: white;
	margin-top:112px;
}

#MMM_WHITE_BANNER h1
{
	font-size: 2em;
	margin: 0px;
}

/* ********************************************************************************** */

/* ——————————————————————————————–––—— RECHERCHE —————————–––———————————————————————— */

/* ********************************************************************************** */ 


.MMM_RECHERCHE
{
	display : none;
}


/* ********************************************************************************** */

/* —————————————————————————————–––—— FORMULAIRE —————————–––———————————————————————— */

/* ********************************************************************************** */ 

.wpcf7-form h2
{
	font-size: 1.8em;
	line-height: 1.4em;
	text-align: center;
}
.wpcf7-list-item
{
	width: 100%;
	margin : 0em !important;
}

.wpcf7-text,
#mce-EMAIL,
input[type="text"],
input[type="search"]
{
	width: calc(100% - 82px);
	padding: 20px;
	font-size: 1.3em;
}

.wpcf7-textarea
{
	width: calc(100% - 82px);
	padding: 20px;
	font-size: 1.3em;
}

.wpcf7-select
{
	width: calc(100% - 40px);
	padding: 20px;
	font-size: 1.3em;
}

.wpcf7-submit,
#mc-embedded-subscribe,
input[type="submit"]
{
	width: calc(100% - 40px);
	padding: 20px;
	font-size: 1.3em;
	text-align: center;
	font-family:"Trade Gothic LT W01 Bold";
	text-transform: uppercase;
	font-weight: 100;
	letter-spacing: 0.03em;
	color:rgb(50,67,75);
	border : 2px solid rgb(50,67,75);
	background-color: white;
	margin-top: 30px;
	cursor: pointer;
	transition: .3s all ease-in-out;
}

.wpcf7-submit:hover,
#mc-embedded-subscribe:hover,
input[type="submit"]:hover
{
	background-color: rgb(50,67,75);
	color: white;
}

/* ********************************************************************************** */

/* ——————————————————————————————————— SECTION BLOC ————————————————————————————————— */

/* ********************************************************************************** */ 


.MMM_BLOC
{
	width: 100vw;
	margin : 40px 0px;
	text-align: left;
}

.MMM_BLOC_GREY
{
	background-color: rgb(235,237,236);
}

.MMM_BLOC_NOTICE
{
	width: 100vw;
	margin : 113px 0px 40px 0px;
	text-align: left;
	background-color: rgb(235,237,236);
}

.MMM_BLOC_WHITE
{
	background-color: white;
}

.MMM_BLOC_VISUAL
{
	display : inline-block;
	vertical-align: middle;
	width: 60vw;
	height: calc(100vh - 180px);
	line-height: calc(100vh - 180px);
	background-size: cover;
	background-position: center center;
	text-align: center;
}

.MMM_BLOC_VISUAL video
{
	height: calc(80vh - 180px);
	width: calc(80vh - 180px);
	display: inline-block;
	vertical-align: middle;
}

.MMM_MOBILE_MODE .MMM_BLOC_VISUAL video
{
	vertical-align: top;
}

.MMM_MOBILE_MODE .MMM_BLOC_VIDEO_CONFINEMENT
{
	margin-bottom: 40px;
}

.MMM_BLOC_VIDEO_insta video
{
	width: calc(53vh - 180px) !important;
}

.MMM_BLOC_VIDEO_pano video
{
	height: calc(62.5vh - 180px) !important;
	width: calc(95vh - 180px) !important;
}

.MMM_MOBILE_MODE .MMM_BLOC_VIDEO_pano video
{
	/* height: 56.25vw !important; */
	width: 100vw !important;
}

.MMM_BLOC_VISUAL_CONSTRAINED
{
	margin: 40px;
	width: calc(60vw - 80px);
	height: calc(100vh - 260px);
	background-size: contain !important;
	background-repeat: no-repeat;
	vertical-align: top;
}

.MMM_BLOC_TEXT
{
	display : inline-block;
	vertical-align: middle;
	width: 30vw;
	padding: 4vw;
}

.MMM_BLOC_TEXT_SURTITLE
{
	text-transform: uppercase;
	letter-spacing: .1em;
}

.MMM_BLOC_TEXT h2
{
	font-size: 2.6em;
	font-weight: 100 !important;
	letter-spacing: 0.03em;
	line-height: 1.1em;
	margin : 7px 0px;
}

.MMM_BLOC_TEXT_H2_SUB
{
	font-size: .7em;
	line-height: 1.1em;
	display: block;
	margin-top: 0px !important;
}

.MMM_BLOC_TEXT_SUBTITLE
{
	text-transform: uppercase;
	letter-spacing: .1em;
}

.MMM_BLOC_TEXT_EXCERPT
{
	margin : 20px 0px;
	letter-spacing: .01em;
	line-height: 1.5em;
	font-size: .9em;
}


.MMM_MENU_MOBILE_SQUARES
{
	display : none;
}

.MMM_MOBILE_MODE .MMM_MENU_MOBILE_SQUARES
{
	display : block;
	position: fixed;
	top:25px;
	right : 80px;
	z-index: 1500;
	text-align: center;
}

.MMM_MOBILE_MODE .MMM_MENU_MOBILE_SQUARES .MMM_MENU_SECOND_MAGNIFIER
{
	margin-right:-5px;
}

.MMM_MOBILE_MODE .MMM_BLOC_VISUAL
{

	width: 100vw;
	height: 50vh;

}

.MMM_MOBILE_MODE .MMM_BLOC_TEXT
{
	display : inline-block;
	vertical-align: middle;
	width: 92vw;
	padding: 4vw;
}


.MMM_MOBILE_MODE .MMM_DONOR_CONTAINER
{
	text-align: left;
}

.MMM_MOBILE_MODE .MMM_donateur_item
{
	margin: 0px;
	display: block !important;
	width: 100%;
}

/* *************************************************************************** */

/* ——————————————————————————————————— MENU ————————————————————————————————— */

/* *************************************************************************** */  

/* -------------------------------- MENU PRINCIPAL -------------------------------- */

.MMM_LOGO
{
	width: 120px;
	height: 105px;
	position: fixed;
	padding: 20px 0px;
	top : 0px;
	left : 60px;
	z-index: 1050;
	transition: all .6s ease-in-out;
}

.MMM_LOGO img
{
	width: 100%;
	height :auto;
}

.MMM_LOGO_SCROLLED
{
	top : -50px;
	left : -40px;
	transform: scale(.6);
}

.MMM_MENU
{
	width: 100%;
	position: fixed;
	z-index: 1000;
	top : 0px;
	left : 0px;
	padding : 30px 0px;
	background-color: white;
	text-align: center;
	transition: all .6s ease-in-out;
}

.MMM_MENU_SCROLLED
{
	/* padding : 20px 0px; */
	-webkit-box-shadow: 29px 0px 30px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 29px 0px 30px 0px rgba(0,0,0,0.4);
	box-shadow: 29px 0px 30px 0px rgba(0,0,0,0.4);
}

.MMM_MENU_rubriques ul
{
  list-style: none;
  padding-left : 0px;
}

.MMM_MENU_rubriques ul li
{
  display: inline-block;
  text-transform: inherit;
  margin : 0px 7px;
  /* font-weight: 500; */
  font-size: .85em;/* 0.85em; */
}

.MMM_MENU_rubriques ul li a
{
  color : rgb(50,67,75);
  text-decoration: none;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(50,67,75,0);
  transition: all 0.3s ease-in-out;
  letter-spacing: 0.03em;
}

.MMM_MENU_rubriques ul li a:hover
{
  border-bottom: 1px solid rgba(50,67,75,1);
  transition : .3s all ease-in-out;
}

.MMM_MENU_rubriques ul li.current_page_item a
{
  border-bottom: 1px solid rgba(50,67,75,1);
  transition : .3s all ease-in-out;
}

.MMM_footer_nav_container .current_page_item
{
  border-bottom: 0px solid rgba(50,67,75,1) !important;
}

.MMM_MENU_rubriques ul ul 
	{ /* this targets all sub menus */
	    display: none; /* hide all sub menus from view */
	    position: absolute;
	    top: 70px; /* this should be the same height as the top level menu -- height + padding + borders */
	    height : auto;
	    text-align: left;
	    transition : .6s all ease-in-out;
	}

.MMM_MENU_rubriques_SCROLLED ul ul 
	{ /* this targets all sub menus */
	    top: 50px; /* this should be the same height as the top level menu -- height + padding + borders */
	}

	.MMM_MENU_rubriques ul ul li 
	{ /* this targets all submenu items */
		text-align: center ;
		background: rgb(235,237,236);
		display: block !important;
		margin : 0px !important;
		margin-left : -100px !important;
	    float: none; /* overwriting our float up above */
	    width: 260px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
	    transition: all 0.3s ease-out;
	    padding: 10px 15px !important; /* give our sub menu links a nice button feel */
	}
	
	.MMM_MENU_rubriques ul ul li:hover
	{
		background-color: rgb(156,165,160);
	} 
	
	.MMM_MENU_rubriques ul ul li:hover a
	{
		color : white !important;
	}

	.MMM_MENU_rubriques ul ul li a { /* target all sub menu item links */

	    font-size: 1.15em;
		text-decoration: none !important;
		text-align: left ;
		color : black !important;
		border-bottom: 0px solid !important;
	}
	
	.MMM_MENU_rubriques ul li:hover > ul {

	    display: block; /* show sub menus when hovering over a parent */
	}
	
	.MMM_MENU_rubriques ul ul ul
	{ /* this targets all second sub menus */
	    display: none; /* hide all sub menus from view */
	    position: absolute;
	    top: 0px; /* this should be the same height as the top level menu -- height + padding + borders */
	}
	
	.MMM_MENU_rubriques ul ul ul li 
	{ /* this targets all second submenu items */
	    float: none; /* overwriting our float up above */
	    width: 280px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
		margin-left: -280px;
	}


/* -------------------------------- MENU PRINCIPAL MOBILE -------------------------------- */


.MMM_MENU_MOBILE
{
	display: block;
	position: fixed;
	z-index: 15000;
	width:100vw;
	height: calc( 100vh - 80px );
	top : 80px;
	left : 0px;
	background-color: rgba(50,67,75,.9);
	text-align: center;
	display: none;
	overflow-x: scroll;
	font-size: 1.2em;
}

.MMM_MENU_rubriques_mobile
{
	display: block;
	margin: 0 auto !important;
	width: 100vw;
	/*max-width: 250px;*/
	padding-bottom : 100px;
	
}

.MMM_MENU_MOBILE_LOGO
{
	width: 40vw;
	max-width: 130px;
	display: block;
	margin-top:20px;
	margin-left: 20px;
}

.MMM_MENU_rubriques_mobile .sub-menu
{
	display: none;
}

.MMM_MENU_MOBILE_LOGO img
{
	width: 100%;
	height: auto;
}

.MMM_MENU_rubriques_mobile ul
{
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	text-align: left;
}



.MMM_MENU_rubriques_mobile .MMM_no_mobile_click ul
{
	margin-bottom: -16px;
	margin-top: 15px;
	font-size: .85em;
}

.MMM_MENU_rubriques_mobile li
{
	padding:15px 0px;
	border-bottom: 1px solid rgba(255,255,255,.2);
	transition: .4s all ease-in-out;
}

.MMM_MENU_rubriques_mobile li:hover
{
	background-color: rgba(255,255,255,.2);
}

.MMM_MENU_rubriques_mobile ul ul li
{
	margin-bottom: 0px;
}

.MMM_MENU_rubriques_mobile ul:first-child
{
	padding : 0px;
	margin : 0px;
}

/*
.MMM_MENU_rubriques_mobile ul ul li::before
{
	content:'– ';
	display: inline-block;
	color : white;
	margin-right: 5px;
}
*/
.MMM_MENU_rubriques_mobile ul li a
{
	padding-left : 40px;
}

.MMM_MENU_rubriques_mobile ul ul li a,
.MMM_MENU_rubriques_mobile ul li a {  
		text-decoration: none !important;
		text-align: left ;
		color : white !important;
		border-bottom: 0px solid !important;
}

.MMM_mobile_only
{
	display: none !important;
}

/* -------------------------------- MENU SECONDAIRE -------------------------------- */

.MMM_MENU_SECOND
{
	display: block;
	position: fixed;
	top : 5px;
	right : 0px;
	width: 30px;
	height: 110px;
	line-height: normal;
	transition: all .6s ease-in-out;
}

.MMM_MOBILE_MODE .MMM_MENU_SECOND
{
	display : none;
	/*height: 95px;
	line-height: 95px;*/
}

.MMM_MOBILE_MODE .MMM_mobile_only
{
	display: block !important;
}

.MMM_MENU_SECOND_MAGNIFIER
{
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	background-color: rgb(225,228,227);
	border: 1px solid rgb(225,228,227);
	background-image: url('../ui/icon_magnifier_gris.svg');
	background-position: center center;
	background-size: 70%;
	background-repeat: no-repeat;
	cursor : pointer;
	transition: all .6s ease-in-out;
}

.MMM_MENU_SECOND_MAGNIFIER:hover
{
	background-color: rgb(255,255,255);
	border: 1px solid rgb(156,165,160);
}

.MMM_MENU_SECOND_LANG
{
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	background-color: white;
	border: 1px solid rgb(156,165,160);
	background-position: center center;
	background-size: 70%;
	background-repeat: no-repeat;
	cursor : pointer;
	transition: all .6s ease-in-out;
	line-height: 30px;
	color:rgb(156,165,160);
	text-transform: uppercase;
	font-size: .7em;
}

.MMM_MENU_SECOND_LANG a
{
	text-decoration: none;
	color:rgb(156,165,160);
}

.MMM_MENU_SECOND_LANG_ACTIVE
{
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	background-color: rgb(156,165,160);
	border: 1px solid rgb(156,165,160);
	background-position: center center;
	background-size: 70%;
	background-repeat: no-repeat;
	cursor : pointer;
	transition: all .6s ease-in-out;
	line-height: 30px;
	color:white;
	text-transform: uppercase;
	font-size: .7em;
}

/* ************************************************************************* */

/* ——————————————————————————————— DONATEURS ——————————————————————————————— */

/* ************************************************************************* */ 

.MMM_donateur_item
{
	display: inline-block !important;
	width: auto !important;
	margin : 0px 10px;
	font-family:"Trade Gothic LT W01 Bold";
	text-transform: uppercase;
	font-weight: 100;
	font-size: 1.4em;
	line-height: 1.6em;
	cursor: pointer;
	transition: all .3s ease-in-out;
}

.MMM_donateur_item:hover
{
	color: rgb(246,212,72);
}


.MMM_donateur_legende
{
	display: none;
	position: fixed !important;
	text-align: center !important;
	top : 0px !important;
	left :0px !important;
	width: 100vw !important;
	max-width: 100vw !important;
	height:100vh !important;
	line-height:100vh !important;
	background-color: rgba(0,0,0,.5);
	z-index: 9999999;
	cursor: pointer;
}

.MMM_donateur_legende>div
{
	display: inline-block !important;
	vertical-align: middle !important;
	line-height: normal !important;
	color : black !important;
	background-color: white;
	padding:20px 30px;
	text-align: left;
	width: calc(95vw - 40px);
	max-width: 500px;
	cursor: default;
}

/* ************************************************************************* */

/* —————————————————————————————————— HOME ————————————————————————————————— */

/* ************************************************************************* */ 


#MMM_HOME_BANDEAU_INFOS
{
	width: calc(100vw - 120px);
	padding : 20px 60px;
	background-color: rgb(235,237,236);
	text-align: left;
}

.MMM_HOME_BANDEAU_INFOS_ITEM
{
	display: inline-block;
	margin : 0px 10px;
	font-size: .7em;
	vertical-align: middle;
	letter-spacing: .05em;
}

.MMM_HOME_BANDEAU_PLACE
{
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 25px;
	background-size: contain;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url('../ui/icon_geo.svg');
}

.MMM_HOME_BANDEAU_TIME
{
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 25px;
	background-size: contain;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url('../ui/icon_heure.svg');
}

.MMM_HOME_BANDEAU_ALERT
{
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 25px;
	background-size: contain;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url('../ui/icon_caution.svg');
}

.MMM_HOME_BANDEAU_PLACE_BIG
{
	display: inline-block;
	vertical-align: middle;
	width: 35px;
	height: 35px;
	background-size: contain;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url('../ui/icon_geo.svg');
}

.MMM_HOME_BANDEAU_TIME_BIG
{
	display: inline-block;
	vertical-align: middle;
	width: 35px;
	height: 35px;
	background-size: contain;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url('../ui/icon_heure.svg');
}

.MMM_HOME_BANDEAU_ALERT_BIG
{
	display: inline-block;
	vertical-align: middle;
	width: 35px;
	height: 35px;
	background-size: contain;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url('../ui/icon_caution.svg');
}

.MMM_HOME_BANDEAU_CTA
{
	position: absolute;
	right :60px;
	top:17px;
	display: block !important;
	width: 120px;
	text-align: center;
}

.MMM_HOME_BANDEAU_CTA_COVID
{
	position: absolute;
	right :60px;
	top:175px;
	margin-top: -20px;
	display: block !important;
	width: 120px;
	text-align: center;
}

.MMM_HOME_BANDEAU_CTA_COVID_SS_MESSAGE
{
	position: absolute;
	right :60px;
	top:90px;
	margin-top: -20px;
	display: block !important;
	width: 120px;
	text-align: center;
}

/* ********************************************************************************* */

/* ——————————————————————————————————— HOME SLIDER ————————————————————————————————— */

/* ********************************************************************************* */ 


.MMM_home_slide_link
{
	text-decoration: none;
	color : white;
	height: 100%;
	
}

.MMM_home_slide_item
{
	position: absolute;
	bottom: 60px;
	margin-left :40px;
	vertical-align: bottom;
	line-height: normal;
}

.MMM_home_slide_surtitre
{
	font-family: Arial, sans-serif;
	text-transform: uppercase !important;
	font-weight: 100;
	letter-spacing: 0.1em;
	margin: 0px;
	color :white;
}

.MMM_home_slide_h2
{
	font-size: 4em;
	color :rgb(246,212,72);
	margin : 0px;
}

.MMM_home_slide_soustitre
{
	font-size: 2.2em;
	margin: 0px;
	color :white;
}

.MMM_home_slide_soutien
{
	width: 100%;
	height:100%;
	line-height: 100%;
	
background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.60) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(40%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.60)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.60) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.60) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.60) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.60) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );


	top : 0px;

}

/* *************************************************************************** */

/* ——————————————————————————————————— TEXTE ————————————————————————————————— */

/* *************************************************************************** */ 



.MMM_BLOC_TEXTE_CONTAINER
{
	width: 101vw;
	padding: 80px 0px;
	text-align: left;
}

.MMM_BLOC_TEXTE_CONTAINER_CENTER
{
	width: 100vw;
	padding: 80px 0px;
	text-align: center;
}

.MMM_BLOC_TEXTE
{
	display : inline-block;
	vertical-align: top;
	width: 75vw;
	text-align: center;
	line-height: 1.4em;
	letter-spacing: 0.02em;
}

.MMM_BLOC_TEXTE h3,
.MMM_BLOC_TEXTE_CENTER h3
{
	margin-bottom: -10px;
	margin-top: 50px;
	font-size: 1.6em;
	line-height: 1.3em;
}

.MMM_BLOC_TEXTE h3>span,
.MMM_BLOC_TEXTE_CENTER h3>span
{
	margin-bottom: -10px;
	margin-top: 0px;
	font-size: .8em;
	line-height: 1.2em;
	display:block;
}

.MMM_BLOC_TEXTE h4,
.MMM_BLOC_TEXTE_CENTER h4
{
	margin-bottom: -10px;
	margin-top: 50px;
	font-size: 1.4em;
	line-height: 1.3em;
	font-family: 'TR_font', Arial, sans-serif;
	text-transform: inherit;
}

h2.MMM_h2_tarifs
{
	margin-bottom: -10px;
	margin-top: 100px;
	font-size: 2.2em;
	line-height: 1.1em !important;
	font-family: "Trade Gothic LT W01 Bold", Arial, sans-serif !important;
	text-transform: uppercase !important;
}

h2.MMM_h2_tarifs:after
{
	content:'';
	display: block;
	width: 150px;
	height: 3px;
	background-color: rgb(50,67,75);
	margin : 15px 0px;
}

.MMM_BLOC_TEXTE_CENTER
{
	display : inline-block;
	vertical-align: top;
	width: 95vw;
	max-width: 800px;
	text-align: center;
	line-height: 1.4em;
	letter-spacing: 0.02em;
}

.MMM_BLOC_TEXTE>div,
.MMM_BLOC_TEXTE_CENTER>div
{
	display : inline-block;
	vertical-align: top;
	width: 95vw;
	max-width: 680px;
	text-align: left;
}

.MMM_BLOC_TEXTE>div img,
.MMM_BLOC_TEXTE_CENTER>div img
{
	width: 100%;
	height: auto;
}

.MMM_BLOC_TEXTE>div>h2,
.MMM_BLOC_TEXTE_CENTER>div>h2
{
	font-family: 'TR_font', Arial, sans-serif;
	line-height: 1.4em;
	text-transform: inherit;
	font-weight: 100;
	font-size: 1.25em;
}

.MMM_BLOC_TEXTE>div video,
.MMM_BLOC_TEXTE_CENTER>div video
{
	width: 100%;
	height: auto;
}

.MMM_BLOC_TEXTE_SIDEBAR
{
	display : inline-block;
	vertical-align: top;
	width: 25vw;
}

.MMM_SIDEBAR_YELLOW
{
	background-color: rgb(246,212,72);
	padding : 40px;
}

.MMM_SIDEBAR_LIGHTYELLOW
{
	background-color: rgba(246,212,72,.6);
	padding : 40px;
	text-align: center;
}

.MMM_SIDEBAR_WHITE
{
	background-color: white;
	padding : 40px;
	transition: all .4s ease-in-out;
}

.MMM_SIDEBAR_WHITE a
{
	text-decoration: none;
	color :rgb(50,67,75);
}

.MMM_BLOC_TEXTE_SIDEBAR h3
{
	font-size: 1.6em;
	margin: 0px
}

.MMM_BLOC_TEXTE_SIDEBAR p
{
	margin: 7px 0px 20px 0px;
}

.MMM_SIDEBAR_DP_COVER,
.MMM_SIDEBAR_DP_TEXT
{
	display: inline-block;
	vertical-align: middle;
	width: calc( calc(25vw - 120px) / 2);
}


.MMM_SIDEBAR_DP_TEXT
{
	margin-left: 20px;
	font-family:"Trade Gothic LT W01 Bold";
	text-transform: uppercase;
	font-weight: 100;
	letter-spacing: 0.03em;
	
}

.MMM_SIDEBAR_DP_COVER img
{
	width: 100%;
	height: auto;
}

.MMM_SIDEBAR_PM
{
	padding : 40px 40px 0px 40px;
}
.MMM_SIDEBAR_PM2
{
	padding : 0px 40px 0px 40px;
}

/* **************************************************************************** */

/* ——————————————————————————————————— VIDEOS ————————————————————————————————— */

/* **************************************************************************** */ 

.MMM_BLOC_VIDEO
{
	width: 100vw;
	margin : 20px 0px;
	text-align: center;
}

video
{
	display: inline-block;
	vertical-align: middle;
	width: 80vw;
	max-width: 1000px;
	height: calc(80vw*.5625);
	margin: 0 auto;
}

.MMM_BLOC_VIDEO .wp-video
{
	display: inline-block;
	vertical-align: middle;
	width: 80vw !important;
	max-width: 1000px !important;
	/*height: calc(80vw*.5625) !important;*/
	margin: 0 auto;
}


/* SEARCH */

.MMM_searchresult_item
{
	width: 100%;
	margin-bottom: 20px;
	text-align: left;
}

.MMM_searchresult_item_visual
{
	display: inline-block;
	width: 200px;
	height: 200px;
	background-size: cover;
	background-position: center center;
	vertical-align: middle;
}

.MMM_searchresult_text
{
	display: inline-block;
	width: calc( 100% - 220px);
	margin-left: 20px;
	vertical-align: middle;
}

.MMM_GRID_ITEM_LEGENDE_CARTEL
{
	top : 0px;
	left :0px;
	text-align: center;
	background-color: rgba(56,67,75,.6);
	width: 100%;
	line-height: normal;
	padding : 30px 0px;
	opacity:1;
	transition: background-color .3s ease-in-out;
	cursor: pointer;
}

.MMM_GRID_ITEM_LEGENDE_CARTEL:hover
{
	background-color: rgba(56,67,75,1);
}

.MMM_GRID_ITEM_LEGENDE_CARTEL .MMM_GRID_ITEM_LEGENDE_CONTAINER
{
	margin-top: 0px;
}

/* ********************************************************************************** */

/* ——————————————————————————————————— WALL MASONRY ————————————————————————————————— */

/* ********************************************************************************** */ 


.MMM_WALL_OEUVRES
{
	width: 100vw;
	margin: 70px 0px 20px 0px;
	text-align: center;
}

.MMM_surtitre_fort
{
	font-weight: 100;
	letter-spacing: .1em;
}

.MMM_titre_fort
{
	font-size: 3.6em;
	line-height: 1.1em;
	margin : 0px;
}

.MMM_OEUVRES_GRID
{
	width: 90vw;
	max-width: 1000px;
	margin: 0px auto;
	margin-top: 80px;
	text-align: center;
}

.MMM_MOBILE_MODE .MMM_OEUVRES_GRID
{
	margin-top:30px;
}

@media all and (min-width: 660px) and (max-width: 1110px) 
{
  .MMM_OEUVRES_GRID
	{
		max-width: 660px;
	}
}

@media all and (max-width: 735px) 
{
  .MMM_OEUVRES_GRID
	{
		max-width: 320px;
	}
}

.MMM_OEUVRES_GRID_ITEM
{
	width: 90vw;
	max-width: 320px;
	margin-bottom: 20px;
}

.MMM_OEUVRES_GRID_ITEM img
{
	width: 100%;
	height: auto;
}

.MMM_GRID_ITEM_LEGENDE
{
	position: absolute;
	top : 0px;
	left :0px;
	text-align: center;
	background-color: rgba(56,67,75,.6);
	width: 100%;
	height: calc(100% - 4px);
	line-height: 100%;
	opacity:0;
	transition: opacity .3s ease-in-out;
	cursor: pointer;
}

.MMM_OEUVRES_GRID_ITEM:hover .MMM_GRID_ITEM_LEGENDE
{
	opacity: 1;
}

.MMM_UNVEIL_IMG
{
	  opacity: 0;
	  transition: all .3s ease-in;
}

.MMM_GRID_ITEM_LEGENDE_CONTAINER
{
	display: inline-block;
	vertical-align: middle;
	margin-top: 40px;
	line-height: normal;
	color : white;
	width: 80%;
}


.MMM_GRID_ITEM_LEGENDE_SURTITRE
{
	font-family:"Trade Gothic LT W01 Bold";
	text-transform: uppercase;
	font-weight: 100;
}

/* ************************************************************************* */

/* ——————————————————————————————————— CTA ————————————————————————————————— */

/* ************************************************************************* */ 



.MMM_CTA
{
	display: inline-block;
	margin : 0px;
	font-family:"Trade Gothic LT W01 Bold";
	text-transform: uppercase;
	font-weight: 100;
	color:rgb(50,67,75);
	background-color: transparent;
	border: 2px solid rgb(50,67,75);
	text-decoration: none;
	border-radius : 20px;
	padding : 7px 15px;
	font-size: .85em;
	letter-spacing: 0.05em;
	vertical-align: middle;
	transition: all .3s ease-in-out;
}

.MMM_CTA_GREY_LIGHT
{
	display: inline-block;
	margin : 0px;
	font-family:"Trade Gothic LT W01 Bold";
	text-transform: uppercase;
	font-weight: 100;
	color:rgb(50,67,75);
	background-color: transparent;
	border: 2px solid rgb(50,67,75);
	text-decoration: none;
	border-radius : 20px;
	padding : 7px 15px;
	font-size: 1em;
	transition: all .3s ease-in-out;
}

.MMM_CTA_HUGE
{
	display: inline-block;
	margin : 0px 10px;
	font-family:"Trade Gothic LT W01 Bold";
	text-transform: uppercase;
	font-weight: 100;
	color:rgb(50,67,75);
	background-color: transparent;
	border: 2px solid rgb(50,67,75);
	text-decoration: none;
	border-radius : 20px;
	padding : 7px 15px;
	font-size: 1.1em;
	letter-spacing: 0.05em;
	vertical-align: middle;
	transition: all .3s ease-in-out;
}

.MMM_CTA:hover,
.MMM_CTA_HUGE:hover,
.MMM_CTA_GREY_LIGHT:hover
{
	background-color: rgb(50,67,75);
	border-color: rgb(50,67,75);
	color : white;
}





.MMM_CTA_WHITE
{
	display: inline-block;
	margin : 0px 10px;
	font-family:"Trade Gothic LT W01 Bold";
	text-transform: uppercase;
	font-weight: 100;
	color:rgb(246,212,72);
	background-color: white;
	border: 2px solid white;
	text-decoration: none;
	border-radius : 20px;
	padding : 7px 15px;
	font-size: .85em;
	letter-spacing: 0.05em;
	vertical-align: middle;
	transition: all .3s ease-in-out;
}

.MMM_CTA_WHITE:hover
{
	background-color: rgb(50,67,75);
	border-color: rgb(50,67,75);
}

.MMM_YELLOW_BG
{
	background-color: rgb(246,212,72) !important;
}

/* **************************************************************************** */

/* ——————————————————————————————————— FOOTER ————————————————————————————————— */

/* **************************************************************************** */ 

.MMM_MENU_FOOTER
{
	width: 100vw;
	background-color: rgb(235,237,236);
	padding: 80px 0px;
	text-align: center;
}

.MMM_MENU_FOOTER ul
{
	list-style: none;
	padding-left: 0px;
}

.MMM_MENU_FOOTER ul a
{
	text-decoration: none;
	color: rgb(50,67,75);
}

.MMM_MENU_FOOTER ul a:hover
{
	text-decoration: underline;
}

.MMM_MENU_FOOTER .menu_n1>a:first-child
{
	display: inline-block;
	font-family:"Trade Gothic LT W01 Bold";
	text-transform: uppercase;
	font-weight: 100;
	font-size: 1.1em;
	letter-spacing: 0.05em;
	margin-top : 25px;
}

.MMM_INFOS_FOOTER
{
	width: 100vw;
	background-color: rgb(246,212,72);
	color :rgb(50,67,75);
	margin-bottom: 65px;
	text-align: center;
}

.MMM_MENU_FOOTER_COL
{
	display: inline-block;
	vertical-align: top;
	width: 95vw;
	max-width: 300px;
	margin: 0px 10px;
	text-align: left;
}

.MMM_MENU_FOOTER_COL img
{
	width: 100%;
	max-width: 250px;
	height: auto;
}

.MMM_MENU_FOOTER_TIERS_INFOS .MMM_CTA
{
	font-size: 1.2em;
}

.MMM_MENU_FOOTER_TIERS_INFOS ul
{
	padding-left: 0px;
}

.MMM_MENU_FOOTER_TIERS_INFOS ul li
{
	list-style: none;
	text-align: left;
}

.MMM_MENU_FOOTER_TIERS_INFOS ul li a
{
	display: inline-block;
	font-family:"Trade Gothic LT W01 Bold";
	text-transform: uppercase;
	font-weight: 100;
	font-size: 1.1em;
	letter-spacing: 0.05em;
	text-decoration: none;
	font-size: 1.45em;
	margin-bottom: 5px;
}

.MMM_BANDEAU_FOOTER
{
	position: fixed;
	text-align: center;
	bottom : -200px;
	width: 100vw;
	background-color: rgb(246,212,72);
	padding: 15px 0px;
	color : white;
	-webkit-box-shadow: 0px 3px 29px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 3px 29px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 3px 29px 0px rgba(0,0,0,0.4);
	transition: bottom .7s ease-in-out;
}

.MMM_baseline
{
	display: inline-block;
	vertical-align: middle;
	width: 250px;
	margin-right: 10px;
}

.MMM_MOBILE_MODE .MMM_baseline
{
	display: block;
	width: 150px;
	margin-right: 0px;
	margin:0 auto;
	margin-bottom: 10px;
}

.MMM_BANDEAU_FOOTER_TEXTE
{
	display: inline-block;
	margin : 0px 10px;
	font-family:"Trade Gothic LT W01 Bold";
	text-transform: uppercase;
	font-weight: 100;
	color : rgb(50,67,75); /* white; */
	font-size: .85em;
	letter-spacing: 0.05em;
	vertical-align: middle;
}

.MMM_MOBILE_MODE .MMM_BANDEAU_FOOTER_TEXTE
{
	display:none;
}

.MMM_BANDEAU_FOOTER_SOCIAL
{
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	background-size: contain;
	background-repeat: no-repeat;
	height :36px;
	width:36px;
	text-decoration: none;
}

.MMM_BANDEAU_FOOTER_SOCIAL_FACEBOOK
{
	background-image: url('../ui/icon_facebook_gris.svg');
}

.MMM_BANDEAU_FOOTER_SOCIAL_FACEBOOK:hover
{
	background-image: url('../ui/icon_facebook_blanc.svg');
}

.MMM_BANDEAU_FOOTER_SOCIAL_TWITTER
{
	background-image: url('../ui/icon_twitter_gris.svg');
}

.MMM_BANDEAU_FOOTER_SOCIAL_TWITTER:hover
{
	background-image: url('../ui/icon_twitter_blanc.svg');
}

.MMM_MENU_FOOTER_TIERS
{
	width: 33vw;
	display: inline-block;
	vertical-align: middle;
	height: 33vw;
	max-height: 400px;
	line-height: 33vw;
	text-align: center;
}

.MMM_MOBILE_MODE .MMM_MENU_FOOTER_TIERS
{
	width: 100vw;
	height: 100vw;
	line-height: 100vw;
}

.MMM_MOBILE_MODE .MMM_FOOTER_MENU,
.MMM_MOBILE_MODE .MMM_FOOTER_RESEAU
{
	display: none;
}

.MMM_MOBILE_MODE .MMM_HOME_SLIDER_EXPOS
{
	display:none;
}

.MMM_MOBILE_MODE #MMM_HOME_SLIDER
{
	height: calc(80vh - 80px - 55px);
}

.MMM_MOBILE_MODE .glide
{
	height: calc(80vh - 120px - 55px);
}

.MMM_MENU_FOOTER_TIERS_CONTAINER
{
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	padding : 20px;
	text-align: left;
}

.MMM_MENU_FOOTER_TIERS_INFOS
{
	text-align: center;
	font-size: .75em;
	letter-spacing: .05em;
	font-weight: 100;
	line-height: 1.4em;
	min-width: 300px;
}

.MMM_MENU_FOOTER_TIERS_RESEAUX
{
	font-family:"Trade Gothic LT W01 Bold";
	text-transform: uppercase;
	font-weight: 100;
	letter-spacing: 0.03em;
}

.MMM_MENU_FOOTER_TIERS_RESEAUX_TITRE
{
	font-size: 1.5em;
}


.MMM_FOOTER_SOCIAL
{
	width: 55px;
	height: 55px;
	background-size: contain;
	background-position: center center;
	margin : 3px;
	display: inline-block;
	text-decoration: none;
}

.MMM_FOOTER_SOCIAL_FACEBOOK
{
	background-image: url('../ui/icon_facebook_gris.svg');
}

.MMM_FOOTER_SOCIAL_TWITTER
{
	background-image: url('../ui/icon_twitter_gris.svg');
}

.MMM_FOOTER_SOCIAL_INSTAGRAM
{
	background-image: url('../ui/icon_instagram_gris.svg');
}

.MMM_FOOTER_SOCIAL_FACEBOOK:hover
{
	background-image: url('../ui/icon_facebook_blanc.svg');
}

.MMM_FOOTER_SOCIAL_TWITTER:hover
{
	background-image: url('../ui/icon_twitter_blanc.svg');
}

.MMM_FOOTER_SOCIAL_INSTAGRAM:hover
{
	background-image: url('../ui/icon_instagram_blanc.svg');
}

.MMM_MENU_FOOTER_MAP
{
	background-size: cover;
	background-position: center center;
	background-image: url('../ui/carte.jpg');
}

.MMM_MENU_FOOTER_MAP_TAG
{
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-top: -50px;
	vertical-align: middle;
	background-size: contain;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-image: url('../ui/icon_geo_blanc.svg');

}


/* **************************************************************************** */

/* ——————————————————————————————————— MOBILE ————————————————————————————————— */

/* **************************************************************************** */ 

.hamburger
{
	display : none;
}

.MMM_MOBILE_MODE .hamburger {
  padding: 15px 15px;
  display: block;
  position: fixed;
  right :10px;
  top : 13px;
  z-index: 16000 !important;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; 
  transform: scale(.7);
  }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: rgb(50,67,75);
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }
/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 2px; }
  .hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider-r .hamburger-inner::after {
    top: 20px; }

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg); background-color: rgb(50,67,75);}
  .hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(90deg); background-color: rgb(50,67,75); }

.MMM_MOBILE_MODE .MMM_MENU
{
	height: 80px;
	padding: 0px;
}

 .MMM_BOUTON_MENU_MOBILE
{
    /*display: none;
    text-decoration: none;
    background-color: rgb(50,67,75);
    color: white;
    font-family: 'Trade Gothic LT W01 Bold';
    padding: 6px 20px;
    font-size: .8em;
    letter-spacing: 0.05em;
    font-weight: 100;
    border-radius: 18px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;*/
}

.MMM_BOUTON_MENU_MOBILE_FERMER
{
    display: inline-block;
    text-decoration: none;
    background-color: white;
    color: rgb(50,67,75);
    font-family: 'Trade Gothic LT W01 Bold';
    padding: 6px 20px;
    font-size: .8em;
    letter-spacing: 0.05em;
    font-weight: 100;
    border-radius: 18px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    margin-top : 40px;
}

.MMM_MOBILE_MODE .MMM_BOUTON_MENU_MOBILE
{
	display: inline-block;
}


.MMM_MOBILE_MODE .MMM_MENU_rubriques
{
	display: none;
}

.MMM_MOBILE_MODE .MMM_LOGO
{
	top : 3px;
	left : 20px;
	padding : 0px;
	transform: scale(.80);
}

.MMM_MOBILE_MODE .MMM_inTheFlow
{
	top: calc(80vh - 95px);
}

.MMM_MOBILE_MODE .MMM_inTheFlowNoHeader
{
	top : 40px;
}

/* NOTICE */

.MMM_MOBILE_MODE .MMM_BLOC_VISUAL_CONSTRAINED 
{
    margin: 0px;
}

.MMM_MOBILE_MODE .MMM_notice_title
{
	font-size: 1.6em;
}

.MMM_MOBILE_MODE .MMM_BLOC_NOTICE 
{
    margin: 80px 0px 0px 0px;
    padding-top: 20px;
    text-align: left;
    background-color: rgb(235,237,236);
}

/* SLIDER HOME */

.MMM_MOBILE_MODE .MMM_home_slide_item 
{
    position: absolute;
    bottom: 60px;
    margin-left: 10px;
    width: calc(100vw - 20px);
}

.MMM_MOBILE_MODE .MMM_home_slide_surtitre
{
	font-size: .8em;
}

.MMM_MOBILE_MODE .MMM_home_slide_h2
{
	font-size: 2.2em;
}

.MMM_MOBILE_MODE .MMM_home_slide_soustitre
{
	font-size: 1.4em;
}

/* TEXTE */
.MMM_MOBILE_MODE .MMM_titre_fort 
{
    font-size: 2.2em;
    line-height: 1.1em;
    margin: 0px;
    width: 95vw;

}

.MMM_MOBILE_MODE .MMM_BLOC_TEXTE_CONTAINER_CENTER,
.MMM_MOBILE_MODE .MMM_BLOC_TEXTE_CONTAINER
{
	padding : 20px 0px;
}

.MMM_MOBILE_MODE .MMM_BLOC_TEXTE_CONTAINER_CENTER h2,
.MMM_MOBILE_MODE .MMM_BLOC_TEXTE_CONTAINER h2
{
	font-size: 1.2em;
}

.MMM_MOBILE_MODE .MMM_BLOC_TEXTE_CONTAINER,
.MMM_MOBILE_MODE .MMM_BLOC_TEXTE,
.MMM_MOBILE_MODE .MMM_BLOC_TEXTE_SIDEBAR
{
	width: 95vw;
}

.MMM_MOBILE_MODE .MMM_BLOC_TEXTE_CONTAINER
{
	margin: 0 auto;
}

.MMM_MOBILE_MODE .MMM_BLOC_TEXTE_SIDEBAR
{
	margin-top : 20px;
}

.MMM_MOBILE_MODE .MMM_SIDEBAR_DP_COVER
{
    display: block;
    margin: 0 auto;
    width: 50%;
}

.MMM_MOBILE_MODE .MMM_SIDEBAR_DP_TEXT 
{
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 0px;
    width: 70%;
}

/* BANDEAU GRIS INFOS HOME */

.MMM_MOBILE_MODE #MMM_HOME_BANDEAU_INFOS
{
	width: calc(100vw - 20px);
	padding : 10px;
}

.MMM_MOBILE_MODE .MMM_HOME_BANDEAU_INFOS_ITEM
{
	margin : 0px;
	margin-bottom : 10px;
	width: 100%;
	text-align: center;
}

.MMM_MOBILE_MODE .MMM_HOME_BANDEAU_PLACE,
.MMM_MOBILE_MODE .MMM_HOME_BANDEAU_TIME
{
	display: none;
}


.MMM_MOBILE_MODE .MMM_HOME_BANDEAU_CTA
{
	position: static;
	margin: 0 auto;
	margin-top: 10px;
	display: block !important;
	width: 120px;
	text-align: center;
}

.MMM_MOBILE_MODE .MMM_HOME_BANDEAU_CTA_COVID,
.MMM_MOBILE_MODE .MMM_HOME_BANDEAU_CTA_COVID_SS_MESSAGE
{
	position: static;
	margin: 0 auto;
	margin-top: 10px;
	display: block !important;
	width: 120px;
	text-align: center;
}



/* **************************************************************************** */

/* ——————————————————————————————————— LOADER ————————————————————————————————— */

/* **************************************************************************** */ 

.MMM_LOADER
{
	position: fixed;
	text-align: center;
	width: 100vw;
	height: 100vh;
	line-height: 100vh;
	top : 0px;
	left :0px;
	z-index: 9999999;
	background-color: rgb(235,237,236);
	animation: colorchange 6s infinite; /* animation-name followed by duration in seconds*/
    -webkit-animation: colorchange 6s infinite; /* Chrome and Safari */
}


    @keyframes colorchange
    {
      0%   {background: rgb(235,237,236);}
      50%  {background: rgb(246,212,72);}
      100% {background: rgb(235,237,236);}
    }

    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0%   {background: rgb(235,237,236);}
      50%  {background: rgb(246,212,72);}
      100% {background: rgb(235,237,236);}
    }

.MMM_LOADER_LOGO
{
	display: inline-block;
	vertical-align: middle;
	width: 60vw;
	max-width: 300px;
	height: 100vh;
	line-height: 100vh;
}

.MMM_LOADER_LOGO img
{
	width: 100%;
	height: auto;
	display: inline-block;
	vertical-align: middle;
}

.MMM-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.MMM-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.MMM-ellipsis div:nth-child(1) {
  left: 6px;
  animation: MMM-ellipsis1 0.6s infinite;
}
.MMM-ellipsis div:nth-child(2) {
  left: 6px;
  animation: MMM-ellipsis2 0.6s infinite;
}
.MMM-ellipsis div:nth-child(3) {
  left: 26px;
  animation: MMM-ellipsis2 0.6s infinite;
}
.MMM-ellipsis div:nth-child(4) {
  left: 45px;
  animation: MMM-ellipsis3 0.6s infinite;
}
@keyframes MMM-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes MMM-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes MMM-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}