.elementor-19 .elementor-element.elementor-element-e3185c4:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-e3185c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cabinetdetudeteuma.com/wp-content/uploads/2026/06/Why-Good-Site-Engineers-Leave-Construction-Firms-modified.jpg");background-position:-10px -172px;background-repeat:no-repeat;background-size:cover;}.elementor-19 .elementor-element.elementor-element-e3185c4 > .elementor-background-overlay{background-color:#000000D1;opacity:0.94;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-19 .elementor-element.elementor-element-e3185c4 > .elementor-container{min-height:400px;}.elementor-19 .elementor-element.elementor-element-e3185c4{border-style:solid;border-width:0px 0px 0px 8px;border-color:#0069B4;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 30px 0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-19 .elementor-element.elementor-element-b17c8dc{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 10px;border-style:none;border-radius:100px 100px 100px 100px;--e-icon-list-icon-size:13px;--icon-vertical-offset:0px;}.elementor-19 .elementor-element.elementor-element-b17c8dc .elementor-icon-list-icon i{color:#0069B4;transition:color 0.3s;}.elementor-19 .elementor-element.elementor-element-b17c8dc .elementor-icon-list-icon svg{fill:#0069B4;transition:fill 0.3s;}.elementor-19 .elementor-element.elementor-element-b17c8dc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-19 .elementor-element.elementor-element-b17c8dc .elementor-icon-list-item > a{font-family:"JetBrains Mono", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;}.elementor-19 .elementor-element.elementor-element-b17c8dc .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-widget-eael-dual-color-header .eael-dch-separator-wrap i{color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-ee910a9 .eael-dual-header .eael-dch-title .eael-dch-title-text.elementor-repeater-item-a7b9b83{font-family:"Manrope", Sans-serif;font-size:72px;font-weight:800;text-transform:none;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-ee910a9 .eael-dual-header .eael-dch-title .eael-dch-title-text.elementor-repeater-item-be9d80c{font-family:"Manrope", Sans-serif;font-size:72px;font-weight:800;text-transform:lowercase;line-height:84px;color:#0069B4;}.elementor-19 .elementor-element.elementor-element-ee910a9 .eael-dual-header .eael-dch-title{color:#9401D9;}.elementor-19 .elementor-element.elementor-element-ee910a9 .eael-dual-header .subtext{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;}.elementor-19 .elementor-element.elementor-element-3feb680 > .elementor-element-populated{padding:0px 50px 0px 50px;}.elementor-19 .elementor-element.elementor-element-56aa73d{border-style:solid;border-width:0px 0px 1px 0px;border-color:#012A50C9;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-9px;margin-bottom:0px;padding:40px 0px 0px 0px;}.elementor-19 .elementor-element.elementor-element-56aa73d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-19 .elementor-element.elementor-element-7939171{width:68.857%;}.elementor-19 .elementor-element.elementor-element-3feb680{width:30.447%;}}@media(max-width:1024px){.elementor-19 .elementor-element.elementor-element-e3185c4:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-e3185c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-19 .elementor-element.elementor-element-e3185c4:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-e3185c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}




/* Start custom CSS for section, class: .elementor-element-e3185c4 */.premiere {
  position: relative;
}

.premiere::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(172, 114, 3, 0.4) 1px, transparent 1px),
    linear-gradient(90deg, rgba(172, 114, 3, 0.4) 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none;
  z-index: 10;
}

.premiere > * {
  position: relative;
  z-index: 11;
}/* End custom CSS */

