{"id":174368,"date":"2026-09-01T08:40:23","date_gmt":"2026-09-01T07:40:23","guid":{"rendered":"https:\/\/www.sosve.tn\/enreg-js\/"},"modified":"2026-09-01T10:02:19","modified_gmt":"2026-09-01T09:02:19","slug":"enreg-js","status":"publish","type":"page","link":"https:\/\/www.sosve.tn\/fr\/enreg-js\/","title":{"rendered":"Enregistrement Journ\u00e9e Savoir"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"174368\" class=\"elementor elementor-174368\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10777f5 e-con-full e-flex e-con e-parent\" data-id=\"10777f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bdb3319 elementor-widget elementor-widget-html\" data-id=\"bdb3319\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Tajawal:wght@500;700;800;900&family=Cairo:wght@600;700;800;900&display=swap');\r\n\r\n  html, body {\r\n    height: 100% !important;\r\n    max-height: 100vh !important;\r\n    overflow: hidden !important;\r\n  }\r\n\r\n  #main, \r\n  .main, \r\n  #main-content, \r\n  .wgl-theme-header, \r\n  .entry-content, \r\n  .post-entry, \r\n  .container, \r\n  .row, \r\n  #page, \r\n  body,\r\n  article,\r\n  .post {\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n    max-width: 100% !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    max-height: 100vh !important;\r\n  }\r\n\r\n  div#sos-mobile-nav, \r\n  #cya11y-container {\r\n    display: none !important;\r\n  }\r\n\r\n  :root {\r\n    --don-primary: #1c325d;\r\n    --don-primary-hover: #132444;\r\n    --don-accent-blue: #00abec;\r\n    --don-accent-pink: #de5a6c;\r\n    --don-bg-main: #f4f8fb;\r\n    --don-bg-card: #ffffff;\r\n    --don-text-dark: #1c325d;\r\n    --don-text-muted: #64748b;\r\n    --don-border: #cbd5e1;\r\n    --don-radius-sm: 10px;\r\n    --don-radius-md: 14px;\r\n    --don-radius-lg: 24px;\r\n    --don-shadow-sm: 0 2px 6px rgba(28, 50, 93, 0.04);\r\n    --don-shadow-md: 0 10px 25px rgba(28, 50, 93, 0.08);\r\n    --don-transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);\r\n    --font-primary: 'Plus Jakarta Sans', sans-serif;\r\n    --font-display: 'Montserrat', sans-serif;\r\n    --font-arabic: 'Tajawal', 'Cairo', sans-serif;\r\n  }\r\n\r\n  .kiosk-console {\r\n    font-family: var(--font-primary);\r\n    background-color: var(--don-bg-main);\r\n    height: 100vh;\r\n    height: 100dvh;\r\n    width: 100vw;\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  @media (min-width: 992px) {\r\n    .kiosk-console {\r\n      flex-direction: row;\r\n    }\r\n  }\r\n\r\n  .kiosk-qr-wish-card {\r\n    position: absolute;\r\n    top: clamp(10px, 2vh, 22px);\r\n    right: clamp(14px, 2.2vw, 30px);\r\n    background: rgba(255, 255, 255, 0.96);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border: 1.5px solid rgba(0, 171, 236, 0.38);\r\n    border-radius: 18px;\r\n    padding: clamp(6px, 1vh, 8px) clamp(12px, 1.4vw, 18px);\r\n    display: inline-flex;\r\n    direction: rtl !important;\r\n    align-items: center;\r\n    gap: clamp(10px, 1.2vw, 14px);\r\n    box-shadow: 0 8px 24px rgba(0, 171, 236, 0.14), 0 4px 12px rgba(28, 50, 93, 0.08);\r\n    z-index: 50;\r\n    text-decoration: none !important;\r\n    transition: var(--don-transition);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .kiosk-qr-wish-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg, rgba(0, 171, 236, 0.08) 0%, rgba(222, 90, 108, 0.04) 100%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .kiosk-qr-wish-card:hover {\r\n    transform: translateY(-2.5px) scale(1.02);\r\n    border-color: rgba(0, 171, 236, 0.85);\r\n    box-shadow: 0 14px 32px rgba(0, 171, 236, 0.24), 0 6px 16px rgba(28, 50, 93, 0.12);\r\n  }\r\n\r\n  .qr-wish-text-wrap {\r\n    display: flex;\r\n    align-items: center;\r\n    text-align: right;\r\n  }\r\n\r\n  .qr-wish-title {\r\n    font-family: var(--font-arabic), 'Cairo', sans-serif !important;\r\n    font-size: clamp(16px, 2.1vh, 20px) !important;\r\n    font-weight: 900 !important;\r\n    color: var(--don-accent-blue) !important;\r\n    line-height: 1.2 !important;\r\n    margin: 0 !important;\r\n    letter-spacing: -0.3px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 6px !important;\r\n    text-shadow: 0 1px 4px rgba(0, 171, 236, 0.15) !important;\r\n  }\r\n\r\n  .qr-wish-title .sparkle-char {\r\n    color: #f59e0b;\r\n    font-size: 1.1em;\r\n    display: inline-block;\r\n    animation: sparklePulse 2s infinite ease-in-out;\r\n  }\r\n\r\n  .qr-code-frame {\r\n    position: relative;\r\n    background: #ffffff;\r\n    padding: 3px;\r\n    border-radius: 10px;\r\n    border: 1.5px solid rgba(0, 171, 236, 0.35);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .qr-code-frame img {\r\n    width: clamp(46px, 6vh, 58px);\r\n    height: clamp(46px, 6vh, 58px);\r\n    display: block;\r\n    border-radius: 6px;\r\n  }\r\n\r\n  @keyframes sparklePulse {\r\n    0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.9; }\r\n    50% { transform: scale(1.25) rotate(15deg); opacity: 1; filter: drop-shadow(0 0 4px #f59e0b); }\r\n  }\r\n\r\n  @media (max-width: 991px) {\r\n    .kiosk-qr-wish-card {\r\n      display: none !important;\r\n    }\r\n  }\r\n\r\n  .kiosk-brand-panel {\r\n    background-color: var(--don-primary) !important;\r\n    background-image: \r\n      linear-gradient(180deg, rgba(0, 171, 236, 0.76) 0%, rgba(28, 50, 93, 0.94) 100%),\r\n      url('https:\/\/www.sosve.tn\/wp-content\/uploads\/2026\/02\/bg-box-home.png') !important;\r\n    background-size: cover !important;\r\n    background-position: center !important;\r\n    background-repeat: no-repeat !important;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: clamp(16px, 3vh, 32px) clamp(16px, 2.5vw, 32px) clamp(14px, 2vh, 22px);\r\n    text-align: center;\r\n    position: relative;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n  }\r\n\r\n  @media (min-width: 992px) {\r\n    .kiosk-brand-panel {\r\n      width: 42%;\r\n      height: 100%;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 991px) {\r\n    .kiosk-brand-panel {\r\n      padding: 12px 14px;\r\n      flex-shrink: 0;\r\n    }\r\n  }\r\n\r\n  .kiosk-brand-top-center {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    margin: auto 0;\r\n  }\r\n\r\n  .kiosk-logo-card {\r\n    background: #ffffff;\r\n    border-radius: clamp(16px, 2.2vh, 22px);\r\n    width: clamp(68px, 9vh, 90px);\r\n    height: clamp(68px, 9vh, 90px);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 12px 28px rgba(28, 50, 93, 0.35);\r\n    margin-bottom: 4px;\r\n    z-index: 3;\r\n  }\r\n\r\n  .kiosk-logo-card img {\r\n    height: clamp(40px, 5.5vh, 56px);\r\n    width: auto;\r\n    display: block;\r\n  }\r\n\r\n  .kiosk-love-connector {\r\n    position: relative;\r\n    width: 100px;\r\n    height: clamp(20px, 2.8vh, 32px);\r\n    z-index: 2;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .kiosk-floating-heart {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 50%;\r\n    transform: translate(-50%, 0);\r\n    opacity: 0;\r\n    animation: risingHeartAnim 3.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;\r\n  }\r\n\r\n  .kiosk-floating-heart.fh-1 { width: 14px; height: 14px; fill: #de5a6c; animation-delay: 0s; --h-offset: -12px; }\r\n  .kiosk-floating-heart.fh-2 { width: 11px; height: 11px; fill: #00abec; animation-delay: 1.1s; --h-offset: 14px; }\r\n  .kiosk-floating-heart.fh-3 { width: 16px; height: 16px; fill: #de5a6c; animation-delay: 2.2s; --h-offset: -5px; }\r\n  .kiosk-floating-heart.fh-4 { width: 10px; height: 10px; fill: #ffffff; animation-delay: 2.9s; --h-offset: 9px; }\r\n\r\n  @keyframes risingHeartAnim {\r\n    0% { opacity: 0; transform: translate(-50%, 8px) scale(0.4); }\r\n    30% { opacity: 0.9; transform: translate(calc(-50% + (var(--h-offset) * 0.4)), -4px) scale(1); }\r\n    70% { opacity: 0.85; transform: translate(calc(-50% + (var(--h-offset) * 0.8)), -18px) scale(1.15); }\r\n    100% { opacity: 0; transform: translate(calc(-50% + var(--h-offset)), -30px) scale(0.6); }\r\n  }\r\n\r\n  .kiosk-dove-stage {\r\n    position: relative;\r\n    z-index: 3;\r\n    margin-bottom: clamp(8px, 1.8vh, 18px);\r\n    animation: doveFloating 3.6s ease-in-out infinite alternate;\r\n  }\r\n\r\n  .kiosk-dove-glow {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: clamp(90px, 13vh, 130px);\r\n    height: clamp(90px, 13vh, 130px);\r\n    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, rgba(0, 171, 236, 0.25) 50%, transparent 70%);\r\n    border-radius: 50%;\r\n    filter: blur(10px);\r\n  }\r\n\r\n  .dock-dove-svg {\r\n    width: clamp(70px, 9.5vh, 98px);\r\n    height: auto;\r\n    display: block;\r\n    filter: drop-shadow(0 8px 18px rgba(28, 50, 93, 0.35));\r\n  }\r\n\r\n  .wing-front-flap {\r\n    transform-box: fill-box !important;\r\n    transform-origin: 35% 95% !important;\r\n    animation: flapWingAnim 0.15s ease-in-out infinite alternate !important;\r\n  }\r\n\r\n  @keyframes flapWingAnim {\r\n    0% { transform: rotate(-14deg) scaleY(1); }\r\n    100% { transform: rotate(26deg) scaleY(-0.55); }\r\n  }\r\n\r\n  @keyframes doveFloating {\r\n    0% { transform: translateY(0px); }\r\n    100% { transform: translateY(5px); }\r\n  }\r\n\r\n  .kiosk-badge-pill {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: rgba(28, 50, 93, 0.65);\r\n    border: 1.5px solid rgba(0, 171, 236, 0.9);\r\n    backdrop-filter: blur(8px);\r\n    padding: clamp(5px, 0.8vh, 7px) clamp(12px, 1.5vw, 20px);\r\n    border-radius: 50px;\r\n    font-family: var(--font-display);\r\n    font-size: clamp(10.5px, 1.3vh, 12.5px);\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n    color: #ffffff;\r\n    margin-bottom: clamp(6px, 1.2vh, 14px);\r\n    box-shadow: 0 4px 16px rgba(0, 171, 236, 0.3);\r\n  }\r\n\r\n  .kiosk-arabic-headline {\r\n    font-family: var(--font-arabic), 'Cairo', sans-serif !important;\r\n    font-size: clamp(24px, 3.5vh, 38px) !important;\r\n    font-weight: 800 !important;\r\n    color: #ffffff !important;\r\n    line-height: 1.28 !important;\r\n    margin: 0 0 clamp(4px, 0.8vh, 10px) 0 !important;\r\n    direction: rtl !important;\r\n    text-shadow: 0 4px 16px rgba(28, 50, 93, 0.5) !important;\r\n  }\r\n\r\n  .kiosk-arabic-headline .hl-pink {\r\n    color: #de5a6c !important;\r\n    text-shadow: 0 0 16px rgba(222, 90, 108, 0.7) !important;\r\n  }\r\n\r\n  .kiosk-subtitle-txt {\r\n    font-family: var(--font-primary) !important;\r\n    font-size: clamp(13px, 1.6vh, 15.5px) !important;\r\n    font-weight: 700 !important;\r\n    color: #ffffff !important;\r\n    margin: 0 auto !important;\r\n    max-width: 440px !important;\r\n    line-height: 1.35 !important;\r\n    text-shadow: 0 2px 6px rgba(28, 50, 93, 0.4) !important;\r\n  }\r\n\r\n  .kiosk-glow-bar {\r\n    width: 55px;\r\n    height: 3.5px;\r\n    background: #00abec !important;\r\n    margin: clamp(10px, 1.6vh, 18px) auto 0 auto !important;\r\n    border-radius: 10px !important;\r\n    box-shadow: 0 0 12px rgba(0, 171, 236, 0.6) !important;\r\n  }\r\n\r\n  .kiosk-brand-panel .kiosk-meta-bar {\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    flex-wrap: nowrap !important;\r\n    align-items: stretch !important;\r\n    justify-content: space-between !important;\r\n    gap: clamp(6px, 0.6vw, 10px) !important;\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    margin: 0 auto !important;\r\n    padding-top: clamp(10px, 1.5vh, 16px) !important;\r\n    border-top: 1.5px solid rgba(255, 255, 255, 0.22) !important;\r\n    z-index: 3;\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .kiosk-brand-panel .kiosk-meta-item {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    text-align: center !important;\r\n    gap: 4px !important;\r\n    background: rgba(255, 255, 255, 0.14) !important;\r\n    backdrop-filter: blur(8px) !important;\r\n    -webkit-backdrop-filter: blur(8px) !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.25) !important;\r\n    padding: clamp(6px, 1vh, 10px) clamp(6px, 0.8vw, 10px) !important;\r\n    border-radius: var(--don-radius-md) !important;\r\n    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12) !important;\r\n    flex: 1 1 0% !important;\r\n    min-width: 0 !important;\r\n    transition: var(--don-transition) !important;\r\n  }\r\n\r\n  .kiosk-brand-panel .kiosk-meta-item:hover {\r\n    background: rgba(255, 255, 255, 0.24) !important;\r\n    border-color: #00abec !important;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .kiosk-brand-panel .kiosk-meta-item svg {\r\n    width: clamp(14px, 1.8vh, 18px) !important;\r\n    height: clamp(14px, 1.8vh, 18px) !important;\r\n    flex-shrink: 0 !important;\r\n  }\r\n\r\n  .kiosk-brand-panel .kiosk-meta-item svg.icon-blue { fill: #38bdf8; }\r\n  .kiosk-brand-panel .kiosk-meta-item svg.icon-pink { fill: #f472b6; }\r\n  .kiosk-brand-panel .kiosk-meta-item svg.icon-navy { fill: #67e8f9; }\r\n\r\n  .kiosk-brand-panel .kiosk-meta-item span {\r\n    font-family: var(--font-primary) !important;\r\n    font-size: clamp(10px, 0.72vw, 12px) !important;\r\n    font-weight: 700 !important;\r\n    color: #ffffff !important;\r\n    line-height: 1.25 !important;\r\n    white-space: normal !important;\r\n    word-break: normal !important;\r\n    overflow: visible !important;\r\n    text-overflow: clip !important;\r\n    display: block !important;\r\n  }\r\n\r\n  .kiosk-form-panel {\r\n    background-color: var(--don-bg-main);\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    box-sizing: border-box;\r\n    padding: clamp(14px, 2.5vh, 32px) clamp(16px, 3vw, 48px);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  @media (min-width: 992px) {\r\n    .kiosk-form-panel {\r\n      width: 58%;\r\n      height: 100%;\r\n    }\r\n  }\r\n\r\n  .kiosk-panel-inner {\r\n    width: 100%;\r\n    max-width: 640px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    height: 100%;\r\n  }\r\n\r\n  .kiosk-panel-header {\r\n    margin-bottom: clamp(10px, 1.6vh, 18px);\r\n    text-align: left;\r\n    padding-right: clamp(140px, 17vw, 190px);\r\n  }\r\n\r\n  @media (max-width: 991px) {\r\n    .kiosk-panel-header {\r\n      text-align: center;\r\n      margin-bottom: 8px;\r\n      padding-right: 0 !important;\r\n      padding-top: 0 !important;\r\n    }\r\n  }\r\n\r\n  .kiosk-header-title {\r\n    font-family: var(--font-display);\r\n    color: var(--don-primary);\r\n    font-size: clamp(19px, 2.4vh, 24px);\r\n    font-weight: 800;\r\n    margin: 0 0 4px 0;\r\n    letter-spacing: -0.02em;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  @media (max-width: 991px) {\r\n    .kiosk-header-title {\r\n      justify-content: center;\r\n    }\r\n  }\r\n\r\n  .kiosk-header-desc {\r\n    color: var(--don-text-muted);\r\n    font-size: clamp(12px, 1.4vh, 14px);\r\n    line-height: 1.35;\r\n    margin: 0;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .kiosk-forminator-container {\r\n    width: 100%;\r\n  }\r\n\r\n  .kiosk-forminator-container .forminator-ui {\r\n    font-family: var(--font-primary) !important;\r\n    background: transparent !important;\r\n    box-shadow: none !important;\r\n    border: none !important;\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  .kiosk-forminator-container .forminator-row {\r\n    display: flex !important;\r\n    flex-wrap: wrap !important;\r\n    margin-left: -6px !important;\r\n    margin-right: -6px !important;\r\n    margin-bottom: clamp(6px, 1.2vh, 12px) !important;\r\n  }\r\n\r\n  .kiosk-forminator-container .forminator-col {\r\n    padding-left: 6px !important;\r\n    padding-right: 6px !important;\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .kiosk-forminator-container .forminator-col-12 {\r\n    flex: 0 0 100% !important;\r\n    max-width: 100% !important;\r\n  }\r\n\r\n  .kiosk-forminator-container .forminator-col-6 {\r\n    flex: 0 0 50% !important;\r\n    max-width: 50% !important;\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .kiosk-forminator-container .forminator-col-6 {\r\n      flex: 0 0 100% !important;\r\n      max-width: 100% !important;\r\n      margin-bottom: 8px;\r\n    }\r\n    .kiosk-forminator-container .forminator-col-6:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  .kiosk-forminator-container .forminator-label {\r\n    display: block !important;\r\n    font-family: var(--font-primary) !important;\r\n    font-weight: 700 !important;\r\n    font-size: clamp(12px, 1.3vh, 13px) !important;\r\n    color: var(--don-primary) !important;\r\n    margin-bottom: 3px !important;\r\n    line-height: 1.2 !important;\r\n  }\r\n\r\n  .kiosk-forminator-container .forminator-required {\r\n    color: var(--don-accent-pink) !important;\r\n    font-weight: 800 !important;\r\n    margin-left: 2px !important;\r\n  }\r\n\r\n  .kiosk-forminator-container .forminator-input--wrap {\r\n    position: relative !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    width: 100% !important;\r\n  }\r\n\r\n  .kiosk-forminator-container input.forminator-input {\r\n    width: 100% !important;\r\n    height: clamp(38px, 4.5vh, 44px) !important;\r\n    min-height: clamp(38px, 4.5vh, 44px) !important;\r\n    border: 1.5px solid var(--don-border) !important;\r\n    border-radius: var(--don-radius-sm) !important;\r\n    padding: 6px 14px !important;\r\n    font-size: clamp(13px, 1.45vh, 14px) !important;\r\n    font-family: var(--font-primary) !important;\r\n    font-weight: 600 !important;\r\n    background-color: #ffffff !important;\r\n    color: var(--don-primary) !important;\r\n    box-shadow: var(--don-shadow-sm) !important;\r\n    outline: none !important;\r\n    box-sizing: border-box !important;\r\n    transition: var(--don-transition) !important;\r\n  }\r\n\r\n  .kiosk-forminator-container input.forminator-input:focus {\r\n    border-color: var(--don-accent-blue) !important;\r\n    box-shadow: 0 0 0 3px rgba(0, 171, 236, 0.18) !important;\r\n  }\r\n\r\n  #text-2 input.forminator-input {\r\n    padding-right: 38px !important;\r\n  }\r\n\r\n  .kiosk-field-clear-btn {\r\n    position: absolute !important;\r\n    right: 9px !important;\r\n    top: 50% !important;\r\n    transform: translateY(-50%) !important;\r\n    width: 22px !important;\r\n    height: 22px !important;\r\n    border-radius: 50% !important;\r\n    background: #e2e8f0 !important;\r\n    color: #64748b !important;\r\n    border: none !important;\r\n    font-size: 13px !important;\r\n    font-weight: bold !important;\r\n    line-height: 1 !important;\r\n    display: none;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    cursor: pointer !important;\r\n    padding: 0 !important;\r\n    z-index: 10 !important;\r\n    transition: all 0.2s ease !important;\r\n  }\r\n\r\n  .kiosk-field-clear-btn:hover {\r\n    background: var(--don-accent-pink) !important;\r\n    color: #ffffff !important;\r\n    transform: translateY(-50%) scale(1.12) !important;\r\n  }\r\n\r\n  .kiosk-forminator-container .forminator-field-consent {\r\n    margin-top: 2px !important;\r\n  }\r\n\r\n  .kiosk-forminator-container .forminator-checkbox__wrapper {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 10px !important;\r\n    cursor: pointer !important;\r\n  }\r\n\r\n  .kiosk-forminator-container .forminator-checkbox input[type=\"checkbox\"] {\r\n    width: 17px !important;\r\n    height: 17px !important;\r\n    accent-color: var(--don-accent-blue) !important;\r\n    cursor: pointer !important;\r\n    margin: 0 !important;\r\n    flex-shrink: 0 !important;\r\n  }\r\n\r\n  .kiosk-forminator-container .forminator-checkbox__label p,\r\n  .kiosk-forminator-container .forminator-consent__label p {\r\n    font-family: var(--font-primary) !important;\r\n    font-size: clamp(12px, 1.3vh, 13px) !important;\r\n    font-weight: 600 !important;\r\n    color: var(--don-primary) !important;\r\n    margin: 0 !important;\r\n    line-height: 1.3 !important;\r\n  }\r\n\r\n  .kiosk-forminator-container .forminator-row-last {\r\n    margin-top: clamp(8px, 1.4vh, 14px) !important;\r\n    margin-bottom: 0 !important;\r\n  }\r\n\r\n  .kiosk-forminator-container button.forminator-button-submit {\r\n    font-family: var(--font-display) !important;\r\n    font-size: clamp(13px, 1.5vh, 14.5px) !important;\r\n    font-weight: 800 !important;\r\n    letter-spacing: 0.8px !important;\r\n    text-transform: uppercase !important;\r\n    height: clamp(42px, 4.8vh, 48px) !important;\r\n    background: linear-gradient(135deg, #00abec 0%, #1c325d 100%) !important;\r\n    color: #ffffff !important;\r\n    border: none !important;\r\n    border-radius: var(--don-radius-sm) !important;\r\n    cursor: pointer !important;\r\n    transition: var(--don-transition) !important;\r\n    width: 100% !important;\r\n    box-shadow: 0 4px 14px rgba(0, 171, 236, 0.25) !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n  }\r\n\r\n  .kiosk-forminator-container button.forminator-button-submit:hover {\r\n    background: linear-gradient(135deg, #0098d3 0%, #132444 100%) !important;\r\n    transform: translateY(-1.5px) !important;\r\n    box-shadow: 0 6px 18px rgba(0, 171, 236, 0.35) !important;\r\n  }\r\n\r\n  .kiosk-forminator-container button.forminator-button-submit:active {\r\n    transform: translateY(0) !important;\r\n  }\r\n\r\n  .kiosk-forminator-container .forminator-edit-module {\r\n    display: none !important;\r\n  }\r\n<\/style>\r\n\r\n<div class=\"kiosk-console\">\r\n  \r\n  <aside class=\"kiosk-brand-panel\">\r\n    <div class=\"kiosk-brand-top-center\">\r\n      <div class=\"kiosk-logo-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/www.sosve.tn\/wp-content\/uploads\/2026\/01\/icon-sosve.png\" alt=\"SOS Logo\">\r\n      <\/div>\r\n\r\n      <div class=\"kiosk-love-connector\">\r\n        <svg class=\"kiosk-floating-heart fh-1\" viewBox=\"0 0 24 24\"><path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/><\/svg>\r\n        <svg class=\"kiosk-floating-heart fh-2\" viewBox=\"0 0 24 24\"><path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/><\/svg>\r\n        <svg class=\"kiosk-floating-heart fh-3\" viewBox=\"0 0 24 24\"><path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/><\/svg>\r\n        <svg class=\"kiosk-floating-heart fh-4\" viewBox=\"0 0 24 24\"><path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/><\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"kiosk-dove-stage\">\r\n        <div class=\"kiosk-dove-glow\"><\/div>\r\n        <svg class=\"dock-dove-svg\" viewBox=\"0 -12 135 112\">\r\n          <defs>\r\n            <linearGradient id=\"panelFlyBody\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n              <stop offset=\"0%\" stop-color=\"#FFFFFF\"><\/stop>\r\n              <stop offset=\"60%\" stop-color=\"#F1F5F9\"><\/stop>\r\n              <stop offset=\"100%\" stop-color=\"#CBD5E1\"><\/stop>\r\n            <\/linearGradient>\r\n            <linearGradient id=\"panelFlyWing\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n              <stop offset=\"0%\" stop-color=\"#FFFFFF\"><\/stop>\r\n              <stop offset=\"60%\" stop-color=\"#E2E8F0\"><\/stop>\r\n              <stop offset=\"100%\" stop-color=\"#94A3B8\"><\/stop>\r\n            <\/linearGradient>\r\n          <\/defs>\r\n          <path d=\"M 28 55 L 2 70 L 6 82 L 20 90 L 38 82 L 42 68 Z\" fill=\"url(#panelFlyWing)\" stroke=\"#94A3B8\" stroke-width=\"0.8\"><\/path>\r\n          <path d=\"M 32 62 C 22 42 42 32 65 32 C 86 32 104 42 100 58 C 94 74 72 74 48 72 C 38 72 28 68 32 62 Z\" fill=\"url(#panelFlyBody)\" stroke=\"#CBD5E1\" stroke-width=\"1\"><\/path>\r\n          <path d=\"M 92 42 C 92 32 108 26 114 32 C 120 38 118 48 108 52 C 102 52 92 48 92 42 Z\" fill=\"url(#panelFlyBody)\" stroke=\"#CBD5E1\" stroke-width=\"0.8\"><\/path>\r\n          <path d=\"M 112 36 L 128 39 L 112 43 Z\" fill=\"#de5a6c\" stroke=\"#de5a6c\" stroke-width=\"0.5\"><\/path>\r\n          <circle cx=\"104\" cy=\"38\" r=\"3.5\" fill=\"#EA580C\"><\/circle>\r\n          <circle cx=\"104\" cy=\"38\" r=\"1.8\" fill=\"#1c325d\"><\/circle>\r\n          <circle cx=\"102.8\" cy=\"36.8\" r=\"0.8\" fill=\"#FFFFFF\"><\/circle>\r\n          <g class=\"wing-front-flap\">\r\n            <path d=\"M 42 50 C 22 22 38 -5 74 5 C 96 10 90 42 58 52 Z\" fill=\"url(#panelFlyWing)\" stroke=\"#94A3B8\" stroke-width=\"1.2\"><\/path>\r\n          <\/g>\r\n        <\/svg>\r\n      <\/div>\r\n      \r\n      <div class=\"kiosk-badge-pill\">\u2728 JOURN\u00c9E DU SAVOIR 2026<\/div>\r\n      <h1 class=\"kiosk-arabic-headline\">\u00ab \u0641\u0631\u062d\u062a\u0647\u0645 <span class=\"hl-pink\">\u062a\u0641\u0631\u062d \u0627\u0644\u0642\u0644\u0628<\/span> \u00bb<\/h1>\r\n      <p class=\"kiosk-subtitle-txt\">Association Tunisienne des Villages d'Enfants SOS<\/p>\r\n      <div class=\"kiosk-glow-bar\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"kiosk-meta-bar\">\r\n      <div class=\"kiosk-meta-item\">\r\n        <svg class=\"icon-blue\" viewBox=\"0 0 24 24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/><\/svg>\r\n        <span>Journ\u00e9e du Savoir 2026<\/span>\r\n      <\/div>\r\n      <div class=\"kiosk-meta-item\">\r\n        <svg class=\"icon-pink\" viewBox=\"0 0 24 24\"><path d=\"M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z\"\/><\/svg>\r\n        <span>Mardi 1er Septembre 2026<\/span>\r\n      <\/div>\r\n      <div class=\"kiosk-meta-item\">\r\n        <svg class=\"icon-navy\" viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n        <span>H\u00f4tel Radisson Blu<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/aside>\r\n\r\n  <main class=\"kiosk-form-panel\">\r\n    <a href=\"https:\/\/www.sosve.tn\/journee-du-savoir\/\" target=\"_blank\" rel=\"noopener\" class=\"kiosk-qr-wish-card\" title=\"\u0633\u0643\u0627\u0646\u064a \u0648\u062a\u0645\u0646\u0651\u0649\">\r\n      <div class=\"qr-wish-text-wrap\">\r\n        <h3 class=\"qr-wish-title\">\u0633\u0643\u0627\u0646\u064a \u0648\u062a\u0645\u0646\u0651\u0649 <span class=\"sparkle-char\">\u2728<\/span><\/h3>\r\n      <\/div>\r\n      <div class=\"qr-code-frame\">\r\n        <img decoding=\"async\" src=\"https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=150x150&data=https%3A%2F%2Fwww.sosve.tn%2Fjournee-du-savoir%2F\" alt=\"\u0633\u0643\u0627\u0646\u064a \u0648\u062a\u0645\u0646\u0651\u0649\">\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <div class=\"kiosk-panel-inner\">\r\n      <header class=\"kiosk-panel-header\">\r\n        <h2 class=\"kiosk-header-title\">\r\n          <span>Enregistrement de pr\u00e9sence<\/span>\r\n          <span style=\"font-size: 19px;\">\ud83c\udf93<\/span>\r\n        <\/h2>\r\n        <p class=\"kiosk-header-desc\">Veuillez renseigner les informations ci-dessous afin de confirmer votre pr\u00e9sence.<\/p>\r\n      <\/header>\r\n\r\n      <div class=\"kiosk-forminator-container\">\r\n        \t\t\t\t<div\n\t\t\t\t\tid=\"forminator-module-174383\"\n\t\t\t\t\tclass=\"forminator-ui forminator-custom-form forminator-custom-form-174383 forminator-design--material\"\n\t\t\t\t\tdata-forminator-render=\"0\"\n\t\t\t\t\tdata-form-id=\"174383\"\n\t\t\t\t\tdata-design=\"material\"\n\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\r\n      <\/div>\r\n    <\/div>\r\n  <\/main>\r\n\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', function () {\r\n    function initClearBtn() {\r\n      var entrepriseWrapper = document.querySelector('#text-2 .forminator-input--wrap') || \r\n                              document.querySelector('#text-2 .forminator-field') ||\r\n                              document.querySelector('input[name=\"text-2\"]')?.parentElement;\r\n\r\n      if (!entrepriseWrapper) return;\r\n\r\n      var input = entrepriseWrapper.querySelector('input[name=\"text-2\"]');\r\n      if (!input || input.getAttribute('data-clear-ready')) return;\r\n\r\n      input.setAttribute('data-clear-ready', 'true');\r\n      entrepriseWrapper.style.position = 'relative';\r\n\r\n      var clearBtn = document.createElement('button');\r\n      clearBtn.type = 'button';\r\n      clearBtn.className = 'kiosk-field-clear-btn';\r\n      clearBtn.innerHTML = '&#x2715;';\r\n      clearBtn.title = 'Effacer le champ';\r\n      clearBtn.setAttribute('aria-label', 'Effacer le champ Entreprise');\r\n\r\n      function updateBtnVisibility() {\r\n        if (input.value && input.value.trim().length > 0) {\r\n          clearBtn.style.display = 'flex';\r\n        } else {\r\n          clearBtn.style.display = 'none';\r\n        }\r\n      }\r\n\r\n      clearBtn.addEventListener('click', function (e) {\r\n        e.preventDefault();\r\n        e.stopPropagation();\r\n        input.value = '';\r\n        input.focus();\r\n        input.dispatchEvent(new Event('input', { bubbles: true }));\r\n        input.dispatchEvent(new Event('change', { bubbles: true }));\r\n        updateBtnVisibility();\r\n      });\r\n\r\n      input.addEventListener('input', updateBtnVisibility);\r\n      input.addEventListener('change', updateBtnVisibility);\r\n      input.addEventListener('keyup', updateBtnVisibility);\r\n\r\n      entrepriseWrapper.appendChild(clearBtn);\r\n      updateBtnVisibility();\r\n    }\r\n\r\n    initClearBtn();\r\n    setTimeout(initClearBtn, 350);\r\n    setTimeout(initClearBtn, 1000);\r\n\r\n    if (window.jQuery) {\r\n      jQuery(document).on('after_forminator_submit_cform forminator:form:ready', initClearBtn);\r\n    }\r\n  });\r\n<\/script>\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>\u2728 JOURN\u00c9E DU SAVOIR 2026 \u00ab \u0641\u0631\u062d\u062a\u0647\u0645 \u062a\u0641\u0631\u062d \u0627\u0644\u0642\u0644\u0628 \u00bb Association Tunisienne des Villages d&#8217;Enfants SOS Journ\u00e9e du Savoir 2026 Mardi 1er Septembre 2026 H\u00f4tel Radisson Blu \u0633\u0643\u0627\u0646\u064a \u0648\u062a\u0645\u0646\u0651\u0649 \u2728 Enregistrement de pr\u00e9sence \ud83c\udf93 Veuillez renseigner les informations ci-dessous afin de confirmer votre pr\u00e9sence.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-174368","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sosve.tn\/fr\/wp-json\/wp\/v2\/pages\/174368","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sosve.tn\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sosve.tn\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sosve.tn\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sosve.tn\/fr\/wp-json\/wp\/v2\/comments?post=174368"}],"version-history":[{"count":42,"href":"https:\/\/www.sosve.tn\/fr\/wp-json\/wp\/v2\/pages\/174368\/revisions"}],"predecessor-version":[{"id":174428,"href":"https:\/\/www.sosve.tn\/fr\/wp-json\/wp\/v2\/pages\/174368\/revisions\/174428"}],"wp:attachment":[{"href":"https:\/\/www.sosve.tn\/fr\/wp-json\/wp\/v2\/media?parent=174368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}