/*
INFORMATIONS
Theme Name: 	Eli Starcks
Author: 		VARIN Baptiste
Version:		1.0
Licence:		GNU General Public Licence 2.0+
*/

@font-face {
    font-family: Gontserrat-Regular; /* set name */
    src: url(font/gontserrat/Gontserrat-Regular.ttf); /* url of the font */
}

@font-face {
    font-family: Gontserrat-ExtraBold; /* set name */
    src: url(font/gontserrat/Gontserrat-ExtraBold.ttf); /* url of the font */
}

:root {
    --background: white;
    --background2: #e5e7eb;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: #343434;
}

::-webkit-scrollbar-thumb {
    background: #e6050b;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #e6050b;
}
  
html { scroll-behavior: smooth; }
h1, h2, h3, h4 { font-family: 'Gontserrat-ExtraBold'; }

/* HEADER */
header { padding: 30px; background-color: var(--background); color: black; font-weight: bold; margin: 0 auto; box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .2); position: fixed; top: 0; right: 0; left: 0; z-index: 20; }
header div.container_header { display: flex; flex-direction: row; justify-content: space-between; align-items: center; max-width: 1000px; margin: 0 auto; }

div.container_red_circle { background-image: url(files/images/rond_sit-removebg-preview.png); height: 80px; width: 100%; background-size: contain; background-repeat: repeat; margin-top: 30px; }

header div.container_top { margin: 0 auto; width: 100%; display: flex; justify-content: space-between; align-items: center; }
header div.container_top div.menu { display: flex; align-items: center; }
header div.container_top div.menu a { text-decoration: none; color: black; } 
header div.container_top div.menu a h1 {} 
header div.container_top div.menu a img { height: 50px; margin-right: 50px; animation: spin 4s linear(0 0%, 0.22 2.1%, 0.86 6.5%, 1.11 8.6%, 1.3 10.7%, 1.35 11.8%, 1.37 12.9%, 1.37 13.7%, 1.36 14.5%, 1.32 16.2%, 1.03 21.8%, 0.94 24%, 0.89 25.9%, 0.88 26.85%, 0.87 27.8%, 0.87 29.25%, 0.88 30.7%, 0.91 32.4%, 0.98 36.4%, 1.01 38.3%, 1.04 40.5%, 1.05 42.7%, 1.05 44.1%, 1.04 45.7%, 1 53.3%, 0.99 55.4%, 0.98 57.5%, 0.99 60.7%, 1 68.1%, 1.01 72.2%, 1 86.7%, 1 100%) infinite; } 

@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}

header div.container_top div.container_toggle { scale: .75; }
header div.container_top div.container_toggle .darkify_switch_style { width: auto; padding: 0 5px; }
header div.container_top div.container_toggle .toggle-track { display: flex; }

header div.container_menu_bureau { margin: 0 0 0 auto; }
header div.container_menu_bureau div.container_menu {}
header div.container_menu_bureau div.container_menu div.container_menu_right {}
header div.container_menu_bureau div.container_menu div.container_menu_right div.menu_right {}
header div.container_menu_bureau div.container_menu div.container_menu_right div.menu_right {}
header div.container_menu_bureau div.container_menu div.container_menu_right div.menu_right div.menu-header-container {}
header div.container_menu_bureau div.container_menu div.container_menu_right div.menu_right div.menu-header-container ol { display: flex; flex-direction: row; padding: 0; margin: 0; flex-wrap: wrap; justify-content: flex-start; }
header div.container_menu_bureau div.container_menu div.container_menu_right div.menu_right div.menu-header-container ol li { list-style: none; padding: 0 30px; }
header div.container_menu_bureau div.container_menu div.container_menu_right div.menu_right div.menu-header-container ol li:first-child { padding-left: 0; }
header div.container_menu_bureau div.container_menu div.container_menu_right div.menu_right div.menu-header-container ol li a { color: black; text-decoration: none; font-weight: 900; text-transform: uppercase; opacity: .8; transition: opacity .2s ease-in-out; }
header div.container_menu_bureau div.container_menu div.container_menu_right div.menu_right div.menu-header-container ol li a:hover { opacity: 1; }

