/* Réinitialisation et styles de base */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

li {
    list-style-type: none;
}

body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    background-color: #f8f9fa; /* Couleur de fond général */
}

.navbar-toggler {
    border-color: rgba(0,0,0,.1); /* Couleur de la bordure du bouton de toggler */
}

.navbar-nav {
    justify-content: center; /* Centrer les éléments de la navbar */
}

.nav-item {
    margin-right: 15px; /* Espacement entre les éléments de la navbar */
}

.nav-link {
    color: #343a40; /* Couleur du texte des liens */
    font-size: 18px; /* Taille de police des liens */
    font-weight: bold; /* Gras pour les liens */
    text-decoration: none; /* Suppression du soulignement par défaut */
    transition: all 0.5s ease; /* Animation de transition douce */
}

.network {
    margin: 0 8px; /* Espacement entre les icônes des réseaux sociaux */
}

.network > a > img {
    width: 40; /* Largeur des icônes des réseaux sociaux */
    height: 40px; /* Hauteur des icônes des réseaux sociaux */
    border-radius: 50%; /* Bordure arrondie pour les icônes */
    transition: transform 0.5s ease; /* Animation de transition pour l'effet hover */
}

.network > a > img:hover {
    transform: scale(1.3); /* Zoom au survol des icônes */
}

.h2-home {
    font-style: italic;
}

.section-un-projet {
    margin-top: 30px; /* Marge en haut de chaque section */
    text-align: center; /* Centrage du contenu de section */
}

.p-un-projet {
    font-size: 18px; /* Taille de police du paragraphe de section */
    line-height: 1.8; /* Hauteur de ligne du paragraphe de section */
    margin-bottom: 20px; /* Marge en bas du paragraphe de section */
}

/* Styles pour les images des projets */
.img-un-projet {
    width: 100%; /* Largeur maximale pour les images de projet */
    height: auto; /* Hauteur automatique pour les images de projet */
    border-radius: 8px; /* Bordure arrondie pour les images de projet */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ombre légère pour les images */
    margin-bottom: 30px; /* Marge en bas des images de projet */
}

#hiddendiv {
    width: 100%;
    height: auto;
    position: static;
    margin-bottom: 20px;
}