/*
Theme Name: La Végétale
1.4.5
*/ :root {
  --prim-color: rgba(40, 40, 40, 0.7); /*texte*/
  --sec-color: rgba(131, 164, 125, 1.00); /*vert*/
  --third-color: rgb(90, 113, 86); /*medium vert*/
  --third-color-op5: rgba(90, 113, 86, 0);
  --third-color-op6: rgba(90, 113, 86, 0.6);
  --fourth-color: rgb(49, 61, 47); /*dark vert*/
  --fifth-color: rgba(163, 192, 152, 1.00); /*light vert*/
  --sixth-color: rgba(248,166,0,1.00); /*Orange)*/
  --sixth-color-op9: rgba(248,166,0,0.9); 
  --sev-color: rgb(205, 137, 2); /* Orange darker */
  --eigth-color: rgba(210, 140, 0, 1.00); /* Orange dark */
  --tenth-color: rgba(213, 219, 209, 1.00); /*xlight vert*/
  --elev-color: rgba(246, 223, 178, 1.00); /* Orange xlight */
  --twelfth-color: rgba(187, 206, 235, 0.73); /*bleu light*/
  --grey: #b5b1b0;
  --light-grey: rgba(181, 177, 176, 0.35);
  --page-bg: rgb(248, 246, 247);
  --prim-grd: radial-gradient(circle, rgb(244, 195, 107) 22%, rgba(241,183,77,1.00) 25%, var(--sev-color) 64%, var(--sev-color) 100%);
/* header */
  --header-h: 150px;
  --header-h-home: calc(var(--header-h) - 40px);
 
  --home-header-scrolled-h: 60px;
  --logo-header-w: 320px;
  --logo-header-scrolled: 160px; 
  --sm-col: 100vw;
  --medium-col: 36vw;
  --large-col: 55vw;
  --padding-top-page: 130px;
  --mvf-top: 180px;
  --border-radius: 50px;
  --item-padding: 18px;
  --titre-wrapper-padding-x: 30px;
  --titre-wrapper-padding-y: 10px;
  --h1-fs:50px;
  --entry-header-mt:0;
}
.accordion {
  --bs-accordion-border-color: transparent;
  --bs-accordion-border-radius: 0;
  --bs-accordion-border-width: 0;
  --bs-accordion-bg: rgba(255, 255, 255, 0.47);
}
.accordion-body {
  --bs-accordion-body-padding-y: 15px;
  --bs-accordion-body-padding-x: 0;
}
@media only screen and (max-width: 1200px) {
  :root {
   --header-scrolled-h: 110px;
    --large-col: 55vw;
    --header-lg-h: 140px;
    --h1-fs:50px
	--entry-header-mt:15px;
    --w-btn-plus:55%;
    --w-btn-plus-hover:70%;
  }
}
@media only screen and (max-width: 1024px) {
  :root {
    --header-h: 100px;
    --header-scrolled-h: 100px;
    --padding-top-page: 90px;
    --h1-fs:44px;
    --w-btn-plus:56%;
    --w-btn-plus-hover:74%;
  }
}
@media only screen and (max-width: 768px) {
  :root {
    --w-btn-plus:36%;
    --w-btn-plus-hover:44%;
	 --entry-header-mt:10px;
  }
}
@media only screen and (max-width: 575.99px) {
  :root {
    --header-h: 85px;
    --home-header-scrolled-h:85px;
    --header-scrolled-h: 85px;
    --medium-col: 25vw;
    --large-col: 100%;
    --padding-top-page: 80px;
    --h1-fs:40px;
    --w-btn-plus:92%;
    --w-btn-plus-hover:110%;
	--entry-header-mt:15px;
  }
}
@media only screen and (max-width: 380px) {
  :root {
    --w-btn-plus:90%;
  }
}
@font-face {
  font-family: 'Postface';
  src: url('assets/fonts/Postface.woff2') format('woff2'), url('assets/fonts/Postface.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.t-c-w {
  color: #FFF
}
.t-c-g {
  color: var(--grey);
}
.t-c-2 {
  color: var(--sec-color)
}
.t-c-3 {
  color: var(--third-color)
}
.t-c-5 {
  color: var(--fifth-color)
}
.t-c-6 {
  color: var(--sixth-color)
}
.bkg-color-w {
  background-color: #FFF
}
.bkg-color-1 {
  background-color: var(--prim-color)
}
.bkg-color-2 {
  background-color: var(--sec-color)
}
.bkg-color-3 {
  background-color: var(--third-color)
}
.bkg-color-4 {
  background-color: var(--fourth-color)
}
.bkg-color-light-grey {
  background-color: var(--light-grey)
}
/*font-family: 'Postface', sans-serif;
  font-family: "Fira Sans", sans-serif;
*/
.msg-alert{
    color: red
}
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  scroll-behavior: smooth;
}
:target:before {
  content: "";
  display: block;
  height: 100px;
  margin: -100px 0 0;
}
body {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  color: var(--prim-color);
  background-color: var(--page-bg);
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body:not(.home) {
  padding-top: calc(var(--padding-top-page) - 10px);
}
b, strong {
  font-weight: 600;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1),
.table > :not(caption) {
    background-color: #FFF !important
}
.table th {
  padding: .75rem;
  vertical-align: top;
  border-bottom: 1px solid var(--page-bg) !important;
}
/*--------------------------------------------------------------
# KINGBEE / BOOTSTRAP  EXTENDED
--------------------------------------------------------------*/

.site-main {
  padding-top: 20px
}

.no-puce {
  list-style: none
}
.margin-t-15 {
  margin-top: 15px;
}
.margin-t-35 {
  margin-top: 35px;
}
.margin-t-50 {
  margin-top: 50px;
}
.margin-t-70 {
  margin-top: 70px;
}
.margin-t-90 {
  margin-top: 90px;
}
.margin-b-15 {
  margin-bottom: 15px;
}
.margin-b-35 {
  margin-bottom: 35px;
}
.margin-b-50 {
  margin-bottom: 50px;
}
.margin-b-70 {
  margin-bottom: 70px;
}
.margin-t-90 {
  margin-top: 90px;
}
.padding-t-15 {
  padding-top: 15px;
}
.padding-t-35 {
  padding-top: 35px;
}
.padding-t-50 {
  padding-top: 50px;
}
.padding-t-70 {
  padding-top: 70px;
}
.padding-t-90 {
  padding-top: 90px;
}
.padding-b-15 {
  padding-bottom: 15px;
}
.padding-b-35 {
  padding-bottom: 35px;
}
.padding-b-50 {
  padding-bottom: 50px;
}
.padding-b-70 {
  padding-bottom: 70px;
}
.padding-b-90 {
  padding-bottom: 90px;
}
 .site-main {
  padding-top: 20px
}

@media (max-width: 641px) {
  .margin-b-70 {
    margin-bottom: 50px;
  }
}
@media (min-width: 641px) {
  .container {
    max-width: 620px;
  }
}
@media (min-width: 767px) {
  .container {
    max-width: 740px;
  }
    
}
@media (min-width: 980px) {
  .container {
    max-width: 940px;
  }
 .site-main {
  padding-top: 50px
}
}
@media (min-width: 1080px) {
  .container {
    max-width: 1020px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1180px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1360px;
  }
}
@media (min-width: 1600px) {
  .container {
    max-width: 1520px;
  }
}
@media (min-width: 1700px) {
  .container {
    max-width: 1600px;
  }
}
 .home .site-main {
  padding-top:0
}
a, a img, button {
  text-decoration: none;
  background-color: transparent;
  -o-transition: .2s ease-in;
  -ms-transition: .2s ease-in;
  -moz-transition: .2s ease-in;
  -webkit-transition: .2s ease-in;
  transition: .2s ease-in;
}
a img:hover, a img:focus {
  opacity: 0.7
}
a:active, a:hover {
  outline: 0;
  text-decoration: none
}
svg:not(:root) {
  overflow: hidden;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
textarea:hover, input:hover, textarea:active, input:active, textarea:focus, input:focus, button:focus, button:active, button:hover, label:focus, .btn:active, .btn.active, a:hover, a:focus {
  outline: 0px !important;
  box-shadow: none !important;
}
button {
  overflow: visible;
  background-color: transparent;
  border: none;
}
button, select {
  text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled], html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
hr {
  box-sizing: content-box;
  height: 0;
}
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden], template {
  display: none;
}
img {
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td, th {
  padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-weight: 300;
  color: var(--prim-color);
}
.title-wrapper {
  margin-bottom: 70px;
}
h1.entry-title, h1.entry-title span, h2.entry-title {
  color: var(--sec-color);
  font-family: 'Postface', sans-serif;
}
h1, h1.entry-title {
  font-size: var(--h1-fs);
  font-weight: 400;
  line-height: 46px;
  z-index: 2;
  padding: 20px 0px 30px;
  position: relative;
}
h1.bandeau-titre {
  font-size: 40px;
  line-height: 40px;
  color: #FFF;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  padding-bottom: 20px
}
.search h1.bandeau-titre {

  color: var(--sev-color);
}


h2, p.h2, h2.title a {
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 28px;
  font-family: "Montserrat", sans-serif;
    color: var(--third-color)
}
h2.wp-block-heading {
  margin-bottom: 2rem
}
.entry-header{
	margin-top: var(--entry-header-mt);
}
.entry-header h1 {
  margin-top: 0px;
}
h3, .h3, p.h3, p.h3 a {
  font-size: 22px;
  line-height: 28px;
  font-weight: 400;
}
a h3.entry-title {
  color: var(--prim-color);
  font-size: 24px;
  transition: .2s ease-out;
}
a:hover .actualite h3.entry-title, a:focus .actualite h3.entry-title {
  color: var(--sec-color);
}
h4, .h4 {
  font-size: 1.2rem;
  line-height: 1.1rem;
  font-weight: 600
}
.h5 {
  font-size: 1.1rem;
  line-height: 1.1rem;
  font-weight: 400
}
p strong {
  font-weight: 600
}
p, a p, li, li a, a {
  color: var(--prim-color);
  -o-transition: .2s ease-out;
  -ms-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}
p a, li a {
  color: #000000;
  text-decoration: underline
}
p a:hover, li a:hover, p a:focus, li a:focus {
  color: var(--sec-color);
}
.bloc-important .col-r a {
  color: var(--prim-color);
}
.bloc-important .col-r a:hover {
  color: #FFF;
}
p {
  margin-bottom: 0.9rem;
}
.text-sm {
  font-size: 18px;
  line-height: 21px;
}
.text-xs {
  font-size: 10px;
}
.type-page {
  text-align: justify
}
.type-page h2 {
  color: #5C5C5B;
  font-weight: 200;
}
.type-page h4 {
  color: #7F7F7F
}
.type-page p bold, .type-page p strong {
  color: #00ACE9
}
h3.widget-title {
  font-size: 1.2rem;
}
.h5 {
  font-size: 120%
}
ul {
  padding: 0
}
article li {
  list-style: inside
}
ul.list-unstyled li {
  margin-left: 0;
  list-style: none;
}
.page-wrapper ul > li {
  list-style: none;
  padding-left: 0px;
}
.page-wrapper ul.dropdown-menu li::before {
  border-bottom: none;
  width: 0px;
}
.page-wrapper ul.dropdown-menu li:last-child {
  margin-bottom: 0
}
.page-wrapper .cartouche ul > li::before {
  margin: 0 10px 3px -40px;
  width: 20px;
}
.page-wrapper ul > li > ul {
  margin-top: 1rem
}
.page-wrapper ul > li > ul > li::before {
  content: '';
  display: none;
  width: 0;
}
.page-wrapper ul:not(.navbar-nav) > li > ul > li {
  list-style: square;
  padding-left: 0;
  margin-bottom: 1rem;
  margin-left: 15px
}
.full-width-div {
  width: 100vw; /* 100% de la largeur de la fenêtre */
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw; /* décaler le div vers la gauche */
  margin-right: -50vw; /* décaler le div vers la droite */
}
.erreur {
  color: red !important
}
time {
  font-weight: 600;
  color: var(--sec-color)
}
.liste-actualites a:last-child .actualite {
  border-bottom: none !important;
}
.page-wrapper ul li [type="radio"]::before {
  content: ' ';
}
@media (min-width: 981px) {
  .page-wrapper ul > li {
    list-style: none;
    margin-bottom: 1rem;
    padding-left: 0px;
  }
  h2, p.h2 {
    font-size: 25px;
    line-height: 30px;
  }
}
@media (min-width: 1200px) {
  h2, p.h2 {
    position: relative;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 28px;
  }
  h2.title a {
    font-size: 22px;
    line-height: 20px;
    font-weight: 600;
  }
  /*.page-wrapper ul > li {
    padding-left: 40px;
  }*/
   .page-wrapper .activite ul > li {
    padding-left: 0px;
  }
  .parcours .page-wrapper ul li:not([role="presentation"])::before {
    content: '';
    display: inline-block;
    margin: 0 10px 3px -40px;
    width: 30px;
    height: 2px;
  }
}
/*--------------------------------------------------------------
# HEADER WITH SCROLLED FX
--------------------------------------------------------------*/
.headline-wrapper {
  margin: 4px 0 0 auto;
  height: 78%
}

#header.home.scrolled {
  background-color: var(--sec-color);
}
.scrolled .headline-wrapper {
  display: none;
  height: 100%
}
/*.headline p {
  font-family: 'Postface', sans-serif;
  font-weight: 300;
  font-size: 28px;
  color: var(--fifth-color);
  text-align: end;
}*/
.btn-reseaux {
  display: flex;
  position: relative;
  opacity: 1;
  transition: opacity 1s ease-out;
}

.scrolled .headline p {
  font-size: 20px;
}
.page-wrapper.scrolled {
  margin-top: -20px
}
body.customize-support #header {
  margin-top: 46px
}
@media (min-width: 768px) {
    body.customize-support #header {
      margin-top: 32px
    }
