.elementor-694 .elementor-element.elementor-element-47081cb9{--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-694 .elementor-element.elementor-element-47081cb9:not(.elementor-motion-effects-element-type-background), .elementor-694 .elementor-element.elementor-element-47081cb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tazipartners.com/wp-content/uploads/2026/06/img4.jpg");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-694 .elementor-element.elementor-element-616489a8{--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-694 .elementor-element.elementor-element-35cca2ad{--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-694 .elementor-element.elementor-element-35cca2ad:not(.elementor-motion-effects-element-type-background), .elementor-694 .elementor-element.elementor-element-35cca2ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C2E4A;}.elementor-694 .elementor-element.elementor-element-75f4a229{--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-694 .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-694 .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-694 .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-694 .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-694 .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-694 .elementor-element.elementor-element-53f338e6:not(.elementor-motion-effects-element-type-background), .elementor-694 .elementor-element.elementor-element-53f338e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C2E4A;}.elementor-694 .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-694 .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-694 .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-694 .elementor-element.elementor-element-75f4a229{--width:45%;}.elementor-694 .elementor-element.elementor-element-4989099a{--width:40%;}.elementor-694 .elementor-element.elementor-element-5ec366c4{--width:40%;}}@media(max-width:767px){.elementor-694 .elementor-element.elementor-element-47081cb9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-35cca2ad */@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-47081cb9 */.padmobilepage{
    padding: 0px 20px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89c7e20 */.sec-modal-num {
    color: #800020 !important;
}


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






/* ============================================================
   BLOC "NOS DOMAINES SECTORIELS" — grille équilibrée
   Correction : la carte 04 n'occupe plus 2 rangées.
   Résultat : les 3 cartes du bas (04, 05, 06) ont la même
   hauteur → plus aucun vide déséquilibré.
   ============================================================ */
:root {
  --navy: #1C2E4A;
  --navy-deep: #16243B;
  --white: #FFFFFF;
  --gray-line: #E2E0DB;
  --gray-mid: #9A9A9A;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'DM Sans', -apple-system, Helvetica, Arial, sans-serif;
}

.sectors { padding: 0px 0 120px; }
.sectors .container { max-width: 1140px; margin: 0 auto; padding: 0 0px; }

.sectors-head {
  border-top: 1px solid var(--navy);
  padding-top: 28px; margin-bottom: 40px;
  display: flex; justify-content: space-between; align-items: baseline;
}
.sectors-head .label { font-size: 0.78rem; letter-spacing: 2px; text-transform: uppercase; color: var(--gray-mid); }
.sectors-head .count { font-family: var(--serif); font-size: 0.95rem; color: var(--gray-mid); }

/* --- GRILLE --- */
.mosaic {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: 230px;
  gap: 18px;
}
/* Grande carte Sport : 2 colonnes de large sur 2 rangées de haut */
.sector-card:nth-child(1) { grid-column: span 4; grid-row: span 2; }
/* Les deux cartes à droite, empilées (1 rangée chacune) */
.sector-card:nth-child(2) { grid-column: span 2; }
.sector-card:nth-child(3) { grid-column: span 2; }
/* Rangée du bas : 3 cartes de MÊME hauteur (1 rangée chacune) */
.sector-card:nth-child(4) { grid-column: span 2; }   /* ← plus de grid-row: span 2 */
.sector-card:nth-child(5) { grid-column: span 2; }
.sector-card:nth-child(6) { grid-column: span 2; }

/* --- CARTE --- */
.sector-card {
  position: relative; overflow: hidden;
  background: var(--navy-deep);
  cursor: pointer;
  display: flex; align-items: flex-end;
}
.sector-card img {
  position: absolute; inset: 0;
  width: 100%; height: 100%; object-fit: cover;
  filter: grayscale(100%) contrast(1.05) brightness(0.78);
  transition: transform 1.1s cubic-bezier(.16,1,.3,1), filter .6s ease;
}
.sector-card::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(22,36,59,0.92) 0%, rgba(22,36,59,0.35) 45%, rgba(22,36,59,0.15) 100%);
  transition: background .5s ease;
}
.sector-card:hover img { transform: scale(1.06); filter: grayscale(100%) contrast(1.05) brightness(0.55); }
.sector-card:hover::after { background: linear-gradient(to top, rgba(28,46,74,0.96) 0%, rgba(28,46,74,0.7) 60%, rgba(28,46,74,0.45) 100%); }

