*::-moz-selection {
    background: #e5ccc8;
    color: #fff;
}
*::selection {
    background: #e5ccc8;
    color: #fff;
}
html {
    font-size: 12px;
}
body {
    font-family: 'Lato', sans-serif;
    line-height: 2rem;
    color: #535353;
}
h1, h2, h3, h4, h5, h6 {
    color: #083368;
}
img {
    max-width: 100%;
}
p {
    margin-bottom: 0;
}
a {
    color: #535353;
}
a:hover {
    color: #535353;
}
strong {
    color: #C58E85;
    font-weight: 400;
}
strong a {
    color: #C58E85;
    text-decoration: underline;
}
td {
    border: 1px solid #535353;
    padding: .5rem;
}
button {
    padding: 0;
    border: none;
    background: none;
}
button:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: #707070;
    box-shadow: none;
    outline: 0 none;
}
.screen-reader-text {
    display: none;
}
.m1 {
    margin: 1rem 0;
}
#main {
    position: relative;
}
.over {
    z-index: 2;
    position: relative;
}
.title {
    padding-left: 0;
    padding-right: 0;
}
.title h1 {
    margin-bottom: 4.1rem;
    font-size: 5.8rem;
    font-weight: 600;
    line-height: 5rem;
}
.title h1 span {
    display: block;
    margin-bottom: 10px;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #535353;
}
.title h2 {
    margin-bottom: 4.1rem;
    font-size: 5.8rem;
    font-weight: 600;
    line-height: 5rem;
}
.title h2 span {
    display: block;
    margin-bottom: 10px;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #535353;
}
.separation {
    margin-top: 5.1rem;
    margin-bottom: 5.1rem;
}
.separation > div > div {
    border-top: 1px solid #535353;
}
/* --- PROPERTY SLIDER --- */
.slider-control {
    z-index: 12;
    padding: 0;
    text-align: center;
}
.slider-control:before {
    content: ' ';
    display: block;
    padding-bottom: 150%;
}
.slider-control button {
    border: none;
    background: none;
    stroke: #707070;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.slider-control button#nav-previous {
    -webkit-transform: translate(0%, -100%);
    transform: translate(0%, -100%);
}
.slider-control button:hover {
    stroke: #FF7474;
}
#slider-outer {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    z-index: 10;
    overflow: hidden;
}
#slider-inner.sliding {
    overflow: hidden;
}
#slider-inner.sliding .slide:nth-child(n+4) {
    display: block;
}
#slider-inner .slide {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    width: 30%;
}
#slider-inner .slide:nth-child(1),
#slider-inner .slide:nth-child(2) {
    margin-right: 5%;
}
#slider-inner.sliding .slide:nth-child(3) {
    margin-right: 5%;
}
#slider-inner .slide:nth-child(n+4) {
    display: none;
}
a.property-preview {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #083368;
    background-image: url(../img/bintz-bg-preview.png);
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 1.6rem;
    font-weight: 700;
    color: #FF7474;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
a.property-preview:hover {
    color: #FF7474;
}
.slide:hover .property-preview {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.property-preview:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.property-preview div {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}
.property-preview span {
    text-transform: uppercase;
}
.property-image {
    position: relative;
    display: block;
    width: 100%;
}
.property-image:after {
    content: "";
    display: block;
    margin-bottom: 1rem;
    padding-bottom: 100%;
}
.property-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.property-visite-virtuelle {
    position: absolute;
    top: 2rem;
    right: 2rem;
}
.property-title {
    margin-bottom: .5rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
}
.property-title a {
    color: #224878;
}
.property-title a:hover {
    color: #224878;
    text-decoration: none;
}
.property-description {
    margin-bottom: .5rem;
    line-height: 1.25rem;
}
.property-price {
    margin-bottom: 0;
    font-size: 2rem;
    line-height: 2.4rem;
    color: #C58E85;
}
/* --- HEADER --- */
header.container-fluid {
    position: absolute;
    top: 0;
    left: 0;
    padding: 1rem 3rem;
    color: #92a5bc;
}
header #seo-sentence {
    margin-bottom: 1rem;
}
header #navigation-hamb-cl {
    padding: 0;
    border: none;
    background: none;
}
header #navigation-hamb-cl line {
    stroke: #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
header #navigation-hamb-cl:hover line {
    stroke: #FF7474;
}
header #logo {
    text-align: center;
}
header #logo img {
    max-width: 113px;
    height: auto;
}
.acces-rapide {
    text-align: right;
}
.acces-rapide a:first-of-type {
    margin: 0 4rem;
}
header #search {
    padding: 0;
    border: none;
    background: none;
}
header #searchform {
    display: inline-block;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
header #searchform.hidden {
    width: 0px;
    margin-left: 0rem;
}header #searchform.hidden input {
    display: none;
}
header #searchform.visible {
    width: 130px;
    margin-left: 1rem;
}
header #searchform input {
    width: 100%;
    border: none;
    border-bottom: 2px solid #fff;
    background-color: transparent;
    color: #fff;
}
.acces-rapide button path {
    stroke: #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.acces-rapide button:hover path {
    stroke: #FF7474;
}
.acces-rapide a path {
    fill: #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.acces-rapide a:hover path {
    fill: #FF7474;
}
/* --- FOOTER --- */
#seo > .row > div {
    padding: 0;
}
#seo h2 {
    margin-top: 2rem;
    font-size: 3.33rem;
    line-height: 3.33rem;
    color: #083368;
}
#seo h2:first-child {
    margin-top :0;
}
#back-to-top {
    margin-top: 5.1rem;
    text-align: center;
}
#back-to-top button {
    border: none;
    background: none;
    stroke: #535353;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#back-to-top button:hover {
    stroke: #FF7474;
}
footer {
    background-color: #C58E85;
    background-image: url(../img/bintz-bg-footer.png);
    background-repeat: no-repeat;
    background-position-y: 32px;
    background-position-x: calc(50% - 385px);
    font-weight: 700;
    color: #e6cdc9;
}
footer strong {
    color: #e6cdc9; 
}
footer.container-fluid {
    padding-top: 7.1rem;
    padding-bottom: 7.1rem;
}
footer .widget {
    margin-top: calc(39px + 1rem);
}
footer .widget:first-child {
    margin-top: 0;
}
footer .widget-1 .textwidget {
    font-weight: 400;
}
footer .widget-1 .textwidget h4 {
    font-size: 1rem;
    font-weight: 700;
    color: #e6cdc9;
}
footer .widget-1 .textwidget strong {
    background-color: transparent;
    font-weight: 700;
}
footer .widget-2 .textwidget {
    float: right;
    max-width: 150px;
}
footer .widget-3 .textwidget {
    margin: auto;
    max-width: 150px;
}
footer p {
    width: 100%;
    max-width: unset;
    margin-bottom: 0;
}
footer .widget:first-child p:first-child {
    margin-bottom: 1rem;
}
footer a {
    color: #e6cdc9;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
footer a:hover {
    color: #fff;
    text-decoration: none;
}
footer .info-contact ul {
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}
footer p.social {
    margin-top: 1rem;
}
footer p.social a {
    margin-right: 1rem;
}
footer p.social a svg {
    max-width: 21px;
}
footer p.social a svg path {
    fill: #e6cdc9;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
footer p.social a:hover svg path {
    fill: #fff;
}
footer .copyright {
    margin-top: 2rem;
    font-size: 0.8rem;
    font-weight: 400;
}
footer .copyright strong {
    background-color: transparent;
    font-weight: 700;
}
footer .logo-fnaim img {
    max-width: 45px;
}
/* --- NAVIGATION --- */
#primary-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    width: 33.3333%;
    min-height: 100vh;
    padding: 4rem 3rem;
    background-color: #051D41;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
#primary-nav.close {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-transform: translate(-100%, 0%);
    transform: translate(-100%, 0%);
}
#primary-nav.open {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}
#primary-nav .controls, 
#primary-nav .navigation,
#primary-nav .socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
        -ms-flex: 1 0px;
            flex: 1 0px;
}
#primary-nav .controls,
#primary-nav .socials {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
}
#primary-nav .navigation {
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
}
#primary-nav .controls > div {
    -ms-flex-item-align: start;
        align-self: flex-start;
}
#primary-nav .socials > div {
    -ms-flex-item-align: end;
        align-self: flex-end;
    min-width: 150px;
}
#primary-nav #navigation-hamb-op {
    margin-bottom: 1.5rem;
    padding: 0;
    border: none;
    background: none;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
#primary-nav #navigation-hamb-op line {
    stroke: #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#primary-nav #navigation-hamb-op:hover line {
    stroke: #FF7474;
}
#primary-nav #navigation-close {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#primary-nav #navigation-close:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
#primary-nav ul.menu {
    padding: 0;
    list-style: none;
    font-size: 1.25rem;
    line-height: 1.25rem;
}
#primary-nav ul.menu > li {
    padding: .85rem 0;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 4px;
}
#primary-nav ul.menu > li > ul {
    margin-top: 1rem;
    padding-left: 1rem;
    list-style: none;
}
#primary-nav ul.menu > li > ul > li {
    margin: .5rem; 
    text-transform: lowercase;
    font-weight: 300;
    letter-spacing: 2px;
}
#primary-nav ul.menu > li > ul > li > ul {
    list-style: none;
}
#primary-nav ul.menu a {
    color: #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#primary-nav ul.menu a:hover {
    color: #FF7474;
    text-decoration: none;
}
#primary-nav ul.menu > li.current-menu-item > a,
#primary-nav ul.menu > li > ul > li.current-menu-item > a  {
    color: #FF7474;
}
#primary-nav .socials a {
    margin-right: 1rem;
    fill: #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#primary-nav .socials a:hover {
    fill: #FF7474;
}
#primary-nav .socials svg {
    max-width: 21px;
}
#sticky-nav {
    z-index: 9995;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #083368;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#sticky-nav.hidden {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-transform: translate(0%, -100%);
    transform: translate(0%, -100%);
}
#sticky-nav.visible {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}
#sticky-nav.visible.nav-open {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-transform: translate(0%, -100%);
    transform: translate(0%, -100%);
}
#sticky-nav .home-nav .col-6:first-child {
    padding-left: 3rem;
    text-align: center;
}
#sticky-nav .home-nav .col-6:last-child {
    padding-left: 0rem;
}
#sticky-nav #navigation-hamb-cl-thin {
    stroke: #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#sticky-nav #navigation-hamb-cl-thin:hover {
    stroke: #FF7474;
}
#sticky-nav .quick-nav {
    padding: 0;
}
#sticky-nav .acces-rapide {
    padding-right: 3rem;
}
#sticky-nav .lien-quick-nav {
    display: block;
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#sticky-nav .lien-quick-nav:hover {
    background-color: #FF7474;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#sticky-nav .lien-quick-nav.active {
    background-color: #FF7474;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
