@charset "UTF-8";
/*
*
* Variables générales
*
*/
:root {
  --bs-body-font-family: "Roboto", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
  --bs-body-color: #0A1752;
  --bs-link-color: #67C4C2;
  --bs-link-color-rgb: 103, 196, 194;
  --bs-link-hover-color: #5CAFB4;
  --bs-link-hover-color-rgb: 92, 175, 180;
  --bs-body-font-size: 18px;
}

.roboto-slab,
h1, .h1,
h2, .h2,
.breadcrumbs {
  font-family: "Roboto Slab", "Roboto", serif;
}

.row_tinymce div[class^=col], .row_tinymce div[class*=" col"] {
  margin-bottom: 16px;
}

.text_bleu {
  color: #0A1752 !important;
}
.text_bleu .mask_picto_rs {
  background-color: #0A1752;
}
.text_ciel {
  color: #67C4C2 !important;
}
.text_ciel .mask_picto_rs {
  background-color: #67C4C2;
}
.text_thin {
  font-weight: 100;
}
.text_extralight {
  font-weight: 200;
}
.text_light {
  font-weight: 300;
}
.text_regular {
  font-weight: 400;
}
.text_medium {
  font-weight: 500;
}
.text_semibold {
  font-weight: 600;
}
.text_bold {
  font-weight: 700;
}
.text_extrabold {
  font-weight: 800;
}
.text_black {
  font-weight: 900;
}

.surtitre {
  color: #67C4C2;
  text-transform: uppercase;
}

.nodeco {
  text-decoration: none;
}

.btn {
  border: 2px solid #0A1752;
  background-color: #fff;
  color: #0A1752;
  border-radius: 0;
  padding: 10px 20px;
  border-radius: 30px;
}
.btn:hover, .btn:focus, .btn:focus-visible, .btn:active, .btn:focus-within {
  color: #fff;
  background-color: #0A1752;
}

.wpcf7-submit {
  border: 2px solid #0A1752;
  background-color: #0A1752;
  color: #fff !important;
  border-radius: 0;
  padding: 10px 20px;
  border-radius: 30px;
}
.wpcf7-submit:hover, .wpcf7-submit:focus, .wpcf7-submit:focus-visible, .wpcf7-submit:active, .wpcf7-submit:focus-within {
  color: #0A1752 !important;
  background-color: #fff;
}