.sector-content { position: relative; z-index: 3; padding: 28px 30px; color: var(--white); width: 100%; }
.sector-num { font-family: var(--serif); font-size: 0.95rem; color: rgba(255,255,255,0.7); letter-spacing: 1px; display: block; margin-bottom: 10px; }
.sector-title {
  font-family: var(--serif); font-weight: 400; color: var(--white);
  font-size: 1.7rem; line-height: 1.15; margin-bottom: 0;
  text-shadow: 0 1px 12px rgba(0,0,0,0.35);
  transition: margin-bottom .45s cubic-bezier(.16,1,.3,1);
}
.sector-card:nth-child(1) .sector-title { font-size: 2.3rem; }
.sector-desc {
  font-size: 0.88rem; font-weight: 300; color: rgba(255,255,255,0.78); line-height: 1.6;
  max-height: 0; opacity: 0; overflow: hidden; margin-top: 0;
  transition: max-height .5s cubic-bezier(.16,1,.3,1), opacity .4s ease, margin-top .45s ease;
}
.sector-card:hover .sector-title { margin-bottom: 4px; }
.sector-card:hover .sector-desc { max-height: 120px; opacity: 1; margin-top: 8px; }

.sector-line { position: absolute; left: 30px; bottom: 0; width: 0; height: 2px; background: var(--white); transition: width .5s cubic-bezier(.16,1,.3,1); }
.sector-card:hover .sector-line { width: 42px; }

/* --- ANIMATION D'APPARITION (CSS pur, pas de JS) --- */
@keyframes secReveal {
  from { opacity: 0; transform: translateY(34px) scale(0.985); filter: blur(2px); }
  to   { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}
.sectors .reveal { opacity: 0; animation: secReveal .95s cubic-bezier(.22,.61,.36,1) forwards; will-change: opacity, transform, filter; }
.sectors-head { animation-delay: 0ms; }
.mosaic .sector-card:nth-child(1) { animation-delay: 120ms; }
.mosaic .sector-card:nth-child(2) { animation-delay: 220ms; }
.mosaic .sector-card:nth-child(3) { animation-delay: 320ms; }
.mosaic .sector-card:nth-child(4) { animation-delay: 420ms; }
.mosaic .sector-card:nth-child(5) { animation-delay: 520ms; }
.mosaic .sector-card:nth-child(6) { animation-delay: 620ms; }
@media (prefers-reduced-motion: reduce) { .sectors .reveal { opacity: 1; animation: none; } }

/* --- RESPONSIVE --- */
@media (max-width: 900px) {
  .mosaic { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 220px; }
  .sector-card:nth-child(1) { grid-column: span 2; grid-row: span 2; }
  .sector-card:nth-child(2),
  .sector-card:nth-child(3),
  .sector-card:nth-child(4),
  .sector-card:nth-child(5),
  .sector-card:nth-child(6) { grid-column: span 1; grid-row: span 1; }
}
@media (max-width: 768px) {
  .sectors { padding: 24px 0 80px; }
  .sectors .container { padding: 0 40px; }
  .mosaic { grid-template-columns: 1fr; grid-auto-rows: 260px; }
  .sector-card:nth-child(n) { grid-column: span 1 !important; grid-row: span 1 !important; }
  .sector-card .sector-desc { max-height: 120px; opacity: 1; margin-top: 8px; }
  .sector-card .sector-line { width: 42px; }
  .sector-card:nth-child(1) .sector-title { font-size: 1.9rem; }
}/* End custom CSS */