@import url(https://use.typekit.net/vie3dao.css);
html{scroll-behavior: smooth;}
*{font-family: "brandon-grotesque",sans-serif!important;}
a{text-decoration: none;transition-duration: .3s;}
p{margin-top: 0;margin-bottom: 1em;}
svg path{transition: .3s;}
.d-flex{display: flex;}
.d-none{display: none!important;}
.justify-content-center{justify-content: center;}
.justify-content-space-around{justify-content: space-around;}
.align-items-center{align-items: center;}
.p0{padding: 0;}
.overflow-hidden{overflow: hidden;}
.text-center{text-align: center;}
ul{margin-left: 0;}
.container{padding: 0 8.33333333%;}
body.menu-open{overflow: hidden;}
form br {display:none;}
html {overflow-x:hidden;} :root {
--blue: #2D348C;
--red: #DA3832 ;
--green: #D8DD50 ;
--grey: #F4F4F4 ;
--white: #FFFFFF ;
--dark-grey: #525252 ;
}
.white {color: var(--white)!important;}
.blue {color: var(--blue)!important;}
.green {color: var(--green)!important;}
.red {color: var(--red)!important;}
.grey {color: var(--grey)!important;}
.dark-grey {color: var(--dark-grey)!important;}
.italic {font-style: italic!important;}
.black {font-weight:600!important;}
.bold {font-weight:460!important;}
.medium {font-weight:420!important;}
.regular {font-weight:390!important;}
.light {font-weight:330!important;}
.button-red, .button-red:visited {background-color:var(--red);color:white;border-radius:50px;padding:5px 20px;text-align:center;font-size:18px;}
.button-red:hover {background-color:var(--blue);color:white;}
.button-white, .button-white:visited {background-color:var(--white);color:var(--blue);border-radius:50px;padding:5px 20px;text-align:center;font-size:18px;border:1px solid var(--red);}
.button-white:hover {background-color:var(--red);color:white;}
.separation {height:4px;margin:0 8.333%;width:calc(100% - 16.666%);background-color:var(--green);display:block;}
.grecaptcha-badge { 
visibility: hidden !important;
}  header{}
header .header-top{background-color: var(--blue);display: flex;align-items: center;padding: 15px 8.33333333%;justify-content: flex-end;position: relative;z-index: 550;}
header .header-top a.contact{font-weight: 500; font-size: 16px; line-height: 20px;letter-spacing: 2px; text-transform: uppercase; color: var(--white);margin-right: 30px;}
header .header-top a.contact:hover{color: var(--green);}
header .header-top .rs{display: flex;gap: 15px;align-items: center;}
header .header-top .rs a{width: 20px;height: 20px;}
header .header-top .rs svg{width: 20px;height: 20px;}
header .header-top .rs svg:hover path{fill:var(--green)}
header .header-bottom{display: flex;align-items: center;padding: 20px 8.33333333%;background: rgb(244,244,244); background: linear-gradient(110deg, var(--white) 50%, var(--grey) 50%);position: relative;z-index: 550;}
header .header-bottom .btn-menu-mobile {display: none;cursor: pointer;width: fit-content; margin-left: auto;}
header .header-bottom .btn-menu-mobile .open{display: block;}
header .header-bottom .btn-menu-mobile .close{display: none;}
header.active .header-bottom .btn-menu-mobile .open{display: none;}
header.active .header-bottom .btn-menu-mobile .close{display: block;}
header .header-bottom .left{    width: 50%; display: flex; align-items: center; justify-content: space-between; padding-right: 60px;}
header .header-bottom .right{width: 50%;padding-left: 60px;}
header .header-bottom .logo{width:200px;}
header .header-bottom .logo svg {width:200px;}
header .header-bottom .menu-principal{}
header .header-bottom .menu-principal ul{gap: 30px;display: flex;margin: 0;padding: 0;}
header .header-bottom .menu-principal ul li{list-style: none;position: relative;}
header .header-bottom .menu-principal ul li a{font-style: normal; font-weight: 500; font-size: 20px; line-height: 26px; text-transform: uppercase; color: var(--blue);}
header .header-bottom .menu-principal ul li a:hover{font-weight: 600}
header .header-bottom .menu-principal ul li.menu-item-has-children{margin-right: 20px;}
header .header-bottom .menu-principal ul li.menu-item-has-children:after{display: block; position: absolute; right: -20px; width: 14px; height: 14px; top: 50%; transform: translateY(-50%); content: ''; background-image: url(//www.vitavi-immo.fr/wp-content/themes/vitaviimmo/img/sub-menu.svg);}
header .header-bottom .menu-principal ul li .sub-menu{display: flex;position: absolute; gap: 10px; bottom: 0; left: -15px; transform: translateY(100%); background: var(--white); padding: 15px 15px 15px 15px; flex-direction: column; align-items: flex-start; box-shadow: 0 20px 25px -5px rgb(0 0 0 / 10%), 0 8px 10px -6px rgb(0 0 0 / 10%); border-radius: 6px;opacity: 0;visibility: hidden;transition: .3s;min-width: max-content; width: 100%;}
header .header-bottom .menu-principal ul li .sub-menu.open{opacity: 1;visibility: visible;transition: .3s;}
header .header-bottom .menu-principal ul li .sub-menu a {text-transform: capitalize;}
header .header-bottom .menu-secondaire{}
header .header-bottom .menu-secondaire ul{gap: 30px;align-items: center;display: flex;margin: 0;padding: 0;}
header .header-bottom .menu-secondaire ul li{list-style: none;position: relative;white-space:nowrap;}
header .header-bottom .menu-secondaire ul li a{font-style: normal; font-weight: 500; font-size: 20px; line-height: 26px; color: var(--blue);}
header .header-bottom .menu-secondaire ul li a:hover{font-weight: 600}
header .header-bottom .menu-secondaire ul li.menu-item-has-children{margin-right: 20px;}
header .header-bottom .menu-secondaire ul li.menu-item-has-children:after{display: block; position: absolute; right: -20px; width: 14px; height: 14px; top: 50%; transform: translateY(-50%); content: ''; background-image: url(//www.vitavi-immo.fr/wp-content/themes/vitaviimmo/img/sub-menu.svg);}
header .header-bottom .menu-secondaire ul li .sub-menu{display: flex;position: absolute; gap: 10px; bottom: 0; left: -15px; transform: translateY(100%); background: var(--grey); padding: 15px 35px 15px 15px; flex-direction: column; align-items: flex-start; box-shadow: 0 20px 25px -5px rgb(0 0 0 / 10%), 0 8px 10px -6px rgb(0 0 0 / 10%); border-radius: 6px;opacity: 0;visibility: hidden;transition: .3s;}
header .header-bottom .menu-secondaire ul li .sub-menu.open{opacity: 1;visibility: visible;transition: .3s;}
header .header-bottom .menu-secondaire ul li.espace-client{background-color: var(--red);padding: 4px 20px;border-radius: 20px;transition: .3s;margin-left: auto;}
header .header-bottom .menu-secondaire ul li.espace-client:hover{background-color: var(--blue);}
header .header-bottom .menu-secondaire ul li.espace-client a{color: var(--white);font-weight: 500;}
header .header-bottom .menu-secondaire ul li.espace-client .sub-menu a{color: var(--blue);}
header .header-bottom .menu-secondaire ul li.espace-client.menu-item-has-children:after{  transition: .3s;  background-color: var(--red); right: -20px; background-repeat: no-repeat; background-size: auto; background-position: center; height: 100%; border-top-right-radius: 20px; border-bottom-right-radius: 20px; width: 40px;}
header .header-bottom .menu-secondaire ul li.espace-client.menu-item-has-children:hover:after{background-color: var(--blue);}
header .header-mobile .menu-mobile{display: flex;background-color: var(--blue);height: 50px;max-width: 70%;max-height: 100vh;overflow: auto;position: fixed;right: 0;flex-direction: column;padding: 50px 8.3333% 50px 15px;    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 10%), 0 8px 10px -6px rgb(0 0 0 / 10%);transition: transform .3s;transform: translateX(100%);gap: 15px;z-index: 550;transition-delay: .2s;width: 280px;}
header .header-mobile .menu-mobile .menu-principal ul{gap: 15px;display: flex;margin: 0;padding: 0;flex-direction: column;margin-bottom: 20px;padding-bottom: 20px;}
header .header-mobile .menu-mobile .menu-principal>ul {border-bottom: 1px solid var(--green);}
header .header-mobile .menu-mobile .menu-principal ul li{list-style: none;position: relative;}
header .header-mobile .menu-mobile .menu-principal ul li a{font-style: normal; font-weight: 500; font-size: 20px; line-height: 26px;color: var(--white);}
header .header-mobile .menu-mobile .menu-principal ul li a:hover{font-weight: 600}
header .header-mobile .menu-mobile .menu-principal ul li.menu-item-has-children{margin-right: 20px;}
header .header-mobile .menu-mobile .menu-principal ul li.menu-item-has-children:after{display: block; position: absolute; right: -20px; width: 14px; height: 14px;content: ''; background-image: url(//www.vitavi-immo.fr/wp-content/themes/vitaviimmo/img/sub-menu.svg);top: 7px;}
header .header-mobile .menu-mobile .menu-principal ul li.menu-item-has-children .sub-menu{display: flex; position: relative; gap: 10px; bottom: 0;  flex-direction: column; align-items: flex-start; opacity: 0; visibility: hidden; transition: .3s;height: 0;padding: 0 0 0 15px;border-left: 1px solid var(--green);}
header .header-mobile .menu-mobile .menu-principal ul li.menu-item-has-children .sub-menu.open{opacity: 1;visibility: visible;transition: .3s;height: 100%;padding: 15px 0px 15px 15px;}
header .header-mobile .menu-mobile .menu-principal ul li.menu-item-has-children a{display:block;width:100%;}
header .header-mobile .menu-mobile .menu-secondaire ul{gap: 15px;display: flex;margin: 0;padding: 0;flex-direction: column;}
header .header-mobile .menu-mobile .menu-secondaire ul li{list-style: none;position: relative;}
header .header-mobile .menu-mobile .menu-secondaire ul li a{font-style: normal; font-weight: 500; font-size: 20px; line-height: 26px; color: var(--white);display: block;}
header .header-mobile .menu-mobile .menu-secondaire ul li a:hover{font-weight: 600}
header .header-mobile .menu-mobile .menu-secondaire ul li.espace-client{background-color: var(--red);padding: 4px 20px;border-radius: 20px;transition: .3s;    width: fit-content;}
header .header-mobile .menu-mobile .menu-secondaire ul li.espace-client a{color: var(--white);font-weight: 500;}
header .header-mobile .menu-mobile .menu-secondaire ul li.espace-client:hover{background-color: var(--white);color: var(--blue);}
header .header-mobile .menu-mobile .menu-secondaire ul li.espace-client:hover a{color: var(--blue);}
header .header-mobile .menu-mobile .menu-secondaire ul li.menu-item-has-children{margin-right: 20px;}
header .header-mobile .menu-mobile .menu-secondaire ul li.menu-item-has-children:after{display: block; position: absolute; right: -20px; width: 14px; height: 14px;content: ''; background-image: url(//www.vitavi-immo.fr/wp-content/themes/vitaviimmo/img/sub-menu.svg);top: 7px;}
header .header-mobile .menu-mobile .menu-secondaire ul li.menu-item-has-children .sub-menu{display: flex; position: relative; gap: 10px; bottom: 0;  flex-direction: column; align-items: flex-start; opacity: 0; visibility: hidden; transition: .3s;height: 0;padding: 0 0 0 15px;border-left: 1px solid var(--green);}
header .header-mobile .menu-mobile .menu-secondaire ul li.menu-item-has-children .sub-menu.open{opacity: 1;visibility: visible;transition: .3s;height: 100%;padding: 15px 0px 15px 15px;} footer{background-color: var(--blue);display: flex;align-items: center;padding: 60px 0;position: relative;width: 100%;}
footer .logo{width: calc(8.333% * 2);margin-left:8.333%;display:flex;}
footer .logo a {display:flex;}
footer .logo a svg{max-width: 100%;height:70px;}
footer nav{width: calc(8.333% * 5);margin-left:8.333%;}
footer nav ul{padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
footer nav ul li{list-style: none;width: 33%;}
footer nav ul li a{font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 2px; text-transform: uppercase; color: #FFFFFF;white-space:nowrap;}
footer nav ul li a:visited{color: var(--white);}
footer nav ul li a:hover{color: var(--green);}
footer .rs{display: flex;gap: 15px;align-items: center;width: 33.33333333%;    justify-content: flex-end;}
footer .rs a{width: 20px;height: 20px;}
footer .rs svg{width: 20px;height: 20px;}
footer .rs svg:hover path{fill:var(--green)}  main #rejoindre-offre {padding: 140px 0 50px 0;display: flex;align-items: center;}
main #rejoindre-offre .textes {width: 16.66666667%;margin-left: 8.33333333%;padding-right: 100px;}
main #rejoindre-offre .textes h2 {font-weight: 300; font-size: 34px; line-height: 34px; text-transform: uppercase; color: var(--blue);margin: 0;margin-bottom: 100px;}
main #rejoindre-offre .textes h2 strong {font-weight: 500;}
main #rejoindre-offre .textes p {font-weight: 390; font-size: 18px; line-height: 28px; color: var(--dark-grey);margin-bottom: 30px;}
main #rejoindre-offre .textes a {margin-right:10px;margin-bottom: 15px;text-align:center;padding: 5px 10px;font-style: normal; font-weight: 450; font-size: 20px; color: var(--blue);border: 1px solid var(--red);border-radius: 20px;margin-left: auto;display: inline-block;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;} 
main #rejoindre-offre .textes a:hover {background-color: var(--red);color: var(--white);}
main #rejoindre-offre .liste-offre {position: relative;display: flex;gap: 20px;width: 66.66666667%;}
main #rejoindre-offre .liste-offre .offre {width: 25%;position: relative;padding: 30px;border: 2px solid #E4E4E4; border-radius: 6px;transition: .3s;}
main #rejoindre-offre .liste-offre .offre:hover {box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);}
main #rejoindre-offre .liste-offre .offre .nom {font-weight: 500; font-size: 22px; line-height: 30px; color: var(--blue);margin-bottom: 15px;}
main #rejoindre-offre .liste-offre .offre .lieu {display: flex;align-items: center;gap: 5px;font-weight: 450; font-size: 20px; line-height: 24px; color: var(--blue);margin-bottom: 15px;}
main #rejoindre-offre .liste-offre .offre .profil {font-weight: 500; font-size: 20px; line-height: 25px; color: var(--blue);margin-bottom: 5px;}
main #rejoindre-offre .liste-offre .offre .extrait {font-weight: 400; font-size: 20px; line-height: 26px; color: var(--blue);margin-bottom: 15px;}
main #rejoindre-offre .liste-offre .offre a {text-align:center;background: var(--red);font-weight: 450; font-size: 18px; color: #FFFFFF;border-radius: 20px;padding: 5px 20px;position: absolute;left: 50%;transform: translate(-50%, 50%);bottom: 0;}
main #rejoindre-offre .liste-offre .offre a:hover {background-color: var(--blue);} main .bien{position: relative;width:calc(33% - 30px);margin-right:45px;}
main .bien .container-bien{transition: .3s;border-radius: 6px;}
main .bien:nth-child(3n) {margin-right:0;}
main .bien:hover .container-bien{box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);}
main .bien .tag {position:absolute;top:20px;left:20px;z-index:5;display:flex;align-items:center;}
main .bien .tag .etiquette {border-radius:50px;padding:5px 15px;margin:0;margin-right:10px;text-transform: uppercase;display:flex;align-items:center;font-weight:600;}
main .bien .tag .etiquette.vendre {background-color:var(--red);color:var(--white);}
main .bien .tag .etiquette.louer {background-color:var(--blue);color:var(--white);}
main .bien .tag .etiquette.exclu {background-color:rgba(255,255,255,0.4);color:var(--blue);border:1px solid var(--white);}
main .bien .tag .etiquette.exclu svg {height:15px;width:15px;margin-right:5px;display:flex;align-items:center;justify-content:center;}
main .bien .tag .etiquette.exclu svg path {height:100%;width:100%;display:block;}
main .bien .media{border-radius: 6px;position: relative;}
main .bien .media .owl-nav{opacity:0;position: absolute; top: 50%; left: 50%; transform: translate(-50%, 0%); z-index: 300; width: calc(100% + 40px)!important; display: flex; justify-content: space-between;transition: .3s;height:1px;}
main .bien:hover .media .owl-nav{opacity: 1;}
main .bien .media .owl-nav button{background-color: transparent;height: 50px;margin: 0;transform: translate(0%, -50%)}
main .bien .media .owl-nav button:hover{background-color: transparent;}
main .bien .media img{border-radius: 6px;width: 100%; height: 250px; object-fit: cover;object-position:center;}
main .bien .content{margin: -15px 0 25px;border: 2px solid #E4E4E4;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;padding: 35px 20px 20px;position: relative;}
main .bien .content .nom{font-weight: 500; font-size: 18px;color: var(--blue);margin-bottom: 15px;width:85%;line-height: 22px;height:66px;overflow:hidden;display: flex;align-items: flex-start;text-overflow: ellipsis;height:44px;}
main .bien .content p {display:flex;align-items:center;color:#828282;font-weight: 600;margin:0;margin-bottom:10px;font-size:18px;line-height:30px;}
main .bien .content p svg {margin:0;margin-right:10px;}
main .bien .content p.prix {font-size:26px;color:var(--blue);line-height:30px;}
main .bien .content .nb-photo{position: absolute;right: 20px;top: 35px;display: flex;flex-direction: column;background-color: #e4e4e4;border-radius: 25px;}
main .bien .content .nb-photo svg{}
main .bien .content .nb-photo span{font-style: normal; font-weight: 500; font-size: 18px; text-align: center; color: var(--blue);margin: 5px 0 8px;}
main .bien .content a.bouton {position: absolute;bottom: 0;transform: translateY(50%);right: 20px;background: var(--red);font-weight: 450; font-size: 18px; color: #FFFFFF;border-radius: 20px;padding: 5px 20px;}
main .bien .content a.bouton:hover{background-color: var(--blue);} main .neuf{position: relative;width:calc(33% - 30px);margin-right:45px;}
main .neuf .container-neuf{transition: .3s;border-radius: 6px;}
main .neuf:nth-child(3n) {margin-right:0;}
main .neuf:hover .container-neuf{box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);}
main .neuf .media{border-radius: 6px;position: relative;}
main .neuf .media .owl-nav{opacity:0;position: absolute; top: 50%; left: 50%; transform: translate(-50%, 0%); z-index: 300; width: calc(100% + 40px)!important; display: flex; justify-content: space-between;transition: .3s;}
main .neuf:hover .media .owl-nav{opacity: 1;}
main .neuf .media .owl-nav button{background-color: transparent;height: 50px;margin: 0;transform: translate(0%, -50%);}
main .neuf .media .owl-nav button:hover{background-color: transparent;}
main .neuf .media .owl-nav.disabled button{display: none}
main .neuf .media img{border-radius: 6px;width: 100%; height: 250px; object-fit: cover;}
main .neuf .content{margin: -15px 0 25px;border: 2px solid #E4E4E4;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;padding: 35px 20px 20px;position: relative;}
main .neuf .content .nom{font-weight: 500; font-size: 22px;color: var(--blue);margin-bottom: 15px;width:100%;display: flex;align-items: flex-start;text-overflow: ellipsis;line-height:26px;height:52px;}
main .neuf .content p.prix {font-size:18px;color:#828282;}
main .neuf .content a{position: absolute;bottom: 0;transform: translateY(50%);right: 20px;background: var(--red);font-weight: 450; font-size: 18px; color: #FFFFFF;border-radius: 20px;padding: 5px 20px;}
main .neuf .content a:hover{background-color: var(--blue);} main #contact {padding:0 calc(8.333% - 20px) 140px 8.333%;display:flex;align-items:center;}
main #contact .contact-bloc {padding:90px 160px 90px 160px;background-color:var(--blue);border-radius:10px;display:flex;width:100%;align-items:center;flex-wrap:wrap;}
main #contact .contact-bloc h2 {width:100%;margin:0;margin-bottom:30px;font-size:34px;}
main #contact .contact-bloc p {width:100%;}
main #contact .contact-bloc p a {text-decoration: underline;}
main #contact .contact-bloc .wpcf7,
main #contact .contact-bloc .wpcf7 form {width:100%;display:flex;flex-wrap:wrap;}
main #contact .contact-bloc .wpcf7 form .right,
main #contact .contact-bloc .wpcf7 form .left {width:50%;position: relative;}
main #contact .contact-bloc .wpcf7 form .left p>span[data-name="email-agence"] {position:absolute;top:-1000px;left:-1000px;opacity:0;}
main #contact .contact-bloc .wpcf7 form .right p {display:flex;flex-wrap:wrap;justify-content:flex-end;width:100%;}
main #contact .contact-bloc .wpcf7 form .right p.white {justify-content:flex-start}
main #contact .contact-bloc .wpcf7 form .right p>span {width:100%;}
main #contact .contact-bloc .wpcf7 form .right p .wpcf7-spinner{width: auto;position: absolute;bottom: 0;right: 0;}
main #contact .contact-bloc .wpcf7 form .right p>span[data-name="checkbox-328"] {width:100%;margin-top:20px;}
main #contact .contact-bloc .wpcf7 form textarea,
main #contact .contact-bloc .wpcf7 form .left input,
main #contact .contact-bloc .wpcf7 form select {padding:10px 20px;background-color:transparent;border:2px solid var(--white);border-radius:50px;width:70%;color:var(--white);margin-bottom:20px;font-size:18px;outline:none;}
main #contact .contact-bloc .wpcf7 form textarea:focus,
main #contact .contact-bloc .wpcf7 form input:focus,
main #contact .contact-bloc .wpcf7 form select:focus {border:2px solid var(--green);}
main #contact .contact-bloc .wpcf7 form textarea {border-radius:20px;width:100%;}
main #contact .contact-bloc .wpcf7 form select {background-image:url(//www.vitavi-immo.fr/wp-content/themes/vitaviimmo/img/arrow_down_white.svg);background-repeat:no-repeat;background-position:right 20px center;background-size:12px;-webkit-appearance: none;}
main #contact .contact-bloc .wpcf7 form select option {color:var(--dark-grey);}
main #contact .contact-bloc .wpcf7 form .wpcf7-list-item {color:var(--white);margin:0 0 20px 0;}
main #contact .contact-bloc .wpcf7 form .middle .wpcf7-list-item {width:50%;}
main #contact .contact-bloc .wpcf7 form .wpcf7-list-item label {display:flex;}
main #contact .contact-bloc .wpcf7 form .wpcf7-list-item label input {margin-right:15px;height:18px;width:18px;}
main #contact .contact-bloc .wpcf7 form .wpcf7-list-item label span {font-size:18px;height:40px;line-height:20px;}
main #contact .contact-bloc .wpcf7 form  input[type="submit"] {background-color:transparent;border:2px solid var(--red);padding:6px 24px;font-size:22px;color:var(--white);border-radius:50px;display:flex;align-items:center;justify-content:center;transition-duration:.3s;cursor: pointer;}
main #contact .contact-bloc .wpcf7 form input[type="submit"]:hover,
main #contact .contact-bloc .wpcf7 form input[type="submit"]:focus {background-color:var(--red);color:var(--white);border:2px solid var(--red);}
main #contact .yellow-bar {width:20px;height:350px;background-color:var(--green);content:'';display:block;}
main #contact .contact-bloc .wpcf7 form .middle {display:flex;flex-wrap:wrap;justify-content:flex-end;width:100%;margin-bottom:50px;}
main #contact .contact-bloc .wpcf7 form .middle>p {width:100%;display:flex;justify-content:space-between;}
main #contact .contact-bloc .wpcf7 form .middle .links {width:100%;display:flex;justify-content:space-between;margin-bottom:20px;}
main #contact .contact-bloc .wpcf7 form .middle .links .file {width:33%;}
main #contact .contact-bloc .wpcf7 form .middle .links .file input[type="file"] {padding:10px 20px;background-color:transparent;border:2px solid var(--white);border-radius:50px;width:95%;color:var(--white);font-size:18px;outline:none;}
main #contact .contact-bloc .wpcf7 form .wpcf7-response-output{color: var(--white);} main #search{height: 600px;}
main #search .content{position: relative;width: 100%;height: 100%;}
main #search .content .background{width: 100%;height: 600px;background-size: cover;position: absolute;    background-position: center right;}
main #search .content .search-bar{position: absolute; width: 100%; top: 50%;padding:0 16.666%;transform: translateY(-50%);}
main .search-bar-template {width:100%;padding:0px 25px;background-color:var(--white);border-radius:50px;}
main .search-bar-template form{width:100%;display:flex;justify-content:space-between;align-items: center;}
main .search-bar-template form>*{padding: 20px 10px;border-right: 2px solid #E4E4E4;width: 100%;max-width: 250px;}
main .search-bar-template form>*:first-child{padding-left: 0; }
main .search-bar-template form .offre{max-width: 125px;}
main .search-bar-template form>*:last-child{padding: 0 0 0 10px;}
main .search-bar-template form .vscomp-wrapper .vscomp-toggle-button{border: none;outline: none;box-shadow: none;    padding: 0 15px 0 0;}
main .search-bar-template form .vscomp-wrapper .vscomp-arrow { align-items: center; display: flex; height: 100%; justify-content: center; position: absolute; right: 0; width: auto; }
main .search-bar-template form .vscomp-wrapper .vscomp-arrow::after{margin-top: 0;background-image: url(//www.vitavi-immo.fr/wp-content/themes/vitaviimmo/img/arrow_down_grey.svg);border: none;transform: none;background-repeat:no-repeat;background-position:center;background-size: contain;width: 13px;height: 13px;}
main .search-bar-template form .vscomp-wrapper .vscomp-value{font-style: normal; font-weight: 500; font-size: 18px; color: var(--blue);line-height: 22px;height: auto;}
main .search-bar-template form .vscomp-wrapper:not(.has-value) .vscomp-value{color: #BEBEBE;opacity: 1;}
main .search-bar-template form .vscomp-wrapper .vscomp-option-text{font-style: normal; font-weight: 500; font-size: 18px; color: var(--blue);line-height: 22px;}
main .search-bar-template form .vscomp-wrapper .vscomp-toggle-all-label{font-style: normal; font-weight: 500; font-size: 14px; color: var(--blue);line-height: 18px;}
main .search-bar-template form .vscomp-wrapper .vscomp-no-search-results{font-style: normal; font-weight: 500; font-size: 14px; color: var(--blue);line-height: 18px;}
main .search-bar-template form .vscomp-wrapper .pop-comp-wrapper{    max-width: 150%!important; width: 150%!important;}
main .search-bar-template form>*:first-child .vscomp-wrapper .pop-comp-wrapper{max-width: calc(100% + 10px)!important; width: calc(100% + 10px)!important;}
main .search-bar-template form input{width: 100%;font-style: normal; font-weight: 500; font-size: 18px; color: var(--blue); border: none; outline: none;line-height: 22px;}
main .search-bar-template form input::placeholder{color: #BEBEBE;}
main .search-bar-template form input:focus{color:  var(--blue);}
main .search-bar-template form input::-webkit-outer-spin-button, main .search-bar-template form input::-webkit-inner-spin-button { -webkit-appearance: none; }
main .search-bar-template form input[type=number] { -moz-appearance: textfield; }
main .search-bar-template form .budget{position: relative;}
main .search-bar-template form .budget:after{position: absolute; right: 10px; content: '\€'; top: 50%; transform: translateY(-50%);font-style: normal; font-weight: 500; font-size: 18px; color: var(--blue);}
main .search-bar-template form .budget input{padding: 0 15px 0 0;}
main .search-bar-template form .surface{position: relative;}
main .search-bar-template form .surface:after{position: absolute; right: 10px; content: 'm²'; top: 50%; transform: translateY(-50%);font-style: normal; font-weight: 500; font-size: 18px; color: var(--blue);}
main .search-bar-template form .surface input{padding: 0 22px 0 0;}
main .search-bar-template form .submit {width:calc(100% / 6);border-right: none;}
main .search-bar-template form .submit input[type="submit"] {width:100%;background-color:var(--blue);color:var(--white);border-radius:50px;padding:8px 20px;font-size:18px;transition-duration:.3s;cursor: pointer;border:0;}
main .search-bar-template form .submit input[type="submit"]:hover {background-color:var(--red);color:var(--white);} main .graphique-dpe {display:flex;align-items:center;flex-wrap:wrap;}
main .graphique-dpe .couleurs {display:flex;align-items:flex-end;width:100%;margin-bottom:22px;}
main .graphique-dpe .couleurs span {width:40px;height:40px;display:flex;color:white;margin-right:2px;justify-content:center;align-items:center;border-radius:10px;position: relative;aspect-ratio:1;}
main .graphique-dpe .couleurs span.active {height:60px;}
main .graphique-dpe .couleurs span.active::after {content:'';width:12px;height:12px;border-radius:10px;position:absolute;bottom:-10px;left:50%;transform: translate(-50%,100%);background-image:url(//www.vitavi-immo.fr/wp-content/themes/vitaviimmo/img/arrow_up_dark_grey.svg);background-repeat:no-repeat;background-position:center;background-size:12px;border-radius:0;}
main .graphique-dpe.energie .couleurs span.a {background-color:#029163;}
main .graphique-dpe.energie .couleurs span.b {background-color:#46A64A;}
main .graphique-dpe.energie .couleurs span.c {background-color:#6DB56B;}
main .graphique-dpe.energie .couleurs span.d {background-color:#F2E314;}
main .graphique-dpe.energie .couleurs span.e {background-color:#EDAB0F;}
main .graphique-dpe.energie .couleurs span.f {background-color:#E8782F;}
main .graphique-dpe.energie .couleurs span.g {background-color:#D1201E;}
main .graphique-dpe.gaz .couleurs span.a {background-color:#99D5F7;}
main .graphique-dpe.gaz .couleurs span.b {background-color:#80ABCD;}
main .graphique-dpe.gaz .couleurs span.c {background-color:#6D87A8;}
main .graphique-dpe.gaz .couleurs span.d {background-color:#546384;}
main .graphique-dpe.gaz .couleurs span.e {background-color:#434665;}
main .graphique-dpe.gaz .couleurs span.f {background-color:#332D47;}
main .graphique-dpe.gaz .couleurs span.g {background-color:#231A2F;}
main .graphique-dpe[data-type="none"] {opacity:0.5;}
main .graphique-dpe[data-type="none"] .couleurs span {background-color:var(--dark-grey)!important;margin-top:20px;}
main .graphique-dpe[data-type="none"] p {opacity:0;}
main .graphique-dpe .textes-dpe {display:flex;align-items:center;}
main .graphique-dpe .textes-dpe p {width:40px;text-align:center;position:relative;}
main .graphique-dpe[data-type="A"] .textes-dpe p {margin-left:0;}
main .graphique-dpe[data-type="B"] .textes-dpe p {margin-left:42px;}
main .graphique-dpe[data-type="C"] .textes-dpe p {margin-left:84px;}
main .graphique-dpe[data-type="D"] .textes-dpe p {margin-left:126px;}
main .graphique-dpe[data-type="E"] .textes-dpe p {margin-left:168px;}
main .graphique-dpe[data-type="F"] .textes-dpe p {margin-left:210px;}
main .graphique-dpe[data-type="G"] .textes-dpe p {margin-left:252px;}
main .graphique-dpe .textes-dpe p::after {position:absolute;bottom:-5px;left:0%;transform: translate(0%,50%);white-space: nowrap;font-size:12px;font-weight:200;}
main .graphique-dpe.energie .textes-dpe p::after {content:'kWh/m2 par an';}
main .graphique-dpe.gaz .textes-dpe p::after {content:'kgeqCO2/m² par an';}  main .page-home{}   main .page-home #biens-du-moment{background: var(--white);padding: 100px 0;}
main .page-home #biens-du-moment .title{display: flex;align-items: center;margin-bottom: 35px;padding: 0 8.33333333%;}
main .page-home #biens-du-moment .title h1 {font-style: normal; font-weight: 500; font-size: 34px; color: var(--blue);margin: 0;margin-right: 80px;}
main .page-home #biens-du-moment .title .geolocalise{font-style: normal; font-weight: 390; font-size: 20px;color: var(--blue);margin: 0;display: flex;align-items: center;cursor: pointer;gap: 5px;transition: .3s;}
main .page-home #biens-du-moment .title .geolocalise:hover{color: var(--red);}
main .page-home #biens-du-moment .title .geolocalise:hover svg path{fill: var(--red);}
main .page-home #biens-du-moment .title a{padding: 5px 20px;font-style: normal; font-weight: 450; font-size: 20px; color: var(--blue);border: 1px solid var(--red);border-radius: 20px;margin-left: auto;}
main .page-home #biens-du-moment .title a:hover{background-color: var(--red);color: var(--white);}
main .page-home #biens-du-moment .liste-biens{position: relative; padding: 0 calc(8.33333333% - 20px);}
main .page-home #biens-du-moment .liste-biens>.owl-stage-outer{z-index: 302;}
main .page-home #biens-du-moment .liste-biens .owl-nav{position: absolute; top: 50%; left: 50%; transform: translate(-50%, 0); z-index: 300; width: 91.66666667%; display: flex; justify-content: space-between;transition: .3s;height:1px;}
main .page-home #biens-du-moment .liste-biens .owl-nav button{background-color: transparent;height: 70px;margin: 0;transition: .3s;transform: translate(0, -50%);}
main .page-home #biens-du-moment .liste-biens .owl-nav button.disabled{    opacity: 0;}
main .page-home #biens-du-moment .liste-biens .bien{position: relative;width:100%;}
main .page-home #biens-du-moment .liste-biens .bien .container-bien{margin: 25px 20px;transition: .3s;border-radius: 6px;}
main .page-home #biens-du-moment .liste-biens .bien:hover .container-bien{box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);}
main .page-home #biens-du-moment .liste-biens .bien .tag {position: absolute;top: 20px;left: 40px;display: flex;gap: 10px;align-items: center;z-index: 300;}
main .page-home #programmes-neufs{background: var(--grey);padding: 100px 0;}
main .page-home #programmes-neufs .title{display: flex;align-items: center;margin-bottom: 35px;padding: 0 8.33333333%;}
main .page-home #programmes-neufs .title h2{font-style: normal; font-weight: 500; font-size: 34px; color: var(--blue);margin: 0;margin-right: 80px;}
main .page-home #programmes-neufs .title .geolocalise{font-style: normal; font-weight: 390; font-size: 20px;color: var(--blue);margin: 0;display: flex;align-items: center;cursor: pointer;gap: 5px;transition: .3s;}
main .page-home #programmes-neufs .title .geolocalise:hover{color: var(--red);}
main .page-home #programmes-neufs .title .geolocalise:hover svg path{fill: var(--red);}
main .page-home #programmes-neufs .title a{padding: 5px 20px;font-style: normal; font-weight: 450; font-size: 20px; color: var(--blue);border: 1px solid var(--red);border-radius: 20px;margin-left: auto;}
main .page-home #programmes-neufs .title a:hover{background-color: var(--red);color: var(--white);}
main .page-home #programmes-neufs .liste-biens{position: relative; padding: 0 calc(8.33333333% - 20px);}
main .page-home #programmes-neufs .liste-biens>.owl-stage-outer{z-index: 302;}
main .page-home #programmes-neufs .liste-biens .owl-nav{position: absolute; top: 50%; left: 50%; transform: translate(-50%, 0%); z-index: 300; width: 91.66666667%; display: flex; justify-content: space-between;transition: .3s;height:1px;}
main .page-home #programmes-neufs .liste-biens .owl-nav button{background-color: transparent;height: 70px;margin: 0;transition: .3s;transform: translate(0, -50%);}
main .page-home #programmes-neufs .liste-biens .owl-nav button.disabled{    opacity: 0;}
main .page-home #programmes-neufs .liste-biens .neuf {position: relative;width:100%;}
main .page-home #programmes-neufs .liste-biens .neuf .container-neuf{margin: 25px 20px;transition: .3s;border-radius: 6px;}
main .page-home #conseils{padding: 140px 0 0;display: flex;align-items: center;}
main .page-home #conseils .title{width: 16.66666667%;margin-left: 8.33333333%;padding-right: 100px;}
main .page-home #conseils .title h2{font-weight: 300; font-size: 34px; line-height: 34px; text-transform: uppercase; color: var(--blue);margin: 0;margin-bottom: 100px;}
main .page-home #conseils .title h2 strong{font-weight: 500;}
main .page-home #conseils .title p{font-weight: 390; font-size: 18px; line-height: 24px; color: #BEBEBE;margin-bottom: 30px;}
main .page-home #conseils .title a{padding: 5px 20px;font-style: normal; font-weight: 450; font-size: 20px; color: var(--blue);border: 1px solid var(--red);border-radius: 20px;margin-left: auto;display: inline-block;}
main .page-home #conseils .title a:hover{background-color: var(--red);color: var(--white);}
main .page-home #conseils .liste-conseils{width: 75%;;position: relative;}
main .page-home #conseils .liste-conseils .conseil{position: relative;overflow: hidden;border-radius: 6px;}
main .page-home #conseils .liste-conseils .conseil .media{height: 480px;border-radius: 6px;}
main .page-home #conseils .liste-conseils .conseil .media img{width: 100%;height: 100%;object-fit: cover;transition: .3s;border-radius: 6px;}
main .page-home #conseils .liste-conseils .conseil .content{position: absolute;bottom: 40px;left: 15%;width: 70%;}
main .page-home #conseils .liste-conseils .conseil .content .nom{font-weight: 500; font-size: 32px; line-height: 36px; color: #FFFFFF;margin-bottom: 20px;}
main .page-home #conseils .liste-conseils .conseil .content .extrait{font-weight: 400; font-size: 20px; line-height: 26px; color: #FFFFFF;}
main .page-home #conseils .liste-conseils .conseil .content a{background: var(--red);font-weight: 450; font-size: 18px; color: #FFFFFF;border-radius: 20px;padding: 5px 20px;}
main .page-home #conseils .liste-conseils .conseil .content a:hover{background-color: var(--blue);}
main .page-home #conseils .liste-conseils .conseil:hover .media img{transform: scale(1.1);}
main .page-home #conseils .liste-conseils .owl-nav{position: absolute;left: 0;display: flex;flex-direction: column;gap: 10px;transform: translate(-50%, -50%);top: 50%;margin-top: 0;}
main .page-home #conseils .liste-conseils .owl-nav button{margin: 0;background-color: transparent;height: 50px;}
main .page-home #rejoindre{padding: 140px 0 0;display: flex;flex-wrap: wrap;}
main .page-home #rejoindre .title{width: 83.33333333%;margin-left: 8.33333333%;margin-bottom: 35px;}
main .page-home #rejoindre .title h2{font-style: normal; font-weight: 500; font-size: 34px; color: var(--blue);margin: 0;}
main .page-home #rejoindre .content{width: 83.33333333%;margin-left: 8.33333333%;display: flex;}
main .page-home #rejoindre .content .media{width: 60%;}
main .page-home #rejoindre .content .media .video{width: 100%;    height: 100%;}
main .page-home #rejoindre .content .media .video video{width: 100%; height: 100%;object-fit: cover;border-radius: 6px;}
main .page-home #rejoindre .content .text{width: 40%;position: relative;border: 2px solid #E4E4E4;border-top-right-radius: 6px;border-bottom-right-radius: 6px;border-left: none;}
main .page-home #rejoindre .content .text .key{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
main .page-home #rejoindre .content .text .center{position: absolute;top: 50%;transform: translate(-50%, -50%);width: 50%;left: 50%;}
main .page-home #rejoindre .content .text .center h3{font-weight: 500; font-size: 30px; line-height: 30px; text-transform: uppercase; color: var(--blue);margin-bottom: 15px;}
main .page-home #rejoindre .content .text .center h3 span{font-weight: 300;}
main .page-home #rejoindre .content .text .center p{font-weight: 400; font-size: 18px; line-height: 22px; color: var(--blue);}
main .page-home #rejoindre .content .text .center a{padding: 5px 20px;font-style: normal; font-weight: 450; font-size: 20px; color: var(--blue);border: 1px solid var(--red);border-radius: 20px;margin-left: auto;display: inline-block;}
main .page-home #rejoindre .content .text .center a:hover{background-color: var(--red);color: var(--white);}
main .page-home #temoignage{padding: 140px 0 0;display: flex;flex-wrap: wrap;}
main .page-home #temoignage .content{width: 83.33333333%;margin-left: 8.33333333%;display: flex;}
main .page-home #temoignage .content .media{width: 60%;}
main .page-home #temoignage .content .media .video{width: 100%;    height: 100%;}
main .page-home #temoignage .content .media .video video{width: 100%; height: 100%;object-fit: cover;border-radius: 6px;}
main .page-home #temoignage .content .text{width: 40%;position: relative;border: 2px solid #E4E4E4;border-top-left-radius: 6px;border-bottom-left-radius: 6px;border-right: none;}
main .page-home #temoignage .content .text .key{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
main .page-home #temoignage .content .text .center{position: absolute;top: 50%;transform: translate(-50%, -50%);width: 50%;left: 50%;}
main .page-home #temoignage .content .text .center h3{font-weight: 330; font-size: 34px; line-height: 34px;color: var(--blue);margin-bottom: 0px;}
main .page-home #temoignage .content .text .center p{font-weight: 400; font-size: 18px; line-height: 22px; color: var(--blue);}
main .page-home #temoignage .content .text .center p strong{font-weight: 500; font-size: 28px; line-height: 30px; color: var(--blue);}
main .page-home #temoignage .content .text .center a{padding: 5px 20px;font-style: normal; font-weight: 450; font-size: 20px; color: var(--blue);border: 1px solid var(--red);border-radius: 20px;margin-left: auto;display: inline-block;}
main .page-home #temoignage .content .text .center a:hover{background-color: var(--red);color: var(--white);}
main .page-home #carte{width: 83.33333333%;margin-left: 8.33333333%;background: var(--blue);position: relative;border-radius: 6px;padding: 80px 0;display: flex;margin-top: 140px;margin-bottom: 140px;}
main .page-home #carte .bloc-vert{height: 70%;position: absolute;width: 15px;right: 0;transform: translate(100%, -50%);background-color: var(--green);top: 50%;}
main .page-home #carte .map{width: 60%;padding: 0 8.33333333%;}
main .page-home #carte .map .position{width: 100%;position: relative;}
main .page-home #carte .map .position svg{width: 100%;height: auto;}
main .page-home #carte .map .position .pin{cursor:pointer;width: 35px;height: 50px;background-image: url(//www.vitavi-immo.fr/wp-content/themes/vitaviimmo/img/Marker.svg);background-position: center;background-repeat: no-repeat;background-size: contain;position: absolute;}
main .page-home #carte .map .position .pin.reims{left: 43.9%; top: 29%;}
main .page-home #carte .map .position .pin.troyes{left: 47.2%; top: 48.6%;}
main .page-home #carte .map .position .pin.epernay{    left: 44%; top: 38.5%;}
main .page-home #carte .map .position .pin.sens{left: 35.2%; top: 58.6%;}
main .page-home #carte .map .position .pin.nancy{left: 74.2%; top: 41.8%;}
main .page-home #carte .map .position .pin.amiens{left: 24.2%; top: 26%;}
main .page-home #carte .map .position .pin.beauvais{    left: 19.4%; top: 27.9%;}
main .page-home #carte .map .position .pin.compiegne{    left: 30.9%; top: 25%;}
main .page-home #carte .map .position .pin.la-croix-saint-ouen{left: 28.9%; top: 31%;}
main .page-home #carte .content{width: 40%;position: relative;}
main .page-home #carte .content .center{position: relative; top: 50%;  width: 80%; transform: translateY(-50%);}
main .page-home #carte .content .center h2{font-weight: 500; font-size: 40px; line-height: 45px; color: #FFFFFF;margin-top: 0;}
main .page-home #carte .content .center h2 span{font-weight: 300; font-size: 40px; line-height: 50px; color: #FFFFFF;}
main .page-home #carte .content .center .infos{opacity: 0;position: absolute;transition: .3s;z-index:-1;}
main .page-home #carte .content .center .infos.on{opacity: 1;z-index:2;position: relative;}
main .page-home #carte .content .center .infos p{font-weight: 300; font-size: 20px; line-height: 24px; color: #FFFFFF;margin-bottom: 10px;}
main .page-home #carte .content .center .infos p:last-of-type{margin-bottom: 20px;}
main .page-home #carte .content .center .infos p strong{font-weight: 500; font-size: 20px; line-height: 24px; color: #FFFFFF;margin-bottom: 15px;}
main .page-home #carte .content .center .infos a{padding: 5px 20px;font-style: normal; font-weight: 450; font-size: 20px; color: var(--white);border: 1px solid var(--red);border-radius: 20px;margin-left: auto;display:none;}
main .page-home #carte .content .center .infos.on a {display:inline-block;}
main .page-home #carte .content .center .infos a:hover{background-color: var(--red);} main .page-rejoindre #banniere {display:flex;padding:0 160px;align-items:center;height:600px;    background-size: cover; background-position: center; background-repeat: no-repeat;}
main .page-rejoindre #banniere h1 {font-size:34px;line-height:34px;font-weight:400;text-transform:uppercase;}
main .page-rejoindre #chiffres {background-color:var(--blue);padding:70px 320px;display:flex;position:relative;}
main .page-rejoindre #chiffres .chiffre {width:calc(25% - 15px);display:inline-block;vertical-align:top;margin-right:20px;    display: flex; flex-wrap: wrap; justify-content: center;}
main .page-rejoindre #chiffres .chiffre:nth-child(4) {margin-right:0;}
main .page-rejoindre #chiffres .chiffre p {font-size:18px;line-height:18px;text-align:center;margin:0;}
main .page-rejoindre #chiffres .chiffre p.nombre,
main .page-rejoindre #chiffres .chiffre span {font-size:60px;font-weight:600;text-align:center;line-height:60px;margin-bottom:30px;}
main .page-rejoindre #chiffres .chiffre p.regular {width:100%}
main .page-rejoindre #chiffres .yellow-shape {position:absolute;left:0;bottom:-1px;display:flex;align-items:flex-end;}
main .page-rejoindre #reseau {padding:140px 8.333%;}
main .page-rejoindre #reseau .reseau-bloc {width:100%;border:2px solid #E4E4E4;border-right:0px solid white;border-radius:6px;display:flex;align-items:center;position:relative;height:460px;margin:0;}
main .page-rejoindre #reseau .reseau-bloc .textes {width:50%;display:flex;align-items:center;padding:0px 250px 0px 160px ;flex-wrap:wrap;}
main .page-rejoindre #reseau .reseau-bloc .textes h2 {font-weight: 300; font-size: 34px; line-height: 34px; text-transform: uppercase; color: var(--blue);margin: 0;margin-bottom: 20px;}
main .page-rejoindre #reseau .reseau-bloc .textes a {display: inline-block;}
main .page-rejoindre #reseau .reseau-bloc .textes p {font-weight: 390; font-size: 18px; line-height: 28px; color: var(--dark-grey);margin-bottom: 30px;}
main .page-rejoindre #reseau .reseau-bloc .illustration {width:50%;overflow:hidden;border-radius:6px;height:calc(100% + 4px);}
main .page-rejoindre #reseau .reseau-bloc .illustration img {min-width:100%;min-height:100%;object-fit:cover;}
main .page-rejoindre #engagements {padding:0 calc(8.333% - 20px) 0 8.333%;display:flex;align-items:center;}
main .page-rejoindre #engagements .engagements-bloc {padding:90px 160px 120px 160px;background-color:var(--blue);border-radius:10px;display:flex;width:100%;align-items:center;flex-wrap:wrap;margin-bottom:140px;}
main .page-rejoindre #engagements .engagements-bloc h2 {width:100%;font-size:40px;margin:0 0 80px;}
main .page-rejoindre #engagements .engagements-bloc .engagement {display:flex;align-items:center;width:calc(25% - 15px);flex-direction:column;margin-right:20px;} 
main .page-rejoindre #engagements .engagements-bloc .engagement:nth-child(5) {margin-right:0;}
main .page-rejoindre #engagements .engagements-bloc .engagement .illustration,
main .page-rejoindre #engagements .engagements-bloc .engagement .illustration img {height:80px;width:80px;}
main .page-rejoindre #engagements .engagements-bloc .engagement .textes h3 {font-size:28px;margin:20px 0 10px;text-align:center;}
main .page-rejoindre #engagements .engagements-bloc .engagement .textes p {color:var(--white);font-weight: 390; font-size: 18px; line-height: 26px;text-align:center;}
main .page-rejoindre #engagements .yellow-bar {width:20px;height:350px;background-color:var(--green);content:'';display:block;}
main .page-rejoindre #metiers {margin:140px 0 70px 0;padding-left:8.333%;display:flex;align-items:center;height:480px;}
main .page-rejoindre #metiers .textes {width:calc(8.333% * 2);padding-right:80px;}
main .page-rejoindre #metiers .textes h2 {font-weight: 300; font-size: 34px; line-height: 34px; text-transform: uppercase; color: var(--blue);margin: 0;margin-bottom: 20px;}
main .page-rejoindre #metiers .textes p {font-weight: 400; font-size: 18px; line-height: 26px;margin-bottom: 30px;}
main .page-rejoindre #metiers .textes a {display: inline-block;}
main .page-rejoindre #metiers .liste-metiers {width:calc(100% - 16.666%);height:100%;position: relative;}
main .page-rejoindre #metiers .liste-metiers .owl-stage-outer,
main .page-rejoindre #metiers .liste-metiers .owl-stage-outer .owl-stage,
main .page-rejoindre #metiers .liste-metiers .owl-stage-outer .owl-stage .owl-item {height:100%;}
main .page-rejoindre #metiers .liste-metiers .metier {width:100%;height:100%;border-radius:6px;background-repeat:no-repeat;background-position:center;background-size:cover;display:flex;align-items:flex-end;flex-wrap:wrap;overflow:hidden;}
main .page-rejoindre #metiers .liste-metiers .metier .content {position:absolute;width:100%;bottom:0;left:0;padding:40px;}
main .page-rejoindre #metiers .liste-metiers .metier .content p {font-size:30px;margin-bottom:20px;width:100%;white-space:nowrap;text-overflow: ellipsis;overflow:hidden;}
main .page-rejoindre #metiers .liste-metiers .metier .content a {margin:0px;}
main .page-rejoindre #metiers .liste-metiers .metier .gradient {width:100%;height:100%;background: linear-gradient(180deg, rgba(45, 52, 140, 0.0001) 50%, #2D348C 100%);}
main .page-rejoindre #metiers .liste-metiers .owl-nav {position:absolute;left:0%;top:50%;transform: translate(-50%,-50%);display:flex;flex-direction:column;}
main .page-rejoindre #metiers .liste-metiers .owl-nav button {height:50px;margin:5px;background:transparent}
main .page-rejoindre #adherents {padding:0 8.333%;}
main .page-rejoindre #adherents .adherents-bloc {width:100%;display:flex;align-items:center;height:530px;}
main .page-rejoindre #adherents .adherents-bloc .liste-adherents {width:100%;border-left:0;border-radius:6px;height:100%;display:flex;align-items:center;}
main .page-rejoindre #adherents .adherents-bloc .liste-adherents .owl-stage-outer,
main .page-rejoindre #adherents .adherents-bloc .liste-adherents .owl-stage-outer .owl-stage,
main .page-rejoindre #adherents .adherents-bloc .liste-adherents .owl-stage-outer .owl-stage .owl-item {height:100%;}
main .page-rejoindre #adherents .adherents-bloc .liste-adherents .adherent {width:100%;display:flex;align-items:center;height:100%;}
main .page-rejoindre #adherents .adherents-bloc .liste-adherents .adherent .textes {width:51%;display:flex;justify-content:center;padding:0px 140px;flex-wrap:wrap;height:100%;flex-direction:column;border-radius: 6px;position: absolute; right: 0; z-index: 1;border:2px solid #E4E4E4;border-left:0;}
main .page-rejoindre #adherents .adherents-bloc .liste-adherents .adherent .textes h2 {font-weight: 300; font-size: 34px; line-height: 34px; text-transform: uppercase; color: var(--blue);margin: 0;margin-bottom: 30px;}
main .page-rejoindre #adherents .adherents-bloc .liste-adherents .adherent .textes p {width:100%;color:var(--blue);font-size:18px;line-height:26px;margin:0;font-weight:420;}
main .page-rejoindre #adherents .adherents-bloc .liste-adherents .adherent .illustration {z-index:2;width:50%;overflow:hidden;border-radius:6px;height:100%;align-items:flex-start;}
main .page-rejoindre #adherents .adherents-bloc .liste-adherents .adherent .illustration img {min-width:100%;min-height:100%;object-fit:cover;}
main .page-rejoindre #adherents .adherents-bloc .liste-adherents .owl-nav {position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);display:flex;flex-direction:column;}
main .page-rejoindre #adherents .adherents-bloc .liste-adherents .owl-nav button {height:50px;margin:5px;background:transparent}
main .page-rejoindre #rejoindre {padding:140px 8.333%;}
main .page-rejoindre #rejoindre .rejoindre-bloc {width:100%;border:2px solid #E4E4E4;border-right:0px solid white;border-radius:6px;display:flex;align-items:center;position:relative;height:460px;margin:0;}
main .page-rejoindre #rejoindre .rejoindre-bloc .textes {width:50%;display:flex;align-items:center;padding:0px 250px 0px 160px ;flex-wrap:wrap;}
main .page-rejoindre #rejoindre .rejoindre-bloc .textes h2 {font-weight: 300; font-size: 34px; line-height: 34px; text-transform: uppercase; color: var(--blue);margin: 0;margin-bottom: 20px;}
main .page-rejoindre #rejoindre .rejoindre-bloc .textes p {width:100%;color:var(--dark-grey);font-size:18px;line-height:26px;margin:0;}
main .page-rejoindre #rejoindre .rejoindre-bloc .illustration {width:50%;overflow:hidden;border-radius:6px;height:calc(100% + 4px);}
main .page-rejoindre #rejoindre .rejoindre-bloc .illustration img {min-width:100%;min-height:100%;object-fit:cover;} main .single-offre{padding-top: 140px;}
main .single-offre #informations-detaillees{width: 100%;    padding: 0 calc(8.333% - 20px) 80px 8.333%; display: flex; flex-wrap: wrap;}
main .single-offre #informations-detaillees .title{width: 100%;margin-bottom: 30px;}
main .single-offre #informations-detaillees .title h1{font-size: 34px; margin: 0 0 20px; line-height: 34px;color: var(--blue);font-weight: 600;}
main .single-offre #informations-detaillees .title .tag{ color: var(--blue); border-radius: 50px; padding: 5px 20px; text-align: center; font-size: 18px; border: 1px solid var(--red);display: inline-block;margin-right: 5px;margin-bottom: 0;}
main .single-offre #informations-detaillees .detail-offre{width: 45%;}
main .single-offre #informations-detaillees .detail-offre h2{font-size: 26px; margin: 0 0 10px; line-height: 26px;color: var(--red);font-weight: 600;}
main .single-offre #informations-detaillees .detail-offre p{font-size: 18px;}
main .single-offre #informations-detaillees .profil{width: 55%;padding-left: 8.3333%;}
main .single-offre #informations-detaillees .profil h2{font-size: 26px; margin: 0 0 10px; line-height: 26px;color: var(--red);font-weight: 600;}
main .single-offre #informations-detaillees .profil p{font-size: 18px;} main .page-vendre #entry {display:flex;align-items:center;height:400px;background-size: cover; background-position: center; background-repeat: no-repeat;background-color:black;}
main .page-vendre #entry h1 {margin-left:16.666%;text-transform: uppercase;line-height:34px;height:34px;}
main .page-vendre #estimation {padding:130px 16.666%;display:flex;}
main .page-vendre #estimation .textes {width:50%;padding-right:9%;}
main .page-vendre #estimation .textes p {margin:0;font-size:18px;}
main .page-vendre #estimation .textes p.blue {margin:30px 0 10px 0;}
main .page-vendre #estimation .textes p.blue:first-of-type {margin:0 0 30px 0;}
main .page-vendre #estimation .textes a {margin-bottom:30px;padding:4px 24px;border:2px solid var(--red);border-radius:50px;font-size:18px;}
main .page-vendre #estimation .textes a:hover {color:var(--white)!important;background-color:var(--red);}
main .page-vendre #estimation .image {width:50%;aspect-ratio:1;}
main .page-vendre #estimation .image img {width:100%;height:100%;object-fit:contain;} main .page-gerer #entry {display:flex;align-content:center;height:400px;background-size: cover; background-position: center; background-repeat: no-repeat;background-color:black;flex-wrap:wrap;}
main .page-gerer #entry h1 {margin:0 0 20px 16.666% ;text-transform: uppercase;line-height:34px;width:100%;}
main .page-gerer #entry .btns {margin-left:16.666%;display:flex;width:100%;}
main .page-gerer #entry .btns a {margin-right:20px;padding:4px 24px; background-color:var(--red);color:var(--white);border-radius:50px;font-size:18px;}
main .page-gerer #entry .btns a:hover {background-color:var(--blue);} 
main .page-gerer #bien {padding:130px 8.333% 100px 16.666%;display:flex;}
main .page-gerer #syndic {padding:100px 16.666% 60px 8.333%;display:flex;}
main .page-gerer #bien .textes {width:45%;padding-right:20px;}
main .page-gerer #syndic .textes {width:45%;padding-right:20px;}
main .page-gerer .parts .textes .surtitre {font-size:34px!important;margin:0 0 20px 0!important;line-height:34px;}
main .page-gerer .parts .textes h2 {font-size:34px;margin:0 0 30px 0;line-height:34px;}
main .page-gerer .parts .textes p {line-height:22px;margin-bottom:30px;}
main .page-gerer .parts .textes p.blue {margin-bottom:40px;font-size:18px;}
main .page-gerer .parts .textes a.btn {padding:4px 24px;background-color:var(--red);color:var(--white);font-weight:450;font-size:18px;border-radius:50px;}
main .page-gerer .parts .textes a.btn:hover {background-color:var(--blue)}
main .page-gerer .parts .image {width:55%;aspect-ratio:1;}
main .page-gerer .parts .image img {width:100%;height:100%;object-fit:contain;}
main .page-gerer #contact {padding-top:70px;} main .page-conseils #entry {display:flex;align-content:center;height:400px;background-size: cover; background-position: center; background-repeat: no-repeat;background-color:black;flex-wrap:wrap;}
main .page-conseils #entry h1 {margin:0 0 20px 16.666% ;text-transform: uppercase;line-height:34px;width:100%;}
main .page-conseils #listing {padding:130px 8.333% 100px 8.333%;display:flex;flex-wrap:wrap;}
main .page-conseils #listing .post {width:calc(33.33% - 30px);margin:0 15px 60px;}
main .page-conseils #listing .post>a {width:100%;display:flex;flex-wrap:wrap;}
main .page-conseils #listing .post a .image {width:100%;height:250px;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:10px;}
main .page-conseils #listing .post .textes h2 {font-size:24px;margin:0 0 30px 0;line-height:26px;margin:10px 0 20px 0;height:52px;}
main .page-conseils #listing .post .textes p {font-size:18px;line-height:22px;color:var(--dark-grey);font-weight:390;height:110px;margin-bottom:30px;text-overflow: ellipsis;overflow: hidden;}
main .page-conseils #listing .post .textes a {padding:4px 24px;border:2px solid var(--red);color: var(--red);border-radius:20px;font-size:18px;}
main .page-conseils #listing .post .textes a:hover {background-color:var(--red);color:var(--white)!important;} main .page-reseau #entry {display:flex;align-content:center;height:400px;background-size: cover; background-position: center; background-repeat: no-repeat;background-color:var(--red);flex-wrap:wrap;justify-content:center;}
main .page-reseau #entry img {height:125px;}
main .page-reseau #immobilier {padding:0 8.333% 190px 16.666%;display:flex;background-size:contain; background-position: left; background-repeat: no-repeat;margin-top:140px;}
main .page-reseau #immobilier .textes {width:45%;padding-right:20px;}
main .page-reseau #immobilier .textes h1 {font-size:34px;margin:0 0 30px;line-height:34px;}
main .page-reseau #immobilier .textes p {font-size:18px;margin-bottom:0;}
main .page-reseau #immobilier .textes p.blue {margin-bottom:20px;}
main .page-reseau #immobilier .image {width:55%;padding-left:8.333%;}
main .page-reseau #procivis {padding:0 calc(8.333% - 20px) 0px 8.333%;display:flex;align-items:center;transform: translateY(-50px);}
main .page-reseau #procivis .bloc-procivis {padding:80px 160px 90px 160px;background-color:var(--dark-grey);border-radius:10px;display:flex;width:100%;align-items:flex-end;flex-wrap:wrap;}
main .page-reseau #procivis .textes {width:60%;display:flex;align-items:center;flex-wrap:wrap;}
main .page-reseau #procivis .textes h2 {margin:0 0 30px 0;width:100%;}
main .page-reseau #procivis .textes p {margin:0;font-size:18px;}
main .page-reseau #procivis .btns {width:40%;display:flex;height:100%;justify-content:center;align-items:flex-end;}
main .page-reseau #procivis .btns a {margin-right:20px;padding:4px 24px; background-color:var(--red);border:2px solid var(--red);color:var(--white);border-radius:50px;font-size:18px;}
main .page-reseau #procivis .btns a:hover {background-color:var(--white);color:var(--red);}
main .page-reseau #procivis .red-bar {width:20px;height:180px;background-color:var(--red);content:'';display:block;}
main .page-reseau #vitavi {padding:140px 16.666% 150px 16.666%;display:flex;justify-content:space-between;}
main .page-reseau #vitavi .textes {width:calc(8.333% * 4);}
main .page-reseau #vitavi .textes h2 {font-size:34px;margin:0 0 30px;line-height:34px;} 
main .page-reseau #vitavi .textes p {font-size:18px;margin-bottom:28px;}
main .page-reseau #vitavi .textes .btn{padding: 4px 24px; background-color: var(--red);color: var(--white); border-radius: 50px; font-size: 18px; }
main .page-reseau #vitavi .textes .btn:hover{ background-color: var(--blue); color: var(--white); }
main .page-reseau #vitavi .image {width:calc(8.333% * 3);}  main .page-acheter-louer #search{height: 400px;margin-bottom:140px;}
main .page-acheter-louer #search .content .background{height: 400px;}
main .page-acheter-louer h1 {font-style: normal; font-weight: 500; font-size: 34px; color: var(--blue);margin: 0;margin: 0 80px 30px 8.333%;}
main .page-acheter-louer #listing {display:flex;flex-wrap:wrap; margin:0 auto 140px auto; padding: 0 8.33333333%; gap: 30px;}
main .page-acheter-louer #listing .bien {margin-bottom:30px;}
main .page-acheter-louer #listing .bien { position: relative; width: calc(25% - 25px); margin-right: 0px; }
main .page-acheter-louer #listing .pagination {width:100%;display:flex;justify-content:center;}
main .page-acheter-louer #listing .pagination a {color: var(--dark-grey);border-radius:20px;font-size:18px;height:30px;width:30px;display:flex;justify-content:center;align-items:center;margin:0 5px;}
main .page-acheter-louer #listing .pagination a.next {transform: rotate(180deg);}
main .page-acheter-louer #listing .pagination span.current {border:2px solid var(--green);color: var(--white);border-radius:20px;font-size:18px;height:30px;width:30px;display:flex;justify-content:center;align-items:center;background-color:var(--green);margin:0 5px;}
main .page-acheter-louer #listing .pagination span.dots {color: var(--dark-grey);border-radius:20px;font-size:18px;height:30px;width:30px;display:flex;justify-content:center;align-items:center;margin:0 5px;} main .page-acheter-neuf #entry {display:flex;align-items:center;height:400px;background-size: cover; background-position: center; background-repeat: no-repeat;background-color:black;}
main .page-acheter-neuf #entry h1 {margin-left:16.666%;text-transform: uppercase;line-height:34px;}
main .page-acheter-neuf #optimisation {padding:140px 8.333% 130px 16.666%;display:flex;}
main .page-acheter-neuf #optimisation .textes {width:50%;padding-right:9%;}
main .page-acheter-neuf #optimisation .textes h2 {font-size:34px;margin:0 0 30px;line-height:34px;}
main .page-acheter-neuf #optimisation .textes p {margin:0;font-size:18px;margin-bottom:15px;}
main .page-acheter-neuf #optimisation .textes p.blue {margin:0;}
main .page-acheter-neuf #optimisation .textes .dispositifs {display:flex;flex-wrap:wrap;margin-bottom:50px;}
main .page-acheter-neuf #optimisation .textes .dispositifs p.dispositif {padding:10px 14px;background-color:var(--blue);border-radius:50px;margin:0 10px 10px 0;}
main .page-acheter-neuf #optimisation .textes a {margin-bottom:30px;padding:4px 24px;border:2px solid var(--red);border-radius:50px;font-size:18px;}
main .page-acheter-neuf #optimisation .textes a:hover {color:var(--white)!important;background-color:var(--red);}
main .page-acheter-neuf #optimisation .image {width:50%;aspect-ratio:1;}
main .page-acheter-neuf #optimisation .image img {width:100%;height:100%;object-fit:contain;object-position: top;}
main .page-acheter-neuf #listing {width:1248px;display:flex;flex-wrap:wrap;margin:60px auto 140px auto;}
main .page-acheter-neuf .links {width:100%;margin-bottom:50px;display:flex;justify-content:flex-end;}
main .page-acheter-neuf .links select {-webkit-appearance: none;background-image:url(//www.vitavi-immo.fr/wp-content/themes/vitaviimmo/img/arrow_down_grey.svg);background-repeat:no-repeat;background-position:right 20px center;background-size:12px;background-color: transparent;cursor:pointer;color:var(--blue);font-weight:450;outline:none!important;border-radius:50px;border:1px solid var(--grey);padding:4px 50px 4px 20px;}
main .page-acheter-neuf #listing .biens {width:100%;display:flex;flex-wrap:wrap;}
main .page-acheter-neuf #listing .biens .neuf {margin:0 15px 60px 15px!important;} main .page-contact #entry {display:flex;align-items:center;height:400px;background-size: cover; background-position: center; background-repeat: no-repeat;background-color:black;}
main .page-contact #entry h1 {margin-left:16.666%;text-transform: uppercase;line-height:34px;}
main .page-contact #carte{width: 83.33333333%;margin-left: 8.33333333%;background: var(--blue);position: relative;border-radius: 6px;padding: 80px 0;display: flex;align-items: center;margin-bottom: 140px;}
main .page-contact #carte .bloc-vert{height: 70%;position: absolute;width: 15px;right: 0;transform: translate(100%, -50%);background-color: var(--green);top: 50%;}
main .page-contact #carte .map{width: 60%;padding: 0 8.33333333%;}
main .page-contact #carte .map .position{width: 100%;position: relative;}
main .page-contact #carte .map .position svg{width: 100%;height: auto;}
main .page-contact #carte .map .position .pin{cursor:pointer;width: 35px;height: 50px;background-image: url(//www.vitavi-immo.fr/wp-content/themes/vitaviimmo/img/Marker.svg);background-position: center;background-repeat: no-repeat;background-size: contain;position: absolute;}
main .page-contact #carte .map .position .pin.reims{left: 43.9%; top: 29%;}
main .page-contact #carte .map .position .pin.troyes{left: 47.2%; top: 48.6%;}
main .page-contact #carte .map .position .pin.epernay{    left: 44%; top: 38.5%;}
main .page-contact #carte .map .position .pin.sens{left: 35.2%; top: 58.6%;}
main .page-contact #carte .map .position .pin.nancy{left: 74.2%; top: 41.8%;}
main .page-contact #carte .map .position .pin.amiens{left: 24.2%; top: 26%;}
main .page-contact #carte .map .position .pin.beauvais{    left: 19.4%; top: 27.9%;}
main .page-contact #carte .map .position .pin.compiegne{    left: 30.9%; top: 25%;}
main .page-contact #carte .map .position .pin.la-croix-saint-ouen{left: 28.9%; top: 31%;}
main .page-contact #carte .content{width: 40%;position: relative;}
main .page-contact #carte .content .center{position: relative; top: 50%;  width: 80%; transform: translateY(-50%);}
main .page-contact #carte .content .center h2{font-weight: 500; font-size: 40px; line-height: 50px; color: #FFFFFF;}
main .page-contact #carte .content .center h2 span{font-weight: 300; font-size: 40px; line-height: 50px; color: #FFFFFF;}
main .page-contact #carte .content .center .infos{opacity: 0;position: absolute;transition: .3s;z-index:-1;}
main .page-contact #carte .content .center .infos.on{opacity: 1;z-index:2;}
main .page-contact #carte .content .center .infos p.tel{font-weight: 300; font-size: 20px; line-height: 24px; color: #FFFFFF;margin-bottom: 20px;}
main .page-contact #carte .content .center .infos p.adresse{font-weight: 300; font-size: 20px; line-height: 24px; color: #FFFFFF;margin-bottom: 10px;}
main .page-contact #carte .content .center .infos p.nom{font-weight: 500; font-size: 20px; line-height: 24px; color: #FFFFFF;margin-bottom: 15px;}
main .page-contact #carte .content .center .infos a{padding: 5px 20px;font-style: normal; font-weight: 450; font-size: 20px; color: var(--white);border: 1px solid var(--red);border-radius: 20px;margin-left: auto;display:none;}
main .page-contact #carte .content .center .infos.on a {display:inline-block;}
main .page-contact #carte .content .center .infos a:hover{background-color: var(--red);}
main .page-contact #contact {padding-top:140px;} main .single-agence #entry {display:flex;align-content:center;height:400px;background-size: cover; background-position: center; background-repeat: no-repeat;background-color:var(--blue);flex-wrap:wrap;justify-content:center;}
main .single-agence #entry img {height:200px;}
main .single-agence #agence {padding:0 8.333% 310px 16.666%;display:flex;background-size:contain; background-position: left; background-repeat: no-repeat;margin-top:140px;background-image: url(//www.vitavi-immo.fr/wp-content/themes/vitaviimmo/img/shape.svg);background-repeat:no-repeat;background-position:right;background-size:contain}
main .single-agence #agence .textes {width:50%;padding-right:12.5%;}
main .single-agence #agence .textes h1 {font-size:34px;margin:0 0 30px;line-height:34px;}
main .single-agence #agence .textes p {font-size:18px;margin-bottom:0;}
main .single-agence #agence .textes p.blue {margin-bottom:20px;}
main .single-agence #agence .image {width:50%;}
main .single-agence #agence .image img{width:100%;display: block;    border-radius: 10px;}
main .single-agence #metiers {padding:0 calc(8.333% - 20px) 0px 8.333%;display:flex;align-items:center;transform: translateY(-180px);}
main .single-agence #metiers .bloc-metiers {padding:80px 160px 80px 160px;background-color:var(--blue);border-radius:10px;display:flex;width:100%;align-items:flex-start;flex-wrap:wrap;row-gap: 30px;}
main .single-agence #metiers .bloc-metiers h2 {margin:0 0 20px 0;width:100%;font-size:34px;line-height:34px;}
main .single-agence #metiers .bloc-metiers .metier {width:25%;display:flex;justify-content:center;flex-wrap:wrap;align-items:flex-start;padding:0 20px;cursor:pointer;}
main .single-agence #metiers .bloc-metiers .metier a{display:flex;justify-content:center;flex-wrap:wrap;align-items:flex-start;}
main .single-agence #metiers .bloc-metiers .metier img {margin:0;transition-duration:.3s;}
main .single-agence #metiers .bloc-metiers .metier:hover img {margin-top:-10px;margin-bottom:10px;}
main .single-agence #metiers .bloc-metiers .metier h3 {width:100%;text-align:center;margin:20px 0;font-size:30px;line-height:26px;transition-duration:.3s;}
main .single-agence #metiers .bloc-metiers .metier:hover h3 {margin-top:30px;margin-bottom:10px;}
main .single-agence #metiers .bloc-metiers .metier p {width:100%;text-align:center;margin:0;font-size:18px;line-height:22px;padding: 0 30px;transition-duration:.3s;}
main .single-agence #metiers .bloc-metiers .metier:hover p {margin-top:10px;margin-bottom:-10px;}
main .single-agence #metiers .yellow-bar {width:20px;height:250px;background-color:var(--green);content:'';display:block;}
main .single-agence #honoraires {padding:0 8.333% 140px 8.333%;display:flex;align-items:center;flex-wrap:wrap;}
main .single-agence #honoraires h2 {font-size:34px;line-height:34px;margin:0 0 30px 0;width:100%;}
main .single-agence #honoraires .honoraires {width:100%;display:flex;flex-wrap:wrap;}
main .single-agence #honoraires .honoraires .honoraire {width:calc(25% - 15px);display:flex;flex-direction:column;justify-content:center;margin-right:20px;align-items:flex-start;}
main .single-agence #honoraires .honoraires .honoraire:last-child {margin-right:0;}
main .single-agence #honoraires .honoraires .honoraire h3 {font-size:16px;line-height:20px;margin:0 0 20px 0;height:40px;}
main .single-agence #honoraires .honoraires .honoraire a {padding:4px 24px;color:var(--blue);border:2px solid var(--red);font-size:18px;border-radius:50px;}
main .single-agence #honoraires .honoraires .honoraire a:hover {background-color:var(--red);color:white;}
main .single-agence #contacts {padding:0 8.333% 140px;display:flex;align-items:center;}
main .single-agence #contacts .contact {width:50%;border:2px solid #E4E4E4;border-radius:6px;display:flex;align-items:center;height:380px;}
main .single-agence #contacts .contact:nth-child(2n+1) {margin-right:11px;margin-left:0;}
main .single-agence #contacts .contact:nth-child(2n) {margin-left:11px;margin-right:0;}
main .single-agence #contacts .contact .textes {width:65%;padding:60px;}
main .single-agence #contacts .contact .textes h3 {font-size:30px;line-height:34px;margin:0;}
main .single-agence #contacts .contact .textes p {margin:0;}
main .single-agence #contacts .contact .textes .tel {margin-top:20px;}
main .single-agence #contacts .contact .textes .adresse {margin-bottom:20px;}
main .single-agence #contacts .contact .textes a {padding:4px 24px;color:var(--blue);border:2px solid var(--red);font-size:18px;border-radius:50px;}
main .single-agence #contacts .contact .textes a:hover {background-color:var(--red);color:var(--white);}
main .single-agence #contacts .contact .map {width:35%;height:100%;}
main .single-agence #contacts .contact .map .acf-map {width:100%;height:100%;} main .single-annonce #entry {margin-top:65px;padding:75px 0 120px 0;display:flex;background-image: url(//www.vitavi-immo.fr/wp-content/themes/vitaviimmo/img/red_fill.svg);background-repeat:no-repeat;background-position:bottom left;background-size:contain;}
main .single-annonce #entry .galerie {width:50%;position: relative;margin:0 8.333%;}
main .single-annonce #entry .galerie .liste-etiquettes {position:absolute;top:30px;left:30px;z-index:5;display:flex;align-items:center;}
main .single-annonce #entry .galerie .liste-etiquettes .etiquette {border-radius:50px;padding:5px 15px;margin:0;margin-right:10px;text-transform: uppercase;display:flex;align-items:center;font-weight:600;}
main .single-annonce #entry .galerie .liste-etiquettes .etiquette.vendre {background-color:var(--red);color:var(--white);}
main .single-annonce #entry .galerie .liste-etiquettes .etiquette.louer {background-color:var(--blue);color:var(--white);}
main .single-annonce #entry .galerie .liste-etiquettes .etiquette.exclu {background-color:rgba(255,255,255,0.4);color:var(--blue);border:1px solid var(--white);}
main .single-annonce #entry .galerie .liste-etiquettes .etiquette.exclu svg {height:15px;width:15px;margin-right:5px;display:flex;align-items:center;justify-content:center;}
main .single-annonce #entry .galerie .liste-etiquettes .etiquette.exclu svg path {height:100%;width:100%;display:block;}
main .single-annonce #entry .galerie .liste-galerie {position:relative;border-radius:10px;}
main .single-annonce #entry .galerie .liste-galerie .owl-stage-outer {border-radius:10px;}
main .single-annonce #entry .galerie .liste-galerie .owl-nav {position:absolute;top:calc(50% - 30px);left:50%;transform: translate(-50%,-50%);width:calc(100% + 50px);display:flex;justify-content:space-between;}
main .single-annonce #entry .galerie .liste-galerie .owl-nav button {height:50px;margin:5px;background:transparent}
main .single-annonce #entry .galerie .liste-galerie .owl-dots {margin-top:30px;}
main .single-annonce #entry .galerie .liste-galerie .owl-dots .owl-dot.active span,
main .single-annonce #entry .galerie .liste-galerie .owl-dots .owl-dot:hover span {background-color:var(--red);}
main .single-annonce #entry .galerie .liste-galerie .owl-item {aspect-ratio:1.7;overflow:hidden;}
main .single-annonce #entry .galerie .liste-galerie .owl-item .image {width:100%;height:100%;background-color:var(--white);display:flex;justify-content:center;align-items:center;}
main .single-annonce #entry .galerie .liste-galerie .owl-item .image.verticale img {width:100%;height:100%;object-fit:contain;z-index: 2;position: absolute;}
main .single-annonce #entry .galerie .liste-galerie .owl-item .image.verticale .zoom-img{  background: var(--blue);  width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center;}
main .single-annonce #entry .galerie .liste-galerie .owl-item .image.horizontale img {width:100%;height:auto;object-fit:contain;object-position:center;z-index:2;position: absolute;}
main .single-annonce #entry .galerie .liste-galerie .owl-item .image.horizontale .zoom-img{ background: var(--blue);   width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center;}
main .single-annonce #entry .galerie .liste-galerie .owl-item .image .bg-image {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-size:cover;background-position:center;background-repeat:no-repeat;filter: blur(5px) opacity(0.5);}
main .single-annonce #entry .infos {width:25%;position: relative;}
main .single-annonce #entry .infos .rs {display:flex;flex-direction:column;position:absolute;right:20px;top:0;}
main .single-annonce #entry .infos .rs a {height:32px;width:32px;background-color:var(--green);border-radius:50px;display:flex;justify-content:center;align-items:center;margin:0;margin-bottom:10px;}
main .single-annonce #entry .infos .textes {}
main .single-annonce #entry .infos .textes h1 {font-weight: 600; font-size: 34px; line-height: 34px; color: var(--blue);margin: 0;margin-bottom: 20px;width:85%;}
main .single-annonce #entry .infos .textes p {display:flex;align-items:center;color:#828282;font-weight: 600;margin:0;margin-bottom:10px;font-size:18px;line-height:30px;}
main .single-annonce #entry .infos .textes p svg {margin:0;margin-right:10px;}
main .single-annonce #entry .infos .textes p.prix {font-size:22px;color:var(--blue);line-height:26px;display:flex;align-items:flex-end;}
main .single-annonce #entry .infos .textes p.prix strong {font-size:30px;color:var(--blue);line-height:34px;margin-left:5px;}
main .single-annonce #entry .infos .textes p.charges {font-size:22px;color:var(--blue);line-height:26px;}
main .single-annonce #entry .infos .conseiller {margin-top:70px;border:2px solid #e4e4e4;border-radius:6px;padding:20px;display:flex;position: relative;}
main .single-annonce #entry .infos .conseiller .textes {display:flex;flex-direction:column;width:calc(100% - 130px);}
main .single-annonce #entry .infos .conseiller .textes p {margin:0;margin-bottom:5px;}
main .single-annonce #entry .infos .conseiller .textes .titre {font-size:18px;}
main .single-annonce #entry .infos .conseiller .textes .nom {font-size:25px;}
main .single-annonce #entry .infos .conseiller .textes .metier {color:#BEBEBE;letter-spacing:3px;font-size:14px;text-transform: uppercase;}
main .single-annonce #entry .infos .conseiller .textes a {font-size:18px;display:flex;align-items:center;margin-top:10px;}
main .single-annonce #entry .infos .conseiller .textes a:hover {color:var(--red)!important;}
main .single-annonce #entry .infos .conseiller .textes a span {height:40px;width:40px;border-radius:50%;background-color:var(--blue);padding:10px;display:flex;justify-content:center;align-items:center;margin-right:15px;transition-duration:.3s;}
main .single-annonce #entry .infos .conseiller .textes a:hover span {background-color:var(--red);}
main .single-annonce #entry .infos .conseiller .photo {width:130px;}
main .single-annonce #entry .infos .conseiller .photo img {border:2px solid var(--red);border-radius:50%;aspect-ratio:1;object-fit:cover;}
main .single-annonce #entry .infos .conseiller .photo.agence img {border:none;object-fit:contain;background-color: var(--blue);}
main .single-annonce #entry .infos .conseiller .bulle {position: absolute;bottom:-110px;left:0;width:100%;background-color:var(--blue);padding:20px;border-radius:6px;height:80px;}
main .single-annonce #entry .infos .conseiller .bulle .rect {position: absolute;background-color:var(--blue);height:30px;width:30px;transform: rotate(-45deg) translateY(-50%);right:60px;top:0;}
main .single-annonce #entry .infos .conseiller .bulle p {margin:0;height:18px;line-height:26px;}
main .single-annonce #description {padding:70px 0 130px 0;display:flex;flex-wrap:wrap;}
main .single-annonce #description .textes {margin:0 8.333% 0 16.666%;width:calc(8.333% * 4);}
main .single-annonce #description .textes h2 {font-size: 40px; color: var(--blue);margin: 0;margin-bottom: 20px;}
main .single-annonce #description .textes p {font-size: 18px; line-height: 30px; color: var(--dark-grey) ;margin:0;font-weight:390;}
main .single-annonce #description .liste-icones {width:calc(8.333% * 3);display:flex;flex-wrap:wrap;}
main .single-annonce #description .liste-icones .icone:nth-child(3n) {margin-right:0;}
main .single-annonce #description .liste-icones .icone {display:flex;flex-direction:column;width:calc(33% - 10px);margin-right:15px;}
main .single-annonce #description .liste-icones .icone .picto {width:100%;aspect-ratio:1;background-color:var(--blue);border-radius:6px;display:flex;align-items:center;justify-content:center;}
main .single-annonce #description .liste-icones .icone .picto svg {width:100%;aspect-ratio:1;}
main .single-annonce #description .liste-icones .icone p {margin:20px 0 25px 0;font-size:18px;text-align:center;}
main .single-annonce #description .dpe {    margin: 50px 0 0 16.666%; display: flex; width: calc(8.333% * 5); gap: 30px; align-items: flex-start; flex-wrap: wrap; align-content: flex-start; row-gap: 20px;}
main .single-annonce #description .dpe h2 {width:100%;margin: 0;}
main .single-annonce #description .dpe .graphique-dpe{width:280px;margin-right:50px;}
main .single-annonce #description .dpe img{width: calc(50% - 15px);max-width: 280px;}
main .single-annonce #description .dpe p {width: 80%; font-size: 18px; line-height: 30px; color: var(--dark-grey) ;margin:0;font-weight:390;}
main .single-annonce #description .calculatrice {width:calc(8.333% * 3);border-radius:6px;background-color:var(--blue);padding:30px 20px;}
main .single-annonce #description .calculatrice h3 {margin:0;}
main .single-annonce #description .calculatrice input {width:100%;height:50px;border-radius:6px;border:2px solid #E4E4E4;padding:0 20px;margin-bottom:20px;background-color:transparent;color:var(--white);}
main .single-annonce #description .calculatrice input:focus {border:1px solid var(--red);}
main .single-annonce #description .calculatrice button {width:100%;height:50px;background-color:var(--red);color:var(--white);border-radius:6px;font-size:18px;margin-bottom:20px;font-weight:600;cursor: pointer;}
main .single-annonce #description .calculatrice button:hover {background-color:var(--white);color:var(--red);}
main .single-annonce #description .calculatrice .resultat {margin:0;font-size:18px;font-weight:600;}
main .single-annonce .separation {background-color: var(--green);height:4px;width:calc(8.333% * 10);margin:0 8.333%;display:block;}
main .single-annonce #visite {padding:130px 0 140px 0;}
main .single-annonce #visite .image {width:calc(8.333% * 10);margin:0 8.333%;overflow:hidden;height:520px;}
main .single-annonce #visite .image img {width:100%;height:100%;object-fit: cover;}
main .single-annonce #map {}
main .single-annonce #map .image {width:calc(8.333% * 10);margin:0 8.333%;object-fit: cover;overflow:hidden;height:520px;}
main .single-annonce #map .image img {width:100%;height:100%;object-fit: cover;}
main .single-annonce #autres {padding:140px 0;}
main .single-annonce #autres h2 {font-size: 40px; color: var(--blue);margin: 0;margin-bottom: 70px;padding:0 8.333%;}
main .single-annonce #autres .liste-biens {display:flex;width:100%;padding:0 8.333%;} main .single-neuf #entry {margin-top:65px;padding:75px 0 120px 0;display:flex;background-image: url(//www.vitavi-immo.fr/wp-content/themes/vitaviimmo/img/red_fill.svg);background-repeat:no-repeat;background-position:bottom left;background-size:contain;}
main .single-neuf #entry .galerie {width:50%;position: relative;margin:0 8.333%;}
main .single-neuf #entry .galerie .liste-galerie {position:relative;border-radius:10px;}
main .single-neuf #entry .galerie .liste-galerie .owl-stage-outer {border-radius:10px;}
main .single-neuf #entry .galerie .liste-galerie .owl-nav {position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:calc(100% + 50px);display:flex;justify-content:space-between;}
main .single-neuf #entry .galerie .liste-galerie .owl-nav button {height:50px;margin:5px;background:transparent}
main .single-neuf #entry .galerie .liste-galerie .owl-dots {margin-top:30px;}
main .single-neuf #entry .galerie .liste-galerie .owl-dots .owl-dot.active span,
main .single-neuf #entry .galerie .liste-galerie .owl-dots .owl-dot:hover span {background-color:var(--red);}
main .single-neuf #entry .galerie .liste-galerie .owl-item {aspect-ratio:1.7;}
main .single-neuf #entry .galerie .liste-galerie .owl-item .image {width:100%;height:100%;background-color:var(--white);}
main .single-neuf #entry .galerie .liste-galerie .owl-item .image.verticale img {width:100%;height:100%;object-fit:contain;}
main .single-neuf #entry .galerie .liste-galerie .owl-item .image.verticale .zoom-img {width:100%;height:100%;position: relative;display: flex;align-items: center;justify-content: center;}
main .single-neuf #entry .galerie .liste-galerie .owl-item .image.horizontale img {width:100%;height:100%;object-fit:cover;object-position:bottom;}
main .single-neuf #entry .galerie .liste-galerie .owl-item .image.horizontale .zoom-img {width:100%;height:100%;position: relative;display: flex;align-items: center;justify-content: center;}
main .single-neuf #entry .infos {width:25%;position: relative;}
main .single-neuf #entry .infos .rs {display:flex;flex-direction:column;position:absolute;right:20px;top:0;}
main .single-neuf #entry .infos .rs a {height:32px;width:32px;background-color:var(--green);border-radius:50px;display:flex;justify-content:center;align-items:center;margin:0;margin-bottom:10px;}
main .single-neuf #entry .infos .textes {}
main .single-neuf #entry .infos .textes h1 {font-weight: 600; font-size: 34px; line-height: 34px; color: var(--blue);margin: 0;margin-bottom: 20px;}
main .single-neuf #entry .infos .textes p {display:flex;align-items:center;color:#828282;font-weight: 600;margin:0;margin-bottom:10px;font-size:18px;line-height:30px;}
main .single-neuf #entry .infos .textes p svg {margin:0;margin-right:10px;}
main .single-neuf #entry .infos .textes p.prix {font-size:22px;color:var(--blue);margin-top:40px;}
main .single-neuf #entry .infos .conseiller {margin-top:70px;border:2px solid #e4e4e4;border-radius:6px;padding:20px;display:flex;position: relative;}
main .single-neuf #entry .infos .conseiller .textes {display:flex;flex-direction:column;width:calc(100% - 130px);}
main .single-neuf #entry .infos .conseiller .textes p {margin:0;margin-bottom:5px;}
main .single-neuf #entry .infos .conseiller .textes .titre {font-size:18px;}
main .single-neuf #entry .infos .conseiller .textes .nom {font-size:25px;}
main .single-neuf #entry .infos .conseiller .textes .metier {color:#BEBEBE;letter-spacing:3px;font-size:14px;text-transform: uppercase;}
main .single-neuf #entry .infos .conseiller .textes a {font-size:18px;display:flex;align-items:center;margin-top:10px;}
main .single-neuf #entry .infos .conseiller .textes a:hover {color:var(--red)!important;}
main .single-neuf #entry .infos .conseiller .textes a span {height:40px;width:40px;border-radius:50%;background-color:var(--blue);padding:10px;display:flex;justify-content:center;align-items:center;margin-right:15px;transition-duration:.3s;}
main .single-neuf #entry .infos .conseiller .textes a:hover span {background-color:var(--red);}
main .single-neuf #entry .infos .conseiller .photo {width:130px;}
main .single-neuf #entry .infos .conseiller .photo img {border:2px solid var(--red);border-radius:50%;aspect-ratio:1;object-fit:cover;}
main .single-neuf #entry .infos .conseiller .photo.agence img {border:none;object-fit:contain;background-color: var(--blue);}
main .single-neuf #entry .infos .conseiller .bulle {position: absolute;bottom:-110px;left:0;width:100%;background-color:var(--blue);padding:20px;border-radius:6px;height:80px;}
main .single-neuf #entry .infos .conseiller .bulle .rect {position: absolute;background-color:var(--blue);height:30px;width:30px;transform: rotate(-45deg) translateY(-50%);right:60px;top:0;}
main .single-neuf #entry .infos .conseiller .bulle p {margin:0;height:18px;line-height:26px;}
main .single-neuf #description {padding:0px 16.666% 120px 16.666%;display:flex;}
main .single-neuf #description .textes {width:calc(33% - 30px);margin-right:45px;}
main .single-neuf #description .textes:last-child {margin-right:0px;}
main .single-neuf #description .textes h2 {font-size: 34px; color: var(--blue);margin: 0;margin-bottom: 20px;line-height:34px;}
main .single-neuf #description .textes p,
main .single-neuf #description .textes li {font-size: 18px; line-height: 30px; color: var(--dark-grey) ;margin:0;font-weight:390;}
main .single-neuf #description .liste-icones {width:calc(8.333% * 3);display:flex;flex-wrap:wrap;}
main .single-neuf #description .liste-icones .icone:nth-child(3n) {margin-right:0;}
main .single-neuf #description .liste-icones .icone {display:flex;flex-direction:column;width:calc(33% - 10px);margin-right:15px;}
main .single-neuf #description .liste-icones .icone .picto {width:100%;aspect-ratio:1;background-color:var(--blue);border-radius:6px;display:flex;align-items:center;justify-content:center;}
main .single-neuf #description .liste-icones .icone .picto svg {width:100%;aspect-ratio:1;}
main .single-neuf #description .liste-icones .icone p {margin:20px 0 25px 0;font-size:18px;text-align:center;} main .single-post #entry {display:flex;align-content:center;height:400px;background-size: cover; background-position: center; background-repeat: no-repeat;background-color:black;flex-wrap:wrap;}
main .single-post #entry h1 {margin:0 0 20px 16.666% ;text-transform: uppercase;line-height:34px;width:100%;}
main .single-post #content {padding:130px 25% 0 16.666%;display:flex;flex-wrap:wrap;}
main .single-post #content h2 {font-size:34px;margin:0 0 30px;line-height:34px;}
main .single-post #content p {font-size:18px;line-height:22px;color:var(--dark-grey);font-weight:390;margin-bottom:30px;}
main .single-post #content a {padding:4px 24px;border:2px solid var(--red);color: var(--red);border-radius:20px;font-size:18px;}
main .single-post #content a:hover {background-color:var(--red);color:var(--white)!important;}
main .single-post #autres {padding:130px 16.666% 100px 16.666%;display:flex;flex-wrap:wrap;}
main .single-post #autres .textes {width:100%;}
main .single-post #autres .textes h2 {width:100%;}
main .single-post #autres .listing {width:100%;display:flex;flex-wrap:wrap;}
main .single-post #autres .listing .post {width:calc(33.33% - 30px);margin:0 15px 60px;}
main .single-post #autres .listing .post>a {width:100%;display:flex;flex-wrap:wrap;}
main .single-post #autres .listing .post a .image {width:100%;height:250px;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:10px;}
main .single-post #autres .listing .post .textes h2 {font-size:24px;margin:0 0 30px 0;line-height:26px;margin:10px 0 20px 0;height:52px;}
main .single-post #autres .listing .post .textes p {font-size:18px;line-height:22px;color:var(--dark-grey);font-weight:390;height:110px;margin-bottom:30px;overflow:hidden;text-overflow: ellipsis;}
main .single-post #autres .listing .post .textes a {padding:4px 24px;border:2px solid var(--red);color: var(--red);border-radius:20px;font-size:18px;}
main .single-post #autres .listing .post .textes a:hover {background-color:var(--red);color:var(--white)!important;} main .error-404 {padding:130px 16.666% 100px 16.666%;display:flex;flex-wrap:wrap;height:70vh;}
main .error-404 h1 {font-size:34px;margin:0 0 30px;line-height:34px;}
main .error-404 h2 {font-size:24px;margin:0 0 30px;line-height:26px;margin:10px 0 20px 0;height:52px;}
main .error-404 a.btn {padding:4px 24px;border:2px solid var(--red);color: var(--red);border-radius:20px;font-size:18px;}
main .error-404 a.btn:hover {background-color:var(--red);color:var(--white)!important;} main .page-mentions {padding:130px 16.666% 100px 16.666%;display:flex;flex-wrap:wrap;}
main .page-mentions h1 {font-size:34px;margin:0 0 30px;line-height:34px;}
@media screen and (max-width: 1700px) {  header .header-bottom .left{padding-right: 40px;}
header .header-bottom .menu-principal ul{gap: 15px;}
header .header-bottom .menu-principal ul li a{font-size: 18px;line-height: 24px;}
header .header-bottom .right{padding-left: 40px;}
header .header-bottom .menu-secondaire ul li a{font-size: 18px;line-height: 24px;}  main .page-rejoindre #adherents .adherents-bloc {height: 460px;}
main .page-rejoindre #adherents .adherents-bloc .owl-stage-outer,
main .page-rejoindre #adherents .adherents-bloc .owl-stage-outer .owl-stage,
main .page-rejoindre #adherents .adherents-bloc .owl-stage-outer .owl-stage .owl-item,
main .page-rejoindre #adherents .adherents-bloc .liste-adherents .adherent  {height:100%;}
main .page-rejoindre #reseau .reseau-bloc .textes,
main .page-rejoindre #rejoindre .rejoindre-bloc .textes,
main .page-rejoindre #adherents .adherents-bloc .liste-adherents .adherent .textes {padding: 0px 200px 0px 110px;}
}
@media screen and (max-width: 1650px) {
main #search .content .search-bar{padding: 0 8.3333%;}
}
@media screen and (max-width: 1500px) {  header .header-top a.contact{font-size: 14px;}
header .header-bottom{ background: var(--white);padding: 10px 8.33333333% ;}
header .header-bottom .logo svg{height: 65px;}
header .header-bottom .left{padding-right: 20px;}
header .header-bottom .menu-principal ul{gap: 15px;}
header .header-bottom .menu-principal ul li a{font-size: 16px;line-height: 22px;}
header .header-bottom .right{padding-left: 20px;}
header .header-bottom .menu-secondaire ul{gap: 20px;}
header .header-bottom .menu-secondaire ul li a{font-size: 16px;line-height: 22px;}
header .header-bottom .menu-secondaire ul li .sub-menu{background: var(--white);}
header .header-bottom .menu-secondaire ul li.espace-client .sub-menu{right: -20px; left: auto;}  main .page-home #carte .map .position .pin.reims{left: 43.9%; top: 29%;}
main .page-home #carte .map .position .pin.troyes{left: 47.2%; top: 48.6%;}
main .page-home #carte .map .position .pin.epernay{    left: 44%; top: 38.5%;}
main .page-home #carte .map .position .pin.sens{left: 35.2%; top: 58.6%;}
main .page-home #carte .map .position .pin.nancy{left: 74.2%; top: 41.8%;}
main .page-home #carte .map .position .pin.amiens{left: 24.2%; top: 26%;}
main .page-home #carte .map .position .pin.beauvais{    left: 19.4%; top: 24.9%;}
main .page-home #carte .map .position .pin.compiegne{    left: 30.9%; top: 23%;}
main .page-home #carte .map .position .pin.la-croix-saint-ouen{left: 28.9%; top: 30%;} main .page-rejoindre #reseau .reseau-bloc .textes,
main .page-rejoindre #rejoindre .rejoindre-bloc .textes,
main .page-rejoindre #adherents .adherents-bloc .liste-adherents .adherent .textes {padding: 0px 110px 0px 110px;} main .page-contact #carte .map .position .pin.reims{left: 43.9%; top: 29%;}
main .page-contact #carte .map .position .pin.troyes{left: 47.2%; top: 48.6%;}
main .page-contact #carte .map .position .pin.epernay{    left: 44%; top: 38.5%;}
main .page-contact #carte .map .position .pin.sens{left: 35.2%; top: 58.6%;}
main .page-contact #carte .map .position .pin.nancy{left: 74.2%; top: 41.8%;}
main .page-contact #carte .map .position .pin.amiens{left: 24.2%; top: 26%;}
main .page-contact #carte .map .position .pin.beauvais{    left: 19.4%; top: 24.9%;}
main .page-contact #carte .map .position .pin.compiegne{    left: 30.9%; top: 23%;}
main .page-contact #carte .map .position .pin.la-croix-saint-ouen{left: 28.9%; top: 30%;} main .single-post #content {padding: 130px 16.666% 0 8%;}
main .single-post #autres {padding:130px 8% 100px 8%;}
}
@media screen and (max-width: 1350px) {
.separation {margin:0 4% 0 4%;width:calc(100% - 8%);}
main #entry h1 {margin-left:4%!important;}  header .header-top{padding: 10px 15px ;}
header .header-bottom{ padding: 10px 15px ;} footer .logo {margin-left:4%;}
footer nav {margin-left:4%;width: calc(8.333% * 8);}   main #search .content .search-bar{padding: 0 15px;} main #rejoindre-offre {align-items:flex-start;}
main #rejoindre-offre .textes {margin-left:4%;margin-right:50px;width:calc(26% - 50px);padding:0;}
main #rejoindre-offre .liste-offre {width:66%;margin-right:4%;gap:0px;flex-wrap:wrap;}
main #rejoindre-offre .liste-offre .offre {margin:0 20px 38px 0;width:calc(50% - 10px);}
main #rejoindre-offre .liste-offre .offre:nth-child(2n),
main #rejoindre-offre .liste-offre .offre:nth-child(4n) {margin-right:0;}
main #rejoindre-offre .liste-offre .offre a {width:75%;text-align:center;} main #contact {padding-left:4%;padding-right:4%;}
main #contact .contact-bloc {padding: 45px 80px 45px 80px;}  main .page-home #biens-du-moment .liste-biens,
main .page-home #programmes-neufs .liste-biens {padding: 0 calc(4% - 20px);}
main .page-home #biens-du-moment .title,
main .page-home #programmes-neufs .title {padding-left:4%;padding-right:4%;}
main .page-home #conseils .title {margin-left:4%;}
main .page-home #rejoindre .title {margin-left:4%;}
main .page-home #rejoindre .content {margin-left:4%;width:92%;}
main .page-home #rejoindre .content .text .key {display:none;}
main .page-home #carte,
main .page-contact #carte {margin-left:4%;margin-right:4%;width:calc(92% - 20px);}
main .page-home #biens-du-moment .liste-biens .owl-item.active .owl-nav,
main .page-home #programmes-neufs .liste-biens .owl-item.active .owl-nav {opacity:1;}
main .page-home #biens-du-moment .liste-biens>.owl-nav,
main .page-home #programmes-neufs .liste-biens>.owl-nav {display:none;}
main .page-home #conseils .title {padding-right:4%;width:25%;}
main .page-home #conseils .liste-conseils {width:calc(8.333% * 8);}
main .page-home #conseils .liste-conseils .conseil .content {left:10%;width:80%;} main .page-rejoindre #banniere {padding-left:4%}
main .page-rejoindre #chiffres {padding: 70px 100px;}
main .page-rejoindre #reseau .reseau-bloc .textes,
main .page-rejoindre #rejoindre .rejoindre-bloc .textes,
main .page-rejoindre #adherents .adherents-bloc .liste-adherents .adherent .textes {padding: 0px 50px;}
main .page-rejoindre #reseau {padding-left:4%;padding-right:4%;}
main .page-rejoindre #engagements {padding-left:4%;padding-right:calc(4% - 20px);}
main .page-rejoindre #engagements .engagements-bloc {padding:40px;padding-bottom:70px;}
main .page-rejoindre #metiers {padding-left:4%;height:auto;}
main .page-rejoindre #metiers .textes {width:20%;padding-right:50px;}
main .page-rejoindre #metiers .liste-metiers {width: calc(100% - 20%);}
main .page-rejoindre #metiers .liste-metiers .metier {height:auto;aspect-ratio:1;}
main .page-rejoindre #metiers .liste-metiers .metier .content {padding:40px 20px;}
main .page-rejoindre #metiers .liste-metiers .metier .content p {font-size:25px;}
main .page-rejoindre #adherents {padding-left:4%;padding-right:4%;} main .single-offre{padding-top: 80px;}
main .single-offre #informations-detaillees{padding-left: 4%; padding-right: 4%;} main .page-reseau #vitavi {padding: 140px 8.333% 150px 8.333%;}
main .page-reseau #vitavi .textes {width: calc(8.333% * 8);}
main .page-vendre #estimation {padding:130px 4%;} main .page-gerer #entry .btns {margin-left:4%;}
main .page-gerer #bien,
main .page-gerer #syndic {padding:130px 4%;} main .page-reseau #immobilier,
main .page-reseau #procivis {padding-left:4%;padding-right:4%;} main .page-acheter-neuf #optimisation,
main .page-acheter-neuf #listing {padding-left:4%;padding-right:4%;}
main .page-acheter-neuf #listing {width:100%;} main .page-acheter-louer #entry {padding-left:8.333%;padding-right:8.333%;}
main .page-acheter-louer h1 {margin-left: 4%;}
main .page-acheter-louer #listing {padding-left:4%;padding-right:4%;} main .page-conseils #listing {padding-left:4%;padding-right:4%;} main .single-annonce #entry .galerie {margin: 0 4% 0 4%;} 
main .single-annonce #entry .infos {width:calc(50% - 12%);}
main .single-annonce #description .textes {width:50%;margin:0 4% 50px;}
main .single-annonce #description .liste-icones {margin:0 auto;}
main .single-annonce #description .dpe {width:42%;margin:0 4%;}
main .single-annonce #description .calculatrice {width:42%;margin:0 4%;}
main .single-annonce #visite .image,
main .single-annonce #map .image {margin: 0 4%;width: calc(100% - 8%);}
main .single-annonce #autres h2,
main .single-annonce #autres .liste-biens {padding: 0 4%;} main .single-neuf #entry .galerie {margin: 0 4% 0 4%;} 
main .single-neuf #entry .infos {width:calc(50% - 12%);}
main .single-neuf #description {padding-left:8.333%;padding-right:8.333%;justify-content:space-between;}
main .single-neuf #description .textes {width:calc(33% - 30px);margin:0;} main .single-agence #agence {background-image:none;}
main .single-agence #agence,
main .single-agence #metiers,
main .single-agence #contacts,
main .single-agence #honoraires {padding-left:4%;padding-right:4%;}
main .single-agence #metiers .bloc-metiers {padding:80px;}
main .single-agence #contacts .contact .textes {padding:30px;} main .single-post #content {padding: 130px 8% 0 4%;}
main .single-post #autres {padding:130px 4% 100px 4%;}
main .page-home #carte .map .position .pin.reims{left: 43.9%; top: 29%;}
main .page-home #carte .map .position .pin.troyes{left: 47.2%; top: 48.6%;}
main .page-home #carte .map .position .pin.epernay{    left: 44%; top: 38.5%;}
main .page-home #carte .map .position .pin.nancy{left: 74.2%; top: 41.8%;}
main .page-home #carte .map .position .pin.beauvais{    left: 19.4%; top: 21.9%;}
main .page-home #carte .map .position .pin.compiegne{    left: 30.9%; top: 20%;}
main .page-home #carte .map .position .pin.la-croix-saint-ouen{left: 28.9%; top: 28%;}
main .page-contact #carte .map .position .pin.reims{left: 43.9%; top: 29%;}
main .page-contact #carte .map .position .pin.troyes{left: 47.2%; top: 48.6%;}
main .page-contact #carte .map .position .pin.epernay{    left: 44%; top: 38.5%;}
main .page-contact #carte .map .position .pin.nancy{left: 74.2%; top: 41.8%;}
main .page-contact #carte .map .position .pin.beauvais{    left: 19.4%; top: 21.9%;}
main .page-contact #carte .map .position .pin.compiegne{    left: 30.9%; top: 20%;}
main .page-contact #carte .map .position .pin.la-croix-saint-ouen{left: 28.9%; top: 28%;}
}
@media screen and (max-width: 1200px) {
header .header-bottom .left {width:45%;padding-right: 0px;}
header .header-bottom .menu-principal ul li a {font-size:14px;}
header .header-bottom .right {width:55%;}
header .header-bottom .menu-secondaire ul li a {font-size:14px;}
header .header-bottom .logo{width:150px;}
header .header-bottom .logo svg {width:150px;}
main #search,
main #search .content .background {height:300px!important;}
main #search .content .search-bar {padding:0 15px;}
main .search-bar-template form input,
main .search-bar-template form .vscomp-wrapper .vscomp-value {font-size:16px;} main .page-acheter-louer #listing .bien {width:calc(33% - 25px);} main .page-reseau #procivis .bloc-procivis {padding: 60px 4% 60px 4%;}
main .page-reseau #procivis .textes,
main .page-reseau #procivis .btns {width:100%;justify-content: end;margin-top:20px;} main .page-rejoindre #chiffres .yellow-shape {display:none;} main .single-annonce #entry {flex-wrap:wrap;padding:0 4%;background-image:none;margin-top:40px;}
main .single-annonce #entry .galerie {width:100%;margin:0;margin-bottom:40px;}
main .single-annonce #entry .galerie .liste-galerie .owl-nav {width:95%;transform: translate(-50%,-100%);}
main .single-annonce #entry .infos {width:100%;margin:0;display:flex;flex-wrap:wrap;}
main .single-annonce #entry .infos .textes {width:50%;margin:0 4% 0 0;margin-bottom:40px;}
main .single-annonce #entry .infos .conseiller {width:46%;margin:0;}
main .single-annonce #description {padding:90px 4% 90px;flex-wrap:wrap;} 
main .single-annonce #description .textes {width:100%;margin:0 0 40px 0;}
main .single-annonce #description .liste-icones {width:100%;flex-wrap:nowrap;margin:0 0 40px 0;}
main .single-annonce #description .liste-icones .icone {width:calc(16.666% - 20px);margin-right:24px;}
main .single-annonce #description .liste-icones .icone:nth-child(3n) {margin-right:24px;}
main .single-annonce #description .liste-icones .icone:nth-child(6n) {margin-right:0;}
main .single-annonce #description .dpe {padding:0;margin:0;width:45%;}
main .single-annonce #description .dpe .graphique-dpe {margin-right:0;}
main .single-annonce #description .calculatrice {width:51%;margin:0 0 0 4%;}
main .single-annonce #visite {padding:90px 15px;}
main .single-annonce #map {padding:0px 15px;}
main .single-annonce #visite .image,
main .single-annonce #map .image {margin:0;width:100%;}
main .single-annonce #autres {padding:70px 4%;}
main .single-annonce #autres h2 {margin-bottom:40px;}
main .single-annonce #autres h2,
main .single-annonce #autres .liste-biens {padding:0;flex-wrap:wrap;}
main .single-annonce #autres .liste-biens .bien {width: calc(50% - 20px);margin: 0 10px 50px;}
main .single-annonce #autres .liste-biens .bien .media .owl-nav {width:95%!important;}
}
@media screen and (max-width: 992px) {
.separation {margin:0 15px 0 15px;width:calc(100% - 30px);}
main #entry {height:auto!important;padding:30px 0;}  header .header-bottom .btn-menu-mobile{display: block;}
header .header-bottom .menu-principal{display: none;}
header .header-bottom .menu-secondaire{display: none;}
header .header-mobile.on .menu-mobile{transform: translateX(0%);transition: transform .3s;transition-delay: .3s;}
header .header-mobile .menu-mobile .menu-principal ul {margin-bottom:0px;}
header .header-bottom .right {width:50px;padding-left:15px;}
header .header-bottom .left {width:calc(100% - 50px);justify-content:center;padding-left:50px;}
header .header-top a.contact {margin-right:0;font-size:14px;}
header.active{    position: fixed; z-index: 9999; width: 100%;top: 0;}
header .header-mobile .menu-mobile .menu-secondaire ul li.espace-client{    background: transparent; padding: 0;}
header .header-mobile .menu-mobile .menu-secondaire ul li.espace-client:hover { background-color: transparent; color: var(--white); }
header .header-mobile .menu-mobile .menu-secondaire ul li.espace-client:hover a{color: var(--white);} footer {flex-direction:column;padding:60px 15px;}
footer .logo {width:100%;margin:0 0 20px 0;justify-content:center;}
footer nav {width:100%;margin:0;margin:0 0 20px 0;}
footer nav ul li {width:100%;margin:0 0 10px 0;text-align: center;}
footer .rs {width:100%;justify-content:center;}  main #search {height:auto!important;}
main #search .content .background {height:300px;position:relative;}
main #search .content .search-bar {transform:none;position:relative;top:0;margin-top:30px;padding-left:15px;padding-right:15px;}
main .search-bar-template {background-color:var(--grey);}
main .search-bar-template form .vscomp-wrapper .vscomp-toggle-button,
main .search-bar-template form .surface input,
main .search-bar-template form .budget input {padding:10px 54px 10px 10px;border-radius:5px;}
main .search-bar-template form .vscomp-wrapper .vscomp-arrow::after {right:10px;position:absolute;}
main .search-bar-template form .surface:after,
main .search-bar-template form .budget:after {right:20px;position:absolute;}
main .search-bar-template form .offre{max-width: 100%!important;}
main .search-bar-template form .vscomp-wrapper .pop-comp-wrapper{width: 100%!important;max-width: 100%!important;}
main .search-bar-template {padding:10px 25px;}
main .search-bar-template form {display:flex;flex-wrap:wrap;}
main .search-bar-template form>* {width:50%;max-width:unset;}
main .search-bar-template form>*:first-child {padding-left:10px;}
main .search-bar-template form>*.ville,
main .search-bar-template form>*.offre {width:50%;border-right:0;}
main .search-bar-template form>*.type,
main .search-bar-template form .surface,
main .search-bar-template form .budget {width:33%;border-right:0;}
main .search-bar-template form>*:nth-child(2n) {border-right:0;}
main .search-bar-template form .budget {border-right:0;}
main .search-bar-template form .submit {width:100%;}
main .search-bar-template form .submit input[type="submit"] {width:auto;margin-top:20px;} main #rejoindre-offre {padding: 90px 15px 90px 15px;flex-wrap:wrap;}
main #rejoindre-offre .textes {width:100%;margin:0 0 45px 0;padding:0;}
main #rejoindre-offre .liste-offre {width:100%;margin:0;} main #contact {padding-left:15px;padding-right:15px;}
main #contact .contact-bloc {padding: 45px 80px 45px 80px;}
main #contact .contact-bloc .wpcf7,
main #contact .contact-bloc .wpcf7 form {flex-wrap:wrap;}
main #contact .contact-bloc .wpcf7 form .right,
main #contact .contact-bloc .wpcf7 form .left {width:100%;}
main #contact .contact-bloc .wpcf7 form textarea,
main #contact .contact-bloc .wpcf7 form .left input,
main #contact .contact-bloc .wpcf7 form select {width:100%;}
main #contact .contact-bloc .wpcf7 form .middle>p {flex-wrap:wrap;}
main #contact .contact-bloc .wpcf7 form .middle .links {flex-direction:column;}
main #contact .contact-bloc .wpcf7 form .middle .links .file {width:100%;}
main #contact .contact-bloc .wpcf7 form .middle .wpcf7-list-item {width:100%;}
main #contact .contact-bloc .wpcf7 form .middle .wpcf7-form-control-wrap {width:100%;} main .neuf {width: calc(50% - 30px);}  .vscomp-clear-button {right:50px;}
main .page-home #biens-du-moment .title,
main .page-home #programmes-neufs .title {padding-left:15px;padding-right:15px;}
main .page-home #biens-du-moment .title,
main .page-home #programmes-neufs .title {flex-wrap:wrap;}
main .page-home #biens-du-moment .liste-biens,
main .page-home #programmes-neufs .liste-biens {padding: 0 15px;}
main .page-home #biens-du-moment .title h2,
main .page-home #programmes-neufs .title h2 {width:100%;margin-bottom: 20px;}
main .page-home #biens-du-moment,
main .page-home #programmes-neufs {padding:50px 0;}
main .page-home #conseils {padding:50px 0 0;}
main .page-home #conseils {flex-wrap:wrap;}
main .page-home #conseils .title {margin-left:15px;width:calc(100% - 30px);}
main .page-home #conseils .title h2,
main .page-home #biens-du-moment .title h1, 
main .page-home #programmes-neufs .title h2,
main #rejoindre-offre .textes h2  {margin-bottom:30px;}
main .page-home #conseils .title h2 br,
main #rejoindre-offre .textes h2 br {display:none;}
main .page-home #conseils .title p {text-align:end;}
main .page-home #conseils .liste-conseils {margin-left:15px;width:calc(100% - 30px);}
main .page-home #conseils .liste-conseils .owl-nav {width: 100%; flex-direction: row; justify-content: space-between;transform: translate(0%, -50%);}
main .page-home #rejoindre .title {margin-left:15px;margin-bottom:0;}
main .page-home #rejoindre .content {margin:0 15px;width:calc(100% - 30px);display:flex;flex-wrap:wrap;flex-direction: column-reverse;}
main .page-home #rejoindre .content .media {width:100%;}
main .page-home #rejoindre .content .text {width:100%;border: 0;}
main .page-home #rejoindre .content .text .center {position: relative;width:100%;transform: unset;top:unset;left:unset;}
main .page-home #carte,
main .page-contact #carte {margin:0 15px 70px 15px;width:calc(100% - 30px);}
main .page-home #carte .bloc-vert,
main .page-contact #carte .bloc-vert {display:none;}
main .page-home #carte {flex-direction:column;}
main .page-home #carte .map {width:100%;padding:0 15px;}
main .page-home #carte .content {width:100%;position: relative;padding: 0px 15px;}
main .page-home #carte .content .center {width:100%;transform:none;}
main .page-home #carte .content .center .infos.on {position: relative;}
main .page-home #conseils .liste-conseils .owl-nav {display:none;}
main .page-home #biens-du-moment .liste-biens .owl-nav,
main .page-home #programmes-neufs .liste-biens .owl-nav {width:95%!important;}
main .page-home #carte .map .position .pin.pin.epernay {top: 40.5%;}
main .page-home #carte .map .position .pin.nancy {left: 74.2%;top: 41.8%;}
main .page-home #carte .map .position .pin.beauvais {left: 19.4%;top: 27.9%;}
main .page-home #carte .map .position .pin.compiegne {left: 30.9%;top: 26%;}
main .page-home #carte .map .position .pin.la-croix-saint-ouen {left: 28.9%;top: 31%;}
main .page-home #carte .map .position .pin.troyes {left: 47.2%;top: 48.6%;}
main .page-home #carte .map .position .pin.reims {left: 45.9%;top: 34%;}
main .page-home #carte .content .center h2{margin-top: 30px;}
main .page-contact #carte {flex-direction:column;}
main .page-contact #carte .map {width:100%;padding:0 15px;}
main .page-contact #carte .content {width:100%;position: relative;padding: 0px 15px;}
main .page-contact #carte .content .center {width:100%;transform:none;}
main .page-contact #carte .content .center .infos.on {position: relative;}
main .page-contact #carte .map .position .pin.pin.epernay {top: 40.5%;}
main .page-contact #carte .map .position .pin.nancy {left: 74.2%;top: 41.8%;}
main .page-contact #carte .map .position .pin.beauvais {left: 19.4%;top: 27.9%;}
main .page-contact #carte .map .position .pin.compiegne {left: 30.9%;top: 26%;}
main .page-contact #carte .map .position .pin.la-croix-saint-ouen {left: 28.9%;top: 31%;}
main .page-contact #carte .map .position .pin.troyes {left: 47.2%;top: 48.6%;}
main .page-contact #carte .map .position .pin.reims {left: 45.9%;top: 34%;} main .page-rejoindre #banniere {background-position:30%;height:280px;}
main .page-rejoindre #chiffres {flex-wrap:wrap;padding:40px 15px;}
main .page-rejoindre #chiffres .chiffre {width:calc(50% - 10px);margin:0 20px 40px 0;}
main .page-rejoindre #chiffres .chiffre:nth-child(2n) {margin-right:0;}
main .page-rejoindre #chiffres .chiffre p.nombre {font-size: 50px;margin-bottom:15px;}
main .page-rejoindre #chiffres .yellow-shape {display:none;}
main .page-rejoindre #reseau {padding:0 15px 90px 15px;}
main .page-rejoindre #engagements {padding:0 15px;}
main .page-rejoindre #engagements .engagements-bloc {padding:40px;}
main .page-rejoindre #engagements .engagements-bloc .engagement {width:calc(50% - 10px);margin:0 20px 40px 0;}
main .page-rejoindre #engagements .engagements-bloc .engagement:nth-child(2n+1) {margin-right:0;}
main .page-rejoindre #metiers {padding:90px 15px;flex-wrap:wrap;margin:0;}
main .page-rejoindre #metiers .textes {width:100%;margin:0 0 45px 0;padding:0;}
main .page-rejoindre #metiers .liste-metiers {width:100%;margin:0;}
main .page-rejoindre #metiers .liste-metiers .owl-nav {flex-direction:row;left:50%;top:50%;transform: translate(-50%,-50%);width:95%;justify-content:space-between;}
main .page-rejoindre #adherents {padding:0 15px;}
main .page-rejoindre #rejoindre {padding:90px 15px 90px 15px;}
main .page-rejoindre #adherents .adherents-bloc {height:auto;}
main .page-rejoindre #adherents .adherents-bloc .liste-adherents {border-top:0;border:2px solid #E4E4E4;}
main .page-rejoindre #adherents .adherents-bloc .liste-adherents .adherent {flex-wrap:wrap;align-items:unset;justify-content:center;}
main .page-rejoindre #adherents .adherents-bloc .liste-adherents .adherent .illustration {width:100%;margin:0;height:280px;display: flex;}
main .page-rejoindre #adherents .adherents-bloc .liste-adherents .adherent .textes {width:100%;margin:0;padding:40px;border:0;position: relative;}
main .page-rejoindre #adherents .adherents-bloc .liste-adherents .owl-nav {flex-direction:row;width:95%;justify-content:space-between;top:280px;margin:0;} main .single-offre{padding-top: 50px;}
main .single-offre #informations-detaillees .title h1{font-size: 30px;}
main .single-offre #informations-detaillees{padding: 0 15px 50px;}
main .single-offre #informations-detaillees .detail-offre{width: 100%;}
main .single-offre #informations-detaillees .profil{width: 100%;padding-left: 0;}
main .single-offre #contact{padding-bottom: 50px;} main .page-vendre #entry h1 {margin-left:15px;height:auto;}
main .page-vendre #estimation {padding:40px 15px;flex-wrap:wrap;justify-content:center;}
main .page-vendre #estimation .textes {width:100%;padding:0;}
main .page-vendre #estimation .image {width:50%;} main .page-gerer #entry h1 {margin-left:15px;height:auto;}
main .page-gerer #entry .btns {margin-left:15px;height:auto;}
main .page-gerer #bien {padding:40px 15px;flex-wrap:wrap;justify-content:center;}
main .page-gerer #syndic {padding:40px 15px;flex-wrap:wrap;align-items:center;flex-direction: column-reverse;}
main .page-gerer #bien .textes,
main .page-gerer #syndic .textes {width:100%;padding:0;}
main .page-gerer #bien .image,
main .page-gerer #syndic .image {width:50%;} main .page-reseau #entry {height:200px;}
main .page-reseau #entry img {height:80px;}
main .page-reseau #immobilier,
main .page-reseau #procivis {padding-left:15px;padding-right:15px;}
main .page-reseau #immobilier {flex-wrap:wrap;justify-content:center;background-image:none!important;}
main .page-reseau #immobilier .textes {width:100%;padding:0;}
main .page-reseau #immobilier .image {width:50%;padding:0;margin-top:40px;}
main .page-reseau #procivis .bloc-procivis {flex-direction:column;align-items:center;}
main .page-reseau #procivis .bloc-procivis .textes {width:100%;}
main .page-reseau #procivis .bloc-procivis .btns {margin-top:30px;}
main .page-reseau #procivis .bloc-procivis .btns a {margin:0;}
main .page-reseau #immobilier {padding:40px 15px 80px 15px;margin:0;}
main .page-reseau #vitavi {flex-direction:column;justify-content:flex-start;align-items:center;padding:40px;}
main .page-reseau #vitavi .textes {width:auto;}
main .page-reseau #vitavi .image {margin-top:30px;width:auto;} main .page-acheter-louer #search {margin-bottom:70px;}
main .page-acheter-neuf #optimisation {flex-wrap:wrap;justify-content:center;padding:70px 15px 60px 15px;}
main .page-acheter-neuf #optimisation .textes {width:100%;padding:0;}
main .page-acheter-neuf #optimisation .image {width:50%;padding:0;margin-top:40px;}
main .page-acheter-neuf #listing {padding:0 15px;} main .page-acheter-louer .search-bar-template form>*.ville {width:70%;border-right:0;}
main .page-acheter-louer .search-bar-template form>*.type {width:30%;border-right:0;}
main .page-acheter-louer .search-bar-template form .surface,
main .page-acheter-louer .search-bar-template form .budget {width:50%;border-right:0;}
main .page-acheter-louer h1 {margin-left: 15px;}
main .page-acheter-louer #listing {padding-left:15px;padding-right:15px;margin-bottom:70px;}
main .page-acheter-louer #listing .bien {width:calc(50% - 25px);} main .page-conseils #entry h1 {margin:20px 4%;}
main .page-conseils #listing {padding-left:15px;padding-right:15px;}
main .page-conseils #listing .post {width: calc(50% - 30px);} main .single-annonce #entry {flex-wrap:wrap;padding:0 15px;background-image:none;margin-top:40px;}
main .single-annonce #entry .infos {width:100%;margin:0;display:flex;flex-wrap:wrap;flex-direction:row-reverse;}
main .single-annonce #entry .infos .textes {width:100%;margin:0;margin-bottom:40px;}
main .single-annonce #entry .infos .conseiller {width:100%;margin:0;}
main .single-annonce #description {padding:70px 15px 70px;flex-wrap:wrap;} 
main .single-annonce #description .dpe {width:100%;margin:0 0 40px 0;flex-direction:row;}
main .single-annonce #description .dpe .graphique-dpe {width:50%;text-align:center;}
main .single-annonce #description .dpe p {width: 100%;}
main .single-annonce #description .calculatrice {width:100%;margin:0;}
main .single-annonce #autres {padding:70px 15px;}
main .single-annonce #autres .liste-biens .bien {width:100%;margin: 0 0 50px 0;} main .single-neuf #entry {flex-wrap:wrap;padding:0 15px;background-image:none;margin-top:40px;}
main .single-neuf #entry .galerie {width:100%;margin:0;margin-bottom:40px;}
main .single-neuf #entry .galerie .liste-galerie .owl-nav {width:95%;transform: translate(-50%,-100%);}
main .single-neuf #entry .infos {width:100%;margin:0;display:flex;flex-wrap:wrap;flex-direction:row-reverse;}
main .single-neuf #entry .infos .textes {width:100%;margin:0;margin-bottom:40px;}
main .single-neuf #entry .infos .textes h1 {margin-left:0!important;}
main .single-neuf #entry .infos .conseiller {width:100%;margin:0;}
main .single-neuf #description {padding:90px 15px 90px;flex-wrap:wrap;} 
main .single-neuf #description .textes {width:100%;margin:0;margin-bottom:40px;} main .single-agence #agence,
main .single-agence #contacts,
main .single-agence #honoraires {padding-left:15px;padding-right:15px;flex-wrap:wrap;justify-content:center;}
main .single-agence #agence {padding-bottom:70px;margin-top:70px;}
main .single-agence #agence .textes {width:100%;}
main .single-agence #agence .image {width:50%;margin:40px 0 0 0;}
main .single-agence #metiers {padding-left:15px;padding-right:15px;transform: unset;padding-bottom:70px;}
main .single-agence #metiers .bloc-metiers .metier {width:50%;}
main .single-agence #honoraires .honoraires .honoraire {width:calc(50% - 15px);margin:0 30px 30px 0;}
main .single-agence #honoraires .honoraires .honoraire:nth-child(2n) {margin-right:0;}
main .single-agence #contacts .contact {width:100%;margin:0 0 30px 0!important;} main .single-post #entry h1 {margin:20px 4%;}
main .single-post #content {padding: 70px 15px 0 15px;}
main .single-post #autres {padding:70px 15px 50px 15px;}
main .single-post #autres .listing .post {width:100%;margin:0 0 60px 0;} main .page-mentions .mentions {padding:90px 15px 90px;}
}
@media screen and (max-width: 768px) {
.yellow-bar,
.red-bar {display:none!important;}  main #rejoindre-offre .liste-offre .offre {width:100%;margin:0 0 48px 0;} main #contact .contact-bloc {padding: 45px 30px 45px 30px;} main .neuf {width:100%;}
main .bien .content .nb-photo {display:none;}
main .search-bar-template form>*.ville,
main .search-bar-template form>*.offre, 
main .search-bar-template form>*.type {width:100%!important;border-right:0;padding:10px!important;}
main .search-bar-template form .surface,
main .search-bar-template form .budget {width:50%!important;border-right:0;padding:10px!important;}
main .page-home #biens-du-moment .liste-biens {padding:0;}
main .page-home #biens-du-moment .liste-biens .bien .container-bien,
main .page-home #programmes-neufs .liste-biens .neuf .container-neuf {margin:auto;}  main .page-home #carte .map .position .pin {width: 25px;height: 35px;}
main .page-home #carte .map .position .pin.pin.epernay {top: 40.5%;}
main .page-home #carte .map .position .pin.nancy {left: 74.2%;top: 41.8%;}
main .page-home #carte .map .position .pin.beauvais {left: 19.4%;top: 27.9%;}
main .page-home #carte .map .position .pin.compiegne {left: 30.9%;top: 26%;}
main .page-home #carte .map .position .pin.la-croix-saint-ouen {left: 28.9%;top: 31%;}
main .page-home #carte .map .position .pin.troyes {left: 47.2%;top: 48.6%;}
main .page-home #carte .map .position .pin.reims {left: 45.9%;top: 34%;}
main .page-contact #carte .map .position .pin {width: 25px;height: 35px;}
main .page-contact #carte .map .position .pin.pin.epernay {top: 40.5%;}
main .page-contact #carte .map .position .pin.nancy {left: 74.2%;top: 41.8%;}
main .page-contact #carte .map .position .pin.beauvais {left: 19.4%;top: 27.9%;}
main .page-contact #carte .map .position .pin.compiegne {left: 30.9%;top: 26%;}
main .page-contact #carte .map .position .pin.la-croix-saint-ouen {left: 28.9%;top: 31%;}
main .page-contact #carte .map .position .pin.troyes {left: 47.2%;top: 48.6%;}
main .page-contact #carte .map .position .pin.reims {left: 45.9%;top: 34%;} main .page-rejoindre #banniere {background-position:15%;}
main .page-rejoindre #reseau .reseau-bloc,
main .page-rejoindre #rejoindre .rejoindre-bloc {flex-wrap:wrap;height:auto;border-right:2px solid var(--grey);border-bottom:0;justify-content: center;align-items: unset;}
main .page-rejoindre #reseau .reseau-bloc .textes,
main .page-rejoindre #rejoindre .rejoindre-bloc .textes {width:100%;padding:40px;}
main .page-rejoindre #reseau .reseau-bloc .illustration,
main .page-rejoindre #rejoindre .rejoindre-bloc .illustration {width:calc(100% + 4px);height: 280px;display:flex;}
main .page-rejoindre #engagements .engagements-bloc .engagement {width:100%;}
main .single-annonce #description .liste-icones {flex-wrap:wrap;}
main .single-annonce #description .liste-icones .icone {width:calc(25% - 15px);margin-right:20px;}
main .single-annonce #description .liste-icones .icone:nth-child(3n) {margin-right:20px;}
main .single-annonce #description .liste-icones .icone:nth-child(4n) {margin-right:0px;}
main .single-annonce #description .dpe {flex-direction:column;}
main .single-annonce #description .dpe .graphique-dpe {width:100%;overflow:scroll;}
main .single-annonce #description .dpe img {width:100%;max-width: 100%;} main .page-vendre #estimation .image {width:100%;} main .page-gerer #bien .image,
main .page-gerer #syndic .image {width:100%;} main .page-reseau #immobilier {margin-top:80px;padding-bottom:80px;}
main .page-reseau #immobilier .image {width:100%;text-align:center;}
main .page-reseau #procivis {transform: unset;}
main .page-reseau #procivis .bloc-procivis {padding:40px;}
main .page-reseau #procivis .bloc-procivis .textes {width:100%;}
main .page-reseau #procivis .bloc-procivis .btns {margin-top:30px;}
main .page-reseau #procivis .bloc-procivis .btns a {margin:0;}
main .page-reseau #vitavi {flex-direction:column;justify-content:flex-start;align-items:center;padding:40px;}
main .page-reseau #vitavi .image {margin-top:30px;} main .page-acheter-neuf #optimisation .image {width:100%;}
main .page-acheter-neuf #listing .biens .neuf {margin:0 0 60px 0!important;} main .page-acheter-louer #listing .bien {width:100%;} main .single-annonce #visite .image,
main .single-annonce #map .image {height:270px;} main .page-conseils #listing .post {width:100%;margin:0 0 60px 0;} main .single-agence #agence .image {width:100%;display: flex; justify-content: center;}
main .single-agence #honoraires .honoraires .honoraire {width:100%;margin:0 0px 40px 0;}
}
@media screen and (max-width: 500px) {
main .search-bar-template form>*.ville,
main .search-bar-template form>*.offre, 
main .search-bar-template form>*.type,
main .search-bar-template form .surface,
main .search-bar-template form .budget {width:100%!important;border-right:0;padding:10px!important;} main .page-home #carte .map .position .pin,
main .page-contact #carte .map .position .pin {width: 25px;height: 35px;} main .page-rejoindre #chiffres .chiffre {width:100%;margin:0 0 40px 0;} main .single-annonce #entry .galerie {margin-bottom:60px;}
main .single-annonce #entry .galerie .liste-etiquettes {top:unset;left:0;bottom:0;transform: translate(0,100%);padding-top: 15px;}
main .single-annonce #entry .galerie .liste-etiquettes .etiquette {font-size: 12px;}
main .single-annonce #entry .galerie .liste-etiquettes .etiquette.exclu {border:2px solid var(--grey);}
main .single-annonce #entry .galerie .liste-galerie .owl-nav {margin-top:0;}
main .single-annonce #entry .infos .textes {margin-bottom:20px;}
main .single-annonce #entry .infos .rs {flex-direction:row;position: relative;margin-bottom:40px;right:0;}
main .single-annonce #entry .infos .rs a {margin:0 10px 0 0;}
main .single-annonce #entry .infos .rs a:last-child {margin-right:0;}
main .single-annonce #entry .infos .conseiller .textes {    width: calc(100% - 90px);}
main .single-annonce #entry .infos .conseiller .photo {width:90px;height:90px;}
main .single-annonce #description .liste-icones {flex-wrap:wrap;}
main .single-annonce #description .liste-icones .icone {width:calc(50% - 10px);margin-right:20px;}
main .single-annonce #description .liste-icones .icone:nth-child(3n) {margin-right:20px;}
main .single-annonce #description .liste-icones .icone:nth-child(2n),
main .single-annonce #description .liste-icones .icone:nth-child(4n),
main .single-annonce #description .liste-icones .icone:nth-child(6n) {margin-right:0px;}
main .single-agence #metiers .bloc-metiers .metier {width:100%;}
}