@import url("pro.min.css");

@font-face {
    font-family: "Open Sans";
    src: url("../opensans-semibold.html") format("woff2"), url("../opensans-semibold-2.html") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Open Sans";
    src: url("../opensans-lightitalic.html") format("woff2"), url("../opensans-lightitalic-2.html") format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Open Sans";
    src: url("../opensans-light.html") format("woff2"), url("../opensans-light-2.html") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Open Sans";
    src: url("../opensans-regular.html") format("woff2"), url("../opensans-regular-2.html") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
#toolbar-administration ul li::before {
    height: 0rem !important;
    width: 0rem !important;
    content : normal !important;
}
#toolbar-administration ul li {
    margin-bottom: 0em !important;
}
main#main article.contextual-region
.form-item.js-form-item.form-type-item.js-form-type-item.form-item-.js-form-item-.form-no-label.form-group {
    margin: 10% 0;
}
/* Local tasks. */
.gobelins-task {
    position: absolute;
    z-index: 99;
    top: 24rem;
    left: 2rem;
}
.gobelins-task ul li {
    display: block;
    margin: 0;
    max-width: 11rem;
}
.gobelins-task ul a {
    text-decoration: none;
}
.gobelins-task ul a:hover {
    text-decoration: underline;
}
/* Local tasks dans la page de login. */
.path-user .gobelins-task {
    position: initial;
    margin: 13rem 0 4rem;
}
.path-user .gobelins-task ul {
    margin: auto;
    width: 80rem;
}
.path-user .gobelins-task ul li {
    display: inline-block;
    margin: 0;
    max-width: none;
    margin-right: 2rem;
}
.path-user .gobelins-task ul li::before {
    content: none;
}
/* Login. */
#user-login-form {
    margin-bottom: 4rem;
}
.path-user .help-block {
    margin: 1rem;
}
/* Body. */
body.user-logged-in {
    padding-top: 15rem!important;
}
body.no-site-top {
    padding-top: 16rem !important;
}
body.no-site-top.user-logged-in {
    padding-top: 24rem !important;
}
/* Menu admin mobile. */
.user-logged-in #toolbar-bar {
    position: fixed;
}
.user-logged-in .toolbar-oriented .toolbar-tray-vertical {
    width: 20rem;
}
.user-logged-in .toolbar-oriented .toolbar-tray-vertical a {
    word-break: initial;
}
/* Header. */
.user-logged-in .header-site {
    top: 8rem;
}
.user-logged-in .header-site a {
    word-break: normal;
}
/* Header mobile. */
.user-logged-in .header-site__mobile {
    top: 5rem;
}
/* Pagination. */
.pagination__first a::before {
    content: '\f323';
}
.pagination__previous a::before {
    content: '\f053';
}
/* Page de recherche. */
.facets__item ul.item-list__custom_range_slider li {
    display: block;
}
.facets__item ul li {
    margin: 0 0 1.2rem;
    display: inline-flex;
    align-items: first baseline;
    width: 100%;
}
.facets__item ul li [type=radio], .facets__item ul li [type=checkbox] {
    top: 0.1rem;
}
/* Confirmation. */
body.path-pre-inscription-confirmation {
    padding-top: 18rem!important;
}
body.path-pre-inscription-confirmation.user-logged-in {
    padding-top: 26rem!important;
}
select#edit-je-souhaite {
    padding: 0.5rem;
}
.with__webform .content-block.block--bg.unvisible.visible {
    padding-top: 0;
}
.site-top__visual-news .media--type-image .field--name-field-media-image {
  margin: 0 auto;
}
#edit-quels-campus > .form-type-checkbox {
  display: inline-block;
}
.webform-submission-formulaire-de-demande-form #edit-rentree .form-type-checkbox,
.webform-submission-formulaire-de-demande-form #edit-quels-campus .form-type-checkbox {
  padding-left: 0;
  margin-right: 2.5em;
}
.webform-submission-formulaire-de-demande-form #edit-message {
  border: currentColor solid 1px;
}
/* Local tasks. */
.local-tasks {
    position: fixed;
    top: 195px;
    z-index: 2;
}
.local-tasks ul {
    display: flex;
    padding: 0;
    min-width: 347px;
    margin-right: auto;
    width: 16%;
    color: #FFF;
}
.local-tasks ul li {
    display: block;
    max-width: 15rem;
    margin: 0px auto 0px auto;
    padding: 5px;
}

.local-tasks ul li::before {
    display: none;
}
.two-cols {
    margin-top: -50px; !important;
}
.swiper-container-horizontal .people-list__item,
.portrait-mosaique .people-list__item {
  text-align: left;
}
.portrait-mosaique .people__item {
  margin: 0;
}
.content-block--alt1 {
    background: none;
}
.content-block--alt1 .content-block__title{
    color: #FFFFFF; !important;
}
.page-node-type-campus article.media .field {
  width: 100%;
}

