{"id":13003,"date":"2026-09-23T20:43:12","date_gmt":"2026-09-23T20:43:12","guid":{"rendered":"https:\/\/womenedtech.com\/?page_id=13003"},"modified":"2026-09-24T10:03:09","modified_gmt":"2026-09-24T10:03:09","slug":"services","status":"publish","type":"page","link":"https:\/\/womenedtech.com\/en\/services\/","title":{"rendered":"WET Services"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid vc_row-bg-position-top\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\r\n\r\n\/* ============================================================\r\n   WOMEN EDTECH \u2014 PAGE SERVICES\r\n\r\n   CE QUE C'EST\r\n   La mise en page qui vous plaisait, ramenee dans le systeme\r\n   visuel de la page d'accueil :\r\n\r\n   - le hero sombre pleine largeur est revenu ;\r\n   - plus aucun demi-fond : chaque section porte un fond uni,\r\n     blanc ou bleu tres pale, en alternance stricte ;\r\n   - les surtitres sont les pastilles de l'accueil, bleu pale avec\r\n     le point corail ;\r\n   - les titres, les filets degrades, les cartes, les ombres et\r\n     les boutons reprennent exactement les valeurs de l'accueil ;\r\n   - les bonnes idees de la proposition claire sont conservees :\r\n     numeros discrets sur les cartes, selecteur d'onglets en\r\n     pastille, accordeon, rail de progression.\r\n\r\n   OU LA COLLER\r\n   Apparence > Personnaliser > CSS additionnel, a la suite du\r\n   reste. Chaque regle est ancree sur la racine de sa section\r\n   (.svh-, .svs-, .svp-, .svm-, .svq-, .svc-) : elle ne peut pas\r\n   deborder sur les autres pages, et elle passe devant les regles\r\n   du theme Sway.\r\n\r\n   SOMMAIRE\r\n   0.  Jetons et socle\r\n   1.  Hero sombre\r\n   2.  Les six services\r\n   3.  Programmes phares (onglets)\r\n   4.  Notre methode\r\n   5.  Questions frequentes\r\n   6.  Engagez-vous a nos cotes\r\n   7.  Apparitions\r\n   8.  Responsive\r\n   9.  Mouvement reduit\r\n   ============================================================ *\/\r\n\r\n\r\n\/* ============================================================\r\n   0. JETONS ET SOCLE\r\n   ============================================================ *\/\r\n.svh-section,\r\n.svs-section,\r\n.svp-section,\r\n.svm-section,\r\n.svq-section,\r\n.svc-section{\r\n  --wet-navy:#0d1e30;\r\n  --wet-navy-2:#122b45;\r\n  --wet-blue:#1E73BE;\r\n  --wet-blue-d:#155f9e;\r\n  --wet-blue-x:#0f4d8a;\r\n  --wet-cyan:#56c7f4;\r\n  --wet-coral:#ff6248;\r\n  --wet-pale:#eef5fc;\r\n  --wet-pale-2:#f5f7ff;\r\n  --wet-ink:#0d1e30;\r\n  --wet-text:#5a6a8a;\r\n  --wet-mute:#93a2bd;\r\n  --wet-line:#dde4f5;\r\n  --wet-radius:20px;\r\n  --wet-white:#ffffff;\r\n  --wet-sh:0 2px 14px rgba(30,115,190,.09);\r\n  --wet-sh-2:0 18px 48px rgba(30,115,190,.22);\r\n  --wet-sh-3:0 6px 28px rgba(30,115,190,.38);\r\n\r\n  position:relative!important;\r\n  display:block!important;\r\n  width:100%!important;\r\n  margin:0!important;\r\n  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;\r\n  font-size:16px!important;\r\n  color:var(--wet-text)!important;\r\n  -webkit-font-smoothing:antialiased!important;\r\n  scroll-margin-top:110px!important;\r\n}\r\n\r\n.svh-section *,\r\n.svs-section *,\r\n.svp-section *,\r\n.svm-section *,\r\n.svq-section *,\r\n.svc-section *{\r\n  box-sizing:border-box!important;\r\n}\r\n\r\n.svh-section p,.svs-section p,.svp-section p,.svm-section p,.svq-section p,.svc-section p,\r\n.svh-section h1,.svs-section h2,.svp-section h2,.svm-section h2,.svq-section h2,.svc-section h2,\r\n.svs-section h3,.svp-section h3,.svm-section h3,\r\n.svh-section ul,.svp-section ul,.svm-section ol,\r\n.svp-section li,.svm-section li{\r\n  margin:0!important;\r\n  padding:0!important;\r\n  list-style:none!important;\r\n  font-family:inherit!important;\r\n  text-align:inherit!important;\r\n  text-transform:none!important;\r\n  letter-spacing:normal!important;\r\n}\r\n\r\n.svs-section img,.svq-section img,.svh-section img{\r\n  display:block!important;\r\n  max-width:100%!important;\r\n  height:auto!important;\r\n  border:0!important;\r\n}\r\n\r\n.svh-section a,.svs-section a,.svp-section a,.svq-section a,.svc-section a{\r\n  text-decoration:none!important;\r\n  border:0!important;\r\n  box-shadow:none!important;\r\n}\r\n\r\n.svh-section button,.svp-section button,.svq-section button{\r\n  font-family:inherit!important;\r\n  border:0!important;\r\n  background:none!important;\r\n  cursor:pointer!important;\r\n  color:inherit!important;\r\n}\r\n\r\n\/* Largeur de lecture commune a toutes les sections. *\/\r\n.svh-section .svh-inner,.svs-section .svs-inner,.svp-section .svp-inner,.svm-section .svm-inner,.svq-section .svq-inner,.svc-section .svc-inner{\r\n  position:relative!important;\r\n  z-index:2!important;\r\n  width:100%!important;\r\n  max-width:1200px!important;\r\n  margin:0 auto!important;\r\n  padding:0 24px!important;\r\n}\r\n\r\n\/* Bloc de titre commun : pastille, trait, titre, chapeau.\r\n   C'est la pastille de la page d'accueil, au caractere pres :\r\n   fond bleu pale, filet a 18 %, texte bleu, point corail. *\/\r\n.svs-section .svs-eyebrow,.svp-section .svp-eyebrow,.svm-section .svm-eyebrow,.svq-section .svq-eyebrow{\r\n  display:inline-flex!important;\r\n  align-items:center!important;\r\n  gap:7px!important;\r\n  margin:0 0 18px!important;\r\n  padding:5px 16px!important;\r\n  font-size:12px!important;\r\n  font-weight:600!important;\r\n  line-height:1.4!important;\r\n  color:var(--wet-blue)!important;\r\n  background:var(--wet-pale)!important;\r\n  border:1.5px solid rgba(30,115,190,.18)!important;\r\n  border-radius:50px!important;\r\n  text-align:left!important;\r\n}\r\n.svs-section .svs-edot,.svp-section .svp-edot,.svm-section .svm-edot,.svq-section .svq-edot{\r\n  display:block!important;\r\n  flex:0 0 auto!important;\r\n  width:6px!important;\r\n  height:6px!important;\r\n  border-radius:50%!important;\r\n  background:var(--wet-coral)!important;\r\n}\r\n\/* Le filet degrade de l'accueil : 52 x 4, pas 38 x 3. *\/\r\n.svs-section .svs-rule,.svp-section .svp-rule,.svm-section .svm-rule,.svq-section .svq-rule{\r\n  display:block!important;\r\n  width:52px!important;\r\n  height:4px!important;\r\n  margin:16px auto 18px!important;\r\n  border-radius:2px!important;\r\n  background:linear-gradient(90deg,var(--wet-blue),var(--wet-cyan))!important;\r\n}\r\n.svs-section .svs-title,.svp-section .svp-title,.svm-section .svm-title,.svq-section .svq-title{\r\n  margin:0!important;\r\n  font-size:clamp(26px,3.2vw,32px)!important;\r\n  font-weight:700!important;\r\n  line-height:1.25!important;\r\n  letter-spacing:-.3px!important;\r\n  color:var(--wet-ink)!important;\r\n  text-align:center!important;\r\n}\r\n.svs-section .svs-lead,.svp-section .svp-lead,.svm-section .svm-lead,.svq-section .svq-lead{\r\n  max-width:780px!important;\r\n  margin:0 auto!important;\r\n  font-size:15px!important;\r\n  font-weight:400!important;\r\n  line-height:1.8!important;\r\n  color:var(--wet-text)!important;\r\n  text-align:center!important;\r\n}\r\n\/* Le bloc de titre est centre : la pastille aussi. *\/\r\n.svs-section .svs-head,.svp-section .svp-head,.svm-section .svm-head,.svq-section .svq-head{\r\n  text-align:center!important;\r\n}\r\n.svs-section .svs-head,.svp-section .svp-head,.svm-section .svm-head,.svq-section .svq-head{\r\n  margin:0 0 44px!important;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   1. HERO\r\n   ============================================================ *\/\r\n.svh-section{\r\n  display:flex!important;\r\n  align-items:center!important;\r\n  min-height:clamp(380px,54vh,520px)!important;\r\n  padding:150px 0 92px!important;\r\n  overflow:hidden!important;\r\n  background:var(--wet-navy)!important;\r\n  color:var(--wet-white)!important;\r\n}\r\n\r\n.svh-section .svh-media{\r\n  position:absolute!important;\r\n  top:0!important;right:0!important;bottom:0!important;left:0!important;\r\n  z-index:0!important;\r\n  overflow:hidden!important;\r\n}\r\n\/* La photo est un peu plus grande que son cadre : elle peut\r\n   glisser au defilement sans laisser de bord vide. *\/\r\n.svh-section .svh-photo{\r\n  width:100%!important;\r\n  height:118%!important;\r\n  object-fit:cover!important;\r\n  object-position:center 38%!important;\r\n  transform:translate3d(0,var(--svh-par,0px),0)!important;\r\n  will-change:transform!important;\r\n}\r\n.svh-section .svh-veil{\r\n  position:absolute!important;\r\n  top:0!important;right:0!important;bottom:0!important;left:0!important;\r\n  background:linear-gradient(118deg,rgba(13,30,48,.90) 0%,rgba(13,30,48,.79) 42%,rgba(18,43,69,.66) 72%,rgba(30,115,190,.50) 100%)!important;\r\n}\r\n.svh-section .svh-dots{\r\n  position:absolute!important;\r\n  top:0!important;right:0!important;bottom:0!important;left:0!important;\r\n  background-image:radial-gradient(rgba(255,255,255,.07) 1.5px,transparent 1.5px)!important;\r\n  background-size:28px 28px!important;\r\n  pointer-events:none!important;\r\n}\r\n\/* Liser\u00e9 bleu-cyan en bas, comme sur les autres pages. *\/\r\n.svh-section::after{\r\n  content:''!important;\r\n  position:absolute!important;\r\n  left:0!important;right:0!important;bottom:0!important;\r\n  height:3px!important;\r\n  z-index:3!important;\r\n  background:linear-gradient(90deg,var(--wet-blue) 0%,var(--wet-cyan) 100%)!important;\r\n}\r\n\r\n.svh-section .svh-inner{\r\n  text-align:center!important;\r\n}\r\n\r\n.svh-section .svh-kicker{\r\n  display:flex!important;\r\n  align-items:center!important;\r\n  justify-content:center!important;\r\n  gap:12px!important;\r\n  margin:0 0 20px!important;\r\n  font-size:12px!important;\r\n  font-weight:700!important;\r\n  line-height:1.2!important;\r\n  letter-spacing:2.6px!important;\r\n  text-transform:uppercase!important;\r\n  color:var(--wet-coral)!important;\r\n  animation:svh-up .7s cubic-bezier(.22,.61,.36,1) both!important;\r\n}\r\n.svh-section .svh-kline{\r\n  display:block!important;\r\n  width:26px!important;\r\n  height:2px!important;\r\n  border-radius:2px!important;\r\n  background:var(--wet-coral)!important;\r\n  opacity:.75!important;\r\n}\r\n\r\n.svh-section .svh-title{\r\n  max-width:940px!important;\r\n  margin:0 auto 20px!important;\r\n  font-size:clamp(28px,4.2vw,50px)!important;\r\n  font-weight:700!important;\r\n  line-height:1.18!important;\r\n  letter-spacing:-.9px!important;\r\n  color:var(--wet-white)!important;\r\n  text-align:center!important;\r\n  animation:svh-up .8s .08s cubic-bezier(.22,.61,.36,1) both!important;\r\n}\r\n\r\n.svh-section .svh-lead{\r\n  max-width:720px!important;\r\n  margin:0 auto 34px!important;\r\n  font-size:15.5px!important;\r\n  font-weight:400!important;\r\n  line-height:1.85!important;\r\n  color:rgba(255,255,255,.80)!important;\r\n  text-align:center!important;\r\n  animation:svh-up .8s .16s cubic-bezier(.22,.61,.36,1) both!important;\r\n}\r\n\r\n.svh-section .svh-actions{\r\n  display:flex!important;\r\n  flex-wrap:wrap!important;\r\n  align-items:center!important;\r\n  justify-content:center!important;\r\n  gap:14px!important;\r\n  animation:svh-up .8s .24s cubic-bezier(.22,.61,.36,1) both!important;\r\n}\r\n.svh-section .svh-btn{\r\n  display:inline-flex!important;\r\n  align-items:center!important;\r\n  justify-content:center!important;\r\n  gap:10px!important;\r\n  min-height:50px!important;\r\n  padding:0 30px!important;\r\n  font-size:14.5px!important;\r\n  font-weight:600!important;\r\n  line-height:1.2!important;\r\n  letter-spacing:.1px!important;\r\n  border-radius:999px!important;\r\n  transition:transform .24s ease,box-shadow .24s ease,background-color .24s ease,border-color .24s ease!important;\r\n}\r\n.svh-section .svh-btn--ghost{\r\n  color:var(--wet-white)!important;\r\n  background:rgba(255,255,255,.07)!important;\r\n  border:1.5px solid rgba(255,255,255,.34)!important;\r\n  -webkit-backdrop-filter:blur(4px)!important;\r\n  backdrop-filter:blur(4px)!important;\r\n}\r\n.svh-section .svh-btn--ghost:hover,\r\n.svh-section .svh-btn--ghost:focus-visible{\r\n  background:rgba(255,255,255,.16)!important;\r\n  border-color:rgba(255,255,255,.62)!important;\r\n  color:var(--wet-white)!important;\r\n  transform:translateY(-2px)!important;\r\n}\r\n.svh-section .svh-btn--solid{\r\n  color:var(--wet-white)!important;\r\n  background:linear-gradient(135deg,var(--wet-blue) 0%,var(--wet-blue-d) 100%)!important;\r\n  border:1.5px solid transparent!important;\r\n  box-shadow:0 12px 28px rgba(30,115,190,.38)!important;\r\n}\r\n.svh-section .svh-btn--solid:hover,\r\n.svh-section .svh-btn--solid:focus-visible{\r\n  color:var(--wet-white)!important;\r\n  transform:translateY(-2px)!important;\r\n  box-shadow:0 18px 38px rgba(30,115,190,.46)!important;\r\n}\r\n\/* Fleche dessinee en CSS : aucune police d'icones a charger. *\/\r\n.svh-section .svh-arrow{\r\n  display:block!important;\r\n  width:15px!important;\r\n  height:8px!important;\r\n  border-right:2px solid currentColor!important;\r\n  border-bottom:2px solid currentColor!important;\r\n  transform:rotate(-45deg) translate(-2px,-1px)!important;\r\n  transition:transform .24s ease!important;\r\n}\r\n.svh-section .svh-btn--solid:hover .svh-arrow{\r\n  transform:rotate(-45deg) translate(2px,3px)!important;\r\n}\r\n\r\n@keyframes svh-up{\r\n  from{opacity:0;transform:translateY(22px);}\r\n  to{opacity:1;transform:translateY(0);}\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   2. LES SIX SERVICES\r\n   ============================================================ *\/\r\n.svs-section{\r\n  padding:72px 0 76px!important;\r\n  background:var(--wet-pale-2)!important;\r\n  overflow:hidden!important;\r\n}\r\n\/* Trame de points discrete sur le bord gauche. *\/\r\n.svs-section .svs-deco{\r\n  position:absolute!important;\r\n  left:0!important;\r\n  top:34%!important;\r\n  width:120px!important;\r\n  height:230px!important;\r\n  z-index:0!important;\r\n  background-image:radial-gradient(rgba(30,115,190,.22) 1.6px,transparent 1.6px)!important;\r\n  background-size:22px 22px!important;\r\n  pointer-events:none!important;\r\n}\r\n\r\n.svs-section .svs-grid{\r\n  display:grid!important;\r\n  grid-template-columns:repeat(3,minmax(0,1fr))!important;\r\n  gap:26px!important;\r\n}\r\n\r\n.svs-section .svs-card{\r\n  position:relative!important;\r\n  display:flex!important;\r\n  flex-direction:column!important;\r\n  padding:34px 28px 30px!important;\r\n  background:var(--wet-white)!important;\r\n  border:1.5px solid var(--wet-line)!important;\r\n  border-radius:20px!important;\r\n  box-shadow:var(--wet-sh)!important;\r\n  overflow:hidden!important;\r\n  transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s ease,border-color .3s ease!important;\r\n}\r\n\/* Liser\u00e9 qui se deploie en haut de la carte au survol. *\/\r\n.svs-section .svs-card::before{\r\n  content:''!important;\r\n  position:absolute!important;\r\n  top:0!important;left:0!important;\r\n  width:100%!important;\r\n  height:3px!important;\r\n  background:linear-gradient(90deg,var(--wet-blue),var(--wet-cyan))!important;\r\n  transform:scaleX(0)!important;\r\n  transform-origin:left center!important;\r\n  transition:transform .38s cubic-bezier(.22,.61,.36,1)!important;\r\n}\r\n.svs-section .svs-card:hover,\r\n.svs-section .svs-card:focus-within{\r\n  transform:translateY(-8px)!important;\r\n  border-color:#c3d9f1!important;\r\n  box-shadow:var(--wet-sh-2)!important;\r\n}\r\n.svs-section .svs-card:hover::before,\r\n.svs-section .svs-card:focus-within::before{\r\n  transform:scaleX(1)!important;\r\n}\r\n\r\n\/* Le numero de la carte : discret, en bas a droite, il se colore\r\n   au survol. C'est la seule idee reprise de la proposition claire\r\n   dans cette section. *\/\r\n.svs-section .svs-no{\r\n  position:absolute!important;\r\n  right:28px!important;\r\n  bottom:30px!important;\r\n  font-size:13px!important;\r\n  font-weight:600!important;\r\n  line-height:1!important;\r\n  letter-spacing:1.4px!important;\r\n  color:#c2cee2!important;\r\n  transition:color .3s ease!important;\r\n}\r\n.svs-section .svs-card:hover .svs-no{\r\n  color:var(--wet-blue)!important;\r\n}\r\n\r\n.svs-section .svs-badge{\r\n  position:absolute!important;\r\n  top:20px!important;\r\n  right:20px!important;\r\n  display:inline-block!important;\r\n  padding:5px 12px!important;\r\n  font-size:10.5px!important;\r\n  font-weight:600!important;\r\n  line-height:1.3!important;\r\n  letter-spacing:.7px!important;\r\n  text-transform:uppercase!important;\r\n  white-space:nowrap!important;\r\n  color:var(--wet-blue)!important;\r\n  background:var(--wet-pale)!important;\r\n  border:1px solid rgba(30,115,190,.16)!important;\r\n  border-radius:999px!important;\r\n}\r\n\/* Une seule variante de couleur : le corail, en accent. Le reste\r\n   de la page reste sur le bleu porteur. *\/\r\n.svs-section .svs-badge--alt{\r\n  color:#d8442c!important;\r\n  background:#fff1ee!important;\r\n  border-color:rgba(255,98,72,.24)!important;\r\n}\r\n\r\n.svs-section .svs-ico{\r\n  display:flex!important;\r\n  align-items:center!important;\r\n  justify-content:center!important;\r\n  width:58px!important;\r\n  height:58px!important;\r\n  border-radius:17px!important;\r\n  background:linear-gradient(135deg,var(--wet-pale) 0%,#dcebf9 100%)!important;\r\n  color:var(--wet-blue)!important;\r\n  transition:background-color .3s ease,color .3s ease,transform .3s cubic-bezier(.22,.61,.36,1)!important;\r\n}\r\n.svs-section .svs-ico svg{\r\n  display:block!important;\r\n  width:27px!important;\r\n  height:27px!important;\r\n}\r\n.svs-section .svs-card:hover .svs-ico{\r\n  background:linear-gradient(135deg,var(--wet-blue) 0%,var(--wet-blue-d) 100%)!important;\r\n  color:var(--wet-white)!important;\r\n  transform:translateY(-3px) rotate(-4deg)!important;\r\n}\r\n\r\n.svs-section .svs-name{\r\n  margin:22px 0 10px!important;\r\n  font-size:19px!important;\r\n  font-weight:600!important;\r\n  line-height:1.35!important;\r\n  letter-spacing:-.2px!important;\r\n  color:var(--wet-ink)!important;\r\n  text-align:left!important;\r\n}\r\n.svs-section .svs-txt{\r\n  flex:1 1 auto!important;\r\n  margin:0 0 22px!important;\r\n  font-size:14.5px!important;\r\n  font-weight:400!important;\r\n  line-height:1.78!important;\r\n  color:var(--wet-text)!important;\r\n  text-align:left!important;\r\n}\r\n\r\n.svs-section .svs-link{\r\n  display:inline-flex!important;\r\n  align-items:center!important;\r\n  gap:9px!important;\r\n  margin-top:auto!important;\r\n  align-self:flex-start!important;\r\n  min-height:42px!important;\r\n  padding:0 22px!important;\r\n  font-size:13.5px!important;\r\n  font-weight:600!important;\r\n  line-height:1.2!important;\r\n  color:var(--wet-blue)!important;\r\n  background:transparent!important;\r\n  border:1.5px solid rgba(30,115,190,.38)!important;\r\n  border-radius:999px!important;\r\n  transition:background-color .24s ease,border-color .24s ease,color .24s ease,transform .24s ease!important;\r\n}\r\n.svs-section .svs-link:hover,\r\n.svs-section .svs-link:focus-visible{\r\n  color:var(--wet-white)!important;\r\n  background:var(--wet-blue)!important;\r\n  border-color:var(--wet-blue)!important;\r\n  transform:translateY(-2px)!important;\r\n}\r\n.svs-section .svs-chev{\r\n  display:block!important;\r\n  width:11px!important;\r\n  height:6px!important;\r\n  border-right:2px solid currentColor!important;\r\n  border-bottom:2px solid currentColor!important;\r\n  transform:rotate(-45deg) translate(-1px,-1px)!important;\r\n  transition:transform .24s ease!important;\r\n}\r\n.svs-section .svs-link:hover .svs-chev{\r\n  transform:rotate(-45deg) translate(2px,2px)!important;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   3. PROGRAMMES PHARES (ONGLETS)\r\n   ============================================================ *\/\r\n.svp-section{\r\n  padding:72px 0 76px!important;\r\n  background:var(--wet-white)!important;\r\n  overflow:hidden!important;\r\n}\r\n\r\n\/* Le selecteur d'onglets : un rail arrondi, et une pastille\r\n   blanche qui glisse dessous. Meme rayon que les pastilles de\r\n   surtitre : la page ne connait que deux formes, le cercle et le\r\n   rectangle a 20 px. *\/\r\n.svp-section .svp-tabs{\r\n  position:relative!important;\r\n  display:flex!important;\r\n  flex-wrap:nowrap!important;\r\n  align-items:center!important;\r\n  justify-content:center!important;\r\n  gap:4px!important;\r\n  width:-moz-max-content!important;\r\n  width:max-content!important;\r\n  max-width:100%!important;\r\n  margin:0 auto 38px!important;\r\n  padding:5px!important;\r\n  background:var(--wet-pale-2)!important;\r\n  border:1.5px solid var(--wet-line)!important;\r\n  border-radius:999px!important;\r\n}\r\n.svp-section .svp-tab{\r\n  position:relative!important;\r\n  z-index:1!important;\r\n  display:inline-block!important;\r\n  padding:12px 26px!important;\r\n  font-size:14px!important;\r\n  font-weight:500!important;\r\n  line-height:1.3!important;\r\n  white-space:nowrap!important;\r\n  color:var(--wet-text)!important;\r\n  background:transparent!important;\r\n  border-radius:999px!important;\r\n  transition:color .26s ease!important;\r\n}\r\n.svp-section .svp-tab:hover{\r\n  color:var(--wet-ink)!important;\r\n}\r\n.svp-section .svp-tab.is-on{\r\n  color:var(--wet-ink)!important;\r\n  font-weight:600!important;\r\n}\r\n.svp-section .svp-tab:focus-visible{\r\n  outline:2px solid var(--wet-blue)!important;\r\n  outline-offset:2px!important;\r\n}\r\n\/* La pastille. Sa position est calculee par le script ; sans\r\n   script elle reste invisible et les deux onglets restent\r\n   lisibles cote a cote. *\/\r\n.svp-section .svp-ink{\r\n  position:absolute!important;\r\n  top:5px!important;\r\n  left:0!important;\r\n  width:0!important;\r\n  height:calc(100% - 10px)!important;\r\n  z-index:0!important;\r\n  border-radius:999px!important;\r\n  background:var(--wet-white)!important;\r\n  box-shadow:0 4px 14px rgba(13,30,48,.10)!important;\r\n  transition:transform .42s cubic-bezier(.22,.61,.36,1),width .42s cubic-bezier(.22,.61,.36,1)!important;\r\n  pointer-events:none!important;\r\n}\r\n\r\n.svp-section .svp-panel{\r\n  display:block!important;\r\n}\r\n\/* Les panneaux ne sont masques que si le script a pris la main :\r\n   script en panne, les deux listes restent lisibles l'une sous\r\n   l'autre plutot que de disparaitre. *\/\r\n.svp-section.js-tabs .svp-panel{\r\n  display:none!important;\r\n}\r\n.svp-section.js-tabs .svp-panel.is-on{\r\n  display:block!important;\r\n  animation:svp-in .45s cubic-bezier(.22,.61,.36,1) both!important;\r\n}\r\n@keyframes svp-in{\r\n  from{opacity:0;transform:translateY(14px);}\r\n  to{opacity:1;transform:translateY(0);}\r\n}\r\n\r\n.svp-section .svp-grid{\r\n  display:grid!important;\r\n  grid-template-columns:repeat(3,minmax(0,1fr))!important;\r\n  gap:26px!important;\r\n  align-items:stretch!important;\r\n}\r\n.svp-section .svp-grid--two{\r\n  grid-template-columns:repeat(2,minmax(0,1fr))!important;\r\n}\r\n\r\n.svp-section .svp-card{\r\n  position:relative!important;\r\n  display:flex!important;\r\n  flex-direction:column!important;\r\n  padding:32px 28px 30px!important;\r\n  background:var(--wet-white)!important;\r\n  border:1.5px solid var(--wet-line)!important;\r\n  border-radius:20px!important;\r\n  box-shadow:var(--wet-sh)!important;\r\n  transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s ease,border-color .3s ease!important;\r\n}\r\n.svp-section .svp-card::before{\r\n  content:''!important;\r\n  position:absolute!important;\r\n  top:0!important;left:24px!important;right:24px!important;\r\n  height:3px!important;\r\n  border-radius:0 0 3px 3px!important;\r\n  background:linear-gradient(90deg,var(--wet-blue),var(--wet-cyan))!important;\r\n  opacity:0!important;\r\n  transition:opacity .3s ease!important;\r\n}\r\n.svp-section .svp-card:hover,\r\n.svp-section .svp-card:focus-within{\r\n  transform:translateY(-6px)!important;\r\n  border-color:#c3d9f1!important;\r\n  box-shadow:var(--wet-sh-2)!important;\r\n}\r\n.svp-section .svp-card:hover::before,\r\n.svp-section .svp-card:focus-within::before{\r\n  opacity:1!important;\r\n}\r\n\/* La carte centrale, mise en avant. *\/\r\n.svp-section .svp-card--lead{\r\n  border-color:#c3d9f1!important;\r\n  box-shadow:0 18px 44px rgba(13,30,48,.11)!important;\r\n}\r\n.svp-section .svp-card--lead::before{\r\n  opacity:1!important;\r\n}\r\n\r\n.svp-section .svp-tag{\r\n  display:inline-block!important;\r\n  margin:0 0 16px!important;\r\n  padding:5px 12px!important;\r\n  font-size:10.5px!important;\r\n  font-weight:600!important;\r\n  line-height:1.3!important;\r\n  letter-spacing:.7px!important;\r\n  text-transform:uppercase!important;\r\n  color:var(--wet-blue)!important;\r\n  background:var(--wet-pale)!important;\r\n  border:1px solid rgba(30,115,190,.16)!important;\r\n  border-radius:999px!important;\r\n  align-self:flex-start!important;\r\n}\r\n.svp-section .svp-tag--alt{\r\n  color:#d8442c!important;\r\n  background:#fff1ee!important;\r\n  border-color:rgba(255,98,72,.24)!important;\r\n}\r\n\r\n.svp-section .svp-name{\r\n  margin:0 0 12px!important;\r\n  font-size:20px!important;\r\n  font-weight:600!important;\r\n  line-height:1.32!important;\r\n  letter-spacing:-.25px!important;\r\n  color:var(--wet-ink)!important;\r\n  text-align:left!important;\r\n}\r\n.svp-section .svp-txt{\r\n  margin:0 0 14px!important;\r\n  font-size:14.5px!important;\r\n  font-weight:400!important;\r\n  line-height:1.78!important;\r\n  color:var(--wet-text)!important;\r\n  text-align:left!important;\r\n}\r\n.svp-section .svp-card .svp-txt{\r\n  flex:1 1 auto!important;\r\n  margin-bottom:22px!important;\r\n}\r\n\r\n.svp-section .svp-link{\r\n  display:inline-flex!important;\r\n  align-items:center!important;\r\n  gap:9px!important;\r\n  margin-top:auto!important;\r\n  align-self:flex-start!important;\r\n  min-height:42px!important;\r\n  padding:0 22px!important;\r\n  font-size:13.5px!important;\r\n  font-weight:600!important;\r\n  line-height:1.2!important;\r\n  color:var(--wet-blue)!important;\r\n  border:1.5px solid rgba(30,115,190,.38)!important;\r\n  border-radius:999px!important;\r\n  transition:background-color .24s ease,border-color .24s ease,color .24s ease,transform .24s ease!important;\r\n}\r\n.svp-section .svp-link:hover,\r\n.svp-section .svp-link:focus-visible{\r\n  color:var(--wet-white)!important;\r\n  background:var(--wet-blue)!important;\r\n  border-color:var(--wet-blue)!important;\r\n  transform:translateY(-2px)!important;\r\n}\r\n.svp-section .svp-chev{\r\n  display:block!important;\r\n  width:11px!important;\r\n  height:6px!important;\r\n  border-right:2px solid currentColor!important;\r\n  border-bottom:2px solid currentColor!important;\r\n  transform:rotate(-45deg) translate(-1px,-1px)!important;\r\n  transition:transform .24s ease!important;\r\n}\r\n.svp-section .svp-link:hover .svp-chev{\r\n  transform:rotate(-45deg) translate(2px,2px)!important;\r\n}\r\n\r\n\/* Les projets partenaires *\/\r\n.svp-section .svp-proj{\r\n  position:relative!important;\r\n  display:flex!important;\r\n  flex-direction:column!important;\r\n  padding:34px 32px 30px!important;\r\n  background:var(--wet-white)!important;\r\n  border:1.5px solid var(--wet-line)!important;\r\n  border-radius:20px!important;\r\n  box-shadow:var(--wet-sh)!important;\r\n  transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s ease,border-color .3s ease!important;\r\n}\r\n.svp-section .svp-proj:hover{\r\n  transform:translateY(-5px)!important;\r\n  border-color:#c3d9f1!important;\r\n  box-shadow:var(--wet-sh-2)!important;\r\n}\r\n.svp-section .svp-proj--wide{\r\n  grid-column:1 \/ -1!important;\r\n}\r\n.svp-section .svp-period{\r\n  display:inline-block!important;\r\n  align-self:flex-start!important;\r\n  margin:0 0 14px!important;\r\n  padding:5px 13px!important;\r\n  font-size:10.5px!important;\r\n  font-weight:600!important;\r\n  line-height:1.3!important;\r\n  letter-spacing:.7px!important;\r\n  text-transform:uppercase!important;\r\n  color:var(--wet-blue)!important;\r\n  background:var(--wet-pale)!important;\r\n  border:1px solid rgba(30,115,190,.16)!important;\r\n  border-radius:999px!important;\r\n}\r\n.svp-section .svp-period--alt{\r\n  color:#d8442c!important;\r\n  background:#fff1ee!important;\r\n  border-color:rgba(255,98,72,.24)!important;\r\n}\r\n.svp-section .svp-plabel{\r\n  margin:12px 0 12px!important;\r\n  font-size:11px!important;\r\n  font-weight:700!important;\r\n  line-height:1.3!important;\r\n  letter-spacing:1.4px!important;\r\n  text-transform:uppercase!important;\r\n  color:var(--wet-ink)!important;\r\n  text-align:left!important;\r\n}\r\n.svp-section .svp-logos{\r\n  display:flex!important;\r\n  flex-wrap:wrap!important;\r\n  align-items:stretch!important;\r\n  gap:12px!important;\r\n  margin:0!important;\r\n  padding:0!important;\r\n}\r\n\/* Cadres de logos. Meme grammaire que le carrousel des\r\n   partenaires de la page d'accueil : fond blanc, filet fin, coin\r\n   arrondi, et le logo centre sans jamais etre deforme.\r\n   Un <li> peut aussi ne contenir que du texte : il s'affiche alors\r\n   comme une pastille, au meme gabarit. *\/\r\n.svp-section .svp-logo{\r\n  display:inline-flex!important;\r\n  align-items:center!important;\r\n  justify-content:center!important;\r\n  min-height:58px!important;\r\n  min-width:100px!important;\r\n  padding:10px 16px!important;\r\n  font-size:12.5px!important;\r\n  font-weight:600!important;\r\n  line-height:1.3!important;\r\n  color:#41506d!important;\r\n  background:var(--wet-white)!important;\r\n  border:1.5px solid var(--wet-line)!important;\r\n  border-radius:12px!important;\r\n  transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease!important;\r\n}\r\n.svp-section .svp-logo:hover{\r\n  border-color:rgba(30,115,190,.25)!important;\r\n  box-shadow:0 8px 22px rgba(30,115,190,.14)!important;\r\n  transform:translateY(-2px)!important;\r\n}\r\n.svp-section .svp-logo-img{\r\n  display:block!important;\r\n  width:auto!important;\r\n  height:34px!important;\r\n  max-width:120px!important;\r\n  margin:0!important;\r\n  padding:0!important;\r\n  object-fit:contain!important;\r\n  border:0!important;\r\n  cursor:zoom-in!important;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   4. NOTRE METHODE\r\n   ============================================================ *\/\r\n.svm-section{\r\n  padding:72px 0 78px!important;\r\n  background:var(--wet-pale-2)!important;\r\n  overflow:hidden!important;\r\n}\r\n\r\n.svm-section .svm-steps{\r\n  position:relative!important;\r\n  display:grid!important;\r\n  grid-template-columns:repeat(4,minmax(0,1fr))!important;\r\n  gap:24px!important;\r\n  margin:0!important;\r\n  padding:0!important;\r\n}\r\n\r\n\/* Le rail passe derriere les pastilles, d'un centre a l'autre. *\/\r\n.svm-section .svm-rail{\r\n  position:absolute!important;\r\n  top:29px!important;\r\n  left:12.5%!important;\r\n  right:12.5%!important;\r\n  height:2px!important;\r\n  background:var(--wet-line)!important;\r\n  border-radius:2px!important;\r\n  overflow:hidden!important;\r\n}\r\n.svm-section .svm-rail-fill{\r\n  display:block!important;\r\n  width:var(--svm-progress,0%)!important;\r\n  height:100%!important;\r\n  border-radius:2px!important;\r\n  background:linear-gradient(90deg,var(--wet-blue),var(--wet-cyan))!important;\r\n  transition:width .35s linear!important;\r\n}\r\n\r\n.svm-section .svm-step{\r\n  position:relative!important;\r\n  z-index:1!important;\r\n  text-align:center!important;\r\n}\r\n.svm-section .svm-num{\r\n  display:flex!important;\r\n  align-items:center!important;\r\n  justify-content:center!important;\r\n  width:58px!important;\r\n  height:58px!important;\r\n  margin:0 auto 20px!important;\r\n  font-size:19px!important;\r\n  font-weight:700!important;\r\n  line-height:1!important;\r\n  color:var(--wet-white)!important;\r\n  background:linear-gradient(135deg,var(--wet-blue) 0%,var(--wet-blue-d) 100%)!important;\r\n  border:5px solid var(--wet-pale-2)!important;\r\n  border-radius:50%!important;\r\n  box-shadow:0 8px 20px rgba(30,115,190,.30)!important;\r\n  transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s ease!important;\r\n}\r\n.svm-section .svm-step:hover .svm-num{\r\n  transform:translateY(-4px) scale(1.05)!important;\r\n  box-shadow:0 14px 30px rgba(30,115,190,.38)!important;\r\n}\r\n.svm-section .svm-name{\r\n  margin:0 0 10px!important;\r\n  font-size:17.5px!important;\r\n  font-weight:600!important;\r\n  line-height:1.35!important;\r\n  letter-spacing:-.2px!important;\r\n  color:var(--wet-ink)!important;\r\n  text-align:center!important;\r\n}\r\n.svm-section .svm-txt{\r\n  margin:0!important;\r\n  font-size:14px!important;\r\n  font-weight:400!important;\r\n  line-height:1.75!important;\r\n  color:var(--wet-text)!important;\r\n  text-align:center!important;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   5. QUESTIONS FREQUENTES\r\n   ============================================================ *\/\r\n.svq-section{\r\n  padding:72px 0 78px!important;\r\n  background:var(--wet-white)!important;\r\n  overflow:hidden!important;\r\n}\r\n.svq-section .svq-inline{\r\n  color:var(--wet-blue)!important;\r\n  font-weight:600!important;\r\n}\r\n.svq-section .svq-inline:hover{\r\n  color:var(--wet-blue-d)!important;\r\n  text-decoration:underline!important;\r\n}\r\n\r\n.svq-section .svq-cols{\r\n  display:grid!important;\r\n  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;\r\n  gap:44px!important;\r\n  align-items:start!important;\r\n}\r\n\r\n.svq-section .svq-list{\r\n  display:block!important;\r\n}\r\n.svq-section .svq-item{\r\n  margin:0 0 12px!important;\r\n  background:var(--wet-white)!important;\r\n  border:1.5px solid var(--wet-line)!important;\r\n  border-radius:16px!important;\r\n  overflow:hidden!important;\r\n  transition:border-color .26s ease,box-shadow .26s ease,background-color .26s ease!important;\r\n}\r\n.svq-section .svq-item:last-child{\r\n  margin-bottom:0!important;\r\n}\r\n.svq-section .svq-item:hover{\r\n  border-color:#c3d9f1!important;\r\n}\r\n.svq-section .svq-item.is-open{\r\n  border-color:#bcd5f0!important;\r\n  background:var(--wet-pale-2)!important;\r\n  box-shadow:0 12px 30px rgba(13,30,48,.07)!important;\r\n}\r\n\r\n.svq-section .svq-q{\r\n  display:flex!important;\r\n  align-items:center!important;\r\n  justify-content:space-between!important;\r\n  gap:16px!important;\r\n  width:100%!important;\r\n  padding:19px 22px!important;\r\n  font-size:15px!important;\r\n  font-weight:600!important;\r\n  line-height:1.5!important;\r\n  color:var(--wet-ink)!important;\r\n  text-align:left!important;\r\n}\r\n.svq-section .svq-item.is-open .svq-q{\r\n  color:var(--wet-blue)!important;\r\n}\r\n.svq-section .svq-qtxt{\r\n  display:block!important;\r\n  flex:1 1 auto!important;\r\n}\r\n\/* Chevron dessine en CSS, pivote a l'ouverture. *\/\r\n.svq-section .svq-sign{\r\n  display:flex!important;\r\n  align-items:center!important;\r\n  justify-content:center!important;\r\n  flex:0 0 auto!important;\r\n  width:28px!important;\r\n  height:28px!important;\r\n  border-radius:50%!important;\r\n  background:var(--wet-pale)!important;\r\n  transition:background-color .26s ease,transform .32s cubic-bezier(.22,.61,.36,1)!important;\r\n}\r\n.svq-section .svq-sign::before{\r\n  content:''!important;\r\n  display:block!important;\r\n  width:9px!important;\r\n  height:9px!important;\r\n  margin-top:-4px!important;\r\n  border-right:2px solid var(--wet-blue)!important;\r\n  border-bottom:2px solid var(--wet-blue)!important;\r\n  transform:rotate(45deg)!important;\r\n}\r\n.svq-section .svq-item.is-open .svq-sign{\r\n  background:var(--wet-blue)!important;\r\n  transform:rotate(180deg)!important;\r\n}\r\n.svq-section .svq-item.is-open .svq-sign::before{\r\n  border-right-color:var(--wet-white)!important;\r\n  border-bottom-color:var(--wet-white)!important;\r\n}\r\n\r\n\/* La reponse s'ouvre en hauteur, sans valeur fixe a deviner.\r\n   Tant que le script n'a pas pris la main, toutes les reponses\r\n   restent visibles : rien ne peut disparaitre. *\/\r\n.svq-section .svq-a{\r\n  display:grid!important;\r\n  grid-template-rows:1fr!important;\r\n  transition:grid-template-rows .36s cubic-bezier(.22,.61,.36,1)!important;\r\n}\r\n.svq-section.js-faq .svq-a{\r\n  grid-template-rows:0fr!important;\r\n}\r\n.svq-section.js-faq .svq-item.is-open .svq-a{\r\n  grid-template-rows:1fr!important;\r\n}\r\n.svq-section .svq-abox{\r\n  overflow:hidden!important;\r\n  min-height:0!important;\r\n}\r\n.svq-section .svq-abox p{\r\n  margin:0!important;\r\n  padding:0 22px 20px!important;\r\n  font-size:14.5px!important;\r\n  font-weight:400!important;\r\n  line-height:1.8!important;\r\n  color:var(--wet-text)!important;\r\n  text-align:left!important;\r\n}\r\n\r\n\/* Le visuel et ses pastilles flottantes *\/\r\n\/* LE POINT QUI DECALAIT LES PASTILLES SOUS WORDPRESS\r\n   Les pastilles sont positionnees par rapport a cette figure. Or\r\n   le theme Sway met un `position:relative` sur figcaption : les\r\n   pastilles s'accrochaient alors a la legende, placee SOUS la\r\n   photo, au lieu de la figure. D'ou le decalage vers le bas.\r\n   On reprend donc la main sur toute la chaine figure > figcaption\r\n   > img : c'est la figure, et elle seule, qui sert de repere. *\/\r\n.svq-section .svq-media{\r\n  position:relative!important;\r\n  display:block!important;\r\n  float:none!important;\r\n  width:auto!important;\r\n  max-width:100%!important;\r\n  margin:0!important;\r\n  padding:0 18px 18px 0!important;\r\n  border:0!important;\r\n  background:none!important;\r\n  overflow:visible!important;\r\n}\r\n\/* Le bloc bleu depasse en bas a droite : la photo semble posee\r\n   dessus, comme sur le hero de la page d'accueil. *\/\r\n.svq-section .svq-frame{\r\n  position:absolute!important;\r\n  top:20px!important;\r\n  right:0!important;\r\n  bottom:0!important;\r\n  left:20px!important;\r\n  z-index:0!important;\r\n  border-radius:26px!important;\r\n  background:linear-gradient(140deg,var(--wet-blue) 0%,var(--wet-blue-x) 100%)!important;\r\n}\r\n.svq-section .svq-frame::after{\r\n  content:''!important;\r\n  position:absolute!important;\r\n  top:0!important;right:0!important;bottom:0!important;left:0!important;\r\n  border-radius:26px!important;\r\n  background-image:radial-gradient(rgba(255,255,255,.14) 1.4px,transparent 1.4px)!important;\r\n  background-size:20px 20px!important;\r\n}\r\n.svq-section .svq-photo{\r\n  position:relative!important;\r\n  z-index:1!important;\r\n  float:none!important;\r\n  margin:0!important;\r\n  padding:0!important;\r\n  cursor:zoom-in!important;\r\n  width:100%!important;\r\n  height:auto!important;\r\n  aspect-ratio:5 \/ 4!important;\r\n  object-fit:cover!important;\r\n  border-radius:18px!important;\r\n  box-shadow:0 20px 44px rgba(13,30,48,.20)!important;\r\n}\r\n\r\n\/* La legende ne doit etre ni un repere de positionnement, ni un\r\n   bloc qui pousse quoi que ce soit vers le bas. *\/\r\n.svq-section .svq-chips{\r\n  position:static!important;\r\n  display:block!important;\r\n  width:auto!important;\r\n  height:0!important;\r\n  margin:0!important;\r\n  padding:0!important;\r\n  border:0!important;\r\n  background:none!important;\r\n  font-size:inherit!important;\r\n  line-height:inherit!important;\r\n  text-align:left!important;\r\n  color:inherit!important;\r\n  caption-side:top!important;\r\n}\r\n.svq-section .svq-chip{\r\n  position:absolute!important;\r\n  z-index:2!important;\r\n  max-width:calc(100% - 24px)!important;\r\n  display:flex!important;\r\n  flex-direction:column!important;\r\n  gap:2px!important;\r\n  padding:10px 16px!important;\r\n  border-radius:14px!important;\r\n  box-shadow:0 12px 28px rgba(13,30,48,.16)!important;\r\n  animation:svq-float 5.5s ease-in-out infinite!important;\r\n}\r\n.svq-section .svq-chip--light{\r\n  top:16px!important;\r\n  left:-10px!important;\r\n  color:var(--wet-ink)!important;\r\n  background:var(--wet-white)!important;\r\n  border:1.5px solid var(--wet-line)!important;\r\n}\r\n.svq-section .svq-chip--blue{\r\n  top:16px!important;\r\n  right:30px!important;\r\n  color:var(--wet-white)!important;\r\n  background:linear-gradient(135deg,var(--wet-blue) 0%,var(--wet-blue-d) 100%)!important;\r\n  border:1px solid rgba(255,255,255,.18)!important;\r\n  animation-delay:1.2s!important;\r\n}\r\n.svq-section .svq-chip--low{\r\n  top:auto!important;\r\n  bottom:52px!important;\r\n  left:-10px!important;\r\n  max-width:212px!important;\r\n  animation-delay:2.4s!important;\r\n}\r\n.svq-section .svq-chip--low .svq-chip-v{\r\n  line-height:1.4!important;\r\n}\r\n.svq-section .svq-chip-k{\r\n  font-size:16px!important;\r\n  font-weight:700!important;\r\n  line-height:1.15!important;\r\n  letter-spacing:-.2px!important;\r\n}\r\n\/* La pastille du label : le mot \u00ab Certifi\u00e9e \u00bb en petites\r\n   capitales, puis le logo. Meme composition que le badge OAE du\r\n   hero de la page d'accueil. *\/\r\n.svq-section .svq-chip--oae{\r\n  gap:5px!important;\r\n  padding:10px 15px!important;\r\n  align-items:center!important;\r\n}\r\n.svq-section .svq-chip--oae .svq-chip-v{\r\n  font-size:8.5px!important;\r\n  font-weight:700!important;\r\n  letter-spacing:1px!important;\r\n  text-transform:uppercase!important;\r\n  opacity:1!important;\r\n  color:var(--wet-text)!important;\r\n}\r\n.svq-section .svq-chip-img{\r\n  display:block!important;\r\n  width:78px!important;\r\n  height:auto!important;\r\n  max-width:none!important;\r\n  border:0!important;\r\n}\r\n.svq-section .svq-chip-v{\r\n  font-size:11px!important;\r\n  font-weight:500!important;\r\n  line-height:1.3!important;\r\n  opacity:.78!important;\r\n}\r\n@keyframes svq-float{\r\n  0%,100%{transform:translateY(0);}\r\n  50%{transform:translateY(-8px);}\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   6. ENGAGEZ-VOUS A NOS COTES\r\n   ============================================================ *\/\r\n\/* La bande claire qui porte la carte sombre : exactement celle de\r\n   la page d'accueil, pour que les deux pages se terminent de la\r\n   meme facon. *\/\r\n.svc-section{\r\n  padding:20px 0 40px!important;\r\n  background:var(--wet-pale-2)!important;\r\n}\r\n\r\n.svc-section .svc-card{\r\n  position:relative!important;\r\n  padding:58px 44px 54px!important;\r\n  text-align:center!important;\r\n  background:linear-gradient(140deg,var(--wet-navy) 0%,var(--wet-navy-2) 58%,#173a5e 100%)!important;\r\n  border-radius:28px!important;\r\n  box-shadow:0 26px 60px rgba(13,30,48,.22)!important;\r\n  overflow:hidden!important;\r\n}\r\n.svc-section .svc-card::before{\r\n  content:''!important;\r\n  position:absolute!important;\r\n  top:0!important;left:0!important;right:0!important;\r\n  height:3px!important;\r\n  background:linear-gradient(90deg,var(--wet-blue) 0%,var(--wet-cyan) 100%)!important;\r\n}\r\n.svc-section .svc-dots{\r\n  position:absolute!important;\r\n  top:0!important;right:0!important;bottom:0!important;left:0!important;\r\n  z-index:0!important;\r\n  background-image:radial-gradient(rgba(255,255,255,.07) 1.5px,transparent 1.5px)!important;\r\n  background-size:26px 26px!important;\r\n  pointer-events:none!important;\r\n}\r\n.svc-section .svc-card > *{\r\n  position:relative!important;\r\n  z-index:1!important;\r\n}\r\n\r\n.svc-section .svc-eyebrow{\r\n  margin:0!important;\r\n  font-size:12px!important;\r\n  font-weight:700!important;\r\n  line-height:1.3!important;\r\n  letter-spacing:2.4px!important;\r\n  text-transform:uppercase!important;\r\n  color:var(--wet-cyan)!important;\r\n  text-align:center!important;\r\n}\r\n.svc-section .svc-rule{\r\n  display:block!important;\r\n  width:38px!important;\r\n  height:3px!important;\r\n  margin:14px auto 18px!important;\r\n  border-radius:2px!important;\r\n  background:linear-gradient(90deg,var(--wet-cyan),var(--wet-white))!important;\r\n}\r\n.svc-section .svc-title{\r\n  max-width:760px!important;\r\n  margin:0 auto 14px!important;\r\n  font-size:clamp(23px,2.9vw,33px)!important;\r\n  font-weight:700!important;\r\n  line-height:1.28!important;\r\n  letter-spacing:-.5px!important;\r\n  color:var(--wet-white)!important;\r\n  text-align:center!important;\r\n}\r\n.svc-section .svc-lead{\r\n  max-width:720px!important;\r\n  margin:0 auto 32px!important;\r\n  font-size:15px!important;\r\n  font-weight:400!important;\r\n  line-height:1.8!important;\r\n  color:rgba(255,255,255,.78)!important;\r\n  text-align:center!important;\r\n}\r\n.svc-section .svc-actions{\r\n  display:flex!important;\r\n  flex-wrap:wrap!important;\r\n  align-items:center!important;\r\n  justify-content:center!important;\r\n  gap:14px!important;\r\n}\r\n.svc-section .svc-btn{\r\n  display:inline-flex!important;\r\n  align-items:center!important;\r\n  justify-content:center!important;\r\n  gap:10px!important;\r\n  min-height:50px!important;\r\n  padding:0 30px!important;\r\n  font-size:14.5px!important;\r\n  font-weight:600!important;\r\n  line-height:1.2!important;\r\n  border-radius:999px!important;\r\n  transition:transform .24s ease,box-shadow .24s ease,background-color .24s ease,border-color .24s ease,color .24s ease!important;\r\n}\r\n.svc-section .svc-btn--ghost{\r\n  color:var(--wet-white)!important;\r\n  background:transparent!important;\r\n  border:1.5px solid rgba(255,255,255,.42)!important;\r\n}\r\n.svc-section .svc-btn--ghost:hover,\r\n.svc-section .svc-btn--ghost:focus-visible{\r\n  color:var(--wet-navy)!important;\r\n  background:var(--wet-white)!important;\r\n  border-color:var(--wet-white)!important;\r\n  transform:translateY(-2px)!important;\r\n}\r\n.svc-section .svc-btn--solid{\r\n  color:var(--wet-white)!important;\r\n  background:linear-gradient(135deg,var(--wet-blue) 0%,var(--wet-blue-d) 100%)!important;\r\n  border:1.5px solid transparent!important;\r\n  box-shadow:0 12px 28px rgba(30,115,190,.42)!important;\r\n}\r\n.svc-section .svc-btn--solid:hover,\r\n.svc-section .svc-btn--solid:focus-visible{\r\n  color:var(--wet-white)!important;\r\n  transform:translateY(-2px)!important;\r\n  box-shadow:0 18px 38px rgba(30,115,190,.52)!important;\r\n}\r\n.svc-section .svc-arrow{\r\n  display:block!important;\r\n  width:15px!important;\r\n  height:8px!important;\r\n  border-right:2px solid currentColor!important;\r\n  border-bottom:2px solid currentColor!important;\r\n  transform:rotate(-45deg) translate(-2px,-1px)!important;\r\n  transition:transform .24s ease!important;\r\n}\r\n.svc-section .svc-btn:hover .svc-arrow{\r\n  transform:rotate(-45deg) translate(2px,3px)!important;\r\n}\r\n\/* Petit coeur plein, dessine sans image. *\/\r\n.svc-section .svc-heart{\r\n  position:relative!important;\r\n  display:block!important;\r\n  width:13px!important;\r\n  height:12px!important;\r\n  transition:transform .24s ease!important;\r\n}\r\n.svc-section .svc-heart::before,\r\n.svc-section .svc-heart::after{\r\n  content:''!important;\r\n  position:absolute!important;\r\n  top:0!important;\r\n  width:7px!important;\r\n  height:11px!important;\r\n  background:currentColor!important;\r\n  border-radius:7px 7px 0 0!important;\r\n}\r\n.svc-section .svc-heart::before{\r\n  left:6px!important;\r\n  transform:rotate(-45deg)!important;\r\n  transform-origin:0 100%!important;\r\n}\r\n.svc-section .svc-heart::after{\r\n  left:0!important;\r\n  transform:rotate(45deg)!important;\r\n  transform-origin:100% 100%!important;\r\n}\r\n.svc-section .svc-btn:hover .svc-heart{\r\n  transform:scale(1.18)!important;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   7. APPARITIONS\r\n   Rien n'est masque tant que le script n'a pas ajoute sa classe\r\n   sur la section : script bloque, page entierement lisible.\r\n   ============================================================ *\/\r\n.svs-section.js-rv .svs-head,\r\n.svs-section.js-rv .svs-card,\r\n.svp-section.js-rv .svp-head,\r\n.svp-section.js-rv .svp-tabs,\r\n.svp-section.js-rv .svp-card,\r\n.svp-section.js-rv .svp-proj,\r\n.svm-section.js-rv .svm-head,\r\n.svm-section.js-rv .svm-step,\r\n.svq-section.js-rv .svq-head,\r\n.svq-section.js-rv .svq-item,\r\n.svq-section.js-rv .svq-media,\r\n.svc-section.js-rv .svc-card{\r\n  opacity:0!important;\r\n  transform:translateY(24px)!important;\r\n}\r\n.svs-section.js-rv .is-in,\r\n.svp-section.js-rv .is-in,\r\n.svm-section.js-rv .is-in,\r\n.svq-section.js-rv .is-in,\r\n.svc-section.js-rv .is-in{\r\n  opacity:1!important;\r\n  transform:translateY(0)!important;\r\n  transition:opacity .62s cubic-bezier(.22,.61,.36,1),transform .62s cubic-bezier(.22,.61,.36,1)!important;\r\n}\r\n\r\n\/* Les cartes arrivent l'une apres l'autre, pas toutes d'un bloc. *\/\r\n.svs-section.js-rv .svs-card:nth-child(2).is-in,\r\n.svp-section.js-rv .svp-card:nth-child(2).is-in,\r\n.svp-section.js-rv .svp-proj:nth-child(2).is-in,\r\n.svm-section.js-rv .svm-step:nth-child(3).is-in,\r\n.svq-section.js-rv .svq-item:nth-child(2).is-in{\r\n  transition-delay:.08s!important;\r\n}\r\n.svs-section.js-rv .svs-card:nth-child(3).is-in,\r\n.svp-section.js-rv .svp-card:nth-child(3).is-in,\r\n.svp-section.js-rv .svp-proj:nth-child(3).is-in,\r\n.svm-section.js-rv .svm-step:nth-child(4).is-in,\r\n.svq-section.js-rv .svq-item:nth-child(3).is-in{\r\n  transition-delay:.16s!important;\r\n}\r\n.svs-section.js-rv .svs-card:nth-child(4).is-in,\r\n.svm-section.js-rv .svm-step:nth-child(5).is-in,\r\n.svq-section.js-rv .svq-item:nth-child(4).is-in{\r\n  transition-delay:.24s!important;\r\n}\r\n.svs-section.js-rv .svs-card:nth-child(5).is-in,\r\n.svq-section.js-rv .svq-item:nth-child(5).is-in{\r\n  transition-delay:.32s!important;\r\n}\r\n.svs-section.js-rv .svs-card:nth-child(6).is-in{\r\n  transition-delay:.40s!important;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   8. RESPONSIVE\r\n   ============================================================ *\/\r\n@media (max-width:1023px){\r\n  .svs-section .svs-grid,\r\n  .svp-section .svp-grid{\r\n    grid-template-columns:repeat(2,minmax(0,1fr))!important;\r\n    gap:22px!important;\r\n  }\r\n  .svq-section .svq-cols{\r\n    grid-template-columns:1fr!important;\r\n    gap:38px!important;\r\n  }\r\n  .svq-section .svq-media{\r\n    max-width:620px!important;\r\n    margin:0 auto!important;\r\n  }\r\n  .svm-section .svm-steps{\r\n    grid-template-columns:repeat(2,minmax(0,1fr))!important;\r\n    gap:34px 22px!important;\r\n  }\r\n  .svm-section .svm-rail{\r\n    display:none!important;\r\n  }\r\n  .svc-section .svc-card{\r\n    padding:48px 30px 44px!important;\r\n  }\r\n}\r\n\r\n@media (max-width:767px){\r\n  .svh-section{\r\n    min-height:0!important;\r\n    padding:72px 0 78px!important;\r\n  }\r\n  .svh-section .svh-br{\r\n    display:none!important;\r\n  }\r\n  .svh-section .svh-btn,\r\n  .svc-section .svc-btn{\r\n    width:100%!important;\r\n    max-width:320px!important;\r\n  }\r\n  .svs-section,\r\n  .svp-section,\r\n  .svm-section,\r\n  .svq-section{\r\n    padding:52px 0 56px!important;\r\n  }\r\n  .svc-section{\r\n    padding:12px 0 56px!important;\r\n  }\r\n  .svh-section .svh-inner,.svs-section .svs-inner,.svp-section .svp-inner,.svm-section .svm-inner,.svq-section .svq-inner,.svc-section .svc-inner{\r\n    padding:0 18px!important;\r\n  }\r\n  .svs-section .svs-grid,\r\n  .svp-section .svp-grid,\r\n  .svp-section .svp-grid--two,\r\n  .svm-section .svm-steps{\r\n    grid-template-columns:minmax(0,1fr)!important;\r\n    gap:18px!important;\r\n  }\r\n  .svm-section .svm-steps{\r\n    gap:28px!important;\r\n  }\r\n  .svs-section .svs-head,.svp-section .svp-head,.svm-section .svm-head,.svq-section .svq-head{\r\n    margin-bottom:32px!important;\r\n  }\r\n  .svs-section .svs-card,\r\n  .svp-section .svp-card,\r\n  .svp-section .svp-proj{\r\n    padding:28px 22px 26px!important;\r\n  }\r\n  .svs-section .svs-badge{\r\n    position:static!important;\r\n    align-self:flex-start!important;\r\n    margin:0 0 14px!important;\r\n  }\r\n  .svs-section .svs-deco{\r\n    display:none!important;\r\n  }\r\n  .svp-section .svp-tabs{\r\n    width:100%!important;\r\n    flex-wrap:nowrap!important;\r\n  }\r\n  .svp-section .svp-tab{\r\n    flex:1 1 0!important;\r\n    padding:11px 10px!important;\r\n    font-size:12.5px!important;\r\n    text-align:center!important;\r\n    white-space:normal!important;\r\n  }\r\n  .svq-section .svq-media{\r\n    padding:0 14px 14px 0!important;\r\n  }\r\n  .svq-section .svq-chip--light,\r\n  .svq-section .svq-chip--low{\r\n    left:-4px!important;\r\n  }\r\n  .svq-section .svq-chip--blue{\r\n    right:22px!important;\r\n  }\r\n  .svq-section .svq-chip{\r\n    padding:8px 13px!important;\r\n  }\r\n  .svq-section .svq-chip-k{\r\n    font-size:14px!important;\r\n  }\r\n  .svc-section .svc-card{\r\n    padding:40px 22px 38px!important;\r\n    border-radius:22px!important;\r\n  }\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   9. MOUVEMENT REDUIT\r\n   ============================================================ *\/\r\n@media (prefers-reduced-motion:reduce){\r\n  .svh-section *,\r\n  .svs-section *,\r\n  .svp-section *,\r\n  .svm-section *,\r\n  .svq-section *,\r\n  .svc-section *{\r\n    transition-duration:.001ms!important;\r\n    animation-duration:.001ms!important;\r\n    animation-iteration-count:1!important;\r\n  }\r\n  .svh-section .svh-photo{\r\n    transform:none!important;\r\n  }\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   10. VISIONNEUSE D'IMAGES \u2014 .wet-lb-*\r\n\r\n   Un clic sur la photo de la FAQ ou sur un logo de partenaire\r\n   ouvre l'image en grand. La fenetre se ferme au clic a cote, sur\r\n   la croix, avec la touche Echap, ou des que l'on defile.\r\n\r\n   AUCUNE REGLE NE VISE html NI body. La fenetre est un bloc a\r\n   elle, pose a la fin du document par le script, et pilote par\r\n   ses propres classes. Rien n'est ajoute au <body> en style :\r\n   la page continue de defiler normalement derriere, et la\r\n   visionneuse se ferme d'elle-meme si vous defilez.\r\n\r\n   Si le script ne part pas, il n'y a simplement pas de\r\n   visionneuse : les images restent affichees normalement.\r\n   ============================================================ *\/\r\n.wet-lb{\r\n  position:fixed!important;\r\n  top:0!important;\r\n  right:0!important;\r\n  bottom:0!important;\r\n  left:0!important;\r\n  z-index:99999!important;\r\n  display:flex!important;\r\n  align-items:center!important;\r\n  justify-content:center!important;\r\n  padding:40px 32px 64px!important;\r\n  background:rgba(8,18,40,.90)!important;\r\n  -webkit-backdrop-filter:blur(5px)!important;\r\n  backdrop-filter:blur(5px)!important;\r\n  opacity:0!important;\r\n  visibility:hidden!important;\r\n  transition:opacity .3s ease,visibility .3s ease!important;\r\n}\r\n.wet-lb.is-open{\r\n  opacity:1!important;\r\n  visibility:visible!important;\r\n}\r\n.wet-lb-img{\r\n  display:block!important;\r\n  width:auto!important;\r\n  height:auto!important;\r\n  max-width:min(1100px,92vw)!important;\r\n  max-height:82vh!important;\r\n  margin:0!important;\r\n  padding:14px!important;\r\n  background:#ffffff!important;\r\n  border:0!important;\r\n  border-radius:16px!important;\r\n  box-shadow:0 30px 80px rgba(0,0,0,.55)!important;\r\n  transform:scale(.96)!important;\r\n  transition:transform .34s cubic-bezier(.22,.61,.36,1)!important;\r\n}\r\n.wet-lb.is-open .wet-lb-img{\r\n  transform:scale(1)!important;\r\n}\r\n.wet-lb-close{\r\n  position:absolute!important;\r\n  top:22px!important;\r\n  right:24px!important;\r\n  width:46px!important;\r\n  height:46px!important;\r\n  padding:0!important;\r\n  border-radius:50%!important;\r\n  background:rgba(255,255,255,.14)!important;\r\n  border:1.5px solid rgba(255,255,255,.32)!important;\r\n  color:#ffffff!important;\r\n  cursor:pointer!important;\r\n  transition:background-color .22s ease,border-color .22s ease,transform .22s ease!important;\r\n}\r\n.wet-lb-close:hover,\r\n.wet-lb-close:focus-visible{\r\n  background:rgba(255,255,255,.26)!important;\r\n  border-color:rgba(255,255,255,.6)!important;\r\n  transform:rotate(90deg)!important;\r\n}\r\n.wet-lb-close::before,\r\n.wet-lb-close::after{\r\n  content:''!important;\r\n  position:absolute!important;\r\n  top:50%!important;\r\n  left:50%!important;\r\n  width:17px!important;\r\n  height:1.8px!important;\r\n  margin:-1px 0 0 -8.5px!important;\r\n  border-radius:2px!important;\r\n  background:currentColor!important;\r\n}\r\n.wet-lb-close::before{transform:rotate(45deg)!important;}\r\n.wet-lb-close::after{transform:rotate(-45deg)!important;}\r\n.wet-lb-cap{\r\n  position:absolute!important;\r\n  left:0!important;\r\n  right:0!important;\r\n  bottom:24px!important;\r\n  margin:0!important;\r\n  padding:0 28px!important;\r\n  font-family:'Poppins',sans-serif!important;\r\n  font-size:13px!important;\r\n  font-weight:500!important;\r\n  line-height:1.5!important;\r\n  text-align:center!important;\r\n  color:rgba(255,255,255,.82)!important;\r\n}\r\n@media (max-width:640px){\r\n  .wet-lb{padding:20px 14px 56px!important;}\r\n  .wet-lb-img{max-width:94vw!important;max-height:74vh!important;padding:10px!important;border-radius:12px!important;}\r\n  .wet-lb-close{top:12px!important;right:12px!important;width:40px!important;height:40px!important;}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .wet-lb,\r\n  .wet-lb-img,\r\n  .wet-lb-close{transition-duration:.001ms!important;}\r\n}\r\n\r\n<\/style>\n\r\n<!-- ============================================================\r\n     WOMEN EDTECH \u2014 PAGE SERVICES\r\n     Six sections, six identifiants d'ancrage :\r\n     #wet-hero, #wet-services, #wet-programmes, #wet-methode,\r\n     #wet-faq, #wet-engagement\r\n     ============================================================ -->\r\n\r\n<!-- ============================================================\r\n     1. HERO \u2014 #wet-hero\r\n     ============================================================ -->\r\n<section id=\"wet-hero\" class=\"svh-section\">\r\n  <div class=\"svh-media\" aria-hidden=\"true\">\r\n    <!-- IMAGE 1\/2 \u2014 fond du hero. Remplacez l'adresse par la photo\r\n         de votre choix (format paysage, 1600 px de large minimum). -->\r\n    <img decoding=\"async\" class=\"svh-photo wet-no-lazy\" src=\"https:\/\/womenedtech.com\/wp-content\/uploads\/2026\/05\/IMG_0590-scaled.webp\" alt=\"\">\r\n    <span class=\"svh-veil\"><\/span>\r\n    <span class=\"svh-dots\"><\/span>\r\n  <\/div>\r\n\r\n  <div class=\"svh-inner\">\r\n    <p class=\"svh-kicker\"><i class=\"svh-kline\"><\/i>Nos services<i class=\"svh-kline\"><\/i><\/p>\r\n    <h1 class=\"svh-title\">Former, incuber et acc\u00e9l\u00e9rer<br class=\"svh-br\">les femmes dans le num\u00e9rique<\/h1>\r\n    <p class=\"svh-lead\">Women EdTech propose un \u00e9cosyst\u00e8me complet de services, formations certifiantes, accompagnement entrepreneurial et solutions digitales pour que chaque femme puisse saisir les opportunit\u00e9s du num\u00e9rique.<\/p>\r\n    <div class=\"svh-actions\">\r\n      <a class=\"svh-btn svh-btn--ghost\" href=\"#wet-programmes\">Voir les programmes<\/a>\r\n      <a class=\"svh-btn svh-btn--solid\" href=\"\/contact\/\">Nous contacter<i class=\"svh-arrow\" aria-hidden=\"true\"><\/i><\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============================================================\r\n     2. LES SIX SERVICES \u2014 #wet-services\r\n     ============================================================ -->\r\n<section id=\"wet-services\" class=\"svs-section\">\r\n  <span class=\"svs-deco\" aria-hidden=\"true\"><\/span>\r\n\r\n  <div class=\"svs-inner\">\r\n    <header class=\"svs-head\">\r\n      <p class=\"svs-eyebrow\"><i class=\"svs-edot\" aria-hidden=\"true\"><\/i>Notre expertise au service de vos projets<\/p>\r\n      <span class=\"svs-rule\" aria-hidden=\"true\"><\/span>\r\n      <h2 class=\"svs-title\">6 services pour votre transformation digitale<\/h2>\r\n      <p class=\"svs-lead\">Women EdTech con\u00e7oit et met en \u0153uvre des services \u00e0 forte valeur ajout\u00e9e pour les entreprises, les organisations et les institutions, en mati\u00e8re de formation, d'innovation num\u00e9rique et d'impact social.<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"svs-grid\">\r\n\r\n      <article class=\"svs-card\">\r\n        <span class=\"svs-no\" aria-hidden=\"true\">01<\/span>\r\n        <span class=\"svs-badge\">Certifiant<\/span>\r\n        <span class=\"svs-ico\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10 12 5 2 10l10 5 10-5Z\"\/><path d=\"M6 12.5V17c0 1.4 2.7 2.5 6 2.5s6-1.1 6-2.5v-4.5\"\/><path d=\"M22 10v5\"\/><\/svg>\r\n        <\/span>\r\n        <h3 class=\"svs-name\">Formations professionnelles<\/h3>\r\n        <p class=\"svs-txt\">Formations aux m\u00e9tiers du num\u00e9rique : dev web, marketing digital, design UX\/UI, cybers\u00e9curit\u00e9, IA. Pr\u00e9sentiel et en ligne, accessibles d\u00e8s le niveau BEPC.<\/p>\r\n        <a class=\"svs-link\" href=\"#wet-programmes\">Voir les formations<i class=\"svs-chev\" aria-hidden=\"true\"><\/i><\/a>\r\n      <\/article>\r\n\r\n      <article class=\"svs-card\">\r\n        <span class=\"svs-no\" aria-hidden=\"true\">02<\/span>\r\n        <span class=\"svs-badge svs-badge--alt\">5 \u00e0 7 mois<\/span>\r\n        <span class=\"svs-ico\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 3v16.5c0 .8.7 1.5 1.5 1.5H21\"\/><path d=\"M7 15l4-4.5 3 2.5L20 6\"\/><path d=\"M16 6h4v4\"\/><\/svg>\r\n        <\/span>\r\n        <h3 class=\"svs-name\">Acc\u00e9l\u00e9ration de startups<\/h3>\r\n        <p class=\"svs-txt\">Accompagnement intensif des femmes entrepreneures de l'id\u00e9e au march\u00e9 international. R\u00e9seaux, financement, e-commerce, leadership.<\/p>\r\n        <a class=\"svs-link\" href=\"#wet-programmes\">Business Growth<i class=\"svs-chev\" aria-hidden=\"true\"><\/i><\/a>\r\n      <\/article>\r\n\r\n      <article class=\"svs-card\">\r\n        <span class=\"svs-no\" aria-hidden=\"true\">03<\/span>\r\n        <span class=\"svs-badge\">B2B<\/span>\r\n        <span class=\"svs-ico\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2.5\" y=\"4\" width=\"19\" height=\"12.5\" rx=\"2\"\/><path d=\"M9 20.5h6\"\/><path d=\"M12 16.5v4\"\/><\/svg>\r\n        <\/span>\r\n        <h3 class=\"svs-name\">Solutions entreprises<\/h3>\r\n        <p class=\"svs-txt\">Conseil en transformation num\u00e9rique et digitalisation des process pour PME, ONG et institutions. Formation interne des \u00e9quipes sur mesure.<\/p>\r\n        <a class=\"svs-link\" href=\"\/contact\/\">En savoir plus<i class=\"svs-chev\" aria-hidden=\"true\"><\/i><\/a>\r\n      <\/article>\r\n\r\n      <article class=\"svs-card\">\r\n        <span class=\"svs-no\" aria-hidden=\"true\">04<\/span>\r\n        <span class=\"svs-badge svs-badge--alt\">International<\/span>\r\n        <span class=\"svs-ico\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2.5 3.5h2.2l2.1 10.4a1.6 1.6 0 0 0 1.6 1.3h8.3a1.6 1.6 0 0 0 1.6-1.2l1.6-6.5H6\"\/><circle cx=\"9.5\" cy=\"20\" r=\"1.3\"\/><circle cx=\"17\" cy=\"20\" r=\"1.3\"\/><\/svg>\r\n        <\/span>\r\n        <h3 class=\"svs-name\">E-commerce &amp; Export<\/h3>\r\n        <p class=\"svs-txt\">Boutiques en ligne, strat\u00e9gies d'export, ZLECAf, logistique. Pour les PME f\u00e9minines qui veulent vendre au-del\u00e0 de leurs fronti\u00e8res.<\/p>\r\n        <a class=\"svs-link\" href=\"\/contact\/\">D\u00e9couvrir<i class=\"svs-chev\" aria-hidden=\"true\"><\/i><\/a>\r\n      <\/article>\r\n\r\n      <article class=\"svs-card\">\r\n        <span class=\"svs-no\" aria-hidden=\"true\">05<\/span>\r\n        <span class=\"svs-badge\">Flexible<\/span>\r\n        <span class=\"svs-ico\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2.5\" y=\"4\" width=\"19\" height=\"12.5\" rx=\"2\"\/><path d=\"M10.4 8.6l4 2.15-4 2.15V8.6Z\"\/><path d=\"M8 20.5h8\"\/><\/svg>\r\n        <\/span>\r\n        <h3 class=\"svs-name\">Cours en ligne (e-learning)<\/h3>\r\n        <p class=\"svs-txt\">Formations asynchrones accessibles partout : contenus vid\u00e9o sous-titr\u00e9s, communaut\u00e9 apprenante, certificats reconnus. Apprenez \u00e0 votre rythme.<\/p>\r\n        <a class=\"svs-link\" href=\"\/contact\/\">Acc\u00e9der aux cours<i class=\"svs-chev\" aria-hidden=\"true\"><\/i><\/a>\r\n      <\/article>\r\n\r\n      <article class=\"svs-card\">\r\n        <span class=\"svs-no\" aria-hidden=\"true\">06<\/span>\r\n        <span class=\"svs-badge svs-badge--alt\">R\u00e9seau<\/span>\r\n        <span class=\"svs-ico\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"8\" r=\"3.2\"\/><path d=\"M2.8 19.5c0-3 2.8-5 6.2-5s6.2 2 6.2 5\"\/><path d=\"M16.5 5.2a3.2 3.2 0 0 1 0 6.1\"\/><path d=\"M18 14.9c2.1.6 3.5 2.2 3.5 4.6\"\/><\/svg>\r\n        <\/span>\r\n        <h3 class=\"svs-name\">\u00c9v\u00e9nements &amp; ateliers<\/h3>\r\n        <p class=\"svs-txt\">Salons, hackathons, ateliers de formation, conf\u00e9rences Women in Tech au B\u00e9nin et dans la sous-r\u00e9gion. Connectez-vous \u00e0 l'\u00e9cosyst\u00e8me tech.<\/p>\r\n        <a class=\"svs-link\" href=\"\/contact\/\">Voir les \u00e9v\u00e9nements<i class=\"svs-chev\" aria-hidden=\"true\"><\/i><\/a>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============================================================\r\n     3. PROGRAMMES PHARES \u2014 #wet-programmes\r\n     ============================================================ -->\r\n<section id=\"wet-programmes\" class=\"svp-section\">\r\n  <div class=\"svp-inner\">\r\n    <header class=\"svp-head\">\r\n      <p class=\"svp-eyebrow\"><i class=\"svp-edot\" aria-hidden=\"true\"><\/i>Programmes phares<\/p>\r\n      <span class=\"svp-rule\" aria-hidden=\"true\"><\/span>\r\n      <h2 class=\"svp-title\">Chaque programme, une transformation<\/h2>\r\n      <p class=\"svp-lead\">Women EdTech porte ses propres programmes de formation et d'accompagnement, et collabore avec des partenaires institutionnels sur des projets \u00e0 fort impact.<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"svp-tabs\" role=\"tablist\" aria-label=\"Programmes\">\r\n      <button class=\"svp-tab is-on\" type=\"button\" role=\"tab\" id=\"svp-tab-1\" aria-controls=\"svp-panel-1\" aria-selected=\"true\">Nos programmes WET<\/button>\r\n      <button class=\"svp-tab\" type=\"button\" role=\"tab\" id=\"svp-tab-2\" aria-controls=\"svp-panel-2\" aria-selected=\"false\">Projets partenaires 2026<\/button>\r\n      <span class=\"svp-ink\" aria-hidden=\"true\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"svp-panels\">\r\n\r\n      <div class=\"svp-panel is-on\" id=\"svp-panel-1\" role=\"tabpanel\" aria-labelledby=\"svp-tab-1\">\r\n        <div class=\"svp-grid\">\r\n\r\n          <article class=\"svp-card\">\r\n            <span class=\"svp-tag\">Incubation startups<\/span>\r\n            <h3 class=\"svp-name\">EdTech Impulse<\/h3>\r\n            <p class=\"svp-txt\">EdTech Impulse soutient la cr\u00e9ation de start-up \u00e9ducatives innovantes avec un accent particulier sur les communaut\u00e9s d\u00e9favoris\u00e9es et les apprenants non scolaris\u00e9s. Les technologies num\u00e9riques comme catalyseur d'un changement \u00e9ducatif durable.<\/p>\r\n            <a class=\"svp-link\" href=\"\/contact\/\">En savoir plus<i class=\"svp-chev\" aria-hidden=\"true\"><\/i><\/a>\r\n          <\/article>\r\n\r\n          <article class=\"svp-card svp-card--lead\">\r\n            <span class=\"svp-tag svp-tag--alt\">Acc\u00e9l\u00e9ration PME \u00b7 5 \u00e0 7 mois<\/span>\r\n            <h3 class=\"svp-name\">Business Growth<\/h3>\r\n            <p class=\"svp-txt\">Programme d'acc\u00e9l\u00e9ration con\u00e7u pour renforcer le pouvoir \u00e9conomique des femmes responsables de PME gr\u00e2ce \u00e0 l'e-commerce, le commerce international et le leadership entrepreneurial. Deux phases compl\u00e9mentaires : tourn\u00e9e nationale puis accompagnement hybride.<\/p>\r\n            <a class=\"svp-link\" href=\"\/contact\/\">En savoir plus<i class=\"svp-chev\" aria-hidden=\"true\"><\/i><\/a>\r\n          <\/article>\r\n\r\n          <article class=\"svp-card\">\r\n            <span class=\"svp-tag\">Formation IA \u00b7 1 000 femmes<\/span>\r\n            <h3 class=\"svp-name\">Women IA &amp; Data Academy<\/h3>\r\n            <p class=\"svp-txt\">Initiative pionni\u00e8re de Women EdTech visant \u00e0 r\u00e9duire les in\u00e9galit\u00e9s de genre dans le num\u00e9rique en formant 1 000 femmes africaines aux m\u00e9tiers de l'Intelligence Artificielle et des Big Data. Insertion professionnelle en Afrique, en France et en Am\u00e9rique du Nord.<\/p>\r\n            <a class=\"svp-link\" href=\"\/contact\/\">En savoir plus<i class=\"svp-chev\" aria-hidden=\"true\"><\/i><\/a>\r\n          <\/article>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"svp-panel\" id=\"svp-panel-2\" role=\"tabpanel\" aria-labelledby=\"svp-tab-2\">\r\n        <div class=\"svp-grid svp-grid--two\">\r\n\r\n          <article class=\"svp-proj\">\r\n            <span class=\"svp-period\">2026 \u2013 2030<\/span>\r\n            <h3 class=\"svp-name\">SAMA \u2013 Smart Africa Market for All<\/h3>\r\n            <p class=\"svp-txt\">Le programme SAMA, port\u00e9 par Smart Africa et financ\u00e9 par Fondation Mastercard, est une initiative r\u00e9gionale d'inclusion num\u00e9rique au B\u00e9nin, au Ghana et en Zambie d\u00e9ploy\u00e9e sur 4 ans. Au B\u00e9nin, Women EdTech, en consortium avec Pigier Fondation, assure la mise en \u0153uvre du programme \u00e0 travers la formation, l'accompagnement entrepreneurial et le suivi des b\u00e9n\u00e9ficiaires.<\/p>\r\n            <p class=\"svp-txt\">Le programme cible 10 000 femmes entrepreneures (AICHA) et 6 000 jeunes dipl\u00f4m\u00e9es en TIC (NALA), afin de renforcer leur employabilit\u00e9 et leur autonomisation \u00e9conomique dans le num\u00e9rique.<\/p>\r\n            <p class=\"svp-plabel\">Partenaires<\/p>\r\n            <ul class=\"svp-logos\">\r\n              <li class=\"svp-logo\"><img class=\"svp-logo-img wet-no-lazy\" src=\"https:\/\/womenedtech.com\/wp-content\/uploads\/2026\/04\/27.png\" alt=\"Fondation Mastercard\" loading=\"lazy\" decoding=\"async\"><\/li>\r\n              <li class=\"svp-logo\"><img class=\"svp-logo-img wet-no-lazy\" src=\"https:\/\/womenedtech.com\/wp-content\/uploads\/2026\/04\/Pigier-Benin.png\" alt=\"Pigier Fondation\" loading=\"lazy\" decoding=\"async\"><\/li>\r\n              <li class=\"svp-logo\"><img class=\"svp-logo-img wet-no-lazy\" src=\"https:\/\/womenedtech.com\/wp-content\/uploads\/2026\/04\/Smart-Africa-Secretariat-logo.png\" alt=\"Smart Africa\" loading=\"lazy\" decoding=\"async\"><\/li>\r\n            <\/ul>\r\n          <\/article>\r\n\r\n          <article class=\"svp-proj\">\r\n            <span class=\"svp-period svp-period--alt\">F\u00e9vrier \u2013 d\u00e9cembre 2026<\/span>\r\n            <h3 class=\"svp-name\">Digital Safe Space<\/h3>\r\n            <p class=\"svp-txt\">Une initiative port\u00e9e par Women EdTech visant \u00e0 pr\u00e9venir et lutter contre les violences bas\u00e9es sur le genre facilit\u00e9es par la technologie (VBG-FT). Le sous-projet s'appuie sur la sensibilisation, l'\u00e9ducation et la cr\u00e9ation d'espaces num\u00e9riques s\u00fbrs, \u00e0 travers la production et la diffusion de contenus \u00e9ducatifs accessibles en plusieurs langues locales (fon, yoruba).<\/p>\r\n            <p class=\"svp-txt\">Ces contenus sont relay\u00e9s via des canaux de proximit\u00e9, notamment les radios communautaires et des plateformes digitales d\u00e9di\u00e9es, afin de toucher massivement les jeunes femmes et renforcer leur capacit\u00e9 \u00e0 se prot\u00e9ger, signaler et agir face aux violences en ligne.<\/p>\r\n            <p class=\"svp-plabel\">Partenaires<\/p>\r\n            <ul class=\"svp-logos\">\r\n              <li class=\"svp-logo\"><img class=\"svp-logo-img wet-no-lazy\" src=\"https:\/\/womenedtech.com\/wp-content\/uploads\/2026\/04\/32.png\" alt=\"Ambassade de France\" loading=\"lazy\" decoding=\"async\"><\/li>\r\n              <li class=\"svp-logo\"><img class=\"svp-logo-img wet-no-lazy\" src=\"https:\/\/womenedtech.com\/wp-content\/uploads\/2026\/04\/43.png\" alt=\"AFD\" loading=\"lazy\" decoding=\"async\"><\/li>\r\n              <li class=\"svp-logo\"><img class=\"svp-logo-img wet-no-lazy\" src=\"https:\/\/womenedtech.com\/wp-content\/uploads\/2026\/04\/18-1.png\" alt=\"CARE B\u00e9nin\" loading=\"lazy\" decoding=\"async\"><\/li>\r\n            <\/ul>\r\n          <\/article>\r\n\r\n          <article class=\"svp-proj svp-proj--wide\">\r\n            <span class=\"svp-period\">OAE labellis\u00e9e \u00b7 juin \u00e0 d\u00e9cembre 2026<\/span>\r\n            <h3 class=\"svp-name\">Next Impact<\/h3>\r\n            <p class=\"svp-txt\">Dans le cadre du programme Next Impact (FP2E), Women EdTech, en tant qu'Organisation d'Appui aux Entreprises (OAE) labellis\u00e9e, a pour mission d'accompagner une cohorte de 25 jeunes femmes entrepreneures. \u00c0 travers ce dispositif, Women EdTech contribue \u00e0 l'objectif de Next Impact de stimuler l'entrepreneuriat f\u00e9minin, renforcer la cr\u00e9ation d'entreprises durables et favoriser l'acc\u00e8s au financement, en offrant un accompagnement structur\u00e9 allant de l'id\u00e9ation \u00e0 la mise sur le march\u00e9.<\/p>\r\n            <p class=\"svp-txt\">Les startups \u00e9voluent dans des secteurs \u00e0 fort potentiel tels que l'agro-industrie, le num\u00e9rique, les industries culturelles et cr\u00e9atives (ICC) et l'\u00e9conomie verte.<\/p>\r\n            <p class=\"svp-plabel\">Partenaires<\/p>\r\n            <ul class=\"svp-logos\">\r\n              <li class=\"svp-logo\"><img class=\"svp-logo-img wet-no-lazy\" src=\"https:\/\/womenedtech.com\/wp-content\/uploads\/2026\/04\/38.png\" alt=\"La Banque Mondiale\" loading=\"lazy\" decoding=\"async\"><\/li>\r\n              <li class=\"svp-logo\"><img class=\"svp-logo-img wet-no-lazy\" src=\"https:\/\/womenedtech.com\/wp-content\/uploads\/2026\/04\/37.png\" alt=\"S\u00e8m\u00e8 City\" loading=\"lazy\" decoding=\"async\"><\/li>\r\n              <li class=\"svp-logo\"><img class=\"svp-logo-img wet-no-lazy\" src=\"https:\/\/womenedtech.com\/wp-content\/uploads\/2026\/04\/13-2.png\" alt=\"ADPME\" loading=\"lazy\" decoding=\"async\"><\/li>\r\n            <\/ul>\r\n          <\/article>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============================================================\r\n     4. NOTRE M\u00c9THODE \u2014 #wet-methode\r\n     ============================================================ -->\r\n<section id=\"wet-methode\" class=\"svm-section\">\r\n  <div class=\"svm-inner\">\r\n    <header class=\"svm-head\">\r\n      <p class=\"svm-eyebrow\"><i class=\"svm-edot\" aria-hidden=\"true\"><\/i>Notre m\u00e9thode<\/p>\r\n      <span class=\"svm-rule\" aria-hidden=\"true\"><\/span>\r\n      <h2 class=\"svm-title\">Un accompagnement en 4 \u00e9tapes<\/h2>\r\n      <p class=\"svm-lead\">De la candidature \u00e0 l'insertion professionnelle, un parcours structur\u00e9 pens\u00e9 pour les r\u00e9alit\u00e9s africaines.<\/p>\r\n    <\/header>\r\n\r\n    <ol class=\"svm-steps\">\r\n      <span class=\"svm-rail\" aria-hidden=\"true\"><i class=\"svm-rail-fill\"><\/i><\/span>\r\n\r\n      <li class=\"svm-step\">\r\n        <span class=\"svm-num\">1<\/span>\r\n        <h3 class=\"svm-name\">Candidature<\/h3>\r\n        <p class=\"svm-txt\">Formulaire en ligne simple. S\u00e9lection en 5 jours. R\u00e9ponse garantie pour chaque dossier.<\/p>\r\n      <\/li>\r\n      <li class=\"svm-step\">\r\n        <span class=\"svm-num\">2<\/span>\r\n        <h3 class=\"svm-name\">Formation<\/h3>\r\n        <p class=\"svm-txt\">Cours pratiques, projets r\u00e9els, formateurs experts. En pr\u00e9sentiel ou en ligne selon le programme.<\/p>\r\n      <\/li>\r\n      <li class=\"svm-step\">\r\n        <span class=\"svm-num\">3<\/span>\r\n        <h3 class=\"svm-name\">Accompagnement<\/h3>\r\n        <p class=\"svm-txt\">Coaching individuel, mentorat, r\u00e9seau d'alumnis, acc\u00e8s aux partenaires et aux financements.<\/p>\r\n      <\/li>\r\n      <li class=\"svm-step\">\r\n        <span class=\"svm-num\">4<\/span>\r\n        <h3 class=\"svm-name\">Insertion &amp; impact<\/h3>\r\n        <p class=\"svm-txt\">Emploi, lancement d'entreprise ou exportation. Suivi des r\u00e9sultats et rapport d'impact annuel.<\/p>\r\n      <\/li>\r\n    <\/ol>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============================================================\r\n     5. QUESTIONS FR\u00c9QUENTES \u2014 #wet-faq\r\n     ============================================================ -->\r\n<section id=\"wet-faq\" class=\"svq-section\">\r\n  <div class=\"svq-inner\">\r\n    <header class=\"svq-head\">\r\n      <p class=\"svq-eyebrow\"><i class=\"svq-edot\" aria-hidden=\"true\"><\/i>Questions fr\u00e9quentes<\/p>\r\n      <span class=\"svq-rule\" aria-hidden=\"true\"><\/span>\r\n      <h2 class=\"svq-title\">Tout ce que vous voulez savoir<\/h2>\r\n      <p class=\"svq-lead\">Vous ne trouvez pas votre r\u00e9ponse ? <a class=\"svq-inline\" href=\"\/contact\/\">Contactez-nous directement.<\/a><\/p>\r\n    <\/header>\r\n\r\n    <div class=\"svq-cols\">\r\n\r\n      <div class=\"svq-list\">\r\n\r\n        <article class=\"svq-item is-open\">\r\n          <button class=\"svq-q\" type=\"button\" aria-expanded=\"true\" aria-controls=\"svq-a-1\" id=\"svq-q-1\">\r\n            <span class=\"svq-qtxt\">Faut-il un dipl\u00f4me technique pour candidater ?<\/span>\r\n            <i class=\"svq-sign\" aria-hidden=\"true\"><\/i>\r\n          <\/button>\r\n          <div class=\"svq-a\" id=\"svq-a-1\" role=\"region\" aria-labelledby=\"svq-q-1\">\r\n            <div class=\"svq-abox\"><p>Non. La plupart de nos programmes sont accessibles d\u00e8s le niveau BEPC. Digit'Elle Africa, Business Growth et les Camps Technologiques n'exigent aucune base en informatique : juste de la motivation et une volont\u00e9 d'apprendre.<\/p><\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"svq-item\">\r\n          <button class=\"svq-q\" type=\"button\" aria-expanded=\"false\" aria-controls=\"svq-a-2\" id=\"svq-q-2\">\r\n            <span class=\"svq-qtxt\">Women EdTech propose-t-elle des services aux entreprises ?<\/span>\r\n            <i class=\"svq-sign\" aria-hidden=\"true\"><\/i>\r\n          <\/button>\r\n          <div class=\"svq-a\" id=\"svq-a-2\" role=\"region\" aria-labelledby=\"svq-q-2\">\r\n            <div class=\"svq-abox\"><p>Oui. Conseil en transformation num\u00e9rique, digitalisation des process et formation interne des \u00e9quipes, pour les PME, les ONG et les institutions. Chaque mission est cadr\u00e9e sur mesure apr\u00e8s un premier diagnostic.<\/p><\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"svq-item\">\r\n          <button class=\"svq-q\" type=\"button\" aria-expanded=\"false\" aria-controls=\"svq-a-3\" id=\"svq-q-3\">\r\n            <span class=\"svq-qtxt\">Est-il possible de suivre les cours \u00e0 distance ?<\/span>\r\n            <i class=\"svq-sign\" aria-hidden=\"true\"><\/i>\r\n          <\/button>\r\n          <div class=\"svq-a\" id=\"svq-a-3\" role=\"region\" aria-labelledby=\"svq-q-3\">\r\n            <div class=\"svq-abox\"><p>Oui. Une partie du catalogue existe en e-learning : contenus vid\u00e9o sous-titr\u00e9s, communaut\u00e9 apprenante et certificats reconnus. Plusieurs programmes combinent pr\u00e9sentiel et distanciel.<\/p><\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"svq-item\">\r\n          <button class=\"svq-q\" type=\"button\" aria-expanded=\"false\" aria-controls=\"svq-a-4\" id=\"svq-q-4\">\r\n            <span class=\"svq-qtxt\">Les formations sont-elles payantes ?<\/span>\r\n            <i class=\"svq-sign\" aria-hidden=\"true\"><\/i>\r\n          <\/button>\r\n          <div class=\"svq-a\" id=\"svq-a-4\" role=\"region\" aria-labelledby=\"svq-q-4\">\r\n            <div class=\"svq-abox\"><p>Cela d\u00e9pend du programme. Plusieurs sont financ\u00e9s par nos partenaires et donc gratuits pour les b\u00e9n\u00e9ficiaires s\u00e9lectionn\u00e9es ; d'autres sont payants, avec des facilit\u00e9s de paiement. Les conditions sont pr\u00e9cis\u00e9es sur la fiche de chaque programme.<\/p><\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"svq-item\">\r\n          <button class=\"svq-q\" type=\"button\" aria-expanded=\"false\" aria-controls=\"svq-a-5\" id=\"svq-q-5\">\r\n            <span class=\"svq-qtxt\">Comment candidater \u00e0 un programme ?<\/span>\r\n            <i class=\"svq-sign\" aria-hidden=\"true\"><\/i>\r\n          <\/button>\r\n          <div class=\"svq-a\" id=\"svq-a-5\" role=\"region\" aria-labelledby=\"svq-q-5\">\r\n            <div class=\"svq-abox\"><p>Par le formulaire en ligne de la page du programme concern\u00e9. La s\u00e9lection est communiqu\u00e9e sous 5 jours et chaque dossier re\u00e7oit une r\u00e9ponse.<\/p><\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n      <figure class=\"svq-media\">\r\n        <span class=\"svq-frame\" aria-hidden=\"true\"><\/span>\r\n        <!-- IMAGE 2\/2 \u2014 visuel de la FAQ. -->\r\n        <img decoding=\"async\" class=\"svq-photo wet-no-lazy\" src=\"https:\/\/womenedtech.com\/wp-content\/uploads\/2026\/05\/WET-HERO-SECTION.png\" alt=\"Une formatrice Women EdTech accompagne une apprenante sur son ordinateur\">\r\n        <figcaption class=\"svq-chips\">\r\n          <span class=\"svq-chip svq-chip--light svq-chip--oae\">\r\n            <span class=\"svq-chip-v\">Certifi\u00e9e<\/span>\r\n            <img class=\"svq-chip-img wet-no-lazy\" src=\"https:\/\/womenedtech.com\/wp-content\/uploads\/2026\/04\/48.png\" alt=\"Label OAE\" loading=\"lazy\" decoding=\"async\">\r\n          <\/span>\r\n          <span class=\"svq-chip svq-chip--blue\"><b class=\"svq-chip-k\">8+<\/b><span class=\"svq-chip-v\">ans d'exp\u00e9rience<\/span><\/span>\r\n          <span class=\"svq-chip svq-chip--light svq-chip--low\"><b class=\"svq-chip-k\">20 000 +<\/b><span class=\"svq-chip-v\">filles et femmes accompagn\u00e9es et impact\u00e9es<\/span><\/span>\r\n        <\/figcaption>\r\n      <\/figure>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============================================================\r\n     6. ENGAGEZ-VOUS \u00c0 NOS C\u00d4T\u00c9S \u2014 #wet-engagement\r\n     ============================================================ -->\r\n<section id=\"wet-engagement\" class=\"svc-section\">\r\n  <div class=\"svc-inner\">\r\n    <div class=\"svc-card\">\r\n      <span class=\"svc-dots\" aria-hidden=\"true\"><\/span>\r\n      <p class=\"svc-eyebrow\">Engagez-vous \u00e0 nos c\u00f4t\u00e9s<\/p>\r\n      <span class=\"svc-rule\" aria-hidden=\"true\"><\/span>\r\n      <h2 class=\"svc-title\">Le num\u00e9rique peut transformer des vies. Agissons ensemble.<\/h2>\r\n      <p class=\"svc-lead\">Partenaires, institutions, bailleurs : unissons nos forces avec Women EdTech pour transformer les engagements en r\u00e9sultats concrets.<\/p>\r\n      <div class=\"svc-actions\">\r\n        <a class=\"svc-btn svc-btn--ghost\" href=\"\/contact\/\">Nous contacter<i class=\"svc-arrow\" aria-hidden=\"true\"><\/i><\/a>\r\n        <a class=\"svc-btn svc-btn--solid\" href=\"\/faire-un-don\/\">Faites un don<i class=\"svc-heart\" aria-hidden=\"true\"><\/i><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* ============================================================\r\n   WOMEN EDTECH \u2014 PAGE SERVICES\r\n   Onglets, accordeon, apparitions, rail de progression et\r\n   parallaxe du hero. Aucune bibliotheque, aucun appel reseau.\r\n\r\n   REGLE DE SECURITE : ce script n'est jamais indispensable a la\r\n   lecture. Il ajoute des classes qui declenchent les effets ;\r\n   s'il ne part pas, toute la page reste visible et lisible.\r\n   ============================================================ *\/\r\n(function () {\r\n  'use strict';\r\n\r\n  \/* Une extension de cache peut charger le meme fichier deux fois.\r\n     Ce verrou evite que tout soit installe en double. *\/\r\n  if (window.__wetServicesReady) { return; }\r\n  window.__wetServicesReady = true;\r\n\r\n  var REDUCED = false;\r\n  try {\r\n    REDUCED = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  } catch (e) {}\r\n\r\n  function ready(fn) {\r\n    if (document.readyState === 'loading') {\r\n      document.addEventListener('DOMContentLoaded', fn);\r\n    } else {\r\n      fn();\r\n    }\r\n  }\r\n\r\n  function all(sel, root) {\r\n    return Array.prototype.slice.call((root || document).querySelectorAll(sel));\r\n  }\r\n\r\n\r\n  \/* ==========================================================\r\n     1. APPARITIONS A L'ENTREE DANS L'ECRAN\r\n     ========================================================== *\/\r\n  var RV_TARGETS = [\r\n    '.svs-head', '.svs-card',\r\n    '.svp-head', '.svp-tabs', '.svp-card', '.svp-proj',\r\n    '.svm-head', '.svm-step',\r\n    '.svq-head', '.svq-item', '.svq-media',\r\n    '.svc-card'\r\n  ].join(',');\r\n\r\n  function initReveal() {\r\n    var sections = all('.svs-section,.svp-section,.svm-section,.svq-section,.svc-section');\r\n    if (!sections.length) { return; }\r\n\r\n    var items = all(RV_TARGETS);\r\n\r\n    if (REDUCED || !('IntersectionObserver' in window)) {\r\n      items.forEach(function (el) { el.classList.add('is-in'); });\r\n      return;\r\n    }\r\n\r\n    \/* La classe n'est posee qu'ici : avant cette ligne, le CSS ne\r\n       masque rien du tout. *\/\r\n    sections.forEach(function (s) { s.classList.add('js-rv'); });\r\n\r\n    var io = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (en) {\r\n        if (en.isIntersecting) {\r\n          en.target.classList.add('is-in');\r\n          io.unobserve(en.target);\r\n        }\r\n      });\r\n    }, { rootMargin: '0px 0px -8% 0px', threshold: 0.06 });\r\n\r\n    items.forEach(function (el) { io.observe(el); });\r\n\r\n    \/* Filet de securite : un saut d'ancre peut traverser une\r\n       section plus vite que l'observateur. On repasse derriere. *\/\r\n    function sweep() {\r\n      var h = window.innerHeight || 800;\r\n      items.forEach(function (el) {\r\n        if (el.classList.contains('is-in')) { return; }\r\n        var r = el.getBoundingClientRect();\r\n        if (r.top < h * 0.94 && r.bottom > -40) {\r\n          el.classList.add('is-in');\r\n          io.unobserve(el);\r\n        }\r\n      });\r\n    }\r\n    sweep();\r\n    window.addEventListener('scroll', sweep, { passive: true });\r\n    window.addEventListener('resize', sweep);\r\n    window.addEventListener('hashchange', sweep);\r\n    window.addEventListener('load', sweep);\r\n    setTimeout(sweep, 400);\r\n    setTimeout(sweep, 2500);\r\n  }\r\n\r\n\r\n  \/* ==========================================================\r\n     2. ONGLETS DES PROGRAMMES\r\n     ========================================================== *\/\r\n  function initTabs() {\r\n    var section = document.querySelector('.svp-section');\r\n    if (!section) { return; }\r\n\r\n    var tabs = all('.svp-tab', section);\r\n    var panels = all('.svp-panel', section);\r\n    var ink = section.querySelector('.svp-ink');\r\n    if (tabs.length < 2 || !panels.length) { return; }\r\n\r\n    \/* A partir d'ici seulement, le CSS masque les panneaux\r\n       inactifs. Sans cette classe, les deux listes restent\r\n       affichees l'une sous l'autre. *\/\r\n    section.classList.add('js-tabs');\r\n\r\n    function moveInk(tab) {\r\n      if (!ink || !tab) { return; }\r\n      var w = tab.offsetWidth;\r\n      var x = tab.offsetLeft;\r\n      \/* La feuille de styles est en !important : l'ecriture en\r\n         ligne doit l'etre aussi pour passer devant. *\/\r\n      ink.style.setProperty('width', w + 'px', 'important');\r\n      ink.style.setProperty('transform', 'translateX(' + x + 'px)', 'important');\r\n    }\r\n\r\n    function select(index, focus) {\r\n      tabs.forEach(function (t, i) {\r\n        var on = (i === index);\r\n        t.classList.toggle('is-on', on);\r\n        t.setAttribute('aria-selected', on ? 'true' : 'false');\r\n        t.setAttribute('tabindex', on ? '0' : '-1');\r\n      });\r\n      panels.forEach(function (p, i) {\r\n        p.classList.toggle('is-on', i === index);\r\n      });\r\n      moveInk(tabs[index]);\r\n      if (focus && tabs[index]) { tabs[index].focus(); }\r\n\r\n      \/* Les cartes du panneau qui vient de s'ouvrir n'ont peut-etre\r\n         jamais croise l'observateur : on les revele tout de suite. *\/\r\n      all('.svp-card,.svp-proj', panels[index]).forEach(function (el) {\r\n        el.classList.add('is-in');\r\n      });\r\n    }\r\n\r\n    var start = 0;\r\n    tabs.forEach(function (t, i) { if (t.classList.contains('is-on')) { start = i; } });\r\n\r\n    tabs.forEach(function (tab, i) {\r\n      tab.addEventListener('click', function () { select(i, false); });\r\n      tab.addEventListener('keydown', function (ev) {\r\n        var k = ev.key;\r\n        if (k === 'ArrowRight' || k === 'ArrowDown') {\r\n          ev.preventDefault(); select((i + 1) % tabs.length, true);\r\n        } else if (k === 'ArrowLeft' || k === 'ArrowUp') {\r\n          ev.preventDefault(); select((i - 1 + tabs.length) % tabs.length, true);\r\n        } else if (k === 'Home') {\r\n          ev.preventDefault(); select(0, true);\r\n        } else if (k === 'End') {\r\n          ev.preventDefault(); select(tabs.length - 1, true);\r\n        }\r\n      });\r\n    });\r\n\r\n    select(start, false);\r\n    \/* Les polices arrivent apres : la largeur des onglets bouge. *\/\r\n    window.addEventListener('resize', function () {\r\n      moveInk(section.querySelector('.svp-tab.is-on'));\r\n    });\r\n    window.addEventListener('load', function () {\r\n      moveInk(section.querySelector('.svp-tab.is-on'));\r\n    });\r\n    setTimeout(function () {\r\n      moveInk(section.querySelector('.svp-tab.is-on'));\r\n    }, 600);\r\n    if (document.fonts && document.fonts.ready && document.fonts.ready.then) {\r\n      document.fonts.ready.then(function () {\r\n        moveInk(section.querySelector('.svp-tab.is-on'));\r\n      });\r\n    }\r\n  }\r\n\r\n\r\n  \/* ==========================================================\r\n     3. ACCORDEON DE LA FAQ\r\n     ========================================================== *\/\r\n  function initFaq() {\r\n    var section = document.querySelector('.svq-section');\r\n    if (!section) { return; }\r\n\r\n    var items = all('.svq-item', section);\r\n    if (!items.length) { return; }\r\n\r\n    \/* Idem : le repliage n'existe qu'une fois le script en place. *\/\r\n    section.classList.add('js-faq');\r\n\r\n    function setOpen(item, open) {\r\n      item.classList.toggle('is-open', open);\r\n      var btn = item.querySelector('.svq-q');\r\n      if (btn) { btn.setAttribute('aria-expanded', open ? 'true' : 'false'); }\r\n    }\r\n\r\n    items.forEach(function (item) {\r\n      var btn = item.querySelector('.svq-q');\r\n      if (!btn) { return; }\r\n      btn.addEventListener('click', function () {\r\n        var willOpen = !item.classList.contains('is-open');\r\n        \/* Une seule reponse ouverte a la fois : la colonne garde\r\n           une hauteur stable. *\/\r\n        items.forEach(function (other) { setOpen(other, false); });\r\n        setOpen(item, willOpen);\r\n      });\r\n    });\r\n  }\r\n\r\n\r\n  \/* ==========================================================\r\n     4. RAIL DE PROGRESSION DE LA METHODE\r\n     ========================================================== *\/\r\n  function initRail() {\r\n    var steps = document.querySelector('.svm-steps');\r\n    if (!steps) { return; }\r\n    if (REDUCED) {\r\n      steps.style.setProperty('--svm-progress', '100%');\r\n      return;\r\n    }\r\n\r\n    function update() {\r\n      var r = steps.getBoundingClientRect();\r\n      var h = window.innerHeight || 800;\r\n      \/* La barre se remplit pendant que la rangee traverse le bas\r\n         de l'ecran. *\/\r\n      var p = (h * 0.85 - r.top) \/ Math.max(r.height * 0.55, 1);\r\n      p = Math.max(0, Math.min(1, p));\r\n      steps.style.setProperty('--svm-progress', (p * 100).toFixed(1) + '%');\r\n    }\r\n\r\n    update();\r\n    window.addEventListener('scroll', update, { passive: true });\r\n    window.addEventListener('resize', update);\r\n    window.addEventListener('load', update);\r\n  }\r\n\r\n\r\n  \/* ==========================================================\r\n     5. PARALLAXE DU HERO\r\n     ========================================================== *\/\r\n  function initParallax() {\r\n    var hero = document.querySelector('.svh-section');\r\n    if (!hero || REDUCED) { return; }\r\n    var photo = hero.querySelector('.svh-photo');\r\n    if (!photo) { return; }\r\n\r\n    var ticking = false;\r\n    function apply() {\r\n      ticking = false;\r\n      var r = hero.getBoundingClientRect();\r\n      if (r.bottom < 0 || r.top > (window.innerHeight || 800)) { return; }\r\n      \/* Deplacement volontairement court : le mouvement se sent,\r\n         il ne se remarque pas. *\/\r\n      var shift = Math.max(-70, Math.min(0, -(window.pageYOffset || 0) * 0.14));\r\n      photo.style.setProperty('--svh-par', shift.toFixed(1) + 'px');\r\n    }\r\n    function onScroll() {\r\n      if (ticking) { return; }\r\n      ticking = true;\r\n      window.requestAnimationFrame(apply);\r\n    }\r\n\r\n    apply();\r\n    window.addEventListener('scroll', onScroll, { passive: true });\r\n    window.addEventListener('resize', onScroll);\r\n  }\r\n\r\n\r\n\r\n\r\n  \/* ==========================================================\r\n     6. VISIONNEUSE D'IMAGES\r\n     Un clic sur la photo de la FAQ ou sur un logo de partenaire\r\n     ouvre l'image en grand.\r\n\r\n     Rien n'est applique au <body> ni au <html> : la fenetre est\r\n     un bloc a elle, et la page continue de defiler derriere \u2014\r\n     d'ailleurs, defiler la referme. Si ce bloc ne part pas, les\r\n     images restent simplement affichees normalement.\r\n     ========================================================== *\/\r\n  function initLightbox() {\r\n    var cibles = all('.svq-photo,.svp-logo-img');\r\n    if (!cibles.length) { return; }\r\n\r\n    var lb = document.createElement('div');\r\n    lb.className = 'wet-lb';\r\n    lb.setAttribute('role', 'dialog');\r\n    lb.setAttribute('aria-modal', 'true');\r\n    lb.setAttribute('aria-hidden', 'true');\r\n    lb.setAttribute('aria-label', 'Image agrandie');\r\n\r\n    var vue = document.createElement('img');\r\n    vue.className = 'wet-lb-img';\r\n    vue.setAttribute('alt', '');\r\n\r\n    var fermer = document.createElement('button');\r\n    fermer.className = 'wet-lb-close';\r\n    fermer.type = 'button';\r\n    fermer.setAttribute('aria-label', 'Fermer');\r\n\r\n    var legende = document.createElement('p');\r\n    legende.className = 'wet-lb-cap';\r\n\r\n    lb.appendChild(vue);\r\n    lb.appendChild(fermer);\r\n    lb.appendChild(legende);\r\n    document.body.appendChild(lb);\r\n\r\n    var ouvert = false;\r\n    var declencheur = null;\r\n\r\n    function ouvrir(img) {\r\n      declencheur = img;\r\n      vue.setAttribute('src', img.currentSrc || img.src);\r\n      vue.setAttribute('alt', img.alt || '');\r\n      legende.textContent = img.alt || '';\r\n      lb.classList.add('is-open');\r\n      lb.setAttribute('aria-hidden', 'false');\r\n      ouvert = true;\r\n      \/* Le focus part sur la croix : la touche Echap et la touche\r\n         Entree font alors ce qu'on attend d'elles. *\/\r\n      window.setTimeout(function () { fermer.focus(); }, 30);\r\n    }\r\n\r\n    function clore() {\r\n      if (!ouvert) { return; }\r\n      lb.classList.remove('is-open');\r\n      lb.setAttribute('aria-hidden', 'true');\r\n      ouvert = false;\r\n      if (declencheur && declencheur.focus) { declencheur.focus(); }\r\n      declencheur = null;\r\n    }\r\n\r\n    cibles.forEach(function (img) {\r\n      img.setAttribute('tabindex', '0');\r\n      img.setAttribute('role', 'button');\r\n      if (img.alt) { img.setAttribute('title', 'Cliquer pour agrandir'); }\r\n      img.addEventListener('click', function () { ouvrir(img); });\r\n      img.addEventListener('keydown', function (ev) {\r\n        if (ev.key === 'Enter' || ev.key === ' ' || ev.key === 'Spacebar') {\r\n          ev.preventDefault();\r\n          ouvrir(img);\r\n        }\r\n      });\r\n    });\r\n\r\n    fermer.addEventListener('click', clore);\r\n    lb.addEventListener('click', function (ev) {\r\n      if (ev.target !== vue) { clore(); }\r\n    });\r\n    document.addEventListener('keydown', function (ev) {\r\n      if (ev.key === 'Escape' || ev.key === 'Esc') { clore(); }\r\n    });\r\n    window.addEventListener('scroll', clore, { passive: true });\r\n  }\r\n\r\n\r\n  \/* ==========================================================\r\n     DEMARRAGE\r\n     Chaque bloc est isole : si l'un echoue, les autres tournent.\r\n     ========================================================== *\/\r\n  ready(function () {\r\n    [initReveal, initTabs, initFaq, initRail, initParallax, initLightbox].forEach(function (fn) {\r\n      try { fn(); } catch (err) {\r\n        if (window.console && console.warn) { console.warn('[WET services]', err); }\r\n      }\r\n    });\r\n  });\r\n})();\r\n\r\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Nos services Former, incuber et acc\u00e9l\u00e9rerles femmes dans le num\u00e9rique Women EdTech propose un \u00e9cosyst\u00e8me complet de services, formations certifiantes, [...]","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13003","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/womenedtech.com\/en\/wp-json\/wp\/v2\/pages\/13003","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/womenedtech.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/womenedtech.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/womenedtech.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/womenedtech.com\/en\/wp-json\/wp\/v2\/comments?post=13003"}],"version-history":[{"count":7,"href":"https:\/\/womenedtech.com\/en\/wp-json\/wp\/v2\/pages\/13003\/revisions"}],"predecessor-version":[{"id":13010,"href":"https:\/\/womenedtech.com\/en\/wp-json\/wp\/v2\/pages\/13003\/revisions\/13010"}],"wp:attachment":[{"href":"https:\/\/womenedtech.com\/en\/wp-json\/wp\/v2\/media?parent=13003"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}