/* Import FONT */
    /* Spectral */
        @import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

    /* Roboto */
        @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


/* FONT */
    /* FONT Family */
        /* Spectral */
            h1,
            h2,
            h3,
            h4,
            h5,
            .auteur{
                font-family: "Spectral", serif;
                margin: 0;
            }

        /* Roboto */
            h6,
            .span-h6, 
            p,
            i,
            b,
            a,
            strong,
            span,
            th,
            input,
            textarea,
            input::placeholder,
            textarea::placeholder,
            select{
                font-family: "Roboto", sans-serif;
            }
        
    /* FONT Size */
        /* Titres */
            h1{
                font-size: 44px;
            }

            h2{
                font-size: 33px;
            }

            h3,
            .titre-page{
                font-size: 28px;
            }

            h4,
            .paragraphe-en-tete{
                font-size: 19px;
            }

            h5,
            .auteur,
            input,
            textarea,
            input::placeholder,
            textarea::placeholder,
            select{
                font-size: 17px;
            }

            h6,
            .span-h6{
                font-size: 20px;
            }

            .AlbumTitre{
                font-size: 25px;
            }

        /* Textes */
            p,
            i, 
            b,
            a,
            strong, 
            span,
            th{
                font-size: 15px;
            }

            .TableHoraire div>tr{
                font-size: 22px;
            }

    /* Text-Align */
        /* Titres */
            h1{
                text-align: left;
            }

            h2{
                text-align: left;
            }

            h3{
                text-align: center;
            }

            h4{
                text-align: left;
            }

            h5{
                text-align: left;
            }

            h6,
            .span-h6{
                text-align: left;
            }

        /* Textes */
            p,
            i, 
            b,
            a, 
            span,
            strong,
            th{
                text-align: left;
            }

            .div-auteur{
                width: 100%;
                text-align: right;
            }

/* FONT Weight */
    /* Titres */
        h1{
            font-weight: 800;
        }

        h2, 
        h3,
        h4,
        h6,
        .span-h6{
            font-weight: 700;
        }

        h5{
            font-weight: 500;
        }

    /* Textes */
        .text-encadre,
        .auteur,
        footer i,
        input::placeholder,
        textarea::placeholder,
        select{
            font-weight: 200;
        }

        p,
        i, 
        b,
        a,
        strong, 
        span,
        input,
        textarea{
            font-weight: 400;
        }

        .button-carte>span{
            font-weight: 700;
        }

        .section-Num-Urgence>h6{
            font-weight: 800;
        }

/* FONT Style */
    /* Titres */
        h1,
        h2,
        h3,
        h4, 
        h5, 
        h6,
        .span-h6{
            font-style: normal;
        }
        
        .Formalite-Admin>ul>li>a,
        .titre-section-encadre,
        .text-encadre,
        .auteur,
        table>tbody>tr>th,
        input::placeholder,
        textarea::placeholder,
        select,
        a{
            font-style: italic;
        }

    /* Textes */
        p,
        b,
        strong, 
        span{
            font-style: normal;
        }

/* Autres */
    /* Liste */
        h1{
            padding: 20px 15px;
        }
        li{
            list-style-type: none;
        }

        a{
            text-decoration: none;
        }

        ul{
            margin: 0;
            padding: 0;
        }


/* Spécifiques */
    .encadre-Mairie h5{
        position: relative;
        text-align: center;
        font-size: 60px;
        font-family: "Roboto", sans-serif;
        padding: 20px 0 0;
        font-style: normal;
        font-weight: 600;
    }

    .TableHoraire div>tr{
        font-family: "Roboto", sans-serif;
        text-align: left;
    }

    tbody>tr>th:first-of-type,
    .TableHoraire div>tr{
        font-weight: 300;   
        font-style: italic;        
    }

    .auteur{
        font-size: 24px;
        margin-right: 20px;
    }

    .section-Num-Urgence>h6{
        text-align: center;
        margin-top: 0;
    }

    .num-Urgence>tbody>tr>th{
        font-weight: 200;
        font-style: italic;
    }

    .num-Urgence>tbody>tr>th.column-1{
        font-weight: 700;
        font-style: normal;
    }

    .num-Urgence>tbody>tr>th.column-3{
        font-weight: 400;
        font-style: normal;
    }

    .TableHoraire div>tr{
        font-weight: 800;
    }

    .FicheHoraire>tbody>tr>th{
        font-size: 22px;
    }

    .FicheHoraire>tbody>tr>th:first-of-type{
        padding: 0 5px 0 0;
    }

    /* Footer */
        .contact-footer>div>h5{
            margin: 7px 0;
            font-size: 25px;
        }

        footer a span{
            font-size: 20px;
            font-weight: 300;
            margin: 7px 10px;
        }
        
        .liens-utiles-footer>h5,
        .liens-utiles-footer{
            text-align: right;
            width: 100%;
        }

        .liens-utiles-footer>table{
           width: 100%;
           margin: 20px 0;
        }

        .liens-utiles-footer>table>tbody>tr{
            width: 100%;
        }

        .liens-utiles-footer>table>tbody>tr>th:first-of-type{
            width: 100%;
            text-align: right;

        }

        .liens-utiles-footer>table>tbody>tr>th:last-of-type{
            width: 40px;
            text-align: center;
        }

        .footer-copyright span,
        .footer-copyright a{
            font-size: 12px;
        }






@media (max-width: 1300px){
    .nav-tablette h4 {
        font-size: 30px;
        text-align: center;
    }
}


@media (max-width: 550px){
    h1{
        font-size: 30px;
    }
    .input-recherche-texte>h4{
        font-size: 14px;
    }

    .FicheHoraire>tbody>tr>th{
        font-size: 15px;
    }
}


/* Aucun survol */
@media(hover: none){

}