/* CSS Saleh */
   .svg-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .svg-list li {
    margin-bottom: 12px;
  }

  .svg-list a {
    position: relative;
    display: inline-block;
    padding-left: 32px;
    text-decoration: none;
    color: inherit;
  }

  .svg-list a::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%234a90e2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
  }

  .svg-list a:hover {
    text-decoration: underline;
  }
#menu-item-6701 li.blue span{
  font-size: 0.865rem;
}
.btn-margin-negative {
  margin-top: -10em;
}
.box-admission{
  width: 23%;
  margin: 1%;
  aspect-ratio: 1 / 1;
  border-radius: 3px;
  min-height: 250px;
}
.niv span {
  border-radius: 3px;
}
.margin-50p {
  margin-top: 50px;
}
.arrow-rightdown {
  content: " ";
  background: url("../img/arrow-rightdown.png");
  width: 70px;
  height: 70px;
  display: block;
  background-size: cover;
  position: absolute;
  right: 140px;
  transform: rotate(90deg);
}
.arrow-rightdown.inversed{
  background: url("../img/arrow-rightdown1.png");
  transform: rotate(0deg);
  background-size: cover;
}
.middle-line:after {
  content: " ";
  height: 1px;
  width: 100%;
  border-top: 4px dashed #3f4046;
  position: absolute;
  top: calc(50% - 2px);
}

/* CSS ICHEM */
.btn-primary-dsp {
  color: unset !important;
  --bs-btn-color: var(--bs-shadowgray-dsp);
  --bs-btn-bg: var(--bs-cyan-dsp);
  --bs-btn-border-color: var(--bs-cyan-dsp);
  --bs-btn-hover-color: var(--bs-shadowgray-dsp);
  --bs-btn-hover-bg: var(--bs-paleblue-dsp);
  --bs-btn-hover-border-color: var(--bs-shadowgray-dsp);
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: var(--bs-shadowgray-dsp);
  --bs-btn-active-bg: var(--bs-cyan-dsp);
  --bs-btn-active-border-color: var(--bs-shadowgray-dsp);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  text-shadow: 0 1px 0px var(--bs-paleblue-dsp);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-primary-unshadowed-dsp {
  color: unset !important;
  --bs-btn-color: var(--bs-shadowgray-dsp);
  --bs-btn-bg: var(--bs-cyan-dsp);
  border-width: 0 !important;
  --bs-btn-border-color: var(--bs-cyan-dsp);
  --bs-btn-hover-color: var(--bs-shadowgray-dsp);
  --bs-btn-hover-bg: var(--bs-paleblue-dsp);
  --bs-btn-hover-border-color: var(--bs-shadowgray-dsp);
  /*--bs-btn-focus-shadow-rgb: 130, 138, 145;*/
  --bs-btn-active-color: var(--bs-shadowgray-dsp);
  --bs-btn-active-bg: var(--bs-cyan-dsp);
  --bs-btn-active-border-color: var(--bs-shadowgray-dsp);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: var(--bs-paleblue-dsp) 4px 4px 0px 0px inset !important;
  /*box-shadow: 0px 0px 0px 0px var(--bs-shadowgray-dsp) !important;*/
  text-shadow: 0 1px 0px var(--bs-paleblue-dsp);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-secondary-dsp {
  --bs-btn-color: var(--bs-shadowgray-dsp);
  --bs-btn-bg: var(--bs-palepink-dsp);
  --bs-btn-border-color: var(--bs-palepink-dsp);
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: var(--bs-shadowgray-dsp);
  --bs-btn-hover-border-color: var(--bs-shadowgray-dsp);
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: var(--bs-shadowgray-dsp);
  --bs-btn-active-bg: var(--bs-palepink-dsp);
  --bs-btn-active-border-color: var(--bs-shadowgray-dsp);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-third-dsp {
  --bs-btn-color: var(--bs-paleblue-dsp);
  --bs-btn-bg: var(--bs-shadowgray-dsp);
  --bs-btn-border-color: var(--bs-shadowgray-dsp);
  --bs-btn-hover-color: var(--bs-shadowgray-dsp);
  --bs-btn-hover-bg: var(--bs-cyan-dsp);
  --bs-btn-hover-border-color: var(--bs-cyan-dsp);
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: var(--bs-shadowgray-dsp);
  --bs-btn-active-bg: var(--bs-cyan-dsp);
  --bs-btn-active-border-color: var(--bs-shadowgray-dsp);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
  box-shadow: 3px 3px 0px 0px var(--bs-cyan-dsp) !important;
}
.btn-fourth-dsp {
  --bs-btn-color: var(--bs-shadowgray-dsp);
  --bs-btn-bg: var(--bs-paleblue-dsp);
  --bs-btn-border-color: var(--bs-shadowgray-dsp);
  --bs-btn-hover-color: var(--bs-shadowgray-dsp);
  --bs-btn-hover-bg: var(--bs-cyan-dsp);
  --bs-btn-hover-border-color: var(--bs-shadowgray-dsp);
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: var(--bs-shadowgray-dsp);
  --bs-btn-active-bg: var(--bs-cyan-dsp);
  --bs-btn-active-border-color: var(--bs-shadowgray-dsp);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
  /*box-shadow: 3px 3px 0px 0px var(--bs-cyan-dsp) !important;*/
}

.btn-lightgray-dsp {
  --bs-btn-color: var(--bs-red-dsp);
  --bs-btn-bg: var(--bs-lightgray-dsp);
  --bs-btn-border-color: var(--bs-shadowgray-dsp);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-shadowgray-dsp);
  --bs-btn-hover-border-color: var(--bs-shadowgray-dsp);
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: var(--bs-cyan-dsp);
  --bs-btn-active-border-color: var(--bs-shadowgray-dsp);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
  /*box-shadow: 3px 3px 0px 0px var(--bs-cyan-dsp) !important;*/
}

.btn-lightgray2-dsp {
  --bs-btn-color: var(--bs-shadowgray-dsp);
  --bs-btn-bg: var(--bs-lightgray-dsp);
  --bs-btn-border-color: var(--bs-shadowgray-dsp);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-shadowgray-dsp);
  --bs-btn-hover-border-color: var(--bs-shadowgray-dsp);
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: var(--bs-cyan-dsp);
  --bs-btn-active-border-color: var(--bs-shadowgray-dsp);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
  /*box-shadow: 3px 3px 0px 0px var(--bs-cyan-dsp) !important;*/
}
.btn-blue-dsp {
  color: unset !important;
  --bs-btn-color: var(--bs-shadowgray-dsp);
  --bs-btn-bg: var(--bs-cyan-dsp);
  border-width: 0px !important;
  /*--bs-btn-border-color: var(--bs-cyan-dsp);*/
  --bs-btn-hover-color: var(--bs-shadowgray-dsp);
  --bs-btn-hover-bg: var(--bs-paleblue-dsp);
  /*--bs-btn-hover-border-color: var(--bs-shadowgray-dsp);*/
  /*--bs-btn-focus-shadow-rgb: 130, 138, 145;*/
  --bs-btn-active-color: var(--bs-shadowgray-dsp);
  --bs-btn-active-bg: var(--bs-cyan-dsp);
  --bs-btn-active-border-color: var(--bs-shadowgray-dsp);
  box-shadow: 0px 0px 0px 0px var(--bs-shadowgray-dsp) !important;
  /*--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);*/
  /*text-shadow: 0 1px 0px var(--bs-paleblue-dsp);*/
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.cut-corner-tr::after {
  content: '';
  border-bottom: 1px solid #3F4046;
  top: -7px;
  position: absolute;
  right: -2px;
  transform: rotate(45deg);
  background-color: #ffffff;
  width: 40px;
  height: 25px;
  /*content: '';
  border-bottom: 1px solid #000000;
  padding: 27px;
  top: -15%;
  position: absolute;
  right: -6%;
  transform: rotate(45deg);
  background-color: #ffffff;*/
}
.btn-cut-corner-tr::after {
  content: '';
  border-bottom: 1px solid #3F4046;
  top: -6px;
  position: absolute;
  right: -8px;
  transform: rotate(45deg);
  background-color: #ffffff;
  width: 20px;
  height: 15px;

  /*content: '';
  border-bottom: 1px solid #000000;
  top: -13px;
  position: absolute;
  right: -13px;
  transform: rotate(45deg);
  background-color: #ffffff;
  width: 25px;
  height: 25px;*/
}
.btn-hover-cut-corner-tr.active::after {
  content: '';
  border-top: 1px solid #3F4046;
  bottom: -6px;
  position: absolute;
  left: -8px;
  transform: rotate(45deg);
  background-color: #ffffff;
  width: 20px;
  height: 15px;
}
.btn-hover-cut-corner-tr.active::before {
  content: '';
  height: 5px;
  width: 40px;
  position: absolute;
  background-color: #ffffff;
  bottom: 5px;
  left: -18px;
  transform: rotate(45deg);
}


.btn-cut-corner-tr::before {
  content: '';
  height: 10px;
  width: 20px;
  position: absolute;
  background-color: #ffffff;
  top: 1px;
  right: -10px;
  transform: rotate(45deg);

  /*content: '';
  height: 4px;
  width: 40px;
  position: absolute;
  background-color: #ffffff;
  top: 8px;
  right: -18px;
  transform: rotate(45deg);*/

  /*content: '';
  height: 4px;
  width: 40px;
  position: absolute;
  background-color: #ffffff;
  top: 12px;
  right: -18px;
  transform: rotate(45deg);*/
}
.active.btn-cut-corner-br::after {
  content: '';
  border-bottom: 1px solid #3F4046;
  bottom: -7px;
  position: absolute;
  right: -9px;
  transform: rotate(135deg);
  background-color: var(--bs-lightgray-dsp);
  width: 20px;
  height: 17px;
}
.active.btn-cut-corner-br::before {
  content: '';
  height: 5px;
  width: 40px;
  position: absolute;
  background-color: var(--bs-lightgray-dsp);
  bottom: 5px;
  right: -18px;
  transform: rotate(135deg);
}

.active.btn-cut-corner-br-white::after {
  content: '';
  border-bottom: 1px solid #3F4046;
  bottom: -7px;
  position: absolute;
  right: -9px;
  transform: rotate(135deg);
  background-color: #ffffff;
  width: 20px;
  height: 17px;
}
.active.btn-cut-corner-br-white::before {
  content: '';
  height: 5px;
  width: 20px;
  position: absolute;
  background-color: #ffffff;
  bottom: 0px;
  right: -5px;
  transform: rotate(135deg);
}

.event-date {
  color: #35D8EC !important;
  text-decoration: none;
  font-weight: 600;
}

#nos-actualites .btn-cut-corner-tr::after, #nos-actualites .btn-cut-corner-tr::before {
background-color: var(--bs-shadowgray-dsp);
border-color: var(--bs-shadowgray-dsp);
}
#nos-offres .btn-cut-corner-tr::after, #nos-offres .btn-cut-corner-tr::before {
background-color: var(--bs-cyan-dsp);
border-color: var(--bs-shadowgray-dsp);
}
#nos-formations .btn-cut-corner-tr::after, #nos-formations .btn-cut-corner-tr::before {
background-color: var(--bs-lightgray-dsp);
border-color: var(--bs-shadowgray-dsp);
}
#nos-formations .btn-cut-corner-bl::after, #nos-formations .btn-cut-corner-bl::before {
background-color: var(--bs-lightgray-dsp);
border-color: var(--bs-shadowgray-dsp);
}
.card-cut-corner-tr::after {
  content: '';
  border-bottom: 1px solid #3F4046;
  top: -6px;
  position: absolute;
  right: -19px;
  transform: rotate(45deg);
  background-color: var(--bs-cyan-dsp);
  width: 55px;
  height: 30px;
}
.formation-card-info.card-cut-corner-tr::before {
  content: '';
  height: 5px;
  width: 40px;
  position: absolute;
  background-color: #ffffff;
  top: 29px;
  right: -18px;
  transform: rotate(45deg);
}
.formation-card-info.card-cut-corner-tr::after {
  background-color: #FFFFFF;
}
.btn-cut-corner-bl::after {
  content: '';
  border-top: 1px solid #3F4046;
  bottom: -6px;
  position: absolute;
  left: -8px;
  transform: rotate(45deg);
  background-color: #ffffff;
  width: 20px;
  height: 15px;
}
.btn-cut-corner-bl::before {
  content: '';
  height: 5px;
  width: 40px;
  position: absolute;
  background-color: #ffffff;
  bottom: 5px;
  left: -18px;
  transform: rotate(45deg);
}

.cut-corner-bl::after {
  content: '';
  border-top: 1px solid #3F4046;
  bottom: -7px;
  position: absolute;
  left: -2px;
  transform: rotate(45deg);
  background-color: #ffffff;
  width: 40px;
  height: 25px;
}

.fs-italic{
  font-style:italic;
}

#faq-block {
  background-color: var(--bs-lightgray-dsp);
}

#faq-title {
  position: relative;
  top: -90px;
}

.titre-headlines {
  color: var(--bs-cyan-dsp);
}

.headlines-thirdtitle {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}

.headlines-thirdtitle span{
  font-weight: 700;
}

.title-container{
  text-align: center;
}
.paleblue-dsp {
  color: var(--bs-paleblue-dsp);
}
.cyan-dsp {
  color: var(--bs-cyan-dsp);
}
.red-dsp {
  color: var(--bs-red-dsp);
}
.gray-dsp {
  color: var(--bs-gray-dsp);
}

.bg-shadowgray-dsp{
  background-color: var(--bs-shadowgray-dsp) !important;
  border-radius: 3px 0px 0px 0px;
}
.bg-palepink-dsp{
  background-color: var(--bs-palepink-dsp) !important;
}
.bg-paleblue-dsp{
  background-color: var(--bs-paleblue-dsp) !important;
}
.bg-lightgray-dsp{
  background-color: var(--bs-lightgray-dsp) !important;
}
.bg-cyan-dsp{
  background-color: var(--bs-cyan-dsp);
}
.bg-gray-dsp{
  background-color: var(--bs-gray-dsp);
}

