diff --git a/layout.css.html b/layout.css.html
index 4522dc570672b2fa13d720c66b099068d27c409a..554c233109e3ad1aa36471e58ad672a124da82be 100644
--- a/layout.css.html
+++ b/layout.css.html
@@ -62,7 +62,7 @@
 			"titre titre"
 			"content content"
 			"navigation extra";
-		grid-template-columns: 1fr 1fr;
+		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
 	}
 ]
 [(#ENV{layoutgala}|in_any{#LISTE{2,4,6,8,10,12,14,16,17,28,40}}|oui)
@@ -72,7 +72,7 @@
 			"titre titre"
 			"content content"
 			"extra navigation";
-		grid-template-columns: 1fr 1fr;
+		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
 	}
 ]
 }
@@ -95,7 +95,7 @@
 			"[(#GET{layoutmoderne}|=={moderne}|?{'header','.'})] header [(#GET{layoutmoderne}|=={moderne}|?{'header','.'})]"
 			". maincontent ."
 			"[(#GET{layoutmoderne}|=={moderne}|?{'footer','.'})] footer [(#GET{layoutmoderne}|=={moderne}|?{'footer','.'})]";
-		grid-template-columns: 1fr 1160px 1fr;
+		grid-template-columns: minmax(0, 1fr) [(#GET{LargeurContaineur})]px minmax(0, 1fr);
 	}
 ]
 
@@ -111,7 +111,7 @@
 			"ariane ariane ariane"
 			"[(#GET{titreounavigation})] titre [(#GET{titreouextra})]"
 			"navigation content extra";
