#carousel .carousel-control{opacity:0;transition:.3s;display:flex;align-items:center;justify-content:center;text-decoration:none}#carousel .carousel-control .edglyph{font-size:32px;line-height:0;color:var(--color-white)}#carousel .carousel-indicators{width:auto;left:0;right:0;display:flex;align-items:center;justify-content:center;margin:0 auto}#carousel .carousel-indicators li{text-indent:0;margin:0 5px;width:auto;height:auto;min-height:5px;border-radius:0;border:0 none;background:none;color:var(--color-white)}#carousel .carousel-indicators li:after{content:"Ú";font-size:32px;font-family:"EdGlyph"}#carousel .carousel-indicators li.active:after{content:"Ü"}#carousel .carousel-inner .item{height:50vh;min-height:250px;max-height:500px}#carousel .carousel-inner .item img{width:100%;height:100%;object-fit:cover}#carousel .carousel-inner:hover .carousel-control{opacity:.5}#carousel .carousel-inner:hover .carousel-control:hover{opacity:1}.paralax{overflow:hidden;position:relative;height:50vh;min-height:256px}.paralax .paralax-img{position:absolute;top:0;right:0;bottom:0;left:0;background-attachment:fixed;background-repeat:no-repeat;background-size:cover}@media all and (max-width: 768px){.paralax .paralax-img{background-size:cover !important;background-position:center !important;background-attachment:scroll !important}}#content{padding:30px 0 0}#content .baseline{position:relative;margin:-95px 0 0 0;display:flex;justify-content:center;float:right}#content .baseline .content{flex:1;display:flex;align-items:center;justify-content:flex-start;background:var(--color-white);color:var(--primary-color);padding:12px 40px 0;text-transform:uppercase;font-weight:500;line-height:1.2}#content .baseline .content>figure{flex-grow:0;flex-basis:83px;margin:0 20px 0 -80px}#content .baseline .content>div strong{display:block;font-size:25px;font-weight:300;color:var(--secondary-color)}#content .baseline:before{content:"";width:171px;height:95px;background:url(../img/homepage/onglet.svg) no-repeat center}#content #brand{margin:60px 0}#content #brand h1{font-size:18px;font-weight:700;color:inherit}#content #category{padding:90px 0 30px;background:url(../img/homepage/bg_category.jpg) no-repeat left center rgba(var(--color-black-rgb), 0.2);background-size:cover;clip-path:polygon(0 30px, 100% 0%, 100% calc(100% - 30px), 0% 100%)}#content #category .container .flex{display:flex;margin:0 -20px}#content #category .container .flex>div{flex-basis:33.3333333333%;margin:0 0 60px;padding:0 20px}#content #category .container .flex>div a figure{overflow:hidden;position:relative;border-radius:99em;box-shadow:0px 6px 22.4px 9.6px rgba(var(--color-black-rgb), 0.09);background:var(--color-black)}#content #category .container .flex>div a figure:before{content:"";display:block;padding-top:100%}#content #category .container .flex>div a figure img{transition:opacity .3s;position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%;max-width:none}#content #category .container .flex>div a figure figcaption{position:absolute;left:0;right:0;bottom:0;background:var(--color-white);color:var(--secondary-color);font-size:clamp(18px,3vw,26px);text-transform:uppercase;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px 80px 40px;text-decoration:none;transition:background .3s}#content #category .container .flex>div a:hover figure img{opacity:.5}#content #category .container .flex>div a:hover figure figcaption{background:var(--secondary-color);color:var(--color-white)}#content .paralax{margin-top:-30px;clip-path:polygon(0 30px, 100% 0%, 100% calc(100% - 30px), 0% 100%)}#content #about{margin:60px 0}#content #about h2{font-size:18px;color:inherit;text-transform:uppercase}#content #about .column{columns:3;column-gap:30px}@media all and (max-width: 1200px){#content .baseline{float:none;margin:0 0 30px}#content .baseline .content{padding:20px 20px 0;justify-content:center}#content .baseline .content>figure{margin-left:0}#content .baseline .content>div br{display:none}#content .baseline:before{display:none}}@media all and (max-width: 992px){#content #category .container .flex>div{flex-basis:50%}#content #about .column{columns:2}}@media all and (max-width: 768px){#content .baseline .content>div>strong{font-size:20px}}@media all and (max-width: 500px){#content .baseline .content>div{flex:1}#content #category .container .flex>div{flex-basis:100%}#content #about .column{columns:1}}