/* --- LINES --- */
#lines {
    z-index: 1;
    position: absolute;
    top: 0;
    height: 100%;
}
#lines .container {
    height: 100%;
}
#lines .row {
    height: 100%;
}
#lines .line {
    height: 100%;
    border-left: 1px solid rgba(206, 203, 203, 0.5);
}
#lines .line:nth-child(1),
#lines .line:nth-child(2) {
    border-left: 0;
    border-right: 1px solid rgba(206, 203, 203, 0.5);
}
#lines .line:nth-child(3) {
    border-left: 0;
}
/* --- EN-TETE--- */
#top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    background-image: url(../img/bintz-bg-top.jpg);
    background-size: cover;
    background-position: center -40vh;
    min-height: 100vh;
}
#top.no-visual {
    min-height: unset;
}
body.home #top,
body.page-template-tpl-acheter #top,
body.page-template-tpl-contact #top,
#top.no-visual {
    background-position: center center;
}
.vertically-1,
.vertically-2, 
.vertically-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0px;
            flex: 1 0px;
}
.vertically-1 {
    min-height: 217px;
    max-height: 217px;
    background-color: rgba(8,51,104,0.8);
}
.vertically-3 {
    max-height: 116px;
    text-align: center;
    color: #fff;
}
.vertically-3 div {
    margin: auto;
}
/* --- PAGE default--- */
body.page-template-default #top,
body.page-template-tpl-estimation #top,
body.blog #top,
body.search #top,
#top.page-template-default {
    color: #fff;
}
body.page-template-default #top h1,
body.page-template-tpl-estimation #top h1,
body.blog #top h1,
body.search #top h1,
#top.page-template-default h1 {
    margin-bottom: 1.5rem;
    text-align: center;
    font-size: 6.9rem;
    font-weight: 400;
    line-height: 6.9rem;
    color: #fff;
}
body.page-template-default #top .vertically-2,
body.page-template-tpl-estimation #top .vertically-2,
body.blog #top .vertically-2,
body.search #top .vertically-2,
#top.page-template-default .vertically-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    background-color: rgba(8,51,104,0.8);
}
body.page-template-default #top .vertically-2 .title,
body.page-template-tpl-estimation #top .vertically-2 .title,
body.blog #top .vertically-2 .title,
body.search #top .vertically-2 .title,
#top.page-template-default .vertically-2 .title {
    padding: 0;
    padding-bottom: 6rem;
}
body.page-template-default #top .vertically-3,
body.page-template-tpl-estimation #top .vertically-3,
body.blog #top .vertically-3,
body.search #top .vertically-3,
#top.page-template-default .vertically-3 {
    overflow: hidden;
    max-height: unset;
    position: relative;
}
body.page-template-default #top .vertically-3 img,
body.page-template-tpl-estimation #top .vertically-3 img,
body.blog #top .vertically-3 img,
body.search #top .vertically-3 img,
#top.page-template-default .vertically-3 img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
#menu-plan-du-site > li {
    margin-bottom: 1rem;
}
#menu-plan-du-site > li > a:first-child {
    text-transform: uppercase;
}
.page-id-1294 .content p {
    margin-bottom: 1rem;
}
body.page-template-default section.content a {
    text-decoration: underline;
}
/* --- PAGE 404--- */
body.error404 #top {
    color: #fff;
}
body.error404 #top h1 {
    margin-bottom: 1.5rem;
    text-align: center;
    font-size: 6.9rem;
    font-weight: 400;
    line-height: 6.9rem;
    color: #fff;
}
body.error404 #top .vertically-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    background-color: rgba(8,51,104,0.8);
}
body.error404 #top .vertically-2 .title {
    margin-bottom: 6rem;
    padding: 0;
}
body.error404 #top .vertically-3 {
    overflow: hidden;
    max-height: unset;
    position: relative;
}
body.error404 #top .vertically-3 img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
/* --- CONTENT --- */
@media (min-width: 768px){
    .col-md-0-5 {
        -ms-flex: 0 0 4.166667%;
        -webkit-box-flex: 0;
                flex: 0 0 4.166667%;
        max-width: 4.166667%;
    }
}
#breadcrumbs {
    padding: 1rem 3rem;
    text-align: right;
    font-size: 0.8rem;
    font-weight: 700;
    color: #535353;
}
#breadcrumbs a {
    font-weight: 400;
    color: #535353;
}
.content .col-md-8 {
    padding: 0;
}
.content .bd-blc-color {
    padding: 0;
}
.content .blc-color {
    margin-bottom: 3rem;
    padding: 1.5rem;
    background-color: #051D41;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 4px;
    color: #fff;
    text-transform: uppercase;
}
.content .blc-color.blc-color-Rose {
    background-color: #C58E85;
}
.content h1 {
    margin-bottom: 1.5rem;
    font-size: 5.8rem;
    font-weight: 600;
    line-height: 5rem;
}
.content h2 {
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    font-size: 5.8rem;
    font-weight: 600;
    line-height: 5rem;
}
.content h2.s {
    margin-top: 5rem;
    margin-bottom: 2.5rem;
    font-size: 3.33rem;
    font-weight: 400;
    line-height: 3.33rem;
}
.content h2:first-child {
    margin-top: 0rem;
}
.content .blc-txt {
    padding-top: 1.5rem;
    background-color: #F7F7F7;
}
.content .blc-txt h3 {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 1px;
}
.content .blc-txt p {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
}
.content .blc-txt > a {
    display: block;
    width: 100%;
    background-color: #083368;
    text-align: center;
    font-weight: 700;
    letter-spacing: 2px;
    color: #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.content .blc-txt > a:hover {
    background-color: #FF7474;
    text-decoration: none;
}
.blc-lnk {
    margin-top: 5.1rem;
}
.wp-block-column .blc-lnk {
    margin-top: 3.1rem;
}
.blc-lnk a,
.blc-lnk button {
    display: block;
    width: 100%;
    padding: 1.25rem;
    border: 1px solid #272B25;
    background-color: #fff;
    text-align: center;
    font-size: 1.1rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #535353;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.blc-lnk a:hover,
.blc-lnk button:hover {
    border-color: #FF7474;
    background-color: #FF7474;
    color: #fff;
    text-decoration: none;
}
.content .blc-lnk.blc-lnk-B a,
.content .blc-lnk.blc-lnk-B button {
    padding: 7rem 1rem;
    font-size: 1.5rem;
}
.content .wp-block-columns {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.content .wp-block-columns:last-child {
    margin-bottom: 0rem;
}
.content .wp-block-columns.arguments {
    margin-top: 3rem;
    padding: 2rem 1.5rem;
    background-color: #F8F7F7;
    font-size: 1.1rem;
    font-weight: 700;
}
.content .wp-block-columns.arguments .wp-block-column {
    margin-bottom: 0;
}
.content .wp-block-columns.arguments p {
    position: relative;
    margin-bottom: 0;
    padding-left: 1.5rem;
}
.content .wp-block-columns.arguments p:before {
    content: '\2022';
    position: absolute;
    top: 50%;
    left: 0.5rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.equipe-poste {
    margin: 1rem 0;
    font-size: 1.5rem;
    line-height: 1.66rem;
    color: #C58E85;
}
.equipe-diplomes {
    margin: 1rem 0;
}
.pop-in {
    z-index: 9999;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
}
.pop-in.open {
    display: block;
}
.pop-in .pop-in-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(8,51,104,0.8);
}
.pop-in .row.pop-content {
    height: 100%;
    color: #fff;
}
.pop-in .pop-content .title {
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #051D41;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.pop-in .pop-content .content {
    padding-left: 1rem;
    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    background-color: #fff;
    color: #535353;
}
p.dossier-locataire {
    margin-top: 2rem;
    padding: 4rem;
    background-color: #F7F7F7;
    text-align: center;
}
p.dossier-locataire strong {
    background-color: transparent;
    font-size: 1.5rem;
    font-weight: 600;
}
p.dossier-locataire a {
    display: block;
    margin-top: 2rem;
    padding: 1.25rem;
    border: 1px solid #FF7474;
    background-color: #FF7474;
    text-align: center;
    font-size: 1.1rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
p.dossier-locataire a:hover {
    border: 1px solid #272B25;
    background-color: #FFF;
    color: #535353;
    text-decoration: none;
}
div#mfcf7_zl_multifilecontainer {
    margin-top: 3rem;
}
.multifile {
    margin-bottom: .5rem;
    font-size: 1.66rem;
}
.multifile [type=button] {
    width: 100%;
    padding: 1.25rem;
    border: 1px solid #272B25;
    background-color: #fff;
    text-align: center;
    font-size: 1.1rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #535353;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.multifile [type=button]:hover {
    border-color: #FF7474;
    background-color: #FF7474;
    color: #fff;
    text-decoration: none;
}
.search-text {
    margin-bottom: 10px;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2rem;
    color: #535353;
}
article.search-result.post,
article.search-result.page {
    margin-top: 5.1rem;
    margin-bottom: 5.1rem;
    padding: 0;
}
article.search-result h2 {
    
}
#vendus .title h2 {
    margin-bottom: 3rem;
    font-size: 3.33rem;
    font-weight: 400;
    line-height: 3.33rem;
}
.bandeauVendu {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 4rem;
    background-color: rgba(255, 116, 116, 0.8);
    font-size: 1.1rem;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
body.page-id-1136 #top .vertically-3 img {
    height: unset;
    transform: translate(-50%, 0%);
    top: 0px;
}
body.page-id-1192 #top .vertically-3 img {
    height: unset;
    transform: translate(-50%, 0%);
    top: -65px;
}
/*body.page-id-1205 #top .vertically-3 img {
    height: unset;
    transform: translate(-50%, 0%);
    top: -65px;
}*/
/* ACTUALITES */
body.blog article.post {
    margin: 5.1rem 0;
    padding: 0;
}
article.post .article-thumbnail {
    padding: 0;
    background-position: center center;
}
article.post .article-date {
    margin-bottom: 1rem;
}
article.post h2.article-title {
    margin-top: 0;
    margin-bottom: 1.5rem;
    padding: 0;
}
.nav-links {
    margin: auto;
}
.page-numbers {
    margin: 0 5px;
}
.page-numbers.current {
    color: #C58E85;
}
article.post .blc-lnk {
    margin-top: 3rem;
}
/* ARTICLE */
body.single-post #top {
    color: #fff;
}
body.single-post #top h1 {
    margin-bottom: 1.5rem;
    text-align: center;
    font-size: 6.9rem;
    font-weight: 400;
    line-height: 6.9rem;
    color: #fff;
}
body.single-post #top .vertically-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    background-color: rgba(8,51,104,0.8);
}
body.single-post #top .vertically-2 .title {
    padding: 0;
    padding-bottom: 6rem;
}
body.single-post #top .vertically-3 {
    overflow: hidden;
    max-height: unset;
    position: relative;
}
body.single-post #top .vertically-3 img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
body.single-post .date {
    margin-bottom: 1.5rem;
}
body.single-post h2 {
  margin-top: 3rem;
  margin-bottom: 1rem;
  font-size: 3rem;
  line-height: 4rem;
}
body.single-post h3 {
  margin-top: 1rem;
  margin-bottom: .5rem;
}
.wp-block-image img {
  height: auto;
}
.inputUserForm input {
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
    border-radius: 0;
    padding: 1.25rem;
    border: 0;
    border-bottom: 1px solid #272B25;
    background-color: #fff;
    font-size: 1.1rem;
    line-height: auto;
}
/* ACCUEIL */
body.home #top .vertically-3 {
    max-height: unset;
}
#top .bloc-couleur {
    padding: 0;
    text-align: center;
    font-size: 3rem;
    font-weight: 600;
    line-height: 3.6rem;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#top .bloc-couleur .bottom-space {
    width: 100%;
    height: 3rem;
}
#top .bloc-couleur .top-space {
    width: 100%;
    height: 3rem;
    background-color: rgba(8,51,104,0.8);
}
#top .bloc-couleur a {
    position: relative;
    display: block;
    color: #fff;
}
#top .bloc-couleur a:hover {
    color: #FF7474;
    text-decoration: none;
}
#top .bloc-couleur a:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
@media (min-aspect-ratio: 16/10) {
    #top .bloc-couleur a:after {
        padding-bottom: 75%;
    }
}
#top .bloc-couleur div.bloc-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#top .bloc-couleur span {
    display: block;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 3rem;
}
#top .bloc-couleur:nth-child(2) a {
    background-color: rgba(197,132,143,0.75);
}
#top .bloc-couleur:nth-child(1) a,
#top .bloc-couleur:nth-child(3) a {
    background-color: rgba(5,29,65,0.75);
}
#top #slogan {
    position: relative;
    margin-top: 40px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 300;
}
#top #slogan:before {
    content: " ";
    position: absolute;
    top: -15px;
    left: -40px;
    width: 28px;
    height: 23px;
    background-image: url(../img/quote.png);
    background-repeat: no-repeat;
    background-position: center center;
}
#top #slogan:after {
    content: " ";
    position: absolute;
    bottom: -15px;
    right: -40px;
    width: 28px;
    height: 23px;
    background-image: url(../img/quote.png);
    background-repeat: no-repeat;
    background-position: center center;
}
#top #discover {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 69px;
    color: #fff;
}
#top #discover:before {
    z-index: 2;
    content: " ";
    position: absolute;
    top: 50%;
    left: calc(50% + 1px);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    width: 113px;
    height: 70px;
    background-image: url(../img/arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-animation: bounce 1s infinite; /* Safari 4.0 - 8.0 */
    animation: bounce 1s infinite;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes bounce {
    0% {top: -3px}
    50% {top: 3px}
    100% {top: -3px}
}
/* Standard syntax */
@keyframes bounce {
    0% {top: -3px}
    50% {top: 3px}
    100% {top: -3px}
}
#top #discover button {
    z-index: 3;
    margin: auto;
    color: #fff;
}
#top #discover p {
    margin: auto;
    text-align: center;
}
#selection,
#vendus,
#reassurances,
#historique,
#seo,
#socials {
    margin-top: 5.1rem;
    margin-bottom: 4.1rem;
}
#reassurances {
    height: auto;
    -webkit-transition: height 0.2s;
    transition: height 0.2s;
}
.reassurance {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    transition: height 0.2s;
}
.reassurance-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: -webkit-transform 0.8s;
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}
.reassurance.flip .reassurance-inner {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
}
.reassurance .recto,
.reassurance .verso {
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center;
}
.reassurance .verso {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
}
.reassurance .icon {
    position: relative;
    width: 50%;
    margin: auto;
    border: 1px solid #707070;
    border-radius: 100%;
    background-color: #fff;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.reassurance .icon:after {
    content: " ";
    display: block;
    padding-bottom: 100%;
}
.reassurance .icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 60%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    fill: #FF7474;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.reassurance:hover .icon {
    border-color: #fff;
    background-color: #FF7474;
}
.reassurance:hover .icon svg {
    fill: #fff;
}
.reassurance p.title {
    padding-top: 1.5rem;
    padding-bottom: 3rem;
    font-size: 1.3rem;
    font-weight: 700;
    color: #535353;
    letter-spacing: 4px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.reassurance:hover p.title {
    color: #FF7474;
}
.reassurance button {
    border: none;
    background: none;
}
.reassurance button svg {
    max-width: 24px;
    height: auto;
    fill: #FF7474;
}
.reassurance .verso p {
    padding-bottom: 3rem;
}
.reassurance .verso button svg {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
#historique .annee {
    position: relative;
    font-weight: 800;
    color: #C58E85;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
#historique .annee.hidden {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
#historique .annee.hidden > div {
    display: none;
}
#historique .annee:after {
    content: " ";
    display: block;
    padding-bottom: 100%;
}
#historique .annee div {
    position: absolute;
}
#historique .text {
    line-height: 2rem;
}
#historique .text p {
    position: absolute;
    top: 0;
    left: 15px;
    width: calc(100% - 30px);
    height: calc(100% - 40px);
    overflow: hidden;
}
#historique .text p:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 36px;
    background: rgb(255,255,255);
    background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#historique .text button {
    position: absolute;
    bottom: 0;
    border: none;
    background: none;
    fill: #707070;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#historique .text button.btn-left {
    right: 15px;
}
#historique .text button.btn-right {
    left: 15px;
}
#historique .text button:hover {
    fill: #FF7474;
}
#historique .text.open svg {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#historique .text.open p {
    position: initial;
    width: 100%;
}
#historique .text.open p:after {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
#historique .text svg {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#historique .text.open svg {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
#historique .blc-date.visible {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
#historique .blc-date.hidden {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
#historique .date-1.text p,
#historique .date-3.text p {
    padding-right: 3rem;
}
#historique .date-2.text p,
#historique .date-4.text p {
    padding-left: 3rem;
    text-align: right;
}
#historique .date.annee {
    padding: 0;
}
#historique .date-1.annee {
    font-size: 2.9rem;
    line-height: 2.9rem;
}
#historique .date-1.annee:after {
    background-color: rgba(206, 203, 203, 1);
    background-image: url(https://www.bintzimmobilier.fr/wp-content/uploads/2019/12/BINTZ-Emile.jpg);
    background-size: cover;
    background-position: center center;
}
#historique .date-1.annee div {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    top: -4px;
    left: 0;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
#historique .date-2.annee {
    font-size: 3.58rem;
    line-height: 2.2rem;
}
#historique .date-2.annee:after {
    background-color: rgba(206, 203, 203, 1);
    background-image: url(https://www.bintzimmobilier.fr/wp-content/uploads/2019/11/BINTZ_JCB.jpg);
    background-size: cover;
    background-position: center center;
}
#historique .date-2.annee div {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    bottom: 39px;
    right: -34px;
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
}
#historique .date-3.annee {
    font-size: 4.8rem;
    line-height: 3rem;
}
#historique .date-3.annee:after {
    background-color: rgba(206, 203, 203, 0.3);
    background-image: url(https://www.bintzimmobilier.fr/wp-content/uploads/2019/11/BINTZ_Daniel.jpg);
    background-size: cover;
    background-position: center center;
}
#historique .date-3.annee div {
    opacity: 0.85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    bottom: 4px;
    left: 0;
}
#historique .date-4.annee {
    font-size: 6.5rem;
    line-height: 4.1rem;
}
#historique .date-4.annee:after {
    background-color: rgba(206, 203, 203, 0.68);
    background-image: url(https://www.bintzimmobilier.fr/wp-content/uploads/2019/12/BINTZ_Garin.jpg);
    background-size: cover;
    background-position: center center;
}
#historique .date-4.annee div {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    bottom: 5px;
    right: -49px;
}
#historique .storyline {
    margin: 2.5rem 0;
}
#historique .storyline > div {
    width: 0;
    border-top: 1px solid #535353;
}
#historique .pointer {
    position: absolute;
    top: -5px;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: none;
    background-color: #C58E85;
}
#historique .pointer.hidden {
    opacity: 0 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
#historique .pointer.pointer-date-1 {
    left: 10%;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
#historique .pointer.pointer-date-2 {
    left: 30%;
    opacity: 0.65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
}
#historique .pointer.pointer-date-3 {
    left: 50%;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
#historique .pointer.pointer-date-4 {
    left: 70%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#historique .pointer.pointer-date-5 {
    left: 90%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#historique .pointer.pointer-date-6 {
    left: 92%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#historique .pointer.pointer-date-7 {
    left: 94%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#socials .social {
    position: relative;
    padding: 0;
    border-radius: 50%;
    background-color: #083368;
}
#socials .social:after {
    content: " ";
    display: block;
    padding-bottom: 100%;
}
#socials .social a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
#socials .social a .social-fond {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#socials .social a:hover .social-fond {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
#socials .social-instagram .social-fond {
    background-image: url(https://www.bintzimmobilier.fr/wp-content/uploads/2019/09/bintz_insta.jpg);
    background-size: cover;
    background-position: center center;
}
#socials .social-linkedin .social-fond {
    background-image: url(https://www.bintzimmobilier.fr/wp-content/uploads/2019/09/bintz_linkedin.jpg);
    background-size: cover;
    background-position: center center;
}
#socials .social-facebook .social-fond {
    background-image: url(https://www.bintzimmobilier.fr/wp-content/uploads/2019/09/bintz_fb.jpg);
    background-size: cover;
    background-position: center center;
}
#socials .social-youtube .social-fond {
    background-image: url(https://www.bintzimmobilier.fr/wp-content/uploads/2019/09/INVESTISSEMENT-LOCATIF.jpg);
    background-size: cover;
    background-position: center center;
}
#socials .social a .pastille {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/* --- PAGE NV1 --- */
#miseenavant {
    padding: 0;
}
#miseenavant a {
    display: block;
    width: 100%;
    height: 100%;
}
#miseenavant a:hover {
    text-decoration: none;
}
#miseenavant a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
#miseenavant a .infos {
   position: relative;
   margin-left: 0;
   margin-right: 0;
   font-size: 1.66rem;
   line-height: 1.66rem;
   font-weight: 700;
}
#miseenavant a .infos .type {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background-color: #051D41;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
}
#miseenavant a .infos .prix {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background-color: #FF7474;
    text-align: center;
    color: #fff;
}
#miseenavant a .infos .preview {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background-color: rgba(255, 255, 255, 0.57);
    text-align: right;
    color: #535353;
}
#miseenavant a .infos .preview span {
    text-transform: uppercase;
}
.btn-nv1 {
    margin-top: 5.1rem;
}
.btn-nv1 .col-md-8 {
    padding: 0;
}
.btn-nv1 .col-md-8 .blc-lnk {
    margin: 0;
}
.page-list-content {
    margin-bottom: 4rem;
}
/* --- PAGE ANNONCES --- */
#map {
    background-color: rgba(8,51,104, 0.6);
}
#map a:hover {
    text-decoration: none;
}
#map .pop-image {
    position: relative;
    float: left;
    width: 47%;
    margin-right: 3%;
}
#map .pop-image:before {
    content: ' ';
    display: block;
    padding-bottom: 56.3%;
    margin-bottom: 1rem;
}
#map .pop-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
#map .pop-venloue {
    display: inline-block;
    margin-bottom: .5rem;
    padding: 2px 5px;
    background-color: #FF7474;
    color: #fff;
    font-weight: 700; 
}
#map .pop-title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    color: #224878;
}
#map .pop-price {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    color: #C58E85;
}
#map .pop-more {
    text-decoration: underline;
}
#property-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: rgba(8,51,104, 0.6);
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
}
#property-search form {
    width: 74.6%;
    margin: auto;
}
#property-search .title {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    text-align: center;
    font-size: 1.33rem;
    letter-spacing: 2px;
    text-transform: uppercase;
}
#property-search input[type=radio],
#property-search input[type=checkbox]{
    display: none;
}
#property-search .type input[type=radio] + label{
    cursor: pointer;
    display: block;
    margin-bottom: 1.5rem;
    border: 1px solid #fff;
    background: transparent;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#property-search .type input[type=radio]:checked + label{
    border-color: #FF7474;
    background: #FF7474;
}
#property-search .zone input[type=radio] + label,
#property-search .zone input[type=checkbox] + label{
    cursor: pointer;
    width: 49%;
    margin-bottom: 1.5rem;
}
#property-search .zone input[type=radio] + label:before,
#property-search .zone input[type=checkbox] + label:before {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-top: -3px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 30px;
    height: 30px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#property-search .zone input[type=radio]:checked + label:before,
#property-search .zone input[type=checkbox]:checked + label:before {
    border-color: #FF7474;
    background: #FF7474 url(../img/check.png) no-repeat center center;
    
}
#property-search input[type=text],
#property-search input[type=number],
#property-search select {
    width: 100%;
    margin-bottom: 1.5rem;
    border: none;
    border-bottom: 1px solid #fff;
    background-color: transparent;
    color: #fff;
}
#property-search select option{
    color: #083368;
}
#property-search input[type=text]::-webkit-input-placeholder,
#property-search input[type=number]::-webkit-input-placeholder {
    /* Most modern browsers support this now. */
   color:    #fff !important;
   opacity:  1 !important;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#property-search input[type=text]::-moz-placeholder,
#property-search input[type=number]::-moz-placeholder {
    /* Most modern browsers support this now. */
   color:    #fff !important;
   opacity:  1 !important;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#property-search input[type=text]:-ms-input-placeholder,
#property-search input[type=number]:-ms-input-placeholder {
    /* Most modern browsers support this now. */
   color:    #fff !important;
   opacity:  1 !important;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#property-search input[type=text]::placeholder,
