:root {
    /* Colors */
    --noir-8: rgba(17, 23, 81, 0.08);
    --noir-16: rgba(17, 23, 81, 0.16);
    --noir-24: rgba(17, 23, 81, 0.24);
    --noir-48: rgba(17, 23, 81, 0.48);
    --noir-64: rgba(17, 23, 81, 0.64);
    --noir-72: rgba(17, 23, 81, 0.72);
    --noir-100: rgba(17, 23, 81);

    --blanc-8: rgba(255, 255, 255, 0.08);
    --blanc-16: rgba(255, 255, 255, 0.16);
    --blanc-24: rgba(255, 255, 255, 0.24);
    --blanc-48: rgba(255, 255, 255, 0.48);
    --blanc-64: rgba(255, 255, 255, 0.64);
    --blanc-72: rgba(255, 255, 255, 0.72);
    --blanc-100: rgba(255, 255, 255);

    --rouge-0: #FCEBE9;
    --rouge-1: #FFC8C3;
    --rouge-2: #FF867B;
    --rouge-3: #D71302;
    --rouge-4: #770A01;

    --bleu-0: #EFF1FF;
    --bleu-1: #ECE7FF;
    --bleu-2: #B7A9E3;
    --bleu-3: #7053CD;
    --bleu-4: #2A327B;

    --vert-0: #EDFFFA;
    --vert-1: #90ECD0;
    --vert-2: #37CDA0;
    --vert-3: #059D79;
    --vert-4: #03695D;

    /* Grid */
    --media-sm: 576px;
    --media-md: 768px;
    --media-lg: 992px;
    --media-xl: 1200px;
    --media-xxl: 1400px;
    --gutters: 20px;
    --container-width: none;
    --marie-louise: 0 12px 12px 12px;

    /* Body */
    --body-color: var(--noir-100);
    --body-bg: var(--blanc-100);
    --body-ft-size: calc(18/16*1rem);

    /* Radius */
    --radius-xs: 4px;
    --radius-s: 8px;
    --radius-l: 16px;
    --radius-xl: 24px;
    --radius-plein: 50%;

    /* Titles */
    --h1-ft-size: calc(40/16*1rem);
    --h2-ft-size: calc(32/16*1rem);
    --h3-ft-size: calc(28/16*1rem);
    --h4-ft-size: calc(24/16*1rem);
    --h5-ft-size: calc(20/16*1rem);
    --h6-ft-size: calc(18/16*1rem);
}

@media (min-width: 576px) {
    :root {
        --container-width: 540px;
        --marie-louise: 0 16px 16px 16px;
    }
}

@media (min-width: 768px) {
    :root {
        --container-width: 720px;
    }
}

@media (min-width: 992px) {
    :root {
        --gutters: 36px;
        --container-width: 960px;
        --marie-louise: 0 24px 24px 24px;
        --h1-ft-size: calc(56/16*1rem);
        --h2-ft-size: calc(48/16*1rem);
        --h3-ft-size: calc(32/16*1rem);
        --h4-ft-size: calc(28/16*1rem);
        --h5-ft-size: calc(24/16*1rem);
        --h6-ft-size: calc(20/16*1rem);
    }
}

@media (min-width: 1200px) {
    :root {
        --container-width: 1140px;
    }
}

@media (min-width: 1400px) {
    :root {
        --container-width: 1320px;
    }
}

body {
    margin: 0;
    /* padding: var(--marie-louise); */
    font-family: Synthese, Synthese-Regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: var(--body-ft-size);
    font-weight: 400;
    line-height: 1.5;
    color: var(--body-color);
    background-color: var(--body-bg);
}

.idf-container {
    max-width: var(--container-width);
    margin-left: auto;
    margin-right: auto;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "AWConqueror Pro Sans", AWConquerorProSans-Bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-weight: 700;
    line-height: 1.1;
}

h1, .h1 {
    font-size: var(--h1-ft-size);
}
h2, .h2 {
    font-size: var(--h2-ft-size);
}
h3, .h3 {
    font-size: var(--h3-ft-size);
}
h4, .h4 {
    font-size: var(--h4-ft-size);
}
h5, .h5 {
    font-size: var(--h5-ft-size);
}
h6, .h6 {
    font-size: var(--h6-ft-size);
}

a {
    color: var(--rouge-3);
    text-decoration: underline;
}

a:hover,
a:focus,
a:active {
    color: var(--rouge-3);
}

hr,
.hr {
    align-items: center;
    display: flex;
    text-align: center;
    /* margin: 30px 0px 20px; */
    margin: 0px 0px 20px;
}
hr,
.hr::before,
.hr::after {
    background: currentColor;
    content: "";
    flex: 1;
    height: .025em;
    margin: 0 .5em;
}

#register-rgpd-link {
    text-align: center;
}

.divider {
    width: 1px;
    margin: 0px 0px 0px 14px;
    background: var(--pf-global--Color--200);
}