.elementor-51629 .elementor-element.elementor-element-11aeda9{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-51629 .elementor-element.elementor-element-bf791d3{--display:flex;}.elementor-widget-heading .ep-tooltip[data-tooltip]:before{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Din-Light;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Din-Light;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-51629 .elementor-element.elementor-element-ca53954{text-align:center;}.elementor-51629 .elementor-element.elementor-element-ca53954 .elementor-heading-title{font-family:"Din-Light", Din-Light;font-size:28px;font-weight:normal;color:#000000;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Din-Light;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-51629 .elementor-element.elementor-element-7ed4469 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-51629 .elementor-element.elementor-element-7ed4469{text-align:center;}.elementor-51629 .elementor-element.elementor-element-7ed4469 img{width:1120px;height:630px;object-fit:cover;object-position:center center;border-radius:3px 3px 3px 3px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Din-Light;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-51629 .elementor-element.elementor-element-5842fcc > .elementor-widget-container{margin:40px 0px 40px 0px;}.elementor-51629 .elementor-element.elementor-element-5842fcc{text-align:justify;font-family:"Din-Light", Din-Light;font-weight:normal;color:#000000;}.elementor-51629 .elementor-element.elementor-element-eafe65a{--display:flex;--padding-top:0px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}@media(min-width:768px){.elementor-51629 .elementor-element.elementor-element-eafe65a{--content-width:1140px;}}@media(max-width:1024px){.elementor-51629 .elementor-element.elementor-element-ca53954 .elementor-heading-title{font-size:28px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-51629 .elementor-element.elementor-element-7ed4469 img{height:420px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-51629 .elementor-element.elementor-element-ca53954 .elementor-heading-title{font-size:20px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-51629 .elementor-element.elementor-element-7ed4469 img{width:400px;height:200px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for html, class: .elementor-element-6f7bf65f */.bandi-timeline{
  --line:#d1d1d1;
  --dot:#111;
  --text:#111;
  --alt-bg:#F7F7F7;

  --year-col:82px;
  --axis-col:34px;
  --gap:18px;

  width:100%;
  max-width:920px;
  margin:0 auto;
  padding:10px 0 20px;

  /* Typographie globale Elementor */
  font-family:var(--e-global-typography-text-font-family, inherit);
  color:var(--text);
}

.bandi-timeline *{
  box-sizing:border-box;
}

/* ==========================================
   UNE ÉTAPE DE LA TIMELINE
   ========================================== */

.bandi-timeline .item{
  display:grid;
  grid-template-columns:var(--year-col) var(--axis-col) minmax(0,1fr);
  column-gap:var(--gap);

  position:relative;
  min-height:175px;

  margin:0;
  padding:28px 30px 34px 0;
}

/* Fond gris une année sur deux */
.bandi-timeline .item:nth-child(even){
  background:var(--alt-bg);
}

/* ==========================================
   LIGNE VERTICALE

   Chaque bloc dessine sa portion de ligne.
   Comme les blocs se touchent, la ligne est
   parfaitement continue entre les années.
   ========================================== */

.bandi-timeline .item::before{
  content:"";
  position:absolute;

  /* 82 année + 18 gap + moitié de 34 axe */
  left:calc(var(--year-col) + var(--gap) + (var(--axis-col) / 2));

  top:0;
  bottom:0;

  width:1px;
  background:var(--line);

  transform:translateX(-50%);
  z-index:1;
}

/* Premier bloc :
   la ligne commence au niveau du premier point */
.bandi-timeline .item:first-child::before{
  top:37px;
}

/* Dernier bloc :
   la ligne s'arrête exactement au dernier point */
.bandi-timeline .item:last-child::before{
  bottom:auto;
  height:37px;
}

/* ==========================================
   ANNÉE
   ========================================== */

.bandi-timeline .year{
  position:relative;
  z-index:3;

  padding-top:1px;

  text-align:right;
  white-space:nowrap;

  font-family:var(--e-global-typography-text-font-family, inherit);
  font-size:20px;
  font-weight:var(--e-global-typography-text-font-weight, 400);
  line-height:1.2;
}

/* ==========================================
   AXE + POINT
   ========================================== */

.bandi-timeline .axis{
  position:relative;
  z-index:3;
}

.bandi-timeline .axis::after{
  content:"";

  position:absolute;
  top:5px;
  left:50%;

  width:8px;
  height:8px;

  border-radius:50%;
  background:var(--dot);

  transform:translateX(-50%);
}

/* ==========================================
   CONTENU
   ========================================== */

.bandi-timeline .content{
  position:relative;
  z-index:3;

  width:100%;
  max-width:620px;
}

/* Petit surtitre */
.bandi-timeline .eyebrow{
  margin:0 0 6px;

  font-family:var(--e-global-typography-text-font-family, inherit);
  font-size:10px;
  font-weight:700;
  line-height:1.2;

  letter-spacing:.08em;
  text-transform:uppercase;
}

/* Titre */
.bandi-timeline h3{
  margin:0 0 13px;

  font-family:var(--e-global-typography-primary-font-family, inherit);
  font-size:26px;
  font-weight:var(--e-global-typography-primary-font-weight, 600);
  line-height:1.12;

  color:var(--text);
}

/* Description */
.bandi-timeline p{
  margin:0 0 12px;

  font-family:var(--e-global-typography-text-font-family, inherit);
  font-size:15px;
  font-weight:var(--e-global-typography-text-font-weight, 400);
  line-height:1.55;

  color:var(--text);
}

.bandi-timeline p:last-child{
  margin-bottom:0;
}

.bandi-timeline strong{
  font-weight:600;
}

/* ==========================================
   MOBILE
   ========================================== */

@media (max-width:767px){

  .bandi-timeline{
    --year-col:52px;
    --axis-col:22px;
    --gap:10px;
  }

  .bandi-timeline .item{
    min-height:0;
    padding:24px 14px 30px 0;
  }

  /* Point mobile :
     padding 24 + top 5 + moitié 8 = 33px */
  .bandi-timeline .item:first-child::before{
    top:33px;
  }

  .bandi-timeline .item:last-child::before{
    height:33px;
  }

  .bandi-timeline .year{
    font-size:16px;
  }

  .bandi-timeline h3{
    font-size:21px;
  }

  .bandi-timeline p{
    font-size:14px;
  }

  .bandi-timeline .eyebrow{
    font-size:9px;
  }
}







/* ==========================================
   ANIMATION D'APPARITION
   ========================================== */

.bandi-timeline.is-animated .item{
  opacity:0;
  transform:translateY(25px);
  transition:
    opacity .7s ease,
    transform .7s ease;
}

.bandi-timeline.is-animated .item.is-visible{
  opacity:1;
  transform:translateY(0);
}

/* Accessibilité : désactive l'animation si
   l'utilisateur préfère moins de mouvements */
@media (prefers-reduced-motion: reduce){
  .bandi-timeline.is-animated .item{
    opacity:1;
    transform:none;
    transition:none;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Din-Light';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://bandi.design/wp-content/uploads/2019/01/ufonts.com_din-light-webfont-1.eot');
	src: url('https://bandi.design/wp-content/uploads/2019/01/ufonts.com_din-light-webfont-1.eot?#iefix') format('embedded-opentype'),
		url('https://bandi.design/wp-content/uploads/2019/01/ufonts.com_din-light-webfont-1.woff2') format('woff2'),
		url('https://bandi.design/wp-content/uploads/2019/01/ufonts.com_din-light-webfont-1.woff') format('woff'),
		url('https://bandi.design/wp-content/uploads/2019/01/ufonts.com_din-light-webfont.ttf') format('truetype'),
		url('https://bandi.design/wp-content/uploads/2019/01/ufonts.com_din-light-webfont-1.svg#Din-Light') format('svg');
}
/* End Custom Fonts CSS */