.bg_linear_header {
  background: transparent linear-gradient(180deg, rgba(10, 23, 82, 0.14) 0%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat padding-box;
}
.bg_jaune {
  background-color: #F7BA1A;
  color: #0A1752;
}
.bg_jaune * {
  color: #0A1752;
}
.bg_jaune a {
  color: #fff;
}
.bg_jaune .surtitre {
  color: #0A1752;
}
.bg_jaune .btn {
  border-color: #fff;
  background-color: #fff;
  color: #0A1752;
}
.bg_jaune .btn:hover, .bg_jaune .btn:focus, .bg_jaune .btn:focus-visible, .bg_jaune .btn:active, .bg_jaune .btn:focus-within {
  background-color: #F7BA1A;
}
.bg_jaune .wpcf7-submit {
  border: 2px solid #0A1752;
  background-color: #0A1752;
  color: #fff;
}
.bg_jaune .wpcf7-submit:hover, .bg_jaune .wpcf7-submit:focus, .bg_jaune .wpcf7-submit:focus-visible, .bg_jaune .wpcf7-submit:active, .bg_jaune .wpcf7-submit:focus-within {
  color: #0A1752;
  background-color: #fff;
}
.bg_gris {
  background-color: #F0F0F0;
  color: #0A1752;
  /* a {
      color: $ciel;
  } */
}
.bg_gris * {
  color: #0A1752;
}
.bg_gris .surtitre {
  color: #67C4C2;
}
.bg_gris .btn {
  border-color: #0A1752;
  background-color: #fff;
  color: #0A1752;
}
.bg_gris .btn:hover, .bg_gris .btn:focus, .bg_gris .btn:focus-visible, .bg_gris .btn:active, .bg_gris .btn:focus-within {
  color: #F0F0F0;
  background-color: #0A1752;
}
.bg_ciel {
  background-color: #67C4C2;
  color: #0A1752;
}
.bg_ciel * {
  color: #0A1752;
}
.bg_ciel a, .bg_ciel h2, .bg_ciel .h2 {
  color: #fff;
}
.bg_ciel .surtitre {
  color: #fff;
}
.bg_ciel .btn {
  border-color: #fff;
  background-color: #fff;
  color: #0A1752;
}
.bg_ciel .btn:hover, .bg_ciel .btn:focus, .bg_ciel .btn:focus-visible, .bg_ciel .btn:active, .bg_ciel .btn:focus-within {
  background-color: #67C4C2;
}
.bg_bleu {
  background-color: #0A1752;
  color: #fff;
}
.bg_bleu * {
  color: #fff;
}
.bg_bleu a {
  color: #F7BA1A;
}
.bg_bleu .surtitre {
  color: #fff;
}
.bg_bleu .btn {
  border-color: #fff;
  background-color: #fff;
  color: #0A1752;
}
.bg_bleu .btn:hover, .bg_bleu .btn:focus, .bg_bleu .btn:focus-visible, .bg_bleu .btn:active, .bg_bleu .btn:focus-within {
  color: #fff;
  background-color: #0A1752;
}

body .container-fluid {
  max-width: 1920px;
}
body .container.container_xx_large {
  max-width: 1900px;
}
body .container.container_x_large {
  max-width: 1470px;
}
body .container.container_default {
  max-width: 1340px;
}
body .container.container_large {
  max-width: 1290px;
}
body .container.container_medium {
  max-width: 1210px;
}
body .container.container_small {
  max-width: 1120px;
}
body .container.container_x_small {
  max-width: 950px;
}
body .container.container_xx_small {
  max-width: 800px;
}

.font_14 {
  font-size: 14px;
  letter-spacing: 0.7px;
}

.font_16, .btn, .breadcrumbs {
  font-size: 16px;
  letter-spacing: 0.8px;
}

.font_18 {
  font-size: 18px;
  letter-spacing: 0.9px;
}

.font_20 {
  font-size: 20px;
  letter-spacing: 1px;
}

.font_24 {
  font-size: calc(1.275rem + 0.3vw);
  letter-spacing: calc((1.275rem + 0.3vw) / 20);
}

.font_34 {
  font-size: calc(1.3375rem + 1.05vw);
  letter-spacing: calc((1.3375rem + 1.05vw) / 20);
}

.font_45,
h1, .h1,
h2, .h2 {
  font-size: calc(1.40625rem + 1.875vw);
  letter-spacing: calc((1.40625rem + 1.875vw) / 20);
}

.font_65 {
  font-size: calc(1.53125rem + 3.375vw);
  letter-spacing: calc((1.53125rem + 3.375vw) / 20);
}

@media (min-width: 1200px) {
  .font_24 {
    font-size: 24px;
    letter-spacing: 1.2px;
  }
  .font_34 {
    font-size: 34px;
    letter-spacing: 1.7px;
  }
  .font_45,
  h1, .h1,
  h2, .h2 {
    font-size: 45px;
    letter-spacing: 2.25px;
  }
  .font_65 {
    font-size: 65px;
    letter-spacing: 3.25px;
  }
}
header {
  background-color: #fff;
  color: #0A1752;
  color: #0A1752;
  z-index: 1000;
  display: flex;
}
header a {
  color: #0A1752;
}
header a {
  color: #0A1752;
  /* &:hover {
      color: $ciel;
      &::after {
          color: $ciel;
      }
      span {
          color: $ciel;
      }
  } */
}
header a::after {
  color: #0A1752;
}
header a span {
  color: #0A1752;
}
header .picto_rs {
  background: #67C4C2;
}
header #offcanvasNavbar .dropdown-menu.show .dropdown-item:hover {
  background: unset;
}
@media (min-width: 768px) {
  header {
    /* a {
        color: $blanc;
        &::after {
            color: $blanc;
        }
        &:hover {
            color: $bleu;
            &::after {
                color: $bleu;
            }
            span {
                color: $bleu;
            }
        }
        span {
            color: $blanc;
        }
    } */
  }
  header .picto_rs {
    background: unset !important;
  }
}
header .logo_container {
  text-align: center;
  padding: 20px 15px;
  margin-right: 0;
  width: 70%;
}
header .logo_container .navbar-brand {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
header .logo_container .logo_site {
  width: 100%;
  max-width: 260px;
  max-height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}
header .bloc_text_rs_header {
  display: none;
}
header .navbar {
  width: 30%;
}
header .navbar .navbar-toggler {
  margin: auto;
}
header .navbar #offcanvasNavbar .dropdown-menu.show {
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 8px;
  width: 100%;
  border-radius: 0;
  border: unset;
  margin-top: 0;
  bottom: 0;
}
header .navbar #offcanvasNavbar .dropdown-menu.show li {
  padding: 13px 0px;
  color: #67C4C2;
}
header .navbar #offcanvasNavbar .dropdown-menu.show li a {
  color: #67C4C2;
}
header .navbar #offcanvasNavbar .mask_picto_rs {
  width: 25px;
  height: 25px;
}

#menu_haut .navbar-nav span:hover {
  font-weight: 700;
}

#pageHome header .logo_container .logo_site {
  max-width: 380px;
}
#pageHome header .bloc_text_rs_header {
  display: flex;
}

