diff --git a/index.html b/index.html
index 69bdce7..317fe28 100644
--- a/index.html
+++ b/index.html
@@ -94,7 +94,7 @@
 				</p>
 			</header>
 
-			<details class="cv margin_top_big">
+			<details class="cv margin_top_big" open>
 				<summary>
 					<h2 class="close">
 						<span class="fr">voir le CV</span>
@@ -105,12 +105,18 @@
 						<span class="en">hide the CV</span>
 					</h2>
 				</summary>
+
 				<span class="fr"><a class="cv_download margin_bottom_big" href="docs/hugo_lamy_cv_2024_fr.pdf" target="_blank" rel="noopener noreferrer" title="link to a pdf version of this section CV">télécharger en pdf</a></span>
 				<span class="en"><a class="cv_download margin_bottom_big" href="docs/hugo_lamy_cv_2024_en.pdf" target="_blank" rel="noopener noreferrer" title="link to a pdf version of this section CV">download as pdf</a></span>
+
 				<h2>
 					<span class="fr">COMPÉTENCES</span>
 					<span class="en">SKILLS</span>
 				</h2>
+				<h4>
+					<span class="fr">hard skills</span>
+					<span class="en">hard skills</span>
+				</h4>
 				<ul>
 					<li>
 						<span class="fr">Langages : C, C++, bash, JavaScript, PHP, CSS, HTML</span>
@@ -124,37 +130,127 @@
 						<span class="fr">Plus : emails, sending emails, receiving emails, deleting emails (the it crowd S01E01)</span>
 						<span class="en">Plus : emails, sending emails, receiving emails, deleting emails (the it crowd S01E01)</span>
 					</li>
+				</ul>
+				<h4>
+					<span class="fr">soft skills</span>
+					<span class="en">soft skills</span>
+				</h4>
+				<ul>
 					<li>
-						<span class="fr">Autres : magie, vélo, noeuds, mathématiques, politique</span>
-						<span class="en">Other : magic, bicycle, knots, mathematics, politic</span>
+						<span class="fr">capacité d'apprentissage et autonomie</span>
+						<span class="en">capacité d'apprentissage et autonomie</span>
+					</li>
+					<li>
+						<span class="fr">attention aux détails, patience</span>
+						<span class="en">attention aux détails, patience</span>
+					</li>
+					<li>
+						<span class="fr">adaptabilité et resolution de problemes</span>
+						<span class="en">adaptabilité et resolution de problemes</span>
+					</li>
+					<li>
+						<span class="fr">recevoir des feedbacks</span>
+						<span class="en">recevoir des feedbacks</span>
 					</li>
 				</ul>
+
+				<div class="banner banner_size_0 banner_pause" aria-label="banner delimitation in ASCII art"></div>
+
 				<h2>
 					<span class="fr">EXPÉRIENCES</span>
 					<span class="en">WORK EXPERIENCES</span>
 				</h2>
+
+				<h4>
+					<span class="fr">web full-stack</span>
+					<span class="en">web full-stack</span>
+				</h4>
 				<ul>
-					<li><a href="https://www.carteprof.org" target="_blank" rel="noopener noreferrer" title="link to carteprof website"></a>
-						<span class="fr">, 2021 : Backend, plugin wordpress, authentification, sessions, paiements, roles et base de données</span>
-						<span class="en">, 2021 : Backend, plugin wordpress, authentification, sessions, payments, roles and database</span>
+					<li>
+						<span class="fr">bloc-house</span>
+						<span class="en">bloc-house</span>
 					</li>
-					<li><a href="https://www.bloc-house.org" target="_blank" rel="noopener noreferrer" title="link to bloc-house website"></a>
-						<span class="fr">, 2021 : Full-stack, reprise d’un site en php et javascript</span>
-						<span class="en">, 2021 : Full-stack, redesigning a php and javascript site</span>
+					<li>
+						<span class="fr">transcendence</span>
+						<span class="en">transcendence</span>
 					</li>
-					<li><a href="https://2022.lejourdesprofs.org/#programme" target="_blank" rel="noopener noreferrer" title="link to lejourdesprofs website"></a>
-						<span class="fr">, 2022 : Backend, plugin WordPress API GoogleMaps</span>
-						<span class="en">, 2022 : Backend, plugin WordPress API GoogleMaps</span>
+					<li>
+						<span class="fr">fipf</span>
+						<span class="en">fipf</span>
 					</li>
-					<li><a href="https://kosmopolit.bitbucket.io" target="_blank" rel="noopener noreferrer" title="link to kosmopolit website"></a>
-						<span class="fr">, 2021 : Front-end, intégration en css atomique statique</span>
-						<span class="en">, 2021 : Front-end, static atomic css integration</span>
+					<li>
+						<span class="fr">jipf</span>
+						<span class="en">jipf</span>
+					</li>
+					<li>
+						<span class="fr">kosmopolit</span>
+						<span class="en">kosmopolit</span>
 					</li>
 				</ul>