/* Start custom CSS for html, class: .elementor-element-c8ab937 */.grc-services-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    font-family: 'Inter', sans-serif;
    background-color: #ffffff;
    box-sizing: border-box;
  }

  /* Structure d'une ligne de service standard */
  .grc-service-row {
    display: grid;
    grid-template-columns: 180px 1fr 1fr;
    gap: 40px;
    padding: 60px 40px;
    background-color: #ffffff;
    border-bottom: 1px solid #eaeaea;
    align-items: flex-start;
    box-sizing: border-box;
    
    /* MODIFICATION : Préparation pour l'animation d'apparition */
    opacity: 0;
    transform: translateY(25px);
    animation: grc-fade-in-float 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    
    /* MODIFICATION : Transition fluide pour l'effet de survol noir */
    transition: background-color 0.4s ease, color 0.4s ease;
  }

  /* --- MODIFICATION : HOVER NOIR GENERALISÉ --- */
  .grc-service-row:hover {
    background-color: #050505 !important; /* Force le fond noir au survol */
    border-bottom-color: transparent;
  }

  /* Changement de couleur des textes internes au survol */
  .grc-service-row:hover .grc-service-title,
  .grc-service-row:hover .grc-service-features li {
    color: #ffffff !important;
    transition: color 0.3s ease;
  }

  .grc-service-row:hover .grc-service-description {
    color: #a1a1aa !important;
    transition: color 0.3s ease;
  }

  /* Style d'exception natif pour la section 04 (Déjà noire par défaut) */
  .grc-service-row.grc-dark-theme {
    background-color: #050505;
    border-bottom: none;
    color: #ffffff;
  }

  /* Colonne 1 : Index & Icône */
  .grc-service-meta {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .grc-service-number {
    font-size: 64px;
    font-weight: 800;
    color: #1e70b8; /* Bleu roi des numéros */
    line-height: 1;
    letter-spacing: -0.02em;
    transition: color 0.3s ease;
  }

  .grc-service-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .grc-service-icon svg {
    width: 100%;
    height: 100%;
    stroke: #1e70b8;
    fill: none;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke 0.3s ease;
  }

  /* Ajustement de la couleur du bleu sur fond noir (natif et au survol) */
  .grc-dark-theme .grc-service-number,
  .grc-service-row:hover .grc-service-number {
    color: #1b5e99;
  }

  .grc-dark-theme .grc-service-icon svg,
  .grc-service-row:hover .grc-service-icon svg,
  .grc-service-row:hover .grc-service-features li svg {
    stroke: #1b5e99;
  }

  /* Colonne 2 : Titre & Description */
  .grc-service-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-right: 20px;
  }

  .grc-service-title {
    font-size: 32px;
    font-weight: 700;
    color: #0c0d0e;
    margin: 0;
    line-height: 1.2;
    letter-spacing: -0.01em;
    transition: color 0.3s ease;
  }

  .grc-dark-theme .grc-service-title {
    color: #ffffff;
  }

  .grc-service-description {
    font-size: 15px;
    color: #71717a;
    line-height: 1.6;
    margin: 0;
    transition: color 0.3s ease;
  }

  .grc-dark-theme .grc-service-description {
    color: #a1a1aa;
  }

  /* Colonne 3 : Liste des fonctionnalités */
  .grc-service-features {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .grc-service-features li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #0c0d0e;
    line-height: 1.4;
    transition: color 0.3s ease;
  }

  .grc-dark-theme .grc-service-features li {
    color: #ffffff;
  }

  .grc-service-features li svg {
    width: 14px;
    height: 14px;
    stroke: #1e70b8;
    fill: none;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
    margin-top: 3px;
    transition: stroke 0.3s ease;
  }

  /* --- MODIFICATION : EFFET FLOAT CASCADE (DECALAGE DE CHAQUE CARD) --- */
  .grc-service-row:nth-child(1) { animation-delay: 0.1s; }
  .grc-service-row:nth-child(2) { animation-delay: 0.25s; }
  .grc-service-row:nth-child(3) { animation-delay: 0.4s; }
  .grc-service-row:nth-child(4) { animation-delay: 0.55s; }
  .grc-service-row:nth-child(5) { animation-delay: 0.7s; }
  .grc-service-row:nth-child(6) { animation-delay: 0.85s; }

  @keyframes grc-fade-in-float {
    0% {
      opacity: 0;
      transform: translateY(30px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* --- RESPONSIVE --- */
  @media (max-width: 992px) {
    .grc-service-row {
      grid-template-columns: 120px 1fr;
      gap: 30px;
      padding: 40px 24px;
    }
    .grc-service-features {
      grid-column: 2;
      margin-top: 10px;
    }
  }

  @media (max-width: 640px) {
    .grc-service-row {
      grid-template-columns: 1fr;
      gap: 20px;
    }
    .grc-service-meta {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
    }
    .grc-service-features {
      grid-column: 1;
    }
  }/* End custom CSS */