.elementor-11 .elementor-element.elementor-element-1958e96:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-1958e96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-11 .elementor-element.elementor-element-1958e96{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:10;}.elementor-11 .elementor-element.elementor-element-1958e96 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11 .elementor-element.elementor-element-0c0cc3f > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-11 .elementor-element.elementor-element-0c0cc3f > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-theme-site-logo .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-bc-flex-widget .elementor-11 .elementor-element.elementor-element-9baa7c1.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-11 .elementor-element.elementor-element-9baa7c1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.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-11 .elementor-element.elementor-element-840b012 .elementor-menu-toggle{margin:0 auto;border-radius:0px;}.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;}.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--main .elementor-item{color:#212529;fill:#212529;padding-left:23px;padding-right:23px;padding-top:25px;padding-bottom:25px;}.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--main .elementor-item:focus{color:#1B4FD8;fill:#1B4FD8;}.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#1B4FD8;}.elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-framed .elementor-item:before,
					.elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-framed .elementor-item:after{border-color:#1B4FD8;}.elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-underline .elementor-item:after,
					 .elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-overline .elementor-item:before,
					 .elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-double-line .elementor-item:before,
					 .elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-11 .elementor-element.elementor-element-840b012{--e-nav-menu-horizontal-menu-item-margin:calc( 12px / 2 );--nav-menu-icon-size:15px;}.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:12px;}.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--dropdown a, .elementor-11 .elementor-element.elementor-element-840b012 .elementor-menu-toggle{color:#212529;fill:#212529;}.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--dropdown{background-color:#F4F4F400;border-radius:9px 9px 9px 9px;}.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--dropdown a:hover,
					.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--dropdown a:focus,
					.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-11 .elementor-element.elementor-element-840b012 .elementor-menu-toggle:hover,
					.elementor-11 .elementor-element.elementor-element-840b012 .elementor-menu-toggle:focus{color:#F4F4F4;}.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--dropdown a:hover,
					.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--dropdown a:focus,
					.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--dropdown a.highlighted{background-color:#212529;}.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--dropdown .elementor-item, .elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;text-transform:capitalize;font-style:normal;}.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:9px;border-top-right-radius:9px;}.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:9px;border-bottom-left-radius:9px;}.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--dropdown a{padding-left:28px;padding-right:28px;padding-top:12px;padding-bottom:12px;}.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#000000;border-bottom-width:1px;}.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:-9px !important;}.elementor-11 .elementor-element.elementor-element-840b012 div.elementor-menu-toggle:hover, .elementor-11 .elementor-element.elementor-element-840b012 div.elementor-menu-toggle:focus{color:#000000;}.elementor-11 .elementor-element.elementor-element-840b012 div.elementor-menu-toggle:hover svg, .elementor-11 .elementor-element.elementor-element-840b012 div.elementor-menu-toggle:focus svg{fill:#000000;}.elementor-bc-flex-widget .elementor-11 .elementor-element.elementor-element-d3b1d95.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-11 .elementor-element.elementor-element-d3b1d95.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11 .elementor-element.elementor-element-ebf6350 .elementor-button{background-color:#61CE7000;font-family:"Arial", Sans-serif;font-weight:600;fill:#212529;color:#212529;border-style:solid;border-width:1px 1px 1px 1px;border-color:#212529;border-radius:26px 59px 26px 059px;padding:15px 26px 15px 26px;}.elementor-11 .elementor-element.elementor-element-ebf6350.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-ebf6350 .elementor-button:hover, .elementor-11 .elementor-element.elementor-element-ebf6350 .elementor-button:focus{box-shadow:0px 0px 23px 0px rgba(0,0,0,0.5);}.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-11 .elementor-element.elementor-element-840b012 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-underline .elementor-item:after,
					 .elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-overline .elementor-item:before,
					 .elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-double-line .elementor-item:before,
					 .elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--main .elementor-item{padding-left:39px;padding-right:39px;}.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--dropdown .elementor-item, .elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:15px;}.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--dropdown a{padding-left:29px;padding-right:29px;padding-top:9px;padding-bottom:9px;}.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:22px !important;}.elementor-11 .elementor-element.elementor-element-840b012{--nav-menu-icon-size:23px;}.elementor-11 .elementor-element.elementor-element-840b012 .elementor-menu-toggle{border-width:1px;border-radius:61px;}}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-0c0cc3f{width:19%;}.elementor-11 .elementor-element.elementor-element-9baa7c1{width:63.564%;}.elementor-11 .elementor-element.elementor-element-d3b1d95{width:17.1%;}}@media(max-width:1024px) and (min-width:768px){.elementor-11 .elementor-element.elementor-element-0c0cc3f{width:30%;}.elementor-11 .elementor-element.elementor-element-9baa7c1{width:40%;}.elementor-11 .elementor-element.elementor-element-d3b1d95{width:30%;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-0c0cc3f{width:41%;}.elementor-11 .elementor-element.elementor-element-4c0a068{text-align:start;}.elementor-11 .elementor-element.elementor-element-9baa7c1{width:58%;}.elementor-11 .elementor-element.elementor-element-840b012.elementor-element{--order:99999 /* order end hack */;}.elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-underline .elementor-item:after,
					 .elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-overline .elementor-item:before,
					 .elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-double-line .elementor-item:before,
					 .elementor-11 .elementor-element.elementor-element-840b012 .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-11 .elementor-element.elementor-element-840b012{--e-nav-menu-horizontal-menu-item-margin:calc( 9px / 2 );--nav-menu-icon-size:20px;}.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:9px;}.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--dropdown .elementor-item, .elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:14px;letter-spacing:0.2px;}.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--dropdown a{padding-left:19px;padding-right:19px;padding-top:12px;padding-bottom:12px;}.elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-11 .elementor-element.elementor-element-840b012 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:7px !important;}.elementor-11 .elementor-element.elementor-element-840b012 .elementor-menu-toggle{border-width:1px;border-radius:37px;}.elementor-11 .elementor-element.elementor-element-d3b1d95{width:100%;}.elementor-11 .elementor-element.elementor-element-d3b1d95 > .elementor-element-populated{margin:-0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-ebf6350{width:var( --container-widget-width, 379px );max-width:379px;--container-widget-width:379px;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-ebf6350 .elementor-button{font-size:13px;}}/* Start custom CSS for nav-menu, class: .elementor-element-840b012 *//* ================================================
   COLLER ICI :
   Elementor Pro → Paramètres du site → CSS personnalisé
   ================================================ */

#ws-open {
  display: none;
}
@media (max-width: 767px) {
  #ws-open {
    display: flex;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px;
    z-index: 100;
  }
}
#ws-open span {
  display: block;
  width: 24px;
  height: 2px;
  background: #111;
  border-radius: 2px;
  transition: all 0.3s;
}
#ws-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.5);
  z-index: 9998;
}
#ws-overlay.on {
  display: block;
}
#ws-drawer {
  position: fixed;
  top: 0;
  left: -290px;
  width: 270px;
  height: 100%;
  background: #fff;
  z-index: 9999;
  transition: left 0.35s cubic-bezier(0.4,0,0.2,1);
  display: flex;
  flex-direction: column;
  box-shadow: 6px 0 30px rgba(0,0,0,0.12);
}
#ws-drawer.on {
  left: 0;
}
#ws-drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px;
  border-bottom: 1px solid #efefef;
}
#ws-logo {
  max-height: 45px;
  width: auto;
}
#ws-close {
  background: none;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  cursor: pointer;
  font-size: 16px;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
