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

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

/* @media screen and (max-width: 768px) {
  .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: 0.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_pro_text_container {
  width: 95vw;
  max-width: 840px;
  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,
.LMI_pro_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;

  line-height: 1.4em;
}

.intro {
  font-size: 1.2em;
  letter-spacing: 0.04em;
  line-height: 1.4em;
}

.LMI_text_container h3 {
  font-family: "Archer", Times, serif;
  font-weight: bold;
  font-style: normal;
  text-transform: inherit;

  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_tarif {
  font-size: 1.2em;
  font-family: "Archer", Times, serif;
  font-weight: bold;
  font-style: normal;
}

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



/* 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 0.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: 0.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: 0.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 .ouvert_10mid19,
.LMI_footer_calendrier .ouvert_10mid18,
/* .LMI_footer_calendrier .ouvert_14mid22, */
/*.LMI_footer_calendrier .nocturne,
.LMI_footer_calendrier .decouverte,
.LMI_footer_calendrier .decouverte_matin,
.LMI_footer_calendrier .travaux {
  background: transparent !important;
} */

.LMI_footer_calendrier td {
  background: transparent !important;
}

.LMI_footer_calendrier td.active {
  background: #023566 !important;
}

.LMI_footer_calendrier td.active button {
  color: white !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 h2 {
  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_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;

  padding: 0;
}

.LMI_footer_badges_container li {
  list-style-type: none;
  display: inline-block;
  float: left;

  width: 112px;
  height: 200px;


}


.LMI_footer_sub,
.LMI_footer_sub h3 {
  font-size: 1.2em !important;
  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, 0.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, 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 0.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: 10;
}

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, 0.3);
  margin: 0px 10px 0px 10px;
}

.LMI_infos_pratiques_col button.left,
.LMI_infos_pratiques_col button.right {
  ;
  width: 20px;
  height: 20px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.LMI_infos_pratiques_col button.left {
  float: left;
}

.LMI_infos_pratiques_col button.right {
  float: right;
}

/* ----------------------------------------- & – FOOTER CALENDAR ----------------------------------------- */

.LMI_isToday {
  color: white !important;
}

.LMI_page_horaires_cal {
  min-height: 280px;
  height: auto;
  margin-bottom: 5px;
  background-color: transparent !important;
}

.LMI_page_horaires_cal .LMI_isToday button {
  color: black !important;
}


@media screen and (min-width: 640px) {
  #cont01.LMI_page_horaires_cal {
    margin-bottom: 70px;
  }
}

@media screen and (min-width: 980px) {

  #cont01.LMI_page_horaires_cal,
  #cont02.LMI_page_horaires_cal {
    margin-bottom: 50px;
  }
}

@media screen and (min-width: 980px) {
  #cont01.LMI_page_horaires_cal {
    margin-bottom: 50px;
  }
}

.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: 0.8em;
}

/* ----------------------------------------- & – NETLINKING ----------------------------------------- */

#menu_haut {
  width: 100%;
  height: 40px;
  background-color: white;
  font-size: 0.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;
  margin: 0px;
}

#netlinking {
  font-size: .7rem;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  list-style: none;
}

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

#netlinking li {
  list-style-type: none;
  display: inline-block;

}

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

#netlinking li a:after {
  content: '|';
  display: inline-block;
  width: 10px;
  text-align: center;
}

#netlinking li:last-child a:after {

  content: "";
}

#netlinking li 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: 0.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: 0.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: 0.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: 0.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: 0.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_pro_chapeau {
  margin: 0px auto 40px auto;
  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;
}

.LMI_chapeau a {
  color: white;
}

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

.LMI_carrousel_header {
  width: 100%;
  height: 100vh;
  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, 0.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, 0.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, 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, 0.15);
}

.LMI_footer_gradient {
  width: 100%;
  height: 10vh;
  margin-top: -10vh;
  top: -50px;
  left: 0px;
  position: relative;
  z-index: 0;
  opacity: 0.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: 0.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 !important;*/
  text-align: center;
  padding-bottom: 50px;
  position: relative;
  z-index: 11;
}

.twentyseventeen-front-page .LMI_event_container {
  height: auto !important;
}

