.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;}
/** accordion horizontal **/
.horizontal-accordion {display:flex;width:100%;gap:10px;}
.choice{height:500px;box-sizing:border-box;padding:0;overflow:hidden;float:left;align-items:center;transition:flex-grow 0.2s;border-radius:3px;margin:0 !important;cursor:pointer;flex:1 1 0;min-width:0;}
.expand{flex-grow:3;}
.unset{flex-grow:1;cursor:pointer;}
.small{flex-grow:1;}
.small > div.card-body {opacity: 0;display:none;}
.unset > div.card-body {opacity: 0;display:none;}
.expand > div.card-body {transition-delay: 200ms;opacity: 1;width:67%;}
.expand > div.card-header {width:33%;}
.horizontal-accordion .card{border-radius:9px;border:unset;padding:2.125rem 2rem;display: flex;flex-direction: row;}
.horizontal-accordion .card-header{padding: 0;background-color: unset;box-shadow: unset;border: none;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;width: 100%;height: 100%;padding-left: .5rem;padding-right: .25rem;}
.horizontal-accordion .card-body{padding: 0 0 0 2rem;height:100%;border-left:1px solid;display:flex;flex-direction:column;justify-content:space-between;}
.horizontal-accordion .card-body p strong {font-weight:700;font-size:2rem;}
.production-accordion-picto{display:block;height:96px;max-width:110px;object-fit:contain;width:auto;}
.horizontal-accordion .card.vert{background:var(--theVert);color:var(--indigo) !important;}
.horizontal-accordion .card.indigo{background:var(--indigo);color:white !important;}
.horizontal-accordion .card.citrouille{background:var(--citrouille);color:white !important;}
.horizontal-accordion .card.creme{background:var(--lin);color:var(--indigo) !important;}
.horizontal-accordion .card.vert .card-text,
.horizontal-accordion .card.creme .card-text{color:var(--bleuYale) !important;}
.horizontal-accordion .card.vert .card-body,
.horizontal-accordion .card.creme .card-body{border-color:var(--indigo10);}
.horizontal-accordion .card.citrouille .card-body,
.horizontal-accordion .card.indigo .card-body{border-color:rgba(255,255,255,.1);}
.horizontal-accordion .card.vert a.btn-classic,
.horizontal-accordion .card.creme a.btn-classic {background-color:var(--indigo);}
.horizontal-accordion .card.vert a.btn-classic svg path{stroke:var(--indigo);}
.horizontal-accordion .card.creme a.btn-classic svg path{stroke:var(--indigo);}
.horizontal-accordion .card.citrouille a.btn-classic span{color:var(--citrouille);}
.horizontal-accordion .card.indigo a.btn-classic span{color:var(--indigo);}
.horizontal-accordion .card.citrouille a.btn-classic,
.horizontal-accordion .card.indigo a.btn-classic {background-color:white;}
.horizontal-accordion .card.citrouille a.btn-classic span:last-of-type {background-color:var(--citrouille);}
.horizontal-accordion .card.indigo a.btn-classic span:last-of-type {background-color:var(--indigo);}
.horizontal-accordion .card.indigo a.btn-classic svg path,
.horizontal-accordion .card.citrouille a.btn-classic svg path{stroke:white;}
.horizontal-accordion .card h3{font-size:1.875rem;font-weight:400;margin:0;min-height:72px;}
.horizontal-accordion .card h3 span{font-weight:800;}
.horizontal-accordion .news {position:relative;display:inline-flex;text-transform:uppercase;background:var(--citrouille);padding:4px 6px;color:#FFF;border-radius:22px;font-size:12px;font-weight:600 !important;gap:6px;align-items:center;margin-top: 8px;}
.horizontal-accordion .news::before{content:"";width:8px;height:8px;border-radius:50%;background-color:#FFF;}

.fullwidth-video {position: absolute;width: 100%;height:100%;top:0;left:0;-webkit-transform-style: preserve-3d;z-index:0;}
.fullwidth-video video {position: absolute;top: 50%;left: 50%;z-index: 1;min-height: 100%;min-width: 100%;height: auto;width: auto;object-fit: cover;transform: translate(-50%,-50%);opacity: 0.8;mix-blend-mode: multiply;}
.dictionaries-free-section{background-color:var(--dictionaries-background-color, var(--indigo));background-position:center;background-size:cover;}
.dictionaries-free-section .fullwidth-video::after{background-color:var(--dictionaries-background-color, var(--indigo));background-image:url("../../img/design/overlay-video-hero-ETnaQeX.jpg");background-blend-mode:overlay;background-position:center;background-repeat:no-repeat;background-size:cover;content:"";inset:0;mix-blend-mode:overlay;opacity:.6;pointer-events:none;position:absolute;}
.dictionaries-free-section > .container{z-index:2;}
.content-section .titre{font-weight:600;font-size:3rem;line-height:1.15;font-family:"Inter";text-transform: initial;}
.production-ia-visual{display:flex;align-items:center;justify-content:center;}
.production-ia-visual svg,.production-ia-image{display:block;width:100%;height:auto;max-height:622px;object-fit:contain;}
.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;}
/** Détails **/

.section-hero-details {background:var(--production-background, var(--theVert));color:var(--production-text, var(--bleuYale));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;}
.section-hero-details .production-heading,
.section-hero-details .production-heading span{color:var(--production-text, var(--bleuYale));}
.c_picto {height: 145px;width: 131px;}
.production-picto{display:block;max-width:131px;max-height:145px;width:auto;height:auto;}

.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);font-size: 1.3rem;}
.content ul li a, .list-items li a{display:flex;gap:16px;font-weight: 600;}
.production-nav li{transition:border-color .2s ease;}
.production-nav li:hover,.production-nav li.is-active{border-bottom-color:rgba(16,74,101,.25);}
.production-nav .link-page{align-items:center;color:var(--bleuYale10);text-decoration:none;transition:color .2s ease;}
.production-nav .link-page:hover,.production-nav .link-page.is-active{color:var(--bleuYale);}
.production-nav .nav-picto{align-items:center;display:inline-flex;height:31px;justify-content:center;opacity:0;overflow:hidden;transform:scale(.8) rotate(-18deg);transition:opacity .2s ease,transform .25s ease,width .2s ease;width:0;}
.production-nav .nav-picto-mask{background:currentColor;display:block;height:31px;mask:var(--nav-picto-url) center/contain no-repeat;-webkit-mask:var(--nav-picto-url) center/contain no-repeat;width:29px;}
.production-nav .nav-picto svg{display:block;height:31px;max-width:29px;object-fit:contain;width:29px;}
.production-nav .link-page:hover .nav-picto,.production-nav .link-page.is-active .nav-picto{animation:production-nav-picto .45s ease both;opacity:1;transform:scale(1) rotate(0deg);width:29px;}


