diff --git a/equipes/P22.html b/equipes/P22.html
new file mode 100644
index 0000000000000000000000000000000000000000..1cf64f50b094ada4992e4508fbe91280368a3f3e
--- /dev/null
+++ b/equipes/P22.html
@@ -0,0 +1,354 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Equipe 2022 - Africa Unite</title>
+ <link rel="stylesheet" href="../styles.css">
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
+</head>
+<body>
+ <div class="core">
+ <!--Logo Africa Unite-->
+ <a href="../actions.html"><img src="../images/logo_africaunite_transparent.png" alt="Logo Africa Unite" width="5%"></a>
+ <!--Barre de navigation-->
+ <nav id="navbar">
+ <ul>
+ <li class="deroulant"><a href="#">Qui sommes nous?</a>
+ <ul class="sous">
+ <li><a href="../equipes.html">Nos différentes équipes</a></li>
+ <li><a href="../histoire.html">L'histoire de l'association</a></li>
+ </ul>
+ </li>
+ <li class="deroulant"><a href="#">Nos projets</a>
+ <ul class="sous">
+ <li><a href="../Bobo.html">Le centre de Bobo</a></li>
+ <li><a href="../nvprojet.html">Le nouveau projet</a></li>
+ </ul>
+ <li><a href="../actions.html">Nos actions</a></li>
+ <li><a href="../contact.html">Nous contacter</a></li>
+ </ul>
+ </nav>
+ <!--Bouton d'apparition/disparition barre de navigation-->
+ <img src="../icons/menu_icon.png" id="menu_icon" alt="Menu icon" width="25px"
+ style="position: absolute; right:1%; top:20px">
+
+
+
+ <h2>L'équipe 2021</h2>
+ <h4>Le Buro</h4>
+ <div class="row">
+ <div class="column4">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Pauline.jpg">
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>
+ Pauline Marc-Tudor
+ </h2>
+ <span>Présidente</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column4">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Gwen.jpg">
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>
+ Gwendoline Mendes
+ </h2>
+ <span>Vice-Présidente</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column4">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Alban.jpg">
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>
+ Alban Granier
+ </h2>
+ <span>Trésorier</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column4">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Seb.jpg">
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>
+ Sébastien Moustard
+ </h2>
+ <span>Secrétaire Général</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <h4>Les Activités internes</h4>
+ <div class="row">
+ <div class="column3">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Clément.jpg">
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>
+ Clément Franey
+ </h2>
+ <span>VP Acti Int</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column3">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Saber.jpg">
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>
+ Saber Taieb
+ </h2>
+ <span>Acti Int</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column3">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Pauline.jpg">
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>
+ Pauline Marc-Tudor
+ </h2>
+ <span>Acti Int</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <a href="../actions.html"><button> Découvrir les actions internes</button></a>
+ <h4>Les Activités externes</h4>
+ <div class="row">
+ <div class="column3">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Nada.jpg">
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>
+ Nada Chraiki
+ </h2>
+ <span>VP Acti Ext/Respo Papiers Cadeaux</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column3">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Jean.jpg">
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>
+ Jean Erhart
+ </h2>
+ <span>Respo écoles</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column3">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Seb.jpg">
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>
+ Sébastien Moustard
+ </h2>
+ <span>Respo Tombola</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <a href="../actions.html"><button> Découvrir les actions externes</button></a>
+ <h4>Le pôle entreprise</h4>
+ <div class="row">
+ <div class="column4">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Raph.jpg">
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>
+ Raphaël El Haddad
+ </h2>
+ <span>VP Ent</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column4">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Thierry.jpg">
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>
+ Thierry Aba
+ </h2>
+ <span>Ent</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column4">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Gwen.jpg">
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>
+ Gwendoline Mendes
+ </h2>
+ <span>Ent</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column4">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Alban.jpg">
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>
+ Alban Granier
+ </h2>
+ <span>Ent</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <h4>Le pôle projet</h4>
+ <div class="row">
+ <div class="column2">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Thalia.jpg">
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>
+ Thalia Baisson-Bouteiller
+ </h2>
+ <span>VP Projet</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column2">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23JeanJean.jpg">
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>
+ Jean Deblock
+ </h2>
+ <span>Projet</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <a href="../actions.html"><button> Découvrir le nouveau projet</button></a>
+ <h4>Le pôle média</h4>
+ <div class="row">
+ <div class="column2">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Gwen.jpg">
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>
+ Gwendoline Mendes
+ </h2>
+ <span>VP Com
+ </span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="column2">
+ <div class="container">
+ <div class="image">
+ <img src="P23/P23Raph.jpg">
+ </div>
+ <div class="content">
+ <div class="info">
+ <h2>
+ Raphaël El Haddad
+ </h2>
+ <span>VP Geek</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!--Footer-->
+ <div class="footer">
+ <div class="row">
+ <div class="column3">
+ <img src="../images/logo_africaunite_transparent.png" alt="logo" width="100px">
+ </div>
+ <div class="column3">
+ <h3>Nous retrouver sur les réseaux</h3>
+ <p>Instagram</p>
+ <p>Facebook</p>
+ </div>
+ <div class="column3">
+ <h3>Nous contacter</h3>
+ <p>3 rue Joliot Curie <br>
+ 91190 GIF-SUR-YVETTE
+ </p>
+ <p>africa-unite@larez.fr</p>
+ </div>
+ </div>
+ </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/equipes/P24.html b/equipes/P24.html
index 9780712c96e041d1a99afef65a8ce951400e0d13..6bd071266748d373422a77e8fe4a93747dbd33f7 100644
--- a/equipes/P24.html
+++ b/equipes/P24.html
@@ -34,7 +34,17 @@
<img src="../icons/menu_icon.png" id="menu_icon" alt="Menu icon" width="25px"
style="position: absolute; right:1%; top:20px">
-
+ <div class="row">
+ <div class="column4">
+ <a href="P24.html"><button>Equipe 2022</button></a>
+ </div>
+ <div class="column4">
+ <a href="P23.html"><button>Equipe 2021</button></a>
+ </div>
+ <div class="column4">
+ <a href="P22.html"><button>Equipe 2020</button></a>
+ </div>
+ </div>
<h2>L'équipe 2022</h2>
<h4>Le Buro</h4>
diff --git a/styles.css b/styles.css
index ccca94986e2e746745aefdec8332a152c1d40f2b..221f1bd30059dc8e3b54de8e88fda044646c7ea8 100644
--- a/styles.css
+++ b/styles.css
@@ -203,6 +203,7 @@ button{
border-radius: 10px;
padding: 10px;
margin: 10px;
+ width: 50%;
}
.button {
font-family: Oswald;