@charset "UTF-8";
:root {
  --orange-800: hsl(26, 94%, 25%);
  --orange-700: hsl(26, 94%, 33%);
  --main-orange: hsl(26, 94%, 48%);
  --orange-200: hsl(26, 94%, 72%);
  --orange-100: hsl(27, 91%, 96%);
  --blue-800: hwb(210 1% 65%);
  --blue-700: hsl(210, 95%, 25%);
  --blue-600: hsl(210, 96%, 33%);
  --main-blue: hsl(210, 96%, 40%);
  --blue-200: hsl(210, 96%, 82%);
  --blue-100: hsl(210, 100%, 96%);
  --grey-200: hsl(209, 25%, 79%);
  --primary-blue: #5c6d8a;
  --info-blue: #004085;
  --info-blue-bg: #e1f5fe;
  --info-blue-border: #b8daff;
  --alert-yellow: #856404;
  --alert-yellow-bg: #fff3cd;
  --alert-yellow-border: #ffeeba;
  --amber: #ffc107;
  --amber-bg: #fff8e1;
  --box-shadow-100: 0 1px 3px rgba(2, 46, 90, 0.06),
    0 1px 2px rgba(2, 46, 90, 0.12);
  --box-shadow-200: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  --box-shadow-300: 0 10px 20px rgba(0, 0, 0, 0.19),
    0 6px 6px rgba(0, 0, 0, 0.23);
  --box-shadow-400: 0 14px 28px rgba(0, 0, 0, 0.25),
    0 10px 10px rgba(0, 0, 0, 0.22);
  --box-shadow-500: 0 19px 38px rgba(0, 0, 0, 0.3),
    0 15px 12px rgba(0, 0, 0, 0.22);
}

/* Backgrounds */
.bg-blue-100 {
  background-color: var(--blue-100) !important;
}

/* box-shadow */
.box-shadow-small {
  box-shadow: 0 1px 3px hsla(0, 0%, 0%, 0.05);
  transition: transform 0.1s ease;
}

.box-shadow-small:hover {
  box-shadow: none;
}

.box-shadow-small-hover:hover {
  box-shadow: 2px 4px 6px hsla(0, 0%, 0%, 0.1) !important;
  transform: scale(1.05);
}

/* Réinitialisation */
h3 {
  padding-bottom: 0 !important;
  margin-bottom: 1rem !important;
  margin-top: 1.5rem !important;
}

p {
  margin-bottom: 1em !important;
}

ul {
  padding-bottom: 0 !important;
}

.et_pb_column {
  margin-bottom: 0 !important;
}
.et_pb_column.mb-30 {
  margin-bottom: 30px !important;
}

/* FIN - Réinitialisation */
body,
.fw-400 {
  font-weight: 400 !important;
}

.d-flex {
  display: flex;
}

ul {
  padding-bottom: 0;
  margin-bottom: 1em;
}

ul li {
  margin-bottom: 0.5em;
}

ul li:last-child: {
  margin-bottom: 0;
}

ul.fa-ul {
  list-style-type: none !important;
  padding-left: 0;
  margin-left: 1rem;
}
ul.fa-ul li {
  line-height: 1.5 !important;
  margin-bottom: 1rem !important;
  padding-left: 0.5rem !important;
}
ul.fa-ul li:last-child {
  margin-bottom: 0 !important;
}

p strong,
ul strong,
ol strong {
  font-weight: 600 !important;
}

.color-main-orange {
  color: var(--main-orange);
}

.color-blue-600 {
  color: var(--blue-600);
}

h1 i {
  margin-right: 0.5em;
}

@media (max-width: 980px) {
  h1.header-title {
    flex-direction: column;
  }
  h1.header-title i {
    margin-bottom: 0.5em;
  }
}
h1.header-title {
  display: flex;
  align-items: first baseline;
}

.info-box,
.alert-box {
  border-radius: 10px;
}
.info-box .d-flex,
.alert-box .d-flex {
  margin-bottom: 0.75em;
}

.info-box h2,
.alert-box h2 {
  padding: 0;
}

.alert-box {
  border: 1px solid var(--orange-200) !important;
  background-color: var(--orange-100);
}

.info-box {
  border: 1px solid var(--blue-200) !important;
  background-color: var(--blue-100);
}

.info-box div {
  color: var(--blue-700);
}

.alert-box div {
  color: var(--orange-800);
}

.info-box i,
.alert-box i {
  margin-right: 1rem;
  line-height: 1;
  font-size: 2.5em;
}

