#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;
}
#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;
}
.lireLaSuite {
   float: left;
   width: 80px;
   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
{
    background-image: url(../cloud.svg);
    position: absolute;
    background-position:bottom left;
    width: 100%;  height: 150px; 
    position: absolute;
    margin: 45px 0px 0px 0px;
}