/*

*

* = COMMON

*

*/



footer .footer-sos 

{

    width: 135px;

}



@media screen and (max-width: 2200px) 

{

    .container

    {

        width: 1500px;

    }



    .texte-base-2 

    {

        font-size: 14px;

        line-height: 22px;

    }



    .texte-base-3 

    {

        font-size: 12px;

        line-height: 18px;

    }



    .titre-4 

    {

        font-size: 18px;

        line-height: 21px;

        font-weight: 800;

    }

}



@media screen and (max-width: 1700px) 

{

    .container

    {

        width: 1200px;

    }

}



@media screen and (max-width: 1280px) 

{

    .container

    {

        width: 1000px;

    }

}



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

{

    .container

    {

        width: 800px;

    }

}



@media screen and (max-width: 850px) 

{

    .container

    {

        width: 500px;

    }

}



@media screen and (max-width: 600px) 

{

    .container

    {

        width: 100%;

    }

}



/*

*

* = FOOTER

*

*/



@media screen and (max-width: 2200px) 

{

    footer .logo img

    {

        width: 275px;

    }



    footer .colonne:nth-child(1) 

    {

        width: 250px;

    }



    footer .colonne 

    {

        padding-right: 49px;

    }



    footer .footer-sos

    {

        width: 100px;

    }



    footer .disclaimer 

    {

        margin-top: 55px;

    }

}



@media screen and (max-width: 1700px) 

{

    footer .logo img 

    {

        width: 215px;

    }



    



    footer .colonne:nth-child(1),

    footer .colonne

    {

        width: calc(100% / 3);

        padding: 0;

    }



    footer .colonne:nth-child(2),

    footer .colonne:nth-child(3),

    footer .colonne:nth-child(4)

    {

        display: none;

    }





    footer .colonne:nth-child(1) .texte-base-2

    {

        padding-right: 80px;

    }



    footer .logo 

    {

        text-align: left;

        margin-bottom: 45px;

        float: left;

        width: 25%;

    }

}



@media screen and (max-width: 1280px) 

{

    footer .titre-4 

    {

        font-size: 16px;

        line-height: 22px;  

    }



    footer .titre {

        padding-bottom: 10px;

    }

}





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

{

    footer .logo 

    {

        width: 33%;

        text-align: left;

    }



    



    footer .colonne:nth-child(1)

    {

        display: none;

    }



    footer .colonne:nth-child(1),

    footer .colonne

    {

        width: calc(100% / 2);

        padding: 0;

    }



    footer .titre-5 

    {

        font-size: 14px;

        line-height: 23px;

    }





    footer .colonne:nth-child(5)

    {

        text-align: center;

    }



    footer .colonne:nth-child(6)

    {

        text-align: right;

    }



    footer .logo img 

    {

        width: 200px;

    }



    footer .colonne:nth-child(1) .texte-base-2

    {

        padding-right: 40px;

    }



    footer .clear

    {

        float: left;

        width: 100%;

        height: 20px;

    }

}





@media screen and (max-width: 850px) 

{



    footer .colonne:nth-child(1)

    {

        text-align: center;

    }



    footer .colonne:nth-child(3)

    {

        text-align: right;

    }



    footer .colonne:nth-child(1) .texte-base-2

    {

        padding-right: 0px;

    }



    footer .colonne:nth-child(5)

    {

        width: 100%;

        padding-bottom: 60px;

    }



    footer .colonne:nth-child(1), footer .colonne 

    {

        width: 100%;

        padding: 0;

    }



    footer .colonne:nth-child(2),

    footer .colonne:nth-child(3)

    {

        width: 50%;

    }



    footer .colonne:nth-child(6),

    footer .colonne:nth-child(7)

    {

        float: none;

        width: 100%;

        text-align: center;

    }



    footer .footer-sos 

    {

        width: 130px;

    }



    footer .disclaimer 

    {

        margin-top: 40px;

    }



    footer .logo 

    {

        width: 100%;

        text-align: center;

        float: none;

    }

}







@media screen and (max-width: 600px) 

{

    #ball,

    .cursorFollow

    {

        display: none;

    }

    

    footer 

    {

        padding-top: 30px;

        padding-bottom: 120px;

    }



    footer .colonne:nth-child(1)

    {

        display: none;

    }



    footer .colonne:nth-child(2),

    footer .colonne:nth-child(3)

    {

        width: 100%;

        text-align: center;

    }



    footer .colonne:nth-child(1), 

    footer .colonne:nth-child(2), 

    footer .colonne:nth-child(3) 

    {

        padding-bottom: 50px;

    }



    footer .texte-base-2 

    {

        font-size: 14px;

        line-height: 24px;

    }



    footer .texte-base-3 

    {

        font-size: 10px;

        line-height: 16px;

    }



    footer .logo 

    {

        text-align: center;

        margin-bottom: 40px;

    }

}   



/* CONTACT FOOTER */



/**/