@media (min-width: 576px) {
  body header {
    display: flex;
  }
  body header .logo_container {
    width: 99%;
  }
  body header .navbar {
    width: 1%;
  }
  body header .navbar .navbar-toggler {
    transform: translate(-100px);
  }
}
@media (min-width: 992px) {
  body header .logo_container {
    width: 33%;
  }
  body header .navbar {
    width: 67%;
    padding: 0;
    background: unset;
  }
  body header .navbar #offcanvasNavbar {
    height: 100% !important;
  }
  body header .navbar #offcanvasNavbar .offcanvas-body {
    height: 100%;
  }
  body header .navbar #offcanvasNavbar .dropdown-menu.show {
    transform: translateY(100%);
  }
  body header .navbar #offcanvasNavbar .dropdown-menu.show li {
    text-align: center;
  }
  body header .navbar #offcanvasNavbar .navbar-nav {
    flex-wrap: initial;
  }
  body header .navbar #offcanvasNavbar .navbar-nav .nav-item .nav-link {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
  }
  body header .navbar #offcanvasNavbar .navbar-nav .nav-item:first-child {
    position: relative;
  }
  body header .navbar #offcanvasNavbar .navbar-nav .nav-item:first-child::after {
    position: absolute;
    content: "";
    width: 1920px;
    height: 3px;
    background-color: #67C4C2;
    left: 35px;
    bottom: -10px;
  }
  body header .navbar #offcanvasNavbar .navbar-nav .nav-item:last-child .nav-link {
    padding-right: 0;
  }
  body header .navbar #offcanvasNavbar .navbar-nav .nav_item_rs {
    width: 50% !important;
    flex-direction: column;
  }
  body header .navbar #offcanvasNavbar .navbar-nav span {
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    transition: all 0.2s ease 0s;
    position: relative;
    display: block;
    line-height: 20px;
  }
  body header .navbar #offcanvasNavbar .navbar-nav span:hover {
    font-weight: 700;
  }
  body header .navbar #offcanvasNavbar .navbar-nav span:after {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    text-transform: uppercase;
  }
  body header .navbar #offcanvasNavbar .bloc_text_rs_header {
    order: -1;
  }
}
@media (min-width: 1200px) {
  body header .navbar #offcanvasNavbar .navbar-nav .nav-item .nav-link {
    padding: 0 32px;
  }
}
.container_header_page {
  position: relative;
  margin-bottom: 23vw;
}
.container_header_page::after {
  content: "";
  position: absolute;
  background-image: url("../images/PNG/Separateur_grand.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 70vw;
  right: -10px;
  bottom: -16vw;
  aspect-ratio: 10.88/1;
  z-index: -1;
}

.container_header_home {
  margin-bottom: 90px;
}
.container_header_home .container_header_home_bg {
  aspect-ratio: 2.09/1;
  position: relative;
}
.container_header_home .container_header_home_bg h1 {
  position: absolute;
  bottom: -90px;
}

@media (min-width: 576px) {
  body .container_header_page {
    margin-bottom: 13vw;
  }
  body .container_header_page::after {
    width: 60vw;
    bottom: -10vw;
  }
  body .container_header_home .container_header_home_bg h1 {
    position: relative;
    bottom: unset;
    max-width: 27%;
    margin-left: 27%;
    font-size: 3.4vw;
    padding-top: 26.2vw;
    letter-spacing: 0.17vw;
  }
}
@media (min-width: 768px) {
  body .container_header_page {
    margin-bottom: 50px;
  }
  body .container_header_page::after {
    width: 50vw;
    right: -6.8vw;
    bottom: unset;
    top: 130px;
    max-width: 960px;
  }
}
@media (min-width: 992px) {
  body .container_header_page {
    margin-bottom: 85px;
  }
}
@media (min-width: 1200px) {
  body .container_header_page {
    margin-bottom: 120px;
  }
}
@media (min-width: 1920px) {
  body .container_header_home .container_header_home_bg h1 {
    max-width: 510px;
    margin-left: 512px;
    font-size: 65px;
    padding-top: 503px;
    letter-spacing: 3.25px;
  }
}
footer {
  text-align: center;
}
footer .bloc_rs {
  background-color: #fff;
  color: #0A1752;
}
footer .bloc_rs a {
  color: #0A1752;
}
footer .bloc_rs .phrase_rs_container {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
footer .bloc_rs .col_logos_rs {
  text-align: center;
}
footer .bloc_rs .col_logos_rs .picto_rs:hover {
  background-color: #0A1752;
}
footer .bloc_footer {
  background-color: #0A1752;
  color: #fff;
}
footer .bloc_footer a {
  color: #fff;
}
footer .bloc_footer a:not(a:has(img)) {
  position: relative;
  text-decoration: none;
  display: inline-block;
}
footer .bloc_footer a:not(a:has(img))::after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -2px;
  left: 0;
  background-color: #fff;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
footer .bloc_footer a:not(a:has(img)):hover {
  color: #fff;
}
footer .bloc_footer a:not(a:has(img)):hover::after {
  visibility: visible;
  width: 100%;
}
footer .bloc_footer a:not(a:has(img))::after {
  background-color: #fff;
}
footer .bloc_footer a:not(a:has(img)):hover {
  color: #fff;
}
footer .bloc_footer .menu_bas {
  padding-left: 0;
  list-style-type: none;
}
footer .bloc_footer .menu_bas a:not(a:has(img))::after {
  content: unset !important;
}
footer .bloc_footer .menu_bas a:not(a:has(img)):hover::after {
  content: unset !important;
}
footer .bloc_footer .menu_bas .menu-item {
  margin-bottom: 10px;
}
footer .row_vep {
  text-align: center;
}
footer .row_vep a:not(a:has(img)) {
  position: relative;
  text-decoration: none;
  display: inline-block;
}
footer .row_vep a:not(a:has(img))::after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -2px;
  left: 0;
  background-color: #fff;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
footer .row_vep a:not(a:has(img)):hover {
  color: #fff;
}
footer .row_vep a:not(a:has(img)):hover::after {
  visibility: visible;
  width: 100%;
}
footer .row_vep a:not(a:has(img))::after {
  background-color: #fff;
}
footer .row_vep a:not(a:has(img)):hover {
  color: #fff;
}

@media (min-width: 576px) {
  body footer .logo_site_container {
    text-align: center;
  }
  body footer .menu_bas {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media (min-width: 1200px) {
  body footer {
    text-align: initial;
  }
}
.actualites_container .lien_actu {
  text-decoration: none;
  color: #0A1752;
}
.actualites_container .lien_actu .actu_container {
  display: flex;
  flex-direction: column;
}
.actualites_container .lien_actu .actu_container .img_container {
  width: 100%;
  height: 220px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: max-width ease-in-out 0.2s;
  border-radius: 10px;
  margin-bottom: 0;
  max-width: initial;
}
.actualites_container .lien_actu .actu_container .texte_container {
  transition: margin-left ease-in-out 0.2s;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
}
.actualites_container .lien_actu .actu_container .texte_container .lire_article {
  height: -moz-fit-content;
  height: fit-content;
  background: #0A1752;
  color: #fff;
  border-radius: 0 10px 10px 0;
  padding: 6px 25px;
  text-align: right;
  font-size: 14px;
  position: relative;
}
.actualites_container .lien_actu .actu_container .texte_container .lire_article::before {
  content: "";
  position: absolute;
  height: 100%;
  background: #0A1752;
  border-radius: 10px 0 0 10px;
  top: 0;
  z-index: -1;
  width: 180px;
  left: -155px;
}
.actualites_container .page-numbers {
  padding: 8px 16px;
  background: #fff;
  margin: 2px;
  color: #fff !important;
  border-radius: 10px;
  text-decoration: none;
}
.actualites_container .page-numbers.current {
  background: #0A1752;
}

@media (min-width: 768px) {
  body .lien_actu .actu_container {
    flex-direction: row !important;
  }
  body .lien_actu .actu_container .img_container {
    margin-bottom: 0;
    max-width: 320px !important;
  }
  body .lien_actu .actu_container .texte_container {
    margin-left: 65px;
  }
}
#module_societes {
  justify-content: center;
}
#module_societes .societe_container_lien {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 80px;
}
#module_societes .societe_container_lien.active {
  background-color: transparent !important;
}
#module_societes .societe_container_lien_prod .societe_picto_container {
  background-color: #FE921B;
}
#module_societes .societe_container_lien_prod:hover .societe_container, #module_societes .societe_container_lien_prod.active .societe_container {
  background-color: #FE921B;
}
#module_societes .societe_container_lien_atecmaa .societe_picto_container {
  background-color: #66B32E;
}
#module_societes .societe_container_lien_atecmaa:hover .societe_container, #module_societes .societe_container_lien_atecmaa.active .societe_container {
  background-color: #66B32E;
}
#module_societes .societe_container_lien_groupe .societe_picto_container {
  background-color: #009A93;
}
#module_societes .societe_container_lien_groupe:hover .societe_container, #module_societes .societe_container_lien_groupe.active .societe_container {
  background-color: #009A93;
}
#module_societes .societe_container_lien .societe_container {
  position: relative;
  background: #0A1752;
  border-radius: 20px;
  height: 100%;
  display: flex;
  padding: 25px;
  padding-top: 102px;
  gap: 25px;
  color: white;
  font-weight: 500;
  font-size: 24px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  text-align: center;
}
#module_societes .societe_container_lien .societe_container .societe_picto_container {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100%;
}
#module_societes .societe_container_lien .societe_container .societe_picto_container .societe_picto {
  height: 70px;
  background: white;
  aspect-ratio: 1/1;
  margin: 40px;
}
#module_societes #module_bloc_metiers .societe_container_lien_groupe .societe_picto_container {
  background-color: #5fc3db;
}
#module_societes #module_bloc_metiers .societe_container_lien_groupe:hover .societe_container, #module_societes #module_bloc_metiers .societe_container_lien_groupe.active .societe_container {
  background-color: #5fc3db;
}
#module_societes #module_bloc_metiers .slick-track {
  display: flex;
}
#module_societes #module_bloc_metiers .slick-track .slick-slide {
  height: inherit;
}

