/*
#@squelettes/css/lesspssff2017.less
*/
@import url(/squelettes/css/knacss_2016.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;
}
html {
  width: 100%;
  margin: 0;
}
body {
  font-family: 'Times New Roman', Times, serif;
  color: #000;
  width: 100%;
  margin: 0;
}
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}
.page {
  width: 100%;
  margin: 4.8rem auto 0 auto;
  max-width: 1440px;
  padding: 0 .75rem;
  min-height: 450px;
}
body.page_presentation .imghome,
body.page_presentation .entetepage,
body.page_press #contenu {
  margin-top: 12.4rem;
}
@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;
  }
}
.enrouge {
  color: #ef4733;
}
.enrouge .iconsvg .introue,
.enrouge .iconsvg .extroue,
.enrouge .iconsvg .aileron {
  stroke: #ef4733;
}
.enbleu {
  color: #51b2e5;
}
.enbleu .iconsvg .introue,
.enbleu .iconsvg .extroue,
.enbleu .iconsvg .aileron {
  stroke: #51b2e5;
}
.enbleu2 {
  color: #2db7c5;
}
.enbleu2 .iconsvg .introue,
.enbleu2 .iconsvg .extroue,
.enbleu2 .iconsvg .aileron {
  stroke: #2db7c5;
}
.enrose {
  color: #d098c4;
}
.enrose .iconsvg .introue,
.enrose .iconsvg .extroue,
.enrose .iconsvg .aileron {
  stroke: #d098c4;
}
.envert {
  color: #00d35e;
}
.envert .iconsvg .introue,
.envert .iconsvg .extroue,
.envert .iconsvg .aileron {
  stroke: #00d35e;
}
.enjaune {
  color: #f7d13b;
}
.enjaune .iconsvg .introue,
.enjaune .iconsvg .extroue,
.enjaune .iconsvg .aileron {
  stroke: #f7d13b;
}
.ennoir {
  color: #000000;
}
.ennoir .iconsvg .introue,
.ennoir .iconsvg .extroue,
.ennoir .iconsvg .aileron {
  stroke: #000000;
}
.enblanc {
  color: #fff;
}
.enblanc .iconsvg .introue,
.enblanc .iconsvg .extroue,
.enblanc .iconsvg .aileron {
  stroke: #fff;
}
.sstitrenbleu h3 {
  color: #2db7c5;
}
.sstitrenrose h3 {
  color: #d098c4;
}
.fdrose {
  background-color: #d098c4;
}
.fdvert {
  background-color: #00d35e;
}
.fdbleu2 {
  background-color: #2db7c5;
}
.fdblanc {
  background-color: #fff;
}
.fdnoir {
  background-color: #000000;
}
.fdjaune {
  background-color: #f7d13b;
}
.fdgris {
  background-color: #999999;
}
.on_gris {
  color: #999999;
}
.on_jaune {
  color: #f7d13b;
}
.enrouge {
  color: #ef4733;
}
.enrouge .iconsvg .introue,
.enrouge .iconsvg .extroue,
.enrouge .iconsvg .aileron {
  stroke: #ef4733;
}
.enbleu {
  color: #51b2e5;
}
.enbleu .iconsvg .introue,
.enbleu .iconsvg .extroue,
.enbleu .iconsvg .aileron {
  stroke: #51b2e5;
}
.enbleu2 {
  color: #2db7c5;
}
.enbleu2 .iconsvg .introue,
.enbleu2 .iconsvg .extroue,
.enbleu2 .iconsvg .aileron {
  stroke: #2db7c5;
}
.enrose {
  color: #d098c4;
}
.enrose .iconsvg .introue,
.enrose .iconsvg .extroue,
.enrose .iconsvg .aileron {
  stroke: #d098c4;
}
.enjaune {
  color: #f7d13b;
}
.enjaune .iconsvg .introue,
.enjaune .iconsvg .extroue,
.enjaune .iconsvg .aileron {
  stroke: #f7d13b;
}
.ennoir {
  color: #000000;
}
.ennoir .iconsvg .introue,
.ennoir .iconsvg .extroue,
.ennoir .iconsvg .aileron {
  stroke: #000000;
}
.enblanc {
  color: #fff;
}
.enblanc .iconsvg .introue,
.enblanc .iconsvg .extroue,
.enblanc .iconsvg .aileron {
  stroke: #fff;
}
.sstitrenbleu h3 {
  color: #2db7c5;
}
.sstitrenrose h3 {
  color: #d098c4;
}
.fdrose {
  background-color: #d098c4;
}
.fdrouge {
  background-color: #ef4733;
}
.fdbleu {
  background-color: #51b2e5;
}
.fdblanc {
  background-color: #fff;
}
.fdnoir {
  background-color: #000000;
  color: #fff;
}
.fdnoir .iconsvg .introue,
.fdnoir .iconsvg .extroue,
.fdnoir .iconsvg .aileron {
  stroke: #fff;
}
.fdnoir .iconsvg .introue,
.fdnoir .iconsvg .extroue,
.fdnoir .iconsvg .aileron {
  stroke: #fff;
}
.fdjaune {
  background-color: #f7d13b;
}
.fdjaune2 {
  background-color: #ffe05e;
}
.fdgris {
  background-color: #999999;
}
.on_gris {
  color: #999999;
}
.on_jaune {
  color: #ffe05e;
}
.panneau {
  width: auto;
  box-sizing: border-box;
  overflow: hidden;
}
.pleinecran {
  min-height: 100vh;
}
.pleinelarg {
  width: 100% !important;
}
.videocontainer {
  height: 100%;
}
.conteneurphoto250 {
  width: 250px !important;
}
.logospartners img {
  mix-blend-mode: multiply;
}
.nobord {
  border: none;
}
.borddroit {
  border-right: 2px solid #000;
}
.bordbas {
  border-bottom: 2px solid #000;
  padding-bottom: 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;
}
.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: #fff;
}
.butt_resa a .iconsvg .introue,
.butt_resa a .iconsvg .extroue,
.butt_resa a .iconsvg .aileron {
  stroke: #fff;
}
.butt_resa a .iconsvg .introue,
.butt_resa a .iconsvg .extroue,
.butt_resa a .iconsvg .aileron {
  stroke: #fff;
}
.butt_resa a:hover {
  text-decoration: underline;
}
.margentete {
  margin-top: 13rem;
}
@media (max-width: 800px) {
  .margentete {
    margin-top: 2rem;
  }
}
/* typo */
.rhodemediumextended {
  font-family: "Rhode Med Extd", 'rhodemediumext', 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.2rem;
  margin-top: 0.25em;
  margin-bottom: 1rem;
}
ul.spip {
  list-style-type: none;
  line-height: 1.1;
  font-size: 2.25rem;
  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: #00d35e;
  color: #fff;
}
ul.spip::-moz-selection {
  background: #00d35e;
  color: #fff;
}
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.5rem;
  vertical-align: top;
  padding-top: .8rem;
}
p,
.p-like {
  line-height: 1.1;
  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: 2.25rem;
  margin-top: 1rem;
  margin-bottom: 2rem;
  /*max-width: 81.25rem;*/
}
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: "Rhode Med Extd", 'rhodemediumext', Helvetica, Arial, sans-serif;
  font-style: Normal;
  font-weight: Normal;
  font-size: 3.2rem;
  line-height: 1.05;
  word-wrap: normal;
  hyphens: none;
  text-rendering: geometricPrecision;
}
h2,
.h2-like,
.h2-like > p {
  font-family: "Rhode Med Extd", 'rhodemediumext', Helvetica, Arial, sans-serif;
  font-style: Normal;
  font-weight: Normal;
  /*font-size: 2rem;*/
  line-height: 1.05;
  margin-top: 2rem;
  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: "Rhode Med Extd", 'rhodemediumext', Helvetica, Arial, sans-serif;
  font-style: Normal;
  font-weight: Normal;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.15;
  margin-top: 2rem;
  margin-bottom: 1rem;
  word-wrap: normal;
  hyphens: none;
}
h4,
.h4-like {
  font-family: "Rhode Med Extd", 'rhodemediumext', Helvetica, Arial, sans-serif;
  font-style: Normal;
  font-weight: Normal;
  font-size: 1.15rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
  hyphens: none;
}
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: #00d35e;
  color: #fff;
}
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: #00d35e;
  color: #fff;
}
@media (max-width: 640px) {
  p,
  .p-like,
  ul.spip,
  h4,
  .h4-like {
    font-size: 2.25rem;
    margin-top: .5rem;
    margin-bottom: 1.5rem;
    max-width: 52rem;
  }
  h2,
  .h2-like,
  .h2-like > p {
    font-size: 2rem;
    margin-top: .5rem;
    margin-bottom: 1.5rem;
  }
  .entetesite h2,
  .entetesite .h2-like {
    font-size: 2.25rem;
  }
  h3,
  .h3-like {
    font-size: 1.8rem;
    margin-top: .5rem;
    margin-bottom: 1.5rem;
  }
}
.caractencadre-spip {
  display: inline-block;
  font-family: "Rhode Med Extd", 'rhodemediumext', Helvetica, Arial, sans-serif;
  font-style: Normal;
  font-weight: Normal;
  font-size: 1.5rem;
}
.h1-font,
.h1font {
  font-family: "Rhode Med Extd", 'rhodemediumext', Helvetica, Arial, sans-serif;
  font-style: Normal;
  font-weight: Normal;
}
.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: "Rhode Med Extd", 'rhodemediumext', Helvetica, Arial, sans-serif;
  font-style: Normal;
  font-weight: Normal;
}
.p-font {
  font-family: 'Times New Roman', Times, serif;
}
.enmaj {
  text-transform: uppercase;
}
li.active a {
  color: #fff !important;
}
a.spip,
a.spip_in,
a.spip_out,
a.spip_doc,
a.spip_note,
a.spip_mail {
  color: #2db7c5;
  position: relative;
  text-decoration: none;
  /*&::after {
		position: absolute;
		opacity: .75;
		bottom: -2px;
		left: 0;
		background-color: @couleur_bleue2;
		width: 100%;
		height: 3px;
		z-index: 1;
		content: "";
		overflow: hidden;
		 -webkit-transition: all .5s ease, -webkit-transform .5s ease;
		transition: all .5s ease, -webkit-transform .5s ease;
		transition: all .5s ease, transform .5s ease;
		transition: all .5s ease, transform .5s ease, -webkit-transform .5s ease;
	}
	&::after {max-width: 0;}
	&:hover::after {max-width: 100%;}*/
}
a.spip:hover,
a.spip_in:hover,
a.spip_out:hover,
a.spip_doc:hover,
a.spip_note:hover,
a.spip_mail:hover {
  text-decoration: underline;
}
body.page_presentation a.spip,
body.page_presentation a.spip_in,
body.page_presentation a.spip_out,
body.page_presentation a.spip_doc,
body.page_presentation a.spip_note,
body.page_presentation a.spip_mail {
  color: #00d35e;
}
/*a.spip_doc, a[href$='pdf'] {
	&::before {
		display: inline-block;
		margin-right: .5em;
		padding-left: .25em;
		content: "\2198";
		font-family: sans-serif;
	}
}*/
.typo2019 {
  font-family: 'Metropolis', Helvetica, Arial, sans-serif !important;
  font-style: Normal;
  font-weight: Normal;
}
/* NAVIGATION */
.headersite {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 6rem;
  border-bottom: 1px solid black;
  overflow: hidden;
  padding: 0;
  margin: 0;
  z-index: 80 !important;
}
.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-left: 1.5rem;
  line-height: 6rem;
  overflow: hidden;
  vertical-align: top;
  padding-top: 1rem;
}
#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, #000000, #000000);
  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: #000000;
  transition: .25s;
  transition-property: transform, top;
  will-change: transform, top;
}
#menuburger .nav-button2::before {
  top: 0;
}
#menuburger .nav-button2::after {
  top: calc(100% - 14px);
}
#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;
  background-color: #fff;
  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 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: #ffe05e;
}
#navig_generale .itemmenunav.active {
  background-color: #ffe05e;
}
#navig_generale .itemmenunav.on {
  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;
  margin: 0;
  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 .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 {
  padding: 0.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;
}
/* 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: #000;
}
/* 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;
  }
}
/* conteneurs spécifiques */
.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: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: "Rhode Med Extd", 'rhodemediumext', Helvetica, Arial, sans-serif;
  font-style: Normal;
  font-weight: Normal;
  font-size: 1rem;
  text-decoration: none;
  color: black;
  padding: 0;
  vertical-align: middle;
  height: 2.4rem;
  line-height: 2.4rem;
  text-transform: uppercase;
  letter-spacing: -0.05rem;
}
#footersite a:hover,
#footersite a:active {
  color: #fff;
}
/*#spacer {height: 1500px; width: 100%;}*/
/* réglage des pictos SVG */
.iconsvg-aileron,
.iconsvg-roue {
  width: 10px;
  height: 10px;
}
/* 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: #fff;
  font-family: 'Times New Roman', Times, serif;
  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: #fff !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: #fff !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: #fff !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 #fff;
}
.bx-pager a:hover,
.bx-pager a:active,
.bx-pager a:focus,
.bx-pager a.active {
  background: #fff !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: #fff;
  border: none;
}
/* mise en page champs */
/* labels de manière générale */
.formulaire_formidable-1 label {
  display: block;
  font-family: "Rhode Med Extd", 'rhodemediumext', Helvetica, Arial, sans-serif;
  font-style: Normal;
  font-weight: Normal;
  font-size: 1rem;
  color: black;
  padding: 0;
  height: 2.4rem;
  line-height: 2.4rem;
  text-transform: uppercase;
  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.35rem;
  padding: 0 .5rem;
  color: #2db7c5;
  background-color: #333333;
  transition-property: background-color;
  transition-duration: .5s;
}
.formulaire_formidable-1 label.buttenvoi:hover {
  background-color: #fff;
}
.formulaire_formidable-1 label.buttenvoi span {
  color: #2db7c5;
}
/* 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;
  font-family: "Rhode Med Extd", 'rhodemediumext', Helvetica, Arial, sans-serif;
  font-style: Normal;
  font-weight: Normal;
}
.formulaire_formidable-1 input[type=text]::-webkit-input-placeholder {
  color: #fff;
}
.formulaire_formidable-1 input[type=text]:-moz-placeholder {
  /* older Firefox*/
  color: #fff;
}
.formulaire_formidable-1 input[type=text]::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}
.formulaire_formidable-1 input[type=text]:-ms-input-placeholder {
  color: #fff;
}
/* boutons reseaux sociaux : socicon */
.rezosocio {
  margin: 1rem auto !important;
}
#footersite a.bouton-rezos {
  padding: .5rem 0;
  margin: 0 1rem;
  border: 2px solid #fff;
  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: #fff;
}
#footersite a.bouton-rezos:hover {
  font-size: 3rem;
}
/* menu changement de langue */
.presnaviglang {
  position: fixed;
  z-index: 901 !important;
  right: 0;
  top: 0;
  display: block;
}
@media (max-width: 800px) {
  .presnaviglang {
    display: none;
  }
}
.groslien {
  font-family: 'rhodemediumext', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.15rem;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0 .5em;
}
.groslien:hover {
  text-decoration: none;
  color: #000;
}
/* 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;
}
/*# sourceMappingURL=//www.pssff.fr/local/cache-less/lesspssff2017-cssify-58eb814.css.map */