\documentclass[a4paper,11pt]{article}
\usepackage{fontspec}
\usepackage[french]{babel}
\usepackage[a4paper,top=3.2cm,bottom=2cm,left=1.6cm,right=1.6cm]{geometry}
\usepackage{fancyhdr}
\usepackage{qrcode}
\usepackage[table]{xcolor}
\usepackage{amsmath}
\usepackage{tikz}
\usetikzlibrary{decorations.text}
\usepackage{twemojis}
\newfontfamily\symfont{DejaVu Sans}
\setlength{\headheight}{75pt}
\setlength{\headsep}{10pt}
\pagestyle{fancy}
\fancyhf{}

\newcommand{\logowouf}{%
\begin{tikzpicture}[baseline={(current bounding box.center)},scale=0.55,
                    line cap=round,line join=round]
    \path[use as bounding box] (-2.20,-1.45) rectangle (2.20,2.20);
    \path[
        postaction={decorate},
        decoration={
            text along path,
            text={|\bfseries\fontsize{9}{9}\selectfont|site2wouf.fr},
            text align={center},
            raise=0.03ex
        }
    ] (-1.29,0.48) arc[start angle=160,end angle=20,radius=1.29];
    \begin{scope}[xshift=-0.06cm]
        \fill[black] (-0.66,0.14) ellipse (0.21 and 0.31);
        \fill[black] ( 0.66,0.14) ellipse (0.21 and 0.31);
        \fill[black] (-0.23,0.49) ellipse (0.22 and 0.35);
        \fill[black] ( 0.23,0.49) ellipse (0.22 and 0.35);
        \fill[black]
            (0,-0.10)
            .. controls (-0.36,-0.02) and (-0.63,-0.24) .. (-0.58,-0.58)
            .. controls (-0.52,-0.93) and (-0.16,-1.12) .. (0,-0.90)
            .. controls (0.16,-1.12) and (0.52,-0.93) .. (0.58,-0.58)
            .. controls (0.63,-0.24) and (0.36,-0.02) .. (0,-0.10)
            -- cycle;
    \end{scope}
\end{tikzpicture}%
}

% couleurs de la grille « mot caché »
\definecolor{gblue}{HTML}{A5D8FF}
\definecolor{gorange}{HTML}{FFD6A5}
\definecolor{gink}{HTML}{003049}
\definecolor{resbar}{HTML}{374151}

