.elementor-17432 .elementor-element.elementor-element-fdc7fe0{--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;}.elementor-17432 .elementor-element.elementor-element-fdc7fe0:not(.elementor-motion-effects-element-type-background), .elementor-17432 .elementor-element.elementor-element-fdc7fe0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, var( --e-global-color-886fe46 ) 100%);}.elementor-17432 .elementor-element.elementor-element-fdc7fe0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17432 .elementor-element.elementor-element-bb109f3{--display:flex;--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;}.elementor-17432 .elementor-element.elementor-element-bb109f3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17432 .elementor-element.elementor-element-e274e7e{--display:flex;}.elementor-17432 .elementor-element.elementor-element-e274e7e.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 );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );}.elementor-17432 .elementor-element.elementor-element-637edd2{text-align:start;}.elementor-17432 .elementor-element.elementor-element-637edd2 img{width:72%;}.elementor-17432 .elementor-element.elementor-element-41726a0{--display:flex;--justify-content:center;}.elementor-17432 .elementor-element.elementor-element-41726a0.e-con{--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-17432 .elementor-element.elementor-element-59162e6 .elementor-icon-wrapper{text-align:center;}.elementor-17432 .elementor-element.elementor-element-59162e6.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d53f6f7 );}.elementor-17432 .elementor-element.elementor-element-59162e6.elementor-view-framed .elementor-icon, .elementor-17432 .elementor-element.elementor-element-59162e6.elementor-view-default .elementor-icon{color:var( --e-global-color-d53f6f7 );border-color:var( --e-global-color-d53f6f7 );}.elementor-17432 .elementor-element.elementor-element-59162e6.elementor-view-framed .elementor-icon, .elementor-17432 .elementor-element.elementor-element-59162e6.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-d53f6f7 );}.elementor-17432 .elementor-element.elementor-element-8676835{--display:flex;border-style:none;--border-style:none;box-shadow:0px 0px 10px 0px rgba(169.6222106933594, 169.6222106933594, 169.6222106933594, 0.5);}.elementor-17432 .elementor-element.elementor-element-8676835.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17432 .elementor-element.elementor-element-6ff7d0d{width:var( --container-widget-width, 118.841% );max-width:118.841%;--container-widget-width:118.841%;--container-widget-flex-grow:0;}.elementor-17432 .elementor-element.elementor-element-6ff7d0d.elementor-element{--flex-grow:0;--flex-shrink:0;}#elementor-popup-modal-17432{background-color:rgba(0,0,0,.8);justify-content:flex-end;align-items:center;pointer-events:all;}#elementor-popup-modal-17432 .dialog-message{width:640px;height:100vh;align-items:flex-start;}#elementor-popup-modal-17432 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(min-width:768px){.elementor-17432 .elementor-element.elementor-element-e274e7e{--width:72%;}.elementor-17432 .elementor-element.elementor-element-41726a0{--width:20%;}.elementor-17432 .elementor-element.elementor-element-8676835{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-17432 .elementor-element.elementor-element-fdc7fe0{--width:618px;}.elementor-17432 .elementor-element.elementor-element-bb109f3{--width:100%;}.elementor-17432 .elementor-element.elementor-element-e274e7e{--width:59%;}.elementor-17432 .elementor-element.elementor-element-41726a0{--width:20%;}.elementor-17432 .elementor-element.elementor-element-8676835{--width:584.867px;}}@media(max-width:1024px){.elementor-17432 .elementor-element.elementor-element-fdc7fe0{--padding-top:015px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-17432 .elementor-element.elementor-element-bb109f3{--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:center;}.elementor-17432 .elementor-element.elementor-element-e274e7e{--justify-content:center;}.elementor-17432 .elementor-element.elementor-element-637edd2{text-align:start;}.elementor-17432 .elementor-element.elementor-element-637edd2 img{width:80%;}.elementor-17432 .elementor-element.elementor-element-41726a0{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-17432 .elementor-element.elementor-element-8676835{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}}@media(max-width:767px){.elementor-17432 .elementor-element.elementor-element-fdc7fe0{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:030px;--padding-left:0px;--padding-right:0px;}.elementor-17432 .elementor-element.elementor-element-fdc7fe0.e-con{--align-self:center;}.elementor-17432 .elementor-element.elementor-element-bb109f3{--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:center;--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-17432 .elementor-element.elementor-element-e274e7e{--width:58%;--justify-content:center;}.elementor-17432 .elementor-element.elementor-element-637edd2 img{width:100%;}.elementor-17432 .elementor-element.elementor-element-41726a0{--width:30%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-17432 .elementor-element.elementor-element-41726a0.e-con{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-17432 .elementor-element.elementor-element-59162e6 .elementor-icon{font-size:32px;}.elementor-17432 .elementor-element.elementor-element-59162e6 .elementor-icon svg{height:32px;}.elementor-17432 .elementor-element.elementor-element-8676835{--width:90%;--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;--border-radius:0px 0px 0px 0px;--margin-top:40px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17432 .elementor-element.elementor-element-8676835.e-con{--align-self:center;}.elementor-17432 .elementor-element.elementor-element-6ff7d0d{width:var( --container-widget-width, 374.55px );max-width:374.55px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:374.55px;--container-widget-flex-grow:0;}.elementor-17432 .elementor-element.elementor-element-6ff7d0d.elementor-element{--align-self:center;}#elementor-popup-modal-17432{justify-content:center;align-items:center;}}/* Start custom CSS for html, class: .elementor-element-6ff7d0d */<div class="ew-menu">
  <nav class="ew-menu__nav" aria-label="Menu ExploreWeb">

    <a class="ew-link" href="/">Accueil</a>

    <a class="ew-link" href="/ia/">IA</a>

    <a class="ew-link" href="/outils-web/">Outils web</a>

    <a class="ew-link" href="/creation-de-site/">Création de site</a>

    <a class="ew-link" href="/comparatifs/">Comparatifs</a>

    <details class="ew-details">
      <summary class="ew-link ew-link--summary">
        <span>Guides &amp; tutoriels</span>
        <i class="ew-caret"></i>
      </summary>

      <div class="ew-sub">
        <a class="ew-sub__link" href="/guides-tutoriels/">Tous les guides</a>
        <a class="ew-sub__link" href="/blog/">Le blog</a>
      </div>
    </details>

    <a class="ew-link" href="/business-web/">Business web</a>

    <a class="ew-link ew-link--cta" href="/contact/">Contact</a>

  </nav>
