1 files changed, 30 insertions, 146 deletions
diff --git a/design/contenu.css b/design/contenu.css
index 8bcca83..0b7dc48 100755
--- a/design/contenu.css
+++ b/design/contenu.css
@@ -1,67 +1,21 @@
-
-#article {
-  border-top: 3px solid #eaeaea;
-  border-top: 3px solid rgba(51, 51, 51, 0.1);                                                        
-  padding: 1.6em 0;                            
-  border-color: #eaeaea !important; /* Make sure color schemes don't affect to print */    
-  margin-left: 10px;
-}
-#contenu_top
-{
-    font-size: 1.5em;
-    font-weight: bold;
-    font-family:  OpenSymbol, "Vemana2000", serif;
-    text-shadow: 0 2px 0 #FFF;
-    line-height: 250%;
-    color: #121311;
-}
-#info_article {
-  margin-right: 2%;
-  margin-left: 3%;
-  text-indent: 3%;
-  float: left;
-  width: 95%;
-}
-#suite {
-    float: right;
-    color: #121212;
-    font-size: 0.9em;
+section p {
+    text-indent: 10%;
 }
-#autres_articles a
-{
-  display: inline-block;
-  text-indent: 30px;
-  text-decoration: none;
-  font-style: italic;
-  font-size: 0.9em;
-  outline: none;
-  color: #3322F0;
-}
-#autres_articles a:hover
-{
-  color: #222299;
-}
-#autres_articles:before {
-  content: "______________________________";
-}
-#autres_articles a:before {
-  //content: ">_";
-}
-#autres_articles h4
-{
-  text-indent: 10px;
-  font-style: italic;
+section p:nth-of-type(2) {
+    margin-top: 2.5%;
+    padding-left: 6%;
+    text-indent: 5%;
+    font-size: 0.65em;
+    color: #944040;
 }
-#autres_articles
-{
-  float: left;
-
-  width: 100%;
-  top: 0px;
-    text-align: center;
-  margin-bottom: 20px;
+section p:first-of-type {
+    margin-top: 2.5%;
+    padding-left: 6%;
+    text-indent: 5%;
+    font-size: 0.65em;
+    color: #944040;
 }
-#contenu
+article
 {
   margin-right: 2%;
   margin-left: 3%;
@@ -72,17 +26,10 @@
   padding-right:0%;
   padding-left:0%;
   padding: 1.6em 1.6em;
-
-
 }
+
 @media only screen and (min-width: 768px) {
-  #autres_articles
-  {
-    float: none;
-    width: auto;
-    background: #f1f1f1;
-  }
-  #contenu {
+  article {
     float: none;
     margin-right: 7%;
     margin-left: 390px;
@@ -97,85 +44,22 @@
     border-color: #eaeaea !important;
     margin-top: 50px;
   }
-  #info_article {
-    padding-left: 290px;
-  }
-}
-#contenu_
-{
-    height: auto; 
-}
-#contenu_ p
-{
-    font-size: 1em; 
-}
-#contenu_ h3
-{
-    color: #6b633e;
 }
+
 @media only screen and (min-width: 768px) {
-#contenu_ h3 {font-size: 1.4em;}
-#contenu_top2 {font-size: 1.5em;}
-}
-#intro
-{
-    margin-top: 2.5%;
-    padding-left: 6%;
-    text-indent: 5%;
-    font-size: 0.65em;
-    color: #944040;
-}
-#intro:first-letter
-{
-    font-size: 1.3em;
-    color: #bf5353;
-    font-weight: bold;
+    section p:first-of-type {
+        margin-top: 2.5%;
+        padding-left: 6%;
+        text-indent: 5%;
+        font-size: 0.65em;
+        color: #944040;
+    }
 }
-#conclusion
-{
-    margin-top: 2.5%;
-    padding-left: 6%;
-    text-indent: 5%;
-    font-size: 0.9em;
-    color: #575883;
-}
-#contenu_ p
-{
-  text-indent: 6%;
-}
-#contenu_ a
-{
-    text-decoration: none;
-    outline: none;
-}
-#contenu_ a:hover
-{
-    font-style: italic;
-}
-.lireLaSuite {
-   float: left;
-   width: 135px;
-   opacity:0.8;
-   font-size: 0.6em;
-   font-weight: bold;
-   font-family:  monospace, serif;
-   text-shadow: 0 1px 0 #DDD;
-   color: #888888;
-}
-.lireLaSuite a {
-    color: #888888;
-    outline: none;
-    text-decoration: none;
-}
-
 
-
-#foot_cloud
+.miniature
 {
-    background-image: url(../cloud.svg);
-    position: absolute;
-    background-position:bottom left;
-    width: 100%;  height: 150px; 
-    position: absolute;
-    margin: 45px 0px 0px 0px;
+    float:left;
+    width:100px;
+    height:100px;
 }
+