{% load static %}

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

 /* Fronts */



body{
   background-color: #FFFFF0;
   font-family: 'Roboto', sans-serif;
   background-color: #fefefe;
}

article {
  background-color: #FFFFF0;
  border: 1px solid #c5c5c5;
  margin-bottom: 2em;
  paddging: 1em;
  box-shadow: 1px 2px 1px rgba(0,0,0,0.3);
  Font-size: 15px;
  text-align: left;
}

article:hover {        /*lorsque lôn survole avec la souris*/
    box-shadow: 1px 2px 12px rgba(0,0,0,0.3);
}

article .title {
    margin-bottom: 0.5em;
}

article .title a {
    /*color: #1ce;*/
    color:#00008B;
    text-decoration: none;
    Font-size: 20px;
}

article .title a:hover {
    text-decoration: underline;
}


article .content {
   background-color: #FFFFF0;
   margin-top: 1em;
   text-align: justify;
   Font-size: 15px;
   opacity: 0.9;

}

article .timepubl {
   background-color: #FFFFF0;

}

#titre_Blog {
 Font-size: 15px;
 Font-Weight: Bold;
 margin-top: 1em;
 text-align: left;
 }

#titre_Publ {
 Font-size: 15px;
 Font-Weight: Bold;
 margin-top: 1em;
 text-align: left;
 }


#titre_Date {
 Font-size: 15px;
 Font-Weight: Bold;
 margin-top: 1em;
 text-align: left;
 }

 #titre_ButSearch{
 Font-size: 15px;
 Font-Weight: Bold;
 margin-top: 1em;
 text-align: left;
 }

.timepubl {
 Font-size: 15px;
 margin-top: 1em;
 text-align: left;
 opacity: 0.9;
 }


 .containerblog {                 /*  Contenant Qi-gong 1 image + paragraphes 1 à 4  texte  */
  border: 0px solid #00FF00;
  background-color: #FFFFF0;
  text-align: left;
  color: black;
  Font-Weight: normal;
  /*Font-family: "helvetica", sans-serif;*/
  Font-size: 15px;
}