html {
  height:100%;
}

.card, .card-footer {
  border:none !important;
}

.card-footer {
 background:none; 
}

.img-produit {
    width:100%;
    height:auto;
}

ul.pagination {
    display: inline-block !important;
}

ul.pagination li {
float:left;
}

.carousel-caption {
    bottom: 3rem !important;
}

.carousel-caption p {
    font-weight:400;
}

.carousel-caption a {
    color:white;
    text-decoration:none;
    transition: all 0.6s ease-out!important;
}

.carousel-caption a:hover{
    color: #FADC00;
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000 !important;
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg);
}


.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: 0;
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: 0;
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}

span.ville {
       color:#16304F !important;
   }

.adresse-agence {
    font-weight:500;
}

/*
.carousel-item:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0.9) 100%);
}
*/

form .btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #0EABC4;
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: #0EABC4;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211,212,213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: white;
    --bs-btn-active-border-color: #0EABC4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa;
    font-weight:500;
    font-size:17px;
}

form .bootstrap-select>.dropdown-toggle.bs-placeholder {
    color:#16304F  !important;
}

form .bootstrap-select .dropdown-menu li a {
    font-size:18px !important;
}

a.affiner {
     color: #0EABC4 !important;
     font-size:12px;
     text-decoration:none;
}

a.affiner:hover {
     color: #999 !important;
     font-size:12px;
     text-decoration:none;
     transition: all 0.6s ease-out!important;
}

form .form-control {
    font-size:17px !important;
    border-color:#0EABC4;
    font-weight:500;
    color:#16304F !important;
    border-radius:0px !important;
}


.btn {
    border-radius:0px !important;
}

input, select, textarea, input::placeholder {
    color: #16304F   !important;
}

form .bootstrap-select>.dropdown-toggle.bs-placeholder {
    color:#16304F  !important;
}

form .bootstrap-select>.dropdown-toggle.bs-placeholder:hover, .filter-option:hover {
    color: white !important;
    background-color:#0EABC4 !important;
}

textarea:focus, input:focus {
    color: #999;
}

.input-group-text {
    background-color:white;
    color:#0EABC4;
    border: 1px solid #0EABC4;
}

.form-check-input:checked {
    background-color:#0EABC4;
    color:white;
}

button[type=submit], .btn-primary {
   background-color:#16304F !important;
    color:white !important;
    border-color:#0EABC4;
    -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
  font-weight:500;
  font-size:17px;
}

button[type=submit]:hover, .btn-primary:hover {
    transition: filter 0.5s ease-in-out;
     background-color:#0EABC4 !important;
  color:white !important;
    border-color:#0EABC4;
   -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
  font-weight:500;
  font-size:17px;
}


.form-check-label {
    color:#0EABC4;
}

.form-switch .form-check-input {
    color:#0EABC4;
    background-color:white;
    border-color:#0EABC4;
}

input[type="text"] {
    padding-bottom:0 !important;
}

input-group-text {
    background-color: white !important;
    color:#0EABC4 !important;
}

.grecaptcha-badge { 
    visibility: hidden !important;
}

.qr {
    max-width:130px;
}

.bleu {
    color:#0EABC4 !important;
}


#les-biens, #chambres {
    padding-bottom:150px;
}

#mandats {
    background-image: url('../fonds/section_particuliers_actu.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom:150px;
}

#agence {
    background-image: url('../fonds/losange_clair_desktop.png'),url('../fonds/losange_jaune_plein.png');
    background-color:#FFFFFF;
    background-size: 100%,25%;
    background-repeat: repeat-x,no-repeat;
    background-position:bottom center,108% 115%;
    padding-bottom:150px;
}


.turquoise {
  /* background-image: url('../fonds/turquoise_desktop.png'); 
    background-size: cover;
    background-repeat: no-repeat;
    */
    background-color:#f8F8F8;
  
}

.dropdown-menu {
    z-index:1031;
    position:relative;
    max-width:400px;
    min-width:300px;
}
  
#agences {
    padding-top:80px;
    padding-bottom:150px;
}

.form-floating>label {
    font-size:12px;
    padding:0.5rem 0.75rem !important;
}

