/* Media Query pour les écrans de petite taille (téléphones) */



@media only screen and (max-width: 767px) {



    .footer1 {



        height: 60rem;



        background-color: rgb(39, 39, 39);



        padding: 1.5rem;



        color: white;



        margin: auto;



    }



    



    .tableau {



        padding-top: 7rem;



    }



    



    .titre_footer {



        font-size: 1.4rem;



        color: white;



        margin-bottom: 3rem;



        text-transform: uppercase;



        font-weight: 600;



        letter-spacing: 0.1rem;



    }



    



    .logo-mpdys {



        max-width: 20rem;



        height: auto;



    }



    



    .mpdys p {



        margin-top: 1.5rem;



        text-align: left;



        font-size: 1.2rem;



        color: rgb(191, 191, 191);



    }



    



    .autres_liens a {



        font-size: 1.5rem;



        color: rgb(191, 191, 191);



        transition: color 0.3s ease-in-out;



    }



    



    .autres_liens a:hover {



        color: #FF3D00;



    }



    



    .info_contact a {



        font-size: 1.5rem;



        color: #FF3D00;



        transition: color 0.3s ease-in-out;



    }



    



    .info_contact a:hover {



        color: rgb(191, 191, 191);;



    }



    



    .info_contact p {



        text-align: left;



    }



    



    .footer2 {



        background-color: rgb(26, 26, 26);



        padding: 5rem 1.5rem;



        color: white;



        font-size: 1.2rem;



    }



    



    .site-info {



        padding-top: 3rem;



        margin: auto;



    }



    



    .lien-mpdys {



        margin: auto;



        float: left;



    }



    



    .footer2 a {



        color: rgb(191, 191, 191);



        transition: color 0.3s ease-in-out;



    }



    



    .footer2 a:hover {



        color: #FF3D00;



    }



    



    .footer2 p {



        color: rgb(95, 95, 95);



    }



}







/* Media Query pour les écrans de taille moyenne (tablettes) */



@media only screen and (min-width: 768px) and (max-width: 991px) {



    .footer1 {



        height: 60rem;



        background-color: rgb(39, 39, 39);



        padding: 1.5rem;



        color: white;



        margin: auto;



    }



    



    .tableau {



        padding-top: 7rem;



    }



    



    .titre_footer {



        font-size: 1.4rem;



        color: white;



        margin-bottom: 3rem;



        text-transform: uppercase;



        font-weight: 600;



        letter-spacing: 0.1rem;



    }



    



    .logo-mpdys {



        max-width: 20rem;



        height: auto;



    }



    



    .mpdys p {



        margin-top: 1.5rem;



        text-align: left;



        font-size: 1.2rem;



        color: rgb(191, 191, 191);



    }



    



    .autres_liens a {



        font-size: 1.5rem;



        color: rgb(191, 191, 191);



        transition: color 0.3s ease-in-out;



    }



    



    .autres_liens a:hover {



        color: #FF3D00;



    }



    



    .info_contact a {



        font-size: 1.5rem;



        color: #FF3D00;



        transition: color 0.3s ease-in-out;



    }



    



    .info_contact a:hover {



        color: rgb(191, 191, 191);;



    }



    



    .info_contact p {



        text-align: left;



    }







    .footer2 {



        height: 17rem;



        background-color: rgb(26, 26, 26);



        padding: 5rem 1.5rem;



        color: white;



        font-size: 1.2rem;



    }



    



    .site-info {



        margin: auto;



        direction: rtl;



        float: right;



    }



    



    .lien-mpdys {



        margin: auto;



        float: left;



    }



    



    .footer2 a {



        color: rgb(191, 191, 191);



        transition: color 0.3s ease-in-out;



    }



}







/* Media Query pour les écrans de grande taille (petits ordinateurs) */



