@charset "UTF-8";:host,:root {
    --color--primary: #283276;
    --color--primary-hover: #20285e;
    --color--primary-active: #181e47;
    --color--border: #ccc;
    --ft--contrasted-border-width: 0;
    --ft--contrasted-hidden: block;
    --ft-light-border: #e6e7e8;
    --ft-text-color: #58595b;
    --ft-light-hover-bg: #e6e7e8;
    --ft--toaster-border-width: 0 0 0 0.3125rem;
    --ft--color-error: #a00d10;
    --ft--border-error: #fae3e7;
    --ft--bg-error: #fff6f6;
    --ft--icon-error: var(--ft--color-error);
    --ft--color-success: #275c28;
    --ft--border-success: #dcf0cc;
    --ft--bg-success: #eff7ec;
    --ft--icon-success: var(--ft--color-success);
    --ft--color-warning: #654f29;
    --ft--border-warning: #faebcc;
    --ft--bg-warning: #fdfbee;
    --ft--icon-warning: var(--ft--color-warning);
    --ft--color-info: #005e7d;
    --ft--border-info: #c4ecf5;
    --ft--bg-info: #ecf6fb;
    --ft--icon-info: var(--ft--color-info);
    --ft--color-known-full-weak: #dbe3ff;
    --ft--color-known-full-medium: #c6dddd;
    --ft--color-known-full-default: #406bde;
    --ft--color-known-full-contrasted: #00a59b;
    --ft--color-known-uncomplete-weak: #f0e3fa;
    --ft--color-known-uncomplete-medium: #d1c8e0;
    --ft--color-known-uncomplete-default: #69408c;
    --ft--color-known-uncomplete-contrasted: #482393;
    --ft--stepper-bullet-bg: #939598;
    --ft--stepper-bullet-hover: #6d6f71;
    --ft--stepper-next-bullet-border: #bcbec0;
    --border-radius--btn: 12px;
    --pe-datepicker--day--border-radius: 12px;
    --pe-datepicker--day--bg-hover: #dbe3ff;
    --header-height: 60px
}

@media (prefers-contrast:more) {
    :root {
        --color--primary: #181e47;
        --color--primary-hover: #10142f;
        --color--primary-active: #080a18;
        --ft--contrasted-border-width: 1px;
        --ft--contrasted-hidden: none;
        --ft-light-border: #939598;
        --ft-text-color: #414042;
        --ft-light-hover-bg: #f5f5f5;
        --ft--toaster-border-width: 1px 1px 1px 0.3125rem;
        --ft--border-error: #a00d10;
        --ft--border-success: #275c28;
        --ft--border-warning: #654f29;
        --ft--border-info: #005e7d;
        --ft--icon-error: var(--ft--bg-error);
        --ft--icon-success: var(--ft--bg-success);
        --ft--icon-warning: var(--ft--bg-warning);
        --ft--icon-info: var(--ft--bg-info);
        --ft--stepper-bullet-bg: #58595b;
        --ft--stepper-bullet-hover: #262527;
        --ft--stepper-next-bullet-border: #414042
    }
}

.high-contrast {
    --color--primary: #181e47;
    --color--primary-hover: #10142f;
    --color--primary-active: #080a18;
    --ft--contrasted-border-width: 1px;
    --ft--contrasted-hidden: none;
    --ft-light-border: #939598;
    --ft-text-color: #414042;
    --ft-light-hover-bg: #f5f5f5;
    --ft--toaster-border-width: 1px 1px 1px 0.3125rem;
    --ft--border-error: #a00d10;
    --ft--border-success: #275c28;
    --ft--border-warning: #654f29;
    --ft--border-info: #005e7d;
    --ft--icon-error: var(--ft--bg-error);
    --ft--icon-success: var(--ft--bg-success);
    --ft--icon-warning: var(--ft--bg-warning);
    --ft--icon-info: var(--ft--bg-info);
    --ft--stepper-bullet-bg: #58595b;
    --ft--stepper-bullet-hover: #262527;
    --ft--stepper-next-bullet-border: #414042
}