.border-shadowgray-dsp{
  border: 1px solid var(--bs-shadowgray-dsp);
}
.border-palepink-dsp{
  border: 1px solid var(--bs-palepink-dsp);
}
.border-gray-dsp {
  border: 1px solid var(--bs-gray-dsp);
}
.border-cyan-dsp {
  border: 1px solid var(--bs-cyan-dsp);
}
.shadow-shadowgray-br-dsp {
  /*filter: drop-shadow(0 2px 0px var(--bs-shadowgray-dsp));*/
  box-shadow: 3px 3px 0px 0 var(--bs-shadowgray-dsp) !important;
}
.clip-bottom-left {
  clip-path: polygon(0% -80%, 100% -15%, 100% 100%, 4% 100%, 0% 75%);
}
.clip-bottom-right {
  clip-path: polygon(0% -25%, 100% 0, 100% 78%, 92% 100%, 0% 100%);
}
.clip-top-right {
  clip-path: polygon(83% 0, 100% 19%, 100% 200%, 0 100%, 0 -100%);
}
#skills-card-container strong {
  color: #fff;
}
#skills-card-container p {
  color: var(--bs-paleblue-dsp);
}
#a-modform h3{
  width: fit-content;
  border-radius: 3px;
}
.clip-top-left {
  clip-path: polygon(8% -50%, 100% 0%, 100% 100%, 0 100%, 0 21%);
}
#secteursection .listinghorizontal {
  max-width: 75%;
}
#secteursection .listinghorizontal .card-metier {
  min-width: 320px;
  max-width: 350px;
  /*min-height: 250px;*/
  height: 370px;
  /*margin-right: 10px;*/
  /*margin-bottom: 10px;*/

  /*width: 350px;*/
  /*height: 350px;*/

  /*height: fit-content;*/
  /*max-width: 288px;*/
  /*max-height: 380px;*/
}
#cardlist-section .card-metier {
  width: 350px;
  height: 350px;
  margin-bottom: 40px;
}
#cardlist-section .card-metier a.metier{
  padding: clamp(0.3rem, 0.8rem, 1.125rem) clamp(1rem, 1.5rem, 3rem);
  bottom: -60px;
}
#secteursection .listinghorizontal a.metier {
  padding: clamp(0.3rem, 0.8rem, 1.125rem) clamp(1rem, 1.5rem, 3rem);
  bottom: -25px;
}
#secteursection .card-secteur {
  min-width: 326px;
  max-width: 370px;
}
#secteursection .card-secteur a{
  width: fit-content;
  /*color: var(--bs-shadowgray-dsp);*/
}
#form-filter-blog form[data-sf-form-id="4593"] {

}

#listing-stage #form-filter-offre li:last-child {
  display: flex;
  justify-content: left;
}
#listing-stage #form-filter-offre li>input[type="submit"] {
  background-color: var(--bs-cyan-dsp);
}
#listing-stage #form-filter-offre select {
  background-color: var(--bs-white);
  color: var(--bs-shadowgray-dsp);
}
.card-blog .blog-img2 {
  max-height: 50%;
}
.card-blog picture {
  max-height: 50%;
}

.card-global {
  min-width: 320px;
  max-width: 350px;
  min-height: 250px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.card-blog {
  min-width: 320px;
  max-width: 350px;
  /*min-height: 250px;*/
  height: 370px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.card-alt-home {
  min-width: 310px;
  max-width: 330px;
  height: 330px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
}
.card-alt-home .location {
  margin-top: -15px;
  width: fit-content;
  padding: 5px 10px !important;
  border-radius: 3px;
  margin-bottom: 2em;
}
.card-alt-page {
  max-width: 310px;
  height: 320px ;
  margin-top: 40px;
}
.card-alt-home a.btn {
  padding: clamp(0.3rem, 0.8rem, 1.125rem) clamp(1rem, 1.5rem, 3rem);
  width: 81%;
}
/*.card-alt-home .card-btn {*/
/*  bottom: -16px;*/
/*  left: 0;*/
/*}*/
.absolute-bottom-btn {
  bottom: -12px;
  left: 0;
}
.card-blog img {
  width: 100%;
}
.no-break-sentence {
  white-space: nowrap;
}
@media screen and (max-width: 1399px) {
  #secteursection .listinghorizontal {
    max-width: 100%;
  }
}

.title-cyan {
  display: inline-block;
  padding: 10px 30px;
  background-color: var(--bs-cyan-dsp);
  color: var(--bs-shadowgray-dsp);
  width: fit-content;
  font-size: 36px;
  position: relative;
}

.title-cyan::before,
.title-cyan::after {
  content: '';
  position: absolute;
  top: -15px;
  left: -15px;
  width: 100%; 
  height: 100%; 
  background-color: var(--bs-paleblue-dsp); 
}

.title-cyan::before {
  z-index: -1; 
}

.title-cyan::after {
  z-index: -1;
}

.title-shadowgray {
  display: block;
  padding: 10px 30px;
  background-color: var(--bs-shadowgray-dsp);
  color: var(--bs-paleblue-dsp);
  width: fit-content;
  margin: auto;
  text-align: center;
  font-size: 36px;
  box-shadow: -15px -16px 0px 0 var(--bs-paleblue-dsp);
}

/*.title-shadowgray::before,*/
/*.title-shadowgray::after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  top: -15px;*/
/*  left: -15px;*/
/*  width: 100%; */
/*  height: 100%; */
/*  background-color: var(--bs-paleblue-dsp); */
/*}*/

/*.title-shadowgray::before {*/
/*  z-index: -1; */
/*}*/

/*.title-shadowgray::after {*/
/*  z-index: -1;*/
/*}*/

.title-paleblue {
  display: block;
  padding: 10px 30px;
  background-color: var(--bs-paleblue-dsp);
  color: var(--bs-shadowgray-dsp);
  width: fit-content;
  margin: auto;
  text-align: center;
  font-size: 36px;
  box-shadow: -15px -16px 0px 0 var(--bs-cyan-dsp);
}

/*.title-paleblue::before,*/
/*.title-paleblue::after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  top: -15px;*/
/*  left: -15px;*/
/*  width: 100%; */
/*  height: 100%; */
/*  background-color: var(--bs-cyan-dsp); */
/*}*/

/*.title-paleblue::before {*/
/*  z-index: -1; */
/*}*/

/*.title-paleblue::after {*/
/*  z-index: -1;*/
/*}*/

#post-content h2 {
  text-shadow: 0 3px 0px var(--bs-paleblue-dsp);
  color: #000 !important;
}
#post-content h3 {
  text-shadow: 0 3px 0px var(--bs-palepink-dsp);
  color: var(--bs-cyan-dsp) !important;
}
.shadow-title {
  text-shadow: 0 3px 0px var(--bs-paleblue-dsp);
}

.shadow-title-alt {
  text-shadow: 0 3px 0px var(--bs-palepink-dsp);
}

.shadow-subtitle {
  text-shadow: 0 2px 0px var(--bs-paleblue-dsp);
}

.shadow-subtitle-alt {
  text-shadow: 0 2px 0px var(--bs-palepink-dsp);
}

.highlight-text {
  background-color: var(--bs-palepink-dsp);
  font-weight: bold;
}

.highlight-text-alt {
  background-color: var(--bs-davygray-dsp);
  font-weight: bold;
}

.advantages-title {
  font-size: 40px;
  font-weight: 900;
}

#offres-title, #actualites-title {
  position: relative;
  top: 40px;
  z-index: 1;
  /*top: -48px;*/
  /*top: -105px;*/
}

#nos-formations .line {
  border-radius: 5px;
  background-color: var(--bs-white-dsp);
}
#nos-formations .line span{
  border-radius: 3px;
}
#nos-formations .line-1 {
  border-bottom: 3px solid var(--bs-shadowgray-dsp);
}
#nos-formations .line-1 .bac-n  {
  position: relative;
  border-radius: 3px;
}
#nos-formations .line-1 .bac-n:after  {
  content: '➜';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-weight: bolder;
  rotate: 90deg;
  bottom: -22px;
  font-size: 20px;
  height: 20px;
  width: 20px;
}
#nos-formations .line-2 {
  border: 1px solid var(--bs-shadowgray-dsp);
  border-left: 6px solid var(--bs-shadowgray-dsp);
}
#nos-formations .line-2:hover {
  background: #a5ecf2;
  transition: all 0.4s ;
}
#nos-formations .-left {
  width: 60%;
}
#nos-formations .-right {
  width: 40%;
}
#nos-formations {
  background-color: var(--bs-lightgray-dsp);
}

#nos-formations-title {
  position: relative;
  top: -45px;
}

.advantages-block p {
  font-size: 18px;
}

.advantages-block {
  height: 180px;
  color: #3F4046;
  border-radius: 3px;
  border: solid 1px #3F4046;
}

#advantage-1 {
  background-color: var(--bs-lightgray-dsp);
}
#advantage-2 {
  background-color: var(--bs-cyan-dsp);
}
#advantage-3 {
  background-color: var(--bs-paleblue-dsp);
}
#advantage-4 {
  background-color: var(--bs-shadowgray-dsp);
  color: var(--bs-paleblue-dsp);
}

#advantage-4 p {
  color: var(--bs-paleblue-dsp);
}

.presentation-title {
  font-size: 40px;
}

.presentation-subtitle {
  font-size: 34px;
}

.overlap {
  margin-left: -10px;
}

.no-wrap {
  white-space: nowrap;
}
.btn {
  font-size: 14px;
  line-height: 18px;
  font-weight: semibold;
  border: 1px solid var(--bs-shadowgray-dsp);
  box-shadow: 3px 3px 0px 0px var(--bs-shadowgray-dsp);
  border-radius: 3px;
}

#logo {
  background-color: var(--bs-light-gray-dsp);
}
.ecole-desc {
  margin: 100px 0 100px 0;
}
.formation-title {
  text-align: center;
  margin-bottom: 30px;
}
#alternance-ou-initiale {
  margin: 100px 0 100px 0;
}
.carousel-inner {
  overflow-x: auto;
  white-space: nowrap;
}

.carousel-item {
  display: inline-block;
}

#nos-offres {
  margin-top: 100px;
  /*background-color: var(--bs-cyan-dsp);*/
  /*clip-path: polygon(25% -120%, 100% 0, 100% 100%, 0 120%, 0% 20%);*/
}
#nos-offres .main-container {
  padding-top: 60px;
  padding-bottom: 60px;
  clip-path: polygon(40% -75%, 100% 0, 100% 100%, 0 120%, 0% 20%);
}
#nos-actualites .main-container {
  padding-top: 60px;
  padding-bottom: 60px;
  clip-path: polygon(40% -120%, 100% 0, 100% 100%, 0 120%, 0% 20%);
}
@media screen and (max-width: 640px) {
  #nos-offres .main-container {
    clip-path: none;
  }
  #nos-actualites .main-container {
    clip-path: none;
  }
}
.swiper-container-alt {
  height: 460px;
}
.swiper-alt, .swiper-blog {
  overflow-y: hidden;
  margin-left: 8rem;
  padding-left: 2rem;
  border-left: 2px solid var(--bs-gray-dsp);
}
.swiper-alt .swiper-button, .swiper-blog .swiper-button{
  left: 50px;
  right: auto;
  color: var(--bs-shadowgray-dsp);
  background-color: var(--bs-lightgray-dsp);
  padding: 30px 28px;
  border: 1px solid var(--bs-shadowgray-dsp);
  border-radius: 3px;
}
.swiper-blog .swiper-button {
  background-color: var(--bs-davygray-dsp);
  border-color: var(--bs-gray-dsp);
  color: var(--bs-paleblue-dsp);
}
.swiper-alt .swiper-button-prev, .swiper-blog .swiper-button-prev{
  top: 43%;
}
.swiper-alt .swiper-button-next, .swiper-blog .swiper-button-next{
  top: 55%;
}
.swiper-button-prev:after, .swiper-button-next:after {
  font-weight: bolder;
  font-size: x-large;
}

.swiper-wrapper {
  gap: 10px;
}
#trustus .swiper-button {
  display: none;
}

@media screen and (max-width: 640px) {
  .swiper-alt, .swiper-blog {
    overflow-y: initial;
  }
  .swiper-alt .swiper-button-prev, .swiper-blog .swiper-button-prev{
    left: 0;
    top: 50%;
  }
  .swiper-alt .swiper-button-next, .swiper-blog .swiper-button-next{
    right: 0;
    top: 50%;
    left: auto;
  }
  .swiper-blog .swiper-button {
    top: 55%;
  }
  .swiper-blog .swiper-button-prev{
    left: 0;
  }
  .swiper-blog .swiper-button-next{
    right: 0;
    left: auto;
  }
  .swiper-alt, .swiper-blog {
    margin-left: 0;
    border-left: none;
  }
  .swiper-blog .swiper-button{
    color: var(--bs-shadowgray-dsp);
    background-color: var(--bs-lightgray-dsp);
    border: 0px solid var(--bs-shadowgray-dsp);
  }

  #trustus .swiper-button {
    display: flex;
    color: var(--bs-shadowgray-dsp);
    background-color: var(--bs-lightgray-dsp);
    padding: 30px 28px;
    border: 1px solid var(--bs-shadowgray-dsp);
    border-radius: 3px;
  }
  #trustus .swiper-button {
    top: 35%;
  }
  #trustus .swiper-button-prev{
    left: 0;
  }
  #trustus .swiper-button-next{
    right: 0;
    left: auto;
  }
  #trustus .swiper-container {
    padding-right: 0;
    padding-left: 0;
  }
}

#trustus .btn {
  border-width: 0 !important;
  box-shadow: var(--bs-paleblue-dsp) -3px -3px 0px 0px inset !important;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 6% 100%, 0 65%);
}
#trustus {
  margin-bottom: 120px;
}
.trustus-text {
  font-size: 24px;
}

.swiper-slide {
  border-radius: 3px;
  border: solid 1px var(--bs-shadowgray-dsp);
  background-color: var(--bs-white-dsp);
}

#btn-footer {
  width: fit-content;
  /* width: 168px;
  height: 60px; */
}

#f2i-footer {
  width: 63px !important;
  margin-right: 13px;
}

/* */

.btn.text-blue,
.text-blue {
  color: var(--bs-blue-f2i);
}
.btn.text-red,
.text-red {
  color: var(--bs-red-f2i);
}
.btn.text-yellow,
.text-yellow {
  color: var(--bs-yellow-f2i);
}
.btn.text-gray,
.text-gray {
  color: var(--bs-gray-f2i);
}

.bg-blue-f2i {
  background-color: var(--bs-blue-f2i);
}
.bg-red {
  background-color: var(--bs-red-f2i);
}
.bg-yellow {
  background-color: var(--bs-yellow-f2i);
}
.bg-gray {
  background-color: var(--bs-gray-f2i);
}
.bg-lightgray {
  background-color: var(--bs-very-light-gray-f2i);
}
.bg-vdarkgray {
  background-color: var(--bs-very-dark-gray-f2i);
}
.btn.active[data-bs-toggle="pill"] {
  color: unset !important;
  --bs-btn-color: var(--bs-shadowgray-dsp);
  --bs-btn-bg: var(--bs-cyan-dsp);
  --bs-btn-border-color: var(--bs-cyan-dsp);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  text-shadow: 0 1px 0px var(--bs-paleblue-dsp);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}