.page-node-type-campus article.media .field img,
.page-node-type-campus article.media .field iframe {
  width: 100%;
  height: 300px;
}
#page {
    margin-top: -5rem;
}
#page .user-login-form {
    margin-top: 10rem;
    width: 69%;
    margin-left: auto;
    margin-right: auto;
}
.view-liste-temoignage .views-col {
  max-width: 100%;
}
.container>.container {
  padding-left: 0;
  padding-right: 0;
}
.fixed-wrapper .campus-items {
  width: 107%;
}
.campus-items .field--name-field-remontee-de-contenu {
  width: 100%;
}
.slide-images__item__visual img {
  width: 800px;
  height: 500px;
}
.site-top .breadcrumb {
    top: 10.8rem;
}
.find_formation .progress-step::after {
    background-color: transparent;
}
.messages__wrapper {
    margin-top: 15rem;
}
.webform_step1 [type=radio] + label:hover, .webform_step1 [type=checkbox] + label:hover {
    color: white;
}
.webform-progress-tracker.progress-tracker {
    margin-top: -61px;
    margin-bottom: 20px;
}
.position {
    position: relative;
    top: 13rem;
}
.profiles__item.formation__form {
    min-width: 241px;
    min-height: 444px;
    border: solid 1px #001225;
    background-color: #001225;
}
.profiles__item.formation__form {
    transform: none;
    opacity: 1;
    transition: transform 0.8s ease-out 0s, opacity 0.5s ease-out 0s;
}

.profiles__item.formation__form [type=radio]:checked + label {
    transform: scale(1.5);
    transition: transform .2s;
}
.profiles__item.formation__form label:hover {
    color: white;
    transform: scale(1.3);
    transition: transform .2s;
}
.step-form__content .form-item.no-label {
    padding-left: 0;
    align-items: flex-start;
}
.portrait-horizontaux .people-list__visual img {
  height: auto;
}
.portrait-mosaique .people-list__visual img {
  height: auto;
}
.formation-details__figure.key-figures__number.visible {
    text-align: center;
    font-family: "Marcellus", serif;
    font-weight: normal;
    font-size: 3.4rem;
    line-height: 1.52;
    margin-bottom: 0.3rem;
}
.site-top .fiche_formation .breadcrumb {
    top: 3.8rem;
}

#edit-annee--2 .form-item.no-label,
#edit-field-type-de-presse-value .form-item.no-label,
#edit-tid .form-item.no-label {
     padding-left: 0;
    margin: 1rem 0;
}
.serp__aside .form-item.form-type-checkbox > label:hover,
.serp__aside .form-item.form-type-checkboxes > label:hover {
    text-decoration: underline;
}
div#edit-annee--2 label {
    margin-left: 3rem;
}
#edit-submit-search-content {
    position: relative;
    top: -7rem;
    float: right;
    background: none;
    border: none;
    cursor: pointer;
    padding: 1.5rem 0.5rem;
    text-align: center;
    width: auto;
    font-size: 2rem;
    font-weight: 500;
    height: 7rem;
    color: inherit;
}
.prix__session {
    margin-top: 1rem;
}
.contact-block__aside {
    flex: 0 0 43.8rem;
}
.view-liste-formation li {
  list-style-type: none;
}
.view-liste-formation #edit-field-formation-public-target-id-verf,
.view-liste-formation #edit-field-formation-apprentissage-value,
.view-liste-formation #edit-tid-niv-sortie {
  padding-left: 1.8rem;
}
.view-liste-formation #edit-field-formation-public-target-id-verf .form-radio,
.view-liste-formation #edit-field-formation-apprentissage-value .form-radio,
.view-liste-formation #edit-tid-niv-sortie .form-radio {
  border-radius: 0.2rem;
}
.view-liste-formation #edit-field-formation-public-target-id-verf .form-item,
.view-liste-formation #edit-field-formation-apprentissage-value .form-item,
.view-liste-formation #edit-tid-niv-sortie .form-item {
  margin-bottom: 0.5em;
  font-size: 1.5rem;
}

.view-liste-formation .serp__aside {
  padding-right: 2%;
}

.view-liste-formation button.js-hide {
  display: none;
}
.page-node-type-formation #paragraph-contact {
  z-index: 1;
}
.webform-submission-telechargez-le-catalogue-formati-form .form-item.no-label,
.webform-submission-telechargez-formation-initiale-form .form-item.no-label {
    padding-left: 0;
}
.webform-submission-telechargez-le-catalogue-formati-form li,
.webform-submission-telechargez-formation-initiale-form li  {
    list-style: none;
}
.webform-submission-telechargez-le-catalogue-formati-form fieldset legend,
.webform-submission-telechargez-formation-initiale-form fieldset legend {
    font-weight: normal;
    margin-bottom: 1rem;
    float: left;
}
.webform-submission-telechargez-le-catalogue-formati-form fieldset legend:after,
.webform-submission-telechargez-formation-initiale-form fieldset legend:after,
.form-required:after {
    content: " \002731" !important;
    display: inline-block;
    vertical-align: super;
    line-height: 1;
    height: 7px;
    width: 10px;
    padding-left: 0.15rem;
    color: red;
    font-family: "Varela Round";
    font-size: 0.8rem;
    font-weight: normal;
}
.form-item.no-label {
    padding-left: 0;
}
button#edit-submit-liste-presse,
button#edit-submit-liste-evenement--2,
button#edit-submit-liste-actualite--2 {
    display: none;
}
.view nav>ul>li::before {
    content: none;
}
.page-node-type-liste-de-contribution .form-item.no-label {
  padding-left: 0;
}
ul>li {
    list-style: none;
}
/*.page-node-type-temoignage .paragraph--type--contenu-wysiwyg .content-block {*/
/*  padding-top: 0 ;*/
/*}*/
.item-list__comma-list, .item-list__comma-list li {
    display: block;
    padding: 0 2rem;
}
div#edit-annee {
    padding: 0 0 0 2rem;
}
.view-liste-actualite ul li::before,
.view-liste-evenement ul li::before,
.view-liste-presse ul li::before,
.view-liste-formation ul li::before {
display: none;
}

