/*
@font-face {
    font-family: "daily-spark-sans";
    src: url("http://mcc.local/wp-content/themes/idcomweb/fonts/daily-spark-sans.woff2") format("woff2");
}
*/
@media screen and (max-width: 991px) {
  header #menu-mobile {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    z-index: 100000;
  }
  header #menu-mobile .ouvrant {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  header #menu-mobile .ouvrant span {
    display: block;
    width: 25px;
    height: 3px;
    background-color: #1f1f1f;
    transition: all 0.3s ease;
  }
  header #menu-mobile .fermant {
    display: none;
  }
  header #menu-mobile .fermant svg {
    height: 35px;
    width: 35px;
    color: #1f1f1f;
  }
  header #menu-mobile.active .ouvrant {
    display: none;
  }
  header #menu-mobile.active .fermant {
    display: block;
  }
  header .menu-principal {
    position: fixed;
    top: 100px;
    left: -100%;
    width: 100%;
    height: 100vh;
    background-color: #f2f3fa;
    z-index: 99998;
    overflow-y: auto;
    transition: left 0.3s ease;
    padding: 30px 20px;
  }
  header .menu-principal.active {
    left: 0;
    top: 0;
  }
  header .menu-principal nav ul.menu {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
  }
  header .menu-principal nav ul.menu > li {
    border: none;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    list-style: none;
  }
  header .menu-principal nav ul.menu > li > a {
    display: block;
    padding: 15px 20px;
    border-bottom: 1px solid #E0E0E0;
    font-family: 'Saira Condensed', sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #0c278f;
  }
  header .menu-principal nav ul.menu > li ul.sub-menu {
    position: static;
    width: 100%;
    left: 0;
    transform: none;
    border: none;
    padding: 0;
    display: none;
    flex-direction: column;
  }
  header .menu-principal nav ul.menu > li ul.sub-menu.sub-menu-with-image {
    flex-direction: column;
  }
  header .menu-principal nav ul.menu > li ul.sub-menu .menu-image-wrapper {
    width: 100%;
    max-width: 100%;
    padding: 20px;
    margin: 0;
    border: none;
    list-style: none;
  }
  header .menu-principal nav ul.menu > li ul.sub-menu .menu-image-wrapper .menu-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
  }
  header .menu-principal nav ul.menu > li ul.sub-menu .menu-items-wrapper {
    width: 100%;
    max-width: 100%;
    padding: 0;
    border: none;
    list-style: none;
  }
  header .menu-principal nav ul.menu > li ul.sub-menu .menu-items-wrapper .sub-menu-items {
    display: flex;
    flex-direction: column;
    padding: 0;
    border: none;
    position: static;
    list-style: none;
  }
  header .menu-principal nav ul.menu > li ul.sub-menu .menu-items-wrapper .sub-menu-items li {
    border: none;
    border-bottom: 1px solid #E0E0E0;
    padding: 15px 20px;
    margin: 0;
    list-style: none;
  }
  header .menu-principal nav ul.menu > li ul.sub-menu .menu-items-wrapper .sub-menu-items li:last-child {
    border-bottom: none;
  }
  header .menu-principal nav ul.menu > li ul.sub-menu .menu-items-wrapper .sub-menu-items li a {
    font-size: 14px;
    color: #1f1f1f;
    text-transform: uppercase;
  }
  header .menu-principal nav ul.menu > li.ouvert > ul.sub-menu {
    display: flex;
  }
  header .menu-principal nav ul.menu > li.ouvert > .sub-menu-mega {
    display: block;
  }
  header .menu-principal nav ul.menu > li .sub-menu-mega {
    display: none;
    width: 100%;
    background-color: white;
    padding: 0;
  }
  header .menu-principal nav ul.menu > li .sub-menu-mega .container-fluid {
    padding: 0;
  }
  header .menu-principal nav ul.menu > li .sub-menu-mega .row {
    margin: 0;
  }
  header .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col {
    padding: 20px;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  header .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-left {
    display: none !important;
  }
  header .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-left .sub-menu-title {
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    color: #0c278f;
  }
  header .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-left .sub-menu-text {
    font-size: 14px;
    line-height: 20px;
    color: #0c278f;
  }
  header .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-left .sub-menu-text p {
    margin: 0;
  }
  header .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-middle ul.sub-menu-items {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  header .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-middle ul.sub-menu-items > li {
    border: none;
    padding: 0;
    margin: 0;
  }
  header .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-middle ul.sub-menu-items > li > a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 600;
    color: #0c278f;
    text-transform: none;
  }
  header .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-middle ul.sub-menu-items > li > a .sub-menu-item-icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 6px;
  }
  header .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-middle ul.sub-menu-items > li > a .sub-menu-item-icon img {
    width: 46px;
    height: 46px;
    object-fit: contain;
  }
  header .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-right {
    background-color: #ffd2b3;
    display: none !important;
  }
  header .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-right .sub-menu-right-inner {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }
  header .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-right .sub-menu-image img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    display: block;
  }
  header .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-right .sub-menu-surtitre {
    font-size: 14px;
    margin: 0;
  }
  header .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-right .sub-menu-right-title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
  }
  header .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-right .sub-menu-cta {
    display: inline-flex;
    background-color: #ffffff;
    color: #ff6a00;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    padding: 8px 18px;
    border-radius: 28px;
    text-decoration: none;
  }
  header .menu-principal nav ul.menu > li.bleu .sub-menu-mega .sub-menu-col-middle ul.sub-menu-items > li > a .sub-menu-item-icon {
    background-color: #d5daf9;
  }
  header .menu-principal nav ul.menu > li.bleu .sub-menu-mega .sub-menu-col-right {
    background-color: #d5daf9;
  }
  header .menu-principal nav ul.menu > li.bleu .sub-menu-mega .sub-menu-col-right .sub-menu-cta {
    color: #0c278f;
  }
}
@keyframes texte-defilant {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}
html {
  overflow-x: clip;
}
body {
  font-family: 'Saira', sans-serif;
  font-weight: 400;
  color: #1f1f1f;
  background-color: #f2f3fa;
  overflow-x: clip;
}
body .container {
  max-width: 1700px;
}
@media screen and (max-width: 1550px) {
  body .container {
    max-width: 1400px;
  }
}
body a {
  transition: all 0.4s ease-in-out !important;
  -webkit-transition: all 0.4s ease-in-out !important;
  -moz-transition: all 0.4s ease-in-out !important;
  -o-transition: all 0.4s ease-in-out !important;
  text-decoration: none;
}
body a:hover,
body a:active,
body a:focus {
  outline: 0;
  text-decoration: none;
}
body div.bloc-texte ul {
  padding-left: 0;
}
body div.bloc-texte ul li:before {
  background-color: currentColor;
}
body .cta-fixe-wrapper {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 1000;
}
body .cta-fixe-wrapper a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  background-color: #8c0313;
  border: 0;
  border-radius: 28px;
  font-family: 'Saira', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