.nav-pills-absolute .btn.active[data-bs-toggle="pill"] {
  padding: 1em 2em;
    color: unset !important;
    top: 10px;
    box-shadow: none !important;
    scale: 1 !important;
}
.nav-pills-absolute button:not(:disabled)[data-bs-toggle="pill"] {
    top: 0px;
    box-shadow: none !important;
}

#content-course-detail .btn {
  margin-top: 15px;
  padding: 1em 0.5em;
  box-shadow: none !important;
  text-transform: capitalize;
}
#content-course-detail .btn.active[data-bs-toggle="pill"] {
  position: relative;
  left: 2em;
}
#goal #a-target img {
  max-width: 40%;
  max-height: 400px;
}
@media screen and (max-width: 768px) {
  #goal #a-target img {
    max-width: 100%;
  }
  .btn-container {
    width: 100%;
  }
  .btn-container .btn {
    text-align: center !important;
    width: 100%;
  }
  /*#cardlist-section .card-metier a.metier {*/
  /*  position: initial;*/
  /*}*/
}
.red,
.title.t-yellow {
  color: var(--bs-red-f2i);
}
.title-blue,
.title-center {
  margin: auto;
}
.offre-desc p {
  font-size: 1.2em;
  line-height: 1.6em;
}
.offre-desc ul li {
  font-size: 1.2em;
  line-height: 1.6em;
}
#form-filter-courses .sf-field-submit,
#form-filter-offre .sf-field-submit,
.card-new,
.has-dropdown,
.progresscontent,
.submenu > li:hover > a + .submenu,
.trapeze,
.trapeze1,
.trapeze6,
.trapeze2,
.trapezefond1,
.trapezefond3,
div#blog-main-image .container {
  position: relative;
}
#stage-block header p,
.cat,
.head-f2i,
.menu > li > a,
.menu > li > .akn-obf-link,
.strong,
label {
  font-weight: 500;
}
.head-f2i p {
  margin: 0;
  margin-left: 6px;
}
p.p-home-page {
  font-size: 16px;
}

#form-filter select,
#form-filter-courses select,
#form-filter-metier select,
#form-filter-offre select,
.menu li a {
  text-transform: uppercase;
}
.cta-text,
.listinghorizontal,
.submenu {
  white-space: nowrap;
}
.akn-obf-link,
.loadmore,
.video img,
.video:after {
  cursor: pointer;
}
#footer li a,
.breadcrumb a,
.cat a,
.menu li a,
.no-underline,
a div,
a h1,
a h2,
a h3,
a h4,
a h5,
a p,
a[target] {
  text-decoration: none;
}
#footer li a {
  color: var(--bs-white);
}
.page:not(.home) p,
.post p,
p.introformation {
  text-align: justify;
}
:root {
  box-sizing: border-box;
  --primary: #e70146;
  --hover-color: #fdd052;
  --dark: #212529;
  --light: #fff;
  --gris: #f9f9f9;
  --header-bg: var(--primary);
}
main {
  overflow-x: hidden;
}
.yellow {
  color: var(--bs-yellow-f2i);
}
.card.card-yellowborder {
  box-shadow: none;
  border: 1px solid var(--bs-yellow-f2i);
}
.card.card-redborder {
  box-shadow: none;
  border: 2px solid var(--bs-red-f2i);
}
a.card.card-redborder h3 {
  color: var(--bs-yellow-f2i);
  text-align: center;
}
.blue {
  /* color: #332985; */
  color: var(--bs-cyan-dsp);
}

#faq-block .title-yellow,
.menu li a.btn,
.menu li:hover a.btn,
.submenu li a.btn,
.submenu li:hover a.btn,
.title,
.white {
  color: var(--light);
}
#faq-block .card-body {
  padding: 32px 18px 0px 18px;
}
.bg-gris {
  background-color: var(--gris);
}
#header.opened-menu,
.bg-blue,
.card-blue {
  background-color: var(--bs-primary);
}
.bg-red,
.single h1 strong.redmark,
.single h2 strong.redmark,
.single h3 strong.redmark,
.single h4 strong.redmark {
  background-color: var(--bs-red-f2i);
}
.bg-white {
  background-color: var(--light);
}
.title.t-yellow {
  background: var(--bs-yellow-f2i);
}
.trapeze1:after,
.trapeze2:after,
.trapeze3:after,
.trapeze4:after,
.trapeze5:after,
.trapeze6:after,
.trapeze:after,
.trapezefond1:before,
.trapezefond2:before,
.trapezefond3:before,
.trapezefond:before {
  background: var(--bs-blue-f2i);
}
img {
  max-width: 100%;
  height: auto;
}
#form-filter label,
#form-filter-courses label,
#form-filter-metier label,
#form-filter-offre label,
.courses-img,
.fullwidth,
.textadd img,
table {
  width: 100%;
}
.swiper-scrollbar,
a.btn.btn-white-f2i {
  background: #fff;
}
.title {
  display: inline-block;
  background-color: var(--bs-blue-f2i);
  padding: 17px 60px;
  transform: rotate(-2deg);
}
.title-blue,
.title-red {
  transform: rotate(1deg);
}
.title-red,
.title-yellow {
  display: block;
  background-color: var(--bs-yellow-f2i);
  color: var(--bs-red-f2i);
  width: fit-content;
  margin: auto;
  text-align: center;
}
.title-red {
  background-color: var(--bs-red-f2i);
  color: var(--bs-yellow-f2i);
}
.title-blue {
  width: fit-content;
  background-color: var(--bs-primary);
  color: var(--bs-light);
}
.title-blue,
.title-red,
.title-yellow {
  padding: 0.5rem 7rem;
}
.more-next2 {
  width: 42px;
  height: 42px;
  box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.13);
  display: inline-block;
  background-color: #be231f;
  position: absolute;
  right: 0;
  bottom: 0;
  padding-top: 10px;
  padding-left: 18px;
}
.more-next {
  width: 30px;
  height: 30px;
  box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.13);
  border-radius: 50%;
  display: inline-block;
  background-color: #fff;
}
.more-next .fa-angle-right {
  margin-left: 9px;
  color: #000;
}
.tilt {
  transform: rotate(-9deg);
  padding: 10px 40px;
  margin-top: 20px;
}
.trapeze1 {
  padding-top: 10rem;
  padding-bottom: 15rem;
}
.trapeze6 {
  padding-top: 10rem;
  padding-bottom: 2rem;
}
.trapeze:after {
  content: " ";
  clip-path: polygon(0 20%, 100% 0%, 100% 100%, 0 85%);
  position: absolute;
  width: 100%;
  height: inherit;
  left: 0;
  top: 0;
  z-index: 0;
}
.trapeze1:after,
.trapeze2:after,
.trapeze3:after,
.trapeze4:after,
.trapeze5:after,
.trapeze6:after {
  content: " ";
  width: 100%;
  position: absolute;
  z-index: -1;
}
.trapeze1:after {
  clip-path: polygon(0 18%, 100% 27%, 100% 89%, 0 94%);
  top: -9%;
  height: 1200px;
  left: 0;
}
.trapeze6:after {
  clip-path: polygon(0 18%, 100% 27%, 100% 100%, 0 100%);
  min-height: 850px;
  left: 0;
  top: 0;
}
.trapeze2:after {
  clip-path: polygon(0 18%, 100% 27%, 100% 89%, 0 94%);
  top: -9%;
  height: 1200px;
  left: 0;
}
.trapeze {
  padding: 1em;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 300px;
}
.trapeze2:after {
  top: 2%;
  height: 610px;
  left: 0;
  clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0 100%);
}
.swiper-scrollbar-drag,
.trapeze2.bg-t-red:after {
  background: var(--bs-red-f2i);
}
.trapeze3,
.trapeze4,
.trapeze5 {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.trapeze3:after {
  clip-path: polygon(0 24%, 100% 0, 100% 100%, 0% 100%);
  top: 0;
  height: 720px;
  left: 0;
}
.trapeze4:after {
  clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
  top: 110px;
  height: 620px;
  left: 0;
}
.trapeze5:after {
  clip-path: polygon(0 33%, 100% 0, 100% 100%, 0 100%);
  top: -120px;
  height: calc(100% + 120px);
  left: 0;
}
.trapezefond1:before,
.trapezefond2:before,
.trapezefond3:before,
.trapezefond:before {
  content: " ";
  display: block;
  width: 100%;
  position: absolute;
  z-index: -1;
}
.trapezefond:before {
  height: 100%;
  clip-path: polygon(0 23%, 100% 8%, 100% 100%, 0% 100%);
}
.trapezefond1:before {
  height: 880px;
  top: -14em;
  clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0 92%);
}
.trapezefond2:before {
  clip-path: polygon(0 6%, 100% 0, 100% 100%, 0% 100%);
  height: 550px;
}
.trapezefond3 {
  padding-top: 8em;
}
.progressbar,
.progresstotalbar {
  position: absolute;
}
.trapezefond3:before {
  height: 100%;
  top: 0;
  clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0 100%);
}
.iconbefore1:before,
.iconbefore:before,
.squarebefore:before {
  content: " ";
  background: var(--bs-cyan-dsp);
  display: inline-block;
  border-radius: 50%;
  margin-right: 12px;
}
.py-8 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}
.py-10 {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}
.my-8 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}
.progresstotalbar {
  top: 0;
  left: -18px;
  width: 8px;
  border-radius: 10px;
  background: #e5e5e5;
  height: 100%;
}
.progressbar {
  top: 0;
  left: 0;
  width: 8px;
  border-radius: 10px;
  background: var(--bs-red-f2i);
  transition: height 0.2s;
}
#trustus .swiper-slide {
  text-align: center;
  padding-right: 20px;
  padding-left: 20px;
}
#text-section,
#why-school {
  font-size: 22px;
}
#text-section .h2 {
  font-size: 2.7em;
  font-weight: 700;
  line-height: 1em;
  margin-bottom: 0.5em;
}
#text-section {
  margin-top: 10em;
}
#textsummary .collapse:not(.show) {
  height: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#textsummary .collapsing {
  min-height: 42px !important;
}
#textsummary a.btn-secondary-dsp.collapsed:after {
  content: "Lire la suite";
}
#textsummary a.btn-secondary-dsp:not(.collapsed):after {
  content: "Lire moins ";
}
.head-f2i {
  background: var(--bs-gray-f2i);
  justify-content: center;
  padding: 0.3em;
}
.head-f2i span {
  color: var(--bs-white);
  text-transform: uppercase;
}
.head-f2i p a {
  color: var(--bs-paleblue-dsp); /* modifié par ichem */
  text-decoration: none;
  font-weight: bold;
}

.h100{
  height: 100%;
}
.cursor-f2i {
  position: relative;
  left: 40px;
  top: -29px;
}
.cursor-f2i-box{
  position: relative;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: flex-start;
  margin-top: -24px; 
}
.cursor-f2i-square {
  width: 15px;
  height: 15px;
  padding: 0;
  margin-right: 7px;
}
  
.cursor-f2i-square.cursor-f2i-square-red {
  background: #be231f;
}
.cursor-f2i-square.cursor-f2i-square-blue {
  background: var(--bs-light-blue);
  height: 24px;
}
.cursor-f2i-square.cursor-f2i-square-green {
  background: var(--bs-dark-green);
}
.cursor-f2i-square.cursor-f2i-square-or {
  background: var(--bs-dark-yellow);
}
.cursor-f2i-square.cursor-f2i-square-orange {
  background: var(--bs-dark-orange);
}
.cursor-f2i-square.cursor-f2i-square-sbe {
  background: #219B83;
}

#advantages .col-6:first-child .counting:after {
  content: "m2";
}
#advantages .col-6:nth-child(3) .counting:after {
  content: "%";
}
.fullwidthblog {
  width: 100%;
  aspect-ratio: auto 1000/500 !important;
  height: auto !important;
}
.blog-item,
.card-afterlist,
.listinghorizontal .card,
.ratiolist .card,
.ratiolist .col-md-4,
.courses-block .responsivelist .card {
  aspect-ratio: 1/1;
}
.fullwidthblogb {
  position: relative;
  max-width: 110% !important;
  width: 110% !important;
  opacity: 0.9;
  height: 600px;
  margin: -2% -5% !important;
  filter: brightness(85%) contrast(100%) saturate(100%) blur(40px)
    hue-rotate(0deg);
  max-height: 500px;
}
.iconbefore:before {
  font-family: "Font Awesome 6 Free";
  color: #fff;
  font-size: 17px;
  padding: 13px;
}
.iconbefore {
  margin-left: -39px;
}
.iconbefore1:before,
.squarebefore:before {
  width: 20px;
  height: 20px;
  top: 4px;
  position: relative;
}
.iconbefore.megaphone:before {
  content: "\f0a1";
}
.social-links ul,
.squarebefore {
  display: flex;
}
.squarebefore:before {
  border-radius: 0;
  box-shadow: -6px 4px 14px 0 rgba(0, 0, 0, 0.22);
}
.cat {
  position: absolute;
  left: 1.5em;
  top: 1.5em;
  padding: 0.3125rem 0.625rem;
  font-size: 0.925em;
}
.cat a {
  color: #fff;
}
.cat.cat-yellow {
  background-color: var(--bs-yellow-f2i);
  color: var(--bs-primary);
}
.cat.cat-blue {
  background-color: var(--bs-primary);
  color: var(--light);
}
.cat.cat-white {
  background-color: var(--light);
  color: var(--bs-red-f2i);
}
.cat.cat-red {
  background-color: var(--bs-red-f2i);
  color: var(--light);
}
.img-sombre {
  filter: brightness(0.8);
}
.no-bold {
  font-weight: 400;
}
.fullwidthblogb img {
  display: flex;
  width: inherit;
}
.loadmore,
.number-red {
  font-weight: 700;
  color: #fff;
}
.no-shadow {
  box-shadow: none;
}
.number-red {
  display: inline-block;
  background: var(--bs-red-f2i);
  width: fit-content;
  padding: 0px 12px;
  font-size: 1.5em;
}
.number-gray {
  padding: 1.6rem;
  width: 30px;
  font-size: 2em;
  height: 30px;
  margin-bottom: 0.5em;
  text-align: center;
  color: #fff;
  font-weight: 900;
  justify-content: center;
  align-content: center;
  display: flex;
  flex-wrap: wrap;
  border-radius: 3px;
}
#a-adm .number-red {
  box-shadow: 4px 4px 16px 0 rgb(0 0 0 / 30%);
}
#a-adm .number-red:after {
  content: " ";
  content: " ";
  width: 80px;
  height: 2px;
  display: inline-block;
  position: absolute;
  top: 21px;
  left: 70px;
  background: #ffac00;
}
#a-adm .col-6:last-child .number-red:after,
#form-filter li:first-child label,
#form-filter-courses li:first-child label,
.responsivetabset .nav-pills,
.video.player img,
.video.player:after,
option.sf-level-0.sf-item-0 {
  display: none;
}
.card-info-box label,
.card-info-box span,
.video img,
.video:after {
  display: block;
}
.header-cadre-title {
  margin-bottom: 3rem !important;
  width: 100%;
  background: #fff;
  margin: auto;
  -webkit-box-shadow: -9px 9px 3px 1px #fdd052;
  box-shadow: -9px 7px 0 1px var(--bs-cyan-dsp);
  border: 3px solid #3f4046;
  padding: 1.5em 2em;
}
.w50 {
  width: 50%;
}
.w60 {
  width: 60%;
}
.loadmore {
  text-decoration: underline;
  font-size: 1.3em;
  text-align: center;
}
.page .wp-block-pb-accordion-item .c-accordion__title:after,
.text-white h3,
.text-white p {
  color: #fff;
}
table td,
table th {
  padding: 1.1rem 1.5rem;
  text-align: center;
  width: 25%;
}
.card-yellow,
.page table tr:nth-child(odd) td,
.post table tr:nth-child(odd) td,
table tr:nth-child(odd) td:first-child {
  background-color: var(--bs-yellow-f2i);
}
table tr:nth-child(2n) td:first-child {
  background-color: var(--bs-light);
}
.page table tr:nth-child(2n) td:first-child,
.post table tr:nth-child(2n) td:first-child {
  background-color: transparent;
}
table tr:nth-child(odd) td {
  background-color: #f7efde;
}