.step-form__content .form-checkbox li {
    list-style: none;
    margin: 2rem 0;
}
.no-margin-bottom {
  margin-bottom: 0;
}
.field--name-field-paragraphes .image-text__visual img {
  max-height: none;
}
.custom-tabs__visual img {
  object-fit: fill;
}

.content-block-half-padding {
  padding: 5rem 0;
  position: relative;
  z-index: 1;
}
.form-item-id-card,
.form-item-curriculum,
.form-item-bulletin-note,
.form-item-doc-specifique,
.form-item-payment-proof,
.form-item-promesse-embauche,
.form-item-confirmation-inscription,
.form-item-attestation-droits,
.form-item-dossier-financier,
.form-item-situation-handicap
{
    border: solid 1px #1d1e1e;
    padding: 1rem;
    margin: 1rem 0;
    border-radius: 5px;
}
.paragraph--type--contenu-wysiwyg iframe,
.paragraph--type--galerie-media iframe {
  margin: 0 auto;
  display: block;
}
.paragraph--type--galerie-media .media--type-remote-video {
  justify-content: center;
}
.paragraph--type--galerie-media .field--name-field-media-oembed-video iframe {
  width: 854px;
  height: 480px;
}

@media screen and (min-width: 768px) {
  .page-node-type-univers-formation .site-top__visual img {
    position: relative;
  }
}

.page-node-type-univers-formation .site-top__visual .media {
  display: block;
  height: 100%;
}
.page-node-type-univers-formation .site-top__visual .field--name-field-media-oembed-video {
  height: 100%;
}
.page-node-type-univers-formation .site-top__visual .field--name-field-media-oembed-video > iframe {
  width: 100%;
  height: 100%;
}

.page-node-type-formation .price {
  margin-top: 2rem;
}

.page-node-type-formation .price span {
  font-weight: 500;
  line-height: normal;
  margin: 0 0 0.38em;
  font-size: 18px;
}

.with__webform .webform-submission-form .help-block {
  font-size: 1.3rem;
}
.mg-tp{
  margin-top:2rem;
}
.session .mg-tp {
  margin-top: 1rem;
}
.session .formation-details__content {
  margin-bottom: 2rem;
}
.bs-date-picker-anniv {
  background-position: right 9px top 5px !important;
  background-size: 18px 18px !important;
}

.video-iframe-container--full-width {
  z-index: 2;
}
.local-tasks {
  z-index: 3;
}
.two-cols__sidebar ul {
  margin: 0 0 3rem;
}
.two-cols__sidebar ul li {
  margin-top: 0.38em;
}
.two-cols__sidebar p {
  margin-top: 0.38em;
}

  /*--------------------FORMULAIRE YPAREO -------------*/

.preinscriptionform-form .sumo_souhait_formation  .SumoSelect>.CaptionCont {
  border: none;
  border-bottom: 1px solid #000;
  background-color: inherit;
}
.preinscriptionform-form ul li::before {
  content: none;
}
.preinscriptionform-form .SumoSelect.sumo_souhait_formation.open {
  width: 100% !important;
}
.preinscriptionform-form .SumoSelect {
  width: 100% !important;
  border: none;
  border-bottom: 1px solid #000;
}
.preinscriptionform-form .SumoSelect>.optWrapper ul {
  background-color: white;
}
.preinscriptionform-form .SumoSelect.open .search-txt {
  background-color: #CBDAE0;
}
.preinscriptionform-form .SumoSelect>.CaptionCont {
  background-color: #CBDAE0;
}
.preinscriptionform-form .SumoSelect>.CaptionCont {
  border: none !important;
}
.preinscriptionform-form .SumoSelect>.optWrapper>.options li.opt {
  padding: 0;
  border-bottom: none;
}
.preinscriptionform-form option[value=""][disabled] {
  display: none;
}
.preinscriptionform-form .SumoSelect>.optWrapper>.options li.opt:hover {
  background-color: #007bff;
  color: #fff;
}

.preinscriptionform-form #edit-civilite-responsable li,
.preinscriptionform-form #edit-civilite li {
  list-style: none;
  display: inline-flex;
  flex-wrap: wrap;
}
fieldset#edit-civilite--wrapper {
  margin-left: 0;
}
.preinscriptionform-form .form-wrapper {
  max-width: 100%;
  margin: 0 auto;
}
.preinscriptionform-form .form-group .js-form-file.form-file {
  margin: 2rem 0;
}
.preinscriptionform-form .SumoSelect>.optWrapper>.options li.opt label {
  padding: 0 1rem;
}

.bs-date-picker-anniv {
  background-color: #CBDAE0;
  opacity: 1;
}

.contact-block.formulaire__ypareo {
  margin: 8rem 0;
}

