/* ---------------------LOGO Sociaux---------------------------- */
.logo-sociaux{
    z-index: 100000000;
    position: fixed;
    text-align: center;
    right: 2%;
    bottom: 15%;
    padding: 1%;
}




/* ---------------------Bandeau Footer---------------------------- */
/* Couleur Footer */
.page-footer{
    color: white;
    background-color: #343a40 !important;
}
/* Couleur police */
.page-footer a{
    color: white;
}
/* Couleur police survol */
.page-footer a:hover{
    color: #0982c6;
}




/* ---------------------Pour responsive---------------------------- */
/* Tout ce qui change en fonction de la taille de l'écran */
@media (min-width: 1199px){
    footer{
        font-size: 1em;
    }
    .titre-footer{
        font-size: 1em;
    }
    .bt-sociaux{
        width: 50px;
    }
    .logo-footer-mail{
        width: 30px;
    }
    .logo-footer-tel{
        width: 25px;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    footer{
        font-size: 1em;
    }
    .titre-footer{
        font-size: 1em;
    }
    .bt-sociaux{
        width: 50px;
    }
    .logo-footer-mail{
        width: 30px;
    }
    .logo-footer-tel{
        width: 25px;
    }
}

@media (max-width: 991px){
    footer{
        font-size: 1em;
    }
    .titre-footer{
        font-size: 1em;
    }
    .bt-sociaux{
        width: 50px;
    }
    .logo-footer-mail{
        width: 30px;
    }
    .logo-footer-tel{
        width: 25px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    footer{
        font-size: 1em;
    }
    .titre-footer{
        font-size: 1em;
    }
    .bt-sociaux{
        width: 100px;
    }
    .logo-footer-mail{
        width: 50px;
    }
    .logo-footer-tel{
        width: 40px;
    }
}
@media (max-width: 767px){
    footer{
        font-size: 2em;
    }
    .titre-footer{
        font-size: 1em;
    }
    .bt-sociaux{
        width: 100px;
    }
    .logo-footer-mail{
        width: 50px;
    }
    .logo-footer-tel{
        width: 40px;
    }
}