#header{position:fixed}#video{width:100%;height:100vh;min-height:256px;max-height:710px;position:relative;overflow:hidden}#video video,#video iframe{border:0 none;position:absolute;top:50%;left:50%;width:100vw;height:100vh;transform:translate(-50%, -50%);pointer-events:none}#video:after{position:absolute;content:"";bottom:0;left:0;right:0;display:block;height:6.25vh;background:url(../img/interface/white-wave.svg) repeat-x center top;background-size:cover}@media(min-aspect-ratio: 16/9){#video video,#video iframe{height:56.25vw}}@media(max-aspect-ratio: 16/9){#video video,#video iframe{width:177.78vh}}#content{background:linear-gradient(to bottom, transparent 0%, transparent 346px, var(--color-white) 346px, rgba(var(--secondary-color-rgb), 0.15) 100%);padding-bottom:0}#content #brand .container .flex{margin-top:-210px;margin-bottom:30px;justify-content:center}#content #brand .container .flex>div .block{display:block;max-width:346px;margin:0 auto;border-radius:99em;border:3px solid var(--color-white);position:relative;color:var(--color-white);box-shadow:0px 5px 10px 0 rgba(var(--color-black-rgb), 0.17);background-position:center;background-repeat:no-repeat;background-size:cover}#content #brand .container .flex>div .block .content{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#content #brand .container .flex>div .block .content strong{display:block;margin:0 0 10px;font-size:clamp(24px,10vw,30px);font-weight:700;line-height:1;text-transform:uppercase}#content #brand .container .flex>div .block .content small{font-size:inherit;text-transform:uppercase}#content #brand .container .flex>div .block .content p{margin:0 0 10px;font-size:clamp(12px,2vw,14px)}#content #brand .container .flex>div .block .content p:last-child{margin:0}#content #brand .container .flex>div .block:after{content:"";display:block;padding:100% 0 0}#content #brand .container .flex>div:first-child .block{color:var(--primary-color);background-image:url(../img/homepage/bassin-versant.jpg)}#content #brand .container .flex>div:nth-child(2) .block{background-image:url(../img/homepage/sivt.jpg)}#content #brand .container .flex>div:last-child .block{background-image:url(../img/homepage/sage.jpg)}#content .background{background:url(../img/homepage/bg-rubrics.png) no-repeat center top;background-size:100% auto}#content .background #rubrics{position:relative;overflow:hidden;padding:134px 0 30px}#content .background #rubrics:before{content:"";position:absolute;top:0;left:0;right:0;display:block;height:104px;z-index:1;background:url(../img/homepage/line.svg) repeat-x center top;background-size:auto 100%}#content .background #rubrics .container .flex>div{color:var(--primary-color);text-align:center;position:relative}#content .background #rubrics .container .flex>div:before{content:"";background:url(../img/homepage/marker.png) no-repeat center bottom;position:absolute;top:0;left:50%;width:7px;height:137px;transform:translateX(-50%) translateY(-100%)}#content .background #rubrics .container .flex>div h2{font-size:clamp(24px,3vw,27px);font-weight:800;text-transform:uppercase;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid var(--tertiary-color)}#content .background #rubrics .container .flex>div p{font-size:clamp(18px,2vw,24px)}#content .background #rubrics .container .flex>div:first-child:before{top:25px}#content .background>.container #news{display:flex;flex-direction:column}#content .background>.container #news>.flex{display:flex;justify-content:center;flex-wrap:wrap}#content .background>.container #news>.flex>div.article{margin:0 0 20px;flex-grow:0;flex-basis:25%}#content .background>.container #news>.flex.title{align-items:flex-end;margin-bottom:20px}#content .background>.container #news>.flex.title>div{order:2}#content .background>.container #news>.flex.title>div>a.yt-link{display:block}#content .background>.container #news>.flex.title>div>a.yt-link img{display:block;max-width:100%;height:auto;margin:0 auto}#content .background>.container #news>.flex.title>div h2{font-size:42px;font-weight:800;padding:0 0 20px;text-transform:uppercase;color:var(--primary-color);border-bottom:2px solid var(--secondary-color)}#content .background>.container #news>.flex.title>div+div{order:1}#content .background>.container #news>a{text-transform:uppercase;color:var(--primary-color);align-self:flex-end;font-size:14px}#content .background>.container .article article h2{color:var(--primary-color);text-transform:uppercase;font-weight:500;font-size:20px}#content .background>.container .article article h2 a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#content .background>.container .article article figure{margin:10px 0}#content .background>.container .article article figure a{display:block}#content .background>.container .article article section{display:flex;flex-direction:column}#content .background>.container .article article section p{margin:0 0 10px;text-align:justify;hyphens:auto;font-size:14px}#content .background>.container .article article section .btn{align-self:end}#content #carte{border:0 none;width:100%;height:75vh;min-height:256px;margin-top:40px}#footer{margin:0}#footer:before{background-color:transparent}@media all and (max-width: 992px){#content .background #rubrics .container .flex{display:flex;flex-wrap:wrap}#content .background #rubrics .container .flex>div{flex-basis:50%;margin:0 0 20px}#content .background #rubrics .container .flex>div h2 br{display:none}#content .background #rubrics .container .flex>div:first-child:before{top:0}#content .background #rubrics .container .flex>div:nth-last-child(-n+2):before{display:none}}@media all and (max-width: 768px){#content .background>.container #news>.flex>div.article{flex-basis:50%}#content .background>.container #news>.flex.title{display:block}}@media all and (max-width: 500px){#content #rubrics .container .flex{display:block}#content #rubrics .container .flex>div:before{display:none}#content .background>.container #news>.flex{display:block}}