@charset "UTF-8";
/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
/*$couleurLien:             #0a4756;
$couleurLienHover:        $couleurSecondaire;*/
.noprint, .no-print {
  display: block;
}
.onlyprint, .only-print {
  display: none;
}
/*
 * Hide visually and from screen readers:
 */
.hidden {
  display: none !important;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  /* 1 */
  /*
     * Extends the .visuallyhidden class to allow the element
     * to be focusable when navigated to via the keyboard:
     * https://www.drupal.org/node/897638
     */
}
.visuallyhidden .focusable:active, .visuallyhidden .focusable:focus {
  clip: auto;
  clip-path: none;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}
/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
  height: 0;
  margin: 0;
  padding: 0;
}
/*	
  masqué dans un navigateur mais lisible par un lecteur d'ecran
  uniquement si javascript actif
*/
.js .js-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.js .js-hidden {
  display: none;
}
/*	
  tout le temps affiche sauf si javascript actif 
*/
.no-js .nojs-visuallyhidden {
  display: none;
  visibility: hidden;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*
 * Faire un lien sur un bloc entier
 */
.block-link-parent {
  position: relative;
}
.block-link-parent .block-link:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 100.01%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  line-height: 1.6;
  background: white;
}
/* Titraille / Intertitres */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-size: 100%;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  padding: 0;
  margin: 0 0 0.8em 0;
}
/* Hyperlinks
[fr] Signaletique des hyperliens : http://letrainde13h37.fr/43/signaletique-hyperliens/ */
a {
  background: transparent;
  color: inherit;
  /* Linked images */
}
a:link {
  transition: 0.3s;
}
a:focus {
  outline: thin dotted;
  text-shadow: none;
}
a:hover {
  outline: 0;
  cursor: pointer;
}
a:active {
  outline: 0;
}
a:after, a:before {
  font-size: 90%;
  opacity: 0.9;
}
a[hreflang]:after {
  content: "Â [" attr(hreflang) "]";
  font-weight: normal;
}
a img {
  border: 0;
}
a:focus img, a:active img {
  transform: translateY(1px);
}
ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul, ol {
  margin-left: 1em;
}
ul {
  list-style-type: square;
}
ol {
  list-style-type: decimal;
}
ul ul, ol ol {
  /*     margin-bottom: 0; */
}
dt {
  font-weight: bold;
}
em, i {
  font-style: italic;
}
strong, b {
  font-weight: bold;
}
small, .small {
  font-size: 85%;
}
p, ul, ol, dl, dd, blockquote, address, pre, table, fieldset, .pagination {
  margin-top: 0;
  margin-bottom: 1em;
}
p > :last-child, ul > :last-child, ol > :last-child, dl > :last-child, dd > :last-child, blockquote > :last-child, address > :last-child, pre > :last-child, table > :last-child, fieldset > :last-child, .pagination > :last-child {
  margin-bottom: 0;
}
img {
  max-width: 100% !important;
  height: auto !important;
  width: auto \9  !important;
  /* IE7-8 need help adjusting responsive images */
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
button, input[type="submit"], input[type="button"], input[type="reset"] {
  cursor: pointer;
  border: 0;
}
button[disabled], input[type="submit"][disabled], input[type="button"][disabled], input[type="reset"][disabled] {
  cursor: default;
}
/* évite un resize potentiellement foireux */
textarea {
  resize: vertical;
}
/* 
 * évite dimensionnement des radios, checkboxes et images
 * et un affichage différent sous IE 
 */
input[type="radio"], input[type="checkbox"], input[type="image"] {
  background-color: transparent;
  border: 0;
  width: auto;
}
/* supprime un bug Firefox sur button */
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
abbr[title], acronym[title] {
  text-decoration: none;
  border-bottom: 0.1em dotted;
  cursor: help;
}
@media print {
  abbr[title] {
    border-bottom: 0;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
}
dfn {
  font-weight: bold;
  font-style: italic;
}
s, strike, del {
  opacity: 0.5;
  text-decoration: line-through;
}
ins {
  background-color: rgba(255, 255, 204, 0.5);
  text-decoration: none;
}
u {
  text-decoration: underline;
}
sup, .sup, sub, .sub {
  position: relative;
  font-size: 80%;
  font-variant: normal;
  line-height: 0;
  vertical-align: baseline;
}
sup, .sup {
  top: -0.5em;
}
sub, .sub {
  bottom: -0.25em;
}
pre {
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
}
kbd {
  white-space: nowrap;
  padding: 0.1em 0.3em;
  background-color: #EEE;
  border: 1px solid #AAA;
  border-radius: 4px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #FFFFFF inset;
  color: #333;
}
samp {
  font-weight: bold;
}
var {
  font-style: italic;
}
/* Typography for small screens
[fr] http://www.alsacreations.com/astuce/lire/1177 */
@media (max-width: 40em) {
  /* fixer une largeur maximale  de 100 % aux elements potentiellement problematiques */
  /* gestion des mots longs */
  img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
    max-width: 100% !important;
  }
  textarea, table, td, th, pre, code, samp {
    word-wrap: break-word;
    /* cesure forcee */
  }
  pre, code, samp {
    white-space: pre-line;
    /* passage a la ligne specifique pour les elements a chasse fixe */
  }
}
/* orientation iOS5 font-size fix */
@media (orientation: landscape) and (max-device-width: 40em) {
  html, body {
    -webkit-text-size-adjust: 100%;
  }
}
/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #B3D4FC;
  text-shadow: none;
}
::selection {
  background: #B3D4FC;
  text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CCC;
  margin: 1em 0;
  padding: 0;
  clear: both;
}
/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset, figure {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}
input[type="search"] {
  box-sizing: border-box;
}
address {
  font-style: normal;
}
pre, code, kbd, samp, var, tt {
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}
.autobr {
  height: 0;
  display: block;
}
.spip_logo {
  float: none;
  margin: 0;
}
.formulaire_login .editer {
  margin-bottom: 0;
}
.formulaire_login .editer_password .details {
  margin-top: 1em;
  margin-bottom: 0;
}
.formulaire_login .editer_session {
  display: none;
}
#pass_securise {
  display: none !important;
}
ul.spip, ol.spip {
  margin-left: 1rem;
}
ul.spip li, ol.spip li {
  margin: 0 0 0.5em;
}
table.spip {
  width: 99%;
  max-width: 99%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 1.5em;
  border: none;
  background: none;
  border-collapse: collapse;
  line-height: inherit;
}
table.spip > :last-child {
  margin-bottom: 0;
}
table.spip caption {
  caption-side: top;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
table.spip th {
  border: none;
  border-top: 1px solid #D7D7D7;
  background: #F6F6F6;
  padding: 0.5em;
  line-height: normal;
}
table.spip thead th {
  border-top: none;
  border-bottom: 2px solid #353535;
}
table.spip td {
  border: none;
  border-bottom: 1px solid #D7D7D7;
  padding: 0.5em;
}
table.spip td.numeric {
  text-align: right;
}
table.spip tr:nth-child(odd) {
  background: white;
}
table.spip tr:not(even) {
  background: #F9F9F9;
}
#spip-admin {
  right: 10px;
}
@media screen and (max-width: 36.25em) {
  #spip-admin {
    top: auto;
    bottom: 4px;
  }
  #spip-admin .spip-admin-boutons {
    opacity: 1;
    font-size: 120%;
  }
}
html .spip-admin-bloc, html .spip-admin-float {
  /*     position:  relative; */
  right: 10% !important;
  font-size: 0.8em;
  z-index: 10000 !important;
  top: auto;
  bottom: 0;
}
.spip-admin-boutons {
  border-radius: 0.3em !important;
  padding: 0.5em !important;
}
.spip-previsu {
  z-index: 10;
}
.spip_poesie {
  border: 0;
}
.spip_poesie > div {
  margin: 0;
  text-indent: 0;
}
blockquote {
  padding: 1.5rem;
  margin: 2rem 0;
}
hr.spip {
  border: 0;
}