.contact-block.formulaire__ypareo li {
 list-style: none;
}
.contact-block.formulaire__ypareo button#edit-submit-cancel,
.contact-block.formulaire__ypareo button#validate {
  margin-top: 3rem;
}
.contact-block.formulaire__ypareo button#validate {
  float: right;
}
/***img bannière**/
/*option1 : bannière plus haute + totalité de l'image visible + ok parallax*/
.summary {
  transform: translate3d(calc(100% - 0px), 0, 0);
}
.user-logged-in .site-top--horizontal .site-top__visual {
  margin-top: 4.5rem;
}
body:not(.user-logged-in) .site-top--horizontal .site-top__visual {
  margin-top: 2.5rem;
}
.user-logged-in.page-node-type-page-standard .site-top--alt .site-top__visual {
  margin-top: 9rem;
}
body.page-node-type-page-standard:not(.user-logged-in) .site-top--alt .site-top__visual {
  margin-top: 4.5rem;
}
.site-top.site-top--horizontal {
  left: calc( -49.5vw + 50%);
  width: 99vw;
  margin-left: 0;
}
.site-top--horizontal .site-top__visual img {
  object-fit: fill;
}
.site-top--horizontal .site-top__content {
  padding-top: 25.3rem;
}
@media screen and (min-width: 1700px) {
  .site-top--alt {
    min-height: 95rem;
  }
  .site-top--alt .site-top__content {
    padding-bottom: 0;
    padding-top: 0;
  }
  .site-top--horizontal {
    min-height: 63rem;
  }
}
@media screen and (min-width: 767.98px) and (max-width: 1700px) {
  .page-node-type-campus .site-top--alt {
    min-height: 87rem;
  }
  .site-top--alt {
    min-height: 77rem;
  }
  .site-top--alt .site-top__content {
    padding-bottom: 0;
    padding-top: 0;
  }
  .site-top--horizontal {
    min-height: 48rem;
  }
  .site-top--horizontal .site-top__visual {
    margin-top: 2.5rem;
  }
}

.site-top-domaine--horizontal {
  min-height: calc(100vh - 1rem);
  margin-top: 5rem;
}

.site-top--alt .site-top__visual img {
  height: auto;
}
.site-top--alt .site-top__visual {
  margin-top: 5.1rem;
  --parallax-multipier: 0;
}
.page-node-type-evenement .site-top--alt .site-top__visual {
  margin-top: 0.4rem;
}

@media screen and (max-width: 767.98px) {
  .site-top--horizontal {
    min-height: 16rem;
  }

  .site-top--horizontal .site-top__content {
    display: flex;
    justify-content: center;
    min-height: 16rem;
    padding: 5rem 2rem 1rem 2rem;
  }
  .site-top--horizontal .site-top__visual {
    margin-top: 4.5rem;
  }

  .user-logged-in .site-top--horizontal .site-top__visual {
    margin-top: 1rem;
  }

  .site-top--horizontal .site-top__content .site-top__title {
    padding-bottom: 0;
    font-size: 2rem;
  }
}

/************* content-block espacement ************/
.content-block-remontee-formation {
 padding: 0 0 10rem 0;
}
.content-block--alt3 {
  padding: 0 0 1rem 0;
}
/*************************/

/************* captcha ************/
.captcha {
  margin: 2em 0 2em 0;
}
/*************css hubspot ************/
.hbspt-form .hs-form fieldset{
  max-width: 100%;
}
.hbspt-form p:empty{
  display: none;
}
fieldset.form-columns-1 .input ul.multi-container {
  margin-bottom: 0;
}
.hs_type_de_brochure .hs-error-msgs{
  margin-top: 0;
}
.hbspt-form .form-columns-1 .hs-dependent-field .hs_acq_profil .hs-input {
  width:37.5%;
  background-color: white;
  border-bottom: none;
}
.hbspt-form .form-columns-1 .hs-dependent-field ul{
  margin: 0.5em 0 .5em;
}
.hbspt-form ul li::before {
  visibility: hidden;
}
.hbspt-form .legal-consent-container [type=checkbox] {
  top: 0.3rem;
}
.hbspt-form fieldset{
  max-width: 100%;
}
.hbspt-form fieldset .hs-acq_profil .hs-input{
  width: 50%;
}
.hbspt-form fieldset.form-columns-2 input{
  width: calc( +75% + 3px);
  background: rgba(255,255,255,0.1);
  border-bottom: rgba(255,255,255,0.1) solid 1px;
  background: #ffffff;
}
.hbspt-form fieldset.form-columns-2{
  margin-top: 1rem;
}
.legal-consent-container .hs-dependent-field label{
  width: 100%;
}
.legal-consent-container .hs-richtext:first-child{
  margin-top: 5rem;
}
.legal-consent-container .hs-richtext p:first-child{
  margin-bottom: 0;
}
.legal-consent-container div.hs-richtext:nth-child(3) > p:nth-child(1){
  display: none;
}
.legal-consent-container div.hs-richtext:nth-child(3) > p:nth-child(2){
  font-size: 1.3rem;
  font-style: italic;
  padding: .5rem;
}
.legal-consent-container div.hs-richtext:nth-child(3){
  margin-bottom: 24px;
}
.hs_error_rollup .hs-error-msgs .hs-main-font-element{
  color: red;
}
.hbspt-form ul li.hs-form-booleancheckbox::before {
  display: none;
}
.hbspt-form ul li.hs-form-booleancheckbox span p{
  font-size: 18px;
}
.hbspt-form .hs_submit .actions {
  margin-top: 3rem;
}
.hbspt-form .hs_error_rollup + .hs_submit .actions{
  margin-top: 0;
}
.hbspt-form .hs_type_de_brochure > label span,
.hbspt-form .hs_acq_profil label span,
.hbspt-form fieldset > div.hs-form-field > label span,
.hbspt-form fieldset.form-columns-1 .hs-fieldtype-select label span{
  font-size: 1.8rem;
}
.hbspt-form .input ul.inputs-list li input {
  background-color: #FFFFFF;
}
.hbspt-form .input ul.inputs-list li input[type="checkbox"]:checked:checked{
  background: #001225;
  box-shadow: 0 0 0 0.2rem #CBDAE0 inset;
}
.hbspt-form fieldset.form-columns-1,
.hbspt-form fieldset.form-columns-2{
  margin-top:1rem;
}
.hbspt-form fieldset.form-columns-1 > div:not(.legal-consent-container) .input input,
.hbspt-form fieldset.form-columns-2 > div:not(.legal-consent-container) .input input{
  margin-bottom: 1rem;
}
.hbspt-form fieldset.form-columns-1 .hs-fieldtype-select .hs-input {
  width: 37.5%;
  background-color: #FFFFFF;
  border-bottom: none;
  margin-bottom: 1rem;
  border-right: 16px solid transparent;
  padding-left: 1rem;
}
.hbspt-form fieldset.form-columns-2 > div:not(.legal-consent-container) ul.hs-error-msgs{
  margin:0;
}
.hbspt-form fieldset.form-columns-2 > div:not(.legal-consent-container) ::placeholder, select:invalid, option[disabled] {
  padding-left: 1rem;
}
/*
.hbspt-form .hs-country select {
  font-style: italic;
  font-weight: 300;
  padding-left: 1rem;
}*/