#main-nav {
  margin: auto 0 auto auto
}
}
@media (min-width: 941px) {
    body.customize-support #header {
      margin-top: 28px
    }
    .scrolled .btn-reseaux {
      opacity: 0;
      top: -50px;
      display: none;
    }

.top {
  position: relative;
  /* Chrome, Safari*/
  -webkit-animation-name: ease-inAnimation;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 0;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: both;
  /* Mozilla */
  -moz-animation-name: ease-inAnimation;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-delay: 0;
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: both;
  /* Standard syntax */
  animation-name: ease-inAnimation;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-delay: 0;
  animation-iteration-count: 1;
  animation-fill-mode: both;
}
.scrolled {
  position: relative;
  /* Chrome, Safari*/
  -webkit-animation-name: ease-outAnimation;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: 0;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: both;
  /* Mozilla */
  -moz-animation-name: ease-outAnimation;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: ease-out;
  -moz-animation-delay: 0;
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: both;
  /* Standard syntax */
  animation-name: ease-outAnimation;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-delay: 0;
  animation-iteration-count: 1;
  animation-fill-mode: both;
}
.home .scrolled {
  position: relative;
  -webkit-animation-name: home-ease-outAnimation;
  -moz-animation-name: home-ease-outAnimation;
  animation-name: home-ease-outAnimation;
}
}
@-webkit-keyframes ease-inAnimation {
  0% {
    height: var(--header-scrolled-h);
  }
  100% {
    top: 0px;
  }
}
@-moz-keyframes ease-inAnimation {
  0% {
    height: var(--header-scrolled-h);
  }
  100% {
    top: 0px;
  }
}
@keyframes ease-inAnimation {
  0% {
    height: var(--header-scrolled-h);
  }
  100% {
    top: 0px;
  }
}
@-webkit-keyframes ease-outAnimation {
  0% {
    top: 0;
  }
  100% {
    height: var(--header-scrolled-h);
  }
}
@-moz-keyframes ease-outAnimation {
  0% {
    top: 0;
  }
  100% {
    height: var(--header-scrolled-h);
  }
}
@keyframes ease-outAnimation {
  0% {
    top: 0;
  }
  100% {
    height: var(--header-scrolled-h);
  }
}
@-webkit-keyframes home-ease-outAnimation {
  0% {
    top: 0;
  }
  100% {
    height: var(--home-header-scrolled-h);
  }
}
@-moz-keyframes home-ease-outAnimation {
  0% {
    top: 0;
  }
  100% {
    height: var(--home-header-scrolled-h);
  }
}
@keyframes home-ease-outAnimation {
  0% {
    top: 0;
  }
  100% {
    height: var(--home-header-scrolled-h);
  }
}

