diff --git a/1NSI/01_Web_HTML_CSS/1B_HTML.pdf b/1NSI/01_Web_HTML_CSS/1B_HTML.pdf
index b4b379b..4176a11 100644
Binary files a/1NSI/01_Web_HTML_CSS/1B_HTML.pdf and b/1NSI/01_Web_HTML_CSS/1B_HTML.pdf differ
diff --git a/1NSI/01_Web_HTML_CSS/1B_HTML.tex b/1NSI/01_Web_HTML_CSS/1B_HTML.tex
index 8dabab2..a677c20 100755
--- a/1NSI/01_Web_HTML_CSS/1B_HTML.tex
+++ b/1NSI/01_Web_HTML_CSS/1B_HTML.tex
@@ -99,7 +99,7 @@ Les balises doivent être bien imbriquée. C'est à dire qu'il faut fermer la de
Même si le rendu d'une page web peut sembler correcte, cela ne signifie pas que le code respecte les normes du HTML. En effet, les navigateurs sont en général très permissifs sur la qualité du code qui leur est fourni.
-Ces normes sont définis pas le W3C. Cet organisme propose un validateur:
+Ces normes sont définis pas le W3C (World Wide Web Consortium). Cet organisme propose un validateur:
\begin{center}
\url{https://validator.w3.org/#validate_by_upload}
\end{center}
diff --git a/1NSI/01_Web_HTML_CSS/2B_CSS.pdf b/1NSI/01_Web_HTML_CSS/2B_CSS.pdf
new file mode 100644
index 0000000..11f86b8
Binary files /dev/null and b/1NSI/01_Web_HTML_CSS/2B_CSS.pdf differ
diff --git a/1NSI/01_Web_HTML_CSS/2B_CSS.tex b/1NSI/01_Web_HTML_CSS/2B_CSS.tex
new file mode 100755
index 0000000..3d335e2
--- /dev/null
+++ b/1NSI/01_Web_HTML_CSS/2B_CSS.tex
@@ -0,0 +1,72 @@
+\documentclass[a4paper,10pt]{article}
+\usepackage{myXsim}
+
+\author{Benjamin Bertrand}
+\title{Web HTML CSS - Cours}
+\date{Septembre 2022}
+
+\pagestyle{empty}
+
+\begin{document}
+
+\maketitle
+
+\setcounter{section}{2}
+\section{CSS}
+
+\begin{definition}[CSS]
+ Les feuilles de style en cascade, généralement appelées CSS de l'anglais Cascading Style Sheets, forment un langage informatique qui décrit la présentation des documents HTML et XML. Les standards définissant CSS sont publiés par le World Wide Web Consortium (W3C).
+ \flushright{Source: Wikipedia}
+\end{definition}
+
+\subsection*{Structure}
+Le language CSS consiste à appliquer un style à un ensemble d'élément HTML séléctionné.
+
+\begin{center}
+ \includegraphics[scale=1]{./fig/syntaxe_css}
+\end{center}
+
+\subsection*{Appliquer un style}
+Il y a trois façons d'appliquer une feuille de style à une balise:
+\begin{itemize}
+ \item \textbf{Attribut style} d'une balise
+ \begin{center}
+ \begin{lstlisting}
+
\end{lstlisting}
+ \end{center}
+ \item \textbf{La balise} \texttt{\end{lstlisting}
+ \end{center}
+ \item \textbf{Fichier CSS} importé dans la balise \texttt{
} par la balise \texttt{}:
+ \begin{center}
+ \begin{lstlisting}
+\end{lstlisting}
+ \end{center}
+ Où le fichier \texttt{style.css} contient
+ \begin{center}
+ \begin{lstlisting}
+p {
+ color: red;
+}\end{lstlisting}
+ \end{center}
+\end{itemize}
+
+\subsection*{Selecteur}
+
+Il y a trois types de sélécteurs que l'on peut combiner
+
+\begin{itemize}
+ \item \textbf{Une balise HTML} (\texttt{
} ou \texttt{
} dans les exemples précédents)
+ \item \textbf{Un identifiant} avec le préfixe \texttt{\#}. Pour donner un identifiant à un élément, il faut lui ajouter l'attribut \texttt{id="..."}.
+ \item \textbf{Une classe} avec le préfixe \texttt{.}. Pour donner une classe à un élément, il faut lui ajouter l'attribut \texttt{class="..."}.
+\end{itemize}
+
+
+
+\end{document}
diff --git a/1NSI/01_Web_HTML_CSS/fig/syntaxe_css.png b/1NSI/01_Web_HTML_CSS/fig/syntaxe_css.png
new file mode 100644
index 0000000..781285d
Binary files /dev/null and b/1NSI/01_Web_HTML_CSS/fig/syntaxe_css.png differ
diff --git a/1NSI/01_Web_HTML_CSS/index.rst b/1NSI/01_Web_HTML_CSS/index.rst
index 19ad0eb..3a1958e 100644
--- a/1NSI/01_Web_HTML_CSS/index.rst
+++ b/1NSI/01_Web_HTML_CSS/index.rst
@@ -22,6 +22,11 @@ Déroulement
Bilan:
+.. image:: ./1B_HTML.pdf
+ :height: 200px
+ :alt: Bilan sur le web et le HTML
+
+
- Le web, son origine, la principe de client serveur et le partage des responsabilités dans les techno web (HTML, CSS, JS)
- HTML: notion de balise (avec attributs), page blanche de base et zoologie des balises
@@ -43,9 +48,12 @@ Balises à travailler:
Bilan:
+.. image:: ./2B_CSS.pdf
+ :height: 200px
+ :alt: Bilan sur le CSS
+
- Différentes façon d'appliquer des règles CSS
-- Sélecteur
-- Quelques propriétés
+- Sélecteurs
Étape 3: hébergement, URL, protocole http(s)
--------------------------------------------