.info-box i {
  color: var(--blue-700);
  opacity: 0.65;
}

.info-box ul li,
.info-box ol li,
.alert-box ul li,
.alert-box ol li {
  margin-bottom: 0.5em;
}

.info-box ul li:last-child,
.info-box ol li:last-child,
.alert-box ul li:last-child,
.alert-box ol li:last-child {
  margin-bottom: inherit;
}

.alert-box i {
  color: var(--orange-700);
  opacity: 0.75;
}

.et_pb_svg_logo #logo {
  max-height: inherit !important;
  height: inherit !important;
}

/* Menu principal */
.et-menu-nav ul li a {
  color: #fff;
}
@media (max-width: 980px) {
  .et_pb_menu__logo {
    padding-left: 1rem;
  }
}
#mobile_menu1 li.current-menu-item a {
  color: var(--main-orange) !important;
}

.current-menu-parent a {
  color: var(--main-orange) !important;
}

.et_mobile_menu {
  height: 100vh;
}
.et_mobile_menu .menu-icon-container-custm {
  display: none;
}
.et_mobile_menu .sub-menu {
  background-image: none !important;
}
.et_mobile_menu .sub-menu li {
  padding-left: 0;
}
.et_mobile_menu .sub-menu li span {
  line-height: 1.6em;
  display: block;
}
.et_mobile_menu .sub-menu li span span {
  font-weight: 300;
  font-size: 85% !important;
}

.et_mobile_nav_menu {
  margin-right: 1rem !important;
}

.main-menu-custom ul ul {
  background-image: url("https://dev.guillaumejarry.com/wp-content/uploads/2025/01/pattern-3.svg") !important;
  background-position: bottom !important;
  background-repeat: repeat-x !important;
}

.et_pb_menu .et-menu.nav > li {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.et_pb_menu .et-menu.nav .sub-menu {
  width: 480px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  padding-bottom: 1rem !important;
}

.et_pb_menu .et-menu.nav .sub-menu li {
  margin-left: 1rem;
  box-sizing: border-box;
  margin-right: 1rem;
  border-radius: 12px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0px;
  padding-right: 0px;
}
.et_pb_menu .et-menu.nav .sub-menu li:hover {
  background: #fff;
}
.et_pb_menu .et-menu.nav .sub-menu li:hover a {
  color: var(--blue-700) !important;
}
.et_pb_menu .et-menu.nav .sub-menu li:hover a span span {
  color: var(--blue-700) !important;
}
.et_pb_menu .et-menu.nav .sub-menu li a {
  line-height: 1.35;
  font-size: 16px;
  width: 100%;
  font-family: "Inter", Helvetica, Arial, Lucida, sans-serif;
  display: flex;
  font-weight: 700;
}
.et_pb_menu .et-menu.nav .sub-menu li a .menu-icon-container-custm {
  margin-right: 0.75rem;
}

.et_pb_menu .et-menu.nav > li a span span {
  color: rgba(255, 255, 255, 0.85);
  font-weight: 500;
  font-size: 14px;
}

ul li .ul-check-mark {
  display: block;
  width: 1.75em;
  height: 1.75em;
  background-image: url("https://dev.guillaumejarry.com/wp-content/uploads/2025/01/ul-check-mark.svg");
  margin-top: -3px;
}

/* FIN - Menu principal */
/* Slider témoignages */
/* FIN - Slider témoignages */
/* FORMS LABELS */
/* Displays titles above the fields */
.et_pb_contact_form_label {
  display: block !important;
  font-family: "Inter", Helvetica, Arial, Lucida, sans-serif;
  margin-bottom: 15px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
}

/* Hides placeholder text */
.et_pb_contact_form_container .input::placeholder {
  color: transparent !important;
}

/* Hides duplicate titles on checkboxes and radios */
.et_pb_contact_field_options_title {
  display: none !important;
}

/* Remove title above dropdown */
.et_pb_contact_field[data-type="select"] .et_pb_contact_form_label {
  display: none !important;
}

.custom-form-inputs input,
.custom-form-inputs textarea {
  border: 1px solid var(--grey-200) !important;
}

.custom-form-inputs input:focus,
.custom-form-inputs textarea:focus {
  border-color: var(--blue-100) !important;
}

.custom-form-inputs input::placeholder,
.custom-form-inputs textarea::placeholder {
  opacity: 0.5 !important;
}

.custom-form-inputs .et-pb-contact-message p {
  color: var(--blue-800);
  font-size: 16px;
  font-weight: 700;
}

.custom-form-inputs .et-pb-contact-message ul {
  color: var(--blue-800);
}

.custom-form-inputs span.et_pb_contact_field_checkbox {
  margin-bottom: 1.5em;
}

.custom-form-inputs label {
  color: var(--blue-800);
}

.custom-form-inputs .input[type="checkbox"] + label {
  display: flex;
  align-items: self-start;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}

.custom-form-inputs .input[type="checkbox"]:checked + label i {
  background-color: var(--blue-800);
  border: none !important;
}

.custom-form-inputs .input[type="checkbox"] + label i {
  border: 1px solid var(--grey-200) !important;
  border-radius: 3px;
  flex-shrink: 0;
}

.custom-form-inputs .input[type="checkbox"]:checked + label i::before {
  color: #fff !important;
}

.sp-easy-accordion .ea-card.sp-ea-single {
  border-radius: 8px;
  margin-bottom: 1rem !important;
  box-shadow: var(--box-shadow-100);
}
.sp-easy-accordion .ea-body {
  font-family: "Inter", Helvetica, Arial, Lucida, sans-serif;
  font-size: 16px;
  line-height: 28px;
  background: transparent !important;
  padding: 0 1.5rem 1.5rem 1.5rem !important;
}
.sp-easy-accordion h3 {
  font-family: "Inter", Helvetica, Arial, Lucida, sans-serif;
  font-weight: 600;
  line-height: 1.5em;
  padding-bottom: 0;
}
.sp-easy-accordion h3 a {
  font-size: 18px !important;
  padding: 1.5rem !important;
}
.sp-easy-accordion h3 a i {
  float: right !important;
  font-family: "Font Awesome 6 Free";
}
.sp-easy-accordion h3 a i::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  color: var(--blue-800);
}
.sp-easy-accordion h3 a i.eap-icon-ea-expand-plus::before {
  content: "\f078" !important;
}
.sp-easy-accordion h3 a i.eap-icon-ea-expand-minus::before {
  content: "\f077" !important;
}

