.page {
  max-width: 1200px;
  margin: 3rem auto 0 auto;
  padding: 0 2rem;
  min-height: 100vh;
}

.main {
  margin: 2rem 0 0 0;
}

.boite {
  margin: 2rem 0;
}

.sticky {
  position: sticky;
  top: 2rem;
}

/* NAVBAR */
#navbar {
  padding: 0;
  transition: all .3s;
  transform: translateY(0%);
  position: relative;
  z-index: 99999;
}

.navbar-header {
  padding: .5rem 2rem;
}

.navbar-header .logo {
  max-width: 30rem;
  width: 45vw;
}

.navbar-header .logo img {
  margin: 0;
}

.navbar-header h3 {
  font-size:1.3rem;
  color: #000;
}

.navbar-header h4 {
  color: #000;
}

.navbar-menu {
  background: #000;
  border-left: 0;
  border-right: 0;
  padding: 0 2rem;
  height: 2rem;
}

.navbar-menu .logo {
  position: absolute;
  top: 0;
  left: 3rem;
  height: 100%;
  cursor: grab;
}

.navbar-menu .logo img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 2.5rem;
    max-width: none;
    transform: translate(-50%, 50%);
}

.navbar-menu .icon-search {
  font-size: 1.2rem;
}

.navbar-menu a {
  margin-right: 2rem;
  white-space: nowrap;
  color: #F6F4F3;
}

.navbar-section a:last-child {
  margin-right: 0;
}

.navbar-section .btn-abonnement {

}

.navbar-section .couverture-dernier-numero {
    width: 12.3vw;
    max-width: 9.6rem;
    position: absolute;
    top: 0;
    right: 10rem;
    margin: 0;
    transform: rotate(5deg);
}

.navbar-section .couverture-dernier-numero img {
  border: 0.5px solid #000;
}

.navbar-section .en-kiosque {
    max-width: 9rem;
    border-radius: 100%;
    border: .5px solid #000;
    background: #fff;
    padding: 1.3rem;
    text-align: center;
}

.navbar .dropdown .menu {
  line-height: 1;
  padding: 1.5rem;
  max-height: none;
  text-align: left;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transform: none;
}

.navbar .dropdown li {
  margin: 0;
}

.navbar .dropdown a {
    margin: 0;
    padding: 0.75rem;
    display: inline-block;
    white-space: nowrap;
}

.navbar .dropdown > a {
    padding: 0;
    margin: 0;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.navbar .dropdown > a svg {
  width: 100%;
  height: auto;
}

#navbar.discret {

}

#navbar.hide {
}

#navbar:hover {
}

/* SOMMAIRE */
.entry {
  margin-bottom: 6rem;
}

.boite-article:nth-child(2n+1) {
  flex-direction: row-reverse;
}

.entry .cover {
  position: relative;
  width: 100%;
  padding-bottom: 66%;
  overflow: hidden;
  margin: 0;
      margin-bottom: 0px;
  margin-bottom: 1rem;
  border: .5px solid #000;
  border-radius: 0.1rem;
  background-color: #fff;
  background-image: url(../img/chienrouge.png);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
}

.entry.boite-une .cover {
  padding-bottom: 50%;
}

.entry .cover img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

.entry .illu {
}

.entry .illu img {
  border: .5px solid #eee;
  width: 100%;
}

.entry h2 {
  margin-bottom: .25rem;
}

.entry .text-mono {
  margin-bottom: 1rem;
}


.selecteur_une {
  padding: 0.5rem;
  border: .5px solid;
  border-radius: .1rem;
  font-family: "CooperHewittMedium", sans-serif;
}

.sommaire .navbar {
  margin-bottom: 2rem;
}

/* COUPURES */

.coupure {
  padding: 3rem 0;
  position: relative;
  color: #000;
}

.coupure .columns {
  justify-content: center;
}

.coupure::after {
  content: " ";
  background: #ffdf5f;
  background: #ffdf5f;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1000%;
  right: -1000%;
  z-index: -1;
}

.coupure a,
.coupure h2,
.coupure h3,
.coupure h4 {
  color: #000;
}

.coupure .capsule {
  background: transparent;
  border: .5px solid #000;
  color: #000;
}

.coupure .btn:not(.btn-primary) {
  background: #fff;
}

