: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;
}

.row.panel-group {
  display: table;
  margin-bottom: 0;
  width: 100%;
}

.panel-center,
.panel-left,
.panel-right {
  float: none;
  display: table-cell;
  vertical-align: top;
}

.panel-center .panel-container {
  padding: 0 15px;
  position: relative;
}

.panel-left,
.panel-right {
  padding: 20px 15px;
  background: #f3f3f3;
  font-size: 12px;
  font-size: 0.75rem;
  border-left: 1px solid #d8dee0;
}

.panel-left {
  border-right: 1px solid #d8dee0;
}

.panel-container {
  padding: 0;
}

.panel-right .panel-container {
  padding: 15px;
}

.panel-left .well,
.panel-right .well {
  background: #fff;
}

@media only screen and (max-width: 993px) {
  .row.panel-group {
    display: block;
    width: auto;
  }

  .panel-center,
  .panel-left,
  .panel-right {
    float: left;
    display: block;
  }

  .panel-left,
  .panel-right {
    border-bottom: 1px solid #dedede;
  }

  .panel-left {
    left: -240px;
    transition: left 0.3s ease-out;
  }

  .panel-left,
  .panel-right {
    padding: 20px;
    position: absolute;
    width: 240px;
  }

  .panel-right {
    right: -240px;
    transition: right 0.3s ease-out;
  }

  .panel-center {
    padding: 0 10px;
    transition: margin 0.3s ease-out;
    overflow: unset;
  }

  .panel-left-visible .panel-left {
    left: 0;
  }

  .panel-left-visible .panel-center {
    margin-right: -240px;
    margin-left: 240px;
  }

  .panel-left-visible .container-fluid {
    overflow: hidden;
  }

  .panel-left-visible .panel-left + .panel-center:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 1px;
    left: 1px;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 100;
  }

  .panel-right-visible .panel-right {
    right: 0;
  }

  .panel-right-visible .panel-center {
    margin-right: 240px;
    margin-left: -240px;
  }

  .panel-right-visible .container-fluid {
    overflow: hidden;
  }
}

@media only screen and (max-width: 640px) {
  .panel-center {
    padding: 0;
  }
}

@media only screen and (max-width: 640px) {
  .panel-center .panel-container {
    padding: 0 10px;
  }
}

.nota {
  margin: 10px 0 0;
  border-radius: 2px;
  padding: 5px 10px;
  background: #f3f3f3;
  display: inline-block;
  border-left: 3px solid #000;
}

.nota strong {
  display: block;
}

.nota .emphasis {
  font-weight: 700;
}

.nota.nota-info,
.nota.state-1 {
  color: inherit;
  border-color: #5dcae8;
}

.nota.state-2 {
  color: inherit;
  border-color: #2baacd;
}

.nota.state-3 {
  color: inherit;
  border-color: #5dcae8;
}

.nota.state-4 {
  color: inherit;
  border-color: #2baacd;
}

.nota.nota-warning,
.nota.state-5 {
  color: inherit;
  border-color: #ff5950;
}

