diff --git a/img/partenaires/vialis.jpg b/img/partenaires/vialis.jpg
new file mode 100644
index 0000000..d6b83f9
Binary files /dev/null and b/img/partenaires/vialis.jpg differ
diff --git a/index.php b/index.php
index 251f2d9..8c179e7 100644
--- a/index.php
+++ b/index.php
@@ -13,6 +13,16 @@
     <title>Musique fraternité</title>
 
     <?php include('include_head.html'); ?>
+    
+    <style>
+        .portfolio-box {
+            overflow: hidden;
+            max-height: 350px;
+        }
+        .portfolio-box img {
+            max-height: 350px;
+        }
+    </style>
 
 </head>
 
@@ -46,7 +56,7 @@
             <div class="row no-gutter popup-gallery">
                 <div class="col-lg-4 col-sm-6">
                     <a href="harmonie.php" class="portfolio-box">
-                        <img src="img/portfolio/thumbnails/1.jpg" class="img-responsive" alt="">
+                        <img src="img/portfolio/thumbnails/1.jpg" alt="">
                         <div class="portfolio-box-caption">
                             <div class="portfolio-box-caption-content">
                                 <div class="project-name">
@@ -58,7 +68,7 @@
                 </div>
                 <div class="col-lg-4 col-sm-6">
                     <a href="ecole.php" class="portfolio-box">
-                        <img src="img/portfolio/thumbnails/2.jpg" class="img-responsive" alt="">
+                        <img src="img/portfolio/thumbnails/2.jpg" alt="">
                         <div class="portfolio-box-caption">
                             <div class="portfolio-box-caption-content">
                                 <div class="project-name">
@@ -70,7 +80,7 @@
                 </div>
                 <div class="col-lg-4 col-sm-6">
                     <a href="evenements.php" class="portfolio-box">
-                        <img src="img/portfolio/thumbnails/3.jpg" class="img-responsive" alt="">
+                        <img src="img/portfolio/thumbnails/3.jpg" alt="">
                         <div class="portfolio-box-caption">
                             <div class="portfolio-box-caption-content">
                                 <div class="project-name">
@@ -82,7 +92,7 @@
                 </div>
                 <div class="col-lg-4 col-sm-6">
                     <a href="direction.php" class="portfolio-box">
-                        <img src="img/portfolio/thumbnails/4.jpg" class="img-responsive" alt="">
+                        <img src="img/portfolio/thumbnails/4.jpg" alt="">
                         <div class="portfolio-box-caption">
                             <div class="portfolio-box-caption-content">
                                 <div class="project-name">
@@ -94,7 +104,7 @@
                 </div>
                 <div class="col-lg-4 col-sm-6">
                     <a href="salle.php" class="portfolio-box">
-                        <img src="img/portfolio/thumbnails/5.jpg" class="img-responsive" alt="">
+                        <img src="img/portfolio/thumbnails/5.jpg" alt="">
                         <div class="portfolio-box-caption">
                             <div class="portfolio-box-caption-content">
                                 <div class="project-name">
@@ -105,12 +115,12 @@
                     </a>
                 </div>
                 <div class="col-lg-4 col-sm-6">
-                    <a href="#contact" class="portfolio-box">
-                        <img src="img/portfolio/thumbnails/6.jpg" class="img-responsive" alt="">
+                    <a href="partenaires.php" class="portfolio-box">
+                        <img src="img/partenaires/vialis.jpg" alt="">
                         <div class="portfolio-box-caption">
                             <div class="portfolio-box-caption-content">
                                 <div class="project-name">
-                                    Contact
+                                    Partenaires
                                 </div>
                             </div>
                         </div>
diff --git a/navbar.html b/navbar.html
index 2aff11e..7dbbd5f 100644
--- a/navbar.html
+++ b/navbar.html
@@ -31,6 +31,9 @@
                 <li>
                     <a class="page-scroll" href="salle.php">La salle</a>
                 </li>
+                <li>
+                    <a class="page-scroll" href="partenaires.php">Partenaires</a>
+                </li>
                 <li>
                     <a class="page-scroll" href="#contact">Contact</a>
                 </li>
diff --git a/partenaires.php b/partenaires.php
new file mode 100644
index 0000000..65b5848
--- /dev/null
+++ b/partenaires.php
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="Site de la musique de Meyenheim">
+    <meta name="author" content="Paul TREHIOU">
+
+    <title>Musique fraternité - Partenaires</title>
+
+    <?php include('include_head.html'); ?>
+    
+        <style>
+        @media (min-width: 768px) {
+            .navbar-default .nav > li > a,
+            .navbar-default .nav > li > a:focus {
+                color: #222222;
+            }
+            .navbar-default .nav > li > a:hover,
+            .navbar-default .nav > li > a:focus:hover {
+                color: #F05F40;
+            }
+        }
+        
+        #partenaires {
+            overflow: hidden;
+        }
+        
+    </style>
+
+</head>
+
+<body id="page-top">
+
+    <?php include('navbar.html'); ?>
+    
+    <section id="partenaires">
+        <h1 class="text-center">Nos partenaires</h1>
+        <a href="https://www.vialis.tm.fr/particulier/cable/internet" class="col-sm-6 col-md-4"><img class="img-responsive" src="img/partenaires/vialis.jpg"></a>
+    </section>
+
+    <?php include('footer.html'); ?>
+
+    <?php include('include_foot.html'); ?>
+
+</body>
+
+</html>