.elementor-kit-6{--e-global-color-primary:#1F2951;--e-global-color-secondary:#A79665;--e-global-color-text:#7A7A7A;--e-global-color-accent:#78AFD9;--e-global-color-6bdc23b:#FFFFFF;--e-global-color-3cd78b7:#F7F7F7;--e-global-color-e5cff4b:#E8F5FF;--e-global-color-0398167:#C2DDF1;--e-global-color-17ddb03:#C8D5AF;--e-global-color-a0a07aa:#617C2E;--e-global-color-35fd8cd:#5F2932;--e-global-color-a654f62:#BA6B78;--e-global-color-f1eba6d:#ECC1C8;--e-global-typography-primary-font-family:"ProximaNova";--e-global-typography-primary-font-size:18px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Merriweather";--e-global-typography-secondary-font-size:13px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"ProximaNova";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-de8e697-font-family:"ProximaNova";--e-global-typography-de8e697-font-size:12px;--e-global-typography-de8e697-font-weight:800;--e-global-typography-de8e697-text-transform:uppercase;--e-global-typography-de8e697-line-height:12px;color:#1F2951;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-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#FFFFFF00;font-weight:700;color:var( --e-global-color-primary );border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-6bdc23b );border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;}.elementor-kit-6 e-page-transition{background-color:#FFFFFF00;}.elementor-kit-6 h1{color:var( --e-global-color-primary );font-family:"ProximaNova", Sans-serif;font-size:3em;font-weight:700;}.elementor-kit-6 h2{font-family:"Merriweather", Sans-serif;font-size:41px;font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1460px;}.e-con{--container-max-width:1460px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-6{font-size:var( --e-global-typography-primary-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{font-size:var( --e-global-typography-primary-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* === Critical CSS pour stabiliser les conteneurs Elementor === */

/* Conteneurs principaux */
.e-con-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* adapte à ton design */
  box-sizing: border-box;
}

/* Chaque élément enfant (colonne/bloc) */
.e-con.e-con-child {
  flex: 1 1 0;
  min-width: 250px; /* évite qu’ils s’empilent brutalement avant CSS */
  box-sizing: border-box;
}

/* Sécurité : hauteur minimale pour éviter les compressions */
.e-con.e-con-child {
  min-height: 150px; /* ajuste selon ta maquette */
}

/* Empêche le décalage horizontal lié à la scrollbar */
html {
  overflow-y: scroll;
}

/* Class CSS avec JS pour le layout shift */
body {
  opacity: 0;
  transition: opacity 0.3s ease;
}
body.page-loaded {
  opacity: 1;
}


/*------ <HEADER DESTKOP> ------*/

    /* <ICON LANGUE> */
    .menu-langue .elementor-nav-menu--main .elementor-item{
        border-left:none;
    }
    .menu-langue .elementor-nav-menu--main .elementor-nav-menu li a {
        padding:0px !important;
    }
    
    .pll-parent-menu-item{
        
	font-family: "ProximaNova", Sans-serif;
	font-size: 0.7em;
	font-weight: 700;
	text-transform: uppercase;

    }
    
    .pll-parent-menu-item .sub-menu {
  left: 50% !important;         /* Décale le sous-menu au milieu du parent */
  transform: translateX(-50%);  /* Ramène le sous-menu en arrière de 50% de sa propre largeur */
  /* Assure que la position est absolute */
  position: absolute !important;
}

  .pll-parent-menu-item .sub-menu.elementor-nav-menu--dropdown {
      min-width:58px !important;
  max-width: 50px !important;      /* largeur max plus raisonnable */
  background-color: white; 
  padding: 0px 0px !important;
  box-shadow: none;
  border: none;
  /* supprimer display:flex pour que le menu apparaisse normalement */
  font-size:12px;
  text-align:center;
}