.nota.nota-error,
.nota.state-6 {
  color: inherit;
  border-color: var(--ft-feedback-red-50, #ba251a);
}

.nota.nota-success,
.nota.state-7 {
  color: inherit;
  border-color: var(--ft-feedback-green-50, #068148);
}

.nota.nota-block {
  display: block;
  padding: 10px;
}

@media print {
  .nota {
    border-color: #000 !important;
    font-size: 0.75rem;
    color: #000 !important;
    background: none;
  }
}

.panel-left {
  background-color: var(--color-decorative-blue-weaker, #dbe3ff);
  border-right: none;
}

.panel-left button {
  white-space: normal;
}

.panel-left .btn .icon-disk {
  font-size: 18px;
  font-size: 1.125rem;
  vertical-align: -3px;
}

.panel-left .sticky {
  padding: 20px 25px 20px 10px;
  text-align: right;
}

.panel-left .sticky.affix {
  width: calc(25% - 40px);
  top: 66px;
  left: 16px;
}

.panel-left .sticky.affix-bottom {
  position: relative;
}

.form {
  background-color: #fff;
  padding: 5px 23% 100px 25px;
}

.form section {
  padding: 0 0 0 40px;
  border-left: 1px solid #e6e7e8;
}

.form section > h2 {
  background-color: #fff;
  margin-left: -55px;
  padding: 30px 0;
}

.steps h1 {
  margin-bottom: 25px;
}

.steps .steps-list,
.steps ul {
  margin-top: 40px;
  margin-bottom: 40px;
}

.steps .steps-list li,
.steps ul li {
  list-style: none;
  color: #a8aeb1;
}

.steps .steps-list li .statut,
.steps ul li .statut {
  display: none;
}

.steps .steps-list li a,
.steps .steps-list li button,
.steps ul li a,
.steps ul li button {
  color: #a8aeb1;
  padding: 0;
  display: block;
}

.steps .steps-list li a:hover,
.steps .steps-list li button:hover,
.steps ul li a:hover,
.steps ul li button:hover {
  background-color: transparent;
}

.steps .steps-list li a:hover > span:first-child,
.steps .steps-list li button:hover > span:first-child,
.steps ul li a:hover > span:first-child,
.steps ul li button:hover > span:first-child {
  color: #283276;
}

.steps .steps-list li a:hover .circle,
.steps .steps-list li button:hover .circle,
.steps ul li a:hover .circle,
.steps ul li button:hover .circle {
  background: #a8aeb1;
  color: #fff;
}

.steps .steps-list li a:focus,
.steps .steps-list li button:focus,
.steps ul li a:focus,
.steps ul li button:focus {
  background: none;
}

.steps .steps-list li > span:first-child,
.steps .steps-list li a > span:first-child,
.steps .steps-list li button > span:first-child,
.steps ul li > span:first-child,
.steps ul li a > span:first-child,
.steps ul li button > span:first-child {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  max-width: 70%;
}

.steps .steps-list li .active .span,
.steps ul li .active .span {
  color: #38454d;
}

.steps .steps-list li.active > span,
.steps ul li.active > span {
  font-weight: 700;
}

.steps .steps-list li.active > div,
.steps ul li.active > div {
  font-weight: 500;
}

.steps .steps-list li.active:not(.past) a,
.steps .steps-list li.active:not(.past) button,
.steps ul li.active:not(.past) a,
.steps ul li.active:not(.past) button {
  color: #38454d;
}

.steps .steps-list li.active:not(.past) .statut,
.steps ul li.active:not(.past) .statut {
  display: block;
}

.steps .steps-list li.active:not(.past):hover > a .circle,
.steps .steps-list li.active:not(.past):hover > button .circle,
.steps .steps-list li.active:not(.past) > a .circle,
.steps .steps-list li.active:not(.past) > button .circle,
.steps ul li.active:not(.past):hover > a .circle,
.steps ul li.active:not(.past):hover > button .circle,
.steps ul li.active:not(.past) > a .circle,
.steps ul li.active:not(.past) > button .circle {
  background-color: #283276;
  border: 2px solid #283276;
  color: #fff;
}

.steps .steps-list li.dotted,
.steps ul li.dotted {
  display: none;
}

.steps .steps-list li:before,
.steps ul li:before {
  content: "";
  display: block;
  background: url(gfx/step-bg-circle.svg) repeat-y 100% 0;
  height: 40px;
  margin-right: 0.875rem;
  z-index: 1;
}

.steps .steps-list li:first-child:before,
.steps ul li:first-child:before {
  content: none;
}

.steps .steps-list li .steps-list li:before,
.steps .steps-list li ul li:before,
.steps ul li .steps-list li:before,
.steps ul li ul li:before {
  height: 20px;
}

.steps .steps-list li .steps-list li:first-child:before,
.steps .steps-list li ul li:first-child:before,
.steps ul li .steps-list li:first-child:before,
.steps ul li ul li:first-child:before {
  content: "";
}

.steps .steps-list li .steps-list,
.steps .steps-list li ul,
.steps ul li .steps-list,
.steps ul li ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.steps .steps-list li .steps-list li,
.steps .steps-list li ul li,
.steps ul li .steps-list li,
.steps ul li ul li {
  color: #a8aeb1;
}

.steps .steps-list li .steps-list li .circle,
.steps .steps-list li ul li .circle,
.steps ul li .steps-list li .circle,
.steps ul li ul li .circle {
  width: 12px;
  height: 12px;
  padding: 0;
  margin-right: 9px;
  vertical-align: -2px;
  margin-left: 21px;
}

.steps .steps-list li .steps-list li a,
.steps .steps-list li .steps-list li button,
.steps .steps-list li ul li a,
.steps .steps-list li ul li button,
.steps ul li .steps-list li a,
.steps ul li .steps-list li button,
.steps ul li ul li a,
.steps ul li ul li button {
  position: relative;
  display: block;
}

.steps .steps-list li .steps-list li a:focus,
.steps .steps-list li .steps-list li a:hover,
.steps .steps-list li .steps-list li button:focus,
.steps .steps-list li .steps-list li button:hover,
.steps .steps-list li ul li a:focus,
.steps .steps-list li ul li a:hover,
.steps .steps-list li ul li button:focus,
.steps .steps-list li ul li button:hover,
.steps ul li .steps-list li a:focus,
.steps ul li .steps-list li a:hover,
.steps ul li .steps-list li button:focus,
.steps ul li .steps-list li button:hover,
.steps ul li ul li a:focus,
.steps ul li ul li a:hover,
.steps ul li ul li button:focus,
.steps ul li ul li button:hover {
  text-decoration: none;
}

.steps .steps-list li .circle,
.steps ul li .circle {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  border-radius: 12px;
  width: 2rem;
  height: 2rem;
  padding: 0.5rem 0;
  border: 1px solid #a8aeb1;
  background-color: #f5f5f8;
  color: #2e2e31;
  text-align: center;
  line-height: 1;
  margin-left: 10px;
  display: inline-block;
  z-index: 2;
}

.steps .steps-list li.past a:hover > span:first-child,
.steps .steps-list li.past button:hover > span:first-child,
.steps ul li.past a:hover > span:first-child,
.steps ul li.past button:hover > span:first-child {
  color: #283276;
}

.steps .steps-list li.past a:hover .circle,
.steps .steps-list li.past button:hover .circle,
.steps ul li.past a:hover .circle,
.steps ul li.past button:hover .circle {
  background-color: #283276;
  border: 1px solid #283276;
}

.steps .steps-list .steps-list li.past,
.steps .steps-list .steps-list li.past a,
.steps .steps-list .steps-list li.past button,
.steps .steps-list li.past > a,
.steps .steps-list li.past > button,
.steps .steps-list ul li.past,
.steps .steps-list ul li.past a,
.steps .steps-list ul li.past button,
.steps ul .steps-list li.past,
.steps ul .steps-list li.past a,
.steps ul .steps-list li.past button,
.steps ul li.past > a,
.steps ul li.past > button,
.steps ul ul li.past,
.steps ul ul li.past a,
.steps ul ul li.past button {
  color: #38454d;
}

.steps .steps-list .steps-list li.past .circle,
.steps .steps-list .steps-list li.past a .circle,
.steps .steps-list .steps-list li.past button .circle,
.steps .steps-list li.past > a .circle,
.steps .steps-list li.past > button .circle,
.steps .steps-list ul li.past .circle,
.steps .steps-list ul li.past a .circle,
.steps .steps-list ul li.past button .circle,
.steps ul .steps-list li.past .circle,
.steps ul .steps-list li.past a .circle,
.steps ul .steps-list li.past button .circle,
.steps ul li.past > a .circle,
.steps ul li.past > button .circle,
.steps ul ul li.past .circle,
.steps ul ul li.past a .circle,
.steps ul ul li.past button .circle {
  color: #fff;
  background: #a7a9ac;
  border-color: transparent;
}

.candidat .panel-left .steps .steps-list li.active:hover > a > .circle,
.candidat .panel-left .steps .steps-list li.active:hover > button > .circle,
.candidat .panel-left .steps ul li.active:hover > a > .circle,
.candidat .panel-left .steps ul li.active:hover > button > .circle,
.candidat .steps .steps-list li.active > a .circle,
.candidat .steps .steps-list li.active > button .circle,
.candidat .steps .steps-list li.active > span .circle,
.candidat .steps .steps-list li.active div > span.circle,
.candidat .steps .steps-list li:not(.past) > a .circle,
.candidat .steps .steps-list li:not(.past) > button .circle,
.candidat .steps > .steps-list > li.active > .circle,
.candidat .steps > ul > li.active > .circle,
.candidat .steps ul li.active > a .circle,
.candidat .steps ul li.active > button .circle,
.candidat .steps ul li.active > span .circle,
.candidat .steps ul li.active div > span.circle,
.candidat .steps ul li:not(.past) > a .circle,
.candidat .steps ul li:not(.past) > button .circle {
  background-color: #283276;
  border-color: #283276;
  color: #fff;
}

.candidat .steps .steps-list li.active > a,
.candidat .steps .steps-list li.active > button,
.candidat .steps .steps-list li.active > div,
.candidat .steps .steps-list li.active > span,
.candidat .steps .steps-list li .steps-list li.active a,
.candidat .steps .steps-list li .steps-list li.active a:hover > span:first-child,
.candidat .steps .steps-list li .steps-list li.active button,
.candidat .steps .steps-list li .steps-list li.active button:hover > span:first-child,
.candidat .steps ul li.active > a,
.candidat .steps ul li.active > button,
.candidat .steps ul li.active > div,
.candidat .steps ul li.active > span,
.candidat .steps ul li ul li.active a,
.candidat .steps ul li ul li.active a:hover > span:first-child,
.candidat .steps ul li ul li.active button,
.candidat .steps ul li ul li.active button:hover > span:first-child {
  color: #283276;
}

.candidat .steps .steps-list li.past a:hover .circle,
.candidat .steps .steps-list li.past button:hover .circle,
.candidat .steps ul li.past a:hover .circle,
.candidat .steps ul li.past button:hover .circle {
  background-color: #283276;
  border: 1px solid #283276;
}

.candidat .steps .steps-list li.past a:hover > span:first-child,
.candidat .steps .steps-list li.past button:hover > span:first-child,
.candidat .steps .steps-list li a:hover > span:first-child,
.candidat .steps .steps-list li button:hover > span:first-child,
.candidat .steps ul li.past a:hover > span:first-child,
.candidat .steps ul li.past button:hover > span:first-child,
.candidat .steps ul li a:hover > span:first-child,
.candidat .steps ul li button:hover > span:first-child {
  color: #283276;
}

.entreprise .panel-left .steps .steps-list li.active:hover > a > .circle,
.entreprise .panel-left .steps .steps-list li.active:hover > button > .circle,
.entreprise .panel-left .steps .steps-list li.active:hover > span > .circle,
.entreprise .panel-left .steps ul li.active:hover > a > .circle,
.entreprise .panel-left .steps ul li.active:hover > button > .circle,
.entreprise .panel-left .steps ul li.active:hover > span > .circle,
.entreprise .steps .steps-list li.active > .circle,
.entreprise .steps .steps-list li:not(.past) > a .circle,
.entreprise .steps .steps-list li:not(.past) > button .circle,
.entreprise .steps > .steps-list > li.active > .circle,
.entreprise .steps > ul > li.active > .circle,
.entreprise .steps ul li.active > .circle,
.entreprise .steps ul li:not(.past) > a .circle,
.entreprise .steps ul li:not(.past) > button .circle {
  background-color: #283276;
  border-color: #283276;
  color: #fff;
}

.entreprise .steps .steps-list li .steps-list li.active a,
.entreprise .steps .steps-list li .steps-list li.active a:hover > span:first-child,
.entreprise .steps .steps-list li .steps-list li.active button,
.entreprise .steps .steps-list li .steps-list li.active button:hover > span:first-child,
.entreprise .steps .steps-list li .steps-list li.active span,
.entreprise .steps .steps-list li .steps-list li.active span:hover > span:first-child,
.entreprise .steps ul li ul li.active a,
.entreprise .steps ul li ul li.active a:hover > span:first-child,
.entreprise .steps ul li ul li.active button,
.entreprise .steps ul li ul li.active button:hover > span:first-child,
.entreprise .steps ul li ul li.active span,
.entreprise .steps ul li ul li.active span:hover > span:first-child {
  color: #283276;
}

.entreprise .steps .steps-list li.past a:hover .circle,
.entreprise .steps .steps-list li.past button:hover .circle,
.entreprise .steps ul li.past a:hover .circle,
.entreprise .steps ul li.past button:hover .circle {
  background-color: #283276;
  border: 1px solid #283276;
}

.entreprise .steps .steps-list li.past a:hover > span:first-child,
.entreprise .steps .steps-list li.past button:hover > span:first-child,
.entreprise .steps .steps-list li a:hover > span:first-child,
.entreprise .steps .steps-list li button:hover > span:first-child,
.entreprise .steps ul li.past a:hover > span:first-child,
.entreprise .steps ul li.past button:hover > span:first-child,
.entreprise .steps ul li a:hover > span:first-child,
.entreprise .steps ul li button:hover > span:first-child {
  color: #283276;
}

.entreprise .steps .active > span:first-child {
  color: #000;
  font-weight: 700;
}

.mobile-steps {
  font-size: 12px;
  font-size: 0.75rem;
  position: relative;
}

.mobile-steps .warning {
  color: #fff !important;
}

.mobile-steps .steps-list li:before,
.mobile-steps ul li:before {
  content: none;
}

.mobile-steps .nav {
  display: table;
  margin: 15px 0;
  width: 100%;
}

.mobile-steps .nav a,
.mobile-steps .nav button {
  top: 0;
}

.mobile-steps .dotted {
  background: url(gfx/step-bg-circle-y.svg) repeat-x 0 0;
  position: absolute;
  width: 76%;
  height: 5px;
  left: 11%;
  top: 17px;
}

.mobile-steps.steps .steps-list li.active > span:first-child,
.mobile-steps.steps ul li.active > span:first-child {
  color: #fff;
}

.mobile-steps .nav > li {
  display: table-cell;
  text-align: center;
  width: auto;
  min-width: 65px;
}

.mobile-steps .nav > li .circle {
  display: inline-block;
  margin: 0;
  background: #fff;
  position: relative;
  vertical-align: top;
  box-shadow: 0 0 0 6px #fff;
}

.mobile-steps .nav > li .circle + span {
  display: block;
  text-align: center;
  line-height: 12px;
  margin-top: 8px;
}

.mobile-steps .nav > li a:hover > span:first-child,
.mobile-steps .nav > li button:hover > span:first-child {
  color: #fff;
}

.mobile-steps .nav > li a:hover > span:not(.circle),
.mobile-steps .nav > li button:hover > span:not(.circle) {
  text-decoration: underline;
}

.mobile-steps .nav > li a:focus,
.mobile-steps .nav > li button:focus {
  outline-offset: 8px;
}

.candidat .mobile-steps .steps-list li.active span + span,
.candidat .mobile-steps ul li.active span + span {
  color: #283276;
}

.candidat .mobile-steps .nav > li a:hover > span:first-child,
.candidat .mobile-steps .steps-list li.past a:hover > span:first-child,
.candidat .mobile-steps .steps-list li.past button:hover > span:first-child,
.candidat .mobile-steps ul li.past a:hover > span:first-child,
.candidat .mobile-steps ul li.past button:hover > span:first-child {
  color: #fff;
}

.entreprise .mobile-steps .steps-list li.active span + span,
.entreprise .mobile-steps ul li.active span + span {
  color: #283276;
}

.entreprise .mobile-steps .nav > li a:hover > span:first-child,
.entreprise .mobile-steps .steps-list li.past a:hover > span:first-child,
.entreprise .mobile-steps .steps-list li.past button:hover > span:first-child,
.entreprise .mobile-steps ul li.past a:hover > span:first-child,
.entreprise .mobile-steps ul li.past button:hover > span:first-child {
  color: #fff;
}

@media print {
  .panel-left {
    display: none;
  }

  .form {
    padding: 0 0 10px;
  }
}

[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: 0.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 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.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: 0.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 0.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(0.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 0.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(0.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;
}

.text-link,
a {
  -ms-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
}

.block-intro {
  padding: 15px 35px;
}

.block-intro ul {
  padding-left: 35px;
  margin-bottom: 35px;
}

.mobile-steps {
  margin-bottom: 30px;
}

.mobile-steps .dotted {
  left: 30%;
  width: 45%;
}

.steps {
  z-index: 0;
  padding: 0;
}

.entreprise .steps .active > span:first-child {
  color: #283276;
}

.steps ol li.past > span {
  color: #2e2e31;
}

.steps ol li.past .circle {
  background-color: #9ea2b3;
}

.steps ol li.active .circle,
.steps ol li.past .circle {
  color: var(--ft-neutral-white);
  border-color: transparent;
}

.steps ol li.active .circle {
  background-color: #283276;
}

.steps ol ul li.past .circle.empty {
  background-color: transparent;
  border-color: #9ea2b3;
}

.panel-left .panel-container {
  width: 290px;
  margin-left: auto;
}

.panel-left button {
  margin-top: 30px;
}

.panel-left .sticky {
  width: 290px;
}

.panel-left .sticky.affix {
  width: inherit;
  left: auto;
  top: 120px;
}

.t2.visible-xs.visible-sm {
  padding: 15px 0 0;
}

section ~ section {
  margin-top: 1.5em;
}

.icon-calendar ~ input {
  max-width: 8rem;
}

.alert-info {
  margin-bottom: 30px;
  border: solid 1px var(--ft--border-info);
}

.alert-info p {
  margin-bottom: 0;
}

.alert-info .media-left > span[class^="icon-"] {
  font-size: 18px;
  font-size: 1.125rem;
  padding: 0 5px 0 0;
}

.alert-info .text-link {
  color: var(--ft--color-info);
}

.with-no-margin {
  margin-bottom: 0;
}

[type="radio"]:checked + .wrapper-label label,
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + .wrapper-label label,
[type="radio"]:not(:checked) + label {
  position: static;
}

.media-intro {
  margin-bottom: 30px;
  margin-top: 20px !important;
}

.media-intro .media-left > span[class^="icon-"] {
  padding: 0 10px 0 0;
  font-size: 30px;
  font-size: 1.875rem;
  color: #2e2e31;
}

.media-intro ~ ul {
  padding-left: 25px;
}

.media-intro ~ p {
  padding-left: 0;
}

.aides-embauche .form {
  padding-right: 0;
  padding-left: 0;
}

.aides-embauche .form .media-intro {
  margin-bottom: 20px;
}

.aides-embauche .form .reponse-positive,
.aides-embauche .form .reponse-positive-direct {
  margin-bottom: 20px;
  font-size: 18px;
  font-size: 1.125rem;
}

.aides-embauche .form .reponse-positive-direct ~ ul,
.aides-embauche .form .reponse-positive ~ ul {
  margin-bottom: 44px;
}

.aides-embauche .form p.chapo {
  font-size: 18px;
  font-size: 1.125rem;
}

.aides-embauche .form .champs-facultatif {
  margin-bottom: 27px;
  font-size: 13px;
  font-size: 0.8125rem;
}

.aides-embauche .form .list-unstyled + .help-block {
  margin-bottom: 0;
}

.aides-embauche .form #besoin-aide.col-sm-7 {
  margin-bottom: 115px;
}

.aides-embauche .form #besoin-aide.besoin-aide-negative.col-sm-6 {
  margin-left: 20px;
  margin-bottom: 0;
  border-left: 1px solid #e6e7ec;
}

.aides-embauche .form #besoin-aide.besoin-aide-negative.col-sm-6 h3.t3 {
  padding: 25px 0 12px;
  margin-top: 0;
  margin-left: -20px;
  background-color: var(--ft-neutral-white);
}

.aides-embauche .form #besoin-aide.besoin-aide-negative.col-sm-6 .t4 {
  margin-bottom: 10px;
}

.aides-embauche .form #besoin-aide.besoin-aide-negative.col-sm-6 .block-form {
  margin-bottom: 0;
}

