.elementor-4050 .elementor-element.elementor-element-92f66f3{--display:flex;--min-height:70vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:6rem;--padding-bottom:6rem;--padding-left:0rem;--padding-right:0rem;}.elementor-4050 .elementor-element.elementor-element-92f66f3:not(.elementor-motion-effects-element-type-background), .elementor-4050 .elementor-element.elementor-element-92f66f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dinacosmeticsfrance.com/wp-content/uploads/a-propos-dina-cosmetics.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-4050 .elementor-element.elementor-element-92f66f3.e-con{--align-self:center;}.elementor-4050 .elementor-element.elementor-element-a04ac78{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:column;--justify-items:end;--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-4050 .elementor-element.elementor-element-a04ac78.e-con{--align-self:center;}.elementor-4050 .elementor-element.elementor-element-a35ce96{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4050 .elementor-element.elementor-element-a35ce96.e-con{--align-self:center;}.elementor-4050 .elementor-element.elementor-element-34364dc > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;}.elementor-4050 .elementor-element.elementor-element-34364dc{text-align:center;}.elementor-4050 .elementor-element.elementor-element-9ad02fe > .elementor-widget-container{margin:3rem 0rem 3rem 0rem;}.elementor-4050 .elementor-element.elementor-element-d138cf4{--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;--flex-wrap:wrap;}.elementor-4050 .elementor-element.elementor-element-233fcc2{--display:flex;}.elementor-4050 .elementor-element.elementor-element-5425fbf{--display:flex;}.elementor-4050 .elementor-element.elementor-element-c0b40c1{--display:flex;}.elementor-4050 .elementor-element.elementor-element-654f722{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:4rem 4rem;--row-gap:4rem;--column-gap:4rem;--grid-auto-flow:row;--justify-items:center;--margin-top:4vw;--margin-bottom:4vw;--margin-left:0vw;--margin-right:0vw;}.elementor-4050 .elementor-element.elementor-element-3d4bb4e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:50px 50px 50px 50px;--padding-top:2rem;--padding-bottom:2rem;--padding-left:1rem;--padding-right:1rem;}.elementor-4050 .elementor-element.elementor-element-3d4bb4e:not(.elementor-motion-effects-element-type-background), .elementor-4050 .elementor-element.elementor-element-3d4bb4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E3DCD6;}.elementor-4050 .elementor-element.elementor-element-9a2da80 > .elementor-widget-container{margin:2rem 0rem 2rem 0rem;}.elementor-4050 .elementor-element.elementor-element-9a2da80{text-align:center;}.elementor-4050 .elementor-element.elementor-element-cdad117 > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;padding:0px 0px 0px 0px;}.elementor-4050 .elementor-element.elementor-element-cdad117{columns:1;text-align:center;}.elementor-4050 .elementor-element.elementor-element-c80eb63{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:50px 50px 50px 50px;--padding-top:2rem;--padding-bottom:2rem;--padding-left:1rem;--padding-right:1rem;}.elementor-4050 .elementor-element.elementor-element-c80eb63:not(.elementor-motion-effects-element-type-background), .elementor-4050 .elementor-element.elementor-element-c80eb63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E3DCD6;}.elementor-4050 .elementor-element.elementor-element-b69169a > .elementor-widget-container{margin:2rem 0rem 2rem 0rem;}.elementor-4050 .elementor-element.elementor-element-b69169a{text-align:center;}.elementor-4050 .elementor-element.elementor-element-6b40f27 > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;padding:0px 0px 0px 0px;}.elementor-4050 .elementor-element.elementor-element-6b40f27{columns:1;text-align:center;}.elementor-4050 .elementor-element.elementor-element-aebcef4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:50px 50px 50px 50px;--padding-top:2rem;--padding-bottom:2rem;--padding-left:1rem;--padding-right:1rem;}.elementor-4050 .elementor-element.elementor-element-aebcef4:not(.elementor-motion-effects-element-type-background), .elementor-4050 .elementor-element.elementor-element-aebcef4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E3DCD6;}.elementor-4050 .elementor-element.elementor-element-92c21cb > .elementor-widget-container{margin:2rem 0rem 2rem 0rem;}.elementor-4050 .elementor-element.elementor-element-92c21cb{text-align:center;}.elementor-4050 .elementor-element.elementor-element-29e82eb > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;padding:0px 0px 0px 0px;}.elementor-4050 .elementor-element.elementor-element-29e82eb{columns:1;text-align:center;}.elementor-4050 .elementor-element.elementor-element-2226e48{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:3rem;--padding-bottom:3rem;--padding-left:0rem;--padding-right:0rem;}.elementor-4050 .elementor-element.elementor-element-2226e48:not(.elementor-motion-effects-element-type-background), .elementor-4050 .elementor-element.elementor-element-2226e48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E3DCD6;}.elementor-4050 .elementor-element.elementor-element-f8dafd0{text-align:center;}.elementor-4050 .elementor-element.elementor-element-f3cee01{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:6rem 6rem;--row-gap:6rem;--column-gap:6rem;--grid-auto-flow:row;}.elementor-4050 .elementor-element.elementor-element-eff88b5{--display:flex;}.elementor-4050 .elementor-element.elementor-element-99a43a8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:6rem;--margin-bottom:6rem;--margin-left:0rem;--margin-right:0rem;}.elementor-4050 .elementor-element.elementor-element-f7038a5{--display:flex;--min-height:774px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:3em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-4050 .elementor-element.elementor-element-f7038a5:not(.elementor-motion-effects-element-type-background), .elementor-4050 .elementor-element.elementor-element-f7038a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dinacosmeticsfrance.com/wp-content/uploads/brin_damour_page_a_propos.webp");background-position:center center;background-repeat:no-repeat;background-size:auto;}.elementor-4050 .elementor-element.elementor-element-f7038a5::before, .elementor-4050 .elementor-element.elementor-element-f7038a5 > .elementor-background-video-container::before, .elementor-4050 .elementor-element.elementor-element-f7038a5 > .e-con-inner > .elementor-background-video-container::before, .elementor-4050 .elementor-element.elementor-element-f7038a5 > .elementor-background-slideshow::before, .elementor-4050 .elementor-element.elementor-element-f7038a5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4050 .elementor-element.elementor-element-f7038a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4050 .elementor-element.elementor-element-c24ee99{text-align:center;}.elementor-4050 .elementor-element.elementor-element-c24ee99 .elementor-heading-title{text-shadow:0px 0px 10px rgba(0, 0, 0, 0.85);color:var( --e-global-color-64582db );}.elementor-4050 .elementor-element.elementor-element-e7d10e0 .elementor-button{background-color:#E3DCD6;fill:var( --e-global-color-8d0fcce );color:var( --e-global-color-8d0fcce );border-radius:60px 60px 60px 60px;padding:20px 30px 20px 30px;}.elementor-4050 .elementor-element.elementor-element-e7d10e0 .elementor-button:hover, .elementor-4050 .elementor-element.elementor-element-e7d10e0 .elementor-button:focus{background-color:var( --e-global-color-64582db );}.elementor-4050 .elementor-element.elementor-element-e7d10e0 > .elementor-widget-container{margin:4rem 0rem 2rem 0rem;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4050 .elementor-element.elementor-element-92f66f3{--width:100%;}.elementor-4050 .elementor-element.elementor-element-a04ac78{--width:50%;}.elementor-4050 .elementor-element.elementor-element-654f722{--content-width:1280px;}.elementor-4050 .elementor-element.elementor-element-3d4bb4e{--width:100%;}.elementor-4050 .elementor-element.elementor-element-c80eb63{--width:100%;}.elementor-4050 .elementor-element.elementor-element-aebcef4{--width:100%;}}@media(max-width:1365px) and (min-width:768px){.elementor-4050 .elementor-element.elementor-element-92f66f3{--width:100%;}.elementor-4050 .elementor-element.elementor-element-a04ac78{--width:90%;}.elementor-4050 .elementor-element.elementor-element-99a43a8{--content-width:1140px;}}@media(max-width:1024px) and (min-width:768px){.elementor-4050 .elementor-element.elementor-element-92f66f3{--width:100%;}.elementor-4050 .elementor-element.elementor-element-a04ac78{--width:100%;}}@media(max-width:1365px){.elementor-4050 .elementor-element.elementor-element-92f66f3:not(.elementor-motion-effects-element-type-background), .elementor-4050 .elementor-element.elementor-element-92f66f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-4050 .elementor-element.elementor-element-a04ac78{--grid-auto-flow:row;}.elementor-4050 .elementor-element.elementor-element-654f722{--grid-auto-flow:row;}.elementor-4050 .elementor-element.elementor-element-f3cee01{--grid-auto-flow:row;}.elementor-4050 .elementor-element.elementor-element-f7038a5:not(.elementor-motion-effects-element-type-background), .elementor-4050 .elementor-element.elementor-element-f7038a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:contain;}}@media(max-width:1024px){.elementor-4050 .elementor-element.elementor-element-92f66f3{--justify-content:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:6rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-4050 .elementor-element.elementor-element-92f66f3:not(.elementor-motion-effects-element-type-background), .elementor-4050 .elementor-element.elementor-element-92f66f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-4050 .elementor-element.elementor-element-92f66f3.e-con{--align-self:center;}.elementor-4050 .elementor-element.elementor-element-a04ac78{--grid-auto-flow:row;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-4050 .elementor-element.elementor-element-34364dc > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4050 .elementor-element.elementor-element-654f722{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-4050 .elementor-element.elementor-element-f3cee01{--grid-auto-flow:row;}.elementor-4050 .elementor-element.elementor-element-99a43a8{--margin-top:3rem;--margin-bottom:2rem;--margin-left:0rem;--margin-right:0rem;}.elementor-4050 .elementor-element.elementor-element-f7038a5{--min-height:38vh;--justify-content:center;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-4050 .elementor-element.elementor-element-f7038a5.e-con{--align-self:center;}}@media(max-width:767px){.elementor-4050 .elementor-element.elementor-element-a04ac78{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-4050 .elementor-element.elementor-element-654f722{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4050 .elementor-element.elementor-element-f3cee01{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4050 .elementor-element.elementor-element-f7038a5{--min-height:60vh;}.elementor-4050 .elementor-element.elementor-element-f7038a5:not(.elementor-motion-effects-element-type-background), .elementor-4050 .elementor-element.elementor-element-f7038a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-4050 .elementor-element.elementor-element-e7d10e0 .elementor-button{padding:10px 10px 10px 10px;}}/* Start custom CSS for container, class: .elementor-element-d138cf4 *//* ==========================================================
   DINA TIMELINE (Elementor Containers)
   Requis :
   - Conteneur parent : classe "dina-timeline"
   - Chaque item (conteneur enfant) : classe "dina-tl-item"
   - Dans chaque item : 1) Heading=année  2) Heading=titre  3) Text=texte
   ========================================================== */