.pll-parent-menu-item .sub-menu li.current-lang {
  display: none !important;
}

    /* </ICON LANGUE> */

    /* <LOGO> */
    .logo-white {
      display: block;
    }
    .logo-scrolled {
      display: none;
    }
    /* </LOGO> */

    /* <MENU> */*
    .elementor-nav-menu--main .elementor-item{
        border-left:solid 2px var(--e-global-color-secondary);
    }
    .elementor-nav-menu--main .elementor-nav-menu li a {
        padding:6px 20px 6px 10px !important;
    }
    /* dropdown menu*/
    .sub-menu a {
        line-height:3em !important;
    }
    .current-menu-item .elementor-item-active{
        color:#FFF !important;
    }
    .sub-menu .current-menu-item .elementor-item-active{
        color:var(--e-global-color-primary) !important;
    }
    /* </MENU> */

    /* <QUAND MENU STICKY> */
    /* Quand le header devient sticky (Elementor ajoute la classe .elementor-sticky--effects) */
    .elementor-sticky--effects.header-desktop{
        background:#FFF;
        color:red !important;
    }
    .elementor-sticky--effects .logo-white {
      display: none;
    }
    .elementor-sticky--effects .logo-scrolled {
      display: block;
    }
    .elementor-sticky--effects .menu-desktop .elementor-nav-menu--main .elementor-item{
        color:var(--e-global-color-primary) !important;
    }
    .elementor-sticky--effects .menu-btn-contact .elementor-button {
        color:var(--e-global-color-primary) !important;
        border-color: var(--e-global-color-primary) !important;
    }
    .elementor-sticky--effects .menu-btn-contact .elementor-button:hover {
    color:#FFF !important;
    background:var(--e-global-color-primary) !important;
    border-color: var(--e-global-color-primary) !important;
    }
    
    /* </QUAND MENU STICKY> */

/*------ </HEADER DESKTOP> ------*/

/*------ <HEADER MOBILE> ------*/
    .menu-mobile{
      
       /* opacity: 1;*/
       display:none;
       
       /*transform: scaleY(0);*/
       /*       transform-origin: top;*/
        transition: opacity 0.1s ease, transform 0.2s ease;  /* Durée et effet de la transition */
        
        max-height: 0;
       transition: max-height 0.4s ease;

    }
    .menu-show{
        /*opacity: 1;  *//* Rendre visible */
       display:flex;
       
        /*transform: scaleY(1);*/
        
        background:#FFF !important;
        max-height: 6000px;
        
    }
    
    .menu-mobile {
  position: fixed;
  top: 100px;
  left: 0;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: max-height 0.4s ease-in-out;
  z-index: 9999;
 
}

/* Menu visible */
.menu-mobile.menu-show {
  max-height: 100vh;
  height: calc(100vh - 100px);    /* hauteur restante de l'écran */
  overflow-y: auto;               /* scroll interne */
  -webkit-overflow-scrolling: touch;/* ou une hauteur précise si ton contenu est plus court */
}

    .header-mobile{
        background-color: transparent;
        transition: background-color 0.3s ease;
    }
    .header-mobile.scrolled{
        background-color: #FFF !important;
    }
    
.open-menu {
  width: 30px;
  height: 30px;
  cursor: pointer;
  color: white;
  display: inline-block;
  transition: color 0.3s;
}
.open-menu.hamburger-colored {
  color: #1f2a50;
}

.open-menu .icon-cross {
  display: none;
}

.open-menu.is-open .icon-cross {
  display: block;
}

.open-menu.is-open .icon-lines {
  display: none;
}

/*------ </HEADER MOBILE> ------*/

/*------ <FORMULAIRE> ------*/
.form-contact .elementor-field-type-html {
    text-align: justify;
}

/*------ </FORMULAIRE> ------*/

/* ----- FOOTER ------ */

.menu-footer .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li{
    padding: 5px 0;
}

/* FOOTER
.elementor-nav-menu--main .elementor-item:before{
    align-self: center;
    border-color: var(--e-nav-menu-divider-color,#000);
    border-left-style: var(--e-nav-menu-divider-style,solid);
    border-left-width: var(--e-nav-menu-divider-width,2px);
    content: var(--e-nav-menu-divider-content,none);
    height: var(--e-nav-menu-divider-height,35%);
} */

