body { background: #FFF !important; }
.page-container .white-block { border-radius: 20px; }
.formation-inscription-page { padding: 40px 0 60px; }
.formation-inscription-layout { display: flex; flex-direction: row; gap: 36px; justify-content: center; }
.formation-inscription-column { display: flex; flex-direction: column; }
.formation-inscription-panel,
.formation-inscription-panel { padding: 32px; }
.formation-inscription-logo { margin-bottom: 24px; }
.formation-inscription-logo .logo-container { justify-content: flex-start; }
.formation-inscription-logo img { max-height: 56px; width: auto; }
.formation-inscription-column-left { width: 450px; min-width: 450px; }
@media (max-width: 767px) {
    .formation-inscription-layout { flex-direction: column; }
    .formation-inscription-column-left { width: 100%; min-width: 100%; }
    .formation-inscription-column-right { width: 100%; min-width: 100%; }
}
.formation-inscription-column-left .bloc-title,
.formation-inscription-column-left .bloc-subtitle { text-align: left; }
.formation-inscription-column-left .bloc-subtitle { margin-bottom: 24px; }
.formation-inscription-column-left .bloc-subtitle .subtitle { font-size: 18px; line-height: 1.6; margin: 0; }
.formation-inscription-column-left .form-container { margin-top: 24px; }
.formation-inscription-column-left .indication { margin-bottom: 24px; line-height: 1.6; }
.formation-inscription-members {
    display: flex;
    flex-direction: column;
    margin-top: 48px;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
    font-size: 14px;
    color: var(--app-color-dark, #1C1D23);
    text-align: center;
    font-weight: 300;
}
.formation-inscription-members span.nb-members {
    font-size: 22px;
    font-weight: 800;
}


.formation-inscription-column-left .form-container .form-group.form-group-with-icon .input-group-addon {
    display: flex;
    align-items: center;
    padding: 18px 16px 18px 20px;
    height: 52px;
    font-size: 16px;
    color: var(--color-dark);
    text-align: center;
    white-space: nowrap;
    background: transparent;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 50px;
}
.formation-inscription-column-left .form-container .form-group.form-group-with-icon .form-control {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    height: 52px;
    border-radius: 20px;
    border: 1px solid #B9B7B4;
    font-weight: 500;
    color: var(--color-dark);
    padding-left: 50px;
}
.formation-inscription-column-left .form-container .form-group.form-group-with-icon label {
    font-weight: 300;
    margin-bottom: 0;
    display: block;
    color: var(--color-dark);
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    cursor: text;
    z-index: 1;
    top: 0;
    left: 0;
    transform: translate(40px, 20px);
    background: #fff;
    padding: 0 6px;
    transition: all .3s ease;
    border-radius: 4px;
    white-space: nowrap;
}
.formation-inscription-column-left .form-container .form-group.form-group-with-icon input:focus + label,
.formation-inscription-column-left .form-container .form-group.form-group-with-icon input:not(:placeholder-shown) + label,
.formation-inscription-column-left .form-container .form-group.form-group-with-icon select + label,
.formation-inscription-column-left .form-container .form-group.form-group-with-icon .controls select + label,
.formation-inscription-column-left .form-container .form-group.form-group-with-icon .select2-container + label {
    transform: translate(12px, -10px);
}


.bloc-poweredby {
    display: flex;
    flex-direction: column;
    text-align: left;
    font-size: 12px;
    font-weight: 300;
    gap: 4px;
    width: 100%;
    margin: 98px auto 0 auto;
    padding-bottom: 48px;
}
.bloc-poweredby .page-footer {
    text-align: left;
    padding: 0;
    margin: 0;
}
#content .editor-sidebar .form-group-image {
    width: 100% !important;
}
.page-container .form-container h4.indication {
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.3;
}
.bloc-poweredby img { height: 20px; vertical-align: middle; }
.formation-inscription-column-right { gap: 24px; width: calc(100% - 450px); }
.formation-inscription-media { overflow: hidden; padding: 0; }
.formation-inscription-media .bloc-video,
.formation-inscription-media .bloc-image,
.formation-inscription-richtext .bloc-description { margin-bottom: 0; }
.formation-inscription-media .img-header,
.formation-inscription-media iframe,
.formation-inscription-media video,
.formation-inscription-media img { width: 100% !important; }
.formation-inscription-media .img-header { height: 100% !important; }
.formation-inscription-media .video-block-center {
    width: auto !important;
    height: auto !important;
    position: relative;
    padding-bottom: 56.25%;
    border-radius: 12px;
}
.formation-inscription-media iframe,
.formation-inscription-media video,
.formation-inscription-media img { display: block; height: 100% !important; border: 0; object-fit: cover; }
.formation-inscription-richtext .bloc-description { text-align: left; }
.formation-inscription-richtext .description-content > *:last-child { margin-bottom: 0; }
.formation-inscription-success { max-width: 860px; margin: 0 auto; }
.formation-inscription-page [data-field-group].d-none,
.formation-inscription-page [data-rgpd-group].d-none,
.formation-inscription-page .js-password-group.d-none { display: none !important; }
.page-container .form-container .btn { border: none; height: 52px; font-size: 16px; font-weight: 500; }
.bloc-image img { max-width: 100%; border-radius: 28px; }
@media (max-width: 991px) {
    .formation-inscription-page { padding: 24px 0 40px; }
}

.header-container {
    padding-bottom: 0 !important;
    margin-bottom: 0;
}

@media (min-width:768px) {
    .bloc-poweredby {
        width: 750px;
    }
}
@media (min-width:992px) {
    .bloc-poweredby {
        width: 970px;
    }
}
@media (min-width:1200px) {
    .bloc-poweredby {
        width: 1170px;
    }
}
@media (max-width:767px) {
    .bloc-poweredby {
        padding: 0 20px;
    }
}


.checkbox,
.radio,
.checkbox + .checkbox,
.radio + .radio {
    padding: 0 !important;
}
.formation-inscription-column-left .form-container .checkbox label {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: var(--color-dark);
    cursor: pointer;
    font-size: 14px;
    padding: 0;
    gap: 8px;
    margin-bottom: 0;
}
.page-container .formation-inscription-column-left .form-container .checkbox div.radio {
    width: 22px;
    height: 22px;
    padding: 0;
    border: none;
    margin: 0;
}
.page-container .formation-inscription-column-left .form-container .checkbox div.checker {
    margin-right: 0;
}
.formation-inscription-column-left .form-container div.radio span {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    padding: 10px;
    border: 1px solid #d4d4d4;
    position: relative;
    background: transparent;
}
.formation-inscription-column-left .form-container .radio input[type=radio] {
    margin: 0;
    width: 22px;
    height: 22px;
}
.page-container .formation-inscription-column-left .form-group .checkbox div.radio span.checked {
    background: white;
    border-radius: 50%;
    box-shadow: none;
}
.formation-inscription-column-left .form-container .radio span.checked:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    width: 11px;
    height: 11px;
    background: #385FEB;
    border: none;
    margin-top: 0;
}

.formation-inscription-column-left .form-container .input-xlarge-icon-select + .select2.select2-container {
    min-width: 100%;
    max-width: 100%;
}

.toggle-password {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #666;
    padding: 0;
    margin: 0;
    line-height: 1;
}