/*
#@squelettes/css/lesspssff.less
*/
@import url(/squelettes/css/knacss.css);
/* feuille de style less pour le pssff */
/* affichage permanent des boutons SPIP */
.spip-admin-bloc,
.spip-admin-float {
  z-index: 999 !important;
}
/* !!! correction bug knacss fr dans html */
html.fr {
  float: none;
}
/* les couleurs */
.enrouge {
  color: #ef4733;
  border-color: #ef4733;
}
.enrouge .iconsvg .introue,
.enrouge .iconsvg .extroue,
.enrouge .iconsvg .aileron {
  stroke: #ef4733;
}
.envert {
  color: #009869;
  border-color: #009869;
}
.envert .iconsvg .introue,
.envert .iconsvg .extroue,
.envert .iconsvg .aileron {
  stroke: #009869;
}
.envertclair {
  color: #acfdc3;
  border-color: #acfdc3;
}
.envertclair .iconsvg .introue,
.envertclair .iconsvg .extroue,
.envertclair .iconsvg .aileron {
  stroke: #acfdc3;
}
.enbleu {
  color: #51b2e5;
  border-color: #51b2e5;
}
.enbleu .iconsvg .introue,
.enbleu .iconsvg .extroue,
.enbleu .iconsvg .aileron {
  stroke: #51b2e5;
}
.enbleu2 {
  color: #2db7c5;
  border-color: #2db7c5;
}
.enbleu2 .iconsvg .introue,
.enbleu2 .iconsvg .extroue,
.enbleu2 .iconsvg .aileron {
  stroke: #2db7c5;
}
.enrose {
  color: #f8c4ae;
  border-color: #f8c4ae;
}
.enrose .iconsvg .introue,
.enrose .iconsvg .extroue,
.enrose .iconsvg .aileron {
  stroke: #f8c4ae;
}
.enjaune {
  color: #f7d13b;
  border-color: #f7d13b;
}
.enjaune .iconsvg .introue,
.enjaune .iconsvg .extroue,
.enjaune .iconsvg .aileron {
  stroke: #f7d13b;
}
.ennoir {
  color: #282328;
  border-color: #282328;
}
.ennoir .iconsvg .introue,
.ennoir .iconsvg .extroue,
.ennoir .iconsvg .aileron {
  stroke: #282328;
}
.enblanc {
  color: #f2f5f7;
  border-color: #f2f5f7;
}
.enblanc .iconsvg .introue,
.enblanc .iconsvg .extroue,
.enblanc .iconsvg .aileron {
  stroke: #f2f5f7;
}
.enbleufonce {
  color: #093e5d;
  border-color: #093e5d;
}
.enbleufonce .iconsvg .introue,
.enbleufonce .iconsvg .extroue,
.enbleufonce .iconsvg .aileron {
  stroke: #093e5d;
}
.sstitrenbleu h3 {
  color: #2db7c5;
}
.sstitrenrose h3 {
  color: #f8c4ae;
}
.fdrose {
  background-color: #f8c4ae;
}
.fdrouge {
  background-color: #ef4733;
}
.fdvert {
  background-color: #009869;
}
.fdvertclair {
  background-color: #acfdc3;
}
.fdbleu {
  background-color: #51b2e5;
}
.fdbleuleger {
  background-color: #d6e1e8;
}
.fdblanc,
.fdnoir .fdblanc {
  background-color: #f2f5f7;
  color: #282328;
  border-color: #282328;
}
.fdblanc .iconsvg .introue,
.fdnoir .fdblanc .iconsvg .introue,
.fdblanc .iconsvg .extroue,
.fdnoir .fdblanc .iconsvg .extroue,
.fdblanc .iconsvg .aileron,
.fdnoir .fdblanc .iconsvg .aileron {
  stroke: #282328;
}
.fdblanc a,
.fdnoir .fdblanc a {
  color: #282328;
  border-color: #282328;
}
.fdblanc a .iconsvg .introue,
.fdnoir .fdblanc a .iconsvg .introue,
.fdblanc a .iconsvg .extroue,
.fdnoir .fdblanc a .iconsvg .extroue,
.fdblanc a .iconsvg .aileron,
.fdnoir .fdblanc a .iconsvg .aileron {
  stroke: #282328;
}
.fdnoir,
.fdblanc .fdnoir {
  background-color: #282328 !important;
  color: #f2f5f7;
  border-color: #f2f5f7;
}
.fdnoir .iconsvg .introue,
.fdblanc .fdnoir .iconsvg .introue,
.fdnoir .iconsvg .extroue,
.fdblanc .fdnoir .iconsvg .extroue,
.fdnoir .iconsvg .aileron,
.fdblanc .fdnoir .iconsvg .aileron {
  stroke: #f2f5f7;
}
.fdnoir a,
.fdblanc .fdnoir a {
  color: #f2f5f7;
  border-color: #f2f5f7;
}
.fdnoir a .iconsvg .introue,
.fdblanc .fdnoir a .iconsvg .introue,
.fdnoir a .iconsvg .extroue,
.fdblanc .fdnoir a .iconsvg .extroue,
.fdnoir a .iconsvg .aileron,
.fdblanc .fdnoir a .iconsvg .aileron {
  stroke: #f2f5f7;
}
.fdblanc,
.fdbleufonce .fdblanc {
  background-color: #f2f5f7;
  color: #093e5d;
  border-color: #093e5d;
}
.fdblanc .iconsvg .introue,
.fdbleufonce .fdblanc .iconsvg .introue,
.fdblanc .iconsvg .extroue,
.fdbleufonce .fdblanc .iconsvg .extroue,
.fdblanc .iconsvg .aileron,
.fdbleufonce .fdblanc .iconsvg .aileron {
  stroke: #093e5d;
}
.fdblanc a,
.fdbleufonce .fdblanc a {
  color: #093e5d;
  border-color: #093e5d;
}
.fdblanc a .iconsvg .introue,
.fdbleufonce .fdblanc a .iconsvg .introue,
.fdblanc a .iconsvg .extroue,
.fdbleufonce .fdblanc a .iconsvg .extroue,
.fdblanc a .iconsvg .aileron,
.fdbleufonce .fdblanc a .iconsvg .aileron {
  stroke: #093e5d;
}
.fdbleufonce,
.fdblanc .fdbleufonce {
  background-color: #093e5d !important;
  color: #f2f5f7;
  border-color: #f2f5f7;
}
.fdbleufonce .iconsvg .introue,
.fdblanc .fdbleufonce .iconsvg .introue,
.fdbleufonce .iconsvg .extroue,
.fdblanc .fdbleufonce .iconsvg .extroue,
.fdbleufonce .iconsvg .aileron,
.fdblanc .fdbleufonce .iconsvg .aileron {
  stroke: #f2f5f7;
}
.fdbleufonce a,
.fdblanc .fdbleufonce a {
  color: #f2f5f7;
  border-color: #f2f5f7;
}
.fdbleufonce a .iconsvg .introue,
.fdblanc .fdbleufonce a .iconsvg .introue,
.fdbleufonce a .iconsvg .extroue,
.fdblanc .fdbleufonce a .iconsvg .extroue,
.fdbleufonce a .iconsvg .aileron,
.fdblanc .fdbleufonce a .iconsvg .aileron {
  stroke: #f2f5f7;
}
.fdbleufonce .iconsvg,
.fdblanc .fdbleufonce .iconsvg {
  stroke: #d6e1e8 !important;
}
.fdbleufonce .logosvg > *,
.fdblanc .fdbleufonce .logosvg > * {
  fill: #d6e1e8 !important;
}
.fdjaune {
  background-color: #f7d13b;
}
.fdjaune2 {
  background-color: #ffed00;
}
.fdgris {
  background-color: #999999;
}
.fdsepia {
  background-color: #fedea7;
}
.on_gris {
  color: #999999;
}
.on_jaune {
  color: #ffed00;
}
.ensepia {
  color: #fedea7;
}
.ensepia a {
  color: #fedea7 !important;
}
/* background degrade pssff 2019 */
.fd_degrade_pssff19_full {
  background: #008089;
  /* Old browsers */
  background: -moz-linear-gradient(left, #008089 0%, #008089 12%, #00989e 12%, #00989e 25%, #00a6a6 25%, #00a6a6 37%, #44b8af 37%, #44b8af 50%, #c22718 50%, #c22718 63%, #d8442d 63%, #d8442d 75%, #eb601d 75%, #eb601d 88%, #f59d19 88%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #008089 0%, #008089 12%, #00989e 12%, #00989e 25%, #00a6a6 25%, #00a6a6 37%, #44b8af 37%, #44b8af 50%, #c22718 50%, #c22718 63%, #d8442d 63%, #d8442d 75%, #eb601d 75%, #eb601d 88%, #f59d19 88%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #008089 0%, #008089 12%, #00989e 12%, #00989e 25%, #00a6a6 25%, #00a6a6 37%, #44b8af 37%, #44b8af 50%, #c22718 50%, #c22718 63%, #d8442d 63%, #d8442d 75%, #eb601d 75%, #eb601d 88%, #f59d19 88%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-size: 100% 10% !important;
  background-position: bottom !important;
  background-attachment: scroll !important;
  background-repeat: no-repeat !important;
}
.fd_degrade_pssff19_surf {
  background-position: bottom !important;
  background-attachment: scroll !important;
  background-size: 100% 10% !important;
  background-repeat: no-repeat !important;
  background: #008089;
  /* Old browsers */
  background: -moz-linear-gradient(left, #008089 0%, #008089 25%, #00989e 25%, #00989e 50%, #00a6a6 50%, #00a6a6 75%, #44b8af 75%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #008089 0%, #008089 25%, #00989e 25%, #00989e 50%, #00a6a6 50%, #00a6a6 75%, #44b8af 75%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #008089 0%, #008089 25%, #00989e 25%, #00989e 50%, #00a6a6 50%, #00a6a6 75%, #44b8af 75%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.fd_degrade_pssff19_skate {
  background-position: bottom !important;
  background-attachment: scroll !important;
  background-size: 100% 10% !important;
  background-repeat: no-repeat !important;
  background: #008089;
  /* Old browsers */
  background: -moz-linear-gradient(left, #c22718 0%, #c22718 25%, #d8442d 25%, #d8442d 50%, #eb601d 50%, #eb601d 75%, #f59d19 75%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #c22718 0%, #c22718 25%, #d8442d 25%, #d8442d 50%, #eb601d 50%, #eb601d 75%, #f59d19 75%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #c22718 0%, #c22718 25%, #d8442d 25%, #d8442d 50%, #eb601d 50%, #eb601d 75%, #f59d19 75%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.fd_degrade_100pc {
  background-size: 100% 100% !important;
}
.fd_degrade_big {
  background-size: 100% 20% !important;
}
.fd_degrade_small {
  background-size: 100% 5% !important;
}
/* mode de fusion */
.fusionmult {
  mix-blend-mode: multiply;
}
.imagenb img {
  filter: grayscale(100%);
}
html {
  width: 100%;
  margin: 0;
}
body {
  border-color: #282328;
  background-color: #f2f5f7;
  color: #093e5d;
  border-color: #093e5d;
  color: #282328;
  width: 100%;
  margin: 0;
  font-size: 1.4rem;
}
body .iconsvg .introue,
body .iconsvg .extroue,
body .iconsvg .aileron {
  stroke: #282328;
}
body a {
  color: #282328;
  border-color: #282328;
}
body a .iconsvg .introue,
body a .iconsvg .extroue,
body a .iconsvg .aileron {
  stroke: #282328;
}
body .iconsvg .introue,
body .iconsvg .extroue,
body .iconsvg .aileron {
  stroke: #093e5d;
}
body a {
  color: #093e5d;
  border-color: #093e5d;
}
body a .iconsvg .introue,
body a .iconsvg .extroue,
body a .iconsvg .aileron {
  stroke: #093e5d;
}
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}
/*body {padding-top: 6rem;}*/
.page {
  width: 100%;
  margin: 6rem auto 0 auto;
  max-width: 1440px;
  padding: 0 .75rem 2rem;
  min-height: 450px;
}
/*body.page_presentation .imghome, body.page_presentation .entetepage, body.page_press #contenu {margin-top: 6rem;}*/
@media (max-width: 640px) {
  .page {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0;
    padding: 0 .75rem;
    overflow: hidden;
  }
}
.panneau {
  width: auto;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0 1.5rem;
  padding-top: 4rem;
}
@media (max-width: 480px) {
  .panneau {
    padding-top: 2.5rem;
  }
}
/* supprimer l'espace sous la barre d'entete*/
.panneauentete {
  padding-top: 5rem;
}
.pleinecran {
  min-height: 100vh;
}
.demiecran {
  height: 50vh;
}
.fulllarg {
  width: 100%;
  text-align: center;
}
.fulllarg img {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.pleinelarg {
  width: 100% !important;
  /*max-width: 1440px !important;*/
}
.deuxtierslarg {
  max-width: 66% !important;
  margin: 0 auto;
}
.troisquartslarg {
  max-width: 75% !important;
  margin: 0 auto;
}
.exergueuntiers {
  max-width: 50% !important;
}
.exerguedeuxtiers {
  max-width: 66% !important;
}
@media (max-width: 640px) {
  .deuxtierslarg,
  .troisquartslarg,
  .exergueuntiers,
  .exerguedeuxtiers,
  .fulllarg {
    max-width: 100% !important;
  }
}
.blocextrapadding {
  padding: 2rem;
}
@media (max-width: 460px) {
  .blocextrapadding {
    padding: .5rem;
  }
}
.pieddepage {
  margin-top: 0rem;
  padding-top: 3rem !important;
  margin-bottom: -5rem;
}
.pieddepage p {
  font-size: .85em;
}
.videocontainer {
  height: 100%;
}
.videocontainer > video {
  max-height: 100%;
}
.conteneurphoto250 {
  width: 250px !important;
}
.logocontainer {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(13, 1fr);
  align-items: center;
  /*justify-content: stretch;*/
}
.logocontainer [class*="col-2"] {
  grid-column: auto / span 2;
}
.logocontainer [class*="col-3"] {
  grid-column: auto / span 3;
}
.logocontainer [class*="col-4"] {
  grid-column: auto / span 4;
}
@media (min-width: 341px) and (max-width: 640px) {
  .logocontainer {
    grid-template-columns: repeat(6, 1fr);
  }
  .logocontainer [class*="col-2-small-1"] {
    grid-column: auto / span 1;
  }
  .logocontainer [class*="col-3-small-1"] {
    grid-column: auto / span 1;
  }
  .logocontainer [class*="col-4-small-2"] {
    grid-column: auto / span 2;
  }
}
@media (max-width: 340px) {
  .logocontainer {
    grid-template-columns: repeat(3, 1fr);
  }
  .logocontainer [class*="col-2-small-1"] {
    grid-column: auto / span 1;
  }
  .logocontainer [class*="col-3-small-1"] {
    grid-column: auto / span 1;
  }
  .logocontainer [class*="col-4-small-2"] {
    grid-column: auto / span 1;
  }
}
.logospartners {
  max-width: 350px;
  align-self: center;
}
.logospartners a {
  height: 100%;
  line-height: 100%;
}
@media (max-width: 480px) {
  .logospartners {
    max-width: 150px;
  }
}
body.page_presentation .logospartners {
  max-width: 340px;
}
.logospartners img {
  mix-blend-mode: multiply;
}
.fullbord {
  border: 2px solid #282328;
}
.nobord {
  border: none;
}
.borddroit {
  border-right: 2px solid #282328;
}
.bordbas {
  border-bottom: 2px solid #282328;
  padding-bottom: 1rem;
}
.bordhaut {
  border-top: 2px solid #282328;
  padding-top: 1rem;
}
.nohyphens {
  word-break: keep-all;
  hyphens: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
}
.nosouligne {
  text-decoration: none !important;
}
.minus {
  text-transform: lowercase;
}
.minus:first-child {
  text-transform: capitalize;
}
.imgdefond {
  background-attachment: fixed;
  background-repeat: no-repeat;
}
.vign8video a {
  display: inline-block;
}
.vign8_jury {
  max-width: 250px;
  margin: 1rem;
}
.vign8_jury img {
  max-width: 100%;
}
.butt_resa {
  text-align: center;
  margin: 1rem auto;
  padding: .5rem;
  width: 50%;
}
.butt_resa p {
  margin: 0;
  padding: 0;
  font-size: .9em;
}
.butt_resa a {
  display: block;
  text-decoration: none;
  color: #f2f5f7;
  border-color: #f2f5f7;
}
.butt_resa a .iconsvg .introue,
.butt_resa a .iconsvg .extroue,
.butt_resa a .iconsvg .aileron {
  stroke: #f2f5f7;
}
.butt_resa a:hover {
  text-decoration: underline;
}
.margentete {
  margin-top: 13rem;
}
@media (max-width: 800px) {
  .margentete {
    margin-top: 2rem;
  }
}
.barrelogosfooter {
  max-width: 75% !important;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .barrelogosfooter {
    max-width: 100% !important;
  }
}
/* effet de hover sur vignettes */
.lienanime {
  position: relative;
  overflow: hidden;
}
.lienanime::before {
  opacity: 0;
  margin-top: 100%;
  padding-top: 0;
}
.lienanime::before {
  background: rgba(242, 245, 247, 0.55);
}
.lienanime::before {
  content: "+";
  font-family: 'Sporting Grotesque';
  font-style: Normal;
  font-weight: Normal;
  font-weight: normal;
  font-size: 3.5rem;
  line-height: 1;
  word-wrap: normal;
  text-rendering: geometricPrecision;
  word-wrap: keep-all;
  word-break: keep-all;
  -webkit-word-wrap: keep-all;
  -webkit-word-break: keep-all;
  hyphens: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  line-height: 33%;
  padding-top: 33%;
  color: #093e5d;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  -webkit-transition: all 0.75s ease, -webkit-transform 0.75s ease;
  transition: all 0.75s ease, -webkit-transform 0.75s ease;
  transition: all .75s ease, transform .75s ease;
  transition: all 0.75s ease, transform 0.75s ease, -webkit-transform 0.75s ease;
}
.lienanime::before::selection {
  background: #f8c4ae;
  color: #093e5d;
}
.lienanime::before::-moz-selection {
  background: #f8c4ae;
  color: #093e5d;
}
.lienversvideo,
.lienversphoto {
  display: block;
  text-align: center;
}
a.lienversvideo .lienanime::before {
  content: "\25B6";
}
a.lienversphoto .lienanime::before {
  content: "+";
}
a.lienversvideo:hover .lienanime::before,
a.lienversphoto:hover .lienanime::before {
  background-color: #f8c4ae;
  opacity: .85;
  margin-top: 0;
}
/* typo */
.metropolis {
  font-family: 'Metropolis', Helvetica, Arial, sans-serif;
  font-style: Normal;
  font-weight: Normal;
}
.worksans {
  font-family: 'Work Sans', Helvetica, Arial, sans-serif;
  font-style: Normal;
  font-weight: Normal;
}
.sporting {
  font-family: 'Sporting Grotesque';
  font-style: Normal;
  font-weight: Normal;
}
.logofont {
  font-family: 'woodfordbourne';
  font-style: Normal;
  font-weight: Normal;
  font-size: 1.4rem;
}
.logofont-bold {
  font-weight: bold;
}
body {
  font-family: 'Work Sans', Helvetica, Arial, sans-serif;
  font-style: Normal;
  font-weight: Normal;
}
ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea,
caption,
details,
figure {
  line-height: 1.15;
  hyphens: auto;
  font-size: 1.4rem;
  margin-top: 0.25em;
  margin-bottom: 1rem;
}
blockquote {
  background-image: none !important;
  font-style: italic;
}
blockquote::before {
  color: inherit !important;
}
blockquote p {
  font-size: .85em !important;
}
ul.spip {
  list-style-type: none;
  line-height: 1.25;
  /*font-size: 1.4rem;*/
  margin-top: 1rem;
  margin-bottom: 2rem;
  /*max-width: 81.25rem;*/
  word-wrap: keep-all;
  word-break: keep-all;
  -webkit-word-wrap: keep-all;
  -webkit-word-break: keep-all;
  hyphens: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  margin-left: 0;
  padding-left: 0;
}
ul.spip::selection {
  background: #f8c4ae;
  color: #093e5d;
}
ul.spip::-moz-selection {
  background: #f8c4ae;
  color: #093e5d;
}
ul.spip li {
  padding-left: 2rem;
  text-indent: -1rem;
  margin-bottom: 1.5rem;
}
ul.spip li::before {
  content: "\2573";
  display: inline-block;
  font-family: sans-serif;
  font-size: 1.4rem;
  vertical-align: top;
  padding-top: .8rem;
}
p,
.p-like {
  line-height: 1.25;
  word-wrap: keep-all;
  word-break: keep-all;
  -webkit-word-wrap: keep-all;
  -webkit-word-break: keep-all;
  hyphens: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  /*font-size: 1.4rem;*/
  margin-top: 1rem;
  margin-bottom: 2rem;
  /*max-width: 81.25rem;*/
}
p.legendephoto {
  font-size: 0.75rem;
  text-align: right;
}
h2 + p,
h3 + p,
h4 + p {
  margin-top: 0;
}
h3 + h3,
h2 + h3 {
  margin-top: -.5rem;
}
p + h3,
p + h4,
p + h2 {
  margin-top: 5rem;
}
p + ul,
p + ul.spip {
  margin-top: -1.75rem;
}
h1,
.h1-like {
  font-family: 'Sporting Grotesque';
  font-style: Normal;
  font-weight: Normal;
  font-weight: normal;
  font-size: 3.5rem;
  line-height: 1;
  word-wrap: normal;
  hyphens: none;
  text-rendering: geometricPrecision;
}
.bigh1 {
  font-family: 'Sporting Grotesque';
  font-style: Normal;
  font-weight: Normal;
  font-size: 5rem;
  /*avant c'était 5rem - 10/09/2023*/
  font-weight: 500;
  letter-spacing: -0.085em;
  /*border-bottom: .25rem solid;*/
  line-height: 0.9;
}
@media (min-width: 1140px) {
  .bigh1 {
    font-size: 7.5rem;
  }
}
h2,
.h2-like,
.h2-like > p {
  font-family: 'Sporting Grotesque';
  font-style: Normal;
  font-weight: Normal;
  font-weight: bold;
  font-size: 2.5rem;
  line-height: .95;
  margin-top: 1rem;
  margin-bottom: 1rem;
  word-wrap: normal;
  hyphens: none;
}
.entetesite h2,
.entetesite .h2-like {
  margin-top: 1rem !important;
  font-size: 2rem;
  letter-spacing: -0.5px;
}
h3,
.h3-like {
  font-family: 'Sporting Grotesque';
  font-style: Normal;
  font-weight: Normal;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 1;
  margin-top: 1rem;
  margin-bottom: 1rem;
  word-wrap: normal;
  hyphens: none;
}
h4,
.h4-like {
  font-weight: bold;
  text-transform: uppercase;
  /*margin-top: 2rem;*/
  margin-bottom: 1.4rem;
  hyphens: none;
  line-height: .85;
  letter-spacing: 0.05rem;
}
p,
.p-like,
ul,
li,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea,
caption,
details,
figure,
b,
i,
strong,
em,
h4,
.h4-like,
h3,
.h3-like,
h2,
.h2-like,
h1,
.h1-like,
a {
  word-wrap: keep-all;
  word-break: keep-all;
  -webkit-word-wrap: keep-all;
  -webkit-word-break: keep-all;
  hyphens: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
}
p::selection,
.p-like::selection,
ul::selection,
li::selection,
ol::selection,
dl::selection,
blockquote::selection,
pre::selection,
td::selection,
th::selection,
label::selection,
textarea::selection,
caption::selection,
details::selection,
figure::selection,
b::selection,
i::selection,
strong::selection,
em::selection,
h4::selection,
.h4-like::selection,
h3::selection,
.h3-like::selection,
h2::selection,
.h2-like::selection,
h1::selection,
.h1-like::selection,
a::selection {
  background: #f8c4ae;
  color: #093e5d;
}
p::-moz-selection,
.p-like::-moz-selection,
ul::-moz-selection,
li::-moz-selection,
ol::-moz-selection,
dl::-moz-selection,
blockquote::-moz-selection,
pre::-moz-selection,
td::-moz-selection,
th::-moz-selection,
label::-moz-selection,
textarea::-moz-selection,
caption::-moz-selection,
details::-moz-selection,
figure::-moz-selection,
b::-moz-selection,
i::-moz-selection,
strong::-moz-selection,
em::-moz-selection,
h4::-moz-selection,
.h4-like::-moz-selection,
h3::-moz-selection,
.h3-like::-moz-selection,
h2::-moz-selection,
.h2-like::-moz-selection,
h1::-moz-selection,
.h1-like::-moz-selection,
a::-moz-selection {
  background: #f8c4ae;
  color: #093e5d;
}
@media (max-width: 640px) {
  p,
  .p-like,
  ul.spip,
  h4,
  .h4-like {
    /*font-size: 1.25rem;*/
    margin-top: .5rem;
    margin-bottom: 1.5rem;
    max-width: 52rem;
  }
  h2,
  .h2-like,
  .h2-like > p {
    font-size: 1.8rem;
    margin-top: .5rem;
    margin-bottom: 1rem;
  }
  h3,
  .h3-like {
    font-size: 1.4rem;
    margin-top: .5rem;
    margin-bottom: 1rem;
  }
  h4,
  .h4-like {
    font-size: 1.2rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
  }
  .bigh1 {
    font-size: 5rem;
  }
}
.caractencadre-spip {
  display: inline-block;
  font-family: 'Work Sans', Helvetica, Arial, sans-serif;
  font-style: Normal;
  font-weight: Normal;
  font-size: 3.5rem;
}
.h1-font,
.h1font {
  font-family: 'Sporting Grotesque';
  font-style: Normal;
  font-weight: Normal;
  font-size: .95em;
}
.h1-font p,
.h1font p,
.h1-font .p-like,
.h1font .p-like,
.h1-font ul,
.h1font ul,
.h1-font ol,
.h1font ol,
.h1-font dl,
.h1font dl,
.h1-font blockquote,
.h1font blockquote,
.h1-font pre,
.h1font pre,
.h1-font td,
.h1font td,
.h1-font th,
.h1font th,
.h1-font label,
.h1font label,
.h1-font textarea,
.h1font textarea,
.h1-font caption,
.h1font caption,
.h1-font details,
.h1font details,
.h1-font figure,
.h1font figure {
  font-family: 'Work Sans', Helvetica, Arial, sans-serif;
  font-style: Normal;
  font-weight: Normal;
}
.p-font {
  font-family: 'Work Sans', Helvetica, Arial, sans-serif;
  font-style: Normal;
  font-weight: Normal;
}
sup {
  text-transform: lowercase !important;
}
.enmaj {
  text-transform: uppercase;
}
.enitalic {
  font-style: italic;
}
a.spip,
a.spip_in {
  text-decoration: underline;
  font-style: normal;
}
a.spip_out,
a.spip_doc,
a.spip_note,
a.spip_mail {
  position: relative;
  text-decoration: none;
  font-style: italic;
}
a.spip_out::before,
a.spip_doc::before,
a.spip_note::before,
a.spip_mail::before {
  content: "→ ";
}
a.spip_out:hover,
a.spip_doc:hover,
a.spip_note:hover,
a.spip_mail:hover {
  text-decoration: underline;
}
.texteplusgros > * {
  font-size: 1.2em;
}
.centragevertical {
  display: table;
}
.centragevertical > * {
  display: table-cell;
  vertical-align: middle;
}
/* trick pour un séparateur hr coloré */
hr {
  height: 1rem;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 2rem;
}
.blocextrapadding hr {
  margin: -2rem -2rem 2rem;
}
@media (max-width: 460px) {
  .blocextrapadding hr {
    margin: -0.5rem -0.5rem 0.5rem;
  }
}
/*a.spip_doc, a[href$='pdf'] {
	&::before {
		display: inline-block;
		margin-right: .5em;
		padding-left: .25em;
		content: "\2198";
		font-family: sans-serif;
	}
}*/
/* --------------------- */
/* bloc entete des pages */
/* --------------------- */
/* bugfix Ios qui ne reconnaît pas la propriété background-attachment : fixed */
.iostrick {
  /*ipad*/
  /*retina ipad*/
  /*ipad 1 2*/
  /*ipad mini*/
  /*iphone 6*/
  /*iphone 6+*/
  /*iphone 5 5s*/
  /*iphone 2g 4s*/
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .iostrick {
    -webkit-background-attachment: scroll;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .iostrick {
    -webkit-background-attachment: scroll;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .iostrick {
    -webkit-background-attachment: scroll;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .iostrick {
    background-attachment: scroll;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
  .iostrick {
    background-attachment: scroll;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
  .iostrick {
    background-attachment: scroll;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  .iostrick {
    background-attachment: scroll;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .iostrick {
    background-attachment: scroll;
  }
}
.blocentete {
  background-attachment: fixed;
  /*ipad*/
  /*retina ipad*/
  /*ipad 1 2*/
  /*ipad mini*/
  /*iphone 6*/
  /*iphone 6+*/
  /*iphone 5 5s*/
  /*iphone 2g 4s*/
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .blocentete {
    -webkit-background-attachment: scroll;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .blocentete {
    -webkit-background-attachment: scroll;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .blocentete {
    -webkit-background-attachment: scroll;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .blocentete {
    background-attachment: scroll;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
  .blocentete {
    background-attachment: scroll;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
  .blocentete {
    background-attachment: scroll;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  .blocentete {
    background-attachment: scroll;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .blocentete {
    background-attachment: scroll;
  }
}
.blocentete h1 {
  font-size: 5rem;
  letter-spacing: -0.085em;
  line-height: 0.9;
}
.blocentete p {
  font-size: 2.5rem;
  max-width: 66%;
}
@media (max-width: 460px) {
  .blocentete h1 {
    font-size: 3rem;
  }
  .blocentete p {
    font-size: 1.25rem;
  }
}
@media (max-width: 600px) {
  .blocentete h1 {
    font-size: 3rem;
  }
  .blocentete p {
    font-size: 1.5rem;
  }
}
@media (min-width: 1140px) {
  .blocentete h1 {
    font-size: 10rem;
  }
}
.blocentete[data-responsive="background"] {
  background-position: bottom center !important;
}
.blocentetetop[data-responsive="background"] {
  background-position: top center !important;
}
.blocentetecenter[data-responsive="background"] {
  background-position: center center !important;
}
.titreblocentete {
  position: absolute;
  bottom: 0;
}
.infos_entete {
  padding-top: 1rem;
}
.fusionmult {
  mix-blend-mode: multiply;
}
/* Navigation et header site*/
.headersite {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 6rem;
  line-height: 6rem;
  white-space: nowrap;
  border-bottom: 1px solid black;
  overflow: hidden;
  padding: 0;
  margin: 0;
  z-index: 80 !important;
  color: #282328;
  border-color: #282328;
  background-color: #f2f5f7;
  color: #093e5d;
  border-color: #093e5d;
}
.headersite .iconsvg .introue,
.headersite .iconsvg .extroue,
.headersite .iconsvg .aileron {
  stroke: #282328;
}
.headersite a {
  color: #282328;
  border-color: #282328;
}
.headersite a .iconsvg .introue,
.headersite a .iconsvg .extroue,
.headersite a .iconsvg .aileron {
  stroke: #282328;
}
.headersite .iconsvg .introue,
.headersite .iconsvg .extroue,
.headersite .iconsvg .aileron {
  stroke: #093e5d;
}
.headersite a {
  color: #093e5d;
  border-color: #093e5d;
}
.headersite a .iconsvg .introue,
.headersite a .iconsvg .extroue,
.headersite a .iconsvg .aileron {
  stroke: #093e5d;
}
.headeradditionnel {
  position: fixed;
  top: 6rem;
  left: 0;
  width: 100%;
  height: 3rem;
  overflow: hidden;
  line-height: 3rem;
  white-space: nowrap;
  opacity: .95;
  margin: 0;
  z-index: 80 !important;
}
.headeradditionnel a {
  display: inline-block;
  font-size: 1.25em;
  margin-bottom: 2rem;
}
.headeradditionnel a.defilement {
  padding-right: 2em;
  /* un peu d'espace pour la transition */
  padding-left: 100%;
  /* placement à droite du conteneur */
  white-space: nowrap;
  /* pas de passage à la ligne */
  animation: defilement-rtl 30s infinite ease-out;
}
@keyframes defilement-rtl {
  0% {
    transform: translate3d(0, 0, 0);
    /* position initiale à droite */
  }
  100% {
    transform: translate3d(-100%, 0, 0);
    /* position finale à gauche */
  }
}
.headeradditionnel > section.panneau {
  padding-top: 9rem;
}
@media (max-width: 480px) {
  .headeradditionnel > section.panneau {
    padding-top: 4.5rem;
  }
}
.menulogo {
  display: inline-block;
  padding-left: 1.5rem;
  width: 10rem;
  height: 6rem;
}
.menulogo a {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.menulogo .logosvg {
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}
.nomsite {
  display: inline-block;
  padding: 0;
  margin: 0;
  padding-left: 1.5rem;
  overflow: hidden;
  height: 6rem;
  width: 100%;
  line-height: 6rem;
  white-space: nowrap;
  position: relative;
}
.nomsite p {
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  line-height: 6rem;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  /* poussé de la moitié de hauteur du référent */
  left: 1.5rem;
  transform: translateY(-50%);
}
#menuburger {
  display: block;
  position: fixed;
  z-index: 110 !important;
  top: 0;
  right: 1rem;
  margin: 1.5rem 0 1.5rem 1.5rem;
  padding: .5rem 0 0 0;
  width: 3rem;
  height: 3rem;
  /*border: 5px solid black;*/
  text-align: center;
  /* Common button styles */
  /* cross button */
}
#menuburger input {
  display: none;
}
#menuburger .nav-button2 {
  position: relative;
  display: block;
  height: 2.2rem;
  width: 3rem;
  margin: 0 auto;
  background-color: transparent;
  background-image: linear-gradient(to right, #282328, #282328);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 3px;
  padding: 0;
  outline: 0;
  border: 0;
  color: #333;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: 0.25s cubic-bezier(0.17, 0.67, 0.89, 1.4);
  transition-property: transform;
  will-change: transform;
}
#menuburger .nav-button2::before,
#menuburger .nav-button2::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  height: 3px;
  background: #282328;
  transition: .25s;
  transition-property: transform, top;
  will-change: transform, top;
}
#menuburger .nav-button2::before {
  top: 0;
}
#menuburger .nav-button2::after {
  top: calc(100% - 3px);
}
#menuburger .nav-button2:hover {
  background-image: linear-gradient(to right, #ef4733, #ef4733);
}
#menuburger .nav-button2:hover::before,
#menuburger .nav-button2:hover::after {
  background: #ef4733;
}
#menuburger .cross-button,
#menuburger .cross-button:hover {
  background-image: none;
}
#menuburger .cross-button::before,
#menuburger .cross-button::after {
  top: 50%;
}
#menuburger .cross-button::before {
  transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 45deg);
}
#menuburger .cross-button::after {
  transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -45deg);
}
/* navigation générale */
#navig_generale {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 90 !important;
  padding-top: 5.9rem;
  width: 320px;
  min-height: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  white-space: nowrap;
  color: #282328;
  border-color: #282328;
  background-color: #f2f5f7;
  color: #093e5d;
  border-color: #093e5d;
  transition: width 0.15s ease-out;
  -moz-transition: width 0.15s ease-out;
  -webkit-transition: width 0.15s ease-out;
  /* Apparition & disparition des sous menus */
}
#navig_generale .iconsvg .introue,
#navig_generale .iconsvg .extroue,
#navig_generale .iconsvg .aileron {
  stroke: #282328;
}
#navig_generale a {
  color: #282328;
  border-color: #282328;
}
#navig_generale a .iconsvg .introue,
#navig_generale a .iconsvg .extroue,
#navig_generale a .iconsvg .aileron {
  stroke: #282328;
}
#navig_generale .iconsvg .introue,
#navig_generale .iconsvg .extroue,
#navig_generale .iconsvg .aileron {
  stroke: #093e5d;
}
#navig_generale a {
  color: #093e5d;
  border-color: #093e5d;
}
#navig_generale a .iconsvg .introue,
#navig_generale a .iconsvg .extroue,
#navig_generale a .iconsvg .aileron {
  stroke: #093e5d;
}
#navig_generale a {
  text-decoration: none;
}
#navig_generale ul {
  padding-left: 0;
  margin: 0;
}
#navig_generale .itemmenunav {
  display: block;
  position: relative;
  width: 100%;
  /*height: 3rem;*/
  padding: 1rem 0 1rem 2rem;
  border-top: 1px solid black;
}
#navig_generale .itemmenunav a {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
}
#navig_generale .itemmenunav label,
#navig_generale .itemmenunav label::before {
  font-weight: bold;
  display: inline-block;
  text-align: center !important;
  width: 2em;
  font-size: 2.5rem;
  margin: 0 0 0 -2.2em;
  padding: 0 0 0 1.35em;
}
#navig_generale .itemmenunav:hover {
  background-color: #f8c4ae;
}
#navig_generale .itemmenunav.active {
  background-color: #ffed00;
}
#navig_generale .itemmenunav.on {
  font-weight: normal;
}
#navig_generale .menu-items__lien,
#navig_generale .menu-items__texte {
  font-family: 'Sporting Grotesque';
  font-style: Normal;
  font-weight: Normal;
  font-size: .95em;
}
#navig_generale .menu-items__lien p,
#navig_generale .menu-items__texte p,
#navig_generale .menu-items__lien .p-like,
#navig_generale .menu-items__texte .p-like,
#navig_generale .menu-items__lien ul,
#navig_generale .menu-items__texte ul,
#navig_generale .menu-items__lien ol,
#navig_generale .menu-items__texte ol,
#navig_generale .menu-items__lien dl,
#navig_generale .menu-items__texte dl,
#navig_generale .menu-items__lien blockquote,
#navig_generale .menu-items__texte blockquote,
#navig_generale .menu-items__lien pre,
#navig_generale .menu-items__texte pre,
#navig_generale .menu-items__lien td,
#navig_generale .menu-items__texte td,
#navig_generale .menu-items__lien th,
#navig_generale .menu-items__texte th,
#navig_generale .menu-items__lien label,
#navig_generale .menu-items__texte label,
#navig_generale .menu-items__lien textarea,
#navig_generale .menu-items__texte textarea,
#navig_generale .menu-items__lien caption,
#navig_generale .menu-items__texte caption,
#navig_generale .menu-items__lien details,
#navig_generale .menu-items__texte details,
#navig_generale .menu-items__lien figure,
#navig_generale .menu-items__texte figure {
  font-family: 'Work Sans', Helvetica, Arial, sans-serif;
  font-style: Normal;
  font-weight: Normal;
}
#navig_generale .has-sub {
  position: relative;
  margin: 0;
}
#navig_generale .has-sub > h2 {
  border-bottom: 1px solid gray;
}
#navig_generale .sub {
  width: 100%;
  display: block;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