.home-link:not(.scrolled) {
  margin-top: auto;
  margin-bottom: 4px
}
.scrolled .home-link {}
#header #logoHeader {
  max-width: var(--logo-header-w);
  transition: .2s ease-out;
}
#header.scrolled #logoHeader {
  max-width: var(--logo-header-scrolled);
  margin-bottom: 0px;
}
#header, #barrenavigation {
  transition: .2s ease-out;
}
#header {
  height: var(--header-h);
  position: fixed;
  top: 0px;
  /*  background-color: #FFF;
*/ background-color: var(--sec-color);
  width: 100%;
  z-index: 200;
}
.home #header {
  height: var(--header-h-home);
  background-color: var(--third-color-op5);
}
#section-nav-user {
  height: 100px;
}
.full-width-section {
    width: 100vw; /* Prend toute la largeur de la fenêtre */
    margin-left: calc(-50vw + 50%);
    position: relative; 
}
@media (min-width: 981px) {
.home-link:not(.scrolled) {
  margin-bottom: 10px
}
}
/*--------------------------------------------------------------
# FX
--------------------------------------------------------------*/
.ombre-bot{
  box-shadow: 0px 8px 5px -3px rgba(0, 0, 0, 0.25) !important
}
@media (max-width: 768px) {
  #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
  top:52px;
  padding: 34px 30px 44px !important;
  box-shadow: 0px 10px 5px -3px rgba(0, 0, 0, 0.25) !important
}
}
@media (min-width: 941px) {
li.mega-menu-flyout ul.mega-sub-menu {
  box-shadow: 0px 8px 5px -3px rgba(0, 0, 0, 0.25) !important
}
}
#footer {
  margin-top: 35px;
  box-shadow: 0px -1px 12px -3px rgba(0, 0, 0, 0.19)
}
#footer-widget .container {
  background-image: url(assets/images/picto-logo-v-green.svg);
  background-repeat: no-repeat;
  background-position: 0px bottom;
  background-size: auto 120px;
}
.frise-bottom {
  background-image: url(assets/images/frise-pictos-light-green.svg);
  background-repeat: repeat-x;
  background-position: center center;
  background-size: auto 30px;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.navbar.inactive {
  display: none;
  opacity: 0;
}
#header-top a {
  color: #FFF;
  padding: 5px 0 5px
}
#header-top .sep {
  color: #fff;
  margin: 0 5px
}
#main-nav {
  transition: .2s ease-out;
}
.headline-wrapper hr {
  border-top: 2px solid #FFF;
  object-position: 0.7
}
.navbar.main-nav {
  z-index: 1000;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
  margin-top: 5px
}
.entry-content ul li {
    list-style: disc;
    list-style-position: inside;
    padding-left: 10px;
    margin-left: 20px

}
#footer ul li {
  margin-bottom: 0px
}
#footer ul li::before {
  display: none
}
ul#menu-footer-1  li{
    display: inline-block;
    margin-bottom: 18px
}
/*ul#mega-menu-primary li:last-child, ul#mega-menu-primary li:last-child a {
  margin-right: 0 !important;
  padding-right: 0 !important
}*/
#footer a {
  text-decoration: none;
  font-size: 15px;
  color: var(--sec-color);
}
#footer a:hover {
  color: var(--prim-color);
}
#footer li.menu-item {
  padding: 0 10px
}
.copyright-wrapper p {
  font-size: 80%;
  line-height: 120%
}
@media (max-width: 980px) {
  #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 a.mega-menu-logo img.mega-menu-logo {
    width: 40px;
  }
}
@media (min-width: 981px) {
    #main-nav {
      margin-top: auto;
    }
  .dropdown-menu, .submenu {
    padding: 30px 30px 20px;
  }
  a.dropdown-item {
    padding: 5px 0;
    margin-top: 8px;
    line-height: 20px
  }

}

@media (max-width: 1599px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-size: 18px !important;
  }
}
@media (max-width: 768px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-size: 24px !important;
      padding: 8px 0px;
  }
}
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
# MENU-VERTIVAL-FIXE
--------------------------------------------------------------*/
#menu-vertical-fixe {
  position: fixed;
  cursor: pointer;
  right: 0px;
  top: 0;
  display: block;
  width: 44px;
  height: auto;
  transition: 0.5s;
  z-index: 100;
  top: var(--mvf-top);
}

