@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
*/

/* les couleurs: 
gris #f9f9f9
orange #ff5c33
a hoover #656256

Couleur rouge #c12020
#c12020
*/

@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: "Georgia", serif !important, bold; 
  background-color: #f9f9f9; }

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: "Arial", sans-serif, bold;
  font-weight: 600;
  letter-spacing: -1px;
  }

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

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

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

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

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

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

/* ======================== */
/* === Banière & Header === */
/* ======================== */
header.banner {
  text-align: center;}


/* =================================== */
/* === Barre de navigation & outil === */
/* =================================== */
.barre-nav {
  font-family: "Arial Medium", sans-serif, bold;
  
  text-transform: lowercase; 
  font-size: 19px; 
  }
  .barre-nav a {
    color: black;
    letter-spacing: -1px; 
    background-color: white; }
  .barre-nav a:hover {
    color: #c12020;
    letter-spacing: -1px; 
    background-color: white; }
  .barre-nav li.current {
    background-color: white; }
  .barre-nav li.current a {
    color: white; }

.barre-outil {
  font-family: "Arial", sans-serif;
  background-color: black; 
  letter-spacing: -0.5px;}
  .barre-outil a {
    color: white; }


/* =============== */
/* === General === */
/* =============== */

p {
  font-family: "Georgia", serif;
  font-size: 1.0rem;
  line-height: 1.1rem; 
  text-align: left; }

a {
    color: black;
}

a.spip_url, a.spip_out, a.spip_in {
  color: #c12020;
  text-decoration: underline;
}

a:hover {
  color: #656256;
}

time {
  font-family: "Arial", sans-serif, bold;
  font-size: 0.8rem;
  font-weight: 500;
  color: #000000; }

span.thematique, span.thematique a, div.thematique {
  font-family: "Arial", sans-serif;
  font-size: 1.0rem;
  /* background-color: #c12020; */
  font-weight: 600;
  line-height: 0;
  color: #c12020;
  /* padding-left: 2px;  */
  /*padding-right: 2px;*/ }

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

.fond-couleur {
  background-color: black;
  color: white; 
  }

.article-apercu {
  padding-bottom: 0.6rem;
  padding-top: 0.6rem; 
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  background-color: white; 
  border-bottom: 5px solid #f9f9f9;
  border-top: 5px solid #f9f9f9;
  border-right: 5px solid #f9f9f9;
  border-left: 5px solid #f9f9f9;
}


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

/* ===================== */
/* === Page Accueil  === */
/* ===================== */
.sommaire p {
  /*font-weight: 250;3/
  /*font-size: 20;*/
  font-size: 1.0rem;
  line-height: 1.2rem; 
  font-family: "Georgia", serif; 
  /*text-align: justify;*/
  text-align: left;
  }

div.manchette {
  padding-top: 0; }

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

section h1.h3 {
  /*background-color: white;*/
  font-size: 1.1rem;
  border-bottom: 2px solid #c12020;
  padding-left: 0px;
  margin-left: 0px;
  }

.mini-liste-articles li {
  color: #230903; 
  margin-left: -25px;
  font-weight: 500;
  font-family: "Arial", sans-serif;
  }

.agenda-calendrier .date-agenda {
  font-family: "Arial", sans-serif, bold;
  background-color: #c12020; 
  }

.moment a {
  color: #230903; }

.cartouche {
  background-color: #f9f9f9;
  border-bottom: 1px solid black; }

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

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

/* ============================================== */
/* === 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 #230903;*/ }

.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 #230903;*/ }

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

/* ============================ */
/* === Page article Aperçu  === */
/* ============================ */
.article p {
  font-size: 1.1rem;
  line-height: 1.6rem;
  font-family: "Georgia", serif; 
  text-align: left; }

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

.article .rubrique {
  float: right; }

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

.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 #000000;*/ }

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

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

blockquote.spip:before {
  font-family: Georgia;
  color: #000000;
  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 #000000; }

.texteencadre-spip {
  margin-bottom: 0.4rem;
  margin-top: 0.4rem;
  font-size: 0.8rem;
  font-weight: 600;
  background-color: #f9f9f9 !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 #f9f9f9;
  border-bottom: solid 1px #f9f9f9; }

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

/* ============== */
/* === Footer === */
/* ============== */
footer.pied {
  border-top: solid 2px #c12020;
  background-color: #f9f9f9; 
}

footer.pied h2 {
    color: black; 
  }
  
footer.pied a, footer.pied p {
    color: black; 
  }

footer.pied #up div {
    color: black;
    background-color: #d3d0cb; 
  }

/* ============== */
/* === Trucs persos === */
/* ============== */

ul #listebreve {
  background-color: white;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 5px;
  padding-left: 5px;
}

div.evenements {
  background-color: white;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

section.agenda-calendrier {
  margin-top: -22px;
}

div.article-fond {
  position: relative;
  background-color: white;
  border-top: 25px solid #f9f9f9;
  padding-top: 0px;
  padding-bottom: 1.2rem;
  padding-right: 1.2rem;
  padding-left: 1.2rem;
}

/*.article-fond .spip_url a, 
.article-fond a.spip_url, 
.article-fond a.spip_out,
.article-fond a.spip_in, {
  color: red;
  cursor: pointer;
}*/

.login-page div {
  border-top: 30px;
}

.parent-container {
   display: flex;
}

.full-width {
  width: 100%;
  /*background:linear-gradient(#08415c, #c12020);*/
  background: rgba(193, 32, 32, 1.0);
}

#logo-container img {
   width: 100% !important;
   height: auto;
}

#agenda-list div{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 55px;
}

.agenda-heure {
 font-family: "Arial", sans-serif;
 font-size: 0.8em;
}