table th {
  font-size: 1.2rem;
}
.video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.footer-card,
.video iframe,
.video img,
.video:after {
  position: absolute;
}
.video img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}
/* .video:after {
  content: "";
  background: url(../img/play-button.png) 0 0 / cover no-repeat;
  top: 45%;
  left: 45%;
  width: 66px;
  height: 66px;
  z-index: 30;
} */
.video iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
label.label-accept {
  font-size: 15px;
  color: grey;
  font-weight: 100;
}
.wpcf7 form.sent .wpcf7-response-output {
  background: #fed052;
  border: 0;
  padding: 22px;
  color: #fff;
  font-weight: 700;
  margin: 0;
}
#a-debouche,
#a-poursuite {
  height: 290px;
}
#header {
  background-color: var(--bs-white);
}

#first-headlines .col-md-5 {
  text-align: center;
  margin-bottom: -5%;
}
#first-headlines .col-md-5 img {
  width: 90%;
  position: relative;
  z-index: -1;
}
.card-info-box {
  padding: 2em;
  background: #fff;
  box-shadow: -4px 7px 24px 0 rgb(0 0 0 / 10%);
  margin-left: 3em;
}
.blog-item,
.courses-item {
  box-shadow: 10px 12px 14px 0 rgba(0, 0, 0, 0.11);
}
.card-info-box > div {
  margin-bottom: 1em;
  margin-top: 1em;
}
.footer-card {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 4rem);
  bottom: 10px;
}
.header-card {
  border-bottom: 1px solid #979797;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  font-weight: 700;
}
.card-body {
  padding-bottom: 3rem;
}
.card-body-border {
  border: 1px solid #d9d9da;
}
.card-afterlist {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  font-weight: 700;
  height: 96%;
  padding-top: 22px;
  padding-bottom: 21px;
  width: 100%;
}
.card-fullheight {
  height: auto;
  margin-bottom: 1.4em;
}
.card.frame {
  border: 1px solid var(--bs-shadowgray-dsp);
}
.frame-number {
  position: absolute;
  top: 25px;
  left: -25px;
  box-shadow: -12px -7px 0px 0 var(--bs-shadowgray-dsp);
  background-color: var(--bs-light-blue);
}
.frame-number-metier {
  position: absolute;
  top: -30px;
  left: 40px;
  box-shadow: -12px -7px 0px 0 var(--bs-shadowgray-dsp);
  background-color: var(--bs-light-blue);
}
.frame-title-header {
  width: fit-content;
  background: #f9f9f9;
  position: relative;
  top: -13px;
  left: 22px;
  padding-left: 12px;
  padding-right: 12px;
}
.scrollbar-content {
  width: 100%;
  height: 700px;
}
.arrow,
.scrollbar-content .swiper-slide {
  font-size: 18px;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px;
}
.swiper-vertical > .swiper-scrollbar {
  left: 3px;
}
.listingreco {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.listingreco .card {
  min-height: 300px;
  padding: 4rem;
  transform: rotate(-1deg);
  display: flex;
  justify-content: space-between;
}
.card.card-xl {
  min-height: 360px;
}
.breadcrumb {
  background: #f0f0f0;
  border-bottom: 2px solid hwb(231.43deg 24.71% 72.55% / 15%);      
}
ol.breadcrumb {
  margin: 0;
}
nav.breadcrumb-wrap {
  width: 100%;
  background: var(--light);
}
.cta-map,
.cta-mess,
.cta-rocket,
.cta-user,
.cta-write {
  animation: 0.2s backwards bounceInRight;
}
.cta-map {
  animation-delay: 0;
}
.cta-write {
  animation-delay: 0.2s;
}
.cta-rocket {
  animation-delay: 0.4s;
}
.cta-user {
  animation-delay: 0.6s;
}
.cta-mess {
  animation-delay: 0.8s;
}

.listinghorizontal {
  display: block;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 100%;
  padding-bottom: 2rem;
  white-space: nowrap;
  transition: all 0.2s;
  transform: scale(0.98);
  will-change: transform;
  user-select: none;
  cursor: pointer;
}
.listinghorizontal.active {
  cursor: grabbing;
  cursor: -webkit-grabbing;
  transform: scale(1);
}
.listinghorizontal .card {
  width: 350px;
  margin-right: 1.5rem;
  display: inline-block;
  min-height: 310px;
  vertical-align: middle;
}
.bg-blue .card {
  box-shadow: 10px 12px 14px 0 rgb(0 0 0 / 87%);
}
.bg-gris .card {
  box-shadow: 0 0 30px 0 rgb(0 0 0 / 13%);
}
.listinghorizontal h3,
.listinghorizontal p {
  white-space: normal;
}
.listinghorizontal .card-body {
  padding-bottom: 6rem;
}
.single h1 strong,
.single h2 strong,
.single h3 strong,
.single h4 strong {
  /* background-color: #ffac00; */
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
  line-height: 1.2em;
}
#content-page p {
  margin: 30px 0;
  color: #000 !important;
}
#content-page h1:not(.blue),
#content-page h2:not(.blue),
#content-page h3:not(.blue),
#content-page h4:not(.blue),
#content-page li {
  color: #000;
}
#content-page.signle-pages .icon-container {
  background-color: var(--bs-cyan-dsp) !important;
}
#content-page.signle-pages .wp-block-button a {
  background-color: var(--bs-cyan-dsp);
}
#content-page.signle-pages h1 {
  color: var(--bs-cyan-dsp);
}
#content-page.signle-pages h2,
#content-page.signle-pages h3,
#content-page.signle-pages h4,
#content-page.signle-pages h5  {
  color: var(--bs-heading-color) !important;
  text-shadow: 0 3px 0px var(--bs-paleblue-dsp);
}
.blog-main-image {
  margin-top: -350px;
  position: relative;
  background: linear-gradient(0deg, #f9f9f9, hsl(0deg 0% 100% / 0%));
  background: linear-gradient(to top, #f9f9f9 0%, #ffffff00 80%);
}
.questions .blog-main-image {
  margin-top: 0;
}
.bk-white {
  position: relative;
  background: #f9f9f9;
}
.blog-image-blur {
  overflow: hidden;
  background: #404047;
}
.blog-item {
  position: relative;
  margin-bottom: 1.5rem;
  display: block;
  overflow: hidden;
}
.blog-info,
.courses-info {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  color: #fff;
}
.blog-info2 {
  height: 140px;
}
.blog-info2 .h5 {
  white-space: initial;
  padding: 0 17px;
}
#blog-block .card .card-footer {
  border-top: 1px solid #d9d9da;
}
.blog-desc,
.courses-desc {
  position: absolute;
  bottom: 29px;
  font-size: 21px;
  left: 24px;
  width: 90%;
  display: flex;
  justify-content: space-between;
}
.blog-img img {
  width: 120%;
  margin: -10%;
  height: 120%;
  max-width: none;
  object-fit: cover;
  filter: brightness(70%) blur(20px);
}
.blog-img img:hover {
  filter: brightness(70%) blur(0px);
  transition: all 0.3s;
}
.blog-img2 img {
  width: 100%;
  height: 100%;
}
.blog-title,
.courses-title {
  padding-left: 17px;
  padding-right: 17px;
}
.courses-title:hover {
  color: var(--bs-yellow-f2i);
  transition: all 0.3s;
}
.blog-item .cat,
.courses-item .cat {
  left: 0;
}
#readmore-blog .title-red {
  margin: 0;
  transform: rotate(-4deg);
}
#readmore-blog .listinghorizontal .card {
  width: auto;
  min-height: auto;
}
div#readmore-blog img {
  height: 200px;
  width: 100%;
}
#readmore-blog .shadow {
  height: 100%;
}
.blog-item-home img {
  height: 100%;
  width: 100%;
  aspect-ratio: 1/1;
}
section.videoblog.bg-shape {
  position: relative;
  z-index: 1;
  padding: 22px 0;
  margin-bottom: 3em;
}
section.videoblog.bg-shape:after {
  overflow: hidden;
  content: " ";
  background: #5d6279;
  width: 86%;
  position: absolute;
  top: -31px;
  height: 280px;
  z-index: -1;
  left: 15%;
  transform: rotate(2deg);
}
#form-filter ul,
#form-filter-courses ul,
#form-filter-metier ul,
#form-filter-offre ul {
  list-style: none;
  display: flex;
  margin: 0;
}
#form-filter-metier ul,
#job-courses .card {
  padding: 0;
}
#form-filter-metier ul,
#form-filter-offre ul {
  justify-content: center;
}
#form-filter li,
#form-filter-courses li {
  flex: 1 1 16.666%;
  padding-right: 1em;
}
#search-filter-form-979 li.sf-field-tag {
  flex: 0 0 10%;
}
#form-filter-metier li:first-child {
  margin-right: 1em;
}
#form-filter-offre li:last-child {
  flex: 0 0 50px;
}
#form-filter li:first-child,
#form-filter-courses li:first-child,
#form-filter-offre li:first-child {
  text-align: center;
  position: relative;
  align-self: center;
}
#form-filter-offre li:first-child {
  top: 0;
}

.form-filter-dsp{
  margin-top: -5em;
  z-index: 3;
  position: relative;
}
.breadcrumb a {
  color: var(--bs-breadcrumb-item-active-color);
  font-weight: bold;
}
div#before-form-filter-2 {
  border-bottom: 1px solid var(--bs-gray-dsp);
  clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
}

@media screen and (min-width: 993px) {
  div#before-form-filter-1 {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  div#before-form-filter-2, #plustenthousand, .last-articles-side {
    display: none !important;
    /*border: 0;*/
    /*clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);*/
    /*width: 100% !important;*/
  }
  #post-content{
    width: 100%;
  }
}
#form-filter {
  padding: 1em;
  background: var(--bs-shadowgray-dsp);
  box-shadow: 0 0 34px 0 rgb(0 0 0 / 8%);
  height: 120px;
  border-radius: 0px 3px 3px 3px;
}

