diff --git a/tournaments/static/tournaments/css/broadcast.css b/tournaments/static/tournaments/css/broadcast.css
index a5d6d67..ffd1f78 100644
--- a/tournaments/static/tournaments/css/broadcast.css
+++ b/tournaments/static/tournaments/css/broadcast.css
@@ -19,7 +19,6 @@ body {
     padding: 20px;
     background-color: white;
     border-radius: 24px;
-    /* box-shadow: 0 0 0px 1px #fbead6; */
     box-shadow: 0 0 0px 0px #fbead6;
 }
 
diff --git a/tournaments/static/tournaments/css/style.css b/tournaments/static/tournaments/css/style.css
index 5ad4ca9..9aed836 100644
--- a/tournaments/static/tournaments/css/style.css
+++ b/tournaments/static/tournaments/css/style.css
@@ -25,7 +25,6 @@ body {
 
     box-sizing: border-box;
     height: 100%;
-    /* padding: 0; */
     margin: 0px 0px 100px 0px;
 }
 
@@ -68,14 +67,6 @@ nav {
 
 nav a {
     margin-right: 6px;
-    /* Adjust the horizontal spacing between <a> elements */
-}
-
-hr {
-    margin: 2px 0px;
-}
-
-/* a {
     color: #707070;
     padding: 8px 12px;
     background-color: #fae7ce;
@@ -83,29 +74,22 @@ hr {
     text-decoration: none;
     font-size: 12px;
     font-weight: 600;
-} */
+}
+
+hr {
+    margin: 2px 0px;
+}
 
 .wrapper {
     margin: 0px 10px;
 }
 