header div.container_menu_bureau div.container_menu div.container_menu_right div.menu_right div.menu-header-container ol li.menu-item-has-children { display: block; position: relative; }
header div.container_menu_bureau div.container_menu div.container_menu_right div.menu_right div.menu-header-container ol li.menu-item-has-children:hover {}
header div.container_menu_bureau div.container_menu div.container_menu_right div.menu_right div.menu-header-container ol li.menu-item-has-children:hover ul { display: flex; }
header div.container_menu_bureau div.container_menu div.container_menu_right div.menu_right div.menu-header-container ol li.menu-item-has-children ul { display: none; position: absolute; flex-direction: column; justify-content: left; padding: 5px; border-left: solid 1px black; padding: 20px; background-color: white; }
header div.container_menu_bureau div.container_menu div.container_menu_right div.menu_right div.menu-header-container ol li.menu-item-has-children ul li { padding: 10px 0; text-align: left; margin: 0; }
header div.container_menu_bureau div.container_menu div.container_menu_right div.menu_right div.menu-header-container ol li.menu-item-has-children ul li a { white-space: nowrap ; text-align: right; border: none; }
header div.container_header .bureau { display: flex; }
header div.container_header .mobile { display: none; }

/* HOME */
body { margin: 0 auto; font-family: 'Gontserrat-Regular', sans-serif; background-color: var(--background2); }
body.body_home { background-color: var(--background2d); }