#form-filter button,
#form-filter input[type="submit"],
#form-filter-courses button,
#form-filter-courses input[type="submit"],
#form-filter-metier input[type="submit"],
.filterlink {
  padding: 10px 13px;
}
#form-filter-courses .sf-field-submit:before,
#form-filter-offre .sf-field-submit:before {
  content: "\f002";
  top: 18px;
  left: 12px;
  position: absolute;
  font-family: FontAwesome;
  color: #fff;
}
#form-filter-courses .sf-field-submit input[type="submit"],
#form-filter-offre .sf-field-submit input[type="submit"] {
  background: var(--bs-cyan-dsp);
  width: 43px;
  border: 0;
}
#form-filter-offre .sf-field-submit input[type="submit"] {
  height: 43px;
  padding: 0;
}
div#form-filter-courses .sf-field-tag h4:after {
  font-family: FontAwesome;
  content: "\f1de";
  margin-left: 22px;
}
#form-filter-courses .searchandfilter .head-sf-field {
  color: #262b40;
}
#form-filter-blog ul {
  display: flex;
  margin-right: 12px;
  justify-content: center;
}
#form-filter-blog select {
  background-color: var(--bs-white-dsp);
  color: var(--bs-shadowgray-dsp);
}
#form-filter-blog li input {
  --bs-btn-color: var(--bs-shadowgray-dsp);
  --bs-btn-bg: var(--bs-cyan-dsp);
  border-width: 0px !important;
  --bs-btn-hover-color: var(--bs-shadowgray-dsp);
  --bs-btn-hover-bg: var(--bs-paleblue-dsp);
  --bs-btn-active-color: var(--bs-shadowgray-dsp);
  --bs-btn-active-bg: var(--bs-cyan-dsp);
  --bs-btn-active-border-color: var(--bs-shadowgray-dsp);
  box-shadow: 0px 0px 0px 0px var(--bs-shadowgray-dsp) !important;
}
#form-filter-blog li label,
#form-filter-blog li select {
  height: 100%;
}
.searchandfilter .head-sf-field {
  font-size: 17px;
  color: var(--bs-paleblue-dsp);
  text-transform: uppercase;
}
select.sf-input-select[disabled] {
  background: #a7a9b3;
}
#bottom-cta-button .btn {
  flex: 1 1 50%;
  padding: 20px 2px;
  margin: 10px;
}
#bottom-cta-button {
  width: 100%;
  display: flex;
  position: fixed;
  bottom: 0;
  z-index: 999999;
  background: rgb(33 37 41 / 60%);
  -webkit-backdrop-filter: blur(46px);
  backdrop-filter: blur(46px);
}
#side-cta-button {
  position: fixed;
  right: 15px;
  bottom: 20%;
  z-index: 4;
}
#side-cta-button .akn-obf-link,
#side-cta-button a {
  position: relative;
  width: 42px;
  height: 42px;
  background-color: var(--bs-cyan-dsp);
  display: block;
  margin-bottom: 12px;
  color: var(--light);
  box-shadow: -6px 4px 14px 0 rgba(0, 0, 0, 0.22);
  text-indent: 999px;
}
#a-content > div h3,
#findmypath p {
  margin-bottom: 2rem;
}
#side-cta-button i {
  position: absolute;
  top: 12px;
  left: 13px;
  color: #fff;
  text-indent: 0;
}
.cta-text {
  width: 0;
  position: absolute;
  left: 0;
  padding: 9px 0;
  background: var(--bs-cyan-dsp);
  z-index: -1;
  transition: 0.4s;
  font-weight: 700;
}
#side-cta-button .akn-obf-link:hover .cta-text,
#side-cta-button a:hover .cta-text {
  left: -217px;
  width: 260px;
  padding-left: 15px;
  padding-right: 44px;
  text-indent: 0;
}
.page h1 strong,
.page h2 strong,
.page h3 strong,
.page h4 strong {
  background-color: var(--bs-yellow-f2i);
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
  line-height: 0.7em;
}
.page .wp-block-pb-accordion-item h2 strong {
  background-color: #fdd052;
  color: #be2320;
  line-height: 43px;
  margin-bottom: 22px;
}
#first-headlines h1 {
  font-size: 4rem;
}
#first-headlines p {
  font-size: 1.4rem;
  font-weight: 700;
}
#first-headlines .col-md-5:first-child {
  margin-top: 3%; /* Modifié par ichem */
  height: 100%;
  text-align: center !important;
}
#findmypath p {
  color: var(--light);
}
section#findmypath a,
section#findmypath p {
  position: relative;
  z-index: 1;
}
#courses-blockhome .card-afterlist {
  height: 100%;
}
.jesuis .breadcrumb {
  margin-top: 4em;
}
.jesuis .no-result-found-text {
  min-height: 310px;
  position: relative;
  top: 82px;
}
#joinus .bloccenter img {
  width: 50%;
  margin-bottom: 12px;
}
#footer ul {
  list-style: none;
  padding: 0;
}
#footer .akn-obf-link{
  color: white;
}
.links {
  font-size: 0.825rem;
  line-height: 1.8rem;
}
.social-links li {
  padding-right: 12px;
}
.social-links i {
  font-size: 28px;
}
#qualopi-certif {
  width: 150px;
  margin: 12px 0;
}
#qualopi-certif-text {
  font-size: 0.612rem;
  line-height: 1.7em;
  width: 220px;
}
.courses-block .listing {
  display: flex;
  flex-wrap: wrap;
}
.single-metiers .courses-block .listing {
  flex-wrap: nowrap;
}
.courses-block .card {
  margin-bottom: 15px;
  margin-right: 15px;
  border: 1px solid #e8e8e8 !important;
}
.courses-block .footer-card {
  justify-content: space-between;
}
.courses-block .card-afterlist {
  height: auto;
  min-height: 300px;
}
#courses-listing .courses-title {
  font-size: 1.3rem;
}
#courses-listing .courses-desc .strong {
  font-size: 1rem !important;
}
.card.card-new:before {
  content: "Nouveau";
  background: var(--bs-red-f2i);
  width: fit-content;
  padding: 0.5rem 1.5rem;
  color: #fff;
  font-weight: 900;
  position: absolute;
  top: -7%;
  right: 2%;
  transform: rotate(-2deg);
}
.courses-item {
  position: relative;
  margin-bottom: 1.5rem;
  display: block;
  background: var(--bs-link-color);
}
.img-formations {
  opacity: 0.3;
  filter: brightness(0.6);
}

#content-course-detail .nav-pills .nav-link {
  text-align: initial;
  width: fit-content;
  margin-bottom: 12px;
}
.bg-shape1 {
  position: relative;
  padding-top: 4em;
  padding-bottom: 5em;
}
.bg-shape1:after {
  content: " ";
  background: #f5f5f5;
  width: 80%;
  position: absolute;
  top: 9px;
  height: 320px;
  z-index: -1;
  left: -10px;
  display: block;
  transform: rotate(2deg);
  padding-top: 2em;
}
#stage-block .card-body {
  padding: 2rem 2rem 9rem;
}
#stage-block p {
  font-size: 12px;
}
#stage-block .footer-card {
  width: calc(100% - 4rem);
  bottom: 21px;
}
#stage-block footer {
  text-align: right;
}
#stage-block .row > .col-md-4:last-child {
  display: none;
}
#listing-stage .card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.card .header-card i {
  color: var(--bs-yellow-f2i);
  font-size: 1.5rem;
  position: relative;
  top: 4px;
  margin-right: 0.8rem;
}
.card .btn i {
  background: #fff;
  padding: 0.5rem;
  border-radius: 50%;
  position: relative;
  left: 4em;
  color: var(--bs-primary);
}
#videohome .video-text {
  margin-top: 4em;
  padding-left: 3em;
}
#videohome .btn-primary {
  padding-left: 0;
  padding-right: 0;
}
.single-formations section.videoblog.bg-shape:after {
  background-color: #262b40;
}

#contacthome-block {
  background-color: var(--bs-paleblue-dsp);
}
#contacthome-block p {
  font-size: 18px;
  color: var(--bs-shadowgray-dsp);
}
#contacthome-block input {
  padding: 0.5em;
}
#contacthome-block input[type="submit"] {
  --bs-btn-padding-x: 3rem !important;
  --bs-btn-padding-y: 1.125rem !important;
  position: absolute;
  bottom: -14px;
  left: 0;
}
#contacthome-block .card-body {
  padding: 3em 3em 0 3em;
}
#contacthome-block form textarea.form-control {
  max-height: 92px;
  min-height: 0;
}
#contacthome-block .title-yellow {
  position: relative;
  top: -60px;
  padding: 7px 22px;
}
.text-contact {
  display: flex;
  flex-flow: column;
  justify-content: space-evenly;
  align-items: center;
}

/**Style form job-dating**/
#job-dating-form .form-control {
  padding: .375rem .75rem
}

#job-dating-form .custom-select {
  background-color: #ececec; /* Applique le fond existant */
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23666"><path d="M6 9l6 6 6-6"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
  padding-right: 35px; /* Laisser de l'espace pour la flèche */
  border: 1px solid #ccc; /* Optionnel : harmonisation avec les autres champs */
  cursor: pointer;
}

.custom-referent-handicap {
  text-align: center !important;
}

.responsivetabset .headtabset a {
  text-decoration: none;
  color: #fff;
}
.responsivetabset .headtabset h5 {
  width: fit-content;
  background: var(--bs-primary);
  padding: 1em;
}
.btn:active,
.btn:focus,
.btn:hover {
  box-shadow: none;
  transition: 0.2s;
}
.btn-jaune a{
  color: var(--bs-shadowgray-dsp);
  background-color: var(--bs-palepink-dsp);
  border: 1px solid var(--bs-shadowgray-dsp);
  box-shadow: 3px 3px 0px 0px var(--bs-shadowgray-dsp);
  border-radius: 3px;
}
.btn-jaune a:hover {
  background-color: var(--bs-paleblue-dsp) !important;
  border-color: none;
  box-shadow: none;
}
.btn-bleu a,
.btn-rouge a {
  transition: 0.3s;
}

.btn-d-none {
  display: none !important;
}

#job-courses {
  margin-top: 6em;
  position: relative;
  z-index: 2;
}
#job-courses .footer-card .strong {
  padding-bottom: 12px;
}
#job-courses .footer-card {
  flex-direction: column;
}
#job-courses .card-body {
  padding-bottom: 7rem;
}
#a-content > div {
  margin-bottom: 5rem;
}
p.stformation {
  font-size: 2.4em;
  display: inline-flex;
  font-weight: 700;
}
p.introformation {
  font-size: 1.4em;
  line-height: initial;
  color: var(--bs-heading-color);
}
.single-metiers .card-info-box > div,
.single-offres .card-info-box > div {
  padding-bottom: 2rem;
}
.single-metiers .card-info-box > div > span,
.single-offres .card-info-box > div > span {
  font-size: 1.5em;
  color: #3f4046;
}
.single-metiers .card-info-box.floatingbox {
  padding-bottom: 0;
}
.type-page span {
  color: #000 !important;
  font-family: Poppins !important;
}
.type-page a {
  color: #000;
  font-weight: 700;
}
.btn-bleu a {
  border: 1px solid var(--bs-shadowgray-dsp);
  border-radius: 3px;
  box-shadow: 3px 3px 0px 0px var(--bs-shadowgray-dsp);
  color: var(--bs-shadowgray-dsp);
  background-color: var(--bs-cyan-dsp);
  text-shadow: 0 1px 0px var(--bs-paleblue-dsp);
}
.btn-bleu a:hover {
  background-color: var(--bs-paleblue-dsp);
  border-color: var(--bs-shadowgray-dsp);
  transition: 0.3s;
  color: var(--bs-shadowgray-dsp) !important;
  box-shadow: none;
}

.btn-rose a, .btn-rouge a {
  border: 1px solid var(--bs-shadowgray-dsp);
  border-radius: 3px;
  box-shadow: 3px 3px 0px 0px var(--bs-shadowgray-dsp);
  color: var(--bs-shadowgray-dsp);
  background-color: var(--bs-palepink-dsp);
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.125);
}
.btn-rose a:hover , .btn-rouge a:hover{
  background-color: #be231f;
  transition: 0.3s;
  color: var(--light) !important;
  box-shadow: none;
}

.btn-bleu-pale a {
  border: 1px solid var(--bs-shadowgray-dsp);
    border-color: var(--bs-shadowgray-dsp);
    color: var(--bs-shadowgray-dsp);
    background-color: var(--bs-paleblue-dsp) !important;
    box-shadow: 3px 3px 0px 0px var(--bs-shadowgray-dsp) !important;
    border-radius: 3px !important;
}
.btn-bleu-pale a:hover {
  background-color: var(--bs-cyan-dsp);
}
.wpcf7 .message textarea {
  height: 90px;
}
#readmore-blog .shadow.p-4 h3 {
  min-height: 190px;
}
#form-filter li:first-child select.sf-input-select,
.grecaptcha-badge {
  display: none !important;
}
.page-id-1497 .wpcf7-form {
  width: 60%;
  margin: auto;
  padding: 60px;
  box-shadow: 2px 1px 40px #000;
}
.page-id-1497 #content-page p,
.page-id-1497 .type-page a,
.page-id-1497 .type-page span {
  color: var(--bs-primary) !important;
}
#bottom-area {
  padding: 15px 0;
  color: white;
}
#bottom-area img {
  width: 80%;
}
#bottom-area ul {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
}
#bottom-area li {
  margin-right: 3em;
  list-style: none;
}
#bottom-area li a {
  text-decoration: none;
  color: white;
}
#bottom-area li:last-child {
  margin-right: 0em;
}
.swiper-debouches {
  width: 930px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.swiper-debouches.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: row;
  align-items: baseline;
}
.swiper-debouches .card {
  width: 100%;
  min-height: 250px;
}
.swiper-debouches .swiper-wrapper {
  padding-bottom: 72px;
}
.swiper-debouches > .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 48px;
}
.swiper-debouches
  span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #262b40;
}
.swiper-debouches .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
}
.single-metiers .nicescroll-cursors {
  background-color: #be231f !important;
}
#post-1588 .c-accordion__title {
  box-shadow: -3px 2px 10px #ececec;
  padding: 30px 22px;
}
#post-1588 .wp-block-pb-accordion-item .c-accordion__title:after {
  color: #000;
  right: 31px;
}
.max-width {
  max-width: 100% !important;
}
.accordion-perso h3 {
  background: var(--bs-cyan-dsp);
  color: #be231f;
  font-size: 1.4rem;
  padding: 1em;
}

/********************************** Modification SALEH Formation-test ******************************************/

.blocform {
  aspect-ratio: 1/1;
  justify-content: end;
}
.blocform p {
  font-size: 1em !important;
  text-align: left !important;
  margin: 0;
  font-weight: 300;
}
.blocform {
  aspect-ratio: 1/1;
  justify-content: end;
}
.blocform p {
  font-size: 1em !important;
  text-align: left !important;
  margin: 0;
  font-weight: 300;
}
.blocform h3 {
  font-size: 1.3em;
}

.bts-col {
  background: var(--bs-cyan-dsp);
  border-bottom: 3px solid #be231f;
  box-shadow: inset 0px -1px 0px -50px rgb(255 255 255 / 61%);
  transition: all 0.3s;
}
.bts-col:hover {
  box-shadow: inset 0px -200px 101px -100px rgb(255 255 255 / 25%);
  transition: all 0.3s;
}

.bachelor-col {
  /* background: #332985; */
  background: var(--bs-cyan-dsp);
  border-bottom: 3px solid var(--bs-cyan-dsp);
  box-shadow: inset 0px -1px 0px -50px rgb(255 255 255 / 61%);
  transition: all 0.3s;
}
.bachelor-col:hover {
  box-shadow: inset 0px -200px 101px -100px rgb(255 255 255 / 25%);
  transition: all 0.3s;
}

.mastere-col {
  background: #be231f;
  border-bottom: 3px solid var(--bs-cyan-dsp);
  box-shadow: inset 0px -1px 0px -50px rgb(255 255 255 / 61%);
  transition: all 0.3s;
}
.mastere-col:hover {
  box-shadow: inset 0px -200px 101px -100px rgb(255 255 255 / 25%);
  transition: all 0.3s;
}

.bloc-white {
  background: #fff;
  box-shadow: 0px 1px 30px -3px rgb(0 0 0 / 15%);
}
.bac2 {
  display: flex;
  padding: 0em;
  margin: 0;
}
.text-bloc {
  flex: 0 0 20%;
  padding: 2.5%;
}
.grills-bloc {
  display: flex;
  flex-wrap: wrap;
  padding: 2.5% 2.5% 2.5% 0%;
}
.grills-bloc a {
  width: 25%;
}
.text-bloc h3 span {
  font-size: 0.6em !important;
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
.logo-rncp {
  width: 84px;
  height: 74px;
  background: url(../img/logo-rncp-white.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 15px;
  right: 15px;
  opacity: 0.8;
}
.logo-dle {
  width: 74px;
  height: 74px;
  background: url(../img/logo-diplome-etat.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 15px;
  right: 15px;
  opacity: 0.8;
}

/*************************************************************************************************************/

.blog-item > img {
  width: 120%;
  margin: -10%;
  height: 120%;
  max-width: none;
  object-fit: cover;
  filter: brightness(70%) blur(20px);
}

#stage-block .card-body {
  padding: 2rem 2rem 6rem;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 10px;
  background-color: hsl(0deg 0% 0% / 20%);
}
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: none;
  background-color: hsl(0deg 0% 0% / 60%);
}

#bottom-cta-button .btn.btn-open-sidecta {
  flex: 0 0 13%;
  font-size: 40px;
  padding: 0;
  font-weight: 100;
}
#side-cta-button {
  display: none;
}