.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;
  margin-bottom: 0px !important;
}

.LMI_hours_reminder {
  text-align: left;
  height: 355px;
}

.LMI_hours_reminder attr {
  border-bottom: dotted 1px #777;
}

.LMI_hours_reminder attr:hover {
  cursor: help;
}

.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,
table.p caption {
  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;
  /* background-color: rgba(2, 75, 138, 0.2);  connecté les bordures des case du tableau */

  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,
tr.label>th {
  cursor: default;
  font-size: 1em;
  width: 35px;
  height: 25px !important;
  /*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: 0.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_10mid19:before,
.ouvert_10mid19 {
  background-color: #bd6ba6;
}

.admin_LMI_horaires_indicateur_1118:before,
.ouvert_11_18 {
  background-color: rgb(255 247 0);
}

.admin_LMI_horaires_indicateur_10mid18:before,
.ouvert_10mid18 {
  background-color: #ffa7e9;
}

.admin_LMI_horaires_indicateur_14mid22:before,
.ouvert_14mid22 {
  background-color: #b303ff;
}

.admin_LMI_horaires_indicateur_nocturne {
  color: red !important;
  /* background-image: url("../ui/admin_cal_nocturne.svg");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 50%; */
}

.LMI_page_horaires_cal table tr td.nocturne {
  color: #000000 !important;
}

.LMI_page_horaires_cal table tr td.nocturne:after {
  content: '*';
}

.LMI_page_horaires_cal_nocturne {
  color: #000000 !important;
  font-size: .9em;
  text-align: left;
}

.admin_LMI_horaires_indicateur_travaux:before,
.LMI_hour.travaux:before {
  background-image: url("../ui/admin_cal_travaux.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 60%;
}

.travaux {
  background-image: url("../ui/admin_cal_travaux.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 60%;
}


.LMI_hour.travaux {
  background-color: rgb(193 192 62) !important;
}

.travaux span {
  color: black;
  font-size: 0.8em;
  font-family: "architype_renner_medium", Arial, sans-serif;
  text-align: center;
  line-height: 19px;
  display: block;
}

.LMI_hour.Gferme,
.LMI_page_horaires_cal .Gferme button {
  color: red !important;
  background-color: rgb(193 192 62) !important;

}



.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;
}

.Gferme span {

  color: red;
  font-size: 0.8em;
  font-family: "architype_renner_medium", Arial, sans-serif;
  text-align: center;
  line-height: 19px;
  display: block;
}

/* *************************************************************** 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: 78vh !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;
    padding-top: 20px;
  }

  .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: 0.7em !important;
  }

  .LMI_text_container h1,
  .LMI_pro_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; */
    display: none;
  }

  .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: 10;
  }

  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: 0.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: 100%;
    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 h3 button {
  text-transform: inherit !important;
  font-family: "Archer", Times, serif;
  font-size: 1em !important;
  transition: all 0.2s ease-out;
  letter-spacing: 0.04em;
  font-weight: 700;
  cursor: pointer;
  border: none;
  background-color: transparent;
  border-radius: 0px;
  text-align: left !important;

}

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

.LMI_FAQ_ITEM h3 button[aria-expanded="false"]::before {
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' style='forced-color-adjust: auto;'%3E%3Cpolygon points='1 1, 1 11, 8 6' fill='currentcolor' stroke= 'currentcolor' /%3E%3C/svg%3E%0A");
  position: relative;
  left: -2px;
}

.LMI_FAQ_ITEM h3 button[aria-expanded="true"]::before {
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' style='forced-color-adjust: auto;'%3E%3Cpolygon points='1 1, 11 1, 6 8' fill='currentcolor' stroke= 'currentcolor' /%3E%3C/svg%3E ");
  position: relative;
  left: -4px;
  top: 2px;
}



.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: 0.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, 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.8rem !important;
  text-align: left !important;
  line-height: 0.9 !important;
  color: #8390a4 !important;
  display: none;
}

.legal-newsletter a {
  color: #ffffff;
}

.hidden {
  display: none;
}

