@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";@import "https://fonts.googleapis.com/css2?family=Urbanist&display=swap";*{box-sizing:border-box}html,body{overflow-x:hidden;overflow-y:scroll;position:relative}html{scroll-behavior:smooth;display:inline-block}body{background-image:url(img/bg/bg_repeat_lowqual.webp);background-color:#030C1B;background-size:cover;background-position:top center;overflow:hidden;z-index:-1;width:100vw;margin:0;padding:0}p{font-family:'Bebas Neue';letter-spacing:1px}a:hover{color:#F42534!important}input[type="checkbox"]{display:block;font-family:'Bebas Neue';color:#fff;letter-spacing:1px}.header{z-index:2;position:relative;width:100vw;height:100px;background-image:url(img/bg/bg_repeat_lowqual.webp);background-repeat:no-repeat; background-position: 0% 10%; background-size:cover;}.video{height:max-content;width:100%;background-color:#030C1B}.MenuHeader{display:flex;align-items:center;position:relative;justify-content:flex-end;width:100%;height:100px}.logoMenu{cursor:pointer;height:90px;left:50px}.lienHeader{text-decoration:none;position:relative;font-family:'Urbanist';font-style:normal;font-weight:500;font-size:15px;line-height:100%;text-transform:uppercase;color:#FFF}.realisationLienHeader{color:#F42534;margin-left:70px}.agenceLienHeader{margin-left:70px}.contactLienHeader{margin:0 70px}.container{overflow:hidden;position:relative;min-width:100vw;min-height:100%;display:flex;flex-direction:column}.firstGrid{position:relative;overflow:hidden;width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center}.titreReal{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-size:6vw;line-height:120px;text-align:center;margin:100px 0 20px;color:#FFF}.filtrer{font-family:'Bebas Neue';font-style:normal;font-weight:400;margin:0;font-size:8vw;line-height:100%;text-align:center;color:#FFF}.ligneTitre{width:155px;height:0;border:5px solid #FFF;}.sousTitreReal{color: #FFF;font-family:'Bebas Neue'; font-weight: 100; font-size: 3vw;} .secondGrid{overflow:hidden;width:100%;display:flex;align-items:flex-start;justify-content:center;margin-bottom:100px}.wrapper{overflow:hidden;width:100%;display:grid;min-height:100%;margin:0;grid-template-columns:30% 70% repeat(3,1fr);gap:0;grid-auto-rows:minmax(100px,auto)}.filtres,.vignettes{overflow:hidden;width:100%}.filtres{grid-row:1;grid-column:1}.grossePartie{display:flex;margin-bottom:50px}.ligneTitreParties{margin:38px 20px 0 0;width:100px;height:0;left:-45px;top:566px;border:5px solid #FFF}.titrePartiesFiltres{margin:0;font-family:'Bebas Neue';font-style:normal;font-weight:400;font-size:3vw;display:inline-block;vertical-align:bottom;color:#FFF}.filtre{margin-top:50px}.firstFiltre{margin-top:30px}.filtre,.sousFiltre{position:relative}.titreSousPartie{font-family:'Urbanist';font-style:normal;font-weight:700;font-size:1.1vw;text-transform:uppercase;margin:15px 0;color:#FFF}.titreFiltre{display:block;margin:10px 0 20px 20px;font-family:'Urbanist';font-style:normal;font-weight:400;font-size:1vw;text-transform:uppercase;color:#FFF}.vignettes{overflow:hidden;grid-column:2 / 4;grid-row:1;width:100%;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:flex-start;align-content:flex-start}.vignette{display: flex;cursor:pointer;position:relative;aspect-ratio:16/9;width:40%;margin:20px;transition:scale .2s ease-in-out}.vignette img{width:100%}.vignette:hover{scale:1.1}.vignette:hover img{filter:brightness(40%)}.contenuVignette{width:100%;position:absolute;bottom:20px;left:20px;opacity:0;transition:opacity .1s ease-in-out}.vignette:hover .contenuVignette{opacity:1;transition:opacity .1s ease-in-out}.titreVignette{z-index:3;font-family:'Bebas Neue';font-style:normal;font-weight:400;font-size:2vw;color:#FFF}.textVignette{z-index:3;font-family:'Urbanist';font-style:normal;font-weight:400;font-size:1vw;color:#FFF}.lienBasDePage:hover{color:#F42534}.lienHeader:hover{color:#F42534}.moveVignetteToView{left:1400px;transition:left .5s ease-in-out}.moveVignetteOutView{left:2000px;transition:left .5s ease-in-out}.moveBlockRubrique{transform:translate(-1200px,0);transition:transform .5s ease-in-out}.reinitBlockRubrique{transform:translate(0px,0);transition:transform .5s ease-in-out}.moveOutAccordeon{max-height:0;transform:translate(2800px);transition:all .2s ease-in-out}.moveInAccordeon{margin:0 0 150px;max-height:813px;transform:translate(0px);transition:all .5s ease-in-out}.backgroundDarker{filter:brightness(50%);transition:filter .5s ease-in-out}.backgroundLighter{filter:brightness(100%);transition:filter .5s ease-in-out}.rotate90{transform:rotate(90deg);transition:transform .5s ease-in-out}.rotate180{transform:rotate(0deg);transition:transform .5s ease-in-out}.heightTo0{display:none}.titreFiltre,.filtrer{cursor:pointer;width:fit-content;padding:0 10px;font-size:25px;text-decoration:none;background-image:linear-gradient(to right,#ee3741,#e0434b);background-position:top 110% left;background-repeat:no-repeat;background-size:0 50%;transition:background-size .5s ease}input[type="checkbox"]{-webkit-appearance:none;appearance:none;background-color:#ffffff00;margin:0}.secondGridMobile,.secondGridMobile{display:none}.sidebar{z-index:30;background-image:url(img/fondFiltre.webp);background-size:cover;position:absolute;top:0;left:-100%;width:100vw;margin:0;transition:all .5s ease}.containerSidebar{position:relative}.filtresSidebar .ligneTitreParties{width:10vw}.headerSidebar{margin-top:120px;width:100%;display:flex;justify-content:space-around;align-items:flex-start}.headerSidebar .ligneTitre{border:3px solid #FFF;margin:30px 0 45px;width:20vw}.containerCroix{position:relative;width:40px;height:40px}.premiereBarreCroix,.deuxiemeBarreCroix{position:absolute;top:50%;left:0;background:#fff;min-width:40px;min-height:8px;transform:rotate(45deg)}.deuxiemeBarreCroix{transform:rotate(135deg)}.titreRealSidebar{color:#fff;font-family:'Bebas Neue';font-weight:lighter;font-size:12vw;margin:0}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width: 1200px){.titreFiltre{margin:10px 0 20px 10px}.ligneTitreParties{margin:28px 20px 0 0}.sousTitreReal{font-size: 6vw; margin:50px 0 100px 0;}}@media screen and (min-width: 1200px){.titreFiltre:hover{background-size:100% 50%}}