.service-card a {
  color: inherit;
}
.service-card .service-card-arrow {
  color: #bbc9d6;
}
.service-card:hover .service-card-arrow {
  color: #ed6a07;
}
.service-card:hover .service-card-arrow:before {
  content: "\f0a9";
}

.badge {
  color: #fff;
  background-color: #f98b38;
  border-radius: 15px;
  font-size: 12px;
  padding: 0 0.5rem;
  margin-left: 1em;
  position: absolute;
  right: 0;
  top: 2.5em;
}

.spider {
  animation: zigzag-fade-in 2s ease forwards;
  animation-delay: 1s;
  opacity: 0;
}

@keyframes zigzag-fade-in {
  0% {
    transform: translateX(0) translateY(-200px) rotate(30deg); /* Départ en haut de l'écran */
    opacity: 0;
  }
  10% {
    transform: translateX(-35%) translateY(-165px) rotate(-28deg); /* Mouvement diagonal vers la gauche */
    opacity: 0.1;
  }
  20% {
    transform: translateX(0%) translateY(-133px) rotate(28deg); /* Mouvement diagonal vers la gauche */
    opacity: 0.2;
  }
  30% {
    transform: translateX(-30%) translateY(-105px) rotate(-21deg); /* Mouvement diagonal vers la droite */
    opacity: 0.3;
  }
  40% {
    transform: translateX(0%) translateY(-80px) rotate(21deg); /* Retour vers la gauche */
    opacity: 0.4;
  }
  50% {
    transform: translateX(-25%) translateY(-57px) rotate(-18deg); /* Retour vers la gauche */
    opacity: 0.5;
  }
  60% {
    transform: translateX(0%) translateY(-38px) rotate(18deg); /* Retour vers la gauche */
    opacity: 0.6;
  }
  70% {
    transform: translateX(-20%) translateY(-23px) rotate(-15deg); /* Retour vers la gauche */
    opacity: 0.7;
  }
  80% {
    transform: translateX(0%) translateY(-11px) rotate(15deg); /* Retour vers la gauche */
    opacity: 0.8;
  }
  90% {
    transform: translateX(-15%) translateY(-5px) rotate(-10deg); /* Retour vers la gauche */
    opacity: 0.9;
  }
  100% {
    transform: translateX(0) translateY(0) rotate(0); /* Position finale */
    opacity: 1;
  }
}

/*# sourceMappingURL=style.css.map */