/*
#@sites/demo33.c-real.fr/local/cache-css/cssdyn-css_spip_css-f02923f7.css
*/
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&display=swap');
/* #PRODUIRE{fond=css/spip.css,lesenateur=39}
   md5:cdb173343b0d7eb0c2d3bec67a83731b */
/*  */
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 12%;
  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: #eb9e05;
  border-color: #d28d04;
}
.btn-defaut:focus,
.btn-defaut.focus {
  color: #ffffff;
  background-color: #b97c04;
  border-color: #553902;
}
.btn-defaut:hover {
  color: #ffffff;
  background-color: #b97c04;
  border-color: #966503;
}
.btn-defaut:active,
.btn-defaut.active,
.open > .dropdown-toggle.btn-defaut {
  color: #ffffff;
  background-color: #b97c04;
  border-color: #966503;
}
.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: #966503;
  border-color: #553902;
}
.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: #eb9e05;
  border-color: #d28d04;
}
.btn-defaut .badge {
  color: #eb9e05;
  background-color: #ffffff;
}
.btn-secondaire {
  color: #ffffff;
  background-color: #eb9e05;
  border-color: #d28d04;
}
.btn-secondaire:focus,
.btn-secondaire.focus {
  color: #ffffff;
  background-color: #b97c04;
  border-color: #553902;
}
.btn-secondaire:hover {
  color: #ffffff;
  background-color: #b97c04;
  border-color: #966503;
}
.btn-secondaire:active,
.btn-secondaire.active,
.open > .dropdown-toggle.btn-secondaire {
  color: #ffffff;
  background-color: #b97c04;
  border-color: #966503;
}
.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: #966503;
  border-color: #553902;
}
.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: #eb9e05;
  border-color: #d28d04;
}
.btn-secondaire .badge {
  color: #eb9e05;
  background-color: #ffffff;
}
.btn-vert {
  color: #ffffff;
  background-color: #32a515;
  border-color: #2b8e12;
}
.btn-vert:focus,
.btn-vert.focus {
  color: #ffffff;
  background-color: #24770f;
  border-color: #091d04;
}
.btn-vert:hover {
  color: #ffffff;
  background-color: #24770f;
  border-color: #1b580b;
}
.btn-vert:active,
.btn-vert.active,
.open > .dropdown-toggle.btn-vert {
  color: #ffffff;
  background-color: #24770f;
  border-color: #1b580b;
}
.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: #1b580b;
  border-color: #091d04;
}
.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: #32a515;
  border-color: #2b8e12;
}
.btn-vert .badge {
  color: #32a515;
  background-color: #ffffff;
}
.btn-jaune {
  color: #ffffff;
  background-color: #eb9e05;
  border-color: #d28d04;
}
.btn-jaune:focus,
.btn-jaune.focus {
  color: #ffffff;
  background-color: #b97c04;
  border-color: #553902;
}
.btn-jaune:hover {
  color: #ffffff;
  background-color: #b97c04;
  border-color: #966503;
}
.btn-jaune:active,
.btn-jaune.active,
.open > .dropdown-toggle.btn-jaune {
  color: #ffffff;
  background-color: #b97c04;
  border-color: #966503;
}
.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: #966503;
  border-color: #553902;
}
.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: #eb9e05;
  border-color: #d28d04;
}
.btn-jaune .badge {
  color: #eb9e05;
  background-color: #ffffff;
}
.btn-orange {
  color: #ffffff;
  background-color: #ff942b;
  border-color: #ff8711;
}
.btn-orange:focus,
.btn-orange.focus {
  color: #ffffff;
  background-color: #f77b00;
  border-color: #914800;
}
.btn-orange:hover {
  color: #ffffff;
  background-color: #f77b00;
  border-color: #d36900;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  color: #ffffff;
  background-color: #f77b00;
  border-color: #d36900;
}
.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: #d36900;
  border-color: #914800;
}
.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: #ff942b;
  border-color: #ff8711;
}
.btn-orange .badge {
  color: #ff942b;
  background-color: #ffffff;
}
.btn-rouge {
  color: #ffffff;
  background-color: #dc1e39;
  border-color: #c61b33;
}
.btn-rouge:focus,
.btn-rouge.focus {
  color: #ffffff;
  background-color: #af182d;
  border-color: #550c16;
}
.btn-rouge:hover {
  color: #ffffff;
  background-color: #af182d;
  border-color: #901425;
}
.btn-rouge:active,
.btn-rouge.active,
.open > .dropdown-toggle.btn-rouge {
  color: #ffffff;
  background-color: #af182d;
  border-color: #901425;
}
.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: #901425;
  border-color: #550c16;
}
.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: #dc1e39;
  border-color: #c61b33;
}
.btn-rouge .badge {
  color: #dc1e39;
  background-color: #ffffff;
}
.btn-bleu {
  color: #ffffff;
  background-color: #005977;
  border-color: #00465e;
}
.btn-bleu:focus,
.btn-bleu.focus {
  color: #ffffff;
  background-color: #003344;
  border-color: #000000;
}
.btn-bleu:hover {
  color: #ffffff;
  background-color: #003344;
  border-color: #001820;
}
.btn-bleu:active,
.btn-bleu.active,
.open > .dropdown-toggle.btn-bleu {
  color: #ffffff;
  background-color: #003344;
  border-color: #001820;
}
.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: #001820;
  border-color: #000000;
}
.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: #005977;
  border-color: #00465e;
}
.btn-bleu .badge {
  color: #005977;
  background-color: #ffffff;
}
.btn-violet {
  color: #ffffff;
  background-color: #a65ee3;
  border-color: #9a48df;
}
.btn-violet:focus,
.btn-violet.focus {
  color: #ffffff;
  background-color: #8e33db;
  border-color: #59198f;
}
.btn-violet:hover {
  color: #ffffff;
  background-color: #8e33db;
  border-color: #7c23c8;
}
.btn-violet:active,
.btn-violet.active,
.open > .dropdown-toggle.btn-violet {
  color: #ffffff;
  background-color: #8e33db;
  border-color: #7c23c8;
}
.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: #7c23c8;
  border-color: #59198f;
}
.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: #a65ee3;
  border-color: #9a48df;
}
.btn-violet .badge {
  color: #a65ee3;
  background-color: #ffffff;
}
.btn-blanc {
  color: #eb9e05;
  background-color: #ffffff;
  border-color: #f2f2f2;
  color: black;
}
.btn-blanc:focus,
.btn-blanc.focus {
  color: #eb9e05;
  background-color: #e6e6e6;
  border-color: #b3b3b3;
}
.btn-blanc:hover {
  color: #eb9e05;
  background-color: #e6e6e6;
  border-color: #d4d4d4;
}
.btn-blanc:active,
.btn-blanc.active,
.open > .dropdown-toggle.btn-blanc {
  color: #eb9e05;
  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: #eb9e05;
  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: #eb9e05;
}
.btn-petit {
  padding: 0.4em 0.6em;
  font-size: 15.3px;
  line-height: 1.5;
  border-radius: 0.4em;
}
.btn-moyen {
  padding: 0.4em 12%;
  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(89.58333333%);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .margesup {
    width: calc(73.95833333%);
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  .margesup {
    width: calc(79.83870967999999%);
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1280px) {
  .margesup {
    width: calc(84.375%);
    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: #eb9e05;
  color: #fff;
  padding: .2em 2.5%;
}
.titencadre a {
  color: #fff;
}
.pucecarre::before {
  content: "";
  width: 0.8em;
  height: 0.8em;
  display: inline-block;
  background-color: #eb9e05;
  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://ericbocquet.fr/squ/squelettes/css/bootstrapleger/fonts/bootstrap-icons.woff2?7141511ac37f13e1a387fb9fc6646256') format("woff2"), url('https://ericbocquet.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: #eb9e05;
}
.bg_site {
  background-color: #eb9e05;
}
.fill_site {
  fill: #eb9e05;
}
.stroke_site {
  stroke: #eb9e05;
}
.margebas {
  margin-bottom: 50px;
}
.filetbas {
  padding-bottom: 0.5em;
  margin-bottom: 1.4em;
  border-bottom: 1px solid #f0f1f2;
}
.filethaut {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #f0f1f2;
}
a.btn {
  color: #fff;
}
.btn-petit {
  font-size: .9em;
}
.btn-fleche:after {
  content: "\f285";
  font-family: 'bootstrap-icons';
  font-weight: 600;
  margin-left: 5px;
  font-size: .7em;
}
.boutons .submit,
.bouton .submit {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 0.4em 12%;
  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;
}
.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;
}
.btn-vert {
  color: #ffffff;
  background-color: #2b8e12;
  border-color: #2b8e12;
}
.btn-vert:focus,
.btn-vert.focus {
  color: #ffffff;
  background-color: #1d610c;
  border-color: #091d04;
}
.btn-vert:hover {
  color: #ffffff;
  background-color: #1d610c;
  border-color: #1b580b;
}
.btn-vert:active,
.btn-vert.active,
.open > .dropdown-toggle.btn-vert {
  color: #ffffff;
  background-color: #1d610c;
  border-color: #1b580b;
}
.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: #144108;
  border-color: #091d04;
}
.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: #2b8e12;
  border-color: #2b8e12;
}
.btn-vert .badge {
  color: #2b8e12;
  background-color: #ffffff;
}
.btn-bleu {
  color: #ffffff;
  background-color: #005977;
  border-color: #005977;
}
.btn-bleu:focus,
.btn-bleu.focus {
  color: #ffffff;
  background-color: #003344;
  border-color: #000000;
}
.btn-bleu:hover {
  color: #ffffff;
  background-color: #003344;
  border-color: #002b3a;
}
.btn-bleu:active,
.btn-bleu.active,
.open > .dropdown-toggle.btn-bleu {
  color: #ffffff;
  background-color: #003344;
  border-color: #002b3a;
}
.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: #001820;
  border-color: #000000;
}
.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: #005977;
  border-color: #005977;
}
.btn-bleu .badge {
  color: #005977;
  background-color: #ffffff;
}
.btn-rouge {
  color: #ffffff;
  background-color: #dc1e39;
  border-color: #dc1e39;
}
.btn-rouge:focus,
.btn-rouge.focus {
  color: #ffffff;
  background-color: #af182d;
  border-color: #6c0f1c;
}
.btn-rouge:hover {
  color: #ffffff;
  background-color: #af182d;
  border-color: #a6172b;
}
.btn-rouge:active,
.btn-rouge.active,
.open > .dropdown-toggle.btn-rouge {
  color: #ffffff;
  background-color: #af182d;
  border-color: #a6172b;
}
.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: #901425;
  border-color: #6c0f1c;
}
.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: #dc1e39;
  border-color: #dc1e39;
}
.btn-rouge .badge {
  color: #dc1e39;
  background-color: #ffffff;
}
.btn-jaune {
  color: #ffffff;
  background-color: #eb9e05;
  border-color: #eb9e05;
}
.btn-jaune:focus,
.btn-jaune.focus {
  color: #ffffff;
  background-color: #b97c04;
  border-color: #6e4a02;
}
.btn-jaune:hover {
  color: #ffffff;
  background-color: #b97c04;
  border-color: #af7604;
}
.btn-jaune:active,
.btn-jaune.active,
.open > .dropdown-toggle.btn-jaune {
  color: #ffffff;
  background-color: #b97c04;
  border-color: #af7604;
}
.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: #966503;
  border-color: #6e4a02;
}
.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: #eb9e05;
  border-color: #eb9e05;
}
.btn-jaune .badge {
  color: #eb9e05;
  background-color: #ffffff;
}
.btn-orange {
  color: #ffffff;
  background-color: #dd6e00;
  border-color: #dd6e00;
}
.btn-orange:focus,
.btn-orange.focus {
  color: #ffffff;
  background-color: #aa5500;
  border-color: #5e2f00;
}
.btn-orange:hover {
  color: #ffffff;
  background-color: #aa5500;
  border-color: #a05000;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  color: #ffffff;
  background-color: #aa5500;
  border-color: #a05000;
}
.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: #864300;
  border-color: #5e2f00;
}
.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: #dd6e00;
  border-color: #dd6e00;
}
.btn-orange .badge {
  color: #dd6e00;
  background-color: #ffffff;
}
.btn-rose {
  color: #ffffff;
  background-color: #ff5798;
  border-color: #ff5798;
}
.btn-rose:focus,
.btn-rose.focus {
  color: #ffffff;
  background-color: #ff2479;
  border-color: #d70053;
}
.btn-rose:hover {
  color: #ffffff;
  background-color: #ff2479;
  border-color: #ff1a72;
}
.btn-rose:active,
.btn-rose.active,
.open > .dropdown-toggle.btn-rose {
  color: #ffffff;
  background-color: #ff2479;
  border-color: #ff1a72;
}
.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: #ff0063;
  border-color: #d70053;
}
.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: #ff5798;
  border-color: #ff5798;
}
.btn-rose .badge {
  color: #ff5798;
  background-color: #ffffff;
}
.btn-violet {
  color: #ffffff;
  background-color: #a65ee3;
  border-color: #a65ee3;
}
.btn-violet:focus,
.btn-violet.focus {
  color: #ffffff;
  background-color: #8e33db;
  border-color: #661da5;
}
.btn-violet:hover {
  color: #ffffff;
  background-color: #8e33db;
  border-color: #892ada;
}
.btn-violet:active,
.btn-violet.active,
.open > .dropdown-toggle.btn-violet {
  color: #ffffff;
  background-color: #8e33db;
  border-color: #892ada;
}
.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: #7c23c8;
  border-color: #661da5;
}
.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: #a65ee3;
  border-color: #a65ee3;
}
.btn-violet .badge {
  color: #a65ee3;
  background-color: #ffffff;
}
.btn-gris {
  color: #ffffff;
  background-color: #b3b3b3;
  border-color: #b3b3b3;
}
.btn-gris:focus,
.btn-gris.focus {
  color: #ffffff;
  background-color: #999999;
  border-color: #737373;
}
.btn-gris:hover {
  color: #ffffff;
  background-color: #999999;
  border-color: #949494;
}
.btn-gris:active,
.btn-gris.active,
.open > .dropdown-toggle.btn-gris {
  color: #ffffff;
  background-color: #999999;
  border-color: #949494;
}
.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: #878787;
  border-color: #737373;
}
.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: #b3b3b3;
  border-color: #b3b3b3;
}
.btn-gris .badge {
  color: #b3b3b3;
  background-color: #ffffff;
}
.btn-grisLight {
  color: #ffffff;
  background-color: #f0f1f2;
  border-color: #f0f1f2;
  color: #000 !important;
}
.btn-grisLight:focus,
.btn-grisLight.focus {
  color: #ffffff;
  background-color: #d5d8da;
  border-color: #acb1b7;
}
.btn-grisLight:hover {
  color: #ffffff;
  background-color: #d5d8da;
  border-color: #cfd2d6;
}
.btn-grisLight:active,
.btn-grisLight.active,
.open > .dropdown-toggle.btn-grisLight {
  color: #ffffff;
  background-color: #d5d8da;
  border-color: #cfd2d6;
}
.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: #c2c6ca;
  border-color: #acb1b7;
}
.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: #f0f1f2;
  border-color: #f0f1f2;
}
.btn-grisLight .badge {
  color: #f0f1f2;
  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: 50px;
}
.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: #eb9e05;
  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: 50px;
}
.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 #eb9e05;
}
.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://ericbocquet.fr/squ/squelettes/ergo/svg/user.svg');
  background-size: cover;
}
.item-auteur .logo .absolute,
.item-auteur .logo .spip_logos {
  position: absolute;
  top: 0;
  left: 0;
}
.item-auteur .logo .absolute,
.item-auteur .logo .spip_logos,
.item-auteur .logo .absolute img,
.item-auteur .logo .spip_logos img {
  width: 100%;
  height: auto;
}
.item-auteur .logo::after {
  content: '';
  display: block;
  padding-bottom: 100%;
}
.item-auteur .tit {
  line-height: 1.1em;
  font-size: 1.2em;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  width: 100%;
}
.item-auteur .tit::first-line {
  text-transform: none;
}
.item-auteur .details {
  font-size: 0.75em;
  line-height: 1.5em;
  font-style: italic;
  margin-top: 0.7em;
}
.item-auteur .message {
  margin-bottom: 0;
}
.item-auteur .message img {
  width: auto;
  height: 21px;
  margin: 0 2px;
}
.item-auteur .message p {
  margin-bottom: 0;
}
.filtre {
  background-color: #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: #eb9e05;
}
.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 #eb9e05;
  margin-bottom: 5em;
}
.page_auteurs .item-auteur .formulaire_contact_libre::before {
  content: '';
  width: 30px;
  height: 30px;
  background: #f5f5f5;
  display: block;
  border: 5px solid #eb9e05;
  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: #eb9e05;
}
.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: #b3b3b3;
}
.page_auteurs .item-auteur .formulaire_contact_libre form > div:hover {
  color: #eb9e05;
}
.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: #666666;
  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: #dc1e39;
}
/* -------------- 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: #eb9e05;
  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: #eb9e05;
  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: #eb9e05;
  color: #fff;
  padding: .2em 2.5%;
  display: inline-table;
  margin: 2em 0 2.5em;
  padding: 0.5em 0.8em;
  background-color: #eb9e05;
}
.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://ericbocquet.fr/squ/squelettes/ergo/svg/paiement/cheque.svg');
}
.page_paiement .contenu .payer_modes .item.virement,
.formulaire_paiement .payer_modes .item.virement {
  background-image: url('https://ericbocquet.fr/squ/squelettes/ergo/svg/paiement/virement.svg');
}
.page_paiement .contenu .payer_modes .item.internetplus,
.formulaire_paiement .payer_modes .item.internetplus {
  background-image: url('https://ericbocquet.fr/squ/squelettes/ergo/svg/paiement/internet.svg');
}
.page_paiement .contenu .payer_modes .item.paypal,
.formulaire_paiement .payer_modes .item.paypal {
  background-image: url('https://ericbocquet.fr/squ/squelettes/ergo/svg/paiement/paypal.svg');
}
.page_paiement .contenu .payer_modes .item.cmcic,
.formulaire_paiement .payer_modes .item.cmcic,
.page_paiement .contenu .payer_modes .item.ogone,
.formulaire_paiement .payer_modes .item.ogone,
.page_paiement .contenu .payer_modes .item.paybox,
.formulaire_paiement .payer_modes .item.paybox,
.page_paiement .contenu .payer_modes .item.payzen,
.formulaire_paiement .payer_modes .item.payzen,
.page_paiement .contenu .payer_modes .item.sips,
.formulaire_paiement .payer_modes .item.sips,
.page_paiement .contenu .payer_modes .item.sipsv2,
.formulaire_paiement .payer_modes .item.sipsv2,
.page_paiement .contenu .payer_modes .item.stripe,
.formulaire_paiement .payer_modes .item.stripe,
.page_paiement .contenu .payer_modes .item.systempay,
.formulaire_paiement .payer_modes .item.systempay {
  background-image: url('https://ericbocquet.fr/squ/squelettes/ergo/svg/paiement/carte.svg');
}
.page_paiement .contenu .payer_modes .item button img,
.formulaire_paiement .payer_modes .item button img {
  display: none;
}
.page_paiement .contenu .boutons .submit,
.formulaire_paiement .boutons .submit {
  color: #ffffff;
  background-color: #eb9e05;
  border-color: #d28d04;
  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: #b97c04;
  border-color: #553902;
}
.page_paiement .contenu .boutons .submit:hover,
.formulaire_paiement .boutons .submit:hover {
  color: #ffffff;
  background-color: #b97c04;
  border-color: #966503;
}
.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: #b97c04;
  border-color: #966503;
}
.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: #966503;
  border-color: #553902;
}
.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: #eb9e05;
  border-color: #d28d04;
}
.page_paiement .contenu .boutons .submit .badge,
.formulaire_paiement .boutons .submit .badge {
  color: #eb9e05;
  background-color: #ffffff;
}
.page_paiement .contenu .bouton,
.formulaire_paiement .bouton {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #f0f1f2;
  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: #c61b33;
  color: #ffffff;
  background-color: #dc1e39;
  border-color: #dc1e39;
}
.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: #af182d;
  border-color: #550c16;
}
.page_paiement .contenu .bouton .submit:hover,
.formulaire_paiement .bouton .submit:hover {
  color: #ffffff;
  background-color: #af182d;
  border-color: #901425;
}
.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: #af182d;
  border-color: #901425;
}
.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: #901425;
  border-color: #550c16;
}
.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: #dc1e39;
  border-color: #c61b33;
}
.page_paiement .contenu .bouton .submit .badge,
.formulaire_paiement .bouton .submit .badge {
  color: #dc1e39;
  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: #af182d;
  border-color: #6c0f1c;
}
.page_paiement .contenu .bouton .submit:hover,
.formulaire_paiement .bouton .submit:hover {
  color: #ffffff;
  background-color: #af182d;
  border-color: #a6172b;
}
.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: #af182d;
  border-color: #a6172b;
}
.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: #901425;
  border-color: #6c0f1c;
}
.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: #dc1e39;
  border-color: #dc1e39;
}
.page_paiement .contenu .bouton .submit .badge,
.formulaire_paiement .bouton .submit .badge {
  color: #dc1e39;
  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: #eb9e05;
}
.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: #eb9e05;
  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://ericbocquet.fr/squ/squelettes/css/bootstrapleger/fonts/glyphicons-halflings-regular.eot');
  src: url('https://ericbocquet.fr/squ/squelettes/css/bootstrapleger/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://ericbocquet.fr/squ/squelettes/css/bootstrapleger/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('https://ericbocquet.fr/squ/squelettes/css/bootstrapleger/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://ericbocquet.fr/squ/squelettes/css/bootstrapleger/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://ericbocquet.fr/squ/squelettes/css/bootstrapleger/fonts/glyphicons-halflings-regular.svg#n-font-svg-id') format('svg');
}
/*  */
body {
  background-color: #fff;
  font-size: 1.1em;
  line-height: 1.2em;
  color: #221F1F;
  font-family: 'Nunito Sans', Verdana, sans-serif;
  background-clip: padding-box;
}
.page {
  text-align: left;
  background-color: transparent;
  font-size: 16px;
  margin-bottom: 0;
}
.page .content {
  position: relative;
  min-height: 440px;
}
.container {
  text-align: center;
  overflow: visible;
}
.container .row {
  overflow: hidden;
  min-width: 51%;
}
/*  */
.navsup {
  min-height: 38px;
  text-align: center;
  padding: 8px;
  border: 0;
}
.navsup .contact {
  background: url(//ericbocquet.fr/sites/demo33.c-real.fr/local/cache-css/) 6px 16px no-repeat;
  padding-left: 22px;
}
.navsup .btsearch .deplie {
  padding: 0;
  outline: 0;
}
.navsup li > a {
  color: #666666;
}
.navsup li > a:hover {
  color: #eb9e05;
}
.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(//ericbocquet.fr/sites/demo33.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;
}
.header {
  background-position: center center;
  z-index: 1000;
  background-color: #eb9e05;
  width: 100%;
  overflow: hidden;
  padding: 0 0 0;
}
.header .interieur {
  padding-left: 0;
  padding-right: 0;
}
.header .interieur .logo {
  text-indent: -9999px;
  background: transparent url('//ericbocquet.fr/sites/demo33.c-real.fr/local/cache-css/') center;
  background-size: cover;
  z-index: 5;
  position: relative;
  height: 140px;
  width: 403px;
  float: left;
  margin: 0;
}
.header .formvisible #formulaire_recherche {
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999);
}
.header .formvisible #formulaire_recherche form {
  width: auto;
  background-color: transparent;
  border: 0px solid #fff;
}
.header .formvisible #formulaire_recherche form .text {
  border-radius: 0;
  border: 0 solid #fff;
  text-transform: uppercase;
}
.header .formvisible #formulaire_recherche form .btn {
  box-shadow: 0 0 rgba(0, 0, 0, 0);
  border: 0 solid #fff;
  color: #fff;
}
.header .menu-liste {
  padding: 0;
}
.header .menu-liste ul {
  margin: 0 auto;
  height: 45px;
}
.header .menu-toggle,
.nav-collapse .menu-toggle,
.navsup .menu-toggle {
  height: 40px;
  background-image: url(//ericbocquet.fr/sites/demo33.c-real.fr/local/cache-css/);
  background-repeat: no-repeat;
  display: none;
  padding-left: 45px;
  width: 100%;
  text-align: left;
  cursor: pointer;
  background-color: #D9D9D9;
  color: #333;
}
.header .menu-toggle span,
.nav-collapse .menu-toggle span,
.navsup .menu-toggle span {
  padding-top: 10px;
  display: inline-block;
}
.header ul,
.nav-collapse ul,
.navsup ul {
  position: relative;
}
.header li,
.nav-collapse li,
.navsup li {
  position: relative;
  display: inline-block;
  height: 45px;
  vertical-align: top;
  text-align: center;
}
.header li a,
.nav-collapse li a,
.navsup li a,
.header li span,
.nav-collapse li span,
.navsup li span {
  display: block;
  padding: 15px 0px 14px 24px;
  color: #FFF;
  text-align: left;
  font: 300 1.2em/100% 'Nunito Sans', Verdana, sans-serif;
  line-height: 1.2em;
}
.header li a.glyphicon,
.nav-collapse li a.glyphicon,
.navsup li a.glyphicon,
.header li span.glyphicon,
.nav-collapse li span.glyphicon,
.navsup li span.glyphicon {
  font-family: 'Glyphicons Halflings';
  padding: 0;
}
.header li li,
.nav-collapse li li,
.navsup li li {
  display: block;
  margin-bottom: 5px;
  width: auto;
  background: none;
  font-size: 14px;
  height: inherit;
  font-family: 'Nunito Sans', Verdana, sans-serif;
}
.header li li a,
.nav-collapse li li a,
.navsup li li a {
  padding: 5px 10px 5px 20px;
  width: 170px;
  text-align: left;
  text-transform: none;
  font-size: 14px;
}
.header ul ul,
.nav-collapse ul ul,
.navsup ul ul {
  position: absolute;
  top: 45px;
  left: 0;
  z-index: 100;
  display: none;
  margin: 0;
  width: auto;
  height: auto;
  background-color: #fff;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}
.header ul ul a:hover,
.nav-collapse ul ul a:hover,
.navsup ul ul a:hover {
  color: #A0171F;
}
.header .header_fond .gauche,
.nav-collapse .header_fond .gauche,
.navsup .header_fond .gauche {
  width: 10.5%;
}
.header li#header_titre,
.nav-collapse li#header_titre,
.navsup li#header_titre {
  position: absolute;
  left: 50%;
  width: 33.33%;
  transform: translate(-50%, 0);
}
.nav-collapse .ssmenu ul li {
  padding: 0.4em 0em;
}
/*  */
div sup.typo_exposants {
  font-size: 50%;
}
/*  */
.rouge {
  color: #dc1e39;
}
.vert {
  color: #2b8e12;
}
.bleu {
  color: #005977;
}
.jaune {
  color: #eb9e05;
}
/*  */
a {
  color: #eb9e05;
}
a:hover {
  color: #a06c03;
}
a .cnt,
a .desc {
  color: #000;
}
.lls {
  padding-bottom: .5em;
  font-weight: 500;
  padding-right: 20px;
  color: #000;
  display: block;
  margin-top: 2em;
}
/*  */
.grotit {
  font-size: 2.2em;
  text-transform: uppercase;
  margin: 0 0 .8em;
}
.grotit.violet {
  border-color: #a65ee3;
}
.grotit.orange {
  border-color: #dd6e00;
}
.grotit.vert {
  border-color: #2b8e12;
}
.grotit:first-letter {
  text-transform: uppercase;
}
.intertit {
  font-size: 1.8em;
  font-weight: 600;
  margin: 0.4em 0 .5em;
}
.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: #666666;
  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 #b3b3b3;
  float: left;
  margin-top: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
/*  */
/* ------- GENERAL ------- */
.item {
  overflow: hidden;
  min-width: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.item .surtit {
  font-weight: 500;
  margin-bottom: .8em;
  text-transform: uppercase;
}
.item .entourelogo {
  text-align: center;
  margin-bottom: 1.4em;
}
.item .auteur {
  font-style: italic;
}
.item .auteur a {
  color: #000;
  font-style: italic;
  font-size: 1em;
  display: inline-block;
}
.item:before,
.item:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*  UTILE pour les descriptifs mis en forme : Fonction pour adapter du texte formaté spip dans une balise */
/**/
.content .item .cnt p,
.content .item .desc p,
.content .chapo p {
  margin: 0 0 0.5em;
}
.content .item .cnt p:last-of-type,
.content .item .desc p:last-of-type,
.content .chapo p:last-of-type {
  margin-bottom: 0;
}
.content .item .cnt sc,
.content .item .desc sc,
.content .chapo sc {
  font-variant: small-caps;
}
.content .item .cnt h3.spip,
.content .item .desc h3.spip,
.content .chapo h3.spip,
.content .item .cnt h4.spip,
.content .item .desc h4.spip,
.content .chapo h4.spip {
  font-size: 1.4em;
  margin-bottom: .3em;
}
.content .item .cnt h4.spip,
.content .item .desc h4.spip,
.content .chapo h4.spip {
  margin: .4em 0;
}
.content .item .cnt h5.spip,
.content .item .desc h5.spip,
.content .chapo h5.spip {
  font-size: .9em;
  margin: 0.2em 0 0.1em;
}
.content .item .cnt ul.spip,
.content .item .desc ul.spip,
.content .chapo ul.spip,
.content .item .cnt ol.spip,
.content .item .desc ol.spip,
.content .chapo ol.spip {
  margin: 0 0 0.3em 0.4em;
}
.content .item .cnt ul.spip,
.content .item .desc ul.spip,
.content .chapo ul.spip {
  list-style: none;
  position: relative;
  margin: 0;
  padding-left: 0;
}
.content .item .cnt ul.spip li,
.content .item .desc ul.spip li,
.content .chapo ul.spip li {
  padding: .1em 0 .3em .8em;
  line-height: 140%;
  margin-bottom: .3em;
  position: relative;
}
.content .item .cnt ul.spip li:before,
.content .item .desc ul.spip li:before,
.content .chapo ul.spip li:before {
  content: " ";
  background-color: #eb9e05;
  top: 0.1em;
  width: 0.5em;
  height: .5em;
  left: 0px;
  position: absolute;
  margin: 0.6em .1em 0 0;
  border-radius: 50%;
}
.content .item .cnt ol.spip li,
.content .item .desc ol.spip li,
.content .chapo ol.spip li {
  margin: 0 0 1.2em .3em;
}
.content .item .cnt ol.spip li:before,
.content .item .desc ol.spip li:before,
.content .chapo ol.spip li:before {
  padding: 0.1em 0.5em 0 0.7em;
  margin-top: -1.15em;
  line-height: 150%;
  font-size: .9em;
}
.content .item .cnt .spip_out,
.content .item .desc .spip_out,
.content .chapo .spip_out,
.content .item .cnt .spip_glossaire,
.content .item .desc .spip_glossaire,
.content .chapo .spip_glossaire,
.content .item .cnt .spip_in,
.content .item .desc .spip_in,
.content .chapo .spip_in {
  font-size: .95em;
}
.content .item .cnt .spip_out,
.content .item .desc .spip_out,
.content .chapo .spip_out,
.content .item .cnt .spip_glossaire,
.content .item .desc .spip_glossaire,
.content .chapo .spip_glossaire {
  background-position: 0.5em 0.4em;
}
.content .item .cnt .caractencadre-spip,
.content .item .desc .caractencadre-spip,
.content .chapo .caractencadre-spip {
  font-size: .95em;
  padding: 0.1em 0.2em;
}
.content .item .cnt .cs_blocs,
.content .item .desc .cs_blocs,
.content .chapo .cs_blocs {
  float: none;
  width: 100%;
  padding: 0;
  margin-bottom: 0;
  border-left: 0 solid #458;
}
.content .item .cnt .cs_blocs .blocs_titre,
.content .item .desc .cs_blocs .blocs_titre,
.content .chapo .cs_blocs .blocs_titre {
  font-size: 1.2em;
}
.content .item .cnt .cs_blocs .blocs_titre:before,
.content .item .desc .cs_blocs .blocs_titre:before,
.content .chapo .cs_blocs .blocs_titre:before {
  top: -.05em;
  padding: .4em;
}
/* ------- SEULEMENT TITRE ET LOGO ------- */
.liste-titrelogo {
  display: flex;
  flex-flow: row wrap;
  text-align: left;
  min-width: 1%;
}
.liste-titrelogo .item {
  padding-top: 0;
  position: relative;
  font-size: 1.4em;
  overflow: hidden;
  display: block;
}
.liste-titrelogo .item .legende {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 4.5em;
  border-bottom: 3px solid #fff;
  background-size: cover;
  line-height: 1.2em;
  font-size: 1.2em;
  background-color: #eb9e05;
  transition-duration: .5s;
}
.liste-titrelogo .item .legende .surtit {
  line-height: 1.3em;
  font-weight: 300;
  text-transform: none;
  margin: 0;
  display: block;
  color: #fff;
}
.liste-titrelogo .item .legende .tit {
  color: #fff;
  display: block;
  font-weight: 500;
  line-height: 1.2em;
}
.liste-titrelogo .item .logo {
  min-width: 100%;
  display: block;
  margin-top: 4.5em;
  overflow: hidden;
  transition: .5s;
}
.liste-titrelogo .item .logo img {
  transition: .5s;
}
.liste-titrelogo .item .desc {
  display: none;
}
.liste-titrelogo .item a:hover img {
  max-width: 110% !important;
  margin-left: -5%;
}
/* ------- EVENEMENTS ------- */
.item-evt {
  text-align: left;
  margin-bottom: 1em;
}
.item-evt .date {
  font-weight: 400;
  font-size: 1.4em;
  line-height: 1.2;
  margin-bottom: 8px;
  display: block;
}
.item-evt .couleur {
  border-left: 5px solid #eb9e05;
}
.item-evt .couleur > * {
  margin-left: 14px;
}
.item-evt .couleur .stit {
  background-color: #eb9e05;
  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: #b3b3b3;
  font-size: .9em;
  font-weight: 400;
}
.item-evt .couleur .introduction p {
  margin-bottom: .5em;
}
.item-evt .couleur .introduction h3 {
  margin-bottom: .5em;
}
.item-evt .couleur .lienlieu {
  display: block;
}
.item-evt .lls {
  margin-top: .5em;
}
/* ------- VIDEO ------- */
.content .item-video {
  text-align: left;
}
.content .item-video .tit {
  font: 700 1.5em 'Nunito Sans', Verdana, sans-serif;
}
.content .item-video .btn,
.content .item-video .lls {
  text-transform: none;
  font-size: 600 0.9em 'Nunito Sans', Verdana, sans-serif;
  margin-top: 1em;
}
.content .item-video .lls:after {
  content: "\e259";
}
.content .item-video .lls::after {
  font-family: 'Glyphicons Halflings';
  color: #eb9e05;
  vertical-align: top;
  margin-left: .3em;
}
.content .item-video .bt-play {
  position: absolute;
  transform-origin: 50%;
  top: 50%;
  left: 50%;
  transform: translatex(-50%) translatey(-50%);
}
.content .item-video .btcache:after {
  content: "\e260";
}
.content .item-video .btcache::after {
  font-family: 'Glyphicons Halflings';
}
.content .item-video .mediainterieur {
  max-height: 65%;
  transition: .5s;
}
.content .item-video .mediainterieur img {
  width: 100%;
}
.content .item-video .mediainterieur svg {
  width: 100%;
  height: auto;
  overflow: visible;
}
.content .item-video .mediainterieur svg .fill_site {
  stroke: #fff;
  stroke-width: 3px;
}
.content .item-video .mediainterieur iframe {
  padding-bottom: 0;
}
.content .item-video .btcache {
  margin: 0;
}
/* ------- BREVE ------- */
.item-breve .article h3.spip {
  font-size: 1.5em;
  margin-bottom: 0.4em;
  padding: 0 0 0.15em;
  width: 93%;
  margin-top: 0;
}
/* ------- Documents ------- */
.credits {
  text-transform: none;
  font-size: 0.7em;
  line-height: 1.5em;
  font-weight: 300;
  font-style: italic;
}
.liste-doc > .row {
  display: flex;
}
.liste-doc .spip_logo {
  width: 100%;
  height: auto;
  margin: 0 0 .3em;
}
.liste-doc .item {
  background: #e8e8e8;
  padding: 0.6em 0.4em 0.6em;
  border-radius: 0.2em;
  margin-bottom: 1.1em;
}
.liste-doc .item .tit {
  padding: 0.6em;
  font-size: 1em;
  margin-top: 0;
  text-align: center;
}
.liste-doc .coldroite {
  margin-top: .2em;
}
.liste-doc.galerie .grotit-doc {
  margin-bottom: 1.1em;
}
.liste-doc.galerie .item {
  padding: 0;
}
.liste-doc.galerie .entourelogo {
  width: 100%;
  margin-bottom: 40px;
}
.liste-doc.galerie .hasbox {
  position: relative;
  transition: .5s;
}
.liste-doc.galerie .hasbox::after {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('https://ericbocquet.fr/squ/squ-z/ergo/agrandir.png');
  background-size: 40%;
  -webkit-animation: 0.5s;
  -o-animation: 0.5s;
  animation: 0.5s;
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  width: 40%;
  height: 40%;
  display: block;
  position: absolute;
  top: 30%;
  left: 30%;
  z-index: 20;
}
.liste-doc.galerie .hasbox:hover {
  opacity: .8;
}
.liste-doc.galerie .hasbox:hover img {
  background-color: #eb9e05;
}
.liste-doc.galerie .hasbox:hover::after {
  background-size: 50%;
}
#contenu .liste-doc.galerie .spip_logo,
.contenu .liste-doc.galerie .spip_logo {
  margin: 0;
}
/* ------- MOTS ------- */
.liste-mot {
  background: #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: #666666;
  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: #eb9e05;
  color: #fff !important;
}
/*  */
.ancrepagin,
.comment.hreview > a,
a[name="ajax_ancre"],
a[name*="pagination"] {
  position: relative;
  top: -220px;
}
/*  */
/*  */
.notes > div {
  position: relative;
  top: -220px;
}
.notes > div p {
  position: relative;
  top: 220px;
}
.spip_note_ref a {
  position: relative;
  padding-top: 220px;
}
/*  */
/*  */
.owl-carousel {
  margin-bottom: 4em;
}
.owl-carousel .item {
  border-bottom: 4px solid #eb9e05;
  margin-top: 1em;
}
.owl-carousel .item .logo img {
  height: auto;
}
.owl-carousel .item .legende {
  position: absolute;
  bottom: -2px;
  left: 0;
  display: block;
  width: 60%;
  text-align: center;
  padding: 2% 20% 1%;
  font-size: 1.2em;
}
.owl-carousel .item .legende .tit {
  font-size: 2em;
  line-height: 1.2;
  margin: .1em 0;
}
.owl-carousel .item .legende .desc {
  font-size: 1.3em;
  line-height: 140%;
  font-weight: 400;
  color: #000;
  padding-bottom: 1%;
}
.owl-carousel .item .legende .desc * {
  color: #000;
}
.owl-carousel .owl-next,
.owl-carousel .owl-prev {
  height: 80px;
  margin-top: -20px;
  font-weight: 100;
  color: #000;
  border: 0 solid #ffffff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  background: transparent url('https://ericbocquet.fr/squ/squelettes/ergo/svg/fleche.svg') center bottom no-repeat;
  opacity: 100;
  filter: alpha(opacity=10000);
  opacity: 1;
  filter: alpha(opacity=100);
}
.owl-carousel .owl-next:hover,
.owl-carousel .owl-prev:hover {
  opacity: 80;
  filter: alpha(opacity=8000);
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.owl-carousel .owl-prev {
  left: -4.5%;
}
.owl-carousel .owl-next {
  right: -4.5%;
}
.owl-dots .owl-dot span {
  width: 14px;
  height: 14px;
  background-color: #000;
}
.owl-dots .owl-dot:hover span,
.owl-dots .owl-dot.active span {
  background-color: #eb9e05;
}
/*  */
.contenu {
  text-align: left;
  font-weight: 400;
  position: inherit;
  margin-top: 0;
  line-height: 160%;
}
.contenu p {
  margin-top: 0;
  margin-bottom: 1em;
  line-height: 140%;
}
/*  */
.asidedroite .grotit {
  background: #eb9e05;
  color: #fff;
  font-weight: 500;
  width: 100%;
  font-size: 1.5em;
  line-height: 1.2em;
  text-transform: none;
  padding: 0.4em .5em .3em;
}
.asidedroite .grotit a {
  color: #fff;
}
.asidedroite .encartcompte .item {
  margin-bottom: 1.8em;
  padding: 1em;
  background: #f5f5f5;
}
.asidedroite .encartcompte .item .champ {
  margin-bottom: .4em;
}
.asidedroite .encartcompte .item .label {
  display: inline-block;
  border-bottom: 3px solid #bacbcc;
  margin-right: 0.3em;
  font-weight: 600;
}
.asidedroite .encartcompte .item ul.nav {
  padding: 0;
  list-style: none;
}
.asidedroite .encartcompte .item ul.nav .btico {
  margin-bottom: .5em;
}
.asidedroite .encartcompte .grotit {
  padding: 0.6em 4%;
}
.asidedroite .liste-doc .tit {
  text-align: left;
  padding: .2em 0 0.3em;
  font-size: 1.1em;
  color: #000;
}
.asidedroite .liste-doc .spip_logo {
  margin-top: .25em;
}
.asidedroite .liste-doc .extension {
  margin: 0 0 0.5em;
}
.asidedroite .icones img,
.asidedroite .nav img,
.asidedroite .btico img {
  max-width: 22px;
}
.encart > .item {
  padding: 1em;
}
.encart > .item ul.nav {
  padding: 0;
  list-style: none;
}
.encart > .item ul.nav li {
  margin-bottom: .5em;
  display: block;
  width: 100%;
}
/*  */
.chemin {
  margin-bottom: .3em;
}
.chemin .item-chemin {
  color: #666666;
  font-weight: 400;
}
.chemin .item-chemin::before {
  content: ">";
  display: inline-block;
  margin: 0 .5em .2em;
  color: #eb9e05;
  vertical-align: middle;
}
.chemin .item-chemin:hover {
  color: #eb9e05;
}
.chemin a:hover {
  background-color: transparent;
  text-decoration: underline;
}
.chemin a.item-chemin:first-of-type {
  position: relative;
}
.chemin a.item-chemin:first-of-type::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.chemin a.item-chemin:first-of-type:before {
  content: "\f424";
}
.chemin a.item-chemin:first-of-type::before {
  font-size: 0.85em;
  vertical-align: baseline;
  line-height: 1em;
  margin-right: 1em;
  color: #f0f1f2;
}
.chemin a.item-chemin:first-of-type:hover::before {
  color: #eb9e05;
}
/*  */
.chapo {
  margin-bottom: .6em;
  font-weight: 500;
  font-size: 1.4em;
}
.chapo p {
  margin-top: 0;
}
.chapo p + p {
  margin-top: .6em;
}
.chapo h3 {
  margin: 1.5em 0 1em;
  font-weight: 600;
  font-size: 1.6em;
}
.intro {
  margin-bottom: 2em;
  overflow: hidden;
}
.intro .grosurtit,
.intro .grosoustit {
  text-align: left;
  font-weight: 400;
  color: #000;
  font-size: 2.3em;
}
.intro .grosurtit {
  margin-top: .7em;
}
.intro .grotit {
  font-size: 3.2em;
  font-weight: 600;
}
.intro .chapo {
  margin-bottom: 1.8em;
  text-align: left;
}
/*  */
.laliste .filtre {
  margin: 2em -100%;
  width: 300%;
}
.laliste .filtre .select-design {
  display: inline-block;
}
.laliste .filtre .select-design .titselect {
  width: auto;
  font-weight: 500;
}
.laliste .filtre .select-design select {
  max-width: 15em;
  padding: 0.1em .8em;
  border-radius: 0.2em 0 0 .2em;
  border: 1px solid #005977;
  height: 2.4em;
  font-size: 0.9em;
  display: inline-block;
  min-width: 14em;
}
.laliste .date {
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1.2;
  margin-bottom: 0;
  display: block;
}
.laliste .item {
  text-align: left;
  margin-bottom: 2em;
  clear: none;
}
.laliste .item .spip_logos {
  margin: 0 1.5em 0 0;
}
.laliste .spip_logos {
  border-bottom: 0px solid #fff;
}
.laliste .item-site .tit a {
  font-size: 1.1em;
}
.laliste .item-site .spip_logo {
  margin: .3em auto .5em;
  text-align: center;
  width: auto;
  padding: 10%;
  max-height: 200px;
  height: auto;
  float: none;
}
.laliste .item-site .centre .liensite {
  background-color: #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: #eb9e05;
  color: #fff;
  padding: 0.5em .8em .6em;
  font-size: 1.8em;
  margin-bottom: 0;
}
.content .titagenda a {
  color: #fff;
}
.spip_modele {
  display: block;
  float: right;
  width: 25%;
  border: 1px dotted #666;
}
/*  */
/*  */
/* -------- Exemple : listes d'événements sous articles -------- */
.page_type_contenu .asidedroite {
  overflow: hidden;
}
.page_type_contenu .asidedroite .encart {
  background: #e8e8e8;
  padding: .1em 1em 1em;
  max-width: 100%;
  margin-bottom: 2em;
}
.page_type_contenu .asidedroite .encart .date {
  font-size: 1.5em;
  font-weight: 600;
  margin: 0.6em 0 0.7em 0;
  padding: 0;
  display: block;
  background-color: transparent;
  border: 0 solid transparent;
}
.page_type_contenu .asidedroite .encart .icones,
.page_type_contenu .asidedroite .encart .nav {
  vertical-align: middle;
}
.page_type_contenu .asidedroite .encart .icones img,
.page_type_contenu .asidedroite .encart .nav img {
  max-width: 22px;
  margin-right: 0.3em;
  vertical-align: middle;
}
.page_type_contenu .asidedroite .encart h3 {
  font-weight: 600;
  margin: 0.7em 0 0.3em;
  border-bottom: 3px solid #ccc;
  display: table;
  font-size: 1.2em;
  clear: both;
  padding-bottom: 0.2em;
}
.page_type_contenu .asidedroite .encart p {
  margin: 0;
}
.page_type_contenu .asidedroite .encart .labeur p {
  margin-bottom: .7em;
}
.page_type_contenu .asidedroite .encart ul.spip li {
  padding-top: 0;
}
/*  */
.content .article .soustit {
  color: #005977;
  margin: 0 0 1.3em;
  font-size: 2.2em;
}
.content .article .texte {
  margin-bottom: 4em;
}
.content .article .logo_article {
  margin-bottom: 1.2em;
}
.content .article .liste-doc .grotit-doc {
  margin-bottom: 1em;
}
.content .article,
.mep_article {
  /*  */
  /* --------- mixins --------- */
  /*--------------- Texte spip --------------*/
  /*--------------- Marges   --------------*/
  /* --------- Titres --------- */
  /*--------------- Marges   --------------*/
  /*--------------- Listes   --------------*/
  /*--------------- Liens  --------------*/
  /*--------------- Mise en forme de caractères  --------------*/
  /*--------------- Mise en forme de paragraphes  --------------*/
  /*--------------- Encadrés  --------------*/
  /*--------------- Filets et tableaux  --------------*/
  /* -------- Tableaux ------- */
  /*--------------- Formulaires  --------------*/
  /* ---- Notes ---- */
  /* ---- Documents ---- */
  /* Cartes GIS */
  /* ---- Colorisation par défaut ----- */
  /* --------- Listes --------- */
  /* --------- Styles FAQ --------- */
  /* ---------- pas de marges devant les premiers éléments */
  /*  */
  /*--------------- Texte spip --------------*/
  text-align: left;
  font-family: 'Nunito Sans', Verdana, sans-serif;
  /* --------- Titres --------- */
  /*--------------- Listes   --------------*/
  /*--------------- Liens  --------------*/
  /*--------------- Mise en forme de caractères  --------------*/
  /*--------------- Mise en forme de paragraphes  --------------*/
  /*--------------- Encadrés  --------------*/
  /*--------------- Filets et tableaux  --------------*/
  /* -------- Tableaux ------- */
  /* ---- Notes ---- */
  /* ---- Documents ---- */
  /* --------- formidable --------- */
  /* --------- Iframe --------- */
  /* ---------- Responsive ------------ */
  /*  */
  /*--------------- Texte spip --------------*/
  /* --------- Titres --------- */
  /*--------------- Listes et liens  --------------*/
  /*--------------- Code  --------------*/
  /*--------------- Filets et tableaux  --------------*/
  /* ---- Documents ---- */
}
@font-face {
  font-display: block;
  font-family: 'bootstrap-icons';
  src: url(https://ericbocquet.fr/squ/squelettes/css/bootstrapleger/fonts/bootstrap-icons.woff2) format('woff2'), url(https://ericbocquet.fr/squ/squelettes/css/bootstrapleger/fonts/bootstrap-icons.woff) format('woff');
}
.content .article .icon,
.mep_article .icon {
  position: relative;
}
.content .article .icon::before,
.mep_article .icon::before {
  display: inline-block;
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.5em;
  font-family: bootstrap-icons !important;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
}
.content .article .icon-box-arrow-up-right:before,
.mep_article .icon-box-arrow-up-right:before,
.content .article .icon-box-fleche-bas-droite:before,
.mep_article .icon-box-fleche-bas-droite:before {
  content: "\f1c5";
}
.content .article strong,
.mep_article strong,
.content .article b,
.mep_article b {
  font-weight: 600;
}
.content .article i,
.mep_article i,
.content .article em,
.mep_article em,
.content .article .italique,
.mep_article .italique {
  font-style: italic;
}
.content .article strong i,
.mep_article strong i {
  font-weight: bold;
}
.content .article .spip_document iframe,
.mep_article .spip_document iframe {
  margin: 0;
}
.content .article a,
.mep_article a {
  line-height: 120%;
}
.content .article img,
.mep_article img {
  max-width: 100%;
  height: auto;
}
.content .article sup.typo_exposants,
.mep_article sup.typo_exposants {
  line-height: 99%;
}
.content .article sup a,
.mep_article sup a {
  font-weight: bold;
  color: #CF0911;
}
.content .article span + .autobr,
.mep_article span + .autobr {
  display: none;
}
.content .article p,
.mep_article p,
.content .article ul.spip,
.mep_article ul.spip,
.content .article ol.spip,
.mep_article ol.spip,
.content .article table,
.mep_article table,
.content .article .texteencadre-spip,
.mep_article .texteencadre-spip,
.content .article .spip_cadre,
.mep_article .spip_cadre,
.content .article .spip_code,
.mep_article .spip_code {
  margin-bottom: calc(@baseLineHeight * 1.5);
}
.content .article h2.spip,
.mep_article h2.spip,
.content .article h3.spip,
.mep_article h3.spip,
.content .article h4.spip,
.mep_article h4.spip,
.content .article h5.spip,
.mep_article h5.spip,
.content .article h6.spip,
.mep_article h6.spip,
.content .article .titre.h3,
.mep_article .titre.h3,
.content .article .titre.h4,
.mep_article .titre.h4,
.content .article .titre.h5,
.mep_article .titre.h5,
.content .article .titre.h6,
.mep_article .titre.h6 {
  line-height: 120%;
  overflow: hidden;
  hyphens: none;
  margin: .5em 0 1.1em;
  border-left: 0 solid #fff;
  font-weight: 500;
  font-style: normal;
}
.content .article h2.spip a,
.mep_article h2.spip a,
.content .article h3.spip a,
.mep_article h3.spip a,
.content .article h4.spip a,
.mep_article h4.spip a,
.content .article h5.spip a,
.mep_article h5.spip a,
.content .article h6.spip a,
.mep_article h6.spip a,
.content .article .titre.h3 a,
.mep_article .titre.h3 a,
.content .article .titre.h4 a,
.mep_article .titre.h4 a,
.content .article .titre.h5 a,
.mep_article .titre.h5 a,
.content .article .titre.h6 a,
.mep_article .titre.h6 a {
  padding: 0;
}
.content .article h2.spip font,
.mep_article h2.spip font,
.content .article h3.spip font,
.mep_article h3.spip font,
.content .article h4.spip font,
.mep_article h4.spip font,
.content .article h5.spip font,
.mep_article h5.spip font,
.content .article h6.spip font,
.mep_article h6.spip font,
.content .article .titre.h3 font,
.mep_article .titre.h3 font,
.content .article .titre.h4 font,
.mep_article .titre.h4 font,
.content .article .titre.h5 font,
.mep_article .titre.h5 font,
.content .article .titre.h6 font,
.mep_article .titre.h6 font {
  font-weight: 600;
  line-height: 120%;
  margin-left: 5px;
}
.content .article h2.spip,
.mep_article h2.spip,
.content .article .titre.h2,
.mep_article .titre.h2,
.content .article h3.spip,
.mep_article h3.spip,
.content .article .titre.h3,
.mep_article .titre.h3 {
  display: table;
  border-bottom: 3px solid #eb9e05;
  margin-bottom: .8em;
  font-size: 2em;
  padding: 0 0 0.15em;
}
.content .article h2.spip font,
.mep_article h2.spip font,
.content .article .titre.h2 font,
.mep_article .titre.h2 font,
.content .article h3.spip font,
.mep_article h3.spip font,
.content .article .titre.h3 font,
.mep_article .titre.h3 font,
.content .article h2.spip font *,
.mep_article h2.spip font *,
.content .article .titre.h2 font *,
.mep_article .titre.h2 font *,
.content .article h3.spip font *,
.mep_article h3.spip font *,
.content .article .titre.h3 font *,
.mep_article .titre.h3 font * {
  font-weight: bold;
}
.content .article h4.spip,
.mep_article h4.spip,
.content .article .titre.h4,
.mep_article .titre.h4,
.content .article h5.spip,
.mep_article h5.spip,
.content .article .titre.h5,
.mep_article .titre.h5 {
  border-bottom: 1px solid #b3b3b3;
  margin: .7em 0;
}
.content .article h4.spip,
.mep_article h4.spip,
.content .article .titre.h4,
.mep_article .titre.h4 {
  border-bottom: 1px solid #b3b3b3;
  display: table;
  font: normal 500 1.8em/1.5em 'Nunito Sans', Verdana, sans-serif;
  padding: 4px 2px 6px 0;
}
.content .article h4.spip a,
.mep_article h4.spip a,
.content .article .titre.h4 a,
.mep_article .titre.h4 a {
  padding: 0;
}
.content .article h5.spip,
.mep_article h5.spip,
.content .article .titre.h5,
.mep_article .titre.h5 {
  display: table;
  font: normal 500 1.4em/1.65em 'Nunito Sans', Verdana, sans-serif;
  margin: .5em 0 1em;
  padding: .4em 0 .3em ;
  color: #222222;
  background-color: transparent;
}
.content .article h5.spip .spip_dic,
.mep_article h5.spip .spip_dic,
.content .article .titre.h5 .spip_dic,
.mep_article .titre.h5 .spip_dic {
  color: #fff;
}
.content .article h6.spip,
.mep_article h6.spip,
.content .article .titre.h6,
.mep_article .titre.h6 {
  border-bottom: 1px solid #e8e8e8;
  display: table;
  font: 500 1.2em/120% 'Nunito Sans', Verdana, sans-serif;
  overflow: hidden;
  padding: 3px 0 4px;
}
.content .article p,
.mep_article p,
.content .article ul.spip,
.mep_article ul.spip,
.content .article ol.spip,
.mep_article ol.spip,
.content .article table,
.mep_article table,
.content .article .texteencadre-spip,
.mep_article .texteencadre-spip,
.content .article .spip_cadre,
.mep_article .spip_cadre,
.content .article .spip_code,
.mep_article .spip_code,
.content .article .spip-block-right,
.mep_article .spip-block-right,
.content .article .spip-block-center,
.mep_article .spip-block-center {
  margin-bottom: calc(28.8px);
  font-weight: inherit;
}
.content .article p + h3.spip,
.mep_article p + h3.spip,
.content .article ul.spip + h3.spip,
.mep_article ul.spip + h3.spip,
.content .article ol.spip + h3.spip,
.mep_article ol.spip + h3.spip,
.content .article div + h3.spip,
.mep_article div + h3.spip,
.content .article table + h3.spip,
.mep_article table + h3.spip,
.content .article p + h4.spip,
.mep_article p + h4.spip,
.content .article ul.spip + h4.spip,
.mep_article ul.spip + h4.spip,
.content .article ol.spip + h4.spip,
.mep_article ol.spip + h4.spip,
.content .article div + h4.spip,
.mep_article div + h4.spip,
.content .article table + h4.spip,
.mep_article table + h4.spip,
.content .article p + h5.spip,
.mep_article p + h5.spip,
.content .article ul.spip + h5.spip,
.mep_article ul.spip + h5.spip,
.content .article ol.spip + h5.spip,
.mep_article ol.spip + h5.spip,
.content .article div + h5.spip,
.mep_article div + h5.spip,
.content .article table + h5.spip,
.mep_article table + h5.spip,
.content .article p + h6.spip,
.mep_article p + h6.spip,
.content .article ul.spip + h6.spip,
.mep_article ul.spip + h6.spip,
.content .article ol.spip + h6.spip,
.mep_article ol.spip + h6.spip,
.content .article div + h6.spip,
.mep_article div + h6.spip,
.content .article table + h6.spip,
.mep_article table + h6.spip {
  margin-top: 1.8em;
}
.content .article * .spip_dic,
.mep_article * .spip_dic {
  margin: 0 0 0 6px;
  line-height: 95%;
}
.content .article li,
.mep_article li,
.content .article p,
.mep_article p {
  line-height: 1.6em;
}
.content .article ul.spip,
.mep_article ul.spip {
  border-width: 0;
  padding-left: 0.5em;
}
.content .article ul.spip > li,
.mep_article ul.spip > li {
  padding-left: 1.2em;
  list-style: none;
  position: relative;
  padding-top: .4em;
  margin: 0 0 9px;
}
.content .article ul.spip > li::before,
.mep_article ul.spip > li::before {
  content: " ";
  display: block;
  width: 0.5em;
  height: .5em;
  position: absolute;
  border-radius: 50%;
  float: left;
  left: 0;
  top: 0.4em;
  margin: 0.5em .1em 0 0;
  background-color: #eb9e05;
}
.content .article ul.spip > li,
.mep_article ul.spip > li {
  margin-left: 0;
}
.content .article ul.spip ul.spip,
.mep_article ul.spip ul.spip,
.content .article ol.spip ul.spip,
.mep_article ol.spip ul.spip,
.content .article ul.spip ol.spip,
.mep_article ul.spip ol.spip {
  margin-left: 10px;
  margin-bottom: 1.7em;
}
.content .article ul.spip ul.spip li,
.mep_article ul.spip ul.spip li,
.content .article ol.spip ul.spip li,
.mep_article ol.spip ul.spip li,
.content .article ul.spip ol.spip li,
.mep_article ul.spip ol.spip li {
  padding-top: 0.2em;
  margin: 0 0 .1em;
}
.content .article ol,
.mep_article ol {
  list-style: decimal inside !important;
}
.content .article ol.spip,
.mep_article ol.spip {
  counter-reset: repas;
  margin: 0.5em 0 1.9em 1.9em;
}
.content .article ol.spip > li,
.mep_article ol.spip > li {
  list-style-type: none;
  counter-increment: repas;
  /* on incrémente le compteur à chaque nouveau li */
  margin-bottom: 10px;
}
.content .article ol.spip li:before,
.mep_article ol.spip li:before {
  content: counter(repas);
  /* on affiche le compteur */
  padding: 2px 8px 2px;
  margin-right: 1em;
  vertical-align: top;
  background: #eb9e05;
  font-weight: bold;
  font-size: 1em;
  color: white;
}
.content .article ol.spip ul li:before,
.mep_article ol.spip ul li:before {
  content: none;
}
.content .article li.spip ul.spip,
.mep_article li.spip ul.spip {
  margin: 0;
}
.content .article a.spip_out,
.mep_article a.spip_out,
.content .article a.spip_in,
.mep_article a.spip_in,
.content .article a.spip_glossaire,
.mep_article a.spip_glossaire,
.content .article p.spip_note a,
.mep_article p.spip_note a,
.content .article p.spip a,
.mep_article p.spip a,
.content .article .spip_in,
.mep_article .spip_in,
.content .article .spip_note,
.mep_article .spip_note,
.content .article .spip_dic sup,
.mep_article .spip_dic sup,
.content .article .larticle a,
.mep_article .larticle a {
  font-weight: 500;
  color: #eb9e05;
}
.content .article .spip_out:hover,
.mep_article .spip_out:hover,
.content .article p.spip_note a:hover,
.mep_article p.spip_note a:hover,
.content .article p.spip a:hover,
.mep_article p.spip a:hover,
.content .article .spip_in:hover,
.mep_article .spip_in:hover,
.content .article .spip_glossaire:hover,
.mep_article .spip_glossaire:hover,
.content .article .spip_out:hover,
.mep_article .spip_out:hover {
  text-decoration: underline;
}
.content .article .spip_out,
.mep_article .spip_out {
  position: relative;
  padding-right: 0.3em;
}
.content .article .spip_out::before,
.mep_article .spip_out::before {
  display: inline-block;
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.5em;
  font-family: bootstrap-icons !important;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
}
.content .article .spip_out:before,
.mep_article .spip_out:before {
  content: "\f1c5";
}
.content .article .spip_out::before,
.mep_article .spip_out::before {
  font-size: .6em;
  vertical-align: baseline;
}
.content .article .caractencadre-spip,
.mep_article .caractencadre-spip {
  color: #dc1e39;
}
.content .article .caractencadre2-spip,
.mep_article .caractencadre2-spip {
  color: #eb9e05;
}
.content .article sc,
.mep_article sc,
.content .article .sc,
.mep_article .sc {
  font-variant: small-caps;
}
.content .article .spip_cadre,
.mep_article .spip_cadre,
.content .article .spip_code,
.mep_article .spip_code {
  padding: .6em 1em .7em;
  display: block;
}
.content .article code,
.mep_article code,
.content .article kbd,
.mep_article kbd,
.content .article pre,
.mep_article pre,
.content .article samp,
.mep_article samp {
  font-family: "Courier New", Courier, monospace;
}
.content .article .spip_code,
.mep_article .spip_code,
.content .article code,
.mep_article code {
  font-family: "Courier New", Courier, monospace !important;
  color: #fff;
  font-weight: 500;
  font-size: .85em;
  background-color: #f9f2f4;
  white-space: inherit;
}
.content .article kbd,
.mep_article kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #ffffff;
  background-color: #333333;
  border-radius: 0.4em;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.content .article kbd kbd,
.mep_article kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}
.content .article pre,
.mep_article pre {
  display: block;
  overflow: auto;
  padding: 11.5px;
  margin: 0 0 12px;
  font-size: 17px;
  line-height: 1.33333333;
  word-break: break-all;
  color: #666666;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 0.2em;
  /* Cf.: http://perishablepress.com/press/2010/06/01/wrapping-content/ */
  white-space: pre;
  /* CSS 2.0 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3.0 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  white-space: -moz-pre-wrap;
  /* Mozilla */
  white-space: -hp-pre-wrap;
  /* HP Printers */
  word-wrap: break-word;
  /* IE 5+ */
}
.content .article pre code,
.mep_article pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.content .article .texteencadre-spip,
.mep_article .texteencadre-spip {
  color: #fff;
  border: 0px solid #fff;
  padding: 0.6em 1em 0.8em;
}
.content .article .texteencadre-spip a,
.mep_article .texteencadre-spip a {
  color: #fff;
}
.content .article .cs_blocs,
.mep_article .cs_blocs {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd ;
  border-bottom: 1px solid #ccc;
  padding: 0.8em 0.9em;
  background-color: #e8e8e8;
  clear: both;
  background-color: #ffffff;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(180deg, #666666, #ffffff);
  background-image: -webkit-linear-gradient(180deg, #666666, #ffffff);
  background-image: -o-linear-gradient(180deg, #666666, #ffffff);
  background-image: linear-gradient(180deg, #666666, #ffffff);
}
.content .article .cs_blocs .blocs_titre,
.mep_article .cs_blocs .blocs_titre {
  font-size: 1.2em;
  background-image: none;
  padding: 0 0 0 33px;
  position: relative;
}
.content .article .cs_blocs .blocs_titre a,
.mep_article .cs_blocs .blocs_titre a {
  text-decoration: none;
  color: #eb9e05;
}
.content .article .cs_blocs .blocs_titre:before,
.mep_article .cs_blocs .blocs_titre:before {
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999);
  content: url(//ericbocquet.fr/sites/demo33.c-real.fr/local/cache-css/);
  transform: rotate(90deg);
  display: inline-block;
  position: absolute;
  left: 7px;
}
.content .article .cs_blocs .blocs_replie:before,
.mep_article .cs_blocs .blocs_replie:before {
  transform: rotate(0);
}
.content .article .cs_blocs:last-of-type,
.mep_article .cs_blocs:last-of-type {
  border-bottom: 1px solid #ddd;
}
.content .article .cs_blocs .blocs_destination,
.mep_article .cs_blocs .blocs_destination {
  padding: .7em 2.1em ;
}
.content .article a[href*="javascript:"],
.mep_article a[href*="javascript:"] {
  background-color: inherit;
}
.content .article a[href*="javascript:"]::before,
.mep_article a[href*="javascript:"]::before,
.content .article a[href*="javascript:"]::after,
.mep_article a[href*="javascript:"]::after {
  display: none;
}
.content .article blockquote.spip,
.mep_article blockquote.spip,
.content .article blockquote.spip_poesie,
.mep_article blockquote.spip_poesie {
  background-color: #F2F1F1;
  font-size: 1.4em;
  line-height: 144%;
  font-style: italic;
  margin: 1em 0 ;
  padding: 0.7em 1.3em 1em ;
  min-height: 40px;
  position: relative;
}
.content .article blockquote.spip p:last-of-type,
.mep_article blockquote.spip p:last-of-type,
.content .article blockquote.spip_poesie p:last-of-type,
.mep_article blockquote.spip_poesie p:last-of-type {
  margin-bottom: 0;
}
.content .article blockquote.spip,
.mep_article blockquote.spip {
  padding: 1em 3em ;
  text-align: center;
}
.content .article blockquote.spip:before,
.mep_article blockquote.spip:before {
  color: #eb9e05;
  content: "«";
  font-size: 2.6em;
  left: .3em;
  position: absolute;
  top: .2em;
}
.content .article blockquote.spip:after,
.mep_article blockquote.spip:after {
  bottom: .35em;
  color: #eb9e05;
  content: "»";
  font-size: 2.6em;
  position: absolute;
  right: .3em;
}
.content .article hr.spip,
.mep_article hr.spip {
  border-bottom: 1px solid #DDDDDD;
  margin: 27px 0;
}
.content .article table,
.mep_article table {
  cellpadding: 0;
  cellspacing: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
.content .article table.spip,
.mep_article table.spip,
.content .article table.spip td,
.mep_article table.spip td,
.content .article table.spip th,
.mep_article table.spip th {
  border-collapse: collapse;
  font-size: 14px;
  margin: 20px 0 25px;
  padding: 3px 10px;
  text-align: center;
}
.content .article table.spip,
.mep_article table.spip {
  width: 100%;
  display: table;
  margin: 2px 0 8px;
  border-width: 1px 1px 1px;
  border: 1px solid #eb9e05;
}
.content .article table.spip th,
.mep_article table.spip th {
  color: #FFFFFF;
  font-size: 1.1em;
  font-weight: 600;
  line-height: 120%;
  padding: 8px 5px 7px;
  text-align: center;
}
.content .article table.spip th strong,
.mep_article table.spip th strong {
  margin: 4px 10px;
}
.content .article table.spip th,
.mep_article table.spip th {
  background-color: #eb9e05;
}
.content .article table.spip td,
.mep_article table.spip td {
  border: 0 solid #fff;
}
.content .article table.spip .row_odd,
.mep_article table.spip .row_odd,
.content .article table.spip .odd,
.mep_article table.spip .odd {
  background-color: #fff;
}
.content .article table.spip .row_even,
.mep_article table.spip .row_even {
  background-color: #e8e8e8;
}
.content .article table.spip .row_odd:hover,
.mep_article table.spip .row_odd:hover {
  background-color: #f0f1f2;
}
.content .article table.spip .row_even:hover,
.mep_article table.spip .row_even:hover {
  background-color: #f0f1f2;
}
.content .article .boutons,
.mep_article .boutons {
  margin-top: 1.3em;
}
.content .article textarea,
.mep_article textarea {
  border: 1px solid #ddd;
}
.content .article .note,
.mep_article .note,
.content .article .notes,
.mep_article .notes {
  padding: .4em 0 .8em;
  margin: .8em 0 0;
  border-top: 1px solid #eb9e05;
  display: block;
  zoom: 1;
  color: #666666;
  overflow: hidden;
  width: 100%;
  font-size: 1em;
  max-width: 100%;
}
.content .article .note .pintertitre,
.mep_article .note .pintertitre,
.content .article .notes .pintertitre,
.mep_article .notes .pintertitre {
  font-size: 1.5em;
  border-bottom: 1px solid #ddd;
  padding: 0.7em 0 0.5em;
  margin-bottom: 1.5em;
  color: #eb9e05;
}
.content .article .note div > p,
.mep_article .note div > p,
.content .article .notes div > p,
.mep_article .notes div > p {
  font-weight: 400;
}
.content .article .spip_documents,
.mep_article .spip_documents {
  background: #f5f5f5;
  color: #333333;
  display: inline-block;
  padding: 0.2em;
  margin: 0 auto;
  text-align: center;
}
.content .article .spip_documents.spip_documents_left,
.mep_article .spip_documents.spip_documents_left,
.content .article .spip_documents.spip_documents_right,
.mep_article .spip_documents.spip_documents_right,
.content .article .spip_documents.spip_documents_center,
.mep_article .spip_documents.spip_documents_center {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 1em;
}
.content .article .spip_documents .spip_doc_legende,
.mep_article .spip_documents .spip_doc_legende {
  margin: 1.1em 0 0.2em;
  width: 100%;
  max-width: 100%;
}
.content .article .spip_documents .spip_doc_titre,
.mep_article .spip_documents .spip_doc_titre {
  margin: 0 17px;
  padding: 0 0 .5em;
  line-height: 1.2em;
  display: block;
}
.content .article .spip_documents .spip_doc_descriptif,
.mep_article .spip_documents .spip_doc_descriptif,
.content .article .spip_documents .spip_doc_credits,
.mep_article .spip_documents .spip_doc_credits {
  line-height: 140%;
  padding: 0;
  margin: .4em .5em 0;
}
.content .article .spip_documents .spip_doc_descriptif p,
.mep_article .spip_documents .spip_doc_descriptif p,
.content .article .spip_documents .spip_doc_credits p,
.mep_article .spip_documents .spip_doc_credits p {
  margin-bottom: 1em;
}
.content .article .spip_documents .spip_doc_descriptif p:last-of-type,
.mep_article .spip_documents .spip_doc_descriptif p:last-of-type,
.content .article .spip_documents .spip_doc_credits p:last-of-type,
.mep_article .spip_documents .spip_doc_credits p:last-of-type {
  margin-bottom: 0;
}
.content .article .spip_documents .spip_doc_credits,
.mep_article .spip_documents .spip_doc_credits {
  font-size: 0.8em;
  font-style: italic;
  font-weight: 400;
}
.content .article .spip_documents dt.spip_doc_titre + dd.spip_doc_descriptif,
.mep_article .spip_documents dt.spip_doc_titre + dd.spip_doc_descriptif {
  margin: 0 .5em 0;
}
.content .article .spip_documents.oembed_video,
.mep_article .spip_documents.oembed_video {
  margin: 5px;
  min-width: 200px;
}
.content .article .spip_documents.audio audio,
.mep_article .spip_documents.audio audio {
  margin-left: auto;
  margin-right: auto;
}
.content .article .spip_documents.spip_documents_center,
.mep_article .spip_documents.spip_documents_center {
  margin: 15px auto;
  padding: 15px;
  width: 100%;
  display: block;
  overflow: hidden;
}
.content .article .spip_documents.spip_documents_center *,
.mep_article .spip_documents.spip_documents_center * {
  text-align: center;
}
.content .article .spip_documents.spip_documents_center .spip_doc_descriptif,
.mep_article .spip_documents.spip_documents_center .spip_doc_descriptif,
.content .article .spip_documents.spip_documents_center .spip_doc_titre,
.mep_article .spip_documents.spip_documents_center .spip_doc_titre {
  width: auto !important;
}
.content .article .spip_documents.spip_documents_center .spip_doc_titre,
.mep_article .spip_documents.spip_documents_center .spip_doc_titre {
  font: 1.2em;
  margin-top: 1em;
}
.content .article .spip_documents.spip_documents_center .spip_doc_titre strong,
.mep_article .spip_documents.spip_documents_center .spip_doc_titre strong {
  line-height: 1.2em;
  display: block;
}
.content .article .spip_documents.spip_documents_left,
.mep_article .spip_documents.spip_documents_left {
  margin: .2em 4% 2.5em 0;
  float: left;
}
.content .article .spip_documents.spip_documents_right,
.mep_article .spip_documents.spip_documents_right {
  margin: .2em 0 2.5em 4%;
  float: right;
}
.content .article .spip_documents.spip_documents_left,
.mep_article .spip_documents.spip_documents_left,
.content .article .spip_documents.spip_documents_right,
.mep_article .spip_documents.spip_documents_right {
  max-width: 46%;
}
.content .article .spip_documents.spip_documents_left .oe-video,
.mep_article .spip_documents.spip_documents_left .oe-video,
.content .article .spip_documents.spip_documents_right .oe-video,
.mep_article .spip_documents.spip_documents_right .oe-video {
  float: none;
}
.content .article .spip_documents.spip_documents_center.oembed_video,
.mep_article .spip_documents.spip_documents_center.oembed_video {
  width: auto;
  padding: 40px 15px;
  margin: 2em 0;
}
.content .article .spip_documents.spip_documents_center.oembed_video .oembed,
.mep_article .spip_documents.spip_documents_center.oembed_video .oembed {
  width: 100%;
  max-width: 700px !important;
  padding: 0;
}
.content .article .spip_documents .oe-play-button button,
.mep_article .spip_documents .oe-play-button button {
  margin-left: -33px;
  margin-top: -33px;
  left: calc(50%);
  top: calc(50%);
}
.content .article .spip_documents.oembed_twitter,
.mep_article .spip_documents.oembed_twitter {
  width: auto;
  display: block;
  padding-bottom: 1.3em;
  margin: 2em auto;
}
.content .article .spip_documents.oembed_twitter .twitter-tweet,
.mep_article .spip_documents.oembed_twitter .twitter-tweet {
  text-align: left;
  padding-left: 16%;
  background: url(//ericbocquet.fr/sites/demo33.c-real.fr/local/cache-css/) no-repeat 2.4% 0.3em;
  background-size: 11%;
}
.content .article .spip_documents.oembed_twitter .twitter-tweet p,
.mep_article .spip_documents.oembed_twitter .twitter-tweet p {
  font-size: 1.5em;
  padding: 1px 4% 0;
  text-align: left;
  border-left: 1px solid #ddd;
  margin: 0.8em 0;
}
.content .article .spip_documents.oembed_twitter .oembed,
.mep_article .spip_documents.oembed_twitter .oembed {
  padding-bottom: 1em;
}
.content .article .spip_documents img,
.mep_article .spip_documents img {
  max-width: 100%;
}
.content .article .spip_documents p.spip,
.mep_article .spip_documents p.spip {
  margin: 0 !important;
}
.content .article .spip_documents.lecteurpdf,
.mep_article .spip_documents.lecteurpdf {
  width: 100%;
}
.content .article .toutlargeur,
.mep_article .toutlargeur {
  width: auto;
}
.content .article .toutlargeur .oembed_video,
.mep_article .toutlargeur .oembed_video {
  width: 100%;
}
.content .article .minivideo,
.mep_article .minivideo {
  width: 100%;
}
.content .article .carte_gis,
.mep_article .carte_gis {
  margin-bottom: 1.5em;
}
.content .article h3.spip,
.mep_article h3.spip,
.content .article h6.spip,
.mep_article h6.spip {
  border-bottom-color: #eb9e05;
}
.content .article h5.spip,
.mep_article h5.spip,
.content .article li:before,
.mep_article li:before,
.content .article ol li:before,
.mep_article ol li:before,
.content .article .spip_code,
.mep_article .spip_code,
.content .article .texteencadre-spip,
.mep_article .texteencadre-spip {
  background-color: #eb9e05;
}
.content .article h5.spip a,
.mep_article h5.spip a,
.content .article li:before a,
.mep_article li:before a,
.content .article ol li:before a,
.mep_article ol li:before a,
.content .article .spip_code a,
.mep_article .spip_code a,
.content .article .texteencadre-spip a,
.mep_article .texteencadre-spip a {
  color: #ffffff;
  text-decoration: underline;
}
.content .article .spip_out,
.mep_article .spip_out,
.content .article .spip_in,
.mep_article .spip_in,
.content .article .spip_ancre,
.mep_article .spip_ancre {
  color: #eb9e05;
}
.content .article .larticle table.spip,
.mep_article .larticle table.spip {
  border: 1px solid #eb9e05;
}
.content .article .larticle table.spip td,
.mep_article .larticle table.spip td {
  border-right: 1px solid #eb9e05;
}
.content .article .larticle table.spip thead,
.mep_article .larticle table.spip thead {
  background-color: #eb9e05;
}
.content .article .note .pintertitre,
.mep_article .note .pintertitre,
.content .article .notes .pintertitre,
.mep_article .notes .pintertitre {
  color: #eb9e05;
}
.content .article ul.spip li,
.mep_article ul.spip li {
  margin: 0 0 .3em;
}
.content .article dl.faq.js dt,
.mep_article dl.faq.js dt {
  background-position: 0.5em 0.6em;
  padding-left: 2.2em;
}
.content .article dl.faq.js dd,
.mep_article dl.faq.js dd {
  margin-top: 1em;
  padding: 0.4em 0 0 1.1em;
}
.content .article .spip:first-child,
.mep_article .spip:first-child,
.content .article blockquote:first-child,
.mep_article blockquote:first-child,
.content .article p:first-child,
.mep_article p:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .content .article .texte .spip_documents.spip_documents_left,
  .mep_article .texte .spip_documents.spip_documents_left,
  .content .article .texte .spip_documents.spip_documents_right,
  .mep_article .texte .spip_documents.spip_documents_right,
  .content .article .texte .cs_blocs,
  .mep_article .texte .cs_blocs {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .content .article .texte .cs_blocs,
  .mep_article .texte .cs_blocs {
    width: 100%;
  }
  .content .article .spip_documents.oembed_video,
  .mep_article .spip_documents.oembed_video {
    min-width: 0;
  }
}
@media screen and (max-width: 1280px) and (min-width: 480px) {
  .content .article .texte .spip_documents.spip_documents_right,
  .mep_article .texte .spip_documents.spip_documents_right,
  .content .article .texte .cs_blocs,
  .mep_article .texte .cs_blocs {
    margin-left: 5%;
  }
  .content .article .texte .spip_documents.spip_documents_left,
  .mep_article .texte .spip_documents.spip_documents_left {
    margin-right: 5%;
  }
}
.content .article h5.spip,
.mep_article h5.spip,
.content .article .titre.h5,
.mep_article .titre.h5 {
  font-size: 1.4em;
  font-style: normal;
  padding: .4em 0 .3em ;
  margin-bottom: 1em;
  color: #222222;
  background-color: transparent;
}
.content .article h6.spip,
.mep_article h6.spip,
.content .article .titre.h6,
.mep_article .titre.h6 {
  border-bottom: 1px solid #D60712;
  font-size: 1.4em;
  padding: 3px 0 4px;
}
.content .article ul.spip ul.spip .spip_documents,
.mep_article ul.spip ul.spip .spip_documents,
.content .article ul.spip ol.spip .spip_documents,
.mep_article ul.spip ol.spip .spip_documents {
  vertical-align: top;
}
.content .article ul.spip ol.spip,
.mep_article ul.spip ol.spip {
  left: 1em;
  margin-bottom: 2.3em;
  margin-top: 0.5em;
}
.content .article ol.spip ol.spip li,
.mep_article ol.spip ol.spip li,
.content .article ul.spip ol.spip li,
.mep_article ul.spip ol.spip li {
  padding: 0.4em 1.2em 0.5em 1.3em;
  margin-bottom: 0.1em;
  box-shadow: none;
  border: none;
  background-color: transparent;
}
.content .article ol.spip ol.spip li:before,
.mep_article ol.spip ol.spip li:before,
.content .article ul.spip ol.spip li:before,
.mep_article ul.spip ol.spip li:before {
  border-radius: 50%;
  margin-top: -0.1em;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8;
  text-align: center;
  padding: 0;
  font-size: 0.9em;
}
.content .article ol.spip,
.mep_article ol.spip {
  margin-top: 1em;
  margin-bottom: 2.5em;
  position: relative;
  padding-left: 0.1em;
  /* La liste dans la numerotation */
}
.content .article ol.spip > li,
.mep_article ol.spip > li {
  display: table;
  margin: 0 0.5em 1.2em 0.2em;
  background: #e8e8e8;
  padding: 1em 1.4em 1.1em 1.2em;
  border-left: 6px solid #eb9e05;
  box-shadow: #ddd 6px 5px 5px;
}
.content .article ol.spip > li:before,
.mep_article ol.spip > li:before {
  padding: 0.1em 0.3em 0 0.7em;
  line-height: 1.55em;
  position: absolute;
  margin-top: -1em;
  left: -1.1em;
  border-radius: 0.8em 0 0 0.8em;
  height: 1.7em;
}
.content .article ol.spip > li:hover,
.mep_article ol.spip > li:hover {
  box-shadow: #ddd 2px 2px 6px;
  transition: .2s;
}
.content .article ol.spip ul.spip,
.mep_article ol.spip ul.spip {
  margin: 0.2em 0;
  padding-left: 0;
}
.content .article ol.spip ul.spip > li,
.mep_article ol.spip ul.spip > li {
  padding: 0.4em 1.2em 0.5em 1.3em;
  margin-bottom: 0.1em;
  box-shadow: none;
  border: none;
  background-color: transparent;
}
.content .article ol.spip ul.spip > li::before,
.mep_article ol.spip ul.spip > li::before {
  content: " ";
  height: .5em;
  padding: 0;
  border-radius: 50%;
  left: 0;
  margin: 0.5em .1em 0 0;
}
.content .article ol.spip ol.spip,
.mep_article ol.spip ol.spip {
  margin: .6em 0 0 1.3em;
}
.content .article a.spip_out::after,
.mep_article a.spip_out::after,
.content .article a.spip_in::after,
.mep_article a.spip_in::after,
.content .article a.spip_glossaire::after,
.mep_article a.spip_glossaire::after,
.content .article p.spip_note a::after,
.mep_article p.spip_note a::after,
.content .article p.spip a::after,
.mep_article p.spip a::after,
.content .article .spip_in::after,
.mep_article .spip_in::after,
.content .article .spip_note::after,
.mep_article .spip_note::after,
.content .article .spip_dic sup::after,
.mep_article .spip_dic sup::after,
.content .article .larticle a::after,
.mep_article .larticle a::after {
  content: none;
}
.content .article .spip_note_ref a,
.mep_article .spip_note_ref a,
.content .article .spip_note a,
.mep_article .spip_note a {
  position: relative;
  padding-top: calc(220px);
}
.content .article .caractencadre-spip,
.mep_article .caractencadre-spip,
.content .article .caractencadre2-spip,
.mep_article .caractencadre2-spip {
  color: #eb9e05;
  font-style: italic;
  font-size: .95em;
  font-weight: 500;
  border-bottom: 4px solid #fff;
  background-color: #fff;
  padding: 0.2em 0.4em 0;
  border-radius: 0.3em;
  margin: 0 0.3em 0;
  box-shadow: 0 0 5px #0003;
}
.content .article .caractencadre2-spip,
.mep_article .caractencadre2-spip {
  color: #222222;
}
.content .article .texteencadre-spip,
.mep_article .texteencadre-spip {
  background-color: #eb9e05;
}
.content .article .spip_code,
.mep_article .spip_code,
.content .article code,
.mep_article code {
  color: #c7254e;
  background-color: #f9f2f4;
  font-weight: 600;
  margin-bottom: 1.8em;
  padding: 0.4em 1em 0.4em;
  display: inline-block;
  vertical-align: unset;
}
.content .article code,
.mep_article code {
  border-radius: 0.2em;
}
.content .article p > .spip_code,
.mep_article p > .spip_code,
.content .article p > code,
.mep_article p > code {
  margin-bottom: 0;
}
.content .article .spip_code > code,
.mep_article .spip_code > code {
  border: none;
  padding: 0;
  background: none;
  color: inherit;
}
.content .article samp,
.mep_article samp {
  font-weight: bold;
}
.content .article var,
.mep_article var {
  font-style: italic;
}
@media print {
  .content .article pre,
  .mep_article pre {
    page-break-inside: avoid;
  }
}
.content .article .cs_blocs,
.mep_article .cs_blocs {
  background: transparent;
  border-width: 0 0 0 8px;
  margin-bottom: 1.5em;
  padding: 0 0 0 33px;
}
.content .article .cs_blocs .blocs_titre,
.mep_article .cs_blocs .blocs_titre {
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 600;
  color: #eb9e05;
}
.content .article .cs_blocs .blocs_titre p:last-of-type,
.mep_article .cs_blocs .blocs_titre p:last-of-type {
  padding-bottom: 0;
}
.content .article .cs_blocs .blocs_titre:before,
.mep_article .cs_blocs .blocs_titre:before {
  content: url(https://ericbocquet.fr/squ/squelettes/ergo/fleche/d_moyen.png);
}
.content .article blockquote.spip,
.mep_article blockquote.spip,
.content .article blockquote.spip_poesie,
.mep_article blockquote.spip_poesie {
  line-height: 160%;
  margin: 1.5em auto ;
}
.content .article hr.spip,
.mep_article hr.spip {
  width: 100%;
}
.content .article caption,
.mep_article caption,
.content .article .tablesorter-default > caption,
.mep_article .tablesorter-default > caption {
  background-color: #fff;
  padding: 1.8em 1em 1.8em;
  text-align: center;
  font-size: 1.5em;
  color: #000;
  font-weight: 600;
  font-family: 'Nunito Sans', Verdana, sans-serif;
}
.content .article table.spip,
.mep_article table.spip {
  margin: .1em 0 .3em;
  border-width: 1px 1px 1px 2px;
}
.content .article table.spip,
.mep_article table.spip,
.content .article table.spip td,
.mep_article table.spip td,
.content .article table.spip th,
.mep_article table.spip th {
  border-collapse: collapse;
  font-size: 14px;
  margin: 20px 0 25px;
  padding: .6em .4em;
  border: 1px solid #ddd;
  text-align: center;
  vertical-align: middle;
}
.content .article .note,
.mep_article .note,
.content .article .notes,
.mep_article .notes {
  border-top: 1px solid #eb9e05;
  padding-top: 3em;
  color: #666666;
  font-size: 1em;
}
.content .article .note .pintertitre,
.mep_article .note .pintertitre,
.content .article .notes .pintertitre,
.mep_article .notes .pintertitre {
  color: #eb9e05;
}
.content .article .spip_documents img,
.mep_article .spip_documents img {
  max-width: 100%;
}
.content .article .spip_documents p.spip,
.mep_article .spip_documents p.spip {
  margin: 0 !important;
}
.content .article .spip_documents .spip_doc_titre,
.mep_article .spip_documents .spip_doc_titre {
  padding: 0 0 .1em;
  line-height: 1.2em;
  display: block;
}
.content .article .spip_documents .spip_doc_credits,
.mep_article .spip_documents .spip_doc_credits {
  font-size: .85em;
}
.content .article .spip_documents .oe-play-button button,
.mep_article .spip_documents .oe-play-button button {
  margin-left: -33px;
  margin-top: -33px;
  left: calc(50%);
  top: calc(50%);
}
.content .article .spip_documents.spip_documents_center,
.mep_article .spip_documents.spip_documents_center {
  margin: 3em auto;
  padding: 1em;
}
.content .article .spip_documents.spip_documents_center > *,
.mep_article .spip_documents.spip_documents_center > * {
  text-align: center;
}
.content .article .spip_documents.spip_documents_center img,
.mep_article .spip_documents.spip_documents_center img {
  margin: 0 auto;
}
.content .article .spip_documents.spip_documents_center .spip_doc_legende,
.mep_article .spip_documents.spip_documents_center .spip_doc_legende {
  margin: 1.5em 0 0.6em;
}
.content .article .spip_documents.spip_documents_left,
.mep_article .spip_documents.spip_documents_left,
.content .article .spip_documents.spip_documents_right,
.mep_article .spip_documents.spip_documents_right {
  max-width: calc(46%);
  position: relative;
  z-index: 1;
}
.content .article .spip_documents.spip_documents_left.oembed_video,
.mep_article .spip_documents.spip_documents_left.oembed_video,
.content .article .spip_documents.spip_documents_right.oembed_video,
.mep_article .spip_documents.spip_documents_right.oembed_video {
  width: calc(46%);
}
.content .article .spip_documents.inline,
.mep_article .spip_documents.inline,
.content .article .spip_documents.inline figure,
.mep_article .spip_documents.inline figure,
.content .article .spip_documents.inline img,
.mep_article .spip_documents.inline img {
  display: inline;
  float: inherit;
  overflow: inherit;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.content .article .spip_documents .oembed_video,
.mep_article .spip_documents .oembed_video {
  margin-bottom: 2em;
}
.content .article .spip_documents.lecteurpdf,
.mep_article .spip_documents.lecteurpdf {
  padding: 30px;
}
.content .article .spip_documents.spip_document_text,
.mep_article .spip_documents.spip_document_text {
  display: block;
}
.content .article .spip_documents.spip_document_text .table,
.mep_article .spip_documents.spip_document_text .table {
  margin-bottom: 0;
}
.content .article .spip_documents.spip_document_file,
.mep_article .spip_documents.spip_document_file {
  box-shadow: 2px 2px 13px #0003;
  background-color: #fff;
  display: table;
  width: auto;
  padding: 20px 22px 20px 12px;
}
.content .article .spip_documents.spip_document_file figure,
.mep_article .spip_documents.spip_document_file figure {
  display: flex;
  align-items: center;
}
.content .article .spip_documents.spip_document_file figure .spip_doc_legende,
.mep_article .spip_documents.spip_document_file figure .spip_doc_legende {
  margin: 0 0 0 10px;
}
.content .article .spip_documents.spip_document_file figure .spip_doc_legende div,
.mep_article .spip_documents.spip_document_file figure .spip_doc_legende div {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.content .article .spip_documents.spip_document_file figure .spip_doc_legende .spip_doc_descriptif,
.mep_article .spip_documents.spip_document_file figure .spip_doc_legende .spip_doc_descriptif {
  font-size: .9em;
}
.content .article .spip_documents.spip_document_file figure .spip_doc_legende .spip_doc_credit,
.mep_article .spip_documents.spip_document_file figure .spip_doc_legende .spip_doc_credit {
  font-size: .8em;
}
.content .article .spip_documents.spip_document_file.spip_documents_left,
.mep_article .spip_documents.spip_document_file.spip_documents_left {
  margin: 0.2em calc(4% - 13px) 2.5em 13px;
}
.content .article .spip_documents.spip_document_file.spip_documents_right,
.mep_article .spip_documents.spip_document_file.spip_documents_right {
  margin: 0.2em 13px 2.5em calc(4% - 13px);
}
.content .article .item_picker img,
.mep_article .item_picker img {
  width: inherit;
}
.content .article iframe,
.mep_article iframe {
  padding: 0 0 2.5em;
}
@media screen and (max-width: 767px) {
  .content .article blockquote.spip,
  .mep_article blockquote.spip,
  .content .article blockquote.spip_poesie,
  .mep_article blockquote.spip_poesie {
    font-size: 1em;
  }
  .content .article code,
  .mep_article code,
  .content .article pre,
  .mep_article pre,
  .content .article samp,
  .mep_article samp {
    word-wrap: break-word;
    white-space: pre-line;
    /* passage a la ligne specifique pour les elements a chasse fixe */
  }
  .content .article blockquote.spip,
  .mep_article blockquote.spip,
  .content .article blockquote.spip_poesie,
  .mep_article blockquote.spip_poesie {
    font-size: 1.2em;
  }
  .content .article blockquote.spip::before,
  .mep_article blockquote.spip::before,
  .content .article blockquote.spip::after,
  .mep_article blockquote.spip::after {
    font-size: 2.2em;
  }
  .content .article table.spip,
  .mep_article table.spip {
    width: auto;
  }
}
.content .article p,
.mep_article p {
  font-size: 1em;
  font-weight: inherit;
}
.content .article .autobr,
.mep_article .autobr {
  margin-bottom: 1em;
}
.content .article h2.spip,
.mep_article h2.spip,
.content .article h3.spip,
.mep_article h3.spip,
.content .article .titre.h3,
.mep_article .titre.h3 {
  font-size: 2em;
  margin-bottom: .8em;
  padding: 0 0 0.15em;
}
.content .article h4.spip,
.mep_article h4.spip {
  font-size: 1.8em;
}
.content .article h5.spip,
.mep_article h5.spip {
  font-size: 1em;
}
.content .article ul.spip,
.mep_article ul.spip {
  border-width: 0;
  padding-left: 0.4em;
}
.content .article ul.spip > li,
.mep_article ul.spip > li {
  margin-left: 0;
}
.content .article ul.spip li,
.mep_article ul.spip li {
  padding-top: .4em;
}
.content .article ol.spip > li,
.mep_article ol.spip > li {
  margin-bottom: 1em;
}
.content .article ol.spip,
.mep_article ol.spip {
  position: relative;
  padding-left: 0.1em;
  margin: 1em 0 1.9em 4em;
}
.content .article ol.spip li,
.mep_article ol.spip li {
  margin: 0 0.5em 1.3em 0.2em;
  background: #e8e8e8;
  padding: 1em 1.4em 1.1em 1.2em;
  border-left: 6px solid #eb9e05;
  box-shadow: #ddd 6px 5px 5px;
}
.content .article ol.spip li:before,
.mep_article ol.spip li:before {
  position: absolute;
  margin-right: 0em;
  margin-top: -1em;
  left: -1.1em;
  border-radius: 0.8em 0 0 0.8em;
  height: 1.7em;
  padding: 0.1em 0.3em 0 0.7em;
  line-height: 1.55em;
}
.content .article ol.spip li:hover,
.mep_article ol.spip li:hover {
  box-shadow: #ddd 2px 2px 6px;
  transition: .2s;
}
.content .article ol.spip > li,
.mep_article ol.spip > li {
  margin-bottom: 1em;
}
.content .article .spip_code,
.mep_article .spip_code {
  background-color: #e8e8e8;
  color: #222222;
  padding: 0.4em 0.9em 0.4em;
}
.content .article .spip_code > code,
.mep_article .spip_code > code {
  border: none;
  padding: 0;
  background: none;
  color: inherit;
}
.content .article .cs_blocs,
.mep_article .cs_blocs {
  padding-left: 2%;
}
.content .article .blocs_titre,
.mep_article .blocs_titre {
  margin-bottom: .6em;
}
.content .article hr.spip,
.mep_article hr.spip {
  margin: 2.7em 0;
}
.content .article table.spip,
.mep_article table.spip {
  width: 100%;
  display: table;
}
.content .article .spip_documents.portrait,
.mep_article .spip_documents.portrait {
  max-width: 39.5%;
}
.content .article .spip_documents.portrait.spip_documents_left,
.mep_article .spip_documents.portrait.spip_documents_left {
  margin-right: 5.6%;
}
.content .article .spip_documents.portrait.spip_documents_right,
.mep_article .spip_documents.portrait.spip_documents_right {
  margin-left: 5.6%;
}
.content .article .spip_documents .spip_doc_titre,
.mep_article .spip_documents .spip_doc_titre,
.content .article .spip_documents .spip_doc_descriptif,
.mep_article .spip_documents .spip_doc_descriptif {
  margin: 0 auto;
}
.content .article .spip_documents .spip_doc_titre,
.mep_article .spip_documents .spip_doc_titre {
  font-size: 1em;
}
.content .article .spip_documents .spip_doc_descriptif,
.mep_article .spip_documents .spip_doc_descriptif {
  font-size: 0.9em;
  font-weight: 400;
  font-style: italic;
}
.content .article .spip_documents.media_file,
.mep_article .spip_documents.media_file {
  padding: 0.6em 0.9em;
  margin-top: 1.5em;
}
.content .article .spip_documents.media_file .logo,
.mep_article .spip_documents.media_file .logo {
  float: left;
  padding-right: 0.8em;
}
.content .article .spip_documents.media_file .logo img,
.mep_article .spip_documents.media_file .logo img {
  max-height: 6em;
}
.content .article .spip_documents.media_file .spip_doc_titre,
.mep_article .spip_documents.media_file .spip_doc_titre,
.content .article .spip_documents.media_file .spip_doc_descriptif,
.mep_article .spip_documents.media_file .spip_doc_descriptif,
.content .article .spip_documents.media_file .credits,
.mep_article .spip_documents.media_file .credits {
  text-align: left;
  margin-left: 143px;
}
.content .article .spip_documents.media_file .spip_doc_titre + .spip_doc_descriptif,
.mep_article .spip_documents.media_file .spip_doc_titre + .spip_doc_descriptif {
  margin: 0 0 0 143px;
}
.content .article .spip_documents.media_file .spip_doc_titre,
.mep_article .spip_documents.media_file .spip_doc_titre {
  margin-top: 0;
}
.content .article .spip_documents.media_file dt,
.mep_article .spip_documents.media_file dt {
  padding-bottom: .35em;
}
.content .article .spip_documents.media_file dd,
.mep_article .spip_documents.media_file dd {
  padding-bottom: .6em;
}
.content .article .spip_documents.spip_documents_center.oembed_video,
.mep_article .spip_documents.spip_documents_center.oembed_video {
  padding: 15px 15px;
}
.content .article iframe,
.mep_article iframe {
  overflow: hidden;
}
.content .article iframe html,
.mep_article iframe html {
  overflow: hidden;
}
/*  */
.contenu .liste-doc {
  width: 100%;
  margin-bottom: 1em;
  overflow: hidden;
}
.contenu .liste-doc .grotit-doc {
  font-size: 1.6em;
  font-weight: 500;
  margin-bottom: 0.7em;
  width: 100%;
  border-bottom: 1px solid #f0f1f2;
  padding-bottom: 0.5em;
}
.contenu .liste-doc .coldroite .tit {
  padding: .1em 0 0;
  text-align: left;
  font-size: 1.1em;
}
.contenu .liste-doc .coldroite .cnt {
  font-size: .95em;
  width: 95%;
}
.contenu .liste-doc .coldroite .lls {
  border-top: 1px solid #bbb;
  padding-top: 0.5em;
  display: block;
  margin: 0.6em 0 0.2em;
  width: 95%;
  font-style: italic;
  font-size: .95em;
}
.contenu .liste-doc .coldroite .extension {
  font-style: italic;
  color: #555;
  font-size: .9em;
  margin-bottom: .2em;
}
.contenu .liste-doc:not(.galerie) .entourelogo {
  margin-right: 1em 1em 1.4em;
  padding-right: 0;
}
.contenu .liste-doc.galerie {
  overflow: visible;
}
.contenu .liste-doc.galerie * {
  overflow: visible;
}
.contenu .liste-doc.galerie > .row {
  margin-top: 1em;
}
.contenu .galerie .row,
.contenu .galerie .col-sm-4 {
  padding-left: 12px;
  padding-right: 12px;
}
.contenu .galerie .item {
  padding: 0;
}
.contenu .content #contenu .liste-doc .spip_logo {
  margin: 0 0 0 11%;
}
.contenu .minivideo {
  height: 27.2em;
}
.contenu .oembed_file {
  margin-bottom: 2.2em;
}
.contenu .oembed_file .oe-rich {
  background-image: none !important;
}
.contenu .oembed_file .oe-title,
.contenu .oembed_file .oembed-author {
  margin: .5em 27% .3em;
  display: block;
  font-size: .9em;
}
.contenu .oembed_file .oe-author {
  margin: .5em .4em .3em 27%;
  font-size: .9em;
}
.contenu .oe-play-button::before {
  background-color: #eb9e05;
}
.contenu .oe-play-button::before:hover {
  background-color: #a06c03;
}
/*  */
.bicolonnes .colgauche .petition_container .date {
  padding: .5em;
  padding: 0.4em .6em;
  margin: 1.4em 0;
  font-weight: 500;
  border-bottom: 3px solid #eb9e05;
}
.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_infolettre .chapo {
  margin-bottom: 2em;
}
.page_infolettre .asidedroite {
  margin-top: 4.1em;
}
/*  */
.page_contact .formulaire_formidable form .editer_odd:first-of-type,
.page_contact .formulaire_formidable form .editer_odd:first-of-type + .editer_even {
  width: 44.6%;
  margin-left: 5%;
  display: inline-block;
}
@media (max-width: 480px) {
  .page_contact .formulaire_formidable form .editer_odd:first-of-type,
  .page_contact .formulaire_formidable form .editer_odd:first-of-type + .editer_even {
    width: 94%;
  }
}
/*  */
.page_type_liste .titsuite {
  margin-top: 1em;
}
/*  */
.page_recherche .content .page_type_liste .chapo h3 {
  margin: 0 0 1em;
}
.page_recherche .content .page_type_liste .bicolonnes .asidedroite {
  margin-top: 1.7em;
}
.page_recherche .content .page_type_liste .bicolonnes .asidedroite .formulaire_spip {
  padding-top: 2em;
}
.page_recherche .content .page_type_liste .bicolonnes .asidedroite .marginputbas {
  margin-bottom: 1em;
}
.page_recherche .content .page_type_liste .bicolonnes .intro .grotit {
  font-size: 2.8em;
  margin: 0 0 0.8em;
  color: #000;
}
.page_recherche .content .page_type_liste .bicolonnes .intro .grotit i {
  color: #eb9e05;
}
.contenu #formulaire_recherche2 {
  padding-top: 2em;
}
.contenu #formulaire_recherche2 > div {
  width: 100%;
}
.contenu #formulaire_recherche2 .text {
  padding: 1.3em;
  width: 98%;
}
.contenu #formulaire_recherche2 .text,
.contenu #formulaire_recherche2 .btn {
  font-size: 18px;
  height: 28px;
  border-radius: .2em;
}
.contenu #formulaire_recherche2 .submit {
  margin: 0 0 0 1.3em;
  padding: .5em 2%;
  border-radius: .2em;
  font-size: 18px;
}
.contenu #formulaire_recherche2 .saisie_input {
  width: 65%;
  display: inline-block;
}
/*  */
/*  */
/*  */
.page_videos .intro .grosoustit,
.page_video .intro .grosoustit,
.page_galerie .intro .grosoustit {
  text-align: center;
  margin-top: 1em;
}
.page_videos .item .tit,
.page_video .item .tit,
.page_galerie .item .tit {
  text-align: left;
  min-height: 2em;
}
.page_videos .item .btn,
.page_video .item .btn,
.page_galerie .item .btn {
  margin-top: 1.5em;
}
.page_videos .item .entourelogo,
.page_video .item .entourelogo,
.page_galerie .item .entourelogo {
  margin-bottom: 1.2em;
}
.page_videos .item .logo img,
.page_video .item .logo img,
.page_galerie .item .logo img {
  max-width: 100%;
}
/*  */
.page_auteurs .item-auteur {
  overflow: visible;
}
/*  */
.page_plan #laliste {
  text-align: left;
}
.page_plan #laliste .titsuite {
  padding-bottom: .2em;
  border-bottom: 5px solid #eb9e05;
}
.page_plan #laliste .liste-items {
  margin-top: 3em;
  line-height: 130%;
}
.page_plan #laliste .item {
  min-height: 100px;
}
.page_plan #laliste .item .tit a {
  color: #000;
}
.page_plan #laliste .item .titit {
  margin: .3em 0 .2em;
}
.page_plan #laliste .item .evt {
  margin-left: 1.2em;
  color: #000;
  font-weight: 500;
}
.page_plan #laliste .btn {
  margin-top: 1em;
}
/*  */
.grosboutons {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
}
.grosboutons .grosbouton {
  position: relative;
  min-height: 17em;
  margin-bottom: 2em;
}
.grosboutons .grosbouton * {
  -webkit-animation: 0.5s;
  -o-animation: 0.5s;
  animation: 0.5s;
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
}
.grosboutons .grosbouton .ico,
.grosboutons .grosbouton svg {
  width: 70%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
}
.grosboutons .grosbouton .legende {
  position: absolute;
  color: #666666;
  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: #dc1e39;
}
.page_compte .contenu,
.page_abonnement .contenu {
  /* --------------  PAGE CONSULTER EN PDF -------------- */
  /* --------------  APERCU PDF   -------------- */
}
.page_compte .contenu .grotit,
.page_abonnement .contenu .grotit {
  margin-bottom: .6em;
}
.page_compte .contenu .chapo,
.page_abonnement .contenu .chapo {
  background: #e8e8e8;
  padding: 0.7em 2.5%;
  margin-bottom: 2em;
}
.page_compte .contenu .filetbas,
.page_abonnement .contenu .filetbas {
  margin-bottom: 15px;
  padding-bottom: 0;
  border-bottom: 1px solid #d7d6d6;
  font-size: 1.1em;
  font-weight: 500;
  line-height: 140%;
}
.page_compte .contenu .factures .grotit,
.page_abonnement .contenu .factures .grotit {
  overflow: hidden;
  width: 100%;
  padding: 0.1em;
}
.page_compte .contenu .factures .droite,
.page_abonnement .contenu .factures .droite {
  margin-top: .4em;
}
.page_compte .contenu #coldroite,
.page_abonnement .contenu #coldroite,
.page_compte .contenu #asidedroite,
.page_abonnement .contenu #asidedroite {
  margin-top: 0;
  /* Encarts spécifiques à la colonne de droite du compte client */
}
.page_compte .contenu #coldroite .deconnect,
.page_abonnement .contenu #coldroite .deconnect,
.page_compte .contenu #asidedroite .deconnect,
.page_abonnement .contenu #asidedroite .deconnect {
  margin: 0.1em 0 1.7em;
}
.page_compte .contenu #coldroite .encartcompte,
.page_abonnement .contenu #coldroite .encartcompte,
.page_compte .contenu #asidedroite .encartcompte,
.page_abonnement .contenu #asidedroite .encartcompte {
  margin-top: 8em;
}
.page_compte .contenu #coldroite .encartcompte .grotit,
.page_abonnement .contenu #coldroite .encartcompte .grotit,
.page_compte .contenu #asidedroite .encartcompte .grotit,
.page_abonnement .contenu #asidedroite .encartcompte .grotit {
  margin-bottom: 0;
  font-size: 1.1em;
  font-weight: 500;
  color: #000;
  text-transform: uppercase;
  padding-top: 0.8em;
  background: #eb9e05;
  border-radius: .2em .2em 0 0;
}
.page_compte .contenu #coldroite .encartcompte .tit,
.page_abonnement .contenu #coldroite .encartcompte .tit,
.page_compte .contenu #asidedroite .encartcompte .tit,
.page_abonnement .contenu #asidedroite .encartcompte .tit {
  font-size: 1.1em;
  margin-bottom: 0.3em;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.4em;
  display: table;
}
.page_compte .contenu #coldroite .encartcompte .boutons,
.page_abonnement .contenu #coldroite .encartcompte .boutons,
.page_compte .contenu #asidedroite .encartcompte .boutons,
.page_abonnement .contenu #asidedroite .encartcompte .boutons {
  text-align: right;
  margin-right: 1em;
}
.page_compte .contenu.mode-pdf_consulter .spip_logo,
.page_abonnement .contenu.mode-pdf_consulter .spip_logo,
.page_compte .contenu.mode-pdf_achat .spip_logo,
.page_abonnement .contenu.mode-pdf_achat .spip_logo {
  margin-bottom: .5em;
}
.page_compte .contenu.mode-pdf_consulter .liste-doc .item,
.page_abonnement .contenu.mode-pdf_consulter .liste-doc .item,
.page_compte .contenu.mode-pdf_achat .liste-doc .item,
.page_abonnement .contenu.mode-pdf_achat .liste-doc .item {
  position: relative;
  min-height: 21em;
}
.page_compte .contenu.mode-pdf_consulter .liste-doc .item .offre_prix,
.page_abonnement .contenu.mode-pdf_consulter .liste-doc .item .offre_prix,
.page_compte .contenu.mode-pdf_achat .liste-doc .item .offre_prix,
.page_abonnement .contenu.mode-pdf_achat .liste-doc .item .offre_prix,
.page_compte .contenu.mode-pdf_consulter .liste-doc .item .btnpanier,
.page_abonnement .contenu.mode-pdf_consulter .liste-doc .item .btnpanier,
.page_compte .contenu.mode-pdf_achat .liste-doc .item .btnpanier,
.page_abonnement .contenu.mode-pdf_achat .liste-doc .item .btnpanier {
  color: #000;
  position: absolute;
  top: 5.9em;
  text-align: center;
  left: calc(50% - 2.5em);
  width: 5em;
  padding: .5em 0;
  -webkit-box-shadow: 0em 0em 2.7em #000000;
  -moz-box-shadow: 0em 0em 2.7em #000000;
  box-shadow: 0em 0em 2.7em #000000;
  -webkit-animation: 0.3s;
  -o-animation: 0.3s;
  animation: 0.3s;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999) 0.01s;
}
.page_compte .contenu.mode-pdf_consulter .liste-doc .item .offre_prix:hover,
.page_abonnement .contenu.mode-pdf_consulter .liste-doc .item .offre_prix:hover,
.page_compte .contenu.mode-pdf_achat .liste-doc .item .offre_prix:hover,
.page_abonnement .contenu.mode-pdf_achat .liste-doc .item .offre_prix:hover,
.page_compte .contenu.mode-pdf_consulter .liste-doc .item .btnpanier:hover,
.page_abonnement .contenu.mode-pdf_consulter .liste-doc .item .btnpanier:hover,
.page_compte .contenu.mode-pdf_achat .liste-doc .item .btnpanier:hover,
.page_abonnement .contenu.mode-pdf_achat .liste-doc .item .btnpanier:hover {
  background: #dc1e39;
  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: #eb9e05;
  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: #b30005;
}
.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 #b3b3b3;
}
.page_compte .contenu.mode-pdf_apercu .introboutons .btn-petit,
.page_abonnement .contenu.mode-pdf_apercu .introboutons .btn-petit {
  padding: 0.6em 0.6em;
  vertical-align: top;
  margin-left: 0.6em;
}
.page_compte .item-commande .titit,
.page_abonnement .item-commande .titit {
  margin-top: .5em;
}
.page_compte .item-commande ul,
.page_abonnement .item-commande ul {
  padding-left: 0;
  margin-top: 0;
}
.page_compte .item-commande ul li,
.page_abonnement .item-commande ul li {
  list-style: none;
}
.page_compte #formulaire_inscription .boutons,
.page_abonnement #formulaire_inscription .boutons {
  margin: 2em 0 .5em;
  text-align: center;
}
.page_compte .formulaire_editer_auteur .editer_bio,
.page_abonnement .formulaire_editer_auteur .editer_bio,
.page_compte .formulaire_editer_auteur .editer_pgp,
.page_abonnement .formulaire_editer_auteur .editer_pgp,
.page_compte .formulaire_editer_auteur .editer_liens_sites,
.page_abonnement .formulaire_editer_auteur .editer_liens_sites,
.page_compte .formulaire_editer_auteur .champs_extra,
.page_abonnement .formulaire_editer_auteur .champs_extra,
.page_compte .formulaire_editer_auteur .fieldset_fichier_client,
.page_abonnement .formulaire_editer_auteur .fieldset_fichier_client {
  display: none;
}
.page_compte .contenu,
.page_abonnement .contenu {
  /* --------------  COORDONNEES AVANT ACHAT  -------------- */
  /* --------------  PAGE ABONNEMENT   -------------- */
}
.page_compte .contenu.mode-coordonneesavantachat .champs_extras,
.page_abonnement .contenu.mode-coordonneesavantachat .champs_extras {
  display: block;
}
.page_compte .contenu .liste-items .item .tit,
.page_abonnement .contenu .liste-items .item .tit {
  margin: 0 0 0.7em;
}
.page_compte .contenu .item-offre,
.page_abonnement .contenu .item-offre {
  width: 100%;
}
.page_compte .contenu .item-offre .boutons,
.page_abonnement .contenu .item-offre .boutons {
  width: 95%;
}
.page_compte .contenu .item-offre .boutons .formulaire_spip,
.page_abonnement .contenu .item-offre .boutons .formulaire_spip {
  padding: 0;
  background-color: transparent;
  margin: 0;
}
.page_compte .contenu .item-offre .boutons .formulaire_spip form .saisie_input,
.page_abonnement .contenu .item-offre .boutons .formulaire_spip form .saisie_input {
  width: auto;
}
.page_compte .contenu .item-offre .boutons .formulaire_spip form button.submit,
.page_abonnement .contenu .item-offre .boutons .formulaire_spip form button.submit {
  padding: 0.4em 4%;
  font-size: 1em;
}
.page_compte .contenu .offre_paiement,
.page_abonnement .contenu .offre_paiement {
  padding: 0.6em .1em 0.2em;
}
.page_compte .contenu .offre_perso,
.page_abonnement .contenu .offre_perso {
  background: #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: #eb9e05;
  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 seulement -------------- */
.page_abonnement .content #contenu #coldroite #pubcarre,
.page_abonnement .content #contenu #asidedroite #pubcarre {
  margin-top: 8.1em;
}
.page_abonnement .content #contenu #coldroite #pubcarre .item,
.page_abonnement .content #contenu #asidedroite #pubcarre .item {
  margin-top: 2.2em;
}
.formulaire_editer_auteur .valider-panier {
  padding: 1.1em;
  text-align: center;
}
/*  */
select {
  display: block;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%;
  padding: 0.5em 0.6em;
}
select::-ms-expand {
  display: none;
}
select:hover {
  border-color: #888;
}
select:focus {
  color: #222;
  outline: none;
}
select option {
  font-weight: normal;
}
/* --------------  INSCRIPTIONS -------------- */
.formulaire_inscription .editer_password p.details,
#formulaire_login .editer_password p.details {
  margin-top: 0.9em;
}
.formulaire_inscription .saisie_nom_inscription,
#formulaire_login .saisie_nom_inscription {
  vertical-align: top;
}
.connect .titconnect {
  font-weight: 400;
  font-size: 2em;
  color: #eb9e05;
  margin: 0 0 0.5em;
}
.connect .preamb {
  display: block;
  margin-bottom: 1.3em;
  min-height: 4.5em;
}
.connect .preamb p {
  margin: 0 0 0.5em;
}
.connect .preamb p:last-of-type {
  margin-bottom: 0;
}
.connect .preamb sc {
  font-variant: small-caps;
}
.connect .preamb h3.spip,
.connect .preamb h4.spip {
  font-size: 1.4em;
  margin-bottom: .3em;
}
.connect .preamb h4.spip {
  margin: .4em 0;
}
.connect .preamb h5.spip {
  font-size: .9em;
  margin: 0.2em 0 0.1em;
}
.connect .preamb ul.spip,
.connect .preamb ol.spip {
  margin: 0 0 0.3em 0.4em;
}
.connect .preamb ul.spip {
  list-style: none;
  position: relative;
  margin: 0;
  padding-left: 0;
}
.connect .preamb ul.spip li {
  padding: .1em 0 .3em .8em;
  line-height: 140%;
  margin-bottom: .3em;
  position: relative;
}
.connect .preamb ul.spip li:before {
  content: " ";
  background-color: #eb9e05;
  top: 0.1em;
  width: 0.5em;
  height: .5em;
  left: 0px;
  position: absolute;
  margin: 0.6em .1em 0 0;
  border-radius: 50%;
}
.connect .preamb ol.spip li {
  margin: 0 0 1.2em .3em;
}
.connect .preamb ol.spip li:before {
  padding: 0.1em 0.5em 0 0.7em;
  margin-top: -1.15em;
  line-height: 150%;
  font-size: .9em;
}
.connect .preamb .spip_out,
.connect .preamb .spip_glossaire,
.connect .preamb .spip_in {
  font-size: .95em;
}
.connect .preamb .spip_out,
.connect .preamb .spip_glossaire {
  background-position: 0.5em 0.4em;
}
.connect .preamb .caractencadre-spip {
  font-size: .95em;
  padding: 0.1em 0.2em;
}
.connect .preamb .cs_blocs {
  float: none;
  width: 100%;
  padding: 0;
  margin-bottom: 0;
  border-left: 0 solid #458;
}
.connect .preamb .cs_blocs .blocs_titre {
  font-size: 1.2em;
}
.connect .preamb .cs_blocs .blocs_titre:before {
  top: -.05em;
  padding: .4em;
}
/* -------------- MODIFICATION DE FICHE AUTEUR -------------- */
.formulaire_editer_auteur {
  padding-bottom: 1.5em;
  margin-bottom: 2.9em;
}
.formulaire_editer_auteur form {
  margin-left: 0;
}
.formulaire_editer_auteur .editer-groupe .text {
  margin-bottom: 0;
}
.formulaire_editer_auteur .boutons {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.formulaire_editer_auteur .editer_new_pass {
  vertical-align: top;
}
.formulaire_editer_auteur .editer_new_pass2 {
  margin-top: 1.6em;
}
.formulaire_editer_auteur .editer_new_pass2 .reset_password {
  width: 100%;
  padding: 0.5em 0;
  margin-top: 1.6em;
}
.formulaire_editer_mdp {
  text-align: left;
}
.formulaire_editer_mdp .editer_nom {
  display: none;
}
.formulaire_editer_mdp .fieldset {
  margin-left: 0;
  width: 100%;
}
.formulaire_editer_mdp .fieldset .editer-groupe {
  margin-bottom: .6em;
}
.formulaire_editer_mdp .fieldset .editer-groupe .editer {
  display: inline-block;
  width: 44%;
  margin-left: 5%;
}
.formulaire_editer_mdp .fieldset .editer-groupe .editer input {
  width: 92%;
}
.formulaire_editer_mdp .fieldset .editer-groupe .editer.editer_new_pass2 label {
  height: 2.5em;
}
/* -------------- FORMULAIRE EDITER GIS -------------- */
.formulaire_editer_gis_public form {
  padding: 2.2em;
}
.formulaire_editer_gis_public form > div {
  margin-left: -5%;
}
.formulaire_editer_gis_public form > div .editer_import {
  display: none;
}
.formulaire_editer_gis_public form > div .rechercher_adresse {
  text-align: center;
}
.formulaire_editer_gis_public form > div .rechercher_adresse label {
  text-align: left;
  width: 100%;
}
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 0.4em 12%;
  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;
  border-color: #00465e;
  color: #ffffff;
  background-color: #005977;
  border-color: #005977;
  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: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: #003344;
  border-color: #000000;
}
.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: #003344;
  border-color: #001820;
}
.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: #003344;
  border-color: #001820;
}
.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: #001820;
  border-color: #000000;
}
.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: #005977;
  border-color: #00465e;
}
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage .badge,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage .badge {
  color: #005977;
  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: #003344;
  border-color: #000000;
}
.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: #003344;
  border-color: #002b3a;
}
.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: #003344;
  border-color: #002b3a;
}
.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: #001820;
  border-color: #000000;
}
.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: #005977;
  border-color: #005977;
}
.formulaire_editer_gis_public form > div #editer_gis__rechercher_geocodage .badge,
.formulaire_editer_gis_public form > div #editer_gis_oui_rechercher_geocodage .badge {
  color: #005977;
  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: #eb9e05;
  padding: 0 0 1.5em;
  font-weight: 400;
  font-style: normal;
}
.formulaire_forum form .deconnect a {
  color: #dc1e39;
}
.formulaire_forum form legend {
  font-size: 1.5em;
  margin-bottom: 1.3em;
  margin-top: 1em;
  padding-bottom: 0.4em;
  font-weight: 500;
  color: #eb9e05;
}
.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: #666666;
}
.formulaire_forum form .saisie_document_forum {
  margin-bottom: 2.5em;
}
.formulaire_forum form input.submit {
  padding: 0.7em 3em;
  margin-left: 1.5em;
}
.formulaire_forum form .previsu {
  border-bottom: 5px solid #fff;
  margin-bottom: 2.5em;
}
.formulaire_forum form .previsu .legend {
  margin-top: 0;
  margin-bottom: 0.3em;
}
.formulaire_forum form .previsu .forum {
  margin: 0;
  padding: 0;
}
.formulaire_forum form .previsu .boutons {
  text-align: left;
  border-top: 1px solid #ddd;
  padding: 1.8em 0;
  margin: 1.4em 0;
}
.formulaire_forum form .previsu input.submit {
  padding: 0.4em 2% 0.4em;
  font-size: 1.1em;
}
.formulaire_editer_responsable {
  padding-top: 1.7em;
}
.formulaire_editer_responsable .editer_nom {
  display: none;
}
.autre .formulaire_editer_evenement .date {
  font-size: 18px;
}
.formulaire_editer_coordonnees .inscription_logo,
.formulaire_editer_coordonnees .editer_nom,
.formulaire_editer_coordonnees .editer_nom_famille,
.formulaire_editer_coordonnees .editer_prenom {
  display: none;
}
.formulaire_editer_coordonnees .editer_slogan {
  width: 95%;
}
.formulaire_editer_coordonnees .editer_liens_sites .editer {
  width: 100%;
}
#modiffiche .btfiche {
  color: #fff;
  margin-top: 1em;
}
.formulaire_editer_responsable .inscription_logo,
.formulaire_editer_responsable .editer_adresse,
.formulaire_editer_responsable .editer_code_postal,
.formulaire_editer_responsable .editer_ville,
.formulaire_editer_responsable .editer_telephone,
.formulaire_editer_responsable .editer_fax,
.formulaire_editer_responsable .editer_slogan {
  display: none;
}
/* -------------- INSCRIPTION NEWSLETTER EN UNE LIGNE -------------- */
/* -------------- FILS DE COMMENTAIRES -------------- */
.comments .comment-item {
  list-style: none;
}
.comments p {
  font-size: 1em;
}
#contenu .comments-posts h2 {
  margin-top: 20px;
  float: left;
  border-bottom: 3px solid #eb9e05;
}
#contenu .comments-posts > .comments-ul > .comment-li {
  border-bottom: 1px solid #f0f1f2;
  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 {
  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 12%;
  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: #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 .comments-ul {
  padding-left: 3em;
  margin-top: -2em;
}
/*  */
.footer {
  clear: both;
}
.footer .grotit {
  margin: 3em auto 0;
  border-bottom: 5px solid #eb9e05;
  width: auto;
  padding-bottom: .6em;
  text-align: center;
  border-bottom: none;
  position: relative;
}
.footer .grotit:after {
  content: "";
  display: block;
  width: 2.6em;
  height: 5px;
  background: #eb9e05;
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.footer .pied {
  padding-top: 4em;
  padding-bottom: 4em;
  background-color: #e8e8e8;
  overflow: hidden;
}
.footer .pied .btn {
  background: #eb9e05;
}
.footer .pied .row {
  margin-bottom: 0;
}
.footer .container {
  text-align: center;
}
.footer h2.contact,
.footer .tit {
  text-transform: uppercase;
  display: inline-block;
  padding: 0.7em;
  font-size: 1.2em;
  font-weight: 600;
  color: #eb9e05;
  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: #eb9e05;
  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: #b30005;
  color: #fff;
}
.footer .btn .icon-envelope,
.footer .boutons .submit .icon-envelope {
  background-image: url('https://ericbocquet.fr/squ/squ-z/ergo/bt_contact.png');
  background-position: 0;
  font-style: normal;
  margin: 0 0.2em 0 0.1em;
}
.footer .logopied .row {
  align-self: center;
  align-items: center;
  justify-content: center;
  display: flex;
  margin-top: 70px;
}
.footer .logopied .row .item-site {
  margin: 70px 40px;
}
.footer #navpied,
.footer .menu-liste {
  text-align: center;
}
.footer #navpied li,
.footer .menu-liste li {
  display: inline-block;
  list-style: none;
}
.footer #navpied li a,
.footer .menu-liste li a {
  display: inline-block;
  padding-right: 1.2em;
  margin-left: 1em;
  font-weight: normal;
  color: #000;
  font-size: .9em;
}
.footer #navpied li img,
.footer .menu-liste li img {
  margin: 0 5px .2em 0;
  height: 24px;
}
.footer #navpied li .btinfolettre img,
.footer .menu-liste li .btinfolettre img {
  padding: 4px;
  margin-right: 3px;
}
.footer #navpied li .btyt img,
.footer .menu-liste li .btyt img {
  margin-left: 1px;
  padding: 1px;
}
.footer #navpied li .btsearch img,
.footer .menu-liste li .btsearch img {
  height: 24px;
}
.footer #navpied li:last-of-type a,
.footer .menu-liste li:last-of-type a {
  border-right: 0 solid #b3b3b3;
}
.footer .nav {
  padding: .7em 0 0;
}
.footer .navpied {
  margin-bottom: 0;
}
.footer .menu-liste {
  margin-top: .5em;
  margin-bottom: 2.5em;
}
.footer .menu-liste li a {
  border-right: 1px solid #b3b3b3;
}
/*  */
/*  */
@keyframes depliantbas {
  0% {
    bottom: -160px;
  }
  100% {
    bottom: 0px;
  }
}
.depliantbas,
.depliantdroite {
  background: none repeat scroll 0% 0% #FFF;
  margin: 0px !important;
  position: fixed !important;
  z-index: 2;
}
.depliantbas {
  padding: 0px 20px 30px;
  border-top: 5px solid #eb9e05;
  height: 160px;
  width: 100%;
  left: 0px;
  box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.1);
}
.depliantbas.ouvert {
  bottom: 0px;
  animation: depliantbas 2s 1 ease-in-out;
}
.depliantbas.ferme {
  display: none;
}
.depliantbas .fermer {
  position: absolute;
  bottom: 153px;
  right: 98px;
  background: none repeat scroll 0% 0% #eb9e05;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 600;
  padding: 1px 8px 4px;
  border-radius: 0px 0px 5px 5px;
  display: inline-block;
  width: auto;
  font-size: 0.9em;
  margin-bottom: 15px;
  z-index: 1000;
}
.depliantbas h2 {
  background: none repeat scroll 0% 0% #eb9e05;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 600;
  padding: 5px 10px 7px;
  border-radius: 0px 0px 5px 5px;
  display: inline-block;
  width: auto;
  font-size: 1.1em;
  margin-bottom: 15px;
}
.depliantbas .surtit {
  font-size: 1.5em;
  font-weight: 700;
  display: block;
  margin: 5px;
}
.depliantbas h3 {
  font-size: 1.5em;
  margin: 3px 0 3px;
}
.depliantbas .ps {
  display: inline-block;
  color: #000000;
  font-size: 0.9em;
  font-weight: 700;
  margin-left: 5px;
}
@keyframes depliantdroite {
  0% {
    right: -160px;
  }
  100% {
    right: 0px;
  }
}
.depliantdroite {
  top: 50%;
  transform: translateY(-50%);
  height: auto;
  width: 100px;
  background: none repeat scroll 0% 0% #FFF;
  right: 0px;
  font-size: 1em;
  transition: .5s;
  padding: .5em .9em .5em 1em;
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.2);
  border-radius: 5px 0 0 5px ;
  font-size: 1.4em;
}
.depliantdroite.ouvert {
  right: 0px;
  animation: depliantdroite 2s 1 ease-in-out;
}
.depliantdroite.ferme {
  transform: translate(100%, -50%);
}
.depliantdroite .fermer {
  position: absolute;
  left: -38px;
  background: #eb9e05;
  width: 38px;
  color: #fff;
  height: 38px;
  border: none;
  border-radius: 5px 0 0 5px;
  padding: 0;
  font-size: 0.9em;
  top: 11px;
}
.depliantdroite .item {
  padding: .3em 0;
}
.depliantdroite .tit {
  text-align: center;
  font-size: 0.7em;
  padding: 0;
  width: 100%;
}
.depliantdroite .logo {
  border-radius: 50%;
  display: block;
  overflow: hidden;
}
.depliantdroite a.active .logo,
.depliantdroite a:hover .logo,
.depliantdroite a:focus .logo,
.depliantdroite a:active .logo,
.depliantdroite a:target .logo {
  border-width: 4px;
  border-style: solid;
}
.page_sommaire .depliantbas .container {
  text-align: left;
  padding-top: 0;
}
body #tarteaucitronRoot * {
  font-family: 'Nunito Sans', Verdana, sans-serif !important;
}
body #tarteaucitron .tarteaucitronBorder,
body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
  border-color: #eb9e05 !important;
}
body #tarteaucitron .tarteaucitronBorder:hover,
body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {
  border-color: #d28d04 !important;
}
body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
  background-color: #eb9e05;
}
body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {
  background-color: #d28d04;
}
body #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList,
body #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain,
body #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden {
  border-color: #eb9e05;
}
body #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
  background-color: #fff;
  color: #eb9e05;
}
body #tarteaucitron #tarteaucitronInfo {
  color: #fff;
  background-color: #eb9e05;
  border-width: 0;
}
body #cookie-bar,
body #tarteaucitronRoot #tarteaucitronAlertBig {
  padding-top: 1em;
  background: #eb9e05;
}
body #cookie-bar #tarteaucitronDisclaimerAlert,
body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
  font-weight: 400;
  font-size: 1.1em;
}
body #cookie-bar button,
body #tarteaucitronRoot #tarteaucitronAlertBig button {
  background: #fff;
  font-weight: 500;
  border-radius: .1em;
  margin: 0 .35em .3em;
}
body #cookie-bar .cb-disable,
body #tarteaucitronRoot #tarteaucitronAlertBig .cb-disable,
body #cookie-bar .tarteaucitronDeny,
body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny,
body #cookie-bar .cb-disable span:before,
body #tarteaucitronRoot #tarteaucitronAlertBig .cb-disable span:before,
body #cookie-bar .tarteaucitronDeny span:before,
body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny span:before {
  color: #dc1e39;
}
body #cookie-bar .tarteaucitronAllow,
body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAllow,
body #cookie-bar .tarteaucitronAllow span:before,
body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAllow span:before {
  color: #2b8e12;
}
/*  */
#debug-nav {
  line-height: 16px;
}
body .spip-admin-bloc,
body .spip-admin-float {
  margin-right: 3px;
  right: 0;
  display: table;
  z-index: 3000000;
  font-size: .9em;
  top: 8px;
}
body .spip-admin-bloc a,
body .spip-admin-float a {
  border-radius: 0;
}
body .spip-admin-bloc a:first-of-type,
body .spip-admin-float a:first-of-type {
  background-color: #eb9e05;
  color: #000;
}
body .spip-admin-bloc a:last-of-type,
body .spip-admin-float a:last-of-type {
  background-color: #dc1e39;
}
/*  */
.partage_toolbox .partage_button_facebook {
  background-color: #4d68a1;
  border-color: #4d68a1;
}
.partage_toolbox .partage_button_twitter {
  background-color: #25aae1;
  border-color: #25aae1;
}
html #at4-share,
html #at4-soc {
  top: 215px;
}
html.page_sommaire #at4-share,
html.page_sommaire #at4-soc {
  top: 348px;
}
/*  */
body #header {
  height: 121px;
  margin-top: 0;
  z-index: 2000;
  overflow: visible;
  background-color: #e8e8e8;
  -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}
body #header .btdroite {
  text-transform: uppercase;
  padding: .5em .1em .3em;
}
body #header .interieur {
  background: #fff;
}
body #header .interieur .menuprincipal {
  border: none;
  margin: 0;
  z-index: 200;
  position: relative;
  transition-property: all;
  transition-duration: .6s;
  top: 0;
  border-radius: 0;
  float: right;
  overflow: hidden;
  height: 58px;
  width: 100%;
  background: #fff;
  height: auto;
  overflow: visible;
  height: 84px;
}
body #header .interieur .menuprincipal ul > li:first-child > a {
  margin-left: 0;
}
body #header .interieur .menuprincipal .nav-collapse {
  text-align: left;
  height: 57px;
  border: none;
  height: auto;
  overflow: visible;
  float: right;
  background: #fff;
  width: auto;
  font-size: 0.8em;
  margin: 1.2em 1.2em 0;
}
body #header .interieur .menuprincipal .nav-collapse ul {
  position: static;
  width: 100%;
  height: 57px;
  margin: 0;
  z-index: 100;
  text-align: right;
  float: none;
  font-size: 0;
  height: auto;
  overflow: visible;
}
body #header .interieur .menuprincipal .nav-collapse ul > li {
  float: none;
  border-top: 20px;
  padding: .9em 0 0 ;
  height: 3.5em;
  margin: 0;
  line-height: 200%;
  display: inline-block;
  position: relative;
  font-size: 15px;
  height: auto;
  overflow: visible;
}
body #header .interieur .menuprincipal .nav-collapse ul > li > a,
body #header .interieur .menuprincipal .nav-collapse ul > li > span {
  text-shadow: none;
  padding: 0 0 .2em;
  float: left;
  border-bottom: 3px solid transparent;
  font-weight: 400;
  margin: 0 1em	;
  font-size: 1.4em;
  text-transform: none;
  background-color: transparent;
}
body #header .interieur .menuprincipal .nav-collapse ul > li.video > a {
  padding-left: 58px;
}
body #header .interieur .menuprincipal .nav-collapse ul > li.rezo > a {
  padding-left: 58px;
}
body #header .interieur .menuprincipal .nav-collapse ul > li.blog > a {
  padding-left: 58px;
}
body #header .interieur .menuprincipal .nav-collapse ul > li:hover a,
body #header .interieur .menuprincipal .nav-collapse ul > li.active a {
  border-bottom: 5px solid #eb9e05;
  padding-bottom: 16px;
}
body #header .interieur .menuprincipal .nav-collapse ul > li:hover .ssmenu {
  top: 3.8em;
  height: 4.2em;
  border-bottom: 5px solid #eb9e05;
}
body #header .interieur .menuprincipal .nav-collapse ul > li:hover .ssmenu li::after {
  display: none;
}
body #header .interieur .menuprincipal .nav-collapse ul > li.bleu,
body #header .interieur .menuprincipal .nav-collapse ul > li.vert,
body #header .interieur .menuprincipal .nav-collapse ul > li.violet,
body #header .interieur .menuprincipal .nav-collapse ul > li.jaune,
body #header .interieur .menuprincipal .nav-collapse ul > li.orange {
  background-color: #fff;
  border: none;
}
body #header .interieur .menuprincipal .nav-collapse ul > li.bleu a,
body #header .interieur .menuprincipal .nav-collapse ul > li.vert a,
body #header .interieur .menuprincipal .nav-collapse ul > li.violet a,
body #header .interieur .menuprincipal .nav-collapse ul > li.jaune a,
body #header .interieur .menuprincipal .nav-collapse ul > li.orange a {
  border-bottom: 4px solid #456;
  padding-bottom: .3em;
  font-weight: 700;
}
body #header .interieur .menuprincipal .nav-collapse ul > li.jaune a {
  border-color: #eb9e05;
}
body #header .interieur .menuprincipal .nav-collapse ul > li.bleu a {
  border-color: #005977;
}
body #header .interieur .menuprincipal .nav-collapse ul > li.vert a {
  border-color: #bed444;
}
body #header .interieur .menuprincipal .nav-collapse ul > li.orange a {
  border-color: #dd6e00;
}
body #header .interieur .menuprincipal .nav-collapse ul > li.violet a {
  border-color: #a65ee3;
}
body #header .interieur .menuprincipal .nav-collapse ul > li:after {
  content: "|";
  font-weight: 300;
  color: #eb9e05;
  margin-top: -.2em;
  vertical-align: top;
  display: inline-block;
}
body #header .interieur .menuprincipal .nav-collapse ul > li.menu-entree:last-of-type:after {
  color: transparent;
}
body #header .interieur .menuprincipal .nav-collapse ul > li.active a {
  border-bottom: 3px solid #eb9e05;
  padding-bottom: 6px;
}
body #header .interieur .menuprincipal .nav-collapse ul > li:last-child:after {
  content: "";
}
body #header .interieur .menuprincipal .nav-collapse ul .ssmenu {
  display: block;
  position: absolute;
  top: 3.5em;
  height: 0em;
  left: 0;
  width: 100%;
  z-index: -1;
  background: rgba(0, 0, 0, 0.05);
  overflow: hidden;
  border: 0;
  max-width: 300px;
}
body #header .interieur .menuprincipal .nav-collapse ul .ssmenu ul {
  display: flex;
  flex-direction: column;
}
body #header .interieur .menuprincipal .nav-collapse ul .ssmenu ul li {
  display: table-col;
  padding: 0.4em 0em;
  height: auto;
}
body #header .interieur .menuprincipal .nav-collapse ul .ssmenu ul li a {
  margin: 0;
  color: #eb9e05;
  border: 0px solid #fff;
  padding-bottom: 0;
}
body #header .interieur .menuprincipal .nav-collapse li {
  float: left;
}
body #header .interieur .menuprincipal .formvisible {
  float: right;
  width: 0;
  max-height: 5em;
}
body #header .interieur .menuprincipal .formvisible #formulaire_recherche {
  display: block;
  overflow: hidden;
  margin: 0.5em 0;
}
body #header .interieur .menuprincipal .formvisible #formulaire_recherche form {
  padding: .2em;
  padding: 0.55em 0.7em 0;
}
body #header .interieur .menuprincipal .formvisible #formulaire_recherche form label.muted {
  display: none;
}
body #header .interieur .menuprincipal .formvisible #formulaire_recherche form .text {
  width: 63%;
  float: right;
  margin-left: 1%;
  background: #ffffff url('https://ericbocquet.fr/squ/sites/senateurs.lhumaindabord.fr/ergo/svg/ico_search.svg') right no-repeat;
  padding: .1em .6em;
  font-weight: 400;
  color: #000;
  border: 1px solid #aaa;
  line-height: 1.3em;
  padding: 0.6em 0.7em;
  border-radius: .2em 0 0 .2em;
  background: #fff;
  width: 85%;
  margin-right: 0;
  float: left;
}
body #header .interieur .menuprincipal .formvisible #formulaire_recherche .btn {
  border-radius: 0 0.3em 0.3em 0;
  padding: 0.63em 3.3%;
  background: #eb9e05;
  display: block;
}
body #header .interieur .navbar {
  margin-bottom: 0;
  min-height: auto;
}
body #header .interieur .titsite {
  width: 210px;
  background-size: 95%;
  margin: .4em;
  padding: 14px 0 0;
  height: 1.9em;
  background-repeat: no-repeat;
  background-position: 0.4em 0.4em;
  float: left;
}
body #header .interieur li a,
body #header .interieur li span {
  color: #000;
}
body #header .interieur #navsup {
  background: #f0f1f2;
  z-index: 5;
  padding: 0 0 0 8px;
  width: 100%;
  border: 0;
}
body #header .interieur #navsup .nav {
  margin: 0;
  height: 38px;
  text-align: right;
}
body #header .interieur #navsup .nav.pull-right {
  width: 80%;
}
body #header .interieur #navsup .nav.pull-left {
  padding: 0;
}
body #header .interieur #navsup .nav li {
  height: 38px;
}
body #header .interieur #navsup .nav li a {
  padding: 0.4em 0 .3em;
  font-size: 0.9em;
}
body #header .interieur #navsup .nav li.btcompte {
  background-image: url('https://ericbocquet.fr/squ/squelettes/ergo/svg/ico_user.svg');
  background-position: 0.2em .1em;
  padding-left: 45px;
}
body #header .interieur #navsup .nav li.btcompte a {
  font-size: 1em;
  padding: 0.5em 0;
  font-weight: 400;
}
body #header .interieur #navsup .nav li.btpanier {
  background-image: url('https://ericbocquet.fr/squ/squelettes/ergo/svg/ico_panier.svg');
  background-position: 0.2em 0;
  background-size: 24%;
  padding-left: 45px;
}
body #header .interieur #navsup .nav li.btpanier a {
  font-size: 1em;
  padding: 0.5em 0;
  font-weight: 400;
}
body #header .interieur #navsup .nav li.btpanier a .nb_produit {
  float: left;
  background: #eb9e05;
  width: 1.4em;
  height: 1.4em;
  border-radius: 50%;
  padding: 0.4em;
  color: #fff;
  text-align: center;
  font-weight: 500;
  vertical-align: middle;
  line-height: 0.6em;
  font-size: 0.8em;
  display: block;
  top: -0.4em;
  position: relative;
  left: -0.8em;
}
body #header .interieur #navsup .nav li.btdroite {
  background: #eb9e05;
  padding: 0.2em 0.8em;
  line-height: 1.3em;
}
body #header .interieur #navsup .nav li.btdroite a {
  color: #fff;
  font-weight: 500;
}
body #header .interieur #navsup .nav li.btico {
  margin: 1px 0 0;
  padding: 0;
  width: 29px;
}
body #header .interieur #navsup .nav li.btico img {
  width: 100%;
}
body #header .interieur #navsup .nav li.btfb img,
body #header .interieur #navsup .nav li.bttw img,
body #header .interieur #navsup .nav li.btyt img {
  height: 23px;
}
body #header .interieur #navsup .nav li.btfb {
  width: 26px;
}
body #header .interieur #navsup .nav li.btcontact img {
  display: none;
}
body #header .interieur #navsup .nav li .btinfolettre {
  margin: 0;
}
body #header .interieur #navsup .nav li.liaccueil {
  float: left;
  margin-right: .2em;
}
body #header .interieur #navsup .btinfolettre {
  margin: 7px 10px;
}
body #header .interieur #navsup .btinfolettre:hover {
  color: #eb9e05;
}
@media screen and (max-width: 991px) {
  body .page #header .interieur .logo {
    width: 60px;
    background-size: 200px;
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse {
    margin: 1.2em 1.2em 1.2em 0;
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li > span,
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li > a {
    margin: 0 0.6em;
  }
}
@media screen and (max-width: 767px) {
  .navbar-toggle svg {
    fill: #eb9e05;
  }
  .navbar-toggle:hover,
  .navbar-toggle:active {
    background-color: #eb9e05;
  }
  .navbar-toggle:hover svg,
  .navbar-toggle:active svg {
    fill: #fff;
  }
  body .page #header {
    position: relative;
    padding: 0 0 42px;
    overflow: visible;
    height: 42px;
  }
  body .page #header .interieur .logo {
    top: 2.9em;
    background-position: 6vw -2vw;
    background-size: 108%;
    width: 100vw;
    height: 35vw;
  }
  body .page #header .interieur .logo a,
  body .page #header .interieur .logo h1 {
    height: 8em;
    width: 100vw;
    display: block;
    overflow: hidden;
  }
  body .page #header .interieur .logo h1 {
    height: 4em;
  }
  body .page #header .interieur .container .logo {
    background-position: 0;
    background-size: 105%;
  }
  body .page #header .interieur #navsup {
    height: 4em;
    position: fixed;
    z-index: 10;
    height: 42px;
    min-height: 0;
    padding: 0;
    background-color: #000;
  }
  body .page #header .interieur #navsup ul {
    height: 43px;
  }
  body .page #header .interieur #navsup .nav {
    width: 100vw;
    padding: 0 2vw 0 2vw;
  }
  body .page #header .interieur #navsup .nav .btn-navbar {
    float: left;
    margin-right: 5px;
    margin-top: 3.5px;
    height: 34px;
    padding: 0 0.3em;
  }
  body .page #header .interieur #navsup .nav .btn-navbar:hover svg,
  body .page #header .interieur #navsup .nav .btn-navbar:focus svg,
  body .page #header .interieur #navsup .nav .btn-navbar:active svg {
    fill: #fff;
  }
  body .page #header .interieur #navsup .nav .btico {
    padding: 0;
    margin-top: 7.5px;
  }
  body .page #header .interieur #navsup .nav .btico a {
    padding: 0;
  }
  body .page #header .interieur #navsup .nav .btico a img {
    margin: 0.15em -0.1em;
    width: 33px;
  }
  body .page #header .interieur #navsup .nav .langs a {
    padding: 7px 1vw 0;
  }
  body .page #header .interieur #navsup .nav .langs + .langs a {
    padding-left: 0;
  }
  body .page #header .interieur #navsup .nav .btabonne {
    margin: 0.5em 1%;
    padding: 0.3em 0;
  }
  body .page #header .interieur #navsup .nav .btabonne a {
    padding: 0.1em 0.4em 0.1em;
    font-size: .8em;
  }
  body .page #header .interieur #navsup .nav li .btinfolettre {
    margin: 4px 5px;
  }
  body .page #header .interieur #navsup .bt_droite:hover {
    opacity: .8;
  }
  body .page #header .interieur #navsup .btcompte {
    background-position: 1px 9px;
  }
  body .page #header .interieur #navsup .btcompte a {
    width: 100%;
    height: 70%;
  }
  body .page #header .interieur #navsup .btcontact,
  body .page #header .interieur #navsup .btsearch {
    height: 42px;
  }
  body .page #header .interieur #navsup .btcontact a,
  body .page #header .interieur #navsup .btsearch a {
    padding: 0;
  }
  body .page #header .interieur #navsup .btcontact a img,
  body .page #header .interieur #navsup .btsearch a img {
    width: 100%;
  }
  body .page #header .interieur #navsup .btcontact {
    padding: 0.35em 0.8em;
  }
  body .page #header .interieur #navsup .btsearch {
    background-size: 100%;
    width: 43px;
  }
  body .page #header .interieur #navsup .contact a {
    font-size: 0;
  }
  body .page #header .interieur #navsup .formvisible {
    padding-right: 30px;
  }
  body .page #header .interieur #navsup #formulaire_recherche form {
    padding: 0.55em 1.5em 0 .7em;
  }
  body .page #header .interieur .menuprincipal {
    display: none;
    position: absolute;
    background: rgba(0, 0, 0, 0);
    float: left;
    -webkit-box-shadow: 0 30px 37px #000000;
    -moz-box-shadow: 0 30px 37px #000000;
    box-shadow: 0 30px 37px #000000;
    width: 100vw;
    height: auto;
    margin: 46px 0 0;
    z-index: 1100;
    overflow: visible;
  }
  body .page #header .interieur .menuprincipal .btn-navbar {
    float: left;
    background: #fff;
    padding: 9px 8px;
    border-radius: 0;
  }
  body .page #header .interieur .menuprincipal .btn-navbar .icon-bar {
    display: block;
    width: 23px;
    height: 4px;
    background-color: #999;
  }
  body .page #header .interieur .menuprincipal .btn-navbar .menu-liste,
  body .page #header .interieur .menuprincipal .btn-navbar .plus {
    display: none;
  }
  body .page #header .interieur .menuprincipal .nav-collapse {
    width: 100%;
    border-top: 7px solid #eb9e05;
    border-bottom: 15px solid #eb9e05;
  }
  body .page #header .interieur .menuprincipal .nav-collapse .menu-liste {
    background: #eb9e05;
    width: 100%;
    overflow: hidden;
    height: auto;
    display: flex;
    flex-direction: column;
  }
  body .page #header .interieur .menuprincipal .nav-collapse .menu-liste > li {
    width: 100%;
    height: 3.1em;
    display: block;
    order: 2;
    transition: all .5s;
  }
  body .page #header .interieur .menuprincipal .nav-collapse .menu-liste > li:after {
    display: none;
  }
  body .page #header .interieur .menuprincipal .nav-collapse .menu-liste > li:hover {
    margin-left: .8em;
  }
  body .page #header .interieur .menuprincipal .nav-collapse .menu-liste > li > a,
  body .page #header .interieur .menuprincipal .nav-collapse .menu-liste > li > span {
    color: #fff;
    font-size: 1.4em;
    margin: 0 4.7vw;
    padding: 0 0 0.1em;
    border-bottom: 4px solid transparent;
    height: auto;
    text-align: left;
    overflow: hidden;
    display: block;
  }
  body .page #header .interieur .menuprincipal .nav-collapse .menu-liste .visible-xs {
    background: #b30005;
    order: 1;
    padding-top: 1.1em;
    height: 3.9em;
  }
  body .page #header .interieur .menuprincipal .nav-collapse .menu-liste .visible-xs a:hover {
    color: #eb9e05;
  }
  body .page #header .interieur .menuprincipal .nav-collapse .search {
    display: none;
  }
  body .page #header .content {
    margin: 0;
    border-top: 7px solid #eb9e05;
  }
  body .page #header #navsup .nav .btn-navbar {
    text-align: center;
    padding: inherit;
  }
  body .page #header #navsup .nav .btn-navbar a {
    text-align: center;
  }
  body .page #header .interieur .container .logo {
    background-position: 0;
    background-size: 105%;
  }
  body .page #header .interieur #nav.menuprincipal {
    overflow: visible;
    margin: 42px 0 0;
  }
  body .page #header .interieur #nav.menuprincipal .ssmenu {
    display: none;
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse {
    position: absolute;
    width: 100vw;
    margin: 0;
  }
  body .page #header .interieur #navsup {
    background-color: #fff;
    box-shadow: 5px 5px 5px #0002;
  }
  body .page #header .interieur #navsup .nav {
    padding: 0 0 0 .5vw;
  }
  body .page #header .interieur #navsup .nav .btico a img {
    margin: .05em 0 .15em;
  }
  body .page #header .interieur #navsup .nav .btsearch {
    margin-right: .2em;
  }
  body .page #header .interieur #navsup .nav .btsearch a {
    font-size: 0;
  }
  body .page #header .interieur #navsup .nav li.btico {
    margin-top: 0.45em;
  }
  body .page #header .interieur #navsup .nav li .btinfolettre {
    margin: 1px 0;
    width: 32px;
  }
  body .page #header .interieur #navsup .nav li .btinfolettre img {
    width: 32px;
  }
  body .page #header .interieur #navsup .nav li.btcontact {
    padding: 0.35em 0.8em;
  }
  body .page #header .interieur #navsup .nav li.btcontact a {
    height: 42px;
    font-size: 0;
  }
  body .page #header .interieur #navsup .nav li.btcontact a:before {
    content: 'contact';
    font-size: 16px;
    padding: 0.9em .1em;
    display: block;
  }
  body .page #header .logo {
    display: none;
  }
}
@media screen and (max-width: 358px) {
  body .page #header .interieur #navsup .nav li.btcontact {
    padding: 0.35em 0.3em;
  }
  body .page #header .interieur #navsup .nav li.btcontact a::before {
    font-size: 13px;
    padding: 1.2em 0;
  }
}
@media screen and (min-width: 480px) {
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li:hover a {
    border-bottom: 5px solid #eb9e05;
    padding-bottom: 26px;
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li:hover .ssmenu {
    height: auto;
    overflow: hidden;
    left: 0.9em;
    top: 4.7em;
    width: 100vw;
    padding: 1.2em 1.8em;
    background-color: #eb9e05;
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li:hover .ssmenu ul {
    background-color: transparent;
    box-shadow: 0 0 rgba(0, 0, 0, 0);
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li:hover .ssmenu ul > li:hover a {
    padding-left: 12px;
    border-left: 3px solid #fff;
    border-bottom-width: 0;
    margin-bottom: 5px;
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li:hover .ssmenu li {
    background-color: transparent;
    float: none;
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li:hover .ssmenu li a {
    background-color: transparent;
    margin: 0 1.5em	0 0;
    font-weight: 400;
    width: auto;
    color: #fff;
    padding-top: 0;
    padding-bottom: 0;
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li:hover:last-of-type:hover .ssmenu {
    right: .9em;
    left: inherit;
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li > a,
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li:active a,
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li:hover a {
    height: auto;
  }
  body .page #header .interieur #navsup .nav li.btsearch {
    width: 173px;
    text-transform: uppercase;
    font-weight: 700;
    background: #ccc;
    padding: .1em 0.5em;
    margin: 0 -5px 0 5px;
  }
  body .page #header .interieur #navsup .nav li.btsearch a {
    font-weight: 600;
    font-size: .95em;
  }
  body .page #header .interieur #navsup .nav li.btsearch img {
    width: 33px;
    margin: -3px 0 0;
  }
  body .page #header .interieur #navsup .nav li.btsearch.btsearch:focus-within {
    background: #b3b3b3 !important;
  }
  .page_auteurs .laliste .item-auteur,
  .page_auteurs .laliste .item-auteur {
    text-align: center;
  }
  .page_auteurs .message {
    text-align: center;
  }
  .atss.atss-right .at4-share-title {
    transform: rotate(-90deg) translate(1.4em, 1.5em);
    background: #fff;
    transform-origin: center;
    padding: 0.8em;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  body #header .interieur #navsup .nav li.liaccueil {
    background: #c9c9c9;
    padding: 2px 10px 0;
    border-radius: 0;
  }
}
@media screen and (min-width: 1280px) {
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li:hover .ssmenu {
    left: 1.4em;
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse ul > li:hover:last-of-type:hover .ssmenu {
    right: 1.4em;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  body .page #header .interieur #navsup {
    padding: 0;
  }
  body .page #header .interieur #navsup .btico {
    padding-left: 0;
    padding-right: 0;
  }
  body .page #header .interieur #navsup .btnl {
    padding: 7px 2px;
  }
  body .page #header .interieur #navsup .btcompte {
    background-position: 5px 4px;
  }
  body .page #header .interieur #navsup .btcompte a {
    width: 42px;
    height: 42px;
    display: block;
    padding: 10px;
    overflow: hidden;
    float: left;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .page #header .interieur #navsup .nav {
    width: 53%;
    padding: 0;
  }
  body #header {
    height: 19vw;
    margin: 0;
  }
  body #header .interieur .logo {
    background-size: 60%;
    width: 100vw;
    height: 27vw;
    background-repeat: no-repeat;
    background-position: 62% top;
  }
  body .page #header .interieur #navsup .nav li.btsearch {
    padding: .6em 0 .3em;
  }
  body .page #header .interieur #navsup .nav li.btsearch img {
    margin-left: 7px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
  body #header .interieur .menuprincipal .nav-collapse ul > li > a,
  body #header .interieur .menuprincipal .nav-collapse ul > li > span {
    margin: 0 .3em;
  }
}
/*  */
.grotit {
  text-align: center;
  display: table;
  border-bottom: 2px solid #eb9e05;
  text-transform: none;
  padding: 0 0 0em;
  margin: 0 auto 1em;
  font-weight: 300;
  font-size: 2.4em;
}
.grotit.filetapres {
  border-bottom: none;
  position: relative;
}
.grotit.filetapres:after {
  content: "";
  display: block;
  width: 4.3em;
  height: 3px;
  background: #eb9e05;
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
/* ======= LISTES D'ELEMENTS ======= */
.liste-logofond .item * {
  transition-property: all;
  transition-duration: .5s;
}
.liste-logofond .item .logo img {
  width: 100%;
}
.liste-logofond .item .legende {
  margin: 0 auto;
  left: 0;
  bottom: 0;
  padding: .2em 3%;
  z-index: 1;
  position: absolute;
  width: calc(100% - 50px );
}
.liste-logofond .item .legende .tit,
.liste-logofond .item .legende .surtit,
.liste-logofond .item .legende .desc {
  display: inline-block;
  padding: .4em 3%;
  line-height: 110%;
  font-weight: 500;
}
.liste-logofond .item .legende .tit {
  font-size: 1.45em;
}
.liste-logofond .item .legende .tit,
.liste-logofond .item .legende .desc {
  max-width: 94%;
  position: absolute;
  left: 3%;
  margin: 0;
  bottom: .7em;
}
.liste-logofond .item .legende .desc {
  color: #222222;
  background-color: #fff;
  padding: 0 3%;
  font-size: 1em;
  height: 0;
  line-height: 140%;
}
.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: 50px;
}
.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 #eb9e05;
}
.liste-grille .item .tit.petit {
  font-size: 1.3em;
}
.liste-grille .lrub {
  margin: 0 0 2em;
}
.liste-mot {
  background-color: transparent;
}
.liste-mot .grotit {
  margin-bottom: 1.53em;
  padding-bottom: .5em;
}
.liste-mot .item {
  display: inline-block;
  border-bottom: 0.25em solid #eb9e05;
  margin: 0 1em .5em 0;
  padding: 0.4em 0.6em 0.3em;
  font-size: 1.5em;
  color: #000;
  background: #e8e8e8;
  border-radius: 0.1em 0.1em;
}
.content .chapo {
  font-weight: 600;
  padding: 1.4em;
  background-color: #f5f5f5;
}
.content .chapo p {
  margin: 0 0 1em;
}
.bicolonnes .colgauche .grotitrub,
.bicolonnes .colgauche .grosurtit {
  text-transform: uppercase;
  color: #eb9e05;
  margin: 0 0 1em;
  font-size: 1.4em;
}
.bicolonnes .colgauche .grotit {
  text-align: left;
  border-bottom: none;
  font-size: 2.5em;
  margin: 0 0 0.8em;
  font-weight: 600;
  color: #000;
}
.bicolonnes .colgauche .grosurtit {
  margin: 1em 0 0.1em;
  font-size: 1.6em;
  line-height: 120%;
  color: #666666;
}
.bicolonnes .colgauche .grosoustit {
  margin-top: -0.9em;
  margin-bottom: 0.6em;
}
.bicolonnes .colgauche .date {
  display: table;
  overflow: hidden;
  background: #eb9e05;
  color: #fff;
  padding: .2em 2.5%;
  padding: 0.3em 2.5%;
  margin-bottom: 1.6em;
  font-size: 1.3em;
  outline: none;
  text-decoration: none;
  border-bottom: none;
}
.bicolonnes .colgauche .date a {
  color: #fff;
}
.bicolonnes .colgauche .date a {
  color: #fff;
}
.bicolonnes .colgauche .liste-doc:not(.galerie) .item {
  background: #e8e8e8;
  padding: .9em 1em;
}
.bicolonnes .colgauche .liste-doc:not(.galerie) .item .tit {
  margin-bottom: 0.3em;
}
.bicolonnes .colgauche .liste-doc:not(.galerie) .item .coldroite {
  padding-bottom: 2.4em;
}
.bicolonnes .colgauche .liste-doc:not(.galerie) .item .desc {
  line-height: 1.2;
  margin-bottom: 0.8em;
}
.bicolonnes .colgauche .liste-doc:not(.galerie) .item .btn {
  position: absolute;
  margin-right: 0;
  bottom: 0;
  right: 2em;
}
.bicolonnes .colgauche .item-art {
  margin-bottom: 1.8em;
  clear: none;
  padding-bottom: 2.4em;
  border-bottom: 1px solid #f0f1f2;
}
.bicolonnes .colgauche .item-art .date {
  margin: 0 0 .9em;
}
.bicolonnes .colgauche .item-art .tit {
  font-size: 1.7em;
  font-weight: 700;
  width: 100%;
  line-height: 1.3;
  overflow: visible;
  margin: 0;
  line-height: 1.2em;
  margin: 0 0 .2em;
}
.bicolonnes .colgauche .item-art .tit a {
  color: #000;
}
.bicolonnes .colgauche .item-art .tit .surtit {
  color: #fff;
}
.bicolonnes .colgauche .item-art .surtit {
  font-size: .7em;
  display: block;
  padding: 0;
  font-weight: 700;
  color: #666666;
  margin: 0;
}
.bicolonnes .colgauche .item-art .stitmot {
  font-size: 0.45em;
  display: inline-block;
  padding: .1em .5em .05em;
  font-weight: 700;
  color: #fff;
  margin: 0.3em 0.7em 0 0;
  float: left;
  line-height: 1.8em;
}
.bicolonnes .colgauche .item-art .boutons {
  position: absolute;
  bottom: 0;
}
.bicolonnes .colgauche .item-art .publication {
  font-size: 1em;
  margin: 0 0 1.2em;
}
.bicolonnes .colgauche .item-art .publication .date-pub,
.bicolonnes .colgauche .item-art .publication .date-modif {
  text-transform: uppercase;
  color: #eb9e05;
  font-style: normal;
  font-weight: 600;
}
.bicolonnes .colgauche .item-art .publication .date {
  margin-bottom: 0;
  font-size: 1.5em;
}
.bicolonnes .colgauche .item-art .publication .date-pub::before {
  content: "Le ";
}
.bicolonnes .colgauche .item-art .publication .date-modif::before {
  content: "| Mis à jour le ";
}
.bicolonnes .colgauche .item-art .publication .author {
  font-weight: 700;
  color: #000;
}
.bicolonnes .colgauche .item-art .entourelogo {
  margin-top: 0;
  position: relative;
}
.bicolonnes .colgauche .item-art .entourelogo .spip_logo {
  width: 100%;
  height: auto;
  min-height: 100px;
  border-bottom: 8px solid #456;
}
.bicolonnes .colgauche .item-art .entourelogo .titlogo {
  color: #000;
  position: absolute;
  bottom: 1.4em;
  left: 25px;
  background: #fff;
  padding: 0.5em 0.8em;
  border-left-style: solid;
  border-left-width: 10px;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: 600;
}
.bicolonnes .colgauche .item-art .introduction {
  font-size: .9em;
  line-height: 150%;
  margin-bottom: .8em;
}
.bicolonnes .colgauche .item-art .introboutons {
  min-height: 210px;
}
.bicolonnes .colgauche .item-art .introboutons img {
  color: inherit;
}
.bicolonnes .colgauche .col-sm-12:last-of-type > .item-art {
  border-bottom: 0 solid #fff;
}
.bicolonnes .btn {
  display: inline-block;
  text-transform: uppercase;
  line-height: initial;
  border-radius: 0;
  margin: 0 .9em 0 0;
}
.bicolonnes .colgauche,
.bicolonnes .asidedroite {
  overflow: hidden;
}
.bicolonnes .colgauche .grotit,
.bicolonnes .asidedroite .grotit {
  text-align: left;
  margin: 0 0 1em;
  position: relative;
  border-bottom: 8px solid #e8e8e8;
  padding-bottom: 0.4em;
  font-size: 2.3em;
  color: #666666;
  background: #fff;
  color: #000;
  font-weight: 300;
  padding: 0 0 0.4em;
  width: auto;
  line-height: .9em;
}
.bicolonnes .colgauche .grotit a,
.bicolonnes .asidedroite .grotit a {
  color: #222222;
  padding-bottom: 0;
}
.bicolonnes .colgauche .grotit:after,
.bicolonnes .asidedroite .grotit:after {
  content: '';
  width: 92vw;
  display: block;
  border-bottom: 1px solid #b3b3b3;
  float: left;
  margin-top: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.bicolonnes .colgauche .grotit a,
.bicolonnes .asidedroite .grotit a {
  color: #222222;
  padding-bottom: 0;
}
.bicolonnes .colgauche .grotit:after,
.bicolonnes .asidedroite .grotit:after {
  content: '';
  width: 92vw;
  display: block;
  border-bottom: 1px solid #b3b3b3;
  float: left;
  margin-top: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.bicolonnes .colgauche .item,
.bicolonnes .asidedroite .item {
  width: 100%;
}
.bicolonnes .colgauche .logoauteur,
.bicolonnes .asidedroite .logoauteur {
  padding: auto;
}
.bicolonnes .colgauche .logoauteur .titlogo,
.bicolonnes .asidedroite .logoauteur .titlogo {
  padding: 0.6em 0 0;
  display: block;
  font-weight: 700;
  font-size: 1.1em;
  line-height: 1.2em;
}
.bicolonnes .colgauche .logoauteur .titlogo:before,
.bicolonnes .asidedroite .logoauteur .titlogo:before {
  content: 'par';
  display: block;
  font-size: 1em;
  font-style: italic;
  font-size: 0.9em;
  font-weight: 500;
  color: #000;
}
.bicolonnes .colgauche .item-auteur:hover .legende .tit a,
.bicolonnes .asidedroite .item-auteur:hover .legende .tit a {
  color: #eb9e05;
}
.bicolonnes .colgauche .liste-mot,
.bicolonnes .asidedroite .liste-mot {
  padding: 0;
  margin-bottom: 5.2em;
}
.bicolonnes .colgauche .liste-mot .item,
.bicolonnes .asidedroite .liste-mot .item {
  width: auto;
  padding: 0.4em 0.6em 0.3em;
  background: #f5f5f5;
  font-size: 1.3em;
}
.bicolonnes .colgauche .liste-mot .item:hover,
.bicolonnes .asidedroite .liste-mot .item:hover {
  color: #fff;
}
.bicolonnes .asidedroite .grotit {
  text-align: left;
  margin: 0 0 1em;
  position: relative;
  border-bottom: 8px solid #e8e8e8;
  padding-bottom: 0.4em;
  font-size: 2.3em;
  color: #666666;
  background: #fff;
  color: #000;
  font-weight: 300;
  padding: 0 0 0.4em;
  width: auto;
  line-height: .9em;
}
.bicolonnes .asidedroite .grotit a {
  color: #222222;
  padding-bottom: 0;
}
.bicolonnes .asidedroite .grotit:after {
  content: '';
  width: 92vw;
  display: block;
  border-bottom: 1px solid #b3b3b3;
  float: left;
  margin-top: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.bicolonnes .asidedroite .grotit a {
  color: #222222;
  padding-bottom: 0;
}
.bicolonnes .asidedroite .grotit:after {
  content: '';
  width: 92vw;
  display: block;
  border-bottom: 1px solid #b3b3b3;
  float: left;
  margin-top: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.bicolonnes .asidedroite .grosurtit {
  padding: 0.4em 4% .6em;
  color: #fff;
  font-size: 1.4em;
  width: auto;
  display: inline-block;
  margin: 0 0 1em;
  margin: -0.7em 0 1em;
}
.bicolonnes .asidedroite .minilien {
  background: #dddddd url('//ericbocquet.fr/sites/demo33.c-real.fr/local/cache-css/') 0.7em center no-repeat;
  background-size: 2.9em;
  display: block;
  padding: 0.7em 5% 0.7em 5.1em;
  margin-bottom: 3em;
  color: #000;
  font-size: 1.1em;
  line-height: 1.4;
}
.bicolonnes .asidedroite .item {
  background: transparent;
  padding: 0;
}
.bicolonnes .asidedroite #videos {
  margin-bottom: 3em;
  overflow: hidden;
}
.bicolonnes .asidedroite .lls {
  text-transform: none;
  font-size: 0.9em;
  font-weight: 600;
  padding: 0 0 1em;
  margin-top: 1em;
}
.bicolonnes .asidedroite .liste-items,
.bicolonnes .asidedroite .liste-evt {
  margin-bottom: 3em;
  overflow: hidden;
}
.bicolonnes .asidedroite .liste-items .btn,
.bicolonnes .asidedroite .liste-evt .btn {
  margin: 1.1em 10% 1.1em 0;
  font-size: 0.8em;
}
.bicolonnes .asidedroite .liste-items .llsrub,
.bicolonnes .asidedroite .liste-evt .llsrub {
  margin: 1.1em 10% 0 0;
  font-size: 1.1em;
}
.bicolonnes .asidedroite .liste-items .date,
.bicolonnes .asidedroite .liste-evt .date {
  display: table;
  overflow: hidden;
  background: #eb9e05;
  color: #fff;
  padding: .2em 2.5%;
  font-size: .8em;
  margin-bottom: .6em;
}
.bicolonnes .asidedroite .liste-items .date a,
.bicolonnes .asidedroite .liste-evt .date a {
  color: #fff;
}
.bicolonnes .asidedroite .liste-items .date a,
.bicolonnes .asidedroite .liste-evt .date a {
  color: #fff;
}
.bicolonnes .asidedroite .liste-items .lieu,
.bicolonnes .asidedroite .liste-evt .lieu {
  color: #005977;
  font-weight: 500;
  margin-bottom: .4em;
  display: block;
}
.bicolonnes .asidedroite .accordeon .cnt,
.bicolonnes .asidedroite .accordeon .date,
.bicolonnes .asidedroite .accordeon .tit,
.bicolonnes .asidedroite .accordeon .lieu {
  margin-left: 36px;
}
.bicolonnes .asidedroite #twitter {
  margin: 2em 0 3em;
  overflow: hidden;
  width: 100%;
}
.bicolonnes .asidedroite #twitter .grotit {
  font-weight: 600;
  font-size: 2.1em;
  color: #eb9e05;
  border-bottom: none;
}
.bicolonnes .asidedroite .llsrub {
  margin-left: 0;
  font-size: 1.1em;
}
.bicolonnes .asidedroite .item-auteur .legende::before {
  content: 'Par';
  color: #eb9e05;
  font-weight: 600;
}
.bicolonnes .asidedroite .item-auteur .legende .tit {
  font-weight: 800;
}
.bicolonnes .asidedroite .item-auteur .legende .tit a {
  color: #000;
}
.bicolonnes .asidedroite .item-auteur .legende .circo {
  line-height: 1.2;
  margin: 0.6em 0;
}
.bicolonnes .asidedroite .item-auteur .legende .details {
  border-bottom: 1px solid #aaa;
  padding: 1em 0;
}
.bicolonnes .asidedroite .item-auteur.deuxcolonnes {
  flex-direction: row-reverse;
  display: flex;
  width: auto;
  overflow: visible;
}
.bicolonnes .asidedroite .item-auteur.deuxcolonnes .tit {
  min-height: 2.4em;
  border-top: 1px solid #aaa;
  padding: 1em 0 0;
}
.bicolonnes .asidedroite .item-auteur.deuxcolonnes .message {
  margin-top: .7em;
}
.bicolonnes .asidedroite .item-auteur:not(.deuxcolonnes) .legende {
  padding: 0.4em 0 0.7em;
  border-bottom: 1px solid #aaa;
}
.bicolonnes .asidedroite .item-auteur:not(.deuxcolonnes) br {
  float: left;
}
.bicolonnes .asidedroite .message {
  margin-top: 1.7em;
  padding: 0;
}
.bicolonnes .asidedroite .message .mail {
  cursor: pointer;
}
.bicolonnes .asidedroite .message .btn {
  margin: 0 1em 1em 0;
  padding: 0.5em 0.8em .4em;
  font-size: 0.8em;
}
.bicolonnes .asidedroite .message .fb .btn {
  margin-right: 0;
  background-color: #4267B2;
  border-color: #4267B2;
}
.bicolonnes .asidedroite .message .fb .btn:hover {
  background-color: #3257A2;
  border-color: #3257A2;
}
.bicolonnes .asidedroite .formulaire_contact_libre {
  margin-top: 2.9em;
  margin-bottom: 0;
  z-index: 2;
}
.bicolonnes .asidedroite .formulaire_contact_libre .editer {
  width: 95%;
}
.bicolonnes .asidedroite .alaune,
.bicolonnes .asidedroite #alaune {
  margin: 0 0 2em;
  overflow: hidden;
}
.bicolonnes .asidedroite .alaune .item .legende,
.bicolonnes .asidedroite #alaune .item .legende {
  height: 98%;
  width: 100%;
}
/* ======= PAGE TYPE CONTENU ======= */
.page_type_contenu .asidedroite .icones,
.page_type_contenu .asidedroite .nav {
  vertical-align: middle;
}
.page_type_contenu .asidedroite .icones img,
.page_type_contenu .asidedroite .nav img {
  max-width: 22px;
  margin-right: 0.3em;
  vertical-align: middle;
}
.page_type_contenu .autre {
  overflow: hidden;
}
/* ======= PIED ======= */
.page .liste-grille,
.page .videospied {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 3em;
}
.page .liste-grille .grotit,
.page .videospied .grotit {
  margin-bottom: 1.53em;
  padding-bottom: .5em;
  width: 100%;
  text-align: center;
}
.liste-grille,
.videospied,
#laliste {
  width: 100%;
}
.liste-grille .llsrub,
.videospied .llsrub,
#laliste .llsrub {
  position: relative;
  color: #000;
  text-transform: none;
  padding: 0 0 0.5em;
}
.liste-grille .llsrub:after,
.videospied .llsrub:after,
#laliste .llsrub:after {
  content: "";
  display: block;
  width: 4.3em;
  height: 3px;
  background: #eb9e05;
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.videospied {
  text-align: center;
  margin-top: 2em;
}
.videospied .grotit a {
  color: #000;
}
@media screen and (max-width: 1279px) {
  .content .page_type_liste .bicolonnes .asidedroite {
    margin-top: 0.3em;
  }
  /*  */
  .liste-grille .lrub {
    margin: 1.5em 0 0;
    float: left;
  }
  .asidedroite .accordeon .cnt,
  .asidedroite .accordeon .date,
  .asidedroite .accordeon .tit,
  .asidedroite .accordeon .lieu {
    width: 90%;
  }
}
@media screen and (max-width: 991px) {
  /*  */
  .content .page_type_liste .bicolonnes .asidedroite,
  #contenu.page_type_contenu .asidedroite {
    margin-top: 2.5em;
  }
  .content .page_type_liste .bicolonnes .bicolonne,
  #contenu.page_type_contenu .bicolonne {
    padding-top: 3.8vw;
  }
  /*  */
  .bicolonnes .asidedroite #alaune .item .lien,
  .bicolonnes .asidedroite .alaune .item .lien {
    max-height: 14.4em;
  }
  .bicolonnes .asidedroite #alaune .minilien,
  .bicolonnes .asidedroite .alaune .minilien {
    background-size: 1.8em;
    padding: 0.7em 5% 0.7em 3.5em;
  }
  .bicolonnes .asidedroite #alaune .minilien br,
  .bicolonnes .asidedroite .alaune .minilien br {
    float: left;
  }
  /*  */
  body .page .content .page_type_contenu #intro .grotit {
    margin: 0 0 5vw;
  }
}
@media screen and (max-width: 767px) {
  body .page #header .interieur #nav.menuprincipal .nav-collapse {
    border-top: 5px solid #eb9e05;
    border-bottom: 14px solid #eb9e05;
  }
  /*  */
  .grotit {
    padding: 0 5vw 0.2em;
    line-height: 110%;
    font-weight: 500;
    font-size: 1.7em;
  }
  body .page .content {
    margin-top: 2.2em;
  }
  body .page .content .contenu {
    padding-top: 0;
  }
  body .page .content .bicolonnes {
    padding-top: .8em;
  }
  body .page .content .grotit {
    margin: 0.5em auto 0.9em ;
  }
  body .page .content .contenu #intro,
  body .page .content .contenu .intro {
    font-size: 0.8em;
  }
  body .page .content .contenu #intro .grotit,
  body .page .content .contenu .intro .grotit {
    padding: 0 0 .6em;
  }
  body .page .content .contenu #intro .grosoustit,
  body .page .content .contenu .intro .grosoustit {
    font-size: 1.6em;
    line-height: 130%;
    margin-top: 0.3em;
  }
  body .page .content .contenu #intro .chapo,
  body .page .content .contenu .intro .chapo {
    font-size: 1.1em;
    line-height: 150%;
  }
  /*  */
  /*  */
  .bicolonnes .btn {
    margin: 0 .9em 1em 0;
  }
  .bicolonnes .colgauche .grotit,
  .bicolonnes .asidedroite .grotit {
    font-size: 1.6em;
    text-align: center;
  }
  .bicolonnes .colgauche .grotit::after,
  .bicolonnes .asidedroite .grotit::after {
    float: none;
    left: calc(50% - 40vw);
  }
  .bicolonnes .colgauche .grotitrub {
    margin: 0.6em 0 0.8em;
  }
  .bicolonnes .colgauche .item-art {
    margin-bottom: 1.2em;
    padding-bottom: 1.2em;
  }
  .bicolonnes .colgauche .item-art .stitmot {
    display: table;
    clear: both;
    float: none;
    margin: 1.4em 0 .6em;
    font-size: 0.5em;
  }
  .bicolonnes .colgauche .item-art .introboutons {
    min-height: auto;
  }
  .bicolonnes .colgauche .item-art .boutons {
    position: static;
    margin: 1em 0 0;
  }
  .bicolonnes .colgauche .item-art .entourelogo {
    max-height: 40vh;
    overflow: hidden;
    margin-bottom: 1.4em;
  }
  .bicolonnes .colgauche .item-art .entourelogo .spip_logo {
    margin-top: -7vh;
  }
  .bicolonnes .asidedroite .grotit {
    font-size: 2.2em;
  }
  .liste-grille {
    margin: 0;
  }
  .liste-grille .item {
    margin-bottom: 34px;
  }
  .liste-imagesfond .item:hover .legende .desc {
    padding: 0;
    height: 0;
  }
  .liste-logofond.row .item .legende {
    height: 16em;
  }
  /*  */
  .page .content .contenu.page_type_liste .intro .grotit,
  .page .content .contenu.page_type_liste #intro .grotit {
    font-size: 3em;
    padding: 0 0 .6em;
  }
  .page .content .contenu.page_type_liste .chapo {
    padding: 0.4em;
    font-weight: 600;
  }
  /*  */
  /* ***************************** PAGES DE TYPE CONTENU ***************************** */
  .page_type_contenu #intro {
    text-align: left;
  }
  .page_type_contenu .chemin {
    display: none;
  }
  .page_type_contenu #intro .grotit {
    text-align: left;
    border-bottom: none;
    margin: 0 0 0.8em;
    font: 600 2.5em/110% 'Nunito Sans', Verdana, sans-serif;
    color: #000;
  }
  .page_type_contenu #intro .grotit::after {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .bicolonnes .asidedroite .grotit::after {
    width: 78vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .bicolonnes .asidedroite .grotit {
    font-size: 1.7em;
  }
  .bicolonnes .asidedroite .llsrub {
    font-size: 1em;
  }
  .bicolonnes .colgauche .item-art .introboutons {
    padding-bottom: 2em;
  }
}
@media screen and (min-width: 768px) {
  .bicolonnes .colgauche .item-art .entourelogo {
    padding-right: 0;
  }
}
/* ======== INCLUSIONS  ========== */
/*  */
/* latin-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local('Fira Sans Thin Italic'), local('FiraSans-ThinItalic'), url(https://fonts.gstatic.com/s/firasans/v10/va9A4kDNxMZdWfMOD5VvkrCqUT7fcWTP.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local('Fira Sans Thin Italic'), local('FiraSans-ThinItalic'), url(https://fonts.gstatic.com/s/firasans/v10/va9A4kDNxMZdWfMOD5VvkrCqUTDfcQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: local('Fira Sans ExtraLight Italic'), local('FiraSans-ExtraLightItalic'), url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrAGQCf2VFn2lg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: local('Fira Sans ExtraLight Italic'), local('FiraSans-ExtraLightItalic'), url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrAGQCf4VFk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local('Fira Sans Light Italic'), local('FiraSans-LightItalic'), url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrBiQyf2VFn2lg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local('Fira Sans Light Italic'), local('FiraSans-LightItalic'), url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrBiQyf4VFk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Fira Sans Italic'), local('FiraSans-Italic'), url(https://fonts.gstatic.com/s/firasans/v10/va9C4kDNxMZdWfMOD5VvkrjHYTLHdQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Fira Sans Italic'), local('FiraSans-Italic'), url(https://fonts.gstatic.com/s/firasans/v10/va9C4kDNxMZdWfMOD5VvkrjJYTI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local('Fira Sans Medium Italic'), local('FiraSans-MediumItalic'), url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrA6Qif2VFn2lg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local('Fira Sans Medium Italic'), local('FiraSans-MediumItalic'), url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrA6Qif4VFk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: local('Fira Sans SemiBold Italic'), local('FiraSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrAWRSf2VFn2lg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: local('Fira Sans SemiBold Italic'), local('FiraSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrAWRSf4VFk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Fira Sans Bold Italic'), local('FiraSans-BoldItalic'), url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrByRCf2VFn2lg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Fira Sans Bold Italic'), local('FiraSans-BoldItalic'), url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrByRCf4VFk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: local('Fira Sans ExtraBold Italic'), local('FiraSans-ExtraBoldItalic'), url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrBuRyf2VFn2lg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: local('Fira Sans ExtraBold Italic'), local('FiraSans-ExtraBoldItalic'), url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrBuRyf4VFk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local('Fira Sans Black Italic'), local('FiraSans-BlackItalic'), url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrBKRif2VFn2lg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local('Fira Sans Black Italic'), local('FiraSans-BlackItalic'), url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrBKRif4VFk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local('Fira Sans Thin'), local('FiraSans-Thin'), url(https://fonts.gstatic.com/s/firasans/v10/va9C4kDNxMZdWfMOD5Vn9LjHYTLHdQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local('Fira Sans Thin'), local('FiraSans-Thin'), url(https://fonts.gstatic.com/s/firasans/v10/va9C4kDNxMZdWfMOD5Vn9LjJYTI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local('Fira Sans ExtraLight'), local('FiraSans-ExtraLight'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnWKneSBf6TF0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local('Fira Sans ExtraLight'), local('FiraSans-ExtraLight'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnWKneRhf6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Fira Sans Light'), local('FiraSans-Light'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnPKreSBf6TF0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Fira Sans Light'), local('FiraSans-Light'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnPKreRhf6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5VvmYjLeTY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5Vvl4jL.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Fira Sans Medium'), local('FiraSans-Medium'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnZKveSBf6TF0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Fira Sans Medium'), local('FiraSans-Medium'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnZKveRhf6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Fira Sans SemiBold'), local('FiraSans-SemiBold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzeSBf6TF0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Fira Sans SemiBold'), local('FiraSans-SemiBold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzeRhf6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Fira Sans Bold'), local('FiraSans-Bold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnLK3eSBf6TF0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Fira Sans Bold'), local('FiraSans-Bold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnLK3eRhf6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local('Fira Sans ExtraBold'), local('FiraSans-ExtraBold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnMK7eSBf6TF0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local('Fira Sans ExtraBold'), local('FiraSans-ExtraBold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnMK7eRhf6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Fira Sans Black'), local('FiraSans-Black'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnFK_eSBf6TF0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Fira Sans Black'), local('FiraSans-Black'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnFK_eRhf6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ***************************** MISE EN PAGE ***************************** */
@media screen {
  #wrapper {
    margin-top: 121px;
    padding-bottom: 9em;
    background: #fff;
    padding-top: 327px;
    background-repeat: no-repeat, no-repeat, repeat-y;
  }
  #wrapper:after {
    width: 76px;
  }
  .page_interieure #wrapper {
    padding-top: 235px;
    margin-bottom: 0;
  }
  .site-eric #wrapper {
    background-image: url('https://ericbocquet.fr/squ/sites/senateurs.lhumaindabord.fr/ergo/eric_seul.png'), url('https://ericbocquet.fr/squ/sites/senateurs.lhumaindabord.fr/ergo/bg.jpg'), url('https://ericbocquet.fr/squ/sites/senateurs.lhumaindabord.fr/ergo/deg.jpg');
    background-size: 413px,2005px,2005px;
    background-position: calc(50% - 435px) 0.7em, center -0.6em, center -0.6em;
  }
  .site-eric .page_interieure #wrapper {
    background-position: calc(50% - 440px) 0.4em, center -6.8em, center -0.6em;
    background-size: 379px,2005px,2005px;
  }
  .site-michelle #wrapper {
    background-image: url('https://ericbocquet.fr/squ/sites/senateurs.lhumaindabord.fr/ergo/michelle_seule_mir.png'), url('https://ericbocquet.fr/squ/sites/senateurs.lhumaindabord.fr/ergo/bg_michelle.jpg'), url('https://ericbocquet.fr/squ/sites/senateurs.lhumaindabord.fr/ergo/deg_michelle.jpg');
    background-size: 366px, 2005px, 2005px;
    background-position: calc(50% - 450px) 1.2em, center -0.6em, center -0.6em;
  }
  .site-michelle .page_interieure #wrapper {
    background-size: 279px, 2005px, 2005px;
    background-position: calc(50% - 450px) 0.5em, center -0.6em, center -0.6em;
  }
  .fondblanc {
    padding: 50px 60px 2em;
    overflow: hidden;
  }
}
.margesup {
  width: 100%;
}
/* ***************************** HEADER / BANDEAU ***************************** */
.titpage {
  margin-top: 273px;
  padding-bottom: 34px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-weight: 900;
  color: #fff;
  font-size: 2.8em;
  font-weight: 700;
  font-family: 'Fira Sans', Verdana, sans-serif;
  position: relative;
  position: absolute;
}
.titpage:after {
  content: "";
  display: block;
  width: 4em;
  height: 7px;
  background: #eb9e05;
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.titpage a {
  color: #fff;
}
.titsenateur {
  margin-top: calc(7.3% + 55px);
  padding-right: 3.4%;
  text-align: right;
  color: #fff;
  border-right: 1px solid #fff;
  font-size: 2.5em;
  font-family: 'Fira Sans', Verdana, sans-serif;
  position: absolute;
  right: 0;
  line-height: 1.5em;
}
.titsenateur * {
  display: block;
}
.titsenateur .prenom {
  font-size: 1em;
}
.titsenateur .nom {
  text-transform: uppercase;
  font-size: 1.7em;
  font-weight: 600;
  margin-bottom: 0.2em;
}
.titsenateur .titre {
  text-transform: uppercase;
  font-size: 0.7em;
  padding: 0em 5%;
}
.passerelle {
  text-align: right;
  color: #fff;
  background: #00000050;
  float: right;
  font-size: 0.4em;
  font-weight: 300;
  padding: .5em .7em;
  line-height: 1.4em;
  margin: 0.8em 0 0;
  padding: .5em .7em ;
  line-height: 1.3em;
}
.passerelle .nom {
  text-transform: none;
  font-size: 1.2em;
  font-weight: 500;
  color: #fff;
}
.passerelle .fleche {
  display: inline;
}
.passerelle:hover {
  color: #fff;
}
.site-michelle .passerelle {
  background: #00000060;
}
.site-michelle .passerelle .nom {
  color: #fff;
}
body .page {
  overflow-x: hidden;
}
body .page #header .interieur .titsite {
  width: auto;
  padding: 27px 0 0;
  margin: 0 17px;
  height: 84px;
  font-family: 'Fira Sans', Verdana, sans-serif;
  color: #000;
  font-size: .9em;
}
body .page #header .interieur .titsite > span,
body .page #header .interieur .titsite h1 {
  line-height: 1.5;
  font-family: 'Fira Sans', Verdana, sans-serif;
  font-size: 2em;
}
body .page #header .interieur .titsite::after {
  border-radius: 3px 3px 0 0;
}
body .page #header .interieur .titsite .gras {
  text-transform: uppercase;
  font-weight: 800;
}
body .page #header .interieur #navsup {
  padding: 0;
}
body .page #header .interieur #nav.menuprincipal .nav-collapse > ul > li > a {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.1em;
}
body .page #header .interieur #nav.menuprincipal .nav-collapse > ul > li > a .gras {
  font-size: 1em;
  display: inline;
  font-weight: 500;
  padding: 0;
}
body .page #header .interieur #nav.menuprincipal .nav-collapse > ul > li > a:hover {
  padding-bottom: 29px;
}
body .page #header .interieur #nav.menuprincipal .nav-collapse > ul li:hover .ssmenu {
  top: 4.5em;
  left: 18px;
}
body .page #header .interieur #nav.menuprincipal .nav-collapse > ul li:hover a {
  padding-bottom: 29px;
}
body .page #header .interieur #nav.menuprincipal .nav-collapse > ul ul li::after {
  content: none;
}
body.site-michelle #header .interieur .titsite {
  position: relative;
}
body.site-michelle #header .interieur .titsite:after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: #eb9e05;
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
body.site-eric #header .interieur .titsite {
  position: relative;
}
body.site-eric #header .interieur .titsite:after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: #3abca2;
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
body.site-eric #header .interieur .titsite::after {
  background-image: -moz-linear-gradient(left, #3abca2 0, #005977 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#3abca2 0), to(#005977 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #3abca2 0, #005977 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #3abca2 0, #005977 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #3abca2 0, #005977 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3abca2', endColorstr='#ff005977', GradientType=1);
}
/* ***************************** COULEURS DYNAMIQUES ***************************** */
.c_rub {
  color: #eb9e05 !important;
}
.bg_rub {
  background-color: #eb9e05 !important;
}
.bgalpha_rub {
  background-color: rgba(235, 158, 5, 0.7) !important;
}
.bd_rub,
.deg_rub_a .surtit,
.couleur .entourelogo .titlogo,
.couleur .spip_logo {
  border-color: #eb9e05 !important;
}
.deg_rub {
  background-image: -moz-linear-gradient(top, transparent 0, #eb9e05 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#eb9e05 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #eb9e05 100%);
  background-image: -o-linear-gradient(top, transparent 0, #eb9e05 100%);
  background-image: linear-gradient(to bottom, transparent 0, #eb9e05 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffeb9e05', GradientType=0);
}
.deg_h_rub {
  background-image: -moz-linear-gradient(left, transparent 0, #eb9e05 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#eb9e05 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #eb9e05 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #eb9e05 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #eb9e05 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffeb9e05', GradientType=1);
}
.bg_rub_h:hover {
  background-color: #eb9e05 !important;
}
.c_rub_b::before {
  color: #eb9e05 !important;
}
.partage_inline_share_toolbox > div::before,
.bg_rub_b::before {
  background-color: #eb9e05 !important;
}
.bd_rub_b::before {
  border-color: #eb9e05 !important;
}
.c_a_rub::after {
  color: #eb9e05 !important;
}
.bg_rub_a::after {
  background-color: #eb9e05 !important;
}
.bd_rub_a::after {
  border-color: #eb9e05 !important;
}
.deg_h_a_rub::after {
  background-image: -moz-linear-gradient(left, transparent 0, #eb9e05 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#eb9e05 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #eb9e05 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #eb9e05 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #eb9e05 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffeb9e05', GradientType=1);
  content: "";
  width: 100%;
  height: 101%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub30,
#contenu.bd_rub30 .texte a,
.c_rub30 a {
  color: #396F92 !important;
}
.bg_rub30 {
  background-color: #396F92 !important;
}
.conditionsup.bgalpha_rub30 {
  background-color: #396F9270 !important;
}
.bd_rub30,
.deg_rub_a30 .surtit,
.couleur30 .entourelogo .titlogo,
.couleur30 .spip_logo,
#contenu.bd_rub30 .texte h3.spip,
.btn.bg_rub30 {
  border-color: #396F92 !important;
}
.deg_rub30 {
  background-image: -moz-linear-gradient(top, transparent 0, #396f92 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#396f92 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #396f92 100%);
  background-image: -o-linear-gradient(top, transparent 0, #396f92 100%);
  background-image: linear-gradient(to bottom, transparent 0, #396f92 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff396f92', GradientType=0);
}
.deg_h_rub30 {
  background-image: -moz-linear-gradient(left, transparent 0, #396f92 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#396f92 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #396f92 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #396f92 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #396f92 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff396f92', GradientType=1);
}
.bg_rub_h30:hover {
  background-color: #396F92 !important;
}
.c_rub_b30::before {
  color: #396F92 !important;
}
.bd_rub30 .partage_inline_share_toolbox > div::before,
.bg_rub_b30::before {
  background-color: #396F92 !important;
}
.bd_rub_b30::before {
  border-color: #396F92 !important;
}
.c_rub_a30::after {
  color: #396F92 !important;
}
.bg_rub_a30::after {
  background-color: #396F92 !important;
}
.bd_rub_a30::after {
  border-color: #396F92 !important;
}
.deg_h_rub_a30::after {
  background-image: -moz-linear-gradient(left, #396f92 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#396f92 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #396f92 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #396f92 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #396f92 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff396f92', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub34,
#contenu.bd_rub34 .texte a,
.c_rub34 a {
  color: #901717 !important;
}
.bg_rub34 {
  background-color: #901717 !important;
}
.conditionsup.bgalpha_rub34 {
  background-color: #90171770 !important;
}
.bd_rub34,
.deg_rub_a34 .surtit,
.couleur34 .entourelogo .titlogo,
.couleur34 .spip_logo,
#contenu.bd_rub34 .texte h3.spip,
.btn.bg_rub34 {
  border-color: #901717 !important;
}
.deg_rub34 {
  background-image: -moz-linear-gradient(top, transparent 0, #901717 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#901717 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #901717 100%);
  background-image: -o-linear-gradient(top, transparent 0, #901717 100%);
  background-image: linear-gradient(to bottom, transparent 0, #901717 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff901717', GradientType=0);
}
.deg_h_rub34 {
  background-image: -moz-linear-gradient(left, transparent 0, #901717 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#901717 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #901717 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #901717 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #901717 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff901717', GradientType=1);
}
.bg_rub_h34:hover {
  background-color: #901717 !important;
}
.c_rub_b34::before {
  color: #901717 !important;
}
.bd_rub34 .partage_inline_share_toolbox > div::before,
.bg_rub_b34::before {
  background-color: #901717 !important;
}
.bd_rub_b34::before {
  border-color: #901717 !important;
}
.c_rub_a34::after {
  color: #901717 !important;
}
.bg_rub_a34::after {
  background-color: #901717 !important;
}
.bd_rub_a34::after {
  border-color: #901717 !important;
}
.deg_h_rub_a34::after {
  background-image: -moz-linear-gradient(left, #901717 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#901717 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #901717 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #901717 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #901717 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff901717', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub195,
#contenu.bd_rub195 .texte a,
.c_rub195 a {
  color: #69C5EC !important;
}
.bg_rub195 {
  background-color: #69C5EC !important;
}
.conditionsup.bgalpha_rub195 {
  background-color: #69C5EC70 !important;
}
.bd_rub195,
.deg_rub_a195 .surtit,
.couleur195 .entourelogo .titlogo,
.couleur195 .spip_logo,
#contenu.bd_rub195 .texte h3.spip,
.btn.bg_rub195 {
  border-color: #69C5EC !important;
}
.deg_rub195 {
  background-image: -moz-linear-gradient(top, transparent 0, #69c5ec 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#69c5ec 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #69c5ec 100%);
  background-image: -o-linear-gradient(top, transparent 0, #69c5ec 100%);
  background-image: linear-gradient(to bottom, transparent 0, #69c5ec 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff69c5ec', GradientType=0);
}
.deg_h_rub195 {
  background-image: -moz-linear-gradient(left, transparent 0, #69c5ec 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#69c5ec 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #69c5ec 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #69c5ec 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #69c5ec 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff69c5ec', GradientType=1);
}
.bg_rub_h195:hover {
  background-color: #69C5EC !important;
}
.c_rub_b195::before {
  color: #69C5EC !important;
}
.bd_rub195 .partage_inline_share_toolbox > div::before,
.bg_rub_b195::before {
  background-color: #69C5EC !important;
}
.bd_rub_b195::before {
  border-color: #69C5EC !important;
}
.c_rub_a195::after {
  color: #69C5EC !important;
}
.bg_rub_a195::after {
  background-color: #69C5EC !important;
}
.bd_rub_a195::after {
  border-color: #69C5EC !important;
}
.deg_h_rub_a195::after {
  background-image: -moz-linear-gradient(left, #69c5ec 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#69c5ec 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #69c5ec 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #69c5ec 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #69c5ec 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff69c5ec', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub188,
#contenu.bd_rub188 .texte a,
.c_rub188 a {
  color: #B6BC9D !important;
}
.bg_rub188 {
  background-color: #B6BC9D !important;
}
.conditionsup.bgalpha_rub188 {
  background-color: #B6BC9D70 !important;
}
.bd_rub188,
.deg_rub_a188 .surtit,
.couleur188 .entourelogo .titlogo,
.couleur188 .spip_logo,
#contenu.bd_rub188 .texte h3.spip,
.btn.bg_rub188 {
  border-color: #B6BC9D !important;
}
.deg_rub188 {
  background-image: -moz-linear-gradient(top, transparent 0, #b6bc9d 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#b6bc9d 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #b6bc9d 100%);
  background-image: -o-linear-gradient(top, transparent 0, #b6bc9d 100%);
  background-image: linear-gradient(to bottom, transparent 0, #b6bc9d 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffb6bc9d', GradientType=0);
}
.deg_h_rub188 {
  background-image: -moz-linear-gradient(left, transparent 0, #b6bc9d 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#b6bc9d 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #b6bc9d 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #b6bc9d 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #b6bc9d 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffb6bc9d', GradientType=1);
}
.bg_rub_h188:hover {
  background-color: #B6BC9D !important;
}
.c_rub_b188::before {
  color: #B6BC9D !important;
}
.bd_rub188 .partage_inline_share_toolbox > div::before,
.bg_rub_b188::before {
  background-color: #B6BC9D !important;
}
.bd_rub_b188::before {
  border-color: #B6BC9D !important;
}
.c_rub_a188::after {
  color: #B6BC9D !important;
}
.bg_rub_a188::after {
  background-color: #B6BC9D !important;
}
.bd_rub_a188::after {
  border-color: #B6BC9D !important;
}
.deg_h_rub_a188::after {
  background-image: -moz-linear-gradient(left, #b6bc9d 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#b6bc9d 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #b6bc9d 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #b6bc9d 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #b6bc9d 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb6bc9d', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub189,
#contenu.bd_rub189 .texte a,
.c_rub189 a {
  color: #E42626 !important;
}
.bg_rub189 {
  background-color: #E42626 !important;
}
.conditionsup.bgalpha_rub189 {
  background-color: #E4262670 !important;
}
.bd_rub189,
.deg_rub_a189 .surtit,
.couleur189 .entourelogo .titlogo,
.couleur189 .spip_logo,
#contenu.bd_rub189 .texte h3.spip,
.btn.bg_rub189 {
  border-color: #E42626 !important;
}
.deg_rub189 {
  background-image: -moz-linear-gradient(top, transparent 0, #e42626 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#e42626 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #e42626 100%);
  background-image: -o-linear-gradient(top, transparent 0, #e42626 100%);
  background-image: linear-gradient(to bottom, transparent 0, #e42626 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffe42626', GradientType=0);
}
.deg_h_rub189 {
  background-image: -moz-linear-gradient(left, transparent 0, #e42626 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#e42626 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #e42626 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #e42626 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #e42626 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffe42626', GradientType=1);
}
.bg_rub_h189:hover {
  background-color: #E42626 !important;
}
.c_rub_b189::before {
  color: #E42626 !important;
}
.bd_rub189 .partage_inline_share_toolbox > div::before,
.bg_rub_b189::before {
  background-color: #E42626 !important;
}
.bd_rub_b189::before {
  border-color: #E42626 !important;
}
.c_rub_a189::after {
  color: #E42626 !important;
}
.bg_rub_a189::after {
  background-color: #E42626 !important;
}
.bd_rub_a189::after {
  border-color: #E42626 !important;
}
.deg_h_rub_a189::after {
  background-image: -moz-linear-gradient(left, #e42626 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#e42626 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #e42626 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #e42626 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #e42626 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe42626', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub190,
#contenu.bd_rub190 .texte a,
.c_rub190 a {
  color: #88B649 !important;
}
.bg_rub190 {
  background-color: #88B649 !important;
}
.conditionsup.bgalpha_rub190 {
  background-color: #88B64970 !important;
}
.bd_rub190,
.deg_rub_a190 .surtit,
.couleur190 .entourelogo .titlogo,
.couleur190 .spip_logo,
#contenu.bd_rub190 .texte h3.spip,
.btn.bg_rub190 {
  border-color: #88B649 !important;
}
.deg_rub190 {
  background-image: -moz-linear-gradient(top, transparent 0, #88b649 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#88b649 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #88b649 100%);
  background-image: -o-linear-gradient(top, transparent 0, #88b649 100%);
  background-image: linear-gradient(to bottom, transparent 0, #88b649 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff88b649', GradientType=0);
}
.deg_h_rub190 {
  background-image: -moz-linear-gradient(left, transparent 0, #88b649 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#88b649 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #88b649 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #88b649 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #88b649 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff88b649', GradientType=1);
}
.bg_rub_h190:hover {
  background-color: #88B649 !important;
}
.c_rub_b190::before {
  color: #88B649 !important;
}
.bd_rub190 .partage_inline_share_toolbox > div::before,
.bg_rub_b190::before {
  background-color: #88B649 !important;
}
.bd_rub_b190::before {
  border-color: #88B649 !important;
}
.c_rub_a190::after {
  color: #88B649 !important;
}
.bg_rub_a190::after {
  background-color: #88B649 !important;
}
.bd_rub_a190::after {
  border-color: #88B649 !important;
}
.deg_h_rub_a190::after {
  background-image: -moz-linear-gradient(left, #88b649 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#88b649 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #88b649 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #88b649 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #88b649 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff88b649', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub191,
#contenu.bd_rub191 .texte a,
.c_rub191 a {
  color: #2E9CB5 !important;
}
.bg_rub191 {
  background-color: #2E9CB5 !important;
}
.conditionsup.bgalpha_rub191 {
  background-color: #2E9CB570 !important;
}
.bd_rub191,
.deg_rub_a191 .surtit,
.couleur191 .entourelogo .titlogo,
.couleur191 .spip_logo,
#contenu.bd_rub191 .texte h3.spip,
.btn.bg_rub191 {
  border-color: #2E9CB5 !important;
}
.deg_rub191 {
  background-image: -moz-linear-gradient(top, transparent 0, #2e9cb5 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#2e9cb5 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #2e9cb5 100%);
  background-image: -o-linear-gradient(top, transparent 0, #2e9cb5 100%);
  background-image: linear-gradient(to bottom, transparent 0, #2e9cb5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff2e9cb5', GradientType=0);
}
.deg_h_rub191 {
  background-image: -moz-linear-gradient(left, transparent 0, #2e9cb5 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#2e9cb5 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #2e9cb5 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #2e9cb5 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #2e9cb5 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff2e9cb5', GradientType=1);
}
.bg_rub_h191:hover {
  background-color: #2E9CB5 !important;
}
.c_rub_b191::before {
  color: #2E9CB5 !important;
}
.bd_rub191 .partage_inline_share_toolbox > div::before,
.bg_rub_b191::before {
  background-color: #2E9CB5 !important;
}
.bd_rub_b191::before {
  border-color: #2E9CB5 !important;
}
.c_rub_a191::after {
  color: #2E9CB5 !important;
}
.bg_rub_a191::after {
  background-color: #2E9CB5 !important;
}
.bd_rub_a191::after {
  border-color: #2E9CB5 !important;
}
.deg_h_rub_a191::after {
  background-image: -moz-linear-gradient(left, #2e9cb5 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#2e9cb5 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #2e9cb5 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #2e9cb5 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #2e9cb5 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e9cb5', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub192,
#contenu.bd_rub192 .texte a,
.c_rub192 a {
  color: #13820C !important;
}
.bg_rub192 {
  background-color: #13820C !important;
}
.conditionsup.bgalpha_rub192 {
  background-color: #13820C70 !important;
}
.bd_rub192,
.deg_rub_a192 .surtit,
.couleur192 .entourelogo .titlogo,
.couleur192 .spip_logo,
#contenu.bd_rub192 .texte h3.spip,
.btn.bg_rub192 {
  border-color: #13820C !important;
}
.deg_rub192 {
  background-image: -moz-linear-gradient(top, transparent 0, #13820c 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#13820c 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #13820c 100%);
  background-image: -o-linear-gradient(top, transparent 0, #13820c 100%);
  background-image: linear-gradient(to bottom, transparent 0, #13820c 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff13820c', GradientType=0);
}
.deg_h_rub192 {
  background-image: -moz-linear-gradient(left, transparent 0, #13820c 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#13820c 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #13820c 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #13820c 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #13820c 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff13820c', GradientType=1);
}
.bg_rub_h192:hover {
  background-color: #13820C !important;
}
.c_rub_b192::before {
  color: #13820C !important;
}
.bd_rub192 .partage_inline_share_toolbox > div::before,
.bg_rub_b192::before {
  background-color: #13820C !important;
}
.bd_rub_b192::before {
  border-color: #13820C !important;
}
.c_rub_a192::after {
  color: #13820C !important;
}
.bg_rub_a192::after {
  background-color: #13820C !important;
}
.bd_rub_a192::after {
  border-color: #13820C !important;
}
.deg_h_rub_a192::after {
  background-image: -moz-linear-gradient(left, #13820c 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#13820c 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #13820c 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #13820c 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #13820c 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff13820c', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub193,
#contenu.bd_rub193 .texte a,
.c_rub193 a {
  color: #DE7735 !important;
}
.bg_rub193 {
  background-color: #DE7735 !important;
}
.conditionsup.bgalpha_rub193 {
  background-color: #DE773570 !important;
}
.bd_rub193,
.deg_rub_a193 .surtit,
.couleur193 .entourelogo .titlogo,
.couleur193 .spip_logo,
#contenu.bd_rub193 .texte h3.spip,
.btn.bg_rub193 {
  border-color: #DE7735 !important;
}
.deg_rub193 {
  background-image: -moz-linear-gradient(top, transparent 0, #de7735 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#de7735 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #de7735 100%);
  background-image: -o-linear-gradient(top, transparent 0, #de7735 100%);
  background-image: linear-gradient(to bottom, transparent 0, #de7735 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffde7735', GradientType=0);
}
.deg_h_rub193 {
  background-image: -moz-linear-gradient(left, transparent 0, #de7735 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#de7735 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #de7735 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #de7735 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #de7735 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffde7735', GradientType=1);
}
.bg_rub_h193:hover {
  background-color: #DE7735 !important;
}
.c_rub_b193::before {
  color: #DE7735 !important;
}
.bd_rub193 .partage_inline_share_toolbox > div::before,
.bg_rub_b193::before {
  background-color: #DE7735 !important;
}
.bd_rub_b193::before {
  border-color: #DE7735 !important;
}
.c_rub_a193::after {
  color: #DE7735 !important;
}
.bg_rub_a193::after {
  background-color: #DE7735 !important;
}
.bd_rub_a193::after {
  border-color: #DE7735 !important;
}
.deg_h_rub_a193::after {
  background-image: -moz-linear-gradient(left, #de7735 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#de7735 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #de7735 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #de7735 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #de7735 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffde7735', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub196,
#contenu.bd_rub196 .texte a,
.c_rub196 a {
  color: #F46060 !important;
}
.bg_rub196 {
  background-color: #F46060 !important;
}
.conditionsup.bgalpha_rub196 {
  background-color: #F4606070 !important;
}
.bd_rub196,
.deg_rub_a196 .surtit,
.couleur196 .entourelogo .titlogo,
.couleur196 .spip_logo,
#contenu.bd_rub196 .texte h3.spip,
.btn.bg_rub196 {
  border-color: #F46060 !important;
}
.deg_rub196 {
  background-image: -moz-linear-gradient(top, transparent 0, #f46060 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#f46060 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #f46060 100%);
  background-image: -o-linear-gradient(top, transparent 0, #f46060 100%);
  background-image: linear-gradient(to bottom, transparent 0, #f46060 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#fff46060', GradientType=0);
}
.deg_h_rub196 {
  background-image: -moz-linear-gradient(left, transparent 0, #f46060 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#f46060 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #f46060 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #f46060 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #f46060 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#fff46060', GradientType=1);
}
.bg_rub_h196:hover {
  background-color: #F46060 !important;
}
.c_rub_b196::before {
  color: #F46060 !important;
}
.bd_rub196 .partage_inline_share_toolbox > div::before,
.bg_rub_b196::before {
  background-color: #F46060 !important;
}
.bd_rub_b196::before {
  border-color: #F46060 !important;
}
.c_rub_a196::after {
  color: #F46060 !important;
}
.bg_rub_a196::after {
  background-color: #F46060 !important;
}
.bd_rub_a196::after {
  border-color: #F46060 !important;
}
.deg_h_rub_a196::after {
  background-image: -moz-linear-gradient(left, #f46060 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#f46060 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #f46060 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #f46060 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #f46060 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff46060', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub197,
#contenu.bd_rub197 .texte a,
.c_rub197 a {
  color: #194D56 !important;
}
.bg_rub197 {
  background-color: #194D56 !important;
}
.conditionsup.bgalpha_rub197 {
  background-color: #194D5670 !important;
}
.bd_rub197,
.deg_rub_a197 .surtit,
.couleur197 .entourelogo .titlogo,
.couleur197 .spip_logo,
#contenu.bd_rub197 .texte h3.spip,
.btn.bg_rub197 {
  border-color: #194D56 !important;
}
.deg_rub197 {
  background-image: -moz-linear-gradient(top, transparent 0, #194d56 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#194d56 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #194d56 100%);
  background-image: -o-linear-gradient(top, transparent 0, #194d56 100%);
  background-image: linear-gradient(to bottom, transparent 0, #194d56 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff194d56', GradientType=0);
}
.deg_h_rub197 {
  background-image: -moz-linear-gradient(left, transparent 0, #194d56 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#194d56 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #194d56 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #194d56 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #194d56 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff194d56', GradientType=1);
}
.bg_rub_h197:hover {
  background-color: #194D56 !important;
}
.c_rub_b197::before {
  color: #194D56 !important;
}
.bd_rub197 .partage_inline_share_toolbox > div::before,
.bg_rub_b197::before {
  background-color: #194D56 !important;
}
.bd_rub_b197::before {
  border-color: #194D56 !important;
}
.c_rub_a197::after {
  color: #194D56 !important;
}
.bg_rub_a197::after {
  background-color: #194D56 !important;
}
.bd_rub_a197::after {
  border-color: #194D56 !important;
}
.deg_h_rub_a197::after {
  background-image: -moz-linear-gradient(left, #194d56 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#194d56 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #194d56 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #194d56 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #194d56 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff194d56', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub198,
#contenu.bd_rub198 .texte a,
.c_rub198 a {
  color: #3D9437 !important;
}
.bg_rub198 {
  background-color: #3D9437 !important;
}
.conditionsup.bgalpha_rub198 {
  background-color: #3D943770 !important;
}
.bd_rub198,
.deg_rub_a198 .surtit,
.couleur198 .entourelogo .titlogo,
.couleur198 .spip_logo,
#contenu.bd_rub198 .texte h3.spip,
.btn.bg_rub198 {
  border-color: #3D9437 !important;
}
.deg_rub198 {
  background-image: -moz-linear-gradient(top, transparent 0, #3d9437 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#3d9437 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #3d9437 100%);
  background-image: -o-linear-gradient(top, transparent 0, #3d9437 100%);
  background-image: linear-gradient(to bottom, transparent 0, #3d9437 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff3d9437', GradientType=0);
}
.deg_h_rub198 {
  background-image: -moz-linear-gradient(left, transparent 0, #3d9437 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#3d9437 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #3d9437 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #3d9437 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #3d9437 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff3d9437', GradientType=1);
}
.bg_rub_h198:hover {
  background-color: #3D9437 !important;
}
.c_rub_b198::before {
  color: #3D9437 !important;
}
.bd_rub198 .partage_inline_share_toolbox > div::before,
.bg_rub_b198::before {
  background-color: #3D9437 !important;
}
.bd_rub_b198::before {
  border-color: #3D9437 !important;
}
.c_rub_a198::after {
  color: #3D9437 !important;
}
.bg_rub_a198::after {
  background-color: #3D9437 !important;
}
.bd_rub_a198::after {
  border-color: #3D9437 !important;
}
.deg_h_rub_a198::after {
  background-image: -moz-linear-gradient(left, #3d9437 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#3d9437 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #3d9437 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #3d9437 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #3d9437 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3d9437', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub199,
#contenu.bd_rub199 .texte a,
.c_rub199 a {
  color: #1E3BD5 !important;
}
.bg_rub199 {
  background-color: #1E3BD5 !important;
}
.conditionsup.bgalpha_rub199 {
  background-color: #1E3BD570 !important;
}
.bd_rub199,
.deg_rub_a199 .surtit,
.couleur199 .entourelogo .titlogo,
.couleur199 .spip_logo,
#contenu.bd_rub199 .texte h3.spip,
.btn.bg_rub199 {
  border-color: #1E3BD5 !important;
}
.deg_rub199 {
  background-image: -moz-linear-gradient(top, transparent 0, #1e3bd5 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#1e3bd5 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #1e3bd5 100%);
  background-image: -o-linear-gradient(top, transparent 0, #1e3bd5 100%);
  background-image: linear-gradient(to bottom, transparent 0, #1e3bd5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff1e3bd5', GradientType=0);
}
.deg_h_rub199 {
  background-image: -moz-linear-gradient(left, transparent 0, #1e3bd5 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#1e3bd5 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #1e3bd5 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #1e3bd5 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #1e3bd5 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff1e3bd5', GradientType=1);
}
.bg_rub_h199:hover {
  background-color: #1E3BD5 !important;
}
.c_rub_b199::before {
  color: #1E3BD5 !important;
}
.bd_rub199 .partage_inline_share_toolbox > div::before,
.bg_rub_b199::before {
  background-color: #1E3BD5 !important;
}
.bd_rub_b199::before {
  border-color: #1E3BD5 !important;
}
.c_rub_a199::after {
  color: #1E3BD5 !important;
}
.bg_rub_a199::after {
  background-color: #1E3BD5 !important;
}
.bd_rub_a199::after {
  border-color: #1E3BD5 !important;
}
.deg_h_rub_a199::after {
  background-image: -moz-linear-gradient(left, #1e3bd5 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#1e3bd5 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #1e3bd5 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #1e3bd5 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #1e3bd5 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1e3bd5', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub200,
#contenu.bd_rub200 .texte a,
.c_rub200 a {
  color: #43ABA4 !important;
}
.bg_rub200 {
  background-color: #43ABA4 !important;
}
.conditionsup.bgalpha_rub200 {
  background-color: #43ABA470 !important;
}
.bd_rub200,
.deg_rub_a200 .surtit,
.couleur200 .entourelogo .titlogo,
.couleur200 .spip_logo,
#contenu.bd_rub200 .texte h3.spip,
.btn.bg_rub200 {
  border-color: #43ABA4 !important;
}
.deg_rub200 {
  background-image: -moz-linear-gradient(top, transparent 0, #43aba4 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#43aba4 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #43aba4 100%);
  background-image: -o-linear-gradient(top, transparent 0, #43aba4 100%);
  background-image: linear-gradient(to bottom, transparent 0, #43aba4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff43aba4', GradientType=0);
}
.deg_h_rub200 {
  background-image: -moz-linear-gradient(left, transparent 0, #43aba4 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#43aba4 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #43aba4 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #43aba4 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #43aba4 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff43aba4', GradientType=1);
}
.bg_rub_h200:hover {
  background-color: #43ABA4 !important;
}
.c_rub_b200::before {
  color: #43ABA4 !important;
}
.bd_rub200 .partage_inline_share_toolbox > div::before,
.bg_rub_b200::before {
  background-color: #43ABA4 !important;
}
.bd_rub_b200::before {
  border-color: #43ABA4 !important;
}
.c_rub_a200::after {
  color: #43ABA4 !important;
}
.bg_rub_a200::after {
  background-color: #43ABA4 !important;
}
.bd_rub_a200::after {
  border-color: #43ABA4 !important;
}
.deg_h_rub_a200::after {
  background-image: -moz-linear-gradient(left, #43aba4 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#43aba4 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #43aba4 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #43aba4 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #43aba4 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff43aba4', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub201,
#contenu.bd_rub201 .texte a,
.c_rub201 a {
  color: #4E9EB4 !important;
}
.bg_rub201 {
  background-color: #4E9EB4 !important;
}
.conditionsup.bgalpha_rub201 {
  background-color: #4E9EB470 !important;
}
.bd_rub201,
.deg_rub_a201 .surtit,
.couleur201 .entourelogo .titlogo,
.couleur201 .spip_logo,
#contenu.bd_rub201 .texte h3.spip,
.btn.bg_rub201 {
  border-color: #4E9EB4 !important;
}
.deg_rub201 {
  background-image: -moz-linear-gradient(top, transparent 0, #4e9eb4 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#4e9eb4 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #4e9eb4 100%);
  background-image: -o-linear-gradient(top, transparent 0, #4e9eb4 100%);
  background-image: linear-gradient(to bottom, transparent 0, #4e9eb4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff4e9eb4', GradientType=0);
}
.deg_h_rub201 {
  background-image: -moz-linear-gradient(left, transparent 0, #4e9eb4 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#4e9eb4 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #4e9eb4 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #4e9eb4 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #4e9eb4 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff4e9eb4', GradientType=1);
}
.bg_rub_h201:hover {
  background-color: #4E9EB4 !important;
}
.c_rub_b201::before {
  color: #4E9EB4 !important;
}
.bd_rub201 .partage_inline_share_toolbox > div::before,
.bg_rub_b201::before {
  background-color: #4E9EB4 !important;
}
.bd_rub_b201::before {
  border-color: #4E9EB4 !important;
}
.c_rub_a201::after {
  color: #4E9EB4 !important;
}
.bg_rub_a201::after {
  background-color: #4E9EB4 !important;
}
.bd_rub_a201::after {
  border-color: #4E9EB4 !important;
}
.deg_h_rub_a201::after {
  background-image: -moz-linear-gradient(left, #4e9eb4 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#4e9eb4 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #4e9eb4 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #4e9eb4 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #4e9eb4 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4e9eb4', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub203,
#contenu.bd_rub203 .texte a,
.c_rub203 a {
  color: #AA844B !important;
}
.bg_rub203 {
  background-color: #AA844B !important;
}
.conditionsup.bgalpha_rub203 {
  background-color: #AA844B70 !important;
}
.bd_rub203,
.deg_rub_a203 .surtit,
.couleur203 .entourelogo .titlogo,
.couleur203 .spip_logo,
#contenu.bd_rub203 .texte h3.spip,
.btn.bg_rub203 {
  border-color: #AA844B !important;
}
.deg_rub203 {
  background-image: -moz-linear-gradient(top, transparent 0, #aa844b 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#aa844b 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #aa844b 100%);
  background-image: -o-linear-gradient(top, transparent 0, #aa844b 100%);
  background-image: linear-gradient(to bottom, transparent 0, #aa844b 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffaa844b', GradientType=0);
}
.deg_h_rub203 {
  background-image: -moz-linear-gradient(left, transparent 0, #aa844b 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#aa844b 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #aa844b 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #aa844b 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #aa844b 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffaa844b', GradientType=1);
}
.bg_rub_h203:hover {
  background-color: #AA844B !important;
}
.c_rub_b203::before {
  color: #AA844B !important;
}
.bd_rub203 .partage_inline_share_toolbox > div::before,
.bg_rub_b203::before {
  background-color: #AA844B !important;
}
.bd_rub_b203::before {
  border-color: #AA844B !important;
}
.c_rub_a203::after {
  color: #AA844B !important;
}
.bg_rub_a203::after {
  background-color: #AA844B !important;
}
.bd_rub_a203::after {
  border-color: #AA844B !important;
}
.deg_h_rub_a203::after {
  background-image: -moz-linear-gradient(left, #aa844b 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#aa844b 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #aa844b 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #aa844b 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #aa844b 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaa844b', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub206,
#contenu.bd_rub206 .texte a,
.c_rub206 a {
  color: #E6BB7E !important;
}
.bg_rub206 {
  background-color: #E6BB7E !important;
}
.conditionsup.bgalpha_rub206 {
  background-color: #E6BB7E70 !important;
}
.bd_rub206,
.deg_rub_a206 .surtit,
.couleur206 .entourelogo .titlogo,
.couleur206 .spip_logo,
#contenu.bd_rub206 .texte h3.spip,
.btn.bg_rub206 {
  border-color: #E6BB7E !important;
}
.deg_rub206 {
  background-image: -moz-linear-gradient(top, transparent 0, #e6bb7e 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#e6bb7e 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #e6bb7e 100%);
  background-image: -o-linear-gradient(top, transparent 0, #e6bb7e 100%);
  background-image: linear-gradient(to bottom, transparent 0, #e6bb7e 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffe6bb7e', GradientType=0);
}
.deg_h_rub206 {
  background-image: -moz-linear-gradient(left, transparent 0, #e6bb7e 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#e6bb7e 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #e6bb7e 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #e6bb7e 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #e6bb7e 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffe6bb7e', GradientType=1);
}
.bg_rub_h206:hover {
  background-color: #E6BB7E !important;
}
.c_rub_b206::before {
  color: #E6BB7E !important;
}
.bd_rub206 .partage_inline_share_toolbox > div::before,
.bg_rub_b206::before {
  background-color: #E6BB7E !important;
}
.bd_rub_b206::before {
  border-color: #E6BB7E !important;
}
.c_rub_a206::after {
  color: #E6BB7E !important;
}
.bg_rub_a206::after {
  background-color: #E6BB7E !important;
}
.bd_rub_a206::after {
  border-color: #E6BB7E !important;
}
.deg_h_rub_a206::after {
  background-image: -moz-linear-gradient(left, #e6bb7e 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#e6bb7e 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #e6bb7e 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #e6bb7e 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #e6bb7e 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6bb7e', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub207,
#contenu.bd_rub207 .texte a,
.c_rub207 a {
  color: #F7A824 !important;
}
.bg_rub207 {
  background-color: #F7A824 !important;
}
.conditionsup.bgalpha_rub207 {
  background-color: #F7A82470 !important;
}
.bd_rub207,
.deg_rub_a207 .surtit,
.couleur207 .entourelogo .titlogo,
.couleur207 .spip_logo,
#contenu.bd_rub207 .texte h3.spip,
.btn.bg_rub207 {
  border-color: #F7A824 !important;
}
.deg_rub207 {
  background-image: -moz-linear-gradient(top, transparent 0, #f7a824 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#f7a824 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #f7a824 100%);
  background-image: -o-linear-gradient(top, transparent 0, #f7a824 100%);
  background-image: linear-gradient(to bottom, transparent 0, #f7a824 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#fff7a824', GradientType=0);
}
.deg_h_rub207 {
  background-image: -moz-linear-gradient(left, transparent 0, #f7a824 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#f7a824 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #f7a824 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #f7a824 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #f7a824 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#fff7a824', GradientType=1);
}
.bg_rub_h207:hover {
  background-color: #F7A824 !important;
}
.c_rub_b207::before {
  color: #F7A824 !important;
}
.bd_rub207 .partage_inline_share_toolbox > div::before,
.bg_rub_b207::before {
  background-color: #F7A824 !important;
}
.bd_rub_b207::before {
  border-color: #F7A824 !important;
}
.c_rub_a207::after {
  color: #F7A824 !important;
}
.bg_rub_a207::after {
  background-color: #F7A824 !important;
}
.bd_rub_a207::after {
  border-color: #F7A824 !important;
}
.deg_h_rub_a207::after {
  background-image: -moz-linear-gradient(left, #f7a824 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#f7a824 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #f7a824 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #f7a824 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #f7a824 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7a824', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub208,
#contenu.bd_rub208 .texte a,
.c_rub208 a {
  color: #D8639D !important;
}
.bg_rub208 {
  background-color: #D8639D !important;
}
.conditionsup.bgalpha_rub208 {
  background-color: #D8639D70 !important;
}
.bd_rub208,
.deg_rub_a208 .surtit,
.couleur208 .entourelogo .titlogo,
.couleur208 .spip_logo,
#contenu.bd_rub208 .texte h3.spip,
.btn.bg_rub208 {
  border-color: #D8639D !important;
}
.deg_rub208 {
  background-image: -moz-linear-gradient(top, transparent 0, #d8639d 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#d8639d 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #d8639d 100%);
  background-image: -o-linear-gradient(top, transparent 0, #d8639d 100%);
  background-image: linear-gradient(to bottom, transparent 0, #d8639d 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffd8639d', GradientType=0);
}
.deg_h_rub208 {
  background-image: -moz-linear-gradient(left, transparent 0, #d8639d 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#d8639d 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #d8639d 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #d8639d 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #d8639d 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffd8639d', GradientType=1);
}
.bg_rub_h208:hover {
  background-color: #D8639D !important;
}
.c_rub_b208::before {
  color: #D8639D !important;
}
.bd_rub208 .partage_inline_share_toolbox > div::before,
.bg_rub_b208::before {
  background-color: #D8639D !important;
}
.bd_rub_b208::before {
  border-color: #D8639D !important;
}
.c_rub_a208::after {
  color: #D8639D !important;
}
.bg_rub_a208::after {
  background-color: #D8639D !important;
}
.bd_rub_a208::after {
  border-color: #D8639D !important;
}
.deg_h_rub_a208::after {
  background-image: -moz-linear-gradient(left, #d8639d 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#d8639d 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #d8639d 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #d8639d 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #d8639d 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd8639d', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub209,
#contenu.bd_rub209 .texte a,
.c_rub209 a {
  color: #AEDB76 !important;
}
.bg_rub209 {
  background-color: #AEDB76 !important;
}
.conditionsup.bgalpha_rub209 {
  background-color: #AEDB7670 !important;
}
.bd_rub209,
.deg_rub_a209 .surtit,
.couleur209 .entourelogo .titlogo,
.couleur209 .spip_logo,
#contenu.bd_rub209 .texte h3.spip,
.btn.bg_rub209 {
  border-color: #AEDB76 !important;
}
.deg_rub209 {
  background-image: -moz-linear-gradient(top, transparent 0, #aedb76 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#aedb76 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #aedb76 100%);
  background-image: -o-linear-gradient(top, transparent 0, #aedb76 100%);
  background-image: linear-gradient(to bottom, transparent 0, #aedb76 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffaedb76', GradientType=0);
}
.deg_h_rub209 {
  background-image: -moz-linear-gradient(left, transparent 0, #aedb76 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#aedb76 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #aedb76 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #aedb76 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #aedb76 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffaedb76', GradientType=1);
}
.bg_rub_h209:hover {
  background-color: #AEDB76 !important;
}
.c_rub_b209::before {
  color: #AEDB76 !important;
}
.bd_rub209 .partage_inline_share_toolbox > div::before,
.bg_rub_b209::before {
  background-color: #AEDB76 !important;
}
.bd_rub_b209::before {
  border-color: #AEDB76 !important;
}
.c_rub_a209::after {
  color: #AEDB76 !important;
}
.bg_rub_a209::after {
  background-color: #AEDB76 !important;
}
.bd_rub_a209::after {
  border-color: #AEDB76 !important;
}
.deg_h_rub_a209::after {
  background-image: -moz-linear-gradient(left, #aedb76 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#aedb76 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #aedb76 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #aedb76 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #aedb76 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaedb76', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub210,
#contenu.bd_rub210 .texte a,
.c_rub210 a {
  color: #B78ED2 !important;
}
.bg_rub210 {
  background-color: #B78ED2 !important;
}
.conditionsup.bgalpha_rub210 {
  background-color: #B78ED270 !important;
}
.bd_rub210,
.deg_rub_a210 .surtit,
.couleur210 .entourelogo .titlogo,
.couleur210 .spip_logo,
#contenu.bd_rub210 .texte h3.spip,
.btn.bg_rub210 {
  border-color: #B78ED2 !important;
}
.deg_rub210 {
  background-image: -moz-linear-gradient(top, transparent 0, #b78ed2 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#b78ed2 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #b78ed2 100%);
  background-image: -o-linear-gradient(top, transparent 0, #b78ed2 100%);
  background-image: linear-gradient(to bottom, transparent 0, #b78ed2 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffb78ed2', GradientType=0);
}
.deg_h_rub210 {
  background-image: -moz-linear-gradient(left, transparent 0, #b78ed2 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#b78ed2 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #b78ed2 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #b78ed2 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #b78ed2 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffb78ed2', GradientType=1);
}
.bg_rub_h210:hover {
  background-color: #B78ED2 !important;
}
.c_rub_b210::before {
  color: #B78ED2 !important;
}
.bd_rub210 .partage_inline_share_toolbox > div::before,
.bg_rub_b210::before {
  background-color: #B78ED2 !important;
}
.bd_rub_b210::before {
  border-color: #B78ED2 !important;
}
.c_rub_a210::after {
  color: #B78ED2 !important;
}
.bg_rub_a210::after {
  background-color: #B78ED2 !important;
}
.bd_rub_a210::after {
  border-color: #B78ED2 !important;
}
.deg_h_rub_a210::after {
  background-image: -moz-linear-gradient(left, #b78ed2 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#b78ed2 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #b78ed2 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #b78ed2 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #b78ed2 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb78ed2', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub211,
#contenu.bd_rub211 .texte a,
.c_rub211 a {
  color: #D28E8E !important;
}
.bg_rub211 {
  background-color: #D28E8E !important;
}
.conditionsup.bgalpha_rub211 {
  background-color: #D28E8E70 !important;
}
.bd_rub211,
.deg_rub_a211 .surtit,
.couleur211 .entourelogo .titlogo,
.couleur211 .spip_logo,
#contenu.bd_rub211 .texte h3.spip,
.btn.bg_rub211 {
  border-color: #D28E8E !important;
}
.deg_rub211 {
  background-image: -moz-linear-gradient(top, transparent 0, #d28e8e 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#d28e8e 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #d28e8e 100%);
  background-image: -o-linear-gradient(top, transparent 0, #d28e8e 100%);
  background-image: linear-gradient(to bottom, transparent 0, #d28e8e 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffd28e8e', GradientType=0);
}
.deg_h_rub211 {
  background-image: -moz-linear-gradient(left, transparent 0, #d28e8e 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#d28e8e 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #d28e8e 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #d28e8e 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #d28e8e 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffd28e8e', GradientType=1);
}
.bg_rub_h211:hover {
  background-color: #D28E8E !important;
}
.c_rub_b211::before {
  color: #D28E8E !important;
}
.bd_rub211 .partage_inline_share_toolbox > div::before,
.bg_rub_b211::before {
  background-color: #D28E8E !important;
}
.bd_rub_b211::before {
  border-color: #D28E8E !important;
}
.c_rub_a211::after {
  color: #D28E8E !important;
}
.bg_rub_a211::after {
  background-color: #D28E8E !important;
}
.bd_rub_a211::after {
  border-color: #D28E8E !important;
}
.deg_h_rub_a211::after {
  background-image: -moz-linear-gradient(left, #d28e8e 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#d28e8e 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #d28e8e 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #d28e8e 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #d28e8e 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd28e8e', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub212,
#contenu.bd_rub212 .texte a,
.c_rub212 a {
  color: #9FDA90 !important;
}
.bg_rub212 {
  background-color: #9FDA90 !important;
}
.conditionsup.bgalpha_rub212 {
  background-color: #9FDA9070 !important;
}
.bd_rub212,
.deg_rub_a212 .surtit,
.couleur212 .entourelogo .titlogo,
.couleur212 .spip_logo,
#contenu.bd_rub212 .texte h3.spip,
.btn.bg_rub212 {
  border-color: #9FDA90 !important;
}
.deg_rub212 {
  background-image: -moz-linear-gradient(top, transparent 0, #9fda90 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#9fda90 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #9fda90 100%);
  background-image: -o-linear-gradient(top, transparent 0, #9fda90 100%);
  background-image: linear-gradient(to bottom, transparent 0, #9fda90 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff9fda90', GradientType=0);
}
.deg_h_rub212 {
  background-image: -moz-linear-gradient(left, transparent 0, #9fda90 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#9fda90 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #9fda90 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #9fda90 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #9fda90 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff9fda90', GradientType=1);
}
.bg_rub_h212:hover {
  background-color: #9FDA90 !important;
}
.c_rub_b212::before {
  color: #9FDA90 !important;
}
.bd_rub212 .partage_inline_share_toolbox > div::before,
.bg_rub_b212::before {
  background-color: #9FDA90 !important;
}
.bd_rub_b212::before {
  border-color: #9FDA90 !important;
}
.c_rub_a212::after {
  color: #9FDA90 !important;
}
.bg_rub_a212::after {
  background-color: #9FDA90 !important;
}
.bd_rub_a212::after {
  border-color: #9FDA90 !important;
}
.deg_h_rub_a212::after {
  background-image: -moz-linear-gradient(left, #9fda90 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#9fda90 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #9fda90 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #9fda90 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #9fda90 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9fda90', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub214,
#contenu.bd_rub214 .texte a,
.c_rub214 a {
  color: #B2DEDC !important;
}
.bg_rub214 {
  background-color: #B2DEDC !important;
}
.conditionsup.bgalpha_rub214 {
  background-color: #B2DEDC70 !important;
}
.bd_rub214,
.deg_rub_a214 .surtit,
.couleur214 .entourelogo .titlogo,
.couleur214 .spip_logo,
#contenu.bd_rub214 .texte h3.spip,
.btn.bg_rub214 {
  border-color: #B2DEDC !important;
}
.deg_rub214 {
  background-image: -moz-linear-gradient(top, transparent 0, #b2dedc 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#b2dedc 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #b2dedc 100%);
  background-image: -o-linear-gradient(top, transparent 0, #b2dedc 100%);
  background-image: linear-gradient(to bottom, transparent 0, #b2dedc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffb2dedc', GradientType=0);
}
.deg_h_rub214 {
  background-image: -moz-linear-gradient(left, transparent 0, #b2dedc 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#b2dedc 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #b2dedc 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #b2dedc 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #b2dedc 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffb2dedc', GradientType=1);
}
.bg_rub_h214:hover {
  background-color: #B2DEDC !important;
}
.c_rub_b214::before {
  color: #B2DEDC !important;
}
.bd_rub214 .partage_inline_share_toolbox > div::before,
.bg_rub_b214::before {
  background-color: #B2DEDC !important;
}
.bd_rub_b214::before {
  border-color: #B2DEDC !important;
}
.c_rub_a214::after {
  color: #B2DEDC !important;
}
.bg_rub_a214::after {
  background-color: #B2DEDC !important;
}
.bd_rub_a214::after {
  border-color: #B2DEDC !important;
}
.deg_h_rub_a214::after {
  background-image: -moz-linear-gradient(left, #b2dedc 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#b2dedc 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #b2dedc 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #b2dedc 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #b2dedc 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb2dedc', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub215,
#contenu.bd_rub215 .texte a,
.c_rub215 a {
  color: #973434 !important;
}
.bg_rub215 {
  background-color: #973434 !important;
}
.conditionsup.bgalpha_rub215 {
  background-color: #97343470 !important;
}
.bd_rub215,
.deg_rub_a215 .surtit,
.couleur215 .entourelogo .titlogo,
.couleur215 .spip_logo,
#contenu.bd_rub215 .texte h3.spip,
.btn.bg_rub215 {
  border-color: #973434 !important;
}
.deg_rub215 {
  background-image: -moz-linear-gradient(top, transparent 0, #973434 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#973434 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #973434 100%);
  background-image: -o-linear-gradient(top, transparent 0, #973434 100%);
  background-image: linear-gradient(to bottom, transparent 0, #973434 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff973434', GradientType=0);
}
.deg_h_rub215 {
  background-image: -moz-linear-gradient(left, transparent 0, #973434 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#973434 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #973434 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #973434 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #973434 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff973434', GradientType=1);
}
.bg_rub_h215:hover {
  background-color: #973434 !important;
}
.c_rub_b215::before {
  color: #973434 !important;
}
.bd_rub215 .partage_inline_share_toolbox > div::before,
.bg_rub_b215::before {
  background-color: #973434 !important;
}
.bd_rub_b215::before {
  border-color: #973434 !important;
}
.c_rub_a215::after {
  color: #973434 !important;
}
.bg_rub_a215::after {
  background-color: #973434 !important;
}
.bd_rub_a215::after {
  border-color: #973434 !important;
}
.deg_h_rub_a215::after {
  background-image: -moz-linear-gradient(left, #973434 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#973434 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #973434 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #973434 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #973434 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff973434', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub217,
#contenu.bd_rub217 .texte a,
.c_rub217 a {
  color: #4D7FAE !important;
}
.bg_rub217 {
  background-color: #4D7FAE !important;
}
.conditionsup.bgalpha_rub217 {
  background-color: #4D7FAE70 !important;
}
.bd_rub217,
.deg_rub_a217 .surtit,
.couleur217 .entourelogo .titlogo,
.couleur217 .spip_logo,
#contenu.bd_rub217 .texte h3.spip,
.btn.bg_rub217 {
  border-color: #4D7FAE !important;
}
.deg_rub217 {
  background-image: -moz-linear-gradient(top, transparent 0, #4d7fae 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#4d7fae 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #4d7fae 100%);
  background-image: -o-linear-gradient(top, transparent 0, #4d7fae 100%);
  background-image: linear-gradient(to bottom, transparent 0, #4d7fae 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff4d7fae', GradientType=0);
}
.deg_h_rub217 {
  background-image: -moz-linear-gradient(left, transparent 0, #4d7fae 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#4d7fae 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #4d7fae 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #4d7fae 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #4d7fae 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff4d7fae', GradientType=1);
}
.bg_rub_h217:hover {
  background-color: #4D7FAE !important;
}
.c_rub_b217::before {
  color: #4D7FAE !important;
}
.bd_rub217 .partage_inline_share_toolbox > div::before,
.bg_rub_b217::before {
  background-color: #4D7FAE !important;
}
.bd_rub_b217::before {
  border-color: #4D7FAE !important;
}
.c_rub_a217::after {
  color: #4D7FAE !important;
}
.bg_rub_a217::after {
  background-color: #4D7FAE !important;
}
.bd_rub_a217::after {
  border-color: #4D7FAE !important;
}
.deg_h_rub_a217::after {
  background-image: -moz-linear-gradient(left, #4d7fae 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#4d7fae 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #4d7fae 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #4d7fae 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #4d7fae 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4d7fae', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub219,
#contenu.bd_rub219 .texte a,
.c_rub219 a {
  color: #99BBC3 !important;
}
.bg_rub219 {
  background-color: #99BBC3 !important;
}
.conditionsup.bgalpha_rub219 {
  background-color: #99BBC370 !important;
}
.bd_rub219,
.deg_rub_a219 .surtit,
.couleur219 .entourelogo .titlogo,
.couleur219 .spip_logo,
#contenu.bd_rub219 .texte h3.spip,
.btn.bg_rub219 {
  border-color: #99BBC3 !important;
}
.deg_rub219 {
  background-image: -moz-linear-gradient(top, transparent 0, #99bbc3 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#99bbc3 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #99bbc3 100%);
  background-image: -o-linear-gradient(top, transparent 0, #99bbc3 100%);
  background-image: linear-gradient(to bottom, transparent 0, #99bbc3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff99bbc3', GradientType=0);
}
.deg_h_rub219 {
  background-image: -moz-linear-gradient(left, transparent 0, #99bbc3 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#99bbc3 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #99bbc3 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #99bbc3 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #99bbc3 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff99bbc3', GradientType=1);
}
.bg_rub_h219:hover {
  background-color: #99BBC3 !important;
}
.c_rub_b219::before {
  color: #99BBC3 !important;
}
.bd_rub219 .partage_inline_share_toolbox > div::before,
.bg_rub_b219::before {
  background-color: #99BBC3 !important;
}
.bd_rub_b219::before {
  border-color: #99BBC3 !important;
}
.c_rub_a219::after {
  color: #99BBC3 !important;
}
.bg_rub_a219::after {
  background-color: #99BBC3 !important;
}
.bd_rub_a219::after {
  border-color: #99BBC3 !important;
}
.deg_h_rub_a219::after {
  background-image: -moz-linear-gradient(left, #99bbc3 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#99bbc3 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #99bbc3 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #99bbc3 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #99bbc3 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff99bbc3', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub220,
#contenu.bd_rub220 .texte a,
.c_rub220 a {
  color: #DADCDD !important;
}
.bg_rub220 {
  background-color: #DADCDD !important;
}
.conditionsup.bgalpha_rub220 {
  background-color: #DADCDD70 !important;
}
.bd_rub220,
.deg_rub_a220 .surtit,
.couleur220 .entourelogo .titlogo,
.couleur220 .spip_logo,
#contenu.bd_rub220 .texte h3.spip,
.btn.bg_rub220 {
  border-color: #DADCDD !important;
}
.deg_rub220 {
  background-image: -moz-linear-gradient(top, transparent 0, #dadcdd 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#dadcdd 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #dadcdd 100%);
  background-image: -o-linear-gradient(top, transparent 0, #dadcdd 100%);
  background-image: linear-gradient(to bottom, transparent 0, #dadcdd 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffdadcdd', GradientType=0);
}
.deg_h_rub220 {
  background-image: -moz-linear-gradient(left, transparent 0, #dadcdd 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#dadcdd 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #dadcdd 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #dadcdd 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #dadcdd 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffdadcdd', GradientType=1);
}
.bg_rub_h220:hover {
  background-color: #DADCDD !important;
}
.c_rub_b220::before {
  color: #DADCDD !important;
}
.bd_rub220 .partage_inline_share_toolbox > div::before,
.bg_rub_b220::before {
  background-color: #DADCDD !important;
}
.bd_rub_b220::before {
  border-color: #DADCDD !important;
}
.c_rub_a220::after {
  color: #DADCDD !important;
}
.bg_rub_a220::after {
  background-color: #DADCDD !important;
}
.bd_rub_a220::after {
  border-color: #DADCDD !important;
}
.deg_h_rub_a220::after {
  background-image: -moz-linear-gradient(left, #dadcdd 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#dadcdd 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #dadcdd 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #dadcdd 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #dadcdd 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdadcdd', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub221,
#contenu.bd_rub221 .texte a,
.c_rub221 a {
  color: #D98024 !important;
}
.bg_rub221 {
  background-color: #D98024 !important;
}
.conditionsup.bgalpha_rub221 {
  background-color: #D9802470 !important;
}
.bd_rub221,
.deg_rub_a221 .surtit,
.couleur221 .entourelogo .titlogo,
.couleur221 .spip_logo,
#contenu.bd_rub221 .texte h3.spip,
.btn.bg_rub221 {
  border-color: #D98024 !important;
}
.deg_rub221 {
  background-image: -moz-linear-gradient(top, transparent 0, #d98024 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#d98024 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #d98024 100%);
  background-image: -o-linear-gradient(top, transparent 0, #d98024 100%);
  background-image: linear-gradient(to bottom, transparent 0, #d98024 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffd98024', GradientType=0);
}
.deg_h_rub221 {
  background-image: -moz-linear-gradient(left, transparent 0, #d98024 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#d98024 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #d98024 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #d98024 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #d98024 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffd98024', GradientType=1);
}
.bg_rub_h221:hover {
  background-color: #D98024 !important;
}
.c_rub_b221::before {
  color: #D98024 !important;
}
.bd_rub221 .partage_inline_share_toolbox > div::before,
.bg_rub_b221::before {
  background-color: #D98024 !important;
}
.bd_rub_b221::before {
  border-color: #D98024 !important;
}
.c_rub_a221::after {
  color: #D98024 !important;
}
.bg_rub_a221::after {
  background-color: #D98024 !important;
}
.bd_rub_a221::after {
  border-color: #D98024 !important;
}
.deg_h_rub_a221::after {
  background-image: -moz-linear-gradient(left, #d98024 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#d98024 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #d98024 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #d98024 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #d98024 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd98024', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub229,
#contenu.bd_rub229 .texte a,
.c_rub229 a {
  color: #305D95 !important;
}
.bg_rub229 {
  background-color: #305D95 !important;
}
.conditionsup.bgalpha_rub229 {
  background-color: #305D9570 !important;
}
.bd_rub229,
.deg_rub_a229 .surtit,
.couleur229 .entourelogo .titlogo,
.couleur229 .spip_logo,
#contenu.bd_rub229 .texte h3.spip,
.btn.bg_rub229 {
  border-color: #305D95 !important;
}
.deg_rub229 {
  background-image: -moz-linear-gradient(top, transparent 0, #305d95 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#305d95 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #305d95 100%);
  background-image: -o-linear-gradient(top, transparent 0, #305d95 100%);
  background-image: linear-gradient(to bottom, transparent 0, #305d95 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff305d95', GradientType=0);
}
.deg_h_rub229 {
  background-image: -moz-linear-gradient(left, transparent 0, #305d95 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#305d95 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #305d95 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #305d95 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #305d95 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff305d95', GradientType=1);
}
.bg_rub_h229:hover {
  background-color: #305D95 !important;
}
.c_rub_b229::before {
  color: #305D95 !important;
}
.bd_rub229 .partage_inline_share_toolbox > div::before,
.bg_rub_b229::before {
  background-color: #305D95 !important;
}
.bd_rub_b229::before {
  border-color: #305D95 !important;
}
.c_rub_a229::after {
  color: #305D95 !important;
}
.bg_rub_a229::after {
  background-color: #305D95 !important;
}
.bd_rub_a229::after {
  border-color: #305D95 !important;
}
.deg_h_rub_a229::after {
  background-image: -moz-linear-gradient(left, #305d95 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#305d95 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #305d95 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #305d95 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #305d95 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff305d95', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub223,
#contenu.bd_rub223 .texte a,
.c_rub223 a {
  color: #9548A1 !important;
}
.bg_rub223 {
  background-color: #9548A1 !important;
}
.conditionsup.bgalpha_rub223 {
  background-color: #9548A170 !important;
}
.bd_rub223,
.deg_rub_a223 .surtit,
.couleur223 .entourelogo .titlogo,
.couleur223 .spip_logo,
#contenu.bd_rub223 .texte h3.spip,
.btn.bg_rub223 {
  border-color: #9548A1 !important;
}
.deg_rub223 {
  background-image: -moz-linear-gradient(top, transparent 0, #9548a1 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#9548a1 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #9548a1 100%);
  background-image: -o-linear-gradient(top, transparent 0, #9548a1 100%);
  background-image: linear-gradient(to bottom, transparent 0, #9548a1 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff9548a1', GradientType=0);
}
.deg_h_rub223 {
  background-image: -moz-linear-gradient(left, transparent 0, #9548a1 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#9548a1 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #9548a1 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #9548a1 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #9548a1 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff9548a1', GradientType=1);
}
.bg_rub_h223:hover {
  background-color: #9548A1 !important;
}
.c_rub_b223::before {
  color: #9548A1 !important;
}
.bd_rub223 .partage_inline_share_toolbox > div::before,
.bg_rub_b223::before {
  background-color: #9548A1 !important;
}
.bd_rub_b223::before {
  border-color: #9548A1 !important;
}
.c_rub_a223::after {
  color: #9548A1 !important;
}
.bg_rub_a223::after {
  background-color: #9548A1 !important;
}
.bd_rub_a223::after {
  border-color: #9548A1 !important;
}
.deg_h_rub_a223::after {
  background-image: -moz-linear-gradient(left, #9548a1 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#9548a1 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #9548a1 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #9548a1 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #9548a1 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9548a1', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub227,
#contenu.bd_rub227 .texte a,
.c_rub227 a {
  color: #CE2929 !important;
}
.bg_rub227 {
  background-color: #CE2929 !important;
}
.conditionsup.bgalpha_rub227 {
  background-color: #CE292970 !important;
}
.bd_rub227,
.deg_rub_a227 .surtit,
.couleur227 .entourelogo .titlogo,
.couleur227 .spip_logo,
#contenu.bd_rub227 .texte h3.spip,
.btn.bg_rub227 {
  border-color: #CE2929 !important;
}
.deg_rub227 {
  background-image: -moz-linear-gradient(top, transparent 0, #ce2929 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#ce2929 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #ce2929 100%);
  background-image: -o-linear-gradient(top, transparent 0, #ce2929 100%);
  background-image: linear-gradient(to bottom, transparent 0, #ce2929 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffce2929', GradientType=0);
}
.deg_h_rub227 {
  background-image: -moz-linear-gradient(left, transparent 0, #ce2929 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#ce2929 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #ce2929 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #ce2929 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #ce2929 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffce2929', GradientType=1);
}
.bg_rub_h227:hover {
  background-color: #CE2929 !important;
}
.c_rub_b227::before {
  color: #CE2929 !important;
}
.bd_rub227 .partage_inline_share_toolbox > div::before,
.bg_rub_b227::before {
  background-color: #CE2929 !important;
}
.bd_rub_b227::before {
  border-color: #CE2929 !important;
}
.c_rub_a227::after {
  color: #CE2929 !important;
}
.bg_rub_a227::after {
  background-color: #CE2929 !important;
}
.bd_rub_a227::after {
  border-color: #CE2929 !important;
}
.deg_h_rub_a227::after {
  background-image: -moz-linear-gradient(left, #ce2929 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ce2929 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #ce2929 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #ce2929 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #ce2929 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffce2929', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
.c_rub228,
#contenu.bd_rub228 .texte a,
.c_rub228 a {
  color: #FF854F !important;
}
.bg_rub228 {
  background-color: #FF854F !important;
}
.conditionsup.bgalpha_rub228 {
  background-color: #FF854F70 !important;
}
.bd_rub228,
.deg_rub_a228 .surtit,
.couleur228 .entourelogo .titlogo,
.couleur228 .spip_logo,
#contenu.bd_rub228 .texte h3.spip,
.btn.bg_rub228 {
  border-color: #FF854F !important;
}
.deg_rub228 {
  background-image: -moz-linear-gradient(top, transparent 0, #ff854f 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent 0), to(#ff854f 100%));
  background-image: -webkit-linear-gradient(top, transparent 0, #ff854f 100%);
  background-image: -o-linear-gradient(top, transparent 0, #ff854f 100%);
  background-image: linear-gradient(to bottom, transparent 0, #ff854f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffff854f', GradientType=0);
}
.deg_h_rub228 {
  background-image: -moz-linear-gradient(left, transparent 0, #ff854f 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(transparent 0), to(#ff854f 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, transparent 0, #ff854f 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, transparent 0, #ff854f 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, transparent 0, #ff854f 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffff854f', GradientType=1);
}
.bg_rub_h228:hover {
  background-color: #FF854F !important;
}
.c_rub_b228::before {
  color: #FF854F !important;
}
.bd_rub228 .partage_inline_share_toolbox > div::before,
.bg_rub_b228::before {
  background-color: #FF854F !important;
}
.bd_rub_b228::before {
  border-color: #FF854F !important;
}
.c_rub_a228::after {
  color: #FF854F !important;
}
.bg_rub_a228::after {
  background-color: #FF854F !important;
}
.bd_rub_a228::after {
  border-color: #FF854F !important;
}
.deg_h_rub_a228::after {
  background-image: -moz-linear-gradient(left, #ff854f 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ff854f 0), to(transparent 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #ff854f 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #ff854f 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #ff854f 0, transparent 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff854f', endColorstr='#00000000', GradientType=1);
  content: "";
  width: 100%;
  height: 130%;
  position: absolute;
  top: 0;
  left: 0;
}
/* *****************************  LISTES D'ITEMS ET ELEMENTS  ***************************** */
/* -------------- BOUTONS -------------- */
.site-michelle .btn-defaut {
  color: #ffffff;
  background-color: #056b6f;
  border-color: #056b6f;
}
.site-michelle .btn-defaut:focus,
.site-michelle .btn-defaut.focus {
  color: #ffffff;
  background-color: #033c3e;
  border-color: #000000;
}
.site-michelle .btn-defaut:hover {
  color: #ffffff;
  background-color: #033c3e;
  border-color: #023334;
}
.site-michelle .btn-defaut:active,
.site-michelle .btn-defaut.active,
.open > .dropdown-toggle.site-michelle .btn-defaut {
  color: #ffffff;
  background-color: #033c3e;
  border-color: #023334;
}
.site-michelle .btn-defaut:active:hover,
.site-michelle .btn-defaut.active:hover,
.open > .dropdown-toggle.site-michelle .btn-defaut:hover,
.site-michelle .btn-defaut:active:focus,
.site-michelle .btn-defaut.active:focus,
.open > .dropdown-toggle.site-michelle .btn-defaut:focus,
.site-michelle .btn-defaut:active.focus,
.site-michelle .btn-defaut.active.focus,
.open > .dropdown-toggle.site-michelle .btn-defaut.focus {
  color: #ffffff;
  background-color: #011b1c;
  border-color: #000000;
}
.site-michelle .btn-defaut:active,
.site-michelle .btn-defaut.active,
.open > .dropdown-toggle.site-michelle .btn-defaut {
  background-image: none;
}
.site-michelle .btn-defaut.disabled:hover,
.site-michelle .btn-defaut[disabled]:hover,
fieldset[disabled] .site-michelle .btn-defaut:hover,
.site-michelle .btn-defaut.disabled:focus,
.site-michelle .btn-defaut[disabled]:focus,
fieldset[disabled] .site-michelle .btn-defaut:focus,
.site-michelle .btn-defaut.disabled.focus,
.site-michelle .btn-defaut[disabled].focus,
fieldset[disabled] .site-michelle .btn-defaut.focus {
  background-color: #056b6f;
  border-color: #056b6f;
}
.site-michelle .btn-defaut .badge {
  color: #056b6f;
  background-color: #ffffff;
}
.site-eric .btn-defaut {
  color: #ffffff;
  background-color: #eb9e05;
  border-color: #eb9e05;
}
.site-eric .btn-defaut:focus,
.site-eric .btn-defaut.focus {
  color: #ffffff;
  background-color: #b97c04;
  border-color: #6e4a02;
}
.site-eric .btn-defaut:hover {
  color: #ffffff;
  background-color: #b97c04;
  border-color: #af7604;
}
.site-eric .btn-defaut:active,
.site-eric .btn-defaut.active,
.open > .dropdown-toggle.site-eric .btn-defaut {
  color: #ffffff;
  background-color: #b97c04;
  border-color: #af7604;
}
.site-eric .btn-defaut:active:hover,
.site-eric .btn-defaut.active:hover,
.open > .dropdown-toggle.site-eric .btn-defaut:hover,
.site-eric .btn-defaut:active:focus,
.site-eric .btn-defaut.active:focus,
.open > .dropdown-toggle.site-eric .btn-defaut:focus,
.site-eric .btn-defaut:active.focus,
.site-eric .btn-defaut.active.focus,
.open > .dropdown-toggle.site-eric .btn-defaut.focus {
  color: #ffffff;
  background-color: #966503;
  border-color: #6e4a02;
}
.site-eric .btn-defaut:active,
.site-eric .btn-defaut.active,
.open > .dropdown-toggle.site-eric .btn-defaut {
  background-image: none;
}
.site-eric .btn-defaut.disabled:hover,
.site-eric .btn-defaut[disabled]:hover,
fieldset[disabled] .site-eric .btn-defaut:hover,
.site-eric .btn-defaut.disabled:focus,
.site-eric .btn-defaut[disabled]:focus,
fieldset[disabled] .site-eric .btn-defaut:focus,
.site-eric .btn-defaut.disabled.focus,
.site-eric .btn-defaut[disabled].focus,
fieldset[disabled] .site-eric .btn-defaut.focus {
  background-color: #eb9e05;
  border-color: #eb9e05;
}
.site-eric .btn-defaut .badge {
  color: #eb9e05;
  background-color: #ffffff;
}
.btn-turquoise {
  color: #ffffff;
  background-color: #3abca2;
  border-color: #005977;
  background-image: -moz-linear-gradient(left, #3abca2 0, #005977 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#3abca2 0), to(#005977 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #3abca2 0, #005977 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #3abca2 0, #005977 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #3abca2 0, #005977 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3abca2', endColorstr='#ff005977', GradientType=1);
  border-image-source: -webkit-linear-gradient(left, #3abca2, #005977);
  border-image-source: -o-linear-gradient(left, #3abca2, #005977);
  border-image-source: linear-gradient(to right, #3abca2, #005977);
  border-image-slice: 1;
}
.btn-turquoise:focus,
.btn-turquoise.focus {
  color: #ffffff;
  background-color: #2e9580;
  border-color: #000000;
}
.btn-turquoise:hover {
  color: #ffffff;
  background-color: #2e9580;
  border-color: #002b3a;
}
.btn-turquoise:active,
.btn-turquoise.active,
.open > .dropdown-toggle.btn-turquoise {
  color: #ffffff;
  background-color: #2e9580;
  border-color: #002b3a;
}
.btn-turquoise:active:hover,
.btn-turquoise.active:hover,
.open > .dropdown-toggle.btn-turquoise:hover,
.btn-turquoise:active:focus,
.btn-turquoise.active:focus,
.open > .dropdown-toggle.btn-turquoise:focus,
.btn-turquoise:active.focus,
.btn-turquoise.active.focus,
.open > .dropdown-toggle.btn-turquoise.focus {
  color: #ffffff;
  background-color: #267a69;
  border-color: #000000;
}
.btn-turquoise:active,
.btn-turquoise.active,
.open > .dropdown-toggle.btn-turquoise {
  background-image: none;
}
.btn-turquoise.disabled:hover,
.btn-turquoise[disabled]:hover,
fieldset[disabled] .btn-turquoise:hover,
.btn-turquoise.disabled:focus,
.btn-turquoise[disabled]:focus,
fieldset[disabled] .btn-turquoise:focus,
.btn-turquoise.disabled.focus,
.btn-turquoise[disabled].focus,
fieldset[disabled] .btn-turquoise.focus {
  background-color: #3abca2;
  border-color: #005977;
}
.btn-turquoise .badge {
  color: #3abca2;
  background-color: #ffffff;
}
.btn-turquoise:hover {
  border-image-source: -webkit-linear-gradient(left, #005977, #3abca2);
  border-image-source: -o-linear-gradient(left, #005977, #3abca2);
  border-image-source: linear-gradient(to right, #005977, #3abca2);
}
.site-michelle .btn-turquoise {
  background: #eb9e05;
  border-color: #eb9e05;
  border-image-source: none;
}
.site-michelle .btn-turquoise:hover {
  background: #b97c04;
  border-color: #b97c04;
}
body.site-michelle .btn-fb,
body.site-eric .btn-fb {
  color: #4d68a1;
  background-color: #4d68a1;
  border-color: #455d90;
}
body.site-michelle .btn-fb:focus,
body.site-eric .btn-fb:focus,
body.site-michelle .btn-fb.focus,
body.site-eric .btn-fb.focus {
  color: #4d68a1;
  background-color: #3d527f;
  border-color: #1c253a;
}
body.site-michelle .btn-fb:hover,
body.site-eric .btn-fb:hover {
  color: #4d68a1;
  background-color: #3d527f;
  border-color: #314266;
}
body.site-michelle .btn-fb:active,
body.site-eric .btn-fb:active,
body.site-michelle .btn-fb.active,
body.site-eric .btn-fb.active,
.open > .dropdown-togglebody.site-michelle .btn-fb,
.open > .dropdown-togglebody.site-eric .btn-fb {
  color: #4d68a1;
  background-color: #3d527f;
  border-color: #314266;
}
body.site-michelle .btn-fb:active:hover,
body.site-eric .btn-fb:active:hover,
body.site-michelle .btn-fb.active:hover,
body.site-eric .btn-fb.active:hover,
.open > .dropdown-togglebody.site-michelle .btn-fb:hover,
.open > .dropdown-togglebody.site-eric .btn-fb:hover,
body.site-michelle .btn-fb:active:focus,
body.site-eric .btn-fb:active:focus,
body.site-michelle .btn-fb.active:focus,
body.site-eric .btn-fb.active:focus,
.open > .dropdown-togglebody.site-michelle .btn-fb:focus,
.open > .dropdown-togglebody.site-eric .btn-fb:focus,
body.site-michelle .btn-fb:active.focus,
body.site-eric .btn-fb:active.focus,
body.site-michelle .btn-fb.active.focus,
body.site-eric .btn-fb.active.focus,
.open > .dropdown-togglebody.site-michelle .btn-fb.focus,
.open > .dropdown-togglebody.site-eric .btn-fb.focus {
  color: #4d68a1;
  background-color: #314266;
  border-color: #1c253a;
}
body.site-michelle .btn-fb:active,
body.site-eric .btn-fb:active,
body.site-michelle .btn-fb.active,
body.site-eric .btn-fb.active,
.open > .dropdown-togglebody.site-michelle .btn-fb,
.open > .dropdown-togglebody.site-eric .btn-fb {
  background-image: none;
}
body.site-michelle .btn-fb.disabled:hover,
body.site-eric .btn-fb.disabled:hover,
body.site-michelle .btn-fb[disabled]:hover,
body.site-eric .btn-fb[disabled]:hover,
fieldset[disabled] body.site-michelle .btn-fb:hover,
fieldset[disabled] body.site-eric .btn-fb:hover,
body.site-michelle .btn-fb.disabled:focus,
body.site-eric .btn-fb.disabled:focus,
body.site-michelle .btn-fb[disabled]:focus,
body.site-eric .btn-fb[disabled]:focus,
fieldset[disabled] body.site-michelle .btn-fb:focus,
fieldset[disabled] body.site-eric .btn-fb:focus,
body.site-michelle .btn-fb.disabled.focus,
body.site-eric .btn-fb.disabled.focus,
body.site-michelle .btn-fb[disabled].focus,
body.site-eric .btn-fb[disabled].focus,
fieldset[disabled] body.site-michelle .btn-fb.focus,
fieldset[disabled] body.site-eric .btn-fb.focus {
  background-color: #4d68a1;
  border-color: #455d90;
}
body.site-michelle .btn-fb .badge,
body.site-eric .btn-fb .badge {
  color: #4d68a1;
  background-color: #4d68a1;
}
body.site-michelle .btn-tw,
body.site-eric .btn-tw {
  color: #000000;
  background-color: #000000;
  border-color: #333333;
}
body.site-michelle .btn-tw:focus,
body.site-eric .btn-tw:focus,
body.site-michelle .btn-tw.focus,
body.site-eric .btn-tw.focus {
  color: #000000;
  background-color: #000000;
  border-color: #000000;
}
body.site-michelle .btn-tw:hover,
body.site-eric .btn-tw:hover {
  color: #000000;
  background-color: #000000;
  border-color: #141414;
}
body.site-michelle .btn-tw:active,
body.site-eric .btn-tw:active,
body.site-michelle .btn-tw.active,
body.site-eric .btn-tw.active,
.open > .dropdown-togglebody.site-michelle .btn-tw,
.open > .dropdown-togglebody.site-eric .btn-tw {
  color: #000000;
  background-color: #000000;
  border-color: #141414;
}
body.site-michelle .btn-tw:active:hover,
body.site-eric .btn-tw:active:hover,
body.site-michelle .btn-tw.active:hover,
body.site-eric .btn-tw.active:hover,
.open > .dropdown-togglebody.site-michelle .btn-tw:hover,
.open > .dropdown-togglebody.site-eric .btn-tw:hover,
body.site-michelle .btn-tw:active:focus,
body.site-eric .btn-tw:active:focus,
body.site-michelle .btn-tw.active:focus,
body.site-eric .btn-tw.active:focus,
.open > .dropdown-togglebody.site-michelle .btn-tw:focus,
.open > .dropdown-togglebody.site-eric .btn-tw:focus,
body.site-michelle .btn-tw:active.focus,
body.site-eric .btn-tw:active.focus,
body.site-michelle .btn-tw.active.focus,
body.site-eric .btn-tw.active.focus,
.open > .dropdown-togglebody.site-michelle .btn-tw.focus,
.open > .dropdown-togglebody.site-eric .btn-tw.focus {
  color: #000000;
  background-color: #000000;
  border-color: #000000;
}
body.site-michelle .btn-tw:active,
body.site-eric .btn-tw:active,
body.site-michelle .btn-tw.active,
body.site-eric .btn-tw.active,
.open > .dropdown-togglebody.site-michelle .btn-tw,
.open > .dropdown-togglebody.site-eric .btn-tw {
  background-image: none;
}
body.site-michelle .btn-tw.disabled:hover,
body.site-eric .btn-tw.disabled:hover,
body.site-michelle .btn-tw[disabled]:hover,
body.site-eric .btn-tw[disabled]:hover,
fieldset[disabled] body.site-michelle .btn-tw:hover,
fieldset[disabled] body.site-eric .btn-tw:hover,
body.site-michelle .btn-tw.disabled:focus,
body.site-eric .btn-tw.disabled:focus,
body.site-michelle .btn-tw[disabled]:focus,
body.site-eric .btn-tw[disabled]:focus,
fieldset[disabled] body.site-michelle .btn-tw:focus,
fieldset[disabled] body.site-eric .btn-tw:focus,
body.site-michelle .btn-tw.disabled.focus,
body.site-eric .btn-tw.disabled.focus,
body.site-michelle .btn-tw[disabled].focus,
body.site-eric .btn-tw[disabled].focus,
fieldset[disabled] body.site-michelle .btn-tw.focus,
fieldset[disabled] body.site-eric .btn-tw.focus {
  background-color: #000000;
  border-color: #333333;
}
body.site-michelle .btn-tw .badge,
body.site-eric .btn-tw .badge {
  color: #000000;
  background-color: #000000;
}
body.site-michelle .contenu .btn-fb,
body.site-eric .contenu .btn-fb,
body.site-michelle .contenu .btn-tw,
body.site-eric .contenu .btn-tw {
  padding: 0.15em 0 0px 1em;
}
body.site-michelle .contenu .btn-fb:after,
body.site-eric .contenu .btn-fb:after,
body.site-michelle .contenu .btn-tw:after,
body.site-eric .contenu .btn-tw:after {
  color: #fff;
}
body.site-michelle .contenu .at-icon-wrapper,
body.site-eric .contenu .at-icon-wrapper,
body.site-michelle .contenu .at-icon,
body.site-eric .contenu .at-icon {
  height: 24px !important;
  width: 24px !important;
}
a.btn_print {
  float: right;
  background: #e8e8e8 url('https://ericbocquet.fr/squ/sites/senateurs.lhumaindabord.fr/ergo/svg/ico_print.svg') 0.2em no-repeat;
  border-width: 0.4em .4em .4em 0.3em;
  border-style: solid;
  border-color: #e8e8e8;
  margin-top: 1.8em;
  font-size: 1em;
  background-clip: padding-box;
  padding: 0.2em .2em 0.1em 2.6em;
  background-size: contain;
}
a.btn_print:hover {
  background: #eb9e05 url('https://ericbocquet.fr/squ/sites/senateurs.lhumaindabord.fr/ergo/svg/ico_print.svg') 0.2em no-repeat;
  background-size: contain;
  border-color: #eb9e05;
  color: #fff;
}
/* -------------- FLECHES -------------- */
/* -------------- LIENS -------------- */
.lls,
.llsrub {
  border-radius: 0;
  text-transform: uppercase;
  padding: 0.2em 0.4em;
  font-size: 0.8em;
}
.llsrub {
  font-size: 1.2em;
}
/* -------------- TITRES -------------- */
.site-michelle .titsenateur .titre {
  background-color: #eb9e05;
}
.site-eric .titsenateur .titre {
  background-image: -moz-linear-gradient(left, #3abca2 0, #005977 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#3abca2 0), to(#005977 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #3abca2 0, #005977 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #3abca2 0, #005977 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #3abca2 0, #005977 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3abca2', endColorstr='#ff005977', GradientType=1);
}
.grotit {
  text-align: center;
  display: table;
  border-bottom: 2px solid #eb9e05;
  text-transform: none;
  padding: 0 0 0em;
  margin: 0 auto 1em;
  font-weight: 300;
  font-size: 2.4em;
}
.grotit.filetapres {
  border-bottom: none;
  position: relative;
}
.grotit.filetapres:after {
  content: "";
  display: block;
  width: 4.3em;
  height: 3px;
  background: #eb9e05;
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.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: #666666;
  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 #b3b3b3;
  float: left;
  margin-top: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.content .chapo {
  font-weight: 600;
  padding: 1.4em;
  background-color: #f5f5f5;
  margin-bottom: 1.5em;
}
.content .chapo p {
  margin: 0 0 1em;
}
.content .chapo p:last-of-type {
  margin-bottom: 0;
}
.content .chapo ul.spip li::before {
  width: 0.4em;
  height: 0.4em;
}
#letexte {
  overflow: hidden;
}
/* -------------- LISTES D'ELEMENTS -------------- */
.liste-items .item,
.liste-titrelogo .item {
  margin-bottom: 50px;
}
.liste-items .item .lieu,
.liste-titrelogo .item .lieu {
  margin: 0 0 0.2em;
  font-size: 1.4em;
  color: #005977;
  line-height: 1.6em;
  display: block;
}
.liste-items .item .logo,
.liste-titrelogo .item .logo {
  border-bottom: 0 solid transparent;
  margin-bottom: 0;
}
#alaune .grosurtit {
  padding-top: .5em;
}
#alaune .grosurtit a {
  color: #fff;
}
.alaune .item * {
  transition-property: all;
  transition-duration: .5s;
}
.alaune .item .lien {
  overflow: hidden;
  display: block;
}
.alaune .item .logo img {
  width: 100%;
}
.alaune .item .legende {
  margin: 0 auto;
  left: 0;
  bottom: 0;
  padding: .2em 3%;
  z-index: 1;
  width: calc(100% - 10px );
}
.alaune .item .legende .tit,
.alaune .item .legende .surtit,
.alaune .item .legende .desc {
  background-color: #fff;
  display: inline-block;
  padding: .4em 3%;
  line-height: 110%;
  font-weight: 500;
}
.alaune .item .legende .tit,
.alaune .item .legende .desc {
  color: #fff;
  background-color: rgba(235, 158, 5, 0.9);
  font-size: 1.45em;
  bottom: 0.5em;
  margin: 0;
  max-width: 94%;
  left: 3%;
}
.alaune .item .legende .surtit {
  max-width: 90%;
  margin-left: -3.4%;
  font-size: 1.1em;
  color: #222222;
  -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
  border-left-width: 10px;
  border-left-style: solid;
}
.alaune .item .legende .date {
  font-size: .7em;
  display: block;
  padding: 0;
  font-weight: 700;
  color: #666666;
  margin: 0;
}
.alaune .item .legende .desc {
  color: #222222;
  background-color: #fff;
  position: absolute;
  padding: 0 3%;
  font-size: 1em;
  bottom: .7em;
  height: 0;
  line-height: 140%;
}
.alaune .item.col-sm-6 {
  height: 17.7em;
}
.alaune .item.col-sm-6 .legende {
  height: 17em;
}
.alaune .item.col-sm-4 {
  height: 17em;
}
.alaune .item.col-sm-4 .legende {
  height: 16em;
}
.alaune .item.col-sm-4 .legende .tit {
  font-size: 1.4em;
}
.alaune .item.col-sm-4 .legende .desc {
  font-size: 1.05em;
}
.liste-items.row .item .legende {
  left: 25px;
  height: 17.6em;
}
.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: 50px;
}
.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 #eb9e05;
}
.liste-grille .item .tit.petit {
  font-size: 1.3em;
}
.liste-grille .lrub {
  margin: 0 0 2em;
}
.liste-mot {
  background-color: transparent;
}
.liste-mot .grotit {
  margin-bottom: 1.53em;
  padding-bottom: .5em;
}
.liste-mot .item {
  display: inline-block;
  border-bottom: 0.25em solid #eb9e05;
  margin: 0 1em .5em 0;
  padding: 0.4em 0.6em 0.3em;
  font-size: 1.5em;
  color: #000;
  background: #e8e8e8;
  border-radius: 0.1em 0.1em;
}
.bicolonnes .colgauche .liste-doc {
  display: block;
}
.bicolonnes .colgauche .liste-doc .grotit,
.bicolonnes .colgauche .liste-doc .grotit-doc {
  text-align: left;
  margin: 0 0 1em;
  position: relative;
  border-bottom: 8px solid #e8e8e8;
  padding-bottom: 0.4em;
  font-size: 2.3em;
  color: #666666;
  background: #fff;
  color: #000;
  font-weight: 300;
  padding: 0 0 0.4em;
  width: auto;
  line-height: .9em;
  min-width: 100%;
  margin-top: 1em;
}
.bicolonnes .colgauche .liste-doc .grotit a,
.bicolonnes .colgauche .liste-doc .grotit-doc a {
  color: #222222;
  padding-bottom: 0;
}
.bicolonnes .colgauche .liste-doc .grotit:after,
.bicolonnes .colgauche .liste-doc .grotit-doc:after {
  content: '';
  width: 92vw;
  display: block;
  border-bottom: 1px solid #b3b3b3;
  float: left;
  margin-top: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.bicolonnes .colgauche .liste-doc .grotit a,
.bicolonnes .colgauche .liste-doc .grotit-doc a {
  color: #222222;
  padding-bottom: 0;
}
.bicolonnes .colgauche .liste-doc .grotit:after,
.bicolonnes .colgauche .liste-doc .grotit-doc:after {
  content: '';
  width: 92vw;
  display: block;
  border-bottom: 1px solid #b3b3b3;
  float: left;
  margin-top: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.bicolonnes .colgauche .liste-doc:not(.galerie) .item {
  background-color: #eee;
  padding: 0.9em 1em 1.1em;
  margin-bottom: 20px;
}
.bicolonnes .colgauche .liste-doc:not(.galerie) .item .tit {
  padding: 0 0 0.6em 0;
  text-align: left;
  background: transparent;
}
.bicolonnes .colgauche .liste-doc:not(.galerie) .item .cnt {
  padding-bottom: 1.5em;
}
.bicolonnes .colgauche .liste-doc:not(.galerie) .item .cnt .desc {
  margin-bottom: .4em;
}
.bicolonnes .colgauche .liste-doc:not(.galerie) .item .cnt a {
  color: #555;
}
/* ------- LISTE PAR DEFAUT ------- */
/* ------- VIDEOS ------- */
.item-video {
  text-align: left;
  margin-bottom: 50px;
}
.item-video .tit {
  font-size: 1.3em;
}
/* ------- SEULEMENT TITRE ET LOGO ------- */
/* ------- SERRES ------- */
/* ------- EVENEMENTS ------- */
.page_evenement .asidedroite .item-evt {
  margin-bottom: 0;
}
/* ------- LOGO D'ARTICLES MEDIABOX ------- */
/* -------------- ENCART MESSAGE -------------- */
/* -------------- PAGINATION -------------- */
/* ***************************** PAGE D'ACCUEIL ***************************** */
.page_sommaire .asidedroite {
  overflow: visible;
}
.page_sommaire .asidedroite .grotit::after {
  max-width: 364px;
}
.page_sommaire .asidedroite .chronique {
  margin-bottom: 1em;
}
.page_sommaire .asidedroite .chronique .grotit {
  background: #eee;
  padding: 1.3em 30px .9em;
  margin: -60px -90px 1.6em 0;
  font-size: 1.9em;
  width: calc(100% + 60px);
  border: none;
}
.page_sommaire .asidedroite .chronique .grotit .gras,
.page_sommaire .asidedroite .chronique .grotit.gras {
  color: #005977;
  font-weight: 600;
}
.page_sommaire .asidedroite .chronique .grotit:after {
  top: 100%;
  left: 30%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #eee;
  border-left-color: #eee;
  border-width: 15px;
  margin-left: -30px;
}
.page_sommaire .asidedroite .chronique > .item,
.page_sommaire .asidedroite .chronique .item-obj {
  padding: 0 0 0 10%;
  border-left: 1px solid #ddd;
  margin-bottom: 1.8em;
}
.page_sommaire .asidedroite .chronique > .item .tit,
.page_sommaire .asidedroite .chronique .item-obj .tit {
  font-size: 1.8em;
  font-style: italic;
  font-weight: 600;
  margin-bottom: .7em;
}
.page_sommaire .asidedroite .chronique > .item .tit a,
.page_sommaire .asidedroite .chronique .item-obj .tit a {
  color: #005977;
}
.page_sommaire .asidedroite .chronique > .item .cnt .btn,
.page_sommaire .asidedroite .chronique .item-obj .cnt .btn {
  display: table;
  margin-top: 1.2em;
}
.container > .bicolonnes {
  overflow: visible;
}
.container > .bicolonnes .row {
  overflow: visible;
}
.container > .bicolonnes .colgauche .item-art .entourelogo {
  position: relative;
}
.container > .bicolonnes .colgauche .item-art .entourelogo .spip_logo {
  border-bottom: 0 solid transparent;
}
.container > .bicolonnes .colgauche .item-art .entourelogo .titlogo {
  bottom: 1.7em;
}
.container > .bicolonnes .colgauche .item-art .tit .surtit {
  color: #666;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0.3em;
  font-size: 0.68em;
}
.container > .bicolonnes .colgauche .item-art .tit .surtit::first-letter {
  font-size: 1.2em;
  font-weight: 300;
}
.container > .bicolonnes .asidedroite .logo .spip_logo {
  margin-bottom: 2em;
}
.container > .bicolonnes .asidedroite .liste-logofond .logo .spip_logo {
  margin-bottom: 0;
}
.container > .bicolonnes .asidedroite .agenda_futur .preambule {
  font-size: 1.2em;
  color: #000;
  display: block;
  font-weight: 600;
  margin-right: 4%;
  cursor: pointer;
  font-weight: 700;
  position: relative;
}
.container > .bicolonnes .asidedroite .agenda_futur .preambule:before {
  content: "\F282";
}
.container > .bicolonnes .asidedroite .agenda_futur .preambule::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;
}
.container > .bicolonnes .asidedroite .agenda_futur .preambule:before {
  color: #eb9e05;
  position: absolute;
  top: 0;
  left: 0;
}
.container > .bicolonnes .asidedroite .agenda_futur .preambule a {
  color: #000;
}
.container > .bicolonnes .asidedroite .agenda_futur,
.container > .bicolonnes .asidedroite .agenda_passes {
  overflow: hidden;
}
.container > .bicolonnes .asidedroite .agenda_futur .liste-items,
.container > .bicolonnes .asidedroite .agenda_passes .liste-items,
.container > .bicolonnes .asidedroite .agenda_futur .liste-evt,
.container > .bicolonnes .asidedroite .agenda_passes .liste-evt {
  margin-bottom: 0;
}
.container > .bicolonnes .asidedroite .agenda_futur .tit,
.container > .bicolonnes .asidedroite .agenda_passes .tit {
  margin-bottom: .3em;
  font-weight: 600;
}
.container > .bicolonnes .asidedroite .agenda_futur .tit a,
.container > .bicolonnes .asidedroite .agenda_passes .tit a {
  color: #000;
  font-weight: 600;
}
.container > .bicolonnes .asidedroite .agenda_futur .item-art,
.container > .bicolonnes .asidedroite .agenda_passes .item-art,
.container > .bicolonnes .asidedroite .agenda_futur .item-evt,
.container > .bicolonnes .asidedroite .agenda_passes .item-evt {
  margin-bottom: 2.2em;
}
.container > .bicolonnes .asidedroite .agenda_futur .btn,
.container > .bicolonnes .asidedroite .agenda_passes .btn {
  margin: 1.1em 10% 1.1em;
}
.container > .bicolonnes .asidedroite .agenda_passes .itel {
  margin-bottom: 40px;
}
.container > .bicolonnes .asidedroite .agenda_passes .cnt,
.container > .bicolonnes .asidedroite .agenda_passes .date,
.container > .bicolonnes .asidedroite .agenda_passes .tit,
.container > .bicolonnes .asidedroite .agenda_passes .lieu,
.container > .bicolonnes .asidedroite .agenda_passes .btn-fleche {
  margin-left: 0;
}
.container > .bicolonnes .asidedroite .agenda_passes .lieu {
  margin-bottom: 0;
  font-size: 1.2em;
}
.container > .bicolonnes .asidedroite .agenda_passes .date {
  padding: 0.45em 2.5% 0.35em;
  margin-bottom: .15em;
}
.container > .bicolonnes .asidedroite .message {
  margin-top: 1.7em;
  padding: 0;
}
.container > .bicolonnes .asidedroite .message .mail {
  cursor: pointer;
}
.container > .bicolonnes .asidedroite .message .btn {
  margin: 0 1em 1em 0;
  padding: 0.5em 0.8em .4em;
  font-size: 0.8em;
}
.container > .bicolonnes .asidedroite .message .fb .btn {
  margin-right: 0;
  background-color: #4267B2;
  border-color: #4267B2;
}
.container > .bicolonnes .asidedroite .message .fb .btn:hover {
  background-color: #3257A2;
  border-color: #3257A2;
}
.container > .bicolonnes .asidedroite .formulaire_contact_libre {
  margin-top: 2.9em;
  margin-bottom: 0;
  z-index: 2;
}
.container > .bicolonnes .asidedroite .formulaire_contact_libre .editer {
  width: 95%;
}
.container > .bicolonnes .asidedroite #twitter_fil {
  margin-bottom: 2em;
}
.site-michelle .bicolonnes .colgauche .item-art .entourelogo {
  position: relative;
}
.site-michelle .bicolonnes .colgauche .item-art .entourelogo:after {
  content: "";
  display: block;
  width: 100%;
  height: 9px;
  background: #eb9e05;
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.site-eric .bicolonnes .colgauche .item-art .entourelogo {
  position: relative;
}
.site-eric .bicolonnes .colgauche .item-art .entourelogo:after {
  content: "";
  display: block;
  width: 100%;
  height: 9px;
  background: #3abca2;
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.site-eric .bicolonnes .colgauche .item-art .entourelogo::after {
  background-image: none;
}
.site-eric .bicolonnes .colgauche .item-art.couleur .entourelogo::after {
  background-image: -moz-linear-gradient(left, #3abca2 0, #005977 100%), url('https://ericbocquet.fr/rien');
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#3abca2 0), to(#005977 100%), url('https://ericbocquet.fr/rien'));
  background-image: -webkit-linear-gradient(left, #3abca2 0, #005977 100%), url('https://ericbocquet.fr/rien');
  background-image: -o-linear-gradient(left, #3abca2 0, #005977 100%), url('https://ericbocquet.fr/rien');
  background-image: linear-gradient(to right, #3abca2 0, #005977 100%), url('https://ericbocquet.fr/rien');
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3abca2', endColorstr='#ff005977', GradientType=1);
}
/* ***************************** PAGES INTERIEURES ***************************** */
.bicolonnes .asidedroite .alaune .item .desc,
.bicolonnes .asidedroite #alaune .item .desc {
  font-size: 0.9em;
}
.bicolonnes .asidedroite .alaune .item .tit,
.bicolonnes .asidedroite #alaune .item .tit {
  font-size: 1.2em;
}
.bicolonnes .asidedroite .alaune .item:hover .desc,
.bicolonnes .asidedroite #alaune .item:hover .desc {
  padding: 0.6em 3%;
  height: 102px;
  line-height: 1.6em;
}
.bicolonnes .asidedroite .alaune .item:hover .logo img,
.bicolonnes .asidedroite #alaune .item:hover .logo img {
  filter: blur(5px);
}
.bicolonnes .asidedroite .alaune .item:hover .tit,
.bicolonnes .asidedroite #alaune .item:hover .tit {
  bottom: 109px;
}
/* ***************************** PAGES DE TYPE CONTENU ***************************** */
.page_type_contenu #intro,
.page_type_contenu .intro {
  text-align: left;
}
.page_type_contenu #intro .grotit,
.page_type_contenu .intro .grotit {
  line-height: 113%;
  color: #000;
  font-size: 2.9em;
}
.page_type_contenu #intro .grosurtit,
.page_type_contenu .intro .grosurtit {
  margin-top: 0;
  margin-bottom: 0.4em;
  color: #666;
  font-size: 1.6em;
  line-height: 120%;
}
.page_type_contenu .chemin {
  display: none;
}
.page_type_contenu .notes {
  margin-top: 2em;
}
/* ***************************** PAGES DE TYPE LISTE ***************************** */
.page_type_liste .chapo {
  padding: 0 0 1em 0;
  border-bottom: .5px solid #aaa;
  background: #fff;
  margin-bottom: 1.7em;
  font-size: 1.3em;
}
.page_type_liste #laliste .filtre {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  padding: 1em;
  overflow: hidden;
}
.page_type_liste #laliste .filtre .grostit {
  border-bottom: 2px solid #eb9e05;
  padding-bottom: 0.1em;
  display: inline-block;
  margin: .2em 0.4em;
}
.page_type_liste #laliste .filtre select {
  padding: .1em 0.3% .1em 0.6em;
  width: 100%;
}
.page_type_liste .asidedroite .filtrer {
  padding-bottom: 1.5em;
  overflow: hidden;
}
.page_type_liste .asidedroite .filtrer .grotit {
  margin: 0 0 0.6em;
}
.page_type_liste .asidedroite .filtrer .item {
  text-align: left;
  color: #000;
  font-size: 1.1em;
  text-indent: 0;
  margin: 0.7em 0;
  display: block;
}
.page_type_liste .asidedroite .filtrer .item a {
  font-size: 1.3em;
  font-weight: 600;
  font-family: 'Nunito Sans', Verdana, sans-serif;
  color: #000;
}
.page_type_liste .asidedroite .filtrer .item:before {
  float: left;
  margin: 0.2em 0.3em 0 0;
  color: #eb9e05;
}
.page_type_liste .asidedroite .filtrer.thematique .item:before {
  display: none;
}
.page_type_liste .asidedroite .filtrer.thematique .item a {
  border-left-width: 3px;
  border-left-style: solid;
  padding-left: 4%;
}
.page_type_liste .pagination {
  border-top: none;
}
.page_type_liste .pagination .pages .sep {
  margin-top: 1.2em;
}
.page_type_liste .details .titit {
  display: block;
  font-weight: 700;
  border-bottom: 2px solid #eb9e05;
  display: table;
  margin: 0.8em 0 0.4em;
  padding-bottom: 0em;
}
.page_type_liste .details ul.spip {
  padding-left: .2em;
  margin: .2em 0 1.4em;
}
.page_type_liste .details ul.spip li {
  padding: 0.3em 0 .1em 1em;
}
.page_type_liste .details .prof,
.page_type_liste .details .mandats {
  font-size: .9em;
  font-weight: 300;
}
html .page_type_liste .bicolonnes .colgauche .item-art .row .boutons,
html.page_sommaire .bicolonnes .colgauche .item-art .row .boutons {
  bottom: 1em;
}
html .page_type_liste .bicolonnes .colgauche .item-art .row .logoauteur,
html.page_sommaire .bicolonnes .colgauche .item-art .row .logoauteur {
  padding-right: 0;
}
html .page_type_liste .bicolonnes .colgauche .item-art .row .introboutons,
html.page_sommaire .bicolonnes .colgauche .item-art .row .introboutons {
  min-height: 197px;
  padding-bottom: 2em;
}
html .page_type_liste .bicolonnes .colgauche .item-art .row .introboutons .btn-petit,
html.page_sommaire .bicolonnes .colgauche .item-art .row .introboutons .btn-petit {
  font-size: 0.8em;
}
html .page_type_liste .bicolonnes .colgauche .item-art .row .introboutons .partage_toolbox .btn,
html.page_sommaire .bicolonnes .colgauche .item-art .row .introboutons .partage_toolbox .btn {
  padding: 0.2em .5em;
}
html .page_type_liste .bicolonnes .colgauche .item-art .row .introboutons .partage_toolbox .btn img,
html.page_sommaire .bicolonnes .colgauche .item-art .row .introboutons .partage_toolbox .btn img {
  height: 24px;
}
/*  */
.page_videos .grosoustit {
  font-size: 1.9em;
  width: 100%;
  text-align: center;
  margin: -1em 0 2em;
}
.page_videos .liste-items .item-video .tit {
  font-size: 1.3em;
  font-weight: 700;
}
.page_videos .liste-items .item-video .tit a {
  color: #000;
}
.page_videos #laliste .item,
.page_videos .autre .item {
  margin-bottom: 6em;
}
/*  */
.page_mots .liste-grille {
  margin-top: 0;
}
/* --------------  PAGE RECHERCHE -------------- */
.page_recherche .content .page_type_liste #bicolonnes #intro .grotit,
.page_recherche .content .page_type_liste .bicolonnes #intro .grotit {
  font-size: 1.6em;
  margin: 0 0 0.8em;
  color: #666666;
  text-transform: uppercase;
  font-weight: 300;
  border: none;
  text-align: left;
}
.page_recherche .content .page_type_liste #bicolonnes #intro .grotit .guillemet,
.page_recherche .content .page_type_liste .bicolonnes #intro .grotit .guillemet {
  vertical-align: text-bottom;
  font-size: 1.9em;
  margin: 0 0.1em;
}
.page_recherche .content .page_type_liste #bicolonnes #intro .grotit i,
.page_recherche .content .page_type_liste .bicolonnes #intro .grotit i {
  color: #eb9e05;
  font-size: 2.3em;
  text-transform: none;
  font-weight: 500;
  line-height: 120%;
  vertical-align: middle;
}
.page_recherche .content .page_type_liste #bicolonnes #intro .chapo,
.page_recherche .content .page_type_liste .bicolonnes #intro .chapo {
  margin-bottom: 1.3em;
}
.page_recherche .content .page_type_liste #formulaire_recherche2 {
  padding: 1em;
  margin: 2em 0 2.5em;
}
.page_recherche .content .page_type_liste #formulaire_recherche2 form {
  text-align: center;
}
.page_recherche .content .page_type_liste #formulaire_recherche2 .saisie_input {
  width: 80%;
}
.page_recherche .content .page_type_liste #formulaire_recherche2 .submit {
  margin: 0 0;
  padding: 0.45em;
  font-size: 1.1em;
}
.page_recherche .content .page_type_liste .bicolonnes .asidedroite {
  margin-top: 12.3em;
}
.page_recherche .chapo {
  border-bottom: 0 solid #fff;
  padding: 0;
}
.page_recherche .intertit {
  text-align: left;
  margin: 0 0 1em;
  position: relative;
  border-bottom: 8px solid #e8e8e8;
  padding-bottom: 0.4em;
  font-size: 2.3em;
  color: #666666;
  background: #fff;
  color: #000;
  font-weight: 300;
  padding: 0 0 0.4em;
  width: auto;
  line-height: .9em;
  margin: 25px;
}
.page_recherche .intertit a {
  color: #222222;
  padding-bottom: 0;
}
.page_recherche .intertit:after {
  content: '';
  width: 92vw;
  display: block;
  border-bottom: 1px solid #b3b3b3;
  float: left;
  margin-top: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.page_recherche .intertit a {
  color: #222222;
  padding-bottom: 0;
}
.page_recherche .intertit:after {
  content: '';
  width: 92vw;
  display: block;
  border-bottom: 1px solid #b3b3b3;
  float: left;
  margin-top: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.page_recherche .intertit::after {
  bottom: -9px;
}
.page_recherche .ui-rangeSlider .ui-rangeSlider-handle {
  background: #eb9e05;
  cursor: col-resize;
}
.page_recherche .ui-rangeSlider .ui-rangeSlider-innerBar {
  height: 11px;
  margin: 6px 6px;
  background: #666666;
}
.page_recherche .ui-rangeSlider .ui-rangeSlider-label {
  background: #eb9e05;
  color: #fff;
  font-size: 14px;
  padding: 1px 6px 1px;
  border-radius: 2px;
}
.page_recherche #formulaire_recherche #recherche {
  color: #000;
}
.page_recherche .ui-rangeSlider-withArrows .ui-rangeSlider-container {
  margin: 0;
}
.page_recherche .marginputbas {
  margin-bottom: 15px;
}
.page_recherche .marginputbas select {
  color: #000;
}
.page_recherche .contenu .formulaire_spip form > div > ul.lesdates {
  margin: 45px 0;
}
.page_recherche .contenu .formulaire_spip form > div > ul.lesdates li {
  margin: 0 8%;
}
/* --------------  PAGE AUTEUR -------------- */
.page_auteur .asidedroite .logo {
  margin-bottom: 0;
}
.formulaire_contact_libre {
  margin-top: 1em;
  margin-bottom: 4em;
}
.formulaire_contact_libre .bugajaxie {
  display: none;
}
.formulaire_contact_libre .saisie_input {
  width: 95%;
}
.formulaire_contact_libre .boutons {
  padding-bottom: 0;
}
.formulaire_contact_libre .reponse_formulaire_erreur {
  margin-top: 2em;
}
/* --------------  PAGE AGENDA -------------- */
.page_agenda .bicolonnes .colgauche .cnt {
  margin-bottom: 1em;
}
.page_agenda .bicolonnes .colgauche .grotit {
  border-width: 0 0 9px 0;
}
.page_agenda .bicolonnes .asidedroite .item {
  margin-bottom: 10px;
}
/* --------------  PAGE EVENEMENT -------------- */
/* --------------  PAGE ANNUAIRE -------------- */
/* --------------  PAGE VIDEO -------------- */
/* --------------  PAGE EVENEMENT -------------- */
/* --------------  PAGE PLAN DU SITE -------------- */
/* ***************************** PAGE ABONNEMENT  ***************************** */
/* ***************************** PAGE COMPTE UTILISATEUR ***************************** */
/* --------------  PAGE ABONNEMENT SEULEMENT -------------- */
/* --------------  PAGE D'ACCUEIL DU COMPTE -------------- */
/* ***************************** PIED DE PAGE ***************************** */
#piedinterieur {
  padding-top: 4em;
  overflow: hidden;
  min-width: 100%;
}
#piedinterieur .grotit {
  margin-left: 0;
  border-bottom: 5px solid #eb9e05;
  padding-bottom: 5px;
  text-align: left;
}
#piedinterieur .grotit::first-letter {
  text-transform: uppercase;
}
#piedinterieur .grotit a {
  color: #000;
}
#piedinterieur .grotit a:hover {
  color: #eb9e05;
}
#piedinterieur .liste-syndic .item {
  margin-bottom: 29px;
}
#piedinterieur .liste-syndic .item .date {
  display: table;
  overflow: hidden;
  background: #eb9e05;
  padding: .2em 2.5%;
  color: #fff;
  padding: 0.3em 1% .2em;
  text-transform: uppercase;
  font-size: .9em;
}
#piedinterieur .liste-syndic .item .date a {
  color: #fff;
}
#piedinterieur .liste-syndic .item .date a {
  color: #fff;
}
#piedinterieur .liste-syndic .item .tit {
  font-size: 1.6em;
  font-weight: 600;
  color: #000;
  border-left: 2px solid #ddd;
  padding-left: 21px;
  padding-top: 0px;
  margin-top: 0.7em;
}
#piedinterieur .liste-syndic .item .surtit {
  padding: 0;
}
.thematiques .grotit,
.formulaire_pied .grotit {
  height: 1.6em;
  font-weight: 600;
  font-size: 2.8em;
  margin-top: -3.9em;
  margin-bottom: 1.4em;
  position: relative;
}
.thematiques .grotit:after,
.formulaire_pied .grotit:after {
  content: "";
  display: block;
  width: 80px;
  height: 5px;
  background: #eb9e05;
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.thematiques {
  overflow: visible;
  padding-top: 2em;
  padding-bottom: 10em;
}
.thematiques .container {
  margin-top: 4.5em;
}
.thematiques .grotit {
  margin-top: -4em;
}
.formulaire_pied {
  margin-top: 0;
  padding-top: 6.1em;
  padding-bottom: 10em;
  background-color: #005977;
}
.formulaire_pied .row {
  overflow: visible;
}
.formulaire_pied .grotit {
  padding-bottom: 0.7em;
  color: #005977;
}
.formulaire_pied .editer-groupe {
  width: 94.7%;
}
.formulaire_pied .formulaire_spip {
  margin-top: 4em;
}
.formulaire_pied .formulaire_spip form .editer {
  margin-left: 4%;
}
.formulaire_pied .formulaire_spip form .saisie_input {
  width: 29%;
  margin-left: 4%;
  color: #000;
}
.formulaire_pied .formulaire_spip form .saisie_case .choix {
  margin: 0 10%;
  overflow: hidden;
}
.formulaire_pied .formulaire_spip form p.boutons {
  border-top: 0 solid #f0f1f2;
}
.formulaire_pied .formulaire_spip form .editer_textarea_2 label {
  padding-bottom: 0.7em;
  color: #005977;
  font-size: 1.8em;
  color: #000;
  margin-top: 1em;
  margin-bottom: 0;
  padding-bottom: .8em;
  border-bottom-width: 4px;
}
.formulaire_pied .formulaire_spip form .editer_textarea_2 label .obligatoire {
  display: none;
  font-size: 0.7em;
  text-align: center;
}
.formulaire_pied .formulaire_spip form label,
.formulaire_pied .formulaire_spip form .editer_textarea_2 label {
  color: #fff;
}
.formulaire_pied .formulaire_spip form label {
  max-width: 82%;
  text-align: left;
}
.formulaire_pied .formulaire_spip form input.text {
  color: #000;
}
.formulaire_pied .formulaire_spip form::placerholder {
  color: #000;
}
.formulaire_pied .formulaire_spip form .saisie_case {
  float: left;
}
.formulaire_pied .formulaire_spip form input[type="radio"],
.formulaire_pied .formulaire_spip form input[type="checkbox"] {
  float: left;
}
.formulaire_pied .formulaire_spip form input.submit {
  float: right;
  margin-right: 4em;
  background: #eb9e05;
  border-color: #eb9e05;
}
.formulaire_pied .formulaire_spip form input.submit:hover {
  background: #b97c04;
  border-color: #b97c04;
}
.formulaire_pied .formulaire_spip form div.choix {
  padding-top: 1.5em;
}
.formulaire_pied .formulaire_spip form .boutons {
  padding-top: 1.1em;
}
.page #footer .content {
  min-height: 0;
}
#footer .grotit {
  padding-bottom: .4em;
  margin-top: .4em;
  border-bottom: none;
  position: relative;
}
#footer .grotit:after {
  content: "";
  display: block;
  width: 2.6em;
  height: 5px;
  background: #eb9e05;
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
#footer #infolettre .text {
  color: #000;
  border-radius: 0;
  padding: 0.6em 2% 0.5em;
  border-color: #fff;
}
#footer #infolettre .boutons .submit {
  padding: .5em 1.3em;
  font-size: 0.9em;
  border-radius: .3em;
  box-shadow: 1px 1px 5px #0005;
}
#footer #pied {
  background-color: #005977;
  padding: 5.4em 0 4em;
}
#footer #pied .btn {
  background: #eb9e05;
  margin: 0.9em;
  padding: 0.4em 1em .3em;
  color: #fff;
  text-indent: 0;
  border-radius: 5px;
  box-shadow: 2px 2px 2px #0000001a;
}
#footer #pied h2.contact,
#footer #pied .tit {
  color: #000;
  color: #fff;
  font-size: 1.1em;
  font-weight: 700;
}
#footer #pied .adresse {
  line-height: 1.4em;
  color: #eb9e05;
  padding: 0 0 0.7em;
}
#footer #pied .titelephone {
  font-size: 1em;
  color: #000;
}
#footer #pied .telephone {
  font-size: 1.3em;
  font-weight: 700;
}
#footer .navbar {
  min-height: 0;
}
.navbar-nav #footer > li {
  border-color: #eb9e05;
}
.navbar-nav #footer > li > a {
  color: #555;
  margin-bottom: 0;
}
#footer #partenaires {
  text-align: center;
}
#footer #partenaires .item {
  height: 4em;
  display: inline-block;
  margin: 0 1.3%;
}
#footer #partenaires .item img {
  height: 100%;
  width: auto;
}
#footer #navpied {
  margin: 0;
  padding-bottom: 3em;
}
#footer #navpied .icones {
  margin-bottom: 0;
}
#footer #navpied li a {
  color: #000;
  border-right: none;
  margin: 0;
}
#footer #navpied .btcontact a img {
  width: 33px;
}
#footer li a {
  color: #000;
}
/* ***************************** FENETRES, ELEMENTS FIXES ET DEPLIANTS ***************************** */
/* --------------  VOLET DEPLIANT DE BAS DE PAGE -------------- */
/*  */
body .spip-admin-float {
  z-index: 2000;
  margin-top: 0;
  top: 0;
  left: 1px;
}
body .spip-admin-float .spip-admin-boutons {
  float: left;
  padding: 0.6em 1em 0.7em;
}
/* --------------  ADDTHIS -------------- */
html #at4-share,
html #at4-soc {
  top: calc( 34.1vw - 132px);
  bottom: auto;
}
.at-branding-logo {
  display: none;
}
/* ******************** RESPONSIVE ******************** */
/* ******************** DEBOGAGE ******************** */
@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;
  }
}
@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;
  }
  body .spip-admin-float {
    bottom: 7px;
    top: inherit;
  }
  .depliantbas {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  /*  */
  .page_videos .liste-videos .tit {
    min-height: 2.8em;
    font-weight: 500;
  }
  .page_auteurs .item-auteur .formulaire_contact_libre {
    min-width: 580px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  /*  */
  #footer #pied #infolettre .text,
  .footer #pied #infolettre .text {
    width: 70%;
  }
  #footer #pied,
  .footer #pied {
    margin-top: 0;
  }
  #footer #pied #adresse .telephone,
  .footer #pied #adresse .telephone {
    font-size: 1.2em;
  }
  #footer #navpied li,
  .footer #navpied li,
  #footer .menu-liste li,
  .footer .menu-liste li {
    margin-top: 0em;
  }
  body .contenu .grosboutons .grosbouton {
    min-height: 11em;
  }
}
@media screen and (max-width: 991px) {
  .container {
    padding-left: 4%;
    padding-right: 4%;
  }
  .content #bicolonnes .asidedroite .grotit {
    width: 100%;
  }
  .content #formulaire_recherche2 .saisie_input {
    width: 47%;
  }
  .content .item-video {
    width: 100%;
  }
  .content .item-video .mediainterieur {
    max-height: 100%;
  }
  .page_videos .item .tit {
    margin-top: 0;
    min-height: 0;
  }
  .footer #pied #infolettre .text {
    text-align: center;
  }
  .footer .grotit {
    margin-top: 1.4em;
    font-size: 2em;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    overflow: hidden;
  }
  #infolettre {
    width: 60%;
    margin: 9% 20% 0;
  }
}
@media screen and (max-width: 767px) {
  /*  */
  /*  */
  img {
    height: auto;
  }
  iframe {
    max-width: 100%;
  }
  .page #wrapper {
    margin-top: 0;
    top: 6vw;
  }
  .col-sm-6,
  .col-sm-12,
  .col-sm-4 {
    width: 100%;
  }
  .content .margesup {
    width: 94%;
  }
  .encart-message {
    line-height: 150%;
    padding: 0;
    text-align: center;
    font-size: 1.4em;
    background-position: top;
    font-weight: 300;
    hyphens: auto;
  }
  .encart-message .spip_logos {
    max-width: 80%;
  }
  .encart-message .coldroite .desc {
    line-height: 150%;
    margin-top: 1em;
    display: block;
  }
  .frise {
    padding: 0;
  }
  .frise .carreblanc {
    padding: 1em 1em 0;
  }
  .titsuite,
  .page .content .contenu h3.spip {
    font-size: 1.8em;
  }
  .frise,
  .content h2 {
    margin: 0;
  }
  .llsrub:before {
    display: none;
  }
  /*  */
  .pagination {
    margin: 0 0 8vw;
  }
  .pagination .pages strong,
  .pagination .pages a {
    width: 1.4em;
    border: 0 solid #fff;
    border-top: .4em solid #fff;
  }
  .titsuite {
    font-size: 1.8em;
  }
  .llsrub:before {
    display: none;
  }
  /*  */
  .contenu .formulaire_spip form .saisie_case {
    width: 100%;
  }
  .contenu .formulaire_spip form legend,
  .contenu .formulaire_spip form .legend {
    font-size: 1.5em;
    line-height: 170%;
    font-weight: 500;
  }
  .contenu .formulaire_spip form label {
    font-size: 1em;
  }
  .contenu .formulaire_spip form fieldset legend,
  .contenu .formulaire_spip form fieldset .legend,
  .contenu .formulaire_spip form fieldset .row-fluid {
    width: 95%;
  }
  .formulaire_login form #pass_securise {
    display: none;
  }
  /*  */
  /*  */
  body .chemin {
    display: none;
    margin: 1em 0 0em;
  }
  body #intro,
  body .intro {
    float: none;
    margin-bottom: 1em;
  }
  body #intro .grotit,
  body .intro .grotit {
    font-size: 2.3em;
    margin: 0.6em auto 0;
    line-height: 110%;
  }
  body #intro .chapo,
  body .intro .chapo {
    margin-bottom: 1.5em;
  }
  .content {
    margin-top: 0.5em;
    /*  */
  }
  .content #bicolonnes {
    /*  */
  }
  .content #bicolonnes .colgauche .blocrub {
    width: auto;
    margin-bottom: 2em;
  }
  .content #bicolonnes .colgauche .llsrub {
    display: table;
    text-align: center;
    margin: 0 auto;
    font-size: 1em;
    padding: .5em 0 1em;
    text-decoration: none;
    background: transparent url('https://ericbocquet.fr/squ/squelettes/ergo/fleche/b_gras.svg') no-repeat center bottom;
  }
  .content .asidedroite .lls {
    margin: 2em auto 0;
  }
  .content .asidedroite .item {
    border-left: none;
    padding-left: 0;
  }
  .content .asidedroite .llsrub {
    margin: 2em auto 0;
    display: table;
    text-align: center;
  }
  .content .asidedroite .item-breve {
    border-bottom: none;
    padding-bottom: 0;
  }
  .content .asidedroite #podcasts .grotit {
    background-size: 36%;
  }
  .content .asidedroite .oe-play-button button {
    padding: 0 0 0;
    left: 0;
    margin-left: 2%;
  }
  .content .asidedroite .oembed_file {
    margin-bottom: 1em;
  }
  .content .asidedroite .oembed_file .oe-title,
  .content .asidedroite .oembed_file .oembed-author {
    margin-right: 0;
  }
  .content .asidedroite .pubcarre {
    margin-bottom: 0;
    border-bottom: none;
  }
  /*  */
  .content .liste-mot .mc:first-of-type {
    margin-left: 0;
  }
  .content .liste-mot .tit-mot {
    margin-bottom: .2em;
  }
  .liste-mot .item {
    font-size: 1.2em;
  }
  .liste-grille .item {
    display: block;
    min-width: 100%;
  }
  /*  */
  #footer,
  .footer {
    padding: 0;
    margin: 0;
  }
  #footer .nav,
  .footer .nav {
    padding-left: 0;
    padding-right: 0;
  }
  #footer #pied,
  .footer #pied {
    margin: 0;
    padding-top: 2em;
  }
  #footer #pied #adresse,
  .footer #pied #adresse {
    border-right: none;
  }
  #footer #pied #infolettre .text,
  .footer #pied #infolettre .text {
    width: 100%;
    height: 2.7em;
  }
  #footer #pied #infolettre .boutons,
  .footer #pied #infolettre .boutons {
    font-size: 1.3em;
  }
  #footer #pied #infolettre .boutons .submit,
  .footer #pied #infolettre .boutons .submit {
    margin-top: 0;
    background: #dc9405;
    color: #fff;
    width: 100%;
    padding-top: .7em;
    padding-bottom: .7em;
    border: 0 solid #eb9e05;
  }
  #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: #dc9405;
    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 .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 #f0f1f2;
  }
  /*  */
  .content #myCarousel {
    margin: 0;
  }
  .content #myCarousel .item {
    margin: 0;
    height: 100vw;
    overflow: hidden;
  }
  .content #myCarousel .item .logo {
    overflow: hidden;
    display: block;
  }
  .content #myCarousel .item .logo img {
    max-width: inherit;
    height: calc(100vh - 170px);
    width: 100%;
    object-fit: cover;
    object-position: center center;
  }
  .content #myCarousel .item .legende {
    width: 90%;
    padding: 2% 0% 25%;
    background-color: transparent;
    font-size: .8em;
  }
  .content #myCarousel .item .legende .surtit {
    margin: 0 auto;
    display: table;
    max-width: 80%;
  }
  .content #myCarousel .item .legende .tit {
    font-size: 2em;
    line-height: 1.2;
    margin: 0 auto 0.3em;
    text-align: center;
    display: table;
    font-weight: 500;
  }
  .content #myCarousel .item .legende .soustit {
    margin-top: -0.5em;
    max-width: 95%;
  }
  .content #myCarousel .item .legende .desc {
    display: none;
  }
  .content #myCarousel .item .legende .btn {
    display: none;
  }
  .content #myCarousel .owl-nav {
    display: none;
  }
  .content .banniere_une {
    height: 20vw !important;
    margin-bottom: 0;
  }
  .content #agenda {
    width: 100vw;
    margin-top: 3.5em;
  }
  .content #agenda .titagenda {
    padding: 0.2em 5% .4em;
    top: 0;
    margin: 0 0 1.2em;
  }
  .content #agenda .margesup {
    overflow: hidden;
  }
  .content #agenda .item {
    padding: 0;
    display: block;
    margin-bottom: 0.7em;
  }
  .content #agenda .item .logo {
    overflow: visible;
    height: auto;
  }
  .content #agenda .item .logo:after {
    margin: 0;
    width: auto;
  }
  .content #agenda .item img {
    width: 100%;
  }
  .content #agenda .item .tit {
    left: 5%;
    bottom: 0.7em;
    font-size: 1.4em;
    width: 90%;
    padding: 0.5em 0.7em;
  }
  .content #agenda .item .legende {
    padding: 0.3em 3%;
  }
  .content #agenda .item .dateetlieu {
    font-size: 0.8em;
    width: 90%;
    left: 5%;
  }
  .content #agenda .item .dateetlieu .date {
    min-width: 75px;
  }
  .content #agenda .item .dateetlieu .adresse {
    display: none;
  }
  .content #agenda .item .item-evt {
    margin-bottom: 1.8em;
  }
  .content #agenda .item .item-evt .btn {
    font-size: 0.8em;
    margin-top: 1em;
  }
  .content #agenda .evtmineurs {
    margin-top: 0.5em;
  }
  .content #agenda .evtmineurs .item-evt {
    margin-bottom: 0;
  }
  .content #agenda .evtmineurs .item-evt .tit {
    width: 100%;
  }
  .content #agenda .evtmineurs .item-evt .btn {
    margin-top: 0;
  }
  .content #agenda .evtmineurs .item-evt .lieu {
    margin: 0.7em 0 0;
    font-size: 1.1em;
    font-weight: 600;
  }
  .content #agenda .couleur .stit {
    width: 100%;
  }
  .content #agenda .llsrub {
    margin: 0 17% 0;
    padding: 0.7em;
    width: 64%;
  }
  /*  */
  #coldroite .grotit,
  .asidedroite .grotit {
    text-align: center;
  }
  .page .content {
    margin-top: 3.2em;
  }
  .page .content .bloctit,
  .page .content #intro,
  .page .content .intro {
    margin-top: 0;
    margin-bottom: 1.1em;
  }
  .page .content .bloctit .grotit,
  .page .content #intro .grotit,
  .page .content .intro .grotit {
    font-size: 2.2em;
    margin-top: .2em;
    margin-bottom: 0.3em;
  }
  .page .content .contenu {
    padding-top: 0.5em;
  }
  .page .content .contenu .chemin {
    font-size: 1.2em;
    line-height: 100%;
    width: 100%;
  }
  .page .content .contenu h3.spip {
    font-size: 1.8em;
  }
  .page .content .contenu .droite {
    margin: 0;
    width: 100%;
    margin: 0 0 1em;
    max-width: 100%;
  }
  .page .content .contenu .droite .spip_logo,
  .page .content .contenu .droite .logo_article {
    width: 100%;
    margin: 0;
  }
  .page .content .contenu .asidedroite.droite {
    width: 100vw;
    margin: -1.6em -5vw 1em;
    max-width: 100vw;
  }
  .page .content .contenu .date {
    font-size: 1em;
    margin: 0;
  }
  .page .content .contenu .date:first-of-type {
    margin: 0 0 0.2em;
  }
  .page .content .contenu .chapo {
    font-size: 16px;
    font-weight: 500;
  }
  .page .content .contenu .texte p {
    font-size: 1em;
  }
  .page .content .contenu .grotit {
    margin: 1em auto 1.5em;
  }
  .page .content .contenu .liste-doc .grotit-doc {
    font-size: 1.6em;
  }
  .page .content .contenu .liste-doc .tit {
    font-size: 1em;
    word-wrap: break-word;
  }
  /*  */
  body .content .page_type_liste .intro .grotit {
    margin: 0.6em 0;
  }
  body .content .page_type_liste .intro .chapo {
    margin-bottom: 0.2em;
  }
  body .content .page_type_liste .laliste .grotit {
    font-size: 2em;
    text-align: center;
    text-transform: none;
    line-height: 120%;
    border-bottom-width: 6px;
    border-bottom-style: solid;
    display: table;
    margin: 0 auto 1.4em;
    float: none;
    padding-bottom: 0.2em;
    color: #555;
  }
  body .content .page_type_liste .laliste .grotit::before {
    content: none;
  }
  body .content .page_type_liste .laliste .filtre {
    margin: 0 -4% 2em;
    padding: 0.6em 1em;
    text-align: center;
    font-weight: 300;
    width: inherit;
  }
  body .content .page_type_liste .laliste .filtre .intro {
    color: #000;
    font-size: 1em;
    font-weight: 400;
    border-bottom-width: 3px;
  }
  body .content .page_type_liste .laliste .filtre a {
    margin: 0 0.2em;
    color: #eb9e05;
  }
  body .content .page_type_liste .laliste .filtre .titselect {
    padding: 0.8em 1em 0.4em;
    width: 38vw;
  }
  body .content .page_type_liste .laliste .filtre .select-design {
    width: 90vw;
  }
  body .content .page_type_liste .laliste select {
    height: 2.1em;
    width: 50vw;
  }
  body .content .page_type_liste .laliste .item .surtit,
  body .content .page_type_liste .liste-logofond .item .surtit,
  body .content .page_type_liste .liste-items .item .surtit {
    line-height: 123%;
    font-size: .5em;
  }
  body .content .page_type_liste .laliste .item .tit,
  body .content .page_type_liste .liste-logofond .item .tit,
  body .content .page_type_liste .liste-items .item .tit {
    width: 100%;
    float: none;
  }
  body .content .page_type_liste .laliste .item .cnt,
  body .content .page_type_liste .liste-logofond .item .cnt,
  body .content .page_type_liste .liste-items .item .cnt {
    overflow: hidden;
  }
  body .content .page_type_liste .laliste .item .date-pub,
  body .content .page_type_liste .liste-logofond .item .date-pub,
  body .content .page_type_liste .liste-items .item .date-pub,
  body .content .page_type_liste .laliste .item .date-modif,
  body .content .page_type_liste .liste-logofond .item .date-modif,
  body .content .page_type_liste .liste-items .item .date-modif {
    font-size: .9em;
  }
  body .content .page_type_liste .laliste .item .boutons,
  body .content .page_type_liste .liste-logofond .item .boutons,
  body .content .page_type_liste .liste-items .item .boutons {
    bottom: inherit;
    top: 144px;
  }
  body .content .page_type_liste .laliste .item .boutons .btn,
  body .content .page_type_liste .liste-logofond .item .boutons .btn,
  body .content .page_type_liste .liste-items .item .boutons .btn {
    margin: 0 0 0.6em;
  }
  body .content .page_type_liste .laliste .item .boutons .partage_toolbox,
  body .content .page_type_liste .liste-logofond .item .boutons .partage_toolbox,
  body .content .page_type_liste .liste-items .item .boutons .partage_toolbox {
    width: 100%;
  }
  body .content .page_type_liste .laliste .item .boutons .partage_toolbox .btn,
  body .content .page_type_liste .liste-logofond .item .boutons .partage_toolbox .btn,
  body .content .page_type_liste .liste-items .item .boutons .partage_toolbox .btn {
    margin-bottom: .8em;
  }
  body .content .page_type_liste .laliste .item .boutons .partage_toolbox .btn:last-of-type,
  body .content .page_type_liste .liste-logofond .item .boutons .partage_toolbox .btn:last-of-type,
  body .content .page_type_liste .liste-items .item .boutons .partage_toolbox .btn:last-of-type {
    margin-bottom: .2em;
  }
  body .content .page_type_liste .laliste .item .entourelogo,
  body .content .page_type_liste .liste-logofond .item .entourelogo,
  body .content .page_type_liste .liste-items .item .entourelogo {
    min-height: 130px;
  }
  body .content .page_type_liste .laliste .col-sm-12:last-of-type,
  body .content .page_type_liste .liste-logofond .col-sm-12:last-of-type,
  body .content .page_type_liste .liste-items .col-sm-12:last-of-type {
    margin-bottom: 0;
  }
  body .content .page_type_liste .asidedroite {
    margin-top: 0em;
  }
  body .content .page_type_liste .asidedroite .grotit {
    margin: 0 auto 1em;
  }
  /*  */
  .page_recherche .content .page_type_liste #intro .grotit {
    font-size: 2.2em;
  }
  .page_recherche .content .page_type_liste .chapo {
    text-align: center;
  }
  .page_recherche .content .page_type_liste #formulaire_recherche2 {
    margin-top: 0;
    padding: 1em 0;
  }
  .page_recherche .content .page_type_liste #formulaire_recherche2 form {
    text-align: center;
  }
  .page_recherche .content .page_type_liste #formulaire_recherche2 form .saisie_input {
    margin: 0 0 1.1em;
    width: 90%;
    width: 92%;
    margin-left: 5%;
  }
  .page_recherche .content .page_type_liste #formulaire_recherche2 form .saisie_input .text {
    text-align: center;
    margin: 0 0;
  }
  .page_recherche .content .page_type_liste #formulaire_recherche2 form .submit {
    width: 90%;
    margin: 0 0 0 5%;
  }
  .page_recherche .content .page_type_liste #bicolonnes .liste-items .item .cnt {
    min-height: 12em;
  }
  /*  */
  .page_annuaire body #intro .grotit {
    font-size: 2.2em;
    line-height: 100%;
    margin-bottom: .6em;
  }
  .page_annuaire body .titsuite {
    font-size: 1.45em;
    text-align: left;
    padding-bottom: 0.7em;
  }
  .page_annuaire body #membres .liste-items .col-sm-4,
  .page_annuaire body #membres2 .liste-items .col-sm-4 {
    width: 50%;
  }
  .page_annuaire body #membres .liste-items .col-sm-4 .item,
  .page_annuaire body #membres2 .liste-items .col-sm-4 .item {
    padding: 2vw 0;
  }
  .page_annuaire body #membres .liste-items .col-sm-4 .item .logo,
  .page_annuaire body #membres2 .liste-items .col-sm-4 .item .logo {
    margin: 15px auto 0;
    border: 2px solid #f0f1f2;
  }
  .page_annuaire body #membres .liste-items .col-sm-4 .item .entry h3.tit,
  .page_annuaire body #membres2 .liste-items .col-sm-4 .item .entry h3.tit,
  .page_annuaire body #membres .liste-items .col-sm-4 .item .introduction,
  .page_annuaire body #membres2 .liste-items .col-sm-4 .item .introduction,
  .page_annuaire body #membres .liste-items .col-sm-4 .item .btn,
  .page_annuaire body #membres2 .liste-items .col-sm-4 .item .btn {
    display: none;
  }
  /*  */
  .page_auteurs .page .item-auteur {
    text-align: center;
  }
  .page_auteurs .page .item-auteur .formulaire_contact_libre {
    width: calc(200% + 58px);
  }
  .page_auteurs .page .item-auteur .formulaire_contact_libre::before {
    transform: rotate(-45deg) translate(49px);
  }
  .page_auteurs .page .laliste .row > div:nth-of-type(2n+1) .formulaire_contact_libre {
    right: 0;
  }
  .page_auteurs .page .laliste .row > div:nth-of-type(2n+1) .formulaire_contact_libre:before {
    transform: rotate(-45deg) translate(-20px, -69px);
    right: 0;
  }
  .page_auteurs .page .laliste .row > div:nth-of-type(2n) .formulaire_contact_libre {
    left: 0;
  }
  .page_auteurs .page .laliste .row > div:nth-of-type(2n) .formulaire_contact_libre:before {
    transform: rotate(-45deg) translate(49px);
    left: 0;
  }
  /*  */
  .contenu.page_type_contenu .intro,
  .contenu.page_type_contenu .corps {
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 1.5em;
  }
  /*  */
  .page_auteur body .contenu h4.spip {
    font-size: 1.3em;
  }
  .page_auteur body .contenu .btn {
    font-size: 1em;
    margin-bottom: .5em;
    width: 100%;
    padding: 0.3em 0 .4em;
  }
  /*  */
  .page_compte .page .content #intro .grotit {
    font-size: 2.1em;
  }
  body .contenu .grosboutons {
    width: auto;
    padding: 0 8vw;
  }
  body .contenu .grosboutons .grosbouton {
    font-size: 15px;
    padding: 0 0 26%;
    margin-bottom: 2em;
    margin-top: 2em;
    min-height: 14em;
  }
  body .contenu .grosboutons .grosbouton .ico,
  body .contenu .grosboutons .grosbouton svg {
    top: 2em;
  }
  body .contenu .grosboutons .grosbouton .legende .titit {
    font-size: 15px;
    font-weight: 600;
    width: 100%;
    line-height: 1.4em;
  }
  .page_compte,
  .page_abonnement {
    /*  */
    /*  */
  }
  .page_compte .connect .titconnect,
  .page_abonnement .connect .titconnect {
    font-size: 1.9em;
    line-height: 120%;
    margin-top: .4em;
  }
  .page_compte #formulaire_inscription,
  .page_abonnement #formulaire_inscription {
    width: 100%;
  }
  .page_compte #formulaire_inscription .saisie_nom_inscription,
  .page_abonnement #formulaire_inscription .saisie_nom_inscription {
    margin-bottom: 1em;
  }
  .page_compte #formulaire_inscription .boutons,
  .page_abonnement #formulaire_inscription .boutons {
    margin-top: -2.4em;
  }
  .page_compte .content .contenu,
  .page_abonnement .content .contenu {
    /* Col de droite  */
  }
  .page_compte .content .contenu.page_type_liste #bicolonnes .liste-items .item .tit,
  .page_abonnement .content .contenu.page_type_liste #bicolonnes .liste-items .item .tit {
    margin-bottom: 0.5em;
  }
  .page_compte .content .contenu.page_type_liste #bicolonnes .liste-items .item .entourelogo,
  .page_abonnement .content .contenu.page_type_liste #bicolonnes .liste-items .item .entourelogo {
    padding: 0 10px;
    margin: 0;
    width: 41.6%;
  }
  .page_compte .content .contenu.page_type_liste #bicolonnes .liste-items .item .entourelogo .spip_logo,
  .page_abonnement .content .contenu.page_type_liste #bicolonnes .liste-items .item .entourelogo .spip_logo {
    margin-left: 0;
    height: auto;
    width: 100%;
  }
  .page_compte .content .contenu.page_type_liste #bicolonnes .liste-items .item .introduction,
  .page_abonnement .content .contenu.page_type_liste #bicolonnes .liste-items .item .introduction {
    padding: 0 0 .5em;
    width: 100%;
  }
  .page_compte .content .contenu.page_type_liste #bicolonnes .liste-items .item p,
  .page_abonnement .content .contenu.page_type_liste #bicolonnes .liste-items .item p {
    margin-bottom: .5em;
  }
  .page_compte .content .contenu.page_type_liste #bicolonnes .liste-items .item ul.spip,
  .page_abonnement .content .contenu.page_type_liste #bicolonnes .liste-items .item ul.spip {
    font-size: 0.9em;
    line-height: 140%;
    padding: 0 0 0 1em;
  }
  .page_compte .content .contenu #coldroite .encartcompte,
  .page_abonnement .content .contenu #coldroite .encartcompte,
  .page_compte .content .contenu .asidedroite .encartcompte,
  .page_abonnement .content .contenu .asidedroite .encartcompte {
    margin: 0;
    width: 100%;
  }
  .page_compte .content .contenu #coldroite #pubcarre,
  .page_abonnement .content .contenu #coldroite #pubcarre,
  .page_compte .content .contenu .asidedroite #pubcarre,
  .page_abonnement .content .contenu .asidedroite #pubcarre {
    margin: 2.2em 0 0;
    width: 100%;
    overflow: hidden;
  }
  .page_compte .content .contenu #coldroite .colreduite,
  .page_abonnement .content .contenu #coldroite .colreduite,
  .page_compte .content .contenu .asidedroite .colreduite,
  .page_abonnement .content .contenu .asidedroite .colreduite {
    margin-top: 0;
    overflow: hidden;
    margin-top: 0.2em;
    width: 100%;
    margin-left: 0;
  }
  .page_compte .content .contenu #coldroite .colreduite .grotit,
  .page_abonnement .content .contenu #coldroite .colreduite .grotit,
  .page_compte .content .contenu .asidedroite .colreduite .grotit,
  .page_abonnement .content .contenu .asidedroite .colreduite .grotit {
    text-align: center;
    padding-top: 0.7em;
  }
  .page_compte .content .contenu #coldroite .deconnect,
  .page_abonnement .content .contenu #coldroite .deconnect,
  .page_compte .content .contenu .asidedroite .deconnect,
  .page_abonnement .content .contenu .asidedroite .deconnect {
    background: #ddd;
    padding: 0.7em 4%;
    border-radius: 0.3em;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 500;
    margin-bottom: 2em;
  }
  /*  */
  .page_panier .page {
    overflow-x: visible;
  }
  .page_panier .page .content {
    overflow-x: visible;
  }
  .page_panier .page .content .contenu {
    overflow: visible;
  }
  .page_panier .page .content .contenu .grotit:before {
    width: 41px;
  }
  .page_panier .container .row {
    overflow: visible;
  }
  .page_panier .chapo {
    padding: 0 0 .5em;
  }
  .page_panier .contenu .formulaire_panier {
    margin-left: -30px;
    margin-right: -30px;
    padding: 1em 5vw 3.2em;
  }
  .page_panier .contenu .formulaire_panier .description p {
    margin: 0;
  }
  .page_panier .contenu .formulaire_panier form .btn_vider::before {
    width: 34px;
  }
  .page_panier .contenu .formulaire_panier .emplette td {
    padding: 0.7em 0.2em;
    text-align: center;
    line-height: 1.3em;
  }
  .page_panier .contenu .formulaire_panier thead th,
  .page_panier .contenu .formulaire_panier td {
    font-size: 14px;
  }
  .page_panier .contenu .formulaire_panier thead th.montant,
  .page_panier .contenu .formulaire_panier td.montant {
    width: 0;
    padding: 0;
  }
  .page_panier .contenu .formulaire_panier thead th,
  .page_panier .contenu .formulaire_panier .total_ttc td {
    line-height: 1.1em;
    text-align: center;
    font-size: 14px;
    padding: 1.4em .3em 1.3em;
    width: 3px;
  }
  .page_panier .contenu .formulaire_panier button.submit {
    padding: 0.4em 5.2%;
  }
  .page_panier .contenu .formulaire_panier button.submit.recalcul {
    float: right;
  }
  .page_panier .bouton_action_post,
  .page_panier .bouton_action_post > div {
    display: block;
    text-align: center;
    width: 100%;
  }
  .page_panier .bouton_action_post .btn,
  .page_panier .bouton_action_post > div .btn {
    padding: 0.2em 4% .2em;
    float: none;
    margin: 0 auto;
  }
  /*  */
  .page_paiement .content .article {
    padding: 0;
    margin: 0;
  }
  .page_paiement .content .payer .note {
    display: none;
  }
  .page_paiement .content .item {
    width: 100%;
  }
  .page_paiement .content #colgauche {
    padding: 0;
  }
  /*  */
  body .spip-admin-float {
    bottom: 8px;
    width: 96%;
  }
  body .spip-admin-float .spip-admin-boutons {
    border-radius: 0;
  }
  .partage_inline_share_toolbox {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .page #wrapper .content {
    margin-top: 8vw;
  }
}
@media screen and (max-width: 320px) {
  .page .content {
    margin-top: 1.5em;
  }
}
@media screen and (min-width: 386px) {
  .content #myCarousel .owl-next,
  .content .owl-carousel .owl-next,
  .content #myCarousel .owl-prev,
  .content .owl-carousel .owl-prev {
    width: 55px;
  }
}
@media screen and (min-width: 992px) {
  .contenu .formulaire_newsletter_subscribe3 {
    background-color: #eb9e05;
    padding-bottom: 1.33333333em;
  }
  .contenu .formulaire_newsletter_subscribe3 form {
    overflow: hidden;
  }
  .contenu .formulaire_newsletter_subscribe3 form > div {
    margin-left: -15px;
    margin-right: -15px;
  }
  .contenu .formulaire_newsletter_subscribe3 form .editer-groupe {
    position: relative;
    float: left;
    width: 83.33333333%;
    min-height: 1px;
    padding-left: 25px;
    padding-right: 25px;
  }
  .contenu .formulaire_newsletter_subscribe3 form p.boutons {
    font-size: 1.1em;
    position: relative;
    float: left;
    width: 16.66666667%;
    min-height: 1px;
    padding-left: 25px;
    padding-right: 25px;
    width: 21.66%;
    padding: 0 20px 0 10px;
  }
  .contenu .formulaire_newsletter_subscribe3 form p.boutons .submit {
    width: 100%;
  }
  .contenu .formulaire_newsletter_subscribe3 form .editer-groupe,
  .contenu .formulaire_newsletter_subscribe3 form p.boutons {
    margin-top: 1em;
  }
  .contenu .formulaire_newsletter_subscribe3 form .editer-groupe input,
  .contenu .formulaire_newsletter_subscribe3 form p.boutons input {
    font-size: 18px;
    line-height: 1.5em;
    padding: .75em 7%;
  }
}
@media screen and (min-width: 480px) {
  .page_type_liste .item-produit .tit {
    min-height: 3.8em;
  }
}
@media screen and (max-width: 1279px) {
  /*  */
  .page_type_contenu #bicolonnes .colgauche .liste-doc .item .btn {
    position: static;
    margin: 0.6em 0 0;
  }
  .page_type_contenu #bicolonnes .asidedroite .item-auteur.deuxcolonnes .tit {
    padding: 0.5em 0 0;
  }
  .page_type_contenu #bicolonnes .asidedroite .item-auteur.deuxcolonnes .legende .details {
    padding: 0.1em 0 0.3em;
    margin-top: 0.4em;
  }
  .page_type_contenu #bicolonnes .asidedroite .item-auteur.deuxcolonnes .message {
    margin-top: 0.4em;
  }
  /*  */
  .page_type_liste .asidedroite .filtrer {
    padding-bottom: 2.4em;
  }
  .page_type_liste .asidedroite .filtrer .item a {
    font-size: 1.2em;
  }
  /*  */
  .page_auteur .item-auteur .message img {
    width: 20px;
  }
  /*  */
  .page_recherche .intertit {
    font-size: 1.9em;
  }
  .page_recherche .content .page_type_liste #formulaire_recherche2 .saisie_input {
    width: 71.3%;
  }
  .page_recherche .content .page_type_liste #formulaire_recherche2 .submit {
    font-size: 1.14em;
  }
  /*  */
  html #at4-share,
  html #at4-soc {
    top: 252px;
  }
}
@media screen and (max-width: 991px) {
  /*  */
  .titpage {
    margin-top: calc(7.3% + 1.85em);
    padding-bottom: calc(0.5% + 0.4em);
    font-size: 2.1em;
  }
  .page_sommaire .asidedroite .chronique .grotit {
    padding-top: .9em;
    margin-top: 0;
  }
  /*  */
  body .content .contenu.page_type_liste #bicolonnes .asidedroite .alaune .item {
    max-height: 18em;
  }
  body .content .contenu.page_type_liste #bicolonnes .asidedroite .alaune .item .surtit {
    font-size: .9em;
  }
  body .content .contenu.page_type_liste #bicolonnes .asidedroite .alaune .item .legende {
    padding-top: 2%;
  }
  body .content .contenu.page_type_liste #bicolonnes .asidedroite .alaune .item:hover .tit {
    bottom: 53%;
  }
  body .content .contenu.page_type_liste #bicolonnes .asidedroite .alaune .item:hover .desc {
    height: 50%;
  }
  .bicolonnes .colgauche .liste-doc:not(.galerie) .col-sm-12 {
    width: 100%;
  }
  .formulaire_pied {
    padding-bottom: 3em;
  }
  .formulaire_pied .formulaire_spip form .saisie_input,
  .formulaire_pied .formulaire_spip form .saisie_case .choix {
    width: 80%;
  }
  .formulaire_pied .formulaire_spip form textarea {
    width: 82%;
  }
  .formulaire_pied .formulaire_spip form .saisie_textarea {
    margin-bottom: 0;
  }
  .formulaire_pied .formulaire_spip form input.submit {
    float: none;
    margin: .5em 0 0;
    padding: 0.3em 7%;
  }
  .bicolonnes .asidedroite .alaune .item .lien {
    max-height: inherit;
  }
  .bicolonnes .asidedroite .alaune .item .legende {
    height: 99%;
  }
}
@media screen and (max-width: 767px) {
  /*  */
  body .page .titsite {
    display: none;
  }
  .formvisible {
    background: #fff;
    padding-bottom: 0.6em;
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse .menu-liste > li {
    height: 2.4em;
    padding: 0.5em 0;
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse > ul > li > a .gras {
    color: #fff;
    font-weight: bold;
  }
  #wrapper {
    padding-top: 40%;
  }
  .titsenateur {
    font-size: calc(3vw + 12px);
    margin-top: calc(6% - 9px);
    right: 3%;
  }
  /*  */
  a.btn_print {
    float: none;
    display: table;
    margin: 2.7em auto 5em;
    font-size: 1em;
  }
  .contenu .chapo p {
    line-height: 150%;
    font-size: 1.1em;
  }
  /*  */
  .agenda_passes .grotit {
    margin-bottom: 1em;
  }
  .agenda_passes .date {
    width: 100%;
  }
  .agenda_passes .item-evt {
    text-align: center;
  }
  .liste-evt > div {
    margin-left: auto;
    margin-right: auto;
  }
  .page .content .contenu .colgauche .date {
    margin-bottom: .7em;
  }
  .page .content .contenu .aside .date {
    font-size: .7em;
  }
  .page .content .contenu .aside .date:first-of-type {
    margin: 0 0 0.2em 36px;
  }
  .page .content .contenu .aside .date:before {
    top: .3em;
    font-size: .8em;
  }
  .bicolonnes .asidedroite .alaune .item:hover .desc {
    height: 110px;
  }
  .bicolonnes .asidedroite .alaune .item:hover .tit {
    bottom: 120px;
  }
  .container .legende {
    height: 99%;
  }
  .fondblanc {
    padding: 0px 4% 0;
  }
  /*  */
  .partage_toolbox .btn img {
    height: 21px;
    margin: 0;
  }
  /*  */
  #footer {
    margin: 2em 0 0;
    padding: 0 0 3em;
  }
  #footer .grotit {
    margin-top: 0;
  }
  #footer #pied {
    padding: 0 0 0.5em;
  }
  #footer #pied .content {
    margin-top: 2.2em;
  }
  #footer #navpied {
    margin: 1em 0;
  }
  #footer #navpied .icones li {
    margin-top: .2em;
  }
  #footer .menu-liste {
    padding: 0;
  }
  #footer .menu-liste li {
    margin-top: 0;
  }
  #footer .menu-liste li a {
    padding-right: 0.4em;
    border-right: 0;
    margin-left: 0.4em;
  }
  /*  */
  .page_interieure {
    margin-top: 0;
  }
  .page_interieure #wrapper {
    padding-top: 19vw;
  }
  .page_interieure .titpage {
    margin-top: -2.1%;
    font-weight: 800;
    font-size: 1.6em;
    padding-bottom: .2em;
    min-height: 29.1vw;
    line-height: 1.05;
    display: flex;
    font-size: 7vw;
    flex-direction: column;
    justify-content: center;
    justify-content: end;
    padding: 0 .1em .6em;
  }
  .page_interieure .titpage::after {
    height: 5px;
  }
  /*  */
  body .page .content .page_type_contenu #intro .grotit {
    padding: .1em 0 0;
  }
  body .page .content .page_type_contenu .colgauche .date {
    padding: .2em 2.8%;
  }
  .page_type_contenu #bicolonnes .asidedroite .item-auteur.deuxcolonnes .tit {
    padding: .7em 0;
  }
  .page_type_contenu #bicolonnes .asidedroite .item-auteur.deuxcolonnes .legende .details {
    padding: .3em 0 .5em;
  }
  /*  */
  .page_videos #intro,
  .page_videos .intro {
    display: none;
  }
  /*  */
  .page_auteur body #contenu .btn {
    width: auto;
    padding: 0.3em 0.6em .4em;
    margin-right: 0.8em;
  }
  .page_auteur #bicolonnes {
    display: flex;
    flex-direction: column;
  }
  .page_auteur #bicolonnes .colgauche {
    order: 2;
  }
  .page_auteur #bicolonnes .asidedroite {
    order: 1;
  }
  .page_auteur #bicolonnes .asidedroite .message {
    text-align: center;
  }
  .page_auteur #bicolonnes .asidedroite .message .btn,
  .page_auteur #bicolonnes .asidedroite .message .fb .btn {
    margin: 0 1em 1em;
  }
  .page_auteur #bicolonnes .asidedroite #twitter,
  .page_auteur #bicolonnes .asidedroite #alaune {
    display: none;
  }
  .page_auteur .content .page_type_liste #bicolonnes .asidedroite {
    margin-top: .1em;
  }
  /*  */
  .logoauteur {
    max-width: 42%;
    float: left;
    margin-top: 0.4em;
  }
  html:not(.page_auteur) .content .contenu.page_type_liste #laliste .filtre select {
    height: 2.1em;
    width: 89vw;
    margin: 1em 0 0;
  }
  html:not(.page_auteur) .content .contenu.page_type_liste .colgauche .item-art .introboutons {
    padding-bottom: 0;
    min-height: auto;
  }
  html:not(.page_auteur) .content .contenu.page_type_liste #bicolonnes .liste-items .item .tit {
    margin-bottom: 0;
  }
  /*  */
  .page_mots .liste-mot {
    text-align: center;
    margin-bottom: 0;
  }
  .page_mots .liste-mot .item {
    margin: 0 0.4em .5em;
  }
  /*  */
  .page_recherche body .content {
    margin-left: 0;
    margin-right: 0;
  }
  .page_recherche body .content .contenu.page_type_liste #bicolonnes #intro .grotit {
    margin: 0.3em 0 1.1em;
    font-size: 1.4em;
    line-height: 1.1;
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding: 0 0 0.9em;
  }
  .page_recherche body .content .contenu.page_type_liste #bicolonnes .liste-items .intertit {
    margin-top: 0.5em;
    margin-bottom: 0.9em;
    font-size: 1.8em;
  }
  .page_recherche body .content .contenu.page_type_liste #bicolonnes .liste-items .intertit b {
    display: block;
  }
  .page_recherche body .content .contenu.page_type_liste #bicolonnes #formulaire_recherche2 form .saisie_input {
    float: left;
    width: 77%;
    margin: 0 0 0 2%;
  }
  /*  */
  body .spip-admin-float {
    bottom: 8px;
    width: 96%;
  }
  body .spip-admin-float .spip-admin-boutons {
    border-radius: 0;
  }
  body .page_interieure ~ .spip-admin-float {
    bottom: 55px;
  }
}
@media screen and (max-width: 480px) {
  /*  */
  .site-eric #wrapper {
    background-size: 286px,218%,2005px;
    background-position: -85px 0.5em, center -0.6em, center -0.6em;
  }
  .site-eric .page_interieure #wrapper {
    background-size: 156px,218%,2005px;
    background-position: -200px 0.5em, center -18vw, center -0.6em;
  }
  .site-michelle #wrapper {
    background-size: 196px,218%,2005px;
    background-position: -8px 0.5em, center -0.6em, center -0.6em;
  }
  .site-michelle .page_interieure #wrapper {
    background-size: 156px,218%,2005px;
    background-position: -200px 0.5em, center 0, center -0.6em;
  }
  #piedinterieur .grotit {
    text-align: center;
    width: 65%;
    margin: 0 auto 2em;
    padding: 0 0 0.4em;
    font-size: 2em;
  }
  #piedinterieur .liste-syndic {
    margin-bottom: 3em;
  }
  #piedinterieur .asidedroite .grotit {
    width: 42%;
  }
  #piedinterieur .asidedroite #twitter .grotit {
    width: inherit;
    padding: .3em 1em 0.2em;
  }
}
@media screen and (min-width: 480px) and (max-width: 991px) {
  /*  */
  .container {
    overflow: visible;
  }
  #wrapper {
    padding-top: 14em;
  }
  .site-eric #wrapper {
    background-size: 286px,218%,2005px;
    background-position: -85px 0.5em, center -0.6em, center -0.6em;
  }
  .site-michelle #wrapper {
    background-size: 286px,218%,2005px;
    background-position: -30px 0.6em, center -0.6em, center -0.6em;
  }
  .page_interieure #wrapper {
    padding-top: 15%;
  }
  .titpage {
    margin-top: 18.2%;
    font-size: 2.2em;
  }
  /*  */
  body #header .interieur .menuprincipal .nav-collapse ul > li {
    padding: 0;
  }
  /*  */
  .formulaire_pied .formulaire_spip form .saisie_case {
    margin-left: 9%;
  }
  #footer #pied {
    margin-top: 0;
    padding: 3.4em 0 1.5em;
  }
  #footer #pied #adresse .telephone {
    font-size: 1.2em;
  }
  #footer .grotit {
    margin-top: 1.4em;
    font-size: 2em;
  }
  #footer #navpied li,
  #footer .menu-liste li {
    margin-top: 0em;
  }
  /*  */
  .liste-grille .item {
    height: 11em;
  }
  .liste-grille .item .tit {
    font-size: 1.3em;
  }
  #bicolonnes .asidedroite .alaune .liste-items .item .legende,
  #bicolonnes .asidedroite #alaune .liste-items .item .legende {
    padding: .2em 3%;
  }
  #bicolonnes .asidedroite .alaune .liste-items .item .legende .tit,
  #bicolonnes .asidedroite #alaune .liste-items .item .legende .tit,
  #bicolonnes .asidedroite .alaune .liste-items .item .legende .desc,
  #bicolonnes .asidedroite #alaune .liste-items .item .legende .desc {
    max-width: 97%;
    left: 1.5%;
    padding-left: .4em;
    padding-right: .4em;
  }
  #bicolonnes .asidedroite .alaune .liste-items .item .legende .desc,
  #bicolonnes .asidedroite #alaune .liste-items .item .legende .desc {
    font-size: 0.9em;
    line-height: 1.6em;
    width: 98%;
  }
  #bicolonnes .asidedroite .alaune .liste-items .item .legende .tit,
  #bicolonnes .asidedroite #alaune .liste-items .item .legende .tit {
    font-size: 1.1em;
    line-height: 1.4em;
  }
  #bicolonnes .asidedroite .alaune .liste-items .item:hover .desc,
  #bicolonnes .asidedroite #alaune .liste-items .item:hover .desc {
    height: 63px;
    padding: 0.4em 1%;
  }
  #bicolonnes .asidedroite .alaune .liste-items .item:hover .tit,
  #bicolonnes .asidedroite #alaune .liste-items .item:hover .tit {
    bottom: 73px;
  }
}
@media screen and (min-width: 480px) and (max-width: 1147px) {
  body .page #header .interieur #nav.menuprincipal .nav-collapse > ul li:hover a {
    padding-bottom: 2px;
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse > ul li:hover .ssmenu {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .titsenateur {
    font-size: 2.1em;
  }
  .titpage {
    margin-top: calc(22% + 68px);
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse > ul > li > a:hover {
    padding-bottom: 0;
  }
  body .page #header .interieur #nav.menuprincipal .nav-collapse > ul li:hover .ssmenu {
    display: none;
  }
  .titsenateur {
    margin-top: calc(7.3% + 122px);
    right: 25px;
  }
  .titpage {
    margin: calc(16% + 68px) 0 0 30%;
    width: 70%;
    padding: 0 3% 0.6em;
    float: right;
    display: block;
  }
  .site-eric .page_interieure #wrapper {
    background-position: calc(50% - 250px) 0.4em, center -6.8em, center -0.6em;
    background-size: 273px,2005px,2005px;
  }
  .site-michelle .page_interieure #wrapper {
    background-position: calc(50% - 250px) 0.4em, center -6.8em, center -0.6em;
    background-size: 243px,2005px,2005px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  /*  */
  .site-eric #wrapper {
    background-size: 395px, 2005px, 2005px;
    background-position: calc(50% - 160px) 0.7em, center -0.6em, center -0.6em;
  }
  .site-michelle #wrapper {
    background-size: 355px, 2005px, 2005px;
    background-position: calc(50% - 160px) 1.2em, center -0.6em, center -0.6em;
  }
  /*  */
  body #header .interieur .menuprincipal .nav-collapse {
    width: calc(100vw - 1.2em - 320px);
  }
  body #header .interieur .menuprincipal .nav-collapse ul > li > a,
  body #header .interieur .menuprincipal .nav-collapse ul > li > span {
    margin: 0 0.6em;
    font-size: 1.25em;
  }
  body #header .interieur .menuprincipal .nav-collapse ul > li.active a {
    padding-bottom: .2em;
  }
  #bicolonnes .asidedroite #alaune .liste-items .item .tit {
    font-size: 1em;
  }
  #bicolonnes .asidedroite #alaune .liste-items .item .desc {
    font-size: 0.7em;
  }
  #bicolonnes .asidedroite #alaune .liste-items .item:hover .desc {
    height: 100px;
  }
  #bicolonnes .asidedroite #alaune .liste-items .item:hover .tit {
    bottom: 107px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
  body .page #header .interieur .titsite {
    padding: 27px 0 0 12px;
    margin: 0 10px 0 0;
  }
  body .page #header .interieur .titsite:after {
    border-top-left-radius: 0;
  }
  .titsenateur {
    margin-top: calc(7.3% + 78px);
    right: 25px;
  }
  .bicolonnes .asidedroite .liste-items .date {
    font-size: 0.63em;
  }
  .bicolonnes .asidedroite .alaune .item .tit {
    font-size: .9em;
    line-height: 1.4em;
  }
  .bicolonnes .asidedroite .alaune .item .desc {
    font-size: .7em;
  }
}
@media screen and (min-width: 992px) and (max-width: 1365px) {
  .site-eric #wrapper {
    background-size: 395px, 2005px, 2005px;
    background-position: calc(50% - 280px) 0.7em, center -0.6em, center -0.6em;
  }
  .site-michelle #wrapper {
    background-size: 395px, 2005px, 2005px;
    background-position: calc(50% - 280px) 1.2em, center -0.6em, center -0.6em;
  }
  .page_type_contenu #bicolonnes .colgauche .liste-doc .coldroite {
    padding-bottom: 0.5em;
  }
}
@media screen and (min-width: 992px) and (max-width: 1147px) {
  body #header .interieur .menuprincipal .nav-collapse ul > li {
    padding: 0;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
  .site-eric #wrapper {
    background-size: 407px, 2005px, 2005px;
    background-position: calc(50% - 390px) 0.7em, center -0.6em, center -0.6em;
  }
  .site-michelle #wrapper {
    background-size: 367px, 2005px, 2005px;
    background-position: calc(50% - 400px) 1.2em, center -0.6em, center -0.6em;
  }
  .titsenateur {
    margin-top: calc(7.3% + 60px);
  }
  #footer #pied {
    margin-top: 0;
  }
  .bicolonnes .asidedroite .alaune .item .legende {
    height: 15.2em;
  }
}
@media screen and (min-width: 1366px) {
  .bicolonnes .asidedroite .alaune .item:hover .desc {
    height: 132px;
  }
  .bicolonnes .asidedroite .alaune .item:hover .tit {
    bottom: 142px;
  }
}
@media screen and (min-width: 992px) {
  html .page_type_liste .bicolonnes .colgauche .item-art .row .cnt,
  html.page_sommaire .bicolonnes .colgauche .item-art .row .cnt {
    margin-bottom: 2.2em;
    min-height: 9.1em;
  }
}