/* MOTIF FOND TITRE */
.bg-title-gris:after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 240px;
    height: 124px;
    background: url(https://client.goonpay.fr/harlington/wp-content/uploads/2025/07/motif-gris-feuille-03.png);
    background-size: cover;
    z-index: -1;
}

.bg-title-bleu:after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 240px;
    height: 124px;
    background: url(https://client.goonpay.fr/harlington/wp-content/uploads/2025/07/motif-titre-bleu-feuille-03.png);
    background-size: cover;
    z-index: -1;
}

.bg-title-bleu2:after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 240px;
    height: 124px;
    background: url(https://client.goonpay.fr/harlington/wp-content/uploads/2025/07/motif-titre-bleu-feuille.png);
    background-size: cover;
    z-index: -1;
}

.bg-title-page:before {
    content: '';
    background-image: url(https://client.goonpay.fr/harlington/wp-content/uploads/2025/07/motif-gris-feuille-03.png);
    position: absolute;
    z-index:-1;
    left: -80px;
    top: -50px;
    height: 253px;
    width: 338px;
    background-size: contain;
    background-repeat: no-repeat;
}

/* MOTIF FOND HEADER PAGE */
.head-section:before {
    content: '';
    background-image: url(https://client.goonpay.fr/harlington/wp-content/uploads/2025/07/motif-head-page-01.png);
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-size: 1100px;
    background-position: center right;
    background-repeat: no-repeat;
}

.head-section:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(180deg,rgba(31,41,81,1) 0%,rgba(31,41,81,0.896796218487395) 33%,rgba(31,41,81,0.5802696078431373) 73%,rgba(15,43,72,0) 100%);
}

.head-section-vert:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(180deg,rgba(73, 97, 34, 1) 0%,rgba(73, 97, 34,0.896796218487395) 33%,rgba(73, 97, 34,0.5802696078431373) 73%,rgba(73, 97, 34,0) 100%);
}

.head-section-rouge:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(180deg,rgba(77,33,41, 1) 0%,rgba(77,33,41,0.896796218487395) 33%,rgba(77,33,41, 0.5802696078431373) 73%,rgba(33, 41, 79, 0) 100%);
}

/* NUMERO ENGAGEMENT */
.numero-engagement1:before {
    content: '1';
    z-index:2;
    position: absolute;
    border:0;
    left: 50%;
    top: -32px;
    transform: translateX(-50%);
    background: #0F2B48;
    color: white;
    font-size: 27px;
    line-height: 34px;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-family: 'Merriweather',Georgia,"Times New Roman",serif;
}
.numero-engagement2:before {
    content: '2';
    z-index:2;
    position: absolute;
    border:0;
    left: 50%;
    top: -32px;
    transform: translateX(-50%);
    background: #0F2B48;
    color: white;
    font-size: 27px;
    line-height: 34px;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-family: 'Merriweather',Georgia,"Times New Roman",serif;
}
.numero-engagement3:before {
    content: '3';
    z-index:2;
    position: absolute;
    border:0;
    left: 50%;
    top: -32px;
    transform: translateX(-50%);
    background: #0F2B48;
    color: white;
    font-size: 27px;
    line-height: 34px;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-family: 'Merriweather',Georgia,"Times New Roman",serif;
}

.numero-engagement1:after, .numero-engagement2:after, .numero-engagement3:after {
    content: '';
    display: inline-block;
    height: 0;
    width: 0;
    border-top: 18px solid #0F2B48;
    border-right: 24px solid transparent;
    border-left: 24px solid transparent;
    position: absolute;
    left: 50%;
    top: 16px;
    transform: translateX(-50%);
}


/* TEST*/

.numero-or-1:before {
    content: '1';
    z-index:2;
    position: absolute;
    border:0;
    left: 50%;
    top: -32px;
    transform: translateX(-50%);
    background: #0F2B48;
    color: white;
    font-size: 27px;
    line-height: 34px;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-family: 'Merriweather',Georgia,"Times New Roman",serif;
}

