@media(max-width:1600px){
    :root{
        --Font-H1-Fontfamily: "Champagne & Limousines";
        --Font-H1-Fontstyle: Bold;
        --Font-H1-Fontsize:48px;
        --Font-H1-Lineheight: 64px;
        --Font-H1-Letterspacing : 5px;

        --Font-H2-Fontfamily: "Champagne & Limousines";
        --Font-H2-Fontstyle: Bold;
        --Font-H2-Fontsize:48px;
        --Font-H2-Lineheight: 56px;
        --Font-H2-Letterspacing : 5px;

        --Font-H3-Fontfamily: "Zodiak";
        --Font-H3-Fontstyle: Bold;
        --Font-H3-Fontsize:28px;
        --Font-H3-Lineheight: 48px;
        --Font-H3-Letterspacing : 5px;

        --Font-Body-L-Fontfamily: helvetica;
        --Font-Body-L-Fontstyle: Bold;
        --Font-Body-L-Fontsize:20px;
        --Font-Body-L-Lineheight: 44px;
        --Font-Body-L-Letterspacing : 3px;

        --Font-Body-M-Fontfamily: "Zodiak";
        --Font-Body-M-Fontstyle: Bold;
        --Font-Body-M-Fontsize:20px;
        --Font-Body-M-Lineheight: 44px;
        --Font-Body-M-Letterspacing : 3px;

        --Font-Body-S-Fontfamily: "Zodiak";
        --Font-Body-S-Fontstyle: Bold;
        --Font-Body-S-Fontsize:12px;
        --Font-Body-S-Lineheight: 24px;
        --Font-Body-S-Letterspacing : 3px;

        --Font-AccrocheM-Fontfamily: "Zodiak";
        --Font-AccrocheM-Fontstyle: Bold Italic;
        --Font-AccrocheM-Fontsize:24px;
        --Font-AccrocheM-Lineheight: 48px;
        --Font-AccrocheM-Letterspacing : 5px;

        --Font-AccrocheS-Fontfamily: "Zodiak";
        --Font-AccrocheS-Fontstyle: Bold Italic;
        --Font-AccrocheS-Fontsize:18px;
        --Font-AccrocheS-Lineheight: 26px;
        --Font-AccrocheS-Letterspacing : 1px;

        --Font-Bouton-Fontfamily: helvetica;
        --Font-Bouton-Fontstyle: Bold;
        --Font-Bouton-Fontsize:16px;
        --Font-Bouton-Lineheight: 24px;
        --Font-Bouton-Letterspacing : 3px;

        --Font-ListeL-Fontfamily: helvetica;
        --Font-ListeL-Fontstyle: Bold;
        --Font-ListeL-Fontsize:22px;
        --Font-ListeL-Lineheight: 40px;
        --Font-ListeL-Letterspacing : 5px;

        --Font-ListeM-Fontfamily: helvetica;
        --Font-ListeM-Fontstyle: none;
        --Font-ListeM-Fontsize:18px;
        --Font-ListeM-Lineheight: 32px;
        --Font-ListeM-Letterspacing : 5px;

        --Font-ListeS-Fontfamily: helvetica;
        --Font-ListeS-Fontstyle: none;
        --Font-ListeS-Fontsize:14px;
        --Font-ListeS-Lineheight: 24px;
        --Font-ListeS-Letterspacing : 5px;

        --Font-sommaire1-Fontfamily: "Champagne & Limousines";
        --Font-sommaire1-Fontstyle: Bold;
        --Font-sommaire1-Fontsize:16px;
        --Font-sommaire1-Lineheight: 24px;
        --Font-sommaire1-Letterspacing : 3px;

        --Font-sommaire3-Fontfamily: "Zodiak";
        --Font-sommaire3-Fontsize:14px;
        --Font-sommaire3-Lineheight: 20px;
        --Font-sommaire3-Letterspacing : 5px;

        --Sommaire-Gapvertical-XL: 0;
        --Sommaire-Gapvertical-L: 0;
        --Sommaire-Gapvertical-M: 20px;
        --Sommaire-Gapvertical-S: 0;
        --Sommaire-Gapvertical-XS: 0;

        --Sommaire-Paddingvertical-XL: 0;
        --Sommaire-Paddingvertical-L: 0;
        --Sommaire-Paddingvertical-M: 20px;
        --Sommaire-Paddingvertical-S: 0;
        --Sommaire-Paddingvertical-XS: 0;

        --Sommaire-Paddinghorizontal-XL: 0;
        --Sommaire-Paddinghorizontal-L: 0;
        --Sommaire-Paddinghorizontal-M: 20px;
        --Sommaire-Paddinghorizontal-S: 0;
        --Sommaire-Paddinghorizontal-XS: 0;

        --Pictogramme-S-Height:50px;

        --Pictogramme-M-Height: 150px;

        --Widths-BlocL: 300px;
        --Widths-BlocM: 300px;
        --Widths-BlocS: 300px;
        --Widths-Bouton: 300px;
        --Widths-PictoXS: 300px;
        --Widths-PictoS: 300px;
        --Widths-PictoM: 300px;
    }
}


