diff --git a/assets/css/page/com_page.css b/assets/css/page/com_page.css
new file mode 100644
index 0000000..21a97b7
--- /dev/null
+++ b/assets/css/page/com_page.css
@@ -0,0 +1,20 @@
+a {
+    text-decoration: none;
+}
+
+a span {
+	display: block;
+    background-color: rgba(255,255,255,0.5);
+    color: black;
+    padding: 20px;
+    margin: 30px;
+    font-size: 1.5rem;
+    margin-left: auto;
+    margin-right: auto;
+    width: 50vw;
+}
+
+a span:hover {
+    transform: scale(1.1);
+    transition: 0.3s ease;
+}
\ No newline at end of file
diff --git a/com_page.php b/com_page.php
new file mode 100644
index 0000000..7d45acd
--- /dev/null
+++ b/com_page.php
@@ -0,0 +1,41 @@
+<?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">Messages des COM's</div>
+
+        <span class="circles circles-top"></span>
+        <span class="circles circles-bottom"></span>
+    </div>
+
+    <a href="parrainage.php">
+        <span>
+            Le parrainage
+        </span>
+    </a>
+
+    <a href="anim.php">
+        <span>
+            Com'anim
+        </span>
+    </a>
+
+    <a href="map_com_ville.php">
+        <span>
+            Com'ville<br>
+            <font color="red">Pas encore disponible</font>   
+        </span>
+    </a>
+
+</main>
+<?php
+$infopage = ["", "Page des com's", ob_get_clean(), "", "com_page"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6
+include("structure/template.php");
+?>
\ No newline at end of file