/* Force light color scheme — prevents OS/browser dark mode from altering the site */
html {
  color-scheme: light;
}

.thematic_items_three a.link.blue-dark {
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  line-height: 1.6;
  font-size: 24px;
  font-weight: 800;
  position: absolute;
  right: 10px;
  top: 10px;
  text-align: center;
  background: #0F4376;
}
#page-7821 .btns-secteur p {
    margin-top: 10px;
}
.all_filter_pgs_offres form div.js-form-submit input {
  font-size: 15px;
  font-weight: 700 !important;
  margin: 0px 0px;
}

#block-siiagencymapblock{
  margin-top: 15px;
}


@media screen and (min-width: 991px) {
  #page-7821 .block-nos-metier .title-bloc .field--type-string{
      display:block;
    }
  #page-7821 .block-nos-metier .title-bloc .field--type-text-long{
      
    }

  #page-7809 .offers-listing .container-xxl,#page-7809 .container-xl,#page-7809 .container-lg,#page-7809 .container-md,#page-7809 .container-sm,#page-7809 .container{
    max-width: 81vw !important;
  }

}
@media screen and (max-width: 991px) {
    /* * { margin: 0; padding: 0px; } */
    #page-7821 section#block-nos--metier .title-bloc .field.field--name-field-body.field--type-text-long strong{
      color: #0F4376;
      font-size: 23px;
      font-weight: 900;
      line-height: 30px;
    }
    #page-7821 .block-nos-metier .title-bloc .field--type-string{
      display:none;
    }
     #page-7821 .block-nos-metier .title-bloc .field--type-text-long{
      display:block;
    }

      .block-chiffres {
        padding-top: 0 !important;
  }
    .block-chiffres {
        font-size: 28px;
        padding-bottom: 0 !important;
    }
    .title-with-button {
    flex-wrap: nowrap;
    }   
    .btn-secteur h2{
        margin-bottom: 0;
    }
    .bannier-home .content-banniere h1 {
    line-height: 30px;
    }
    .filter-btn {
  border-radius: 20px;
  padding: 10px 15px;
    height: auto;
    max-height: 100%;
    margin-top: 3%;
    background-size: cover;
    background-position: center center;
    width: 100%;
  }
  .bannier-home {
    min-height: 189px;
    height: auto;
    max-height: 100%;
    margin-top: 3%;
    background-size: cover;
    background-position: center center;
    width: 100%;
  }
  .block-chiffres .d-flex {
    margin: auto;
  }
  .btn-secteur{
    height: fit-content;
  }
  .block-chiffres .btn-secteur.d-flex{
    align-items: center !important;
  }
  .btn-secteur .text-with-bg{
    width: fit-content;
  }
h1:not(.ckeditor-content *) span:not(.ckeditor-content *) {
  font-weight: 900;
  font-size: 25px;
  font-family: 'InterCZ', "Lato";
}
h2:not(.ckeditor-content *) span:not(.ckeditor-content *),
.bannier-home .content-banniere h1:not(.ckeditor-content *) {
  font-weight: 900;
  font-size: 30px;
  font-family: 'InterCZ', "Lato";
  margin-bottom: -5px;
}
.block-histoire .slider-histoire .item-slider-histoire span {
    background: none;
}
  .block-ns-trouver h2 , .block-ns-trouver p {
    text-align: left !important;
    padding: 0 !important;
    margin-left: 10px;
  }
    .block-nos-actu.block-offres {
        padding: 40px 0px 0 40px;
    }
    section.block-nos-actu.block-offres.mb-4.pt-4 > .title-with-button {
        justify-content: normal;
        padding-bottom: 0px !important;
    }
    section.block-nos-actu.block-offres.mb-4.pt-4 > .title-with-button .arrows {
        align-self: flex-start;
    }
    section.block-nos-actu.block-offres.mb-4.pt-4 > .title-with-button h2 {
        width: 55%;
    }
    .field--name-field-tc-title .field__item{
        font-size: 20px;
        line-height: 25px;
        margin-top: 8px;
    }
    .block-cols .left-hooks img {
    left: -37px;
    top: 27px;
    height: unset;
    }
    .block-cols .right-hooks img {
    height: unset;
    }
    .block-cols .field--type-image img {
       height: unset;
    }

    a.button- {
    background-color: #B8D1EC;
    color: black;
    border: none;
    border-radius: 6px;
    font-size: 18px;
    font-weight: bold;
    padding: 8px 10px;
    margin: auto;
    text-align: center;
    width: 205px;
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
}


  .block-cols .right-hooks img {
    top: -35px;
  }
  .node--type-agency .block-cols .right-hooks img {
    top: -40px;
    right: -10px;
  }
  .node--type-agency .ctn-body .field__item h2{
    font-size: 17px;
    font-weight: 400;
  }
  .block-chiffres {
        padding-top: 0 !important;
  }
   #accordion-content .accordion-header span {
  font-size: 25px;
  color: #0F4376;
  font-weight: 600;
  width: 80%;
  padding-left: 10px;
}
  .content-chiffres p {
    font-size: 18px;
    line-height: 30px;
  }
  .content-chiffres{
    padding-top: 20px;
  }
  .btn.btn-block.Bleu.foncé.jaune.small {
  font-weight: 800;
}
.field--type-text-with-summary .field__item ul{
    margin-bottom: 0;
}
  /* .field__item h2{
    font-weight: 800;
    font-size: 24px;
    padding: 1% 6%;
  } */
  .title-with-button .title-bloc {
    padding-left: 10px;
    padding-right: 0px;

}
.block-cols div{
    gap: 0 !important;
}
.ctn-body.has-left-hooks {
        margin: -20px auto;
}
h2.title-bloc .arrows{
    /* position: relative;
    right: -20vw; */
}
  .field__item > h2 + p{
    padding: 1% 6%;
  }
  .block-accordeon-content{
    padding-top: 0 !important;
  }
}



@media screen and (max-width: 991px) {
        .bannier-home {
        padding-top: 0px;
    }
    .block-histoire .slider-histoire .item-slider-histoire span {
    font-size: 24px;
    padding: 0px 0px;
    line-height: 32px;
    padding: 10px 0px 0px 0px;
}
.block-histoire .slider-histoire .item-slider-histoire p {
    margin-top: 20px;
}

    .hamburger-menu {
        width: 100vw !important;
    }
    h2.title-bloc .arrows {
        /* position: relative;
        right: -7vw; */
    }
    .btn-secteur a span {
        line-height: 15px;
        font-size: 12px;
        height: fit-content;
    }
    .field-pillars h2 {
     white-space: nowrap;
     font-weight: 400;
    }
    .field-pillars h2 span{
     font-weight: 400;
     font-size: 26px;
    }
    .field-pillars h2 strong span{
     font-weight: 800;
    }
    .block-confiance .title-bloc .arrows{
        right: -3vw;
    }
    .block-expertise-audit .title-bloc{
        width: 100vw;
    }
        .block-expertise-audit .title-bloc .arrows{
        right: 0;
    }
    .btns-secteur p {
        padding-top: 0px;
    }
    section.block-cols.container.container-fluid.pt-5 {
        padding-bottom: 0px;
    }
    .card-block .card-text{
        margin: 0;
    }
    .container.list_news > .row {
        padding-bottom: 10px;
    }
    .content-banniere .field--name-field-titre-body h1{
        margin-bottom:15px ;
    }
    .field--type-entity-reference-revisions .paragraph--markup .text-align-center{
        text-align: left;
        padding-left: 12px;
        font-size: 27px;
        font-weight: 800;
    }
    section.block-chiffres{
        margin-top: 10px !important;
    }
    .content-chiffres .btn-secteur h2{
        font-size: 35px;
    }
    .btn-secteur a span{
      height: 45px;
      overflow: visible;
    }
    .item-slider-histoire .container{
      padding-left: 0px;
      padding-right: 0px;
    }
    .block-cols .left .col .title-bloc{
      padding: 1% 0%;
    }
    .block-profil + a.button-{
      margin: 0px auto 25px auto;
    }
    .node--type-agency{
      margin-bottom: 20px;
    }
}

/* page secteur d'activités */
@media screen and (max-width: 991px) {
  .secteur-background h1 span{
      font-weight: 900;
      color: #FFEB7A;
  }
  .secteur-background h1{
      font-weight: 400 !important;
      font-size: 18px !important;
  }
  .secteur-cols .col{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .secteur-cols .title-bloc{
    margin-top: 10px;
    padding-left: 5px;
  }
  .secteur-cols .title-bloc .field--name-field-tc-title{
    margin-top: 0 !important;
    margin-bottom: 0px;
  }
  .secteur-cols .field--name-field-tc-title .field__item{
    margin-top: 0px;
  }
  .secteur-cols .left .button-blue, .secteur-cols .right .button-blue{
    width: fit-content;
    display: block;
    margin: 15px auto;
    float: none !important;
  }
  .btn-secteur.detected-blue {
    order: -1;
    width: 100% !important;
    height: 100px;
  } 
  .sous-secteur .btn-secteur.d-flex.flex-column {
        width: 26%;
    }
  .block-cols .right .col .title-bloc {
        padding: 1% 0%;
    }
  .span-secteur-mobile{
    display: block !important;
  }
  #accordion-content .accordion-button::before {
    margin-right: 0px;
  }
  .block-confiance h2.container{
    /* margin-top: 0px !important; */
  }
  .block-confiance-fixed-height .item-slider-confiance img{
    max-height: 45px;
  }
  .btn-secteurs .btn-secteur span{
    display: none;
  }
  .is_mobile{
    height: 45px;
    overflow: visible;
    line-height: 15px;
    font-size: 12px;
  }
  .block-nos-metier .title-bloc{
      white-space: nowrap;
    }
  /* Page nous rejoindre mobile */
  section.block-videos.block-nos-enjeux h1{
    font-size: 20px;
    margin: 0px;
  }
  section.block-videos.block-nos-enjeux h1 strong{
    font-size: 20px;
  }
  section.block-videos.block-nos-enjeux p{
    margin: 0;
  }
  section.block-videos.block-nos-enjeux .mb-5{
    margin-bottom: 1rem !important;
  }
  .block-nos-metier{
    height: unset;
  }
  .width-rectangle.order_1{
    height: unset;
    padding-top: 10px;
  }
  .width-rectangle.order_1 .img_wrapper{
    height: unset;
    position: static;
  }
  .width-rectangle.order_1 img{
    width: 117px;
    height: 121px;
  }
  .width-rectangle.order_1 h2{
    font-size: 60px !important;
  }
  .width-rectangle.order_1 .wrapper_big h3{
    font-size: 30px;
    margin: 0 5px;
  }
  .width-rectangle.order_1 .bxig_ck_editeur{
    margin-top: -5px;
    margin-left: 10px;
  }
  .card--event{
    padding-left: 10vw;
  }
  #page-7821 .color-orange.order_2{
    height: 190px;
    margin-right: 12px;
  }
  #page-7821 .color-orange.order_2 h2{
    font-size: 55px;
  }
  #page-7821 .order_3{
    height: 190px;
  }
  #page-7821 .order_3 h2{
    font-size: 55px;
  }
  #page-7821 .order_3 span.unit{
    font-size: 35px;
    bottom: 12px !important;
  }
  #page-7821 .order_3 h3{
    font-size: 40px !important;
    text-align: center;
  }
  #page-7821 .order_3 .small_ck_editeur, #page-7821 .order_2 .small_ck_editeur{
    gap: 0px;
  }
  #page-7821 .order_4 .img-profile .field--type-image img{
    width: 70px;
    height: 70px;
    margin-top: 20px;
  }
  #page-7821 .order_4 .wrapper_big{
    padding: 0 20px;
    /* margin-top: -20px; */
    gap: 0px 20px;
  }
  #page-7821 .order_4 .wrapper_big h2{
    font-size: 16px !important;
  }
  #page-7821 .order_4 .wrapper_big h3{
    width: unset;
    font-size: 27px;
    margin-bottom: 0px;
  }
  #page-7821 .order_4{
    height: 170px;
  }
  #page-7821 .order_4 .wrapper_big h4{
    line-height: 0px;
    font-size: 12px;
    margin-top: 7px;
  }
  #page-7821 .order_5{
    height: 170px;
  }
  #page-7821 .order_6 img{
    height: 69px;
    width: 69px;
  }
  #page-7821 .order_6{
    margin-right: 12px;
  }
  #page-7821 .order_10{
    margin-right: 6px;
  }
  #page-7821 .order_6 .small_ck_editeur h4{
    width: 91px;
    font-weight: 900;
    font-size: 17px;
    margin: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    display: block;
    text-align: center;
  }
  #page-7821 .order_7 h3{
    font-size: 35px !important;
    line-height: 30px;
  }
  #page-7821 .order_7 .field__item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #page-7821 .order_7 h2{
    font-size: 60px;
  }
  #page-7821 .order_7 .small_ck_editeur{
    gap: 0px;
  }
  #page-7821 .order_8 .wrapper_big .img_wrapper.img_wrapper_left img{
    width: 160px;
  }
  #page-7821 .order_8 h2{
    font-size: 19px !important;
  }
  #page-7821 .order_8 .bxig_ck_editeur{
    padding-left: 20px;
  }
  #page-7821 .order_8{
    height: 160px;
  }
  #page-7821 .order_9 img{
    height: 250px;
  }
  #page-7821 .order_9{
    background: none;
    margin-bottom: 0px;
  }
  #page-7821 .order_9 .wrapper_big{
    height: unset;
  }
  #page-7821 .order_9 .bxig_ck_editeur{
    position:unset;
  }
  #page-7821 .order_9 .bxig_ck_editeur h4{
    font-size: 16px !important;
    margin-left: -55px;
  }
  #page-7821 .order_9 .img_wrapper{
    position:unset;
  }
  .height-300{
    height: unset !important;
  }
  #page-7821 .order_10 img:first-of-type{
    height: 74px;
    right: -50px;
    top: -40px;
  }
  #page-7821 .order_10 img:nth-of-type(2) {
    height: 100px;
    left: -45px;
    top: 45px;
  }
  #page-7821 .order_12 h4 {
    font-size: 24px;
    line-height: unset;
    padding: 20px 30px 20px 15px;
    position: unset;
  }
  #page-7821 .order_12 .small_ck_editeur{
    display: block;
  }
  #page-7821 .order_10, #page-7821 .order_12,#page-7821 .order_7, #page-7821 .order_6{
    height: 220px;
  }
  #page-7821 .iem--events > div {
    border-radius: 5px;
  }
  #page-7821 .order_11 {
    height: 130px;
  }
  #page-7821 .order_11 img{
    height: 119px;
  }
  #page-7821 .order_11 .img_wrapper{
    left: unset;
  }
  #page-7821 .order_11 h2{
    font-size: 55px !important;
    top: unset;
    position: static;
    margin-top: 30px;
  }
  #page-7821 .order_11 h2 span{
    font-size: 30px;
  }
