diff --git a/gif/petales.gif b/gif/petales.gif
new file mode 100644
index 0000000..9d46df6
Binary files /dev/null and b/gif/petales.gif differ
diff --git a/index.html b/index.html
index 01f532f..5a30762 100644
--- a/index.html
+++ b/index.html
@@ -37,6 +37,7 @@
 							<li><a href="ersatz.html">Ersatz</a></li>
 							<li><a href="roulette.html">Roulette à donjons</a></li>
 							<li><a href="ico.html">ICO</a></li>
+							<li><a href="petales.html">Pétales de Camélia</a></li>
 						</ul>
 						<ul class="actions stacked">
 							<li><a href="https://lab.shelter.moe/camelia-studio" target="_blank" class="button primary fit">GitLab</a></li>
@@ -127,6 +128,15 @@
 										<p>Galerie d'images de l'association.</p>
 									</header>
 								</article>
+								<article>
+									<span class="image">
+										<img src="gif/petales.gif" alt="" />
+									</span>
+									<header class="major">
+										<h3><a href="petales.html" class="link">Pétales de Camélia</a></h3>
+										<p>Agrégateurs de sites mis en avant par l'association.</p>
+									</header>
+								</article>
 							</section>
 
 						<!-- Two -->
diff --git a/petales.html b/petales.html
new file mode 100644
index 0000000..8a6eb97
--- /dev/null
+++ b/petales.html
@@ -0,0 +1,90 @@
+<!DOCTYPE HTML>
+<!--
+	Forty by HTML5 UP
+	html5up.net | @ajlkn
+	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+-->
+<html>
+	<head>
+		<title>Pétales de Camélia</title>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+		<link rel="stylesheet" href="assets/css/main.css" />
+		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
+	</head>
+	<body class="is-preload">
+
+		<!-- Wrapper -->
+			<div id="wrapper">
+
+				<!-- Header -->
+					<header id="header" class="alt">
+						<a href="index.html" class="logo"><img src="images/logo.png" /> <span>par</span> <strong>Camélia Studio</strong></a>
+						<nav>
+							<a href="#menu">Menu</a>
+						</nav>
+					</header>
+
+				<!-- Menu -->
+					<nav id="menu">
+						<ul class="links">
+							<li><a href="index.html">Accueil</a></li>
+							<li><a href="cila.html">CILA</a></li>
+							<li><a href="sangigi.html">Sangigi Fuchsia</a></li>
+							<li><a href="vanille.html">Vanille</a></li>
+							<li><a href="dalla.html">Dalla Dalla</a></li>
+							<li><a href="ersatz.html">Ersatz</a></li>
+							<li><a href="roulette.html">Roulette à donjons</a></li>
+							<li><a href="ico.html">ICO</a></li>
+							<li><a href="petales.html">Pétales de Camélia</a></li>
+						</ul>
+						<ul class="actions stacked">
+							<li><a href="https://lab.shelter.moe/camelia-studio" target="_blank" class="button primary fit">GitLab</a></li>
+						</ul>
+					</nav>
+
+				<!-- Main -->
+					<div id="main" class="alt">
+
+						<!-- One -->
+							<section id="one">
+								<div class="inner">
+									<header class="major">
+										<h1>Pétales de Camélia</h1>
+									</header>
+									<video src="videos/petales.mp4" controls=""></video><br /><br />
+									<p><b>Pétales de Camélia</b> est une plateforme qui index le flux RSS de divers sites que l'association pense digne d'intérêt et suceptible d'intéresser ses visiteurs.</p>
+									<a href="http://cila.camelia-studio.org/petales/" target="_blank" class="button">Accéder au site</a>
+								</div>
+							</section>
+
+					</div>
+
+				<!-- Footer -->
+					<footer id="footer">
+						<div class="inner">
+							<ul class="icons">
+								<li><a href="https://twitter.com/cila_camelia" target="_blank" class="icon brands alt fa-twitter"><span class="label">Twitter</span></a></li>
+								<li><a href="https://www.facebook.com/kalmina.camelia" target="_blank" class="icon brands alt fa-facebook-f"><span class="label">Facebook</span></a></li>
+								<li><a href="https://lab.shelter.moe/camelia-studio" target="_blank" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
+								<li><a href="https://discord.gg/nBuZ9vJ" target="_blank" class="icon brands alt fa-discord"><span class="label">Discord</span></a></li>
+							</ul>
+							<ul class="copyright">
+								<li>&copy; CILA</li><li>Thème : <a href="https://html5up.net/forty">Forty par HTML5 UP</a></li>
+							</ul>
+						</div>
+					</footer>
+
+			</div>
+
+		<!-- Scripts -->
+			<script src="assets/js/jquery.min.js"></script>
+			<script src="assets/js/jquery.scrolly.min.js"></script>
+			<script src="assets/js/jquery.scrollex.min.js"></script>
+			<script src="assets/js/browser.min.js"></script>
+			<script src="assets/js/breakpoints.min.js"></script>
+			<script src="assets/js/util.js"></script>
+			<script src="assets/js/main.js"></script>
+
+	</body>
+</html>
\ No newline at end of file
diff --git a/videos/petales.mp4 b/videos/petales.mp4
new file mode 100644
index 0000000..bcbe3ea
Binary files /dev/null and b/videos/petales.mp4 differ