#menu-vertical-fixe svg {
  position: relative;
  width: 20px;
  margin: auto
}
#menu-vertical-fixe svg#picto-close {
  width: 20px;
  top: -98px;
  right: 43px
}
#menu-vertical-fixe svg#picto-menu .line {
  fill: #fff;
}
#menu-vertical-fixe:hover svg#picto-menu .line, #menu-vertical-fixe:focus svg#picto-menu .line {
  fill: #EC343A;
}
#menu-vertical-fixe svg#picto-close .a, #menu-vertical-fixe svg#picto-close .b {
  fill: none;
  stroke: #001f40;
  stroke-linecap: round;
  stroke-width: 3px;
}
.admin-bar #menu-vertical-fixe {
  top: calc(var(--mvf-top) + 112px);
}
.btn-mvf, #toTop {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--sixth-color-op9);
  border: 1.5px solid #FFF;
  margin-bottom: 10px;
  -webkit-box-shadow: -1px 1px 2px 2px rgba(58, 58, 58, 0.10);
  box-shadow: -1px 1px 2px 2px rgba(58, 58, 58, 0.10);
  display: flex
}
#menu-vertical-fixe .btn-mvf svg {
  fill: #FFF;
}
#menu-vertical-fixe .btn-mvf:hover svg, #menu-vertical-fixe .btn-mvf:focus svg {
  fill: var(--eigth-color);
}
.overlay {
  background-color: var(--sec-color);
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  overflow-x: hidden;
  transition: 0.5s;
}
.leaflet-map, .leaflet-container {
  z-index: 99
}

.overlay #close-btn-wrapper {
  margin-top: var(--header-h-home);
}
.overlay #overlay-close-btn, .closebtn {
  margin-top: 90px;
  margin-right: 20px;
  font-size: 60px;
  transition: 0.4s;
  color: #FFF;
}
.closebtn {
  margin: 0px;
}
.overlay #overlay-close-btn:hover, .overlay #overlay-close-btn:focus, .closebtn:hover, .closebtn:focus {
  color: var(--sixth-color);
  transform: rotate(90deg);
}
@media (min-width: 767px) {
.btn-mvf, #toTop {
  width: 54px;
  height: 54px;
}
#menu-vertical-fixe {
  right: 0px;
  width: 65px;
  top: var(--mvf-top);
}

#menu-vertical-fixe svg {
  width: 30px;
}
#menu-vertical-fixe svg#picto-close {
  width: 50px;
  top: -98px;
  right: 53px
}
}
@media (min-width: 1024px) {
  .overlay-wrapper {
    width: 60%;
  }
  .overlay-wrapper .picto {
    max-width: 60px;
  }
  #voletGauche .titre-menu {
    font-size: 70px;
    line-height: 80px
  }
    #menu-vertical-fixe {
  width: 70px;
}
.admin-bar #menu-vertical-fixe {
  top: calc(var(--mvf-top) + 32px);
}
}
#form_email_2, .mailpoet_paragraph {
  line-height: 20px;
  display: inline-block !important;
  font-weight: 400;
}
.mailpoet_paragraph {
  color: var(--sec-color)
}
#form_email_2 {
  width: 280px !important;
  padding: 9px !important;
}
.mailpoet_submit {
  padding: 10px !important;
  background-color: var(--prim-color) !important
}
#volet .mailpoet_form {
  text-align: center
}
#volet #mailpoet_form_2 .mailpoet_paragraph {
  color: #fff
}
.mailpoet_archive_date {
  color: var(--sec-color);
  width: 150px;
  display: inline-block !important;
}
a.h3:hover {
  margin-top: 30px;
  color: var(--fifth-color);
}
#volet #mailpoet_form_2 input[type="submit"] {
  background-color: var(--fifth-color);
}
.list-radio-wrap .nf-field-element li label {
  display: inline-block !important;
}
/*--------------------------------------------------------------
# Liens & boutons
--------------------------------------------------------------*/
.btn {
  border-radius: 0px;
}
.btn.primary, .btn.secondary, input[type="submit"] {
  background-color: var(--sec-color);
  color: #FFF;
  text-transform: uppercase;
  line-height: 22px;
  padding: 12px 16px 12px 16px;
  transition: all 0.3s;
  display: inline-block !important;
  position: relative !important;
  overflow: hidden !important;
  z-index: 1;
  outline: none;
  border: none
}
.btn.secondary {
  background-color: var(--sec-color);
  color: #FFF;
}
.btn.submit {
  background-color: var(--prim-color);
  color: #FFF;
  font-family: "Open Sans", sans-serif
}
.btn.big {
  font-size: 20px;
  padding: 15px 40px
}
.btn.small{
  font-size: 10px;
  padding: 0px 10px
}
.btn.primary::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 101%;
  background-color: var(--third-color);
  z-index: -1;
  transition: all 0.3s;
}
.btn.primary:hover::before {
  width: 100%;
}
/*--------------------------------------------------------------
# MODAL
--------------------------------------------------------------*/
.modal {
  background-color: var(--third-color-op6) !important;
}
.modal-content {
  width: 100%;
  border: none;
  border-radius: 0;
  background-color: var(--sec-color)
}
.modal-header {
  border: none;
  border-radius: 0 !important;
  background-repeat: no-repeat;
  background-image: url(assets/images/picto-in-light-green.svg);
  background-position: 40px center;
  background-size: auto 70%;
  padding-bottom: 10px
}
.modal-header h2 {
  font-size: 26px
}
#pointAccesModal .picto {
  width: 35px;
  margin-right: 5px;
}

#liste-points-acces .map{min-height:170px}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 80%;
  }
