/*
#@0
#@1
#@2
#@3
#@4
#@5
#@6
#@7
#@8
#@9
#@10
#@11
#@12
#@13
#@14
#@15
#@16
#@17
#@18
#@19
#@20
#@21
#@22
#@23
#@24
#@25
#@26
#@27
#@28
*/
@charset "UTF-8";
/* --------------------------------------------------------------

   reset.css
   Reinitialise les balises HTML
   License: none (public domain) - v2.0 | 20110126 - http://meyerweb.com/eric/tools/css/reset/

-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* Print styles from HTML5 Boilerplate */
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}
/* --------------------------------------------------

   clear.css
   Aides a la composition
  (c) 2010-2014 Tiny Typo v1.3 - MIT License - tinytypo.tetue.net
  
 ----------------------------------------------------- */
/* Modele de boite
[fr] http://blog.goetter.fr/post/27612618411/box-sizing-et-pourquoi-pas
[en] http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* Blocs */
.block {
  display: block;
  margin-bottom: 1.5em;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
/* Positionnement */
.left {
  float: left;
}
.right {
  float: right;
}
.center {
  margin-right: auto;
  margin-left: auto;
}
/* Espace de blocs
[fr] Espaceur de blocs : http://romy.tetue.net/657 */
.clear {
  clear: both;
}
br.clear {
  clear: both;
  margin: 0;
  padding: 0;
  border: 0;
  height: 0;
  line-height: 1px;
  font-size: 1px;
}
hr.clear {
  visibility: hidden;
}
/* clearfix : http://www.positioniseverything.net/easyclearing.html */
.clearfix:after, .periode:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}
.clearfix, .periode {
  display: inline-table;
}
/* Hides from IE-mac \*/
.clearfix, .periode {
  height: 1%;
}
.clearfix, .periode {
  display: block;
}
/* End hide from IE-mac */
/* Not visible */
.offscreen, .header .accueil .nom_site_spip, .arbo, html:not(.rubrique_competences) .content .liste.articles .h2, .def .chargement, .aside .descriptif, .extra .descriptif, .page_sommaire .extra nav.nav > .h2, .rubrique_competences .main .cartouche h1, .article_competences .extra .descriptif, .article_competences .aside .descriptif {
  position: absolute;
  left: -999em;
  height: 1%;
}
.hidden {
  visibility: hidden;
}
.none {
  display: none;
}
/* debug */
.todo {
  opacity: 0.5;
}
.todo:hover {
  opacity: 1;
}
.blink {
  text-decoration: blink;
}
/* fin */
/* $warningBorder:           darken(spin($warningBackground, -10), 3%); */
/* $errorBorder:             darken(spin($errorBackground, -10), 3%); */
/* $successBorder:           darken(spin($successBackground, -10), 5%); */
/* $infoBorder:              darken(spin($infoBackground, -10), 7%); */
/* surcharger que certaines variables, ou en ajouter  #BA9D32 */
/* mixins souvent utiles
 * https://css-tricks.com/snippets/css/useful-css3-less-mixins/
 */