/*forrmulaire de recherche mobile formatiion en 3 clics*/
#searchfiltermodalmobile .tab > button:hover {
  background: white;
  color: #be231f;
}
#searchfiltermodalmobile .tab > button,
.back-s {
  background: none;
  border: 1px solid #fff;
  padding: 12px;
  color: white;
  font-weight: bold;
  border-radius: 50px;
  margin-bottom: 12px;
  width: 100%;
  text-align: center;
}
.back-s {
  padding: 2px 14px !important;
  font-size: 12px !important;
  margin-top: 32px !important;
  width: auto !important;
}
div#searchfiltermodalmobile .modal-body {
  background: #3F4046;
  color: white;
}
#searchfiltermodalmobile .close {
  top: 1%;
  right: 10px;
  background: 0;
  border: 0;
  transform: rotate(-2deg);
  color: white;
  position: absolute;
}
#searchfiltermodalmobile .tab p {
  font-size: 20px;
  font-weight: bold;
  margin-top: 23px;
}

div#form-mobile-search-form .responsivelist {
  width: 90%;
  margin-top: 32px;
}
div#form-mobile-search-form .courses-block .listing {
  color: #111315;
}
.accordion-button:not(.collapsed)::after {
  transform: none;
}
.blog-card .blog-title {
  white-space: pre-line;
}
.title-drill {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  font-style: italic;
  color: #b5b5b5;
  padding-left: 12px;
  padding-bottom: 23px;
  padding-top: 23px;
}
.date-drill {
  font-size: 12px;
  font-weight: bold !important;
  text-transform: lowercase;
  color: #000;
  font-weight: normal;
  display: inline-block;
  width: fit-content;
  margin: auto 5px;
}

.desc-drill {
  font-size: 13px;
  text-transform: initial;
  color: #3f4045;
  font-weight: 500;
  width: 100%;
}
.opened-menu .link {
  display: none !important;
}
/*card metiers home*/
.card-secteurs h2 {
  text-transform: uppercase;
  text-align: center;
  margin: 32px 0;
}
#menu-menu-principale .btn.btn-white-f2i {
  background: transparent;
  border: 1px solid #fff;
}
select.sf-input-select option[value="premiere"] {
  display: none !important;
}
.bg-light-gray-fix:before {
  content: " ";
  width: 100%;
  height: 400px;
  background: #f0f0f0;
  display: block;
  z-index: -2;
  position: absolute;
}

/* #tableau-formation-dsp */
#tableau-formation-dsp .card{
  background: transparent;
  box-shadow: none;
  height: 100%;
}
#tableau-formation-dsp .card-header {
  font-size: 1.2rem;
  padding: 0;
  height: 40px;
  font-weight: 900;
  background: transparent;
  text-align: center;
  text-transform: uppercase;
  color: var(--bs-heading-color);
}
#tableau-formation-dsp .cursus {
  background-color: #A5ECF2;
  padding: 20px;
}
#tableau-formation-dsp .cursus-parallel {
  background-color: #FFE6E6;
  padding: 20px;
}
#tableau-formation-dsp .cursus-parallel .head-cursus-parallel {
  background-color: #f2d6d6;
  border: 0;
  height: 200px;
}
#tableau-formation-dsp .specializations {
  background-color: #35D8EC;
  padding: 20px;
}

#tableau-formation-dsp .card-body {
  background: white;
  border: 1px solid #3F4046;
  min-height: 160px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  padding: 1rem !important;
  justify-content: center;
}
#tableau-formation-dsp .box-header {
  background: #ECF2F2;
  height: 120px;
  border-bottom: 1px solid rgb(63 64 70 / 30%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
#tableau-formation-dsp .box-header.b3 {
  height: 183px;
}
#tableau-formation-dsp .box-header.m5 {
  height: 135px;
  border: 0;
}

.mobile-header-box {
  text-align: center;
  background: #3F4046;
  color: white;
  padding: 8px 0;
}

@supports not (aspect-ratio: 1 / 1) {
  #courses-blockhome .card:before,
  .blog-item:before,
  .listinghorizontal .card:before,
  .ratiolist .card:before,
  .ratiolist .col-md-4:before {
    float: left;
    padding-top: 100%;
    content: "";
  }
  #courses-blockhome .card:after,
  .blog-item:after,
  .listinghorizontal .card:after,
  .ratiolist .card:after,
  .ratiolist .col-md-4:after {
    display: block;
    content: "";
    clear: both;
  }
  #courses-blockhome .card-afterlist {
    margin-top: 21%;
  }
}