#page-7821 .order_11 h3,#page-7821 .order_11 h4{
    font-size: 16px !important;
    margin-top: -10px;
    line-height: 20px;
  }
  #page-7821 .order_11 h3{
    margin-bottom: 38px;
    font-size: 25px !important;
  }
  #page-7821 .order_11 .wrapper_big{
    padding: 0px;
    gap:0px;
  }
  #page-7821 .order_11 .bxig_ck_editeur{
    padding-top: 20px;
    padding-left: 25px;
  }
  #page-7821 .order_11 h2 span{
    bottom: 15px;
  }
  #page-7821 .field--type-image .field__item{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #page-7821 .field--type-image .field__item img{
    width: 80%;
  }
  #page-7821 .btn-block{
    width: 205px;
    height: 48px;
    padding: unset;
    font-size: 20px;
  }
  #page-7821 section.sc_image_yelllow{
    display: none;
  }
  #page-7821 .paragraph--type--photo .field--name-field-photo-media{
    width: 100%;
  }
  #page-7821 .paragraph--type--photo .field--name-field-photo-media .field__item img[src*="processus"] {
    display: block;
    width: 100%;
    margin-bottom: 30px;
  }
  #page-7821 .paragraph--type--photo{
    margin-top: -25px;
    margin-bottom: 30px;
  }
  #page-7821 .block-btns{
    margin-top: auto;
  }
}
@media screen and (min-width: 991px) {
  #page-7832 .field--name-field-header-slider div.field__item:nth-child(2) .bannier-small{
    display: none !important;
  }
  .is_mobile{
    display: none !important;
  }
 #page-7821 .paragraph--type--photo .field--name-field-photo-media .field__item img[src*="processus"] {
    display: none;
  }
  #block-processusderecrutementmobile{
    display: none;
  }
  #block-offers-process{
    display: block;
  }
}


/* Page nous rejoindre déformée */
div.iem--events.all_items_card{
  flex-wrap: wrap;
    width: 100%;
    gap: 15px;
}
.order_1 {
  order: 1;
}
.order_2 {
  order: 2;
}
.order_3 {
  order: 3;
}
.order_4 {
  order: 4;
}
.order_5 {
  order: 5;
}
.order_6 {
  order: 6;
}
.order_7 {
  order: 7;
}
.order_8 {
  order: 8;
}
.order_9 {
  order: 9;
}
.order_10 {
  order: 10;
}
.order_11 {
  order: 11;
}
.order_12 {
  order: 12;
}
.item_element_big_2:has(.block-videos) {
  height: unset;
}
.same-width-rectangle.item_element_big_2 .img_wrapper {
  height: unset;
}
.same-width-rectangle.item_element_big_2 .img_wrapper {
  top:-27px;
}
.height-300{
  height: 316px;
}


/* page our offers */
@media screen and (max-width: 991px) {
  .offers-listing__header{
    background: url(../images/images-content/offers_banner_mobile.png) no-repeat center 0;
    background-repeat: no-repeat;
    height: 190px;
    width: 100vw;
    background-size: 100% 100%;
    min-height: unset;
  }
  .search-section.all_filter_pgs_offres{
    padding: 0px 30px;
  }
  .search-section.all_filter_pgs_offres .col-md-4.text-start{
    width: 45%;
    padding: 0px;
  }
  .search-section.all_filter_pgs_offres .col-md-4.text-start .search-title{
    color: #FFEB7A;
  }
  .search-section.all_filter_pgs_offres .col-md-8.search-subtitle{
    line-height: 10px;
    line-height: 0px;
    font-size: 35px !important;
  }
  .search-section.all_filter_pgs_offres .col-md-8.search-subtitle.search-subtitle-right{
    line-height: 35px;
    width: 45%;
    font-size: 25px !important;
    top: -10px;
  }
  .all_filter_pgs_offres form{
    height: unset;
    flex-direction: column;
    display: block;
  }
  .all_filter_pgs_offres form div{
    margin-top: 15px;
  }
  .all_filter_pgs_offres form div:nth-child(3), .all_filter_pgs_offres form div:nth-child(4){
    display: inline-block;
    width: 47%;
  }
  .all_filter_pgs_offres form div:nth-child(3){
    margin-right: 4%;
  }
  .all_filter_pgs_offres form div:nth-child(5){
    width: 100%;
  }
  .all_filter_pgs_offres form div.form-actions{
    margin: 20px auto;
    width: 107px;
  }
  .all_filter_pgs_offres .item-exposed{
    width: 100%;
    padding: 0px;
  }
  .all_filter_pgs_offres .item-exposed .js-form-type-entity-autocomplete{
    width: 100%;
  }
  .all_filter_pgs_offres .item-exposed .js-form-type-entity-autocomplete .form-autocomplete{
    background-size: 7%;
  }
  .view__offers > div{
    justify-content: center;
  }
  .view__offers > div .views-row {
    padding: 15px;
    width: 300px;
    height: unset;
  }
  .item-slider-offre-emp .location-mobile{
    justify-content: start;
  }
  .views-row.color__orange img {
    left: 128px;
    top: -48px;
  }
  .views-row.color__orange p {
    width: 80%;
  }
  .views-row.color__orange::after {
    display: none;
  }
  .views-infinite-scroll-content-wrapper::after{
    display: none;
  }
  div#block-offers-know-more .widgets-container{
    flex-direction: column;
  }
  .thematic_items_three .title-bloc .field--type-string .field__item{
    text-align: left !important;
    width: 70%;
    padding-left: 10px;
  }
  .thematic_items_three .title-bloc{
    margin-bottom: 25px !important;
  }
  .view__offers > div .views-row {
    width: 83%;
    margin-right: 2%;
  }
  .view__offers > div .views-row.color__orange{
    height: 250px;
  }
  .item-slider-offre-emp h5,
  .item-slider-offre-emp .offer-job-profile {
    margin-bottom: 20px;
  }
  .item-slider-offre-emp .gab__box {
    margin-top: 15px;
  }
  .views-row.color__orange img {
    left: 160px;
    top: -48px;
  }
  .item-slider-offre-emp h4 {
    margin-bottom: 15px;
  }
  .offers-listing .iem--events{
    display: block;
  }
  .offers-listing .iem--events div.first-col{
    width: 90% !important;
    height: 170px;
    margin-bottom: 15px;
  }
  .offers-listing .iem--events div.first-col.condidature-txt .wrapper_big{
    height: 100%;
  }
  .offers-listing .iem--events div.first-col.condidature-txt .wrapper_big > .bxig_ck_editeur.offers-page{
    top: 30px;
    right: -20px;
  }
  .offers-listing .iem--events div.first-col.condidature-txt .wrapper_big > .bxig_ck_editeur.offers-page h4{
    font-size: 20px;
    width: 80%;
  }
  .offers-listing .iem--events div.first-col.condidature-txt .wrapper_big > .img_wrapper{
    position: static;
  }

  .offers-listing .iem--events div.second-col{
    margin-right: 5%;
  }
  .offers-listing .iem--events div.second-col, .iem--events .views-row.color__rose{
    width: 42.5% !important;
    height: 180px;
    display: inline-block;
    position: relative;
  }
  .iem--events .views-row.color__rose .field--name-field-image{
    right: 3%;
    position: absolute;
    top: 20%;
    width: 90%;
  }
  .iem--events .views-row.color__rose .link__stg{
    width: 25px;
    height: 25px;
    justify-content: center;
    font-size: 24px;
    right: 1%;
    top: 52%;
  }
  .offers-listing .iem--events div.second-col .small_ck_editeur img{
    position: absolute;
    top: 20%;
    width: 96px;
    height: 96px;
  }
  #block-processusderecrutementmobile{
    display: block;
  }
  #block-offers-process{
    display: none;
  }
  /* page great place to work */
  #page-7832 .field--name-field-header-slider div.field__item:first-of-type .bannier-small{
    display: none !important;
  }
  #page-7832 .field--name-field-header-slider div.field__item .bannier-small .field--name-field-titre-body h1{
    float: unset;
    white-space: unset;
    font-weight: 700;
    line-height: 26px;
    margin-top: -20%;
  }
  #page-7832 .field--name-field-header-slider div.field__item .bannier-small .field--name-field-titre-body h1 span{
    font-size: 25px;
  }
  #page-7832 .field--name-field-header-slider div.field__item .bannier-small .field--name-field-titre-body p span{
    font-size: 12px;
  }
  #page-7832 .field--name-field-header-slider div.field__item .bannier-small .field--name-field-titre-body p{
    margin-top: 3%;
  }
  #page-7832 h2.title-bloc{
    margin-bottom: 15px;
  }
  #page-7832 a.button-Jaune.d-block{
    margin: auto;
    font-weight: 900;
    font-size: 20px;
    padding: 7px 15px;
  }
  #page-7832 .first-col.color-blue.item--all_line{
    height: 130px;
    width: 100%;
  }
  #page-7832 .first-col.color-blue.item--all_line .wrapper_big{
    width: 85%;
    margin: auto;
  }
  #page-7832 .first-col.color-blue.item--all_line h3{
    font-size: 21px;
    line-height: 20px;
  }
  #page-7832 .first-col.color-blue.item--all_line h4{
    font-size: 15px !important;
  }
  #page-7832 .first-col.color-blue.item--all_line .field--type-text-long{
    margin-bottom: 20px;
  }
  #page-7832 .first-col.color-blue.item--all_line .img_wrapper img{
    width: 80px;
    height: 80px;
  }
  #page-7832 .iem--events > div {
    height: 170px;
  }
  #page-7832 .width-rectangle, #page-7832 .width-square{
    width: 50%;
  }
  #page-7832 .first-col.color-orange.item--left{
    display: flex;
  }
  #page-7832 .first-col.color-orange.item--left .wrapper_big{
    margin: auto;
  }
  #page-7832 .first-col.color-orange.item--left h2{
    font-size: 55px;
  }
  #page-7832 .first-col.color-orange.item--left h4{
    font-size: 18px;
    margin-top: -20px;
  }
  #page-7832 .first-col.color-orange.item--left h3{
    font-size: 40px;
    margin-top: 0px;
  }
  #page-7832 .small_ck_editeur h3{
    font-size: 25px !important;
    text-align: center;
  }
  #page-7832 .color-rose.item--right .img_wrapper{
    display: none;
  }
  #page-7832 .color-rose.item--right h4{
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    margin-top: -21px;
  }
  #page-7832 .color-rose.item--right h2{
    font-size: 55px;
    text-align: center;
    position:relative;
    width: fit-content;
    margin: auto;
  }
  #page-7832 .color-rose.item--right h2 span{
    position: absolute;
    font-size: 40px;
    bottom: 25px !important;
    right: -20px;
  }
  #page-7832 .color-rose.item--right .field--name-field-content-col2{
    margin-top: -10px;
  }






  #page-7832 .color-blue.item--half-line-50{
    padding: 0px;
  }
  #page-7832 .color-blue.item--half-line-50 .wrapper_big h3{
    font-size: 25px !important;
    margin: 10px auto 19px auto;
  }
  #page-7832 .color-blue.item--half-line-50 .img_wrapper{
    display: none;
  }
  #page-7832 .color-blue.item--half-line-50 h4{
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    margin-top: -25px;
  }
  #page-7832 .color-blue.item--half-line-50 h2{
    font-size: 55px;
    text-align: center;
    position:relative;
    width: fit-content;
    margin: 17px auto 0px auto;
  }
  #page-7832 .color-blue.item--half-line-50 .field--type-text-long{
    margin-top: -17px;
  }
  #page-7832 .color-blue.item--half-line-50 h2 span{
    position: absolute;
    font-size: 40px;
    bottom: 25px !important;
    right: -20px;
  }
  #page-7832 .color-blue.item--half-line-50 .field--name-field-content-col2{
    margin-top: -10px;
  }




  #page-7832 .color-green.item--half{
    padding: 0px;
  }
  #page-7832 .color-green.item--half h3{
    padding-bottom: 15px;
  }
  #page-7832 .color-green.item--half .img_wrapper{
    display: none;
  }
  #page-7832 .color-green.item--half h4{
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    margin-top: -25px;
  }
  #page-7832 .color-green.item--half h2{
    font-size: 55px;
    text-align: center;
    position:relative;
    width: fit-content;
  }
  #page-7832 .color-green.item--half h2 span{
    position: absolute;
    font-size: 40px;
    bottom: 25px !important;
    right: -15px;
  }
  #page-7832 .color-green.item--half .field--name-field-content-col2{
    margin-top: -25px;
  }

  #page-7832 .color-yellow.item--all_line.width-rectangle{
    width: 100%;
  }
  #page-7832 .color-yellow.item--all_line.width-rectangle h3{
    font-size: 15px;
    line-height: 15px;
    position: static;
    font-size: 25px !important;
    margin-top: 10px;
  }
  #page-7832 .color-yellow.item--all_line.width-rectangle h4{
    font-size: 15px;
    line-height: 15px;
    position: static;
    margin-top: -5px;
    padding-right: 10px;
  }
  #page-7832 .color-yellow.item--all_line.width-rectangle .bxig_ck_editeur{
    position: static;
  }
  #page-7832 .color-yellow.item--all_line.width-rectangle .bxig_ck_editeur h2{
    font-size: 55px;
    margin-top: 35px;
  }
  #page-7832 .color-yellow.item--all_line.width-rectangle .bxig_ck_editeur h2 span{
    position: absolute;
    font-size: 40px;
    bottom: 30px !important;
    right: -9px;
  }
  #page-7821 .color-yellow .field--type-text-long{
       padding: 0px 40px;
  }
  #page-7821 .color-violet .carte-chiffre-label{
       padding: 0px 40px;
  }
  #page-7821 .color-yellow .field--type-text-long .carte-chiffre-label span em{
    color: #0F4376;
    text-align: center;
    font-size: 18px;
    font-style: italic;
    font-weight: 900;
    line-height: normal;
  }
  #page-7821 p.carte-chiffre-label em strong{
    color: #0F4376;
    font-size: 20px;
    font-style: italic;
    font-weight: 900;
    line-height: normal;
  }
  #page-7821 .color-blue-sky p.carte-chiffre-label em {
    color: #FFF;
    font-size: 20px;
    font-style: italic;
    font-weight: 900;
    line-height: normal;
  }

  #page-7832 .btn-block{
    width: 205px;
    height: 48px;
    padding: unset;
    font-size: 18px;
    font-weight: 900;
    color: black !important;
  }
  #page-7832 .field--type-entity-reference-revisions.field--multiple .field__item:nth-last-of-type(2) {
    margin-top: 25px;
  }
}
@media screen and (max-width: 380px) {
  #page-7832 .field--name-field-header-slider div.field__item .bannier-small .field--name-field-titre-body p span{
    font-size: 11px;
  }
}


