/* local css */
:root {
    --couleur_1: #323940;
}

/* initialisations */
.volet-du-haut{
    padding: 22px 16px 22px 16px;
    text-align: center;
}
.logo{
    max-width: 300px;
    display: inline-block;
}
.volet-du-bas{
    padding: 22px 16px;
}
@media(max-width: 991px){
   .volet-du-bas{
       padding: 16px 16px;
   }
}
/* bouton_contact */
.bouton_contact{
    float: right;
    margin-right: 20px;
}
/* block login */
.block-login {
    width: 350px;
    margin: 0 auto;
    padding: 20px 0;
    color: #323940;
}
@media(max-width: 991px){
    .block-login{
        width: 300px;
    }
}

/* page accueil */
#Block_1{
    background-image: url("https://atsoc-group.fr/img/atsoc_group_2a.jpg");
    background-size: cover;
    background-position-y: center;
    height: 800px;
}
#Svg_1{
    position: absolute;
    top: 0;
    left: 0;
}
#Bandeau_horizontal{
    padding-top: 5%;
    display: flex;
    justify-content: center;
    gap: 10%;
}

.block_lien{
    max-width: 300px;
}
@media(max-width: 991px){
    #Bandeau_horizontal{
        flex-direction: column;
        padding-top: 0;
    }
    #Svg_1{
        display: none;
    }
    #Block_1{
        background-image: initial;
        height: initial;
    }
    .block_lien{
        margin: 20px auto;
    }
}
/* fin page accueil */

/* page accueil_immo */
.encart{
    margin-top: 40px;
}
.img-encart{
    max-width: 300px;
    display: inline-block;
}
.des-encart{
    display: inline-block;
    vertical-align: top;
}
@media(max-width: 991px) {
    .img-encart{
        max-width: 100%;
        display: block;
    }
}
.img-encart-large{
    max-width: 600px;
    display: block;
    margin: 0 auto;
}
/* fin page accueil_immo */
/* correction affichage conflit sticky-top et dropdown-menu */
.dropdown-menu{
    z-index: 1030;
}

/* divers */
.block-largeur-1{
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
}
.block-largeur-2{
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
}
.hauteur_1{
    height: 30px;
}
.hauteur_2{
    height: 60px;
}
.bloc-hide{
    display: none;
}
.bloc-show{
    display: block;
}
.clear_right{
    clear: right;
}

