.elementor-554 .elementor-element.elementor-element-db45cbf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-554 .elementor-element.elementor-element-db45cbf:not(.elementor-motion-effects-element-type-background), .elementor-554 .elementor-element.elementor-element-db45cbf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tazipartners.com/wp-content/uploads/2026/06/77.jpg");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-554 .elementor-element.elementor-element-4ac8664{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-554 .elementor-element.elementor-element-cc0e105{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-554 .elementor-element.elementor-element-cc0e105:not(.elementor-motion-effects-element-type-background), .elementor-554 .elementor-element.elementor-element-cc0e105 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C2E4A;}.elementor-554 .elementor-element.elementor-element-e60b1ab{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-554 .elementor-element.elementor-element-4467581{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-554 .elementor-element.elementor-element-83b474f{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-554 .elementor-element.elementor-element-c98bbd0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-554 .elementor-element.elementor-element-5eb5540{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-554 .elementor-element.elementor-element-0771a1f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-554 .elementor-element.elementor-element-24999d9{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-554 .elementor-element.elementor-element-34918a9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-554 .elementor-element.elementor-element-1fec14dd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 60px;--row-gap:0px;--column-gap:60px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-554 .elementor-element.elementor-element-4989099a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-554 .elementor-element.elementor-element-41137e6a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-554 .elementor-element.elementor-element-f7420b2{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-554 .elementor-element.elementor-element-53f338e6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-554 .elementor-element.elementor-element-53f338e6:not(.elementor-motion-effects-element-type-background), .elementor-554 .elementor-element.elementor-element-53f338e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C2E4A;}.elementor-554 .elementor-element.elementor-element-3bf2754d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 60px;--row-gap:0px;--column-gap:60px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-554 .elementor-element.elementor-element-5ec366c4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-554 .elementor-element.elementor-element-2e9a78b3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-554 .elementor-element.elementor-element-34918a9{--width:45%;}.elementor-554 .elementor-element.elementor-element-4989099a{--width:40%;}.elementor-554 .elementor-element.elementor-element-5ec366c4{--width:40%;}}@media(max-width:767px){.elementor-554 .elementor-element.elementor-element-db45cbf{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-554 .elementor-element.elementor-element-e60b1ab{--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-cc0e105 */@media only screen and (max-width:767px){
	
	
	.blocbleupa{
	padding-top:40px;
    padding-bottom:40px;
		padding-left:60px !important;
		padding-right:60px !important;
	}
	
}


