.elementor-10758 .elementor-element.elementor-element-49b2aef{--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:32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10758 .elementor-element.elementor-element-006563e > .elementor-widget-container{background-color:var( --e-global-color-e2a6b5f );padding:16px 16px 16px 16px;border-radius:8px 8px 8px 8px;}.elementor-10758 .elementor-element.elementor-element-006563e .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:1.4rem;font-weight:400;color:var( --e-global-color-0d9de07 );}.elementor-10758 .elementor-element.elementor-element-403952f .elementor-icon-list-icon i{color:var( --e-global-color-e2a6b5f );transition:color 0.3s;}.elementor-10758 .elementor-element.elementor-element-403952f .elementor-icon-list-icon svg{fill:var( --e-global-color-e2a6b5f );transition:fill 0.3s;}.elementor-10758 .elementor-element.elementor-element-403952f .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-b54d0d2 );}.elementor-10758 .elementor-element.elementor-element-403952f .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-b54d0d2 );}.elementor-10758 .elementor-element.elementor-element-403952f{--e-icon-list-icon-size:22px;--icon-vertical-align:center;}.elementor-10758 .elementor-element.elementor-element-403952f .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-10758 .elementor-element.elementor-element-403952f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10758 .elementor-element.elementor-element-403952f .elementor-icon-list-item > a{font-style:italic;}.elementor-10758 .elementor-element.elementor-element-403952f .elementor-icon-list-text{color:var( --e-global-color-e2a6b5f );transition:color 0.3s;}.elementor-10758 .elementor-element.elementor-element-93b8a0f{color:#3B3B3B;}.elementor-10758 .elementor-element.elementor-element-54374c1 .elementor-heading-title{color:#F73981;}.elementor-10758 .elementor-element.elementor-element-be02487{--divider-border-style:solid;--divider-color:var( --e-global-color-e2a6b5f );--divider-border-width:6.9px;}.elementor-10758 .elementor-element.elementor-element-be02487 > .elementor-widget-container{margin:-12px 0px 0px 0px;}.elementor-10758 .elementor-element.elementor-element-be02487 .elementor-divider-separator{width:126px;}.elementor-10758 .elementor-element.elementor-element-be02487 .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-10758 .elementor-element.elementor-element-2f0fad3{color:#3B3B3B;}.elementor-10758 .elementor-element.elementor-element-a7c43dc .elementor-heading-title{color:#F73981;}.elementor-10758 .elementor-element.elementor-element-52618d9{--divider-border-style:solid;--divider-color:var( --e-global-color-e2a6b5f );--divider-border-width:6.9px;}.elementor-10758 .elementor-element.elementor-element-52618d9 > .elementor-widget-container{margin:-12px 0px 0px 0px;}.elementor-10758 .elementor-element.elementor-element-52618d9 .elementor-divider-separator{width:126px;}.elementor-10758 .elementor-element.elementor-element-52618d9 .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-10758 .elementor-element.elementor-element-d922330 .elementor-heading-title{color:#F73981;}.elementor-10758 .elementor-element.elementor-element-4106cb0{--divider-border-style:solid;--divider-color:var( --e-global-color-e2a6b5f );--divider-border-width:6.9px;}.elementor-10758 .elementor-element.elementor-element-4106cb0 > .elementor-widget-container{margin:-12px 0px 0px 0px;}.elementor-10758 .elementor-element.elementor-element-4106cb0 .elementor-divider-separator{width:126px;}.elementor-10758 .elementor-element.elementor-element-4106cb0 .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-10758 .elementor-element.elementor-element-e1fd095 > .elementor-widget-container{background-color:var( --e-global-color-b54d0d2 );background-image:url("https://com360.chu-rouen.fr/wp-content/uploads/sites/57/2026/03/trame_prjt_eta.png");padding:32px 32px 32px 32px;border-radius:16px 16px 16px 16px;}.elementor-10758 .elementor-element.elementor-element-e1fd095 .elementor-image-box-wrapper{text-align:start;}.elementor-10758 .elementor-element.elementor-element-3fcb134 .elementor-heading-title{color:#F73981;}.elementor-10758 .elementor-element.elementor-element-d1c614b{--divider-border-style:solid;--divider-color:var( --e-global-color-e2a6b5f );--divider-border-width:6.9px;}.elementor-10758 .elementor-element.elementor-element-d1c614b > .elementor-widget-container{margin:-12px 0px 0px 0px;}.elementor-10758 .elementor-element.elementor-element-d1c614b .elementor-divider-separator{width:126px;}.elementor-10758 .elementor-element.elementor-element-d1c614b .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-10758 .elementor-element.elementor-element-9dfdbb5{--spacer-size:50px;}@media(min-width:768px){.elementor-10758 .elementor-element.elementor-element-49b2aef{--content-width:1280px;}}/* Start custom CSS for html, class: .elementor-element-4f8a339 *//* ================================
   TIMELINE – PROJET D’ÉTABLISSEMENT
================================ */

.timeline {
  --accent-color: #F73981;
  --primary-color: #00353F;
  --text-color: #3B3B3B;
  --bg-soft: #f7f9fa;

  max-width: 1280px;
  margin: 0 auto;
  padding: rem 1rem;
}

/* TITRES */

.timeline h2 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.timeline .timeline-intro {
  font-size: 1.1rem;
  margin-bottom: 2.5rem;
  color: var(--text-color);
}

/* ITEM */

.timeline .timeline-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 2.5rem;
}