.coupure .btn {
  border: .5px solid #000;
}

.coupure .cover {
  margin-bottom: 1rem;
}

.liens .coupure .columns > .capsule,
.coupure > .capsule {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%);
  background-color: #fff;
  color: #000;
  border: .5px solid;
}

.liens .coupure .columns > .capsule a,
.coupure > .capsule a{
  /*color: #f6f4f3;*/
}

.liens a {
  position: relative;
}

/* COUPURE SOMMAIRE */

.boite-sommaire details {
    text-align: left;
    font-family: 'plantin';
    border-top: .5px solid;
    border-bottom: .5px solid;
    font-size: .8rem;
    cursor: pointer;
}
.boite-sommaire details + details {
  border-top-color: transparent;
}

.boite-sommaire details summary {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.25rem 0;
}

.boite-sommaire details[open] summary {
  border-bottom: .5px dashed;
}

.boite-sommaire details div {
  padding: 0.3rem 0;
}

.boite-sommaire h4 {
  margin: 1rem 0 0.25rem 0;
  text-transform: uppercase;
}

.boite-sommaire ::marker {
  font-size: 0.7rem;
}

/* ARTICLE */

.page_article h1 {
  margin-bottom: 2rem;
}

.page_article .coupure {
  margin-bottom: 3rem;
}

.lien_rubrique {
  position: relative;
}

.lien_rubrique img {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 5rem;
  border: .5px solid #eee;
  background: #fff;
}

.lien_rubrique:hover img {
  display: block;
}

.texte, .comments, .ecrire_commentaire {
  margin-top: 2rem;
  max-width: 620px;
}

.texte p {
    font-size: 1rem;
    margin-bottom: 1rem;
    line-height: 1.4;
}

.texte iframe {
  width: 100%;
  height: 380px;
}

.texte .lettrine {
  font-size: 4.6rem;
  display: block;
  float: left;
  margin-right: .6rem;
  margin-top: .6rem;
  line-height: 3.3rem;
}

.texte .spip-block-center > strong,
.texte div[align="center"] > strong {
  font-family: "CooperHewitt", sans-serif;
  font-weight: normal;
  font-size: 1rem;
  margin: 2rem auto 1rem;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: underline;
  text-decoration-thickness: 0.1rem;
  text-underline-offset: 0.1rem;
}

.texte div[align="center"] > strong {
    margin: 2rem auto;
}

.texte div.spip-block-right > strong {
  font-family: "CooperHewitt", sans-serif;
  font-weight: normal;
}

.texte h1,
.texte h2,
.texte h3,
.texte h4,
.texte h5,
.texte h6 {
  margin: 1rem 0;
}

.texte dl {
    font-family: 'plantin';
    font-size: 1rem;
    display: block;
    border: 1px solid;
    border-bottom: 0;
}

.texte dt {
    border-bottom: 1px solid;
    display: block;
    padding: 1rem;
    margin: 0;
    position: relative;
    cursor: pointer;
}

.texte dt:hover, .texte dt.active {
    background: #eee;
}

.texte dd {
    border-bottom: 1px solid;
    padding: 1rem;
    margin: 0;
    display: none;
}

.texte dt.active + dd {
    display: block;
}

.texte dt::after {
  content: "+";
  position: absolute;
  right: 1rem;
  font-family: monospace;
  font-size: 1rem;
}

.texte dt.active::after {
  content: "-";
}

.spip_poesie {
    font-size: 1rem;
    color: #e1001a;
    text-align: center;
    width: 12rem;
    float: left;
    margin: 1rem;
    margin-top: 0;
    border: 0;
    border-top: 4px solid;
    border-bottom: 4px solid;
    padding: 1rem 0;
}

.spip_poesie div {
    margin-left: 0;
    text-indent: 0;
}

.texteencadre-spip {
    font-size: 1rem;
    line-height: 1.4;
    font-family: plantin;
    color: #000;
    background: #ffdf5f;
    border: 0;
    padding: 1rem 1.3rem;
    border-radius: 1rem;
}

.texteencadre-spip h3 {
  font-size: 1.5rem;
  text-transform: uppercase;
}