body .cta-fixe-wrapper a svg {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
body .cta-fixe-wrapper a:hover {
  background-color: #5a020c;
  color: white;
}
body main .fond-blanc {
  background-color: white;
  padding: 80px 0;
}
@media screen and (max-width: 768px) {
  body main .fond-blanc {
    padding: 30px 0;
  }
}
@media screen and (max-width: 768px) {
  body main .row-block {
    margin: auto;
  }
}
@media screen and (min-width: 768px) {
  body main .justify-items-end {
    justify-items: end;
  }
}
body main .justify-items-center {
  justify-items: center;
}
@media screen and (min-width: 768px) {
  body main .justify-items-md-center {
    justify-items: center;
  }
}
@media screen and (min-width: 768px) {
  body main .justify-items-md-left {
    justify-items: left;
  }
}
body main .titre-plus-bouton {
  margin-top: 0;
  margin-bottom: 50px;
}
body main .border-top-section {
  border-top: 1px solid #1f1f1f;
  padding-top: 82px;
}
@media screen and (max-width: 768px) {
  body main .border-top-section {
    padding-top: 50px;
  }
}
body main .titre-valeurs {
  margin-bottom: 45px;
}
body main .container-blanc .container {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 50px 140px;
}
@media screen and (max-width: 1199px) {
  body main .container-blanc .container {
    border-radius: 0;
    padding: 30px 20px;
  }
}
body main .bloc-texte-liste ul {
  padding-left: 20px;
}
body main .bloc-texte-liste ul li {
  position: relative;
}
body main .bloc-texte-liste ul li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%2303178C'/%3E%3Cpath d='M17.3332 8L9.99984 15.3333L6.6665 12' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
}
body main .texte-fond-bleu {
  background-color: #d5daf9;
  color: #ffffff;
  padding: 50px 140px;
  border-radius: 8px;
  margin-bottom: 0;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  body main .texte-fond-bleu {
    padding: 30px 20px;
  }
}
body main .texte-fond-bleu p {
  margin-bottom: 0;
  color: #000f67;
}
body main .lame-coordonnees-contact {
  padding-top: 100px;
}
body main .lame-coordonnees-contact .bloc-titre {
  margin-bottom: 10px;
}
body main .lame-coordonnees-contact .bloc-titre h1 {
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  /* 120% */
  letter-spacing: -0.8px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
body main .lame-coordonnees-contact .bloc-titre h2 {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  /* 116.667% */
  text-transform: uppercase;
}
body main .lame-coordonnees-contact .bloc-texte-1 {
  margin-bottom: 30px;
}
body main .lame-coordonnees-contact .bloc-texte-1 p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 137.5% */
  color: #000f67;
}
body main .lame-coordonnees-contact .bloc-texte-liste-2 ul {
  padding-left: 20px;
}
body main .lame-coordonnees-contact .bloc-texte-liste-2 ul li {
  position: relative;
  background-color: transparent;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  color: #03178c;
}
body main .lame-coordonnees-contact .bloc-texte-liste-2 ul li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translateY(-50%);
  width: 24px;
  height: 23px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z' fill='%23D5DAF9'/%3E%3Cpath d='M16.455 7.45474C16.6663 7.25357 16.9475 7.14236 17.2392 7.14456C17.531 7.14677 17.8104 7.26223 18.0187 7.46657C18.2269 7.67091 18.3476 7.94815 18.3553 8.2398C18.363 8.53144 18.2571 8.81468 18.06 9.02974L12.075 16.5147C11.9721 16.6256 11.8479 16.7145 11.7098 16.7763C11.5717 16.838 11.4226 16.8713 11.2714 16.8741C11.1201 16.8769 10.9699 16.8492 10.8296 16.7926C10.6894 16.736 10.5619 16.6517 10.455 16.5447L6.48599 12.5757C6.37546 12.4727 6.28681 12.3485 6.22532 12.2105C6.16383 12.0725 6.13077 11.9236 6.1281 11.7725C6.12544 11.6215 6.15323 11.4714 6.20981 11.3313C6.26639 11.1913 6.35061 11.064 6.45743 10.9572C6.56426 10.8503 6.69151 10.7661 6.8316 10.7096C6.97168 10.653 7.12172 10.6252 7.27278 10.6278C7.42383 10.6305 7.5728 10.6636 7.7108 10.7251C7.8488 10.7866 7.973 10.8752 8.07599 10.9857L11.217 14.1252L16.4265 7.48774L16.455 7.45474Z' fill='%2303178C'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
}
body main .section-texte-image .container {
  background-color: #ffffff;
  border-radius: 12px;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  body main .section-texte-image .container {
    border-radius: 0;
    padding-bottom: 35px;
  }
}
body main .section-texte-image .container .bloc-image {
  margin-bottom: 0px;
  height: 100%;
}
body main .section-texte-image .container .colonne-gauche {
  padding: 50px 50px;
  align-content: center;
}
@media screen and (max-width: 1199px) {
  body main .section-texte-image .container .colonne-gauche {
    padding: 30px 20px;
  }
}
body main .section-texte-image-2 .container {
  background-color: #ffffff;
  border-radius: 12px;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  body main .section-texte-image-2 .container {
    border-radius: 0;
    padding-bottom: 35px;
  }
}
body main .section-texte-image-2 .container .bloc-image {
  margin-bottom: 0px;
  height: 100%;
}
body main .section-texte-image-2 .container .colonne-gauche {
  padding: 81px 140px;
}
@media screen and (max-width: 1199px) {
  body main .section-texte-image-2 .container .colonne-gauche {
    padding: 30px 20px;
  }
}
body main .section-texte-image-2 .container .colonne-gauche .bloc-texte h4 {
  font-family: 'Saira Condensed', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  color: #0c278f;
}
body main .lame-faq .container {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 50px 140px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1199px) {
  body main .lame-faq .container {
    border-radius: 0;
    padding: 30px 20px;
  }
}
@media screen and (max-width: 1199px) {
  body main .lame-faq .container .bloc-accordeon {
    position: relative;
    z-index: 1;
  }
}
@media screen and (max-width: 1199px) {
  body main .lame-faq .container .bloc-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
  }
}
body main .lame-faq .container .bloc-image img {
  height: 366px;
  object-fit: contain;
}
body main .lame-image-texte-card .bloc-image {
  position: relative;
  margin-bottom: 0px;
}
body main .lame-image-texte-card .bloc-image:after {
  content: "";
  position: absolute;
  border-radius: 12px;
  opacity: 0.3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #031ba4 0;
  background-blend-mode: color, normal;
}
body main .lame-image-texte-card .bloc-image img {
  border-radius: 12px;
  object-fit: cover;
  height: 100%;
  filter: brightness(1.1);
}
body main .nf-after-form-content {
  display: none;
}
body main .lame-trois-colonne .container {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 50px 70px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 768px) {
  body main .lame-trois-colonne .container {
    padding: 30px 20px;
  }
}
body main .lame-trois-colonne .container .row {
  gap: 23px;
}
body main .lame-trois-colonne .container .colonne-image {
  padding: 0;
}
body main .lame-trois-colonne .container .colonne-image .bloc-image {
  margin-bottom: 0;
  height: 100%;
}
body main .lame-trois-colonne .container .colonne-image .bloc-image img {
  border-radius: 16px;
}
body main .lame-trois-colonne .container .colonne-orange {
  background-color: #ffdec5;
  border-radius: 16px;
  padding: 50px;
}
@media screen and (max-width: 768px) {
  body main .lame-trois-colonne .container .colonne-orange {
    padding: 30px;
  }
}
body main .lame-trois-colonne .container .colonne-orange .bloc-titre {
  margin-bottom: 5px;
}
body main .lame-trois-colonne .container .colonne-orange .sous-titre {
  font-family: 'Saira Condensed', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  color: #ff6a00;
}
body main .lame-trois-colonne .container .colonne-orange .bloc-texte ul {
  padding-left: 20px;
}
body main .lame-trois-colonne .container .colonne-orange .bloc-texte ul li {
  position: relative;
}
body main .lame-trois-colonne .container .colonne-orange .bloc-texte ul li:before {
  content: "";
  position: absolute;
  top: 5px;
  left: -20px;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z' fill='%23FF7900'/%3E%3Cpath d='M16.455 7.45498C16.6663 7.25381 16.9475 7.1426 17.2392 7.14481C17.531 7.14702 17.8104 7.26247 18.0187 7.46681C18.2269 7.67115 18.3476 7.9484 18.3553 8.24004C18.363 8.53169 18.2571 8.81492 18.06 9.02998L12.075 16.515C11.9721 16.6258 11.8479 16.7148 11.7098 16.7765C11.5717 16.8383 11.4226 16.8715 11.2714 16.8743C11.1201 16.8771 10.9699 16.8494 10.8296 16.7928C10.6894 16.7362 10.5619 16.6519 10.455 16.545L6.48599 12.576C6.37546 12.473 6.28681 12.3488 6.22532 12.2108C6.16383 12.0728 6.13077 11.9238 6.1281 11.7728C6.12544 11.6217 6.15323 11.4717 6.20981 11.3316C6.26639 11.1915 6.35061 11.0642 6.45743 10.9574C6.56426 10.8506 6.69151 10.7664 6.8316 10.7098C6.97168 10.6532 7.12172 10.6254 7.27278 10.6281C7.42383 10.6308 7.5728 10.6638 7.7108 10.7253C7.8488 10.7868 7.973 10.8754 8.07599 10.986L11.217 14.1255L16.4265 7.48798L16.455 7.45498Z' fill='white'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}
body main .lame-trois-colonne .container .colonne-bleu {
  background-color: #d5daf9;
  border-radius: 16px;
  padding: 50px;
}
@media screen and (max-width: 768px) {
  body main .lame-trois-colonne .container .colonne-bleu {
    padding: 30px;
  }
}
body main .lame-trois-colonne .container .colonne-bleu .bloc-titre {
  margin-bottom: 5px;
}
body main .lame-trois-colonne .container .colonne-bleu .sous-titre {
  font-family: 'Saira Condensed', sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  color: #0c278f;
  /* 133.333% */
}
body main .lame-trois-colonne .container .colonne-bleu .bloc-texte ul {
  padding-left: 20px;
}
body main .lame-trois-colonne .container .colonne-bleu .bloc-texte ul li {
  position: relative;
}
body main .lame-trois-colonne .container .colonne-bleu .bloc-texte ul li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z' fill='%2303178C'/%3E%3Cpath d='M16.455 7.45498C16.6663 7.25381 16.9475 7.1426 17.2392 7.14481C17.531 7.14702 17.8104 7.26247 18.0187 7.46681C18.2269 7.67115 18.3476 7.9484 18.3553 8.24004C18.363 8.53169 18.2571 8.81492 18.06 9.02998L12.075 16.515C11.9721 16.6258 11.8479 16.7148 11.7098 16.7765C11.5717 16.8383 11.4226 16.8715 11.2714 16.8743C11.1201 16.8771 10.9699 16.8494 10.8296 16.7928C10.6894 16.7362 10.5619 16.6519 10.455 16.545L6.48599 12.576C6.37546 12.473 6.28681 12.3488 6.22532 12.2108C6.16383 12.0728 6.13077 11.9238 6.1281 11.7728C6.12544 11.6217 6.15323 11.4717 6.20981 11.3316C6.26639 11.1915 6.35061 11.0642 6.45743 10.9574C6.56426 10.8506 6.69151 10.7664 6.8316 10.7098C6.97168 10.6532 7.12172 10.6254 7.27278 10.6281C7.42383 10.6308 7.5728 10.6638 7.7108 10.7253C7.8488 10.7868 7.973 10.8754 8.07599 10.986L11.217 14.1255L16.4265 7.48798L16.455 7.45498Z' fill='white'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}
body main .fond-orange .container {
  background-color: #ffdec5;
  border-radius: 12px;
  padding: 50px 140px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 768px) {
  body main .fond-orange .container {
    padding: 30px 20px;
  }
}
body main .fond-orange .container .bloc-titre {
  margin-bottom: 40px;
}
body main .fond-orange .container .bloc-titre .titre span {
  color: #ff6a00;
}
body main .lame-coordonnees .container {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 50px 140px;
}
@media screen and (max-width: 1199px) {
  body main .lame-coordonnees .container {
    border-radius: 0;
    padding: 30px 20px;
  }
}
body main .lame-coordonnees .container .bloc-image img {
  border-radius: 8px;
  height: 291px;
  width: 100%;
}
body main .lame-contact {
  position: relative;
  padding: 72px 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
body main .lame-contact.contexe-orange:before {
  background-color: rgba(221, 97, 2, 0.7);
}
body main .lame-contact.contexe-orange .actions {
  background-color: #fff6f0;
}
body main .lame-contact.contexe-orange label {
  color: black !important;
}
body main .lame-contact.contexe-orange .submit-container input {
  border: none !important;
  background-color: #ff7900;
  color: #ffffff !important;
}
body main .lame-contact.contexe-orange input,
body main .lame-contact.contexe-orange select,
body main .lame-contact.contexe-orange textarea {
  width: 100%;
  height: 45px;
  padding: 12px 16px;
  border: 1px solid rgba(59, 59, 59, 0.5) !important;
  border-radius: 8px;
  background-color: #ffffff;
  color: #3b3b3b !important;
  font-family: 'Saira', sans-serif;
  font-size: 16px;
  line-height: 1;
  outline: 0;
  box-shadow: none;
}
body main .lame-contact.contexe-orange input::placeholder,
body main .lame-contact.contexe-orange select::placeholder,
body main .lame-contact.contexe-orange textarea::placeholder {
  color: rgba(59, 59, 59, 0.627) !important;
  opacity: 1;
}
body main .lame-contact.contexe-orange input:focus,
body main .lame-contact.contexe-orange select:focus,
body main .lame-contact.contexe-orange textarea:focus {
  border-color: #03178c;
}
body main .lame-contact.contexe-orange .bloc-texte p {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
body main .lame-contact:before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(3, 23, 140, 0.8);
  z-index: 0;
}
body main .lame-contact > .container-fluid {
  position: relative;
  z-index: 1;
}
body main .lame-contact .actions {
  max-width: 1086px;
  margin: 0 auto;
  padding: 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  background-color: #f6f8ff;
  border: 1px solid #d5daf9;
  border-radius: 16px;
  box-shadow: 0 16px 32px -4px rgba(12, 12, 13, 0.1), 0 4px 4px -4px rgba(12, 12, 13, 0.05);
}
@media screen and (max-width: 991px) {
  body main .lame-contact .actions {
    padding: 40px 24px;
  }
}
@media screen and (max-width: 767.98px) {
  body main .lame-contact .actions {
    padding: 30px 20px;
  }
}
body main .lame-contact .actions .bloc-titre {
  margin-bottom: 0;
}
body main .lame-contact .actions .bloc-titre .titre {
  font-family: 'Saira Condensed', sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: -0.64px;
  text-align: center;
  text-transform: uppercase;
  color: #ff7900;
}
@media screen and (max-width: 767.98px) {
  body main .lame-contact .actions .bloc-titre .titre {
    font-size: 24px;
    line-height: 30px;
  }
}
body main .lame-contact .actions .nf-form-cont {
  width: 100%;
  max-width: 536px;
  margin: 0 auto;
}
body main .lame-contact .actions .nf-form-cont .nf-form-fields-required {
  display: none;
}
body main .lame-contact .actions .nf-form-cont .nf-form-content {
  padding: 0;
  max-width: 100%;
}
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-row {
  margin: 0;
}
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-row .nf-cell {
  padding: 0;
}
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container {
  margin-bottom: 20px;
}
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container .nf-field-label {
  display: none;
}
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container .nf-field-element input,
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container .nf-field-element select,
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container .nf-field-element textarea {
  width: 100%;
  height: 45px;
  padding: 12px 16px;
  border: 1px solid #bcc3e8;
  border-radius: 8px;
  background-color: #ffffff;
  color: #000f67;
  font-family: 'Saira', sans-serif;
  font-size: 16px;
  line-height: 1;
  outline: 0;
  box-shadow: none;
}
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container .nf-field-element input::placeholder,
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container .nf-field-element select::placeholder,
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container .nf-field-element textarea::placeholder {
  color: #616998;
  opacity: 1;
}
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container .nf-field-element input:focus,
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container .nf-field-element select:focus,
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container .nf-field-element textarea:focus {
  border-color: #03178c;
}
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container .nf-field-element textarea {
  height: 96px;
  line-height: 1.3;
  resize: none;
}
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container.listselect-container .nf-field-element select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 40px;
  color: #616998;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%2303178c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
}
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container.checkbox-container {
  text-align: center;
}
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container.checkbox-container .nf-field-label {
  display: block;
  padding: 0;
  margin: 0;
}
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container.checkbox-container .nf-field-label label {
  display: inline-block;
  position: relative;
  padding-left: 27px;
  font-family: 'Saira', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  color: #03178c;
  cursor: pointer;
}
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container.checkbox-container .nf-field-label label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 17px;
  height: 17px;
  border: 1px solid #03178c;
  border-radius: 2px;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
}
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container.checkbox-container .nf-field-label label:after {
  content: "\2713";
  position: absolute;
  left: 0;
  top: 0;
  width: 17px;
  height: 17px;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  color: #ffffff;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container.checkbox-container .nf-field-label label.nf-checked-label:before {
  background-color: #03178c;
}
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container.checkbox-container .nf-field-label label.nf-checked-label:after {
  opacity: 1;
}
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container.checkbox-container .nf-field-element {
  display: none;
}
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container.submit-container {
  margin-bottom: 0;
}
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container.submit-container .nf-field-element {
  text-align: center;
}
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container.submit-container .nf-field-element input {
  width: auto;
  height: auto;
  display: inline-block;
  padding: 10px 20px;
  border: 0;
  border-radius: 28px;
  background-color: #ff7900;
  color: #ffffff;
  font-family: 'Saira', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container.submit-container .nf-field-element input:hover {
  background-color: #dd6102;
}
body main .lame-contact .actions .nf-form-cont .nf-form-content .nf-field-container .nf-after-field .nf-error-msg {
  margin: 8px 0 0;
  font-size: 0.75rem;
  line-height: 1rem;
  font-style: italic;
  font-weight: 500;
  color: #ff3355;
  text-align: left;
}
@media screen and (max-width: 991px) {
  body main .lame-contact {
    padding: 50px 0;
  }
}
@media screen and (max-width: 767.98px) {
  body main .lame-contact {
    padding: 30px 0;
  }
}
body main .sommaire-article .container {
  background-color: #d5daf9;
  border-radius: 12px;
  padding: 50px 140px;
  overflow: hidden;
  position: relative;
  max-width: 1370px;
}
@media screen and (max-width: 768px) {
  body main .sommaire-article .container {
    padding: 30px 20px;
    width: 90%;
    margin: auto;
  }
}
body main .sommaire-article .container .bloc-titre {
  margin-bottom: 40px;
}
body main .sommaire-article .container .bloc-titre .titre span {
  color: #ff6a00;
}
body main .sommaire-article .container .bloc-titre {
  margin-bottom: 0px;
}
body main .sommaire-article .container .bloc-titre .titre {
  font-family: 'Saira', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 0px;
}
body main .sommaire-article .container .bloc-lien {
  margin-bottom: 0px;
}
body main .sommaire-article .container .bloc-lien .lien {
  font-family: 'Saira', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px;
  color: #03178c;
}
body main .fond-blanc-article .container {
  background-color: white;
  border-radius: 12px;
  padding: 50px 80px;
  overflow: hidden;
  position: relative;
  max-width: 1370px;
}
@media screen and (max-width: 768px) {
  body main .fond-blanc-article .container {
    padding: 30px 20px;
    width: 90%;
    margin: auto;
  }
}
@media screen and (min-width: 768px) {
  body main .lame-accueil-1 {
    margin-top: 50px;
    margin-bottom: 0;
  }
  body main .lame-accueil-2 {
    margin-top: 0;
    margin-bottom: 0;
    padding: 50px 0;
  }
  body main .lame-accueil-3 {
    padding-top: 50px;
  }
  body main .lame-accueil-5 {
    margin-top: 45px;
  }
  body main .lame-accueil-6 {
    margin-top: 50px;
    margin-bottom: 30px;
  }
  body main .lame-accueil-6 .titre {
    padding-bottom: 20px;
  }
  body main .lame-accueil-7 {
    margin-top: 0;
    margin-bottom: 0;
  }
  body main .lame-accueil-8 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  body main .lame-accueil-8 .bloc-titre {
    margin-bottom: 55px;
  }
  body main .lame-accueil-8 .bloc-titre:has(h3) {
    margin-bottom: 20px;
  }
  body main .lame-accueil-9 {
    padding-top: 55px;
    margin-bottom: 33px;
  }
  body main .lame-accueil-12 {
    margin-bottom: 0;
    padding-bottom: 96px;
  }
  body main .lame-accueil-13 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  body main .lame-a-propo-4 {
    margin-bottom: 50px;
  }
  body main .lame-a-propo-5 {
    margin-top: 0;
    padding-top: 54px;
    padding-bottom: 84px;
  }
  body main .lame-a-propo-6 {
    margin-top: 50px;
    margin-bottom: 60px;
  }
  body main .lame-a-propo-7 {
    margin-top: 0;
  }
  body main .lame-a-propo-8 {
    margin-top: 0;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 0;
  }
  body main .lame-a-propo-9 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  body main .lame-offre-2 {
    margin-top: 90px;
  }
  body main .lame-offre-2 .titre {
    padding-bottom: 40px;
  }
  body main .lame-offre-2 .bloc-tabs {
    margin-bottom: 0;
  }
  body main .lame-offre-2 .bloc-tabs .tab-content {
    padding-bottom: 0;
  }
  body main .lame-offre-3 {
    padding-top: 90px;
    margin-top: 0;
  }
  body main .lame-offre-4 {
    margin-bottom: 70px;
  }
  body main .lame-offre-5 {
    margin-top: 0px;
  }
  body main .lame-offre-6 {
    margin-bottom: 70px;
  }
  body main .lame-offre-7 {
    margin-bottom: 70px;
  }
  body main .lame-offre-8 {
    margin-top: 0;
    margin-bottom: 67px;
  }
  body main .lame-offre-9 {
    margin-top: 0;
  }
  body main .lame-offre-10 {
    border-top: 1px solid #1f1f1f;
    padding-top: 80px;
    margin-top: 0;
    margin-bottom: 80px;
  }
  body main .lame-offre-11 {
    padding-top: 60px;
  }
  body main .lame-offre-13 {
    border-top: 1px solid #1f1f1f;
    padding-top: 70px;
    margin-top: 65px;
  }
  body main .lame-offre-15 {
    padding-top: 68px;
  }
  body main .lame-offre-15 .titre {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 1199px) {
  body header .corps.menu-7 .champ-recherches .asl_w_container #ajaxsearchlite1 {
    width: 500px;
  }
  body footer .corps {
    padding: 30px 10px;
  }
  body footer .corps .logo-footer {
    margin-bottom: 15px;
  }
  body footer .corps .part-identite .description {
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-bottom: 15px;
  }
  body footer .corps .part-identite .reseaux-sociaux .reseau {
    margin-right: 20px;
  }
  body footer .corps .part-identite .reseaux-sociaux .reseau a .icone {
    width: 24px;
    height: 24px;
  }
  body footer .corps .part-menu ul.menu li a {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  body footer .corps .part-annexes .zone-annexes .infos-contact {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  body footer .pied {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  body footer .pied .logo-idcom svg {
    width: 70px;
  }
  body footer .pied.separateur-container > .container {
    padding-bottom: 15px;
  }
  body footer .pied.separateur-container > .container:before {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 991px) {
  body .container {
    padding: 0 30px;
  }
  body header .corps .menu-principal nav ul li {
    margin-right: 1.25rem;
  }
  body header .corps .bouton-mise-en-avant {
    padding-bottom: 22px;
  }
  body header .corps .bouton-mise-en-avant a {
    padding: 4px 15px;
  }
  body header .corps.menu-7 .champ-recherches .asl_w_container #ajaxsearchlite1 {
    width: 350px;
  }
}
@media screen and (max-width: 767.98px) {
  body .container {
    padding: 0 20px;
  }
  body header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    transform: unset;
  }
  body header .entete {
    height: 20px;
  }
  body header .entete .accroche {
    white-space: nowrap;
    overflow: hidden;
  }
  body header .entete .accroche span {
    display: inline-block;
    padding-left: 100%;
    animation: texte-defilant 10s linear infinite;
  }
  body header .corps {
    height: 60px;
    position: relative;
    border-bottom: 1px solid var(--couleur);
  }
  body header .corps .logo a img {
    height: 50px;
  }
  body header .corps .menu-principal nav {
    position: fixed;
    top: 60px;
    left: 0;
    width: 350px;
    height: 100%;
    box-shadow: 10px 0px 10px 0px rgba(136, 136, 136, 0.1);
    -webkit-box-shadow: 10px 0px 10px 0px rgba(136, 136, 136, 0.1);
    -moz-box-shadow: 10px 0px 10px 0px rgba(136, 136, 136, 0.1);
    text-align: left;
    left: -800px;
    overflow-y: scroll;
    padding-bottom: 120px;
    background-color: var(--couleur-fond);
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }
  body header .corps .menu-principal nav.header-avec-entete {
    top: 80px;
  }
  body header .corps .menu-principal nav ul.menu {
    padding-top: 30px;
  }
  body header .corps .menu-principal nav ul.menu li.menu-item-has-children > a:after {
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
    -moz-transition: all 0.4s ease-in-out !important;
    -o-transition: all 0.4s ease-in-out !important;
  }
  body header .corps .menu-principal nav ul.menu li.menu-item-has-children > a:hover:after {
    transform: rotate(180deg);
  }
  body header .corps .menu-principal nav ul.menu > li {
    display: block;
    margin-left: 0;
    padding-bottom: 0;
    margin-bottom: 30px;
    margin-right: 0;
  }
  body header .corps .menu-principal nav ul.menu > li > a {
    display: block;
    padding: 0 15px;
  }
  body header .corps .menu-principal nav ul.menu > li ul.sub-menu {
    position: static;
    margin: 0px;
    width: 100%;
    transform: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    text-align: left;
    padding: 15px 30px;
  }
  body header .corps .menu-principal nav ul.menu > li ul.sub-menu > li > a {
    font-size: 14px;
    line-height: 18px;
  }
  body header #menu-mobile div {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    margin-left: 12px;
  }
  body header #menu-mobile div span {
    display: block;
    margin-bottom: 2px;
    height: 2px;
    background-color: var(--couleur-texte);
  }
  body header #menu-mobile div.fermant {
    display: none;
    vertical-align: top;
  }
  body header #menu-mobile.active {
    background-color: var(--couleur-fond-actif) !important;
  }
  body header #menu-mobile.active div.ouvrant {
    display: none;
  }
  body header #menu-mobile.active div.fermant {
    display: inline-block;
  }
  body header .bouton-recherche-etude {
    vertical-align: middle;
    margin-bottom: 0;
    margin-left: 30px;
  }
}
body#maintenance .page-content {
  background-image: url('/wp-content/themes/idcomweb/img/site-constrcution-img.jpeg');
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}
body#maintenance .page-content > .bloc-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
body#maintenance .page-content > .bloc-image img {
  width: 250px;
  border-radius: 5px;
}
body#maintenance .page-content .formulaire > .container {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
body#maintenance .page-content .formulaire .contenus-txt .bloc-image img {
  border-radius: 5px;
}
body#maintenance .nf-error-msg.nf-error-field-errors {
  text-align: center;
}
header {
  background-color: #f2f3fa;
  position: fixed;
  width: 90%;
  height: 106px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0 0 20px 20px;
  z-index: 100;
  border-bottom: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1550px) {
  header {
    height: 96px;
  }
}
@media screen and (max-width: 1280px) {
  header {
    height: 88px;
    width: 94%;
  }
}
@media screen and (max-width: 1100px) {
  header {
    height: 80px;
    width: 96%;
  }
}
header .corps {
  width: 95%;
  margin: 0 auto;
}
header .corps .logo {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 991px) {
  header .corps .logo {
    margin-left: 20px;
  }
}
header .corps .logo img {
  height: 64px;
  object-fit: contain;
}
@media screen and (max-width: 1550px) {
  header .corps .logo img {
    height: 56px;
  }
}
@media screen and (max-width: 1280px) {
  header .corps .logo img {
    height: 48px;
  }
}
@media screen and (max-width: 1100px) {
  header .corps .logo img {
    height: 42px;
  }
}
header .corps .menu-principal nav ul.menu {
  justify-content: end;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  gap: 5px;
  padding-left: 0;
}
header .corps .menu-principal nav ul.menu > li {
  list-style: none;
  margin-right: 0;
  border: 1px solid transparent;
  transition: background-color 0.3s ease, border-radius 0.3s ease;
  padding: 20px 15px;
  border-radius: 8px;
}
header .corps .menu-principal nav ul.menu > li > a {
  font-family: 'Saira Condensed', sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  color: #0c278f;
  text-transform: none;
}
@media screen and (max-width: 1550px) {
  header .corps .menu-principal nav ul.menu > li > a {
    font-size: 15px;
  }
}
@media screen and (max-width: 1280px) {
  header .corps .menu-principal nav ul.menu > li > a {
    font-size: 15px;
    line-height: 20px;
  }
}
@media screen and (max-width: 1280px) {
  header .corps .menu-principal nav ul.menu > li {
    padding: 16px 10px;
  }
}
@media screen and (max-width: 1100px) {
  header .corps .menu-principal nav ul.menu > li {
    padding: 12px 8px;
  }
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega {
  display: none;
  position: absolute;
  left: 0;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  width: 90%;
  background-color: #ffffff;
  border: 1px solid rgba(31, 31, 31, 0.1);
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  z-index: 9999;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  header .corps .menu-principal nav ul.menu > li .sub-menu-mega {
    height: fit-content !important;
  }
}
@media screen and (max-width: 1850px) {
  header .corps .menu-principal nav ul.menu > li .sub-menu-mega {
    width: 100%;
  }
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega:before {
  content: "";
  background-color: transparent;
  position: absolute;
  top: -30px;
  left: 0;
  height: 30px;
  width: 100%;
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega .container-fluid {
  padding: 0;
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega .row {
  margin: 0;
  align-items: stretch;
  justify-content: space-between;
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col {
  padding: 50px;
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-left {
  color: #0c278f;
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-left .sub-menu-title {
  font-family: 'Saira Condensed', sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  color: #0c278f;
  margin: 0 0 10px 0;
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-left .sub-menu-text {
  font-family: 'Saira', sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #0c278f;
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-left .sub-menu-text p {
  margin: 0;
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-middle {
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 20px;
  padding-right: 20px;
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-middle ul.sub-menu-items {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: static;
  background: none;
  border: none;
  width: 100%;
  top: auto;
  left: auto;
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-middle ul.sub-menu-items > li {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-middle ul.sub-menu-items > li:hover {
  border: none;
  background: none;
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-middle ul.sub-menu-items > li > a {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0;
  font-family: 'Saira Condensed', sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  color: #0c278f;
  text-transform: none;
  text-decoration: none;
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-middle ul.sub-menu-items > li > a .sub-menu-item-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-middle ul.sub-menu-items > li > a .sub-menu-item-icon img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-middle ul.sub-menu-items > li > a .sub-menu-item-label {
  flex: 1 1 auto;
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-middle ul.sub-menu-items > li > a:hover {
  color: #ff6a00;
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-right {
  background-color: #ffebdb;
  padding: 60px 56px;
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-right .sub-menu-right-inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-right .sub-menu-image {
  width: 100%;
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-right .sub-menu-image img {
  width: 100%;
  height: 209px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-right .sub-menu-right-text {
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #000000;
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-right .sub-menu-surtitre {
  font-family: 'Saira', sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin: 0;
  color: #000000;
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-right .sub-menu-right-title {
  font-family: 'Saira Condensed', sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  margin: 0;
  color: #000000;
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-right .sub-menu-cta {
  display: inline-flex;
  align-items: center;
  background-color: #ffffff;
  color: #ff7900;
  font-family: 'Saira', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  padding: 5px 15px;
  border-radius: 28px;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}
header .corps .menu-principal nav ul.menu > li .sub-menu-mega .sub-menu-col-right .sub-menu-cta:hover {
  background-color: #ff7900;
  color: #ffffff;
}
header .corps .menu-principal nav ul.menu > li.bleu .sub-menu-mega .sub-menu-col-middle ul.sub-menu-items > li > a:hover {
  color: #0c278f;
}
header .corps .menu-principal nav ul.menu > li.bleu .sub-menu-mega .sub-menu-col-right {
  background-color: #d5daf9;
}
header .corps .menu-principal nav ul.menu > li.bleu .sub-menu-mega .sub-menu-col-right .sub-menu-cta {
  color: #0c278f;
}
header .corps .menu-principal nav ul.menu > li.bleu .sub-menu-mega .sub-menu-col-right .sub-menu-cta:hover {
  background-color: #0c278f;
  color: #ffffff;
}
header .corps .menu-principal nav ul.menu > li:hover,
header .corps .menu-principal nav ul.menu > li.ouvert {
  border-radius: 8px;
  border-color: transparent;
  background-color: #ffffff;
}
header .corps .menu-principal nav ul.menu > li.menu-item-has-children:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%2303178c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: right center;
  padding-left: 21px;
  height: 10px;
  display: inline-block;
  transition: transform .3s ease;
}
@media screen and (max-width: 1280px) {
  header .corps .menu-principal nav ul.menu > li.menu-item-has-children:after {
    background-size: 14px 14px;
    padding-left: 18px;
  }
}
header .corps .menu-principal nav ul.menu > li.menu-item-has-children:hover:after,
header .corps .menu-principal nav ul.menu > li.menu-item-has-children.ouvert:after {
  transform: rotate(180deg);
}
header .corps .bouton-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}
header .corps .bouton-header a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: #ff7900;
  color: #ffffff;
  border-radius: 28px;
  padding: 10px 20px;
  font-family: 'Saira', sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}
header .corps .bouton-header a .icone-laptop {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  stroke: currentColor;
}
header .corps .bouton-header a svg {
  margin-left: 0;
}
header .corps .bouton-header a svg path {
  stroke: #ffffff;
  stroke-width: 1;
}
header .corps .bouton-header a:hover {
  background-color: #d66600;
  color: #ffffff;
}
@media screen and (max-width: 1550px) {
  header .corps .bouton-header a {
    font-size: 14px;
    padding: 9px 16px;
    gap: 8px;
  }
  header .corps .bouton-header a .icone-laptop {
    flex-basis: 20px;
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 1280px) {
  header .corps .bouton-header a {
    font-size: 12px;
    padding: 8px 12px;
    gap: 6px;
  }
  header .corps .bouton-header a .icone-laptop {
    flex-basis: 18px;
    width: 18px;
    height: 18px;
  }
}
footer {
  background: linear-gradient(180deg, #03178c 0%, #000f67 100%);
  color: #ffffff;
  border-top: none;
}
footer .corps {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 80px 122px 32px;
}
@media screen and (max-width: 1399px) {
  footer .corps {
    padding: 60px 40px 24px;
  }
}
@media screen and (max-width: 767px) {
  footer .corps {
    padding: 48px 20px 24px;
  }
}
footer .corps .logo img {
  width: auto;
  max-width: 200px;
  height: 56px;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  footer .corps .menu-container-footer {
    margin-top: 32px;
  }
}
footer .corps .part-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
footer .corps .part-menu > li {
  list-style: none;
  margin-bottom: 16px;
}
footer .corps .part-menu > li > a {
  font-family: 'Saira Condensed', sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  footer .corps .part-menu > li > a {
    font-size: 20px;
    line-height: 24px;
  }
}
footer .corps .part-menu > li .sub-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
footer .corps .part-menu > li .sub-menu li {
  list-style: none;
  margin: 0;
}
footer .corps .part-menu > li .sub-menu li.svg-linkedin a svg {
  margin-top: 2px;
  height: 20px;
}
footer .corps .part-menu > li .sub-menu li a {
  font-family: 'Saira', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  text-decoration: none;
  display: inline-block;
}
footer .corps .part-menu > li .sub-menu li a:hover {
  text-decoration: underline;
}
footer .corps .part-menu > li .sub-menu li a svg {
  width: 24px;
  height: 24px;
  display: block;
}
footer .corps .part-menu > li .sub-menu li a svg path {
  fill: #ffffff;
}
footer .corps .part-menu > li.menu-item-3049,
footer .corps .part-menu > li.d-flex {
  margin-top: 20px;
}
footer .corps .part-menu > li.menu-item-3049 > a,
footer .corps .part-menu > li.d-flex > a {
  display: none;
}
footer .corps .part-menu > li.menu-item-3049 .sub-menu,
footer .corps .part-menu > li.d-flex .sub-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
footer .corps .part-menu > li.menu-item-3049 .sub-menu li a,
footer .corps .part-menu > li.d-flex .sub-menu li a {
  line-height: 0;
}
footer .corps .diagnostic-cyber-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #ff7900;
  color: #ffffff;
  padding: 12px 22px;
  border-radius: 28px;
  font-family: 'Saira', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  text-decoration: none;
  width: 100%;
  max-width: 253px;
  transition: background-color 0.2s ease;
}
@media screen and (max-width: 1850px) {
  footer .corps .diagnostic-cyber-btn {
    font-size: 14px;
    padding: 10px 18px;
    white-space: nowrap;
  }
}
footer .corps .diagnostic-cyber-btn:hover,
footer .corps .diagnostic-cyber-btn:focus {
  background-color: #d66600;
  color: #ffffff;
  text-decoration: none;
}
footer .corps .diagnostic-cyber-btn svg {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}
footer .pied {
  font-family: 'Ubuntu', sans-serif;
  color: #bcc3e8;
  font-size: 14px;
  line-height: 18px;
}
footer .pied.separateur-full::before,
footer .pied.separateur-container > .container::before {
  display: none !important;
}
footer .pied > .container {
  margin: 0 auto;
  padding: 16px 0;
  border-top: 1px solid rgba(188, 195, 232, 0.5);
}
footer .pied .row {
  align-items: center;
}
footer .pied .pied-part-1,
footer .pied .pied-part-2 {
  color: #bcc3e8;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  line-height: 18px;
}
footer .pied .pied-part-1 a,
footer .pied .pied-part-2 a {
  color: #bcc3e8;
  text-decoration: none;
}
footer .pied .pied-part-1 a:hover,
footer .pied .pied-part-2 a:hover {
  color: #ffffff;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  footer .pied .pied-part-1 {
    text-align: center;
    margin-bottom: 8px;
  }
}
footer .pied .pied-part-2 {
  text-align: right;
}
@media screen and (max-width: 767px) {
  footer .pied .pied-part-2 {
    text-align: center;
  }
}
footer .pied .separateur {
  color: rgba(188, 195, 232, 0.5);
  margin: 0 6px;
}
footer .pied .desc {
  display: inline-block;
  vertical-align: middle;
}
footer .pied .logo-idcom {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
footer .pied .logo-idcom svg {
  width: 60px;
  height: auto;
}
footer .pied .logo-idcom svg .st1 {
  fill: #bcc3e8 !important;
}