@media screen and (max-width: 767.98px) {
  .hbspt-form  [type=checkbox] {
    top: 0.3rem;
  }
  .hbspt-form ul {
    padding-left: 0;
  }
  .hs_type_de_brochure .multi-container li.hs-form-checkbox{
    line-height: 18px;
  }
  .hs-acq_profile_b{
    margin-top: 1rem;
  }
  .hbspt-form label {
    display: flex;
  }
  .hbspt-form .form-columns-1 .hs-dependent-field .hs_acq_profil .hs-input {
    width: 95%;
    background-color: white;
    border-bottom: none;
  }
  .legal-consent-container .hs-form-booleancheckbox-display>span {
    margin-left: 5px;
  }
  div.hs-richtext:nth-child(1) > p:nth-child(3) {
    display: none;
  }
  .hbspt-form fieldset.form-columns-1 .hs-fieldtype-select .hs-input {
    width:100%;
  }
  .hbspt-form fieldset.form-columns-2 > div:nth-child(2){
    margin-top: 1rem;
  }
  .hbspt-form fieldset.form-columns-1 > div:not(.legal-consent-container) .hs-error-msgs li:before,
  .hbspt-form fieldset.form-columns-2 > div:not(.legal-consent-container) .hs-error-msgs li:before{
    display: none;
  }
  .hbspt-form fieldset.form-columns-1 > div:not(.legal-consent-container) .hs-error-msgs,
  .hbspt-form fieldset.form-columns-2 > div:not(.legal-consent-container) .hs-error-msgs{
    margin:0;
  }
}

/*** Temoignage Full ***/
.content-block--temoignage-full {
  padding: 2rem 0;
}
.page-node-type-temoignage .site-top__title {
  font-size: 3.6rem;
}
/*** Fin Temoignage Full ***/

/*** Formation Pré-requis ***/
@media (min-width: 768px) {
  .content-block > .two-cols:last-child {
    margin-bottom: -1rem;
  }
}
/*** Fin Formation Pré-requis ***/
.step-form__content .form-item-field-formation-apprentissage-value .form-radio {
  margin: 0 0.7rem 0 0;
}
.view-liste-formation {
  margin-top: 5rem;
}
.campus.fixed-wrapper{
  z-index: 0;
}

.path-formations .serp__aside [type=radio] + label, .path-formations .serp__aside [type=checkbox] + label {
  display: inline-block;
  max-width: 23rem;
  vertical-align: top;
}
.path-formations .serp__aside .form-item >   [type=radio], .path-formations .serp__aside .form-item > [type=checkbox] {
  display: inline-block;
}

/*** Formulaire candidature ****/
.c-progress-steps li:before {
  border-radius: 50%;
}
@media (min-width: 1200px) {
  .c-progress-steps li:before {
    font: normal normal normal 14px/0.9 FontAwesome;
    font-size: 23px;
  }
}
@media (max-width: 600px) {
  .c-progress-steps li:before {
    font: normal normal normal 14px/0.9 FontAwesome;
    width: 14px;
    height: 14px;
    font-size: 17px;
  }
  .path-formulaire-candidature .file-size, .path-formulaire-candidature .form .preinscriptionform-form .file-size {
    padding-left: 0 !important;
    display: block;
  }
}

