/*
#@sites/c-real.fr/local/cache-css/cssdyn-css_spip_css-9c03c8e6.css
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Baloo+Chettan+2:400,500,600,700,800&display=swap&subset=latin-ext');
/* #PRODUIRE{fond=css/spip.css}
   md5:b73735ff135c88c195f6f5d7e020aa9d */
/*  */
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: #ef4036;
  border-color: #ed2a1e;
}
.btn-defaut:focus,
.btn-defaut.focus {
  color: #ffffff;
  background-color: #e01d12;
  border-color: #82110a;
}
.btn-defaut:hover {
  color: #ffffff;
  background-color: #e01d12;
  border-color: #bf190f;
}
.btn-defaut:active,
.btn-defaut.active,
.open > .dropdown-toggle.btn-defaut {
  color: #ffffff;
  background-color: #e01d12;
  border-color: #bf190f;
}
.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: #bf190f;
  border-color: #82110a;
}
.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: #ef4036;
  border-color: #ed2a1e;
}
.btn-defaut .badge {
  color: #ef4036;
  background-color: #ffffff;
}
.btn-secondaire {
  color: #ffffff;
  background-color: #ef4036;
  border-color: #ed2a1e;
}
.btn-secondaire:focus,
.btn-secondaire.focus {
  color: #ffffff;
  background-color: #e01d12;
  border-color: #82110a;
}
.btn-secondaire:hover {
  color: #ffffff;
  background-color: #e01d12;
  border-color: #bf190f;
}
.btn-secondaire:active,
.btn-secondaire.active,
.open > .dropdown-toggle.btn-secondaire {
  color: #ffffff;
  background-color: #e01d12;
  border-color: #bf190f;
}
.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: #bf190f;
  border-color: #82110a;
}
.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: #ef4036;
  border-color: #ed2a1e;
}
.btn-secondaire .badge {
  color: #ef4036;
  background-color: #ffffff;
}
.btn-vert {
  color: #ffffff;
  background-color: #7ec45a;
  border-color: #6fbd47;
}
.btn-vert:focus,
.btn-vert.focus {
  color: #ffffff;
  background-color: #63ad3e;
  border-color: #386223;
}
.btn-vert:hover {
  color: #ffffff;
  background-color: #63ad3e;
  border-color: #549234;
}
.btn-vert:active,
.btn-vert.active,
.open > .dropdown-toggle.btn-vert {
  color: #ffffff;
  background-color: #63ad3e;
  border-color: #549234;
}
.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: #549234;
  border-color: #386223;
}
.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: #7ec45a;
  border-color: #6fbd47;
}
.btn-vert .badge {
  color: #7ec45a;
  background-color: #ffffff;
}
.btn-jaune {
  color: #ffffff;
  background-color: #f0b214;
  border-color: #dca20e;
}
.btn-jaune:focus,
.btn-jaune.focus {
  color: #ffffff;
  background-color: #c4910d;
  border-color: #654a06;
}
.btn-jaune:hover {
  color: #ffffff;
  background-color: #c4910d;
  border-color: #a3780a;
}
.btn-jaune:active,
.btn-jaune.active,
.open > .dropdown-toggle.btn-jaune {
  color: #ffffff;
  background-color: #c4910d;
  border-color: #a3780a;
}
.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: #a3780a;
  border-color: #654a06;
}
.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: #f0b214;
  border-color: #dca20e;
}
.btn-jaune .badge {
  color: #f0b214;
  background-color: #ffffff;
}
.btn-orange {
  color: #ffffff;
  background-color: #f5837d;
  border-color: #f36d65;
}
.btn-orange:focus,
.btn-orange.focus {
  color: #ffffff;
  background-color: #f1564e;
  border-color: #c91a10;
}
.btn-orange:hover {
  color: #ffffff;
  background-color: #f1564e;
  border-color: #ee372d;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  color: #ffffff;
  background-color: #f1564e;
  border-color: #ee372d;
}
.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: #ee372d;
  border-color: #c91a10;
}
.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: #f5837d;
  border-color: #f36d65;
}
.btn-orange .badge {
  color: #f5837d;
  background-color: #ffffff;
}
.btn-rouge {
  color: #ffffff;
  background-color: #be1e2d;
  border-color: #a81b28;
}
.btn-rouge:focus,
.btn-rouge.focus {
  color: #ffffff;
  background-color: #921723;
  border-color: #3a090e;
}
.btn-rouge:hover {
  color: #ffffff;
  background-color: #921723;
  border-color: #73121b;
}
.btn-rouge:active,
.btn-rouge.active,
.open > .dropdown-toggle.btn-rouge {
  color: #ffffff;
  background-color: #921723;
  border-color: #73121b;
}
.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: #73121b;
  border-color: #3a090e;
}
.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: #be1e2d;
  border-color: #a81b28;
}
.btn-rouge .badge {
  color: #be1e2d;
  background-color: #ffffff;
}
.btn-bleu {
  color: #ffffff;
  background-color: #00969c;
  border-color: #007d83;
}
.btn-bleu:focus,
.btn-bleu.focus {
  color: #ffffff;
  background-color: #006569;
  border-color: #000303;
}
.btn-bleu:hover {
  color: #ffffff;
  background-color: #006569;
  border-color: #004345;
}
.btn-bleu:active,
.btn-bleu.active,
.open > .dropdown-toggle.btn-bleu {
  color: #ffffff;
  background-color: #006569;
  border-color: #004345;
}
.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: #004345;
  border-color: #000303;
}
.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: #00969c;
  border-color: #007d83;
}
.btn-bleu .badge {
  color: #00969c;
  background-color: #ffffff;
}
.btn-violet {
  color: #ffffff;
  background-color: #7c57a2;
  border-color: #6f4e91;
}
.btn-violet:focus,
.btn-violet.focus {
  color: #ffffff;
  background-color: #634581;
  border-color: #30223e;
}
.btn-violet:hover {
  color: #ffffff;
  background-color: #634581;
  border-color: #51396a;
}
.btn-violet:active,
.btn-violet.active,
.open > .dropdown-toggle.btn-violet {
  color: #ffffff;
  background-color: #634581;
  border-color: #51396a;
}
.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: #51396a;
  border-color: #30223e;
}
.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: #7c57a2;
  border-color: #6f4e91;
}
.btn-violet .badge {
  color: #7c57a2;
  background-color: #ffffff;
}
.btn-blanc {
  color: #ef4036;
  background-color: #ffffff;
  border-color: #f2f2f2;
  color: black;
}
.btn-blanc:focus,
.btn-blanc.focus {
  color: #ef4036;
  background-color: #e6e6e6;
  border-color: #b3b3b3;
}
.btn-blanc:hover {
  color: #ef4036;
  background-color: #e6e6e6;
  border-color: #d4d4d4;
}
.btn-blanc:active,
.btn-blanc.active,
.open > .dropdown-toggle.btn-blanc {
  color: #ef4036;
  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: #ef4036;
  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: #ef4036;
}
.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: #ef4036;
  color: #fff;
  padding: .2em 2.5%;
}
.titencadre a {
  color: #fff;
}
.pucecarre::before {
  content: "";
  width: 0.8em;
  height: 0.8em;
  display: inline-block;
  background-color: #ef4036;
  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://c-real.fr/squ/squelettes/css/bootstrapleger/fonts/bootstrap-icons.woff2?7141511ac37f13e1a387fb9fc6646256') format("woff2"), url('https://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: #ef4036;
}
.bg_site {
  background-color: #ef4036;
}
.fill_site {
  fill: #ef4036;
}
.stroke_site {
  stroke: #ef4036;
}
.margebas {
  margin-bottom: 60px;
}
.filetbas {
  padding-bottom: 0.5em;
  margin-bottom: 1.4em;
  border-bottom: 1px solid #777777;
}
.filethaut {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #777777;
}
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;
  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;
  background: #ef4036;
  padding: 0.2em 0.6em 0.3em;
  color: #fff;
  display: inline-block;
  margin: 1.3em 0.7em 0 0;
  font-weight: 400;
  font-size: .9em;
  transition: all 1s;
}
.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:hover,
.bouton .submit:hover {
  background: #82110a;
}
.btn-vert {
  color: #ffffff;
  background-color: #6fbd47;
  border-color: #6fbd47;
}
.btn-vert:focus,
.btn-vert.focus {
  color: #ffffff;
  background-color: #599a37;
  border-color: #386223;
}
.btn-vert:hover {
  color: #ffffff;
  background-color: #599a37;
  border-color: #549234;
}
.btn-vert:active,
.btn-vert.active,
.open > .dropdown-toggle.btn-vert {
  color: #ffffff;
  background-color: #599a37;
  border-color: #549234;
}
.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: #49802e;
  border-color: #386223;
}
.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: #6fbd47;
  border-color: #6fbd47;
}
.btn-vert .badge {
  color: #6fbd47;
  background-color: #ffffff;
}
.btn-bleu {
  color: #ffffff;
  background-color: #00969c;
  border-color: #00969c;
}
.btn-bleu:focus,
.btn-bleu.focus {
  color: #ffffff;
  background-color: #006569;
  border-color: #001b1d;
}
.btn-bleu:hover {
  color: #ffffff;
  background-color: #006569;
  border-color: #005b5f;
}
.btn-bleu:active,
.btn-bleu.active,
.open > .dropdown-toggle.btn-bleu {
  color: #ffffff;
  background-color: #006569;
  border-color: #005b5f;
}
.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: #004345;
  border-color: #001b1d;
}
.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: #00969c;
  border-color: #00969c;
}
.btn-bleu .badge {
  color: #00969c;
  background-color: #ffffff;
}
.btn-rouge {
  color: #ffffff;
  background-color: #be1e2d;
  border-color: #be1e2d;
}
.btn-rouge:focus,
.btn-rouge.focus {
  color: #ffffff;
  background-color: #921723;
  border-color: #500d13;
}
.btn-rouge:hover {
  color: #ffffff;
  background-color: #921723;
  border-color: #891620;
}
.btn-rouge:active,
.btn-rouge.active,
.open > .dropdown-toggle.btn-rouge {
  color: #ffffff;
  background-color: #921723;
  border-color: #891620;
}
.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: #73121b;
  border-color: #500d13;
}
.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: #be1e2d;
  border-color: #be1e2d;
}
.btn-rouge .badge {
  color: #be1e2d;
  background-color: #ffffff;
}
.btn-jaune {
  color: #ffffff;
  background-color: #f0b214;
  border-color: #f0b214;
}
.btn-jaune:focus,
.btn-jaune.focus {
  color: #ffffff;
  background-color: #c4910d;
  border-color: #7d5c08;
}
.btn-jaune:hover {
  color: #ffffff;
  background-color: #c4910d;
  border-color: #bb8a0c;
}
.btn-jaune:active,
.btn-jaune.active,
.open > .dropdown-toggle.btn-jaune {
  color: #ffffff;
  background-color: #c4910d;
  border-color: #bb8a0c;
}
.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: #a3780a;
  border-color: #7d5c08;
}
.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: #f0b214;
  border-color: #f0b214;
}
.btn-jaune .badge {
  color: #f0b214;
  background-color: #ffffff;
}
.btn-orange {
  color: #ffffff;
  background-color: #ef4036;
  border-color: #ef4036;
}
.btn-orange:focus,
.btn-orange.focus {
  color: #ffffff;
  background-color: #e01d12;
  border-color: #99140c;
}
.btn-orange:hover {
  color: #ffffff;
  background-color: #e01d12;
  border-color: #d71c11;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  color: #ffffff;
  background-color: #e01d12;
  border-color: #d71c11;
}
.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: #bf190f;
  border-color: #99140c;
}
.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: #ef4036;
  border-color: #ef4036;
}
.btn-orange .badge {
  color: #ef4036;
  background-color: #ffffff;
}
.btn-rose {
  color: #ffffff;
  background-color: #c3325f;
  border-color: #c3325f;
}
.btn-rose:focus,
.btn-rose.focus {
  color: #ffffff;
  background-color: #9a284b;
  border-color: #5e182e;
}
.btn-rose:hover {
  color: #ffffff;
  background-color: #9a284b;
  border-color: #922647;
}
.btn-rose:active,
.btn-rose.active,
.open > .dropdown-toggle.btn-rose {
  color: #ffffff;
  background-color: #9a284b;
  border-color: #922647;
}
.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: #7e203d;
  border-color: #5e182e;
}
.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: #c3325f;
  border-color: #c3325f;
}
.btn-rose .badge {
  color: #c3325f;
  background-color: #ffffff;
}
.btn-violet {
  color: #ffffff;
  background-color: #7c57a2;
  border-color: #7c57a2;
}
.btn-violet:focus,
.btn-violet.focus {
  color: #ffffff;
  background-color: #634581;
  border-color: #3d2a4f;
}
.btn-violet:hover {
  color: #ffffff;
  background-color: #634581;
  border-color: #5e427a;
}
.btn-violet:active,
.btn-violet.active,
.open > .dropdown-toggle.btn-violet {
  color: #ffffff;
  background-color: #634581;
  border-color: #5e427a;
}
.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: #51396a;
  border-color: #3d2a4f;
}
.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: #7c57a2;
  border-color: #7c57a2;
}
.btn-violet .badge {
  color: #7c57a2;
  background-color: #ffffff;
}
.btn-gris {
  color: #ffffff;
  background-color: #555555;
  border-color: #555555;
}
.btn-gris:focus,
.btn-gris.focus {
  color: #ffffff;
  background-color: #3c3c3c;
  border-color: #161616;
}
.btn-gris:hover {
  color: #ffffff;
  background-color: #3c3c3c;
  border-color: #373737;
}
.btn-gris:active,
.btn-gris.active,
.open > .dropdown-toggle.btn-gris {
  color: #ffffff;
  background-color: #3c3c3c;
  border-color: #373737;
}
.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: #2a2a2a;
  border-color: #161616;
}
.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: #555555;
  border-color: #555555;
}
.btn-gris .badge {
  color: #555555;
  background-color: #ffffff;
}
.btn-grisLight {
  color: #ffffff;
  background-color: #777777;
  border-color: #777777;
  color: #000 !important;
}
.btn-grisLight:focus,
.btn-grisLight.focus {
  color: #ffffff;
  background-color: #5e5e5e;
  border-color: #373737;
}
.btn-grisLight:hover {
  color: #ffffff;
  background-color: #5e5e5e;
  border-color: #585858;
}
.btn-grisLight:active,
.btn-grisLight.active,
.open > .dropdown-toggle.btn-grisLight {
  color: #ffffff;
  background-color: #5e5e5e;
  border-color: #585858;
}
.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: #4c4c4c;
  border-color: #373737;
}
.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: #777777;
  border-color: #777777;
}
.btn-grisLight .badge {
  color: #777777;
  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: #ef4036;
  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 #ef4036;
}
.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://c-real.fr/spip33/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: #e8e8e8;
  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: #ef4036;
}
.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 #ef4036;
  margin-bottom: 5em;
}
.page_auteurs .item-auteur .formulaire_contact_libre::before {
  content: '';
  width: 30px;
  height: 30px;
  background: #f2f2f2;
  display: block;
  border: 5px solid #ef4036;
  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: #ef4036;
}
.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: #555555;
}
.page_auteurs .item-auteur .formulaire_contact_libre form > div:hover {
  color: #ef4036;
}
.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: #333333;
  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: #be1e2d;
}
/* -------------- 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: #ef4036;
  color: #fff;
  padding: .2em 2.5%;
  position: relative;
  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: #ef4036;
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.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: #ef4036;
  color: #fff;
  padding: .2em 2.5%;
  display: inline-table;
  margin: 2em 0 2.5em;
  padding: 0.5em 0.8em;
  background-color: #f0b214;
}
.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://c-real.fr/spip33/squ/squelettes/ergo/svg/paiement/cheque.svg');
}
.page_paiement .contenu .payer_modes .item.virement,
.formulaire_paiement .payer_modes .item.virement {
  background-image: url('https://c-real.fr/spip33/squ/squelettes/ergo/svg/paiement/virement.svg');
}
.page_paiement .contenu .payer_modes .item.internetplus,
.formulaire_paiement .payer_modes .item.internetplus {
  background-image: url('https://c-real.fr/spip33/squ/squelettes/ergo/svg/paiement/internet.svg');
}
.page_paiement .contenu .payer_modes .item.paypal,
.formulaire_paiement .payer_modes .item.paypal {
  background-image: url('https://c-real.fr/spip33/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://c-real.fr/spip33/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: #ef4036;
  border-color: #ed2a1e;
  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: #e01d12;
  border-color: #82110a;
}
.page_paiement .contenu .boutons .submit:hover,
.formulaire_paiement .boutons .submit:hover {
  color: #ffffff;
  background-color: #e01d12;
  border-color: #bf190f;
}
.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: #e01d12;
  border-color: #bf190f;
}
.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: #bf190f;
  border-color: #82110a;
}
.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: #ef4036;
  border-color: #ed2a1e;
}
.page_paiement .contenu .boutons .submit .badge,
.formulaire_paiement .boutons .submit .badge {
  color: #ef4036;
  background-color: #ffffff;
}
.page_paiement .contenu .bouton,
.formulaire_paiement .bouton {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #777777;
  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: #a81b28;
  color: #ffffff;
  background-color: #be1e2d;
  border-color: #be1e2d;
}
.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: #921723;
  border-color: #3a090e;
}
.page_paiement .contenu .bouton .submit:hover,
.formulaire_paiement .bouton .submit:hover {
  color: #ffffff;
  background-color: #921723;
  border-color: #73121b;
}
.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: #921723;
  border-color: #73121b;
}
.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: #73121b;
  border-color: #3a090e;
}
.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: #be1e2d;
  border-color: #a81b28;
}
.page_paiement .contenu .bouton .submit .badge,
.formulaire_paiement .bouton .submit .badge {
  color: #be1e2d;
  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: #921723;
  border-color: #500d13;
}
.page_paiement .contenu .bouton .submit:hover,
.formulaire_paiement .bouton .submit:hover {
  color: #ffffff;
  background-color: #921723;
  border-color: #891620;
}
.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: #921723;
  border-color: #891620;
}
.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: #73121b;
  border-color: #500d13;
}
.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: #be1e2d;
  border-color: #be1e2d;
}
.page_paiement .contenu .bouton .submit .badge,
.formulaire_paiement .bouton .submit .badge {
  color: #be1e2d;
  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: #ef4036;
}
.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: #ef4036;
  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://c-real.fr/spip33/squ/squelettes/css/bootstrapleger/fonts/glyphicons-halflings-regular.eot');
  src: url('https://c-real.fr/spip33/squ/squelettes/css/bootstrapleger/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://c-real.fr/spip33/squ/squelettes/css/bootstrapleger/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('https://c-real.fr/spip33/squ/squelettes/css/bootstrapleger/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://c-real.fr/spip33/squ/squelettes/css/bootstrapleger/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://c-real.fr/spip33/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: 'Baloo Chettan 2', Verdana, sans-serif;
  background-clip: padding-box;
}
.page {
  text-align: left;
  background-color: transparent;
  overflow-x: hidden;
  font-size: 16px;
}
.page .content {
  position: relative;
  min-height: 440px;
}
.container {
  text-align: center;
  overflow: visible;
}
.container > .row {
  overflow: hidden;
  min-width: 51%;
}
/* une marge de la taille de la goutière */
.margebas {
  margin-bottom: 60px;
}
/*  */
#messagesup {
  min-height: 38px;
  text-align: center;
  padding: 8px;
  font-style: italic;
  background: #fff;
}
#navsup {
  min-height: 38px;
  text-align: center;
  padding: 8px;
  font-style: italic;
  border: 0;
}
#navsup .contact {
  background: url(//c-real.fr/sites/c-real.fr/local/cache-css/) 6px 16px no-repeat;
  padding-left: 22px;
}
#navsup .btsearch .deplie {
  padding: 0;
  outline: 0;
}
#navsup li > a {
  color: #333333;
}
#navsup li > a:hover {
  color: #ef4036;
}
#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(//c-real.fr/sites/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: #e8e8e8;
  max-height: 49px;
}
#navsup .active > a {
  background-color: transparent;
  box-shadow: none;
  font-weight: 600;
}
body #header {
  background-position: center center;
  z-index: 100;
  background-color: #ef4036;
  width: 100%;
  overflow: hidden;
  padding: 0 0 0;
}
body #header .interieur {
  padding-left: 0;
  padding-right: 0;
}
body #header .interieur .logo {
  text-indent: -9999px;
  background: transparent url("//c-real.fr/sites/c-real.fr/local/cache-css/") center;
  background-size: cover;
  z-index: 5;
  position: relative;
  height: 119px;
  width: 403px;
  float: left;
  margin: 0;
}
body #header .interieur .logo img {
  width: 403px;
}
body #header .interieur .logo a {
  height: 119px;
  width: 403px;
}
body #header .formvisible #formulaire_recherche {
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999);
}
body #header .formvisible #formulaire_recherche form {
  width: auto;
  background-color: transparent;
  border: 0px solid #fff;
}
body #header .formvisible #formulaire_recherche form .text {
  border-radius: 0;
  border: 0 solid #fff;
  text-transform: uppercase;
}
body #header .formvisible #formulaire_recherche form .btn {
  box-shadow: 0 0 rgba(0, 0, 0, 0);
  border: 0 solid #fff;
  color: #fff;
}
body #header #header_fond {
  position: fixed;
  top: -1px;
  width: 100%;
  height: 45px;
  background-color: #FFF;
  box-shadow: 9px 8px 5px rgba(0, 0, 0, 0.1);
}
.page_sommaire body #header .interieur img {
  margin-top: 0;
}
#header .menu-liste {
  padding: 0;
}
#header .menu-liste ul {
  margin: 0 auto;
  height: 45px;
}
#header .menu-toggle,
.nav-collapse .menu-toggle {
  height: 40px;
  background-image: url(//c-real.fr/sites/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 {
  padding-top: 10px;
  display: inline-block;
}
#header ul,
.nav-collapse ul {
  position: relative;
}
#header li,
.nav-collapse li {
  position: relative;
  display: inline-block;
  height: 45px;
  vertical-align: top;
  text-align: center;
}
#header li a,
.nav-collapse li a,
#header li span,
.nav-collapse li span {
  display: block;
  padding: 15px 0px 14px 24px;
  color: #FFF;
  text-align: left;
  font: 300 1.2em/100% 'Baloo Chettan 2', Verdana, sans-serif;
  line-height: 1.2em;
}
#header li a.glyphicon,
.nav-collapse li a.glyphicon,
#header li span.glyphicon,
.nav-collapse li span.glyphicon {
  font-family: 'Glyphicons Halflings';
  padding: 0;
}
#header li li,
.nav-collapse li li {
  display: block;
  margin-bottom: 5px;
  width: auto;
  background: none;
  font-size: 14px;
  height: inherit;
  font-family: 'Baloo Chettan 2', Verdana, sans-serif;
}
#header li li a,
.nav-collapse 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 {
  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 {
  color: #A0171F;
}
#header #header_fond .gauche,
.nav-collapse #header_fond .gauche {
  width: 10.5%;
}
#header li#header_titre,
.nav-collapse 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: #be1e2d;
}
.vert {
  color: #6fbd47;
}
.bleu {
  color: #00969c;
}
.jaune {
  color: #f0b214;
}
/*  */
.fleche_bleu {
  background: transparent url(//c-real.fr/sites/c-real.fr/local/cache-css/) no-repeat right 0px;
}
.fleche_orange {
  background: transparent url(//c-real.fr/sites/c-real.fr/local/cache-css/) no-repeat right 0px;
}
.fleche_violet {
  background: transparent url(//c-real.fr/sites/c-real.fr/local/cache-css/) no-repeat right 0px;
}
.fleche_vert {
  background: transparent url(//c-real.fr/sites/c-real.fr/local/cache-css/) no-repeat right 0px;
}
/*  */
a {
  color: #ef4036;
}
a:hover {
  color: #c91a10;
}
a .cnt,
a .desc {
  color: #000;
}
.lls {
  padding-bottom: .5em;
  font-weight: 500;
  padding-right: 20px;
  color: #000;
  display: block;
  margin-top: 2em;
}
.lls.vert {
  border-color: #6fbd47;
  background: transparent url(//c-real.fr/sites/c-real.fr/local/cache-css/) no-repeat right 0px;
}
.lls.bleu {
  border-color: #00969c;
  background: transparent url(//c-real.fr/sites/c-real.fr/local/cache-css/) no-repeat right 0px;
}
.lls.orange {
  border-color: #ef4036;
  background: transparent url(//c-real.fr/sites/c-real.fr/local/cache-css/) no-repeat right 0px;
}
.lls.violet {
  border-color: #7c57a2;
  background: transparent url(//c-real.fr/sites/c-real.fr/local/cache-css/) no-repeat right 0px;
}
/*  */
.grotit {
  font-size: 2.2em;
  text-transform: uppercase;
  margin: 0 0 .8em;
}
.grotit.violet {
  border-color: #7c57a2;
}
.grotit.orange {
  border-color: #ef4036;
}
.grotit.vert {
  border-color: #6fbd47;
}
.grotit:first-letter {
  text-transform: uppercase;
}
.frise {
  background-color: #e8e8e8;
  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 #e8e8e8;
  padding-bottom: 0.4em;
  font-size: 2.3em;
  color: #333333;
  background: #fff;
  color: #000;
  font-weight: 300;
  padding: 0 0 0.4em;
  width: auto;
  line-height: .9em;
}
.tit_doubleliseret a {
  color: #222222;
  padding-bottom: 0;
}
.tit_doubleliseret:after {
  content: '';
  width: 92vw;
  display: block;
  border-bottom: 1px solid #555555;
  float: left;
  margin-top: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
/*  */
/* ------- GENERAL ------- */
.item {
  min-width: 12px;
}
.item .surtit {
  font-weight: 500;
  margin-bottom: .8em;
  text-transform: uppercase;
}
.item .auteur {
  font-style: italic;
}
.item .auteur a {
  color: #000;
  font-style: italic;
  font-size: 1em;
  display: inline-block;
}
.lieu {
  margin: 0;
  padding: 0;
  font-size: 1em;
  background-color: #fff;
  color: #000;
  padding: 0 .5%;
}
.adresse {
  display: block;
  font-weight: 300;
  text-transform: none;
  line-height: 1.4em;
}
/*
	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 .1em .8em;
  line-height: 120%;
  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: #ef4036;
  top: 0.1em;
  width: 0.5em;
  height: .5em;
  left: 0px;
  position: absolute;
  margin: 0.5em .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;
}
.content .item .cnt hr.spip,
.content .item .desc hr.spip,
.content .chapo hr.spip {
  margin: 1.4em 0;
  border-color: #555555;
}
/* ------- SEULEMENT TITRE ET LOGO ------- */
.liste-titrelogo {
  display: flex;
  flex-flow: row wrap;
  text-align: left;
  min-width: 1%;
}
.liste-titrelogo .item > a {
  padding-top: 0;
  position: relative;
  font-size: 1.4em;
  overflow: hidden;
  display: block;
}
.liste-titrelogo .item > a .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: #ef4036;
}
.liste-titrelogo .item > a .legende .surtit {
  line-height: 1.3em;
  font-weight: 300;
  text-transform: none;
  margin: 0;
  display: block;
  color: #fff;
}
.liste-titrelogo .item > a .legende .tit {
  color: #fff;
  display: block;
  font-weight: 500;
  line-height: 1.2em;
}
.liste-titrelogo .item > a .logo {
  min-width: 100%;
  display: block;
  margin-top: 4.5em;
  overflow: hidden;
  height: 9.4em;
  transition: .5s;
}
.liste-titrelogo .item > a .logo img {
  transition: .5s;
}
.liste-titrelogo .item > a .desc {
  display: none;
}
.liste-titrelogo .item a:hover img {
  max-width: 110% !important;
  margin-left: -5%;
}
/* ------- SERRES ------- */
.serre .item {
  padding: 0;
}
/* ------- 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 #ef4036;
}
.item-evt .couleur > * {
  margin-left: 14px;
}
.item-evt .couleur .stit {
  background-color: #ef4036;
  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: #555555;
  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;
}
.item-evt .couleur1 {
  border-left: 5px solid #be1e2d;
}
.item-evt .couleur1 .stit {
  background-color: #be1e2d;
}
.item-evt .couleur2 {
  border-left: 5px solid #6fbd47;
}
.item-evt .couleur2 .stit {
  background-color: #6fbd47;
}
.item-evt .couleur3 {
  border-left: 5px solid #00969c;
}
.item-evt .couleur3 .stit {
  background-color: #00969c;
}
.item-evt .couleur4 {
  border-left: 5px solid #7c57a2;
}
.item-evt .couleur4 .stit {
  background-color: #7c57a2;
}
.item-evt .couleur5 {
  border-left: 5px solid #ef4036;
}
.item-evt .couleur5 .stit {
  background-color: #ef4036;
}
/* ------- VIDEO ------- */
.content .item-video .tit {
  margin: 1em 0 .5em;
  font-size: 1.5em;
  line-height: 130%;
  color: #000;
  font-weight: 700;
}
.content .item-video .lls {
  text-transform: none;
  font-size: 0.9em;
  font-weight: 600;
  padding: 0 0 1em;
  margin-top: 1em;
}
.content .item-video .lls:after {
  content: "\e259";
}
.content .item-video .lls::after {
  font-family: 'Glyphicons Halflings';
  color: #ef4036;
  vertical-align: top;
  margin-left: .3em;
}
.content .item-video .bt-play {
  position: absolute;
  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: 220px;
  padding-bottom: 0;
}
.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 .spip_logo {
  width: 100%;
  height: auto;
  margin: 0 0 .3em;
}
.liste-doc .item .tit {
  background: #e8e8e8;
  padding: 0.6em;
  font-size: 1em;
  margin-top: 0;
  text-align: center;
}
.liste-doc.galerie .grotit-doc {
  margin-bottom: 1.1em;
}
.liste-doc.galerie .item {
  padding: 0;
}
.liste-doc.galerie .entourelogo {
  width: 100%;
}
.liste-doc.galerie .hasbox {
  border-bottom: 5px solid #ef4036;
  position: relative;
  margin-bottom: 0;
}
.liste-doc.galerie .hasbox::after {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('https://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;
  background-color: #ef4036;
}
.liste-doc.galerie .hasbox:hover::after {
  background-size: 50%;
}
.content #contenu .liste-doc.galerie .spip_logo,
.content .contenu .liste-doc.galerie .spip_logo {
  margin: 0;
}
/* ------- MOTS ------- */
.liste-mot {
  background: #e8e8e8;
  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: #333333;
  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: #ef4036;
  color: #fff !important;
}
/*  */
.encart-message {
  background: #ef4036 url('//c-real.fr/sites/c-real.fr/local/cache-css/') right no-repeat;
  background-size: contain;
  padding: .4em 0;
  color: #fff;
  text-align: left;
  font-size: 1.7em;
  font-style: italic;
  overflow: hidden;
  line-height: 160%;
  font-weight: 400;
}
.encart-message .colgauche,
.encart-message .coldroite {
  margin-top: 1em;
  margin-bottom: 1em;
}
.encart-message .colgauche {
  border-right: 1px solid #000;
}
.encart-message .colgauche p {
  margin: 0 0 0 2%;
}
.encart-message .coldroite {
  font-style: normal;
  font-size: .75em;
}
.encart-message .coldroite .desc {
  color: #fff;
  line-height: 160%;
}
.encart-message .coldroite .desc a {
  margin: 0.5em 0 0;
  display: block;
  font-size: .95em;
  color: #000;
}
.encart-message .coldroite .desc a:hover {
  color: #fff;
  text-decoration: underline;
}
.encart-message .logo {
  padding-left: 8%;
  padding-right: 18px;
}
.encart-message .logo img {
  -webkit-box-shadow: 8px 8px 14px #000000 50;
  -moz-box-shadow: 8px 8px 14px #000000 50;
  box-shadow: 8px 8px 14px #000000 50;
  padding: 0.3em 0 0;
}
/*  */
.ancrepagin,
.comment.hreview > a,
a[name="ajax_ancre"],
a[name*="pagination"] {
  position: relative;
  top: -125px;
}
/*  */
.pagination {
  text-align: center;
  border-top: 1px solid #777777;
  padding-top: 1em;
  margin-top: 1.6em;
  overflow: hidden;
  width: 100%;
}
.pagination .page {
  background: #fff;
}
.pagination ul .active span,
.pagination ul .active strong {
  background-color: #ef4036;
  border-color: #ef4036;
  color: #fff;
}
.pagination ul li > a,
.pagination ul li > strong,
.pagination ul li > span {
  padding: 4px 12px 3px;
}
.pagination .pages {
  font-size: 1.1em;
}
.pagination .pages strong,
.pagination .pages a {
  height: 2.5em;
  display: inline-block;
  overflow: hidden;
  padding: 0.7em 0;
  max-width: 3em;
  text-align: center;
  vertical-align: middle;
  line-height: 1.1;
  padding: .3em;
  border: .4em solid #fff;
}
.pagination .pages .sep {
  width: 1em;
  line-height: .9;
  margin-bottom: 0.2em;
  padding: .6em .5em;
  font-weight: 200;
  height: 2.1em;
}
.pagination .pages .sep,
.pagination .pages .page,
.pagination .pages .next,
.pagination .pages .prev,
.pagination .pages > span {
  vertical-align: middle;
  display: inline-block;
}
.pagination .pages .disabled {
  color: #555555;
}
.pagination .pages .active strong {
  color: #be1e2d;
  font-weight: 700;
}
.pagination .pages a {
  transition: .5s all;
  border-radius: 50%;
}
.pagination .pages .next,
.pagination .pages .prev {
  font-size: 1.3em;
  line-height: 1;
}
/*  */
.notes > div {
  position: relative;
  top: -125px;
}
.notes > div p {
  position: relative;
  top: 125px;
}
.spip_note_ref a {
  position: relative;
  padding-top: 125px;
}
/*  */
/*  */
.owl-carousel {
  margin-bottom: 4em;
}
.owl-carousel .item {
  border-bottom: 4px solid #ef4036;
  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;
  background: transparent url('https://c-real.fr/squ/squ-z/ergo/carou_bg1.png') center 18px no-repeat;
}
.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 .item .legende:hover {
  background-color: #ef4036;
}
.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;
  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 {
  background: transparent url(//c-real.fr/sites/c-real.fr/local/cache-css/) center bottom no-repeat;
  left: -4.5%;
}
.owl-carousel .owl-next {
  background: transparent url(//c-real.fr/sites/c-real.fr/local/cache-css/) center bottom no-repeat;
  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: #ef4036;
}
/*  */
.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%;
}
.contenu .asidedroite .encartcompte .item {
  margin-bottom: 1.8em;
  padding: 1em;
}
.contenu .asidedroite .encartcompte .grotit {
  padding: 0.6em 4%;
}
/*  */
.contenu #coldroite .grotit,
.contenu .asidedroite .grotit {
  background: #ef4036;
  color: #fff;
  font-weight: 500;
  width: 100%;
  font-size: 1.5em;
  line-height: 1.2em;
  text-transform: none;
  padding: 0.4em .5em .3em;
}
.contenu #coldroite .grotit a,
.contenu .asidedroite .grotit a {
  color: #fff;
}
.contenu #coldroite .encartcompte .item,
.contenu .asidedroite .encartcompte .item {
  background: #f5f5f5;
}
.contenu #coldroite .encartcompte .item .champ,
.contenu .asidedroite .encartcompte .item .champ {
  margin-bottom: .4em;
}
.contenu #coldroite .encartcompte .item .label,
.contenu .asidedroite .encartcompte .item .label {
  display: inline-block;
  border-bottom: 3px solid #bacbcc;
  margin-right: 0.3em;
  font-weight: 600;
}
.contenu #coldroite .encartcompte .item ul.nav,
.contenu .asidedroite .encartcompte .item ul.nav {
  padding: 0;
  list-style: none;
}
.contenu #coldroite .encartcompte .item ul.nav .btico,
.contenu .asidedroite .encartcompte .item ul.nav .btico {
  margin-bottom: .5em;
}
.contenu #coldroite .liste-doc .tit,
.contenu .asidedroite .liste-doc .tit {
  text-align: left;
  padding: .2em 0 0.3em;
  font-size: 1.1em;
  color: #000;
}
.contenu #coldroite .liste-doc .spip_logo,
.contenu .asidedroite .liste-doc .spip_logo {
  margin-top: .25em;
}
.contenu #coldroite .liste-doc .extension,
.contenu .asidedroite .liste-doc .extension {
  margin: 0 0 0.5em;
}
.contenu .encart > .item {
  padding: 1em;
}
.contenu .encart > .item ul.nav {
  padding: 0;
  list-style: none;
}
.contenu .encart > .item ul.nav li {
  margin-bottom: .5em;
}
.contenu .icones img,
.contenu .nav img {
  width: 22px;
}
/*  */
.chemin {
  margin-bottom: .3em;
}
.chemin .item-chemin {
  color: #333333;
  font-weight: 400;
}
.chemin .item-chemin::before {
  content: ">";
  display: inline-block;
  margin: 0 .5em .2em;
  color: #ef4036;
  vertical-align: middle;
}
.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: "\e021";
}
.chemin a.item-chemin:first-of-type:before {
  content: "\f425";
}
.chemin a.item-chemin:first-of-type::before {
  font-size: 0.85em;
  vertical-align: baseline;
  line-height: 1em;
  margin-right: 1em;
  color: #777777;
}
.chemin a.item-chemin:first-of-type:hover::before {
  color: #ef4036;
}
/*  */
.chapo {
  margin-bottom: .6em;
  font-weight: 500;
  font-size: 1.4em;
}
.chapo h3 {
  margin: 1.5em 0 1em;
  font-weight: 600;
  font-size: 1.6em;
}
.intro {
  margin-bottom: 0;
  overflow: hidden;
}
#intro .grosurtit,
.intro .grosurtit,
#intro .grosoustit,
.intro .grosoustit {
  text-align: left;
  font-weight: 400;
  color: #000;
  font-size: 2.3em;
  line-height: 140%;
}
#intro .grosurtit,
.intro .grosurtit {
  margin-top: .7em;
}
#intro .grotit,
.intro .grotit {
  font-size: 3.2em;
  font-weight: 600;
  color: #ef4036;
}
#intro .chapo,
.intro .chapo {
  margin-bottom: 1.8em;
  text-align: left;
}
.article .chapo {
  margin-bottom: 2em;
  font-size: 1.2em;
}
.article .chapo p {
  margin-top: 0;
}
.article .chapo p + p {
  margin-top: .6em;
}
/*  */
.laliste .date,
.autre .date {
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1.2;
  margin-bottom: 0;
  display: block;
}
#laliste .filtre,
.autre .filtre,
.laliste .filtre {
  font-size: 1.1em;
  margin-left: -100%;
  margin-right: -100%;
  width: 300%;
}
#laliste .filtre .tit,
.autre .filtre .tit,
.laliste .filtre .tit {
  margin-bottom: .3em;
}
#laliste .filtre a,
.autre .filtre a,
.laliste .filtre a {
  margin: 0 .8em;
  font-weight: 500;
}
#laliste .filtre a:hover,
.autre .filtre a:hover,
.laliste .filtre a:hover {
  color: #ef4036;
}
#laliste .filtre .titselect,
.autre .filtre .titselect,
.laliste .filtre .titselect {
  width: 8%;
}
#laliste .item,
.autre .item,
.laliste .item {
  text-align: left;
  margin-bottom: 2em;
  clear: none;
}
#laliste .item .spip_logos,
.autre .item .spip_logos,
.laliste .item .spip_logos {
  margin: .3em 1.5em 0 0;
}
#laliste .titagenda,
.autre .titagenda,
.laliste .titagenda {
  color: #fff;
  padding: 0.5em .8em .6em;
  font-size: 1.8em;
  margin: 2em 0 0.6em;
}
#laliste .titagenda a,
.autre .titagenda a,
.laliste .titagenda a {
  color: #fff;
}
#laliste .evenement .couleur,
.autre .evenement .couleur,
.laliste .evenement .couleur {
  border-color: #ef4036;
  padding-bottom: .2em;
  overflow: hidden;
}
#laliste .evenement .couleur .preambule,
.autre .evenement .couleur .preambule,
.laliste .evenement .couleur .preambule {
  padding-left: 1em;
  display: block;
  margin: 0.6em 0 .7em;
}
#laliste .evenement .couleur .preambule .date,
.autre .evenement .couleur .preambule .date,
.laliste .evenement .couleur .preambule .date {
  font-weight: 600;
  color: #ef4036;
  font-size: 1.4em;
  margin-bottom: 0.4em;
  line-height: 110%;
}
#laliste .evenement .couleur .preambule .lieu,
.autre .evenement .couleur .preambule .lieu,
.laliste .evenement .couleur .preambule .lieu {
  display: block;
  font-size: 1em;
  line-height: 1.2;
  font-weight: 600;
  display: inline-block;
  font-style: italic;
  background-color: #e8e8e8;
  padding: 0.3em 5% .5em;
  border-radius: .3em;
}
#laliste .evenement .couleur .preambule .lieu .adresse,
.autre .evenement .couleur .preambule .lieu .adresse,
.laliste .evenement .couleur .preambule .lieu .adresse {
  margin-bottom: 0;
  font-weight: 500;
  display: block;
}
#laliste .evenement .couleur .tit,
.autre .evenement .couleur .tit,
.laliste .evenement .couleur .tit {
  margin: 0 0.7em;
  font-size: 1.5em;
}
#laliste .evenement .couleur .introduction,
.autre .evenement .couleur .introduction,
.laliste .evenement .couleur .introduction {
  margin: 0.7em 5% 1em;
  font-size: .9em;
  line-height: 120%;
  font-weight: 500;
}
#laliste .evenement .couleur .stit,
.autre .evenement .couleur .stit,
.laliste .evenement .couleur .stit {
  background-color: #ef4036;
  text-transform: uppercase;
  color: #fff;
  font-size: .9em;
  margin-left: 0;
  padding: 0.4em 0.5em 0.4em 0.2em;
  display: inline-block;
}
#laliste .evenement .couleur .spip_logos,
.autre .evenement .couleur .spip_logos,
.laliste .evenement .couleur .spip_logos {
  margin: 0.8em 5% 0 5%;
}
#laliste .evenement .couleur .btn-petit,
.autre .evenement .couleur .btn-petit,
.laliste .evenement .couleur .btn-petit {
  margin: 0 0 0 17px;
  color: #fff;
}
#laliste .evenement .couleur .btn-petit:hover,
.autre .evenement .couleur .btn-petit:hover,
.laliste .evenement .couleur .btn-petit:hover {
  background-color: #ef4036;
}
#laliste .evenement .couleur1,
.autre .evenement .couleur1,
.laliste .evenement .couleur1 {
  border-left: 5px solid #be1e2d;
}
#laliste .evenement .couleur1 .stit,
.autre .evenement .couleur1 .stit,
.laliste .evenement .couleur1 .stit {
  background-color: #be1e2d;
}
#laliste .evenement .couleur2,
.autre .evenement .couleur2,
.laliste .evenement .couleur2 {
  border-left: 5px solid #6fbd47;
}
#laliste .evenement .couleur2 .stit,
.autre .evenement .couleur2 .stit,
.laliste .evenement .couleur2 .stit {
  background-color: #6fbd47;
}
#laliste .evenement .couleur3,
.autre .evenement .couleur3,
.laliste .evenement .couleur3 {
  border-left: 5px solid #00969c;
}
#laliste .evenement .couleur3 .stit,
.autre .evenement .couleur3 .stit,
.laliste .evenement .couleur3 .stit {
  background-color: #00969c;
}
#laliste .evenement .couleur4,
.autre .evenement .couleur4,
.laliste .evenement .couleur4 {
  border-left: 5px solid #7c57a2;
}
#laliste .evenement .couleur4 .stit,
.autre .evenement .couleur4 .stit,
.laliste .evenement .couleur4 .stit {
  background-color: #7c57a2;
}
#laliste .evenement .couleur5,
.autre .evenement .couleur5,
.laliste .evenement .couleur5 {
  border-left: 5px solid #ef4036;
}
#laliste .evenement .couleur5 .stit,
.autre .evenement .couleur5 .stit,
.laliste .evenement .couleur5 .stit {
  background-color: #ef4036;
}
#laliste .spip_logos,
.autre .spip_logos,
.laliste .spip_logos {
  border-bottom: 0px solid #fff;
}
#laliste .item-site,
.autre .item-site,
.laliste .item-site {
  text-align: center;
}
#laliste .item-site a,
.autre .item-site a,
.laliste .item-site a {
  text-align: center;
}
#laliste .item-site .tit a,
.autre .item-site .tit a,
.laliste .item-site .tit a {
  font-size: 1.1em;
}
#laliste .item-site .spip_logos,
.autre .item-site .spip_logos,
.laliste .item-site .spip_logos {
  margin: .3em auto .5em;
  text-align: center;
  width: 94%;
  height: auto;
  float: none;
}
#laliste .item-site .centre .liensite,
.autre .item-site .centre .liensite,
.laliste .item-site .centre .liensite {
  background-color: #e8e8e8;
  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: #ef4036;
  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;
}
/*  */
/*  */
#lireaussi .grotit {
  display: table;
  overflow: hidden;
  background: #ef4036;
  color: #fff;
  padding: .2em 2.5%;
  color: #ef4036;
  border-bottom: 2px solid #777777;
  font-size: 1.7em;
  padding: 0.3em 0;
  background-color: transparent;
  margin: 1em auto 3em;
}
#lireaussi .grotit a {
  color: #fff;
}
#lireaussi .grotit a {
  color: #fff;
}
#lireaussi .item .entourelogo {
  margin-bottom: 1em;
}
#lireaussi .logo {
  float: left;
}
#lireaussi p {
  margin-bottom: 0;
}
/*  */
/* -------- Exemple : listes d'événements sous articles -------- */
#contenu.page_type_contenu #petiteliste.autre .item,
#contenu.page_type_contenu .liste-evt .item {
  min-height: auto;
  margin-bottom: 0;
}
#contenu.page_type_contenu #petiteliste.autre .titagenda,
#contenu.page_type_contenu .liste-evt .titagenda {
  font-size: 1.6em;
  margin-bottom: 0.6em;
  background-color: #ef4036;
  background-position: right;
}
#contenu.page_type_contenu #petiteliste.autre .titagenda a,
#contenu.page_type_contenu .liste-evt .titagenda a {
  color: #fff !important;
}
#contenu.page_type_contenu #petiteliste.autre .date,
#contenu.page_type_contenu .liste-evt .date {
  font-weight: 400;
  font-size: 1.6em;
  line-height: 1;
  margin-bottom: 8px;
  display: block;
  font-weight: 600;
}
#contenu.page_type_contenu #petiteliste.autre .spip_logo,
#contenu.page_type_contenu .liste-evt .spip_logo {
  display: none;
}
#contenu.page_type_contenu #petiteliste.autre .introduction,
#contenu.page_type_contenu .liste-evt .introduction {
  line-height: 1.2;
}
#contenu.page_type_contenu #petiteliste.autre .lls,
#contenu.page_type_contenu .liste-evt .lls {
  margin-top: .4em;
}
#contenu.page_type_contenu #colgauche #petiteliste,
#contenu.page_type_contenu #colgauche .liste-evt {
  margin-top: 1.5em;
}
#contenu.page_type_contenu #colgauche #petiteliste .evenement .couleur .grotit,
#contenu.page_type_contenu #colgauche .liste-evt .evenement .couleur .grotit {
  border-bottom: 1px solid #ddd;
  display: block;
  padding: 0.6em 0 .2em;
  color: #ef4036;
  font-size: 1.9em;
  margin: 1.6em 0 0.5em;
}
#contenu.page_type_contenu #colgauche #petiteliste .evenement .couleur .date,
#contenu.page_type_contenu #colgauche .liste-evt .evenement .couleur .date {
  margin: 18px 0 0px;
}
#contenu.page_type_contenu #colgauche #petiteliste .evenement .couleur .preambule .lieu,
#contenu.page_type_contenu #colgauche .liste-evt .evenement .couleur .preambule .lieu {
  padding: .5em .8em;
  margin: 0.7em 0 0;
}
#contenu.page_type_contenu #colgauche #petiteliste .evenement .couleur .preambule .lieu .adresse,
#contenu.page_type_contenu #colgauche .liste-evt .evenement .couleur .preambule .lieu .adresse {
  display: inline;
}
#contenu.page_type_contenu #colgauche #petiteliste .evenement .couleur .preambule .lieu .adresse::before,
#contenu.page_type_contenu #colgauche .liste-evt .evenement .couleur .preambule .lieu .adresse::before {
  content: " - ";
}
#contenu.page_type_contenu #colgauche #petiteliste .evenement .couleur .tit a,
#contenu.page_type_contenu #colgauche .liste-evt .evenement .couleur .tit a {
  font-size: 1.4em;
}
#contenu.page_type_contenu #colgauche #petiteliste .evenement .couleur .spip_logos,
#contenu.page_type_contenu #colgauche .liste-evt .evenement .couleur .spip_logos {
  margin: 0.8em 2.5% 0 2.3%;
  display: block;
}
#contenu.page_type_contenu #colgauche #petiteliste .evenement .couleur .introduction,
#contenu.page_type_contenu #colgauche .liste-evt .evenement .couleur .introduction {
  margin: 0.7em 2.5% .5em;
  line-height: 1.4em;
  font-size: .95em;
}
#contenu.page_type_contenu #colgauche #petiteliste .minisuite,
#contenu.page_type_contenu #colgauche .liste-evt .minisuite {
  font-weight: 600;
  color: #ef4036;
  display: block;
  margin: 0 2.5%;
}
#contenu.page_type_contenu #colgauche #petiteliste .minisuite:hover,
#contenu.page_type_contenu #colgauche .liste-evt .minisuite:hover {
  text-decoration: underline;
}
#contenu.page_type_contenu #colgauche #petiteliste .miniatures .item .spip_logos,
#contenu.page_type_contenu #colgauche .liste-evt .miniatures .item .spip_logos {
  width: 20% !important;
}
#contenu.page_type_contenu .asidedroite {
  overflow: hidden;
}
#contenu.page_type_contenu .asidedroite .encart {
  background: #e8e8e8;
  padding: .1em 1em 1em;
  max-width: 100%;
  margin-bottom: 2em;
}
#contenu.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;
}
#contenu.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;
}
#contenu.page_type_contenu .asidedroite .encart p {
  margin: 0;
}
#contenu.page_type_contenu .asidedroite .encart .labeur p {
  margin-bottom: .7em;
}
#contenu.page_type_contenu .asidedroite .encart ul.spip li {
  padding-top: 0;
}
/*  */
.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 {
  /*  */
  /* --------- 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 */
  /*  */
  /* --------- Titres --------- */
  /*--------------- Marges   --------------*/
  /*--------------- Listes   --------------*/
  /*--------------- Mise en forme de caractères  --------------*/
  /*--------------- Mise en forme de paragraphes  --------------*/
  /*--------------- Impressions  --------------*/
  /*--------------- Blocs dépliables  --------------*/
  /*--------------- Encadrés  --------------*/
  /*--------------- Filets et tableaux  --------------*/
  /* -------- Tableaux ------- */
  /*--------------- Filets et tableaux  --------------*/
  /* ---- Notes ---- */
  /* ---- Documents ---- */
  /* --------- Formidable --------- */
  /* --------- Listes --------- */
  /*  */
}
@font-face {
  font-display: block;
  font-family: 'bootstrap-icons';
  src: url(https://c-real.fr/spip33/squ/squelettes/css/bootstrapleger/fonts/bootstrap-icons.woff2) format('woff2'), url(https://c-real.fr/spip33/squ/squelettes/css/bootstrapleger/fonts/bootstrap-icons.woff) format('woff');
}
.content .article .icon {
  position: relative;
}
.content .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,
.content .article .icon-box-fleche-bas-droite:before {
  content: "\f1c5";
}
.content .article strong,
.content .article b {
  font-weight: 600;
}
.content .article i,
.content .article em,
.content .article .italique {
  font-style: italic;
}
.content .article strong i {
  font-weight: bold;
}
.content .article .spip_document iframe {
  margin: 0;
}
.content .article a {
  line-height: 120%;
}
.content .article img {
  max-width: 100%;
  height: auto;
}
.content .article sup.typo_exposants {
  line-height: 99%;
}
.content .article sup a {
  font-weight: bold;
  color: #CF0911;
}
.content .article span + .autobr {
  display: none;
}
.content .article p,
.content .article ul.spip,
.content .article ol.spip,
.content .article table,
.content .article .texteencadre-spip,
.content .article .spip_cadre,
.content .article .spip_code {
  margin-bottom: calc(@baseLineHeight * 1.5);
}
.content .article h2.spip,
.content .article h3.spip,
.content .article h4.spip,
.content .article h5.spip,
.content .article h6.spip,
.content .article .titre.h3,
.content .article .titre.h4,
.content .article .titre.h5,
.content .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,
.content .article h3.spip a,
.content .article h4.spip a,
.content .article h5.spip a,
.content .article h6.spip a,
.content .article .titre.h3 a,
.content .article .titre.h4 a,
.content .article .titre.h5 a,
.content .article .titre.h6 a {
  padding: 0;
}
.content .article h2.spip font,
.content .article h3.spip font,
.content .article h4.spip font,
.content .article h5.spip font,
.content .article h6.spip font,
.content .article .titre.h3 font,
.content .article .titre.h4 font,
.content .article .titre.h5 font,
.content .article .titre.h6 font {
  font-weight: 600;
  line-height: 120%;
  margin-left: 5px;
}
.content .article h2.spip,
.content .article .titre.h2,
.content .article h3.spip,
.content .article .titre.h3 {
  display: table;
  border-bottom: 3px solid #ef4036;
  margin-bottom: .8em;
  font-size: 2em;
  padding: 0 0 0.15em;
}
.content .article h2.spip font,
.content .article .titre.h2 font,
.content .article h3.spip font,
.content .article .titre.h3 font,
.content .article h2.spip font *,
.content .article .titre.h2 font *,
.content .article h3.spip font *,
.content .article .titre.h3 font * {
  font-weight: bold;
}
.content .article h4.spip,
.content .article .titre.h4,
.content .article h5.spip,
.content .article .titre.h5 {
  border-bottom: 1px solid #555555;
  margin: .7em 0;
}
.content .article h4.spip,
.content .article .titre.h4 {
  border-bottom: 1px solid #555555;
  display: table;
  font: normal 500 1.8em/1.5em 'Baloo Chettan 2', Verdana, sans-serif;
  padding: 4px 2px 6px 0;
}
.content .article h4.spip a,
.content .article .titre.h4 a {
  padding: 0;
}
.content .article h5.spip,
.content .article .titre.h5 {
  display: table;
  font: normal 500 1.4em/1.65em 'Baloo Chettan 2', Verdana, sans-serif;
  margin: .5em 0 1em;
  padding: .4em 0 .3em ;
  color: #222222;
  background-color: transparent;
}
.content .article h5.spip .spip_dic,
.content .article .titre.h5 .spip_dic {
  color: #fff;
}
.content .article h6.spip,
.content .article .titre.h6 {
  border-bottom: 1px solid #e8e8e8;
  display: table;
  font: 500 1.2em/120% 'Baloo Chettan 2', Verdana, sans-serif;
  overflow: hidden;
  padding: 3px 0 4px;
}
.content .article p,
.content .article ul.spip,
.content .article ol.spip,
.content .article table,
.content .article .texteencadre-spip,
.content .article .spip_cadre,
.content .article .spip_code,
.content .article .spip-block-right,
.content .article .spip-block-center {
  margin-bottom: calc(28.8px);
  font-weight: inherit;
}
.content .article p + h3.spip,
.content .article ul.spip + h3.spip,
.content .article ol.spip + h3.spip,
.content .article div + h3.spip,
.content .article table + h3.spip,
.content .article p + h4.spip,
.content .article ul.spip + h4.spip,
.content .article ol.spip + h4.spip,
.content .article div + h4.spip,
.content .article table + h4.spip,
.content .article p + h5.spip,
.content .article ul.spip + h5.spip,
.content .article ol.spip + h5.spip,
.content .article div + h5.spip,
.content .article table + h5.spip,
.content .article p + h6.spip,
.content .article ul.spip + h6.spip,
.content .article ol.spip + h6.spip,
.content .article div + h6.spip,
.content .article table + h6.spip {
  margin-top: 1.8em;
}
.content .article * .spip_dic {
  margin: 0 0 0 6px;
  line-height: 95%;
}
.content .article li,
.content .article p {
  line-height: 1.6em;
}
.content .article ul.spip {
  border-width: 0;
  padding-left: 0.5em;
}
.content .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 {
  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: #ef4036;
}
.content .article ul.spip > li {
  margin-left: 0;
}
.content .article ul.spip ul.spip,
.content .article ol.spip ul.spip,
.content .article ul.spip ol.spip {
  margin-left: 10px;
  margin-bottom: 1.7em;
}
.content .article ul.spip ul.spip li,
.content .article ol.spip ul.spip li,
.content .article ul.spip ol.spip li {
  padding-top: 0.2em;
  margin: 0 0 .1em;
}
.content .article ol {
  list-style: decimal inside !important;
}
.content .article ol.spip {
  counter-reset: repas;
  margin: 0.5em 0 1.9em 1.9em;
}
.content .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 {
  content: counter(repas);
  /* on affiche le compteur */
  padding: 2px 8px 2px;
  margin-right: 1em;
  vertical-align: top;
  background: #ef4036;
  font-weight: bold;
  font-size: 1em;
  color: white;
}
.content .article ol.spip ul li:before {
  content: none;
}
.content .article li.spip ul.spip {
  margin: 0;
}
.content .article a.spip_out,
.content .article a.spip_in,
.content .article a.spip_glossaire,
.content .article p.spip_note a,
.content .article p.spip a,
.content .article .spip_in,
.content .article .spip_note,
.content .article .spip_dic sup,
.content .article .larticle a {
  font-weight: 500;
  color: #ef4036;
}
.content .article .spip_out:hover,
.content .article p.spip_note a:hover,
.content .article p.spip a:hover,
.content .article .spip_in:hover,
.content .article .spip_glossaire:hover,
.content .article .spip_out:hover {
  text-decoration: underline;
}
.content .article .spip_out {
  position: relative;
  padding-right: 0.3em;
}
.content .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 {
  content: "\f1c5";
}
.content .article .spip_out::before {
  font-size: .6em;
  vertical-align: baseline;
}
.content .article .caractencadre-spip {
  color: #be1e2d;
}
.content .article .caractencadre2-spip {
  color: #f0b214;
}
.content .article sc,
.content .article .sc {
  font-variant: small-caps;
}
.content .article .spip_cadre,
.content .article .spip_code {
  padding: .6em 1em .7em;
  display: block;
}
.content .article code,
.content .article kbd,
.content .article pre,
.content .article samp {
  font-family: "Courier New", Courier, monospace;
}
.content .article .spip_code,
.content .article code {
  font-family: "Courier New", Courier, monospace !important;
  color: #fff;
  font-weight: 500;
  font-size: .85em;
  background-color: #f9f2f4;
  white-space: inherit;
}
.content .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 {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}
.content .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: #333333;
  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 {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.content .article .texteencadre-spip {
  color: #fff;
  border: 0px solid #fff;
  padding: 0.6em 1em 0.8em;
}
.content .article .texteencadre-spip a {
  color: #fff;
}
.content .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, #333333, #ffffff);
  background-image: -webkit-linear-gradient(180deg, #333333, #ffffff);
  background-image: -o-linear-gradient(180deg, #333333, #ffffff);
  background-image: linear-gradient(180deg, #333333, #ffffff);
}
.content .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 {
  text-decoration: none;
  color: #ef4036;
}
.content .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(//c-real.fr/sites/c-real.fr/local/cache-css/);
  transform: rotate(90deg);
  display: inline-block;
  position: absolute;
  left: 7px;
}
.content .article .cs_blocs .blocs_replie:before {
  transform: rotate(0);
}
.content .article .cs_blocs:last-of-type {
  border-bottom: 1px solid #ddd;
}
.content .article .cs_blocs .blocs_destination {
  padding: .7em 2.1em ;
}
.content .article a[href*="javascript:"] {
  background-color: inherit;
}
.content .article a[href*="javascript:"]::before,
.content .article a[href*="javascript:"]::after {
  display: none;
}
.content .article blockquote.spip,
.content .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,
.content .article blockquote.spip_poesie p:last-of-type {
  margin-bottom: 0;
}
.content .article blockquote.spip {
  padding: 1em 3em ;
  text-align: center;
}
.content .article blockquote.spip:before {
  color: #ef4036;
  content: "«";
  font-size: 2.6em;
  left: .3em;
  position: absolute;
  top: .2em;
}
.content .article blockquote.spip:after {
  bottom: .35em;
  color: #ef4036;
  content: "»";
  font-size: 2.6em;
  position: absolute;
  right: .3em;
}
.content .article hr.spip {
  border-bottom: 1px solid #DDDDDD;
  margin: 27px 0;
}
.content .article table {
  cellpadding: 0;
  cellspacing: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
.content .article table.spip,
.content .article table.spip td,
.content .article table.spip th {
  border-collapse: collapse;
  font-size: 14px;
  margin: 20px 0 25px;
  padding: 3px 10px;
  text-align: center;
}
.content .article table.spip {
  width: 100%;
  display: table;
  margin: 2px 0 8px;
  border-width: 1px 1px 1px;
  border: 1px solid #ef4036;
}
.content .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 {
  margin: 4px 10px;
}
.content .article table.spip th {
  background-color: #ef4036;
}
.content .article table.spip td {
  border: 0 solid #fff;
}
.content .article table.spip .row_odd,
.content .article table.spip .odd {
  background-color: #fff;
}
.content .article table.spip .row_even {
  background-color: #e8e8e8;
}
.content .article table.spip .row_odd:hover {
  background-color: #777777;
}
.content .article table.spip .row_even:hover {
  background-color: #777777;
}
.content .article .boutons {
  margin-top: 1.3em;
}
.content .article textarea {
  border: 1px solid #ddd;
}
.content .article .note,
.content .article .notes {
  padding: .4em 0 .8em;
  margin: .8em 0 0;
  border-top: 1px solid #ef4036;
  display: block;
  zoom: 1;
  color: #333333;
  overflow: hidden;
  width: 100%;
  font-size: 1em;
  max-width: 100%;
}
.content .article .note .pintertitre,
.content .article .notes .pintertitre {
  font-size: 1.5em;
  border-bottom: 1px solid #ddd;
  padding: 0.7em 0 0.5em;
  margin-bottom: 1.5em;
  color: #ef4036;
}
.content .article .note div > p,
.content .article .notes div > p {
  font-weight: 400;
}
.content .article .spip_documents {
  background: #f2f2f2;
  color: #333333;
  display: inline-block;
  padding: 0.2em;
  margin: 0 auto;
  text-align: center;
}
.content .article .spip_documents.spip_documents_left,
.content .article .spip_documents.spip_documents_right,
.content .article .spip_documents.spip_documents_center {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 1em;
}
.content .article .spip_documents .spip_doc_legende {
  margin: 1.1em 0 0.2em;
  width: 100%;
  max-width: 100%;
}
.content .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,
.content .article .spip_documents .spip_doc_credits {
  line-height: 140%;
  padding: 0;
  margin: .4em .5em 0;
}
.content .article .spip_documents .spip_doc_descriptif p,
.content .article .spip_documents .spip_doc_credits p {
  margin-bottom: 1em;
}
.content .article .spip_documents .spip_doc_descriptif p:last-of-type,
.content .article .spip_documents .spip_doc_credits p:last-of-type {
  margin-bottom: 0;
}
.content .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 {
  margin: 0 .5em 0;
}
.content .article .spip_documents.oembed_video {
  margin: 5px;
  min-width: 200px;
}
.content .article .spip_documents.audio audio {
  margin-left: auto;
  margin-right: auto;
}
.content .article .spip_documents.spip_documents_center {
  margin: 15px auto;
  padding: 15px;
  width: 100%;
  display: block;
  overflow: hidden;
}
.content .article .spip_documents.spip_documents_center * {
  text-align: center;
}
.content .article .spip_documents.spip_documents_center .spip_doc_descriptif,
.content .article .spip_documents.spip_documents_center .spip_doc_titre {
  width: auto !important;
}
.content .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 {
  line-height: 1.2em;
  display: block;
}
.content .article .spip_documents.spip_documents_left {
  margin: .2em 4% 2.5em 0;
  float: left;
}
.content .article .spip_documents.spip_documents_right {
  margin: .2em 0 2.5em 4%;
  float: right;
}
.content .article .spip_documents.spip_documents_left,
.content .article .spip_documents.spip_documents_right {
  max-width: 46%;
}
.content .article .spip_documents.spip_documents_left .oe-video,
.content .article .spip_documents.spip_documents_right .oe-video {
  float: none;
}
.content .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 {
  width: 100%;
  max-width: 700px !important;
  padding: 0;
}
.content .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 {
  width: auto;
  display: block;
  padding-bottom: 1.3em;
  margin: 2em auto;
}
.content .article .spip_documents.oembed_twitter .twitter-tweet {
  text-align: left;
  padding-left: 16%;
  background: url(//c-real.fr/sites/c-real.fr/local/cache-css/) no-repeat 2.4% 0.3em;
  background-size: 11%;
}
.content .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 {
  padding-bottom: 1em;
}
.content .article .spip_documents img {
  max-width: 100%;
}
.content .article .spip_documents p.spip {
  margin: 0 !important;
}
.content .article .spip_documents.lecteurpdf {
  width: 100%;
}
.content .article .toutlargeur {
  width: auto;
}
.content .article .toutlargeur .oembed_video {
  width: 100%;
}
.content .article .minivideo {
  width: 100%;
}
.content .article .carte_gis {
  margin-bottom: 1.5em;
}
.content .article h3.spip,
.content .article h6.spip {
  border-bottom-color: #ef4036;
}
.content .article h5.spip,
.content .article li:before,
.content .article ol li:before,
.content .article .spip_code,
.content .article .texteencadre-spip {
  background-color: #ef4036;
}
.content .article h5.spip a,
.content .article li:before a,
.content .article ol li:before a,
.content .article .spip_code a,
.content .article .texteencadre-spip a {
  color: #ffffff;
  text-decoration: underline;
}
.content .article .spip_out,
.content .article .spip_in,
.content .article .spip_ancre {
  color: #ef4036;
}
.content .article .larticle table.spip {
  border: 1px solid #ef4036;
}
.content .article .larticle table.spip td {
  border-right: 1px solid #ef4036;
}
.content .article .larticle table.spip thead {
  background-color: #ef4036;
}
.content .article .note .pintertitre,
.content .article .notes .pintertitre {
  color: #ef4036;
}
.content .article ul.spip li {
  margin: 0 0 .3em;
}
.content .article dl.faq.js dt {
  background-position: 0.5em 0.6em;
  padding-left: 2.2em;
}
.content .article dl.faq.js dd {
  margin-top: 1em;
  padding: 0.4em 0 0 1.1em;
}
.content .article .spip:first-child,
.content .article blockquote:first-child,
.content .article p:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .content .article .texte .spip_documents.spip_documents_left,
  .content .article .texte .spip_documents.spip_documents_right,
  .content .article .texte .cs_blocs {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .content .article .texte .cs_blocs {
    width: 100%;
  }
  .content .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,
  .content .article .texte .cs_blocs {
    margin-left: 5%;
  }
  .content .article .texte .spip_documents.spip_documents_left {
    margin-right: 5%;
  }
}
.content .article h2.spip,
.content .article h3.spip,
.content .article h4.spip,
.content .article h5.spip,
.content .article h6.spip,
.content .article .titre.h3,
.content .article .titre.h4,
.content .article .titre.h5,
.content .article .titre.h6 {
  display: table;
  width: fit-content;
}
.content .article h2.spip a:not(.spip_out),
.content .article h3.spip a:not(.spip_out),
.content .article h4.spip a:not(.spip_out),
.content .article h5.spip a:not(.spip_out),
.content .article h6.spip a:not(.spip_out),
.content .article .titre.h3 a:not(.spip_out),
.content .article .titre.h4 a:not(.spip_out),
.content .article .titre.h5 a:not(.spip_out),
.content .article .titre.h6 a:not(.spip_out) {
  padding: 0;
}
.content .article h2.spip,
.content .article .titre.h2,
.content .article h3.spip,
.content .article .titre.h3 {
  border-bottom: 3px solid #ef4036;
  margin-bottom: .8em;
  font-size: 2em;
  padding: 0 0 0.15em;
}
.content .article h2.spip font,
.content .article .titre.h2 font,
.content .article h3.spip font,
.content .article .titre.h3 font,
.content .article h2.spip font *,
.content .article .titre.h2 font *,
.content .article h3.spip font *,
.content .article .titre.h3 font * {
  font-weight: bold;
}
.content .article h4.spip,
.content .article .titre.h4 {
  border-bottom: 1px solid #CCCCCC;
  font-size: 1.8em;
  font-style: normal;
}
.content .article h5.spip,
.content .article .titre.h5 {
  font-size: 1.05em;
}
.content .article h6.spip,
.content .article .titre.h6 {
  font-size: 16px;
}
.content .article p,
.content .article ul.spip,
.content .article ol.spip,
.content .article table,
.content .article .texteencadre-spip {
  margin-bottom: 24px;
  font-size: 1em;
  font-weight: inherit;
}
.content .article ul.spip {
  padding-left: 0.5em;
}
.content .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 {
  content: " ";
  display: block;
  left: 0px;
  top: 0.4em;
  width: 0.5em;
  height: .5em;
  position: absolute;
  margin: 0.5em .1em 0 0;
  border-radius: 50%;
  float: left;
}
.content .article ul.spip ul.spip,
.content .article ul.spip ol.spip {
  border-width: 0;
  padding-left: 0.4em;
}
.content .article ul.spip ul.spip ul.spip,
.content .article ul.spip ol.spip ul.spip {
  margin-left: 0;
  margin-bottom: 0;
}
.content .article ul.spip ul.spip .spip_documents,
.content .article ul.spip ol.spip .spip_documents {
  vertical-align: top;
}
.content .article ol.spip {
  margin: 1em 0 1.9em 4em;
  position: relative;
  padding-left: 0.1em;
  /* La liste dans la numerotation */
}
.content .article ol.spip > li {
  display: table;
  list-style-type: none;
  counter-increment: repas;
  /* on incrémente le compteur à chaque nouveau li */
  margin: 0 0.5em 1.3em 0.2em;
  background: #e8e8e8;
  padding: 1em 1.4em 1.1em 1.2em;
  border-left: 6px solid #ef4036;
  box-shadow: #ddd 6px 5px 5px;
}
.content .article ol.spip > li:before {
  padding: 0.1em 0.3em 0 0.7em;
  vertical-align: top;
  position: absolute;
  margin-right: 0em;
  margin-top: -1em;
  left: -1.1em;
  border-radius: 0.8em 0 0 0.8em;
  height: 1.7em;
}
.content .article ol.spip > li:hover {
  box-shadow: #ddd 2px 2px 6px;
  transition: .2s;
}
.content .article ol.spip ul.spip {
  margin: 0.2em 0;
}
.content .article ol.spip ul.spip li {
  padding: 0.3em 0 0.2em 1.4em;
  margin: 0;
}
.content .article .caractencadre-spip,
.content .article .caractencadre2-spip {
  color: #ef4036;
  font-style: italic;
  font-size: .9em;
  font-weight: 600;
  border-bottom: 4px solid #fff;
  background-color: #fff;
  padding: 0.4em 0.6em 0.2em;
  border-radius: 0.3em;
  margin: 0 0.3em 0;
  box-shadow: 0 0 5px #0003;
}
.content .article .caractencadre2-spip {
  color: #555555;
}
.content .article .spip_code,
.content .article code {
  color: #c7254e;
  font-weight: 600;
  margin-bottom: 1.8em;
  padding: 0.4em 1em 0.4em;
  display: inline-block;
  vertical-align: unset;
}
.content .article code {
  border-radius: 0.2em;
}
.content .article p > .spip_code,
.content .article p > code {
  margin-bottom: 0;
}
.content .article .spip_code > code {
  border: none;
  padding: 0;
  background: none;
  color: inherit;
}
.content .article samp {
  font-weight: bold;
}
.content .article var {
  font-style: italic;
}
@media print {
  .content .article pre {
    page-break-inside: avoid;
  }
}
.content .article .cs_blocs {
  float: right;
  width: 39%;
  background: transparent;
  border-width: 0 0 0 8px;
  margin-bottom: 1.5em;
  margin-left: 3%;
}
.content .article .cs_blocs .blocs_titre {
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 600;
  color: #ef4036;
}
.content .article .cs_blocs .blocs_titre:before {
  content: url(https://c-real.fr/spip33/squ/squelettes/ergo/fleche/d_moyen.png);
}
.content .article .cs_blocs .blocs_titre p:last-of-type {
  padding-bottom: 0;
}
.content .article blockquote.spip:before {
  color: #ef4036;
  content: "«";
  font-size: 2.6em;
  left: 12px;
  position: absolute;
  top: .2em;
}
.content .article blockquote.spip:after {
  bottom: .35em;
  color: #ef4036;
  content: "»";
  font-size: 2.6em;
  position: absolute;
  right: 12px;
}
.content .article hr.spip {
  width: 100%;
}
.content .article caption {
  color: #000;
}
.content .article table.spip {
  margin: .1em 0 1em;
}
.content .article table.spip,
.content .article table.spip td,
.content .article table.spip th {
  padding: .6em .4em;
  border: 1px solid #ddd;
}
.content .article table.spip th {
  background-color: #ef4036;
}
.content .article .note,
.content .article .notes {
  border-top: 1px solid #ef4036;
  color: #333333;
  font-size: 1em;
}
.content .article .note .pintertitre,
.content .article .notes .pintertitre {
  color: #ef4036;
}
.content .article .spip_documents {
  background: #e8e8e8;
}
.content .article .spip_documents img {
  max-width: 100%;
}
.content .article .spip_documents p.spip {
  margin: 0 !important;
}
.content .article .spip_documents .spip_doc_titre,
.content .article .spip_documents .spip_doc_descriptif {
  margin: 0 auto;
}
.content .article .spip_documents .spip_doc_titre {
  padding: 0 0 .1em;
  font-size: 1em;
}
.content .article .spip_documents .spip_doc_descriptif {
  font-size: 0.9em;
  font-weight: 400;
  font-style: italic;
}
.content .article .spip_documents .spip_doc_credits {
  font-size: .85em;
}
.content .article .spip_documents.spip_documents_left {
  margin: .2em 5.6% 2.5em 0;
}
.content .article .spip_documents.spip_documents_right {
  margin: .2em 0 2.5em 5.6%;
}
.content .article .spip_documents.spip_documents_left,
.content .article .spip_documents.spip_documents_right {
  max-width: 48%;
}
.content .article .spip_documents.portrait {
  max-width: 39.5%;
}
.content .article .spip_documents.spip_document_file {
  box-shadow: 2px 2px 13px #0003;
  background-color: #fff;
  display: table;
  width: auto;
  padding: 20px 22px 20px 12px;
  display: flex;
  align-items: center;
}
.content .article .spip_documents.spip_document_file .spip_doc_legende {
  margin: 0 0 0 15px;
  text-align: left;
}
.content .article .spip_documents.spip_document_file .spip_doc_legende * {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.content .article .spip_documents.spip_document_file .spip_doc_legende .spip_doc_descriptif {
  font-size: .9em;
}
.content .article .spip_documents.spip_document_file .spip_doc_legende .spip_doc_credit {
  font-size: .8em;
}
.content .article .spip_documents.spip_document_file.media_file {
  padding: 0.6em 0.9em;
  margin-top: 1.5em;
}
.content .article .spip_documents.spip_document_file.media_file .logo {
  float: left;
  padding-right: 0.8em;
}
.content .article .spip_documents.spip_document_file.media_file .logo img {
  max-height: 6em;
}
.content .article .spip_documents.spip_document_file.media_file .spip_doc_titre,
.content .article .spip_documents.spip_document_file.media_file .spip_doc_descriptif,
.content .article .spip_documents.spip_document_file.media_file .credits {
  text-align: left;
  margin-left: 143px;
}
.content .article .spip_documents.spip_document_file.media_file .spip_doc_titre + .spip_doc_descriptif {
  margin: 0 0 0 143px;
}
.content .article .spip_documents.spip_document_file.media_file .spip_doc_titre {
  margin-top: 0;
}
.content .article .spip_documents.spip_document_file.media_file dt {
  padding-bottom: .35em;
}
.content .article .spip_documents.spip_document_file.media_file dd {
  padding-bottom: .6em;
}
.content .article .spip_documents.spip_document_file.spip_documents_left {
  margin: 0.2em calc(4%) 1.2em 0;
}
.content .article .spip_documents.spip_document_file.spip_documents_right {
  margin: 0.2em 0 1.2em calc(4%);
}
.content .article .spip_documents.spip_document_file.spip_documents_right,
.content .article .spip_documents.spip_document_file.spip_documents_left {
  width: 46%;
}
.content .article .oembed_video {
  margin-bottom: 2em;
}
.content .article .item_picker img {
  width: inherit;
}
.content .article iframe {
  padding: 0 0 2.5em;
}
@media screen and (max-width: 767px) {
  .content .article blockquote.spip,
  .content .article blockquote.spip_poesie {
    font-size: 1em;
  }
  .content .article code,
  .content .article pre,
  .content .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,
  .content .article blockquote.spip_poesie {
    font-size: 1.2em;
  }
  .content .article blockquote.spip::before,
  .content .article blockquote.spip::after {
    font-size: 2.2em;
  }
  .content .article table.spip {
    width: auto;
  }
}
.content .article .spip_documents.spip_documents_right {
  margin: 0.2em 0 1.2em calc(8%);
}
.content .article .spip_documents.spip_documents_right,
.content .article .spip_documents.spip_documents_left {
  width: 42%;
}
/*  */
.article .liste-doc {
  width: 100%;
  margin-bottom: 1em;
  overflow: hidden;
}
.article .liste-doc .grotit-doc {
  font-size: 1.6em;
  font-weight: 500;
  margin-bottom: 0.7em;
  width: 100%;
  border-bottom: 1px solid #777777;
  padding-bottom: 0.5em;
}
.article .liste-doc .item {
  background: #e8e8e8;
  padding: 0.6em 0.4em 0.6em;
  border-radius: 0.2em;
  margin-bottom: 1.1em;
}
.article .liste-doc .entourelogo {
  text-align: center;
  margin-right: 1em 1em 1.4em;
  padding-right: 0;
}
.article .liste-doc .coldroite {
  margin-top: .2em;
}
.article .liste-doc .coldroite .tit {
  padding: .1em 0 0;
  text-align: left;
  font-size: 1.1em;
}
.article .liste-doc .coldroite .cnt {
  font-size: .95em;
  width: 95%;
}
.article .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;
}
.article .liste-doc .coldroite .extension {
  font-style: italic;
  color: #555;
  font-size: .9em;
  margin-bottom: .2em;
}
.article .galerie {
  /* RETAR Peut être à généraliser avec un row de 2nd niveau */
}
.article .galerie .row,
.article .galerie .col-sm-4 {
  padding-left: 15px;
  padding-right: 15px;
}
.article .galerie .item {
  padding: 0;
}
.article .content #contenu .liste-doc .spip_logo {
  margin: 0 0 0 11%;
}
.article .minivideo {
  height: 27.2em;
}
.article .oembed_file {
  margin-bottom: 2.2em;
}
.article .oembed_file .oe-rich {
  background-image: none !important;
}
.article .oembed_file .oe-title,
.article .oembed_file .oembed-author {
  margin: .5em 27% .3em;
  display: block;
  font-size: .9em;
}
.article .oembed_file .oe-author {
  margin: .5em .4em .3em 27%;
  font-size: .9em;
}
.article .oe-play-button::before {
  background-color: #ef4036;
}
.article .oe-play-button::before:hover {
  background-color: #c91a10;
}
/*  */
.bicolonnes .colgauche .petition_container .date {
  padding: .5em;
  padding: 0.4em .6em;
  margin: 1.4em 0;
  font-weight: 500;
  border-bottom: 3px solid #ef4036;
}
.bicolonnes .colgauche .petition_container .numero {
  background: #e8e8e8;
  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: #e8e8e8;
}
.page_auteur #contenu .fiche span {
  font-weight: 600;
}
.page_auteur #contenu .fiche span span {
  font-weight: 500;
}
.page_auteur #contenu .modifiche {
  background-image: url(//c-real.fr/sites/c-real.fr/local/cache-css/);
  background-size: 1.5em 1.5em;
  background-repeat: no-repeat;
  padding: 5% 5% 5% 17%;
  font-size: 1.4em;
  background-color: #ddd;
  background-position: 4%;
  width: 78%;
  display: block;
  border-radius: 0.2em;
  margin: 0 0 1.1em;
}
/*  */
.page_infolettre #coldroite,
.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,
.page_recherche .content .page_type_liste .bicolonnes .asidedroite {
  margin-top: 1.7em;
}
.page_recherche .content .page_type_liste #bicolonnes .asidedroite .formulaire_spip,
.page_recherche .content .page_type_liste .bicolonnes .asidedroite .formulaire_spip {
  padding-top: 2em;
}
.page_recherche .content .page_type_liste #bicolonnes .asidedroite .marginputbas,
.page_recherche .content .page_type_liste .bicolonnes .asidedroite .marginputbas {
  margin-bottom: 1em;
}
.page_recherche .content .page_type_liste #bicolonnes #intro .grotit,
.page_recherche .content .page_type_liste .bicolonnes #intro .grotit,
.page_recherche .content .page_type_liste #bicolonnes .intro .grotit,
.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,
.page_recherche .content .page_type_liste .bicolonnes #intro .grotit i,
.page_recherche .content .page_type_liste #bicolonnes .intro .grotit i,
.page_recherche .content .page_type_liste .bicolonnes .intro .grotit i {
  color: #ef4036;
}
.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_agenda .grotit {
  padding: 0.6em 0.5em .5em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 2em;
}
.page_agenda #petiteliste.autre .item,
.page_agenda .liste-evt .item {
  margin-bottom: 2em;
}
/*  */
.page_annuaire body #intro .grotit,
.page_annuaire body .intro .grotit {
  color: #6fbd47;
}
.page_annuaire body .titsuite {
  font-size: 2.5em;
  border-bottom: 5px solid #6fbd47;
}
.page_annuaire body .filtre a {
  margin: 0 0.4em;
}
/*  */
.page_videos .intro > *,
.page_video .intro > * {
  text-align: center;
  margin-bottom: 1em;
}
.page_videos .item .tit,
.page_video .item .tit {
  text-align: left;
}
.page_videos .item .btn,
.page_video .item .btn {
  margin-top: 1.5em;
}
.page_videos .item .entourelogo,
.page_video .item .entourelogo {
  margin-bottom: 1.2em;
}
/*  */
.page_evenement #agenda .item-evt {
  margin-bottom: 0.6em;
}
/*  */
.page_auteurs .item-auteur {
  position: relative;
}
.page_auteurs .item-auteur .formulaire_contact_libre::before {
  transform: rotate(-45deg) translate(26px);
}
/*  */
.page_plan #laliste {
  text-align: left;
}
.page_plan #laliste .titsuite {
  padding-bottom: .2em;
  border-bottom: 5px solid #ef4036;
}
.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;
}
/*  */
.page_compte #haschtags,
.page_abonnement #haschtags {
  margin-bottom: 0.9em;
}
.page_compte #haschtags .ico,
.page_abonnement #haschtags .ico {
  height: 1.1em;
}
.page_compte .contenu,
.page_abonnement .contenu {
  /* --------------  PAGE CONSULTER EN PDF -------------- */
  /* --------------  APERCU PDF   -------------- */
  /* --------------  PAGE DE CONNEXION  -------------- */
  /* --------------  PAGE COMMANDES  -------------- */
}
.page_compte .contenu #intro .droite,
.page_abonnement .contenu #intro .droite,
.page_compte .contenu .intro .droite,
.page_abonnement .contenu .intro .droite {
  margin-top: 0;
}
.page_compte .contenu .grotit,
.page_abonnement .contenu .grotit {
  margin-bottom: .6em;
}
.page_compte .contenu .chapo,
.page_abonnement .contenu .chapo {
  background: #e8e8e8;
  padding: 0.7em 2.5%;
  margin-bottom: 2em;
}
.page_compte .contenu .filetbas,
.page_abonnement .contenu .filetbas {
  margin-bottom: 3.7em;
  padding-bottom: 0em;
  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: #f0b214;
  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 #coldroite #pubcarre,
.page_abonnement .contenu #coldroite #pubcarre,
.page_compte .contenu #asidedroite #pubcarre,
.page_abonnement .contenu #asidedroite #pubcarre {
  margin: 11.2em 0 0 5%;
  width: 95%;
}
.page_compte .contenu #coldroite #pubcarre .grotit,
.page_abonnement .contenu #coldroite #pubcarre .grotit,
.page_compte .contenu #asidedroite #pubcarre .grotit,
.page_abonnement .contenu #asidedroite #pubcarre .grotit {
  font-size: 1.3em;
}
.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: #be1e2d;
  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: #be1e2d;
  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: #7c141d;
}
.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 #555555;
}
.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 .contenu .filetbas,
.page_abonnement .contenu .filetbas {
  margin-bottom: 1.7em;
  padding-bottom: 1.5em;
}
.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,
.page_compte .contenu.mode-fiche .champs_extras,
.page_abonnement .contenu.mode-fiche .champs_extras {
  display: block;
}
.page_compte .contenu.mode-coordonneesavantachat .editer_auteur_genre,
.page_abonnement .contenu.mode-coordonneesavantachat .editer_auteur_genre,
.page_compte .contenu.mode-fiche .editer_auteur_genre,
.page_abonnement .contenu.mode-fiche .editer_auteur_genre,
.page_compte .contenu.mode-coordonneesavantachat .editer_sexe,
.page_abonnement .contenu.mode-coordonneesavantachat .editer_sexe,
.page_compte .contenu.mode-fiche .editer_sexe,
.page_abonnement .contenu.mode-fiche .editer_sexe {
  width: 100%;
}
.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: #e8e8e8;
  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: #f0b214;
  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: #e8e8e8;
  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 seullement -------------- */