:root,[data-theme=light] {
    --ft-univers-france-travail-05: #e9e8f1;
    --ft-univers-france-travail-10: #d4d2e3;
    --ft-univers-france-travail-20: #aaa6c7;
    --ft-univers-france-travail-30: #807dac;
    --ft-univers-france-travail-40: #565691;
    --ft-univers-france-travail-50: #283276;
    --ft-univers-france-travail-60: #1b2256;
    --ft-univers-france-travail-70: #0f1438;
    --ft-univers-france-travail-80: #04071c;
    --ft-univers-france-travail-90: #010105;
    --ft-univers-france-travail-95: #000104;
    --ft-brand-primary: #283276;
    --ft-brand-blue: #008ecf;
    --ft-brand-red: #e1000f;
    --ft-brand-pink: #f29fc5;
    --ft-brand-yellow: #ffe000;
    --ft-rp-primary: #000;
    --ft-rp-blue: #000091;
    --ft-rp-red: #e1000f;
    --ft-rp-grey: gray;
    --ft-neutral-white: #fff;
    --ft-neutral-gray-05: #f5f5f8;
    --ft-neutral-gray-10: #e6e7ec;
    --ft-neutral-gray-20: #cdcfd8;
    --ft-neutral-gray-30: #b5b8c5;
    --ft-neutral-gray-40: #9ea2b3;
    --ft-neutral-gray-50: #878ba0;
    --ft-neutral-gray-60: #71768e;
    --ft-neutral-gray-70: #575d7d;
    --ft-neutral-gray-80: #484d6b;
    --ft-neutral-gray-90: #34395a;
    --ft-neutral-gray-95: #222649;
    --ft-neutral-black: #121437;
    --ft-decorative-white: #fff;
    --ft-decorative-white-10: #fafaf7;
    --ft-decorative-white-20: #f5f2ee;
    --ft-decorative-white-30: #e6e1d8;
    --ft-decorative-yellow-10: #fff0c7;
    --ft-decorative-yellow-20: #ffde8c;
    --ft-decorative-yellow-30: #ffcc52;
    --ft-decorative-yellow-50: #df6e00;
    --ft-decorative-red-10: #fad9d6;
    --ft-decorative-red-20: #f5a39e;
    --ft-decorative-red-30: #eb6366;
    --ft-decorative-red-50: #d92424;
    --ft-decorative-pink-10: #fce5f2;
    --ft-decorative-pink-20: #f0c9de;
    --ft-decorative-pink-30: #eb94c2;
    --ft-decorative-pink-50: #5c0f38;
    --ft-decorative-purple-10: #f0e3fa;
    --ft-decorative-purple-20: #d9c9e5;
    --ft-decorative-purple-30: #69408c;
    --ft-decorative-purple-50: #293378;
    --ft-decorative-blue-10: #dbe3ff;
    --ft-decorative-blue-20: #b0bff0;
    --ft-decorative-blue-30: #406bde;
    --ft-decorative-blue-50: #0d1440;
    --ft-feedback-green-05: #ecfdf3;
    --ft-feedback-green-10: #d9f6e8;
    --ft-feedback-green-30: #96e9c2;
    --ft-feedback-green-40: #09aa5f;
    --ft-feedback-green-50: #12b76a;
    --ft-feedback-green-60: #06884b;
    --ft-feedback-red-05: #ffeceb;
    --ft-feedback-red-10: #f8dcda;
    --ft-feedback-red-40: #f04438;
    --ft-feedback-red-50: #ba251a;
    --ft-feedback-red-60: #91170e;
    --ft-feedback-orange-05: #fffcf3;
    --ft-feedback-orange-10: #fffaeb;
    --ft-feedback-orange-30: #fbcd90;
    --ft-feedback-orange-50: #f79009;
    --ft-feedback-orange-60: #b96a01;
    --ft-feedback-blue-05: #eff4ff;
    --ft-feedback-blue-10: #dde8fe;
    --ft-feedback-blue-30: #9bf;
    --ft-feedback-blue-50: #2970ff;
    --ft-feedback-blue-60: #0b43b5;
    --ft-info-blue-05: #eff4ff;
    --ft-info-blue-10: #dfe9ff;
    --ft-info-blue-30: #2970ff;
    --ft-info-blue-50: #0b43b4;
    --ft-info-blue-60: #043392;
    --ft-link-link-normal: #157993;
    --ft-link-link-visited: #69408c;
    --ft-skills-savoir-faire: #0573e1;
    --ft-skills-savoirs: #154474;
    --ft-skills-autres-savoirs: #d46b99;
    --ft-skills-savoir-etre: #3d7f69;
    --ft-skills-langue: #9564a8;
    --ft-skills-permis: #746acb;
    --ft-skills-locomotion: #9b6a22;
    --ft-known-full-weak: #dbe3ff;
    --ft-known-full-default: #406bde;
    --ft-known-uncomplete-weak: #f0e3fa;
    --ft-known-uncomplete-default: #69408c;
    --ft-spacer-spacer-xxs: 2px;
    --ft-spacer-spacer-xs1: 4px;
    --ft-spacer-spacer-xs2: 8px;
    --ft-spacer-spacer-s1: 12px;
    --ft-spacer-spacer-s2: 16px;
    --ft-spacer-spacer-m1: 20px;
    --ft-spacer-spacer-m2: 24px;
    --ft-spacer-spacer-l1: 32px;
    --ft-spacer-spacer-l2: 40px;
    --ft-spacer-spacer-l3: 48px;
    --ft-spacer-spacer-l4: 64px;
    --ft-spacer-spacer-xl: 80px;
    --ft-button-button-padding-s: 6px;
    --ft-button-button-padding-m: 8px;
    --ft-button-button-padding-l: 12px;
    --ft-form-input-padding-x: 8px;
    --ft-form-input-padding-y: 8px;
    --ft-form-button-padding-x-l: 8px;
    --ft-form-button-padding-y-l: 12px;
    --ft-radius-radius-s: 4px;
    --ft-radius-radius-m: 8px;
    --ft-radius-radius-l: 12px;
    --ft-radius-radius-xl: 100px;
    --ft-radius-button-s: 100px;
    --ft-radius-button-m: 100px;
    --ft-radius-form-radius-default: 4px;
    --ft-radius-checkbox-radius-default: 2px;
    --ft-radius-box-radius-default: 4px;
    --ft-radius-statut-radius-default: 100px;
    --ft-breakpoints-template-xxs: 390px;
    --ft-breakpoints-template-xs: 480px;
    --ft-breakpoints-template-sm: 640px;
    --ft-breakpoints-template-md: 960px;
    --ft-breakpoints-template-lg: 1280px;
    --ft-breakpoints-template-xl: 1440px;
    --ft-breakpoints-content-xs: 390px;
    --ft-breakpoints-content-sm: 860px;
    --ft-breakpoints-content-md: 1168px;
    --ft-breakpoints-content-lg: 1440px;
    --ft-breakpoints-sidebar-sm: 240px;
    --ft-breakpoints-sidebar-md: 360px;
    --ft-breakpoints-sidebar-lg: 480px;
    --ft-breakpoints-modal-sm: 300px;
    --ft-breakpoints-modal-md: 480px;
    --ft-breakpoints-modal-lg: 640px;
    --ft-breakpoints-modal-xl: 1168px;
    --ft-breakpoints-panel-xs: 360px;
    --ft-breakpoints-panel-sm: 720px;
    --ft-breakpoints-panel-md: 960px
}

[type=checkbox]:checked,[type=checkbox]:not(:checked),[type=radio]:checked,[type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.input-group-addon [type=checkbox]:checked,.input-group-addon [type=checkbox]:not(:checked),.input-group-addon [type=radio]:checked,.input-group-addon [type=radio]:not(:checked) {
    position: static;
    left: 0
}

[type=checkbox]+.wrapper-label label,[type=checkbox]+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    display: inline-block;
    font-weight: 400
}

[type=checkbox]+.wrapper-label label:before,[type=checkbox]+label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    z-index: 0;
    border: 2px solid #878ba0;
    border-radius: 1px;
    margin-top: 2px;
    transition: .2s
}

[type=checkbox]+.wrapper-label label:after,[type=checkbox]+.wrapper-label label:before,[type=checkbox]+label:after,[type=checkbox]+label:before {
    content: "";
    top: 1px;
    left: 2px;
    position: absolute;
    transition: border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;
    z-index: 1
}

[type=checkbox]:not(:checked)+.wrapper-label label:before,[type=checkbox]:not(:checked)+label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    transform: rotate(37deg);
    transform-origin: 100% 100%
}

[type=checkbox]:not(:checked)+.wrapper-label label:after,[type=checkbox]:not(:checked)+label:after {
    height: 16px;
    width: 16px;
    background: #fff;
    border: 1px solid #878ba0;
    border-radius: 4px;
    z-index: 0
}

[type=checkbox]:checked+.wrapper-label label:before,[type=checkbox]:checked+label:before {
    top: 1px;
    left: 3px;
    width: 7px;
    height: 10px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(37deg);
    transform-origin: 100% 100%
}

[type=checkbox]:checked+.wrapper-label label:after,[type=checkbox]:checked+label:after {
    width: 16px;
    height: 16px;
    border: 1px solid #283276;
    background-color: #283276;
    z-index: 0;
    border-radius: 4px
}

.candidat [type=checkbox]:checked+.wrapper-label label:after,.candidat [type=checkbox]:checked+label:after,.entreprise [type=checkbox]:checked+.wrapper-label label:after,.entreprise [type=checkbox]:checked+label:after {
    border-color: #283276;
    background-color: #283276
}

[type=checkbox]:disabled+.wrapper-label label:after,[type=checkbox]:disabled+label:after {
    background-color: #e6e7ec;
    border-color: #b5b8c5
}

[type=checkbox]:disabled:checked+.wrapper-label label:after,[type=checkbox]:disabled:checked+label:after {
    background-color: #878ba0;
    border-color: #878ba0
}

[type=checkbox]:disabled:checked+.wrapper-label label:before,[type=checkbox]:disabled:checked+label:before {
    border-right-color: #e6e7ec;
    border-bottom-color: #e6e7ec
}

[type=checkbox]:disabled+.wrapper-label label,[type=checkbox]:disabled+label {
    cursor: default
}

[type=radio]:checked+.wrapper-label label,[type=radio]:checked+label,[type=radio]:not(:checked)+.wrapper-label label,[type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    display: inline-block;
    transition: .28s ease
}

[type=radio]+.wrapper-label label:after,[type=radio]+.wrapper-label label:before,[type=radio]+label:after,[type=radio]+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    margin: 0 0 0 2px;
    width: 16px;
    height: 16px;
    z-index: 0;
    background: #fff;
    transition: transform .28s ease
}

