reorganized levels,

added content
updated dependencies

docs/dev/code-camp/index.md

@@ -12,7 +12,7 @@ Vous êtes sur le point de commencer une semaine intensive de développement web
 - **FTP**/SFTP = transfert de fichiers
 - **HTML** = contenus
 - **CSS** = styles
-- **Javascript** = éléments dynamiques
+- **JavaScript** = éléments dynamiques
 - **Fonts** = polices de caractères
 
 ## Configuration et préparation
@@ -41,25 +41,27 @@ code-camp/
 │       └── icon-guitar.svg
 └── 03_web/
     ├── assets/
-    │   ├── css/
-    │   │   └── style.css
     │   ├── fonts/
     │   │   └── arial.woff2
     │   ├── images/
     │   │   └── hero.jpg
-    │   ├── js/
-    │   │   └── main.js
     │   └── svg/
     │       └── icon-guitar.svg
+    ├── css/
+    │   ├── reset.css
+    │   └── style.css
+    ├── js/
+    │   └── main.js
     ├── favicon.ico
-    └── index.html
+    ├── index.html
+    └── robots.txt
 ```
 
 :::
 
 ## HTML
 
-Le HTML (<span lang="en">hyper text markup language</span>) est un langage de programmation qui sert à structurer, hiérarchiser et afficher le contenu d'une page web. Il s'écrit avec des balises suivant cette syntaxe :  
+Le HTML (<span lang="en">hyper text markup language</span>) est un langage de programmation qui sert à structurer, hiérarchiser et afficher le contenu d'une page web. Il s'écrit avec des balises suivant cette syntaxe&nbsp;:  
 `<` `nom de la balise` `attributs` `>`  
 `contenu de la balise`  
 `</` `nom de la balise` `>`
@@ -128,7 +130,7 @@ Ci-dessous, quelques exemples de balises (listes non exhaustives).
 
 ## CSS
 
-Le langage CSS (<span lang="en">cascading style sheets</span>) permet d'agir sur le style du document HTML. C'est-à dire toute la partie visuelle du contenu comme par exemple :
+Le langage CSS (<span lang="en">cascading style sheets</span>) permet d'agir sur le style du document HTML. C'est-à dire toute la partie visuelle du contenu comme par exemple&nbsp;:
 
 - la mise en page
 - les couleurs
@@ -137,7 +139,7 @@ Le langage CSS (<span lang="en">cascading style sheets</span>) permet d'agir sur
 - les polices de caractères
 - etc.
 
-On parle de « règle CSS ». Une règle se construit ainsi :
+On parle de “&nbsp;règle CSS&nbsp;”. Une règle se construit ainsi&nbsp;:
 
 `sélecteur` `{` `propriété` `:` `valeur` `;` `}`
 
@@ -200,7 +202,7 @@ Se référer à [la documentation.](https://developer.mozilla.org/fr/docs/Web/CS
 
 ### La cascade du style
 
-Le CSS est régit par un concept appelé la cascade. La cascade est un ensemble de règles de priorité et d'importance. Elles servent à déterminer la règle CSS qui sera appliquée en cas de « conflit » entre plusieurs règles.
+Le CSS est régit par un concept appelé la cascade. La cascade est un ensemble de règles de priorité et d'importance. Elles servent à déterminer la règle CSS qui sera appliquée en cas de “&nbsp;conflit&nbsp;” entre plusieurs règles.
 
 Les deux éléments de la cascade que nous utiliseront le plus ici sont **la spécificité et l'ordre.**
 
@@ -209,7 +211,7 @@ Les deux éléments de la cascade que nous utiliseront le plus ici sont **la sp
 
 ## Accessibilité
 
-D'après [Access42 :](https://access42.net/)
+D'après [Access42&nbsp;:](https://access42.net/)
 
 > L’accessibilité numérique est un droit fondamental. C’est la possibilité pour toutes et tous d’utiliser les outils informatiques, quelle que soit leur façon d’y accéder.
 

docs/dev/code-camp/sujets.md

@@ -8,7 +8,7 @@ En suivant les maquettes fournies ou en imaginant votre propre design, **réalis
 
 Le site devra être développé en <span lang="en">mobile first</span> et être <span lang="en">responsive</span>.
 
-Il devra obligatoirement contenir ces éléments :
+Il devra obligatoirement contenir ces éléments&nbsp;:
 
 - une photo de l'artiste
 - un clip vidéo