diff --git a/downloads/hugo_lamy_2023_cv.pdf b/downloads/hugo_lamy_2023_cv.pdf
index 8731094..92310e0 100644
Binary files a/downloads/hugo_lamy_2023_cv.pdf and b/downloads/hugo_lamy_2023_cv.pdf differ
diff --git a/index.html b/index.html
index 93bdd30..dffbb6d 100644
--- a/index.html
+++ b/index.html
@@ -50,7 +50,7 @@
 			TITLE AREA
 		-->
 <section id="title_area" class="section">
-	<h1 title="hugo lamy" id="name" class="title" data-flex="horizontal center wrap">
+	<h1 aria-label="hugo lamy" id="name" class="title" data-flex="horizontal center wrap">
 <span aria-hidden="true" class="pre">
          
                 
@@ -66,7 +66,7 @@
              
 </span>
 	</h1>
-	<h1 title="programmeur informatique" id="title" class="title" data-flex="horizontal center wrap">
+	<h1 aria-label="programmeur informatique" id="title" class="title" data-flex="horizontal center wrap">
 <span aria-hidden="true" class="pre">
                          
                                          
@@ -99,7 +99,7 @@
 			PROJECTS
 		-->
 		<section id="projects" data-flex="vertical stretch" class="section">
-			<h1 title="projets" data-flex="horizontal parent center wrap">
+			<h1 aria-label="projets" data-flex="horizontal parent center wrap">
 <span aria-hidden="true" class="pre">
          
                                 
@@ -141,7 +141,7 @@
 			CV
 		-->
 		<section id="cv" data-flex="vertical parent stretch" class="section">
-			<h1 title="cv" id="cv_ascii" data-flex="horizontal center wrap">
+			<h1 aria-label="cv" id="cv_ascii" data-flex="horizontal center wrap">
 <span aria-hidden="true" class="pre">
      
         
@@ -153,11 +153,12 @@
 			<h2 id="cv_download" data-flex="center"><a href="downloads/hugo_lamy_2023_cv.pdf" target="_blank" rel="noopener noreferrer" title="link to a pdf version of this section CV">version pdf</a></h2>
 			<details>
 				<summary>
-					<h3>Formations informatique</h3>
+					<h3>Outils informatiques</h3>
 				</summary>
 				<ul>
-					<li>École 42, Paris, 2021-2022, tronc commun - niveau 10 (C, C++, système, algorithime, réseaux)</li>
-					<li>SIMPLON, développeur full-stack JavaScript, 2018 (Javascript, Node.js, React.js, HTML, CSS)</li>
+					<li>Langages : C, HTML, CSS, C++, JavaScript, script bash, PHP, Svelte, TypeScript</li>
+					<li>Technologies : Git, Docker, Nginx, MariaDB, Node.js, Nest.js, WebSocket, Express, npm</li>
+					<li>Plus : emails, sending emails, receiving emails, deleting emails ("the it crowd", Jane Barber s01e01)</li>
 				</ul>
 			</details>
 			<details>
@@ -172,12 +173,11 @@
 			</details>
 			<details>
 				<summary>
-					<h3>Outils informatiques</h3>
+					<h3>Formations informatique</h3>
 				</summary>
 				<ul>
-					<li>Langages : C, HTML, CSS, C++, JavaScript, script bash, PHP, Svelte, TypeScript</li>
-					<li>Technologies : Git, Docker, Nginx, MariaDB, Node.js, Nest.js, WebSocket, Express, npm</li>
-					<li>Plus : emails, sending emails, receiving emails, deleting emails ("the it crowd", Jane Barber s01e01)</li>
+					<li>École 42, Paris, 2021-2022, tronc commun - niveau 10 (C, C++, système, algorithime, réseaux)</li>
+					<li>SIMPLON, développeur full-stack JavaScript, 2018 (Javascript, Node.js, React.js, HTML, CSS)</li>
 				</ul>
 			</details>
 			<details>
diff --git a/styles/global.css b/styles/global.css
index 6975b0e..e0312ba 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -49,7 +49,12 @@
 /*
  width :		-parent- content
 */
-[data-flex~="parent"]  { width: 100%; }
+[data-flex~="parent"]  {
+	width: 100%;
+	width: -moz-available;          /* WebKit-based browsers will ignore this. */
+	width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
+	width: fill-available;
+}
 [data-flex~="content"] { width: fit-content; }
 /*
  position :		-center- left right top bottom