body {
    font-family: 'Inter', sans-serif;
    margin: 20px;
    padding: 0;
    font-size: 1.2em;
    margin-top: 70px;
}

header {
    background-color: #fff;
    color: #000000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    font-size: 1.0em;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
    margin-left: -20px;
    margin-right: -20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
}

nav {
    margin-left: auto;
}

nav li {
    margin-right: 40px;
}

nav a {
    text-decoration: none;
    color: #000000;
}

nav a:hover {
    text-shadow: 0 0 5px rgba(89, 89, 202, 0.5);
}

footer {
    margin-top: 80px;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -40px;
    background-color: blanchedalmond;
    text-align: center;
    padding: 30px;
}

#logo img {
    max-width: 80%;
    height: auto;
}

#language-switcher {
    position: relative;
    margin-right: 40px;
}

.current-language {
    cursor: pointer;
    display: flex;
    align-items: center;
    margin: 0 10px;
}

.arrow-down {
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    margin-left: 5px;
}

.language-menu {
    display: none;
    flex-direction: column;
    position: absolute;
    right: 0px; /* Ajustez si nécessaire */
    background-color: #fff;
    z-index: 1;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    white-space: nowrap;
}

.language-option {
    cursor: pointer;
    padding: 10px;
    display: flex;
    align-items: center;
}

.current-language img,
.language-option img {
    width: 20px; /* Ajustez la largeur souhaitée */
    height: 20px; /* Ajustez la hauteur souhaitée */
    margin-right: 10px;
}

/* PAGE ACCUEIL */


#home-content-fr, #home-content-en {
    display: grid;
    grid-template-columns: 3fr; /* Une seule colonne par défaut */
    gap: 20px; /* Espacement entre les éléments */
}

#home-content-fr p, #home-content-en p {
    text-align: justify;
}

.home-section {
    display: grid;
    grid-template-columns: 12fr 5fr 1fr; /* Répartir l'espace entre les colonnes */
    grid-gap: 50px;
    margin-bottom: 50px;
}

.home-text {
    display: flex;
    flex-direction: column;
    align-items: justify;
    margin-top: 50px;
}

.home-image img {
    max-width: 60%; /* Utiliser 100% de la largeur disponible */
    height: auto;
    margin-left: 40px;
    border-radius: 28px;
    background: #e0e0e0;
    box-shadow: 25px 25px 50px #848484, -25px -25px 50px #ffffff;
}

.home-logo img {
    max-width: 80%; /* Utiliser 100% de la largeur disponible */
    height: auto;
    margin-left: -80px;
    margin-top: 130%;
}

.home-aero img {
    width: 100%; /* Utiliser 100% de la largeur disponible */
    height: auto;
    margin-bottom: 50px;
}

.home-section2 {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Répartir l'espace entre les colonnes */
    grid-gap: 1px;
    margin-bottom: 50px;
}

.home-image2 img {
    max-width: 40%; /* Utiliser 100% de la largeur disponible */
    height: auto;
}

.home-section3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; /* Répartir l'espace entre les colonnes */
    grid-gap: 10px;
    margin-bottom: 50px;
    width: 100%;
}

.home-image3 {
    display: flex;
    justify-content: center; /* Centre les images horizontalement */
    align-items: center; /* Centre les images verticalement */
}

.home-image3 img {
    width: 60%; /* La largeur de l'image sera égale à la largeur de son conteneur */
    height: auto;
    border-radius: 28px;
    background: #e0e0e0;
    box-shadow: 25px 25px 50px #848484, -25px -25px 50px #ffffff;
}

.home-logo4 {
    display: flex;
    justify-content: center; /* Centre les images horizontalement */
    align-items: center; /* Centre les images verticalement */
}

.home-logo4 img {
    max-width: 40%; /* Utiliser 100% de la largeur disponible */
    height: auto;
}

/* PAGE CV */

#cv-content-fr, #cv-content-en {
    margin-top: 100px;
    margin-left: 30px;
    margin-right: 200px;
    display: grid;
    justify-content: center;
    gap: 100px; /* Ajustez l'espacement entre les sections */
    grid-template-columns: 1fr; /* Ajustez les proportions des colonnes selon vos besoins */
}

.experience {
    display: grid;
    grid-template-columns: 2fr 6fr;
    gap: 50px;
    justify-content: center;
    margin-bottom: 100px;
}

.company-logo {
    max-width: 100%;
    max-height: 150px; /* Ajustez la hauteur maximale selon vos besoins */
    height: auto;
    justify-content: center;
}

.experience-details {
    display: grid;
    gap: 10px;
}

.photo-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.date {
    font-weight: bold;
}

.position h2 {
    margin: 0;
}

.description {
    margin-top: -20px;
    text-align: justify;
}

/* PAGE PROJETS */
#projects-content-fr, #projects-content-en {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Une seule colonne par défaut */
    gap: 20px; /* Espacement entre les éléments */
}

.project-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
    margin-bottom: 50px;
}

.project-text {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.project-image img {
    max-width: 100%; /* Assurez-vous que l'image ne dépasse pas la largeur de son conteneur */
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

#projects-content-fr p, #projects-content-en p {
    text-align: justify;
    margin-bottom: 30px;
}

#projects-content-fr h1, #projects-content-en h1 {
    text-align: center;
    margin-bottom: 50px; /* Espacement en bas pour plus de clarté */
}

#projects-content-fr h3, #projects-content-en h3 {
    text-align: center;
    margin-bottom: -5px;
}

.download-button {
    background: linear-gradient(0deg,#A47CF3,#683FEA);
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.download-button:hover {
    background: linear-gradient(0deg,#A47CF3,#683FEA);
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4),
    inset 0px -4px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 4px rgba(255, 255, 255, 0.2),
    0px 0px 180px 0px #9917FF;
    transform: translateY(-2px);
  }