Open ThatOneGuyWhoLoveCode opened 4 months ago
MartinPELCAT
commented
4 months ago Plus de détail ?? Je viens de tester et ça marche. Est ce que tu es sur le site projet-voltaire.fr et il y a une phrase sur la page ? Du genre ici https://www.projet-voltaire.fr/voltaire/com.woonoz.gwt.woonoz.Voltaire/Voltaire.html?articleId=53&applicationCode=pv&returnUrl=www.projet-voltaire.fr/offres/particuliers/
ThatOneGuyWhoLoveCode
commented
4 months ago bah voila
sa met sa
MartinPELCAT
commented
4 months ago C'est fix dans la dernière version de l'extension. L'extension va s'ouvrir mais je ne suis pas sur que l'extension va détecter la phrase vu que c'est pas la même version que le mode examen sur le screenshot
ThatOneGuyWhoLoveCode
commented
4 months ago ah ok merci, c bien car sa fait plus de 4 ans que sa existe et tu est toujours actif dessus !!
ThatOneGuyWhoLoveCode
commented
4 months ago t'es un goat
ThatOneGuyWhoLoveCode
commented
4 months ago maintenant sa fais un carré gris :skull:
MartinPELCAT
commented
4 months ago Ouai il arrive pas à trouver la phrase car c'est pas le même mode que le mode examen, il faudrait que j'ai accès à cette page là pour corriger
MartinPELCAT
commented
4 months ago So t'arrive à copier coller le code HTML de la page en faisant inspecter l'élément, je peux peut être ajouter le sélecteur à l'extension
ThatOneGuyWhoLoveCode
commented
4 months ago ok je le ferais demain
ThatOneGuyWhoLoveCode
commented
4 months ago bah jsp comment donner le code html donc tien le lien du truc : https://apprentissage.appli1.projet-voltaire.fr/levels
ThatOneGuyWhoLoveCode
commented
4 months ago ah enfaite sa marche pas le lien
ThatOneGuyWhoLoveCode
commented
4 months ago j'ai sa mais je sais pas si sa va marche car la je te donne l'accès a tout les niveaux directement et pas un niveau un par un
<!DOCTYPE html>
<html lang="fr" translate="no">
<head>
<meta charset="utf-8" />
<meta httpequiv="X-UA-Compatible" content="IE=edge" />
<meta
name="viewport"
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1.00001,viewport-fit=cover"
/>
<title>Projet Voltaire</title>
<script
type="text/javascript"
src="https://pre2.projet-voltaire.fr/amw/deploy-voltaire-production.js"
></script>
<script>
const getDeviceType = () => {
const e = navigator.userAgent;
return /(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(e)
? "tablet"
: /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(
e
)
? "mobile"
: "desktop";
},
listener = () => {
const e =
"mobile" === getDeviceType() &&
window.screen.height - 300 > window.visualViewport.height,
i = document.getElementById("amw");
i &&
((i.style.visibility = e ? "hidden" : "visible"),
(i.style.display = e ? "none" : "block"));
};
window.addEventListener("resize", listener);
</script>
<style>
#root,
body,
html {
width: 100%;
-webkit-overflow-scrolling: touch;
margin: 0;
padding: 0;
min-height: 100%;
flex-shrink: 0;
flex-basis: auto;
flex-grow: 1;
display: flex;
flex: 1;
}
html {
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
height: calc(100% + env(safe-area-inset-top));
}
body {
touch-action: none;
display: flex;
overflow-y: hidden;
overscroll-behavior-y: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-ms-overflow-style: scrollbar;
}
</style>
<link
rel="manifest"
href="[/manifest.json](https://apprentissage.appli1.projet-voltaire.fr/manifest.json)"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="[/favicon-16.png](https://apprentissage.appli1.projet-voltaire.fr/favicon-16.png)"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="[/favicon-32.png](https://apprentissage.appli1.projet-voltaire.fr/favicon-32.png)"
/>
<link
rel="shortcut icon"
href="[/favicon.ico](https://apprentissage.appli1.projet-voltaire.fr/favicon.ico)"
/>
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-touch-fullscreen" content="yes" />
<meta name="apple-mobile-web-app-title" content="Projet Voltaire" />
<meta
name="apple-mobile-web-app-status-bar-style"
content="black-translucent"
/>
<link
rel="apple-touch-icon"
sizes="180x180"
href="[/pwa/apple-touch-icon/apple-touch-icon-180.png](https://apprentissage.appli1.projet-voltaire.fr/pwa/apple-touch-icon/apple-touch-icon-180.png)"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
href="[/pwa/apple-touch-startup-image/apple-touch-startup-image-640x1136.png](https://apprentissage.appli1.projet-voltaire.fr/pwa/apple-touch-startup-image/apple-touch-startup-image-640x1136.png)"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
href="[/pwa/apple-touch-startup-image/apple-touch-startup-image-1242x2688.png](https://apprentissage.appli1.projet-voltaire.fr/pwa/apple-touch-startup-image/apple-touch-startup-image-1242x2688.png)"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
href="[/pwa/apple-touch-startup-image/apple-touch-startup-image-828x1792.png](https://apprentissage.appli1.projet-voltaire.fr/pwa/apple-touch-startup-image/apple-touch-startup-image-828x1792.png)"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
href="[/pwa/apple-touch-startup-image/apple-touch-startup-image-1125x2436.png](https://apprentissage.appli1.projet-voltaire.fr/pwa/apple-touch-startup-image/apple-touch-startup-image-1125x2436.png)"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
href="[/pwa/apple-touch-startup-image/apple-touch-startup-image-1242x2208.png](https://apprentissage.appli1.projet-voltaire.fr/pwa/apple-touch-startup-image/apple-touch-startup-image-1242x2208.png)"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
href="[/pwa/apple-touch-startup-image/apple-touch-startup-image-750x1334.png](https://apprentissage.appli1.projet-voltaire.fr/pwa/apple-touch-startup-image/apple-touch-startup-image-750x1334.png)"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
href="[/pwa/apple-touch-startup-image/apple-touch-startup-image-2048x2732.png](https://apprentissage.appli1.projet-voltaire.fr/pwa/apple-touch-startup-image/apple-touch-startup-image-2048x2732.png)"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
href="[/pwa/apple-touch-startup-image/apple-touch-startup-image-1668x2388.png](https://apprentissage.appli1.projet-voltaire.fr/pwa/apple-touch-startup-image/apple-touch-startup-image-1668x2388.png)"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
href="[/pwa/apple-touch-startup-image/apple-touch-startup-image-1668x2224.png](https://apprentissage.appli1.projet-voltaire.fr/pwa/apple-touch-startup-image/apple-touch-startup-image-1668x2224.png)"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
href="[/pwa/apple-touch-startup-image/apple-touch-startup-image-1536x2048.png](https://apprentissage.appli1.projet-voltaire.fr/pwa/apple-touch-startup-image/apple-touch-startup-image-1536x2048.png)"
/>
<script
defer="defer"
src="[/static/js/956.d317b142.js](https://apprentissage.appli1.projet-voltaire.fr/static/js/956.d317b142.js)"
></script>
<script
defer="defer"
src="[/static/js/main.1d01e3ba.js](https://apprentissage.appli1.projet-voltaire.fr/static/js/main.1d01e3ba.js)"
></script>
</head>
<body>
<noscript
><form
action=""
style="
background-color: #fff;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
"
>
<div
style="
font-size: 18px;
font-family: Helvetica, sans-serif;
line-height: 24px;
margin: 10%;
width: 80%;
"
>
<p>
Oh non ! Il semblerait que JavaScript ne soit pas activé pour votre
navigateur.
</p>
<p style="margin: 20px 0">
<button
type="submit"
style="
background-color: #4630eb;
border-radius: 100px;
border: none;
box-shadow: none;
color: #fff;
cursor: pointer;
font-weight: 700;
line-height: 20px;
padding: 6px 16px;
"
>
Reload
</button>
</p>
</div>
</form></noscript
>
<div id="root"></div>
</body>
</html>
Met toi sur un exercice ou il y a une phrase Ensuite click droit "inspecter l'element" Ensuite tu te met sur "Elements" pour voir le code et ensuite tu copy le code.
ThatOneGuyWhoLoveCode
commented
4 months ago voila
<html lang="fr" translate="no">
<head>
<style id="react-native-stylesheet"></style>
<meta charset="utf-8" />
<meta httpequiv="X-UA-Compatible" content="IE=edge" />
<meta
name="viewport"
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1.00001,viewport-fit=cover"
/>
<title>Projet Voltaire v1.37.0</title>
<script
type="text/javascript"
src="https://pre2.projet-voltaire.fr/amw/deploy-voltaire-production.js"
></script>
<script>
const getDeviceType = () => {
const e = navigator.userAgent;
return /(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(e)
? "tablet"
: /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(
e
)
? "mobile"
: "desktop";
},
listener = () => {
const e =
"mobile" === getDeviceType() &&
window.screen.height - 300 > window.visualViewport.height,
i = document.getElementById("amw");
i &&
((i.style.visibility = e ? "hidden" : "visible"),
(i.style.display = e ? "none" : "block"));
};
window.addEventListener("resize", listener);
</script>
<style>
#root,
body,
html {
width: 100%;
-webkit-overflow-scrolling: touch;
margin: 0;
padding: 0;
min-height: 100%;
flex-shrink: 0;
flex-basis: auto;
flex-grow: 1;
display: flex;
flex: 1;
}
html {
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
height: calc(100% + env(safe-area-inset-top));
}
body {
touch-action: none;
display: flex;
overflow-y: hidden;
overscroll-behavior-y: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-ms-overflow-style: scrollbar;
}
</style>
<link rel="manifest" href="/manifest.json" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png" />
<link rel="shortcut icon" href="/favicon.ico" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-touch-fullscreen" content="yes" />
<meta name="apple-mobile-web-app-title" content="Projet Voltaire" />
<meta
name="apple-mobile-web-app-status-bar-style"
content="black-translucent"
/>
<link
rel="apple-touch-icon"
sizes="180x180"
href="/pwa/apple-touch-icon/apple-touch-icon-180.png"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
href="/pwa/apple-touch-startup-image/apple-touch-startup-image-640x1136.png"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
href="/pwa/apple-touch-startup-image/apple-touch-startup-image-1242x2688.png"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
href="/pwa/apple-touch-startup-image/apple-touch-startup-image-828x1792.png"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
href="/pwa/apple-touch-startup-image/apple-touch-startup-image-1125x2436.png"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
href="/pwa/apple-touch-startup-image/apple-touch-startup-image-1242x2208.png"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
href="/pwa/apple-touch-startup-image/apple-touch-startup-image-750x1334.png"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
href="/pwa/apple-touch-startup-image/apple-touch-startup-image-2048x2732.png"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
href="/pwa/apple-touch-startup-image/apple-touch-startup-image-1668x2388.png"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
href="/pwa/apple-touch-startup-image/apple-touch-startup-image-1668x2224.png"
/>
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
href="/pwa/apple-touch-startup-image/apple-touch-startup-image-1536x2048.png"
/>
<script defer="defer" src="/static/js/956.d317b142.js"></script>
<script defer="defer" src="/static/js/main.1d01e3ba.js"></script>
<style type="text/css">
.amw-logo-button {
display: inline-block;
cursor: pointer;
position: fixed;
bottom: 80px;
right: 10px;
display: flex;
flex-direction: column;
max-width: 100px;
text-align: center;
justify-content: center;
align-items: center;
font-weight: 700;
z-index: 999999999;
height: 50px;
box-sizing: border-box;
padding: 0;
margin: 0;
}
#logo-amw {
width: 50px;
}
.img-logo [img] {
box-shadow: 0 2px 4px rgba(16, 16, 41, 0.556);
}
.background-logo {
display: none;
position: absolute;
width: auto;
right: -10px;
font-family: Helvetica, sans-serif;
font-size: 16px;
text-align: left;
letter-spacing: 2px;
color: #fff;
background-color: #122b42;
box-shadow: 0 0 6px rgba(16, 16, 41, 0.4);
border-radius: 4px;
padding: 20px 80px 20px 12px;
z-index: -1;
}
.background-logo [class^="iconmoon-"] {
font-size: 30px;
}
.amw-logo-button-launcher:hover > .background-logo {
display: flex;
}
#logo-amw.loading-amw:before,
#logo-amw.loading-amw:after,
#loader-1-amw.loading-amw:before,
#loader-1-amw.loading-amw:after,
.amw-logo-button.loading-amw:before,
.amw-logo-button.loading-amw:after {
content: "";
position: absolute;
top: -10px;
left: -10px;
width: 100%;
height: 100%;
border-radius: 100%;
border: 10px solid transparent;
border-top-color: #3498db;
box-sizing: content-box;
}
#loader-1-amw.loading-amw:before,
.amw-logo-button.loading-amw:before,
#logo-amw.loading-amw:before {
z-index: 100;
animation: spin 1s infinite;
}
#loader-1-amw.loading-amw:after,
.amw-logo-button.loading-amw:after,
#logo-amw.loading-amw:before {
border: 10px solid #ccc;
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
</style>
<style id="expo-generated-fonts" type="text/css">
@font-face {
font-family: Montserrat-Black;
src: url(/static/media/Montserrat-Black.08437fd0aa82576d3678.ttf);
font-display: auto;
}
@font-face {
font-family: Montserrat-SemiBold;
src: url(/static/media/Montserrat-SemiBold.d5e0cc788cba9ced1fb9.ttf);
font-display: auto;
}
@font-face {
font-family: Montserrat-Regular;
src: url(/static/media/Montserrat-Regular.ceb11275ab638627a643.ttf);
font-display: auto;
}
@font-face {
font-family: Montserrat-Italic;
src: url(/static/media/Montserrat-Italic.58b98b5c47cf787cd97a.ttf);
font-display: auto;
}
@font-face {
font-family: Montserrat-MediumItalic;
src: url(/static/media/Montserrat-MediumItalic.5ff27e67ac51fbf02d3f.ttf);
font-display: auto;
}
@font-face {
font-family: Montserrat-Light;
src: url(/static/media/Montserrat-Light.6fcc9263a21be961d246.ttf);
font-display: auto;
}
@font-face {
font-family: Roboto-Medium;
src: url(/static/media/Roboto-Medium.7429a63c09f79a1760b0.ttf);
font-display: auto;
}
@font-face {
font-family: Roboto-Bold;
src: url(/static/media/Roboto-Bold.f80816a5455d171f948d.ttf);
font-display: auto;
}
</style>
</head>
<body>
<noscript
><form
action=""
style="
background-color: #fff;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
"
>
<div
style="
font-size: 18px;
font-family: Helvetica, sans-serif;
line-height: 24px;
margin: 10%;
width: 80%;
"
>
<p>
Oh non ! Il semblerait que JavaScript ne soit pas activé pour votre
navigateur.
</p>
<p style="margin: 20px 0">
<button
type="submit"
style="
background-color: #4630eb;
border-radius: 100px;
border: none;
box-shadow: none;
color: #fff;
cursor: pointer;
font-weight: 700;
line-height: 20px;
padding: 6px 16px;
"
>
Reload
</button>
</p>
</div>
</form></noscript
>
<div id="root">
<div class="css-175oi2r r-13awgt0">
<div class="css-175oi2r" style="flex: 1 1 0%">
<div class="css-175oi2r r-13awgt0">
<div class="css-175oi2r r-13awgt0">
<div class="css-175oi2r r-13awgt0 r-12vffkv">
<div class="css-175oi2r r-n1h2e2 r-13awgt0">
<div
class="css-175oi2r r-16y2uox r-pm9dpa"
style="padding: 0px"
>
<div class="css-175oi2r r-13awgt0">
<div class="css-175oi2r r-13awgt0">
<div class="css-175oi2r r-13awgt0">
<div class="css-175oi2r r-13awgt0">
<div
class="css-175oi2r"
style="
flex: 1 1 0%;
background-color: rgb(18, 18, 18);
"
>
<div class="css-175oi2r r-13awgt0">
<div
class="css-175oi2r r-1p0dtai r-1d2f490 r-u8s1d r-zchlnj r-ipm5af r-12vffkv"
style="display: none"
>
<div
class="css-175oi2r"
style="opacity: 1"
></div>
<div
class="css-175oi2r r-1p0dtai r-1d2f490 r-u8s1d r-zchlnj r-ipm5af r-12vffkv"
style="display: none; overflow: hidden"
>
<div
class="css-175oi2r r-1p0dtai r-1d2f490 r-u8s1d r-zchlnj r-ipm5af r-12vffkv"
></div>
<div
class="css-175oi2r r-13awgt0 r-12vffkv"
>
<div class="css-175oi2r r-13awgt0">
<div
class="css-175oi2r r-2llsf r-12vffkv"
style="
background-color: rgb(18, 18, 18);
"
>
<div
class="css-175oi2r r-13awgt0 r-1d5kdc7"
>
<div class="css-175oi2r r-13awgt0">
<div
class="css-175oi2r r-1p0dtai r-1d2f490 r-u8s1d r-zchlnj r-ipm5af r-1pi2tsx"
>
<div
tabindex="-1"
class="css-175oi2r r-150rngu r-eqz5dr r-16y2uox r-1wbh5a2 r-11yh6sk r-1rnoaur r-agouwx"
>
<div
class="css-175oi2r r-1kihuf0 r-5hg35f r-11rk87y r-3pj75a r-oejqat r-13qz1uu"
>
<div
class="css-175oi2r r-1awozwy r-1h0z5md r-16lk18l r-11c0sde"
>
<div
dir="auto"
class="css-146c3p1 r-1xpp3t0 r-xd6kpl r-q4m81j r-1xnzce8"
style="
color: rgb(
200,
200,
200
);
font-size: 16px;
font-family: Montserrat-Regular;
"
>
Parcours auto-adaptatif
collège - Éval. initiale
40 min - Option Pont
Supérieur
</div>
<h2
dir="auto"
aria-level="2"
role="heading"
class="css-146c3p1 r-q4m81j r-1xnzce8"
style="
color: rgb(
255,
255,
255
);
font-size: 24px;
font-family: Montserrat-SemiBold;
"
>
Les Fondamentaux
</h2>
<div
dir="auto"
class="css-146c3p1 r-xd6kpl r-95jzfe r-1xnzce8"
style="
color: rgb(
200,
200,
200
);
font-size: 16px;
font-family: Montserrat-Regular;
"
>
17 %
</div>
<div class="css-175oi2r">
<div
role="progressbar"
tabindex="-1"
class="css-175oi2r r-1pi2tsx r-13qz1uu"
>
<div
class="css-175oi2r r-1udh08x r-1kihuf0 r-lfnkf6 r-1xfd6ze r-3da1kt r-b8lwoo"
style="opacity: 1"
></div>
</div>
</div>
<div
dir="auto"
class="css-146c3p1 r-qn3fzs r-tskmnb r-1xnzce8"
style="
font-size: 12px;
font-family: Montserrat-Regular;
color: rgb(
200,
200,
200
);
"
>
Niveau 4
</div>
<div
class="css-175oi2r r-1phboty r-1q8sk3r r-1tw7wh r-1yadl64"
style="
background-color: rgb(
223,
251,
107
);
border-color: rgba(
0,
0,
0,
0
);
box-shadow: rgba(
0,
0,
0,
0.24
)
0px 0.75px 1.5px;
"
>
<button
aria-label="Continuer"
role="button"
tabindex="0"
class="css-175oi2r r-1otgn73 r-1loqt21 r-bnwqim r-ctqt5z r-1udh08x"
data-testid="button"
type="button"
style="
border-radius: 50px;
"
>
<div
class="css-175oi2r r-1awozwy r-1777fci r-1qfr5kh r-1euycsn r-edyy15"
>
<div
class="css-175oi2r r-cnkkqs r-1b7u577"
data-testid="button-icon-container"
>
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
>
<path
d="M8.5 5.5v14l11-7-11-7Z"
fill="#121212"
></path>
</svg>
</div>
<div
dir="auto"
class="css-146c3p1 r-dnmrzs r-1udh08x r-1udbk01 r-3s2u2q r-1iln25a r-15a3drq r-1xpp3t0 r-q4m81j r-tsynxw r-lrvibr"
data-testid="button-text"
style="
direction: ltr;
font-size: 14px;
font-family: Roboto-Medium;
letter-spacing: 0px;
color: rgb(
18,
18,
18
);
"
>
Continuer
</div>
</div>
</button>
</div>
</div>
<ul
role="list"
class="css-175oi2r"
>
<li
aria-label="Niveau 1"
role="listitem"
data-level-id="3386398"
class="css-175oi2r r-18u37iz r-1wtj0ep"
>
<div
tabindex="0"
class="css-175oi2r r-1otgn73 r-1loqt21 r-bnwqim r-ctqt5z r-edyy15 r-1777fci r-13qz1uu r-n1h2e2 r-xl6kxl r-1867qdf r-rs99b7 r-13awgt0 r-bx70bn"
>
<div
class="css-175oi2r r-18u37iz r-13qz1uu"
>
<div
class="css-175oi2r r-1777fci r-is05cd"
>
<svg
width="56"
height="56"
viewBox="0 0 56 56"
fill="none"
>
<g
clip-path="url(#clip0_4222_239989)"
>
<rect
width="56"
height="56"
rx="8"
fill="#F0FEB4"
></rect>
<path
d="M-35.079 19.954c6.66 4.885 14.79 7.366 22.872 8.114 8.078.85 16.401.177 24.361-1.729 3.931-1.005 7.869-2.214 11.427-4.148 1.73-.969 3.462-2.039 4.706-3.531.62-.695.945-1.501.869-2.319-.076-.818-.455-1.542-1.24-2.075-1.472-.96-3.468-1.122-5.377-.872-1.908.25-3.73 1.011-5.363 2.085-1.632 1.073-3.074 2.457-4.121 4.057-1.048 1.6-1.705 3.518-1.962 5.447a19.586 19.586 0 00.126 5.916c.343 1.946.989 3.8 2.043 5.36 1.055 1.56 2.521 2.725 4.3 3.49 1.678.763 3.668 1.128 5.564 1.286 3.892.318 7.912-.277 11.837-1.079a117.913 117.913 0 0011.703-3.325c7.68-2.628 15.276-5.768 22.781-9.216 3.752-1.724 7.405-3.452 11.063-5.383 3.656-1.829 7.314-3.76 10.973-5.69l.2.006-.007.203c-3.47 2.344-6.934 4.485-10.499 6.622a371.452 371.452 0 01-10.881 6c-3.659 1.93-7.411 3.655-11.164 5.379-3.752 1.724-7.601 3.344-11.541 4.655-3.94 1.31-7.881 2.622-12.006 3.418-4.125.795-8.345 1.385-12.634.953-2.096-.164-4.283-.636-6.355-1.614a13.376 13.376 0 01-5.175-4.332c-1.245-1.871-1.979-4.136-2.316-6.286-.337-2.15-.37-4.394-.005-6.626.366-2.231 1.129-4.35 2.382-6.147 1.257-1.9 2.901-3.38 4.736-4.55a14.54 14.54 0 016.067-2.165c1.105-.172 2.205-.14 3.301-.005 1.097.134 2.187.472 3.166 1.214.49.32.875.841 1.26 1.363.285.518.464 1.236.546 1.85.06 1.327-.575 2.532-1.201 3.43-1.454 1.793-3.286 2.86-5.215 3.822-3.759 1.928-7.796 3.134-11.824 4.035-8.057 1.802-16.474 2.267-24.65 1.313-8.175-.954-16.302-3.538-22.955-8.627-.1-.003-.097-.104.006-.203.102-.1.202-.096.202-.096zM73.524.09c-4.498 3.793-9.492 6.949-15.063 9.237-2.827 1.029-5.856 1.923-9.057 2.219-1.666.126-3.343.113-5.17-.22-1.83-.334-3.88-1.08-5.808-2.8-1.927-1.72-3.142-4.288-3.494-6.503-.352-2.215-.095-4.025.234-5.745.788-3.395 2.398-6.112 4.22-8.556 1.894-2.353 4.062-4.48 6.453-6.194 2.32-1.806 4.923-3.247 7.668-4.506.061-.048.132.043.203.135.071.09.01.138.01.138-4.497 3.794-8.792 7.723-12.183 12.56-.815 1.22-1.63 2.44-2.374 3.75-.744 1.311-1.356 2.666-1.765 4.156-.409 1.49-.686 3.023-.434 4.73.18 1.617.949 3.36 2.257 4.538 1.248 1.225 2.974 1.93 4.61 2.268 1.634.337 3.25.398 4.855.319 3.15-.11 6.19-.865 9.025-1.756 5.734-1.828 10.94-4.71 15.66-8.092.062-.047.133.044.133.044l.02.277zM-.89 44.505c2.513 1.41 4.895 3.003 7.329 4.392 2.408 1.491 4.842 2.88 7.408 4.083 2.486 1.183 5.21 1.77 7.748 2.418 2.645.566 5.368.824 8.196.999.08.02.08.02.133.143-.027.103-.027.103-.106.083-2.853 1.242-5.839 1.684-8.747 1.489-2.882-.298-5.58-1.645-8.093-3.054-2.514-1.409-4.869-3.106-7.198-4.905l-6.802-5.462c-.08-.02-.053-.123-.027-.226-.026.103.08.02.159.04z"
fill="#71AD00"
></path>
</g>
<rect
x="0.5"
y="0.5"
width="55"
height="55"
rx="7.5"
stroke="#050628"
stroke-opacity="0.16"
></rect>
<defs>
<clipPath
id="clip0_4222_239989"
>
<rect
width="56"
height="56"
rx="8"
fill="#fff"
></rect>
</clipPath>
</defs>
</svg>
</div>
<div
class="css-175oi2r r-ws14 r-1m04atk r-16y2uox r-1wbh5a2 r-1777fci"
>
<div
dir="auto"
class="css-146c3p1 r-8akbws r-krxsd3 r-dnmrzs r-1udh08x r-1udbk01 r-fdjqy7 r-lrvibr"
style="
-webkit-line-clamp: 4;
direction: ltr;
color: rgb(
255,
255,
255
);
font-size: 20px;
font-family: Montserrat-SemiBold;
"
>
Niveau 1
</div>
<div
class="css-175oi2r"
>
<div
dir="auto"
class="css-146c3p1 r-8akbws r-krxsd3 r-dnmrzs r-1udh08x r-1udbk01 r-1xnzce8"
style="
-webkit-line-clamp: 2;
color: rgb(
200,
200,
200
);
font-size: 16px;
font-family: Montserrat-Regular;
"
>
Les caprices
du C
</div>
</div>
</div>
<div
class="css-175oi2r r-1777fci"
>
<div
tabindex="0"
class="css-175oi2r r-1loqt21 r-1otgn73 r-1777fci"
>
<div
tabindex="0"
class="css-175oi2r r-1otgn73 r-7q8q6z"
>
<div
class="css-175oi2r r-1awozwy r-is05cd r-gaci75 r-1mkv55d"
>
<div
class="css-175oi2r"
>
<svg
width="32"
height="32"
>
<g
rotation="0"
transform-origin="16 16"
transform="rotate(0)"
>
<path
d="M 15.991517700393416 2.500002664793101 A 13.5 13.5 0 1 0 16 2.5"
stroke="#5B5858"
stroke-width="5"
stroke-linecap="butt"
fill="transparent"
></path>
<path
d="M 15.991517700393416 2.500002664793101 A 13.5 13.5 0 1 0 16 2.5"
stroke="#BEED29"
stroke-width="5"
stroke-linecap="butt"
fill="transparent"
></path>
</g>
</svg>
<div
class="css-175oi2r"
style="
position: absolute;
left: 5px;
top: 5px;
width: 22px;
height: 22px;
border-radius: 11px;
align-items: center;
justify-content: center;
overflow: hidden;
"
>
<svg
width="22"
height="22"
viewBox="0 0 22 22"
fill="none"
>
<path
d="M8.3 14.753 4.547 11l-1.278 1.269L8.3 17.3 19.1 6.5l-1.269-1.269L8.3 14.753Z"
fill="#BEED29"
></path>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li
aria-label="Niveau 2"
role="listitem"
data-level-id="3386399"
class="css-175oi2r r-18u37iz r-1wtj0ep"
>
<div
tabindex="0"
class="css-175oi2r r-1otgn73 r-1loqt21 r-bnwqim r-ctqt5z r-edyy15 r-1777fci r-13qz1uu r-n1h2e2 r-xl6kxl r-1867qdf r-rs99b7 r-13awgt0 r-bx70bn"
>
<div
class="css-175oi2r r-18u37iz r-13qz1uu"
>
<div
class="css-175oi2r r-1777fci r-is05cd"
>
<svg
width="56"
height="56"
viewBox="0 0 56 56"
fill="none"
>
<g
clip-path="url(#clip0_4222_239990)"
>
<rect
width="56"
height="56"
rx="8"
fill="#D5E9A4"
></rect>
<path
d="M55.555 60.06c-1.494-8.122-5.707-15.506-11.075-21.593-5.295-6.16-11.813-11.38-18.912-15.454-3.55-1.965-7.244-3.786-11.16-4.82-1.922-.482-3.917-.892-5.846-.66-.929.08-1.717.445-2.223 1.092-.505.647-.727 1.434-.522 2.36.413 1.71 1.755 3.195 3.315 4.323 1.56 1.127 3.408 1.824 5.332 2.163 1.924.338 3.923.32 5.783-.126 1.86-.446 3.652-1.39 5.163-2.618a19.587 19.587 0 003.966-4.39c1.086-1.652 1.888-3.444 2.19-5.302.304-1.859.036-3.712-.733-5.489-.698-1.706-1.896-3.337-3.167-4.752-2.614-2.902-5.947-5.226-9.353-7.336-3.478-2.037-7.1-3.93-10.796-5.608-7.391-3.357-15.072-6.283-22.898-8.922-3.913-1.32-7.756-2.568-11.742-3.673-3.914-1.177-7.9-2.281-11.887-3.386l-.142-.141.144-.145c4.134.676 8.123 1.495 12.183 2.385 3.987.962 8.046 1.994 12.032 3.099 3.987 1.105 7.9 2.424 11.813 3.744 3.913 1.32 7.825 2.781 11.591 4.53 3.767 1.75 7.533 3.499 11.08 5.75 3.548 2.25 7.022 4.716 9.847 7.972 1.413 1.557 2.68 3.401 3.516 5.534.837 2.134 1.101 4.415.794 6.702-.377 2.216-1.397 4.367-2.627 6.162-1.23 1.796-2.744 3.452-4.541 4.825-1.797 1.372-3.805 2.39-5.95 2.839-2.218.52-4.43.47-6.567.061a14.537 14.537 0 01-5.9-2.585c-.922-.634-1.7-1.412-2.405-2.262-.706-.85-1.268-1.844-1.47-3.055-.138-.57-.06-1.213.017-1.856.148-.572.51-1.218.872-1.72.866-1.008 2.155-1.448 3.227-1.673 2.287-.306 4.353.174 6.417.797 4.057 1.175 7.822 3.067 11.37 5.175 7.098 4.216 13.542 9.651 18.836 15.954 5.294 6.303 9.435 13.758 10.786 22.024.07.071-.002.143-.144.144-.143.002-.214-.069-.214-.069z"
fill="#71AD00"
></path>
<path
d="M3.127 52.837c2.506-4.003 5.903-7.364 10.408-9.846 2.362-1.124 5.015-2.115 8.195-2.495a22.266 22.266 0 015.542.103c2.108.3 4.688 1.017 7.706 2.738 3.017 1.721 5.78 4.33 7.434 6.597 1.654 2.266 2.436 4.132 3.091 5.906 1.146 3.506 1.038 6.336.549 8.89-.617 2.461-1.652 4.697-3.16 6.515-1.38 1.91-3.27 3.453-5.413 4.81-.036.051-.163-.04-.29-.133-.128-.092-.092-.142-.092-.142 2.506-4.004 4.722-8.141 5.465-13.19.145-1.272.29-2.545.308-3.91a14.787 14.787 0 00-.566-4.31c-.436-1.54-1.036-3.12-2.29-4.87-1.128-1.655-2.946-3.428-5-4.606-2.017-1.229-4.234-1.913-6.142-2.22a22.366 22.366 0 00-5.27-.213c-3.234.188-5.978 1.036-8.43 2.018-4.943 2.014-8.72 5.099-11.7 8.684-.036.05-.163-.041-.163-.041l-.182-.285zM38.031-4.84c1.686 3.171 3.147 6.394 4.767 9.486 1.54 3.157 3.16 6.249 5.005 9.289 1.778 2.96 4.1 5.607 6.21 8.16 2.254 2.566 4.748 4.935 7.386 7.32.066.079.066.079.053.224-.08.066-.08.066-.146-.014-3.407-1.211-6.522-3.201-9.227-5.665-2.625-2.529-4.522-5.794-6.208-8.966-1.685-3.171-3.067-6.46-4.37-9.814L37.808-4.79c-.066-.08.013-.145.092-.211-.079.066.066.08.132.16z"
fill="#71AD00"
></path>
</g>
<rect
x="0.5"
y="0.5"
width="55"
height="55"
rx="7.5"
stroke="#050628"
stroke-opacity="0.16"
></rect>
<defs>
<clipPath
id="clip0_4222_239990"
>
<rect
width="56"
height="56"
rx="8"
fill="#fff"
></rect>
</clipPath>
</defs>
</svg>
</div>
<div
class="css-175oi2r r-ws14 r-1m04atk r-16y2uox r-1wbh5a2 r-1777fci"
>
<div
dir="auto"
class="css-146c3p1 r-8akbws r-krxsd3 r-dnmrzs r-1udh08x r-1udbk01 r-fdjqy7 r-lrvibr"
style="
-webkit-line-clamp: 4;
direction: ltr;
color: rgb(
255,
255,
255
);
font-size: 20px;
font-family: Montserrat-SemiBold;
"
>
Niveau 2
</div>
<div
class="css-175oi2r"
>
<div
dir="auto"
class="css-146c3p1 r-8akbws r-krxsd3 r-dnmrzs r-1udh08x r-1udbk01 r-1xnzce8"
style="
-webkit-line-clamp: 2;
color: rgb(
200,
200,
200
);
font-size: 16px;
font-family: Montserrat-Regular;
"
>
La lettre et
le son
</div>
</div>
</div>
<div
class="css-175oi2r r-1777fci"
>
<div
tabindex="0"
class="css-175oi2r r-1loqt21 r-1otgn73 r-1777fci"
>
<div
tabindex="0"
class="css-175oi2r r-1otgn73 r-7q8q6z"
>
<div
class="css-175oi2r r-1awozwy r-is05cd r-gaci75 r-1mkv55d"
>
<div
class="css-175oi2r"
>
<svg
width="32"
height="32"
>
<g
rotation="0"
transform-origin="16 16"
transform="rotate(0)"
>
<path
d="M 15.991517700393416 2.500002664793101 A 13.5 13.5 0 1 0 16 2.5"
stroke="#5B5858"
stroke-width="5"
stroke-linecap="butt"
fill="transparent"
></path>
<path
d="M 15.991517700393416 2.500002664793101 A 13.5 13.5 0 1 0 16 2.5"
stroke="#BEED29"
stroke-width="5"
stroke-linecap="butt"
fill="transparent"
></path>
</g>
</svg>
<div
class="css-175oi2r"
style="
position: absolute;
left: 5px;
top: 5px;
width: 22px;
height: 22px;
border-radius: 11px;
align-items: center;
justify-content: center;
overflow: hidden;
"
>
<svg
width="22"
height="22"
viewBox="0 0 22 22"
fill="none"
>
<path
d="M8.3 14.753 4.547 11l-1.278 1.269L8.3 17.3 19.1 6.5l-1.269-1.269L8.3 14.753Z"
fill="#BEED29"
></path>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li
aria-label="Niveau 3"
role="listitem"
data-level-id="3386400"
class="css-175oi2r r-18u37iz r-1wtj0ep"
>
<div
tabindex="0"
class="css-175oi2r r-1otgn73 r-1loqt21 r-bnwqim r-ctqt5z r-edyy15 r-1777fci r-13qz1uu r-n1h2e2 r-xl6kxl r-1867qdf r-rs99b7 r-13awgt0 r-bx70bn"
>
<div
class="css-175oi2r r-18u37iz r-13qz1uu"
>
<div
class="css-175oi2r r-1777fci r-is05cd"
>
<svg
width="56"
height="56"
viewBox="0 0 56 56"
fill="none"
>
<g
clip-path="url(#clip0_4222_239991)"
>
<rect
width="56"
height="56"
rx="8"
fill="#B4D56E"
></rect>
<path
d="M16.938 85.988c5.244-6.38 8.17-14.36 9.363-22.389 1.293-8.02 1.08-16.367-.383-24.42-.788-3.98-1.778-7.978-3.513-11.638-.871-1.78-1.844-3.569-3.266-4.894-.66-.658-1.447-1.025-2.267-.995-.82.031-1.565.37-2.14 1.123-1.04 1.418-1.311 3.402-1.167 5.32.144 1.92.804 3.782 1.785 5.471.982 1.69 2.285 3.205 3.825 4.339 1.54 1.134 3.418 1.896 5.33 2.258 1.912.363 3.95.436 5.913.2 1.963-.234 3.85-.777 5.465-1.744 1.616-.966 2.86-2.366 3.722-4.1.855-1.633 1.328-3.6 1.59-5.485.533-3.869.16-7.915-.424-11.878a117.89 117.89 0 00-2.674-11.869c-2.2-7.814-4.917-15.57-7.947-23.254-1.514-3.842-3.038-7.584-4.764-11.344-1.625-3.75-3.35-7.51-5.077-11.269l.017-.2c.101.01.101.01.203.018 2.149 3.595 4.095 7.172 6.033 10.849a371.14 371.14 0 015.39 11.195c1.726 3.76 3.241 7.601 4.756 11.443C38.223-3.433 39.628.5 40.719 4.506c1.092 4.007 2.184 8.013 2.751 12.176.567 4.163.923 8.408.255 12.667-.279 2.084-.87 4.241-1.962 6.256a13.377 13.377 0 01-4.61 4.929c-1.938 1.14-4.239 1.748-6.404 1.965-2.166.218-4.408.128-6.616-.36-2.208-.488-4.281-1.367-6.007-2.717-1.828-1.36-3.215-3.083-4.282-4.98a14.536 14.536 0 01-1.828-6.176c-.11-1.114-.017-2.21.178-3.297.194-1.088.592-2.158 1.387-3.094.347-.472.888-.828 1.43-1.183.533-.256 1.26-.395 1.878-.443 1.328.012 2.495.713 3.358 1.389 1.71 1.55 2.674 3.438 3.529 5.417 1.718 3.859 2.7 7.957 3.377 12.028 1.354 8.144 1.355 16.574-.049 24.685-1.403 8.11-4.431 16.083-9.879 22.445-.008.1-.11.091-.203-.017-.093-.108-.084-.208-.084-.208z"
fill="#F0FEB4"
></path>
<path
d="M28.303-12.893c1.696 3.062 2.541 6.514 2.275 10.424-.264 1.99-.753 4.133-1.905 6.429a19.22 19.22 0 01-2.548 3.742c-1.151 1.335-2.808 2.851-5.365 4.325-2.558 1.474-5.625 2.475-7.958 2.836-2.332.36-3.993.262-5.533.108-2.977-.405-4.918-1.436-6.494-2.633-1.456-1.253-2.566-2.715-3.17-4.357-.727-1.587-.968-3.396-.966-5.317-.019-.042.103-.097.224-.153.122-.055.14-.014.14-.014C-1.3 5.56.62 8.47 3.838 10.683c.83.53 1.66 1.059 2.611 1.532.952.474 2.005.85 3.283 1.074 1.277.223 2.657.349 4.447.085 1.667-.208 3.725-.847 5.47-1.848 1.765-.96 3.236-2.24 4.305-3.435a19.458 19.458 0 002.502-3.52C27.767 2.303 28.396.147 28.8-1.857c.79-4.05.31-7.668-.882-10.91-.019-.043.103-.098.103-.098l.28-.028zM58.039 39.91c-2.039 1.338-4.23 2.479-6.229 3.763-2.095 1.212-4.093 2.496-5.939 3.977-1.805 1.427-3.07 3.338-4.353 5.069-1.225 1.856-2.161 3.927-3.04 6.124-.04.054-.04.054-.177.037-.097-.072-.097-.072-.057-.126-.537-2.91-.237-5.537.682-7.788 1.016-2.18 3.038-3.697 5.076-5.035 2.04-1.338 4.327-2.407 6.712-3.405l7.172-2.814c.04-.054.136.018.233.09-.096-.072-.04.054-.08.108z"
fill="#F0FEB4"
></path>
</g>
<rect
x="0.5"
y="0.5"
width="55"
height="55"
rx="7.5"
stroke="#050628"
stroke-opacity="0.16"
></rect>
<defs>
<clipPath
id="clip0_4222_239991"
>
<rect
width="56"
height="56"
rx="8"
fill="#fff"
></rect>
</clipPath>
</defs>
</svg>
</div>
<div
class="css-175oi2r r-ws14 r-1m04atk r-16y2uox r-1wbh5a2 r-1777fci"
>
<div
dir="auto"
class="css-146c3p1 r-8akbws r-krxsd3 r-dnmrzs r-1udh08x r-1udbk01 r-fdjqy7 r-lrvibr"
style="
-webkit-line-clamp: 4;
direction: ltr;
color: rgb(
255,
255,
255
);
font-size: 20px;
font-family: Montserrat-SemiBold;
"
>
Niveau 3
</div>
<div
class="css-175oi2r"
>
<div
dir="auto"
class="css-146c3p1 r-8akbws r-krxsd3 r-dnmrzs r-1udh08x r-1udbk01 r-1xnzce8"
style="
-webkit-line-clamp: 2;
color: rgb(
200,
200,
200
);
font-size: 16px;
font-family: Montserrat-Regular;
"
>
Nom propre,
nom commun et
déterminant
</div>
</div>
</div>
<div
class="css-175oi2r r-1777fci"
>
<div
tabindex="0"
class="css-175oi2r r-1loqt21 r-1otgn73 r-1777fci"
>
<div
tabindex="0"
class="css-175oi2r r-1otgn73 r-7q8q6z"
>
<div
class="css-175oi2r r-1awozwy r-is05cd r-gaci75 r-1mkv55d"
>
<div
class="css-175oi2r"
>
<svg
width="32"
height="32"
>
<g
rotation="0"
transform-origin="16 16"
transform="rotate(0)"
>
<path
d="M 15.991517700393416 2.500002664793101 A 13.5 13.5 0 1 0 16 2.5"
stroke="#5B5858"
stroke-width="5"
stroke-linecap="butt"
fill="transparent"
></path>
<path
d="M 15.991517700393416 2.500002664793101 A 13.5 13.5 0 1 0 16 2.5"
stroke="#BEED29"
stroke-width="5"
stroke-linecap="butt"
fill="transparent"
></path>
</g>
</svg>
<div
class="css-175oi2r"
style="
position: absolute;
left: 5px;
top: 5px;
width: 22px;
height: 22px;
border-radius: 11px;
align-items: center;
justify-content: center;
overflow: hidden;
"
>
<svg
width="22"
height="22"
viewBox="0 0 22 22"
fill="none"
>
<path
d="M8.3 14.753 4.547 11l-1.278 1.269L8.3 17.3 19.1 6.5l-1.269-1.269L8.3 14.753Z"
fill="#BEED29"
></path>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li
aria-label="Niveau 4"
role="listitem"
data-level-id="3386401"
class="css-175oi2r r-18u37iz r-1wtj0ep"
>
<div
tabindex="0"
class="css-175oi2r r-1otgn73 r-1loqt21 r-bnwqim r-ctqt5z r-edyy15 r-1777fci r-13qz1uu r-n1h2e2 r-1867qdf r-13awgt0 r-bx70bn"
style="
border-width: 2px;
border-color: rgb(
190,
237,
41
);
"
>
<div
class="css-175oi2r r-18u37iz r-13qz1uu"
>
<div
class="css-175oi2r r-1777fci r-is05cd"
>
<svg
width="56"
height="56"
viewBox="0 0 56 56"
fill="none"
>
<g
clip-path="url(#clip0_4222_239994)"
>
<rect
width="56"
height="56"
rx="8"
fill="#9AC643"
></rect>
<path
d="M69.092 42.803c-5.42-6.232-12.803-10.445-20.521-12.955-7.693-2.608-15.96-3.787-24.144-3.68-4.056.114-8.163.426-12.06 1.528-1.9.563-3.826 1.226-5.369 2.407-.759.541-1.252 1.256-1.358 2.07-.106.815.104 1.605.752 2.298 1.224 1.261 3.136 1.858 5.052 2.035 1.916.177 3.863-.164 5.691-.852 1.829-.687 3.54-1.72 4.914-3.05 1.375-1.33 2.438-3.055 3.113-4.88a19.588 19.588 0 001.181-5.798c.095-1.975-.127-3.925-.812-5.68-.685-1.753-1.858-3.212-3.424-4.351-1.47-1.114-3.33-1.908-5.145-2.48C13.236 8.247 9.184 7.942 5.18 7.86c-4.031.016-8.113.23-12.148.665-8.071.87-16.172 2.26-24.252 3.97-4.04.856-7.984 1.736-11.978 2.813-3.968.978-7.962 2.056-11.956 3.133l-.194-.05.05-.197c3.903-1.522 7.754-2.846 11.701-4.146a371.002 371.002 0 0111.936-3.454c3.994-1.078 8.034-1.933 12.074-2.788 4.04-.855 8.152-1.586 12.284-1.997 4.133-.41 8.265-.821 12.464-.689 4.2.133 8.445.488 12.533 1.854 2.009.622 4.038 1.564 5.843 2.975a13.377 13.377 0 014.094 5.365c.802 2.1 1.019 4.47.874 6.642-.146 2.172-.607 4.368-1.455 6.464-.849 2.096-2.06 3.994-3.678 5.472-1.644 1.576-3.574 2.658-5.622 3.394a14.536 14.536 0 01-6.395.776c-1.116-.077-2.181-.35-3.221-.723s-2.03-.943-2.82-1.882c-.409-.42-.67-1.014-.93-1.607-.163-.568-.18-1.308-.124-1.925.233-1.308 1.118-2.343 1.927-3.081 1.813-1.428 3.835-2.066 5.93-2.58 4.09-1.052 8.294-1.339 12.422-1.33 8.255.018 16.568 1.419 24.332 4.15 7.765 2.733 15.123 7.044 20.491 13.473.097.025.072.124-.05.198-.123.074-.22.049-.22.049z"
fill="#F0FEB4"
></path>
<path
d="M50.074 66.981c-3.15-2.663-5.935-5.727-8.21-9.269-1.066-1.81-2.068-3.77-2.688-5.907-.305-1.115-.517-2.251-.532-3.522-.016-1.27.217-2.733 1.123-4.21.907-1.477 2.479-2.556 3.926-3.016 1.447-.46 2.702-.467 3.905-.417 2.393.194 4.437 1.011 6.325 2 1.835 1.046 3.555 2.3 5.026 3.747 1.522 1.389 2.837 3.006 4.047 4.738.04.037-.012.094-.065.151-.052.057-.092.02-.092.02-3.15-2.663-6.364-5.176-10.071-6.987-.93-.43-1.86-.859-2.842-1.231-.982-.372-1.976-.65-3.034-.779-1.059-.127-2.129-.161-3.248.18-1.066.284-2.14.979-2.762 1.982-.662.967-.91 2.206-.923 3.346-.013 1.14.16 2.24.423 3.319.489 2.12 1.398 4.102 2.372 5.932 1.987 3.697 4.615 6.933 7.517 9.789.04.036-.012.093-.012.093l-.185.041zM39.979-3.896c1.583 2.17 3.004 4.401 4.53 6.519 1.473 2.174 2.998 4.292 4.685 6.346 1.63 2.003 3.628 3.715 5.46 5.38 1.942 1.658 4.04 3.146 6.247 4.628.057.052.057.052.062.161-.052.058-.052.058-.109.006-2.654-.53-5.173-1.669-7.437-3.203-2.212-1.592-3.962-3.808-5.544-5.977-1.583-2.17-2.953-4.459-4.27-6.805l-3.785-6.992c-.058-.052-.006-.11.046-.167-.052.057.058.052.115.104z"
fill="#F0FEB4"
></path>
</g>
<rect
x="0.5"
y="0.5"
width="55"
height="55"
rx="7.5"
stroke="#050628"
stroke-opacity="0.16"
></rect>
<defs>
<clipPath
id="clip0_4222_239994"
>
<rect
width="56"
height="56"
rx="8"
fill="#fff"
></rect>
</clipPath>
</defs>
</svg>
</div>
<div
class="css-175oi2r r-ws14 r-1m04atk r-16y2uox r-1wbh5a2 r-1777fci"
>
<div
dir="auto"
class="css-146c3p1 r-8akbws r-krxsd3 r-dnmrzs r-1udh08x r-1udbk01 r-fdjqy7 r-lrvibr"
style="
-webkit-line-clamp: 4;
direction: ltr;
color: rgb(
255,
255,
255
);
font-size: 20px;
font-family: Montserrat-SemiBold;
"
>
Niveau 4
</div>
<div
class="css-175oi2r"
>
<div
dir="auto"
class="css-146c3p1 r-8akbws r-krxsd3 r-dnmrzs r-1udh08x r-1udbk01 r-1xnzce8"
style="
-webkit-line-clamp: 2;
color: rgb(
200,
200,
200
);
font-size: 16px;
font-family: Montserrat-Regular;
"
>
Genre, nombre,
préposition et
accord du
déterminant
</div>
</div>
</div>
<div
class="css-175oi2r r-1777fci"
>
<div
tabindex="0"
class="css-175oi2r r-1loqt21 r-1otgn73 r-1777fci"
>
<div
tabindex="0"
class="css-175oi2r r-1otgn73 r-7q8q6z"
>
<div
class="css-175oi2r r-1awozwy r-is05cd r-gaci75 r-1mkv55d"
>
<div
class="css-175oi2r"
>
<svg
width="32"
height="32"
>
<g
rotation="0"
transform-origin="16 16"
transform="rotate(0)"
>
<path
d="M 15.991517700393416 2.500002664793101 A 13.5 13.5 0 1 0 16 2.5"
stroke="#5B5858"
stroke-width="5"
stroke-linecap="butt"
fill="transparent"
></path>
<path
d="M 11.03473536651378 28.553730406514667 A 13.5 13.5 0 1 0 16 2.5"
stroke="#FEBD34"
stroke-width="5"
stroke-linecap="butt"
fill="transparent"
></path>
</g>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li
aria-label="Niveau 5"
role="listitem"
data-level-id="3386402"
class="css-175oi2r r-18u37iz r-1wtj0ep"
>
<div
tabindex="0"
class="css-175oi2r r-1otgn73 r-1loqt21 r-bnwqim r-ctqt5z r-edyy15 r-1777fci r-13qz1uu r-n1h2e2 r-xl6kxl r-1867qdf r-rs99b7 r-13awgt0 r-bx70bn"
>
<div
class="css-175oi2r r-18u37iz r-13qz1uu"
>
<div
class="css-175oi2r r-1777fci r-is05cd"
>
<svg
width="56"
height="56"
viewBox="0 0 56 56"
fill="none"
>
<g
clip-path="url(#clip0_4222_239992)"
>
<rect
width="56"
height="56"
rx="8"
fill="#87BA24"
></rect>
<path
d="M72.576-9.99C64.66-7.64 57.767-2.664 52.286 3.322c-5.56 5.921-10.056 12.958-13.35 20.451-1.575 3.74-2.992 7.607-3.603 11.61-.274 1.963-.469 3.99-.032 5.884.178.914.624 1.66 1.322 2.093.697.434 1.503.57 2.402.268 1.655-.592 2.99-2.085 3.945-3.756.955-1.671 1.45-3.584 1.582-5.533.132-1.95-.1-3.934-.741-5.736-.642-1.802-1.772-3.484-3.153-4.855a19.588 19.588 0 00-4.789-3.476c-1.758-.904-3.625-1.51-5.505-1.613-1.88-.103-3.694.361-5.38 1.315-1.622.875-3.115 2.24-4.387 3.656-2.607 2.908-4.562 6.469-6.297 10.08a117.934 117.934 0 00-4.426 11.333c-2.55 7.707-4.64 15.656-6.43 23.719-.895 4.031-1.727 7.985-2.4 12.066-.753 4.018-1.427 8.1-2.1 12.18l-.126.156-.158-.127c.23-4.182.62-8.236 1.072-12.367A371.47 371.47 0 011.53 68.376c.673-4.082 1.568-8.113 2.463-12.144.895-4.032 1.932-8.077 3.27-12.008 1.337-3.932 2.675-7.863 4.535-11.63 1.86-3.768 3.941-7.485 6.878-10.64 1.398-1.571 3.096-3.028 5.128-4.087a13.377 13.377 0 016.579-1.503c2.243.139 4.49.923 6.407 1.955 1.917 1.031 3.724 2.36 5.28 4.001 1.557 1.64 2.784 3.529 3.458 5.614.754 2.15.939 4.354.76 6.523a14.537 14.537 0 01-1.941 6.142c-.532.984-1.222 1.84-1.992 2.632-.77.793-1.699 1.457-2.881 1.788-.552.197-1.2.189-1.848.18-.584-.086-1.265-.378-1.804-.684-1.094-.753-1.669-1.988-2.006-3.03-.549-2.242-.291-4.346.108-6.465.736-4.16 2.216-8.104 3.934-11.858 3.435-7.506 8.153-14.493 13.855-20.429 5.703-5.935 12.674-10.847 20.75-13.071.062-.078.142-.014.158.128.017.142-.046.22-.046.22zM-11.842 1.941C-6.022 1.091-.14.781 5.75 1.169c2.916.276 5.926.696 8.752 1.528 1.456.45 2.844.986 4.183 1.761 1.339.775 2.638 1.867 3.3 3.502.662 1.635.267 3.552-.652 4.986-.92 1.434-2.125 2.434-3.34 3.358-2.514 1.78-5.342 2.896-8.197 3.782-2.864.808-5.832 1.396-8.76 1.667-2.92.348-5.875.388-8.849.275-.076.01-.086-.068-.095-.144-.009-.077.068-.087.068-.087 5.82-.849 11.544-1.843 17.014-3.663 1.346-.472 2.692-.944 4.03-1.493 1.336-.549 2.587-1.165 3.743-1.926 1.156-.761 2.226-1.59 2.952-2.689.735-1.022 1.05-2.306.605-3.422-.368-1.125-1.418-2.09-2.594-2.807-1.176-.717-2.488-1.262-3.867-1.72-2.681-.928-5.624-1.434-8.472-1.796-5.772-.714-11.683-.633-17.463-.1-.076.009-.086-.068-.086-.068l.136-.172zM61.554 42.76c-2.453 1.093-4.933 2.015-7.323 3.063-2.435.986-4.825 2.034-7.187 3.253-2.3 1.174-4.391 2.77-6.403 4.213-2.029 1.551-3.923 3.29-5.834 5.138-.063.045-.063.045-.171.028-.045-.063-.045-.063.018-.108 1.073-2.485 2.714-4.71 4.689-6.602 2.02-1.83 4.553-3.076 7.005-4.17 2.453-1.093 4.978-1.952 7.549-2.75l7.63-2.237c.063-.045.108.018.153.081-.045-.063-.063.045-.126.09z"
fill="#F0FEB4"
></path>
</g>
<rect
x="0.5"
y="0.5"
width="55"
height="55"
rx="7.5"
stroke="#050628"
stroke-opacity="0.16"
></rect>
<defs>
<clipPath
id="clip0_4222_239992"
>
<rect
width="56"
height="56"
rx="8"
fill="#fff"
></rect>
</clipPath>
</defs>
</svg>
</div>
<div
class="css-175oi2r r-ws14 r-1m04atk r-16y2uox r-1wbh5a2 r-1777fci"
>
<div
dir="auto"
class="css-146c3p1 r-8akbws r-krxsd3 r-dnmrzs r-1udh08x r-1udbk01 r-fdjqy7 r-lrvibr"
style="
-webkit-line-clamp: 4;
direction: ltr;
color: rgb(
255,
255,
255
);
font-size: 20px;
font-family: Montserrat-SemiBold;
"
>
Niveau 5
</div>
<div
class="css-175oi2r"
>
<div
dir="auto"
class="css-146c3p1 r-8akbws r-krxsd3 r-dnmrzs r-1udh08x r-1udbk01 r-1xnzce8"
style="
-webkit-line-clamp: 2;
color: rgb(
200,
200,
200
);
font-size: 16px;
font-family: Montserrat-Regular;
"
>
Adjectif et
adverbe
</div>
</div>
</div>
<div
class="css-175oi2r r-1777fci"
>
<div
tabindex="0"
class="css-175oi2r r-1loqt21 r-1otgn73 r-1777fci"
>
<div
tabindex="0"
class="css-175oi2r r-1otgn73 r-7q8q6z"
>
<div
class="css-175oi2r r-1awozwy r-is05cd r-gaci75 r-1mkv55d"
>
<div
class="css-175oi2r"
>
<svg
width="32"
height="32"
>
<g
rotation="0"
transform-origin="16 16"
transform="rotate(0)"
>
<path
d="M 15.991517700393416 2.500002664793101 A 13.5 13.5 0 1 0 16 2.5"
stroke="#5B5858"
stroke-width="5"
stroke-linecap="butt"
fill="transparent"
></path>
</g>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li
aria-label="Niveau 6"
role="listitem"
data-level-id="3386403"
class="css-175oi2r r-18u37iz r-1wtj0ep"
>
<div
tabindex="0"
class="css-175oi2r r-1otgn73 r-1loqt21 r-bnwqim r-ctqt5z r-edyy15 r-1777fci r-13qz1uu r-n1h2e2 r-xl6kxl r-1867qdf r-rs99b7 r-13awgt0 r-bx70bn"
>
<div
class="css-175oi2r r-18u37iz r-13qz1uu"
>
<div
class="css-175oi2r r-1777fci r-is05cd"
>
<svg
width="56"
height="56"
viewBox="0 0 56 56"
fill="none"
>
<g
clip-path="url(#clip0_4222_239993)"
>
<rect
width="56"
height="56"
rx="8"
fill="#74AF04"
></rect>
<path
d="M-28.725 21.95c6.8 4.687 15 6.928 23.1 7.438 8.1.611 16.4-.306 24.3-2.446 3.9-1.12 7.8-2.445 11.3-4.483 1.7-1.018 3.4-2.14 4.6-3.668.6-.713.9-1.528.8-2.343-.1-.815-.5-1.528-1.3-2.038-1.5-.917-3.5-1.018-5.4-.713-1.9.306-3.7 1.12-5.3 2.242-1.6 1.12-3 2.547-4 4.177-1 1.63-1.6 3.566-1.8 5.502-.2 1.936-.1 3.974.3 5.91.4 1.935 1.1 3.77 2.2 5.297 1.1 1.529 2.6 2.65 4.4 3.363 1.7.713 3.7 1.018 5.6 1.12 3.9.204 7.9-.509 11.8-1.426 3.9-1.019 7.8-2.241 11.6-3.668 7.6-2.853 15.1-6.215 22.5-9.883 3.7-1.834 7.3-3.668 10.9-5.706 3.6-1.935 7.2-3.973 10.8-6.01h.2v.203c-3.4 2.445-6.8 4.687-10.3 6.928-3.5 2.14-7.1 4.28-10.7 6.317-3.6 2.038-7.3 3.872-11 5.706-3.7 1.834-7.5 3.566-11.4 4.992-3.9 1.427-7.8 2.853-11.9 3.77-4.1.917-8.3 1.63-12.6 1.325-2.1-.102-4.3-.51-6.4-1.427-2.1-.917-3.9-2.343-5.3-4.177-1.3-1.834-2.1-4.076-2.5-6.215-.4-2.14-.5-4.381-.2-6.623.3-2.241 1-4.381 2.2-6.215 1.2-1.936 2.8-3.464 4.6-4.687 1.8-1.222 3.9-2.037 6-2.343 1.1-.204 2.2-.204 3.3-.102 1.1.102 2.2.408 3.2 1.12.5.306.9.816 1.3 1.325.3.51.5 1.223.6 1.834.1 1.325-.5 2.547-1.1 3.464-1.4 1.834-3.2 2.955-5.1 3.974-3.7 2.038-7.7 3.362-11.7 4.381-8 2.038-16.4 2.751-24.6 2.038-8.2-.713-16.4-3.057-23.2-7.947-.1 0-.1-.102 0-.204s.2-.102.2-.102z"
fill="#F0FEB4"
></path>
<path
d="M65.879 22.928c-4.606.342-9.212-.514-13.757-2.91-2.243-1.37-4.546-3.08-6.667-5.648a24.498 24.498 0 01-3.09-4.963c-.97-2.054-1.88-4.792-2.243-8.558-.364-3.765.121-7.873.97-10.782.848-2.91 1.879-4.793 2.909-6.504 2.12-3.252 4.424-4.963 6.727-6.161 2.303-1.027 4.666-1.54 6.97-1.37 2.302 0 4.605.685 6.908 1.712.06 0 .06.171.06.342s-.06.171-.06.171c-4.606.343-9.151 1.027-13.575 3.595-1.091.684-2.182 1.369-3.273 2.224a15.24 15.24 0 00-3.09 3.252c-.97 1.37-1.88 2.91-2.546 5.135-.666 2.054-1.03 4.792-.788 7.36.182 2.567.91 4.963 1.758 6.845a24.766 24.766 0 002.848 4.792c2 2.739 4.242 4.622 6.424 6.162 4.424 3.08 9.03 4.45 13.575 4.792.06 0 .061.171.061.171l-.121.343zM-7.864 49.209c1.997-3.322 5.218-5.703 9.981-6.834 2.541-.41 5.463-.593 9.166.017 1.954.352 4.052.878 6.644 1.848 2.592.97 5.852 2.518 9.884 5.233 4.031 2.716 7.98 6.263 10.52 9.11 2.54 2.846 3.938 5.007 5.161 7.034 2.241 3.96 2.816 6.83 2.867 9.296-.125 2.333-.804 4.303-2.152 5.695-1.174 1.526-3.046 2.515-5.268 3.235-.031.04-.206-.094-.38-.229-.176-.134-.145-.174-.145-.174 1.997-3.322 3.613-6.872 3.245-11.82-.144-1.26-.287-2.52-.605-3.916-.319-1.395-.843-2.884-1.748-4.601-.904-1.718-2.014-3.53-3.948-5.72-1.758-2.053-4.37-4.445-7.116-6.3a38.336 38.336 0 00-14.234-6.085c-3.816-.825-6.882-.817-9.567-.58-5.4.513-9.146 2.49-11.811 5.234-.03.04-.206-.094-.206-.094l-.288-.35z"
fill="#F0FEB4"
></path>
</g>
<rect
x="0.5"
y="0.5"
width="55"
height="55"
rx="7.5"
stroke="#050628"
stroke-opacity="0.16"
></rect>
<defs>
<clipPath
id="clip0_4222_239993"
>
<rect
width="56"
height="56"
rx="8"
fill="#fff"
></rect>
</clipPath>
</defs>
</svg>
</div>
<div
class="css-175oi2r r-ws14 r-1m04atk r-16y2uox r-1wbh5a2 r-1777fci"
>
<div
dir="auto"
class="css-146c3p1 r-8akbws r-krxsd3 r-dnmrzs r-1udh08x r-1udbk01 r-fdjqy7 r-lrvibr"
style="
-webkit-line-clamp: 4;
direction: ltr;
color: rgb(
255,
255,
255
);
font-size: 20px;
font-family: Montserrat-SemiBold;
"
>
Niveau 6
</div>
<div
class="css-175oi2r"
>
<div
dir="auto"
class="css-146c3p1 r-8akbws r-krxsd3 r-dnmrzs r-1udh08x r-1udbk01 r-1xnzce8"
style="
-webkit-line-clamp: 2;
color: rgb(
200,
200,
200
);
font-size: 16px;
font-family: Montserrat-Regular;
"
>
Pluriels
particuliers
</div>
</div>
</div>
<div
class="css-175oi2r r-1777fci"
>
<div
tabindex="0"
class="css-175oi2r r-1loqt21 r-1otgn73 r-1777fci"
>
<div
tabindex="0"
class="css-175oi2r r-1otgn73 r-7q8q6z"
>
<div
class="css-175oi2r r-1awozwy r-is05cd r-gaci75 r-1mkv55d"
>
<div
class="css-175oi2r"
>
<svg
width="32"
height="32"
>
<g
rotation="0"
transform-origin="16 16"
transform="rotate(0)"
>
<path
d="M 15.991517700393416 2.500002664793101 A 13.5 13.5 0 1 0 16 2.5"
stroke="#5B5858"
stroke-width="5"
stroke-linecap="butt"
fill="transparent"
></path>
</g>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li
aria-label="Niveau 7"
role="listitem"
data-level-id="3386404"
class="css-175oi2r r-18u37iz r-1wtj0ep"
>
<div
tabindex="0"
class="css-175oi2r r-1otgn73 r-1loqt21 r-bnwqim r-ctqt5z r-edyy15 r-1777fci r-13qz1uu r-n1h2e2 r-xl6kxl r-1867qdf r-rs99b7 r-13awgt0 r-bx70bn"
>
<div
class="css-175oi2r r-18u37iz r-13qz1uu"
>
<div
class="css-175oi2r r-1777fci r-is05cd"
>
<svg
width="56"
height="56"
viewBox="0 0 56 56"
fill="none"
>
<g
clip-path="url(#clip0_4222_239989)"
>
<rect
width="56"
height="56"
rx="8"
fill="#F0FEB4"
></rect>
<path
d="M-35.079 19.954c6.66 4.885 14.79 7.366 22.872 8.114 8.078.85 16.401.177 24.361-1.729 3.931-1.005 7.869-2.214 11.427-4.148 1.73-.969 3.462-2.039 4.706-3.531.62-.695.945-1.501.869-2.319-.076-.818-.455-1.542-1.24-2.075-1.472-.96-3.468-1.122-5.377-.872-1.908.25-3.73 1.011-5.363 2.085-1.632 1.073-3.074 2.457-4.121 4.057-1.048 1.6-1.705 3.518-1.962 5.447a19.586 19.586 0 00.126 5.916c.343 1.946.989 3.8 2.043 5.36 1.055 1.56 2.521 2.725 4.3 3.49 1.678.763 3.668 1.128 5.564 1.286 3.892.318 7.912-.277 11.837-1.079a117.913 117.913 0 0011.703-3.325c7.68-2.628 15.276-5.768 22.781-9.216 3.752-1.724 7.405-3.452 11.063-5.383 3.656-1.829 7.314-3.76 10.973-5.69l.2.006-.007.203c-3.47 2.344-6.934 4.485-10.499 6.622a371.452 371.452 0 01-10.881 6c-3.659 1.93-7.411 3.655-11.164 5.379-3.752 1.724-7.601 3.344-11.541 4.655-3.94 1.31-7.881 2.622-12.006 3.418-4.125.795-8.345 1.385-12.634.953-2.096-.164-4.283-.636-6.355-1.614a13.376 13.376 0 01-5.175-4.332c-1.245-1.871-1.979-4.136-2.316-6.286-.337-2.15-.37-4.394-.005-6.626.366-2.231 1.129-4.35 2.382-6.147 1.257-1.9 2.901-3.38 4.736-4.55a14.54 14.54 0 016.067-2.165c1.105-.172 2.205-.14 3.301-.005 1.097.134 2.187.472 3.166 1.214.49.32.875.841 1.26 1.363.285.518.464 1.236.546 1.85.06 1.327-.575 2.532-1.201 3.43-1.454 1.793-3.286 2.86-5.215 3.822-3.759 1.928-7.796 3.134-11.824 4.035-8.057 1.802-16.474 2.267-24.65 1.313-8.175-.954-16.302-3.538-22.955-8.627-.1-.003-.097-.104.006-.203.102-.1.202-.096.202-.096zM73.524.09c-4.498 3.793-9.492 6.949-15.063 9.237-2.827 1.029-5.856 1.923-9.057 2.219-1.666.126-3.343.113-5.17-.22-1.83-.334-3.88-1.08-5.808-2.8-1.927-1.72-3.142-4.288-3.494-6.503-.352-2.215-.095-4.025.234-5.745.788-3.395 2.398-6.112 4.22-8.556 1.894-2.353 4.062-4.48 6.453-6.194 2.32-1.806 4.923-3.247 7.668-4.506.061-.048.132.043.203.135.071.09.01.138.01.138-4.497 3.794-8.792 7.723-12.183 12.56-.815 1.22-1.63 2.44-2.374 3.75-.744 1.311-1.356 2.666-1.765 4.156-.409 1.49-.686 3.023-.434 4.73.18 1.617.949 3.36 2.257 4.538 1.248 1.225 2.974 1.93 4.61 2.268 1.634.337 3.25.398 4.855.319 3.15-.11 6.19-.865 9.025-1.756 5.734-1.828 10.94-4.71 15.66-8.092.062-.047.133.044.133.044l.02.277zM-.89 44.505c2.513 1.41 4.895 3.003 7.329 4.392 2.408 1.491 4.842 2.88 7.408 4.083 2.486 1.183 5.21 1.77 7.748 2.418 2.645.566 5.368.824 8.196.999.08.02.08.02.133.143-.027.103-.027.103-.106.083-2.853 1.242-5.839 1.684-8.747 1.489-2.882-.298-5.58-1.645-8.093-3.054-2.514-1.409-4.869-3.106-7.198-4.905l-6.802-5.462c-.08-.02-.053-.123-.027-.226-.026.103.08.02.159.04z"
fill="#71AD00"
></path>
</g>
<rect
x="0.5"
y="0.5"
width="55"
height="55"
rx="7.5"
stroke="#050628"
stroke-opacity="0.16"
></rect>
<defs>
<clipPath
id="clip0_4222_239989"
>
<rect
width="56"
height="56"
rx="8"
fill="#fff"
></rect>
</clipPath>
</defs>
</svg>
</div>
<div
class="css-175oi2r r-ws14 r-1m04atk r-16y2uox r-1wbh5a2 r-1777fci"
>
<div
dir="auto"
class="css-146c3p1 r-8akbws r-krxsd3 r-dnmrzs r-1udh08x r-1udbk01 r-fdjqy7 r-lrvibr"
style="
-webkit-line-clamp: 4;
direction: ltr;
color: rgb(
255,
255,
255
);
font-size: 20px;
font-family: Montserrat-SemiBold;
"
>
Niveau 7
</div>
<div
class="css-175oi2r"
>
<div
dir="auto"
class="css-146c3p1 r-8akbws r-krxsd3 r-dnmrzs r-1udh08x r-1udbk01 r-1xnzce8"
style="
-webkit-line-clamp: 2;
color: rgb(
200,
200,
200
);
font-size: 16px;
font-family: Montserrat-Regular;
"
>
Verbe, sujet
et pronom
</div>
</div>
</div>
<div
class="css-175oi2r r-1777fci"
>
<div
tabindex="0"
class="css-175oi2r r-1loqt21 r-1otgn73 r-1777fci"
>
<div
tabindex="0"
class="css-175oi2r r-1otgn73 r-7q8q6z"
>
<div
class="css-175oi2r r-1awozwy r-is05cd r-gaci75 r-1mkv55d"
>
<div
class="css-175oi2r"
>
<svg
width="32"
height="32"
>
<g
rotation="0"
transform-origin="16 16"
transform="rotate(0)"
>
<path
d="M 15.991517700393416 2.500002664793101 A 13.5 13.5 0 1 0 16 2.5"
stroke="#5B5858"
stroke-width="5"
stroke-linecap="butt"
fill="transparent"
></path>
</g>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li
aria-label="Niveau 8"
role="listitem"
data-level-id="3386405"
class="css-175oi2r r-18u37iz r-1wtj0ep"
>
<div
tabindex="0"
class="css-175oi2r r-1otgn73 r-1loqt21 r-bnwqim r-ctqt5z r-edyy15 r-1777fci r-13qz1uu r-n1h2e2 r-xl6kxl r-1867qdf r-rs99b7 r-13awgt0 r-bx70bn"
>
<div
class="css-175oi2r r-18u37iz r-13qz1uu"
>
<div
class="css-175oi2r r-1777fci r-is05cd"
>
<svg
width="56"
height="56"
viewBox="0 0 56 56"
fill="none"
>
<g
clip-path="url(#clip0_4222_239990)"
>
<rect
width="56"
height="56"
rx="8"
fill="#D5E9A4"
></rect>
<path
d="M55.555 60.06c-1.494-8.122-5.707-15.506-11.075-21.593-5.295-6.16-11.813-11.38-18.912-15.454-3.55-1.965-7.244-3.786-11.16-4.82-1.922-.482-3.917-.892-5.846-.66-.929.08-1.717.445-2.223 1.092-.505.647-.727 1.434-.522 2.36.413 1.71 1.755 3.195 3.315 4.323 1.56 1.127 3.408 1.824 5.332 2.163 1.924.338 3.923.32 5.783-.126 1.86-.446 3.652-1.39 5.163-2.618a19.587 19.587 0 003.966-4.39c1.086-1.652 1.888-3.444 2.19-5.302.304-1.859.036-3.712-.733-5.489-.698-1.706-1.896-3.337-3.167-4.752-2.614-2.902-5.947-5.226-9.353-7.336-3.478-2.037-7.1-3.93-10.796-5.608-7.391-3.357-15.072-6.283-22.898-8.922-3.913-1.32-7.756-2.568-11.742-3.673-3.914-1.177-7.9-2.281-11.887-3.386l-.142-.141.144-.145c4.134.676 8.123 1.495 12.183 2.385 3.987.962 8.046 1.994 12.032 3.099 3.987 1.105 7.9 2.424 11.813 3.744 3.913 1.32 7.825 2.781 11.591 4.53 3.767 1.75 7.533 3.499 11.08 5.75 3.548 2.25 7.022 4.716 9.847 7.972 1.413 1.557 2.68 3.401 3.516 5.534.837 2.134 1.101 4.415.794 6.702-.377 2.216-1.397 4.367-2.627 6.162-1.23 1.796-2.744 3.452-4.541 4.825-1.797 1.372-3.805 2.39-5.95 2.839-2.218.52-4.43.47-6.567.061a14.537 14.537 0 01-5.9-2.585c-.922-.634-1.7-1.412-2.405-2.262-.706-.85-1.268-1.844-1.47-3.055-.138-.57-.06-1.213.017-1.856.148-.572.51-1.218.872-1.72.866-1.008 2.155-1.448 3.227-1.673 2.287-.306 4.353.174 6.417.797 4.057 1.175 7.822 3.067 11.37 5.175 7.098 4.216 13.542 9.651 18.836 15.954 5.294 6.303 9.435 13.758 10.786 22.024.07.071-.002.143-.144.144-.143.002-.214-.069-.214-.069z"
fill="#71AD00"
></path>
<path
d="M3.127 52.837c2.506-4.003 5.903-7.364 10.408-9.846 2.362-1.124 5.015-2.115 8.195-2.495a22.266 22.266 0 015.542.103c2.108.3 4.688 1.017 7.706 2.738 3.017 1.721 5.78 4.33 7.434 6.597 1.654 2.266 2.436 4.132 3.091 5.906 1.146 3.506 1.038 6.336.549 8.89-.617 2.461-1.652 4.697-3.16 6.515-1.38 1.91-3.27 3.453-5.413 4.81-.036.051-.163-.04-.29-.133-.128-.092-.092-.142-.092-.142 2.506-4.004 4.722-8.141 5.465-13.19.145-1.272.29-2.545.308-3.91a14.787 14.787 0 00-.566-4.31c-.436-1.54-1.036-3.12-2.29-4.87-1.128-1.655-2.946-3.428-5-4.606-2.017-1.229-4.234-1.913-6.142-2.22a22.366 22.366 0 00-5.27-.213c-3.234.188-5.978 1.036-8.43 2.018-4.943 2.014-8.72 5.099-11.7 8.684-.036.05-.163-.041-.163-.041l-.182-.285zM38.031-4.84c1.686 3.171 3.147 6.394 4.767 9.486 1.54 3.157 3.16 6.249 5.005 9.289 1.778 2.96 4.1 5.607 6.21 8.16 2.254 2.566 4.748 4.935 7.386 7.32.066.079.066.079.053.224-.08.066-.08.066-.146-.014-3.407-1.211-6.522-3.201-9.227-5.665-2.625-2.529-4.522-5.794-6.208-8.966-1.685-3.171-3.067-6.46-4.37-9.814L37.808-4.79c-.066-.08.013-.145.092-.211-.079.066.066.08.132.16z"
fill="#71AD00"
></path>
</g>
<rect
x="0.5"
y="0.5"
width="55"
height="55"
rx="7.5"
stroke="#050628"
stroke-opacity="0.16"
></rect>
<defs>
<clipPath
id="clip0_4222_239990"
>
<rect
width="56"
height="56"
rx="8"
fill="#fff"
></rect>
</clipPath>
</defs>
</svg>
</div>
<div
class="css-175oi2r r-ws14 r-1m04atk r-16y2uox r-1wbh5a2 r-1777fci"
>
<div
dir="auto"
class="css-146c3p1 r-8akbws r-krxsd3 r-dnmrzs r-1udh08x r-1udbk01 r-fdjqy7 r-lrvibr"
style="
-webkit-line-clamp: 4;
direction: ltr;
color: rgb(
255,
255,
255
);
font-size: 20px;
font-family: Montserrat-SemiBold;
"
>
Niveau 8
</div>
<div
class="css-175oi2r"
>
<div
dir="auto"
class="css-146c3p1 r-8akbws r-krxsd3 r-dnmrzs r-1udh08x r-1udbk01 r-1xnzce8"
style="
-webkit-line-clamp: 2;
color: rgb(
200,
200,
200
);
font-size: 16px;
font-family: Montserrat-Regular;
"
>
COD, COI,
participe
passé et
auxiliaire
</div>
</div>
</div>
<div
class="css-175oi2r r-1777fci"
>
<div
tabindex="0"
class="css-175oi2r r-1loqt21 r-1otgn73 r-1777fci"
>
<div
tabindex="0"
class="css-175oi2r r-1otgn73 r-7q8q6z"
>
<div
class="css-175oi2r r-1awozwy r-is05cd r-gaci75 r-1mkv55d"
>
<div
class="css-175oi2r"
>
<svg
width="32"
height="32"
>
<g
rotation="0"
transform-origin="16 16"
transform="rotate(0)"
>
<path
d="M 15.991517700393416 2.500002664793101 A 13.5 13.5 0 1 0 16 2.5"
stroke="#5B5858"
stroke-width="5"
stroke-linecap="butt"
fill="transparent"
></path>
</g>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li
aria-label="Niveau 9 – plus difficile !"
role="listitem"
data-level-id="3386406"
class="css-175oi2r r-18u37iz r-1wtj0ep"
>
<div
tabindex="0"
class="css-175oi2r r-1otgn73 r-1loqt21 r-bnwqim r-ctqt5z r-edyy15 r-1777fci r-13qz1uu r-n1h2e2 r-xl6kxl r-1867qdf r-rs99b7 r-13awgt0 r-bx70bn"
>
<div
class="css-175oi2r r-18u37iz r-13qz1uu"
>
<div
class="css-175oi2r r-1777fci r-is05cd"
>
<svg
width="56"
height="56"
viewBox="0 0 56 56"
fill="none"
>
<g
clip-path="url(#clip0_4222_239991)"
>
<rect
width="56"
height="56"
rx="8"
fill="#B4D56E"
></rect>
<path
d="M16.938 85.988c5.244-6.38 8.17-14.36 9.363-22.389 1.293-8.02 1.08-16.367-.383-24.42-.788-3.98-1.778-7.978-3.513-11.638-.871-1.78-1.844-3.569-3.266-4.894-.66-.658-1.447-1.025-2.267-.995-.82.031-1.565.37-2.14 1.123-1.04 1.418-1.311 3.402-1.167 5.32.144 1.92.804 3.782 1.785 5.471.982 1.69 2.285 3.205 3.825 4.339 1.54 1.134 3.418 1.896 5.33 2.258 1.912.363 3.95.436 5.913.2 1.963-.234 3.85-.777 5.465-1.744 1.616-.966 2.86-2.366 3.722-4.1.855-1.633 1.328-3.6 1.59-5.485.533-3.869.16-7.915-.424-11.878a117.89 117.89 0 00-2.674-11.869c-2.2-7.814-4.917-15.57-7.947-23.254-1.514-3.842-3.038-7.584-4.764-11.344-1.625-3.75-3.35-7.51-5.077-11.269l.017-.2c.101.01.101.01.203.018 2.149 3.595 4.095 7.172 6.033 10.849a371.14 371.14 0 015.39 11.195c1.726 3.76 3.241 7.601 4.756 11.443C38.223-3.433 39.628.5 40.719 4.506c1.092 4.007 2.184 8.013 2.751 12.176.567 4.163.923 8.408.255 12.667-.279 2.084-.87 4.241-1.962 6.256a13.377 13.377 0 01-4.61 4.929c-1.938 1.14-4.239 1.748-6.404 1.965-2.166.218-4.408.128-6.616-.36-2.208-.488-4.281-1.367-6.007-2.717-1.828-1.36-3.215-3.083-4.282-4.98a14.536 14.536 0 01-1.828-6.176c-.11-1.114-.017-2.21.178-3.297.194-1.088.592-2.158 1.387-3.094.347-.472.888-.828 1.43-1.183.533-.256 1.26-.395 1.878-.443 1.328.012 2.495.713 3.358 1.389 1.71 1.55 2.674 3.438 3.529 5.417 1.718 3.859 2.7 7.957 3.377 12.028 1.354 8.144 1.355 16.574-.049 24.685-1.403 8.11-4.431 16.083-9.879 22.445-.008.1-.11.091-.203-.017-.093-.108-.084-.208-.084-.208z"
fill="#F0FEB4"
></path>
<path
d="M28.303-12.893c1.696 3.062 2.541 6.514 2.275 10.424-.264 1.99-.753 4.133-1.905 6.429a19.22 19.22 0 01-2.548 3.742c-1.151 1.335-2.808 2.851-5.365 4.325-2.558 1.474-5.625 2.475-7.958 2.836-2.332.36-3.993.262-5.533.108-2.977-.405-4.918-1.436-6.494-2.633-1.456-1.253-2.566-2.715-3.17-4.357-.727-1.587-.968-3.396-.966-5.317-.019-.042.103-.097.224-.153.122-.055.14-.014.14-.014C-1.3 5.56.62 8.47 3.838 10.683c.83.53 1.66 1.059 2.611 1.532.952.474 2.005.85 3.283 1.074 1.277.223 2.657.349 4.447.085 1.667-.208 3.725-.847 5.47-1.848 1.765-.96 3.236-2.24 4.305-3.435a19.458 19.458 0 002.502-3.52C27.767 2.303 28.396.147 28.8-1.857c.79-4.05.31-7.668-.882-10.91-.019-.043.103-.098.103-.098l.28-.028zM58.039 39.91c-2.039 1.338-4.23 2.479-6.229 3.763-2.095 1.212-4.093 2.496-5.939 3.977-1.805 1.427-3.07 3.338-4.353 5.069-1.225 1.856-2.161 3.927-3.04 6.124-.04.054-.04.054-.177.037-.097-.072-.097-.072-.057-.126-.537-2.91-.237-5.537.682-7.788 1.016-2.18 3.038-3.697 5.076-5.035 2.04-1.338 4.327-2.407 6.712-3.405l7.172-2.814c.04-.054.136.018.233.09-.096-.072-.04.054-.08.108z"
fill="#F0FEB4"
></path>
</g>
<rect
x="0.5"
y="0.5"
width="55"
height="55"
rx="7.5"
stroke="#050628"
stroke-opacity="0.16"
></rect>
<defs>
<clipPath
id="clip0_4222_239991"
>
<rect
width="56"
height="56"
rx="8"
fill="#fff"
></rect>
</clipPath>
</defs>
</svg>
</div>
<div
class="css-175oi2r r-ws14 r-1m04atk r-16y2uox r-1wbh5a2 r-1777fci"
>
<div
dir="auto"
class="css-146c3p1 r-8akbws r-krxsd3 r-dnmrzs r-1udh08x r-1udbk01 r-fdjqy7 r-lrvibr"
style="
-webkit-line-clamp: 4;
direction: ltr;
color: rgb(
255,
255,
255
);
font-size: 20px;
font-family: Montserrat-SemiBold;
"
>
Niveau 9 – plus
difficile !
</div>
<div
class="css-175oi2r"
>
<div
dir="auto"
class="css-146c3p1 r-8akbws r-krxsd3 r-dnmrzs r-1udh08x r-1udbk01 r-1xnzce8"
style="
-webkit-line-clamp: 2;
color: rgb(
200,
200,
200
);
font-size: 16px;
font-family: Montserrat-Regular;
"
>
Les pièges du
sujet, du COD
et du COI
</div>
</div>
</div>
<div
class="css-175oi2r r-1777fci"
>
<div
tabindex="0"
class="css-175oi2r r-1loqt21 r-1otgn73 r-1777fci"
>
<div
tabindex="0"
class="css-175oi2r r-1otgn73 r-7q8q6z"
>
<div
class="css-175oi2r r-1awozwy r-is05cd r-gaci75 r-1mkv55d"
>
<div
class="css-175oi2r"
>
<svg
width="32"
height="32"
>
<g
rotation="0"
transform-origin="16 16"
transform="rotate(0)"
>
<path
d="M 15.991517700393416 2.500002664793101 A 13.5 13.5 0 1 0 16 2.5"
stroke="#5B5858"
stroke-width="5"
stroke-linecap="butt"
fill="transparent"
></path>
</g>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="css-175oi2r r-12vffkv">
<div class="css-175oi2r r-633pao">
<div
class="css-175oi2r r-1awozwy r-1w1tahi r-1pi2tsx r-ql8eny r-u8s1d r-13qz1uu r-633pao"
style="
transform: translateY(0px);
"
>
<svg
width="100%"
height="100%"
viewBox="0 0 411 200"
preserveAspectRatio="xMaxYMax slice"
fill="none"
class="r-633pao"
>
<g clip-path="url(#a)">
<path
fill="#F0FEB4"
d="M0 0h411v200H0z"
></path>
<path
d="M19.042-53.93-132.22-210.491-390.57 39.115l151.262 156.561L19.042-53.93Z"
fill="#fff"
></path>
<path
d="M225.894 160.192 401.362-9.337l-54.911-56.835-175.468 169.53 54.911 56.834Z"
fill="#DFFB6B"
></path>
<path
d="M280.729 216.937 456.198 47.408 401.394-9.315 225.926 160.214l54.803 56.723Z"
fill="#A2D416"
></path>
<path
d="m280.778 216.88 32.517-31.417-54.804-56.723-32.517 31.416 54.804 56.724Z"
fill="#A2D416"
></path>
<path
d="m276.393 166.205 4.323 50.726-54.792-56.792 50.469 6.066Z"
fill="#BEED29"
></path>
<path
d="m262.746 179.389-4.325-50.648 54.872 56.715-50.547-6.067ZM301.015 237.958l175.468-169.53-20.262-20.97-175.468 169.528 20.262 20.972Z"
fill="#DFFB6B"
></path>
<path
d="m321.256 258.894 175.468-169.53-20.261-20.97-175.469 169.529 20.262 20.971Z"
fill="#BEED29"
></path>
<path
d="M346.403-66.22 456.144 47.365c-31.394 30.33-81.332 29.471-111.663-1.922-30.255-31.315-29.394-81.33 1.922-111.663Z"
fill="#FEAE06"
></path>
<path
d="M346.403-66.22 401.349-9.35c-31.393 30.331-56.868 54.791-56.868 54.791-30.255-31.314-29.394-81.33 1.922-111.662Z"
fill="#A2D416"
></path>
<path
d="m365.446 53.172 14.091 46.55 15.685-46.037-29.776-.513Z"
fill="#FEAE06"
></path>
<path
d="M170.253 102.567 18.992-53.994-137.57 97.268l151.262 156.56 156.56-151.261Z"
fill="#A2D416"
></path>
<path
d="m66.776 202.64 103.518-100.015L19.141-53.824-84.378 46.191 66.776 202.64Z"
fill="#71AD00"
></path>
<path
d="m68.896 49.386-2.095 153.236L-84.32 46.205l153.217 3.18Z"
fill="#BEED29"
></path>
<path
d="m17.152 99.379 2.017-153.237L170.29 102.636 17.152 99.379Z"
fill="#DFFB6B"
></path>
<path
d="M91.006 287.974c60.128 1.035 109.711-46.869 110.746-106.997 1.035-60.128-46.869-109.71-106.997-110.746C34.627 69.196-14.955 117.1-15.991 177.228c-1.035 60.128 46.87 109.711 106.997 110.746Z"
fill="#BEED29"
></path>
<path
d="m92.88 179.102 78.327-75.675c41.762 43.226 40.576 112.162-2.65 153.924l-75.676-78.249Z"
fill="#DFFB6B"
></path>
<path
d="m2.04 175.212-66.24-22.627L2.777 132.33l-.739 42.882Z"
fill="#BEED29"
></path>
<path
d="m111.626 198.596-18.753-19.41-78.252 75.604 18.753 19.409 78.252-75.603Z"
fill="#A2D416"
></path>
<path
d="m130.378 217.998-18.753-19.41-78.252 75.604 18.753 19.41 78.252-75.604Z"
fill="#BEED29"
></path>
<path
d="M48.738-23.253-132.41-210.748l87.713-84.744L136.45-107.997c23.396 24.215 22.731 62.832-1.484 86.228C110.751 1.627 72.134.963 48.738-23.253ZM244.342-58.204c16.69 17.275 16.216 44.803-1.058 61.492-4.181 4.04-8.964 7.06-14.042 9.144l-7.759 22.671-5.945-19.649c-12.19.72-24.601-3.759-33.746-13.224-16.69-17.275-16.216-44.803 1.058-61.492 17.274-16.69 44.802-16.216 61.492 1.058Z"
fill="#A2D416"
></path>
</g>
<defs>
<clipPath id="a">
<path
fill="#fff"
d="M0 0h411v200H0z"
></path>
</clipPath>
</defs>
<path
fill="#121212"
fill-opacity="0.52"
d="M0 0h411v200H0z"
></path>
</svg>
</div>
<div
class="css-175oi2r r-1uq9rlk r-3pj75a"
style="padding: 16px 16px 0px"
>
<div
class="css-175oi2r r-18u37iz r-1wtj0ep"
style="
align-items: flex-start;
"
>
<div
class="css-175oi2r"
style="
align-items: flex-start;
"
>
<div
class="css-175oi2r r-1phboty r-1q8sk3r r-1tw7wh r-1yadl64"
style="
background-color: rgba(
0,
0,
0,
0
);
border-color: rgba(
255,
255,
255,
0.29
);
box-shadow: rgba(
0,
0,
0,
0
)
0px 0px 0px;
"
>
<button
role="button"
tabindex="0"
class="css-175oi2r r-1otgn73 r-1loqt21 r-bnwqim r-ctqt5z r-1udh08x"
data-testid="button"
type="button"
style="
border-radius: 50px;
"
>
<div
class="css-175oi2r r-1awozwy r-18u37iz r-1777fci r-n1h2e2 r-1559e4e"
>
<div
dir="auto"
class="css-146c3p1 r-dnmrzs r-1udh08x r-1udbk01 r-3s2u2q r-1iln25a r-15a3drq r-1xpp3t0 r-q4m81j r-tsynxw r-19u6a5r r-88pszg r-lrvibr"
data-testid="button-text"
style="
direction: ltr;
color: rgb(
255,
255,
255
);
font-size: 14px;
font-family: Roboto-Medium;
letter-spacing: 0px;
"
>
MODULES
</div>
</div>
</button>
</div>
</div>
<div
class="css-175oi2r r-1phboty r-1q8sk3r r-1tw7wh r-1yadl64"
style="
background-color: rgba(
0,
0,
0,
0
);
border-color: rgba(
255,
255,
255,
0.29
);
box-shadow: rgba(
0,
0,
0,
0
)
0px 0px 0px;
"
>
<button
role="button"
tabindex="0"
class="css-175oi2r r-1otgn73 r-1loqt21 r-bnwqim r-ctqt5z r-1udh08x"
data-testid="button"
type="button"
style="
border-radius: 50px;
"
>
<div
class="css-175oi2r r-1awozwy r-18u37iz r-1777fci r-n1h2e2 r-1559e4e"
>
<div
class="css-175oi2r r-19u6a5r r-2eo2mk"
data-testid="button-icon-container"
>
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
>
<path
d="M12 14a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
fill="#C8C8C8"
></path>
<path
d="M12 4c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8Zm4 12.4c-.6-.7-1.4-1.4-3-1.4h-2c-1.6 0-2.4.7-3 1.4-1.2-1.1-2-2.6-2-4.4 0-3.3 2.7-6 6-6s6 2.7 6 6c0 1.8-.8 3.3-2 4.4Z"
fill="#C8C8C8"
></path>
</svg>
</div>
<div
dir="auto"
class="css-146c3p1 r-dnmrzs r-1udh08x r-1udbk01 r-3s2u2q r-1iln25a r-15a3drq r-1xpp3t0 r-q4m81j r-tsynxw r-19u6a5r r-88pszg r-lrvibr"
data-testid="button-text"
style="
direction: ltr;
color: rgb(
255,
255,
255
);
font-size: 14px;
font-family: Roboto-Medium;
letter-spacing: 0px;
"
>
PROFIL
</div>
</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="css-175oi2r r-1p0dtai r-1d2f490 r-u8s1d r-zchlnj r-ipm5af r-12vffkv"
style="display: flex"
>
<div
class="css-175oi2r"
style="opacity: 1"
></div>
<div
class="css-175oi2r r-1p0dtai r-1d2f490 r-u8s1d r-zchlnj r-ipm5af r-12vffkv"
style="display: flex"
>
<div
class="css-175oi2r r-1p0dtai r-1d2f490 r-u8s1d r-zchlnj r-ipm5af r-12vffkv"
></div>
<div
class="css-175oi2r r-13awgt0 r-12vffkv"
>
<div class="css-175oi2r r-13awgt0">
<div
class="css-175oi2r r-2llsf r-12vffkv"
style="
background-color: rgb(18, 18, 18);
"
>
<div
class="css-175oi2r r-13awgt0 r-1d5kdc7"
>
<div class="css-175oi2r r-13awgt0">
<div
class="css-175oi2r r-1p0dtai r-1d2f490 r-u8s1d r-zchlnj r-ipm5af r-1pi2tsx r-n1h2e2"
>
<div
class="css-175oi2r r-150rngu r-eqz5dr r-16y2uox r-1wbh5a2 r-11yh6sk r-1rnoaur r-agouwx r-1pi2tsx"
style="
align-self: center;
max-width: 880px;
width: 100%;
"
>
<div
class="css-175oi2r r-1kihuf0 r-5hg35f r-1j7aebl"
>
<div
class="css-175oi2r r-lfnkf6 r-1867qdf r-hwh8t1 r-1wzrnnt r-nsbfu8"
>
<div class="css-175oi2r">
<div
class="css-175oi2r"
>
<div
class="css-175oi2r r-1awozwy r-1ed8uah r-1rq7qom r-1xfd6ze r-1777fci r-8dgmk1 r-knv0ih r-d23pfw r-bnwqim"
>
<div
class="css-175oi2r r-1awozwy r-6dt33c"
>
<svg
width="106"
height="106"
fill="none"
>
<path
d="M53 106c29.271 0 53-23.729 53-53S82.271 0 53 0 0 23.729 0 53s23.729 53 53 53Z"
fill="#121212"
></path>
<path
d="M35.612 50.327a16 16 0 1 1 22.6 0"
stroke="#F99E22"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
></path>
<path
d="M66.912 63.028v-4c0-5.3-8-5.3-8 0v-4c0-5.3-8-5.3-8 0v-16c0-5.3-8-5.3-8 0v31c-3.7-3.7-7.3-8.7-10.8-5.2a4 4 0 0 0 0 5.7l11.3 11.3a3.85 3.85 0 0 0 3.2 1.1c1.2.1 23.1 0 24.3 0a3.929 3.929 0 0 0 4-3.9v-16c0-5.3-8-5.3-8 0Z"
stroke="#F99E22"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</svg>
<div
dir="auto"
class="css-146c3p1 r-11rk87y r-1ygmrgt r-q4m81j r-1xnzce8"
style="
color: rgb(
255,
255,
255
);
font-size: 20px;
font-family: Montserrat-SemiBold;
"
>
Cliquez sur la
faute
</div>
</div>
<div
class="css-175oi2r"
>
<div
class="css-175oi2r"
data-testid="html"
>
<div
class="css-175oi2r"
data-testid="body"
>
<div
dir="auto"
class="css-146c3p1 r-1xnzce8"
data-testid="i"
style="
font-size: 16px;
color: rgb(
200,
200,
200
);
text-align: center;
font-style: italic;
"
>
<span
class="css-1jxf684 r-1xnzce8"
style="
font-size: 16px;
color: rgb(
200,
200,
200
);
text-align: center;
font-style: italic;
"
>Si vous
voyez une </span
><span
class="css-1jxf684 r-1xnzce8"
data-testid="u"
style="
font-size: 16px;
color: rgb(
200,
200,
200
);
text-align: center;
font-style: italic;
text-decoration-line: underline;
text-decoration-style: solid;
"
>faute
d'accord</span
><span
class="css-1jxf684 r-1xnzce8"
style="
font-size: 16px;
color: rgb(
200,
200,
200
);
text-align: center;
font-style: italic;
"
>, cliquez
dessus,</span
><span
class="css-1jxf684"
data-testid="br"
>
</span
><span
class="css-1jxf684 r-1xnzce8"
style="
font-size: 16px;
color: rgb(
200,
200,
200
);
text-align: center;
font-style: italic;
"
>sinon
cliquez
sur
« Il
n'y a pas
de
faute ».</span
>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="css-175oi2r r-18u37iz r-1w6e6rj r-1h0z5md r-1peese0 r-1wzrnnt r-3pj75a r-13qz1uu"
>
<div
class="css-175oi2r"
style="
flex-direction: row;
"
>
<div
class="css-175oi2r r-jumn1c r-1d2f490 r-u8s1d r-417010"
style="
width: 118px;
height: 30px;
background-color: rgba(
0,
0,
0,
0
);
"
></div>
<div
tabindex="0"
class="css-175oi2r r-1loqt21 r-1otgn73 r-1habvwh r-18u37iz r-1777fci r-11c0sde r-184en5c"
>
<div
class="css-175oi2r"
style="
font-family: Montserrat-Regular;
"
>
<div
dir="auto"
class="css-146c3p1 r-184en5c r-lrvibr"
style="
color: rgb(
255,
255,
255
);
font-size: 24px;
font-family: Montserrat-Regular;
"
>
Quelques
</div>
</div>
</div>
</div>
<div
dir="auto"
class="css-146c3p1 r-lrvibr"
style="
color: rgb(
255,
255,
255
);
font-size: 24px;
cursor: pointer;
font-family: Montserrat-Regular;
"
></div>
<div
class="css-175oi2r"
style="
flex-direction: row;
"
>
<div
class="css-175oi2r r-jumn1c r-1d2f490 r-u8s1d r-417010"
style="
width: 44px;
height: 30px;
background-color: rgba(
0,
0,
0,
0
);
"
></div>
<div
tabindex="0"
class="css-175oi2r r-1loqt21 r-1otgn73 r-1habvwh r-18u37iz r-1777fci r-11c0sde r-184en5c"
>
<div
class="css-175oi2r"
style="
font-family: Montserrat-Regular;
"
>
<div
dir="auto"
class="css-146c3p1 r-184en5c r-lrvibr"
style="
color: rgb(
255,
255,
255
);
font-size: 24px;
font-family: Montserrat-Regular;
"
>
fille
</div>
</div>
</div>
</div>
<div
dir="auto"
class="css-146c3p1 r-lrvibr"
style="
color: rgb(
255,
255,
255
);
font-size: 24px;
cursor: pointer;
font-family: Montserrat-Regular;
"
></div>
<div
class="css-175oi2r"
style="
flex-direction: row;
"
>
<div
class="css-175oi2r r-jumn1c r-1d2f490 r-u8s1d r-417010"
style="
width: 208px;
height: 30px;
background-color: rgba(
0,
0,
0,
0
);
"
></div>
<div
tabindex="0"
class="css-175oi2r r-1loqt21 r-1otgn73 r-1habvwh r-18u37iz r-1777fci r-11c0sde r-184en5c"
>
<div
class="css-175oi2r"
style="
font-family: Montserrat-Regular;
"
>
<div
dir="auto"
class="css-146c3p1 r-184en5c r-lrvibr"
style="
color: rgb(
255,
255,
255
);
font-size: 24px;
font-family: Montserrat-Regular;
"
>
ont
</div>
</div>
</div>
</div>
<div
class="css-175oi2r"
style="
flex-direction: row;
"
>
<div
class="css-175oi2r r-jumn1c r-1d2f490 r-u8s1d r-417010"
style="
width: 0px;
height: 30px;
background-color: rgba(
0,
0,
0,
0
);
"
></div>
<div
tabindex="0"
class="css-175oi2r r-1loqt21 r-1otgn73 r-1habvwh r-18u37iz r-1777fci r-11c0sde r-184en5c"
>
<div
class="css-175oi2r"
style="
font-family: Montserrat-Regular;
"
>
<div
dir="auto"
class="css-146c3p1 r-184en5c r-lrvibr"
style="
color: rgb(
255,
255,
255
);
font-size: 24px;
font-family: Montserrat-Regular;
"
></div>
</div>
</div>
</div>
<div
class="css-175oi2r"
style="
flex-direction: row;
"
>
<div
class="css-175oi2r r-jumn1c r-1d2f490 r-u8s1d r-417010"
style="
width: 0px;
height: 30px;
background-color: rgba(
0,
0,
0,
0
);
"
></div>
<div
tabindex="0"
class="css-175oi2r r-1loqt21 r-1otgn73 r-1habvwh r-18u37iz r-1777fci r-11c0sde r-184en5c"
>
<div
class="css-175oi2r"
style="
font-family: Montserrat-Regular;
"
>
<div
dir="auto"
class="css-146c3p1 r-184en5c r-lrvibr"
style="
color: rgb(
255,
255,
255
);
font-size: 24px;
font-family: Montserrat-Regular;
"
>
voulu
</div>
</div>
</div>
</div>
<div
class="css-175oi2r"
style="
flex-direction: row;
"
>
<div
class="css-175oi2r r-jumn1c r-1d2f490 r-u8s1d r-417010"
style="
width: 0px;
height: 30px;
background-color: rgba(
0,
0,
0,
0
);
"
></div>
<div
tabindex="0"
class="css-175oi2r r-1loqt21 r-1otgn73 r-1habvwh r-18u37iz r-1777fci r-11c0sde r-184en5c"
>
<div
class="css-175oi2r"
style="
font-family: Montserrat-Regular;
"
>
<div
dir="auto"
class="css-146c3p1 r-184en5c r-lrvibr"
style="
color: rgb(
255,
255,
255
);
font-size: 24px;
font-family: Montserrat-Regular;
"
></div>
</div>
</div>
</div>
<div
class="css-175oi2r"
style="
flex-direction: row;
"
>
<div
class="css-175oi2r r-jumn1c r-1d2f490 r-u8s1d r-417010"
style="
width: 0px;
height: 30px;
background-color: rgba(
0,
0,
0,
0
);
"
></div>
<div
tabindex="0"
class="css-175oi2r r-1loqt21 r-1otgn73 r-1habvwh r-18u37iz r-1777fci r-11c0sde r-184en5c"
>
<div
class="css-175oi2r"
style="
font-family: Montserrat-Regular;
"
>
<div
dir="auto"
class="css-146c3p1 r-184en5c r-lrvibr"
style="
color: rgb(
255,
255,
255
);
font-size: 24px;
font-family: Montserrat-Regular;
"
>
danser.
</div>
</div>
</div>
</div>
</div>
<div
class="css-175oi2r r-1awozwy r-1xpp3t0"
>
<div
tabindex="0"
class="css-175oi2r r-1phboty r-1q8sk3r r-1qfr5kh r-nsiyw1 r-1yadl64 r-hwh8t1 r-b0ed6b"
style="
border-color: rgba(
255,
255,
255,
0.29
);
box-shadow: rgba(
0,
0,
0,
0
)
0px 0px 0px;
"
>
<button
role="button"
tabindex="0"
class="css-175oi2r r-1otgn73 r-1loqt21 r-bnwqim r-ctqt5z r-1udh08x"
data-testid="button"
type="button"
style="
border-radius: 32px;
"
>
<div
class="css-175oi2r r-1awozwy r-18u37iz r-1777fci"
>
<div
dir="auto"
class="css-146c3p1 r-dnmrzs r-1udh08x r-1udbk01 r-3s2u2q r-1iln25a r-q4m81j r-tsynxw r-1xzkdlp r-12kyg2d r-14mg64r r-lrvibr"
data-testid="button-text"
style="
direction: ltr;
font-size: 14px;
font-family: Roboto-Medium;
letter-spacing: 0px;
"
>
Il n'y a pas
de faute
</div>
</div>
</button>
</div>
</div>
<div
class="css-175oi2r r-1niwhzg r-1lmcfpr r-tmtnm0 r-u8s1d r-2tyz2o r-1wyyakw"
></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="css-175oi2r r-12vffkv">
<div
class="css-175oi2r r-12vffkv"
>
<div
class="css-175oi2r r-1ed8uah r-3pj75a"
style="padding: 16px 16px 0px"
>
<div
class="css-175oi2r r-18u37iz r-1wtj0ep r-1l7z4oj r-1kihuf0 r-5hg35f r-13qz1uu"
>
<div
class="css-175oi2r r-5scogr r-1udh08x r-88pszg r-k200y r-11wrixw"
style="
background-color: rgb(
47,
47,
46
);
width: 36px;
height: 36px;
border-width: 0px;
border-radius: 18px;
"
>
<button
role="button"
tabindex="0"
class="css-175oi2r r-1otgn73 r-1loqt21 r-bnwqim r-ctqt5z r-1udh08x r-1awozwy r-16y2uox r-1777fci"
data-testid="icon-button"
type="button"
style="
border-radius: 18px;
"
>
<svg
width="14"
height="14"
fill="none"
>
<path
d="M14 1.41 12.59 0 7 5.59 1.41 0 0 1.41 5.59 7 0 12.59 1.41 14 7 8.41 12.59 14 14 12.59 8.41 7 14 1.41Z"
fill="#FFFFFF"
fill-opacity="0.6"
></path>
</svg>
</button>
</div>
<div
class="css-175oi2r r-1kihuf0 r-13awgt0"
>
<div
role="progressbar"
class="css-175oi2r r-1pi2tsx r-13qz1uu"
>
<div
class="css-175oi2r r-1udh08x r-1xfd6ze r-14g73ha r-13qz1uu"
style="
background-color: rgba(
254,
189,
52,
0.38
);
opacity: 1;
"
>
<div
class="css-175oi2r r-13awgt0"
style="
width: 752px;
background-color: rgb(
254,
189,
52
);
transform: translateX(
-165.44px
)
scaleX(0.560044);
"
></div>
</div>
</div>
</div>
<div
tabindex="0"
class="css-175oi2r r-1otgn73 r-1kihuf0 r-113qch9 r-18u37iz r-1ow6zhx"
>
<div
class="css-175oi2r"
style="
transform: rotate(
0deg
)
scale(1);
opacity: 1;
"
>
<svg
width="22"
height="22"
viewBox="0 0 22 22"
fill="none"
>
<path
d="M16.64 21.007a.536.536 0 0 1-.253-.068l-5.884-3.09-5.885 3.09a.558.558 0 0 1-.588-.044.55.55 0 0 1-.224-.544l1.125-6.547-4.76-4.641a.566.566 0 0 1-.141-.574.559.559 0 0 1 .454-.38l6.578-.975 2.98-5.96a.581.581 0 0 1 .997 0l2.98 5.96 6.577.96a.566.566 0 0 1 .454.38.581.581 0 0 1-.141.574l-4.76 4.64 1.117 6.548a.543.543 0 0 1-.216.544.566.566 0 0 1-.41.127Z"
fill="#FEBD34"
></path>
</svg>
</div>
<div
dir="auto"
class="css-146c3p1 r-1kihuf0 r-1tftl8d r-1m04atk r-1xnzce8"
style="
font-size: 16px;
font-family: Montserrat-Regular;
"
>
<span
class="css-1jxf684 r-1xnzce8"
style="
color: rgb(
255,
255,
255
);
font-size: 20px;
font-family: Montserrat-SemiBold;
"
>1</span
>
/ 5
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="css-175oi2r r-184en5c r-1d2f490 r-u8s1d r-zchlnj r-ipm5af r-12vffkv"
style="height: 80px"
></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="css-175oi2r r-1p0dtai r-1d2f490 r-u8s1d r-zchlnj r-ipm5af r-12vffkv"
></div>
</div>
</div>
</div>
</div>
</div>
<div id="amw" style="visibility: visible; display: block">
<app-amw-accessibility></app-amw-accessibility>
<div class="amw-logo-button" id="loader-1-amw">
<img
alt="Accessibility logo"
class="img-logo"
id="logo-amw"
src="data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FscXVlXzEiIGRhdGEtbmFtZT0iQ2FscXVlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDYwIDYwIj4gIDxkZWZzPiAgICA8c3R5bGU+ICAgICAgLmNscy0xIHsgICAgICAgIGZpbGw6ICM0Yzg4Y2I7ICAgICAgfSAgICAgIC5jbHMtMiB7ICAgICAgICBmaWxsOiAjMTc0MDYzOyAgICAgIH0gICAgICAuY2xzLTMgeyAgICAgICAgZmlsbDogIzBmMmE0MjsgICAgICB9ICAgICAgLmNscy00IHsgICAgICAgIGZpbGw6ICNmZmY7ICAgICAgfSAgICA8L3N0eWxlPiAgPC9kZWZzPiAgPHRpdGxlPmFtdy1sb2dvPC90aXRsZT4gIDxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iMzAiIGN5PSIzMCIgcj0iMzAiLz4gIDxnPiAgICA8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik00LjY4Myw1OS41NTNMMC44MTIsNTUuNzRBMS42NTYsMS42NTYsMCwwLDEsLjc4Miw1My40TDE3LjIzLDM4LjQ3czEuMzUyLDEuNTc5LDEuNzgzLDJTMjEuMTU1LDQyLjMsMjEuMTU1LDQyLjNMNy4wMjUsNTkuNTIyQTEuNjU2LDEuNjU2LDAsMCwxLDQuNjgzLDU5LjU1M1oiLz4gICAgPGNpcmNsZSBjbGFzcz0iY2xzLTMiIGN4PSIzMC4wMzkiIGN5PSIyOS45OTUiIHI9IjE1LjM0NCIvPiAgICA8cGF0aCBjbGFzcz0iY2xzLTQiIGQ9Ik0xNy4yMDksMzAuNTYxaDMuMDUzYTExLjMsMTEuMywwLDAsMCw5LjQxMyw5LjE1NnYyLjg4OXMtNC4yLjMyOS04LjI4Ni0zLjc1OVMxNy4yMDksMzAuNTYxLDE3LjIwOSwzMC41NjFaIi8+ICAgIDxwYXRoIGNsYXNzPSJjbHMtNCIgZD0iTTMyLjAzNywxNS4wODdBMTAuMjM1LDEwLjIzNSwwLDAsMCw0NS4yMjIsMjkuOCwxNS4yMTUsMTUuMjE1LDAsMCwwLDMyLjAzNywxNS4wODdaIi8+ICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTMwLjA5MiwxMC4zNzhBMTkuNTg4LDE5LjU4OCwwLDAsMCwxNC4wMjUsNDEuMTkybDMuMTgtMi44NDVhMTUuMzgsMTUuMzgsMCwxLDEsMTYuMDU3LDYuNjQybDEuNTQyLDRBMTkuNTkyLDE5LjU5MiwwLDAsMCwzMC4wOTIsMTAuMzc4WiIvPiAgPC9nPjwvc3ZnPg=="
/>
<div class="background-logo"><span>Menu d'accessibilité</span></div>
</div>
</div>
<div
style="
position: fixed;
left: 0px;
top: 0px;
width: 0px;
height: 0px;
z-index: -1;
overflow: hidden;
visibility: hidden;
transition-duration: 0.05s;
transition-property: padding;
transition-delay: 0s;
padding-top: env(safe-area-inset-top);
padding-bottom: env(safe-area-inset-bottom);
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
"
></div>
<div
style="
position: fixed;
left: 0px;
top: 0px;
width: 0px;
height: 0px;
z-index: -1;
overflow: hidden;
visibility: hidden;
transition-duration: 0.05s;
transition-property: padding;
transition-delay: 0s;
padding-top: env(safe-area-inset-top);
padding-bottom: env(safe-area-inset-bottom);
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
"
></div>
<svg
xlink="http://www.w3.org/1999/xlink"
width="300"
height="300"
viewBox="0 0 300 300"
aria-hidden="true"
style="position: fixed; top: -9999px; left: -9999px"
>
<text></text>
</svg>
</body>
</html>
je sais que c vieux mais quand je clique sur l'icon rien se passe comment je fais