.elementor-4050 .elementor-element.elementor-element-d138cf4{
  /* Ajuste ici si besoin */
  --dina-tl-line-thickness: 2px;
  --dina-tl-tick-size: 18px;
  --dina-tl-top-gap: 28px;              /* espace entre la ligne et le contenu */
  --dina-tl-gap: clamp(1.25rem, 3vw, 4.5rem);
  --dina-tl-color: currentColor;        /* mets #000 si tu veux du noir forcé */

  position: relative;
  padding-top: var(--dina-tl-top-gap);
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--dina-tl-gap) !important;
}

/* Ligne horizontale en haut */
.elementor-4050 .elementor-element.elementor-element-d138cf4::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height: var(--dina-tl-line-thickness);
  background: var(--dina-tl-color);
  opacity: .65;
  pointer-events:none;
}

/* Item */
.elementor-4050 .elementor-element.elementor-element-d138cf4 .dina-tl-item{
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  text-align: center;
}

/* Repère vertical (tick) sous la ligne, centré sur l’item */
.elementor-4050 .elementor-element.elementor-element-d138cf4 .dina-tl-item::before{
  content:"";
  position:absolute;
  top: calc(-1 * var(--dina-tl-top-gap));  /* remonte jusqu’à la ligne */
  left: 50%;
  transform: translateX(-50%);
  width: var(--dina-tl-line-thickness);
  height: var(--dina-tl-tick-size);        /* descend depuis la ligne */
  background: var(--dina-tl-color);
  opacity: .65;
  pointer-events:none;
}