section.container_home { margin-top: 120px; }
section.container_home div.container_top {  margin: 0 auto; }
section.container_home div.container_top div.swiper-home div.swiper-wrapper div.swiper-slide { height: 600px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
section.container_home div.container_top div.swiper-home div.swiper-wrapper div.swiper-slide img { height: 100%; width: 100%; }

section.container_home div.container_bottom { max-width: 1000px; margin: 0 auto; display: flex; }
section.container_home div.container_bottom div.container_1 { display: flex; justify-content: center; align-items: center; }
section.container_home div.container_bottom div.container_1 div.image {}
section.container_home div.container_bottom div.container_1 div.image img { max-width: 300px; width: 100%; height: auto; }
section.container_home div.container_bottom div.container_1 div.container_texte {}
section.container_home div.container_bottom div.container_1 div.container_texte h2 { }
section.container_home div.container_bottom div.container_1 div.container_texte p {}


/* MISE EN AVANT */
section.container_home div.container_mise_avant { margin-top: 50px; padding: 25px; }
section.container_home div.container_mise_avant div.container { max-width: 1000px; margin: 0 auto; width: 100%; }
section.container_home div.container_mise_avant div.container div.top { }
section.container_home div.container_mise_avant div.container div.top h2 { text-transform: uppercase; letter-spacing: 6px; }
section.container_home div.container_mise_avant div.container div.mise_avant {}
section.container_home div.container_mise_avant div.container div.mise_avant div.mySwiper {}
section.container_home div.container_mise_avant div.container div.mise_avant div.mySwiper div.swiper-wrapper {}
section.container_home div.container_mise_avant div.container div.mise_avant div.mySwiper div.swiper-wrapper div.swiper-slide { width: 400px; }
section.container_home div.container_mise_avant div.container div.mise_avant div.mySwiper div.swiper-wrapper div.swiper-slide div.img {}
section.container_home div.container_mise_avant div.container div.mise_avant div.mySwiper div.swiper-wrapper div.swiper-slide div.img div { background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 400px; background-color: #e8e8e8; margin-bottom: 15px; }
section.container_home div.container_mise_avant div.container div.mise_avant div.mySwiper div.swiper-wrapper div.swiper-slide div.texte {}
section.container_home div.container_mise_avant div.container div.mise_avant div.mySwiper div.swiper-wrapper div.swiper-slide div.texte h4 { background-color: white; color: black; margin: 0; width: fit-content; text-transform: uppercase; font-size: 10px; opacity: .5; }
section.container_home div.container_mise_avant div.container div.mise_avant div.mySwiper div.swiper-wrapper div.swiper-slide div.texte h3 { font-size: 20px; margin: 0; }
section.container_home div.container_mise_avant div.container div.mise_avant div.mySwiper div.swiper-wrapper div.swiper-slide div.texte p { line-height: 20px; }
section.container_home div.container_mise_avant div.container div.mise_avant div.mySwiper div.swiper-wrapper a { text-decoration: none; display: block; color: #343434; }
section.container_home div.container_mise_avant div.container div.mise_avant div.mySwiper div.swiper-wrapper div.swiper-slide:hover a { color: black; }
section.container_home div.container_mise_avant div.container div.mise_avant div.mySwiper .swiper-pagination-bullet-active { background: #343434; }
section.container_home div.container_mise_avant div.container div.mise_avant div.mySwiper div.swiper-wrapper div.swiper-slide .wrapper { perspective: 500px; transform: rotatex(10deg); animation: rotateAngle 6s linear infinite; margin: auto; width: auto; }

section.container_home div.container_mise_avant div.container div.mise_avant div.mySwiper div.swiper-wrapper div.swiper-slide button {
 display: block;
 position: relative;
 margin: 0.5em 0;
 padding: 0.8em 2.2em;
 cursor: pointer;
 background: #e8e8e8;
 border: none;
 border-radius: 0.4em;
 text-transform: uppercase;
 font-size: 14px;
 font-weight: 600;
 letter-spacing: 0.04em;
 mix-blend-mode: color-dodge;
 perspective: 500px;
 transform-style: preserve-3d;
 scale: 0.9;
 margin-bottom: 50px;
}

section.container_home div.container_mise_avant div.container div.mise_avant div.mySwiper div.swiper-wrapper div.swiper-slide button:before, button:after {
 --z: 0px;
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 content: "";
 width: 100%;
 height: 100%;
 opacity: 0;
 mix-blend-mode: inherit;
 border-radius: inherit;
 transform-style: preserve-3d;
 transform: translate3d(calc(var(--z) * 0px), calc(var(--z) * 0px), calc(var(--z) * 0px));
}

section.container_home div.container_mise_avant div.container div.mise_avant div.mySwiper div.swiper-wrapper div.swiper-slide button span {
 mix-blend-mode: none;
 display: block;
}

section.container_home div.container_mise_avant div.container div.mise_avant div.mySwiper div.swiper-wrapper div.swiper-slide button:after {
 background-color: #eb7f22;
}

section.container_home div.container_mise_avant div.container div.mise_avant div.mySwiper div.swiper-wrapper div.swiper-slide button:before {
 background-color: #e6050b;
}

section.container_home div.container_mise_avant div.container div.mise_avant div.mySwiper div.swiper-wrapper div.swiper-slide:hover button {
 background-color: #e3de00;
 transition: background 0.3s 0.1s;
}

section.container_home div.container_mise_avant div.container div.mise_avant div.mySwiper div.swiper-wrapper div.swiper-slide:hover button:before {
 --z: 0.04;
 animation: translateWobble 2.2s ease forwards;
}

section.container_home div.container_mise_avant div.container div.mise_avant div.mySwiper div.swiper-wrapper div.swiper-slide:hover button:after {
 --z: -0.06;
 animation: translateWobble 2.2s ease forwards;
}

@keyframes rotateAngle {
 0% {
  transform: rotateY(0deg) rotateX(10deg);
  -webkit-animation-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  animation-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
 }

 25% {
  transform: rotateY(20deg) rotateX(10deg);
 }

 50% {
  transform: rotateY(0deg) rotateX(10deg);
  -webkit-animation-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  animation-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
 }

 75% {
  transform: rotateY(-20deg) rotateX(10deg);
 }

 100% {
  transform: rotateY(0deg) rotateX(10deg);
 }
}

@keyframes translateWobble {
 0% {
  opacity: 0;
  transform: translate3d(calc(var(--z) * 0px), calc(var(--z) * 0px), calc(var(--z) * 0px));
 }

 16% {
  transform: translate3d(calc(var(--z) * 160px), calc(var(--z) * 160px), calc(var(--z) * 160px));
 }

 28% {
  opacity: 1;
  transform: translate3d(calc(var(--z) * 70px), calc(var(--z) * 70px), calc(var(--z) * 70px));
 }

 44% {
  transform: translate3d(calc(var(--z) * 130px), calc(var(--z) * 130px), calc(var(--z) * 130px));
 }

 59% {
  transform: translate3d(calc(var(--z) * 85px), calc(var(--z) * 85px), calc(var(--z) * 85px));
 }

 73% {
  transform: translate3d(calc(var(--z) * 110px), calc(var(--z) * 110px), calc(var(--z) * 110px));
 }

 88% {
  opacity: 1;
  transform: translate3d(calc(var(--z) * 90px), calc(var(--z) * 90px), calc(var(--z) * 90px));
 }

 100% {
  opacity: 1;
  transform: translate3d(calc(var(--z) * 100px), calc(var(--z) * 100px), calc(var(--z) * 100px));
 }
}

/* ARTICLES */
section.container_home div.container_news { margin-top: 100px; padding: 25px; }
section.container_home div.container_news div.container { max-width: 1000px; width: 100%; margin: 0 auto; }
section.container_home div.container_news div.container div.top { }
section.container_home div.container_news div.container div.top h2 { text-transform: uppercase; letter-spacing: 6px; }
section.container_home div.container_news div.container div.top a { text-decoration: none; color: black; font-size: 12px; transition: scale .2s ease-in-out; }
section.container_home div.container_news div.container div.top a:hover { scale: 1.1; }
section.container_home div.container_news div.container div.articles { margin: 0 auto; max-width: 950px; }
section.container_home div.container_news div.container div.articles a { display: block; width: 300px; margin-bottom: 25px; height: 450px; text-decoration: none; color: white; }
section.container_home div.container_news div.container div.articles a div.article { background: rgba(52, 52, 52, .9); width: 100%; height: 100%; border-radius: 6px; }
section.container_home div.container_news div.container div.articles a div.article div.img { height: 50%; background-color: #e8e8e8; border-top-left-radius: 6px; border-top-right-radius: 6px; }
section.container_home div.container_news div.container div.articles a div.article div.img div { background-position: center; background-size: cover; background-repeat: no-repeat; height: 100%; width: 100%; border-top-left-radius: 6px; border-top-right-radius: 6px; }
section.container_home div.container_news div.container div.articles a div.article div.texte { padding: 20px; }
section.container_home div.container_news div.container div.articles a div.article div.texte h4 { padding: 4px 10px 2px; border-radius: 6px; background-color: white; color: black; margin: 0; width: fit-content; text-transform: uppercase; font-size: 10px; opacity: .5; }
section.container_home div.container_news div.container div.articles a div.article div.texte h3 { font-size: 18px; margin: 6px 0 0; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
section.container_home div.container_news div.container div.articles a div.article div.texte p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: 14px; }
section.container_home div.container_news div.container div.articles a div.article div.texte button { position: relative; display: inline-block; cursor: pointer; outline: none; border: 0; vertical-align: middle; text-decoration: none; background: transparent; padding: 0; font-size: inherit; font-family: inherit; scale: .8; }
section.container_home div.container_news div.container div.articles a div.article div.texte button.learn-more { width: 100%; height: auto; }
section.container_home div.container_news div.container div.articles a div.article div.texte button.learn-more .circle { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: relative; display: block; margin: 0; width: 3rem; height: 3rem; background: rgba(52, 52, 52, 1); border-radius: 1.625rem; }
section.container_home div.container_news div.container div.articles a div.article div.texte button.learn-more .circle .icon { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 0; bottom: 0; margin: auto; background: #fff; }
section.container_home div.container_news div.container div.articles a div.article div.texte button.learn-more .circle .icon.arrow { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); left: 0.625rem; width: 1.125rem; height: 0.125rem; background: none; }
section.container_home div.container_news div.container div.articles a div.article div.texte button.learn-more .circle .icon.arrow::before { position: absolute; content: ""; top: -0.29rem; right: 0.0625rem; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid #fff; border-right: 0.125rem solid #fff; transform: rotate(45deg); }
section.container_home div.container_news div.container div.articles a div.article div.texte button.learn-more .button-text { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0.75rem 0; margin: 0 0 0 1.85rem; color: white; font-weight: 700; line-height: 1.6; text-align: center; text-transform: uppercase; }
section.container_home div.container_news div.container div.articles a:hover div.article div.texte button .circle { width: 100%; }
section.container_home div.container_news div.container div.articles a:hover div.article div.texte button .circle .icon.arrow { background: #fff; transform: translate(1rem, 0); }
section.container_home div.container_news div.container div.articles a:hover div.article div.texte button .button-text { color: #fff; }

/* FOOTER */
footer { margin-top: 100px; padding: 50px 25px 25px; background-color: #343434; color: white; }
footer div.container_footer { max-width: 750px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
footer div.container_footer div.logo {}
footer div.container_footer div.logo img { width: 100px; animation: spin 4s linear(0 0%, 0.22 2.1%, 0.86 6.5%, 1.11 8.6%, 1.3 10.7%, 1.35 11.8%, 1.37 12.9%, 1.37 13.7%, 1.36 14.5%, 1.32 16.2%, 1.03 21.8%, 0.94 24%, 0.89 25.9%, 0.88 26.85%, 0.87 27.8%, 0.87 29.25%, 0.88 30.7%, 0.91 32.4%, 0.98 36.4%, 1.01 38.3%, 1.04 40.5%, 1.05 42.7%, 1.05 44.1%, 1.04 45.7%, 1 53.3%, 0.99 55.4%, 0.98 57.5%, 0.99 60.7%, 1 68.1%, 1.01 72.2%, 1 86.7%, 1 100%) infinite; }
footer div.container_footer div.texte { margin: 25px 0; }
footer div.container_footer div.texte p {}
footer div.container_footer div.container_reseaux {}
footer div.container_footer div.container_reseaux a { color: white; text-decoration: none; fill: white; display: block; height: 30px; }
footer div.container_footer div.container_reseaux a svg { height: 30px; width: 30px; }
footer p.copy { font-size: 10px; opacity: .3; text-align: center; text-transform: uppercase; margin-top: 25px; scale: .8; }

/* PAGE */
section.container_all {
    padding: 15px;
    max-width: 1000px;
    margin: 140px auto 0;
}

/* ARTICLES */
section.container_all div.container div.top { }
section.container_all div.container div.top h2 { text-transform: uppercase; letter-spacing: 6px; margin-top: 0; }
section.container_all div.container div.top a { text-decoration: none; color: black; font-size: 12px; transition: scale .2s ease-in-out; }
section.container_all div.container div.top a:hover { scale: 1.1; }
section.container_all div.container div.articles { margin: 0 auto; max-width: 825px; }
section.container_all div.container div.articles a { display: block; width: 100%; max-width: 400px; margin-bottom: 25px; height: 600px; text-decoration: none; color: white; }
section.container_all div.container div.articles a div.article { background: rgba(52, 52, 52, .9); width: 100%; height: 100%; border-radius: 6px; }
section.container_all div.container div.articles a div.article div.img { height: 50%; background-color: #e8e8e8; border-top-left-radius: 6px; border-top-right-radius: 6px; }
section.container_all div.container div.articles a div.article div.img div { background-position: center; background-size: cover; background-repeat: no-repeat; height: 100%; width: 100%; border-top-left-radius: 6px; border-top-right-radius: 6px; }
section.container_all div.container div.articles a div.article div.texte { padding: 20px; }
section.container_all div.container div.articles a div.article div.texte h4 { padding: 4px 10px 2px; border-radius: 6px; background-color: white; color: black; margin: 0; width: fit-content; text-transform: uppercase; font-size: 10px; opacity: .5; }
section.container_all div.container div.articles a div.article div.texte h3 { font-size: 18px; margin: 6px 0 0; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
section.container_all div.container div.articles a div.article div.texte p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; font-size: 14px; }
section.container_all div.container div.articles a div.article div.texte button { position: relative; display: inline-block; cursor: pointer; outline: none; border: 0; vertical-align: middle; text-decoration: none; background: transparent; padding: 0; font-size: inherit; font-family: inherit; scale: .8; }
section.container_all div.container div.articles a div.article div.texte button.learn-more { width: 100%; height: auto; }
section.container_all div.container div.articles a div.article div.texte button.learn-more .circle { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: relative; display: block; margin: 0; width: 3rem; height: 3rem; background: rgba(52, 52, 52, 1); border-radius: 1.625rem; }
section.container_all div.container div.articles a div.article div.texte button.learn-more .circle .icon { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 0; bottom: 0; margin: auto; background: #fff; }
section.container_all div.container div.articles a div.article div.texte button.learn-more .circle .icon.arrow { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); left: 0.625rem; width: 1.125rem; height: 0.125rem; background: none; }
section.container_all div.container div.articles a div.article div.texte button.learn-more .circle .icon.arrow::before { position: absolute; content: ""; top: -0.29rem; right: 0.0625rem; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid #fff; border-right: 0.125rem solid #fff; transform: rotate(45deg); }
section.container_all div.container div.articles a div.article div.texte button.learn-more .button-text { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0.75rem 0; margin: 0 0 0 1.85rem; color: white; font-weight: 700; line-height: 1.6; text-align: center; text-transform: uppercase; }
section.container_all div.container div.articles a:hover div.article div.texte button .circle { width: 100%; }
section.container_all div.container div.articles a:hover div.article div.texte button .circle .icon.arrow { background: #fff; transform: translate(1rem, 0); }
section.container_all div.container div.articles a:hover div.article div.texte button .button-text { color: #fff; }
section.container_all div.container div.container_filtre { width: stretch; background-color: white; border-radius: 6px; padding: 20px; margin-bottom: 50px; text-align: center; }
section.container_all div.container div.container_filtre h3 { margin: 0 0 10px; text-transform: uppercase; letter-spacing: 4px; }
section.container_all div.container div.container_filtre div.filtres { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; text-transform: uppercase; font-size: 12px; }
section.container_all div.container div.container_filtre div.filtres div { display: flex; align-items: center; margin: 0 10px; }
section.container_all div.container div.container_filtre div.filtres div input { margin: 0 6px 0 0; }

@media (max-width: 1050px) {
    section.container_home div.container_news div.container, section.container_all div.container { width: 100%; }
    section.container_home div.container_news div.container div.articles a, section.container_all div.container div.articles a { width: 100%; max-width: 100%; }
}

@media (max-width: 900px) {
    header { height: 60px; }
    header div.container_header .bureau { display: none; }
    header div.container_header .mobile { display: block; }
    header .mobile div.menu { justify-content: space-between; align-items: center; }
    header div.container_header .mobile .open { height: 30px; width: 30px; cursor: pointer; }
    header div.container_header .mobile .open svg { height: 30px; width: 30px; }
    header div.container_header .mobile .close { text-align: right; padding: 40px 15px 0;  }
    header div.container_header .mobile .close svg { height: 40px; width: 40px; cursor: pointer; }
    header .mobile div.container_menu_bureau { position: absolute; top: 0; right: 0; bottom: 0; background-color: white; height: 100vh; display: none; z-index: 15; }
    header .mobile div.container_menu_bureau.active { display: block; }
    header .mobile div.container_menu_bureau div.container_menu div.container_menu_right div.menu_right div.menu-header-container ol { flex-direction: column; }
    header .mobile div.container_menu_bureau div.container_menu div.container_menu_right div.menu_right div.menu-header-container ol li { margin: 15px 0; } 
    header .mobile div.container_menu_bureau div.container_menu div.container_menu_right div.menu_right div.menu-header-container ol li:first-child { padding: 0 30px; }
    header .mobile div.container_menu_bureau div.container_menu div.container_menu_right div.menu_right div.menu-header-container ol li.menu-item-has-children ul { display: flex; position: relative; padding: 10px; }
    header .mobile div.container_menu_bureau div.container_menu div.container_menu_right div.menu_right div.menu-header-container ul.sub-menu li:first-child { padding: 10px 0; }

    section.container_home div.container_mise_avant div.container div.mise_avant div.mySwiper div.swiper-wrapper div.swiper-slide { width: 100%; }
}

body.mobile_active { overflow: hidden; }
div.background_menu_open { height: 100%; width: 100%; display: none; background: rgba(0, 0, 0, .5); content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 11; }
div.background_menu_open.active { display: block; }