/* Changer le style de la zone thématique */

#theme {
  background-color: #024359; /* Couleur de contour de la Tetiere*/
  background-image: url(Têtière-Noel.png); /* Gère la têtiere et l'arrière plan de la zone thématique */
  background-position: center top;
  background-repeat: no-repeat;
  padding: 92px 10px 10px 10px;
  border-bottom: #eeeeee 12px solid;
}

#theme p{
    color: #302B4C; /* Couleur de l'écriture des liens black ou white ou #...*/
}

.thematique {
  background: rgba(255, 255, 255, 0.7); /* Changer la couleur d'arrière plan des liens 0,2 = 20% de blanchissement' */
  padding-top: 20px;
  padding-bottom: 20px;
}

#theme .focus-thematique { /* Fond de l'article */
  background-color: rgba(255, 255, 255, 0.7); 
  border: white 2px solid;
}

#theme .focus-thematique h1 { /* rajouter une ligne color: #... si besoin pour changer la couleur du titre. Par défaut c'est color: #333; soit le bleu Zoom */
  font-family: "Patua One";
  font-weight: 400; 
  font-style: normal;
  font-size: 1.625em; /* Taille du titre de l'article ne pas modifier' */
  padding-left: 15px;
  padding-top: 5px;
}

#theme .focus-thematique p {
  font-family: "Oxygen";
  color: #333; /* Couleur du texte du chapeau de l'article' par défaut noir. #333; soit le bleu Zoom */ 
  font-size: 0.875em; /* Taille du chapeau de l'article ne pas modifier' */
  padding-top: 8px;
  font-weight: 300;
  padding-left: 15px;
  padding-right: 15px;
}

#theme .article-thematique p {
  font-family: "Archivo Narrow";
  padding-top: 5px;
  margin-top: 0;
  font-weight: 700;
  border-top: #39325B 1px solid; /* A changer en rapport avec la couleur ?' */
  font-size: 0.8125em;
}


#theme2 {
  background-color: #A1772F; /* Couleur principale de la Tetiere*/
  background-image: url(Thema-RDF-tetiere-2015.png); /* Gère la têtiere et l'arrière plan de la zone thématique2 Repas de Fête */
  background-position: center top;
  background-repeat: no-repeat;
  padding: 92px 10px 10px 10px;
  border-bottom: #eeeeee 12px solid;
}

#theme2 p{
    color: #A1772F; /* Couleur de l'écriture des liens black ou white ou #...*/
}

.thematique2 {
  background: rgba(255, 255, 255, 0.7); /* Changer la couleur d'arrière plan des liens 0,2 = 20% de blanchissement' */
  padding-top: 20px;
  padding-bottom: 20px;
}

#theme2 .focus-thematique { /* Fond de l'article */
  background-color: rgba(255, 255, 255, 0.7);
  border: white 2px solid;
}

#theme2 .focus-thematique h1 { 
  font-family: "Patua One";
  color: #A1772F; /* Couleur du titre de l'article' */
  font-weight: 400;
  font-style: normal;
  font-size: 1.625em; /* Taille du titre de l'article ne pas modifier' */
  padding-left: 15px;
  padding-top: 5px;
}

#theme2 .focus-thematique p {
  font-family: "Oxygen";
  color: #333; /* Couleur du texte du chapeau de l'article' *#333; soit le bleu Zoom */
  font-size: 0.875em; /* Taille du descriptif de l'article ne pas modifier' */
  padding-top: 8px;
  font-weight: 300;
  padding-left: 15px;
  padding-right: 15px;
}

#theme2 .article-thematique p {
  font-family: "Archivo Narrow";
  padding-top: 5px;
  margin-top: 0;
  font-weight: 700;
  border-top: #A1772F 1px solid; /* A changer en rapport avec la couleur ?' */
  font-size: 0.8125em;
}

.article-thematique img {
  float: left;
  margin-right: 10px;
}

.article-thematique {
  height: 65px;
}