/* formulaire contact */
.sii-form__contact input#edit-submit{
  display: block;
  margin: 10px 0px 0px auto;
}
.contact_form .captcha .captcha__description {
    padding-left: 0%;
    margin-top: -5px;
}
@media screen and (max-width: 991px) {
  .block-chiffres.contact_form .d-flex{
    flex-direction: row;
  }
  .block-chiffres.contact_form .d-flex.filtre{
    justify-content: start !important;
  }
  .block-chiffres.contact_form .js-form-item.form-item {
    padding: 0px 0px 0px 5px;
  }
  .block-chiffres.contact_form .d-flex .form-markup, .block-chiffres.contact_form .ms-choice span, .block-chiffres.contact_form .form-markup{
    font-size: 10px;
  }
  .block-chiffres.contact_form{
    padding:3% 9%;
    margin-top: 25px;
  }
  .block-chiffres.contact_form .ms-parent.js-multiple-select.form-select{
    padding: 0 0 2px 0;
    width: fit-content;
    height: fit-content;
  }
  .block-chiffres.contact_form .ms-parent.js-multiple-select.form-select .ms-choice{
    padding: 0px 0px 3px 6px;
    width: 80%;
    height: 100%;
  }
  .block-chiffres.contact_form .ms-parent.js-multiple-select.form-select{
    background-position: right 4% center;
  }




  .block-chiffres.contact_form .contact_content .form-markup{
    font-size: 18px;
  }
  .block-chiffres.contact_form .contact_content .form-markup .small-text{
    font-weight: 400;
  }
  .block-chiffres.contact_form .contact_content input, .block-chiffres.contact_form .contact_content textarea{
    font-size: 12px;
    font-weight: 800;
  }
  .block-chiffres.contact_form .captcha .captcha__title{
    font-size: 18px;
  }
  .contact_form .form-text, .contact_form .form-tel, .contact_form .form-textarea, .contact_form .form-email{
    border: 5px solid #B8D1EC;
  }
  .sii-form__contact input#edit-submit{
    margin: 10px auto 20px auto;
    font-size: 15px;
    color: black;
  }
  .bannier-contact{
    margin-top: 23px;
  }
  .bannier-contact .content-banniere .d-flex{
    text-align: center !important;
    gap: 0.4rem !important;
  }
  .block-confiance h2 {
    padding: 0 4vw !important;
  }
}

.bannier-contact .content-banniere p{
  text-align:center;
}

#page-7832 .field--type-entity-reference-revisions.field--multiple .field__item:nth-last-of-type(2) .paragraph--markup {
  padding-bottom: 0px;
  margin-top: 50px;
}


/* page podcast */
@media screen and (max-width: 991px) {
  .list_podcast .card .row > div:first-child{
    display: block;
  }
  .list_podcast .card .row .col-md-9{
    display: none;
  }
  .news-listing__header.row:has(+ .container.list_podcast) {
  margin-top: 22px;
  }
  #page-7823 .block-nos-actu.block-expertise-audit{
  padding-bottom: 5vh;
}
 #page-7823 .h1-default, #page-7820 .h1-default {
    line-height: 0.6;
 }
  .list_podcast .card .row .col-md-3{
    width: fit-content;
  }
  .list_podcast .card .row .col-md-3 .podcast_item{
    width: 48vw;
    height: 364px;
  }
  .list_podcast .views-infinite-scroll-content-wrapper{
    width: 100vw;
    gap: 10vw;
    display: flex;
    flex-wrap: wrap;
    max-width: unset;
  }
  .list_podcast .views-infinite-scroll-content-wrapper .views-row{
    width: 160px;
  }
  .news-listing .list_podcast{
    padding: 3% 3%;
  }
  .list_podcast .card.col-md-12.p-3{
    padding: 0px 1rem !important;
  }
}

@media screen and (max-width: 400px) {
  .list_podcast .views-infinite-scroll-content-wrapper{
    gap: 16px;
  }
}





/* page diversité fix mobile */
@media screen and (max-width: 991px) {
  #page-7823 .item-slider-expertise-audit .col:first-of-type{
    margin: auto;
  }
  #page-7823 h2.title-bloc{
    padding: 0px;
    width: 80vw;
  }
  #page-7823 .slider-description{
    padding-right: 10vw;
  }
  #page-7823 .item-slider-metier{
    padding-right: 10vw;
  }
  #page-7823 .item-slider-metier .desc-video-in-block{
    background-color: #B8D1EC;
  }
  #page-7823 p{
    width: unset !important;
    padding-right: 5%;
  }
  #page-7823 p{
    width: unset !important;
    padding-right: 5%;
  }
  #page-7823 h2.title-bloc .arrows{
    right: 0vw;
  }
}

/* page nos expertises */
section.block-nos-expertise{
  padding-bottom: 60px;
}

@media screen and (max-width: 991px) {
  #page-7809 .bannier-home{
    padding-top: 35px;
    margin-top: 1%;
  }
  #page-7809 h1 span{
    color: #FFEB7A;
  }
  #page-7809 .content-banniere .field--name-field-titre-body h1{
    margin-bottom: 25px;
  }
  #page-7809 p strong{
    font-weight: 900;
    font-size: 16px;
  }
  #page-7809 p{
    line-height: 20px;
  }
  #page-7809 .field__item > h2 + p, #page-7809 h2{
    padding: 0px;
  }
  #page-7809 h2{
    font-size: 20px;
  }
  #page-7809 .block-nos-expertise .title-item-expertise h6, #page-7809 .block-nos-expertise .title-item-expertise .h6 {
    font-size: 17px;
  }
  #page-7809 .block-nos-expertise .title-item-expertise{
    height: 55px;
    white-space: nowrap;
  }
  #page-7809 .block-nos-expertise{
    margin-top: 30px;
  }
  #page-7809 .block-nos-expertise .row div{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }


  /* page innovation */
  #page-7811 .content-banniere{
    max-width: 100%;
    margin: 2rem auto;
  }
  #page-7811 .bannier-home{
    margin-top: 0%;
    padding-bottom: 10px;
  }
  #page-7811 .content-banniere p{
    padding: 0% 10vw;
  }
  #page-7811 .bannier-home .content-banniere .field--name-field-titre-body .field__item{
    margin-top: 6%;
  }
  #page-7811 .content-banniere .field--name-field-titre-body h1{
    margin-bottom: 30px;
  }
  #page-7811 .content-banniere h1 span{
    font-weight: 500;
  }
  #page-7811 .content-banniere h1 span[style="color:#ffeb7a;"] {
    font-weight: 900;
  }
  #page-7811 .bannier-home .content-banniere .button-blue-light{
    margin-bottom: 0%;
    width: 155px;
    padding: 8px 30px;
  }
  #page-7811 .block-videos{
    padding-top: 1rem !important;
  }
  #page-7811 .block-videos .row{
    flex-direction: column-reverse;
    gap: 0rem !important;
  }
  #page-7811 .block-videos {
    padding: 0% 10vw;
  }

  #page-7811 .block-videos .desc-video-in-block{
    margin-top: 8px;
  }
  #page-7811 .field__item h2{
    padding: 0px;
    margin: 20px 0px;
  }
  #page-7811 .block-nos-enjeux h2 strong{
    font-size: 20px;
    font-weight: 900;
  }
  #page-7811 .block-nos-enjeux p, #page-7811 .block-videos ul li{
    font-size: 15px;
  }
  #page-7811 .block-videos ul li{
    margin-bottom: 5%;
  }
  #page-7811 .block-map-monde .title-bloc{
    letter-spacing: unset;
    font-size: 20px;
  }
  #page-7811 .multi_bloc{
    display: block;
  }
  #page-7811 .multi_bloc img{
    width: 120px;
    height: 120px;
  }
  #page-7811 .paragraph--section-image-titre-description{
    width: unset;
  }
  #page-7811 .paragraph--section-image-titre-description div{
    margin-bottom: 4%;
  }
  #page-7811 .sii-map-title{
    font-size: 21px;
    text-align: center;
  }
  #page-7811 .block-btns .container button.btn{
    width: 155px;
    height: 60px;
    color: black !important;
    font-weight: 800;
    font-size: 17px;
  }
  #page-7811 .sii-map-block p{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #page-7811 .sii-map-block img{
    width: 90vw;
  }
}