/*
 * 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
 */
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "FontAwesome";
  src: url('https://alter-via.fr/plugins/bazscss/squelettes/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('https://alter-via.fr/plugins/bazscss/squelettes/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format("embedded-opentype"), url('https://alter-via.fr/plugins/bazscss/squelettes/fonts/fontawesome-webfont.woff2?v=4.7.0') format("woff2"), url('https://alter-via.fr/plugins/bazscss/squelettes/fonts/fontawesome-webfont.woff?v=4.7.0') format("woff"), url('https://alter-via.fr/plugins/bazscss/squelettes/fonts/fontawesome-webfont.ttf?v=4.7.0') format("truetype"), url('https://alter-via.fr/plugins/bazscss/squelettes/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa, .chapo h3:before, .chapo h4:before, .chapo h5:before, .def > a:before, .def .chargement .remove:after, .spip_doc_credit small i {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.2857142857em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.8571428571em;
}
.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left, .chapo h3.fa-pull-left:before, .chapo h4.fa-pull-left:before, .chapo h5.fa-pull-left:before, .def > a.fa-pull-left:before, .def .chargement .fa-pull-left.remove:after, .spip_doc_credit small i.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right, .chapo h3.fa-pull-right:before, .chapo h4.fa-pull-right:before, .chapo h5.fa-pull-right:before, .def > a.fa-pull-right:before, .def .chargement .fa-pull-right.remove:after, .spip_doc_credit small i.fa-pull-right {
  margin-left: 0.3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left, .chapo h3.pull-left:before, .chapo h4.pull-left:before, .chapo h5.pull-left:before, .def > a.pull-left:before, .def .chargement .pull-left.remove:after, .spip_doc_credit small i.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right, .chapo h3.pull-right:before, .chapo h4.pull-right:before, .chapo h5.pull-right:before, .def > a.pull-right:before, .def .chargement .pull-right.remove:after, .spip_doc_credit small i.pull-right {
  margin-left: 0.3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "";
}
.fa-music:before {
  content: "";
}
.fa-search:before {
  content: "";
}
.fa-envelope-o:before {
  content: "";
}
.fa-heart:before {
  content: "";
}
.fa-star:before {
  content: "";
}
.fa-star-o:before {
  content: "";
}
.fa-user:before {
  content: "";
}
.fa-film:before {
  content: "";
}
.fa-th-large:before {
  content: "";
}
.fa-th:before {
  content: "";
}
.fa-th-list:before {
  content: "";
}
.fa-check:before {
  content: "";
}
.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "";
}
.fa-search-plus:before {
  content: "";
}
.fa-search-minus:before {
  content: "";
}
.fa-power-off:before {
  content: "";
}
.fa-signal:before {
  content: "";
}
.fa-gear:before, .fa-cog:before {
  content: "";
}
.fa-trash-o:before {
  content: "";
}
.fa-home:before {
  content: "";
}
.fa-file-o:before {
  content: "";
}
.fa-clock-o:before {
  content: "";
}
.fa-road:before {
  content: "";
}
.fa-download:before {
  content: "";
}
.fa-arrow-circle-o-down:before {
  content: "";
}
.fa-arrow-circle-o-up:before {
  content: "";
}
.fa-inbox:before {
  content: "";
}
.fa-play-circle-o:before {
  content: "";
}
.fa-rotate-right:before, .fa-repeat:before {
  content: "";
}
.fa-refresh:before {
  content: "";
}
.fa-list-alt:before {
  content: "";
}
.fa-lock:before {
  content: "";
}
.fa-flag:before {
  content: "";
}
.fa-headphones:before {
  content: "";
}
.fa-volume-off:before {
  content: "";
}
.fa-volume-down:before {
  content: "";
}
.fa-volume-up:before {
  content: "";
}
.fa-qrcode:before {
  content: "";
}
.fa-barcode:before {
  content: "";
}
.fa-tag:before {
  content: "";
}
.fa-tags:before {
  content: "";
}
.fa-book:before {
  content: "";
}
.fa-bookmark:before {
  content: "";
}
.fa-print:before {
  content: "";
}
.fa-camera:before {
  content: "";
}
.fa-font:before {
  content: "";
}
.fa-bold:before {
  content: "";
}
.fa-italic:before {
  content: "";
}
.fa-text-height:before {
  content: "";
}
.fa-text-width:before {
  content: "";
}
.fa-align-left:before {
  content: "";
}
.fa-align-center:before {
  content: "";
}
.fa-align-right:before {
  content: "";
}
.fa-align-justify:before {
  content: "";
}
.fa-list:before {
  content: "";
}
.fa-dedent:before, .fa-outdent:before {
  content: "";
}
.fa-indent:before {
  content: "";
}
.fa-video-camera:before {
  content: "";
}
.fa-photo:before, .fa-image:before, .fa-picture-o:before {
  content: "";
}
.fa-pencil:before {
  content: "";
}
.fa-map-marker:before {
  content: "";
}
.fa-adjust:before {
  content: "";
}
.fa-tint:before {
  content: "";
}
.fa-edit:before, .fa-pencil-square-o:before {
  content: "";
}
.fa-share-square-o:before {
  content: "";
}
.fa-check-square-o:before {
  content: "";
}
.fa-arrows:before {
  content: "";
}
.fa-step-backward:before {
  content: "";
}
.fa-fast-backward:before {
  content: "";
}
.fa-backward:before {
  content: "";
}
.fa-play:before {
  content: "";
}
.fa-pause:before {
  content: "";
}
.fa-stop:before {
  content: "";
}
.fa-forward:before {
  content: "";
}
.fa-fast-forward:before {
  content: "";
}
.fa-step-forward:before {
  content: "";
}
.fa-eject:before {
  content: "";
}
.fa-chevron-left:before {
  content: "";
}
.fa-chevron-right:before {
  content: "";
}
.fa-plus-circle:before {
  content: "";
}
.fa-minus-circle:before {
  content: "";
}
.fa-times-circle:before {
  content: "";
}
.fa-check-circle:before {
  content: "";
}
.fa-question-circle:before {
  content: "";
}
.fa-info-circle:before {
  content: "";
}
.fa-crosshairs:before {
  content: "";
}
.fa-times-circle-o:before {
  content: "";
}
.fa-check-circle-o:before {
  content: "";
}
.fa-ban:before {
  content: "";
}
.fa-arrow-left:before {
  content: "";
}
.fa-arrow-right:before {
  content: "";
}
.fa-arrow-up:before {
  content: "";
}
.fa-arrow-down:before {
  content: "";
}
.fa-mail-forward:before, .fa-share:before {
  content: "";
}
.fa-expand:before {
  content: "";
}
.fa-compress:before {
  content: "";
}
.fa-plus:before {
  content: "";
}
.fa-minus:before {
  content: "";
}
.fa-asterisk:before {
  content: "";
}
.fa-exclamation-circle:before {
  content: "";
}
.fa-gift:before {
  content: "";
}
.fa-leaf:before {
  content: "";
}
.fa-fire:before {
  content: "";
}
.fa-eye:before {
  content: "";
}
.fa-eye-slash:before {
  content: "";
}
.fa-warning:before, .fa-exclamation-triangle:before {
  content: "";
}
.fa-plane:before {
  content: "";
}
.fa-calendar:before {
  content: "";
}
.fa-random:before {
  content: "";
}
.fa-comment:before {
  content: "";
}
.fa-magnet:before {
  content: "";
}
.fa-chevron-up:before {
  content: "";
}
.fa-chevron-down:before {
  content: "";
}
.fa-retweet:before {
  content: "";
}
.fa-shopping-cart:before {
  content: "";
}
.fa-folder:before {
  content: "";
}
.fa-folder-open:before {
  content: "";
}
.fa-arrows-v:before {
  content: "";
}
.fa-arrows-h:before {
  content: "";
}
.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "";
}
.fa-twitter-square:before {
  content: "";
}
.fa-facebook-square:before {
  content: "";
}
.fa-camera-retro:before {
  content: "";
}
.fa-key:before {
  content: "";
}
.fa-gears:before, .fa-cogs:before {
  content: "";
}
.fa-comments:before {
  content: "";
}
.fa-thumbs-o-up:before {
  content: "";
}
.fa-thumbs-o-down:before {
  content: "";
}
.fa-star-half:before {
  content: "";
}
.fa-heart-o:before {
  content: "";
}
.fa-sign-out:before {
  content: "";
}
.fa-linkedin-square:before {
  content: "";
}
.fa-thumb-tack:before {
  content: "";
}
.fa-external-link:before {
  content: "";
}
.fa-sign-in:before {
  content: "";
}
.fa-trophy:before {
  content: "";
}
.fa-github-square:before {
  content: "";
}
.fa-upload:before {
  content: "";
}
.fa-lemon-o:before {
  content: "";
}
.fa-phone:before {
  content: "";
}
.fa-square-o:before {
  content: "";
}
.fa-bookmark-o:before {
  content: "";
}
.fa-phone-square:before {
  content: "";
}
.fa-twitter:before {
  content: "";
}
.fa-facebook-f:before, .fa-facebook:before {
  content: "";
}
.fa-github:before {
  content: "";
}
.fa-unlock:before {
  content: "";
}
.fa-credit-card:before {
  content: "";
}
.fa-feed:before, .fa-rss:before {
  content: "";
}
.fa-hdd-o:before {
  content: "";
}
.fa-bullhorn:before {
  content: "";
}
.fa-bell:before {
  content: "";
}
.fa-certificate:before {
  content: "";
}
.fa-hand-o-right:before {
  content: "";
}
.fa-hand-o-left:before {
  content: "";
}
.fa-hand-o-up:before {
  content: "";
}
.fa-hand-o-down:before {
  content: "";
}
.fa-arrow-circle-left:before {
  content: "";
}
.fa-arrow-circle-right:before {
  content: "";
}
.fa-arrow-circle-up:before {
  content: "";
}
.fa-arrow-circle-down:before {
  content: "";
}
.fa-globe:before {
  content: "";
}
.fa-wrench:before {
  content: "";
}
.fa-tasks:before {
  content: "";
}
.fa-filter:before {
  content: "";
}
.fa-briefcase:before {
  content: "";
}
.fa-arrows-alt:before {
  content: "";
}
.fa-group:before, .fa-users:before {
  content: "";
}
.fa-chain:before, .fa-link:before {
  content: "";
}
.fa-cloud:before {
  content: "";
}
.fa-flask:before {
  content: "";
}
.fa-cut:before, .fa-scissors:before {
  content: "";
}
.fa-copy:before, .fa-files-o:before {
  content: "";
}
.fa-paperclip:before {
  content: "";
}
.fa-save:before, .fa-floppy-o:before {
  content: "";
}
.fa-square:before {
  content: "";
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "";
}
.fa-list-ul:before {
  content: "";
}
.fa-list-ol:before {
  content: "";
}
.fa-strikethrough:before {
  content: "";
}
.fa-underline:before {
  content: "";
}
.fa-table:before {
  content: "";
}
.fa-magic:before {
  content: "";
}
.fa-truck:before {
  content: "";
}
.fa-pinterest:before {
  content: "";
}
.fa-pinterest-square:before {
  content: "";
}
.fa-google-plus-square:before {
  content: "";
}
.fa-google-plus:before {
  content: "";
}
.fa-money:before {
  content: "";
}
.fa-caret-down:before {
  content: "";
}
.fa-caret-up:before {
  content: "";
}
.fa-caret-left:before {
  content: "";
}
.fa-caret-right:before {
  content: "";
}
.fa-columns:before {
  content: "";
}
.fa-unsorted:before, .fa-sort:before {
  content: "";
}
.fa-sort-down:before, .fa-sort-desc:before {
  content: "";
}
.fa-sort-up:before, .fa-sort-asc:before {
  content: "";
}
.fa-envelope:before {
  content: "";
}
.fa-linkedin:before {
  content: "";
}
.fa-rotate-left:before, .fa-undo:before {
  content: "";
}
.fa-legal:before, .fa-gavel:before {
  content: "";
}
.fa-dashboard:before, .fa-tachometer:before {
  content: "";
}
.fa-comment-o:before {
  content: "";
}
.fa-comments-o:before {
  content: "";
}
.fa-flash:before, .fa-bolt:before {
  content: "";
}
.fa-sitemap:before {
  content: "";
}
.fa-umbrella:before {
  content: "";
}
.fa-paste:before, .fa-clipboard:before {
  content: "";
}
.fa-lightbulb-o:before {
  content: "";
}
.fa-exchange:before {
  content: "";
}
.fa-cloud-download:before {
  content: "";
}
.fa-cloud-upload:before {
  content: "";
}
.fa-user-md:before {
  content: "";
}
.fa-stethoscope:before {
  content: "";
}
.fa-suitcase:before {
  content: "";
}
.fa-bell-o:before {
  content: "";
}
.fa-coffee:before {
  content: "";
}
.fa-cutlery:before {
  content: "";
}
.fa-file-text-o:before {
  content: "";
}
.fa-building-o:before {
  content: "";
}
.fa-hospital-o:before {
  content: "";
}
.fa-ambulance:before {
  content: "";
}
.fa-medkit:before {
  content: "";
}
.fa-fighter-jet:before {
  content: "";
}
.fa-beer:before {
  content: "";
}
.fa-h-square:before {
  content: "";
}
.fa-plus-square:before {
  content: "";
}
.fa-angle-double-left:before {
  content: "";
}
.fa-angle-double-right:before {
  content: "";
}
.fa-angle-double-up:before {
  content: "";
}
.fa-angle-double-down:before {
  content: "";
}
.fa-angle-left:before {
  content: "";
}
.fa-angle-right:before {
  content: "";
}
.fa-angle-up:before {
  content: "";
}
.fa-angle-down:before {
  content: "";
}
.fa-desktop:before {
  content: "";
}
.fa-laptop:before {
  content: "";
}
.fa-tablet:before {
  content: "";
}
.fa-mobile-phone:before, .fa-mobile:before {
  content: "";
}
.fa-circle-o:before {
  content: "";
}
.fa-quote-left:before {
  content: "";
}
.fa-quote-right:before {
  content: "";
}
.fa-spinner:before {
  content: "";
}
.fa-circle:before {
  content: "";
}
.fa-mail-reply:before, .fa-reply:before {
  content: "";
}
.fa-github-alt:before {
  content: "";
}
.fa-folder-o:before {
  content: "";
}
.fa-folder-open-o:before {
  content: "";
}
.fa-smile-o:before {
  content: "";
}
.fa-frown-o:before {
  content: "";
}
.fa-meh-o:before {
  content: "";
}
.fa-gamepad:before {
  content: "";
}
.fa-keyboard-o:before {
  content: "";
}
.fa-flag-o:before {
  content: "";
}
.fa-flag-checkered:before {
  content: "";
}
.fa-terminal:before {
  content: "";
}
.fa-code:before {
  content: "";
}
.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "";
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "";
}
.fa-location-arrow:before {
  content: "";
}
.fa-crop:before {
  content: "";
}
.fa-code-fork:before {
  content: "";
}
.fa-unlink:before, .fa-chain-broken:before {
  content: "";
}
.fa-question:before {
  content: "";
}
.fa-info:before {
  content: "";
}
.fa-exclamation:before {
  content: "";
}
.fa-superscript:before {
  content: "";
}
.fa-subscript:before {
  content: "";
}
.fa-eraser:before {
  content: "";
}
.fa-puzzle-piece:before {
  content: "";
}
.fa-microphone:before {
  content: "";
}
.fa-microphone-slash:before {
  content: "";
}
.fa-shield:before {
  content: "";
}
.fa-calendar-o:before {
  content: "";
}
.fa-fire-extinguisher:before {
  content: "";
}
.fa-rocket:before {
  content: "";
}
.fa-maxcdn:before {
  content: "";
}
.fa-chevron-circle-left:before {
  content: "";
}
.fa-chevron-circle-right:before {
  content: "";
}
.fa-chevron-circle-up:before {
  content: "";
}
.fa-chevron-circle-down:before {
  content: "";
}
.fa-html5:before {
  content: "";
}
.fa-css3:before {
  content: "";
}
.fa-anchor:before {
  content: "";
}
.fa-unlock-alt:before {
  content: "";
}
.fa-bullseye:before {
  content: "";
}
.fa-ellipsis-h:before {
  content: "";
}
.fa-ellipsis-v:before {
  content: "";
}
.fa-rss-square:before {
  content: "";
}
.fa-play-circle:before {
  content: "";
}
.fa-ticket:before {
  content: "";
}
.fa-minus-square:before {
  content: "";
}
.fa-minus-square-o:before {
  content: "";
}
.fa-level-up:before {
  content: "";
}
.fa-level-down:before {
  content: "";
}
.fa-check-square:before {
  content: "";
}
.fa-pencil-square:before {
  content: "";
}
.fa-external-link-square:before {
  content: "";
}
.fa-share-square:before {
  content: "";
}
.fa-compass:before {
  content: "";
}
.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "";
}
.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "";
}
.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "";
}
.fa-euro:before, .fa-eur:before {
  content: "";
}
.fa-gbp:before {
  content: "";
}
.fa-dollar:before, .fa-usd:before {
  content: "";
}
.fa-rupee:before, .fa-inr:before {
  content: "";
}
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "";
}
.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "";
}
.fa-won:before, .fa-krw:before {
  content: "";
}
.fa-bitcoin:before, .fa-btc:before {
  content: "";
}
.fa-file:before {
  content: "";
}
.fa-file-text:before {
  content: "";
}
.fa-sort-alpha-asc:before {
  content: "";
}
.fa-sort-alpha-desc:before {
  content: "";
}
.fa-sort-amount-asc:before {
  content: "";
}
.fa-sort-amount-desc:before {
  content: "";
}
.fa-sort-numeric-asc:before {
  content: "";
}
.fa-sort-numeric-desc:before {
  content: "";
}
.fa-thumbs-up:before {
  content: "";
}
.fa-thumbs-down:before {
  content: "";
}
.fa-youtube-square:before {
  content: "";
}
.fa-youtube:before {
  content: "";
}
.fa-xing:before {
  content: "";
}
.fa-xing-square:before {
  content: "";
}
.fa-youtube-play:before {
  content: "";
}
.fa-dropbox:before {
  content: "";
}
.fa-stack-overflow:before {
  content: "";
}
.fa-instagram:before {
  content: "";
}
.fa-flickr:before {
  content: "";
}
.fa-adn:before {
  content: "";
}
.fa-bitbucket:before {
  content: "";
}
.fa-bitbucket-square:before {
  content: "";
}
.fa-tumblr:before {
  content: "";
}
.fa-tumblr-square:before {
  content: "";
}
.fa-long-arrow-down:before {
  content: "";
}
.fa-long-arrow-up:before {
  content: "";
}
.fa-long-arrow-left:before {
  content: "";
}
.fa-long-arrow-right:before {
  content: "";
}
.fa-apple:before {
  content: "";
}
.fa-windows:before {
  content: "";
}
.fa-android:before {
  content: "";
}
.fa-linux:before {
  content: "";
}
.fa-dribbble:before {
  content: "";
}
.fa-skype:before {
  content: "";
}
.fa-foursquare:before {
  content: "";
}
.fa-trello:before {
  content: "";
}
.fa-female:before {
  content: "";
}
.fa-male:before {
  content: "";
}
.fa-gittip:before, .fa-gratipay:before {
  content: "";
}
.fa-sun-o:before {
  content: "";
}
.fa-moon-o:before {
  content: "";
}
.fa-archive:before {
  content: "";
}
.fa-bug:before {
  content: "";
}
.fa-vk:before {
  content: "";
}
.fa-weibo:before {
  content: "";
}
.fa-renren:before {
  content: "";
}
.fa-pagelines:before {
  content: "";
}
.fa-stack-exchange:before {
  content: "";
}
.fa-arrow-circle-o-right:before {
  content: "";
}
.fa-arrow-circle-o-left:before {
  content: "";
}
.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "";
}
.fa-dot-circle-o:before {
  content: "";
}
.fa-wheelchair:before {
  content: "";
}
.fa-vimeo-square:before {
  content: "";
}
.fa-turkish-lira:before, .fa-try:before {
  content: "";
}
.fa-plus-square-o:before {
  content: "";
}
.fa-space-shuttle:before {
  content: "";
}
.fa-slack:before {
  content: "";
}
.fa-envelope-square:before {
  content: "";
}
.fa-wordpress:before {
  content: "";
}
.fa-openid:before {
  content: "";
}
.fa-institution:before, .fa-bank:before, .fa-university:before {
  content: "";
}
.fa-mortar-board:before, .fa-graduation-cap:before {
  content: "";
}
.fa-yahoo:before {
  content: "";
}
.fa-google:before {
  content: "";
}
.fa-reddit:before {
  content: "";
}
.fa-reddit-square:before {
  content: "";
}
.fa-stumbleupon-circle:before {
  content: "";
}
.fa-stumbleupon:before {
  content: "";
}
.fa-delicious:before {
  content: "";
}
.fa-digg:before {
  content: "";
}
.fa-pied-piper-pp:before {
  content: "";
}
.fa-pied-piper-alt:before {
  content: "";
}
.fa-drupal:before {
  content: "";
}
.fa-joomla:before {
  content: "";
}
.fa-language:before {
  content: "";
}
.fa-fax:before {
  content: "";
}
.fa-building:before {
  content: "";
}
.fa-child:before {
  content: "";
}
.fa-paw:before {
  content: "";
}
.fa-spoon:before {
  content: "";
}
.fa-cube:before {
  content: "";
}
.fa-cubes:before {
  content: "";
}
.fa-behance:before {
  content: "";
}
.fa-behance-square:before {
  content: "";
}
.fa-steam:before {
  content: "";
}
.fa-steam-square:before {
  content: "";
}
.fa-recycle:before {
  content: "";
}
.fa-automobile:before, .fa-car:before {
  content: "";
}
.fa-cab:before, .fa-taxi:before {
  content: "";
}
.fa-tree:before {
  content: "";
}
.fa-spotify:before {
  content: "";
}
.fa-deviantart:before {
  content: "";
}
.fa-soundcloud:before {
  content: "";
}
.fa-database:before {
  content: "";
}
.fa-file-pdf-o:before {
  content: "";
}
.fa-file-word-o:before {
  content: "";
}
.fa-file-excel-o:before {
  content: "";
}
.fa-file-powerpoint-o:before {
  content: "";
}
.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
  content: "";
}
.fa-file-zip-o:before, .fa-file-archive-o:before {
  content: "";
}
.fa-file-sound-o:before, .fa-file-audio-o:before {
  content: "";
}
.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "";
}
.fa-file-code-o:before {
  content: "";
}
.fa-vine:before {
  content: "";
}
.fa-codepen:before {
  content: "";
}
.fa-jsfiddle:before {
  content: "";
}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
  content: "";
}
.fa-circle-o-notch:before {
  content: "";
}
.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
  content: "";
}
.fa-ge:before, .fa-empire:before {
  content: "";
}
.fa-git-square:before {
  content: "";
}
.fa-git:before {
  content: "";
}
.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
  content: "";
}
.fa-tencent-weibo:before {
  content: "";
}
.fa-qq:before {
  content: "";
}
.fa-wechat:before, .fa-weixin:before {
  content: "";
}
.fa-send:before, .fa-paper-plane:before {
  content: "";
}
.fa-send-o:before, .fa-paper-plane-o:before {
  content: "";
}
.fa-history:before {
  content: "";
}
.fa-circle-thin:before {
  content: "";
}
.fa-header:before {
  content: "";
}
.fa-paragraph:before {
  content: "";
}
.fa-sliders:before {
  content: "";
}
.fa-share-alt:before {
  content: "";
}
.fa-share-alt-square:before {
  content: "";
}
.fa-bomb:before {
  content: "";
}
.fa-soccer-ball-o:before, .fa-futbol-o:before {
  content: "";
}
.fa-tty:before {
  content: "";
}
.fa-binoculars:before {
  content: "";
}
.fa-plug:before {
  content: "";
}
.fa-slideshare:before {
  content: "";
}
.fa-twitch:before {
  content: "";
}
.fa-yelp:before {
  content: "";
}
.fa-newspaper-o:before {
  content: "";
}
.fa-wifi:before {
  content: "";
}
.fa-calculator:before {
  content: "";
}
.fa-paypal:before {
  content: "";
}
.fa-google-wallet:before {
  content: "";
}
.fa-cc-visa:before {
  content: "";
}
.fa-cc-mastercard:before {
  content: "";
}
.fa-cc-discover:before {
  content: "";
}
.fa-cc-amex:before {
  content: "";
}
.fa-cc-paypal:before {
  content: "";
}
.fa-cc-stripe:before {
  content: "";
}
.fa-bell-slash:before {
  content: "";
}
.fa-bell-slash-o:before {
  content: "";
}
.fa-trash:before {
  content: "";
}
.fa-copyright:before, .spip_doc_credit small i:before {
  content: "";
}
.fa-at:before {
  content: "";
}
.fa-eyedropper:before {
  content: "";
}
.fa-paint-brush:before {
  content: "";
}
.fa-birthday-cake:before {
  content: "";
}
.fa-area-chart:before {
  content: "";
}
.fa-pie-chart:before {
  content: "";
}
.fa-line-chart:before {
  content: "";
}
.fa-lastfm:before {
  content: "";
}
.fa-lastfm-square:before {
  content: "";
}
.fa-toggle-off:before {
  content: "";
}
.fa-toggle-on:before {
  content: "";
}
.fa-bicycle:before {
  content: "";
}
.fa-bus:before {
  content: "";
}
.fa-ioxhost:before {
  content: "";
}
.fa-angellist:before {
  content: "";
}
.fa-cc:before {
  content: "";
}
.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
  content: "";
}
.fa-meanpath:before {
  content: "";
}
.fa-buysellads:before {
  content: "";
}
.fa-connectdevelop:before {
  content: "";
}
.fa-dashcube:before {
  content: "";
}
.fa-forumbee:before {
  content: "";
}
.fa-leanpub:before {
  content: "";
}
.fa-sellsy:before {
  content: "";
}
.fa-shirtsinbulk:before {
  content: "";
}
.fa-simplybuilt:before {
  content: "";
}
.fa-skyatlas:before {
  content: "";
}
.fa-cart-plus:before {
  content: "";
}
.fa-cart-arrow-down:before {
  content: "";
}
.fa-diamond:before {
  content: "";
}
.fa-ship:before {
  content: "";
}
.fa-user-secret:before {
  content: "";
}
.fa-motorcycle:before {
  content: "";
}
.fa-street-view:before {
  content: "";
}
.fa-heartbeat:before {
  content: "";
}
.fa-venus:before {
  content: "";
}
.fa-mars:before {
  content: "";
}
.fa-mercury:before {
  content: "";
}
.fa-intersex:before, .fa-transgender:before {
  content: "";
}
.fa-transgender-alt:before {
  content: "";
}
.fa-venus-double:before {
  content: "";
}
.fa-mars-double:before {
  content: "";
}
.fa-venus-mars:before {
  content: "";
}
.fa-mars-stroke:before {
  content: "";
}
.fa-mars-stroke-v:before {
  content: "";
}
.fa-mars-stroke-h:before {
  content: "";
}
.fa-neuter:before {
  content: "";
}
.fa-genderless:before {
  content: "";
}
.fa-facebook-official:before {
  content: "";
}
.fa-pinterest-p:before {
  content: "";
}
.fa-whatsapp:before {
  content: "";
}
.fa-server:before {
  content: "";
}
.fa-user-plus:before {
  content: "";
}
.fa-user-times:before {
  content: "";
}
.fa-hotel:before, .fa-bed:before {
  content: "";
}
.fa-viacoin:before {
  content: "";
}
.fa-train:before {
  content: "";
}
.fa-subway:before {
  content: "";
}
.fa-medium:before {
  content: "";
}
.fa-yc:before, .fa-y-combinator:before {
  content: "";
}
.fa-optin-monster:before {
  content: "";
}
.fa-opencart:before {
  content: "";
}
.fa-expeditedssl:before {
  content: "";
}
.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
  content: "";
}
.fa-battery-3:before, .fa-battery-three-quarters:before {
  content: "";
}
.fa-battery-2:before, .fa-battery-half:before {
  content: "";
}
.fa-battery-1:before, .fa-battery-quarter:before {
  content: "";
}
.fa-battery-0:before, .fa-battery-empty:before {
  content: "";
}
.fa-mouse-pointer:before {
  content: "";
}
.fa-i-cursor:before {
  content: "";
}
.fa-object-group:before {
  content: "";
}
.fa-object-ungroup:before {
  content: "";
}
.fa-sticky-note:before {
  content: "";
}
.fa-sticky-note-o:before {
  content: "";
}
.fa-cc-jcb:before {
  content: "";
}
.fa-cc-diners-club:before {
  content: "";
}
.fa-clone:before {
  content: "";
}
.fa-balance-scale:before {
  content: "";
}
.fa-hourglass-o:before {
  content: "";
}
.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "";
}
.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "";
}
.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "";
}
.fa-hourglass:before {
  content: "";
}
.fa-hand-grab-o:before, .fa-hand-rock-o:before {
  content: "";
}
.fa-hand-stop-o:before, .fa-hand-paper-o:before {
  content: "";
}
.fa-hand-scissors-o:before {
  content: "";
}
.fa-hand-lizard-o:before {
  content: "";
}
.fa-hand-spock-o:before {
  content: "";
}
.fa-hand-pointer-o:before {
  content: "";
}
.fa-hand-peace-o:before {
  content: "";
}
.fa-trademark:before {
  content: "";
}
.fa-registered:before {
  content: "";
}
.fa-creative-commons:before {
  content: "";
}
.fa-gg:before {
  content: "";
}
.fa-gg-circle:before {
  content: "";
}
.fa-tripadvisor:before {
  content: "";
}
.fa-odnoklassniki:before {
  content: "";
}
.fa-odnoklassniki-square:before {
  content: "";
}
.fa-get-pocket:before {
  content: "";
}
.fa-wikipedia-w:before {
  content: "";
}
.fa-safari:before {
  content: "";
}
.fa-chrome:before {
  content: "";
}
.fa-firefox:before {
  content: "";
}
.fa-opera:before {
  content: "";
}
.fa-internet-explorer:before {
  content: "";
}
.fa-tv:before, .fa-television:before {
  content: "";
}
.fa-contao:before {
  content: "";
}
.fa-500px:before {
  content: "";
}
.fa-amazon:before {
  content: "";
}
.fa-calendar-plus-o:before {
  content: "";
}
.fa-calendar-minus-o:before {
  content: "";
}
.fa-calendar-times-o:before {
  content: "";
}
.fa-calendar-check-o:before {
  content: "";
}
.fa-industry:before {
  content: "";
}
.fa-map-pin:before {
  content: "";
}
.fa-map-signs:before {
  content: "";
}
.fa-map-o:before {
  content: "";
}
.fa-map:before {
  content: "";
}
.fa-commenting:before {
  content: "";
}
.fa-commenting-o:before {
  content: "";
}
.fa-houzz:before {
  content: "";
}
.fa-vimeo:before {
  content: "";
}
.fa-black-tie:before {
  content: "";
}
.fa-fonticons:before {
  content: "";
}
.fa-reddit-alien:before {
  content: "";
}
.fa-edge:before {
  content: "";
}
.fa-credit-card-alt:before {
  content: "";
}
.fa-codiepie:before {
  content: "";
}
.fa-modx:before {
  content: "";
}
.fa-fort-awesome:before {
  content: "";
}
.fa-usb:before {
  content: "";
}
.fa-product-hunt:before {
  content: "";
}
.fa-mixcloud:before {
  content: "";
}
.fa-scribd:before {
  content: "";
}
.fa-pause-circle:before {
  content: "";
}
.fa-pause-circle-o:before {
  content: "";
}
.fa-stop-circle:before {
  content: "";
}
.fa-stop-circle-o:before {
  content: "";
}
.fa-shopping-bag:before {
  content: "";
}
.fa-shopping-basket:before {
  content: "";
}
.fa-hashtag:before {
  content: "";
}
.fa-bluetooth:before {
  content: "";
}
.fa-bluetooth-b:before {
  content: "";
}
.fa-percent:before {
  content: "";
}
.fa-gitlab:before {
  content: "";
}
.fa-wpbeginner:before {
  content: "";
}
.fa-wpforms:before {
  content: "";
}
.fa-envira:before {
  content: "";
}
.fa-universal-access:before {
  content: "";
}
.fa-wheelchair-alt:before {
  content: "";
}
.fa-question-circle-o:before {
  content: "";
}
.fa-blind:before {
  content: "";
}
.fa-audio-description:before {
  content: "";
}
.fa-volume-control-phone:before {
  content: "";
}
.fa-braille:before {
  content: "";
}
.fa-assistive-listening-systems:before {
  content: "";
}
.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
  content: "";
}
.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
  content: "";
}
.fa-glide:before {
  content: "";
}
.fa-glide-g:before {
  content: "";
}
.fa-signing:before, .fa-sign-language:before {
  content: "";
}
.fa-low-vision:before {
  content: "";
}
.fa-viadeo:before {
  content: "";
}
.fa-viadeo-square:before {
  content: "";
}
.fa-snapchat:before {
  content: "";
}
.fa-snapchat-ghost:before {
  content: "";
}
.fa-snapchat-square:before {
  content: "";
}
.fa-pied-piper:before {
  content: "";
}
.fa-first-order:before {
  content: "";
}
.fa-yoast:before {
  content: "";
}
.fa-themeisle:before {
  content: "";
}
.fa-google-plus-circle:before, .fa-google-plus-official:before {
  content: "";
}
.fa-fa:before, .fa-font-awesome:before {
  content: "";
}
.fa-handshake-o:before {
  content: "";
}
.fa-envelope-open:before {
  content: "";
}
.fa-envelope-open-o:before {
  content: "";
}
.fa-linode:before {
  content: "";
}
.fa-address-book:before {
  content: "";
}
.fa-address-book-o:before {
  content: "";
}
.fa-vcard:before, .fa-address-card:before {
  content: "";
}
.fa-vcard-o:before, .fa-address-card-o:before {
  content: "";
}
.fa-user-circle:before {
  content: "";
}
.fa-user-circle-o:before {
  content: "";
}
.fa-user-o:before {
  content: "";
}
.fa-id-badge:before {
  content: "";
}
.fa-drivers-license:before, .fa-id-card:before {
  content: "";
}
.fa-drivers-license-o:before, .fa-id-card-o:before {
  content: "";
}
.fa-quora:before {
  content: "";
}
.fa-free-code-camp:before {
  content: "";
}
.fa-telegram:before {
  content: "";
}
.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
  content: "";
}
.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
  content: "";
}
.fa-thermometer-2:before, .fa-thermometer-half:before {
  content: "";
}
.fa-thermometer-1:before, .fa-thermometer-quarter:before {
  content: "";
}
.fa-thermometer-0:before, .fa-thermometer-empty:before {
  content: "";
}
.fa-shower:before {
  content: "";
}
.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
  content: "";
}
.fa-podcast:before {
  content: "";
}
.fa-window-maximize:before {
  content: "";
}
.fa-window-minimize:before {
  content: "";
}
.fa-window-restore:before {
  content: "";
}
.fa-times-rectangle:before, .fa-window-close:before {
  content: "";
}
.fa-times-rectangle-o:before, .fa-window-close-o:before {
  content: "";
}
.fa-bandcamp:before {
  content: "";
}
.fa-grav:before {
  content: "";
}
.fa-etsy:before {
  content: "";
}
.fa-imdb:before {
  content: "";
}
.fa-ravelry:before {
  content: "";
}
.fa-eercast:before {
  content: "";
}
.fa-microchip:before {
  content: "";
}
.fa-snowflake-o:before {
  content: "";
}
.fa-superpowers:before {
  content: "";
}
.fa-wpexplorer:before {
  content: "";
}
.fa-meetup:before {
  content: "";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
/* mixins souvent utiles
 * https://css-tricks.com/snippets/css/useful-css3-less-mixins/
 */
/*
 * 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
 */
@font-face {
  font-family: "Robotoc";
  font-style: normal;
  font-weight: 500;
  src: url('https://alter-via.fr/plugins/bazscss/squelettes/fonts/robotocondensed-regular.woff2') format("woff2"), url('https://alter-via.fr/plugins/bazscss/squelettes/fonts/robotocondensed-regular.woff') format("woff");
}
@font-face {
  font-family: "Roboto Bold";
  font-style: bold;
  font-weight: 700;
  src: url('https://alter-via.fr/plugins/bazscss/squelettes/fonts/robotocondensed-bold.woff2') format("woff2"), url('https://alter-via.fr/plugins/bazscss/squelettes/fonts/robotocondensed-bold.woff') format("woff");
}
@font-face {
  font-family: "Raleway Black";
  font-style: bold;
  font-weight: 900;
  src: url('https://alter-via.fr/plugins/bazscss/squelettes/fonts/raleway-black.woff2') format("woff2"), url('https://alter-via.fr/plugins/bazscss/squelettes/fonts/raleway-black.woff') format("woff");
}
/* --------------------------------------------------

   typo.css
   Base typographique
   (c) 2010-2014 Tiny Typo v1.3 - MIT License - tinytypo.tetue.net

----------------------------------------------------- */
html {
  font-size: 100.01%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
/* Cf.: http://www.pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/
et http://forum.alsacreations.com/topic-4-54377-1.html
[en] http://stackoverflow.com/questions/2703056/body-font-size-100-01-vs-body-font-size-100 */
body {
  font-size: 1em;
  line-height: 1.3;
}
/* Fonts */
.font1 {
  font-family: serif;
}
.font2 {
  font-family: sans-serif;
}
.font3 {
  font-family: monospace;
}
.font4 {
  font-family: fantasy;
}
/* Titraille / Intertitres */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: normal;
}
h1, .h1 {
  font-size: 2em;
  line-height: 1.5;
  margin-bottom: 0.75em;
}
h2, .h2 {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 0.5em;
}
h3, .h3 {
  font-size: 1.35em;
  line-height: 1.2;
  margin-bottom: 0.2em;
  font-weight: 700;
}
h4, .h4 {
  font-size: 1.1em;
  line-height: 1.364;
  margin-bottom: 0.2em;
}
h5, .h5 {
  font-size: 1em;
  font-weight: bold;
}
h6, .h6 {
  font-size: 1em;
  font-weight: bold;
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small {
  font-size: 60%;
  line-height: 1;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  margin: 1.5em 0;
  border: solid;
  border-width: 1px 0 0;
}
/* Typographical enhancements */
em, i, .i {
  font-style: italic;
}
strong, b, .b {
  font-weight: bold;
}
mark, .mark {
  background: #ff0;
  color: #000;
}
.smaller {
  font-size: 75%;
}
small, .small {
  font-size: 80%;
}
big, .big {
  font-size: 130%;
}
.bigger {
  font-size: 175%;
}
.biggest {
  font-size: 200%;
}
abbr[title], acronym[title] {
  border-bottom: 0.1em dotted;
  cursor: help;
}
@media print {
  abbr[title] {
    border-bottom: 0;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
}
dfn, .dfn {
  font-weight: bold;
  font-style: italic;
}
s, strike, del, .del {
  opacity: 0.5;
  text-decoration: line-through;
}
ins, .ins {
  background-color: rgba(255, 255, 204, 0.5);
  text-decoration: none;
}
u, .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;
}
.lead {
  font-size: 120%;
}
.caps {
  font-variant: small-caps;
}
.quiet {
  color: #555555;
}
/* Alignement */
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
  text-justify: newspaper;
}
/* Lists */
ul {
  list-style-type: disc;
}
ul ul {
  list-style-type: circle;
}
ul ul ul {
  list-style-type: square;
}
ol {
  list-style-type: decimal;
}
ol ol {
  list-style-type: lower-alpha;
}
ol ol ol {
  list-style-type: lower-greek;
}
ul ul, ol ol, ul ol, ol ul {
  margin-top: 0;
  margin-bottom: 0;
}
ol, ul {
  margin-left: 1em;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 1em;
}
.list-none {
  margin-left: 0;
  list-style: none;
}
.list-none li:before {
  content: "";
}
.list-square {
  margin-left: 1em;
  list-style: square;
}
.list-square li:before {
  content: "";
}
.list-disc {
  margin-left: 1em;
  list-style: disc;
}
.list-disc li:before {
  content: "";
}
.list-circle {
  margin-left: 1em;
  list-style: circle;
}
.list-circle li:before {
  content: "";
}
.list-decimal {
  margin-left: 1em;
  list-style: decimal;
}
.list-decimal li:before {
  content: "";
}
.list-inline {
  margin-left: 0;
}
.list-inline li {
  display: inline-block;
  margin: 0;
  margin-right: 1em;
}
.list-inline li:Last-Child {
  margin-right: 0;
}
.list-inline.list-inline-sep li {
  margin-right: 0;
}
.list-inline.list-inline-sep li:after {
  content: " | ";
}
.list-inline.list-inline-sep li:Last-Child:after {
  content: "";
}
.list-inline.list-inline-dash li {
  margin-right: 0;
}
.list-inline.list-inline-dash li:after {
  content: " - ";
}
.list-inline.list-inline-dash li:Last-Child:after {
  content: "";
}
.list-inline.list-inline-comma li {
  margin-right: 0;
}
.list-inline.list-inline-comma li:after {
  content: ", ";
}
.list-inline.list-inline-comma li:Last-Child:after {
  content: ". ";
}
.list-block li {
  display: block;
  margin-right: 0;
}
/* Tableaux */
table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  width: 100%;
}
.table caption, table.spip caption, .table th, table.spip th, .table td, table.spip td {
  padding: 0.375em;
}
.table caption, table.spip caption {
  font-weight: bold;
  text-align: left;
  border-bottom: 2px solid;
}
.table th, table.spip th {
  font-weight: bold;
}
.table th, table.spip th, .table td, table.spip td {
  border-bottom: 1px solid;
}
.table thead th, table.spip thead th {
  vertical-align: bottom;
}
.table tbody tr:hover td {
  background-color: rgba(34, 34, 34, 0.05);
}
.table tfoot {
  font-style: italic;
}
.table tfoot td {
  border-bottom: 0;
  vertical-align: top;
}
@media (max-width: 640px) {
  .table-responsive {
    width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
    margin-bottom: 1.5em;
  }
  .table-responsive table {
    width: 100%;
    margin-bottom: 0;
  }
  .table-responsive thead, .table-responsive tbody, .table-responsive tfoot, .table-responsive tr, .table-responsive th, .table-responsive td {
    white-space: nowrap;
  }
}
/* Quotes, code et poetry */
q {
  quotes: "“" "”" "‘" "’";
}
:lang(en) > q {
  quotes: "“" "”" "‘" "’";
}
:lang(fr) > q {
  quotes: "« " " »" "“" "”" "‘" "’";
}
:lang(es) > q {
  quotes: "«" "»" "“" "”";
}
:lang(it) > q {
  quotes: "« " " »" "“" "”";
}
:lang(de) > q {
  quotes: "»" "«" "›" "‹";
}
:lang(no) > q {
  quotes: "« " " »" "‹" "›";
}
/* [en] http://en.wikipedia.org/wiki/International_variation_in_quotation_marks */
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}
blockquote {
  position: relative;
  padding-left: 1.5em;
  border: solid rgba(34, 34, 34, 0.2);
  border-width: 0 0 0 5px;
}
blockquote:before {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  content: "«";
  line-height: 0;
  font-size: 10em;
  color: rgba(34, 34, 34, 0.1);
}
cite, .cite {
  font-style: italic;
}
address {
  font-style: italic;
}
pre, code, kbd, samp, var, tt {
  font-family: monospace;
  font-size: 1em;
}
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;
}
/* Box */
.box {
  display: block;
  margin-bottom: 1.5em;
  padding: 1.5em 1.5em;
  padding-bottom: 0.1em;
  border: 1px solid;
}
@media print {
  .box {
    border: 1px solid !important;
  }
}
@media (min-width: 640px) {
  .box.right {
    width: 33%;
    margin-left: 1em;
  }
  .box.left {
    width: 33%;
    margin-right: 1em;
  }
  .box.center {
    width: 75%;
  }
}
/* Paragraphes */
p, .p, ul, ol, dl, dd, blockquote, address, pre, .table, fieldset {
  margin-bottom: 0.6em;
}
/* Typographie pour petites ecrans
[fr] http://www.alsacreations.com/astuce/lire/1177 */
@media (max-width: 640px) {
  /* Fixer une largeur maximale  de 100 % aux elements potentiellement problematiques */
  /*img,*/
  /* je suis pas d'accord pour img, au contraire ça fait des soucis avec photoswipe par exemple, juste à cause du !important qui est un peu péremptoire */
  /* Gestion des mots longs */
  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: 640px) {
  html, body {
    -webkit-text-size-adjust: 100%;
  }
}
/* Style pour l'impression (HTML5 Boilerplate)
Inlined to avoid required HTTP connection: h5bp.com/r */
@media print {
  pre, blockquote {
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  @page {
    margin: 2cm 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}
/* fin */
/* mixins souvent utiles
 * https://css-tricks.com/snippets/css/useful-css3-less-mixins/
 */
/*
 * 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
 */
/* $warningBorder:           darken(spin($warningBackground, -10), 3%); */
/* $errorBorder:             darken(spin($errorBackground, -10), 3%); */
/* $successBorder:           darken(spin($successBackground, -10), 5%); */
/* $infoBorder:              darken(spin($infoBackground, -10), 7%); */
/* surcharger que certaines variables, ou en ajouter  #BA9D32 */
.icon {
  font-family: FontAwesome;
}
body {
  font-family: "Robotoc", Helvetica, "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif;
  color: #333;
  background: #fff;
}
h1, .h1, h2, .h2 {
  line-height: 1.2;
  font-weight: 700;
}
/* --------------------------------------------------------------

   layout.css
   Disposition des blocs principaux
   cf.: http://romy.tetue.net/structure-html-de-base

-------------------------------------------------------------- */
/* Elements principaux
------------------------------------------ */
body {
  text-align: center;
  background: white;
}
.page {
  position: relative;
  width: 96%;
  max-width: 980px;
  min-width: 320px;
  margin: 0 auto;
  text-align: left;
  overflow: hidden;
}
.header {
  padding: 16px 0 0;
}
main.main {
  padding: 32px 0;
  clear: both;
  float: left;
  width: 66%;
  overflow: hidden;
  min-height: 350px;
}
.aside {
  position: relative;
  float: right;
  width: 30%;
  overflow: hidden;
  padding: 32px 0;
}
.footer {
  clear: both;
  padding: 1em 0;
  margin: 1em 0 0;
  border-top: 1px solid #999;
}
/* Entete et barre de navigation
------------------------------------------ */
.header .accueil {
  float: left;
}
.header .spip_logo_site {
  display: block;
  margin: 0;
  line-height: 1;
  font-weight: bold;
}
.header .spip_logo_site, .header .spip_logo_site a, .header .spip_logo_site a:hover {
  background: transparent;
  text-decoration: none;
  color: #222;
}
.header .spip_logo_site a:hover {
  color: #c85000;
}
.header .spip_logo_site a:hover img {
  opacity: 0.7;
}
.header .spip_logo {
  margin-bottom: 0;
}
.formulaire_menu_lang {
  position: absolute;
  right: 0;
  top: 0.9em;
  display: block;
  width: 30%;
}
.footer .colophon {
  margin: 0;
  padding: 0 2em;
}
.footer .generator {
  float: right;
}
.footer .generator a {
  padding: 0;
  background: none;
}
/* Gabarit d'impression
------------------------------------------ */
@media print {
  .page, #main {
    width: auto;
  }
  .nav, .arbo, .aside, .footer {
    display: none;
  }
}
/* Affichage sur petits ecrans  
Cf.: http://www.alsacreations.com/astuce/lire/1177
------------------------------------------ */
/* largeur maximum 767px */
@media (max-width: 767px) {
  /* layout */
  /* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */
  /* header du calendrier full-calendar */
  .page {
    width: 100%;
    max-width: 100%;
  }
  .header .accueil {
    padding-left: 1.5em;
  }
  main.main, .aside {
    width: 100%;
    clear: both;
    float: none;
    max-width: 100%;
    padding: 1.5em;
  }
  .nav ul li a {
    float: none;
    border: 0;
  }
  .arbo {
    display: none;
  }
  .footer .colophon {
    width: auto;
    float: none;
  }
  table.fc-header td {
    display: block;
    text-align: left;
  }
}
/* fin */
/* header */
.header {
  position: relative;
}
.header .accueil {
  width: 100%;
  padding: 1.5em 0 0.5em;
}
.header .accueil .nom_site_spip {
  font-family: "Arial Black", Arial, sans-serif;
}
.header .accueil a {
  color: inherit;
}
.header .accueil a:hover, .header .accueil a:focus, .header .accueil a:active {
  background: #005D74;
}
.header #logo_site_spip {
  line-height: 1;
  margin: 0 0 0.5em;
}
.header #slogan_site_spip {
  display: block;
  clear: left;
}
.header .spip_logos {
  float: left;
  margin: 11px 19px;
  margin-left: 0;
  margin-top: 0;
}
.header .formulaire_menu_lang {
  width: 100%;
}
.header .formulaire_menu_lang select {
  width: 100%;
}
/* --------------------------------------------------

   media.css
   Illustrations, images et albums
   (c) 2010-2014 Tiny Typo v1.3 - MIT License - tinytypo.tetue.net

----------------------------------------------------- */
/* Rendre les images responsive par defaut */
img {
  max-width: 100%;
  height: auto;
}
@media print {
  img {
    max-width: 100% !important;
  }
}
img {
  vertical-align: middle;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, progress, video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden], template {
  display: none;
}
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* thumbnail */
.thumb, .thumb.left {
  margin: 0 10px 10px 0;
}
.thumb.right {
  margin: 0 0 10px 10px;
}
/* style effects */
img.round {
  border-radius: 5px;
}
img.circle {
  border-radius: 50%;
}
img.border {
  padding: 4px;
  background-color: #fff;
  border: 1px solid #bbb;
}
img.shadow {
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7), -1px 2px 20px rgba(255, 255, 255, 0.6) inset;
}
/* figure */
figure {
  margin: 0;
  margin-bottom: 0.75em;
  text-align: center;
}
figure.center {
  margin-bottom: 1.5em;
}
figure.left {
  margin-right: 1.5em;
}
figure.right {
  margin-left: 1.5em;
}
/*@media (max-width: 640px) {
  figure {
    margin-bottom: 1.5em;
  }
  figure.left {
    float: none;
    margin-right: 0;
  }
  figure.right {
    float: none;
    margin-left: 0;
  }
}*/
/* album */
.album {
  margin-bottom: 1.5em;
}
.album ul {
  overflow: hidden;
  margin: 0;
  list-style: none;
}
.album li {
  float: left;
  margin: 0;
  margin: 0 10px 10px 0;
}
.album .thumb {
  margin: 0;
}
/* fin */
/* --------------------------------------------------

   links.css
   Liens hypertextes
   (c) 2010-2014 Tiny Typo v1.3 - MIT License - tinytypo.tetue.net

----------------------------------------------------- */
/* Hyperliens
[fr] Signalétique des hyperliens : http://letrainde13h37.fr/43/signaletique-hyperliens/ */
a {
  background: transparent;
  color: inherit;
}
a:focus {
  outline: thin dotted;
  background: #222222;
  border-color: #222222;
  color: #f8f8f8;
  text-shadow: none;
}
a:hover {
  outline: 0;
  cursor: pointer;
}
a:active {
  outline: 0;
}
/* a { outline: none; }
[en] http://www.outlinenone.com
[fr] http://www.outlinenone.fr
*/
a:after, a:before {
  font-size: 90%;
  opacity: 0.9;
}
a[hreflang]:after {
  content: " [" attr(hreflang) "]";
}
/* Liens externes */
a.spip_out:after, a.external:after {
  content: " ➚";
}
a[hreflang].spip_out:after, a[hreflang].external:after {
  content: " [" attr(hreflang) "] ➚";
}
/* mailto / tel */
a.spip_mail:after, a.mailto:after {
  content: " ✉";
}
a.tel:after {
  content: " ✆";
}
/* Documents */
a.download:after {
  content: " ↧";
}
a[hreflang].download:after {
  content: " [" attr(hreflang) "] ↧";
}
a.audio:after {
  content: " ♫";
}
a[hreflang].audio:after {
  content: " [" attr(hreflang) "] ♫";
}
/* Liens images */
a img {
  border: 0;
}
a:focus img, a:active img {
  -moz-transform: translateY(1px);
  -webkit-transform: translateY(1px);
  -o-transform: translateY(1px);
  -ms-transform: translate(1px);
  transform: translateY(1px);
}
@media print {
  /* Ne pas montrer les liens sur images ou javascript / liens internes */
  a {
    text-decoration: underline;
  }
  a:after {
    content: "";
  }
  a.spip_url:after, a[rel="external"]:after, a.external:after {
    content: " (" attr(href) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }
}
/* fin */
/* --------------------------------------------------------------

   form.css
   Base pour formulaires
   Cf.: http://contrib.spip.net/3820

-------------------------------------------------------------- */
input, textarea, select, button {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
}
legend {
  font-weight: bold;
}
/* Curseur main sur les elements input cliquables */
input[type="submit"], input.submit, input[type="button"], input.button, input[type="image"], input.image, button {
  cursor: pointer;
}
textarea {
  overflow: auto;
}
/* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie fieldset {
  padding-top: 0;
}
.ie6 legend, .ie7 legend {
  margin-left: -7px;
}
/* Preciser la couleur des legend et du fond pour IE/Win */
.ie button, .ie input.submit, .ie input.button {
  position: relative;
}
button {
  width: auto;
  overflow: visible;
}
/* joli rendu sous IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
/* formidable */
.choix label {
  display: inline-block;
}
.editer {
  margin: 0 0 1em;
}
/* Elements de notifications des boites succes, info, notice, alerte */
.reponse, .error, .alert, .notice, .success, .info {
  padding: 0.8em;
  margin-bottom: 1.5em;
  border: 2px solid #ddd;
}
.error, .alert {
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4;
}
.notice {
  background: #fff6bf;
  color: #514721;
  border-color: #ffd324;
}
.success {
  background: #e6efc2;
  color: #264409;
  border-color: #c6d880;
}
.info {
  background: #d5edf8;
  color: #205791;
  border-color: #92cae4;
}
.error a, .alert a {
  color: #8a1f11;
}
.notice a {
  color: #514721;
}
.success a {
  color: #264409;
}
.info a {
  color: #205791;
}
/* Print */
@media print {
  form {
    display: none;
  }
}
/* crayons debug */
.edition {
  background: #fff;
}
/* fin */
/* --------------------------------------------------------------

   spip.css
   Styles associes au code genere par SPIP


-------------------------------------------------------------- */
/* Neutraliser conflit spip / tinytypo */
ul, ol {
  list-style: none;
  /*margin-left:0;*/
}
blockquote {
  border: none;
  padding-left: 3em;
}
blockquote:before {
  content: "";
  /* à terme supprimer l'image quote.png et reintegrer le bon sur blocquote.spip_poesie */
}
s, strike, del, .del {
  opacity: 1;
}
/* Compatibilite ancienne dist */
/* .on {font-weight:bold;} */
hr.spip {
  clear: both;
}
/* Listes SPIP */
ul.spip {
  margin-left: 0;
}
ul.spip {
  list-style-type: square;
}
ul.spip li {
  margin-left: 1em;
  margin-bottom: 0.5em;
}
li ul.spip {
  list-style-type: disc;
  margin-bottom: 0.5em;
}
li li ul.spip {
  list-style-type: circle;
}
ol.spip {
  list-style-type: decimal;
}
dl.spip dt, dl.spip dd {
  padding-left: 0.5em;
}
dl.spip dt {
  clear: both;
}
/* Tableaux SPIP */
table.spip {
  width: 100%;
}
/* Citations, code et poesie */
blockquote.spip {
  min-height: 40px;
  background: url('https://alter-via.fr/plugins/bazscss/squelettes/css/img/quote.png') no-repeat;
}
.spip_poesie {
  border-left: 1px solid;
}
.spip_poesie div {
  margin-left: 50px;
  text-indent: -50px;
}
.spip_code, .spip_cadre {
  font-family: "Courier New", Courier, monospace;
  font-size: 1em;
  margin: 0 0.2em;
}
.spip_code {
  border: 1px solid #dfdfcd;
  background-color: rgba(227, 227, 211, 0.5);
  color: #3b3b25;
  text-shadow: 0 1px 0 #fdfdfc;
}
.spip_cadre {
  background: #333;
  color: #fff;
  border-radius: 0.5em;
  border: 0;
}
textarea.spip_code, textarea.spip_cadre {
  padding: 1em;
  width: 98%;
}
/* Enluminures typo V3 / Cf.: http://contrib.spip.net/3118 */
sc, .sc {
  font-variant: small-caps;
}
.caractencadre-spip {
  background-color: #FFFFCC;
  color: purple;
}
.caractencadre2-spip {
  background-color: #FFFFCC;
  color: orange;
}
.texteencadre-spip {
  display: block;
  margin: 1.5em 50px;
  padding: 1.5em;
  background: #EEE;
}
/* Logos, documents et images */
.spip_logo {
  float: right;
  margin: 0 0 10px 10px;
  padding: 0;
  border: none;
}
.spip_documents {
  margin-bottom: 0.5em;
  padding: 0;
  background: none;
  max-width: 100%;
  font-size: 80%;
  display: inline-block;
}
.spip_documents a {
  background: none;
}
.spip_documents a:hover {
  background: none;
}
.spip_documents a.spip_out:after {
  content: "";
}
.spip_documents, .spip_documents_center, .spip_doc_titre, .spip_doc_descriptif {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.spip_documents_center {
  clear: both;
  display: block;
  width: 100%;
  text-align: center;
}
.spip_documents_center figcaption {
  margin: 0 auto;
}
.spip_documents_left {
  float: left;
  margin-right: 1em;
}
.spip_documents_right {
  float: right;
  margin-left: 1em;
}
.spip_doc_descriptif {
  clear: both;
}
.spip_doc_credits {
  font-size: x-small;
  clear: both;
}
@media (max-width: 480px) {
  /* fixer une largeur maximale  de 100 % aux elements potentiellement problematiques */
  .spip_documents, .spip_doc_titre, .spip_doc_descriptif {
    max-width: 100%;
  }
  .spip_documents figcaption, .spip_doc_titre figcaption, .spip_doc_descriptif figcaption {
    margin: 0 auto;
  }
}
/* Modeles par defaut */
.spip_modele {
  float: right;
  display: block;
  width: 25%;
  margin: 0 0 1.5em 1.5em;
  padding: 1.5em;
  background-color: #EEE;
}
/* Formulaires */
.formulaire_spip li {
  clear: both;
  margin-bottom: 0.75em;
}
.formulaire_spip .boutons {
  clear: both;
  margin: 0;
  padding: 0;
  text-align: right;
}
.formulaire_spip input.text, .formulaire_spip textarea {
  padding: 0.2em;
  border: solid 1px #aaa;
}
.formulaire_spip input.text, .formulaire_spip input.password, .formulaire_spip textarea, .formulaire_spip select {
  box-sizing: border-box;
  font-size: 1em;
  padding: 3px;
  width: 100%;
}
.formulaire_spip .editer label {
  color: #000;
  font-weight: 700;
}
@media print {
  .formulaire_spip {
    display: none;
  }
}
/* Barre typo */
.markItUp .markItUpHeader ul .markItUpSeparator {
  display: none;
}
/* Previsu */
.previsu {
  margin-bottom: 1.5em;
  padding: 0.75em;
  border: 2px dashed #F57900;
}
fieldset.previsu legend {
  color: #F57900;
}
/* Reponses */
.reponse_formulaire {
  margin-bottom: 1.5em;
  padding: 0.75em;
  border: 2px solid #ddd;
}
.reponse_formulaire_ok {
  background: #e6efc2;
  color: #264409;
  border-color: #c6d880;
}
.reponse_formulaire_erreur {
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4;
}
.reponse_formulaire_ok a {
  color: #264409;
}
.reponse_formulaire_erreur a {
  color: #8a1f11;
}
.erreur_message {
  color: red;
}
li.erreur input[type="text"], li.erreur input.text, li.erreur input[type="password"], li.erreur input.password, li.erreur textarea {
  background-color: #fbe3e4;
  border-color: #fbc2c4;
}
.spip_surligne {
  background-color: yellow;
}
/* Formulaire de recherche */
.formulaire_recherche * {
  display: inline;
}
/* Paragraphes */
div.spip, ul.spip, ol.spip, .spip_poesie, .spip_cadre, div.spip_code, .spip_documents.spip_documents_center {
  margin-bottom: 1.5em;
}
/* Pagination */
.pagination {
  clear: both;
  text-align: center;
}
.pagination .disabled {
  visibility: hidden;
}
@media print {
  .pagination {
    display: none;
  }
}
/* SPIP 4 */
.pagination, .pagination ul {
  margin: 2em 0;
  text-align: center;
  display: flex;
  width: 100%;
  justify-content: center;
}
.pagination .sep, .pagination .label, .pagination ul .sep, .pagination ul .label {
  display: none;
}
.pagination .lien_pagination, .pagination .on, .pagination .tbc, .pagination ul .lien_pagination, .pagination ul .on, .pagination ul .tbc {
  display: inline-block;
  padding: 0 0.4em;
  text-decoration: none;
}
.pagination .lien_pagination:hover, .pagination .lien_pagination:focus, .pagination .lien_pagination:active, .pagination ul .lien_pagination:hover, .pagination ul .lien_pagination:focus, .pagination ul .lien_pagination:active {
  /*         color:            #FFF; */
  /*         background-color: $couleur-lien-hover; */
}
.pagination .lien_pagination, .pagination .on, .pagination .tbc, .pagination ul .lien_pagination, .pagination ul .on, .pagination ul .tbc {
  text-align: center;
  border-radius: 0.25em;
  min-width: 1.5em;
}
.pagination .pages, .pagination ul .pages {
  display: flex;
  justify-content: space-between;
}
.pagination .pages .on, .pagination ul .pages .on {
  /*             color:            #FFF; */
  /*             background-color: $couleur-lien; */
  padding-left: 0.4em;
  padding-right: 0.4em;
}
.pagination .next strong, .pagination .prev strong, .pagination ul .next strong, .pagination ul .prev strong {
  font-weight: normal;
}
.pagination .disabled, .pagination ul .disabled {
  display: inline-block;
  color: #838383;
}
/* Liens de SPIP */
a.spip_note {
  font-weight: bold;
}
/* liens vers notes de bas de page */
/* liens internes */
/* liens sortants */
/* liens url sortants */
/* liens vers encyclopedie */
/* Boutons d'admin */
.ie6 .spip-admin, .ie6 #spip-admin {
  display: none;
}
@media print {
  .spip-admin, #spip-admin {
    display: none;
  }
}
/* fin */
.header {
  position: relative;
}
.header .accueil {
  width: 100%;
  padding: 1.5em 0 0.5em;
}
.header .accueil .nom_site_spip {
  font-family: "Arial Black", Arial, sans-serif;
  font-weight: 400;
}
.header .accueil a {
  color: inherit;
}
.header .accueil a:hover, .header .accueil a:focus, .header .accueil a:active {
  background: #005D74;
}
.header .logo_site_spip {
  line-height: 1;
  margin: 0 0 0.5em;
}
.header .slogan_site_spip {
  display: block;
  clear: left;
}
.header .spip_logo {
  float: left;
  margin: 11px 19px;
  margin-left: 0;
  margin-top: 0;
}
.header .formulaire_menu_lang {
  width: 100%;
}
.header .formulaire_menu_lang select {
  width: 100%;
}
.hero-unit {
  padding: 1.5em 0;
}
.hero-unit .postmeta {
  clear: both;
}
.liste.long.articles {
  padding: 2em 0 0;
}
.page_sommaire .arbo {
  display: none;
}
.page_sommaire .liste.long.articles {
  padding: 0;
}
.footer {
  font-size: 0.7em;
}
a {
  color: #005D74;
  text-decoration: none;
}
a:focus, a:hover, a:active, a.on, .nav li a.on {
  background-color: #005D74;
  color: #fffdfb;
}
a:not([href]) {
  cursor: text;
}
.sociaux a.external:after {
  display: none;
}
.btn {
  padding: 0.3rem;
  margin: 0.2rem;
  display: inline-block;
  background-color: #eee;
  color: #222;
}
.btn:hover {
  color: #005D74;
}
.arbo {
  clear: none;
  font-size: 0.7em;
}
.arbo * {
  font-weight: normal;
}
.arbo, .arbo a {
  color: gray;
}
.arbo a:hover {
  background: #555;
  color: white;
}
.cartouche {
  margin-bottom: 1.5em;
}
.cartouche h1 {
  margin-bottom: 0;
  font-weight: 700;
}
.cartouche h1 .soustitre {
  display: block;
}
.cartouche p {
  margin-bottom: 0;
}
abbr.published {
  border: 0;
}
@media print {
  abbr[title].published:after {
    content: "";
  }
  abbr[title].dtreviewed:after {
    content: "";
  }
}
.publication, .info-publi {
  margin: 1.5em 0 0;
  font-size: 0.9em;
  font-style: italic;
}
html[dir="rtl"] .info-publi {
  font-style: normal;
}
.traductions {
  font-size: 0.9em;
}
.traductions a[hreflang]:after {
  content: "";
}
.chapo {
  font-weight: bold;
}
.hyperlien {
  display: block;
  padding: 1.5em 50px;
  background: #eee;
  font-weight: bold;
}
.ps, .notes {
  margin: 6em 0 1.5em;
  clear: both;
}
.notes {
  clear: both;
  font-size: 0.9em;
}
h2, .h2 {
  margin-top: 1em;
}
.liste.articles:not(.periode) li {
  border-top: 1px solid #999;
  padding: 2em 0 0;
  margin: 2em 0;
}
.liste.articles:not(.periode) li .h3-like {
  font-size: 1.2em;
}
.liste.articles:not(.periode) li .introduction p {
  margin: 0;
}
.liste.articles:not(.periode) li:last-of-type {
  /*border-bottom:1px solid $grayLight;*/
  padding-bottom: 2em;
}
.liste {
  margin: 2em 0;
}
.liste.syndic ul.liste-items {
  padding: 0 0.5em 0 2em;
}
.liste li.short {
  margin: 1em 0 1.5em;
}
.liste li.short .publication {
  margin: 0;
}
.liste .item {
  clear: both;
  margin: 2em 0 3em;
}
.spip_logo {
  max-width: 100%;
}
.spip_document {
  max-width: 100%;
  height: auto;
}
iframe {
  max-width: 100%;
}
.credits {
  clear: both;
  display: block;
  text-align: left;
  font-size: 0.6em;
}
dl.spip dt {
  background: url('https://alter-via.fr/plugins/bazscss/squelettes/css/img/def.png') no-repeat 25px 0.5em;
}
table.spip {
  margin: 1em 0;
}
table.spip caption {
  background: none;
  border-bottom: 1px solid;
  text-align: left;
  font-weight: bold;
}
table.spip thead th {
  background: none;
  border: 1px solid;
  border-width: 1px 0;
}
table.spip tbody tr th, table.spip tr td {
  background: none;
}
table.spip tbody tr.odd th, table.spip tr.odd td {
  background: #999;
}
table.spip tr:hover td {
  background: #AAD;
}
table.spip tfoot {
  border-top: 1px solid;
}
.offscreen, .header .accueil .nom_site_spip, .arbo, html:not(.rubrique_competences) .content .liste.articles .h2, .def .chargement, .aside .descriptif, .extra .descriptif, .page_sommaire .extra nav.nav > .h2, .rubrique_competences .main .cartouche h1, .article_competences .extra .descriptif, .article_competences .aside .descriptif, html:not(.article_blog) .publication {
  position: absolute;
  left: -999em;
  height: 1%;
}
.formulaire_spip {
  margin-bottom: 1.5em;
}
fieldset {
  width: 100%;
  margin: 0;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
label {
  display: block;
}
.erreur_message {
  display: block;
}
input.text, textarea {
  width: 100%;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.content input.text {
  width: 50%;
}
textarea {
  width: 100%;
}
button:hover, button:active, button:focus, .header button:hover, .header button:active, .header button:focus {
  background: #005D74;
  color: #fffdfb;
  outline: none !important;
}
.formulaire_menu_lang {
  margin: 0;
  padding: 0;
  background: none;
}
.recherche {
  max-width: 300px;
  /* placer dans un conteneur mini 300px */
}
.recherche .flex2 .input-group-prepend, .recherche .page_sommaire .contenu .accueil .input-group-prepend, .page_sommaire .contenu .recherche .accueil .input-group-prepend, .recherche .nouscontacter .main .input-group-prepend, .nouscontacter .recherche .main .input-group-prepend, .formulaire_newsletter_subscribe .flex2 .input-group-prepend, .formulaire_newsletter_subscribe .page_sommaire .contenu .accueil .input-group-prepend, .page_sommaire .contenu .formulaire_newsletter_subscribe .accueil .input-group-prepend, .formulaire_newsletter_subscribe .nouscontacter .main .input-group-prepend, .nouscontacter .formulaire_newsletter_subscribe .main .input-group-prepend {
  flex-basis: 80%;
}
.recherche .flex2 .input-group-prepend input, .recherche .page_sommaire .contenu .accueil .input-group-prepend input, .page_sommaire .contenu .recherche .accueil .input-group-prepend input, .recherche .nouscontacter .main .input-group-prepend input, .nouscontacter .recherche .main .input-group-prepend input, .formulaire_newsletter_subscribe .flex2 .input-group-prepend input, .formulaire_newsletter_subscribe .page_sommaire .contenu .accueil .input-group-prepend input, .page_sommaire .contenu .formulaire_newsletter_subscribe .accueil .input-group-prepend input, .formulaire_newsletter_subscribe .nouscontacter .main .input-group-prepend input, .nouscontacter .formulaire_newsletter_subscribe .main .input-group-prepend input {
  border-radius: 0.3rem 0 0 0.3rem;
  border: 1px solid #ccc;
  border-right: 0;
}
.recherche .flex2 .input-group-append, .recherche .page_sommaire .contenu .accueil .input-group-append, .page_sommaire .contenu .recherche .accueil .input-group-append, .recherche .nouscontacter .main .input-group-append, .nouscontacter .recherche .main .input-group-append, .formulaire_newsletter_subscribe .flex2 .input-group-append, .formulaire_newsletter_subscribe .page_sommaire .contenu .accueil .input-group-append, .page_sommaire .contenu .formulaire_newsletter_subscribe .accueil .input-group-append, .formulaire_newsletter_subscribe .nouscontacter .main .input-group-append, .nouscontacter .formulaire_newsletter_subscribe .main .input-group-append {
  flex-basis: 20%;
}
.recherche .flex2 .input-group-append button, .recherche .page_sommaire .contenu .accueil .input-group-append button, .page_sommaire .contenu .recherche .accueil .input-group-append button, .recherche .nouscontacter .main .input-group-append button, .nouscontacter .recherche .main .input-group-append button, .formulaire_newsletter_subscribe .flex2 .input-group-append button, .formulaire_newsletter_subscribe .page_sommaire .contenu .accueil .input-group-append button, .page_sommaire .contenu .formulaire_newsletter_subscribe .accueil .input-group-append button, .formulaire_newsletter_subscribe .nouscontacter .main .input-group-append button, .nouscontacter .formulaire_newsletter_subscribe .main .input-group-append button {
  border-radius: 0 0.3rem 0.3rem 0;
  border: 1px solid #ccc;
}
.recherche .flex2 input, .recherche .page_sommaire .contenu .accueil input, .page_sommaire .contenu .recherche .accueil input, .recherche .nouscontacter .main input, .nouscontacter .recherche .main input, .recherche .flex2 button, .recherche .page_sommaire .contenu .accueil button, .page_sommaire .contenu .recherche .accueil button, .recherche .nouscontacter .main button, .nouscontacter .recherche .main button, .formulaire_newsletter_subscribe .flex2 input, .formulaire_newsletter_subscribe .page_sommaire .contenu .accueil input, .page_sommaire .contenu .formulaire_newsletter_subscribe .accueil input, .formulaire_newsletter_subscribe .nouscontacter .main input, .nouscontacter .formulaire_newsletter_subscribe .main input, .formulaire_newsletter_subscribe .flex2 button, .formulaire_newsletter_subscribe .page_sommaire .contenu .accueil button, .page_sommaire .contenu .formulaire_newsletter_subscribe .accueil button, .formulaire_newsletter_subscribe .nouscontacter .main button, .nouscontacter .formulaire_newsletter_subscribe .main button {
  width: 100%;
  line-height: 1.8;
}
.recherche .flex2 input, .recherche .page_sommaire .contenu .accueil input, .page_sommaire .contenu .recherche .accueil input, .recherche .nouscontacter .main input, .nouscontacter .recherche .main input, .formulaire_newsletter_subscribe .flex2 input, .formulaire_newsletter_subscribe .page_sommaire .contenu .accueil input, .page_sommaire .contenu .formulaire_newsletter_subscribe .accueil input, .formulaire_newsletter_subscribe .nouscontacter .main input, .nouscontacter .formulaire_newsletter_subscribe .main input {
  padding: 0 0.4rem;
}
.recherche .flex2 button, .recherche .page_sommaire .contenu .accueil button, .page_sommaire .contenu .recherche .accueil button, .recherche .nouscontacter .main button, .nouscontacter .recherche .main button, .formulaire_newsletter_subscribe .flex2 button, .formulaire_newsletter_subscribe .page_sommaire .contenu .accueil button, .page_sommaire .contenu .formulaire_newsletter_subscribe .accueil button, .formulaire_newsletter_subscribe .nouscontacter .main button, .nouscontacter .formulaire_newsletter_subscribe .main button {
  padding-left: 0;
  padding-right: 0;
}
ul.choix_mots {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.choix_mots li {
  clear: none;
  float: left;
  display: block;
  width: 30%;
  padding: 1%;
}
ul.choix_mots li label {
  display: inline;
  font-weight: normal;
}
.formulaire_spip .bugajaxie {
  display: none;
}
.formulaire_login .editer-groupe .editer {
  clear: left;
}
.formulaire_login .editer_password .details {
  display: block;
}
.formulaire_login .spip_logo_auteur {
  float: right;
}
.formulaire_ecrire_auteur .saisie_sujet_message_auteur input.text {
  width: 100%;
}
.caractencadre-spip {
  background: none;
  color: #005D74;
}
.caractencadre2-spip {
  background: #005D74;
  color: spin(#0ecfff, 180);
}
.documents_portfolio li {
  display: inline;
  margin: 0;
  padding: 0;
}
.documents_portfolio a {
  display: inline-block;
  padding: 10px;
  margin: 5px;
  border: 1px solid #ccc !important;
  color: #999;
  background: #fff;
  box-shadow: 5px 7px 5px 2px rgba(85, 85, 85, 0.3);
}
.documents_portfolio a:hover {
  color: #999;
  opacity: 0.8;
}
.documents_portfolio img {
  margin: 0;
}
.documents_joints .descriptif p {
  margin: 0;
}
.spip_documents.spip_documents_left:not(.modedoc), .spip_documents.spip_documents_right:not(.modedoc) {
  max-width: 50%;
}
.documents_joints a .spip_logo {
  float: left;
  margin: 0 0.5em 0.5em 0;
}
.comments {
  margin-top: 2em;
}
.comments-list {
  padding: 1em 0;
  border-top: 1px solid #999;
}
.comments ul {
  list-style: none;
}
.comment-item {
  margin: 0.5em 0 0 0;
  padding: 0.5em 0 0 0;
  border-top: 1px solid #999;
}
.comments-items .comments-items {
  margin-left: 25px;
  padding-left: 20px;
  border-left: 5px solid #555;
}
.comment-meta {
  margin: 0;
  font-weight: bold;
}
.comment-meta small {
  font-size: 100%;
}
.comment-meta abbr {
  border: 0;
}
.comment-meta a {
  text-decoration: none;
}
.comment-content .hyperlien {
  padding: 0;
  background: transparent;
  font-weight: normal;
}
.forum-titre {
  margin-top: 2em;
  padding: 1em 0;
  border-top: 1px solid #999;
}
.formulaire_forum legend {
  display: none;
}
.formulaire_forum .saisie_titre input.text {
  width: 100%;
}
.formulaire_forum .session_qui {
  display: none;
}
.formulaire_forum .saisie_texte .explication {
  font-size: 0.9em;
  font-style: italic;
}
html[dir="rtl"] .formulaire_forum .saisie_texte .explication {
  font-style: normal;
}
.iconemodele {
  color: #005D74;
  font-family: "FontAwesome", sans-serif;
}
.iconemodele.bloc {
  padding: 0.5em;
  margin-bottom: 1em;
  line-height: 0.9;
}
.iconemodele.bloc.largeur {
  width: 48%;
  max-width: 100%;
}
.iconemodele.bloc.left {
  float: left;
  clear: both;
}
.iconemodele.bloc.right {
  float: right;
}
.iconemodele.bloc.center {
  text-align: center;
}
.iconemodele.bloc.center .content {
  text-align: left;
}
.iconemodele.bloc:after {
  display: block;
  clear: both;
  content: "";
}
.iconemodele.bloc .icon {
  font-size: 60px;
  float: left;
  margin-right: 16px;
}
.iconemodele.bloc .icon:before {
  color: #005D74;
  position: relative;
  top: 0.1em;
}
.iconemodele.bloc .content {
  line-height: 1.2;
  text-align: left;
  /*a { text-decoration:underline; }*/
}
.iconemodele.bloc .content h3 {
  margin: 10px 0 0.5em;
  padding: 0 0.5em;
}
.iconemodele.bloc .content p {
  margin: 0 0 0.2em;
  color: #000;
}
.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 {
  clear: left;
}
.nav ul {
  margin: 0;
}
.nav li {
  display: inline;
  line-height: 1.2;
}
.nav li > a {
  display: inline-block;
  padding: 0.5em;
  margin: 0 0 0.4em;
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  border-radius: 0.25em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-decoration: none;
  line-height: 1.4;
  background: #eee;
  color: #222;
}
.nav li.on a {
  background: #005D74;
  color: #fffdfb;
  font-weight: normal;
}
.nav li a:focus, .nav li a:hover, .nav li a:active {
  background: #005D74;
  color: #fffdfb;
}
.nav .pagination {
  margin: 0 0 1rem;
}
.btn-nav, .btn-aside {
  float: right;
  margin-right: -9999px;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: none;
  background: #eee;
  font-size: 0.6em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
  outline: none !important;
  display: none;
}
.btn-aside {
  width: 25px;
  -webkit-transition: right 0.4s ease 0.2s;
  -moz-transition: right 0.4s ease 0.2s;
  -ms-transition: right 0.4s ease 0.2s;
  -o-transition: right 0.4s ease 0.2s;
  right: 25px;
  font-size: 1rem;
}
.btn-aside.actif {
  right: 75%;
  margin: 0;
  padding: 0 3px;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 9999;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-right: 1px solid #000;
}
.ham, .ham:before, .ham:after {
  background: #333;
  height: 3px;
  width: 100%;
  display: block;
  margin: 12px 0 10px;
  position: relative;
  transition: 0.3s ease-in-out;
}
.ham:before, .ham:after {
  margin: 0;
  position: absolute;
  bottom: -6px;
  content: " ";
}
.ham:before {
  top: -6px;
}
button:hover .ham, button:hover .ham:before, button:hover .ham:after, button:active .ham, button:active .ham:after, button:active .ham:before, button:focus .ham, button:focus .ham:after, button:focus .ham:before {
  background: #fff;
}
button.actif .ham {
  background: transparent;
  transform: rotate(-360deg);
  margin-left: 9px;
  width: 60%;
}
button.actif .ham:before {
  background: #555;
  transform: rotate(-45deg);
  top: 0;
}
button.actif .ham:after {
  background: #555;
  transform: rotate(45deg);
  bottom: 0;
}
button.actif:hover .ham:before, button.actif:hover .ham:after, button.actif:focus .ham:before, button.actif:focus .ham:after {
  background: #fff;
}
.page.ombre {
  background: #999;
}
.inline, .inline.liste-items {
  margin: 0;
  padding: 0;
}
.inline li, .inline.liste-items li {
  display: inline;
}
.inline li:after, .inline.liste-items li:after {
  content: " - ";
}
.inline li:last-child:after, .inline.liste-items li:last-child:after {
  content: "";
}
.periode {
  font-family: Helvetica, "FontAwesome", sans-serif;
  width: 100%;
}
.periode a, .periode span {
  display: inline-block;
  margin-right: 0.25em;
}
.periode a:not(.mois_archives):after, .periode span:not(.mois_archives):after {
  content: "";
  font-size: 0.7em;
  margin: 0 0 0 5px;
  color: #999;
}
.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: #005D74;
}
.periode a.mois_archives, .periode span.mois_archives {
  width: 0;
  overflow: hidden;
  margin: 0;
  height: 0;
}
.periode a.mois_archives.ouvert, .periode span.mois_archives.ouvert {
  width: auto;
  height: auto;
  overflow: visible;
}
.liste .blog .spip_logo {
  max-width: 30%;
}
.liste .blog .publication {
  position: relative;
  top: auto;
  left: auto;
  float: left;
  padding: 1em;
  margin: 0 1em 0.5em 0;
  width: 100px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #eee;
  text-align: center;
}
.liste.mots .item a {
  display: inline-block;
  padding: 0 2px;
}
.aside a {
  text-decoration: none;
}
.aside .nav {
  padding: 0;
}
.aside .nav li {
  display: block;
}
.aside .nav li a {
  width: 100%;
}
.aside h2 {
  padding-bottom: 0.1em;
  font-size: 1em;
}
.aside h2 a {
  border: 1px solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 0.5em;
}
.aside li {
  margin: 0.2em 0 0 0;
}
.aside li ul {
  margin-bottom: 0.5em;
  padding-left: 1em;
}
.aside li ul a {
  line-height: 1.2;
}
.aside .liste {
  margin-top: 1em;
  padding-left: 0.5em;
  border-left: 1px solid #d5d5d5;
}
.aside .liste .item {
  margin: 0.5em 0;
}
.aside .liste.groupes_mots .h2 {
  margin-bottom: 0;
  margin-top: 1em;
}
.aside .liste.groupes_mots .h2:first-child {
  margin-top: 0;
}
.aside .nav .blog li a {
  line-height: 1;
  padding: 1em;
  background: #eee;
  /*font-weight:700;*/
}
.aside .nav .blog li a p {
  font-weight: 400;
  margin: 0;
}
.aside .nav .blog li a p.date {
  font-size: 90%;
  margin: 0 0 0.3em;
}
.aside .nav .blog li a p.introduction {
  font-size: 0.8em;
  margin-top: 0.5em;
}
.aside .nav .blog li a:hover, .aside .nav .blog li a:focus, .aside .nav .blog li a:active, .aside .nav .blog li a.on {
  background: #d5d5d5;
  color: #000;
}
.pagination {
  /*margin: 2em 0; word-wrap: break-word; line-height: 2.4;*/
  /* 	a, .on  { padding:.5em; margin: 0 1px; @include border-radius(0.25em); } */
  /*	a {  background:$grayLighter; color: $grayDarker; text-decoration: none;
		&:hover { color:$black; text-decoration:underline; }
	}*/
  /* 	.on { font-weight: bold; color:$black; background:$grayLighter; text-decoration:underline; } */
}
.pagination .sep {
  visibility: hidden;
  display: none;
}
.menu_articles .pagination strong {
  font-size: 1em;
}
a#pagination_articles_rubrique {
  display: inline;
  margin: 0;
  padding: 0;
  line-height: 1px;
}
/* pagination spip 4 */
.pagination, .aside .nav .pagination {
  margin: 2em 0;
}
.pagination .pagination-items, .aside .nav .pagination .pagination-items {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.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;
  border-radius: 0.25em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
}
.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;
  text-decoration: none;
}
.menu_articles li {
  clear: both;
  margin-bottom: 1.5em;
}
.menu_articles li h3, .menu_articles li h2 {
  margin: 0 0 0.2em 0;
}
.menu_articles li p {
  margin: 0;
}
.menu_articles li .enclosures {
  float: right;
  text-align: right;
  max-width: 60%;
  margin: 0;
}
.menu_articles li div {
  margin-top: 0.2em;
  margin-bottom: 0.5em;
}
.menu_articles a {
  text-decoration: none;
}
.menu_articles strong {
  font-size: 1.2em;
}
ul.liste-items {
  margin-left: 0;
  padding: 0;
}
.menu_breves li h3 {
  margin: 0;
}
.formulaire_ecrire_auteur {
  margin-top: 3em;
  padding-top: 1em;
  border-top: 1px solid #eee;
}
.formulaire_ecrire_auteur legend {
  cursor: pointer;
  color: #005D74;
}
.formulaire_ecrire_auteur legend:hover {
  background-color: #005D74;
  color: #fffdfb;
}
/* .flex { padding:0; display: flex; align-items: flex-start; justify-content:space-between; flex-flow:row wrap; align-items:stretch; } */
/* la liste flexbox */
.flex, .page_sommaire .contenu #main ul.competences, .page_sommaire .contenu .accueil, .nouscontacter .main, .rubrique_competences .liste.articles ul.liste-items {
  width: 100%;
  display: -webkit-inline-flex;
  /* Safari */
  display: inline-flex;
  -webkit-flex-direction: row;
  /* Safari */
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  /* Safari */
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  /* Safari */
  justify-content: flex-start;
  -webkit-align-items: stretch;
  /* Safari */
  align-items: stretch;
  -webkit-align-content: stretch;
  /* Safari */
  align-content: stretch;
}
.flex > *, .page_sommaire .contenu #main ul.competences > *, .page_sommaire .contenu .accueil > *, .nouscontacter .main > *, .rubrique_competences .liste.articles ul.liste-items > * {
  overflow: hidden;
}
.flex2 > *, .page_sommaire .contenu .accueil > *, .nouscontacter .main > * {
  flex-basis: 50%;
}
.flex3 > *, .rubrique_competences .liste.articles ul.liste-items > * {
  flex-basis: 33.3333333333%;
}
.flex4 > * {
  flex-basis: 25%;
}
.flex5 > *, .page_sommaire .contenu #main ul.competences > * {
  flex-basis: 20%;
}
.flex6 > * {
  flex-basis: 16.6666666667%;
}
.imagesenligne.flex, .page_sommaire .contenu #main ul.imagesenligne.competences, .page_sommaire .contenu .imagesenligne.accueil, .nouscontacter .imagesenligne.main, .rubrique_competences .liste.articles ul.imagesenligne.liste-items {
  margin-bottom: 1.5em;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-flex-wrap: nowrap;
  /* Safari */
  flex-wrap: nowrap;
}
.imagesenligne.flex span, .page_sommaire .contenu #main ul.imagesenligne.competences span, .page_sommaire .contenu .imagesenligne.accueil span, .nouscontacter .imagesenligne.main span, .rubrique_competences .liste.articles ul.imagesenligne.liste-items span {
  padding: 0 16px;
}
.imagesenligne.flex span:first-of-type, .page_sommaire .contenu #main ul.imagesenligne.competences span:first-of-type, .page_sommaire .contenu .imagesenligne.accueil span:first-of-type, .nouscontacter .imagesenligne.main span:first-of-type, .rubrique_competences .liste.articles ul.imagesenligne.liste-items span:first-of-type {
  padding-left: 0;
}
.imagesenligne.flex span:last-of-type, .page_sommaire .contenu #main ul.imagesenligne.competences span:last-of-type, .page_sommaire .contenu .imagesenligne.accueil span:last-of-type, .nouscontacter .imagesenligne.main span:last-of-type, .rubrique_competences .liste.articles ul.imagesenligne.liste-items span:last-of-type {
  padding-right: 0;
}
.imagesenligne.flex a:hover .spip_logos, .page_sommaire .contenu #main ul.imagesenligne.competences a:hover .spip_logos, .page_sommaire .contenu .imagesenligne.accueil a:hover .spip_logos, .nouscontacter .imagesenligne.main a:hover .spip_logos, .rubrique_competences .liste.articles ul.imagesenligne.liste-items a:hover .spip_logos {
  min-width: 0;
}
.imagesenligne.flex a.spip_out:after, .page_sommaire .contenu #main ul.imagesenligne.competences a.spip_out:after, .page_sommaire .contenu .imagesenligne.accueil a.spip_out:after, .nouscontacter .imagesenligne.main a.spip_out:after, .rubrique_competences .liste.articles ul.imagesenligne.liste-items a.spip_out:after {
  content: "";
}
.imagesenligne.flex.space-around, .page_sommaire .contenu #main ul.imagesenligne.space-around.competences, .page_sommaire .contenu .imagesenligne.space-around.accueil, .nouscontacter .imagesenligne.space-around.main, .rubrique_competences .liste.articles ul.imagesenligne.space-around.liste-items {
  justify-content: space-around;
}
.imagesenligne.flex.space-around span, .page_sommaire .contenu #main ul.imagesenligne.space-around.competences span, .page_sommaire .contenu .imagesenligne.space-around.accueil span, .nouscontacter .imagesenligne.space-around.main span, .rubrique_competences .liste.articles ul.imagesenligne.space-around.liste-items span {
  padding: 0;
  flex-basis: 33%;
  text-align: center;
}
.imagesenligne.flex.space-between, .page_sommaire .contenu #main ul.imagesenligne.space-between.competences, .page_sommaire .contenu .imagesenligne.space-between.accueil, .nouscontacter .imagesenligne.space-between.main, .rubrique_competences .liste.articles ul.imagesenligne.space-between.liste-items {
  justify-content: space-between;
}
.leaflet-container .leaflet-popup a.leaflet-popup-close-button {
  padding: 0 0 4px;
  height: auto;
  display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 2px;
}
@media print {
  .spip-admin, .spip-admin-float, .spip-previsu {
    display: none;
  }
  .repondre, .formulaire_spip {
    display: none;
  }
  a {
    color: #600;
    text-decoration: underline !important;
  }
  a.spip_out:after, a.spip_glossaire:after, a.spip_mail:after {
    display: inline;
    content: " [" attr(href) "]";
  }
}
@media (max-width: 767px) {
  .page {
    overflow: hidden;
  }
  .aside {
    position: fixed;
    width: 75%;
    right: -75%;
    top: 0;
    transition: right 0.4s ease 0.2s;
    height: 100%;
    overflow: auto;
    background: #eee;
    z-index: 9999;
  }
  .aside.ouvert {
    right: 0;
  }
  .header .accueil {
    width: calc(100% - 130px);
    padding-left: 1.5em;
    padding-top: 0;
  }
  .header .nav {
    clear: none;
  }
  .header .nav ul {
    margin: 0 0 1em;
    position: absolute;
    right: -100%;
    top: 80px;
    width: 100%;
    height: 0;
    text-align: left;
    z-index: 2;
    -webkit-transition: right 0.4s;
    -moz-transition: right 0.4s;
    -ms-transition: right 0.4s;
    -o-transition: right 0.4s;
  }
  .btn-nav, .btn-aside {
    display: block;
    margin-right: 14px;
  }
  .nav li {
    display: block;
  }
  .nav li a {
    display: block;
    background: #d5d5d5;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .nav ul.ouvert {
    height: auto;
    right: 0;
  }
  .pagination {
    line-height: 3;
  }
  .flex2 > *, .page_sommaire .contenu .accueil > *, .nouscontacter .main > * {
    flex-basis: 50%;
  }
  .flex3 > *, .rubrique_competences .liste.articles ul.liste-items > * {
    flex-basis: 50%;
  }
  .flex4 > * {
    flex-basis: 50%;
  }
  .flex5 > *, .page_sommaire .contenu #main ul.competences > * {
    flex-basis: 50%;
  }
  .flex6 > * {
    flex-basis: 50%;
  }
}
@media (max-width: 639px) {
  .header .logo_site_spip {
    font-size: 1em;
  }
  .header .spip_logos {
    max-width: 100px;
    width: 100px;
    float: none;
  }
  .iconemodele.bloc.left, .iconemodele.bloc.right {
    margin-right: 0;
    width: 100%;
    float: none;
    clear: both;
  }
  .iconemodele.bloc.largeur {
    max-width: 50%;
  }
}
@media (max-width: 399px) {
  .spip_documents.spip_documents_left, .spip_documents.spip_documents_right {
    min-width: 100%;
    margin: 0 0 0.5em;
  }
  .iconemodele.bloc.largeur {
    max-width: 100%;
  }
  .flex2 > *, .page_sommaire .contenu .accueil > *, .nouscontacter .main > *, .flex3 > *, .rubrique_competences .liste.articles ul.liste-items > *, .flex4 > *, .flex5 > *, .page_sommaire .contenu #main ul.competences > *, .flex6 > * {
    flex-basis: 100%;
  }
}
/* des variables
 ------------------------------------------ */
