@charset "UTF-8";
/*
* = Taille de la titraille
* = Banière & Header
* = Barre de navigation & outil
* = General
* = Page Accueil
* = Article Aperçu (Accueil, rubrique...)
* = Page article Aperçu
* = Blockquote & Textencadre
* = Lien Autre & Article
* = Footer
*/
@import url(https://fonts.googleapis.com/css?family=Lato:700|Merriweather:300,300italic,700);
/* A changer */
@media (min-width: 576px) {
  :root {
    font-size: 20px; } }

@media (min-width: 768px) {
  :root {
    font-size: 18px; } }

@media (min-width: 992px) {
  :root {
    font-size: 18px; } }

@media (min-width: 1200px) {
  :root {
    font-size: 18px; } }

body {
  font-family: "Lato", sans-serif !important; }

section {
  padding: 1.2rem 0; }

section.marge {
  margin-bottom: 2rem; }

/* ============================== */
/* === Taille de la titraille === */
/* ============================== */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0;
  font-family: "Lato", sans-serif;
  font-weight: 600;
  letter-spacing: -1px; }

h1, .h1 {
  margin-bottom: 0.6rem;
  font-size: 2.074rem;
  line-height: 2.5rem; }

h2, .h2 {
  font-size: 1.44rem;
  line-height: 1.8rem; }

h3, .h3 {
  font-size: 1.2rem;
  line-height: 1.5rem; }

h4, .h4 {
  font-size: 1.2rem;
  line-height: 1.5rem; }

h5, .h5 {
  font-size: 1rem;
  line-height: 1.2rem; }

h6, .h6 {
  font-size: 0.833rem;
  line-height: 1rem; }

/* ======================== */
/* === Banière & Header === */
/* ======================== */

.menu_fixe {
  position: fixed;
  top: 0;
  width: 100% ;
}


header.banner {
  min-height : 100px;
  text-align: center;
  background-color: #700000;
  background-image: url("img/banniere.png");
  background-repeat: no-repeat;
  background-size: 100%;
  /*background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
  background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px; */

}

  header.banner .nom_site_spip a {
    color: black; }
  header.banner .slogan_site_spip {
    color: black; }
  header.banner a:hover {
    color: black; }