#liste-points-acces .map{min-height:300px}
}
@media (min-width: 1200px) {
  .modal-dialog {
    max-width: 60%;
  }
}
/*--------------------------------------------------------------
# Formulaires
--------------------------------------------------------------*/
.form-control {
  border-radius: 0 !important;
}
input.form-control {
  padding: 2px 15px;
}
/*--------------------------------------------------------------
# Breadcrumb
--------------------------------------------------------------*/
#breadcrumb {
  list-style: none;
  margin: 0;
  overflow: hidden;
}
#breadcrumb-wrapper {
  background-color: var(--fifth-color);
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.44) inset;
}
#breadcrumb li.item-home {
  margin-left: -10px;
}
#breadcrumb li.item-current {
  color: var(--third-color) !important
}
#breadcrumb li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  list-style-position: inside;
}
#breadcrumb li a {
  color: #FFF;
  text-decoration: none;
}
#breadcrumb li a:hover {
  color: var(--third-color);
}
#breadcrumb .separator {
  width: 7px;
  height: auto;
}
#breadcrumb .separator svg {
  fill: #FFF;
  margin-bottom: 1px
}
/*--------------------------------------------------------------
# COMMUNS CARROUSELS
--------------------------------------------------------------*/
#carrousel-actus, #carrousel-activites {
  padding: 0 0 70px;
}
#carrousel-actus .item .wrapper, #carrousel-activites .item .wrapper, #carrousel-photos .item .wrapper {
  margin: 0 25px 0 0;
  transition: all 0.5s ease-in-out;
  box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, 0.34);
  position: relative;
}
.slick-slider.carrousel-actus .image-wrapper-half, .slick-slider.carrousel-actus .photo_half .titre-wrapper {
  height: 50%
}
.slick-slider.carrousel-actus .photo_full .titre-wrapper {
  height: 100%
}
.carrousel-actus .item .image-wrapper-half, .carrousel-actus .item .wrapper, #carrousel-activites .item .image-wrapper-half, #carrousel-activites .item .wrapper, #carrousel-photos .item .wrapper {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 155%;
  transition: 0.5s ease;
}
#carrousel-photos .item .wrapper {
  background-size: cover;
}
.carrousel-actus .item:hover .image-wrapper-half, .carrousel-actus .item:focus .image-wrapper-half, #carrousel-activites .item:hover .image-wrapper-half, #carrousel-activites .item:focus .image-wrapper-half {
  background-size: 150%;
}
.carrousel-actus .item .wrapper, #carrousel-activites .item .wrapper {
  background-size: 260%;
}
.carrousel-actus .item:hover .wrapper, .carrousel-actus .item:focus .wrapper {
  background-size: 285%;
}
#bloc-galerie-photos h2 {
  font-family: 'Postface', sans-serif;
  text-transform: none;
  letter-spacing: 0.04rem
}
ul.list-types-activites .btn {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  background-color: var(--sec-color);
}
#carrousel-activites h2, #carrousel-actus h2, .item-activite h3 {
  font-size: 38px;
  line-height: 36px;
  padding: 10px 0 10px;
  font-weight: 700;
  letter-spacing: 0.05rem
}
.item-activite h3 {
  font-size: 28px;
  font-weight: 600;
  line-height: 32px
}
h2 .picto {
  width: 80px;
  height: auto;
  margin-right: 15px
}
.item-activite h3 {
  color: #FFF;
  background-color:rgba(0,0,0,0.30)
}
slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-slider.carrousel-actus .item p.titre, .slick-slider.carrousel-activites .item p.titre {
  font-size: 24px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 0;
  transition: all 0.5s ease-in-out;
}
.slick-slider.carrousel-actus .item.photo_full p.titre, .slick-slider.carrousel-activites .item.photo_full p.titre {
  font-size: 30px;
  line-height: 32px;
  font-weight: 700;
  text-shadow: 1.0px 1px 1.0px rgba(0, 0, 0, 0.2);
  color: #FFF
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 30px;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  line-height: 20px;
  text-align: center;
  color: var(--sec-color);
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#carrousel-photos .slick-dots li button:before {
  color: rgba(255, 255, 255, 0.70);
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
}
.slickcaroussel .item {
  position: relative;
}
.slickcaroussel .nom {
  height: 80px /* 3 x la valeur font-size h3*/
}
.slickcaroussel h3 {
  font-size: 35px;
  line-height: 45px;
  font-weight: 600;
  text-transform: uppercase
}
.slickcaroussel .texte_intro {
  height: 220px;
}
.slickcaroussel .texte_intro p {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: #FFF;
}
.slickcaroussel img {
  max-height: 260px;
  width: auto;
}
.slickcaroussel .btnplus {
  color: #FFF;
  font-size: 13px;
  padding: 9px 12px;
  border-radius: 8px;
  border: thin solid rgba(255, 255, 255, 1.00);
}
.slickcaroussel .item {
  position: relative;
}
.overlay-slick {
  position: absolute;
  background-color: #001F40;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: all 0.5s ease-in-out;
  z-index: 1000
}
/* Arrows */
.slick-prev, .slick-next {
  font-family: 'Arial, sans-serif';
  font-size: 50px;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  /*    width: 60px;*/
  height: 30px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 101;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  color: transparent;
  outline: none;
  opacity: 0.8
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: .25;
}

.slick-prev {
  left: 60px;
}

.slick-next {
  right: 60px;
}
.slick-prev,.slick-next{
	display: inline-block;
	width: 60px;
	height: 60px;
	background-image: url(assets/images/arrow-slick-l.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
    opacity: 0.6
}
.slick-next {
	background-image: url(assets/images/arrow-slick-r.svg);
}

#carrousel-actus .item-actualite .btn-lls, 
.slick-slider.carrousel-activites .btn-lls, 
.item-activite .btn-lls {
  width: var(--w-btn-plus);
  font-size: 15px;
  font-weight: 400;
  font-style: italic;
  border-radius: 0 100px 100px 0;
  height: 32px;
  margin-top: 10px;
  margin-left: calc(-1 * var(--titre-wrapper-padding-x));
  padding-left: var(--titre-wrapper-padding-x);
  transition: all 0.2s ease-in-out;
}
/* necessaire page archives */
.post-type-archive-activite .item-activite .btn-lls, 
#liste-villes .item-activite .btn-lls,
#liste-balades .item-activite .btn-lls{
  width: 70%;
  margin-bottom: 10px;
  margin-left: 0;
  transition: all 0.5s ease-in-out;
  color:#FFF;
  background-color: var(--sixth-color);
}
.item-activite .btn-lls .arrow, 
#carrousel-actus .item-actualite .btn-lls .arrow,
#liste-villes .item-activite .btn-lls .arrow{
  width: 30px;
  height: auto;
  margin-left: auto;
  margin-right: 5px;
  opacity: 0;
}
#liste-villes .item-activite .btn-lls,
#liste-balades .item-activite .btn-lls{
  width: var(--w-btn-plus);
  background-color: var(--sec-color);
}

#carrousel-actus .item-actualite:hover .btn-lls, 
#carrousel-actus .item-actualite:focus .btn-lls,
#carrousel-activites .item-activite:hover .btn-lls, 
#carrousel-activites .item-activite:focus .btn-lls{
  width: 92%;
}
#liste-villes .item-activite:hover .btn-lls,
#liste-villes .item-activite:focus .btn-lls,
#liste-balades .item-activite:hover .btn-lls,
#liste-balades .item-activite:focus .btn-lls{
  width: 60%;
}
#activites-container .item-activite:hover .btn-lls, 
#activites-container .item-activite:focus .btn-lls {
  color: #FFF;
  background-color: var(--sec-color);
  width: var(--w-btn-plus-hover);
}
.item-activite:hover .btn-lls .arrow, 
.item-activite:focus .btn-lls .arrow,
#carrousel-actus .item-actualite:hover .btn-lls .arrow, 
#carrousel-actus .item-actualite:focus .btn-lls .arrow,
#liste-villes .item-activite:hover .btn-lls .arrow,
#liste-villes .item-activite:focus .btn-lls .arrow{
  opacity: 0.8;
  margin-right: 15px;
}

.bkg-carrousel-activite {
  background: var(--prim-grd);
  margin-top: 60px;
  margin-bottom: 60px;
}
.home .bkg-carrousel-activite {
 margin-top: 0;
  margin-bottom: 0;
}