/* fix retour bouton actualité en bleu lors du hover */
.list_news a.btn.btn-primary:hover{
  color: #FFEB7A;
  background: #0F4376;
}


/* fix Page Cybersécurité  - du texte est coupé entre les 2 slides. */

.swiper-slide .row{
  margin-right: 5vw;
}
@media screen and (max-width: 991px) {
  .swiper-slide .row{
    margin-right: 1vw;
  }
}


/* fix image nos actu */
.block-nos-actu .item-slider-actu .image-actu img{
  object-fit: fill;
}

/* fix espacement block envie d'en savoir plus */
.widgets .widgets-container .widget .title.blue-dark {
  word-spacing: 3px;
}
.block-nos-actu .title-with-button .button-with-icon{
  display: flex !important;
  align-items: center !important;
}

.list_news .tags-with-date{
  margin-bottom: 8px;
}
@media screen and (min-width: 991px) {
  /* fix margin bottom news title */
.list_news .tags-with-date{
  margin-bottom: unset;
}
}
.item-slider-offre-emp{
  cursor: pointer;
}



@media screen and (max-width: 991px) {
  #page-7819 .bannier-small h1{
    float: unset;
    width: 58%;
  }
  #page-7819 .bannier-small{
    margin-bottom: 15px;
  }
  .row.gap-4.d-flex.left .col.px-3{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .row.gap-4.d-flex.left{
    margin-top: 20px;
  }
  .row.gap-4.d-flex .col.px-3 .title-bloc{
    font-size: 20px;
    line-height: 27px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
  }
  #page-7819 .block-cols a.button{
    background: #007EB5;
    width: 260px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
  }
  #page-7819 .block-videos .container{
    padding-left: 0px;
    padding-right: 0px;
  }
  #page-7819 .block-videos{
    padding: 0 36px;
    padding-bottom: 30px;
    margin-bottom: 0px !important;
  }
  #page-7819 .block-videos .row{
    flex-direction: column-reverse;
    gap: 0px !important;
  }
  #page-7819 .block-videos .row .desc-video-in-block{
    margin: 0px;
  }
  #page-7819 .block-videos .title-bloc{
    font-size: 20px;
    line-height: 27px;
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 0px;
  }
  #page-7819 .item-slider-expertise-audit .col:first-of-type{
    margin: 0px auto 20px auto;
    width: 80%;
  }
  #page-7819 .item-slider-expertise-audit h4{
    color: #0F4376;
  }
  #page-7819 .item-slider-expertise-audit p{
    color: #0F4376;
  }
  #page-7819 .item-slider-expertise-audit ul li{
    color: #0F4376;
    font-size: 14px;
  }
}

/* fix titres en h1 sont en blanc uniquement Wekan */
section.news-listing + .field h1 strong {
  display: none;
}

/* fix image candidature our offers */
@media screen and (min-width: 991px) {
  .condidature-txt .img_wrapper img{
    height: unset;
  }
  .condidature-txt .img_wrapper{
      top: -52px;
  }
}



@media screen and (max-width: 991px) {
  .block-btns .container button{
    min-width: unset;
    height: 60px;
    width: 46%;
    padding: 1% 8%;
    font-size: 15px;
    font-weight: 900;
    color: black !important;
    margin-left: 0px;
    margin-right: 0px;
  }
  .block-btns .d-grid{
    display: flex !important;
    justify-content: space-between;
    gap: 1rem !important;
  }
  .block-btns .col-auto{
    width: 93vw;
  }
  #page-7810 .block-cols .col{
    margin-bottom: 15px;
  }
  #page-7810 .block-cols .col .ctn-body h2{
    margin-bottom: 17px;
  }
  #page-7810 .block-expertise-audit .title-bloc .arrows{
    top: -15px;
  }
  #page-7810 .block-nos-actu.block-expertise-audit .slider-expertise-audit h3{
    margin-bottom: 15px;
    font-size: 24px;
    color: #0F4376;
  }
  #page-7810 .block-nos-actu.block-expertise-audit h2{
    font-size: 25px;
  }
  #page-7810 .block-expertise-audit{
    margin-bottom: 1rem !important;
  }
}


/* fix bloc nos actualité taille de l'image pour laptop */
@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .block-nos-actu .item-slider-actu{
    width:280px !important;
  }
}

/* page transport of the future */
@media screen and (max-width: 991px) {
  #page-7813 .bannier-home{
    padding-top: 25px;
  }
  #page-7813 .bannier-home h1 span{
    color: #FFEB7A;
  }
  #page-7813 .block-btns .container button.btn.btn-block{
    min-width: unset;
    height: 60px;
    width: 46%;
    padding: 1% 10%;
    font-size: 15px;
    font-weight: 900;
    color: black !important;
    margin-left: 0px;
    margin-right: 0px;
  }
  #page-7813 .block-btns .d-grid{
    display: flex !important;
    justify-content: space-between;
    gap: 1rem !important;
  }
  #page-7813 .block-btns .col-auto{
    width: 93vw;
  }
  #page-7813 .block-videos.block-nos-enjeux .container{
    width: 93vw;
  }
  #page-7813 .block-videos.block-nos-enjeux .container .row{
    flex-direction: column-reverse;
    gap: 1rem !important;
  }
  #page-7813 .block-videos.block-nos-enjeux .container .row h2{
    padding: 0px;
  }
  #page-7813 .thematic_items_three{
    padding: 0px 2vw;
  }
  #page-7813 .thematic_items_three .title-bloc .field--type-string .field__item{
    font-size: 20px;
    line-height: 25px;
  }
  #page-7813 .widgets .widgets-container .widget{
    aspect-ratio: unset !important;
    width: 95%;
    padding: 0% 10% 10% 10%;
  }
  #page-7813 .widgets .widgets-container{
    padding: 0px;
  }
  #page-7813 .widgets .widgets-container .widget .white p{
    font-weight: 700;
  }
  #page-7813 .widgets .widgets-container .widget .blue-dark p{
    font-weight: 700;
  }
  #page-7813 .block-nos-enjeux h2{
    font-size: 20px;
  }
  #page-7813 .thematic_items_three .title-bloc .field--type-string .field__item{
    width: 90%;
  }
  #page-7813 .block-nos-actu.block-expertise-audit .slider-expertise-audit h3{
    font-size: 20px;
    margin: -10px 0px 10px 0px;
  }
  #page-7813 .swiper-autoheight .swiper-wrapper{
    height: fit-content !important;
    margin-bottom: 20px;
  }
  #page-7813 article{
    margin-bottom: 40px;
  }
}

/* fix bloc offres */
@media screen and (min-width: 991px) {
  .block-nos-actu.block-offres{
    padding-left: 9vw;
    padding-right: 0px;
  }
}


/* page future city */
@media screen and (max-width: 991px) {
  #page-7814 .content-banniere .field--name-field-titre-body h1{
    margin-bottom: 25px;
  }
    #page-7814 .bannier-home{
    padding-top: 25px;
  }
  #page-7814 .bannier-home h1 span{
    color: #FFEB7A;
  }
  #page-7814 .block-btns .container button.btn.btn-block{
    min-width: unset;
    height: 60px;
    width: 46%;
    padding: 1% 10%;
    font-size: 15px;
    font-weight: 900;
    color: black !important;
    margin-left: 0px;
    margin-right: 0px;
  }
  #page-7814 .block-btns .d-grid{
    display: flex !important;
    justify-content: space-between;
    gap: 1rem !important;
  }
  #page-7814 .block-btns .col-auto{
    width: 93vw;
  }
  #page-7814 .block-videos{
    padding-top: 0px !important;
  }
  #page-7814 .block-videos.block-nos-enjeux .container{
    width: 93vw;
  }
  #page-7814 .block-videos.block-nos-enjeux .container .row{
    flex-direction: column-reverse;
    gap: 1rem !important;
  }
  #page-7814 .block-videos.block-nos-enjeux .container .row h2{
    padding: 0px;
  }
  #page-7814 .thematic_items .widgets-container > div{
    height: auto;
  }
  #page-7814 .thematic_items{
    padding: 0px 2vw;
  }
   #page-7814 .thematic_items
  #page-7814 .thematic_items .title-bloc .field--type-string .field__item{
    font-size: 20px;
    line-height: 25px;
  }
  #page-7814 .widgets .widgets-container .widget{
    aspect-ratio: unset !important;
    width: 95% !important;
    padding: 0% 10% 10% 10% !important;
  }
  #page-7814 .widgets .widgets-container{
    padding: 0px;
  }
  #page-7814 .widgets .widgets-container .widget .white p{
    font-weight: 700;
  }
  #page-7814 .widgets .widgets-container .widget .blue-dark p{
    font-weight: 700;
  }
  #page-7814 .block-nos-enjeux h2{
    font-size: 20px;
  }
  #page-7814 .thematic_items .title-bloc .field--type-string .field__item{
    width: 90%;
    text-align: left;
    padding-left: 15px;
  }
  #page-7814 .block-nos-actu.block-expertise-audit .slider-expertise-audit h3{
    font-size: 20px;
    margin: -10px 0px 10px 0px;
  }
  #page-7814 .swiper-autoheight .swiper-wrapper{
    height: fit-content !important;
    margin-bottom: 20px;
  }
  #page-7814 article{
    margin-bottom: 40px;
  }
}


/* fix page avantage */
@media screen and (max-width: 991px) {
  #page-7822 .field--name-field-header-slider > .field__item:first-of-type{
    display: none;
  }
  #page-7822 .bannier-small h1{
    float: unset;
    width: auto;
    line-height: 32px;
    margin-bottom: 14%;
  }
  #page-7822 .bannier-small h1 span{
    font-weight: 600;
  }
  #page-7822 .block-btns .container button {
    width: 290px;
    line-height: normal;
    padding: 4px 30px 5px 30px;
    font-size: 18px;
    height: 65px;
    font-weight: 800;
  }
}
@media screen and (min-width: 991px) {
  #page-7822 .field--name-field-header-slider > .field__item:last-of-type{
    display: none;
  }
}
@media (max-width: 380px) {
    #page-7822 .bannier-small h1 span {
        font-size: 23px;
    }
}
/* fix page nous rejoindre */
.condidature-txt .wrapper_big{
  height: inherit;
}
.img_wrapper {
    top: 0px;
}
.condidature-txt .wrapper_big > .img_wrapper {
    width: unset;
}
@media screen and (min-width: 1200px) {
    .condidature-txt .img_wrapper {
        top: -56px;
    }
}


