diff --git a/assets/css/page/com_ville.css b/assets/css/page/com_ville.css
new file mode 100644
index 0000000..da3e86d
--- /dev/null
+++ b/assets/css/page/com_ville.css
@@ -0,0 +1,11 @@
+section {
+	display: block;
+	background-color: rgba(255,255,255,0.5);
+	width: 80%;
+	max-width: 800px;
+	margin-left: auto;
+	margin-right: auto;
+	padding: 50px;
+	font-size: 1.2rem;
+	margin-top: 40px;
+}
\ No newline at end of file
diff --git a/assets/css/page/map_com_ville.css b/assets/css/page/map_com_ville.css
deleted file mode 100644
index e69de29..0000000
diff --git a/assets/img/com_ville/thumbnail_10.jpg b/assets/img/com_ville/thumbnail_10.jpg
new file mode 100644
index 0000000..3fb8823
Binary files /dev/null and b/assets/img/com_ville/thumbnail_10.jpg differ
diff --git a/assets/img/com_ville/thumbnail_11.jpg b/assets/img/com_ville/thumbnail_11.jpg
new file mode 100644
index 0000000..316d5cc
Binary files /dev/null and b/assets/img/com_ville/thumbnail_11.jpg differ
diff --git a/assets/img/com_ville/thumbnail_12.jpg b/assets/img/com_ville/thumbnail_12.jpg
new file mode 100644
index 0000000..84e126f
Binary files /dev/null and b/assets/img/com_ville/thumbnail_12.jpg differ
diff --git a/assets/img/com_ville/thumbnail_13.jpg b/assets/img/com_ville/thumbnail_13.jpg
new file mode 100644
index 0000000..fdfa64f
Binary files /dev/null and b/assets/img/com_ville/thumbnail_13.jpg differ
diff --git a/assets/img/com_ville/thumbnail_14.jpg b/assets/img/com_ville/thumbnail_14.jpg
new file mode 100644
index 0000000..6b88a89
Binary files /dev/null and b/assets/img/com_ville/thumbnail_14.jpg differ
diff --git a/assets/img/com_ville/thumbnail_15.jpg b/assets/img/com_ville/thumbnail_15.jpg
new file mode 100644
index 0000000..91cb69b
Binary files /dev/null and b/assets/img/com_ville/thumbnail_15.jpg differ
diff --git a/assets/img/com_ville/thumbnail_16.jpg b/assets/img/com_ville/thumbnail_16.jpg
new file mode 100644
index 0000000..281a23f
Binary files /dev/null and b/assets/img/com_ville/thumbnail_16.jpg differ
diff --git a/assets/img/com_ville/thumbnail_6.jpg b/assets/img/com_ville/thumbnail_6.jpg
new file mode 100644
index 0000000..52e5eb6
Binary files /dev/null and b/assets/img/com_ville/thumbnail_6.jpg differ
diff --git a/assets/img/com_ville/thumbnail_7.jpg b/assets/img/com_ville/thumbnail_7.jpg
new file mode 100644
index 0000000..617b2cf
Binary files /dev/null and b/assets/img/com_ville/thumbnail_7.jpg differ
diff --git a/assets/img/com_ville/thumbnail_8.jpg b/assets/img/com_ville/thumbnail_8.jpg
new file mode 100644
index 0000000..c864856
Binary files /dev/null and b/assets/img/com_ville/thumbnail_8.jpg differ
diff --git a/assets/img/com_ville/thumbnail_9.jpg b/assets/img/com_ville/thumbnail_9.jpg
new file mode 100644
index 0000000..465dfcd
Binary files /dev/null and b/assets/img/com_ville/thumbnail_9.jpg differ
diff --git a/com_page.php b/com_page.php
index 7d45acd..f411220 100644
--- a/com_page.php
+++ b/com_page.php
@@ -27,10 +27,9 @@ ob_start(); // Start reading html
         </span>
     </a>
 
-    <a href="map_com_ville.php">
+    <a href="com_ville.php">
         <span>
             Com'ville<br>
-            <font color="red">Pas encore disponible</font>   
         </span>
     </a>
 
diff --git a/com_ville.php b/com_ville.php
new file mode 100644
index 0000000..8c5995e
--- /dev/null
+++ b/com_ville.php
@@ -0,0 +1,28 @@
+<?php
+ob_start(); // Start reading html
+include "assets/fonts/color.php";
+?>
+<main>
+	<div class="box-jaune">
+        <span class="corners corners-top"></span>
+        <span class="corners corners-bottom"></span>
+
+        <div class="title">Com'ville</div>
+
+        <span class="circles circles-top"></span>
+        <span class="circles circles-bottom"></span>
+    </div>
+
+    <section>
+		Salut à toi <strong><font color="red">P</font></strong>etit <strong><font color="red">P</font></strong>erdu <strong><font color="red">A</font></strong>rrivant tout juste dans cette magnifique ville qu’est <?= colored_text("Toulouse") ?> ( si t’habites déjà ici tu n’es pas concerné par cette phrase d’introduction mais te plains pas trop on s’occupe du jour où tu va pouvoir le plus flex de la semaine).<br>
+		Tout d’abord il faut que tu saches que le destin nous a mis plein de carapaces dans les roues : devoir partager la journée avec la com rallye et ses infâmes respos, la ville de Toulouse qui décide de saboter nos plans en organisant la grande <?= colored_text("bowsererie") ?> sur notre créneau et cet infâme président qui cherchait à nous déconcentrer pendant nos réunions. Mais ce n’est pas grave! Vu qu’on est la com de l’élite on a quand même réussi à te préparer une <?= colored_text("wati") ?> demi journée mêlant découverte d’une partie de la ville ( on compte sur ton parrain ou ta marraine pour te faire les découvrir les mondes qui nous sont interdits) et activités de zinzin à la praire des filtres.<br>
+		Alors il nous reste plus qu’à te dire de profiter de tes derniers instants dans ta ville natale parce que même si Toulouse c’est <?= colored_text("tarpin bieng") ?> elle va finir par te manquer (sauf si t’habites trop ds le nord).<br>
+		Bon allez nous on se taille dans nos kart!<br>
+		<?= colored_text("*saute*") ?><br>
+		Insert “mouhahahaahaaa” diabolique mario
+	</section>
+</main>
+<?php
+$infopage = ["", "Com'ville", ob_get_clean(), "", "com_ville"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6
+include("structure/template.php");
+?>
\ No newline at end of file