h1 {
    font-size: large;
    color: rgb(28, 28, 28); /* Couleur du texte */
    margin: 0; /* Élimine la marge par défaut */
}

.logo {
    height: 90px; /* Ajustez la taille du logo */
    margin-right: 2px; /* Ajoutez un espace à droite du logo si nécessaire */
    align-self: center; /* Alignement vertical */
}

body {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column; /* Aligne les éléments en colonne */
    height: 100vh;
    background-color: rgb(255, 255, 255);
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

header {
    height: 80px; /* Hauteur de l'en-tête */
    background-color: rgb(255, 255, 255);
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    justify-content: flex-start; /* Aligne le logo et le h1 à gauche */
    align-items: center; /* Centre verticalement les éléments */
    padding: 0% 50px 0px 0px; /* Ajoute un espacement à gauche et à droite */
    border: 1px solid rgb(33, 33, 33); /* Bordure blanche */
    border-radius: 100px; /* Coins arrondis */
}

nav {
    margin-right: 30;
    display: flex;
    margin-left: auto; /* Pousse le nav à droite */
}

nav a {
    margin-left: 15px; /* Espace entre les liens de navigation */
    text-decoration: none; /* Enlève le soulignement */
    color: rgb(40, 40, 40); /* Couleur du texte des liens */
}

main {
    margin-left: 0px;
    margin-right: 0px;
}

h2 {
    font-size: 40px;
    margin-bottom: 1px;
    margin-left: 30px;

}

h3 {
    font-size: 17px;
    font-style: italic;
    font-weight: 100;
    margin-bottom: 80px;
    margin-left: 30px;
}

.imgmémoire1 {
    margin-top: 40px;
    height: 900px;
    display: block;
    margin: auto;
    margin-top: 30px;

}
.container {
    display: flex; /* Active le modèle flex */
    gap: 5px;
    justify-content: center;
}

.column {

    margin: 30px 10px 60px;
    flex: 0 1 400px; /* Chaque colonne prend une largeur égale */
    padding: 15px; /* Espacement interne */
    background-color: #ffffff; /* Couleur de fond des colonnes */
    border: 2px solid rgb(0, 0, 0); /* Bordure blanche */
    border-radius: 15px; /* Coins arrondis */
 
}

h4 {
    text-decoration: underline;
}

.texte-ma-pratique {
    font-size: 20px;
    margin-left: 30px;

}

.container1 {
    display: flex;
    gap: 0;                 /* Pas d'espace entre les images */
    width: 100%;
}

/* Chaque lien devient le "wrapper" pour contenir le zoom */
.container1 a {
    flex: 1;                /* Largeur égale pour chaque image */
    height: 400px;          /* Hauteur fixe, à ajuster */
    overflow: hidden;       /* Empêche l'image de dépasser */
    display: block;
}

/* L'image à l'intérieur */
.container1 img.imgprojet1 {
    width: 100%;
    height: 100%;
    object-fit: cover;      /* Remplit le cadre sans déformation */
    transition: transform 0.4s ease; /* Transition du zoom */
}

/* Zoom au survol */
.container1 a:hover img.imgprojet1 {
    transform: scale(1.05);
};

.container1 {
    display: flex;
    gap: 0;                 /* Pas d'espace entre les images */
    width: 100%;
}

/* Chaque lien devient le "wrapper" pour contenir le zoom */
.container2 {
    display: flex;       /* Aligne les enfants horizontalement */
    gap: 0;              /* Pas d'espace entre les images */
    width: 100%;
    height: 500px; 
    margin-bottom: 20px;      /* Hauteur fixe (modifiable) */
}

/* Chaque lien devient le wrapper pour contenir le zoom */
.container2 a {
    flex: 1;             /* Chaque image prend moitié du conteneur */
    display: flex;        /* Permet à l'image de remplir le parent */
    overflow: hidden;    /* Zoom contenu dans le cadre */
}

/* Image à l'intérieur */
.container2 img.imgprojet1 {
    width: 100%;
    height: 100%;
    object-fit: cover;      /* Remplit le cadre sans déformation */
    transition: transform 0.4s ease; /* Zoom fluide */
}

/* Zoom au survol */
.container2 a:hover img.imgprojet1 {
    transform: scale(1.05);
}



.creuxdesmurs {
    font-size: 23px;
    margin-left: 30px;
}