/***********************
        TITRE
***********************/
h3 {
    margin-bottom: 24px;
    font-size: 22px;
}

h2 {
    margin-top: 48px;
    margin-bottom: 48px;
    font-size: 1.5em;
    color: #F3A41E;
}

article:first-child h2 {
    margin-top: 24px;
}

/*************************************
        QUI-SOMMES NOUS : SECTION
*************************************/
.descriptionPollen {
    display: flex;
    flex-direction: column;
    gap: 24px;

    padding: 24px 8px;

    font-size: 1.2em;
}

.descriptionPollen:nth-child(1) {
    border-bottom-right-radius: 24%;

    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../../../image/background/b1.jpg');
    background-color: black;
    background-position: center;
    background-repeat: no-repeat;

    color: white;
}

.descriptionPollen:nth-child(2) ul {
    padding-left: 24px;
    font-weight: normal;
}

.descriptionPollen:nth-child(2) a {
    color: #F3A41E;
    text-decoration: none;
}

.descriptionPollen:nth-child(2) span {
    font-size: 1.2em;
}

.descriptionPollen:nth-child(3) {
    border-bottom-right-radius: 16%;
    border-top-left-radius: 16%;

    background-image: linear-gradient(rgba(243, 164, 30, .7), rgba(243, 164, 30, .7)), url('../../../image/background/b2.jpg');
    background-color: rgba(243, 164, 30, 1);
    background-position: center;
    background-position: top 40% left 50%;
    background-size: cover;
    background-repeat: no-repeat;

    color: white;
}

/*************************************
        PARTENAIRES : SECTION
*************************************/
.partenairesPollen {
    display: flex;
    flex-direction: column;
    gap: 24px;

    font-size: 1.2em;
}

.partenairesPollen h2 {
    text-align: center;
}

.logosPartenaires {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 25px 50px;
}

.logosPartenaires img {
    max-width: 200px;
}

/*************************************
        ACTUALITES : SECTION
*************************************/
#contentSection {
    padding: 16px;
}

#contentSection article div {
    display: flex;
    flex-direction: column;
}

#contentSection img {
    width: 190px;
    height: 190px;

    margin: 0px 0px 16px 0px;
}

.special {
    color: #F3A41E;
    text-align: right;
    font-weight: bold;
}

/*************************************
        RECRUTEMENT : SECTION
*************************************/
#recrutement {
    text-align: center;
}

#recrutement button {
    margin-top: 24px;
}

/***    RESPONSIVE  ****/
@media (min-width: 600px) {
    /*************************************
            ACTUALITES : SECTION
    *************************************/
    #contentSection {
        padding: 16px 16%;
    }

    #contentSection article div {
        flex-direction: row;
        gap: 24px;
    }

    #contentSection img {
        min-width: 190px;
        height: 190px;

        margin: 0px;
    }
}

@media (min-width: 900px) {
    /*************************************
            QUI-SOMMES NOUS : SECTION
    *************************************/
    .descriptionPollen {
        padding: 4% 16%;
    }

    .descriptionPollen:nth-child(1) {
        border-bottom-right-radius: 48%;
    }

    .descriptionPollen:nth-child(3) {
        border-top-left-radius: 24%;
        border-bottom-right-radius: 48%;
    }
}