/* page carriere et formation */
@media screen and (max-width: 991px) {
  #page-7834 .bannier-small h1{
    width: unset;
    margin-left: 0.3rem;
  }
  #page-7834 .bannier-small h1 span{
    font-size: 25px;
    font-weight: 700;
  }
  #page-7834 .field--name-field-header-slider > .field__item:first-of-type{
    display: none;
  }
  #page-7834 .field--type-text-with-summary h2{
    margin-top: 15px;
    margin-bottom: 15px;
  }
  #page-7834 .paragraph--markup ul li{
  font-weight: 800;
  text-indent: -4px;
  }
  #page-7834 button.btn.btn-block{
    color: #0F4376;
    font-weight: 900;
    font-size: 17px;
    width: 80%;
  }
  #page-7834 .block-btns .mt-4{
    margin-top: 1rem !important;
  }
  #page-7834 .stat-bloc{
    padding: 0px 40px;
  }
  #page-7834 .stat-bloc .stat-box{
    padding: 20px 0px;
  }
  #page-7834 .stat-bloc h3{
    font-size: 20px;
  }
  #page-7834 .stat-bloc .stat-label h3{
    font-size: 30px;
    LINE-HEIGHT: 20px;
  }
  #page-7834 .stat-bloc .stat-label p{
    font-size: 17px;
  }
  #page-7834 .stat-bloc .field--name-field-statitems{
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  #page-7834 .stat-bloc .stat-value{
    font-size: 45px;
  }
  #page-7834 .item-slider-metier{
    padding-right: 10px;
  }
  #page-7834 .block-evenements{
    padding-bottom: 2rem !important;
  }
  #page-7834 .sii-country-slide{
    padding: 0px 40px;
  }
  #page-7834 .block-nos-metier .title-bloc {
    white-space: unset;
    font-size: 20px;
  }
  #page-7834 .block-nos-metier .slider-etranger-descripion{
    margin-right: 40px;
  }
  .slider-offres .item-slider-offre-emp{
    height: 330px !important;
  }
  #page-7834 .slider-offres .item-slider-offre-emp .tags{
    margin-bottom: 2rem !important;
  }
  #page-7834 .block-offres .title-with-button{
    padding-bottom: 0px !important;
  }
  #page-7834 .block-nos-actu.block-offres .slider-offres {
    margin-top: 20px;
  }
  #page-7834 .block-nos-actu.block-offres .slider-offres .swiper-wrapper{
    height: 280px;
  }
  #page-7834 .paragraph.paragraph--markup.paragraph--markup--default.orange {
    padding: 25px 20px;
  }
  #page-7834 .testimonials-section{
    padding:40px;
    margin-bottom: 40px;
  }
  #page-7834 .testimonials-section .title-bloc{
    font-size: 25px;
  }
  .testimonial-text{
    font-size: 15px;
  }
  .testimonial-header{
    margin-bottom: -10px;
  }
  .testimonials-section .swiper-slide{
    height: fit-content;
  } 
  #page-7834 button.btn.btn-block.Bleu{
    color: #000 !important;
    text-align: center;
    font-family: 'InterCZ', "Lato";
    font-size: 15px;
    font-style: normal;
    font-weight: 750;
    line-height: normal;
    border-radius: 8px;
    height: unset;
    width: unset;
    min-width: unset;
    padding: 12px 25px;
  }
  #page-7834 .paragraph--markup--default.orange{
    margin: 10vw;
  }
  #page-7834 .block-evenements .slider-description{
    padding-right: 8vw;
  }
  #page-7834 .block-evenements .title-bloc .field--name-field-title{
    min-width: 45vw;
  }
}

@media screen and (min-width: 991px) {
  #page-7834 .field--name-field-header-slider > .field__item:last-of-type{
      display: none;
  }
  .article .document .document__meta-mobile {
    display: inline-flex;
    gap: 1rem;
    margin: 0px 2%;
  }
  .bannier-small.doc{
    min-height: 307px;
    background-size: cover !important;
  }
}

@media screen and (max-width: 400px) {
  #page-7834 .bannier-small h1{
    width: unset;
    margin-left: 1.3rem;
  }
}


/* ticket page actualité */
@media screen and (max-width: 991px) {
  .news-listing .ms-parent.js-multiple-select.form-select button.ms-choice:after{
    height: 11px;
  }
  #filter__show_mobile .ms-parent.js-multiple-select.form-select{
    width: 75% !important;
  }
  .news-listing .text-center.infinity-sc .pager__item{
    display: flex;
    justify-content: center;
  }
  .news-listing .text-center.infinity-sc a {
    color: white;
    background: #007EB5;
    width: 50vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0px;
    font-weight: 700;
    border-radius: 9px;
    padding: 7px 18px;
  }
}

/* correction page agence */
@media screen and (max-width: 991px) {
  .node--type-agency .bannier-home{
    margin-top: 6%;
  }
  .node--type-agency h2.title-global{
    padding-left: 0px;
    margin: 20px 0px;
    text-align: left;
  }
  .node--type-agency .field--type-text-with-summary{
    color: #042F52;
    margin-top: 0px;
  }
  .node--type-agency .ctn-body .implantation h2{
    font-size: 24px;
    font-weight: 800;
    color: #0F4376;
    padding-top: 10px;
    padding-bottom: 5px;
  }
  .node--type-agency .ctn-body .implantation ul{
    padding-left: 1rem;
    padding-bottom: 30px;
  }
  .node--type-agency .two-cols .col{
    margin-top: 10px;
  }
  #block-siiagencymapblock .agences-france .header .container{
    padding: 15px 36px !important;
  }
  #block-siiagencymapblock .agences-france .container h2{
    font-size: 25px;
  }
  #block-siiagencymapblock .agences-france .container p{
    font-size: 15px;
    padding: 0px 0px 20px 0px;
  }
  #block-siiagencymapblock .map-container{
    display: flex;
    flex-direction: column;
    width: 100vw;
    height: 330px;
  }
  #block-siiagencymapblock .map-container svg{
    width: 340px;
    height: 340px;
  }
  .btn-world{
    font-size: 23px;
    font-weight: 900;
    gap: 10px;
    color: #0F4376;
  }
  #block-siiagencymapblock .map-container{
    margin-bottom: 60px;
    margin-top: 60px;
  }

  .offers-listing .views-row.color__orange img {
    position: relative;
  }
  /* correction page nous rejoidre ticket wekan */
  #page-7821 .bannier-home{
    background-size: 100% 85%;
  }
  #page-7821 .block-videos{
    padding-top: 0px !important;
  }
  #page-7821 .block-videos .field__item h2{
    font-size: 20px;
  }
  /* correction padding page sii dans le monde sliders */
  #page-84 .sii-foreign-slide,#page-84 .sii-country-slide{
    padding-left: 36px;
  }

}
.widgets-container .title.blue-dark,.widgets-container .blue-dark p,.widgets-container .blue-dark p strong{
  color: #0F4376 !important;
}

/* fix slider agence  */
    #slider-agence-images .item-slider-metier.swiper-slide{
    width: unset !important;
    height: unset !important;
  }


  @media screen and (max-width: 991px) {
    .node-offer #slider-agence-images img.image-metier{
      width:79vw;
    }
    .block-chiffres .d-flex{
      gap: 0px !important;
    }
  }
/* make banner image fit the container */
  .bannier-home{
    background-size: 100% 100%;
  }
  #page-7805 .bannier-home{
    background-size: cover;
  }
  #page-7805 .block-nos-angagement{
    padding-top: 0px !important;
  }

  /* fix page documentation */
  @media screen and (max-width: 991px) {
  .sii-documentation-filter-form .form-markup{
    margin-right: 2%;
  }
  .sii-documentation-filter-form .form-item-total span{
    margin-bottom: 18%;
  }
  .documentation .documentation__container .document .first_col_doc .document__name{
    width: 45vw;
  }
}

/* fix page great place to work */
@media screen and (min-width: 991px ) {
  #page-7832 .item.color-rose.item--right.width-rectangle.item_element_2.item_element_small_2 h4{
    margin-top: -26px;
  }
  #page-7832 .color-green .small_ck_editeur .field--name-field-content-col2,#page-7832 .color-blue .field--name-field-content{
    margin-top: -15px;
  }
}

/*  */
@media screen and (min-width: 991px ) {
#page-7821 .field--name-field-header-slider > .field__item:nth-of-type(2){
    display: none;
  }
}
@media screen and (max-width: 991px ) {
#page-7821 .field--name-field-header-slider > .field__item:first-of-type{
    display: none;
  }
}
#page-7821 .bannier-home img.align-center{
  width: 60%;
}


/* fix home page screen */
@media screen and (max-width: 991px ) {
  .field-pillars h2{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .field-pillars h2 strong{
    margin-top: 3px;
  }
}

/* fix menu 2 wekan */
@media screen and (max-width: 991px ) {
  .menu-container.mobile .menu-link, .menu-container.mobile .submenu-link{
    text-transform: none;
  }
  .subsubitem__below{
    text-transform: none;
  }

  /* fix page pays */
  button.btn.btn-block.jaune{
    font-weight: 800;
  }
  button.btn.btn-block.jaune:hover{
    color: #0F4376 !important;
  }
  #page-pays .block-cols.two-cols:last-of-type .row .col{
    margin-bottom: 20px;
  }
  #page-pays .block-cols.two-cols:last-of-type .row .col a.button-{
    margin-top: 15px;
  }

  /* fix page nous rejoindre */
  .all_filter_pgs_offres form > div:first-child{
    width: 100%;
  }

  .fondation-row .fondation-item p {
    font-size: 10px;
    line-height: 1.2;
  }
  /* fix page carriere et formation */
  .block-nos-actu.block-offres .slider-offres{
    overflow: visible;
    height: 370px;
  }
  .field-pillars h2{
    height: 53px;
    padding: 0px 18px;
  }
  .slider-confiance .swiper-wrapper{
    gap: unset;
  }

  .footer {
    position: fixed;
    bottom: 0;
    width: 100vw;
    z-index: 1111;
  }
  a.contact-btn.contac-mobile{
    bottom: 80px;
  }
  /* fix menu 7 */
  .showing_all_maps.active{
    overflow: scroll;
  }
  .line_flag a img{
    width: 33px;
    height: 21px;
    line-height: 0px;
    object-fit: cover;
  }
   .line_flag a{
    margin-bottom: 6px;
  }
  .contact_form .js-form-type-managed-file .description{
    display: block;
    font-size: 13px;
    width: 85%;
    margin-top: 5px;
  }
  .showing_all_maps.active{
    height: calc(100vh - 54px - 67px);
  }
}
/* page contact */
  .tooltip-inner {
    background-color: #017EB5; 
    font-weight: 400;
    font-family: 'InterCZ', "Lato";
    font-size: 15px;
  }
  .form-checkbox{
    min-width: 24px;
  }

  .block-histoire .swiper-pagination-slider .swiper-wrapper{
    left: unset !important;
  }



/* Error state for form fields */
.form-item.error input.error-input,
.form-item.error textarea.error-input,
.form-item.error select.error-input {
  border-color: #dc3545 !important;
  background-color: #fff5f5;
  border-width: 2px;
}

.form-item.error input.error-input:focus,
.form-item.error textarea.error-input:focus,
.form-item.error select.error-input:focus {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  outline: none;
}

/* Error message styling (field level) */
.error-message {
  color: #dc3545;
  font-size: 0.875rem;
  margin-top: 0.2rem;
  display: block;
  font-weight: 500;
  animation: fadeIn 0.3s ease-in;
  line-height: 1.4;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Error Summary - Simple list above submit */
.error-summary {
  margin-bottom: 15px;
}

.error-summary ul.error-list {
  list-style-type: disc;
  margin: 0;
  padding-left: 20px;
}

.error-summary ul.error-list li {
  color: #dc3545;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 4px;
}

/* Character counter */
.char-counter {
  font-size: 0.875rem;
  color: #6c757d;
  text-align: right;
  margin-top: 0.25rem;
}

.form-item.error .char-counter {
  color: #dc3545;
  font-weight: 500;
}

/* Hide RGPD fields by default - shown by Drupal #states when service = RGPD */
.contact_form #edit-type-demande,
.contact_form #edit-quality,
.contact_form #edit-document {
  display: none;
}

/* Error state for containers (RGPD fields) */
#edit-type-demande.error,
#edit-quality.error {
  border: 2px solid #dc3545;
  padding: 15px;
  border-radius: 4px;
  background-color: #fff5f5;
  margin-bottom: 15px;
}

#edit-type-demande.error .error-message,
#edit-quality.error .error-message {
  margin-bottom: 10px;
  font-weight: 600;
  color: #dc3545;
}

/* Disabled submit button styling */
input[type="submit"].disabled,
input[type="submit"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
  background-color: #cccccc !important;
  border-color: #999999 !important;
}

input[type="submit"].disabled:hover,
input[type="submit"]:disabled:hover {
  background-color: #cccccc !important;
}


section#block-nos--metier {
    margin-bottom: 55px;
}




