@font-face{
	font-family: "Kafka Display";
	src: url('./font/KafkaDisplay-Bold.otf') format("opentype"),
        url('./font/kafkadisplay-bold-webfont.woff') format("woff");
}

@font-face{
	font-family: "Zodiak";
	src: url('./font/Zodiak-Variable.ttf') format('truetype');
}


@font-face{
	font-family:"Kafka";
	src: url('./font/KafkaDisplay-Classic.otf') format('opentype'),
    url('./font/kafkadisplay-classic-webfont.woff') format('woff');
}



.H1helvetica{
    font-family: Helvetica;
    font-size: var(--Fonts-H1helvetica-Fontsize, 24px);
    font-weight: 300;
    line-height: var(--Fonts-H1helvetica-Lineheight, 28px); /* 116.667% */
    letter-spacing: var(--Fonts-H1helvetica-LetterSpacing, 5px);
    text-transform: uppercase;
}

.H1kafka{
    font-family: "Kafka Display";
    font-size: var(--Fonts-H1kafka-Fontsize, 80px);
    font-weight: 700;
    line-height: var(--Fonts-H1kafka-Lineheight, 64px); /* 80% */
}

.H2helvetica{
    font-family: Helvetica;
    font-size: var(--Fonts-H2helvetica-Fontsize, 20px);
    font-style: normal;
    font-weight: 300;
    line-height: var(--Fonts-H2helvetica-Lineheight, 28px); /* 140% */
    letter-spacing: var(--Fonts-H2helvetica-LetterSpacing, 3px);
    text-transform: uppercase;
}

.H2kafka{
    font-family: "Kafka Display";
    font-size: var(--Fonts-H2kafka-Fontsize, 36px);
    font-weight: 700;
    line-height: var(--Fonts-H2kafka-Lineheight, 44px); /* 122.222% */
    letter-spacing: var(--Fonts-H2kafka-LetterSpacing, 3px);
}

.H3helvetica{
    font-family: Helvetica;
    font-size: var(--Fonts-H3helvetica-Fontsize, 12px);
    font-weight: 300;
    line-height: var(--Fonts-H3helvetica-Lineheight, 12px); /* 100% */
    letter-spacing: var(--Fonts-H3helvetica-LetterSpacing, 2px);
    text-transform: uppercase;
}



.H3kafka{
    font-family: "Kafka Display";
    font-size: var(--Fonts-H3kafka-Fontsize, 20px);
    font-weight: 700;
    line-height: var(--Fonts-H3kafka-Lineheight, 20px); /* 100% */
    letter-spacing: var(--Fonts-H3kafka-LetterSpacing, 1px);
}

.chapoFont{
    font-family: Helvetica;
    font-size: calc(0.9*var(--Fonts-Chapo-Fontsize, 16px));
    font-weight: 300;
    line-height: var(--Fonts-Chapo-Lineheight, 28px); /* 175% */
    letter-spacing:  calc(0.9*var(--Fonts-Chapo-LetterSpacing, 2px));
    text-transform: uppercase;
}

@media(min-width:600px){
    .chapoFont{
         font-size: calc(0.75*var(--Fonts-Chapo-Fontsize, 16px));
         letter-spacing:  calc(0.75*var(--Fonts-Chapo-LetterSpacing, 2px));
    }
}


.body1{
    font-family: Helvetica;
    font-size: var(--Fonts-Body1-Fontsize, 15px);
    font-weight: 400;
    line-height: var(--Fonts-Body1-Lineheight, 28px); /* 186.667% */
    max-width: var(--Sizes-Maxwidth-Bodytext, 740px);

}

.bouton1{
    font-family: Helvetica;
    font-size: var(--Fonts-Bouton-Fontsize, 12px);
    font-weight: 700;
    line-height: var(--Fonts-Bouton-Lineheight, 18px); /* 150% */
    letter-spacing: var(--Fonts-Bouton-LetterSpacing, 1px);
    text-transform: uppercase;
}

.citation{
    font-family: "Zodiak";
    font-size: var(--Fonts-Citation-Fontsize, 14px);
    font-style: italic;
    font-weight: 400;
    line-height: var(--Fonts-Citation-Lineheight, 28px); /* 200% */
}

.intertitre{
font-family: Helvetica;
font-size: var(--Fonts-Intertitre-Fontsize, 18px);
font-weight: 700;
line-height: var(--Fonts-Intertitre-Lineheight, 28px); /* 155.556% */
}

.white{
    color:white;
}

.mail{
    text-align: center;
    font-family: Helvetica;
    font-size: 15px;
    font-weight: 700;
    line-height: 28px; /* 186.667% */
}


.h2subtitle{
color: var(--Noir, #000);
text-align: center;
font-family: "Kafka";
font-size: var(--Fonts-H2kafka-Fontsize, 36px);
font-style: normal;
font-weight: 400;
line-height: var(--Fonts-H2kafka-Lineheight, 44px); /* 122.222% */
letter-spacing: var(--Fonts-H2kafka-LetterSpacing, 3px);
}