.aides-embauche .form #besoin-aide.besoin-aide-negative.col-sm-6 .block-form,
.aides-embauche .form #besoin-aide.besoin-aide-negative.col-sm-6 .t4 {
  margin-left: 16px;
}

.aides-embauche .form .besoin-aide-direct .block-form,
.aides-embauche .form .besoin-aide-negative .block-form {
  background-color: #f5f5f8;
  padding: 20px;
}

.aides-embauche .form .besoin-aide-direct .block-form .no-margin,
.aides-embauche .form .besoin-aide-negative .block-form .no-margin {
  margin: 0;
}

.aides-embauche .form .alert-besoin-aide-negative {
  margin-top: 15px;
  margin-bottom: 58px;
}

.aides-embauche .form.alternance-form .contact-agence {
  margin-bottom: 10px;
  font-size: 18px;
}

.aides-embauche .form.alternance-form .media-intro {
  margin-bottom: 10px;
}

.aides-embauche .form.alternance-form .media-intro p {
  font-size: 18px;
  font-weight: 300;
  margin-top: 20px;
  margin-bottom: 0;
}

.aides-embauche .form.alternance-form .media-intro p strong {
  font-weight: 400;
}

.aides-embauche .form .alternance .block-form {
  margin-bottom: 0;
  padding: 20px;
  background-color: #f5f5f8;
}