[type=radio]:not(:checked)+.wrapper-label label:before,[type=radio]:not(:checked)+label:before {
    border-radius: 50%;
    border: 1px solid #878ba0
}

[type=radio]:not(:checked)+.wrapper-label label:after,[type=radio]:not(:checked)+label:after {
    border-radius: 50%;
    border: 1px solid #5a5a5a;
    z-index: -1;
    transform: scale(0)
}

[type=radio]:checked+.wrapper-label label:before,[type=radio]:checked+label:before {
    border-radius: 50%;
    border: 1px solid #283276
}

[type=checkbox]:focus+.wrapper-label label:after,[type=checkbox]:focus+label:after,[type=radio]:focus:checked+.wrapper-label label:before,[type=radio]:focus:checked+label:before,[type=radio]:focus:not(:checked)+.wrapper-label label:before,[type=radio]:focus:not(:checked)+label:before {
    outline: thin dotted #000;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 0
}

.with-checked-bg [type=radio]:focus:checked+.wrapper-label label:before,.with-checked-bg [type=radio]:focus:checked+label:before,.with-checked-bg [type=radio]:focus:not(:checked)+.wrapper-label label:before,.with-checked-bg [type=radio]:focus:not(:checked)+label:before {
    outline: none
}

[type=radio]:checked+.wrapper-label label:after,[type=radio]:checked+label:after {
    border-radius: 50%;
    border: 1px solid #283276;
    background-color: #283276;
    z-index: 0;
    transform: scale(.5)
}

.entreprise [type=radio]:checked+.wrapper-label label:after,.entreprise [type=radio]:checked+label:after {
    border-color: #283276;
    background-color: #283276
}

.entreprise [type=radio]:checked+.wrapper-label label:before,.entreprise [type=radio]:checked+label:before {
    border: 1px solid #283276
}

.candidat [type=radio]:checked+.wrapper-label label:after,.candidat [type=radio]:checked+label:after {
    border-color: #283276;
    background-color: #283276
}

.candidat [type=radio]:checked+.wrapper-label label:before,.candidat [type=radio]:checked+label:before {
    border: 1px solid #283276
}

[type=radio]:disabled+.wrapper-label label:after,[type=radio]:disabled+.wrapper-label label:before,[type=radio]:disabled+label:after,[type=radio]:disabled+label:before {
    background: #e6e7ec;
    border-color: #878ba0
}

[type=radio]:disabled+.wrapper-label label:after,[type=radio]:disabled+label:after {
    background-color: #b5b8c5
}

[type=checkbox]:checked+.wrapper-label label,[type=checkbox]:checked+label,[type=radio]:checked+.wrapper-label label,[type=radio]:checked+label {
    font-weight: 700
}

[type=checkbox]:disabled+.wrapper-label label,[type=checkbox]:disabled+label,[type=radio]:disabled+.wrapper-label label,[type=radio]:disabled+label {
    color: #878ba0
}

.with-checked-bg [type=checkbox]:checked+.wrapper-label label,.with-checked-bg [type=checkbox]:checked+label,.with-checked-bg [type=radio]:checked+.wrapper-label label,.with-checked-bg [type=radio]:checked+label {
    background: #e4e4e4
}

.with-checked-bg [type=checkbox]:focus+.wrapper-label label,.with-checked-bg [type=checkbox]:focus+label,.with-checked-bg [type=radio]:focus+.wrapper-label label,.with-checked-bg [type=radio]:focus+label {
    background: #e4e4e4;
    outline: thin dotted!important;
    outline: 3px auto -webkit-focus-ring-color!important;
    outline-offset: -2px
}

.with-checked-bg [type=checkbox]+.wrapper-label label,.with-checked-bg [type=checkbox]+label,.with-checked-bg [type=radio]+.wrapper-label label,.with-checked-bg [type=radio]+label {
    background: transparent;
    border-radius: 4px;
    padding: 8px 16px 8px 32px
}

.with-checked-bg [type=checkbox]+.wrapper-label label:after,.with-checked-bg [type=checkbox]+.wrapper-label label:before,.with-checked-bg [type=checkbox]+label:after,.with-checked-bg [type=checkbox]+label:before,.with-checked-bg [type=radio]+.wrapper-label label:after,.with-checked-bg [type=radio]+.wrapper-label label:before,.with-checked-bg [type=radio]+label:after,.with-checked-bg [type=radio]+label:before {
    left: 7px;
    top: 9px
}

.with-checked-bg .checkbox {
    margin-top: 8px;
    margin-bottom: 8px
}

.checked-block [type=radio]:not(:checked)+.wrapper-label label,.checked-block [type=radio]:not(:checked)+label {
    padding: 10px 15px 10px 40px
}

.checked-block [type=radio]:checked+.wrapper-label label,.checked-block [type=radio]:checked+label {
    padding-left: 40px
}

.checked-block label {
    display: block!important;
    border: 2px solid transparent;
    border-radius: 4px;
    transition: border .3s;
    padding: 10px 15px 10px 40px
}

.checked-block input:focus+.wrapper-label label,.checked-block input:focus+label,.checked-block label:hover {
    border: 2px solid #cdcfd8
}

.checked-block input:checked+.wrapper-label label,.checked-block input:checked+label {
    border: 2px solid #283276
}

.checked-block [type=radio]+.wrapper-label label:after,.checked-block [type=radio]+.wrapper-label label:before,.checked-block [type=radio]+label:after,.checked-block [type=radio]+label:before {
    left: 10px;
    top: 50%
}

.checked-block [type=radio]+.wrapper-label label:before,.checked-block [type=radio]+label:before {
    transform: translateY(-50%)
}

.checked-block [type=radio]+.wrapper-label label:after,.checked-block [type=radio]+label:after {
    transform: translateY(-50%) scale(.5)
}

.candidat .checked-block input:checked+.wrapper-label label,.candidat .checked-block input:checked+label,.entreprise .checked-block input:checked+.wrapper-label label,.entreprise .checked-block input:checked+label {
    border: 2px solid #283276
}

.checkbox.with-help,.radio.with-help {
    padding-left: 25px
}

.checkbox.with-help label,.radio.with-help label {
    display: inline;
    padding-left: 0;
    position: static
}

.modal-details,.modal-side {
    padding: 0!important
}

.modal-details.in .modal-dialog,.modal-side.in .modal-dialog {
    margin-right: 0
}

.modal-details.in .modal-dialog .modal-content,.modal-side.in .modal-dialog .modal-content {
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.modal-details .modal-dialog,.modal-side .modal-dialog {
    width: 60%;
    transition: margin .3s ease-out;
    margin: 0 -150px 0 auto;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.35);
    min-height: 100%;
    position: relative
}

.modal-details .modal-content-container,.modal-side .modal-content-container {
    margin-left: 0
}

.modal-details .modal-content {
    padding: 0 30px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none
}

.modal-details .modal-header {
    background: #fff;
    padding: 32px 0;
    position: relative
}

.modal-details .modal-footer {
    border: none;
    text-align: left;
    padding: 32px 0;
    position: relative
}

.modal-details .modal-footer .modal-details-close,.modal-details .modal-footer .modal-details-pager {
    top: 15px
}

.modal-details .modal-footer .icon-close,.modal-details .modal-header .icon-close {
    display: none
}

.modal-details .pagination-number {
    color: #737679;
    font-family: Marianne,system-ui,sans-serif!important;
    font-size: 14px;
    font-size: .875rem;
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block
}

