#reseaux {
    display : flex; /* Utilisation de flexbox pour les éléments contenus dans #reseaux */
    flex-direction: column; /* Affichage des éléments en colonne */
}


img {
    height : 50px; /* Hauteur de l'image de 50 pixels */
    width: 50px; /* Largeur de l'image de 50 pixels */
    margin : 5px; /* Marge de 5 pixels autour de l'image */
    background-color: rgba(0, 255, 255, 0.507); /* Couleur de fond de l'image en utilisant RGBA */
    border-radius: 2em; /* Bordure arrondie avec un rayon de 2em */
    box-shadow: 0 0 2em rgba(14, 185, 185, 0.562); /* Ombre portée de l'image */
}


#contact, 
#sondage {
    margin: 1em; /* Marge de 1em autour des éléments #contact et #sondage */
    background-color :rgba(0, 255, 255, 0.507); /* Couleur de fond des éléments en utilisant RGBA */
    padding: 1em; /* Espacement intérieur de 1em des éléments */
    border-radius: 2em; /* Bordure arrondie avec un rayon de 2em */
    box-shadow: 0 0 2em rgba(14, 185, 185, 0.562); /* Ombre portée des éléments */
}

@media only screen and (min-width:1024px){
    #conteneur{
        display : flex; /* Utilisation de flexbox pour les éléments contenus dans #conteneur */
        flex-direction: row; /* Affichage des éléments en ligne */
    }
}

@media only screen and (max-width:1024px){
    #conteneur{
        display : flex; /* Utilisation de flexbox pour les éléments contenus dans #conteneur */
        flex-direction: column; /* Affichage des éléments en colonne */
    }
}