/*
Loads
*/

@font-face {
    font-family: 'DM Sans';
    src: url('/assets/font/dm-sans/DMSans-VariableFont_opsz,wght.ttf') format('truetype');
    font-weight: 100 900;
    /* plage complète */
    font-style: normal;
}

@font-face {
    font-family: 'DM Sans';
    src: url('/assets/font/dm-sans/DMSans-Italic-VariableFont_opsz,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
}

@font-face {
    font-family: "Young Serif";
    src: url("/assets/font/young-serif/YoungSerif-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lora';
    src: url('/assets/font/lora/Lora-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    /* Full weight range */
    font-style: normal;
}

@font-face {
    font-family: 'Lora';
    src: url('/assets/font/lora/Lora-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
}

/* ========== Layout général ========== */
body {
    margin: 0;
    background-color: #063942;
    position: relative;
    z-index: 0;
    line-height: 1.6;
}

body::before {
    content: "";
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: #063942 url('/assets/img/bg.svg') repeat;
    background-position: 0 0;
    background-size: auto; /* taille native */
    z-index: -1;
}

* {
    transition-duration: 0.3s;
}

.container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 38px;
    position: relative;
}

.section {
    padding-top: 25px;
}

.top-push {
    padding-top: 0px;
}

.section-white {
    padding: 65px 52px;
    border-radius: 56px;
    background: #FFF;
    box-shadow: 0px -84px 24px 0px rgba(0, 0, 0, 0.00), 0px -54px 22px 0px rgba(0, 0, 0, 0.01), 0px -30px 18px 0px rgba(0, 0, 0, 0.05), 0px -13px 13px 0px rgba(0, 0, 0, 0.09), 0px -3px 7px 0px rgba(0, 0, 0, 0.10);
}

/*
Font and Typography
*/
.text-input-radio {
    color: #000;
    font-family: "DM Sans";
    font-size: calc(14 / 1440 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.text-style-a {
    color: #FFF;
    font-family: "Young Serif";
    font-size: calc(100 / 1440 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: calc(123/1440 * 100vw);
}

.text-style-b {
    color: #FFF;
    text-align: center;
    font-family: "DM Sans";
    font-size: calc(26/1440 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: calc(26/1440 * 100vw);
}

.text-style-c {
    color: #505050;
    font-family: "DM Sans";
    font-size: calc(22/1440 * 100vw);
    font-style: normal;
    line-height: calc(28/1440 * 100vw);
}

.text-style-d {
    color: #000;
    font-family: "Young Serif";
    font-size: calc(48/1440 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: calc(60/1440 * 100vw);
}

.text-style-e {
    color: #073942;
    font-family: "Young Serif";
    font-size: calc(48/1440 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: calc(48/1440 * 100vw);
}

.text-style-f {
    color: #901B30;
    text-align: center;
    font-family: "Young Serif";
    font-size: calc(34/1440 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: calc(34/1440 * 100vw);
    /* 111.765% */
}

.text-style-g {
    color: #073942;
    font-family: "DM Sans";
    font-size: calc(32/1440 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: calc(32 * 118.75/100/1440 * 100vw);
}

.text-style-h {
    color: #FFF;
    text-align: center;
    font-family: "DM Sans";
    font-size: calc(20/1440 * 100vw);
    font-style: italic;
    font-weight: 400;
    line-height: calc(20 * 132.1 / 100 /1440 * 100vw);
}

.text-style-i {
    color: #FFF;
    text-align: center;
    font-family: Lora;
    font-size: calc(74/1440 * 100vw);
    font-style: italic;
    font-weight: 400;
    line-height: calc(74/1440 * 100vw);
    /* 124.468px */
}

.text-style-j {
    color: #FFF;
    font-family: "DM Sans";
    font-size: calc(16/1440 * 100vw);
    font-style: italic;
    font-weight: 400;
    line-height: calc(16 * 132.1/100/1440 * 100vw);
}

.text-style-jn {
    color: #000;
    font-family: "DM Sans";
    font-size: calc(16/1440 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: calc(16/1440 * 100vw);
}

.text-style-k {
    color: #000;
    font-family: "DM Sans";
    font-size: calc(18/1440 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: calc(18 * 155 / 100 /1440 * 100vw);
}

.text-style-name {
    color: #FFF;
    text-align: center;
    font-family: Lora;
    font-size: calc(18/1440 * 100vw);
    font-style: italic;
    font-weight: 400;
    line-height: calc(18/1440 * 100vw);
    /* 26.676px */
}

.text-style-position {
    color: #949494;
    font-family: "DM Sans";
    font-size: calc(14/1440 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: calc(14/1440 * 100vw);
}

.text-base-link {
    color: #FFF;
    text-align: center;
    font-family: "DM Sans";
    font-size: calc(16/1440 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: calc(16/1440 * 100vw);
    text-decoration: none;
}

.text-heading-variant-a {
    color: #073942;
    text-align: center;
    font-family: "Young Serif";
    font-size: calc(52/1440 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: calc(52/1440 * 100vw);
}

.text-heading-variant-b {
    color: #073942;
    font-family: "Young Serif";
    font-size: calc(38/1440 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: calc(38/1440 * 100vw);
}

.text-heading-variant-c {
    color: #073942;
    font-family: "DM Sans";
    font-size: calc(28/1440 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: calc(28 * 135 / 100 /1440 * 100vw);
}

.text-form-label {
    color: #28262B;
    font-family: "DM Sans";
    font-size: calc(16/1440 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: calc(16/1440 * 100vw);
}

.text-accept-a {
    color: #28262B;
    font-family: "DM Sans";
    font-size: calc(14/1440 * 100vw);
    font-style: normal;
    font-weight: 400;
}

.text-note-a {
    color: #28262B;
    font-family: "DM Sans";
    font-size: calc(12/1440 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: calc(12/1440 * 100vw);
}

/*
Color variants
*/

.text-base-link:hover {
    text-decoration: underline;
}

.black-text {
    color: #000;
}

.green-text {
    color: #119E57;
}

.red-text {
    color: #901B30;
}

.grey-text {
    color: #28262B;
}

/*
Text transformation
*/
.mg-50 {
    margin: 50px;
}

.mg-50 {
    margin: 50px;
}

.mgb-16 {
    margin-bottom: 44px;
}

.mgb-25 {
    margin-bottom: 25px;
}

.pdb-79 {
    padding-bottom: 79px;
}

.mt-37 {
    margin-top: 37px;
}

.text-underline {
    text-decoration: underline;
}

label {
    cursor: pointer;
}

.form-control:focus {
    color: #063942;
    background-color: #FFF;
    border-color: #063942;
    outline: none;
    box-shadow: 0 0 0 2px rgba(6, 57, 66, 0.3);
}


/*
Blocks and containers
*/
.question-block {
    padding-left: calc(24/1440 * 100vw);
    padding-right: calc(24/1440 * 100vw);
}

.wsz-a {
    width: calc(700/1440 * 100vw);
    margin: auto;
}

.formulaire-container-form {
    padding: 0px calc(215 / 1440 * 100vw);
}

.link-footer {
    padding: 0px 91px 35px 91px;
}

.link-footer hr {
    border-top: 1px solid rgba(255, 255, 255, 0.30);
    margin: 0px;
    margin-bottom: 33px;
    margin-top: 36px;
    opacity: 1;
}

.lh-0 {
    line-height: 0;
}

.section-quote {
    padding-top: 115px;
    position: relative;
}

.quote-star-1 {
    position: absolute;
    height: calc(95/1440 * 100vw);
    bottom: calc(107/1440 * 100vw);
    left: calc(116/1440 * 100vw);

}

.quote-star-2 {
    position: absolute;
    top: calc(49/1440 * 100vw);
    right: calc(116/1440 * 100vw);
    height: calc(95/1440 * 100vw);
}

.quote-star-1-1 {
    position: absolute;
    height: calc(95/1440 * 100vw);
    bottom: calc(3/1440 * 100vw);
    left: calc(55/1440 * 100vw);
}

.quote-star-2-1 {
    position: absolute;
    top: calc(49/1440 * 100vw);
    right: calc(81/1440 * 100vw);
    height: calc(95/1440 * 100vw);
}

.start-star-1 {
    position: absolute;
    height: calc(95/1440 * 100vw);
    top: calc(-74/1440 * 100vw);
    left: calc(181/1440 * 100vw);
    z-index: -1;
}

.start-star-2 {
    position: absolute;
    top: calc(-74/1440 * 100vw);
    ;
    right: calc(186/1440 * 100vw);
    height: calc(95/1440 * 100vw);
    z-index: -1;
}

.start-star-3 {
    position: absolute;
    top: calc(334/1440 * 100vw);
    right: calc(186/1440 * 100vw);
    height: calc(95/1440 * 100vw);
    z-index: -1;
}

.card-steps-group {
    margin-bottom: 99px;
}

.description-container {
    margin-left: calc(55/1440*100vw);
    margin-top: -78px;
    text-align: left;
    margin-bottom: 56px;
}

.description-content {
    display: inline-block;
    max-width: calc(420/1440*100vw);
}

.block-response {
    display: flex;
    padding: 30px 50px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    background: #F5F5F5;
    position: relative;
    margin-bottom: calc(120/1440 * 100vw);
}

.tag-response {
    position: absolute;
    transform: rotate(-5.585deg);
    background-color: #09A;
    left: -18px;
    top: -18px;
    z-index: 1;
    color: #FFF;
    font-family: "Young Serif";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    border-radius: 7px;
    padding: 4px 12px;
    transition-duration: 0.3s;
}

.block-response:hover .tag-response {
    transform: rotate(-5.585deg) scale(1.3);
    transition-duration: 0.3s;
}

.block-image {
    border-radius: 24px;
    object-fit: cover;
    width: 100%;
    height: calc(100% - 1rem);
}

.block-input-a {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #BDBDBD;

    color: #4B4C54;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.block-text-a {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    border-radius: 20px;
    background: #FFF;
    line-height: 80px;
    margin: calc(50/1440 * 100vw);
}

.card-step-container {
    padding-left: calc(17/1440 * 100vw);
    padding-right: calc(17/1440 * 100vw);
    position: relative;
}

.step-arrow-1 {
    position: absolute;
    right: calc(-54/1440 * 100vw);
    bottom: calc(26/1440 * 100vw);
    width: calc(130/1440 * 100vw);
    z-index: 1;
}

.step-arrow-2 {
    position: absolute;
    right: calc(-37/1440 * 100vw);
    bottom: calc(26/1440 * 100vw);
    width: calc(90/1440 * 100vw);
    z-index: 1;
}

.step-arrow-1-mb {
    display: none;
}

.step-arrow-2-mb {
    display: none;
}

.card-step {
    height: 319px;
    flex-shrink: 0;
    border-radius: 32px;
    border: 1px solid #DDD;
    background-color: #F5F5F5;
    box-shadow: 0px 0px 0px 3.658px rgba(17, 24, 39, 0.02), 0px 0px 58.525px 0px rgba(17, 24, 39, 0.02), 0px 0px 117.05px 0px rgba(17, 24, 39, 0.02);
    backdrop-filter: blur(73.15611267089844px);
}

/* 
Positionnements
 */

.logo-header {
    text-align: center;
    margin-bottom: 72px;
}

.hero-deco {
    position: relative;
    margin-bottom: 2rem;
    width: 100%;
}

.img-floating-left,
.img-floating-right {
    position: absolute;
    border-radius: 12px;
    z-index: -1;
}

.left-star {
    position: absolute;
    left: calc(149/1440 * 100vw);
    top: calc(-60/1440 * 100vw);
    z-index: 2;
    width: calc(87/1440 * 100vw);
}

.right-star {
    position: absolute;
    right: calc(135/1440 * 100vw);
    top: calc(65/1440 * 100vw);
    z-index: 2;
    width: calc(81/1440 * 100vw);
}

.img-floating-left {
    top: calc(-60/1440 * 100vw);
    left: calc(160/1440 * 100vw);
    width: calc(293/1440 * 100vw);
}

.img-floating-right {
    top: calc(5/1440 * 100vw);
    width: calc(270/1440 * 100vw);
    right: calc(147/1440 * 100vw);
}

.badge-image {
    position: absolute;
    z-index: 1;
    top: calc(200/1440 * 100vw);
    right: calc(165/1440 * 100vw);
    width: calc(235/1440 * 100vw);
}

.arrow-a {
    position: absolute;
    z-index: -1;
    top: calc(189/1440 * 100vw);
    left: calc(364/1440 * 100vw);
    width: calc(144/1440 * 100vw);
}

.star-top-left {
    top: -10px;
    left: 10px;
}

.star-bottom-right {
    bottom: -20px;
    right: 10px;
}


/* ========== Titres & texte ========== */
.heading-main {
    text-align: center;
}

.heading-section {
    text-align: center;
    margin-bottom: 2rem;
}

.heading-lg {
    margin-bottom: 1rem;
}

.highlight {
    color: #FFF;
    position: relative;
}

.relative-content {
    position: relative;
    display: inline-block;
}

.bg-a {
    background-color: #09A;
    position: absolute;
    width: calc(100% + 15px);
    height: calc(100/1440 * 100vw);
    left: calc(-5/1440 * 100vw);
    top: calc(3/1440 * 100vw);
    z-index: -1;
    transform: rotate(3.119deg);
    border-radius: 16px;
}

.small-lead {
    opacity: 0.85;
    margin-bottom: 2rem;
}

.image-main-banner {
    margin-bottom: 135px;
}

.your-turn-top-play {
    margin-bottom: 50px;
}

.thanks-heading {
    max-width: calc(839/1440* 100vw);
    margin: auto;
    margin-bottom: 26px;
}

.thanks-description {
    margin-bottom: calc(90/1440* 100vw);
}

.thanks-h2 {
    max-width: calc(689/1440* 100vw);
    margin: auto;
    margin-bottom: 120px;
}

.question-text {
    margin-top: 10px;
    margin-bottom: 32px;
}

.bg-style-1 {
    background-image: url('/assets/img/bg-style-1.svg');
    background-repeat: no-repeat;
    background-position: 50% 0%;
}

.bg-style-2 {
    background-image: url('/assets/img/bg-style-2.svg');
    background-repeat: no-repeat;
    background-position: 0% 0%;
}

.bg-style-3 {
    background-image: url('/assets/img/bg-style-3.svg');
    background-repeat: no-repeat;
    background-position: 100% 0%;
}

.button {
    height: 55px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background-color: #1B6590;
    border: none;

    color: #FFF;
    text-align: center;
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    line-height: 34px;
    font-weight: 700;
    min-width: calc(226/1440 * 100vw);
}

.button:hover,
.button:focus {
    background-color: #155577;
    /* un bleu plus foncé */
    box-shadow: 0 0 0 3px rgba(27, 101, 144, 0.3);
    /* effet focus doux */
}

/* ========== Images & bannière ========== */
.image-main-banner img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    display: block;
    margin-top: 1rem;
}

/* ========== Citations & avatar ========== */
.quote-block {
    text-align: center;
    margin: 45px auto 30px auto;
    max-width: 960px;
}

.avatar-director {
    text-align: center;
    margin-top: 1rem;
}

.avatar-director img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
}

.in-right-a,
.in-left-a {
    display: inline-block;
}

.in-right-b {
    position: relative;
    display: block;
}

.in-right-b {
    display: inline-block;
    text-align: center;
}

.in-left-a {
    position: relative;
    left: calc(-115/1440 * 100vw);
}


/* ========== Responsive ========== */

/*
Mobile
*/
@media (max-width: 576px) {
    .text-style-a {
        font-size: calc(52 / 390 * 100vw);
    }

    .in-left-a {
        position: relative;
        left: calc(-33/390 * 100vw);
    }

    .in-right-a {
        position: relative;
        left: calc(9/390 * 100vw);
    }

    .in-right-b {
        display: block;
        text-align: right;
        padding-right: calc(41/390 * 100vw);
    }

    .bg-a {
        top: 10px;
        height: calc(53/390 * 100vw);
    }

}

/*
Tablet and Desktop
*/
@media (min-width: 577px) {
    .in-right-b {
        left: calc(40/1440 * 100vw);
    }

}

.limw-a {
    max-width: calc(559/1440 * 100vw);
}

.limw-b {
    max-width: calc(475/1440 * 100vw);
}

/* Masque l'input radio natif */
.questions input[type="radio"] {
    position: absolute;
    opacity: 0;
}

/* Style du bloc label comme une carte */
.questions label {
    display: block;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
    background-color: #fff;
    cursor: pointer;
    transition: border 0.2s ease, box-shadow 0.2s ease;
}

.questions label:hover:not(.disabled),
.questions label:focus-within:not(.disabled) {
    border-color: #1B6590;
    box-shadow: 0 0 0 3px rgba(27, 101, 144, 0.2);
}

.questions label.disabled {
    cursor: not-allowed;
}

/* Texte à l’intérieur */
.questions label .span-container {
    display: inline-block;
    position: relative;
    padding-left: 40px;
}

/* Quand radio est coché → style sélectionné */
.questions input[type="radio"]:checked+.span-container {}

.block-radio {
    position: relative;
}

/* Quand radio est coché → le label entier stylé */
.questions input[type="radio"]+.span-container::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 0.5rem;
    border-radius: 25.6px;
    border: 0.8px solid #000;
    background-color: transparent;
    border-radius: 50%;
    vertical-align: middle;
    position: absolute;
    top: -5px;
    left: 0px;
}

/* Quand radio est coché → le label entier stylé */
.questions input[type="radio"]:checked+.span-container::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 0.5rem;
    background-color: #000;
    border-radius: 50%;
    vertical-align: middle;
    position: absolute;
    left: 4px;
    top: -1px;
}

.questions label.response-is-failure {
    border: 1px solid #901B30;
}

.questions label.response-is-failure input[type="radio"]+.span-container::before {
    border: 0.8px solid #901B30;
}

.questions label.response-is-failure input[type="radio"]:checked+.span-container::after {
    background-color: #901B30;
}

.questions label.response-is-failure .span-container {
    color: #901B30;
}

.questions label.response-is-valid {
    border: 1px solid #119E57;
}

.questions label.response-is-valid input[type="radio"]+.span-container::before {
    border: 0.8px solid #119E57;
}

.questions label.response-is-valid input[type="radio"]:checked+.span-container::after {
    background-color: #119E57;
}

.questions label.response-is-valid .span-container {
    color: #119E57;
}





.formulaire-container-form .form-check {
    padding-left: 0px;
}

/* Masquer uniquement les checkboxes */
.formulaire-container-form input[type="checkbox"] {
    display: none;
}

/* Cibler uniquement les labels liés à une checkbox */
.formulaire-container-form input[type="checkbox"]+label.form-check-label {
    position: relative;
    padding-left: 24px;
    cursor: pointer;
}

/* Case vide */
.formulaire-container-form input[type="checkbox"]+label.form-check-label::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: 1px solid #BDBDBD;
    border-radius: 3px;
    box-sizing: border-box;
}

/* Case cochée */
.formulaire-container-form input[type="checkbox"]:checked+label.form-check-label::before {
    background-color: #1B6590;
    border-color: #1B6590;
}

/* Coche SVG */
.formulaire-container-form input[type="checkbox"]:checked+label.form-check-label::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 2px;
    width: 16px;
    height: 16px;
    background-image: url('/assets/img/check-input.svg');
    background-repeat: no-repeat;
    background-size: 68%;
    background-position: 0px 0px;
}

/* Masque totalement les radios natifs */
.formulaire-container-form input[type="radio"] {
    display: none;
}

/* Style du label visuel */
.formulaire-container-form input[type="radio"]+label.form-check-label {
    position: relative;
    padding-left: 24px;
    cursor: pointer;
}

/* Cercle vide */
.formulaire-container-form input[type="radio"]+label.form-check-label::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #BDBDBD;
    border-radius: 50%;
    background: #fff;
    box-sizing: border-box;
}

/* Point intérieur quand sélectionné */
.formulaire-container-form input[type="radio"]:checked+label.form-check-label::after {
    content: '';
    position: absolute;
    top: 5px;
    left: 3px;
    width: 10px;
    height: 10px;
    background-color: #1B6590;
    border-radius: 50%;
}

.formulaire-form {
    margin-top: 2rem;
}

.formulaire-row {
    display: flex;
    gap: 1rem;
    margin-bottom: 15px;
}

.formulaire-col {
    flex: 1;
}

.formulaire-group {
    margin-bottom: 1rem;
}

.align-center {
    align-items: center;
}

.formulaire-checkbox-group {
    margin-bottom: 1rem;
}

.checkbox-spaced {
    margin-top: 0.5rem;
}


.formulaire-container-form hr {
    opacity: 1;
    border-top: 1px solid #ECEBE5;
    margin: 0px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.tooltip-wrapper {
    position: relative;
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;

    color: #096F7F;
    leading-trim: both;
    text-edge: cap;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.tooltip-icon {

    width: 24px;
    height: 24px;
    padding: 3px 0px;
    justify-content: center;
    align-items: center;
    gap: 10px;

    border-radius: 40px;
    border: 1px solid #ABD7E0;
    background: #EAF4F8;

    display: inline-block;
    color: white;
    font-family: "DM Sans";
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    cursor: pointer;


    color: #096F7F;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 17px;
    /* 121.429% */
}

.tooltip-box {
    display: none;
    position: absolute;
    top: -117px;
    left: -284px;
    width: 414px;
    height: 109px;
    padding: 12px 16px;
    color: #063942;
    font-family: "DM Sans";
    font-size: 14px;
    line-height: 20px;
    background: url('/assets/img/tooltip.svg') no-repeat center center;
    background-size: 100% 100%;
    z-index: 10;
    pointer-events: none;
    background-position: 0px 0px;
    padding: 6px 40px 23px 40px;
    text-align: center;
}

.tooltip-wrapper:hover .tooltip-box,
.tooltip-wrapper:focus-within .tooltip-box {
    display: flex;
    align-items: center;
}

.anniv-bottom {
    display: block;
    margin: auto;
    width: calc(245 / 1440 * 100vw);
    margin-top: calc(73 / 1440 * 100vw);
    margin-bottom: calc(73 / 1440 * 100vw);
}

.questions:last-child .block-response {
    margin-bottom: 0px;
}

.in-right-b {
    left: calc(18/1440 * 100vw);
}

.image-main-banner img.home-image-desktop {
    display: block;
}

.image-main-banner img.home-image-mobile {
    display: none;
}
.formulaire-checkbox-group .form-check-label{
    max-width: 731px;
}

.error-message {
    font-size: 0.9rem;
}