[CSS] + articles

diff --git a/article.html b/article.html
index 2b75798..b05fc11 100644 (file)
--- a/article.html
+++ b/article.html
@@ -14,7 +14,7 @@
     </header>
     <section id="wrap">
 <!--1ERE COLONNE-->
-        <div class="col-12 col-m-6 col-l-5">
+        <div class="col-12 col-m-12 col-l-7">
             <div id=atelierdescription>
                 <div id="news">
                     <div class="article">
@@ -23,11 +23,14 @@
                         #TEXTE
                     </div>
                 </div>
+                <nav>
+                                       <a href="#URL_SITE_SPIP" title="Retour à l'accueil"><i class="fa fa-arrow-circle-left"></i> Retour à l'accueil</a>
+                               </nav>
             </div>
         </div>
 
 <!--2EME COLONNE-->
-        <div class="col-12 col-m-12 col-l-4">
+        <div class="col-12 col-m-12 col-l-5">
                 <B_articles_autres>
                 <div id="news">
                     <h2 class="titre"><:clavettes:a_lire_aussi:></h2>
@@ -43,9 +46,6 @@
                     </BOUCLE_articles_autres>
                 </div>
                 </B_articles_autres>
-                <nav>
-                    <a href="#URL_SITE_SPIP" title="<:clavettes:retour_accueil:>"><i class="fa fa-arrow-circle-left"></i><:clavettes:retour_accueil:></a>
-                </nav>
         </div>
     </section>
 </BOUCLE_article>

diff --git a/css/habillage.css b/css/habillage.css
index 8e95869..c7cf1a8 100644 (file)
--- a/css/habillage.css
+++ b/css/habillage.css
@@ -202,6 +202,7 @@ p {
 
 #ateliers nav {
   padding-top: 15px;
+  padding-bottom: 15px;
   clear: both; }
 
 #ateliers .fa {
@@ -215,6 +216,9 @@ p {
 #ateliers .fa:hover {
   color: #0c0fb7; }
 
+#atelierdescription nav {
+  margin-bottom: 15px; }
+
 /*2EME COLONNE*/
 #news {
   overflow: hidden;

diff --git a/css/habillage.scss b/css/habillage.scss
index 1b0b5c7..e12306f 100644 (file)
--- a/css/habillage.scss
+++ b/css/habillage.scss
@@ -227,6 +227,7 @@ p{
 }
 #ateliers nav{
        padding-top:15px;
+       padding-bottom: 15px;
        clear:both;
 }
 #ateliers .fa{
@@ -240,6 +241,10 @@ p{
 #ateliers .fa:hover{
        color:#0c0fb7;
 }
+#atelierdescription nav{
+       margin-bottom: 15px;
+}
+
 
 /*2EME COLONNE*/