\fancyhead[C]{%
\raisebox{4pt}{%
\begin{minipage}[c]{0.15\textwidth}\centering\logowouf\end{minipage}
\begin{minipage}[c]{0.62\textwidth}\centering
    {\Large\bfseries Des Chiffres et des Lettres\par}{\small\color{gray} Le compte est bon + le mot caché : calcul mental et vocabulaire}
\end{minipage}
\begin{minipage}[c]{0.21\textwidth}\centering
    \qrcode[height=1.5cm]{https://site2wouf.fr/chiffres_et_lettres.php?x=456}\\[2pt]
    {\small\ttfamily\bfseries\color{red} CHIF0456}
\end{minipage}%
}
}

\begin{document}
\begin{center}{\Large\bfseries Le compte est bon ! et vous ?}\end{center}
\medskip
\begin{center}\begin{tikzpicture}[x=1cm,y=1cm]
\definecolor{tile0}{HTML}{6366F1}
\fill[tile0,rounded corners=8pt] (0.00,0) rectangle (1.70,1.90);
\node[white,font=\Large\bfseries] at (0.85,0.95) {1};
\definecolor{tile1}{HTML}{8B5CF6}
\fill[tile1,rounded corners=8pt] (1.88,0) rectangle (3.58,1.90);
\node[white,font=\Large\bfseries] at (2.73,0.95) {6};
\definecolor{tile2}{HTML}{EC4899}
\fill[tile2,rounded corners=8pt] (3.76,0) rectangle (5.46,1.90);
\node[white,font=\Large\bfseries] at (4.61,0.95) {75};
\definecolor{tile3}{HTML}{F43F5E}
\fill[tile3,rounded corners=8pt] (5.64,0) rectangle (7.34,1.90);
\node[white,font=\Large\bfseries] at (6.49,0.95) {50};
\definecolor{tile4}{HTML}{0EA5E9}
\fill[tile4,rounded corners=8pt] (7.52,0) rectangle (9.22,1.90);
\node[white,font=\Large\bfseries] at (8.37,0.95) {4};
\definecolor{tile5}{HTML}{10B981}
\fill[tile5,rounded corners=8pt] (9.40,0) rectangle (11.10,1.90);
\node[white,font=\Large\bfseries] at (10.25,0.95) {100};
\end{tikzpicture}\end{center}
\begin{center}\begin{tikzpicture}[x=1cm,y=1cm]
\fill[resbar,rounded corners=10pt] (0,0) rectangle (11.10,1.5);
\node[white,font=\LARGE\bfseries] at (5.55,0.75) {Résultat : 516};
\end{tikzpicture}\end{center}
\vspace{1em}
\begin{center}{\Large\bfseries Trouvez le mot caché !}\end{center}
\begin{center}\begin{tikzpicture}[x=1cm,y=1cm]
\fill[gblue,rounded corners=3pt] (0.04,3.84) rectangle (0.91,4.71);
\node[gink,font=\large] at (0.47,4.27) {{\symfont ♬}};
\fill[gorange,rounded corners=3pt] (0.99,3.84) rectangle (1.86,4.71);
\node[gink,font=\large] at (1.42,4.27) {{\symfont ♥}};
\fill[gblue,rounded corners=3pt] (1.94,3.84) rectangle (2.81,4.71);
\node[gink,font=\large] at (2.38,4.27) {{\symfont ♛}};
\fill[gorange,rounded corners=3pt] (2.89,3.84) rectangle (3.76,4.71);
\node[gink,font=\large] at (3.32,4.27) {{\symfont ♬}};
\fill[gblue,rounded corners=3pt] (3.84,3.84) rectangle (4.71,4.71);
\node[gink,font=\large] at (4.27,4.27) {{\symfont ♕}};
\fill[gorange,rounded corners=3pt] (4.79,3.84) rectangle (5.66,4.71);
\node[gink,font=\large] at (5.22,4.27) {{\symfont ♝}};
\fill[gblue,rounded corners=3pt] (5.74,3.84) rectangle (6.61,4.71);
\node[gink,font=\large] at (6.17,4.27) {{\symfont ♝}};
\fill[gorange,rounded corners=3pt] (6.69,3.84) rectangle (7.56,4.71);
\node[gink,font=\large] at (7.12,4.27) {{\symfont ♞}};
\fill[gblue,rounded corners=3pt] (0.04,2.89) rectangle (0.91,3.76);
\node[gink,font=\large] at (0.47,3.32) {{\symfont ♜}};
\fill[gorange,rounded corners=3pt] (0.99,2.89) rectangle (1.86,3.76);
\node[gink,font=\large] at (1.42,3.32) {{\symfont ♔}};
\fill[gblue,rounded corners=3pt] (1.94,2.89) rectangle (2.81,3.76);
\node[gink,font=\large] at (2.38,3.32) {{\symfont ♛}};
\fill[gorange,rounded corners=3pt] (2.89,2.89) rectangle (3.76,3.76);
\node[gink,font=\large] at (3.32,3.32) {{\symfont ♔}};
\fill[gblue,rounded corners=3pt] (3.84,2.89) rectangle (4.71,3.76);
\node[gink,font=\large] at (4.27,3.32) {{\symfont ♦}};
\fill[gorange,rounded corners=3pt] (4.79,2.89) rectangle (5.66,3.76);
\node[gink,font=\large] at (5.22,3.32) {{\symfont D}};
\fill[gblue,rounded corners=3pt] (5.74,2.89) rectangle (6.61,3.76);
\node[gink,font=\large] at (6.17,3.32) {{\symfont ♗}};
\fill[gorange,rounded corners=3pt] (6.69,2.89) rectangle (7.56,3.76);
\node[gink,font=\large] at (7.12,3.32) {{\symfont ♙}};
\fill[gblue,rounded corners=3pt] (0.04,1.94) rectangle (0.91,2.81);
\node[gink,font=\large] at (0.47,2.38) {{\symfont ∞}};
\fill[gorange,rounded corners=3pt] (0.99,1.94) rectangle (1.86,2.81);
\node[gink,font=\large] at (1.42,2.38) {{\symfont ♛}};
\fill[gblue,rounded corners=3pt] (1.94,1.94) rectangle (2.81,2.81);
\node[gink,font=\large] at (2.38,2.38) {{\symfont ♗}};
\fill[gorange,rounded corners=3pt] (2.89,1.94) rectangle (3.76,2.81);
\node[gink,font=\large] at (3.32,2.38) {{\symfont E}};
\fill[gblue,rounded corners=3pt] (3.84,1.94) rectangle (4.71,2.81);
\node[gink,font=\large] at (4.27,2.38) {{\symfont ∞}};
\fill[gorange,rounded corners=3pt] (4.79,1.94) rectangle (5.66,2.81);
\node[gink,font=\large] at (5.22,2.38) {{\symfont ♔}};
\fill[gblue,rounded corners=3pt] (5.74,1.94) rectangle (6.61,2.81);
\node[gink,font=\large] at (6.17,2.38) {{\symfont ♖}};
\fill[gorange,rounded corners=3pt] (6.69,1.94) rectangle (7.56,2.81);
\node[gink,font=\large] at (7.12,2.38) {{\symfont C}};
\fill[gblue,rounded corners=3pt] (0.04,0.99) rectangle (0.91,1.86);
\node[gink,font=\large] at (0.47,1.42) {{\symfont O}};
\fill[gorange,rounded corners=3pt] (0.99,0.99) rectangle (1.86,1.86);
\node[gink,font=\large] at (1.42,1.42) {{\symfont ♙}};
\fill[gblue,rounded corners=3pt] (1.94,0.99) rectangle (2.81,1.86);
\node[gink,font=\large] at (2.38,1.42) {{\symfont ♬}};
\fill[gorange,rounded corners=3pt] (2.89,0.99) rectangle (3.76,1.86);
\node[gink,font=\large] at (3.32,1.42) {{\symfont ♟}};
\fill[gblue,rounded corners=3pt] (3.84,0.99) rectangle (4.71,1.86);
\node[gink,font=\large] at (4.27,1.42) {{\symfont ♚}};
\fill[gorange,rounded corners=3pt] (4.79,0.99) rectangle (5.66,1.86);
\node[gink,font=\large] at (5.22,1.42) {{\symfont ♠}};
\fill[gblue,rounded corners=3pt] (5.74,0.99) rectangle (6.61,1.86);
\node[gink,font=\large] at (6.17,1.42) {{\symfont R}};
\fill[gorange,rounded corners=3pt] (6.69,0.99) rectangle (7.56,1.86);
\node[gink,font=\large] at (7.12,1.42) {{\symfont ♞}};
\fill[gblue,rounded corners=3pt] (0.04,0.04) rectangle (0.91,0.91);
\node[gink,font=\large] at (0.47,0.47) {{\symfont ♟}};
\fill[gorange,rounded corners=3pt] (0.99,0.04) rectangle (1.86,0.91);
\node[gink,font=\large] at (1.42,0.47) {{\symfont ♛}};
\fill[gblue,rounded corners=3pt] (1.94,0.04) rectangle (2.81,0.91);
\node[gink,font=\large] at (2.38,0.47) {{\symfont ♝}};
\fill[gorange,rounded corners=3pt] (2.89,0.04) rectangle (3.76,0.91);
\node[gink,font=\large] at (3.32,0.47) {{\symfont ♗}};
\fill[gblue,rounded corners=3pt] (3.84,0.04) rectangle (4.71,0.91);
\node[gink,font=\large] at (4.27,0.47) {{\symfont ∞}};
\fill[gorange,rounded corners=3pt] (4.79,0.04) rectangle (5.66,0.91);
\node[gink,font=\large] at (5.22,0.47) {{\symfont ♚}};
\fill[gblue,rounded corners=3pt] (5.74,0.04) rectangle (6.61,0.91);
\node[gink,font=\large] at (6.17,0.47) {{\symfont ♛}};
\fill[gorange,rounded corners=3pt] (6.69,0.04) rectangle (7.56,0.91);
\node[gink,font=\large] at (7.12,0.47) {{\symfont ♔}};
\end{tikzpicture}\end{center}

\newpage
{\Large\bfseries\color{red} Correction}\par\medskip
{\large\bfseries Mes solutions au « compte est bon » :}\par\smallskip
\begin{itemize}
  \item $516 = (50\times (75-1)-4)/6-100$
\end{itemize}\medskip
{\large\bfseries Le mot caché : \color{red}CORDE}\par\smallskip
{\color{green!50!black} Les éléments de géométrie sont étudiés au cycle 3}\par

\end{document}