@media (min-width: 767px) {
#carrousel-actus .item-actualite .btn-lls, .slick-slider.carrousel-activites .btn-lls, .item-activite .btn-lls {
  width: 86%;
}
.item-activite .btn-lls {
  width: 60%;
}
#carrousel-actus .item-actualite:hover .btn-lls, 
#carrousel-actus .item-actualite:focus .btn-lls,
#carrousel-activites .item-activite:hover .btn-lls, 
#carrousel-activites .item-activite:focus .btn-lls {
  width: 92%;
}
#activites-container .item-activite:hover .btn-lls, 
#activites-container .item-activite:focus .btn-lls {
  color: #FFF;
  width: 65%;
}
}
@media (min-width: 1039px) {
  .item-activite .btn-lls {
    width: 60%;
  }
#activites-container .item-activite:hover .btn-lls, 
#activites-container .item-activite:focus .btn-lls {
  width: 76%;
}
  #carrousel-activites .item-activite .btn-lls, #carrousel-actus .item-actualite .btn-lls {
    width: 90%;
  }
}
@media (min-width: 1399px) {
#carrousel-activites h2, #carrousel-actus h2 {
  font-size: 44px;
  line-height: 36px;
}
.item-activite h3 {
  font-size: 32px;
  line-height: 32px;
}
  #carrousel-activites .item-activite .btn-lls, #carrousel-actus .item-actualite .btn-lls {
    width: 94%;
  }
  #carrousel-activites .item-activite:hover .btn-lls, #carrousel-activites .item-activite:focus .btn-lls, #carrousel-actus .item-actualite:hover .btn-lls, #carrousel-actus .item-actualite:focus .btn-lls {
    width: 98%;
  }
}
@media (min-width: 1599px) {
.item-activite h3 {
  font-size: 34px;
  }
  #carrousel-activites .item-activite .btn-lls,
   #carrousel-actus .item-actualite .btn-lls,
    #liste-villes .item-activite .btn-lls{
    width: 60%;
  }
  #carrousel-activites .item-activite:hover .btn-lls, #carrousel-activites .item-activite:focus .btn-lls, #carrousel-actus .item-actualite:hover .btn-lls, #carrousel-actus .item-actualite:focus .btn-lls {
    width: 78%;
  }
}
/*--------------------------------------------------------------
# CONTENUS
--------------------------------------------------------------*/
.item-list-actualite .wrapper {
  background-color: #FFF;
  height: 100%;
  transition: .2s ease-out;
}
.item-list-actualite .wrapper:hover {
  cursor: auto;
  background-color: var(--tenth-color);
}
.item-list-actualite .date {
  font-size: 18px;
  font-weight: 700;
  color: var(--sec-color);
  text-align: end;
  margin-bottom: 10px
}
#activites-container {
  margin: 0 0 25px
}
/**/
#type-activite {
  margin-top: 30px; 
}
.cur-activite {
  color: var(--sixth-color);
  font-weight: 400;
  font-size: 20px
}
.picto {
  width: 45px;
  height: auto;
  display: flex
}
.picto svg, .picto-activite svg {
  width: 38px;
  height: auto;
  fill: var(--sixth-color);
  margin: 0 0 10px auto
}
.list-types-activites .picto svg:not(.checked) {
  fill: var(--grey);
}
.tag-activite {
  background-color: var(--light-grey);
  border-radius: 50px;
  margin: 8px 8px 0 0;
  padding: 2px 18px;
  color: var(--prim-color);
  font-size: 85%;
  font-weight: 400;
  text-align: center
}
.tag-activite.parent-66 {
  background-color: var(--elev-color);
}
.tag-activite.parent-78 {
  background-color: var(--twelfth-color);
}
.tag-activite.duree {
  background-color: var(--tenth-color);
}

.item-activite {
  position: relative
}
.item-activite .thumbnail {
  height: 300px;
  background-size: cover;
  background-position: center;
}
.item-activite:hover .thumbnail, .item-activite:focus .thumbnail {
  opacity: 1
}
.item-activite .tags {
  margin: 35px 0 0
}
/**/
.picto-type-wrapper {
  position: absolute;
  z-index: 100px;
  padding-left: 5px;
  top: 0;
  right: 0px;
  width: 50px;
  height: 44px;
  border-radius: 0 0 0 18px;
/*  background-color: var(--sixth-color)
*/}
#activites-container .item-activite .picto-type-wrapper {
  right: 52px;
}
.picto-type-wrapper.sm {
  width: 50px;
}
.picto-type-wrapper.md {
  width: 70px;
}
.list-types-activites .tgl {
  display: none;
}
.list-types-activites .tgl, .list-types-activites .tgl:after, .list-types-activites .tgl:before, .list-types-activites .tgl *, .list-types-activites .tgl *:after, .list-types-activites .tgl *:before, .list-types-activites .tgl + .tgl-btn {
  box-sizing: border-box;
}
.list-types-activites .tgl::-moz-selection, .list-types-activites .tgl:after::-moz-selection, .list-types-activites .tgl:before::-moz-selection, .list-types-activites .tgl *::-moz-selection, .list-types-activites .tgl *:after::-moz-selection, .list-types-activites .tgl *:before::-moz-selection, .list-types-activites .tgl + .tgl-btn::-moz-selection, .list-types-activites .tgl::selection, .list-types-activites .tgl:after::selection, .list-types-activites .tgl:before::selection, .list-types-activites .tgl *::selection, .list-types-activites .tgl *:after::selection, .list-types-activites .tgl *:before::selection, .list-types-activites .tgl + .tgl-btn::selection {
  background: none;
}
.list-types-activites .tgl + .tgl-btn{
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 16px;  
  width: 320px;
  overflow: hidden;
  border-radius: 50px;
  padding: 0px 14px 0 14px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: all 0.2s ease;
  background: var(--grey);
  color: rgba(255, 255, 255, 0.70);
  outline: 0;
  display: block;
  line-height: 18px;
  height: 2.5em;
  position: relative;
  cursor: pointer;
  margin: 5px 10px 5px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#all-types.tgl + .tgl-btn{
    margin: 0 auto 8px;
    width: 100px;
    font-weight: 600
}
.list-types-activites .tgl + .tgl-btn:after, .list-types-activites .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.types-activite-filter .list-types-activites .btn svg {
  width: 36px;
  margin: 0 10px 10px auto;
  fill: var(--sixth-color);
}