.form-select {
    font-size:18px !important;
    border-color:#0EABC4;
    font-weight:500;
    color:#16304F !important;
    border-radius:0;
}

a {
    text-decoration:none;
    color: #16304F;
    font-weight:500;
    transition: all 0.6s ease-out !important;
}

a:hover {
    color: #0EABC4;
    transition: all 0.6s ease-in-out;
}

.yellow {
     color:#0EABC4 !important;
}

#email, #password {
    padding-top:30px;
}

#counters {
  z-index:2 !important;
  color:white;
  top:25%;
  // background-color: rgba(0,0,0,.3);
}

.vignettes {
  filter: brightness(0.9);
}

.vignettes2 {
  filter: brightness(0.9);
}

.vignettes3 {
  filter: brightness(1);
}

.vignettes:hover {
  filter: brightness(1.1);
  transition: filter 0.5s ease-in-out;
}

.vignettes3:hover {
  filter: brightness(1.2);
  transition: filter 0.5s ease-in-out;
}


.navigation-biens i {
    color:#17304F !important;
}

#carouselBien .carousel-indicate [data-bs-target] {
border:none !important;
border-top:none !important;
width:100%;
height:auto;
cursor:pointer !important;
z-index:10;
}

h2.section {
font-weight:900;
display: flex;
flex-direction: row;
}

h2.section:before, h2.section:after {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid #FADC00 !important;
    margin: auto;
    margin-left: 20px;
    margin-right: 20px;
}

*{
    font-family: 'Montserrat', sans-serif;
}

body{
    max-width:100vw;
}



.navbar-collapse{
    background-color: #F6F5F5;
    transform: translateY(-7%);
}


.navbar-toggler {
    background-color:#FFDB02;
    color:#0EABC4;
    height:50px;
    width:50px;
    border-color:#0EABC4;
}


.navbar-toggler-icon {
    color:#0EABC4;
}

.offcanvas {
    background-color:#0EABC4;
}

.btn-close {
    color:#FFDB02;
}

.closeButton {
    font-size: 2rem;
    color:white;
}

.row{
    margin-right: 0px!important;
    margin-left: 0px!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
}

h1{
    font-size: 2rem;
    letter-spacing: 0.3rem;
    font-weight: bold;
    color: #17304F;
}

h1.inside {
    font-size:1.9rem;
}

h2{
    font-size: 2rem;
    letter-spacing: 0.1rem;
    font-weight: 600;
    color: #17304F;
}

h3 {
    font-size: 1.3rem !important;
    letter-spacing: 0.15rem;
    font-weight: 700;
}

.h3-blue{
    color: #0EABC4;
    margin-top: 1.2rem;
    font-size: 1.3rem !important;
    letter-spacing: 0.15rem;
    font-weight: 600;
}

.page-link {
    background-color:white;
    color:#16304F;
}

