@media (max-width:1050px){

/*Header _________________________________________________________________________________________________________________________________ */
    #PageTitle, #PageTitle a{
        display: none;
    }

    #PageTitleLogo img{
        height: 150px;
    }

    #PageTitleSocialMedia{
        display:none;
    }

    #MenuDeroulant img{
        height:30px;
        width:30px;
    }

    #MenuDeroulant{
        visibility: visible;
        flex-basis: 50%;
    }

/*Home___________________________________________________________________________________________________________________________________*/
    #Welcome{
        font-size: 30px;
        flex-basis: 70%;
    }
    
    .DetailAndIcon{
        width:60%;
    }

    #SecondBackground img{
        height: 275px;
    }

    #SecondBackground a,p{
        font-size: 14px;
    }

    #SecondBackground h2{
        font-size: 15px;
    }

    #SecondBackground h3{
        font-size: 16px;
    }

    #SecondBackground button, #SecondBackgroundService button{
        padding:5px 20px 5px 20px;
    }

    #ObjectifsDetail{
        flex-direction: column;
        gap:50px;
    }

    #SecondBackgroundIphoneView{
        flex-direction: column;
    }

    #SecondBackgroundPresentation{
        margin:50px 0px 0px 0px;
        max-width: 50%;
        text-align: center;
    }

    .Trait{
        border:none;
    }


/*Service___________________________________________________________________________________________________________________________________*/
    .ServiceBackground img{
        height: 450px;
    }
   
    .ServiceBackground{
        padding:80px 15%;
        align-items: center;
        flex-direction: column;
        align-items: center;
    }

    #SecondBackgroundService a{
        font-size: 12px;
    }

    #SecondBackgroundService h2, .QuiSommesNousBackground h2{
        font-size: 24px;
    }

    .ServiceDescription{
        order:1;
    }

    .ServiceBackground p{
        font-size: 14px;
    }

   

/*QuiSommesNous___________________________________________________________________________________________________________________________________*/
    #QuiSommesNousPicture img{
        height: 455px;
    }

    .QuiSommesNousBackground img{
        height: 450px;
    }

    .QuiSommesNousBackground{
        padding:80px 15%;
        align-items: center;
        flex-direction: column;
    }

    .QuiSommesNousDescription{
        order:1;
    }

    .QuiSommesNousBackground p{
        font-size:14px;
    }





/*Contact___________________________________________________________________________________________________________________________________*/
    #PageTitleSocialMediaContact img{
        height:35px;
    }

    #ContactOpening{
        font-size: 25px;
    }

    #ContactLogo img{
        height: 300px;
    }

    #flexContainerContact{
        flex-direction: column;
    }

    #FormulaireMessage{
        flex-direction: column;
    }
    
    #FormulaireMessage h1 {
        font-size: 30px;
    }

    #FormContact{
        border-left: none;
        border-right:none;
        border-top: 1px dotted #284226;
        border-bottom: 1px dotted #284226;
    }

    #MessageContact{
        flex-direction: column;
    }

    #MessageContact2 textarea{
        width:90%;
        max-width: 400px;
    }





   /*Footer___________________________________________________________________________________________________________________________________*/ 
   #flexContainerFooter{
        flex-direction: column;
    }

    #CoordonneesStyle{
        border-left: none;
        border-top: 1px solid white;
        padding:25px 0px 0px 50px;
    }

    #FooterSocialMedia{
        padding:0px 0px 45px 0px;
    }
}







@media (min-width:1050px) and (max-width:1500px){

    /*Header___________________________________________________________________________________________________________________________________*/ 
    #PageTitle, #PageTitle a{
        font-size: 18px;
        text-align: center;
        flex-shrink: 0;
    }

    #PageTitleLogo img{
        height: 250px;
    }

    #PageTitleSocialMedia img{
        height:35px;
    }

    #MenuDeroulant img{
        height:35px;
        width:35px;
    }

    #MenuDeroulant{
        display:none;
    }

    /*Home___________________________________________________________________________________________________________________________________*/ 
    #Welcome{
        font-size: 35px;
        flex-basis: 60%;
    }


    #SecondBackgroundIphoneView{
        flex-direction: column;
    }

    #SecondBackgroundPresentation{
        margin:50px 0px 0px 0px;
        max-width: 40%;
        text-align: center;
    }

    .Trait{
        border:none;
    }


    /*Service___________________________________________________________________________________________________________________________________*/ 
    .ServiceBackground img{
        height: 550px;
    }

    .ServiceBackground p{
        font-size: 15px;
    }

    .ServiceBackground{
        padding:80px;
        align-items: center;
    }

    /*QuiSommesNous___________________________________________________________________________________________________________________________________*/ 
    .QuiSommesNousBackground img{
        height: 550px;
    }

    .QuiSommesNousBackground p{
        font-size:15px;
    }

    .QuiSommesNousBackground{
        padding:80px;
        align-items: center;
    }


    /*Contact___________________________________________________________________________________________________________________________________*/ 
    #PageTitleSocialMediaContact img{
        height:35px;
    }
    
    #ContactOpening{
        font-size: 35px;
    }

    #ContactOpening2{
        font-size: 25px;
    }

    #ContactLogo img{
        height: 250px;
    }

    #FormulaireMessage{
        flex-direction: column;
    }

    #FormContact{
        border-left: none;
        border-right:none;
        border-top: 1px dotted #284226;
        border-bottom: 1px dotted #284226;
    }
}


@media (min-width:1500px) and (max-width:1750px){
    .QuiSommesNousBackground{
        align-items: center;
    }
    
}


@media (min-width:1500px){

    #MenuDeroulant{
        display:none;
    }
}