.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;
}
/* -------------- PAGE PANIER -------------- */
.page_panier .contenu {
  padding-bottom: 4em;
}
.page_panier .contenu .formulaire_panier {
  margin-bottom: 2em;
}
.page_panier .contenu .btn {
  padding: 0.4em 2%;
}
.page_panier .contenu .btn-prev {
  float: left;
}
.page_panier .contenu .btn-fleche {
  float: right;
}
/* -------------- PAGE PAIEMENT -------------- */
.page_paiement .contenu p {
  font-size: 0.9em;
}
.page_paiement .contenu #formulaire_mode_paiement {
  text-align: center;
}
.page_paiement .contenu .payer_modes .item {
  margin: 1em 1em 2em;
  background-size: 40%;
  padding-top: 147px;
}
.page_paiement .contenu .boutons .submit {
  border-color: #dca20e;
  color: #ffffff;
  background-color: #f0b214;
  border-color: #f0b214;
  margin-bottom: 0.2em;
}
.page_paiement .contenu .boutons .submit:focus,
.page_paiement .contenu .boutons .submit.focus {
  color: #ffffff;
  background-color: #c4910d;
  border-color: #654a06;
}
.page_paiement .contenu .boutons .submit:hover {
  color: #ffffff;
  background-color: #c4910d;
  border-color: #a3780a;
}
.page_paiement .contenu .boutons .submit:active,
.page_paiement .contenu .boutons .submit.active,
.open > .dropdown-toggle.page_paiement .contenu .boutons .submit {
  color: #ffffff;
  background-color: #c4910d;
  border-color: #a3780a;
}
.page_paiement .contenu .boutons .submit:active:hover,
.page_paiement .contenu .boutons .submit.active:hover,
.open > .dropdown-toggle.page_paiement .contenu .boutons .submit:hover,
.page_paiement .contenu .boutons .submit:active:focus,
.page_paiement .contenu .boutons .submit.active:focus,
.open > .dropdown-toggle.page_paiement .contenu .boutons .submit:focus,
.page_paiement .contenu .boutons .submit:active.focus,
.page_paiement .contenu .boutons .submit.active.focus,
.open > .dropdown-toggle.page_paiement .contenu .boutons .submit.focus {
  color: #ffffff;
  background-color: #a3780a;
  border-color: #654a06;
}
.page_paiement .contenu .boutons .submit:active,
.page_paiement .contenu .boutons .submit.active,
.open > .dropdown-toggle.page_paiement .contenu .boutons .submit {
  background-image: none;
}
.page_paiement .contenu .boutons .submit.disabled:hover,
.page_paiement .contenu .boutons .submit[disabled]:hover,
fieldset[disabled] .page_paiement .contenu .boutons .submit:hover,
.page_paiement .contenu .boutons .submit.disabled:focus,
.page_paiement .contenu .boutons .submit[disabled]:focus,
fieldset[disabled] .page_paiement .contenu .boutons .submit:focus,
.page_paiement .contenu .boutons .submit.disabled.focus,
.page_paiement .contenu .boutons .submit[disabled].focus,
fieldset[disabled] .page_paiement .contenu .boutons .submit.focus {
  background-color: #f0b214;
  border-color: #dca20e;
}
.page_paiement .contenu .boutons .submit .badge {
  color: #f0b214;
  background-color: #ffffff;
}
.page_paiement .contenu .boutons .submit:focus,
.page_paiement .contenu .boutons .submit.focus {
  color: #ffffff;
  background-color: #c4910d;
  border-color: #7d5c08;
}
.page_paiement .contenu .boutons .submit:hover {
  color: #ffffff;
  background-color: #c4910d;
  border-color: #bb8a0c;
}
.page_paiement .contenu .boutons .submit:active,
.page_paiement .contenu .boutons .submit.active,
.open > .dropdown-toggle.page_paiement .contenu .boutons .submit {
  color: #ffffff;
  background-color: #c4910d;
  border-color: #bb8a0c;
}
.page_paiement .contenu .boutons .submit:active:hover,
.page_paiement .contenu .boutons .submit.active:hover,
.open > .dropdown-toggle.page_paiement .contenu .boutons .submit:hover,
.page_paiement .contenu .boutons .submit:active:focus,
.page_paiement .contenu .boutons .submit.active:focus,
.open > .dropdown-toggle.page_paiement .contenu .boutons .submit:focus,
.page_paiement .contenu .boutons .submit:active.focus,
.page_paiement .contenu .boutons .submit.active.focus,
.open > .dropdown-toggle.page_paiement .contenu .boutons .submit.focus {
  color: #ffffff;
  background-color: #a3780a;
  border-color: #7d5c08;
}
.page_paiement .contenu .boutons .submit:active,
.page_paiement .contenu .boutons .submit.active,
.open > .dropdown-toggle.page_paiement .contenu .boutons .submit {
  background-image: none;
}
.page_paiement .contenu .boutons .submit.disabled:hover,
.page_paiement .contenu .boutons .submit[disabled]:hover,
fieldset[disabled] .page_paiement .contenu .boutons .submit:hover,
.page_paiement .contenu .boutons .submit.disabled:focus,
.page_paiement .contenu .boutons .submit[disabled]:focus,
fieldset[disabled] .page_paiement .contenu .boutons .submit:focus,
.page_paiement .contenu .boutons .submit.disabled.focus,
.page_paiement .contenu .boutons .submit[disabled].focus,
fieldset[disabled] .page_paiement .contenu .boutons .submit.focus {
  background-color: #f0b214;
  border-color: #f0b214;
}
.page_paiement .contenu .boutons .submit .badge {
  color: #f0b214;
  background-color: #ffffff;
}
/*  */
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;
  text-align: left;
}
.formulaire_inscription .saisie_nom_inscription,
#formulaire_login .saisie_nom_inscription {
  vertical-align: top;
}
.connect .titconnect {
  font-weight: 400;
  font-size: 2em;
  color: #ef4036;
  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 .1em .8em;
  line-height: 120%;
  margin-bottom: .3em;
  position: relative;
}
.connect .preamb ul.spip li:before {
  content: " ";
  background-color: #ef4036;
  top: 0.1em;
  width: 0.5em;
  height: .5em;
  left: 0px;
  position: absolute;
  margin: 0.5em .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;
}
.connect .preamb hr.spip {
  margin: 1.4em 0;
  border-color: #555555;
}
.connect .formulaire_spip .saisie_radio {
  width: 90%;
}
/* -------------- 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 {
  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;
  background: #ef4036;
  padding: 0.2em 0.6em 0.3em;
  color: #fff;
  display: inline-block;
  margin: 1.3em 0.7em 0 0;
  font-weight: 400;
  font-size: .9em;
  transition: all 1s;
  border-color: #007d83;
  color: #ffffff;
  background-color: #00969c;
  border-color: #00969c;
  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:hover,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage:hover {
  background: #82110a;
}
.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: #006569;
  border-color: #000303;
}
.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: #006569;
  border-color: #004345;
}
.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: #006569;
  border-color: #004345;
}
.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: #004345;
  border-color: #000303;
}
.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: #00969c;
  border-color: #007d83;
}
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage .badge,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage .badge {
  color: #00969c;
  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: #006569;
  border-color: #001b1d;
}
.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: #006569;
  border-color: #005b5f;
}
.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: #006569;
  border-color: #005b5f;
}
.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: #004345;
  border-color: #001b1d;
}
.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: #00969c;
  border-color: #00969c;
}
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage .badge,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage .badge {
  color: #00969c;
  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: #ef4036;
  padding: 0 0 1.5em;
  font-weight: 400;
  font-style: normal;
}
.formulaire_forum form .deconnect a {
  color: #be1e2d;
}
.formulaire_forum form legend {
  font-size: 1.5em;
  margin-bottom: 1.3em;
  margin-top: 1em;
  padding-bottom: 0.4em;
  font-weight: 500;
  color: #ef4036;
}
.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: #333333;
}
.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;
}
/* -------------- MODIFICATION D'UN EVENEMENT' -------------- */
#modifevenement .titsuite {
  float: left;
  font-size: 2.5em;
  margin: 1em 0 1em;
}
#modifevenement .btlogo {
  float: right;
  color: #ef4036;
  padding: 0.5em 1.1% 0.6em;
  background: #e8e8e8;
  margin: 4em 0 0;
}
#modifevenement .btlogo:hover {
  color: #000;
}
#modifevenement .cartouche {
  width: 100%;
  display: block;
  overflow: hidden;
  float: right;
  background: #e8e8e8;
  margin: 0 0 2em;
}
#modifevenement .cartouche .logo {
  width: 504px;
  margin: 1.4em auto 1.2em;
}
/* -------------- INSCRIPTION NEWSLETTER EN UNE LIGNE -------------- */
.contenu .formulaire_newsletter_subscribe3 {
  background-color: #ef4036;
}
.contenu .formulaire_newsletter_subscribe3 .boutons .submit {
  padding: 0.75em 7%;
}
.contenu .formulaire_newsletter_subscribe3 form {
  overflow: hidden;
}
.contenu .formulaire_newsletter_subscribe3 form input.text,
.contenu .formulaire_newsletter_subscribe3 form input.email {
  padding: 1.2em 1em;
}
.contenu .formulaire_newsletter_subscribe3 form select {
  height: 3.7em;
}
.contenu .formulaire_newsletter_subscribe3 form > div {
  margin-left: -30px;
  margin-right: -30px;
}
.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 .editer-groupe,
.contenu .formulaire_newsletter_subscribe3 form .boutons {
  margin-top: 0.6em;
}
.contenu .formulaire_newsletter_subscribe3 .boutons .submit {
  background: #fff;
  color: #ef4036;
}
/* -------------- 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 #ef4036;
}
#contenu .comments-posts > .comments-ul > .comment-li {
  border-bottom: 1px solid #777777;
  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: #e8e8e8;
  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 {
  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;
  background: #ef4036;
  padding: 0.2em 0.6em 0.3em;
  color: #fff;
  display: inline-block;
  margin: 1.3em 0.7em 0 0;
  font-weight: 400;
  font-size: .9em;
  transition: all 1s;
  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:hover {
  background: #82110a;
}
#contenu .comments-posts .comments-ul .comments-ul {
  padding-left: 3em;
  margin-top: -2em;
}
/*  */
#footer {
  clear: both;
}
#footer .grotit {
  margin-bottom: 0;
  margin-top: 3em;
  border-bottom: 5px solid #ef4036;
}
#footer #pied {
  padding-top: 4em;
  padding-bottom: 4em;
  background-color: #e8e8e8;
  overflow: hidden;
}
#footer #pied .btn {
  background: #ef4036;
}
#footer h2.contact,
#footer .tit {
  text-transform: uppercase;
  display: inline-block;
  padding: 0.7em;
  font-size: 1.2em;
  font-weight: 600;
  color: #ef4036;
  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: #ef4036;
  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: #7c141d;
  color: #fff;
}
#footer .btn .icon-envelope,
#footer .boutons .submit .icon-envelope {
  background-image: url('https://c-real.fr/squ/squ-z/ergo/bt_contact.png');
  background-position: 0;
  font-style: normal;
  margin: 0 0.2em 0 0.1em;
}
#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 #555555;
}
#footer #navpied {
  margin-bottom: 0;
}
#footer #navpied li {
  margin-top: 2em;
}
#footer .menu-liste {
  margin-top: .5em;
  margin-bottom: 2.5em;
}
#footer .menu-liste li a {
  border-right: 1px solid #555555;
}
/*  */
/*  */
@keyframes test {
  0% {
    bottom: -160px;
  }
  100% {
    bottom: 0px;
  }
}
.ouvert {
  bottom: 0px;
  animation: test 2s 1 ease-in-out;
}
.depliantbas {
  height: 160px;
  width: 100%;
  background: none repeat scroll 0% 0% #FFF;
  padding: 0px 20px 30px;
  margin: 0px !important;
  left: 0px;
  overflow: hidden;
  border-top: 5px solid #A0171F;
  box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.1);
  position: fixed !important;
}
.depliantbas .fermer {
  position: absolute;
  bottom: 153px;
  right: 98px;
  background: none repeat scroll 0% 0% #A0171F;
  color: #FFF;
  text-transform: uppercase;
  cursor: pointer;
  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% #A0171F;
  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;
}
.page_sommaire .depliantbas .container {
  text-align: left;
  padding-top: 0;
}
body #tarteaucitronRoot * {
  font-family: 'Baloo Chettan 2', Verdana, sans-serif !important;
}
body #tarteaucitron .tarteaucitronBorder,
body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
  border-color: #ef4036 !important;
}
body #tarteaucitron .tarteaucitronBorder:hover,
body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {
  border-color: #ed2a1e !important;
}
body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
  background-color: #ef4036;
}
body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {
  background-color: #ed2a1e;
}
body #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList,
body #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain,
body #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden {
  border-color: #ef4036;
}
body #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
  background-color: #fff;
  color: #ef4036;
}
body #tarteaucitron #tarteaucitronInfo {
  color: #fff;
  background-color: #ef4036;
  border-width: 0;
}
body #cookie-bar,
body #tarteaucitronRoot #tarteaucitronAlertBig {
  padding-top: 1em;
  background: #ef4036;
}
body #cookie-bar #tarteaucitronDisclaimerAlert,
body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
  font-weight: 400;
  font-size: 1.1em;
}
body #cookie-bar #tarteaucitronAlertBig,
body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAlertBig {
  display: block;
}
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: #be1e2d;
}
body #cookie-bar .tarteaucitronAllow,
body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAllow,
body #cookie-bar .tarteaucitronAllow span:before,
body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAllow span:before {
  color: #6fbd47;
}
/*  */
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: #f0b214;
  color: #000;
}
body .spip-admin-bloc a:last-of-type,
body .spip-admin-float a:last-of-type {
  background-color: #be1e2d;
}
/*  */
.addthis_toolbox .addthis_button_facebook {
  background-color: #5267aa;
  border-color: #5267aa;
}
.addthis_toolbox .addthis_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;
}
@charset "utf-8";
/* CSS Document */
/* ==== 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 */
.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 */
  /*  */
  /* --------- Titres --------- */
  /*--------------- Marges   --------------*/
  /*--------------- Listes   --------------*/
  /*--------------- Mise en forme de caractères  --------------*/
  /*--------------- Mise en forme de paragraphes  --------------*/
  /*--------------- Impressions  --------------*/
  /*--------------- Blocs dépliables  --------------*/
  /*--------------- Encadrés  --------------*/
  /*--------------- Filets et tableaux  --------------*/
  /* -------- Tableaux ------- */
  /*--------------- Filets et tableaux  --------------*/
  /* ---- Notes ---- */
  /* ---- Documents ---- */
  /* --------- Formidable --------- */
  /* --------- Listes --------- */
  /*  */
}
@font-face {
  font-display: block;
  font-family: 'bootstrap-icons';
  src: url(https://c-real.fr/spip33/squ/squelettes/css/bootstrapleger/fonts/bootstrap-icons.woff2) format('woff2'), url(https://c-real.fr/spip33/squ/squelettes/css/bootstrapleger/fonts/bootstrap-icons.woff) format('woff');
}
.article .icon {
  position: relative;
}
.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;
}
.article .icon-box-arrow-up-right:before,
.article .icon-box-fleche-bas-droite:before {
  content: "\f1c5";
}
.article strong,
.article b {
  font-weight: 600;
}
.article i,
.article em,
.article .italique {
  font-style: italic;
}
.article strong i {
  font-weight: bold;
}
.article .spip_document iframe {
  margin: 0;
}
.article a {
  line-height: 120%;
}
.article img {
  max-width: 100%;
  height: auto;
}
.article sup.typo_exposants {
  line-height: 99%;
}
.article sup a {
  font-weight: bold;
  color: #CF0911;
}
.article span + .autobr {
  display: none;
}
.article p,
.article ul.spip,
.article ol.spip,
.article table,
.article .texteencadre-spip,
.article .spip_cadre,
.article .spip_code {
  margin-bottom: calc(@baseLineHeight * 1.5);
}
.article h2.spip,
.article h3.spip,
.article h4.spip,
.article h5.spip,
.article h6.spip,
.article .titre.h3,
.article .titre.h4,
.article .titre.h5,
.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;
}
.article h2.spip a,
.article h3.spip a,
.article h4.spip a,
.article h5.spip a,
.article h6.spip a,
.article .titre.h3 a,
.article .titre.h4 a,
.article .titre.h5 a,
.article .titre.h6 a {
  padding: 0;
}
.article h2.spip font,
.article h3.spip font,
.article h4.spip font,
.article h5.spip font,
.article h6.spip font,
.article .titre.h3 font,
.article .titre.h4 font,
.article .titre.h5 font,
.article .titre.h6 font {
  font-weight: 600;
  line-height: 120%;
  margin-left: 5px;
}
.article h2.spip,
.article .titre.h2,
.article h3.spip,
.article .titre.h3 {
  display: table;
  border-bottom: 3px solid #ef4036;
  margin-bottom: .8em;
  font-size: 2em;
  padding: 0 0 0.15em;
}
.article h2.spip font,
.article .titre.h2 font,
.article h3.spip font,
.article .titre.h3 font,
.article h2.spip font *,
.article .titre.h2 font *,
.article h3.spip font *,
.article .titre.h3 font * {
  font-weight: bold;
}
.article h4.spip,
.article .titre.h4,
.article h5.spip,
.article .titre.h5 {
  border-bottom: 1px solid #555555;
  margin: .7em 0;
}
.article h4.spip,
.article .titre.h4 {
  border-bottom: 1px solid #555555;
  display: table;
  font: normal 500 1.8em/1.5em 'Baloo Chettan 2', Verdana, sans-serif;
  padding: 4px 2px 6px 0;
}
.article h4.spip a,
.article .titre.h4 a {
  padding: 0;
}
.article h5.spip,
.article .titre.h5 {
  display: table;
  font: normal 500 1.4em/1.65em 'Baloo Chettan 2', Verdana, sans-serif;
  margin: .5em 0 1em;
  padding: .4em 0 .3em ;
  color: #222222;
  background-color: transparent;
}
.article h5.spip .spip_dic,
.article .titre.h5 .spip_dic {
  color: #fff;
}
.article h6.spip,
.article .titre.h6 {
  border-bottom: 1px solid #e8e8e8;
  display: table;
  font: 500 1.2em/120% 'Baloo Chettan 2', Verdana, sans-serif;
  overflow: hidden;
  padding: 3px 0 4px;
}
.article p,
.article ul.spip,
.article ol.spip,
.article table,
.article .texteencadre-spip,
.article .spip_cadre,
.article .spip_code,
.article .spip-block-right,
.article .spip-block-center {
  margin-bottom: calc(28.8px);
  font-weight: inherit;
}
.article p + h3.spip,
.article ul.spip + h3.spip,
.article ol.spip + h3.spip,
.article div + h3.spip,
.article table + h3.spip,
.article p + h4.spip,
.article ul.spip + h4.spip,
.article ol.spip + h4.spip,
.article div + h4.spip,
.article table + h4.spip,
.article p + h5.spip,
.article ul.spip + h5.spip,
.article ol.spip + h5.spip,
.article div + h5.spip,
.article table + h5.spip,
.article p + h6.spip,
.article ul.spip + h6.spip,
.article ol.spip + h6.spip,
.article div + h6.spip,
.article table + h6.spip {
  margin-top: 1.8em;
}
.article * .spip_dic {
  margin: 0 0 0 6px;
  line-height: 95%;
}
.article li,
.article p {
  line-height: 1.6em;
}
.article ul.spip {
  border-width: 0;
  padding-left: 0.5em;
}
.article ul.spip > li {
  padding-left: 1.2em;
  list-style: none;
  position: relative;
  padding-top: .4em;
  margin: 0 0 9px;
}
.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: #ef4036;
}
.article ul.spip > li {
  margin-left: 0;
}
.article ul.spip ul.spip,
.article ol.spip ul.spip,
.article ul.spip ol.spip {
  margin-left: 10px;
  margin-bottom: 1.7em;
}
.article ul.spip ul.spip li,
.article ol.spip ul.spip li,
.article ul.spip ol.spip li {
  padding-top: 0.2em;
  margin: 0 0 .1em;
}
.article ol {
  list-style: decimal inside !important;
}
.article ol.spip {
  counter-reset: repas;
  margin: 0.5em 0 1.9em 1.9em;
}
.article ol.spip > li {
  list-style-type: none;
  counter-increment: repas;
  /* on incrémente le compteur à chaque nouveau li */
  margin-bottom: 10px;
}
.article ol.spip li:before {
  content: counter(repas);
  /* on affiche le compteur */
  padding: 2px 8px 2px;
  margin-right: 1em;
  vertical-align: top;
  background: #ef4036;
  font-weight: bold;
  font-size: 1em;
  color: white;
}
.article ol.spip ul li:before {
  content: none;
}
.article li.spip ul.spip {
  margin: 0;
}
.article a.spip_out,
.article a.spip_in,
.article a.spip_glossaire,
.article p.spip_note a,
.article p.spip a,
.article .spip_in,
.article .spip_note,
.article .spip_dic sup,
.article .larticle a {
  font-weight: 500;
  color: #ef4036;
}
.article .spip_out:hover,
.article p.spip_note a:hover,
.article p.spip a:hover,
.article .spip_in:hover,
.article .spip_glossaire:hover,
.article .spip_out:hover {
  text-decoration: underline;
}
.article .spip_out {
  position: relative;
  padding-right: 0.3em;
}
.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;
}
.article .spip_out:before {
  content: "\f1c5";
}
.article .spip_out::before {
  font-size: .6em;
  vertical-align: baseline;
}
.article .caractencadre-spip {
  color: #be1e2d;
}
.article .caractencadre2-spip {
  color: #f0b214;
}
.article sc,
.article .sc {
  font-variant: small-caps;
}
.article .spip_cadre,
.article .spip_code {
  padding: .6em 1em .7em;
  display: block;
}
.article code,
.article kbd,
.article pre,
.article samp {
  font-family: "Courier New", Courier, monospace;
}
.article .spip_code,
.article code {
  font-family: "Courier New", Courier, monospace !important;
  color: #fff;
  font-weight: 500;
  font-size: .85em;
  background-color: #f9f2f4;
  white-space: inherit;
}
.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);
}
.article kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}
.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: #333333;
  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+ */
}
.article pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.article .texteencadre-spip {
  color: #fff;
  border: 0px solid #fff;
  padding: 0.6em 1em 0.8em;
}
.article .texteencadre-spip a {
  color: #fff;
}
.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, #333333, #ffffff);
  background-image: -webkit-linear-gradient(180deg, #333333, #ffffff);
  background-image: -o-linear-gradient(180deg, #333333, #ffffff);
  background-image: linear-gradient(180deg, #333333, #ffffff);
}
.article .cs_blocs .blocs_titre {
  font-size: 1.2em;
  background-image: none;
  padding: 0 0 0 33px;
  position: relative;
}
.article .cs_blocs .blocs_titre a {
  text-decoration: none;
  color: #ef4036;
}
.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(//c-real.fr/sites/c-real.fr/local/cache-css/);
  transform: rotate(90deg);
  display: inline-block;
  position: absolute;
  left: 7px;
}
.article .cs_blocs .blocs_replie:before {
  transform: rotate(0);
}
.article .cs_blocs:last-of-type {
  border-bottom: 1px solid #ddd;
}
.article .cs_blocs .blocs_destination {
  padding: .7em 2.1em ;
}
.article a[href*="javascript:"] {
  background-color: inherit;
}
.article a[href*="javascript:"]::before,
.article a[href*="javascript:"]::after {
  display: none;
}
.article blockquote.spip,
.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;
}
.article blockquote.spip p:last-of-type,
.article blockquote.spip_poesie p:last-of-type {
  margin-bottom: 0;
}
.article blockquote.spip {
  padding: 1em 3em ;
  text-align: center;
}
.article blockquote.spip:before {
  color: #ef4036;
  content: "«";
  font-size: 2.6em;
  left: .3em;
  position: absolute;
  top: .2em;
}
.article blockquote.spip:after {
  bottom: .35em;
  color: #ef4036;
  content: "»";
  font-size: 2.6em;
  position: absolute;
  right: .3em;
}
.article hr.spip {
  border-bottom: 1px solid #DDDDDD;
  margin: 27px 0;
}
.article table {
  cellpadding: 0;
  cellspacing: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
.article table.spip,
.article table.spip td,
.article table.spip th {
  border-collapse: collapse;
  font-size: 14px;
  margin: 20px 0 25px;
  padding: 3px 10px;
  text-align: center;
}
.article table.spip {
  width: 100%;
  display: table;
  margin: 2px 0 8px;
  border-width: 1px 1px 1px;
  border: 1px solid #ef4036;
}
.article table.spip th {
  color: #FFFFFF;
  font-size: 1.1em;
  font-weight: 600;
  line-height: 120%;
  padding: 8px 5px 7px;
  text-align: center;
}
.article table.spip th strong {
  margin: 4px 10px;
}
.article table.spip th {
  background-color: #ef4036;
}
.article table.spip td {
  border: 0 solid #fff;
}
.article table.spip .row_odd,
.article table.spip .odd {
  background-color: #fff;
}
.article table.spip .row_even {
  background-color: #e8e8e8;
}
.article table.spip .row_odd:hover {
  background-color: #777777;
}
.article table.spip .row_even:hover {
  background-color: #777777;
}
.article .boutons {
  margin-top: 1.3em;
}
.article textarea {
  border: 1px solid #ddd;
}
.article .note,
.article .notes {
  padding: .4em 0 .8em;
  margin: .8em 0 0;
  border-top: 1px solid #ef4036;
  display: block;
  zoom: 1;
  color: #333333;
  overflow: hidden;
  width: 100%;
  font-size: 1em;
  max-width: 100%;
}
.article .note .pintertitre,
.article .notes .pintertitre {
  font-size: 1.5em;
  border-bottom: 1px solid #ddd;
  padding: 0.7em 0 0.5em;
  margin-bottom: 1.5em;
  color: #ef4036;
}
.article .note div > p,
.article .notes div > p {
  font-weight: 400;
}
.article .spip_documents {
  background: #f2f2f2;
  color: #333333;
  display: inline-block;
  padding: 0.2em;
  margin: 0 auto;
  text-align: center;
}
.article .spip_documents.spip_documents_left,
.article .spip_documents.spip_documents_right,
.article .spip_documents.spip_documents_center {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 1em;
}
.article .spip_documents .spip_doc_legende {
  margin: 1.1em 0 0.2em;
  width: 100%;
  max-width: 100%;
}
.article .spip_documents .spip_doc_titre {
  margin: 0 17px;
  padding: 0 0 .5em;
  line-height: 1.2em;
  display: block;
}
.article .spip_documents .spip_doc_descriptif,
.article .spip_documents .spip_doc_credits {
  line-height: 140%;
  padding: 0;
  margin: .4em .5em 0;
}
.article .spip_documents .spip_doc_descriptif p,
.article .spip_documents .spip_doc_credits p {
  margin-bottom: 1em;
}
.article .spip_documents .spip_doc_descriptif p:last-of-type,
.article .spip_documents .spip_doc_credits p:last-of-type {
  margin-bottom: 0;
}
.article .spip_documents .spip_doc_credits {
  font-size: 0.8em;
  font-style: italic;
  font-weight: 400;
}
.article .spip_documents dt.spip_doc_titre + dd.spip_doc_descriptif {
  margin: 0 .5em 0;
}
.article .spip_documents.oembed_video {
  margin: 5px;
  min-width: 200px;
}
.article .spip_documents.audio audio {
  margin-left: auto;
  margin-right: auto;
}
.article .spip_documents.spip_documents_center {
  margin: 15px auto;
  padding: 15px;
  width: 100%;
  display: block;
  overflow: hidden;
}
.article .spip_documents.spip_documents_center * {
  text-align: center;
}
.article .spip_documents.spip_documents_center .spip_doc_descriptif,
.article .spip_documents.spip_documents_center .spip_doc_titre {
  width: auto !important;
}
.article .spip_documents.spip_documents_center .spip_doc_titre {
  font: 1.2em;
  margin-top: 1em;
}
.article .spip_documents.spip_documents_center .spip_doc_titre strong {
  line-height: 1.2em;
  display: block;
}
.article .spip_documents.spip_documents_left {
  margin: .2em 4% 2.5em 0;
  float: left;
}
.article .spip_documents.spip_documents_right {
  margin: .2em 0 2.5em 4%;
  float: right;
}
.article .spip_documents.spip_documents_left,
.article .spip_documents.spip_documents_right {
  max-width: 46%;
}
.article .spip_documents.spip_documents_left .oe-video,
.article .spip_documents.spip_documents_right .oe-video {
  float: none;
}
.article .spip_documents.spip_documents_center.oembed_video {
  width: auto;
  padding: 40px 15px;
  margin: 2em 0;
}
.article .spip_documents.spip_documents_center.oembed_video .oembed {
  width: 100%;
  max-width: 700px !important;
  padding: 0;
}
.article .spip_documents .oe-play-button button {
  margin-left: -33px;
  margin-top: -33px;
  left: calc(50%);
  top: calc(50%);
}
.article .spip_documents.oembed_twitter {
  width: auto;
  display: block;
  padding-bottom: 1.3em;
  margin: 2em auto;
}
.article .spip_documents.oembed_twitter .twitter-tweet {
  text-align: left;
  padding-left: 16%;
  background: url(//c-real.fr/sites/c-real.fr/local/cache-css/) no-repeat 2.4% 0.3em;
  background-size: 11%;
}
.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;
}
.article .spip_documents.oembed_twitter .oembed {
  padding-bottom: 1em;
}
.article .spip_documents img {
  max-width: 100%;
}
.article .spip_documents p.spip {
  margin: 0 !important;
}
.article .spip_documents.lecteurpdf {
  width: 100%;
}
.article .toutlargeur {
  width: auto;
}
.article .toutlargeur .oembed_video {
  width: 100%;
}
.article .minivideo {
  width: 100%;
}
.article .carte_gis {
  margin-bottom: 1.5em;
}
.article h3.spip,
.article h6.spip {
  border-bottom-color: #ef4036;
}
.article h5.spip,
.article li:before,
.article ol li:before,
.article .spip_code,
.article .texteencadre-spip {
  background-color: #ef4036;
}
.article h5.spip a,
.article li:before a,
.article ol li:before a,
.article .spip_code a,
.article .texteencadre-spip a {
  color: #ffffff;
  text-decoration: underline;
}
.article .spip_out,
.article .spip_in,
.article .spip_ancre {
  color: #ef4036;
}
.article .larticle table.spip {
  border: 1px solid #ef4036;
}
.article .larticle table.spip td {
  border-right: 1px solid #ef4036;
}
.article .larticle table.spip thead {
  background-color: #ef4036;
}
.article .note .pintertitre,
.article .notes .pintertitre {
  color: #ef4036;
}
.article ul.spip li {
  margin: 0 0 .3em;
}
.article dl.faq.js dt {
  background-position: 0.5em 0.6em;
  padding-left: 2.2em;
}
.article dl.faq.js dd {
  margin-top: 1em;
  padding: 0.4em 0 0 1.1em;
}
.article .spip:first-child,
.article blockquote:first-child,
.article p:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .article .texte .spip_documents.spip_documents_left,
  .article .texte .spip_documents.spip_documents_right,
  .article .texte .cs_blocs {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .article .texte .cs_blocs {
    width: 100%;
  }
  .article .spip_documents.oembed_video {
    min-width: 0;
  }
}
@media screen and (max-width: 1280px) and (min-width: 480px) {
  .article .texte .spip_documents.spip_documents_right,
  .article .texte .cs_blocs {
    margin-left: 5%;
  }
  .article .texte .spip_documents.spip_documents_left {
    margin-right: 5%;
  }
}
.article h2.spip,
.article h3.spip,
.article h4.spip,
.article h5.spip,
.article h6.spip,
.article .titre.h3,
.article .titre.h4,
.article .titre.h5,
.article .titre.h6 {
  display: table;
  width: fit-content;
}
.article h2.spip a:not(.spip_out),
.article h3.spip a:not(.spip_out),
.article h4.spip a:not(.spip_out),
.article h5.spip a:not(.spip_out),
.article h6.spip a:not(.spip_out),
.article .titre.h3 a:not(.spip_out),
.article .titre.h4 a:not(.spip_out),
.article .titre.h5 a:not(.spip_out),
.article .titre.h6 a:not(.spip_out) {
  padding: 0;
}
.article h2.spip,
.article .titre.h2,
.article h3.spip,
.article .titre.h3 {
  border-bottom: 3px solid #ef4036;
  margin-bottom: .8em;
  font-size: 2em;
  padding: 0 0 0.15em;
}
.article h2.spip font,
.article .titre.h2 font,
.article h3.spip font,
.article .titre.h3 font,
.article h2.spip font *,
.article .titre.h2 font *,
.article h3.spip font *,
.article .titre.h3 font * {
  font-weight: bold;
}
.article h4.spip,
.article .titre.h4 {
  border-bottom: 1px solid #CCCCCC;
  font-size: 1.8em;
  font-style: normal;
}
.article h5.spip,
.article .titre.h5 {
  font-size: 1.05em;
}
.article h6.spip,
.article .titre.h6 {
  font-size: 16px;
}
.article p,
.article ul.spip,
.article ol.spip,
.article table,
.article .texteencadre-spip {
  margin-bottom: 24px;
  font-size: 1em;
  font-weight: inherit;
}
.article ul.spip {
  padding-left: 0.5em;
}
.article ul.spip li {
  padding-left: 1.2em;
  list-style: none;
  position: relative;
  padding-top: .4em;
  margin: 0 0 9px;
}
.article ul.spip li::before {
  content: " ";
  display: block;
  left: 0px;
  top: 0.4em;
  width: 0.5em;
  height: .5em;
  position: absolute;
  margin: 0.5em .1em 0 0;
  border-radius: 50%;
  float: left;
}
.article ul.spip ul.spip,
.article ul.spip ol.spip {
  border-width: 0;
  padding-left: 0.4em;
}
.article ul.spip ul.spip ul.spip,
.article ul.spip ol.spip ul.spip {
  margin-left: 0;
  margin-bottom: 0;
}
.article ul.spip ul.spip .spip_documents,
.article ul.spip ol.spip .spip_documents {
  vertical-align: top;
}
.article ol.spip {
  margin: 1em 0 1.9em 4em;
  position: relative;
  padding-left: 0.1em;
  /* La liste dans la numerotation */
}
.article ol.spip > li {
  display: table;
  list-style-type: none;
  counter-increment: repas;
  /* on incrémente le compteur à chaque nouveau li */
  margin: 0 0.5em 1.3em 0.2em;
  background: #e8e8e8;
  padding: 1em 1.4em 1.1em 1.2em;
  border-left: 6px solid #ef4036;
  box-shadow: #ddd 6px 5px 5px;
}
.article ol.spip > li:before {
  padding: 0.1em 0.3em 0 0.7em;
  vertical-align: top;
  position: absolute;
  margin-right: 0em;
  margin-top: -1em;
  left: -1.1em;
  border-radius: 0.8em 0 0 0.8em;
  height: 1.7em;
}
.article ol.spip > li:hover {
  box-shadow: #ddd 2px 2px 6px;
  transition: .2s;
}
.article ol.spip ul.spip {
  margin: 0.2em 0;
}
.article ol.spip ul.spip li {
  padding: 0.3em 0 0.2em 1.4em;
  margin: 0;
}
.article .caractencadre-spip,
.article .caractencadre2-spip {
  color: #ef4036;
  font-style: italic;
  font-size: .9em;
  font-weight: 600;
  border-bottom: 4px solid #fff;
  background-color: #fff;
  padding: 0.4em 0.6em 0.2em;
  border-radius: 0.3em;
  margin: 0 0.3em 0;
  box-shadow: 0 0 5px #0003;
}
.article .caractencadre2-spip {
  color: #555555;
}
.article .spip_code,
.article code {
  color: #c7254e;
  font-weight: 600;
  margin-bottom: 1.8em;
  padding: 0.4em 1em 0.4em;
  display: inline-block;
  vertical-align: unset;
}
.article code {
  border-radius: 0.2em;
}
.article p > .spip_code,
.article p > code {
  margin-bottom: 0;
}
.article .spip_code > code {
  border: none;
  padding: 0;
  background: none;
  color: inherit;
}
.article samp {
  font-weight: bold;
}
.article var {
  font-style: italic;
}
@media print {
  .article pre {
    page-break-inside: avoid;
  }
}
.article .cs_blocs {
  float: right;
  width: 39%;
  background: transparent;
  border-width: 0 0 0 8px;
  margin-bottom: 1.5em;
  margin-left: 3%;
}
.article .cs_blocs .blocs_titre {
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 600;
  color: #ef4036;
}
.article .cs_blocs .blocs_titre:before {
  content: url(https://c-real.fr/spip33/squ/squelettes/ergo/fleche/d_moyen.png);
}
.article .cs_blocs .blocs_titre p:last-of-type {
  padding-bottom: 0;
}
.article blockquote.spip:before {
  color: #ef4036;
  content: "«";
  font-size: 2.6em;
  left: 12px;
  position: absolute;
  top: .2em;
}
.article blockquote.spip:after {
  bottom: .35em;
  color: #ef4036;
  content: "»";
  font-size: 2.6em;
  position: absolute;
  right: 12px;
}
.article hr.spip {
  width: 100%;
}
.article caption {
  color: #000;
}
.article table.spip {
  margin: .1em 0 1em;
}
.article table.spip,
.article table.spip td,
.article table.spip th {
  padding: .6em .4em;
  border: 1px solid #ddd;
}
.article table.spip th {
  background-color: #ef4036;
}
.article .note,
.article .notes {
  border-top: 1px solid #ef4036;
  color: #333333;
  font-size: 1em;
}
.article .note .pintertitre,
.article .notes .pintertitre {
  color: #ef4036;
}
.article .spip_documents {
  background: #e8e8e8;
}
.article .spip_documents img {
  max-width: 100%;
}
.article .spip_documents p.spip {
  margin: 0 !important;
}
.article .spip_documents .spip_doc_titre,
.article .spip_documents .spip_doc_descriptif {
  margin: 0 auto;
}
.article .spip_documents .spip_doc_titre {
  padding: 0 0 .1em;
  font-size: 1em;
}
.article .spip_documents .spip_doc_descriptif {
  font-size: 0.9em;
  font-weight: 400;
  font-style: italic;
}
.article .spip_documents .spip_doc_credits {
  font-size: .85em;
}
.article .spip_documents.spip_documents_left {
  margin: .2em 5.6% 2.5em 0;
}
.article .spip_documents.spip_documents_right {
  margin: .2em 0 2.5em 5.6%;
}
.article .spip_documents.spip_documents_left,
.article .spip_documents.spip_documents_right {
  max-width: 48%;
}
.article .spip_documents.portrait {
  max-width: 39.5%;
}
.article .spip_documents.spip_document_file {
  box-shadow: 2px 2px 13px #0003;
  background-color: #fff;
  display: table;
  width: auto;
  padding: 20px 22px 20px 12px;
  display: flex;
  align-items: center;
}
.article .spip_documents.spip_document_file .spip_doc_legende {
  margin: 0 0 0 15px;
  text-align: left;
}
.article .spip_documents.spip_document_file .spip_doc_legende * {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.article .spip_documents.spip_document_file .spip_doc_legende .spip_doc_descriptif {
  font-size: .9em;
}
.article .spip_documents.spip_document_file .spip_doc_legende .spip_doc_credit {
  font-size: .8em;
}
.article .spip_documents.spip_document_file.media_file {
  padding: 0.6em 0.9em;
  margin-top: 1.5em;
}
.article .spip_documents.spip_document_file.media_file .logo {
  float: left;
  padding-right: 0.8em;
}
.article .spip_documents.spip_document_file.media_file .logo img {
  max-height: 6em;
}
.article .spip_documents.spip_document_file.media_file .spip_doc_titre,
.article .spip_documents.spip_document_file.media_file .spip_doc_descriptif,
.article .spip_documents.spip_document_file.media_file .credits {
  text-align: left;
  margin-left: 143px;
}
.article .spip_documents.spip_document_file.media_file .spip_doc_titre + .spip_doc_descriptif {
  margin: 0 0 0 143px;
}
.article .spip_documents.spip_document_file.media_file .spip_doc_titre {
  margin-top: 0;
}
.article .spip_documents.spip_document_file.media_file dt {
  padding-bottom: .35em;
}
.article .spip_documents.spip_document_file.media_file dd {
  padding-bottom: .6em;
}
.article .spip_documents.spip_document_file.spip_documents_left {
  margin: 0.2em calc(4%) 1.2em 0;
}
.article .spip_documents.spip_document_file.spip_documents_right {
  margin: 0.2em 0 1.2em calc(4%);
}
.article .spip_documents.spip_document_file.spip_documents_right,
.article .spip_documents.spip_document_file.spip_documents_left {
  width: 46%;
}
.article .oembed_video {
  margin-bottom: 2em;
}
.article .item_picker img {
  width: inherit;
}
.article iframe {
  padding: 0 0 2.5em;
}
@media screen and (max-width: 767px) {
  .article blockquote.spip,
  .article blockquote.spip_poesie {
    font-size: 1em;
  }
  .article code,
  .article pre,
  .article samp {
    word-wrap: break-word;
    white-space: pre-line;
    /* passage a la ligne specifique pour les elements a chasse fixe */
  }
  .article blockquote.spip,
  .article blockquote.spip_poesie {
    font-size: 1.2em;
  }
  .article blockquote.spip::before,
  .article blockquote.spip::after {
    font-size: 2.2em;
  }
  .article table.spip {
    width: auto;
  }
}
.article .spip_documents.spip_documents_right {
  margin: 0.2em 0 1.2em calc(8%);
}
.article .spip_documents.spip_documents_right,
.article .spip_documents.spip_documents_left {
  width: 42%;
}
body {
  background-color: #fff;
  font-family: 'Baloo Chettan 2', Verdana, sans-serif, sans-serif;
}
/* ------ Mixins ------ */
.typoetroite {
  transform: scaleX(97%);
  transform-origin: left;
}
.btn {
  background: #ef4036;
  padding: 0.2em 0.6em 0.3em;
  color: #fff;
  display: inline-block;
  margin: 1.3em 0.7em 0 0;
  font-weight: 400;
  font-size: .9em;
  transition: all 1s;
}
.btn:hover {
  background: #82110a;
}
/* ------ Couleur ------ */
body {
  font-family: 'Baloo Chettan 2', Verdana, sans-serif, sans-serif;
}
*::selection {
  background-color: #ef4036;
  color: #fff;
}
p {
  margin-top: 0;
}
.tal {
  text-align: left;
}
.logo .spip_logos {
  float: none;
}
.tac {
  width: 100%;
  text-align: center;
}
#header {
  background-image: linear-gradient(to right, #bc3605, #d9450f);
  text-align: center;
}
#header a:hover {
  background: transparent;
}
#header .suite {
  position: absolute;
  margin-left: -30px;
  padding-top: .7em;
}
#header .suite img {
  width: 44px;
}
#header h1 {
  text-align: center;
  margin: 0px 6px 40px 0px;
}
#header:after {
  background: url('https://c-real.fr/squ/sites/c-real.fr/ergo/brume.png') no-repeat scroll -10px bottom, url('https://c-real.fr/squ/sites/c-real.fr/ergo/bg.jpg') no-repeat scroll 0 66%;
  background-size: 101vw auto;
  opacity: 1;
}
.page_sommaire #header {
  padding: 23vh 0 0;
  height: 99vh;
}
#qsn {
  outline: none;
}
#baseline {
  font-size: 22px;
  font-style: italic;
  margin-top: 40px;
}
/* Généralités */
.page {
  background-color: #fff;
}
.contenu {
  min-height: 0;
}
#lienemail {
  color: #555;
  line-height: 30px;
}
#lienemail:hover {
  color: #ea5131;
  font-style: italic;
  background: #fff;
}
.intro {
  font-size: 1.3em;
}
.intro .btn {
  display: inline-table;
}
.intro .suite {
  display: block;
  margin: 1em;
}
.intro .suite img {
  width: 1.3em;
  border-radius: 50%;
}
.intro .suite:hover {
  background: transparent;
}
.intro .suite:hover img {
  background: #fff4ec;
}
#titcontact {
  color: #ea5131;
  font-size: 1.6em;
  line-height: 1.2em;
  margin-bottom: 0;
}
.gtit {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  margin: 5vw 0 4.54vw;
  padding-top: 2.3vw;
  font-family: 'Baloo Chettan 2', Verdana, sans-serif, sans-serif;
  font-size: 2.3em;
}
.gtit .gris {
  display: block;
  font-weight: bold;
}
.gtit .gris:after {
  content: " ";
  display: block;
  width: 82px;
  height: 1px;
  background: #555555;
  margin: 5px auto;
  overflow: hidden;
}
.gtit .stit-orange {
  display: block;
  font-weight: 400;
  color: #ef4036;
}
h2.tit {
  text-align: center;
  color: #ef4036;
  font-family: 'Baloo Chettan 2', Verdana, sans-serif, sans-serif;
  font-size: 3em;
  margin-top: 1em;
  margin-left: 6em;
  margin-right: 6em;
  width: 100%;
  font-weight: 400;
}
a.llsrub {
  color: #ef4036;
  margin-top: 4em;
  margin-bottom: 3em;
  display: block;
  overflow: hidden;
}
a.llsrub:hover {
  color: #ef4036;
  background: transparent;
}
/* Boutons */
.btn-default {
  border-color: #ef4036;
  color: #ef4036;
  transition: all 0.5s ease-out;
}
.btn-default:hover {
  background-color: #f1564e;
  border-color: #ef4036;
}
.btnproduit {
  text-transform: uppercase;
  text-align: center;
  border: 1px solid #bbb;
  border-radius: 11px;
  padding: 2em 0em 2em;
  margin: 1%;
  width: 23%;
  transition: all 0.5s ease-out;
}
.btnproduit .logo {
  transform-origin: 50% 50%;
  transition: all 1s ease-out;
  position: relative;
  width: 100%;
  height: 9em;
}
.btnproduit .logo img {
  transition: all 1s ease-out;
  position: absolute;
}
.btnproduit .logo img.brouillon {
  top: 1.5em;
  left: 24%;
}
.btnproduit .logo img.fini {
  top: 1em;
  left: 35%;
}
.btnproduit .logo img.outil {
  top: 2.4em;
  left: 43%;
}
.btnproduit .noir,
.btnproduit .stit-orange {
  font-size: 1.4em;
}
.btnproduit .stit-orange {
  color: #ef4036;
}
.btnproduit .noir {
  margin-top: 1em;
  font-weight: 700;
}
.btnproduit .stit-orange {
  margin-top: .2em;
}
.btnproduit span {
  display: block;
}
.btnproduit:hover {
  background: transparent;
  border-color: transparent;
}
.btnproduit:hover .logo {
  transform: scale(1.3);
  text-transform: uppercase;
}
.btnproduit:focus {
  background: transparent;
}
/* ------ MENU ------ */
#nav {
  background: #0004;
  z-index: 1111111;
}
#nav:after {
  content: "";
  display: block;
  overflow: hidden;
  background: linear-gradient(to right, transparent, transparent, #ffffff, transparent, transparent);
  height: 1px;
  position: absolute;
  bottom: -2px;
  width: 100%;
}
#nav .navbar-nav {
  padding-left: 0;
  display: flex;
  justify-content: center;
}
#nav .navbar-nav .item {
  padding: 0 1em;
  text-align: center;
  font-size: 0.9em;
  text-transform: uppercase;
  list-style: none;
}
#nav .navbar-nav .item a:hover {
  background: transparent;
  color: #ef4036;
}
#nav.affix {
  background-color: #fff;
  box-shadow: 0 7px 15px #0005;
}
#nav.affix .navbar-nav .item a {
  color: #555;
}
#nav.affix .navbar-nav .item a:focus,
#nav.affix .navbar-nav .item a:focus-within,
#nav.affix .navbar-nav .item a:active,
#nav.affix .navbar-nav .item a:hover {
  color: #ef4036;
  background-color: transparent;
}
/* ------ ACCUEIL ------ */
@media screen and (max-width: 1365px) {
  .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;
  }
  #footer #pied,
  .footer #pied {
    margin-top: 1.5em;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
  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;
  }
}
@media screen and (min-width: 992px) {
  #header ul li:hover ul,
  .nav-collapse ul li:hover ul {
    display: block;
  }
  /*  */
  .page_videos .liste-videos .tit {
    min-height: 4.4em;
  }
  .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;
    padding: 3.4em 0 1.5em;
  }
  #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%;
  }
  #footer #pied #infolettre .text,
  .footer #pied #infolettre .text {
    text-align: center;
  }
  #footer .grotit,
  .footer .grotit {
    margin-top: 1.4em;
    font-size: 2em;
  }
  /*  */
  .page_site body #myCarousel.apercu {
    margin: 5%;
    width: 90%;
    overflow: hidden;
  }
  .page_site body #myCarousel.apercu a {
    padding: 1em;
  }
}
@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;
  }
  .content .margesup {
    width: 94vw;
  }
  .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;
    margin: 0;
  }
  .frise .carreblanc {
    padding: 1em 1em 0;
  }
  /*  */
  .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;
  }
  .content h2 {
    margin: 0;
  }
  .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;
  }
  .page_recherche .page .content .page_type_liste #intro .grotit {
    font-size: 2.2em;
  }
  .page_recherche .page .content .page_type_liste #formulaire_recherche2 {
    margin-top: 0;
    padding: 1em 0;
  }
  .page_recherche .page .content .page_type_liste #formulaire_recherche2 form {
    text-align: center;
  }
  .page_recherche .page .content .page_type_liste #formulaire_recherche2 form .saisie_input {
    margin: 0 0 1.1em;
    width: 90%;
  }
  .page_recherche .page .content .page_type_liste #formulaire_recherche2 form .saisie_input .text {
    text-align: center;
    margin: 0 0;
  }
  .page_recherche .page .content .page_type_liste #formulaire_recherche2 form .submit {
    margin: 0;
  }
  .page_recherche .page .content .page_type_liste #bicolonnes .liste-items .item .cnt {
    min-height: 12em;
  }
  /*  */
  /*  */
  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 .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://c-real.fr/spip33/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: #ee3328;
    color: #fff;
    width: 100%;
    padding-top: .7em;
    padding-bottom: .7em;
    border: 0 solid #ef4036;
  }
  #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: #ee3328;
    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: #e8e8e8;
    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 #partenaires img,
  .footer #partenaires img {
    margin: 16px auto 10px;
    max-width: 45%;
  }
  #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 #777777;
  }
  /*  */
  .page_sommaire .content #myCarousel {
    margin: 0;
  }
  .page_sommaire .content #myCarousel .item {
    margin: 0;
    height: 100vw;
    overflow: hidden;
  }
  .page_sommaire .content #myCarousel .item .logo {
    overflow: hidden;
    display: block;
  }
  .page_sommaire .content #myCarousel .item .logo img {
    max-width: inherit;
    height: calc(100vh - 170px);
    width: 100%;
    object-fit: cover;
    object-position: center center;
  }
  .page_sommaire .content #myCarousel .item .legende {
    width: 90%;
    padding: 2% 0% 25%;
    background-color: transparent;
    font-size: .8em;
    margin: 0 5% 5vw;
  }
  .page_sommaire .content #myCarousel .item .legende .surtit {
    margin: 0 auto;
    display: table;
    max-width: 80%;
    font-size: 1.4em;
  }
  .page_sommaire .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;
  }
  .page_sommaire .content #myCarousel .item .legende .soustit {
    margin-top: -0.5em;
    max-width: 95%;
  }
  .page_sommaire .content #myCarousel .item .legende .desc,
  .page_sommaire .content #myCarousel .item .legende .btn {
    display: none;
  }
  .page_sommaire .content #myCarousel .owl-nav {
    display: none;
  }
  .page_sommaire .content .banniere_une {
    height: 20vw !important;
    margin-bottom: 0;
  }
  /*  */
  .contenu #coldroite .grotit,
  .contenu .asidedroite .grotit {
    text-align: center;
  }
  .page .content {
    margin-top: 3.2em;
  }
  .page .content .contenu {
    padding-top: 0.5em;
  }
  .page .content .contenu .chemin {
    font-size: 1.2em;
    line-height: 100%;
    width: 100%;
  }
  .page .content .contenu .bloctit,
  .page .content .contenu #intro,
  .page .content .contenu .intro {
    margin-top: 0;
    margin-bottom: 1.1em;
  }
  .page .content .contenu .bloctit .grotit,
  .page .content .contenu #intro .grotit,
  .page .content .contenu .intro .grotit {
    font-size: 2.2em;
    margin-top: .2em;
  }
  .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 #lireaussi .liste-items .item {
    margin-bottom: 2em;
    padding-bottom: 0.7em;
  }
  /*  */
  body .content .contenu.page_type_liste .laliste select {
    height: 2.1em;
    width: 50vw;
  }
  body .content .contenu.page_type_liste #laliste .filtre,
  body .content .contenu.page_type_liste .laliste .filtre {
    margin: 0 -4% 2em;
    padding: 0.6em 1em;
    text-align: center;
    font-weight: 300;
    width: inherit;
  }
  body .content .contenu.page_type_liste #laliste .filtre .intro,
  body .content .contenu.page_type_liste .laliste .filtre .intro {
    color: #000;
    font-size: 1em;
    font-weight: 400;
    border-bottom-width: 3px;
  }
  body .content .contenu.page_type_liste #laliste .filtre a,
  body .content .contenu.page_type_liste .laliste .filtre a {
    margin: 0 0.2em;
    color: #ef4036;
  }
  body .content .contenu.page_type_liste #laliste .filtre .titselect,
  body .content .contenu.page_type_liste .laliste .filtre .titselect {
    padding: 0.8em 1em 0.4em;
    width: 38vw;
  }
  body .content .contenu.page_type_liste #laliste .filtre .select-design,
  body .content .contenu.page_type_liste .laliste .filtre .select-design {
    width: 90vw;
  }
  body .content .contenu.page_type_liste #bicolonnes #intro .grotit,
  body .content .contenu.page_type_liste #bicolonnes .intro .grotit {
    margin: 0.6em 0;
  }
  body .content .contenu.page_type_liste #bicolonnes #intro .chapo,
  body .content .contenu.page_type_liste #bicolonnes .intro .chapo {
    margin-bottom: 0.2em;
  }
  body .content .contenu.page_type_liste #bicolonnes #laliste .grotit,
  body .content .contenu.page_type_liste #bicolonnes .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 .contenu.page_type_liste #bicolonnes #laliste .grotit::before,
  body .content .contenu.page_type_liste #bicolonnes .laliste .grotit::before {
    content: none;
  }
  body .content .contenu.page_type_liste #bicolonnes #laliste .grotit::before,
  body .content .contenu.page_type_liste #bicolonnes .laliste .grotit::before {
    content: none;
  }
  body .content .contenu.page_type_liste #bicolonnes .liste-items .item .surtit {
    line-height: 123%;
    font-size: .5em;
  }
  body .content .contenu.page_type_liste #bicolonnes .liste-items .item .tit {
    width: 100%;
    float: none;
    margin-bottom: 0.4em;
  }
  body .content .contenu.page_type_liste #bicolonnes .liste-items .item .cnt {
    overflow: hidden;
  }
  body .content .contenu.page_type_liste #bicolonnes .liste-items .item .date-pub,
  body .content .contenu.page_type_liste #bicolonnes .liste-items .item .date-modif {
    font-size: .9em;
  }
  body .content .contenu.page_type_liste #bicolonnes .liste-items .item .boutons {
    bottom: inherit;
    top: 144px;
  }
  body .content .contenu.page_type_liste #bicolonnes .liste-items .item .boutons .btn {
    margin: 0 0 0.6em;
  }
  body .content .contenu.page_type_liste #bicolonnes .liste-items .item .boutons .addthis_toolbox {
    width: 100%;
  }
  body .content .contenu.page_type_liste #bicolonnes .liste-items .item .boutons .addthis_toolbox .btn {
    margin-bottom: .8em;
  }
  body .content .contenu.page_type_liste #bicolonnes .liste-items .item .boutons .addthis_toolbox .btn:last-of-type {
    margin-bottom: .2em;
  }
  body .content .contenu.page_type_liste #bicolonnes .liste-items .item .entourelogo {
    min-height: 130px;
  }
  body .content .contenu.page_type_liste #bicolonnes .liste-items .item .entourelogo .spip_logo {
    height: 130px;
    margin-left: -30%;
    width: auto;
  }
  body .content .contenu.page_type_liste #bicolonnes .liste-items .col-sm-12:last-of-type {
    margin-bottom: 0;
  }
  body .content .contenu.page_type_liste #bicolonnes .asidedroite {
    margin-top: 0em;
  }
  body .content .contenu.page_type_liste #bicolonnes .asidedroite > .row {
    margin-left: 0;
    margin-right: 0;
  }
  body .content .contenu.page_type_liste #bicolonnes .asidedroite .grotit {
    margin: 0 auto 1em;
  }
  body .content .contenu.page_type_liste #bicolonnes .asidedroite .row {
    margin-left: 0;
  }
  body .content .contenu.page_type_liste #bicolonnes .asidedroite #pubcarre {
    padding-bottom: 0;
  }
  body .content .contenu.page_type_liste #bicolonnes .asidedroite #pubcarre .item {
    margin: 0 auto 1em;
    border: 0;
  }
  /*  */
  .page_recherche .content .contenu.page_type_liste #bicolonnes #intro .grotit {
    margin: 0;
    font-size: 2em;
  }
  .page_recherche .content .contenu.page_type_liste #bicolonnes #laliste .grotit,
  .page_recherche .content .contenu.page_type_liste #bicolonnes .laliste .grotit {
    font-size: 1.5em;
    border-bottom: 3px solid #ef4036;
    font-weight: 500;
    margin-bottom: .9em;
  }
  /*  */
  /*  */
  .page_auteur body #contenu h4.spip {
    font-size: 1.3em;
  }
  .page_auteur body #contenu .btn {
    font-size: 1em;
  }
  .depliantbas {
    display: none;
  }
  /*  */
  .page_compte .page .content .contenu #intro .grotit {
    font-size: 2.1em;
  }
  body #contenu .grosboutons {
    width: auto;
  }
  body #contenu .grosboutons .grosbouton {
    min-height: calc(45vw + 20px);
    margin-bottom: 1em;
    font-size: 15px;
  }
  body #contenu .grosboutons .grosbouton .ico,
  body #contenu .grosboutons .grosbouton svg {
    top: 2em;
  }
  body #contenu .grosboutons .grosbouton .legende .titit {
    font-size: 1.1em;
    margin: .2em 0.5em;
  }
  .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.page_type_liste #bicolonnes .liste-items .item .offre_prix,
  .page_abonnement .content #contenu.page_type_liste #bicolonnes .liste-items .item .offre_prix {
    margin-left: -40vw;
  }
  .page_compte .content #contenu.page_type_liste #bicolonnes .liste-items .item .offre_prix,
  .page_abonnement .content #contenu.page_type_liste #bicolonnes .liste-items .item .offre_prix {
    margin-top: -1px;
  }
  .page_compte .content #contenu .offre_paiement,
  .page_abonnement .content #contenu .offre_paiement {
    padding: 0.6em .1em 0.2em;
    display: block;
    overflow: hidden;
    width: 90vw;
    position: relative;
    left: -40vw;
    top: 0.7em;
  }
  .page_compte .content #contenu .offre_paiement ul,
  .page_abonnement .content #contenu .offre_paiement ul {
    margin-top: 0.3em;
    padding-left: 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 .content .chapo {
    padding: 0 0 .5em;
  }
  .page_panier .page .content .formulaire_panier {
    margin-left: -30px;
    margin-right: -30px;
  }
  .page_panier .page .content .formulaire_panier .description p {
    margin: 0;
  }
  .page_panier .page .content .formulaire_panier button.submit {
    padding: 0.4em 5.2%;
  }
  .page_panier .page .content .formulaire_panier button.submit.recalcul {
    float: right;
  }
  .page_panier .page .content .btn {
    padding: 0.2em 4% .2em;
    float: none;
  }
  /*  */
  .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: 61px;
    left: 2vw;
    top: inherit;
  }
  body .spip-admin-float .spip-admin-boutons {
    border-radius: 0;
  }
  .addthis_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 #myCarousel .owl-prev {
    width: 55px;
  }
}
@media screen and (min-width: 480px) {
  .contenu .formulaire_spip {
    padding-bottom: 1.5em;
  }
  .contenu .formulaire_newsletter_subscribe3 {
    background-color: #ef4036;
  }
  .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 .editer-groupe .editer {
    margin-bottom: 0;
  }
  .contenu .formulaire_newsletter_subscribe3 form .boutons {
    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 .boutons .submit {
    width: 100%;
  }
  .page_type_liste .item-produit .tit {
    min-height: 3.8em;
  }
}
@media screen and (min-width: 992px) {
  #sites .item,
  #video .item,
  .liste-sites .item {
    padding: 0;
    margin-top: 8em;
    margin-bottom: 6em;
    transition: .5s;
  }
  #sites .item:hover,
  #video .item:hover,
  .liste-sites .item:hover {
    margin-top: 6em;
    margin-bottom: 8em;
  }
  #sites .desctit,
  #video .desctit,
  .liste-sites .desctit {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    height: 5em;
    overflow: hidden;
    width: 100%;
  }
  #sites h3.spip,
  #video h3.spip,
  .liste-sites h3.spip {
    padding: 0 1vw;
    width: 98%;
  }
  #sites h3.spip a,
  #video h3.spip a,
  .liste-sites h3.spip a {
    height: 60px;
  }
  #sites h3.spip .bloc,
  #video h3.spip .bloc,
  .liste-sites h3.spip .bloc {
    line-height: 113%;
    color: #000;
  }
  #sites .cnt,
  #video .cnt,
  .liste-sites .cnt {
    display: none;
  }
  /* ------ LISTES ------ */
  .liste-grille .mix .item .itemlogo {
    display: block;
    overflow: hidden;
    height: 68%;
    transition-property: all;
  }
  .liste-grille .mix .item .itemlogo .tmp_lazy {
    transition-duration: .5s;
    position: relative;
    top: -0.1px;
  }
  .liste-grille .mix .item .cnt {
    padding: 19px 27px;
  }
  .liste-grille .mix .item h3 {
    transition-property: all;
  }
  .liste-grille .mix .item h3 .bloc {
    padding: 0 8%;
  }
  .liste-grille .mix .item:hover {
    transition-property: background, height, margin-top;
    position: absolute;
    z-index: 2000;
    height: 702px;
    top: 0;
    left: 0;
    margin-left: 30px;
    margin-right: 30px;
  }
  .liste-grille .mix .item:hover h3.spip {
    margin-bottom: 0;
  }
  .liste-grille .mix .item:hover .liendirect:hover {
    text-decoration: underline;
  }
  .liste-grille .mix .item:hover a,
  .liste-grille .mix .item:hover p,
  .liste-grille .mix .item:hover h3,
  .liste-grille .mix .item:hover div {
    background: transparent;
  }
  .liste-grille .mix .item:hover .itemlogo {
    height: 0;
  }
  .liste-grille .mix .item:hover .itemlogo .tmp_lazy {
    top: -60px;
  }
  .liste-grille .mix .item:hover h3 .bloc {
    margin-top: .3em;
    font-size: 1.2em;
    line-height: 1.1em;
    color: #222;
    font-weight: 500;
  }
  .liste-grille .mix .item:hover h3 .label {
    font-size: 66%;
  }
  .liste-grille .mix .item:hover .cnt {
    font-size: 1.3em;
    line-height: 1.45em;
  }
  .liste-strate .item {
    padding-bottom: 2.6em;
    margin-left: -30px;
    margin-right: -30px;
  }
  .liste-strate .item .itemlogo {
    position: relative;
    min-height: 1px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .liste-strate .item .desctit {
    position: relative;
    min-height: 1px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .liste-strate div:nth-of-type(odd) .item {
    display: flex;
    flex-direction: row-reverse;
  }
  .liste-grille .col-sm-3 .item {
    height: 297px;
  }
  .liste-grille .col-sm-3 .item:hover {
    height: 660px;
  }
  html:not(.page_prepa_sommaire) .page_interieure #header {
    padding: 2.8em 0 0.1em;
  }
  .page_type_liste .chapo .col-sm-12 {
    margin-left: auto;
    margin-right: auto;
    width: 75%;
  }
  .page_type_liste .chapo.surlignable strong {
    padding-bottom: 0.3em;
  }
  .page_type_liste .chapo p {
    margin-bottom: 1.2em;
  }
  .page_type_liste .entouretit {
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    margin-top: 5em;
    margin-bottom: 3em;
  }
  .page_type_liste .entouretit h2.grotit {
    position: absolute;
    bottom: -1.7em;
    font-size: 1.5em;
    left: 50%;
    transform: translate(-50%);
  }
  .page_type_liste .liste-items {
    min-width: 100%;
  }
  .page_type_liste .article .liste-items h3.spip a {
    padding: .5em 1em 1em;
  }
  /* ------ PAGE MOTS ------ */
  .page_mot .chapo {
    margin-top: 0;
  }
  .page_mot .chapo .col-sm-12 {
    width: 85%;
  }
  .page_mot .mix.col-sm-3 .item:hover {
    height: 570px;
  }
}
@media screen and (min-width: 992px) and (min-width: 768px) {
  .liste-strate .item .itemlogo {
    float: left;
    width: 33.33333333%;
  }
}
@media screen and (min-width: 992px) and (min-width: 768px) {
  .liste-strate .item .desctit {
    float: left;
    width: 66.66666667%;
  }
}
@media screen and (min-width: 1366px) {
  .liste-grille .mix .item:hover {
    height: 784px;
  }
  .liste-grille .mix:nth-last-of-type(1) .item:hover,
  .liste-grille .mix:nth-last-of-type(2) .item:hover,
  .liste-grille .mix:nth-last-of-type(3) .item:hover {
    margin-top: -372px;
  }
  .page_mot .mix.col-sm-3 .item .itemlogo {
    height: 58%;
  }
  .page_mot .mix.col-sm-3 .item:hover {
    height: 654px;
  }
  .page_mot .mix.col-sm-3 .item:hover .itemlogo {
    height: 0;
  }
}
@media screen and (min-width: 1600px) {
  #header {
    padding: 8.6em 0;
  }
}
@media screen and (min-width: 1900px) {
  #header {
    padding: 11.3em 0;
  }
}
@media screen and (max-width: 1365px) {
  .owl-next,
  .owl-prev {
    margin: 3.6em 0;
  }
  .mix .item:hover {
    min-width: inherit;
  }
}
@media screen and (max-width: 1280px) {
  #header {
    padding: 5.6em 0;
  }
}
@media screen and (max-width: 768px) {
  body {
    padding: 0;
  }
  /*
		sur smartphone, un phrase peut vite prendre plusieur ligne,
		et un simple retour à la ligne devra être intervprété comme un saut de paragraphe.
	*/
  .manualbr {
    line-height: 190%;
    vertical-align: top;
  }
  .lead {
    line-height: 138%;
    margin-top: 1em;
  }
  .lead .dbfleches {
    content: url('//c-real.fr/sites/c-real.fr/local/cache-css/');
    width: 15px;
    display: block;
    text-align: center;
    margin: .9em auto 0;
  }
  .page_sommaire .container > .row {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
  .liste-items {
    min-width: 100%;
  }
  .liste-items .item {
    margin-bottom: 0;
    height: auto;
    padding-bottom: 20px;
  }
  .liste-items h3.spip a {
    padding: 0 1vw 5px;
  }
  #header {
    padding: 11.6em 0;
  }
  .btnproduit {
    padding: 2em 0em 2em;
    margin: 1%;
    width: 48%;
  }
  #qfn {
    padding-bottom: 20vw;
  }
  #sites {
    padding-top: 6vw;
  }
}
@media screen and (max-width: 667px) {
  #nav {
    display: none;
  }
  #header {
    padding: 1.3em 0;
  }
  .page_sommaire {
    text-align: center;
  }
  .page_sommaire #header {
    margin-bottom: 4vw;
    height: 90vh;
    padding: 0;
  }
  .page_sommaire #header .container {
    padding-left: 5vw;
    padding-right: 5vw;
    margin: 9vh 0;
    width: 100%;
  }
  .page_sommaire #header::after {
    background-size: 103% ,cover;
  }
  /* ---- Accueil ---- */
  .btnproduit {
    padding: 2em 0em 2em;
    margin: 1%;
    width: 98%;
  }
  html #sites .item,
  html #video .item {
    height: 110vw;
    padding-top: 115px;
    margin-top: 0;
  }
  html #sites .descriptif,
  html #video .descriptif {
    margin: 0.9em 5% 4em;
    line-height: 138%;
  }
  html #sites h3.spip a,
  html #video h3.spip a {
    margin: 0;
  }
  html #sites h3.spip .bloc,
  html #video h3.spip .bloc {
    font-size: 1em;
  }
  html #sites .desctit.adroite,
  html #video .desctit.adroite {
    padding: 0 5vw;
    background-color: transparent;
  }
  html #sites .owl-theme .owl-nav .owl-next,
  html #video .owl-theme .owl-nav .owl-next,
  html #sites .owl-theme .owl-nav .owl-prev,
  html #video .owl-theme .owl-nav .owl-prev {
    top: 40vw;
    font-size: 3.5em;
    height: 45px;
  }
  html #sites .carousel,
  html #video .carousel {
    margin-bottom: 4em;
  }
  html a.llsrub {
    width: 100%;
  }
  .owl-carousel {
    overflow: visible;
  }
  .owl-carousel .owl-stage-outer {
    overflow: visible;
  }
  .owl-carousel .owl-dots {
    display: none;
  }
  /* ---- Listes ---- */
  .liste-grille h3.spip a {
    font-size: 26px;
    padding-top: 10px;
  }
  .liste-items .lls,
  .liste-items .liendirect {
    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;
    background: #ef4036;
    padding: 0.2em 0.6em 0.3em;
    color: #fff;
    display: inline-block;
    margin: 1.3em 0.7em 0 0;
    font-weight: 400;
    font-size: .9em;
    transition: all 1s;
    display: table;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.1em;
  }
  .liste-items .lls:focus,
  .liste-items .liendirect:focus,
  .liste-items .lls:active:focus,
  .liste-items .liendirect:active:focus,
  .liste-items .lls.active:focus,
  .liste-items .liendirect.active:focus,
  .liste-items .lls.focus,
  .liste-items .liendirect.focus,
  .liste-items .lls:active.focus,
  .liste-items .liendirect:active.focus,
  .liste-items .lls.active.focus,
  .liste-items .liendirect.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  .liste-items .lls:hover,
  .liste-items .liendirect:hover,
  .liste-items .lls:focus,
  .liste-items .liendirect:focus,
  .liste-items .lls.focus,
  .liste-items .liendirect.focus {
    color: #ffffff;
    text-decoration: none;
  }
  .liste-items .lls:active,
  .liste-items .liendirect:active,
  .liste-items .lls.active,
  .liste-items .liendirect.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);
  }
  .liste-items .lls.disabled,
  .liste-items .liendirect.disabled,
  .liste-items .lls[disabled],
  .liste-items .liendirect[disabled],
  fieldset[disabled] .liste-items .lls,
  fieldset[disabled] .liste-items .liendirect {
    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;
  }
  .liste-items .lls:hover,
  .liste-items .liendirect:hover {
    background: #82110a;
  }
  /* ---- Page interieure ---- */
  html:not(.page_prepa_sommaire) .page_interieure .content .contenu h2.tit,
  html:not(.page_prepa_sommaire) .page_interieure .content .contenu .grotit {
    margin-top: 0;
    font-size: 2.3em;
    margin-bottom: 0.4em;
    line-height: 100%;
  }
  /* ---- Page type_contenu ---- */
  .apercu {
    padding: .1em 0;
  }
  .page_type_contenu .apercu .tit {
    border-width: 5px;
    padding: 0;
  }
  /* ---- Page type liste ---- */
  .page_type_liste .contenu .texte {
    width: auto;
    line-height: 1.37em;
  }
  .page_type_liste .contenu .texte p {
    margin-top: 0;
  }
  .controls .control {
    margin-bottom: 0.8em;
  }
}
@media screen and (max-width: 519px) {
  .owl-nav {
    margin: 0px;
  }
  .owl-nav .owl-next,
  .owl-nav .owl-prev {
    width: 15px;
    height: 30px;
    margin-top: -15px;
    top: 30%;
  }
  .owl-nav .owl-prev {
    left: -24px;
  }
  .owl-nav .owl-next {
    right: -24px;
  }
}
@media screen and (min-width: 386px) {
  .owl-nav .owl-next,
  .owl-nav .owl-prev {
    width: 55px;
  }
  html:not(.page_prepa_sommaire) .page_interieure {
    overflow: visible;
  }
}
@media screen and (max-width: 360px) {
  #header {
    padding: 2em 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
  .owl-next,
  .owl-prev {
    margin: 2.8em 0;
  }
  .liste-items .item {
    height: 284px;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1366px) {
  .liste-grille .mix .item .itemlogo {
    height: 63%;
  }
}
.page_sommaire .gtit {
  padding-top: 4.3vw;
}
.page_sommaire .intro {
  padding: 3em 0;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 50px;
}
#qfn {
  background-image: url('https://c-real.fr/squ/sites/c-real.fr/ergo/papier.jpg');
  background-repeat: no-repeat;
  background-position: 0 bottom ;
  background-size: 100%;
  padding-bottom: 20em;
}
#qfn .btnproduit {
  text-transform: uppercase;
  text-align: center;
}
#qfn .btnproduit.dev .brouillon {
  top: 1.6em;
  left: 24%;
}
#qfn .btnproduit.dev .fini {
  top: .8em;
  left: 35%;
}
#qfn .btnproduit.dev .outil {
  top: 3.2em;
  left: 47%;
}
#qfn .btnproduit.graph .brouillon {
  top: .9em;
}
#qfn .btnproduit.graph .fini {
  top: 0;
}
#qfn .btnproduit.graph .fini2 {
  top: 1.6em;
  left: 32%;
}
#qfn .btnproduit.graph .outil {
  top: 1.2em;
  left: 52%;
}
#qfn .btnproduit.video .brouillon {
  top: 1.3em;
  left: 17%;
}
#qfn .btnproduit.video .fini {
  top: .8em;
  left: 33%;
}
#qfn .btnproduit.video .outil {
  left: 44%;
  top: 2.8em;
  transform: rotate(-8deg);
}
#qfn .btnproduit.video .outil2 {
  top: 1.6em;
  left: 58%;
}
#qfn .btnproduit.propa .brouillon {
  top: 1.2em;
  left: 20%;
}
#qfn .btnproduit.propa .fini {
  top: .8em;
  left: 38%;
}
#qfn .btnproduit.propa .fini2 {
  top: 1.8em;
  left: 32%;
}
#qfn .btnproduit.propa .outil {
  top: 1.2em;
  left: 58%;
}
#qfn .btnproduit.dev:hover .brouillon {
  transform: rotate(0deg) translate(-8%, 0);
}
#qfn .btnproduit.dev:hover .fini {
  transform: rotate(0deg) translate(0);
}
#qfn .btnproduit.dev:hover .outil {
  transform: rotate(0deg) translate(4%, -9%) scale(1.1);
}
#qfn .btnproduit.graph:hover .brouillon {
  transform: rotate(-10deg) translate(-10%, 0);
}
#qfn .btnproduit.graph:hover .fini {
  transform: rotate(0deg) translate(0);
}
#qfn .btnproduit.graph:hover .fini2 {
  transform: rotate(-5deg) translate(-2%, 4%);
}
#qfn .btnproduit.graph:hover .outil {
  transform: rotate(8deg) translate(5%, -6%) scale(1.2);
}
#qfn .btnproduit.video:hover .brouillon {
  transform: rotate(0deg) translate(-7%, -3%);
}
#qfn .btnproduit.video:hover .fini {
  transform: rotate(0deg) translate(0);
}
#qfn .btnproduit.video:hover .outil {
  transform: rotate(0) translate(10%, 0);
}
#qfn .btnproduit.video:hover .outil2 {
  transform: rotate(-13deg) translate(18%, -21%) scale(1.2);
}
#qfn .btnproduit.propa:hover .brouillon {
  transform: rotate(0) translate(-10%, 0);
}
#qfn .btnproduit.propa:hover .fini {
  transform: rotate(0deg) translate(0);
}
#qfn .btnproduit.propa:hover .fini2 {
  transform: rotate(-5deg) translate(0);
}
#qfn .btnproduit.propa:hover .outil {
  transform: rotate(6deg) translate(16%, -12%) scale(1.1);
}
.owl-theme .owl-item img {
  max-height: 80vh;
  width: auto;
  margin: 0 auto;
}
.owl-theme .owl-nav button.owl-prev,
.owl-theme .owl-nav button.owl-next {
  position: absolute;
  top: 2.2em;
  opacity: .8;
  padding: 0.15em 0.23em 0.35em 0.2em;
  width: inherit;
  color: #fff;
  font-size: 4.5em;
  background-color: #ef4036;
  transition: .5s;
}
.owl-theme .owl-nav button.owl-prev:hover,
.owl-theme .owl-nav button.owl-next:hover {
  opacity: 1;
  background-color: #ef4036;
}
.owl-theme .owl-nav button.owl-prev {
  left: 0;
}
.owl-theme .owl-nav button.owl-next {
  right: 0;
  padding: 0.15em 0.2em 0.35em 0.23em;
}
.owl-theme .owl-dots {
  margin-top: 1em;
  width: 100%;
}
.page_sommaire .owl-theme .owl-item img {
  max-height: none;
}
html {
  text-align: center;
}
html #sites,
html #graph,
html #video,
html #propa {
  text-align: center;
  clear: both;
  outline: none;
}
html #sites .gtit,
html #graph .gtit,
html #video .gtit,
html #propa .gtit {
  margin: 2vw 0 2.54vw;
}
html #sites .descriptif,
html #graph .descriptif,
html #video .descriptif,
html #propa .descriptif {
  font-size: 1.2em;
  margin: 0 5% 4em;
  text-align: center;
  line-height: 150%;
}
html #sites .carousel,
html #graph .carousel,
html #video .carousel,
html #propa .carousel {
  margin: 0 3%;
  width: 94%;
}
html #sites .carousel .item,
html #graph .carousel .item,
html #video .carousel .item,
html #propa .carousel .item {
  overflow: hidden;
}
html #sites .carousel .item img,
html #graph .carousel .item img,
html #video .carousel .item img,
html #propa .carousel .item img {
  width: 100%;
  height: auto;
}
html .contenu #sites .carousel,
html .contenu #graph .carousel,
html .contenu #video .carousel,
html .contenu #propa .carousel {
  margin: 0;
  width: 100%;
}
html #sites .col-sm-6 .item,
html #video .col-sm-6 .item {
  max-height: 25em;
}
html #sites .item,
html #video .item {
  height: 28vw;
  padding: 0;
  margin-top: 10em;
  transition: .5s;
}
html #sites .item:hover,
html #video .item:hover {
  margin-top: 8em;
}
html #sites .desctit,
html #video .desctit {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  height: 8em;
  overflow: hidden;
  width: 100%;
}
html #sites h3.spip,
html #video h3.spip {
  padding: 0 1vw;
  width: 98%;
}
html #sites h3.spip .bloc,
html #video h3.spip .bloc {
  font-size: 1.4vw;
  line-height: 113%;
  color: #000;
}
html #sites .owl-theme .owl-nav .owl-prev,
html #video .owl-theme .owl-nav .owl-prev,
html #sites .owl-theme .owl-nav .owl-next,
html #video .owl-theme .owl-nav .owl-next {
  top: 17vw;
}
html #graph .descriptif {
  margin: 0 10% 0;
}
html #footer {
  margin-top: 60px;
  padding: 60px;
}
html h2.tit {
  font-size: 1.9em;
  margin-bottom: .2em;
  margin-top: 0.2em;
}
/* ------ PAGES INTERIEURES ------ */
html .page_interieure {
  font-family: 'Baloo Chettan 2', Verdana, sans-serif;
}
html .page_interieure #header {
  padding: 1.9em 0 0.1em;
}
html .page_interieure #header:after {
  background-size: 110% 50px, 100% auto;
  background-position: 48% bottom , center;
}
html .page_interieure #header .spip_logo {
  width: 8%;
}
html .page_interieure .grosurtit {
  text-align: center;
  font-size: 1.9em;
  color: #ef4036;
  margin-bottom: -1em;
}
html .page_interieure h1.grotit,
html .page_interieure h2.tit {
  color: #555555;
  font-weight: 500;
  font-style: normal;
  line-height: 1.2;
  text-align: center;
  text-transform: none;
  font-size: 3.1em;
  margin-top: .7em;
}
html .page_interieure h1.grotit::after,
html .page_interieure h2.tit::after {
  display: block;
  height: 4px;
  overflow: hidden;
  width: 140px;
  background-color: #ef4036;
  content: " ";
  text-align: center;
  margin: 20px auto;
}
html .page_interieure .chapo {
  margin-bottom: 4em;
  margin-top: 3em;
}
html .page_interieure .texte {
  font-size: 1.3em;
  font-family: 'Baloo Chettan 2', Verdana, sans-serif;
}
/* ------ PAGES INTERIEURES  ------ */
.contenu .breadcrumb {
  padding: 2px 0 5px;
  list-style: none;
  line-height: 30px;
  text-align: left;
}
.contenu .breadcrumb > li,
.contenu .breadcrumb > a {
  float: left;
  padding-right: 10px;
  line-height: 30px;
}
.chemin {
  margin-bottom: 4.1em;
  border-bottom: 1px solid #eee;
  padding-bottom: 0.4em;
}
.cartouche {
  overflow: hidden;
  width: 100%;
}
.cartouche .spip_logos,
.hero-unit .spip_logos,
.entry-title .spip_logos {
  margin: 60px 0px 11px 19px;
}
h2.grotit {
  background-color: #ef4036;
  display: inline-table;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0.4em 0.8em;
  font-size: 1.9em;
  color: #fff;
}
/* ------ PAGE ARTICLE ------ */
html .page_interieure h2.tit {
  margin-left: 0;
  margin-right: 0;
}
html .page_interieure .chapo,
html .page_interieure .texte {
  margin-bottom: 2em;
}
html .page_interieure .contenu .owl-theme .owl-nav .owl-prev,
html .page_interieure .contenu .owl-theme .owl-nav .owl-next {
  top: 34%;
  width: 1em;
}
/* ------ PAGE SITE ------ */
.page_site .article .chapo {
  font-size: 1.4em;
}
.page_site .apercu {
  padding: 1em 0;
  text-align: center;
}
.page_site .apercu a {
  border: 0px solid #e8e8e8;
  margin: 1em auto;
  display: block;
  padding-top: 10em;
  padding-bottom: 10em;
  cursor: pointer;
  background-color: #fff9f4;
}
.page_site .apercu a:hover {
  background-color: #f5f5f5;
}
.page_site .owl-theme .owl-item img {
  max-height: 100%;
}
/* ------ PAGE TYPE LISTE ------ */
html .page_interieure .page_type_liste .chapo {
  font-size: 1.27em;
  line-height: 1.6em;
}
html .page_interieure .page_type_liste .chapo .col-sm-12 {
  text-align: center;
}
html .page_interieure .page_type_liste .chapo.surlignable strong {
  color: #000;
}
html .page_interieure .page_type_liste .entouretit {
  border-bottom: 1px solid #e8e8e8;
  position: relative;
  margin-top: 5em;
  margin-bottom: 3em;
}
html .page_interieure .page_type_liste .entouretit h2.grotit {
  position: absolute;
  bottom: -1.7em;
  font-size: 1.5em;
  left: 50%;
  transform: translate(-50%);
}
.controls {
  text-align: center;
  margin: 0 auto;
}
.controls .control {
  border: 0 solid #fff;
  border-radius: 3px;
  margin: 0 7px;
  padding: 4px 11px 3px;
  border-bottom: 3px solid #555555;
  transition: .5s;
}
.controls .control:hover {
  background: #fff;
}
.controls .bd-vert {
  border-color: #6fbd47;
}
.controls .bd-jaune {
  border-color: #f0b214;
}
.controls .bd-orange {
  border-color: #ef4036;
}
.controls .bd-turquoise {
  border-color: #00bedf;
}
.liste-items {
  line-height: 1.2em;
}
.liste-items h3.spip {
  margin: 0 0 .4em;
  padding: 0;
  display: table;
  width: 100%;
}
.liste-items h3.spip a {
  color: #7d7c7c;
  font-family: 'Baloo Chettan 2', Verdana, sans-serif, sans-serif;
  margin: 0 10px;
  padding-top: 5px;
  text-rendering: optimizelegibility;
  display: table-cell;
  width: 100%;
  clear: both;
}
.liste-items .cnt {
  text-align: left;
  color: #000;
}
.liste-items h3.spip a:hover {
  background: transparent;
}
.liste-items .item {
  color: #777;
  font-size: 14px;
  line-height: 20px;
  margin-top: 50px;
  margin-bottom: 10px;
  padding: 0;
  overflow: hidden;
  text-align: center;
  transition-delay: 0s;
  transition-duration: 0.5s;
  transition-property: background;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  z-index: 1000;
}
.liste-items .item p {
  margin-bottom: 1em;
}
.liste-items .item strong {
  -o-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.liste-items .item .label {
  margin: 0em 0 0.6em ;
  font-size: 56%;
  font-weight: 500;
}
.liste-items.col-sm-3 .item {
  height: 20em;
}
.liste-items.col-sm-3 .item h3.spip .bloc {
  padding: 0 1em;
}
.liste-grille h3.spip {
  font-size: 22px;
  font-weight: 700;
}
.liste-grille h3.spip a {
  font-size: 22px;
  font-weight: 400;
  padding-top: 5px;
  text-align: center;
  height: 103px;
  vertical-align: middle;
}
.liste-grille .cnt {
  color: #666;
  padding: 10px 20px;
}
.liste-grille .item {
  background-color: #FFF;
  box-shadow: #aaa 0px 7px 24px 0px;
  height: 362px;
  min-height: 1px;
  min-width: 75%;
  max-width: 100%;
  line-height: 20px;
  text-align: center;
  z-index: 1000;
}
.liste-grille .mix h3 .bloc {
  padding: 0 5%;
}
.liste-strate h3.spip a {
  margin: 0 0 .3em;
  font-size: 37px;
  font-weight: 400;
  color: #000;
  padding: 0 0 8px;
  text-align: left;
  transform: scaleX(97%);
  transform-origin: left;
}
.liste-strate h3.spip a .label-bleu {
  color: #00969c;
}
.liste-strate h3.spip a .label-vert {
  color: #6fbd47;
}
.liste-strate h3.spip a .label-orange {
  color: #ef4036;
}
.liste-strate h3.spip a .label {
  display: table;
  margin-bottom: 1.3em;
  background: transparent;
  vertical-align: top;
  padding: 0;
  border-radius: 0;
  margin-top: 0;
}
.liste-strate h3.spip a .label:before {
  content: "/// ";
  font-weight: 300;
  margin-right: 0.3em;
}
.liste-strate .cnt {
  font-size: 17px;
}
.liste-strate .lls,
.liste-strate .liendirect {
  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;
  background: #ef4036;
  padding: 0.2em 0.6em 0.3em;
  color: #fff;
  display: inline-block;
  margin: 1.3em 0.7em 0 0;
  font-weight: 400;
  font-size: .9em;
  transition: all 1s;
  float: left;
}
.liste-strate .lls:focus,
.liste-strate .liendirect:focus,
.liste-strate .lls:active:focus,
.liste-strate .liendirect:active:focus,
.liste-strate .lls.active:focus,
.liste-strate .liendirect.active:focus,
.liste-strate .lls.focus,
.liste-strate .liendirect.focus,
.liste-strate .lls:active.focus,
.liste-strate .liendirect:active.focus,
.liste-strate .lls.active.focus,
.liste-strate .liendirect.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.liste-strate .lls:hover,
.liste-strate .liendirect:hover,
.liste-strate .lls:focus,
.liste-strate .liendirect:focus,
.liste-strate .lls.focus,
.liste-strate .liendirect.focus {
  color: #ffffff;
  text-decoration: none;
}
.liste-strate .lls:active,
.liste-strate .liendirect:active,
.liste-strate .lls.active,
.liste-strate .liendirect.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);
}
.liste-strate .lls.disabled,
.liste-strate .liendirect.disabled,
.liste-strate .lls[disabled],
.liste-strate .liendirect[disabled],
fieldset[disabled] .liste-strate .lls,
fieldset[disabled] .liste-strate .liendirect {
  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;
}
.liste-strate .lls:hover,
.liste-strate .liendirect:hover {
  background: #82110a;
}
/* ------ PAGE TYPE MOT ------ */
/* ================ OUTILS JS ================= */
/* Mediabox */
#cboxContent .adroite {
  margin: 10px;
}
#cboxContent .spip_logos {
  margin: 0px 25px 10px 10px;
}
#cboxContent h3.spip {
  font-size: 30px;
}
/* Lazyload */
.tmp_lazy {
  background-image: url('https://c-real.fr/sites/c-real.fr/local/cache-gd2/ff/7423713539c6b4e323d4823673dd1c.gif?1737134246');
  background-size: cover;
  background-position: center;
  display: inline-block;
  overflow: hidden;
}
.mix .item img,
img {
  transition: opacity 1s;
  max-width: 100%;
}
.mix .item img.lazy,
img.lazy {
  opacity: 0;
}
.mix .item img.loaded,
img.loaded {
  opacity: 1;
}
.mix .item img:not([src]),
img:not([src]) {
  visibility: hidden;
}
/* ========================== BOITE A OUTILS ========================== */
.bloc {
  display: block;
  overflow: hidden;
  zoom: 1;
}
.row {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 60px);
}
.container .row {
  overflow: visible;
}
.invisible {
  display: none;
}
.gras,
b,
strong {
  font-weight: 600 !important;
}
.italic,
i,
em {
  font-style: italic !important;
}
.majuscules {
  font-variant: small-caps;
  color: #5497e2;
}
.margegauche {
  margin-left: 10px;
}
.large {
  width: 100%;
}
.droite {
  float: right;
}
.relative {
  position: relative;
}
.rouge {
  color: #be1e2d;
}
.noir {
  color: #000;
}
.gris {
  color: #555555;
}
.orange {
  color: #ef4036;
}
.blanc {
  color: #fff;
}
.grischaud {
  color: #645c59;
}
.bgblanc {
  background: #fff;
}
.sardine {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  border: 0 !important;
}
.alert {
  display: block;
  border: 2px solid #d61b2c;
  padding: 5px 0px ;
  margin: 10px auto 0px;
  text-transform: uppercase;
  font: bold 1em Arial, Helvetica, sans-serif;
  color: #fff;
  text-align: center;
  width: 680px;
  background: #ff7602;
}
@media screen and (max-width: 1365px) {
  .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;
  }
  #footer #pied,
  .footer #pied {
    margin-top: 1.5em;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
  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;
  }
}
@media screen and (min-width: 992px) {
  #header ul li:hover ul,
  .nav-collapse ul li:hover ul {
    display: block;
  }
  /*  */
  .page_videos .liste-videos .tit {
    min-height: 4.4em;
  }
  .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;
    padding: 3.4em 0 1.5em;
  }
  #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%;
  }
  #footer #pied #infolettre .text,
  .footer #pied #infolettre .text {
    text-align: center;
  }
  #footer .grotit,
  .footer .grotit {
    margin-top: 1.4em;
    font-size: 2em;
  }
  /*  */
  .page_site body .owl-next,
  .page_site body .owl-prev {
    display: none;
  }
  .page_site body #myCarousel.apercu {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
  }
  .page_site body #myCarousel.apercu a {
    padding: 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;
  }
  .content .margesup {
    width: 94vw;
  }
  .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;
    margin: 0;
  }
  .frise .carreblanc {
    padding: 1em 1em 0;
  }
  /*  */
  .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;
  }
  .content h2 {
    margin: 0;
  }
  .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;
  }
  .page_recherche .page .content .page_type_liste #intro .grotit {
    font-size: 2.2em;
  }
  .page_recherche .page .content .page_type_liste #formulaire_recherche2 {
    margin-top: 0;
    padding: 1em 0;
  }
  .page_recherche .page .content .page_type_liste #formulaire_recherche2 form {
    text-align: center;
  }
  .page_recherche .page .content .page_type_liste #formulaire_recherche2 form .saisie_input {
    margin: 0 0 1.1em;
    width: 90%;
  }
  .page_recherche .page .content .page_type_liste #formulaire_recherche2 form .saisie_input .text {
    text-align: center;
    margin: 0 0;
  }
  .page_recherche .page .content .page_type_liste #formulaire_recherche2 form .submit {
    margin: 0;
  }
  .page_recherche .page .content .page_type_liste #bicolonnes .liste-items .item .cnt {
    min-height: 12em;
  }
  /*  */
  /*  */
  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 .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://c-real.fr/spip33/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: #ee3328;
    color: #fff;
    width: 100%;
    padding-top: .7em;
    padding-bottom: .7em;
    border: 0 solid #ef4036;
  }
  #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: #ee3328;
    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: #e8e8e8;
    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 #partenaires img,
  .footer #partenaires img {
    margin: 16px auto 10px;
    max-width: 45%;
  }
  #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 #777777;
  }
  /*  */
  .page_sommaire .content #myCarousel {
    margin: 0;
  }
  .page_sommaire .content #myCarousel .item {
    margin: 0;
    height: 100vw;
    overflow: hidden;
  }
  .page_sommaire .content #myCarousel .item .logo {
    overflow: hidden;
    display: block;
  }
  .page_sommaire .content #myCarousel .item .logo img {
    max-width: inherit;
    height: calc(100vh - 170px);
    width: 100%;
    object-fit: cover;
    object-position: center center;
  }
  .page_sommaire .content #myCarousel .item .legende {
    width: 90%;
    padding: 2% 0% 25%;
    background-color: transparent;
    font-size: .8em;
    margin: 0 5% 5vw;
  }
  .page_sommaire .content #myCarousel .item .legende .surtit {
    margin: 0 auto;
    display: table;
    max-width: 80%;
    font-size: 1.4em;
  }
  .page_sommaire .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;
  }
  .page_sommaire .content #myCarousel .item .legende .soustit {
    margin-top: -0.5em;
    max-width: 95%;
  }
  .page_sommaire .content #myCarousel .item .legende .desc,
  .page_sommaire .content #myCarousel .item .legende .btn {
    display: none;
  }
  .page_sommaire .content #myCarousel .owl-nav {
    display: none;
  }
  .page_sommaire .content .banniere_une {
    height: 20vw !important;
    margin-bottom: 0;
  }
  /*  */
  .contenu #coldroite .grotit,
  .contenu .asidedroite .grotit {
    text-align: center;
  }
  .page .content {
    margin-top: 3.2em;
  }
  .page .content .contenu {
    padding-top: 0.5em;
  }
  .page .content .contenu .chemin {
    font-size: 1.2em;
    line-height: 100%;
    width: 100%;
  }
  .page .content .contenu .bloctit,
  .page .content .contenu #intro,
  .page .content .contenu .intro {
    margin-top: 0;
    margin-bottom: 1.1em;
  }
  .page .content .contenu .bloctit .grotit,
  .page .content .contenu #intro .grotit,
  .page .content .contenu .intro .grotit {
    font-size: 2.2em;
    margin-top: .2em;
  }
  .page .content .contenu h3.spip {
    font-size: 1.5em;
    text-align: center;
    line-height: 1.1em;
    padding-bottom: 0.9em;
    margin-bottom: 1.2em;
  }
  .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 #lireaussi .liste-items .item {
    margin-bottom: 2em;
    padding-bottom: 0.7em;
  }
  /*  */
  body .content .contenu.page_type_liste .laliste select {
    height: 2.1em;
    width: 50vw;
  }
  body .content .contenu.page_type_liste #laliste .filtre,
  body .content .contenu.page_type_liste .laliste .filtre {
    margin: 0 -4% 2em;
    padding: 0.6em 1em;
    text-align: center;
    font-weight: 300;
    width: inherit;
  }
  body .content .contenu.page_type_liste #laliste .filtre .intro,
  body .content .contenu.page_type_liste .laliste .filtre .intro {
    color: #000;
    font-size: 1em;
    font-weight: 400;
    border-bottom-width: 3px;
  }
  body .content .contenu.page_type_liste #laliste .filtre a,
  body .content .contenu.page_type_liste .laliste .filtre a {
    margin: 0 0.2em;
    color: #ef4036;
  }
  body .content .contenu.page_type_liste #laliste .filtre .titselect,
  body .content .contenu.page_type_liste .laliste .filtre .titselect {
    padding: 0.8em 1em 0.4em;
    width: 38vw;
  }
  body .content .contenu.page_type_liste #laliste .filtre .select-design,
  body .content .contenu.page_type_liste .laliste .filtre .select-design {
    width: 90vw;
  }
  body .content .contenu.page_type_liste #bicolonnes #intro .grotit,
  body .content .contenu.page_type_liste #bicolonnes .intro .grotit {
    margin: 0.6em 0;
  }
  body .content .contenu.page_type_liste #bicolonnes #intro .chapo,
  body .content .contenu.page_type_liste #bicolonnes .intro .chapo {
    margin-bottom: 0.2em;
  }
  body .content .contenu.page_type_liste #bicolonnes #laliste .grotit,
  body .content .contenu.page_type_liste #bicolonnes .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 .contenu.page_type_liste #bicolonnes #laliste .grotit::before,
  body .content .contenu.page_type_liste #bicolonnes .laliste .grotit::before {
    content: none;
  }
  body .content .contenu.page_type_liste #bicolonnes #laliste .grotit::before,
  body .content .contenu.page_type_liste #bicolonnes .laliste .grotit::before {
    content: none;
  }
  body .content .contenu.page_type_liste #bicolonnes .liste-items .item .surtit {
    line-height: 123%;
    font-size: .5em;
  }
  body .content .contenu.page_type_liste #bicolonnes .liste-items .item .tit {
    width: 100%;
    float: none;
    margin-bottom: 0.4em;
  }
  body .content .contenu.page_type_liste #bicolonnes .liste-items .item .cnt {
    overflow: hidden;
  }
  body .content .contenu.page_type_liste #bicolonnes .liste-items .item .date-pub,
  body .content .contenu.page_type_liste #bicolonnes .liste-items .item .date-modif {
    font-size: .9em;
  }
  body .content .contenu.page_type_liste #bicolonnes .liste-items .item .boutons {
    bottom: inherit;
    top: 144px;
  }
  body .content .contenu.page_type_liste #bicolonnes .liste-items .item .boutons .btn {
    margin: 0 0 0.6em;
  }
  body .content .contenu.page_type_liste #bicolonnes .liste-items .item .boutons .addthis_toolbox {
    width: 100%;
  }
  body .content .contenu.page_type_liste #bicolonnes .liste-items .item .boutons .addthis_toolbox .btn {
    margin-bottom: .8em;
  }
  body .content .contenu.page_type_liste #bicolonnes .liste-items .item .boutons .addthis_toolbox .btn:last-of-type {
    margin-bottom: .2em;
  }
  body .content .contenu.page_type_liste #bicolonnes .liste-items .item .entourelogo {
    min-height: 130px;
  }
  body .content .contenu.page_type_liste #bicolonnes .liste-items .item .entourelogo .spip_logo {
    height: 130px;
    margin-left: -30%;
    width: auto;
  }
  body .content .contenu.page_type_liste #bicolonnes .liste-items .col-sm-12:last-of-type {
    margin-bottom: 0;
  }
  body .content .contenu.page_type_liste #bicolonnes .asidedroite {
    margin-top: 0em;
  }
  body .content .contenu.page_type_liste #bicolonnes .asidedroite > .row {
    margin-left: 0;
    margin-right: 0;
  }
  body .content .contenu.page_type_liste #bicolonnes .asidedroite .grotit {
    margin: 0 auto 1em;
  }
  body .content .contenu.page_type_liste #bicolonnes .asidedroite .row {
    margin-left: 0;
  }
  body .content .contenu.page_type_liste #bicolonnes .asidedroite #pubcarre {
    padding-bottom: 0;
  }
  body .content .contenu.page_type_liste #bicolonnes .asidedroite #pubcarre .item {
    margin: 0 auto 1em;
    border: 0;
  }
  /*  */
  .page_recherche .content .contenu.page_type_liste #bicolonnes #intro .grotit {
    margin: 0;
    font-size: 2em;
  }
  .page_recherche .content .contenu.page_type_liste #bicolonnes #laliste .grotit,
  .page_recherche .content .contenu.page_type_liste #bicolonnes .laliste .grotit {
    font-size: 1.5em;
    border-bottom: 3px solid #ef4036;
    font-weight: 500;
    margin-bottom: .9em;
  }
  /*  */
  /*  */
  .page_auteur body #contenu h4.spip {
    font-size: 1.3em;
  }
  .page_auteur body #contenu .btn {
    font-size: 1em;
  }
  .depliantbas {
    display: none;
  }
  /*  */
  .page_compte .page .content .contenu #intro .grotit {
    font-size: 2.1em;
  }
  body #contenu .grosboutons {
    width: auto;
  }
  body #contenu .grosboutons .grosbouton {
    min-height: calc(45vw + 20px);
    margin-bottom: 1em;
    font-size: 15px;
  }
  body #contenu .grosboutons .grosbouton .ico,
  body #contenu .grosboutons .grosbouton svg {
    top: 2em;
  }
  body #contenu .grosboutons .grosbouton .legende .titit {
    font-size: 1.1em;
    margin: .2em 0.5em;
  }
  .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.page_type_liste #bicolonnes .liste-items .item .offre_prix,
  .page_abonnement .content #contenu.page_type_liste #bicolonnes .liste-items .item .offre_prix {
    margin-left: -40vw;
  }
  .page_compte .content #contenu.page_type_liste #bicolonnes .liste-items .item .offre_prix,
  .page_abonnement .content #contenu.page_type_liste #bicolonnes .liste-items .item .offre_prix {
    margin-top: -1px;
  }
  .page_compte .content #contenu .offre_paiement,
  .page_abonnement .content #contenu .offre_paiement {
    padding: 0.6em .1em 0.2em;
    display: block;
    overflow: hidden;
    width: 90vw;
    position: relative;
    left: -40vw;
    top: 0.7em;
  }
  .page_compte .content #contenu .offre_paiement ul,
  .page_abonnement .content #contenu .offre_paiement ul {
    margin-top: 0.3em;
    padding-left: 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 .content .chapo {
    padding: 0 0 .5em;
  }
  .page_panier .page .content .formulaire_panier {
    margin-left: -30px;
    margin-right: -30px;
  }
  .page_panier .page .content .formulaire_panier .description p {
    margin: 0;
  }
  .page_panier .page .content .formulaire_panier button.submit {
    padding: 0.4em 5.2%;
  }
  .page_panier .page .content .formulaire_panier button.submit.recalcul {
    float: right;
  }
  .page_panier .page .content .btn {
    padding: 0.2em 4% .2em;
    float: none;
  }
  /*  */
  .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: 61px;
    left: 2vw;
    top: inherit;
  }
  body .spip-admin-float .spip-admin-boutons {
    border-radius: 0;
  }
  .addthis_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 #myCarousel .owl-prev {
    width: 55px;
  }
}
@media screen and (min-width: 480px) {
  .contenu .formulaire_spip {
    padding-bottom: 1.5em;
  }
  .contenu .formulaire_newsletter_subscribe3 {
    background-color: #ef4036;
  }
  .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 .editer-groupe .editer {
    margin-bottom: 0;
  }
  .contenu .formulaire_newsletter_subscribe3 form .boutons {
    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 .boutons .submit {
    width: 100%;
  }
  .page_type_liste .item-produit .tit {
    min-height: 3.8em;
  }
}
@media screen and (min-width: 992px) {
  #sites .item,
  #video .item,
  .liste-sites .item {
    padding: 0;
    margin-top: 8em;
    margin-bottom: 6em;
    transition: .5s;
  }
  #sites .item:hover,
  #video .item:hover,
  .liste-sites .item:hover {
    margin-top: 6em;
    margin-bottom: 8em;
  }
  #sites .desctit,
  #video .desctit,
  .liste-sites .desctit {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    height: 5em;
    overflow: hidden;
    width: 100%;
  }
  #sites h3.spip,
  #video h3.spip,
  .liste-sites h3.spip {
    padding: 0 1vw;
    width: 98%;
  }
  #sites h3.spip a,
  #video h3.spip a,
  .liste-sites h3.spip a {
    height: 60px;
  }
  #sites h3.spip .bloc,
  #video h3.spip .bloc,
  .liste-sites h3.spip .bloc {
    line-height: 113%;
    color: #000;
  }
  #sites .cnt,
  #video .cnt,
  .liste-sites .cnt {
    display: none;
  }
  /* ------ LISTES ------ */
  .liste-grille .mix .item .itemlogo {
    display: block;
    overflow: hidden;
    height: 68%;
    transition-property: all;
  }
  .liste-grille .mix .item .itemlogo .tmp_lazy {
    transition-duration: .5s;
    position: relative;
    top: -0.1px;
  }
  .liste-grille .mix .item .cnt {
    padding: 19px 27px;
  }
  .liste-grille .mix .item h3 {
    transition-property: all;
  }
  .liste-grille .mix .item h3 .bloc {
    padding: 0 8%;
  }
  .liste-grille .mix .item:hover {
    transition-property: background, height, margin-top;
    position: absolute;
    z-index: 2000;
    height: 702px;
    top: 0;
    left: 0;
    margin-left: 30px;
    margin-right: 30px;
  }
  .liste-grille .mix .item:hover h3.spip {
    margin-bottom: 0;
  }
  .liste-grille .mix .item:hover .liendirect:hover {
    text-decoration: underline;
  }
  .liste-grille .mix .item:hover a,
  .liste-grille .mix .item:hover p,
  .liste-grille .mix .item:hover h3,
  .liste-grille .mix .item:hover div {
    background: transparent;
  }
  .liste-grille .mix .item:hover .itemlogo {
    height: 0;
  }
  .liste-grille .mix .item:hover .itemlogo .tmp_lazy {
    top: -60px;
  }
  .liste-grille .mix .item:hover h3 .bloc {
    margin-top: .3em;
    font-size: 1.2em;
    line-height: 1.1em;
    color: #222;
    font-weight: 500;
  }
  .liste-grille .mix .item:hover h3 .label {
    font-size: 66%;
  }
  .liste-grille .mix .item:hover .cnt {
    font-size: 1.3em;
    line-height: 1.45em;
  }
  .liste-strate .item {
    padding-bottom: 2.6em;
    margin-left: -30px;
    margin-right: -30px;
  }
  .liste-strate .item .itemlogo {
    position: relative;
    min-height: 1px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .liste-strate .item .desctit {
    position: relative;
    min-height: 1px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .liste-strate div:nth-of-type(odd) .item {
    display: flex;
    flex-direction: row-reverse;
  }
  .liste-grille .col-sm-3 .item {
    height: 297px;
  }
  .liste-grille .col-sm-3 .item:hover {
    height: 660px;
  }
  html:not(.page_prepa_sommaire) .page_interieure #header {
    padding: 2.8em 0 0.1em;
  }
  .page_type_liste .chapo .col-sm-12 {
    margin-left: auto;
    margin-right: auto;
    width: 75%;
  }
  .page_type_liste .chapo.surlignable strong {
    padding-bottom: 0.3em;
  }
  .page_type_liste .chapo p {
    margin-bottom: 1.2em;
  }
  .page_type_liste .entouretit {
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    margin-top: 5em;
    margin-bottom: 3em;
  }
  .page_type_liste .entouretit h2.grotit {
    position: absolute;
    bottom: -1.7em;
    font-size: 1.5em;
    left: 50%;
    transform: translate(-50%);
  }
  .page_type_liste .liste-items {
    min-width: 100%;
  }
  .page_type_liste .article .liste-items h3.spip a {
    padding: .5em 1em 1em;
  }
  /* ------ PAGE MOTS ------ */
  .page_mot .chapo {
    margin-top: 0;
  }
  .page_mot .chapo .col-sm-12 {
    width: 85%;
  }
  .page_mot .mix.col-sm-3 .item:hover {
    height: 570px;
  }
}
@media screen and (min-width: 992px) and (min-width: 768px) {
  .liste-strate .item .itemlogo {
    float: left;
    width: 33.33333333%;
  }
}
@media screen and (min-width: 992px) and (min-width: 768px) {
  .liste-strate .item .desctit {
    float: left;
    width: 66.66666667%;
  }
}
@media screen and (min-width: 1366px) {
  .liste-grille .mix .item:hover {
    height: 784px;
  }
  .liste-grille .mix:nth-last-of-type(1) .item:hover,
  .liste-grille .mix:nth-last-of-type(2) .item:hover,
  .liste-grille .mix:nth-last-of-type(3) .item:hover {
    margin-top: -372px;
  }
  .page_mot .mix.col-sm-3 .item .itemlogo {
    height: 58%;
  }
  .page_mot .mix.col-sm-3 .item:hover {
    height: 654px;
  }
  .page_mot .mix.col-sm-3 .item:hover .itemlogo {
    height: 0;
  }
}
@media screen and (min-width: 1600px) {
  #header {
    padding: 8.6em 0;
  }
}
@media screen and (min-width: 1900px) {
  #header {
    padding: 11.3em 0;
  }
}
@media screen and (max-width: 1365px) {
  .owl-next,
  .owl-prev {
    margin: 3.6em 0;
  }
  .mix .item:hover {
    min-width: inherit;
  }
}
@media screen and (max-width: 1280px) {
  #header {
    padding: 5.6em 0;
  }
}
@media screen and (max-width: 768px) {
  body {
    padding: 0;
  }
  /*
		sur smartphone, un phrase peut vite prendre plusieur ligne,
		et un simple retour à la ligne devra être intervprété comme un saut de paragraphe.
	*/
  .manualbr {
    line-height: 190%;
    vertical-align: top;
  }
  .lead {
    line-height: 138%;
    margin-top: 1em;
  }
  .lead .dbfleches {
    content: url('//c-real.fr/sites/c-real.fr/local/cache-css/');
    width: 15px;
    display: block;
    text-align: center;
    margin: .9em auto 0;
  }
  .page_sommaire .container > .row {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
  .liste-items {
    min-width: 100%;
  }
  .liste-items .item {
    margin-bottom: 0;
    height: auto;
    padding-bottom: 20px;
  }
  .liste-items h3.spip a {
    padding: 0 1vw 5px;
  }
  #header {
    padding: 11.6em 0;
  }
  .btnproduit {
    padding: 2em 0em 2em;
    margin: 1%;
    width: 48%;
  }
  #qfn {
    padding-bottom: 20vw;
  }
  #sites {
    padding-top: 6vw;
  }
}
@media screen and (max-width: 667px) {
  #nav {
    display: none;
  }
  #header {
    padding: 1.3em 0;
  }
  .page_sommaire {
    text-align: center;
  }
  .page_sommaire #header {
    margin-bottom: 4vw;
    height: 90vh;
    padding: 0;
  }
  .page_sommaire #header .container {
    padding-left: 5vw;
    padding-right: 5vw;
    margin: 9vh 0;
    width: 100%;
  }
  .page_sommaire #header::after {
    background-size: 103% ,cover;
  }
  /* ---- Accueil ---- */
  .btnproduit {
    padding: 2em 0em 2em;
    margin: 1%;
    width: 98%;
  }
  html #sites .item,
  html #video .item {
    height: 110vw;
    padding-top: 115px;
    margin-top: 0;
  }
  html #sites .descriptif,
  html #video .descriptif {
    margin: 0.9em 5% 4em;
    line-height: 138%;
  }
  html #sites h3.spip a,
  html #video h3.spip a {
    margin: 0;
  }
  html #sites h3.spip .bloc,
  html #video h3.spip .bloc {
    font-size: 1em;
  }
  html #sites .desctit.adroite,
  html #video .desctit.adroite {
    padding: 0 5vw;
    background-color: transparent;
  }
  html #sites .owl-theme .owl-nav .owl-next,
  html #video .owl-theme .owl-nav .owl-next,
  html #sites .owl-theme .owl-nav .owl-prev,
  html #video .owl-theme .owl-nav .owl-prev {
    top: 40vw;
    font-size: 3.5em;
    height: 45px;
  }
  html #sites .carousel,
  html #video .carousel {
    margin-bottom: 4em;
  }
  html a.llsrub {
    width: 100%;
  }
  .owl-carousel {
    overflow: visible;
  }
  .owl-carousel .owl-stage-outer {
    overflow: visible;
  }
  .owl-carousel .owl-dots {
    display: none;
  }
  /* ---- Listes ---- */
  .liste-grille h3.spip a {
    font-size: 26px;
    padding-top: 10px;
  }
  .liste-items .lls,
  .liste-items .liendirect {
    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;
    background: #ef4036;
    padding: 0.2em 0.6em 0.3em;
    color: #fff;
    display: inline-block;
    margin: 1.3em 0.7em 0 0;
    font-weight: 400;
    font-size: .9em;
    transition: all 1s;
    display: table;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.1em;
  }
  .liste-items .lls:focus,
  .liste-items .liendirect:focus,
  .liste-items .lls:active:focus,
  .liste-items .liendirect:active:focus,
  .liste-items .lls.active:focus,
  .liste-items .liendirect.active:focus,
  .liste-items .lls.focus,
  .liste-items .liendirect.focus,
  .liste-items .lls:active.focus,
  .liste-items .liendirect:active.focus,
  .liste-items .lls.active.focus,
  .liste-items .liendirect.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  .liste-items .lls:hover,
  .liste-items .liendirect:hover,
  .liste-items .lls:focus,
  .liste-items .liendirect:focus,
  .liste-items .lls.focus,
  .liste-items .liendirect.focus {
    color: #ffffff;
    text-decoration: none;
  }
  .liste-items .lls:active,
  .liste-items .liendirect:active,
  .liste-items .lls.active,
  .liste-items .liendirect.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);
  }
  .liste-items .lls.disabled,
  .liste-items .liendirect.disabled,
  .liste-items .lls[disabled],
  .liste-items .liendirect[disabled],
  fieldset[disabled] .liste-items .lls,
  fieldset[disabled] .liste-items .liendirect {
    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;
  }
  .liste-items .lls:hover,
  .liste-items .liendirect:hover {
    background: #82110a;
  }
  /* ---- Page interieure ---- */
  html:not(.page_prepa_sommaire) .page_interieure .content .contenu h2.tit,
  html:not(.page_prepa_sommaire) .page_interieure .content .contenu .grotit {
    margin-top: 0;
    font-size: 2.3em;
    margin-bottom: 0.4em;
    line-height: 100%;
  }
  /* ---- Page type_contenu ---- */
  .apercu {
    padding: .1em 0;
  }
  .page_type_contenu .apercu .tit {
    border-width: 5px;
    padding: 0;
  }
  /* ---- Page type liste ---- */
  .page_type_liste .contenu .texte {
    width: auto;
    line-height: 1.37em;
  }
  .page_type_liste .contenu .texte p {
    margin-top: 0;
  }
  .controls .control {
    margin-bottom: 0.8em;
  }
}
@media screen and (max-width: 519px) {
  .owl-nav {
    margin: 0px;
  }
  .owl-nav .owl-next,
  .owl-nav .owl-prev {
    width: 15px;
    height: 30px;
    margin-top: -15px;
    top: 30%;
  }
  .owl-nav .owl-prev {
    left: -24px;
  }
  .owl-nav .owl-next {
    right: -24px;
  }
}
@media screen and (min-width: 386px) {
  .owl-nav .owl-next,
  .owl-nav .owl-prev {
    width: 55px;
  }
  html:not(.page_prepa_sommaire) .page_interieure {
    overflow: visible;
  }
}
@media screen and (max-width: 360px) {
  #header {
    padding: 2em 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
  .owl-next,
  .owl-prev {
    margin: 2.8em 0;
  }
  .liste-items .item {
    height: 284px;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1366px) {
  .liste-grille .mix .item .itemlogo {
    height: 63%;
  }
}