1 files changed, 174 insertions, 0 deletions
diff --git a/design/contenu.css b/design/contenu.css
new file mode 100755
index 0000000..38695a7
--- /dev/null
+++ b/design/contenu.css
@@ -0,0 +1,174 @@
+
+#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%;
+}
+#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;
+}
+#autres_articles
+{
+  float: left;
+
+  width: 100%;
+  top: 0px;
+    text-align: center;
+  margin-bottom: 20px;
+}
+#contenu
+{
+  margin-right: 2%;
+  margin-left: 3%;
+  text-indent: 3%;
+  float: left;
+  width: 83%;
+  background: #FFF;
+  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 {
+    float: none;
+    margin-right: 7%;
+    margin-left: 390px;
+    width: auto;
+
+    font-size:1.3em;
+    padding-right:5%;
+    padding-left:5%;
+
+    border: 1px solid #eaeaea;
+    border: 1px solid rgba(51, 51, 51, 0.1);                                                        
+    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;
+}
+#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;
+}
+#foot
+{
+    
+}
+#foot_cloud
+{
+    background-image: url(../cloud.svg);
+    position: absolute;
+    background-position:bottom left;
+    width: 100%;  height: 150px; 
+    position: absolute;
+    margin: 45px 0px 0px 0px;
+}
+/*
+  <div id="contenu">
+     <div id="Titre"/>
+     <div id="contenu_top"><div id="contenu_top2"></div>
+     </div>
+     <div id="contenu_"><br/>
+     Voulez confirmez l'envoye de ce commentaire ? 
+     </div>
+     <div id="commentaires">
+     </div>
+  </div>
+*/