+
+				<h4>
+					<span class="fr">devops</span>
+					<span class="en">devops</span>
+				</h4>
+				<ul>
+					<li>
+						<span class="fr">webserv</span>
+						<span class="en">webserv</span>
+					</li>
+					<li>
+						<span class="fr">minitalk</span>
+						<span class="en">minitalk</span>
+					</li>
+					<li>
+						<span class="fr">inception</span>
+						<span class="en">inception</span>
+					</li>
+				</ul>
+
+				<h4>
+					<span class="fr">game</span>
+					<span class="en">game</span>
+				</h4>
+				<ul>
+					<li>
+						<span class="fr">cube 3d</span>
+						<span class="en">cube 3d</span>
+					</li>
+					<li>
+						<span class="fr">fdf</span>
+						<span class="en">fdf</span>
+					</li>
+				</ul>
+
+				<h4>
+					<span class="fr">system</span>
+					<span class="en">system</span>
+				</h4>
+				<ul>
+					<li>
+						<span class="fr">minishell</span>
+						<span class="en">minishell</span>
+					</li>
+					<li>
+						<span class="fr">containers</span>
+						<span class="en">containers</span>
+					</li>
+					<li>
+						<span class="fr">pushswap</span>
+						<span class="en">pushswap</span>
+					</li>
+				</ul>
+
+				<div class="banner banner_size_0 banner_pause" aria-label="banner delimitation in ASCII art"></div>
+
 				<h2>
-					<span class="fr">FORMATION INFORMATIQUE</span>
-					<span class="en">COMPUTER SCIENCE EDUCATION</span>
+					<span class="fr">FORMATIONS</span>
+					<span class="en">EDUCATIONS</span>
 				</h2>
+				<h4>
+					<span class="fr">informatique</span>
+					<span class="en">computer science</span>
+				</h4>
 				<ul>
 					<li>
 						<span class="fr">École 42, Paris, 2021-2022, tronc commun - niveau 10 (C, C++, système, algorithmie, réseaux)</span>
@@ -165,10 +261,10 @@
 						<span class="en">SIMPLON, developer full-stack JavaScript, 2018 (Javascript, Node.js, React.js, HTML, CSS)</span>
 					</li>
 				</ul>
-				<h2>
-					<span class="fr">FORMATION ARCHITECTURE</span>
-					<span class="en">ARCHITECTURE EDUCATION</span>
-				</h2>
+				<h4>
+					<span class="fr">architecture</span>
+					<span class="en">architecture</span>
+				</h4>
 				<ul>
 					<li>
 						<span class="fr">Master 1, ENSAPM, ESA, ENSAV, île-de-france, France, 2008-2014</span>
@@ -179,10 +275,17 @@
 						<span class="en">3 internships : PERSPECTIVA (Houston, Texas, 2009, 3 months), AS (Paris, 2012, 6 months), JC QUINTON (Paris 2014, 6 months)</span>
 					</li>
 				</ul>
+
+				<div class="banner banner_size_0 banner_pause" aria-label="banner delimitation in ASCII art"></div>
+
 				<h2>
-					<span class="fr">ENGAGEMENT ASSOCIATIF</span>
-					<span class="en">VOLUNTEER WORK</span>
+					<span class="fr">PERSONNEL</span>
+					<span class="en">PERSONAL</span>
 				</h2>
+				<h4>
+					<span class="fr">engagement associatif</span>
+					<span class="en">volunteer work</span>
+				</h4>
 				<ul>
 					<li>
 						<span class="fr">Vulgarisation et recherche contraception testiculaire, ZEROMILLIONS, Paris, France, 2021-2024</span>
@@ -201,6 +304,29 @@
 						<span class="en">Co-management of volunteers in a refugee camp, UTOPIA 56, Grande-Synthe, France, 2016</span>
 					</li>
 				</ul>
+				<h4>
+					<span class="fr">centre d'intérêts</span>
+					<span class="en">centre d'intérêts</span>
+				</h4>
+				<ul>
+					<li>
+						<span class="fr">vélo</span>
+						<span class="en">bicycle</span>
+					</li>
+					<li>
+						<span class="fr">magie</span>
+						<span class="en">magic tricks</span>
+					</li>
+					<li>
+						<span class="fr">mathématiques et physiques</span>
+						<span class="en">mathematics and physics</span>
+					</li>
+					<li>
+						<span class="fr">politique</span>
+						<span class="en">politic</span>
+					</li>
+				</ul>
+
 			</details>
 
 			<div class="mouse"><div class="frames mouse_1 pre"></div></div>
diff --git a/styles/elements/cv.css b/styles/elements/cv.css
index 532ecf8..2c4c28d 100644
--- a/styles/elements/cv.css
+++ b/styles/elements/cv.css
@@ -42,3 +42,11 @@
 .cv > *:last-child {
 	margin-bottom: 100px;
 }
+
+.cv .banner {
+	/*
+	margin: 50px 0px;
+	*/
+	margin: 50px 50px;
+	width: calc(100% - 100px);
+}