#banner{background:var(--tertiary-color);display:flex;min-height:200px;margin-bottom:80px}#banner figure{flex:1;flex-basis:50%;position:relative;overflow:hidden}#banner figure img{width:100%;height:100%;object-fit:cover}#banner figure:before,#banner figure:after{content:"";display:block;position:absolute;z-index:2}#banner figure:before{top:0;right:-1px;width:30%;height:100%;background:var(--tertiary-color);clip-path:polygon(100% 0, 0 0, 100% 100%)}#banner figure:after{top:50%;right:15%;transform:translate(45px, -50%);width:90px;height:90px;background:url(../img/interface/macaron.svg) no-repeat center,var(--tertiary-color);background-size:60px,auto;border-radius:99em}#banner figure figcaption{background:rgba(var(--primary-color-rgb), 0.5);min-height:50px;display:flex;align-items:center;padding:0 40px;position:absolute;bottom:0;left:0;right:0;z-index:1}#banner figure figcaption p{flex:1;color:var(--color-white);font-size:12px;text-align:right}#banner>div{flex:1;flex-basis:50%;display:flex;align-items:center;padding:40px}#banner>div>div{flex:1;max-width:700px}#banner>div>div em{font-weight:400;font-size:30px;font-style:normal}#banner>div>div h1{margin-top:0;text-align:center}#banner>div>div p{font-size:18px}#banner>div>div p a:not(.btn){font-weight:700}#banner>div>div p small{font-size:inherit}#banner>div>div p strong{color:var(--secondary-color)}#banner>div>div p em{font-size:24px}#banner>div:first-child>div{max-width:none}@media all and (max-width: 992px){#banner{display:block;margin-bottom:40px}#banner figure:before{top:auto;bottom:-1px;right:0;width:100%;height:30%;clip-path:polygon(0 100%, 100% 100%, 100% 0)}#banner figure:after{top:auto;bottom:15%;left:50%;transform:translate(-50%, 45px)}#banner>div{padding:40px}#banner>div>div{max-width:none}}.carousel .carousel-control{background:none;opacity:1;width:54px;height:54px;border-radius:99em;display:flex;align-items:center;justify-content:center;border:5px solid var(--secondary-color);color:var(--secondary-color);text-shadow:none;top:40px;z-index:2}.carousel .carousel-control .edglyph{font-size:36px}.carousel .carousel-control:hover{text-decoration:none}.carousel .carousel-indicators{width:auto;display:flex;align-items:flex-end;margin:0 0 40px;padding:0 54px;position:relative;left:auto;bottom:auto;z-index:1}.carousel .carousel-indicators:before{content:"";position:absolute;bottom:20px;left:54px;right:54px;height:2px;background:var(--primary-color)}.carousel .carousel-indicators li{flex:1;text-indent:0;margin:0;width:auto;height:auto;border-radius:0;border:0 none;background:none;font-size:18px;position:relative}.carousel .carousel-indicators li:after{content:"";display:block;margin:10px auto 5px;width:2px;height:30px;background:var(--primary-color)}.carousel .carousel-indicators li:hover{color:var(--secondary-color)}.carousel .carousel-indicators li.active{color:var(--secondary-color);font-size:30px}.carousel .carousel-indicators li.active:after{width:7px;height:40px;margin-left:auto;margin-right:auto;margin-bottom:0;background:var(--secondary-color)}@media all and (max-width: 768px){.carousel .carousel-indicators li{display:none}.carousel .carousel-indicators li:nth-child(-n+8){display:block}}@media all and (max-width: 500px){.carousel .carousel-control{width:30px;height:30px;border-width:3px;top:31px}.carousel .carousel-control .edglyph{font-size:24px}.carousel .carousel-indicators{padding:0 30px}.carousel .carousel-indicators:before{bottom:15px;left:30px;right:30px}.carousel .carousel-indicators li{font-size:14px;display:none !important}.carousel .carousel-indicators li:nth-child(-n+5){display:block !important}.carousel .carousel-indicators li:after{height:20px}.carousel .carousel-indicators li.active{font-size:18px}.carousel .carousel-indicators li.active:after{width:5px;height:30px}}.article{display:flex;margin-bottom:40px;max-width:600px}.article article{flex:1;box-shadow:var(--shadow-elevation-1);background:var(--color-background-base)}.article article figure{position:relative;display:flex}.article article figure a{flex:1;display:block;position:relative;overflow:hidden;padding-top:50%}.article article figure a img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.article article figure figcaption{background:rgba(var(--primary-color-rgb), 0.5);min-height:50px;display:flex;align-items:center;padding:0 40px;position:absolute;bottom:0;left:0;right:0;z-index:1}.article article figure figcaption p{flex:1;color:var(--color-white);font-size:12px;text-align:right}.article article section{padding:40px;display:flex;flex-direction:column;text-align:left;font-size:18px}.article article section h2{color:var(--primary-color);font-family:var(--font-family-base) !important;font-size:30px !important;font-weight:700 !important;margin-bottom:10px !important}.article article section a{color:inherit}.article article section p{margin:0 0 10px}.article article section .btn{margin:auto 0 0}@media all and (max-width: 992px){.article article section{padding:20px}}.video{display:flex;margin-bottom:40px;max-width:600px}.video article{flex:1;box-shadow:var(--shadow-elevation-1);background:var(--color-background-base)}.video article figure{position:relative;display:flex}.video article figure a{flex:1;display:block;position:relative;overflow:hidden;padding-top:50%}.video article figure a img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video article figure a:after{content:"I";font-family:"EdGlyph" !important;font-size:48px;position:absolute;top:calc(50% - 25px);left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:99em;color:var(--color-white);border:5px solid var(--color-white)}.video article figure figcaption{background:rgba(var(--primary-color-rgb), 0.5);min-height:50px;display:flex;align-items:center;padding:0 40px;position:absolute;bottom:0;left:0;right:0;z-index:1}.video article figure figcaption p{flex:1;color:var(--color-white);font-size:12px;text-align:right}.video article section{padding:40px;display:flex;flex-direction:column;text-align:left;font-size:18px}.video article section h2{color:var(--primary-color);font-family:var(--font-family-base) !important;font-size:30px !important;font-weight:700 !important;margin-bottom:10px !important}.video article section a{color:inherit}.video article section p{font-size:var(--font-size-base);margin:0 0 10px}.video article section .btn{margin:auto 0 0}@media all and (max-width: 992px){.video article section{padding:20px}}.story{display:flex;margin-bottom:40px;pointer-events:auto !important}.story article{flex:1;box-shadow:var(--shadow-elevation-1);display:flex;align-items:center;justify-content:center;background:url(../img/saviez_vous/bg.png) no-repeat center var(--color-white);background-size:cover;container:story/inline-size;position:relative}.story article section{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;flex-direction:column;justify-content:center;padding:16.1290322581%;overflow:hidden}.story article section>div{overflow:auto;color:var(--secondary-color);text-align:center;font-family:"Century",serif;font-size:clamp(12px,1.25vw,24px)}.story article section>div strong{font-weight:700}.story article section>div:before{content:"Le saviez-vous ?";display:block;text-transform:uppercase;margin-bottom:10px;font-weight:500;font-size:12px;font-family:var(--font-family-base)}.story article:before{content:"";display:block;padding-top:100%}@container story (max-width: 400px){section>div{font-size:clamp(12px,1vw,24px) !important}}@container story (max-width: 200px){section>div{font-size:clamp(12px,.6vw,24px) !important}}#content #banner{margin:0}#content #banner figure{flex-basis:55%}#content #banner>div{flex-basis:45%;padding-left:0}#content #brand{background:var(--primary-color);color:var(--color-white);padding:80px 0}#content #brand .container p{font-size:18px}#content #brand .container p:last-child{margin-top:40px}#content #committee{padding:80px 0}#content #committee #slider{overflow:hidden;position:relative;--slide: 4;padding:0 60px}#content #committee #slider:before,#content #committee #slider:after{content:"";position:absolute;top:0;height:100%;width:60px;background:var(--color-white)}#content #committee #slider:before{left:0}#content #committee #slider:after{right:0}#content #committee #slider .slider-content{display:flex}#content #committee #slider .slider-content .slide{flex-basis:calc(100%/var(--slide));text-align:center;font-size:18px}#content #committee #slider .slider-content .slide figure{display:inline-flex;margin-bottom:10px}#content #committee #slider .slider-content .slide figure img{border-radius:99em}#content #committee #slider .slider-content .slide h3{font-size:24px;line-height:1;font-weight:400;color:var(--secondary-color);margin:10px 0}#content #committee #slider .slider-content .slide h3 b{display:block;font-weight:700}#content #committee #slider .slider-content .slide a{display:block;color:var(--priamry-color)}#content #committee #slider .slider-content .slide a .edglyph{font-size:32px}#content #committee #slider .slider-control{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:99em;border:4px solid var(--secondary-color);cursor:pointer;color:var(--secondary-color);position:absolute;top:90px;transform:translateY(-50%);bottom:0;left:10px;z-index:1}#content #committee #slider .slider-control .edglyph{line-height:0;font-size:29px}#content #committee #slider .slider-control.next{left:auto;right:10px}#content #committee #slider .slider-control.noClick{pointer-events:none}#content #timeline{background:var(--tertiary-color);padding:80px 0}#content #timeline .container .carousel .carousel-inner{box-shadow:0px 0px 25px 6px rgba(var(--color-black-rgb), 0.1)}#content #timeline .container .carousel .carousel-inner dialog{max-width:1260px;border:0 none;box-shadow:0px 0px 25px 6px rgba(var(--color-black-rgb), 0.1);font-size:18px;padding:40px}#content #timeline .container .carousel .carousel-inner dialog .close{position:absolute;top:10px;right:10px;cursor:pointer}#content #timeline .container .carousel .carousel-inner dialog .close:hover{color:var(--secondary-color)}#content #timeline .container .carousel .carousel-inner dialog[open]::backdrop{background:rgba(0,0,0,.8)}#content #timeline .container .carousel .item .flex{min-height:349.25px;margin:0;background:var(--color-white);align-items:center;font-size:18px}#content #timeline .container .carousel .item .flex>div{padding:40px}#content #timeline .container .carousel .item .flex>figure{align-self:stretch;padding:0}#content #timeline .container .carousel .item .flex>figure img{width:100%;height:100%;object-fit:cover}#content #latest{padding:80px 0;background:var(--primary-color)}#content #latest .container .flex>div{flex:1;display:flex;flex-direction:column;align-items:center}#content #latest .container .flex>div h3{font-weight:400;font-size:30px;color:var(--color-white);margin-bottom:20px}#content #latest .container .flex>div .article,#content #latest .container .flex>div .video,#content #latest .container .flex>div .story{align-self:stretch;flex:1}#content #latest .container .flex>div .article article,#content #latest .container .flex>div .video article,#content #latest .container .flex>div .story article{margin:0}#content #latest .container .flex>div .article article section p,#content #latest .container .flex>div .video article section p,#content #latest .container .flex>div .story article section p{display:none}#content #latest .container .flex>div .btn{max-width:350px}#content #latest .container .flex>div:last-child{max-width:500px;margin:0 auto}@media all and (max-width: 1200px){#content #committee #slider{--slide: 3}}@media all and (max-width: 992px){#content #banner>div{padding:40px}#content #brand,#content #committee,#content #timeline,#content #latest{padding:40px 0}}@media all and (max-width: 768px){#content #committee #slider{--slide: 2}}@media all and (max-width: 500px){#content #committee #slider{--slide: 1}}