.list-types-activites .tgl + .tgl-btn:after, .list-types-activites .tgl + .tgl-btn:before {
  border-radius: 50px;
  display: inline-block;
  transition: all 0.2s ease;
  width: 100%;
  text-align: center;
  position: absolute;
  line-height: 2em;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.list-types-activites .tgl + .tgl-btn:after {
  left: 100%;
  content: attr(data-tg-on);
}
.list-types-activites .tgl + .tgl-btn:before {
  left: 0;
  content: attr(data-tg-off);
}
.list-types-activites .tgl + .tgl-btn:active {
  background: var(--sec-color);
}
.list-types-activites .tgl + .tgl-btn:active:before {
  left: -10%;
}
.list-types-activites .tgl:checked + .tgl-btn {
  background: var(--sixth-color);
  color: rgba(255, 255, 255, 1)
}
.list-types-activites .tgl:checked + .tgl-btn:before {
  left: -100%;
}
.list-types-activites .tgl:checked + .tgl-btn:after {
  left: 0;
}
.list-types-activites .tgl:checked + .tgl-btn:active:after {
  left: 10%;
}

/*pictos*/
.picto-reseau img {
  width: 22px;
  height: auto;
}
.tgl-btn svg {
  width: 30px;
  height: auto;
  margin-right: 8px;
  margin-left: -10px;
}
.picto-type-wrapper svg {
  width: 38px;
  height: auto;
  margin: auto
}
.tgl + .tgl-btn .cls-1 {
  fill: rgba(255, 255, 255, 0.60);
}
.tgl:checked + .tgl-btn .cls-1, .picto-type-wrapper svg .cls-1 {
  fill: #FFF;
}
.picto.checked svg .cls-1 {
  fill: var(--sixth-color);
}

@media only screen and (min-width: 768px) {
  .list-types-activites .tgl + .tgl-btn {
  font-size: 14px; 
      line-height: 16px;
  width: auto;
        margin: 5px 10px 15px 0;
    }
.picto-reseau img {
  width: 28px;
}
}
@media only screen and (min-width: 1199px) {
  .list-types-activites .tgl + .tgl-btn {
  font-size: 14px; 
  line-height: 11px
    }
}
@media only screen and (min-width: 1400px) {
  .list-types-activites .tgl + .tgl-btn {
  font-size: 15px;line-height: 13px
    }
}
@media only screen and (min-width: 1600px) {
  .list-types-activites .tgl + .tgl-btn {
  font-size: 17px;line-height: 14px
    }
}
/*** Point entrée-sortie****/
#liste-points-acces .item h3 {
  background-color: var(--sec-color);
  color: #FFF;
  text-transform: uppercase;
  padding: 4px 10px 0 10px;
  margin: 0;
}
#liste-points-acces .tag li {
  margin-bottom: 0
}
.point-acces {
  margin-bottom: 15px
}
.point-acces ul li {
  margin-bottom: 0
}
.accordion-button {
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--prim-color);
  font-size: 15px;
  background-color: transparent;

}
.bandeau-image .accordion-button {
    transition: all 0.5s ease-in-out;opacity: 1}

.bandeau-image .accordion-button:hover {
     opacity: 0.6;
}
#accordeon-bandeau-image .accordion-button::after,
#accordeon-bandeau-image .accordion-button:not(.collapsed)::after{
  width:30px;height:30px;
 background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 79.37 79.37%22%3E%3Cpath fill%3D%22white%22 d%3D%22m65.929%2C60.519c0%2C.708-.189%2C1.415-.565%2C2.044-.719%2C1.199-2.013%2C1.932-3.41%2C1.932H17.416c-1.398%2C0-2.691-.733-3.41-1.932-.717-1.197-.755-2.686-.096-3.917l22.269-41.669c.691-1.294%2C2.039-2.102%2C3.506-2.102s2.815.808%2C3.506%2C2.102l22.269%2C41.669c.314.586.469%2C1.23.469%2C1.874Zm-41.881-3.975h31.273l-15.636-29.258-15.636%2C29.258Z%22/%3E%3C/svg%3E');
}

.accordion-button::after,
.accordion-button:not(.collapsed)::after{
  width:30px;height:30px;
 background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 79.37 79.37%22%3E%3Cpath fill%3D%22grey%22 d%3D%22m65.929%2C60.519c0%2C.708-.189%2C1.415-.565%2C2.044-.719%2C1.199-2.013%2C1.932-3.41%2C1.932H17.416c-1.398%2C0-2.691-.733-3.41-1.932-.717-1.197-.755-2.686-.096-3.917l22.269-41.669c.691-1.294%2C2.039-2.102%2C3.506-2.102s2.815.808%2C3.506%2C2.102l22.269%2C41.669c.314.586.469%2C1.23.469%2C1.874Zm-41.881-3.975h31.273l-15.636-29.258-15.636%2C29.258Z%22/%3E%3C/svg%3E');
}
.ville-acces .accordion-button::after,
.ville-acces .accordion-button:not(.collapsed)::after,
.single-parcours .point-acces  .accordion-button::after,
.single-parcours .point-acces  .accordion-button:not(.collapsed)::after{
  width:30px;height:30px;
 background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 79.37 79.37%22%3E%3Cpath fill%3D%22grey%22 d%3D%22m65.929%2C60.519c0%2C.708-.189%2C1.415-.565%2C2.044-.719%2C1.199-2.013%2C1.932-3.41%2C1.932H17.416c-1.398%2C0-2.691-.733-3.41-1.932-.717-1.197-.755-2.686-.096-3.917l22.269-41.669c.691-1.294%2C2.039-2.102%2C3.506-2.102s2.815.808%2C3.506%2C2.102l22.269%2C41.669c.314.586.469%2C1.23.469%2C1.874Zm-41.881-3.975h31.273l-15.636-29.258-15.636%2C29.258Z%22/%3E%3C/svg%3E');
}
.ville-acces .accordion-button, 
.single-parcours .point-acces .accordion-button{
    padding: calc(var(--bs-accordion-btn-padding-y) - 10px)  var(--bs-accordion-btn-padding-x);
}

.bandeau-image .accordion-button:not(.collapsed) {
  background-color: transparent;
}
.accordion-item h4 {}
.accordion {
  border-radius: 0 !important;
  border-color: none !important;
  box-shadow: none !important;
}
.accordion-button:not(.collapsed) {
  color: var(--fourth-color);
  background-color: var(--light-grey);
  ;
}
.point-acces .plus, .point-acces .plus svg {
  transition: all 0.5s ease-in-out;
}
.point-acces .plus svg ,.point-acces-modal svg{
  width: 25px;
  height: auto;
  transition: all 0.5s ease-in-out;
}
.point-acces .plus svg .cls-1, 
.point-acces .plus svg .cls-3,
.point-acces-modal svg .cls-1{
  fill: #FFF;
}
.point-acces .plus svg .cls-2,
.point-acces-modal svg .cls-2{
  fill: var(--fourth-color);
}
.point-acces .plus:hover svg,
.point-acces-modal:hover svg{
  width: 30px;
}
.point-acces .plus:hover svg .cls-2,
.point-acces-modal:hover svg .cls-2{
  fill: var(--sec-color);
}

