.elementor-144 .elementor-element.elementor-element-2fc4333{--display:flex;--position:fixed;--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;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;top:0px;--z-index:4;}.elementor-144 .elementor-element.elementor-element-2fc4333:not(.elementor-motion-effects-element-type-background), .elementor-144 .elementor-element.elementor-element-2fc4333 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-144 .elementor-element.elementor-element-2fc4333::before, .elementor-144 .elementor-element.elementor-element-2fc4333 > .elementor-background-video-container::before, .elementor-144 .elementor-element.elementor-element-2fc4333 > .e-con-inner > .elementor-background-video-container::before, .elementor-144 .elementor-element.elementor-element-2fc4333 > .elementor-background-slideshow::before, .elementor-144 .elementor-element.elementor-element-2fc4333 > .e-con-inner > .elementor-background-slideshow::before, .elementor-144 .elementor-element.elementor-element-2fc4333 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}body:not(.rtl) .elementor-144 .elementor-element.elementor-element-2fc4333{left:0px;}body.rtl .elementor-144 .elementor-element.elementor-element-2fc4333{right:0px;}.elementor-144 .elementor-element.elementor-element-1df7a8b{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144 .elementor-element.elementor-element-1df7a8b:not(.elementor-motion-effects-element-type-background), .elementor-144 .elementor-element.elementor-element-1df7a8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-144 .elementor-element.elementor-element-1df7a8b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-144 .elementor-element.elementor-element-d94ca3f{text-align:left;}.elementor-144 .elementor-element.elementor-element-d94ca3f img{width:183px;}.elementor-144 .elementor-element.elementor-element-871713e{--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;--justify-content:flex-end;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144 .elementor-element.elementor-element-871713e:not(.elementor-motion-effects-element-type-background), .elementor-144 .elementor-element.elementor-element-871713e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-144 .elementor-element.elementor-element-871713e.e-con{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-144 .elementor-element.elementor-element-ac4d3f4.elementor-element{--align-self:flex-end;}.elementor-144 .elementor-element.elementor-element-ac4d3f4 .elementor-icon-wrapper{text-align:left;}.elementor-144 .elementor-element.elementor-element-ac4d3f4.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-144 .elementor-element.elementor-element-ac4d3f4.elementor-view-framed .elementor-icon, .elementor-144 .elementor-element.elementor-element-ac4d3f4.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-144 .elementor-element.elementor-element-ac4d3f4.elementor-view-framed .elementor-icon, .elementor-144 .elementor-element.elementor-element-ac4d3f4.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-144 .elementor-element.elementor-element-ac4d3f4 .elementor-icon{font-size:20px;}.elementor-144 .elementor-element.elementor-element-ac4d3f4 .elementor-icon svg{height:20px;}.elementor-144 .elementor-element.elementor-element-fdae3bd.elementor-element{--align-self:flex-end;}.elementor-144 .elementor-element.elementor-element-fdae3bd{z-index:1002;}.elementor-144 .elementor-element.elementor-element-0a19ed6{--display:flex;--min-height:100vh;--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;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-144 .elementor-element.elementor-element-0df8b1c{width:var( --container-widget-width, 60vw );max-width:60vw;margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 50px) 50px;--container-widget-width:60vw;--container-widget-flex-grow:0;}.elementor-144 .elementor-element.elementor-element-0df8b1c .elementor-nav-menu .elementor-item{font-family:"Open Sans", Sans-serif;font-weight:500;text-transform:uppercase;line-height:27px;}.elementor-144 .elementor-element.elementor-element-0df8b1c .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:22px;padding-right:22px;padding-top:20px;padding-bottom:20px;}.elementor-144 .elementor-element.elementor-element-0df8b1c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-144 .elementor-element.elementor-element-0df8b1c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF;}.elementor-144 .elementor-element.elementor-element-0df8b1c .e--pointer-framed .elementor-item:before,
					.elementor-144 .elementor-element.elementor-element-0df8b1c .e--pointer-framed .elementor-item:after{border-color:#FFFFFF;}.elementor-144 .elementor-element.elementor-element-0df8b1c .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-144 .elementor-element.elementor-element-0df8b1c .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-144 .elementor-element.elementor-element-0df8b1c .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-144 .elementor-element.elementor-element-0df8b1c .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-144 .elementor-element.elementor-element-0df8b1c .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-144 .elementor-element.elementor-element-0df8b1c .e--pointer-underline .elementor-item:after,
					 .elementor-144 .elementor-element.elementor-element-0df8b1c .e--pointer-overline .elementor-item:before,
					 .elementor-144 .elementor-element.elementor-element-0df8b1c .e--pointer-double-line .elementor-item:before,
					 .elementor-144 .elementor-element.elementor-element-0df8b1c .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-144 .elementor-element.elementor-element-601fdee{--display:flex;--min-height:35vh;--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;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;--z-index:99999999;}.elementor-144 .elementor-element.elementor-element-601fdee:not(.elementor-motion-effects-element-type-background), .elementor-144 .elementor-element.elementor-element-601fdee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCF8F8;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-144 .elementor-element.elementor-element-d3e18be .e-search-input{background-color:#6A0DAD;font-family:"Open Sans", Sans-serif;font-size:47px;font-weight:700;letter-spacing:3.4px;word-spacing:0px;border-style:solid;border-width:0px 0px 3px 0px;border-color:#FFFFFF;}.elementor-144 .elementor-element.elementor-element-d3e18be{width:var( --container-widget-width, 90% );max-width:90%;margin:30px 50px calc(var(--kit-widget-spacing, 0px) + 10px) 50px;--container-widget-width:90%;--container-widget-flex-grow:0;--e-search-placeholder-color:#FFFFFF;--e-search-icon-clear-size:23px;--e-search-icon-clear-color:#FFFFFF;}.elementor-144 .elementor-element.elementor-element-d3e18be.e-focus{--e-search-input-color:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-144 .elementor-element.elementor-element-a8051cb{width:var( --container-widget-width, 80% );max-width:80%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0vw 0vw 5vw 5vw;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:left;}.elementor-144 .elementor-element.elementor-element-a8051cb.elementor-element{--align-self:flex-start;}.elementor-144 .elementor-element.elementor-element-a8051cb .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:17px;font-weight:400;color:#CACACA;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-144 .elementor-element.elementor-element-871713e{--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;--justify-content:space-around;--align-items:center;}.elementor-144 .elementor-element.elementor-element-871713e.e-con{--align-self:center;--order:99999 /* order end hack */;}}@media(max-width:767px){.elementor-144 .elementor-element.elementor-element-2fc4333{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-144 .elementor-element.elementor-element-1df7a8b{--width:121px;}.elementor-144 .elementor-element.elementor-element-d94ca3f img{width:120px;}.elementor-144 .elementor-element.elementor-element-871713e{--width:46.046vw;}}@media(min-width:768px){.elementor-144 .elementor-element.elementor-element-2fc4333{--width:100vw;}.elementor-144 .elementor-element.elementor-element-1df7a8b{--width:50%;}.elementor-144 .elementor-element.elementor-element-871713e{--width:52%;}.elementor-144 .elementor-element.elementor-element-0a19ed6{--width:100vw;}}@media(max-width:1024px) and (min-width:768px){.elementor-144 .elementor-element.elementor-element-871713e{--width:21vw;}}/* Start custom CSS for icon, class: .elementor-element-ac4d3f4 */.elementor-144 .elementor-element.elementor-element-ac4d3f4 {
    cursor: pointer;
    top: 4px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fc4333 *//* ==========================================================
   HEADER FIXE ANIMÉ AVEC DÉGRADÉ
   ========================================================== */
.header-fixe {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100px;
  z-index: 100001;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 60px;
  background: transparent;
  backdrop-filter: blur(0px);
  overflow: hidden;
  transition: height 0.3s ease;
  z-index:4;
}

/* Dégradé via pseudo-element */
.header-fixe::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: linear-gradient(135deg, #9b59b6, #6a1b9a);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease-in-out, backdrop-filter 0.5s ease-in-out;
  z-index: -1;
}

/* Quand on scrolle */
.header-fixe.scrolled::before {
  opacity: 0.95;
  backdrop-filter: blur(10px);
}

.header-fixe.scrolled {
  height: 70px;
}

/* Quand le menu est ouvert → pas de fond */
.header-fixe.menu-open::before {
  opacity: 0 !important;
  backdrop-filter: none;
}

/* ==========================================================
   MENU BURGER AVEC LABEL “Menu” CLIQUABLE
   ========================================================== */

/* Wrapper pour aligner label et burger horizontalement */
.menu-burger-wrapper {
  display: flex;
  align-items: center;
  gap: 20px; 
  cursor: pointer;
  z-index: 100002;
}

/* Label Menu plus grand et cliquable */
.menu-burger-wrapper .menu-label {
  color: white;
  font-size: 1.2rem;      
  font-weight: 600;
  pointer-events: auto;   
  user-select: none;
}

/* Conteneur du burger */
.menu-burger {
  width: 28px;
  height: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  transition: transform 0.3s ease;
  z-index: 100002;
}

/* Animation légère au survol global */
.menu-burger:hover {
  transform: scale(1.1) rotate(3deg);
}

/* Les 3 barres */
.menu-burger span {
  display: block;
  height: 3px;
  background: white;
  border-radius: 3px;
  transition: all 0.4s ease;
}

/* Forme en escalier (du plus court au plus long) */
.menu-burger span:nth-child(1) { width: 60%; align-self: flex-start; }
.menu-burger span:nth-child(2) { width: 80%; align-self: flex-start; }
.menu-burger span:nth-child(3) { width: 100%; align-self: flex-start; }

/* Inversion de l’effet escalier au survol */
.menu-burger:hover span:nth-child(1) { width: 100%; }
.menu-burger:hover span:nth-child(2) { width: 80%; }
.menu-burger:hover span:nth-child(3) { width: 60%; }

/* Animation d’ouverture (croix) */
.menu-burger.open span:nth-child(1) {
  transform: rotate(45deg);
  position: absolute;
  top: 12px;
  width: 100%;
}
.menu-burger.open span:nth-child(2) { opacity: 0; }
.menu-burger.open span:nth-child(3) {
  transform: rotate(-45deg);
  position: absolute;
  top: 12px;
  width: 100%;
}

/* ==========================================================
   MENU FULL-SCREEN
   ========================================================== */
.menu-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease, background-image 0.3s ease;
  background-image: url("http://externam-studio.local/wp-content/uploads/2025/11/logo-externam-studio_plan-de-travail-1-copie-3-mxBXQB0nG8FKqQ1g.avif");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100000;
}

/* Quand le menu est ouvert */
.menu-fullscreen.open {
  display: flex;
  opacity: 1;
  pointer-events: auto;
}

/* ==========================================================
   LIENS DU MENU
   ========================================================== */
.menu-fullscreen a {
  color: white;
  font-size: 3rem;
  margin: 30px 0;
  text-decoration: none;
  position: relative;
  transition: color 0.3s ease;
}

/*.menu-fullscreen a:hover { color: tomato; }*/

.menu-fullscreen a.active::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 2px;
  background: white;
}


/* ==========================================================
   🎯 VERSION MOBILE (max-width: 768px)
   ========================================================== */
@media (max-width: 768px) {

  /* HEADER MOBILE */
  .header-fixe {
    height: 70px;
    padding: 15px 20px;
  }

  .header-fixe.scrolled {
    height: 60px;
  }

  /* MENU BURGER + LABEL */
  .menu-burger-wrapper {
    gap: 10px;
  }

  .menu-burger-wrapper .menu-label {
    font-size: 1rem;
  }

  .menu-burger {
    width: 24px;
    height: 18px;
  }

  .menu-burger span {
    height: 2px;
  }

  /* MENU FULLSCREEN MOBILE */
  .menu-fullscreen {
    background-size: cover;
    padding: 20px;
  }

  .menu-fullscreen a {
    font-size: 2rem;    /* plus petit pour mobile */
    margin: 20px 0;
  }

  /* OPTIONNEL : ESPACEMENT MENU MOBILE */
  .menu-fullscreen.open {
    justify-content: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b126d5 */.elementor-144 .elementor-element.elementor-element-1b126d5 {
     font-family: "Open Sans"
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0a19ed6 */.elementor-144 .elementor-element.elementor-element-0a19ed6 {
    gap :55px;
}/* End custom CSS */
/* Start custom CSS */#searchbox {
    position: fixed;       /* Toujours par rapport à la fenêtre */
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;           /* Hauteur du menu */
    background-color: #6a0dad; /* Fond violet */
    padding: 20px 40px;
    box-sizing: border-box;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
 
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform-origin: top center;
    transform: translateY(-20px) scaleY(0.5);
    transition: all 320ms cubic-bezier(0.18, 0.88, 0.32, 1.27);
    color: #fff;
    display: flex;
    align-items: center;
}
#searchbox.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scaleY(1);
}

#searchbox {
    justify-content: space-between; /* Input à gauche, X à droite */
}

#searchbox .close-btn {
    background: none;
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    flex-shrink: 0; 
}/* End custom CSS */