/* ------------ Message home ---------------*/
[role="alertdialog"],
[role="dialog"] {
  box-sizing: border-box;
  padding: 15px;
  border: 1px solid #000;
  background-color: #fff;
  min-height: 100vh;
  padding-top: 70px;
  /* space for the menu */
}

@media screen and (min-width: 640px) {

  [role="alertdialog"],
  [role="dialog"] {
    position: absolute;
    top: 2rem;
    left: 50vw;
    /* move to the middle of the screen (assumes relative parent is the body/viewport) */
    transform: translateX(-50%);
    /* move backwards 50% of this element's width */

    min-width: calc(640px - (15px * 2));
    /* == breakpoint - left+right margin */
    min-height: auto;
    box-shadow: 0 19px 38px rgb(0 0 0 / 12%), 0 15px 12px rgb(0 0 0 / 22%);
  }
}

.dialog_close_button {
  float: right;
  position: absolute;
  top: 10px;
  left: 92%;
  height: 25px;
}

.dialog_close_button img {
  border: 0;
}

.dialog_desc {
  padding: 10px 20px;
}

.dialog-backdrop {
  display: none;
  position: fixed;
  overflow-y: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media screen and (min-width: 640px) {
  .dialog-backdrop {
    background: rgb(0 0 0 / 30%);
  }
}

.dialog-backdrop.active {
  display: block;
  z-index: 900;
}

.no-scroll {
  overflow-y: auto !important;
}

/* this is added to the body when a dialog is open */
.has-dialog {
  overflow: hidden;
}

/* styling for alert-dialog example */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

#LMI_MENU {
  display: none;
}

.has-dialog .LMI_HOME_container * {
  display: none;
}

.has-dialog .LMI_HOME_container .dialog-backdrop.active,
.has-dialog .LMI_HOME_container .dialog-backdrop.active * {
  display: block;
}

.has-dialog #message-home {
  position: relative;
  text-align: left;
}

#message-home ul {
  padding-left: 1rem;
}

#message-home li::before {
  content: "- ";
  display: inline-block;
}

#message-home-label {
  max-width: 80%;
  text-align: left;
}

.has-dialog .close-dialog {
  font-size: 3rem;
  border: 2px solid #ffffff;
  display: flex !important;
  justify-content: center;
  align-content: center;
  line-height: 2.8rem;
  height: 3rem;
  width: 3rem;
  border-radius: 100%;
  color: #ffffff;
  background-color: #d12d3c;
  position: absolute;
  top: 5rem;
  right: 0.6rem;
}

.has-dialog .close-dialog:hover {
  cursor: pointer;
}

.open-dialog {
  min-height: 3rem;
  padding: 1rem;
  max-width: 90vw;
  display: flex;
  justify-content: space-evenly;
  margin: 3rem auto;
  font-family: 'architype_renner_bold', Arial, sans-serif;
  font-size: 1.1rem;
  align-items: center;
  border: 3px solid #d12d3c;
  background-color: #d12d3c;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  position: relative;
}

.open-dialog::after {
  content: "en savoir plus";
  font-size: 0.7rem;
  letter-spacing: 0.1rem;
  position: absolute;
  bottom: 0;
  right: 0;
  font-weight: normal;
  text-transform: none;
  font-family: 'architype_renner_medium';
}

.open-dialog:hover {
  cursor: pointer;
}

.open-dialog svg {
  font-size: 3rem;
  padding: 1rem;
}

@media screen and (max-width: 1169px) {
  .LMI_actu_home_container .LMI_BRICK_ITEM_OUT {
    display: flex;
    position: relative;
    margin: 0 auto 4rem;
  }

  .LMI_actu_home_container .LMI_BRICK_ITEM_OUT .LMI_BRICK_ITEM_TITRE {
    font-size: 1.1rem;
    letter-spacing: normal;
    order: 2;
  }

  .LMI_actu_home_container .LMI_BRICK_ITEM_OUT .LMI_banner {
    position: absolute;
    bottom: -2.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }

  .LMI_actu_home_container .LMI_BRICK_ITEM_OUT .LMI_BRICK_ITEM_visuel {
    height: auto !important;
    order: 1;
    margin-top: 0;
    margin-bottom: 0;
    background-position: center;
  }

  .LMI_home_decouvrir_container {
    margin-top: -1px;
  }

  .LMI_footer_call_to_action {
    margin-bottom: -1px;
  }
}

