@font-face {
    font-family: 'MADE Outer Sans';
    src: url('../fonts/made/MADEOuterSans-Black.eot');
    src: url('../fonts/made/MADEOuterSans-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/made/MADEOuterSans-Black.woff2') format('woff2'),
        url('../fonts/made/MADEOuterSans-Black.woff') format('woff'),
        url('../fonts/made/MADEOuterSans-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MADE Outer Sans';
    src: url('../fonts/made/MADEOuterSans-Bold.eot');
    src: url('../fonts/made/MADEOuterSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/made/MADEOuterSans-Bold.woff2') format('woff2'),
        url('../fonts/made/MADEOuterSans-Bold.woff') format('woff'),
        url('../fonts/made/MADEOuterSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MADE Outer Sans';
    src: url('../fonts/made/MADEOuterSans-Thin.eot');
    src: url('../fonts/made/MADEOuterSans-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/made/MADEOuterSans-Thin.woff2') format('woff2'),
        url('../fonts/made/MADEOuterSans-Thin.woff') format('woff'),
        url('../fonts/made/MADEOuterSans-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MADE Outer Sans';
    src: url('../fonts/made/MADEOuterSans-Light.eot');
    src: url('../fonts/made/MADEOuterSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/made/MADEOuterSans-Light.woff2') format('woff2'),
        url('../fonts/made/MADEOuterSans-Light.woff') format('woff'),
        url('../fonts/made/MADEOuterSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MADE Outer Sans';
    src: url('../fonts/made/MADEOuterSans-Medium.eot');
    src: url('../fonts/made/MADEOuterSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/made/MADEOuterSans-Medium.woff2') format('woff2'),
        url('../fonts/made/MADEOuterSans-Medium.woff') format('woff'),
        url('../fonts/made/MADEOuterSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MADE Outer Sans';
    src: url('../fonts/made/MADEOuterSans.eot');
    src: url('../fonts/made/MADEOuterSans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/made/MADEOuterSans.woff2') format('woff2'),
        url('../fonts/made/MADEOuterSans.woff') format('woff'),
        url('../fonts/made/MADEOuterSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



:root {
    /* Couleurs */
    --main-purple: #772AD1;
    --main-blue: #1F68F4;
    --main-orange: #FFA614;
    --bg-section: #F4F4F4;

    --main-text-black: #000;
    --main-text-white: #fff;

    /* Fonts size */
    --main-title: 50px;
    --second-title: calc(var(--main-title) * 0.71);
    --third-title: calc(var(--main-title) * 0.5);
    --link-header: calc(var(--main-title) * 0.29);
    --link-section: calc(var(--main-title) * 0.21);
    --paragraph-section: calc(var(--main-title) * 0.26);
    --inner-text-section: calc(var(--main-title) * 0.23);
}

@media (max-width: 768px) {
    :root {
        --main-title: 40px;
    }
}

body {
    font-family: 'MADE Outer Sans', sans-serif;
    font-size: var(--paragraph-section);
    font-weight: normal;
}

body.post, body.page {
    margin: 0em;
}

.noscroll {
	overflow: hidden;
}

#page{
	overflow: hidden;
	position: relative;
}

/* Couleurs */
.noir,
.has-noir-color,
.hover-noir-color:hover,
.hover-noir-color:hover p,
.hover-noir-color:hover path
{
	color: var(--main-text-noir);
	fill:var(--main-text-noir);
}
.bg-noir,
.has-noir-background-color{
	background-color: var(--main-text-noir);
}
.border-noir{
	border-color: var(--main-text-noir) !important;
}

.gris-clair,
.has-gris-clair-color,
.hover-gris-clair-color:hover,
.hover-gris-clair-color:hover p,
.hover-gris-clair-color:hover path
{
	color: var(--bg-section);
	fill:var(--bg-section);
}
.bg-gris-clair,
.has-gris-clair-background-color{
	background-color: var(--bg-section);
}
.border-gris-clair{
	border-color: var(--bg-section) !important;
}

.blanc,
.blanc p,
.has-blanc-color,
.hover-blanc-color:hover,
.hover-blanc-color:hover p,
.hover-blanc-color:hover path{
	color: var(--main-text-white) !important;
	fill:var(--main-text-white);
}
.bg-blanc,
.has-blanc-background-color{
	background-color: var(--main-text-white);
}
.border-blanc{
	border-color: var(--main-text-white) !important;
}

/* Links */
a{
	color:  var(--main-text-noir);
    text-decoration: underline;
}
a:hover {
    color: var(--main-orange);
}

/* Titre */
.h1, h1, .like-h1 {
    font-size: var(--main-title);
	font-weight: bold;
    text-transform: uppercase;
	overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

h2{
	font-size: var(--second-title);
	font-weight: bold;
    text-transform: uppercase;
	overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}


h3{
	font-size: var(--third-title);
    font-weight: bold;
    text-transform: uppercase;
	overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

h4{
	font-size: var(--paragraph-section);
    text-transform: uppercase;
}


h5{
	font-size: var(--paragraph-section);
    font-weight: normal;
}

h6{
	font-size: var(--paragraph-section);
    font-weight: normal;
}

p,
ul li,
ul ol{
    font-weight: var(--paragraph-section);
    color: var(--main-text-noir);
    line-height: 2;
}

strong, b{
    font-weight: bold;
}

.souligne{
	text-decoration: underline;
}