/* NUMÉRO */

.timeline .timeline-step {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  background-color: var(--accent-color);
  color: #ffffff;
  font-weight: 700;
  border-radius: 50%;
  text-align: center;
  line-height: 42px;
  margin-right: 1.5rem;
  position: relative;

  opacity: 0;
  transform: scale(0.6);
  animation: stepAppear 0.6s ease-out forwards;
}

.timeline .timeline-step::after {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 2px solid var(--accent-color);
  opacity: 0;
  animation: pulseRing 0.6s ease-out forwards;
}

/* CONTENU */

.timeline .timeline-content {
  background: var(--bg-soft);
  padding: 1.6rem;
  border-radius: 6px;
  border-left: 4px solid transparent;
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
  transition: border-color 0.3s ease;
}

.timeline .timeline-item:hover .timeline-content {
  border-left-color: var(--accent-color);
}

/* TEXTE */

.timeline .timeline-text {
  flex: 1;
}

.timeline .timeline-content h3 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
  color: var(--accent-color);
}

.timeline .timeline-content p,
.timeline .timeline-content li {
  color: var(--text-color);
  line-height: 1.6;
}

.timeline .timeline-content ul {
  margin-top: 0.5rem;
  padding-left: 1.2rem;
}

/* IMAGE */

.timeline .timeline-image {
  flex-shrink: 0;
  width: 140px;
}

.timeline .timeline-image img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  object-fit: cover;
}

/* ANIMATIONS */

@keyframes stepAppear {
  0% {
    opacity: 0;
    transform: scale(0.6);
  }
  70% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes pulseRing {
  0% {
    opacity: 0.6;
    transform: scale(0.7);
  }
  100% {
    opacity: 0;
    transform: scale(1.3);
  }
}

/* DÉCALAGE D’APPARITION */

.timeline .timeline-item:nth-child(1) .timeline-step { animation-delay: 0.1s; }
.timeline .timeline-item:nth-child(2) .timeline-step { animation-delay: 0.25s; }
.timeline .timeline-item:nth-child(3) .timeline-step { animation-delay: 0.4s; }
.timeline .timeline-item:nth-child(4) .timeline-step { animation-delay: 0.55s; }
.timeline .timeline-item:nth-child(5) .timeline-step { animation-delay: 0.7s; }
.timeline .timeline-item:nth-child(6) .timeline-step { animation-delay: 0.85s; }
.timeline .timeline-item:nth-child(7) .timeline-step { animation-delay: 1s; }

/* ================================
   RESPONSIVE – MOBILE & TABLETTE
================================ */

@media (max-width: 768px) {

  .timeline {
    padding: 2rem 1rem;
  }

  .timeline .timeline-item {
    flex-direction: column;
    margin-bottom: 3rem;
  }

  /* Numéro centré */

  .timeline .timeline-step {
    margin-right: 0;
    margin-bottom: 1rem;
    align-self: flex-start;
  }

  /* Contenu empilé */

  .timeline .timeline-content {
    flex-direction: column;
    gap: 1rem;
    padding: 1.4rem;
  }

  /* Image pleine largeur */

  .timeline .timeline-image {
    width: 100%;
  }

  .timeline .timeline-image img {
    width: 100%;
    aspect-ratio: 3 / 2;
  }

  /* Titres légèrement plus compacts */

  .timeline .timeline-content h3 {
    font-size: 1.15rem;
  }
}/* End custom CSS */