/*** case à cocher */
input[type=radio], input[type=checkbox] {
    display: none !important;
}

input[type=radio] + label:before,
input[type=checkbox] + label:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -3px 8px 0 0;
    vertical-align: middle;
    cursor: pointer;
    background-color: var(--color-transparent);
    border: 1px solid var(--color-gris);
    padding: 1px;
}

input[type=radio] + label:before {
    border-radius: 50%;
}

input[type=radio]:checked + label,
input[type=checkbox]:checked + label,
input[type=radio]:checked,
input[type=checkbox]:checked {
    position: relative;
}

input[type=radio]:checked + label:before,
input[type=checkbox]:checked + label:before {
    background-color: var(--color-2);
}

input[type=email],
input[type=text],
select,
textarea {
    font-size: 16px !important;
    color: var(--color-1);
    padding: 15px !important;
    letter-spacing: normal !important;
    margin-top: 0 !important;
    background: var(--color-light) !important;
    border-radius: 5px !important;
    margin-bottom: 10px !important;
    font-family: var(--font-1) !important;
    border: 1px solid var(--color-gris) !important;
}


input::file-selector-button,
input[type=submit], .button {
    background: var(--color-2) !important;
    border: 0 !important;
    color: var(--color-light) !important;
    font-size: 16px !important;
    line-height: 22px !important;
    text-transform: none !important;
    font-family: var(--font-1) !important;
    font-style: normal !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    padding: 12px 24px !important;
    border-radius: 200px !important;
    text-decoration: none !important;
}

input[type=submit]:hover, .button:hover {
    background: var(--color-4) !important;
    color: var(--color-gris) !important;
}

input[type=submit]:before {
    position: relative !important;
    display: inline-block !important;
    content: '\f061' !important;
    font-family: "Font Awesome 6 Pro" !important;
    font-size: 15px !important;
    color: #ffffff !important;
    margin: 0 12px 0 0 !important;
}

input::file-selector-button:hover,
input[type=submit]:hover {
    background-color: var(--color-3);
}

.gform_wrapper.gravity-theme label + [aria-invalid=true] {
    color: var(--color-3) !important;
}

.gform_wrapper.gravity-theme .gfield_label {
    margin-bottom: 5px !important;
}

.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
    padding: 26px 0 16px 0 !important;
}

#gform_wrapper_3 .gfield_label, #gform_wrapper_4 .gfield_label, h2.gform_title {
    color: var(--color-1) !important;
}

#gform_wrapper_3 .gfield_label, #gform_wrapper_4 .gfield_label {
    font-size: 22px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 30px !important;
}

#gform_wrapper_3 .gform-body, #gform_wrapper_4 .gform-body, #gform_wrapper_3 .gfield, #gform_wrapper_4 .gfield {
    margin-top: 30px !important;
}

h2.gform_title {
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px;
}

.pe-8 {
    padding-right: 8px;
}

.gform_validation_errors, .gfield_validation_message {
    border: 1px solid #EB3823 !important;
    background-color: #EB3823 !important;
    border-radius: 0 !important;
    color: white !important;
}

.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    border: 1px solid #EB3823 !important;
}

.gform_validation_errors *, .gfield_validation_message * {
    color: white !important;
}

.gform_wrapper.gravity-theme .gfield_error label {
    color: #EB3823 !important;
}