.active>.page-link, .page-link.active {
    background-color: #0EABC4;
    color:white;
    border-color:#16304F !important;
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color:#16304F !important;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}


.page-link:hover {
    color:#16304F !important;
}

.yellow-line-h1{
    height: 0.5rem;
    background-color: #FADC00;
    border-radius: 2px;
}

.yellow-line-type2{
    height: 0.1rem;
    background-color: #FADC00;
    border-radius: 2px;
}

.yellow-line-cpt{
    height: 0.3rem;
    background-color: #FADC00;
    border-radius: 2px;
    width: 35%;
}

.yellow-line{
    height: 0.2rem;
    background-color: #FADC00;
    border-radius: 2px;
}

.blue-line{
    height: 0.2rem;
    background-color: #0EABC4;
    border-radius: 2px;
    width: 15%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5rem;
}

.connection{
    background-color: #D7DADE;
}

.connection a{
    text-decoration: none!important;
    color: #17304F;
    font-weight: 500;
    transition: all 0.6s ease-out!important;
}

.connection a:hover{
    font-weight: 600;
    color:#17304F;
}

.connection i{
    color: #0EABC4;
    transition: all 0.6s ease-out!important;
}

.connection a:hover i{
    color: #17304F;
}

.navbar{
    max-height: 150px;
    background-color: #F6F5F5!important;
}

navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: #17304F;
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.logo-menu{
    z-index: 3;
    margin-left: 0% ;
    transform: translateY(-10px);
}

.logo-menu img{
    height: 136px;
    width: auto;
}

.navbar .nav-item{
    font-weight: 600;
    letter-spacing: 0.9px;
    color: #17304F !important;
    text-transform: uppercase;
    margin-left: 1rem;
    margin-right: 1rem;
}

.nav-link{
    font-size:1rem;
    position:relative;

}


.nav-link::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color:#FADC00;
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

.nav-link:hover::before {
  transform: scaleX(1);
}

.news::before {
   content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 70px;
  bottom: 0;
  left: 0;
  z-index:0;
  background-color:#FADC00;
  transform: scaleX(0);
  transition: transform 0.3s ease; 
}

.news:hover::before {
  transform: scaleX(1);
}

.news-sec::before {
   content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 70px;
  bottom: 0;
  left: 0;
  z-index:0;
  background-color:#C5EDF3;
  transform: scaleX(0);
  transition: transform 0.3s ease; 
}

.news-sec:hover::before {
  transform: scaleX(1);
}

.news-trois::before {
   content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 70px;
  bottom: 0;
  left: 0;
  z-index:0;
  background-color:#D7DADE;
  transform: scaleX(0);
  transition: transform 0.3s ease; 
}

.news-trois:hover::before {
  transform: scaleX(1);
}

.news2::before {
   content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 70px;
  bottom: 0;
  left: 0;
  z-index:0;
  background-color:#FADC00;
  transform: scaleX(0);
  transition: transform 0.3s ease; 
}

.news2:hover::before {
  transform: scaleX(1);
}

.news3::before {
   content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 70px;
  bottom: 0;
  left: 0;
  z-index:0;
  background-color:#F6F5F5;
  transform: scaleX(0);
  transition: transform 0.3s ease; 
}

.news3:hover::before {
  transform: scaleX(1);
}

.news4::before {
   content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 70px;
  bottom: 0;
  left: 0;
  z-index:0;
  background-color:#F6F5F5;
  transform: scaleX(0);
  transition: transform 0.3s ease; 
}

.news4:hover::before {
  transform: scaleX(1);
}

.card-footer {
    z-index:10;
}

.carousel{
    height:700px!important;
}

.carousel-item img{
    height:700px!important;
    width: 100%;
    position: relative;
    z-index: 0;
    object-fit: cover;
}

.carousel-item:after {
    position: absolute;
    content:"";
    height:100%;
    width:100%;
    top:0;
    left:0;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.30) 90%);
}


.layer-carousel img{ 
    width: 100%;
    height: 80vh;
    position: absolute;
    z-index: 0;
}

.carousel-indicators{
    z-index: 3;
}