#property-search input[type=number]::placeholder {
    /* Most modern browsers support this now. */
   color:    #fff !important;
   opacity:  1 !important;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#property-search #submit {
    width: 100%;
    margin-top: 2rem;
    margin-bottom : 1rem;
    padding: 1.33rem;
    border: 1px solid #fff;
    background-color: transparent;
    text-align: center;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#property-search #submit:hover {
    border-color: #FF7474;
    background: #FF7474;
}
.annonce-page .title h1 {
    margin-top: 2rem;
    margin-bottom: 4rem;
}
.annonces-liste .annonce {
    margin-bottom: 4rem;
    padding-left: 0;
    padding-right: 0;
}
.annonces-liste .annonce:hover .property-preview {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.annonces-liste .col-md-0-5:nth-child(3n),
.annonces-liste .col-md-0-5:last-child {
    display: none;
}
/* ALERTE */
#alertProperty {
    position: relative;
}
#alertProperty input[type=radio]{
    display: none;
}
#alertProperty .type input[type=radio] + label {
    cursor: pointer;
    display: block;
    margin-bottom: 1.5rem;
    border: 1px solid #535353;
    background: transparent;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#alertProperty .type input[type=radio]:checked + label {
    border-color: #FF7474;
    background: #FF7474;
}
#alertProperty .zone input[type=radio] + label {
    cursor: pointer;
    width: 49%;
    margin-bottom: 1.5rem;
}
#alertProperty .zone input[type=radio] + label:before {
    background: transparent;
    border: 1px solid #535353;
    border-radius: 50%;
    margin-top: -3px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 30px;
    height: 30px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#alertProperty .zone input[type=radio]:checked + label:before {
    border-color: #FF7474;
    background: #FF7474 url(../img/check.png) no-repeat center center;
    
}
#alertProperty input[type=text]
,#alertProperty input[type=email],
#alertProperty input[type=number] {
    width: 100%;
    margin-bottom: 1.5rem;
    border: none;
    border-bottom: 1px solid #535353;
    background-color: transparent;
    color: #535353;
}
#alertProperty input[type=text]::-webkit-input-placeholder,
#alertProperty input[type=email]::-webkit-input-placeholder,
#alertProperty input[type=number]::-webkit-input-placeholder {
    /* Most modern browsers support this now. */
   color:    #535353 !important;
   opacity:  1 !important;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#alertProperty input[type=text]::-moz-placeholder,
#alertProperty input[type=email]::-moz-placeholder,
#alertProperty input[type=number]::-moz-placeholder {
    /* Most modern browsers support this now. */
   color:    #535353 !important;
   opacity:  1 !important;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#alertProperty input[type=text]:-ms-input-placeholder,
#alertProperty input[type=email]:-ms-input-placeholder,
#alertProperty input[type=number]:-ms-input-placeholder {
    /* Most modern browsers support this now. */
   color:    #535353 !important;
   opacity:  1 !important;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#alertProperty input[type=text]::placeholder,
#alertProperty input[type=email]::placeholder,
#alertProperty input[type=number]::placeholder {
    /* Most modern browsers support this now. */
   color:    #535353 !important;
   opacity:  1 !important;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#alertProperty #email.danger {
    border-color: red;
    color: red;
}
#alertProperty #submit {
    width: 100%;
    margin-top: 2rem;
    margin-bottom : 1rem;
    padding: 1.33rem;
    border: 1px solid #535353;
    background-color: transparent;
    text-align: center;
    color: #535353;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#alertProperty #submit:hover {
    border-color: #FF7474;
    background: #FF7474;
}
#alertProperty #submit:disabled:hover {
    border: 1px solid #535353;
    background-color: transparent;
}
#alertProperty .rgpd input[type=checkbox]{
    display: none;
}
#alertProperty .rgpd input[type=checkbox] + label {
    cursor: pointer;
    margin-bottom: 1.5rem;
}
#alertProperty .rgpd input[type=checkbox] + label:before {
    background: transparent;
    border: 1px solid #535353;
    border-radius: 50%;
    margin-top: -3px;
    margin-right: 1rem;
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 30px;
    height: 30px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#alertProperty .rgpd input[type=checkbox]:checked + label:before {
    border-color: #FF7474;
    background: #FF7474 url(../img/check.png) no-repeat center center;
}
#alertProperty .overForm {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.75);
}
#alertProperty .overForm.active {
    display: block;
}
#alertProperty .overForm .loader {
    margin: auto;
    margin-top: 10rem;
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3; /* Light grey */
    border-top: 5px solid #FF7474;
    border-radius: 50%;
    -webkit-animation: spin 2s linear infinite;
            animation: spin 2s linear infinite;
}
  
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
  
@keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
#alertProperty .overForm .loader.success {
    border: 5px solid green;
}
#alertProperty .overForm .loader.danger {
    border: 5px solid red;
}
#alertProperty .overForm .message {
    margin-top: 1rem;
    text-align: center;
    font-size: 1.3rem;
    font-weight: bold;
}
/* --- FICHE OFFRE --- */
.top-bien .vertically-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
}
.top-bien .vertically-3 {
    max-height: unset;
}
.bandeauTopBien {
    background-color: #051D41;
    color: #fff;
}
.bandeauTopBien .left {
    padding: 1rem;
    padding-left: 3rem;
}
.bandeauTopBien .retour a {
    color: #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.bandeauTopBien .retour a:hover {
    color: #FF7474;
    text-decoration: none;
}
.bandeauTopBien .right {
    padding: 1rem;
    padding-right: 3rem;
}
.bandeauTopBien .down {
    text-align: right;
}
.bandeauTopBien .down button {
    margin-right: 2rem;
}
.bandeauTopBien .down a#download {
    stroke: #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.bandeauTopBien .down a#download:hover {
    stroke: #FF7474;
}
.bandeauTopBien .informations {
    padding: 1rem 0;
    font-size: 1.66rem;
    font-weight: 700;
    letter-spacing: 2px;
}
.bandeauTopBien .informations span {
    text-transform: uppercase;
}
.top-bien .preview {
    background-size: cover;
    background-position: center center;
}
#top.top-bien #discover {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
#bandeauSticky {
    z-index: 9995;
    position: fixed;
    top: 72px;
    left: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#bandeauSticky.hidden {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-transform: translate(0%, calc(-100% - 72px));
    transform: translate(0%, calc(-100% - 72px));
}
#bandeauSticky.visible {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}
.bien .title h1 {
    margin-bottom: 4rem;
    font-size: 3.33rem;
    font-weight: 400;
    line-height: 3.33rem;
}
.bien .title h1 span {
    font-weight: 600;
}
.bien .price {
    margin-bottom: 6.5rem;
    padding: 1.5rem;
    background-color: #083368;
    text-align: center;
    font-size: 3.75rem;
    font-weight: 700;
    line-height: 4.1rem;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
}
.bien .numbers {
    margin-bottom: 6.5rem;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
    font-size: 3.33rem;
    font-weight: 700;
    line-height: 3.33rem;
    color: #083368;
}
.bien .numbers .numbers-number {
    position: relative;
}
.bien .numbers .numbers-number:after {
    content: ' ';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 51px;
    background-color: #083368;
}
.bien .numbers .numbers-number:first-child:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 51px;
    background-color: #083368;
}
.bien .numbers small {
    display: block;
    font-size: 1.16rem;
    font-weight: 400;
    line-height: 1rem;
}
.numbers-accroche {
    font-size: 2.5rem;
    line-height: 2.5rem;
}
#gallerie-bien {
    position: relative;
    margin-bottom: 6.5rem;
}
#gallerie-bien .gallerie-control button {
    position: absolute;
    z-index: 99999;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    stroke: #707070;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#gallerie-bien .gallerie-control button:hover {
    stroke: #FF7474;
}
#gallerie-bien .slide {
    width: 100%;
}
#gallerie-bien .slide:before {
    content: ' ';
    display: block;
    padding-bottom: 75%;
}
#gallerie-bien .slide img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
#gallerie-bien .slide {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#gallerie-bien .slide.visite-virtuelle {
    height: 0;
    padding-bottom: 75%;
}
#gallerie-bien .slide.visite-virtuelle iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#gallerie-bien .slide.active {
    position: initial;
    display: block;
}
#gallerie-bien .controls {
    margin-top: 1.5rem;
    text-align: center;
}
#gallerie-bien .control {
    margin: 0 15px;
    border: 0;
    border-radius: 50px;
    background-color: #CECBCB;
    width: 6px;
    height: 6px;
    font-size: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#gallerie-bien .control.active {
    background-color: #FF7474;
}
.bien #pointsforts {
    margin-bottom: 3rem;
    font-size: 1.33rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.bien #description {
    margin-bottom: 6.5rem;
    font-size: 1.2rem;
    line-height: 2rem;
}
.bien #description p:last-of-type {
    margin-bottom: 0;
}
.bien #descriptif {
    margin-bottom: 6.5rem;
}
.bien #descriptif .title {
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #051D41;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.bien #descriptif .infos {
    padding-left: 15px;
    padding-right: 15px;
    background-color: #F8F7F7;
    font-size: 1.15rem;
}
.bien #descriptif .infos .info {
    padding-top: .2rem;
}
.bien #descriptif .infos .info-sep {
    border-bottom: 1px solid #dfdede;
}
.bien #descriptif .infos .label {
    font-weight: 700;
}
.bien #descriptif .infos .bilan {
    border-top: 1px solid #c6c6c6;
}
.bien #descriptif .infos .bilan #toggle-bilan {
    float: right;
}
.bien #descriptif .infos .bilan-toggle {
    display: none;
}
.bien #descriptif .infos .bilan .label {
    padding-top: .2rem;
    border-bottom: 1px solid #dfdede;
    font-weight: 700;
}
.bien #descriptif .infos .bilan .preview {
    padding-top: .5rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid #c6c6c6;
}
.bien #descriptif .infos .bilan .bilan-conso {
    color: #FF7474;
}
.bien #descriptif .infos .bilan .graph {
    padding: 1rem 0;
    font-size: .95rem;
    line-height: 1.5rem;
}
.bien #descriptif .infos .bilan .graph .niveau {
    text-align: right;
}
.bien #descriptif .infos .bilan .graph .lettre {
    padding: 0;
    text-align: center;
    font-weight: 700;
}
.bien #descriptif .infos .bilan .graph .barre {
    padding: 0;
}
.bien #descriptif .infos .bilan .graph .barre:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    height: 14px;
}
.bien #descriptif .infos .bilan .graph .barre-100:before {
    width: 100%;
}
.bien #descriptif .infos .bilan .graph .barre-90:before {
    width: 90%;
}
.bien #descriptif .infos .bilan .graph .barre-80:before {
    width: 80%;
}
.bien #descriptif .infos .bilan .graph .barre-70:before {
    width: 70%;
}
.bien #descriptif .infos .bilan .graph .barre-60:before {
    width: 60%;
}
.bien #descriptif .infos .bilan .graph .barre-50:before {
    width: 50%;
}
.bien #descriptif .infos .bilan .graph .barre-40:before {
    width: 40%;
}
.bien #descriptif .infos .bilan .energie .graph .barre-100:before {
    background-color: #E60105;
}
.bien #descriptif .infos .bilan .energie .graph .barre-90:before {
    background-color: #ED6901;
}
.bien #descriptif .infos .bilan .energie .graph .barre-80:before {
    background-color: #FDBC01;
}
.bien #descriptif .infos .bilan .energie .graph .barre-70:before {
    background-color: #FFEF02;
}
.bien #descriptif .infos .bilan .energie .graph .barre-60:before {
    background-color: #C9D402;
}
.bien #descriptif .infos .bilan .energie .graph .barre-50:before {
    background-color: #54AD16;
}
.bien #descriptif .infos .bilan .energie .graph .barre-40:before {
    background-color: #009130;
}
.bien #descriptif .infos .bilan .ges .graph .barre-100:before {
    background-color: #A1006A;
}
.bien #descriptif .infos .bilan .ges .graph .barre-90:before {
    background-color: #B0106E;
}
.bien #descriptif .infos .bilan .ges .graph .barre-80:before {
    background-color: #BF4583;
}
.bien #descriptif .infos .bilan .ges .graph .barre-70:before {
    background-color: #BF6695;
}
.bien #descriptif .infos .bilan .ges .graph .barre-60:before {
    background-color: #C786A9;
}
.bien #descriptif .infos .bilan .ges .graph .barre-50:before {
    background-color: #D9ABC5;
}
.bien #descriptif .infos .bilan .ges .graph .barre-40:before {
    background-color: #E2DAE1;
}
.bien #descriptif .infos .bilan .graph .pointer {
    background-image: url(../img/bilan-pointer.png);
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    font-weight: 700;
    color: #fff;
}
.bien #infosup {
    margin-bottom: 6.5rem;
}
.bien #infosup .infos {
    padding: 0;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    background-color: #F7F7F7;
    text-align: center;
}
.bien #infosup .infos .agent-img img {
    width: 100%;
    max-width: 100%;
    border-radius: 1rem;
}
.bien #infosup .infos .agent-infos .nom {
    margin-top: 1rem;
    font-size: 1.5rem;
    line-height: 1.66rem;
    color: #C58E85;
}
.bien #infosup .infos .agent-infos .a-infos {
    margin-top: .5rem;
    font-size: 1.16rem;
    line-height: 1.66rem;
}
.bien #infosup .infos .agent-infos .a-infos a {
    color: #535353;
}
.bien #infosup .infos .agent-infos .telephone {
    display: block;
    margin-top: 1rem;
    margin-bottom: 2rem;
    font-size: 1.66rem;
    line-height: 1.91rem;
    font-weight: 700;
    letter-spacing: 1px;
}
.bien #infosup .infos .actions a,
.bien #infosup .infos .actions button {
    display: block;
    padding: .4rem 0;
    border-top: 1px solid #707070;
    font-size: .8rem;
    font-weight: 700;
    color: #535353;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.bien #infosup .infos .actions button {
    width: 100%;
}
.bien #infosup .infos .actions a:hover,
.bien #infosup .infos .actions button:hover {
    color: #FF7474;
    text-decoration: none;
}
.bien #infosup .pdi {
    position: relative;
    padding-left: 1rem;
    background-color: #051D41;
    color: #fff;
}
.bien #infosup .pdi .title {
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.bien #infosup .pdi .proximite {
    z-index: 5;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-right: 3rem;
    font-size: .9rem;
    font-weight: 700;
}
.bien #infosup .pdi .proximite svg {
    cursor: pointer;
    position: absolute;
    top: 7%;
    right: 1rem;;
}
.bien #infosup .pdi #proximite-liste {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 200px;
    background-color: #051D41;
    font-size: 1.1rem;
    font-weight: 400;
}
.bien #infosup .pdi #proximite-liste button {
    width: 100%;
    padding: .2rem;
    border-bottom: 1px solid #193661;
    background-color: #051D41;
    color: #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.bien #infosup .pdi #proximite-liste button:hover {
    background-color: #C58E85;
}
.bien #infosup .pdi #proximite-liste button.active {
    background-color: green;
    color: #fff; 
}
.bien #infosup .pdi #proximite-liste.open {
    display: block;
}
.bien #infosup .carte-proximite {
    padding-left: 2.5rem;
    padding-right: 0;
}
.bien #infosup .carte-proximite #map-f,
.bien #infosup .carte-proximite iframe {
    width: 100%;
    height: calc(100% - 24px);
}
.bien #dossier-locataire {
    margin-bottom: 6.5rem;
}
.bien #dossier-locataire > div {
    padding: 0;
}
.bien #dossier-locataire .blc-lnk {
    margin-top: 0;
}
.bien #quartier .title {
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #051D41;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.bien #quartier .content {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: #F7F7F7;
    text-align: center;
}
.bien #quartier .content svg {
    fill: #535353;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.bien #quartier .content:hover svg {
    fill: #FF7474;
}
.bien #quartier .content .btn-quartier {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    padding: .2rem 2rem;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background-color: #FF7474;
    font-weight: 700;
    color: #fff;
    letter-spacing: 2px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.bien #quartier .content:hover .btn-quartier {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#partage.pop-in p {
    margin-bottom: 1rem;
}
#partage.pop-in svg {
    max-width: 30%;
    fill: #535353;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#partage.pop-in svg:hover {
    fill: #FF7474;
}
#simulateur.pop-in .pop-content .content {
    padding: 0;
    padding-right: 15px;
    padding-left: 15px;
}
#simulateur .sim-tab {
    padding: 0.5rem;
    background-color: #C58E85;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#simulateur .sim-tab.active {
    background-color: #FF7474;
    color: #fff;
}
#simulateur .sim-blc {
    display: none;
    font-size: 1.2rem;
}
#simulateur .sim-blc.active {
    display: block;
}
#simulateur .sim-blc .row {
    margin-top: 15px;
    margin-bottom: 15px;
}
#simulateur .sim-blc input {
    width: 100%;
    padding-right: .5rem;
    padding-left: .5rem;
}
#simulateur.sim-page {
    margin-top: 5.1rem;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #F7F7F7;
}
#simulateur .label {
    text-align: right;
}
#simulateur input {
    border: 0;
    border-bottom: 2px solid #535353;
    background-color: transparent;
}
#rappel #wpcf7-f1370-o1 {
    text-align: center;
}
#rappel .wpcf7-submit {
    background-color: #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