@media only screen and (min-width:768px){
	.imgdspnonemobile{
	    display:none;
	}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db45cbf */.padmobilepage{
    padding: 0px 20px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89c7e20 */.exp-modal-num {
    color: #800020 !important;
}


.exp-modal-box {
    border-top: 3px solid #800020 !important;
}






/* ============================================================
   EXPERTISE SECTION — animation 100% CSS (AUCUN JavaScript)
   ------------------------------------------------------------
   L'apparition se déclenche automatiquement au chargement de la
   page, en cascade fluide. Aucune balise <script> n'est requise,
   donc plus d'erreur 403 au moment de publier.

   IMPORTANT : dans le HTML, laisse les éléments avec
   class="reveal" SANS la classe "visible" et SANS l'attribut
   style="transition-delay...". Le CSS s'occupe de tout.
   ============================================================ */
:root {
  --navy: #1C2E4A;
  --white: #FFFFFF;
  --gray-line: #E2E0DB;
  --gray-mid: #9A9A9A;
  --gray-text: #5F5F5F;
  --bordeaux: #800020;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'DM Sans', -apple-system, Helvetica, Arial, sans-serif;
}


@media only screen and (min-width: 1240px) {
    .section_wrapper, .container {
        max-width: 100% !important;
    }
}

.expertise-section .container {
  width: 100%;
  margin: 0 auto;
  
}

.expertise-section {
  padding: 0px 0 120px;
}

/* En-tête de la liste */
.expertise-head {
  border-top: 1px solid var(--navy);
  padding-top: 28px;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.expertise-head .label {
  font-family: var(--sans);
  font-size: 0.78rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--gray-mid);
}
.expertise-head .count {
  font-family: var(--serif);
  font-size: 0.95rem;
  color: var(--gray-mid);
}

/* Liste */
.exp-list { margin-top: 8px; }

.exp-item {
  display: grid;
  grid-template-columns: 70px 1fr auto;
  gap: 32px;
  align-items: center;
  padding: 38px 0;
  border-bottom: 1px solid var(--gray-line);
  position: relative;
  cursor: pointer;
  color: var(--navy);
  transition: padding-left .4s cubic-bezier(.16,1,.3,1),
              padding-right .4s cubic-bezier(.16,1,.3,1),
              color .4s ease;
}

/* Fond navy déployé au survol */
.exp-item::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 0;
  background: var(--navy);
  transition: width .45s cubic-bezier(.16,1,.3,1);
  z-index: -1;
}
.exp-item:hover {
  padding-left: 36px;
  padding-right: 36px;
  color: var(--white);
}
.exp-item:hover::before { width: 100%; }
.exp-item:hover .exp-num { color: var(--white); }
.exp-item:hover .exp-title { color: var(--white); }
.exp-item:hover .exp-desc { color: rgba(255,255,255,0.7); }
.exp-item:hover .exp-arrow { color: var(--white); transform: translateX(6px); }
.exp-item:hover .exp-arrow circle { stroke: rgba(255,255,255,0.4); }

/* Numéro */
.exp-num {
  font-family: var(--serif);
  font-size: 1.1rem;
  color: var(--navy);
  font-weight: 500;
  transition: color .4s ease;
}

/* Corps */
.exp-title {
  font-family: var(--serif);
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.25;
  margin-bottom: 8px;
  color: var(--navy);
  transition: color .4s ease;
}
.exp-desc {
  font-family: var(--sans);
  font-size: 0.92rem;
  color: var(--gray-text);
  max-width: 560px;
  line-height: 1.7;
  transition: color .4s ease;
}

/* Flèche */
.exp-arrow {
  color: var(--navy);
  transition: transform .4s ease, color .4s ease;
}
.exp-arrow circle { transition: stroke .4s ease; }


/* ============================================================
   ANIMATION D'APPARITION — déclenchée automatiquement (CSS pur)
   On utilise @keyframes + animation-delay en cascade.
   ============================================================ */
@keyframes expReveal {
  from {
    opacity: 0;
    transform: translateY(34px) scale(0.985);
    filter: blur(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

/* État de départ + lancement de l'animation */
.reveal {
  opacity: 0;                      /* invisible avant le démarrage */
  animation: expReveal .95s cubic-bezier(.22,.61,.36,1) forwards;
  will-change: opacity, transform, filter;
}

/* Cascade : chaque élément démarre un peu après le précédent */
.expertise-head            { animation-delay: 0ms; }
.exp-list .exp-item:nth-child(1)  { animation-delay: 120ms; }
.exp-list .exp-item:nth-child(2)  { animation-delay: 210ms; }
.exp-list .exp-item:nth-child(3)  { animation-delay: 300ms; }
.exp-list .exp-item:nth-child(4)  { animation-delay: 390ms; }
.exp-list .exp-item:nth-child(5)  { animation-delay: 480ms; }
.exp-list .exp-item:nth-child(6)  { animation-delay: 570ms; }
.exp-list .exp-item:nth-child(7)  { animation-delay: 660ms; }
.exp-list .exp-item:nth-child(8)  { animation-delay: 750ms; }
.exp-list .exp-item:nth-child(9)  { animation-delay: 840ms; }

/* Accessibilité : pas d'animation si l'utilisateur la réduit */
@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1;
    animation: none;
  }
}

/* ============ RESPONSIVE ============ */
@media (max-width: 768px) {
  .expertise-section { padding: 30px 0 80px; }
  .expertise-section .container { padding: 0 40px; }
  .exp-item {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 28px 0;
  }
  .exp-item:hover { padding-left: 16px; padding-right: 16px; }
  .exp-num { font-size: 1rem; }
  .exp-title { font-size: 1.4rem; }
  .exp-arrow { display: none; }
}/* End custom CSS */