.path-formulaire-candidature .preinscriptionform-form input#edit-anniversaire {
  width: 100%;
  line-height: 3.5rem;
}
.path-formulaire-candidature .preinscriptionform-form .bs-date-picker-anniv {
  background-color: transparent !important;
}
.path-formulaire-candidature .js-hide {
  display: none !important;
}
.path-formulaire-candidature input[type=file],
.path-formulaire-candidature .form .preinscriptionform-form input[type=file] {
  border-bottom: none !important;
}
.path-formulaire-candidature .form .preinscriptionform-form .form-type-managed-file button:hover,
.path-formulaire-candidature .form-submit:not(.btn-arrow-reveal):hover {
  color: white !important;
  background: #001225 !important;
}
.path-formulaire-candidature .form .preinscriptionform-form .form-type-managed-file button,
.path-formulaire-candidature .form-submit:not(.btn-arrow-reveal) {
  padding: 0.8rem 2rem;
  border-radius: 3rem;
  border: solid 1.5px currentColor !important;
  text-decoration: none;
  background: none;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 300;
  color: inherit !important;
  background-color: inherit !important;
  min-height: 4rem;
  line-height: 2.1rem;
  margin: 2rem 0 2rem;
}
.path-formulaire-candidature button[name=curriculum_remove_button] {
  display: block !important;
}
.path-formulaire-candidature .btn:not(:disabled):hover,
.path-formulaire-candidature .form-submit:not(:disabled):hover:not(.btn-arrow-reveal) {
  background: #001225;
  color: #FFFFFF;
  border-color: transparent;
}
.path-formulaire-candidature .form .preinscriptionform-form .panel-heading a {
  font-weight: 700;
  color: #001225;
  text-decoration: underline;
}
.path-formulaire-candidature [type=checkbox] + label .file-link a,
.path-formulaire-candidature .file-size,
.path-formulaire-candidature .form .preinscriptionform-form .file-link a,
.path-formulaire-candidature .form .preinscriptionform-form .file-size {
  font-family: "Poppins", sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
}
.path-formulaire-candidature [type=checkbox] + label .file-link a,
.path-formulaire-candidature .form .preinscriptionform-form .file-link a {
  text-decoration: underline;
}
.path-formulaire-candidature [type=checkbox] + label .file-link a:hover,
.path-formulaire-candidature .form .preinscriptionform-form .file-link a:hover {
  text-decoration: none;
}
.path-formulaire-candidature .file-size,
.path-formulaire-candidature .form .preinscriptionform-form .file-size {
  padding-left: 2rem ;
}
.path-formulaire-candidature .contact-block.formulaire__ypareo .alert-success li,
.path-formulaire-candidature .form .preinscriptionform-form .alert-success li {
  list-style: initial;
}
.path-formulaire-candidature .form .preinscriptionform-form input[type=text],
.path-formulaire-candidature .form .preinscriptionform-form .input-select,
.path-formulaire-candidature .form .preinscriptionform-form input[type=tel],
.path-formulaire-candidature .form .preinscriptionform-form textarea,
.path-formulaire-candidature .form .preinscriptionform-form input[type=file] {
  border: none;
  border-bottom: currentColor solid 1px;
  line-height: 1.57;
  width: 100%;
}
.path-formulaire-candidature .form .preinscriptionform-form .form-item > label {
  width: auto !important;
  margin: 0 1rem 0.5rem 0;
}
.path-formulaire-candidature .messages__wrapper {
  margin-top: 5rem;
}
.path-formulaire-candidature .form .preinscriptionform-form li {
  list-style: none;
}
.path-formulaire-candidature .form .preinscriptionform-form .description.help-block {
  margin: 1rem 1rem 1rem 0;
}
/*** Fin Formulaire candidature ****/

/*positionnement fil d'arianne page formations*/
@media screen and (min-width: 767.98px) and (max-width: 1700px) {
  .page-node-type-formation h1.site-top__title_formation {
    font-size: 4.5rem;
    margin: 1em 0 0.5em;
  }
  .user-logged-in.page-node-type-formation h1.site-top__title_formation {
    margin: 1.5em 0 0.5em;
  }
  .page-node-type-formation .site-top .breadcrumb {
    top: 8rem;
  }
  .user-logged-in.page-node-type-formation .site-top .breadcrumb {
    top: 11rem;
  }
  .page-node-type-formation .site-top__content p {
    font-size: 1.5rem;
  }
}
/* hubspot avec iframe /en */
.hbspt-form form > .hs-form-field input,
.hbspt-form form > .hs-form-field select,
.hbspt-form form > .hs-dependent-field select,
.hbspt-form .hs-form .form-columns-1 input:not([type='checkbox'], [type='tel']){
  width: 37.5% !important;
  background-color: white;
  border-bottom: none;
  padding-left: 5px;
}

.hbspt-form form > .hs-form-field{
  margin-top: 1rem;
}
.hbspt-form form > .hs-form-field input,
.hbspt-form form > .hs-form-field select{
  margin-bottom: 1rem;
}
.hbspt-form form > .hs-form-field label span,
.hbspt-form form > .hs-dependent-field label span{
  font-size: 1.8rem;
}
.hbspt-form .hs-form .form-columns-1 textarea,
.hbspt-form form > .hs-form-field textarea{
  margin-right: 7.5%;
  background-color: white;
  border: none;
}
.hs-en_country select.hs-input {
  width: calc( +75% + 3px);
  background-color: white;
  border-bottom: none;
}
.hs-phone .hs-input{
  background-color: white;
  border-bottom: none;
}
.hs_phone .hs-fieldtype-intl-phone.hs-input input {
  width: 61%!important;
  margin-right: 7.5%;
}
.hs_en_date_of_birth input{
  width: 37.5%;
  background-color: white;
  border-bottom: none;
}
.hbspt-form .hs-form select, .hbspt-form .hs-form select option[disabled]{
  padding-left: 5px;
  border-right: 16px solid transparent;
}
.hbspt-form .hs-form fieldset.form-columns-1 .hs_email legend.hs-field-desc {
  margin-bottom: 1rem;
}