/* =================================== */
/* === Barre de navigation & outil === */
/* =================================== */
.barre-nav {

  font-family: "Lato", sans-serif;
  border-bottom: 1px solid #700000; }
  .barre-nav a {
    font-weight: 500;
    color: #262626;
    letter-spacing: -1px; }
  .barre-nav li.current {
    background-color: #ccc; }
  .barre-nav li.current a {
    color: #2d2d2d; }

.barre-outil {
  font-family: "Lato", sans-serif;
  background-color: #262626; }
  .barre-outil a {
    color: #f9f9f9; }

/* =============== */
/* === General === */
/* =============== */
p {
  font-family: "Lato", sans-serif;
  font-size: 0.8rem;
  line-height: 1.2rem; }

a, a.spip_url, a.spip_out, a.spip_in {
    color: #700000;
}

a:hover {
  color: #700000;
}

time {
  font-family: "Lato", sans-serif;
  font-size: 0.833rem;
  font-weight: 500;
  color: #696969; }

span.thematique, span.thematique a {
  font-family: "Lato", sans-serif;
  font-size: 0.833rem;
  font-weight: 700;
  line-height: 0;
  color: #700000; }

span.rubrique a {
  font-family: "Lato", sans-serif;
  font-size: 0.833rem;
  color: #696969;
  text-transform: uppercase;
  letter-spacing: -1px; }

.fond-couleur {
  background-color: #700000;
  color: white; }

.article-apercu {
  padding-bottom: 0.6rem;
  padding-top: 0.6rem; }

.article-apercu a {
  color:black;
}

.article-apercu a:hover h2 {
  color:#700000;
}

/* ===================== */
/* === Page Accueil  === */
/* ===================== */
.sommaire p {
  font-weight: 200;
  font-family: "Merriweather", serif; }

div.manchette {
  padding-top: 0; }

.manchette article:first-child {
  border-right: 1px solid #e6e6e6; }

section h1.h3 {
  border-bottom: 3px solid #700000; }

.mini-liste-articles li:before {
  color: #700000; }

.agenda-calendrier .date-agenda {
  font-family: "Lato", sans-serif;
  background-color: #700000; }

.moment a {
  color: #700000; }

.cartouche {
  background-color: #f5f5f5;
  border-bottom: 1px solid #700000; }

.publiez-pied {
  background-color: #f5f5f5; }

.chronologie {
  border: 1px solid #e6e6e6;
  border-top: 3px solid #700000; }
  .chronologie .h4 {
    margin-bottom: 0.8rem; }
  .chronologie ul {
    padding-left: 0;
    list-style: none; }
  .chronologie li {
    font-family: "Merriweather", serif; }

/* ============================================== */
/* === Article Aperçu (Accueil, rubrique...)  === */
/* ============================================== */
.fil_infos article:not(:last-of-type), .rubrique article:not(:last-of-type) {
  position: relative; }

.fil_infos article:not(:last-of-type):after, .rubrique article:not(:last-of-type):after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border-bottom: 1px solid #e6e6e6; }

.grille article:not(:last-of-type) {
  position: relative; }

.grille article:not(:last-of-type):after {
  position: absolute;
  right: -15px;
  bottom: 0;
  left: -15px;
  content: "";
  border-bottom: 1px solid #e6e6e6; }

.article-apercu h3, .article-apercu .h3 {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem; }

/* ============================ */
/* === Page article Aperçu  === */
/* ============================ */
.article p {
  font-size: 1rem;
  line-height: 1.7rem;
  font-family: "Merriweather", serif; }

.article h3 {
  margin-bottom: 0.85rem; }

.article .rubrique {
  float: right; }

.article aside h1 {
  margin-top: 0; }

.article blockquote {
  margin-bottom: 0.85rem;
  font-size: 1rem;
  line-height: 1.7rem; }

.article .grandformat h1 {
  font-size: 2.5rem;
  line-height: 2.5rem; }

.chapo {
  font-weight: 600; }

.suggestion-article article {
  border-top: 2px solid #700000; }

/* ================================ */
/* === Blockquote & Textencadre === */
/* ================================ */
blockquote {
  font-family: "Merriweather", serif; }

blockquote.spip {
  padding: 0.6rem 0;
  margin: 1.2rem 0.6rem;
  border-left: 4px solid #eee; }

blockquote.spip:before {
  font-family: PT serif;
  color: #700000;
  content: "«"; }

blockquote.spip_poesie {
  float: right;
  width: 314px;
  font-size: 1.2rem;
  font-style: italic;
  font-weight: bold;
  text-align: right;
  border-top: 2px solid #700000; }

.texteencadre-spip {
  margin-bottom: 0.4rem;
  margin-top: 0.4rem;
  font-size: 0.8rem;
  font-weight: 600;
  background-color: #f5f5f5 !important;
  border: none !important; }

.spip_doc_titre {
  font-size: 1rem;
  font-style: italic;
  color: #777; }

.spip_doc_descriptif {
  font-size: 1rem;
  font-style: italic;
  color: #777; }

/* ============================ */
/* === Lien Autre & Article === */
/* ============================ */
.autres_articles {
  padding: 0.4rem 0; }
  .autres_articles a {
    padding: .4rem 0;
    font-size: 0.833rem; }
  .autres_articles a:hover {
    padding: .5rem 0;
    text-decoration: none; }

.autres_ajax {
  text-align: center;
  border-top: solid 1px #e6e6e6;
  border-bottom: solid 1px #e6e6e6; }

.autres_ajax:hover {
  border-top: solid 1px #700000;
  border-bottom: solid 1px #700000;
  -webkit-transition: all .2s;
  transition: all .2s; }

/* ============== */
/* === Footer === */
/* ============== */
footer.pied {
  color: #700000;
  background-color: #700000; }
  footer.pied h2 {
    color: white; }
  footer.pied a, footer.pied p {
    color: #777; }
  footer.pied #up div {
    background-color: #700000; }