.espace {
    margin-left: 60px; /*marge extérieur haut*/
}

.contact {
    text-align: center; /*texte alignement*/
}


/*----------------RÉSEAUX----------------*/

.reseaux {
    width: 45%; /*largeur*/
    margin: 0px auto 60px auto; /*marge extérieur*/
    display: flex; /*apparition des balises*/
    flex-wrap: wrap; /*disposés en ligne*/  
    justify-content: center; /*centre horizontalement le contenu*/
    gap: 40px; /*espace entre les éléments de la grille*/
}

.reseaux a {
    width: 315px; /*largeur*/
    padding: 0px 30px; /*marge extérieur*/
    display: flex; /*apparition des balises*/
    align-items: center; /*centre verticalement le contenu*/
}

.reseaux a:hover, .reseaux a:hover svg  {
    color: var(--vermeil); /*police couleur*/
}

.reseaux svg {
    width: 110px; /*largeur*/
    margin-right: 25px; /*marge extérieur droite*/
    transition: color 0.5s; /*transition*/
    color: var(--noir); /*police couleur*/
}

.reseaux h4 {
    width: 100%; /*largeur*/
    padding: 0; /*marge extérieur*/
    text-align: left; /*texte alignement*/ 
    text-transform: capitalize; /*texte transformer*/
    font-family: var(--autre); /*police type*/
    font-size: var(--24); /*police taille*/
}

.reseaux p {
    width: 100%; /*largeur*/
    margin: 0; /*marge extérieur*/
    font-family: var(--texte); /*police type*/
    font-size: var(--16); /*police taille*/
}