*{font-family: Barlow;}
strong{font-size: inherit;}
body{position: relative;}
a{transition: .3s;text-decoration: none;}
.text-right{text-align: right;}
svg path{transition: .3s;}
.pr{position: relative;}
.pa{position: absolute;}
.flex-direction-column{flex-direction: column;}
.p0{padding: 0;}
.r0{right: 0;}
.oh{overflow: hidden;}
.p130{padding: 130px 0;}
.bg-center{background-position: center;}
.bg-cover{background-size: cover;}
dl, ol, ul {
margin: 0;
margin-bottom: 10px;
}
.grecaptcha-badge { visibility: hidden !important; }
.owl-theme .owl-nav [class*=owl-]:hover {background-color: transparent;}
.btn{display:inline-block;color: #e25e41!important; font-family: "Barlow Semi Condensed"; font-size: 18px; font-weight: 600;padding: 8px 18px;border-radius: 25px; border: solid 3px #e25e41; margin-bottom: 15px;}
.btn:hover{background-color: #e25e41;color: white!important;}
.btn.white{color: #fff!important;  border: solid 3px #fff;}
.btn.white:hover{background-color: #fff;color: #e25e41!important;} header{position: fixed;top: 0;width: 100%;background: white;z-index: 9000;}
header .logo{width: 90%;max-height: 70px;float: right;transition: .3s;}
header .sepa{width: 4px; height: 90px; border-radius: 2px; background: #efefef;margin: auto;transition: .3s;}
header nav.main-navigation ul {margin: 0;padding: 0;    align-items: center;}
header nav.main-navigation ul>li{margin: 0;position: inherit;padding: 0;}
header nav.main-navigation ul>li a{color: #7d8226; font-family: "Barlow Semi Condensed"; font-size: 20px; font-weight: 600;margin-right: 40px;padding: 40px 0;text-align: center;}
header nav.main-navigation ul>li:last-child a{margin-right: 0px;}
header nav.main-navigation ul li:hover a{ color: #c5d431;}
header nav.main-navigation ul li.current-menu-item a{ color: #c5d431;}
header nav.main-navigation ul li.current-menu-parent a{ color: #c5d431;}
header nav.main-navigation ul ul{ visibility:hidden;opacity:0;left: 0px; top: 110px ; width: 100%; align-items: center; justify-content: center;box-shadow: none;float: none;background: #c5d431;border-bottom:1px solid #7d8226;transition: .3s;z-index: 2;}
header nav.main-navigation ul ul.sub-menu li{position: relative;padding: 0;}
header nav.main-navigation ul ul.sub-menu li a{color: #ffffff; font-family: "Barlow Semi Condensed"; font-size: 20px; font-weight: 600;background: transparent;width: auto;padding: 12px 20px;margin-right: 0;}
header nav.main-navigation ul ul.sub-menu li.current-menu-item a{color: #ffffff;background: #7d8226;}
header nav.main-navigation ul ul.sub-menu li:hover a{color: #ffffff;background: #7d8226;}
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul{opacity:1;left: 0px;visibility: visible;z-index: 10;}
.page-template-page-quisommesnous header nav.main-navigation ul ul.sub-menu li.current-menu-item a{color: #ffffff;background: transparent;}
.page-template-page-quisommesnous header nav.main-navigation ul ul.sub-menu li:hover a{color: #ffffff;background: #7d8226;} header.scroll{box-shadow: 0px 0px 40px rgb(0 0 0 / 40%);}
header.scroll .logo{max-height: 60px;}
header.scroll .sepa{height: 80px;}
header.scroll nav.main-navigation ul>li a{padding: 23px 0;}
header.scroll nav.main-navigation ul ul{top: 80px;}
header.scroll nav.main-navigation ul ul.sub-menu li a{padding: 6px 20px;} .contact-button{position: fixed; right: -330px; top: 50%; transform: translateY(-50%);background-color: white; z-index: 8000; padding: 15px 25px; border-top-left-radius: 40px; border-bottom-left-radius: 40px;box-shadow: 0px -5px 30px rgba(0,0,0,0.3);display: flex;height: 165px;transition: .5s;}
.contact-button.hover{right: 0;}
.contact-button p{color: #e25e41; font-family: Barlow; font-size: 18px; font-weight: 700;display: inline-block; margin: 0;}
.contact-button svg{width: 30px; height: 30px; margin-right: 10px;}
.contact-button .button-hover{width: 40px; position: relative;}
.contact-button .button-hover .rotate{transform: rotate( -90deg); width: 130px; position: absolute; left: -60px; top: 53px; height: 30px;cursor: pointer;}
.contact-button .content{position: relative; z-index: 8888;}
.contact-button .content a{color: #e25e41; font-family: Barlow; font-size: 18px; font-weight: 700;display: block;}
.contact-button .content a:first-child{margin-bottom: 10px;} footer {border-top: 1px solid #efefef;}
footer ul{padding: 0;margin: 0;list-style: none;}
footer li{list-style: none;margin-bottom: 0;}
footer .footer-top{padding: 25px 0;}
footer .footer-top .row{align-items: center;}
footer .footer-top .logo-footer{display: flex;align-items: center;}
footer .footer-top .logo-footer .logo{max-height: 80px;width: 50%;}
footer .footer-top .logo-footer img{width: 50%;}
footer .footer-top .menu{display: flex; flex-wrap: wrap; flex-direction: row; gap: 20px;}
footer .footer-top .widget { margin: 0; }
footer .footer-top .menu li{}
footer .footer-top .menu li a{color: #7d8226; font-family: "Barlow Semi Condensed"; font-size: 22px; font-weight: 400;text-decoration: none;}
footer .footer-top .menu li a:hover{color: #c5d431;}
footer .footer-top .rs img{width: 40px;height: 40px;}
footer .footer-bottom .sepa{border-top: 2px solid #efefef;margin-bottom: 25px;}
footer .footer-bottom .text-right p{color: #505050; font-family: "Barlow Semi Condensed"; font-size: 20px; font-weight: 400;}
footer .footer-bottom .text-right a{color: #505050; font-family: "Barlow Semi Condensed"; font-size: 20px; font-weight: 400;}
footer .footer-bottom .logo {display: flex; flex-direction: row; align-items: center;flex-wrap: wrap;}
footer .footer-bottom .logo li{margin-right: 15px;}
footer .footer-bottom .logo .blocks-gallery-item{align-self: auto;margin-right: 20px;}
footer .footer-bottom .logo img{max-width: 150px;}
footer .footer-bottom .logo .climaxion-logo img{max-width: 300px;} main #page-home{padding-top: 110px;}
main #page-home #slider .slider-home{position: relative;}
main #page-home #slider .slider-home .item{height: calc(100vh - 110px);}
main #page-home #slider .slider-home .item .bg{background-size: cover;background-position: center;width: 100%;height: 100%;}
main #page-home #slider .slider-home .item .text{    width: 41.66666667%; height: 100%; background: linear-gradient( 90deg, rgb(0 0 0 / 60%), rgb(0 0 0 / 0%)); position: absolute; top: 0; left: 0; z-index: 2; padding-top: 8.33333333%;}
main #page-home #slider .slider-home .item .text .position{padding-left: 19.9999999%; padding-top: 80px ; background-image: url(//maison-habitat-epernay.fr/wp-content/themes/maisonhabitatepernay/img/oval-slider.png); background-size: 50% 100%; background-repeat: no-repeat;}
main #page-home #slider .slider-home .item .text p{  color: #ffffff; font-family: "Barlow Semi Condensed"; font-size: 45px; font-weight: 400; line-height: 55px;}
main #page-home #slider .slider-home .item .text a{  color: #ffffff; font-family: "Barlow Semi Condensed"; font-size: 20px; font-weight: 600;border-radius: 25px; border: solid 3px #ffffff; background: #7d8226; padding: 12px 30px;}
main #page-home #slider .slider-home .item .text a:hover{background: #fff;border-color: #7d8226;color: #7d8226;}
main #page-home #slider .slider-home .owl-prev{    position: absolute; bottom: 5% ; left: 8.33333333%; outline: none;}
main #page-home #slider .slider-home .owl-next{    position: absolute; bottom: 5% ; left: calc(8.33333333% + 70px); outline: none;}
main #page-home #slider .slider-home button:hover{outline: none;background-color: transparent;}
main #page-home #slider .slider-home .owl-prev:hover .oval-white{fill: #E25E41;}
main #page-home #slider .slider-home .owl-prev:hover .arrow-green{fill: #fff;}
main #page-home #slider .slider-home .owl-next:hover .oval-red{fill: #fff;}
main #page-home #slider .slider-home .owl-next:hover .arrow-white{fill: #C5D431;}
main #page-home #missions{padding: 80px 0;}
main #page-home #missions h2{color: #7d8226; font-family: "Barlow Semi Condensed"; font-size: 40px; font-weight: 400;}
main #page-home #missions h2 span{color: #C5D431;font-weight: 600;}
main #page-home #missions .missions{display: flex;justify-content: space-between;}
main #page-home #missions .item{transition:.3s;overflow:hidden;margin: 90px 0;background-repeat: no-repeat;background-size: cover;border-radius: 20px;padding: 0 10px;position: relative;cursor: pointer;width: calc(33.3333% - 30px);height: 350px;}
main #page-home #missions .item:before{content: '';display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(180deg, rgba(197,212,49,0) 70%, rgba(197,212,49,1) 100%);
transition: .3s;}
main #page-home #missions .item .position{    position: absolute; left: 50%; width: 95%; transform: translate(-50%, -50%); top: 85%; transition: .3s;} main #page-home #missions .item .title{color: #ffffff; font-family: "Barlow Semi Condensed"; font-size: 30px; font-weight: 500; text-align: center; line-height: normal;margin-bottom: 15px;width: auto;}
main #page-home #missions .item .content{transition:.3s;color: #ffffff; font-family: "Barlow Semi Condensed"; font-size: 18px; font-weight: 500;text-align: center; line-height: normal;max-height: 0;    overflow: hidden;}
main #page-home #missions .item.on{box-shadow: 0px 0px 50px rgba(0,0,0,0.2);}
main #page-home #missions .item.on .position{top: 50%;}
main #page-home #missions .item.on .content{max-height: 110px;}
main #page-home #missions .item.on::before{background: linear-gradient(180deg, rgba(226,94,65,0.7) 50%, rgba(226,94,65,0.7) 100%);}
main #page-home #missions .shape{position: absolute; width: 50%; height: 50%; top: 0; right: 0; background-image: url(//maison-habitat-epernay.fr/wp-content/themes/maisonhabitatepernay/img/shape-rouge.svg); background-size: contain; background-repeat: no-repeat; background-position: top right;}
main #page-home #actions{background-image: url(//maison-habitat-epernay.fr/wp-content/themes/maisonhabitatepernay/img/bg-actions.jpg);padding: 180px 0;}
main #page-home #actions video{border-radius: 10px;border: 4px solid white;width: 100%;}
main #page-home #actions h2{ color: #7d8226; font-family: "Barlow Semi Condensed"; font-size: 40px; font-weight: 400;margin-bottom: 30px;}
main #page-home #actions p{color: #505050; font-family: Barlow; font-size: 18px; font-weight: 500; line-height: normal;}
main #page-home #actions a{display: inline-block;border-radius: 25px; border: solid 3px #ffffff; background: #e25e41;  color: #ffffff; font-family: "Barlow Semi Condensed"; font-size: 18px; font-weight: 600;padding: 12px 28px;line-height: 20px;margin-top: 20px;}
main #page-home #actions a:hover{background-color: #fff;color: #E25E41;border-color: #E25E41;}
main #page-home #projet-evaluer .green{background: #7d8226;padding: 80px 0;}
main #page-home #projet-evaluer .green h2{color: #ffffff; font-family: "Barlow Semi Condensed"; font-size: 38px; font-weight: 400; line-height: 40px; text-align: center; margin-bottom: 20px;}
main #page-home #projet-evaluer .green h2 span{color: #C5D431; font-weight: 600;}
main #page-home #projet-evaluer .green a{color: #ffffff; font-family: "Barlow Semi Condensed"; font-size: 20px; font-weight: 600; line-height: 24px;padding: 12px 23px;border: solid 2px white;border-radius: 25px;background: #7d8226;display: inline-block;}
main #page-home #projet-evaluer .green a:hover{background-color: #fff;color: #7d8226;}
main #page-home #projet-evaluer .light-green{ background: #c5d431;padding: 80px 0;}
main #page-home #projet-evaluer .light-green h2{color: #ffffff; font-family: "Barlow Semi Condensed"; font-size: 38px; font-weight: 400; line-height: 40px; text-align: center;margin-bottom: 20px;}
main #page-home #projet-evaluer .light-green h2 span{color: #7D8226; font-weight: 600;}
main #page-home #projet-evaluer .light-green a{color: #ffffff; font-family: "Barlow Semi Condensed"; font-size: 20px; font-weight: 600; line-height: 24px;padding: 12px 23px;border: solid 2px white;border-radius: 25px;background: #c5d431;display: inline-block;}
main #page-home #projet-evaluer .light-green a:hover{background-color: #fff;color: #c5d431;}
main #page-home #actualites{padding: 90px 0;}
main #page-home #actualites h2{ color: #7d8226; font-family: "Barlow Semi Condensed"; font-size: 40px; font-weight: 400;}
main #page-home #actualites h2 span{ color: #C5D431; font-weight: 600;}
main #page-home #actualites .filter form{display: inline-block;border:2px solid #f1f1f1f1;border-radius: 50px;}
main #page-home #actualites .filter form input{width: 0;}
main #page-home #actualites .filter form label{cursor: pointer;padding: 12px 20px;border-radius: 50px;color: #919191; font-family: "Barlow Semi Condensed"; font-size: 18px; font-weight: 600;transition: .3s; }
main #page-home #actualites .filter form label.on{background: #e25e41;color: #fff;}
main #page-home #actualites .filter form label:hover{background: #e25e41;color: #fff;}
main #page-home #actualites #response{padding: 60px 0 0;}
main #page-home #actualites #response .actu{margin-bottom: 10px;padding: 15px ;}
main #page-home #actualites #response .actu .date{color: #919191; font-family: "Barlow Semi Condensed"; font-size: 18px; font-weight: 600;margin-bottom: 0;}
main #page-home #actualites #response .actu .cat{color: #7d8226; font-family: "Barlow Semi Condensed"; font-size: 18px; font-weight: 600;text-transform: uppercase; margin-bottom: 10px;}
main #page-home #actualites #response .actu .title{ color: #e25e41; font-family: "Barlow Semi Condensed"; font-size: 24px; font-weight: 600; margin-bottom: 25px;line-height: 26px;width: auto;text-align: left;}
main #page-home #actualites #response .actu .link{color: #ffffff; font-family: "Barlow Semi Condensed"; font-size: 18px; font-weight: 600;background: #e25e41;border:2px solid #e25e41;padding: 12px 26px;border-radius: 50px;opacity: 0;visibility: hidden;}
main #page-home #actualites #response .actu:hover .link{opacity: 1;visibility: visible;}
main #page-home #actualites #response .actu .link:hover{color: #e25e41;background: #fff;}
main #page-home #actualites #response .actu .thumbnail{width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;border-radius: 10px;filter: grayscale(1);transition: .3s;}
main #page-home #actualites #response .actu:hover .thumbnail{filter: grayscale(0);box-shadow: 0px 0px 15px rgba(0,0,0,0.2);}
main #page-home #actualites #response .actu-slider{position: relative;}
main #page-home #actualites #response .actu-slider .owl-next{top: 50%;right: -10%;position: absolute;transform: translateY(-50%);}
main #page-home #actualites #response .actu-slider .owl-prev{top: 50%;left: -10%;position: absolute;transform: translateY(-50%);}
main #page-home #actualites #response .actu-slider .owl-nav button:hover{background-color: transparent;}
main #page-home #equipe{position: relative;background-color: #FBFBFB;padding: 90px 0;}
main #page-home #equipe .shape-vert{position: absolute; width: 100%; height: 250px; top: -200px; left: 0; background-image: url(//maison-habitat-epernay.fr/wp-content/themes/maisonhabitatepernay/img/shape-vert.svg); background-size: contain; background-repeat: no-repeat; background-position: top left;}
main #page-home #equipe h2{color: #7d8226; font-family: "Barlow Semi Condensed"; font-size: 40px; font-weight: 400;}
main #page-home #equipe h2 span{color: #C5D431;font-weight: 600;}
main #page-home #equipe .equipes{justify-content: space-between;}
main #page-home #equipe .equipes .equipe{ text-align: center;padding: 15px;}
main #page-home #equipe .equipes .equipe .thumbnail{background-size: cover;border-radius: 10px;background-position: center;margin-bottom: 25px;}
main #page-home #equipe .equipes .equipe .title{color: #c5d431; font-family: "Barlow Semi Condensed"; font-size: 28px; font-weight: 700; text-align: center;margin-bottom: 0; width: auto;}
main #page-home #equipe .equipes .equipe .poste{color: #7d8226; font-family: "Barlow Semi Condensed"; font-size: 20px; font-weight: 700; text-align: center; text-transform: uppercase;}
main #page-home #equipe .equipes .equipe .description{color: #505050; font-family: Barlow; font-size: 18px; font-weight: 500;text-align: left;margin-bottom: 15px;height: 55px;}
main #page-home #equipe .equipes .equipe .description ul{margin: 0; padding: 0 0px 0px 20px;}
main #page-home #equipe .equipes .equipe .description ::marker{color: #e25e41;}
main #page-home #equipe .equipes .equipe .mail{display:inline-block;color: #e25e41; font-family: "Barlow Semi Condensed"; font-size: 18px; font-weight: 600;padding: 8px 18px;border-radius: 25px; border: solid 3px #e25e41; margin-bottom: 15px;}
main #page-home #equipe .equipes .equipe .mail:hover{background-color: #e25e41;color: white;}
main #page-home #equipe .equipes .equipe .mail:hover svg path{fill: white;}
main #page-home #equipe .equipes .equipe .tel{display:inline-block;color: #e25e41; font-family: "Barlow Semi Condensed"; font-size: 18px; font-weight: 600;padding: 8px 18px;border-radius: 25px; border: solid 3px #e25e41;}
main #page-home #equipe .equipes .equipe .tel:hover{background-color: #e25e41;color: white;}
main #page-home #equipe .equipes .equipe .tel:hover svg path{fill: white;}
main #page-home #equipe .equipes .equipe svg{margin-right: 8px;}
main #page-home #equipe .equipes .slider-equipe .owl-nav button:hover { background-color: transparent; }
main #page-home #contact{margin-top: 80px;}
main #page-home #contact .photo{height: 100%;width: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}
main #page-home #contact .content{height:auto;background: #E25E41; display: flex; flex-direction: column; justify-content: center; padding: 50px 0; align-items: center;}
main #page-home #contact .content .pos{width: 70%;}
main #page-home #contact .content h2{color: #ffffff; font-family: "Barlow Semi Condensed"; font-size: 40px; font-weight: 400; }
main #page-home #contact .content p{color: #ffffff; font-family: Barlow; font-size: 18px; font-weight: 400;}
main #page-home #contact .content .mail{margin-right: 15px;display:inline-block;color: #fff; font-family: "Barlow Semi Condensed"; font-size: 18px; font-weight: 600;padding: 8px 18px;border-radius: 25px; border: solid 3px #fff; margin-bottom: 15px;}
main #page-home #contact .content .mail:hover{background-color: #fff;color: #e25e41;;}
main #page-home #contact .content .mail:hover svg path{fill: #e25e41;}
main #page-home #contact .content .tel{display:inline-block;color: #fff; font-family: "Barlow Semi Condensed"; font-size: 18px; font-weight: 600;padding: 8px 18px;border-radius: 25px; border: solid 3px #fff;}
main #page-home #contact .content .tel:hover{background-color: #fff;color: #e25e41;}
main #page-home #contact .content .tel:hover svg path{fill: #e25e41;}
main #page-home #contact .content svg{margin-right: 8px;} main #page-pourquoirenover{padding-top: 110px;}
main #page-pourquoirenover .raison{height: 560px;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;}
main #page-pourquoirenover .raison.r{background-position: center right;}
main #page-pourquoirenover .raison.l{background-position: center left;}
main #page-pourquoirenover .raison.r .pos{left: 16.66666667%;position: absolute;top: 50%;transform: translateY(-50%);}
main #page-pourquoirenover .raison.l .pos{right: 16.66666667%;position: absolute;top: 50%;transform: translateY(-50%);}
main #page-pourquoirenover .raison .pos h2{ color: #505050; font-family: "Barlow Semi Condensed"; font-size: 40px; font-weight: 400; }
main #page-pourquoirenover .raison .pos p{  color: #505050; font-family: Barlow; font-size: 20px; font-weight: 500;} main #page-etapes{padding-top: 110px;}
main #page-etapes #selector{padding: 200px 0;}
main #page-etapes #selector .title{text-align: left;width: auto; margin: auto; font-size: inherit;}
main #page-etapes #selector .title h1{color: #7d8226; font-family: "Barlow Semi Condensed"; font-size: 40px; font-weight: 600;line-height: 40px;}
main #page-etapes #selector .title h1 span{color: #C5D431;font-weight: 400;}
main #page-etapes #selector .item{text-align: center;height: 310px;position: relative;}
main #page-etapes #selector .item .pos{    position: absolute; transition: .3s; bottom: 40px;}
main #page-etapes #selector .item .content{opacity: 0;visibility:hidden;max-height: 0px;transition: .3s;}
main #page-etapes #selector .item .content p{color: #505050; font-family: Barlow; font-size: 18px; font-weight: 500; line-height: 24px; text-align: center;}
main #page-etapes #selector .item .title h2{ color: #c5d431; font-family: "Barlow Semi Condensed"; font-size: 20px; font-weight: 600; line-height: 24px;transition: .3s;text-align: center;}
main #page-etapes #selector .item .picto{    width: 30px; height: 30px; background: #c5d431;border-radius: 50%;     display: flex; justify-content: center; align-items: center;margin: 60px auto 0;transition: .3s;}
main #page-etapes #selector .item .picto svg{opacity: 0;visibility: hidden;transition: .3s;}
main #page-etapes #selector .item .picto img{opacity: 0;visibility: hidden;transition: .3s;width: 60px;height: 60px;}
main #page-etapes #selector .slider-etapes{position: relative;z-index: 5;    width: 33.33333%;}
main #page-etapes #selector  .owl-carousel .owl-stage-outer{overflow: inherit;}
main #page-etapes #selector .owl-theme .owl-nav { margin-top: 35px; }
main #page-etapes #selector .item.on .pos{bottom: 0;}
main #page-etapes #selector .item.on .content{opacity: 1;visibility:visible;max-height: 120px;}
main #page-etapes #selector .item.on .title h2{font-size: 28px; line-height: 36px; }
main #page-etapes #selector .item.on .picto{width: 110px; height: 110px; border: solid 3px #c5d431; background: #ffffff; border-radius: 50%;}
main #page-etapes #selector .item.on .picto svg{opacity: 1;visibility: visible;}
main #page-etapes #selector .item.on .picto img{opacity: 1;visibility: visible;}
main #page-etapes #selector .slider-etapes button:hover{outline: none;background-color: transparent;}
main #page-etapes #selector .slider-etapes .owl-prev:hover .oval-green{fill: #E25E41;}
main #page-etapes #selector .slider-etapes .owl-next:hover .oval-red{fill: #C5D431;}
main #page-etapes #selector .line{    width: 50%; height: 2px; background: #c5d431; position: absolute; z-index: 2; left: 50%; bottom: 160px;}
main #page-etapes #selector .line-fade{background: linear-gradient( 90deg, rgba(226,94,65,0) 0%, rgba(197,212,49,1) 100%); width: 40%; height: 2px; position: absolute; z-index: 2; bottom: 160px; left: 50%; transform: translateX(-80%);} main #page-aides{padding-top: 110px;overflow: hidden;}
main #page-aides #header{padding: 55px 0;background: #C5D431;}
main #page-aides #header h1{color: #fff; font-family: "Barlow Semi Condensed"; font-size: 40px; font-weight: 400; margin-bottom: 30px;}
main #page-aides #header p{color: #fff; font-family: Barlow; font-size: 18px; font-weight: 500; line-height: normal;}
main #page-aides #calculateur{padding: 55px 0;}
main #page-aides #selector{padding: 55px 0;background: #C5D431;}
main #page-aides #selector select{padding: 8px 20px;border-radius: 25px; border: solid 2px #ffffff;background-color: transparent;outline:none;color: #ffffff; font-family: "Barlow Semi Condensed"; font-size: 18px; font-weight: 600; }
main #page-aides #selector select option{color: #505050; font-family: "Barlow Semi Condensed"; font-size: 18px; font-weight: 400;border-radius: 5px;}
main #page-aides #content{}
main #page-aides #content .aide{visibility: hidden;opacity: 0;max-height: 0px;transition: .3s;}
main #page-aides #content .aide.on{visibility: visible;opacity: 1;max-height: 5000px;}
main #page-aides #content .aide .l{background: #FBFBFB}
main #page-aides #content .aide img{margin-bottom: 20px;}
main #page-aides #content .aide p{ color: #505050; font-family: Barlow; font-size: 18px; font-weight: 500; line-height: 28px; }
main #page-aides #content .aide .link{display:inline-block;margin-top: 20px;border-radius: 25px; border: solid 2px #e25e41; background: #e25e41;padding: 8px 22px; color: #ffffff; font-family: "Barlow Semi Condensed"; font-size: 18px; font-weight: 600;}
main #page-aides #content .aide .link:hover{background: white;color: #e25e41;} main #page-nosprofessionnels{padding-top: 110px; background: #fbfbfb;}
main #page-nosprofessionnels #content{padding: 140px 0;background-image: url(//maison-habitat-epernay.fr/wp-content/themes/maisonhabitatepernay/img/circle-vert.svg);background-repeat: no-repeat;background-position: bottom right;background-size: 25%;}
main #page-nosprofessionnels #content h1{color: #7d8226; font-family: "Barlow Semi Condensed"; font-size: 50px; font-weight: 300;}
main #page-nosprofessionnels #content p{color: #505050; font-family: Barlow; font-size: 18px; font-weight: 500; line-height: 25px; }
main #page-nosprofessionnels #content .shape{position: absolute; width: 100%; height: 250px; top: 0; left: 0; background-image: url(//maison-habitat-epernay.fr/wp-content/themes/maisonhabitatepernay/img/shape-rouge-2.svg); background-size: contain; background-repeat: no-repeat; background-position: top left;}
main #page-nosprofessionnels #content .photo{right: 0;bottom: 0;background-position: bottom center;background-repeat: no-repeat;background-size: contain;}
main #page-nosprofessionnels #content-2{background-color: #e25e41;padding: 100px 0;}
main #page-nosprofessionnels #content-2 .row{align-items: center;}
main #page-nosprofessionnels #content-2 p{    font-family: Barlow; font-size: 18px; font-weight: 500; line-height: 25px;color: white;}
main #page-nosprofessionnels #content-3{background-color: #FBFBFB;padding: 100px 0;}
main #page-nosprofessionnels #content-3 h2{font-family: "Barlow Semi Condensed"; font-size: 40px; font-weight: 300;color: #7D8226;margin-bottom: 30px;}
main #page-nosprofessionnels #content-3 p{   font-family: Barlow; font-size: 18px; font-weight: 500; line-height: 25px;color: #505050;}
main #page-nosprofessionnels #content-3 a{   font-family: Barlow; font-size: 18px; font-weight: 500; line-height: 25px;color: #e25e41;}
main #page-nosprofessionnels #content-3 li{   font-family: Barlow; font-size: 18px; font-weight: 500; line-height: 25px;color: #505050;} main #page-professionnels{padding-top: 110px; background: #fbfbfb;}
main #page-professionnels #content{padding: 140px 0;background-image: url(//maison-habitat-epernay.fr/wp-content/themes/maisonhabitatepernay/img/circle-vert-2.svg);background-repeat: no-repeat;background-position: bottom left;background-size: 20%;}
main #page-professionnels #content h1{font-family: Barlow; font-size: 30px; font-weight: 300; line-height: 25px;color: #505050;margin-bottom: 30px;}
main #page-professionnels #content p{color: #505050; font-family: Barlow; font-size: 18px; font-weight: 400; line-height: 25px; }
main #page-professionnels #content li{color: #505050; font-family: Barlow; font-size: 18px; font-weight: 400; line-height: 25px; }
main #page-professionnels #content .shape{position: absolute; width: 100%; height: 250px; top: 0; left: 0; background-image: url(//maison-habitat-epernay.fr/wp-content/themes/maisonhabitatepernay/img/shape-rouge.svg); background-size: contain; background-repeat: no-repeat; background-position: top right;}
main #page-professionnels #content .photo{right: 0;bottom: 0;background-position: bottom center;background-repeat: no-repeat;background-size: contain;}
main #page-professionnels #content-2{background-color: #e25e41;}
main #page-professionnels #content-2 img{height: 100%;width: 100%;object-fit: cover;}
main #page-professionnels #content-2 .row{}
main #page-professionnels #content-2 .texte{padding: 60px 0;}
main #page-professionnels #content-2 .texte h2{    font-family: Barlow; font-size: 30px; font-weight: 300; line-height: 25px;color: white;margin-bottom: 30px;}
main #page-professionnels #content-2 .texte p{    font-family: Barlow; font-size: 18px; font-weight: 400; line-height: 25px;color: white;}
main #page-professionnels #content-2 .texte li{    font-family: Barlow; font-size: 18px; font-weight: 400; line-height: 25px;color: white;}
main #page-professionnels #content-3{background-color: #C5D431;}
main #page-professionnels #content-3 img{height: 100%;width: 100%;object-fit: cover;}
main #page-professionnels #content-3 .texte{padding: 60px 0;}
main #page-professionnels #content-3 .texte h2{font-family: "Barlow Semi Condensed"; font-size: 30px; font-weight: 300;color: #505050;margin-bottom: 30px;}
main #page-professionnels #content-3 .texte p{   font-family: Barlow; font-size: 18px; font-weight: 400; line-height: 25px;color: #505050;}
main #page-professionnels #content-3 .texte a{   font-family: Barlow; font-size: 18px; font-weight: 400; line-height: 25px;color: #e25e41;}
main #page-professionnels #content-3 .texte li{   font-family: Barlow; font-size: 18px; font-weight: 400; line-height: 25px;color: #505050;}
main #page-professionnels #content-4{padding: 60px 0;background-image: url(//maison-habitat-epernay.fr/wp-content/themes/maisonhabitatepernay/img/circle-vert.svg);background-repeat: no-repeat;background-position: bottom right;background-size: 15%;}
main #page-professionnels #content-4 .shape{position: absolute; width: 100%; height: 250px; top: -150px; left: 0; background-image: url(//maison-habitat-epernay.fr/wp-content/themes/maisonhabitatepernay/img/shape-rouge-2.svg); background-size: contain; background-repeat: no-repeat; background-position: top left;}
main #page-professionnels #content-4 h2{font-family: "Barlow Semi Condensed"; font-size: 30px; font-weight: 300;color: #505050;margin-bottom: 30px;}
main #page-professionnels #content-4 .thumbnail{background-size: cover;border-radius: 10px;background-position: center;height: 300px;}
main #page-professionnels #content-4 .title{color: #c5d431; font-family: "Barlow Semi Condensed"; font-size: 28px; font-weight: 700;margin-bottom: 0; width: auto;text-align: left;}
main #page-professionnels #content-4 .poste{color: #7d8226; font-family: "Barlow Semi Condensed"; font-size: 20px; font-weight: 700;text-transform: uppercase;}
main #page-professionnels #content-4 .mail{display:inline-block;color: #e25e41; font-family: "Barlow Semi Condensed"; font-size: 18px; font-weight: 600;padding: 8px 18px;border-radius: 25px; border: solid 3px #e25e41; margin-bottom: 15px;}
main #page-professionnels #content-4 .mail:hover{background-color: #e25e41;color: white;}
main #page-professionnels #content-4 .mail:hover svg path{fill: white;}
main #page-professionnels #content-4 .tel{display:inline-block;color: #e25e41; font-family: "Barlow Semi Condensed"; font-size: 18px; font-weight: 600;padding: 8px 18px;border-radius: 25px; border: solid 3px #e25e41;}
main #page-professionnels #content-4 .tel:hover{background-color: #e25e41;color: white;}
main #page-professionnels #content-4 .tel:hover svg path{fill: white;}
main #page-professionnels #content-4 svg{margin-right: 8px;} main #page-actualites{padding-top: 110px;}
main #page-actualites #content{padding: 50px 0;background: #fbfbfb;}
main #page-actualites #content h1{ color: #7d8226; font-family: "Barlow Semi Condensed"; font-size: 40px; font-weight: 400;margin-bottom: 20px;}
main #page-actualites #content h1 span{ color: #C5D431; font-weight: 600;}
main #page-actualites #content .actu{margin-bottom: 10px;padding: 15px ;}
main #page-actualites #content .actu .date{color: #919191; font-family: "Barlow Semi Condensed"; font-size: 18px; font-weight: 600;margin-bottom: 0;}
main #page-actualites #content .actu .cat{color: #7d8226; font-family: "Barlow Semi Condensed"; font-size: 18px; font-weight: 600;text-transform: uppercase; margin-bottom: 10px;}
main #page-actualites #content .actu .title{ color: #e25e41; font-family: "Barlow Semi Condensed"; font-size: 24px; font-weight: 600; margin-bottom: 25px;line-height: 26px;width: auto;text-align: left;}
main #page-actualites #content .actu .link{color: #ffffff; font-family: "Barlow Semi Condensed"; font-size: 18px; font-weight: 600;background: #e25e41;border:2px solid #e25e41;padding: 12px 26px;border-radius: 50px;}
main #page-actualites #content .actu .link:hover{color: #e25e41;background: #fff;}
main #page-actualites #content .actu .thumbnail{width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;border-radius: 10px;filter: grayscale(1);transition: .3s;}
main #page-actualites #content .actu:hover .thumbnail{filter: grayscale(0);box-shadow: 0px 0px 15px rgba(0,0,0,0.2);}
main #page-actualites #content .filter form{display: inline-block;border:2px solid #f1f1f1f1;border-radius: 50px;}
main #page-actualites #content .filter form input{width: 0;}
main #page-actualites #content .filter form label{cursor: pointer;padding: 10px 18px;border-radius: 50px;color: #919191; font-family: "Barlow Semi Condensed"; font-size: 18px; font-weight: 600;transition: .3s; }
main #page-actualites #content .filter form label.on{background: #e25e41;color: #fff;}
main #page-actualites #content .filter form label:hover{background: #e25e41;color: #fff;} main #single-actu{position: relative;padding: 130px 0 75px;}
main #single-actu .content h1{ color: #e25e41;    font-family: "Barlow Semi Condensed"; font-size: 40px; font-weight: 400; margin-bottom: 10px;}
main #single-actu .content .date { color: #7d8226; font-family: Barlow; font-size: 14px; font-weight: 400; line-height: 17px;margin-bottom: 20px;}
main #single-actu .content .contenu p{    color: #505050; font-family: Barlow; font-size: 16px; font-weight: 400; line-height: 19px;margin-bottom: 15px;}
main #single-actu .line{background: #eaeaea;width: 1px;height: 100%;margin: auto;}
main #single-actu .sidebar .actu a{display: flex;    align-items: center;}
main #single-actu .sidebar .actu .thumbnail_{height: 150px;width:100%;background-size: cover;background-position: center;background-repeat: no-repeat;margin-right: 20px;filter: grayscale(1);transition: .3s;}
main #single-actu .sidebar .actu:hover .thumbnail_{filter: grayscale(0);}
main #single-actu .sidebar .actu .title{color: #e25e41; font-family: Barlow; font-size: 22px; font-weight: 700; line-height: 26px;margin-bottom: 10px;width: auto;text-align: left;}
main #single-actu .sidebar .actu .date{  color: #7d8226; font-family: Barlow; font-size: 14px; font-weight: 400; line-height: 17px;margin-bottom: 20px;} main #page-contact{position: relative;padding-top: 110px}
main #page-contact .red{background-color: #E25E41;}
main #page-contact .red .content{    background: #E25E41; display: flex; flex-direction: column; justify-content: center; padding: 50px 0; align-items: center;}
main #page-contact .red .content .pos{width: 70%;}
main #page-contact .red .content h2{color: #ffffff; font-family: "Barlow Semi Condensed"; font-size: 40px; font-weight: 400; }
main #page-contact .red .content p{color: #ffffff; font-family: Barlow; font-size: 18px; font-weight: 400;}
main #page-contact .red .content form input{background: white;border: 2px solid white;border-radius: 50px;width: 100%;color: #E25E41; font-family: Barlow; font-size: 18px; font-weight: 400;margin-bottom: 10px;padding: 8px 15px;outline: none;}
main #page-contact .red .content form textarea{background: white;border: 2px solid white;border-radius: 20px;width: 100%;color: #E25E41; font-family: Barlow; font-size: 18px; font-weight: 400;padding: 8px 15px;outline: none;height: 100px;}
main #page-contact .red .content form input::placeholder{color: #acacac; font-family: Barlow; font-size: 18px; font-weight: 400;}
main #page-contact .red .content form textarea::placeholder{color: #acacac; font-family: Barlow; font-size: 18px; font-weight: 400;}
main #page-contact .red .content form input[type="submit"]{width: auto;float: right;transition: .3s;}
main #page-contact .red .content form input[type="submit"]:hover{background: transparent;color: white;}
main #page-contact .red .content form input[type="checkbox"]{width: auto;} main #page-quisommesnous{padding-top: 110px}
main #page-quisommesnous #la-maison-de-lhabitat{background-color: #C5D431;}
main #page-quisommesnous #la-maison-de-lhabitat .p90{padding: 90px 0;}
main #page-quisommesnous #la-maison-de-lhabitat .h100{background-position: center;background-size: cover;}
main #page-quisommesnous #la-maison-de-lhabitat h2{color: #fff; font-family: "Barlow Semi Condensed"; font-size: 40px; font-weight: 400; margin-bottom: 30px;}
main #page-quisommesnous #la-maison-de-lhabitat h2 span{color: #fff;font-weight: 600;}
main #page-quisommesnous #la-maison-de-lhabitat p{color: #fff; font-family: Barlow; font-size: 18px; font-weight: 500; line-height: normal;}
main #page-quisommesnous #la-maison-de-lhabitat p strong{font-size: 18px;}
main #page-quisommesnous #la-maison-de-lhabitat li{color: #fff; font-family: Barlow; font-size: 18px; font-weight: 500; line-height: normal;}
main #page-quisommesnous #le-territoire{padding: 90px 0;}
main #page-quisommesnous #le-territoire h2{color: #7d8226; font-family: "Barlow Semi Condensed"; font-size: 40px; font-weight: 400; margin-bottom: 45px;}
main #page-quisommesnous #le-territoire h2 span{color: #C5D431;font-weight: 600;}
main #page-quisommesnous #le-territoire p{color: #505050; font-family: Barlow; font-size: 18px; font-weight: 500; line-height: normal;}
main #page-quisommesnous #le-territoire li{color: #505050; font-family: Barlow; font-size: 18px; font-weight: 500; line-height: normal;}
main #page-quisommesnous #le-territoire .slider-territoire{position: relative;border: 1px solid #C5C5C5; border-radius: 20px;padding: 10px 0;}
main #page-quisommesnous #le-territoire .slider-territoire .item{overflow: hidden; border-radius: 20px;}
main #page-quisommesnous #le-territoire .slider-territoire .owl-nav{margin: 0;}
main #page-quisommesnous #le-territoire .slider-territoire .owl-nav button:hover{background-color: transparent;}
main #page-quisommesnous #le-territoire .slider-territoire .owl-nav .owl-next{position: absolute;right: -15% ;top: 50%;transform: translateY(-50%);}
main #page-quisommesnous #le-territoire .slider-territoire .owl-nav .owl-prev{position: absolute;left: -15% ;top: 50%;transform: translateY(-50%);}
main #page-quisommesnous #notre-equipe{position: relative;background-color: #7d8226;padding: 90px 0;}
main #page-quisommesnous #notre-equipe .shape-vert{position: absolute; width: 100%; height: 250px; top: -200px; left: 0; background-image: url(//maison-habitat-epernay.fr/wp-content/themes/maisonhabitatepernay/img/shape-vert.svg); background-size: contain; background-repeat: no-repeat; background-position: top left;}
main #page-quisommesnous #notre-equipe h2{color: #fff; font-family: "Barlow Semi Condensed"; font-size: 40px; font-weight: 400; margin-bottom: 30px;}
main #page-quisommesnous #notre-equipe h2 span{color: #fff;font-weight: 600;}
main #page-quisommesnous #notre-equipe .equipes{justify-content: space-between;}
main #page-quisommesnous #notre-equipe .equipes .equipe{text-align: center;padding: 15px;}
main #page-quisommesnous #notre-equipe .equipes .equipe .thumbnail{background-size: cover;border-radius: 10px;background-position: center;margin-bottom: 25px;}
main #page-quisommesnous #notre-equipe .equipes .equipe .title{color: #c5d431; font-family: "Barlow Semi Condensed"; font-size: 28px; font-weight: 700; text-align: center;margin-bottom: 0;width: auto; }
main #page-quisommesnous #notre-equipe .equipes .equipe .poste{color: #fff; font-family: "Barlow Semi Condensed"; font-size: 20px; font-weight: 700; text-align: center; text-transform: uppercase;}
main #page-quisommesnous #notre-equipe .equipes .equipe .description{color: #fff; font-family: Barlow; font-size: 18px; font-weight: 500;text-align: left;margin-bottom: 15px;height: 55px;}
main #page-quisommesnous #notre-equipe .equipes .equipe .description ul{margin: 0; padding: 0 0px 0px 20px;}
main #page-quisommesnous #notre-equipe .equipes .equipe .description ::marker{color: #fff;}
main #page-quisommesnous #notre-equipe .equipes .equipe .mail{display:inline-block;color: #fff; font-family: "Barlow Semi Condensed"; font-size: 18px; font-weight: 600;padding: 8px 18px;border-radius: 25px; border: solid 3px #fff; margin-bottom: 15px;}
main #page-quisommesnous #notre-equipe .equipes .equipe .mail:hover{background-color: #fff;color: #7d8226;}
main #page-quisommesnous #notre-equipe .equipes .equipe .mail:hover svg path{fill: #7d8226;}
main #page-quisommesnous #notre-equipe .equipes .equipe .tel{display:inline-block;color: #fff; font-family: "Barlow Semi Condensed"; font-size: 18px; font-weight: 600;padding: 8px 18px;border-radius: 25px; border: solid 3px #fff;}
main #page-quisommesnous #notre-equipe .equipes .equipe .tel:hover{background-color: #fff;color: #7d8226;}
main #page-quisommesnous #notre-equipe .equipes .equipe .tel:hover svg path{fill: #7d8226;}
main #page-quisommesnous #notre-equipe .equipes .equipe svg{margin-right: 8px;}
main #page-quisommesnous #notre-equipe .equipes .slider-equipe .owl-nav button { background-color: transparent;}
main #page-quisommesnous #notre-equipe .equipes .slider-equipe .owl-nav button svg .oval-red { fill: white;}
main #page-quisommesnous #notre-equipe .equipes .slider-equipe .owl-nav button svg .oval-white { fill: white;}
main #page-quisommesnous #notre-equipe .equipes .slider-equipe .owl-nav button svg .arrow-white,
main #page-quisommesnous #notre-equipe .equipes .slider-equipe .owl-nav button svg .arrow-green { fill: #7d8226;}
main #page-quisommesnous #notre-equipe .equipes .slider-equipe .owl-nav button:hover { background-color: transparent; }
main #page-quisommesnous #nos-partenaires{padding: 90px 0;background-color: #fff;}
main #page-quisommesnous #nos-partenaires h2{color: #c5d431; font-family: "Barlow Semi Condensed"; font-size: 40px; font-weight: 400; margin-bottom: 30px;}
main #page-quisommesnous #nos-partenaires h2 span{color: #7d8226;font-weight: 600;}
main #page-quisommesnous #nos-partenaires p{color: #505050; font-family: Barlow; font-size: 18px; font-weight: 500; line-height: normal;}
main #page-quisommesnous #nos-partenaires h3{font-family: Barlow;font-weight: 500; font-size: 22px; line-height: 28px;text-transform: uppercase; color: #c5d431;margin-bottom: 15px;margin-top: 30px;}
main #page-quisommesnous #nos-partenaires .item{max-height: 140px;max-width: 140px;margin: auto;}
main #page-quisommesnous #nos-partenaires .slider-partenaire-financiers .item{max-height: initial;max-width: initial;margin: auto;}
main #page-quisommesnous #nos-partenaires .slider-partenaire-financiers .owl-nav button:hover { background-color: transparent; }
main #page-quisommesnous #nos-partenaires .slider-partenaire-locaux{ position: relative; }
main #page-quisommesnous #nos-partenaires .slider-partenaire-locaux .owl-nav button:hover { background-color: transparent; }
main #page-quisommesnous #nos-partenaires .slider-partenaire-locaux .owl-nav .owl-next{position: absolute;right: -5% ;top: 50%;transform: translateY(-50%);}
main #page-quisommesnous #nos-partenaires .slider-partenaire-locaux .owl-nav .owl-prev{position: absolute;left: -5% ;top: 50%;transform: translateY(-50%);}
main #page-quisommesnous #nos-partenaires .shape{position: absolute; width: 50%; height: 50%; top: -120px; right: 0; background-image: url(//maison-habitat-epernay.fr/wp-content/themes/maisonhabitatepernay/img/shape-rouge.svg); background-size: contain; background-repeat: no-repeat; background-position: top right;} main #page-evaluer{padding-top: 110px;}
main #page-evaluer app-ppi .header{height: 800px;} main #page{padding-top: 110px;}
main #page #content{padding: 50px 0;}
main #page #content h1{    color: #7d8226; font-family: "Barlow Semi Condensed"; font-size: 40px; font-weight: 400; margin-bottom: 30px;}
main #page #content p{    color: #505050; font-family: Barlow; font-size: 16px; font-weight: 500; line-height: normal;margin-bottom: 10px;} main #page-clefsrenov{padding-top: 110px}
main #page-clefsrenov #intro{background-color: #C5D431;}
main #page-clefsrenov #intro .p90{padding: 90px 0;}
main #page-clefsrenov #intro .h100{background-position: center;background-size: cover;}
main #page-clefsrenov #intro h1{color: #fff; font-family: "Barlow Semi Condensed"; font-size: 40px; font-weight: 400; margin-bottom: 30px;}
main #page-clefsrenov #intro h1 span{color: #fff;font-weight: 600;}
main #page-clefsrenov #intro p{color: #fff; font-family: Barlow; font-size: 18px; font-weight: 500; line-height: normal;}
main #page-clefsrenov #intro p strong{font-size: 18px;}
main #page-clefsrenov #intro li{color: #fff; font-family: Barlow; font-size: 18px; font-weight: 500; line-height: normal;}
main #page-clefsrenov #content .p90{padding: 90px 0;}
main #page-clefsrenov #content p{color: #505050; font-family: Barlow; font-size: 18px; font-weight: 500; line-height: normal;}
main #page-clefsrenov #content li{color: #505050; font-family: Barlow; font-size: 18px; font-weight: 500; line-height: normal;} .error-404 {display: flex;align-items:center;height:75vh} @media(max-width:1700px){
main #page-etapes #selector .item.on .title h2{font-size: 25px;line-height: 25px;}
main #page-etapes #selector .item .content p{font-size: 16px;}
}
@media(max-width:1550px){
header nav.main-navigation ul>li a{margin-right: 25px;}
main #page-professionnels #content h1 { font-size: 40px; }
}
@media(max-width:1500px){
main #page-pourquoirenover .raison{position: relative;}
main #page-pourquoirenover .raison.r:before{position: absolute;display: block;content: '';bottom: 0;top: 0;left: 0;right: 0;background: linear-gradient(90deg, rgba(0,0,0,0.49763655462184875) 0%, rgba(255,255,255,0) 60%);}
main #page-pourquoirenover .raison.l:before{position: absolute;display: block;content: '';bottom: 0;top: 0;left: 0;right: 0;background: linear-gradient(270deg, rgba(0,0,0,0.49763655462184875) 0%, rgba(255,255,255,0) 60%);}
main #page-pourquoirenover .raison h2, main #page-pourquoirenover .raison h2 span{color: white!important;}
main #page-pourquoirenover .raison p{color: white!important;}
}
@media(max-width:1460px){
.p90 {padding: 90px 10px!important;}
.p130 {padding: 130px 10px!important;}
main #page-etapes #selector .item.on .picto{margin: 40px auto 0;}
header nav.main-navigation ul>li a{font-size: 16px;}
header nav.main-navigation ul ul.sub-menu li a{font-size: 18px;padding: 12px 10px;}
.shape-vert, .shape {transform: scaleX(-1);}
footer .footer-top .menu { display: flex; flex-wrap: wrap;}
footer .footer-top .menu li { }
}
@media(max-width:1360px){
main #page-etapes #selector .title h1{font-size: 30px;line-height: 35px;}
main #page-etapes #selector .item.on .picto{margin: 45px auto 0}
main #page-etapes #selector .item.on .title h2 { font-size: 22px; line-height: 22px; }
}
@media(max-width:1350px){
header nav.main-navigation ul>li a{margin-right: 15px;}
}
@media(max-width:1200px){
header .dmd-none{display: none;}
main #page-home #slider .slider-home .item .text p {font-size: 36px;line-height: 40px; }
main #page-home #actualites #response .actu-slider .owl-prev{top: auto;left: auto;position: relative;transform:none;}
main #page-home #actualites #response .actu-slider .owl-next{top: auto;right: auto;position: relative;transform:none;}
main #page-home #actions {padding: 80px 0; }
main #page-quisommesnous #notre-equipe .shape-vert {display: none;}
main #page-etapes #selector { padding: 100px 0; }
main #page-etapes #selector .title { text-align: center; }
main #page-etapes #selector .line{width: 100%;left: auto;}
main #page-professionnels #content .shape{display: none;}
}
@media(max-width:1107px){
header nav.main-navigation ul>li a{padding: 28px 0;}
}
@media(max-width:991px){
.grecaptcha-badge{display:none;}
.contact-button{display: none;}
header .logo{width: 100%;float: left;margin: 20px 0;height: 60px;}
header .main-navigation ul { display: none; }
header .menu-toggle { display: block;float: right;background: transparent;border: none;outline: none;}
header .main-navigation.toggled ul.menu {position: absolute; left: 0; width: 100%; height: calc(100vh - 100px); background: #fff; top: 100px; display: flex; flex-direction: column;}
header nav.main-navigation ul>li{position: relative;width: 100%;}
header nav.main-navigation ul>li a { padding: 10px 0;font-size: 20px;}
header nav.main-navigation ul ul{top: 0;position: relative;max-height:0px;}
header nav.main-navigation ul li.focus ul{max-height: 500px;} header.scroll nav.main-navigation ul>li a { padding: 10px 0; }
header.scroll nav.main-navigation ul ul { top: 0px; }
header.scroll nav.main-navigation ul ul.sub-menu li a { padding: 12px 20px; }
footer .footer-top{text-align: center;}
footer .footer-top .logo-footer{width: calc(100% - 20px);margin: auto;}
footer .footer-top .logo { max-height: 50px; margin-bottom: 10px;}
footer .footer-top .france-renov { max-width: 300px;}
footer .footer-top .menu { display: flex; flex-wrap: wrap; align-items: center;justify-content: center;}
footer .footer-bottom{text-align: center;}
footer .footer-bottom .logo { justify-content: center; }
footer .footer-bottom .logo img { }
footer .footer-bottom .wp-block-gallery{display: block;}
footer .footer-bottom .logo .blocks-gallery-item {align-items: center; }
footer .footer-bottom .widget { margin: 0; }
footer .footer-bottom .text-right { text-align: center; }
main #page-home #equipe .equipes {flex-direction: column;}
main #page-home #slider .slider-home .item .text{width: 100%;}
main #page-home #slider .slider-home .item .text .position{background-image: none;padding-left: 15px;}
main #page-home #slider .slider-home .owl-prev{bottom: 20px;}
main #page-home #slider .slider-home .owl-next{bottom: 20px;}
main #page-home #missions { padding: 15px 0; }
main #page-home #missions .item{margin: 0 0 20px;width: 100%;}
main #page-home #missions .missions {flex-direction: column; }
main #page-home #actions { padding: 40px 0; }
main #page-home #projet-evaluer .green { padding: 40px 0; }
main #page-home #projet-evaluer .light-green { padding: 40px 0; }
main #page-home #projet-evaluer .green h2{font-size: 30px;line-height: 35px;}
main #page-home #projet-evaluer .light-green h2{font-size: 30px;line-height: 35px;}
main #page-home #actualites { padding: 40px 0; }
main #page-home #actualites .filter form{border: none;text-align: center;}
main #page-home #actualites .filter form label {padding: 6px 12px;font-size: 18px;    border: 2px solid #f1f1f1f1;margin-bottom: 5px;}
main #page-home #actualites #response{padding: 20px 0;}
main #page-home #actualites #response .actu .link{opacity: 1; visibility: visible;}
main #page-home #equipe .shape-vert{display: none;}
main #page-home #equipe { padding: 40px 0; }
main #page-home #equipe .equipes .equipe{width: 100%;margin-bottom: 20px;}
main #page-home #contact{margin-top: 50px;}
main #page-home #contact .photo{    height: 200px;}
main #page-home #contact .content .pos { width: 90%; }
main #page-home #contact .acf-map { height: 300px!important; }
main #page-quisommesnous #la-maison-de-lhabitat .p90 {padding: 30px 15px;}
main #page-quisommesnous #le-territoire { padding: 30px 0 100px; }
main #page-quisommesnous #le-territoire .slider-territoire .owl-nav .owl-prev {right: 50%; top: 106%;left: auto;}
main #page-quisommesnous #le-territoire .slider-territoire .owl-nav .owl-next {left: 50%; top: 106%;}
main #page-quisommesnous #notre-equipe { padding: 30px 0 90px; }
main #page-quisommesnous #notre-equipe .slider-equipe .owl-nav .owl-prev {right: 50%; position: absolute}
main #page-quisommesnous #notre-equipe .slider-equipe .owl-nav .owl-next {left: 50%; position: absolute}
main #page-quisommesnous #nos-partenaires { padding: 30px 0; }
main #page-quisommesnous #nos-partenaires .slider-partenaire-locaux .owl-nav .owl-prev {right: 50%; top: auto; left: auto;}
main #page-quisommesnous #nos-partenaires .slider-partenaire-locaux .owl-nav .owl-next {left: 50%; top: auto;}
main #page-quisommesnous #le-territoire .slider-territoire .owl-nav .owl-next,
main #page-quisommesnous #le-territoire .slider-territoire .owl-nav .owl-prev,
main #page-quisommesnous #nos-partenaires .slider-partenaire-locaux .owl-nav .owl-next,
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {width: 10%;}
main #page-pourquoirenover{padding-top: 100px;}
main #page-pourquoirenover .raison .pos h2 { font-size: 30px; line-height: 31px;}
main #page-pourquoirenover .raison .pos p {font-size: 18px;line-height: 20px;}
main #page-pourquoirenover .raison{height: 400px;}
main #page-pourquoirenover .raison.r:before{background: linear-gradient(90deg, rgba(0,0,0,0.49763655462184875) 0%, rgba(255,255,255,0) 90%);}
main #page-pourquoirenover .raison.l:before{background: linear-gradient(90deg, rgba(0,0,0,0.49763655462184875) 0%, rgba(255,255,255,0) 90%);}
main #page-pourquoirenover .raison.r .pos{left: 15px;}
main #page-pourquoirenover .raison.l .pos{left: 15px;right: auto}
main #page-etapes {padding-top: 100px;}
main #page-etapes #selector { padding: 20px 0; }
main #page-etapes #selector .slider-etapes { width: 100%; }
main #page-etapes #selector .line{width: 100%;left: auto;}
main #page-etapes #selector .title { text-align: center; }
main #page-professionnels { padding-top: 100px;}
main #page-professionnels #content{padding: 60px 0;}
main #page-contact .red .content .pos{ width: 90%; }
main #page-contact .acf-map { height: 300px!important; }
}
@media(max-width:500px){
main #page-quisommesnous #le-territoire .slider-territoire .owl-nav .owl-next,
main #page-quisommesnous #le-territoire .slider-territoire .owl-nav .owl-prev {top: 110%;width: 20%;}
main #page-quisommesnous #nos-partenaires .slider-partenaire-locaux .owl-nav .owl-next,
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {width: 20%;}
main #page-professionnels #content-4 .shape {height: 170px;top: -75px;}
main #page-professionnels #content .photo{display: none;}
footer .footer-top .menu li { width: 50%; }
}