#navig_generale .sub a {
  margin-top: 1rem;
  display: inline-block;
  text-transform: uppercase;
  opacity: 1;
}
@media (min-width: 640px) {
  #navig_generale .togglessmenu .sub > a {
    opacity: 0;
    height: 0;
    padding: 0;
    margin: 0;
    display: block;
    transition: all 0.25s ease-in-out;
  }
  #navig_generale .togglessmenu:hover .sub > a,
  #navig_generale .togglessmenu:active .sub > a,
  #navig_generale .togglessmenu:focus .sub > a {
    padding: 1.5em .5em 0.25em 1.5em;
    height: 2.4em;
    opacity: 1;
    margin: 0;
    text-transform: uppercase;
    display: block;
    transition: all 0.25s ease-in-out;
  }
  #navig_generale .sousmenunav + .sousmenunav > a {
    padding-top: 0.1em;
  }
}
#navig_generale.navcollapse {
  width: 0;
}
#navig_generale.menuactif {
  width: 320px;
}
.btn--ghost {
  background-color: #f8c4ae;
}
/* menu changement de langue */
.presnaviglang {
  position: fixed;
  z-index: 901 !important;
  right: 6rem;
  top: 2rem;
  display: block;
}
@media (max-width: 800px) {
  .presnaviglang {
    display: none;
  }
}
.groslien {
  font-family: 'rhodemediumext', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.15rem;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0 .5em;
}
.groslien:hover {
  text-decoration: none;
  color: #282328;
}
/* helpers de positionnement et affichage */
.visiblesipetit {
  display: none;
}
@media (max-width: 800px) {
  .visiblesipetit {
    display: block;
  }
}
.cachesipetit {
  display: block;
}
@media (max-width: 800px) {
  .cachesipetit {
    display: none !important;
  }
}
.cache {
  display: none !important;
}
/* conteneurs spécifiques */
.forcecarre {
  height: 0;
  width: 100%;
  padding: 0;
  padding-bottom: 100%;
}
.titraille {
  position: fixed;
  top: 2.4rem;
  left: 0;
  width: 100% !important;
  z-index: 90 !important;
  height: 2.4rem;
  line-height: 2.4rem;
  padding-top: .05rem;
}
.titraille h3,
.titraille .h3-like {
  text-transform: uppercase;
  font-size: 1.75rem;
  font-weight: normal;
  margin: 0 !important;
  padding: 0;
  padding-left: .75rem;
  line-height: 2.4rem;
  height: 2.4rem;
}
.entetesite {
  width: 100%;
  overflow: hidden;
  /*height: 9.6rem;*/
  /*display: table;*/
  position: fixed;
  top: 2.4rem;
  left: 0;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 899 !important;
  padding: 0 .6rem .6rem;
}
.entetesite div {
  /*display: table-cell;*/
  vertical-align: bottom;
}
@media (max-width: 640px) {
  .entetesite {
    display: block;
    width: 100%;
    height: auto;
    padding-bottom: 0;
  }
  .entetesite div {
    display: block;
    width: 100%;
  }
  .entetesite h2,
  .entetesite .h2-like {
    font-size: 1.25rem !important;
  }
}
.entetepage {
  margin-top: 2.4rem;
}
.bloctitre {
  display: block;
  width: 45%;
  overflow-x: visible;
  margin: 0 auto 2em auto;
}
@media (max-width: 640px) {
  .bloctitre {
    width: 100%;
  }
}
.titre {
  overflow: hidden;
  padding: .5rem;
}
.infos {
  margin-top: 1rem;
  padding-left: .5rem;
}
a.imglien {
  display: block;
  overflow: hidden;
}
a:hover.imglien img {
  mix-blend-mode: multiply;
}
a:hover.imglien2 img {
  mix-blend-mode: luminosity;
}
.detail_elem {
  padding-left: .5rem;
  font-size: .8em;
}
@media only screen and (max-device-width: 480px) {
  .imglien img {
    mix-blend-mode: multiply;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .imglien img {
    mix-blend-mode: multiply;
  }
}
@media only screen and (min-resolution: 300dpi) {
  .imglien img {
    mix-blend-mode: multiply;
  }
}
#footersite {
  text-align: center;
  padding: 2em 0;
  margin-top: 5rem;
}
#footersite div {
  max-width: 1024px;
  margin: 0 auto;
}
#footersite a {
  display: inline-block;
  font-family: 'Work Sans', Helvetica, Arial, sans-serif;
  font-style: Normal;
  font-weight: Normal;
  font-size: 2.5rem;
  text-decoration: none;
  color: black;
  padding: 0;
  vertical-align: middle;
  height: 2.5rem;
  line-height: 2.5rem;
  text-transform: uppercase;
  letter-spacing: 0.02rem;
}
#footersite a:hover,
#footersite a:active {
  color: #f2f5f7;
}
/*#spacer {height: 1500px; width: 100%;}*/
/* affichage en colonnes */
.buzz {
  display: table-cell;
  padding: 0 2rem;
  width: 50%;
}
@media (max-width: 800px) {
  .buzz {
    display: block;
    margin: 2em 0;
    padding: 0;
    width: 100%;
  }
}
.buzz:last-of-type {
  padding: 0;
  padding-left: 4rem;
}
@media (max-width: 800px) {
  .buzz:last-of-type {
    padding-left: 0;
  }
}
.buzz:first-of-type {
  padding-left: 0;
  padding-right: 4rem;
}
/* réglage des pictos SVG */
.iconsvg-aileron,
.iconsvg-roue {
  width: 2rem;
  height: 2rem;
  margin-top: -0.25rem;
  /* pour compenser le margin-top de 1rem du h3 */
}
h2 .iconsvg-aileron,
h2 .iconsvg-roue {
  width: 3rem;
  height: 3rem;
  margin-top: -0.35rem;
  /* pour compenser le margin-top de 1rem du h3 */
}
@media (max-width: 640px) {
  .iconsvg-aileron,
  .iconsvg-roue {
    width: 1.75rem;
    height: 1.75rem;
    margin-top: -0.15rem;
    /* pour compenser le margin-top de 1rem du h3 */
  }
  h2 .iconsvg-aileron,
  h2 .iconsvg-roue {
    width: 2rem;
    height: 2rem;
    margin-top: -0.25rem;
    /* pour compenser le margin-top de 1rem du h3 */
  }
}
svg {
  max-height: 100%;
}
/* Sliders */
/* modif plugin bx slider */
/* modif css bxslider */
.bx-wrapper {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  height: 100%;
}
.bx-wrapper .bx-viewport {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  height: 100%;
}
.bx-wrapper .bx-caption {
  background: #ef4733 !important;
  background-blend-mode: multiply;
}
.bx-wrapper .bx-caption span {
  color: #f2f5f7;
  font-family: 'Work Sans', Helvetica, Arial, sans-serif;
  font-style: Normal;
  font-weight: Normal;
  display: block;
  font-size: .85em;
  padding: 1rem;
}
.bx-wrapper .bx-controls-direction a {
  z-index: 89 !important;
}
.bx-wrapper {
  border: none !important;
  background-color: transparent !important;
  margin-bottom: 0 !important;
  display: inline-block;
  vertical-align: middle;
}
/* affichage pager */
.bx-wrapper .bx-pager-item {
  height: 20px;
}
.fondrouge .bx-wrapper .bx-pager.bx-default-pager a:hover,
.fondbleu .bx-wrapper .bx-pager.bx-default-pager a:hover,
.fondnoir .bx-wrapper .bx-pager.bx-default-pager a:hover,
.fdrouge .bx-wrapper .bx-pager.bx-default-pager a:hover,
.fdbleu .bx-wrapper .bx-pager.bx-default-pager a:hover,
.fondrouge .bx-wrapper .bx-pager.bx-default-pager a.active,
.fondbleu .bx-wrapper .bx-pager.bx-default-pager a.active,
.fondnoir .bx-wrapper .bx-pager.bx-default-pager a.active,
.fdrouge .bx-wrapper .bx-pager.bx-default-pager a.active,
.fdbleu .bx-wrapper .bx-pager.bx-default-pager a.active,
.fondrouge .bx-wrapper .bx-pager.bx-default-pager a:focus,
.fondbleu .bx-wrapper .bx-pager.bx-default-pager a:focus,
.fondnoir .bx-wrapper .bx-pager.bx-default-pager a:focus,
.fdrouge .bx-wrapper .bx-pager.bx-default-pager a:focus,
.fdbleu .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #f2f5f7 !important;
}
.fondrouge .bx-wrapper .bx-pager.bx-default-pager a,
.fondbleu .bx-wrapper .bx-pager.bx-default-pager a,
.fondnoir .bx-wrapper .bx-pager.bx-default-pager a,
.fdrouge .bx-wrapper .bx-pager.bx-default-pager a,
.fdbleu .bx-wrapper .bx-pager.bx-default-pager a {
  background: gray !important;
}
.fondrouge .contain-slider .slider-prev a,
.fondbleu .contain-slider .slider-prev a,
.fondnoir .contain-slider .slider-prev a,
.fdrouge .contain-slider .slider-prev a,
.fdbleu .contain-slider .slider-prev a,
.fondrouge .contain-slider .slider-next a,
.fondbleu .contain-slider .slider-next a,
.fondnoir .contain-slider .slider-next a,
.fdrouge .contain-slider .slider-next a,
.fdbleu .contain-slider .slider-next a {
  color: #f2f5f7 !important;
}
.fondrouge .contain-slider .slider-prev a:hover,
.fondbleu .contain-slider .slider-prev a:hover,
.fondnoir .contain-slider .slider-prev a:hover,
.fdrouge .contain-slider .slider-prev a:hover,
.fdbleu .contain-slider .slider-prev a:hover,
.fondrouge .contain-slider .slider-next a:hover,
.fondbleu .contain-slider .slider-next a:hover,
.fondnoir .contain-slider .slider-next a:hover,
.fdrouge .contain-slider .slider-next a:hover,
.fdbleu .contain-slider .slider-next a:hover {
  color: silver !important;
}
.sliderbx {
  /* classes css generique pour tous les slider BX slider */
  width: 100%;
  margin: 0 auto 3em;
  text-align: center;
}
.sliderbx a {
  text-decoration: none;
}
/* navigation des sliders */
/* création des flèches de navigation */
.selectorslider {
  display: inline-block;
  margin-left: 1.5em;
}
.sliderimgtext {
  /* classe specifique aux sliders d'image */
}
.sliderimgtext h2,
.sliderimgtext h3,
.sliderimgtext p {
  margin: 0;
  display: block;
  line-height: 1.1;
}
.sliderimgtext h2 {
  margin-bottom: .5em;
  font-size: 1.5em;
  color: #ef4733;
}
.sliderimgtext h3 {
  font-size: 1em;
  margin-bottom: .5em;
}
.sliderimgtext p {
  font-size: .8em;
}
@media (max-width: 768px) {
  .sliderimgtext p {
    display: none;
  }
}
.sliderimgtext a.captionlink {
  margin-top: 1.5em !important;
}
@media (max-width: 480px) {
  .sliderimgtext a.captionlink {
    margin-top: .5em !important;
  }
}
.contain-slider {
  /* contient le slider et les boutons de navigations */
  position: relative;
  padding: 0;
  margin: 0 0 2.5rem 0;
  overflow: hidden;
  text-align: center !important;
}
.contain-slider .selectorslider {
  height: 0;
}
.contain-slider .slider-nav {
  width: 20%;
  height: 100%;
  margin: 0;
  position: absolute;
  top: 0;
}
.contain-slider .slider-nav a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.contain-slider .slider-nav .bx-prev {
  cursor: url(/squelettes/css/img/fleche_gauche_med.png), pointer;
}
.contain-slider .slider-nav .bx-next {
  cursor: url(/squelettes/css/img/fleche_droite_med.png), pointer;
}
@media (max-width: 768px) {
  .contain-slider .slider-nav .bx-prev {
    cursor: url(/squelettes/css/img/fleche_gauche_small.png), pointer;
  }
  .contain-slider .slider-nav .bx-next {
    cursor: url(/squelettes/css/img/fleche_droite_small.png), pointer;
  }
}
.contain-slider .slider-prev {
  left: 0;
}
.contain-slider .slider-next {
  right: 0;
}
.contain-slider .txtpardessus {
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 100;
  animation-duration: 25s;
  animation-name: slidein;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.contain-slider .txtpardessus * {
  fill: #f2f5f7 !important;
}
@keyframes slidein {
  from {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  95% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.seqcaption {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  height: 100%;
}
.seqcaption .ssconteneur {
  display: block;
  text-align: left;
  margin: 1.5em auto;
}
.seqimage {
  width: 100%;
  text-align: center;
}
.seqimage img {
  margin: 0 auto;
}
.bx-pager {
  position: absolute;
  bottom: .5rem !important;
}
.bx-pager a {
  background: transparent !important;
  border: 2px solid #f2f5f7;
}
.bx-pager a:hover,
.bx-pager a:active,
.bx-pager a:focus,
.bx-pager a.active {
  background: #f2f5f7 !important;
  border: none !important;
}
/* formulaire formidable */
.formulaire_formidable-1 input[type=submit] {
  display: none;
}
/* message réponse */
.formulaire_formidable-1 .reponse_formulaire {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.reponse_formulaire_ok {
  background: #51b2e5;
  color: #f2f5f7;
  border: none;
}
/* mise en page champs */
/* labels de manière générale */
.formulaire_formidable-1 label {
  display: block;
  font-size: 3rem;
  color: black;
  padding: 0;
  height: 2.4rem;
  line-height: 2.4rem;
  letter-spacing: -0.05rem;
}
/* label champ input 1, soit l'endroit où on met son mail */
@media (max-width: 768px) {
  .formulaire_formidable-1 label[for="champ_input_1"] {
    display: none;
  }
}
/* label butt envoi */
.formulaire_formidable-1 label.voismoi {
  display: inline-block;
}
.formulaire_formidable-1 label.buttenvoi {
  border: none;
  margin: 0;
  height: 3rem;
  line-height: 3rem;
  margin-left: -5px;
  font-size: 1.5rem;
  padding: 0 .5rem;
  transition-property: background-color;
  transition-duration: .5s;
}
.formulaire_formidable-1 label.buttenvoi:hover {
  background-color: #f2f5f7;
}
/* input de manière générale */
.formulaire_formidable-1 input {
  margin: 0;
}
/* champ input (texte) */
.formulaire_formidable-1 input[type=text] {
  display: inline-block;
  margin: 0;
  height: 30px;
  padding: 0 1rem;
  vertical-align: center;
  max-width: 20em;
  border: 1px solid white;
  background-color: transparent;
  box-shadow: none;
}
.formulaire_formidable-1 input[type=text]::-webkit-input-placeholder {
  color: #f2f5f7;
}
.formulaire_formidable-1 input[type=text]:-moz-placeholder {
  /* older Firefox*/
  color: #f2f5f7;
}
.formulaire_formidable-1 input[type=text]::-moz-placeholder {
  /* Firefox 19+ */
  color: #f2f5f7;
}
.formulaire_formidable-1 input[type=text]:-ms-input-placeholder {
  color: #f2f5f7;
}
/* boutons reseaux sociaux : socicon */
.rezosocio {
  margin: 1rem auto !important;
}
.socicon-facebook:before {
  content: "\e028";
}
.socicon-instagram:before {
  content: "\e044";
}
.socicon-vimeo:before {
  content: "\e093";
}
.socicon-twitter:before {
  content: "\e08d";
}
.socicon-mail:before {
  content: "\e050";
}
#footersite a.bouton-rezos {
  padding: .5rem 0;
  margin: 0 1rem;
  border: 2px solid #f2f5f7;
  font-size: 2rem;
  line-height: 2rem;
  text-align: center;
  height: 4rem;
  width: 4.5rem;
  transition-property: font-size;
  transition-duration: .25s;
}
#footersite a.bouton-rezos .socicon {
  margin: 0 auto;
  line-height: 2.75rem;
  color: #f2f5f7;
}
#footersite a.bouton-rezos:hover {
  font-size: 3rem;
}
/* animation page accueil post festival */
.hs-wrapper {
  position: relative;
  margin-top: 2.4rem;
  height: 100%;
  min-height: 525px;
  overflow: hidden;
}
.hs-wrapper div.hs-elem {
  top: 0px;
  left: 0px;
  position: absolute;
  width: 100%;
  height: auto;
  animation: showMe 1.5s linear infinite 0s forwards;
  animation-play-state: paused;
}
.hs-wrapper:hover div.hs-elem {
  animation-play-state: running;
}
@keyframes showMe {
  0% {
    visibility: visible;
    z-index: 100;
  }
  12.5% {
    visibility: visible;
    z-index: 100;
  }
  25% {
    visibility: hidden;
    z-index: 0;
  }
  100% {
    visibility: hidden;
    z-index: 0;
  }
}
.hs-wrapper div.hs-elem:nth-child(1) {
  z-index: 9;
}
.hs-wrapper div.hs-elem:nth-child(2) {
  animation-delay: 0.3s;
  z-index: 8;
}
.hs-wrapper div.hs-elem:nth-child(3) {
  animation-delay: 0.6s;
  z-index: 7;
}
.hs-wrapper div.hs-elem:nth-child(4) {
  animation-delay: 0.9s;
  z-index: 6;
}
.hs-wrapper div.hs-elem:nth-child(5) {
  animation-delay: 1.2s;
  z-index: 5;
}
.hs-wrapper div.hs-elem:nth-child(6) {
  animation-delay: 1.5s;
  z-index: 4;
}
.hs-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  z-index: 500 !important;
}
.hs-overlay a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.hs-overlay h1 {
  font-size: 2.5em;
  color: white;
  background-color: rgba(0, 0, 0, 0.85);
  position: absolute;
  bottom: 0;
}
/* Suppression des borders sur les IFRAMES (typiquement : player video oembed) */
iframe {
  border: 0 !important;
  max-width: 100% !important;
  min-height: 400px;
  max-height: 100%;
}
.entetesite iframe,
.videocontainer iframe,
.pleinecran iframe,
.fulllarg iframe,
.pleinelarg iframe {
  height: 100vh;
}
/* PAGE d'ACCUEIL - suppression des légendes sous videos et images (pparce que je n'y arrive pas avec les paramètres d'oembed…) */
body.page_presentation .spip_doc_legende {
  display: none;
}
/* pas de fond blanc sous les modal box iframe */
.box_mediabox.lity-iframe .lity-iframe-container iframe {
  background: transparent;
}
.box_mediabox.lity-image.lity-ready .lity-image-figure::before {
  background-color: transparent;
}
/*# sourceMappingURL=//www.pssff.fr/local/cache-less/lesspssff-cssify-31d6dc9.css.map */