﻿dialog{background:none;border:0 none;max-width:1200px;margin:auto;max-height:90vh;position:relative}dialog a{display:block}dialog a img{display:block;max-width:100%;height:auto}dialog::backdrop{background:rgba(0,0,0,.8)}dialog[open]{display:flex}dialog iframe{flex:1;display:block;border:0 none;height:100%;max-height:800px;position:relative;min-width:0}dialog .close{position:fixed;top:20px;right:20px;cursor:pointer;color:var(--color-white);z-index:1;font-size:48px}#content{padding-bottom:20px}#content #quote{padding-bottom:40px;color:var(--primary-color)}#content #quote blockquote{margin:0;font-weight:500;font-size:clamp(18px,2.5vw,24px);display:flex;flex-direction:column;margin-bottom:10px}#content #quote blockquote p{align-self:center}#content #quote blockquote p:before{content:"«"}#content #quote blockquote p:after{content:"»"}#content #quote cite{font-weight:300}#content #quote cite em{display:block;font-weight:400;font-size:1.125em}#content #quote cite .details{position:relative}#content #quote cite .details:not(.open){overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}#content #quote cite .details.clamping{padding-right:15px;cursor:pointer}#content #quote cite .details.clamping:after{content:"+";font-family:"edglyph";font-size:24px;position:absolute;top:8px;right:0;line-height:0;font-style:normal}#content #quote cite .details.open:after{content:"*"}#content #events .slider.events{margin:0 -40px;margin-bottom:20px;box-shadow:0 0 40px rgba(var(--color-black-rgb), 0.1)}#content #events .slider.events .arrow,#content #events .slider.events .dots{position:absolute;z-index:1}#content #events .slider.events .arrow{top:50%;transform:translate(0, -50%);color:var(--tertiary-color);background:var(--color-white);padding:15px 10px;transition:.3s ease-in-out;cursor:pointer}#content #events .slider.events .arrow.prev{left:0}#content #events .slider.events .arrow.next{right:0}#content #events .slider.events .dots{bottom:0;left:20px;display:flex;align-items:center;justify-content:center;height:78px;margin:0 -5px}#content #events .slider.events .dots li{padding:0 5px}#content #events .slider.events .dots li button{padding:0;border:0 none;text-indent:-9999px;mask:url("../img/interface/dots_icon.svg") no-repeat center;background-color:var(--color-white);width:24px;aspect-ratio:1/1}#content #events .slider.events .dots li.slick-active button{mask-image:url("../img/interface/dots-active_icon.svg")}#content #events .slider.events .slick-list .slick-track .slick-slide>div>div{display:block !important}#content #events .slider.events .slick-list .slick-track .slick-slide.slick-active .event .bottom a.btn{opacity:1;transition:opacity .3s .5s ease-in-out,background .2s ease-in-out}#content #events .slider.events .event>a{display:flex;position:relative;min-height:256px}#content #events .slider.events .event>a>figure{flex:1}#content #events .slider.events .event>a>figure img{width:100%;height:100%;object-fit:cover}#content #events .slider.events .event .infos{position:absolute;top:0;left:0;right:0;display:flex;filter:drop-shadow(0 0 20px rgba(var(--color-black-rgb), 0.1))}#content #events .slider.events .event .infos .title{flex:1;display:flex}#content #events .slider.events .event .infos .title h2{flex:1;font-size:clamp(16px,2.5vw,24px);font-weight:500;background:var(--color-white);color:var(--tertiary-color);display:flex;align-items:center;padding:20px 0;padding-right:20px}#content #events .slider.events .event .infos .title h2 span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}#content #events .slider.events .event .infos .title h2:before{flex-shrink:0;flex-grow:0;content:"";display:block;align-self:stretch;width:48px;aspect-ratio:1/1;mask:url("../img/interface/agenda_icon.svg") no-repeat center;background-color:var(--tertiary-color);margin-right:10px}#content #events .slider.events .event .infos .title:before{content:"";display:block;aspect-ratio:1/1;height:100%}#content #events .slider.events .event .infos .title:before{background:linear-gradient(to bottom left, var(--color-white) 49.9%, transparent 50.1%)}#content #events .slider.events .event .bottom{display:flex;background:var(--tertiary-color)}#content #events .slider.events .event .bottom a.btn{align-self:center;opacity:0;margin:0 auto}#content #events .slider.events .event .bottom time{display:flex;justify-content:flex-end}#content #events .slider.events .event .bottom time span{display:block;white-space:nowrap;background:var(--color-white);color:var(--tertiary-color);text-transform:uppercase;font-size:clamp(14px,2.5vw,24px);font-weight:500;padding:10px 0;padding-right:40px}#content #events .slider.events .event .bottom time:before{content:"";display:block;aspect-ratio:1/1;height:100%}#content #events .slider.events .event .bottom time:before{background:linear-gradient(to top left, var(--color-white) 49.9%, transparent 50.1%)}@media all and (max-width: 768px){#content #events .slider.events .event .infos .title h2{padding-top:15px;padding-bottom:15px}#content #events .slider.events .event .infos .title h2:before{width:24px}#content #events .slider.events .event .bottom a.btn{margin-left:20px}#content #events .slider.events .event .bottom time span{padding-right:20px}}#content #blocks{overflow:hidden}#content #blocks .container .flex.blocks{flex-wrap:wrap;margin:0 -50px}#content #blocks .container .flex.blocks>div{padding:0 10px;flex-basis:33.3333333333%}#content #blocks .container .flex.blocks>div .block{position:relative;margin-bottom:20px}#content #blocks .container .flex.blocks>div .block figure{position:absolute;top:0;left:0;z-index:-1;height:100%;aspect-ratio:1/1}#content #blocks .container .flex.blocks>div .block figure img{display:block;width:100%;height:100%;object-fit:cover}#content #blocks .container .flex.blocks>div .block svg{display:none}#content #blocks .container .flex.blocks>div .block svg#blog-square{display:block}#content #blocks .container .flex.blocks>div .block svg.article-1{--bg-cat: var(--windows-blue);--grad-triangle: var(--windows-blue)}#content #blocks .container .flex.blocks>div .block svg.article-2{--bg-cat: var(--light-plum);--grad-triangle: var(--light-plum)}#content #blocks .container .flex.blocks>div .block svg.article-3{--bg-cat: var(--medium-green);--grad-triangle: var(--medium-green)}#content #blocks .container .flex.blocks>div .block svg.article-4{--bg-cat: var(--primary-color);--grad-triangle: var(--primary-color)}#content #blocks .container .flex.blocks>div .block svg.article-annonces{--bg-cat: var(--halloween-orange);--grad-triangle: var(--halloween-orange)}#content #blocks .container .flex.blocks>div .block svg rect,#content #blocks .container .flex.blocks>div .block svg polygon{fill:var(--bg-cat)}#content #blocks .container .flex.blocks>div .block svg #category{text-transform:uppercase}#content #blocks .container .flex.blocks>div:nth-child(-n+2){flex-basis:50%}#content #blocks .container .flex.blocks>div:nth-child(-n+2) svg#blog-square{display:none}#content #blocks .container .flex.blocks>div:nth-child(-n+2) svg#blog-large{display:block}@media all and (max-width: 992px){#content #events .slider.events{margin:0 -20px;margin-bottom:40px}#content #blocks .container .flex.blocks{margin:0 -30px}}@media all and (max-width: 768px){#content #quote{padding-bottom:20px}#content #events .slider.events{margin-bottom:20px}#content #blocks .container .flex.blocks>div:not(:nth-child(-n+2)) .block a{display:flex}#content #blocks .container .flex.blocks>div:not(:nth-child(-n+2)) .block a figure{aspect-ratio:1/.9;position:static;max-width:25%}#content #blocks .container .flex.blocks>div:not(:nth-child(-n+2)) .block a svg#blog-square{display:none}#content #blocks .container .flex.blocks>div:not(:nth-child(-n+2)) .block a svg#blog-small{display:block;flex:1}}