/* Font Awesome */
.fas, .formulaire_spip.formulaire_recherche form:before {
  font-family: Fontawesome-s;
  color: #00365b;
}
.fab {
  font-family: Fontawesome-b;
  color: #00365b;
}
/* autres */
body {
  font-size: 0.875em;
  font-family: "Merriweather", serif;
  font-weight: normal;
  line-height: 1.6;
  color: #0A4250;
  text-rendering: geometricPrecision;
}
@media screen and (min-width: 36.3125em) {
  body {
    font-size: 0.9375em;
  }
}
@media screen and (min-width: 48.0625em) {
  body {
    font-size: 1em;
  }
}
@media screen and (min-width: 61.3125em) {
  body {
    font-size: 1em;
  }
}
html.rtl * {
  font-style: normal !important;
}
a {
  text-decoration: none;
  color: #0a4756;
  /*    &:focus {
        background-color: $couleur-lien !important;
        border-color:     $couleur-lien !important;
        color:            white !important;
        text-shadow:      none !important;
        transition:       all 0s !important;
        svg * {
            //fill: white !important;
        }
    }*/
}
a:hover, a:focus {
  text-decoration: underline;
  color: #0f6d84;
  border-color: #0f6d84;
  outline: 0;
}
.nav.principale {
  font-family: "Merriweather", serif;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Merriweather", serif;
  font-weight: 200;
  line-height: 1.2;
  font-style: normal;
  color: #0A4250;
  margin: 1em 0 0.8em 0;
  letter-spacing: 0.02em;
}

