diff --git a/1NSI/05_Interaction_client-serveur/exercises.tex b/1NSI/05_Interaction_client-serveur/exercises.tex
new file mode 100644
index 0000000..a1f250c
--- /dev/null
+++ b/1NSI/05_Interaction_client-serveur/exercises.tex
@@ -0,0 +1,7 @@
+\begin{exercise}[subtitle={<++>}, step={1}, origin={<++>}, topics={  Interaction client-serveur }, tags={ HTTP, Flask }]
+    <++>
+\end{exercise}
+
+\begin{solution}
+    <++>
+\end{solution}
diff --git a/1NSI/05_Interaction_client-serveur/index.rst b/1NSI/05_Interaction_client-serveur/index.rst
new file mode 100644
index 0000000..b4bfaa1
--- /dev/null
+++ b/1NSI/05_Interaction_client-serveur/index.rst
@@ -0,0 +1,45 @@
+Interaction client-serveur
+###########################
+
+:date: 2023-01-03
+:modified: 2023-01-03
+:authors: Benjamin Bertrand
+:tags: Http, Flask
+:category: 1NSI
+:summary: Les réponses et les requêtes du protocole HTTP et la construction d'un serveur web
+
+
+Éléments du programme
+=====================
+
+.. list-table:: Fonction, spécification et tests
+    :header-rows: 1
+
+    * - Contenus
+      - Capacités attendues
+      - Commentaires
+
+    * - Interaction client-serveur. Requêtes HTTP, réponses du serveur
+      - Distinguer ce qui est exécuté sur le client ou sur le serveur et dans quel ordre. Distinguer ce qui est mémorisé dans le client et retransmis au serveur. Reconnaître quand et pourquoi la transmission est chiffrée.
+      - Il s’agit de faire le lien avec ce qui a été vu en classe de seconde et d’expliquer comment on peut passer des paramètres à un site grâce au protocole HTTP.
+
+    * - Formulaire d’une page Web
+      - Analyser le fonctionnement d’un formulaire simple. Distinguer les transmissions de paramètres par les requêtes POST ou GET.
+      - Discuter les deux types de requêtes selon le type des valeurs
+
+
+Progression
+===========
+
+Étape 1: Étude des headers
+--------------------------
+
+Cours: rappels de ce qui a été déjà fait sur le web: client serveur, url, positionnement du protocole HTTP dans la stack web. Introduction des concepts requêtes/reponses.
+
+Exploration de l'onglet "Network" dans les outils de dev des navigateurs.
+
+Étape 2: Formulaire
+-------------------
+
+Étape 3: Construire un serveur web avec Flask
+---------------------------------------------
diff --git a/1NSI/05_Interaction_client-serveur/plan_de_travail.tex b/1NSI/05_Interaction_client-serveur/plan_de_travail.tex
new file mode 100644
index 0000000..9097085
--- /dev/null
+++ b/1NSI/05_Interaction_client-serveur/plan_de_travail.tex
@@ -0,0 +1,44 @@
+\documentclass[a4paper,12pt]{article}
+\usepackage{myXsim}
+
+\author{Benjamin Bertrand}
+\title{ Interaction client-serveur - Plan de travail}
+\tribe{1NSI}
+\date{janvier 2023}
+
+\pagestyle{empty}
+
+\DeclareExerciseCollection{banque}
+\xsimsetup{
+}
+
+
+\begin{document}
+\maketitle
+
+% Résumé
+
+\bigskip
+
+Savoir-faire de la séquence
+\begin{itemize}
+    \item
+\end{itemize}
+
+\bigskip
+
+Ordre des étapes à respecter
+
+
+\section{}
+
+\listsectionexercises
+
+
+\pagebreak
+
+\input{exercises.tex}
+\printcollection{banque}
+
+
+\end{document}