#rappel .wpcf7-submit:hover {
    border-color: #FF7474;
    background-color: #FF7474;
    color: #fff;
}
/* --- CONTACT --- */
body.page-template-tpl-contact #top:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/bintz-bg-header.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: calc(50% - -111px);
}
body.page-template-tpl-contact #logo a {
    display: none;
}
body.page-template-tpl-contact #top {
    min-height: unset;
}
body.page-template-tpl-contact #top .vertically-1 {
    min-height: 12.25rem;
}
body.page-template-tpl-contact #top .vertically-2,
body.page-template-tpl-contact #top .vertically-3 {
    display: block;
    background-color: rgba(8,51,104,0.8);
}
body.page-template-tpl-contact #top .vertically-2 {
    text-align: center;
}
body.page-template-tpl-contact #top .vertically-2 img {
    margin: auto;
    margin-bottom: 8.75rem;
}
body.page-template-tpl-contact #top .vertically-3 .col-8 {
    padding: 0;
}
body.page-template-tpl-contact #top .vertically-3 .blc-color {
    margin-bottom: -1.5rem;;
}
body.page-template-tpl-contact .content h1 {
    margin-bottom: 2rem;
    font-size: 3.33rem;
    font-weight: 400;
    line-height: 3.33rem;
}
.wpcf7_bintz {
    margin-top: 3rem;
    margin-bottom: 4rem;
}
.wpcf7_bintz .col-md-8 {
    padding: 0;
}
.wpcf7_bintz .actif {
    border-color: #535353;
}
.wpcf7_bintz input[type="text"],
.wpcf7_bintz input[type="email"],
.wpcf7_bintz input[type="file"] {
    width: 100%;
    border-color: #535353;
}
.wpcf7_bintz input[type="submit"],
.wpcf7_bintz select,
.wpcf7_bintz textarea {
    width: calc(100% + 1px);
}
.wpcf7_bintz input[type="text"],
.wpcf7_bintz input[type="email"],
.wpcf7_bintz input[type="file"] {
    margin-top: 3rem;
    padding: .6rem 0;
    border: none;
    border-bottom: 2px solid #d9d9d9;
    background-color: transparent;
    font-size: 1.66rem;
    color: #d9d9d9;
}
.wpcf7_bintz input[type="text"].active,
.wpcf7_bintz input[type="email"].active,
.wpcf7_bintz input[type="file"].active {
    border-bottom: 2px solid #535353;
    color: #535353;
}
.wpcf7_bintz select,
.wpcf7_bintz input[type="submit"] {
    background-color: #fff;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.wpcf7_bintz select {
    padding: 1.5rem 2rem;
}
.wpcf7_bintz ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #d9d9d9;
    opacity:  1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.wpcf7_bintz :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #d9d9d9;
   opacity:  1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.wpcf7_bintz ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #d9d9d9;
   opacity:  1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.wpcf7_bintz :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #d9d9d9;
   opacity:  1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.wpcf7_bintz ::-ms-input-placeholder { /* Microsoft Edge */
   color:    #d9d9d9;
   opacity:  1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.wpcf7_bintz ::-webkit-input-placeholder { /* Most modern browsers support this now. */
   color:    #d9d9d9;
   opacity:  1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.wpcf7_bintz ::-moz-placeholder { /* Most modern browsers support this now. */
   color:    #d9d9d9;
   opacity:  1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.wpcf7_bintz :-ms-input-placeholder { /* Most modern browsers support this now. */
   color:    #d9d9d9;
   opacity:  1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.wpcf7_bintz ::placeholder { /* Most modern browsers support this now. */
   color:    #d9d9d9;
   opacity:  1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.wpcf7_bintz textarea {
    margin-top: 1.5rem;
    padding: 1.5rem 2rem;
    background-color: #fff;
}
.wpcf7_bintz textarea::-webkit-input-placeholder {
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.wpcf7_bintz textarea::-moz-placeholder {
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.wpcf7_bintz textarea:-ms-input-placeholder {
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.wpcf7_bintz textarea::placeholder {
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.wpcf7_bintz .rgpd {
    margin: 1.5rem 0;
    line-height: 1.33rem;
}
.wpcf7_bintz .rgpd .wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
}
.wpcf7_bintz .rgpd input[type=checkbox]{
    display: none;
}
.wpcf7_bintz .rgpd input[type=checkbox] + span {
    cursor: pointer;
    margin-bottom: 1.5rem;
}
.wpcf7_bintz .rgpd input[type=checkbox] + span:before {
    background: transparent;
    border: 1px solid #535353;
    border-radius: 50%;
    margin-top: -3px;
    margin-right: 1rem;
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 30px;
    height: 30px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.wpcf7_bintz .rgpd input[type=checkbox]:checked + span:before {
    border-color: #FF7474;
    background: #FF7474 url(../img/check.png) no-repeat center center;
}
.wpcf7 input[type="submit"] {
    padding: 1.5rem;
    border: 1px solid #707070;
    background-color: #FFF;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700;
    color: #535353;
    letter-spacing: 4px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.wpcf7 input[type="submit"]:hover {
    border-color: #FF7474;
    background-color: #FF7474;
    color: #fff;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok,
.wpcf7-response-output.wpcf7-validation-errors {
    margin: 0;
    border: none;
    padding: .5rem;
    text-align: center;
    font-size: 1.2rem;
    text-transform: uppercase;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    background-color: #FF7474;
    color: #fff;
}
.wpcf7-response-output.wpcf7-validation-errors {
    background-color: #fff;
}
body.page-template-tpl-contact .localisation {
    margin-bottom: 4rem;
}
body.page-template-tpl-contact .adresse {
    text-align: center;
    font-size: 1.16rem;
}
body.page-template-tpl-contact .adresse img {
    margin-bottom: 3rem;
}
body.page-template-tpl-contact .adresse p {
    position: relative;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}
body.page-template-tpl-contact .adresse p:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    width: 4rem;
    border-bottom: 1px solid #707070;
}
body.page-template-tpl-contact .adresse p:last-child {
    margin: 0;
    padding: 0;
}
body.page-template-tpl-contact .adresse p:last-child:after {
    display: none;
}
body.page-template-tpl-contact .adresse .title {
    font-size: 1.5rem;
    color: #C58E85;
    text-transform: uppercase;
}
body.page-template-tpl-contact .adresse .color {
    color: #C58E85;
}
body.page-template-tpl-contact .carte {
    padding-right: 0;
}
body.page-template-tpl-contact .carte iframe {
    width: 100%;
    height: 100%;
}
/* --- PAGE ESTIMATION --- */
.col-estimation {
    margin: 0;
    margin-top: 4rem;
}
.col-estimation > .col-md-6:first-child {
    padding: 2.5rem;
    border: 1px solid #C58E85;
}
.col-estimation > .col-md-6:first-child h3 {
    margin-top: 4.5rem;
    font-weight: 700;
}
.col-estimation > .col-md-6:first-child h3:first-child {
    margin-top: 0;
}
.col-estimation .picto-estimation {
    font-size: 2rem;
}
.col-estimation .wp-block-image .aligncenter {
  text-align: center;
}
.col-estimation .wp-block-image img {
  max-width: 75%;
  height: auto;
}
body.page-template-tpl-estimation .content .blc-color {
    margin-bottom: 0;
}
body.page-template-tpl-estimation .wpcf7_bintz {
    margin: 0;
}
body.page-template-tpl-estimation #vendus {
    margin-top: 9.1rem;
}
body.page-template-tpl-estimation #seo .blc-lnk1 {
    margin-top: 0;
    margin-bottom: 5.1rem;
}
body.page-template-tpl-estimation #seo h2 {
    margin-top: 5rem;
}



#jst_frm {
  margin-top: 2rem;
  font-size: 1.66rem;
}

#jst_frm .bintz-icon {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 6rem;
  background-color: #083368;
  text-align: center;
}

#jst_frm .actif {
  border-color: #535353;
}
#jst_frm input[type="text"],
#jst_frm input[type="email"],
#jst_frm input[type="file"] {
  width: 100%;
  border-color: #535353;
}
#jst_frm input[type="submit"],
#jst_frm textarea {
  width: calc(100% + 1px);
}
#jst_frm input[type="text"],
#jst_frm input[type="email"],
#jst_frm input[type="file"] {
  margin-top: 3rem;
  padding: .6rem 0;
  border: none;
  border-bottom: 2px solid #d9d9d9;
  background-color: transparent;
  font-size: 1.66rem;
  color: #d9d9d9;
}
#jst_frm input[type="text"].active,
#jst_frm input[type="email"].active,
#jst_frm input[type="file"].active {
  border-bottom: 2px solid #535353;
  color: #535353;
}
#jst_frm select,
#jst_frm input[type="submit"] {
  background-color: #fff;
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#jst_frm select {
  width: 100%;
  padding: 1.5rem 2rem;
}
#jst_frm ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:    #d9d9d9;
  opacity:  1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#jst_frm :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:    #d9d9d9;
 opacity:  1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#jst_frm ::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:    #d9d9d9;
 opacity:  1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#jst_frm :-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:    #d9d9d9;
 opacity:  1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#jst_frm ::-ms-input-placeholder { /* Microsoft Edge */
 color:    #d9d9d9;
 opacity:  1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#jst_frm ::-webkit-input-placeholder { /* Most modern browsers support this now. */
 color:    #d9d9d9;
 opacity:  1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#jst_frm ::-moz-placeholder { /* Most modern browsers support this now. */
 color:    #d9d9d9;
 opacity:  1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#jst_frm :-ms-input-placeholder { /* Most modern browsers support this now. */
 color:    #d9d9d9;
 opacity:  1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#jst_frm ::placeholder { /* Most modern browsers support this now. */
 color:    #d9d9d9;
 opacity:  1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#jst_frm .rgpd {
  margin: 1.5rem 0;
  line-height: 1.33rem;
  font-size: 1rem;
}
#jst_frm .rgpd input[type=checkbox]{
  display: none;
}
#jst_frm .rgpd input[type=checkbox] + span {
  cursor: pointer;
  margin-bottom: 1.5rem;
}
#jst_frm .rgpd input[type=checkbox] + span:before {
  background: transparent;
  border: 1px solid #535353;
  border-radius: 50%;
  margin-top: -3px;
  margin-right: 1rem;
  display: inline-block;
  vertical-align: middle;
  content: '';
  width: 30px;
  height: 30px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
#jst_frm .rgpd input[type=checkbox]:checked + span:before {
  border-color: #FF7474;
  background: #FF7474 url(../img/check.png) no-repeat center center;
}
#jst_frm .submit button {
  width: 100%;
  padding: 1.5rem;
  border: 1px solid #707070;
  background-color: #FFF;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  color: #535353;
  letter-spacing: 4px;
  text-transform: uppercase;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
#jst_frm .submit button:hover {
  border-color: #FF7474;
  background-color: #FF7474;
  color: #fff;
}




/* --- ARCHIVE FAQ --- */
body.post-type-archive-faqs #top .vertically-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
  background-color: rgba(8,51,104,0.8);
}
body.post-type-archive-faqs #top .vertically-2 .title {
  padding: 0;
  padding-bottom: 6rem;
}
body.post-type-archive-faqs h1 {
  margin-bottom: 1.5rem;
  text-align: center;
  font-size: 6.9rem;
  font-weight: 400;
  line-height: 6.9rem;
  color: #fff;
}
body.post-type-archive-faqs .faq {
  margin-top: 1.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(0,0,0,.1);
}
body.post-type-archive-faqs .faq:first-of-type {
  border-top: none;
}
body.post-type-archive-faqs .faq:last-of-type {
  margin-bottom: 3rem;
}
body.post-type-archive-faqs .faq h2 {
  margin-bottom: .75rem;
  font-size: 1.75rem;
  line-height: 1.75rem;
}




/* --- SINGLE FAQ --- */
body.single-faqs #top .vertically-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
  background-color: rgba(8,51,104,0.8);
}
body.single-faqs #top .vertically-2 .title {
  padding: 0;
  padding-bottom: 6rem;
}
body.single-faqs h1 {
  margin-bottom: 1.5rem;
  text-align: center;
  font-size: 6.9rem;
  font-weight: 400;
  line-height: 6.9rem;
  color: #fff;
}
body.single-faqs .backlinks a {
  text-decoration: underline;
}

/* Simple Lightbox */
.sl-overlay{
    background: #000 !important;
    opacity: 0.9 !important;
    z-index: 9999 !important;
}
.sl-wrapper .sl-close{
    color: #FFF !important;
}
.sl-wrapper .sl-navigation button{
    color: #FFF !important;
}
.sl-wrapper .sl-counter{
    z-index: 99999 !important;
    color: #FFF !important;
}

/* --- PAGE LANDING PAGE --- */

.page-template-tpl-landing #top .vertically-1{
    min-height: 100vh;
    background-color: transparent;
}

.page-template-tpl-landing #top{
    background-image: url(../img/btz-landing-bg.jpg);
}

#lp-1{
    margin-top: var(--BTZ230);    
}

#lp-1 h2{
    margin-bottom: var(--BTZ060);
}

#lp-1 .content-lead{
    color:#083368;
    font-weight: 600;
}

.img-decale{
    margin-top: -60px;
}

#lp-2 .reassurance-title{
    font-weight: bold;
    font-size: var(--BTZ018);
    text-transform: uppercase;
    letter-spacing: 5px;
}

#lp-2 .reassurance-picto{
    width: 111px;
    height: 111px;
    border: 1px solid #707070;
    border-radius: 50%;
}

#lp-2 > div > div:first-child img{
    height: 52px;
}

#lp-2 .reassurance-picto img{
    height: 40px;
}

#lp-2 .reassurance-texte{
    font-size: var(--BTZ016);
    line-height: 1.8;
}

#lp-3 .lp3-text{
    font-size: var(--BTZ017);
    color:#5880B2;
    margin-top: var(--BTZ018);
    line-height: var(--BT026);
}

#lp-3 .lp3-item{
    gap: var(--BTZ080);
}

#lp-3 .lp3-grid{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: var(--BTZ040);
}

.split-title{
    display: flex;
    flex-direction: column;
    gap: var(--BTZ010);
}

.split-title > span{
    margin-left: auto;
}

.medium-title{
    font-size: var(--BTZ040);
    font-weight: 300;
}

#lp-3{
    background-color: #0B1C3F;
}

#lp-5{
    margin-bottom: 240px;
}

#lp-5 .lp5-text{
    background-color: #083368;
    position: relative;
    top: 150px;
    left: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding-inline: var(--BTZ060);
    color: #fff;
    font-size: var(--BTZ018);
    line-height: 1.5;
    z-index: 1;
}

.mt-35{
    margin-top: var(--BTZ035);
}

.mb-60{
    margin-bottom: var(--BTZ060);
}

.content .content-lead{
    font-size: var(--BTZ025);
    font-weight: 500;
    line-height: 1.3;
}

.content .content-large{
    font-size: var(--BTZ016);
    line-height: var(--BTZ028);
}

.content .xl-title{
    font-size: 100px;
    line-height: 1;
    font-weight: 300;
    margin-top: var(--BTZ060);
}

.content .xl-title span{
    color:#C68880;
}

.content h2.title-primary{
    color:#C68880;
    font-size: var(--BTZ055);
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.2;
}

.p-block{
    padding-block: 10.125rem;
}
.m-block{
    margin-block: 10.125rem;
}

.m-block-xl{
    margin-block: 12rem;
}

.grid-3cols{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 2rem;
}

.grid-4cols{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 2rem;
}

.bloc3-image img{
    height: 12.5rem;
    object-fit: cover;
    object-position: center;
}

.percentage-title{
    color: #C68880;
    font-size: var(--BTZ025);
    margin-bottom: var(--BTZ030);
    line-height: 1.2;
}

.percentage-title > span{
    font-size: 100px;
    font-weight: 300;
    display: block;
    line-height: normal;
}

.faq_item{
    background-color: #fffaf9;
    border: 1px solid #f1f1f1;
    cursor: pointer;
}

.faq_arrow svg{
    width: 10px;
    transition: transform 250ms ease-out;
    transform: rotate(0deg);
}

.faq_arrow svg.arrow_active{
    transform: rotate(90deg);
}

.accordion__title{
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
}

.accordion__content{
    display: none;
    padding: 0 1.5rem 1.5rem 1.5rem;
    font-size: var(--BTZ018);
}

.overflow-visible{
    overflow: visible !important;
}

.cursor-pointer{
    cursor: pointer;
}

.single_testimonial{
    padding: var(--BTZ050);
    position: relative;
    flex: 0 0 auto;
    background-color: #F2F4F7;
    color: #535353;
}

.single_testimonial::before{
    content: '';
    display: block;
    position: absolute;
    top: -18px;
    width: var(--BTZ024);
    height: var(--BTZ045);
    background-color: #C68880;
}

.single_testimonial img{
    position: absolute;
    bottom: var(--BTZ013);
    right: 0;
    width: 17.5rem;
}

.single_testimonial .testimonial_message{
    font-size: var(--BTZ016);
    line-height: var(--BTZ026);
}

.single_testimonial .testimonial_author{
    font-size: var(--BTZ020);
    color: #C68880;
}

#bloc_img{
    height: var(--BTZ400);
}

#bloc_img img{
    object-fit: cover;
    object-position: center;
}

.btn-pink,
#menu_landing ul.menu li:last-of-type a{
    display: block;
    background-color: var(--BTZsaumon);
    padding: 1.8rem 5rem;
    font-size: var(--BTZ018);
    line-height: var(--BTZ018);
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s;
    letter-spacing: 2px;
}

#menu_landing ul.menu li:last-of-type a{
    font-size: var(--BTZ016);
}

#menu_landing ul.menu li:last-of-type a:hover{
    background-color:var(--BTZsaumon);
    color: #fff;
}

.btn-pink:hover{
    background-color: #F46262;
    text-decoration: none;
    color: #fff;
}

.full-screen-btn{
    background-color:var(--BTZsaumon);
    display: block;
    padding-block: var(--BTZ066);
}

#menu_landing ul.menu{
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0;
    gap: 4rem;
}

#menu_landing ul.menu a{
    font-size: 1rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 4px;
    color: #fff;
}


.lnd_slide{
    padding-block: 7rem;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.lnd_slide:before{
    content:'';
    background: #172745;
    opacity: .2;
    position: absolute;
    inset: 0;
}

.lnd_slide p{
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.4;
    margin-bottom: 3rem;
}

.lnd_slide h2,
.lnd_slide p{
    text-shadow: 2px 3px 5px rgba(0,0,0,0.15);
}

.lnd_slide h2 span{
    color: #083368;
    font-size: 5.8rem;
    line-height: normal;
    display: inline-block;
    font-weight: 500;
}

.lnd_slide a{
    display: block;
    color: #fff;
    padding-block: 1rem;
    text-transform: uppercase;
    font-size: 1.4rem;
    background-color: #FF7474;
}

#landing-slide .splide__arrows svg{
    stroke: #fff;
    transition: all 0.2s;
}

