@media screen and (max-width:1600px) and (min-width:1400px){
    
    #titre{border: 13px ridge orangered; padding: 23px; font-size: 50px; margin-bottom: 75px;}
    
    .onglet{font-size: 21px; padding: 12px;} /* onglets connexion, inscription et retour page d'accueil */
    
    #logo{height: 65px; top: 90px; left: 34%;}
    
    #main{width: 680px;} /* paragraphe de bienvenue */
        
    .first{font-size: 32px;} /* titre du paragraphe de bienvenue */
    
    .t2{font-size: 26.5px;} /* paragraphe page d'accueil ET titre pages connexion, inscription et profil */
    
    #msgco{width: 350px;} /* paragraphe après connexion */
    
    .bt{font-size: 28px;} /* boutons */
        
    #b1{margin: 55px;} /* bouton commencer sans m'inscrire */
    
    #footer{height: 90px; top: 730px;} /* encadrement de #contact */
    
    #contact{font-size: 21px;} /* adresse mail */
            
    #don{top: 785px;} /* balise form de paypal contenant #btdon */
    
    #btdon{width: 80%;} /* input don paypal */
    
    #titre2{width: 370px;} /* titre des pages de connexion, d'inscription et de profil */
    
    #infosprofil{margin-top: 100px;}
}

        
@media screen and (max-width:1400px) and (min-width:1280px){
    
    #titre{border: 12px ridge orangered; margin: 55px 20px 60px 20px; padding: 21.5px; font-size: 45px;}
    
    .onglet{font-size: 19px; padding: 11px;} /* onglets connexion, inscription et retour page d'accueil */
    
    #logo{height: 60px; top: 82px; left: 34%;}
    
    #main{width: 600px;} /* paragraphe de bienvenue */
        
    .first{font-size: 30px; } /* titre du paragraphe de bienvenue */
    
    .t2{font-size: 24px;} /* paragraphe page d'accueil ET titre pages connexion, inscription et profil */
    
    #msgco{width: 300px;} /* paragraphe après connexion */
    
    #msgerr{font-size: 17px;} /* msg si continuer sans avoir commencé */
    
    .bt{font-size: 26px;} /* boutons */
        
    #b1{margin: 50px;} /* bouton commencer sans m'inscrire */
    
    #footer{height: 85px; top: 665px;} /* encadrement de #contact */
    
    #contact{font-size: 19px;} /* adresse mail */
    
    #don{top: 710px;} /* balise form de paypal contenant #btdon */
    
    #btdon{width: 72%;} /* input don paypal */
    
    #titre2{width: 350px; font-size: 28px;} /* titre des pages de connexion, d'inscription et de profil */
    
    .form{width: 250px;}
    
    .form input{font-size: 16px;}
    
    .fc{font-size: 18px; line-height: 40px;}
    
    #infosprofil{margin-top: 90px;}
}

        
@media screen and (max-width:1280px) and (min-width:1080px){
    
    #titre{border: 10px ridge orangered; margin: 50px 20px 55px 20px; padding: 20px; font-size: 40px;}
    
    .onglet{font-size: 17px; padding: 10px;} /* onglets connexion, inscription et retour page d'accueil */
    
    #logo{height: 56px; top: 73px; left: 33%;}
    
    #main{width: 530px;} /* paragraphe de bienvenue */
        
    .first{font-size: 26px; } /* titre du paragraphe de bienvenue */
    
    .t2{font-size: 21px;} /* paragraphe page d'accueil ET titre pages connexion, inscription et profil */
    
    #msgco{width: 270px;} /* paragraphe après connexion */
    
    #msgerr{font-size: 16px;} /* msg si continuer sans avoir commencé */
    
    .bt{font-size: 23px; padding: 9px;} /* boutons */
        
    #b1{margin: 45px;} /* bouton commencer sans m'inscrire */
    
    #b2{width: 170px; margin: 50px 40px 40px 40px;} /* bouton commencer après connexion */
    #b3{width: 170px; margin: 50px 40px 40px 40px;} /* bouton continuer après connexion */
    
    #footer{height: 75px; top: 585px;} /* encadrement de #contact */
    
    #contact{font-size: 17px;} /* adresse mail */
    
    #don{top: 625px;} /* balise form de paypal contenant #btdon */
    
    #btdon{width: 65%;} /* input don paypal */
    
    #titre2{width: 320px; margin: 40px; font-size: 26px;} /* titre des pages de connexion, d'inscription et de profil */
    
    .form{width: 230px;}
    
    .form input{font-size: 16px;}
    
    .fc{font-size: 17px; line-height: 40px;}
    
    .rep{font-size: 16px;}
    
    #infosprofil{margin-top: 90px;}
}

        
@media screen and (max-width:1080px) and (min-width:1024px){
    
    #titre{border: 8px ridge orangered; margin: 40px 15px 45px 15px; padding: 18px; font-size: 33px;}
    
    .onglet{font-size: 14px; padding: 8px;} /* onglets connexion, inscription et retour page d'accueil */
    
    #logo{height: 50px; top: 58px; left: 34%;}
    
    #main{width: 430px;} /* paragraphe de bienvenue */
        
    .first{font-size: 22px; } /* titre du paragraphe de bienvenue */
    
    .t2{font-size: 17px; border: 6px ridge orange;} /* paragraphe page d'accueil ET titre pages connexion, inscription et profil */
    
    #msgco{width: 220px;} /* paragraphe après connexion */
    
    #msgerr{font-size: 14px;} /* msg si continuer sans avoir commencé */
    
    .bt{font-size: 19px; padding: 9px;} /* boutons */
        
    #b1{margin: 35px;} /* bouton commencer sans m'inscrire */
    
    #b2{width: 150px; margin: 40px 30px 30px 30px;} /* bouton commencer après connexion */
    #b3{width: 150px; margin: 40px 30px 30px 30px;} /* bouton continuer après connexion */
    
    #footer{height: 60px; top: 490px;} /* encadrement de #contact */
    
    #contact{font-size: 14px;} /* adresse mail */
    
    #don{top: 520px;} /* balise form de paypal contenant #btdon */
    
    #btdon{width: 50%;} /* input don paypal */
    
    #titre2{width: 270px; margin: 40px; font-size: 23px;} /* titre des pages de connexion, d'inscription et de profil */
    
    .form{width: 190px; padding: 10px 15px 20px 20px;}
    
    .form input{font-size: 13px;}
    
    .fc{font-size: 14px; line-height: 35px;}
    
    #valider{margin-top: 20px;} /* bouton valider des formulaires */
    
    .rep{font-size: 14px;}
    
    #infosprofil{margin-top: 70px; font-size: 18px; width: 350px;}
}

        
@media screen and (max-width:1024px) and (min-width:720px){
    
    #titre{border: 6px ridge orangered; margin: 30px 12px 40px 12px; padding: 15px; font-size: 25px;}
    
    .onglet{font-size: 11px; padding: 6px;} /* onglets connexion, inscription et retour page d'accueil */
    
    #logo{height: 40px; top: 45px; left: 33.7%;}
    
    #main{width: 360px;} /* paragraphe de bienvenue */
        
    .first{font-size: 19px; } /* titre du paragraphe de bienvenue */
    
    .t2{font-size: 14px; border: 5.5px ridge orange; padding: 12px;} /* paragraphe page d'accueil ET titre pages connexion, inscription et profil */
    
    #msgco{width: 180px;} /* paragraphe après connexion */
    
    #msgerr{font-size: 12px;} /* msg si continuer sans avoir commencé */
    
    .bt{font-size: 15px; padding: 8px;} /* boutons */
        
    #b1{margin: 25px;} /* bouton commencer sans m'inscrire */
    
    #b2{width: 120px; margin: 30px 20px 20px 20px;} /* bouton commencer après connexion */
    #b3{width: 120px; margin: 30px 20px 20px 20px;} /* bouton continuer après connexion */
    
    #footer{height: 50px; top: 423px;} /* encadrement de #contact */
    
    #contact{font-size: 12px;} /* adresse mail */
    
    #don{top: 442px;} /* balise form de paypal contenant #btdon */
    
    #btdon{width: 43%;} /* input don paypal */
    
    #titre2{width: 240px; margin: 35px; font-size: 20px;} /* titre des pages de connexion, d'inscription et de profil */
    
    .form{width: 170px; padding: 9px 10px 20px 15px;}
    
    .form input{font-size: 11px;}
    
    .fc{font-size: 12px; line-height: 30px;}
    
    #valider{margin-top: 20px;} /* bouton valider des formulaires */
    
    .rep{font-size: 12px;}
    
    #infosprofil{margin-top: 60px; font-size: 16px; width: 320px;}
}

        
@media screen and (max-width:720px) and (min-width:480px){
    
    #titre{border: 5px ridge orangered; margin: 24px 9px 25px 9px; padding: 10px; font-size: 20px;}
    
    .onglet{font-size: 7px; padding: 5px;} /* onglets connexion, inscription et retour page d'accueil */
    
    #logo{height: 30px; top: 35px; left: 31%;}
    
    #main{width: 290px;} /* paragraphe de bienvenue */
        
    .first{font-size: 14px; } /* titre du paragraphe de bienvenue */
    
    .t2{font-size: 10px; border: 4px ridge orange; padding: 10px;} /* paragraphe page d'accueil ET titre pages connexion, inscription et profil */
    
    #msgco{width: 130px;} /* paragraphe après connexion */
    
    #msgerr{font-size: 8px;} /* msg si continuer sans avoir commencé */
    
    .bt{font-size: 10px; padding: 7px;} /* boutons */
        
    #b1{margin: 20px;} /* bouton commencer sans m'inscrire */
    
    #b2{width: 90px; margin: 20px 10px 5px 10px;} /* bouton commencer après connexion */
    #b3{width: 90px; margin: 20px 10px 5px 10px;} /* bouton continuer après connexion */
    
    #footer{height: 40px; top: 290px;} /* encadrement de #contact */
    
    #contact{font-size: 9px;} /* adresse mail */
    
    #don{top: 303px;} /* balise form de paypal contenant #btdon */
    
    #btdon{width: 33%;} /* input don paypal */
    
    #titre2{width: 200px; margin: 25px; font-size: 15px;} /* titre des pages de connexion, d'inscription et de profil */
    
    .form{width: 150px; padding: 9px 10px 20px 15px;}
    
    .form input{font-size: 10px;}
    
    .fc{font-size: 10px; line-height: 25px;}
    
    #valider{margin-top: 20px;} /* bouton valider des formulaires */
    
    .rep{font-size: 11px;}
    
    #infosprofil{margin-top: 50px; font-size: 12px; width: 250px; padding: 15px;}
}

        
@media screen and (max-width:480px){
    
    #titre{border: 2.5px ridge orangered; margin: 15px 5px 15px 5px; padding: 6px; font-size: 12px;}
    
    .onglet{font-size: 5px; padding: 3px;} /* onglets connexion, inscription et retour page d'accueil */
    
    #logo{display: none;}

    #main{width: 150px;} /* paragraphe de bienvenue */
        
    .first{font-size: 8px; } /* titre du paragraphe de bienvenue */
    
    .t2{font-size: 6px; border: 3px ridge orange; padding: 7px;} /* paragraphe page d'accueil ET titre pages connexion, inscription et profil */
    
    #msgco{width: 80px;} /* paragraphe après connexion */
    
    #msgerr{font-size: 5px; padding: 5px;} /* msg si continuer sans avoir commencé */
    
    .bt{font-size: 7px; padding: 5px; border: 1px solid orange;} /* boutons */
        
    #b1{margin: 15px;} /* bouton commencer sans m'inscrire */
    
    #b2{width: 60px; margin: 15px 10px -10px 10px;} /* bouton commencer après connexion */
    #b3{width: 60px; margin: 15px 10px -10px 10px;} /* bouton continuer après connexion */
    
    #footer{height: 25px; top: 180px;} /* encadrement de #contact */
    
    #contact{font-size: 6px;} /* adresse mail */
    
    #don{top: 181px;} /* balise form de paypal contenant #btdon */
    
    #btdon{width: 20%;} /* input don paypal */
    
    #titre2{width: 180px; margin: 25px; font-size: 15px;} /* titre des pages de connexion, d'inscription et de profil */
    
    .form{width: 120px; padding: 9px 10px 20px 15px;}
    
    .form input{font-size: 9px;}
    
    .fc{font-size: 9px; line-height: 30px;}
    
    #valider{margin-top: 20px;} /* bouton valider des formulaires */
    
    .rep{font-size: 10px;}
    
    #infosprofil{margin-top: 30px; font-size: 9px; width: 200px; padding: 10px;}
}