.section-hero {background: var(--citrouille);height: 80vh;position:relative;}
.section-hero p{color:#FFF;font-size:14px;line-height:1;font-weight:500;text-transform:uppercase;}
.section-hero h1{color:#FFF;font-size:80px;line-height:1;font-weight:600;}
.section-hero .toNext {border: unset;background: unset;position: absolute;bottom: 3rem;right: 1rem;}
.background {position: absolute;width: 100%;height: 100%;}
.background::before {content: "";position: absolute;inset: 0;background-image: url("../../img/design/overlay-video-hero-ETnaQeX.jpg");background-size: cover;background-position: center;opacity: 0.5;mix-blend-mode: luminosity;z-index: 1;}
.background::after {content: "";position: absolute;inset: 0;background: linear-gradient(135deg,#FFF0E6 0%,#BDD9BF 33%,#FF741F 66%,#104A65 100%);z-index: 0;}
.b_titre {display:flex;gap:10px;align-items: flex-start;}
.b_titre::before {width: 10px;height: 10px;background: var(--citrouille);border-radius: 50%;display: inline-flex;content: "";}
.b_titre .surTitre{color:var(--bleuYale);font-weight:500;font-size:.875rem;line-height:1;text-transform: uppercase;position:relative;margin-bottom:0;}
p.intro{font-weight:600;font-size:2rem;font-family:"Inter";line-height:1;margin-bottom:2rem;}


.section-contact .container{border-radius:6px;position:relative}
.section-contact .container::after{content:"";position:absolute;width:100%;height:100%;top:0;right:0;background-image: url("../../img/design/overlay-video-hero-ETnaQeX.jpg");background-size: cover;background-position: center;opacity: 0.5;mix-blend-mode: overlay;z-index:1;}
.section-contact .container > div {z-index:2;position:relative;}

.mission-cards {padding: 1.5rem 0 3rem;}
.card {background: var(--indigo);min-height:448px;border-radius:9px;border:unset;padding:2.125rem 2rem;display: flex;flex-direction: column;justify-content: space-between;}
.card.indigo {background: var(--indigo);color: white !important;}
.card h2 {color: #FFF;font-family:"Inter";font-size: 1.875rem;font-weight: 400;line-height: 1.16;padding-bottom:1.5rem;margin-bottom:1.5rem;}
.card p {color: #FFF;font-size: 1.08rem;line-height: 1.45;}
.card.indigo a.btn-classic {background-color: white;}
.card.indigo a.btn-classic span {color: var(--indigo);}
.card.indigo a.btn-classic span:last-of-type {background-color: var(--indigo);}

/** Détails **/

.section-hero-details {background: var(--lin);height: 60vh;position:relative;}
.section-hero-details::after{content:"";position:absolute;width:100%;height:100%;top:0;right:0;background-image: url("../../img/design/overlay-video-hero-ETnaQeX.jpg");background-size: cover;background-position: center;opacity: 0.5;mix-blend-mode:soft-light;z-index:1}
.section-hero-details > div {z-index:2;position:relative;}
span.f_titre,
span.mainTitre{display:block;}
span.f_titre{font-size:1.5rem;line-height:1.6;font-weight:800;}
span.f_titre span{font-weight:600;}
span.mainTitre{font-size:4rem;line-height:1.1;font-weight:600;}

.btn.btn-back {display: flex;gap: 16px;align-items: center;padding-left: 0;}
.btn-back span:first-of-type {display:flex;height: 48px;width: 48px;background:var(--citrouille);border-radius: 50%;align-items: center;justify-content:center;}
.btn-back span:last-of-type {text-transform: uppercase;color:var(--bleuyale);font-size:14px;font-weight:500;}

.content ul, ul.list-items {list-style: none;padding: 0;width:100%;}
.content ul li, .list-items li{border-bottom: 1px solid var(--bleuYale10);height: 45px;display: flex;align-items: center;font-size:1.5rem;color:var(--bleuYale);}
.content ul li a, .list-items li a{display:flex;gap:16px;font-weight: 600;}
.content ul li a.inactif, .list-items li a.inactif {color:var(--bleuYale10);}
.content ul li a.inactif span:first-of-type{display:none;}
.mission-nav li{transition:border-color .2s ease;}
.mission-nav li:hover,.mission-nav li.is-active{border-bottom-color:rgba(16,74,101,.25);}
.mission-nav .link-page{color:var(--bleuYale10);text-decoration:none;transition:color .2s ease;}
.mission-nav .link-page:hover,.mission-nav .link-page.is-active{color:var(--bleuYale);}

.content ul, .content p {margin-bottom:2rem;}
.content ul li{color:var(--indigo);font-family:"Montserrat";font-weight:500;height: 40px;font-size:1rem}
.content h2{font-weight:"Inter";font-weight:500;font-size:18px;line-height:1;text-transform:uppercase;color:var(--bleuYale);position:relative;padding-left: 22px;margin-bottom:1.5rem;}
.content h2::before{content:"";position:absolute;left:0;top:2px;width:10px;height:10px;background:var(--citrouille);border-radius:5px;}

.contact-image {border-radius: 4px;aspect-ratio: 1;object-fit: cover;width: 100%;filter:grayscale(100%);-webkit-filter:grayscale(100%);}
.contact-prenom-nom {font-size: .9rem;color: var(--bleuYale);font-weight: 500;}
.contact-fonction { font-size: .9rem;color: var(--bleuYale50);}

@media (max-width: 992px) {

}


@media (max-width: 576px) {
    .section-hero h1{font-size: 45px !important;}
    p.intro {font-size: 1.5rem !important;}
}