@media(max-width:1150px){
    :root{
        --Font-H1-Fontfamily: "Champagne & Limousines";
        --Font-H1-Fontstyle: Bold;
        --Font-H1-Fontsize:36px;
        --Font-H1-Lineheight: 54px;
        --Font-H1-Letterspacing : 5px;

        --Font-H2-Fontfamily: "Champagne & Limousines";
        --Font-H2-Fontstyle: Bold;
        --Font-H2-Fontsize:40px;
        --Font-H2-Lineheight: 56px;
        --Font-H2-Letterspacing : 5px;

        --Font-H3-Fontfamily: "Zodiak";
        --Font-H3-Fontstyle: Bold;
        --Font-H3-Fontsize:24px;
        --Font-H3-Lineheight: 40px;
        --Font-H3-Letterspacing : 5px;

        --Font-Body-L-Fontfamily: helvetica;
        --Font-Body-L-Fontstyle: Bold;
        --Font-Body-L-Fontsize:18px;
        --Font-Body-L-Lineheight: 40px;
        --Font-Body-L-Letterspacing : 3px;

        --Font-Body-M-Fontfamily: "Zodiak";
        --Font-Body-M-Fontstyle: Bold;
        --Font-Body-M-Fontsize:16px;
        --Font-Body-M-Lineheight: 36px;
        --Font-Body-M-Letterspacing : 2px;

        --Font-Body-S-Fontfamily: "Zodiak";
        --Font-Body-S-Fontstyle: Bold;
        --Font-Body-S-Fontsize:12px;
        --Font-Body-S-Lineheight: 24px;
        --Font-Body-S-Letterspacing : 3px;

        --Font-AccrocheM-Fontfamily: "Zodiak";
        --Font-AccrocheM-Fontstyle: Bold Italic;
        --Font-AccrocheM-Fontsize:20px;
        --Font-AccrocheM-Lineheight: 44px;
        --Font-AccrocheM-Letterspacing : 5px;

        --Font-AccrocheS-Fontfamily: "Zodiak";
        --Font-AccrocheS-Fontstyle: Bold Italic;
        --Font-AccrocheS-Fontsize:18px;
        --Font-AccrocheS-Lineheight: 26px;
        --Font-AccrocheS-Letterspacing : 1px;

        --Font-Bouton-Fontfamily: helvetica;
        --Font-Bouton-Fontstyle: Bold;
        --Font-Bouton-Fontsize:14px;
        --Font-Bouton-Lineheight: 20px;
        --Font-Bouton-Letterspacing : 3px;

        --Font-ListeL-Fontfamily: helvetica;
        --Font-ListeL-Fontstyle: Bold;
        --Font-ListeL-Fontsize:20px;
        --Font-ListeL-Lineheight: 40px;
        --Font-ListeL-Letterspacing : 5px;

        --Font-ListeM-Fontfamily: helvetica;
        --Font-ListeM-Fontstyle: none;
        --Font-ListeM-Fontsize:16px;
        --Font-ListeM-Lineheight: 32px;
        --Font-ListeM-Letterspacing : 5px;

        --Font-ListeS-Fontfamily: helvetica;
        --Font-ListeS-Fontstyle: none;
        --Font-ListeS-Fontsize:12px;
        --Font-ListeS-Lineheight: 20px;
        --Font-ListeS-Letterspacing : 5px;

        --Font-sommaire1-Fontfamily: "Champagne & Limousines";
        --Font-sommaire1-Fontstyle: Bold;
        --Font-sommaire1-Fontsize:16px;
        --Font-sommaire1-Lineheight: 16px;
        --Font-sommaire1-Letterspacing : 5px;

        --Font-sommaire3-Fontfamily: "Zodiak";
        --Font-sommaire3-Fontsize:14px;
        --Font-sommaire3-Lineheight: 20px;
        --Font-sommaire3-Letterspacing : 5px;

        --Sommaire-Gapvertical-XL: 0;
        --Sommaire-Gapvertical-L: 0;
        --Sommaire-Gapvertical-M: 20px;
        --Sommaire-Gapvertical-S: 0;
        --Sommaire-Gapvertical-XS: 0;

        --Sommaire-Paddingvertical-XL: 0;
        --Sommaire-Paddingvertical-L: 0;
        --Sommaire-Paddingvertical-M: 20px;
        --Sommaire-Paddingvertical-S: 0;
        --Sommaire-Paddingvertical-XS: 0;

        --Sommaire-Paddinghorizontal-XL: 0;
        --Sommaire-Paddinghorizontal-L: 0;
        --Sommaire-Paddinghorizontal-M: 20px;
        --Sommaire-Paddinghorizontal-S: 0;
        --Sommaire-Paddinghorizontal-XS: 0;

        --Pictogramme-S-Height:50px;

        --Pictogramme-M-Height: 150px;

        --Widths-BlocL: 250px;
        --Widths-BlocM: 250px;
        --Widths-BlocS: 180px;
        --Widths-Bouton: 200px;
        --Widths-PictoXS: 200px;
        --Widths-PictoS: 200px;
        --Widths-PictoM: 140px;
    }
}