.modal-details .pagination-number strong {
    color: #565d63;
    margin-right: 3px
}

.modal-details .btn-group .facebook {
    color: #597ac7;
    background: none
}

.modal-details .btn-group .twitter {
    color: #5cbcee;
    background: none
}

.modal-details .btn-group .linkedin {
    color: #1781b3;
    background: none
}

.modal-details .btn-group .viadeo {
    color: #f07355;
    background: none
}

.modal-details .btn-group .google-plus {
    color: #d54a35;
    background: none
}

.modal-details .btn-group a:active span {
    color: #fff!important
}

.modal-details .modal-details-close {
    position: absolute;
    right: 0;
    top: 32px
}

.modal-details .modal-details-pager,.modal-details .modal-details-params {
    position: absolute;
    right: 90px;
    top: 32px;
    border-right: 1px solid #e5e5e5;
    padding-right: 10px
}

.modal-details .modal-details-pager [class*=icon-],.modal-details .modal-details-params [class*=icon-] {
    margin: 0
}

.modal-details .modal-details-pager .btn-group,.modal-details .modal-details-params .btn-group {
    margin-right: 5px
}

.modal-details .modal-body {
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    min-height: 800px
}

.modal-details-open .modal-backdrop {
    opacity: .3
}

.modal-details-apply.modal-details .modal-dialog {
    margin-right: 400px
}

.modal-backdrop+.modal-backdrop {
    display: none
}

.modal-apply {
    position: absolute;
    right: -400px;
    top: 0;
    bottom: 0;
    background: #f8f8f8;
    border-left: 1px solid #dedede;
    width: 400px;
    transition: right .3s ease-out;
    padding: 30px;
    box-shadow: inset 0 0 40px rgba(0,0,0,.03)
}

.modal-apply hr {
    border-color: #dedede
}

.modal-apply .radio-inline {
    padding-left: 0
}

.modal-apply .apply-header {
    padding: 11px 0 27px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 20px
}

.modal-apply .apply-header .btn {
    margin-right: 10px
}

.modal-apply .title {
    display: inline-block;
    height: 30px;
    vertical-align: sub;
    font-size: 24px;
    font-size: 1.5rem
}

.modal-apply .subtitle {
    font-weight: 700;
    margin-top: 20px
}

.modal-apply .apply-block {
    background: #fff;
    border-radius: 8px;
    padding: 15px 20px;
    box-shadow: 0 0 6px rgba(0,0,0,.15);
    margin: 10px 0 30px
}

.modal-apply .apply-block dd:last-child,.modal-apply .apply-block dl {
    margin: 0
}

.modal-apply .btn-container {
    padding: 10px 0
}

.modal-apply .btn-sm {
    padding: 5px 15px
}

.modal-apply .btn-container .btn {
    min-width: 90px
}

.modal-apply .block-info {
    max-width: 450px;
    padding-left: 60px;
    box-shadow: 0 0 6px rgba(0,0,0,.15)
}

.modal-apply .block-info .icon-plus-close,.modal-apply .block-info .icon-success {
    left: 15px;
    top: 30px
}

.modal-apply .block-info .info-details {
    font-size: 11px;
    font-size: .6875rem
}

.apply-block,.description-aside {
    word-wrap: break-word
}

@media only screen and (max-width: 1201px) {
    .modal-details .modal-dialog,.modal-side .modal-dialog {
        width:70%
    }
}

@media only screen and (max-width: 1024px) {
    .modal-details .modal-dialog,.modal-side .modal-dialog {
        margin-top:0;
        width: 100%!important;
        transition: opacity .3s ease-out;
        opacity: 0
    }

    .modal-details.in .modal-dialog,.modal-side.in .modal-dialog {
        opacity: 1
    }

    .modal-details .modal-content {
        padding: 0 15px
    }

    .modal-details .modal-content-container {
        margin-left: 0;
        transition: margin .3s ease-out,padding .3s ease-out
    }

    .modal-details .modal-header {
        background: #f9f9f9;
        margin-left: -30px;
        margin-right: -30px;
        padding-bottom: 0
    }

    .modal-details .modal-header .modal-details-close {
        top: 15px!important;
        right: 32px
    }

    .modal-details .modal-header .modal-details-pager {
        top: 15px!important;
        left: 32px;
        border-right: none
    }

    .modal-details .modal-header .btn-actions-details {
        margin-top: 27px;
        padding: 20px 0 20px 30px;
        background: #fff;
        border-top: 1px solid #e8e8e8
    }

    .modal-details .modal-footer {
        background: #f9f9f9;
        margin-left: -30px;
        margin-right: -30px
    }

    .modal-details .modal-footer .modal-details-close {
        bottom: 15px!important;
        top: auto;
        right: 32px
    }

    .modal-details .modal-footer .modal-details-pager {
        bottom: 15px!important;
        top: auto;
        left: 32px
    }

    .modal-details .modal-footer .btn-actions-details {
        margin-bottom: 62px;
        padding: 20px 0 20px 30px;
        background: #fff;
        border-bottom: 1px solid #e8e8e8
    }

    .modal-details .modal-apply {
        width: 100%!important;
        right: -100%;
        padding: 10px 20px
    }

    .modal-details .apply-block {
        max-width: 450px
    }

    .modal-details .modal-apply .apply-header {
        padding: 11px 0 10px
    }

    .modal-details .modal-apply .title-reminder {
        padding-top: 20px
    }
}

@media only screen and (max-width: 991px) {
    body.modal-details-open .main-nav {
        z-index:1
    }

    .modal-details-apply .modal-content {
        margin-right: 0!important
    }

    .modal-details-apply .modal-content-container {
        margin-left: -100%;
        padding-right: 100%
    }

    .modal-details-apply .modal-apply {
        right: 0!important
    }
}

@media only screen and (max-width: 768px) {
    .modal-details .modal-body .description {
        box-shadow:none
    }

    .modal-details .modal-body .description-aside {
        margin-top: 15px;
        box-shadow: none;
        padding-top: 20px;
        border-top: 1px solid #e5e5e5
    }

    .modal-details .modal-body .subtitle {
        margin-top: 10px
    }
}

