/*********************************************************************/
/* Media Queries for Page Header */
/*********************************************************************/

@media screen and (min-device-width: 200px) and (max-device-width: 320px),
screen and (min-device-width: 321px) and (max-device-width: 400px),
screen and (min-device-width: 401px) and (max-device-width: 550px),
screen and (min-device-width: 551px) and (max-device-width: 800px)
{

    #grandDivHoverBis {
        position: fixed;
        height: auto;
        width: 100%;
        right: unset;
        margin: auto;
        top: 5px;
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        z-index: 999;
    }

    .logos{
        width: 100px !important;
        height: unset !important;
    }

    #divBoutonconnexion, #divBouton {
        width: 100%;
    }

    #grandDivEnteteMenu33 {
        width: 100%;
        margin: auto;
    }

    #grandDivEnteteMenu2_bis {
        height: auto;
        gap: 10px;
        flex-direction: column;
    }

    .grandDivEnteteMenu2_bis {
        text-align: center;
        font-size: 24px;
    }

}


@media screen and (min-device-width: 801px) and (max-device-width: 1024px) {

}

@media screen and (min-device-width: 200px) and (max-device-width: 800px) {
    .sizeFont {
        font-size: 1em;
    }

    .grandDivEnteteMenu2_bis {
        font-size: 24px;
        font-weight: bold;
    }

    .grandDivEnteteMenu3 {
        color: gray;
        padding: 30px;
        font-weight: bold;
        font-size: 30px;
    }

    #grandDivEnteteMenu33 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #grandContent {
        width: 100%;
        margin-top: 5%;
    }

    #grandContent123 {
        font-size: 20px;
    }

    #contentContentDivElements_1,
    #contentContentDivElements_3 {
        display: none;
    }

    #contentContentDivElements_2 {
        width: 100%;
    }

    #grandDivEnteteMenu5 {
        flex-direction: column;
    }
}

/*********************************************************************/
/* Media Queries for Page Body */
/*********************************************************************/

@media screen and (min-device-width: 600px) and (max-device-width: 1024px),
screen and (min-device-width: 2000px) {
    #grandDivEnteteMenu33 {
        width: 70%;
        margin: auto;
    }
}

/*********************************************************************/
/* Media Queries for Contact Page */
/*********************************************************************/

@media screen and (min-device-width: 200px) and (max-device-width: 400px) {
    #div_1, #div_2 {
        width: 100%;
        height: auto;
        font-size: 30px;
        line-height: 35px;
    }

    #div_2 div {
        width: 100%;
    }
}

/*********************************************************************/
/* Media Queries for Help Page */
/*********************************************************************/

@media screen and (min-device-width: 200px) and (max-device-width: 1024px) {
    #divModule {
        width: 100%;
    }
}

/*********************************************************************/
/* Media Queries for Account Creation Page */
/*********************************************************************/

@media screen and (min-device-width: 200px) and (max-device-width: 800px) {
    #divcadreFormulaire {
        display: flex;
        flex-direction: column;
    }

    #div_1, #div_2 {
        width: 100%;
    }
}

@media screen and (min-device-width: 801px) and (max-device-width: 1024px) {
    #grandDivEnteteMenu33 {
        display: flex;
        flex-direction: column;
    }

    #grandContent {
        width: 100%;
        margin-bottom: 2%;
    }
}