#ws-close:hover {
  border-color: #111;
  color: #111;
}
#ws-nav {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.ws-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 18px;
  font-size: 15px;
  font-weight: 500;
  color: #111;
  text-decoration: none;
  border-bottom: 1px solid #f2f2f2;
  background: none;
  border-left: none;
  border-right: none;
  border-top: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.15s;
}
.ws-link:hover {
  background: #fafafa;
}
#ws-chevron {
  font-size: 11px;
  color: #aaa;
  transition: transform 0.25s;
  display: inline-block;
}
#ws-services-btn.open #ws-chevron {
  transform: rotate(90deg);
}
#ws-sub {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  background: #f8f8f8;
}
#ws-sub.open {
  max-height: 150px;
}
.ws-sublink {
  display: block;
  padding: 12px 18px 12px 30px;
  font-size: 13px;
  color: #555;
  text-decoration: none;
  border-bottom: 1px solid #efefef;
  transition: color 0.15s, background 0.15s;
}
.ws-sublink:before {
  content: "→ ";
  color: #ccc;
}
.ws-sublink:hover {
  color: #111;
  background: #f2f2f2;
}
.ws-sublink:last-child {
  border-bottom: none;
}
#ws-footer {
  padding: 16px 18px;
  border-top: 1px solid #efefef;
}
#ws-contact {
  display: block;
  text-align: center;
  padding: 12px;
  border: 2px solid #111;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 600;
  color: #111;
  text-decoration: none;
  transition: all 0.2s;
  letter-spacing: 0.03em;
}
#ws-contact:hover {
  background: #111;
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-9baa7c1 *//* ============================================================
   MENU TIROIR MOBILE — Web & Social
   À coller dans : Elementor > Paramètres du site > CSS personnalisé
   OU dans un plugin type "Header Footer Code Manager"
   ============================================================ */

