/* ================================================================== */
/* NOUVELLE VERSION DU CSS */
/* ================================================================== */

body {
font-family:helvetica,arial,sans;
}

/* Pour la page principale, sommaire.html */
div.colonne-gauche {
float: left;
width: 179px;
padding: 0px;
margin: 0px;
}

div.colonne-principale {
padding: 0px;
width: 300px;
float:left;
}

div.colonne-droite {
padding: 0px;
width: 150px;
float: right;
}

/* Avant-dernières brochures */
div.colonne-sommaire {
padding: 0px;
width: 300px;
float:left;
margin-top: 15px;
}

/* Pour les pages à 2 colonnes (ex. theme.html) */
div.deux-colonnes {
float: left;
width: 314px;
padding: 0px 16px 0px 0px;
margin: 0px;
}

.reset-right {
clear: right;
}

.reset-all {
clear: both;
font-size:0px;
}

/* Le fond de la page */
div.fond {
background: #fff0 url(../img/nouveau_fond.png) no-repeat center top;
margin: 0px;
padding: 15px 0px 0px 0px;
text-align: center;
min-height: 1200px;
}

/* Pour le cadre de contenu */
div.corps {
width: 660px;
margin: 0px auto;
padding: 0px;
text-align: left;
}

/* Pour justifier du texte */
div.texte {
text-align: justify;
}

div.texte h2{
font-style: italic;
}

.autobr {
  display: none;
}

/* Pour centrer du texte */
.centre {
text-align: center;
display: block;
}

/* Les encadrés de gauche pour les pages commes article-3.html */
div.cadre-informations {
float: left;
width: 302px;
margin: 0px 8px 8px 0px;
}

/* STYLES DE BASE */
/* ============== */

a {
color:#777;
}

/* Pour les grands titres en jaune sur fond noir */
/* --------------------------------------------- */
/* pour que les span et les a n'overrident pas */

h1,
h1 a,
h1 span,
.colonne-principale h3,
.colonne-principale h3 a,
.colonne-principale h3 span  {
font-size: 30px;
font-family:times, serif;
color: #EED236;
font-weight: bolder;
font-variant: small-caps;
text-align: left;
}
h1 a,
h1 span,
.colonne-principale h3 a,
.colonne-principale h3 span {
background-color: black;
}
.colonne-principale h3 a,
.colonne-principale h3 span {
text-align: right;
}
h1,
.colonne-principale h3 {
margin: 0px 0px 5px 0px;
/* display: span;*/
}

h1 a:hover,
.colonne-principale h3 a:hover {
background-color: #EED236;
color:black;
}

/* Petits titres en encadré gris */
h2 a {
color: white;
font-size: 10px;
font-family: arial,sans;
font-style: italic;
text-align: right;
padding: 1px;
padding-right: 2px;
background: #555555;
}

/* version orange */
h2.orange { 
color: white;
font-size: 10px;
font-family: arial,sans;
font-style: italic;
text-align: right;
padding: 1px;
padding-right: 2px;
background: #555555;
background: #EED236;
color: black;
margin: 0;
}

/* Pour les petits titres en noir sur fond blanc */
h3,
h3 a,
.cadre-4-brochures h3,
.cadre-4-brochures h3 a,
.liste-brochures h3,
.liste-brochures h3 a,
.brochure h4,
.brochure h4 a {
font-size: 20px;
font-family:times;
color: black;
font-weight: bolder;
padding: 0px;
margin: 0px;
font-variant: normal;
font-style:normal;
text-align:left;
}

h3 a:hover,
.cadre-4-brochures h3 a:hover,
liste-brochures h3 a:hover,
.brochure h4 a:hover {
color:white;
background-color:#E27D4B;
}

/* petits titres en gris */
.liste-brochures h4,
.liste-brochures h4 a,
.liste-brochures dt,
.liste-brochures dt a {
color: #444444;
font-weight:bolder;
font-size: 12px;
}