.wrap-cpt{
    z-index: 4;
    color: #fff;
    top: 45%;
    left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

.carousel-caption {
    position: absolute;
    left: 20%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    z-index: 3;
    text-align: start;
}

.carousel-caption p{
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 29px;
    padding-right: 4rem;
}

.text-caption-slider{
    font-size: 1.75rem;
    font-weight: 700;
    text-align: start!important;
    z-index:2;
}

.number-cpt{
    font-size: 3rem;
    font-weight: bold;
}

.text-cpt{
    font-size: 1.75rem;
    font-weight: 500;
}

.text-important-cpt{
    font-size: 2em;
    font-weight: bold;
    text-transform: uppercase;
}

.fleche{
    cursor: pointer;
    z-index: 8;
    transform: translateY(90vh);
}

.fleche-svg{
    background-image: url('../img/fleche.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
}

.fleche:hover .fleche-svg{
    background-image: url('../img/fleche_hover.svg');
}

#alertesModal {
    z-index:10001;
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #0EABC4;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-color: #212529;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: 0.375rem;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-dropdown-link-color: #212529;
    --bs-dropdown-link-hover-color: #0EABC4;
    --bs-dropdown-link-hover-bg: #e9ecef;
}


.map-gironde {
    background-image: url('../img/map-gironde.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 40vh;
    z-index: 3;
}

.map-dordogne {
    background-image: url('../img/map-dordogne.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 40vh;
    z-index: 3;
}

.map-landes {
    background-image: url('../img/map-landes.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 40vh;
    z-index: 3;
}

.map-lot {
    background-image: url('../img/map-lot.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 40vh;
    z-index: 3;
}

.map-bearn {
    background-image: url('../img/map-bb.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 40vh;
    z-index: 3;
}

.map-basque {
    background-image: url('../img/map-pb.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 40vh;
    z-index: 3;
}

footer{
    background-image: url('../fonds/fond_degrade_footer.png');
    background-repeat: no-repeat;
    background-size: cover;
    margin-top:0;
    position:relative;
    z-index:6 !important;
}

#biens-vente span, #collection span{
    font-size: 1.2rem;
    letter-spacing: 0.1rem;
}

#collection2 .card, #collection3 .card  {
    border:none !important;
}

#collection .card {
    border:1px solid #D7DADE  !important;
}

#biens-loc span{
    font-size: 1.2rem;
    letter-spacing: 0.1rem;
}

#agences p{
    font-size: 1.2rem;
    letter-spacing: 0.1rem;
}

i.bi-arrow-right-circle {
    color:#16304F;
    border-color:#16304F !important;
    font-size:22px !important;
}

i.bi-arrow-right-circle:hover{
    color:#0EABC4;
    border-color:#0EABC4;
    background-color:#white;
    transition: all 0.5s ease-out!important;
}

span.marque {
    font-size:12px !important;
}

.overlay-biens{
    position: absolute;
    background-color: rgba(25, 25, 25, 0.3);
    width: 337.69px;
    height: 400px;
    z-index: 2;
    transition: all 0.6s ease-out!important;
}

.overlay-biens:hover{
    background-color: transparent;
}

.wrap-img-biens img{
    height: 400px;
    max-height: 400px;
    width: 100%;
    object-fit: cover;
}

.overlay-actus{
    position: absolute;
    background-color: rgba(25, 25, 25, 0.3);
    width: 361.69px;
    height: 280px;
    z-index: 2;
    transition: all 0.6s ease-out!important;
}

.overlay-actus:hover{
    background-color: transparent;
}

.wrap-img-actus img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.date-suite a,span{
    font-size: calc(0.5rem + 0.2vw);
}

.date-suite-home {
    padding-top:20px !important;
}

.voir-suite a::before{ 
    content: "";
    background-image: url('../img/caret-right.svg');
    display: inline-block;
    width: 1rem;
    height: 1rem;
    transform: translateY(0.20rem);
    transition: all 0.6s ease-out!important;
}

.voir-suite:hover a::before{
    display: inline-block;
    content:"";
    background-image: url('../img/caret-right-fill.svg');
}

.voir-suite a{
    text-transform: uppercase;
    color: #17304F;
    font-weight: 500;
    font-size: calc(0.5rem + 0.05vw);
    text-decoration: none;
    transition: all 0.6s ease-out!important;
}

.voir-suite a:hover{
    font-weight: 600;
}

.logo-footer img{
    height: 150px;
    width: auto;
    object-fit: cover;
}

footer{
    color: #fff;
}

#col-footer{
    border-bottom: 1px solid #FADC00;
}

#col-footer a{
    text-transform: uppercase;
}

.col-center{
    border-left: 1px solid #FADC00;
    border-right: 1px solid #FADC00;
}

footer .contact i{
    color: #FADC00;
    transition: all 0.6s ease-out!important;
}

footer .contact i:hover{
    color: #0EABC4;
}

footer .contact a{
    margin-bottom: 1rem;
}

footer a{
    text-decoration: none;
    color: #fff;
    transition: all 0.6s ease-out!important;
}

footer a:hover{
    color: #FADC00;
}

.btn-yellow a{
    text-decoration: none;
    color: #17304F;
    font-weight: 600;
    transition: all 0.6s ease-out!important;
}

.btn-yellow{
    background-color: #FADC00;
    border: none;
    transition: all 0.6s ease-out!important;
}

.btn-yellow:hover {
    background-color: #17304F;
}

.btn-yellow:hover a{
    color: #fff;
}

#partenaires img{
    height: auto;
    width: 230px;
    object-fit: cover;
}