h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a:hover, h6 a:hover, .h6 a:hover {
  color: #0f6d84;
}
h1, .h1 {
  font-size: 1.625em;
}
@media screen and (min-width: 48.0625em) {
  h1, .h1 {
    font-size: 1.875em;
  }
}
h2, .h2 {
  font-size: 1.375em;
}
@media screen and (min-width: 48.0625em) {
  h2, .h2 {
    font-size: 1.625em;
  }
}
h3, .h3 {
  font-size: 1.25em;
}
@media screen and (min-width: 48.0625em) {
  h3, .h3 {
    font-size: 1.4375em;
  }
}
h4, .h4 {
  font-size: 1.125em;
}
@media screen and (min-width: 48.0625em) {
  h4, .h4 {
    font-size: 1.25em;
  }
}
@media screen and (min-width: 48.0625em) {
  h5, .h5, h6, .h6 {
    font-size: 1.125em;
  }
}
::selection {
  color: white !important;
  background: #052128 !important;
  text-shadow: none !important;
  transition: all 0s !important;
}
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button, input, optgroup, select, textarea {
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
.formulaire_spip {
  margin-top: 0;
  margin-bottom: 1em;
  clear: both;
  /* elements du formulaire */
  /* sous choix */
  /* reponses succes/erreur */
  /* Explications */
  /* Remarques importantes */
  /* Fieldset */
  /* boutons */
}
.formulaire_spip > :last-child {
  margin-bottom: 0;
}
.formulaire_spip .boutons, .formulaire_spip .titrem {
  margin: 0;
}
.formulaire_spip .editer {
  margin: 0 0 0.5em 0;
  padding: 0;
  clear: both;
  overflow: hidden;
}
.formulaire_spip .editer > label {
  display: block;
  margin-bottom: 0.5em;
}
.formulaire_spip fieldset {
  margin: 0;
  padding: 0;
}
.formulaire_spip label {
  padding: 0;
  font-size: inherit;
  font-weight: normal;
}
.formulaire_spip .fieldset, .formulaire_spip .saisie_explication {
  padding: 0;
  border: none;
  background: none;
}
.formulaire_spip fieldset legend {
  margin-bottom: 1em;
}
.formulaire_spip fieldset .editer-groupe {
  margin-left: 0;
}
.formulaire_spip input.text, .formulaire_spip input.password, .formulaire_spip input.date, .formulaire_spip input[type=text], .formulaire_spip input[type=password], .formulaire_spip input[type=search], .formulaire_spip input[type=email], .formulaire_spip textarea, .formulaire_spip select {
  font-size: 1em;
  font-family: inherit;
  padding: 0 0.3em;
  width: 100%;
  border: 1px solid #D6D6D6;
  background: white;
  min-height: 1.875em;
  line-height: 1.875em;
}
.formulaire_spip input.text:focus, .formulaire_spip input.password:focus, .formulaire_spip input.date:focus, .formulaire_spip input[type=text]:focus, .formulaire_spip input[type=password]:focus, .formulaire_spip input[type=search]:focus, .formulaire_spip input[type=email]:focus, .formulaire_spip textarea:focus, .formulaire_spip select:focus {
  border-color: #253288;
}
.formulaire_spip .erreur input.text, .formulaire_spip .erreur input.password, .formulaire_spip .erreur input.date, .formulaire_spip .erreur input[type=text], .formulaire_spip .erreur input[type=password], .formulaire_spip .erreur input[type=search], .formulaire_spip .erreur input[type=email], .formulaire_spip .erreur textarea, .formulaire_spip .erreur select {
  border: 2px solid #B01C16;
}
.formulaire_spip select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: white url('https://spip.april.org/plugins/squelettes/baz_april/squelettes/images/icone-dropdown.png') right center no-repeat;
  padding-right: 28px;
}
.formulaire_spip select:hover, .formulaire_spip select:focus {
  background-image: url('https://spip.april.org/plugins/squelettes/baz_april/squelettes/images/icone-dropdown-over.png');
}
.formulaire_spip select[multiple] {
  background-image: none;
}
.formulaire_spip select[multiple]:hover, .formulaire_spip select[multiple]:focus {
  background-image: none;
}
.formulaire_spip select::-ms-expand {
  display: none;
}
.formulaire_spip textarea {
  height: 15.625em;
  overflow: auto;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.formulaire_spip textarea.court {
  height: 7.8125em;
}
.formulaire_spip input.placeholder, .formulaire_spip textarea.placeholder {
  color: #127a94;
}
.formulaire_spip input::-webkit-input-placeholder {
  color: #00365b;
}
.formulaire_spip input:-moz-placeholder {
  /* Firefox 18- */
  color: #00365b;
}
.formulaire_spip input::-moz-placeholder {
  /* Firefox 19+ */
  color: #00365b;
}
.formulaire_spip input:-ms-input-placeholder {
  color: #00365b;
}
.formulaire_spip .erreur {
  background-color: #FDF5F4;
}
.formulaire_spip .editer.erreur {
  padding: 0.5em;
}
.formulaire_spip .erreur_message {
  display: block;
  color: #B01C16;
  font-weight: bold;
}
.formulaire_spip .obligatoire label, .formulaire_spip .obligatoire .label {
  font-weight: bold;
}
.formulaire_spip .choix {
  overflow: hidden;
  padding: 0;
  margin: 0.3em 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.formulaire_spip .choix label {
  font-weight: normal;
  text-transform: none;
  float: right;
  width: 96%;
  padding-left: 0.5em;
}
.formulaire_spip .choix label.on {
  font-weight: bold !important;
}
.formulaire_spip .choix .radio, .formulaire_spip .choix .checkbox {
  float: none;
  margin: 0;
}
.formulaire_spip .reponse_formulaire, .formulaire_spip .error, .formulaire_spip .success, .formulaire_spip .notice {
  border: 1px solid;
  font-weight: normal;
  padding: 0.5em;
  min-height: 1.5em;
  margin-bottom: 1em;
  margin-top: 1em;
}
.formulaire_spip .reponse_formulaire > p:last-child, .formulaire_spip .error > p:last-child, .formulaire_spip .success > p:last-child, .formulaire_spip .notice > p:last-child {
  margin-bottom: 0;
}
.formulaire_spip .reponse_formulaire_ok {
  color: #3E7723;
  border-color: #86d162;
  background-color: #EFF9EF;
}
.formulaire_spip .reponse_formulaire_erreur {
  color: #B01C16;
  border-color: #ed7672;
  background-color: #FDF5F4;
}
.formulaire_spip .saisie_explication .explication {
  background: #F0F0F0;
  font-size: 100%;
}
.formulaire_spip p.explication {
  display: block;
  font-weight: normal;
  margin-bottom: 0.5em;
}
.formulaire_spip .explication * {
  margin: 0 !important;
}
.formulaire_spip .attention {
  display: block;
  margin-bottom: 1em;
  font-weight: normal;
}
.formulaire_spip input.submit, .formulaire_spip input.reset, .formulaire_spip input.button {
  width: auto;
}
.formulaire_spip fieldset {
  border: 0;
  width: auto;
  padding: 0;
  margin: 1.5em 0;
}
.formulaire_spip h2.legend, .formulaire_spip h3.legend, .formulaire_spip legend {
  font-style: normal;
  font-size: 125%;
  display: block;
  width: 100%;
  margin: 0 0 0.5em 0;
}
.formulaire_spip fieldset input.text, .formulaire_spip fieldset textarea.textarea {
  border: 1px solid #D6D6D6;
}
.formulaire_spip .saisie_date label {
  display: inline-block;
  width: 40%;
}
.formulaire_spip .boutons {
  margin: 1em 0 0 0;
  clear: both;
  text-align: right;
}
.formulaire_spip .boutons-left {
  text-align: left;
}
.formulaire_spip .boutons-center {
  text-align: center;
}
.formulaire_spip .boutons.noborder {
  margin-top: 0;
}
.formulaire_spip input[type=submit] {
  display: inline-block;
  line-height: 1.2;
  border: none;
  box-shadow: none;
  text-align: center;
  transition: background 0.3s;
  cursor: pointer;
  font-family: "Merriweather", serif;
  border-radius: 0.25rem;
  background: #00365b;
  color: #fff !important;
  font-weight: 700;
  padding: 0.4rem 0.6666666667rem;
}
.formulaire_spip input[type=submit]:hover {
  background-color: #f7651a;
  text-decoration: none;
  color: #fff !important;
}
.formulaire_spip input[type=submit]:focus {
  background-color: #f9864b;
  text-decoration: none;
  color: #fff !important;
}
.formulaire_spip input[type=submit][disabled=disabled] {
  background: white;
  color: #001828 !important;
}
.formulaire_spip input[type=submit] .fas, .formulaire_spip input[type=submit] .formulaire_spip.formulaire_recherche form:before, .formulaire_spip.formulaire_recherche .formulaire_spip input[type=submit] form:before {
  padding-left: 0.75em;
  float: right;
}
.formulaire_spip input[type=submit] .fas:before, .formulaire_spip input[type=submit] .formulaire_spip.formulaire_recherche form:before, .formulaire_spip.formulaire_recherche .formulaire_spip input[type=submit] form:before {
  font-size: 1.375em;
  line-height: 1;
  font-weight: 700;
  color: #fff;
}
.formulaire_spip input[type=submit]:hover .fas:before, .formulaire_spip input[type=submit]:hover .formulaire_spip.formulaire_recherche form:before, .formulaire_spip.formulaire_recherche .formulaire_spip input[type=submit]:hover form:before, .formulaire_spip input[type=submit]:focus .fas:before, .formulaire_spip input[type=submit]:focus .formulaire_spip.formulaire_recherche form:before, .formulaire_spip.formulaire_recherche .formulaire_spip input[type=submit]:focus form:before {
  color: #fff;
}
.button, .formulaire_spip button, .formulaire_spip input[type=submit] {
  display: inline-block;
  line-height: 1.2;
  border: none;
  box-shadow: none;
  text-align: center;
  transition: background 0.3s;
  cursor: pointer;
  font-family: "Merriweather", serif;
  border-radius: 0.25rem;
  background: #00365b;
  color: #fff !important;
  font-weight: 700;
  padding: 0.4rem 0.6666666667rem;
}
.button:hover, .formulaire_spip button:hover, .formulaire_spip input[type=submit]:hover {
  background-color: #f7651a;
  text-decoration: none;
  color: #fff !important;
}
.button:focus, .formulaire_spip button:focus, .formulaire_spip input[type=submit]:focus {
  background-color: #f9864b;
  text-decoration: none;
  color: #fff !important;
}
.button[disabled=disabled], .formulaire_spip button[disabled=disabled], .formulaire_spip input[type=submit][disabled=disabled] {
  background: white;
  color: #001828 !important;
}
.button .fas, .button .formulaire_spip.formulaire_recherche form:before, .formulaire_spip.formulaire_recherche .button form:before, .formulaire_spip button .fas, .formulaire_spip button .formulaire_spip.formulaire_recherche form:before, .formulaire_spip.formulaire_recherche .formulaire_spip button form:before, .formulaire_spip input[type=submit] .fas, .formulaire_spip input[type=submit] .formulaire_spip.formulaire_recherche form:before, .formulaire_spip.formulaire_recherche .formulaire_spip input[type=submit] form:before {
  padding-left: 0.75em;
  float: right;
}
.button .fas:before, .button .formulaire_spip.formulaire_recherche form:before, .formulaire_spip.formulaire_recherche .button form:before, .formulaire_spip button .fas:before, .formulaire_spip button .formulaire_spip.formulaire_recherche form:before, .formulaire_spip.formulaire_recherche .formulaire_spip button form:before, .formulaire_spip input[type=submit] .fas:before, .formulaire_spip input[type=submit] .formulaire_spip.formulaire_recherche form:before, .formulaire_spip.formulaire_recherche .formulaire_spip input[type=submit] form:before {
  font-size: 1.375em;
  line-height: 1;
  font-weight: 700;
  color: #fff;
}
.button:hover .fas:before, .button:hover .formulaire_spip.formulaire_recherche form:before, .formulaire_spip.formulaire_recherche .button:hover form:before, .button:focus .fas:before, .button:focus .formulaire_spip.formulaire_recherche form:before, .formulaire_spip.formulaire_recherche .button:focus form:before, .formulaire_spip button:hover .fas:before, .formulaire_spip button:hover .formulaire_spip.formulaire_recherche form:before, .formulaire_spip.formulaire_recherche .formulaire_spip button:hover form:before, .formulaire_spip button:focus .fas:before, .formulaire_spip button:focus .formulaire_spip.formulaire_recherche form:before, .formulaire_spip.formulaire_recherche .formulaire_spip button:focus form:before, .formulaire_spip input[type=submit]:hover .fas:before, .formulaire_spip input[type=submit]:hover .formulaire_spip.formulaire_recherche form:before, .formulaire_spip.formulaire_recherche .formulaire_spip input[type=submit]:hover form:before, .formulaire_spip input[type=submit]:focus .fas:before, .formulaire_spip input[type=submit]:focus .formulaire_spip.formulaire_recherche form:before, .formulaire_spip.formulaire_recherche .formulaire_spip input[type=submit]:focus form:before {
  color: #fff;
}
.button.button--white, .formulaire_spip button.button--white, .formulaire_spip input[type=submit].button--white {
  background: white;
  color: #0a4756;
}
.button.button--white:hover, .formulaire_spip button.button--white:hover, .formulaire_spip input[type=submit].button--white:hover {
  background: #0a4756;
  color: white;
}
.button.button--cancel, .formulaire_spip button.button--cancel, .formulaire_spip input[type=submit].button--cancel {
  background-color: #615B5D;
}
.button.button--small, .formulaire_spip button.button--small, .formulaire_spip input[type=submit].button--small {
  font-size: 0.85em;
}
.button.button--big, .formulaire_spip button.button--big, .formulaire_spip input[type=submit].button--big {
  height: 2.75em;
  line-height: 2.75em;
  border-radius: 1.375em;
  padding: 0 2em;
}
/* Bouton de validation */
/* Pour IE, qui grossit le bouton submit */
input[type="submit"], input[type="reset"] {
  font-size: inherit;
}
.formulaires_compacts .formulaire_spip .editer {
  padding: 0;
}
.formulaires_compacts .formulaire_spip label .obligatoire {
  display: none;
}
.formulaires_compacts .formulaire_spip .boutons {
  text-align: left;
}
.formulaires_compacts .formulaire_spip .boutons input[type=submit] {
  height: 2.75em;
  line-height: 2.75em;
  border-radius: 1.375em;
  padding: 0 2em;
  background: white;
  color: #0a4756;
}
.formulaires_compacts .formulaire_spip .boutons input[type=submit]:hover {
  background: #0a4756;
  color: white;
}
.pagination {
  margin: 2em 0;
  text-align: center;
  display: flex;
  width: 100%;
  justify-content: center;
}
.pagination .sep, .pagination .label {
  display: none;
}
.pagination .lien_pagination, .pagination .on, .pagination .tbc {
  display: inline-block;
  padding: 0 0.4em;
  text-decoration: none;
}
.pagination .lien_pagination:hover, .pagination .lien_pagination:focus, .pagination .lien_pagination:active {
  color: #FFF;
  background-color: #0f6d84;
}
.pagination .lien_pagination, .pagination .on, .pagination .tbc {
  text-align: center;
  border-radius: 0.25em;
  min-width: 1.5em;
}
.pagination .pages {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.pagination .pages .on {
  color: #FFF;
  background-color: #0a4756;
  padding-left: 0.4em;
  padding-right: 0.4em;
}
.pagination .next strong, .pagination .prev strong {
  font-weight: normal;
}
.pagination .disabled {
  display: inline-block;
  color: #838383;
}
.pagination_ancre {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  /* 1 */
  /*
     * Extends the .visuallyhidden class to allow the element
     * to be focusable when navigated to via the keyboard:
     * https://www.drupal.org/node/897638
     */
  padding: 0 !important;
  margin: 0 !important;
}
.pagination_ancre .focusable:active, .pagination_ancre .focusable:focus {
  clip: auto;
  clip-path: none;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}
.col .prev, .col .next {
  display: none;
}
/* spip4 */
.pagination, .aside .nav .pagination {
  margin: 2em 0;
}
.pagination .pagination-items, .aside .nav .pagination .pagination-items {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
}
.pagination .pagination-item, .aside .nav .pagination .pagination-item {
  padding: 0;
  background: none;
  margin: 0 0.15em 0.5em;
}
.pagination .pagination-items a, .pagination .pagination-items span.on, .aside .nav .pagination .pagination-items a, .aside .nav .pagination .pagination-items span.on {
  display: inline-block;
  text-decoration: none;
  border: none;
  padding: 0.5em;
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  -ms-border-radius: 0.25em;
  -o-border-radius: 0.25em;
  border-radius: 0.25em;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  color: #0a4756;
}
.pagination .pagination-items a:hover, .pagination .pagination-items span.on, .aside .nav .pagination .pagination-items a:hover, .aside .nav .pagination .pagination-items span.on {
  background: #eee !important;
  color: #0f6d84;
  text-decoration: none;
}
.pagination .tbc, .aside .nav .pagination .tbc {
  line-height: 2.4;
}
/*

Markup à utiliser :

	<div>
	  <input id="option" type="checkbox" name="field" value="option">
	  <label for="option"><span><span></span></span>Label du champ</label>
	</div>

Par exemple, avec jQuery :

	$('.formulaire_spip .choix label').each(function(){
		$(this).prepend('<span><span></span></span>').parent().addClass('custom-radios');
	});

*/
.custom-radios input[type=checkbox]:not(old), .custom-radios input[type=radio]:not(old) {
  width: 1em;
  margin: 0;
  padding: 0;
  font-size: 1em;
  opacity: 0;
}
.custom-radios input[type=checkbox]:not(old) + label:not('.crayon'), .custom-radios input[type=radio]:not(old) + label {
  display: flex;
  align-items: start;
  margin-left: -1.5em;
}
.custom-radios input[type=checkbox]:not(old) + label > span, .custom-radios input[type=radio]:not(old) + label > span {
  position: relative;
  flex-shrink: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 0.5em;
  border: thin solid silver;
  border-radius: 0.25em;
  background: #e0e0e0;
  background: linear-gradient(#f0f0f0, #e0e0e0);
  vertical-align: middle;
}
.custom-radios input[type=checkbox]:not(old) + label > span:before {
  content: " ";
  border-radius: 0.25em;
}
.custom-radios input[type=radio]:not(old) + label > span, .custom-radios input[type=radio]:not(old) + label > span > span {
  border-radius: 50%;
}
.custom-radios input[type=checkbox]:not(old):checked + label > span:before {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translateY(-60%) translateX(-50%);
  content: "✔";
  color: #0a4756;
  font-size: 150%;
  line-height: 1;
  font-weight: bold;
}
.custom-radios input[type=radio]:not(old):checked + label > span > span {
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background: #0a4756;
  background: linear-gradient(#0a4756, black);
  border-radius: 50%;
}
.header_title h1 {
  margin: 0;
}
.nom_site_spip, .slogan_site_spip {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  /* 1 */
  /*
     * Extends the .visuallyhidden class to allow the element
     * to be focusable when navigated to via the keyboard:
     * https://www.drupal.org/node/897638
     */
}
.nom_site_spip .focusable:active, .nom_site_spip .focusable:focus, .slogan_site_spip .focusable:active, .slogan_site_spip .focusable:focus {
  clip: auto;
  clip-path: none;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}
@media screen and (max-width: 48em) {
  .header_nav_item {
    margin-bottom: 1.5em;
  }
  .header_nav_item > a {
    font-size: 1.25em;
    font-weight: bold;
  }
  .header_nav_subitem {
    margin: 0.5em 0;
  }
  .header_nav_subitem > a {
    font-weight: bold;
  }
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}
.breadcrumb > * {
  margin: 0;
  padding: 0;
}
.breadcrumb > * {
  float: left;
}
.breadcrumb > * > a {
  float: left;
}
.breadcrumb > *:not(:last-child):after {
  content: "/";
  margin: 0 0.5em;
  color: #888;
}
.arbo {
  display: block;
  clear: none;
  font-size: 0.7em;
  margin-bottom: 1rem;
}
.arbo * {
  font-weight: normal;
}
.arbo, .arbo a {
  color: #0a4756;
}
.arbo a:hover {
  color: #0f6d84;
}
.mots {
  margin: 0;
}
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: white;
}
.page_container {
  width: 100%;
  padding-left: 1em;
  padding-right: 1em;
}
@media screen and (min-width: 75.0625em) {
  .page_container {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 75em;
  }
}
.page_fullwidth {
  width: 100%;
  /* fallback for browsers that don't understand vw or calc */
  width: calc(100vw - 14px);
  /* -15 because vw is calculated without the scrollbar being considered & 15px is width of scrollbars */
  position: relative;
  /* use this if the parent div isn't flush left */
  right: calc((100vw - 14px - 100%) / 2);
}
@media screen and (min-width: 48.0625em) {
  .page_main_content {
    display: flex;
    justify-content: space-between;
  }
  .page_aside {
    min-width: 20.625em;
    width: 20.625em;
    margin-left: 3em;
  }
  .page_content {
    width: 100%;
  }
}

.taille70 {
  font-size: 70%;
}
.taille80 {
  font-size: 80%;
}
.taille90 {
  font-size: 90%;
}
.taille110 {
  font-size: 110%;
}
.taille120 {
  font-size: 120%;
}
.taille130 {
  font-size: 130%;
}
.liste-items {
  padding: 0;
  margin: 0;
  list-style: none;
}
.liste-items .article-resume {
  margin: 0;
}
@media screen and (min-width: 48.0625em) {
  .bp-medium {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    /* 1 */
    /*
     * Extends the .visuallyhidden class to allow the element
     * to be focusable when navigated to via the keyboard:
     * https://www.drupal.org/node/897638
     */
  }
  .bp-medium .focusable:active, .bp-medium .focusable:focus {
    clip: auto;
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
  }
}
@media screen and (max-width: 48em) {
  .bp-medium-up {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    /* 1 */
    /*
     * Extends the .visuallyhidden class to allow the element
     * to be focusable when navigated to via the keyboard:
     * https://www.drupal.org/node/897638
     */
  }
  .bp-medium-up .focusable:active, .bp-medium-up .focusable:focus {
    clip: auto;
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
  }
}
.formulaire_spip.formulaire_recherche {
  margin: 2rem 0;
  max-width: 500px;
}
.formulaire_spip.formulaire_recherche form {
  position: relative;
  border: 1px solid #B3B3B3;
  border-radius: 0.5rem;
  padding: 0.5rem 1.5em 0.5rem 2.5em;
  width: 100%;
  max-width: 100%;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  align-items: center;
  background: white;
}
.formulaire_spip.formulaire_recherche form:before {
  color: #AACBCF;
  display: block;
  position: absolute;
  top: 50%;
  left: 1rem;
  margin-top: -0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  background: none;
}
.formulaire_spip.formulaire_recherche label {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  /* 1 */
  /*
     * Extends the .visuallyhidden class to allow the element
     * to be focusable when navigated to via the keyboard:
     * https://www.drupal.org/node/897638
     */
}
.formulaire_spip.formulaire_recherche label .focusable:active, .formulaire_spip.formulaire_recherche label .focusable:focus {
  clip: auto;
  clip-path: none;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}
.formulaire_spip.formulaire_recherche input[type=search], .formulaire_spip.formulaire_recherche input[type=text] {
  width: 100%;
  padding: 0;
  border: none;
  min-height: 2.5em;
  line-height: 2.5em;
  background: white;
}
.formulaire_spip.formulaire_recherche input[type=search]:focus, .formulaire_spip.formulaire_recherche input[type=text]:focus {
  outline: 0;
}
.formulaire_spip .abonnement, .formulaire_recherche {
  position: relative;
}
.formulaire_spip .abonnement label, .formulaire_recherche label {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.8rem;
}
.formulaire_spip .abonnement input.text, .formulaire_recherche input.text {
  padding-right: 30px;
  background: #f4f4f4;
}
.formulaire_spip .abonnement input.text:hover, .formulaire_spip .abonnement input.text:focus, .formulaire_spip .abonnement input.text:active, .formulaire_recherche input.text:hover, .formulaire_recherche input.text:focus, .formulaire_recherche input.text:active {
  background: white;
}
.formulaire_spip .abonnement button, .formulaire_recherche button {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 30px;
  padding: 0;
  overflow: hidden;
  text-indent: 30px;
  background: none;
  z-index: 1;
}
.formulaire_spip .abonnement button:after, .formulaire_recherche button:after {
  display: block;
  width: 0;
  height: 0;
  content: "";
  z-index: 2;
  border-left: 0.4rem solid #5b758e;
  border-bottom: 0.5rem solid transparent;
  border-top: 0.5rem solid transparent;
  position: absolute;
  right: 0.6rem;
  bottom: 50%;
  margin-bottom: -0.5rem;
}
.formulaire_spip .abonnement button:hover, .formulaire_spip .abonnement button:focus, .formulaire_spip .abonnement button:active, .formulaire_recherche button:hover, .formulaire_recherche button:focus, .formulaire_recherche button:active {
  background: none;
}
.formulaire_spip .abonnement button:hover:after, .formulaire_recherche button:hover:after {
  border-left-color: #004050;
}
.formulaire_spip .abonnement button {
  height: 55%;
}
.formulaire_spip .abonnement button::after {
  bottom: 0.5rem;
  margin-bottom: 0;
}
.formulaire_spip .abonnement input.text::placeholder {
  font-size: 0.8rem;
}
@media screen and (min-width: 48.0625em) {
  .flex {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .flex2 > * {
    width: 100%;
  }
  .flex3 > * {
    width: 100%;
  }
}
@media screen and (min-width: 48.0625em) and (min-width: 36.3125em) {
  .flex2 > * {
    max-width: calc(50% - 1rem);
  }
}
@media screen and (min-width: 48.0625em) and (min-width: 36.3125em) {
  .flex3 > * {
    max-width: calc(33.33% - 1rem);
  }
}
.champ.afficher {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  margin-bottom: 0.5em;
}
.champ.afficher .label {
  margin-right: 1em;
  width: 25%;
}
.champ.afficher.saisie_fieldset {
  display: block;
  margin: 1em 0;
}
.champ.afficher.saisie_fieldset > .champ {
  margin-left: 1.5em;
}
.periode {
  width: 100%;
  margin-bottom: 1em;
}
.periode a, .periode span {
  display: inline-block;
  margin-right: 0.25em;
}
.periode a.annees, .periode span.annees {
  font-size: 0.8em;
  line-height: 1.8;
  font-style: italic;
  color: #999;
  clear: left;
}
.periode a.annees:after, .periode span.annees:after {
  font-size: 0.85em;
  font-style: normal;
}
.periode a.archive, .periode span.archive {
  cursor: pointer;
  color: #999;
}
.periode a.mois_archive, .periode span.mois_archive {
  width: 0;
  overflow: hidden;
  margin: 0;
  height: 0;
}
.periode a.mois_archive.ouvert, .periode span.mois_archive.ouvert {
  width: auto;
  height: auto;
  overflow: visible;
  display: inline;
}
.periode a.annees.archive.ouvert, .periode span.annees.archive.ouvert {
  color: #555;
}
.periode span:hover {
  color: #555;
}
.periode a {
  padding: 0 0.3em;
  font-weight: 700;
}
.periode a.on {
  text-decoration: underline;
}
.page_sommaire .page_content {
  margin-right: 0;
}
.texte_accueil {
  margin-bottom: 1rem;
}
iframe {
  width: 100%;
}
.menu {
  clear: both;
  margin-bottom: 1.5em;
  text-align: left;
}
.menu ul {
  margin-bottom: 1.5em;
}
.menu ul li ul {
  margin-left: 1.5em;
  list-style: circle;
}
.nav ul {
  margin: 0;
  padding: 0;
}
.nav li {
  display: inline;
  line-height: 1.2;
}
.nav a {
  display: inline-block;
  padding: 0.3em 0 0.2em;
  margin: 0 0.5em 0.4em;
  text-decoration: none;
  line-height: 1.4;
  border-bottom: 3px solid white;
}
.header_initiatives .nav a {
  font-weight: 400;
  padding: 0.5em;
  margin: 0.1rem 0.4rem;
  color: white;
  border: 0;
}
@media screen and (max-width: 48em) {
  .header_initiatives .nav a {
    padding: 0.8rem;
  }
}
.on .nav a, .nav a.on, .nav a:focus, .nav a:hover, .nav a:active {
  border-color: #f7651a;
}
.header_initiatives .on .nav a, .header_initiatives .nav a.on, .header_initiatives .nav a:focus, .header_initiatives .nav a:hover, .header_initiatives .nav a:active {
  border-color: #004050;
}
.nav .pagination {
  margin: 0 0 1rem;
}
.menucache {
  display: none;
  position: fixed;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 8;
  cursor: pointer;
}
.menucache.cache {
  display: block;
}
.btn-nav {
  position: absolute;
  z-index: 10;
  right: 1rem;
  top: 0;
  padding: 0.4rem;
  border: none;
  background: #00365b;
  color: white;
  font-size: 0.9em;
  outline: none !important;
  display: none;
}
@media (max-width: 48em) {
  .btn-nav {
    display: block;
  }
}
.btn-nav.actif {
  color: #8ed1ff;
}

a:hover .fab, a:hover .fas, a:hover .formulaire_spip.formulaire_recherche form:before, .formulaire_spip.formulaire_recherche a:hover form:before {
  color: #f7651a;
}
.inscriptionliste fieldset {
  margin: 0;
}
.inscriptionliste legend {
  font-size: 140%;
}
.btn {
  display: inline-block;
  line-height: 1.2;
  border: none;
  box-shadow: none;
  text-align: center;
  transition: background 0.3s;
  cursor: pointer;
  font-family: "Merriweather", serif;
  border-radius: 0.25rem;
  background: #00365b;
  color: #fff !important;
  font-weight: 700;
  padding: 0.4rem 0.6666666667rem;
  display: inline-flex !important;
}
.btn:hover {
  background-color: #f7651a;
  text-decoration: none;
  color: #fff !important;
}
.btn:focus {
  background-color: #f9864b;
  text-decoration: none;
  color: #fff !important;
}
.btn[disabled=disabled] {
  background: white;
  color: #001828 !important;
}
.btn .fas, .btn .formulaire_spip.formulaire_recherche form:before, .formulaire_spip.formulaire_recherche .btn form:before {
  padding-left: 0.75em;
  float: right;
}
.btn .fas:before, .btn .formulaire_spip.formulaire_recherche form:before, .formulaire_spip.formulaire_recherche .btn form:before {
  font-size: 1.375em;
  line-height: 1;
  font-weight: 700;
  color: #fff;
}
.btn:hover .fas:before, .btn:hover .formulaire_spip.formulaire_recherche form:before, .formulaire_spip.formulaire_recherche .btn:hover form:before, .btn:focus .fas:before, .btn:focus .formulaire_spip.formulaire_recherche form:before, .formulaire_spip.formulaire_recherche .btn:focus form:before {
  color: #fff;
}
.btn.inverse {
  display: inline-block;
  line-height: 1.2;
  border: none;
  box-shadow: none;
  text-align: center;
  transition: background 0.3s;
  cursor: pointer;
  font-family: "Merriweather", serif;
  border-radius: 0.25rem;
  background: #f7651a;
  color: #fff !important;
  font-weight: 700;
  padding: 0.4rem 0.6666666667rem;
}
.btn.inverse:hover {
  background-color: #00365b;
  text-decoration: none;
  color: #fff !important;
}
.btn.inverse:focus {
  background-color: #00548e;
  text-decoration: none;
  color: #fff !important;
}
.btn.inverse[disabled=disabled] {
  background: white;
  color: #d74e07 !important;
}
.btn.inverse .fas, .btn.inverse .formulaire_spip.formulaire_recherche form:before, .formulaire_spip.formulaire_recherche .btn.inverse form:before {
  padding-left: 0.75em;
  float: right;
}
.btn.inverse .fas:before, .btn.inverse .formulaire_spip.formulaire_recherche form:before, .formulaire_spip.formulaire_recherche .btn.inverse form:before {
  font-size: 1.375em;
  line-height: 1;
  font-weight: 700;
  color: #fff;
}
.btn.inverse:hover .fas:before, .btn.inverse:hover .formulaire_spip.formulaire_recherche form:before, .formulaire_spip.formulaire_recherche .btn.inverse:hover form:before, .btn.inverse:focus .fas:before, .btn.inverse:focus .formulaire_spip.formulaire_recherche form:before, .formulaire_spip.formulaire_recherche .btn.inverse:focus form:before {
  color: #fff;
}
.btn.right {
  float: right;
  margin-left: 1rem;
}
.btn.left {
  float: left;
  margin-right: 1rem;
}
.btn.center {
  display: block;
  clear: both;
  width: 300px;
  margin: 0 auto;
  padding: 1.5rem;
}
.btn.bold {
  border-width: 2px;
  font-weight: 700;
}
.audio-wrapper {
  margin: 0 auto;
}
@media print {
  .page_wrapper {
    display: block;
    min-height: inherit;
  }
  .page_container {
    padding: 0 !important;
  }
  .page_main__container {
    display: block;
  }
  #spip-admin, .debug_info, .page_aside, .page_extra, .article__aside, .forum_article, .page_footer {
    display: none !important;
  }
  .page_header, .page_header_container {
    padding: 0;
    margin: 0;
    background: none;
  }
  .page_header_container > * {
    display: none;
  }
  .header_title {
    display: block !important;
    width: 100%;
    font-size: 2.25em;
    font-weight: bold;
    border-bottom: 1px solid #DDD;
    padding-bottom: 0.5em;
    margin-bottom: 0.75em;
  }
  .header_title a {
    text-decoration: none !important;
  }
  .page_container {
    width: 100%;
  }
  .page_main {
    margin-bottom: 2em;
  }
  .page_url {
    font-weight: bold;
  }
  .article__main a[href]:after {
    content: " (" attr(href) ")";
    /* affichage des URL des liens */
  }
}
@media print {
  /* Fixe un bug délirant de Edge au print */
  /* éviter saut de page hasardeux */
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  /* éviter saut de page hasardeux */
  /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  @page {
    margin: 2cm 0.5cm;
  }
  html {
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  body, html {
    background-color: #FFF !important;
    color: #000 !important;
    background-image: none;
    border: 0;
    box-shadow: none;
    float: none;
    height: auto;
    margin: 0;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0;
    padding: 0;
    position: static;
    opacity: 1;
    visibility: visible;
    max-height: none;
    display: block;
  }
  body {
    padding: 0.5em;
    overflow: auto;
  }
  blockquote, ul, ol {
    page-break-inside: avoid;
  }
  h1, h2, h3, caption {
    page-break-after: avoid;
  }
  #spip-admin, .content-aside {
    display: none !important;
  }
  *, *:before, *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a, a:visited {
    color: #000 !important;
    text-decoration: underline !important;
  }
  a:after {
    content: "";
  }
  a[rel="external"]:after, a.spip_out:after {
    content: " (" attr(href) ")";
  }
  a[href^="#"]:after, a[href^="javascript:"]:after {
    content: "";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  blockquote, ul, ol {
    page-break-inside: avoid;
    /* pas de coupure dans ces élements */
  }
  h1, h2, h3, caption {
    margin-bottom: 16pt !important;
    page-break-after: avoid;
    /* pas de saut après ces éléments */
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p, blockquote {
    orphans: 3;
    /* pas de ligne seule en bas */
    widows: 3;
    /* pas de ligne seule en haut */
  }
  .noprint, .no-print {
    display: none !important;
  }
  .print, .onlyprint, .only-print {
    display: block !important;
  }
}