@media screen and (max-width: 425px) {
  .LMI_actu_home_container .LMI_BRICK_ITEM_OUT .LMI_BRICK_ITEM_visuel {
    max-width: 8rem;
  }
}

@media screen and (min-width: 640px) {
  .has-dialog #message-home {
    max-width: 95vw;
  }
}

@media screen and (min-width: 768px) and (max-width: 1169px) {
  .LMI_actu_home_container .LMI_BRICK_ITEM_OUT .LMI_BRICK_ITEM_visuel {
    width: 100%;
  }
}

@media screen and (min-width: 1170px) {
  #LMI_MENU {
    display: block;
  }

  .LMI_actu_home_container {
    width: 100% !important;
    margin-top: -250px;
  }

  .open-dialog {
    top: -250px;
  }

  .has-dialog #message-home {
    margin-top: 10rem;
  }

  /* .has-dialog .LMI_SAUVEGARDE_ELEPHANTS {
    display: none;
  } */

  .has-dialog #message-home {
    padding-top: 1rem;
  }

  .has-dialog .close-dialog {
    top: 1rem;
  }
}

@media screen and (min-width: 1500px) {
  .has-dialog #message-home {
    max-width: 60vw;
  }

  .LMI_home_decouvrir_container {
    padding-bottom: 6rem;
  }
}

.footer__awards {
  display: flex;
  justify-content: center;
  clear: both;
}

.footer__awards img {
  max-width: 170px;
  filter: brightness(0) invert(1);
}

.awhite a {
  text-decoration: none;
  color: #FFFFFF;
}

.ablack a {
  text-decoration: none;
  color: #000000;
}

.ablack a:hover,
.awhite a:hover {
  text-decoration: underline;
}

.LMI_HOME_dialog {
  width: 100%;
  height: 26vh;
  margin-top: 0px;
  margin-bottom: -30vh;
}

@media screen and (max-width: 640px) {
  .home main {
    display: flex;
    flex-direction: column;
  }

  .home .LMI_HOME_dialog {
    order: 1 !important;
  }

  .home .LMI_home_decouvrir_container {
    order: 2 !important;
  }

  .home .LMI_HOME_container {
    order: 3;
  }

  .home #LMI_infos_pratiques {
    order: 4;
  }

  .LMI_HOME_dialog {
    width: 100%;
    height: 23vh;
    margin-top: 29px;
    margin-bottom: 0vh;
    padding-top: 0px;
  }
}

@media screen and (min-width: 1170px) {
  .btn_bookonline {
    background: #FFFFFF;
    padding: 7px;
    border-radius: 5px;
    text-decoration: none;
    color: #091729 !important;
    border-bottom: 0px;
    -webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;
  }

  .btn_bookonline:hover {
    background: #091729;
    color: white !important;
    ;
  }

  .inner_menu_item:hover:has(.btn_bookonline) {
    border-bottom: 0px solid white !important;
  }
}

@media screen and (max-width: 1169px) {
  .LMI_carrousel_inner_nav {
    width: 100%;
    text-align: center;
    margin-top: 1vh;
    margin-bottom: 4vh;
    background: #0267c2;
    padding: 20px 0px 25px;
    height: auto;
    /* padding: 0px; */
  }
}

/* AJOUT DECEMBRE 2023 */
/* QUICK MENU */

/* #LMI_QUICK_MENU
{
	display: none;
}
*/
@media screen and (min-width: 1170px) {
  #LMI_QUICK_MENU {
    display: none;
  }
}

@media screen and (max-width: 1169px) {
  #LMI_QUICK_MENU {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    height: 4rem;
    display: block;
    box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.25);
    width: 100vw;
    z-index: 99999;
  }

  .quick-menu ul {
    list-style: none;
    width: 100%;
    display: flex;
    justify-content: space-around;
    margin: 0;
    padding: 0;
    height: 100%;
  }

  .quick-menu__item {
    width: 20%;
    margin: 0 auto;
  }

  .quick-menu__item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center;
    text-decoration: none;
    font-size: 1rem;
  }

  .quick-menu__item__img-container {
    line-height: 1rem;
  }

  .quick-menu__item__img-container img {
    padding: 0;
    width: 30px;
  }

  .quick-menu__item__label {
    text-transform: uppercase;
    font-size: 0.7rem;
    font-weight: 900;
    text-align: center;
    line-height: 1em;
  }
}

