/* Importation de la police */
    @import url('https://fonts.googleapis.com/css2?family=B612+Mono:ital,wght@0,400;0,700;1,400;1,700&family=B612:ital,wght@0,400;0,700;1,400;1,700&family=Cinzel:wght@400..900&display=swap');

/* Déclaration typographique */
    /* Titre */
        h1{
            font-family: var(--font-family-titre);
            font-weight: 700;
            font-size: 31px;
            line-height: 35px;
            font-style: normal;
            letter-spacing: 0px;
            margin: 0;
            text-align: center;
        }

        h2{
            font-family: var(--font-family-titre);
            font-weight: 600;
            font-size: 28px;
            line-height: 35px;
            font-style: normal;
            letter-spacing: 0px;
            margin: 0;
        }


        h3,
        .select-contact{
            font-family: var(--font-family-titre);
            font-weight: 500;
            font-size: 25px;
            line-height: 35px;
            font-style: normal;
            letter-spacing: 0px;
            margin: 0;
        }

        h4,
        *.lien-fiche-produit,
        button,
        router-link.button,
        a.button{
            font-family: var(--font-family-titre);
            font-weight: 400;
            font-size: 18px;
            line-height: 35px;
            font-style: normal;
            letter-spacing: 0px;
            margin: 0;
        }

        h5,
        label{
            font-family: var(--font-family-titre);
            font-weight: 600;
            font-size: 18px;
            line-height: 35px;
            font-style: normal;
            letter-spacing: 0px;
            margin: 0;
        }

        h6{
            font-family: var(--font-family-titre);
            font-weight: 400;
            font-size: 16px;
            line-height: 35px;
            font-style: normal;
            letter-spacing: 0px;
            margin: 0;
        }

    /* Texte */
        p,
        i, 
        li{
            font-family: var(--font-family-text), sans-serif;
            font-size: 17px;
            line-height: 32px;
            letter-spacing: 0px;
            margin: 0;
        }

        p{
            font-weight: 400;
        }

        *.lien-menu{
            font-family: var(--font-family-titre);
            font-weight: 700;
            font-size: 15px;
            line-height: 35px;
            font-style: normal;
            letter-spacing: 0px;
            text-decoration: none;
            color: var(--gris-blanc);
        }

        a, 
        a:hover{
            text-decoration: none;
        }

        .select-sans-style{
            font-family: var(--font-family-text);
            font-weight: 400;
            font-size: 20px;
            line-height: 35px;
            font-style: normal;
            letter-spacing: 0px;
            text-decoration: none;
        }


        .text-start{
            text-align: start;
        }

        .colonne-gauche h2,
        .text-center{
            text-align: center;
        }

        .texte-end{
            text-align: end;
        }


        @media(max-width: 1024px){
            h1{
                font-size: 25px;
            }
            h2{
                font-size: 22px;
            }
            h3,
            .select-contact{
                font-size: 19px;
            }
            h4{
                font-size: 16px;
            }
            h5, 
            label{
                font-size: 14px;
            }
            h6{
                font-size: 12px;
            }

            p,
            i, li{
                font-size: 11px;
            }
        }