/* Pour le petit texte en gris */
p,
p a,
li,
li a {
color: #555555;
font-size: 13px;
}
p {
padding: 5px 0px;
}

p a:hover {
color: black;
}

/* Liste d'évènements/de messages/de brochures */
dl{
padding: 5px;
margin: 0px;
font-size: 10px;
font-family:arial,sans;
color: #555555;
}
dl dt {
margin-top: 5px;
font-weight:bolder;
}
dl dd {
padding-left: 13px;
}
dl a {
color: #555555;
/*background: url(pupuce.gif) left no-repeat top;*/
}
dl a:hover {
color: black;
/*background: url(etoile.gif) left no-repeat top;*/
}

/* Bordure pointillée */
.cadre-brochure .precision,
.cadre-4-brochures img,
.cadre-4-brochures h3,
.cadre-4-brochures .precision,
div.cadre-consulter,
.cadre-brochure img {
border-top: 1px dotted #BBC3C1;
border-left: 1px dotted #BBC3C1;
border-bottom: 1px dotted #748F8A;
border-right: 1px dotted #748F8A;
display: block;
}

/* STYLES SPÉCIFIQUES */

/* Pour la ligne jaune sur fond noir en haut */
.rubrique{
font-family: Georgia, Garamond, Times, serif;
text-align: center;
font-size: 12px;
color: #EED236;
font-style: italic;
letter-spacing: 8px;
background-color: #000;
padding: 6px 0 4px;
margin-bottom:0;
margin-top:0;
border-top: 1px solid #EED236;
}
/* pour la 1è page : sans letter-spacing */
.rubrique {
letter-spacing: 8px;
}

/* Pour les indications d'auteur, formats, dates... */
.precision, 
.precision a,
p.precision,
P.precision a,
.liste-brochures p,
.liste-brochures p a {
background-color: none;
color:#555555;
font-family:arial, sans;
font-size:10px;
}

/* Listes dans le corps de la page */
.corps li {
margin-left:15px;
}

/* POUR LES ELEMENTS DE LA PAGE PRINCIPALE SOMMAIRE.HTML */
/* ===================================================== */

/* Colonne de gauche */
/* ----------------- */

/* Cadre de la colonne de gauche */
div.cadre-petit {
width:150px;
margin: 0px 8px 10px 0px;
border-top: 1px solid #BBC3C1;
border-left: 1px solid #BBC3C1;
border-bottom: 1px solid #748F8A;
border-right: 1px solid #748F8A;
}
/* Titre de cadre de la colonne de gauche */
.cadre-petit h3,
.cadre-petit h3 a {
color:black;
font-family:times;
font-size:20px;
font-variant:small-caps;
font-weight:bolder;
padding: 5px;
background: white;
line-height:1.4em;
}
.cadre-petit h3 a:hover {
color:white;
background: black;
}
.cadre-petit p {
padding:5px;
}

.cadre-petit ul {
padding: 5px;
margin: 0px;
color: #555555;
}
.cadre-petit li,
.cadre-petit li a {
margin-top: 5px;
font-size: 10px;
font-family:arial,sans;
list-style-type: none;
}
.cadre-petit li a {
color: #555555;
/*background: url(pupuce.gif) left no-repeat top;*/
}
.cadre-petit li a:hover {
color: black;
}

/* Précision dans colonne de gauche */
.cadre-petit .precision {
padding: 5px;
border-top: 1px solid #BBC3C1;
}


/* 77 dernières brochures */
/* ---------------------- */

.dernieres-brochures {
font-size: 10px;
color: black;
}


.dernieres-brochures li {
list-style: none ;
font-size: 9px;
padding-top: 0.3em;
margin: 0;
}

.dernieres-brochures a,
.dernieres-brochures li a{
color: #777777;
font-size: 9px;
padding: 0;
margin: 0;
}

.dernieres-brochures a:hover {
color: white;
background-color:black;
}