@media only screen and (max-width: 640px) {
    .modal-details .btn-actions-details .btn {
        white-space:normal;
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 479px) {
    .modal-apply .title,.modal-apply .title-reminder {
        font-size:18px;
        font-size: 1.125rem
    }
}

@media only screen and (max-width: 375px) {
    .modal-details .media .btn:not(.btn-icon-only),.modal-details .media .disabled-container,.modal-details .modal-apply .btn:not(.btn-icon-only),.modal-details .modal-apply .disabled-container {
        padding:8px 16px;
        margin-bottom: 15px;
        width: 100%
    }

    .modal-details .media .disabled-container,.modal-details .modal-apply .disabled-container {
        padding: 0
    }

    .modal-details .media .btn+.btn,.modal-details .modal-apply .btn+.btn {
        margin-left: 0
    }
}

@media print {
    .modal-details-open:not(.standalone) {
        overflow: visible
    }

    .modal-details-open:not(.standalone) main {
        padding: 0!important
    }

    .modal-details-open:not(.standalone) .footer,.modal-details-open:not(.standalone) .heading,.modal-details-open:not(.standalone) .main-nav,.modal-details-open:not(.standalone) .modal-footer,.modal-details-open:not(.standalone) .modal-header,.modal-details-open:not(.standalone) .panel-center,.modal-details-open:not(.standalone) .panel-left,.modal-details-open:not(.standalone) main .container-fluid {
        display: none!important
    }

    .modal-details-open:not(.standalone) .modal-apply {
        position: static!important;
        border-left: none!important;
        padding: 0 15px!important;
        width: auto!important
    }

    .modal-details-open:not(.standalone) .modal-apply .apply-block {
        border: 1px solid #ddd!important
    }

    .modal-details-open:not(.standalone) .modal-details {
        overflow: hidden
    }

    .modal-details-open.standalone .block-actions.sticky-container,.modal-details-open.standalone .footer,.modal-details-open.standalone .panel-right,.modal-details-open.standalone header.header {
        display: none!important
    }
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.see-more-title-not-collapsed {
    display: inline
}

.collapsed .see-more-title-not-collapsed,.see-more-title-collapsed {
    display: none
}

.collapsed .see-more-title-collapsed {
    display: inline
}

.container-wrapper .container h1 {
    display: block
}

.intro .t4 {
    margin-bottom: 15px
}

.t3 {
    margin: 10px 0 20px
}

.with-margin-top {
    margin-top: 15px
}

.with-padding {
    padding: 20px 15px
}

.with-padding * {
    margin: 0
}

.block-reclamations {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: row;
    grid-gap: 15px;
    margin-bottom: 30px
}

@media (min-width: 64rem) {
    .block-reclamations {
        grid-auto-columns:minmax(0,1fr);
        grid-auto-flow: column
    }
}

.block-reclamations .block-reclamation {
    width: 100%;
    background-color: #f5f5f8;
    border-radius: 5px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1024px) {
    .block-reclamations .block-reclamation {
        max-width:500px;
        margin: 0 auto;
        margin-top: 15px
    }
}

.block-reclamations .block-reclamation.with-question-mark {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px;
    background-color: var(--ft-decorative-yellow-10)
}

.block-reclamations .block-reclamation.with-question-mark,.block-reclamations .block-reclamation.with-question-mark p {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.block-reclamations .block-reclamation h3 {
    margin: 30px 0
}

.block-reclamations .block-reclamation .reclamation-content {
    padding: 0 20px;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

@media (max-width: 1024px) {
    .block-reclamations .block-reclamation .reclamation-content {
        max-width:400px;
        margin: 0 auto
    }
}

.block-reclamations .block-reclamation .btn-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 80px;
    margin-bottom: 0
}

.block-reclamations .block-reclamation .btn-container .text-link {
    margin-top: 15px
}

.block-reclamations.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row
}

@media (max-width: 48rem) {
    .block-reclamations.row {
        -ms-flex-flow:column wrap;
        flex-flow: column wrap
    }
}

.block-reclamation {
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 48rem) {
    .block-reclamation {
        -ms-flex-direction:column;
        flex-direction: column
    }
}

.block-history {
    background-color: #f5f5f8;
    border: 1px solid #e6e7ec;
    border-radius: 5px;
    margin-bottom: 30px
}

button[data-toggle=collapse],button[data-toggle=more] {
    position: relative
}

button[data-toggle=collapse] [class^=icon-],button[data-toggle=more] [class^=icon-] {
    position: absolute;
    right: -16px;
    top: 3px
}

button[data-toggle=collapse][aria-expanded=true] [class^=icon-],button[data-toggle=more][aria-expanded=true] [class^=icon-] {
    transform: rotate(180deg)
}

.history {
    position: relative
}

.history.collapsing:before,.history:before {
    content: "";
    position: absolute;
    top: -1rem;
    right: calc(50% - 18px);
    width: 32px;
    height: 32px;
    background-color: #f5f5f8;
    border-color: #e6e7ec;
    border-style: solid;
    border-top-left-radius: 4px;
    transform: rotate(45deg);
    border-left-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 0;
    border-right-width: 0;
    border-right-color: transparent;
    border-bottom-color: transparent
}

@media (min-width: 64rem) {
    .history.collapsing:before,.history:before {
        right:calc(33.332% - 16.5% - 32px)
    }
}

.history-reclamations {
    padding: 20px 15px
}

.history-reclamations .t4 {
    margin-bottom: 30px
}

.list-with-dots li {
    position: relative;
    padding-left: 1rem;
    margin-bottom: 10px
}

.list-with-dots li:before {
    position: absolute;
    content: "";
    background-color: #283276;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    left: 0;
    top: 4px
}

.btn-container {
    margin: 15px 0 40px
}

.liste-reclamations:before {
    content: "";
    width: 1px;
    display: block;
    position: absolute;
    left: 95px;
    top: 0;
    bottom: 0;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    z-index: 1
}

@media (max-width: 48rem) {
    .liste-reclamations:before {
        display:none
    }
}

.liste-reclamations {
    position: relative;
    margin-bottom: 30px
}

.liste-reclamations li {
    margin-bottom: 15px;
    position: relative
}

@media (max-width: 48rem) {
    .liste-reclamations li {
        padding-top:15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #e6e7ec
    }
}

.liste-reclamations li:before {
    content: "";
    height: 12px;
    width: 12px;
    background-color: #dfdfdf;
    display: block;
    position: absolute;
    left: 90px;
    top: 20px;
    border-radius: 50%;
    z-index: 2
}

@media (max-width: 48rem) {
    .liste-reclamations li:before {
        display:none
    }
}

.liste-reclamations li:last-child {
    margin-bottom: 0
}

.liste-reclamations .media {
    overflow: unset
}

@media (max-width: 48rem) {
    .liste-reclamations .media {
        display:block;
        margin-bottom: 15px
    }
}

.liste-reclamations .media-left {
    padding-right: 40px
}

@media (max-width: 48rem) {
    .liste-reclamations .media-left {
        display:block
    }
}

.liste-reclamations .media-left .block-info-date {
    width: 75px;
    text-align: right
}

@media (max-width: 48rem) {
    .liste-reclamations .media-left .block-info-date {
        width:100%;
        text-align: left;
        margin-bottom: 15px
    }
}

.liste-reclamations .media-left .block-info-date span {
    display: block;
    color: #737373;
    text-transform: uppercase;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 300
}

@media (max-width: 48rem) {
    .liste-reclamations .media-left .block-info-date span {
        display:inline-block;
        margin-right: 2px
    }
}

.liste-reclamations .media-left .block-info-date span.jour {
    font-weight: 600
}

.liste-reclamations .media-body {
    background: #fff;
    padding: 10px 20px;
    border-radius: 8px;
    overflow: unset
}

@media (max-width: 48rem) {
    .liste-reclamations .media-body {
        display:block;
        width: 100%;
        margin-bottom: 15px
    }
}

.liste-reclamations .media-body .info-more p {
    white-space: pre-wrap;
    word-break: break-word
}

.liste-reclamations .media-body .block-info {
    position: relative;
    margin-bottom: 10px
}

.liste-reclamations .media-body .block-info .info-actions,.liste-reclamations .media-body .block-info .info-details {
    display: table-cell;
    vertical-align: middle
}

.liste-reclamations .media-body .block-info .t4 {
    font-size: 15px;
    font-size: .9375rem;
    margin: 5px auto;
    font-weight: 500;
    margin-bottom: 5px
}

.liste-reclamations .media-body .block-info:before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border: 1px solid #979797;
    border-radius: 15px;
    z-index: 1
}

.liste-reclamations .media-right {
    min-width: 240px
}

@media (max-width: 48rem) {
    .liste-reclamations .media-right {
        width:100%;
        display: block
    }
}

.see-more {
    text-align: center;
    margin: 0 -20px;
    padding: 3px 0 0;
    border-top: 1px solid #e4e4e4
}

.see-more span {
    margin: 0 5px;
    vertical-align: middle;
    display: inline-block
}

.see-more button {
    margin-top: 4px;
    padding-left: 0;
    background: none;
    border: none;
    font-family: Marianne,system-ui,sans-serif!important;
    width: 100%;
    text-transform: none;
    font-size: inherit;
    margin-top: -4px;
    margin-bottom: -10px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 8px
}

.see-more button:focus:focus-visible,.see-more button:hover {
    background-color: #e6e7ec
}

.state {
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -ms-flex-align: center;
    align-items: center;
    inset-block-end: 2px;
    margin-left: 8px;
    padding: 8px;
    border-radius: 8px;
    color: #2e2e31
}

.state,.state .state-text {
    position: relative;
    font-weight: 500
}

.state .state-text {
    margin-bottom: 0;
    margin-left: 1px;
    color: #fff;
    background: url(../img/icone-check.svg) no-repeat;
    background-position: 0;
    background-size: contain;
    font-family: Marianne,system-ui,sans-serif!important;
    vertical-align: text-bottom;
    border-radius: 50px;
    padding: 2px 6px 2px 23px
}

.state.state-1 {
    background-color: var(--ft-feedback-green-10)
}

.state.state-1 [class^=icon-] {
    color: var(--ft-feedback-green-40)
}

.state.state-2 {
    background-color: var(--ft-info-blue-10)
}

.state.state-2 [class^=icon-] {
    color: var(--ft-feedback-blue-50)
}

.state.state-3 {
    background-color: var(--Color-Background-Warning-default-weaker,#f8f0d6)
}

.state.state-3 [class^=icon-] {
    color: var(--ft-feedback-orange-50)
}

.media-left.media-icon {
    padding-right: 20px
}

.bubble {
    display: inline-block;
    background: #f5f5f8;
    border-radius: 7px;
    padding: 15px;
    color: #58595b;
    margin-bottom: 20px;
    position: relative
}

.bubble:before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: 25px;
    left: -4px;
    box-sizing: border-box;
    border-width: 8px;
    border-color: transparent transparent #f5f5f8 #f5f5f8;
    transform: rotate(45deg);
    z-index: 1
}

.media.media-bubble .media-body {
    overflow: unset
}

.block-bg-grey {
    margin: 0;
    background: #f5f5f8;
    border-radius: 5px;
    padding: 15px
}

@media screen and (min-width: 768px) {
    .block-bg-grey {
        padding:30px 15px;
        margin: inherit
    }
}

.speech-bubble {
    position: relative;
    padding: 14px;
    background: #f5f5f5;
    color: #414042;
    border-radius: 5px;
    border: 1px solid #ededed
}

.speech-bubble:after,.speech-bubble:before {
    content: "";
    position: absolute;
    border-style: solid;
    width: 0;
    display: block
}

.speech-bubble:before {
    border-width: 16px 16px 16px 0;
    border-color: transparent #ededed;
    z-index: 0;
    left: -16px;
    top: 17px
}

.speech-bubble:after {
    border-width: 15px 15px 15px 0;
    border-color: transparent #f5f5f5;
    z-index: 1;
    left: -15px;
    top: 18px
}

.speech-bubble.speech-bubble-with-perso {
    margin-top: 20px
}

.speech-bubble.speech-bubble-one-line:before {
    top: 7px
}

.speech-bubble.speech-bubble-one-line:after {
    top: 8px
}

.list-with-grey-markers {
    list-style-type: none
}

.list-with-grey-markers li {
    position: relative;
    margin: .5rem 0
}

.list-with-grey-markers li:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: 6px;
    left: -12px;
    background-color: #9ea2b3;
    width: 4px;
    height: 4px;
    border-radius: 4px
}

