/* --------------------------------------------------------------------------------------------- */

/*									LES MACHINES DE L’ÎLE										 */
/*								© www.animaproductions.com | 2018

/* --------------------------------------------------------------------------------------------- */


/* 
	COULEURS
	
	BLEU CLAIR		42 / 102 / 188		#2A66BC
	BLEU FONCE		9 / 23 / 41			#091729
	BLEU NOIR		20 / 21 / 31		#14151F
*/


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

@font-face {
    font-family: 'architype_renner_bold';
    src: url('fontface/arcrenbd-webfont.eot');
    src: url('fontface/arcrenbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/arcrenbd-webfont.woff') format('woff'),
         url('fontface/arcrenbd-webfont.ttf') format('truetype'),
         url('fontface/arcrenbd-webfont.svg#architype_renner_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'architype_renner_demi';
    src: url('fontface/arcrendm-webfont.eot');
    src: url('fontface/arcrendm-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/arcrendm-webfont.woff') format('woff'),
         url('fontface/arcrendm-webfont.ttf') format('truetype'),
         url('fontface/arcrendm-webfont.svg#architype_renner_demidemi') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'architype_renner_medium';
    src: url('fontface/arcrenmd-webfont.eot');
    src: url('fontface/arcrenmd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/arcrenmd-webfont.woff') format('woff'),
         url('fontface/arcrenmd-webfont.ttf') format('truetype'),
         url('fontface/arcrenmd-webfont.svg#architype_renner_mediummedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'architype_renner_regular';
    src: url('fontface/arcrenrg-webfont.eot');
    src: url('fontface/arcrenrg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/arcrenrg-webfont.woff') format('woff'),
         url('fontface/arcrenrg-webfont.ttf') format('truetype'),
         url('fontface/arcrenrg-webfont.svg#architype_renner_regularRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Archer';
    src: url('fontface/Archer-Bold.woff2') format('woff2'),
        url('fontface/Archer-Bold.woff') format('woff'),
        url('fontface/Archer-Bold.ttf') format('truetype'),
        url('fontface/Archer-Bold.svg#Archer-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'Archer';
    src: url('fontface/Archer-BoldItalic.woff2') format('woff2'),
        url('fontface/Archer-BoldItalic.woff') format('woff'),
        url('fontface/Archer-BoldItalic.ttf') format('truetype'),
        url('fontface/Archer-BoldItalic.svg#Archer-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}


@font-face {
    font-family: 'Archer';
    src: url('fontface/Archer-MediumItalic.woff2') format('woff2'),
        url('fontface/Archer-MediumItalic.woff') format('woff'),
        url('fontface/Archer-MediumItalic.ttf') format('truetype'),
        url('fontface/Archer-MediumItalic.svg#Archer-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
}


@font-face {
    font-family: 'Archer';
    src: url('fontface/Archer-Medium.woff2') format('woff2'),
        url('fontface/Archer-Medium.woff') format('woff'),
        url('fontface/Archer-Medium.ttf') format('truetype'),
        url('fontface/Archer-Medium.svg#Archer-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

html, body
{
	overflow-x: hidden;
}

/* -------------------------------------------------- UX CHOREGRAPHY --------------------------------------------------- */

/* SCALE-ONLY ANIMATE */

.scale, .scale_max {
  transform: scale(1);
  transition: all 0.3s ease-out;
  
}

.scale:hover {
  transform: scale(1.03);
}

.scale_max:hover {
  transform: scale(1.3);
}

/* BOX-SHADOW ANIMATE */

.shadow {
  box-shadow: 0 1px 2px rgba(0,0,0,0);
  transform: scale(1);
  transition: all 0.3s ease-out;
  
}

.shadow:hover {
  transform: scale(1.02);
  box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}

/* -------------------------------------------------- COCARDE --------------------------------------------------- */

.cocarde_home
{
	width: 330px;
	height: 330px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top : 40vh;
	left : 50px;
	
}

.LMI_INFO_HOME
{
	width: 90vw;
	max-width: 300px;
	padding: 20px;
	position: absolute;
	left:50%;
	margin-left : 500px;
	/*right : 30px;*/
	top : -30vh;
	background-color: rgb(209,45,60);
	text-align: left;
}

@media screen and (max-width: 1440px) {
	.LMI_INFO_HOME
	{
		left: 40%;
	}
}

@media screen and (max-width: 1024px) {
	.LMI_INFO_HOME
	{
		margin: 0;
		left: 5%;
		top: -90%;
	}
}

@media screen and (max-width: 380px) {
	.LMI_INFO_HOME
	{
		width: 80vw;
	}

	.LMI_SAUVEGARDE_ELEPHANTS_BADGE {
		display: none;
	}
}

/*
.LMI_INFO_HOME
{
	width: 90vw;
	max-width: 300px;
	padding: 20px;
	position: absolute;
	right : 30px;
	top : 40vh;
	background-color: rgb(209,45,60);
	text-align: left;
}	
*/

/* -------------------------------------------------- LANGUES --------------------------------------------------- */


.LMI_menu_langue
{
	display: block;
	position: absolute;
	top : 20px;
	right : 30px;
}

a.LMI_BT_LANG, .LMI_BT_LANG_ACTIVE
{
	list-style: none;
	display: inline-block;
	font-family: 'architype_renner_demi', Arial, sans-serif;
	letter-spacing: 0.08em;
	font-size: 0.7em;
	color : white;
	text-transform: uppercase;
	margin : 0px 3px 0px 3px;
}

.LMI_BT_LANG_ACTIVE
{
	opacity: .5;
	cursor: default;
}

a.LMI_BT_LANG 
{
	border-bottom: 2px solid transparent;
	padding-bottom : 2px !important;
	color : white;
	transition: all 0.3s ease-out;
	text-decoration: none;
}


a.LMI_BT_LANG:hover
{
	border-bottom: 2px solid white;
}

/* --------------------------------------- &2 – BASIS ---------------------------------------- */


html, body
{
	font-family: 'Archer', Times, serif;
	margin : 0 auto;
	line-height : 1.6em;
}

h1, h2, h3, h4, h5, h6
{
	font-family: 'architype_renner_bold', Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	
}

a
{
	color: black;
}

a:hover
{
	text-decoration: none;
}

a > img
{
	border : 0px;
}

a.no-u 			{ text-decoration: none; }
a.no-u:hover 	{ border-bottom: 1px solid transparent }

.alignleft
{
	display: block;
	float:left;
	margin-right: 15px;
}

.aligncenter
{
	display: block;
	margin: 0 auto;
}

.LMI_gradient_transition
{
	width: 100%;
	height: 400px;
	
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
	margin-top: -400px;
	margin-bottom: -150px;
}

.LMI_phantom
{
	opacity: 0;
}

.LMI_badge_full
{
	display: inline-block;
	vertical-align: middle;
	width: 50vw;
	height: 70vh;
	margin-top: 10vh;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.LMI_badge_full_home
{
	display: inline-block;
	vertical-align: top;
	width: 50vw;
	height: 20vh;
	margin-top: 70px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.LMI_alignright
{
	text-align: right !important;
}

.LMI_PICTOS
{
	width: 100vw;
	text-align: center;
}

.LMI_PICTOS img
{
	display: inline-block;
	width: 90vw;
	max-width: 400px;
	height: auto;
}

.LMI_picto_bdp
{
	width: 100%;
	height: auto;
}

/* -------------------------------------- &3 – STRUCTURE -------------------------------------- */

.LMI_text_container
{
	width: 95vw;
	max-width: 600px;
	margin: 0 auto;
	font-size: 1.1em;
	padding-bottom : 80px;
}

.LMI_text_container img,
.LMI_text_container figure
{
	max-width: 100%;
	height : auto;
	margin-left : 0px;
	margin-right: 0px;
}


.LMI_text_container h1
{
	font-family: 'architype_renner_bold', Arial, sans-serif;
	font-size: 3em;
	line-height: 1em;
	text-align: center;
}

.LMI_text_container h2
{
	font-family: 'Archer', Times, serif;
	font-weight: 500;
    font-style: normal;
	text-transform: inherit;
	font-size: 1.2em !important;
	line-height: 1.4em;
}

.LMI_text_container h3
{
	font-family: 'Archer', Times, serif;
	font-weight: bold;
    font-style: normal;
	text-transform: inherit;
	font-size: 1.2em !important;
	line-height: 1.15em;
	margin-bottom: -15px;
}

.LMI_formule
{
	display: block;
	padding : 20px 20px 20px 20px;
	background-color: rgba(240,240,240,1);
	margin-bottom: 20px;
}

.LMI_formule>h4
{
	font-family: 'Archer', Times, serif;
	font-weight: bold;
    font-style: normal;
    text-transform: inherit;
    font-size: 1.2em;
}

.LMI_formule>h4>span
{
	font-family: 'Archer', Times, serif;
	font-weight: bold;
    font-style: normal;
    font-size: 1.2em;
}

.LMI_text_container h3
{
	font-size: 2em !important; 
}

.LMI_tarif
{
	font-size: 1.2em;
	font-family: 'Archer', Times, serif;
	font-weight: bold;
    font-style: normal;
}

.h_mode
{
	font-size: 1.4em !important;
}

/* HACK MAILPOET */

.mailpoet_submit
{
	border : 0px !important;
	background-color: transparent !important;
	color : transparent !important;
	width: 100%;
	height: 38px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	cursor: pointer;
	transition: all 0.3s ease-out;
}


.form_fr .mailpoet_submit 		 { background-image: url('../ui/LMI_mail_form_bt.svg'); }
.form_fr .mailpoet_submit:hover	 { background-image: url('../ui/LMI_mail_form_bt_hover.svg'); }

.form_en .mailpoet_submit 		 { background-image: url('../ui/LMI_mail_en_form_bt.svg'); }
.form_en .mailpoet_submit:hover	 { background-image: url('../ui/LMI_mail_en_form_bt_hover.svg'); }

/* BADGE SAUVEGARDE ELEPHANT */

.LMI_SAUVEGARDE_ELEPHANTS
{
	position: absolute;
	z-index: 150;
	top : 15vh;
	left : 30px;
}

.LMI_SAUVEGARDE_ELEPHANTS_BADGE
{
	width: 150px;
	height: 150px;
	background-size: cover;
	background-position: center center;
	border-radius : 150px;
	transition: all .3s ease-in-out;
	animation-duration: 1s;
	animation-name: popin;
}

@keyframes popin {
  0% {
    transform: scale(0) rotate(0deg);
  }
  
  70%
  {
	transform: scale(1.2) rotate(-25deg);
  }

  100% {
    transform: scale(1) rotate(0deg);
  }
}

.LMI_SAUVEGARDE_ELEPHANTS_BADGE:hover
{
	transform : scale(1.05);
}

/* BUTTON CLASSIC */

	.LMI_button
	{
		margin-bottom : 20px;
	}
	
	.LMI_button_2lines_dark_blue
	{
		line-height: 1.2em;
	}
	
	.LMI_button>div
	{
		display: inline-block;
		color : rgb(2,102,194);
		background-color: transparent;
		text-transform: uppercase;
		font-family: 'architype_renner_bold', Arial, sans-serif;
		text-decoration: none;
		font-size: .8em;
	}
	
	.LMI_button>div>span
	{
		display: inline-block;
		color : rgb(2,102,194);
		background-color: transparent;
		padding : 2px 10px;
		text-transform: uppercase;
		font-family: 'architype_renner_bold', Arial, sans-serif;
		text-decoration: none;
		background-image: url('../ui/banner_bg.svg');
		background-size: cover;
		letter-spacing: 0.07em;
		transition: all 0.3s ease-out;
	}
	
	.LMI_button_bg_dark_blue>div>span
	{
		color : rgb(9,23,41) !important;
	}
	
	.LMI_button_2lines_dark_blue>div>span
	{
		color : rgb(9,23,41) !important;
	}
	
	.LMI_button_2lines_dark_blue>div::before
	{
		content:'';
		display: inline-block;
		background-image: url('../ui/banner_left_2lines_blue.svg') !important;
		width: 58px !important;
		height : 58px !important;
		background-size: contain;
		background-position: right bottom;
		vertical-align: bottom;
		background-repeat: no-repeat;
		margin-right: -1px;
		transition: all 0.3s ease-out;
	}
	
	
	.LMI_button_2lines_dark_blue>div::after
	{
		content:'';
		display: inline-block;
		background-image: url('../ui/banner_right_2lines_blue.svg') !important;
		width: 58px !important;
		height : 58px !important;
		background-size: contain;
		background-position: left bottom;
		vertical-align: bottom;
		background-repeat: no-repeat;
		margin-left: -1px;
		transition: all 0.3s ease-out;
	}
	
	.LMI_button>div::before
	{
		content:'';
		display: inline-block;
		background-image: url('../ui/banner_left.svg');
		width: 40px;
		height : 40px;
		background-size: contain;
		background-position: right bottom;
		vertical-align: bottom;
		background-repeat: no-repeat;
		margin-right: -1px;
		transition: all 0.3s ease-out;
	}
	
	.LMI_button>div::after
	{
		content:'';
		display: inline-block;
		background-image: url('../ui/banner_right.svg');
		width: 40px;
		height : 40px;
		background-size: contain;
		background-position: left bottom;
		vertical-align: bottom;
		background-repeat: no-repeat;
		margin-left: -1px;
		transition: all 0.3s ease-out;
	}
	
	
	.LMI_button:hover>div>span
	{
		background-image: url('../ui/banner_bg_red.svg');
		color : white;
		letter-spacing: 0.07em;
	}
	
	.LMI_button:hover>div::before
	{
		background-image: url('../ui/banner_left_red.svg');
	}
	
	.LMI_button:hover>div::after
	{
		background-image: url('../ui/banner_right_red.svg');
	}

/* BUTTON DARK BLUE */

	.LMI_button_dark_blue>div>span,
	.LMI_button_2lines_dark_blue>div>span
	{
		background-image: url('../ui/banner_bg_blue.svg');
		color : white !important;
	}
	
	.LMI_button_dark_blue>div::before
	{
		background-image: url('../ui/banner_left_blue.svg');
	}
	
	.LMI_button_dark_blue>div::after
	{
		background-image: url('../ui/banner_right_blue.svg');
	}
	
	.LMI_button_2lines_dark_blue:hover>div::before
	{
		background-image: url('../ui/banner_left_2lines_red.svg') !important;
	}
	
	.LMI_button_2lines_dark_blue:hover>div::after
	{
		background-image: url('../ui/banner_right_2lines_red.svg') !important;
	}


/* BUTTON HOME */

	.LMI_button_home
	{
		margin-bottom : 20px;
	}
	
	.LMI_button_home>div
	{
		display: inline-block;
		color : rgb(2,102,194);
		background-color: transparent;
		text-transform: uppercase;
		font-family: 'architype_renner_bold', Arial, sans-serif;
		text-decoration: none;
		font-size: 1.1em;
	}
	
	.LMI_button_home>div>span
	{
		display: inline-block;
		color : white;
		background-color: transparent;
		padding : 9px 10px 8px;
		text-transform: uppercase;
		font-family: 'architype_renner_bold', Arial, sans-serif;
		text-decoration: none;
		background-image: url('../ui/banner_bg_red.svg');
		background-size: cover;
		letter-spacing: 0.07em;
		transition: all 0.3s ease-out;
	}
	
	.LMI_button_home>div::before
	{
		content:'';
		display: inline-block;
		background-image: url('../ui/banner_left_red.svg');
		width: 57px;
		height : 57px;
		background-size: contain;
		background-position: right bottom;
		vertical-align: bottom;
		background-repeat: no-repeat;
		margin-right: -1px;
		transition: all 0.3s ease-out;
	}
	
	.LMI_button_home>div::after
	{
		content:'';
		display: inline-block;
		background-image: url('../ui/banner_right_red.svg');
		width: 57px;
		height : 57px;
		background-size: contain;
		background-position: left bottom;
		vertical-align: bottom;
		background-repeat: no-repeat;
		margin-left: -1px;
		transition: all 0.3s ease-out;
	}
	
	
	.LMI_button_home:hover>div>span
	{
		background-image: url('../ui/banner_bg.svg');
		color : black;
		letter-spacing: 0.07em;
	}
	
	.LMI_button_home:hover>div::before
	{
		background-image: url('../ui/banner_left.svg');
	}
	
	.LMI_button_home:hover>div::after
	{
		background-image: url('../ui/banner_right.svg');
	}

/* RED BANNER */

	.LMI_banner,
	a.LMI_banner
	{
		margin-bottom : 20px;
		position: relative;
		z-index: 6;
	}
	
	.LMI_banner>div,
	a.LMI_banner>div
	{
		display: inline-block;
		color : white;
		background-color: transparent;
		text-transform: uppercase;
		font-family: 'architype_renner_bold', Arial, sans-serif;
		text-decoration: none;
		font-size: .8em;
		margin-bottom : -50px;
	}
	
	.LMI_banner>div>span,
	a.LMI_banner>div>span
	{
		display: inline-block;
		color : white;
		background-color: transparent;
		padding : 2px 10px;
		text-transform: uppercase;
		font-family: 'architype_renner_bold', Arial, sans-serif;
		text-decoration: none;
		background-image: url('../ui/banner_bg_red.svg');
		background-size: cover;
		letter-spacing: 0.07em;
		transition: all 0.3s ease-out;
	}
	
	.LMI_banner>div>span>a
	{
		
		color : white;
		text-decoration: none;
	}
	
	.LMI_banner>div::before,
	a.LMI_banner>div::before
	{
		content:'';
		display: inline-block;
		background-image: url('../ui/banner_left_red.svg');
		width: 40px;
		height : 40px;
		background-size: contain;
		background-position: right bottom;
		vertical-align: bottom;
		background-repeat: no-repeat;
		margin-right: -1px;
		transition: all 0.3s ease-out;
	}
	
	.LMI_banner>div::after,
	a.LMI_banner>div::after
	{
		content:'';
		display: inline-block;
		background-image: url('../ui/banner_right_red.svg');
		width: 40px;
		height : 40px;
		background-size: contain;
		background-position: left bottom;
		vertical-align: bottom;
		background-repeat: no-repeat;
		margin-left: -1px;
		transition: all 0.3s ease-out;
	}


/* --------------------------------------- &2 – FOOTER ---------------------------------------- */

#LMI_footer
{
	width : 100%;
}

iframe.LMI_footer_map,
.LMI_footer_map_img
{
	border : 0px solid;
	width: 300px;
	height: 300px;
	margin-top: 40px;
}

.LMI_footer_call_to_action,
.LMI_footer_jumbo_menu,
.LMI_footer_partners
{
	width: 100%;
	text-align: center;
	padding : 50px 0px 50px 0px;
}

.LMI_footer_calendrier .ouvert_14_17,
.LMI_footer_calendrier .ouvert_14_18,
.LMI_footer_calendrier .ouvert_10_18,
.LMI_footer_calendrier .ouvert_10_17,
.LMI_footer_calendrier .ouvert_10_19,
.LMI_footer_calendrier .decouverte,
.LMI_footer_calendrier .decouverte_matin
{
	background: transparent !important;
}

/* CALL TO ACTION */

	.LMI_footer_call_to_action
	{
		background-color: rgb(9,23,41);
	}
	
	.LMI_call_to_action_item
	{
		width: 100%;
		max-width: 350px;
		display: inline-block;
		vertical-align: top;
		margin : 0px 20px 0px 20px;
		color : white;
		font-size: 1.09em;
	}
	
	.LMI_call_to_action_item h4
	{
		font-size: 1.4em;
		letter-spacing: 0.05em;
		margin-top: 0px;
		margin-bottom: 20px;
	}
	
	.LMI_call_to_action_item img
	{
		display: inline-block;
		width: 70%;
	}
	
	a.LMI_footer_social
	{
		display: inline-block;
		width: 40px;
		height: 40px;
		background-size: contain;
		background-position: center center;
		margin: 3px;
		transition: all 0.3s ease-out;
	}
	
	a.LMI_footer_social_facebook
	{
		background-image: url('../ui/social_facebook_white.svg');
	}
	
	a.LMI_footer_social_facebook:hover
	{
		background-image: url('../ui/social_facebook_red.svg');
	}
	
	a.LMI_footer_social_twitter
	{
		background-image: url('../ui/social_twitter_white.svg');
	}
	
	a.LMI_footer_social_twitter:hover
	{
		background-image: url('../ui/social_twitter_red.svg');
	}
	
	a.LMI_footer_social_instagram
	{
		background-image: url('../ui/social_instagram_white.svg');
	}
	
	a.LMI_footer_social_instagram:hover
	{
		background-image: url('../ui/social_instagram_red.svg');
	}
	
	.LMI_footer_badges_container
	{
		width: 100%;
		text-align: center;
	}
	
	a.LMI_badge_link
	{
		display: inline-block;
		width: 112px;
		height: 200px;
		background-size: contain;
		background-position: center top;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	
	.LMI_footer_sub
	{
		font-size: 1.2em;
		font-family: 'architype_renner_bold', Arial, sans-serif;
		letter-spacing: 0.07em;
		text-transform: uppercase;
		text-align: center;
		cursor: default;

	}

.LMI_horaires_infos a
{
	color: white;
}

/* JUMBO MENU */

	.LMI_footer_jumbo_menu
	{
		background-color: rgb(0,0,0);
		font-size: 1em;
	}
	
	.LMI_footer_jumbo_menu_item
	{
		width: 100%;
		max-width: 170px;
		display: inline-block;
		vertical-align: top;
		margin : 0px 10px 0px 10px;
		color : white;
		text-align: left;
	}
	
	.LMI_footer_jumbo_menu_item_large
	{
		/* exception seconde colonne */
		max-width: 230px;
		
	}
	
	.LMI_footer_jumbo_menu_item ul
	{
		list-style: none;
		padding-left: 0px;
	}
	
	.LMI_footer_jumbo_menu_item a
	{
		color: white;
		text-decoration: none;
		border-bottom: 1px solid transparent;
		padding : 2px;
		transition: all 0.3s ease-out;
	}
	
	.LMI_footer_jumbo_menu_item a:hover
	{
		border-bottom: 1px solid white;
	}
	
	.LMI_footer_jumbo_menu_item_titre
	{
		font-family: 'architype_renner_bold', Arial, sans-serif;
		letter-spacing: 0.07em;
	}


/* PARTNERS */

	.LMI_footer_partners
	{
		background-color: white;
	}
	
	.LMI_footer_partners_item
	{
		width: 100%;
		max-width: 180px;
		font-size: 0.9em;
		display: inline-block;
		vertical-align: top;
		margin : 0px 10px 0px 10px;
		color : black;
	}
	
	.LMI_footer_partners_item img
	{
		width: 100%;
		height: auto;
	}
	
	.LMI_footer_partners_item_titre
	{
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
	
	.LMI_footer_partners_item_submenu
	{
		text-align: left;
	}
	
	.LMI_footer_partners_item_submenu ul
	{
		padding-left: 0px;
		list-style: none;
		margin: 0px;
	}
	
	.LMI_footer_partners_item_submenu a
	{
		color: black;
		text-decoration: none;
		border-bottom: 1px solid transparent;
		padding : 2px;
		transition: all 0.3s ease-out;
	}
	
	.LMI_footer_partners_item_submenu a:hover
	{
		border-bottom: 1px solid black;
	}

/* FORM */

input.LMI_footer_input,
  input.mailpoet_text
{
	border : 0px solid;
	border-bottom: 1px solid rgba(255,255,255,.3);
	background: transparent;
	padding :  5px;
	font-size: 1.1em;
	font-family: 'Archer', Times, serif;
	font-weight: normal;
    font-style: normal;
    text-align: center !important;
    width: 300px !important;
    color : white;
    margin : 10px 0px 15px 0px !important;
    display: inline-block !important;
}

.mailpoet_captcha_form input.mailpoet_text {
	border: 1px solid #091729 !important;
	color: #000 !important;
}
.mailpoet_captcha_form .mailpoet_submit {
	background-color: #091729 !important;
	color: #fff !important;
	font-size: 1.2rem !important;
}

.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea
{
	border: 1px solid rgba(0,0,0,.3) !important;
	background: transparent;
	padding :  5px;
	font-size: 1.1em;
	font-family: 'Archer', Times, serif;
	font-weight: normal;
    font-style: normal;
    text-align: left !important;
    width: 100%;
    color : black !important;
    margin : 10px 0px 15px 0px;
}

.wpcf7-form input[type="submit"]
{
	 cursor:pointer;
	 background-color: black;
	 color : white !important;
	 text-align: center !important;
	 padding : 20px 0px 20px 0px;
	 border : 0px solid;
	 transition: all 0.3s ease-out;
}

.wpcf7-form input[type="submit"]:hover
{
	background-color: rgb(2,102,194);
}

.LMI_page_form p
{
	margin :0px;
	padding : 0px;
}

.LMI_page_form input
{
	width: calc(100% - 14px) !important;
	border : 2px solid black;
	height: 60px;
	color : black !important;
}

.LMI_page_form input[type="submit"]
{
	width: 100% !important;
	color : black !important;
	font-size: 1.1em !important;
	font-family: 'Archer', Times, serif !important;
	background-color: rgb(200,200,200) !important;
	height: 60px;
	transition: all .3s ease-in-out;
}

.LMI_page_form input[type="submit"]:hover
{
	color : white !important;
	background-color: black !important;
}

.LMI_page_form input::-webkit-input-placeholder,
.LMI_page_form input::-moz-placeholder, 
.LMI_page_form input::-ms-input-placeholder,
.LMI_page_form input::-moz-placeholder
{
	color : grey !important;

}


/* --------------------------------------- & – INFOS PRATIQUES ---------------------------------------- */


h2.LMI_banner_title
{
	display: inline-block;
	color : black;
	background-color: transparent;
	text-transform: uppercase;
	font-family: 'architype_renner_bold', Arial, sans-serif;
	text-decoration: none;
	font-size: 2.5em;
	font-weight: normal;
	margin-top: -180px;
	position: relative;
	z-index: 1;
}

h2.LMI_banner_title>div>span
{
	display: inline-block;
	vertical-align: top;
	color : black;
	background-color: transparent;
	height: 31px;
	padding : 22px 10px;
	text-transform: uppercase;
	font-family: 'architype_renner_bold', Arial, sans-serif;
	text-decoration: none;
	background-image: url('../ui/banner_big_center.svg');
	background-size: contain;
	background-repeat: repeat-x;
	transition: all 0.3s ease-out;
	color: rgb(2,102,194);
}

h2.LMI_banner_title>div::before
{
	content:'';
	display: inline-block;
	background-image: url('../ui/banner_big_left.svg');
	width: 170px;
	height : 110px;
	background-size: contain;
	background-position: right bottom;
	vertical-align: bottom;
	background-repeat: no-repeat;
	margin-right: -1px;
	transition: all 0.3s ease-out;
}

h2.LMI_banner_title>div::after
{
	content:'';
	display: inline-block;
	background-image: url('../ui/banner_big_right.svg');
	width: 170px;
	height : 110px;
	background-size: contain;
	background-position: left bottom;
	vertical-align: bottom;
	background-repeat: no-repeat;
	margin-left: -1px;
	transition: all 0.3s ease-out;
}


h2.LMI_banner_title_white>div>span
{
	background-image: url('../ui/banner_big_center_white.svg');
}

h2.LMI_banner_title_white>div::before
{
	background-image: url('../ui/banner_big_left_white.svg');
}

h2.LMI_banner_title_white>div::after
{
	background-image: url('../ui/banner_big_right_white.svg');
}

h2.LMI_banner_title_black>div>span
{
	color : white !important;
}


h2.LMI_banner_title_black>div>span
{
	background-image: url('../ui/banner_big_center.svg');
}

h2.LMI_banner_title_black>div::before
{
	background-image: url('../ui/banner_big_left.svg');
}

h2.LMI_banner_title_black>div::after
{
	background-image: url('../ui/banner_big_right.svg');
}


#LMI_infos_pratiques
{
	width: 100%;
	background-color: rgb(2,102,194);
	padding: 50px 0px 50px 0px;
	text-align: center;
	color : white;
}
	
.LMI_infos_pratiques_col
{
	display: inline-block;
	vertical-align: top;
	width: 90%;
	max-width: 350px;
	margin: 0px 10px 0px 10px;
}

.LMI_infos_pratiques_col h3
{
	font-size: 1.7em;
	letter-spacing: 0.08em;
	font-weight: normal;
	line-height: 1.1em;
}

.LMI_infos_pratiques_separator
{
	display: inline-block;
	vertical-align: top;
	width: 1px;
	height: 650px;
	background-color: rgba(0,0,0,.3);
	margin: 0px 10px 0px 10px;	
}
/* ----------------------------------------- & – FOOTER CALENDAR ----------------------------------------- */

.LMI_isToday
{
	color : white !important;
}

.LMI_page_horaires_cal
{
	min-height: 230px;
	height: auto;
	margin-bottom: 50px;
	background-color: transparent !important;

}


.LMI_page_horaires_cal table,
.LMI_page_horaires_cal table tr.label
{
	background-color: transparent;
	border-color: transparent ;
}

.LMI_page_horaires_cal table tr td
{
	border-color : black !important;
	color : black !important;
}

.LMI_page_horaires_cal table tr td:hover
{
	background-color: inherit !important;
}

figcaption
{
	font-size: .8em;
}

/* ----------------------------------------- & – NETLINKING ----------------------------------------- */
	
#menu_haut
{
	width : 100%;
	height : 40px;
	background-color: white;
	font-size: .7em;
}

#netlinking,
#netlinking_mobile,
{
	padding : 10px;
	height : 20px;
	left : 0px;
	font-family: "museo-sans-condensed",sans-serif;
	font-style: normal;
	font-weight: 500;
	color : #9d9d9c;
	font-size: 0.7em;
	vertical-align: middle;
	cursor: pointer;
}

#netlinking
{
	margin-left: 10px;
	margin-top: 7px;
}

#netlinking_mobile_menu
{
	text-align: center;
	padding: 20px;
	background-color: white;
	line-height: 30px;
	color : #9d9d9c;
	font-family: "museo-sans-condensed",sans-serif;
}

#netlinking>a,
#netlinking_mobile_menu>a
{
	color : #9d9d9c;
	text-decoration: none;
	font-family: "museo-sans-condensed",sans-serif;
	font-style: normal;
	font-weight: 500;
}

#netlinking>a:hover,
#netlinking_mobile_menu>a:hover
{
	color : #9d9d9c;
	text-decoration: underline;
}

#netlinking, #netlinking_mobile { float: left; }

#menu_mobile,
#netlinking_mobile,
#netlinking_mobile_menu
{
	display : none !important;
}
	

	
/* ----------------------------------------- & – MAIN MENU ----------------------------------------- */
	
	#LMI_MENU
	{
		width: 100%;
		height : 150px;		
		padding-top : 15px;
		text-align: center;
		position: fixed;
		top : 40px;
		text-align: center;
		z-index: 100;
	}
	
	.LMI_menu_background
	{
		position: absolute;
		top: 0px;
		left : 0px;
		width: 100%;
		height: 150px;
		background: rgba(0,0,0,0.5);
		background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
		background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
		background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
		z-index: -1;
	}
	
	.LMI_menu_background_soutien
	{
		position: absolute;
		top: 0px;
		left : 0px;
		width: 100%;
		height: 80px;
		background-color: rgb(9,23,41);
		display: none;
		z-index: -1;
	}
	
	#LMI_menu_principal
	{
		display: inline-block;
		vertical-align: top;
	}
	
	
	#LMI_menu_principal ul    
	{
	    margin: 0; padding: 0; /* only needed if you have not done a CSS reset */
	    display: inline-block;
	    text-align: left;
	    height: 42px;
	    margin-top : 2px;
	}

	#LMI_menu_principal li    
	{
	    display: inline-block;
	    line-height: 40px; /* this should be the same as your #LMI_menu_principal height */
	    height: 40px; /* this should be the same as your #LMI_menu_principal height */
	    margin: 0; padding: 0; /* only needed if you don't have a reset */
	    position: relative; /* this is needed in order to position sub menus */
	}

	#LMI_menu_principal li a  
	{
	    
	    height: 30px;
	    line-height: 30px;
	    padding: 0px;
	    margin : 0px 10px 0px 10px;
	    background: transparent;
	    border: 0px;
	    text-decoration: none;
	    font-family: 'architype_renner_bold', Arial ,sans-serif;
		font-weight: normal;
		font-style: normal;	
		text-transform: uppercase;
		font-size: .9em;
		letter-spacing: 0.17em;
		color : white;
	}
	
	#LMI_menu_principal li a img 
	{
		/* width: 110px; */
		height : 35px;
		margin-top: 0px;
	}

	#LMI_menu_principal .current-menu-item a, #LMI_menu_principal .current_page_item a, #LMI_menu_principal a:hover 
	{
	    /* color: white;
	    background: rgb(157,169,177); */
	    border-bottom: 2px solid;
	    /* border-color : rgb(0,0,0); */
	}
	
	
	#LMI_menu_principal ul ul 
	{ /* this targets all sub menus */
	    margin-top: -9999px;
		//display: none; /* hide all sub menus from view */
	    position: absolute;
	    top: 30px; /* this should be the same height as the top level menu -- height + padding + borders */
	    font-size: .95em;
	    font-family: 'architype_renner_demi', Arial ,sans-serif;
	    //transition: all 0.3s ease-out;
	}

	#LMI_menu_principal ul ul li 
	{ /* this targets all submenu items */
		background: rgb(9,23,41);
	    float: none; /* overwriting our float up above */
	    width: 350px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
	}
	

	#LMI_menu_principal ul ul li a { /* target all sub menu item links */

	    padding: 0px 0px; /* give our sub menu links a nice button feel */
		text-decoration: none;
		font-family: 'architype_renner_demi', Arial ,sans-serif;
	}
	
	#LMI_menu_principal ul li:hover > ul {
	    display: block; /* show sub menus when hovering over a parent */
		margin-top: 0px !important;
	}
	
	.CMN2020_SUB_VISIBLE {
		display:block !important;
		margin-top: 0px !important;
	}
	
	#LMI_menu_principal 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 */
	}
	
	#LMI_menu_principal ul ul ul li 
	{ /* this targets all second submenu items */
	    float: none; /* overwriting our float up above */
	    width: 300px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
		margin-left: -300px;
	}


.LMI_menu_mobile
{
	width: 100%;
	height: 100vh;
	position: fixed;
	top : 0px;
	left : 0px;
	z-index: 1000;
	background-color: rgb(234,239,243);
	text-align: center;
	line-height: 100vh;
	display: none;
}

.LMI_menu_mobile_container
{
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	width: 80%;
}

.LMI_menu_pro_mobile li
{
	display: inline-block;
}

.LMI_menu_langue_mobile
{
	
}

.LMI_menu_langue_mobile a.LMI_BT_LANG, .LMI_menu_langue_mobile .LMI_BT_LANG_ACTIVE
{
	list-style: none;
	display: inline-block;
	font-family: 'architype_renner_demi', Arial, sans-serif;
	letter-spacing: 0.08em;
	font-size: 1.2em;
	color : white;
	text-transform: uppercase;
	margin : 0px 5px 0px 5px;
}

.LMI_menu_langue_mobile .LMI_BT_LANG_ACTIVE
{
	opacity: .5;
	cursor: default;
}

.LMI_menu_langue_mobile a.LMI_BT_LANG 
{
	border-bottom: 2px solid transparent;
	padding-bottom : 2px !important;
	color : white;
	transition: all 0.3s ease-out;
	text-decoration: none;
}


.LMI_menu_langue_mobile a.LMI_BT_LANG:hover
{
	border-bottom: 2px solid white;
}








.LMI_menu_mobile a
{
    display: inline-block;
    padding: 0px;
    margin : 7px 0px 7px 0px;
    background: transparent;
    border: 0px;
    text-decoration: none;
    font-family: 'architype_renner_demi', Arial ,sans-serif;
    letter-spacing: .07em;
	font-style: normal;
	font-weight: 700;		
	text-transform: uppercase;
	font-size: 1.1em;
	color : rgb(53,56,77);
}	

.LMI_logo_principal
{
	display: inline-block;
	vertical-align: top;
	width : 200px;
}

.LMI_logo_principal a
{
	text-decoration: none;
	border: 0px;
}

.LMI_logo_principal a img
{
	width: 100%;
	height: auto;
	border-bottom: 0px solid;
	text-decoration: none;
}



	
/* ----------------------------------------- & – MENU PRO  ----------------------------------------- */	
	
#LMI_menu_pro
{
	display: block;
	position: absolute;
	top : 0px;
	left : 0px;
}

#LMI_menu_pro ul
{
	padding-left: 30px !important;
}

#LMI_menu_pro ul li
{
	list-style: none;
	display: inline-block;
	font-family: 'architype_renner_demi', Arial, sans-serif;
	letter-spacing: 0.08em;
	font-size: 0.7em;
	color : white;
	text-transform: uppercase;
}

#LMI_menu_pro ul li a
{
	border-bottom: 2px solid transparent;
	padding-bottom : 2px;
	color : white;
	transition: all 0.3s ease-out;
	text-decoration: none;
}

#LMI_menu_pro ul li a:hover
{
	border-bottom: 2px solid white;
}

/* ----------------------------------------- & – PAGE ----------------------------------------- */	


.LMI_image_header
{
	width: 100%;
	height: 75vh;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	/*background-size: 100%;*/
	background-color: grey;
}

/* ----------------------------------------- & – PAGES DECOUVERTES ----------------------------------------- */	

.LMI_carrousel_inner_nav
{
	width: 100%;
	text-align: center;
	margin-top: -200px;
	margin-bottom: 200px;
	padding: 0px;
}

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

.LMI_carrousel_inner_nav li
{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0px;
	margin : 0px 10px 0px 10px;
	background: transparent;
	border: 0px;
	text-decoration: none;
	font-family: 'architype_renner_bold', Arial ,sans-serif;
	font-weight: normal;
	font-style: normal;	
	text-transform: uppercase;
	font-size: .9em;
	letter-spacing: 0.17em;
	color : white;
}

.inner_menu_item
{
	cursor: pointer;
}

.inner_menu_item:hover
{
	border-bottom: 2px solid white;
}

.LMI_chapeau
{
	display: inline-block;
	width: 95vw;
	max-width: 650px;
	font-family: 'architype_renner_medium', Arial ,sans-serif;
	font-weight: 100;
	font-style: normal;	
	text-transform: inherit;
	line-height: 1.35em;
	letter-spacing: 0.08em;
	font-size: 1.6em;
	margin-top: -100px;
	margin-bottom: 100px;
}

.LMI_chapeau a
{
	color :white;
}

/* ----------------------------------------- & – DECOUVRIR ----------------------------------------- */	


.LMI_carrousel_header
{
	width: 100%;
	height: 105vh;
	text-align: center;
}

.LMI_carrousel_header_contenu
{
	width: 100%;
	height: 105vh;
	position: relative;
	top: 0px;
	left : 0px;
	z-index: -1;
}

.LMI_carrousel_header_fond
{
	width: 100%;
	height: 105vh;
	margin-top : -105vh;
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	top: 0px;
	left : 0px;
	z-index: -10;
}

.LMI_carrousel_header_fond_outer
{
	width: 100%;
	height: 105vh;
	margin-top : -105vh;
	overflow: hidden;
	position: relative;
	top: 0px;
	left : 0px;
	z-index: -10;
	background-color: black;
}

@keyframes home_zoom_in {
    0%   {transform: scale(1);}
    50%  {transform: scale(1.1);}
    100%  {transform: scale(1);}
}

.LMI_carrousel_header_fond_inner
{
	width: 100%;
	height: 100%;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	animation-name: home_zoom_in;
	animation-delay: 2s;
    animation-duration: 20s;
    animation-iteration-count: infinite;
}

.LMI_scale_up
{
	transform: scale(1.2);
}

.LMI_carrousel_header_gradient
{
	width: 100%;
	height: 30vh;
	margin-top : -30vh;
	top: 0px;
	left : 0px;
	z-index: -3;
	background: rgba(10,32,45,0);
	background: -moz-linear-gradient(top, rgba(10,32,45,0) 0%, rgba(10,32,45,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(10,32,45,0)), color-stop(100%, rgba(10,32,45,1)));
	background: -webkit-linear-gradient(top, rgba(10,32,45,0) 0%, rgba(10,32,45,1) 100%);
	background: -o-linear-gradient(top, rgba(10,32,45,0) 0%, rgba(10,32,45,1) 100%);
	background: -ms-linear-gradient(top, rgba(10,32,45,0) 0%, rgba(10,32,45,1) 100%);
	background: linear-gradient(to bottom, rgba(10,32,45,0) 0%, rgba(10,32,45,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a202d', endColorstr='#0a202d', GradientType=0 );
}

.LMI_carrousel_header_filter
{
	width: 100%;
	height: 105vh;
	position: relative;
	top: 0px;
	left : 0px;
	z-index: -2;
	margin-top : -105vh;
	background-color: rgba(4,62,89,.52);
}

.LMI_elephant_header_gradient
{
	width: 100%;
	height: 30vh;
	margin-top : -30vh;
	top: 0px;
	left : 0px;
	z-index: -3;
	background: rgba(36,28,22,0);
	background: -moz-linear-gradient(top, rgba(36,28,22,0) 0%, rgba(36,28,22,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(36,28,22,0)), color-stop(100%, rgba(36,28,22,1)));
	background: -webkit-linear-gradient(top, rgba(36,28,22,0) 0%, rgba(36,28,22,1) 100%);
	background: -o-linear-gradient(top, rgba(36,28,22,0) 0%, rgba(36,28,22,1) 100%);
	background: -ms-linear-gradient(top, rgba(36,28,22,0) 0%, rgba(36,28,22,1) 100%);
	background: linear-gradient(to bottom, rgba(36,28,22,0) 0%, rgba(36,28,22,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#241c16', endColorstr='#241c16', GradientType=0 );
}

.LMI_elephant_header_filter
{
	width: 100%;
	height: 105vh;
	position: relative;
	top: 0px;
	left : 0px;
	z-index: -2;
	margin-top : -105vh;
	background-color: rgba(165,140,104,.4);
}

.LMI_galerie_header_gradient
{
	width: 100%;
	height: 30vh;
	margin-top : -30vh;
	top: 0px;
	left : 0px;
	z-index: -3;
	background: rgba(13,11,8,0);
	background: -moz-linear-gradient(top, rgba(13,11,8,0) 0%, rgba(13,11,8,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(13,11,8,0)), color-stop(100%, rgba(13,11,8,1)));
	background: -webkit-linear-gradient(top, rgba(13,11,8,0) 0%, rgba(13,11,8,1) 100%);
	background: -o-linear-gradient(top, rgba(13,11,8,0) 0%, rgba(13,11,8,1) 100%);
	background: -ms-linear-gradient(top, rgba(13,11,8,0) 0%, rgba(13,11,8,1) 100%);
	background: linear-gradient(to bottom, rgba(13,11,8,0) 0%, rgba(13,11,8,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0b08', endColorstr='#0d0b08', GradientType=0 );
}

.LMI_galerie_header_filter
{
	width: 100%;
	height: 105vh;
	position: relative;
	top: 0px;
	left : 0px;
	z-index: -2;
	margin-top : -105vh;
	background-color: rgba(0,0,0,.34);
}

.LMI_home_header_gradient
{
	width: 100%;
	height: 30vh;
	margin-top : -32vh;
	top: 0px;
	left : 0px;
	z-index: -3;	
	background: rgba(0,0,0,0);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.LMI_home_header_gradient_bottom
{
	width: 100%;
	height: 30vh;
	margin-top : 0px;
	margin-bottom : -30vh;
	top: 0px;
	left : 0px;
	z-index: -4;
	background: rgba(0,0,0,1);
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.LMI_home_header_filter
{
	width: 100%;
	height: 105vh;
	position: relative;
	top: 0px;
	left : 0px;
	z-index: -2;
	margin-top : -105vh;
	background-color: rgba(0,0,0,.15);
}


.LMI_footer_gradient
{
	width: 100%;
	height: 10vh;
	margin-top : -10vh;
	top: -50px;
	left : 0px;
	position: relative;
	z-index: 0;	
	opacity: .5;
background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.3)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );


}






.LMI_carrousel_image_header
{
	width: 100%;
	height: 105vh;
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: grey;
	text-align: center;
}

.LMI_carrousel_thea
{
	width: 175px;
	height : 175px;
	background-image: url('../ui/logo_thea_awards.svg');
	background-position: center center;
	background-size: contain;
	position: relative;
	z-index: 50;
	top : 120px;
	left : -80px;
}

.LMI_carrousel_text_container
{
	background-color: #0a202d;
	color : white;
	text-align: center;
	margin-top: -50px;
}

.LMI_elephant_text_container
{
	background-color: #0a202d;
	color : white;
	text-align: center;
	margin-top: -50px;
	background-image: url('../illustration/elephant_leaves_bg.jpg');
	background-position: center center;
	background-size: cover;
}

.LMI_galerie_text_container
{
	background-color: #0a202d;
	color : white;
	text-align: center;
	margin-top: -50px;
	background-image: url('../illustration/galerie_leaves_bg.jpg');
	background-position: center center;
	background-size: cover;
}

.LMI_carrousel_main_img
{
	display: inline-block;
	width: 95vw;
	max-width: 650px;
	min-height: 390px;
	margin-top: -100px;
}

.LMI_elephant_main_img
{
	display: inline-block;
	width: 95vw;
	max-width: 885px;
	min-height: 390px;
	margin-top: -100px;
}

.LMI_carrousel_main_img img,
.LMI_elephant_main_img img
{
	display: inline-block;
	width: 100%;
	height: auto;
}

.LMI_carrousel_main_img .wp-video
{
	display: inline-block;
	width: 650px !important;
	height: 365px !important;
	position: static;
}

.mejs-overlay-button {
    background: url('../ui/bt_play.svg') no-repeat !important;
    background-position: 0 0px !important;
}

.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
    background: transparent !important;
}

.LMI_carrousel_main_text
{
	display: inline-block;
	width: 95vw;
	max-width: 650px;
	min-height: 390px;
	text-align: left;
	font-size: 1.1em;
	letter-spacing: 0.02em;
	margin-bottom: 100px;
}

.LMI_carrousel_level_img
{
	display: inline-block;
	vertical-align: middle;
	width: 95vw;
	max-width: 420px;
	min-height: 280px;
	margin : 20px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

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

.LMI_carrousel_level_text
{
	display: inline-block;
	vertical-align: middle;
	width: 95vw;
	max-width: 420px;
	margin : 20px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: left;
	font-size: 1.1em;
	letter-spacing: 0.02em;
	
}

.LMI_carrousel_level_text h3
{
	font-family: 'Archer', Times, serif;
	font-weight: 500;
	letter-spacing: 0.03em;
	font-size: 1.6em;
	text-transform: inherit;
	margin : 5px 0px 10px 0px;
	padding : 0px;
}

.LMI_carrousel_level_text h4
{
	font-weight: 100;
	letter-spacing: 0.07em;
	font-size: 1em;
	margin: 0px ;
	padding : 0px;
}

.LMI_carrousel_level_text p
{
	margin-top : 5px ;
}

.LMI_carrousel_level_text sup
{
	font-size: .6em;
	display: inline-block;
	vertical-align: top;
	margin-top: 4px;
}

.LMI_shortimg
{
	text-align: left;
}

.LMI_shortimg img
{
	width : 70%;
	height: auto;
}

.LMI_carrousel_history_container
{
	width: 100%;
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
	text-align: right;
}

.LMI_carrousel_history_column
{
	display: inline-block;
	text-align: left;
	width: 95vw;
	max-width: 550px;
	margin : 200px 200px 200px 0px;
}

.LMI_elephant_technique_container
{
	width: 100%;
	background-position: right center;
	background-size: contain;
	background-repeat: no-repeat;
	text-align: left;
}

.LMI_elephant_technique_column
{
	display: inline-block;
	text-align: left;
	width: 95vw;
	max-width: 550px;
	font-size: 1.4em;
	line-height: 1.3em;
	margin : 200px 0px 200px 200px;
}

/* ----------------------------------------- & – EVENT ----------------------------------------- */	

.LMI_BRICK_ITEM_OUT
{
	width: 300px;
	margin: 30px 15px;
	background-color: rgb(255,255,255);
	display: inline-block;
	vertical-align: top;
	margin-top: -250px;
}


.LMI_event_container
{
	width : 100%;
	height : auto;
	text-align: center;
	padding-bottom: 50px;
	position: relative;
	z-index: 11;
}

.LMI_actu_container
{
	width : 100%;
	height : auto;
	text-align: center;
	padding-bottom: 50px;
}

.LMI_hours_container
{
	width : 100%;
	height : auto;
	text-align: center;
	padding-bottom: 50px;
	position: relative;
	z-index: 11;
}

.LMI_actu_container .LMI_BRICK_ITEM
{
	box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}


.LMI_BRICK_ITEM
{
	width: 300px;
	margin-bottom: 30px;
	background-color: rgb(255,255,255);
}

.LMI_BRICK_ITEM_TITRE
{
	text-align: center;
	text-transform: uppercase;
	font-family: 'architype_renner_bold', Arial, sans-serif;
	letter-spacing: 0.05em;
	font-size: 1.4em;
	background-color: white;
	width: 100%;
	/*padding: 40px 0px 40px 0px;*/
	padding: 0;
	min-height: 10rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.LMI_BRICK_ITEM_visuel
{
	width: 300px;
	margin-bottom: -15px;
}

.home .LMI_BRICK_ITEM_visuel {
	height: 200px !important;
}

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

.LMI_BRICK_ITEM_visuel_decalage
{
	margin-top : -42px;
}


/* --------------------------------------- & – HOME ---------------------------------------- */

.LMI_HOME_container
{
	width: 100%;
	background-color: #0a202d;
	color : white;
	text-align: center;
	margin-top: -50px;
	background-image: url('../illustration/galerie_leaves_bg.jpg');
	background-position: top center;
	background-attachment: fixed;
	background-size: cover;
	padding-bottom: 150px;
}

.LMI_HOME_decouvrir_item
{
	width: 95vw;
	max-width: 890px;
	display: inline-block;
	text-align: left;
	margin-top: -120px;
	margin-left: 100px;
}

.LMI_HOME_decouvrir_item:first-child
{
	margin-top: 0px !important;
}

.LMI_HOME_decouvrir_item_right
{
	margin-left: 220px;
}

.LMI_HOME_decouvrir_item_badge
{
	width: 266px;
	height: 350px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	position: relative;
	margin-left: -133px;
	top : 250px;
	z-index: 25;
}

.LMI_HOME_decouvrir_item_right>.LMI_HOME_decouvrir_item_badge
{
	position: relative;
	margin-left: 610px;
	top : 250px;
}

.LMI_HOME_decouvrir_item_text
{
	max-width: 610px;
	text-align: left;
	font-family: 'architype_renner_bold', Arial, sans-serif;
	font-size: 1.4em;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	display: block;
	position: relative;
	margin-left: 120px;
	top : -10px;
	
	position : relative;
	z-index: 15;
}

.LMI_HOME_decouvrir_item_right>.LMI_HOME_decouvrir_item_text
{
	margin-left: 40px;
}

.LMI_HOME_decouvrir_item_calltoaction
{
	margin-left : 100px;
	display: block;
	position: relative;
	margin-left: 120px;
	top : 0px;
	z-index: 15;
}

.LMI_HOME_decouvrir_item_right>.LMI_HOME_decouvrir_item_calltoaction
{
	margin-left : 20px;
}

.LMI_HOME_decouvrir_item_slider
{
	width: 750px;
	height: 475px;
	display: inline-block;
	margin-top: -33px;
	position: static;
	z-index: 1;
}

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

/* HOME SINGLE NEWS */

.LMI_home_single_news
{
	display: inline-block;
	margin-left: -350px;
	margin-top: -100px;
	height: 600px;
}

.LMI_home_single_news_visual
{
	width: 95vw;
	max-width: 600px;
	height: 500px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.LMI_home_single_news_badge
{
	
}

.LMI_home_single_news_text
{
	width: 95vw;
	max-width: 450px;
	background-color: white;
	color : black;
	padding : 10px 25px 10px 25px;
	text-align: left;
	
}

.LMI_home_single_news_text h2
{
	font-size: 1.8em;
	line-height: 1.1em;
	letter-spacing: 0.03em;
}

.LMI_home_single_news_text_container
{
	position: relative;
	top : -400px;
	left: 550px;
	
}

.LMI_skew_up
{
	width: 100%;
	max-width: 500px;
	height: 35px;
	background-image: url('../ui/skew_up.png');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.LMI_skew_down
{
	width: 100%;
	max-width: 500px;
	height: 35px;
	background-image: url('../ui/skew_down.png');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}


/* PICTO REGLEMENT */

.LMI_picto_carte,
.LMI_picto_especes,
.LMI_picto_cheque
{
	display: block;
	width: 80% !important;
	margin-top: 10px;
	
}

.LMI_picto_carte::before
{
	content:'';
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	background-size: contain;
	background-position: center center;
	background-image: url('../ui/picto_carte.png');
}

.LMI_picto_especes::before
{
	content:'';
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	background-size: contain;
	background-position: center center;
	background-image: url('../ui/picto_espece.png');	
}

.LMI_picto_cheque::before
{
	content:'';
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	background-size: contain;
	background-position: center center;
	background-image: url('../ui/picto_cheque.png');
}

/* CALENDRIER */

		.LMI_hours_reminder ul
		{
			list-style: none;
			padding : 0px;
			margin-top : 0px !important;
		}
		
		.LMI_hours_reminder
		{
			text-align: left;
			height: 305px;
		}
		
		.LMI_hours_reminder .ls_cal_titre
		{
			text-align: left;
			margin-bottom: 10px;
		}

		
		.LMI_hour
		{
			display: inline-block;
			vertical-align: middle;
			margin-top: -3px;
			width: 20px;
			height: 20px;
			margin-right: 5px;
			background-color: rgb(240,240,240);
		}

		.cal_complement
		{
			width: 100%;
			background-color: white;
			font-size: 1.18em;
			display: none;
		}
		
		.cal_complement>a
		{
			display: inline-block;
			width: 96%;
			padding: 2%;
			background-color: white;
			text-decoration: none;
		}
		
		.cal_complement>a:hover
		{
			background-color: #dedede;
		}
		
		.ls_cal_frame
		{
			
			width: 250px;
			height : 300px;
			padding : 0px;
			border: 0px;
			margin: 0px auto;
			padding-top: 40px;
			display: block;
			background-color: none; /* #F4E770; */
		}
		
		.ls_cal_titre
		{
			font-size: 1.2em;
			font-family: 'architype_renner_bold', Arial, sans-serif;
			letter-spacing: 0.07em;
			text-transform: uppercase;
			text-align: center;
			cursor: default;
			margin-top: -25px;
		}
		
		table
		{
			width:100%; /* largeur */
			height:100%; /* hauteur */
			border-collapse: collapse; /* connecté les bordures des case du tableau */
			background-color: rgba(2,75,138,.2);
			border : 3px solid rgba(2,75,138,0);
		}
		
		.plein
		{
			font-size: 1em; /*taille du texte*/
			font-family: 'architype_renner_medium', Arial, sans-serif;
			color :  rgb(2,53,102);
			text-align:center; /* alignement du texte*/
			border: 3px solid rgb(2,53,102); /*propriété des bordures*/
			background-color:none; /*couleur d'arrière-plan*/
			cursor: pointer;
		}
		
		.cal_event
		{
			background-color: #B4DEED !important;
		}
		
		.cal_event:hover
		{
			color : black !important;
			background-color: #dedede !important;
		}
		
		.plein:hover
		{
			color : white;
			background-color: black;
		}
		
		#cont
		{
			height:245px; /*hauteur*/
			width:245px; /*largeur*/
			margin : 0 auto;
		}
		
		tr.label
		{
			background-color: rgb(2,102,194);
			border: 3px solid rgba(2,102,194,1);
		}
		
		tr.label>td
		{
			cursor: default;
			font-size: 1em; /*taille du texte*/
			font-family: 'architype_renner_medium', Arial, sans-serif;
			color :  rgb(2,53,102);
			text-align:center; /* alignement du texte*/
		}
		
		td
		{
			width: 35px;
			height: 25px !important;
		}
		
		.ls_cal_info
		{
			width: 100%;
			background-color: aqua;
			padding : 10px;
		}
		
		.admin_LMI_horaires_indicateur
		{
			cursor: pointer;
			padding-bottom: 10px;
			background-size: cover;
			opacity: .4;
		}
		
		.admin_LMI_horaires_indicateur.actived
		{
			opacity: 1 !important;
		}
		
		.admin_LMI_horaires_indicateur:before
		{
			content:'';
			display : inline-block;
			width: 20px;
			height: 20px;
			background-color: grey;
			vertical-align: middle;
			margin-right: 10px;
		}
		
		.admin_LMI_horaires_indicateur_1418:before,
		.ouvert_14_18
		{
			background-color: rgb(156,201,201);
		}
		
		.admin_LMI_horaires_indicateur_1417:before,
		.ouvert_14_17
		{
			background-color: rgb(209,229,228);
		}
		
		.admin_LMI_horaires_indicateur_1018:before,
		.ouvert_10_18
		{
			background-color: rgb(193,192,62);
		}
		
		.admin_LMI_horaires_indicateur_1017:before,
		.ouvert_10_17
		{
			background-color: rgb(225,222,160);
		}
		
		.admin_LMI_horaires_indicateur_1019:before,
		.ouvert_10_19
		{
			background-color: rgb(216,125,47);
		}
		
		.admin_LMI_horaires_indicateur_decouverte:before,
		.decouverte
		{
			background-image: url('../ui/admin_cal_decouverte.svg');
			background-position: right top;
			background-repeat: no-repeat;
			background-size: 50%;
		}
		
		.admin_LMI_horaires_indicateur_decouverte_matin:before,
		.decouverte_matin
		
		{
			background-image: url('../ui/admin_cal_decouverte_matin.svg');
			background-position: right top;
			background-repeat: no-repeat;
			background-size: 50%;
		}
		
		.LMI_logo_mobile,
		.LMI_menu_mobile
		{
			display: none;
		}


/* *************************************************************** MEDIAQUERIES *************************************************************** */


@media all and (min-width: 0px) and (max-width: 1169px) 
{
  /* SMARTPHONES + TABLETS */
  
  
  /* MENU */
  #LMI_menu_principal,
  #LMI_menu_pro,
  #netlinking,
  .LMI_menu_langue
  {
	  display: none !important;
  }
  
  .LMI_logo_mobile
{
	display: inline-block;
	vertical-align: top;
	width : 200px;
	position: fixed;
	top : 10px;
	left : 20px;
	z-index: 21;
}
  
  #netlinking_mobile
  {
	  display: inline-block;
  }
  
  /* HEADER */
  .LMI_image_header{ height: 60vh; }
  
  .LMI_badge_full_home
  {
	  display : none;
  }
  
  .LMI_carrousel_header {
    width: 100%;
    height: 80vh !important;
    margin-top: 0px;
    text-align: center;
}
  
  .LMI_carrousel_header_fond_outer {
    width: 100%;
    height: 80vh !important;
    margin-top: -110vh !important;
    overflow: hidden;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: -10;
    background-color: black;
}

.LMI_actu_home_container .LMI_BRICK_ITEM_OUT .LMI_BRICK_ITEM_visuel 
{
	display: none;
	
}

.LMI_actu_home_container .LMI_BRICK_ITEM_OUT
{
	width: 90vw;
	margin-top: 0px !important;
	
}

.LMI_home_decouvrir_container
{
	/*margin-top: 200px;*/
	margin-top: 140px;
}

.LMI_HOME_decouvrir_item {
    width: 95vw;
    max-width: 890px;
    display: inline-block;
    text-align: left;
    margin-top: -120px;
    margin-left: 0px;
    vertical-align: top;
}

.LMI_HOME_decouvrir_item:first-child
{
	margin-top: 30vh !important;
}

.LMI_HOME_container {

    background-attachment: scroll;

}

.LMI_HOME_decouvrir_item_slider {
    width: 95vw;
    height: 200px;
    display: inline-block;
    margin-top: -33px;
    position: static;
    z-index: 1;
}

.LMI_HOME_decouvrir_item_badge {
    width: 150px;
    height:200px;
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: relative;
	margin : 0 auto;
    z-index: 25;
	opacity: 0;
}

.LMI_HOME_decouvrir_item_right > .LMI_HOME_decouvrir_item_text {
    margin-left: 0px !important;
}

.LMI_HOME_decouvrir_item_text {
    max-width: 95vw;
    text-align: left;
    font-family: 'architype_renner_bold', Arial, sans-serif;
    font-size: 1.2em;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    display: block;
    position: relative;
    margin-left: 0px !important;
    top: -10px;
    position: relative;
    z-index: 15;
}
 
 .LMI_HOME_decouvrir_item_calltoaction {
    display: block;
    position: relative;
    margin-left: 0px !important;
    top: 0px;
    z-index: 15;
    font-size: .7em !important;
}
  
  .LMI_text_container h1 
  {
    font-size: 2.3em;
    line-height: 1em;
}
  /* FORM */
  .wpcf7-form
  {
	  width: 90% !important;
  }
	.grecaptcha-badge
	{
		display: none;
	}
  
  .LMI_page_form input.mailpoet_text
  {
	  width: calc(100% - 14px) !important;
	  color : black !important;
  }
  
  /* DECOUVRIR INNER NAV */
  .LMI_carrousel_header {
    width: 100%;
    height: 90vh;

}
  
  .LMI_carrousel_inner_nav 
  {
	    width: 100%;
	    text-align: center;
	    margin-top: -15vh;
	    margin-bottom: 15vh;
	    padding: 0px;
	}
	
	.LMI_galerie_header_gradient 
	{
	    width: 100%;
	    height: 30vh;
	    margin-top: -40vh;
	}
	
	.LMI_badge_full 
	{
    	display: inline-block;
	    vertical-align: middle;
	    width: 70vw;
	    height: 70vh;
	    margin-top: 10vh;
	    background-size: contain;
	    background-position: center center;
	    background-repeat: no-repeat;
	}
	
	.LMI_chapeau 
	{
	    margin-top : 5vh;
	}
	
	.LMI_carrousel_level_img 
	{
	    width: 90vw;
	    max-width: 420px;
	    min-height: 280px;
	    margin: 0px;
	}
	
	.LMI_carrousel_level_text 
	{
	    display: inline-block;
	    vertical-align: middle;
	    width: 90vw;
	    max-width: 420px;
	    margin: 10px 0px 0px 0px;
	    text-align: left;
	    font-size: 1.1em;
	    letter-spacing: 0.02em;
	}
	
	.LMI_elephant_technique_column,
	.LMI_carrousel_history_column 
	{
	    display: inline-block;
	    text-align: left;
	    width: 90vw;
	    max-width: 550px;
	    font-size: 1.4em;
	    line-height: 1.3em;
	    margin: 30px 5vw 30px 5vw;
	}
  
  /* FOOTER */
  .LMI_infos_pratiques_separator
  {
	  display: none;
  }
  
  .LMI_footer_jumbo_menu_item
  {
	  max-width : 90% !important;
	  margin: 0px !important;
	  text-align: center;
  }
  
  .LMI_footer_jumbo_menu_item img
  {
	  width: 100%;
	  max-width: 250px;
  }
  
  .LMI_footer_partners_item
  {
	  max-width : 90%;
	  text-align: center;
  }
  
  .LMI_footer_partners_item img
  {
	  width: 100%;
	  max-width: 250px;
  }
  
  a.LMI_badge_link 
  {
	    width: 80px !important;
	    height: 200px !important;
	}
  
  .LMI_call_to_action_item
  {
	  margin-bottom: 50px;
	  width: 80% !important;
  }
  
  img.LMI_logo_footer
  {
	  max-width: 180px;
  }
  
  input.LMI_footer_input,
  input.mailpoet_text 
  {
	   	padding: 5px !important;
	    font-size: 1.1em !important;
	    font-family: 'Archer', Times, serif !important;
	    font-weight: normal !important;
	    font-style: normal !important;
	    text-align: center !important;
	    width: 80% !important;
	    color: white !important;
	    margin: 10px 0px 15px 0px !important;
	}
  
  /* BANNER TITLE */
  h2.LMI_banner_title
	{
		display: inline-block;
		color : black;
		background-color: transparent;
		text-transform: uppercase;
		font-family: 'architype_renner_bold', Arial, sans-serif;
		text-decoration: none;
		font-size: 1.2em;
		font-weight: normal;
		margin-top: -180px !important;
		position: relative;
		top : -45px;
		z-index: 1;
	}
	

	
	h2.LMI_banner_title>div>span
	{
		display: inline-block;
		vertical-align: bottom;
		color : black;
		background-color: transparent;
		height: 23px !important;
		padding : 7px !important;
		text-transform: uppercase;
		font-family: 'architype_renner_bold', Arial, sans-serif;
		text-decoration: none;
		background-image: url('../ui/banner_bg.svg') !important;
		background-size: contain;
		background-repeat: repeat-x;
		transition: all 0.3s ease-out;
		color: rgb(2,102,194);
	}
	
	h2.LMI_banner_title>div::before
	{
		content:'';
		display: inline-block;
		background-image: url('../ui/banner_left.svg') !important;
		width: 50px !important;
		height : 50px !important;
		background-size: contain;
		background-position: right bottom;
		vertical-align: bottom;
		background-repeat: no-repeat;
		margin-right: -1px;
		transition: all 0.3s ease-out;
	}
	
	h2.LMI_banner_title>div::after
	{
		content:'';
		display: inline-block;
		background-image: url('../ui/banner_right.svg') !important;
		width: 50px !important;
		height : 50px !important;
		background-size: contain;
		background-position: left bottom;
		vertical-align: bottom;
		background-repeat: no-repeat;
		margin-left: -1px;
		transition: all 0.3s ease-out;
	}
	
	#LMI_infos_pratiques 
	{
	    padding: 50px 0px 50px 0px;
	}
	
	
	/* MENU MOBILE */	
	.LMI_menu_background_soutien,
	.LMI_menu_background
	{
		top : -500px;
	}
	

	
	.LMI_menu_mobile
	{
		display: block;
		background-color: rgb(9,23,41);
		width: 100vw;
		height: 100vh;
		position: fixed;
		top : 0px;
		left : 0px;
		color : white;
		overflow-y: scroll;
	}
	
	.LMI_menu_mobile_container
	{
		display: block;
		background-color: rgb(9,23,41);
		width: 100vw;
		min-height: 100vh;
		height: auto;
		position: relative;
		top : 0px;
		left : 0px;
		padding-bottom: 30vh;
		
	}
	
	.LMI_menu_mobile_container ul
	{
		padding : 0px !important;
		list-style: none;
		letter-spacing: .05em;
	}
	
	
	.LMI_menu_mobile_container>ul>li 
	{
		margin-bottom:30px;
	}
	
	.LMI_menu_mobile_container ul li a
	{
		color: white;
	}
	
	.LMI_menu_mobile_container ul li li a
	{
		font-family: 'Archer', Times, serif;
		font-weight: 500;
	    font-style: normal;
	    text-transform: inherit;
	}
	
	/* BURGER */
	.LMI_bt_menu_mobile
	{
		width: 30px;
		height: 30px;
		position: fixed;
		z-index: 99999;
		top : 15px;
		right : 20px;
	}
	
	
	.hamburger .line{
	  width: 30px;
	  height: 3px;
	  background-color: white;
	  display: block;
	  margin: 7px auto;
	  -webkit-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;
	}
	
	.hamburger:hover{
	  cursor: pointer;
	}
	
	#hamburger-1.is-active .line:nth-child(2){
	  opacity: 0;
	}
	
	#hamburger-1.is-active .line:nth-child(1){
	  -webkit-transform: translateY(10px) rotate(45deg);
	  -ms-transform: translateY(10px) rotate(45deg);
	  -o-transform: translateY(10px) rotate(45deg);
	  transform: translateY(10px) rotate(45deg);
	}
	
	#hamburger-1.is-active .line:nth-child(3){
	  -webkit-transform: translateY(-10px) rotate(-45deg);
	  -ms-transform: translateY(-10px) rotate(-45deg);
	  -o-transform: translateY(-10px) rotate(-45deg);
	  transform: translateY(-10px) rotate(-45deg);
	}
	
	.LMI_barre_menu_mobile
	{
	    position: fixed;
	    top: 0px;
	    left: 0px;
	    width: 100%;
	    height: 70px;
	    background-color: rgb(9,23,41);
	    display: block;
	    z-index: 20;
	}
	
	.LMI_image_header
	{
		margin-top: 20px;
	}
	
	/* CARROUSEL */
	.LMI_carrousel_thea
	{
		width: 120px;
		height: 120px;
		position: relative;
		z-index: 50;
		top: 350px;
		left: 10px;
	}
	
	.LMI_alignright
	{
		text-align: left !important;
	}
	
	h2.LMI_banner_title_black > div > span 
	{
	    color: black !important;
	}
}

/* ILLUSTRATIONS CARROUSEL */

		@media all and (min-width: 0px) and (max-width: 1325px) 
		{
			.LMI_carrousel_history_container
			{
				background-image: url('../illustration/carrousel_sketch_split_light.jpg');
			}
		}
		
		@media all and (min-width: 1326px) and (max-width: 1608px) 
		{
			.LMI_carrousel_history_container
			{
				background-image: url('../illustration/carrousel_sketch_split_med.jpg');
			}
		}
		
		@media all and (min-width: 1609px) 
		{
			.LMI_carrousel_history_container
			{
				background-image: url('../illustration/carrousel_sketch_split.jpg');
			}
		}

/* ILLUSTRATIONS ELEPHANT */

		@media all and (min-width: 0px) and (max-width: 932px) 
		{
			.LMI_elephant_technique_container
			{
				background-image: url('../illustration/elephant_sketch_split_brown_light.jpg');
			}
		}
		
		@media all and (min-width: 933px) and (max-width: 1294px) 
		{
			.LMI_elephant_technique_container
			{
				background-image: url('../illustration/elephant_sketch_split_brown_med.jpg');
			}
		}
		
		@media all and (min-width: 1295px) 
		{
			.LMI_elephant_technique_container
			{
				background-image: url('../illustration/elephant_sketch_split_brown.jpg');
			}
		}

/* MASONRY */

@media all and (min-width: 0px) and (max-width: 640px) 
{
  .P_masonry_container_home {
    width : 100%;
  }
  

	.LMI_BRICK_ITEM,
	.LMI_BRICK_ITEM_visuel
	{
		display: inline-block;
		width: 95%;
		max-width: 620px;
		background-color: white;
		margin-bottom: 20px;
		cursor: pointer;
		text-decoration: none;
	}
  
}

@media all and (min-width: 641px) and (max-width: 982px) 
{
  .LMI_event_container,
  .LMI_actu_container,
  .LMI_hours_container {
    margin: 0 auto;
    width : 641px !important;
  }
  
  .LMI_actu_home_container
{
	width: 100% !important;
	display: block !important;
}
  
}

@media all and (min-width: 983px) and (max-width: 1325px) 
{
  .LMI_event_container,
  .LMI_actu_container,
  .LMI_hours_container {
    margin: 0 auto;
    width : 983px !important;
  }
}

@media all and (min-width: 1326px) and (max-width: 1662px) 
{
  .LMI_event_container {
    margin: 0 auto;
    width : 1326px !important;
  }
  .LMI_actu_container,
  .LMI_hours_container {
    margin: 0 auto;
    width : 983px !important;
  }
}

@media all and (min-width: 1663px)
{
  .LMI_event_container {
    margin: 0 auto;
    width : 1663px !important;
  }
  .LMI_actu_container,
  .LMI_hours_container {
    margin: 0 auto;
    width : 983px !important;
  }
}




/* COLLAPSED */

.LMI_FAQ_ITEM
{
	padding: 5px 0px;
	border-bottom: 1px solid black;
	cursor : pointer;
}

.LMI_FAQ_ITEM h4
{
	text-transform: inherit !important;
	font-family: 'Archer', Times, serif;
	font-size: 1.2em;
	transition: all 0.2s ease-out;
}

.LMI_FAQ_ITEM h4:hover
{
	padding-left: 20px;
}

.LMI_FAQ_ITEM_TEXTE
{
	display: none;
	margin-top: -20px;
	padding: 0px 20px;
	overflow:hidden;
	transition: max-height 0.2s ease-out;
}

@media screen and (max-width: 932px) {
	.LMI_button_home>div>span {
		font-size: .7em;
	}
}

/* Teaser */
#teaser_container {
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1000;
	width: 100%;
	min-height: 100%;
	background-color: rgba(0,0,0,.8);
}
#teaser_container #teaser_texte {
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1002;
	width: 600px;
	height: 600px;
	line-height: 600px;
	text-align: center;
	color: white;
	line-height: 100%;
	top: 50%;
	left: 50%;
	margin-top: -300px;
	margin-left: -300px;
}
#teaser_container #teaser_texte::before {
	content: '';
	display: inline-block;
	padding-top: 100%;
	vertical-align: middle;
}
#teaser_container .med {
	cursor: pointer;
	display: inline-block;
	line-height: normal;
	vertical-align: middle;
	width: 60%;
	max-width: 95vw;
}
#teaser_container .titre1 {
	font-family: "museo-sans-condensed",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 2.4em;
	line-height: 1.4em !important;
	display: inline;
	border-bottom: 10px solid black;
	text-transform: uppercase;
}
#teaser_container .titre_white {
	color: white;
	border-color: white;
}
#teaser_container .bouton_teaser {
	display: inline-block;
	border: 1px white solid;
	padding: 10px;
	margin-top: 15px;
}
#teaser_container #teaser_visuel {
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1001;
	width: 100%;
	min-height: 100%;
	background-size: cover;
	background-position: center center;
}
#teaser_container .bouton_teaser:hover, .bouton_teaser_black:hover {
	border: 1px #D12D3C solid;
	background-color: #D12D3C;
	color: white;
}

#teaser_container .med a,
#teaser_container .med a:visited,
#teaser_container .med a:active {
	color: #fff;
}

#teaser_container .med a:hover {
	background: #D12D3C;
}

.opening-calendar .opening-calendar {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.opening-calendar .calendar {
	width: 100%;
	padding: 1em 0;
}
.opening-calendar .month, .month * {
	box-sizing: border-box;
}
.opening-calendar .month ul {
	list-style: none;
}
.opening-calendar .month {
	padding: 30px 25px;
	width: 100%;
	background: #091729;
	text-align: center;
}
.opening-calendar .month ul {
	margin: 0;
	padding: 0;
}
.opening-calendar .month ul li {
	color: white;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.opening-calendar .weekdays {
	margin: 0;
	padding: 10px 0;
	background-color: #ddd;
}
.opening-calendar .weekdays li {
	display: inline-block;
	width: 13.6%;
	color: #666;
	text-align: center;
}
.opening-calendar .days {
	padding: 10px 0;
	background: #eee;
	margin: 0;
}
.opening-calendar .days li {
	list-style-type: none;
	display: inline-block;
	width: 13.6%;
	text-align: center;
	margin-bottom: 5px;
	font-size:12px;
	color: #777;
	height: 13.6%;
	line-height: 30px;
	font-weight: bold;
}
.opening-calendar .days li .red {
	background: rgb(156,201,201);
}
.opening-calendar .days li .green {
	background: rgb(247, 234, 55);
}
.opening-calendar .days li .red,
.opening-calendar .days li .green {
	padding: 5px;
	color: #091729;
	border-radius: 50%;
	width: 30px;
	display: inline-block;
}
.opening-calendar .legende ul {
	list-style: none;
}
.opening-calendar .legende li span {
	display: inline-block;
	width: 50px;
	height: 30px;
}
.opening-calendar .legende li .red {
	background: rgb(156,201,201);
}
.opening-calendar .legende li .green {
	background: rgb(247, 234, 55);
}
.opening-calendar .legende li {
	margin: 1em;
	height: 30px;
	line-height: 30px;
}
@media screen and (max-width:720px) {
	.opening-calendar .weekdays li, .opening-calendar .days li {width: 13.1%;}
}
@media screen and (max-width: 420px) {
	.opening-calendar .weekdays li, .opening-calendar .days li {width: 12.5%;}
	.opening-calendar .days li .red,
	.opening-calendar .days li .green {padding: 2px;}
}
@media screen and (max-width: 290px) {
	.opening-calendar .weekdays li, .opening-calendar .days li {width: 12.2%;}
}
.legal-newsletter {
	font-size: 0.8em;
	text-align: left;
	color: #cfcfcf;
	display: none;
}
.legal-newsletter a {
	color: #ffffff;
}