@media all and (max-width: 1024px)

{

    /*

    body {

        background-color: red;

    }

    */

    h2 {

        margin: 25px 0;

        margin-top: 25px!important;

        font-size: 2.5em;

    }



    h3 {

        font-size: 2em;

    }



    /* Accueil */



    /* Section Intro parcours */

    #intro_parcours p {

        font-size: 3vw;

        width: 50%;

    }



    .en_apprendre_plus {

    width: 35vw;

    }



    .en_apprendre_plus a {

        font-size: 2.5vw;

    }

    

    /* Section contact */





    #contact .table {

        width: 85%;

    }



    #contact h3 {

        font-size: 4vw;

    }



    #contact p {

        margin: 10px;

        font-size: 2vw;

    }



    /* Formulaire */



    .formulaire {

        padding-top: 7px;

        font-size: 2.5vw;

        width: 95%;

    }



    .formulaire h4 {

        font-size: 2.5vw;

        margin: 15px 0px 20px 0px;

    }



    .formulaire .informations {

        margin-bottom: 10px;

    }



    .formulaire .conteneur_nom_prenom {

        grid-template-columns: 15vw 15vw;

        column-gap: 2.5vw;

        row-gap: 30px;

    }

    .formulaire .MsgMail {

        display: grid;

        grid-template-columns: max-content;

        column-gap: 2vw;

        row-gap: 30px;

    }



    .formulaire label {

        font-size: 2.5vw;

    }

    .formulaire input {

        font-size: 1.75vw;

    }

    .formulaire select {

        font-size: 1.75vw;

    }

    .formulaire textarea {

        margin-top: 11px;

        font-size: 1.75vw;

        width: 100%;

    }



    .formulaire input[type=submit] {

        font-size: 3vw;

    }

    

    /* Section média */





    .video_presentation {

        width: 84vw; height: 47vw;

    }

    

    /* Section parcours */

    .cadre_texte p, .cadre_texte ul {

        font-size: 2.5vw;

    }



    .cadre_texte {

        width: 80%;

    }

}



@media all and (max-width: 900px)

{

    /* HEADER - Titre/logo en haut à gauche */

    .logo_header {

        /*Prochainement*/

    }



    h3 {

        margin: 40px 0!important;

    }



    #parcours img {

        width: 100px;

    }



    #parcours p {

        font-size: 1em;

        margin: 40px 50px;

        margin-bottom: 25px;

    }



    #parcours .name {

        margin: 0 20px;

    }



    #parcours h4 {

        font-size: 3vw;

    }

    #parcours h4:nth-of-type(2) {

        font-size: 2.5vw;

    }



    #parcours .bio_profil {

        margin: 0 7px;

    }



    #parcours .bio {

        margin: 40px 50px;

    }



    #parcours img {

        width: 25vw;

    }



    #parcours .name {

        font-size: 0.8em;

        margin: 10px auto;

        white-space: nowrap;

    }



    #parcours .survole {

        font-size: 0.95em;

    }



    #parcours .bio p {

        margin: 20px 50px;

        width: 100%;

    }



    #accueil {

        margin: 0;

        height: 50vw;

    }



    .titre_accueil {

        margin-bottom: 25px;

    }



    .bg1 {

        height: 100%;

    }



    .en_apprendre_plus {

        width: max-content;

        padding: 0 5px;



        margin: 2.5vw auto;

    }

    .en_apprendre_plus a {

        color: white;

        font-size: 1em;

        padding: 10px 20px;

    }

    

    #contact p {

        margin: 10px 0;

    }



    .formulaire .MsgMail {

        margin-left: 2vw;

    }



    .formulaire input {

        font-size: 2.5vw;

    }

    .formulaire select {

        font-size: 2vw;

    }

    .formulaire textarea {

        font-size: 2.5vw;

    }



    input[type="checkbox" i] {

        margin: 3px 0;

    }



    .propos {

        width: 100%;

    }



    .teaser h4 {

        margin-top: 20px;

        font-size: 1.25em;

        text-align: left;

        margin-left: 50px;

    }



    .teaser {

        flex-direction: column;

    }

    .teaser p {

        margin: 25px 50px;

    }



}