#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}}.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}}.slide_down.more{background:var(--primary-color);padding-bottom:80px}.slide_down.more .button{background:linear-gradient(to bottom right, var(--tertiary-color) 0%, var(--tertiary-color) 50%, var(--primary-color) 50.5%, var(--primary-color) 100%);text-align:center;padding:15px 0}.slide_down.more .button .btn{box-shadow:0 0 0 15px var(--tertiary-color)}.slide_down.more .button .btn:after{content:"Voir plus"}.slide_down.more .button .btn.btn-secondary:hover{background:var(--tertiary-color) !important}.slide_down.more .button.open .btn:after{content:"Voir moins"}.slide_down.more .button.open+.sub_menu{position:static;transform:none}.slide_down.more .sub_menu{background:var(--primary-color);transform:translateY(-100%);padding-top:40px;overflow:hidden}.slide_down.more .sub_menu .slider-content{overflow:auto;display:flex;cursor:grab;--slide: 4}.slide_down.more .sub_menu .slider-content::-webkit-scrollbar{display:none}.slide_down.more .sub_menu .slider-content .article,.slide_down.more .sub_menu .slider-content .story,.slide_down.more .sub_menu .slider-content .video{padding:0 20px;margin:0;flex-shrink:0;flex-basis:calc(100%/var(--slide));pointer-events:none;opacity:1;transform:translateX(0);transition:opacity .3s .2s ease,transform .5s ease}.slide_down.more .sub_menu .slider-content .article article>section a.btn,.slide_down.more .sub_menu .slider-content .story article>section a.btn,.slide_down.more .sub_menu .slider-content .video article>section a.btn{pointer-events:auto}.slide_down.more .sub_menu .slider-content .article:not(.visible),.slide_down.more .sub_menu .slider-content .story:not(.visible),.slide_down.more .sub_menu .slider-content .video:not(.visible){opacity:0;transform:translateX(25%);visibility:hidden}.slide_down.more .sub_menu .slider-content .article:first-child,.slide_down.more .sub_menu .slider-content .story:first-child,.slide_down.more .sub_menu .slider-content .video:first-child{margin-left:calc(100%/var(--slide)/2)}.slide_down.more .sub_menu .slider-content .video{pointer-events:auto}@media all and (max-width: 1200px){.slide_down.more .sub_menu .slider-content{--slide: 3}.slide_down.more .sub_menu .slider-content .article:first-child,.slide_down.more .sub_menu .slider-content .story:first-child,.slide_down.more .sub_menu .slider-content .video:first-child{margin-left:0}}@media all and (max-width: 992px){.slide_down.more{padding-bottom:40px}.slide_down.more .sub_menu .slider-content{--slide: 2}}@media all and (max-width: 500px){.slide_down.more .sub_menu .slider-content{--slide: 1}}#content .container .main_story{box-shadow:var(--shadow-elevation-1);margin:0 auto 80px;max-width:620px}#content #other{padding:80px 0 40px;background:var(--tertiary-color)}#content #other .flex{display:flex;justify-content:center}#content #other .flex .story{flex:1;flex-basis:50%}#content #other .flex .story article{max-width:460px;margin:0 auto}#content .slide_down.more .sub_menu .slider-content{--slide: 5}@media all and (max-width: 1200px){#content .slide_down.more .sub_menu .slider-content{--slide: 4}}@media all and (max-width: 992px){#content .container .main_story{margin:0 auto 40px}#content #other{padding:40px 0 0}#content .slide_down.more .sub_menu .slider-content{--slide: 3}}@media all and (max-width: 768px){#content .slide_down.more .sub_menu .slider-content{--slide: 2}}@media all and (max-width: 500px){#content #other .flex{display:block}#content .slide_down.more .sub_menu .slider-content{--slide: 1}}