#site-header-container{
  background-position: center center !important;
  background-size: contain !important;
  background-color:#fff;
}.home .post-categories, .home .post_info-separator{
  display: none;
}.post-categories li:not(:first-child){display:none;}


/*spécifications pour la titraille des pages ou articles*/

h1{
  font-size: 40px;
  color: #7bb32e;
  margin-bottom: 5px;
  margin-left: 45px;

  }
h2 {
  font-size: 35px;
  color: #7bb32e;
  font-weight :400;
  text-align: center;
  margin-bottom: 5px;
  margin-left: 0px

}
h3{
  font-size: 25px;
    font-weight :400;
  color: #800000;
  margin-bottom: 15px;
  margin-left: 0px;
}
h6{
  font-size: 24px;
  color: #7bb32e;
  font-weight :400;
  text-align: center;
  margin-bottom: 15px;
  margin-left: 10px
  padding:14px 14px;    /*marges intérieures du bloc vert*/
  margin-right: 10px;
}
h5.boutonvert{
  font-family: arial,sans-serif;
  font-size: 1.6em;
  background: linear-gradient( #fff, #7bb32e);
  text-shadow: 0px 0px 0px white;
  text-align: center;
  color: #ffffff;
  border-radius: 20px;
  box-shadow: 0 0 5px rgba( 29, 100, 100, 37);    
  margin-left: 80px;
}

h4{
 font-family: "Roboto",sans-serif,sans-serif;
  line-height: 130%;
  font-size: 2.2rem;
  color: #5F5F5F;
  margin-bottom: 15px;
  margin-top: 25px;
margin-left: 80px;
}
/* Lettrines  sur paragraphe h4*/
  h4:first-letter {
  float: left;
  color: #7bb32e;
  font-size: 65px;
  line-height: 40px;
  padding-top: 8px;
  padding-right: 8px;
  padding-left: 0px;
  font-family: georgia;
}

/*Blockquotes*/

#primary .post.format-standard .entry-content-container>blockquote {
    padding-left: 20px;
    margin-left: 80px;
    font-size: 2.2rem;
    font-style: italic;
}
blockquote {
    padding: 3px 3px;
    font-style: italic;
    font-weight: bold;
    color: #949893;
    border-left: 3px solid #Fed700;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 60px;
    -webkit-margin-end: 60px;
	margin-left: 80px;

}

/* format du paragraphe basique dans les articles*/
    #primary .post.format-standard .entry-content-container>ul, #primary .post.format-standard .entry-content-container>ol, #primary .post.format-standard .entry-content-container>p, #primary .post.format-standard .entry-content-container>div 
{
 font-family: "Roboto",sans-serif,sans-serif;
  font-size: 2.2rem;
      color: #5F5F5F;
      margin-bottom: 7px;
      margin-top: 5px;
      margin-right: 0px;
}

/*couleur et taille grand titre article*/
.site-main .entry-title-text, .site-main .page-title {
    color: #7bb32e;
    font-size: 4.5rem;
    margin: 45px 0;
    line-height: 1;
}


/* PAGE D'ACCUEIL*/


/* liens des rubriques de la pagee d'accueil dont : "lire la suite" (ok) */
a, a:link, a:visited, a:active, a:hover {
    color: #2664ac;
}

/*spécifications pour les listes à puces des articles*/
ul{
    list-style: disc;
    list-style-type: disc;
    list-style-position: initial;
    list-style-image: initial;
  font-size: 15px;
}
/* spécifications des gros titres des rubriques de la page d'accueil (catégories en fait) */
#primary .posts-home h2, #primary .posts-home h2 a, #primary #post-archive h2, #primary #post-archive h2 a {
    color: #7bb32e;
    text-align: left;
    font-weight: 700;
    text-decoration: none;
}
/* spécifications des paragraphes de la page d'accueil */
.post-details .excerpt
{
    color: #5F5F5F;
    font-size: 1.8rem;
}

/* images arrondies */
img { 
-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
border-radius: 10px; 
}
/* forcer image non arrondie */
#imagenonarrondie{
-webkit-border-radius: 0px; 
-moz-border-radius: 0px; 
border-radius: 0px; 
}


imagenonarrondie { 
-webkit-border-radius: 0px; 
-moz-border-radius: 0px; 
border-radius: 0px; 
}



/* Titres-liens des articles en page d'accueil et dans catégories listées (lie de vin) */
.post-details .title a {
  font-weight: 400;
  font-size: 2.3rem;
  color: #800000;
}


/* Largeur de l'article une fois ouvert dans le site*/

#primary .post.format-standard {
    min-width: 80%;
    margin: 15px auto;
    flex-grow: 1;
}
/* Largeur du contenu d'une page une fois ouverte*/

.site-main .entry-content .entry-content-container {
    max-width: 1000px;
    width: 100%;
}


/* Largeur des textes des articles empilés une fois une catégorie ouverte */
#body:not(.blog):not(.page-template-page-full):not(.page-template-page-totem) #primary .post, #body:not(.blog):not(.page-template-page-full):not(.page-template-page-totem) #primary .page, #body:not(.blog):not(.page-template-page-full):not(.page-template-page-totem) #primary .newsletter_archive, #body:not(.blog):not(.page-template-page-full):not(.page-template-page-totem) #primary .content-gutter, #body:not(.blog):not(.page-template-page-full):not(.page-template-page-totem) #primary [class^="post-"] {
    max-width: 1000px;
  
}
/*taille des photos accompagnant les textes des articles empilés une fois une catégorie ouverte */
.col-md-6 {
    width: 350px;
      padding-left: 16px;
    padding-right: 16px;
}
/*tableau responsive  article essai responsive*/

@media (max-width: 700px){

.responsive-table thead {
display: none;
}

.responsive-table tr{
display: block;
margin-bottom: 40px;
}

.responsive-table td {
display: block;
text-align: right;
}

.responsive-table td:before {
content: attr(data-label);
float: left;
font-weight: bold;
}
  /* essai 2 Définition des balises HTML5 pour vieux navigateurs */

  <style type="text/css">
  aside, footer, header, main {display: block;}

  .conteneur {
    /* Largeur Fluide et liquide, changer le 1000px par 100% */
    max-width:1000px;
    /* Centre le conteneur dans la page */
    margin:20px auto;
  }

  main {
    float:left;
    width:60%;
  }

  aside {
    float:left;
    width:40%;
  }

  footer {
    /* forcer l’affichage sous le contenu et la colonne */
    clear:both;
  }
</style>