.block-nos-metier .title-container {
  width: 88vw;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.block-nos-metier .our_jobs_button {
  margin-top: 3px;
  height: 40px;
  background-color: #1c2445;
  color: white;
  padding: 10px 20px;
  border-radius: 25px;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

.block-nos-metier .our_jobs_button .field__item{
  font-size: 16px;
  font-weight: 700;
}

.block-nos-metier .our_jobs_button_img {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  padding: 0;
}

.block-nos-metier .our_jobs_button_img img {
  height: 33px;
  width: auto;
  display: block;
  object-fit: contain;
}

@media screen and (max-width: 991px ) {
  .block-nos-metier .our_jobs_button{
    display: none;
  }
  .block-nos-metier .title-container, .block-nos-metier .title-bloc{
    width: 100vw;
  }
}

/* fix the + button */
.paragraph--cartes-info .bloc-info__lien {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
  background: #003366;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 25px;
  font-weight: bold;
  line-height: 0;
  padding: 0;
}
.leaflet-top, .leaflet-bottom{
  z-index: 0;
}
@media screen and (max-width: 768px) {
    .leaflet-left {
        left: -12px;
        top: 70%;
    }
}

/* fix carousel pointer and click on all pages */
.item-slider-metier{
  cursor: pointer;
}

/* new slide home page */
.bannier {
  position: relative;
  overflow: hidden;
}
.bannier .field--name-field-image-media img {
    width: 100%;
  }
.content-slide {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  z-index: 2; 
}

/* page offer */
.offer-section{
  margin-bottom: 15px;
}
/* Section title (theme label "MISSION", "PROFIL", ...) — not user content */
.offer-section__title {
  color: #0F4376 !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  margin-bottom: 5px;
}

/* Legacy headings inside body field — skip elements inside .ckeditor-content
   so the user's CKEditor inline styles are preserved on the front-end. */
.offer__body .field_description h1:not(.ckeditor-content *),
.offer__body .field_description h2:not(.ckeditor-content *),
.offer__body .field_description h3:not(.ckeditor-content *),
.offer__body .field_description h4:not(.ckeditor-content *),
.offer__body .field_description h5:not(.ckeditor-content *),
.offer__body .field_description h6:not(.ckeditor-content *) {
  color: #0F4376 !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  margin-bottom: 5px;
}

/* Text content inside offer sections — exclude .ckeditor-content descendants
   so inline styles from CKEditor (font, size, color, ...) are preserved. */
.offer-section__content p:not(.ckeditor-content *),
.offer__body .field_description p:not(.ckeditor-content *),
.offer__body .field_description span:not(.ckeditor-content *),
.offer__body .field_description div:not(.ckeditor-content *),
.offer__body .field_description li:not(.ckeditor-content *),
.offer__body .field_description td:not(.ckeditor-content *),
.offer__body .field_description th:not(.ckeditor-content *) {
  color: black !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 19px !important;
  margin-bottom: 10px;
}

.offer__body .field_description ul:not(.ckeditor-content *),
.offer__body .field_description ol:not(.ckeditor-content *) {
  color: black;
  font-size: 15px;
  font-weight: 400;
  padding-left: 20px;
  margin-bottom: 15px;
}

.offer__body .field_description li:not(.ckeditor-content *) {
  margin-bottom: 5px;
}

.offer__body .field_description a {
  color: #003366;
}

.offer__body .field_description table {
  width: 100%;
  margin-bottom: 15px;
  border-collapse: collapse;
}

.offer__body .field_description td,
.offer__body .field_description th {
  padding: 8px;
  border: 1px solid #ddd;
}

/* Fix slider-confiance: add padding to show last logo completely */
  @media screen and (min-width: 768px) {
    .block-confiance .slider-confiance{
      justify-content: center !important;
      max-width: 100%;
      padding: 0px 10vw;
      margin: 0px 6vw;
    }
  }
  .content-chiffres .btn-secteur.d-flex {
    width: unset !important;
}



/* fix page offer for qualities ... */
.offer-section--published-date .published-date{
  font-weight: 800;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #007EB5;
  
}
.offer-section--published-date{
  margin-bottom: 5px;
}
.offer-section--type-place{
  font-weight: 800;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #004278;
  margin-bottom: 20px;
}


/* Banner 404 */
.error-404-banner {
	padding: 130px 0;
	text-align: center;
	position: relative;
	overflow: hidden;
	background-color: #0F4376;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.error-404-banner .container {
	position: relative;
	z-index: 1;
}

.error-404-banner h1 {
	color: #ffffff;
	font-family: 'InterCZ', 'Lato', sans-serif;
	font-size: 50px;
	font-weight: 900;
	line-height: 83%;
	letter-spacing: 0;
	margin: 0;
	text-align: center;
	vertical-align: middle;
}

/* Content 404 */
.error-404-content {
	padding: 100px 0;
	background-color: #ffffff;
}

.error-404-content .row {
	display: flex;
	align-items: flex-start;
}

.error-404-block-image {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	border-radius: 8px;
}

.error-404-content h2 {
	color: #0F4376;
	font-family: 'InterCZ', 'Lato', sans-serif;
	font-size: 25px;
	font-weight: 800;
	line-height: 100%;
	letter-spacing: 0;
	margin-bottom: 20px;
}

.error-404-content .description {
	color: #0F4376;
	font-family: 'InterCZ', 'Lato', sans-serif;
	font-size: 1rem;
	margin-bottom: 30px;
	line-height: 1.6;
}

/* Buttons 404 */
.error-404-buttons {
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: 280px;
}

.error-404-buttons .btn-primary {
	background-color: #007EB5;
	border: 2px solid #007EB5;
	color: #ffffff;
	padding: 12px 25px;
	font-family: 'InterCZ', 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 8px;
	transition: all 0.3s ease;
	text-align: center;
	display: inline-block;
}

.error-404-buttons .btn-primary:hover {
	background-color: #006594;
	border-color: #006594;
	color: #ffffff;
}

/* Responsive */
@media (max-width: 767px) {
	.error-404-banner {
		padding: 70px 20px 50px 20px;
	}

	.error-404-banner h1 {
		font-family: 'InterCZ', 'Lato', sans-serif;
		font-size: 25px;
		font-weight: 900;
		line-height: 100%;
		letter-spacing: 0;
		text-align: center;
	}

	.error-404-content {
		padding: 25px 20px;
		text-align: left;
	}

	.error-404-block-image {
		margin-bottom: 12px;
	}

	.error-404-content h2 {
		font-family: 'InterCZ', 'Lato', sans-serif;
		font-size: 20px;
		font-weight: 800;
		line-height: 120%;
		letter-spacing: 0;
		color: #0F4376;
		margin-bottom: 10px;
	}

	.error-404-content .description {
		font-family: 'InterCZ', 'Lato', sans-serif;
		font-size: 15px;
		font-weight: 400;
		line-height: 140%;
		letter-spacing: 0;
		margin-bottom: 18px;
	}

	.error-404-buttons {
		align-items: stretch;
		max-width: 100%;
		gap: 8px;
	}

	.error-404-buttons .btn-primary {
		background-color: #B8D1EC;
		border: 2px solid #B8D1EC;
		color: #0F4376;
		padding: 12px 20px;
		font-size: 15px;
		font-weight: 800;
	}

	.error-404-buttons .btn-primary:hover {
		background-color: #a3c3e3;
		border-color: #a3c3e3;
		color: #0F4376;
	}
}

/* ========================================
   CONFIRMATION PAGE STYLES
   ======================================== */

/* Banner de confirmation */
.confirmation-banner {
	padding: 130px 0;
	text-align: center;
	position: relative;
	overflow: hidden;
	background-color: #0F4376;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.confirmation-banner .container {
	position: relative;
	z-index: 1;
}

.confirmation-banner h1 {
	color: #ffffff;
	font-family: 'InterCZ', 'Lato', sans-serif;
	font-size: 50px;
	font-weight: 900;
	line-height: 83%;
	letter-spacing: 0;
	margin: 0;
	text-align: center;
	vertical-align: middle;
}

/* Content de confirmation */
.confirmation-content {
	padding: 100px 0;
	background-color: #ffffff;
}

.confirmation-content .row {
	display: flex;
	align-items: flex-start;
}

.confirmation-block-image {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	border-radius: 8px;
}

.confirmation-content h2 {
	color: #0F4376;
	font-family: 'InterCZ', 'Lato', sans-serif;
	font-size: 25px;
	font-weight: 800;
	line-height: 100%;
	letter-spacing: 0;
	margin-bottom: 20px;
}

.confirmation-content .description {
	color: #0F4376;
	font-family: 'InterCZ', 'Lato', sans-serif;
	font-size: 1rem;
	margin-bottom: 30px;
	line-height: 1.6;
}

/* Buttons de confirmation */
.confirmation-buttons {
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: 280px;
}

.confirmation-buttons .btn-primary {
	background-color: #007EB5;
	border: 2px solid #007EB5;
	color: #ffffff;
	padding: 12px 25px;
	font-family: 'InterCZ', 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 8px;
	transition: all 0.3s ease;
	text-align: center;
	display: inline-block;
}

.confirmation-buttons .btn-primary:hover {
	background-color: #006594;
	border-color: #006594;
	color: #ffffff;
}

/* Responsive - Confirmation page */
@media (max-width: 767px) {
	.confirmation-banner {
		padding: 70px 20px 50px 20px;
	}

	.confirmation-banner h1 {
		font-family: 'InterCZ', 'Lato', sans-serif;
		font-size: 25px;
		font-weight: 900;
		line-height: 100%;
		letter-spacing: 0;
		text-align: center;
	}

	.confirmation-content {
		padding: 25px 20px;
		text-align: left;
	}

	.confirmation-block-image {
		margin-bottom: 12px;
	}

	.confirmation-content h2 {
		font-family: 'InterCZ', 'Lato', sans-serif;
		font-size: 20px;
		font-weight: 800;
		line-height: 120%;
		letter-spacing: 0;
		color: #0F4376;
		margin-bottom: 10px;
	}

	.confirmation-content .description {
		font-family: 'InterCZ', 'Lato', sans-serif;
		font-size: 15px;
		font-weight: 400;
		line-height: 140%;
		letter-spacing: 0;
		margin-bottom: 18px;
	}

	.confirmation-buttons {
		align-items: stretch;
		max-width: 100%;
		gap: 8px;
	}

	.confirmation-buttons .btn-primary {
		background-color: #B8D1EC;
		border: 2px solid #B8D1EC;
		color: #0F4376;
		padding: 12px 20px;
		font-size: 15px;
		font-weight: 800;
	}

	.confirmation-buttons .btn-primary:hover {
		background-color: #a3c3e3;
		border-color: #a3c3e3;
		color: #0F4376;
	}
}

/* Country menu - arrow icon alignment */
.line_flag a {
	align-items: center;
}

.line_flag .country-name {
	flex: 1;
}

.line_flag .country-arrow-icon {
	flex-shrink: 0;
	margin-left: 5px;
	opacity: 0;
	transition: opacity 0.2s ease;
}

.line_flag a:hover .country-arrow-icon {
	opacity: 1;
}

@media (max-width: 1024px) {
	.line_flag .country-arrow-icon {
		display: none;
	}
}

/* External link icon for main menu */
.item-menu-2 a.external-link {
	display: inline-flex !important;
	align-items: center !important;
	white-space: nowrap;
}

a.external-link .external-link-icon,
.item-menu-2 a.external-link .external-link-icon {
	flex-shrink: 0;
	margin-left: 6px !important;
	position: relative !important;
	top: -1px !important;
}

a:not(.ckeditor-content *){
  color: black;
}
.field-pillars h2{
  margin-bottom: 0px;
}
.title-bloc{
  display: flex;
  gap: 20px;
}
.title-bloc h2{
  margin-top: 0px;
}
.menu-title-no-link{
  font-size: 14px;
}
.col .title-bloc{
  margin-top: .3rem;
  color: #0F4376;
  font-size: 30px;
  font-family: 'InterCZ', "Lato";
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
label:not(.ckeditor-content *){
  display: none;
}

.node--type-agency a.button-blue-light{
  margin-top: 20px;
}
.block-videos ul:not(.ckeditor-content *) li:not(.ckeditor-content *) {
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}
.all_items_card h2{
  margin-top: 0px;
}
.all_items_card .small_ck_editeur{
  gap: 0px;
}
.order_6 .small_ck_editeur .carte-chiffre-label{
  margin-top: 10px;
}
.order_6 .small_ck_editeur{
  margin-top: 15px;
}
.order_8.item_element_big_2 .wrapper_big .bxig_ck_editeur{
  padding-left: 30px;
}

.item_element_big_4 .bxig_ck_editeur.wrapper_big_rose h2{
  top: 0px;
}
.item_element_big_4 .bxig_ck_editeur.wrapper_big_rose .carte-chiffre-label{
  margin-top: 15px;
}
.order_12 .color-blue-sky .ckeditor-content{
  padding: 25px;
}
.card--event .color-rose .small_ck_editeur{
  margin-left: 20px;
  margin-right: 20px;
}
#page-7832 p.carte-chiffre-label, #page-7832 .ck-editor__editable p.carte-chiffre-label{
  margin: 10px;
}

.block-videos.block-nos-enjeux h2:not(.ckeditor-content *){
  margin-bottom: 20px;
  margin-right: 20px;
}
.item.color-rose.item--right.width-rectangle.item_element_2.item_element_small_2 .img_wrapper.img_wrapper_left{
  width: 100%;
  bottom: 8px;
  height: 100%;
}
#page-7832 .iem--events .item.color-rose.item--right.width-rectangle.item_element_2.item_element_small_2{
  padding-bottom: 0px !important;
}
#page-7832 .iem--events .item.color-rose.item--right.width-rectangle.item_element_2.item_element_small_2 .small_ck_editeur{
  height: 99%;
}
.strategie .step .bg-blue-middle{
  position: relative;
  padding-bottom: 60px; /* espace réservé pour le texte jaune */
}
.strategie .step .text{
  position: absolute;
  top: 67%;
  left: 0;
  right: 0;
  text-align: center;
}

