.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #4169e1;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active {
color: #191970;
} a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}   .main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
} .updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//www.vitavi-immo.fr/wp-content/themes/vitaviimmo/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}@keyframes vscomp-animation-spin{to{transform:rotateZ(360deg)}}.vscomp-popup-active{overflow:hidden !important}.vscomp-ele{display:inline-block;max-width:250px;width:100%}.vscomp-wrapper{color:#333;display:inline-flex;flex-wrap:wrap;font-family:sans-serif;font-size:14px;position:relative;text-align:left;width:100%}.vscomp-wrapper *,.vscomp-wrapper *::before,.vscomp-wrapper *::after{box-sizing:border-box}.vscomp-wrapper:focus{outline:none}.vscomp-dropbox-wrapper{left:0;position:absolute;top:0}.vscomp-toggle-button{align-items:center;background-color:#fff;border:1px solid #ddd;cursor:pointer;display:flex;padding:7px 30px 7px 10px;position:relative;width:100%}.vscomp-value{height:20px;line-height:20px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vscomp-arrow{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0;width:30px}.vscomp-arrow::after{transform:rotate(45deg);border:1px solid rgba(0,0,0,0);border-bottom-color:#111;border-right-color:#111;content:"";height:8px;margin-top:-6px;width:8px}.vscomp-clear-icon{height:12px;position:relative;width:12px}.vscomp-clear-icon::before,.vscomp-clear-icon::after{background-color:#999;content:"";height:12px;left:5px;position:absolute;top:0;width:2px}.vscomp-clear-icon::before{transform:rotate(45deg)}.vscomp-clear-icon::after{transform:rotate(-45deg)}.vscomp-clear-icon:hover::before,.vscomp-clear-icon:hover::after{background:#333}.vscomp-clear-button{align-items:center;border-radius:50%;display:none;height:24px;justify-content:center;margin-top:-12px;position:absolute;right:30px;top:50%;width:24px}.vscomp-clear-button:hover{background:#ccc}.vscomp-clear-button:hover .vscomp-clear-icon::before,.vscomp-clear-button:hover .vscomp-clear-icon::after{background-color:#333}.vscomp-dropbox-close-button{align-items:center;background-color:#fff;border-radius:50%;bottom:-48px;cursor:pointer;display:none;height:40px;justify-content:center;left:50%;margin-left:-20px;position:absolute;width:40px}.vscomp-value-tag.more-value-count{white-space:nowrap}.vscomp-dropbox-container{width:100%;z-index:2}.vscomp-dropbox{background-color:#fff;width:100%}.vscomp-options-container{max-height:210px;overflow:auto;position:relative}.vscomp-options-bottom-freezer{bottom:0;height:2px;left:0;position:absolute;right:0}.vscomp-option{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;height:40px;padding:0 15px;position:relative}.vscomp-option.selected{background-color:#eee}.vscomp-option.focused{background-color:#ccc}.vscomp-option.disabled{cursor:default;opacity:.5}.vscomp-option.group-title .vscomp-option-text{cursor:default;opacity:.6}.vscomp-option.group-title.selected{background-color:rgba(0,0,0,0)}.vscomp-option.group-option{padding-left:30px}.vscomp-new-option-icon{height:30px;position:absolute;right:0;top:0;width:30px}.vscomp-new-option-icon::before{border:15px solid #512da8;border-bottom-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0);content:"";position:absolute;right:0;top:0}.vscomp-new-option-icon::after{align-items:center;color:#fff;content:"+";display:flex;font-size:18px;height:15px;justify-content:center;position:absolute;right:1px;top:0;width:15px}.vscomp-option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.vscomp-option-description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;font-size:13px;line-height:15px;width:100%}.vscomp-search-container{align-items:center;border-bottom:1px solid #ddd;display:flex;height:40px;padding:0 5px 0 15px;position:relative}.vscomp-search-input{background-color:rgba(0,0,0,0);border:0;color:inherit;font-size:15px;height:38px;padding:10px 0;width:calc(100% - 30px)}.vscomp-search-input:focus{outline:none}.vscomp-search-clear{align-items:center;color:#999;cursor:pointer;display:flex;font-size:25px;height:30px;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;visibility:hidden;width:30px}.vscomp-search-clear:hover{color:inherit}.vscomp-no-options,.vscomp-no-search-results{align-items:center;display:none;justify-content:center;padding:20px 10px}.vscomp-options-loader{display:none;padding:20px 0;text-align:center}.vscomp-options-loader::before{animation:vscomp-animation-spin .8s infinite linear;background-color:#fff;border-radius:50%;box-shadow:-4px -5px 3px -3px rgba(0,0,0,.3);content:"";display:inline-block;height:40px;opacity:.7;width:40px}.vscomp-ele[disabled]{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vscomp-ele[disabled] .vscomp-wrapper{opacity:.7;pointer-events:none}.vscomp-wrapper .checkbox-icon{display:inline-flex;height:15px;margin-right:10px;position:relative;width:15px}.vscomp-wrapper .checkbox-icon::after{transition-duration:.2s;border:2px solid #888;content:"";display:inline-block;height:100%;width:100%}.vscomp-wrapper .checkbox-icon.checked::after{transform:rotate(45deg) translate(1px, -4px);border-color:#512da8;border-left-color:rgba(0,0,0,0);border-top-color:rgba(0,0,0,0);width:50%}.vscomp-wrapper.show-as-popup .vscomp-dropbox-container{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100vh;justify-content:center;left:0;opacity:1;overflow:auto;padding:0 10px;position:fixed;top:0;width:100vw}.vscomp-wrapper.show-as-popup .vscomp-dropbox{margin-top:-24px;max-height:calc(80% - 48px);max-width:500px;position:relative;width:80%}.vscomp-wrapper.show-as-popup .vscomp-dropbox-close-button{display:flex}.vscomp-wrapper.popup-position-left .vscomp-dropbox-container{justify-content:flex-start}.vscomp-wrapper.popup-position-right .vscomp-dropbox-container{justify-content:flex-end}.vscomp-wrapper.has-select-all .vscomp-toggle-all-button{align-items:center;cursor:pointer;display:flex}.vscomp-wrapper.has-select-all .vscomp-search-input,.vscomp-wrapper.has-select-all .vscomp-toggle-all-label{width:calc(100% - 55px)}.vscomp-wrapper.has-select-all .vscomp-toggle-all-label{display:none}.vscomp-wrapper:not(.has-search-input) .vscomp-toggle-all-button{width:100%}.vscomp-wrapper:not(.has-search-input) .vscomp-toggle-all-label{display:inline-block}.vscomp-wrapper.multiple .vscomp-option .vscomp-option-text{width:calc(100% - 25px)}.vscomp-wrapper.multiple .vscomp-option .vscomp-option-description{padding-left:25px}.vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon::after{transform:rotate(45deg) translate(1px, -4px);border-color:#512da8;border-left-color:rgba(0,0,0,0);border-top-color:rgba(0,0,0,0);width:50%}.vscomp-wrapper.focused .vscomp-toggle-button,.vscomp-wrapper:focus .vscomp-toggle-button{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}.vscomp-wrapper.closed .vscomp-dropbox-container,.vscomp-wrapper.closed.vscomp-dropbox-wrapper{display:none}.vscomp-wrapper:not(.has-value) .vscomp-value{opacity:.5}.vscomp-wrapper.has-clear-button.has-value .vscomp-clear-button{display:flex}.vscomp-wrapper.has-clear-button .vscomp-toggle-button{padding-right:54px}.vscomp-wrapper.has-no-options .vscomp-options-container,.vscomp-wrapper.has-no-search-results .vscomp-options-container{display:none}.vscomp-wrapper.has-no-options .vscomp-no-options{display:flex}.vscomp-wrapper.has-no-search-results .vscomp-no-search-results{display:flex}.vscomp-wrapper.has-search-value .vscomp-search-clear{visibility:visible}.vscomp-wrapper.has-no-options .vscomp-toggle-all-button{opacity:.5;pointer-events:none}.vscomp-wrapper.keep-always-open .vscomp-toggle-button{padding-right:24px}.vscomp-wrapper.keep-always-open .vscomp-clear-button{right:5px}.vscomp-wrapper.keep-always-open .vscomp-arrow{display:none}.vscomp-wrapper.keep-always-open .vscomp-dropbox-container{position:relative;z-index:1}.vscomp-wrapper.keep-always-open .vscomp-dropbox{transition-duration:0s;border:1px solid #ddd;box-shadow:none}.vscomp-wrapper.keep-always-open.focused,.vscomp-wrapper.keep-always-open:focus,.vscomp-wrapper.keep-always-open:hover{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}.vscomp-wrapper.server-searching .vscomp-options-list{display:none}.vscomp-wrapper.server-searching .vscomp-options-loader{display:block}.vscomp-wrapper.has-error .vscomp-toggle-button{border-color:#b00020}.vscomp-wrapper.show-value-as-tags .vscomp-toggle-button{padding:4px 22px 0 10px}.vscomp-wrapper.show-value-as-tags .vscomp-value{display:flex;flex-wrap:wrap;height:auto;min-height:28px;overflow:auto;text-overflow:unset;white-space:normal}.vscomp-wrapper.show-value-as-tags .vscomp-value-tag{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center;border:1px solid #ddd;border-radius:20px;display:inline-flex;font-size:12px;line-height:16px;margin:0 4px 4px 0;max-width:100%;padding:2px 3px 2px 8px}.vscomp-wrapper.show-value-as-tags .vscomp-value-tag.more-value-count{padding-right:8px}.vscomp-wrapper.show-value-as-tags .vscomp-value-tag-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 20px)}.vscomp-wrapper.show-value-as-tags .vscomp-value-tag-clear-button{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.vscomp-wrapper.show-value-as-tags .vscomp-value-tag-clear-button .vscomp-clear-icon{transform:scale(0.8)}.vscomp-wrapper.show-value-as-tags .vscomp-arrow{height:34px}.vscomp-wrapper.show-value-as-tags .vscomp-clear-button{margin-top:0;top:5px}.vscomp-wrapper.show-value-as-tags.has-value .vscomp-arrow{display:none}.vscomp-wrapper.show-value-as-tags.has-value .vscomp-clear-button{right:2px}.vscomp-wrapper.show-value-as-tags:not(.has-value) .vscomp-toggle-button{padding-bottom:2px}.vscomp-wrapper.show-value-as-tags:not(.has-value) .vscomp-value{align-items:center;padding-bottom:3px}.vscomp-wrapper.text-direction-rtl{direction:rtl}.vscomp-wrapper.text-direction-rtl .vscomp-toggle-button{padding:7px 10px 7px 30px}.vscomp-wrapper.text-direction-rtl .vscomp-arrow{left:0;right:auto}.vscomp-wrapper.text-direction-rtl .vscomp-clear-button{left:30px;right:auto !important}.vscomp-wrapper.text-direction-rtl .checkbox-icon{margin-left:10px;margin-right:0}.vscomp-wrapper.text-direction-rtl .checkbox-icon.checked::after{transform:rotate(45deg) translate(-4px, 1px)}.vscomp-wrapper.text-direction-rtl .vscomp-search-container{padding:0 15px 0 5px}.vscomp-wrapper.text-direction-rtl .vscomp-toggle-all-label{text-align:right}.vscomp-wrapper.text-direction-rtl .vscomp-option{text-align:right}.vscomp-wrapper.text-direction-rtl .vscomp-option.group-option{padding-right:30px}.vscomp-wrapper.text-direction-rtl .vscomp-new-option-icon{left:0;right:auto}.vscomp-wrapper.text-direction-rtl .vscomp-new-option-icon::before{border-left-color:#512da8;border-right-color:rgba(0,0,0,0)}.vscomp-wrapper.text-direction-rtl .vscomp-new-option-icon::after{left:1px;right:auto}.vscomp-wrapper.text-direction-rtl.multiple .vscomp-option.selected .checkbox-icon::after{transform:rotate(45deg) translate(-4px, 1px)}.vscomp-wrapper.text-direction-rtl.has-clear-button .vscomp-toggle-button{padding-left:54px}.vscomp-wrapper.text-direction-rtl.keep-always-open .vscomp-toggle-button{padding-left:24px}.vscomp-wrapper.text-direction-rtl.keep-always-open .vscomp-clear-button{left:5px}.vscomp-wrapper.text-direction-rtl.show-value-as-tags .vscomp-toggle-button{padding:4px 10px 0 22px}.vscomp-wrapper.text-direction-rtl.show-value-as-tags .vscomp-value-tag{margin:0 0 4px 4px;padding:2px 8px 2px 3px}.vscomp-wrapper.text-direction-rtl.show-value-as-tags .vscomp-value-tag.more-value-count{padding-left:8px}.vscomp-wrapper.text-direction-rtl.show-value-as-tags.has-value .vscomp-clear-button{left:2px} .pop-comp-wrapper{display:none;position:absolute;top:0;left:0;opacity:0;color:#000;background-color:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);text-align:left;flex-wrap:wrap;z-index:1}.pop-comp-arrow{position:absolute;z-index:1;width:16px;height:16px;overflow:hidden;pointer-events:none}.pop-comp-arrow::before{content:"";position:absolute;top:8px;left:8px;width:16px;height:16px;background-color:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.pop-comp-content{position:relative;z-index:2}.pop-comp-wrapper.position-bottom>.pop-comp-arrow{margin-left:-8px;left:0;top:-15px}.pop-comp-wrapper.position-bottom>.pop-comp-arrow::before{box-shadow:0px 0px 2px 0 rgba(0,0,0,.14)}.pop-comp-wrapper.position-top>.pop-comp-arrow{margin-left:-8px;left:0;bottom:-15px}.pop-comp-wrapper.position-right>.pop-comp-arrow{margin-top:-8px;top:0;left:-15px}.pop-comp-wrapper.position-left>.pop-comp-arrow{margin-top:-8px;top:0;right:-15px}.pop-comp-disable-events{pointer-events:none}@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%;}
}