@media screen and (max-width: 62em) {
  #header {
    background: transparent;
  }
  #logo {
    margin: 20px;
    text-align: center;
  }
  #logo img {
    max-width: none;
    width: 130px;
  }
  .cursor-f2i {
    position: absolute;
    left: 0;
    top: 61px;
    display: flex;
    flex-flow: column;
  }
  .cursor-f2i-square {
    width: 15px;
    height: 15px;
    margin-bottom: 5px;
  }
  .cursor-f2i-square.cursor-f2i-square-red {
    width: 29px;
    height: 15px;
  }

  .menu li a,
  .menu > li > a,
  .submenu > li > a {
    font-size: 1rem;
  }
  .hamburger,
  .menu {
    background: var(--dark);
  }
  #menu-item-4621 {
    display: none !important;
  }

  #stage-block .row,
  .courses-block .responsivelist {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
  }
  .blog-main-image {
    margin-top: 0 !important;
  }
  .bk-white {
    padding-top: 1rem !important;
  }
  .fullwidthblogb {
    display: none !important;
  }
  div#blog-main-image {
    margin-top: -100px;
  }
  .trapeze1 {
    padding-top: 1rem;
    padding-bottom: 14rem;
  }
  .trapeze1:after {
    clip-path: polygon(0 23%, 100% 29%, 100% 89%, 0 94%);
    width: 100%;
    top: -31%;
    height: 1300px;
  }
  .title-red,
  .title-yellow {
    padding: 0.5rem 3em;
  }
  .trapeze2:after {
    clip-path: polygon(0 8%, 100% 0, 100% 93%, 0% 100%);
  }
  .trapeze5:after {
    clip-path: polygon(0 15%, 100% 8%, 100% 100%, 0 100%);
  }
  .head-detail {
    width: 90%;
    margin: auto;
  }
  .progresstotalbar {
    left: -12px;
  }
  .navbar {
    min-height: 40px;
    position: absolute;
    z-index: 100;
    top: 120px;
    width: 100%;
    left: 0;
  }
  .menu {
    /* flex-flow: column;
        position: absolute;
        padding: 0;
        top: 16%;
        width: 100vw;
        right: 0;
        height: 100vh;
        opacity: 0;
        transform: scaleY(0);
        transform-origin: top center;
        transition: transform 0.2s cubic-bezier(0.36, 0.4, 0.42, 1.48) 0.1s, opacity 0.1s ease-in-out;
        overflow-y: scroll; */
  }
  .close,
  .close::after,
  .close::before,
  .hamburger,
  .hamburger::after,
  .hamburger::before {
    transition: transform 0.2s ease-in-out;
  }

  #listing-stage .card {
    position: relative;
  }
  .hamburger {
    width: 2em;
    height: 0.25em;
    display: block;
    position: relative;
    cursor: pointer;
    position: absolute;
    right: 38px;
    top: -20px;
  }
  .hamburger::after,
  .hamburger::before {
    content: "";
    position: absolute;
    left: 0;
    background: inherit;
    width: inherit;
    height: inherit;
  }
  .hamburger::after {
    top: 0.65em;
  }
  .hamburger::before {
    bottom: 0.65em;
  }
  .close::after,
  .close::before {
    top: 0;
  }
  #form-filter li:first-child,
  #tab-courses-block #h-pills-tab,
  .close::before {
    display: none;
  }
  .close {
    transform: rotate(45deg);
  }
  .close::after {
    transform: rotate(-90deg);
  }
  .hamburger.close {
    background: var(--light);
  }
  input[type="checkbox"]:checked + .menu {
    position: absolute;
    opacity: 1;
    transform: scaleY(1);
    z-index: 6;
  }

  #form-filter li:last-child,
  #form-filter-courses li:last-child {
    flex: 0 0 100%;
  }
  #form-filter-metier li,
  #form-filter-offre li {
    flex: 0 0 40%;
  }
  #form-filter form,
  #form-filter li:last-child button,
  #form-filter-courses .sf-field-submit input[type="submit"],
  #form-filter-courses li:last-child button,
  #form-filter-metier li:last-child button,
  #form-filter-offre li:last-child button,
  #listing-stage .ratiolist .card,
  nav.breadcrumb-wrap {
    width: 100%;
  }
  #form-filter li,
  #form-filter-courses li,
  #form-filter-offre ul {
    margin-bottom: 0;
    flex: 0 0 50%;
  }
  #form-filter ul,
  #form-filter-courses ul,
  #form-filter-offre ul {
    flex-wrap: wrap;
    top: 72%;
    position: relative;
  }
  #form-filter-courses ul {
    padding: 0;
    width: 330px;
    margin: auto;
  }
  #form-filter-courses li:first-child {
    flex: 100%;
  }
  #form-filter-courses li {
    flex: 0 0 50%;
  }
  #form-filter-courses .sf-field-submit:before {
    left: 45%;
  }

  #form-filter input[type="submit"],
  .filterlink {
    width: 100%;
    background-color: #be231f;
    border: 0;
    padding: 22px 0;
  }
  #form-filter,
  .single nav.breadcrumb-wrap {
    background: 0 0;
  }
  #searchfiltermodal.modal.show .modal-dialog {
    transform: none;
    top: 53%;
  }
  #searchfiltermodal .modal-content {
    background-color: transparent;
    border: none;
  }
  div#searchfiltermodal .close {
    background: 0 0;
    border: none;
    transform: rotate(0);
    color: #fff;
    position: absolute;
    top: -10%;
    right: 23px;
    font-size: 2em;
  }
  #form-filter {
    padding: 0;
    box-shadow: none;
  }
  .breadcrumb a,
  .breadcrumb li {
    font-size: 0.825em;
  }
  #stage-block .row {
    display: block;
    width: 99vw;
  }
  #stage-block .col-md-4 {
    display: inline-block;
    vertical-align: top;
    margin-right: 12px;
    padding: 0;
  }
  #stage-block h3,
  #stage-block p,
  .courses-block .responsivelist h3,
  .courses-block .responsivelist p {
    white-space: normal;
  }
  #listing-stage .card .btn {
    bottom: 0;
    position: absolute;
  }
  #tab-courses-block .tab-content > .tab-pane {
    display: block;
    opacity: 1;
    margin: 5em 0 8em;
  }
  #courses-blockhome .title {
    left: -10%;
    position: relative;
  }
  #tab-courses-block .tab-content > .tab-pane:before {
    content: attr(data-title);
    background-color: var(--bs-red-f2i);
    padding: 22px 33px;
    color: var(--light);
    transform: rotate(-2deg);
    position: relative;
    top: -33px;
    left: -5%;
    font-weight: 700;
    text-transform: uppercase;
  }
  .courses-block .responsivelist {
    width: 98vw;
    display: block;
  }
  .courses-block .responsivelist .card {
    width: 80%;
    margin-bottom: 12px;
    display: inline-block;
    vertical-align: top;
    aspect-ratio: 1/1;
  }
  .courses-block .responsivelist .card .card-body {
    min-height: 288px;
  }
  .card-info-box {
    margin: 1.5em 0 0;
    width: 100%;
  }
  #first-headlines .col-md-5 {
    margin-bottom: 0;
  }
  #findmypath {
    margin-top: -5em;
  }

  .responsivetabset .tab-content > .tab-pane {
    display: block !important;
    opacity: 1;
  }
  .floatingbox {
    width: 100%;
    margin: auto;
    position: initial !important;
  }
  #listing-blog .blog-item {
    width: 340px;
  }

  .listinghorizontal .card,
  .ratiolist .card,
  .ratiolist .col-md-4 {
    width: 390px;
  }
  .home .blog-card .blog-item {
    width: 294px;
  }

  .listinghorizontal .card {
    width: 280px;
    min-height: 260px;
  }
  #contacthome-block .row > div.text-contact {
    text-align: center;
    margin-top: 60px;
  }
  #contacthome-block .text-contact p {
    font-size: 16px;
  }
  #contacthome-block label {
    font-size: 1em;
  }
  #contacthome-block .row {
    padding-top: 0 !important;
  }
  #contacthome-block .title-yellow {
    width: 80%;
    padding: 1.4rem 1rem;
    z-index: 2;
    position: relative;
  }

  #videohome .video-text {
    padding-left: 0;
  }
  .trapezefond2:before {
    height: 490px;
  }
  #other-jobs.trapeze2:after {
    height: 501px;
  }
  div#a-debouche {
    height: 590px;
  }

  .header-cadre-title {
    padding: 1em;
  }
  .breadcrumb-single span a {
    color: #3f4046;
  }
  .breadcrumb-single span {
    color: #3f4046;
  }
  .container-blog {
    margin-top: -2em;
  }
  .ordermoins1 {
    order: -1 !important;
  }
  .container-lg {
    --bs-gutter-x: 3rem;
  }

  #first-headlines p {
    font-size: 1rem !important;
  }
  #first-headlines h1 {
    font-size: 38px;
  }

  #stage-block.ratiolist .card,
  #stage-block.ratiolist .col-md-4 {
    width: 330px;
  }
  .carousel-bloghome {
    width: 350px;
  }
  .responsivetabset .headtabset .h5 a {
    color: #262b40;
  }
  /************ drillmenu ***************/
  #header.opened-menu {
    z-index: 100;
  }
  .is-drilldown {
    overflow: hidden;
    width: 100%;
    display: none;
  }
  .is-drilldown .desc-drill,
  .is-drilldown .date-drill {
    display: none;
  }
  .opened-menu .is-drilldown {
    display: block;
  }
  .is-drilldown li {
    display: block;
    position: relative;
  }
  ul#menu-menu-principale {
    padding: 0;
  }
  #menu-menu-principale > li > a {
    display: block;
    font-weight: bold;
    padding-left: 21px;
  }
  #menu-menu-principale > li > ul > li {
    background-color: var(--bs-gray) !important;
    display: none;
    list-style-type: none;
  }
  #menu-menu-principale > li > ul > li > a {
    padding-left: 40px;
    background: var(--bs-border-color-translucent);
  }
  #menu-menu-principale > li > a.cs-opened + ul > li {
    display: block;
  }

  .menu a {
    line-height: 1;
    display: block;
    text-decoration: none;
    color: white;
  }
  .drilldown .menu-item-has-children > a {
    position: relative;
  }

  .drilldown a,
  .drilldown .akn-obf-link {
    padding: 17px 18px;
    color: white;
    text-transform: uppercase;
    padding-left: 39px;
    white-space: pre-line;
  }
  .drilldown .drilldown-submenu-cover-previous {
    min-height: 100%;
  }
  .drilldown .js-drilldown-back > a:before {
    width: 20%;
    height: auto;
    content: "\f053";
    font-family: "Font Awesome 6 Pro";
    text-align: -webkit-center;
  }

  .drilldown li.js-drilldown-back a {
    display: flex;
    padding: 0;
  }
  .js-drilldown-back span {
    display: block;
    padding-left: 13px;
    padding-bottom: 21px;
  }
  .button-menu-mobile {
    position: relative;
    bottom: auto;
  }
  /*third level*/
  .submenu > li .submenu {
    top: 0;
  }
  /*******************************/
  .swiper-debouches .swiper-wrapper {
    padding-bottom: 0;
  }

  .menu-item-has-children .submenu {
    padding: 0;
  }

  .menu-item-has-children .submenu a {
    font-size: 14px;
    padding: 10px 20px;
  }

  .menu-item-has-children > a span {
    display: flex;
    justify-content: space-between;
  }
  .menu-item-has-children > a span:after {
    content: " > ";
    display: inline-block;
  }
  #menu-menu-principale li.menu-item-has-children > a.expanded span::after {
    content: "⌄";
  }
  .menu-cat.yellow {
    background: var(--bs-yellow-f2i);
    color: var(--bs-primary);
  }
  .menu-cat.red {
    background: var(--bs-red-f2i);
    color: var(--bs-primary);
  }
  .menu-cat.blue {
    background: var(--bs-primary);
    color: white;
  }

  .can-open > .submenu {
    display: none;
  }
  .can-open > .submenu {
    display: none;
  }
  .can-open > .submenu {
    display: none;
  }

  li.no-display > a {
    display: none !important;
  }
  .menu-item-has-children .submenu {
    padding: 0;
  }
  .cs-title > a {
    padding: 15px 1px;
    font-weight: bold;
  }
  .menu-item-has-children.cs-title > a span {
    justify-content: center;
  }
  .menu-item-has-children.cs-title > a span:after {
    display: none !important;
  }
}
@media screen and (max-width: 48rem) {
  .bg-shape1:after {
    width: 100%;
    height: 100%;
    left: 0;
    transform: none;
  }
  #videohome .video-text {
    margin-top: 1em;
    padding-left: 0;
  }
  section.videoblog.bg-shape:after {
    left: 0;
    transform: rotate(0);
    width: 100%;
  }
  .single-formations section.videoblog.bg-shape:after {
    height: 110%;
  }
  #block-18 figure {
    margin-top: -81px;
  }
  #bottom-area {
    padding-bottom: 83px;
  }

  /*Modif word*/
  .gap-md {
    display: flex;
    flex-direction: column;
    gap: 3em;
  }
  .font-size-md {
    font-size: 1.2em !important;
  }
  .single-formations p.introformation {
    text-align: center;
  }
  input[type="checkbox"]:checked + .menu {
    top: 10%;
  }
  .blog-card .blog-item {
    width: 294px;
  }
  /*Menu + en bas de page */
  div#side-cta-button:before {
    content: " ";
    display: block;
    position: absolute;
    background: #0000006b;
    width: 100vw;
    height: 100vh;
    top: -150%;
    right: -37%;
    z-index: -1;
  }
  .cta-text {
    width: 239px;
    left: -230px;
  }
  #side-cta-button .akn-obf-link,
  #side-cta-button a {
    text-indent: 16px;
  }
  .for-petit {
    font-size: 1.3rem !important;
  }
  .hamburger-wrap {
    cursor: pointer;
    height: 30px;
    width: 33px;
    position: absolute;
    right: 18px;
    top: -41px;
  }
}
@media screen and (max-width: 40em) {
  .tab-blue-m{
    background: #ECF2F2;
    padding: 10px;
  }
  .title-red,
  .title-yellow {
    padding: 0.5rem 1em;
  }
  .btn {
    padding: 1em 1.5em;
  }
  .trapeze1 {
    padding-bottom: 9rem;
  }
  table th {
    display: none;
  }
  table td {
    display: block;
    padding: 7px 16px;
  }
  table td:before {
    content: attr(data-th) " ";
    color: #262c3f;
    font-weight: 700;
    display: inline-block;
    width: 100px;
  }
  table tr td {
    background-color: #f7efde;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  table tr td:first-child {
    background-color: var(--bs-yellow-f2i) !important;
    box-shadow: none;
  }
  table td:first-child {
    padding-top: 16px;
  }
  table td:last-child {
    padding-bottom: 16px;
  }
  .responsivelist {
    width: 100vw;
  }
  .courses-block .responsivelist .card {
    width: 330px;
  }
  .courses-block .responsivelist {
    width: 98vw;
  }
  #courses-blockhome .container > h2 {
    position: relative;
    left: -16%;
  }
  #listing-stage .card-body h2 {
    font-size: 1.1em;
  }
  #listing-stage .card .btn {
    padding: 10px;
  }
  .card-info-box > div > img {
    height: 90px;
    padding: 0.2em;
    margin-bottom: 15px;
  }
  #a-debouche,
  #a-poursuite {
    height: 360px;
  }
  section.videoblog.bg-shape:after {
    transform: none;
    width: 100%;
  }
  div#blog-main-image img {
    max-height: 200px;
  }
  #readmore-blog .shadow.p-4 h3 {
    min-height: 120px;
  }
  #readmore-blog .listinghorizontal .card {
    width: auto;
    min-height: auto;
  }
  #recomandations.trapeze2:after {
    height: 1230px;
  }
  /*Modif word pour page formation*/

  .gap-xs {
    display: flex;
    flex-direction: column;
    gap: 2em;
  }
  .font-size-xs {
    font-size: 1em !important;
  }
  p.introformation {
    text-align: center;
  }
  .headtabset div {
    display: flex;
    align-items: center;
    justify-content: start;
    align-content: center;
  }
  #bottom-area {
    padding-bottom: 150px;
  }
  #block-qualopi {
    margin-top: 12px;
  }
  #block-qualopi img {
    width: 100%;
  }
  #block-qualopi p {
    text-align: justify;
  }
}
@media screen and (min-width: 768px) {
  .card-afterlist {
    aspect-ratio: initial;
  }
  section.videoblog.bg-shape:after {
    height: 400px;
  }
  #goal #a-target img {
    max-width: 100% !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  #first-headlines .col-md-5:first-child {
    padding: 2em 0 0;
  }
  #first-headlines .col-md-5 img {
    width: 90%;
  }
}
@media screen and (min-width: 992px) {
  #nos-formations .line-2 {
    height: 140px;
  }
  #youtubeModal{
    --bs-modal-width: 850px;
  }
  #header {
    border-bottom: 2px solid var(--bs-very-light-gray-f2i);
  }
  .js-drilldown-back {
    display: none;
  }
  #menu-item-6273 .js-drilldown-back {
    display: block;
    background-color: #2a2f41;
  }
  .js-drilldown-back span {
    color: #ffffff;
    font-weight: bold;
    font-style: italic;
    font-size: 15px;
  }

  #logo , #logo a {
    margin: 0 auto;
    max-height: 120px;
  }
  #courses-blockhome .nav-pills .nav-link {
    width: auto;
    margin-right: 12px;
    margin-bottom: 12px;
  }
  /*MENU*/
  .menu-item-has-children > a:after {
    height: 0.5em;
    vertical-align: middle;
    margin-top: -0.25em;
  }
  .navbar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .menu {
    display: flex;
    flex-direction: row;
  }
  .menu li {
    list-style: none;
    position: relative;
  }
  .menu li a,
  .menu li .akn-obf-link {
    display: block;
    color: var(--dark);
    padding: 0.865em 1.5em;
    font-size: 0.865rem;
    white-space: pre-line;
    font-weight: 600;
  }
  .menu li.blue > a,
  .menu li.blue > .akn-obf-link {
    font-size: 1.3rem;
    color: var(--bs-cyan-dsp);
  }
  #menu-menu-principale > .menu-item:hover > a {
    text-decoration: underline;
    text-underline-offset: 8px;
  }
  .submenu {
    /* position: absolute;
    left: 0; */
    background-color: var(--light);
    padding: 1.5em 0;
    min-width: 20em;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top center;
  }
  .submenu.displayed {
    opacity: 1;
    transform: scale(1);
  }
  .child-item > a > span,
  .child-item > .akn-obf-link > span, li#menu-item-13353 > a > span, li#menu-item-13505 > a > span{
    display: flex;
    flex-wrap: wrap;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px solid #e8e8e8;
  }
  #menu-item-6273 > ul > .child-item > a > span {
    border: 0;
  }
  .child-item:last-child > a > span,
  .child-item:last-child > .akn-obf-link > span {
    border-color: transparent;
  }
  #menu-item-6273 .child-item:nth-last-child(2) > a > span,
  #menu-item-6273 .child-item:nth-last-child(2) > .akn-obf-link > span {
    border-color: transparent;
  }
  .submenu > li > a,
  .submenu > li > .akn-obf-link {
    padding: 0.55em 1.5em;
  }
  .submenu .submenu,
  .submenu .submenu .submenu {
    margin-left: 23px;
    padding: 0;
    top: 0;
  }
  .submenu .submenu {
    top: 0;
    border-left: 0.2em solid var(--bs-light);
  }
  .menu-item-has-children .invisible {
    visibility: visible !important;
    transition-delay: 0.2s;
  }
  .submenu > li.current-menu-item > a,
  .submenu > li:hover > a,
  .submenu > li.current-menu-ancestor > .akn-obf-link,
  .submenu > li.current-menu-item > .akn-obf-link,
  .submenu > li:hover > .akn-obf-link {
    background-color: hsla(0, 0%, 100%, 0.05);
    /* color: var(--hover-color); */
    color: var(--bs-cyan-dsp);
    font-weight: 700;
  }
  .menu > li:hover > a,
  .menu > li:hover > .akn-obf-link {
    color: var(--bs-primary);
  }
  .menu > li.blue:hover > a,
  .menu > li.blue:hover > .akn-obf-link {
    color: var(--bs-blue-f2i);
  }
  .menu > li.red:hover > a,
  .menu > li.red:hover > .akn-obf-link {
    color: var(--bs-red-f2i);
  }
  .menu > li.menu-cat.blue:hover > a,
  .menu > li.menu-cat.blue:hover > .akn-obf-link {
    color: var(--bs-cyan-dsp);
  }
  .menu > li.yellow:hover > a,
  .menu > li.yellow:hover > .akn-obf-link {
    color: var(--bs-yellow-f2i);
  }
  .menu > li.current-menu-ancestor > a,
  .menu > li.current-menu-item > a,
  .menu > li.current-menu-ancestor > .akn-obf-link,
  .menu > li.current-menu-item > .akn-obf-link {
    font-weight: 700;
  }
  .arrow {
    width: 0.5em;
    display: inline-block;
    border-left: 0.15em solid currentColor;
    border-bottom: 0.15em solid currentColor;
    transform: rotate(-45deg);
    transition: transform 0.1s ease-in-out;
  }
  .menu > li:hover > a + .submenu,
  .submenu > li:hover > a + .submenu,
  .menu > li:hover > .akn-obf-link + .submenu,
  .submenu > li:hover > .akn-obf-link + .submenu {
    opacity: 1;
    transform: scaleY(1);
  }
  .menu > li:hover > a > .arrow,
  .menu > li:hover > .akn-obf-link > .arrow,
  .submenu > li:hover > a > .arrow,
  .submenu > li:hover > .akn-obf-link > .arrow {
    transform: rotate(225deg);
  }
  .menu-cat .submenu li:hover > a,
  .menu-cat .submenu li:hover > .akn-obf-link {
    background-color: #00000008;
    transition: all 0.2s;
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.2s;
  }
  .menu-cat ul {
    padding: 0 0 5px 3em !important;
    opacity: 1 !important;
    transform: scaleY(1) !important;
    top: auto !important;
    margin: 0 !important;
    border: 0 !important;
  }
  .menu-cat > a {
    padding: 25px 0 5px 70px !important;
    text-decoration: none !important;
    font-weight: bold !important;
  }
  .menu-cat::after {
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
    color: #3b3c45;
    padding-left: 70px;
    display: none;
  }
  #first-headlines h1 {
    font-size: 38px;
  }
  #first-headlines p {
    font-size: 1rem;
  }
  .bloccenter {
    width: 992px;
    margin: auto;
  }
  .menu-item .menu.submenu {
    position: fixed;
    /* width: 100%; */
    display: flex;
    transition: all 0.1s ease-in-out 0.2s;
  }
  .menu-item .menu.submenu li ul {
    flex-direction: column;
    position: relative;
  }
  #menu-item-5921 .menu.submenu {
    flex-direction: column;
    flex-wrap: wrap;
    height: 500px !important;
  }
  #menu-item-6273 .menu-cat {
    width: 33%;
    padding-bottom: 1.5rem;
  }
  #menu-item-6273 .menu-cat::after {
    display: block;
  }
  #menu-item-6084 .menu-cat,
  /* #menu-item-6125 .menu-cat {
    width: 40%;
  } */

  #menu-menu-principale li.no-display {
    border-top: 4px solid var(--bs-cyan-dsp);
    margin-top: 5px;
    padding: 0 15px;
    max-width:100%;
  }
  #menu-menu-principale li.no-display > ul {
    padding-left: 0 !important;
  }
  #menu-menu-principale li.no-display > a {
    margin-top: -15px;
    padding-left: 0 !important;
    text-align:center;
  }
  #menu-menu-principale li.no-display:first-child > a:before {
    content: "";
    width: 32px;
    height: 20px;
    background-color: var(--bs-cyan-dsp);
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    margin: 0 1em;
  }
  .menu > #menu-item-6714.menu-item > ul.menu.vertical.nested.submenu > li > ul.menu.vertical.nested.submenu {
    position: absolute;
    left: 293px;
  }
  .menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children
  .menu.vertical.nested.submenu,
  .menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-ancestor.menu-item-has-children
  .menu.vertical.nested.submenu
  {
    display: flex;
    flex-wrap: wrap;
    width: min-content;
  }
  
  /* #menu-item-6109 .menu-cat,
  #menu-item-6139 .menu-cat {
    width: 75%;
  } */
  #menu-item-5921 .menu-cat ul {
    border-bottom: 1px solid #e8e8e8 !important;
  }

  .button-menu-mobile {
    display: inline-block;
    font-size: 12px !important;
    width: max-content;
    margin: auto;
  }
  .button-menu-mobile a {
    font-size: 14px !important;
    color: white !important;
    width: fit-content !important;
  }
  .button-menu-mobile.right {
    border: 2px solid #2a2f41 !important;
    background: #2a2f41;
    grid-column: 12;
  }
  .button-menu-mobile.right a {
    font-weight: bold;
  }
  .button-menu-mobile.left {
    border: 2px solid #bf231e !important;
    background: #fff;
    grid-column: 11;
  }
  .button-menu-mobile.left a {
    color: #bf231e !important;
    font-weight: bold;
  }
  .navbar label.hamburger {
    display: none;
  }
  .is-drilldown {
    width: 100%;
  }
  .child-item {
    width: 100%;
  }
  #menu-item-5921 .child-item {
    width: 35%;
  }
  /**** L'ecole sur 2 colonnes ****/
  

  /* Pour cibler uniquement le sous-menu concerné */
  #menu-item-6688 > .menu.vertical.nested.submenu, #menu-item-6722 > .menu.menu.vertical.nested.submenu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
    min-width: 670px;
    align-items: baseline;
    border-top: 4px solid var(--bs-cyan-dsp);
    margin-top: 5px;
  }