#module_engagements {
  justify-content: center;
}
#module_engagements .col_engagement .engagement_container {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20px 70px;
  gap: 15px;
}
#module_engagements .col_engagement .engagement_container .engagement_picto {
  width: 70px;
  aspect-ratio: 1/1;
  background: #F7BA1A;
}
#module_engagements .col_engagement .engagement_container .engagement_texte {
  font-weight: 700;
}

#module_bloc_avec_images {
  background-color: #F7BA1A;
  position: relative;
}
#module_bloc_avec_images .bloc_contenu {
  min-height: calc(100% - 11.3vw);
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
#module_bloc_avec_images .col_image {
  display: flex;
  justify-content: end;
  align-items: center;
  position: relative;
  height: 100%;
}
#module_bloc_avec_images .col_image::before, #module_bloc_avec_images .col_image::after {
  position: absolute;
  content: "";
  width: 100vw;
  background-color: #fff;
  right: 0;
}
#module_bloc_avec_images .col_image::before {
  top: 0;
}
#module_bloc_avec_images .col_image::after {
  bottom: 0;
  height: calc(100% - 9.3vw);
}
#module_bloc_avec_images .col_image img {
  margin-right: 0;
  margin-left: auto;
  height: auto;
  aspect-ratio: 1.0218/1;
  z-index: 1;
}

#module_bloc_bottom .col_bottom {
  position: relative;
  transition: background-size ease-in-out 0.2s;
  aspect-ratio: 1/1;
  background-size: cover;
  /* &:hover {
      background-size: 110%;
      transition: background-size ease-in-out 0.2s;
      .col_bottom_content {
          .content_inner {
              max-height: 1000px;
              transition: max-height ease-in-out 0.2s;
          }
      }
  } */
}
#module_bloc_bottom .col_bottom .col_bottom_content {
  max-width: 540px;
  margin-top: auto;
  margin-bottom: 0;
  padding: 25px 70px;
  text-align: center;
  position: absolute;
  bottom: 50%;
  /* .content_inner {
      max-height: 0px;
      overflow: hidden;
      transition: max-height ease-in-out 0.2s;
  } */
  left: 50%;
  transform: translate(-50%, 50%);
  width: calc(100% - 20px);
}
#module_bloc_videos {
  /* iframe {
      aspect-ratio: 1.54/1;
      width: 100%;
  } */
}
#module_bloc_videos .slider-nav .media_container {
  margin-right: 30px;
}
#module_bloc_videos .slider-nav .img_slider_real {
  -o-object-fit: cover;
     object-fit: cover;
  margin: auto;
}
#module_bloc_videos .slider-nav .img_slider_real:hover {
  cursor: pointer;
}
#module_bloc_videos .slider-for .img_slider_real {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background: #fff;
  max-width: 400px;
  max-height: 400px;
  margin: auto;
}
#module_bloc_videos .media_container iframe, #module_bloc_videos .media_container .img_slider_real {
  aspect-ratio: 1.54/1;
  width: 100%;
  border-radius: 20px;
}
#module_bloc_videos .overlay_picto_play_svg {
  height: 100%;
  width: 100%;
  background-image: url("../images/SVG/picto_play.svg");
  background-size: 30px;
  position: absolute;
  top: 0;
  border-radius: 20px;
  cursor: pointer;
}