/* --- Masquer le menu desktop sur mobile --- */
@media (max-width: 767px) {
  .elementor-nav-menu--main {
    display: none !important;
  }
}

/* ============================================================
   BOUTON HAMBURGER
   ============================================================ */
.drawer-hamburger {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  z-index: 999;
  position: relative;
}

@media (max-width: 767px) {
  .drawer-hamburger {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.drawer-hamburger span,
.drawer-hamburger span::before,
.drawer-hamburger span::after {
  display: block;
  width: 22px;
  height: 2px;
  background: #111;
  border-radius: 2px;
  transition: all 0.3s ease;
  position: relative;
}

.drawer-hamburger span::before,
.drawer-hamburger span::after {
  content: '';
  position: absolute;
  left: 0;
}

.drawer-hamburger span::before { top: -7px; }
.drawer-hamburger span::after  { top: 7px; }

/* Hamburger → croix quand ouvert */
.drawer-hamburger.is-open span { background: transparent; }
.drawer-hamburger.is-open span::before {
  transform: rotate(45deg);
  top: 0;
}
.drawer-hamburger.is-open span::after {
  transform: rotate(-45deg);
  top: 0;
}

/* ============================================================
   OVERLAY (fond sombre derrière le tiroir)
   ============================================================ */
.drawer-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 9998;
  transition: background 0.3s ease;
}

.drawer-overlay.is-open {
  display: block;
  background: rgba(0, 0, 0, 0.45);
}

/* ============================================================
   PANNEAU TIROIR
   ============================================================ */
.drawer-panel {
  position: fixed;
  top: 0;
  left: -300px;
  width: 280px;
  height: 100%;
  background: #ffffff;
  z-index: 9999;
  transition: left 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  box-shadow: 4px 0 24px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
}

.drawer-panel.is-open {
  left: 0;
}

/* --- Header du tiroir (logo + bouton fermer) --- */
.drawer-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  border-bottom: 1px solid #f0f0f0;
}

.drawer-panel__logo img {
  max-height: 50px;
  width: auto;
}

.drawer-panel__close {
  background: none;
  border: 1.5px solid #ddd;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #555;
  transition: border-color 0.2s, color 0.2s;
  line-height: 1;
}

.drawer-panel__close:hover {
  border-color: #111;
  color: #111;
}

/* ============================================================
   NAVIGATION DU TIROIR
   ============================================================ */
.drawer-nav {
  flex: 1;
  padding: 8px 0;
}

/* Items principaux */
.drawer-nav__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 500;
  color: #111;
  text-decoration: none;
  border-bottom: 1px solid #f5f5f5;
  cursor: pointer;
  background: none;
  border-left: none;
  border-right: none;
  border-top: none;
  width: 100%;
  text-align: left;
  transition: background 0.15s, color 0.15s;
  font-family: inherit;
  letter-spacing: 0.01em;
}

.drawer-nav__item:hover {
  background: #fafafa;
  color: #000;
}

