version 1.0 finale

index.html

@@ -27,9 +27,9 @@
 
     <div class="corps">
         <div class="centrer">
-            <h1> Le Collectif Karäfon pose ses valises et implante son chapiteau pour la
+            <p class="encadre"> Le Collectif Karäfon pose ses valises et implante son chapiteau pour la
                 seconde fois à Beauvoir en Royans du 3 au 7 juillet !
-                Un festival convivial, familial et festif proposé par la troupe Karäfon !</h1>
+                Un festival convivial, familial et festif proposé par la troupe Karäfon !</p>
             <img src="images/equipe.jpeg" alt="photo du festival" class="images"/>
             <img src="images/spectacle.jpeg" alt="photo d'un spectacle" class="images"/>
             <img src="images/affiche_prochaine_edition.jpg" alt="affiche de la prochaine édition" class="images"/>

karafon_style.css

@@ -34,24 +34,25 @@ li a {
     text-align: center;
     padding: 14px 16px;
     text-decoration: none;
-}
-
-h1{
-    color:rgb(223, 56, 27);
-    margin-left: 10%;
-    margin-right: 10%;
+    font-size: large;
 }
 
 p{
     color:rgb(29, 92, 117);
+    font-size: large;
 }
 
 .centrer{
     text-align: center;
+
 }
 
-.title {
-    text-align: center;
+.encadre{
+    color:rgb(29,92,117);
+    padding:5%;
+    font-size: 1.7em;
+    font-weight: 600;
+
 }
 
 .corps{
@@ -61,6 +62,10 @@ p{
     text-align: center;
 }
 
+.images{
+    max-width:28%;
+}
+
 #citi{
     position:absolute;
     left: 80%;
@@ -88,26 +93,6 @@ p{
     max-height:40%;
 }
 
-#montage{
-    max-width:30%;
-    float:right;
-}
-
-#tentes{
-    max-width:30%;
-    float:left;
-}
-
-#equipe_accueil{
-    max-width:30%;
-    float:left;
-}
-
-#spectacle{
-    max-width:30%;
-    float:left;
-}
-
 #intro-prochain{
     margin-top: 8%;
     margin-left: 4%;
@@ -115,6 +100,4 @@ p{
     margin-bottom: -10%;
 }
 
-.images{
-    max-width:28%;
-}
+

troupe.html

@@ -35,7 +35,9 @@
     administrateurs.trices., travailleur.euses sociales... Certain.es sont
     permanents, d'autres occasionnels, mais tous brûlent de la même
     passion.</p>
-    <img src="images/equipe.jpeg" alt="photo du festival" id="equipe"/>
+    <div class="centrer">
+    <img src="images/equipe.jpeg" alt="photo du festival" class="images"/>
+    </div>
 
 </body>
 </html>