#module_bloc_metiers .div_recherche_metier {
  color: #fff !important;
  border-radius: 20px;
  text-align: center;
  padding: 25px 50px;
  margin: 50px 0;
}
#module_bloc_metiers .div_recherche_metier ul {
  text-align: initial;
  list-style-type: none;
  padding-left: 10px;
}
#module_bloc_metiers .div_recherche_metier ul li::before {
  content: "- ";
}
#module_bloc_metiers .div_recherche_metier_prod {
  background-color: #FE921B;
}
#module_bloc_metiers .div_recherche_metier_atecmaa {
  background-color: #66B32E;
}
#module_bloc_metiers .div_recherche_metier_groupe {
  background-color: #5fc3db;
}
#module_bloc_metiers .texte_cercle_container {
  cursor: pointer;
}
#module_bloc_metiers .texte_cercle_container .texte_cercle_default {
  opacity: 1;
}
#module_bloc_metiers .texte_cercle_container .texte_cercle_hover {
  opacity: 0;
}
#module_bloc_metiers .texte_cercle_container.active .texte_cercle_default {
  opacity: 0;
}
#module_bloc_metiers .texte_cercle_container.active .texte_cercle_hover {
  opacity: 1;
}
#module_bloc_metiers .collapses_container {
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
#module_bloc_metiers #svg_metiers_schema {
  max-width: 830px;
}
#module_bloc_metiers .svg_portrait {
  opacity: 0;
}
#module_bloc_metiers .svg_portrait.active {
  opacity: 1;
}
#module_bloc_metiers .svg_metiers_schema_categorie {
  display: none;
}
#module_bloc_metiers .svg_metiers_schema_categorie.show {
  display: initial;
}
#module_bloc_metiers .button_fleche_svg {
  background-color: #DEDEDE;
  width: 60px;
  height: 37px;
  padding: 0;
  border: unset;
  margin: 0 10px;
}
#module_bloc_metiers .button_fleche_svg:hover, #module_bloc_metiers .button_fleche_svg:focus, #module_bloc_metiers .button_fleche_svg:focus-visible, #module_bloc_metiers .button_fleche_svg:active, #module_bloc_metiers .button_fleche_svg:focus-within {
  background-color: #67C4C2;
}
#module_bloc_metiers .button_fleche_svg.fleche_svg_prev {
  -webkit-mask-image: url("../images/SVG/Fleche_Defile_gauche.svg");
          mask-image: url("../images/SVG/Fleche_Defile_gauche.svg");
}
#module_bloc_metiers .button_fleche_svg.fleche_svg_next {
  -webkit-mask-image: url("../images/SVG/Fleche_Defile_droite.svg");
          mask-image: url("../images/SVG/Fleche_Defile_droite.svg");
}
#module_bloc_metiers .fleche_svg_prev,
#module_bloc_metiers .fleche_svg_next {
  cursor: pointer;
}