-		grid-template-columns: 1fr 2fr 1fr;
+		grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
 	}
 ]
 [(#ENV{layoutgala}|=={2}|oui)
@@ -120,7 +120,7 @@
 			"ariane ariane ariane"
 			"[(#GET{titreouextra})] titre [(#GET{titreounavigation})]"
 			"extra content navigation";
-		grid-template-columns: 1fr 2fr 1fr;
+		grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
 	}
 ]
 [(#ENV{layoutgala}|=={3}|oui)
@@ -129,7 +129,7 @@
 			"ariane ariane ariane"
 			"titre [(#GET{titreounavigation})] [(#GET{titreouextra})]"
 			"content navigation extra";
-		grid-template-columns: 2fr 1fr 1fr;
+		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
 	}
 ]
 [(#ENV{layoutgala}|=={4}|oui)
@@ -138,7 +138,7 @@
 			"ariane ariane ariane"
 			"titre [(#GET{titreouextra})] [(#GET{titreounavigation})]"
 			"content extra navigation";
-		grid-template-columns: 2fr 1fr 1fr;
+		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
 	}
 ]
 [(#ENV{layoutgala}|=={5}|oui)
@@ -147,7 +147,7 @@
 			"ariane ariane ariane"
 			"[(#GET{titreounavigation})] [(#GET{titreouextra})] titre"
 			"navigation extra content";
-		grid-template-columns: 1fr 1fr 2fr;
+		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2fr);
 	}
 ]
 [(#ENV{layoutgala}|=={6}|oui)
@@ -156,7 +156,7 @@
 			"ariane ariane ariane"
 			"[(#GET{titreouextra})] [(#GET{titreounavigation})] titre"
 			"extra navigation content";
-		grid-template-columns: 1fr 1fr 2fr;
+		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2fr);
 	}
 ]
 [(#ENV{layoutgala}|=={7}|oui)
@@ -165,7 +165,7 @@
 			"ariane ariane ariane"
 			"[(#GET{titreounavigation})] titre [(#GET{titreouextra})]"
 			"navigation content extra";
-		grid-template-columns: #GET{LargeurMenuGauche}px 1fr #GET{LargeurMenuDroit}px;
+		grid-template-columns: #GET{LargeurMenuGauche}px minmax(0, 1fr) #GET{LargeurMenuDroit}px;
 	}
 ]
 [(#ENV{layoutgala}|=={8}|oui)
@@ -174,7 +174,7 @@
 			"ariane ariane ariane"
 			"[(#GET{titreouextra})] titre [(#GET{titreounavigation})]"
 			"extra content navigation";
-		grid-template-columns: #GET{LargeurMenuDroit}px 1fr #GET{LargeurMenuGauche}px;
+		grid-template-columns: #GET{LargeurMenuDroit}px minmax(0, 1fr) #GET{LargeurMenuGauche}px;
 	}
 ]
 [(#ENV{layoutgala}|=={9}|oui)
@@ -183,7 +183,7 @@
 			"ariane ariane ariane"
 			"titre [(#GET{titreounavigation})] [(#GET{titreouextra})]"
 			"content navigation extra";
-		grid-template-columns: 1fr #GET{LargeurMenuGauche}px #GET{LargeurMenuDroit}px;
+		grid-template-columns: minmax(0, 1fr) #GET{LargeurMenuGauche}px #GET{LargeurMenuDroit}px;
 	}
 ]
 [(#ENV{layoutgala}|=={10}|oui)
@@ -192,7 +192,7 @@
 			"ariane ariane ariane"
 			"titre [(#GET{titreouextra})] [(#GET{titreounavigation})]"
 			"content extra navigation";
-		grid-template-columns: 1fr #GET{LargeurMenuDroit}px #GET{LargeurMenuGauche}px;
+		grid-template-columns: minmax(0, 1fr) #GET{LargeurMenuDroit}px #GET{LargeurMenuGauche}px;
 	}
 ]
 [(#ENV{layoutgala}|=={11}|oui)
@@ -201,7 +201,7 @@
 			"ariane ariane ariane"
 			"[(#GET{titreounavigation})] [(#GET{titreouextra})] titre"
 			"navigation extra content";
-		grid-template-columns: #GET{LargeurMenuGauche}px #GET{LargeurMenuDroit}px 1fr;
+		grid-template-columns: #GET{LargeurMenuGauche}px #GET{LargeurMenuDroit}px minmax(0, 1fr);
 	}
 ]
 [(#ENV{layoutgala}|=={12}|oui)
@@ -210,7 +210,7 @@
 			"ariane ariane ariane"
 			"[(#GET{titreouextra})] [(#GET{titreounavigation})] titre"
 			"extra navigation content";
-		grid-template-columns: #GET{LargeurMenuDroit}px #GET{LargeurMenuGauche}px 1fr;
+		grid-template-columns: #GET{LargeurMenuDroit}px #GET{LargeurMenuGauche}px minmax(0, 1fr);
 	}
 ]
 [(#ENV{layoutgala}|=={13}|oui)
@@ -219,7 +219,7 @@
 			"ariane ariane ariane"
 			"[(#GET{titreounavigation})] titre [(#GET{titreouextra})]"
 			"navigation content extra";
-		grid-template-columns: #GET{LargeurMenuGauche}px 1fr #GET{LargeurMenuDroit}px;
+		grid-template-columns: #GET{LargeurMenuGauche}px minmax(0, 1fr) #GET{LargeurMenuDroit}px;
 	}
 ]
 [(#ENV{layoutgala}|=={14}|oui)
@@ -228,7 +228,7 @@
 			"ariane ariane ariane"
 			"[(#GET{titreouextra})] titre [(#GET{titreounavigation})]"
 			"extra content navigation";
-		grid-template-columns: #GET{LargeurMenuDroit}px 1fr #GET{LargeurMenuGauche}px;
+		grid-template-columns: #GET{LargeurMenuDroit}px minmax(0, 1fr) #GET{LargeurMenuGauche}px;
 	}
 ]
 [(#ENV{layoutgala}|=={15}|oui)
@@ -237,7 +237,7 @@
 			"ariane ariane ariane"
 			"titre [(#GET{titreounavigation})] [(#GET{titreouextra})]"
 			"content navigation extra";
-		grid-template-columns: 1fr #GET{LargeurMenuGauche}px #GET{LargeurMenuDroit}px;
+		grid-template-columns: minmax(0, 1fr) #GET{LargeurMenuGauche}px #GET{LargeurMenuDroit}px;
 	}
 ]
 [(#ENV{layoutgala}|=={16}|oui)
@@ -246,7 +246,7 @@
 			"ariane ariane ariane"
 			"titre [(#GET{titreouextra})] [(#GET{titreounavigation})]"
 			"content extra navigation";
-		grid-template-columns: 1fr #GET{LargeurMenuDroit}px #GET{LargeurMenuGauche}px;
+		grid-template-columns: minmax(0, 1fr) #GET{LargeurMenuDroit}px #GET{LargeurMenuGauche}px;
 	}
 ]
 [(#ENV{layoutgala}|=={17}|oui)
@@ -255,7 +255,7 @@
 			"ariane ariane ariane"
 			"[(#GET{titreouextra})] [(#GET{titreounavigation})] titre"
 			"extra navigation content";
-		grid-template-columns: #GET{LargeurMenuDroit}px #GET{LargeurMenuGauche}px 1fr;
+		grid-template-columns: #GET{LargeurMenuDroit}px #GET{LargeurMenuGauche}px minmax(0, 1fr);
 	}
 ]
 [(#ENV{layoutgala}|=={18}|oui)
@@ -264,7 +264,7 @@
 			"ariane ariane ariane"
 			"[(#GET{titreounavigation})] [(#GET{titreouextra})] titre"
 			"navigation extra content";
-		grid-template-columns: #GET{LargeurMenuGauche}px #GET{LargeurMenuDroit}px 1fr;
+		grid-template-columns: #GET{LargeurMenuGauche}px #GET{LargeurMenuDroit}px minmax(0, 1fr);
 	}
 ]
 [(#ENV{layoutgala}|=={19}|oui)
@@ -273,7 +273,7 @@
 			"ariane ariane ariane"
 			"[(#GET{titreounavigation})] titre [(#GET{titreouextra})]"
 			"navigation content extra";
-		grid-template-columns: #GET{LargeurMenuGauche}px 2fr 1fr;
+		grid-template-columns: #GET{LargeurMenuGauche}px minmax(0, 2fr) minmax(0, 1fr);
 	}
 ]
 [(#ENV{layoutgala}|=={20}|oui)
@@ -282,7 +282,7 @@
 			"ariane ariane ariane"
 			"[(#GET{titreounavigation})] titre [(#GET{titreouextra})]"
 			"navigation content extra";
-		grid-template-columns: 1fr 2fr #GET{LargeurMenuDroit}px;
+		grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) #GET{LargeurMenuDroit}px;
 	}
 ]
 [(#ENV{layoutgala}|=={21}|oui)
@@ -291,7 +291,7 @@
 			"ariane ariane ariane"
 			"titre [(#GET{titreounavigation})] [(#GET{titreouextra})]"
 			"content navigation extra";
-		grid-template-columns: 2fr #GET{LargeurMenuGauche}px 1fr;
+		grid-template-columns: minmax(0, 2fr) #GET{LargeurMenuGauche}px minmax(0, 1fr);
 	}
 ]
 [(#ENV{layoutgala}|=={22}|oui)
@@ -300,7 +300,7 @@
 			"ariane ariane ariane"
 			"titre [(#GET{titreounavigation})] [(#GET{titreouextra})]"
 			"content navigation extra";
-		grid-template-columns: 2fr 1fr #GET{LargeurMenuDroit}px;
+		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) #GET{LargeurMenuDroit}px;
 	}
 ]
 [(#ENV{layoutgala}|=={23}|oui)
@@ -310,8 +310,7 @@
 			"titre [(#GET{titreounavigation})]"
 			"content navigation"
 			"content extra";
-		grid-template-columns: 1fr 240px;
-		grid-template-columns: 1fr #GET{LargeurMenuGauche}px;
+		grid-template-columns: minmax(0, 1fr) #GET{LargeurMenuGauche}px;
 	}
 ]
 [(#ENV{layoutgala}|=={24}|oui)
@@ -321,7 +320,7 @@
 			"[(#GET{titreounavigation})] titre"
 			"navigation content"
 			"extra content";
-		grid-template-columns: #GET{LargeurMenuGauche}px 1fr;
+		grid-template-columns: #GET{LargeurMenuGauche}px minmax(0, 1fr);
 	}
 ]
 [(#ENV{layoutgala}|=={25}|oui)
@@ -331,7 +330,7 @@
 			"titre [(#GET{titreounavigation})]"
 			"content navigation"
 			"content extra";
-		grid-template-columns: 2fr 1fr;
+		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
 	}
 ]
 [(#ENV{layoutgala}|=={26}|oui)
@@ -341,7 +340,7 @@
 			"[(#GET{titreounavigation})] titre"
 			"navigation content"
 			"extra content";
-		grid-template-columns: 1fr 2fr;
+		grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
 	}
 ]
 [(#ENV{layoutgala}|=={29}|oui)
@@ -351,7 +350,7 @@
 			"[(#GET{titreounavigation})] titre"
 			"navigation content"
 			"extra extra";
-		grid-template-columns: 1fr 2fr;
+		grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
 	}
 ]
 [(#ENV{layoutgala}|=={30}|oui)
@@ -361,7 +360,7 @@
 			"titre [(#GET{titreounavigation})]"
 			"content navigation"
 			"extra extra";
-		grid-template-columns: 2fr 1fr;
+		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
 	}
 ]
 [(#ENV{layoutgala}|=={31}|oui)
@@ -371,7 +370,7 @@
 			"[(#GET{titreounavigation})] titre"
 			"navigation content"
 			"extra extra";
-		grid-template-columns: #GET{LargeurMenuGauche}px 1fr;
+		grid-template-columns: #GET{LargeurMenuGauche}px minmax(0, 1fr);
 	}
 ]
 [(#ENV{layoutgala}|=={32}|oui)
@@ -381,7 +380,7 @@
 			"titre [(#GET{titreounavigation})]"
 			"content navigation"
 			"extra extra";
-		grid-template-columns: 1fr #GET{LargeurMenuGauche}px;
+		grid-template-columns: minmax(0, 1fr) #GET{LargeurMenuGauche}px;
 	}
 ]
 [(#ENV{layoutgala}|=={33}|oui)
@@ -391,7 +390,7 @@
 			"titre [(#GET{titreounavigation})]"
 			"content navigation"
 			"content extra";
-		grid-template-columns: 1fr #GET{LargeurMenuGauche}px;
+		grid-template-columns: minmax(0, 1fr) #GET{LargeurMenuGauche}px;
 	}
 ]
 [(#ENV{layoutgala}|=={34}|oui)
@@ -401,7 +400,7 @@
 			"[(#GET{titreounavigation})] titre"
 			"navigation content"
 			"extra content";
-		grid-template-columns: #GET{LargeurMenuGauche}px 1fr;
+		grid-template-columns: #GET{LargeurMenuGauche}px minmax(0, 1fr);
 	}
 ]
 [(#ENV{layoutgala}|=={35}|oui)
@@ -411,7 +410,7 @@
 			"titre [(#GET{titreounavigation})]"
 			"content navigation"
 			"extra navigation";
-		grid-template-columns: 1fr #GET{LargeurMenuGauche}px;
+		grid-template-columns: minmax(0, 1fr) #GET{LargeurMenuGauche}px;
 	}
 ]
 [(#ENV{layoutgala}|=={36}|oui)
@@ -421,7 +420,7 @@
 			"[(#GET{titreounavigation})] titre"
 			"navigation content"
 			"navigation extra";
-		grid-template-columns: #GET{LargeurMenuGauche}px 1fr;
+		grid-template-columns: #GET{LargeurMenuGauche}px minmax(0, 1fr);
 	}
 ]
 [(#ENV{layoutgala}|=={37}|oui)
@@ -431,7 +430,7 @@
 			"titre [(#GET{titreounavigation})]"
 			"content navigation"
 			"extra extra";
-		grid-template-columns: 1fr #GET{LargeurMenuGauche}px;
+		grid-template-columns: minmax(0, 1fr) #GET{LargeurMenuGauche}px;
 	}
 ]
 [(#ENV{layoutgala}|=={38}|oui)
@@ -441,7 +440,7 @@
 			"[(#GET{titreounavigation})] titre"
 			"navigation content"
 			"extra extra";
-		grid-template-columns: #GET{LargeurMenuGauche}px 1fr;
+		grid-template-columns: #GET{LargeurMenuGauche}px minmax(0, 1fr);
 	}
 ]
 }