.VAN22_QUICK_MENU_SEPARATOR {
  height: 20px;
  width: 1px;
  background-color: rgb(185, 185, 185);
}

.VAN22_QUICK_MENU_SEPARATOR:last-child {
  display: none;
}

/* AJOUT JANVIER 2024... problème une news sur mobile */
@media screen and (max-width: 680px) {
  .LMI_home_single_news {
    height: auto;
    width: 95vw;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: nowrap;
  }

  .LMI_home_single_news_visual {
    margin: 0 auto;
    height: auto !important;
    width: 40%;
  }

  .LMI_home_single_news_text_container {
    margin: 0 auto;

    top: 0px;
    left: 0px;
  }

  .LMI_home_single_news_text {
    width: auto !important
  }

  .LMI_skew_up,
  .LMI_skew_down {
    display: none;
  }

  .LMI_home_single_news_text h2 {
    font-size: 1.2em
  }
}

/* page pros */
.LMI_pro_text_container h2 {
  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;
}

.LMI_pro_text_container h3 {
  margin-top: 0;
}

/* Boutons gutenberg */
.wp-block-button a {

  font-family: "architype_renner_bold", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  font-size: 0.85em;
  letter-spacing: 0.07em;
  border-radius: 5px;

  border-bottom: 0;
  margin: 10px auto;
  /* Top & Bottom margin = 20px, L&R is auto */
  color: white;
  /* prevent theme css from overriding color */
  background-color: #091729;
  padding: 7px 15px;
  -webkit-transition: all ease-in-out .15s;
  -o-transition: all ease-in-out .15s;
  transition: all ease-in-out .15s;
}

.wp-block-button a:hover {
  background-color: #E40134;
  color: white;
}

@media screen and (min-width: 768px) {
  .wp-block-group {
    margin: 30px 0px;
  }
}

@media screen and (max-width: 768px) {

  .espaces_pro .wp-block-columns {
    margin-bottom: 2em;
    gap: 0em !important;
  }

  .espaces_pro .wp-block-group__inner-container .wp-block-columns:nth-child(2n) {
    display: flex;
    flex-direction: column-reverse !important;
  }

  .btn_billetterie {
    width: 220px;
    margin: 0 auto;
  }
}

.btn_billetterie {
  border: 1px solid white;
  border-radius: 5px;
}

.btn_billetterie:hover {
  border: 1px solid white;
  border-radius: 5px;
  background: white;
}

#LMI_menu_principal li.btn_billetterie:hover a {
  color: #0A1729 !important;
  text-decoration: none;
}

.LMI_text_container h2.faq {
  font-size: 1.6em !important;
  font-family: "Archer", Times, serif;
  font-weight: bold;
  font-style: normal;
  text-transform: inherit;
  line-height: 1.15em;
  margin-bottom: 0px;
}

.LMI_FAQ_ITEM h3 {
  font-size: 1.2em !important;
  text-transform: inherit !important;
  font-family: "Archer", Times, serif;
  transition: all 0.2s ease-out;
  margin-bottom: 18px;
}

.LMI_uppercase {
  font-family: "architype_renner_bold", Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}



.LMI_isToday button,
.plein button:hover {
  color: white !important;
}

.plein button {
  color: rgb(2, 53, 102);
}

.LMI_page_horaires_cal .plein button,
.LMI_page_horaires_cal tr.label>th {
  color: #000000;
}

td.plein:hover {
  color: white;
  background-color: black;
}

.LMI_footer_calendrier button,
.LMI_page_horaires_cal button {
  font-size: 1em;
  font-family: "architype_renner_medium", Arial, sans-serif;
  text-align: center;
  cursor: pointer;
  background: transparent;
  border: none;
}

.LMI_footer_calendrier td:hover {
  background-color: black !important;
  color: white;
}