.elementor-845 .elementor-element.elementor-element-26ca278{width:100%;max-width:100%;}.elementor-845 .elementor-element.elementor-element-491d9b4{--display:flex;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-845 .elementor-element.elementor-element-20b5e71{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-845 .elementor-element.elementor-element-20b5e71 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-845 .elementor-element.elementor-element-20b5e71 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-845 .elementor-element.elementor-element-18f08ef{width:100%;max-width:100%;}.elementor-845 .elementor-element.elementor-element-0ba084b{width:100%;max-width:100%;}.elementor-845 .elementor-element.elementor-element-23f3bf2{--display:flex;}.elementor-845 .elementor-element.elementor-element-c5aa1b6{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-845 .elementor-element.elementor-element-c5aa1b6 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-845 .elementor-element.elementor-element-c5aa1b6 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-845 .elementor-element.elementor-element-f05276f{width:100%;max-width:100%;}.elementor-845 .elementor-element.elementor-element-ea503e4{--display:flex;}.elementor-845 .elementor-element.elementor-element-4f74339{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-845 .elementor-element.elementor-element-4f74339 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-845 .elementor-element.elementor-element-4f74339 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-845 .elementor-element.elementor-element-de7d666{width:100%;max-width:100%;}.elementor-845 .elementor-element.elementor-element-b774b78{--display:flex;}.elementor-845 .elementor-element.elementor-element-349e7ae{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-845 .elementor-element.elementor-element-349e7ae .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-845 .elementor-element.elementor-element-349e7ae .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-845 .elementor-element.elementor-element-d8c8767{width:100%;max-width:100%;}.elementor-845 .elementor-element.elementor-element-817ae19{--display:flex;}.elementor-845 .elementor-element.elementor-element-c21daf9{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-845 .elementor-element.elementor-element-c21daf9 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-845 .elementor-element.elementor-element-c21daf9 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-845 .elementor-element.elementor-element-defbf4a{width:100%;max-width:100%;}.elementor-845 .elementor-element.elementor-element-9429d13{--display:flex;}.elementor-845 .elementor-element.elementor-element-7acfc98{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-845 .elementor-element.elementor-element-7acfc98 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-845 .elementor-element.elementor-element-7acfc98 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-845 .elementor-element.elementor-element-0d4adfb{width:100%;max-width:100%;}.elementor-845 .elementor-element.elementor-element-48e61e5{--display:flex;}.elementor-845 .elementor-element.elementor-element-b47e3d9{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-845 .elementor-element.elementor-element-b47e3d9 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-845 .elementor-element.elementor-element-b47e3d9 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-845 .elementor-element.elementor-element-5402d5f{width:100%;max-width:100%;}@media(max-width:1024px){.elementor-widget-gallery .elementor-gallery-item__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-gallery .elementor-gallery-item__description{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-gallery .elementor-gallery-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-gallery .elementor-gallery-item__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-gallery .elementor-gallery-item__description{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-gallery .elementor-gallery-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for html, class: .elementor-element-d87ee01 *//* =========================================================
   CORRECTIF COULEURS DU HERO À PROPOS
========================================================= */

:root,
.vlm-about-page {
  --vlm-navy: #0f2d4d;
  --vlm-blue: #4477a8;
  --vlm-glacier: #bbd3e6;
  --vlm-gold: #d4b15a;
  --vlm-paper: #fdf9f2;
  --vlm-white: #ffffff;
  --vlm-text: #3e4956;
  --vlm-border: #d7d4cc;
}

.vlm-about-hero {
  background:
    radial-gradient(
      circle at 86% 12%,
      rgba(68,119,168,.34),
      rgba(68,119,168,0) 38%
    ),
    linear-gradient(
      135deg,
      #0a223a 0%,
      #0f2d4d 58%,
      #17436f 100%
    ) !important;

  color: #fdf9f2 !important;
  border-bottom: 6px solid #d4b15a !important;
}

.vlm-about-hero .vlm-about-tag {
  color: #bbd3e6 !important;
}

.vlm-about-hero h1 {
  color: #ffffff !important;
}

.vlm-about-hero h2 {
  color: #bbd3e6 !important;
}

.vlm-about-hero .vlm-about-lead {
  color: #fdf9f2 !important;
}

.vlm-about-hero .vlm-about-lead strong {
  color: #ffffff !important;
}

.vlm-about-hero .vlm-about-nav,
.vlm-about-hero .vlm-about-nav span {
  color: #fdf9f2 !important;
}

.vlm-about-hero .vlm-about-nav a {
  color: #bbd3e6 !important;
  border-bottom-color: #bbd3e6 !important;
}

.vlm-about-hero .vlm-about-nav a:hover {
  color: #d4b15a !important;
  border-bottom-color: #d4b15a !important;
}


<<style>
/* =========================================================
   PALETTE ET BASE GÉNÉRALE
========================================================= */

.vlm-about-page {
  --vlm-navy: #0f2d4d;
  --vlm-blue: #4477a8;
  --vlm-glacier: #bbd3e6;
  --vlm-gold: #d4b15a;
  --vlm-paper: #fdf9f2;
  --vlm-paper-deep: #f5f0e7;
  --vlm-white: #ffffff;
  --vlm-text: #3e4956;
  --vlm-muted: #66737d;
  --vlm-border: #d7d4cc;
  width: 100%;
  margin: 0;
  padding: 0;
  color: var(--vlm-text);
  font-family: inherit;
  line-height: 1.65;
}

.vlm-about-page *,
.vlm-about-page *::before,
.vlm-about-page *::after {
  box-sizing: border-box;
}

.vlm-about-inner {
  width: min(1040px, calc(100% - 2rem));
  margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-26ca278 *//* =========================================================
   HERO
========================================================= */

.vlm-about-hero {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: clamp(4rem, 8vw, 6.5rem) 1rem;
  color: var(--vlm-paper);
  background:
    radial-gradient(circle at 86% 12%, rgba(68,119,168,.34), rgba(68,119,168,0) 38%),
    linear-gradient(135deg, #0a223a 0%, var(--vlm-navy) 58%, #17436f 100%);
  border-bottom: 6px solid var(--vlm-gold);
  text-align: center;
}

.vlm-about-hero::before {
  content: "";
  position: absolute;
  top: -180px;
  right: -110px;
  width: 420px;
  height: 420px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50%;
}

.vlm-about-hero::after {
  content: "";
  position: absolute;
  bottom: -220px;
  left: -150px;
  width: 470px;
  height: 470px;
  border: 1px solid rgba(212,177,90,.16);
  border-radius: 50%;
}

.vlm-about-hero-inner {
  position: relative;
  z-index: 1;
  width: min(960px, calc(100% - 1rem));
  margin: 0 auto;
  text-align: center;
}

.vlm-about-tag {
  display: block;
  margin: 0 0 1rem;
  color: var(--vlm-glacier);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .17em;
  text-transform: uppercase;
}

.vlm-about-hero h1 {
  margin: 0 0 .75rem;
  color: var(--vlm-white);
  font-size: clamp(2.8rem,5vw,4.5rem);
line-height:.95;
letter-spacing:-.03em;
  font-weight: 850;
  line-height: 1;
  letter-spacing: -.035em;
  text-transform: uppercase;
}

.vlm-about-hero h2 {
  margin: 0 0 2rem;
  color: var(--vlm-glacier);
  font-size: clamp(1.2rem, 2.5vw, 1.65rem);
  font-style: italic;
  font-weight: 450;
  line-height: 1.4;
}

.vlm-about-lead {
  max-width: 860px;
  margin: 0 auto 1.35rem;
  color: rgba(255,255,255,.93);
  font-size: clamp(1rem, 1.7vw, 1.13rem);
  line-height: 1.78;
  text-align: center;
}

.vlm-about-lead strong {
  color: var(--vlm-white);
}

.vlm-about-nav {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem 1.1rem;
  align-items: center;
  justify-content: center;
  max-width: 900px;
  margin: 2rem auto 0;
  padding-top: 1.35rem;
  border-top: 1px solid rgba(255,255,255,.18);
}

.vlm-about-nav span {
  color: var(--vlm-paper);
  font-size: .88rem;
}

.vlm-about-nav a {
  color: var(--vlm-glacier);
  border-bottom: 1px dashed var(--vlm-glacier);
  font-size: .78rem;
  font-weight: 820;
  letter-spacing: .055em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color .2s ease, border-color .2s ease;
}

.vlm-about-nav a:hover {
  color: var(--vlm-gold);
  border-bottom-color: var(--vlm-gold);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-491d9b4 */.vlm-history-gallery {
  position: relative;
  width: min(980px, calc(100% - 2rem));
  margin: 0 auto !important;
  padding: clamp(1rem, 2vw, 1.6rem) 0 clamp(1.8rem, 3vw, 2.8rem)
           clamp(2.2rem, 5vw, 4rem);
  border-left: 3px solid var(--vlm-border);
}

.vlm-history-gallery::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -5px;
  width: 7px;
  height: 7px;
  background: var(--vlm-blue);
  border-radius: 50%;
  transform: translateY(-50%);
}

.vlm-history-gallery .elementor-image-gallery,
.vlm-history-gallery .gallery,
.vlm-history-gallery .e-gallery-container {
  width: 100%;
  margin: 0 auto !important;
}

.vlm-history-gallery img {
  border-radius: 8px;
  box-shadow: 0 5px 16px rgba(15,45,77,.10);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-18f08ef *//* =========================================================
   INTRODUCTION DE LA CHRONOLOGIE
========================================================= */

.vlm-history-intro-block {
  padding: clamp(3.5rem, 7vw, 5.5rem) 0;
  background: var(--vlm-white);
  text-align: center;
}

.vlm-history-kicker {
  display: block;
  margin-bottom: .7rem;
  color: var(--vlm-blue);
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.vlm-history-intro-block h2 {
  max-width: 880px;
  margin: 0 auto 1rem;
  color: var(--vlm-navy);
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 820;
  line-height: 1.12;
  letter-spacing: -.025em;
}

.vlm-history-intro-block p {
  max-width: 800px;
  margin: 0 auto;
  color: var(--vlm-text);
  font-size: 1.04rem;
  line-height: 1.75;
}

.vlm-history-rule {
  width: 56px;
  height: 4px;
  margin: 1.35rem auto 0;
  background: var(--vlm-gold);
  border-radius: 999px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0ba084b *//* =========================================================
   CHAPITRES DE LA CHRONOLOGIE
========================================================= */

.vlm-history-chapter {
  position: relative;
  padding: clamp(2.8rem, 5vw, 4.2rem) 0;
  background: var(--vlm-white);
}

.vlm-history-chapter.vlm-history-alt {
  background: var(--vlm-paper);
}

.vlm-history-chapter-inner {
  position: relative;
  width: min(980px, calc(100% - 2rem));
  margin: 0 auto;
  padding-left: clamp(2.2rem, 5vw, 4rem);
  border-left: 3px solid var(--vlm-border);
}

.vlm-history-chapter-inner::before {
  content: "";
  position: absolute;
  top: .35rem;
  left: -8px;
  width: 13px;
  height: 13px;
  background: var(--vlm-gold);
  border: 2px solid var(--vlm-white);
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--vlm-navy);
}

.vlm-history-date {
  display: inline-block;
  margin-bottom: .65rem;
  color: var(--vlm-blue);
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.vlm-history-chapter h3 {
  max-width: 850px;
  margin: 0 0 1.25rem;
  color: var(--vlm-navy);
  font-size: clamp(1.45rem, 3vw, 2.15rem);
  font-weight: 820;
  line-height: 1.22;
  letter-spacing: -.015em;
}

.vlm-history-chapter h3::after {
  content: "";
  display: block;
  width: 48px;
  height: 2px;
  margin-top: .9rem;
  background: var(--vlm-gold);
}

.vlm-history-copy {
  max-width: 850px;
}

.vlm-history-copy p {
  margin: 0 0 1rem;
  color: var(--vlm-text);
  font-size: 1rem;
  line-height: 1.76;
  text-align: left;
}

.vlm-history-copy p:last-child {
  margin-bottom: 0;
}

.vlm-history-copy strong {
  color: var(--vlm-navy);
  font-weight: 750;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23f3bf2 */.vlm-history-gallery {
  position: relative;
  width: min(980px, calc(100% - 2rem));
  margin: 0 auto !important;
  padding: clamp(1rem, 2vw, 1.6rem) 0 clamp(1.8rem, 3vw, 2.8rem)
           clamp(2.2rem, 5vw, 4rem);
  border-left: 3px solid var(--vlm-border);
}

.vlm-history-gallery::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -5px;
  width: 7px;
  height: 7px;
  background: var(--vlm-blue);
  border-radius: 50%;
  transform: translateY(-50%);
}

.vlm-history-gallery .elementor-image-gallery,
.vlm-history-gallery .gallery,
.vlm-history-gallery .e-gallery-container {
  width: 100%;
  margin: 0 auto !important;
}

.vlm-history-gallery img {
  border-radius: 8px;
  box-shadow: 0 5px 16px rgba(15,45,77,.10);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f05276f *//* =========================================================
   CHAPITRES DE LA CHRONOLOGIE
========================================================= */

.vlm-history-chapter {
  position: relative;
  padding: clamp(2.8rem, 5vw, 4.2rem) 0;
  background: var(--vlm-white);
}

.vlm-history-chapter.vlm-history-alt {
  background: var(--vlm-paper);
}

.vlm-history-chapter-inner {
  position: relative;
  width: min(980px, calc(100% - 2rem));
  margin: 0 auto;
  padding-left: clamp(2.2rem, 5vw, 4rem);
  border-left: 3px solid var(--vlm-border);
}

.vlm-history-chapter-inner::before {
  content: "";
  position: absolute;
  top: .35rem;
  left: -8px;
  width: 13px;
  height: 13px;
  background: var(--vlm-gold);
  border: 2px solid var(--vlm-white);
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--vlm-navy);
}

.vlm-history-date {
  display: inline-block;
  margin-bottom: .65rem;
  color: var(--vlm-blue);
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.vlm-history-chapter h3 {
  max-width: 850px;
  margin: 0 0 1.25rem;
  color: var(--vlm-navy);
  font-size: clamp(1.45rem, 3vw, 2.15rem);
  font-weight: 820;
  line-height: 1.22;
  letter-spacing: -.015em;
}

.vlm-history-chapter h3::after {
  content: "";
  display: block;
  width: 48px;
  height: 2px;
  margin-top: .9rem;
  background: var(--vlm-gold);
}

.vlm-history-copy {
  max-width: 850px;
}

.vlm-history-copy p {
  margin: 0 0 1rem;
  color: var(--vlm-text);
  font-size: 1rem;
  line-height: 1.76;
  text-align: left;
}

.vlm-history-copy p:last-child {
  margin-bottom: 0;
}

.vlm-history-copy strong {
  color: var(--vlm-navy);
  font-weight: 750;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ea503e4 */.vlm-history-gallery {
  position: relative;
  width: min(980px, calc(100% - 2rem));
  margin: 0 auto !important;
  padding: clamp(1rem, 2vw, 1.6rem) 0 clamp(1.8rem, 3vw, 2.8rem)
           clamp(2.2rem, 5vw, 4rem);
  border-left: 3px solid var(--vlm-border);
}

.vlm-history-gallery::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -5px;
  width: 7px;
  height: 7px;
  background: var(--vlm-blue);
  border-radius: 50%;
  transform: translateY(-50%);
}

.vlm-history-gallery .elementor-image-gallery,
.vlm-history-gallery .gallery,
.vlm-history-gallery .e-gallery-container {
  width: 100%;
  margin: 0 auto !important;
}

.vlm-history-gallery img {
  border-radius: 8px;
  box-shadow: 0 5px 16px rgba(15,45,77,.10);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-de7d666 *//* =========================================================
   CHAPITRES DE LA CHRONOLOGIE
========================================================= */

.vlm-history-chapter {
  position: relative;
  padding: clamp(2.8rem, 5vw, 4.2rem) 0;
  background: var(--vlm-white);
}

.vlm-history-chapter.vlm-history-alt {
  background: var(--vlm-paper);
}

.vlm-history-chapter-inner {
  position: relative;
  width: min(980px, calc(100% - 2rem));
  margin: 0 auto;
  padding-left: clamp(2.2rem, 5vw, 4rem);
  border-left: 3px solid var(--vlm-border);
}

.vlm-history-chapter-inner::before {
  content: "";
  position: absolute;
  top: .35rem;
  left: -8px;
  width: 13px;
  height: 13px;
  background: var(--vlm-gold);
  border: 2px solid var(--vlm-white);
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--vlm-navy);
}

.vlm-history-date {
  display: inline-block;
  margin-bottom: .65rem;
  color: var(--vlm-blue);
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.vlm-history-chapter h3 {
  max-width: 850px;
  margin: 0 0 1.25rem;
  color: var(--vlm-navy);
  font-size: clamp(1.45rem, 3vw, 2.15rem);
  font-weight: 820;
  line-height: 1.22;
  letter-spacing: -.015em;
}

.vlm-history-chapter h3::after {
  content: "";
  display: block;
  width: 48px;
  height: 2px;
  margin-top: .9rem;
  background: var(--vlm-gold);
}

.vlm-history-copy {
  max-width: 850px;
}

.vlm-history-copy p {
  margin: 0 0 1rem;
  color: var(--vlm-text);
  font-size: 1rem;
  line-height: 1.76;
  text-align: left;
}

.vlm-history-copy p:last-child {
  margin-bottom: 0;
}

.vlm-history-copy strong {
  color: var(--vlm-navy);
  font-weight: 750;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b774b78 */.vlm-history-gallery {
  position: relative;
  width: min(980px, calc(100% - 2rem));
  margin: 0 auto !important;
  padding: clamp(1rem, 2vw, 1.6rem) 0 clamp(1.8rem, 3vw, 2.8rem)
           clamp(2.2rem, 5vw, 4rem);
  border-left: 3px solid var(--vlm-border);
}

.vlm-history-gallery::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -5px;
  width: 7px;
  height: 7px;
  background: var(--vlm-blue);
  border-radius: 50%;
  transform: translateY(-50%);
}

.vlm-history-gallery .elementor-image-gallery,
.vlm-history-gallery .gallery,
.vlm-history-gallery .e-gallery-container {
  width: 100%;
  margin: 0 auto !important;
}

.vlm-history-gallery img {
  border-radius: 8px;
  box-shadow: 0 5px 16px rgba(15,45,77,.10);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d8c8767 *//* =========================================================
   CHAPITRES DE LA CHRONOLOGIE
========================================================= */

.vlm-history-chapter {
  position: relative;
  padding: clamp(2.8rem, 5vw, 4.2rem) 0;
  background: var(--vlm-white);
}

.vlm-history-chapter.vlm-history-alt {
  background: var(--vlm-paper);
}

.vlm-history-chapter-inner {
  position: relative;
  width: min(980px, calc(100% - 2rem));
  margin: 0 auto;
  padding-left: clamp(2.2rem, 5vw, 4rem);
  border-left: 3px solid var(--vlm-border);
}

.vlm-history-chapter-inner::before {
  content: "";
  position: absolute;
  top: .35rem;
  left: -8px;
  width: 13px;
  height: 13px;
  background: var(--vlm-gold);
  border: 2px solid var(--vlm-white);
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--vlm-navy);
}

.vlm-history-date {
  display: inline-block;
  margin-bottom: .65rem;
  color: var(--vlm-blue);
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.vlm-history-chapter h3 {
  max-width: 850px;
  margin: 0 0 1.25rem;
  color: var(--vlm-navy);
  font-size: clamp(1.45rem, 3vw, 2.15rem);
  font-weight: 820;
  line-height: 1.22;
  letter-spacing: -.015em;
}

.vlm-history-chapter h3::after {
  content: "";
  display: block;
  width: 48px;
  height: 2px;
  margin-top: .9rem;
  background: var(--vlm-gold);
}

.vlm-history-copy {
  max-width: 850px;
}

.vlm-history-copy p {
  margin: 0 0 1rem;
  color: var(--vlm-text);
  font-size: 1rem;
  line-height: 1.76;
  text-align: left;
}

.vlm-history-copy p:last-child {
  margin-bottom: 0;
}

.vlm-history-copy strong {
  color: var(--vlm-navy);
  font-weight: 750;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-817ae19 */.vlm-history-gallery {
  position: relative;
  width: min(980px, calc(100% - 2rem));
  margin: 0 auto !important;
  padding: clamp(1rem, 2vw, 1.6rem) 0 clamp(1.8rem, 3vw, 2.8rem)
           clamp(2.2rem, 5vw, 4rem);
  border-left: 3px solid var(--vlm-border);
}

.vlm-history-gallery::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -5px;
  width: 7px;
  height: 7px;
  background: var(--vlm-blue);
  border-radius: 50%;
  transform: translateY(-50%);
}

.vlm-history-gallery .elementor-image-gallery,
.vlm-history-gallery .gallery,
.vlm-history-gallery .e-gallery-container {
  width: 100%;
  margin: 0 auto !important;
}

.vlm-history-gallery img {
  border-radius: 8px;
  box-shadow: 0 5px 16px rgba(15,45,77,.10);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-defbf4a *//* =========================================================
   CHAPITRES DE LA CHRONOLOGIE
========================================================= */

.vlm-history-chapter {
  position: relative;
  padding: clamp(2.8rem, 5vw, 4.2rem) 0;
  background: var(--vlm-white);
}

.vlm-history-chapter.vlm-history-alt {
  background: var(--vlm-paper);
}

.vlm-history-chapter-inner {
  position: relative;
  width: min(980px, calc(100% - 2rem));
  margin: 0 auto;
  padding-left: clamp(2.2rem, 5vw, 4rem);
  border-left: 3px solid var(--vlm-border);
}

.vlm-history-chapter-inner::before {
  content: "";
  position: absolute;
  top: .35rem;
  left: -8px;
  width: 13px;
  height: 13px;
  background: var(--vlm-gold);
  border: 2px solid var(--vlm-white);
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--vlm-navy);
}

.vlm-history-date {
  display: inline-block;
  margin-bottom: .65rem;
  color: var(--vlm-blue);
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.vlm-history-chapter h3 {
  max-width: 850px;
  margin: 0 0 1.25rem;
  color: var(--vlm-navy);
  font-size: clamp(1.45rem, 3vw, 2.15rem);
  font-weight: 820;
  line-height: 1.22;
  letter-spacing: -.015em;
}

.vlm-history-chapter h3::after {
  content: "";
  display: block;
  width: 48px;
  height: 2px;
  margin-top: .9rem;
  background: var(--vlm-gold);
}

.vlm-history-copy {
  max-width: 850px;
}

.vlm-history-copy p {
  margin: 0 0 1rem;
  color: var(--vlm-text);
  font-size: 1rem;
  line-height: 1.76;
  text-align: left;
}

.vlm-history-copy p:last-child {
  margin-bottom: 0;
}

.vlm-history-copy strong {
  color: var(--vlm-navy);
  font-weight: 750;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9429d13 */.vlm-history-gallery {
  position: relative;
  width: min(980px, calc(100% - 2rem));
  margin: 0 auto !important;
  padding: clamp(1rem, 2vw, 1.6rem) 0 clamp(1.8rem, 3vw, 2.8rem)
           clamp(2.2rem, 5vw, 4rem);
  border-left: 3px solid var(--vlm-border);
}

.vlm-history-gallery::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -5px;
  width: 7px;
  height: 7px;
  background: var(--vlm-blue);
  border-radius: 50%;
  transform: translateY(-50%);
}

.vlm-history-gallery .elementor-image-gallery,
.vlm-history-gallery .gallery,
.vlm-history-gallery .e-gallery-container {
  width: 100%;
  margin: 0 auto !important;
}

.vlm-history-gallery img {
  border-radius: 8px;
  box-shadow: 0 5px 16px rgba(15,45,77,.10);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0d4adfb *//* =========================================================
   CHAPITRES DE LA CHRONOLOGIE
========================================================= */

.vlm-history-chapter {
  position: relative;
  padding: clamp(2.8rem, 5vw, 4.2rem) 0;
  background: var(--vlm-white);
}

.vlm-history-chapter.vlm-history-alt {
  background: var(--vlm-paper);
}

.vlm-history-chapter-inner {
  position: relative;
  width: min(980px, calc(100% - 2rem));
  margin: 0 auto;
  padding-left: clamp(2.2rem, 5vw, 4rem);
  border-left: 3px solid var(--vlm-border);
}

.vlm-history-chapter-inner::before {
  content: "";
  position: absolute;
  top: .35rem;
  left: -8px;
  width: 13px;
  height: 13px;
  background: var(--vlm-gold);
  border: 2px solid var(--vlm-white);
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--vlm-navy);
}

.vlm-history-date {
  display: inline-block;
  margin-bottom: .65rem;
  color: var(--vlm-blue);
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.vlm-history-chapter h3 {
  max-width: 850px;
  margin: 0 0 1.25rem;
  color: var(--vlm-navy);
  font-size: clamp(1.45rem, 3vw, 2.15rem);
  font-weight: 820;
  line-height: 1.22;
  letter-spacing: -.015em;
}

.vlm-history-chapter h3::after {
  content: "";
  display: block;
  width: 48px;
  height: 2px;
  margin-top: .9rem;
  background: var(--vlm-gold);
}

.vlm-history-copy {
  max-width: 850px;
}

.vlm-history-copy p {
  margin: 0 0 1rem;
  color: var(--vlm-text);
  font-size: 1rem;
  line-height: 1.76;
  text-align: left;
}

.vlm-history-copy p:last-child {
  margin-bottom: 0;
}

.vlm-history-copy strong {
  color: var(--vlm-navy);
  font-weight: 750;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48e61e5 */.vlm-history-gallery {
  position: relative;
  width: min(980px, calc(100% - 2rem));
  margin: 0 auto !important;
  padding: clamp(1rem, 2vw, 1.6rem) 0 clamp(1.8rem, 3vw, 2.8rem)
           clamp(2.2rem, 5vw, 4rem);
  border-left: 3px solid var(--vlm-border);
}

.vlm-history-gallery::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -5px;
  width: 7px;
  height: 7px;
  background: var(--vlm-blue);
  border-radius: 50%;
  transform: translateY(-50%);
}

.vlm-history-gallery .elementor-image-gallery,
.vlm-history-gallery .gallery,
.vlm-history-gallery .e-gallery-container {
  width: 100%;
  margin: 0 auto !important;
}

.vlm-history-gallery img {
  border-radius: 8px;
  box-shadow: 0 5px 16px rgba(15,45,77,.10);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5402d5f *//* =========================================================
   CONCLUSION
========================================================= */

.vlm-history-conclusion {
  padding: clamp(3rem, 6vw, 5rem) 0;
  background: var(--vlm-white);
}

.vlm-history-conclusion-box {
  max-width: 900px;
  margin: 0 auto;
  padding: clamp(2rem, 5vw, 3.2rem);
  background: var(--vlm-paper);
  border-top: 5px solid var(--vlm-gold);
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(15,45,77,.08);
  text-align: center;
}

.vlm-history-conclusion-box p {
  margin: 0 0 1rem;
  color: var(--vlm-text);
  font-size: 1.02rem;
  line-height: 1.78;
}

.vlm-history-conclusion-box p:last-child {
  margin-bottom: 0;
}

.vlm-history-conclusion-box strong {
  color: var(--vlm-navy);
}
/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 768px) {
  .vlm-about-hero {
    padding: 3.8rem 1rem;
  }

  .vlm-about-lead {
    text-align: left;
  }

  .vlm-about-nav {
    flex-direction: column;
    gap: .75rem;
  }

  .vlm-about-nav a {
    margin: 0;
  }

  .vlm-history-chapter-inner,
  .vlm-history-gallery {
    padding-left: 1.8rem;
  }

  .vlm-history-copy p {
    text-align: left;
  }

  .vlm-history-gallery {
    width: min(100% - 1.25rem, 980px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .vlm-about-page a {
    transition: none !important;
  }
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae500a7 *//* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 768px) {
  .vlm-about-hero {
    padding: 3.8rem 1rem;
  }

  .vlm-about-lead {
    text-align: left;
  }

  .vlm-about-nav {
    flex-direction: column;
    gap: .75rem;
  }

  .vlm-about-nav a {
    margin: 0;
  }

  .vlm-history-chapter-inner,
  .vlm-history-gallery {
    padding-left: 1.8rem;
  }

  .vlm-history-copy p {
    text-align: left;
  }

  .vlm-history-gallery {
    width: min(100% - 1.25rem, 980px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .vlm-about-page a {
    transition: none !important;
  }
}
</style>/* End custom CSS */