.or:before{
    background: var(--e-global-color-secondary);
}

.or:after{
    border-top: 18px solid var(--e-global-color-secondary);
}

/* ONGLET TABS ACCUEIL }
.eael-tab-nav-item:before{
    content: "";
    height: 8px;
    display: block;
    background-color: #7599BE !important;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition-property: width;
    transition-duration: 5s;
}
*/

/* ------ ONGLET TABS ACCUEIL ------ */
.e-n-tab-title[aria-selected="true"]::after {
  /*content: "";*/
  /*position: absolute;*/
  top: 57px; /* position caret */
  /*left: 50%;*/
  /*transform: translateX(-50%);*/
  /*width: 0; */
  /*height: 0; */
  /*border-left: 20px solid transparent;*/
  /*border-right: 20px solid transparent;*/
  /*border-top: 20px solid var(--e-global-color-secondary);*/
  /*z-index: 10;  */
}

.elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon{
    margin-bottom:-3px;
}

.e-n-tabs-heading {
  position: relative;
  /* si besoin, ajoute display:flex pour gérer les onglets */
}

/* Barre de progression sous les onglets */
.progress-bar {
  position: absolute;
  top: 0;
  height: 4px;
  background-color: #1f2951;
  width: 0;
  z-index: 4;
}

.progress-bar {
  position: absolute;
  bottom: 0;
  height: 4px;
  background-color: #000;
  width: 100px; /* largeur par défaut, sera mise à jour par JS */
  left: 0;
  z-index: 10;
  transition: left 0.4s ease, width 0.4s ease;
  pointer-events: none;
}

/* suppression padding listte */
ul {padding-left: 16px}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'ProximaNova';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-Light.eot');
	src: url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-Light.woff2') format('woff2'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-Light.woff') format('woff'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-Light.ttf') format('truetype'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-Light.svg#ProximaNova') format('svg');
}
@font-face {
	font-family: 'ProximaNova';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-Regular.eot');
	src: url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-Regular.woff2') format('woff2'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-Regular.woff') format('woff'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-Regular.ttf') format('truetype'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-Regular.svg#ProximaNova') format('svg');
}
@font-face {
	font-family: 'ProximaNova';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-Semibold.eot');
	src: url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-Semibold.woff2') format('woff2'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-Semibold.woff') format('woff'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-Semibold.ttf') format('truetype'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-Semibold.svg#ProximaNova') format('svg');
}
@font-face {
	font-family: 'ProximaNova';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-Bold.eot');
	src: url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-Bold.woff2') format('woff2'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-Bold.woff') format('woff'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-Bold.ttf') format('truetype'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-Bold.svg#ProximaNova') format('svg');
}
@font-face {
	font-family: 'ProximaNova';
	font-style: italic;
	font-weight: 800;
	font-display: auto;
	src: url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-BoldIt.eot');
	src: url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-BoldIt.eot?#iefix') format('embedded-opentype'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-BoldIt.woff2') format('woff2'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-BoldIt.woff') format('woff'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-BoldIt.ttf') format('truetype'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-BoldIt.svg#ProximaNova') format('svg');
}
@font-face {
	font-family: 'ProximaNova';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-RegularIt.eot');
	src: url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-RegularIt.woff2') format('woff2'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-RegularIt.woff') format('woff'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-RegularIt.ttf') format('truetype'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-RegularIt.svg#ProximaNova') format('svg');
}
@font-face {
	font-family: 'ProximaNova';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-SemiboldIt.eot');
	src: url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-SemiboldIt.eot?#iefix') format('embedded-opentype'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-SemiboldIt.woff2') format('woff2'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-SemiboldIt.woff') format('woff'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-SemiboldIt.ttf') format('truetype'),
		url('https://www.harlington.eu/wp-content/uploads/2025/06/ProximaNova-SemiboldIt.svg#ProximaNova') format('svg');
}
/* End Custom Fonts CSS */