.wrap-actus{
    border: 0.2px solid #17304F;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

#actu{
        background-image: url('../fonds/losange_bleu_desktop_revert.png'), url('../fonds/losange_jaune.png'),  url('../fonds/losange_jaune.png'), url('../fonds/losange_jaune.png'), url('../fonds/losange_jaune.png'),  url('../fonds/losange_bleu_plein.png'), url('../fonds/losange_bleu_plein.png');
        background-color:#F8F8F8;
        background-size:40%, 15%, 20%, 15%, 12%, 25%, 30%;
        background-position: top center, 110% -10%,  -10% -5%, 105% 40%, -4% 55%, 110% 110%, -10% 140%;
        background-repeat: repeat-x, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    }

#actu2{
        background-image: url('../fonds/losange_bleu_desktop_revert.png'), url('../fonds/losange_jaune.png'),  url('../fonds/losange_jaune.png'), url('../fonds/losange_jaune.png'), url('../fonds/losange_jaune.png'),  url('../fonds/losange_bleu.png'), url('../fonds/losange_jaune.png');
        background-color:#F6F5F5;
        background-size:40%, 30%, 20%, 15%, 12%, 15%, 18%;
        background-position: top center, 110% -2%,  -10% 3%, 105% 40%, 2% 55%, 108% 55%, -5% 100%;
        background-repeat: repeat-x, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    }

#home-tab-pane, #myTabContent {
    padding-left:0;
    padding-right:0;
    --bs-gutter-x:0;
    margin-left:-13px;
    margin-right:-13px;
}


#profile-tab-pane {
    margin-right:15px;
}

#map, #listings {
    height:800px !important;
}


#collection2 {
    overflow-x: hidden;
    overflow-y: auto;
    height:750px !important;
}

.lower-section {
    padding-bottom:250px;
}

.white {
    background-color:white;
}


.fiche-lead {
    color:#0EABC4 !important;
}

.dashboard {
    margin-bottom:200px;
}

.card-body {
    max-height:400px !important;
}

#competences2 {
    background-color:#F6F5F5 !important;
}

#competences2 .card {
    --bs-card-bg: none;
    background-color: var(--bs-card-bg);
}

.alertes-cards .card-body {
    max-height:none !important;
}

/*
#hautbleu{
        background-image: url('../fonds/haut_bleu.png');
        background-size:cover;
        background-position:top center;
        background-repeat:no-repeat;
    }
*/

/*
#partenaires2{
        background-image: url('../fonds/losange_bleu_desktop.png');
        background-size:cover;
        background-position:top center;
        background-repeat:no-repeat;
    }
*/


@media screen and (min-width: 577px) and (max-width: 991px){
    .wrap-cpt{
        z-index: 4;
        color: #fff;
        top: 25% ;
        left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
    }
   
   #topbar {
    display:none !important;
}

.navbar-brand img {
    margin-left:15px;
}

 .col-center {
    border-left:none;
    border-right:none;
}

#les-biens, #les-agences {
        background-image: url('../fonds/losange_bleu_tablette.png');
        background-size: cover;
        background-repeat: no-repeat;
    }

}

@media screen and (max-width: 576px) {

.wrap-cpt{
        z-index: 4;
        color: #fff;
        margin: auto;
        top: 25% ;
        left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
    }

    .col-center {
    border-left:none !important;
    border-right:none !important;
}

    .logo-menu img{
    height: 120px;
    width: auto;
}

.navbar {
    max-height:130px;
}

.navbar-nav {
    margin-top:25px;
    margin-bottom:25px;
}

a.nav-link {
    font-size:1rem;
}

#topbar {
    display:none !important;
}

h1 {
    font-size:25px;
}

#accueil-locations, #accueil-ventes {
    margin-top:35px;
}

#les-biens{
        background-image: url('../fonds/losange_clair_mobile_revert.png'), url('../fonds/losange_bleu_mobile.png') !important;
    }

#les-agences {
        background-image: url('../fonds/losange_clair_mobile_revert.png');
        background-size:100%;
}

.btn-yellow a {
    font-size:14px;
}

