diff --git a/vlg2017.md b/vlg2017.md
deleted file mode 100644
index d74f2fa..0000000
--- a/vlg2017.md
+++ /dev/null
@@ -1,116 +0,0 @@
-
-# MarkDown
-
-[atteindre les ancres](#ancres)
-
-# `#` titre de niveau 1 equivalent HTML
-## `##` titre de niveau 2
-### `###` titre de niveau 3
-#### `####` titre de niveau 4
-##### `#####` titre de niveau 5
-###### `######` titre de niveau 6
-
-Pour que les balises ne soient pas interprétees je les entourent avec 2 guillemets inversées touches : alt gr + 7``
-
-
- on écrit en italique avec des *astérisques* ou des des tirets du bas _underscore_
-
- En gras avec **astérisques** et des tirets du bas __underscore__
-
- On peut les combiner **astérisques et _underscore _**
- le texte barré utilise deux ~~tildes~~ (alt gr + 2)
-
-# les listes
-
- 1. premier objet dans une liste ordonnée
- 2. second objet de la liste ordonnée
- * puce de la liste non ordonnée
- 18. les nombres sont sans importance,il suffit qu'il y ait un nombre et Github l'affiche à la suite des premiers objets de la liste
- 18. Sous-liste ordonnée
- 4. dernier objet de ma liste principale
-
- je saute une ligne après ma liste et 3 espaces en début de ligne => mon paragraphe est indenté (décalé à droite) au même niveau que ma liste
-
- Pour avoir un retour à la ligne dans me même paragraphe je termine ma ligne
-
- * Une liste non ordonnée utilise les astérisques,
- - Le signe moins
- + et le plus.
-
-
-# Les liens
-
- * [lien de type inline](https://www.google.com)
-
- * [lien de type inline avec un titre](https://www.google.com "Acceuil de google")
-
- * [lien de renvoi sur un fichier](supports/github_kraken.md)
-
-# les ancres
-
-
-
- [retour en haut ](#top)
-
-# Les images
-
-
-
-# Les tableaux
-
-ce caractère | est une pipe alt gr + 6
-
-| Tableau | est | Beau |
-|---------|-----|------|
-| ligne 1 | 120 | hello |
-| ligne 2 | 500 | bye |
-| ligne 3 | 50 | coucou |
-
- on peut les faire plus simplement :
-
-Markdown | Less | Pretty
- --- | --- | ---
- **gras** | `code` | *italique*
- 1 | 2 | 3
-
-opération | raccourcis
---- | ---
-sélectionner tout | ctrl + a
-copier | ctrl + c
-coller | ctrl + v
-couper | ctrl + x
-enrgistrer | ctrl + s
-annuler dernière action | ctrl + z
-refaire les actions annulées | ctrl + y
-dupliquer une ligne sous atom | ctrl + maj + d
-enregistrer | ctrl + s
-annuler dernière(s) action(s) | ctrl + z
-refaire les actions annulés | ctrl + y
-dupliquer une ligne sous atom | ctrl + maj + d
-zoomer | ctrl + actioinner la roulette de la souris
-imprimer | ctrl + p
-
-# les citations
-
-> les blocs de citations sont très pratiques pour signaler les parties de texte comme importantes ou simplement pour les rendre visuellement distinctes du reste du texte.
-> Partie de la même citation.
-
-Citation finale :-)
-
-> Nouvelle citation.
-
-# Ligne horizontale
-
-3 ou plus de :
-
----
-
-tirets du 6
-
-***
-
-astérisques
-
-___
-
-tirets du bas
diff --git a/vlg2017_languages.md b/vlg2017_languages.md
new file mode 100644
index 0000000..4ec3e0a
--- /dev/null
+++ b/vlg2017_languages.md
@@ -0,0 +1,21 @@
+
+
+# **languages de programmation css**
+
+
+
+## **définitions et présentations**
+
+_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). Introduit au milieu des années 1990, CSS devient couramment utilisé dans la conception de sites web et bien pris en charge par les navigateurs web dans les années 2000.
+
+Les CSS, Cascading Style Sheets (_feuilles de styles en cascade_), servent à mettre en forme des documents web, type page HTML ou XML. Par l'intermédiaire de propriétés d'apparence (_couleurs, bordures, polices, etc._) et de placement (largeur, hauteur, côte à côte, dessus-dessous, etc.), le rendu d'une page web peut être intégralement modifié sans aucun code supplémentaire dans la page web. Les feuilles de styles ont d'ailleurs pour objectif principal de dissocier le contenu de la page de son apparence visuelle. Ceci permet :
+
+1. de ne pas répéter dans chaque page le même code de mise en forme
+2. d'utiliser des styles génériques, avec des noms explicites **par exemple un style encadré pour du texte ou des images**
+3. de pouvoir changer l'apparence d'un site web complet en ne modifiant qu'un seul fichier
+4. de faciliter la lecture du code de la page
+
+
+### **exemples**
+
+