.elementor-kit-10{--e-global-color-primary:#253D92;--e-global-color-secondary:#EFEEEF;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-0604232:#253D92;--e-global-typography-primary-font-family:"Work Sans";--e-global-typography-primary-font-size:20px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Work Sans";--e-global-typography-secondary-font-size:19px;--e-global-typography-secondary-font-weight:300;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-297afa3-font-family:"205TF Plaax 44 Terme Bold";--e-global-typography-890a155-font-family:"205TF Plaax 44 Terme Regular";--e-global-typography-002591f-font-family:"205TF Plaax 44 Terme Light";--e-global-typography-30cb752-font-family:"205TF Plaax 44 Foch Bold";--e-global-typography-79a6d3b-font-family:"205TF Plaax 44 Foch Regular";--e-global-typography-f223a43-font-family:"205TF Plaax 44 Foch Light";background-color:#EFEEEF;color:var( --e-global-color-0604232 );font-family:"Work Sans", Sans-serif;}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{background-color:#3625BE00;}.elementor-kit-10 button:hover,.elementor-kit-10 button:focus,.elementor-kit-10 input[type="button"]:hover,.elementor-kit-10 input[type="button"]:focus,.elementor-kit-10 input[type="submit"]:hover,.elementor-kit-10 input[type="submit"]:focus,.elementor-kit-10 .elementor-button:hover,.elementor-kit-10 .elementor-button:focus{background-color:#0B17FA00;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 p{margin-block-end:0px;}.elementor-kit-10 h1{color:#253D92;font-family:"Work Sans", Sans-serif;font-size:18px;font-weight:600;}.elementor-kit-10 h2{color:var( --e-global-color-0604232 );font-family:"Work Sans", Sans-serif;font-size:17px;font-weight:300;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.menu-ligne {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: -0.7em;
  color: #253d92;
}

/* Cache la case à cocher */
.menu-ligne input[type="checkbox"] {
  display: none;
}

/* Titre du menu */
.titre-ligne {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding-left: 2.5ch;
  transition: all 0.3s ease;
  color: #253d92;
  text-align: left;
}

/* // invisibles par défaut */
.titre-ligne::before {
  content:"";
  position: absolute;
  left: 10px;
  font-weight: 300;
  color: #253d92;
  transition: opacity 0.2s ease;
}

/* Hover : // visibles + décalage */
.menu-ligne input[type="checkbox"]:not(:checked) + .titre-ligne:hover {
  transform: translateX(-13px);
}

.menu-ligne input[type="checkbox"]:not(:checked) + .titre-ligne:hover::before {
  content: "//";
  opacity: 1;
}

/* Clic = retour à droite + gras + // */
input[type="checkbox"]:checked + .titre-ligne {
  font-weight: bold;
  transform: none;
}

input[type="checkbox"]:checked + .titre-ligne::before {
  content: "//";
  opacity: 1;
}

.contenu-ligne {
  width: 100%;
  align-self: flex-end; /* s'aligne comme le titre */
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.6s ease, opacity 0.6s ease;
  align-self: flex-start;
  padding-left: 2.5ch;
  margin-top: 1.3em;
  margin-bottom: 0; /* ici */
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #253d92;
  max-width: 100%;
}

input[type="checkbox"]:checked + .titre-ligne + .contenu-ligne {
  max-height: 500px;
  opacity: 1;
  margin-bottom: 2.5em; /* seulement quand ouvert */
}

input[type="checkbox"]:checked + .titre-ligne + .contenu-ligne {
  display: block;
}

.formulaire-contact {
  display: flex;
  flex-direction: column;
  gap: 0.6em;
  width: 100%;
  max-width: none;
  align-items: stretch; /* étire tous les éléments */
}

.formulaire-contact {
  padding-right: 0;
}

.formulaire-contact input,
.formulaire-contact textarea {
  width: 100%;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #253d92;
  border-radius: 0;
  background: transparent;
  color: #253d92 !important;
  background-color: transparent !important;
  font-family: 'Work Sans', sans-serif;
  font-size: 15px;
  font-weight: 300;
  padding: 0.2em 0;
}

.formulaire-contact textarea {
  border: none; /* pas de ligne sous le textarea */
}

.formulaire-contact input::placeholder,
.formulaire-contact textarea::placeholder {
  color: #253d92;
  opacity: 1;
  font-style: normal;
}

.formulaire-contact button {
  margin-top: 2em;
  font-family: 'Work Sans', sans-serif;
  font-size: 13px;
  font-weight: 300;
  color: #253d92;
  background: transparent;
  border: 1px solid #253d92;
  padding: 0.25em 1em;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
  align-self: flex-end;
}

