#realisations-famille-conteneur{margin-bottom:25px}#realisations-filtres{text-align:center;margin:10px 10px 60px}#filtre-titre{color:#fe2d46;font-size:17px;font-weight:400;margin-right:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#filtre-titre i{display:block;width:13px;height:13px;margin-right:8px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJJc29sYXRpb25fTW9kZSIgZGF0YS1uYW1lPSJJc29sYXRpb24gTW9kZSIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiI+PHBhdGggZD0iTTEwLjcsMi42MjVhMy40ODEsMy40ODEsMCwwLDAtNi4zLDBIMHYzSDQuMzk1YTMuNDgxLDMuNDgxLDAsMCwwLDYuMywwSDI0di0zWiIvPjxwYXRoIGQ9Ik0xNi40NTUsOC41YTMuNDkyLDMuNDkyLDAsMCwwLTMuMTUxLDJIMHYzSDEzLjNhMy40ODEsMy40ODEsMCwwLDAsNi4zLDBIMjR2LTNIMTkuNjA1QTMuNDkyLDMuNDkyLDAsMCwwLDE2LjQ1NSw4LjVaIi8+PHBhdGggZD0iTTcuNTQ1LDE2LjM3NWEzLjQ5MiwzLjQ5MiwwLDAsMC0zLjE1LDJIMHYzSDQuMzk1YTMuNDgxLDMuNDgxLDAsMCwwLDYuMywwSDI0di0zSDEwLjdBMy40OTIsMy40OTIsMCwwLDAsNy41NDUsMTYuMzc1WiIvPjwvc3ZnPgo=) no-repeat center center;background-size:100% auto;filter:invert(31%) sepia(66%) saturate(5049%) hue-rotate(337deg) brightness(101%) contrast(99%)}#realisations-filtres-categories{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#realisations-filtres .filtre{cursor:pointer;margin:8px;text-align:center}#realisations-filtres .filtre .bouton{font-weight:400;padding:7px 20px;min-height:0;min-width:0;text-transform:initial;margin:0}#realisations-filtres .filtre .bouton::after{background:rgb(207,0,54);background:-moz-linear-gradient(260deg,rgba(207,0,54,1) 0%,rgba(255,46,70,1) 100%);background:-webkit-linear-gradient(260deg,rgba(207,0,54,1) 0%,rgba(255,46,70,1) 100%);background:linear-gradient(260deg,rgba(207,0,54,1) 0%,rgba(255,46,70,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cf0036",endColorstr="#ff2e46",GradientType=1);border:none}#realisations-filtres .filtre.active .bouton,#realisations-filtres .filtre:hover .bouton,#realisations-filtres .filtre.active .bouton span,#realisations-filtres .filtre:hover .bouton span{color:#fff}#realisations-filtres .filtre.active .bouton::before{opacity:0}#realisations-filtres .filtre.active .bouton::after{opacity:1}#realisations-famille{max-width:1640px;margin:0 auto}#realisations-famille,#realisation-contenu .realisations-famille{text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}#realisations-famille p{font-size:18px}#realisations-famille .conteneur,#realisation-contenu .realisations-famille .conteneur{margin:1px!important;width:calc(25% - 2px);height:auto;max-height:456px;text-align:center;position:relative;overflow:hidden;z-index:10}#realisations-famille .conteneur{height:475px;max-width:350px;width:calc(25% - 60px);margin:30px!important}#realisations-famille .conteneur img,#realisation-contenu .realisations-famille .conteneur img{border-radius:10px;display:block;width:100%;height:100%;object-fit:cover;-o-object-fit:cover}#realisations-famille .conteneur::before,#realisation-contenu .realisations-famille a::before{content:"";display:block;width:100%;height:100%;border-radius:10px;position:absolute;top:0;left:0;background:rgba(60,71,78,.9);opacity:0;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;mix-blend-mode:multiply}#realisations-famille .overlay{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;cursor:pointer;position:absolute;top:0;left:0;opacity:0}#realisations-famille .contenu{padding:30px 40px;position:relative;z-index:10;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#realisations-famille .contenu .titre{max-width:calc(100% - 40px);min-width:120px}#realisations-famille .contenu .titre span{text-align:center;color:#fff;border:1px solid #fff;font-weight:400;font-size:17px;line-height:21px;background:none;padding:8px 25px;border-radius:65px;width:100%;display:block}#realisations-famille .contenu .centre{padding:20px 0}#realisations-famille .contenu .nom,#realisations-famille .contenu .nom a,#realisations-famille .contenu .nom a:visited{font-size:22px;color:#fff;font-weight:400;text-align:left;line-height:30px;text-decoration:none}#realisations-famille .contenu .intro{margin-top:20px;color:#d0ecff;font-size:18px;font-weight:400;text-align:left;line-height:22px}#realisations-famille .contenu .suite{width:100%;margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}#realisations-famille .contenu .suite::before{content:"";display:block;width:calc(100% - 40px);height:2px;background:#fe2d46}#realisations-famille .contenu .suite i{display:block;width:30px;height:30px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJhcnJvdy1jaXJjbGUtZG93biIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiI+PHBhdGggZD0iTTAsMTJBMTIsMTIsMCwxLDAsMTIsMCwxMi4wMTMsMTIuMDEzLDAsMCwwLDAsMTJabTIyLDBBMTAsMTAsMCwxLDEsMTIsMiwxMC4wMTEsMTAuMDExLDAsMCwxLDIyLDEyWiIvPjxwYXRoIGQ9Ik0xNiwxMmEyLjk5MywyLjk5MywwLDAsMS0uNzUyLDEuOTg3Yy0uMjkxLjMyNy0uNTc0LjYzNy0uNzc3Ljg0TDExLjY0NywxNy43YTEsMSwwLDEsMS0xLjQyNi0xLjRMMTMuMDUsMTMuNDJjLjE4Ny0uMTg4LjQ0MS0uNDY4LjctLjc1OWExLDEsMCwwLDAsMC0xLjMyM2MtLjI1OC0uMjktLjUxMi0uNTctLjY5My0uNzUyTDEwLjIyMSw3LjdhMSwxLDAsMSwxLDEuNDI2LTEuNGwyLjgyOSwyLjg3OWMuMi4yLjQ4LjUwNy43NjkuODMzQTIuOTksMi45OSwwLDAsMSwxNiwxMloiLz48L3N2Zz4K) no-repeat center center;background-size:100% auto;filter:invert(31%) sepia(66%) saturate(5049%) hue-rotate(337deg) brightness(101%) contrast(99%)}#realisations-famille .conteneur:hover::before,#realisation-contenu .realisations-famille .conteneur:hover a::before{opacity:1}#realisations-famille .conteneur:hover .overlay{opacity:1}#realisations-famille .contenu .suite i:hover{filter:invert(99%) sepia(6%) saturate(334%) hue-rotate(254deg) brightness(117%) contrast(100%)}#realisations-famille .conteneur *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease}@media all and (max-width:1555px){#realisations-famille .conteneur{width:calc(25% - 30px);margin:15px!important}}@media all and (max-width:1390px){#realisations-famille{max-width:1145px;margin:0 auto}#realisations-famille .conteneur{width:calc(33.333% - 30px)}}@media all and (max-width:1280px){#realisation-contenu .realisations-famille .conteneur{width:calc(33% - 2px)}}@media all and (max-width:1145px){#realisations-famille{max-width:750px}#realisations-famille .conteneur{width:calc(50% - 20px);margin:10px!important}}@media all and (max-width:1125px){#accueil-realisations-conteneur{padding:25px 0 35px}#realisations-filtres{margin:10px 10px 30px}#realisations-filtres .filtre{margin:5px}#realisations-filtres .filtre .bouton{padding:9px 15px;font-size:18px}}@media all and (max-width:990px){#realisation-contenu .realisations-famille .conteneur{width:calc(50% - 4px)}}@media all and (max-width:685px){#realisations-famille .contenu .titre span{font-size:18px}#realisations-famille .contenu .nom,#realisations-famille .contenu .nom a,#realisations-famille .contenu .nom a:visited{font-size:20px}#realisations-famille .contenu .intro{font-size:18px}}@media all and (max-width:580px){#realisations-famille{max-width:350px}#realisations-famille .conteneur{width:100%;margin:5px auto!important}}@media all and (max-width:450px){#realisation-contenu .realisations-famille .conteneur{width:100%;margin:10px auto!important;max-height:375px}}