</div>

<style>
:root{
  --ew-bg-1:#06090e;
  --ew-bg-2:#0f2236;
  --ew-accent:#157a92;
  --ew-green:#c3f73a;
  --ew-white:#e2e8f0;
  --ew-muted:rgba(226,232,240,.72);
  --ew-border:rgba(21,122,146,.22);
  --ew-border-soft:rgba(226,232,240,.08);
}

/* Conteneur global */
.ew-menu{
  background:
    linear-gradient(180deg, rgba(15,34,54,.96) 0%, rgba(6,9,14,.98) 100%);
  padding:16px;
  border-top:1px solid rgba(226,232,240,.06);
}

/* Colonne */
.ew-menu__nav{
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* Liens principaux */
.ew-link{
  position:relative;
  display:block;
  text-decoration:none;
  color:var(--ew-white);
  font-family:"DM Sans", sans-serif;
  font-size:22px;
  font-weight:600;
  line-height:1.15;
  letter-spacing:-0.02em;
  padding:18px 18px;
  border-radius:18px;
  background:rgba(226,232,240,.035);
  border:1px solid var(--ew-border-soft);
  transition:
    background .25s ease,
    border-color .25s ease,
    transform .25s ease,
    color .25s ease,
    box-shadow .25s ease;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}

.ew-link:hover,
.ew-link:focus{
  color:#ffffff;
  background:rgba(21,122,146,.10);
  border-color:rgba(21,122,146,.35);
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(0,0,0,.22);
}

/* CTA */
.ew-link--cta{
  border-color:rgba(195,247,58,.30);
  color:var(--ew-green);
}

.ew-link--cta:hover,
.ew-link--cta:focus{
  color:var(--ew-green);
  background:rgba(195,247,58,.07);
  border-color:rgba(195,247,58,.42);
}

/* Details */
.ew-details summary{
  list-style:none;
  cursor:pointer;
}

.ew-details summary::-webkit-details-marker{
  display:none;
}

.ew-link--summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.ew-link--summary span{
  display:block;
}

/* Flèche */
.ew-caret{
  flex:0 0 auto;
  width:10px;
  height:10px;
  border:solid var(--ew-white);
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
  transition:transform .22s ease, border-color .22s ease;
  margin-right:4px;
}

details[open] .ew-caret{
  transform:rotate(-135deg);
}

.ew-details summary:hover .ew-caret{
  border-color:var(--ew-green);
}

/* Sous-menu */
.ew-sub{
  margin-top:10px;
  padding:10px;
  border-radius:18px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(226,232,240,.06);
}

.ew-sub__link{
  display:block;
  text-decoration:none;
  color:var(--ew-muted);
  font-family:"DM Sans", sans-serif;
  font-size:16px;
  font-weight:500;
  line-height:1.3;
  padding:12px 12px;
  border-radius:12px;
  transition:background .22s ease, color .22s ease, transform .22s ease;
}

.ew-sub__link:hover,
.ew-sub__link:focus{
  background:rgba(21,122,146,.10);
  color:var(--ew-green);
  transform:translateX(2px);
}

/* Responsive très petit mobile */
@media (max-width: 480px){
  .ew-menu{
    padding:14px;
  }

  .ew-link{
    font-size:20px;
    padding:16px 16px;
    border-radius:16px;
  }

  .ew-sub__link{
    font-size:15px;
    padding:11px 10px;
  }
}
</style>/* End custom CSS */