#actu{
        background-image: url('../fonds/losange_bleu_desktop_revert.png'), url('../fonds/losange_jaune.png'),  url('../fonds/losange_jaune.png'), url('../fonds/losange_jaune.png'), url('../fonds/losange_jaune.png'),  url('../fonds/losange_bleu_plein.png'), url('../fonds/losange_bleu_plein.png');
        background-color:#F8F8F8;
        background-size:100%, 30%, 40%, 30%, 30%, 50%, 60%;
        background-position: top center, 110% -10%,  -10% -5%, 105% 40%, -4% 55%, 120% 105%, -108% 105%;
        background-repeat: repeat-x, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    }

#actu2{
        background-image: url('../fonds/losange_bleu_desktop_revert.png'), url('../fonds/losange_jaune.png'),  url('../fonds/losange_jaune.png'), url('../fonds/losange_jaune.png'), url('../fonds/losange_jaune.png'),  url('../fonds/losange_bleu_plein.png'), url('../fonds/losange_bleu_plein.png');
        background-color:#F6F5F5;
        background-size:40%, 30%, 20%, 15%, 12%, 25%, 30%;
        background-position: top center, 110% -2%,  -10% 3%, 105% 40%, 2% 55%, 100% 100%, -5% 102%;
        background-repeat: repeat-x, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    }

#maps {
    height:800px;
}

#listings {
    height:auto !important;
}

/*
#myTabContent {
width:110% !important;
}
*/



#collection2 {
    overflow-x: auto;
    overflow-y: auto;
    height:auto !important;
}

}

@media screen and (max-width: 992px) {

span.number-cpt {
    font-size:30px;
}

span.text-cpt {
    font-size:24px;
}

span.text-important-cpt {
    font-size:20px;
}

form .btn-light {
    font-weight:400;
    font-size:15px;
}

form .form-control {
    font-size:15px !important;
    font-weight:400;
}

#les-biens{
        background-image: url('../fonds/section_h1.png'), url('../fonds/losange_bleu_tablette.png');
        background-color:#F8F8F8;
        background-size:100%, 100%;
        background-position: center top,  center bottom;
        background-repeat: no-repeat, no-repeat;
    }

#les-agences {
        background-image: url('../fonds/losange_clair_mobile_revert.png');
        background-size:100%;
}

#agence {
    padding-bottom:50px;
}

.bien-vente-special {
    background-size:fit !important;
    background-position:center center !important;
}

#home-tab-pane, #myTabContent {
    padding-left:0;
    padding-right:0;
    --bs-gutter-x:0;
    margin-left:0;
    margin-right:0;
}

}

@media screen and (min-width: 993px){

#topbarMobile {
    display:none !important;
}

.partners {
    
}

#les-biens{
        background-image: url('../fonds/section_h1.png'), url('../fonds/losange_bleu_desktop.png');
        background-color:#F8F8F8;
        background-size:100%, 100%;
        background-position: center top,  center bottom;
        background-repeat: no-repeat, no-repeat;
    }

#les-agences{
        background-image: url('../fonds/section_h1.png');
        background-color:#FFFFFF;
        background-size:100%;
        background-position: center top;
        background-repeat: no-repeat;
    } 

/*
 #formulaire {
        background-image: url('../fonds/blue_sky.jpg');
        background-size:cover;
        background-position: center bottom;
        background-repeat: no-repeat;
}
*/


}

@media screen and (max-width: 1099px){

  .overlay-agences{
        position: absolute;
        background-color: rgba(25, 25, 25, 0.4);
        width: 100%;
        height:auto;
        z-index: 2;
    }
 
  #description {
        min-height: 500px;
        background-image: url('../fonds/section_h1.png');
        background-size: revert-layer;
        background-position: bottom;
        background-repeat: no-repeat;
    }

    #competence {
        min-height: 250px;
        background-image: url('../fonds/section_h1.png');
        background-size: revert-layer;
        background-position: bottom;
        background-repeat: no-repeat;
    }

 #biens-vente{
        min-height: 840px;
        background-image: url('../fonds/section_bien_vente.png');
        background-size: cover;
        background-repeat: no-repeat;
       ;
    }
    
 #biens-loc{
        min-height: 840px;
        background-image: url('../fonds/section_biens_loc.png');
        background-size: cover
        background-repeat: no-repeat;
    }

  #partenaires_actus{
        background-image: url('../fonds/section_particuliers_actu.png');
        background-size: cover;
        background-repeat: no-repeat;
    }

  #actus {
      margin-top:195px;
  }

  #chambres{
        background-image: url('../fonds/section_chambres.png');
        background-size: cover;
        min-height: 1000px;
    }

