.footer{
    background-color: rgb(37, 37, 37);
    
}

.sociaux{
   text-align: center;
}

.icon-sociaux{
    margin-left: 8%;
    margin-right: 8%;
}

.texte{
    color: azure;
    display: flex;
    text-align: center;
    
}


.fab, .fa-brands{
    color: rgb(128, 128, 128);
    font-size: 35px;
    margin: 10px;
}

.fab:hover, .fa-brands:hover{
    color: rgb(17, 100, 100);
    transition-duration: 1s;
    font-size: 40px;
}

.far{
    color: rgb(128, 128, 128);
    font-size: 15px;
}

.coordonnees{
    color: rgb(128, 128, 128);
    margin: 5px;
}

.mention-copyright{
    display: inline-flex;
padding-left: 10%!important;
}

.copy{
    color: azure;
    margin-bottom: 0%;
    
}

.mention {
    color: rgb(114, 114, 114);
    text-decoration: none;
    background: none;
    border: none;
}

.mention:hover{
    color: grey;
}

.modal-title {
    text-align: center!important;
}

.tiret{
    color: grey;
}

/*media responsive telephone iphone*/
@media only screen and (max-width: 600px){
    .sociaux{
        text-align: center;
    }
    
    .texte{
        flex-direction: column;
    }

    
}

@media only screen and (max-width: 1315px){
    .info-phone{
        margin-top: 4%!important;
    }

}

/*media responsive tablette ipad*/
@media screen and (min-width : 768px) and (max-width: 1366px){
    .info-phone{
        margin-top: 0%!important;
    }
}