/*
#@local/cache-less/lessdyn-css_main_less-e7340eb4.less
*/
@import url(https://fonts.googleapis.com/css?family=Dosis:500);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic,700,700italic);
/* #PRODUIRE{fond=css/main.less}
   md5:629123bb56f461bbffa22b102a4b6214 */
html {
  font-size: 100.01%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}
body {
  font-family: 'Roboto', sans-serif;
  font-size: 1.1875rem;
  color: #555555;
}
a {
  -webkit-transition: all .3s ease!important;
  transition: all .3s ease!important;
}
a[href]:hover {
  opacity: .75;
  color: #4c7f61;
}
h2,
.h2 {
  font-size: 1.5em;
}
.spip_logo {
  max-width: 100%;
}
.on {
  font-weight: bold !important;
}
.menu a:hover {
  color: white;
}
.row {
  max-width: 75rem;
}
#sommaire .columns {
  position: relative;
}
hr {
  max-width: 100%;
}
.button,
button {
  padding: .55rem 1.5rem .625rem;
  font-size: 1rem;
  border-radius: 4px;
}
.button:hover,
button:hover {
  background-color: rgba(76, 127, 97, 0.5) !important;
}
.formulaire_spip label,
.label {
  background-color: transparent;
  font-size: 1em;
  color: #555555;
}
.formulaire_spip label .obligatoire,
.label .obligatoire {
  font-size: .75em;
}
.text-left {
  text-align: left !important;
}
.table {
  display: table;
}
.table-row {
  display: table-row;
}
.table-cell {
  display: table-cell;
  vertical-align: middle;
}
.leaflet-top,
.leaflet-bottom {
  z-index: 998 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Dosis', sans-serif;
  font-weight: 500;
}
.triadeA {
  background-color: #4c7f61;
  color: #4c7f61 !important;
  border-color: #4c7f61 !important;
}
.triadeB {
  background-color: #e7b64b;
  color: #e7b64b !important;
}
.triadeC {
  background-color: #e0e0e0;
  color: #e0e0e0 !important;
}
.enGris {
  color: #666 !important;
  border-color: #888 !important;
}
.triadeA.opacity-10 {
  background-color: rgba(76, 127, 97, 0.1);
}
.triadeA.opacity-20 {
  background-color: rgba(76, 127, 97, 0.2);
}
.triadeA.opacity-50 {
  background-color: rgba(76, 127, 97, 0.5);
}
.triadeA.opacity-60 {
  background-color: rgba(76, 127, 97, 0.6);
}
.triadeA.opacity-70 {
  background-color: rgba(76, 127, 97, 0.7);
}
.triadeA.opacity-80 {
  background-color: rgba(76, 127, 97, 0.8);
}
.triadeB.opacity-35 {
  background-color: rgba(231, 182, 75, 0.35);
}
.triadeB.opacity-70 {
  background-color: rgba(231, 182, 75, 0.7);
}
.triadeC.opacity-70 {
  background-color: rgba(224, 224, 224, 0.7);
}
.triadeA h3 {
  color: #4c7f61;
}
.triadB h3 {
  color: #e7b64b;
}
.triadeC h3 {
  color: #e0e0e0;
}
.border {
  border: 1px solid rgba(150, 150, 150, 0.5);
}
.filaire {
  background: transparent !important;
  border: 1px solid #ccc;
  color: inherit;
}
.filtre-444-40 {
  background-color: rgba(33, 26, 7, 0.65);
  width: 100%;
  height: 100%;
}
.flexbox-center-center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.flexbox-center-top {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}
.triadeA .pastille.fa-inverse {
  background-color: #4c7f61;
}
.triadeB .pastille.fa-inverse {
  background-color: #e7b64b;
}
.triadeC .pastille.fa-inverse {
  background-color: #e0e0e0;
}
.pastille.fa-4x {
  margin-bottom: 0 !important;
}
.fa-2x {
  font-size: 2em !important;
}
.fa-3x {
  font-size: 3em !important;
}
.fa-4x {
  font-size: 4em !important;
}
.label-input {
  font-size: 1.25rem;
  font-weight: 300;
}
.pastille {
  display: block;
  width: 2.25em;
  height: 2.25em;
  margin-bottom: 1.5rem;
  margin-right: auto;
  margin-left: auto;
  border-radius: 100%;
  font-size: inherit;
  line-height: 2.25em;
  text-align: center;
}
.zoom .article {
  background-attachment: cover;
}
.zoom h2 a,
.zoom h3 a {
  font-size: 1.9rem;
}
.pastille.actus {
  background-color: #e7b64b;
  width: 3.5em;
  height: 3.5em;
  font-size: 3rem !important;
  line-height: 3em;
  border: 0.8rem solid rgba(255, 255, 255, 0.5);
}
.lesactus .pave-content p {
  padding-top: 0;
  border: none;
}
.lesactus .pave-content h3 {
  font-size: 1.5rem;
}
.triadeA.texte-filaire .pastille {
  border: 1px solid #4c7f61;
}
.triadeB.texte-filaire .pastille {
  border: 1px solid #e7b64b;
}
.triadeC.texte-filaire .pastille {
  border: 1px solid #e0e0e0;
}
.sans-border {
  border: 0 !important;
}
.sans-margin {
  margin: 0 !important;
}
.avec-margin-top {
  margin-top: 1em !important;
}
.avec-margin-bottom {
  margin-bottom: 1em !important;
}
.sans-padding {
  padding: 0 !important;
}
.avec-padding-top {
  padding-top: 1em !important;
}
.avec-padding-bottom {
  padding-bottom: 1em !important;
}
.sursousligne {
  display: inline-block;
  padding: .2rem 1rem .25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.75);
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
}
.texte-white,
.texte-white h1,
.texte-white h2,
.texte-white h3,
.texte-white h4,
.texte-white .button,
.texte-white p,
.texte-white a {
  color: white !important;
  border-color: rgba(255, 255, 255, 0.75) !important;
}
.texte-filaire {
  background-color: transparent;
}
.triadeA.texte-filaire h2,
.triadeA.texte-filaire h3 {
  font-size: 1.875rem;
  color: #4c7f61;
  border-color: rgba(76, 127, 97, 0.5);
}
.triadeB.texte-filaire h2,
.triadeB.texte-filaire h3 {
  font-size: 1.875rem;
  color: #e7b64b;
  border-color: rgba(231, 182, 75, 0.5);
}
.triadeC.texte-filaire h2,
.triadeC.texte-filaire h3 {
  font-size: 1.875rem;
  color: #e0e0e0;
  border-color: rgba(224, 224, 224, 0.5);
}
.texte-filaire p {
  border: none !important;
}
.white-75 {
  background-color: rgba(255, 255, 255, 0.75);
}
.triadeA .white-75 {
  color: rgba(76, 127, 97, 0.75);
}
.triadeB .white-75 {
  color: rgba(231, 182, 75, 0.75);
}
.triadeC .white-75 {
  color: rgba(224, 224, 224, 0.75);
}
.avec-padding {
  padding: 1em;
}
.entete-rubrique01 {
  margin-bottom: 4em;
}
.entete-rubrique01 .entete-content {
  margin-top: 2rem;
  opacity: .75;
}
.entete-rubrique01 .entete-content h1 {
  margin-bottom: 1rem;
  font-size: 2.1875rem;
}
.pave-imgfond-titre .avec-padding {
  padding: 16% 1em!important;
}
.pave-content p {
  padding-top: .75em;
  border-top: 1px solid rgba(150, 150, 150, 0.75);
}
.pave-content h1,
.pave-content h2,
.pave-content h3,
.pave-content h4 {
  text-transform: uppercase;
}
.pave-content h3,
.pave-content h4 {
  font-size: 1.25rem;
}
.pave-content .pastille {
  font-size: 2rem;
}
.pave-img-titre-desc-suite {
  margin-bottom: 1.5em;
}
.pave-img-titre-desc-suite.triadeA h3,
.pave-img-titre-desc-suite.triadeA .pave-content p,
.pave-img-titre-desc-suite.triadeA .filaire {
  border-color: #ffffff;
  color: #ffffff;
}
.pave-img-titre-desc-suite.triadeA p {
  border-color: #ffffff;
}
.pave-img-titre-desc-suite.triadeA .plein {
  background-color: #ffffff;
  color: #4c7f61;
}
.title-bar {
  background-color: #555555;
  padding: .75rem 1rem;
}
.title-bar ul.dropdown > li > a,
.title-bar a {
  color: white !important;
  padding: 0 1em !important;
  font-family: 'Dosis', sans-serif;
  font-size: 1.3125rem;
  text-transform: uppercase;
}
.title-bar-center {
  width: calc(100% - 80px);
  text-align: center;
}
header .bandeau {
  background-position: center bottom;
  background-size: cover;
}
.bandeau-content {
  height: 180px;
  margin: 0 !important;
}
#sommaire .bandeau-content {
  height: 448px;
}
.logo-bandeau img {
  height: 180px;
}
#sommaire .logo-bandeau img {
  height: 312px;
}
#navPage {
  z-index: 999;
}
nav.bar {
  background-color: #555555;
}
.title-bar-title.toggle {
  cursor: pointer;
}
#offCanvas {
  position: fixed;
  overflow-y: auto;
  height: 100%;
  width: 310px;
  background: #555;
  color: #000;
  z-index: 99999;
  transform: translateX(-100%);
  transition: transform ease .5s;
  box-shadow: none;
}
#offCanvas.is-active {
  box-shadow: 0 0 5em rgba(0, 0, 0, 0.7);
  transform: translateX(0);
}
#offCanvas header {
  padding: .5em 1em;
}
ul.menu.vertical {
  padding: 0;
}
ul.menu .home {
  margin-top: 1em;
}
ul.menu ul {
  margin: 0 0 1em;
  list-style: none;
}
ul.menu > li > span {
  background-color: #e7b64b;
  display: block;
  width: 100%;
  padding: .3em 1em;
}
ul.menu a {
  display: block;
  width: 100%;
  padding: .5em 1em;
  color: white;
  font-weight: 300;
  line-height: initial;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
ul.menu a:hover {
  background-color: rgba(231, 182, 75, 0.4);
}
.agenda-liste-content .column {
  margin-bottom: 0;
}
.bandeau-titre-cadre h1 {
  margin-top: .4rem;
  font-size: 2rem;
  font-weight: 400;
}
@media screen and (max-width: 48em) {
  .bandeau-titre-cadre h1 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 28em) {
  .bandeau-content {
    height: auto;
    flex-direction: column;
  }
  .bandeau-titre-cadre {
    padding-top: 0 !important;
  }
  .bandeau-titre-cadre h1 {
    font-size: initial;
    flex-direction: column;
    text-align: center;
  }
}
.border-right {
  border-right: 1px solid rgba(255, 255, 255, 0.75);
}
.border-left {
  border-left: 1px solid rgba(255, 255, 255, 0.75);
}
.listeEvenementsAgenda {
  margin-top: 1em;
}
.listeEvenementsAgenda .row .row {
  margin-top: .9em;
  border-bottom: 1px solid #ccc;
}
.listeEvenementsAgenda p {
  margin: 0;
}
.listeEvenementsAgenda hr {
  margin-top: 0;
  opacity: .5;
}
.dateEvenementCarre {
  margin-bottom: 1em;
}
.dateEvenementCarre p {
  background-color: #e7b64b;
  margin: 0;
  padding: .4em;
  font-size: .85em !important;
  font-weight: 400;
  text-align: center !important;
}
.dateEvenementCarre span {
  display: block;
  color: #211205 !important;
}
.listeEvenementsAgenda .dateEvenementCarre .dateJour,
.listeEvenementsAgenda .dateEvenementCarre .dateNombre {
  vertical-align: middle;
}
.dateEvenementCarre .dateNombre {
  font-size: 2em;
  line-height: 1em;
}
.dateEvenementCarre .dateHeure {
  margin-top: .3em;
  padding-top: .2em;
  border-top: 2px dotted rgba(5, 5, 5, 0.3);
}
.dateEvenementTexte {
  padding-left: .6em !important;
  padding-bottom: .8em !important;
}
.dateEvenementTexte h1 {
  font-size: 1.1em;
  line-height: 1.4rem;
  text-transform: uppercase;
}
.dateEvenementTexte h1 a {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #4c7f61;
}
.dateEvenementTexte h2,
.dateEvenementTexte h3 {
  font-weight: 400;
}
.dateEvenementTexte h4 {
  margin-bottom: 0;
}
.dateEvenementTexte h4 a {
  text-transform: uppercase !important;
  color: #e7b64b !important;
}
.dateEvenementTexte p {
  line-height: 1.35rem;
}
.block-agenda-content a.button {
  color: #000 !important;
}
.block-agenda-content a.button:hover {
  background-color: white !important;
}
.carteLocale h3 {
  margin-bottom: 1em;
}
.carteLocale footer {
  background-color: #4C5046;
  padding-top: 1em;
}
.carteLocale .legendCarte span,
.carteLocale .legendCarte p {
  color: white;
}
.carteLocale .localisation {
  text-align: center;
}
.carteLocale .legendCarte span {
  display: block;
  padding-top: .5rem;
  font-size: 3em;
}
.carteLocale .legendCarte p {
  font-weight: 400;
}
footer[class|="pied"],
.recherche-boutons-raccourcis {
  margin: 1.5em 0;
}
footer[class|="pied"] h2,
footer[class|="pied"] h3 {
  font-size: 1.375rem;
}
.recherche-boutons-raccourcis button {
  padding: .4em;
  font-size: 1.1em;
}
.liens-raccourcis .fa {
  display: block;
  margin-bottom: 1rem;
}
.liens-raccourcis h2,
.liens-raccourcis h3 {
  margin-bottom: 0;
  font-size: 1.25rem;
}
.liens-vers-sites .fa-chevron-down {
  display: block;
  margin-top: .75rem;
}
.liens-vers-sites .button {
  min-height: 90px;
}
.pave-pastille-titre-desc {
  margin-bottom: 1.5rem;
}
.pave-pastille-titre-desc-suite {
  max-width: 400px;
  margin-bottom: 1.5em;
}
.pave-pastille-titre-desc-suite.triadeA {
  background-color: transparent;
}
.pave-pastille-titre-desc-suite.triadeA .plein {
  background-color: #4c7f61;
  color: #ffffff;
}
.pave-pastille-contact-titre form {
  margin-top: 1rem;
}
.pave-date-titre-desc-suite {
  background-color: #f0efe7 !important;
}
.pave-date-titre-desc-suite time {
  display: block;
  margin-bottom: 1rem;
  padding: 1.3rem .5rem;
}
.pave-date-titre-desc-suite p {
  padding: .2rem 1rem;
  color: #333;
  border: none;
}
.pave-date-titre-desc-suite.triadeA time {
  background-color: #4c7f61;
  color: #ffffff;
}
.pave-date-titre-desc-suite.triadeB time {
  background-color: #e7b64b;
  color: #333333;
}
.pave-date-titre-desc-suite.triadeC time {
  background-color: #e0e0e0;
  color: #333333;
}
.pave-date-titre-desc-suite .button {
  color: #333;
  border-color: #333;
}
.pave-imgfond-titre-desc-suite {
  background-position: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}
.pave-imgfond-titre {
  width: 100%;
  height: 100%;
}
.pave-imgfond-titre h3 {
  font-size: 1.75rem;
  font-weight: 400;
  text-transform: initial;
}
.button > .fa {
  margin-right: .5rem;
}
.slider-slick {
  position: relative;
  overflow: hidden;
}
.js .slider-slick:not(:nth-child(2)) {
  display: none;
}
.js .slick-initialized.slider-slick:not(:nth-child(2)) {
  display: block;
}
.slider-caption h2,
.slider-caption h3 {
  position: relative;
  margin: 0;
}
.slick-slider {
  margin-bottom: 0 !important;
}
.slider-caption a {
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0px;
  z-index: 999999;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.3em;
}
@media screen and (max-width: 48em) {
  .block-diaporama .flexbox-center-center {
    height: auto;
    margin-top: 1rem !important;
    flex-direction: column;
  }
  .block-diaporama .flexbox-center-center .columns {
    width: 100% !important;
  }
}
@media screen and (max-width: 48em) {
  h2.sursousligne,
  h3.sursousligne {
    font-size: 1.5rem !important;
  }
}
@media screen and (max-width: 40em) {
  .pied-contact-adresse-liens .border-left {
    border: none;
  }
}
.zone-arriere-agenda {
  background-size: cover;
  background-attachment: fixed;
}
.main {
  margin-bottom: 2em;
}
.main article h1,
.main article h2,
.main article h3,
.main article h4,
.main article h5,
.main article h6 {
  color: #4c7f61;
}
.main article header {
  padding-top: .5em;
}
.main article h1.article-titre {
  font-size: 2.125em;
  color: #555555;
  border-bottom: 1px solid #ccc;
  text-transform: uppercase;
  line-height: 1.25em;
}
.main .h1.sursousligne.invisible {
  border-top: none;
  padding: 0;
}
@media screen and (max-width: 63.9375em) {
  .main .h1.sursousligne.invisible {
    visibility: visible !important;
  }
}
.main article h2.soustitre,
.main article h3.soustitre {
  font-size: 1.75em;
}
.main article h3 {
  font-size: 1.5em;
}
.main article h4 {
  font-size: 1.4375em;
}
.main article h5 {
  font-size: 1.375em;
}
.main article h6 {
  font-size: 1.3125em;
}
.main article .chapo {
  color: #c88b04;
}
.socialtags_insert {
  clear: both;
  margin-top: 2em;
  padding-top: .5em;
  border-top: 1px solid #e7b64b;
}
.socialtags_insert h4 {
  padding-bottom: .5em;
}
.socialtags_insert .socialtags ul li {
  margin: 3px;
}
.socialtags_insert .socialtags .socialtags-hovers {
  opacity: 1;
  height: 42px;
  -webkit-transition: all .3s ease!important;
  transition: all .3s ease!important;
}
.socialtags_insert .socialtags .socialtags-hovers:focus,
.socialtags_insert .socialtags .socialtags-hovers:hover {
  transform: translateY(-4px);
  color: #fff;
  text-decoration: none;
}
blockquote.spip:before {
  display: none;
}
.main article blockquote {
  background-color: rgba(76, 127, 97, 0.2);
  padding: 1rem 1.5rem .5rem;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
.main article blockquote,
.main article blockquote p {
  color: #555555;
}
.main article .ps {
  background-color: rgba(76, 127, 97, 0.1);
  padding: 1rem 1.5rem .5rem;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
.pagination-rubriques {
  background-color: rgba(76, 127, 97, 0.1);
}
aside header {
  background-color: rgba(76, 127, 97, 0.64);
  display: block;
  width: 100%;
  margin-top: 0;
  padding: 3.5rem 1rem 2rem;
}
aside h1 {
  display: block;
  width: 100%;
  padding: 2rem .3rem 1rem;
  font-size: 1.8125rem;
  text-transform: uppercase;
  color: #ffffff;
  border: none;
  text-align: center;
}
aside h2 {
  font-size: 1.125rem;
  color: #4c7f61;
}
aside h3 {
  font-size: 1.0625rem;
  color: #4c7f61;
}
aside ul.spip {
  margin-top: 1em;
  margin-left: 0 !important;
  text-align: left;
  list-style-type: disc;
}
aside ul.spip li {
  margin-top: 1em;
  margin-left: 1rem !important;
  padding-bottom: .75em;
  line-height: 1.25em;
  border-bottom: 1px solid #ccc;
}
aside .documents_joints {
  font-size: .8125rem;
}
aside .documents_joints li {
  padding: 1em 0;
  border-bottom: 1px solid #ddd;
}
aside .spip_logo.float-left {
  margin: 0 10px 10px 0;
}
aside a {
  font-family: 'Dosis', sans-serif;
  font-size: 1.3125rem;
  color: #555555;
  text-transform: uppercase;
}
.spip_documents img {
  border: 1px #dddddd solid;
}
.spip_documents_right,
.spip_documents_left {
  position: relative;
  z-index: 99;
}
.spip_documents_right img {
  margin-right: 0;
}
.spip_documents_left img {
  margin-left: 0;
}
.spip_document_audio {
  margin: 1em 0;
}
.spip_documents {
  font-size: 80%;
}
.spip_documents.spip_documents_right,
.spip_documents.spip_documents_left {
  max-width: 30%;
}
@media only screen and (max-width: 480px) {
  .spip_documents.spip_documents_right,
  .spip_documents.spip_documents_left {
    max-width: 100%;
  }
}
@media only screen and (max-width: 40em) {
  .spip_documents {
    margin-bottom: 1em !important;
  }
}
.spip_doc_titre {
  padding: .25rem;
  font-family: 'Dosis', sans-serif;
  font-size: 1rem;
}
.spip_doc_descriptif,
.spip_doc_credit {
  padding: 0 .5rem;
  font-weight: 400;
  text-align: center;
}
.spip_doc_descriptif p,
.spip_doc_credit p {
  font-size: .85em;
  line-height: 1.4;
}
.spip_doc_caption {
  margin-right: auto;
  margin-left: auto;
}
.spip_document_audio .mejs-ted .mejs-controls {
  background: #e5f6cc;
}
.spip_document_audio .mejs-container.mejs-audio {
  height: 65px !important;
  margin-bottom: 1em;
}
#documents_portfolio ul {
  padding-right: 1em;
}
#documents_portfolio li {
  margin-bottom: 1.4em;
}
#documents_joints h1 {
  background-color: #e7b64b;
  display: inline-block;
  margin-bottom: 1em;
  padding: .5em 1.5em .5em .5em;
  font-size: 1.5em;
  color: white;
}
#documents_joints h1 .fa {
  margin-right: .7em;
}
#documents_joints hr,
#documents_portfolio hr {
  border-color: #e7b64b;
}
#documents_joints ul {
  margin-left: 0;
  list-style: none;
}
#documents_joints li {
  overflow: hidden;
}
#documents_joints .spip_logos {
  float: none;
  border: 0;
}
#documents_joints a:hover {
  color: #4c7f61;
}
.spip_documents {
  line-height: 1.1em;
}
.spip_doc_titre {
  color: #000;
}
.spip_doc_descriptif {
  color: #006081;
}
#listeEvenements {
  margin-top: 1.5em;
  padding-top: 1em;
  border-top: 1px solid #4c7f61;
}
.page.agenda #listeEvenements {
  margin-top: 1.5em;
  padding-top: 1em;
  border-top: none;
}
#listeEvenements .even {
  background-color: #f8f8f8;
}
#listeEvenements .odd {
  background-color: #eee;
}
#listeEvenements .even,
#listeEvenements .odd {
  padding: 1em;
}
#footerPage a {
  display: inline-block;
  padding: 2rem 1rem;
  color: #4c7f61;
}
.formulaire_spip .editer,
.formulaire_spip .choix {
  clear: inherit;
}
.formulaire_formidable .saisie_checkbox {
  float: left;
  margin: 0;
  padding-right: 1.5em;
  padding-left: 1.5em;
}
.formulaire_formidable .saisie_input {
  margin: 0;
  clear: both;
}
.formulaire_formidable input {
  margin: 0;
}
article .row_first {
  background-color: #4c7f61;
  line-height: 1.2em;
}
article .row_first th {
  color: white;
  font-weight: 400;
}
article table.spip tr.row_first th {
  border-left: 1px solid white;
}
article .table td,
article table.spip td {
  border-right: 2px solid #fff;
  border-bottom: none;
  text-align: center;
}