#landing-slide .splide__arrows button{
    position: absolute;
    z-index: 1;
    top: 50%;
}

#landing-slide .splide__arrows button:hover svg{
    stroke: #FF7474;
}

#landing-slide .splide__arrows button#nav-previous{
    left: 3rem;
}

#landing-slide .splide__arrows button#nav-previous svg{
    transform: none;
}

#landing-slide .splide__arrows button#nav-next{
    right: 3rem;
}

.slide_strasbourg{
    background-image: url(../img/btz-landing-bg.jpg);

}

/* --- RESPONSIVE MOBILE >728px --- */
@media all and (max-width: 728px) {
    #lp-5{
        margin-bottom: calc(10.125rem / 2);
    }

    #lp-1{
        margin-top: calc(10.125rem / 2);
    }
    #menu_landing ul.menu{
        flex-direction: column;
        display: none;
    }
    
    .lnd_slide p{
        font-size: 1.4rem;
    }

    .lnd_slide h2 span{
        font-size: 2.75rem;
    }

    .accordion__content{
        font-size: var(--BTZ016);
    }
    .gap-mobile{
        gap: 5rem;
    }
    #lp-3 .lp3-item{
        gap: var(--BTZ030);
    }
    .content .content-lead{
        font-size: var(--BTZ020);
        line-height: 1.3;
    }
    
    .content .content-large{
        font-size: var(--BTZ016);
        line-height: var(--BTZ028);
    }
    
    .content h2.title-primary{
        font-size: var(--BTZ035);
        line-height: 1.2;
    }

    #lp-3 .lp3-grid{
        grid-template-columns: 1fr;
    }

    .medium-title{
        font-size: var(--BTZ025);
    }

    .percentage-title{
        font-size: var(--BTZ025);
    }
    
    .percentage-title > span{
        font-size: var(--BTZ060);
    }

    .p-block{
        padding-block: calc(10.125rem / 2);
    }

    .m-block{
        margin-block: calc(10.125rem / 2);
    }

    #lp-5 .lp5-text{
        position: static;
        padding-inline: var(--BTZ030);
        font-size: var(--BTZ018);
    }

    .split-title{
        gap: 0;
    }

    .split-title > span{
        margin-left: 0;
    }
}

/* --- RESPONSIVE LP 1920px --- */
@media all and (min-width: 1920px) {
    .content .xl-title{
        font-size: 123px;
    }

    .content .content-lead{
        font-size: var(--BTZ035);
        line-height: 1.3;
    }
    
    .content .content-large{
        font-size: var(--BTZ018);
        line-height: var(--BTZ028);
    }
    
    .content h2.title-primary{
        font-size: var(--BTZ070);
        line-height: 1.2;
    }

    .medium-title{
        font-size: var(--BTZ050);
    }

    .percentage-title{
        font-size: var(--BTZ035);
    }
    
    .percentage-title > span{
        font-size: 123px;
    }
}

/* --- RESPONSIVE --- */
@media (max-width: 992px) {
    #historique .text.open p {
        overflow-y: scroll;
    }

    #gallerie-bien .gallerie-control{
        position: absolute;
        top: 50%;
        z-index: 999;
    }
    #gallerie-bien .gallerie-control#gallerie-control-previous{
        left:0;transform: translateY(-4em);
    }
    #gallerie-bien .gallerie-control#gallerie-control-next{
        right:15px;transform: translateY(-2.5em);
    }
    #gallerie-bien .col-md-8{
        padding: 0;
    }

    .grid-3cols{
        grid-template-columns: repeat(2,1fr);
    }
    
    .grid-4cols{
        grid-template-columns: repeat(2,1fr);
    }
}
/* Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
    body {
        line-height: 1.5rem;
    }
    /* NAVIGATION */
    #primary-nav {
        width: 100%;
    }
    #sticky-nav {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    #sticky-nav .acces-rapide a:first-of-type {
        margin: 0 1.5rem;
    }
    #sticky-nav .acces-rapide svg {
        width: 26px;
    }
    /* HEADER */
    header.container-fluid {
        padding: 1rem 1.5rem;
    }
    header #seo-sentence {
        margin-bottom: 1.5rem;
        font-size: .6rem;
        line-height: .8rem;
    }
    header #logo img {
        max-width: 100%;
    }
    .acces-rapide svg {
        width: 17px;
    }
    .acces-rapide a:first-of-type {
        margin: 0 1.1rem;
    }
    /* FOOTER */
    footer {
        background-position-y: center;
        background-position-x: center;
        background-size: 130%;
    }
    footer.container-fluid {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    footer .widget {
        margin-top: 1rem;
    }
    footer p {
        max-width: unset;
    }
    footer .widget:first-child p:first-child img {
        width: 85px;
        height: auto;
    }
    footer .info-contact li {
        display: inline-block;
        position: relative;
    }
    footer .info-contact li a {
        margin: 0;
    }
    footer .info-contact ul li:nth-child(2) {
        padding-left: 1.5rem;
    }
    footer .info-contact ul li:nth-child(2):before {
        content: '\2022';
        position: absolute;
        top: 50%;
        left: 0.75rem;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    footer .copyright {
        margin-top: 2rem;
    }
    footer .widget-2 .textwidget {
        float: none;
        max-width: unset;
    }
    .logo-fnaim {
        padding: 0;
    }
    /* GENERAL */
    #back-to-top {
        margin-top: 1.1rem;
        padding-bottom: .5rem;
    }
    .title h1 {
        margin-bottom: 2rem;
        font-size: 2.75rem;
        font-weight: 400;
        line-height: 2.5rem;
    }
    .title h1 span {
        font-size: 1rem;
        line-height: 1.25rem;
    }
    .title h2 {
        margin-bottom: 2rem;
        font-size: 2.75rem;
        font-weight: 400;
        line-height: 2.5rem;
    }
    .title h2 span {
        font-size: 1rem;
        line-height: 1.25rem;
    }
    #seo > .row > div {
        padding-left: 15px;
        padding-right: 15px;
    }
    #seo h2 {
        margin-bottom: 2rem;
        font-size: 2.75rem;
        line-height: 2.5rem;
    }
    #breadcrumbs {
        text-align: left;
    }
    .content .col-md-8 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .content h1 {
        margin-bottom: 1rem;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 2.75rem;
        font-weight: 400;
        line-height: 2.75rem;
    }
    .content h2 {
        margin-top: 2rem;
        margin-bottom: 1.5rem;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 2rem;
        font-weight: 400;
        line-height: 2rem;
    }
    .content .wp-block-column {
        margin-bottom: 1.5rem;
    }
    .content .blc-lnk {
        margin-top: 1.5rem;
    }
    
    .content .wp-block-column .blc-lnk {
        margin-top: 0;
    }
    #selection .title h2 {
        font-weight: 400;
    }
    #selection .title h2 span {
        margin-bottom: 0;
        font-size: 2.75rem;
        line-height: 2.5rem;
        color: #083368;
    }
    .content .wp-block-column {
        margin-bottom: 2rem;
    }
    .wp-block-columns .wp-block-column:last-child {
        margin-bottom: 0;
    }
    #top #discover {
        margin-top: 2.5rem;
    }
    /* PROPERTY SLIDER */
    .slider-control:before {
        content: ' ';
        display: block;
        padding-bottom: 470%;
    }
    .slider-control button svg {
        stroke-width: 3px;
    }
    .slider-control button#nav-previous {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .slider-control button#nav-next svg {
        position: absolute;
        right: 0;
    }
    #slider-inner .slide {
        width: 100%;
    }
    #slider-inner .slide:nth-child(1), #slider-inner .slide:nth-child(2) {
        margin-right: 0;
    }
    #slider-inner .slide:nth-child(n+2) {
        display: none;
    }
    #slider-inner.sliding {
        overflow: hidden;
    }
    #slider-inner.sliding .slide:nth-child(n+2) {
        display: block;
    }
    #slider-inner.sliding .slide:nth-child(1) {
        margin-right: 5%;
    }
    /* ACTUALITES */
    article.post .article-thumbnail:after {
        content: ' ';
        display: block;
        padding-bottom: 100%;
    }
    article.post .article-thumbnail {
        margin-bottom: 2rem;
    }
    
    /* ACCUEIL */
    #top {
        display: block;
        min-height: unset;
    }
    .vertically-1,
    .vertically-2,
    .vertically-3 {
        display: block;
    }
    .vertically-2 > div {
        margin: auto;
    }
    .vertically-1 {
        min-height: unset;
        height: 150px;
    }
    .vertically-3 {
        min-height: 96px;
        max-height: 150px;
    }
    .vertically-1 {
        background-color: rgba(8,51,104,1);
    }
    #top .bloc-couleur {
        font-size: 1.66rem;
        line-height: 1.66rem;
    }
    #top .bloc-couleur span {
        font-size: 1.25rem;
        line-height: 1.25rem;
    }
    #top .bloc-couleur:nth-child(1) a {
        background-color: rgba(5,29,65,0.6);
    }
    #top .bloc-couleur a:after {
        padding-bottom: 27%;
    }
    #top #slogan {
        margin-bottom: 0;
        font-size: 1rem;
    }
    #top #slogan:before {
        top: -10px;
        left: 50px;
    }
    #top #slogan:after {
        bottom: -10px;
        right: 50px;
    }
    #top #slogan:before,
    #top #slogan:after {
        width: 13px;
        height: 13px;
        background-size: 100%;
    }
    #selection, #reassurances, #historique, #seo, #socials {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .reassurance {
        margin-top: 5rem;
        padding: 0;
    }
    .reassurance:first-child {
        margin-top: 0;
    }
    .reassurance .icon {
        width: 50%;
    }
    .reassurance p.title {
    }
    
    #historique .blc-date {
        margin-bottom: 3rem;
    }
    #historique .blc-date:last-child {
        margin-bottom: 0;
    }
    #historique .date.annee {
        padding-left: 15px;
        padding-right: 15px;
        overflow: hidden;
    }
    #historique .text:after {
        content: " ";
        display: block;
        padding-bottom: 100%;
    }#historique .text.open:after {
        display: none;
    }
    #historique .date-1.annee div {
        left: 15px;
        -webkit-transform: none;
                transform: none;
    }
    #historique .date-2.annee div {
        right: -18px;
    }
    #historique .date-3.annee div {
        left: 15px;
    }
    #historique .date-4.annee {
        font-size: 5.4rem;
    }
    #historique .date-4.annee div {
        bottom: 1px;
        right: 15px;
    }
    #historique .blc-dates {
        position: relative;
    }
    #historique .storyline {
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        width: 1px;
        height: 100%;
        margin: 0;
        padding: 0;
        border-top: 0;
        border-left: 1px solid #535353;
    }
    #historique .pointer.pointer-date-1 {
        top: 0%;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    #historique .pointer.pointer-date-2 {
        top: 25%;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    #historique .pointer.pointer-date-3 {
        top: 50%;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    #historique .pointer.pointer-date-4 {
        top: 75%;
    }
    #historique .pointer.pointer-date-5 {
        display: none;
    }
    #historique .pointer.pointer-date-6 {
        display: none;
    }
    #historique .pointer.pointer-date-7 {
        display: none;
    }
    /* PAGE NV1 */
    #miseenavant {
        height: 257px;
    }
    #miseenavant a .infos {
        height: 100%;
        font-size: 1rem;
        line-height: 1rem;
        font-weight: 700;
    }
    #miseenavant a .infos .type,
    #miseenavant a .infos .prix,
    #miseenavant a .infos .preview {
        max-height: 48px;
    }
    #miseenavant a .infos .preview {
        position: absolute;
        bottom: 0;
        text-align: center;
    }
    #property-search form {
        width: 80%;
    }
    #property-search .title {
        margin-bottom: .5rem;
    }
    #property-search .type input[type=radio] + label,
    #property-search .zone input[type=radio] + label {
        margin-bottom: .8rem;
    }
    #property-search .zone {
        margin-top: 1rem;
    }
    #property-search input[type=text],
    #property-search input[type=number] {
        margin-bottom: .8rem;
    }
    #property-search #submit {
        margin-top: 1rem;
        margin-bottom: 1.5rem;
    }
    .btn-nv1 .col-md-8 {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* PAGE BIENS LISTE */
    #map {
        height: 300px;
    }
    .annonce-page.content .col-md-8,
    .annonce-page .title h1 {
        padding: 0;
    }
    .annonce-page .title h1 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .annonces-liste .annonce {
        margin-bottom: 2rem;
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .annonces-liste .annonce p {
        margin-bottom: .5rem;
    }
    .property-visite-virtuelle {
        right: 5rem;
    }
    .content a.property-preview {
        left: 3rem;
        width: calc(100% - 6rem);
    }
    /* PAGE DEFAUT */
    body.page-template-default #top,
    body.page-template-tpl-estimation #top,
    body.blog #top,
    body.search #top {
        background-position-y: calc(50% - 140px);
        background-position-x: center;
        background-size: 120%;
    }
    body.page-template-default #top.no-visual,
    body.page-template-tpl-estimation #top.no-visual,
    body.blog #top.no-visual,
    body.search #top.no-visual {
        background-position-y: calc(50% - 30px);
    }
    body.page-template-default #top:before,
    body.page-template-tpl-estimation #top:before,
    body.blog #top:before,
    body.search #top:before {
        content: ' ';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../img/bintz-bg-header.png);
        background-repeat: no-repeat;
        background-position-y: calc(50% - 90px);
        background-position-x: center;
        background-size: 120%;
    }
    body.page-template-default #top.no-visual:before,
    body.page-template-tpl-estimation #top.no-visual:before,
    body.blog #top.no-visual:before,
    body.search #top.no-visual:before {
        background-position-y: calc(50%);
    }
    body.page-template-default #logo a,
    body.page-template-tpl-estimation #logo a,
    body.postid-1079 #logo a,
    body.blog #logo a,
    body.search #logo a {
        display: none;
    }
    body.page-template-default #top .vertically-1,
    body.page-template-tpl-estimation #top .vertically-1,
    body.blog #top .vertically-1,
    body.search #top .vertically-1,
    #top.page-template-default .vertically-1 {
        min-height: 96px;
        max-height: 96px;
        background-color: rgba(8,51,104,0.8);
    }
    body.page-template-default #top h1,
    body.page-template-tpl-estimation #top h1,
    body.blog #top h1,
    body.search #top h1,
    #top.page-template-default h1,
    body.single-faqs h1,
    body.post-type-archive-faqs h1 {
        margin-bottom: 1rem;
        font-size: 2.5rem;
        font-weight: 400;
        line-height: 2.5rem;
    }
    body.page-template-default #top .vertically-2 .intro,
    body.page-template-tpl-estimation #top .vertically-2 .intro,
    body.blog #top .vertically-2 .intro,
    body.search #top .vertically-2 .intro,
    #top.page-template-default .vertically-2 .intro {
        margin-bottom: 2rem;
    }
    body.page-template-default #top .vertically-3,
    body.page-template-tpl-estimation #top .vertically-3,
    body.blog #top .vertically-3,
    body.search #top .vertically-3,
    #top.page-template-default .vertically-3 {
        min-height: unset;
    }
    body.page-template-default #top .vertically-3.image-entete,
    body.page-template-tpl-estimation #top .vertically-3.image-entete,
    body.blog #top .vertically-3.image-entete,
    body.search #top .vertically-3.image-entete,
    #top.page-template-default .vertically-3.image-entete {
        min-height: 250px;
        max-height: 250px;
    }
    body.page-template-default .content .blc-color,
    body.page-template-tpl-estimation .content .blc-color {
        margin-bottom: 1rem;
        padding: .5rem 1.5rem;
        font-size: 1.1rem;
    }
    /* 404 */
    body.error404 #top {
        background-position-y: calc(50% - 140px);
        background-position-x: center;
        background-size: 120%;
    }
    body.error404 #top.no-visual {
        background-position-y: calc(50% - 30px);
    }
    body.error404 #top:before {
        content: ' ';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../img/bintz-bg-header.png);
        background-repeat: no-repeat;
        background-position-y: calc(50% - 90px);
        background-position-x: center;
        background-size: 120%;
    }
    body.error404 #top.no-visual:before {
        background-position-y: calc(50%);
    }
    body.error404 #logo a {
        display: none;
    }
    body.error404 #top .vertically-1 {
        min-height: 96px;
        max-height: 96px;
        background-color: rgba(8,51,104,0.8);
    }
    body.error404 #top h1 {
        margin-bottom: 1rem;
        font-size: 2.5rem;
        font-weight: 400;
        line-height: 2.5rem;
    }
    body.error404 #top .vertically-2 .intro {
        margin-bottom: 2rem;
    }
    body.error404 #top .vertically-3 {
        min-height: unset;
    }
    body.error404 #top .vertically-3.image-entete {
        min-height: 250px;
        max-height: 250px;
    }
    /* ARTICLE */
    body.single-post #top {
        background-position-y: calc(50% - 140px);
        background-position-x: center;
        background-size: 120%;
    }
    body.single-post #top.no-visual {
        background-position-y: calc(50% - 30px);
    }
    body.single-post #top:before {
        content: ' ';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../img/bintz-bg-header.png);
        background-repeat: no-repeat;
        background-position-y: calc(50% - 90px);
        background-position-x: center;
        background-size: 120%;
    }
    body.single-post #top.no-visual:before {
        background-position-y: calc(50%);
    }
    body.single-post #logo a {
        display: none;
    }
    body.single-post #top .vertically-1 {
        min-height: 96px;
        max-height: 96px;
        background-color: rgba(8,51,104,0.8);
    }
    body.single-post #top h1 {
        margin-bottom: 1rem;
        font-size: 2.5rem;
        font-weight: 400;
        line-height: 2.5rem;
    }
    body.single-post #top .vertically-2 .intro {
        margin-bottom: 2rem;
    }
    body.single-post #top .vertically-3 {
        min-height: unset;
    }
    body.single-post #top .vertically-3.image-entete {
        min-height: 250px;
        max-height: 250px;
    }
    body.single-post .content .blc-color {
        margin-bottom: 1rem;
        padding: .5rem 1.5rem;
        font-size: 1.1rem;
    }
    /* PAGE CONTACT */
    body.page-template-tpl-contact #top:before {
        background-position-y: center;
        background-position-x: center;
        background-size: 120%;
    }
    body.page-template-tpl-contact #top .vertically-1 {
        min-height: 96px;
        max-height: 96px;
        background-color: rgba(8,51,104,0.8);
    }
    body.page-template-tpl-contact #top .vertically-2 {
        text-align: center;
    }
    body.page-template-tpl-contact #top .vertically-2 img {
        max-width: 113px;
        margin-bottom: 6rem;
    }
    body.page-template-tpl-contact #top .vertically-3 {
        min-height: unset;
    }
    body.page-template-tpl-contact #top .vertically-3 .blc-color {
        margin-bottom: -1.25rem;
        padding: .5rem 1.5rem;
        font-size: 1.1rem;
    }
    body.page-template-tpl-contact #breadcrumbs {
        margin-top: 1.25rem;
    }
    .wpcf7_bintz input[type="text"], .wpcf7_bintz input[type="email"], .wpcf7_bintz input[type="file"] {
        font-size: 1.5rem;
    }
    .wpcf7_bintz select {
        border-right: 1px solid #CECBCB;
    }
    body.page-template-tpl-contact .adresse {
        margin-bottom: 3rem;
    }
    
    body.page-template-tpl-contact .carte {
        padding-right: 15px;
    }
    body.page-template-tpl-contact .carte iframe {
        height: 400px;
    }
    /* PAGE ANNONCE */
    .bandeauTopBien .left,
    .bandeauTopBien .down {
        padding: 1rem;
    }
    #bandeauSticky {
        display: none;
    }
    .top-bien .vertically-3 {
        min-height: 250px;
        max-height: 250px;
    }
    .bien .title,
    .bien .title h1{
        padding: 0;
    }
    .bien .title h1{
        margin-bottom: 2rem;
        font-size: 2.75rem;
        line-height: 2.75rem;
    }
    .bien .price {
        margin-bottom: 4rem;
        font-size: 2.66rem;
        line-height: 3.25rem;
    }
    .bien .numbers {
        margin-bottom: 4rem;
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 2.9rem;
    }
    #gallerie-bien {
        margin:auto;
        margin-bottom: 4rem;
    }
    .bien #pointsforts {
        font-size: 1.16rem;
    }
    .bien #pointsforts .pointfort {
        margin-bottom: .5rem;
    }
    .bien #pointsforts svg {
        width: 26px;
    }
    .bien #description {
        margin-bottom: 4rem;
    }
    .bien #descriptif {
        margin-bottom: 4rem;
        padding-left: 15px;
        padding-right: 15px;
    }
    .bien #descriptif .infos .info:last-child {
        border-bottom: none;
    }
    .bien #descriptif .infos .bilan .graph {
        padding: 0;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    
    .bien #infosup .infos .agent-img {
        padding: 0;
    }
    .bien #infosup {
        margin-bottom: 4rem;
        padding-left: 15px;
        padding-right: 15px;
    }
    .bien #infosup .infos {
        margin-bottom: 3rem;
        padding-left: 15px;
        padding-right: 15px;
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem;
    }
    .bien #infosup .carte-proximite {
        padding: 0;
    }
    .bien #infosup .carte-proximite #map-f, .bien #infosup .carte-proximite iframe {
        width: 100%;
        height: 500px;
    }
    .bien #dossier-locataire {
        margin-bottom: 4rem;
    }
    .bien #quartier {
        margin-bottom: 4rem;
        padding-left: 15px;
        padding-right: 15px;
    }
    #partage.pop-in p {
        margin-top: 1rem;
        margin-bottom: .5rem;
    }
    body.single-faqs .vertically-1,
    body.post-type-archive-faqs .vertically-1 {
      background-color: rgba(8,51,104,0.8);
    }
    /* LANDING PAGE */
    .grid-3cols{
        grid-template-columns: 1fr;
    }
    
    .grid-4cols{
        grid-template-columns: 1fr;
    }
}