.alert {
    border-width: 0
}

.alert p:last-child {
    margin-bottom: 0
}

.alert.alert-error {
    background-color: #f2dede;
    color: #a94442
}

.alert.alert-info {
    background-color: #ecf6fb;
    color: #005e7d
}

.alert.alert-info .text-link {
    color: inherit
}

.alert.alert-danger {
    color: #a00d10;
    background: #fff6f6
}

.alert.with-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 15px
}

.alert.with-icon .icon-container {
    display: inline-block;
    margin-right: 15px;
    font-size: 20px;
    font-size: 1.25rem;
    height: 37px;
    width: 37px
}

.alert.with-icon .icon-container [class^=icon-] {
    margin: 8px;
    display: inline-block
}

.alert.with-icon.alert-danger .icon-container {
    background: #fae3e7
}

.alert.with-icon.alert-info .emphasis {
    color: #005e7d
}

.alert .with-checked-bg [type=checkbox]:checked+label,.alert .with-checked-bg [type=checkbox]:focus+label {
    background-color: #d6e9f1
}

.row>.speech-bubble {
    margin-left: 30px;
    margin-right: 15px;
    width: auto
}

@media (min-width: 1024px) {
    .row>.speech-bubble {
        max-width:66%
    }
}

.t4 strong {
    font-weight: 500
}

.with-indent {
    border-left: 1px solid #cdcfd8;
    padding-left: 20px
}

.section-block {
    margin-bottom: 30px
}

.section-block-form {
    background-color: #f5f5f7;
    border-radius: 3px
}

.section-block-form .t5 {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 20px
}

.section-block-form .block-form:not(.mini) {
    border-radius: 0;
    background-color: unset
}

.section-block-form .block-form:not(.mini)~.block-form:not(:last-of-type) {
    padding-top: 0;
    padding-bottom: 0
}

.section-block .alert {
    margin: 15px 0;
    padding: 20px;
    font-size: 14px;
    font-size: .875rem
}

.section-block .alert [class^=icon-] {
    font-size: 28px;
    font-size: 1.75rem;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 10px
}

.block-form {
    background-color: #f5f5f7;
    position: relative;
    padding: 20px;
    margin: 15px 0;
    border-radius: 12px
}

.block-form.mini {
    background-color: #fff;
    padding: 10px 15px
}

.block-form.mini .media {
    position: relative
}

.block-form.mini .media,.block-form.mini .media-body {
    overflow: unset
}

.block-form.mini .text-link:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: calc(100% - 48px);
    height: 100%
}

.block-form.mini .text-link:focus:focus-visible {
    outline: none
}

.block-form.mini .text-link:focus:focus-visible:before {
    outline-offset: 1px;
    outline: 5px auto -webkit-focus-ring-color
}

