diff --git a/doc/02a-layout-alignements.md b/doc/02a-layout-alignements.md
index 68abcb4..78acd6c 100644
--- a/doc/02a-layout-alignements.md
+++ b/doc/02a-layout-alignements.md
@@ -58,7 +58,7 @@ section {
 
 Version flexbox (HTML):
 ```html
-<section class="flexbox-v">
+<section class="flex-container-v">
     <div class="center w50">centré horizontalement et verticalement</div>
 </section>
 ```
diff --git a/doc/02b-layout-positionnement.md b/doc/02b-layout-positionnement.md
index e32185b..6dce8b1 100644
--- a/doc/02b-layout-positionnement.md
+++ b/doc/02b-layout-positionnement.md
@@ -72,7 +72,7 @@ HTML :
 
 HTML :
 ```html
-<div class="flexbox">
+<div class="flex-container">
     <div class="w400p">premier</div>
     <div class="w400p">deuxième</div>
 </div>
@@ -113,7 +113,7 @@ HTML :
 
 HTML :
 ```html
-<div class="flexbox">
+<div class="flex-container">
     <div class="w400p">premier</div>
     <div class="flex-item-fluid">deuxième</div>
 </div>
@@ -151,7 +151,7 @@ Là aussi c'est automatique : les enfants d'un conteneur `flexbox` ont tous par
 
 HTML :
 ```html
-<div class="flexbox">
+<div class="flex-container">
     <div>premier</div>
     <div>deuxième</div>
 </div>