/* Cadre principal */
/* --------------- */
.colonne-principale h3 {
padding-top: 5px;
}
.cadre-brochure h3 a {
text-align: right;
}
/* Précision pour la dernière brochure publiée, on rajoute des bordures */
.cadre-brochure .precision {
padding: 5px;
margin: 0px;
}
/* Cadre des 4 brochures suivantes */
div.cadre-4-brochures {
}
/* Colonnes en bas, là où il y a les 4 brochures suivantes */
div.sous-colonne {
margin: 0px 0px 10px 0px;
padding: 0;
float: right;
width: 150px;
}
/* Titres pour le cadre des 4 brochures suivantes */
.cadre-4-brochures h3 {
padding: 5px;
}

/* POUR LES PAGES PRÉSENTANT DES BROCHURES, COMME THEME.HTML */
/* ========================================================= */
/* cadre de brochure */

.brochure {
border-top: 1px solid gray;
padding-bottom: 30px;
}
div.cadre-descriptif {
float: left;
width: 350px;
}
div.cadre-descriptif p {
text-align:justify;
}
div.cadre-consulter {
/*background-color:white;*/
margin:5px;
padding:5px;
margin-bottom: 50px;
margin-top: 10px;
}
/* Puces en tiret */
/* Truc anti-IE */
.cadre-consulter ul>li {
list-style: none ;
}
/* fin cache-cache IE */
.cadre-consulter ul>li:before {
/*content: "\2013 \00A0";*/
content:"- ";
}
.cadre-consulter li {
color:gray;
margin:0;
padding:3px 0;
font-size:12px;
}
.cadre-consulter li a {
color:gray;
}

/* POUR LES LISTES DE BROCHURES, COMME PAR* */
/* ======================================== */
.liste-brochures h3 {
border-top: 1px dotted #748F8A;
}

/* POUR LA PAGE "LIRE LA BROCHURE" */
/* =============================== */

.cadre-brochure h1 {
text-align: right;
margin-bottom: 2em;
}

.texte-brochure {
font-family:Palatino, Georgia, Garamond, Times New Roman, Times, serif;
color:black;
margin-bottom:2em;
}
.texte-brochure h3 {
text-align:center;
color:black;
padding-top:2em;
padding-bottom:1em;
}
.texte-brochure p,
.texte-brochure p a
{
font-size:12pt;
}
.texte-brochure p {
padding-bottom:0.2em;
color: black;
text-align:justify;
}
.texte-brochure hr {
width: 50%;
position: relative;
left: 25%;
border: 1px solid black;
margin: 1.5em 0 1em;
}
.texte-brochure blockquote {
margin-left: 4em;
}
.signature {
text-align:right;
font-style:italic;
}

/* POUR LE FOOTER */
/* ============== */
div.footer {
background:black;
width:100%;
border-top: 1px solid #EED236;
}

.slogan {
font-family: Georgia, Garamond, Times, serif;
text-align: center;
font-size: 12px;
color: #EED236;
font-style: italic;
letter-spacing: 8px;
background-color: #000;
padding: 6px 0 4px;
margin-bottom:0;
margin-top:0;
margin-left:30px;
margin-right:20px;
}


/* Pagination */
.pagination-items {list-style: none;display: flex;flex-direction: row; justify-content: center}
.pagination-item {  margin: 0em; flex-basis: 7.5%; display: flex;align-items: center;}
.pagination_precedent_suivant .pagination-item { flex-basis: auto;}
.pagination-item + .pagination-item {  margin-left: 0.5em }
.pagination-item-label { display:block; flex-basis: 100%; background: #f0f0f0; text-decoration: none; padding:.5em; border-radius:.25em; text-align: center;}
.on .pagination-item-label,
a.pagination-item-label:hover,
a.pagination-item-label:focus,
a.pagination-item-label:active { background: #EED236; color: #fff; }
.on .pagination-item-label {font-weight: bold;}
.pagination_precedent_suivant .disabled {visibility: hidden}
.pagination-item.disabled {}
.pagination-item.disabled .pagination-item-label {color:#888; font-weight: normal;}
.pagination strong {font-size:1em;}