@media (min-width: 576px) {
  #module_engagements .col_engagement .engagement_container::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 2px;
    background-color: #0A1752;
    top: 0;
    right: -13px;
    opacity: 0.5;
  }
  #module_engagements .col_engagement:nth-child(even) .engagement_container::after {
    content: unset;
  }
  #module_bloc_bottom .col_bottom {
    aspect-ratio: 1.45/1;
    background-size: 100%;
  }
}
@media (min-width: 768px) {
  /* #module_societes {
      .societe_container {
          padding: 12px 35px;
      }
  }  */
  #module_bloc_avec_images .col_contenu {
    padding-bottom: 100px;
    padding-top: 70px;
  }
  #module_bloc_avec_images .col_image img {
    height: 100%;
    position: absolute;
    max-width: unset;
    left: 0;
  }
  #module_bloc_avec_images .col_image::before {
    height: 9.8%;
  }
  #module_bloc_avec_images .col_image::after {
    height: 14.2%;
  }
  #module_bloc_bottom .col_bottom {
    aspect-ratio: 1/1;
    background-size: cover;
    /* &:hover {
        background-size: 110%;
        transition: background-size ease-in-out 0.2s;
        .col_bottom_content {
            bottom: 0;
            transform: unset;
            .content_inner {
                // max-height: 1000px;
                max-height: 500px;
                transition: max-height linear 0.2s;
            }
        }
    }
    .col_bottom_content {
        bottom: 0;
        transform: unset;
        .content_inner {
            height: 100%;
            max-height: 0px;
            overflow: hidden;
            transition: max-height linear 0.2s;
        }
    }
    &.col_bottom_left {
        .col_bottom_content {
            right: 0;
            left: unset;
            border-radius: 10px 0px 0px 10px;
        }
    }
    &.col_bottom_right{
        .col_bottom_content {
            left: 0;
            border-radius: 0px 10px 10px 0px;
        }
    } */
  }
  #module_bloc_metiers .collapses_container {
    max-width: 768px;
    margin: auto;
  }
}
@media (min-width: 992px) {
  /* #module_societes {
      .societe_container {
          padding: 12px 25px;
      }
  } */
  #module_engagements .col_engagement:nth-child(even) .engagement_container::after {
    content: "";
  }
  #module_engagements .col_engagement:last-child .engagement_container::after {
    content: unset;
  }
  #module_bloc_bottom .col_bottom {
    aspect-ratio: 1.45/1;
    background-size: 100%;
  }
  #module_bloc_bottom .col_bottom:hover {
    background-size: 110%;
    transition: background-size ease-in-out 0.2s;
  }
  #module_bloc_bottom .col_bottom:hover .col_bottom_content {
    bottom: 0;
    transform: unset;
  }
  #module_bloc_bottom .col_bottom:hover .col_bottom_content .content_inner {
    max-height: 500px;
    transition: max-height linear 0.2s;
  }
  #module_bloc_bottom .col_bottom .col_bottom_content {
    bottom: 0;
    transform: unset;
  }
  #module_bloc_bottom .col_bottom .col_bottom_content .content_inner {
    height: 100%;
    max-height: 0px;
    overflow: hidden;
    transition: max-height linear 0.2s;
  }
  #module_bloc_bottom .col_bottom.col_bottom_left .col_bottom_content {
    right: 0;
    left: unset;
    border-radius: 10px 0px 0px 10px;
  }
  #module_bloc_bottom .col_bottom.col_bottom_right .col_bottom_content {
    left: 0;
    border-radius: 0px 10px 10px 0px;
  }
  #module_bloc_avec_images .bloc_contenu {
    margin-right: 30px;
    margin-left: auto;
    max-width: 500px;
  }
  #module_bloc_metiers .collapses_container {
    padding-left: 70px;
    max-width: 500px;
    margin: initial;
  }
}
@media (min-width: 1200px) {
  /* #module_societes {
      .societe_container {
          padding: 12px 35px;
      }
  } */
}
@media (min-width: 1400px) {
  /*  #module_societes {
       .societe_container {
           padding: 12px 45px;  
       }
   }  */
  #module_bloc_avec_images .col_image img {
    position: initial;
    max-width: 100%;
  }
}
body {
  max-width: 1920px;
  margin: auto;
  letter-spacing: 0.9px;
  /* .btn, .wpcf7-submit {
      border: unset;
      @include color_1;
      &:hover {
          @include color_2;
      }
  } */
}
body .body_content {
  overflow-x: hidden;
}
body main {
  overflow: hidden;
}
body * {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  line-height: 1.2;
}
body img {
  max-width: 100%;
}
body img.arrondi {
  border-radius: 10px;
}
body img.ellipse {
  border-radius: 100%;
}
body p:has(img.aligncenter) {
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
}
body p:has(img.aligncenter) img {
  margin: 5px;
}
body p:has(img.alignleft) {
  display: table;
  float: left;
  margin: 0.5em 1em 0.5em 0;
}
body p:has(img.alignright) {
  display: table;
  float: right;
  margin: 0.5em 0 0.5em 1em;
}
body p:has(img.carre) {
  position: relative;
}
body p:has(img.carre)::after {
  content: "";
  display: block;
  padding-bottom: 100%;
  position: absolute;
  top: 0;
}
body p:has(img.carre) img {
  -o-object-fit: cover;
     object-fit: cover;
}
body p:has(img.carre) img.size-large {
  width: 630px;
  height: 630px;
}
body p:has(img.carre) img.size-medium {
  width: 300px;
  height: 300px;
}
body .wp-video {
  margin: auto;
  border-radius: 10px;
  overflow: hidden;
}
body .size-large {
  max-width: 700px;
  width: 100%;
}
body h1, body .h1,
body h2, body .h2,
body h3, body .h3,
body h4, body .h4 {
  font-weight: bold;
}
body h2, body .h2 {
  margin-bottom: 25px;
}
body .letter_spacing_initial {
  letter-spacing: initial !important;
}
body .col_logos_rs a, body .nav_item_rs a {
  margin: 10px;
}
body .breadcrumbs {
  font-weight: 300;
  color: #0A1752;
}
body .breadcrumbs * {
  color: #0A1752;
}
body .picto_rs {
  width: 100%;
  max-width: 55px;
  border-radius: 100%;
  padding: 1px;
  min-width: 55px;
}
body .logo_site {
  max-width: 300px;
  max-height: 65px;
  width: 100%;
}
body .logo_vep {
  max-width: 200px;
}
body .sitemap_container {
  list-style-type: none;
}
body .sitemap_container li {
  padding: 5px;
}
body .sitemap_container li a {
  text-decoration: none;
}
body .left_contenu .right_contenu_content, body .left_contenu .left_contenu_content, body .right_contenu .right_contenu_content, body .right_contenu .left_contenu_content {
  width: 100%;
}
body .left_contenu .left_contenu_content_margin, body .right_contenu .left_contenu_content_margin {
  /* width: 58%;
  margin-right: 15%;
  margin-left: auto; */
  /* width: 88%;
  margin-right: 5%;
  margin-left: auto; */
}
body .left_contenu .right_contenu_content_margin, body .right_contenu .right_contenu_content_margin {
  /* width: 58%;
  margin-right: auto;
  margin-left: 15%; */
  /* width: 88%;
  margin-right: auto;
  margin-left: 5%; */
}
body .left_contenu .bloc_bg_image, body .right_contenu .bloc_bg_image {
  width: 100%;
  aspect-ratio: 2.08/1;
  border-radius: 20px;
  display: flex;
  align-items: center;
}
body .left_contenu .bloc_bg_image .contenu_content_inner, body .right_contenu .bloc_bg_image .contenu_content_inner {
  background-color: #fff;
  padding: 25px 45px;
  border-radius: 20px;
  margin-top: 50px;
  margin-bottom: 40px;
  max-width: 90%;
}
body .left_contenu .bloc_bg_image .contenu_content_inner img, body .right_contenu .bloc_bg_image .contenu_content_inner img {
  width: 100%;
  max-width: 380px;
}
body .left_contenu .bloc_bg_image.bloc_bg_image_gauche, body .right_contenu .bloc_bg_image.bloc_bg_image_gauche {
  justify-content: end;
}
body .left_contenu .bloc_bg_image.bloc_bg_image_gauche .contenu_content_inner, body .right_contenu .bloc_bg_image.bloc_bg_image_gauche .contenu_content_inner {
  margin-right: -5%;
}
body .left_contenu .bloc_bg_image.bloc_bg_image_droite, body .right_contenu .bloc_bg_image.bloc_bg_image_droite {
  justify-content: start;
}
body .left_contenu .bloc_bg_image.bloc_bg_image_droite .contenu_content_inner, body .right_contenu .bloc_bg_image.bloc_bg_image_droite .contenu_content_inner {
  margin-left: -5%;
}
body .slick-dots {
  bottom: -20px;
}
body .slick-dots li:first-child:nth-last-child(1) {
  /* -or- li:only-child { */
  display: none;
}
body .slick-dots li {
  width: 20px;
  height: 20px;
}
body .slick-dots li button {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  padding: 0;
  background-color: #5fc3db;
  content: "";
}
body .slick-dots li button:before {
  content: unset;
}
body .slick-dots li.slick-active button {
  background: #0A1752;
}
body .slick-arrow {
  z-index: 110;
  bottom: 15px;
  left: unset;
  right: 65px;
  top: 20px;
  width: 30px;
  height: 30px;
  background: #0A1752;
  border-radius: 5px;
}
body .slick-arrow.slick-prev {
  transform: translate(calc(50% - 20px));
}
body .slick-arrow.slick-prev::before {
  -webkit-mask-image: url("../images/SVG/arrow_left_sharp.svg");
          mask-image: url("../images/SVG/arrow_left_sharp.svg");
}
body .slick-arrow.slick-next {
  transform: translate(calc(50% + 30px));
}
body .slick-arrow.slick-next::before {
  -webkit-mask-image: url("../images/SVG/arrow_right_sharp.svg");
          mask-image: url("../images/SVG/arrow_right_sharp.svg");
}
body .slick-arrow::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #fff;
  top: 50%;
  left: 50%;
  height: 80%;
  width: 50%;
  transform: translate(-50%, -50%);
}
body form {
  font-size: 16px;
}
body form label {
  width: 100%;
}
body form input:not([type=submit]), body form textarea {
  width: 100%;
}
body form input, body form textarea {
  padding: 10px 25px;
  border: 1px solid #0A1752;
  border-radius: 27px;
  background: transparent;
}
body form input::-moz-placeholder, body form textarea::-moz-placeholder {
  opacity: 1;
  color: #0A1752;
}
body form input::placeholder, body form textarea::placeholder {
  opacity: 1;
  color: #0A1752;
}
body form .wpcf7-submit, body form .wpcf7-spinner {
  margin: auto;
  display: block;
  margin-top: 10px;
  background-color: #0A1752;
}
body form .wpcf7-not-valid-tip {
  color: #fff;
}
body form.invalid .wpcf7-response-output, body form .wpcf7 form.unaccepted .wpcf7-response-output, body form .wpcf7 form.payment-required .wpcf7-response-output {
  color: #fff;
  border-color: #fff !important;
  border-radius: 27px;
}
body form #form_picto_container svg {
  width: 20px;
  display: inline-block;
  margin-right: 5px;
}
body form #addPieceJointe {
  align-items: center;
  display: flex;
  gap: 10px;
  margin: auto;
}
body form #form_picto_container {
  width: 20px;
  display: inline-block;
  -webkit-mask-image: url("../images/SVG/Joindre_Fichier_picto.svg");
          mask-image: url("../images/SVG/Joindre_Fichier_picto.svg");
  height: 20px;
  background: #0A1752;
}
body form .wpcf7-acceptance .wpcf7-list-item {
  margin-left: 0px;
}
body form .wpcf7-acceptance .wpcf7-list-item input {
  width: -moz-fit-content;
  width: fit-content;
}
body #slider_societes_container .logo_societe_container {
  background-color: #fff;
  padding: 40px;
  border-radius: 20px;
  width: 90%;
  max-width: 460px;
  margin: 115px auto;
}
body #slider_societes_container .text_societe_container {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  text-align: center;
  padding: 100px 50px;
}
body #slider_societes_container .text_societe_container .btn {
  border-color: #0A1752;
  background-color: #F7BA1A;
}
body #slider_societes_container .text_societe_container .btn:hover, body #slider_societes_container .text_societe_container .btn:focus, body #slider_societes_container .text_societe_container .btn:focus-visible, body #slider_societes_container .text_societe_container .btn:active, body #slider_societes_container .text_societe_container .btn:focus-within {
  color: #F7BA1A;
  background-color: #0A1752;
}
body #slider_societes_container .part_bloc {
  height: -moz-fit-content;
  height: fit-content;
  max-width: 240px;
}
body #slider_societes_container .slick-track {
  display: flex;
  height: 100%;
}
body #slider_societes_container .slick-track .slick-slide {
  display: flex;
  justify-content: center;
}
body #slider_societes_container .slick-arrow {
  background: transparent;
  bottom: unset;
  right: initial;
  top: 75%;
}
body #slider_societes_container .slick-arrow::before {
  background-color: #0A1752;
  opacity: 1;
}
body #slider_societes_container .slick-arrow.slick-prev {
  left: 30px;
  transform: unset;
}
body #slider_societes_container .slick-arrow.slick-next {
  right: 30px;
  transform: unset;
}