/* --- 07-06-2022 --- */
.bien #descriptif .infos .bilan .energie.dpe-2021 .graph {
  font-size: 1.45rem;
  line-height: 2.5rem;
}
.bien #descriptif .infos .bilan .energie.dpe-2021 .graph .barre:before {
  height: 26px;
}
.bien #descriptif .infos .bilan .energie.dpe-2021 .graph .pointer {
  border: 1px solid grey;
  background-image: none;
  color: #535353;
  font-size: 1rem;
  line-height: 1.16rem;
}
.bien #descriptif .infos .bilan .energie.dpe-2021 .graph .pointer span {

}

/* --- 25-08-2022 --- */
    
:root {
    --BTZsaumon: #FF7474;
    --BTZ001: 0.083333333rem;
    --BTZ002: 0.166666667rem;
    --BTZ003: 0.25rem;
    --BTZ004: 0.333333333rem;
    --BTZ005: 0.416666667rem;
    --BTZ006: 0.5rem;
    --BTZ007: 0.583333333rem;
    --BTZ008: 0.666666667rem;
    --BTZ009: 0.75rem;
    --BTZ010: 0.833333333rem;
    --BTZ011: 0.916666667rem;
    --BTZ012: 1rem;
    --BTZ013: 1.083333333rem;
    --BTZ014: 1.166666667rem;
    --BTZ015: 1.25rem;
    --BTZ016: 1.333333333rem;
    --BTZ017: 1.416666667rem;
    --BTZ018: 1.5rem;
    --BTZ019: 1.583333333rem;
    --BTZ020: 1.666666667rem;
    --BTZ021: 1.75rem;
    --BTZ022: 1.833333333rem;
    --BTZ023: 1.916666667rem;
    --BTZ024: 2rem;
    --BTZ025: 2.083333333rem;
    --BTZ026: 2.166666667rem;
    --BTZ027: 2.25rem;
    --BTZ028: 2.333333333rem;
    --BTZ029: 2.416666667rem;
    --BTZ030: 2.5rem;
    --BTZ031: 2.583333333rem;
    --BTZ032: 2.666666667rem;
    --BTZ033: 2.75rem;
    --BTZ034: 2.833333333rem;
    --BTZ035: 2.916666667rem;
    --BTZ036: 3rem;
    --BTZ037: 3.083333333rem;
    --BTZ038: 3.166666667rem;
    --BTZ039: 3.25rem;
    --BTZ040: 3.333333333rem;
    --BTZ041: 3.416666667rem;
    --BTZ042: 3.5rem;
    --BTZ043: 3.583333333rem;
    --BTZ044: 3.666666667rem;
    --BTZ045: 3.75rem;
    --BTZ046: 3.833333333rem;
    --BTZ047: 3.916666667rem;
    --BTZ048: 4rem;
    --BTZ049: 4.083333333rem;
    --BTZ050: 4.166666667rem;
    --BTZ051: 4.25rem;
    --BTZ052: 4.333333333rem;
    --BTZ053: 4.416666667rem;
    --BTZ054: 4.5rem;
    --BTZ055: 4.583333333rem;
    --BTZ056: 4.666666667rem;
    --BTZ057: 4.75rem;
    --BTZ058: 4.833333333rem;
    --BTZ059: 4.916666667rem;
    --BTZ060: 5rem;
    --BTZ061: 5.083333333rem;
    --BTZ062: 5.166666667rem;
    --BTZ063: 5.25rem;
    --BTZ064: 5.333333333rem;
    --BTZ065: 5.416666667rem;
    --BTZ066: 5.5rem;
    --BTZ067: 5.583333333rem;
    --BTZ068: 5.666666667rem;
    --BTZ069: 5.75rem;
    --BTZ070: 5.833333333rem;
    --BTZ071: 5.916666667rem;
    --BTZ072: 6rem;
    --BTZ073: 6.083333333rem;
    --BTZ074: 6.166666667rem;
    --BTZ075: 6.25rem;
    --BTZ076: 6.333333333rem;
    --BTZ077: 6.416666667rem;
    --BTZ078: 6.5rem;
    --BTZ079: 6.583333333rem;
    --BTZ080: 6.666666667rem;
    --BTZ081: 6.75rem;
    --BTZ082: 6.833333333rem;
    --BTZ083: 6.916666667rem;
    --BTZ084: 7rem;
    --BTZ085: 7.083333333rem;
    --BTZ086: 7.166666667rem;
    --BTZ087: 7.25rem;
    --BTZ088: 7.333333333rem;
    --BTZ089: 7.416666667rem;
    --BTZ090: 7.5rem;
    --BTZ091: 7.583333333rem;
    --BTZ092: 7.666666667rem;
    --BTZ093: 7.75rem;
    --BTZ094: 7.833333333rem;
    --BTZ095: 7.916666667rem;
    --BTZ096: 8rem;
    --BTZ097: 8.083333333rem;
    --BTZ098: 8.166666667rem;
    --BTZ099: 8.25rem;
    --BTZ100: 8.333333333rem;
    --BTZ230: 14.375rem;
    --BTZ400: 25rem;
}

body.page-template-tpl-quartiers #top {
    color: #fff;
}

body.page-template-tpl-quartiers #top h1 {
    margin-bottom: 1.5rem;
    text-align: center;
    font-size: 6.9rem;
    font-weight: 400;
    line-height: 6.9rem;
    color: #fff;
}

body.page-template-tpl-quartiers #top .vertically-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    background-color: rgba(8, 51, 104, 0.8);
}

body.page-template-tpl-quartiers #top .vertically-2 .title {
    padding: 0;
    padding-bottom: 6rem;
}

body.page-template-tpl-quartiers #top .vertically-3 {
    overflow: hidden;
    max-height: unset;
    position: relative;
}

body.page-template-tpl-quartiers #top .vertically-3 img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.bloc_liste_quartiers {
    width: 100%
}

h2.bloc_liste_quartiers-titre {
    margin-top: 9.16rem !important;
    margin-bottom: 6.16rem;
    font-size: 2.5rem;
    line-height: 3.5rem;
    text-align: center;
}

.bloc_liste_quartiers-content {
    position: relative;
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
}

.bloc_liste_quartiers-content:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 13.5rem;
    background: rgb(8, 51, 104);
    background: linear-gradient(180deg, rgba(8, 51, 104, 0.7091211484593838) 0%, rgba(8, 51, 104, 1) 100%);
}

.bloc_liste_quartiers-soustitre {
    width: 62rem;
    height: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    background-color: var(--BTZsaumon);
    font-size: var(--BTZ030);
    line-height: var(--BTZ042);
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    transform: translateY(-3.83rem);
}

.bloc_liste_quartiers-liste {
    display: flex;
    overflow: hidden;
    margin-top: 3.5rem;
}

.bloc_liste_quartiers-liste a:first-child {
  margin-left: 0;
  transition: all 0.2s;
}
.bloc_liste_quartiers-liste.pos1 a:first-child {
  margin-left: 0;
}
.bloc_liste_quartiers-liste.pos2 a:first-child {
  margin-left: -100%;
}
.bloc_liste_quartiers-liste.pos3 a:first-child {
  margin-left: -200%;
}
.bloc_liste_quartiers-liste.pos4 a:first-child {
  margin-left: -300%;
}

.quartiers-liste-quartier {
    overflow: hidden;
    position: relative;
    flex: 0 0 auto;
    width: 16.66666%;
    height: 100vh;
    background-color: #000;
}

.quartiers-liste-quartier:before {
    z-index: 2;
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 33%;
    background: rgb(8, 51, 104);
    background: linear-gradient(180deg, rgba(8, 51, 104, 1) 0%, rgba(8, 51, 104, 0) 100%);
}

.quartiers-liste-quartier:after {
    z-index: 2;
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 33%;
    background: rgb(8, 51, 104);
    background: linear-gradient(0deg, rgba(8, 51, 104, 1) 0%, rgba(8, 51, 104, 0) 100%);
}

.quartiers-liste-quartier_image {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: all 0.2s;
}

.quartiers-liste-quartier:hover .quartiers-liste-quartier_image {
    transform: scale(1.05);
    opacity: .9;
}

.quartiers-liste-quartier_nom {
    z-index: 6;
    position: absolute;
    top: 19.5%;
    left: 0;
    width: 100%;
    height: auto;
    font-size: var(--BTZ030);
    line-height: var(--BTZ042);
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 var(--BTZ006) rgba(0, 0, 0, .53);
    transition: all 0.2s;
}

.quartiers-liste-quartier:hover .quartiers-liste-quartier_nom {
    top: 48%;
}

.quartiers-liste-quartier_btn {
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-top: var(--BTZ046);
    width: var(--BTZ030);
    height: var(--BTZ030);
    border-radius: 50rem;
    background-color: var(--BTZsaumon);
    box-shadow: 0 0 var(--BTZ006) rgba(0, 0, 0, .53);
    transition: all 0.2s;
}

.quartiers-liste-quartier_btn svg {
    width: var(--BTZ015);
    height: auto;
}

.quartiers-liste-quartier:hover .quartiers-liste-quartier_btn {
    opacity: 1;
}

.bloc_liste_quartiers-contact {
    z-index: 5;
    position: absolute;
    bottom: 10rem;
    left: 16.66%;
    width: 66.66%;
    font-size: var(--BTZ018);
    line-height: var(--BTZ026);
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.bloc_liste_quartiers-btns {
    z-index: 5;
    position: absolute;
    bottom: var(--BTZ032);
    left: 16.66%;
    width: 66.66%;
    display: flex;
    justify-content: center;
    display: none;
}

.bloc_liste_quartiers-btn {
    opacity: .53;
    width: var(--BTZ017);
    height: var(--BTZ017);
    margin-left: var(--BTZ006);
    margin-right: var(--BTZ006);
    background-color: #fff;
    transition: all 0.2s;
}

.bloc_liste_quartiers-btn.active,
.bloc_liste_quartiers-btn:hover {
    opacity: 1;
}

.bloc_liste_quartiers-ctrl {
    z-index: 6;
    position: absolute;
    bottom: 2rem;
    padding: 2rem;
}

.bloc_liste_quartiers-ctrl svg {
    stroke-width: 3px;
    stroke: #fff;
    transition: all 0.2s;
}
.bloc_liste_quartiers-ctrl:hover svg{
  stroke: var(--BTZsaumon);
}

.bloc_liste_quartiers-ctrl-previous {
    left: 16.66%;
    transform: translateX(-50%);
}

.bloc_liste_quartiers-ctrl-next {
    right: 16.66%;
    transform: translateX(50%);
}

#articles {
    padding-top: 14.66rem;
    background-color: #083368;
}

#articles .title h2 {
    margin-bottom: 1.66rem;
    font-size: 2.08rem;
    line-height: 2.91rem;
    color: #fff;
}

#articles-slider-inner {
    display: flex;
    padding-bottom: 13.33rem;
    overflow: hidden;
}

#articles-slider-inner .article {
    flex: 0 0 auto;
    width: 23.875%;
    margin-left: 1.5%;
    color: #fff;
}

#articles-slider-inner .article:first-child,
#articles-slider-inner .article:nth-child(4n+1) {
    margin-left: 0;
}

.article-image {
    position: relative;
}

.article-image:before {
    content: ' ';
    display: block;
    padding-bottom: 84.14%;
}

.article-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.article-titre {
    height: 4rem;
    overflow: hidden;
    margin-top: 1.25rem;
    font-family: 'Lato', sans-serif;
    font-size: 1.66rem;
    font-weight: 700;
    line-height: 2rem;
    font-style: italic;
}

.article-exerpt {
    height: 8.33rem;
    overflow: hidden;
    margin-top: 0.33rem;
    font-size: 1.16rem;
    line-height: 1.66rem;
}

.article-lien {
    height: var(--BTZ042);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #C58E85;
    color: #fff;
    text-align: center;
}

#articles-slider-inner .article:hover {
    text-decoration: none;
}

body.page-template-tpl-quartier #top {
    color: #fff;
}

body.page-template-tpl-quartier #top h1 {
    margin-bottom: 1.5rem;
    text-align: center;
    font-size: 6.9rem;
    font-weight: 400;
    line-height: 6.9rem;
    color: #fff;
}

body.page-template-tpl-quartier #top .vertically-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    background-color: rgba(8, 51, 104, 0.8);
}

body.page-template-tpl-quartier #top .vertically-2 .title {
    padding: 0;
    padding-bottom: 6rem;
}

body.page-template-tpl-quartier #top .vertically-3 {
    overflow: hidden;
    max-height: unset;
    position: relative;
}

body.page-template-tpl-quartier #top .vertically-3 img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

#quartier-visuel {
    z-index: 2;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

#quartier-visuel:before {
    content: ' ';
    display: block;
    padding-bottom: 32.81%;
}

#quartier-visuel img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

#quartier-visuel a {
    position: relative;
    height: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    padding-left: var(--BTZ052);
    padding-right: var(--BTZ052);
    background-color: var(--BTZsaumon);
    font-size: var(--BTZ030);
    line-height: var(--BTZ042);
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.bloc_contenu_quartier {
    position: relative;
    margin-top: 16.66rem;
}

.bloc_contenu_quartier-fond {
    position: absolute;
    top: 23%;
    left: 0;
    width: 100%;
    height: 60%;
}

.bloc_contenu_quartier-fond:before {
    content: ' ';
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(8, 51, 104, .87)
}