.block-form.mediateur {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.block-form.mediateur h2 {
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 16px
}

.block-form.mediateur .media-left {
    padding-right: 32px
}

.block-form .media-thumbnail {
    min-width: 3.5rem;
    text-align: center
}

.block-form .icon-block {
    font-size: 11px;
    font-size: .6875rem;
    font-family: sans-serif;
    background-color: #005e7d;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    gap: 4px 0;
    width: 3.5rem;
    height: 3.5rem;
    -ms-grid-column-align: center;
    justify-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    -ms-flex-direction: column;
    flex-direction: column
}

.block-form.block-full {
    padding: 20px 20px 5px
}

.block-form.media>.media-body {
    overflow: visible
}

.block-form.with-error {
    border: 1px solid #e04162
}

.block-form.with-error .help-block {
    color: #e3224a
}

.block-form.media {
    overflow: visible
}

.block-form.media .media-left>span[class^=icon-] {
    padding: 0 25px 0 15px;
    color: #adadaf;
    font-size: 45px;
    font-size: 2.8125rem
}

.block-form.media .media-left>span.icon-error,.block-form.media .media-left>span.icon-success {
    font-size: 20px;
    font-size: 1.25rem
}

.success {
    background: var(--ft-feedback-green-10)
}

.success .icon-success {
    color: var(--ft-feedback-green-40)!important
}

.error {
    background: var(--ft-feedback-red-05)
}

.error .icon-error {
    color: var(--ft-feedback-red-40)!important
}

input[type=file][disabled]~label {
    background: #e6e7e8;
    border-color: #ddd;
    font-style: italic;
    cursor: not-allowed
}

.custom-input-file input.has-focus+label,.custom-input-file input:focus+label {
    outline: 1px solid #484d6b;
    outline: 5px auto -webkit-focus-ring-color;
    background: #e6e7e8;
    border-color: #ddd
}

.result-list {
    margin-top: 10px
}

.result-list .result {
    margin-bottom: 16px;
    padding: 12px 16px;
    background-color: #f5f5f8;
    border-radius: 5px;
    animation: fade .8s
}

.result-list .result .media-heading .btn-reset {
    max-width: 800px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: normal;
    outline: 0
}

.result-list .result .media-heading a {
    color: #000;
    display: block
}

.result-list .result .media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 0
}

@media screen and (max-width: 594px) {
    .result-list .result .media {
        -ms-flex-direction:column;
        flex-direction: column
    }
}

.result-list .result .media-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.result-list .result .new {
    background: #66cc9a;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 10px;
    font-size: .625rem;
    color: #fff;
    padding: 1px 10px;
    font-family: Marianne,system-ui,sans-serif!important
}

.result-list .result .deja-vu {
    display: none
}

.result-list .result.active {
    background: #f3f3f3
}

.result-list .result.seen .media-object {
    opacity: .2
}

.result-list .result.seen .deja-vu {
    display: block
}

.result-list .result.seen .description,.result-list .result.seen .media-heading .btn-reset,.result-list .result.seen .subtext,.result-list .result.seen .subtext span,.result-list .result.seen .type {
    color: #878ba0
}

.result-list .media {
    overflow: visible
}

.result-list .media-middle .subtext {
    margin-bottom: 0
}

