/*
Theme Name: Template Milanamos
Theme URI: https://www.milanamos.com/
Description: Theme Milanamos
Version: 1.0
Author: Elodie B.
Author URI: https://www.elodieberger.com/
Text Domain: Milanamos
*/

:root {
  --Jaune: #FCBF00;
  --Turquoise: #00698C;
  --BleuMarine: #110e29;
  --GreyBlack:#373737;
}

/* GENERAL */

html {font-size: 10px; height: 100%;}
body {height: 100%; font-size: 18px;line-height: 1.4; color: #fff; font-family: "Roboto", sans-serif;font-optical-sizing: auto;font-weight: 300;font-style: normal;font-variation-settings:"wdth" 100;}

.gradient {position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: -1; background: url("images/gradient-768.webp") no-repeat center center; background-size: cover;}
@media (min-width: 768px) {
	.gradient {background-image: url("images/gradient-992.webp");}
}
@media (min-width: 992px) {
	.gradient {background-image: url("images/gradient-1500.webp");}
}
@media (min-width: 1500px) {
	.gradient {background-image: url("images/gradient-2000.webp");}
}
@media (min-width: 2000px) {
	.gradient {background-image: url("images/gradient-2500.webp");}
}


picture {display: inline-block;}

p, ul, table {font-size: 1em;margin-bottom:1em;}
a {color: var(--Jaune);text-decoration: none;}
.m-text a:not(.btn) {border-bottom: 1px dotted var(--Jaune);}
.m-text a:not(.btn):hover {border-bottom-style: solid;}

b, strong {font-weight:700;}
h1 {color: #fff; font-size: 2em; margin-bottom: 0.05em; font-weight: 400;text-align: center; line-height: 1.1em;}
body.home h1 {position: absolute; left: -999em;}
h2 {color: #fff; font-size: 1.55em; margin-bottom: .75em;font-weight: 400;line-height: 1.1em;}
.h2big {color: #fff; font-size: 2em; margin-bottom: 0.05em;font-weight: 400;line-height: 1.1em;font-size: 2em; margin-bottom: 0.05em; text-align: center;}
h2.big {font-size: 2em; margin-bottom: 0.05em; text-align: center;}
h3 {color: #fff; font-size: 1.2em;  margin-bottom: .9em;font-weight: 400;line-height: 1.1em;}
.h3big {color: #fff; font-size: 1.4em;  margin-bottom: .9em;font-weight: 400;line-height: 1.1em;}
h3.big {font-size: 1.4em;}
h2 span, h3 span {color: var(--Jaune);}
.headline,
.subh2 {text-align: center;}
@media (min-width: 480px) {
	h2 {font-size: 1.72em;}
	h1, h2.big, .h2big {font-size: 2.19em;}
	h3 {font-size: 1.24em;}
	h3.big, .h3big {font-size: 1.52em;}
}
@media (min-width: 768px) {
	h2 {font-size: 1.89em;}
	h1, h2.big, .h2big {font-size: 2.58em;}
	h3 {font-size: 1.28em;}
	h3.big, .h3big {font-size: 1.64em;}
	.headline,
	.subh2 {text-align: center;font-size: 1.1em;}
}
@media (min-width: 992px) {
	h2 {font-size: 2.06em;}
	h1, h2.big, .h2big {font-size: 2.97em;}
	h3 {font-size: 1.32em;}
	h3.big, .h3big {font-size: 1.76em;}
}
@media (min-width: 1200px) {
	h2 {font-size: 2.23em;}
	h1, h2.big, .h2big {font-size: 3.36em;}
	h3 {font-size: 1.36em;}
	h3.big, .h3big {font-size: 1.88em;}
	.headline,
	.subh2 {text-align: center;font-size: 1.15em;}
}
@media (min-width: 1500px) {
	h2 {font-size: 2.4em;}
	h1, h2.big, .h2big {font-size: 3.75em;}
	h3 {font-size: 1.4em;}
	h3.big, .h3big {font-size: 2em;}
}


.main-title {margin-bottom: 5em;}

.m-text table {width:100%;border:0;max-width:100%; background-color: rgba(255, 255, 255, .1);border-radius: 20px;line-height: 1.2em;}
.m-text table td, .m-text table th {padding:.8em 1em;border: 1px solid transparent;font-size: .9em;vertical-align: middle;border-bottom: 1px solid rgba(255, 255, 255, .4);}
.m-text table tbody > tr:last-child td, .m-text table tbody > tr:last-child th {border: none;}
.m-text table thead th, .m-text table thead td {padding:1em 1em; border-bottom: 1px solid #fff;background-color: rgba(255, 255, 255, .1);}
.m-text table thead > th:first-child, .m-text table thead td:first-child {border-radius: 20px 0 0 0;}
.m-text table thead > th:last-child, .m-text table thead td:last-child {border-radius: 0 20px 0 0;}

.m-text ul {padding-left: 0; list-style: none;}
.m-text li {position: relative; padding-left: 1em;margin-bottom: .3em;}
.m-text li:before {position: absolute;content: ""; width: 7px; height: 7px; border-radius: 50%;left: 1px; top: 8px;background-color: #fff;}
.m-text .list-unstyled li {padding-left: 0;}
.m-text .list-unstyled li:before {content: none;}

.m-text blockquote {padding-left: 32px; font-weight: 300; font-style: italic; margin: 0;position: relative;}
.m-text blockquote:before {width: 16px; height: 16px;left: 0; top: 0; content: ""; position: absolute; display: inline-block;background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23fff' d='M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z'/></svg>") no-repeat 0 0;}

hr {border: 0;border-top: 1px solid rgba(255, 255, 255, 0.3);margin-top: 1em; margin-bottom: 1.6em;}

.has-transi {-webkit-transition: all .4s 0s; transition: all .4s 0s;}

img.rounded,
.rounded > * {border-radius: 20px;}

.btn, #submit {padding: 12px 30px; font-size: 14px; font-weight: 500; text-align: center; background-color: var(--Turquoise); color: #fff; text-transform: uppercase; border-radius: 34px; margin-bottom: 0; position: relative; text-decoration: none !important;-webkit-transition: all .4s 0s; transition: all .4s 0s;}
.btn:hover, #submit:hover {color: var(--GreyBlack);background-color: var(--Jaune);text-decoration: none;}
.btn:before, #submit:before {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1.5px solid var(--Turquoise);border-radius: 36px;-webkit-transition: all .2s 0s; transition: all .2s 0s;}
.btn:hover:before, #submit:hover:before {left: -4px; right: -4px; top: -4px; bottom: -4px; border-color: var(--Jaune);}

.btn.btn--xl {padding: 18px 40px;border-radius: 40px;}

.btn--yellow {background-color: var(--Jaune); color: var(--GreyBlack);}
.btn--yellow:before {border-color: var(--Jaune);}
.btn--yellow:hover {background-color: #fff;}
.btn--yellow:hover:before {border-color: #fff;}

@media (min-width: 480px) {
	.btn, #submit {font-size: 16px;}
	.btn.btn--xl {padding: 24px 50px;border-radius: 40px;}
	.btn.btn--xl:before {border-radius: 42px;}
}

/* ******************************* HEADER */

.page-header {z-index: 999;left: 0; top: 0; right: 0;-webkit-transition: all .4s 0s; transition: all .4s 0s;}
.page-header-top {position: absolute;padding: 20px 0;}
.page-header-scroll {position: fixed; padding: 10px 0;background: linear-gradient(to bottom,  rgba(17, 14, 41,0.9) 0%,rgba(17, 14, 41,0) 100%);background-color: rgba(17, 14, 41, .5);}
.page-header-scroll:hover {background-color: rgba(17, 14, 41, .9);}
body.nav-is-open .page-header,
body.nav-is-open .page-header:hover {background: var(--Turquoise);}

.header-logo {width: 180px;text-align: center;}
.header-logo a:hover {text-decoration: none;}
.header-logo span {color: #fff; display: inline-block; position: relative; font-size: .725em; top: -7px;}
.page-header-scroll .header-logo span {display: none;}
@media (min-width: 992px) {
	.page-header-top {padding: 50px 0 20px;}
	.page-header-scroll {padding: 15px 0;}
	.header-logo {width: 210px;}
	.header-logo span {font-size: .775em; top: -7px;}
}
@media (min-width: 1200px) {
	.header-logo {width: 236px;}
	.header-logo span {font-size: .8em;}
}

.breadcrumb {font-size: .75em; margin-bottom: 3em;}
.breadcrumb a {margin: 0 5px;color: #fff;}
.breadcrumb a:hover {text-decoration: underline;}
.breadcrumb span:first-child > span:first-child > a {margin-left: 0;}
.breadcrumb_last {margin-left: 5px;}

@media (min-width: 992px) {
	.breadcrumb {text-align: center;margin-bottom: 2em;}
}

/* ******************************* NAV */

.main-nav {position: relative;z-index: 997;}
.main-nav ul {margin: 0; padding: 0;}

ul.nav-menu li {display:block;position: relative;}
ul.nav-menu a {display: block;color: #fff;}
ul.nav-menu a:hover {text-decoration: none;}

ul.nav-menu li.nav-contact a {background-color: rgba(255, 255, 255, .1); border-radius: 30px;}
ul.nav-menu li.nav-contact a:hover {background-color: #fff; color: var(--GreyBlack);}

.nav-toggle {display: block;}
.nav-icon {width: 40px; cursor: pointer;}
.nav-icon:after, 
.nav-icon:before, 
.nav-icon div {background-color: #fff; -webkit-border-radius: 3px; border-radius: 3px; content: ''; display: block; height: 5px; margin: 7px 0; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.nav-toggle.is-open .nav-icon:before {transform: translateY(12px) rotate(135deg); -webkit-transform: translateY(12px) rotate(135deg); }
.nav-toggle.is-open .nav-icon:after {transform: translateY(-12px) rotate(-135deg); -webkit-transform: translateY(-12px) rotate(-135deg); }
.nav-toggle.is-open .nav-icon div {-webkit-transform: scale(0); transform: scale(0); }

@media (max-width:991px) {
	#nav {display: none;}
	body.nav-is-open {overflow: hidden;}
	.main-nav {position: fixed; left: 0; right: 0; bottom: 0; overflow-y:scroll; background-color: var(--Turquoise); text-align: center;}
	.page-header-top .main-nav {top: 82px;}
	.page-header-scroll .main-nav {top: 63px;}
	ul.nav-menu li a {padding: 10px 15px;}
	ul.nav-menu li a:hover {color: var(--Jaune);}
	ul.nav-menu li.menu-item-has-children a {position: relative;}
	ul.nav-menu li.menu-item-has-children > a:after {position: absolute; right: 10px; top: 50%; margin-top: -8px;}
	ul.nav-menu > li {margin: 0 15px 1.5em; font-size: 1.2em; font-weight: 400;}
	ul.nav-menu .sub-menu {font-size: .8em; font-weight: 300;}
	ul.nav-menu .sub-menu a {padding: 8px 15px;}
}
@media (min-width:992px) {
	.main-nav {display: block !important;}
	ul.nav-menu > li {display: inline-block; margin-right: 4px;}
	ul.nav-menu > li:last-child {margin-right: 0;}
	ul.nav-menu > li > a {padding: 10px 17px;}
	ul.nav-menu li > a:hover, .nav-menu li:hover > a {text-decoration: none; color: var(--Jaune);}
	ul.nav-menu ul.sub-menu {top: 100%; background: rgba(255, 255, 255, .3); width: 210px; position: absolute; left: -999em;z-index: 999; border-radius: 10px;}
	ul.nav-menu li:hover > ul.sub-menu {left: 0;}
	ul.nav-menu li.nav-contact a {background-color: rgba(255, 255, 255, .1); border-radius: 30px;}
	.page-header-scroll ul.nav-menu ul.sub-menu {background-color: rgba(17, 14, 41, .9);}
	ul.nav-menu > li.current-menu-item > a,
	ul.nav-menu > li.current-menu-parent > a,
	ul.nav-menu > li.current-post-parent > a,
	ul.nav-menu > li.current-menu-ancestor > a,
	ul.nav-menu > li.current-post-ancestor > a,
	ul.nav-menu > li.current-page-ancestor > a,
	ul.nav-menu > li.current-category-ancestor > a {font-weight: 500;}
	ul.nav-menu ul.sub-menu a {padding: 10px 17px; font-size: .9em;}
	ul.nav-menu ul.sub-menu li {border-bottom: 1px solid rgba(255, 255, 255, .2);}
	ul.nav-menu ul.sub-menu li:last-child {border-bottom: 0;}
	ul.nav-menu ul.sub-menu li:hover a,
	ul.nav-menu ul.sub-menu a:hover {color: var(--Jaune);}
}
@media (min-width: 1200px) {
	ul.nav-menu > li {margin-right: 7px;}
	ul.nav-menu > li > a {padding: 10px 20px;}
	ul.nav-menu ul.sub-menu a {padding: 10px 20px;}
}
@media (min-width: 1500px) {}

/* ******************************* FOOTER */

.cta h3 {margin-bottom: .5em;}

.page-footer {padding: 60px 0 40px;}

.footer-bottom {padding-top: 80px;}

.footer-mentions {font-size:0.8em;}
.footer-mentions a {color: #fff;}
.footer-mentions a:hover {text-decoration: underline;}
.footer-mentions li:before {content:"";width: 1px; height: 10px; background-color: rgba(255,255,255,0.5); display: inline-block;margin: 0 10px 0 0;}
@media (max-width: 767px) {
	.footer-mentions li:first-child:before {content: none;}
}

@media (min-width: 992px) {
	.cta-row {position: relative;}
	.cta-row:after {content: ""; width: 1px; position: absolute; left: 55%; top: 0; bottom: 0; background-color: rgba(255, 255, 255, .3);}
}
@media (min-width: 1200px) {
	.footer-bottom {padding-top: 140px;}
	.cta-row:after {left: 50%;}
}


.post-edit-link {position: fixed; top: 50%; left: 0;font-size: 0;z-index: 9999; text-decoration: none !important;}
.post-edit-link:before {display:block; font-size: 20px; border: 1px solid #fff; width: 35px; height: 35px; background-color: #000; color: #fff; text-align: center; line-height: 35px; content: "✎";}
.post-edit-link:hover:before {background-color: red;}

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

#page {height: 100%; padding-top: 80px; background: url("images/pattern-768.webp") center top no-repeat;}
body.home #page {background: none;padding-top: 0;}
.main-content {overflow: hidden;}
@media (min-width: 768px) {
	#page {background-image: url("images/pattern-1200.webp");background-size: 100% auto;}
}
@media (min-width: 992px) {
	#page {padding-top: 200px;}
}
@media (min-width: 1200px) {
	#page {background-image: url("images/pattern-2000.webp");}
}


.has-stars {padding-top: 9em;position: relative;background: url("images/pattern-768.webp") center top no-repeat;}
@media (min-width: 480px) {
	.has-stars {padding-top: 9.5em;}
}
@media (min-width: 768px) {
	.has-stars {padding-top: 10em;background-image: url("images/pattern-1200.webp");background-size: 100% auto;}
}
@media (min-width: 992px) {
	.has-stars {padding-top: 11em;}
}
@media (min-width: 1200px) {
	.has-stars {padding-top: 12em;background-image: url("images/pattern-2000.webp");}
}



.nocomments {display: none;}
.alignleft {float:left; margin:0 15px 8px 0;}
.alignright {float:right; margin:0 0 8px 15px;}
img.aligncenter,
.m-text picture.aligncenter > * {display: block; margin: 0 auto;}

.wp-caption {display: inline-block; max-width: 100%;}
.wp-caption img {margin-bottom:.5rem;line-height:1;}
.wp-caption .wp-caption-text {font-size: .8em; font-style: italic; margin: 0;}

.m-section--color {padding: 2em 0 1em;}
.m-text--color {padding: 1.5em 2em 1px;}
.m-text img {max-width: 100%; height: auto;}
.m-text iframe, .m-text object {max-width: 100%;}
.img-fluid img, .img-fluid source {max-width: 100%; height: auto;}

.m-accordion {border-top: 1px solid rgba(255, 255, 255, .3);}
.m-accordion-section {border-bottom: 1px solid rgba(255, 255, 255, .3);}
.m-accordion-title {color: #fff;padding: .9em 2em .9em 0;position: relative; cursor: pointer;display:block; font-size: 1.2em;}
.m-accordion-title:hover {background-color: rgba(255, 255, 255, .1); text-decoration: none;}
.m-accordion-title:focus {text-decoration: none;outline: none;}
.m-accordion-title.active {font-weight: 500; background-color: transparent !important;}
.m-accordion-title:after {position: absolute; right: 1em; top: 50%; margin-top: -14px; content: ""; display: inline-block;width: 22px; height: 28px;background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path fill='%23ffffff' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z'/></svg>") no-repeat 0 0;}
.m-accordion-title.active:after {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.m-accordion-panel {padding: 1em 0;display:none;border-radius: 2px;}


.hero {height: 100%; position: relative;min-height: 600px;overflow: hidden;}
.hero p {position: absolute;font-size: 1.15em; font-weight: 400;line-height: 1.25em;left: 50%;white-space: nowrap;}
.hero p span {color: var(--Jaune);}
.hero-text1 {top: 20%;-webkit-transform: translateX(-200px); transform: translateX(-200px);}
.hero-text2 {top: 68%;-webkit-transform: translateX(-100px); transform: translateX(-100px);}
@media (min-width: 480px) {
	.hero p {font-size: 1.3em;}
	.hero-text1 {-webkit-transform: translateX(-260px); transform: translateX(-260px);}
	.hero-text2 {-webkit-transform: translateX(-50px); transform: translateX(-50px);}
}
@media (min-width: 768px) {
	.hero p {font-size: 1.44em;}
	.hero-text1 {top: 20%;-webkit-transform: translateX(-300px); transform: translateX(-300px);}
	.hero-text2 {top: 70%;-webkit-transform: translateX(50px); transform: translateX(50px);}
}
@media (min-width: 992px) {
	.hero p {font-size: 1.5em;}
	.hero-text1 {top: 25%;-webkit-transform: translateX(-400px); transform: translateX(-400px);}
	.hero-text2 {top: 69%;-webkit-transform: translateX(130px); transform: translateX(130px);}
}
@media (min-width: 1200px) {
	.hero {min-height: 750px;}
	.hero p {font-size: 1.6em;}
	.hero-text1 {top: 32%;-webkit-transform: translateX(-460px); transform: translateX(-460px);}
	.hero-text2 {top: 68%;-webkit-transform: translateX(150px); transform: translateX(150px);}
}


.plane {width: 340px; position: absolute;left: 50%; top: 38%; margin-left: -170px;height: auto;}
@media (min-width: 768px) {
	.plane {width: 480px;margin-left: -240px;}
}
@media (min-width: 1200px) {
	.plane {width: 540px;margin-left: -270px;}
}

.hero-scroll {position: absolute;text-align: center; bottom: 30px; width: 200px; text-align: center; left: 50%; margin-left: -100px;}
.hero-scroll span {display: block; color: #fff; text-transform: uppercase; font-weight: 500; margin-bottom: 10px;}
.hero-scroll img {position: relative;-webkit-transition: all .3s 0s; transition: all .3s 0s;}
.hero-scroll:hover img {-webkit-transform: translateY(8px); transform: translateY(8px);}

.home-company {background-color: rgba(255, 255, 255, .15); border-radius: 20px; padding: 80px 0;}
.home-company .item {text-align: center;}
.home-company .item > div {height: 88px;margin-bottom: 20px;}
.home-company .item p {font-weight: 500; font-size: 1.22em; line-height: 1.3em;}
.home-company .item p span {color: var(--Jaune);}
@media (min-width: 768px) and (max-width: 991px) {
	.home-company .item p {font-size: 1.05em;}
}

.homeawards .title {font-size: 2em;text-align: center; font-weight: 400;}
.homeawards .award {text-align: center;}
.homeawards .award .image {width: 220px; height: 50px; margin: 0 auto 24px;}
.homeawards .award .image img {max-width: 100%; max-height: 100%; width: auto; height: auto;}
.homeawards .award .date {font-size: 1.15em; font-weight: 500; display: inline-block;position: relative;}
.homeawards .award .date:before {content: ""; width: 102px; height: 1px; background-color: rgba(255, 255, 255, .3); display: block; margin: 0 auto 24px;}
@media (min-width: 992px) {
	.homeawards .title {margin-top: 60px;}
}


.homearticle {width: 100%;}
@media (min-width: 768px) {
	.homearticle {width: 320px; margin-left: 10px; margin-right: 10px;}
}
@media (min-width: 992px) {
	.homearticle {width: 440px;}
}
@media (min-width: 1200px) {
	.homearticle {width: 350px;}
}
@media (min-width: 1500px) {
	.homearticle {width: 403px;}
}

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

.m-awards {position: relative;}
.m-awards:after {content: ""; width: 1px; position: absolute; left: 85px; top: 0; bottom: 0; background-color: rgba(255, 255, 255, .3);}
.m-award {margin-bottom: 2em;}
.m-awards > .m-award:last-child {margin-bottom: 0;}

.m-award-date {width:80px; margin-right: 40px; font-weight: 500; font-size: 1.2em;position: relative;}
.m-award-date span {display: inline-block; position: relative;}

.m-award-date.lazy span {position: relative;opacity: 0;-webkit-transform: translateX(-50px); transform: translateX(-50px);-webkit-transition: all .8s .2s; transition: all .8s .2s;}
.m-award-date.lazy-loaded span {-webkit-transform: translateX(0); transform: translateX(0);opacity: 1;} 

.m-award-date:after {content: ""; width: 6px; height: 6px; border-radius: 50%; background-color: rgba(255, 255, 255, .5); position: absolute; top: 12px; right: -9px;-webkit-transition: all .2s .2s; transition: all .2s .2s;}
.m-award-date.lazy:after {-webkit-transform: scale(0); transform: scale(0);}
.m-award-date.lazy-loaded:after {-webkit-transform: scale(1); transform: scale(1);}

.m-award-text {flex: 1;margin: 0;}
.m-award-text.lazy {position: relative;opacity: 0;-webkit-transform: translateX(50px); transform: translateX(50px);-webkit-transition: all 1s .5s; transition: all 1s .5s;}
.m-award-text.lazy-loaded {-webkit-transform: translateX(0); transform: translateX(0);opacity: 1;} 

@media (min-width: 768px) {
	.m-awards:after {left: 35%;}
	.m-award-date {width:31%; text-align:right;margin-right: 60px;}
	.m-award-date:after {right: -31px;}
}
@media (min-width: 992px) {
	.m-awards:after {left: 34%;}
}
@media (min-width: 1200px) {
	.m-award-date:after {right: -34px;}
}
@media (min-width: 1500px) {
	.m-awards:after {left: 33.5%;}
	.m-award-date:after {right: -32px;}
}


.m-what {margin-bottom: 1.5em;}
.m-what--header {font-size: 1.2em; font-weight: 400;color: var(--Jaune);}
.m-what-yes {width: 20%;position: relative;}
.m-what-yes:before {width: 12px; height: 12px; margin-right: 8px;content: ""; display: inline-block;background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23ffffff' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/></svg>") no-repeat 0 0;}
.m-what-no {width: 20%;position: relative;}
.m-what-no:before {width: 12px; height: 12px; margin-right: 8px;content: ""; display: inline-block;background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512'><path fill='%23ffffff' d='M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z'/></svg>") no-repeat 0 0;}
.m-what--header .m-what-yes:before,
.m-what--header .m-what-no:before {content: none;}
.m-what-other {width: 40%;}


/* ************ Mixitup */

.mixitup-toggle {display: inline-block;position: relative; padding: 12px 50px 12px 30px; border: 1px solid #fff; border-radius: 30px; width: 100%;}
.mixitup-toggle:after {content: ""; width: 18px; height: 35px;display: inline-block; position: absolute; top: 7px; right: 28px;background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'><path fill='%23ffffff' d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z'/></svg>") no-repeat 0 0;}
.mixitup-toggle:hover:after {background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'><path fill='%23ffffff' d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z'/></svg>") no-repeat 0 0;}
.mixitup-toggle.is-open {background-color: var(--Turquoise); color: #fff; border-radius: 25px 25px 0 0;}
.mixitup-toggle.is-open:after {background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'><path fill='%23ffffff' d='M136.5 185.1l116 117.8c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.7 4.7-12.3 4.7-17 0L128 224.7 27.6 326.9c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17l116-117.8c4.7-4.6 12.3-4.6 17 .1z'/></svg>") no-repeat 0 0;}
.mixitup-toggle.is-open:hover:after {background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'><path fill='%23ffffff' d='M136.5 185.1l116 117.8c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.7 4.7-12.3 4.7-17 0L128 224.7 27.6 326.9c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17l116-117.8c4.7-4.6 12.3-4.6 17 .1z'/></svg>") no-repeat 0 0;}

.mixitup-controls {font-size: .85em;}
.mixitup-controls.is-open {display: block !important;}
.mixitup-controls .checkbox-label span {width: 100%; border:none; cursor: pointer; display: inline-block;background-color: transparent;outline: none !important;}
.mixitup-controls .checkbox-label > span:hover {background-color: rgba(255, 255, 255, .1);}
.mixitup-controls .checkbox-label input {position: absolute; left: -999em;}

.mix {margin-bottom: 20px;width: 100%;}

@media (max-width: 991px) {
	.mixitup-controls {position: absolute; left: 0; top: 100%; height: 162px; width: 100%; overflow-y: scroll; z-index: 995; background-color: var(--Turquoise); border: 1px solid #fff; border-top: 0; border-radius: 0 0 25px 25px;}
	.mixitup-controls .d-flex > div {width: 100%;}
	.mixitup-controls .checkbox-label {width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .3);}
	.mixitup-controls .controls > div:last-child .checkbox-label {border: 0;}
	.mixitup-controls .checkbox-label > span {display: block; width: 100%;text-align: left;padding: 9px 30px;}
	.mixitup-controls .checkbox-label input:checked + span {background-color: #fff; color: var(--GreyBlack); font-weight: 400;}
}
@media (min-width: 768px) {
	.mix {width: 320px; margin-left: 10px; margin-right: 10px;}
}
@media (min-width: 992px) {
	.mixitup-controls {font-size: 1em; margin-bottom: 3em;display: block !important;}
	.mixitup-controls .checkbox {margin: 0 10px;}
	.mixitup-controls .checkbox-label span {display: block;border: 1px solid #fff;border-radius: 20px; padding: 6px 24px; font-weight: 400;}
	.mixitup-controls .checkbox-label input:checked + span {background-color: #fff; color: var(--GreyBlack);}
	.mixitup-controls .checkbox-label > span:hover {background-color: rgba(255, 255, 255, .1);}
	.mix {width: 440px;}
}
@media (min-width: 1200px) {
	.mix {width: 350px;}
}
@media (min-width: 1500px) {
	.mix {width: 403px;}
}

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

.m-bloc {background-color: rgba(255, 255, 255, .15); border-radius: 20px; padding: 40px 35px; position: relative; height: 100%;}

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

.m-article {background-color: rgba(255, 255, 255, .15); border-radius: 20px; padding: 40px 35px; position: relative; height: 100%;-webkit-transition: all .2s 0s; transition: all .2s 0s;}
.m-article:hover {background-color: rgba(255, 255, 255, .3);}
.m-article img {display: block;}
.m-article a {color: #fff; display: inline-block; line-height: 1.2em; font-weight: 400;}
.m-article a:after {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}


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

.m-brochure {color: #fff;}

.m-brochure #dae-shortcode268-download-wrapper h2.dae-shortcode-download-title,
.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-download-button,
.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-download-button .dae-shortcode-download-button-icon {display: none !important;}

.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-register-wrapper {display: block !important; text-align: left !important; justify-content: start !important; -webkit-justify-content: start !important;}

.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-register-wrapper .dae-shortcode-register-label {color: #fff !important; text-align: left !important; margin: 0 0 30px !important;max-width: 100% !important;}

.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-register-wrapper .dae-shortcode-register-field-wrap {border-bottom: 1px solid rgba(255, 255, 255, .3) !important; justify-content: start !important;-webkit-justify-content: start !important;margin: 0 0 30px !important;}
.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-register-wrapper .dae-shortcode-register-field-wrap .dae-shortcode-register-icon {background: transparent !important;padding-left: 0 !important;}
.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-register-wrapper .dae-shortcode-register-field-wrap .dae-shortcode-register-input-wrap {flex: 1; max-width: 100% !important;}
.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-register-wrapper .dae-shortcode-register-field-wrap .dae-shortcode-register-input-wrap input {background: transparent !important; color: #fff !important;}

.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-register-wrapper .dae-shortcode-register-field-wrap .dae-shortcode-register-input-wrap input::-moz-placeholder,
.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-register-wrapper .dae-shortcode-register-field-wrap .dae-shortcode-register-input-wrap input::placeholder {color:rgba(255, 255, 255, .5) !important;}

.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-register-wrapper .dae-shortcode-register-form p {text-align: left !important;margin: 0 0 30px !important;}

.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-register-wrapper .dae-shortcode-register-message {text-align: left !important; margin: 0 !important;}
.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-register-wrapper .dae-shortcode-register-message span {display: inline-block;background-color: rgba(255, 255, 255, .4) !important; padding: 10px !important; border-radius: 2px;}

.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-register-wrapper .dae-shortcode-register-form input[type="checkbox"] {border: 0;}

.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-register-form span.dae-shortcode-register-checkbox-text {color: #fff !important;max-width: 100% !important; font-size: .9em !important;}
.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-register-form span.dae-shortcode-register-checkbox-text a {text-decoration: none !important; border-bottom: 1px dotted #fff !important;color: #fff !important;}
.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-register-form span.dae-shortcode-register-checkbox-text a:hover {border-bottom: 1px solid #fff !important;}

.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-download-wrapper .dae-shortcode-register-wrapper {display: block !important;}
.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-register-submit {font-size: 14p !importantx;font-weight: 500 !important;color: #fff !important;text-transform: uppercase !important;padding: 18px 40px !important; border: none !important; box-shadow: none !important; text-align: center; background-color: var(--Jaune) !important; border-radius: 40px !important; margin-bottom: 0; position: relative; text-decoration: none !important;-webkit-transition: all .4s 0s; transition: all .4s 0s;}
.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-register-submit:hover {padding: 18px 40px !important;background-color: #fff !important;color: var(--GreyBlack) !important;text-decoration: none;}
.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-register-submit:before {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1.5px solid var(--Turquoise);border-radius: 40px;-webkit-transition: all .2s 0s; transition: all .2s 0s;}
.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-register-submit:hover:before {left: -4px; right: -4px; top: -4px; bottom: -4px; border-color: var(--Jaune);}
@media (min-width: 480px) {
	.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-register-submit,
	.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-register-submit:hover {font-size: 16px !important;padding: 24px 50px !important;border-radius: 40px !important;}
	.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-register-submit:before {border-radius: 42px;}
}

@media (max-width: 767px) {
	.m-brochure #dae-shortcode268-download-wrapper .dae-shortcode-register-wrapper .dae-shortcode-register-label {text-align: center !important;}
	.dae-shortcode-download-wrapper input.dae-shortcode-register-submit {display: block !important; margin: 0 auto !important;}
}

/* 404 */
svg.error-icon {width: 50px;margin: 20px auto 40px;}
svg.error-icon path {fill: #fff;}
.m-404 a {color: #fff;}

/* Sitemap */
.m-sitemap {margin-bottom: 40px;}
.m-sitemap ul > li {margin-bottom: 1em;} 
.m-sitemap ul li li {margin-bottom: 1em;} 
.m-sitemap ul.children {padding-top: 1em;}
.m-sitemap a {color: #fff;}
.m-sitemap a:hover {text-decoration: underline;}

/* SOCIALS */
.socials button {width: 30px; height: 30px; margin-right: 4px; border: none; background-color: #fff; padding: 0; text-align: center; cursor: pointer; display: inline-block; vertical-align: middle;border-radius: 6px;}
.socials button svg {display: block; height: 20px; width: auto; margin: 5px auto;}
.socials > button:last-child {margin-right: 0;}
.socials button svg path {fill: var(--Turquoise);}
.socials button:hover {background-color: var(--Jaune);}
.socials button:hover svg path {fill: var(--GreyBlack);}

/* LAZY LOAD */

.lazy.lazy-fromLeft {position: relative;opacity: 0;-webkit-transform: translateX(-200px); transform: translateX(-200px);-webkit-transition: all .8s 0.6s; transition: all .8s 0.6s;}
.lazy-loaded.lazy-fromLeft {-webkit-transform: translateX(0); transform: translateX(0);opacity: 1;} 

.lazy.lazy-fromRight {position: relative;opacity: 0;-webkit-transform: translateX(200px); transform: translateX(200px);-webkit-transition: all .8s 0.6s; transition: all .8s 0.6s;}
.lazy-loaded.lazy-fromRight {-webkit-transform: translateX(0); transform: translateX(0);opacity: 1;} 

.lazy.lazy-fromTop {position: relative;opacity: 0;-webkit-transform: translateY(-200px); transform: translateY(-200px);-webkit-transition: all .8s 0.6s; transition: all .8s 0.6s;}
.lazy-loaded.lazy-fromTop {-webkit-transform: translateX(0); transform: translateX(0);opacity: 1;} 

.lazy.lazy-fromBottom {position: relative;opacity: 0;-webkit-transform: translateY(100px); transform: translateY(100px);-webkit-transition: all .8s 0.6s; transition: all .8s 0.6s;}
.lazy-loaded.lazy-fromBottom {-webkit-transform: translateX(0); transform: translateX(0);opacity: 1;} 

/* FORMS */

.form-group .label {display: inline-block; margin-bottom: 5px;}
.form-control, 
#respond input[type=text],#respond input[type=email], #respond textarea {font-size: 18px;padding: 0.4em 0; border-radius: 0; background-color: transparent; border: 0; border-bottom: 1px solid rgba(255, 255, 255, .3);}
#respond textarea {max-width: 100%;}
.form-control:focus, 
#respond input[type=text]:focus, #respond input[type=email]:focus, #respond textarea:focus {border-color: rgba(255, 255, 255, .8);}
.form-control::-moz-placeholder,
.form-control::-webkit-placeholder,
.form-control::placeholder {color:rgba(255, 255, 255, .3);}
.form-select {font-size: 18px;color:rgba(255, 255, 255, .6);padding:  0.4em 0; border-radius: 0; background-color: transparent; border: 0; border-bottom: 1px solid rgba(255, 255, 255, .3);background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");background-position: right 0.75rem center;background-size: 16px 12px;}
.form-select:focus {border-color: rgba(255, 255, 255, .8); color: #fff;}
.form-check {min-height: 20px;}
.form-check input {width: 20px;height: 20px;border: 1px solid rgba(255, 255, 255, .3);background-size: contain;}
.form-check input:checked {background-color: #fff;border-color: #fff;}
.form-check input:checked[type=checkbox] {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='%23373737' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/></svg>");}
.form-check input:checked[type=radio] {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='%23373737'/></svg>");}
.form-switch input[type=checkbox] {width: 2.2em;background-position: left center;border-radius: 2em;transition: background-position 0.15s ease-in-out;background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23fff'/></svg>"); }
.form-switch input[type=checkbox]:focus {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23fff'/></svg>");}
.form-switch input[type=checkbox]:checked {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%2300698C'/></svg>");}
.form-control::-webkit-file-upload-button {color: var(--GreyBlack); background-color: #fff;}
.form-control::file-selector-button {color: var(--GreyBlack); background-color: #fff;}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {background-color: rgba(255, 255, 255, .3);}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {background-color: rgba(255, 255, 255, .3);}

.wpcf7-acceptance {font-size: .9em;}

span.wpcf7-form-control-wrap,
span.wpcf7-form-control-wrap > span {display: block; width: 100%;}
span.wpcf7-list-item {display: block; margin: 0 0 1em 0;}
span.wpcf7-list-item.last {margin-bottom: 0;}
.form-check--inline span.wpcf7-list-item {display: inline-block; margin: 0 0 0 1em;}
.form-check--inline span.wpcf7-list-item.first {margin-left: 0;}

/* WPCF7 */
.wpcf7 .screen-reader-response {position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; }
.wpcf7 form .wpcf7-response-output {margin: 1.5em 0; padding: 0.8em 1em; border:0; border-radius: 2px;}
.wpcf7 form.init .wpcf7-response-output {display: none;}
.wpcf7 form.sent .wpcf7-response-output {background-color: rgba(255,255,255,.3); border:1px solid #48c504; /* Green */}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {background-color: rgba(255,255,255,.3); border:1px solid #ff5d5d; /* Red */}
.wpcf7-form-control-wrap {position: relative;}
.wpcf7-not-valid-tip {color: #ff5d5d; font-size: .9em; font-weight: normal; display: block;padding-top: 4px;}
.wpcf7-not-valid.form-control {border-color: #ff5d5d;}
div.wpcf7 .ajax-loader {visibility: hidden; position: relative; display: inline-block; width: 20px; height: 20px; border: none; padding: 0; margin: 0 0 0 4px; vertical-align: middle;}
div.wpcf7 .ajax-loader:after {background-color: #000;width: 20px;height: 20px;content: ""; opacity: .8; position: absolute; top: 0; left: 0;display: inline-block;-webkit-animation: rotate-loading 1.2s infinite ease-in-out; animation: rotate-loading 1.2s infinite ease-in-out;}
div.wpcf7 .placeheld {color: #888;}
div.wpcf7 .ajax-loader.is-active {visibility: visible;} div.wpcf7 div.ajax-error {display: none;} div.wpcf7 input[type="file"] {cursor: pointer;} div.wpcf7 input[type="file"]:disabled {cursor: default;} div.wpcf7 .wpcf7-submit:disabled {cursor: not-allowed;} .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {direction: ltr;}
span.wpcf7-list-item-label::before, span.wpcf7-list-item-label::after {content: " ";}
span.wpcf7-list-item input {margin-right: 5px;}