/* Chevron sur "Nos Services" */
.drawer-nav__chevron {
  font-size: 12px;
  color: #aaa;
  transition: transform 0.25s ease;
  display: inline-block;
}

.drawer-nav__item.is-open .drawer-nav__chevron {
  transform: rotate(90deg);
}

/* ============================================================
   SOUS-MENU (Nos Services)
   ============================================================ */
.drawer-submenu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: #f9f9f9;
}

.drawer-submenu.is-open {
  max-height: 200px;
}

.drawer-submenu__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 20px 12px 32px;
  font-size: 13px;
  color: #555;
  text-decoration: none;
  border-bottom: 1px solid #f0f0f0;
  transition: color 0.15s, background 0.15s;
}

.drawer-submenu__item::before {
  content: '—';
  font-size: 11px;
  color: #ccc;
  flex-shrink: 0;
}

.drawer-submenu__item:hover {
  color: #111;
  background: #f3f3f3;
}

.drawer-submenu__item:last-child {
  border-bottom: none;
}

/* ============================================================
   BOUTON CONTACT en bas du tiroir
   ============================================================ */
.drawer-panel__footer {
  padding: 16px 20px;
  border-top: 1px solid #f0f0f0;
}

.drawer-contact-btn {
  display: block;
  width: 100%;
  padding: 12px;
  text-align: center;
  border: 1.5px solid #111;
  border-radius: 40px;
  font-size: 13px;
  font-weight: 600;
  color: #111;
  text-decoration: none;
  background: none;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  font-family: inherit;
  letter-spacing: 0.03em;
}

.drawer-contact-btn:hover {
  background: #111;
  color: #fff;
}

/* ============================================================
   JAVASCRIPT — À coller dans un bloc HTML Elementor
   ou dans Header Footer Code Manager (type : JavaScript)
   ============================================================

<script>
jQuery(document).ready(function($) {

  // Injecter le tiroir dans le body
  var drawerHTML = `
    <div class="drawer-overlay" id="drawerOverlay"></div>
    <div class="drawer-panel" id="drawerPanel">
      <div class="drawer-panel__header">
        <div class="drawer-panel__logo">
          <img src="URL_DE_VOTRE_LOGO" alt="Web & Social" />
        </div>
        <button class="drawer-panel__close" id="drawerClose" aria-label="Fermer le menu">&#x2715;</button>
      </div>
      <nav class="drawer-nav">
        <a href="/" class="drawer-nav__item">Web &amp; Social</a>
        <a href="/a-propos" class="drawer-nav__item">À Propos</a>
        <button class="drawer-nav__item" id="servicesToggle">
          Nos Services <span class="drawer-nav__chevron">&#9654;</span>
        </button>
        <div class="drawer-submenu" id="servicesSubmenu">
          <a href="/creation-sites-web" class="drawer-submenu__item">Création de sites web</a>
          <a href="/community-management" class="drawer-submenu__item">Community management</a>
        </div>
        <a href="/portfolio" class="drawer-nav__item">Portfolio</a>
      </nav>
      <div class="drawer-panel__footer">
        <a href="/contact" class="drawer-contact-btn">Contactez-nous</a>
      </div>
    </div>
  `;
  $('body').append(drawerHTML);

  // Injecter le bouton hamburger à côté du logo Elementor
  var hamburgerHTML = '<button class="drawer-hamburger" id="drawerOpen" aria-label="Ouvrir le menu"><span></span></button>';
  $('.elementor-widget-nav-menu').first().append(hamburgerHTML);

  // Ouvrir
  $(document).on('click', '#drawerOpen', function() {
    $('#drawerPanel, #drawerOverlay, #drawerOpen').addClass('is-open');
    $('body').css('overflow', 'hidden');
  });

  // Fermer via croix ou overlay
  $(document).on('click', '#drawerClose, #drawerOverlay', function() {
    $('#drawerPanel, #drawerOverlay, #drawerOpen').removeClass('is-open');
    $('body').css('overflow', '');
  });

  // Toggle sous-menu Services
  $(document).on('click', '#servicesToggle', function() {
    $(this).toggleClass('is-open');
    $('#servicesSubmenu').toggleClass('is-open');
  });

});
</script>

   ============================================================ *//* End custom CSS */