/*
#@squelettes/css/perso.scss
*/
@charset "UTF-8";
html {
  background: #fff;
  overflow-x: hidden;
}
/* Formulaires */
.formulaire_spip textarea {
  resize: none;
}
#icone_travaux {
  display: none;
}
.spip-admin-bloc, .spip-admin-float {
  opacity: 0.4;
}
#spip-admin {
  right: 5%;
}
#spip-admin form {
  margin: 0px;
}
.admin-magnet {
  float: right;
  top: 32px;
  position: absolute;
}
.magnet-up {
  right: 140px;
  border-radius: 10px 0px 0px 0px;
}
.admin-magnet.magnet-down {
  margin-top: 20px;
  right: 140px;
}
h1 .redondant, #menu ul > li > ul > li .redondant {
  display: none;
}
#menu ul > li > ul > li > a > .redondant {
  display: none;
}
#menu ul > li > ul > li > ul {
  display: none;
  padding-left: 1em;
}
#menu ul > li > ul > li > ul > li > ul {
  display: block;
}
.nav-sommaire {
  display: none;
}
h1 .numero_revue {
  font-size: 0.725em;
}
.soustitre {
  font-size: 1em;
}
.info-publi {
  font-size: 1em;
  text-transform: none;
}
.motscles > .button {
  margin: 0 0.5em 0.5em 0;
}
.published {
  text-transform: capitalize;
}
.auteur-role {
  font-style: italic;
  font-family: "Roboto Slab", serif;
  font-size: 1em;
  font-weight: 400;
  letter-spacing: 0.075em;
  border-top: 1px dotted #ccc;
  padding: 1em 0 1em;
  text-transform: uppercase;
}
.auteur-logo {
  width: 5em;
  height: 5em;
  border-radius: 5em;
  background: #446c9447;
  overflow: hidden;
  float: left;
  margin: 1em 1em 1em 0;
}
.auteur-nom {
  margin-top: 2.75em;
  float: left;
}
.nav-sommaire {
  border: 1px solid #eee;
  margin-left: 0%;
  margin-bottom: 1.5em;
  padding: 1em;
}
table {
  margin: 0 0 2em 0;
  width: 100%;
  display: table;
}
.table-container {
  width: 100%;
  overflow-y: scroll;
}
.item > .spip_doc {
  margin-left: 0.5em;
}
#recherche::placeholder {
  text-transform: capitalize;
}
.minisommairerevue > ul {
  list-style: none;
}
.minisommairerevue > ul > li {
  margin-bottom: 1em;
}
.minisommairerevue > li {
  margin-bottom: 1em;
  list-style: none;
}
#banner {
  border-top: solid 2px rgba(210, 215, 217, 0.75);
}
#main > .inner > section > .main > .logobg > .logooverlay > *, #main > .inner > section > .main > .logobg > .logooverlay > p > *:not(:hover) {
  text-shadow: 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white;
}
#main > .inner > section > .main > .logobg > .logooverlay > p.motscles > a {
  background: rgba(255, 255, 255, 0.6);
  text-shadow: none;
}
#main > .inner > section > .main > .logobg > .logooverlay > p.motscles > a:hover {
  background-color: rgba(176, 188, 200, 0.5);
  text-shadow: 0 0 white;
}
#main > .inner > section:not(.sectionRub) {
  padding-top: 2em;
}
#main > .inner > .prevnext {
  border-top: none;
  padding-top: 0;
}
.prevnext > .posts > article {
  -moz-flex-grow: 1;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -moz-flex-shrink: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-shrink: 1;
  flex-shrink: 1;
  margin-left: 6em;
  margin-bottom: 6em;
  position: relative;
  width: calc(33.3333333333% - 6em);
}
.voirtousnum {
  margin-top: -6.5em;
  text-align: right;
  padding: 0 4em 4em 0;
}
.article_revue > * > section > header {
  border-bottom: solid 2px rgba(210, 215, 217, 0.75);
}
.logooverlay {
  background: rgba(255, 255, 255, 0.6);
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0.6) 5%, rgba(255, 255, 255, 0.6) 10%, rgba(255, 255, 255, 0.6) 90%, white 100%);
  height: 100%;
  padding: 2em 0 0 0;
  border-bottom: solid 2px rgba(210, 215, 217, 0.75);
}
.sectionRub {
  background-repeat: no-repeat;
  background-position: 170%;
  background-size: 70%;
}
.sectionRub .numero_revue {
  color: #AAA;
}
.sectionRub .numero_revue > span {
  font-size: 8em;
  margin-top: -0.6em;
  position: absolute;
  z-index: 1;
  text-shadow: 10px 10px 0px #dee0ee;
  transform: rotateZ(10deg);
  color: #446c94;
  font-weight: initial;
}
.sectionRub .logooverlay {
  padding: 8em 0 3em 0;
}
.sectionRub .actions {
  margin-left: 15em;
  margin-bottom: 0;
}
.rubheader {
  z-index: 2;
  display: block;
  position: relative;
  width: 70%;
  margin-left: 4.5em;
  margin-top: -3em;
  text-shadow: 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white;
  min-height: 4em;
}
.rubrique-titre-7 .rubheader {
  z-index: 2;
  display: block;
  position: relative;
  width: 30%;
  margin-left: 3em;
  margin-top: -3em;
  text-shadow: 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white;
  min-height: 4em;
}
.logobg {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0% 50%;
}
.sectionRub.rub4 .logooverlay {
  padding: 2em 0 1em 0;
}
.sectionRub.rub8 {
  background-size: 100%;
  background-position: 0% 15%;
}
.rubrique-titre-8 .rubheader {
  z-index: 2;
  display: block;
  position: relative;
  width: 70%;
  margin-left: 4.5em;
  margin-top: -3em;
}
.articleRub8 .logooverlay {
  background: linear-gradient(90deg, white 0%, white 5%, rgba(255, 255, 255, 0.8) 10%, rgba(255, 255, 255, 0.8) 90%, white 100%);
}
.articleRub8.Édito .logobg {
  background-position: 92% 50%;
  background-size: 50%;
}
.articleRub8.Édito .logooverlay {
  min-height: 18em;
}
.articleRub8.Entretien .logobg {
  background-position: 100% 47%;
  background-size: 50%;
}
.articleRub8.Entretien .logooverlay {
  min-height: auto;
}
.articleRub8.ChroniquePolitique .logobg {
  background-position: 92% 70%;
  background-size: 40%;
}
.articleRub8.ChroniquePolitique .logooverlay {
  min-height: auto;
}
.articleRub8.ChroniqueCulture .logobg {
  background-position: 0% 25%;
}
.articleRub8.ChroniqueConflits .logobg {
  background-size: 50%;
  background-position: 100% 100%;
}
.art37 > .logobg {
  background-repeat: repeat;
  background-size: 40%;
  background-position: 0% 70%;
}
.art38 > .logobg {
  background-size: 96%;
  background-position: 112% 40%;
}
.art38 .logooverlay {
  background: linear-gradient(90deg, white 0%, white 14%, rgba(255, 255, 255, 0.8) 19%, rgba(255, 255, 255, 0.8) 90%, white 100%);
}
.sectionRub.rub9 {
  background-repeat: no-repeat;
  background-size: 53% !important;
  background-position: 90% !important;
}
.art40 > .logobg {
  background-size: 50%;
  background-position: 100% 33%;
}
.art42 > .logobg {
  background-position: 95% 32%;
  background-size: 67%;
}
.art42 > .logobg > .logooverlay {
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0.5) 5%, rgba(255, 255, 255, 0.5) 10%, rgba(255, 255, 255, 0.5) 90%, white 100%);
}
.art43 > .logobg > .logooverlay > h1 {
  max-width: 1400px;
}
.art45 > .logobg {
  background-position: 100% 65%;
}
.art45 > .logobg > .logooverlay {
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0.8) 5%, rgba(255, 255, 255, 0.8) 10%, rgba(255, 255, 255, 0.8) 90%, white 100%);
}
#tableau_art45 > .table-container table.table tbody td {
  border: 1px solid #DDD !important;
}
.art46 > .logobg {
  background-position: 135px 50%;
  background-size: 130%;
  background-color: #000;
}
.art48 > .logobg {
  background-position: 114% 50%;
  background-size: 61% 100%;
}
.art48 > .logobg > .logooverlay > h1 {
  max-width: 56%;
}
.art49 > .logobg {
  background-size: 110% 110%;
  background-position: -8px -4px;
}
.art49 > .logobg > .logooverlay {
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0.6) 5%, rgba(255, 255, 255, 0.6) 10%, rgba(255, 255, 255, 0.1) 90%, white 100%);
}
.art51 > .logobg > .logooverlay {
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0.8) 5%, rgba(255, 255, 255, 0.8) 10%, rgba(255, 255, 255, 0.8) 90%, white 100%);
}
@media screen and (max-width: 1280px) and (min-width: 737px) {
  #sidebar .toggle {
    max-width: 50px;
  }
}
@media (max-width: 737px) {
  .prevnext > .posts > article {
    margin-left: 4.5em;
  }
  #sidebar .toggle {
    max-width: auto;
  }
  .sectionRub .actions {
    margin-left: 8em;
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .prevnext > .posts > article {
    width: 100%;
    margin-left: 0;
  }
  .prevnext > .posts article::before {
    background: rgba(210, 215, 217, 0);
  }
  .voirtousnum {
    margin-top: -1.5em;
    text-align: left;
    padding: 0 0 2em 0;
  }
  #sidebar .toggle {
    max-width: auto;
  }
  .notes a.spip_out {
    max-width: 100%;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .sectionRub.rub9 {
    background-size: 100% !important;
    background-position: 0px -80px !important;
  }
  .art40 > .logobg {
    background-position: -25% -20px;
    background-size: 114%;
  }
  .art42 > .logobg {
    background-position: -25% 32%;
    background-size: 114%;
  }
  .art44 > .logobg {
    background-size: 142%;
    background-position: 0% 0;
  }
  .art46 > .logobg {
    background-position: -170px -208px;
    background-size: 265%;
  }
  .art47 > .logobg {
    background-size: 250%;
    background-position: 25% 0%;
  }
  .art49 > .logobg {
    background-size: 150% 110%;
    background-position: 68% -4px;
  }
  .art50 > .logobg {
    background-size: 221%;
    background-position: 68% 50%;
  }
}
.credits-logo {
  font-size: 0.7em;
  text-align: right;
  padding: 0 2em;
  color: #AAA;
  text-shadow: 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white;
}
/* fin */