1<!DOCTYPE html><html lang="fr" class="dark" style="color-scheme: dark;"><head> 2
2<script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-N9RS6LP9"></script>
2<script> 3 (() => { 4 if (window.location.hostname.toLowerCase() !== 'www.arabeimmersion.fr') { 5 return; 6 } 7 8 const targetUrl = new URL( 9 `${window.location.pathname}${window.location.search}${window.location.hash}`, 10 'https://arabeimmersion.fr' 11 ); 12 13 window.location.replace(targetUrl.toString()); 14 })(); 15 </script>
15 16 <!-- Google tag (gtag.js) -->
vendor: 71 bytes, lines 16-17
16 17 <script async="" src="https://www.googletagmanager.com/gtag/js?id=
17G-MM0DKXM4VC
vendor: 16 bytes, lines 17-18
17"></script> 18
18<script> 19
vendor: 162 bytes, lines 19-24
19window.dataLayer = window.dataLayer || []; 20 function gtag() { 21 dataLayer.push(arguments); 22 } 23 gtag('js', new Date()); 24 gtag('config', '
24G-MM0DKXM4VC
vendor: 8 bytes, lines 24-25
24'); 25
25</script>
25 26 <!-- Google Tag Manager --> 27
27<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 28new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 29j=d.createElement(s),dl=l!=='dataLayer'?'&l='+l:'';j.async=true;j.src= 30'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 31})(window,document,'script','dataLayer','GTM-N9RS6LP9');</script>
31 32 <!-- End Google Tag Manager --> 33 <meta charset="UTF-8"> 34 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 35 <link rel="icon" href="/favicon.ico" type="image/x-icon"> 36 <title>Immersion arabe en ligne gratuite pour francophones | Arabe Immersion</title> 37 <meta name="description" content="Plateforme gratuite d'immersion arabe en ligne pour les adultes francophones : vocabulaire fréquent, répétition espacée et vraies vidéos arabes adaptées à votre niveau, depuis chez vous." /> 38 <meta name="author"> 39 <meta name="robots" content="index,follow,max-image-preview:large" /> 40 <meta name="googlebot" content="index,follow,max-image-preview:large" /> 41 <link rel="preconnect" href="https://fonts.googleapis.com"> 42 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> 43 <link rel="preload" href="/fonts/Lateef-Regular.ttf" as="font" type="font/ttf" crossorigin=""> 44 <link rel="preload" href="/fonts/YakoutLinotypeBold.ttf" as="font" type="font/ttf" crossorigin=""> 45
45<script> 46 (() => { 47 const root = document.documentElement; 48 const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches; 49 let storedTheme = null; 50 51 try { 52 storedTheme = window.localStorage.getItem("theme"); 53 } catch (error) { 54 storedTheme = null; 55 } 56 57 const shouldUseDark = 58 storedTheme === "dark" || (storedTheme !== "light" && prefersDark); 59 60 root.classList.toggle("dark", shouldUseDark); 61 root.style.colorScheme = shouldUseDark ? "dark" : "light"; 62 })(); 63 </script>
63 64
64<script> 65 (() => { 66 const normalizePathname = (pathname) => { 67 if (!pathname || pathname === '/') { 68 return '/'; 69 } 70 71 return pathname.length > 1 && pathname.endsWith('/') 72 ? pathname.slice(0, -1) 73 : pathname; 74 }; 75 76 const pathname = normalizePathname(window.location.pathname); 77 const canonicalPath = 78 pathname === '/' 79 ? '/home' 80 : pathname === '/home' || pathname === '/app/blog' || pathname.startsWith('/app/blog/') 81 ? pathname 82 : null; 83 84 if (!canonicalPath) { 85 return; 86 } 87 88 const canonicalUrl = new URL( 89 canonicalPath === '/' 90 ? canonicalPath 91 : `${canonicalPath.replace(/\/+$/, '')}/`, 92 'https://arabeimmersion.fr/' 93 ).toString(); 94 const ensureHeadTag = (selector, tagName, identityAttribute, identityValue) => { 95 const existingTag = document.head.querySelector(selector); 96 if (existingTag) { 97 return existingTag; 98 } 99 100 const tag = document.createElement(tagName); 101 tag.setAttribute(identityAttribute, identityValue); 102 document.head.appendChild(tag); 103 return tag; 104 }; 105 106 ensureHeadTag('link[rel="canonical"]', 'link', 'rel', 'canonical').setAttribute('href', canonicalUrl); 107 ensureHeadTag('meta[property="og:url"]', 'meta', 'property', 'og:url').setAttribute('content', canonicalUrl); 108 })(); 109 </script>
109 <link rel="canonical" href="https://arabeimmersion.fr/home/" /> <meta property="og:url" content="https://arabeimmersion.fr/home/" /> 110 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Cinzel:wght@400;700&family=Poppins:wght@300;400;500;600&display=swap" media="print" onload="this.media='all'"> 111 <style> 112 @font-face { 113 font-family: 'Lateef'; 114 src: url('/fonts/Lateef-Regular.ttf') format('truetype'); 115 font-weight: 400; 116 font-style: normal; 117 font-display: swap; 118 } 119 120 html, 121 body, 122 #root { 123 min-height: 100%; 124 } 125 126 body { 127 margin: 0; 128 background: #f6f3eb; 129 color: #121117; 130 } 131 132 #root { 133 isolation: isolate; 134 } 135 </style> 136 137 <meta property="og:title" content="Immersion arabe en ligne gratuite pour francophones | Arabe Immersion" /> 138 <meta property="og:description" content="Plateforme gratuite d'immersion arabe en ligne pour les adultes francophones : vocabulaire fréquent, répétition espacée et vraies vidéos arabes adaptées à votre niveau, depuis chez vous." /> 139 <meta property="og:type" content="website" /> 140 <meta property="og:image" content="https://arabeimmersion.fr/images/v2_stamp.png"> 141 <meta property="og:image:secure_url" content="https://arabeimmersion.fr/images/v2_stamp.png"> 142 <meta property="og:image:width" content="2607"> 143 <meta property="og:image:height" content="704"> 144 <meta property="og:image:alt" content="Logo Arabe Immersion"> 145 <meta property="og:locale" content="fr_FR"> 146 <meta property="og:site_name" content="Arabe Immersion"> 147 148 <meta name="twitter:card" content="summary_large_image"> 149 <meta name="twitter:title" content="Immersion arabe en ligne gratuite pour francophones | Arabe Immersion" /> 150 <meta name="twitter:description" content="Plateforme gratuite d'immersion arabe en ligne pour les adultes francophones : vocabulaire fréquent, répétition espacée et vraies vidéos arabes adaptées à votre niveau, depuis chez vous." /> 151 <meta name="twitter:image" content="https://arabeimmersion.fr/images/v2_stamp.png"> 152 <meta name="twitter:image:alt" content="Logo Arabe Immersion"> 153 154
154<script type="application/ld+json"> 155 { 156 "@context": "https://schema.org", 157 "@graph": [ 158 { 159 "@type": "WebSite", 160 "@id": "https://arabeimmersion.fr/#website", 161 "url": "https://arabeimmersion.fr/", 162 "name": "Arabe Immersion", 163 "alternateName": "ArabeImmersion", 164 "description": "Apprends l'arabe par immersion en regardant des vidéos adaptées à ton niveau. 3 mois pour débloquer 80% de l'arabe.", 165 "inLanguage": "fr-FR", 166 "potentialAction": { 167 "@type": "SearchAction", 168 "target": { 169 "@type": "EntryPoint", 170 "urlTemplate": "https://arabeimmersion.fr/app/blog/?q={search_term_string}" 171 }, 172 "query-input": "required name=search_term_string" 173 } 174 }, 175 { 176 "@type": ["Organization", "EducationalOrganization"], 177 "@id": "https://arabeimmersion.fr/#organization", 178 "name": "Arabe Immersion", 179 "url": "https://arabeimmersion.fr/", 180 "email": "[email protected]", 181 "logo": { 182 "@type": "ImageObject", 183 "url": "https://arabeimmersion.fr/images/v2_stamp.png" 184 }, 185 "description": "Apprends l'arabe par immersion en regardant des vidéos adaptées à ton niveau. 3 mois pour débloquer 80% de l'arabe.", 186 "foundingDate": "2024", 187 "sameAs": [ 188 "https://discord.gg/kaW3gZpvK7", 189 "https://chat.whatsapp.com/F7PannOBcZ97h4hHSfmGbI?mode=hqctcli", 190 "https://www.facebook.com/groups/1294817489163460/", 191 "https://www.youtube.com/channel/UC86UsmRzMvwbGAz6kCRpzEQ", 192 "https://www.facebook.com/people/arabeimmersionfr/61588254722398/", 193 "https://www.instagram.com/arabeimmersion/" 194 ] 195 } 196 ] 197 } 198 </script>
198 199
199<script type="module" crossorigin="" src="/assets/index-BZWDAIvp.js"></script>
199 200
200<script type="module">import.meta.url;import("_").catch(()=>1);(async function*(){})().next();window.__vite_is_modern_browser=true</script>
200 201
201<script type="module">!function(){if(window.__vite_is_modern_browser)return;console.warn("vite: loading legacy chunks, syntax error above and the same error below should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}();</script>
201 202 <link rel="modulepreload" as="script" crossorigin="" href="/assets/main-DpRyAu5H.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/vendor-react-core-C4hasaM3.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/vendor-data-B26f488j.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/vendor-router-gHol39aY.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/vendor-motion-aIby1bYs.js"><link rel="stylesheet" crossorigin="" href="/assets/main-BIr7pK66.css"><style type="text/css">:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position="left"]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;
202left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}
202:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);
202--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)} 203</style><link rel="modulepreload" as="script" crossorigin="" href="/assets/LandingConceptPage-DqSDL7Iq.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/fire_1f525-urRBciv3.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/AuthLoginButton-2w3SnCtv.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/PreviewLegalFooter-C38Bf7f3.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/ReviewFilterDropdown-pyAblO1d.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/external-link-BATq7rLN.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/VocabCardS
203hared-CF615yDy.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/vowels_arabic-Drb0PTYg.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/volume-2-CyOnLocl.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/pencil-Dcro4EwF.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/rotate-ccw-CpfF6HdV.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/upload-Ca4u0Bzm.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/download-DBmOB8Pr.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/info-CTI37pw7.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/chevron-down-D3XsJiUq.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/data-ChB78y9V.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/usePretext-DlKWefVY.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/layout-BCXJFz-n.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/arrow-left-CFqEUoQZ.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/index-BZWDAIvp.js">
203<script type="application/ld+json" data-prerender-structured-data>{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://arabeimmersion.fr/home/#webpage","url":"https://arabeimmersion.fr/home/","name":"Immersion arabe en ligne gratuite pour francophones | Arabe Immersion","description":"Plateforme gratuite d'immersion arabe en ligne pour les adultes francophones : vocabulaire fréquent, répétition espacée et vraies vidéos arabes adaptées à votre niveau, depuis chez vous.","inLanguage":"fr-FR","isPartOf":{"@id":"https://arabeimmersion.fr/#website"},"about":{"@id":"https://arabeimmersion.fr/#organization"}}]}</script>
203 204 </head> 205 206 <body><a href="https://arabeimmersion.fr/cdn-cgi/content?id=i1V04TGHWE7rb_poBDlk2sHJeEYLZd5Pbsi5kFAWgIM-1791456820.490956-1.2.1.1-iRcI8oRDGhGUhHSgbExFHt3fgoVHfkd00UCvoivkFDlbjasGwdviCckCJ.yxKn7R" aria-hidden="true" rel="nofollow noopener" style="display: none !important; visibility: hidden !important"></a> 207 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 207-208
207 208 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
208GTM-N9RS6LP9
vendor: 87 bytes, lines 208-210
208" 209height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 210
210<!-- End Google Tag Manager (noscript) --> 211 <noscript> 212 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Cinzel:wght@400;700&family=Poppins:wght@300;400;500;600&display=swap"> 213 </noscript> 214 <div id="root">
214<script>!function(){try{var d=document.documentElement,c=d.classList;c.remove('light','dark');var e=localStorage.getItem('theme');if('system'===e||(!e&&true)){var t='(prefers-color-scheme: dark)',m=window.matchMedia(t);if(m.media!==t||m.matches){d.style.colorScheme = 'dark';c.add('dark')}else{d.style.colorScheme = 'light';c.add('light')}}else if(e){c.add(e|| '')}if(e==='light'||e==='dark')d.style.colorScheme=e}catch(e){}}()</script>
214<div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events: none;"><ol tabindex="-1" class="fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]"></ol></div><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"><link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap" rel="stylesheet"><div lang="fr" class="relative flex min-h-dvh flex-col bg-background text-foreground transition-[background-color,color,border-color] duration-700 ease-out" style="font-family: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;"><header class="shrink-0 pt-4 md:pt-6"><div class="mx-auto flex max-w-[1180px] items-center justify-between px-4 sm:px-6 md:px-8 xl:px-12"><img src="/assets/v2_full2-DIUnr1Jr.png" alt="Arabe Immersion" class="h-7 w-auto sm:h-8"><div class="flex items-center gap-1.5 sm:gap-2.5"><button type="button" aria-label="Choisir la langue" class="inline-flex items-center gap-1 rounded-[8px] px-2.5 py-1.5 text-[12px] font-semibold tracking-[0.06em] text-foreground outline-none transition-colors duration-200 hover:bg-foreground
214/5 focus:outline-none focus-visible:outline-none focus-visible:ring-0 sm:gap-1.5 sm:px-3 sm:py-2 sm:text-[13px]" id="radix-:r0:" aria-haspopup="menu" aria-expanded="false" data-state="closed">FRA<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-3.5 w-3.5" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><a class="inline-flex items-center gap-1.5 rounded-[8px] border border-foreground/20 px-4 py-2 text-[14px] font-semibold text-foreground transition-colors duration-200 hover:bg-foreground/5" href="/auth?mode=login" data-discover="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-log-in h-4 w-4" aria-hidden="true"><path d="m10 17 5-5-5-5"></path><path d="M15 12H3"></path><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path></svg><span>Connexion</span></a></div></div></header><main class="relative z-0 flex flex-1 pt-12 md:min-h-0 md:items-center md:justify-center md:pt-16"><div class="mx-auto flex w-full max-w-[1300px] flex-col gap-8 px-4 pb-8 pt-4 sm:px-6 md:flex-row md:items-center md:gap-16 md:px-8 md:pb-0 md:pt-0 xl:gap-24 xl:px-12"><div class="flex w-full flex-col md:flex-1"><div class="mx-auto w-full max-w-[620px] md:mx-0"><h1 class="font-normal leading-[0.93] text-foreground" style="font-family: OPTIPrescribe, serif; font-size: 52px; max-width: 260px;">L'immersion arabe en ligne,<br>depuis chez vous.</h1><p class="text-muted-foreground" style="margin-top: 16px; font-size: 20px; line-height: 29px; max-width: 260px;">Pour les adultes francophones qui veulent apprendre l'arabe standard gratuitement avec une routine simple : vocabulaire fréquent, révisions espacées et vraies vidéos arabes adaptées à leur niveau.</p><div class="inline-flex w-full flex-col items-center pb-14 sm:w-auto sm:pb-16" style="margin-top: 22px;"><a href="/app" class="inline-flex w-full items-center justify-center rounded-none bg-foreground px-8 py-4 text-[16px] font-semibold text-background transition-opacity duration-200 hover:opacity-88 sm:w-auto sm:px-16 sm:py-[18px] sm:text-[17px] md:px-20">Voir comment ça marche</a></div></div></div><div class="w-full md:w-auto md:shrink-0 md:-mb-28"><div class="mx-auto flex w-full max-w-[460px] items-center justify-center gap-2 md:max-w-none md:gap-3"><div class="hidden w-10 justify-center md:flex"></div><div class="relative h-[550px] w-full overflow-hidden rounded-2xl bg-muted shadow-lg sm:h-[600px] md:h-[690px] md:w-[460px]"><div class="absolute inset-0 overflow-hidden" style="opacity: 1; filter: blur(0px); transform: none;"><div class="relative flex h-full flex-col"><div class="pointer-events-none absolute inset-0 text-foreground/9 dark:text-foreground/4" style="background-image: radial-gradient(currentcolor 0.72px, transparent 0.72px); background-size: 14px 14px;"></div><section class="flex h-full px-10 sm:px-14" aria-label="Chiffres clés"><div class="relative mx-auto h-full w-full max-w-[430px] overflow-hidden py-10"><div class="flex h-full items-center justify-center"><div class="relative z-20 flex w-full flex-col items-center justify-center text-center" style="transform: none;"><p class="text-[6.1rem] leading-[0.78] tabular-nums text-foreground sm:text-[7.4rem]" style="font-family: OPTIPrescribe, serif;">318</p><p class="mt-[-0.45rem] text-[15px] leading-[1.02] tracking-[0.01em] text-muted-foreground sm:text-[18px]" style="font-family: OPTIPrescribe, serif;">mots acquis sur 2 000</p><div class="h-5 sm:h-6"></div><div class="mt-1.5 w-full"><div role="progressbar" class="relative h-3.5 overflow-hidden rounded-full bg-foreground
214/8"><div class="absolute inset-y-0 left-0 rounded-full bg-emerald-500 transition-[width] duration-75 dark:bg-emerald-400" style="width: 15.9%;"></div></div><div class="mt-1 flex items-center justify-between gap-4 text-[10px] leading-none text-muted-foreground sm:text-[11px]"><span class="uppercase tracking-[0.08em]">Débutant</span><span class="text-right">Niveau avancé</span></div></div></div></div></div></section></div></div><div class="pointer-events-none absolute inset-x-0 bottom-0 hidden justify-center pb-3 md:flex"><div class="pointer-events-auto flex gap-1.5"><button type="button" aria-label="Aller au slide 1" class="h-1.5 rounded-full transition-[width,background-color] duration-300 w-4 bg-foreground"></button><button type="button" aria-label="Aller au slide 2" class="h-1.5 rounded-full transition-[width,background-color] duration-300 w-1.5 bg-foreground/25 hover:bg-foreground/40"></button><button type="button" aria-label="Aller au slide 3" class="h-1.5 rounded-full transition-[width,background-color] duration-300 w-1.5 bg-foreground
214/25 hover:bg-foreground/40"></button><button type="button" aria-label="Aller au slide 4" class="h-1.5 rounded-full transition-[width,background-color] duration-300 w-1.5 bg-foreground/25 hover:bg-foreground/40"></button></div></div></div><div class="hidden w-10 justify-center md:flex"><button type="button" aria-label="Slide suivant" class="flex h-10 w-10 items-center justify-center text-foreground/30 transition-colors duration-200 hover:text-foreground/60"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-7 w-7" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div></div><div class="mx-auto mt-3 flex w-full max-w-[460px] items-center justify-between md:hidden"><button type="button" aria-label="Slide précédent" disabled="" class="inline-flex h-10 w-10 items-center justify-center text-foreground/60 disabled:cursor-default disabled:opacity-25"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left h-6 w-6" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg></button><div class="flex items-center gap-2"><button type="button" aria-label="Aller au slide 1" class="h-2 rounded-full transition-[width,background-color] duration-300 w-5 bg-foreground"></button><button type="button" aria-label="Aller au slide 2" class="h-2 rounded-full transition-[width,background-color] duration-300 w-2 bg-foreground
214/25"></button><button type="button" aria-label="Aller au slide 3" class="h-2 rounded-full transition-[width,background-color] duration-300 w-2 bg-foreground/25"></button><button type="button" aria-label="Aller au slide 4" class="h-2 rounded-full transition-[width,background-color] duration-300 w-2 bg-foreground/25"></button></div><button type="button" aria-label="Slide suivant" class="inline-flex h-10 w-10 items-center justify-center text-foreground/60 disabled:cursor-default disabled:opacity-25"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-6 w-6" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div></div></div></main><section id="comment-ca-marche" class="relative z-20 bg-[#121117] px-4 pb-10 pt-20 text-[#f3efe6] dark:bg-[#f1f1ec] dark:text-[#1a1622] sm:px-6 md:px-8 md:pb-14 md:pt-28 xl:px-12"><div class="mx-auto flex w-full max-w-[1180px] flex-col gap-10 md:gap-14"><div class="mt-2 flex flex-col gap-10 md:gap-14"><div class="relative grid gap-5 md:grid-cols-2 md:items-center md:gap-8"><div class="relative z-30 md:order-1 md:pr-6"><p class="text-balance text-[24px] leading-[1.06] text-[#f3efe6] dark:text-[#1a1622] sm:text-[28px] md:text-[32px]" style="font-family: OPTIPrescribe, serif;">La page immersion te propose plusieurs contenus pour choisir quoi regarder selon ton niveau.</p></div><div class="relative z-10 w-full max-w-[620px] md:order-2 md:justify-self-end"><img src="/assets/1-the-immersion-page-with-various-content-to-choose-from-Bf1M5Ws-.png" alt="Page immersion avec plusieurs contenus vidéo" loading="lazy" decoding="async" class="block h-auto w-full"></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 hidden md:block"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.45" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right absolute left-[calc(50%-3rem)] top-1/2 z-20 h-28 w-28 -translate-x-1/2 -translate-y-1/2 text-[#f3efe6]/24 dark:text-[#1a1622]/24 lg:left-[calc(50%-3.5rem)] lg:h-36 lg:w-36" aria-hidden="true" style="filter: drop-shadow(rgba(255, 255, 255, 0.6) 0px 0px 1px) drop-shadow(rgba(0, 0, 0, 0.6) 0px 0px 1px);"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div><div class="relative grid gap-5 md:grid-cols-2 md:items-center md:gap-8"><div class="relative z-30 md:order-2 md:pl-6 md:text-right"><p class="text-balance text-[24px] leading-[1.06] text-[#f3efe6] dark:text-[#1a1622] sm:text-[28px] md:text-[32px]" style="font-family: OPTIPrescribe, serif;">Dans le lecteur, tu peux capturer des mots à apprendre plus tard et obtenir une traduction instantanée au survol.</p></div><div class="relative z-10 w-full max-w-[620px] md:order-1 md:justify-self-start"><img src="/assets/2-the%20video%20immersion%20player%20that%20allows%20to%20pick%20words%20and%20collecte%20to%20learn%20them%20later_%20while%20getting%20translation%20of%20any%20words%20at%20any%20moment%20just%20by%20hovering%20over-CQ0_7Y9t.png" alt="Lecteur immersion avec capture de mots et traduction au survol" loading="lazy" decoding="async" class="block h-auto w-full"></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 hidden md:block"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.45" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-left absolute left-[calc(50%+3rem)] top-1/2 z-20 h-28 w-28 -translate-x-1/2 -translate-y-1/2 text-[#f3efe6]/24 dark:text-[#1a1622]/24 lg:left-[calc(50%+3.5rem)] lg:h-36 lg:w-36" aria-hidden="true" style="filter: drop-shadow(rgba(255, 255, 255, 0.6) 0px 0px 1px) drop-shadow(rgba(0, 0, 0, 0.6) 0px 0px 1px);"><path d="m12 19-7-7 7-7"></path><path d="M19 12H5"></path></svg></div></div><div class="relative grid gap-5 md:grid-cols-2 md:items-center md:gap-8"><div class="relative z-30 md:order-1 md:pr-6"><p class="text-balance text-[24px] leading-[1.06] text-[#f3efe6] dark:text-[#1a1622] sm:text-[28px] md:text-[32px]" style="font-family: OPTIPrescribe, serif;">Tu changes les sous-titres en un clic entre français, arabe et arabe avec voyelles.</p></div><div class="relative z-10 w-full max-w-[620px] md:order-2 md:justify-self-end"><img src="/assets/3-the-subtitles-language-btton-to-easily-switch-between-french-arabic-andarabicwithvowels-C6E30ALM.png" alt="Bouton pour changer facilement la langue des sous-titres" loading="lazy" decoding="async" class="block h-auto w-full"></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 hidden md:block"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.45" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right absolute left-[calc(50%-3rem)] top-1/2 z-20 h-28 w-28 -translate-x-1/2 -translate-y-1/2 text-[#f3efe6]/24 dark:text-[#1a1622]/24 lg:left-[calc(50%-3.5rem)] lg:h-36 lg:w-36" aria-hidden="true" style="filter: drop-shadow(rgba(255, 255, 255, 0.6) 0px 0px 1px) drop-shadow(rgba(0, 0, 0, 0.6) 0px 0px 1px);">
214<path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div><div class="relative grid gap-5 md:grid-cols-2 md:items-center md:gap-8"><div class="relative z-30 md:order-2 md:pl-6 md:text-right"><p class="text-balance text-[24px] leading-[1.06] text-[#f3efe6] dark:text-[#1a1622] sm:text-[28px] md:text-[32px]" style="font-family: OPTIPrescribe, serif;">Le badge de compréhension montre les vidéos où tu comprendras le mieux avec les mots que tu connais déjà .</p></div><div class="relative z-10 w-full max-w-[620px] md:order-1 md:justify-self-start"><img src="/assets/4-comprehension-percentage-badge-to-easyily-spot-where-i-will-hear-words-know-and-understand-the-most-customized-to-my-own-vocbaulary-i-know-DPAHn_bm.png" alt="Badge de compréhension personnalisé selon le vocabulaire connu" loading="lazy" decoding="async" class="block h-auto w-full"></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 hidden md:block"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.45" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-left absolute left-[calc(50%+3rem)] top-1/2 z-20 h-28 w-28 -translate-x-1/2 -translate-y-1/2 text-[#f3efe6]/24 dark:text-[#1a1622]/24 lg:left-[calc(50%+3.5rem)] lg:h-36 lg:w-36" aria-hidden="true" style="filter: drop-shadow(rgba(255, 255, 255, 0.6) 0px 0px 1px) drop-shadow(rgba(0, 0, 0, 0.6) 0px 0px 1px);"><path d="m12 19-7-7 7-7"></path><path d="M19 12H5"></path></svg></div></div><div class="relative grid gap-5 md:grid-cols-2 md:items-center md:gap-8"><div class="relative z-30 md:order-1 md:pr-6"><p class="text-balance text-[24px] leading-[1.06] text-[#f3efe6] dark:text-[#1a1622] sm:text-[28px] md:text-[32px]" style="font-family: OPTIPrescribe, serif;">Le minuteur de 20 minutes t'aide à tenir une routine courte, numérique et durable chaque jour.</p></div><div class="relative z-10 w-full max-w-[620px] md:order-2 md:justify-self-end"><img src="/assets/5-the-20-min-timer-aRje-sff.png" alt="Minuteur de 20 minutes pour la routine quotidienne" loading="lazy" decoding="async" class="block h-auto w-full"></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 hidden md:block"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.45" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right absolute left-[calc(50%-3rem)] top-1/2 z-20 h-28 w-28 -translate-x-1/2 -translate-y-1/2 text-[#f3efe6]/24 dark:text-[#1a1622]/24 lg:left-[calc(50%-3.5rem)] lg:h-36 lg:w-36" aria-hidden="true" style="filter: drop-shadow(rgba(255, 255, 255, 0.6) 0px 0px 1px) drop-shadow(rgba(0, 0, 0, 0.6) 0px 0px 1px);"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div></div></section><section class="bg-background px-4 py-10 text-foreground sm:px-6 md:px-8 md:py-14 xl:px-12"><div class="mx-auto flex w-full max-w-[1180px] flex-col gap-8"><div class="grid gap-8 pt-3 md:grid-cols-[minmax(0,1.05fr)_minmax(0,0.95fr)] md:items-start md:gap-12 md:pt-4"><div class="order-2 md:order-1"><ol class="m-0 flex list-none flex-col gap-4 p-0">
214<li class="flex gap-4 border-b border-foreground/12 pb-4 last:border-b-0 last:pb-0"><div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-full border border-foreground/25 text-[15px] font-semibold text-foreground/80">1</div><div class="min-w-0"><h3 class="text-balance text-[24px] font-normal leading-[0.94] text-foreground sm:text-[29px] md:text-[34px]" style="font-family: OPTIPrescribe, serif;">1. Apprendre le vocabulaire le plus fréquent</h3><p class="mt-3 max-w-[56ch] text-[17px] leading-[1.45] text-muted-foreground sm:text-[18px]">Tu commences par les mots les plus utiles de l'arabe standard pour que l'immersion ne soit plus seulement du bruit.</p></div></li><li class="flex gap-4 border-b border-foreground/12 pb-4 last:border-b-0 last:pb-0"><div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-full border border-foreground/25 text-[15px] font-semibold text-foreground/80">2</div><div class="min-w-0"><h3 class="text-balance text-[24px] font-normal leading-[0.94] text-foreground sm:text-[29px] md:text-[34px]" style="font-family: OPTIPrescribe, serif;">2. Réviser avec la répétition espacée</h3><p class="mt-3 max-w-[56ch] text-[17px] leading-[1.45] text-muted-foreground sm:text-[18px]">Les mots reviennent au bon moment grâce à des revues courtes. Tu consolides ce que tu apprends sans repartir de zéro.</p></div></li>
214<li class="flex gap-4 border-b border-foreground/12 pb-4 last:border-b-0 last:pb-0"><div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-full border border-foreground/25 text-[15px] font-semibold text-foreground/80">3</div><div class="min-w-0"><h3 class="text-balance text-[24px] font-normal leading-[0.94] text-foreground sm:text-[29px] md:text-[34px]" style="font-family: OPTIPrescribe, serif;">3. Regarder de vraies vidéos arabes adaptées</h3><p class="mt-3 max-w-[56ch] text-[17px] leading-[1.45] text-muted-foreground sm:text-[18px]">La plateforme relie ton niveau à des vidéos en arabe standard et t'aide à choisir des contenus que tu peux déjà commencer à suivre.</p></div></li></ol></div><div class="order-1 flex flex-col md:order-2 md:items-end md:text-right"><h2 class="text-balance text-[32px] font-normal leading-[0.93] text-foreground sm:text-[40px] md:text-[48px]" style="font-family: OPTIPrescribe, serif;">Une immersion arabe en ligne gratuite, pensée pour les francophones.</h2><p class="mt-4 max-w-[36rem] text-muted-foreground" style="font-size: 18px; line-height: 23.49px;">Arabe Immersion est une plateforme d'immersion arabe en ligne pour les adultes francophones qui veulent apprendre l'arabe standard depuis chez eux, sans voyage linguistique ni cours en classe.</p><p class="mt-4 max-w-[36rem] text-muted-foreground" style="font-size: 19px; line-height: 24.8px;">Le résultat : une routine gratuite, numérique et tenable, conçue pour apprendre l'arabe depuis chez soi avec 20 minutes par jour.</p></div></div><div class="flex justify-center pt-2"><a href="/app" class="inline-flex w-full items-center justify-center rounded-none bg-foreground px-8 py-4 text-[16px] font-semibold text-background transition-opacity duration-200 hover:opacity-88 sm:w-auto sm:px-16 sm:py-[18px] sm:text-[17px] md:px-20">Commencer gratuitement</a></div></div></section><footer class="shared-footer-muted shrink-0 flex flex-wrap items-center justify-center gap-x-3 gap-y-1 px-4 pb-4 pt-3 text-[11px] leading-relaxed text-foreground/50 dark:text-foreground/45"><a href="/app/clavier-arabe-en-ligne/" class="transition-colors duration-200 hover:text-foreground/70">Clavier arabe en ligne</a><span>·</span><a href="/app/blog/" target="_blank" rel="noreferrer" class="transition-colors duration-200 hover:text-foreground/70">Blog ArabeImmersion</a><span>·</span><button type="button" class="flex items-center gap-1.5 text-[11px] transition-[color,opacity,filter] duration-500 ease-out hover:text-foreground/70"><span class="relative inline-flex h-3 w-3 items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun absolute h-3 w-3 transition-opacity duration-500 ease-out opacity-100" aria-hidden="true"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-moon absolute h-3 w-3 transition-opacity duration-500 ease-out opacity-0" aria-hidden="true"><path d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"></path></svg></span><span>Mode clair</span></button><span>·</span><a href="/cgu" class="transition-colors duration-200 hover:text-foreground/70">CGU</a><span>·</span><a href="/confidentialite" class="transition-colors duration-200 hover:text-foreground/70">Confidentialité</a><span>·</span><a href="/app/contact" class="transition-colors duration-200 hover:text-foreground/70">Contact</a></footer></div></div> 215 216
216<script nomodule="">!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
216 217
217<script nomodule="" crossorigin="" id="vite-legacy-polyfill" src="/assets/polyfills-legacy-BkkZFcDv.js"></script>
217 218
218<script nomodule="" crossorigin="" id="vite-legacy-entry" data-src="/assets/index-legacy-CgzkadFj.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
218 219 220
221<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a4749a681ed972e4',t:'MTc5MTQ1NjgyMA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
221<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"55c15c1694ad453da480b3ccce2f74b3","r":1,"spa":2}' crossorigin="anonymous"></script>
221 222</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.