/* Complements to index.css: fluid layout, mobile, long pages, dossiers */
#conteneur { max-width: 800px; width: auto !important; }
#entete { width: auto; }
#colonne_centre { height: auto; min-height: 990px; padding-bottom: 210px; box-sizing: border-box; }
#navliens li a { padding: 0.25em 0.7em; }
.note-archive { border: 1px solid #C0722F; background: #fbf4ea; padding: 8px 10px; font-size: .95em; }
.encart-dossiers { margin: 0 0 1em; }
.encart-dossiers ul { margin: 0; padding: 0 0 0 1em; }
.encart-dossiers li { margin: 0 0 .4em; }
.encart-dossiers a { color: #a52a2a; text-decoration: none; }
.encart-dossiers a:hover { text-decoration: underline; }

/* dossier pages */
.dossier #colonne_centre h1 { margin-left: 40px; margin-right: 10px; font-size: 1.7em; line-height: 1.25; }
.dossier #colonne_centre p, .dossier #colonne_centre ul, .dossier #colonne_centre ol { margin: 10px 10px 14px 40px; line-height: 1.55; text-align: left; }
.dossier #colonne_centre ul, .dossier #colonne_centre ol { padding-left: 1.4em; }
.dossier #colonne_centre li { margin-bottom: .35em; }
.dossier #colonne_centre h2 { margin: 1.4em 10px .3em 40px; padding: 0; color: #784a19; font-size: 1.25em; }
.dossier #colonne_centre h3 { margin: 1em 10px .2em 40px; font-size: 1.05em; color: #333; }
.dossier .fil { font-size: .85em; color: #777; margin-top: 24px !important; }
.dossier .fil a { color: #6E9AB7; }
.dossier .meta { font-size: .85em; color: #888; }
.dossier figure { margin: 0 10px 12px 40px; float: right; max-width: 45%; }
.dossier figure img { max-width: 100%; height: auto; display: block; }
.dossier figcaption { font-size: .8em; color: #777; }
.dossier .cartes { list-style: none; padding-left: 0 !important; }
.dossier .cartes li { border-bottom: 1px solid #ead9c3; padding-bottom: .6em; }
.dossier .cartes a { color: #a52a2a; font-weight: bold; text-decoration: none; font-size: 1.05em; }
.dossier #colonne_centre a { color: #a52a2a; }

@media screen and (max-width: 820px) {
  #conteneur { border: 0 !important; background-image: none !important; }
  #bord_droit { background: none; }
  #entete { min-height: 0; height: auto !important; padding-bottom: 10px; background-size: 60% auto; overflow: hidden; }
  div.titre_eco, div.titre_du, div.titre_mouli { font-size: 2em; }
  .titre_eco, .titre_du, .titre_mouli, .titre_chirols { margin-left: 12px !important; float: none !important; width: auto !important; }
  .titre_chirols { margin-top: 6px; font-size: 1.3em; }
  #navigation { position: static; width: auto; height: auto; padding: 4px 8px; }
  #navliens li { float: none; display: inline-block; margin: 2px 0; }
  #navliens li a { font-size: 1em; padding: .2em .5em; border-top-width: .4em; }
  #colonne_centre, #colonne_droite { float: none; width: auto; padding: 0 12px; min-height: 0; }
  #colonne_centre { padding-bottom: 10px; }
  #colonne_centre h1, #colonne_centre p, .dossier #colonne_centre h1, .dossier #colonne_centre h2, .dossier #colonne_centre h3,
  .dossier #colonne_centre p, .dossier #colonne_centre ul, .dossier #colonne_centre ol, h2 { margin-left: 0 !important; margin-right: 0 !important; }
  .dossier .fil { margin-top: 10px !important; }
  .dossier figure { float: none; max-width: 100%; margin: 0 0 12px 0; }
  .liste, .listeEnv, .mef { width: auto; margin-left: 0; }
  .liens { width: auto; margin-left: 0; }
  #pied_colonne { display: none; }
  #contenu_pied_page { position: static; height: auto; }
  img { max-width: 100%; height: auto; }
}