/* mixins souvent utiles
 * https://css-tricks.com/snippets/css/useful-css3-less-mixins/
 */
/*
 * 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
 */
/* $warningBorder:           darken(spin($warningBackground, -10), 3%); */
/* $errorBorder:             darken(spin($errorBackground, -10), 3%); */
/* $successBorder:           darken(spin($successBackground, -10), 5%); */
/* $infoBorder:              darken(spin($infoBackground, -10), 7%); */
/* surcharger que certaines variables, ou en ajouter  #BA9D32 */
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "FontAwesome";
  src: url('https://alter-via.fr/plugins/bazscss/squelettes/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('https://alter-via.fr/plugins/bazscss/squelettes/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format("embedded-opentype"), url('https://alter-via.fr/plugins/bazscss/squelettes/fonts/fontawesome-webfont.woff2?v=4.7.0') format("woff2"), url('https://alter-via.fr/plugins/bazscss/squelettes/fonts/fontawesome-webfont.woff?v=4.7.0') format("woff"), url('https://alter-via.fr/plugins/bazscss/squelettes/fonts/fontawesome-webfont.ttf?v=4.7.0') format("truetype"), url('https://alter-via.fr/plugins/bazscss/squelettes/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa, .chapo h3:before, .chapo h4:before, .chapo h5:before, .def > a:before, .def .chargement .remove:after, .spip_doc_credit small i {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.2857142857em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.8571428571em;
}
.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left, .chapo h3.fa-pull-left:before, .chapo h4.fa-pull-left:before, .chapo h5.fa-pull-left:before, .def > a.fa-pull-left:before, .def .chargement .fa-pull-left.remove:after, .spip_doc_credit small i.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right, .chapo h3.fa-pull-right:before, .chapo h4.fa-pull-right:before, .chapo h5.fa-pull-right:before, .def > a.fa-pull-right:before, .def .chargement .fa-pull-right.remove:after, .spip_doc_credit small i.fa-pull-right {
  margin-left: 0.3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left, .chapo h3.pull-left:before, .chapo h4.pull-left:before, .chapo h5.pull-left:before, .def > a.pull-left:before, .def .chargement .pull-left.remove:after, .spip_doc_credit small i.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right, .chapo h3.pull-right:before, .chapo h4.pull-right:before, .chapo h5.pull-right:before, .def > a.pull-right:before, .def .chargement .pull-right.remove:after, .spip_doc_credit small i.pull-right {
  margin-left: 0.3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "";
}
.fa-music:before {
  content: "";
}
.fa-search:before {
  content: "";
}
.fa-envelope-o:before {
  content: "";
}
.fa-heart:before {
  content: "";
}
.fa-star:before {
  content: "";
}
.fa-star-o:before {
  content: "";
}
.fa-user:before {
  content: "";
}
.fa-film:before {
  content: "";
}
.fa-th-large:before {
  content: "";
}
.fa-th:before {
  content: "";
}
.fa-th-list:before {
  content: "";
}
.fa-check:before {
  content: "";
}
.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "";
}
.fa-search-plus:before {
  content: "";
}
.fa-search-minus:before {
  content: "";
}
.fa-power-off:before {
  content: "";
}
.fa-signal:before {
  content: "";
}
.fa-gear:before, .fa-cog:before {
  content: "";
}
.fa-trash-o:before {
  content: "";
}
.fa-home:before {
  content: "";
}
.fa-file-o:before {
  content: "";
}
.fa-clock-o:before {
  content: "";
}
.fa-road:before {
  content: "";
}
.fa-download:before {
  content: "";
}
.fa-arrow-circle-o-down:before {
  content: "";
}
.fa-arrow-circle-o-up:before {
  content: "";
}
.fa-inbox:before {
  content: "";
}
.fa-play-circle-o:before {
  content: "";
}
.fa-rotate-right:before, .fa-repeat:before {
  content: "";
}
.fa-refresh:before {
  content: "";
}
.fa-list-alt:before {
  content: "";
}
.fa-lock:before {
  content: "";
}
.fa-flag:before {
  content: "";
}
.fa-headphones:before {
  content: "";
}
.fa-volume-off:before {
  content: "";
}
.fa-volume-down:before {
  content: "";
}
.fa-volume-up:before {
  content: "";
}
.fa-qrcode:before {
  content: "";
}
.fa-barcode:before {
  content: "";
}
.fa-tag:before {
  content: "";
}
.fa-tags:before {
  content: "";
}
.fa-book:before {
  content: "";
}
.fa-bookmark:before {
  content: "";
}
.fa-print:before {
  content: "";
}
.fa-camera:before {
  content: "";
}
.fa-font:before {
  content: "";
}
.fa-bold:before {
  content: "";
}
.fa-italic:before {
  content: "";
}
.fa-text-height:before {
  content: "";
}
.fa-text-width:before {
  content: "";
}
.fa-align-left:before {
  content: "";
}
.fa-align-center:before {
  content: "";
}
.fa-align-right:before {
  content: "";
}
.fa-align-justify:before {
  content: "";
}
.fa-list:before {
  content: "";
}
.fa-dedent:before, .fa-outdent:before {
  content: "";
}
.fa-indent:before {
  content: "";
}
.fa-video-camera:before {
  content: "";
}
.fa-photo:before, .fa-image:before, .fa-picture-o:before {
  content: "";
}
.fa-pencil:before {
  content: "";
}
.fa-map-marker:before {
  content: "";
}
.fa-adjust:before {
  content: "";
}
.fa-tint:before {
  content: "";
}
.fa-edit:before, .fa-pencil-square-o:before {
  content: "";
}
.fa-share-square-o:before {
  content: "";
}
.fa-check-square-o:before {
  content: "";
}
.fa-arrows:before {
  content: "";
}
.fa-step-backward:before {
  content: "";
}
.fa-fast-backward:before {
  content: "";
}
.fa-backward:before {
  content: "";
}
.fa-play:before {
  content: "";
}
.fa-pause:before {
  content: "";
}
.fa-stop:before {
  content: "";
}
.fa-forward:before {
  content: "";
}
.fa-fast-forward:before {
  content: "";
}
.fa-step-forward:before {
  content: "";
}
.fa-eject:before {
  content: "";
}
.fa-chevron-left:before {
  content: "";
}
.fa-chevron-right:before {
  content: "";
}
.fa-plus-circle:before {
  content: "";
}
.fa-minus-circle:before {
  content: "";
}
.fa-times-circle:before {
  content: "";
}
.fa-check-circle:before {
  content: "";
}
.fa-question-circle:before {
  content: "";
}
.fa-info-circle:before {
  content: "";
}
.fa-crosshairs:before {
  content: "";
}
.fa-times-circle-o:before {
  content: "";
}
.fa-check-circle-o:before {
  content: "";
}
.fa-ban:before {
  content: "";
}
.fa-arrow-left:before {
  content: "";
}
.fa-arrow-right:before {
  content: "";
}
.fa-arrow-up:before {
  content: "";
}
.fa-arrow-down:before {
  content: "";
}
.fa-mail-forward:before, .fa-share:before {
  content: "";
}
.fa-expand:before {
  content: "";
}
.fa-compress:before {
  content: "";
}
.fa-plus:before {
  content: "";
}
.fa-minus:before {
  content: "";
}
.fa-asterisk:before {
  content: "";
}
.fa-exclamation-circle:before {
  content: "";
}
.fa-gift:before {
  content: "";
}
.fa-leaf:before {
  content: "";
}
.fa-fire:before {
  content: "";
}
.fa-eye:before {
  content: "";
}
.fa-eye-slash:before {
  content: "";
}
.fa-warning:before, .fa-exclamation-triangle:before {
  content: "";
}
.fa-plane:before {
  content: "";
}
.fa-calendar:before {
  content: "";
}
.fa-random:before {
  content: "";
}
.fa-comment:before {
  content: "";
}
.fa-magnet:before {
  content: "";
}
.fa-chevron-up:before {
  content: "";
}
.fa-chevron-down:before {
  content: "";
}
.fa-retweet:before {
  content: "";
}
.fa-shopping-cart:before {
  content: "";
}
.fa-folder:before {
  content: "";
}
.fa-folder-open:before {
  content: "";
}
.fa-arrows-v:before {
  content: "";
}
.fa-arrows-h:before {
  content: "";
}
.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "";
}
.fa-twitter-square:before {
  content: "";
}
.fa-facebook-square:before {
  content: "";
}
.fa-camera-retro:before {
  content: "";
}
.fa-key:before {
  content: "";
}
.fa-gears:before, .fa-cogs:before {
  content: "";
}
.fa-comments:before {
  content: "";
}
.fa-thumbs-o-up:before {
  content: "";
}
.fa-thumbs-o-down:before {
  content: "";
}
.fa-star-half:before {
  content: "";
}
.fa-heart-o:before {
  content: "";
}
.fa-sign-out:before {
  content: "";
}
.fa-linkedin-square:before {
  content: "";
}
.fa-thumb-tack:before {
  content: "";
}
.fa-external-link:before {
  content: "";
}
.fa-sign-in:before {
  content: "";
}
.fa-trophy:before {
  content: "";
}
.fa-github-square:before {
  content: "";
}
.fa-upload:before {
  content: "";
}
.fa-lemon-o:before {
  content: "";
}
.fa-phone:before {
  content: "";
}
.fa-square-o:before {
  content: "";
}
.fa-bookmark-o:before {
  content: "";
}
.fa-phone-square:before {
  content: "";
}
.fa-twitter:before {
  content: "";
}
.fa-facebook-f:before, .fa-facebook:before {
  content: "";
}
.fa-github:before {
  content: "";
}
.fa-unlock:before {
  content: "";
}
.fa-credit-card:before {
  content: "";
}
.fa-feed:before, .fa-rss:before {
  content: "";
}
.fa-hdd-o:before {
  content: "";
}
.fa-bullhorn:before {
  content: "";
}
.fa-bell:before {
  content: "";
}
.fa-certificate:before {
  content: "";
}
.fa-hand-o-right:before {
  content: "";
}
.fa-hand-o-left:before {
  content: "";
}
.fa-hand-o-up:before {
  content: "";
}
.fa-hand-o-down:before {
  content: "";
}
.fa-arrow-circle-left:before {
  content: "";
}
.fa-arrow-circle-right:before {
  content: "";
}
.fa-arrow-circle-up:before {
  content: "";
}
.fa-arrow-circle-down:before {
  content: "";
}
.fa-globe:before {
  content: "";
}
.fa-wrench:before {
  content: "";
}
.fa-tasks:before {
  content: "";
}
.fa-filter:before {
  content: "";
}
.fa-briefcase:before {
  content: "";
}
.fa-arrows-alt:before {
  content: "";
}
.fa-group:before, .fa-users:before {
  content: "";
}
.fa-chain:before, .fa-link:before {
  content: "";
}
.fa-cloud:before {
  content: "";
}
.fa-flask:before {
  content: "";
}
.fa-cut:before, .fa-scissors:before {
  content: "";
}
.fa-copy:before, .fa-files-o:before {
  content: "";
}
.fa-paperclip:before {
  content: "";
}
.fa-save:before, .fa-floppy-o:before {
  content: "";
}
.fa-square:before {
  content: "";
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "";
}
.fa-list-ul:before {
  content: "";
}
.fa-list-ol:before {
  content: "";
}
.fa-strikethrough:before {
  content: "";
}
.fa-underline:before {
  content: "";
}
.fa-table:before {
  content: "";
}
.fa-magic:before {
  content: "";
}
.fa-truck:before {
  content: "";
}
.fa-pinterest:before {
  content: "";
}
.fa-pinterest-square:before {
  content: "";
}
.fa-google-plus-square:before {
  content: "";
}
.fa-google-plus:before {
  content: "";
}
.fa-money:before {
  content: "";
}
.fa-caret-down:before {
  content: "";
}
.fa-caret-up:before {
  content: "";
}
.fa-caret-left:before {
  content: "";
}
.fa-caret-right:before {
  content: "";
}
.fa-columns:before {
  content: "";
}
.fa-unsorted:before, .fa-sort:before {
  content: "";
}
.fa-sort-down:before, .fa-sort-desc:before {
  content: "";
}
.fa-sort-up:before, .fa-sort-asc:before {
  content: "";
}
.fa-envelope:before {
  content: "";
}
.fa-linkedin:before {
  content: "";
}
.fa-rotate-left:before, .fa-undo:before {
  content: "";
}
.fa-legal:before, .fa-gavel:before {
  content: "";
}
.fa-dashboard:before, .fa-tachometer:before {
  content: "";
}
.fa-comment-o:before {
  content: "";
}
.fa-comments-o:before {
  content: "";
}
.fa-flash:before, .fa-bolt:before {
  content: "";
}
.fa-sitemap:before {
  content: "";
}
.fa-umbrella:before {
  content: "";
}
.fa-paste:before, .fa-clipboard:before {
  content: "";
}
.fa-lightbulb-o:before {
  content: "";
}
.fa-exchange:before {
  content: "";
}
.fa-cloud-download:before {
  content: "";
}
.fa-cloud-upload:before {
  content: "";
}
.fa-user-md:before {
  content: "";
}
.fa-stethoscope:before {
  content: "";
}
.fa-suitcase:before {
  content: "";
}
.fa-bell-o:before {
  content: "";
}
.fa-coffee:before {
  content: "";
}
.fa-cutlery:before {
  content: "";
}
.fa-file-text-o:before {
  content: "";
}
.fa-building-o:before {
  content: "";
}
.fa-hospital-o:before {
  content: "";
}
.fa-ambulance:before {
  content: "";
}
.fa-medkit:before {
  content: "";
}
.fa-fighter-jet:before {
  content: "";
}
.fa-beer:before {
  content: "";
}
.fa-h-square:before {
  content: "";
}
.fa-plus-square:before {
  content: "";
}
.fa-angle-double-left:before {
  content: "";
}
.fa-angle-double-right:before {
  content: "";
}
.fa-angle-double-up:before {
  content: "";
}
.fa-angle-double-down:before {
  content: "";
}
.fa-angle-left:before {
  content: "";
}
.fa-angle-right:before {
  content: "";
}
.fa-angle-up:before {
  content: "";
}
.fa-angle-down:before {
  content: "";
}
.fa-desktop:before {
  content: "";
}
.fa-laptop:before {
  content: "";
}
.fa-tablet:before {
  content: "";
}
.fa-mobile-phone:before, .fa-mobile:before {
  content: "";
}
.fa-circle-o:before {
  content: "";
}
.fa-quote-left:before {
  content: "";
}
.fa-quote-right:before {
  content: "";
}
.fa-spinner:before {
  content: "";
}
.fa-circle:before {
  content: "";
}
.fa-mail-reply:before, .fa-reply:before {
  content: "";
}
.fa-github-alt:before {
  content: "";
}
.fa-folder-o:before {
  content: "";
}
.fa-folder-open-o:before {
  content: "";
}
.fa-smile-o:before {
  content: "";
}
.fa-frown-o:before {
  content: "";
}
.fa-meh-o:before {
  content: "";
}
.fa-gamepad:before {
  content: "";
}
.fa-keyboard-o:before {
  content: "";
}
.fa-flag-o:before {
  content: "";
}
.fa-flag-checkered:before {
  content: "";
}
.fa-terminal:before {
  content: "";
}
.fa-code:before {
  content: "";
}
.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "";
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "";
}
.fa-location-arrow:before {
  content: "";
}
.fa-crop:before {
  content: "";
}
.fa-code-fork:before {
  content: "";
}
.fa-unlink:before, .fa-chain-broken:before {
  content: "";
}
.fa-question:before {
  content: "";
}
.fa-info:before {
  content: "";
}
.fa-exclamation:before {
  content: "";
}
.fa-superscript:before {
  content: "";
}
.fa-subscript:before {
  content: "";
}
.fa-eraser:before {
  content: "";
}
.fa-puzzle-piece:before {
  content: "";
}
.fa-microphone:before {
  content: "";
}
.fa-microphone-slash:before {
  content: "";
}
.fa-shield:before {
  content: "";
}
.fa-calendar-o:before {
  content: "";
}
.fa-fire-extinguisher:before {
  content: "";
}
.fa-rocket:before {
  content: "";
}
.fa-maxcdn:before {
  content: "";
}
.fa-chevron-circle-left:before {
  content: "";
}
.fa-chevron-circle-right:before {
  content: "";
}
.fa-chevron-circle-up:before {
  content: "";
}
.fa-chevron-circle-down:before {
  content: "";
}
.fa-html5:before {
  content: "";
}
.fa-css3:before {
  content: "";
}
.fa-anchor:before {
  content: "";
}
.fa-unlock-alt:before {
  content: "";
}
.fa-bullseye:before {
  content: "";
}
.fa-ellipsis-h:before {
  content: "";
}
.fa-ellipsis-v:before {
  content: "";
}
.fa-rss-square:before {
  content: "";
}
.fa-play-circle:before {
  content: "";
}
.fa-ticket:before {
  content: "";
}
.fa-minus-square:before {
  content: "";
}
.fa-minus-square-o:before {
  content: "";
}
.fa-level-up:before {
  content: "";
}
.fa-level-down:before {
  content: "";
}
.fa-check-square:before {
  content: "";
}
.fa-pencil-square:before {
  content: "";
}
.fa-external-link-square:before {
  content: "";
}
.fa-share-square:before {
  content: "";
}
.fa-compass:before {
  content: "";
}
.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "";
}
.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "";
}
.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "";
}
.fa-euro:before, .fa-eur:before {
  content: "";
}
.fa-gbp:before {
  content: "";
}
.fa-dollar:before, .fa-usd:before {
  content: "";
}
.fa-rupee:before, .fa-inr:before {
  content: "";
}
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "";
}
.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "";
}
.fa-won:before, .fa-krw:before {
  content: "";
}
.fa-bitcoin:before, .fa-btc:before {
  content: "";
}
.fa-file:before {
  content: "";
}
.fa-file-text:before {
  content: "";
}
.fa-sort-alpha-asc:before {
  content: "";
}
.fa-sort-alpha-desc:before {
  content: "";
}
.fa-sort-amount-asc:before {
  content: "";
}
.fa-sort-amount-desc:before {
  content: "";
}
.fa-sort-numeric-asc:before {
  content: "";
}
.fa-sort-numeric-desc:before {
  content: "";
}
.fa-thumbs-up:before {
  content: "";
}
.fa-thumbs-down:before {
  content: "";
}
.fa-youtube-square:before {
  content: "";
}
.fa-youtube:before {
  content: "";
}
.fa-xing:before {
  content: "";
}
.fa-xing-square:before {
  content: "";
}
.fa-youtube-play:before {
  content: "";
}
.fa-dropbox:before {
  content: "";
}
.fa-stack-overflow:before {
  content: "";
}
.fa-instagram:before {
  content: "";
}
.fa-flickr:before {
  content: "";
}
.fa-adn:before {
  content: "";
}
.fa-bitbucket:before {
  content: "";
}
.fa-bitbucket-square:before {
  content: "";
}
.fa-tumblr:before {
  content: "";
}
.fa-tumblr-square:before {
  content: "";
}
.fa-long-arrow-down:before {
  content: "";
}
.fa-long-arrow-up:before {
  content: "";
}
.fa-long-arrow-left:before {
  content: "";
}
.fa-long-arrow-right:before {
  content: "";
}
.fa-apple:before {
  content: "";
}
.fa-windows:before {
  content: "";
}
.fa-android:before {
  content: "";
}
.fa-linux:before {
  content: "";
}
.fa-dribbble:before {
  content: "";
}
.fa-skype:before {
  content: "";
}
.fa-foursquare:before {
  content: "";
}
.fa-trello:before {
  content: "";
}
.fa-female:before {
  content: "";
}
.fa-male:before {
  content: "";
}
.fa-gittip:before, .fa-gratipay:before {
  content: "";
}
.fa-sun-o:before {
  content: "";
}
.fa-moon-o:before {
  content: "";
}
.fa-archive:before {
  content: "";
}
.fa-bug:before {
  content: "";
}
.fa-vk:before {
  content: "";
}
.fa-weibo:before {
  content: "";
}
.fa-renren:before {
  content: "";
}
.fa-pagelines:before {
  content: "";
}
.fa-stack-exchange:before {
  content: "";
}
.fa-arrow-circle-o-right:before {
  content: "";
}
.fa-arrow-circle-o-left:before {
  content: "";
}
.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "";
}
.fa-dot-circle-o:before {
  content: "";
}
.fa-wheelchair:before {
  content: "";
}
.fa-vimeo-square:before {
  content: "";
}
.fa-turkish-lira:before, .fa-try:before {
  content: "";
}
.fa-plus-square-o:before {
  content: "";
}
.fa-space-shuttle:before {
  content: "";
}
.fa-slack:before {
  content: "";
}
.fa-envelope-square:before {
  content: "";
}
.fa-wordpress:before {
  content: "";
}
.fa-openid:before {
  content: "";
}
.fa-institution:before, .fa-bank:before, .fa-university:before {
  content: "";
}
.fa-mortar-board:before, .fa-graduation-cap:before {
  content: "";
}
.fa-yahoo:before {
  content: "";
}
.fa-google:before {
  content: "";
}
.fa-reddit:before {
  content: "";
}
.fa-reddit-square:before {
  content: "";
}
.fa-stumbleupon-circle:before {
  content: "";
}
.fa-stumbleupon:before {
  content: "";
}
.fa-delicious:before {
  content: "";
}
.fa-digg:before {
  content: "";
}
.fa-pied-piper-pp:before {
  content: "";
}
.fa-pied-piper-alt:before {
  content: "";
}
.fa-drupal:before {
  content: "";
}
.fa-joomla:before {
  content: "";
}
.fa-language:before {
  content: "";
}
.fa-fax:before {
  content: "";
}
.fa-building:before {
  content: "";
}
.fa-child:before {
  content: "";
}
.fa-paw:before {
  content: "";
}
.fa-spoon:before {
  content: "";
}
.fa-cube:before {
  content: "";
}
.fa-cubes:before {
  content: "";
}
.fa-behance:before {
  content: "";
}
.fa-behance-square:before {
  content: "";
}
.fa-steam:before {
  content: "";
}
.fa-steam-square:before {
  content: "";
}
.fa-recycle:before {
  content: "";
}
.fa-automobile:before, .fa-car:before {
  content: "";
}
.fa-cab:before, .fa-taxi:before {
  content: "";
}
.fa-tree:before {
  content: "";
}
.fa-spotify:before {
  content: "";
}
.fa-deviantart:before {
  content: "";
}
.fa-soundcloud:before {
  content: "";
}
.fa-database:before {
  content: "";
}
.fa-file-pdf-o:before {
  content: "";
}
.fa-file-word-o:before {
  content: "";
}
.fa-file-excel-o:before {
  content: "";
}
.fa-file-powerpoint-o:before {
  content: "";
}
.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
  content: "";
}
.fa-file-zip-o:before, .fa-file-archive-o:before {
  content: "";
}
.fa-file-sound-o:before, .fa-file-audio-o:before {
  content: "";
}
.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "";
}
.fa-file-code-o:before {
  content: "";
}
.fa-vine:before {
  content: "";
}
.fa-codepen:before {
  content: "";
}
.fa-jsfiddle:before {
  content: "";
}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
  content: "";
}
.fa-circle-o-notch:before {
  content: "";
}
.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
  content: "";
}
.fa-ge:before, .fa-empire:before {
  content: "";
}
.fa-git-square:before {
  content: "";
}
.fa-git:before {
  content: "";
}
.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
  content: "";
}
.fa-tencent-weibo:before {
  content: "";
}
.fa-qq:before {
  content: "";
}
.fa-wechat:before, .fa-weixin:before {
  content: "";
}
.fa-send:before, .fa-paper-plane:before {
  content: "";
}
.fa-send-o:before, .fa-paper-plane-o:before {
  content: "";
}
.fa-history:before {
  content: "";
}
.fa-circle-thin:before {
  content: "";
}
.fa-header:before {
  content: "";
}
.fa-paragraph:before {
  content: "";
}
.fa-sliders:before {
  content: "";
}
.fa-share-alt:before {
  content: "";
}
.fa-share-alt-square:before {
  content: "";
}
.fa-bomb:before {
  content: "";
}
.fa-soccer-ball-o:before, .fa-futbol-o:before {
  content: "";
}
.fa-tty:before {
  content: "";
}
.fa-binoculars:before {
  content: "";
}
.fa-plug:before {
  content: "";
}
.fa-slideshare:before {
  content: "";
}
.fa-twitch:before {
  content: "";
}
.fa-yelp:before {
  content: "";
}
.fa-newspaper-o:before {
  content: "";
}
.fa-wifi:before {
  content: "";
}
.fa-calculator:before {
  content: "";
}
.fa-paypal:before {
  content: "";
}
.fa-google-wallet:before {
  content: "";
}
.fa-cc-visa:before {
  content: "";
}
.fa-cc-mastercard:before {
  content: "";
}
.fa-cc-discover:before {
  content: "";
}
.fa-cc-amex:before {
  content: "";
}
.fa-cc-paypal:before {
  content: "";
}
.fa-cc-stripe:before {
  content: "";
}
.fa-bell-slash:before {
  content: "";
}
.fa-bell-slash-o:before {
  content: "";
}
.fa-trash:before {
  content: "";
}
.fa-copyright:before, .spip_doc_credit small i:before {
  content: "";
}
.fa-at:before {
  content: "";
}
.fa-eyedropper:before {
  content: "";
}
.fa-paint-brush:before {
  content: "";
}
.fa-birthday-cake:before {
  content: "";
}
.fa-area-chart:before {
  content: "";
}
.fa-pie-chart:before {
  content: "";
}
.fa-line-chart:before {
  content: "";
}
.fa-lastfm:before {
  content: "";
}
.fa-lastfm-square:before {
  content: "";
}
.fa-toggle-off:before {
  content: "";
}
.fa-toggle-on:before {
  content: "";
}
.fa-bicycle:before {
  content: "";
}
.fa-bus:before {
  content: "";
}
.fa-ioxhost:before {
  content: "";
}
.fa-angellist:before {
  content: "";
}
.fa-cc:before {
  content: "";
}
.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
  content: "";
}
.fa-meanpath:before {
  content: "";
}
.fa-buysellads:before {
  content: "";
}
.fa-connectdevelop:before {
  content: "";
}
.fa-dashcube:before {
  content: "";
}
.fa-forumbee:before {
  content: "";
}
.fa-leanpub:before {
  content: "";
}
.fa-sellsy:before {
  content: "";
}
.fa-shirtsinbulk:before {
  content: "";
}
.fa-simplybuilt:before {
  content: "";
}
.fa-skyatlas:before {
  content: "";
}
.fa-cart-plus:before {
  content: "";
}
.fa-cart-arrow-down:before {
  content: "";
}
.fa-diamond:before {
  content: "";
}
.fa-ship:before {
  content: "";
}
.fa-user-secret:before {
  content: "";
}
.fa-motorcycle:before {
  content: "";
}
.fa-street-view:before {
  content: "";
}
.fa-heartbeat:before {
  content: "";
}
.fa-venus:before {
  content: "";
}
.fa-mars:before {
  content: "";
}
.fa-mercury:before {
  content: "";
}
.fa-intersex:before, .fa-transgender:before {
  content: "";
}
.fa-transgender-alt:before {
  content: "";
}
.fa-venus-double:before {
  content: "";
}
.fa-mars-double:before {
  content: "";
}
.fa-venus-mars:before {
  content: "";
}
.fa-mars-stroke:before {
  content: "";
}
.fa-mars-stroke-v:before {
  content: "";
}
.fa-mars-stroke-h:before {
  content: "";
}
.fa-neuter:before {
  content: "";
}
.fa-genderless:before {
  content: "";
}
.fa-facebook-official:before {
  content: "";
}
.fa-pinterest-p:before {
  content: "";
}
.fa-whatsapp:before {
  content: "";
}
.fa-server:before {
  content: "";
}
.fa-user-plus:before {
  content: "";
}
.fa-user-times:before {
  content: "";
}
.fa-hotel:before, .fa-bed:before {
  content: "";
}
.fa-viacoin:before {
  content: "";
}
.fa-train:before {
  content: "";
}
.fa-subway:before {
  content: "";
}
.fa-medium:before {
  content: "";
}
.fa-yc:before, .fa-y-combinator:before {
  content: "";
}
.fa-optin-monster:before {
  content: "";
}
.fa-opencart:before {
  content: "";
}
.fa-expeditedssl:before {
  content: "";
}
.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
  content: "";
}
.fa-battery-3:before, .fa-battery-three-quarters:before {
  content: "";
}
.fa-battery-2:before, .fa-battery-half:before {
  content: "";
}
.fa-battery-1:before, .fa-battery-quarter:before {
  content: "";
}
.fa-battery-0:before, .fa-battery-empty:before {
  content: "";
}
.fa-mouse-pointer:before {
  content: "";
}
.fa-i-cursor:before {
  content: "";
}
.fa-object-group:before {
  content: "";
}
.fa-object-ungroup:before {
  content: "";
}
.fa-sticky-note:before {
  content: "";
}
.fa-sticky-note-o:before {
  content: "";
}
.fa-cc-jcb:before {
  content: "";
}
.fa-cc-diners-club:before {
  content: "";
}
.fa-clone:before {
  content: "";
}
.fa-balance-scale:before {
  content: "";
}
.fa-hourglass-o:before {
  content: "";
}
.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "";
}
.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "";
}
.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "";
}
.fa-hourglass:before {
  content: "";
}
.fa-hand-grab-o:before, .fa-hand-rock-o:before {
  content: "";
}
.fa-hand-stop-o:before, .fa-hand-paper-o:before {
  content: "";
}
.fa-hand-scissors-o:before {
  content: "";
}
.fa-hand-lizard-o:before {
  content: "";
}
.fa-hand-spock-o:before {
  content: "";
}
.fa-hand-pointer-o:before {
  content: "";
}
.fa-hand-peace-o:before {
  content: "";
}
.fa-trademark:before {
  content: "";
}
.fa-registered:before {
  content: "";
}
.fa-creative-commons:before {
  content: "";
}
.fa-gg:before {
  content: "";
}
.fa-gg-circle:before {
  content: "";
}
.fa-tripadvisor:before {
  content: "";
}
.fa-odnoklassniki:before {
  content: "";
}
.fa-odnoklassniki-square:before {
  content: "";
}
.fa-get-pocket:before {
  content: "";
}
.fa-wikipedia-w:before {
  content: "";
}
.fa-safari:before {
  content: "";
}
.fa-chrome:before {
  content: "";
}
.fa-firefox:before {
  content: "";
}
.fa-opera:before {
  content: "";
}
.fa-internet-explorer:before {
  content: "";
}
.fa-tv:before, .fa-television:before {
  content: "";
}
.fa-contao:before {
  content: "";
}
.fa-500px:before {
  content: "";
}
.fa-amazon:before {
  content: "";
}
.fa-calendar-plus-o:before {
  content: "";
}
.fa-calendar-minus-o:before {
  content: "";
}
.fa-calendar-times-o:before {
  content: "";
}
.fa-calendar-check-o:before {
  content: "";
}
.fa-industry:before {
  content: "";
}
.fa-map-pin:before {
  content: "";
}
.fa-map-signs:before {
  content: "";
}
.fa-map-o:before {
  content: "";
}
.fa-map:before {
  content: "";
}
.fa-commenting:before {
  content: "";
}
.fa-commenting-o:before {
  content: "";
}
.fa-houzz:before {
  content: "";
}
.fa-vimeo:before {
  content: "";
}
.fa-black-tie:before {
  content: "";
}
.fa-fonticons:before {
  content: "";
}
.fa-reddit-alien:before {
  content: "";
}
.fa-edge:before {
  content: "";
}
.fa-credit-card-alt:before {
  content: "";
}
.fa-codiepie:before {
  content: "";
}
.fa-modx:before {
  content: "";
}
.fa-fort-awesome:before {
  content: "";
}
.fa-usb:before {
  content: "";
}
.fa-product-hunt:before {
  content: "";
}
.fa-mixcloud:before {
  content: "";
}
.fa-scribd:before {
  content: "";
}
.fa-pause-circle:before {
  content: "";
}
.fa-pause-circle-o:before {
  content: "";
}
.fa-stop-circle:before {
  content: "";
}
.fa-stop-circle-o:before {
  content: "";
}
.fa-shopping-bag:before {
  content: "";
}
.fa-shopping-basket:before {
  content: "";
}
.fa-hashtag:before {
  content: "";
}
.fa-bluetooth:before {
  content: "";
}
.fa-bluetooth-b:before {
  content: "";
}
.fa-percent:before {
  content: "";
}
.fa-gitlab:before {
  content: "";
}
.fa-wpbeginner:before {
  content: "";
}
.fa-wpforms:before {
  content: "";
}
.fa-envira:before {
  content: "";
}
.fa-universal-access:before {
  content: "";
}
.fa-wheelchair-alt:before {
  content: "";
}
.fa-question-circle-o:before {
  content: "";
}
.fa-blind:before {
  content: "";
}
.fa-audio-description:before {
  content: "";
}
.fa-volume-control-phone:before {
  content: "";
}
.fa-braille:before {
  content: "";
}
.fa-assistive-listening-systems:before {
  content: "";
}
.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
  content: "";
}
.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
  content: "";
}
.fa-glide:before {
  content: "";
}
.fa-glide-g:before {
  content: "";
}
.fa-signing:before, .fa-sign-language:before {
  content: "";
}
.fa-low-vision:before {
  content: "";
}
.fa-viadeo:before {
  content: "";
}
.fa-viadeo-square:before {
  content: "";
}
.fa-snapchat:before {
  content: "";
}
.fa-snapchat-ghost:before {
  content: "";
}
.fa-snapchat-square:before {
  content: "";
}
.fa-pied-piper:before {
  content: "";
}
.fa-first-order:before {
  content: "";
}
.fa-yoast:before {
  content: "";
}
.fa-themeisle:before {
  content: "";
}
.fa-google-plus-circle:before, .fa-google-plus-official:before {
  content: "";
}
.fa-fa:before, .fa-font-awesome:before {
  content: "";
}
.fa-handshake-o:before {
  content: "";
}
.fa-envelope-open:before {
  content: "";
}
.fa-envelope-open-o:before {
  content: "";
}
.fa-linode:before {
  content: "";
}
.fa-address-book:before {
  content: "";
}
.fa-address-book-o:before {
  content: "";
}
.fa-vcard:before, .fa-address-card:before {
  content: "";
}
.fa-vcard-o:before, .fa-address-card-o:before {
  content: "";
}
.fa-user-circle:before {
  content: "";
}
.fa-user-circle-o:before {
  content: "";
}
.fa-user-o:before {
  content: "";
}
.fa-id-badge:before {
  content: "";
}
.fa-drivers-license:before, .fa-id-card:before {
  content: "";
}
.fa-drivers-license-o:before, .fa-id-card-o:before {
  content: "";
}
.fa-quora:before {
  content: "";
}
.fa-free-code-camp:before {
  content: "";
}
.fa-telegram:before {
  content: "";
}
.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
  content: "";
}
.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
  content: "";
}
.fa-thermometer-2:before, .fa-thermometer-half:before {
  content: "";
}
.fa-thermometer-1:before, .fa-thermometer-quarter:before {
  content: "";
}
.fa-thermometer-0:before, .fa-thermometer-empty:before {
  content: "";
}
.fa-shower:before {
  content: "";
}
.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
  content: "";
}
.fa-podcast:before {
  content: "";
}
.fa-window-maximize:before {
  content: "";
}
.fa-window-minimize:before {
  content: "";
}
.fa-window-restore:before {
  content: "";
}
.fa-times-rectangle:before, .fa-window-close:before {
  content: "";
}
.fa-times-rectangle-o:before, .fa-window-close-o:before {
  content: "";
}
.fa-bandcamp:before {
  content: "";
}
.fa-grav:before {
  content: "";
}
.fa-etsy:before {
  content: "";
}
.fa-imdb:before {
  content: "";
}
.fa-ravelry:before {
  content: "";
}
.fa-eercast:before {
  content: "";
}
.fa-microchip:before {
  content: "";
}
.fa-snowflake-o:before {
  content: "";
}
.fa-superpowers:before {
  content: "";
}
.fa-wpexplorer:before {
  content: "";
}
.fa-meetup:before {
  content: "";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
/* mes surcharges */
.page {
  max-width: 100%;
  width: 100%;
  text-align: justify;
  line-height: 1.4;
}
.bandeau {
  width: 100%;
  min-height: 350px;
  background: #4d8e9e no-repeat center;
  background-size: cover;
}
.header {
  padding: 1em 0;
  max-width: 1280px;
  width: 96%;
  margin: 0 auto;
  overflow: hidden;
}
.header .accueil {
  float: left;
  width: auto;
  padding: 0;
}
.header .accueil #logo_site_spip {
  margin: 0;
}
.header .identitetel {
  float: right;
  color: #fff;
  background: #1ab1ab;
  padding: 10.6666666667px 16px 8px 0;
  border-radius: 8px;
  font-size: 1rem;
  margin-top: 32px;
}
.header .identitetel a {
  color: #fff;
}
.header .identitetel a:hover {
  background: #1ab1ab;
  color: #333;
}
.header .identitetel a.tel:after {
  float: left;
  font-size: 1.4rem;
  line-height: 1.1;
  margin-top: 0;
  margin-right: 0.5rem;
  color: #005D74;
}
.header .identitetel a.email_webmaster i {
  font-size: 1.1rem;
}
.header .identitetel i {
  margin: 0 0.5rem 0 0.7rem;
  font-size: 1.2rem;
  color: #005D74;
}
.header .spip_logos {
  margin-right: 40px;
}
.header .nav {
  padding-top: 80px;
  clear: none;
  /* 		.nav-item:first-child { display:none; } */
}
.header .nav ul {
  text-align: center;
}
.header .nav li a, .header .nav li a:focus, .header .nav li a:hover, .header .nav li a:active {
  background: none;
  color: #005D74;
  font-size: 100%;
  font-weight: 700;
  position: relative;
  min-height: 50px;
  text-transform: uppercase;
}
.header .nav li a:focus, .header .nav li a:hover, .header .nav li a:active, .header .nav li.on a {
  color: #f7a800;
}
.header .nav li a:focus:after, .header .nav li a:focus:before, .header .nav li a:hover:after, .header .nav li a:hover:before, .header .nav li a:active:after, .header .nav li a:active:before, .header .nav li.on a:after, .header .nav li.on a:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 2px;
  margin-left: -6px;
  border-top: 12px solid #ffbb2b;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 0;
}
.header .nav li a:focus:before, .header .nav li a:hover:before, .header .nav li a:active:before, .header .nav li.on a:before {
  bottom: 0;
  margin-left: -8px;
  border-top: 15px solid #005D74;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.contenu, main.main, .aside, .extra {
  padding: 0 16px;
}
.contenu {
  padding-top: 32px;
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
}
.content .main {
  padding-top: 16px;
}
.content .chapo .h2, .rubrique_competences .content .chapo .h2, .content .texte .h2, .rubrique_competences .content .texte .h2 {
  text-align: center;
  margin: 32px 0 16px;
}
main.main {
  float: left;
  width: 50%;
  margin-left: 25%;
  margin-bottom: 120px;
  overflow: visible;
}
.aside, .extra {
  width: 25%;
}
.extra {
  float: left;
  margin-left: -75%;
}
.footer {
  font-size: 100%;
  border: 1px solid #005D74;
  padding: 16px 32px;
  margin: 16px 0 5em;
}
.footer .sociaux {
  line-height: 3.3em;
  margin: 2em 0 1em;
}
.footer .colophon {
  padding: 0;
}
.footer .colophon a {
  display: block;
}
.footer h1 {
  font-size: 110%;
  margin: 0;
  font-weight: 700;
}
.chapo, strong, .composition_competences .chapo strong, .cartouche .h1, .extra .nav li a, .extra .h2, .aside .h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 {
  font-family: "Roboto Bold", "Arial", sans-serif;
}
h2.spip {
  margin-top: 1em;
}
.socialtags a:hover, .sociaux a:hover {
  background: none;
}
.cartouche {
  text-align: center;
  margin-bottom: 0;
}
.contenu > .cartouche, html:not(.rubrique_competences) .content > .cartouche {
  margin-top: -50px;
}
.cartouche h1 {
  display: table;
  margin: 0 auto;
  padding: 0.5em 1em;
  font-size: 1em;
  color: #fff;
  background: #005D74;
  position: relative;
  width: 50%;
  /* 		.soustitre { text-align:left; } */
}
.cartouche h1 .cell {
  display: table-cell;
  height: 60px;
  width: 100%;
  vertical-align: middle;
}
.cartouche h1 .cell span:not(.soustitre) {
  text-transform: uppercase;
}
.cartouche h1 .cell span:not(.soustitre).courriel {
  text-transform: lowercase;
  font-size: 0.9rem;
}
.cartouche h1 .cell span:not(.soustitre).courriel a {
  font-weight: 400;
  color: #fff;
}
/*.page-article32 .cartouche h1 .soustitre { text-align:center; } */
.soustitre {
  display: block;
  margin: 0.6em 0 0.4em;
  font-size: 110%;
  text-transform: none;
}
.postmeta {
  margin: 1em 0;
  font-size: 0.8em;
}
.postmeta .tags a {
  padding: 0 3px;
}
.pagination > a[id] {
  background: none;
}
.pagination a, .pagination .on {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.bouton.btn {
  font-size: 80%;
  padding: 0 3px;
}
.bouton.btn .fa, .bouton.btn .chapo h3:before, .chapo .bouton.btn h3:before, .bouton.btn .chapo h4:before, .chapo .bouton.btn h4:before, .bouton.btn .chapo h5:before, .chapo .bouton.btn h5:before, .bouton.btn .def > a:before, .bouton.btn .def .chargement .remove:after, .def .chargement .bouton.btn .remove:after, .bouton.btn .spip_doc_credit small i, .spip_doc_credit small .bouton.btn i {
  padding-right: 3px;
}
.spip_documents_left.media {
  margin-right: 1em;
  margin-bottom: 1em;
}
.spip_documents.right {
  margin-left: 1rem;
}
.spip_documents.left {
  margin-right: 1rem;
}
.spip_documents.tampon {
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: 120px;
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -o-transform: rotate(20deg);
}
video {
  max-width: 100%;
  height: auto;
}
.chapo {
  margin: 32px 0;
}
.nouscontacter .chapo {
  margin: 0;
}
.chapo h3, .chapo h4, .chapo h5 {
  cursor: pointer;
  color: #4d8e9e;
  margin-top: 1em;
  border: 1px solid #333;
  padding: 0.5em;
}
.chapo h3:before, .chapo h4:before, .chapo h5:before {
  content: "";
  margin-right: 0.5em;
  margin-top: -0.5em;
  font-size: 70%;
  color: #fff;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background: #4d8e9e;
  text-align: center;
  display: inline-block;
  padding-top: 0.58em;
}
.chapo h3.open, .chapo h4.open, .chapo h5.open {
  color: #005D74;
}
.chapo h3.open:before, .chapo h4.open:before, .chapo h5.open:before {
  content: "";
  background: #005D74;
}
.chapo h3 {
  font-size: 1.1em;
}
.chapo h4, .chapo h5 {
  margin-left: 2em;
  font-size: 1em;
}
.chapo .bloc_sous_h4, .chapo .bloc_sous_h5 {
  margin-left: 2em;
}
.ps, .notes {
  margin: 2em 0 1.5em;
}
html .caractencadre2-spip {
  background: transparent;
  color: #005D74;
}
.def > a {
  position: relative;
  color: #fff;
}
.def > a:before {
  content: "";
  color: #005D74;
}
.def > a:hover, .def > a.vu {
  background: #fff;
}
.def > a:hover:before, .def > a.vu:before {
  color: #005D74;
}
.def > a:focus, .def > a:active {
  background: #fff;
}
.def .chargement {
  display: inline-block;
  width: 260px;
  height: auto;
  text-align: justify;
  border: 1px solid #fff;
  z-index: 9999;
  color: #fff;
  background: #005D74;
  left: -260px;
  top: 100%;
  height: auto;
  line-height: 1.2;
}
.def .chargement .remove {
  padding: 0.6em;
}
.def .chargement .remove:after {
  content: "";
  float: right;
  margin-bottom: 4px;
  cursor: pointer;
}
.def .chargement a {
  color: #fff;
  text-decoration: underline;
}
.spip_doc_caption {
  font-size: 1.3em;
}
.imagesenligne.flex, .page_sommaire .contenu #main ul.imagesenligne.competences, .page_sommaire .contenu .imagesenligne.accueil, .nouscontacter .imagesenligne.main, .rubrique_competences .liste.articles ul.imagesenligne.liste-items {
  justify-content: space-around;
  text-align: center;
  font-size: 0.8em;
}
.imagesenligne.flex > div, .page_sommaire .contenu #main ul.imagesenligne.competences > div, .page_sommaire .contenu .imagesenligne.accueil > div, .nouscontacter .imagesenligne.main > div, .rubrique_competences .liste.articles ul.imagesenligne.liste-items > div {
  font-style: normal;
}
.imagesenligne.flex > div.spip_doc_titre, .page_sommaire .contenu #main ul.imagesenligne.competences > div.spip_doc_titre, .page_sommaire .contenu .imagesenligne.accueil > div.spip_doc_titre, .nouscontacter .imagesenligne.main > div.spip_doc_titre, .rubrique_competences .liste.articles ul.imagesenligne.liste-items > div.spip_doc_titre {
  font-weight: 700;
}
.imagesenligne.flex > div .spip_doc_description, .page_sommaire .contenu #main ul.imagesenligne.competences > div .spip_doc_description, .page_sommaire .contenu .imagesenligne.accueil > div .spip_doc_description, .nouscontacter .imagesenligne.main > div .spip_doc_description, .rubrique_competences .liste.articles ul.imagesenligne.liste-items > div .spip_doc_description {
  text-align: justify;
}
.imagesenligne.flex > div:nth-child(odd), .page_sommaire .contenu #main ul.imagesenligne.competences > div:nth-child(odd), .page_sommaire .contenu .imagesenligne.accueil > div:nth-child(odd), .nouscontacter .imagesenligne.main > div:nth-child(odd), .rubrique_competences .liste.articles ul.imagesenligne.liste-items > div:nth-child(odd) {
  padding-right: 1rem;
}
.imagesenligne.flex > div:nth-child(even), .page_sommaire .contenu #main ul.imagesenligne.competences > div:nth-child(even), .page_sommaire .contenu .imagesenligne.accueil > div:nth-child(even), .nouscontacter .imagesenligne.main > div:nth-child(even), .rubrique_competences .liste.articles ul.imagesenligne.liste-items > div:nth-child(even) {
  padding-left: 1rem;
}
.imagesenligne.flex.trois > div, .page_sommaire .contenu #main ul.imagesenligne.trois.competences > div, .page_sommaire .contenu .imagesenligne.trois.accueil > div, .nouscontacter .imagesenligne.trois.main > div, .rubrique_competences .liste.articles ul.imagesenligne.trois.liste-items > div {
  width: 33%;
}
.imagesenligne.flex.trois img, .page_sommaire .contenu #main ul.imagesenligne.trois.competences img, .page_sommaire .contenu .imagesenligne.trois.accueil img, .nouscontacter .imagesenligne.trois.main img, .rubrique_competences .liste.articles ul.imagesenligne.trois.liste-items img {
  margin: 0 0 1rem;
  max-width: 250px;
}
.imagesenligne.flex.trois .spip_doc_description, .page_sommaire .contenu #main ul.imagesenligne.trois.competences .spip_doc_description, .page_sommaire .contenu .imagesenligne.trois.accueil .spip_doc_description, .nouscontacter .imagesenligne.trois.main .spip_doc_description, .rubrique_competences .liste.articles ul.imagesenligne.trois.liste-items .spip_doc_description {
  text-align: justify;
  width: 100%;
  display: block;
}
.aside, .extra {
  padding-top: 50px;
}
.aside .nav li a, .extra .nav li a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
  padding: 0.5em 1em;
}
.aside .nav li a p.introduction, .aside .nav li a .date, .extra .nav li a p.introduction, .extra .nav li a .date {
  text-transform: none;
}
.extra .nav .competences li a, .page_sommaire .contenu ul.competences li a {
  background: #005D74;
}
.extra .nav .competences li a > span, .page_sommaire .contenu ul.competences li a > span {
  background: #005D74;
}
.extra .nav .competences li:nth-child(even) a, .page_sommaire .contenu ul.competences li:nth-child(even) a {
  background: #1ab1ab;
}
.extra .nav .competences li:nth-child(even) a > span, .page_sommaire .contenu ul.competences li:nth-child(even) a > span {
  background: #1ab1ab;
}
.aside {
  font-size: 90%;
}
.aside .nav .blog li a p.introduction {
  font-size: 105%;
}
.aside .liste {
  border: 0;
  padding: 0;
  margin-top: 0;
}
.aside .nav {
  margin-top: 2em;
}
.aside .nav > .h2 {
  font-size: 0.9em;
}
.aside .nav .spip_logo {
  margin-bottom: 10px;
}
.extra {
  font-size: 80%;
}
.extra .nav li {
  line-height: 1.1;
}
.extra .nav li a {
  background: #4d8e9e;
  color: #fff;
  font-weight: 700;
  font-size: 110%;
  min-height: 92px;
  position: relative;
  padding: 1.5em 1em 1.3em;
  margin-bottom: 16px;
  text-align: center;
}
.extra .nav li a .soustitre {
  padding: 0;
  font-size: 100%;
}
.extra .nav li a.on {
  /*@extend .offscreen;*/
  background: #005D74;
}
.extra .nav li a:hover {
  background: #005D74;
}
.extra .nav li a .spip_logo {
  display: none;
}
.extra .sociaux .facebook .socicon, .extra .sociaux .twitter .socicon, .extra .sociaux .googleplus .socicon, .extra .sociaux .linkedin .socicon {
  background: #1ab1ab;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.extra .sociaux .facebook .socicon:hover, .extra .sociaux .twitter .socicon:hover, .extra .sociaux .googleplus .socicon:hover, .extra .sociaux .linkedin .socicon:hover {
  background: #138580;
}
.extra .liste.articles.evenements {
  background: #4d8e9e;
  color: #fff;
}
.extra .liste.articles.evenements .h2 {
  padding: 16px 16px 0;
  margin: 0 0 32px;
  text-align: center;
  font-size: 1.2em;
  position: relative;
}
.extra .liste.articles.evenements .h2:after, .extra .liste.articles.evenements .h2:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: -20px;
  margin-left: -6px;
  border-top: 12px solid #4d8e9e;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 0;
}
.extra .liste.articles.evenements .h2:before {
  bottom: -22px;
  margin-left: -8px;
  border-top: 15px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.extra .liste.articles.evenements .diapo {
  padding: 0 16px 16px;
  position: relative;
}
.extra .liste.articles.evenements .diapo a {
  color: #fff;
}
.extra .liste.articles.evenements .diapo .publication.blog {
  float: none;
  margin: 0;
  padding: 0 0 16px;
  width: 100%;
  text-align: center;
  background: none;
}
.extra .liste.articles.evenements .diapo .spip_logo {
  float: none;
  text-align: center;
  max-width: 100%;
  margin: 0 auto;
  width: auto;
}
.extra .liste.articles.evenements .diapo a.cover {
  float: right;
  font-style: italic;
}
.extra .liste.articles.evenements .diapo .iconemodele {
  position: relative;
  display: block;
  text-align: center;
}
.page_sommaire .bandeau {
  min-height: 400px;
}
.page_sommaire main.main {
  width: 100%;
  float: none;
  margin-left: 0;
  margin-bottom: 0;
}
.page_sommaire .main > .chapo {
  text-align: center;
  font-weight: 400;
}
.page_sommaire .aside {
  display: none;
}
.page_sommaire .extra {
  margin-left: -100%;
  padding-top: 0;
}
.page_sommaire .footer {
  margin: 0;
}
.page_sommaire .contenu {
  padding-top: 16px;
}
.page_sommaire .contenu header.cartouche h1 {
  width: auto;
  padding: 16px 32px;
  font-size: 2rem;
  font-weight: 400;
  margin-top: -50px;
  margin-bottom: 32px;
}
.page_sommaire .contenu #main ul.competences {
  margin: 0 -32px;
  width: auto;
}
.page_sommaire .contenu #main ul.competences .spip_logo {
  float: none;
  margin: 0;
}
.page_sommaire .contenu #main ul.competences li {
  padding: 0 16px;
  margin-bottom: 32px;
}
.page_sommaire .contenu #main ul.competences li a > span {
  background: #005D74;
  color: #fff;
  display: block;
  text-align: center;
  padding: 16px 0;
  font-size: 0.9rem;
  /*line-height:1.8; */
  font-weight: 700;
}
.page_sommaire .contenu #main ul.competences li a .soustitre {
  font-size: 0.8rem;
}
.page_sommaire .contenu #main ul.competences li .descriptif {
  margin-top: 0.4rem;
}
.page_sommaire .contenu #main ul.competences li:nth-child(2n) a > span {
  background: #1ab1ab;
}
.page_sommaire .contenu .accueil {
  background: #eee;
  margin: 0 -16px;
  padding: 16px;
  width: auto;
}
.page_sommaire .contenu .accueil .spip_documents_right {
  margin: 0;
}
.page_sommaire .contenu .accueil img {
  margin: -16px;
  margin-left: 16px;
}
.page_sommaire .contenu .accueil h2:first-of-type {
  margin-top: 0;
}
.page_sommaire .contenu .accueil .ps, .page_sommaire .contenu .accueil .ps .spip_documents, .page_sommaire .contenu .accueil p:first-of-type, .page_sommaire .contenu .accueil p:last-of-type {
  margin: 0;
}
.page_sommaire .contenu .main .liste.articles {
  margin: 0 -16px;
}
.page_sommaire .contenu .main .liste.articles .owl-carousel {
  /* 			.owl { padding:0; margin:0 -$gutter/2 } */
  margin-top: 3em;
}
.page_sommaire .contenu .main .liste.articles .diapo {
  /*float:left; width:33.33%; clear:none;*/
  padding: 0 16px;
  border: 0;
  /* 				&:first-child, &:nth-child(3n+1) { clear:both; } */
}
.page_sommaire .extra .nav {
  /*ul { width:100%; position: absolute; top: -20px; margin: 0; left:0; padding:0 $gutter/2;
				li { float:left; width:25%; padding:0 $gutter/2;
					a { background:$colorPrincipale; text-align:center; font-size:110%; }
				}
			}*/
}
.page_sommaire .extra .nav .liste {
  margin: 0;
}
.page_sommaire .content .liste.articles .h2 {
  position: relative;
  top: auto;
  left: auto;
}
.nouscontacter {
  clear: both;
  margin: 32px -16px;
}
.nouscontacter h1 {
  padding: 16px;
  background: #1ab1ab;
  color: #fff;
  text-align: center;
}
.nouscontacter .main .chapo, .nouscontacter .main .texte {
  padding: 16px;
}
.nouscontacter iframe {
  margin: 16px 0 0;
}
.articlesfond {
  float: left;
  margin-left: 25%;
  padding: 0 16px;
  width: 75%;
}
.articlesfond .liste.articles {
  margin: 0;
}
.articlesfond .liste.articles .h2 {
  background: #005D74;
  color: #fff;
  font-size: 1.5rem;
  padding: 16px;
  margin: 0;
}
.articlesfond .liste.articles .h2:after, .articlesfond .liste.articles .h2:before {
  display: none;
}
.articlesfond .liste.articles .article {
  margin: 32px 0;
  padding: 0 0 32px;
  border-bottom: 1px solid #999;
}
.liste.articles .h2, .nav .h2 {
  position: relative;
  top: auto;
  left: auto;
  padding: 0 16px;
  text-align: center;
  margin-bottom: 2em;
  font-size: 1em;
  text-transform: uppercase;
}
.liste.articles .h2:after, .liste.articles .h2:before, .nav .h2:after, .nav .h2:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: -20px;
  margin-left: -6px;
  border-top: 12px solid #005D74;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 0;
}
.liste.articles .h2:before, .nav .h2:before {
  bottom: -22px;
  margin-left: -8px;
  border-top: 15px solid #005D74;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.liste.articles .diapo h3, .nav .diapo h3 {
  line-height: 1;
}
.liste.articles .diapo h3 a, .nav .diapo h3 a {
  color: #000;
  background: none;
  font-size: 0.8em;
}
.liste.articles .diapo h3 a:hover, .nav .diapo h3 a:hover {
  color: #005D74;
  background: none;
}
.liste.articles .spip_logo, .nav .spip_logo {
  float: none;
  display: block;
  margin: 0 auto;
  width: auto;
}
.liste.articles.blog .cartouche, .nav.blog .cartouche {
  margin-top: 0;
}
.liste.articles a.btn, .nav a.btn {
  display: block;
  color: #fff;
  background: #1ab1ab;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 1.2rem;
  margin: 48px auto;
  width: 200px;
  text-align: center;
}
html.rubrique_blog:not(.article_blog) .publication:not(.blog) {
  position: relative;
  top: auto;
  left: auto;
  height: auto;
}
html:not(.article_blog) .articlesfond .publication {
  position: relative;
  top: 0;
  left: 0;
  height: auto;
  margin: 0;
  color: #005D74;
}
.liste.articles:not(.periode) li {
  margin: 2em 0;
  padding: 2em 0;
  border-top: 0;
  border-bottom: 1px solid #999;
}
.liste.articles:not(.periode) li:last-of-type {
  border: 0;
}
.liste.articles .h2 {
  font-size: 0.8em;
}
.nav .h2 {
  /* 		&:before { border-top-color:$white; } */
}
.nav .h2:after {
  border-top-color: #fff;
}
.owl-nav {
  text-align: center;
  padding: 16px;
  color: #4d8e9e;
}
.owl-nav .owl-prev, .owl-nav .owl-next {
  display: inline-block;
  position: relative;
  padding: 0 32px;
  text-indent: -999px;
  overflow: hidden;
}
.owl-nav .owl-prev:after, .owl-nav .owl-prev:before, .owl-nav .owl-next:after, .owl-nav .owl-next:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 17px;
  left: auto;
  bottom: 2px;
  border-right: 12px solid #ffbb2b;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-left: 0;
}
.owl-nav .owl-prev:before, .owl-nav .owl-next:before {
  right: 16px;
  bottom: 0;
  border-right: 15px solid #005D74;
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
}
.owl-nav .owl-prev:hover:after, .owl-nav .owl-next:hover:after {
  border-right-color: #005D74;
}
.owl-nav .owl-next:after, .owl-nav .owl-next:before {
  left: 17px;
  right: auto;
  border-left: 12px solid #ffbb2b;
  border-right: 0;
}
.owl-nav .owl-next:before {
  left: 16px;
  border-left: 15px solid #005D74;
}
.owl-nav .owl-next:hover:after {
  border-left-color: #005D74;
}
.composition_competences .chapo {
  font-weight: 400;
  font-family: "Robotoc", "Arial", sans-serif;
}
.rubrique_competences main.main {
  width: 75%;
}
.rubrique_competences .extra, .rubrique_competences .aside {
  margin-left: -100%;
  float: left;
  padding-top: 0;
  /* 		.nav { @extend .offscreen; } */
}
.rubrique_competences .cartouche h1 {
  width: auto;
}
.rubrique_competences .main .cartouche h1 {
  width: auto;
}
.rubrique_competences .liste.articles {
  margin: 32px -16px 0;
}
.rubrique_competences .liste.articles .h2 {
  background: #005D74;
  color: #fff;
  font-size: 1.5rem;
  padding: 16px;
  margin: 0 16px;
  clear: both;
}
.rubrique_competences .liste.articles .h2:after, .rubrique_competences .liste.articles .h2:before {
  display: none;
}
.rubrique_competences .liste.articles ul.liste-items {
  padding: 0;
  align-items: stretch;
  margin: 0;
}
.rubrique_competences .liste.articles ul.liste-items li.item {
  clear: none;
  padding: 0 16px;
  border: none;
  align-self: stretch;
}
.rubrique_competences .liste.articles ul.liste-items li.item article {
  height: 100%;
}
.rubrique_competences .liste.articles ul.liste-items li.item a {
  display: block;
  position: relative;
  min-height: 100%;
}
.rubrique_competences .liste.articles ul.liste-items li.item a .h3 {
  /* font-size:0.9em;*/
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 8px;
  margin: 0;
  color: #fff;
  background: rgba(0, 93, 116, 0.5);
}
.rubrique_competences .liste.articles ul.liste-items li.item a:hover h3 {
  background: #005D74;
}
.rubrique_competences .content .h2 {
  background: #005D74;
  color: #fff;
  font-size: 1.5rem;
  padding: 16px;
  margin: 3rem 0 0;
  text-align: center;
}
.rubrique_competences .content .h2:after, .rubrique_competences .content .h2:before {
  display: none;
}
.rubrique_competences .content .texte, .rubrique_competences .content .chapo .h2 {
  clear: both;
}
.rubrique_competences .formulaire_formidable {
  border: 0;
  margin: 32px 0;
  padding: 0;
  /* 		legend { @extend .offscreen; } */
}
.article_competences .extra, .article_competences .aside {
  /* 		.nav { @extend .offscreen; } */
}
.composition_articlesfond {
  /* 	.contenu > .aside { @extend .offscreen; } */
}
iframe {
  margin: 32px 0;
  /*.gm-style {
		> div[style="position: absolute; left: 0px; top: 0px;"] { display:none; }
	}*/
}
.nouscontacter iframe {
  margin-bottom: 0;
}
.btn-nav, .btn-aside {
  margin-top: 46px;
}
/* pagination spip 4 */
.pagination, .aside .nav .pagination {
  margin: 2em 0;
}
.pagination .pagination-items, .aside .nav .pagination .pagination-items {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.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;
  border-radius: 0.25em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
}
.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;
  text-decoration: none;
}
/* largeur ecrans */
@media (max-width: 1023px) {
  .page_sommaire {
    /* 		.contenu {padding-top: 200px;} */
  }
  .page_sommaire .extra .nav ul li {
    width: 50%;
  }
  .page_sommaire .contenu #main ul.competences > * {
    flex-basis: 33.33%;
  }
  .rubrique_competences .liste.articles ul.liste-items li.item {
    width: 50%;
  }
  .header .nav {
    clear: both;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .page_sommaire .contenu #main ul.competences > * {
    flex-basis: 50%;
  }
  .bandeau, .page_sommaire .bandeau {
    min-height: 300px;
  }
  main.main {
    margin-left: 0;
    margin-bottom: 0;
    width: 100%;
    padding: 0 16px;
  }
  .aside {
    width: 100%;
    clear: both;
    position: relative;
    padding: 1rem;
    right: 0;
    background: transparent;
  }
  .extra {
    width: 100%;
    float: none;
    clear: both;
  }
  .extra .nav ul {
    margin: -16px;
  }
  .extra .nav ul li {
    margin-top: 0.2em;
    width: 50%;
    padding: 0 16px;
    float: left;
  }
  .nav .h2 {
    margin-bottom: 4em;
  }
  .extra, .page_sommaire .extra {
    margin-left: 0;
  }
  .iconemodele.bloc.left, .iconemodele.bloc.right {
    width: 47%;
  }
  .imagesenligne.flex.trois, .page_sommaire .contenu #main ul.imagesenligne.trois.competences, .page_sommaire .contenu .imagesenligne.trois.accueil, .nouscontacter .imagesenligne.trois.main, .rubrique_competences .liste.articles ul.imagesenligne.trois.liste-items {
    display: block;
    clear: both;
  }
  .imagesenligne.flex.trois span, .page_sommaire .contenu #main ul.imagesenligne.trois.competences span, .page_sommaire .contenu .imagesenligne.trois.accueil span, .nouscontacter .imagesenligne.trois.main span, .rubrique_competences .liste.articles ul.imagesenligne.trois.liste-items span {
    display: block;
    clear: both;
    width: 100%;
    margin: 2rem 0;
    padding: 0;
  }
  .header {
    padding: 1em 0 70px;
  }
  .header .nav {
    clear: none;
    padding-top: 0;
  }
  .header .nav ul {
    clear: both;
    top: -999px;
  }
  .header .nav ul.ouvert {
    position: relative;
    height: auto;
    top: 1rem;
  }
  .header .nav ul li a {
    text-align: center;
  }
  .header .nav ul li a:focus:before, .header .nav ul li a:hover:before, .header .nav ul li a:active:before {
    bottom: 8px;
  }
  .header .nav ul li a:focus:after, .header .nav ul li a:hover:after, .header .nav ul li a:active:after {
    bottom: 10px;
  }
  .header .nav ul li.on a:before {
    bottom: 8px;
  }
  .header .nav ul li.on a:after {
    bottom: 10px;
  }
  .header .identitetel {
    margin-top: 0;
    position: absolute;
    bottom: 12px;
    width: auto;
    left: 12px;
    text-align: center;
    right: 12px;
  }
  .header .identitetel a {
    display: inline-block;
    width: 48%;
  }
  .header .identitetel br {
    display: none;
  }
  .page_sommaire main.main {
    width: 100%;
  }
  .rubrique_competences main.main {
    width: 100%;
  }
  .rubrique_competences .aside, .rubrique_competences .extra {
    margin: 0 auto;
  }
  .articlesfond {
    margin: 0;
    width: 100%;
  }
  .page_sommaire .contenu .accueil {
    display: block;
  }
  .page_sommaire .contenu .accueil .spip_documents {
    max-width: 100%;
  }
  .page_sommaire .contenu .accueil .spip_documents img {
    margin: 0.5rem 0 0;
  }
}
@media (max-width: 639px) {
  .header .spip_logos {
    margin: 0;
  }
  .header .btn-nav {
    margin-top: 6px;
  }
  .header .identitetel {
    bottom: 6px;
  }
  .header .spip_logo {
    margin: 0 0 0 12px;
  }
  .nouscontacter .main {
    display: block;
  }
}
@media (max-width: 539px) {
  .iconemodele.bloc.largeur.left, .iconemodele.bloc.largeur.right {
    width: 100%;
  }
  .bandeau, .page_sommaire .bandeau {
    min-height: 200px;
  }
  .page_sommaire {
    /* 		.contenu {padding-top: 430px;} */
  }
  .page_sommaire .extra .nav ul li {
    width: 100%;
  }
  .page_sommaire .contenu header.cartouche h1 {
    font-size: 1.2rem;
  }
  .rubrique_competences .liste.articles ul.liste-items li.item {
    width: 100%;
  }
}
@media (max-width: 479px) {
  .cartouche h1, .extra {
    width: 100%;
  }
  .extra .nav ul li {
    width: 100%;
  }
  .page_sommaire .contenu #main ul.competences > * {
    flex-basis: 100%;
  }
}
@media (max-width: 400px) {
  /* 	.page_sommaire .contenu .accueil img { margin:0.5rem 0 0; } */
  .header {
    /* 		.btn-nav { margin-right:4px; } */
  }
  .header a.tel:after {
    display: none;
  }
  .header .identitetel {
    padding: 13px 8px 12px;
    font-size: 1rem;
  }
  .header .identitetel a i {
    display: none;
  }
}