/* ENCADRE FIN ARTICLE */
.encadre_fin_article {
  border: 1px solid;
  padding: 1rem;
    padding-bottom: 1rem;
  background-color: #fff;
  padding-bottom: 0;
}

.encadre_fin_article p {
  font-size: .9rem;
}

.spip_documents img {
  width: 100%;
  border: .5px solid #eee;
  margin: auto;
  margin-bottom: .25rem;
}

.spip_document_file .spip_doc_lien img {
    max-width: 5rem;
    min-width: 0;
}

.spip_doc_titre,
.spip_doc_credits {
  font-size: .65rem;
  font-weight: normal;
}

.spip_doc_titre strong,
.spip_doc_credits strong {
  font-weight: normal;
}

.notes {
  margin: 2rem 0;
  max-width: 620px;
  columns: 2;
  column-gap: 3rem;
}

.notes hr {
  display: none;
}

.notes a {
}

.notes-box {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 20rem;
  background: #fff;
  border: none;
  border-radius: 1rem;
  padding: 1rem;
  margin: 0;
  column-count: 1;
  transform: translate(-50%, -50%);
  max-width: 95%;
  z-index: 9999;
}

.notes-box::after {
    content: "×";
    position: absolute;
    bottom: 100%;
    right: 0;
    font-size: 1.5rem;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    pointer-events: none;
}

.notes-box p {
  margin: 0;
}

.overlay {
  background-color: rgba(255, 255, 255, 0.66);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  cursor: pointer;
}

.liens {
  margin-top: 3rem;
}

.pagination_precedent_suivant {
  clear: both;
  text-align: center;
  font-size: 0.65rem !important;
  margin: 1rem 0;
  font-family: "Courier New", Courier, monospace;
}

.pagination_precedent_suivant a {
  text-decoration: none;
}

.ajaxbloc .pagination_precedent_suivant {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.ajaxbloc .pagination_precedent_suivant .prev {
    position: absolute;
    top: 10rem;
    left: -2rem;
    transform: translate(-100%, -50%);
    z-index: 99;
}

.ajaxbloc .pagination_precedent_suivant .next {
    position: absolute;
    top: 10rem;
    right: -2rem;
    transform: translate(100%, -50%);
    z-index: 99;
}

.ajaxbloc .pagination_precedent_suivant a,
.ajaxbloc .pagination_precedent_suivant span {
  text-decoration: none;
  font-family: "Courier New";
  font-size: 1rem;
  width: 1.6rem;
  height: 1.6rem;
  display: block;
  border-radius: 100%;
  line-height: 1.6rem;
  color: #000;
  border: .5px solid;
  background: none;
}

/* FORUM */

.comment-item {
    margin: 1rem 0;
    padding-bottom: 1rem;
}

.comment-item p {
    margin-bottom: 0;
}

.formulaire_spip, .formulaire_spip p, .formulaire_spip legend, .formulaire_spip label {
    font-family: "Courier New", Courier, monospace;
    font-size: 90%;
    letter-spacing: 0.01em;
    line-height: 1.5;
    margin: 0;
}

.formulaire_spip legend {
  display: none;
}

.comment-texte p {
  font-family: "plantin";
  font-size: 1rem;
}

.formulaire_spip input.text, .formulaire_spip textarea {
    padding: 0.1rem .5rem;
    border: .5px solid #eee;
    border-radius: 0.25rem;
    margin: 0.25rem 0;
    font-family: "plantin";
    font-size: 1rem;
}

.editer-groupe {
  display: flex;
  margin: 0 -1rem;
  flex-wrap: wrap;
}

.editer-groupe .editer {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 1rem;
    flex: 1;
    min-width: 10rem;
}

.editer-groupe .editer label {
    margin-right: 0.5rem;
    display: block;
    white-space: nowrap;
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    font-size: 0.65rem;
    z-index: 1;
}

.editer-groupe .editer input,
.editer-groupe .editer textarea {
    padding: 0.9rem .5rem 0.1rem .5rem;
    width: 100%;
}

.editer-groupe .editer textarea {
  padding: 1.3rem .5rem 1.7rem .5rem;
}

.saisie_texte label,
.saisie_texte .explication {
  display: none;
}

.formulaire_spip textarea {
    width: 100%;
    background: #fff;
    padding: 0.25rem 0.5rem;
    height: 12rem;
}

.forum {
  width: 100%;
}

.forum-titre {
  display: none;
}

.markItUp .markItUpHeader {
    border: none;
    margin: 0;
    position: absolute;
    bottom: 0.5rem;
    left: 0.3rem;
    border-top: .5px solid;
    border-radius: 0;
    z-index: 1;
    background: #fff;
}

.formulaire_spip .boutons input, .formulaire_spip .boutons button {
    border: .5px solid #eee;
    padding: .5rem 1rem;
    border-radius: .2rem;
    background: #fff;
}

/* ENCART JOURNAL */
.encart {
  margin: 3rem 0 1rem;
}

/* RECHERCHER */
.formulaire_recherche [type="submit"] {
    width: 2.5rem !important;
    height: 2.5rem !important;
    line-height: 2rem;
    padding: 0 !important;
    border-radius: 50%;
    border: none;
    background: #000;
    margin: 0 1rem;
    color: #fff;
    font-weight: bold;
}

/* FOOTER */
.footer {
    background: #000;
    color: #FFF;
    padding: 1rem 2.75rem;
    overflow: hidden;
}

.footer a {
    color: #FFF;
}


/* SPIP ADMIN */
#spip-admin {
  z-index: 99999;
  right: 0rem;
  top: auto;
  bottom: 0rem;
  display: flex;
  flex-direction: column;
  align-items: end;
}