@media (min-width: 576px) {
  body .slick-dots li {
    width: 40px;
    height: 10px;
  }
  body .slick-dots li button {
    width: 40px;
    height: 10px;
  }
}
@media (min-width: 768px) {
  body .left_contenu .bloc_bg_image .contenu_content_inner, body .right_contenu .bloc_bg_image .contenu_content_inner {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  body .left_contenu .bloc_bg_image.bloc_bg_image_gauche .contenu_content_inner, body .right_contenu .bloc_bg_image.bloc_bg_image_gauche .contenu_content_inner {
    margin-right: -9%;
  }
  body .left_contenu .bloc_bg_image.bloc_bg_image_droite .contenu_content_inner, body .right_contenu .bloc_bg_image.bloc_bg_image_droite .contenu_content_inner {
    margin-left: -9%;
  }
  body .left_contenu .left_contenu_content_margin, body .right_contenu .left_contenu_content_margin {
    width: 88%;
    margin-right: 5%;
    margin-left: auto;
  }
  body .left_contenu .right_contenu_content_margin, body .right_contenu .right_contenu_content_margin {
    width: 88%;
    margin-right: auto;
    margin-left: 5%;
  }
  body #slider_societes_container .slick-arrow {
    top: 50%;
  }
  body #slider_societes_container .slick-arrow.slick-prev {
    left: calc(50% + 20px);
  }
}
@media (min-width: 992px) {
  body .sitemap_container {
    -moz-column-count: 2;
         column-count: 2;
  }
  body .left_contenu, body .right_contenu {
    /* .bloc_bg_image {
        .contenu_content_inner {
            margin-top: 100px;
            margin-bottom: 100px;
        }
        &.bloc_bg_image_gauche {
            .contenu_content_inner {
                margin-right: -9%;
            }
        }
        &.bloc_bg_image_droite {
            .contenu_content_inner {
                margin-left: -9%;
            }
        }
    } */
  }
  body .left_contenu .left_contenu_content_margin, body .right_contenu .left_contenu_content_margin {
    width: 73%;
    margin-right: 10%;
    margin-left: auto;
  }
  body .left_contenu .right_contenu_content_margin, body .right_contenu .right_contenu_content_margin {
    width: 73%;
    margin-right: auto;
    margin-left: 10%;
  }
  body .container_menu .navbar #offcanvasNavbar .navbar-nav .nav-item .nav-link {
    text-align: center;
  }
  body #slider_societes_container .slick-arrow {
    width: 80px;
    height: 35px;
  }
  body #slider_societes_container .slick-arrow.slick-prev {
    left: calc(50% + 25px);
  }
  body #slider_societes_container .slick-arrow.slick-prev::before {
    -webkit-mask-image: url("../images/SVG/Fleche_Defile_gauche_lg.svg");
            mask-image: url("../images/SVG/Fleche_Defile_gauche_lg.svg");
  }
  body #slider_societes_container .slick-arrow.slick-next {
    right: calc(0% + 25px);
  }
  body #slider_societes_container .slick-arrow.slick-next::before {
    -webkit-mask-image: url("../images/SVG/Fleche_Defile_droite_lg.svg");
            mask-image: url("../images/SVG/Fleche_Defile_droite_lg.svg");
  }
  body #slider_societes_container .slick-arrow::before {
    height: 100%;
    width: 100%;
    -webkit-mask-position: center;
            mask-position: center;
  }
}
@media (min-width: 1200px) {
  body .left_contenu, body .right_contenu {
    /* .bloc_bg_image {
        .contenu_content_inner {
            margin-top: 100px;
            margin-bottom: 100px;
        }
        &.bloc_bg_image_gauche {
            .contenu_content_inner {
                margin-right: -9%;
            }
        }
        &.bloc_bg_image_droite {
            .contenu_content_inner {
                margin-left: -9%;
            }
        }
    } */
  }
  body .left_contenu .left_contenu_content_margin, body .right_contenu .left_contenu_content_margin {
    width: 58%;
    margin-right: 15%;
    margin-left: auto;
  }
  body .left_contenu .right_contenu_content_margin, body .right_contenu .right_contenu_content_margin {
    width: 58%;
    margin-right: auto;
    margin-left: 15%;
  }
  body .container_menu {
    max-width: 1430px !important;
    justify-content: space-between;
  }
  body .container_menu .logo_container {
    width: auto;
  }
  body .container_menu .navbar #offcanvasNavbar .navbar-nav .nav-item .nav-link {
    padding: 0 20px;
  }
  body #slider_societes_container .slick-arrow.slick-prev {
    left: calc(50% + 65px);
  }
  body #slider_societes_container .slick-arrow.slick-next {
    right: calc(0% + 65px);
  }
}/*# sourceMappingURL=responsive.css.map */