.hbspt-form fieldset.form-columns-1 > div:not(.legal-consent-container) .inputs-list.multi-container .hs-form-checkbox input{
  margin-bottom: 0;
}
@media screen and (max-width: 767.98px) {

  .hs_phone .hs-fieldtype-intl-phone.hs-input input,
  .hbspt-form form > .hs-form-field input,
  .hbspt-form form > .hs-form-field select,
  .hbspt-form form > .hs-dependent-field select,
  .hs-en_country select.hs-input,
  .hs_en_date_of_birth input,
  .hs_phone .hs-fieldtype-intl-phone.hs-input input,
  .hbspt-form .hs-form fieldset.form-columns-1 .hs-fieldtype-intl-phone.hs-input select,
  .hbspt-form .hs-form .form-columns-2 .hs-form-field .hs-input,
  .hbspt-form .hs-form .form-columns-1 .hs-form-field .hs-input:not([type='checkbox'], [type='tel']){
    width: 100%!important;
  }
  .hs_phone .hs-fieldtype-intl-phone.hs-input input{
    margin-right: 0;
    margin-top: 1rem;
  }
  .hbspt-form .hs-form .form-columns-1 input[type='date']{
    border-right: 16px solid transparent;
  }
  .hbspt-form .hs-form .form-columns-1 input[type='date']::-webkit-calendar-picker-indicator{
    background-size:15px ;
  }
  .hbspt-form .inputs-list.multi-container .hs-form-checkbox{
    line-height: .5rem;
  }
  .hbspt-form .inputs-list.multi-container .hs-form-checkbox label {
    align-items: center;
  }
  .hbspt-form .inputs-list.multi-container .hs-form-checkbox input{
    margin-bottom: .75rem;
  }
}
@media screen and (min-width: 767.98px) {

  .para-univ-formation.content-block .custom-tabs,
  .para-remontee-page-standard.content-block .custom-tabs {
    flex-grow: 1;
    display: flex;
    min-height: 730px;
    align-items: center;
  }

  .para-univ-formation.content-block .custom-tabs__visual,
  .para-remontee-page-standard.content-block .custom-tabs__visual,
  .para-remontee-page-standard.content-block .custom-tabs--alt .custom-tabs__item__content {
    min-height: 768px;
    width: calc(55.2631578947% - 57rem + 50vw) !important;
    left: 44.7368421053% !important;
  }

  .para-univ-formation .custom-tabs__visual img,
  .para-remontee-page-standard.content-block .custom-tabs__visual img {
    height: auto;
    width: 100%;
    object-fit: cover;
  }

  .para-remontee-page-standard.content-block .custom-tabs__content {
    margin: -10rem 0;
  }

  /* footer social links */
  .footer-social.social-links ul {
    display: grid;
    grid-template-columns: repeat(3, 2rem);
    justify-items: center;
    align-items: center;
    grid-gap: 1rem 2rem;
  }
  .footer-social.social-links li {
    margin: 0;
  }
}
@media screen and (min-width: 767.98px) and (max-width: 1700px) {
  .para-univ-formation.content-block .custom-tabs, .para-remontee-page-standard.content-block .custom-tabs {
    min-height: 568px;
  }
  .para-univ-formation.content-block .custom-tabs__visual, .para-remontee-page-standard.content-block .custom-tabs__visual {
    min-height: 568px;
  }
}
@media screen and (max-width: 767.98px){
  .para-univ-formation.content-block,
  .para-remontee-page-standard.content-block {
    padding: 7rem 0 0 0;
  }
  .para-univ-formation.content-block .custom-tabs__content,
  .para-remontee-page-standard.content-block .custom-tabs__content{
    padding: 0;
  }
}
.webform-submission-trouvez-votre-formation-form .step-form__nav--next,
.webform-submission-trouvez-votre-formation-fc-form .step-form__nav--next {
  margin-left: 1rem;
}
.webform-submission-trouvez-votre-formation-form #edit-apprentissage,
.webform-submission-trouvez-votre-formation-fc-form #edit-apprentissage {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 6rem auto;
}
/*** Export CSV list des candidats Ypareo ***/
.user-logged-in .messages__wrapper {
  position: relative;
  z-index: 999999;
}
/*** Fin Export CSV list des candidats Ypareo ***/

/*** Menu Principal site /fr et /en ***/
.main-nav > ul > li > a::before, .main-nav > ul > li > span::before {
  bottom: 0.5rem;
}
/*** Fin Menu Principal site /fr et /en ***/

/*** Fil d'ariane actualité ***/
.page-node-type-actualite .site-top .breadcrumb {
  top: 5.8rem;
}
/*** Fin Fil d'ariane actualité ***/

/* Smooth scroll for summary anchors */
html {
  scroll-behavior: smooth;
}
.quick-links {
  background: #1E3E63;
  color: #FFFFFF;
  padding: 0;
}
.quick-links ul {
  flex-wrap: nowrap;
}
.quick-links ul li{
 border-right: 1px solid #FFFFFF;
  padding: 1.3rem 0;
}
.quick-links ul li:first-child {
  border-left: 0;
}
.quick-links ul li:last-child {
  border-right: 0;
}
.quick-links a{
  padding: 0 3rem;
}
.quick-links a:hover{
  text-decoration: none;
}