-@media print,
-screen and (min-width: 40em) {
+@media print, screen and (min-width: 40em) {
     .wrapper {
         margin: 0px 40px;
     }
 }
 
-.mybox {
-    color: #707070;
-    padding: 8px 12px;
-    background-color: #fae7ce;
-    border-radius: 12px;
-    text-decoration: none;
-    font-size: 12px;
-    font-weight: 600;
-}
-
 table {
     border-collapse: collapse;
     margin: 5px 0px;
@@ -124,6 +108,34 @@ tr {
     /* height: 40px; */
 }
 
+.orange {
+    color: #f39200;
+}
+
+.mybox {
+    color: #707070;
+    padding: 8px 12px;
+    background-color: #fae7ce;
+    border-radius: 12px;
+    text-decoration: none;
+    font-size: 12px;
+    font-weight: 600;
+}
+
+.large_button {
+    font-size: 16px;
+    display: inline-block;
+    font-family: "Montserrat-SemiBold";
+    color: white;
+    padding: 15px;
+    background-color: #1b223a;
+    border-radius: 12px;
+    text-align: center;
+    text-decoration: none;
+    width: 240px;
+    word-wrap: break-word;
+}
+
 .beige {
     color: #fff7ed;
 }
@@ -188,8 +200,8 @@ tr {
 }
 
 .logo {
-    height: 100px;
-    padding: 5px 10px;
+    height: 80px;
+    /* padding: 5px 10px; */
 }
 
 .padding-bottom-small {
@@ -208,10 +220,6 @@ tr {
     padding-left: 10px;
 }
 
-.names {
-    /* width: 70%; */
-}
-
 .team-names-box {
     height: 60px;
 }
@@ -233,11 +241,7 @@ tr {
     display: flex;
 }
 
-/* .score-span {
-    width: 30px; /* Fixed width for each score cell */
-}
-
-*/ .separator {
+.separator {
     height: 1px;
     background-color: #707070;
     margin: 5px 0px;
@@ -272,12 +276,6 @@ tr {
     padding: 10px 10px;
 }
 
-/* @media print, screen and (min-width: 40em) {
-    .my-block {
-        padding: 10px 10px;
-    }
-} */
-
 .red {
     background-color: red;
 }
@@ -286,6 +284,10 @@ svg {
     border-radius: 16px;
 }
 
+.padding20 {
+    padding: 20px;
+}
+
 .padding {
     padding: 100px;
 }
@@ -326,7 +328,6 @@ h-margin {
 
 .inline {
     display: inline-block;
-    /* box-sizing: border-box; */
     vertical-align: middle;
 }
 
@@ -338,10 +339,6 @@ h-margin {
     margin: 0px 10px;
 }
 
-.hpadding10 {
-    padding: 0px 10px;
-}
-
 .margin10 {
     margin: 10px;
 }
@@ -379,20 +376,10 @@ h-margin {
 }
 
 .duration {
-    /* display:grid; */
-    /* grid-template-columns: max-content max-content; */
     width: 100%;
     background-color: #fcc;
 }
 
-.alignleft {
-    text-align: left;
-}
-
-.alignright {
-    text-align: right;
-}
-
 .clear {
     clear: both;
 }
@@ -405,20 +392,12 @@ h-margin {
     margin-top: 10px;
 }
 
-.top-margin20 {
-    margin-top: 20px;
-}
-
 .smatch {
     padding-top: 20px;
     width: 800px;
     margin: 0 auto;
 }
 
-.right {
-    text-align: right;
-}
-
 .scontainer {
     display: flex;
     align-items: center;
@@ -432,18 +411,6 @@ h-margin {
     padding: 8px 0px;
 }
 
-.topmargin5 {
-    margin-top: 5px;
-}
-
-.topmargin10 {
-    margin-top: 10px;
-}
-
-.topmargin20 {
-    margin-top: 20px;
-}
-
 .tight {
     line-height: 1.1;
 }
@@ -480,74 +447,6 @@ h-margin {
     width: 40px;
 }
 
-.w15 {
-    width: 15%;
-}
-
-.w20 {
-    width: 20%;
-}
-
-.w25 {
-    width: 25%;
-}
-
-.w30 {
-    width: 30%;
-}
-
-.w40 {
-    width: 40%;
-}
-
-.w50 {
-    width: 50%;
-}
-
-.w60 {
-    width: 60%;
-}
-
-.w70 {
-    width: 70%;
-}
-
-.w80 {
-    width: 80%;
-}
-
-.w100 {
-    width: 100%;
-}
-
-.w20px {
-    width: 20px;
-}
-
-.w30px {
-    width: 30px;
-}
-
-.w40px {
-    width: 40px;
-}
-
-.w60px {
-    width: 60px;
-}
-
-.w70px {
-    width: 7px;
-}
-
-.w80px {
-    width: 80px;
-}
-
-.w100px {
-    width: 100px;
-}
-
 .table-row-1-colum {
     display: grid;
     grid-template-columns: 1px auto;
@@ -612,7 +511,6 @@ h-margin {
     padding: 5px 0px;
 }
 
-
 .table-row-3-colums-ranks {
     display: grid;
     grid-template-columns: 80px 1fr auto;
@@ -640,8 +538,7 @@ h-margin {
     padding: 5px 0px;
 }
 
-@media print,
-screen and (min-width: 80em) {
+@media print, screen and (min-width: 80em) {
     .table-row-4-colums {
         display: grid;
         grid-template-columns: 1px auto 50px 160px 180px;
@@ -682,8 +579,7 @@ screen and (min-width: 80em) {
     display: block;
 }
 
-@media print,
-screen and (min-width: 80em) {
+@media print, screen and (min-width: 80em) {
     .table-row-4-colums-tournament {
         grid-template-columns: 50px 1fr auto auto;
     }
@@ -732,9 +628,6 @@ screen and (min-width: 80em) {
     padding: 5px 0px;
 }
 
-
-
-
 #header {
     display: flex;
     justify-content: space-between;
diff --git a/tournaments/templates/tournaments/base.html b/tournaments/templates/tournaments/base.html
index 2add382..908ebd7 100644
--- a/tournaments/templates/tournaments/base.html
+++ b/tournaments/templates/tournaments/base.html
@@ -10,6 +10,7 @@
             href="{% static 'tournaments/css/foundation.min.css' %}"
         />
         <link rel="stylesheet" href="{% static 'tournaments/css/style.css' %}" />
+        <link rel="stylesheet" href="{% static 'tournaments/css/basics.css' %}" />
 
         <link
             rel="icon"
@@ -24,21 +25,19 @@
     <body class="wrapper">
         <header>
             <div class="grid-x">
-                <div class="cell topblock my-block">
-                    <!-- <div class="bubble"> -->
-                        <a href="{% url 'index' %}">
-                        <img
-                            src="{% static 'tournaments/images/PadelClub_logo_512.png' %}"
-                            class="logo inline"
-                        />
-                        <div class="inline">
-                            <h1 class="club">{% block first_title %}Page Title{% endblock %}</h1>
-                            <h1 class="event">{% block second_title %}Page Title{% endblock %}</h1>
-                            <!-- <span>Propulsé par Padel Club</span> -->
-                        </div>
-                        </a>
-                    <!-- </div> -->
+                <div class="medium-6 large-6 cell topblock my-block ">
+                    <a href="{% url 'index' %}">
+                    <img
+                        src="{% static 'tournaments/images/PadelClub_logo_512.png' %}"
+                        class="logo inline"
+                    />
+                    <div class="inline padding-left">
+                        <h1 class="club">{% block first_title %}Page Title{% endblock %}</h1>
+                        <h1 class="event">{% block second_title %}Page Title{% endblock %}</h1>
+                    </div>
+                    </a>
                 </div>
+                {% block right_header %}{% endblock %}
             </div>
         </header>
 
diff --git a/tournaments/templates/tournaments/base_head.html b/tournaments/templates/tournaments/broadcast/base_head.html
similarity index 87%
rename from tournaments/templates/tournaments/base_head.html
rename to tournaments/templates/tournaments/broadcast/base_head.html
index ecd9bf0..5894f8a 100644
--- a/tournaments/templates/tournaments/base_head.html
+++ b/tournaments/templates/tournaments/broadcast/base_head.html
@@ -6,6 +6,7 @@
     rel="stylesheet"
     href="{% static 'tournaments/css/foundation.min.css' %}"
 />
+<link rel="stylesheet" href="{% static 'tournaments/css/basics.css' %}" />
 <link rel="stylesheet" href="{% static 'tournaments/css/style.css' %}" />
 <link rel="stylesheet" href="{% static 'tournaments/css/broadcast.css' %}" />
 
diff --git a/tournaments/templates/tournaments/broadcast.html b/tournaments/templates/tournaments/broadcast/broadcast.html
similarity index 93%
rename from tournaments/templates/tournaments/broadcast.html
rename to tournaments/templates/tournaments/broadcast/broadcast.html
index f293aa2..87b8b48 100644
--- a/tournaments/templates/tournaments/broadcast.html
+++ b/tournaments/templates/tournaments/broadcast/broadcast.html
@@ -1,4 +1,4 @@
-{% extends 'tournaments/broadcast_base.html' %}
+{% extends 'tournaments/broadcast/broadcast_base.html' %}
 
 {% load static %}
 
diff --git a/tournaments/templates/tournaments/broadcast_base.html b/tournaments/templates/tournaments/broadcast/broadcast_base.html
similarity index 95%
rename from tournaments/templates/tournaments/broadcast_base.html
rename to tournaments/templates/tournaments/broadcast/broadcast_base.html
index 9b32253..e1766fc 100644
--- a/tournaments/templates/tournaments/broadcast_base.html
+++ b/tournaments/templates/tournaments/broadcast/broadcast_base.html
@@ -4,7 +4,7 @@
     {% load qr_code %}
 
     <head>
-        {% include 'tournaments/base_head.html' %}
+        {% include 'tournaments/broadcast/base_head.html' %}
 
         <script src="{% static 'tournaments/js/alpine.min.js' %}"></script>
 
diff --git a/tournaments/templates/tournaments/broadcast_club.html b/tournaments/templates/tournaments/broadcast/broadcast_club.html
similarity index 96%
rename from tournaments/templates/tournaments/broadcast_club.html
rename to tournaments/templates/tournaments/broadcast/broadcast_club.html
index e04b7ea..5a9e14e 100644
--- a/tournaments/templates/tournaments/broadcast_club.html
+++ b/tournaments/templates/tournaments/broadcast/broadcast_club.html
@@ -1,4 +1,4 @@
-{% extends 'tournaments/broadcast_base.html' %}
+{% extends 'tournaments/broadcast/broadcast_base.html' %}
 
 {% load static %}
 
diff --git a/tournaments/templates/tournaments/broadcasted_auto.html b/tournaments/templates/tournaments/broadcast/broadcasted_auto.html
similarity index 96%
rename from tournaments/templates/tournaments/broadcasted_auto.html
rename to tournaments/templates/tournaments/broadcast/broadcasted_auto.html
index 0fd2641..7fa0245 100644
--- a/tournaments/templates/tournaments/broadcasted_auto.html
+++ b/tournaments/templates/tournaments/broadcast/broadcasted_auto.html
@@ -4,7 +4,7 @@
     {% load qr_code %}
 
     <head>
-        {% include 'tournaments/base_head.html' %}
+        {% include 'tournaments/broadcast/base_head.html' %}
 
         <script src="{% static 'tournaments/js/alpine.min.js' %}"></script>
 
@@ -93,7 +93,7 @@
                             </div>
                         </div>
                         <div class="cell medium-6 large-6 topblock my-block">
-                            <div class="alignright">
+                            <div class="right">
                             {% qr_from_text qr_code_url options=qr_code_options %}
                             </div>
                         </div>
@@ -107,7 +107,7 @@
                         <template x-for="i in paginatedSummons.length">
                             <template x-for="column in paginatedSummons[i-1]">
                                 <div class="cell medium-6 large-6 topblock my-block" x-show="active === i">
-                                    {% include 'tournaments/broadcasted_summon.html' %}
+                                    {% include 'tournaments/broadcast/broadcasted_summon.html' %}
                                 </div>
                             </template>
                         </template>
@@ -115,7 +115,7 @@
                         <template x-for="i in paginatedMatches.length" >
                             <template x-for="match in paginatedMatches[i-1]" >
                                 <div class="cell medium-6 large-3 my-block" x-show="active === i + paginatedSummons.length">
-                                    {% include 'tournaments/broadcasted_match.html' %}
+                                    {% include 'tournaments/broadcast/broadcasted_match.html' %}
                                 </div>
                             </template>
                         </template>
@@ -123,7 +123,7 @@
                         <template x-for="i in paginatedGroupStages.length">
                             <template x-for="group_stage in paginatedGroupStages[i-1]">
                                 <div class="cell medium-6 large-3 my-block" x-show="active === i + paginatedSummons.length + paginatedMatches.length">
-                                    {% include 'tournaments/broadcasted_group_stage.html' %}
+                                    {% include 'tournaments/broadcast/broadcasted_group_stage.html' %}
                                 </div>
                             </template>
                         </template>
diff --git a/tournaments/templates/tournaments/broadcasted_group_stage.html b/tournaments/templates/tournaments/broadcast/broadcasted_group_stage.html
similarity index 100%
rename from tournaments/templates/tournaments/broadcasted_group_stage.html
rename to tournaments/templates/tournaments/broadcast/broadcasted_group_stage.html
diff --git a/tournaments/templates/tournaments/broadcasted_group_stages.html b/tournaments/templates/tournaments/broadcast/broadcasted_group_stages.html
similarity index 95%
rename from tournaments/templates/tournaments/broadcasted_group_stages.html
rename to tournaments/templates/tournaments/broadcast/broadcasted_group_stages.html
index 5f2a2e9..ff460fb 100644
--- a/tournaments/templates/tournaments/broadcasted_group_stages.html
+++ b/tournaments/templates/tournaments/broadcast/broadcasted_group_stages.html
@@ -6,6 +6,7 @@
     <head>
         <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
         <link rel="stylesheet" href="{% static 'tournaments/css/foundation.min.css' %}" />
+        <link rel="stylesheet" href="{% static 'tournaments/css/basics.css' %}" />
         <link rel="stylesheet" href="{% static 'tournaments/css/style.css' %}" />
         <link rel="stylesheet" href="{% static 'tournaments/css/broadcast.css' %}" />
 
@@ -68,7 +69,7 @@
 
                                 <div class="cell medium-6 large-3 my-block" x-show="active === i">
 
-                                    {% include 'tournaments/broadcasted_group_stage.html' %}
+                                    {% include 'tournaments/broadcast/broadcasted_group_stage.html' %}
 
                                 </div>
 
diff --git a/tournaments/templates/tournaments/broadcasted_match.html b/tournaments/templates/tournaments/broadcast/broadcasted_match.html
similarity index 100%
rename from tournaments/templates/tournaments/broadcasted_match.html
rename to tournaments/templates/tournaments/broadcast/broadcasted_match.html
diff --git a/tournaments/templates/tournaments/broadcasted_matches.html b/tournaments/templates/tournaments/broadcast/broadcasted_matches.html
similarity index 95%
rename from tournaments/templates/tournaments/broadcasted_matches.html
rename to tournaments/templates/tournaments/broadcast/broadcasted_matches.html
index 1367d2f..fe29ed6 100644
--- a/tournaments/templates/tournaments/broadcasted_matches.html
+++ b/tournaments/templates/tournaments/broadcast/broadcasted_matches.html
@@ -5,6 +5,7 @@
     <head>
         <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
         <link rel="stylesheet" href="{% static 'tournaments/css/foundation.min.css' %}" />
+        <link rel="stylesheet" href="{% static 'tournaments/css/basics.css' %}" />
         <link rel="stylesheet" href="{% static 'tournaments/css/style.css' %}" />
         <link rel="stylesheet" href="{% static 'tournaments/css/broadcast.css' %}" />
 
@@ -67,7 +68,7 @@
 
                             <div class="cell medium-6 large-3 my-block" x-show="active === i">
 
-                                {% include 'tournaments/broadcasted_match.html' %}
+                                {% include 'tournaments/broadcast/broadcasted_match.html' %}
 
                             </div>
 
diff --git a/tournaments/templates/tournaments/broadcasted_ranking.html b/tournaments/templates/tournaments/broadcast/broadcasted_ranking.html
similarity index 100%
rename from tournaments/templates/tournaments/broadcasted_ranking.html
rename to tournaments/templates/tournaments/broadcast/broadcasted_ranking.html
diff --git a/tournaments/templates/tournaments/broadcasted_rankings.html b/tournaments/templates/tournaments/broadcast/broadcasted_rankings.html
similarity index 93%
rename from tournaments/templates/tournaments/broadcasted_rankings.html
rename to tournaments/templates/tournaments/broadcast/broadcasted_rankings.html
index e806847..237d821 100644
--- a/tournaments/templates/tournaments/broadcasted_rankings.html
+++ b/tournaments/templates/tournaments/broadcast/broadcasted_rankings.html
@@ -1,4 +1,4 @@
-{% extends 'tournaments/broadcast_base.html' %}
+{% extends 'tournaments/broadcast/broadcast_base.html' %}
 
 {% block head_title %}Classement{% endblock %}
 {% block first_title %}{{ tournament.display_name }}{% endblock %}
@@ -58,7 +58,7 @@
                     <div class="bubble">
                         <template x-for="(ranking, index) in column" >
 
-                            {% include 'tournaments/broadcasted_ranking.html' %}
+                            {% include 'tournaments/broadcast/broadcasted_ranking.html' %}
 
                         </template>
                     </div>
diff --git a/tournaments/templates/tournaments/broadcasted_summon.html b/tournaments/templates/tournaments/broadcast/broadcasted_summon.html
similarity index 100%
rename from tournaments/templates/tournaments/broadcasted_summon.html
rename to tournaments/templates/tournaments/broadcast/broadcasted_summon.html
diff --git a/tournaments/templates/tournaments/broadcasted_summons.html b/tournaments/templates/tournaments/broadcast/broadcasted_summons.html
similarity index 95%
rename from tournaments/templates/tournaments/broadcasted_summons.html
rename to tournaments/templates/tournaments/broadcast/broadcasted_summons.html
index 6545128..a2a4007 100644
--- a/tournaments/templates/tournaments/broadcasted_summons.html
+++ b/tournaments/templates/tournaments/broadcast/broadcasted_summons.html
@@ -1,4 +1,4 @@
-{% extends 'tournaments/broadcast_base.html' %}
+{% extends 'tournaments/broadcast/broadcast_base.html' %}
 
 {% block head_title %}Convocations{% endblock %}
 {% block first_title %}{{ tournament.display_name }}{% endblock %}
@@ -55,7 +55,7 @@
             <template x-for="column in paginatedMatches[i-1]" >
                 <div class="cell medium-6 large-6 topblock my-block" x-show="active === i">
 
-                    {% include 'tournaments/broadcasted_summon.html' %}
+                    {% include 'tournaments/broadcast/broadcasted_summon.html' %}
 
                     <!-- <div class="bubble">
                         <template x-for="(summon, index) in column" >
diff --git a/tournaments/templates/tournaments/download.html b/tournaments/templates/tournaments/download.html
new file mode 100644
index 0000000..2c4eea9
--- /dev/null
+++ b/tournaments/templates/tournaments/download.html
@@ -0,0 +1,300 @@
+<!DOCTYPE html>
+<html>
+    {% load static %}
+
+    <head>
+        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link
+            rel="stylesheet"
+            href="{% static 'tournaments/css/foundation.min.css' %}"
+        />
+        <link rel="stylesheet" href="{% static 'tournaments/css/basics.css' %}" />
+        <link rel="stylesheet" href="{% static 'tournaments/css/blue_style.css' %}" />
+
+        <link
+            rel="icon"
+            type="image/png"
+            href="{% static 'tournaments/images/favicon.png' %}"
+        />
+
+        <title>{% block head_title %}Page Title{% endblock %}</title>
+
+    </head>
+
+    <body>
+
+        <div class="wrapper">
+        <header>
+            <div class="grid-x">
+                <div class="cell topblock my-block flex">
+
+                    <div class="flex-left">
+                        <a href="{% url 'index' %}">
+                        <img
+                            src="{% static 'tournaments/images/PadelClub_logo_fondfonce_transparent.png' %}"
+                            class="logo inline"
+                        />
+                        </a>
+
+                        <nav class="margin10 inline">
+                            <a href="{% url 'index' %}">Accueil</a>
+                            <a href="{% url 'clubs' %}">Clubs</a>
+                        </nav>
+
+                    </div>
+
+                    <div class="flex-right simple">
+                        <a href="mailto:support@padelclub.app" class="">Écrivez-nous !</a>
+                    </div>
+
+                </div>
+            </div>
+        </header>
+
+        <main>
+
+            <div class="grid-x">
+                <div class="cell large-6 topblock my-block">
+                    <h3 class="topmargin40">
+                        <span class="orange">Organisez vos tournois comme les pros</span> et accueillez les joueurs et le public comme dans les plus grand événements
+                    </h3>
+                    <p id="main">
+                        <span class="bold">PadelClub est une application de gestion de tournois destinée aux juges-arbitres, clubs et passionnés</span> qui souhaitent organiser aisément des tournois homologués ou amicaux.  Gérez vos tournois de A à Z : des inscriptions jusqu’aux résultats finaux et retrouvez tous les résultats des matchs en temps réel.
+                    </p>
+                </div>
+                <div class="cell large-6 topblock center">
+                    <img src="{% static 'tournaments/images/telephones@2x.png' %}" class="main-phone-pic" />
+                </div>
+            </div>
+
+            <div class="center">
+                <a href="https://apps.apple.com/app/padel-club/id6484163558">
+                    <img src="{% static 'tournaments/images/Download_on_the_App_Store@2x.png' %}" class="download-pic" />
+                </a>
+            </div>
+
+            <div class="center large-top-margin">
+                <h4>
+                    <span class="orange">Gagnez un temps considérable</span><br/> sur l’organisation de chacun de vos tournois
+                </h4>
+                <span>
+                    Une application pensée pour le confort des joueur(ses) et le dynamisme des clubs.
+                </span>
+            </div>
+
+            <div class="grid-x topmargin40">
+
+                <div class="cell large-6 topblock my-block">
+                    <img src="{% static 'tournaments/images/photo1@2x.png' %}" />
+                    <img src="{% static 'tournaments/images/photo2@2x.png' %}" class="topmargin40" />
+                </div>
+
+                <div class="cell large-6 topblock my-block">
+                    <div class="bubble">
+                        <h4 class="orange">Avant le tournoi</h4>
+                        <ul>
+                            <li><span class="bold">Recherche et importation</span> facile des joueurs licenciés</li>
+                            <li>Gestion de la <span class="bold">liste d'attente</span></li>
+                            <li>Interface avec <span class="bold">Beach-Padel</span></li>
+                            <li>Simulation des <span class="bold">structures de tournoi</span></li>
+                            <li><span class="bold">Planification instantanée</span></li>
+                            <li><span class="bold">Convocations groupées</span> des joueurs</li>
+                            <li><span class="bold">Création de vos paires</span> rapide</li>
+                            <li><span class="bold">Calcul du poids des équipes</span> automatique</li>
+                            <li><span class="bold">Convocation de tous les joueurs</span> en un clic</li>
+                            <li><span class="bold">Traitement des forfaits</span> de dernière minute</li>
+                        </ul>
+                    </div>
+
+                    <div class="topmargin40 bubble">
+                        <h4 class="orange">Pendant le tournoi</h4>
+                        <ul>
+                            <li><span class="bold">Saisie des résultats</span> dans l'application</li>
+                            <li><span class="bold">Mise à jour automatique</span> du tableau</li>
+                            <li><span class="bold">Placement des têtes de séries</span> facile et au hasard</li>
+                            <li><span class="bold">Tirage au sort des qualifiés</span> de poules entrants dans le tableau</li>
+                            <li><span class="bold">Communication avec les joueurs :</span> gestion des imprévus, rappels des joueurs...</li>
+                            <li><span class="bold">Gestion simultané</span> de plusieurs épreuves</li>
+                            <li><span class="bold">Suivi de l'encaissement</span></li>
+                        </ul>
+                    </div>
+
+                    <div class="topmargin40 bubble">
+                        <h4 class="orange">Après le tournoi</h4>
+                        <ul>
+                            <li><span class="bold">Classement final</span> généré</li>
+                            <li><span class="bold">Saisie du classement sur Beach Padel</span> simplifiée</li>
+                        </ul>
+                    </div>
+                </div>
+
+            </div>
+
+            <div class="grid-x topmargin40">
+
+                <div class="cell medium-offset-2 large-offset-2 medium-4 large-4">
+                    <div class="center">
+                        <img src="{% static 'tournaments/images/phone_pic2@2x.png' %}" class="phone"/>
+                    </div>
+                </div>
+                <div class="cell medium-4 large-4">
+                    <div class="center">
+                        <img src="{% static 'tournaments/images/phone_pic3@2x.png' %}" class="phone" />
+                    </div>
+                </div>
+
+            </div>
+
+            <div class="center topmargin40">
+                <h4 class="">
+                    <span class="orange">Faites de vos tournois une expérience inoubliable</span><br/> pour les joueurs et les joueuses
+                </h4>
+                <span>
+                    Une application pensée pour le confort des joueur(ses) et le dynamisme des clubs.
+                </span>
+            </div>
+
+            <div class="grid-x topmargin40">
+
+                <div class="cell medium-6 large-3 padding20">
+                    <div class="center bubble blue-bubble">
+                        <img src="{% static 'tournaments/images/picto_stopwatch@2x.png' %}" class="img-picto" />
+                        <p>
+                            Moins de temps d'attente entre les matchs
+                        </p>
+                    </div>
+                </div>
+
+                <div class="cell medium-6 large-3 padding20">
+                    <div class="center bubble blue-bubble">
+                        <img src="{% static 'tournaments/images/picto_send@2x.png' %}" class="img-picto" />
+                        <p>
+                            Convocations plus rapides
+                        </p>
+                    </div>
+                </div>
+
+                <div class="cell medium-6 large-3 padding20">
+                    <div class="center bubble blue-bubble">
+                        <img src="{% static 'tournaments/images/picto_share@2x.png' %}" class="img-picto" />
+                        <p>
+                            Suivi des résultats pour tous avec envoi aux amis
+                        </p>
+                    </div>
+                </div>
+
+                <div class="cell medium-6 large-3 padding20">
+                    <div class="center bubble blue-bubble">
+                        <img src="{% static 'tournaments/images/picto_medal@2x.png' %}" class="img-picto" />
+                        <p>
+                            Indication du nombre de points gagnés
+                        </p>
+                    </div>
+                </div>
+
+            </div>
+
+            <div class="grid-x topmargin40">
+                <div class="cell large-4 padding20">
+                    <p class="comment">
+                        "C'est dingue, plus de fichiers Excel, de crayons et de feuilles volantes.
+                        Terminé les « à quelle heure on joue ? », les recherches de licences, le calcul des poids,... je fais tout hyper facilement!"
+                    </p>
+                    <div class="comment-details">
+                        <p class="orange bold">Robert</p>
+                        <p>
+                            JPA Région Sud<br/>
+                            Gérant du club Padel Driver
+                        </p>
+                    </div>
+                </div>
+                <div class="cell large-4 padding20">
+                    <p class="comment">
+                        "Je respecte toutes les règles FFT sans même y penser, je n'ai plus aucun problème pour l'homologation"
+                    </p>
+                    <div class="comment-details">
+                        <p class="orange bold">Jeanne</p>
+                        <p>
+                            JPA Paris Est<br/>
+                            Gérante du club OhNondeJesus
+                        </p>
+                    </div>
+                </div>
+
+                <div class="cell large-4 padding20">
+                    <p class="comment">
+                        "Ma participation au tournois a été hyper agréable, je n'avais pas eu à stresser sur les infos du tournois, j'ai pu me consacrer sur mon jeu à 100% !"
+                    </p>
+                    <div class="comment-details">
+                        <p class="orange bold">Sylvie</p>
+                        <p>
+                            Bordeaux<br/>
+                            Membre du top 150
+                        </p>
+                    </div>
+                </div>
+
+            </div>
+
+            <div class="center topmargin40">
+                <h4 class="">
+                    <span class="orange">Essai gratuit</span> pour un tournoi
+                </h4>
+                <span>
+                    et des tarifs adaptés à vos besoins
+                </span>
+            </div>
+
+
+            <div class="grid-x topmargin40">
+                <div class="cell medium-4 large-4 price-padding">
+                    <div class="center bubble">
+                        <div class="price-title">À L'UNITÉ</div>
+                        <div class="price">15€</div>
+                        <div>par tournoi</div>
+                    </div>
+                </div>
+                <div class="cell medium-4 large-4 price-padding">
+                    <div class="center bubble">
+                        <div class="price-title">ABONNEMENT MENSUEL</div>
+                        <div class="price">50€</div>
+                        <div>jusqu'à 5 tournois</div>
+                    </div>
+                </div>
+                <div class="cell medium-4 large-4 price-padding">
+                    <div class="center bubble">
+                        <div class="price-title">ABONNEMENT MENSUEL</div>
+                        <div class="price">95€</div>
+                        <div>illimité</div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="center topmargin40">
+                <a href="https://apps.apple.com/app/padel-club/id6484163558">
+                    <img src="{% static 'tournaments/images/Download_on_the_App_Store@2x.png' %}" class="download-pic" />
+                </a>
+            </div>
+
+
+            <div class="grid-x topmargin40">
+
+                <div class="cell medium-6 large-6 topblock my-block">
+                    <img src="{% static 'tournaments/images/photo3@2x.png' %}" />
+                </div>
+                <div class="cell medium-6 large-6 topblock my-block">
+                    <img src="{% static 'tournaments/images/photo4@2x.png' %}" />
+                </div>
+            </div>
+        </main>
+
+        <footer>
+
+            <div><a href="mailto:support@padelclub.app">NOUS CONTACTER</a> - ©padelclub.app</div>
+
+        </footer>
+
+        </div>
+    </body>
+</html>
diff --git a/tournaments/templates/tournaments/index.html b/tournaments/templates/tournaments/index.html
index 1c2b02b..0c658a7 100644
--- a/tournaments/templates/tournaments/index.html
+++ b/tournaments/templates/tournaments/index.html
@@ -8,6 +8,7 @@
             rel="stylesheet" type="text/css"
             href="{% static 'tournaments/foundation.min.css' %}"
         />
+        <link rel="stylesheet" href="{% static 'tournaments/css/basics.css' %}" />
         <link rel="stylesheet" type="text/css" href="{% static 'tournaments/style.css' %}" />
 
         <link
diff --git a/tournaments/templates/tournaments/navigation_base.html b/tournaments/templates/tournaments/navigation_base.html
index 0d212eb..fc5eec6 100644
--- a/tournaments/templates/tournaments/navigation_base.html
+++ b/tournaments/templates/tournaments/navigation_base.html
@@ -1,5 +1,5 @@
 
 <nav class="margin10">
-    <a href="{% url 'index' %}" class="mybox">Accueil</a>
-    <a href="{% url 'clubs' %}" class="mybox">Clubs</a>
+    <a href="{% url 'index' %}">Accueil</a>
+    <a href="{% url 'clubs' %}">Clubs</a>
 </nav>
diff --git a/tournaments/templates/tournaments/navigation_tournament.html b/tournaments/templates/tournaments/navigation_tournament.html
index 18ee97c..18388c6 100644
--- a/tournaments/templates/tournaments/navigation_tournament.html
+++ b/tournaments/templates/tournaments/navigation_tournament.html
@@ -1,22 +1,22 @@
 <nav class="margin10">
     {% if tournament.display_matches %}
-    <a href="{% url 'tournament' tournament.id %}" class="mybox topmargin5">Matches</a>
+    <a href="{% url 'tournament' tournament.id %}" class="topmargin5">Matches</a>
     {% endif %}
 
     {% if tournament.display_group_stages %}
-    <a href="{% url 'group-stages' tournament.id %}" class="mybox topmargin5">Poules</a>
+    <a href="{% url 'group-stages' tournament.id %}" class="topmargin5">Poules</a>
     {% endif %}
 
     {% if tournament.display_summons %}
-    <a href="{% url 'tournament-summons' tournament.id %}" class="mybox topmargin5">Convocations</a>
+    <a href="{% url 'tournament-summons' tournament.id %}" class="topmargin5">Convocations</a>
     {% endif %}
 
     {% if tournament.display_teams %}
-    <a href="{% url 'tournament-teams' tournament.id %}" class="mybox topmargin5">Équipes</a>
+    <a href="{% url 'tournament-teams' tournament.id %}" class="topmargin5">Équipes</a>
     {% endif %}
 
     {% if tournament.display_rankings %}
-    <a href="{% url 'tournament-rankings' tournament.id %}" class="mybox topmargin5">Classement</a>
+    <a href="{% url 'tournament-rankings' tournament.id %}" class="topmargin5">Classement</a>
     {% endif %}
 
 </nav>
diff --git a/tournaments/templates/tournaments/tournaments.html b/tournaments/templates/tournaments/tournaments.html
index c7bdfda..ca79589 100644
--- a/tournaments/templates/tournaments/tournaments.html
+++ b/tournaments/templates/tournaments/tournaments.html
@@ -4,6 +4,17 @@
 {% block first_title %}Padel Club{% endblock %}
 {% block second_title %}{% if club %}{{ club.name }}{% else %}Tournois{% endif %}{% endblock %}
 
+
+{% block right_header %}
+
+<div class="medium-6 large-6 cell topblock my-block flex">
+    <div class="right-content w300px">
+        <a href="{% url 'download' %}" class="large_button">Téléchargez l'app pour organiser vos tournois !</a>
+    </div>
+</div>
+{% endblock %}
+
+
 {% block content %}
 
 {% include 'tournaments/navigation_base.html' %}
diff --git a/tournaments/urls.py b/tournaments/urls.py
index a615fe8..3c3f52c 100644
--- a/tournaments/urls.py
+++ b/tournaments/urls.py
@@ -30,4 +30,5 @@ urlpatterns = [
     ),
     path('players/', views.players, name='players'),
     path('activate/<uidb64>/<token>/', views.activate, name='activate'),
+    path('download/', views.download, name='download')
 ]
diff --git a/tournaments/views.py b/tournaments/views.py
index a4a1c6d..0479abe 100644
--- a/tournaments/views.py
+++ b/tournaments/views.py
@@ -148,7 +148,7 @@ def tournament_summons(request, tournament_id):
 
 def tournament_broadcasted_summons(request, tournament_id):
     tournament = get_object_or_404(Tournament, pk=tournament_id)
-    return render(request, 'tournaments/broadcasted_summons.html', {
+    return render(request, 'tournaments/broadcast/broadcasted_summons.html', {
         'tournament': tournament,
         'qr_code_url': qr_code_url(request, tournament_id),
         'qr_code_options': qr_code_options(),
@@ -162,7 +162,7 @@ def tournament_summons_json(request, tournament_id):
 
 def tournament_broadcast_home(request, tournament_id):
     tournament = get_object_or_404(Tournament, pk=tournament_id)
-    return render(request, 'tournaments/broadcast.html', {
+    return render(request, 'tournaments/broadcast/broadcast.html', {
         'tournament': tournament,
         'qr_code_url': qr_code_url(request, tournament_id),
         'qr_code_options': qr_code_options(),
@@ -170,7 +170,7 @@ def tournament_broadcast_home(request, tournament_id):
 
 def automatic_broadcast(request, tournament_id):
     tournament = get_object_or_404(Tournament, pk=tournament_id)
-    return render(request, 'tournaments/broadcasted_auto.html', {
+    return render(request, 'tournaments/broadcast/broadcasted_auto.html', {
         'tournament': tournament,
         'qr_code_url': qr_code_url(request, tournament_id),
         'qr_code_options': qr_code_options(),
@@ -185,7 +185,7 @@ def qr_code_options():
 
 def tournament_matches(request, tournament_id):
     tournament = get_object_or_404(Tournament, pk=tournament_id)
-    return render(request, 'tournaments/broadcasted_matches.html', {
+    return render(request, 'tournaments/broadcast/broadcasted_matches.html', {
         'tournament': tournament,
         'qr_code_url': qr_code_url(request, tournament_id),
         'qr_code_options': qr_code_options(),
@@ -215,7 +215,7 @@ def tournament_group_stages(request, tournament_id):
 
 def tournament_broadcasted_group_stages(request, tournament_id):
     tournament = get_object_or_404(Tournament, pk=tournament_id)
-    return render(request, 'tournaments/broadcasted_group_stages.html', {
+    return render(request, 'tournaments/broadcast/broadcasted_group_stages.html', {
         'tournament': tournament,
         'qr_code_url': qr_code_url(request, tournament_id),
         'qr_code_options': qr_code_options(),
@@ -247,7 +247,7 @@ def tournament_rankings_json(request, tournament_id):
 
 def tournament_broadcast_rankings(request, tournament_id):
     tournament = get_object_or_404(Tournament, pk=tournament_id)
-    return render(request, 'tournaments/broadcasted_rankings.html', {
+    return render(request, 'tournaments/broadcast/broadcasted_rankings.html', {
         'tournament': tournament,
         'qr_code_url': qr_code_url(request, tournament_id),
         'qr_code_options': qr_code_options(),
@@ -274,9 +274,10 @@ def club_broadcast(request, broadcast_code):
     q_not_deleted = Q(is_deleted=False, event__club=club)
     tournaments = Tournament.objects.filter(q_not_deleted).order_by('-start_date')
 
-    # print(len(tournaments))
-
-    return render(request, 'tournaments/broadcast_club.html', {
+    return render(request, 'tournaments/broadcast/broadcast_club.html', {
         'club': club,
         'tournaments': tournaments,
     })
+
+def download(request):
+    return render(request, 'tournaments/download.html')