#les-biens, #chambres {
    padding-bottom:150px !important;
}

  .h3-blue {
      font-size:0.9em !important;
  }

  .prix, .ville {
      font-size:1em !important;
  }

   

  h2 {
      font-size:1.7em;
  }

  form .bootstrap-select .dropdown-menu li a {
    font-size:18px !important;
}

form .date-suite a,span{
    font-size: calc(0.8rem + 0.2vw);
}

form .btn-light {
    font-weight:400;
    font-size:15px;
}

form .form-control {
    font-size:15px !important;
    font-weight:400;
}

#actu{
        background-image: url('../fonds/losange_bleu_desktop_revert.png'), url('../fonds/losange_jaune.png'),  url('../fonds/losange_jaune.png'), url('../fonds/losange_jaune.png'), url('../fonds/losange_jaune.png'),  url('../fonds/losange_bleu_plein.png'), url('../fonds/losange_bleu_plein.png');
        background-color:#F8F8F8;
        background-size:80%, 20%, 30%, 20%, 20%, 40%, 50%;
        background-position: top center, 110% -10%,  -10% -5%, 105% 40%, -4% 55%, 120% 105%, -108% 105%;
        background-repeat: repeat-x, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    }


#actu2{
        background-image: url('../fonds/losange_bleu_desktop_revert.png'), url('../fonds/losange_jaune.png'),  url('../fonds/losange_jaune.png'), url('../fonds/losange_jaune.png'), url('../fonds/losange_jaune.png'),  url('../fonds/losange_bleu_plein.png'), url('../fonds/losange_bleu_plein.png');
        background-color:#F6F5F5;
        background-size:40%, 30%, 20%, 15%, 12%, 25%, 30%;
        background-position: top center, 110% -2%,  -10% 3%, 105% 40%, 2% 55%, 100% 100%, -5% 102%;
        background-repeat: repeat-x, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    }

}

@media screen and (max-width: 1200px){
    

.nav-link {
    color:white !important;
    font-size:1.2rem;
    font-weight:800;
}

.link2 {
    color:#16304F !important;
    font-size:1rem !important;
    font-weight:600 !important;
}

.logo-footer {
    transform: translateY(-75px);
}

.wrap-cpt{
    top:20%!important;
}

}

@media screen and (min-width: 1201px){

    .logo-menu{
        z-index: 3;
        margin-left: 5% ;
        transform: translateY(-30px);
    }

    .date{
        text-align: end;
    }

    .date-suite a,span{
        font-size: calc(0.7rem + 0.2vw);
    }

    .logo-footer{
        transform: translateY(-75px);
    }

    .overlay{
        position: absolute;
        background-color: rgba(25, 25, 25, 0.3);
        width: 360px;
        height: 360px;
        z-index: 2;
        transition: all 0.6s ease-out!important;
    }
    
    .overlay:hover{
        background-color: transparent;
    }

    h1{
    font-size: 2.8rem;
    letter-spacing: 0.3rem;
    font-weight: bold;
    color: #17304F;
    }

    .nav-link{
    font-size:0.8rem;

}

 #formulaire {
     background-repeat : repeat-y;
 }

   
}

@media screen and (min-width: 1400px){
    .nav-link{
        font-size:0.9rem;
    }
}

