/*
   Les variables ne fonctionnent pas dans les medias queries
   large: 1170px
   Rupture: 900px (menu haut plein)
   mobileplus: 577px
   Taille mini sur portable 360px-640px
    */

:root{
    --largeur-ecran : 1170px;
    --largeur-mobile : 900px;
    --couleur-primaire: #E40E11 ;
    --couleur-secondaire: #E40E11 ;
    --couleur-lien: black;
    --couleur-hover: black;
    --couleur-gris0:#818181;
    --couleur-gris1: rgba(200, 200, 200, 0.3);
    --background-externe : #ececec;
    --background-interne : #F5F5F5;
    /* --hauteur-barremenu: 213px; */
    --hauteur-barremenu: 148px;
    --footer-bg: #303030;
    --footer-lien: white;
    --lien-visited: #2b7220;
    --scrollbar-bg: #D7D6D6A5;
    --scrollbar-couleur: white;

    --opensans : "Open Sans", sans-serif;
    --inter : "Inter", sans-serif;
    --transition : all .35s ease;

    --taille0: 24px;
    --taille1: 20px;
    --taille2: 18px;
    --taille3: 16px;
    --taille9: 12px;

    --taillewph2: 22px;
    --taillewph3: 20px;
    --taillewph4: 18px;
    --taillewph5: 16px;

    --lineheightwph2: 28px;
    --lineheight-taille0: 30px;


}

@media screen and (min-width:780px) {
    :root{
        --taille0: 28px;
        --taille1: 24px;
        --taille2: 22px;
        --taille3: 20px;
        --taille4: 18px;
        --taille9: 14px;

        --taillewph2: 28px;
        --taillewph3: 26px;
        --taillewph4: 24px;
        --taillewph5: 22px;

        --lineheightwph2: 36px;
        --lineheight-taille0: 36px;


    }
}