/* Typo (basée sur l’ordre des widgets dans chaque item) */
.elementor-4050 .elementor-element.elementor-element-d138cf4 .dina-tl-item > .elementor-element:nth-child(1) .elementor-heading-title{
  font-weight: 700;
  line-height: 1.1;
  margin: 0;
}

.elementor-4050 .elementor-element.elementor-element-d138cf4 .dina-tl-item > .elementor-element:nth-child(2) .elementor-heading-title{
  font-weight: 700;
  line-height: 1.2;
  margin: .5rem 0 0;
}

.elementor-4050 .elementor-element.elementor-element-d138cf4 .dina-tl-item > .elementor-element:nth-child(3){
  margin-top: .75rem;
}

/* Tablet (breakpoint Elementor par défaut : 1024) */
@media (max-width: 1024px){
  .elementor-4050 .elementor-element.elementor-element-d138cf4{
    --dina-tl-top-gap: 24px;
    --dina-tl-tick-size: 16px;
    --dina-tl-gap: clamp(1rem, 2.5vw, 2.5rem);
  }
}

/* Mobile (breakpoint Elementor par défaut : 767) -> timeline verticale à gauche */
@media (max-width: 767px){
  .elementor-4050 .elementor-element.elementor-element-d138cf4{
    flex-direction: column;
    padding-top: 0;
    padding-left: 2.25rem;     /* place pour la ligne à gauche */
    gap: 1.5rem !important;
    justify-content: flex-start;
    align-items: stretch;
  }

  /* Ligne verticale à gauche */
  .elementor-4050 .elementor-element.elementor-element-d138cf4::before{
    top: 0;
    bottom: 0;
    left: .75rem;
    right: auto;
    width: var(--dina-tl-line-thickness);
    height: auto;
  }

  .elementor-4050 .elementor-element.elementor-element-d138cf4 .dina-tl-item{
    text-align: left;
  }

  /* Repère devient horizontal (petit tiret depuis la ligne vers le contenu) */
  .elementor-4050 .elementor-element.elementor-element-d138cf4 .dina-tl-item::before{
    top: .9rem;                 /* ajuste si tu veux pile en face de l’année */
    left: .75rem;
    transform: none;
    width: 14px;
    height: var(--dina-tl-line-thickness);
  }
}/* End custom CSS */