.content-section-blocs .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;height: 100%;}
.content-section-blocs .card.indigo {background: var(--indigo);color: white !important;}
.content-section-blocs .card h2 {color: #FFF;font-family:"Inter";font-size: 1.875rem;font-weight: 500;line-height: 1.16;padding-bottom:1.5rem;margin-bottom:1.5rem;}
.content-section-blocs .card p {color: rgba(255,255,255,.9);font-size: 1rem;line-height: 1.45;font-weight:400;height: 100%;}


@keyframes production-nav-picto {
    0% {transform:scale(.8) rotate(-18deg);}
    55% {transform:scale(1.08) rotate(8deg);}
    100% {transform:scale(1) rotate(0deg);}
}

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

@media (max-width: 576px) {
    .horizontal-accordion {gap:1rem;flex-direction: column;}
    .horizontal-accordion .card {flex-direction: column !important;width:100%;}
    .unset{width:100% !important;}
    .choice.expand{height:402px !important;min-height: 402px;}
    .choice.small{height:200px !important;min-height: 200px;}
    .horizontal-accordion .card-header {flex-direction: row !important;gap: 24px;align-items: flex-start;padding-left: 0 !important;height:auto !important;align-items: center !important;width:100% !important;}
    .unset > div.card-body {opacity:1 !important;display:flex !important;}
    .horizontal-accordion .card-body {padding: 1.5rem 0 0 0 !important;border-left: unset !important;border-top: 1px solid;margin-top: 1.5rem !important;width: 100% !important;}
    .card-header svg, .card-header img {max-height: 56px;}
    .section-hero h1, .section-hero-details .production-heading, span.mainTitre{font-size: 45px !important;}
    p.intro {font-size: 1.5rem !important;}
}