.badge-famille{--bs-badge-padding-x:1.3em;--bs-badge-padding-y:0.7em;--bs-badge-font-size:1em}.badge-famille h2{font-size:1em;font-weight:unset;line-height:unset;margin:0}.menuRayon{height:100%;max-height:95vh;position:absolute;right:0;z-index:1}.menuRayon .blocMenuRayon{background-color:hsla(0,0%,100%,.749);height:100%;width:440px}#menuPageRayonMobile.menuRayonMobile .blocMenuRayon{background-color:transparent;height:100%;width:100%}#menuPageRayonMobile .ctaRetour a{float:right}#menuPageRayonMobile .logosMenu{max-width:248px}.backgroundImageRayon .containerTitreRayon{left:0;position:absolute}.backgroundImageRayon .containerTitreRayon .blocTitreRayon{background-color:#565a5c;height:110px;padding:0 50px;width:100%}.backgroundImageRayon .containerTitreRayon .blocTitreRayon:before{border-bottom:55px solid transparent;border-left:33px solid #565a5c;border-top:55px solid transparent;content:"";height:0;position:absolute;right:-33px;width:0}.backgroundImageRayon .containerTitreRayon .blocTitreRayon h1{font-size:54px;margin:0}.backgroundImageRayon .containerTitreRayon .blocTitreRayon .imgFleche{right:-38px}#visuelPrincipalZoom{background-position:top;background-size:cover;height:100vh;overflow:hidden;position:relative;width:100%}#visuelPrincipalZoom.backgroundNone{animation:none;background-image:none}#visuelPrincipalZoom .backgroundImageRayon{background-position:0 0;background-size:cover;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity 2s ease;width:100%}#visuelPrincipalZoom .backgroundImageRayon.show-background{opacity:1}#visuelPrincipalZoom .backgroundImageRayon.retourShow{opacity:1;transition:none}#visuelPrincipalZoom.zoom-effect{animation:zoomAnimation 2s ease}@keyframes zoomAnimation{0%{background-position:50%;background-size:100%}to{background-position:var(--direction);background-size:150%}}[data-direction=rehabilitation-1],[data-direction=rehabilitation]{--direction:left 25%}[data-direction=industrial-sites],[data-direction=sites-industriels]{--direction:75% 25%}[data-direction=special-works],[data-direction=travaux-speciaux]{--direction:left bottom}[data-direction=buildings],[data-direction=constructions]{--direction:left center}[data-direction=artwork],[data-direction=ouvrages-dart]{--direction:top}[data-direction=transport],[data-direction=transports]{--direction:right bottom}.menuRayon{opacity:0;transition:opacity 2s ease}.menuRayon.show-background{opacity:1}.menuRayon.retourShow{opacity:1;transition:none}#pageRayonMobile{margin-top:45px;position:relative}#pageRayonMobile .containerTitreRayon .blocTitreRayon{background-color:#565a5c;height:59px;padding:0 16px;width:fit-content}#pageRayonMobile .containerTitreRayon .blocTitreRayon:before{border-bottom:28px solid transparent;border-left:24px solid #565a5c;border-top:28px solid transparent;content:"";height:0;position:absolute;right:-23px;width:0}#pageRayonMobile .containerTitreRayon .blocTitreRayon h1{font-size:27px;margin:0}#pageRayonMobile .containerTitreRayon .blocTitreRayon .imgFleche{height:59.4px;right:-30px}.layout-container{display:flex;flex-direction:column}@media (max-width:992px){.layout-container{flex-direction:column-reverse}}.card-produit,.card-vignette{background-position:50%;background-repeat:no-repeat;background-size:cover;height:234px;margin-bottom:30px;width:234px}@media (max-width:992px){.card-produit,.card-vignette{height:200px;width:200px}}@media (max-width:576px){.card-produit,.card-vignette{height:168px;width:168px}}.card-produit.bigOne,.card-vignette.bigOne{height:296px;width:296px}@media (max-width:992px){.card-produit.bigOne,.card-vignette.bigOne{height:168px;margin-bottom:15px;width:168px}}.card-produit .libelleCard,.card-vignette .libelleCard{background-color:#565a5c;bottom:0;max-width:100%;padding:11px 18px 9px 15px;position:absolute;width:fit-content}@media (max-width:576px){.card-produit .libelleCard,.card-vignette .libelleCard{padding:9px 12px 7px 7px}}.card-produit .libelleCard h3,.card-vignette .libelleCard h3{font-size:15px;margin:0}@media (max-width:576px){.card-produit .libelleCard h3,.card-vignette .libelleCard h3{font-size:14px}}.card-produit .hoverBackground,.card-vignette .hoverBackground{background-color:#e30513;height:100%;opacity:0;width:100%}.card-produit .hoverContent,.card-vignette .hoverContent{align-items:center;display:flex;height:100%;justify-content:center;opacity:0;position:absolute;top:0;width:100%}.card-produit:hover .hoverBackground,.card-vignette:hover .hoverBackground{opacity:.69;-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}.card-produit:hover .hoverContent,.card-vignette:hover .hoverContent{opacity:1;-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}.card-produit:hover .libelleCard,.card-vignette:hover .libelleCard{background-color:transparent;-webkit-transition:background-color .4s ease-in-out;-moz-transition:background-color .4s ease-in-out;transition:background-color .4s ease-in-out}@font-face{font-display:swap;font-family:robotoBold;font-style:normal;font-weight:700;src:url(/build/fonts/Roboto-Bold.9fa4a811.woff) format("woff")}@font-face{font-display:swap;font-family:robotoBlack;font-style:normal;font-weight:900;src:url(/build/fonts/Roboto-Black.a3513eaf.woff) format("woff")}@font-face{font-display:swap;font-family:robotoMedium;font-style:normal;font-weight:500;src:url(/build/fonts/Roboto-Medium.e624b10d.woff) format("woff")}@font-face{font-display:swap;font-family:robotoLight;font-style:normal;font-weight:300;src:url(/build/fonts/Roboto-Light.c981701f.woff) format("woff")}@font-face{font-display:swap;font-family:robotoThin;font-style:normal;font-weight:100;src:url(/build/fonts/Roboto-Thin.43cf5af8.woff) format("woff")}@font-face{font-display:swap;font-family:robotoRegular;font-style:normal;font-weight:400;src:url(/build/fonts/Roboto-Regular.0944be10.woff) format("woff")}.robotoBold{font-family:robotoBold,sans-serif}.robotoBlack{font-family:robotoBlack,sans-serif}.robotoMedium{font-family:robotoMedium,sans-serif}.robotoLight{font-family:robotoLight,sans-serif}.robotoThin{font-family:robotoThin,sans-serif}.robotoRegular{font-family:robotoRegular,sans-serif}.navigation .pagination{align-items:center;display:flex;height:38px;overflow-x:scroll;overflow-y:hidden}.navigation .pagination::-webkit-scrollbar{display:none}.navigation .pagination .numPage{align-items:center;border:1px solid #266e79;border-radius:50%;color:#266e79;display:flex;font-family:sans-serif;font-size:16px;height:38px;justify-content:center;margin-left:.25rem;margin-right:.25rem;width:38px}@media (max-width:768px){.navigation .pagination .numPage{font-size:12px;height:24px;margin-left:.1rem;margin-right:.1rem;width:24px}}.navigation .pagination .numPage.numPageDot{height:30px;margin-left:0;margin-right:0;width:30px}@media (max-width:768px){.navigation .pagination .numPage.numPageDot{height:16px;width:16px}}.navigation .pagination .numPage a,.navigation .pagination .numPage span{align-items:center;border-radius:50%;color:#266e79;display:flex;height:inherit;justify-content:center;text-decoration:none;width:inherit}.navigation .pagination .numPage.active>span,.navigation .pagination .numPage:hover>a{background-color:#266e79;color:#f8f9fa}.navigation .pagination .next a,.navigation .pagination .prev a{color:#212529;text-decoration:none}