a.button-blue{
  color: white;
  position: absolute;
  bottom: 0px;
}
.block-cols.two-cols .row .col{
  position: relative;
}

.block-cols .left .button-blue{
  /* right: 0px; */
}
.block-cols .right .button-blue{
  left: 0px;
}
.link_secteur{
  background-color: #007EB5;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 900;
  padding: 10px 23px;
  margin: auto;
  text-decoration: none;
}

.left-hooks + .ckeditor-content p.body-small:first-of-type {
  margin-top: 30px;
}
.left-hooks + .ckeditor-content p.body-small:last-of-type {
  margin-bottom: 40px;
}
.leaflet-popup {
  pointer-events: auto;
}
.desc-video-in-block .highlight {
  font-weight: bold !important;
}

.first-col.color-orange.item--left.width-square.three_item_big.item_element_big_3 .wrapper_big{
  line-height: 37px;
}
.first-col.color-orange.item--left.width-square.three_item_big.item_element_big_3 .wrapper_big .ckeditor-content{
  margin-top: -15px;
}
#page-7832 .iem--events .item.color-rose.item--right.width-rectangle.item_element_2.item_element_small_2 .ckeditor-content{
  margin-top: -5px;
}
.bxig_ck_editeur span.unit, .small_ck_editeur span.unit{
    font-size: 75px;
    bottom: 35px !important;
}
#page-7832 .iem--events h2{
  margin: 0px 10px;
}
.item.color-green.item--half.line-50.width-square.item_element_2.item_element_small_2 h2{
  padding-left: 10px;
}

#page-7832 p.carte-chiffre-label:not(:first-child),
#page-7832 .ck-editor__editable p.carte-chiffre-label:not(:first-child) {
  margin-top: -10px; /* Ton margin souhaité */
}

#page-7832 p.carte-chiffre-label.pillar-description:not(:first-child),
#page-7832 .ck-editor__editable p.carte-chiffre-label.pillar-description:not(:first-child) {
  margin-top: 10px; /* Ton margin souhaité */
}

.first-col.color-yellow.item--all_line.width-rectangle.three_item_big.item_element_big_3 h2:not(.ckeditor-content *){
  top: -30px;
}
#page-7832 p.carte-chiffre-label{
  line-height: 30px;
}
 #page-7832 .color-yellow.item--all_line .ckeditor-content{
  padding-top: 40px;
 }
 .block-cols{
  padding-bottom: 24px;
 }
 .block-cols .right .button-blue{
    left: 15px;
    bottom: 10px;
 }
 /* .ckeditor-content img{
  margin-right: 24px;
 } */
/* Hide Drupal error message container */
/* div[role="contentinfo"][aria-label="Message d'erreur"] {
  display: none !important;
} */

/* Fix pour le placeholder du champ message dans le formulaire de candidature */
/* Suppression des pseudo-éléments qui écrasent le placeholder natif */
#edit-field-message-wrapper::before,
#edit-field-message-wrapper::after,
.js-form-item-field-message-0-value::before,
.js-form-item-field-message-0-value::after,
.form-textarea-wrapper::before,
.form-textarea-wrapper::after,
div[data-drupal-selector="edit-field-message-wrapper"]::before,
div[data-drupal-selector="edit-field-message-wrapper"]::after {
  content: none !important;
  display: none !important;
}

/* S'assurer que le placeholder natif du textarea est visible */
#edit-field-message-0-value::placeholder {
  opacity: 1 !important;
  color: #999 !important;
}

/* Cacher tous les before/after dans le form-item du message */
.sii-job-application-form .js-form-item-field-message-0-value *::before,
.sii-job-application-form .js-form-item-field-message-0-value *::after {
  display: none !important;
  content: none !important;
}

/* Styliser le placeholder du textarea message */
.sii-job-application-form textarea#edit-field-message-0-value::placeholder {
    color: #004278 !important;
    font-family: 'InterCZ', Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.contact_form div.js-form-item-accept {
    display: flex;
    justify-content: normal;
    gap: 0 13px;
    align-items: normal;
    flex-direction: column;
    width: auto !important;
    padding: 6px 0px !important;
}
.contact_form .contact_content input#edit-accept{
    -webkit-appearance: none;
    appearance: none;
    background-color: #B8D1EC;
    cursor: pointer;
    position: relative;
    border-radius: 4px;
    width: 30px;
    height: 30px;
    display: block;
}

.contact_form .contact_content input#edit-accept:checked {
    background-color: lightblue;
}

.contact_form .contact_content input#edit-accept:checked::after {
    content: "\2713";
    color: #0F4376;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.contact_form #edit-accept--description {
    position: relative;
    top: initial;
    left: 50px;
    width: 657px;
    pointer-events: none;
}
.contact_form #edit-accept--description a{
    text-decoration: underline;
    pointer-events: auto;
}



/* Correction de l'alignement des images de quotes */
.testimonial-header {
    display: flex;
    align-items: flex-start !important;
    gap: 12px;
    margin-bottom: 16px !important;
}

.testimonial-photo {
    width: 80px;
    height: 80px;
    align-self: flex-start !important;
    margin: 0 !important;
    margin-top: 28px !important; /* Aligner avec la description */
    flex-shrink: 0;
}

.testimonial-info {
    flex: 1;
    align-self: flex-start !important;
}

.testimonial-info h3 {
    margin-bottom: 12px !important;
}

/* Correction de l'espacement de la carte */
.testimonial-card {
    padding: 20px 20px 20px 20px !important;
    display: flex;
    flex-direction: column;
}

/* Réduire l'espace entre la description et le border bas */
.testimonial-card p {
    margin-bottom: 0 !important;
    line-height: 1.5 !important;
}

/* Correction de l'alignement pour les quotes without employee uniquement */
.quotes-without-employee .testimonial-header {
    display: flex;
    align-items: flex-start !important;
    gap: 12px;
    margin-bottom: 16px !important;
}

.quotes-without-employee .testimonial-photo {
    width: 80px;
    height: 80px;
    align-self: flex-start !important;
    margin: 0 !important;
    margin-top: 28px !important; /* Aligner avec la description */
    flex-shrink: 0;
}

.quotes-without-employee .testimonial-info {
    flex: 1;
    align-self: flex-start !important;
}

.quotes-without-employee .testimonial-info h3 {
    margin-bottom: 12px !important;
}

/* Correction de l'espacement de la carte */
.quotes-without-employee .testimonial-card {
    padding: 20px 20px 20px 20px !important;
    display: flex;
    flex-direction: column;
}

/* Réduire l'espace entre la description et le border bas */
.quotes-without-employee .testimonial-card p {
    margin-bottom: 0 !important;
    line-height: 1.5 !important;
}

.view__offers > div .views-row.color__orange .field--type-image .field__item{
    display: flex;
    justify-content: flex-end;
}

.view__offers > div .views-row.color__orange{
  padding-right: 5px;
}

.view__offers > div .views-row.color__orange .ckeditor-content{
    position: relative;
    top: 10%;
    width: 80%;
}

/* Override Bootstrap .placeholder styles */
.placeholder {
  display: inline !important;
  min-height: auto !important;
  vertical-align: baseline !important;
  cursor: auto !important;
  background-color: transparent !important;
  opacity: 1 !important;
}
#page-7832 .first-col.color-blue.item--all_line .body-quote{
margin-top: 10px;
}

/* APRÈS */
.offer__form div#edit-field-accept-wrapper > div {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 13px;
  flex-wrap: wrap;
}
.js-form-item-field-accept-value label {
  display: none;
}
.offer__form .form-item-field-accept-value .description {
  position: static;
  top: auto;
  left: auto;
  width: auto;
  flex: 1;
}
/* ─── Checkbox "J'accepte" : alignement checkbox + texte ─── */
.js-form-type-checkbox.form-item-field-accept-value {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0 10px;
}
/* La checkbox reste en haut à gauche */
.js-form-type-checkbox.form-item-field-accept-value input[type="checkbox"] {
  flex-shrink: 0;
  margin-top: 3px; /* alignement vertical avec le texte */
  order: 1;
}
/* Le texte "J'accepte que mes coordonnées..." s'affiche à droite de la checkbox */
.js-form-type-checkbox.form-item-field-accept-value .description {
  flex: 1;
  order: 2;
}
/* Le message d'erreur passe en dessous, sur toute la largeur */
.js-form-type-checkbox.form-item-field-accept-value .form-item--error-message {
  flex-basis: 100%;
  order: 3;
  margin-top: 5px;
}

/* ===== Upload CV - offer__form ===== */
/* Le wrapper devient relatif pour que l'input invisible soit calé dessus */
.offer__form .js-form-type-managed-file {
  position: relative;
  display: inline-block;
}
/* Le label devient le bouton visible (bleu) */
.offer__form .js-form-type-managed-file label {
  color: #004278;
  font-family: 'InterCZ', Lato;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  border-radius: 9px;
  background: #b8d1ec;
  height: 40px;
  position: relative;
  padding: 11px 17px 10px;
  display: inline-flex !important;
  align-items: center;
  cursor: pointer;
  white-space: nowrap;
}
/* L'input file est invisible mais couvre tout le label pour rester cliquable */
.offer__form .js-form-type-managed-file input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  font-size: 1px;
  cursor: pointer;
}
/* Accessibility: show focus ring on label when file input is focused via Tab */
.offer__form .js-form-type-managed-file input[type="file"]:focus-visible + label,
.offer__form .js-form-type-managed-file input[type="file"]:focus + label,
.offer__form .js-form-type-managed-file label:focus-within {
  outline: 2px solid #004278;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(0, 66, 120, 0.25);
}
/* Also handle case where input comes after label (Drupal managed file) */
.offer__form .js-form-type-managed-file:focus-within label {
  outline: 2px solid #004278;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(0, 66, 120, 0.25);
}
.contact_form .js-form-type-managed-file:focus-within label {
  outline: 2px solid #004278;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(0, 66, 120, 0.25);
}
.text_offers_germay {
  color: #042F52;
  padding: 1% 0px;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: normal !important;
}
[data-drupal-messages] {
  display: none;
}
.offers-listing .color__rose.cloned{
  display: none;
}
.offers-listing .btn.offers__load-more{
  background-color: #FFEB7A;
  color: #042F52;
  font-size: 20px;
  font-weight: 800;
  border-color: transparent;
  padding: 6px 20px;
}
.offers-listing .btn.offers__load-more:hover{
  background-color: #042F52;
  color: #FFEB7A;
}

/* ===== Offer Filter Select Dropdowns - Maquette Design ===== */

/* Widen the container to use full page width for filters (centered by auto margins) */
.offers-listing .all_filter_pgs_offres .container {
  max-width: none !important;
  padding-left: clamp(20px, 3vw, 60px) !important;
  padding-right: clamp(20px, 3vw, 60px) !important;
}

/* Title row: "xxx offres" left, "Toutes nos offres sont ici !" right */
.offers-listing .all_filter_pgs_offres .container > .row:first-of-type {
  justify-content: space-between !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
}

.offers-listing .all_filter_pgs_offres .container > .row:first-of-type > [class*="col-"] {
  flex: 0 0 auto !important;
  width: auto !important;
  position: static !important;
  left: auto !important;
}

/* Title text columns get horizontal padding (filter bar below should span full width) */
.offers-listing .all_filter_pgs_offres .container > .row:first-of-type > .col-md-4.text-start {
  padding-left: clamp(10px, 7vw, 200px) !important;
}

.offers-listing .all_filter_pgs_offres .container > .row:first-of-type > .search-subtitle-right {
  padding-right: clamp(10px, 7vw, 200px) !important;
}

/* Force the nested filter row to its own full-width line */
.offers-listing .all_filter_pgs_offres .container > .row:first-of-type > .row {
  flex-basis: 100% !important;
}

/* Show chevron arrow for offer filter selects */
.offers-listing .all_filter_pgs_offres .ms-choice > div.icon-caret {
  display: block !important;
  position: absolute;
  top: 50%;
  right: clamp(8px, 0.7vw, 12px);
  width: 0;
  height: 0;
  margin-top: -2px;
  border-color: #0F4376 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
}

