/* ===================== Section photo Groupe ============================ */

#PhotoGpe {
    background-image: url(photos/Team_cardio.jpg);
    background-size: 100%;
    height: 57em;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-attachment: fixed;
}

#fleche {
    position: absolute;
    bottom: 20px;
}

@keyframes flecheAccueil {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(20px);
    }
}

#downArrow {
    animation: flecheAccueil 1s ease alternate infinite;
    height: 60px;
}

/* ============= Responsive Design Photo Groupe ========== */

@media (min-width: 481px) and (max-width: 1024px) {
    #downArrow {
        display: none;
    }

    #PhotoGpe {
        height: 30em;
    }
}



/*======================= Section présentation individuelle ==================== */

.presentation {
    display: flex;
    text-align: center;
    justify-content: space-between;
    align-items: center;
}

.presentation div {
    line-height: 31px;
}

.presentationS {
    display: flex;
    text-align: center;
    justify-content: space-around;
    align-items: center;
}

.presentationS div {
    line-height: 31px;
}

.photoID {
    height: 250px;
    border-radius: 30px;
}

.nomPrenom {
    font-size: 25px
}

.boutonDoctolib img {
    height: 70px;
    object-fit: contain;
}

.boutonDoctolib {
    border-radius: 46px;
    border-color: #1699E2;
    background-color: white;
}

.presentation2 {
    background-color: #093C09;
    display: flex;
    flex-direction: row-reverse;
    text-align: center;
    justify-content: space-between;
    align-items: center;
    color: white;
}

.presentation2 div {
    line-height: 31px;
}

.presentation2S {
    background-color: #093C09;
    display: flex;
    flex-direction: row-reverse;
    text-align: center;
    justify-content: space-around;
    align-items: center;
    color: white;
}

.presentation2S div {
    line-height: 31px;
}

.boutonDoctolib2 img {
    height: 70px;
    object-fit: contain;
}

.boutonDoctolib2 {
    border-radius: 46px;
    border-color: #1699E2;
    background-color: #093C09;
}

.photoIDSecretaire {
    margin: 20px 0 10px;
    height: 250px;
    border-radius: 30px;
}

span {
    font-size: 0.8em;
}

/* ==================== Responsive PI ========= */

@media screen and (max-width: 480px) {
    #PhotoGpe {
        display: none;
    }

    #wholeTeam {
        margin: 5em 0 0 0;
        font-size: 1em
    }

    #wholeTeam h3 {
        font-size: 1.1em
    }

    .presentation {
        display: flex;
        flex-direction: column;
    }

    .presentation div:last-child {
        display: none;
    }

    .presentation div {
        line-height: 1em;
    }

    .photoID {
        height: 10em;
        margin-top: 1em;
    }

    .nomPrenom {
        font-size: 1.2em
    }

    .boutonDoctolib img {
        height: 3em;
    }

    .presentation2 {
        display: flex;
        flex-direction: column;
    }

    .presentation2 div:last-child {
        display: none;
    }

    .presentation2 div {
        line-height: 1em;
    }

    .boutonDoctolib2 img {
        height: 3em;
    }

    .photoIDSecretaire {
        height: 10em;
    }

    span {
        font-size: 0.8em;
    }

}

@media (min-width: 481px) and (max-width: 1024px) {
    #wholeTeam {
        margin: 0;
        font-size: 1.2em
    }

    #wholeTeam h3 {
        font-size: 1.3em
    }

    .presentation {
        display: flex;
        flex-direction: column;
    }

    .presentation div:last-child {
        display: none;
    }

    .presentation div {
        line-height: 1em;
    }

    .photoID {
        height: 10em;
        margin-top: 1em;
    }

    .nomPrenom {
        font-size: 1.2em
    }

    .boutonDoctolib img {
        height: 3em;
    }

    .presentation2 {
        display: flex;
        flex-direction: column;
    }

    .presentation2 div:last-child {
        display: none;
    }

    .presentation2 div {
        line-height: 1em;
    }

    .boutonDoctolib2 img {
        height: 3em;
    }

    .photoIDSecretaire {
        height: 10em;
    }

    span {
        font-size: 0.8em;
    }
}