#menu-item-6701 > .menu.vertical.nested.submenu {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
    min-width: 670px;
    align-items: baseline;
    border-top: 4px solid var(--bs-cyan-dsp);
    margin-top: 5px;
  }


  #menu-menu-principale #menu-item-6689,  #menu-menu-principale #menu-item-12441,  #menu-menu-principale #menu-item-12443, #menu-menu-principale #menu-item-12442, #menu-menu-principale #menu-item-12093{
    border-top: 0;
    margin-top: 0;
  }

  #menu-menu-principale .taxo-title span.akn-obf-link {
    padding: 0;
    padding-top: 13px;
    text-transform: uppercase;
    font-size: 1.3em;
    color: var(--bs-cyan-dsp);
  }
  /********************************/
  /***Me former****/
  ul#menu-menu-principale {
    position: relative;
  }
  ul#menu-menu-principale > .menu-item > a {
    color: var(--bs-gray-f2i);
    padding: 16px 0;
    width: fit-content;
    font-weight: 600;
  }
  .menu li {
    position: relative;
  }
  #menu-item-6273 > ul > li {
    text-align: center;
    width: max-content;
    transition: all 0.2s;
  }

  li.child-item > a::after, li#menu-item-13353 > a::after, #menu-item-13505 > a > span::after  {
    content: url(../img/arrow-up.svg);
    display: inline-block;
    position: absolute;
    width: 16px;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
  }
  #menu-item-6273 .yellow li.child-item > a::after {
    content: url(../img/arrow_outward_yellow.png);
  }
  #menu-item-6273 .red li.child-item > a::after {
    content: url(../img/arrow_outward_red.png);
  }

  li.child-item.current_page_item > a::after {
    content: "";
  }
  li.child-item:hover > a,
  li.child-item:hover > .akn-obf-link {
    background-color: #00000005;
    transition: all 0.2s;
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.5s;
  }
  /*******/
  .courses-block .responsivelist .card {
    width: 300px;
    height: 300px;
  }

  #bottom-cta-button,
  #menu-item-6273 .menu-item-has-children > a:after,
  #menu-item-6273 .menu-item-has-children > .akn-obf-link:after,
  .responsivetabset .headtabset,
  .responsivetabset .tab-pane .border {
    display: none;
  }
  #form-filter-courses.collapse,
  #form-filter.collapse {
    display: block !important;
  }
  #form-filter li:first-child,
  #form-filter-courses li:first-child,
  .responsivetabset .tab-pane > .collapse {
    display: block;
  }
  #form-filter-courses.courses-filter li {
    flex: 0 0 174px;
  }
  #form-filter-metier li,
  #form-filter-offre li {
    flex: 0 0 245px;
  }
  #form-filter-courses.courses-filter ul,
  #form-filter-metier ul,
  #form-filter-offre ul {
    justify-content: center;
  }
  #courses-blockhome h2 {
    text-align: center;
  }

  /*****MENU***/
  ul.menu {
    margin: 0;
    padding: 0;
  }
  .menu li {
    flex: 0 0 auto;
    text-align: left;
  }
  .submenu {
    z-index: 7;
  }
  ul#menu-menu-principale > li {
    margin: auto;
  }
  ul#menu-menu-principale > li:hover {
    transition-delay: 0.5s;
  }
  .submenu {
    border-bottom: 1px solid #e8e8e8;
  }

  /*first level*/
  #menu-item-6273 > .submenu {
    background-color: #fff;
    padding-top: 6px;
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 10px;
    padding: 0 15px;
  }
  #menu-item-6273 > ul > li:first-child {
    grid-column: span 3;
  }
  #menu-item-6273 > ul > li:first-child a {
    font-weight: bold;
  }
  #menu-item-6273 .menu.submenu li ul {
    top: auto;
    margin: 3px 0 0 0;
    position: fixed;
    flex-direction: row;
    background-color: #fff;
    border-bottom: 1px solid #e8e8e8 !important;
  }
  #menu-item-6273 .menu.submenu li ul li ul {
    top: auto;
    margin: 0;
    position: fixed;
    width: 100%;
    display: flex;
    flex-direction: row;
  }
  #menu-item-6273 .menu.submenu li ul li ul {
    flex-direction: column;
    position: relative;
    height: 100%;
    justify-content: flex-start;
  }
  #menu-item-6273 li ul li {
    width: 100%;
  }
  /* #menu-item-6273 .akn-obf-link > span {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        font-weight: bold;
        padding-bottom: 5px;
        border-bottom: 1px solid #E8E8E8;
    } */
  #menu-item-6273 > ul > .menu-item-has-children {
    border-bottom: 2px solid transparent;
  }
  #menu-item-6273 > ul > .menu-item-has-children:hover {
    background-color: transparent;
    border-radius: 0;
    transition: none;
    text-decoration: none;
    border-bottom: 2px solid var(--bs-yellow-f2i);
  }
  li.no-display > a,
  .can-open > a {
    font-size: 1.3em;
  }
  .link {
    position: absolute !important;
    bottom: 0 !important;
    padding: 10px 0 !important;
  }
  .link a {
    text-transform: none !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    color: #3b3c45 !important;
    background: none !important;
    font-weight: bold !important;
  }
  /*******/
  .responsivetabset .nav-pills {
    display: flex;
  }
  #content-course-detail .responsivetabset .nav-pills .nav-link {
    white-space: nowrap;
  }
  .listingreco {
    flex-wrap: nowrap;
  }
  @media screen and (min-width: 992px) {
    .nav-pills-absolute {
      display: flex;
      flex-direction: row !important;
      top: -52px;
      position: absolute;
    }

  }
  .nav-pills-absolute-bottom {
    display: flex;
    flex-direction: row !important;
    bottom: -30px;
    position: absolute;
  }
  .nav-pills-absolute-bottom-right {
    display: flex;
    flex-direction: row !important;
    bottom: -16px;
    position: absolute;
    right: 0;
  }

  #readmore-blog .listinghorizontal .card,
  .listingreco .card {
    width: 33.33%;
  }
  #readmore-blog .listinghorizontal {
    display: flex;
    overflow: initial;
  }
  .floatingbox {
    position: fixed;
    z-index: 1;
    right: 10%;
  }
  #logo , #logo a {
    margin: 0 auto;
  }
  #job-courses {
    margin-top: 6em;
  }
  div#blog-main-image .header-cadre-title {
    margin: -5% 2% 0;
    position: relative;
    float: left;
    width: 96%;
    box-shadow: none;
    border-left: 10px solid #be242f !important;
    border: 1px solid;
    background: rgb(64 64 71 / 65%);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
  }
  div#blog-main-image h1 {
    color: #fff;
    margin: 0;
  }
  #content-job {
    margin-top: 183px;
  }
  .no-border a {
    border-right: none !important;
  }
  #side-cta-button {
    display: block;
  }
  a.card.card-redborder h3 {
    min-height: 83px;
  }
  #courses-blockhome h2 .title {
    position: relative;
    top: -92px;
  }
  .col-lg-60pct{
    width: 60%;
  }
  .col-lg-40pct{
    width: 40%;
  }
  .ml-lg-40percent{
    margin-left: 40%;
  }
  .full-height-lg{
    height: 100% !important;
  }
}
@media (min-width: 1024px) {
  #stage-block .col-md-4 {
    flex: 0 0 390px;
  }
  /* #first-headlines .col-md-5 img {
        top: -6%;
    } */
  .downloadsec > .container-lg {
    padding: 1em 3rem 4em 8rem;
  }
  .py-lg-10 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .page-id-1497 .wpcf7-form {
    width: 60%;
    margin: auto;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  #stage-block .col-md-4 {
    flex: 0 0 39%;
  }
  #videohome .video-text {
    margin-top: 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1396px) {
  .menu li a,
  .menu li .akn-obf-link {
    font-size: 0.8rem;
    padding: 0.2rem;
  }
  .submenu > li > a,
  .submenu > li > .akn-obf-link {
    padding: 0.8rem 1.5rem;
  }
}
@media (min-width: 1200px) {
  .single-metiers .card-info-box {
    min-width: 450px;
  }
  #first-headlines h1 {
    font-size: 46px;
  }
  #first-headlines p {
    font-size: 1.2rem;
  }
  .single-metiers #job-courses {
    margin-top: 12em;
    margin-bottom: 6rem;
  }
  #contacthome-block .text-contact p {
    font-size: 1em;
    width: 350px;
    text-align: center;
  }
  .trapeze3:after {
    clip-path: polygon(0 24%, 100% 0%, 100% 100%, 0% 90%);
    top: -12em;
    height: 1070px;
  }
  #courses-result-search .trapeze3:after {
    clip-path: polygon(-10% 34%, 374% 0%, 100% 100%, 0% 90%);
  }
  #footer li a {
    font-size: 1em;
    line-height: 2.5em;
  }
  .single-formations section.videoblog.bg-shape:after {
    height: 540px;
    background-color: #262b40;
  }
  section#blog-block .listinghorizontal {
    display: flex;
    overflow: hidden;
    justify-content: space-between;
  }
}
@media (min-width: 1400px) {
  .courses-block .responsivelist .card {
    width: 21.5%;
    aspect-ratio: 1/1;
  }
  section#first-headlines {
    min-height: 520px;
  }
  .trapeze1:after {
    clip-path: polygon(0 18%, 100% 27%, 100% 69%, 0 94%);
    height: 1500px;
  }
  .trapezefond1:before {
    height: 150%;
  }
  #first-headlines h1 {
    font-size: 2.8em;
  }
  #knowing.trapezefond1:before {
    height: 137%;
  }
  .center-bloc {
    width: 70%;
    margin: auto;
  }
  .floatingbox {
    right: inherit;
  }
  .single-metiers .floatingbox {
    right: 10%;
  }
  .breadcrumb-wrap .breadcrumb {
    padding-left: 4% !important;
  }
  .single-metiers .card-info-box,
  .single-offres .card-info-box {
    min-width: 500px;
  }
  #videohome .container-lg {
    max-width: 1300px;
  }
  #stage-block .row > .col-md-4:last-child {
    display: block;
  }
}

.my-5s {
  margin-top: 5rem !important;
  margin-bottom: 3rem !important;
}
#search-filter-form-979 input, #search-filter-form-979 .filterlink {
    background: var(--bs-paleblue-dsp);
    color: var(--bs-shadowgray-dsp);
    border: none;
    padding: 1em 1.5em !important;
    font-size: 15px;
    line-height: 1.4em;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
}
.acc-page-front {
  padding: 0.8rem 1rem !important;
  font-size: 1rem !important;
  box-shadow: 0 0 0 !important;
  border-bottom: 1px solid #e8e8e8;
}
.blog-title a {
  text-decoration: none;
  color: white;
}

a > .arrow-down {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  top: -4px;
}
a[aria-expanded="true"] > .arrow-down {
  transform: rotate(90deg);
}
a[aria-expanded="false"] > .arrow-down {
  transform: rotate(0deg);
}

.has-redf-2-i-color {
  color: #be231f !important;
}
.has-bluef-2-i-color {
  color: #262b40 !important;
}
.has-jaunef-2-i-color {
  color: #ffac00 !important;
}

/*Laptop and Desktop*/
/*@media screen and (min-width: 992px) {
  h1 {
    font-weight: black;
    font-size: 54px !important;
    line-height: 64px !important;
  }
  h2 {
    font-size: 46px !important;
    line-height: 50px !important;
  }
  h3 {
    font-size: 34px !important;
    line-height: 42px !important;
  }
  h4 {
    font-size: 24px !important;
    line-height: 32px !important;
  }
  h5 {
    font-size: 20px !important;
    line-height: 30px !important;
  }
}*/
/*@media screen and (min-width: 992px) {*/

/*}*/
/*tablets*/
/*@media screen and (min-width: 768px) {*/

/*}*/
/*phones*/

/*
@media screen and (max-width: 991px) {
  h1 {
    font-weight: black;
    font-size: 40px !important;
    line-height: 48px !important;
  }
  h2 {
    font-size: 38px !important;
    line-height: 44px !important;
  }
  h3 {
    font-size: 22px !important;
    line-height: 28px !important;
  }
  h4 {
    font-size: 20px !important;
    line-height: 28px !important;
  }
  h5 {
    font-size: 18px !important;
    line-height: 26px !important;
  }
}*/
#accordion-faq-metier {
  background-color: #fff;         /* Fond blanc */
  max-width: 80%;               /* Largeur maximale */
  margin: 0 auto;                 /* Centré */
  padding: 2rem 1rem;             /* Espacement intérieur */
  border-radius: 8px;             /* Coins arrondis (facultatif) */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); /* Ombre douce */
  flex-direction: column !important; /* Remet en colonne si trop serré */
}