/*
#@sites/snes.c-real.fr/local/cache-css/cssdyn-css_spip_css-15fcaa74.css
*/
/* #PRODUIRE{fond=css/spip.css}
   md5:ab88dd691984c195c84de26538949c75 */
/*  */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
sectionarticle,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
[hidden],
template {
  display: none;
}
body {
  margin: 0;
}
body * {
  background-repeat: no-repeat;
}
/*  */
body #cookie-bar,
body #cookieChoiceInfo {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  background: #fff;
  top: inherit !important;
  bottom: 0;
  font-size: 18px;
}
body #cookie-bar .cb-enable,
body #cookieChoiceInfo .cb-enable,
body #cookie-bar #cookieChoiceDismiss,
body #cookieChoiceInfo #cookieChoiceDismiss {
  font-weight: bold;
  border-radius: 2px;
}
body #cookie-bar .cb-enable:hover,
body #cookieChoiceInfo .cb-enable:hover,
body #cookie-bar #cookieChoiceDismiss:hover,
body #cookieChoiceInfo #cookieChoiceDismiss:hover {
  color: #fff;
}
.content {
  overflow-x: hidden;
}
/*  */
.box_mediabox,
.lity-container {
  padding: 0;
  background-color: transparent;
  vertical-align: middle;
  overflow: hidden;
}
.box_mediabox body,
.lity-container body,
.box_mediabox iframe,
.lity-container iframe {
  margin: 0;
}
#cboxTitle,
.lidy-Title {
  display: none !important;
}
.box_mediabox,
#cboxOverlay {
  background: rgba(0, 0, 0, 0.9);
}
.lity-content > iframe,
#cboxLoadedContent > iframe {
  width: 84vw !important;
  height: 84vh !important;
  min-width: 84vw !important;
  min-height: 84vh !important;
}
@media screen and (max-width: 680px) {
  .lity-content > iframe,
  #cboxLoadedContent > iframe {
    width: 86vw !important;
    height: 86vh !important;
    min-width: 86vw !important;
    min-height: 86vh !important;
  }
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: normal;
}
a,
a:focus {
  line-height: 110%;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999);
  text-decoration: none;
}
a:active,
a:hover {
  outline: 0;
  background: transparent;
}
/* ========================== BOITE A OUTILS TRADI ========================== */
.module {
  display: inline;
  float: left;
  overflow: hidden;
}
.bloc {
  display: block;
  overflow: hidden;
}
.affix {
  position: fixed;
}
.show {
  display: block;
}
.oh {
  overflow: hidden;
}
div .invisible,
.invisible,
.hide,
.hidden,
.js .js-hide,
.no-js .no-js-hide,
.none {
  display: none;
}
/* Non visible a l'ecran */
.nonvisible,
.offscreen {
  position: absolute;
  left: -999em;
  height: 1%;
}
.gras,
b,
strong {
  font-weight: bold;
}
.italic,
i,
em,
q,
address {
  font-style: italic;
}
.majuscules,
.capitale {
  text-transform: uppercase;
}
.caps {
  font-variant: small-caps;
}
small {
  font-size: 80%;
}
abbr[title] {
  border-bottom: 1px dotted;
}
dfn {
  font-weight: bold;
  font-style: italic;
}
del,
.del {
  background-color: #FFDDDD;
  border-color: #CC0000;
  color: #CC0000;
  text-decoration: line-through;
}
ins,
.ins {
  background-color: #DDFFDD;
  border-color: #00AA00;
  color: #00AA00;
  text-decoration: none;
}
sup,
sub {
  position: relative;
  vertical-align: baseline;
  font-size: .8em;
  font-variant: normal;
  line-height: 0;
}
sub {
  bottom: -0.25em;
}
sup {
  vertical-align: super;
  top: -0.25em;
}
img.puce {
  vertical-align: baseline;
}
.large {
  width: 100%;
}
.pull-left,
.gauche,
.left {
  float: left;
}
.pull-right,
.droite,
.right {
  float: right;
}
.centre,
.center {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
.margo {
  margin-top: 1em;
}
.relatif {
  position: relative;
}
.fondblanc {
  background-color: #fff;
}
/* Curseurs */
abbr[title],
acronym[title],
abbr[data-original-title] {
  border-bottom: .1em dotted #aaa;
  cursor: help;
}
[role="button"] {
  cursor: pointer;
}
/* Espaceur de blocs */
.clear {
  clear: both;
}
br.clear,
.nettoyeur {
  clear: both;
  margin: 0;
  padding: 0;
  border: 0;
  height: 0;
  line-height: 1px;
  font-size: 1px;
}
hr.clear {
  visibility: hidden;
}
.sardine {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: 0 !important;
}
/* ============ IMAGES, VIDEO, AUDIO, IFRAME ============ */
/* ------ Images ----- */
figure {
  margin: 0;
}
img {
  border: 0;
  color: transparent;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
  height: auto;
}
svg:not(:root) {
  overflow: hidden;
}
img.ronde {
  border-radius: 50%;
}
/* ------ Audio ----- */
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
/* ------ Video ----- */
#animation_container {
  margin: auto;
}
/* ------ Iframe ----- */
iframe {
  border: none;
}
/* ============ IMPRESSION ============ */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    overflow: visible;
  }
  * {
    position: static;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  blockquote {
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr,
  img {
    page-break-inside: avoid;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  #letexte a.spip_out:after,
  #letexte a[href]:after,
  #letexte a.spip_url:after .letexte a.spip_out:after,
  .letexte a[href]:after,
  .letexte a.spip_url:after {
    content: " (" attr(href) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  .article pre,
  .article blockquote.spip,
  .article blockquote.spip_poesie {
    border: 2px solid #999;
    page-break-inside: avoid;
  }
  .navbar,
  .btn,
  .asidedroite,
  .footer,
  .liste-grille,
  .atss-righ,
  .titpage,
  .pagination,
  #spip-admin {
    display: none;
  }
  .colgauche {
    width: 95%;
  }
  .page_auteur .titpage,
  .page_auteurs .titpage {
    display: block;
  }
  #bicolonnes,
  .colgauche {
    padding: 0;
    margin: 0;
  }
  .content .page_type_contenu #bicolonnes .chapo {
    padding: 0;
  }
  .content .page_type_contenu #bicolonnes .colgauche .date {
    padding-left: 0;
  }
}
/* ============ Cesure pour petits écrans ============ */
@media (max-width: 640px) {
  /* gestion des mots longs */
  textarea,
  table,
  td,
  th {
    word-wrap: break-word;
    /* cesure forcee */
  }
}
/* ============ Admin de Spip ============ */
/* Boutons action */
.bouton_action_post,
.bouton_action_post > div {
  display: inline;
}
#debug-nav {
  line-height: 2em;
}
/* Boutons d'admin */
.ie6 .spip-admin,
.ie6 #spip-admin {
  display: none;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 0.4em 0.8em;
  font-size: 18px;
  line-height: 1.33333333;
  border-radius: 0.2em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #ffffff;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  opacity: 0.0065;
  filter: alpha(opacity=0.65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
@media screen and (max-width: 767px) {
  .btn {
    white-space: normal;
  }
}
.btn-defaut {
  color: #ffffff;
  background-color: #165ba4;
  border-color: #134f8e;
}
.btn-defaut:focus,
.btn-defaut.focus {
  color: #ffffff;
  background-color: #104277;
  border-color: #04101d;
}
.btn-defaut:hover {
  color: #ffffff;
  background-color: #104277;
  border-color: #0c3158;
}
.btn-defaut:active,
.btn-defaut.active,
.open > .dropdown-toggle.btn-defaut {
  color: #ffffff;
  background-color: #104277;
  border-color: #0c3158;
}
.btn-defaut:active:hover,
.btn-defaut.active:hover,
.open > .dropdown-toggle.btn-defaut:hover,
.btn-defaut:active:focus,
.btn-defaut.active:focus,
.open > .dropdown-toggle.btn-defaut:focus,
.btn-defaut:active.focus,
.btn-defaut.active.focus,
.open > .dropdown-toggle.btn-defaut.focus {
  color: #ffffff;
  background-color: #0c3158;
  border-color: #04101d;
}
.btn-defaut:active,
.btn-defaut.active,
.open > .dropdown-toggle.btn-defaut {
  background-image: none;
}
.btn-defaut.disabled:hover,
.btn-defaut[disabled]:hover,
fieldset[disabled] .btn-defaut:hover,
.btn-defaut.disabled:focus,
.btn-defaut[disabled]:focus,
fieldset[disabled] .btn-defaut:focus,
.btn-defaut.disabled.focus,
.btn-defaut[disabled].focus,
fieldset[disabled] .btn-defaut.focus {
  background-color: #165ba4;
  border-color: #134f8e;
}
.btn-defaut .badge {
  color: #165ba4;
  background-color: #ffffff;
}
.btn-secondaire {
  color: #ffffff;
  background-color: #165ba4;
  border-color: #134f8e;
}
.btn-secondaire:focus,
.btn-secondaire.focus {
  color: #ffffff;
  background-color: #104277;
  border-color: #04101d;
}
.btn-secondaire:hover {
  color: #ffffff;
  background-color: #104277;
  border-color: #0c3158;
}
.btn-secondaire:active,
.btn-secondaire.active,
.open > .dropdown-toggle.btn-secondaire {
  color: #ffffff;
  background-color: #104277;
  border-color: #0c3158;
}
.btn-secondaire:active:hover,
.btn-secondaire.active:hover,
.open > .dropdown-toggle.btn-secondaire:hover,
.btn-secondaire:active:focus,
.btn-secondaire.active:focus,
.open > .dropdown-toggle.btn-secondaire:focus,
.btn-secondaire:active.focus,
.btn-secondaire.active.focus,
.open > .dropdown-toggle.btn-secondaire.focus {
  color: #ffffff;
  background-color: #0c3158;
  border-color: #04101d;
}
.btn-secondaire:active,
.btn-secondaire.active,
.open > .dropdown-toggle.btn-secondaire {
  background-image: none;
}
.btn-secondaire.disabled:hover,
.btn-secondaire[disabled]:hover,
fieldset[disabled] .btn-secondaire:hover,
.btn-secondaire.disabled:focus,
.btn-secondaire[disabled]:focus,
fieldset[disabled] .btn-secondaire:focus,
.btn-secondaire.disabled.focus,
.btn-secondaire[disabled].focus,
fieldset[disabled] .btn-secondaire.focus {
  background-color: #165ba4;
  border-color: #134f8e;
}
.btn-secondaire .badge {
  color: #165ba4;
  background-color: #ffffff;
}
.btn-vert {
  color: #ffffff;
  background-color: #38c07c;
  border-color: #32ac6f;
}
.btn-vert:focus,
.btn-vert.focus {
  color: #ffffff;
  background-color: #2c9862;
  border-color: #15492f;
}
.btn-vert:hover {
  color: #ffffff;
  background-color: #2c9862;
  border-color: #247d50;
}
.btn-vert:active,
.btn-vert.active,
.open > .dropdown-toggle.btn-vert {
  color: #ffffff;
  background-color: #2c9862;
  border-color: #247d50;
}
.btn-vert:active:hover,
.btn-vert.active:hover,
.open > .dropdown-toggle.btn-vert:hover,
.btn-vert:active:focus,
.btn-vert.active:focus,
.open > .dropdown-toggle.btn-vert:focus,
.btn-vert:active.focus,
.btn-vert.active.focus,
.open > .dropdown-toggle.btn-vert.focus {
  color: #ffffff;
  background-color: #247d50;
  border-color: #15492f;
}
.btn-vert:active,
.btn-vert.active,
.open > .dropdown-toggle.btn-vert {
  background-image: none;
}
.btn-vert.disabled:hover,
.btn-vert[disabled]:hover,
fieldset[disabled] .btn-vert:hover,
.btn-vert.disabled:focus,
.btn-vert[disabled]:focus,
fieldset[disabled] .btn-vert:focus,
.btn-vert.disabled.focus,
.btn-vert[disabled].focus,
fieldset[disabled] .btn-vert.focus {
  background-color: #38c07c;
  border-color: #32ac6f;
}
.btn-vert .badge {
  color: #38c07c;
  background-color: #ffffff;
}
.btn-jaune {
  color: #ffffff;
  background-color: #fcc225;
  border-color: #fcbb0c;
}
.btn-jaune:focus,
.btn-jaune.focus {
  color: #ffffff;
  background-color: #ebac03;
  border-color: #866202;
}
.btn-jaune:hover {
  color: #ffffff;
  background-color: #ebac03;
  border-color: #c89203;
}
.btn-jaune:active,
.btn-jaune.active,
.open > .dropdown-toggle.btn-jaune {
  color: #ffffff;
  background-color: #ebac03;
  border-color: #c89203;
}
.btn-jaune:active:hover,
.btn-jaune.active:hover,
.open > .dropdown-toggle.btn-jaune:hover,
.btn-jaune:active:focus,
.btn-jaune.active:focus,
.open > .dropdown-toggle.btn-jaune:focus,
.btn-jaune:active.focus,
.btn-jaune.active.focus,
.open > .dropdown-toggle.btn-jaune.focus {
  color: #ffffff;
  background-color: #c89203;
  border-color: #866202;
}
.btn-jaune:active,
.btn-jaune.active,
.open > .dropdown-toggle.btn-jaune {
  background-image: none;
}
.btn-jaune.disabled:hover,
.btn-jaune[disabled]:hover,
fieldset[disabled] .btn-jaune:hover,
.btn-jaune.disabled:focus,
.btn-jaune[disabled]:focus,
fieldset[disabled] .btn-jaune:focus,
.btn-jaune.disabled.focus,
.btn-jaune[disabled].focus,
fieldset[disabled] .btn-jaune.focus {
  background-color: #fcc225;
  border-color: #fcbb0c;
}
.btn-jaune .badge {
  color: #fcc225;
  background-color: #ffffff;
}
.btn-orange {
  color: #ffffff;
  background-color: #ffa54d;
  border-color: #ff9933;
}
.btn-orange:focus,
.btn-orange.focus {
  color: #ffffff;
  background-color: #ff8c1a;
  border-color: #b35900;
}
.btn-orange:hover {
  color: #ffffff;
  background-color: #ff8c1a;
  border-color: #f57a00;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  color: #ffffff;
  background-color: #ff8c1a;
  border-color: #f57a00;
}
.btn-orange:active:hover,
.btn-orange.active:hover,
.open > .dropdown-toggle.btn-orange:hover,
.btn-orange:active:focus,
.btn-orange.active:focus,
.open > .dropdown-toggle.btn-orange:focus,
.btn-orange:active.focus,
.btn-orange.active.focus,
.open > .dropdown-toggle.btn-orange.focus {
  color: #ffffff;
  background-color: #f57a00;
  border-color: #b35900;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  background-image: none;
}
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled.focus,
.btn-orange[disabled].focus,
fieldset[disabled] .btn-orange.focus {
  background-color: #ffa54d;
  border-color: #ff9933;
}
.btn-orange .badge {
  color: #ffa54d;
  background-color: #ffffff;
}
.btn-rouge {
  color: #ffffff;
  background-color: #de1e36;
  border-color: #c81b31;
}
.btn-rouge:focus,
.btn-rouge.focus {
  color: #ffffff;
  background-color: #b1182b;
  border-color: #570c15;
}
.btn-rouge:hover {
  color: #ffffff;
  background-color: #b1182b;
  border-color: #921423;
}
.btn-rouge:active,
.btn-rouge.active,
.open > .dropdown-toggle.btn-rouge {
  color: #ffffff;
  background-color: #b1182b;
  border-color: #921423;
}
.btn-rouge:active:hover,
.btn-rouge.active:hover,
.open > .dropdown-toggle.btn-rouge:hover,
.btn-rouge:active:focus,
.btn-rouge.active:focus,
.open > .dropdown-toggle.btn-rouge:focus,
.btn-rouge:active.focus,
.btn-rouge.active.focus,
.open > .dropdown-toggle.btn-rouge.focus {
  color: #ffffff;
  background-color: #921423;
  border-color: #570c15;
}
.btn-rouge:active,
.btn-rouge.active,
.open > .dropdown-toggle.btn-rouge {
  background-image: none;
}
.btn-rouge.disabled:hover,
.btn-rouge[disabled]:hover,
fieldset[disabled] .btn-rouge:hover,
.btn-rouge.disabled:focus,
.btn-rouge[disabled]:focus,
fieldset[disabled] .btn-rouge:focus,
.btn-rouge.disabled.focus,
.btn-rouge[disabled].focus,
fieldset[disabled] .btn-rouge.focus {
  background-color: #de1e36;
  border-color: #c81b31;
}
.btn-rouge .badge {
  color: #de1e36;
  background-color: #ffffff;
}
.btn-bleu {
  color: #ffffff;
  background-color: #165ba4;
  border-color: #134f8e;
}
.btn-bleu:focus,
.btn-bleu.focus {
  color: #ffffff;
  background-color: #104277;
  border-color: #04101d;
}
.btn-bleu:hover {
  color: #ffffff;
  background-color: #104277;
  border-color: #0c3158;
}
.btn-bleu:active,
.btn-bleu.active,
.open > .dropdown-toggle.btn-bleu {
  color: #ffffff;
  background-color: #104277;
  border-color: #0c3158;
}
.btn-bleu:active:hover,
.btn-bleu.active:hover,
.open > .dropdown-toggle.btn-bleu:hover,
.btn-bleu:active:focus,
.btn-bleu.active:focus,
.open > .dropdown-toggle.btn-bleu:focus,
.btn-bleu:active.focus,
.btn-bleu.active.focus,
.open > .dropdown-toggle.btn-bleu.focus {
  color: #ffffff;
  background-color: #0c3158;
  border-color: #04101d;
}
.btn-bleu:active,
.btn-bleu.active,
.open > .dropdown-toggle.btn-bleu {
  background-image: none;
}
.btn-bleu.disabled:hover,
.btn-bleu[disabled]:hover,
fieldset[disabled] .btn-bleu:hover,
.btn-bleu.disabled:focus,
.btn-bleu[disabled]:focus,
fieldset[disabled] .btn-bleu:focus,
.btn-bleu.disabled.focus,
.btn-bleu[disabled].focus,
fieldset[disabled] .btn-bleu.focus {
  background-color: #165ba4;
  border-color: #134f8e;
}
.btn-bleu .badge {
  color: #165ba4;
  background-color: #ffffff;
}
.btn-violet {
  color: #ffffff;
  background-color: #894299;
  border-color: #793a87;
}
.btn-violet:focus,
.btn-violet.focus {
  color: #ffffff;
  background-color: #693375;
  border-color: #29142e;
}
.btn-violet:hover {
  color: #ffffff;
  background-color: #693375;
  border-color: #53285c;
}
.btn-violet:active,
.btn-violet.active,
.open > .dropdown-toggle.btn-violet {
  color: #ffffff;
  background-color: #693375;
  border-color: #53285c;
}
.btn-violet:active:hover,
.btn-violet.active:hover,
.open > .dropdown-toggle.btn-violet:hover,
.btn-violet:active:focus,
.btn-violet.active:focus,
.open > .dropdown-toggle.btn-violet:focus,
.btn-violet:active.focus,
.btn-violet.active.focus,
.open > .dropdown-toggle.btn-violet.focus {
  color: #ffffff;
  background-color: #53285c;
  border-color: #29142e;
}
.btn-violet:active,
.btn-violet.active,
.open > .dropdown-toggle.btn-violet {
  background-image: none;
}
.btn-violet.disabled:hover,
.btn-violet[disabled]:hover,
fieldset[disabled] .btn-violet:hover,
.btn-violet.disabled:focus,
.btn-violet[disabled]:focus,
fieldset[disabled] .btn-violet:focus,
.btn-violet.disabled.focus,
.btn-violet[disabled].focus,
fieldset[disabled] .btn-violet.focus {
  background-color: #894299;
  border-color: #793a87;
}
.btn-violet .badge {
  color: #894299;
  background-color: #ffffff;
}
.btn-blanc {
  color: #165ba4;
  background-color: #ffffff;
  border-color: #f2f2f2;
  color: black;
}
.btn-blanc:focus,
.btn-blanc.focus {
  color: #165ba4;
  background-color: #e6e6e6;
  border-color: #b3b3b3;
}
.btn-blanc:hover {
  color: #165ba4;
  background-color: #e6e6e6;
  border-color: #d4d4d4;
}
.btn-blanc:active,
.btn-blanc.active,
.open > .dropdown-toggle.btn-blanc {
  color: #165ba4;
  background-color: #e6e6e6;
  border-color: #d4d4d4;
}
.btn-blanc:active:hover,
.btn-blanc.active:hover,
.open > .dropdown-toggle.btn-blanc:hover,
.btn-blanc:active:focus,
.btn-blanc.active:focus,
.open > .dropdown-toggle.btn-blanc:focus,
.btn-blanc:active.focus,
.btn-blanc.active.focus,
.open > .dropdown-toggle.btn-blanc.focus {
  color: #165ba4;
  background-color: #d4d4d4;
  border-color: #b3b3b3;
}
.btn-blanc:active,
.btn-blanc.active,
.open > .dropdown-toggle.btn-blanc {
  background-image: none;
}
.btn-blanc.disabled:hover,
.btn-blanc[disabled]:hover,
fieldset[disabled] .btn-blanc:hover,
.btn-blanc.disabled:focus,
.btn-blanc[disabled]:focus,
fieldset[disabled] .btn-blanc:focus,
.btn-blanc.disabled.focus,
.btn-blanc[disabled].focus,
fieldset[disabled] .btn-blanc.focus {
  background-color: #ffffff;
  border-color: #f2f2f2;
}
.btn-blanc .badge {
  color: #ffffff;
  background-color: #165ba4;
}
.btn-petit {
  padding: 0.4em 0.6em;
  font-size: 15.3px;
  line-height: 1.5;
  border-radius: 0.4em;
}
.btn-moyen {
  padding: 0.4em 0.8em;
  font-size: 18px;
  line-height: 1.33333333;
  border-radius: 0.2em;
}
.btn-grand {
  padding: 0.2em 0.7em;
  font-size: 22.5px;
  line-height: 1.3333333;
  border-radius: 0.2em;
}
/* boutons action de Spip */
.bouton_action_post.btn .submit {
  background-color: transparent;
  border: none;
}
/* boutons d'admin */
body .spip-admin-bloc,
body .spip-admin-float {
  z-index: 1031;
}
.margesup {
  width: calc(87.5%);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .margesup {
    width: calc(68.75%);
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  .margesup {
    width: calc(75.80645161%);
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1280px) {
  .margesup {
    width: calc(81.25%);
    margin-left: auto;
    margin-right: auto;
  }
}
.centrer {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.centrerflex {
  align-self: center;
  align-items: center;
  justify-content: center;
  display: flex;
}
.centrervertical {
  align-self: center;
  align-items: center;
  display: flex;
}
.titencadre {
  display: table;
  overflow: hidden;
  background: #165ba4;
  color: #fff;
  padding: .2em 2.5%;
}
.titencadre a {
  color: #fff;
}
.pucecarre::before {
  content: "";
  width: 0.8em;
  height: 0.8em;
  display: inline-block;
  background-color: #165ba4;
  margin: 0 3% 0 -8%;
  line-height: 100%;
  top: .05em;
  position: relative;
}
/* ==== Form states and alerts ==== */
/* Adaptateur BS2 */
/* ==== Tooltips and popovers ==== */
/* Adaptateur BS2 */
/* ==== Special enhancement for popovers ==== */
/* Adaptateur BS2 */
/* ==== Labels (BS2) ==== */
/* ==== Modals (BS2) ==== */
/* ==== Alerts (BS2) ==== */
/* ==== Progress bars (BS2) ==== */
/* ==== Thumbail (BS2) ==== */
/* ==== Wells ===== */
/* ==== Badges (BS2) ==== */
/* ==== Carousel (BS2) ==== */
/* ==== Close (BS2) ==== */
/* ==== Code  (BS2) ==== */
/* ==== Type  (BS2) ==== */
/* Horizontal offset for forms and lists. */
/* Text muted color */
/* Abbreviations and acronyms border color */
/* Headings small color */
/* Blockquote small color */
/* Blockquote font size */
/* Blockquote border color */
/* Page header border color */
/* Width of horizontal description list titles */
/* Point at which .dl-horizontal becomes horizontal */
/* Horizontal line color. */
/* ==== Sprite icons path ==== */
/* ==== Horizontal forms & lists ==== */
/* ==== Hero unit ==== */
/* Typo SPIP */
/*  */
@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url('https://snes.c-real.fr/squ/squelettes/css/bootstrapleger/fonts/bootstrap-icons.woff2?7141511ac37f13e1a387fb9fc6646256') format("woff2"), url('https://snes.c-real.fr/squ/squelettes/css/bootstrapleger/fonts/bootstrap-icons.woff?7141511ac37f13e1a387fb9fc6646256') format("woff");
}
.icon {
  position: relative;
}
.icon::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-asterisk:before {
  content: "\002a";
}
.icon-plus:before {
  content: "\002b";
}
.icon-euro:before,
.icon-eur:before {
  content: "\20ac";
}
.icon-moins:before {
  content: "\2212";
}
.icon-envelope:before {
  content: "\f32f";
}
.icon-music:before {
  content: "\e002";
}
.icon-search:before {
  content: "\F52A";
}
.icon-coeur:before {
  content: "\e005";
}
.icon-star:before {
  content: "\e006";
}
.icon-star-blanche:before {
  content: "\e007";
}
.icon-user:before {
  content: "\e008";
}
.icon-film:before {
  content: "\e009";
}
.icon-fenetre:before {
  content: "\e010";
}
.icon-grille:before {
  content: "\e011";
}
.icon-liste:before {
  content: "\e012";
}
.icon-ok:before {
  content: "\e013";
}
.icon-croix:before {
  content: "\e014";
}
.icon-engrenage:before {
  content: "\e019";
}
.icon-poubelle:before {
  content: "\e020";
}
.icon-accueil:before {
  content: "\e021";
}
.icon-fichier:before {
  content: "\e022";
}
.icon-horloge:before {
  content: "\f293";
}
.icon-download2:before {
  content: "\e025";
}
.icon-download:before {
  content: "\e026";
}
.icon-upload:before {
  content: "\e027";
}
.icon-inbox:before {
  content: "\e028";
}
.icon-recharge:before {
  content: "\e029";
}
.icon-recharge2:before {
  content: "\e030";
}
.icon-recharge3:before {
  content: "\e031";
}
.icon-list2:before {
  content: "\e032";
}
.icon-cadenas:before {
  content: "\e033";
}
.icon-camera:before {
  content: "\e059";
}
.icon-image:before {
  content: "\e060";
}
.icon-marker:before {
  content: "\e062";
}
.icon-export:before {
  content: "\e066";
}
.icon-check:before {
  content: "\e067";
}
.icon-expand:before {
  content: "\e068";
}
.icon-eject:before {
  content: "\e078";
}
.icon-plus-rond:before {
  content: "\e081";
}
.icon-moins-rond:before {
  content: "\e082";
}
.icon-croix-rond:before {
  content: "\e083";
}
.icon-croix-rond2:before {
  content: "\F62A";
}
.icon-ok-rond:before {
  content: "\e084";
}
.icon-interrogation-rond:before {
  content: "\e085";
}
.icon-random:before {
  content: "\e110";
}
.icon-bulle:before {
  content: "\e111";
}
.icon-lien:before {
  content: "\e144";
}
.icon-phone:before {
  content: "\e145";
}
.icon-dollard:before {
  content: "\e148";
}
.icon-case:before {
  content: "\e157";
}
.icon-fleche-gauche:before {
  content: "\e091";
}
.icon-fleche-droite:before {
  content: "\e092";
}
.icon-fleche-haut:before {
  content: "\e093";
}
.icon-fleche-bas:before {
  content: "\e094";
}
.icon-fleche-gauche2:before {
  content: "\e079";
}
.icon-fleche-droite2:before {
  content: "\f138";
}
.icon-fleche-haut2:before {
  content: "\e113";
}
.icon-fleche-bas2:before {
  content: "\e114";
}
.icon-fleche-gauche3:before {
  content: "\e250";
}
.icon-fleche-droite3:before {
  content: "\e251";
}
.icon-fleche-haut3:before {
  content: "\e252";
}
.icon-fleche-bas3:before {
  content: "\e253";
}
.icon-fleche-gauche4:before {
  content: "\e257";
}
.icon-fleche-droite4:before {
  content: "\F285";
}
.icon-fleche-bas4:before {
  content: "\F282";
}
.icon-fleche-haut4:before {
  content: "\e260";
}
.icon-fleche-droite-rond:before {
  content: "\e131";
}
.icon-fleche-gauche-rond:before {
  content: "\e132";
}
.icon-fleche-haut-rond:before {
  content: "\e133";
}
.icon-fleche-bas-rond:before {
  content: "\e134";
}
.icon-fleche-droite-case:before {
  content: "\e158";
}
.icon-fleche-bas-case:before {
  content: "\e159";
}
.icon-fleche-haut-case:before {
  content: "\e160";
}
.btn-asterisk:after {
  content: "\002a";
}
.btn-plus:after {
  content: "\002b";
}
.btn-euro:after,
.btn-eur:after {
  content: "\20ac";
}
.btn-moins:after {
  content: "\2212";
}
.btn-envelope:after {
  content: "\2709";
}
.btn-music:after {
  content: "\e002";
}
.btn-search:after {
  content: "\e003";
}
.btn-coeur:after {
  content: "\e005";
}
.btn-star:after {
  content: "\e006";
}
.btn-star-blanche:after {
  content: "\e007";
}
.btn-user:after {
  content: "\e008";
}
.btn-film:after {
  content: "\e009";
}
.btn-fenetre:after {
  content: "\e010";
}
.btn-grille:after {
  content: "\e011";
}
.btn-liste:after {
  content: "\e012";
}
.btn-ok:after {
  content: "\e013";
}
.btn-croix:after {
  content: "\e014";
}
.btn-engrenage:after {
  content: "\e019";
}
.btn-poubelle:after {
  content: "\e020";
}
.btn-accueil:after {
  content: "\e021";
}
.btn-fichier:after {
  content: "\e022";
}
.btn-horloge:after {
  content: "\e023";
}
.btn-download2:after {
  content: "\e025";
}
.btn-download:after {
  content: "\e026";
}
.btn-upload:after {
  content: "\e027";
}
.btn-inbox:after {
  content: "\e028";
}
.btn-recharge:after {
  content: "\e029";
}
.btn-recharge2:after {
  content: "\e030";
}
.btn-recharge3:after {
  content: "\e031";
}
.btn-list2:after {
  content: "\e032";
}
.btn-cadenas:after {
  content: "\e033";
}
.btn-camera:after {
  content: "\e059";
}
.btn-image:after {
  content: "\e060";
}
.btn-marker:after {
  content: "\e062";
}
.btn-export:after {
  content: "\e066";
}
.btn-check:after {
  content: "\e067";
}
.btn-expand:after {
  content: "\e068";
}
.btn-eject:after {
  content: "\e078";
}
.btn-plus-rond:after {
  content: "\e081";
}
.btn-moins-rond:after {
  content: "\e082";
}
.btn-croix-rond:after {
  content: "\e083";
}
.btn-ok-rond:after {
  content: "\e084";
}
.btn-interrogation-rond:after {
  content: "\e085";
}
.btn-random:after {
  content: "\e110";
}
.btn-bulle:after {
  content: "\e111";
}
.btn-lien:after {
  content: "\e144";
}
.btn-phone:after {
  content: "\e145";
}
.btn-dollard:after {
  content: "\e148";
}
.btn-case:after {
  content: "\e157";
}
.btn-fleche:after {
  content: "\f138";
}
.btn-fleche-gauche:after {
  content: "\e091";
}
.btn-fleche-droite:after {
  content: "\e092";
}
.btn-fleche-haut:after {
  content: "\e093";
}
.btn-fleche-bas:after {
  content: "\e094";
}
.btn-fleche-gauche2:after {
  content: "\e079";
}
.btn-fleche-droite2:after {
  content: "\f138";
}
.btn-fleche-haut2:after {
  content: "\e113";
}
.btn-fleche-bas2:after {
  content: "\e114";
}
.btn-fleche-gauche3:after {
  content: "\e250";
}
.btn-fleche-droite3:after {
  content: "\e251";
}
.btn-fleche-haut3:after {
  content: "\e252";
}
.btn-fleche-bas3:after {
  content: "\e253";
}
.btn-fleche-gauche4:after {
  content: "\e257";
}
.btn-fleche-droite4:after {
  content: "\e258";
}
.btn-fleche-bas4:after {
  content: "\e259";
}
.btn-fleche-haut4:after {
  content: "\e260";
}
.btn-fleche-droite-rond:after {
  content: "\e131";
}
.btn-fleche-gauche-rond:after {
  content: "\e132";
}
.btn-fleche-haut-rond:after {
  content: "\e133";
}
.btn-fleche-bas-rond:after {
  content: "\e134";
}
.btn-fleche-droite-case:after {
  content: "\e158";
}
.btn-fleche-bas-case:after {
  content: "\e159";
}
.btn-fleche-haut-case:after {
  content: "\e160";
}
.icon-arrow-90deg-down:before,
.icon-fleche-90deg-bas:before {
  content: "\f10e";
}
.icon-arrow-90deg-left:before,
.icon-fleche-90deg-gauche:before {
  content: "\f10f";
}
.icon-arrow-90deg-right:before,
.icon-fleche-90deg-droite:before {
  content: "\f110";
}
.icon-arrow-90deg-up:before,
.icon-fleche-90deg-haut:before {
  content: "\f111";
}
.icon-arrow-bar-down:before,
.icon-fleche-bar-bas:before {
  content: "\f112";
}
.icon-arrow-bar-left:before,
.icon-fleche-bar-gauche:before {
  content: "\f113";
}
.icon-arrow-bar-right:before,
.icon-fleche-bar-droite:before {
  content: "\f114";
}
.icon-arrow-bar-up:before,
.icon-fleche-bar-haut:before {
  content: "\f115";
}
.icon-arrow-clockwise:before,
.icon-recharge:before {
  content: "\f116";
}
.icon-arrow-counterclockwise:before,
.icon-fleche-counterclockwise:before {
  content: "\f117";
}
.icon-arrow-down-circle-fill:before,
.icon-fleche-bas-rond-plein:before {
  content: "\f118";
}
.icon-arrow-down-circle:before,
.icon-fleche-bas-rond:before {
  content: "\f119";
}
.icon-arrow-down-left-circle-fill:before,
.icon-fleche-bas-gauche-rond-plein:before {
  content: "\f11a";
}
.icon-arrow-down-left-circle:before,
.icon-fleche-bas-gauche-rond:before {
  content: "\f11b";
}
.icon-arrow-down-left-square-fill:before,
.icon-fleche-bas-gauche-carre-plein:before {
  content: "\f11c";
}
.icon-arrow-down-left-square:before,
.icon-fleche-bas-gauche-carre:before {
  content: "\f11d";
}
.icon-arrow-down-left:before,
.icon-fleche-bas-gauche:before {
  content: "\f11e";
}
.icon-arrow-down-right-circle-fill:before,
.icon-fleche-bas-droite-rond-plein:before {
  content: "\f11f";
}
.icon-arrow-down-right-circle:before,
.icon-fleche-bas-droite-rond:before {
  content: "\f120";
}
.icon-arrow-down-right-square-fill:before,
.icon-fleche-bas-droite-carre-plein:before {
  content: "\f121";
}
.icon-arrow-down-right-square:before,
.icon-fleche-bas-droite-carre:before {
  content: "\f122";
}
.icon-arrow-down-right:before,
.icon-fleche-bas-droite:before {
  content: "\f123";
}
.icon-arrow-down-short:before,
.icon-fleche-bas-court:before {
  content: "\f124";
}
.icon-arrow-down-square-fill:before,
.icon-fleche-bas-carre-plein:before {
  content: "\f125";
}
.icon-arrow-down-square:before,
.icon-fleche-bas-carre:before {
  content: "\f126";
}
.icon-arrow-down-up:before,
.icon-fleche-bas-haut:before {
  content: "\f127";
}
.icon-arrow-down:before,
.icon-fleche-bas:before {
  content: "\f128";
}
.icon-arrow-left-circle-fill:before,
.icon-fleche-gauche-rond-plein:before {
  content: "\f129";
}
.icon-arrow-left-circle:before,
.icon-fleche-gauche-rond:before {
  content: "\f12a";
}
.icon-arrow-left-right:before,
.icon-fleche-gauche-droite:before {
  content: "\f12b";
}
.icon-arrow-left-short:before,
.icon-fleche-gauche-court:before {
  content: "\f12c";
}
.icon-arrow-left-square-fill:before,
.icon-fleche-gauche-carre-plein:before {
  content: "\f12d";
}
.icon-arrow-left-square:before,
.icon-fleche-gauche-carre:before {
  content: "\f12e";
}
.icon-arrow-left:before,
.icon-fleche-gauche:before {
  content: "\f12f";
}
.icon-arrow-repeat:before,
.icon-fleche-repeat:before {
  content: "\f130";
}
.icon-arrow-return-left:before,
.icon-fleche-return-gauche:before {
  content: "\f131";
}
.icon-arrow-return-right:before,
.icon-fleche-return-droite:before {
  content: "\f132";
}
.icon-arrow-right-circle-fill:before,
.icon-fleche-droite-rond-plein:before {
  content: "\f133";
}
.icon-arrow-right-circle:before,
.icon-fleche-droite-rond:before {
  content: "\f134";
}
.icon-arrow-right-short:before,
.icon-fleche-droite-court:before {
  content: "\f135";
}
.icon-arrow-right-square-fill:before,
.icon-fleche-droite-carre-plein:before {
  content: "\f136";
}
.icon-arrow-right-square:before,
.icon-fleche-droite-carre:before {
  content: "\f137";
}
.icon-arrow-right:before,
.icon-fleche-droite:before {
  content: "\f138";
}
.icon-arrow-up-circle-fill:before,
.icon-fleche-bas-rond-plein:before {
  content: "\f139";
}
.icon-arrow-up-circle:before,
.icon-fleche-bas-rond:before {
  content: "\f13a";
}
.icon-arrow-up-left-circle-fill:before,
.icon-fleche-bas-gauche-rond-plein:before {
  content: "\f13b";
}
.icon-arrow-up-left-circle:before,
.icon-fleche-bas-gauche-rond:before {
  content: "\f13c";
}
.icon-arrow-up-left-square-fill:before,
.icon-fleche-bas-gauche-carre-plein:before {
  content: "\f13d";
}
.icon-arrow-up-left-square:before,
.icon-fleche-bas-gauche-carre:before {
  content: "\f13e";
}
.icon-arrow-up-left:before,
.icon-fleche-bas-gauche:before {
  content: "\f13f";
}
.icon-arrow-up-right-circle-fill:before,
.icon-fleche-bas-droite-rond-plein:before {
  content: "\f140";
}
.icon-arrow-up-right-circle:before,
.icon-fleche-bas-droite-rond:before {
  content: "\f141";
}
.icon-arrow-up-right-square-fill:before,
.icon-fleche-bas-droite-carre-plein:before {
  content: "\f142";
}
.icon-arrow-up-right-square:before,
.icon-fleche-bas-droite-carre:before {
  content: "\f143";
}
.icon-arrow-up-right:before,
.icon-fleche-bas-droite:before {
  content: "\f144";
}
.icon-arrow-up-short:before,
.icon-fleche-bas-court:before {
  content: "\f145";
}
.icon-arrow-up-square-fill:before,
.icon-fleche-bas-carre-plein:before {
  content: "\f146";
}
.icon-arrow-up-square:before,
.icon-fleche-bas-carre:before {
  content: "\f147";
}
.icon-arrow-up:before,
.icon-fleche-haut:before {
  content: "\f148";
}
.icon-arrows-angle-contract:before,
.icon-fleches-angle-contract:before {
  content: "\f149";
}
.icon-arrows-angle-expand:before,
.icon-fleches-angle-expand:before {
  content: "\f14a";
}
.icon-arrows-collapse:before,
.icon-fleches-collapse:before {
  content: "\f14b";
}
.icon-arrows-expand:before,
.icon-fleches-expand:before {
  content: "\f14c";
}
.icon-arrows-fullscreen:before,
.icon-fleches-plein-ecran:before {
  content: "\f14d";
}
.icon-arrows-move:before,
.icon-fleches-move:before {
  content: "\f14e";
}
.icon-asterisk:before,
.icon-asterisk:before {
  content: "\f151";
}
.icon-box-arrow-down-left:before,
.icon-box-fleche-bas-gauche:before {
  content: "\f1b7";
}
.icon-box-arrow-down-right:before,
.icon-box-fleche-bas-droite:before {
  content: "\f1b8";
}
.icon-box-arrow-down:before,
.icon-box-fleche-bas:before {
  content: "\f1b9";
}
.icon-box-arrow-in-down-left:before,
.icon-box-fleche-in-bas-gauche:before {
  content: "\f1ba";
}
.icon-box-arrow-in-down-right:before,
.icon-box-fleche-in-bas-droite:before {
  content: "\f1bb";
}
.icon-box-arrow-in-down:before,
.icon-box-fleche-in-bas:before {
  content: "\f1bc";
}
.icon-box-arrow-in-left:before,
.icon-box-fleche-in-gauche:before {
  content: "\f1bd";
}
.icon-box-arrow-in-right:before,
.icon-box-fleche-in-droite:before {
  content: "\f1be";
}
.icon-box-arrow-in-up-left:before,
.icon-box-fleche-in-bas-gauche:before {
  content: "\f1bf";
}
.icon-box-arrow-in-up-right:before,
.icon-box-fleche-in-bas-droite:before {
  content: "\f1c0";
}
.icon-box-arrow-in-up:before,
.icon-box-fleche-in-haut:before {
  content: "\f1c1";
}
.icon-box-arrow-left:before,
.icon-box-fleche-gauche:before {
  content: "\f1c2";
}
.icon-box-arrow-right:before,
.icon-log-out:before {
  content: "\f1c3";
}
.icon-box-arrow-up-left:before,
.icon-box-fleche-bas-gauche:before {
  content: "\f1c4";
}
.icon-box-arrow-up-right:before,
.icon-box-fleche-bas-droite:before {
  content: "\f1c5";
}
.icon-box-arrow-up:before,
.icon-box-fleche-haut:before {
  content: "\f1c6";
}
.icon-camera-fill:before,
.icon-camera-plein:before {
  content: "\f219";
}
.icon-camera-reels-fill:before,
.icon-camera-reels-plein:before {
  content: "\f21a";
}
.icon-camera-reels:before,
.icon-camera-reels:before {
  content: "\f21b";
}
.icon-camera-video-fill:before,
.icon-camera-video-plein:before {
  content: "\f21c";
}
.icon-camera-video-off-fill:before,
.icon-camera-video-off-plein:before {
  content: "\f21d";
}
.icon-camera-video-off:before,
.icon-camera-video-off:before {
  content: "\f21e";
}
.icon-camera-video:before,
.icon-camera-video:before {
  content: "\f21f";
}
.icon-camera:before,
.icon-camera:before {
  content: "\f220";
}
.icon-camera2:before,
.icon-camera2:before {
  content: "\f221";
}
.icon-envelope-open-fill:before,
.icon-envelope-ouvrir-plein:before {
  content: "\f32d";
}
.icon-envelope-open:before,
.icon-envelope-ouvrir:before {
  content: "\f32e";
}
.icon-heart-fill:before,
.icon-coeur-plein:before {
  content: "\f415";
}
.icon-heart-half:before,
.icon-coeur-moitie:before {
  content: "\f416";
}
.icon-heart:before,
.icon-coeur:before {
  content: "\f417";
}
.icon-house-fill:before,
.icon-accueil-plein:before {
  content: "\f424";
}
.icon-house:before,
.icon-accueil:before {
  content: "\f425";
}
.icon-hr:before,
.icon-hr:before {
  content: "\f426";
}
.icon-image-alt:before,
.icon-image-alt:before {
  content: "\f428";
}
.icon-image-fill:before,
.icon-image-plein:before {
  content: "\f429";
}
.icon-image:before,
.icon-image:before {
  content: "\f42a";
}
.icon-images:before,
.icon-images:before {
  content: "\f42b";
}
.icon-info-circle-fill:before,
.icon-info-rond-plein:before {
  content: "\f430";
}
.icon-info-circle:before,
.icon-info-rond:before {
  content: "\f431";
}
.icon-info-square-fill:before,
.icon-info-carre-plein:before {
  content: "\f432";
}
.icon-info-square:before,
.icon-info-carre:before {
  content: "\f433";
}
.icon-info:before,
.icon-info:before {
  content: "\f434";
}
.icon-mailbox:before,
.icon-mailbox:before {
  content: "\f47c";
}
.icon-mailbox2:before,
.icon-mailbox2:before {
  content: "\f47d";
}
.icon-map-fill:before,
.icon-map-plein:before {
  content: "\f47e";
}
.icon-mask:before,
.icon-mask:before {
  content: "\f482";
}
.icon-megaphone-fill:before,
.icon-megaphone-plein:before {
  content: "\f483";
}
.icon-megaphone:before,
.icon-megaphone:before {
  content: "\f484";
}
.icon-menu-app-fill:before,
.icon-menu-app-plein:before {
  content: "\f485";
}
.icon-menu-app:before,
.icon-menu-app:before {
  content: "\f486";
}
.icon-menu-button-fill:before,
.icon-menu-button-plein:before {
  content: "\f487";
}
.icon-menu-button-wide-fill:before,
.icon-menu-button-wide-plein:before {
  content: "\f488";
}
.icon-menu-button-wide:before,
.icon-menu-button-wide:before {
  content: "\f489";
}
.icon-menu-button:before,
.icon-menu-button:before {
  content: "\f48a";
}
.icon-menu-down:before,
.icon-menu-bas:before {
  content: "\f48b";
}
.icon-menu-up:before,
.icon-menu-haut:before {
  content: "\f48c";
}
.icon-pen:before,
.icon-pen:before {
  content: "\f4c8";
}
.icon-pencil-fill:before,
.icon-pencil-plein:before {
  content: "\f4c9";
}
.icon-pencil-square:before,
.icon-pencil-carre:before {
  content: "\f4ca";
}
.icon-pencil:before,
.icon-pencil:before {
  content: "\f4cb";
}
.icon-person-badge-fill:before,
.icon-user-badge-plein:before {
  content: "\f4d2";
}
.icon-person-badge:before,
.icon-user-badge:before {
  content: "\f4d3";
}
.icon-person-bounding-box:before,
.icon-user-bounding-box:before {
  content: "\f4d4";
}
.icon-person-check-fill:before,
.icon-user-ok-plein:before {
  content: "\f4d5";
}
.icon-person-check:before,
.icon-user-ok:before {
  content: "\f4d6";
}
.icon-person-circle:before,
.icon-user-rond:before {
  content: "\f4d7";
}
.icon-person-dash-fill:before,
.icon-user-dash-plein:before {
  content: "\f4d8";
}
.icon-person-dash:before,
.icon-user-dash:before {
  content: "\f4d9";
}
.icon-person-fill:before,
.icon-user-plein:before {
  content: "\f4da";
}
.icon-person-lines-fill:before,
.icon-user-lines-plein:before {
  content: "\f4db";
}
.icon-person-plus-fill:before,
.icon-user-plus-plein:before {
  content: "\f4dc";
}
.icon-person-plus:before,
.icon-user-plus:before {
  content: "\f4dd";
}
.icon-person-square:before,
.icon-user-carre:before {
  content: "\f4de";
}
.icon-person-x-fill:before,
.icon-user-x-plein:before {
  content: "\f4df";
}
.icon-person-x:before,
.icon-user-croix:before {
  content: "\f4e0";
}
.icon-person:before,
.icon-user:before {
  content: "\f4e1";
}
.icon-phone-fill:before,
.icon-tel-plein:before {
  content: "\f4e2";
}
.icon-phone-landscape-fill:before,
.icon-tel-landscape-plein:before {
  content: "\f4e3";
}
.icon-phone-landscape:before,
.icon-tel-landscape:before {
  content: "\f4e4";
}
.icon-phone-vibrate-fill:before,
.icon-tel-vibrate-plein:before {
  content: "\f4e5";
}
.icon-phone-vibrate:before,
.icon-tel-vibrate:before {
  content: "\f4e6";
}
.icon-phone:before,
.icon-tel:before {
  content: "\f4e7";
}
.icon-plus-circle-dotted:before,
.icon-plus-rond-dotted:before {
  content: "\f4f8";
}
.icon-plus-circle-fill:before,
.icon-plus-rond-plein:before {
  content: "\f4f9";
}
.icon-plus-circle:before,
.icon-plus-rond:before {
  content: "\f4fa";
}
.icon-plus-square-dotted:before,
.icon-plus-carre-dotted:before {
  content: "\f4fb";
}
.icon-plus-square-fill:before,
.icon-plus-carre-plein:before {
  content: "\f4fc";
}
.icon-plus-square:before,
.icon-plus-carre:before {
  content: "\f4fd";
}
.icon-plus:before,
.icon-plus:before {
  content: "\f4fe";
}
.icon-printer-fill:before,
.icon-printer-plein:before {
  content: "\f500";
}
.icon-printer:before,
.icon-print:before {
  content: "\f501";
}
.icon-question-circle-fill:before,
.icon-question-rond-plein:before {
  content: "\f504";
}
.icon-question-circle:before,
.icon-question-rond:before {
  content: "\f505";
}
.icon-question-diamond-fill:before,
.icon-question-diamond-plein:before {
  content: "\f506";
}
.icon-question-diamond:before,
.icon-question-diamond:before {
  content: "\f507";
}
.icon-question-octagon-fill:before,
.icon-question-octagon-plein:before {
  content: "\f508";
}
.icon-question-octagon:before,
.icon-question-octagon:before {
  content: "\f509";
}
.icon-question-square-fill:before,
.icon-question-carre-plein:before {
  content: "\f50a";
}
.icon-question-square:before,
.icon-question-carre:before {
  content: "\f50b";
}
.icon-question:before,
.icon-question:before {
  content: "\f50c";
}
.icon-telephone-fill:before,
.icon-telephone-plein:before {
  content: "\f5b4";
}
.icon-telephone-forward-fill:before,
.icon-telephone-next-plein:before {
  content: "\f5b5";
}
.icon-telephone-forward:before,
.icon-telephone-next:before {
  content: "\f5b6";
}
.icon-telephone-inbound-fill:before,
.icon-telephone-inbound-plein:before {
  content: "\f5b7";
}
.icon-telephone-inbound:before,
.icon-telephone-inbound:before {
  content: "\f5b8";
}
.icon-telephone-minus-fill:before,
.icon-telephone-minus-plein:before {
  content: "\f5b9";
}
.icon-telephone-minus:before,
.icon-telephone-minus:before {
  content: "\f5ba";
}
.icon-telephone-outbound-fill:before,
.icon-telephone-outbound-plein:before {
  content: "\f5bb";
}
.icon-telephone-outbound:before,
.icon-telephone-outbound:before {
  content: "\f5bc";
}
.icon-telephone-plus-fill:before,
.icon-telephone-plus-plein:before {
  content: "\f5bd";
}
.icon-telephone-plus:before,
.icon-telephone-plus:before {
  content: "\f5be";
}
.icon-telephone-x-fill:before,
.icon-telephone-x-plein:before {
  content: "\f5bf";
}
.icon-telephone-x:before,
.icon-telephone-croix:before {
  content: "\f5c0";
}
.icon-telephone:before,
.icon-telephone:before {
  content: "\f5c1";
}
.icon-toggle-off:before,
.icon-toggle-off:before {
  content: "\f5d5";
}
.icon-toggle-on:before,
.icon-toggle-on:before {
  content: "\f5d6";
}
.icon-toggle2-off:before,
.icon-toggle2-off:before {
  content: "\f5d7";
}
.icon-toggle2-on:before,
.icon-toggle2-on:before {
  content: "\f5d8";
}
.icon-toggles:before,
.icon-toggles:before {
  content: "\f5d9";
}
.icon-toggles2:before,
.icon-toggles2:before {
  content: "\f5da";
}
.icon-tools:before,
.icon-outil:before {
  content: "\f5db";
}
.icon-x-circle-fill:before,
.icon-x-rond-plein:before {
  content: "\f622";
}
.icon-x-circle:before,
.icon-x-rond:before {
  content: "\f623";
}
.icon-x-diamond-fill:before,
.icon-x-diamond-plein:before {
  content: "\f624";
}
.icon-x-diamond:before,
.icon-x-diamond:before {
  content: "\f625";
}
.icon-x-octagon-fill:before,
.icon-x-octagon-plein:before {
  content: "\f626";
}
.icon-x-octagon:before,
.icon-x-octagon:before {
  content: "\f627";
}
.icon-x-square-fill:before,
.icon-x-carre-plein:before {
  content: "\f628";
}
.icon-x-square:before,
.icon-x-carre:before {
  content: "\f629";
}
.icon-x:before,
.icon-croix:before {
  content: "\f62a";
}
.icon-check-lg:before,
.icon-ok-lg:before {
  content: "\f633";
}
.icon-envelope-check-1:before,
.icon-envelope-ok-1:before {
  content: "\f68a";
}
.icon-envelope-check-fill:before,
.icon-envelope-ok-plein:before {
  content: "\f68b";
}
.icon-envelope-check:before,
.icon-envelope-ok:before {
  content: "\f68c";
}
.icon-envelope-dash-1:before,
.icon-envelope-dash-1:before {
  content: "\f68d";
}
.icon-envelope-dash-fill:before,
.icon-envelope-dash-plein:before {
  content: "\f68e";
}
.icon-envelope-dash:before,
.icon-envelope-dash:before {
  content: "\f68f";
}
.icon-envelope-exclamation-1:before,
.icon-envelope-exclamation-1:before {
  content: "\f690";
}
.icon-envelope-exclamation-fill:before,
.icon-envelope-exclamation-plein:before {
  content: "\f691";
}
.icon-envelope-exclamation:before,
.icon-envelope-exclamation:before {
  content: "\f692";
}
.icon-envelope-plus-fill:before,
.icon-envelope-plus-plein:before {
  content: "\f693";
}
.icon-envelope-plus:before,
.icon-envelope-plus:before {
  content: "\f694";
}
.icon-envelope-slash-1:before,
.icon-envelope-slash-1:before {
  content: "\f695";
}
.icon-envelope-slash-fill:before,
.icon-envelope-slash-plein:before {
  content: "\f696";
}
.icon-envelope-slash:before,
.icon-envelope-slash:before {
  content: "\f697";
}
.icon-envelope-x-1:before,
.icon-envelope-x-1:before {
  content: "\f698";
}
.icon-envelope-x-fill:before,
.icon-envelope-x-plein:before {
  content: "\f699";
}
.icon-envelope-x:before,
.icon-envelope-croix:before {
  content: "\f69a";
}
.icon-balloon-fill:before,
.icon-balloon-plein:before {
  content: "\f706";
}
.icon-balloon-heart-fill:before,
.icon-balloon-coeur-plein:before {
  content: "\f707";
}
.icon-balloon-heart:before,
.icon-balloon-coeur:before {
  content: "\f708";
}
.icon-balloon:before,
.icon-balloon:before {
  content: "\f709";
}
.icon-box2-fill:before,
.icon-box2-plein:before {
  content: "\f70a";
}
.icon-box2-heart-fill:before,
.icon-box2-coeur-plein:before {
  content: "\f70b";
}
.icon-box2-heart:before,
.icon-box2-coeur:before {
  content: "\f70c";
}
.icon-box2:before,
.icon-box2:before {
  content: "\f70d";
}
.icon-braces-asterisk:before,
.icon-braces-asterisk:before {
  content: "\f70e";
}
.icon-calendar-heart-fill:before,
.icon-calendar-coeur-plein:before {
  content: "\f70f";
}
.icon-calendar-heart:before,
.icon-calendar-coeur:before {
  content: "\f710";
}
.icon-calendar2-heart-fill:before,
.icon-calendar2-coeur-plein:before {
  content: "\f711";
}
.icon-calendar2-heart:before,
.icon-calendar2-coeur:before {
  content: "\f712";
}
.icon-envelope-heart-fill:before,
.icon-envelope-coeur-plein:before {
  content: "\f736";
}
.icon-envelope-heart:before,
.icon-envelope-coeur:before {
  content: "\f737";
}
.icon-envelope-open-heart-fill:before,
.icon-envelope-ouvrir-coeur-plein:before {
  content: "\f738";
}
.icon-envelope-open-heart:before,
.icon-envelope-ouvrir-coeur:before {
  content: "\f739";
}
.icon-envelope-paper-fill:before,
.icon-envelope-paper-plein:before {
  content: "\f73a";
}
.icon-envelope-paper-heart-fill:before,
.icon-envelope-paper-coeur-plein:before {
  content: "\f73b";
}
.icon-envelope-paper-heart:before,
.icon-envelope-paper-coeur:before {
  content: "\f73c";
}
.icon-envelope-paper:before,
.icon-envelope-paper:before {
  content: "\f73d";
}
.icon-heart-pulse-fill:before,
.icon-coeur-pulse-plein:before {
  content: "\f76e";
}
.icon-heart-pulse:before,
.icon-coeur-pulse:before {
  content: "\f76f";
}
.icon-heartbreak-fill:before,
.icon-coeurbreak-plein:before {
  content: "\f770";
}
.icon-heartbreak:before,
.icon-coeurbreak:before {
  content: "\f771";
}
.icon-hearts:before,
.icon-coeurs:before {
  content: "\f772";
}
.icon-house-heart-fill:before,
.icon-accueil-coeur-plein:before {
  content: "\f775";
}
.icon-house-heart:before,
.icon-accueil-coeur:before {
  content: "\f776";
}
.icon-person-heart:before,
.icon-user-coeur:before {
  content: "\f77a";
}
.icon-person-hearts:before,
.icon-user-coeurs:before {
  content: "\f77b";
}
.icon-phone-flip:before,
.icon-tel-flip:before {
  content: "\f77c";
}
.icon-trash3-fill:before,
.icon-poubelle3-plein:before {
  content: "\f78a";
}
.icon-trash3:before,
.icon-poubelle3:before {
  content: "\f78b";
}
.c_site {
  color: #165ba4;
}
.bg_site {
  background-color: #165ba4;
}
.fill_site {
  fill: #165ba4;
}
.stroke_site {
  stroke: #165ba4;
}
.margebas {
  margin-bottom: 60px;
}
.filetbas {
  padding-bottom: 0.5em;
  margin-bottom: 1.4em;
  border-bottom: 1px solid #d3d3d3;
}
.filethaut {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #d3d3d3;
}
a.btn {
  color: #fff;
}
.btn-petit {
  font-size: .9em;
}
.btn-fleche:after {
  content: "\f285";
  font-family: 'bootstrap-icons';
  font-weight: 600;
  margin-left: 5px;
  font-size: .7em;
}
.boutons .submit,
.bouton .submit {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 0.4em 0.8em;
  font-size: 18px;
  line-height: 1.33333333;
  border-radius: 0.2em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  transition: .2s;
}
.boutons .submit:focus,
.bouton .submit:focus,
.boutons .submit:active:focus,
.bouton .submit:active:focus,
.boutons .submit.active:focus,
.bouton .submit.active:focus,
.boutons .submit.focus,
.bouton .submit.focus,
.boutons .submit:active.focus,
.bouton .submit:active.focus,
.boutons .submit.active.focus,
.bouton .submit.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.boutons .submit:hover,
.bouton .submit:hover,
.boutons .submit:focus,
.bouton .submit:focus,
.boutons .submit.focus,
.bouton .submit.focus {
  color: #ffffff;
  text-decoration: none;
}
.boutons .submit:active,
.bouton .submit:active,
.boutons .submit.active,
.bouton .submit.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.boutons .submit.disabled,
.bouton .submit.disabled,
.boutons .submit[disabled],
.bouton .submit[disabled],
fieldset[disabled] .boutons .submit,
fieldset[disabled] .bouton .submit {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  opacity: 0.0065;
  filter: alpha(opacity=0.65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.boutons .submit .submit,
.bouton .submit .submit {
  white-space: normal;
  line-height: 1.4em;
  font-size: 1.5em;
  font-weight: 500;
}
.btn-vert {
  color: #ffffff;
  background-color: #32ac6f;
  border-color: #32ac6f;
}
.btn-vert:focus,
.btn-vert.focus {
  color: #ffffff;
  background-color: #278456;
  border-color: #15492f;
}
.btn-vert:hover {
  color: #ffffff;
  background-color: #278456;
  border-color: #247d50;
}
.btn-vert:active,
.btn-vert.active,
.open > .dropdown-toggle.btn-vert {
  color: #ffffff;
  background-color: #278456;
  border-color: #247d50;
}
.btn-vert:active:hover,
.btn-vert.active:hover,
.open > .dropdown-toggle.btn-vert:hover,
.btn-vert:active:focus,
.btn-vert.active:focus,
.open > .dropdown-toggle.btn-vert:focus,
.btn-vert:active.focus,
.btn-vert.active.focus,
.open > .dropdown-toggle.btn-vert.focus {
  color: #ffffff;
  background-color: #1e6944;
  border-color: #15492f;
}
.btn-vert:active,
.btn-vert.active,
.open > .dropdown-toggle.btn-vert {
  background-image: none;
}
.btn-vert.disabled:hover,
.btn-vert[disabled]:hover,
fieldset[disabled] .btn-vert:hover,
.btn-vert.disabled:focus,
.btn-vert[disabled]:focus,
fieldset[disabled] .btn-vert:focus,
.btn-vert.disabled.focus,
.btn-vert[disabled].focus,
fieldset[disabled] .btn-vert.focus {
  background-color: #32ac6f;
  border-color: #32ac6f;
}
.btn-vert .badge {
  color: #32ac6f;
  background-color: #ffffff;
}
.btn-bleu {
  color: #ffffff;
  background-color: #165ba4;
  border-color: #165ba4;
}
.btn-bleu:focus,
.btn-bleu.focus {
  color: #ffffff;
  background-color: #104277;
  border-color: #071d34;
}
.btn-bleu:hover {
  color: #ffffff;
  background-color: #104277;
  border-color: #0f3d6e;
}
.btn-bleu:active,
.btn-bleu.active,
.open > .dropdown-toggle.btn-bleu {
  color: #ffffff;
  background-color: #104277;
  border-color: #0f3d6e;
}
.btn-bleu:active:hover,
.btn-bleu.active:hover,
.open > .dropdown-toggle.btn-bleu:hover,
.btn-bleu:active:focus,
.btn-bleu.active:focus,
.open > .dropdown-toggle.btn-bleu:focus,
.btn-bleu:active.focus,
.btn-bleu.active.focus,
.open > .dropdown-toggle.btn-bleu.focus {
  color: #ffffff;
  background-color: #0c3158;
  border-color: #071d34;
}
.btn-bleu:active,
.btn-bleu.active,
.open > .dropdown-toggle.btn-bleu {
  background-image: none;
}
.btn-bleu.disabled:hover,
.btn-bleu[disabled]:hover,
fieldset[disabled] .btn-bleu:hover,
.btn-bleu.disabled:focus,
.btn-bleu[disabled]:focus,
fieldset[disabled] .btn-bleu:focus,
.btn-bleu.disabled.focus,
.btn-bleu[disabled].focus,
fieldset[disabled] .btn-bleu.focus {
  background-color: #165ba4;
  border-color: #165ba4;
}
.btn-bleu .badge {
  color: #165ba4;
  background-color: #ffffff;
}
.btn-rouge {
  color: #ffffff;
  background-color: #de1e36;
  border-color: #de1e36;
}
.btn-rouge:focus,
.btn-rouge.focus {
  color: #ffffff;
  background-color: #b1182b;
  border-color: #6e0f1b;
}
.btn-rouge:hover {
  color: #ffffff;
  background-color: #b1182b;
  border-color: #a81729;
}
.btn-rouge:active,
.btn-rouge.active,
.open > .dropdown-toggle.btn-rouge {
  color: #ffffff;
  background-color: #b1182b;
  border-color: #a81729;
}
.btn-rouge:active:hover,
.btn-rouge.active:hover,
.open > .dropdown-toggle.btn-rouge:hover,
.btn-rouge:active:focus,
.btn-rouge.active:focus,
.open > .dropdown-toggle.btn-rouge:focus,
.btn-rouge:active.focus,
.btn-rouge.active.focus,
.open > .dropdown-toggle.btn-rouge.focus {
  color: #ffffff;
  background-color: #921423;
  border-color: #6e0f1b;
}
.btn-rouge:active,
.btn-rouge.active,
.open > .dropdown-toggle.btn-rouge {
  background-image: none;
}
.btn-rouge.disabled:hover,
.btn-rouge[disabled]:hover,
fieldset[disabled] .btn-rouge:hover,
.btn-rouge.disabled:focus,
.btn-rouge[disabled]:focus,
fieldset[disabled] .btn-rouge:focus,
.btn-rouge.disabled.focus,
.btn-rouge[disabled].focus,
fieldset[disabled] .btn-rouge.focus {
  background-color: #de1e36;
  border-color: #de1e36;
}
.btn-rouge .badge {
  color: #de1e36;
  background-color: #ffffff;
}
.btn-jaune {
  color: #ffffff;
  background-color: #fcc225;
  border-color: #fcc225;
}
.btn-jaune:focus,
.btn-jaune.focus {
  color: #ffffff;
  background-color: #ebac03;
  border-color: #9f7502;
}
.btn-jaune:hover {
  color: #ffffff;
  background-color: #ebac03;
  border-color: #e1a503;
}
.btn-jaune:active,
.btn-jaune.active,
.open > .dropdown-toggle.btn-jaune {
  color: #ffffff;
  background-color: #ebac03;
  border-color: #e1a503;
}
.btn-jaune:active:hover,
.btn-jaune.active:hover,
.open > .dropdown-toggle.btn-jaune:hover,
.btn-jaune:active:focus,
.btn-jaune.active:focus,
.open > .dropdown-toggle.btn-jaune:focus,
.btn-jaune:active.focus,
.btn-jaune.active.focus,
.open > .dropdown-toggle.btn-jaune.focus {
  color: #ffffff;
  background-color: #c89203;
  border-color: #9f7502;
}
.btn-jaune:active,
.btn-jaune.active,
.open > .dropdown-toggle.btn-jaune {
  background-image: none;
}
.btn-jaune.disabled:hover,
.btn-jaune[disabled]:hover,
fieldset[disabled] .btn-jaune:hover,
.btn-jaune.disabled:focus,
.btn-jaune[disabled]:focus,
fieldset[disabled] .btn-jaune:focus,
.btn-jaune.disabled.focus,
.btn-jaune[disabled].focus,
fieldset[disabled] .btn-jaune.focus {
  background-color: #fcc225;
  border-color: #fcc225;
}
.btn-jaune .badge {
  color: #fcc225;
  background-color: #ffffff;
}
.btn-orange {
  color: #ffffff;
  background-color: #ff7f00;
  border-color: #ff7f00;
}
.btn-orange:focus,
.btn-orange.focus {
  color: #ffffff;
  background-color: #cc6600;
  border-color: #804000;
}
.btn-orange:hover {
  color: #ffffff;
  background-color: #cc6600;
  border-color: #c26100;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  color: #ffffff;
  background-color: #cc6600;
  border-color: #c26100;
}
.btn-orange:active:hover,
.btn-orange.active:hover,
.open > .dropdown-toggle.btn-orange:hover,
.btn-orange:active:focus,
.btn-orange.active:focus,
.open > .dropdown-toggle.btn-orange:focus,
.btn-orange:active.focus,
.btn-orange.active.focus,
.open > .dropdown-toggle.btn-orange.focus {
  color: #ffffff;
  background-color: #a85400;
  border-color: #804000;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  background-image: none;
}
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled.focus,
.btn-orange[disabled].focus,
fieldset[disabled] .btn-orange.focus {
  background-color: #ff7f00;
  border-color: #ff7f00;
}
.btn-orange .badge {
  color: #ff7f00;
  background-color: #ffffff;
}
.btn-rose {
  color: #ffffff;
  background-color: #e32776;
  border-color: #e32776;
}
.btn-rose:focus,
.btn-rose.focus {
  color: #ffffff;
  background-color: #be195e;
  border-color: #7b103d;
}
.btn-rose:hover {
  color: #ffffff;
  background-color: #be195e;
  border-color: #b5185a;
}
.btn-rose:active,
.btn-rose.active,
.open > .dropdown-toggle.btn-rose {
  color: #ffffff;
  background-color: #be195e;
  border-color: #b5185a;
}
.btn-rose:active:hover,
.btn-rose.active:hover,
.open > .dropdown-toggle.btn-rose:hover,
.btn-rose:active:focus,
.btn-rose.active:focus,
.open > .dropdown-toggle.btn-rose:focus,
.btn-rose:active.focus,
.btn-rose.active.focus,
.open > .dropdown-toggle.btn-rose.focus {
  color: #ffffff;
  background-color: #9f154f;
  border-color: #7b103d;
}
.btn-rose:active,
.btn-rose.active,
.open > .dropdown-toggle.btn-rose {
  background-image: none;
}
.btn-rose.disabled:hover,
.btn-rose[disabled]:hover,
fieldset[disabled] .btn-rose:hover,
.btn-rose.disabled:focus,
.btn-rose[disabled]:focus,
fieldset[disabled] .btn-rose:focus,
.btn-rose.disabled.focus,
.btn-rose[disabled].focus,
fieldset[disabled] .btn-rose.focus {
  background-color: #e32776;
  border-color: #e32776;
}
.btn-rose .badge {
  color: #e32776;
  background-color: #ffffff;
}
.btn-violet {
  color: #ffffff;
  background-color: #894299;
  border-color: #894299;
}
.btn-violet:focus,
.btn-violet.focus {
  color: #ffffff;
  background-color: #693375;
  border-color: #391c40;
}
.btn-violet:hover {
  color: #ffffff;
  background-color: #693375;
  border-color: #63306e;
}
.btn-violet:active,
.btn-violet.active,
.open > .dropdown-toggle.btn-violet {
  color: #ffffff;
  background-color: #693375;
  border-color: #63306e;
}
.btn-violet:active:hover,
.btn-violet.active:hover,
.open > .dropdown-toggle.btn-violet:hover,
.btn-violet:active:focus,
.btn-violet.active:focus,
.open > .dropdown-toggle.btn-violet:focus,
.btn-violet:active.focus,
.btn-violet.active.focus,
.open > .dropdown-toggle.btn-violet.focus {
  color: #ffffff;
  background-color: #53285c;
  border-color: #391c40;
}
.btn-violet:active,
.btn-violet.active,
.open > .dropdown-toggle.btn-violet {
  background-image: none;
}
.btn-violet.disabled:hover,
.btn-violet[disabled]:hover,
fieldset[disabled] .btn-violet:hover,
.btn-violet.disabled:focus,
.btn-violet[disabled]:focus,
fieldset[disabled] .btn-violet:focus,
.btn-violet.disabled.focus,
.btn-violet[disabled].focus,
fieldset[disabled] .btn-violet.focus {
  background-color: #894299;
  border-color: #894299;
}
.btn-violet .badge {
  color: #894299;
  background-color: #ffffff;
}
.btn-gris {
  color: #ffffff;
  background-color: #585a5b;
  border-color: #585a5b;
}
.btn-gris:focus,
.btn-gris.focus {
  color: #ffffff;
  background-color: #3f4041;
  border-color: #191a1a;
}
.btn-gris:hover {
  color: #ffffff;
  background-color: #3f4041;
  border-color: #3a3b3c;
}
.btn-gris:active,
.btn-gris.active,
.open > .dropdown-toggle.btn-gris {
  color: #ffffff;
  background-color: #3f4041;
  border-color: #3a3b3c;
}
.btn-gris:active:hover,
.btn-gris.active:hover,
.open > .dropdown-toggle.btn-gris:hover,
.btn-gris:active:focus,
.btn-gris.active:focus,
.open > .dropdown-toggle.btn-gris:focus,
.btn-gris:active.focus,
.btn-gris.active.focus,
.open > .dropdown-toggle.btn-gris.focus {
  color: #ffffff;
  background-color: #2d2e2f;
  border-color: #191a1a;
}
.btn-gris:active,
.btn-gris.active,
.open > .dropdown-toggle.btn-gris {
  background-image: none;
}
.btn-gris.disabled:hover,
.btn-gris[disabled]:hover,
fieldset[disabled] .btn-gris:hover,
.btn-gris.disabled:focus,
.btn-gris[disabled]:focus,
fieldset[disabled] .btn-gris:focus,
.btn-gris.disabled.focus,
.btn-gris[disabled].focus,
fieldset[disabled] .btn-gris.focus {
  background-color: #585a5b;
  border-color: #585a5b;
}
.btn-gris .badge {
  color: #585a5b;
  background-color: #ffffff;
}
.btn-grisLight {
  color: #ffffff;
  background-color: #d3d3d3;
  border-color: #d3d3d3;
  color: #000 !important;
}
.btn-grisLight:focus,
.btn-grisLight.focus {
  color: #ffffff;
  background-color: #bababa;
  border-color: #939393;
}
.btn-grisLight:hover {
  color: #ffffff;
  background-color: #bababa;
  border-color: #b4b4b4;
}
.btn-grisLight:active,
.btn-grisLight.active,
.open > .dropdown-toggle.btn-grisLight {
  color: #ffffff;
  background-color: #bababa;
  border-color: #b4b4b4;
}
.btn-grisLight:active:hover,
.btn-grisLight.active:hover,
.open > .dropdown-toggle.btn-grisLight:hover,
.btn-grisLight:active:focus,
.btn-grisLight.active:focus,
.open > .dropdown-toggle.btn-grisLight:focus,
.btn-grisLight:active.focus,
.btn-grisLight.active.focus,
.open > .dropdown-toggle.btn-grisLight.focus {
  color: #ffffff;
  background-color: #a8a8a8;
  border-color: #939393;
}
.btn-grisLight:active,
.btn-grisLight.active,
.open > .dropdown-toggle.btn-grisLight {
  background-image: none;
}
.btn-grisLight.disabled:hover,
.btn-grisLight[disabled]:hover,
fieldset[disabled] .btn-grisLight:hover,
.btn-grisLight.disabled:focus,
.btn-grisLight[disabled]:focus,
fieldset[disabled] .btn-grisLight:focus,
.btn-grisLight.disabled.focus,
.btn-grisLight[disabled].focus,
fieldset[disabled] .btn-grisLight.focus {
  background-color: #d3d3d3;
  border-color: #d3d3d3;
}
.btn-grisLight .badge {
  color: #d3d3d3;
  background-color: #ffffff;
}
.grille {
  display: flex;
  flex-wrap: wrap;
}
.liste-item.row,
.liste-items.row,
.liste-item > .row,
.liste-items > .row {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}
.liste-items.row,
.liste-items > .row {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}
.liste-items .item {
  margin-bottom: 60px;
}
.liste-items .item .surtit {
  line-height: 130%;
  padding: .4em 3%;
}
.liste-items .item .tit {
  line-height: 1.2em;
}
.liste-items .item .date {
  font-size: 1.15em;
  color: #165ba4;
  margin: 0 0 0.4em;
}
.liste-items .item .logo {
  min-width: 100%;
  display: block;
  overflow: hidden;
}
.liste-items .item .desc,
.liste-items .item .introduction {
  font-weight: 400;
  line-height: 1.5em;
}
.liste-items .item .desc p,
.liste-items .item .introduction p {
  margin: 0 0 .5em;
  line-height: 1.5em;
}
.liste-items .item .btn {
  color: #fff;
  clear: both;
}
.liste-grille {
  margin-top: 3em;
}
.liste-grille .item {
  background-clip: content-box;
  height: 15em;
  text-align: center;
  background-position: center;
  background-size: cover;
  margin-bottom: 60px;
}
.liste-grille .item .tit {
  display: flex;
  align-items: center;
  height: 100%;
  background: #00000055;
  color: #fff;
  text-align: center;
  font-size: 1.9em;
  padding: 1em;
  font-weight: 600;
  line-height: 1.3em;
  justify-content: center;
  border-bottom: 6px solid #165ba4;
}
.liste-grille .item .tit.petit {
  font-size: 1.3em;
}
.liste-grille .lrub {
  margin: 0 0 2em;
}
.item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.item:before,
.item:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.item-auteur {
  text-align: center;
  position: relative;
}
.item-auteur a {
  cursor: pointer;
}
.item-auteur a:hover {
  text-decoration: none;
}
.item-auteur .logo {
  border-bottom: none;
  width: 100%;
  position: relative;
  background: transparent center no-repeat url('https://snes.c-real.fr/squ/squelettes/ergo/svg/user.svg');
  background-size: cover;
}
.item-auteur .logo .absolute,
.item-auteur .logo .spip_logos {
  position: absolute;
  top: 0;
  left: 0;
}
.item-auteur .logo .absolute,
.item-auteur .logo .spip_logos,
.item-auteur .logo .absolute img,
.item-auteur .logo .spip_logos img {
  width: 100%;
  height: auto;
}
.item-auteur .logo::after {
  content: '';
  display: block;
  padding-bottom: 100%;
}
.item-auteur .tit {
  line-height: 1.1em;
  font-size: 1.2em;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  width: 100%;
}
.item-auteur .tit::first-line {
  text-transform: none;
}
.item-auteur .details {
  font-size: 0.75em;
  line-height: 1.5em;
  font-style: italic;
  margin-top: 0.7em;
}
.item-auteur .message {
  margin-bottom: 0;
}
.item-auteur .message img {
  width: auto;
  height: 21px;
  margin: 0 2px;
}
.item-auteur .message p {
  margin-bottom: 0;
}
.filtre {
  background-color: #f8f7f7;
  padding-top: 1em;
  padding-bottom: 1em;
  font-size: 1.1em;
  margin: 2em 0;
}
.filtre a {
  margin: 0 .8em;
  font-weight: 500;
}
.filtre a:hover {
  color: #165ba4;
}
.filtre .tit {
  margin-bottom: .3em;
}
.filtre .titselect {
  display: inline-block;
  text-align: right;
  padding: 1em;
  width: 8%;
}
.filtre select {
  padding: .1em .3%;
  border-radius: .2em 0 0 .2em;
}
.filtre select.selectdate {
  margin-right: 6%;
}
/* -------------- Page Auteurs -------------- */
.page_auteurs .item-auteur {
  overflow: visible;
}
.page_auteurs .item-auteur .formulaire_contact_libre {
  position: absolute;
  z-index: 10;
  box-shadow: 5px 5px 12px #0004;
  border-top: 5px solid #165ba4;
  margin-bottom: 5em;
}
.page_auteurs .item-auteur .formulaire_contact_libre::before {
  content: '';
  width: 30px;
  height: 30px;
  background: #f8f7f7;
  display: block;
  border: 5px solid #165ba4;
  border-width: 5px 5px 0 0;
  position: absolute;
}
.page_auteurs .item-auteur .formulaire_contact_libre form legend {
  background-color: transparent;
  font-size: 1.5em;
  color: #165ba4;
}
.page_auteurs .item-auteur .formulaire_contact_libre form::before {
  content: 'x';
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 17px;
  cursor: pointer;
  display: block;
  overflow: hidden;
  font-size: 27px;
  color: #458;
}
.page_auteurs .item-auteur .formulaire_contact_libre form > div {
  display: block;
  overflow: hidden;
  top: 0;
  right: 0;
  position: absolute;
  width: 40px;
  height: 40px;
  cursor: pointer;
  float: right;
  font-size: 1.4em;
  font-weight: 200;
  color: #585a5b;
}
.page_auteurs .item-auteur .formulaire_contact_libre form > div:hover {
  color: #165ba4;
}
.page_auteurs .item-auteur .formulaire_contact_libre fieldset {
  width: 100%;
}
.page_auteurs .item-auteur .formulaire_contact_libre .previsu {
  border: 1px solid #dd0;
  border-radius: 5px;
  padding: 0.6em 1em 0;
  background: #ffd;
  margin: 1em 0 2em;
}
.page_auteurs .item-auteur .formulaire_contact_libre .previsu h2 {
  font-size: 30px;
  border-bottom: 1px solid #cc9;
  margin: 0 0 0.4em;
  padding: 0 0 .2em;
}
.page_auteurs #laliste .row > div:nth-of-type(6n) .formulaire_contact_libre,
.page_auteurs .laliste .row > div:nth-of-type(6n) .formulaire_contact_libre,
.page_auteurs #laliste .row > div:nth-of-type(7n) .formulaire_contact_libre,
.page_auteurs .laliste .row > div:nth-of-type(7n) .formulaire_contact_libre {
  right: 0;
}
.page_auteurs #laliste .row > div:nth-of-type(6n) .formulaire_contact_libre:before,
.page_auteurs .laliste .row > div:nth-of-type(6n) .formulaire_contact_libre:before,
.page_auteurs #laliste .row > div:nth-of-type(7n) .formulaire_contact_libre:before,
.page_auteurs .laliste .row > div:nth-of-type(7n) .formulaire_contact_libre:before {
  transform: rotate(-45deg) translate(-14px, -61px);
  right: 0;
}
/* -------------- Accueil du compte -------------- */
.grosboutons {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  min-width: 100%;
}
.grosboutons .grosbouton {
  position: relative;
  min-height: 17em;
  margin-bottom: 2em;
}
.grosboutons .grosbouton * {
  -webkit-animation: 0.5s;
  -o-animation: 0.5s;
  animation: 0.5s;
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
}
.grosboutons .grosbouton .ico,
.grosboutons .grosbouton svg {
  width: 70%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
}
.grosboutons .grosbouton .legende {
  position: absolute;
  color: #373939;
  bottom: 0;
  left: 50%;
  height: 2.6em;
  width: 100%;
  transform: translate(-50%, -50%);
}
.grosboutons .grosbouton .legende .titit {
  text-transform: uppercase;
  font-size: 1.2em;
  margin: 0.2em 0;
  font-weight: 500;
  display: block;
}
.grosboutons .grosbouton:hover .ico,
.grosboutons .grosbouton:hover svg {
  width: 80%;
  margin-top: -10px;
}
.grosboutons .grosbouton:hover .legende {
  color: #de1e36;
}
/* -------------- Page Paiement  -------------- */
.page_paiement .contenu,
.formulaire_paiement {
  text-align: center;
}
.page_paiement .contenu p,
.formulaire_paiement p {
  font-size: .9em;
}
.page_paiement .contenu .payer_modes,
.formulaire_paiement .payer_modes {
  margin-bottom: 19px;
  text-align: center;
}
.page_paiement .contenu .payer_modes .item,
.formulaire_paiement .payer_modes .item {
  margin-top: 3em;
  box-shadow: 0px 0px 40px #0005;
}
.page_paiement .contenu .intertit,
.formulaire_paiement .intertit {
  display: table;
  overflow: hidden;
  background: #165ba4;
  color: #fff;
  padding: .2em 2.5%;
  position: relative;
  padding-bottom: 0.3em;
  padding: 0.2em 2%;
  margin: 2.5em auto 1.9em;
  font-size: 1.4em;
  line-height: 180%;
  font-weight: 400;
}
.page_paiement .contenu .intertit a,
.formulaire_paiement .intertit a {
  color: #fff;
}
.page_paiement .contenu .intertit a,
.formulaire_paiement .intertit a {
  color: #fff;
}
.page_paiement .contenu .intertit:after,
.formulaire_paiement .intertit:after {
  content: "";
  display: block;
  width: 1306px;
  height: 2px;
  background: #165ba4;
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.page_paiement .contenu .intertit::after,
.formulaire_paiement .intertit::after {
  height: 1px;
  background-color: #d3d3d3;
  margin-top: 1em;
}
.page_paiement .contenu .intertit::after,
.formulaire_paiement .intertit::after {
  margin-top: -0.5em;
}
.page_paiement .contenu .annuler .note,
.formulaire_paiement .annuler .note {
  display: none;
}
.page_paiement .contenu .h4,
.formulaire_paiement .h4 {
  margin-bottom: 0.7em;
  font-weight: 500;
  font-size: 1.1em;
}
.page_paiement .contenu .selectionnez,
.formulaire_paiement .selectionnez {
  display: table;
  overflow: hidden;
  background: #165ba4;
  color: #fff;
  padding: .2em 2.5%;
  display: inline-table;
  margin: 2em 0 2.5em;
  padding: 0.5em 0.8em;
  background-color: #fcc225;
}
.page_paiement .contenu .selectionnez a,
.formulaire_paiement .selectionnez a {
  color: #fff;
}
.page_paiement .contenu .selectionnez a,
.formulaire_paiement .selectionnez a {
  color: #fff;
}
.page_paiement .contenu .commande,
.formulaire_paiement .commande {
  padding: 2.3vw;
}
.page_paiement .contenu .commande caption,
.formulaire_paiement .commande caption {
  color: #000;
}
.page_paiement .contenu #formulaire_mode_paiement,
.formulaire_paiement #formulaire_mode_paiement {
  text-align: center;
}
.page_paiement .contenu .payer_modes,
.formulaire_paiement .payer_modes {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.page_paiement .contenu .payer_modes .item,
.formulaire_paiement .payer_modes .item {
  padding-top: 147px;
  background-position: center 1.2em;
  background-repeat: no-repeat;
  background-size: 40%;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding-top: 40%;
  padding: 19% 1em 1em;
  background-position: center 20px;
  margin: 3em 1em 2em;
}
.page_paiement .contenu .payer_modes .item h4,
.formulaire_paiement .payer_modes .item h4 {
  margin: .7em auto;
}
.page_paiement .contenu .payer_modes .item.cheque,
.formulaire_paiement .payer_modes .item.cheque {
  background-image: url('https://snes.c-real.fr/squ/squelettes/ergo/svg/paiement/cheque.svg');
}
.page_paiement .contenu .payer_modes .item.virement,
.formulaire_paiement .payer_modes .item.virement {
  background-image: url('https://snes.c-real.fr/squ/squelettes/ergo/svg/paiement/virement.svg');
}
.page_paiement .contenu .payer_modes .item.internetplus,
.formulaire_paiement .payer_modes .item.internetplus {
  background-image: url('https://snes.c-real.fr/squ/squelettes/ergo/svg/paiement/internet.svg');
}
.page_paiement .contenu .payer_modes .item.paypal,
.formulaire_paiement .payer_modes .item.paypal {
  background-image: url('https://snes.c-real.fr/squ/squelettes/ergo/svg/paiement/paypal.svg');
}
.page_paiement .contenu .payer_modes .item.cmcic,
.formulaire_paiement .payer_modes .item.cmcic,
.page_paiement .contenu .payer_modes .item.ogone,
.formulaire_paiement .payer_modes .item.ogone,
.page_paiement .contenu .payer_modes .item.paybox,
.formulaire_paiement .payer_modes .item.paybox,
.page_paiement .contenu .payer_modes .item.payzen,
.formulaire_paiement .payer_modes .item.payzen,
.page_paiement .contenu .payer_modes .item.sips,
.formulaire_paiement .payer_modes .item.sips,
.page_paiement .contenu .payer_modes .item.sipsv2,
.formulaire_paiement .payer_modes .item.sipsv2,
.page_paiement .contenu .payer_modes .item.stripe,
.formulaire_paiement .payer_modes .item.stripe,
.page_paiement .contenu .payer_modes .item.systempay,
.formulaire_paiement .payer_modes .item.systempay {
  background-image: url('https://snes.c-real.fr/squ/squelettes/ergo/svg/paiement/carte.svg');
}
.page_paiement .contenu .payer_modes .item button img,
.formulaire_paiement .payer_modes .item button img {
  display: none;
}
.page_paiement .contenu .boutons .submit,
.formulaire_paiement .boutons .submit {
  color: #ffffff;
  background-color: #165ba4;
  border-color: #134f8e;
  font-size: 1em;
  margin-bottom: 1em;
}
.page_paiement .contenu .boutons .submit:focus,
.formulaire_paiement .boutons .submit:focus,
.page_paiement .contenu .boutons .submit.focus,
.formulaire_paiement .boutons .submit.focus {
  color: #ffffff;
  background-color: #104277;
  border-color: #04101d;
}
.page_paiement .contenu .boutons .submit:hover,
.formulaire_paiement .boutons .submit:hover {
  color: #ffffff;
  background-color: #104277;
  border-color: #0c3158;
}
.page_paiement .contenu .boutons .submit:active,
.formulaire_paiement .boutons .submit:active,
.page_paiement .contenu .boutons .submit.active,
.formulaire_paiement .boutons .submit.active,
.open > .dropdown-toggle.page_paiement .contenu .boutons .submit,
.open > .dropdown-toggle.formulaire_paiement .boutons .submit {
  color: #ffffff;
  background-color: #104277;
  border-color: #0c3158;
}
.page_paiement .contenu .boutons .submit:active:hover,
.formulaire_paiement .boutons .submit:active:hover,
.page_paiement .contenu .boutons .submit.active:hover,
.formulaire_paiement .boutons .submit.active:hover,
.open > .dropdown-toggle.page_paiement .contenu .boutons .submit:hover,
.open > .dropdown-toggle.formulaire_paiement .boutons .submit:hover,
.page_paiement .contenu .boutons .submit:active:focus,
.formulaire_paiement .boutons .submit:active:focus,
.page_paiement .contenu .boutons .submit.active:focus,
.formulaire_paiement .boutons .submit.active:focus,
.open > .dropdown-toggle.page_paiement .contenu .boutons .submit:focus,
.open > .dropdown-toggle.formulaire_paiement .boutons .submit:focus,
.page_paiement .contenu .boutons .submit:active.focus,
.formulaire_paiement .boutons .submit:active.focus,
.page_paiement .contenu .boutons .submit.active.focus,
.formulaire_paiement .boutons .submit.active.focus,
.open > .dropdown-toggle.page_paiement .contenu .boutons .submit.focus,
.open > .dropdown-toggle.formulaire_paiement .boutons .submit.focus {
  color: #ffffff;
  background-color: #0c3158;
  border-color: #04101d;
}
.page_paiement .contenu .boutons .submit:active,
.formulaire_paiement .boutons .submit:active,
.page_paiement .contenu .boutons .submit.active,
.formulaire_paiement .boutons .submit.active,
.open > .dropdown-toggle.page_paiement .contenu .boutons .submit,
.open > .dropdown-toggle.formulaire_paiement .boutons .submit {
  background-image: none;
}
.page_paiement .contenu .boutons .submit.disabled:hover,
.formulaire_paiement .boutons .submit.disabled:hover,
.page_paiement .contenu .boutons .submit[disabled]:hover,
.formulaire_paiement .boutons .submit[disabled]:hover,
fieldset[disabled] .page_paiement .contenu .boutons .submit:hover,
fieldset[disabled] .formulaire_paiement .boutons .submit:hover,
.page_paiement .contenu .boutons .submit.disabled:focus,
.formulaire_paiement .boutons .submit.disabled:focus,
.page_paiement .contenu .boutons .submit[disabled]:focus,
.formulaire_paiement .boutons .submit[disabled]:focus,
fieldset[disabled] .page_paiement .contenu .boutons .submit:focus,
fieldset[disabled] .formulaire_paiement .boutons .submit:focus,
.page_paiement .contenu .boutons .submit.disabled.focus,
.formulaire_paiement .boutons .submit.disabled.focus,
.page_paiement .contenu .boutons .submit[disabled].focus,
.formulaire_paiement .boutons .submit[disabled].focus,
fieldset[disabled] .page_paiement .contenu .boutons .submit.focus,
fieldset[disabled] .formulaire_paiement .boutons .submit.focus {
  background-color: #165ba4;
  border-color: #134f8e;
}
.page_paiement .contenu .boutons .submit .badge,
.formulaire_paiement .boutons .submit .badge {
  color: #165ba4;
  background-color: #ffffff;
}
.page_paiement .contenu .bouton,
.formulaire_paiement .bouton {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #d3d3d3;
  overflow: hidden;
  display: block;
  width: 100%;
  padding: 3em 0;
  float: left;
  text-align: center;
}
.page_paiement .contenu .bouton .submit,
.formulaire_paiement .bouton .submit {
  border-color: #c81b31;
  color: #ffffff;
  background-color: #de1e36;
  border-color: #de1e36;
}
.page_paiement .contenu .bouton .submit:focus,
.formulaire_paiement .bouton .submit:focus,
.page_paiement .contenu .bouton .submit.focus,
.formulaire_paiement .bouton .submit.focus {
  color: #ffffff;
  background-color: #b1182b;
  border-color: #570c15;
}
.page_paiement .contenu .bouton .submit:hover,
.formulaire_paiement .bouton .submit:hover {
  color: #ffffff;
  background-color: #b1182b;
  border-color: #921423;
}
.page_paiement .contenu .bouton .submit:active,
.formulaire_paiement .bouton .submit:active,
.page_paiement .contenu .bouton .submit.active,
.formulaire_paiement .bouton .submit.active,
.open > .dropdown-toggle.page_paiement .contenu .bouton .submit,
.open > .dropdown-toggle.formulaire_paiement .bouton .submit {
  color: #ffffff;
  background-color: #b1182b;
  border-color: #921423;
}
.page_paiement .contenu .bouton .submit:active:hover,
.formulaire_paiement .bouton .submit:active:hover,
.page_paiement .contenu .bouton .submit.active:hover,
.formulaire_paiement .bouton .submit.active:hover,
.open > .dropdown-toggle.page_paiement .contenu .bouton .submit:hover,
.open > .dropdown-toggle.formulaire_paiement .bouton .submit:hover,
.page_paiement .contenu .bouton .submit:active:focus,
.formulaire_paiement .bouton .submit:active:focus,
.page_paiement .contenu .bouton .submit.active:focus,
.formulaire_paiement .bouton .submit.active:focus,
.open > .dropdown-toggle.page_paiement .contenu .bouton .submit:focus,
.open > .dropdown-toggle.formulaire_paiement .bouton .submit:focus,
.page_paiement .contenu .bouton .submit:active.focus,
.formulaire_paiement .bouton .submit:active.focus,
.page_paiement .contenu .bouton .submit.active.focus,
.formulaire_paiement .bouton .submit.active.focus,
.open > .dropdown-toggle.page_paiement .contenu .bouton .submit.focus,
.open > .dropdown-toggle.formulaire_paiement .bouton .submit.focus {
  color: #ffffff;
  background-color: #921423;
  border-color: #570c15;
}
.page_paiement .contenu .bouton .submit:active,
.formulaire_paiement .bouton .submit:active,
.page_paiement .contenu .bouton .submit.active,
.formulaire_paiement .bouton .submit.active,
.open > .dropdown-toggle.page_paiement .contenu .bouton .submit,
.open > .dropdown-toggle.formulaire_paiement .bouton .submit {
  background-image: none;
}
.page_paiement .contenu .bouton .submit.disabled:hover,
.formulaire_paiement .bouton .submit.disabled:hover,
.page_paiement .contenu .bouton .submit[disabled]:hover,
.formulaire_paiement .bouton .submit[disabled]:hover,
fieldset[disabled] .page_paiement .contenu .bouton .submit:hover,
fieldset[disabled] .formulaire_paiement .bouton .submit:hover,
.page_paiement .contenu .bouton .submit.disabled:focus,
.formulaire_paiement .bouton .submit.disabled:focus,
.page_paiement .contenu .bouton .submit[disabled]:focus,
.formulaire_paiement .bouton .submit[disabled]:focus,
fieldset[disabled] .page_paiement .contenu .bouton .submit:focus,
fieldset[disabled] .formulaire_paiement .bouton .submit:focus,
.page_paiement .contenu .bouton .submit.disabled.focus,
.formulaire_paiement .bouton .submit.disabled.focus,
.page_paiement .contenu .bouton .submit[disabled].focus,
.formulaire_paiement .bouton .submit[disabled].focus,
fieldset[disabled] .page_paiement .contenu .bouton .submit.focus,
fieldset[disabled] .formulaire_paiement .bouton .submit.focus {
  background-color: #de1e36;
  border-color: #c81b31;
}
.page_paiement .contenu .bouton .submit .badge,
.formulaire_paiement .bouton .submit .badge {
  color: #de1e36;
  background-color: #ffffff;
}
.page_paiement .contenu .bouton .submit:focus,
.formulaire_paiement .bouton .submit:focus,
.page_paiement .contenu .bouton .submit.focus,
.formulaire_paiement .bouton .submit.focus {
  color: #ffffff;
  background-color: #b1182b;
  border-color: #6e0f1b;
}
.page_paiement .contenu .bouton .submit:hover,
.formulaire_paiement .bouton .submit:hover {
  color: #ffffff;
  background-color: #b1182b;
  border-color: #a81729;
}
.page_paiement .contenu .bouton .submit:active,
.formulaire_paiement .bouton .submit:active,
.page_paiement .contenu .bouton .submit.active,
.formulaire_paiement .bouton .submit.active,
.open > .dropdown-toggle.page_paiement .contenu .bouton .submit,
.open > .dropdown-toggle.formulaire_paiement .bouton .submit {
  color: #ffffff;
  background-color: #b1182b;
  border-color: #a81729;
}
.page_paiement .contenu .bouton .submit:active:hover,
.formulaire_paiement .bouton .submit:active:hover,
.page_paiement .contenu .bouton .submit.active:hover,
.formulaire_paiement .bouton .submit.active:hover,
.open > .dropdown-toggle.page_paiement .contenu .bouton .submit:hover,
.open > .dropdown-toggle.formulaire_paiement .bouton .submit:hover,
.page_paiement .contenu .bouton .submit:active:focus,
.formulaire_paiement .bouton .submit:active:focus,
.page_paiement .contenu .bouton .submit.active:focus,
.formulaire_paiement .bouton .submit.active:focus,
.open > .dropdown-toggle.page_paiement .contenu .bouton .submit:focus,
.open > .dropdown-toggle.formulaire_paiement .bouton .submit:focus,
.page_paiement .contenu .bouton .submit:active.focus,
.formulaire_paiement .bouton .submit:active.focus,
.page_paiement .contenu .bouton .submit.active.focus,
.formulaire_paiement .bouton .submit.active.focus,
.open > .dropdown-toggle.page_paiement .contenu .bouton .submit.focus,
.open > .dropdown-toggle.formulaire_paiement .bouton .submit.focus {
  color: #ffffff;
  background-color: #921423;
  border-color: #6e0f1b;
}
.page_paiement .contenu .bouton .submit:active,
.formulaire_paiement .bouton .submit:active,
.page_paiement .contenu .bouton .submit.active,
.formulaire_paiement .bouton .submit.active,
.open > .dropdown-toggle.page_paiement .contenu .bouton .submit,
.open > .dropdown-toggle.formulaire_paiement .bouton .submit {
  background-image: none;
}
.page_paiement .contenu .bouton .submit.disabled:hover,
.formulaire_paiement .bouton .submit.disabled:hover,
.page_paiement .contenu .bouton .submit[disabled]:hover,
.formulaire_paiement .bouton .submit[disabled]:hover,
fieldset[disabled] .page_paiement .contenu .bouton .submit:hover,
fieldset[disabled] .formulaire_paiement .bouton .submit:hover,
.page_paiement .contenu .bouton .submit.disabled:focus,
.formulaire_paiement .bouton .submit.disabled:focus,
.page_paiement .contenu .bouton .submit[disabled]:focus,
.formulaire_paiement .bouton .submit[disabled]:focus,
fieldset[disabled] .page_paiement .contenu .bouton .submit:focus,
fieldset[disabled] .formulaire_paiement .bouton .submit:focus,
.page_paiement .contenu .bouton .submit.disabled.focus,
.formulaire_paiement .bouton .submit.disabled.focus,
.page_paiement .contenu .bouton .submit[disabled].focus,
.formulaire_paiement .bouton .submit[disabled].focus,
fieldset[disabled] .page_paiement .contenu .bouton .submit.focus,
fieldset[disabled] .formulaire_paiement .bouton .submit.focus {
  background-color: #de1e36;
  border-color: #de1e36;
}
.page_paiement .contenu .bouton .submit .badge,
.formulaire_paiement .bouton .submit .badge {
  color: #de1e36;
  background-color: #ffffff;
}
/* -------------- PAGE PANIER -------------- */
.page_panier .contenu .btn,
.page_panier .contenu .formulaire_spip form button.submit {
  font-size: 18px;
  padding: 0.4em 2%;
}
.page_panier .contenu .btn-prev {
  float: left;
}
.page_panier .contenu .btn-fleche {
  float: right;
}
.page_panier .contenu .formulaire_panier {
  margin-bottom: 2em;
}
.page_panier .contenu .formulaire_panier thead th,
.page_panier .contenu .formulaire_panier td {
  font-size: 16px;
}
.page_panier .contenu .formulaire_panier thead th {
  font-weight: 600;
}
.page_panier .contenu .formulaire_panier thead #panier_quantite {
  text-align: center;
}
.page_panier .contenu .formulaire_panier input.quantite {
  padding: 0;
}
.page_panier .contenu .formulaire_panier .quantite {
  text-align: center;
}
.page_panier .contenu .formulaire_panier .quantite .btn_supprimer {
  padding-top: .1em;
}
.page_panier .contenu .formulaire_panier .quantite .btn_supprimer span {
  font-size: 13px;
}
.page_panier .contenu .formulaire_panier .quantite .quantite-groupe {
  justify-content: center;
  padding-top: 1em;
}
.page_panier .contenu .formulaire_panier .quantite .btn:hover {
  color: #165ba4;
}
.page_panier .contenu .formulaire_panier .panier-vide {
  padding: 15px;
  margin-top: 24px;
  border: 1px solid transparent;
  font-size: 16px;
  text-align: center;
  border-radius: 0.2em;
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
  overflow: hidden;
  min-width: 10%;
}
@keyframes urgence {
  0% {
    margin-bottom: -1000px;
    opacity: 0;
  }
  10% {
    margin-bottom: -1000px;
    opacity: 0;
  }
  10% {
    margin-bottom: 0;
    opacity: 100;
  }
}
body .alerte_urgence {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #165ba4;
  font-size: 18px;
  color: #fff;
  z-index: 999999;
  padding: 1em 0.7em 2em;
  text-align: center;
  animation: urgence 25s 1;
}
body .alerte_urgence a,
body .alerte_urgence .cnt,
body .alerte_urgence .desc,
body .alerte_urgence .lls {
  color: #fff;
}
body .alerte_urgence h3.spip {
  text-transform: uppercase;
  font-size: 1.6em;
  text-align: center;
  color: #fff;
  line-height: 1.2em;
  margin: 0.3em 1em;
  display: block;
}
body .alerte_urgence p {
  line-height: 1.4em;
}
body .alerte_urgence .lls {
  margin-top: .7em;
  text-align: center;
  text-decoration: underline;
  font-weight: 400;
}
body .alerte_urgence .fermer {
  margin-top: -.5em;
}
#debug-nav {
  line-height: 16px;
}
/*  */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('https://snes.c-real.fr/squ/squelettes/css/bootstrapleger/fonts/glyphicons-halflings-regular.eot');
  src: url('https://snes.c-real.fr/squ/squelettes/css/bootstrapleger/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://snes.c-real.fr/squ/squelettes/css/bootstrapleger/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('https://snes.c-real.fr/squ/squelettes/css/bootstrapleger/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://snes.c-real.fr/squ/squelettes/css/bootstrapleger/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://snes.c-real.fr/squ/squelettes/css/bootstrapleger/fonts/glyphicons-halflings-regular.svg#n-font-svg-id') format('svg');
}
/*  */
body {
  background-color: #fff;
  font-size: 1.1em;
  line-height: 1.2em;
  color: #221F1F;
  font-family: 'Roboto', Geneva, Verdana, sans-serif;
  background-clip: padding-box;
}
.page {
  text-align: left;
  background-color: transparent;
  font-size: 16px;
  margin-bottom: 0;
}
.page .content {
  position: relative;
  min-height: 440px;
}
.container {
  text-align: center;
  overflow: visible;
}
.container .row {
  overflow: hidden;
  min-width: 51%;
}
/*  */
.navsup {
  min-height: 38px;
  text-align: center;
  padding: 8px;
  border: 0;
}
.navsup .contact {
  background: url(//snes.c-real.fr/sites/snes.c-real.fr/local/cache-css/) 6px 16px no-repeat;
  padding-left: 22px;
}
.navsup .btsearch .deplie {
  padding: 0;
  outline: 0;
}
.navsup li > a {
  color: #373939;
}
.navsup li > a:hover {
  color: #165ba4;
}
.navsup li > a:hover img {
  opacity: 80;
  filter: alpha(opacity=8000);
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.navsup .nav {
  text-align: right;
}
.navsup .nav.pull-right {
  width: 60%;
}
.navsup .nav li a {
  padding: .5em .0em .3em;
}
.navsup .nav li.pp {
  background: url(//snes.c-real.fr/sites/snes.c-real.fr/local/cache-css/) 8px 11px no-repeat;
  padding-left: 31px;
}
.navsup .nav li.pp a {
  padding-bottom: .3em;
}
.navsup .nav .icones li a {
  padding: .6em 0 0 10px;
}
.navsup .nav .icones .btico a {
  padding: 3px 3px 0 11px;
}
.navsup .nav .icones .btico ~ .btico a {
  padding: 0.3em 3px 0 0px;
}
.navsup .formvisible {
  background-color: #f8f7f7;
  max-height: 49px;
}
.navsup .active > a {
  background-color: transparent;
  box-shadow: none;
  font-weight: 600;
}
.header {
  background-position: center center;
  z-index: 1000;
  background-color: #165ba4;
  width: 100%;
  overflow: hidden;
  padding: 0 0 0;
}
.header .interieur {
  padding-left: 0;
  padding-right: 0;
}
.header .interieur .logo {
  text-indent: -9999px;
  background: transparent url('//snes.c-real.fr/sites/snes.c-real.fr/local/cache-css/') center;
  background-size: cover;
  z-index: 5;
  position: relative;
  height: 212px;
  width: 403px;
  float: left;
  margin: 0;
}
.header .formvisible #formulaire_recherche {
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999);
}
.header .formvisible #formulaire_recherche form {
  width: auto;
  background-color: transparent;
  border: 0px solid #fff;
}
.header .formvisible #formulaire_recherche form .text {
  border-radius: 0;
  border: 0 solid #fff;
  text-transform: uppercase;
}
.header .formvisible #formulaire_recherche form .btn {
  box-shadow: 0 0 rgba(0, 0, 0, 0);
  border: 0 solid #fff;
  color: #fff;
}
.header .menu-liste {
  padding: 0;
}
.header .menu-liste ul {
  margin: 0 auto;
  height: 45px;
}
.header .menu-toggle,
.nav-collapse .menu-toggle,
.navsup .menu-toggle {
  height: 40px;
  background-image: url(//snes.c-real.fr/sites/snes.c-real.fr/local/cache-css/);
  background-repeat: no-repeat;
  display: none;
  padding-left: 45px;
  width: 100%;
  text-align: left;
  cursor: pointer;
  background-color: #D9D9D9;
  color: #333;
}
.header .menu-toggle span,
.nav-collapse .menu-toggle span,
.navsup .menu-toggle span {
  padding-top: 10px;
  display: inline-block;
}
.header ul,
.nav-collapse ul,
.navsup ul {
  position: relative;
}
.header li,
.nav-collapse li,
.navsup li {
  position: relative;
  display: inline-block;
  height: 45px;
  vertical-align: top;
  text-align: center;
}
.header li a,
.nav-collapse li a,
.navsup li a,
.header li span,
.nav-collapse li span,
.navsup li span {
  display: block;
  padding: 15px 0px 14px 24px;
  color: #FFF;
  text-align: left;
  font: 300 1.2em/100% 'Roboto', Geneva, Verdana, sans-serif;
  line-height: 1.2em;
}
.header li a.glyphicon,
.nav-collapse li a.glyphicon,
.navsup li a.glyphicon,
.header li span.glyphicon,
.nav-collapse li span.glyphicon,
.navsup li span.glyphicon {
  font-family: 'Glyphicons Halflings';
  padding: 0;
}
.header li li,
.nav-collapse li li,
.navsup li li {
  display: block;
  margin-bottom: 5px;
  width: auto;
  background: none;
  font-size: 14px;
  height: inherit;
  font-family: 'Roboto', Geneva, Verdana, sans-serif;
}
.header li li a,
.nav-collapse li li a,
.navsup li li a {
  padding: 5px 10px 5px 20px;
  width: 170px;
  text-align: left;
  text-transform: none;
  font-size: 14px;
}
.header ul ul,
.nav-collapse ul ul,
.navsup ul ul {
  position: absolute;
  top: 45px;
  left: 0;
  z-index: 100;
  display: none;
  margin: 0;
  width: auto;
  height: auto;
  background-color: #fff;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}
.header ul ul a:hover,
.nav-collapse ul ul a:hover,
.navsup ul ul a:hover {
  color: #A0171F;
}
.header .header_fond .gauche,
.nav-collapse .header_fond .gauche,
.navsup .header_fond .gauche {
  width: 10.5%;
}
.header li#header_titre,
.nav-collapse li#header_titre,
.navsup li#header_titre {
  position: absolute;
  left: 50%;
  width: 33.33%;
  transform: translate(-50%, 0);
}
.nav-collapse .ssmenu ul li {
  padding: 0.4em 0em;
}
/*  */
div sup.typo_exposants {
  font-size: 50%;
}
/*  */
.rouge {
  color: #de1e36;
}
.vert {
  color: #32ac6f;
}
.bleu {
  color: #165ba4;
}
.jaune {
  color: #fcc225;
}
/*  */
a {
  color: #165ba4;
}
a:hover {
  color: #0d3661;
}
a .cnt,
a .desc {
  color: #000;
}
.lls {
  padding-bottom: .5em;
  font-weight: 500;
  padding-right: 20px;
  color: #000;
  display: block;
  margin-top: 2em;
}
/*  */
.grotit {
  font-size: 2.2em;
  text-transform: uppercase;
  margin: 0 0 .8em;
}
.grotit.violet {
  border-color: #894299;
}
.grotit.orange {
  border-color: #ff7f00;
}
.grotit.vert {
  border-color: #32ac6f;
}
.grotit:first-letter {
  text-transform: uppercase;
}
.intertit {
  font-size: 1.8em;
  font-weight: 600;
  margin: 0.4em 0 .5em;
}
.frise {
  background-color: #f8f7f7;
  text-align: center;
  padding: 2em 0 0;
  margin-top: 3em;
  margin-bottom: 3em;
}
.frise .grotit {
  font-size: 2.4em;
}
.tit_doubleliseret {
  text-align: left;
  margin: 0 0 1em;
  position: relative;
  border-bottom: 8px solid #f8f7f7;
  padding-bottom: 0.4em;
  font-size: 2.3em;
  color: #373939;
  background: #fff;
  color: #000;
  font-weight: 300;
  padding: 0 0 0.4em;
  width: auto;
  line-height: .9em;
}
.tit_doubleliseret a {
  color: #262727;
  padding-bottom: 0;
}
.tit_doubleliseret:after {
  content: '';
  width: 92vw;
  display: block;
  border-bottom: 1px solid #585a5b;
  float: left;
  margin-top: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
/*  */
/* ------- GENERAL ------- */
.item {
  overflow: hidden;
  min-width: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.item .surtit {
  font-weight: 500;
  margin-bottom: .8em;
  text-transform: uppercase;
}
.item .entourelogo {
  text-align: center;
  margin-bottom: 1.4em;
}
.item .auteur {
  font-style: italic;
}
.item .auteur a {
  color: #000;
  font-style: italic;
  font-size: 1em;
  display: inline-block;
}
.item:before,
.item:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*  UTILE pour les descriptifs mis en forme : Fonction pour adapter du texte formaté spip dans une balise */
/**/
.content .item .cnt p,
.content .item .desc p,
.content .chapo p {
  margin: 0 0 0.5em;
}
.content .item .cnt p:last-of-type,
.content .item .desc p:last-of-type,
.content .chapo p:last-of-type {
  margin-bottom: 0;
}
.content .item .cnt sc,
.content .item .desc sc,
.content .chapo sc {
  font-variant: small-caps;
}
.content .item .cnt h3.spip,
.content .item .desc h3.spip,
.content .chapo h3.spip,
.content .item .cnt h4.spip,
.content .item .desc h4.spip,
.content .chapo h4.spip {
  font-size: 1.4em;
  margin-bottom: .3em;
}
.content .item .cnt h4.spip,
.content .item .desc h4.spip,
.content .chapo h4.spip {
  margin: .4em 0;
}
.content .item .cnt h5.spip,
.content .item .desc h5.spip,
.content .chapo h5.spip {
  font-size: .9em;
  margin: 0.2em 0 0.1em;
}
.content .item .cnt ul.spip,
.content .item .desc ul.spip,
.content .chapo ul.spip,
.content .item .cnt ol.spip,
.content .item .desc ol.spip,
.content .chapo ol.spip {
  margin: 0 0 0.3em 0.4em;
}
.content .item .cnt ul.spip,
.content .item .desc ul.spip,
.content .chapo ul.spip {
  list-style: none;
  position: relative;
  margin: 0;
  padding-left: 0;
}
.content .item .cnt ul.spip li,
.content .item .desc ul.spip li,
.content .chapo ul.spip li {
  padding: .1em 0 .3em .8em;
  line-height: 140%;
  margin-bottom: .3em;
  position: relative;
}
.content .item .cnt ul.spip li:before,
.content .item .desc ul.spip li:before,
.content .chapo ul.spip li:before {
  content: " ";
  background-color: #165ba4;
  top: 0.1em;
  width: 0.5em;
  height: .5em;
  left: 0px;
  position: absolute;
  margin: 0.6em .1em 0 0;
  border-radius: 50%;
}
.content .item .cnt ol.spip li,
.content .item .desc ol.spip li,
.content .chapo ol.spip li {
  margin: 0 0 1.2em .3em;
}
.content .item .cnt ol.spip li:before,
.content .item .desc ol.spip li:before,
.content .chapo ol.spip li:before {
  padding: 0.1em 0.5em 0 0.7em;
  margin-top: -1.15em;
  line-height: 150%;
  font-size: .9em;
}
.content .item .cnt .spip_out,
.content .item .desc .spip_out,
.content .chapo .spip_out,
.content .item .cnt .spip_glossaire,
.content .item .desc .spip_glossaire,
.content .chapo .spip_glossaire,
.content .item .cnt .spip_in,
.content .item .desc .spip_in,
.content .chapo .spip_in {
  font-size: .95em;
}
.content .item .cnt .spip_out,
.content .item .desc .spip_out,
.content .chapo .spip_out,
.content .item .cnt .spip_glossaire,
.content .item .desc .spip_glossaire,
.content .chapo .spip_glossaire {
  background-position: 0.5em 0.4em;
}
.content .item .cnt .caractencadre-spip,
.content .item .desc .caractencadre-spip,
.content .chapo .caractencadre-spip {
  font-size: .95em;
  padding: 0.1em 0.2em;
}
.content .item .cnt .cs_blocs,
.content .item .desc .cs_blocs,
.content .chapo .cs_blocs {
  float: none;
  width: 100%;
  padding: 0;
  margin-bottom: 0;
  border-left: 0 solid #458;
}
.content .item .cnt .cs_blocs .blocs_titre,
.content .item .desc .cs_blocs .blocs_titre,
.content .chapo .cs_blocs .blocs_titre {
  font-size: 1.2em;
}
.content .item .cnt .cs_blocs .blocs_titre:before,
.content .item .desc .cs_blocs .blocs_titre:before,
.content .chapo .cs_blocs .blocs_titre:before {
  top: -.05em;
  padding: .4em;
}
/* ------- SEULEMENT TITRE ET LOGO ------- */
.liste-titrelogo {
  display: flex;
  flex-flow: row wrap;
  text-align: left;
  min-width: 1%;
}
.liste-titrelogo .item {
  padding-top: 0;
  position: relative;
  font-size: 1.4em;
  overflow: hidden;
  display: block;
}
.liste-titrelogo .item .legende {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 4.5em;
  border-bottom: 3px solid #fff;
  background-size: cover;
  line-height: 1.2em;
  font-size: 1.2em;
  background-color: #165ba4;
  transition-duration: .5s;
}
.liste-titrelogo .item .legende .surtit {
  line-height: 1.3em;
  font-weight: 300;
  text-transform: none;
  margin: 0;
  display: block;
  color: #fff;
}
.liste-titrelogo .item .legende .tit {
  color: #fff;
  display: block;
  font-weight: 500;
  line-height: 1.2em;
}
.liste-titrelogo .item .logo {
  min-width: 100%;
  display: block;
  margin-top: 4.5em;
  overflow: hidden;
  transition: .5s;
}
.liste-titrelogo .item .logo img {
  transition: .5s;
}
.liste-titrelogo .item .desc {
  display: none;
}
.liste-titrelogo .item a:hover img {
  max-width: 110% !important;
  margin-left: -5%;
}
/* ------- EVENEMENTS ------- */
.item-evt {
  text-align: left;
  margin-bottom: 1em;
}
.item-evt .date {
  font-weight: 400;
  font-size: 1.4em;
  line-height: 1.2;
  margin-bottom: 8px;
  display: block;
}
.item-evt .couleur {
  border-left: 5px solid #165ba4;
}
.item-evt .couleur > * {
  margin-left: 14px;
}
.item-evt .couleur .stit {
  background-color: #165ba4;
  text-transform: uppercase;
  color: #fff;
  font-size: 1em;
  margin-left: 0;
  padding: 0.3em 0.6em 0.3em 0.3em;
  display: inline-block;
}
.item-evt .couleur .tit {
  font-size: 1.3em;
  line-height: 107%;
  font-weight: 600;
  margin-bottom: 0.4em;
  margin-top: 0.4em;
}
.item-evt .couleur .introduction {
  color: #585a5b;
  font-size: .9em;
  font-weight: 400;
}
.item-evt .couleur .introduction p {
  margin-bottom: .5em;
}
.item-evt .couleur .introduction h3 {
  margin-bottom: .5em;
}
.item-evt .couleur .lienlieu {
  display: block;
}
.item-evt .lls {
  margin-top: .5em;
}
/* ------- VIDEO ------- */
.content .item-video {
  text-align: left;
}
.content .item-video .tit {
  font: 700 1.5em 'Roboto', Geneva, Verdana, sans-serif;
}
.content .item-video .btn,
.content .item-video .lls {
  text-transform: none;
  font-size: 600 0.9em 'Roboto', Geneva, Verdana, sans-serif;
  margin-top: 1em;
}
.content .item-video .lls:after {
  content: "\e259";
}
.content .item-video .lls::after {
  font-family: 'Glyphicons Halflings';
  color: #165ba4;
  vertical-align: top;
  margin-left: .3em;
}
.content .item-video .bt-play {
  position: absolute;
  transform-origin: 50%;
  top: 50%;
  left: 50%;
  transform: translatex(-50%) translatey(-50%);
}
.content .item-video .btcache:after {
  content: "\e260";
}
.content .item-video .btcache::after {
  font-family: 'Glyphicons Halflings';
}
.content .item-video .mediainterieur {
  max-height: 65%;
  transition: .5s;
}
.content .item-video .mediainterieur img {
  width: 100%;
}
.content .item-video .mediainterieur svg {
  width: 100%;
  height: auto;
  overflow: visible;
}
.content .item-video .mediainterieur svg .fill_site {
  stroke: #fff;
  stroke-width: 3px;
}
.content .item-video .mediainterieur iframe {
  padding-bottom: 0;
}
.content .item-video .btcache {
  margin: 0;
}
/* ------- BREVE ------- */
.item-breve .article h3.spip {
  font-size: 1.5em;
  margin-bottom: 0.4em;
  padding: 0 0 0.15em;
  width: 93%;
  margin-top: 0;
}
/* ------- Documents ------- */
.credits {
  text-transform: none;
  font-size: 0.7em;
  line-height: 1.5em;
  font-weight: 300;
  font-style: italic;
}
.liste-doc > .row {
  display: flex;
}
.liste-doc .spip_logo {
  width: 100%;
  height: auto;
  margin: 0 0 .3em;
}
.liste-doc .item {
  background: #f8f7f7;
  padding: 0.6em 0.4em 0.6em;
  border-radius: 0.2em;
  margin-bottom: 1.1em;
}
.liste-doc .item .tit {
  padding: 0.6em;
  font-size: 1em;
  margin-top: 0;
  text-align: center;
}
.liste-doc .coldroite {
  margin-top: .2em;
}
.liste-doc.galerie .grotit-doc {
  margin-bottom: 1.1em;
}
.liste-doc.galerie .item {
  padding: 0;
}
.liste-doc.galerie .entourelogo {
  width: 100%;
  margin-bottom: 40px;
}
.liste-doc.galerie .hasbox {
  position: relative;
  transition: .5s;
}
.liste-doc.galerie .hasbox::after {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('https://snes.c-real.fr/squ/squ-z/ergo/agrandir.png');
  background-size: 40%;
  -webkit-animation: 0.5s;
  -o-animation: 0.5s;
  animation: 0.5s;
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  width: 40%;
  height: 40%;
  display: block;
  position: absolute;
  top: 30%;
  left: 30%;
  z-index: 20;
}
.liste-doc.galerie .hasbox:hover {
  opacity: .8;
}
.liste-doc.galerie .hasbox:hover img {
  background-color: #165ba4;
}
.liste-doc.galerie .hasbox:hover::after {
  background-size: 50%;
}
#contenu .liste-doc.galerie .spip_logo,
.contenu .liste-doc.galerie .spip_logo {
  margin: 0;
}
/* ------- MOTS ------- */
.liste-mot {
  background: #f8f7f7;
  overflow: hidden;
  margin-bottom: 3em;
  padding: 1em 1em .3em;
}
.liste-mot .tit-mot,
.liste-mot .mc {
  display: inline-block;
}
.liste-mot .tit-mot {
  font-size: 1.2em;
  font-weight: 500;
  margin: 0 .3em 0 0.3em;
  text-transform: uppercase;
  color: #373939;
  line-height: 160%;
  vertical-align: middle;
}
.liste-mot .mc {
  background: #fff;
  padding: 0.5em 0.7em .4em;
  margin: 0 .7em .7em 0;
  border-radius: .2em;
  text-transform: uppercase;
}
.liste-mot .mc:hover {
  background-color: #165ba4;
  color: #fff !important;
}
/*  */
.ancrepagin,
.comment.hreview > a,
a[name="ajax_ancre"],
a[name*="pagination"] {
  position: relative;
  top: -292px;
}
/*  */
/*  */
.notes > div {
  position: relative;
  top: -292px;
}
.notes > div p {
  position: relative;
  top: 292px;
}
.spip_note_ref a {
  position: relative;
  padding-top: 292px;
}
/*  */
/*  */
.owl-carousel {
  margin-bottom: 4em;
}
.owl-carousel .item {
  border-bottom: 4px solid #165ba4;
  margin-top: 1em;
}
.owl-carousel .item .logo img {
  height: auto;
}
.owl-carousel .item .legende {
  position: absolute;
  bottom: -2px;
  left: 0;
  display: block;
  width: 60%;
  text-align: center;
  padding: 2% 20% 1%;
  font-size: 1.2em;
}
.owl-carousel .item .legende .tit {
  font-size: 2em;
  line-height: 1.2;
  margin: .1em 0;
}
.owl-carousel .item .legende .desc {
  font-size: 1.3em;
  line-height: 140%;
  font-weight: 400;
  color: #000;
  padding-bottom: 1%;
}
.owl-carousel .item .legende .desc * {
  color: #000;
}
.owl-carousel .owl-next,
.owl-carousel .owl-prev {
  height: 80px;
  margin-top: -20px;
  font-weight: 100;
  color: #000;
  border: 0 solid #ffffff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  background: transparent url('https://snes.c-real.fr/squ/sites/adapt_snes/ergo/svg/fleche.svg') center bottom no-repeat;
  opacity: 100;
  filter: alpha(opacity=10000);
  opacity: 1;
  filter: alpha(opacity=100);
}
.owl-carousel .owl-next:hover,
.owl-carousel .owl-prev:hover {
  opacity: 80;
  filter: alpha(opacity=8000);
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.owl-carousel .owl-prev {
  left: -4.5%;
}
.owl-carousel .owl-next {
  right: -4.5%;
}
.owl-dots .owl-dot span {
  width: 14px;
  height: 14px;
  background-color: #000;
}
.owl-dots .owl-dot:hover span,
.owl-dots .owl-dot.active span {
  background-color: #165ba4;
}
/*  */
.contenu {
  text-align: left;
  font-weight: 400;
  position: inherit;
  margin-top: 0;
  line-height: 160%;
}
.contenu p {
  margin-top: 0;
  margin-bottom: 1em;
  line-height: 140%;
}
/*  */
.asidedroite .grotit {
  background: #165ba4;
  color: #fff;
  font-weight: 500;
  width: 100%;
  font-size: 1.5em;
  line-height: 1.2em;
  text-transform: none;
  padding: 0.4em .5em .3em;
}
.asidedroite .grotit a {
  color: #fff;
}
.asidedroite .encartcompte .item {
  margin-bottom: 1.8em;
  padding: 1em;
  background: #f5f5f5;
}
.asidedroite .encartcompte .item .champ {
  margin-bottom: .4em;
}
.asidedroite .encartcompte .item .label {
  display: inline-block;
  border-bottom: 3px solid #bacbcc;
  margin-right: 0.3em;
  font-weight: 600;
}
.asidedroite .encartcompte .item ul.nav {
  padding: 0;
  list-style: none;
}
.asidedroite .encartcompte .item ul.nav .btico {
  margin-bottom: .5em;
}
.asidedroite .encartcompte .grotit {
  padding: 0.6em 4%;
}
.asidedroite .liste-doc .tit {
  text-align: left;
  padding: .2em 0 0.3em;
  font-size: 1.1em;
  color: #000;
}
.asidedroite .liste-doc .spip_logo {
  margin-top: .25em;
}
.asidedroite .liste-doc .extension {
  margin: 0 0 0.5em;
}
.asidedroite .icones img,
.asidedroite .nav img,
.asidedroite .btico img {
  max-width: 22px;
}
.encart > .item {
  padding: 1em;
}
.encart > .item ul.nav {
  padding: 0;
  list-style: none;
}
.encart > .item ul.nav li {
  margin-bottom: .5em;
  display: block;
  width: 100%;
}
/*  */
.chemin {
  margin-bottom: .3em;
}
.chemin .item-chemin {
  color: #373939;
  font-weight: 400;
}
.chemin .item-chemin::before {
  content: ">";
  display: inline-block;
  margin: 0 .5em .2em;
  color: #165ba4;
  vertical-align: middle;
}
.chemin .item-chemin:hover {
  color: #165ba4;
}
.chemin a:hover {
  background-color: transparent;
  text-decoration: underline;
}
.chemin a.item-chemin:first-of-type {
  position: relative;
}
.chemin a.item-chemin:first-of-type::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.chemin a.item-chemin:first-of-type:before {
  content: "\f424";
}
.chemin a.item-chemin:first-of-type::before {
  font-size: 0.85em;
  vertical-align: baseline;
  line-height: 1em;
  margin-right: 1em;
  color: #d3d3d3;
}
.chemin a.item-chemin:first-of-type:hover::before {
  color: #165ba4;
}
/*  */
.chapo {
  margin-bottom: .6em;
  font-weight: 500;
  font-size: 1.4em;
}
.chapo p {
  margin-top: 0;
}
.chapo p + p {
  margin-top: .6em;
}
.chapo h3 {
  margin: 1.5em 0 1em;
  font-weight: 600;
  font-size: 1.6em;
}
.intro {
  margin-bottom: 2em;
  overflow: hidden;
}
.intro .grosurtit,
.intro .grosoustit {
  text-align: left;
  font-weight: 400;
  color: #000;
  font-size: 2.3em;
}
.intro .grosurtit {
  margin-top: .7em;
}
.intro .grotit {
  font-size: 3.2em;
  font-weight: 600;
}
.intro .chapo {
  margin-bottom: 1.8em;
  text-align: left;
}
/*  */
.laliste .filtre {
  margin: 2em -100%;
  width: 300%;
}
.laliste .filtre .select-design {
  display: inline-block;
}
.laliste .filtre .select-design .titselect {
  width: auto;
  font-weight: 500;
}
.laliste .filtre .select-design select {
  max-width: 15em;
  padding: 0.1em .8em;
  border-radius: 0.2em 0 0 .2em;
  border: 1px solid #165ba4;
  height: 2.4em;
  font-size: 0.9em;
  display: inline-block;
  min-width: 14em;
}
.laliste .date {
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1.2;
  margin-bottom: 0;
  display: block;
}
.laliste .item {
  text-align: left;
  margin-bottom: 2em;
  clear: none;
}
.laliste .item .spip_logos {
  margin: 0 1.5em 0 0;
}
.laliste .spip_logos {
  border-bottom: 0px solid #fff;
}
.laliste .item-site .tit a {
  font-size: 1.1em;
}
.laliste .item-site .spip_logo {
  margin: .3em auto .5em;
  text-align: center;
  width: auto;
  padding: 10%;
  max-height: 200px;
  height: auto;
  float: none;
}
.laliste .item-site .centre .liensite {
  background-color: #f8f7f7;
  padding: 0.2em 0.6em 0.3em;
  margin: 1.1em 0 0;
  text-align: center;
  font-style: italic;
  font-weight: 600;
  font-size: .9em;
  display: inline-block;
}
.content .titagenda {
  background: #165ba4;
  color: #fff;
  padding: 0.5em .8em .6em;
  font-size: 1.8em;
  margin-bottom: 0;
}
.content .titagenda a {
  color: #fff;
}
.spip_modele {
  display: block;
  float: right;
  width: 25%;
  border: 1px dotted #666;
}
/*  */
/*  */
/* -------- Exemple : listes d'événements sous articles -------- */
.page_type_contenu .asidedroite {
  overflow: hidden;
}
.page_type_contenu .asidedroite .encart {
  background: #f8f7f7;
  padding: .1em 1em 1em;
  max-width: 100%;
  margin-bottom: 2em;
}
.page_type_contenu .asidedroite .encart .date {
  font-size: 1.5em;
  font-weight: 600;
  margin: 0.6em 0 0.7em 0;
  padding: 0;
  display: block;
  background-color: transparent;
  border: 0 solid transparent;
}
.page_type_contenu .asidedroite .encart .icones,
.page_type_contenu .asidedroite .encart .nav {
  vertical-align: middle;
}
.page_type_contenu .asidedroite .encart .icones img,
.page_type_contenu .asidedroite .encart .nav img {
  max-width: 22px;
  margin-right: 0.3em;
  vertical-align: middle;
}
.page_type_contenu .asidedroite .encart h3 {
  font-weight: 600;
  margin: 0.7em 0 0.3em;
  border-bottom: 3px solid #ccc;
  display: table;
  font-size: 1.2em;
  clear: both;
  padding-bottom: 0.2em;
}
.page_type_contenu .asidedroite .encart p {
  margin: 0;
}
.page_type_contenu .asidedroite .encart .labeur p {
  margin-bottom: .7em;
}
.page_type_contenu .asidedroite .encart ul.spip li {
  padding-top: 0;
}
/*  */
.content .article .soustit {
  color: #0d3661;
  margin: 0 0 1.3em;
  font-size: 2.2em;
}
.content .article .texte {
  margin-bottom: 4em;
}
.content .article .logo_article {
  margin-bottom: 1.2em;
}
.content .article .liste-doc .grotit-doc {
  margin-bottom: 1em;
}
.content .article,
.mep_article {
  /*  */
  /* --------- mixins --------- */
  /*--------------- Texte spip --------------*/
  /*--------------- Marges   --------------*/
  /* --------- Titres --------- */
  /*--------------- Marges   --------------*/
  /*--------------- Listes   --------------*/
  /*--------------- Liens  --------------*/
  /*--------------- Mise en forme de caractères  --------------*/
  /*--------------- Mise en forme de paragraphes  --------------*/
  /*--------------- Encadrés  --------------*/
  /*--------------- Filets et tableaux  --------------*/
  /* -------- Tableaux ------- */
  /*--------------- Formulaires  --------------*/
  /* ---- Notes ---- */
  /* ---- Documents ---- */
  /* Cartes GIS */
  /* ---- Colorisation par défaut ----- */
  /* --------- Listes --------- */
  /* --------- Styles FAQ --------- */
  /* ---------- pas de marges devant les premiers éléments */
  /*  */
  /*--------------- Texte spip --------------*/
  text-align: left;
  font-family: 'Roboto', Geneva, Verdana, sans-serif;
  /* --------- Titres --------- */
  /*--------------- Listes   --------------*/
  /*--------------- Liens  --------------*/
  /*--------------- Mise en forme de caractères  --------------*/
  /*--------------- Mise en forme de paragraphes  --------------*/
  /*--------------- Encadrés  --------------*/
  /*--------------- Filets et tableaux  --------------*/
  /* -------- Tableaux ------- */
  /* ---- Notes ---- */
  /* ---- Documents ---- */
  /* --------- formidable --------- */
  /* --------- Iframe --------- */
  /* ---------- Responsive ------------ */
  /*  */
}
@font-face {
  font-display: block;
  font-family: 'bootstrap-icons';
  src: url(https://snes.c-real.fr/squ/squelettes/css/bootstrapleger/fonts/bootstrap-icons.woff2) format('woff2'), url(https://snes.c-real.fr/squ/squelettes/css/bootstrapleger/fonts/bootstrap-icons.woff) format('woff');
}
.content .article .icon,
.mep_article .icon {
  position: relative;
}
.content .article .icon::before,
.mep_article .icon::before {
  display: inline-block;
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.5em;
  font-family: bootstrap-icons !important;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
}
.content .article .icon-box-arrow-up-right:before,
.mep_article .icon-box-arrow-up-right:before,
.content .article .icon-box-fleche-bas-droite:before,
.mep_article .icon-box-fleche-bas-droite:before {
  content: "\f1c5";
}
.content .article strong,
.mep_article strong,
.content .article b,
.mep_article b {
  font-weight: 600;
}
.content .article i,
.mep_article i,
.content .article em,
.mep_article em,
.content .article .italique,
.mep_article .italique {
  font-style: italic;
}
.content .article strong i,
.mep_article strong i {
  font-weight: bold;
}
.content .article .spip_document iframe,
.mep_article .spip_document iframe {
  margin: 0;
}
.content .article a,
.mep_article a {
  line-height: 120%;
}
.content .article img,
.mep_article img {
  max-width: 100%;
  height: auto;
}
.content .article sup.typo_exposants,
.mep_article sup.typo_exposants {
  line-height: 99%;
}
.content .article sup a,
.mep_article sup a {
  font-weight: bold;
  color: #CF0911;
}
.content .article span + .autobr,
.mep_article span + .autobr {
  display: none;
}
.content .article p,
.mep_article p,
.content .article ul.spip,
.mep_article ul.spip,
.content .article ol.spip,
.mep_article ol.spip,
.content .article table,
.mep_article table,
.content .article .texteencadre-spip,
.mep_article .texteencadre-spip,
.content .article .spip_cadre,
.mep_article .spip_cadre,
.content .article .spip_code,
.mep_article .spip_code {
  margin-bottom: calc(@baseLineHeight * 1.5);
}
.content .article h2.spip,
.mep_article h2.spip,
.content .article h3.spip,
.mep_article h3.spip,
.content .article h4.spip,
.mep_article h4.spip,
.content .article h5.spip,
.mep_article h5.spip,
.content .article h6.spip,
.mep_article h6.spip,
.content .article .titre.h3,
.mep_article .titre.h3,
.content .article .titre.h4,
.mep_article .titre.h4,
.content .article .titre.h5,
.mep_article .titre.h5,
.content .article .titre.h6,
.mep_article .titre.h6 {
  line-height: 120%;
  overflow: hidden;
  hyphens: none;
  margin: .5em 0 1.1em;
  border-left: 0 solid #fff;
  font-weight: 500;
  font-style: normal;
}
.content .article h2.spip a,
.mep_article h2.spip a,
.content .article h3.spip a,
.mep_article h3.spip a,
.content .article h4.spip a,
.mep_article h4.spip a,
.content .article h5.spip a,
.mep_article h5.spip a,
.content .article h6.spip a,
.mep_article h6.spip a,
.content .article .titre.h3 a,
.mep_article .titre.h3 a,
.content .article .titre.h4 a,
.mep_article .titre.h4 a,
.content .article .titre.h5 a,
.mep_article .titre.h5 a,
.content .article .titre.h6 a,
.mep_article .titre.h6 a {
  padding: 0;
}
.content .article h2.spip font,
.mep_article h2.spip font,
.content .article h3.spip font,
.mep_article h3.spip font,
.content .article h4.spip font,
.mep_article h4.spip font,
.content .article h5.spip font,
.mep_article h5.spip font,
.content .article h6.spip font,
.mep_article h6.spip font,
.content .article .titre.h3 font,
.mep_article .titre.h3 font,
.content .article .titre.h4 font,
.mep_article .titre.h4 font,
.content .article .titre.h5 font,
.mep_article .titre.h5 font,
.content .article .titre.h6 font,
.mep_article .titre.h6 font {
  font-weight: 600;
  line-height: 120%;
  margin-left: 5px;
}
.content .article h2.spip,
.mep_article h2.spip,
.content .article .titre.h2,
.mep_article .titre.h2,
.content .article h3.spip,
.mep_article h3.spip,
.content .article .titre.h3,
.mep_article .titre.h3 {
  display: table;
  border-bottom: 3px solid #165ba4;
  margin-bottom: .8em;
  font-size: 2em;
  padding: 0 0 0.15em;
}
.content .article h2.spip font,
.mep_article h2.spip font,
.content .article .titre.h2 font,
.mep_article .titre.h2 font,
.content .article h3.spip font,
.mep_article h3.spip font,
.content .article .titre.h3 font,
.mep_article .titre.h3 font,
.content .article h2.spip font *,
.mep_article h2.spip font *,
.content .article .titre.h2 font *,
.mep_article .titre.h2 font *,
.content .article h3.spip font *,
.mep_article h3.spip font *,
.content .article .titre.h3 font *,
.mep_article .titre.h3 font * {
  font-weight: bold;
}
.content .article h4.spip,
.mep_article h4.spip,
.content .article .titre.h4,
.mep_article .titre.h4,
.content .article h5.spip,
.mep_article h5.spip,
.content .article .titre.h5,
.mep_article .titre.h5 {
  border-bottom: 1px solid #585a5b;
  margin: .7em 0;
}
.content .article h4.spip,
.mep_article h4.spip,
.content .article .titre.h4,
.mep_article .titre.h4 {
  border-bottom: 1px solid #585a5b;
  display: table;
  font: normal 500 1.8em/1.5em 'Roboto', Geneva, Verdana, sans-serif;
  padding: 4px 2px 6px 0;
}
.content .article h4.spip a,
.mep_article h4.spip a,
.content .article .titre.h4 a,
.mep_article .titre.h4 a {
  padding: 0;
}
.content .article h5.spip,
.mep_article h5.spip,
.content .article .titre.h5,
.mep_article .titre.h5 {
  display: table;
  font: normal 500 1.4em/1.65em 'Roboto', Geneva, Verdana, sans-serif;
  margin: .5em 0 1em;
  padding: .4em 0 .3em ;
  color: #262727;
  background-color: transparent;
}
.content .article h5.spip .spip_dic,
.mep_article h5.spip .spip_dic,
.content .article .titre.h5 .spip_dic,
.mep_article .titre.h5 .spip_dic {
  color: #fff;
}
.content .article h6.spip,
.mep_article h6.spip,
.content .article .titre.h6,
.mep_article .titre.h6 {
  border-bottom: 1px solid #f8f7f7;
  display: table;
  font: 500 1.2em/120% 'Roboto', Geneva, Verdana, sans-serif;
  overflow: hidden;
  padding: 3px 0 4px;
}
.content .article p,
.mep_article p,
.content .article ul.spip,
.mep_article ul.spip,
.content .article ol.spip,
.mep_article ol.spip,
.content .article table,
.mep_article table,
.content .article .texteencadre-spip,
.mep_article .texteencadre-spip,
.content .article .spip_cadre,
.mep_article .spip_cadre,
.content .article .spip_code,
.mep_article .spip_code,
.content .article .spip-block-right,
.mep_article .spip-block-right,
.content .article .spip-block-center,
.mep_article .spip-block-center {
  margin-bottom: calc(28.8px);
  font-weight: inherit;
}
.content .article p + h3.spip,
.mep_article p + h3.spip,
.content .article ul.spip + h3.spip,
.mep_article ul.spip + h3.spip,
.content .article ol.spip + h3.spip,
.mep_article ol.spip + h3.spip,
.content .article div + h3.spip,
.mep_article div + h3.spip,
.content .article table + h3.spip,
.mep_article table + h3.spip,
.content .article p + h4.spip,
.mep_article p + h4.spip,
.content .article ul.spip + h4.spip,
.mep_article ul.spip + h4.spip,
.content .article ol.spip + h4.spip,
.mep_article ol.spip + h4.spip,
.content .article div + h4.spip,
.mep_article div + h4.spip,
.content .article table + h4.spip,
.mep_article table + h4.spip,
.content .article p + h5.spip,
.mep_article p + h5.spip,
.content .article ul.spip + h5.spip,
.mep_article ul.spip + h5.spip,
.content .article ol.spip + h5.spip,
.mep_article ol.spip + h5.spip,
.content .article div + h5.spip,
.mep_article div + h5.spip,
.content .article table + h5.spip,
.mep_article table + h5.spip,
.content .article p + h6.spip,
.mep_article p + h6.spip,
.content .article ul.spip + h6.spip,
.mep_article ul.spip + h6.spip,
.content .article ol.spip + h6.spip,
.mep_article ol.spip + h6.spip,
.content .article div + h6.spip,
.mep_article div + h6.spip,
.content .article table + h6.spip,
.mep_article table + h6.spip {
  margin-top: 1.8em;
}
.content .article * .spip_dic,
.mep_article * .spip_dic {
  margin: 0 0 0 6px;
  line-height: 95%;
}
.content .article li,
.mep_article li,
.content .article p,
.mep_article p {
  line-height: 1.6em;
}
.content .article ul.spip,
.mep_article ul.spip {
  border-width: 0;
  padding-left: 0.5em;
}
.content .article ul.spip > li,
.mep_article ul.spip > li {
  padding-left: 1.2em;
  list-style: none;
  position: relative;
  padding-top: .4em;
  margin: 0 0 9px;
}
.content .article ul.spip > li::before,
.mep_article ul.spip > li::before {
  content: " ";
  display: block;
  width: 0.5em;
  height: .5em;
  position: absolute;
  border-radius: 50%;
  float: left;
  left: 0;
  top: 0.4em;
  margin: 0.5em .1em 0 0;
  background-color: #165ba4;
}
.content .article ul.spip > li,
.mep_article ul.spip > li {
  margin-left: 0;
}
.content .article ul.spip ul.spip,
.mep_article ul.spip ul.spip,
.content .article ol.spip ul.spip,
.mep_article ol.spip ul.spip,
.content .article ul.spip ol.spip,
.mep_article ul.spip ol.spip {
  margin-left: 10px;
  margin-bottom: 1.7em;
}
.content .article ul.spip ul.spip li,
.mep_article ul.spip ul.spip li,
.content .article ol.spip ul.spip li,
.mep_article ol.spip ul.spip li,
.content .article ul.spip ol.spip li,
.mep_article ul.spip ol.spip li {
  padding-top: 0.2em;
  margin: 0 0 .1em;
}
.content .article ol,
.mep_article ol {
  list-style: decimal inside !important;
}
.content .article ol.spip,
.mep_article ol.spip {
  counter-reset: repas;
  margin: 0.5em 0 1.9em 1.9em;
}
.content .article ol.spip > li,
.mep_article ol.spip > li {
  list-style-type: none;
  counter-increment: repas;
  /* on incrémente le compteur à chaque nouveau li */
  margin-bottom: 10px;
}
.content .article ol.spip li:before,
.mep_article ol.spip li:before {
  content: counter(repas);
  /* on affiche le compteur */
  padding: 2px 8px 2px;
  margin-right: 1em;
  vertical-align: top;
  background: #165ba4;
  font-weight: bold;
  font-size: 1em;
  color: white;
}
.content .article ol.spip ul li:before,
.mep_article ol.spip ul li:before {
  content: none;
}
.content .article li.spip ul.spip,
.mep_article li.spip ul.spip {
  margin: 0;
}
.content .article a.spip_out,
.mep_article a.spip_out,
.content .article a.spip_in,
.mep_article a.spip_in,
.content .article a.spip_glossaire,
.mep_article a.spip_glossaire,
.content .article p.spip_note a,
.mep_article p.spip_note a,
.content .article p.spip a,
.mep_article p.spip a,
.content .article .spip_in,
.mep_article .spip_in,
.content .article .spip_note,
.mep_article .spip_note,
.content .article .spip_dic sup,
.mep_article .spip_dic sup,
.content .article .larticle a,
.mep_article .larticle a {
  font-weight: 500;
  color: #165ba4;
}
.content .article .spip_out:hover,
.mep_article .spip_out:hover,
.content .article p.spip_note a:hover,
.mep_article p.spip_note a:hover,
.content .article p.spip a:hover,
.mep_article p.spip a:hover,
.content .article .spip_in:hover,
.mep_article .spip_in:hover,
.content .article .spip_glossaire:hover,
.mep_article .spip_glossaire:hover,
.content .article .spip_out:hover,
.mep_article .spip_out:hover {
  text-decoration: underline;
}
.content .article .spip_out,
.mep_article .spip_out {
  position: relative;
  padding-right: 0.3em;
}
.content .article .spip_out::before,
.mep_article .spip_out::before {
  display: inline-block;
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.5em;
  font-family: bootstrap-icons !important;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
}
.content .article .spip_out:before,
.mep_article .spip_out:before {
  content: "\f1c5";
}
.content .article .spip_out::before,
.mep_article .spip_out::before {
  font-size: .6em;
  vertical-align: baseline;
}
.content .article .caractencadre-spip,
.mep_article .caractencadre-spip {
  color: #de1e36;
}
.content .article .caractencadre2-spip,
.mep_article .caractencadre2-spip {
  color: #fcc225;
}
.content .article sc,
.mep_article sc,
.content .article .sc,
.mep_article .sc {
  font-variant: small-caps;
}
.content .article .spip_cadre,
.mep_article .spip_cadre,
.content .article .spip_code,
.mep_article .spip_code {
  padding: .6em 1em .7em;
  display: block;
}
.content .article code,
.mep_article code,
.content .article kbd,
.mep_article kbd,
.content .article pre,
.mep_article pre,
.content .article samp,
.mep_article samp {
  font-family: "Courier New", Courier, monospace;
}
.content .article .spip_code,
.mep_article .spip_code,
.content .article code,
.mep_article code {
  font-family: "Courier New", Courier, monospace !important;
  color: #fff;
  font-weight: 500;
  font-size: .85em;
  background-color: #f8f7f7;
  white-space: inherit;
}
.content .article kbd,
.mep_article kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #ffffff;
  background-color: #333333;
  border-radius: 0.4em;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.content .article kbd kbd,
.mep_article kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}
.content .article pre,
.mep_article pre {
  display: block;
  overflow: auto;
  padding: 11.5px;
  margin: 0 0 12px;
  font-size: 17px;
  line-height: 1.33333333;
  word-break: break-all;
  color: #373939;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 0.2em;
  /* Cf.: http://perishablepress.com/press/2010/06/01/wrapping-content/ */
  white-space: pre;
  /* CSS 2.0 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3.0 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  white-space: -moz-pre-wrap;
  /* Mozilla */
  white-space: -hp-pre-wrap;
  /* HP Printers */
  word-wrap: break-word;
  /* IE 5+ */
}
.content .article pre code,
.mep_article pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.content .article .texteencadre-spip,
.mep_article .texteencadre-spip {
  color: #fff;
  border: 0px solid #fff;
  padding: 0.6em 1em 0.8em;
}
.content .article .texteencadre-spip a,
.mep_article .texteencadre-spip a {
  color: #fff;
}
.content .article .cs_blocs,
.mep_article .cs_blocs {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd ;
  border-bottom: 1px solid #ccc;
  padding: 0.8em 0.9em;
  background-color: #e8e8e8;
  clear: both;
  background-color: #ffffff;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(180deg, #373939, #ffffff);
  background-image: -webkit-linear-gradient(180deg, #373939, #ffffff);
  background-image: -o-linear-gradient(180deg, #373939, #ffffff);
  background-image: linear-gradient(180deg, #373939, #ffffff);
}
.content .article .cs_blocs .blocs_titre,
.mep_article .cs_blocs .blocs_titre {
  font-size: 1.2em;
  background-image: none;
  padding: 0 0 0 33px;
  position: relative;
}
.content .article .cs_blocs .blocs_titre a,
.mep_article .cs_blocs .blocs_titre a {
  text-decoration: none;
  color: #165ba4;
}
.content .article .cs_blocs .blocs_titre:before,
.mep_article .cs_blocs .blocs_titre:before {
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999);
  content: url(//snes.c-real.fr/sites/snes.c-real.fr/local/cache-css/);
  transform: rotate(90deg);
  display: inline-block;
  position: absolute;
  left: 7px;
}
.content .article .cs_blocs .blocs_replie:before,
.mep_article .cs_blocs .blocs_replie:before {
  transform: rotate(0);
}
.content .article .cs_blocs:last-of-type,
.mep_article .cs_blocs:last-of-type {
  border-bottom: 1px solid #ddd;
}
.content .article .cs_blocs .blocs_destination,
.mep_article .cs_blocs .blocs_destination {
  padding: .7em 2.1em ;
}
.content .article a[href*="javascript:"],
.mep_article a[href*="javascript:"] {
  background-color: inherit;
}
.content .article a[href*="javascript:"]::before,
.mep_article a[href*="javascript:"]::before,
.content .article a[href*="javascript:"]::after,
.mep_article a[href*="javascript:"]::after {
  display: none;
}
.content .article blockquote.spip,
.mep_article blockquote.spip,
.content .article blockquote.spip_poesie,
.mep_article blockquote.spip_poesie {
  background-color: #F2F1F1;
  font-size: 1.4em;
  line-height: 144%;
  font-style: italic;
  margin: 1em 0 ;
  padding: 0.7em 1.3em 1em ;
  min-height: 40px;
  position: relative;
}
.content .article blockquote.spip p:last-of-type,
.mep_article blockquote.spip p:last-of-type,
.content .article blockquote.spip_poesie p:last-of-type,
.mep_article blockquote.spip_poesie p:last-of-type {
  margin-bottom: 0;
}
.content .article blockquote.spip,
.mep_article blockquote.spip {
  padding: 1em 3em ;
  text-align: center;
}
.content .article blockquote.spip:before,
.mep_article blockquote.spip:before {
  color: #165ba4;
  content: "«";
  font-size: 2.6em;
  left: .3em;
  position: absolute;
  top: .2em;
}
.content .article blockquote.spip:after,
.mep_article blockquote.spip:after {
  bottom: .35em;
  color: #165ba4;
  content: "»";
  font-size: 2.6em;
  position: absolute;
  right: .3em;
}
.content .article hr.spip,
.mep_article hr.spip {
  border-bottom: 1px solid #DDDDDD;
  margin: 27px 0;
}
.content .article table,
.mep_article table {
  cellpadding: 0;
  cellspacing: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
.content .article table.spip,
.mep_article table.spip,
.content .article table.spip td,
.mep_article table.spip td,
.content .article table.spip th,
.mep_article table.spip th {
  border-collapse: collapse;
  font-size: 14px;
  margin: 20px 0 25px;
  padding: 3px 10px;
  text-align: center;
}
.content .article table.spip,
.mep_article table.spip {
  width: 100%;
  display: table;
  margin: 2px 0 8px;
  border-width: 1px 1px 1px;
  border: 1px solid #165ba4;
}
.content .article table.spip th,
.mep_article table.spip th {
  color: #FFFFFF;
  font-size: 1.1em;
  font-weight: 600;
  line-height: 120%;
  padding: 8px 5px 7px;
  text-align: center;
}
.content .article table.spip th strong,
.mep_article table.spip th strong {
  margin: 4px 10px;
}
.content .article table.spip th,
.mep_article table.spip th {
  background-color: #165ba4;
}
.content .article table.spip td,
.mep_article table.spip td {
  border: 0 solid #fff;
}
.content .article table.spip .row_odd,
.mep_article table.spip .row_odd,
.content .article table.spip .odd,
.mep_article table.spip .odd {
  background-color: #fff;
}
.content .article table.spip .row_even,
.mep_article table.spip .row_even {
  background-color: #f8f7f7;
}
.content .article table.spip .row_odd:hover,
.mep_article table.spip .row_odd:hover {
  background-color: #d3d3d3;
}
.content .article table.spip .row_even:hover,
.mep_article table.spip .row_even:hover {
  background-color: #d3d3d3;
}
.content .article .boutons,
.mep_article .boutons {
  margin-top: 1.3em;
}
.content .article textarea,
.mep_article textarea {
  border: 1px solid #ddd;
}
.content .article .note,
.mep_article .note,
.content .article .notes,
.mep_article .notes {
  padding: .4em 0 .8em;
  margin: .8em 0 0;
  border-top: 1px solid #165ba4;
  display: block;
  zoom: 1;
  color: #373939;
  overflow: hidden;
  width: 100%;
  font-size: 1em;
  max-width: 100%;
}
.content .article .note .pintertitre,
.mep_article .note .pintertitre,
.content .article .notes .pintertitre,
.mep_article .notes .pintertitre {
  font-size: 1.5em;
  border-bottom: 1px solid #ddd;
  padding: 0.7em 0 0.5em;
  margin-bottom: 1.5em;
  color: #165ba4;
}
.content .article .note div > p,
.mep_article .note div > p,
.content .article .notes div > p,
.mep_article .notes div > p {
  font-weight: 400;
}
.content .article .spip_documents,
.mep_article .spip_documents {
  background: #f8f7f7;
  color: #333333;
  display: inline-block;
  padding: 0.2em;
  margin: 0 auto;
  text-align: center;
}
.content .article .spip_documents.spip_documents_left,
.mep_article .spip_documents.spip_documents_left,
.content .article .spip_documents.spip_documents_right,
.mep_article .spip_documents.spip_documents_right,
.content .article .spip_documents.spip_documents_center,
.mep_article .spip_documents.spip_documents_center {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 1em;
}
.content .article .spip_documents .spip_doc_legende,
.mep_article .spip_documents .spip_doc_legende {
  margin: 1.1em 0 0.2em;
  width: 100%;
  max-width: 100%;
}
.content .article .spip_documents .spip_doc_titre,
.mep_article .spip_documents .spip_doc_titre {
  margin: 0 17px;
  padding: 0 0 .5em;
  line-height: 1.2em;
  display: block;
}
.content .article .spip_documents .spip_doc_descriptif,
.mep_article .spip_documents .spip_doc_descriptif,
.content .article .spip_documents .spip_doc_credits,
.mep_article .spip_documents .spip_doc_credits {
  line-height: 140%;
  padding: 0;
  margin: .4em .5em 0;
}
.content .article .spip_documents .spip_doc_descriptif p,
.mep_article .spip_documents .spip_doc_descriptif p,
.content .article .spip_documents .spip_doc_credits p,
.mep_article .spip_documents .spip_doc_credits p {
  margin-bottom: 1em;
}
.content .article .spip_documents .spip_doc_descriptif p:last-of-type,
.mep_article .spip_documents .spip_doc_descriptif p:last-of-type,
.content .article .spip_documents .spip_doc_credits p:last-of-type,
.mep_article .spip_documents .spip_doc_credits p:last-of-type {
  margin-bottom: 0;
}
.content .article .spip_documents .spip_doc_credits,
.mep_article .spip_documents .spip_doc_credits {
  font-size: 0.8em;
  font-style: italic;
  font-weight: 400;
}
.content .article .spip_documents dt.spip_doc_titre + dd.spip_doc_descriptif,
.mep_article .spip_documents dt.spip_doc_titre + dd.spip_doc_descriptif {
  margin: 0 .5em 0;
}
.content .article .spip_documents.oembed_video,
.mep_article .spip_documents.oembed_video {
  margin: 5px;
  min-width: 200px;
}
.content .article .spip_documents.audio audio,
.mep_article .spip_documents.audio audio {
  margin-left: auto;
  margin-right: auto;
}
.content .article .spip_documents.spip_documents_center,
.mep_article .spip_documents.spip_documents_center {
  margin: 15px auto;
  padding: 15px;
  width: 100%;
  display: block;
  overflow: hidden;
}
.content .article .spip_documents.spip_documents_center *,
.mep_article .spip_documents.spip_documents_center * {
  text-align: center;
}
.content .article .spip_documents.spip_documents_center .spip_doc_descriptif,
.mep_article .spip_documents.spip_documents_center .spip_doc_descriptif,
.content .article .spip_documents.spip_documents_center .spip_doc_titre,
.mep_article .spip_documents.spip_documents_center .spip_doc_titre {
  width: auto !important;
}
.content .article .spip_documents.spip_documents_center .spip_doc_titre,
.mep_article .spip_documents.spip_documents_center .spip_doc_titre {
  font: 1.2em;
  margin-top: 1em;
}
.content .article .spip_documents.spip_documents_center .spip_doc_titre strong,
.mep_article .spip_documents.spip_documents_center .spip_doc_titre strong {
  line-height: 1.2em;
  display: block;
}
.content .article .spip_documents.spip_documents_left,
.mep_article .spip_documents.spip_documents_left {
  margin: .2em 4% 2.5em 0;
  float: left;
}
.content .article .spip_documents.spip_documents_right,
.mep_article .spip_documents.spip_documents_right {
  margin: .2em 0 2.5em 4%;
  float: right;
}
.content .article .spip_documents.spip_documents_left,
.mep_article .spip_documents.spip_documents_left,
.content .article .spip_documents.spip_documents_right,
.mep_article .spip_documents.spip_documents_right {
  max-width: 46%;
}
.content .article .spip_documents.spip_documents_left .oe-video,
.mep_article .spip_documents.spip_documents_left .oe-video,
.content .article .spip_documents.spip_documents_right .oe-video,
.mep_article .spip_documents.spip_documents_right .oe-video {
  float: none;
}
.content .article .spip_documents.spip_documents_center.oembed_video,
.mep_article .spip_documents.spip_documents_center.oembed_video {
  width: auto;
  padding: 40px 15px;
  margin: 2em 0;
}
.content .article .spip_documents.spip_documents_center.oembed_video .oembed,
.mep_article .spip_documents.spip_documents_center.oembed_video .oembed {
  width: 100%;
  max-width: 700px !important;
  padding: 0;
}
.content .article .spip_documents .oe-play-button button,
.mep_article .spip_documents .oe-play-button button {
  margin-left: -33px;
  margin-top: -33px;
  left: calc(50%);
  top: calc(50%);
}
.content .article .spip_documents.oembed_twitter,
.mep_article .spip_documents.oembed_twitter {
  width: auto;
  display: block;
  padding-bottom: 1.3em;
  margin: 2em auto;
}
.content .article .spip_documents.oembed_twitter .twitter-tweet,
.mep_article .spip_documents.oembed_twitter .twitter-tweet {
  text-align: left;
  padding-left: 16%;
  background: url(//snes.c-real.fr/sites/snes.c-real.fr/local/cache-css/) no-repeat 2.4% 0.3em;
  background-size: 11%;
}
.content .article .spip_documents.oembed_twitter .twitter-tweet p,
.mep_article .spip_documents.oembed_twitter .twitter-tweet p {
  font-size: 1.5em;
  padding: 1px 4% 0;
  text-align: left;
  border-left: 1px solid #ddd;
  margin: 0.8em 0;
}
.content .article .spip_documents.oembed_twitter .oembed,
.mep_article .spip_documents.oembed_twitter .oembed {
  padding-bottom: 1em;
}
.content .article .spip_documents img,
.mep_article .spip_documents img {
  max-width: 100%;
}
.content .article .spip_documents p.spip,
.mep_article .spip_documents p.spip {
  margin: 0 !important;
}
.content .article .spip_documents.lecteurpdf,
.mep_article .spip_documents.lecteurpdf {
  width: 100%;
}
.content .article .toutlargeur,
.mep_article .toutlargeur {
  width: auto;
}
.content .article .toutlargeur .oembed_video,
.mep_article .toutlargeur .oembed_video {
  width: 100%;
}
.content .article .minivideo,
.mep_article .minivideo {
  width: 100%;
}
.content .article .carte_gis,
.mep_article .carte_gis {
  margin-bottom: 1.5em;
}
.content .article h3.spip,
.mep_article h3.spip,
.content .article h6.spip,
.mep_article h6.spip {
  border-bottom-color: #165ba4;
}
.content .article h5.spip,
.mep_article h5.spip,
.content .article li:before,
.mep_article li:before,
.content .article ol li:before,
.mep_article ol li:before,
.content .article .spip_code,
.mep_article .spip_code,
.content .article .texteencadre-spip,
.mep_article .texteencadre-spip {
  background-color: #165ba4;
}
.content .article h5.spip a,
.mep_article h5.spip a,
.content .article li:before a,
.mep_article li:before a,
.content .article ol li:before a,
.mep_article ol li:before a,
.content .article .spip_code a,
.mep_article .spip_code a,
.content .article .texteencadre-spip a,
.mep_article .texteencadre-spip a {
  color: #ffffff;
  text-decoration: underline;
}
.content .article .spip_out,
.mep_article .spip_out,
.content .article .spip_in,
.mep_article .spip_in,
.content .article .spip_ancre,
.mep_article .spip_ancre {
  color: #165ba4;
}
.content .article .larticle table.spip,
.mep_article .larticle table.spip {
  border: 1px solid #165ba4;
}
.content .article .larticle table.spip td,
.mep_article .larticle table.spip td {
  border-right: 1px solid #165ba4;
}
.content .article .larticle table.spip thead,
.mep_article .larticle table.spip thead {
  background-color: #165ba4;
}
.content .article .note .pintertitre,
.mep_article .note .pintertitre,
.content .article .notes .pintertitre,
.mep_article .notes .pintertitre {
  color: #165ba4;
}
.content .article ul.spip li,
.mep_article ul.spip li {
  margin: 0 0 .3em;
}
.content .article dl.faq.js dt,
.mep_article dl.faq.js dt {
  background-position: 0.5em 0.6em;
  padding-left: 2.2em;
}
.content .article dl.faq.js dd,
.mep_article dl.faq.js dd {
  margin-top: 1em;
  padding: 0.4em 0 0 1.1em;
}
.content .article .spip:first-child,
.mep_article .spip:first-child,
.content .article blockquote:first-child,
.mep_article blockquote:first-child,
.content .article p:first-child,
.mep_article p:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .content .article .texte .spip_documents.spip_documents_left,
  .mep_article .texte .spip_documents.spip_documents_left,
  .content .article .texte .spip_documents.spip_documents_right,
  .mep_article .texte .spip_documents.spip_documents_right,
  .content .article .texte .cs_blocs,
  .mep_article .texte .cs_blocs {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .content .article .texte .cs_blocs,
  .mep_article .texte .cs_blocs {
    width: 100%;
  }
  .content .article .spip_documents.oembed_video,
  .mep_article .spip_documents.oembed_video {
    min-width: 0;
  }
}
@media screen and (max-width: 1280px) and (min-width: 480px) {
  .content .article .texte .spip_documents.spip_documents_right,
  .mep_article .texte .spip_documents.spip_documents_right,
  .content .article .texte .cs_blocs,
  .mep_article .texte .cs_blocs {
    margin-left: 5%;
  }
  .content .article .texte .spip_documents.spip_documents_left,
  .mep_article .texte .spip_documents.spip_documents_left {
    margin-right: 5%;
  }
}
.content .article h5.spip,
.mep_article h5.spip,
.content .article .titre.h5,
.mep_article .titre.h5 {
  font-size: 1.4em;
  font-style: normal;
  padding: .4em 0 .3em ;
  margin-bottom: 1em;
  color: #262727;
  background-color: transparent;
}
.content .article h6.spip,
.mep_article h6.spip,
.content .article .titre.h6,
.mep_article .titre.h6 {
  border-bottom: 1px solid #D60712;
  font-size: 1.4em;
  padding: 3px 0 4px;
}
.content .article ul.spip ul.spip .spip_documents,
.mep_article ul.spip ul.spip .spip_documents,
.content .article ul.spip ol.spip .spip_documents,
.mep_article ul.spip ol.spip .spip_documents {
  vertical-align: top;
}
.content .article ul.spip ol.spip,
.mep_article ul.spip ol.spip {
  left: 1em;
  margin-bottom: 2.3em;
  margin-top: 0.5em;
}
.content .article ol.spip ol.spip li,
.mep_article ol.spip ol.spip li,
.content .article ul.spip ol.spip li,
.mep_article ul.spip ol.spip li {
  padding: 0.4em 1.2em 0.5em 1.3em;
  margin-bottom: 0.1em;
  box-shadow: none;
  border: none;
  background-color: transparent;
}
.content .article ol.spip ol.spip li:before,
.mep_article ol.spip ol.spip li:before,
.content .article ul.spip ol.spip li:before,
.mep_article ul.spip ol.spip li:before {
  border-radius: 50%;
  margin-top: -0.1em;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8;
  text-align: center;
  padding: 0;
  font-size: 0.9em;
}
.content .article ol.spip,
.mep_article ol.spip {
  margin-top: 1em;
  margin-bottom: 2.5em;
  position: relative;
  padding-left: 0.1em;
  /* La liste dans la numerotation */
}
.content .article ol.spip > li,
.mep_article ol.spip > li {
  display: table;
  margin: 0 0.5em 1.2em 0.2em;
  background: #f8f7f7;
  padding: 1em 1.4em 1.1em 1.2em;
  border-left: 6px solid #165ba4;
  box-shadow: #ddd 6px 5px 5px;
}
.content .article ol.spip > li:before,
.mep_article ol.spip > li:before {
  padding: 0.1em 0.3em 0 0.7em;
  line-height: 1.55em;
  position: absolute;
  margin-top: -1em;
  left: -1.1em;
  border-radius: 0.8em 0 0 0.8em;
  height: 1.7em;
}
.content .article ol.spip > li:hover,
.mep_article ol.spip > li:hover {
  box-shadow: #ddd 2px 2px 6px;
  transition: .2s;
}
.content .article ol.spip ul.spip,
.mep_article ol.spip ul.spip {
  margin: 0.2em 0;
  padding-left: 0;
}
.content .article ol.spip ul.spip > li,
.mep_article ol.spip ul.spip > li {
  padding: 0.4em 1.2em 0.5em 1.3em;
  margin-bottom: 0.1em;
  box-shadow: none;
  border: none;
  background-color: transparent;
}
.content .article ol.spip ul.spip > li::before,
.mep_article ol.spip ul.spip > li::before {
  content: " ";
  height: .5em;
  padding: 0;
  border-radius: 50%;
  left: 0;
  margin: 0.5em .1em 0 0;
}
.content .article ol.spip ol.spip,
.mep_article ol.spip ol.spip {
  margin: .6em 0 0 1.3em;
}
.content .article a.spip_out::after,
.mep_article a.spip_out::after,
.content .article a.spip_in::after,
.mep_article a.spip_in::after,
.content .article a.spip_glossaire::after,
.mep_article a.spip_glossaire::after,
.content .article p.spip_note a::after,
.mep_article p.spip_note a::after,
.content .article p.spip a::after,
.mep_article p.spip a::after,
.content .article .spip_in::after,
.mep_article .spip_in::after,
.content .article .spip_note::after,
.mep_article .spip_note::after,
.content .article .spip_dic sup::after,
.mep_article .spip_dic sup::after,
.content .article .larticle a::after,
.mep_article .larticle a::after {
  content: none;
}
.content .article .spip_note_ref a,
.mep_article .spip_note_ref a,
.content .article .spip_note a,
.mep_article .spip_note a {
  position: relative;
  padding-top: calc(292px);
}
.content .article .caractencadre-spip,
.mep_article .caractencadre-spip,
.content .article .caractencadre2-spip,
.mep_article .caractencadre2-spip {
  color: #165ba4;
  font-style: italic;
  font-size: .95em;
  font-weight: 500;
  border-bottom: 4px solid #fff;
  background-color: #fff;
  padding: 0.2em 0.4em 0;
  border-radius: 0.3em;
  margin: 0 0.3em 0;
  box-shadow: 0 0 5px #0003;
}
.content .article .caractencadre2-spip,
.mep_article .caractencadre2-spip {
  color: #262727;
}
.content .article .texteencadre-spip,
.mep_article .texteencadre-spip {
  background-color: #165ba4;
}
.content .article .spip_code,
.mep_article .spip_code,
.content .article code,
.mep_article code {
  color: #373939;
  background-color: #f8f7f7;
  font-weight: 600;
  margin-bottom: 1.8em;
  padding: 0.4em 1em 0.4em;
  display: inline-block;
  vertical-align: unset;
}
.content .article code,
.mep_article code {
  border-radius: 0.2em;
}
.content .article p > .spip_code,
.mep_article p > .spip_code,
.content .article p > code,
.mep_article p > code {
  margin-bottom: 0;
}
.content .article .spip_code > code,
.mep_article .spip_code > code {
  border: none;
  padding: 0;
  background: none;
  color: inherit;
}
.content .article samp,
.mep_article samp {
  font-weight: bold;
}
.content .article var,
.mep_article var {
  font-style: italic;
}
@media print {
  .content .article pre,
  .mep_article pre {
    page-break-inside: avoid;
  }
}
.content .article .cs_blocs,
.mep_article .cs_blocs {
  background: transparent;
  border-width: 0 0 0 8px;
  margin-bottom: 1.5em;
  padding: 0 0 0 33px;
}
.content .article .cs_blocs .blocs_titre,
.mep_article .cs_blocs .blocs_titre {
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 600;
  color: #165ba4;
}
.content .article .cs_blocs .blocs_titre p:last-of-type,
.mep_article .cs_blocs .blocs_titre p:last-of-type {
  padding-bottom: 0;
}
.content .article .cs_blocs .blocs_titre:before,
.mep_article .cs_blocs .blocs_titre:before {
  content: url(https://snes.c-real.fr/squ/squelettes/ergo/fleche/d_moyen.png);
}
.content .article blockquote.spip,
.mep_article blockquote.spip,
.content .article blockquote.spip_poesie,
.mep_article blockquote.spip_poesie {
  line-height: 160%;
  margin: 1.5em auto ;
}
.content .article hr.spip,
.mep_article hr.spip {
  width: 100%;
}
.content .article caption,
.mep_article caption,
.content .article .tablesorter-default > caption,
.mep_article .tablesorter-default > caption {
  background-color: #fff;
  padding: 1.8em 1em 1.8em;
  text-align: center;
  font-size: 1.5em;
  color: #000;
  font-weight: 600;
  font-family: 'Roboto', Geneva, Verdana, sans-serif;
}
.content .article table.spip,
.mep_article table.spip {
  margin: .1em 0 .3em;
  border-width: 1px 1px 1px 2px;
}
.content .article table.spip,
.mep_article table.spip,
.content .article table.spip td,
.mep_article table.spip td,
.content .article table.spip th,
.mep_article table.spip th {
  border-collapse: collapse;
  font-size: 14px;
  margin: 20px 0 25px;
  padding: .6em .4em;
  border: 1px solid #ddd;
  text-align: center;
  vertical-align: middle;
}
.content .article .note,
.mep_article .note,
.content .article .notes,
.mep_article .notes {
  border-top: 1px solid #165ba4;
  padding-top: 3em;
  color: #373939;
  font-size: 1em;
}
.content .article .note .pintertitre,
.mep_article .note .pintertitre,
.content .article .notes .pintertitre,
.mep_article .notes .pintertitre {
  color: #165ba4;
}
.content .article .spip_documents img,
.mep_article .spip_documents img {
  max-width: 100%;
}
.content .article .spip_documents p.spip,
.mep_article .spip_documents p.spip {
  margin: 0 !important;
}
.content .article .spip_documents .spip_doc_titre,
.mep_article .spip_documents .spip_doc_titre {
  padding: 0 0 .1em;
  line-height: 1.2em;
  display: block;
}
.content .article .spip_documents .spip_doc_credits,
.mep_article .spip_documents .spip_doc_credits {
  font-size: .85em;
}
.content .article .spip_documents .oe-play-button button,
.mep_article .spip_documents .oe-play-button button {
  margin-left: -33px;
  margin-top: -33px;
  left: calc(50%);
  top: calc(50%);
}
.content .article .spip_documents.spip_documents_center,
.mep_article .spip_documents.spip_documents_center {
  margin: 3em auto;
  padding: 1em;
}
.content .article .spip_documents.spip_documents_center > *,
.mep_article .spip_documents.spip_documents_center > * {
  text-align: center;
}
.content .article .spip_documents.spip_documents_center img,
.mep_article .spip_documents.spip_documents_center img {
  margin: 0 auto;
}
.content .article .spip_documents.spip_documents_center .spip_doc_legende,
.mep_article .spip_documents.spip_documents_center .spip_doc_legende {
  margin: 1.5em 0 0.6em;
}
.content .article .spip_documents.spip_documents_left,
.mep_article .spip_documents.spip_documents_left,
.content .article .spip_documents.spip_documents_right,
.mep_article .spip_documents.spip_documents_right {
  max-width: calc(46%);
  position: relative;
  z-index: 1;
}
.content .article .spip_documents.spip_documents_left.oembed_video,
.mep_article .spip_documents.spip_documents_left.oembed_video,
.content .article .spip_documents.spip_documents_right.oembed_video,
.mep_article .spip_documents.spip_documents_right.oembed_video {
  width: calc(46%);
}
.content .article .spip_documents.inline,
.mep_article .spip_documents.inline,
.content .article .spip_documents.inline figure,
.mep_article .spip_documents.inline figure,
.content .article .spip_documents.inline img,
.mep_article .spip_documents.inline img {
  display: inline;
  float: inherit;
  overflow: inherit;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.content .article .spip_documents .oembed_video,
.mep_article .spip_documents .oembed_video {
  margin-bottom: 2em;
}
.content .article .spip_documents.lecteurpdf,
.mep_article .spip_documents.lecteurpdf {
  padding: 30px;
}
.content .article .spip_documents.spip_document_text,
.mep_article .spip_documents.spip_document_text {
  display: block;
}
.content .article .spip_documents.spip_document_text .table,
.mep_article .spip_documents.spip_document_text .table {
  margin-bottom: 0;
}
.content .article .spip_documents.spip_document_file,
.mep_article .spip_documents.spip_document_file {
  box-shadow: 2px 2px 13px #0003;
  background-color: #fff;
  display: table;
  width: auto;
  padding: 20px 22px 20px 12px;
}
.content .article .spip_documents.spip_document_file figure,
.mep_article .spip_documents.spip_document_file figure {
  display: flex;
  align-items: center;
}
.content .article .spip_documents.spip_document_file figure .spip_doc_legende,
.mep_article .spip_documents.spip_document_file figure .spip_doc_legende {
  margin: 0 0 0 10px;
}
.content .article .spip_documents.spip_document_file figure .spip_doc_legende div,
.mep_article .spip_documents.spip_document_file figure .spip_doc_legende div {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.content .article .spip_documents.spip_document_file figure .spip_doc_legende .spip_doc_descriptif,
.mep_article .spip_documents.spip_document_file figure .spip_doc_legende .spip_doc_descriptif {
  font-size: .9em;
}
.content .article .spip_documents.spip_document_file figure .spip_doc_legende .spip_doc_credit,
.mep_article .spip_documents.spip_document_file figure .spip_doc_legende .spip_doc_credit {
  font-size: .8em;
}
.content .article .spip_documents.spip_document_file.spip_documents_left,
.mep_article .spip_documents.spip_document_file.spip_documents_left {
  margin: 0.2em calc(4% - 13px) 2.5em 13px;
}
.content .article .spip_documents.spip_document_file.spip_documents_right,
.mep_article .spip_documents.spip_document_file.spip_documents_right {
  margin: 0.2em 13px 2.5em calc(4% - 13px);
}
.content .article .item_picker img,
.mep_article .item_picker img {
  width: inherit;
}
.content .article iframe,
.mep_article iframe {
  padding: 0 0 2.5em;
}
@media screen and (max-width: 767px) {
  .content .article blockquote.spip,
  .mep_article blockquote.spip,
  .content .article blockquote.spip_poesie,
  .mep_article blockquote.spip_poesie {
    font-size: 1em;
  }
  .content .article code,
  .mep_article code,
  .content .article pre,
  .mep_article pre,
  .content .article samp,
  .mep_article samp {
    word-wrap: break-word;
    white-space: pre-line;
    /* passage a la ligne specifique pour les elements a chasse fixe */
  }
  .content .article blockquote.spip,
  .mep_article blockquote.spip,
  .content .article blockquote.spip_poesie,
  .mep_article blockquote.spip_poesie {
    font-size: 1.2em;
  }
  .content .article blockquote.spip::before,
  .mep_article blockquote.spip::before,
  .content .article blockquote.spip::after,
  .mep_article blockquote.spip::after {
    font-size: 2.2em;
  }
  .content .article table.spip,
  .mep_article table.spip {
    width: auto;
  }
}
.content .article .caractencadre2-spip,
.mep_article .caractencadre2-spip {
  color: #de1e36;
}
.content .article .spip_code,
.mep_article .spip_code {
  background-color: #f8f7f7;
}
.content .article a[id],
.mep_article a[id],
.content .article .spip_note_ref a,
.mep_article .spip_note_ref a,
.content .article .spip_note a,
.mep_article .spip_note a {
  position: relative;
  padding-top: calc(7vh + 122px);
}
/*  */
.contenu .liste-doc {
  width: 100%;
  margin-bottom: 1em;
  overflow: hidden;
}
.contenu .liste-doc .grotit-doc {
  font-size: 1.6em;
  font-weight: 500;
  margin-bottom: 0.7em;
  width: 100%;
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 0.5em;
}
.contenu .liste-doc .coldroite .tit {
  padding: .1em 0 0;
  text-align: left;
  font-size: 1.1em;
}
.contenu .liste-doc .coldroite .cnt {
  font-size: .95em;
  width: 95%;
}
.contenu .liste-doc .coldroite .lls {
  border-top: 1px solid #bbb;
  padding-top: 0.5em;
  display: block;
  margin: 0.6em 0 0.2em;
  width: 95%;
  font-style: italic;
  font-size: .95em;
}
.contenu .liste-doc .coldroite .extension {
  font-style: italic;
  color: #555;
  font-size: .9em;
  margin-bottom: .2em;
}
.contenu .liste-doc:not(.galerie) .entourelogo {
  margin-right: 1em 1em 1.4em;
  padding-right: 0;
}
.contenu .liste-doc.galerie {
  overflow: visible;
}
.contenu .liste-doc.galerie * {
  overflow: visible;
}
.contenu .liste-doc.galerie > .row {
  margin-top: 1em;
}
.contenu .galerie .row,
.contenu .galerie .col-sm-4 {
  padding-left: 15px;
  padding-right: 15px;
}
.contenu .galerie .item {
  padding: 0;
}
.contenu .content #contenu .liste-doc .spip_logo {
  margin: 0 0 0 11%;
}
.contenu .minivideo {
  height: 27.2em;
}
.contenu .oembed_file {
  margin-bottom: 2.2em;
}
.contenu .oembed_file .oe-rich {
  background-image: none !important;
}
.contenu .oembed_file .oe-title,
.contenu .oembed_file .oembed-author {
  margin: .5em 27% .3em;
  display: block;
  font-size: .9em;
}
.contenu .oembed_file .oe-author {
  margin: .5em .4em .3em 27%;
  font-size: .9em;
}
.contenu .oe-play-button::before {
  background-color: #165ba4;
}
.contenu .oe-play-button::before:hover {
  background-color: #0d3661;
}
/*  */
.bicolonnes .colgauche .petition_container .date {
  padding: .5em;
  padding: 0.4em .6em;
  margin: 1.4em 0;
  font-weight: 500;
  border-bottom: 3px solid #165ba4;
}
.bicolonnes .colgauche .petition_container .numero {
  background: #f8f7f7;
  padding: 0.2em .5em;
  display: block;
  overflow: hidden;
  margin: 0 0.6em 0 0;
  font-size: .9em;
  width: 36px;
  text-align: center;
}
.bicolonnes .colgauche .petition_container .signature-message {
  font-style: italic;
  margin: -0.3em 0 1.1em 2.8em;
}
/*  */
.page_auteur .contenu .fiche {
  background-color: #f8f7f7;
}
.page_auteur .contenu .fiche span {
  font-weight: 600;
}
.page_auteur .contenu .fiche span span {
  font-weight: 500;
}
/*  */
.page_infolettre .chapo {
  margin-bottom: 2em;
}
.page_infolettre .asidedroite {
  margin-top: 4.1em;
}
/*  */
.page_contact .formulaire_formidable form .editer_odd:first-of-type,
.page_contact .formulaire_formidable form .editer_odd:first-of-type + .editer_even {
  width: 44.6%;
  margin-left: 5%;
  display: inline-block;
}
@media (max-width: 480px) {
  .page_contact .formulaire_formidable form .editer_odd:first-of-type,
  .page_contact .formulaire_formidable form .editer_odd:first-of-type + .editer_even {
    width: 94%;
  }
}
/*  */
.page_type_liste .titsuite {
  margin-top: 1em;
}
/*  */
.page_recherche .content .page_type_liste .chapo h3 {
  margin: 0 0 1em;
}
.page_recherche .content .page_type_liste .bicolonnes .asidedroite {
  margin-top: 1.7em;
}
.page_recherche .content .page_type_liste .bicolonnes .asidedroite .formulaire_spip {
  padding-top: 2em;
}
.page_recherche .content .page_type_liste .bicolonnes .asidedroite .marginputbas {
  margin-bottom: 1em;
}
.page_recherche .content .page_type_liste .bicolonnes .intro .grotit {
  font-size: 2.8em;
  margin: 0 0 0.8em;
  color: #000;
}
.page_recherche .content .page_type_liste .bicolonnes .intro .grotit i {
  color: #165ba4;
}
.contenu #formulaire_recherche2 {
  padding-top: 2em;
}
.contenu #formulaire_recherche2 > div {
  width: 100%;
}
.contenu #formulaire_recherche2 .text {
  padding: 1.3em;
  width: 98%;
}
.contenu #formulaire_recherche2 .text,
.contenu #formulaire_recherche2 .btn {
  font-size: 18px;
  height: 28px;
  border-radius: .2em;
}
.contenu #formulaire_recherche2 .submit {
  margin: 0 0 0 1.3em;
  padding: .5em 2%;
  border-radius: .2em;
  font-size: 18px;
}
.contenu #formulaire_recherche2 .saisie_input {
  width: 65%;
  display: inline-block;
}
/*  */
/*  */
/*  */
.page_videos .intro .grosoustit,
.page_video .intro .grosoustit,
.page_galerie .intro .grosoustit {
  text-align: center;
  margin-top: 1em;
}
.page_videos .item .tit,
.page_video .item .tit,
.page_galerie .item .tit {
  text-align: left;
  min-height: 2em;
}
.page_videos .item .btn,
.page_video .item .btn,
.page_galerie .item .btn {
  margin-top: 1.5em;
}
.page_videos .item .entourelogo,
.page_video .item .entourelogo,
.page_galerie .item .entourelogo {
  margin-bottom: 1.2em;
}
.page_videos .item .logo img,
.page_video .item .logo img,
.page_galerie .item .logo img {
  max-width: 100%;
}
/*  */
.page_auteurs .item-auteur {
  overflow: visible;
}
/*  */
.page_plan #laliste {
  text-align: left;
}
.page_plan #laliste .titsuite {
  padding-bottom: .2em;
  border-bottom: 5px solid #165ba4;
}
.page_plan #laliste .liste-items {
  margin-top: 3em;
  line-height: 130%;
}
.page_plan #laliste .item {
  min-height: 100px;
}
.page_plan #laliste .item .tit a {
  color: #000;
}
.page_plan #laliste .item .titit {
  margin: .3em 0 .2em;
}
.page_plan #laliste .item .evt {
  margin-left: 1.2em;
  color: #000;
  font-weight: 500;
}
.page_plan #laliste .btn {
  margin-top: 1em;
}
/*  */
.grosboutons {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
}
.grosboutons .grosbouton {
  position: relative;
  min-height: 17em;
  margin-bottom: 2em;
}
.grosboutons .grosbouton * {
  -webkit-animation: 0.5s;
  -o-animation: 0.5s;
  animation: 0.5s;
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
}
.grosboutons .grosbouton .ico,
.grosboutons .grosbouton svg {
  width: 70%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
}
.grosboutons .grosbouton .legende {
  position: absolute;
  color: #373939;
  bottom: 0;
  left: 50%;
  height: 2.6em;
  width: 100%;
  transform: translate(-50%, -50%);
}
.grosboutons .grosbouton .legende .titit {
  text-transform: uppercase;
  font-size: 1.2em;
  margin: 0.2em 0;
  font-weight: 500;
  display: block;
}
.grosboutons .grosbouton:hover .ico,
.grosboutons .grosbouton:hover svg {
  width: 80%;
  margin-top: -10px;
}
.grosboutons .grosbouton:hover .legende {
  color: #de1e36;
}
.page_compte .contenu,
.page_abonnement .contenu {
  /* --------------  PAGE CONSULTER EN PDF -------------- */
  /* --------------  APERCU PDF   -------------- */
}
.page_compte .contenu .grotit,
.page_abonnement .contenu .grotit {
  margin-bottom: .6em;
}
.page_compte .contenu .chapo,
.page_abonnement .contenu .chapo {
  background: #f8f7f7;
  padding: 0.7em 2.5%;
  margin-bottom: 2em;
}
.page_compte .contenu .filetbas,
.page_abonnement .contenu .filetbas {
  margin-bottom: 15px;
  padding-bottom: 0;
  border-bottom: 1px solid #d7d6d6;
  font-size: 1.1em;
  font-weight: 500;
  line-height: 140%;
}
.page_compte .contenu .factures .grotit,
.page_abonnement .contenu .factures .grotit {
  overflow: hidden;
  width: 100%;
  padding: 0.1em;
}
.page_compte .contenu .factures .droite,
.page_abonnement .contenu .factures .droite {
  margin-top: .4em;
}
.page_compte .contenu #coldroite,
.page_abonnement .contenu #coldroite,
.page_compte .contenu #asidedroite,
.page_abonnement .contenu #asidedroite {
  margin-top: 0;
  /* Encarts spécifiques à la colonne de droite du compte client */
}
.page_compte .contenu #coldroite .deconnect,
.page_abonnement .contenu #coldroite .deconnect,
.page_compte .contenu #asidedroite .deconnect,
.page_abonnement .contenu #asidedroite .deconnect {
  margin: 0.1em 0 1.7em;
}
.page_compte .contenu #coldroite .encartcompte,
.page_abonnement .contenu #coldroite .encartcompte,
.page_compte .contenu #asidedroite .encartcompte,
.page_abonnement .contenu #asidedroite .encartcompte {
  margin-top: 8em;
}
.page_compte .contenu #coldroite .encartcompte .grotit,
.page_abonnement .contenu #coldroite .encartcompte .grotit,
.page_compte .contenu #asidedroite .encartcompte .grotit,
.page_abonnement .contenu #asidedroite .encartcompte .grotit {
  margin-bottom: 0;
  font-size: 1.1em;
  font-weight: 500;
  color: #000;
  text-transform: uppercase;
  padding-top: 0.8em;
  background: #fcc225;
  border-radius: .2em .2em 0 0;
}
.page_compte .contenu #coldroite .encartcompte .tit,
.page_abonnement .contenu #coldroite .encartcompte .tit,
.page_compte .contenu #asidedroite .encartcompte .tit,
.page_abonnement .contenu #asidedroite .encartcompte .tit {
  font-size: 1.1em;
  margin-bottom: 0.3em;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.4em;
  display: table;
}
.page_compte .contenu #coldroite .encartcompte .boutons,
.page_abonnement .contenu #coldroite .encartcompte .boutons,
.page_compte .contenu #asidedroite .encartcompte .boutons,
.page_abonnement .contenu #asidedroite .encartcompte .boutons {
  text-align: right;
  margin-right: 1em;
}
.page_compte .contenu.mode-pdf_consulter .spip_logo,
.page_abonnement .contenu.mode-pdf_consulter .spip_logo,
.page_compte .contenu.mode-pdf_achat .spip_logo,
.page_abonnement .contenu.mode-pdf_achat .spip_logo {
  margin-bottom: .5em;
}
.page_compte .contenu.mode-pdf_consulter .liste-doc .item,
.page_abonnement .contenu.mode-pdf_consulter .liste-doc .item,
.page_compte .contenu.mode-pdf_achat .liste-doc .item,
.page_abonnement .contenu.mode-pdf_achat .liste-doc .item {
  position: relative;
  min-height: 21em;
}
.page_compte .contenu.mode-pdf_consulter .liste-doc .item .offre_prix,
.page_abonnement .contenu.mode-pdf_consulter .liste-doc .item .offre_prix,
.page_compte .contenu.mode-pdf_achat .liste-doc .item .offre_prix,
.page_abonnement .contenu.mode-pdf_achat .liste-doc .item .offre_prix,
.page_compte .contenu.mode-pdf_consulter .liste-doc .item .btnpanier,
.page_abonnement .contenu.mode-pdf_consulter .liste-doc .item .btnpanier,
.page_compte .contenu.mode-pdf_achat .liste-doc .item .btnpanier,
.page_abonnement .contenu.mode-pdf_achat .liste-doc .item .btnpanier {
  color: #000;
  position: absolute;
  top: 5.9em;
  text-align: center;
  left: calc(50% - 2.5em);
  width: 5em;
  padding: .5em 0;
  -webkit-box-shadow: 0em 0em 2.7em #000000;
  -moz-box-shadow: 0em 0em 2.7em #000000;
  box-shadow: 0em 0em 2.7em #000000;
  -webkit-animation: 0.3s;
  -o-animation: 0.3s;
  animation: 0.3s;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
}
.page_compte .contenu.mode-pdf_consulter .liste-doc .item .offre_prix:hover,
.page_abonnement .contenu.mode-pdf_consulter .liste-doc .item .offre_prix:hover,
.page_compte .contenu.mode-pdf_achat .liste-doc .item .offre_prix:hover,
.page_abonnement .contenu.mode-pdf_achat .liste-doc .item .offre_prix:hover,
.page_compte .contenu.mode-pdf_consulter .liste-doc .item .btnpanier:hover,
.page_abonnement .contenu.mode-pdf_consulter .liste-doc .item .btnpanier:hover,
.page_compte .contenu.mode-pdf_achat .liste-doc .item .btnpanier:hover,
.page_abonnement .contenu.mode-pdf_achat .liste-doc .item .btnpanier:hover {
  background: #de1e36;
  color: #fff;
}
.page_compte .contenu.mode-pdf_consulter .liste-doc .item .btnpanier,
.page_abonnement .contenu.mode-pdf_consulter .liste-doc .item .btnpanier,
.page_compte .contenu.mode-pdf_achat .liste-doc .item .btnpanier,
.page_abonnement .contenu.mode-pdf_achat .liste-doc .item .btnpanier {
  text-align: center;
  background: transparent;
  margin: 0;
  padding: 0;
}
.page_compte .contenu.mode-pdf_consulter .liste-doc .item .btnpanier > div,
.page_abonnement .contenu.mode-pdf_consulter .liste-doc .item .btnpanier > div,
.page_compte .contenu.mode-pdf_achat .liste-doc .item .btnpanier > div,
.page_abonnement .contenu.mode-pdf_achat .liste-doc .item .btnpanier > div {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  width: 100%;
}
.page_compte .contenu.mode-pdf_consulter .liste-doc .item .btnpanier .submit,
.page_abonnement .contenu.mode-pdf_consulter .liste-doc .item .btnpanier .submit,
.page_compte .contenu.mode-pdf_achat .liste-doc .item .btnpanier .submit,
.page_abonnement .contenu.mode-pdf_achat .liste-doc .item .btnpanier .submit {
  background-color: #165ba4;
  display: inline;
  padding: 0.6em;
  color: #fff;
  font-size: 1.1em;
  cursor: pointer;
  border: 1px solid #0000;
  -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
}
.page_compte .contenu.mode-pdf_consulter .liste-doc .item .btnpanier:hover .submit,
.page_abonnement .contenu.mode-pdf_consulter .liste-doc .item .btnpanier:hover .submit,
.page_compte .contenu.mode-pdf_achat .liste-doc .item .btnpanier:hover .submit,
.page_abonnement .contenu.mode-pdf_achat .liste-doc .item .btnpanier:hover .submit {
  background-color: #9b1526;
}
.page_compte .contenu.mode-pdf_consulter #coldroite #pubcarre,
.page_abonnement .contenu.mode-pdf_consulter #coldroite #pubcarre,
.page_compte .contenu.mode-pdf_achat #coldroite #pubcarre,
.page_abonnement .contenu.mode-pdf_achat #coldroite #pubcarre,
.page_compte .contenu.mode-pdf_consulter #asidedroite #pubcarre,
.page_abonnement .contenu.mode-pdf_consulter #asidedroite #pubcarre,
.page_compte .contenu.mode-pdf_achat #asidedroite #pubcarre,
.page_abonnement .contenu.mode-pdf_achat #asidedroite #pubcarre {
  margin: 8.2em 0 0 5%;
}
.page_compte .contenu.mode-pdf_apercu .item,
.page_abonnement .contenu.mode-pdf_apercu .item {
  overflow: visible;
}
.page_compte .contenu.mode-pdf_apercu .logo,
.page_abonnement .contenu.mode-pdf_apercu .logo {
  border: 1px solid #585a5b;
}
.page_compte .contenu.mode-pdf_apercu .introboutons .btn-petit,
.page_abonnement .contenu.mode-pdf_apercu .introboutons .btn-petit {
  padding: 0.6em 0.6em;
  vertical-align: top;
  margin-left: 0.6em;
}
.page_compte .item-commande .titit,
.page_abonnement .item-commande .titit {
  margin-top: .5em;
}
.page_compte .item-commande ul,
.page_abonnement .item-commande ul {
  padding-left: 0;
  margin-top: 0;
}
.page_compte .item-commande ul li,
.page_abonnement .item-commande ul li {
  list-style: none;
}
.page_compte #formulaire_inscription .boutons,
.page_abonnement #formulaire_inscription .boutons {
  margin: 2em 0 .5em;
  text-align: center;
}
.page_compte .formulaire_editer_auteur .editer_bio,
.page_abonnement .formulaire_editer_auteur .editer_bio,
.page_compte .formulaire_editer_auteur .editer_pgp,
.page_abonnement .formulaire_editer_auteur .editer_pgp,
.page_compte .formulaire_editer_auteur .editer_liens_sites,
.page_abonnement .formulaire_editer_auteur .editer_liens_sites,
.page_compte .formulaire_editer_auteur .champs_extra,
.page_abonnement .formulaire_editer_auteur .champs_extra,
.page_compte .formulaire_editer_auteur .fieldset_fichier_client,
.page_abonnement .formulaire_editer_auteur .fieldset_fichier_client {
  display: none;
}
.page_compte .contenu,
.page_abonnement .contenu {
  /* --------------  COORDONNEES AVANT ACHAT  -------------- */
  /* --------------  PAGE ABONNEMENT   -------------- */
}
.page_compte .contenu.mode-coordonneesavantachat .champs_extras,
.page_abonnement .contenu.mode-coordonneesavantachat .champs_extras {
  display: block;
}
.page_compte .contenu .liste-items .item .tit,
.page_abonnement .contenu .liste-items .item .tit {
  margin: 0 0 0.7em;
}
.page_compte .contenu .item-offre,
.page_abonnement .contenu .item-offre {
  width: 100%;
}
.page_compte .contenu .item-offre .boutons,
.page_abonnement .contenu .item-offre .boutons {
  width: 95%;
}
.page_compte .contenu .item-offre .boutons .formulaire_spip,
.page_abonnement .contenu .item-offre .boutons .formulaire_spip {
  padding: 0;
  background-color: transparent;
  margin: 0;
}
.page_compte .contenu .item-offre .boutons .formulaire_spip form .saisie_input,
.page_abonnement .contenu .item-offre .boutons .formulaire_spip form .saisie_input {
  width: auto;
}
.page_compte .contenu .item-offre .boutons .formulaire_spip form button.submit,
.page_abonnement .contenu .item-offre .boutons .formulaire_spip form button.submit {
  padding: 0.4em 4%;
  font-size: 1em;
}
.page_compte .contenu .offre_paiement,
.page_abonnement .contenu .offre_paiement {
  padding: 0.6em .1em 0.2em;
}
.page_compte .contenu .offre_perso,
.page_abonnement .contenu .offre_perso {
  background: #f8f7f7;
  overflow: hidden;
  display: block;
  float: left;
  width: 100%;
  padding: 0.7em;
  margin: 0.3em 0 2.7em;
}
.page_compte .contenu .offre_perso legend,
.page_abonnement .contenu .offre_perso legend {
  font-size: .9em;
  margin: 0;
  top: 0;
  display: block;
  float: left;
  width: 60%;
  border: none;
  padding: 0;
}
.page_compte .contenu .offre_perso .ui-button,
.page_abonnement .contenu .offre_perso .ui-button {
  padding: .4em 0.6em;
  text-align: left;
  margin: 0 0 0 0.7em;
}
.page_compte .contenu .item-offre:last-of-type .item,
.page_abonnement .contenu .item-offre:last-of-type .item {
  border-bottom: solid #fff;
}
.page_compte .contenu .offre_prix,
.page_abonnement .contenu .offre_prix {
  font-size: 1.2em;
  font-weight: 600;
  background: #fcc225;
  padding: 0.4em 0.7em;
  display: inline-table;
  margin-bottom: 0.4em;
  border-radius: .2em;
}
.page_compte .contenu .offre_duree,
.page_abonnement .contenu .offre_duree {
  display: inline-table;
  margin-left: 0.8em;
  max-width: 100px;
  line-height: 104%;
  vertical-align: middle;
  font-style: italic;
  font-size: 0.8em;
  background: #f8f7f7;
  padding: 0.5em 0.7em;
  margin-bottom: 0.3em;
  font-weight: 600;
}
.page_compte .reponse_formulaire_ok .btn,
.page_abonnement .reponse_formulaire_ok .btn {
  margin: 1.4em 17% 1em;
  text-align: center;
  width: 64%;
  display: block;
  overflow: hidden;
  padding: 0.5em;
  color: #fff;
}
/* --------------  Page abonnement seulement -------------- */
.page_abonnement .content #contenu #coldroite #pubcarre,
.page_abonnement .content #contenu #asidedroite #pubcarre {
  margin-top: 8.1em;
}
.page_abonnement .content #contenu #coldroite #pubcarre .item,
.page_abonnement .content #contenu #asidedroite #pubcarre .item {
  margin-top: 2.2em;
}
.formulaire_editer_auteur .valider-panier {
  padding: 1.1em;
  text-align: center;
}
/*  */
select {
  display: block;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%;
  padding: 0.5em 0.6em;
}
select::-ms-expand {
  display: none;
}
select:hover {
  border-color: #888;
}
select:focus {
  color: #222;
  outline: none;
}
select option {
  font-weight: normal;
}
/* --------------  INSCRIPTIONS -------------- */
.formulaire_inscription .editer_password p.details,
#formulaire_login .editer_password p.details {
  margin-top: 0.9em;
}
.formulaire_inscription .saisie_nom_inscription,
#formulaire_login .saisie_nom_inscription {
  vertical-align: top;
}
.connect .titconnect {
  font-weight: 400;
  font-size: 2em;
  color: #165ba4;
  margin: 0 0 0.5em;
}
.connect .preamb {
  display: block;
  margin-bottom: 1.3em;
  min-height: 4.5em;
}
.connect .preamb p {
  margin: 0 0 0.5em;
}
.connect .preamb p:last-of-type {
  margin-bottom: 0;
}
.connect .preamb sc {
  font-variant: small-caps;
}
.connect .preamb h3.spip,
.connect .preamb h4.spip {
  font-size: 1.4em;
  margin-bottom: .3em;
}
.connect .preamb h4.spip {
  margin: .4em 0;
}
.connect .preamb h5.spip {
  font-size: .9em;
  margin: 0.2em 0 0.1em;
}
.connect .preamb ul.spip,
.connect .preamb ol.spip {
  margin: 0 0 0.3em 0.4em;
}
.connect .preamb ul.spip {
  list-style: none;
  position: relative;
  margin: 0;
  padding-left: 0;
}
.connect .preamb ul.spip li {
  padding: .1em 0 .3em .8em;
  line-height: 140%;
  margin-bottom: .3em;
  position: relative;
}
.connect .preamb ul.spip li:before {
  content: " ";
  background-color: #165ba4;
  top: 0.1em;
  width: 0.5em;
  height: .5em;
  left: 0px;
  position: absolute;
  margin: 0.6em .1em 0 0;
  border-radius: 50%;
}
.connect .preamb ol.spip li {
  margin: 0 0 1.2em .3em;
}
.connect .preamb ol.spip li:before {
  padding: 0.1em 0.5em 0 0.7em;
  margin-top: -1.15em;
  line-height: 150%;
  font-size: .9em;
}
.connect .preamb .spip_out,
.connect .preamb .spip_glossaire,
.connect .preamb .spip_in {
  font-size: .95em;
}
.connect .preamb .spip_out,
.connect .preamb .spip_glossaire {
  background-position: 0.5em 0.4em;
}
.connect .preamb .caractencadre-spip {
  font-size: .95em;
  padding: 0.1em 0.2em;
}
.connect .preamb .cs_blocs {
  float: none;
  width: 100%;
  padding: 0;
  margin-bottom: 0;
  border-left: 0 solid #458;
}
.connect .preamb .cs_blocs .blocs_titre {
  font-size: 1.2em;
}
.connect .preamb .cs_blocs .blocs_titre:before {
  top: -.05em;
  padding: .4em;
}
/* -------------- MODIFICATION DE FICHE AUTEUR -------------- */
.formulaire_editer_auteur {
  padding-bottom: 1.5em;
  margin-bottom: 2.9em;
}
.formulaire_editer_auteur form {
  margin-left: 0;
}
.formulaire_editer_auteur .editer-groupe .text {
  margin-bottom: 0;
}
.formulaire_editer_auteur .boutons {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.formulaire_editer_auteur .editer_new_pass {
  vertical-align: top;
}
.formulaire_editer_auteur .editer_new_pass2 {
  margin-top: 1.6em;
}
.formulaire_editer_auteur .editer_new_pass2 .reset_password {
  width: 100%;
  padding: 0.5em 0;
  margin-top: 1.6em;
}
.formulaire_editer_mdp {
  text-align: left;
}
.formulaire_editer_mdp .editer_nom {
  display: none;
}
.formulaire_editer_mdp .fieldset {
  margin-left: 0;
  width: 100%;
}
.formulaire_editer_mdp .fieldset .editer-groupe {
  margin-bottom: .6em;
}
.formulaire_editer_mdp .fieldset .editer-groupe .editer {
  display: inline-block;
  width: 44%;
  margin-left: 5%;
}
.formulaire_editer_mdp .fieldset .editer-groupe .editer input {
  width: 92%;
}
.formulaire_editer_mdp .fieldset .editer-groupe .editer.editer_new_pass2 label {
  height: 2.5em;
}
/* -------------- FORMULAIRE EDITER GIS -------------- */
.formulaire_editer_gis_public form {
  padding: 2.2em;
}
.formulaire_editer_gis_public form > div {
  margin-left: -5%;
}
.formulaire_editer_gis_public form > div .editer_import {
  display: none;
}
.formulaire_editer_gis_public form > div .rechercher_adresse {
  text-align: center;
}
.formulaire_editer_gis_public form > div .rechercher_adresse label {
  text-align: left;
  width: 100%;
}
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 0.4em 0.8em;
  font-size: 18px;
  line-height: 1.33333333;
  border-radius: 0.2em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  transition: .2s;
  border-color: #134f8e;
  color: #ffffff;
  background-color: #165ba4;
  border-color: #165ba4;
  margin: 1.5em auto 1.5em;
  padding: 0.7em 8%;
}
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:focus,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:active:focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:active:focus,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.active:focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.active:focus,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.focus,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:active.focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:active.focus,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.active.focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:hover,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:hover,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:focus,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.focus {
  color: #ffffff;
  text-decoration: none;
}
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:active,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:active,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.active,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.disabled,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.disabled,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage[disabled],
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage[disabled],
fieldset[disabled] .formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage,
fieldset[disabled] .formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  opacity: 0.0065;
  filter: alpha(opacity=0.65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage .submit,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage .submit {
  white-space: normal;
  line-height: 1.4em;
  font-size: 1.5em;
  font-weight: 500;
}
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:focus,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.focus {
  color: #ffffff;
  background-color: #104277;
  border-color: #04101d;
}
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:hover,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:hover {
  color: #ffffff;
  background-color: #104277;
  border-color: #0c3158;
}
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:active,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:active,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.active,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.active,
.open > .dropdown-toggle.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage,
.open > .dropdown-toggle.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage {
  color: #ffffff;
  background-color: #104277;
  border-color: #0c3158;
}
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:active:hover,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:active:hover,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.active:hover,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.active:hover,
.open > .dropdown-toggle.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:hover,
.open > .dropdown-toggle.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:hover,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:active:focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:active:focus,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.active:focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.active:focus,
.open > .dropdown-toggle.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:focus,
.open > .dropdown-toggle.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:focus,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:active.focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:active.focus,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.active.focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.active.focus,
.open > .dropdown-toggle.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.focus,
.open > .dropdown-toggle.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.focus {
  color: #ffffff;
  background-color: #0c3158;
  border-color: #04101d;
}
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:active,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:active,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.active,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.active,
.open > .dropdown-toggle.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage,
.open > .dropdown-toggle.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage {
  background-image: none;
}
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.disabled:hover,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.disabled:hover,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage[disabled]:hover,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage[disabled]:hover,
fieldset[disabled] .formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:hover,
fieldset[disabled] .formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:hover,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.disabled:focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.disabled:focus,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage[disabled]:focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage[disabled]:focus,
fieldset[disabled] .formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:focus,
fieldset[disabled] .formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:focus,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.disabled.focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.disabled.focus,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage[disabled].focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage[disabled].focus,
fieldset[disabled] .formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.focus,
fieldset[disabled] .formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.focus {
  background-color: #165ba4;
  border-color: #134f8e;
}
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage .badge,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage .badge {
  color: #165ba4;
  background-color: #ffffff;
}
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:focus,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.focus {
  color: #ffffff;
  background-color: #104277;
  border-color: #071d34;
}
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:hover,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:hover {
  color: #ffffff;
  background-color: #104277;
  border-color: #0f3d6e;
}
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:active,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:active,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.active,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.active,
.open > .dropdown-toggle.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage,
.open > .dropdown-toggle.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage {
  color: #ffffff;
  background-color: #104277;
  border-color: #0f3d6e;
}
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:active:hover,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:active:hover,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.active:hover,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.active:hover,
.open > .dropdown-toggle.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:hover,
.open > .dropdown-toggle.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:hover,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:active:focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:active:focus,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.active:focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.active:focus,
.open > .dropdown-toggle.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:focus,
.open > .dropdown-toggle.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:focus,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:active.focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:active.focus,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.active.focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.active.focus,
.open > .dropdown-toggle.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.focus,
.open > .dropdown-toggle.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.focus {
  color: #ffffff;
  background-color: #0c3158;
  border-color: #071d34;
}
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:active,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:active,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.active,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.active,
.open > .dropdown-toggle.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage,
.open > .dropdown-toggle.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage {
  background-image: none;
}
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.disabled:hover,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.disabled:hover,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage[disabled]:hover,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage[disabled]:hover,
fieldset[disabled] .formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:hover,
fieldset[disabled] .formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:hover,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.disabled:focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.disabled:focus,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage[disabled]:focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage[disabled]:focus,
fieldset[disabled] .formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage:focus,
fieldset[disabled] .formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:focus,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.disabled.focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.disabled.focus,
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage[disabled].focus,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage[disabled].focus,
fieldset[disabled] .formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage.focus,
fieldset[disabled] .formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage.focus {
  background-color: #165ba4;
  border-color: #165ba4;
}
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage .badge,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage .badge {
  color: #165ba4;
  background-color: #ffffff;
}
.formulaire_editer_gis_public form > div p.boutons {
  text-align: center;
  margin-left: 3.5%;
}
.formulaire_editer_gis_public form > div .leaflet-draw-draw-polyline,
.formulaire_editer_gis_public form > div .leaflet-draw-draw-polygon,
.formulaire_editer_gis_public form > div .leaflet-draw-draw-rectangle {
  display: none;
}
/* -------------- FORMULAIRE FORUM -------------- */
.formulaire_forum form .qui .explication {
  color: #165ba4;
  padding: 0 0 1.5em;
  font-weight: 400;
  font-style: normal;
}
.formulaire_forum form .deconnect a {
  color: #de1e36;
}
.formulaire_forum form legend {
  font-size: 1.5em;
  margin-bottom: 1.3em;
  margin-top: 1em;
  padding-bottom: 0.4em;
  font-weight: 500;
  color: #165ba4;
}
.formulaire_forum form .editer {
  overflow: hidden;
}
.formulaire_forum form label {
  float: left;
  width: 20%;
}
.formulaire_forum form input.text,
.formulaire_forum form input.password,
.formulaire_forum form input.email,
.formulaire_forum form input.date,
.formulaire_forum form select,
.formulaire_forum form .markItUp {
  float: right;
  width: 80%;
}
.formulaire_forum form .saisie_texte .explication {
  margin: 0.3em auto 0.5em;
  font-size: .9em;
  color: #373939;
}
.formulaire_forum form .saisie_document_forum {
  margin-bottom: 2.5em;
}
.formulaire_forum form input.submit {
  padding: 0.7em 3em;
  margin-left: 1.5em;
}
.formulaire_forum form .previsu {
  border-bottom: 5px solid #fff;
  margin-bottom: 2.5em;
}
.formulaire_forum form .previsu .legend {
  margin-top: 0;
  margin-bottom: 0.3em;
}
.formulaire_forum form .previsu .forum {
  margin: 0;
  padding: 0;
}
.formulaire_forum form .previsu .boutons {
  text-align: left;
  border-top: 1px solid #ddd;
  padding: 1.8em 0;
  margin: 1.4em 0;
}
.formulaire_forum form .previsu input.submit {
  padding: 0.4em 2% 0.4em;
  font-size: 1.1em;
}
.formulaire_editer_responsable {
  padding-top: 1.7em;
}
.formulaire_editer_responsable .editer_nom {
  display: none;
}
.autre .formulaire_editer_evenement .date {
  font-size: 18px;
}
.formulaire_editer_coordonnees .inscription_logo,
.formulaire_editer_coordonnees .editer_nom,
.formulaire_editer_coordonnees .editer_nom_famille,
.formulaire_editer_coordonnees .editer_prenom {
  display: none;
}
.formulaire_editer_coordonnees .editer_slogan {
  width: 95%;
}
.formulaire_editer_coordonnees .editer_liens_sites .editer {
  width: 100%;
}
#modiffiche .btfiche {
  color: #fff;
  margin-top: 1em;
}
.formulaire_editer_responsable .inscription_logo,
.formulaire_editer_responsable .editer_adresse,
.formulaire_editer_responsable .editer_code_postal,
.formulaire_editer_responsable .editer_ville,
.formulaire_editer_responsable .editer_telephone,
.formulaire_editer_responsable .editer_fax,
.formulaire_editer_responsable .editer_slogan {
  display: none;
}
/* -------------- INSCRIPTION NEWSLETTER EN UNE LIGNE -------------- */
/* -------------- FILS DE COMMENTAIRES -------------- */
.comments .comment-item {
  list-style: none;
}
.comments p {
  font-size: 1em;
}
#contenu .comments-posts h2 {
  margin-top: 20px;
  float: left;
  border-bottom: 3px solid #165ba4;
}
#contenu .comments-posts > .comments-ul > .comment-li {
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 2em;
}
#contenu .comments-posts .comments-ul {
  clear: both;
  margin-top: 1em;
  padding: 1em 0 0 0em;
}
#contenu .comments-posts .comments-ul .comment-li .hreview {
  display: flex;
  margin-bottom: 2em;
}
#contenu .comments-posts .comments-ul .comment-meta {
  width: 210px;
  flex: 1;
  margin-right: 1em;
  background: #f8f7f7;
  margin-bottom: 0;
  padding: 0.9em .9em;
  position: relative;
}
#contenu .comments-posts .comments-ul .comment-meta .spip_in .fn,
#contenu .comments-posts .comments-ul .comment-meta .dtreviewed {
  font-size: 17px;
  text-decoration: none;
  line-height: 1.2em;
  font-weight: normal;
}
#contenu .comments-posts .comments-ul .comment-meta .vcard {
  display: block;
}
#contenu .comments-posts .comments-ul .comment-meta .item {
  display: none;
}
#contenu .comments-posts .comments-ul .comment-meta .dtreviewed {
  font-weight: normal;
}
#contenu .comments-posts .comments-ul .comment-content {
  flex: 6;
}
#contenu .comments-posts .comments-ul .comment-content .comment-texte,
#contenu .comments-posts .comments-ul .comment-content .comment-texte p {
  font-size: 1em;
}
#contenu .comments-posts .comments-ul .comment-content h3.comment-texte,
#contenu .comments-posts .comments-ul .comment-content h3.comment-texte * {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: .4em;
}
#contenu .comments-posts .comments-ul .comment-reply {
  display: block;
  margin-top: 1em;
}
#contenu .comments-posts .comments-ul .comment-reply a {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 0.4em 0.8em;
  font-size: 18px;
  line-height: 1.33333333;
  border-radius: 0.2em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  transition: .2s;
  background: #fff;
  padding: .5em 0.8em;
  font-size: 0.9em;
}
#contenu .comments-posts .comments-ul .comment-reply a:focus,
#contenu .comments-posts .comments-ul .comment-reply a:active:focus,
#contenu .comments-posts .comments-ul .comment-reply a.active:focus,
#contenu .comments-posts .comments-ul .comment-reply a.focus,
#contenu .comments-posts .comments-ul .comment-reply a:active.focus,
#contenu .comments-posts .comments-ul .comment-reply a.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#contenu .comments-posts .comments-ul .comment-reply a:hover,
#contenu .comments-posts .comments-ul .comment-reply a:focus,
#contenu .comments-posts .comments-ul .comment-reply a.focus {
  color: #ffffff;
  text-decoration: none;
}
#contenu .comments-posts .comments-ul .comment-reply a:active,
#contenu .comments-posts .comments-ul .comment-reply a.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
#contenu .comments-posts .comments-ul .comment-reply a.disabled,
#contenu .comments-posts .comments-ul .comment-reply a[disabled],
fieldset[disabled] #contenu .comments-posts .comments-ul .comment-reply a {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  opacity: 0.0065;
  filter: alpha(opacity=0.65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#contenu .comments-posts .comments-ul .comment-reply a .submit {
  white-space: normal;
  line-height: 1.4em;
  font-size: 1.5em;
  font-weight: 500;
}
#contenu .comments-posts .comments-ul .comments-ul {
  padding-left: 3em;
  margin-top: -2em;
}
/*  */
.footer {
  clear: both;
}
.footer .grotit {
  margin: 3em auto 0;
  border-bottom: 5px solid #165ba4;
  width: auto;
  padding-bottom: .6em;
  text-align: center;
  border-bottom: none;
  position: relative;
}
.footer .grotit:after {
  content: "";
  display: block;
  width: 2.6em;
  height: 5px;
  background: #165ba4;
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.footer .pied {
  padding-top: 4em;
  padding-bottom: 4em;
  background-color: #f8f7f7;
  overflow: hidden;
}
.footer .pied .btn {
  background: #165ba4;
}
.footer .pied .row {
  margin-bottom: 0;
}
.footer .container {
  text-align: center;
}
.footer h2.contact,
.footer .tit {
  text-transform: uppercase;
  display: inline-block;
  padding: 0.7em;
  font-size: 1.2em;
  font-weight: 600;
  color: #165ba4;
  margin: 0 0 1em;
}
.footer h2.contact,
.footer .tit {
  padding-bottom: .5em;
}
.footer #adresse,
.footer #infolettre {
  font-size: 1.1em;
}
.footer #adresse {
  margin-bottom: 2em;
  border-right: 1px solid #fff;
}
.footer #adresse .supplement {
  font-style: italic;
  font-weight: 500;
  font-size: .9em;
}
.footer #adresse .adresse {
  margin-bottom: 1.2em;
  font-size: 1em;
  line-height: 1.7em;
}
.footer #adresse .telephone {
  color: #165ba4;
  font-size: 1.4em;
  margin: .4em;
}
.footer .btn::before {
  margin-right: 0.3em;
}
.footer #infolettre .formulaire_spip,
.footer #infolettre .editer-groupe {
  background-color: transparent;
  padding: 0 0;
  margin: 0;
}
.footer #infolettre .formulaire_spip .editer_nom,
.footer #infolettre .editer-groupe .editer_nom,
.footer #infolettre .formulaire_spip .editer_session_email,
.footer #infolettre .editer-groupe .editer_session_email {
  width: 100%;
  margin-left: 0;
}
.footer #infolettre .formulaire_spip {
  padding: 0 0 1em;
}
.footer #infolettre .text {
  border-radius: 4px 4px 4px 4px;
  color: #555555;
  font-size: 16px;
  border-radius: .3em;
  margin: 0 auto;
  padding: 0.7em 2% 0.6em;
  text-align: center;
  width: 50%;
}
.footer #infolettre .boutons {
  margin-top: 0;
}
.footer .btn,
.footer .boutons .submit {
  margin-top: 1.4em;
  padding: .3em 1em ;
  border-radius: .3em;
  font-size: 16px;
  font-weight: 400;
}
.footer .btn:hover,
.footer .boutons .submit:hover {
  background: #9b1526;
  color: #fff;
}
.footer .btn .icon-envelope,
.footer .boutons .submit .icon-envelope {
  background-image: url('https://snes.c-real.fr/squ/squ-z/ergo/bt_contact.png');
  background-position: 0;
  font-style: normal;
  margin: 0 0.2em 0 0.1em;
}
.footer .logopied .row {
  align-self: center;
  align-items: center;
  justify-content: center;
  display: flex;
  margin-top: 70px;
}
.footer .logopied .row .item-site {
  margin: 70px 40px;
}
.footer #navpied,
.footer .menu-liste {
  text-align: center;
}
.footer #navpied li,
.footer .menu-liste li {
  display: inline-block;
  list-style: none;
}
.footer #navpied li a,
.footer .menu-liste li a {
  display: inline-block;
  padding-right: 1.2em;
  margin-left: 1em;
  font-weight: normal;
  color: #000;
  font-size: .9em;
}
.footer #navpied li img,
.footer .menu-liste li img {
  margin: 0 5px .2em 0;
  height: 24px;
}
.footer #navpied li .btinfolettre img,
.footer .menu-liste li .btinfolettre img {
  padding: 4px;
  margin-right: 3px;
}
.footer #navpied li .btyt img,
.footer .menu-liste li .btyt img {
  margin-left: 1px;
  padding: 1px;
}
.footer #navpied li .btsearch img,
.footer .menu-liste li .btsearch img {
  height: 24px;
}
.footer #navpied li:last-of-type a,
.footer .menu-liste li:last-of-type a {
  border-right: 0 solid #585a5b;
}
.footer .nav {
  padding: .7em 0 0;
}
.footer .navpied {
  margin-bottom: 0;
}
.footer .menu-liste {
  margin-top: .5em;
  margin-bottom: 2.5em;
}
.footer .menu-liste li a {
  border-right: 1px solid #585a5b;
}
/*  */
/*  */
@keyframes depliantbas {
  0% {
    bottom: -160px;
  }
  100% {
    bottom: 0px;
  }
}
.depliantbas,
.depliantdroite {
  background: none repeat scroll 0% 0% #FFF;
  margin: 0px !important;
  position: fixed !important;
  z-index: 2;
}
.depliantbas {
  padding: 0px 20px 30px;
  border-top: 5px solid #165ba4;
  height: 160px;
  width: 100%;
  left: 0px;
  box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.1);
}
.depliantbas.ouvert {
  bottom: 0px;
  animation: depliantbas 2s 1 ease-in-out;
}
.depliantbas.ferme {
  display: none;
}
.depliantbas .fermer {
  position: absolute;
  bottom: 153px;
  right: 98px;
  background: none repeat scroll 0% 0% #165ba4;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 600;
  padding: 1px 8px 4px;
  border-radius: 0px 0px 5px 5px;
  display: inline-block;
  width: auto;
  font-size: 0.9em;
  margin-bottom: 15px;
  z-index: 1000;
}
.depliantbas h2 {
  background: none repeat scroll 0% 0% #165ba4;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 600;
  padding: 5px 10px 7px;
  border-radius: 0px 0px 5px 5px;
  display: inline-block;
  width: auto;
  font-size: 1.1em;
  margin-bottom: 15px;
}
.depliantbas .surtit {
  font-size: 1.5em;
  font-weight: 700;
  display: block;
  margin: 5px;
}
.depliantbas h3 {
  font-size: 1.5em;
  margin: 3px 0 3px;
}
.depliantbas .ps {
  display: inline-block;
  color: #000000;
  font-size: 0.9em;
  font-weight: 700;
  margin-left: 5px;
}
@keyframes depliantdroite {
  0% {
    right: -160px;
  }
  100% {
    right: 0px;
  }
}
.depliantdroite {
  top: 50%;
  transform: translateY(-50%);
  height: auto;
  width: 100px;
  background: none repeat scroll 0% 0% #FFF;
  right: 0px;
  font-size: 1em;
  transition: .5s;
  padding: .5em .9em .5em 1em;
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.2);
  border-radius: 5px 0 0 5px ;
  font-size: 1.4em;
}
.depliantdroite.ouvert {
  right: 0px;
  animation: depliantdroite 2s 1 ease-in-out;
}
.depliantdroite.ferme {
  transform: translate(100%, -50%);
}
.depliantdroite .fermer {
  position: absolute;
  left: -38px;
  background: #165ba4;
  width: 38px;
  color: #fff;
  height: 38px;
  border: none;
  border-radius: 5px 0 0 5px;
  padding: 0;
  font-size: 0.9em;
  top: 11px;
}
.depliantdroite .item {
  padding: .3em 0;
}
.depliantdroite .tit {
  text-align: center;
  font-size: 0.7em;
  padding: 0;
  width: 100%;
}
.depliantdroite .logo {
  border-radius: 50%;
  display: block;
  overflow: hidden;
}
.depliantdroite a.active .logo,
.depliantdroite a:hover .logo,
.depliantdroite a:focus .logo,
.depliantdroite a:active .logo,
.depliantdroite a:target .logo {
  border-width: 4px;
  border-style: solid;
}
.page_sommaire .depliantbas .container {
  text-align: left;
  padding-top: 0;
}
body #tarteaucitronRoot * {
  font-family: 'Roboto', Geneva, Verdana, sans-serif !important;
}
body #tarteaucitron .tarteaucitronBorder,
body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
  border-color: #165ba4 !important;
}
body #tarteaucitron .tarteaucitronBorder:hover,
body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {
  border-color: #134f8e !important;
}
body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
  background-color: #165ba4;
}
body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {
  background-color: #134f8e;
}
body #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList,
body #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain,
body #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden {
  border-color: #165ba4;
}
body #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
  background-color: #fff;
  color: #165ba4;
}
body #tarteaucitron #tarteaucitronInfo {
  color: #fff;
  background-color: #165ba4;
  border-width: 0;
}
body #cookie-bar,
body #tarteaucitronRoot #tarteaucitronAlertBig {
  padding-top: 1em;
  background: #165ba4;
}
body #cookie-bar #tarteaucitronDisclaimerAlert,
body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
  font-weight: 400;
  font-size: 1.1em;
}
body #cookie-bar button,
body #tarteaucitronRoot #tarteaucitronAlertBig button {
  background: #fff;
  font-weight: 500;
  border-radius: .1em;
  margin: 0 .35em .3em;
}
body #cookie-bar .cb-disable,
body #tarteaucitronRoot #tarteaucitronAlertBig .cb-disable,
body #cookie-bar .tarteaucitronDeny,
body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny,
body #cookie-bar .cb-disable span:before,
body #tarteaucitronRoot #tarteaucitronAlertBig .cb-disable span:before,
body #cookie-bar .tarteaucitronDeny span:before,
body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny span:before {
  color: #de1e36;
}
body #cookie-bar .tarteaucitronAllow,
body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAllow,
body #cookie-bar .tarteaucitronAllow span:before,
body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAllow span:before {
  color: #32ac6f;
}
/*  */
#debug-nav {
  line-height: 16px;
}
body .spip-admin-bloc,
body .spip-admin-float {
  margin-right: 3px;
  right: 0;
  display: table;
  z-index: 3000000;
  font-size: .9em;
  top: 8px;
}
body .spip-admin-bloc a,
body .spip-admin-float a {
  border-radius: 0;
}
body .spip-admin-bloc a:first-of-type,
body .spip-admin-float a:first-of-type {
  background-color: #fcc225;
  color: #000;
}
body .spip-admin-bloc a:last-of-type,
body .spip-admin-float a:last-of-type {
  background-color: #de1e36;
}
/*  */
.partage_toolbox .partage_button_facebook {
  background-color: #5267aa;
  border-color: #5267aa;
}
.partage_toolbox .partage_button_twitter {
  background-color: #26bbed;
  border-color: #26bbed;
}
html #at4-share,
html #at4-soc {
  top: 215px;
}
html.page_sommaire #at4-share,
html.page_sommaire #at4-soc {
  top: 348px;
}
/*  */
body #header {
  height: 121px;
  margin-top: 0;
  z-index: 2000;
  overflow: visible;
  background-color: #f8f7f7;
  -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}
body #header .formulaire_recherche form {
  padding: 1.2em;
  border: 3px solid #f8f7f7;
  padding: 0.5em 0.7em;
  margin: .6em;
  font-weight: 300;
  min-width: 420px;
}
body #header .formulaire_recherche form .search {
  width: 86%;
  color: #000;
  border-color: #fff;
}
body #header .formulaire_recherche form .search:focus-visible {
  outline: 0 solid transparent;
}
body #header .formulaire_recherche form .btn {
  background: #ffffff url('https://snes.c-real.fr/squ/sites/adapt_snes/ergo/svg/ico_search.svg') no-repeat right;
  background-size: 49%;
  color: transparent;
}
body #header .btdroite {
  text-transform: uppercase;
  padding: .5em .1em .3em;
}
body #header .interieur {
  background: #fff;
}
body #header .interieur .menuprincipal {
  border: none;
  margin: 0;
  z-index: 200;
  position: relative;
  transition-property: all;
  transition-duration: .6s;
  top: 0;
  border-radius: 0;
  overflow: hidden;
  height: 58px;
  width: 100%;
  background: #fff;
  height: auto;
  overflow: visible;
  height: 84px;
}
body #header .interieur .menuprincipal ul > li:first-child > a {
  margin-left: 0;
}
body #header .interieur .menuprincipal .nav-collapse {
  text-align: left;
  height: 57px;
  border: none;
  height: auto;
  overflow: visible;
  background: #fff;
  width: auto;
  font-size: 0.8em;
  margin: 1.2em 1.2em 0;
}
body #header .interieur .menuprincipal .nav-collapse ul {
  position: static;
  width: 100%;
  height: 57px;
  margin: 0;
  z-index: 100;
  text-align: center;
  float: none;
  font-size: 0;
  height: auto;
  overflow: visible;
}
body #header .interieur .menuprincipal .nav-collapse ul > li {
  float: none;
  border-top: 20px;
  padding: 1.1em 0 0 ;
  height: 3.5em;
  margin: 0;
  line-height: 200%;
  display: inline-block;
  position: relative;
  font-size: 15px;
  height: auto;
  overflow: visible;
}
body #header .interieur .menuprincipal .nav-collapse ul > li > a,
body #header .interieur .menuprincipal .nav-collapse ul > li > span {
  text-shadow: none;
  padding: 0 0 .2em;
  float: left;
  border-bottom: 3px solid transparent;
  margin: 0 .9em	;
  text-transform: none;
  background-color: transparent;
  text-transform: uppercase;
  font-size: 1.15em;
  font-weight: 500;
}
body #header .interieur .menuprincipal .nav-collapse ul > li.video > a {
  padding-left: 58px;
}
body #header .interieur .menuprincipal .nav-collapse ul > li.rezo > a {
  padding-left: 58px;
}
body #header .interieur .menuprincipal .nav-collapse ul > li.blog > a {
  padding-left: 58px;
}
body #header .interieur .menuprincipal .nav-collapse ul > li:hover a,
body #header .interieur .menuprincipal .nav-collapse ul > li.active a {
  border-bottom: 5px solid #165ba4;
  padding-bottom: 10px;
}
body #header .interieur .menuprincipal .nav-collapse ul > li:hover .ssmenu {
  top: 3.8em;
  height: 4.2em;
  border-bottom: 5px solid #165ba4;
}
body #header .interieur .menuprincipal .nav-collapse ul > li:hover .ssmenu li::after {
  display: none;
}
body #header .interieur .menuprincipal .nav-collapse ul > li.bleu,
body #header .interieur .menuprincipal .nav-collapse ul > li.vert,
body #header .interieur .menuprincipal .nav-collapse ul > li.violet,
body #header .interieur .menuprincipal .nav-collapse ul > li.jaune,
body #header .interieur .menuprincipal .nav-collapse ul > li.orange {
  background-color: #fff;
  border: none;
}
body #header .interieur .menuprincipal .nav-collapse ul > li.bleu a,
body #header .interieur .menuprincipal .nav-collapse ul > li.vert a,
body #header .interieur .menuprincipal .nav-collapse ul > li.violet a,
body #header .interieur .menuprincipal .nav-collapse ul > li.jaune a,
body #header .interieur .menuprincipal .nav-collapse ul > li.orange a {
  border-bottom: 4px solid #456;
  padding-bottom: .3em;
  font-weight: 700;
}
body #header .interieur .menuprincipal .nav-collapse ul > li.jaune a {
  border-color: #fcc225;
}
body #header .interieur .menuprincipal .nav-collapse ul > li.bleu a {
  border-color: #165ba4;
}
body #header .interieur .menuprincipal .nav-collapse ul > li.vert a {
  border-color: #5bcf95;
}
body #header .interieur .menuprincipal .nav-collapse ul > li.orange a {
  border-color: #ff7f00;
}
body #header .interieur .menuprincipal .nav-collapse ul > li.violet a {
  border-color: #894299;
}
body #header .interieur .menuprincipal .nav-collapse ul > li:after {
  content: "\\";
  font-weight: 600;
  font-size: 1.8em;
  color: #165ba4;
  margin-top: -.2em;
  vertical-align: top;
  display: inline-block;
}
body #header .interieur .menuprincipal .nav-collapse ul > li.menu-entree:last-of-type:after {
  color: transparent;
}
body #header .interieur .menuprincipal .nav-collapse ul > li.active a {
  border-bottom: 3px solid #165ba4;
  padding-bottom: 6px;
}
body #header .interieur .menuprincipal .nav-collapse ul > li:first-of-type::after {
  color: #165ba4;
}
body #header .interieur .menuprincipal .nav-collapse ul > li:nth-of-type(2)::after {
  color: #32ac6f;
}
body #header .interieur .menuprincipal .nav-collapse ul > li:nth-of-type(3)::after {
  color: #de1e36;
}
body #header .interieur .menuprincipal .nav-collapse ul > li:nth-of-type(4)::after {
  color: #fcc225;
}
body #header .interieur .menuprincipal .nav-collapse ul > li:last-child:after {
  content: "";
}
body #header .interieur .menuprincipal .nav-collapse ul .ssmenu {
  display: block;
  position: absolute;
  top: 3.5em;
  height: 0em;
  left: 0;
  width: 100%;
  z-index: -1;
  background: rgba(0, 0, 0, 0.05);
  overflow: hidden;
  border: 0;
  max-width: 300px;
}
body #header .interieur .menuprincipal .nav-collapse ul .ssmenu ul {
  display: flex;
  flex-direction: column;
}
body #header .interieur .menuprincipal .nav-collapse ul .ssmenu ul li {
  display: table-col;
  padding: 0.4em 0em;
  height: auto;
}
body #header .interieur .menuprincipal .nav-collapse ul .ssmenu ul li a {
  margin: 0;
  background: #fff;
  color: #165ba4;
  border: 0px solid #fff;
  padding-bottom: 0;
}
body #header .interieur .menuprincipal .nav-collapse li {
  float: left;
}
body #header .interieur .navbar {
  margin-bottom: 0;
  min-height: auto;
}
body #header .interieur .titsite {
  width: 210px;
  background-size: 95%;
  margin: .4em;
  padding: 14px 0 0;
  height: 1.9em;
  background-repeat: no-repeat;
  background-position: 0.4em 0.4em;
  float: left;
}
body #header .interieur li a,
body #header .interieur li span {
  color: #000;
}
body #header .interieur #navsup {
  background: #f8f7f7;
  z-index: 5;
  padding: 0 0 0 8px;
  width: 100%;
  border: 0;
  border-radius: 0;
}
body #header .interieur #navsup .nav {
  margin: 0;
  height: 50px;
  padding: 0;
}
body #header .interieur #navsup .nav.pull-right {
  width: 80%;
}
body #header .interieur #navsup .nav.pull-left {
  padding: 0;
}
body #header .interieur #navsup .nav li {
  height: 38px;
  float: left;
  margin-top: 11px;
  margin-right: 10px;
}
body #header .interieur #navsup .nav li.item_droite {
  float: right;
  margin: 0 0 0 10px;
}
body #header .interieur #navsup .nav li a {
  font-weight: 400;
  padding: 0.4em 0 .3em;
  font-size: 0.9em;
}
body #header .interieur #navsup .nav li a:hover {
  color: #165ba4;
}
body #header .interieur #navsup .nav li.droite {
  float: right;
}
body #header .interieur #navsup .nav li.droite .rouge {
  margin-right: 5px;
}
body #header .interieur #navsup .nav li.droite:nth-of-type(7) a::after {
  display: none !important;
}
body #header .interieur #navsup .nav li.btyt a::after,
body #header .interieur #navsup .nav li.bttw a::after,
body #header .interieur #navsup .nav li.btfb a::after,
body #header .interieur #navsup .nav li.btlk a::after,
body #header .interieur #navsup .nav li.btcontact a::after,
body #header .interieur #navsup .nav li.btpanier a::after {
  display: none;
  content: none;
}
body #header .interieur #navsup .nav li.btpanier {
  margin: 0 0 0 10px;
  height: 49px;
  background: #165ba4 url('https://snes.c-real.fr/squ/sites/adapt_snes/ergo/svg/ico_panier_jaune.svg') no-repeat center;
  background-size: 50%;
}
body #header .interieur #navsup .nav li.btpanier a {
  padding-top: 11px;
  padding-left: 45px;
}
body #header .interieur #navsup .nav li.btpanier a .nb_produit {
  float: left;
  border-radius: 50%;
  text-align: center;
  font-weight: 600;
  vertical-align: middle;
  line-height: 0.6em;
  font-size: 0.8em;
  display: block;
  position: relative;
  color: #fff;
  background-color: #de1e36;
  padding: 0.4em;
  top: -0.8em;
  left: -0.5em;
  aspect-ratio: 1;
  align-items: center;
  display: flex;
}
body #header .interieur #navsup .nav li.btico {
  margin: 10px 0 0;
  padding: 0;
}
body #header .interieur #navsup .nav li.btico img {
  width: 100%;
}
body #header .interieur #navsup .nav li.btfb img,
body #header .interieur #navsup .nav li.bttw img,
body #header .interieur #navsup .nav li.btyt img,
body #header .interieur #navsup .nav li.btlk img {
  height: 18px;
  margin-right: 5px;
}
body #header .interieur #navsup .nav li.liaccueil {
  float: left;
  margin-right: .2em;
}
body #header .interieur #navsup .nav li.btnl {
  width: auto;
  margin: 11px 12px 0 13px;
}
@media screen and (max-width: 1502px) {
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li:hover .ssmenu {
    z-index: 1;
    top: 50px;
    left: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body .page #header .interieur .menuprincipal .nav-collapse {
    display: none;
    top: 114px;
    padding: 0 7px;
    overflow: hidden;
    background: #165ba4;
    left: 0;
    width: auto;
  }
  body .page #header .interieur .menuprincipal .nav-collapse ul > li {
    padding: 0.8em 0 0;
  }
  body .page #header .interieur .menuprincipal .nav-collapse ul > li::after {
    margin-top: 0;
  }
  body .page #header .interieur .menuprincipal .nav-collapse ul > li > a,
  body .page #header .interieur .menuprincipal .nav-collapse ul > li > span {
    text-transform: initial;
    font-weight: 400;
  }
  body .page #header .interieur .menuprincipal .nav-collapse ul > li > a:hover {
    border-bottom: 0 solid transparent;
    padding: 0;
    color: #fcc225;
  }
  body .page #header .interieur .menuprincipal .nav-collapse .menu-liste {
    width: auto;
  }
  body .page #header .interieur .menuprincipal .nav-collapse .menu-liste > li {
    height: auto;
  }
  body .page #header .interieur .menuprincipal .nav-collapse .menu-liste > li > a,
  body .page #header .interieur .menuprincipal .nav-collapse .menu-liste > li > span {
    font-size: 1.2em;
    margin: 0 1em;
    padding: 0;
  }
  body .page #header .interieur .menuprincipal .logomenu {
    margin-right: 2.2%;
    margin-top: 4px;
  }
  body .page #header .interieur .menuprincipal .navbar-toggle {
    position: relative;
    float: right;
    margin: 10px 3% 0 2.3%;
    background-color: transparent;
    background-image: none;
    border-radius: 0.2em;
    border: 3px solid #f8f7f7;
    padding: 20px 15px;
  }
  body .page #header .interieur .menuprincipal .navbar-toggle svg {
    fill: #165ba4;
  }
  body #header .formulaire_recherche form {
    min-width: 510px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
  body #header .interieur .menuprincipal .nav-collapse {
    margin: 1.2em 0 0 13vw;
  }
}
@media screen and (max-width: 1279px) {
  body #header .interieur .menuprincipal .ssmenu {
    display: none;
  }
  body #header .interieur .menuprincipal .nav-collapse {
    position: absolute;
    width: 100vw;
    margin: 0;
    border-top: 2px solid #165ba4;
    top: 114px;
  }
  body #header .interieur .menuprincipal .nav-collapse {
    width: 100%;
  }
  body #header .interieur .menuprincipal .nav-collapse .menu-liste {
    background: #165ba4;
    width: 100%;
    overflow: hidden;
    height: auto;
    display: flex;
    padding-bottom: 10px;
    flex-direction: column;
  }
  body #header .interieur .menuprincipal .nav-collapse .menu-liste > li {
    width: 100%;
    height: 3.1em;
    display: block;
    order: 2;
  }
  body #header .interieur .menuprincipal .nav-collapse .menu-liste > li:after {
    display: none;
  }
  body #header .interieur .menuprincipal .nav-collapse .menu-liste > li > a,
  body #header .interieur .menuprincipal .nav-collapse .menu-liste > li > span {
    color: #fff;
    font-size: 1.4em;
    margin: 0 4.7vw;
    padding: 0 0 0.1em;
    border-bottom: 4px solid transparent;
    height: auto;
    text-align: left;
    overflow: hidden;
    display: block;
  }
  body #header .interieur .menuprincipal .nav-collapse .menu-liste .visible-xs {
    background: #9b1526;
    order: 1;
    padding-top: 1.1em;
    height: 3.9em;
  }
  body #header .interieur .menuprincipal .nav-collapse .menu-liste .visible-xs a:hover {
    color: #fcc225;
  }
  body #header .interieur .menuprincipal .nav-collapse .search {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .nav-collapse {
    margin: 1.2em 0 0 1.2em;
  }
}
@media screen and (max-width: 767px) {
  body .page .formvisible {
    overflow: hidden;
    top: 158px;
    z-index: 11;
    position: absolute;
    height: 0;
    width: 100vw;
    background: rgba(22, 91, 164, 0.8);
    padding: 0;
  }
  body .page .formvisible #formulaire_recherche {
    display: block;
    overflow: hidden;
    margin: 0 0 ;
  }
  body .page .formvisible #formulaire_recherche:focus-within {
    box-shadow: 0 0 11px #000;
  }
  body .page .formvisible #formulaire_recherche form {
    margin: 0;
    min-width: 100%;
    background-color: #fff;
    padding: 6px 0 3px;
    overflow: hidden;
    border-bottom: 2px solid #165ba4;
  }
  body .page .formvisible #formulaire_recherche form .text {
    float: left;
    margin-right: 1%;
    margin-left: 1%;
    font-size: 1.1em;
    font-weight: 400;
    color: #000;
    height: 39px;
    text-transform: initial;
    padding: .1em 0 0 0.7em;
    width: 83%;
  }
  body .page .formvisible #formulaire_recherche form .btn {
    float: right;
    padding: 0.3em 0em;
    color: #fff;
    background-size: 62%;
    margin-right: 10px;
    margin-bottom: 5px;
    color: transparent;
    width: 36px;
    height: 40px;
  }
  body .page #header {
    box-shadow: 0 0 0 transparent;
  }
  body .page #header .interieur #navsup {
    height: 45px;
    padding: 0;
    background-color: #F4F3ED;
  }
  body .page #header .interieur #navsup .nav {
    float: right;
    width: auto;
    position: static;
  }
  body .page #header .interieur #navsup .nav .btn-navbar {
    margin-right: 6px;
    position: absolute;
    left: 0;
  }
  body .page #header .interieur #navsup .nav a {
    color: #fff;
  }
  body .page #header .interieur #navsup .nav a:hover,
  body .page #header .interieur #navsup .nav a:focus {
    color: #fcc225;
  }
  body .page #header .interieur #navsup .nav li {
    float: left;
    line-height: 14px;
    margin-right: 0;
    margin: 10px 0 0 6px;
  }
  body .page #header .interieur #navsup .nav li.btabonne,
  body .page #header .interieur #navsup .nav li.btnl {
    display: none;
  }
  body .page #header .interieur #navsup .nav li.btcontact {
    padding-top: 0;
  }
  body .page #header .interieur #navsup .nav li.btcontact a {
    padding: 5px 0 0px;
  }
  body .page #header .interieur #navsup .nav li.btcontact a::before {
    padding: 0;
    font-size: 13.5px;
    line-height: 1.3em;
  }
  body .page #header .interieur #navsup .nav li.btpanier {
    position: absolute;
    right: 0;
  }
  body .page #header .interieur #navsup .nav li.btsearch {
    padding: 0px 0 0 10px;
    margin: 8.5px 48px 0 0;
    float: right;
  }
  body .page #header .interieur #navsup .nav li.btsearch a {
    padding: 4px;
  }
  body .page #header .interieur #navsup .nav li.btsearch img {
    width: 26px;
  }
  body .page #header .interieur #navsup .nav .btnl a,
  body .page #header .interieur #navsup .nav .btpresse a {
    line-height: 14px;
    float: none;
  }
  body .page #header .interieur #navsup .nav .btnl a::before,
  body .page #header .interieur #navsup .nav .btpresse a::before {
    float: left;
  }
  body .page #header .interieur #navsup .nav .btnl a::after,
  body .page #header .interieur #navsup .nav .btpresse a::after {
    content: "|";
    font-weight: 300;
    color: #fff;
    font-size: 20px;
    margin: 0 13px;
    line-height: 14px;
  }
  body .page .logomobile {
    position: fixed;
    padding: 20px 20vw;
    width: 100vw;
    text-align: center;
    background: #fff;
  }
  body .page .logomobile img {
    max-width: 130px;
  }
  body .page #navsup {
    top: 107px;
  }
  body .page #header .interieur .logo {
    width: 60px;
    background-size: 200px;
  }
  body .page #header .interieur #nav.menuprincipal .formulaire_recherche {
    display: none;
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse {
    margin: 1.2em 1.2em 1.2em 0;
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li > span,
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li > a {
    margin: 0 0.6em;
  }
  body .page_interieure #header {
    height: 115px;
  }
  .navbar-toggle svg {
    width: 25px;
    padding: 2px;
    margin: 1px 4px;
  }
  body .page #header {
    position: relative;
    padding: 0 0 50px;
    overflow: visible;
    height: 157px;
  }
  body .page #header .interieur .logo {
    top: 2.9em;
    background-position: 6vw -2vw;
    background-size: 108%;
    width: 100vw;
    height: 35vw;
  }
  body .page #header .interieur .logo a,
  body .page #header .interieur .logo h1 {
    height: 8em;
    width: 100vw;
    display: block;
    overflow: hidden;
  }
  body .page #header .interieur .logo h1 {
    height: 4em;
  }
  body .page #header .interieur .container .logo {
    background-position: 0;
    background-size: 105%;
  }
  body .page #header .interieur #navsup {
    height: 4em;
    position: fixed;
    z-index: 10;
    height: 50px;
    min-height: 0;
    padding: 0;
    background-color: #000;
  }
  body .page #header .interieur #navsup ul {
    height: 51px;
  }
  body .page #header .interieur #navsup .nav {
    width: 100vw;
    padding: 0 2vw 0 2vw;
  }
  body .page #header .interieur #navsup .nav a:hover {
    font-weight: 400;
  }
  body .page #header .interieur #navsup .nav .btn-navbar {
    float: left;
    margin-right: 5px;
    margin-top: 7.5px;
    height: 34px;
    width: 42px;
    padding: 0 0.3em;
  }
  body .page #header .interieur #navsup .nav .btn-navbar:hover svg,
  body .page #header .interieur #navsup .nav .btn-navbar:focus svg,
  body .page #header .interieur #navsup .nav .btn-navbar:active svg {
    fill: #fff;
  }
  body .page #header .interieur #navsup .bt_droite:hover {
    opacity: .8;
  }
  body .page #header .interieur .menuprincipal {
    display: none;
    position: fixed;
    background: rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-shadow: 0 30px 37px #000000;
    -moz-box-shadow: 0 30px 37px #000000;
    box-shadow: 0 30px 37px #000000;
    width: 100vw;
    height: auto;
    margin: 28px 0 0;
    z-index: 1100;
    overflow: visible;
  }
  body .page #header .interieur .menuprincipal .btn-navbar {
    float: left;
    background: #fff;
    padding: 9px 8px;
    border-radius: 0;
  }
  body .page #header .interieur .menuprincipal .btn-navbar .icon-bar {
    display: block;
    width: 23px;
    height: 4px;
    background-color: #999;
  }
  body .page #header .interieur .menuprincipal .btn-navbar .menu-liste,
  body .page #header .interieur .menuprincipal .btn-navbar .plus {
    display: none;
  }
  body .page #header .content {
    margin: 0;
    border-top: 7px solid #165ba4;
  }
  body .page #header #navsup .nav .btn-navbar {
    width: 1.82em;
    text-align: center;
    padding: inherit;
  }
  body .page #header #navsup .nav .btn-navbar a {
    text-align: center;
  }
  body .page #header .interieur .container .logo {
    background-position: 0;
    background-size: 105%;
  }
  body .page #header .interieur #nav.menuprincipal {
    overflow: visible;
  }
  body .page #header .interieur #navsup {
    padding: 0 0;
    background-color: #165ba4;
    box-shadow: 5px 5px 5px #0002;
  }
  body .page #header .interieur #navsup .nav {
    padding: 0 1.5vw 0 40px	;
  }
  body .page #header .interieur #navsup .nav .btico a img {
    margin: .05em 0 .15em;
  }
  body .page #header .interieur #navsup .nav li.btcontact a {
    font-size: 0;
  }
  body .page #header .interieur #navsup .nav li.btpanier {
    margin-top: 0;
  }
  body .page #header .logo {
    display: none;
  }
}
@media screen and (min-width: 480px) {
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li:hover a {
    border-bottom: 4px solid #165ba4;
    padding-bottom: 10px;
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li:hover .ssmenu {
    height: auto;
    overflow: hidden;
    left: 0.9em;
    width: 100vw;
    padding: 1.2em 1.8em;
    background-color: #165ba4;
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li:hover .ssmenu ul {
    background-color: transparent;
    box-shadow: 0 0 rgba(0, 0, 0, 0);
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li:hover .ssmenu ul > li:hover a {
    padding-left: 12px;
    border-left: 3px solid #fff;
    border-bottom-width: 0;
    margin-bottom: 5px;
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li:hover .ssmenu li {
    background-color: transparent;
    float: none;
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li:hover .ssmenu li a {
    background-color: transparent;
    margin: 0 1.5em	0 0;
    font-weight: 400;
    width: auto;
    color: #fff;
    padding-top: 0;
    padding-bottom: 0;
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li:hover:last-of-type:hover .ssmenu {
    right: .9em;
    left: inherit;
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li > a,
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li:active a,
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li:hover a {
    height: auto;
  }
  .page_auteurs .laliste .item-auteur,
  .page_auteurs .laliste .item-auteur {
    text-align: center;
  }
  .page_auteurs .message {
    text-align: center;
  }
  .atss.atss-right .at4-share-title {
    transform: rotate(-90deg) translate(1.4em, 1.5em);
    background: #fff;
    transform-origin: center;
    padding: 0.8em;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  body #header .interieur #navsup {
    top: 0;
  }
  body #header .interieur #navsup .nav li.liaccueil {
    background: #c9c9c9;
    padding: 2px 10px 0;
    border-radius: 0;
  }
  body #header .interieur #navsup .nav a::after {
    content: "|";
    margin: 0 0.2em 0 1em;
    font-weight: 300;
  }
  body #header .interieur .menuprincipal {
    display: flex;
    flex-direction: row;
    justify-content: center;
    box-shadow: 0 3px 11px #aaa5;
    padding: 3vh 0 4vh;
    height: calc(7vh + 72px);
  }
  body #header .interieur .menuprincipal .logomenu img {
    height: 65px;
    width: auto;
    margin-top: 4px;
  }
  .page_interieur .menuprincipal {
    box-shadow: 0 3px 11px #aaa5;
  }
}
@media screen and (min-width: 992px) {
  .formvisible {
    display: none;
  }
  #header ul li:hover ul,
  .nav-collapse ul li:hover ul {
    display: block;
  }
}
@media screen and (min-width: 1280px) {
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li:hover .ssmenu {
    z-index: 1;
    top: 51px;
    left: 15px;
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li:hover:last-of-type:hover .ssmenu {
    right: 1.4em;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  body .page #header .interieur #navsup {
    padding: 0;
  }
  body .page #header .interieur #navsup .btico {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .page #header .interieur #navsup .nav {
    width: 53%;
    padding: 0;
  }
  body #header {
    height: 19vw;
    margin: 0;
  }
  body #header .interieur .logo {
    background-size: 60%;
    width: 100vw;
    height: 27vw;
    background-repeat: no-repeat;
    background-position: 62% top;
  }
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
  body #header .interieur .menuprincipal .nav-collapse ul > li > a,
  body #header .interieur .menuprincipal .nav-collapse ul > li > span {
    margin: 0 .3em;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1501px) {
  /* cssdyn-css_spip_css-98edc400-cssify-b2b949d.css | https://snes.c-real.fr/local/cache-less/cssdyn-css_spip_css-98edc400-cssify-b2b949d.css */
  body #header .formulaire_recherche form {
    /* min-width: 420px; */
    min-width: 390px;
  }
  body #header .interieur .menuprincipal .nav-collapse ul > li > a,
  body #header .interieur .menuprincipal .nav-collapse ul > li > span {
    /* font-size: 1.15em; */
    font-size: 1.05em;
  }
  body #header .formulaire_recherche form .search {
    /* width: 86%; */
    width: 85%;
  }
}
/* ======== TYPOS  ========== */
/*	Les imports typo places dans les spécificités
		pour ne pas surcharger les autres squelettes */
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEz0dL_nz.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEzQdL_nz.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEzwdL_nz.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEzMdL_nz.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEz8dL_nz.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEz4dL_nz.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEzAdLw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc3CsTKlA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc2CsTKlA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc5CsTKlA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc1CsTKlA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc3CsTKlA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc-CsTKlA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc2CsTKlA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc5CsTKlA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc1CsTKlA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc3CsTKlA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc-CsTKlA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc2CsTKlA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc5CsTKlA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc1CsTKlA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ************************** MIXINS ************************** */
.filetapres {
  padding-bottom: 0.3em;
}
.filetapres::after {
  height: 1px;
  background-color: #d3d3d3;
  margin-top: 1em;
}
/* ************************ MISE EN PAGE *********************** */
.estompe {
  opacity: 30%;
}
.container > .row {
  margin-bottom: 3em;
}
.fondgris {
  background-color: #f8f7f7;
  padding-top: 60px;
  margin-bottom: 110px;
}
/* *****************  LISTES D'ITEMS ET ELEMENTS  ****************** */
/* -------------- LIENS -------------- */
.lls {
  display: inline-block;
  font-size: 500;
}
.llsrub {
  color: #000;
  font-size: 1.4em;
  vertical-align: bottom;
  font-weight: 600;
  margin-left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  text-decoration: none;
  border-bottom: 3px solid #165ba4;
  margin-bottom: 0;
  padding-bottom: 1.5em;
}
.llsrub::after {
  content: url('https://snes.c-real.fr/squ/sites/adapt_snes/ergo/svg/fleche_multicolore.svg');
  width: 30px;
  display: inline-block;
  transform: translate(7px, 7px);
}
/* -------------- BOUTONS -------------- */
.btn {
  transition: .2s;
}
a.btn-blanc {
  color: #000;
}
.btn-jaune,
a.btn-jaune,
.btn-jaune .submit,
a.btn-jaune .submit {
  color: #0d3661;
}
.btn-jaune:hover,
a.btn-jaune:hover,
.btn-jaune:active,
a.btn-jaune:active,
.btn-jaune:hover .submit,
a.btn-jaune:hover .submit,
.btn-jaune:active .submit,
a.btn-jaune:active .submit {
  background-color: #165ba4;
  border-color: transparent;
  color: #fcc225;
}
.btn-jaune:hover.btn-panier::after,
a.btn-jaune:hover.btn-panier::after,
.btn-jaune:active.btn-panier::after,
a.btn-jaune:active.btn-panier::after {
  content: url('https://snes.c-real.fr/squ/sites/adapt_snes/ergo/svg/ico_panier_jaune.svg');
}
.label-jaune {
  color: #165ba4;
}
.btn-livre::before,
.btn-panier::before,
.btn-livre::after,
.btn-panier::after {
  height: auto;
  width: 20px;
  display: inline-block;
  position: relative;
}
.btn-livre::before,
.btn-panier::before {
  margin-right: 15px;
}
.btn-livre::after,
.btn-panier::after {
  margin-left: 5px;
}
.btn-panier .montant {
  margin-left: 4px;
}
.btn-panier::after {
  content: url('https://snes.c-real.fr/squ/sites/adapt_snes/ergo/svg/ico_panier.svg');
}
.btn-panier::before {
  margin-right: 6px;
}
.btn-livre::after {
  content: url('https://snes.c-real.fr/squ/sites/adapt_snes/ergo/svg/ico_lire_blanc.svg');
  top: 2px;
  left: 3px;
}
.btn-livre:hover,
.btn-livre:active {
  background: none;
}
.btn .submit,
.boutons .submit {
  white-space: normal;
  line-height: 1.4em;
  font-size: 1.5em;
  font-weight: 500;
}
/* -------------- TITRES -------------- */
.arcenciel {
  background-color: #165ba4;
  color: #fff;
  font-weight: 600;
  font-size: 17px;
  padding: 0.4em 0.7em 0;
  display: table;
  min-height: 32px;
  position: relative;
}
.arcenciel:after {
  content: url('https://snes.c-real.fr/squ/sites/adapt_snes/ergo/svg/livres.svg');
  display: block;
  position: absolute;
  width: 35px;
  top: 0;
  right: -35px;
}
.description .soustitre,
.grosoustit {
  float: none;
  line-height: 1em;
  font-size: 1.5em;
  font-weight: bold;
  font-style: none;
  margin: 0;
  padding: 0;
  color: #000;
}
.grosoustit {
  font-size: 1.7em;
  margin: 0.6em 0 0;
}
h2.tit,
h3.tit {
  font-size: 2em;
  color: #165ba4;
  margin: 0.7em 0 1.2em;
  padding: 0 0.1em .5em 0;
  line-height: 1.2em;
}
h3.tit,
h4.tit {
  display: table;
  font-size: 1.4em;
  margin: 0.7em 0 0.9em;
}
.tit {
  font-weight: 500;
}
.titit {
  width: 190px;
  margin-bottom: .5em;
}
.grotit {
  color: #165ba4;
  font-size: 2.8em;
  text-align: center;
  margin: 0 auto .4em;
  display: table;
  width: 100%;
  text-transform: none;
  float: none;
  padding-bottom: .2em;
}
.entouregrotit {
  margin-top: 70px;
  position: relative;
}
.entouregrotit:after {
  content: "";
  display: block;
  width: 430px;
  height: 1px;
  background: #d3d3d3;
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.entouregrotit .grotit {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0.5em;
}
.entouregrotit .grotit:after {
  content: "";
  display: block;
  width: 142px;
  height: 5px;
  background: #165ba4;
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.auteur_ouvrage {
  margin: 0;
  font-weight: 600;
  display: table;
  font-size: 1.5em;
}
.auteur_ouvrage .par,
.auteur_ouvrage a {
  text-transform: uppercase;
}
/* -------------- BOUTIQUE ET PRIX -------------- */
/* Déclinaisons de prix */
.ecran,
.ecran_declinaison {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(22, 91, 164, 0.66);
}
.ecran .demande_publi_ok,
.ecran_declinaison .demande_publi_ok {
  position: absolute;
  left: 50%;
  top: 48%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.ecran .demande_publi_ok .btn,
.ecran_declinaison .demande_publi_ok .btn {
  position: static !important;
  display: block;
  margin-bottom: 1em;
}
.ecran .demande_publi_ok .minitit,
.ecran_declinaison .demande_publi_ok .minitit {
  color: #fff;
}
.ecran .btn,
.ecran_declinaison .btn {
  margin: 0 auto 2.4em;
  max-width: 80%;
}
.decliprix .btn-acheter {
  background-color: transparent;
  border-color: transparent;
  color: #165ba4;
  position: relative;
  font-size: 12px;
  text-align: center;
}
.decliprix .btn-acheter .montant {
  padding: 9px 4px 0 0;
  float: left;
  font-size: 31px;
  font-weight: 600;
  color: #165ba4;
}
.decliprix .btn-acheter .montant .montant__devise {
  font-size: .5em;
  transform: translate(-7px, -5px);
  display: block;
  float: right;
}
.item {
  overflow: visible;
}
.page .liste-items .grosurtit,
.page .laliste .grosurtit {
  display: table;
  overflow: hidden;
  background: #165ba4;
  color: #fff;
  padding: .2em 2.5%;
  position: relative;
  padding-bottom: 0.3em;
  text-transform: uppercase;
  padding: .2em 0.8em;
  margin: 0 auto 1em;
  font-weight: 500;
}
.page .liste-items .grosurtit a,
.page .laliste .grosurtit a {
  color: #fff;
}
.page .liste-items .grosurtit a,
.page .laliste .grosurtit a {
  color: #fff;
}
.page .liste-items .grosurtit:after,
.page .laliste .grosurtit:after {
  content: "";
  display: block;
  width: 1306px;
  height: 2px;
  background: #165ba4;
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.page .liste-items .grosurtit::after,
.page .laliste .grosurtit::after {
  height: 1px;
  background-color: #d3d3d3;
  margin-top: 1em;
}
.page .liste-items .grosurtit a,
.page .laliste .grosurtit a {
  color: #fff;
}
.page .liste-items .grotit,
.page .laliste .grotit {
  margin: .5em 0 1.5em;
  font-size: 43px;
  text-transform: initial;
  font-weight: 500;
}
.page .liste-items .item .tit,
.page .laliste .item .tit {
  font-size: 1.4em;
  text-transform: inherit;
  color: #373939;
  margin-bottom: 1em;
}
.page .liste-items .item .tit a,
.page .laliste .item .tit a {
  color: #373939;
}
.page .liste-items .item .soustit,
.page .laliste .item .soustit {
  font-size: .8em;
  font-weight: 400;
  display: block;
}
.page .liste-items .item .desc,
.page .laliste .item .desc,
.page .liste-items .item .introduction,
.page .laliste .item .introduction {
  font-size: .85em;
}
.page .liste-items .item .btn,
.page .laliste .item .btn {
  display: table;
  text-align: left;
  margin: 1em 0 2.4em;
  font-size: 0.9em;
  font-weight: 500;
  border-radius: .3em;
  padding: 0.5em 0.8em 0.6em 1em;
  position: relative;
}
.page .liste-items .item .btn .gras,
.page .laliste .item .btn .gras {
  color: #165ba4;
  font-weight: 500;
}
.page .liste-items .item .message_telechargement_oui,
.page .laliste .item .message_telechargement_oui {
  font-size: 0.6em;
  padding: 0em 0.8em 0em 1em;
  margin-bottom: .2em;
  margin-top: 0;
}
.page .liste-items .item .message_telechargement_oui .submit,
.page .laliste .item .message_telechargement_oui .submit {
  padding: 0.3em 0 0.4em;
}
.page .liste-items .item-commande,
.page .laliste .item-commande {
  text-align: left;
  background-color: #f8f7f7;
  padding: 20px;
  overflow: hidden;
}
.page .liste-items .item-commande .tit,
.page .laliste .item-commande .tit {
  position: relative;
  padding-bottom: 0.3em;
  padding-bottom: 0.7em;
}
.page .liste-items .item-commande .tit:after,
.page .laliste .item-commande .tit:after {
  content: "";
  display: block;
  width: 1306px;
  height: 2px;
  background: #165ba4;
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.page .liste-items .item-commande .tit::after,
.page .laliste .item-commande .tit::after {
  height: 1px;
  background-color: #d3d3d3;
  margin-top: 1em;
}
.page .liste-items .item-commande .btn,
.page .laliste .item-commande .btn {
  margin-bottom: 0;
}
.page .liste-items .item-commande .prix,
.page .laliste .item-commande .prix {
  font-size: 1.6em;
  font-weight: 600;
  margin: 0.5em 0 0.4em;
  color: #165ba4;
}
.page .liste-items .item-produit,
.page .laliste .item-produit {
  text-align: center;
  margin: 10% 0 30%;
}
.page .liste-items .item-produit .intro,
.page .laliste .item-produit .intro {
  min-height: 160px;
  margin-bottom: 0;
}
.page .liste-items .item-produit .tit,
.page .laliste .item-produit .tit {
  font-size: 1.5em;
  margin-bottom: 0;
  font-size: 600;
  text-align: center;
  width: 100%;
}
.page .liste-items .item-produit .tit a,
.page .laliste .item-produit .tit a {
  color: #000;
  margin-bottom: 0.2em;
  display: block;
}
.page .liste-items .item-produit .tit .soustit,
.page .laliste .item-produit .tit .soustit {
  font-weight: 300;
  font-size: 0.65em;
  padding: 0.1em 0 0;
}
.page .liste-items .item-produit .auteur_ouvrage,
.page .laliste .item-produit .auteur_ouvrage {
  margin: 0 auto .5em;
  font-weight: 300;
  text-align: center;
  font-size: 16px;
  line-height: 1.5em;
}
.page .liste-items .item-produit .auteur_ouvrage .par,
.page .laliste .item-produit .auteur_ouvrage .par,
.page .liste-items .item-produit .auteur_ouvrage a,
.page .laliste .item-produit .auteur_ouvrage a {
  text-transform: none;
  font-size: 21px;
  font-weight: 300;
}
.page .liste-items .item-produit .entourelogo,
.page .laliste .item-produit .entourelogo {
  align-self: center;
  align-items: center;
  justify-content: center;
  display: flex;
  overflow: hidden;
  border: 1px solid #d3d3d3;
  background-image: url('https://snes.c-real.fr/squ/sites/adapt_snes/ergo/svg/bg_feuilles.svg');
  background-size: 92%;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 0 7%;
  padding: 14%;
  width: 100%;
}
.page .liste-items .item-produit .entourelogo:hover .spip_logo,
.page .laliste .item-produit .entourelogo:hover .spip_logo {
  transition: .5s;
  transform: rotate(-3deg);
}
.page .liste-items .item-produit .entourelogo .spip_logo,
.page .laliste .item-produit .entourelogo .spip_logo {
  margin: 0;
}
.page .liste-items .item-produit .boutons,
.page .laliste .item-produit .boutons {
  text-align: center;
}
.page .liste-items .item-produit .boutons form div > .btn-panier,
.page .laliste .item-produit .boutons form div > .btn-panier,
.page .liste-items .item-produit .boutons > .btn-panier,
.page .laliste .item-produit .boutons > .btn-panier {
  float: right;
  padding: 0;
}
.page .liste-items .item-produit .boutons form div > .btn-panier .montant,
.page .laliste .item-produit .boutons form div > .btn-panier .montant,
.page .liste-items .item-produit .boutons > .btn-panier .montant,
.page .laliste .item-produit .boutons > .btn-panier .montant {
  margin-left: 4px;
}
.page .liste-items .item-produit .boutons form div > .btn-panier::before,
.page .laliste .item-produit .boutons form div > .btn-panier::before,
.page .liste-items .item-produit .boutons > .btn-panier::before,
.page .laliste .item-produit .boutons > .btn-panier::before {
  content: url('https://snes.c-real.fr/squ/sites/adapt_snes/ergo/svg/ico_panier_rouge.svg');
}
.page .liste-items .item-produit .boutons form div > .btn-panier::after,
.page .laliste .item-produit .boutons form div > .btn-panier::after,
.page .liste-items .item-produit .boutons > .btn-panier::after,
.page .laliste .item-produit .boutons > .btn-panier::after {
  content: none;
}
.page .liste-items .item-produit .boutons form div > .btn-panier:hover,
.page .laliste .item-produit .boutons form div > .btn-panier:hover,
.page .liste-items .item-produit .boutons > .btn-panier:hover,
.page .laliste .item-produit .boutons > .btn-panier:hover {
  background-color: transparent;
}
.page .liste-items .item-produit .boutons > .btn-livre,
.page .laliste .item-produit .boutons > .btn-livre {
  float: left;
  margin-top: 1px;
}
.page .liste-items .item-produit .boutons > .btn-livre::before,
.page .laliste .item-produit .boutons > .btn-livre::before {
  content: url('https://snes.c-real.fr/squ/sites/adapt_snes/ergo/svg/ico_lire.svg');
  top: 2px;
  left: 3px;
}
.page .liste-items .item-produit .boutons > .btn-livre::after,
.page .laliste .item-produit .boutons > .btn-livre::after {
  content: none;
}
.page .liste-items .item-produit .btn-lls,
.page .laliste .item-produit .btn-lls,
.page .liste-items .item-produit .btn-panier.submit,
.page .laliste .item-produit .btn-panier.submit {
  background-color: transparent;
  font-size: 16px;
  border-width: 0;
  font-weight: 400;
}
.page .liste-items .item-produit .btn-lls:hover,
.page .laliste .item-produit .btn-lls:hover,
.page .liste-items .item-produit .btn-panier.submit:hover,
.page .laliste .item-produit .btn-panier.submit:hover,
.page .liste-items .item-produit .btn-lls:active,
.page .laliste .item-produit .btn-lls:active,
.page .liste-items .item-produit .btn-panier.submit:active,
.page .laliste .item-produit .btn-panier.submit:active {
  color: #165ba4;
}
.page .liste-items .item-produit .btn-lls,
.page .laliste .item-produit .btn-lls {
  background-image: url("//snes.c-real.fr/sites/snes.c-real.fr/local/cache-css/");
  background-position: left 3px;
}
.page .liste-items .item-produit .btn-acheter,
.page .laliste .item-produit .btn-acheter {
  padding: 8px 5px 5px;
  min-width: 120px;
  text-align: left;
}
.page .liste-items .item-produit .boutons .prix,
.page .laliste .item-produit .boutons .prix {
  border-bottom: 1px solid #d3d3d3;
  padding: 0 0 20px;
  margin: 0 0 22px;
  width: 100%;
  align-self: center;
  align-items: center;
  justify-content: center;
  display: flex;
}
.page .liste-items .item-produit .boutons .prix .decliprix,
.page .laliste .item-produit .boutons .prix .decliprix {
  margin: 0 7%;
}
.page .liste-items .item-produit .boutons .prix .btn-acheter,
.page .laliste .item-produit .boutons .prix .btn-acheter {
  color: #585a5b;
  line-height: 120%;
  font-weight: 400;
}
.page .liste-items .item-produit .boutons .prix .btn-acheter .montant,
.page .laliste .item-produit .boutons .prix .btn-acheter .montant {
  top: 6px;
  min-width: 64px;
  text-align: right;
}
.page .liste-items .item-produit .boutons .prix .btn-acheter .titmontant,
.page .laliste .item-produit .boutons .prix .btn-acheter .titmontant {
  float: right;
  width: 40px;
}
.page .liste-items .item-produit .boutons .prix .btn-panier,
.page .laliste .item-produit .boutons .prix .btn-panier {
  padding: 1em;
}
.page .liste-items .item-produit .boutons .prix .btn-panier::before,
.page .laliste .item-produit .boutons .prix .btn-panier::before {
  display: none;
}
.page .liste-items .item-produit .boutons .prix .btn-panier .montant,
.page .laliste .item-produit .boutons .prix .btn-panier .montant {
  float: left;
}
.page .liste-items .item-produit .ecran .btn,
.page .laliste .item-produit .ecran .btn,
.page .liste-items .item-produit .ecran_declinaison .btn,
.page .laliste .item-produit .ecran_declinaison .btn {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
.page .liste-items .ecran_declinaison,
.page .laliste .ecran_declinaison {
  align-self: center;
  align-items: center;
  justify-content: center;
  display: flex;
  display: none;
  padding: 19%;
  flex-direction: column;
}
.page .liste-items .ecran_declinaison .decliprix .btn-acheter,
.page .laliste .ecran_declinaison .decliprix .btn-acheter {
  background-color: #fff;
  margin-bottom: 19%;
}
.page .liste-items .ecran_declinaison .decliprix .btn-acheter .montant,
.page .laliste .ecran_declinaison .decliprix .btn-acheter .montant {
  top: 14px;
  left: 9px;
}
.page .liste-items .ecran_declinaison .decliprix .btn-acheter:hover,
.page .laliste .ecran_declinaison .decliprix .btn-acheter:hover,
.page .liste-items .ecran_declinaison .decliprix .btn-acheter:active,
.page .laliste .ecran_declinaison .decliprix .btn-acheter:active {
  background-color: #165ba4;
}
.page .liste-items .ecran_declinaison .decliprix .btn-acheter:hover .montant,
.page .laliste .ecran_declinaison .decliprix .btn-acheter:hover .montant,
.page .liste-items .ecran_declinaison .decliprix .btn-acheter:active .montant,
.page .laliste .ecran_declinaison .decliprix .btn-acheter:active .montant {
  color: #fff;
}
.page .liste-items .item-art .tit,
.page .laliste .item-art .tit,
.page .liste-items .item-site .tit,
.page .laliste .item-site .tit {
  font-size: 28px;
  font-weight: 600;
}
.page .liste-items .item-art .tit .surtit,
.page .laliste .item-art .tit .surtit,
.page .liste-items .item-site .tit .surtit,
.page .laliste .item-site .tit .surtit {
  color: #fff;
}
.page .liste-items .item-art .tit .soustit,
.page .laliste .item-art .tit .soustit,
.page .liste-items .item-site .tit .soustit,
.page .laliste .item-site .tit .soustit {
  color: #165ba4;
}
.page .liste-items .item-art a.surtit,
.page .laliste .item-art a.surtit,
.page .liste-items .item-site a.surtit,
.page .laliste .item-site a.surtit {
  background-color: #165ba4;
  color: #fff;
  font-weight: 600;
  font-size: 17px;
  padding: 0.4em 0.7em 0;
  display: table;
  min-height: 32px;
  position: relative;
  font-weight: 400;
}
.page .liste-items .item-art a.surtit:after,
.page .laliste .item-art a.surtit:after,
.page .liste-items .item-site a.surtit:after,
.page .laliste .item-site a.surtit:after {
  content: url('https://snes.c-real.fr/squ/sites/adapt_snes/ergo/svg/livres.svg');
  display: block;
  position: absolute;
  width: 35px;
  top: 0;
  right: -35px;
}
.page .liste-items .item-art .soustit,
.page .laliste .item-art .soustit,
.page .liste-items .item-site .soustit,
.page .laliste .item-site .soustit {
  font-size: 26px;
  font-weight: 400;
  margin-top: 0.4em;
}
.page .liste-items .item-art .cnt,
.page .laliste .item-art .cnt,
.page .liste-items .item-site .cnt,
.page .laliste .item-site .cnt,
.page .liste-items .item-art .cnt p,
.page .laliste .item-art .cnt p,
.page .liste-items .item-site .cnt p,
.page .laliste .item-site .cnt p {
  font-size: 16px;
  line-height: 28px;
}
.page .liste-items .item-art .introboutons > .boutons > .btn:hover,
.page .laliste .item-art .introboutons > .boutons > .btn:hover,
.page .liste-items .item-site .introboutons > .boutons > .btn:hover,
.page .laliste .item-site .introboutons > .boutons > .btn:hover {
  background: #fff;
  color: #165ba4;
  border-color: #fff;
  box-shadow: #0005 10px 5px 30px ;
  margin-left: 5px;
}
.page .liste-items .item-site .tit,
.page .laliste .item-site .tit {
  font-size: 27px;
}
.page .liste-items .item-site .entourelogo,
.page .laliste .item-site .entourelogo {
  display: block;
  min-height: 190px;
  background-image: -moz-linear-gradient(top, #ffffff 0, #f8f7f7 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff 0), to(#f8f7f7 100%));
  background-image: -webkit-linear-gradient(top, #ffffff 0, #f8f7f7 100%);
  background-image: -o-linear-gradient(top, #ffffff 0, #f8f7f7 100%);
  background-image: linear-gradient(to bottom, #ffffff 0, #f8f7f7 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f7f7', GradientType=0);
}
/* -------------- PAGINATION -------------- */
/* ---------------------- Caroussel ---------------------- */
.contenu .owl-carousel {
  margin-bottom: 100px;
  position: relative;
  overflow: visible;
}
.contenu .owl-carousel .owl-stage-outer {
  margin-bottom: 3em;
}
.contenu .owl-carousel .owl-stage-outer .owl-item > .item {
  background: url('https://snes.c-real.fr/squ/sites/adapt_snes/ergo/bgcarrousel.jpg') no-repeat center;
  background-size: cover;
  border: 2px solid #d3d3d3;
  height: 520px;
  width: 100%;
}
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .ecran,
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .ecran_declinaison {
  margin-top: 16px;
}
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .ecran .btn,
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .ecran_declinaison .btn {
  max-width: 100%;
}
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .legende {
  text-align: left;
  width: 53%;
  padding: 40px 0 0 50px;
  position: static;
}
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .surtit {
  background-color: #165ba4;
  color: #fff;
  font-weight: 600;
  font-size: 17px;
  padding: 0.4em 0.7em 0;
  display: table;
  min-height: 32px;
  position: relative;
  margin-bottom: 2em;
  font-size: 16px;
  padding: 0.35em 0.7em 0;
  line-height: 1.4em;
}
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .surtit:after {
  content: url('https://snes.c-real.fr/squ/sites/adapt_snes/ergo/svg/livres.svg');
  display: block;
  position: absolute;
  width: 35px;
  top: 0;
  right: -35px;
}
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .tit {
  border-bottom: 0 solid transparent;
  font-style: 2.3em;
}
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .soustit {
  font-size: 0.67em;
  margin-top: 0.2em;
  line-height: 1.3em;
}
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .desc {
  padding-bottom: 3em;
  font-size: 1.3em;
}
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .auteur_ouvrage {
  margin: 0 0 .6em;
}
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .auteur_ouvrage a,
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .auteur_ouvrage span {
  text-transform: none;
}
.contenu .owl-carousel .owl-stage-outer .owl-item > .item:after {
  display: none;
}
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .logo {
  width: 40%;
  top: 15%;
  position: absolute;
  right: 4%;
  background: transparent url('https://snes.c-real.fr/squ/sites/adapt_snes/ergo/svg/bg_feuilles_multicolores.svg') no-repeat center;
  padding: 0 9% 9% 0;
  transform: rotate(3deg);
  transform-origin: center 90%;
}
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .logo img {
  transform: rotate(-6deg);
}
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .btn,
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .colorub {
  position: absolute;
}
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .btn {
  bottom: 35px;
}
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .btn-panier {
  left: 220px;
}
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .btn-livre {
  left: 50px;
}
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .btn-livre:hover,
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .btn-livre:active {
  background-color: #0d3661;
}
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .message_telechargement_oui,
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .message_telechargement_non {
  right: 50px;
  box-shadow: 5px 5px 15px #0008;
}
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .message_telechargement_oui .submit,
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .message_telechargement_non .submit {
  font-size: 18px;
}
.contenu .owl-carousel .owl-stage-outer .owl-item > .item .colorub {
  left: 23%;
  bottom: 30px;
}
.contenu .owl-carousel .owl-stage-outer .owl-item > .item:hover .logo {
  transition: 1s;
  transform: rotate(5deg);
}
.contenu .owl-carousel .owl-stage-outer .owl-item > .item:hover .logo img {
  transform: rotate(-5deg);
  transition: 1s;
}
.contenu .owl-carousel .owl-nav button.owl-prev,
.contenu .owl-carousel .owl-nav button.owl-next,
.contenu .owl-carousel .owl-nav button.owl-dot {
  padding: 0 !important;
}
.contenu .owl-carousel .owl-nav button.owl-next,
.contenu .owl-carousel .owl-nav button.owl-prev {
  top: 40%;
  background: transparent url('https://snes.c-real.fr/squ/sites/adapt_snes/ergo/svg/carroufleche.svg') center no-repeat;
  color: transparent;
  width: 47px;
}
.contenu .owl-carousel .owl-nav button.owl-next span,
.contenu .owl-carousel .owl-nav button.owl-prev span {
  height: 100%;
}
.contenu .owl-carousel .owl-nav button.owl-prev {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  left: 0;
  transform: rotate(180deg);
  transition: all .4s;
  left: -112px;
}
.contenu .owl-carousel .owl-nav button.owl-prev:hover,
.contenu .owl-carousel .owl-nav button.owl-prev:active {
  opacity: .8;
}
.contenu .owl-carousel .owl-nav button.owl-next {
  transition: all .4s;
  right: -112px;
}
.contenu .owl-carousel .owl-nav button.owl-next:hover,
.contenu .owl-carousel .owl-nav button.owl-next:active {
  opacity: .8;
}
.contenu .owl-carousel .owl-dots {
  display: none;
}
/* ******************* PAGE D'ACCUEIL ****************** */
/* ********** PAGES INTERIEURES ********** */
/* -------------- FIL D'ARIANE -------------- */
.chemin {
  margin: 13px 0 0;
  padding-left: 0;
  text-align: left;
}
.ariane .container {
  overflow: hidden;
}
.ariane .container .large {
  border-bottom: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  overflow: hidden;
  margin-bottom: 30px;
}
.partage {
  border-top: 1px solid #d3d3d3;
  padding: 13px 8px 0 0;
  width: 150px;
  float: right;
}
.partage * {
  float: left;
}
.partage h4 {
  font-size: .8em;
  float: left;
}
.partage .partage_toolbox a {
  background-color: transparent;
  border-color: transparent;
}
.partage .socialtags {
  float: right;
  margin: -2px 0 0px 0;
  clear: none;
}
.partage .socialtags li img {
  display: none;
}
.partage .socialtags li a:before {
  display: block;
  width: 16px;
  height: 20px;
}
.partage .socialtags li.facebook a:before {
  content: url('https://snes.c-real.fr/squ/sites/adapt_snes/ergo/svg/ico_fb.svg');
}
.partage .socialtags li.twitter a:before {
  content: url('https://snes.c-real.fr/squ/sites/adapt_snes/ergo/svg/ico_tw.svg');
}
.partage .socialtags li.linkedin a:before {
  width: 20px;
  height: 16px;
  content: url('https://snes.c-real.fr/squ/sites/adapt_snes/ergo/svg/ico_linkedin.svg');
}
/* ----------- INTRODUCTION DE PAGE ----------- */
.content .chapo ul.spip li::before {
  top: 0em;
  width: 0.4em;
  height: 0.4em;
}
/* -------- ELEMENTS MIS EN EXERGUE -------- */
.page_interieure {
  margin-top: 12em;
}
.page_interieure .content .container {
  text-align: left;
}
.page_interieure .content .grotit {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: left;
}
.page_interieure .intro {
  margin-bottom: 80px;
  text-align: left;
}
.page_interieure .intro .grotit {
  font-size: 58px;
  font-weight: 500;
  padding-bottom: .4em;
}
.page_interieure .intro .grosurtit {
  display: table;
  margin: 0 0 -0.5em;
  font-size: 2em;
  line-height: 1.1em;
  padding: 0 0 1em;
}
.page_interieure .intro .grosurtit::after {
  content: "";
}
.page_interieure .intro .grosoustit {
  font-size: 39px;
  margin: -0.2em 0 1em;
}
.page_interieure .laliste,
.page_interieure .liste-items {
  text-align: center;
}
.page_interieure .laliste .grotit,
.page_interieure .liste-items .grotit {
  text-align: center;
  margin-bottom: 2em;
}
.page_interieure .laliste .filtre,
.page_interieure .liste-items .filtre {
  padding-top: 2em;
  padding-bottom: 2.1em;
}
.page_interieure .laliste .filtre .select-design,
.page_interieure .liste-items .filtre .select-design {
  margin-left: 20px;
  margin-right: 20px;
}
.page_interieure .laliste .filtre h3.select-design,
.page_interieure .liste-items .filtre h3.select-design {
  margin-bottom: 0;
}
/* ************* PAGES DE TYPE CONTENU ************* */
.page_type_contenu img {
  max-width: 100%;
}
.page_type_contenu .article-letexte {
  margin-top: 30px;
}
.page_type_contenu .liste-items .item .tit .surtit {
  color: #fff;
}
.article .intertit {
  border-bottom: 2px solid #165ba4;
  display: inline-block;
  padding-bottom: 0.1em;
  margin-top: .7em;
}
.article .label {
  margin: 0 0.3em 0.3em 0;
  display: inline-block;
  font-weight: 600;
  color: #262727;
}
.article .encart .item {
  padding-left: 0;
}
.article .boutons {
  text-align: center;
}
.article .participation {
  display: block;
  overflow: hidden;
  font-weight: 600;
  padding: 1em 0;
  margin-top: 1em;
  line-height: 1.5em;
}
.article .participation .par {
  display: table;
  color: #165ba4;
  font-size: 1.2em;
  margin: 0 0 1em;
  padding: 0 0 .3em;
  border-bottom: 2px solid #165ba4;
}
.article .participation .bio {
  font-weight: 400;
}
.laliste .llsrub {
  display: table;
  margin-left: auto;
  margin-right: auto;
  transform: translate(0);
  margin-top: 4em;
}
.page_article .intro {
  margin-bottom: 80px;
}
.page_article .corps {
  margin-bottom: 120px;
}
.page_article .chapo {
  margin-bottom: 2em;
}
.page_article .auteur_ouvrage {
  line-height: 1.2em;
}
.page_article .ps {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #d3d3d3;
  padding-top: 4em;
  margin: 0 0 2em;
}
.page_article .logo_principal {
  padding: 60px;
  background: #f8f7f7;
  width: 100%;
  text-align: center;
  margin-bottom: 3em;
}
.page_article .logo_principal .lien_extrait {
  z-index: 2;
  margin-top: 3em;
  position: relative;
}
.page_article .logo_principal .lien_extrait:after {
  content: "";
  display: block;
  width: 270px;
  height: 1px;
  background: #165ba4;
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.page_article .logo_principal .lien_extrait::after {
  width: 278px;
  transform: translate(-50%, -16px);
  z-index: -1;
  position: absolute;
}
.page_article .dateachat {
  margin-bottom: 3em;
}
.page_article .dateachat .date {
  float: left;
  background-color: transparent;
  text-decoration: none;
  text-align: center;
  border-color: transparent;
}
.page_article .dateachat .date .titit {
  display: block;
  color: #165ba4;
  text-transform: uppercase;
  border-bottom: 2px solid #d3d3d3;
  width: 80px;
}
.page_article .dateachat .date .cnt {
  text-decoration: none;
  display: block;
  font-weight: 500;
}
.page_article .encartcompte .grotit,
.page_article .encartcompte .decliprix {
  float: left;
}
.page_article .encartcompte .grotit {
  text-align: center;
  border-bottom: 2px solid #d3d3d3;
  width: 80px;
  margin-right: 20px;
  font-size: 20px;
  padding-top: 7px;
  padding-bottom: 8px;
  font-weight: 500;
}
.page_article .encartcompte .decliprix {
  background: #fcc225;
  color: #165ba4;
  border-radius: 5px;
  display: block;
  padding: 5px 5px 0;
  text-align: center;
  margin-left: 22px;
  height: 68px;
  transition: .5s;
  min-width: 120px;
}
.page_article .encartcompte .decliprix .message_telechargement_non,
.page_article .encartcompte .decliprix .message_telechargement_oui {
  align-self: center;
  align-items: center;
  justify-content: center;
  display: flex;
  white-space: inherit;
  color: #fff;
  font-weight: 500;
  border-radius: 3px;
  padding: 13px 8px;
  height: 68px;
  font-size: 16px;
  margin: -5px;
  line-height: 1.3em;
}
.page_article .encartcompte .decliprix .message_telechargement_non .submit,
.page_article .encartcompte .decliprix .message_telechargement_oui .submit {
  line-height: 120%;
}
.page_article .encartcompte .decliprix .message_telechargement_non:hover .submit,
.page_article .encartcompte .decliprix .message_telechargement_oui:hover .submit,
.page_article .encartcompte .decliprix .message_telechargement_non:active .submit,
.page_article .encartcompte .decliprix .message_telechargement_oui:active .submit {
  color: #fff;
}
.page_article .encartcompte .decliprix .message_telechargement_non {
  background-color: #ca0909;
}
.page_article .encartcompte .decliprix .message_telechargement_non:hover,
.page_article .encartcompte .decliprix .message_telechargement_non:active {
  background-color: #ba0000;
}
.page_article .encartcompte .decliprix .message_telechargement_oui {
  background-color: #32ac6f;
}
.page_article .encartcompte .decliprix .message_telechargement_oui:hover,
.page_article .encartcompte .decliprix .message_telechargement_oui:active {
  background-color: #217149;
}
.page_article .encartcompte .decliprix .btn-acheter {
  background-image: url('https://snes.c-real.fr/squ/sites/adapt_snes/ergo/svg/ico_panier.svg');
  background-position: right 3px;
  background-repeat: no-repeat;
  background-size: 37px;
  min-width: 107px;
  position: relative;
}
.page_article .encartcompte .decliprix .btn-acheter .montant {
  padding: 5px 31px 3px 0;
  font-size: 35px;
  min-width: 90px;
}
.page_article .encartcompte .decliprix .btn-acheter .titmontant {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
  text-align: center;
  font-size: 1.25em;
  font-weight: 500;
}
.page_article .encartcompte .decliprix:hover,
.page_article .encartcompte .decliprix:active {
  background-color: #165ba4;
}
.page_article .encartcompte .decliprix:hover .btn-acheter,
.page_article .encartcompte .decliprix:active .btn-acheter {
  background-image: url('https://snes.c-real.fr/squ/sites/adapt_snes/ergo/svg/ico_panier_jaune.svg');
}
.page_article .encartcompte .decliprix:hover *,
.page_article .encartcompte .decliprix:active * {
  color: #fcc225;
}
.page_article .liste-doc .item {
  background-color: transparent;
}
.page_article .liste-doc .item .tit {
  margin-bottom: 0.6em;
}
.page_article .liste-doc .item .desc {
  font-size: 1.3em;
}
.page_article .liste-doc .coldroite {
  margin-top: .1em;
}
.page_article .liste-doc .grotit-doc {
  border-bottom: 3px solid #165ba4;
  padding-bottom: 0.5em;
  display: inline-table;
  width: auto;
  font-size: 24px;
}
.page_article .liste-doc.galerie .entourelogo {
  padding: 10px;
}
.page_article .liste-items {
  margin-bottom: 150px;
}
/* ************* PAGES DE TYPE LISTE ************** */
.page_type_liste .intro {
  margin-bottom: 7em;
}
.page_type_liste .intro .chapo {
  margin: 1em 0 0;
  text-align: left;
  font-weight: 400;
  font-size: 20px;
}
.page_auteurs .liste-items > .row {
  overflow: visible;
}
.page_auteurs .item-auteur .logo {
  border-radius: 50%;
}
.page_auteurs .item-auteur .message {
  padding: 0.1em 0 1em;
}
.page_auteurs .item-auteur .formulaire_contact_libre {
  top: 342px;
  left: 0;
  width: calc(200% + 16px);
}
.page_auteurs .item-auteur .formulaire_contact_libre form legend {
  font-size: 1.6em;
}
.page_auteurs .item-auteur .formulaire_contact_libre::before {
  transform: rotate(-45deg) translate(58px);
}
.page_auteurs .item-auteur .ecran_declinaison {
  background-color: transparent !important;
}
.page_auteurs .page_type_liste #intro .grotit {
  margin: 1em 0 0.2em;
}
/* ------------  PAGE CONTACT ------------ */
.page_contact .intro .grotit {
  padding: 0;
}
/* ------------  PAGE RUBRIQUE ------------ */
.page_rubrique .laliste.traditionelle .filtre {
  margin-bottom: 100px;
}
.page_rubrique .laliste.traditionelle .filtre .container {
  text-align: center;
}
.page_rubrique .laliste.traditionelle .filtre .item {
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  margin: 0 .4em .8em;
  background: #165ba4;
  padding: 1.2em 1.4em;
  border-radius: 0.3em;
  margin: 1em .8em 0.1em;
}
.page_rubrique .laliste.traditionelle .filtre .item .tit {
  color: #fff;
}
.page_rubrique .laliste.traditionelle .filtre h3.select-design {
  display: table;
  margin-bottom: 18px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border-bottom: 2px solid #165ba4;
  padding-bottom: 3px;
}
.page_rubrique .laliste.traditionelle .item-art .soustit {
  font-size: 22px;
}
.page_rubrique .laliste.traditionelle .item {
  margin-bottom: 4em;
}
.page_rubrique .laliste.traditionelle .item .tit {
  margin-bottom: 0.2em;
}
/* ------------  PAGE RECHERCHE ------------ */
.page_recherche .intro {
  margin-bottom: 2em;
}
.page_recherche .indication {
  font-style: italic;
  font-size: 1.1em;
}
.page_recherche .liste-items .grosurtit {
  margin-top: 80px;
}
.page_recherche .liste-items .item .grotit {
  position: relative;
  padding-bottom: 0.3em;
  margin-bottom: 0.7em;
}
.page_recherche .liste-items .item .grotit:after {
  content: "";
  display: block;
  width: 1306px;
  height: 2px;
  background: #165ba4;
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.page_recherche .liste-items .item .grotit::after {
  height: 1px;
  background-color: #d3d3d3;
  margin-top: 1em;
}
.page_recherche .liste-items .item .tit {
  margin-bottom: 5px;
}
.page_recherche .liste-items .item .btn {
  float: right;
  margin-right: 10px;
}
/* ------------  PAGE VIDEO ------------ */
/* ------------  PAGE PLAN DU SITE ------------ */
/* ****** PAGE COMPTE UTILISATEUR ***** */
.page_compte #pass_securise {
  top: 40px;
}
.page_compte .mode-pdf_achat .boutons .boutons .decliprix .btn-acheter {
  display: none;
}
.page_compte .mode-pdf_achat .intro {
  margin-bottom: 2em;
}
.page_compte .mode-pdf_achat .item .message_telechargement_oui {
  margin-bottom: 2.3em;
  margin-top: 1em;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
}
.onglets {
  padding-bottom: 4em;
  overflow: hidden;
}
.onglets .ongletclic {
  color: #000;
  opacity: 30%;
  font-size: 2.5em;
  padding-bottom: .4em;
  border-bottom: 3px solid transparent;
}
.onglets .ongletclic.titinscription {
  float: right;
}
.onglets .ongletclic.active {
  border-color: #165ba4;
  opacity: 100%;
}
.connect .titconnect {
  color: #000;
  font-size: 2.5em;
}
.content .grosboutons .grosbouton {
  padding: 0 0 26%;
  height: 0;
  margin-bottom: 2em;
  margin-top: 2em;
  min-height: 0;
}
.content .grosboutons .legende,
.content .grosboutons .legende .titit {
  font-size: 15px;
  font-weight: 600;
  width: 100%;
  line-height: 1.4em;
}
.formulaire_login form input.text,
.formulaire_login form input.password {
  width: 100%;
}
.page_panier .contenu .grotit {
  padding-bottom: 0.2em;
}
.page_panier .contenu .grotit::before {
  content: url('https://snes.c-real.fr/squ/sites/adapt_snes/ergo/svg/ico_panier_multicolore.svg');
  width: 72px;
  display: inline-block;
  margin: 0 5px 0 0;
}
.page_panier .contenu .intro {
  margin-bottom: 5em;
}
.page_panier .contenu .formulaire_panier .quantite .btn_supprimer span {
  line-height: 1.3em;
  display: block;
  margin: 0.5em 0;
}
.page_panier .contenu .formulaire_spip form .btn_vider {
  float: left;
  background-color: transparent;
  color: #000;
  font-weight: 400;
  width: 200px;
  border: none;
  line-height: 1.3em;
  padding-bottom: 20px;
}
.page_panier .contenu .formulaire_spip form .btn_vider::before {
  content: url('https://snes.c-real.fr/squ/sites/adapt_snes/ergo/svg/ico_corbeille.svg');
  width: 57px;
  display: inline-block;
  float: left;
  transform: translateY(-17px);
}
.page_panier .contenu .formulaire_spip form .btn_vider:hover,
.page_panier .contenu .formulaire_spip form .btn_vider:active {
  background: transparent;
  color: #165ba4;
}
.page_panier .contenu .formulaire_panier thead th,
.page_panier .contenu .formulaire_panier .total_ttc td {
  color: #165ba4;
  font-weight: 500;
  font-size: 24px;
  padding: 1em .9em 1.2em;
}
.page_panier .contenu .formulaire_panier .total_ttc td {
  border-top: 2px solid #165ba4;
}
.page_panier .contenu .formulaire_panier thead th {
  padding: 1.5em .9em 1.2em;
  border-bottom: 2px solid #165ba4;
}
.page_panier .contenu .formulaire_panier .emplette td {
  padding: 1.5em;
}
.page_paiement .intro {
  margin-bottom: 30px;
}
.page_paiement_retour .contenu .article {
  font-size: 14px;
}
/* ************* PIED DE PAGE ************* */
/* --------------  Spip admin-------------- */
body .spip-admin-bloc,
body .spip-admin-float {
  top: auto;
  bottom: 8px;
}
/* --------------  ADMIN SPIP -------------- */
/* --------------  ADDTHIS -------------- */
.partage_toolbox a img {
  height: 16px;
  margin: 0 0 0 9px;
}
@media screen and (max-width: 1501px) {
  .content #myCarousel .owl-next,
  .content #myCarousel .owl-prev {
    margin: 3.6em 0;
  }
  .content #myCarousel:hover .legende .desc {
    height: 9em;
  }
  .content #agenda {
    margin-top: 4.6em;
  }
  .content #reste {
    margin-top: 1.5em;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1501px) {
  body .contenu .grosboutons .grosbouton {
    min-height: 15em;
  }
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
  body .contenu .grosboutons .grosbouton {
    min-height: 13em;
  }
  .content #myCarousel .owl-next,
  .content #myCarousel .owl-prev {
    margin: 2.8em 0;
  }
  .content #myCarousel .owl-carousel .item .legende .tit {
    font-size: 1.6em;
  }
}
@media screen and (max-width: 1279px) {
  .content #formulaire_recherche2 .saisie_input {
    width: 58%;
  }
  body #tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
    width: calc(100% - 20px);
    text-align: center;
    margin-bottom: 1em;
  }
  body #tarteaucitronRoot button {
    margin: 0 .35em .7em;
  }
  body .spip-admin-float {
    bottom: 7px;
    top: inherit;
  }
  .depliantbas {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  /*  */
  .page_videos .liste-videos .tit {
    min-height: 2.8em;
    font-weight: 500;
  }
  .page_auteurs .item-auteur .formulaire_contact_libre {
    min-width: 580px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  /*  */
  #footer #pied #infolettre .text,
  .footer #pied #infolettre .text {
    width: 70%;
  }
  #footer #pied,
  .footer #pied {
    margin-top: 0;
  }
  #footer #pied #adresse .telephone,
  .footer #pied #adresse .telephone {
    font-size: 1.2em;
  }
  #footer #navpied li,
  .footer #navpied li,
  #footer .menu-liste li,
  .footer .menu-liste li {
    margin-top: 0em;
  }
  body .contenu .grosboutons .grosbouton {
    min-height: 11em;
  }
}
@media screen and (max-width: 991px) {
  .container {
    padding-left: 4%;
    padding-right: 4%;
  }
  .content #bicolonnes .asidedroite .grotit {
    width: 100%;
  }
  .content #formulaire_recherche2 .saisie_input {
    width: 47%;
  }
  .content .item-video {
    width: 100%;
  }
  .content .item-video .mediainterieur {
    max-height: 100%;
  }
  .page_videos .item .tit {
    margin-top: 0;
    min-height: 0;
  }
  .footer #pied #infolettre .text {
    text-align: center;
  }
  .footer .grotit {
    margin-top: 1.4em;
    font-size: 2em;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    overflow: hidden;
  }
  #infolettre {
    width: 60%;
    margin: 9% 20% 0;
  }
}
@media screen and (max-width: 767px) {
  /*  */
  /*  */
  img {
    height: auto;
  }
  iframe {
    max-width: 100%;
  }
  .page #wrapper {
    margin-top: 0;
    top: 6vw;
  }
  .col-sm-6,
  .col-sm-12,
  .col-sm-4 {
    width: 100%;
  }
  .content .margesup {
    width: 94%;
  }
  .encart-message {
    line-height: 150%;
    padding: 0;
    text-align: center;
    font-size: 1.4em;
    background-position: top;
    font-weight: 300;
    hyphens: auto;
  }
  .encart-message .spip_logos {
    max-width: 80%;
  }
  .encart-message .coldroite .desc {
    line-height: 150%;
    margin-top: 1em;
    display: block;
  }
  .frise {
    padding: 0;
  }
  .frise .carreblanc {
    padding: 1em 1em 0;
  }
  .titsuite,
  .page .content .contenu h3.spip {
    font-size: 1.8em;
  }
  .frise,
  .content h2 {
    margin: 0;
  }
  .llsrub:before {
    display: none;
  }
  /*  */
  .pagination {
    margin: 0 0 8vw;
  }
  .pagination .pages strong,
  .pagination .pages a {
    width: 1.4em;
    border: 0 solid #fff;
    border-top: .4em solid #fff;
  }
  .titsuite {
    font-size: 1.8em;
  }
  .llsrub:before {
    display: none;
  }
  /*  */
  .contenu .formulaire_spip form .saisie_case {
    width: 100%;
  }
  .contenu .formulaire_spip form legend,
  .contenu .formulaire_spip form .legend {
    font-size: 1.5em;
    line-height: 170%;
    font-weight: 500;
  }
  .contenu .formulaire_spip form label {
    font-size: 1em;
  }
  .contenu .formulaire_spip form fieldset legend,
  .contenu .formulaire_spip form fieldset .legend,
  .contenu .formulaire_spip form fieldset .row-fluid {
    width: 95%;
  }
  .formulaire_login form #pass_securise {
    display: none;
  }
  /*  */
  /*  */
  body .chemin {
    display: none;
    margin: 1em 0 0em;
  }
  body #intro,
  body .intro {
    float: none;
    margin-bottom: 1em;
  }
  body #intro .grotit,
  body .intro .grotit {
    font-size: 2.3em;
    margin: 0.6em auto 0;
    line-height: 110%;
  }
  body #intro .chapo,
  body .intro .chapo {
    margin-bottom: 1.5em;
  }
  .content {
    margin-top: 0.5em;
    /*  */
  }
  .content #bicolonnes {
    /*  */
  }
  .content #bicolonnes .colgauche .blocrub {
    width: auto;
    margin-bottom: 2em;
  }
  .content #bicolonnes .colgauche .llsrub {
    display: table;
    text-align: center;
    margin: 0 auto;
    font-size: 1em;
    padding: .5em 0 1em;
    text-decoration: none;
    background: transparent url('https://snes.c-real.fr/squ/squelettes/ergo/fleche/b_gras.svg') no-repeat center bottom;
  }
  .content .asidedroite .lls {
    margin: 2em auto 0;
  }
  .content .asidedroite .item {
    border-left: none;
    padding-left: 0;
  }
  .content .asidedroite .llsrub {
    margin: 2em auto 0;
    display: table;
    text-align: center;
  }
  .content .asidedroite .item-breve {
    border-bottom: none;
    padding-bottom: 0;
  }
  .content .asidedroite #podcasts .grotit {
    background-size: 36%;
  }
  .content .asidedroite .oe-play-button button {
    padding: 0 0 0;
    left: 0;
    margin-left: 2%;
  }
  .content .asidedroite .oembed_file {
    margin-bottom: 1em;
  }
  .content .asidedroite .oembed_file .oe-title,
  .content .asidedroite .oembed_file .oembed-author {
    margin-right: 0;
  }
  .content .asidedroite .pubcarre {
    margin-bottom: 0;
    border-bottom: none;
  }
  /*  */
  .content .liste-mot .mc:first-of-type {
    margin-left: 0;
  }
  .content .liste-mot .tit-mot {
    margin-bottom: .2em;
  }
  .liste-mot .item {
    font-size: 1.2em;
  }
  .liste-grille .item {
    display: block;
    min-width: 100%;
  }
  /*  */
  #footer,
  .footer {
    padding: 0;
    margin: 0;
  }
  #footer .nav,
  .footer .nav {
    padding-left: 0;
    padding-right: 0;
  }
  #footer #pied,
  .footer #pied {
    margin: 0;
    padding-top: 2em;
  }
  #footer #pied #adresse,
  .footer #pied #adresse {
    border-right: none;
  }
  #footer #pied #infolettre .text,
  .footer #pied #infolettre .text {
    width: 100%;
    height: 2.7em;
  }
  #footer #pied #infolettre .boutons,
  .footer #pied #infolettre .boutons {
    font-size: 1.3em;
  }
  #footer #pied #infolettre .boutons .submit,
  .footer #pied #infolettre .boutons .submit {
    margin-top: 0;
    background: #145497;
    color: #fff;
    width: 100%;
    padding-top: .7em;
    padding-bottom: .7em;
    border: 0 solid #165ba4;
  }
  #footer #pied #infolettre .boutons .submit:hover,
  .footer #pied #infolettre .boutons .submit:hover,
  #footer #pied #infolettre .boutons .submit:focus,
  .footer #pied #infolettre .boutons .submit:focus {
    background: #fff;
    color: #145497;
    border-width: 1px;
  }
  #footer #navpied .icones,
  .footer #navpied .icones,
  #footer .navpied .icones,
  .footer .navpied .icones {
    padding: 7px 0 ;
    font-size: 0;
    margin: 0;
  }
  #footer #navpied .icones li,
  .footer #navpied .icones li,
  #footer .navpied .icones li,
  .footer .navpied .icones li {
    margin-top: 9px;
  }
  #footer #navpied .icones li a,
  .footer #navpied .icones li a,
  #footer .navpied .icones li a,
  .footer .navpied .icones li a {
    padding-right: 10px;
    margin-left: 3px;
  }
  #footer #navpied .icones li a img,
  .footer #navpied .icones li a img,
  #footer .navpied .icones li a img,
  .footer .navpied .icones li a img {
    width: 33px;
  }
  #footer #navpied .menu-liste,
  .footer #navpied .menu-liste,
  #footer .navpied .menu-liste,
  .footer .navpied .menu-liste {
    padding: 0.6em 0 1em;
    background: #f8f7f7;
    font-size: .9em;
    line-height: 70%;
    display: block !important;
    margin: 1em 0 3em;
  }
  #footer #navpied .menu-liste li,
  .footer #navpied .menu-liste li,
  #footer .navpied .menu-liste li,
  .footer .navpied .menu-liste li {
    margin-top: 0.7em;
  }
  #footer #services .item,
  .footer #services .item {
    height: 55vw;
    background-position: 0 7vw;
  }
  #footer #services .item .tit,
  .footer #services .item .tit {
    height: 12vw;
    text-align: center;
    background-position: bottom;
  }
  #footer #partenaires,
  .footer #partenaires {
    padding: 1em 0;
  }
  #footer .container,
  .footer .container {
    margin: 4%;
    width: 92%;
    font-size: 0.8em;
    line-height: 140%;
  }
  #footer .container img,
  .footer .container img {
    margin: 16px 0 10px;
    max-width: 70%;
  }
  #footer #membres img,
  .footer #membres img {
    margin: 0;
    max-width: 100%;
  }
  #footer #membres .lls,
  .footer #membres .lls {
    margin: 0 0 4em;
    padding-right: 20px;
  }
  #footer #membres .logo,
  .footer #membres .logo {
    border: 2px solid #d3d3d3;
  }
  /*  */
  .content #myCarousel {
    margin: 0;
  }
  .content #myCarousel .item {
    margin: 0;
    height: 100vw;
    overflow: hidden;
  }
  .content #myCarousel .item .logo {
    overflow: hidden;
    display: block;
  }
  .content #myCarousel .item .logo img {
    max-width: inherit;
    height: calc(100vh - 170px);
    width: 100%;
    object-fit: cover;
    object-position: center center;
  }
  .content #myCarousel .item .legende {
    width: 90%;
    padding: 2% 0% 25%;
    background-color: transparent;
    font-size: .8em;
  }
  .content #myCarousel .item .legende .surtit {
    margin: 0 auto;
    display: table;
    max-width: 80%;
  }
  .content #myCarousel .item .legende .tit {
    font-size: 2em;
    line-height: 1.2;
    margin: 0 auto 0.3em;
    text-align: center;
    display: table;
    font-weight: 500;
  }
  .content #myCarousel .item .legende .soustit {
    margin-top: -0.5em;
    max-width: 95%;
  }
  .content #myCarousel .item .legende .desc {
    display: none;
  }
  .content #myCarousel .item .legende .btn {
    display: none;
  }
  .content #myCarousel .owl-nav {
    display: none;
  }
  .content .banniere_une {
    height: 20vw !important;
    margin-bottom: 0;
  }
  .content #agenda {
    width: 100vw;
    margin-top: 3.5em;
  }
  .content #agenda .titagenda {
    padding: 0.2em 5% .4em;
    top: 0;
    margin: 0 0 1.2em;
  }
  .content #agenda .margesup {
    overflow: hidden;
  }
  .content #agenda .item {
    padding: 0;
    display: block;
    margin-bottom: 0.7em;
  }
  .content #agenda .item .logo {
    overflow: visible;
    height: auto;
  }
  .content #agenda .item .logo:after {
    margin: 0;
    width: auto;
  }
  .content #agenda .item img {
    width: 100%;
  }
  .content #agenda .item .tit {
    left: 5%;
    bottom: 0.7em;
    font-size: 1.4em;
    width: 90%;
    padding: 0.5em 0.7em;
  }
  .content #agenda .item .legende {
    padding: 0.3em 3%;
  }
  .content #agenda .item .dateetlieu {
    font-size: 0.8em;
    width: 90%;
    left: 5%;
  }
  .content #agenda .item .dateetlieu .date {
    min-width: 75px;
  }
  .content #agenda .item .dateetlieu .adresse {
    display: none;
  }
  .content #agenda .item .item-evt {
    margin-bottom: 1.8em;
  }
  .content #agenda .item .item-evt .btn {
    font-size: 0.8em;
    margin-top: 1em;
  }
  .content #agenda .evtmineurs {
    margin-top: 0.5em;
  }
  .content #agenda .evtmineurs .item-evt {
    margin-bottom: 0;
  }
  .content #agenda .evtmineurs .item-evt .tit {
    width: 100%;
  }
  .content #agenda .evtmineurs .item-evt .btn {
    margin-top: 0;
  }
  .content #agenda .evtmineurs .item-evt .lieu {
    margin: 0.7em 0 0;
    font-size: 1.1em;
    font-weight: 600;
  }
  .content #agenda .couleur .stit {
    width: 100%;
  }
  .content #agenda .llsrub {
    margin: 0 17% 0;
    padding: 0.7em;
    width: 64%;
  }
  /*  */
  #coldroite .grotit,
  .asidedroite .grotit {
    text-align: center;
  }
  .page .content {
    margin-top: 3.2em;
  }
  .page .content .bloctit,
  .page .content #intro,
  .page .content .intro {
    margin-top: 0;
    margin-bottom: 1.1em;
  }
  .page .content .bloctit .grotit,
  .page .content #intro .grotit,
  .page .content .intro .grotit {
    font-size: 2.2em;
    margin-top: .2em;
    margin-bottom: 0.3em;
  }
  .page .content .contenu {
    padding-top: 0.5em;
  }
  .page .content .contenu .chemin {
    font-size: 1.2em;
    line-height: 100%;
    width: 100%;
  }
  .page .content .contenu h3.spip {
    font-size: 1.8em;
  }
  .page .content .contenu .droite {
    margin: 0;
    width: 100%;
    margin: 0 0 1em;
    max-width: 100%;
  }
  .page .content .contenu .droite .spip_logo,
  .page .content .contenu .droite .logo_article {
    width: 100%;
    margin: 0;
  }
  .page .content .contenu .asidedroite.droite {
    width: 100vw;
    margin: -1.6em -5vw 1em;
    max-width: 100vw;
  }
  .page .content .contenu .date {
    font-size: 1em;
    margin: 0;
  }
  .page .content .contenu .date:first-of-type {
    margin: 0 0 0.2em;
  }
  .page .content .contenu .chapo {
    font-size: 16px;
    font-weight: 500;
  }
  .page .content .contenu .texte p {
    font-size: 1em;
  }
  .page .content .contenu .grotit {
    margin: 1em auto 1.5em;
  }
  .page .content .contenu .liste-doc .grotit-doc {
    font-size: 1.6em;
  }
  .page .content .contenu .liste-doc .tit {
    font-size: 1em;
    word-wrap: break-word;
  }
  /*  */
  body .content .page_type_liste .intro .grotit {
    margin: 0.6em 0;
  }
  body .content .page_type_liste .intro .chapo {
    margin-bottom: 0.2em;
  }
  body .content .page_type_liste .laliste .grotit {
    font-size: 2em;
    text-align: center;
    text-transform: none;
    line-height: 120%;
    border-bottom-width: 6px;
    border-bottom-style: solid;
    display: table;
    margin: 0 auto 1.4em;
    float: none;
    padding-bottom: 0.2em;
    color: #555;
  }
  body .content .page_type_liste .laliste .grotit::before {
    content: none;
  }
  body .content .page_type_liste .laliste .filtre {
    margin: 0 -4% 2em;
    padding: 0.6em 1em;
    text-align: center;
    font-weight: 300;
    width: inherit;
  }
  body .content .page_type_liste .laliste .filtre .intro {
    color: #000;
    font-size: 1em;
    font-weight: 400;
    border-bottom-width: 3px;
  }
  body .content .page_type_liste .laliste .filtre a {
    margin: 0 0.2em;
    color: #165ba4;
  }
  body .content .page_type_liste .laliste .filtre .titselect {
    padding: 0.8em 1em 0.4em;
    width: 38vw;
  }
  body .content .page_type_liste .laliste .filtre .select-design {
    width: 90vw;
  }
  body .content .page_type_liste .laliste select {
    height: 2.1em;
    width: 50vw;
  }
  body .content .page_type_liste .laliste .item .surtit,
  body .content .page_type_liste .liste-logofond .item .surtit,
  body .content .page_type_liste .liste-items .item .surtit {
    line-height: 123%;
    font-size: .5em;
  }
  body .content .page_type_liste .laliste .item .tit,
  body .content .page_type_liste .liste-logofond .item .tit,
  body .content .page_type_liste .liste-items .item .tit {
    width: 100%;
    float: none;
  }
  body .content .page_type_liste .laliste .item .cnt,
  body .content .page_type_liste .liste-logofond .item .cnt,
  body .content .page_type_liste .liste-items .item .cnt {
    overflow: hidden;
  }
  body .content .page_type_liste .laliste .item .date-pub,
  body .content .page_type_liste .liste-logofond .item .date-pub,
  body .content .page_type_liste .liste-items .item .date-pub,
  body .content .page_type_liste .laliste .item .date-modif,
  body .content .page_type_liste .liste-logofond .item .date-modif,
  body .content .page_type_liste .liste-items .item .date-modif {
    font-size: .9em;
  }
  body .content .page_type_liste .laliste .item .boutons,
  body .content .page_type_liste .liste-logofond .item .boutons,
  body .content .page_type_liste .liste-items .item .boutons {
    bottom: inherit;
    top: 144px;
  }
  body .content .page_type_liste .laliste .item .boutons .btn,
  body .content .page_type_liste .liste-logofond .item .boutons .btn,
  body .content .page_type_liste .liste-items .item .boutons .btn {
    margin: 0 0 0.6em;
  }
  body .content .page_type_liste .laliste .item .boutons .partage_toolbox,
  body .content .page_type_liste .liste-logofond .item .boutons .partage_toolbox,
  body .content .page_type_liste .liste-items .item .boutons .partage_toolbox {
    width: 100%;
  }
  body .content .page_type_liste .laliste .item .boutons .partage_toolbox .btn,
  body .content .page_type_liste .liste-logofond .item .boutons .partage_toolbox .btn,
  body .content .page_type_liste .liste-items .item .boutons .partage_toolbox .btn {
    margin-bottom: .8em;
  }
  body .content .page_type_liste .laliste .item .boutons .partage_toolbox .btn:last-of-type,
  body .content .page_type_liste .liste-logofond .item .boutons .partage_toolbox .btn:last-of-type,
  body .content .page_type_liste .liste-items .item .boutons .partage_toolbox .btn:last-of-type {
    margin-bottom: .2em;
  }
  body .content .page_type_liste .laliste .item .entourelogo,
  body .content .page_type_liste .liste-logofond .item .entourelogo,
  body .content .page_type_liste .liste-items .item .entourelogo {
    min-height: 130px;
  }
  body .content .page_type_liste .laliste .col-sm-12:last-of-type,
  body .content .page_type_liste .liste-logofond .col-sm-12:last-of-type,
  body .content .page_type_liste .liste-items .col-sm-12:last-of-type {
    margin-bottom: 0;
  }
  body .content .page_type_liste .asidedroite {
    margin-top: 0em;
  }
  body .content .page_type_liste .asidedroite .grotit {
    margin: 0 auto 1em;
  }
  /*  */
  .page_recherche .content .page_type_liste #intro .grotit {
    font-size: 2.2em;
  }
  .page_recherche .content .page_type_liste .chapo {
    text-align: center;
  }
  .page_recherche .content .page_type_liste #formulaire_recherche2 {
    margin-top: 0;
    padding: 1em 0;
  }
  .page_recherche .content .page_type_liste #formulaire_recherche2 form {
    text-align: center;
  }
  .page_recherche .content .page_type_liste #formulaire_recherche2 form .saisie_input {
    margin: 0 0 1.1em;
    width: 90%;
    width: 92%;
    margin-left: 5%;
  }
  .page_recherche .content .page_type_liste #formulaire_recherche2 form .saisie_input .text {
    text-align: center;
    margin: 0 0;
  }
  .page_recherche .content .page_type_liste #formulaire_recherche2 form .submit {
    width: 90%;
    margin: 0 0 0 5%;
  }
  .page_recherche .content .page_type_liste #bicolonnes .liste-items .item .cnt {
    min-height: 12em;
  }
  /*  */
  .page_annuaire body #intro .grotit {
    font-size: 2.2em;
    line-height: 100%;
    margin-bottom: .6em;
  }
  .page_annuaire body .titsuite {
    font-size: 1.45em;
    text-align: left;
    padding-bottom: 0.7em;
  }
  .page_annuaire body #membres .liste-items .col-sm-4,
  .page_annuaire body #membres2 .liste-items .col-sm-4 {
    width: 50%;
  }
  .page_annuaire body #membres .liste-items .col-sm-4 .item,
  .page_annuaire body #membres2 .liste-items .col-sm-4 .item {
    padding: 2vw 0;
  }
  .page_annuaire body #membres .liste-items .col-sm-4 .item .logo,
  .page_annuaire body #membres2 .liste-items .col-sm-4 .item .logo {
    margin: 15px auto 0;
    border: 2px solid #d3d3d3;
  }
  .page_annuaire body #membres .liste-items .col-sm-4 .item .entry h3.tit,
  .page_annuaire body #membres2 .liste-items .col-sm-4 .item .entry h3.tit,
  .page_annuaire body #membres .liste-items .col-sm-4 .item .introduction,
  .page_annuaire body #membres2 .liste-items .col-sm-4 .item .introduction,
  .page_annuaire body #membres .liste-items .col-sm-4 .item .btn,
  .page_annuaire body #membres2 .liste-items .col-sm-4 .item .btn {
    display: none;
  }
  /*  */
  .page_auteurs .page .item-auteur {
    text-align: center;
  }
  .page_auteurs .page .item-auteur .formulaire_contact_libre {
    width: calc(200% + 58px);
  }
  .page_auteurs .page .item-auteur .formulaire_contact_libre::before {
    transform: rotate(-45deg) translate(49px);
  }
  .page_auteurs .page .laliste .row > div:nth-of-type(2n+1) .formulaire_contact_libre {
    right: 0;
  }
  .page_auteurs .page .laliste .row > div:nth-of-type(2n+1) .formulaire_contact_libre:before {
    transform: rotate(-45deg) translate(-20px, -69px);
    right: 0;
  }
  .page_auteurs .page .laliste .row > div:nth-of-type(2n) .formulaire_contact_libre {
    left: 0;
  }
  .page_auteurs .page .laliste .row > div:nth-of-type(2n) .formulaire_contact_libre:before {
    transform: rotate(-45deg) translate(49px);
    left: 0;
  }
  /*  */
  .contenu.page_type_contenu .intro,
  .contenu.page_type_contenu .corps {
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 1.5em;
  }
  /*  */
  .page_auteur body .contenu h4.spip {
    font-size: 1.3em;
  }
  .page_auteur body .contenu .btn {
    font-size: 1em;
    margin-bottom: .5em;
    width: 100%;
    padding: 0.3em 0 .4em;
  }
  /*  */
  .page_compte .page .content #intro .grotit {
    font-size: 2.1em;
  }
  body .contenu .grosboutons {
    width: auto;
    padding: 0 8vw;
  }
  body .contenu .grosboutons .grosbouton {
    font-size: 15px;
    padding: 0 0 26%;
    margin-bottom: 2em;
    margin-top: 2em;
    min-height: 14em;
  }
  body .contenu .grosboutons .grosbouton .ico,
  body .contenu .grosboutons .grosbouton svg {
    top: 2em;
  }
  body .contenu .grosboutons .grosbouton .legende .titit {
    font-size: 15px;
    font-weight: 600;
    width: 100%;
    line-height: 1.4em;
  }
  .page_compte,
  .page_abonnement {
    /*  */
    /*  */
  }
  .page_compte .connect .titconnect,
  .page_abonnement .connect .titconnect {
    font-size: 1.9em;
    line-height: 120%;
    margin-top: .4em;
  }
  .page_compte #formulaire_inscription,
  .page_abonnement #formulaire_inscription {
    width: 100%;
  }
  .page_compte #formulaire_inscription .saisie_nom_inscription,
  .page_abonnement #formulaire_inscription .saisie_nom_inscription {
    margin-bottom: 1em;
  }
  .page_compte #formulaire_inscription .boutons,
  .page_abonnement #formulaire_inscription .boutons {
    margin-top: -2.4em;
  }
  .page_compte .content .contenu,
  .page_abonnement .content .contenu {
    /* Col de droite  */
  }
  .page_compte .content .contenu.page_type_liste #bicolonnes .liste-items .item .tit,
  .page_abonnement .content .contenu.page_type_liste #bicolonnes .liste-items .item .tit {
    margin-bottom: 0.5em;
  }
  .page_compte .content .contenu.page_type_liste #bicolonnes .liste-items .item .entourelogo,
  .page_abonnement .content .contenu.page_type_liste #bicolonnes .liste-items .item .entourelogo {
    padding: 0 10px;
    margin: 0;
    width: 41.6%;
  }
  .page_compte .content .contenu.page_type_liste #bicolonnes .liste-items .item .entourelogo .spip_logo,
  .page_abonnement .content .contenu.page_type_liste #bicolonnes .liste-items .item .entourelogo .spip_logo {
    margin-left: 0;
    height: auto;
    width: 100%;
  }
  .page_compte .content .contenu.page_type_liste #bicolonnes .liste-items .item .introduction,
  .page_abonnement .content .contenu.page_type_liste #bicolonnes .liste-items .item .introduction {
    padding: 0 0 .5em;
    width: 100%;
  }
  .page_compte .content .contenu.page_type_liste #bicolonnes .liste-items .item p,
  .page_abonnement .content .contenu.page_type_liste #bicolonnes .liste-items .item p {
    margin-bottom: .5em;
  }
  .page_compte .content .contenu.page_type_liste #bicolonnes .liste-items .item ul.spip,
  .page_abonnement .content .contenu.page_type_liste #bicolonnes .liste-items .item ul.spip {
    font-size: 0.9em;
    line-height: 140%;
    padding: 0 0 0 1em;
  }
  .page_compte .content .contenu #coldroite .encartcompte,
  .page_abonnement .content .contenu #coldroite .encartcompte,
  .page_compte .content .contenu .asidedroite .encartcompte,
  .page_abonnement .content .contenu .asidedroite .encartcompte {
    margin: 0;
    width: 100%;
  }
  .page_compte .content .contenu #coldroite #pubcarre,
  .page_abonnement .content .contenu #coldroite #pubcarre,
  .page_compte .content .contenu .asidedroite #pubcarre,
  .page_abonnement .content .contenu .asidedroite #pubcarre {
    margin: 2.2em 0 0;
    width: 100%;
    overflow: hidden;
  }
  .page_compte .content .contenu #coldroite .colreduite,
  .page_abonnement .content .contenu #coldroite .colreduite,
  .page_compte .content .contenu .asidedroite .colreduite,
  .page_abonnement .content .contenu .asidedroite .colreduite {
    margin-top: 0;
    overflow: hidden;
    margin-top: 0.2em;
    width: 100%;
    margin-left: 0;
  }
  .page_compte .content .contenu #coldroite .colreduite .grotit,
  .page_abonnement .content .contenu #coldroite .colreduite .grotit,
  .page_compte .content .contenu .asidedroite .colreduite .grotit,
  .page_abonnement .content .contenu .asidedroite .colreduite .grotit {
    text-align: center;
    padding-top: 0.7em;
  }
  .page_compte .content .contenu #coldroite .deconnect,
  .page_abonnement .content .contenu #coldroite .deconnect,
  .page_compte .content .contenu .asidedroite .deconnect,
  .page_abonnement .content .contenu .asidedroite .deconnect {
    background: #ddd;
    padding: 0.7em 4%;
    border-radius: 0.3em;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 500;
    margin-bottom: 2em;
  }
  /*  */
  .page_panier .page {
    overflow-x: visible;
  }
  .page_panier .page .content {
    overflow-x: visible;
  }
  .page_panier .page .content .contenu {
    overflow: visible;
  }
  .page_panier .page .content .contenu .grotit:before {
    width: 41px;
  }
  .page_panier .container .row {
    overflow: visible;
  }
  .page_panier .chapo {
    padding: 0 0 .5em;
  }
  .page_panier .contenu .formulaire_panier {
    margin-left: -30px;
    margin-right: -30px;
    padding: 1em 5vw 3.2em;
  }
  .page_panier .contenu .formulaire_panier .description p {
    margin: 0;
  }
  .page_panier .contenu .formulaire_panier form .btn_vider::before {
    width: 34px;
  }
  .page_panier .contenu .formulaire_panier .emplette td {
    padding: 0.7em 0.2em;
    text-align: center;
    line-height: 1.3em;
  }
  .page_panier .contenu .formulaire_panier thead th,
  .page_panier .contenu .formulaire_panier td {
    font-size: 14px;
  }
  .page_panier .contenu .formulaire_panier thead th.montant,
  .page_panier .contenu .formulaire_panier td.montant {
    width: 0;
    padding: 0;
  }
  .page_panier .contenu .formulaire_panier thead th,
  .page_panier .contenu .formulaire_panier .total_ttc td {
    line-height: 1.1em;
    text-align: center;
    font-size: 14px;
    padding: 1.4em .3em 1.3em;
    width: 3px;
  }
  .page_panier .contenu .formulaire_panier button.submit {
    padding: 0.4em 5.2%;
  }
  .page_panier .contenu .formulaire_panier button.submit.recalcul {
    float: right;
  }
  .page_panier .bouton_action_post,
  .page_panier .bouton_action_post > div {
    display: block;
    text-align: center;
    width: 100%;
  }
  .page_panier .bouton_action_post .btn,
  .page_panier .bouton_action_post > div .btn {
    padding: 0.2em 4% .2em;
    float: none;
    margin: 0 auto;
  }
  /*  */
  .page_paiement .content .article {
    padding: 0;
    margin: 0;
  }
  .page_paiement .content .payer .note {
    display: none;
  }
  .page_paiement .content .item {
    width: 100%;
  }
  .page_paiement .content #colgauche {
    padding: 0;
  }
  /*  */
  body .spip-admin-float {
    bottom: 8px;
    width: 96%;
  }
  body .spip-admin-float .spip-admin-boutons {
    border-radius: 0;
  }
  .partage_inline_share_toolbox {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .page #wrapper .content {
    margin-top: 8vw;
  }
}
@media screen and (max-width: 320px) {
  .page .content {
    margin-top: 1.5em;
  }
}
@media screen and (min-width: 386px) {
  .content #myCarousel .owl-next,
  .content .owl-carousel .owl-next,
  .content #myCarousel .owl-prev,
  .content .owl-carousel .owl-prev {
    width: 55px;
  }
}
@media screen and (min-width: 992px) {
  .contenu .formulaire_newsletter_subscribe3 {
    background-color: #165ba4;
    padding-bottom: 1.33333333em;
  }
  .contenu .formulaire_newsletter_subscribe3 form {
    overflow: hidden;
  }
  .contenu .formulaire_newsletter_subscribe3 form > div {
    margin-left: -15px;
    margin-right: -15px;
  }
  .contenu .formulaire_newsletter_subscribe3 form .editer-groupe {
    position: relative;
    float: left;
    width: 83.33333333%;
    min-height: 1px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .contenu .formulaire_newsletter_subscribe3 form p.boutons {
    font-size: 1.1em;
    position: relative;
    float: left;
    width: 16.66666667%;
    min-height: 1px;
    padding-left: 30px;
    padding-right: 30px;
    width: 21.66%;
    padding: 0 20px 0 10px;
  }
  .contenu .formulaire_newsletter_subscribe3 form p.boutons .submit {
    width: 100%;
  }
  .contenu .formulaire_newsletter_subscribe3 form .editer-groupe,
  .contenu .formulaire_newsletter_subscribe3 form p.boutons {
    margin-top: 1em;
  }
  .contenu .formulaire_newsletter_subscribe3 form .editer-groupe input,
  .contenu .formulaire_newsletter_subscribe3 form p.boutons input {
    font-size: 18px;
    line-height: 1.5em;
    padding: .75em 7%;
  }
}
@media screen and (min-width: 480px) {
  .page_type_liste .item-produit .tit {
    min-height: 3.8em;
  }
}
@media screen and (max-width: 1502px) {
  .laliste .filtre .select-design select {
    min-width: 100px;
  }
  .page_interieure .laliste .filtre h3.select-design,
  .page_interieure .liste-items .filtre h3.select-design {
    width: auto;
    display: table;
    padding: 0 0 5px;
    border-bottom: 3px solid #165ba4;
    margin: 0 auto 16px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
  .page_type_liste .intro {
    margin-bottom: 2em;
  }
  .page_type_liste .intro .grotit {
    font-size: 48px;
  }
}
@media screen and (max-width: 1279px) {
  .discipline .bloc {
    width: 100%;
    margin: 0.3em 0;
    float: left;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .laliste .filtre,
  .liste-items .filtre {
    margin: 0 -30px 70px;
    padding-top: 1.8em;
    width: calc(100% + 60px);
  }
  .laliste .filtre .container,
  .liste-items .filtre .container {
    padding-left: 1%;
    padding-right: 1%;
  }
  .laliste .filtre span.select-design,
  .liste-items .filtre span.select-design {
    width: 40%;
    margin-top: 1em;
  }
  .laliste .filtre span.select-design select,
  .liste-items .filtre span.select-design select {
    min-width: 100%;
  }
  .page .liste-items .col-sm-3 .item-produit .boutons > .btn-panier,
  .page .laliste .col-sm-3 .item-produit .boutons > .btn-panier,
  .page .liste-items .col-sm-3 .item-produit .boutons form div > .btn-panier,
  .page .laliste .col-sm-3 .item-produit .boutons form div > .btn-panier {
    float: left;
    padding: 10px 2px;
    width: 100%;
    text-align: left;
  }
  .intro .grotit {
    font-size: 44px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .page {
    margin-top: 210px;
  }
  body #header .interieur .menuprincipal {
    padding: 12px 0 20px;
    height: 112px;
  }
  .contenu .owl-carousel .owl-stage-outer .owl-item > .item .soustit {
    line-height: 1.3em;
  }
  .contenu .owl-carousel .owl-stage-outer .owl-item > .item .desc {
    font-size: 1.1em;
  }
  .contenu .owl-carousel .owl-stage-outer .owl-item > .item .surtit {
    margin-bottom: 0.65em;
  }
  .contenu .owl-carousel .owl-stage-outer .owl-item > .item .tit {
    margin-bottom: 0.1em;
  }
  .contenu .owl-carousel .owl-stage-outer .owl-item > .item .btn-livre {
    left: 40px;
  }
  .contenu .owl-carousel .owl-stage-outer .owl-item > .item .btn {
    bottom: 30px;
  }
  .contenu .owl-carousel .owl-stage-outer .owl-item > .item .legende {
    padding: 35px 0 0 40px;
    font-size: 1em;
  }
  .page_sommaire .fondgris .item-art .entourelogo {
    display: none;
  }
  .page_sommaire .fondgris .item-art .coldroite {
    width: 100%;
    padding-left: 30px;
  }
  .page_type_liste .intro {
    margin-bottom: 3em;
  }
  .page_type_liste .intro .grotit {
    text-align: center;
  }
  .page_article .article .caracteristiques .titit {
    float: none;
  }
  .page_article .logo_principal {
    padding: 20px;
  }
  .page_article .logo_principal .lien_extrait {
    margin-top: 1.2em;
  }
  .page_article .logo_principal .lien_extrait::after {
    display: none;
  }
  .page_article .laliste .col-lg-4:ladt-of-type {
    display: none;
  }
  .page_article .liste-doc .spip_logo {
    width: 200px;
  }
  .page_article .liste-doc .col-xs-2 {
    width: 70px;
  }
  .contenu #formulaire_recherche2 {
    padding: 1em;
  }
  .page .liste-items .item-produit .auteur_ouvrage .par,
  .page .laliste .item-produit .auteur_ouvrage .par,
  .page .liste-items .item-produit .auteur_ouvrage a,
  .page .laliste .item-produit .auteur_ouvrage a {
    font-size: 20px;
  }
}
@media screen and (max-width: 991px) {
  .page {
    overflow-x: hidden;
  }
  .page .content {
    margin-top: 1em;
    overflow-x: hidden;
  }
  .page .liste-items .grotit,
  .page .laliste .grotit {
    margin: 0.5em 0 .4em;
    font-size: 30px;
  }
  .page .liste-items .tit,
  .page .laliste .tit {
    font-size: 23px;
  }
  .page .liste-items .item-art .tit,
  .page .laliste .item-art .tit {
    font-size: 26px;
  }
  .ariane {
    display: none;
  }
  .content #formulaire_recherche2 .saisie_input {
    width: 67%;
  }
}
@media screen and (max-width: 767px) {
  /*  */
  .fondgris {
    padding-top: 3vw;
  }
  /*  */
  .contenu .formulaire_newsletter_subscribe3 form > div {
    margin: 0;
  }
  .contenu .formulaire_newsletter_subscribe3 form .editer-groupe,
  .contenu .formulaire_newsletter_subscribe3 form .editer {
    width: 100%;
    text-align: center;
  }
  .contenu .formulaire_newsletter_subscribe3 form input {
    text-align: center;
  }
  /*  */
  .grotit {
    padding: 0 5vw 0.2em;
    line-height: 110%;
    font-weight: 500;
    font-size: 1.7em;
  }
  body .page .content .grotit {
    margin-top: 0.5em;
  }
  body .page .content .contenu .intro .grosoustit {
    font-size: 1.3em;
  }
  /*  */
  .fondblanc {
    padding: 0px 4% 0;
  }
  .container {
    width: 100%;
  }
  /*  */
  .content .item-video {
    margin-bottom: 1em;
  }
  .content .item-video .bt-play {
    top: 65%;
  }
  /*  */
  .footer .pied {
    padding: 0;
  }
  .footer .logopied .row {
    margin-top: 40px;
  }
  .footer .navbar {
    min-height: 90px;
  }
  /*  */
  .page_sommaire .page .content {
    margin: 0;
  }
  .page_sommaire .page .content .contenu {
    padding-top: 13px;
  }
  .page_sommaire .content #myCarousel .item {
    height: 154vw;
    max-height: 134vw;
    padding: 20px;
  }
  .page_sommaire .content #myCarousel .item .legende {
    height: 150vw;
    width: 100%;
    padding: 0 0% 25%;
  }
  .page_sommaire .content #myCarousel .item .legende .tit {
    font-size: 2.5em;
    line-height: 100%;
    padding-bottom: 0.1em;
  }
  .page_sommaire .content #myCarousel .item .legende .tit .soustit {
    margin-top: .5em;
    line-height: 120%;
    font-size: .6em;
  }
  .page_sommaire .content #myCarousel .item .legende .tit .surtit {
    margin: 0 auto 20px;
    padding: 0 10px 0;
    font-size: 14px;
    line-height: 28px;
    transform: translateX(-13px);
  }
  .page_sommaire .content #myCarousel .item .legende .desc {
    display: none;
    text-align: center;
  }
  .page_sommaire .content #myCarousel .item .legende .auteur_ouvrage {
    width: 100%;
    line-height: 1.2em;
    text-align: center;
  }
  .page_sommaire .content #myCarousel .item .logo {
    top: auto;
    right: -3%;
    overflow: visible;
    transform: rotate(2deg);
    transform-origin: center 100%;
    height: 93vw;
    width: 80%;
    bottom: -31vw;
    margin: 0 12% 0;
  }
  .page_sommaire .content #myCarousel .item .logo img {
    width: 59vw;
    height: auto;
    clip-path: polygon(0 0, 100% 0, 100% 100vw, 0 100vw);
  }
  .page_sommaire .content #myCarousel .item .logo:hover {
    transform: rotate(4deg);
  }
  .page_sommaire .content #myCarousel .owl-nav {
    display: block;
  }
  .page_sommaire .content #myCarousel .owl-nav button {
    display: block;
  }
  .page_sommaire .content #myCarousel .owl-nav button.owl-prev,
  .page_sommaire .content #myCarousel .owl-nav button.owl-next,
  .page_sommaire .content #myCarousel .owl-nav button.owl-dot {
    padding: 0 0 0.1em;
  }
  .page_sommaire .content #myCarousel .owl-nav button.owl-next,
  .page_sommaire .content #myCarousel .owl-nav button.owl-prev {
    top: 11%;
    background: #fff8;
    border: 2px solid #d3d3d3;
    font-size: 43px;
    color: #165ba4;
    transform: rotate;
    height: 2em;
  }
  .page_sommaire .content #myCarousel .owl-nav button.owl-prev {
    transform: rotate(0);
    left: -30px;
    padding-left: 0.2em;
  }
  .page_sommaire .content #myCarousel .owl-nav button.owl-next {
    right: -30px;
    transform: rotate;
    padding-right: .2em;
  }
  .page_sommaire .owl-carousel.owl-drag .owl-item {
    max-height: 200vw;
  }
  body {
    /*  */
    /*  */
    /*  */
  }
  body .page .content {
    margin-top: 0;
  }
  body .page .content .contenu {
    padding-top: 0;
    overflow: hidden;
  }
  body .page .content .contenu .liste-items > .row,
  body .page .content .contenu .laliste > .row {
    margin-left: 0;
    margin-right: 0;
  }
  body .page .content .contenu .liste-items .grotit,
  body .page .content .contenu .laliste .grotit {
    font-size: 27px;
    padding: 0 9vw;
    margin: 0.5em auto 0.2em;
  }
  body .page .content .contenu .liste-items .item .tit,
  body .page .content .contenu .laliste .item .tit {
    margin-bottom: 0;
    font-size: 29px;
  }
  body .page .content .contenu .liste-items .item .logo,
  body .page .content .contenu .laliste .item .logo {
    margin-bottom: 7vw;
  }
  body .page .content .contenu .liste-items .item-art .soustit,
  body .page .content .contenu .laliste .item-art .soustit {
    font-size: 25px;
  }
  body .page .content .contenu .liste-items .item-produit,
  body .page .content .contenu .laliste .item-produit {
    margin-bottom: 20%;
  }
  body .page .content .contenu .liste-items .item-produit .intro,
  body .page .content .contenu .laliste .item-produit .intro {
    min-height: 30px;
  }
  body .page .content .contenu .liste-items .llsrub,
  body .page .content .contenu .laliste .llsrub {
    padding: 0 3vw 1.5em;
  }
  body .page_interieure {
    margin-top: 0;
    background: #fff;
  }
  body .page_interieure .content {
    margin-top: 1em;
  }
  body .page_interieure .intro .grotit {
    padding: 0;
  }
  body .page_interieure .intro .grosurtit {
    font-size: 1.8em;
    line-height: 1.1em;
  }
  body .content .page_type_liste .intro .grotit {
    text-align: left;
  }
  body .content .page_type_liste .liste-items .introboutons .date {
    color: #165ba4;
    background-color: transparent;
    font-size: 1.2em;
    padding: 0 30px;
  }
  body .content .page_type_liste .liste-items .introboutons .tit {
    width: calc(100% - 60px);
    margin: 0.2em 30px .6em;
    line-height: 0.5em;
  }
  body .content .page_type_liste .liste-items .introboutons .tit a {
    line-height: 1em;
  }
  body .content .page_type_liste .liste-items .filtre,
  body .content .page_type_liste .laliste .filtre {
    margin-top: 1em;
    margin-bottom: 0;
    padding: 1.6em 0em 1.5em;
  }
  body .content .page_type_liste .liste-items .filtre .item .tit,
  body .content .page_type_liste .laliste .filtre .item .tit {
    font-size: 20px;
    line-height: 1.3em;
    font-weight: 400;
  }
  body .content .page_type_liste .liste-items .filtre .select-design,
  body .content .page_type_liste .laliste .filtre .select-design {
    margin: 1em 0 0;
  }
  body .content .page_type_liste .liste-items .filtre .select-design select,
  body .content .page_type_liste .laliste .filtre .select-design select {
    width: 80vw;
    max-width: 80vw;
  }
  body .content .page_type_liste .liste-items .filtre h3.select-design,
  body .content .page_type_liste .laliste .filtre h3.select-design {
    margin: 0 auto 1em;
    display: table;
    width: auto;
  }
  body .content .page_type_liste .liste-items .item-art,
  body .content .page_type_liste .laliste .item-art {
    margin-bottom: 1em;
  }
  body .content .page_type_liste .liste-items .item-art .entourelogo,
  body .content .page_type_liste .laliste .item-art .entourelogo {
    padding-right: 0;
    text-align: center;
  }
  body .content .page_type_liste .liste-items .item-art .introboutons,
  body .content .page_type_liste .laliste .item-art .introboutons {
    overflow: hidden;
  }
  body .content .page_type_liste .liste-items .item-art .introboutons .tit,
  body .content .page_type_liste .laliste .item-art .introboutons .tit {
    padding-right: 0;
  }
  body .content .page_type_liste .liste-items .item-art .introboutons .btn,
  body .content .page_type_liste .laliste .item-art .introboutons .btn {
    float: right;
    font-size: .8em;
    margin-top: 1.3em;
    margin-right: 1em;
  }
  body .content .page_type_liste .liste-items .row > div.col-xs-6:nth-of-type(2n+1),
  body .content .page_type_liste .laliste .row > div.col-xs-6:nth-of-type(2n+1) {
    padding-right: 15px;
  }
  body .content .page_type_liste .liste-items .row > div.col-xs-6:nth-of-type(2n),
  body .content .page_type_liste .laliste .row > div.col-xs-6:nth-of-type(2n) {
    padding-left: 15px;
  }
  body .content .page_type_liste .liste-items.traditionelle,
  body .content .page_type_liste .laliste.traditionelle {
    border-top: 1px solid #eee;
    margin-top: 8vw;
    padding-top: 4vw;
  }
  body .content .page_type_liste .liste-evt {
    margin: 30px 0 0;
  }
  /*  */
  /*  */
  .page_article .page .content .contenu .article blockquote.spip {
    padding: 1em;
  }
  .page_article .page .content .contenu .grotit {
    margin: 0em auto 1.5em;
    padding: 0 0 0.2em;
  }
  .page_article .page .content .contenu .dateachat,
  .page_article .page .content .contenu .corps {
    margin-bottom: 0;
  }
  .page_article .page .content .contenu .texte,
  .page_article .page .content .contenu .ps {
    margin-bottom: 7em;
  }
  .page_article .page .content .contenu .logo_principal {
    padding: 50px;
    margin-bottom: 2.5em;
  }
  .page_article .page .content .contenu .article .caracteristiques {
    padding: 1em 0 1.5em;
    margin-top: 0;
  }
  .page_article .page .content .contenu .article .caracteristiques .liste-items {
    margin-bottom: 30px;
  }
  .page_article .page .content .contenu .article .caracteristiques .liste-items .item-file .tit {
    font-size: 26px;
  }
  .page_article .page .content .contenu .liste-doc {
    margin-bottom: 30px;
  }
  .page_article .page .content .contenu .liste-doc > .row {
    margin-left: -30px;
    margin-right: -30px;
  }
  .page_article .page .content .contenu .liste-doc .item {
    margin-bottom: 0;
  }
  .page_article .page .content .contenu .liste-doc .item .tit {
    font-size: 24px;
  }
  .page_article .page .content .contenu .liste-doc .spip_logo {
    margin: 0.5em 0 .3em;
  }
  .page_article .page .content .contenu .encartcompte .grotit {
    padding-top: 5px;
    padding-bottom: 10px;
    margin: 0em auto 1.2em;
    width: auto;
  }
  .page_article .page .content .contenu .encartcompte .decliprix {
    position: relative;
    margin: 0 auto 2em;
    font-size: 25px;
    padding: 5px;
    min-height: 71px;
    min-width: 220px;
  }
  .page_article .page .content .contenu .encartcompte .decliprix .btn-acheter {
    position: static;
  }
  .page_article .page .content .contenu .encartcompte .decliprix .btn-acheter .titmontant {
    height: 33px;
    width: ;
    display: block;
    overflow: hidden;
  }
  .page_article .page .content .contenu .encartcompte .decliprix .message_telechargement_non,
  .page_article .page .content .contenu .encartcompte .decliprix .message_telechargement_oui {
    padding: 10px 36px;
    height: 78px;
    font-size: 15px;
  }
  .page_article .page .content .contenu .encartcompte .droite,
  .page_article .page .content .contenu .encartcompte .grotit,
  .page_article .page .content .contenu .encartcompte .decliprix {
    float: none;
  }
  .page_article .page .content .contenu .item-produit .boutons > .btn-livre {
    margin-bottom: 40px;
  }
  .page_article .page .content .contenu .date {
    display: none;
  }
  .page_article .page .content .contenu .droite {
    width: 100%;
    margin: 0;
    font-size: ;
    float: left;
  }
  .page_article .page .content .contenu .laliste .coldroite {
    float: none;
    width: 100%;
    padding: 0 30px;
  }
  /*  */
  .page_recherche .page .content .contenu.page_type_liste .chapo {
    text-align: left;
  }
  .page_recherche .page .content .contenu.page_type_liste .liste-items .grotit {
    padding: 0;
    margin: 0.5em auto 1.1em;
  }
  /*  */
  .page_panier .page .content .contenu .grotit:before {
    width: 41px;
  }
  /*  */
  .page_paiement .content .contenu .intro {
    margin: 0;
  }
  .page_paiement .contenu .payer_modes .item,
  .formulaire_paiement .payer_modes .item {
    padding-top: 35%;
    margin: 10% 15% 10%;
    padding-bottom: 0%;
    box-shadow: 0px 0px 40px #0005;
  }
  .page_paiement .contenu .payer_modes .item + .item,
  .formulaire_paiement .payer_modes .item + .item {
    margin: 0 15% 10%;
  }
  /*  */
  .onglets .ongletclic {
    font-size: 1.4em;
  }
  /*  */
  body .page_interieure ~ .spip-admin-float {
    bottom: 55px;
  }
}
@media screen and (max-width: 321px) {
  .page_sommaire .content #myCarousel .owl-stage-outer .owl-item > .item {
    padding: 20px 10px;
    height: 123vw;
  }
  .page_sommaire .content #myCarousel .owl-stage-outer .owl-item > .item .logo {
    bottom: -36vw;
  }
  .page_sommaire .content #myCarousel .owl-stage-outer .owl-item > .item .legende .tit {
    font-size: 2.1em;
  }
  .page_sommaire .content #myCarousel .owl-stage-outer .owl-item > .item .legende .tit .soustit {
    display: none;
  }
  .page_sommaire .content #myCarousel .owl-stage-outer .owl-item > .item .legende .tit .surtit {
    margin: 0 auto 17px;
    padding: 3px 10px 0;
    font-size: 13px;
  }
  body .page .content .contenu .liste-items > .row,
  body .page .content .contenu .laliste > .row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .llsrub {
    font-size: 1.2em;
  }
}
/*  */
@media screen and (min-width: 480px) {
  .item-art .coldroite {
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px) {
  .formvisible {
    display: none;
  }
  .contenu .owl-carousel .owl-stage-outer .owl-item > .item .telecharger {
    padding: 6px 1em;
    border-radius: 0.2em;
    margin: 0 0 0 33%;
  }
  .contenu .owl-carousel .owl-stage-outer .owl-item > .item .telecharger .submit {
    font-size: 18px;
    font-weight: 400;
    padding: 0;
  }
  .page_article .liste-items {
    text-align: left;
  }
  .page_infolettre .chapo {
    text-align: center;
  }
  .page_infolettre .formulaire_newsletter {
    width: calc(87.5%);
    margin-left: auto;
    margin-right: auto;
  }
  .page_infolettre .formulaire_newsletter form {
    width: calc(87.5%);
    margin-left: auto;
    margin-right: auto;
  }
  .page_infolettre .formulaire_newsletter .boutons {
    text-align: center;
  }
  .page_infolettre .formulaire_newsletter .boutons .submit {
    width: 24%;
    padding: 0.4em;
  }
}
@media screen and (min-width: 992px) {
  .page_type_liste .intro .grotit {
    text-align: left;
  }
  .page {
    margin-top: calc(170px + 7vh);
  }
}
@media screen and (min-width: 1280px) {
  html {
    overflow: hidden-y;
  }
  .contenu .article .formulaire_newsletter_subscribe,
  .contenu .article .formulaire_newsletter_subscribe2,
  .contenu .article .formulaire_newsletter_subscribe3 {
    overflow: hidden;
    padding-bottom: 1.33em;
  }
  .contenu .article .formulaire_newsletter_subscribe .editer-groupe,
  .contenu .article .formulaire_newsletter_subscribe2 .editer-groupe,
  .contenu .article .formulaire_newsletter_subscribe3 .editer-groupe {
    width: 80%;
    margin-right: 0;
    float: left;
    margin-bottom: 0;
  }
  .contenu .article .formulaire_newsletter_subscribe .editer-groupe input,
  .contenu .article .formulaire_newsletter_subscribe2 .editer-groupe input,
  .contenu .article .formulaire_newsletter_subscribe3 .editer-groupe input {
    padding: 1em;
  }
  .contenu .article .formulaire_newsletter_subscribe .boutons,
  .contenu .article .formulaire_newsletter_subscribe2 .boutons,
  .contenu .article .formulaire_newsletter_subscribe3 .boutons {
    width: 21%;
    float: right;
    margin-top: 1em;
  }
  .contenu .article .formulaire_newsletter_subscribe .boutons input,
  .contenu .article .formulaire_newsletter_subscribe2 .boutons input,
  .contenu .article .formulaire_newsletter_subscribe3 .boutons input {
    width: 100%;
  }
  .contenu .article .formulaire_newsletter_subscribe .editer-groupe {
    width: 60%;
  }
  .contenu .article .formulaire_newsletter_subscribe .editer-groupe .editer {
    width: 90%;
    margin-left: 7%;
  }
  .contenu .article .formulaire_newsletter_subscribe .boutons {
    width: 41%;
    margin-top: 2.6em;
  }
  .page .laliste .item-produit .intro {
    min-height: 190px;
  }
  .page .laliste .item-produit .entourelogo {
    min-height: 420px;
  }
}
@media screen and (min-width: 1502px) {
  .page {
    margin-top: 230px;
  }
  .chemin {
    width: 1150px;
  }
}
@media screen and (min-width: 1440px) {
  .page {
    margin-top: 260px;
  }
}