.formulaire-contact button:hover {
  background-color: #253d92;
  color: white;
}

.formulaire-contact input:focus,
.formulaire-contact textarea:focus {
  outline: none;
  border-bottom: 1px solid #253d92 !important;
}

.formulaire-contact textarea {
  border: none !important;
}

.formulaire-contact textarea:focus {
  border: none !important;
  outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  box-shadow: 0 0 0px 1000px transparent inset !important;
  color: #253d92 !important;
  transition: background-color 9999s ease-out 0s;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill {
  -webkit-text-fill-color: #253d92 !important;
  transition: background-color 9999s ease-out 0s;
  box-shadow: 0 0 0px 1000px transparent inset !important;
}

.slider {
  position: relative;
  width: 100%;
  aspect-ratio: 3/4; /* ajuste selon le ratio de tes images */
  overflow: hidden;
}



.slides img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  animation: fade 12s infinite;
}

.slides img:nth-child(1) {
  animation-delay: 0s;
}
.slides img:nth-child(2) {
  animation-delay: 4s;
}
.slides img:nth-child(3) {
  animation-delay: 8s;
}
/* Ajoute +4s par image si tu en ajoutes plus */

@keyframes fade {
  0% { opacity: 1; }
  30% { opacity: 1; }
  33.33% { opacity: 0; }
  100% { opacity: 0; }
}

/* Masquer le panneau latéral par défaut */
#sidebar-panel {
  width: 0;
  overflow: hidden;
  transition: width 0.4s ease;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 10;
  background: white; /* ou ce que tu veux */
}

/* Quand on l’active */
#sidebar-panel.active {
  width: 30%;
}

/* Slider principal */
.slider-hopliz-container {
  transition: width 0.4s ease;
  width: 100%;
}

/* Réduction du slider quand le panneau est visible */
.slider-hopliz-container.shrink {
  width: 75%;
}

.svg-tight-left {
  margin-left: -200px;
  display: inline-block;
  cursor: pointer;
}

.projet-suivant {
  margin-left: -200px;
  display: inline-block;
  cursor: pointer;
}

/* Affichage des images plein écran centrées */

/* Images plein écran centrées pour hover */
[class^="image-"] {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;

  object-fit: cover !important;
  object-position: center center !important;

  display: block !important;
  margin: 0 !important;
  padding: 0 !important;

  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 999 !important;

  transition: opacity 0.3s ease !important;
}

/* Affichage dynamique sur hover */
.les-echappes-1:hover .image-moop {
  opacity: 1 !important;
}
.les-echappes-2:hover .image-beal {
  opacity: 1 !important;
}
.les-echappes-3:hover .image-reveler {
  opacity: 1 !important;
}
/* Et ainsi de suite pour chaque ligne */

.page-id-1434 header,
.page-id-1434 .site-header,
.page-id-1434 .elementor-location-header,
.page-id-1434 .elementor-header,
.page-id-1434 #masthead {
  display: none !important;
}

.page-id-1434 footer,
.page-id-1434 .site-footer,
.page-id-1434 #colophon,
.page-id-1434 .elementor-location-footer {
  display: none !important;
}



.bloc-hover .texte-hover {
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.bloc-hover:hover .texte-hover {
  opacity: 1;
  pointer-events: auto;
}

.diapo {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
.elementor-location-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: #EFEEEF; /* adapte selon ton design */
}

.mail-image {
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  position: fixed;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
}

/* uniquement au survol de l’item mail */
body:has(.elementor-location-footer .elementor-icon-list-item:nth-child(3):hover) .mail-image {
  opacity: 1;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: '205TF Plaax 44 Terme Bold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://annefraysse.yohanndeprez.com/wp-content/uploads/2025/02/205TF-Plaax-44-Terme-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: '205TF Plaax 44 Terme Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://annefraysse.yohanndeprez.com/wp-content/uploads/2025/02/205TF-Plaax-34-Terme-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: '205TF Plaax 44 Terme Light';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://annefraysse.yohanndeprez.com/wp-content/uploads/2025/02/205TF-Plaax-24-Terme-Light.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: '205TF Plaax 44 Foch Bold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://annefraysse.yohanndeprez.com/wp-content/uploads/2025/02/205TF-Plaax-45-Foch-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: '205TF Plaax 44 Foch Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://annefraysse.yohanndeprez.com/wp-content/uploads/2025/02/205TF-Plaax-35-Foch-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: '205TF Plaax 44 Foch Light';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://annefraysse.yohanndeprez.com/wp-content/uploads/2025/02/205TF-Plaax-25-Foch-Light.ttf') format('truetype');
}
/* End Custom Fonts CSS */