/* Style de la section */
.salary .content-section {
    background-color: #282416; /* Arrière-plan noir */
    color: #fff; /* Couleur du texte en blanc */
    position: relative; /* Permet un positionnement précis */
    padding: 50px 0; /* Espacement interne de la section */
    overflow: hidden; /* Masque les débordements */
}

/* Alignement du contenu de la section */
.salary .content-wrapper {
    display: flex; /* Utilise Flexbox pour l'agencement */
    align-items: center; /* Aligne verticalement les éléments */
    flex-wrap: wrap; /* Les éléments peuvent se déplacer sur les petits écrans */
}

/* Zone de contenu textuel */
.salary .text-content {
    padding: 20px; /* Ajoute du padding pour le texte */
}

/* Style des éléments textuels */
.salary .title {
    /*font-size: 2.5rem; !* Taille du titre *!*/
    margin-bottom: 15px; /* Espacement sous le titre */
}

.salary .description {
    /*font-size: 1rem; !* Taille du texte *!*/
    line-height: 1.6; /* Hauteur de ligne pour le confort de lecture */
    margin-bottom: 30px; /* Espacement sous le texte */
    font-family: 'Fira Sans',sans-serif;!important;
}

/* Zone d'image */
.image-content {
    position: absolute; /* Positionne l'image par rapport à la section */
    top: 0; /* Aligne l'image en haut */
    right: 0; /* Aligne l'image à droite */
    width: 50%; /* L'image occupe 50% de la largeur de la section */
    height: 100%; /* L'image occupe toute la hauteur de la section */
}


/* Responsive pour les petits écrans */
@media (max-width: 768px) {
    .content-wrapper {
        flex-direction: column; /* Empile les éléments sur les petits écrans */
        padding: 20px; /* Espace autour du contenu */
    }

    .image-content {
        position: relative; /* Remet l'image dans le flux normal sur les petits écrans */
        width: 100%; /* L'image prend 100% de la largeur */
        height: auto; /* L'image prend sa hauteur normale */
    }

    /*.section-image {*/
    /*    height: auto; !* Ajuste la hauteur de l'image *!*/
    /*}*/
}