@media only screen and (min-width: 992px) and (max-width: 1199px) {



    .footer1 {



        height: 33rem;



        background-color: rgb(39, 39, 39);



        padding: 1.5rem;



        color: white;



        margin: auto;



    }



    



    .tableau {



        display: flex;



        justify-content: space-between;



        align-items: stretch;



        padding-top: 7rem;



    }



    



    .titre_footer {



        font-size: 1.4rem;



        color: white;



        margin-bottom: 3rem;



        text-transform: uppercase;



        font-weight: 600;



        letter-spacing: 0.1rem;



    }



    



    .mpdys {



        flex: 1;



    }



    



    .logo-mpdys {



        max-width: 20rem;



        height: auto;



    }



    



    .mpdys p {



        margin-top: 1.5rem;



        text-align: left;



        font-size: 1.2rem;



        color: rgb(191, 191, 191);



    }



    



    .autres_liens {



        flex: 1;



    }



    



    .autres_liens a {



        font-size: 1.5rem;



        color: rgb(191, 191, 191);



        transition: color 0.3s ease-in-out;



    }



    



    .autres_liens a:hover {



        color: #FF3D00;



    }



    



    .info_contact {



        flex: 1;



    }



    



    .info_contact a {



        font-size: 1.5rem;



        color: #FF3D00;



        transition: color 0.3s ease-in-out;



    }



    



    .info_contact a:hover {



        color: rgb(191, 191, 191);;



    }



    



    .info_contact p {



        text-align: left;



    }



    



    .footer2 {



        height: 17rem;



        background-color: rgb(26, 26, 26);



        padding: 5rem 1.5rem;



        color: white;



        font-size: 1.2rem;



    }



    



    .site-info {



        margin: auto;



        direction: rtl;



        float: right;



    }



    



    .lien-mpdys {



        margin: auto;



        float: left;



    }



    



    .footer2 a {



        color: rgb(191, 191, 191);



        transition: color 0.3s ease-in-out;



    }



    



    .footer2 a:hover {



        color: #FF3D00;



    }



    



    .footer2 p {



        color: rgb(95, 95, 95);



    }



}







/* Media Query pour les écrans de très grande taille (ordinateurs normaux) */



@media only screen and (min-width: 1200px) {



    .footer1 {



        height: 33rem;



        background-color: rgb(39, 39, 39);



        padding: 1.5rem;



        color: white;



        margin: auto;



    }



    



    .tableau {



        display: flex;



        justify-content: space-between;



        align-items: stretch;



        padding-top: 7rem;



    }



    



    .titre_footer {



        font-size: 1.4rem;



        color: white;



        margin-bottom: 3rem;



        text-transform: uppercase;



        font-weight: 600;



        letter-spacing: 0.1rem;



    }



    



    .mpdys {



        flex: 1;


    }



    



    .logo-mpdys {



        max-width: 20rem;



        height: auto;



    }



    



    .mpdys p {



        margin-top: 1.5rem;



        text-align: left;



        font-size: 1.2rem;



        color: rgb(191, 191, 191);



    }



    



    .autres_liens {



        flex: 1;


    }



    



    .autres_liens a {



        font-size: 1.5rem;



        color: rgb(191, 191, 191);



        transition: color 0.3s ease-in-out;



    }



    



    .autres_liens a:hover {



        color: #FF3D00;



    }



    



    .info_contact {



        flex: 1;



    }



    



    .info_contact a {



        font-size: 1.5rem;



        color: #FF3D00;



        transition: color 0.3s ease-in-out;



    }



    



    .info_contact a:hover {



        color: rgb(191, 191, 191);



    }



    



    .info_contact p {



        text-align: left;



    }



    



    .footer2 {



        height: 17rem;



        background-color: rgb(26, 26, 26);



        padding: 5rem 1.5rem;



        color: white;



        font-size: 1.2rem;



    }



    



    .site-info {



        margin: auto;



        direction: rtl;



        float: right;



    }



    



    .lien-mpdys {



        margin: auto;



        float: left;



    }



    



    .footer2 a {



        color: rgb(191, 191, 191);



        transition: color 0.3s ease-in-out;



    }



    



    .footer2 a:hover {



        color: #FF3D00;



    }



    



    .footer2 p {



        color: rgb(95, 95, 95);



    }



}