[HTML+CSS] statut des h1

diff --git a/css/habillage.css b/css/habillage.css
index ed2eca8..c6f46f3 100644 (file)
--- a/css/habillage.css
+++ b/css/habillage.css
@@ -67,13 +67,13 @@ p {
   background-color: #2bc7cd; }
 
 #ateliers p {
-  margin: 15px 15px;
-  font-size: 1em;
-  -webkit-margin-before: 1em;
-  -webkit-margin-after: 1em;
-  -webkit-margin-start: 0px;
-  -webkit-margin-end: 0px;
-  font-weight: bold; }
+  margin: 15px 15px 0 15px;
+  font-size: 1.3em;
+  font-weight: bold;
+  text-align: left; }
+
+#ateliers p:nth-child(2) {
+  margin: 0px 15px 15px 15px; }
 
 /*2EME COLONNE*/
 #news {
@@ -86,10 +86,6 @@ p {
 .article {
   background-color: #ffaa7f; }
 
-.suite {
-  text-align: right;
-  padding-bottom: 20px; }
-
 /*3EME COLONNE*/
 .map {
   background-color: #6059d2;

diff --git a/css/habillage.scss b/css/habillage.scss
index eb4d417..4ebf6fc 100644 (file)
--- a/css/habillage.scss
+++ b/css/habillage.scss
@@ -81,13 +81,14 @@ p{
 }
 
 #ateliers p{
-       margin: 15px 15px;
-       font-size:1em;
-       -webkit-margin-before: 1em;
-       -webkit-margin-after: 1em;
-       -webkit-margin-start: 0px;
-       -webkit-margin-end: 0px;
-       font-weight: bold;      
+       margin: 15px 15px 0 15px;
+       font-size:1.3em;
+       font-weight: bold;
+       text-align: left;       
+}
+
+#ateliers p:nth-child(2){
+       margin:0px 15px 15px 15px;
 }
 
 
@@ -108,10 +109,6 @@ p{
                
 }
 
-.suite{
-       text-align:right;
-       padding-bottom: 20px;
-}
 
 
 

diff --git a/front-page.html b/front-page.html
index 7bd444c..a9f7fdd 100644 (file)
--- a/front-page.html
+++ b/front-page.html
@@ -26,33 +26,35 @@
                                </li>
                                <li>
                                        <a href="#"><h1>uN p'Tit véLo dAnS La Tête</h1></a>
-                                       <a href="#"><h2>5 rue de Londres <br>38000 GRENOBLE</h2></a>
-                                       <a href="#"><h2>horaires</h2></a>
+                                       <a href="#"><p>5 rue de Londres</p>
+                                       <p>38000 GRENOBLE</p></a>
+                                       <a href="#"><p>horaires</p></a>
                                </li>
                                <li>
                                        <a href="#"><h1>Les Cycl'hauts du Rabot</h1></a>
-                                       <a href="#"><h2>11, rue Maurice Gignoux<br>38031 GRENOBLE</h2></a>
+                                       <a href="#"><p>11, rue Maurice Gignoux</p>
+                                       <p>38031 GRENOBLE</p></a>
                                        <a href="#"><h2>horaires</h2></a>
                                </li>
                                <li>
                                        <a href="#"><h1>La Citrouille</h1></a>
-                                       <a href="#"><h2>38000 Grenoble</h2></a>
-                                       <a href="#"><h2>horaires</h2></a>
+                                       <a href="#"><p>38000 Grenoble</p></a>
+                                       <a href="#"><p>horaires</p></a>
                                </li>
                                <li>
                                        <a href="#"><h1>Un Vélo de Plus</h1></a>
-                                       <a href="#"><h2>adresse</h2></a>
-                                       <a href="#"><h2>horaires</h2></a>
+                                       <a href="#"><p>adresse</p></a>
+                                       <a href="#"><p>horaires</p></a>
                                </li>
                                <li>
                                        <a href="#"><h1>Les déraillés</h1></a>
-                                       <a href="#"><h2>adresse</h2></a>
-                                       <a href="#"><h2>horaires</h2></a>
+                                       <a href="#"><p>adresse</p></a>
+                                       <a href="#"><p>horaires</p></a>
                                </li>
                                <li>
                                        <a href="#"><h1>Atelier Garave</h1></a>
-                                       <a href="#"><h2>adresse</h2></a>
-                                       <a href="#"><h2>horaires</h2></a>               
+                                       <a href="#"><p>adresse</p></a>
+                                       <a href="#"><p>horaires</p></a>         
                                </li>
                        </ul>
                </div>
@@ -68,7 +70,7 @@
                                                <h1><a href="#">Titre de l'article</a></h1><br>
                                                        <h3><a href="#">Date — Auteur</a></h3>
                                                                <a href="#"><p>extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article...</p></a><br>
-                                                               <a href="#"><p class="suite">Lire la suite...</p></a>
+                                                               
                        </div>
                        <div class="article">
                        </div>