#spip-admin::after {
  content: ' ';
}

#spip-admin {
  width: 2rem;
  height: 2rem;
  background: #000;
  border-radius: 100%;
}

#spip-admin > .spip-admin-boutons {
  display: none;
}

#spip-admin:hover {
  width: auto;
  height: auto;
  background: none;
  border-radius: 0;
}

#spip-admin:hover > .spip-admin-boutons {
  display: block;
}

#spip-admin .spip-admin-boutons {
    margin: 0.25rem 0;
    padding: 0.2rem 0.7rem;
    border: 0;
    border-radius: 0;
    background: #000;
    color: #fff !important;
    opacity: 1;
    font-family: Courier;
    font-weight: normal;
    font-size: 0.8rem;
}

/* MOBILES */
@media (max-width: 1500px) {

}
@media (max-width: 1280px) {
  .navbar-header h3 {
      font-size: .8rem;
  }
}
@media (max-width: 960px) {
}

@media (max-width: 840px) {

  h1 {
    font-size: 1.5rem;
  }

  h2 {
    font-size: 1.1rem;
  }

  .page {
    padding: 0 1rem;
    overflow: hidden;
    margin: 0;
  }

  .navbar-header {
    padding: .5rem 1rem;
  }

  .coupure {
    padding: 1rem 0;
  }

  .entry .titraille,
  .entry.boite-une .titraille {
    margin-bottom: 1rem;
  }

  .entry .cover {
    margin-bottom: 1rem;
  }

  .page_article .main .content .columns {
    flex-direction: column-reverse;
  }

  .page_article .main .content .columns .print-hide {
    display: none;
  }

  .columns-3,
  .columns-4 {
    column-count: 1;
  }

  .text-chapo, .text-chapo p {
    font-size: 1rem;
  }

  .texte p {
    font-size: .9rem;
    margin-bottom: 1.5rem;
  }

  .texte ul, ul.spip {
    font-size: .9rem;
  }

  .texte div[align="center"] > strong {
    font-size: .9rem;
    margin-bottom: 1.5rem;
  }

  .texte iframe {
    height: 240px;
  }

  .comment-item p {
    font-size: 0.8rem;
  }

  .footer {
    padding: 1rem;
  }
  .footer .column {
    margin-bottom: 1rem;
  }

  .spip_poesie div {
  }

}

@media (max-width: 600px) {
  .spip_poesie {
    margin-right: 1rem;
    width: auto;
  }
}



/* PRINT */
@media print {

  .print-hide {
    display: none;
  }

  body, html {
    font-size: 12pt;
    background: none;
  }

  #navbar {
    display: none;
  }

  .page {
    max-width: none;
    margin: 0;
  }

  .texte {
    max-width: none;
  }

  .comments,
  .ecrire_commentaire,
  .liens,
  .footer,
  hr {
    display: none;
  }

}