.aides-embauche .form .alternance .block-form p {
  font-size: 14px;
  margin-top: 14px;
}

.aides-embauche .form .alternance .block-form ul {
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  margin-top: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 540px) {
  .aides-embauche .form .alternance .block-form ul {
    gap: 20px;
  }
}

.aides-embauche .form .alternance .block-form ul li {
  line-height: 30px;
}

.aides-embauche .form .alternance .block-form ul li a {
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.aides-embauche .form .alternance .block-form ul li a:hover {
  text-decoration: none;
}

.aides-embauche .form .step-contrat .list-unstyled .radio {
  margin: 0;
}

.aides-embauche .form .list-contact-conseiller {
  margin-bottom: 44px;
}

.aides-embauche .form .besoin-aide-direct {
  margin-bottom: 85px;
}

.form section:not(.block-generic) {
  padding: 0 0 0 40px;
  border-left: none;
  margin-left: 0;
  padding-left: 0;
  animation: fade 0.5s;
}

.form h3.text-primary {
  padding: 10px 0 12px;
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 18px;
  font-size: 1.125rem;
}

.form h3.text-primary ~ p {
  font-size: 14px;
  font-size: 0.875rem;
}

.form .t4:not(.media-heading) {
  margin-bottom: 10px;
}

.form .t4.media-heading {
  margin-left: 0 !important;
}

.form .block-form:not(.mini) {
  background-color: #f5f5f8;
  position: relative;
  padding: 30px 30px 25px;
  margin: 0 0 15px;
  border-radius: 3px;
}

.form .block-form:not(.mini) .media-left > span[class^="icon-"] {
  padding: 0 20px 0 0;
  color: #9ea2b3;
  font-size: 30px;
  font-size: 1.875rem;
}

.form .block-form:not(.mini):not(:last-child) {
  margin-bottom: 25px;
}

.form dd,
.form dl + dl,
.form dt {
  margin-top: 10px;
}

.form [type="checkbox"]:checked ~ .sub-checked,
.form [type="radio"]:checked ~ .sub-checked {
  display: block;
}

.form .sub-checked {
  display: none;
  padding: 0 0 0 14px;
  margin-left: 16px;
  margin-top: 7px;
  border-left: 1px solid #cdcfd8;
}

.form .sub-checked .control-label {
  font-weight: 700;
  margin-left: 2px;
}

.form .sub-checked .radio:last-child,
.form .sub-checked ul {
  margin-bottom: 0;
}

.step-title {
  margin-top: 30px;
}

.form-decision {
  max-width: 850px;
}

.form-decision .media-body p:last-child {
  margin-bottom: 0;
}

.form-decision .media-body hr {
  border-color: #cdcfd8;
}

.form-decision .display-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0 20px;
  margin-top: 15px;
}

.form-decision .form-group-part {
  width: calc(33.3% - 14px);
}

.form-decision .help-block {
  color: var(--ft-feedback-red-50, #ba251a);
}

.form-decision .btn-sm {
  padding: 5px 30px;
}

.form-decision p + .text-link {
  display: inline-block;
  margin-top: 10px;
}

.form-decision .t5 {
  margin-bottom: 10px;
}

.form-decision dl {
  margin-bottom: 0;
}

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

@media only screen and (max-width: 993px) {
  .row.panel-group {
    display: block;
    width: auto;
  }

  .panel-center {
    width: 100%;
    padding: 0;
  }

  .form {
    padding: 0 50px 30px 25px;
  }
}

@media (min-width: 768px) {
  .section-form {
    padding: 0 0 0 1.25rem;
    margin-left: 1.25rem;
    border-left: 1px solid #cdcfd8;
  }
}

@media only screen and (max-width: 640px) {
  .form-decision .display-flex {
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px 0;
  }

  .form-decision .display-flex .form-group-part {
    width: 100%;
  }
}

@media only screen and (max-width: 540px) {
  .form-decision .media-right {
    display: block;
    margin-left: 50px;
    margin-top: 10px;
  }
}

/*# sourceMappingURL=aides-embauche.css.map */