.bloc_contenu_quartier-fond img {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.bloc_contenu_quartier-boutons {
    width: 66.66%;
    margin: auto;
    display: flex;
}

.bloc_contenu_quartier-btn {
    position: relative;
    flex: 0 0 auto;
    width: 33.333333%;
    height: 18rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}

.bloc_contenu_quartier-btn:before {
    content: ' ';
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(8, 51, 104, .87)
}

.bloc_contenu_quartier-btn img {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.bloc_contenu_quartier-btn h2 {
    z-index: 3;
    position: relative;
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 8.75rem;
    margin: 0;
    font-size: var(--BTZ025);
    line-height: var(--BTZ035);
    color: #fff;
}

.bloc_contenu_quartier-btn svg {
    z-index: 3;
    position: relative;
    flex: 0 0 auto;
    width: var(--BTZ024);
    height: auto;
    transform: rotateX(0);
    transition: all 0.2s;
}

.bloc_contenu_quartier-btn.active svg {
    transform: rotateX(180deg);
}

.bloc_contenu_quartier-contenus {
    z-index: 3;
    position: relative;
    width: 66.66%;
    margin: auto;
    padding-top: var(--BTZ090);
    padding-bottom: var(--BTZ056);
    padding-left: var(--BTZ100);
    padding-right: var(--BTZ100);
    background-color: #fff;
}

.bloc_contenu_quartier-contenu {
    display: none;
    opacity: 0;
    font-size: var(--BTZ018);
    line-height: var(--BTZ026);
}

.bloc_contenu_quartier-contenu.active {
    display: block;
    opacity: 1;
}

.bloc_contenu_quartier-vendus {
    z-index: 3;
    width: 66.66%;
    margin: auto;
    margin-top: 24rem;
}

.bloc_contenu_quartier-vendus #vendus .title h2 {
    margin-bottom: var(--BTZ016);
    font-size: var(--BTZ030);
    line-height: var(--BTZ042);
    color: #fff;
}

.bloc_lien {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: var(--BTZ050);
}

.bloc_lien a {
    height: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    padding-left: var(--BTZ052);
    padding-right: var(--BTZ052);
    background-color: var(--BTZsaumon);
    font-size: var(--BTZ030);
    line-height: var(--BTZ042);
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}

body.page-template-default section.content .bloc_lien a {
    text-decoration: none;
}

body.page-template-default section.content .bloc_lien a:hover {
    text-decoration: underline;
}

body.page-template-tpl-quartier .bloc_liste_quartiers-titre {
    margin-bottom: var(--BTZ022);
}

body.page-template-tpl-quartier .bloc_liste_quartiers-soustitre {
    display: none;
}

body.page-template-tpl-quartier .bloc_liste_quartiers-liste {
    margin-top: var(--BTZ022);
}
/* --- PAGE GESTION --- */

body.page-template-tpl-gestion #top {
    color: #fff;
}

body.page-template-tpl-gestion #top h1 {
    margin-bottom: 1.5rem;
    text-align: center;
    font-size: 6.9rem;
    font-weight: 400;
    line-height: 6.9rem;
    color: #fff;
}

body.page-template-tpl-gestion #top .vertically-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    background-color: rgba(8, 51, 104, 0.8);
}

body.page-template-tpl-gestion #top .vertically-2 .title {
    padding: 0;
    padding-bottom: 6rem;
}

body.page-template-tpl-gestion #top .vertically-3 {
    overflow: hidden;
    max-height: unset;
    position: relative;
}

body.page-template-tpl-gestion #top .vertically-3 img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.bloc_image-texte {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding-top: var(--BTZ095);
    padding-bottom: 10rem;
    padding-left: 16.67%;
    padding-right: 16.67%;
  }
  .bloc_image-texte.w-fond:before {
    z-index: 2;
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(8, 51, 104, 0.69);
  }
  .bloc_image-texte_fond {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
  
  .bloc_image-texte h2.bloc_image-texte_titre {
    position: relative;
    z-index: 3;
    flex: 0 0 auto;
    width: 100%;
    margin-bottom: var(--BTZ080);
    font-size: var(--BTZ030);
    line-height: var(--BTZ036);
    font-weight: 700;
    text-align: right;
  }
  .bloc_image-texte.w-fond h2.bloc_image-texte_titre {
    color: #fff;
  }
  
  .bloc_image-texte-content {
    position: relative;
    z-index: 3;
  }
  .bloc_image-texte_image {
    width: 75.46%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -60px;
  }
  .bloc_image-texte_image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
  .bloc_image-texte_texte {
    position: relative;
    flex: 0 0 auto;
    width: 57.84%;
    padding-top: var(--BTZ090);
    padding-bottom: var(--BTZ074);
    padding-left: var(--BTZ100);
    padding-right: var(--BTZ100);
    background-color: #083368;
    font-size: var(--BTZ018);
    line-height: var(--BTZ022);
    font-weight: 700;
    color: #fff;
  }
  .bloc_image-texte_texte img {
    position: absolute;
    top: var(--BTZ013);
    right: var(--BTZ038);
    width: 77.5rem;
  }
  .bloc_image-texte_texte p {
    margin-bottom: var(--BTZ022);
  }
  
  .bloc_image-texte_lien {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28rem;
    height: var(--BTZ062);
    margin: auto;
    background-color: #C58E85;
    font-size: var(--BTZ015);
    line-height: var(--BTZ018);
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s;
  }
  .bloc_image-texte_lien:hover {
    background-color: var(--BTZsaumon);
    color: #fff;
  }
  
  .bloc_image-texte.imtext h2.bloc_image-texte_titre {
    text-align: left;
  }
  .bloc_image-texte.imtext .bloc_image-texte-content {
    display: flex;
    justify-content: flex-end;
  }
  .bloc_image-texte.imtext .bloc_image-texte-content .bloc_image-texte_image {
    right: unset;
    left: 0;
  }
  
  #articles-slider-inner .article {
    text-decoration: none;
  }
  
  @media (max-width: 1499px) {
  
    .quartiers-liste-quartier_nom {
      font-size: var(--BTZ025);
      line-height: var(--BTZ032);
    }
    .article-exerpt {
      height: var(--BTZ070);
      margin-bottom: var(--BTZ014);
      font-size: var(--BTZ012);
      line-height: var(--BTZ014);
    }
  
  }
  
  @media (max-width: 1199px) {
  
    .quartiers-liste-quartier {
      width: 25%;
      height: 75vh;
    }
  
  }
  
  @media (max-width: 992px) {
  
  
  
  }
  
  @media (max-width: 768px) {
  
    body.page-template-tpl-quartiers #top,
    body.page-template-tpl-quartier #top {
        background-position-y: calc(50% - 140px);
        background-position-x: center;
        background-size: 120%;
    }
    body.page-template-tpl-quartiers #top.no-visual,
    body.page-template-tpl-quartier #top.no-visual {
        background-position-y: calc(50% - 30px);
    }
    body.page-template-tpl-quartiers #top:before,
    body.page-template-tpl-quartier #top:before {
        content: ' ';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../img/bintz-bg-header.png);
        background-repeat: no-repeat;
        background-position-y: calc(50% - 90px);
        background-position-x: center;
        background-size: 120%;
    }
    body.page-template-tpl-quartiers #top.no-visual:before,
    body.page-template-tpl-quartier #top.no-visual:before {
        background-position-y: calc(50%);
    }
    body.page-template-tpl-quartiers #logo a,
    body.page-template-tpl-quartier #logo a {
        display: none;
    }
    body.page-template-tpl-quartiers #top .vertically-1,
    body.page-template-tpl-quartier #top .vertically-1 {
        min-height: 96px;
        max-height: 96px;
        background-color: rgba(8,51,104,0.8);
    }
    body.page-template-tpl-quartiers #top h1,
    body.page-template-tpl-quartier #top h1 {
        margin-bottom: 1rem;
        font-size: 2.5rem;
        font-weight: 400;
        line-height: 2.5rem;
    }
    body.page-template-tpl-quartiers #top .vertically-2 .intro,
    body.page-template-tpl-quartier #top .vertically-2 .intro {
        margin-bottom: 2rem;
    }
    body.page-template-tpl-quartiers #top .vertically-3,
    body.page-template-tpl-quartier #top .vertically-3 {
        min-height: unset;
    }
  
    h2.bloc_liste_quartiers-titre {
      margin-top: var(--BTZ055) !important;
      font-size: var(--BTZ025);
      line-height: var(--BTZ030);
    }
  
    .bloc_liste_quartiers-soustitre {
      width: 83.333333%;
      height: var(--BTZ053);
      margin-left: auto;
      margin-right: auto;
      font-size: var(--BTZ014);
      line-height: var(--BTZ017);
      transform: translateY(-50%);
    }
  
    .bloc_liste_quartiers-liste {
      overflow-x: auto;
    }
    .bloc_liste_quartiers-liste.pos2 a:first-child {
      margin-left: 0 !important;
    }
    .quartiers-liste-quartier {
      width: 50%;
      height: 26.66rem;
    }
    .quartiers-liste-quartier_nom {
      font-size: var(--BTZ020);
      line-height: var(--BTZ024);
    }
    .quartiers-liste-quartier_btn {
      opacity: 1;
    }
    .bloc_liste_quartiers-contact {
      position: relative;
      bottom: unset;
      left: unset;
      width: 100%;
      margin-top: var(--BTZ039);
      padding-left: 15px;
      padding-right: 15px;
      font-size: var(--BTZ012);
      line-height: var(--BTZ018);
      color: #535353;
      text-align: left;
    }
    .bloc_liste_quartiers-ctrl {
      display: none;
      bottom: 11rem;
    }
    .bloc_liste_quartiers-ctrl svg {
      width: var(--BTZ030);
      height: auto;
      stroke-width: 4;
    }
    .bloc_liste_quartiers-ctrl-previous {
      left: var(--BTZ015);
      transform: none;
    }
    .bloc_liste_quartiers-ctrl-next {
      right: var(--BTZ015);
      transform: none;
    }
  
    body.page-template-tpl-quartiers #vendus {
      margin-top: var(--BTZ099);
      margin-bottom: 0;
      padding-top: var(--BTZ048);
      padding-bottom: var(--BTZ098);
      background-color: #F7F7F7;
    }
    body.page-template-tpl-quartiers #vendus .title h2 {
      padding: 0;
      font-size: var(--BTZ025);
      line-height: var(--BTZ030);
    }
  
    #articles {
      padding-top: var(--BTZ100);
      background-color: transparent;
    }
    #articles .title h2 {
      color: #083368;
    }
    #articles-slider-inner {
      overflow: hidden;
      padding-bottom: var(--BTZ070);
    }
    #articles-slider-inner .article {
      width: 100%;
      color: #535353;
    }
    #articles-slider-inner .article-titre {
      color: #083368;
    }
    #articles-slider-inner .article-lien {
      background-color: #083368;
    }
  
  
    #quartier-visuel a {
      height: var(--BTZ053);
      font-size: var(--BTZ014);
      line-height: var(--BTZ017);
    }
    .bloc_contenu_quartier {
      margin-top: 0;
    }
    .bloc_contenu_quartier-boutons {
      flex-wrap: wrap;
      width: 100%;
    }
    .bloc_contenu_quartier-btn {
      width: 100%;
    }
    .bloc_contenu_quartier-contenus {
      width: 100%;
      padding-top: var(--BTZ020);
      padding-bottom: var(--BTZ020);
      padding-left: var(--BTZ015);
      padding-right: var(--BTZ015);
    }
    .bloc_contenu_quartier-contenu {
      font-size: var(--BTZ014);
      line-height: var(--BTZ017);
    }
    .bloc_contenu_quartier-fond {
      position: relative;
      top: unset;
      left: unset;
      height: unset;
    }
    .bloc_contenu_quartier-fond:before {
      display: none;
    }
    .bloc_contenu_quartier-fond:after {
      content: ' ';
      display: block;
      padding-bottom: 90%;
    }
    .bloc_contenu_quartier-vendus {
      width: 100%;
      margin-top: var(--BTZ052);
    }
    .bloc_contenu_quartier-vendus #vendus .title h2 {
      color: #083368;
    }
    body.page-template-default section.content .bloc_lien a {
      height: var(--BTZ053);
      font-size: var(--BTZ014);
      line-height: var(--BTZ017);
    }
  
    .bloc_image-texte {
      padding-left: var(--BTZ015);
      padding-right: var(--BTZ015);
    }
    .bloc_image-texte h2.bloc_image-texte_titre {
      margin-bottom: var(--BTZ015);
      font-size: var(--BTZ025);
      line-height: var(--BTZ030);
    }
    .bloc_image-texte_image {
      width: 100%;
      height: unset;
      position: relative;
      top: unset;
      left: unset;
      margin-top: 0;
    }
    .bloc_image-texte_image img {
      position: relative;
      top: unset;
      left: unset;
    }
    .bloc_image-texte_texte {
      width: 100%;
      padding: var(--BTZ015);
      font-size: var(--BTZ014);
      line-height: var(--BTZ017);
      font-weight: 400;
    }
  
    .bloc_image-texte_lien {
      position: relative;
      bottom: unset;
      left: unset;
      transform: none;
    }
  
  }

  

.blog-encadre {
  padding: 2rem 3rem;
  margin: 2rem 0;
}


.single-post ul li a{
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  


  /* --- PAGE GESTION --- */
#bloc1 {
  margin-top: 9.33rem;
  background-color: #083368;
}
#bloc1 .bd-blc-color p {
  margin-bottom: 0;
}
.bloc1-content {
  display: flex;
  flex-wrap: wrap;
}
.bloc1-content-text {
  flex: 0 0 auto;
  width: 66.79%;
  padding-top: var(--BTZ100);
  padding-bottom: var(--BTZ100);
  padding-left: var(--BTZ090);
  padding-right: 20.16rem;
  font-size: var(--BTZ018);
  line-height: var(--BTZ022);
  color: #fff;
}
.bloc1-content-text h2 {
  margin-bottom: var(--BTZ070);
  font-size: var(--BTZ030);
  line-height: var(--BTZ036);
  color: #fff;
}
.bloc1-content-text strong {
  color: #fff;
  font-style: italic;
}
.bloc1-content-image {
  flex: 0 0 auto;
  width: 33.21%;
  position: relative;
}
.bloc1-content-image img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
}

.bloc1-links {
  display: flex;
  flex-wrap: wrap;
}
.bloc1-link {
  position: relative;
  flex: 0 0 auto;
  width: 33.33333%;
  height: 16.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.bloc1-link:hover {
  color: #fff;
}
.bloc1-link:before {
  z-index: 3;
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(8, 51, 104, .76);
}
.bloc1-link > img {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.bloc1-link-info {
  z-index: 4;
  position: relative;
  width: 75%;
  height: var(--BTZ040);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: var(--BTZ001) solid #fff;
  font-size: var(--BTZ020);
  line-height: var(--BTZ024);
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.2s;
}
.bloc1-link:hover .bloc1-link-info {
  background-color: #C58E85;
  border-color: #C58E85;
}
.bloc1-link-info img {
  position: absolute;
  top: var(--BTZ010);
  left: var(--BTZ010);
  width: auto;
  height: var(--BTZ020);
}

#bloc2 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

#bloc4 p{
  font-size: 2.25rem;
}

.bloc2-reassurance .bloc2-reassurance-picto {
  margin-bottom: 0;
  width:80px;
}
.bloc2-reassurance .bloc2-reassurance-picto svg {
  width: auto;
  height: 4rem;
  fill: #fff;
}

.bloc2-reassurance{
    display: flex;
    align-items: center;
}
.bloc2-reassurance-titre {
  font-size: var(--BTZ022);
  line-height: var(--BTZ024);
  color: #fff;
}

#bloc3 {
  position: relative;
  margin-top: 13.66rem;
}
.bloc3-ligne1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-left: 7.58%;
  padding-right: 7.58%;
}
.bloc3-vignette {
  position: relative;
  flex: 0 0 auto;
  width: 31.47%;
  overflow: hidden;
}
.bloc3-vignette:before {
  content: ' ';
  display: block;
  padding-bottom: 100%;
}
.bloc3-vignette > img {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.bloc3-vignette-bg {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bloc3-vignette-content {
  z-index: 4;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-4.625rem);
  padding: 1rem;
  transition: all 0.2s;
}
.bloc3-vignette:hover .bloc3-vignette-content {
  top: 0;
  transform: translateY(0%);
}
.bloc3-vignette-content h3 {
  width: 63.76%;
  height: var(--BTZ087);
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--BTZ024);
  line-height: var(--BTZ029);
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
.bloc3-vignette-content-texte {
  display: none;
  opacity: 0;
  height: 12rem;
  overflow: hidden;
  margin-top: 1rem;
  font-size: var(--BTZ016);
  color: #fff;
}
.bloc3-vignette:hover .bloc3-vignette-content-texte {
  display: block;
  opacity: 1;
}
.bloc3-vignette-content-texte p {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.bloc3-vignette-content-texte strong {
  font-weight: 500;
  color: #fff;
}
.bloc3-vignette-content-links {
  display: none;
  justify-content: space-between;
  margin-top: 1rem;
}
.bloc3-vignette:hover .bloc3-vignette-content-links {
  display: flex;
}
.bloc3-vignette-content-links a {
  flex: 0 0 auto;
  width: 42%;
  padding: .35rem 0;
  border: 1px solid #fff;
  background-color: transparent;
  font-size: var(--BTZ014);
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.2s;
}
.bloc3-vignette-content-links a:hover {
  background-color: #C58E85;
  border-color: #C58E85;
}
.bloc3-ligne2 {
  /*display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-left: 7.58%;
  padding-right: 7.58%;*/
}
.bloc3-ligne2 {
  position: relative;
  display: grid;
  grid-template-columns: 31.47% 31.47% 31.47%;
  grid-gap: 2.795%;
  margin-top: 2.795%;
  padding-left: 7.58%;
  padding-right: 7.58%;
}
.bloc3-ligne2:before {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 75%;
  background-color: #083368;
}
#bloc3-ligne2-image {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  position: relative;
}
#bloc3-ligne2-image img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.bloc3-ligne2 .bloc3-vignette {
  width: unset;
}
#bloc3-vignette_0 {
  grid-column: 2;
  grid-row: 1;
}
#bloc3-vignette_1 {
  grid-column: 3;
  grid-row: 1;
}
#bloc3-vignette_2 {
  grid-column: 2;
  grid-row: 2;
}
#bloc3-vignette_3 {
  grid-column: 3;
  grid-row: 2;
}
.bloc3-reassurances {
  position: relative;
  display: flex;
  justify-content: space-around;
  padding-top: 11rem;
  padding-bottom: 14.16rem;
  background-color: #083368;
}
.bloc3-reassurance {
  flex: 0 0 auto;
  width: 15%;
}
.bloc3-reassurance .bloc3-reassurance-picto {
  margin-bottom: var(--BTZ046);
  text-align: center;
}
.bloc3-reassurance .bloc3-reassurance-picto svg {
  width: auto;
  height: 10.41rem;
  fill: #fff;
}
.bloc3-reassurance-titre {
  font-size: var(--BTZ020);
  line-height: var(--BTZ024);
  color: #fff;
  text-align: center;
}