.offers-listing .all_filter_pgs_offres .ms-choice > div.icon-caret.open {
  border-color: transparent transparent #0F4376 transparent;
  border-width: 0 4px 5px 4px;
}

/* Force single line, centered, responsive gap */
.offers-listing .all_filter_pgs_offres .views-exposed-form {
  flex-wrap: nowrap !important;
  justify-content: center !important;
  gap: clamp(4px, 0.6vw, 12px) !important;
  width: 100% !important;
}

/* Make .item-exposed fill the row */
.offers-listing .all_filter_pgs_offres .item-exposed {
  width: 100% !important;
}

/* Hide original selects when multipleSelect plugin is active */
.offers-listing .all_filter_pgs_offres select.js-multiple-select {
  display: none !important;
}

/* Hide agency field (always empty, takes gap space) */
.offers-listing .all_filter_pgs_offres .js-form-item-field-agency-target-id {
  display: none !important;
}

/* Text inputs: priority width, don't shrink */
.offers-listing .all_filter_pgs_offres .js-form-type-textfield {
  flex: 1.5 0 auto !important;
  min-width: clamp(80px, 8vw, 200px) !important;
}

.offers-listing .all_filter_pgs_offres .js-form-type-textfield input {
  width: 100% !important;
  box-sizing: border-box;
  height: clamp(35px, 2.8vw, 48px);
  font-size: clamp(12px, 1.15vw, 20px);
}

/* Button styling for offer filter */
.offers-listing .all_filter_pgs_offres .ms-parent {
  border-radius: 8px;
  height: clamp(35px, 2.8vw, 48px);
  overflow: visible;
  padding: 0 !important;
  width: fit-content !important;
  min-width: 100% !important;
}

.offers-listing .all_filter_pgs_offres .js-form-item .js-multiple-select+.ms-parent {
  background-color: transparent !important;
}

.offers-listing .all_filter_pgs_offres .js-form-item {
  background-color: transparent !important;
}

/* Select buttons: adapt to content + shrink first when space is tight */
.offers-listing .all_filter_pgs_offres .js-form-type-select {
  flex: 1 1 auto !important;
  width: fit-content !important;
  min-width: 0 !important;
}

.offers-listing .all_filter_pgs_offres .ms-choice {
  border-radius: 8px;
  border: none;
  height: clamp(35px, 2.8vw, 48px);
  line-height: clamp(35px, 2.8vw, 48px);
  width: 100% !important;
  display: block !important;
  position: relative;
}

/* Per-filter button colors (on .ms-choice only) */
.offers-listing .all_filter_pgs_offres .js-form-item-field-contract-value .ms-choice {
  background-color: #CCDA73 !important;
}

.offers-listing .all_filter_pgs_offres .js-form-item-field-profile-target-id-2 .ms-choice {
  background-color: #F3A6B2 !important;
}

.offers-listing .all_filter_pgs_offres .js-form-item-field-job-target-id .ms-choice {
  background-color: #FFEB7A !important;
}

.offers-listing .all_filter_pgs_offres .ms-choice > span {
  color: #0F4376 !important;
  font-family: 'InterCZ', 'Lato', sans-serif;
  font-size: clamp(12px, 1.15vw, 20px);
  font-weight: 900;
  padding: 0 clamp(20px, 2.2vw, 38px) 0 clamp(8px, 1vw, 18px) !important;
  line-height: clamp(35px, 2.8vw, 48px);
  display: block !important;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: transparent !important;
}

.offers-listing .all_filter_pgs_offres .ms-choice > span.placeholder {
  color: #0F4376 !important;
  background-color: transparent !important;
}

/* Dropdown panel base styling */
.offers-listing .all_filter_pgs_offres .ms-drop {
  border-radius: 8px;
  border: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  padding: 6px 0;
  margin-top: 4px;
  min-width: 100%;
}

.offers-listing .all_filter_pgs_offres .ms-drop ul {
  padding: 0;
}

/* Override hide-radio mode: show inputs as radio circles */
.offers-listing .all_filter_pgs_offres .ms-drop ul > li.hide-radio {
  padding: 2px 14px !important;
  background-color: transparent !important;
  color: #0F4376 !important;
}

.offers-listing .all_filter_pgs_offres .ms-drop ul > li.hide-radio:hover,
.offers-listing .all_filter_pgs_offres .ms-drop ul > li.hide-radio:focus {
  background-color: rgba(15, 67, 118, 0.05) !important;
}

.offers-listing .all_filter_pgs_offres .ms-drop ul > li.hide-radio.selected {
  background-color: transparent !important;
  color: #0F4376 !important;
}

.offers-listing .all_filter_pgs_offres .ms-drop ul > li.hide-radio label {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: 0 8px;
  padding: 1px 0 !important;
  cursor: pointer;
}

/* Show hidden inputs and style as small radio circles */
.offers-listing .all_filter_pgs_offres .ms-drop ul > li.hide-radio input {
  display: inline-block !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 12px !important;
  height: 12px !important;
  min-width: 12px;
  border: 1.5px solid #0F4376;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  position: relative !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
  flex-shrink: 0;
}

.offers-listing .all_filter_pgs_offres .ms-drop ul > li.hide-radio.selected input {
  background-color: #0F4376;
  border-color: #0F4376;
}

/* Also handle non-hide-radio mode (multiple selects) */
.offers-listing .all_filter_pgs_offres .ms-drop ul > li label input[type="checkbox"],
.offers-listing .all_filter_pgs_offres .ms-drop ul > li label input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 12px !important;
  height: 12px !important;
  min-width: 12px;
  border: 1.5px solid #0F4376;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  position: relative !important;
  margin: 0;
  padding: 0 !important;
  flex-shrink: 0;
}

.offers-listing .all_filter_pgs_offres .ms-drop ul > li label input[type="checkbox"]:checked,
.offers-listing .all_filter_pgs_offres .ms-drop ul > li label input[type="radio"]:checked {
  background-color: #0F4376;
  border-color: #0F4376;
}

/* Item text styling */
.offers-listing .all_filter_pgs_offres .ms-drop ul > li label span,
.offers-listing .all_filter_pgs_offres .ms-drop ul > li.hide-radio label span {
  color: #0F4376 !important;
  font-family: 'InterCZ', 'Lato', sans-serif;
  font-size: 13px;
  font-weight: 600;
}

/* Per-filter dropdown backgrounds */
.offers-listing .all_filter_pgs_offres .js-form-item-field-contract-value .ms-drop {
  background-color: #CCDA73;
}

.offers-listing .all_filter_pgs_offres .js-form-item-field-profile-target-id-2 .ms-drop {
  background-color: #F3A6B2;
}

.offers-listing .all_filter_pgs_offres .js-form-item-field-job-target-id .ms-drop {
  background-color: #FFEB7A;
}

/* Open state: dark blue background on button */
.offers-listing .all_filter_pgs_offres .ms-parent.ms-parent-open .ms-choice {
  background-color: #0F4376 !important;
}

.offers-listing .all_filter_pgs_offres .ms-parent.ms-parent-open .ms-choice > span {
  color: #fff !important;
}

.offers-listing .all_filter_pgs_offres .ms-parent.ms-parent-open .ms-choice > div.icon-caret {
  border-color: transparent transparent #fff transparent;
  border-width: 0 4px 5px 4px;
}

/* Rechercher button styling */
.offers-listing .all_filter_pgs_offres .form-actions {
  margin: 0 !important;
  flex-shrink: 0 !important;
}

.offers-listing .all_filter_pgs_offres .form-submit {
  margin: 0 !important;
  padding: 0 clamp(12px, 1.5vw, 28px) !important;
  width: auto !important;
  overflow: visible !important;
  height: clamp(35px, 2.8vw, 48px);
  border-radius: 8px;
  border: 2px solid #fff;
  background: transparent;
  color: #fff;
  font-family: 'InterCZ', 'Lato', sans-serif;
  font-size: clamp(10px, 1.05vw, 18px);
  font-weight: 900;
  cursor: pointer;
  white-space: nowrap;
}

/* Mobile responsive - offer filter buttons */
@media (max-width: 768px) {
  .offers-listing .all_filter_pgs_offres .views-exposed-form {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 15px 10px !important;
  }

  .offers-listing .all_filter_pgs_offres .views-exposed-form > .js-form-item {
    margin: 0 !important;
    width: 100%;
  }

  .offers-listing .all_filter_pgs_offres .js-form-item-field-contract-value,
  .offers-listing .all_filter_pgs_offres .js-form-item-field-profile-target-id-2 {
    flex: 1 1 calc(50% - 10px) !important;
    max-width: calc(50% - 5px);
    min-width: 0;
    display: block !important;
  }

  .offers-listing .all_filter_pgs_offres .js-form-type-select {
    width: auto !important;
    flex-shrink: 1 !important;
  }

  .offers-listing .all_filter_pgs_offres .js-form-item-field-job-target-id {
    width: 100% !important;
  }

  .offers-listing .all_filter_pgs_offres .ms-parent {
    width: 100% !important;
  }

  .offers-listing .all_filter_pgs_offres .ms-choice {
    width: 100% !important;
    overflow: hidden !important;
  }

  .offers-listing .all_filter_pgs_offres .ms-choice > span {
    font-size: 15px !important;
    padding: 0 28px 0 12px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .offers-listing .all_filter_pgs_offres .form-actions {
    width: 100% !important;
    text-align: center;
    margin: 20px 0 20px !important;
    flex-shrink: 1 !important;
  }

  .offers-listing .all_filter_pgs_offres .form-submit {
    width: auto !important;
    padding: 0 40px !important;
    font-size: 15px !important;
  }
}

/* === ACCESSIBILITY: Focus visible for keyboard navigation === */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex="0"]:focus-visible {
  outline: 2px solid #0F4376 !important;
  outline-offset: 3px;
}

/* Accessibility: sous-menu links focus styles */
.sous-menu .item-menu-2 a:focus-visible,
.sous-menu .item-menu-3 a:focus-visible {
  outline: 2px solid #0F4376 !important;
  outline-offset: 2px;
  background-color: rgba(15, 67, 118, 0.1);
}

/* Accessibility: search icon focus */
.searchIcon_1:focus-visible {
  outline: 2px solid #0F4376 !important;
  outline-offset: 3px;
  border-radius: 4px;
}

/* Accessibility: button resets for converted elements */
button.bar,
button.zone-arrow {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* menu-link: the <a> inside inherits the same styles as the old <span> text */
.menu-container.mobile .menu-link a {
  color: #0F4376;
  font-weight: 900;
  font-size: 20px;
  font-family: 'InterCZ', Lato, sans-serif;
  text-decoration: none;
  flex: 1;
}

/* Fix: prevent "spontanée" last letter from being hidden behind the + button on mobile (join-us page) */
@media screen and (max-width: 991px) {
  .condidature-txt .wrapper_big > .bxig_ck_editeur.offers-page .carte-chiffre-label {
    padding-right: 40px;
  }
 
  #page-7832 p.body-quote, .ck-editor__editable p.body-quote {
    line-height: 1;
  }
  #page-7832 .field__item > h2 + p {
    padding: 9% 6%;
  }
}

/* RGAA 8.2 - Remplacement de l'attribut obsolète frameborder par une règle CSS */
iframe:not(.ckeditor-content *) {
  border: none;
}

.all_this_hover_flag:focus .showing_all_maps,
.all_this_hover_flag.open .showing_all_maps {
  display: block;
}

@media (min-width: 1441px) {
  .block-cols {
    padding-bottom: 24px;
  }
}

.field--name-field-left-hooks-media article.contextual-region{
    margin-bottom: -8px;
    height: 0px;
}
/* LinkedIn Job Wrapping tag (#LI-XXX): must stay in the rendered DOM so the
   LinkedIn crawler can read it, but should be imperceptible to visitors.
   No display:none / visibility:hidden — some crawlers discard hidden text.
   Selector is "p.offer-linkedin-tag" (not just the class) to match the
   specificity of the theme's global "p:not(.ckeditor-content *)" rule
   (main.css / blocks.css) — a bare class selector loses to it and the tag
   was rendering as normal, fully visible body text. */
p.offer-linkedin-tag {
    font-size: 1px;
    line-height: 1px;
    color: transparent;
    margin: 0;
    padding: 0;
    user-select: none;
    pointer-events: none;
}

#edit-field-cv-0 .file-size-error {
    margin-left: 10px;
}