.quick-links a::before, .quick-links a img, .quick-links a i {
  height: 2.2rem;
}
.quick-links a i{
  font-size: 2.2rem;
}
.quick-links a span {
  font-size: 14px;
  white-space: nowrap;
  line-height: 20px;
  font-weight: 400;
}
.quick-links a:hover span{
  text-decoration: none;
}
.fa-file-signature-white, .fa-edit{
  background-image: url("../candidater.html");
  width: 20px;
  height: 20px;
  background-size: 20px;
  color: white;
}
.fa-book-open-white{
  background-image: url("../brochure.html");
  width: 20px;
  height: 20px;
  background-size: 20px;
}
.fa-file-lines-white{
  background-image: url("../formation.html");
  width: 20px;
  height: 20px;
  background-size: 20px;
}

.fa-map-marker-alt-white, .fa-search-location{
  background-image: url("../pin.html");
  width: 20px;
  height: 20px;
  background-size: 20px;
}
.fa-envelope-open-text{
  background-image: url("../contact.html");
  width: 20px;
  height: 20px;
  background-size: 20px;
}
.fa.school {
  width: 10.2rem;
  height: 2.2rem;
}
.fa.school:before {
  content: "";
  background-image: url("../school-picto.html");
  width: 40px;
  height: 27px;
  background-size: 30px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center top;
}
.quick-links .fa-search-location:before,
.quick-links .fa-envelope-open-text:before,
.quick-links .fa-edit:before{
  display: none;
}
.quick-links .fa-school:before{
  background-image: url("../contact.html");
  width: 20px;
  height: 20px;
  background-size: 20px;
}
@media screen and (max-width: 767.98px){
  .quick-links a {
    padding: 0 1rem;
    max-width:105px;
  }
  .quick-links a span {
    font-size: 9px;
    white-space: inherit;
    line-height: 10px;
    font-weight: 400;
  }
  #tarteaucitronIcon {
    margin-bottom: 90px !important;
  }
  .fa.school {
    max-width: 5.5rem;
  }
}
@media screen and (max-width: 390px){
  .quick-links a {
    padding: 0 0.5rem;
    max-width: 65px;
  }

}

/*********** Honeypot ************/
[class*="form-item-link-code"] {
  display: none !important;
}
/*********** Fin Honeypot ************/

/*********** Captcha ************/
[data-drupal-selector="edit-captcha"] {
  margin: 0;
  border: none;
}
[data-drupal-selector="edit-captcha"] .captcha__title {
  font-size: 2.25rem;
}
[data-drupal-selector="edit-captcha"] .form-item-captcha-response {
  display: block;
}
[data-drupal-selector="edit-captcha"] .captcha__description {
  display: none;
}
[data-drupal-selector="edit-captcha"] label[for="edit-captcha-response"] {
  width: unset;
  font-size: 2rem;
}
/*********** Fin Captcha ************/


.desktop-formation .trainings{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
}
.content-block-remontee-formation .info-label{
    font-size: 1.4rem;
    font-family: Poppins, sans-serif;
    display: flex;

}
.content-block-remontee-formation .info-label::before{
    font-family: "Font Awesome 5 Pro";
    font-size: 1.8rem;
    margin-right: 1.2rem;
    font-weight: 300;
}
.content-block-remontee-formation .trainings__item__infos{
    flex-direction: column;
}
.desktop-formation .trainings .trainings__item{
    margin: 0 0 0 0;
}
.content-block-remontee-formation  .paragraph--type--fiche-formation-session-field .description{
    border-bottom: 1px solid #495779;
    padding-bottom: 2rem;
}
@media (min-width: 769px) {
    .mobile-formation {
        display: none;
    }
    .desktop-formation {
        display: block;
    }
}
@media (max-width: 768px) {
    .mobile-formation {
        display: block;
    }
    .desktop-formation {
        display: none;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1224px) {
    .formations__items{
        grid-template-columns: 1fr 1fr;
    }
}

.formation-details__content .formation-campus{
    display: flex;
    align-items: center;
    gap: 5px;
}

.trainings__item__infos .field-approche{
    display: flex;
    align-items: center;
}
.info-label--globe::before {
    content: "\f0ac";
}
.paragraph--type--fiche-formation-session-field .date-range{
    display: flex;
    gap: 5px;
}
.content-block-remontee-formation .trainings__item__title{
    font-size: 2.2rem;
}
.content-block-remontee-formation  .trainings__item .tags{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.content-block-remontee-formation  .trainings__item .tags .tag{
    margin: 0 0  0 0 ;
    height: fit-content;
}

.results .results__item--formation .formation-session{
    display: flex;
    gap: 1rem;
}
.results .results__item--formation .formation-session .results__item__body{
    margin-top: 1rem;
}
.results .results__item--formation .paragraph--type--fiche-formation-session-field{
    border-right: 1px solid #495779;
    padding-right: 1rem;
}
.results__item--formation .tags{
    display: flex;
    justify-content: space-between;
}
.results__item--formation .paragraph--type--fiche-formation-session-field:last-child{
    border: 0;
}
.results__item--formation .results__item__body{
    margin-top: 1rem;
}
/** Affichage mobile des remontées "Evènements **/
@media (max-width: 767.98px) {
    .events__item.events__item:nth-child(2) ~ .events__item, .pushs__item.events__item:nth-child(2) ~ .events__item {
        display: block;
    }
}

.node-remonte-formation{
 font-size: 16px;
}

/** Formulaire Ypareo **/
@media (min-width: 768px) {
  #edit-current-school--description {
    padding: 0 0 1.5rem 0rem !important;
    margin-top: -1.8rem !important;
  }
}
/** Fin Formulaire Ypareo **/