@media screen and (max-width: 440px) {
    .result-list .media-middle {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .result-list .media-middle .state {
        margin-left: 0
    }

    .result-list .media-middle .btn,.result-list .media-middle .subtext {
        margin-top: 10px
    }
}

.result-list .media-middle-status {
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 440px) {
    .result-list .media-middle-status {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        gap: 10px
    }
}

.result-list .media-left {
    padding: 0 20px 0 0;
    position: relative;
    text-align: center;
    min-width: 65px
}

.result-list .media-left .media-object {
    transition: opacity .4s;
    overflow: hidden
}

.result-list .media-left .with-color {
    border-color: #fff;
    border-radius: 100px;
    border: 4px solid transparent
}

.result-list .media-left .illustration {
    display: inline-block;
    width: 3.75rem;
    height: 3.75rem;
    line-height: 3.75rem;
    border-radius: 50%;
    font-size: 26px;
    font-size: 1.625rem;
    color: inherit;
    font-family: Marianne,system-ui,sans-serif!important;
    text-transform: uppercase;
    background: #e6e7ec
}

@media screen and (max-width: 594px) {
    .result-list .media-right {
        padding-left:0
    }
}

.result-list .media-right .btn {
    margin-top: 5px
}

@media screen and (max-width: 594px) {
    .result-list .media-right .btn {
        margin-top:20px
    }
}

.result-list .media-body .media-heading {
    margin-bottom: 3px
}

.result-list .media-body .media-heading .text-primary {
    text-align: left
}

.result-list .t4 {
    font-weight: 400
}

.accessibility .block-reclamations .block-reclamation {
    border: 1px solid #fff!important
}

.accessibility .history.collapsing:before,.accessibility .history:before,.accessibility .see-more button:focus:focus-visible,.accessibility .see-more button:focus:focus-visible *,.accessibility .see-more button:hover,.accessibility .see-more button:hover * {
    background: #000!important
}

.accessibility .block-form.media,.accessibility .block-form.mini,.accessibility .liste-reclamations .media-body,.accessibility .liste-reclamations .media-right [class*=icon-] {
    border: 1px solid #fff!important
}

.accessibility .liste-reclamations .see-more button span {
    color: #ff0!important
}

.accessibility .media-wrapper {
    border: 1px solid #fff;
    padding: 5px
}

.accessibility .actions-delete,.accessibility .actions-download,.accessibility .alert-info,.accessibility .rounded-with-bg {
    border: 1px solid #fff
}

@media print {
    .modal-open .footer,.modal-open .main {
        display: none
    }

    .modal-open .modal {
        position: static
    }

    .modal-open .modal-details .modal-dialog {
        width: 100%;
        margin: 1cm;
        max-width: 18cm;
        box-shadow: none
    }

    .modal-open .modal-details .modal-content {
        padding: 0
    }

    .modal-open .modal-details .modal-content .modal-footer,.modal-open .modal-details .modal-content .modal-header {
        display: none
    }

    .modal-open .modal-details .modal-content .block-bg-grey {
        padding: 0
    }
}

.modal-details-reclamation .block-reclamation.with-question-mark {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.mb-24 {
    margin-bottom: 24px
}

.mt-10 {
    margin-top: 10px
}

.mt-16 {
    margin-top: 16px
}

.t4-modal-mediation {
    font-size: 16px
}

.alert-info .media-alert {
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.alert-info .icon-close {
    font-size: 16px;
    color: #005e7d
}

.alert-info .icon-wrapper {
    position: relative;
    width: 60px;
    height: 35px;
    background: #c4ecf5;
    border-radius: 50px
}

.alert-info .icon-wrapper svg {
    position: absolute;
    inset-block-start: 10px;
    inset-inline-end: 10px
}

.bordered-container {
    padding: 20px;
    border: 1px solid #e6e7e8;
    border-radius: 4px 4px 0 0
}

.bordered-container.response {
    border-top: 0 solid #e6e7e8;
    border-bottom: 1px solid #e6e7e8;
    border-left: 1px solid #e6e7e8;
    border-right: 1px solid #e6e7e8;
    border-radius: 0 0 4px 4px
}

.state-modal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    font-weight: 700
}

.state-modal.state-modal-1 {
    color: #a00d10
}

.state-modal.state-modal-1 .icon-mediation-terminee {
    display: inline-block;
    position: relative;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #cf1a45
}

.state-modal.state-modal-1 .icon-mediation-terminee:before {
    position: absolute;
    content: "＋";
    color: #fff;
    inset-block-start: 0;
    inset-inline-end: 1px;
    font-size: 35px;
    font-family: arial,serif;
    rotate: 45deg
}

.modal-details .modal-header {
    margin-bottom: 2rem
}

.modal-details .modal-footer {
    margin-top: 0
}

@media screen and (max-width: 1024px) {
    .modal-details .modal-footer {
        padding:30px
    }
}

.modal-details .modal-footer .modal-details-close {
    top: 16px
}

@media screen and (max-width: 1024px) {
    .modal-details .modal-footer .modal-details-close {
        bottom:auto!important
    }
}

.modal-details .modal-content {
    padding: 0 35px 0 50px
}

@media screen and (max-width: 1024px) {
    .modal-details .modal-content {
        padding:0 30px
    }
}

.modal-details .modal-body {
    padding: 25px 0
}

.modal-details .modal-body p {
    margin-left: 0
}

.modal-details .modal-body p.mb-0 {
    margin-bottom: 0
}

.modal-details p {
    margin-bottom: 15px;
    margin-left: 15px
}

.modal-details .emphasis {
    margin-bottom: 5px;
    margin-left: 0
}

.modal-details .emphasis+.emphasis {
    margin-top: 15px
}

.modal-details .modal-footer .modal-details-close,.modal-details .modal-footer .modal-details-pager {
    top: 32px
}

@media screen and (max-width: 1024px) {
    .modal-details .modal-footer .modal-details-pager {
        left:80px;
        right: auto;
        border-right: none
    }
}

.modal-details .modal-footer .modal-details-close {
    bottom: auto!important
}

.t2.emphasis {
    margin-bottom: 0
}

.vertical-bottom {
    vertical-align: bottom
}

.load-more-results,.show-less-results {
    margin-bottom: 14px
}

.actions-download {
    width: 288px
}

.actions-download .icon-wrapper {
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.actions-download .info-file,.actions-download .info-file-delete {
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: none
}

.actions-download .info-file-document {
    position: relative;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.actions-download .info-file-document:after {
    position: absolute;
    content: "•";
    margin-left: 3px;
    margin-right: 3px
}

.actions-delete,.actions-download {
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 11px 15px;
    background-color: #fff;
    border-radius: 4px
}

.actions-delete,.actions-delete .close-attachment,.actions-delete .download-attachment,.actions-download,.actions-download .close-attachment,.actions-download .download-attachment {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.actions-delete .close-attachment div:first-of-type,.actions-download .close-attachment div:first-of-type {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.actions-delete .close-attachment .btn-fileicon,.actions-download .close-attachment .btn-fileicon {
    color: #fff;
    background-color: #005e7d;
    padding: 10px 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.actions-delete .close-attachment .btn-fileicon .icon-file,.actions-download .close-attachment .btn-fileicon .icon-file {
    font-size: 19px
}

.actions-delete .close-attachment span:nth-of-type(2n),.actions-download .close-attachment span:nth-of-type(2n) {
    color: #157993;
    font-style: italic;
    font-weight: 400
}

.list-messages {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.list-messages .list-message-wrapper-right {
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -ms-flexbox;
    display: flex
}

.list-messages .list-message-wrapper-right ul {
    list-style-type: none
}

.message {
    margin-bottom: 20px;
    max-width: 580px;
    border-radius: 5px
}

.message .message-header {
    margin: 0;
    padding: 1rem;
    font-size: inherit
}

.message.envoye {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.message.envoye .message-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #ffe0df
}

.message.envoye .rounded-with-bg {
    background-color: #fff
}

.message.envoye .message-contents {
    background-color: #fff4f3
}

.message.envoye .download-attachment,.message.envoye .trash-attachment {
    background-color: #fff
}

.message.envoye .download-attachment .btn-fileicon,.message.envoye .trash-attachment .btn-fileicon {
    background-color: #bcbec0
}

.message.recu {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.message.recu .message-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #e6e7ec
}

.message.recu .message-contents,.message.recu .rounded-with-bg {
    background-color: #f5f5f8
}

.rounded-with-bg {
    width: 2rem;
    height: 2rem;
    aspect-ratio: 1/1;
    text-align: center;
    padding: .5rem;
    border-radius: 50%;
    background-color: #e6e7ec
}

.rounded-with-bg.is-dest {
    background-color: #ffcdca
}

.rounded-with-bg.is-exp {
    background-color: #fff
}

.message-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px
}

.message-header .message-header-name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: auto;
    margin-bottom: 0
}

.message-header .subtext {
    color: #575d7d
}

.message-header .event-time {
    font-weight: 500;
    color: #484d6b
}

.message-header .event-time p {
    margin: 0
}

.message-contents {
    padding: 1rem 1.25rem;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.message-contents p {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.2;
    white-space: pre-wrap
}

.message-contents p:last-of-type {
    margin-bottom: 0
}

.msg-main-input,.msg-mobile-input {
    border-top: 0 solid #e6e7ec;
    border-left: 1px solid #e6e7ec;
    border-right: 1px solid #e6e7ec;
    border-bottom: 1px solid #e6e7ec
}

.msg-main-input,.msg-mobile-input {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 20px
}

.msg-mobile-input {
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 993px) {
    .msg-mobile-input {
        display:none
    }
}

.block-grey {
    margin-top: 24px;
    padding: 16px 0;
    background-color: #f5f5f8;
    border-radius: 4px
}

.block-grey_content p {
    text-align: center
}

.block-grey_content_button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 6px
}

.msg-input-wrapper {
    padding: 1rem;
    border-radius: 4px
}

.msg-input-wrapper .icon-clip:before,.msg-input-wrapper .icon-comment:before {
    color: #a7a9ac;
    font-size: 36px
}

.msg-input-wrapper .msg-input-send {
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.msg-input-wrapper .msg-input-send .remaining-characteres {
    color: #6d6f71;
    text-align: end
}

.msg-input-wrapper .msg-input-attachment-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px;
    margin-top: 20px
}

.msg-input-wrapper .msg-input-attachment-wrapper .msg-input-attachment .icon-clip:before {
    font-size: 16px
}

.msg-input-wrapper .msg-input-attachment-wrapper .msg-input-attachment-send {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.msg-input-wrapper .msg-input-attachment-wrapper hr {
    border-color: #d1d3d4
}

.msg-input-wrapper .msg-input-attachment-wrapper .trash-attachment {
    background-color: #fff
}

.msg-input-wrapper .msg-input-attachment-wrapper .icon-delete {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff
}

.msg-input-wrapper .msg-input-attachment-wrapper .icon-delete:before {
    position: absolute;
    content: "＋";
    inset-block-start: -4px;
    inset-inline-end: -4px;
    font-size: 40px;
    font-family: arial,serif;
    rotate: 45deg
}

.msg-input-wrapper .msg-input-attachment-wrapper .msg-input-attachment-add-document {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 69px
}

.msg-input-wrapper .actions {
    text-align: right
}

.msg-input-wrapper .msg-input-send-textarea {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-direction: column;
    flex-direction: column
}

.msg-input-wrapper textarea.form-control {
    border: 0;
    box-shadow: none
}

.msg-input-wrapper .textarea {
    font-family: inherit;
    font-size: inherit;
    padding: 1px 6px;
    background-color: #fff
}

.msg-input-wrapper~.alert {
    margin-top: 1rem;
    margin-bottom: 0
}

.msg-input-wrapper .trash-attachment {
    margin-bottom: 10px
}

.msg-input-wrapper .input-wrap {
    position: relative
}

.msg-input-wrapper .input-wrap .input {
    position: absolute;
    width: 100%;
    left: 0
}

.msg-input-wrapper .textarea {
    display: block;
    width: 100%;
    padding: 12px;
    overflow: auto;
    min-height: 40px;
    max-height: 140px;
    line-height: 1.35
}

.msg-input-wrapper .textarea[contenteditable]:empty:before {
    content: "Démarrer un nouveau message";
    color: gray
}

/*# sourceMappingURL=mes-reclamations.css.map */