@media(max-width:699px){
    :root{
        --Font-H1-Fontfamily: "Champagne & Limousines";
        --Font-H1-Fontstyle: Bold;
        --Font-H1-Fontsize:32px;
        --Font-H1-Lineheight: 48px;
        --Font-H1-Letterspacing : 5px;

        --Font-H2-Fontfamily: "Champagne & Limousines";
        --Font-H2-Fontstyle: Bold;
        --Font-H2-Fontsize:32px;
        --Font-H2-Lineheight: 40px;
        --Font-H2-Letterspacing : 5px;

        --Font-H3-Fontfamily: "Zodiak";
        --Font-H3-Fontstyle: Bold;
        --Font-H3-Fontsize:16px;
        --Font-H3-Lineheight: 200px;
        --Font-H3-Letterspacing : 5px;

        --Font-Body-L-Fontfamily: helvetica;
        --Font-Body-L-Fontstyle: Bold;
        --Font-Body-L-Fontsize:18px;
        --Font-Body-L-Lineheight: 36px;
        --Font-Body-L-Letterspacing : 5px;

        --Font-Body-M-Fontfamily: "Zodiak";
        --Font-Body-M-Fontstyle: Bold;
        --Font-Body-M-Fontsize:16px;
        --Font-Body-M-Lineheight: 32px;
        --Font-Body-M-Letterspacing : 1px;

        --Font-Body-S-Fontfamily: "Zodiak";
        --Font-Body-S-Fontstyle: Bold;
        --Font-Body-S-Fontsize:12px;
        --Font-Body-S-Lineheight: 20px;
        --Font-Body-S-Letterspacing : 3px;

        --Font-AccrocheM-Fontfamily: "Zodiak";
        --Font-AccrocheM-Fontstyle: Bold Italic;
        --Font-AccrocheM-Fontsize:18px;
        --Font-AccrocheM-Lineheight: 36px;
        --Font-AccrocheM-Letterspacing : 3px;

        --Font-AccrocheS-Fontfamily: "Zodiak";
        --Font-AccrocheS-Fontstyle: Bold Italic;
        --Font-AccrocheS-Fontsize:14px;
        --Font-AccrocheS-Lineheight: 24px;
        --Font-AccrocheS-Letterspacing : 1px;

        --Font-Bouton-Fontfamily: helvetica;
        --Font-Bouton-Fontstyle: Bold;
        --Font-Bouton-Fontsize:12px;
        --Font-Bouton-Lineheight: 16px;
        --Font-Bouton-Letterspacing : 2px;

        --Font-ListeL-Fontfamily: helvetica;
        --Font-ListeL-Fontstyle: Bold;
        --Font-ListeL-Fontsize:18px;
        --Font-ListeL-Lineheight: 32px;
        --Font-ListeL-Letterspacing : 5px;

        --Font-ListeM-Fontfamily: helvetica;
        --Font-ListeM-Fontstyle: none;
        --Font-ListeM-Fontsize:12px;
        --Font-ListeM-Lineheight: 20px;
        --Font-ListeM-Letterspacing : 2px;

        --Font-ListeS-Fontfamily: helvetica;
        --Font-ListeS-Fontstyle: none;
        --Font-ListeS-Fontsize:12px;
        --Font-ListeS-Lineheight: 20px;
        --Font-ListeS-Letterspacing : 5px;

        --Font-sommaire1-Fontfamily: "Champagne & Limousines";
        --Font-sommaire1-Fontstyle: Bold;
        --Font-sommaire1-Fontsize:16px;
        --Font-sommaire1-Lineheight: 20px;
        --Font-sommaire1-Letterspacing : 5px;

        --Font-sommaire3-Fontfamily: "Zodiak";
        --Font-sommaire3-Fontsize:14px;
        --Font-sommaire3-Lineheight: 20px;
        --Font-sommaire3-Letterspacing : 5px;

        --Sommaire-Gapvertical-XL: 0;
        --Sommaire-Gapvertical-L: 0;
        --Sommaire-Gapvertical-M: 8px;
        --Sommaire-Gapvertical-S: 0;
        --Sommaire-Gapvertical-XS: 0;

        --Sommaire-Paddingvertical-XL: 0;
        --Sommaire-Paddingvertical-L: 0;
        --Sommaire-Paddingvertical-M: 20px;
        --Sommaire-Paddingvertical-S: 0;
        --Sommaire-Paddingvertical-XS: 0;

        --Sommaire-Paddinghorizontal-XL: 0;
        --Sommaire-Paddinghorizontal-L: 0;
        --Sommaire-Paddinghorizontal-M: 20px;
        --Sommaire-Paddinghorizontal-S: 0;
        --Sommaire-Paddinghorizontal-XS: 0;

        --Pictogramme-S-Height:50px;

        --Pictogramme-M-Height: 150px;

        --Widths-BlocL: 260px;
        --Widths-BlocM: 156px;
        --Widths-BlocS: 140px;
        --Widths-Bouton: 160px;
        --Widths-PictoXS: 160px;
        --Widths-PictoS: 160px;
        --Widths-PictoM: 96px;
    }
}