#bloc4 {
  position: relative;
  padding-top: var(--BTZ100);
  padding-bottom: var(--BTZ100);
  padding-left: 12rem;
  padding-right: 12rem;
}
#bloc4:before {
  z-index: 3;
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .62);
}
#bloc4 > img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
#bloc4 h2{
    font-size: 4rem;
    line-height: 1.1;
    margin-bottom: 6rem;
}
.bloc4-content {
  z-index: 4;
  position: relative;
}
.bloc4-content .bd-blc-color {
  position: relative;
  padding-left: 7.81%;
  padding-right: 7.81%;
}
.bloc4-content .bd-blc-color:before {
  content: ' ';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 50%;
  background-color: #fff;
}
.bloc4-content .bd-blc-color .blc-color {
  position: relative;
  margin: 0;
}
.bloc4-content .wpcf7 {
  padding-top: var(--BTZ071);
  padding-left: 9.91rem;
  padding-right: 9.91rem;
  background-color: #fff;
}
.bloc4-content .wpcf7 form {
  margin: 0;
}
.bloc4-content .wpcf7 form label {
  font-size: var(--BTZ020);
  line-height: var(--BTZ024);
  font-weight: 700;
}
.bloc4-content .wpcf7 form .radio-315 {
  display: block;
  margin-bottom: var(--BTZ060);
}
.bloc4-content .wpcf7 form .wpcf7-list-item {
  display: block;
}
.bloc4-content .wpcf7 form .wpcf7-list-item label {
  margin-top: var(--BTZ024);
  margin-bottom: 0;
  font-size: var(--BTZ018);
  line-height: var(--BTZ022);
  font-weight: 400;
}
.bloc4-content .wpcf7 form .wpcf7-list-item.first label {
  margin-top: 0;
}
.bloc4-content .wpcf7 form .wpcf7-text {
  font-size: var(--BTZ018);
  line-height: var(--BTZ022);
  font-weight: 400;
  color: #C58E85;
}
.bloc4-content .wpcf7 form .rgpd .wpcf7-acceptance label {
  font-size: var(--BTZ014);
  line-height: var(--BTZ017);
  font-weight: 400;
}
.bloc4-content .wpcf7 form.wpcf7_bintz .rgpd input[type=checkbox]+span {
  position: relative;
  display: block;
  padding-left: 2.5rem;
}
.bloc4-content .wpcf7 form.wpcf7_bintz .rgpd input[type=checkbox]+span:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
}
.bloc4-content .wpcf7 form.wpcf7_bintz input[type="text"] {
  margin-top: var(--BTZ015);
}
.bloc4-content .wpcf7 form.wpcf7_bintz input[type="email"] {
  margin-top: var(--BTZ015);
}
.bloc4-content .wpcf7 form.wpcf7_bintz div:nth-child(4) {
  margin-top: var(--BTZ028);
}

#bloc5 {
  position: relative;
  display: flex;
  justify-content: flex-end;
  margin-top: 11.41rem;
}
.bloc5-image {
  position: absolute;
  top: -3.33rem;
  left: 0;
  width: 65.63%;
  height: 100%;
}
.bloc5-image img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.bloc5-texte {
  position: relative;
  flex: 0 0 auto;
  width: 65.63%;
  padding-top: var(--BTZ075);
  padding-bottom: var(--BTZ070);
  padding-left: var(--BTZ100);
  padding-right: var(--BTZ100);
  background-color: #083368;
  background-image: url(../img/bintz-bg-footer.png);
  background-repeat: no-repeat;
  background-position-x: calc(50%);
  columns: 2;
  column-gap: var(--BTZ034);
  font-size: var(--BTZ018);
  line-height: var(--BTZ022);
  color: #fff;
}
.bloc5-texte p {
  margin-bottom: var(--BTZ022);
}
.bloc5-texte p:last-child {
  margin-bottom: 0;
}
.bloc5-texte strong {
  font-style: italic;
  color: #fff;
}
.bloc5-texte a {
  color: #fff;
}

@media (max-width: 1799px){
  .bloc1-content-text {
    padding-right: 10rem;
  }
  .bloc3-vignette-content-texte {
    height: 8rem;
  }
  .bloc3-vignette-content-texte p {
    -webkit-line-clamp: 4;
  }
}

@media (max-width: 1499px) {
  #bloc1 {
    margin-top: 6.33rem;
  }
  .bloc1-content-text h2 {
    margin-bottom: var(--BTZ050);
    font-size: var(--BTZ025);
  }
  .bloc1-content-text {
    font-size: var(--BTZ015);
  }
  .bloc1-link {
    height: 11.5rem;
  }
  .bloc1-link-info {
    font-size: var(--BTZ016);
  }
  #bloc2 {
    margin-top: 6.16rem;
  }
  .bloc2-reassurance-titre {
    font-size: var(--BTZ016);
  }
  #bloc3 {
    margin-top: 7.66rem;
  }
  .bloc3-vignette-content {
    transform: translateY(-3.5rem);
  }
  .bloc3-vignette-content h3 {
    width: 100%;
    height: var(--BTZ060);
    font-size: var(--BTZ016);
    line-height: var(--BTZ020);
  }
  .bloc3-vignette-content-texte {
    height: 6.66rem;
    margin-top: .5rem;
    font-size: var(--BTZ014);
    line-height: var(--BTZ020);
  }
  .bloc3-vignette-content-links a {
    width: 47%;
    font-size: var(--BTZ012);
  }
  .bloc3-reassurances {
    padding-top: 8rem;
    padding-bottom: 11.16rem;
  }
  .bloc3-reassurance {
    width: 25%;
  }
  .bloc3-reassurance .bloc3-reassurance-picto {
    margin-bottom: var(--BTZ030);
  }
  .bloc3-reassurance-titre {
    font-size: var(--BTZ016);
  }
  #bloc4 {
    padding-left: 9rem;
    padding-right: 9rem;
  }
  .bloc4-content .wpcf7 {
    padding-top: var(--BTZ050);
    padding-left: 6.91rem;
    padding-right: 6.91rem;
  }
  .bloc4-content .wpcf7 form .radio-315 {
    margin-bottom: var(--BTZ030);
  }
  .bloc4-content .wpcf7 form label {
    font-size: var(--BTZ016);
    line-height: var(--BTZ020);
  }
  .bloc4-content .wpcf7 form .wpcf7-list-item label {
    margin-top: var(--BTZ018);
    font-size: var(--BTZ016);
    line-height: var(--BTZ020);
  }
  .bloc4-content .wpcf7 form .wpcf7-text {
    font-size: var(--BTZ016);
    line-height: var(--BTZ020);
  }
  .bloc4-content .wpcf7 form.wpcf7_bintz input[type="text"] {
    margin-top: var(--BTZ007);
  }
  .bloc4-content .wpcf7 form.wpcf7_bintz input[type="email"] {
    margin-top: var(--BTZ007);
  }
  .bloc5-texte {
    columns: 1;
    font-size: var(--BTZ014);
    line-height: var(--BTZ020);
  }

}

@media (max-width: 1199px) {
  .bloc1-content-text {
    order: 2;
    width: 100%;
  }
  .bloc1-content-image {
    order: 1;
    width: 100%;
    padding-bottom: 56.25%;
  }
  .bloc3-vignette-content-texte {
    height: 4.5rem;
    font-size: var(--BTZ012);
    line-height: var(--BTZ018);
  }
  .bloc3-vignette-content-texte p {
    -webkit-line-clamp: 3;
  }
  .bloc3-vignette-content-links a {
    font-size: var(--BTZ010);
    line-height: var(--BTZ014);
  }
  #bloc4 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .bloc4-content .wpcf7 {
    padding-left: 3.91rem;
    padding-right: 3.91rem;
  }
  #bloc5 {
    flex-wrap: wrap;
    margin-top: 5.41rem;
  }
  .bloc5-image {
    flex: 0 0 auto;
    width: 100%;
    position: relative;
    top: unset;
    left: unset;
    padding-bottom: 56.25%;
  }
  .bloc5-texte {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .bloc1-content-text {
    padding: 5rem;
  }
  body.page-template-default section.content a.bloc1-link:nth-child(1),
  body.page-template-default section.content a.bloc1-link:nth-child(2) {
    width: 50%;
  }
  body.page-template-default section.content a:nth-child(3) {
    width: 100%;
  }
  .bloc2-reassurance .bloc2-reassurance-picto svg {
    height: 5.41rem;
  }
  .bloc3-vignette-content h3 {
    font-size: var(--BTZ012);
    line-height: var(--BTZ020);
  }
  .bloc3-vignette-content-links a {
    font-size: var(--BTZ008);
  }
  .bloc3-reassurance {
    width: 30%;
  }
  .bloc3-reassurance .bloc3-reassurance-picto svg {
    height: 5.41rem;
  }
  .bloc3-vignette:hover .bloc3-vignette-content-texte {
    display: none;
  }
}

@media (max-width: 768px) {
  #bloc1 {
    margin-top: 0;
    background-color: transparent;
  }
  .bloc1-content-text {
    margin-top: var(--BTZ022);
    margin-bottom: var(--BTZ044);
    padding: 0;
    color: #535353;
  }
  .bloc1-content-text h2 {
    margin-bottom: var(--BTZ022);
    padding: 0;
    color: #083368;
  }
  .bloc1-content-text strong {
    color: #C58E85;
    font-style: normal;
  }
  .bloc1-links {
    justify-content: space-between;
  }
  .bloc1-link {
    height: unset;
    color: #000;
  }
  .bloc1-link:before {
    display: none;
  }
  .bloc1-link > img {
    display: none;
  }
  .bloc1-link-info {
    width: 100%;
    border-color: #000;
    color: #000;
  }
  body.page-template-default section.content a.bloc1-link:nth-child(1),
  body.page-template-default section.content a.bloc1-link:nth-child(2) {
    width: 48.40%;
  }
  body.page-template-default section.content a.bloc1-link:nth-child(3) {
    margin-top: 3.2%;
  }
  #bloc2 {
    margin-top: var(--BTZ067);
  }
  .bloc2-reassurance .bloc2-reassurance-picto svg {
    height: 3.33rem;
  }
  .bloc2-reassurance-titre {
    line-height: var(--BTZ017);
  }
  #bloc3 {
    display: flex;
    flex-wrap: wrap;
    margin-top: var(--BTZ052);
  }
  .bloc3-ligne1 {
    order: 1;
    flex: 0 0 auto;
    width: 100%;
    padding: 0;
  }
  .bloc3-vignette {
    width: 100%;
    margin-top: var(--BTZ028);
  }
  .bloc3-vignette:first-child {
    margin-top: 0;
  }
  .bloc3-vignette-content {
    padding: var(--BTZ018);
  }
  .bloc3-vignette-content h3 {
    font-size: var(--BTZ024);
    line-height: var(--BTZ029);
  }
  .bloc3-vignette-content-texte {
    height: unset;
    font-size: var(--BTZ014);
    line-height: var(--BTZ017);
  }
  .bloc3-vignette-content-texte p {
    -webkit-line-clamp: unset;
  }
  .bloc3-vignette:hover .bloc3-vignette-content-texte {
    display: block;
  }
  .bloc3-vignette-content-links a {
    font-size: var(--BTZ016);
    line-height: var(--BTZ019);
  }
  .bloc3-ligne2 {
    order: 3;
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    padding: 0;
  }
  .bloc3-ligne2:before {
    display: none;
  }
  #bloc3-ligne2-image {
    display: none;
  }
  .bloc3-ligne2 .bloc3-vignette {
    width: 100%;
  }
  .bloc3-reassurances {
    order: 2;
    flex: 0 0 auto;
    justify-content: space-between;
    width: 100%;
    padding-top: var(--BTZ063);
    padding-bottom: var(--BTZ015);
    background-color: transparent;
  }
  .bloc3-reassurance .bloc3-reassurance-picto {
    margin-bottom: var(--BTZ005);
  }
  .bloc3-reassurance .bloc3-reassurance-picto svg {
    height: var(--BTZ055);
    fill: #C58E85;
  }
  .bloc3-reassurance-titre {
    font-size: var(--BTZ014);
    line-height: var(--BTZ017);
    color: #535353;
  }
  #bloc4 {
    padding: 0;
  }

  #bloc4 h2{
    font-size: 2.8rem;
    margin-bottom: 4rem;
    padding: 0;
  }

  #bloc4 p{
    font-size: 1.5rem;
  }

  #bloc4 .bloc4-content{
    padding-block: 4rem;
    padding-inline: 3rem;
  }
  .bloc4-content .bd-blc-color {
    padding: 0;
  }
  .bloc4-content .wpcf7 {
    padding: 0;
  }
  .bloc4-content .wpcf7 form {
    margin-top: var(--BTZ026);
    padding: 3rem;
  }
  .bloc4-content .wpcf7 form label {
    margin-top: var(--BTZ012);
    font-size: var(--BTZ011);
    line-height: var(--BTZ013);
  }
  .bloc4-content .wpcf7 form .wpcf7-list-item label {
    font-size: var(--BTZ013);
    line-height: var(--BTZ016);
  }
  .bloc4-content .wpcf7 form .wpcf7-list-item label {
    margin-top: var(--BTZ008);
  }
  .bloc4-content .wpcf7 form .radio-315 {
    margin-bottom: 0;
  }
  .bloc4-content .wpcf7 form.wpcf7_bintz input[type="text"] {
    margin-top: 0;
    font-size: var(--BTZ013);
    line-height: var(--BTZ016);
  }
  .bloc4-content .wpcf7 form.wpcf7_bintz input[type="email"] {
    margin-top: 0;
    font-size: var(--BTZ013);
    line-height: var(--BTZ016);
  }
  .bloc4-content .wpcf7 form.wpcf7_bintz div:nth-child(4) {
    margin-top: 0;
  }
  .bloc4-content .wpcf7 form .rgpd .wpcf7-acceptance label {
    font-size: var(--BTZ011);
    line-height: var(--BTZ013);
  }
  body.page-template-tpl-gestion #vendus .title h2 {
    font-size: var(--BTZ024);
    line-height: var(--BTZ029);
  }
  .bloc5-texte {
    margin-top: var(--BTZ036);
    padding: 0;
    background-color: transparent;
    background-image: none;
    color: #535353;
  }
  .bloc5-texte strong a {
    color: #C58E85;
  }
  .bloc5-texte strong {
    font-size: var(--BTZ014);
    line-height: var(--BTZ017);
    color: #C58E85;
    font-style: normal;
  }
}

/* QUICKFIX QUARTIER */
.bloc_contenu_quartier {
  margin-top: 10rem;
}
.bloc_contenu_quartier-boutons,
.bloc_contenu_quartier-contenus {
  display: none;
}
.bloc_contenu_quartier-fond {
  top: 0;
}
.bloc_contenu_quartier-vendus {
  margin-top: 8rem;
}
.bloc_image-texte {
  overflow: hidden;
}
.bloc_image-texte strong {
  font-weight: 700;
}
.bloc_image-texte_texte-texte {
  position: relative;
}
.bloc_image-texte_texte-texte h2 {
  font-size: 2.5rem;
  line-height: 3rem;
  color: #fff;
}
.quartier-btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  margin-top: 5rem;
}
.quartier-btns .wp-block-button {
  flex: 0 0 auto;
  width: 40%;
}
.quartier-btns .wp-block-button .wp-block-button__link {
  display: block;
  background-color: var(--BTZsaumon);
}
.bloc_image-texte_fond {
  filter: blur(10px);
}

.wp-block-image {
  margin-top: 1em;
}
.wp-block-group.encadre {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 2rem;
  background-color: #083368;
  color: #fff;
}

/* --- PAGE HONORAIRES 17-04-2023 --- */
.wp-block-table thead {
  border: 1px solid #051D41;
  background-color: #051D41;
  color: #fff;
}
.wp-block-table thead th {
  padding: 0.5rem;
}
.btz_honoraire-gestion.wp-block-table thead th:first-child {
  width: 75%;
}
.btz_honoraire-gestion.wp-block-table thead th:nth-child(2) {
  width: 12.5%;
}
.btz_honoraire-gestion.wp-block-table thead th:nth-child(3) {
  width: 12.5%;
}


/* --- 24-11-2023 --- */
#bloc5 {
  margin-bottom: 11.41rem;
}
.bloc5-texte h2 {
  font-size: var(--BTZ020);
  line-height: var(--BTZ024);
  color: #fff;
}

.gap-30{
    gap: 1.875rem;
}