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

/*
.show{
    z-index: 8;
}
*/


.list-group {
    --bs-list-group-color: #212529;
    --bs-list-group-bg: none;
    --bs-list-group-border-color: none;
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-radius: 0.375rem;
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: #495057;
    --bs-list-group-action-hover-color: #495057;
    --bs-list-group-action-hover-bg: #f8f9fa;
    --bs-list-group-action-active-color: #212529;
    --bs-list-group-action-active-bg: #e9ecef;
    --bs-list-group-disabled-color: #6c757d;
    --bs-list-group-disabled-bg: #fff;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius);
}

.list-group-item {
 border-bottom:2px solid #0EABC4;
 padding-left:0;
 padding-right:15px;
}

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

.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;
}

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

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

ul.details-biens li {
    padding-top:15px !important;
    padding-bottom:15px !important;
}

.bleu-fonce{
    color: #17304F;
    font-weight:500;
 
}

.liste-detail .fw-light {
    font-size:18px;
} 

.bleu-clair{
    color: #0EABC4;
}

.jaune{
    color: #FADC00;
}

.h3-blue{
    color: #0EABC4;
    margin-top: 1.2rem;
}

.yellow-line-h1{
    height: 0.5rem;
    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;
}

.bg-grey{
    background-color: #F6F5F5;  
}

.bg-dark-grey{
    background-color: #EEEDED;
}

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

.connection a:hover{
    font-weight: 600;
}

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

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

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

.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;
    text-transform: uppercase;
    margin-left: 1rem;
    margin-right: 1rem;
}

.nav-link{
    font-size:68%;
}


.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;
}

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

.carousel{
    height:400px!important;
}

.carousel-item img{
    height:400px!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;
}

.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;
}

.carousel-indicate img{
    width: 120px;
    height: 80px;
    object-fit: cover;
}

.descr {
    overflow-wrap: break-word;
}

/*
.carousel-indicate .active img{
    border-bottom: 3px solid #FADC00;
    border-width: 90%;
}
*/

.vignettes-carousel {
    filter: brightness(1.2);  
}

.carousel-control-prev-icon{
    background-image: none; 
    color: #17304F;
}

.carousel-control-next-icon, .carousel-control-prev-icon{
    background-image: none; 

}

.carousel-control-next, .carousel-control-prev{
    bottom: auto;
    top: auto;
    opacity: 1;
    transition: all 0.6s ease-out;
}

.carousel-control-next:hover, .carousel-control-prev:hover{
    opacity: 0.7;
}

.marge-test{
    height:600px;
}

.liste-detail ul{
    padding-left: 0px;
}

.btn-gris{
    background-color: #D7DADE;
    border-style: none;
    border: 1px solid #FADC00;
    transition: all 0.6s ease-out;
}

.btn-gris:hover{
    background-color: #FADC00;
    border-style: none;
    border: 1px solid #0EABC4;
}

.btn-gris:hover i{
    color: #17304F!important;
}

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

.btn-bleu, #favori-button {
    background-color: #17304F !important;
    border-style: none !important;
    border: 1px solid #17304F !important;
    transition: all 0.6s ease-out !important;
}

.btn-bleu:hover, #favori-button:hover {
    background-color: #FADC00 !important;
    border-style: none !important;
    border: 1px solid #FADC00 !important;
}

.btn-bleu i, #favori-button i{
    color: #0EABC4 !important;
}

.btn-bleu:hover i, #favori-button:hover i {
    color: #17304F !important;
}

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

.btn-bleu a:hover, #favori-button:hover {
    color: #17304F !important;
}

.blue-line{
    height: 0.2rem;
    background-color: #0EABC4;
    border-radius: 2px;
}

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

footer{
    background-image: url('../fonds/fond_degrade_footer.png');
    background-repeat: no-repeat;
    background-size: cover;

}


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

    .btn-bleu {
     width:100% !important;
     font-size:14px !important;
    }

}

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

     .btn-bleu {
     width:75% !important;
     font-size:16px !important;
    }

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

@media screen and (min-width: 1025px){
    .spec-border{
        border-bottom: 2px solid #FADC00;
    }
    .spec-border-right{
        border-right: 2px solid #FADC00;
    }
    .btn-gris a{
        font-size: 100%!important;
    }
}

@media screen and (min-width: 1024px){
    .losange-jaune{
        right: -390px;
        opacity: 0.7;
        bottom: -1150px;
    }
    
    .losange-bleu-plein{
        left:-600px;
        z-index: -2;
        opacity: 0.7;
        transform: translateY(+300px);
    }
    
    .losange-bleu{
        width: 520px;
        right: -190px;
        opacity: 0.7;
        transform: translateY(+850px);
    }
    
    .losange-jaune-plein{
        width: 620px;
        transform: translateY(-80px);
        left: -280px;
    }
}


@media screen and (min-width: 577px) and (max-width: 1699px) {

.btn-bleu {
     height:70px !important;
    }

}

.spec-bien{
    background-color: #F6F5F5;
}

.blue-line{
    border-bottom: 1px solid #0EABC4;
    margin-bottom: 0.7rem;
}

.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;
}

.form-control{
    background-color: #EEEDED;
    border-color: #0EABC4;
}

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

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

.stickers{
    transform: translateY(-45%);
    z-index:4;
}

.sticker-yellow{
    background-color: #FADC00;
}


.text-legal{
    font-size: 0.8rem;
}

.adresse-agence a{
    text-decoration: none;
    transition: all 0.6s ease-out;
}

.adresse-agence a:hover{
    color: #0EABC4;
}

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

.detail-bien ul{
    list-style: none;
}

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;
}

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

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

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

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

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

    .carousel-indicate img{
        width: 200px;
        height: 125px;
        object-fit: cover;
    }
}

#biens-interet{
    background-image: url('../fonds/fond-losange-gris-bien-inetret.png');
    background-color: #EEEDED;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    z-index: 3;
}

.special-fonds {
    background: url('../fonds/losange_jaune.png'), 
    url('../fonds/losange_bleu_plein.png'), 
    url('../fonds/losange_bleu.png'),
    url('../fonds/losange_jaune_plein.png');
    background-size: 33%, 50%, 30%, 48%;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: 122% 30%, -57% 42%, 116% 51%, -65% 83%;
}