body.rubrique{--header-hero-height: 300px;--rubrique5-thumnail-cols: 4;--rubrique5-thumnail-height: 250px}body.rubrique>main>.scroller>.layout>.hero{clip-path:polygon(0 0, 100% 0, 100% 150px, 50% var(--header-hero-height), 0 150px)}body.rubrique>main>.scroller>.layout>.hero img{width:100%;height:var(--header-hero-height);object-fit:cover;image-rendering:-webkit-optimize-contrast}body.rubrique>main>.scroller>.layout article.max-width-text{max-width:990px;margin:0 auto}body.rubrique>main>.scroller>.layout article .rubrique-grid{display:grid;grid-template-columns:auto 1fr;gap:0 50px}body.rubrique>main>.scroller>.layout article .rubrique-grid__picture{max-width:200px;min-height:400px;justify-self:center;position:relative}body.rubrique>main>.scroller>.layout article .rubrique-grid__picture:before{content:"";z-index:5;display:block;width:200%;height:100%;position:absolute;top:-25px;left:-50%;background:linear-gradient(to bottom, #f6f6f6 10%, transparent 30%)}body.rubrique>main>.scroller>.layout article .rubrique-grid__picture:after{content:"";z-index:5;display:block;width:200%;height:100%;position:absolute;bottom:-25px;left:-50%;background:linear-gradient(to top, #f6f6f6 10%, transparent 30%)}body.rubrique>main>.scroller>.layout article .rubrique-grid__picture .swiper{height:100%}body.rubrique>main>.scroller>.layout article .rubrique-grid__picture .swiper-slide{display:flex;height:auto !important;overflow:hidden}body.rubrique>main>.scroller>.layout article .rubrique-grid__picture .swiper-slide img{height:auto;width:200px;object-fit:cover;image-rendering:-webkit-optimize-contrast;position:relative;filter:contrast(0.8) hue-rotate(350deg)}body.rubrique>main>.scroller>.layout article .rubrique-grid__picture:empty{max-width:0}body.rubrique>main>.scroller>.layout article .rubrique-grid__text{position:relative;z-index:5}body.rubrique>main>.scroller>.layout article .rubrique-grid__text a{color:#672233;display:inline-block;padding:5px 10px;text-decoration:none;position:relative;transition:all 400ms ease}body.rubrique>main>.scroller>.layout article .rubrique-grid__text a:before{content:"";display:block;width:0%;height:100%;background-color:#672233;position:absolute;top:0;left:0;z-index:-1;transition:all 400ms ease}body.rubrique>main>.scroller>.layout article .rubrique-grid__text a:hover{color:#fff !important}body.rubrique>main>.scroller>.layout article .rubrique-grid__text a:hover:before{width:100%;left:0}body.rubrique-3 section .rubrique-3__list>div{max-width:990px;margin:0 auto;display:grid;grid-template-columns:260px 1fr auto;gap:15px;background-color:rgba(103,34,51,.05);padding:5px}body.rubrique-3 section .rubrique-3__list__thumbnail img{width:260px;height:auto;object-fit:cover;display:block;filter:grayscale(0.4);image-rendering:-webkit-optimize-contrast}body.rubrique-3 section .rubrique-3__list__title{padding:0 25px}body.rubrique-3 section .rubrique-3__list__button{align-self:flex-end}body.rubrique-3 section .rubrique-3__list__button a{font-size:large}body.rubrique-5 section{margin:50px 0;display:flex;flex-flow:row wrap;gap:5px}body.rubrique-5 section>div{width:calc((100% / var(--rubrique5-thumnail-cols)) - 5px);height:var(--rubrique5-thumnail-height);position:relative;z-index:1;overflow:hidden;cursor:pointer}body.rubrique-5 section>div .picture{clip-path:polygon(0 10%, 50% 0px, 100% 10%, 100% 100%, 0 100%)}body.rubrique-5 section>div .picture-inversed-mask{clip-path:polygon(0 0, 100% 0, 100% 90%, 50% 95%, 0 90%)}body.rubrique-5 section>div .picture:after{content:"";display:block;width:100%;height:100%;background-color:#672233;position:absolute;top:0;left:0;transition:opacity 800ms ease;opacity:0}body.rubrique-5 section>div .picture img{width:100%;height:var(--rubrique5-thumnail-height);object-fit:cover;image-rendering:-webkit-optimize-contrast;transition:all 1200ms ease;filter:grayscale(0.4)}body.rubrique-5 section>div .title{font-family:"Kanit",sans-serif;position:absolute;z-index:2;top:50%;left:15px;transform:translate(0, -50%);background-color:rgba(255,255,255,.75);padding:15px;font-weight:bold;text-transform:uppercase;width:calc(100% - 30px);transition:color 400ms ease;box-sizing:border-box;text-align:center}body.rubrique-5 section>div:hover .title{color:#672233}body.rubrique-5 section>div:hover .picture:after{opacity:.65}body.rubrique-5 section>div:hover .picture img{transform:scale(1.15)}body.rubrique-4 .rubrique-grid__text{line-height:1.6}body.rubrique-4 .rubrique-grid__picture{max-width:320px !important}body.rubrique-4 .rubrique-grid__picture img{width:320px !important}@media screen and (max-width: 768px){body.rubrique{--rubrique5-thumnail-cols: 2;--header-hero-height: 170px}body.rubrique>main>.scroller>.layout h2{position:static !important}body.rubrique>main>.scroller>.layout article .rubrique-grid{grid-template-columns:1fr}body.rubrique>main>.scroller>.layout article .rubrique-grid__picture{min-height:auto}body.rubrique>main>.scroller>.layout article .rubrique-grid__picture:after,body.rubrique>main>.scroller>.layout article .rubrique-grid__picture:before{display:none}body.rubrique-3 section .rubrique-3__list>div{grid-template-columns:1fr}body.rubrique-3 section .rubrique-3__list__thumbnail img{width:100%;max-height:200px;height:auto;object-fit:cover;display:block;filter:grayscale(0.4);image-rendering:-webkit-optimize-contrast}body.rubrique-3 section .rubrique-3__list__title{padding:0 25px}body.rubrique-3 section .rubrique-3__list__button{align-self:flex-end}body.rubrique-3 section .rubrique-3__list__button a{font-size:large}body.rubrique-5 section>div:nth-child(n+3):nth-last-child(n+3) .picture{clip-path:none}}