@media screen and (min-width: 1100px) {
    
    #partenaires_actus{
        background-image: url('../fonds/section_particuliers_actu.png');
        background-size: cover;
        background-repeat: no-repeat;
    }

    #partenaires{
        height: 590px; 
    }

    #actus{
        height: 900px; 
    }

    #description{
        min-height: 500px;
        background-image: url('../fonds/section_h1.png');
        background-size: cover;
        background-repeat: no-repeat;
    }

    #competence {
        min-height: 250px;
        background-image: url('../fonds/section_h1.png');
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    #biens-vente{
        min-height: 840px;
        background-image: url('../fonds/section_bien_vente.png');
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    #biens-loc{
        min-height: 840px;
        background-image: url('../fonds/section_biens_loc.png');
        background-size: cover;
        background-repeat: no-repeat;
    }

    .overlay-agences{
        position: absolute;
        background-color: rgba(25, 25, 25, 0.4);
        width: 100%;
        height:auto;
        z-index: 2;
    }

    .wrap-cpt{
        z-index: 4;
        color: #fff;
        top: 30%;
        left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width:4000px;
    }

    #chambres{
        background-image: url('../fonds/section_chambres.png');
        background-size: cover;
        min-height: 1000px;
    }

    .row{
        margin: 0px;
        padding: 0px;
    }
    
   
}

@media screen and (min-width: 1500px){
    .wrap-cpt{
        z-index: 4;
        color: #fff;
        left: 50%;
        top: 35%;
        -webkit-transform: translateX(-50%);
transform: translateX(-50%);

    }

     .nav-link{
        font-size:1rem;
    }

}

@media screen and (min-width: 1600px){
     .nav-link{
        font-size:1.1rem;
    }

}

  /* Conteneur principal */
.overlay-image {
    position: relative;
}

/* Image originale */
.overlay-image .image {
    display: block;
    height: 400px;
    object-fit: cover;
}
 /* Overlay */
.overlay-image .hover {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: .6s ease-out;
}
 /* Apparition overlay sur passage souris */
 .overlay-image:hover .hover {
    opacity: 0;
}
.overlay-image .normal {
    transition: .5s ease-out;
}
.overlay-image:hover .normal {
    opacity: 0;
}
.overlay-image .hover {
    background-color: rgba(25, 25, 25, 0.3);
}

 /* Conteneur principal */
 .overlay-image-actus {
    position: relative;
}

/* Image originale */
.overlay-image-actus .image {
    display: block;
    width:100%;
    height:auto;
    object-fit: cover;
}
 /* Overlay */
 .overlay-image-actus .hover {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: .6s ease-out;
}
 /* Apparition overlay sur passage souris */
 .overlay-image-actus:hover .hover {
    opacity: 0;
}
.overlay-image-actus .normal {
    transition: .6s ease-out;
}
.overlay-image-actus:hover .normal {
    opacity: 0;
}
.overlay-image-actus .hover {
    background-color: rgba(25, 25, 25, 0.3);
}

 /* Conteneur principal */
 .overlay-image-agences {
    position: relative;
}

/* Image originale */
.overlay-image-agences .image {
    display: block;
    width: 100%;
    height: 360px;
    object-fit: cover;
}
 /* Overlay */
 .overlay-image-agences .hover {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: .6s ease-out;
}
 /* Apparition overlay sur passage souris */
 .overlay-image-agences:hover .hover {
    background-color: transparent;
}
.overlay-image-agences .normal {
    transition: .6s ease-out;
}
.overlay-image-agences:hover .normal {
    opacity: 0;
}
.overlay-image-agences .hover {
    background-color: rgba(25, 25, 25, 0.3);
}

.overlay:hover{
    background-color: transparent;
}

.hover .text-chambres{
    position: absolute;
    text-decoration: none;
    color: #fff;
    width: 100%;
    top: 40%;
    left:0%;
}

.hover .text-chambres h2{
    font-size: 1.8rem;
    color: #fff;
}

.h2-chambres::before {
    content: "FNAIM";
}

.yellow-line-dynamique{
    height: 3px;
    width: 1px;
    background-color: transparent;
    transition: all 0.6s ease-out!important;
}

.overlay-image-agences:hover .yellow-line-dynamique {
    width: 100%;
    background-color: #FADC00;
    opacity:1;
}

#credits{
    color: #fff;
    font-size: 0.75rem;
}

#credits a{
    text-decoration: none;
    font-size: 0.75rem;
    color: #fff;
    transition: all .6s ease-out;
}

#credits a:hover{
    color: #FADC00;
}

#credits a::before{
    content: "\00a0";
}

#credits a::after{
    content: "\00a0";
}

#actus p{
    font-size: 0.85rem;
}

footer h3{
    font-size: 1.1rem;
}