.parcours h3{
    font-family: 'Postface', sans-serif;
    color:var(--third-color);
    font-size: 24px;
    margin-bottom: 15px
}
.parcours .infos-ville ul li{
    font-size: 100%
}
.parcours a.trace-download:hover{
    color: var(--sixth-color) !important
}
.w-arrow::after {
   content: "\f502";
  font-family: dashicons;
  font-size: 20px;
  font-weight: normal;
  display: inline-block;
  margin: 0;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: rotate(270deg);
  color: inherit;
  position: relative;
  background: transparent;
  height: auto;
  width: auto;
  right: auto;
  line-height: inherit;
}
/*** especes****/
img.thumb-espece {
  margin: 0 15px 0 0;
  border-radius: 50px;
  max-width: 55px
}
#infos h3, #liste-points-interet h2 {
  font-size: 22px;
  font-family: 'Postface', sans-serif;
  color: var(--sec-color);
}
#infos img.picto {
  max-width: 28px;
  height: auto;
  float: left;
  margin-right: 5px
}
#infos .espece {
  font-size: 16px;line-height: 18px
}
#infos-ville ul li {
  padding-left: 0;
  font-size: 100%;
}
#infos-ville ul strong {
  color: var(--sec-color)
}
#footer-partenaires .item img {
  max-height: 38px
}
#infos-ville #transports-en-commun li { font-size: 90%; margin-bottom: 0.3rem;padding-bottom:0.3rem; border-bottom: 1px solid var(--light-grey)}
/*--------------------------------------------------------------
# FAQ
--------------------------------------------------------------*/
.ewd-ufaq-faqs .ewd-ufaq-faq-category-title h4 {
  color: var(--sec-color);
  font-size: 140%
}
/*--------------------------------------------------------------
# MEDIAS
--------------------------------------------------------------*/
.w-cadre {
  box-shadow: 12px 12px 0px -3px var(--sec-color);
  transition: all 0.5s ease-in-out;
}

.single-parcours .w-cadre,
.ville .w-cadre{
  box-shadow: 12px 12px 0px -3px var(--sec-color);
}
.item-activite:hover .w-cadre{
  box-shadow: 10px 10px 0px -3px var(--sec-color);
}
.ville .post-thumbnail:hover .w-cadre{
  box-shadow: 10px 10px 0px -3px var(--sixth-color);
}
.fancybox__backdrop {
  background: var(--sec-color) !important;
}
a[href $='.pdf'] {
  font-weight: 400;
  background-repeat: no-repeat;
  color: #b71c1c;
  padding: 3px 8px 4px;
  transition: .3s ease-in;
  text-decoration: none
}
a[href $='.pdf']:before {
  font-size: 1.4em;
  font-family: dashicons;
  content: "\f190";
  padding-right: 5px;
  vertical-align: middle
}
a[href $='.pdf']:hover, a[href $='.pdf']:focus {
  text-decoration: none;
  color: #e53935;
  box-shadow: 0px 0px 1px #D50C10;
}
a[href $='.zip'] {
  font-weight: 400;
  background-repeat: no-repeat;
  color: var(--prim-color);
  padding: 3px 8px 4px;
  transition: .3s ease-in;
  text-decoration: none
}
a[href $='.zip']:before {
  font-size: 1.5em;
  font-family: dashicons;
  content: "\f501";
  padding-right: 5px;
  vertical-align: middle
}
a[href $='.zip']:hover, a[href $='.zip']:focus {
  text-decoration: none;
  color: #e53935;
  box-shadow: 0px 0px 1px #D50C10;
}

.weather-atlas-footer{
    display:none
}

.historique .logo {
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1.5rem
}
.historique .historique-content {
  position: relative;
  max-width: 960px;
  margin: auto auto 90px
}

.historique .historique-content .item-content {
  clear: both;
  padding: 1rem 0
}
.historique .historique-content .item {
  width: 56%
}
.historique .historique-content .item .cotenu {
  width: 60%;
  cursor: pointer
}
.historique .historique-content .item .date {
  width: 35%;
  min-width: 100px;
  position: relative;
  font-weight: 700;
  font-size: .9rem;
  line-height: 1rem
}
.historique .historique-content .item .date span {
  display: block;
  width: 110px;
  padding: 0 5px;
  text-align: center
}
.historique .historique-content .gauche .item, .historique .historique-content .gauche .item .cotenu {
  float: left
}
.historique .historique-content .gauche .item .date {
  float: right;
  padding-right: 3px
}
.historique .historique-content .gauche .item .date span {
  float: right
}
.historique .historique-content .gauche .item .date:before {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--sec-color);
  position: absolute;
  top: 22px;
  left: 0
}
.historique .historique-content .gauche .item .date:after {
  content: '';
  display: block;
  width: 70px;
  border-top: 1px solid  var(--sec-color);
  position: absolute;
  top: 30px;
  left: 10px
}
.historique .historique-content .droite .item, .historique .historique-content .droite .item .cotenu {
  float: right
}
.historique .historique-content .droite .item .date {
  float: left;
  padding-left: 3px
}
.historique .historique-content .droite .item .date:before {
  content: '';
  display: block;
  width: 70px;
  border-top: 1px solid var(--sec-color);
  position: absolute;
  top: 30px;
  right: 10px
}
.historique .historique-content .droite .item .date:after {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--sec-color);
  position: absolute;
  top: 22px;
  right: 0
}
.Zebra_Tooltip {
	color: #FFF !important
}
.tooltips:hover, .tooltips:focus{
    color: var(--sixth-color)
}

.su-spoiler-icon {
}
.su-spoiler-title {
  font-size: 20px !important;
  color: var(--fifth-color)  
}


@media only screen and (min-width: 1041px) {

.historique .historique-content:before {
  content: '';
  display: block;
  position: absolute;
  width: 110px;
  height: 102%;
  background-color:var(--elev-color);
  left: 0;
  right: 0;
  margin: 0 auto 60px;

}

}
/*--------------------------------------------------------------
# TO TOP
-------------------------------------------------------------*/
#toTop {
  display: none;
  position: fixed;
  bottom: 25px;
  right: 35px;
  z-index: 99;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 6px 8px 7px;
}
#toTop svg {
  width: 35px;
  height: auto;
  margin: auto;
  fill: #fff;
}
#toTop:hover {
  background-color: var(--sec-color);
}
#toTop:hover svg {
  fill: var(--third-color);
}
@media only screen and (max-width: 767px) {
  #toTop {
    font-size: 1.1rem;
     right: 25px;
  }
#toTop svg {
  width: 25px;
}
}
.pum-theme-11895 .pum-content + .pum-close, .pum-theme-theme-par-defaut .pum-content + .pum-close{
    background-color: var(--sec-color) !important;
    line-height: 20px !important;
}
.pum-theme-11895, .pum-theme-theme-par-defaut {
  background-color: rgba( 255, 255, 255, 0.70 )!important;
}
/*--------------------------------------------------------------
# TRAVAUX
-------------------------------------------------------------*/
.travaux-article .article-container {
  display: block;
  position: relative;
  width: 100%;
  height: 160px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-bottom: 20px
}
.travaux-article .article-container .article-footer-link {
  background-color: var(--third-color);
  opacity: 0.8;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px;
  color: #fff;
  font-weight: 700;
  text-align: center;
}