{"id":2941,"date":"2026-06-09T14:27:49","date_gmt":"2026-06-09T13:27:49","guid":{"rendered":"https:\/\/beige-hawk-985646.hostingersite.com\/?page_id=2941"},"modified":"2026-08-27T14:55:23","modified_gmt":"2026-08-27T13:55:23","slug":"signaler","status":"publish","type":"page","link":"https:\/\/digitalsafespace.valueher.bj\/en\/signaler\/","title":{"rendered":"Report"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2941\" class=\"elementor elementor-2941\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da0fa79 elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"da0fa79\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c3151f elementor-widget elementor-widget-html\" data-id=\"3c3151f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@300;400;500;600;700;800&family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700;12..96,800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root{\r\n  --violet:#9E559D !important;\r\n  --violet-light:#C69AD6 !important;\r\n  --fraise:#CD5C5C !important;\r\n  --brique:#D16644 !important;\r\n  --marron:#553739 !important;\r\n  --white:#FFFFFF !important;\r\n  --dark:#1A0D0E !important;\r\n  --muted:#7a6060 !important;\r\n  --hero-bg:#F3EDF4 !important;\r\n  --ft:'Bricolage Grotesque',sans-serif !important;\r\n  --fb:'Raleway',sans-serif !important;\r\n}\r\n\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\r\nhtml{scroll-behavior:smooth;}\r\nbody{font-family:var(--fb);background:var(--hero-bg);color:var(--dark);overflow-x:hidden;}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   HERO SIGNALER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.dss-hero-signaler{\r\n  background:var(--hero-bg) !important;\r\n  min-height:88vh !important;\r\n  display:flex !important;\r\n  flex-direction:column !important;\r\n  justify-content:center !important;\r\n  position:relative !important;\r\n  overflow:hidden !important;\r\n  padding:80px 20px 60px;\r\n  \r\n}\r\n\r\n\/* \u2500\u2500 Blob d\u00e9coratif en arri\u00e8re-plan \u2500\u2500 *\/\r\n.dss-hero-blob{\r\n  position:absolute !important;\r\n  border-radius:50%;\r\n  filter:blur(72px) !important;\r\n  pointer-events:none !important;\r\n  opacity:.55 !important;\r\n}\r\n.dss-hero-blob--1{\r\n  width:520px;height:520px !important;\r\n  background:radial-gradient(circle, rgba(198,154,214,.45) 0%, transparent 70%);\r\n  top:-100px;right:-80px !important;\r\n}\r\n.dss-hero-blob--2{\r\n  width:360px;height:360px !important;\r\n  background:radial-gradient(circle, rgba(205,92,92,.18) 0%, transparent 70%);\r\n  bottom:-60px;left:5%;\r\n}\r\n.dss-hero-blob--3{\r\n  width:240px;height:240px !important;\r\n  background:radial-gradient(circle, rgba(158,85,157,.22) 0%, transparent 70%);\r\n  top:40%;left:55%;\r\n}\r\n\r\n\/* Ligne d\u00e9co verticale gauche *\/\r\n.dss-hero-rail{\r\n  position:absolute !important;\r\n  left:5%;\r\n  top:0;bottom:0 !important;\r\n  width:1px !important;\r\n  background:linear-gradient(to bottom, transparent 0%, rgba(158,85,157,.18) 30%, rgba(158,85,157,.18) 70%, transparent 100%);\r\n}\r\n\r\n\/* \u2500\u2500 Contenu centr\u00e9 \u2500\u2500 *\/\r\n.dss-hero-inner{\r\n  max-width:1200px !important;\r\n  margin:0 auto !important;\r\n  width:100%;\r\n  position:relative !important;\r\n  z-index:2 !important;\r\n  display:grid !important;\r\n  grid-template-columns:1fr 420px !important;\r\n  gap:64px !important;\r\n  align-items:center !important;\r\n}\r\n\r\n\/* Colonne gauche *\/\r\n.dss-hero-left{}\r\n\r\n\/* Eyebrow *\/\r\n.dss-hero-eyebrow{\r\n  display:inline-flex !important;\r\n  align-items:center !important;\r\n  gap:12px !important;\r\n  margin-bottom:32px !important;\r\n}\r\n.dss-hero-eyebrow-line{\r\n  width:36px;height:1px !important;\r\n  background:rgba(158,85,157,.4) !important;\r\n}\r\n.dss-hero-badge{\r\n  display:inline-flex !important;\r\n  align-items:center !important;\r\n  gap:8px !important;\r\n  background:rgba(158,85,157,.10) !important;\r\n  border:1px solid rgba(158,85,157,.22) !important;\r\n  color:var(--violet) !important;\r\n  font-family:var(--fb) !important;\r\n  font-size:11px;font-weight:700 !important;\r\n  letter-spacing:.12em;text-transform:uppercase !important;\r\n  padding:7px 16px;border-radius:40px !important;\r\n}\r\n.dss-hero-badge svg{width:10px;height:10px;fill:var(--violet);}\r\n\r\n\/* Titre *\/\r\n.dss-hero-h1{\r\n  font-family:var(--ft) !important;\r\n  font-size:clamp(40px,5.5vw,70px) !important;\r\n  font-weight:700 !important;\r\n  line-height:1.06 !important;\r\n  letter-spacing:-.028em !important;\r\n  color:var(--dark) !important;\r\n  margin-bottom:20px !important;\r\n}\r\n.dss-hero-h1 em{\r\n  font-style:italic !important;\r\n  color:var(--violet) !important;\r\n}\r\n\r\n\/* Sous-titre *\/\r\n.dss-hero-sub{\r\n  font-family:var(--fb) !important;\r\n  font-size:clamp(15px,1.7vw,17px) !important;\r\n  font-weight:400 !important;\r\n  color:var(--muted) !important;\r\n  line-height:1.85 !important;\r\n  max-width:480px !important;\r\n  margin-bottom:44px !important;\r\n}\r\n\r\n\/* CTA groupe *\/\r\n.dss-hero-ctas{\r\n  display:flex !important;\r\n  align-items:center !important;\r\n  gap:16px !important;\r\n  flex-wrap:wrap !important;\r\n}\r\n\r\n.dss-cta-primary{\r\n  display:inline-flex !important;\r\n  align-items:center !important;\r\n  gap:10px !important;\r\n  background:var(--violet) !important;\r\n  color:var(--white) !important;\r\n  font-family:var(--fb) !important;\r\n  font-size:13px;font-weight:700 !important;\r\n  padding:14px 26px !important;\r\n  border-radius:40px !important;\r\n  text-decoration:none !important;\r\n  border:2px solid var(--violet) !important;\r\n  transition:background .2s, transform .18s, box-shadow .2s !important;\r\n  box-shadow:0 4px 18px rgba(158,85,157,.28) !important;\r\n}\r\n.dss-cta-primary svg{width:15px;height:15px;fill:currentColor;transition:transform .2s;}\r\n.dss-cta-primary:hover{background:#7d3e7c;border-color:#7d3e7c;transform:translateY(-2px);box-shadow:0 8px 24px rgba(158,85,157,.35);}\r\n.dss-cta-primary:hover svg{transform:translateX(4px);}\r\n\r\n.dss-cta-ghost{\r\n  display:inline-flex !important;\r\n  align-items:center !important;\r\n  gap:10px !important;\r\n  background:transparent !important;\r\n  color:var(--muted) !important;\r\n  font-family:var(--fb) !important;\r\n  font-size:14px;font-weight:600 !important;\r\n  padding:14px 22px !important;\r\n  border-radius:40px !important;\r\n  text-decoration:none !important;\r\n  border:1px solid rgba(85,55,57,.18) !important;\r\n  transition:border-color .2s, color .2s, transform .18s !important;\r\n}\r\n.dss-cta-ghost svg{width:15px;height:15px;fill:currentColor;}\r\n.dss-cta-ghost:hover{border-color:var(--violet);color:var(--violet);transform:translateY(-1px);}\r\n\r\n\/* \u2500\u2500 Colonne droite : carte de confiance \u2500\u2500 *\/\r\n.dss-hero-card{\r\n  background:var(--white) !important;\r\n  border-radius:24px !important;\r\n  padding:36px 32px !important;\r\n  box-shadow:0 8px 40px rgba(85,55,57,.08), 0 1px 3px rgba(85,55,57,.06) !important;\r\n  position:relative !important;\r\n  overflow:hidden !important;\r\n}\r\n\r\n\/* Trait violet en haut *\/\r\n.dss-hero-card::before{\r\n  content:'' !important;\r\n  position:absolute !important;\r\n  top:0;left:32px;right:32px !important;\r\n  height:3px !important;\r\n  background:linear-gradient(90deg, var(--violet), var(--violet-light)) !important;\r\n  border-radius:0 0 4px 4px !important;\r\n}\r\n\r\n.dss-card-title{\r\n  font-family:var(--fb) !important;\r\n  font-size:20px;font-weight:700 !important;\r\n  color:var(--dark) !important;\r\n  margin-bottom:24px !important;\r\n  display:flex;align-items:center;gap:10px !important;\r\n}\r\n.dss-card-title-dot{\r\n  width:8px;height:8px;border-radius:50%;\r\n  background:var(--violet);flex-shrink:0 !important;\r\n}\r\n\r\n\/* Items de garantie *\/\r\n.dss-guarantees{\r\n  display:flex;flex-direction:column;gap:14px !important;\r\n  margin-bottom:28px !important;\r\n}\r\n\r\n.dss-guarantee-item{\r\n  display:flex;align-items:flex-start;gap:14px !important;\r\n  padding:14px 16px !important;\r\n  background:#F3EDF4 !important;\r\n  border-radius:14px !important;\r\n}\r\n\r\n.dss-guarantee-icon{\r\n  width:36px;height:36px;border-radius:10px !important;\r\n  background:rgba(158,85,157,.12) !important;\r\n  display:flex;align-items:center;justify-content:center !important;\r\n  flex-shrink:0 !important;\r\n}\r\n.dss-guarantee-icon svg{width:17px;height:17px;fill:var(--violet);}\r\n\r\n.dss-guarantee-text h4{\r\n  font-family:var(--fb);font-size:14px;font-weight:700 !important;\r\n  color:var(--dark);margin-bottom:3px !important;\r\n}\r\n.dss-guarantee-text p{\r\n  font-family:var(--fb);font-size:13px;font-weight:400 !important;\r\n  color:var(--muted);line-height:1.6 !important;\r\n}\r\n\r\n\/* Urgence *\/\r\n.dss-card-urgence{\r\n  border-top:1px solid rgba(85,55,57,.08) !important;\r\n  padding-top:20px !important;\r\n  display:flex;align-items:center;gap:12px !important;\r\n}\r\n.dss-urgence-badge{\r\n  background:rgba(205,92,92,.08) !important;\r\n  border:1px solid rgba(205,92,92,.2) !important;\r\n  border-radius:10px !important;\r\n  padding:10px 14px !important;\r\n  display:flex;align-items:center;gap:8px !important;\r\n  flex:1 !important;\r\n}\r\n.dss-urgence-badge svg{width:16px;height:16px;fill:var(--fraise);flex-shrink:0;}\r\n.dss-urgence-badge span{\r\n  font-family:var(--fb);font-size:12px;font-weight:700 !important;\r\n  color:var(--fraise) !important;\r\n}\r\n.dss-urgence-number{\r\n  font-family:var(--fb);font-size:22px;font-weight:700 !important;\r\n  color:var(--dark);letter-spacing:-.02em !important;\r\n}\r\n\r\n\/* \u2500\u2500 Scroll hint \u2500\u2500 *\/\r\n.dss-scroll-hint{\r\n  position:absolute !important;\r\n  bottom:32px;left:50%;transform:translateX(-50%);\r\n  display:flex;flex-direction:column;align-items:center;gap:8px !important;\r\n  color:rgba(85,55,57,.35) !important;\r\n  font-family:var(--fb);font-size:10px;font-weight:600 !important;\r\n  letter-spacing:.12em;text-transform:uppercase !important;\r\n  z-index:2 !important;\r\n}\r\n.dss-scroll-line{\r\n  width:1px;height:28px !important;\r\n  background:linear-gradient(to bottom, rgba(158,85,157,.5), transparent) !important;\r\n  animation:dss-scroll-pulse 2s ease-in-out infinite !important;\r\n}\r\n@keyframes dss-scroll-pulse{\r\n  0%,100%{opacity:.4;}50%{opacity:1;}\r\n}\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n@media(max-width:860px){\r\n  .dss-hero-inner{\r\n    grid-template-columns:1fr !important;\r\n    gap:44px !important;\r\n  }\r\n  .dss-hero-signaler{\r\n    min-height:auto !important;\r\n    padding:80px 5% 52px;\r\n  }\r\n  .dss-scroll-hint{display:none;}\r\n}\r\n@media(max-width:580px){\r\n  .dss-hero-signaler{padding:72px 20px 48px;}\r\n  .dss-hero-card{padding:28px 22px;}\r\n  .dss-hero-ctas{flex-direction:column;align-items:flex-start;}\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<section class=\"dss-hero-signaler\">\r\n\r\n  <!-- Blobs d\u00e9coratifs -->\r\n  <div class=\"dss-hero-blob dss-hero-blob--1\"><\/div>\r\n  <div class=\"dss-hero-blob dss-hero-blob--2\"><\/div>\r\n  <div class=\"dss-hero-blob dss-hero-blob--3\"><\/div>\r\n\r\n  <!-- Rail vertical gauche -->\r\n\r\n\r\n  <div class=\"dss-hero-inner\">\r\n\r\n    <!-- \u2500\u2500 COLONNE GAUCHE \u2500\u2500 -->\r\n    <div class=\"dss-hero-left\">\r\n\r\n      <div class=\"dss-hero-eyebrow\">\r\n        <div class=\"dss-hero-eyebrow-line\"><\/div>\r\n        <div class=\"dss-hero-badge\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z\"\/><\/svg>\r\n          Digital Safe Space\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <h1 class=\"dss-hero-h1\">\r\n        Vous n'\u00eates pas <em>seule.<\/em><br>\r\n        Signalez.\r\n      <\/h1>\r\n\r\n      <p class=\"dss-hero-sub\">\r\n        Que vous ayez subi du cyberharc\u00e8lement, une sextorsion, un piratage ou toute autre forme de violence num\u00e9rique un accompagnement confidentiel et sans jugement est disponible.\r\n      <\/p>\r\n\r\n      <div class=\"dss-hero-ctas\">\r\n        <a href=\"#formulaire\" class=\"dss-cta-primary\">\r\n          Faire un signalement\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"\/><\/svg>\r\n        <\/a>\r\n        <a href=\"#comment-ca-marche\" class=\"dss-cta-ghost\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"\/><\/svg>\r\n          Comment \u00e7a marche ?\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500 COLONNE DROITE : carte \u2500\u2500 -->\r\n    <div class=\"dss-hero-card\">\r\n\r\n      <div class=\"dss-card-title\">\r\n        <div class=\"dss-card-title-dot\"><\/div>\r\n        Ce que nous garantissons\r\n      <\/div>\r\n\r\n      <div class=\"dss-guarantees\">\r\n\r\n        <div class=\"dss-guarantee-item\">\r\n          <div class=\"dss-guarantee-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"dss-guarantee-text\">\r\n            <h4>Confidentialit\u00e9 totale<\/h4>\r\n            <p>Votre identit\u00e9 et votre signalement ne sont jamais partag\u00e9s sans votre consentement.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dss-guarantee-item\">\r\n          <div class=\"dss-guarantee-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"dss-guarantee-text\">\r\n            <h4>Sans jugement<\/h4>\r\n            <p>Peu importe la situation, vous serez \u00e9cout\u00e9e avec respect et bienveillance.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dss-guarantee-item\">\r\n          <div class=\"dss-guarantee-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"dss-guarantee-text\">\r\n            <h4>Accompagnement complet<\/h4>\r\n            <p>Soutien psychologique, juridique et technique selon vos besoins.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Urgence -->\r\n      <!-- <div class=\"dss-card-urgence\">\r\n        <div class=\"dss-urgence-badge\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1-9.4 0-17-7.6-17-17 0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z\"\/><\/svg>\r\n          <span>Urgence - appel gratuit | B\u00e9nin<\/span>\r\n        <\/div>\r\n        <div class=\"dss-urgence-number\">plaintes@cnin.bj<\/div>\r\n      <\/div> -->\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- Scroll hint -->\r\n  <div class=\"dss-scroll-hint\">\r\n    <div class=\"dss-scroll-line\"><\/div>\r\n    <span>D\u00e9filer<\/span>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-74e55a7 e-flex e-con-boxed e-con e-parent\" data-id=\"74e55a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-89ebc5b elementor-widget elementor-widget-html\" data-id=\"89ebc5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@300;400;500;600;700;800&family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700;12..96,800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* \u2550\u2550 ISOLATION TOTALE \u2014 scope .dsf-root \u2550\u2550 *\/\r\n.dsf-root *{box-sizing:border-box !important;}\r\n\r\n.dsf-root{\r\n  background:#f5f3f0 !important;\r\n  font-family:'Raleway',sans-serif !important;\r\n  color:#1A0D0E !important;\r\n  width:100% !important;\r\n  display:block !important;\r\n}\r\n.dsf-wrap{\r\n  max-width:700px !important;\r\n  margin:0 auto !important;\r\n  padding:80px 24px 60px !important;\r\n}\r\n\r\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n.dsf-header{text-align:center !important;margin-bottom:44px !important;}\r\n.dsf-badge{\r\n  display:inline-flex !important;align-items:center !important;gap:8px !important;\r\n  background:rgba(158,85,157,.10) !important;border:1px solid rgba(158,85,157,.22) !important;\r\n  color:#9E559D !important;font-family:'Raleway',sans-serif !important;\r\n  font-size:11px !important;font-weight:700 !important;letter-spacing:.12em !important;\r\n  text-transform:uppercase !important;padding:7px 16px !important;border-radius:40px !important;\r\n  margin-bottom:18px !important;\r\n}\r\n.dsf-badge svg{width:10px !important;height:10px !important;fill:#9E559D !important;}\r\n.dsf-h1{\r\n  font-family:'Bricolage Grotesque',sans-serif !important;\r\n  font-size:clamp(30px,5vw,48px) !important;font-weight:700 !important;\r\n  line-height:1.1 !important;letter-spacing:-.02em !important;\r\n  color:#1A0D0E !important;margin:0 0 12px !important;\r\n}\r\n.dsf-h1 em{font-style:italic !important;color:#9E559D !important;}\r\n.dsf-sub{\r\n  font-family:'Raleway',sans-serif !important;font-size:15px !important;\r\n  color:#7a6060 !important;line-height:1.8 !important;\r\n  max-width:460px !important;margin:0 auto !important;\r\n}\r\n\r\n\/* \u2500\u2500 STEPPER \u2500\u2500 *\/\r\n.dsf-stepper{\r\n  display:flex !important;align-items:center !important;\r\n  justify-content:center !important;margin-bottom:36px !important;\r\n}\r\n.dsf-sc{\r\n  width:36px !important;height:36px !important;border-radius:50% !important;\r\n  display:flex !important;align-items:center !important;justify-content:center !important;\r\n  font-family:'Raleway',sans-serif !important;font-size:13px !important;font-weight:700 !important;\r\n  border:2px solid rgba(158,85,157,.25) !important;\r\n  color:#7a6060 !important;background:#fff !important;flex-shrink:0 !important;\r\n  transition:all .25s !important;\r\n}\r\n.dsf-sc.dsf-active{background:#9E559D !important;border-color:#9E559D !important;color:#fff !important;box-shadow:0 0 0 4px rgba(158,85,157,.15) !important;}\r\n.dsf-sc.dsf-done{background:#9E559D !important;border-color:#9E559D !important;color:#fff !important;}\r\n.dsf-sl{\r\n  font-family:'Raleway',sans-serif !important;font-size:12px !important;font-weight:600 !important;\r\n  color:#7a6060 !important;white-space:nowrap !important;margin-left:8px !important;\r\n}\r\n.dsf-sl.dsf-active{color:#9E559D !important;font-weight:700 !important;}\r\n.dsf-scon{\r\n  width:56px !important;height:2px !important;\r\n  background:rgba(158,85,157,.15) !important;margin:0 12px !important;flex-shrink:0 !important;\r\n}\r\n.dsf-scon.dsf-done{background:#9E559D !important;}\r\n\r\n\/* \u2500\u2500 CARD \u2500\u2500 *\/\r\n.dsf-card{\r\n  background:#ffffff !important;border-radius:20px !important;\r\n  padding:44px 48px !important;\r\n  box-shadow:0 4px 32px rgba(26,13,14,.07),0 1px 3px rgba(26,13,14,.04) !important;\r\n  position:relative !important;overflow:hidden !important;\r\n}\r\n.dsf-card::before{\r\n  content:'' !important;position:absolute !important;\r\n  top:0 !important;left:40px !important;right:40px !important;height:3px !important;\r\n  background:linear-gradient(90deg,#9E559D,#C69AD6) !important;\r\n  border-radius:0 0 4px 4px !important;\r\n}\r\n\r\n\/* \u2500\u2500 PANNEAUX \u2500\u2500 *\/\r\n.dsf-panel{display:none !important;}\r\n.dsf-panel.dsf-active{display:block !important;}\r\n\r\n.dsf-ph{\r\n  font-family:'Bricolage Grotesque',sans-serif !important;\r\n  font-size:21px !important;font-weight:700 !important;\r\n  color:#1A0D0E !important;margin:0 0 6px !important;\r\n}\r\n.dsf-pd{\r\n  font-family:'Raleway',sans-serif !important;font-size:14px !important;\r\n  color:#7a6060 !important;line-height:1.7 !important;margin:0 0 28px !important;\r\n}\r\n\r\n\/* \u2500\u2500 CHAMPS \u2500\u2500 *\/\r\n.dsf-field{margin-bottom:20px !important;display:block !important;}\r\n.dsf-lbl{\r\n  display:block !important;font-family:'Raleway',sans-serif !important;\r\n  font-size:13px !important;font-weight:700 !important;\r\n  color:#1A0D0E !important;margin-bottom:7px !important;\r\n}\r\n.dsf-lbl .dsf-opt{font-weight:400 !important;color:#7a6060 !important;font-size:12px !important;margin-left:4px !important;}\r\n.dsf-req{color:#CD5C5C !important;margin-left:2px !important;}\r\n\r\n.dsf-input,.dsf-select,.dsf-ta{\r\n  width:100% !important;display:block !important;\r\n  font-family:'Raleway',sans-serif !important;font-size:14px !important;\r\n  color:#1A0D0E !important;background:#f5f3f0 !important;\r\n  border:1.5px solid rgba(158,85,157,.20) !important;border-radius:10px !important;\r\n  padding:10px 15px !important;outline:none !important;\r\n  transition:border-color .18s,box-shadow .18s !important;\r\n  -webkit-appearance:none !important;appearance:none !important;\r\n  line-height:1.5 !important;\r\n}\r\n.dsf-input:focus,.dsf-select:focus,.dsf-ta:focus{\r\n  border-color:#9E559D !important;\r\n  box-shadow:0 0 0 3px rgba(158,85,157,.12) !important;\r\n  background:#fff !important;\r\n}\r\n.dsf-input.dsf-err,.dsf-select.dsf-err,.dsf-ta.dsf-err{\r\n  border-color:#CD5C5C !important;\r\n  box-shadow:0 0 0 3px rgba(205,92,92,.10) !important;\r\n}\r\n.dsf-ta{resize:vertical !important;min-height:130px !important;line-height:1.7 !important;}\r\n.dsf-sw{position:relative !important;display:block !important;}\r\n.dsf-sw::after{\r\n  content:'' !important;position:absolute !important;\r\n  right:14px !important;top:50% !important;transform:translateY(-50%) !important;\r\n  width:0 !important;height:0 !important;\r\n  border-left:5px solid transparent !important;border-right:5px solid transparent !important;\r\n  border-top:6px solid #9E559D !important;pointer-events:none !important;\r\n}\r\n.dsf-errmsg{\r\n  display:none !important;font-family:'Raleway',sans-serif !important;\r\n  font-size:12px !important;color:#CD5C5C !important;margin-top:5px !important;\r\n}\r\n.dsf-errmsg.dsf-show{display:block !important;}\r\n\r\n\/* \u2500\u2500 CHIPS \u2500\u2500 *\/\r\n.dsf-chips{display:flex !important;flex-wrap:wrap !important;gap:9px !important;}\r\n.dsf-chip{\r\n  display:inline-flex !important;align-items:center !important;gap:6px !important;\r\n  padding:8px 14px !important;border-radius:30px !important;\r\n  font-family:'Raleway',sans-serif !important;font-size:13px !important;font-weight:600 !important;\r\n  color:#7a6060 !important;background:#f5f3f0 !important;\r\n  border:1.5px solid rgba(158,85,157,.20) !important;\r\n  cursor:pointer !important;transition:all .15s !important;user-select:none !important;\r\n}\r\n.dsf-chip svg{width:13px !important;height:13px !important;fill:currentColor !important;flex-shrink:0 !important;}\r\n.dsf-chip:hover{border-color:#9E559D !important;color:#9E559D !important;}\r\n.dsf-chip.dsf-sel{background:#9E559D !important;border-color:#9E559D !important;color:#fff !important;box-shadow:0 2px 10px rgba(158,85,157,.25) !important;}\r\n.dsf-chips-err{display:none !important;font-family:'Raleway',sans-serif !important;font-size:12px !important;color:#CD5C5C !important;margin-top:6px !important;}\r\n.dsf-chips-err.dsf-show{display:block !important;}\r\n.signal-title{ font-family:'Raleway',sans-serif !important;font-size:16px !important;font-weight:800 !important;}\r\n\/* \u2500\u2500 NOTICE \u2500\u2500 *\/\r\n.dsf-notice{\r\n  display:flex !important;gap:12px !important;align-items:flex-start !important;\r\n  background:rgba(158,85,157,.07) !important;border:1px solid rgba(158,85,157,.15) !important;\r\n  border-radius:11px !important;padding:13px 15px !important;margin-bottom:20px !important;\r\n}\r\n.dsf-notice svg{width:15px !important;height:15px !important;fill:#9E559D !important;flex-shrink:0 !important;margin-top:1px !important;}\r\n.dsf-notice p{font-family:'Raleway',sans-serif !important;font-size:12px !important;color:#7a6060 !important;line-height:1.65 !important;margin:0 !important;}\r\n.dsf-notice strong{color:#1A0D0E !important;}\r\n\r\n\/* \u2500\u2500 TOGGLE ANON \u2500\u2500 *\/\r\n.dsf-anon{\r\n  display:flex !important;align-items:center !important;justify-content:space-between !important;\r\n  background:rgba(158,85,157,.06) !important;border:1px solid rgba(158,85,157,.14) !important;\r\n  border-radius:11px !important;padding:13px 16px !important;margin-bottom:20px !important;cursor:pointer !important;\r\n}\r\n.dsf-anon-l{display:flex !important;align-items:center !important;gap:10px !important;}\r\n.dsf-anon-l svg{width:15px !important;height:15px !important;fill:#9E559D !important;}\r\n.dsf-anon-t h4{font-family:'Raleway',sans-serif !important;font-size:13px !important;font-weight:700 !important;color:#1A0D0E !important;margin:0 0 1px !important;}\r\n.dsf-anon-t p{font-family:'Raleway',sans-serif !important;font-size:11px !important;color:#7a6060 !important;margin:0 !important;}\r\n.dsf-tog{\r\n  width:40px !important;height:22px !important;background:rgba(85,55,57,.18) !important;\r\n  border-radius:11px !important;position:relative !important;transition:background .2s !important;flex-shrink:0 !important;\r\n}\r\n.dsf-tog.dsf-on{background:#9E559D !important;}\r\n.dsf-tog::after{\r\n  content:'' !important;position:absolute !important;\r\n  width:16px !important;height:16px !important;border-radius:50% !important;\r\n  background:#fff !important;top:3px !important;left:3px !important;\r\n  transition:left .2s !important;box-shadow:0 1px 3px rgba(0,0,0,.15) !important;\r\n}\r\n.dsf-tog.dsf-on::after{left:21px !important;}\r\n.dsf-cf{transition:opacity .25s !important;}\r\n.dsf-cf.dsf-hidden{opacity:.35 !important;pointer-events:none !important;}\r\n\r\n\/* \u2500\u2500 CHECKBOXES \u2500\u2500 *\/\r\n.dsf-checks{display:flex !important;flex-direction:column !important;gap:11px !important;margin-bottom:20px !important;}\r\n.dsf-chk{display:flex !important;align-items:flex-start !important;gap:10px !important;}\r\n.dsf-chk input[type=checkbox]{\r\n  width:17px !important;height:17px !important;accent-color:#9E559D !important;\r\n  flex-shrink:0 !important;margin-top:2px !important;cursor:pointer !important;\r\n}\r\n.dsf-chk label{\r\n  font-family:'Raleway',sans-serif !important;font-size:13px !important;\r\n  color:#7a6060 !important;line-height:1.6 !important;cursor:pointer !important;\r\n}\r\n\r\n\/* \u2500\u2500 BOUTONS \u2500\u2500 *\/\r\n.dsf-nav{\r\n  display:flex !important;align-items:center !important;\r\n  justify-content:space-between !important;margin-top:32px !important;gap:12px !important;\r\n}\r\n.dsf-btn-p{\r\n  display:inline-flex !important;align-items:center !important;gap:9px !important;\r\n  background:#9E559D !important;color:#fff !important;\r\n  font-family:'Raleway',sans-serif !important;font-size:14px !important;font-weight:700 !important;\r\n  padding:13px 26px !important;border-radius:40px !important;border:2px solid #9E559D !important;\r\n  cursor:pointer !important;transition:background .18s,transform .15s,box-shadow .18s !important;\r\n  box-shadow:0 4px 16px rgba(158,85,157,.28) !important;line-height:1 !important;\r\n}\r\n.dsf-btn-p svg{width:15px !important;height:15px !important;fill:currentColor !important;flex-shrink:0 !important;transition:transform .15s !important;}\r\n.dsf-btn-p:hover{background:#7d3e7c !important;border-color:#7d3e7c !important;transform:translateY(-1px) !important;}\r\n.dsf-btn-p:hover svg{transform:translateX(3px) !important;}\r\n.dsf-btn-p:disabled{opacity:.5 !important;cursor:not-allowed !important;transform:none !important;}\r\n.dsf-btn-s{\r\n  display:inline-flex !important;align-items:center !important;gap:8px !important;\r\n  background:transparent !important;color:#7a6060 !important;\r\n  font-family:'Raleway',sans-serif !important;font-size:14px !important;font-weight:600 !important;\r\n  padding:13px 18px !important;border-radius:40px !important;\r\n  border:1px solid rgba(85,55,57,.20) !important;\r\n  cursor:pointer !important;transition:all .18s !important;line-height:1 !important;\r\n}\r\n.dsf-btn-s svg{width:14px !important;height:14px !important;fill:currentColor !important;}\r\n.dsf-btn-s:hover{border-color:#9E559D !important;color:#9E559D !important;}\r\n\r\n\/* \u2500\u2500 LOADER \u2500\u2500 *\/\r\n.dsf-loader{\r\n  display:none !important;align-items:center !important;\r\n  justify-content:center !important;gap:12px !important;\r\n  padding:50px 0 !important;\r\n  font-family:'Raleway',sans-serif !important;font-size:14px !important;color:#7a6060 !important;\r\n}\r\n.dsf-loader.dsf-show{display:flex !important;}\r\n.dsf-spin{\r\n  width:22px !important;height:22px !important;\r\n  border:2.5px solid rgba(158,85,157,.2) !important;border-top-color:#9E559D !important;\r\n  border-radius:50% !important;animation:dsfspin .65s linear infinite !important;\r\n}\r\n@keyframes dsfspin{to{transform:rotate(360deg);}}\r\n\r\n\/* \u2500\u2500 SUCC\u00c8S \u2500\u2500 *\/\r\n.dsf-success{display:none !important;text-align:center !important;padding:16px 0 !important;}\r\n.dsf-success.dsf-show{display:block !important;}\r\n.dsf-sico{\r\n  width:68px !important;height:68px !important;border-radius:50% !important;\r\n  background:rgba(61,112,53,.10) !important;\r\n  display:flex !important;align-items:center !important;justify-content:center !important;\r\n  margin:0 auto 20px !important;\r\n}\r\n.dsf-sico svg{width:32px !important;height:32px !important;fill:#3d7035 !important;}\r\n.dsf-success h2{\r\n  font-family:'Bricolage Grotesque',sans-serif !important;\r\n  font-size:26px !important;font-weight:700 !important;\r\n  color:#1A0D0E !important;margin:0 0 10px !important;\r\n}\r\n.dsf-success p{\r\n  font-family:'Raleway',sans-serif !important;font-size:14px !important;\r\n  color:#7a6060 !important;line-height:1.8 !important;\r\n  max-width:380px !important;margin:0 auto 16px !important;\r\n}\r\n\/* \u2500\u2500 BLOC CONFIRMATION \u2500\u2500 *\/\r\n.dsf-confirm-block{\r\n  background:#f5f3f0 !important;border-radius:14px !important;\r\n  padding:20px 24px !important;margin:20px 0 !important;\r\n  text-align:left !important;\r\n}\r\n.dsf-confirm-block h3{\r\n  font-family:'Raleway',sans-serif !important;font-size:12px !important;font-weight:700 !important;\r\n  text-transform:uppercase !important;letter-spacing:.1em !important;\r\n  color:#9E559D !important;margin:0 0 14px !important;\r\n}\r\n.dsf-confirm-row{\r\n  display:flex !important;gap:10px !important;\r\n  padding:8px 0 !important;border-bottom:1px solid rgba(158,85,157,.10) !important;\r\n  font-family:'Raleway',sans-serif !important;\r\n}\r\n.dsf-confirm-row:last-child{border-bottom:none !important;}\r\n.dsf-confirm-key{\r\n  font-size:12px !important;font-weight:700 !important;color:#1A0D0E !important;\r\n  min-width:120px !important;flex-shrink:0 !important;\r\n}\r\n.dsf-confirm-val{font-size:12px !important;color:#7a6060 !important;line-height:1.5 !important;}\r\n.dsf-ref-badge{\r\n  display:inline-block !important;\r\n  background:rgba(158,85,157,.10) !important;border:1px solid rgba(158,85,157,.25) !important;\r\n  border-radius:8px !important;padding:10px 18px !important;\r\n  font-family:'Raleway',sans-serif !important;font-size:13px !important;\r\n  color:#7a6060 !important;margin-bottom:20px !important;\r\n}\r\n.dsf-ref-badge strong{color:#9E559D !important;font-size:15px !important;}\r\n.dsf-success-cta{\r\n  display:inline-flex !important;align-items:center !important;gap:8px !important;\r\n  background:#9E559D !important;color:#fff !important;\r\n  font-family:'Raleway',sans-serif !important;font-size:13px !important;font-weight:700 !important;\r\n  padding:11px 22px !important;border-radius:40px !important;border:none !important;\r\n  cursor:pointer !important;text-decoration:none !important;\r\n  transition:background .18s !important;\r\n}\r\n.dsf-success-cta:hover{background:#7d3e7c !important;}\r\n\r\n\/* \u2500\u2500 URGENCE \u2500\u2500 *\/\r\n.dsf-urg{\r\n  margin-top:24px !important;\r\n  display:flex !important;align-items:flex-start !important;gap:14px !important;\r\n  padding:16px 20px !important;\r\n  background:#fff !important;\r\n  border:1px solid rgba(205,92,92,.18) !important;border-radius:14px !important;\r\n}\r\n.dsf-urg > svg{width:18px !important;height:18px !important;fill:#CD5C5C !important;flex-shrink:0 !important;margin-top:2px !important;}\r\n.dsf-urg-t{font-family:'Raleway',sans-serif !important;font-size:13px !important;color:#7a6060 !important;line-height:1.6 !important;margin:0 0 8px !important;}\r\n.dsf-urg-t strong{color:#CD5C5C !important;font-weight:700 !important;}\r\n.dsf-urg-nums{display:flex !important;flex-wrap:wrap !important;gap:8px !important;}\r\n.dsf-num{\r\n  display:inline-flex !important;align-items:center !important;gap:6px !important;\r\n  background:rgba(205,92,92,.08) !important;border:1px solid rgba(205,92,92,.20) !important;\r\n  border-radius:8px !important;padding:7px 13px !important;\r\n  font-family:'Raleway',sans-serif !important;font-size:13px !important;font-weight:700 !important;\r\n  color:#CD5C5C !important;text-decoration:none !important;transition:background .15s !important;\r\n}\r\n.dsf-num:hover{background:rgba(205,92,92,.16) !important;}\r\n.dsf-num svg{width:13px !important;height:13px !important;fill:#CD5C5C !important;}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media(max-width:600px){\r\n  .dsf-card{padding:30px 20px !important;}\r\n  .dsf-sl{display:none !important;}\r\n  .dsf-scon{width:28px !important;}\r\n  .dsf-nav{flex-direction:column-reverse !important;}\r\n  .dsf-btn-p,.dsf-btn-s{width:100% !important;justify-content:center !important;}\r\n  .dsf-confirm-key{min-width:90px !important;}\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"dsf-root\" id=\"formulaire\">\r\n<div class=\"dsf-wrap\">\r\n\r\n  <!-- EN-T\u00caTE -->\r\n  <div class=\"dsf-header\">\r\n    <div class=\"dsf-badge\">\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z\"\/><\/svg>\r\n      Signaler\r\n    <\/div>\r\n    <h2 class=\"dsf-h1\">Faire un <em>signalement<\/em><\/h1>\r\n    <p class=\"dsf-sub\">Remplissez ce formulaire en toute confidentialit\u00e9. Vous pouvez rester anonyme.<\/p>\r\n  <\/div>\r\n\r\n  <!-- STEPPER -->\r\n  <div class=\"dsf-stepper\">\r\n    <div style=\"display:flex;align-items:center;\">\r\n      <div class=\"dsf-sc dsf-active\" id=\"sc1\">1<\/div>\r\n      <span class=\"dsf-sl dsf-active\" id=\"sl1\">La situation<\/span>\r\n    <\/div>\r\n    <div class=\"dsf-scon\" id=\"conn1\"><\/div>\r\n    <div style=\"display:flex;align-items:center;\">\r\n      <div class=\"dsf-sc\" id=\"sc2\">2<\/div>\r\n      <span class=\"dsf-sl\" id=\"sl2\">Vos coordonn\u00e9es<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CARTE -->\r\n  <div class=\"dsf-card\">\r\n\r\n    <!-- \u2550\u2550 PANEL 1 \u2550\u2550 -->\r\n    <div class=\"dsf-panel dsf-active\" id=\"p1\">\r\n      <h2 class=\"dsf-ph\">D\u00e9crivez la situation<\/h2>\r\n      <p class=\"dsf-pd\">S\u00e9lectionnez le type de violence subi et d\u00e9crivez les faits. Tout reste confidentiel.<\/p>\r\n\r\n      <!-- Type de violence -->\r\n      <div class=\"dsf-field\">\r\n        <label class=\"dsf-lbl\">Type de violence num\u00e9rique <span class=\"dsf-req\">*<\/span><\/label>\r\n        <div class=\"dsf-chips\" id=\"chips\">\r\n          <div class=\"dsf-chip\" data-v=\"Cyberharc\u00e8lement\" onclick=\"dsfChip(this)\"><svg viewBox=\"0 0 24 24\"><path d=\"M10.01 21.01c0 1.1.89 1.99 1.99 1.99s1.99-.89 1.99-1.99h-3.98zm8.87-4.19V11c0-3.25-2.25-5.97-5.29-6.69v-.72C13.59 2.71 12.88 2 12 2s-1.59.71-1.59 1.59v.72C7.37 5.03 5.12 7.75 5.12 11v5.82L3 18.94V20h18v-1.06l-2.12-2.12z\"\/><\/svg>Cyberharc\u00e8lement<\/div>\r\n          <div class=\"dsf-chip\" data-v=\"Sextorsion\" onclick=\"dsfChip(this)\"><svg viewBox=\"0 0 24 24\"><path d=\"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2z\"\/><\/svg>Sextorsion<\/div>\r\n          <div class=\"dsf-chip\" data-v=\"Piratage de compte\" onclick=\"dsfChip(this)\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z\"\/><\/svg>Piratage<\/div>\r\n          <div class=\"dsf-chip\" data-v=\"Phishing\" onclick=\"dsfChip(this)\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>Phishing<\/div>\r\n          <div class=\"dsf-chip\" data-v=\"Usurpation d'identit\u00e9\" onclick=\"dsfChip(this)\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg>Usurpation<\/div>\r\n          <div class=\"dsf-chip\" data-v=\"Arnaque financi\u00e8re\" onclick=\"dsfChip(this)\"><svg viewBox=\"0 0 24 24\"><path d=\"M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\"\/><\/svg>Arnaque<\/div>\r\n          <div class=\"dsf-chip\" data-v=\"Chantage num\u00e9rique\" onclick=\"dsfChip(this)\"><svg viewBox=\"0 0 24 24\"><path d=\"M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2z\"\/><\/svg>Chantage<\/div>\r\n          <div class=\"dsf-chip\" data-v=\"Autre\" onclick=\"dsfChip(this)\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"\/><\/svg>Autre<\/div>\r\n        <\/div>\r\n        <div class=\"dsf-chips-err\" id=\"err-chips\">S\u00e9lectionnez au moins un type de violence.<\/div>\r\n        <input type=\"hidden\" id=\"f-type\">\r\n      <\/div>\r\n\r\n      <!-- Plateforme -->\r\n      <div class=\"dsf-field\">\r\n        <label class=\"dsf-lbl\" for=\"f-plat\">Plateforme concern\u00e9e <span class=\"dsf-req\">*<\/span><\/label>\r\n        <div class=\"dsf-sw\">\r\n          <select class=\"dsf-select\" id=\"f-plat\">\r\n            <option value=\"\">S\u00e9lectionnez une plateforme<\/option>\r\n            <option>WhatsApp<\/option><option>Facebook<\/option><option>Instagram<\/option>\r\n            <option>TikTok<\/option><option>Telegram<\/option><option>Twitter \/ X<\/option>\r\n            <option>Email \/ Gmail<\/option><option>SMS \/ T\u00e9l\u00e9phone<\/option>\r\n            <option>YouTube<\/option><option>Snapchat<\/option>\r\n            <option>Plusieurs plateformes<\/option><option>Autre<\/option>\r\n          <\/select>\r\n        <\/div>\r\n        <div class=\"dsf-errmsg\" id=\"err-plat\">Veuillez s\u00e9lectionner une plateforme.<\/div>\r\n      <\/div>\r\n\r\n      <!-- Date -->\r\n      <div class=\"dsf-field\">\r\n        <label class=\"dsf-lbl\" for=\"f-date\">Date approximative des faits <span class=\"dsf-opt\">optionnel<\/span><\/label>\r\n        <input type=\"date\" class=\"dsf-input\" id=\"f-date\">\r\n      <\/div>\r\n\r\n      <!-- Description -->\r\n      <div class=\"dsf-field\">\r\n        <label class=\"dsf-lbl\" for=\"f-desc\">D\u00e9crivez la situation <span class=\"dsf-req\">*<\/span><\/label>\r\n        <textarea class=\"dsf-ta\" id=\"f-desc\" placeholder=\"D\u00e9crivez ce qui s'est pass\u00e9, quand, par qui si vous le savez. Plus vous donnez de d\u00e9tails, mieux nous pourrons vous aider.\"><\/textarea>\r\n        <div class=\"dsf-errmsg\" id=\"err-desc\">Veuillez d\u00e9crire la situation.<\/div>\r\n      <\/div>\r\n\r\n      <!-- Preuves -->\r\n      <div class=\"dsf-field\">\r\n        <label class=\"dsf-lbl\" for=\"f-preuves\">Avez-vous des preuves ? <span class=\"dsf-opt\">optionnel<\/span><\/label>\r\n        <div class=\"dsf-sw\">\r\n          <select class=\"dsf-select\" id=\"f-preuves\">\r\n            <option value=\"\">S\u00e9lectionnez<\/option>\r\n            <option value=\"Captures d'\u00e9cran\">Oui - captures d'\u00e9cran<\/option>\r\n            <option value=\"Liens \/ URLs\">Oui - liens \/ URLs<\/option>\r\n            <option value=\"Enregistrements\">Oui - enregistrements audio\/vid\u00e9o<\/option>\r\n            <option value=\"Plusieurs types\">Oui - plusieurs types<\/option>\r\n            <option value=\"Pas encore\">Non - pas encore<\/option>\r\n            <option value=\"Ne sait pas\">Je ne sais pas<\/option>\r\n          <\/select>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Lien preuve -->\r\n      <div class=\"dsf-field\">\r\n        <label class=\"dsf-lbl\" for=\"f-lien\">Lien vers une preuve (Drive, etc.) <span class=\"dsf-opt\">optionnel<\/span><\/label>\r\n        <input type=\"url\" class=\"dsf-input\" id=\"f-lien\" placeholder=\"https:\/\/drive.google.com\/...\">\r\n      <\/div>\r\n\r\n      <div class=\"dsf-nav\">\r\n        <div><\/div>\r\n        <button class=\"dsf-btn-p\" id=\"btn-next\" onclick=\"dsfStep2()\">\r\n          Continuer\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"\/><\/svg>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div><!-- \/p1 -->\r\n\r\n    <!-- \u2550\u2550 PANEL 2 \u2550\u2550 -->\r\n    <div class=\"dsf-panel\" id=\"p2\">\r\n      <h2 class=\"dsf-ph\">Vos coordonn\u00e9es<\/h2>\r\n      <p class=\"dsf-pd\">Ces informations permettent de vous recontacter. Vous pouvez rester totalement anonyme.<\/p>\r\n\r\n      <div class=\"dsf-notice\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z\"\/><\/svg>\r\n        <p><strong>Donn\u00e9es prot\u00e9g\u00e9es.<\/strong> Jamais partag\u00e9es sans votre accord. Utilis\u00e9es uniquement pour votre accompagnement.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Toggle anonymat -->\r\n      <div class=\"dsf-anon\" onclick=\"dsfAnon()\">\r\n        <div class=\"dsf-anon-l\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg>\r\n          <div class=\"dsf-anon-t\">\r\n            <h4>Rester anonyme<\/h4>\r\n            <p>Ne pas communiquer mes coordonn\u00e9es<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"dsf-tog\" id=\"tog-anon\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Champs contact -->\r\n      <div class=\"dsf-cf\" id=\"cf\">\r\n        <div class=\"dsf-field\">\r\n          <label class=\"dsf-lbl\" for=\"f-prenom\">Pr\u00e9nom <span class=\"dsf-req\">*<\/span> <span class=\"dsf-opt\">ou pseudonyme<\/span><\/label>\r\n          <input type=\"text\" class=\"dsf-input\" id=\"f-prenom\" placeholder=\"Votre pr\u00e9nom ou un pr\u00e9nom fictif\">\r\n          <div class=\"dsf-errmsg\" id=\"err-prenom\">Veuillez entrer un pr\u00e9nom ou pseudonyme.<\/div>\r\n        <\/div>\r\n        <div class=\"dsf-field\">\r\n          <label class=\"dsf-lbl\" for=\"f-age\">Tranche d'\u00e2ge <span class=\"dsf-opt\">optionnel<\/span><\/label>\r\n          <div class=\"dsf-sw\">\r\n            <select class=\"dsf-select\" id=\"f-age\">\r\n              <option value=\"\">S\u00e9lectionnez<\/option>\r\n              <option>Moins de 18 ans<\/option><option>18- 24 ans<\/option>\r\n              <option>25 - 34 ans<\/option><option>35 - 44 ans<\/option>\r\n              <option>45 ans et plus<\/option><option>Pr\u00e9f\u00e8re ne pas r\u00e9pondre<\/option>\r\n            <\/select>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"dsf-field\">\r\n          <label class=\"dsf-lbl\" for=\"f-ville\">Ville \/ Commune <span class=\"dsf-opt\">optionnel<\/span><\/label>\r\n          <input type=\"text\" class=\"dsf-input\" id=\"f-ville\" placeholder=\"Ex : Cotonou, Porto-Novo\u2026\">\r\n        <\/div>\r\n        <div class=\"dsf-field\">\r\n          <label class=\"dsf-lbl\" for=\"f-contact\">Moyen de contact pr\u00e9f\u00e9r\u00e9 <span class=\"dsf-opt\">optionnel<\/span><\/label>\r\n          <div class=\"dsf-sw\">\r\n            <select class=\"dsf-select\" id=\"f-contact\" onchange=\"dsfShowContact(this.value)\">\r\n              <option value=\"\">Comment pr\u00e9f\u00e9rez-vous \u00eatre contact\u00e9e ?<\/option>\r\n              <option value=\"wa\">WhatsApp<\/option>\r\n              <option value=\"tel\">Appel t\u00e9l\u00e9phonique<\/option>\r\n              <option value=\"email\">Email<\/option>\r\n              <option value=\"non\">Je ne souhaite pas \u00eatre recontact\u00e9e<\/option>\r\n            <\/select>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"dsf-field\" id=\"fd-tel\" style=\"display:none\">\r\n          <label class=\"dsf-lbl\" for=\"f-tel\">Num\u00e9ro WhatsApp \/ T\u00e9l\u00e9phone<\/label>\r\n          <input type=\"tel\" class=\"dsf-input\" id=\"f-tel\" placeholder=\"+229 XX XX XX XX\">\r\n        <\/div>\r\n        <div class=\"dsf-field\" id=\"fd-email\" style=\"display:none\">\r\n          <label class=\"dsf-lbl\" for=\"f-email\">Adresse email<\/label>\r\n          <input type=\"email\" class=\"dsf-input\" id=\"f-email\" placeholder=\"votre@email.com\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Niveau urgence -->\r\n      <div class=\"dsf-field\">\r\n        <label class=\"dsf-lbl\" for=\"f-urg\">Niveau d'urgence ressenti <span class=\"dsf-req\">*<\/span><\/label>\r\n        <div class=\"dsf-sw\">\r\n          <select class=\"dsf-select\" id=\"f-urg\">\r\n            <option value=\"\">\u00c9valuez la situation<\/option>\r\n            <option value=\"\ud83d\udd34 Urgent - danger imm\u00e9diat\">\ud83d\udd34 Urgent - je suis en danger imm\u00e9diat<\/option>\r\n            <option value=\"\ud83d\udfe0 \u00c9lev\u00e9 - situation s'aggrave\">\ud83d\udfe0 \u00c9lev\u00e9 - la situation s'aggrave<\/option>\r\n            <option value=\"\ud83d\udfe1 Mod\u00e9r\u00e9 - dure depuis un moment\">\ud83d\udfe1 Mod\u00e9r\u00e9 - cela dure depuis un moment<\/option>\r\n            <option value=\"\ud83d\udfe2 Faible - signalement pr\u00e9ventif\">\ud83d\udfe2 Faible - je veux signaler par pr\u00e9caution<\/option>\r\n          <\/select>\r\n        <\/div>\r\n        <div class=\"dsf-errmsg\" id=\"err-urg\">Veuillez \u00e9valuer le niveau d'urgence.<\/div>\r\n      <\/div>\r\n\r\n      <!-- D\u00e9j\u00e0 signal\u00e9 -->\r\n      <div class=\"dsf-field\">\r\n        <label class=\"dsf-lbl\" for=\"f-deja\">Avez-vous d\u00e9j\u00e0 signal\u00e9 ailleurs ? <span class=\"dsf-opt\">optionnel<\/span><\/label>\r\n        <div class=\"dsf-sw\">\r\n          <select class=\"dsf-select\" id=\"f-deja\">\r\n            <option value=\"\">S\u00e9lectionnez<\/option>\r\n            <option>Non, c'est mon premier signalement<\/option>\r\n            <option>J'ai signal\u00e9 sur la plateforme<\/option>\r\n            <option>J'ai \u00e9crit au CNIN (plaintes@cnin.bj)<\/option>\r\n            <option>J'ai appel\u00e9 le 114<\/option>\r\n            <option>J'ai contact\u00e9 la police<\/option>\r\n            <option>Plusieurs d\u00e9marches d\u00e9j\u00e0 faites<\/option>\r\n          <\/select>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Consentements -->\r\n      <div class=\"dsf-checks\">\r\n        <div class=\"dsf-chk\">\r\n          <input type=\"checkbox\" id=\"c1\">\r\n          <label for=\"c1\">Je certifie que les faits d\u00e9crits sont r\u00e9els et que ce signalement est fait de bonne foi. <span style=\"color:#CD5C5C\">*<\/span><\/label>\r\n        <\/div>\r\n        <div class=\"dsf-chk\">\r\n          <input type=\"checkbox\" id=\"c2\">\r\n          <label for=\"c2\">J'accepte que mes informations soient utilis\u00e9es par l'\u00e9quipe DSS pour mon accompagnement. <span style=\"color:#CD5C5C\">*<\/span><\/label>\r\n        <\/div>\r\n        <div class=\"dsf-chk\">\r\n          <input type=\"checkbox\" id=\"c3\">\r\n          <label for=\"c3\">J'accepte d'\u00eatre recontact\u00e9e pour des enqu\u00eates anonymes sur les VBG num\u00e9riques au B\u00e9nin. <span style=\"color:#7a6060;font-size:12px\">(optionnel)<\/span><\/label>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dsf-nav\">\r\n        <button class=\"dsf-btn-s\" onclick=\"dsfStep1()\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6z\"\/><\/svg>\r\n          Retour\r\n        <\/button>\r\n        <button class=\"dsf-btn-p\" id=\"btn-send\" onclick=\"dsfSend()\">\r\n          Envoyer le signalement\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"\/><\/svg>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div><!-- \/p2 -->\r\n\r\n    <!-- LOADER -->\r\n    <div class=\"dsf-loader\" id=\"loader\">\r\n      <div class=\"dsf-spin\"><\/div>\r\n      Envoi en cours\u2026\r\n    <\/div>\r\n\r\n    <!-- SUCC\u00c8S -->\r\n    <div class=\"dsf-success\" id=\"success\">\r\n      <div class=\"dsf-sico\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n      <\/div>\r\n      <h2 class=\"signal-title\">Signalement envoy\u00e9 <\/h2>\r\n      <p>Votre signalement a bien \u00e9t\u00e9 re\u00e7u et enregistr\u00e9. Notre \u00e9quipe vous contactera dans les plus brefs d\u00e9lais.<\/p>\r\n      <div class=\"dsf-ref-badge\">R\u00e9f\u00e9rence : <strong id=\"ref-out\"><\/strong><\/div>\r\n\r\n      <!-- Bloc r\u00e9capitulatif -->\r\n      <div class=\"dsf-confirm-block\">\r\n        <h3>R\u00e9capitulatif de votre signalement<\/h3>\r\n        <div class=\"dsf-confirm-row\"><span class=\"dsf-confirm-key\">Type<\/span><span class=\"dsf-confirm-val\" id=\"cr-type\"><\/span><\/div>\r\n        <div class=\"dsf-confirm-row\"><span class=\"dsf-confirm-key\">Plateforme<\/span><span class=\"dsf-confirm-val\" id=\"cr-plat\"><\/span><\/div>\r\n        <div class=\"dsf-confirm-row\"><span class=\"dsf-confirm-key\">Urgence<\/span><span class=\"dsf-confirm-val\" id=\"cr-urg\"><\/span><\/div>\r\n        <div class=\"dsf-confirm-row\"><span class=\"dsf-confirm-key\">Anonymat<\/span><span class=\"dsf-confirm-val\" id=\"cr-anon\"><\/span><\/div>\r\n        <div class=\"dsf-confirm-row\"><span class=\"dsf-confirm-key\">Date envoi<\/span><span class=\"dsf-confirm-val\" id=\"cr-date\"><\/span><\/div>\r\n      <\/div>\r\n\r\n      <p style=\"font-size:13px !important;\">Si vous avez fourni un moyen de contact, attendez notre retour sous <strong>48h ouvr\u00e9es<\/strong>.<\/p>\r\n      <br>\r\n      <a href=\"mailto:plaintes@cnin.bj\" class=\"dsf-success-cta\">\r\n        <svg viewBox=\"0 0 24 24\" style=\"width:14px;height:14px;fill:currentColor\"><path d=\"M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1-9.4 0-17-7.6-17-17 0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z\"\/><\/svg>\r\n        Porter plainte au CNIN : plaintes@cnin.bj\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div><!-- \/card -->\r\n\r\n  <!-- URGENCE BAS DE PAGE -->\r\n  <div class=\"dsf-urg\">\r\n    <svg viewBox=\"0 0 24 24\"><path d=\"M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1-9.4 0-17-7.6-17-17 0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z\"\/><\/svg>\r\n    <div>\r\n      <p class=\"dsf-urg-t\"><strong>En danger imm\u00e9diat au B\u00e9nin ?<\/strong> Contactez sans attendre :<\/p>\r\n      <div class=\"dsf-urg-nums\">\r\n        <a href=\"mailto:plaintes@cnin.bj\" class=\"dsf-num\"><svg viewBox=\"0 0 24 24\"><path d=\"M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1-9.4 0-17-7.6-17-17 0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z\"\/><\/svg>CNIN : plaintes@cnin.bj<\/a>\r\n        <a href=\"tel:114\" class=\"dsf-num\"><svg viewBox=\"0 0 24 24\"><path d=\"M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1-9.4 0-17-7.6-17-17 0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z\"\/><\/svg>114 - INF (gratuit, 24h\/24)<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   URL Apps Script \u2014 \u00e0 remplacer apr\u00e8s d\u00e9ploiement\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nvar DSF_URL = 'https:\/\/digitalsafespace.valueher.bj\/wp-json\/dss\/v1\/envoi\/signaler';\r\n\r\n\/* \u2500\u2500 \u00c9tat global \u2500\u2500 *\/\r\nvar dsfAnonState = false;\r\n\r\n\/* \u2500\u2500 Chips \u2500\u2500 *\/\r\nfunction dsfChip(el) {\r\n  el.classList.toggle('dsf-sel');\r\n  var vals = [];\r\n  document.querySelectorAll('#chips .dsf-chip.dsf-sel').forEach(function(c){ vals.push(c.getAttribute('data-v')); });\r\n  document.getElementById('f-type').value = vals.join(', ');\r\n  if (vals.length > 0) document.getElementById('err-chips').classList.remove('dsf-show');\r\n}\r\n\r\n\/* \u2500\u2500 Afficher champ contact \u2500\u2500 *\/\r\nfunction dsfShowContact(v) {\r\n  document.getElementById('fd-tel').style.display   = (v === 'wa' || v === 'tel') ? 'block' : 'none';\r\n  document.getElementById('fd-email').style.display = v === 'email' ? 'block' : 'none';\r\n}\r\n\r\n\/* \u2500\u2500 Toggle anonymat \u2500\u2500 *\/\r\nfunction dsfAnon() {\r\n  dsfAnonState = !dsfAnonState;\r\n  document.getElementById('tog-anon').classList.toggle('dsf-on', dsfAnonState);\r\n  document.getElementById('cf').classList.toggle('dsf-hidden', dsfAnonState);\r\n}\r\n\r\n\/* \u2500\u2500 Aller \u00e9tape 2 \u2500\u2500 *\/\r\nfunction dsfStep2() {\r\n  var type = document.getElementById('f-type').value;\r\n  var plat = document.getElementById('f-plat').value;\r\n  var desc = document.getElementById('f-desc').value.trim();\r\n  var ok = true;\r\n\r\n  if (!type) { document.getElementById('err-chips').classList.add('dsf-show'); ok = false; }\r\n  if (!plat) { document.getElementById('f-plat').classList.add('dsf-err'); document.getElementById('err-plat').classList.add('dsf-show'); ok = false; }\r\n  else        { document.getElementById('f-plat').classList.remove('dsf-err'); document.getElementById('err-plat').classList.remove('dsf-show'); }\r\n  if (!desc) { document.getElementById('f-desc').classList.add('dsf-err'); document.getElementById('err-desc').classList.add('dsf-show'); ok = false; }\r\n  else        { document.getElementById('f-desc').classList.remove('dsf-err'); document.getElementById('err-desc').classList.remove('dsf-show'); }\r\n\r\n  if (!ok) return;\r\n\r\n  document.getElementById('p1').classList.remove('dsf-active');\r\n  document.getElementById('p2').classList.add('dsf-active');\r\n\r\n  var sc1 = document.getElementById('sc1');\r\n  sc1.classList.remove('dsf-active'); sc1.classList.add('dsf-done'); sc1.textContent = '\u2713';\r\n  document.getElementById('sl1').classList.remove('dsf-active');\r\n  document.getElementById('conn1').classList.add('dsf-done');\r\n  document.getElementById('sc2').classList.add('dsf-active');\r\n  document.getElementById('sl2').classList.add('dsf-active');\r\n  window.scrollTo({ top: 0, behavior: 'smooth' });\r\n}\r\n\r\n\/* \u2500\u2500 Retour \u00e9tape 1 \u2500\u2500 *\/\r\nfunction dsfStep1() {\r\n  document.getElementById('p2').classList.remove('dsf-active');\r\n  document.getElementById('p1').classList.add('dsf-active');\r\n\r\n  var sc1 = document.getElementById('sc1');\r\n  sc1.classList.add('dsf-active'); sc1.classList.remove('dsf-done'); sc1.textContent = '1';\r\n  document.getElementById('sl1').classList.add('dsf-active');\r\n  document.getElementById('conn1').classList.remove('dsf-done');\r\n  document.getElementById('sc2').classList.remove('dsf-active');\r\n  document.getElementById('sl2').classList.remove('dsf-active');\r\n  window.scrollTo({ top: 0, behavior: 'smooth' });\r\n}\r\n\r\n\/* \u2500\u2500 R\u00e9f\u00e9rence \u2500\u2500 *\/\r\nfunction dsfRef() {\r\n  var d = new Date(), p = function(n){ return String(n).padStart(2, '0'); };\r\n  return 'DSS-' + d.getFullYear() + p(d.getMonth()+1) + p(d.getDate()) + '-' + Math.floor(1000 + Math.random()*9000);\r\n}\r\n\r\n\/* \u2500\u2500 Envoi \u2500\u2500 *\/\r\nfunction dsfSend() {\r\n  \/* Validation \u00e9tape 2 *\/\r\n  var urg = document.getElementById('f-urg').value;\r\n  var ok = true;\r\n\r\n  if (!urg) {\r\n    document.getElementById('f-urg').classList.add('dsf-err');\r\n    document.getElementById('err-urg').classList.add('dsf-show');\r\n    ok = false;\r\n  } else {\r\n    document.getElementById('f-urg').classList.remove('dsf-err');\r\n    document.getElementById('err-urg').classList.remove('dsf-show');\r\n  }\r\n\r\n  if (!dsfAnonState) {\r\n    var prenom = document.getElementById('f-prenom').value.trim();\r\n    if (!prenom) {\r\n      document.getElementById('f-prenom').classList.add('dsf-err');\r\n      document.getElementById('err-prenom').classList.add('dsf-show');\r\n      ok = false;\r\n    } else {\r\n      document.getElementById('f-prenom').classList.remove('dsf-err');\r\n      document.getElementById('err-prenom').classList.remove('dsf-show');\r\n    }\r\n  }\r\n\r\n  if (!document.getElementById('c1').checked || !document.getElementById('c2').checked) {\r\n    alert('Veuillez cocher les deux cases obligatoires (*) pour envoyer le signalement.');\r\n    ok = false;\r\n  }\r\n\r\n  if (!ok) return;\r\n\r\n  \/* Collecte *\/\r\n  var ref = dsfRef();\r\n  var now = new Date().toLocaleString('fr-FR');\r\n\r\n  var data = {\r\n    ref             : ref,\r\n    date_soumission : now,\r\n    type_violence   : document.getElementById('f-type').value,\r\n    plateforme      : document.getElementById('f-plat').value,\r\n    date_faits      : document.getElementById('f-date').value || '\u2014',\r\n    description     : document.getElementById('f-desc').value,\r\n    preuves         : document.getElementById('f-preuves').value || '\u2014',\r\n    lien_preuve     : document.getElementById('f-lien').value || '\u2014',\r\n    anonyme         : dsfAnonState ? 'Oui' : 'Non',\r\n    prenom          : dsfAnonState ? '(anonyme)' : document.getElementById('f-prenom').value,\r\n    age             : dsfAnonState ? '\u2014' : (document.getElementById('f-age').value || '\u2014'),\r\n    ville           : dsfAnonState ? '\u2014' : (document.getElementById('f-ville').value || '\u2014'),\r\n    contact_moyen   : dsfAnonState ? '\u2014' : (document.getElementById('f-contact').value || '\u2014'),\r\n    telephone       : dsfAnonState ? '\u2014' : (document.getElementById('f-tel').value || '\u2014'),\r\n    email_contact   : dsfAnonState ? '\u2014' : (document.getElementById('f-email').value || '\u2014'),\r\n    urgence_niveau  : urg,\r\n    deja_signale    : document.getElementById('f-deja').value || '\u2014',\r\n    consent_suivi   : document.getElementById('c3').checked ? 'Oui' : 'Non'\r\n  };\r\n\r\n  \/* UI \u2014 loader *\/\r\n  document.getElementById('p2').classList.remove('dsf-active');\r\n  document.getElementById('loader').classList.add('dsf-show');\r\n  document.getElementById('btn-send').disabled = true;\r\n\r\n  \/* Envoi Google Sheets *\/\r\n  var done = false;\r\n  var timeout = setTimeout(function() {\r\n    if (done) return;\r\n    done = true;\r\n    dsfShowSuccess(ref, data, now);\r\n  }, 10000);\r\n\r\n  fetch(DSF_URL, {\r\n    method: 'POST',\r\n    mode: 'no-cors',\r\n    headers: { 'Content-Type': 'application\/json' },\r\n    body: JSON.stringify(data)\r\n  }).then(function() {\r\n    if (done) return;\r\n    done = true;\r\n    clearTimeout(timeout);\r\n    dsfShowSuccess(ref, data, now);\r\n  }).catch(function() {\r\n    if (done) return;\r\n    done = true;\r\n    clearTimeout(timeout);\r\n    \/* M\u00eame en cas d'erreur r\u00e9seau, afficher la confirmation \u00e0 l'utilisatrice *\/\r\n    dsfShowSuccess(ref, data, now);\r\n  });\r\n}\r\n\r\n\/* \u2500\u2500 Afficher succ\u00e8s \u2500\u2500 *\/\r\nfunction dsfShowSuccess(ref, data, now) {\r\n  document.getElementById('loader').classList.remove('dsf-show');\r\n\r\n  document.getElementById('ref-out').textContent  = ref;\r\n  document.getElementById('cr-type').textContent  = data.type_violence || '\u2014';\r\n  document.getElementById('cr-plat').textContent  = data.plateforme || '\u2014';\r\n  document.getElementById('cr-urg').textContent   = data.urgence_niveau || '\u2014';\r\n  document.getElementById('cr-anon').textContent  = data.anonyme;\r\n  document.getElementById('cr-date').textContent  = now;\r\n\r\n  document.getElementById('success').classList.add('dsf-show');\r\n  window.scrollTo({ top: 0, behavior: 'smooth' });\r\n}\r\n<\/script>\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d4657a2 e-flex e-con-boxed e-con e-parent\" data-id=\"d4657a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d034910 elementor-widget elementor-widget-html\" data-id=\"d034910\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@300;400;500;600;700;800&family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700;12..96,800&display=swap\" rel=\"stylesheet\">\r\n<style>\n\r\n\r\n\r\n#dss-footer{background:#2C1415 !important;color:#fff !important;font-family:'Raleway',sans-serif !important;display:block !important;position:relative !important;width:100vw !important;max-width:100vw !important;left:50% !important;right:auto !important;margin-left:-50vw !important;margin-right:0 !important;overflow:hidden !important;box-sizing:border-box !important}\r\n\r\n\r\n.dss-ft-body{padding:64px 5% 40px !important;max-width:1280px !important;margin:0 auto !important}\r\n\r\n.dss-ft-grid{display:grid !important;grid-template-columns:2fr 1fr 1fr 1.4fr !important;gap:52px !important;margin-bottom:20px !important}\r\n\r\n\r\n.dss-ft-brand-logo{display:flex !important;align-items:center !important;gap:12px !important;margin-bottom:18px !important;text-decoration:none !important}\r\n\r\n.dss-ft-logo-dot{width:36px !important;height:36px !important;border-radius:10px !important;background:rgba(158,85,157,.3) !important;border:1px solid rgba(158,85,157,.4) !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important}\r\n\r\n.dss-ft-logo-dot svg{width:18px !important;height:18px !important;fill:#C69AD6 !important}\r\n\r\n.dss-ft-logo-text strong{font-family:'Bricolage Grotesque',sans-serif !important;font-size:18px !important;font-weight:700 !important;color:#fff !important;display:block !important;line-height:1.2 !important}\r\n\r\n.dss-ft-logo-text span{font-size:14px !important;color:rgba(255,255,255,.45) !important;letter-spacing:.04em !important}\r\n\r\n.dss-ft-brand-desc{font-size:13px !important;color:rgba(255,255,255,.5) !important;line-height:1.5 !important;max-width:350px !important;margin-bottom:15px !important}\r\n\r\n\r\n.dss-ft-social-label{font-size:10px !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:rgba(255,255,255,.3) !important;margin-bottom:12px !important}\r\n\r\n.dss-ft-social-row{display:flex !important;gap:10px !important;flex-wrap:wrap !important}\r\n\r\n.dss-ft-social-link{display:flex !important;align-items:center !important;gap:8px !important;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.1) !important;padding:  5px 5px !important;text-decoration:none !important;color:rgba(255,255,255,.65) !important;font-family:'Raleway',sans-serif !important;font-size:12px !important;font-weight:600 !important;transition:all .22s !important}\r\n\r\n.fea{font-size: 12px !important}\r\n\r\n.dss-ft-social-link:hover{background:rgba(255,255,255,.12) !important;color:#fff !important;border-color:rgba(255,255,255,.2) !important;transform:translateY(-2px) !important}\r\n\r\n.dss-ft-social-link svg{width:16px !important;height:16px !important;flex-shrink:0 !important;transition:fill .2s !important}\r\n\r\n.dss-ft-social-link.dss-fb:hover{border-color:rgba(24,119,242,.4) !important;color:#7ab3f5 !important}\r\n.dss-ft-social-link.dss-fb:hover svg{fill:#7ab3f5 !important}\r\n.dss-ft-social-link.dss-li:hover{border-color:rgba(10,102,194,.4) !important;color:#7ab3e8 !important}\r\n.dss-ft-social-link.dss-li:hover svg{fill:#7ab3e8 !important}\r\n.dss-ft-social-link.dss-yt:hover{border-color:rgba(255,0,0,.3) !important;color:#f98e8e !important}\r\n.dss-ft-social-link.dss-yt:hover svg{fill:#f98e8e !important}\r\n.dss-ft-social-link.dss-tt:hover{border-color:rgba(255,255,255,.25) !important;color:#fff !important}\r\n\r\n.dss-ft-social-link svg{fill:rgba(255,255,255,.55) !important}\r\n\r\n\r\n.dss-ft-col-title{font-family:'Raleway',sans-serif !important;font-size:12px !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#C69AD6 !important;margin-bottom:18px !important;display:flex !important;align-items:center !important;gap:8px !important}\r\n\r\n.dss-ft-col-title::after{content:'' !important;flex:1 !important;height:1px !important;background:rgba(198,154,214,.15) !important}\r\n\r\n.dss-ft-links{display:flex !important;flex-direction:column !important;gap:8px !important;list-style:none !important}\r\n\r\n.dss-ft-links a{font-size:13px !important;font-weight:500 !important;color:rgba(255,255,255,.55) !important;text-decoration:none !important;transition:color .18s !important;display:flex !important;align-items:center !important;gap:6px !important;line-height:1.4 !important}\r\n\r\n.dss-ft-links a:hover{color:rgba(255,255,255,.9) !important}\r\n\r\n.dss-ft-links a svg{width:12px !important;height:12px !important;fill:rgba(255,255,255,.25) !important;flex-shrink:0 !important;transition:fill .18s !important}\r\n\r\n.dss-ft-links a:hover svg{fill:rgba(198,154,214,.7) !important}\r\n\r\n\r\n.dss-ft-contact-items{display:flex !important;flex-direction:column !important;gap:14px !important}\r\n\r\n.dss-ft-contact-item{display:flex !important;gap:12px !important;align-items:flex-start !important}\r\n\r\n.dss-ft-contact-ico{width:32px !important;height:32px !important;border-radius:9px !important;background:rgba(158,85,157,.15) !important;border:1px solid rgba(158,85,157,.2) !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;margin-top:1px !important}\r\n\r\n.dss-ft-contact-ico svg{width:15px !important;height:15px !important;fill:#C69AD6 !important}\r\n\r\n.dss-ft-contact-info .dss-ft-contact-label{font-size:10px !important;font-weight:700 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:rgba(255,255,255,.35) !important;margin-bottom:3px !important}\r\n\r\n.dss-ft-contact-info a,\r\n.dss-ft-contact-info span{font-size:13px !important;font-weight:600 !important;color:rgba(255,255,255,.75) !important;text-decoration:none !important;display:block !important;line-height:1.4 !important;transition:color .18s !important}\r\n\r\n.dss-ft-contact-info a:hover{color:#fff !important}\r\n\r\n\r\n.dss-ft-partners-row{display:flex !important;gap:8px !important;flex-wrap:wrap !important;margin-top:6px !important}\r\n\r\n.dss-ft-partner-badge{font-family:'Raleway',sans-serif !important;font-size:11px !important;font-weight:700 !important;padding:4px 12px !important;border-radius:20px !important;border:1px solid rgba(255,255,255,.12) !important;color:rgba(255,255,255,.5) !important;text-decoration:none !important;transition:all .2s !important}\r\n\r\n.dss-ft-partner-badge:hover{background:rgba(255,255,255,.07) !important;color:rgba(255,255,255,.85) !important}\r\n\r\n.dss-ft-partner-badge.care{border-color:rgba(205,92,92,.3) !important;color:rgba(205,92,92,.7) !important}\r\n.dss-ft-partner-badge.afd{border-color:rgba(158,85,157,.35) !important;color:rgba(198,154,214,.75) !important}\r\n\r\n\r\n.dss-ft-sep{height:1px !important;background:rgba(255,255,255,.07) !important;margin-bottom:18px !important}\r\n\r\n\r\n.dss-ft-bottom{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:20px !important;flex-wrap:wrap !important;padding-bottom:8px !important}\r\n\r\n.dss-ft-copy{font-size:12px !important;color:rgba(255,255,255,.3) !important;line-height:1.6 !important}\r\n\r\n.dss-ft-copy strong{color:rgba(255,255,255,.45) !important}\r\n\r\n.dss-ft-legal{display:flex !important;gap:20px !important;flex-wrap:wrap !important}\r\n\r\n.dss-ft-legal a{font-size:13px !important;color:rgba(255, 255, 255, 0.601) !important;text-decoration:none !important;transition:color .18s !important}\r\n\r\n.dss-ft-legal a:hover{color:rgba(255,255,255,.6) !important}\r\n\r\n.dss-ft-fea-tag{display:inline-flex !important;align-items:center !important;gap:8px !important;background:rgba(158,85,157,.12) !important;border:1px solid rgba(158,85,157,.2) !important;border-radius:30px !important;padding:6px 14px !important;font-size:11px !important;font-weight:700 !important;color:rgba(198,154,214,.7) !important;letter-spacing:.06em !important}\r\n\r\n.dss-ft-fea-tag svg{width:12px !important;height:12px !important;fill:rgba(198,154,214,.6) !important}\r\n\r\n\r\n@media(max-width:960px){\r\n  .dss-ft-grid{grid-template-columns:1fr 1fr !important;gap:36px !important}\r\n}\r\n\r\n@media(max-width:600px){\r\n  .dss-ft-grid{grid-template-columns:1fr !important;gap:32px !important}\r\n  .dss-ft-body{padding:48px 5% 36px !important}\r\n  .dss-ft-urgence-inner{flex-direction:column !important;align-items:flex-start !important}\r\n  .dss-ft-bottom{flex-direction:column !important;align-items:flex-start !important;gap:12px !important}\r\n}\r\n\n#dss-footer a,#dss-footer a:hover,#dss-footer a:focus,#dss-footer a:visited{text-decoration:none !important;box-shadow:none !important;border-bottom:0 !important}\n#dss-footer ul,#dss-footer li{margin:0 !important;padding:0 !important;list-style:none !important}\n\n<\/style>\r\n\r\n\r\n\r\n<footer id=\"dss-footer\">\r\n\r\n  <!-- CORPS DU FOOTER -->\r\n  <div class=\"dss-ft-body\">\r\n    <div class=\"dss-ft-grid\">\r\n\r\n      <!-- COLONNE 1 : BRAND + R\u00c9SEAUX SOCIAUX -->\r\n      <div>\r\n        <a href=\"\/\" class=\"dss-ft-brand-logo\">\r\n          <div class=\"dss-ft-logo-dot\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z\"\/><\/svg>\r\n          <\/div>\r\n          <div class=\"dss-ft-logo-text\">\r\n            <strong>Digital Safe Space<\/strong>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <p class=\"dss-ft-brand-desc\">\r\n          Un espace num\u00e9rique s\u00e9curis\u00e9 pour comprendre, pr\u00e9venir et r\u00e9agir face aux violences bas\u00e9es sur le genre facilit\u00e9es par la technologie en fran\u00e7ais, fon et mina.\r\n        <\/p>\r\n\r\n        <div class=\"dss-ft-social-label\">Nous suivre<\/div>\r\n\r\n        <div class=\"dss-ft-social-row\">\r\n\r\n          <!-- Facebook -->\r\n          <a href=\"https:\/\/web.facebook.com\/womenedtech\" class=\"dss-ft-social-link dss-fb\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Women EdTech sur Facebook\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/>\r\n            <\/svg>\r\n            Facebook\r\n          <\/a>\r\n\r\n          <!-- LinkedIn -->\r\n          <a href=\"https:\/\/www.linkedin.com\/company\/women-edtech\/\" class=\"dss-ft-social-link dss-li\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Women EdTech sur LinkedIn\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/>\r\n            <\/svg>\r\n            LinkedIn\r\n          <\/a>\r\n\r\n          <!-- YouTube -->\r\n          <a href=\"https:\/\/youtube.com\/@womenedtech\" class=\"dss-ft-social-link dss-yt\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Women EdTech sur YouTube\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/>\r\n            <\/svg>\r\n            YouTube\r\n          <\/a>\r\n\r\n          <!-- TikTok -->\r\n          <a href=\"https:\/\/www.tiktok.com\/@womenedtech\" class=\"dss-ft-social-link dss-tt\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Women EdTech sur TikTok\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z\"\/>\r\n            <\/svg>\r\n            TikTok\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- COLONNE 2 : APPRENDRE -->\n      <div>\n        <div class=\"dss-ft-col-title\">Apprendre<\/div>\n        <ul class=\"dss-ft-links\">\n          <li><a href=\"\/a-propos\/\"><svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"\/><\/svg>Pourquoi DSS ?<\/a><\/li>\n          <li><a href=\"\/thematiques-vbg-ft\/\"><svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"\/><\/svg>Comprendre les VBG-FT<\/a><\/li>\n          <li><a href=\"\/capsules\/\"><svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"\/><\/svg>Capsules vid\u00e9o et audio<\/a><\/li>\n          <li><a href=\"\/atelier\/\"><svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"\/><\/svg>Ateliers et replays<\/a><\/li>\n          <li><a href=\"\/ressources\/\"><svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"\/><\/svg>Ressources<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- COLONNE 3 : SE PROT\u00c9GER -->\n      <div>\n        <div class=\"dss-ft-col-title\">Se prot\u00e9ger<\/div>\n        <ul class=\"dss-ft-links\">\n          <li><a href=\"\/thematiques-vbg-ft\/securisation-avancee\/\"><svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"\/><\/svg>S\u00e9curiser ses comptes<\/a><\/li>\n          <li><a href=\"\/thematiques-vbg-ft\/identite-numerique-e-reputation\/\"><svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"\/><\/svg>Identit\u00e9 num\u00e9rique et e-r\u00e9putation<\/a><\/li>\n          <li><a href=\"\/thematiques-vbg-ft\/arnaques-financieres\/\"><svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"\/><\/svg>Arnaques financi\u00e8res<\/a><\/li>\n          <li><a href=\"\/thematiques-vbg-ft\/fiche-reflexe\/\"><svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"\/><\/svg>Fiche r\u00e9flexe<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- COLONNE 4 : CONTACT + PARTENAIRES -->\n      <div>\n        <div class=\"dss-ft-col-title\">Contact<\/div>\n        <div class=\"dss-ft-contact-items\">\n          <div class=\"dss-ft-contact-item\">\n            <div class=\"dss-ft-contact-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2 1 21h22L12 2zm1 15h-2v-2h2v2zm0-4h-2V9h2v4z\"\/><\/svg><\/div>\n            <div class=\"dss-ft-contact-info\">\n              <div class=\"dss-ft-contact-label\">Besoin d'aide ?<\/div>\n              <a href=\"\/signaler\/\">Signaler un cas<\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"dss-ft-contact-item\">\n            <div class=\"dss-ft-contact-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg><\/div>\n            <div class=\"dss-ft-contact-info\">\n              <div class=\"dss-ft-contact-label\">Email<\/div>\n              <a href=\"mailto:contact@womenedtech.com\">contact@womenedtech.com<\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"dss-ft-contact-item\">\n            <div class=\"dss-ft-contact-ico\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z\"\/><\/svg><\/div>\n            <div class=\"dss-ft-contact-info\">\n              <div class=\"dss-ft-contact-label\">Porteur du projet<\/div>\n              <a href=\"https:\/\/www.womenedtech.com\/\" target=\"_blank\" rel=\"noopener\">Women EdTech<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div><!-- \/grid -->\r\n\r\n    <div class=\"dss-ft-sep\"><\/div>\r\n\r\n    <!-- BARRE BASSE -->\r\n    <div class=\"dss-ft-bottom\">\r\n\r\n      <p class=\"dss-ft-copy\">\n        &copy; 2026 <strong>Digital Safe Space<\/strong> \u00b7 Une initiative <a href=\"https:\/\/www.womenedtech.com\/\" class=\"fea\" target=\"_blank\" rel=\"noopener\"><strong>Women EdTech<\/strong><\/a> \u00b7 Tous droits r\u00e9serv\u00e9s.\n      <\/p>\n\n      <div class=\"dss-ft-legal\">\r\n        <a href=\"\/politique-de-confidentialite\/\">Politique de confidentialit\u00e9<\/a>\r\n        <!-- <a href=\"\/mentions-legales\/\">Mentions l\u00e9gales<\/a> -->\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/footer>\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Signaler \u2014 Digital Safe Space Digital Safe Space Vous n&rsquo;\u00eates pas seule. Signalez. Que vous ayez subi du cyberharc\u00e8lement, une [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2941","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digitalsafespace.valueher.bj\/en\/wp-json\/wp\/v2\/pages\/2941","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitalsafespace.valueher.bj\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitalsafespace.valueher.bj\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitalsafespace.valueher.bj\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digitalsafespace.valueher.bj\/en\/wp-json\/wp\/v2\/comments?post=2941"}],"version-history":[{"count":70,"href":"https:\/\/digitalsafespace.valueher.bj\/en\/wp-json\/wp\/v2\/pages\/2941\/revisions"}],"predecessor-version":[{"id":3430,"href":"https:\/\/digitalsafespace.valueher.bj\/en\/wp-json\/wp\/v2\/pages\/2941\/revisions\/3430"}],"wp:attachment":[{"href":"https:\/\/digitalsafespace.valueher.bj\/en\/wp-json\/wp\/v2\/media?parent=2941"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}