@charset "UTF-8";
/*
This file is used to contain all vendor imports.
*/
/*
This file is used to contain all theme imports.
*/
/*
This file is used to contain all abstract imports.
*/
/*
0 -> 600px: Phone
600px -> 900px: Tablet portrait
900px -> 1200px: Tablet Landscape
[1200 -> 1800]: Là où notre style normal s'affiche
1800px + : Big desktop

====================

$breakpoint:
-> phone
-> tab-port
-> tab-land
-> desk
-> big-desk
// typography -> base..

1em = 16px

En utilisent les EM, le contenu sera adapter au font-size que l'utilisateur a règlé pour son navigateur.
*/
/* Changer les breakpoints pour des variables dans le cas où le projet utilise Bootstrap */
/*
This file is used to contain all base imports.
*/
* {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html {
  overflow-x: hidden;
  font-size: 62.5%;
  box-sizing: border-box;
}
@media (min-width: 112.5em) {
  html {
    font-size: 75%;
  }
}
@media (max-width: 75em) {
  html {
    font-size: 56.25%;
  }
}
@media (max-width: 56.25em) {
  html {
    font-size: 50%;
  }
}

body {
  font-size: 1.6rem;
  line-height: 1.7;
  font-family: "Montserrat", sans-serif;
  color: #333;
}

body[promo="bande-promo"]:not(.scrolling) .custom-header {
  top:40px;
}
body[promo="bande-promo"]:not(.scrolling) .retour-nq {
  top:150px;
}

@media screen and (max-width:75em) {
  body[promo="bande-promo"] {
    display:contents;
  }
  body[promo="bande-promo"] main {
    padding-top: 130px;
  }

  body[promo="bande-promo"] main .nouvelles {
    margin-top: 0px!important;
  }
  body[promo="bande-promo"] .custom-header {
  top:60px!important;
  }
  body[promo="bande-promo"] .retour-nq {
    top:170px!important;
  }
}

@media screen and (max-width:500px) {
  body[promo="bande-promo"] .retour-nq {
    top:140px!important;
  }
}


.container {
  width: 1160px;
  margin: 0 auto;
}
@media (max-width: 75em) {
  .container {
    width: 90%;
  }
}
.container--small {
  max-width: 90%;
  width: 1200px;
}

img {
  box-sizing: content-box;
  max-width: 100%;
}

p {
  word-break: break-word;
}

a {
  text-decoration: none;
  color: currentColor;
}

header ul li {
  list-style-type: none;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

a:focus {
  outline: 0;
}

a:hover,
a:active {
  outline: 0;
}

/* clear */
.clear:before,
.clear:after {
  content: " ";
  display: table;
}

.clear:after {
  clear: both;
}

.clear {
  *zoom: 1;
}

input:focus {
  outline: 0;
  border: 1px solid #95c11f;
}

.show-tablet { display:none!important; }
.hidden {
	display:none!important;
}

@media screen and (max-width:768px) {
  .hide-tablet { display:none!important; }
  .show-tablet { display:block!important; }
}


/*------------------------------------*\
  STRUCTURE
\*------------------------------------*/
/* wrapper */
.wrapper {
  max-width: 1280px;
  width: 95%;
  margin: 0 auto;
  position: relative;
}

/*------------------------------------*\
  MISC
\*------------------------------------*/
::selection {
  background: #95c11f;
  color: #fff;
  text-shadow: none;
}

::-webkit-selection {
  background: #95c11f;
  color: #fff;
  text-shadow: none;
}

::-moz-selection {
  background: #95c11f;
  color: #fff;
  text-shadow: none;
}

/*------------------------------------*\
  WORDPRESS CORE
\*------------------------------------*/
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/*------------------------------------*\
  PRINT
\*------------------------------------*/
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

body {
  font-family: "Montserrat", sans-serif, sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.7;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
  margin: 0;
}

h1 {
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.1rem;
  font-size: 3.4rem;
  text-transform: uppercase;
}

h2 {
  font-size: 3rem;
  text-transform: uppercase;
}

h3 {
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.1rem;
  font-size: 2.6rem;
}

h4 {
  font-size: 2.2rem;
}

h5 {
  font-size: 1.8rem;
}

h6 {
  font-size: 1.6rem;
}

.heading--2 {
  margin-bottom: 5rem;
}

.paragraph {
  font-size: 1.6rem;
  margin-bottom: 4rem;
}

p {
  margin: 0;
  letter-spacing: 0.5px;
  font-weight: 400;
}

.light-text {
  font-size: 1.2rem;
  color: #717171;
}

.paragraph-link {
  color: #007632;
  font-weight: bold;
  text-decoration: underline #007632;
}

.u-margin-bottom-small {
  margin-bottom: 2rem !important;
}

.u-margin-bottom-medium {
  margin-bottom: 4rem !important;
}

.u-margin-bottom-big {
  margin-bottom: 8rem !important;
}
@media (max-width: 56.25em) {
  .u-margin-bottom-big {
    margin-bottom: 5rem !important;
  }
}

.u-margin-top-small {
  margin-top: 2rem !important;
}

.u-margin-top-medium {
  margin-top: 4rem !important;
}

.u-margin-top-big {
  margin-top: 8rem !important;
}

.u-left-text {
  text-align: left !important;
}

.u-center-text {
  text-align: center !important;
}

.u-right-text {
  text-align: right !important;
}

.u-start-text {
  text-align: start !important;
}

.u-end-text {
  text-align: end !important;
}

.u-justify-text {
  text-align: justify !important;
}

.u-wrap-text {
  white-space: normal !important;
}

.u-wrap-text {
  white-space: nowrap !important;
}

.u-uppercase-text {
  text-transform: uppercase !important;
}

.u-lowercase-text {
  text-transform: lowercase !important;
}

.u-capitalize-text {
  text-transform: capitalize !important;
}

.u-padding {
  padding: 1.6rem !important;
}

.u-padding-left {
  padding-left: 1.6rem !important;
}

.u-padding-top {
  padding-top: 1.6rem !important;
}

.u-padding-right {
  padding-right: 1.6rem !important;
}

.u-padding-bottom {
  padding-bottom: 1.6rem !important;
}

.u-padding-horizontal {
  padding: 0 1.6rem !important;
}

.u-padding-vertical {
  padding: 1.6rem 0 !important;
}

.u-padding-none {
  padding: 0 !important;
}

.u-padding-bottom-none {
  padding-bottom: 0 !important;
}

.u-margin {
  margin: 1.6rem !important;
}

.u-margin-left {
  margin-left: 1.6rem !important;
}

.u-margin-top {
  margin-top: 1.6rem !important;
}

.u-margin-right {
  margin-right: 1.6rem !important;
}

.u-margin-bottom {
  margin-bottom: 1.6rem !important;
}

.u-margin-horizontal {
  margin: 0 1.6rem !important;
}

.u-margin-vertical {
  margin: 1.6rem 0 !important;
}

.u-margin-none {
  margin: 0 !important;
}

.u-display-block {
  display: block !important;
}

.u-flex-start {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: stretch;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html {
  font-size: 62.5%;
  box-sizing: border-box;
}
@media (min-width: 112.5em) {
  html {
    font-size: 75%;
  }
}
@media (max-width: 75em) {
  html {
    font-size: 56.25%;
  }
}
@media (max-width: 56.25em) {
  html {
    font-size: 50%;
  }
}

body {
  font-size: 1.6rem;
  line-height: 1.7;
  font-family: "Montserrat", sans-serif;
  color: #333;
}

.container {
  width: 1160px;
  margin: 0 auto;
}
@media (max-width: 75em) {
  .container {
    width: 90%;
  }
}
.container--small {
  max-width: 90%;
  width: 1200px;
}

.hidden-desktop {
  display: none;
}

img {
  box-sizing: content-box;
  max-width: 100%;
}

a {
  text-decoration: none;
  color: currentColor;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

a:focus {
  outline: 0;
}

a:hover,
a:active {
  outline: 0;
}

/* clear */
.clear:before,
.clear:after {
  content: " ";
  display: table;
}

.clear:after {
  clear: both;
}

.clear {
  *zoom: 1;
}

input:focus {
  outline: 0;
  border: 1px solid #95c11f;
}

/*------------------------------------*\
  STRUCTURE
\*------------------------------------*/
/* wrapper */
.wrapper {
  max-width: 1280px;
  width: 95%;
  margin: 0 auto;
  position: relative;
}

/*------------------------------------*\
  MISC
\*------------------------------------*/
::selection {
  background: #95c11f;
  color: #fff;
  text-shadow: none;
}

::-webkit-selection {
  background: #95c11f;
  color: #fff;
  text-shadow: none;
}

::-moz-selection {
  background: #95c11f;
  color: #fff;
  text-shadow: none;
}

/*------------------------------------*\
  WORDPRESS CORE
\*------------------------------------*/
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/*------------------------------------*\
  PRINT
\*------------------------------------*/
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

/*
This file is used to contain all component imports.
*/
.form__group {
  position: relative;
}

.form__group:not(:last-child) {
  margin-bottom: 2rem;
}

.form__radio-input {
  display: none;
}

.form__radio-label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.6rem;
  cursor: pointer;
  position: relative;
  padding-left: 4.5rem;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}

.form__radio-button {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  border: 1px solid #007632;
  border-radius: 50%;
  background-color: #fff;
}
.form__radio-button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.8rem;
  height: 0.8rem;
  background-color: #007632;
  border-radius: 50%;
  opacity: 0;
  transform-origin: center center;
  transition: opacity 0.2s;
  transition: all 0.3s;
}

.form__radio-input:checked ~ .form__radio-label .form__radio-button::after {
  opacity: 1;
}

.form__checkbox-input {
  display: none;
}

.form__checkbox-label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.6rem;
  cursor: pointer;
  position: relative;
  padding-left: 4.5rem;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}

.form__checkbox-button {
  display: inline-block;
  position: absolute;
  left: 0;
  width: 1.4rem;
  height: 1.4rem;
  border: 1px solid #007632;
  background-color: #fff;
}
.form__checkbox-button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  transition: all 0.3s;
}
.form__checkbox-button:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #007632;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.3s;
}

.form__checkbox-input:checked
  ~ .form__checkbox-label
  .form__checkbox-button::before,
.form__checkbox-input:checked
  ~ .form__checkbox-label
  .form__checkbox-button::after {
  opacity: 1;
}

.form__switch-input {
  display: none;
}

.form__switch-label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.6rem;
  cursor: pointer;
  position: relative;
  padding-left: 4.5rem;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}

.form__switch-button {
  display: inline-block;
  position: absolute;
  left: 0;
  width: 2.8rem;
  height: 1.4rem;
  border: 1px solid #007632;
  border-radius: 100rem;
  background-color: #fff;
  transition: all 1s ease-in-out;
}
.form__switch-button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #a84300;
  border-radius: 100rem;
  opacity: 0;
  transition: all 0.3s;
}
.form__switch-button:after {
  content: "";
  position: absolute;
  top: -0.2rem;
  left: -0.2rem;
  width: 1.4rem;
  height: 1.4rem;
  border: 1px solid #007632;
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.3s;
}

.form__switch-input:checked ~ .form__switch-label .form__switch-button::before {
  width: 100%;
}

.form__switch-input:checked ~ .form__switch-label .form__switch-button::after {
  left: 1.2rem;
  box-shadow: -30px 30px 110px -30px rgba(0, 0, 0, 0.5);
}

.form__switch-input:checked ~ .form__switch-label .form__switch-button::before,
.form__switch-input:checked ~ .form__switch-label .form__switch-button::after {
  opacity: 1;
}

.form__text-input {
  position: relative;
  width: 100%;
  border: none;
  padding: 0.8rem;
  font-size: 1.2rem;
  background-color: #fff;
  transition: all 0.3s;
}
.form__text-input:focus {
  outline: none;
}

.form__text-label {
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translatey(-50%);
  font-size: 1.2rem;
  color: #faf9f9;
  transition: all 0.4s;
}

.form__text-input:focus ~ .form__text-label {
  font-size: 1.2rem;
  color: #333;
  top: -0.8rem;
  left: 0;
}

.footer-form__group:not(:last-child) {
  margin-bottom: 0.8rem;
}

.footer-form .nf-field-container {
  margin-bottom: 0.8rem;
}

.footer-form label {
  font-size: 1.2rem;
  font-weight: 100;
  color: #999;
  margin-right: 1.5rem;
}

.footer-form .input-name {
  display: inline-flex;
  width: 49%;
}

/*
///////////////////////////////////

  La classe 'btn' est utiliseé comme dans Bootrap, pour donner le style par défault du bouton. Des classes supplémentaires sont nécésaire pour donner une autre apparence au btn--animated.

  Ex : <a href="#section-tours" class="btn btn--white btn--animated">Discover our tours</a>

///////////////////////////////////
*/
.btn,
.btn:link,
.btn:visited,
.vc_btn3-container a {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 1.4rem;
  position: relative;
  display: inline-block;
  padding: 1rem 2rem;
  border-radius: 2px;
  text-transform: uppercase;
  transition: all 0.2s linear;
  z-index: 1;
  cursor: pointer;
}

.btn:focus {
  outline: none;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.btn:active {
  transform: translatey(2px);
}

.btn-primary {
  color: #fff;
  background-color: #007632;
  border: 2px solid #007632;
}

.btn-line {
  color: #007632;
  border: 2px solid #007632;
  background-color: inherit;
}
.btn-line:hover {
  color: #fff;
  border: 2px solid #007632;
  background-color: #007632;
}

.btn-fullWidth {
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn--animated {
  animation-delay: 0.5s;
  animation: moveToTop 0.5s ease-out;
  animation-fill-mode: backwards;
}

.btn--currentColor {
  color: currentColor;
  border: 2px solid currentColor;
}

.btn--Biodiversite,
.btn--Forets,
.btn--Energie,
.btn--Environnementurbain {
  color: currentColor;
  border: 2px solid currentColor;
}

.btn--Biodiversite:hover {
  background-color: #f0b72e;
  border: 2px solid #f0b72e;
}
.btn--Forets:hover {
  background-color: #2b7731;
  border: 2px solid #2b7731;
}
.btn--Energie:hover {
  background-color: #7ac5ad;
  border: 2px solid #7ac5ad;
}
.btn--Environnementurbain:hover {
  background-color: #78b631;
  border: 2px solid #78b631;
}

.btn--round {
  border-radius: 100rem;
}

.btn-underline {
  display: inline-block;
  text-transform: uppercase;
  color: #007632;
  background-color: inherit;
  border-bottom: 2px solid currentColor;
}

.btn-text {
  font-size: 1.6rem;
  color: #007632;
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px solid #007632;
  padding: 3px;
  transition: all 0.3s;
}

.btn-fab {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  transition: all 0.3s;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.03);
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
}
.btn-fab:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.btn-fab:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  transform: scale(0);
  transition: all 0.3s;
  z-index: -1;
}
.btn-fab:focus:after {
  transform: scale(1);
}
.btn-fab-primary {
  color: #fff;
}
.btn-fab-primary:before {
  background-color: #007632;
}
.btn-fab-primary:after {
  background-color: #a84300;
}
.btn-fab-secondary {
  color: #fff;
}
.btn-fab-secondary:before {
  background-color: #a84300;
}
.btn-fab-secondary:after {
  background-color: #007632;
}
.btn-fab-white {
  color: #999;
}
.btn-fab-white:before {
  background-color: #fff;
}
.btn-fab-white:after {
  background-color: #999;
}
.btn-fab-white:focus {
  color: #fff;
}

.category-icon__list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
@media (max-width: 38em) {
  .category-icon__list {
    flex-direction: column;
    padding: 5rem 0;
  }
}

.category-icon__item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16rem;
  height: 16rem;
  margin-bottom: 3rem;
  border-radius: 50%;
  color: #fff;
}
@media (max-width: 38em) {
  .category-icon__item {
    width: 18rem;
    height: 18rem;
  }
}
.category-icon__item:not(:last-child) {
  margin-right: 6rem;
}
@media (max-width: 38em) {
  .category-icon__item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 8rem;
  }
}
.category-icon__item--1 .category-icon__name {
  color: #2b7731;
}
.category-icon__item--2 .category-icon__name {
  color: #7ac5ad;
}
.category-icon__item--3 .category-icon__name {
  color: #f0b72e;
}
.category-icon__item--4 .category-icon__name {
  color: #78b631;
}

.category-icon__img {
  width: 15rem;
}
@media (max-width: 38em) {
  .category-icon__img {
    width: 100%;
  }
}

.category-icon__name {
  position: absolute;
  top: 110%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0.08rem;
}
@media (max-width: 37.5em) {
  .category-icon__name {
    font-size: 2.5rem;
  }
}

@import url('http://fonts.cdnfonts.com/css/slick');

.post-type-archive-projets .slick-slider {
  position: relative;
  height: 100%;
}

.post-type-archive-projets .slick-list {
  height: 100%;
}

.post-type-archive-projets .slick-track {
  height: 100%;
}

.post-type-archive-projets .slick-prev,
.post-type-archive-projets .slick-next {
  position: absolute;
  z-index: 200;
	top:50%;
}
.post-type-archive-projets .slick-prev:after,
.post-type-archive-projets .slick-next:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 100px;
  width: 50px;
  font-size: 25px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

.post-type-archive-projets .slick-prev:hover .slick-prev:after {
  background-color: rgba(0, 0, 0, 0.9);
}

.post-type-archive-projets .slick-prev {
  left: 0;
}
.post-type-archive-projets .slick-prev:before {
  padding-left: 17px;
  color: white;
}
.post-type-archive-projets .slick-prev:after {
  left: 0;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  color: white;
}

.post-type-archive-projets .slick-next {
  right: 0;
}
.post-type-archive-projets .slick-next:before {
  float: right;
  padding-right: 10px;
  color: white;
}
.post-type-archive-projets .slick-next:after {
  right: 0;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  color: white;
}

.post-type-archive-projets .slick-dots {
  text-align: left;
  left: -30%;
  bottom: 20px;
}
@media (max-width: 37.5em) {
  .post-type-archive-projets .slick-dots {
    text-align: center;
    top: -4rem;
    left: 50%;
    bottom: inherit;
    transform: translateX(-50%);
  }
}
.post-type-archive-projets .slick-dots li {
  width: 1.3rem;
  height: 1.3rem;
  border: 2px solid #fff;
  border-radius: 50%;
}
.slick-dots li button:before {
  font-size: 0;
}
.post-type-archive-projets .slick-dots li.slick-active {
  background-color: #fff;
}

.shortcode-projet .category__col p {visibility:hidden;}

.uc_quote_slider .slick-dots {
  position: sticky;
}

.uc_quote_slider .slick-dots li {
  float: none;
}

/* BANDE  */
.top-promo-banner {
  display: block;
  position: relative;
  height: 40px;
  width: 100%;
  z-index: 100000;
	background-color: #000000;
  transition: background-color 1s ease-in-out;
}

.top-promo-banner .bande-message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: absolute;
  height: 40px;
  top: 0;
  width: 100%;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
}

.top-promo-banner .bande-message.active {
  opacity: 1;
  visibility: visible;
}

.top-promo-banner .bande-message p {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 16px;
  padding: 0px 10px;
  transition: background-color 1s ease, font-size 1s ease;
}

.top-promo-banner .bande-message:hover p {
  font-size: 15px;
  background-color: rgba(0,0,0,0.3);
  cursor: pointer;
}

.top-promo-banner .bande-message p span.message-icone {
  margin-left: 4px;
}

.top-promo-banner .bande-message p .message-cta {
  text-transform: uppercase;
  margin-left: 10px;
}

@media (max-width: 75em) {
  .top-promo-banner,
  .top-promo-banner .bande-message,
  .top-promo-banner .bande-message p { 
    height: 60px;
  }
  .top-promo-banner {
    position: fixed;
  }
  .top-promo-banner .bande-message p {
    font-size: 13px;
	display: block;
	padding: 0px 15px 0px 15px;
	line-height: 15px;
  }
}


/*
This file is used to contain all layout imports.
*/
/*------------------------------------*\
  HEADER
  MADE BY : Kevin Barbeau
\*------------------------------------*/
.header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media (max-width: 75em) {
  .header {
    position: fixed;
    top: 0;
    margin: 0px !important;
    width: 100%;
    padding: 0px 20px;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    align-items: center;
  }
  .header.header-bande-promo {
    top:60px;
  }
  .header.header-bande-promo .navigation .navigation__button {
    top:75px!important;
  }
  .header.header-bande-promo .navigation .nav--mobile {
    top:60px!important;
  }
}

.logo-mobile {
  display: none;
}

@media (max-width: 75em) {
  .logo-desktop {
    display: none;
  }
  .logo-mobile {
    width: 85%;
    display: block;
  }

  .logo-mobile img {
    height: 55px;
    padding: 11px 4px;
    float: left;
  }
  .logo-mobile .je-donne {
    margin-right: 10px;
    float: right;
    margin-top: 27px;
  }
  .logo-mobile .je-donne p {
    font-size: 20px;
    font-weight: 600;
    color: #efb730;
  }
}
.logo-box {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  width: 25%;
  height: 83px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.03);
  background-color: #fff;
}
@media (min-width: 1800px) {
  .logo-box {
    padding: 52px 50px 46px 50px !important;
  }
}

@media (max-width: 75em) {
  .logo-box {
    display: none !important;
    width: 60%;
  }
}

/*------------------------------------*\
  NAVIGATION
  MADE BY : Kevin Barbeau
\*------------------------------------*/
.nav {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.nav--desktop {
  display: block;
}
@media (max-width: 75em) {
  .nav--desktop {
    display: none;
  }
}
.nav--mobile {
  display: none;
}
@media (max-width: 75em) {
  .nav--mobile {
    position: fixed;
    top: 0;
    right: 0;
    padding-top: 10rem;
    height: 100vh;
    flex-direction: column-reverse;
    justify-content: space-between;
    background-color: #f4f2f2;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    z-index: 100;
  }
}
.nav__primary {
  width: 100%;
}
.nav__primary ul.menu {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 75em) {
  .nav__primary ul.menu {
    flex-direction: column;
  }
}
.nav__primary li {
  flex-grow: 1;
  text-align: center;
  background-color: #007632;
  transition: all 0.3s;
}
@media (max-width: 75em) {
  .nav__primary li {
    width: 100%;
    text-align: left;
    border-top: 1px solid #e7dfdf;
    background-color: #f4f2f2;
  }
}
.nav__primary li:hover {
  background-color: #95c11f;
}
@media (max-width: 75em) {
  .nav__primary li:hover {
    background-color: #e7dfdf;
  }
}
.nav__primary li:last-child {
  background-color: #efb730;
  border-bottom-right-radius: 100rem;
}
@media (max-width: 75em) {
  .nav__primary li:last-child {
    background-color: #f4f2f2;
    border-radius: 0;
  }
}
.nav__primary li:last-child:hover {
  background-color: #b94e06;
}
@media (max-width: 75em) {
  .nav__primary li:last-child:hover {
    background-color: #e7dfdf;
  }
}
.nav__primary a {
  display: inline-block;
  width: 100%;
  color: #fff;
  padding: 1rem 2rem;
}
@media (max-width: 75em) {
  .nav__primary a {
    color: #777;
    padding: 2rem;
    font-size: 1.8rem;
  }
}
.nav__secondary {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 1.3rem;
}
@media (max-width: 75em) {
  .nav__secondary {
    flex-direction: column;
    margin-bottom: 2rem;
  }
}
.nav__secondary ul.menu {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 75em) {
  .nav__secondary ul.menu {
    width: 100%;
    padding: 1rem;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media (max-width: 75em) {
  .nav__secondary ul.menu li a {
    padding: 2rem 3rem;
  }
}
@media (max-width: 37.5em) {
  .nav__secondary ul.menu li a {
    padding: 2rem 2rem;
  }
}
@media (max-width: 75em) {
  .nav__secondary ul.menu li a i {
    margin-right: 0;
  }
}
.nav__secondary .menu li a {
  display: inline-block;
  color: #444;
  padding: 1rem;
}
.nav__secondary .menu li:hover a {
  color: #007632;
  background-color: #f4f2f2;
}
.nav__secondary .menu span {
  display: none;
}

ul.sub-menu {
  display: none;
}

.menu-item span {
  display: none;
}

.navigation {
  display: none;
}
@media (max-width: 75em) {
  .navigation {
    display: block;
  }
}
.navigation__checkbox {
  display: none;
}
.navigation__button {
  margin-right: 20px;
  z-index: 20000;
  text-align: center;
  cursor: pointer;
  width: 3rem;
  height: 2px;
}
.navigation__checkbox:checked ~ .nav--mobile {
  display: flex;
}
@media (max-width: 75em) {
  .navigation__checkbox:checked ~ .nav--mobile {
    width: 60%;
    max-width: 500px;
    height: 100%;
  }
}
@media (max-width: 37.5em) {
  .navigation__checkbox:checked ~ .nav--mobile {
    width: 100%;
  }
}
.navigation__checkbox:checked ~ .navigation__button {
  position: fixed;
  top: 2rem;
  right: 2rem;
  width: 5rem;
  height: 7rem;
}
.navigation__icon {
  position: relative;
  margin-top: 3rem;
}
.navigation__icon,
.navigation__icon:before,
.navigation__icon:after {
  width: 3rem;
  height: 2px;
  background-color: #007632;
  display: inline-block;
}
@media (max-width: 37.5em) {
  .navigation__icon,
  .navigation__icon:before,
  .navigation__icon:after {
    width: 2.5rem;
  }
}
.navigation__icon:before,
.navigation__icon:after {
  content: "";
  position: absolute;
  left: 0;
  transition: all 0.2s;
}
.navigation__icon:before {
  top: -0.8rem;
}
.navigation__icon:after {
  top: 0.8rem;
}
.navigation__checkbox:checked + .navigation__button .navigation__icon {
  background-color: transparent;
}
.navigation__checkbox:checked + .navigation__button .navigation__icon::before {
  top: 0;
  transform: rotate(135deg);
}
.navigation__checkbox:checked + .navigation__button .navigation__icon::after {
  top: 0;
  transform: rotate(-135deg);
}

header .menu-item-has-children {
  position: relative;
}
header .menu-item-has-children:hover .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display: block;
}
header .menu-item-has-children .sub-menu {
  z-index: 1000;
}
header .menu-item-has-children .sub-menu .menu-item {
  text-align: left;
  background-color: #f4f2f2;
}
header .menu-item-has-children .sub-menu .menu-item:hover {
  background-color: #e7dfdf;
}
header .menu-item-has-children .sub-menu .menu-item:last-child {
  border-radius: 0;
}
header .menu-item-has-children .sub-menu .menu-item a {
  font-size: 1.2rem;
  color: currentColor;
}
header .menu-item-has-children .nav-projet--01 {
  color: #2b7731;
}
header .menu-item-has-children .nav-projet--02 {
  color: #7ac5ad;
}
header .menu-item-has-children .nav-projet--03 {
  color: #f0b72e;
}
header .menu-item-has-children .nav-projet--04 {
  color: #78b631;
}

#footer-sidebar {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
@media (max-width: 56.25em) {
  #footer-sidebar {
    flex-direction: column;
  }
}
#footer-sidebar-1 {
  flex-basis: 25%;
  margin-right: 5rem;
}
@media (max-width: 56.25em) {
  #footer-sidebar-1 {
    flex-basis: 100%;
    width: 100%;
    margin-right: 0;
    margin-bottom: 5rem;
  }
}
@media (max-width: 37.5em) {
  #footer-sidebar-1 {
    flex-basis: 80%;
    width: 80%;
  }
}
#footer-sidebar-2 {
  flex: 1 0 33.33%;
}
#footer-sidebar-3 {
  flex: 1 0 33.33%;
}
#footer-sidebar-4 {
  flex: 1 0 33.33%;
}

.footer {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media (max-width: 56.25em) {
  .footer .footer-col-info {
    display: block;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media (max-width: 37.5em) {
  .footer .footer-col-info {
    flex-direction: column;
  }
}
.footer .menu-item,
.footer h3 {
  font-size: 2.2rem;
  font-weight: bold;
  color: #000;
  margin-top: 0.5rem;
  margin-bottom: 1.2rem;
}
.footer .sub-menu {
  display: block;
}
.footer .sub-menu .menu-item-type-taxonomy {
  display: table;
  padding: 0.5rem 1rem;
  margin: 0.5rem;
  font-size: 1.2rem;
  color: #fff;
  background-color: #999;
}
.footer .sub-menu .menu-item-112,
.footer .sub-menu .menu-item-153 {
  background-color: #f0b72e;
}
.footer .sub-menu .menu-item-113,
.footer .sub-menu .menu-item-154 {
  background-color: #7ac5ad;
}
.footer .sub-menu .menu-item-114,
.footer .sub-menu .menu-item-155 {
  background-color: #78b631;
}
.footer .sub-menu .menu-item-115,
.footer .sub-menu .menu-item-156 {
  background-color: #2b7731;
}
.footer-contact__item {
  display: flex;
  justify-content: flex-start;
  margin: 0.6rem 0;
}
.footer-contact__icon {
  color: #007632;
  margin-top: 0.5rem;
  margin-right: 1rem;
}
.footer-sociaux {
  margin-top: 2rem;
}
@media (max-width: 56.25em) {
  .footer-sociaux {
    margin-top: 0;
  }
}
@media (max-width: 37.5em) {
  .footer-sociaux {
    margin-top: 2rem;
  }
}
.footer-sociaux__title {
  color: #007632;
  font-weight: normal;
  margin-bottom: 1rem;
}
.footer-sociaux__list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.footer-sociaux__item {
  width: 4rem;
  height: 4rem;
  color: #fff;
  background-color: #999;
  border-radius: 50%;
}
.footer-sociaux__item:not(:last-child) {
  margin-right: 1rem;
}
.footer-sociaux__item-1 {
  background-color: #3a5998;
}
.footer-sociaux__item-2 {
  background-color: #1ca1f2;
}
.footer-sociaux__item-3 {
  background-color: #c32aa3;
}
.footer-sociaux__item-4 {
  background-color: #ff0001;
}
.footer-sociaux__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.footer-options {
  background-color: #eff4f4;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  padding: 5rem 4rem;
}
@media (max-width: 37.5em) {
  .footer-options {
    flex-direction: column;
  }
}

.footer-en:lang(fr) {
  display: none;
}
.footer-fr:lang(en) {
  display: none;
}

html[lang="fr-FR"] #footer_language_list li:first-of-type {
  display: none;
}
html[lang="en-US"] #footer_language_list li:last-of-type {
  display: none;
}
footer #footer_language_list li {
  margin-top: 20px;
}
footer #footer_language_list li a {
  font-size: 1.8rem;
  line-height: 2.5rem;
  letter-spacing: 0.1rem;
  margin-bottom: 1rem;
  font-weight: 600;
  margin-top: 40px;
}
header #footer_language_list li a {
  float: left;
  padding: 7px 15px;
  background-color: #555;
  color: white;
  margin-top: -1px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
header #footer_language_list li a:hover {
  background-color: #78b632;
}

.copyright {
  padding: 1.5rem 0;
  background-color: #333;
  color: white;
}
.copyright__group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.btn-footer {
  width: 100% !important;
  color: #fff;
  background-color: #007632;
}

/*
This file is used to contain all page imports.
*/

.cli-plugin-button {
  font-size: 16px !important;
  font-weight: 600 !important;
  margin-top: 10px !important;
  letter-spacing: 1px;
  padding: 10px 16px 10px !important;
  font-family: Montserrat, sans-serif !important;
}
#cookie-law-info-bar {
  font-size: 11pt;
  margin: 0px auto;
}
.section {
  padding: 5rem 0;
}

.project-page__title {
  text-align: center;
  line-height: 1.5;
}

.main__title {
  display: block;
  font-weight: bold;
}

.sub__title {
  display: block;
  font-weight: lighter;
}

.all-project {
  width: 75%;
}
@media (max-width: 56.25em) {
  .all-project {
    width: 66.666%;
  }
}
@media (max-width: 37.5em) {
  .all-project {
    width: 100%;
  }
}

.category__row {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  min-width: 100%;
  height: 60rem;
}
@media (max-width: 37.5em) {
  .category__row {
    height: auto;
  }
}
.category__row .category__col--1 {
  max-width: 25%;
	min-width:25%;
}
@media (max-width: 56.25em) {
  .category__row .category__col--1 {
    max-width: 33.3333%;
	min-width: 33.3333%;
  }
}
@media (max-width: 37.5em) {
  .category__row .category__col--1 {
    max-width: 100%;
	 min-width:100%;
  }
}
#Biodiversite .category__row,
#Biodiversity .category__row {
  color: #f0b72e;
  border-bottom: 1.5rem solid #f0b72e;
}
#Biodiversite .category__row .category__col--1,
#Biodiversity .category__row .category__col--1 {
  background-color: #f0b72e;
}
#Forets .category__row,
#Forest .category__row {
  color: #2b7731;
  border-bottom: 1.5rem solid #2b7731;
}
#Forets .category__row .category__col--1,
#Forest .category__row .category__col--1 {
  background-color: #2b7731;
}
#Energieetclimat .category__row,
#Energy .category__row {
  color: #7ac5ad;
  border-bottom: 1.5rem solid #7ac5ad;
}
#Energieetclimat .category__row .category__col--1,
#Energy .category__row .category__col--1 {
  background-color: #7ac5ad;
}
#Environnementurbain .category__row,
#Urbanenvironment .category__row {
  color: #78b631;
  border-bottom: 1.5rem solid #78b631;
}
#Environnementurbain .category__row .category__col--1,
#Urbanenvironment .category__row .category__col--1 {
  background-color: #78b631;
}
@media (max-width: 37.5em) {
  .category__row {
    flex-direction: column;
    max-width: 100%;
    border: 0;
  }
}

.category__icon {
  width: 10rem;
}

.category__title,
.category__desc {
  color: #fff;
}

.category__title {
  font-size: 2.8rem;
  line-height: 1.2;
  margin-top: 0;
}

#Environnementurbain .category__title {
  letter-spacing: -1px;
}

.vc_chart h2.wpb_heading {
  font-size: 3rem;
}

.category__desc {
  color: #fff;
  margin: 1rem 0 2rem;
  max-height: 30rem;
  overflow: scroll;
}
@media (max-width: 56.25em) {
  .category__desc {
    margin-bottom: 4rem;
  }
}
@media (max-width: 37.5em) {
  .category__desc {
    margin-bottom: 4rem;
  }
}

.category__steps {
  margin-top: auto;
}

.category__col {
  max-width: 33.3333%;
  min-height: 50rem;
}

.category-plus {
  font-weight: bold;
}
@media (max-width: 56.25em) {
  .category__col {
    max-width: 50%;
  }
}
@media (max-width: 37.5em) {
  .category__col {
    max-width: 100%;
    min-height: 25rem;
    border-left: 0;
  }
}
.category__col--1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3rem;
  border-left: 0;
  color: #fff;
}

/* ACCUEIL */

.impliquez-vous a:hover,
.impliquez-vous a:hover span {
  color:#78b632!important;
}
.impliquez-vous img {
	transition: transform .5s;
}

.impliquez-vous img:hover {
	transform: scale(1.2);
}

/** PROJETS **/
.project-box {
  width: 100%;
  position: relative;
  min-height: 50rem;
  overflow: hidden;
  transition: all 1s;
}
.project-box__side {
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  transition: all 0.8s ease;
}
.project-box__side--back {
  position: absolute;
  top: 100%;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  padding: 3rem 2rem;
  background-color: #fff;
  opacity: 0;
  transform: rotateX(100deg);
  transition: all 1s ease-in-out;
}
@media (max-width: 37.5em) {
  .project-box__side--back {
    position: relative;
    padding: 5rem 2rem;
    opacity: 1;
    transform: rotateX(0);
  }
}
@media (min-width: 37.6em) {
  .project-box:hover .project-box__side--back {
    top: 0;
    transform: rotateX(0);
    opacity: 1;
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
  }
}
@media (max-width: 37.5em) {
  .project-box.hover_effect .project-box__side--back {
    top: 0;
    position: absolute;
    transform: rotateX(0);
    opacity: 1;
    box-shadow: 0;
  }
}
.project-box__img-box {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.project-box__img {
  object-fit: cover;
  object-position: center;
  width: auto;
  min-height: 100%;
}
.project-box__main-title {
  position: absolute;
  bottom: 5rem;
  left: 0;
  padding: 0.5rem 2rem 0.5rem 2rem;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
@media (max-width: 37.5em) {
  .project-box__main-title {
    bottom: inherit;
    top: 5rem;
  }
}
.project-box__title {
  color: currentColor;
}
.project-box__title--white {
  color: #fff;
}
.project-box__text {
  color: #333;
  max-height: 25rem;
  overflow: scroll;
}
@media (max-width: 37.5em) {
  .project-box__text {
    margin: 3rem 0;
  }
}

.step--active {
  background-color: #fff;
}

.step__list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.step__item {
  width: 1.5rem;
  height: 1.5rem;
  border: 2px solid #fff;
  border-radius: 50%;
}
.step__item:not(:last-child) {
  margin-right: 1rem;
}

.single-projets main {
  margin-top: -83px;
  z-index: -1000;
}
.single-projets h1.post-title,
.single-projets span.date {
  display: none;
}

/** CAMPAGNES **/
.single-campagnes .post-title,
.single-campagnes .date {
  display: none;
}

.section-campagnes {
  background-color: #f4f2f2;
}

.col-reverse .hori-card__media {
  order: 2;
}
@media (max-width: 37.5em) {
  .col-reverse .hori-card__media {
    order: 1;
  }
}

.col-reverse .hori-card__content {
  order: 1;
}

.hori-card .hori-card__img {
  float: left;
}
.col-reverse .hori-card__img {
  float: right;
}
ul.campagne-cat {
  list-style-type: none;
}
ul li.campagne-biodiversite a,
ul li.campagne-biodiversity a {
  color: #f0b72e;
}
ul li.campagne-forets a,
ul li.campagne-forest a {
  color: #2b7731;
}
ul li.campagne-energie a,
ul li.campagne-energy a {
  color: #7ac5ad;
}
ul li.campagne-environnement-urbain a,
ul li.campagne-urban-environment a {
  color: #78b631;
}

/** CAMPAGNE CUSTOM HEADER **/
body.campagnes-template-single-custom-header  main {
  padding-top: 110px;
}

.campagnes-template-single-custom-header .header,
.campagnes-template-single-custom-header .footer {
  display: none;
}

.custom-header {
  box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
  display: inline-block;
  background-color: white;
  width: 100%;
  position: fixed;
  top:0px;
  padding: 20px 40px;
}

.custom-header-logo {
    float: left;
    max-height: 70px;
    width: auto;
}

ul.custom-header-menu {
    float: right;
    padding: 10px 0px;
}

li.custom-header-menu-item {
  padding: 10px 20px;
  float: left;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 17px;
}

li.custom-header-menu-item a:hover {
  color: #17aa55;
  cursor: pointer;
}

a.header-custom-bouton {
    float: right;
    padding: 10px 30px;
    border-radius: 30px;
    margin-left: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px;
    font-size: 17px;
}


a.header-custom-bouton:hover {
  background-color: #eee!important;
  color:#000;
}

.retour-nq {
  z-index: 10;
  display: inline-block;
  position: fixed;
  background-color: #eee;
  padding: 10px 40px;
  font-size: 12px;
  border-bottom-right-radius: 40px;
  font-style: italic;
}

.retour-nq:hover {
  cursor: pointer;
  background-color: #17aa55;
  color: white;
}


.postid-8162 .retour-nq,
.postid-7469 .retour-nq {
  top:110px;
}

@media screen and (max-width:1100px) {
  ul.custom-header-menu { padding: 12px 0px;} 
  li.custom-header-menu-item  {font-size: 15px; padding: 10px; }
  a.header-custom-bouton {
    background-color: #28285b;
    color: #17aa55;
    font-size: 14px;
    margin-left: 10px;
    margin-top: 12px;
  }
}

@media screen and (max-width:840px) {
  ul.custom-header-menu  {display: none;}
}

@media screen and (max-width:500px) {
  body.campagnes-template-single-custom-header main {padding-top: 70px;}
  .custom-header {padding: 10px 20px;}
  .custom-header-logo  {max-height: 60px;}
  .postid-8162 .retour-nq { top: 80px; }
  a.header-custom-bouton {margin-top: 4px; font-size: 12px;}
}


.hori-card {
  display: flex;
  justify-content: center;
  align-items: stretch;
  background-color: #fff;
  margin-bottom: 1rem;
}
@media (max-width: 37.5em) {
  .hori-card {
    flex-direction: column;
    margin-bottom: 5rem;
  }
}
.hori-card__media {
  position: relative;
  flex: 1 1 50%;
  overflow: hidden;
}
.hori-card__media:after {
  content: "En savoir plus";
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0.2rem 0;
  color: #fff;
  border-bottom: 1px solid currentColor;
  opacity: 0;
  transition: all 1s;
}
.hori-card__media:hover .hori-card__img {
  filter: brightness(45%);
}
.hori-card__media:hover:after {
  top: 50%;
  opacity: 1;
  z-index: 1;
}
.hori-card__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 1 50%;
  padding: 3rem;
}
.hori-card__img {
  display: block;
  object-fit: cover;
  object-position: center;
  width: auto;
  height: 600px;
  transition: all 1s;
}
.hori-card__title {
  margin-bottom: 2rem;
}
.hori-card__text {
  margin-bottom: 2rem;
  font-size: 1.8rem;
}

@media (max-width: 1500px) {
  .hori-card .hori-card__img {
    height: 500px;
  }
}

@media (max-width: 1200px) {
  .hori-card .hori-card__img {
    height: 400px;
  }
  .accueil-intro {
    padding-top: 120px !important;
    padding-bottom: 160px;
  }
}
.titre-infolette-membre {
  display: none;
}
@media (max-width: 1000px) {
  .hori-card .hori-card__img {
    height: 300px;
  }
  .wpsm_row > div {
    float: none;
    margin: 0 auto;
  }
}
@media (max-width: 992px) {
  .titre-infolette-membre {
    display: block;
  }
}
.section-equipe {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
@media (min-width: 112.5em) {
  .section-equipe {
    max-width: 1600px;
    margin: 0 auto;
  }
}

.section-equipe-admin {
  background-color: #f4f2f2;
}

.card-member {
  position: relative;
  flex: 0 1 25%;
  background-color: #e7dfdf;
  margin-bottom: 1rem;
  overflow: hidden;
}
@media (max-width: 56.25em) {
  .card-member {
    flex: 0 1 50%;
  }
}
@media (max-width: 37.5em) {
  .card-member {
    flex: 0 1 100%;
  }
}
.card-member__side {
  width: 100%;
  backface-visibility: hidden;
  transition: all 0.8s ease;
}
.card-member__side--back {
  position: absolute;
  top: 100%;
  left: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  padding: 3rem 2rem;
  background-color: #fff;
  opacity: 0;
  transform: rotateX(100deg);
  transition: all 1s ease-in-out;
}
.card-member:hover .card-member__side--back {
  top: 0;
  transform: rotateX(0);
  opacity: 1;
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
}
.card-member__media {
  height: 30rem;
  overflow: hidden;
}
@media (min-width: 112.5em) {
  .card-member__media {
    height: 40rem;
  }
}
.card-member__content {
  position: relative;
  padding: 1.5rem 2rem;
  padding-top: 3.2rem;
}
.card-member__img {
  display: block;
  object-fit: cover;
  object-position: top;
  max-width: none;
  width: 100%;
  height: 100%;
}
@media (max-width: 37.5em) {
  .card-member__img {
    object-position: top;
  }
}
.card-member__title {
  text-transform: capitalize;
}
.card-member__title--front {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%);
  padding: 0.5rem 2rem;
  margin: 0;
  line-height: 1.3;
  background-color: #fff;
}
.card-member__poste {
  color: #999;
  font-size: 1.4rem;
  font-weight: 100;
}
.card-member__desc {
  max-height: 12rem;
  overflow: scroll;
}
.card-member__item {
  font-weight: bold;
}

.icon-left {
  margin-right: 1rem;
}

.all-admin {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
@media (max-width: 75em) {
  .all-admin {
    padding-left: 4%;
  }
}
@media (max-width: 56.25em) {
  .all-admin {
    justify-content: space-between;
    padding-left: 4%;
  }
}
@media (max-width: 37.5em) {
  .all-admin {
    justify-content: center;
  }
}

.all-equipe-admin {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
@media (max-width: 37.5em) {
  .all-equipe-admin {
    justify-content: center;
  }
}

.box-admin {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 0 1 32.5%;
  margin-bottom: 3rem;
}
@media (max-width: 75em) {
  .box-admin {
    flex: 0 1 32.5%;
  }
}
@media (max-width: 56.25em) {
  .box-admin {
    flex: 0 1 48.5%;
  }
}
@media (max-width: 37.5em) {
  .box-admin {
    flex: 0 1 70%;
  }
}
.box-admin:not(:last-child) {
  margin-right: 1rem;
}
.box-admin__box-img {
  position: relative;
  width: 12rem;
  height: 12rem;
  shape-outside: circle(50% at 50% 50%);
  clip-path: circle(50% at 50% 50%);
}
.box-admin__box-img:after {
  content: "Voir";
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0.2rem 0;
  color: #fff;
  border-bottom: 1px solid currentColor;
  opacity: 0;
  transition: all 0.5s;
}
.box-admin__box-img:hover .box-admin__img {
  cursor: pointer;
  filter: brightness(45%);
  transform: scale(1.05);
}
.box-admin__box-img:hover:after {
  cursor: pointer;
  top: 50%;
  opacity: 1;
  z-index: 1;
}
.box-admin__img {
  max-width: none;
  object-fit: cover;
  object-position: center;
  transition: all 0.5s;
  width: auto;
  height: 100%;
}
.box-admin__content {
  width: 100%;
  padding-left: 2rem;
}
.box-admin__title {
  line-height: 1.2;
  text-transform: capitalize;
  margin-bottom: 0.3rem;
}
.box-admin__poste {
  line-height: 1.2;
  margin-bottom: 0.3rem;
}
@media (max-width: 56.25em) {
  .box-admin__poste {
    width: 80%;
  }
}
@media (max-width: 37.5em) {
  .box-admin__poste {
    width: 100%;
  }
}
.box-admin .social-media__list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.box-admin .social-media__item:not(:last-child) {
  margin-right: 1rem;
}

/*NEW CUSTOM*/
h1 {
  text-transform: inherit;
}
h2 {
  font-size: 4rem;
  line-height: 4rem;
  font-weight: 200 !important;
  margin-bottom: 2rem;
}
h2.sub__title {
  text-align: center;
}
h3 {
  line-height: 3rem;
  margin-bottom: 1rem;
}
h4,
.widget-title {
  font-size: 1.8rem;
  line-height: 2.5rem;
  letter-spacing: 0.1rem;
  margin-top: 2rem;
  margin-bottom: 0rem;
}
h5 {
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: 0.1rem;
  margin-bottom: 1rem;
}
p {
  font-size: 1.6rem;
  line-height: 2.6rem;
  margin-bottom: 1rem;
}
.accueil-categories {
  padding: 40px;
}
.accueil-categories .wpb_single_image {
  padding: 50px;
  margin-bottom: 0px;
  margin-top: -110px;
}

.wpsm_counterbox .wpsm_number,
.wpsm_counterbox .counter {
  font-family: Montserrat, sans-serif !important;
}

header {
  z-index: 1000 !important;
}

.wpb_single_image {
  margin-bottom: 0px;
}
.img-contain .vc_column-inner {
  background-size: contain !important;
  background-position: right !important;
}

.single-projets
  .vc_row-has-fill
  + .vc_row
  > .vc_column_container
  > .vc_column-inner {
  padding-top: initial;
}
.wpb_gmaps_widget {
  margin-bottom: 0px;
}

.vc_row.container {
  margin-left: auto !important;
  margin-right: auto !important;
}
.post-edit-link {
  display: none;
}

.section-padding {
  padding-top: 80px;
  padding-bottom: 80px;
}
.section-fullwidth-padding .vc_column-inner {
  padding: 80px !important;
}

.noPad .vc_column-inner {
  padding: 0px !important;
}

.page-title {
  padding-top: 230px;
  margin-top: -100px;
  z-index: -1;
  padding-bottom: 160px;
}

.page-title h1,
.page-title h2 {
  color: white;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 1);
}

button {
  font-size: 2rem !important;
  font-family: montserrat;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  /* Cause un problème avec les boutons du slider dans lapage projet */
  /* padding: 20px 30px!important; */
}

/** HEADER **/

header {
  z-index: 1;
}
.logo-box {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  width: 20%;
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0), 0 6px 12px rgba(0, 0, 0, 0.02);
  padding: 30px 30px 24px 30px;
  background-color: white;
}
.logo-box img {
  max-height: 55px;
}

.nav__secondary {
  font-size: 1.1rem;
  background-color: #eff4f4;
}
.nav__secondary .menu li a {
  padding: 6px 10px 6px 10px !important;
}

.nav__primary {
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
}
.nav__primary a {
  padding: 1.5rem 2rem;
}
.nav__primary ul li {
  border-left: 1px solid #007632;
}

@media screen and (max-width: 1200px) {
  body.single-post {
    padding-top: 78px;
  }
}
.publication h4 span {
  color: #007632;
  font-size: 15px;
  line-height: 16px;
}

.publication h4::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #007632;
  padding-bottom: 20px;
  padding-right: 10px;
  float: left;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f1ea";
}

.lcp_paginator {
  margin-top: 20px;
  float: right;
}

.lcp_paginator li {
  border: 0px !important;
  padding: 0 10px !important;
}

.lcp_paginator li.lcp_currentpage {
  color: #007632;
  font-weight: 600;
}

/** ACCUEIL **/
.slider-accueil {
  margin-top: -200px;
  z-index: -1;
}

.accueil-titre h1 {
    text-shadow: 0px 0px 30px rgb(0 0 0 / 80%);
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 0px;
}
.accueil-intro {
  padding-top: 80px;
  padding-bottom: 180px;
  padding-left: 80px;
}

.a-la-une .bloc-a-la-une {
  width: 33%;
  padding-top: 30%; /* 1:1 Aspect Ratio */
  position: relative; /* If you want text inside of it */
}

.a-la-une .bloc-a-la-une .vc_column-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 50px;
  color: white;
  transition: all 0.5s ease-in-out;
}

.a-la-une .bloc-a-la-une .vc_column-inner:hover {
  transform: scale(1.05);
  z-index: 1000;
}

.a-la-une .bloc-a-la-une .vc_column-inner h3 {
  color: white;
}
.a-la-une .bloc-a-la-une .vc_column-inner .bouton {
  bottom: 20px;
  position: absolute;
}

.a-la-une .bloc-a-la-une .vc_column-inner .bouton button {
  padding: 0px !important;
  background: none;
  color: white;
}

.a-la-une .projets .vc_btn3-container {
  bottom: 20px;
  position: absolute;
}

/** PROJETS **/
.category__col {
}

.category__desc {
  color: #fff;
  margin: 4rem 0 2rem;
  overflow: inherit;
}

.project-box__text {
  overflow: hidden;
  max-height: 24rem;
  font-size: 1.2rem;
}
.category__col:not(:first-child) {
  border-left: 5px solid;
}
.project-box__side--back {
  padding: 2rem 5rem;
}

/** CAMPAGNES **/
.termine .hori-card__text::before {
  content: "Campagne terminée";
  display: block;
  color: white;
  padding: 3px 10px;
  background-color: #666;
  margin-bottom: 20px;
  width: fit-content;
  margin-top: -10px;
}

.post-categories li {
  list-style-type: none;
}

/**   A PROPOS - HISTORIQUE   **/
#tableau-historique .vc_tta-panels-container,
.onglets-dessus .vc_tta-panels-container {
  padding: 0px 40px;
  border: 2px solid #007632;
}

.onglets-dessus .vc_tta-panel-body {
  padding: 30px 0px !important;
}

.vc_tta-tab.vc_active > a {
  background-color: #007632 !important;
  color: #fff !important;
}

.historique-texte {
  border-bottom: 2px solid #f8f8f8;
}

.historique-texte .wpb_content_element {
  margin-bottom: 20px;
  display: flex;
}

.historique-texte .vc_column-inner {
  padding-top: 20px !important;
}

.historique-texte .vc_col-sm-3 {
  max-width: 140px;
}

.histoire-annee {
  float: left;
  width: 130px;
  margin-bottom: 10px;
  color: #007632;
}

.histoire-annee p {
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
}

.img-rapport {
  margin-bottom: -80px;
}

/** ÉQUIPE **/
.vc-hoverbox-front {
  transform: none !important;
  opacity: 1;
}
.vc-hoverbox-block {
  transition: opacity 2s;
}
.vc-hoverbox-back {
  transform: none !important;
}
.vc-hoverbox-front:hover {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.membres-equipe p {
  font-size: 1.4rem;
  line-height: 2.2rem;
}
.membres-equipe p em {
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.membre-equipe .wpb_text_column p {
  word-break: break-word !important;
}
#membres-ca .wpb_single_image {
  width: 115px;
  margin-left: -10px;
}

.vc-hoverbox-inner {
  height: 300px;
}
.vc-hoverbox-block-inner p {
  font-size: 12px;
  line-height: 20px;
  text-align: left;
}

/** ARCHIVES **/
#app h2 {
  font-size: 24px;
  line-height: 28px;
}

/** PUBLICATIONS / MÉDIAS **/
.lcp_catlist {
  list-style-type: none;
}
.lcp_catlist li {
  padding: 30px;
  background-color: white;
  margin-bottom: 40px;
}
.communiques .lcp_catlist li {
  padding: 0px;
  background-color: #eee;
  margin-bottom: 60px;
}
.lcp_catlist .button {
  display: block;
  padding: 10px 20px;
  background-color: #efb730;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 20px;
}
.lcp_catlist .date {
  display: block;
  border-top: 2px solid #ddd;
  padding: 15px 0px;
}
.communiques .lcp_catlist .date {
  border-top: 2px solid #fff;
}
.lcp_catlist a {
  display: block;
}
.lcp_catlist img {
  margin-bottom: 20px !important;
}

/** RESUME NQ **/
.resumenq .header,
.resumenq .footer,
.resumenq .copyright,
.resumenq .date {
  display: none;
}

/**  CONTACT  **/
form input[type="text"],
form input[type="email"],
form select {
  width: 100%!important;
  height: 50px!important;
  border: none!important;
  background-color: #f8f8f8!important;
  padding-left: 16px!important;
  color: rgb(153, 153, 153)!important;
  font-weight: 400!important;
  font-size: 1.4rem!important;
  letter-spacing: 0.05rem!important;
}


form input[type="submit"],
form button[type="submit"] {
  padding: 12px 20px!important;
  border: none!important;
  background-color: #007632!important;
  color: white!important;
  float: right!important;
  font-weight: 600!important;
  font-size: 1.6rem!important;
  letter-spacing: 0.05rem!important;
  text-transform: uppercase!important;
  margin-top: 1rem!important;
}

form textarea {
  width: 100%!important;
  height: 220px!important;
  border: none!important;
  background-color: #f8f8f8!important;
  padding-left: 16px!important;
  color: rgb(153, 153, 153)!important;
  font-weight: 400!important;
  font-size: 1.4rem!important;
  letter-spacing: 0.05rem!important;
}

form label {
  font-size: 1.3rem;
}

.contact-map {
  padding: 0px;
}

.contact-map .vc_column-inner,
.contact-map .wpb_wrapper,
.contact-map .wpb_gmaps_widget,
.contact-map .wpb_map_wraper,
.contact-map iframe {
  height: 100%;
}

.contact-map .vc_column-inner,
.contact-map .wpb_wrapper {
  padding: 0px;
}

/** Slick slider **/
.slick-dotted.slick-slider {
  margin-bottom: 0;
}

/** INFOLETTRE **/
.form-infolettre input {
  margin-bottom: 20px;
}

.form-infolettre .white {
  color: white;
  font-size: 12px;
}

/** RÉSEAUX SOCIAUX **/
ul.footer-sociaux__list {
  list-style-type: none;
}

/** FOOTER **/
footer {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
  padding-top: 5rem;
  padding-bottom: 5rem;
  margin: 0;
}

footer li {
  list-style-type: none;
}

footer p,
footer .footer-contact__item {
  font-size: 1.4rem;
  margin-bottom: 0px;
  font-weight: 400;
}

footer .footer-sociaux__item {
  background-color: #333;
}

footer .button {
  padding: 10px 20px;
  background-color: #efb730;
  color: white;
  text-transform: uppercase;
  text-align: center;
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 20px;
}

footer .projet-cat {
  padding: 4px 8px;
  color: white;
  width: fit-content;
  margin-bottom: 2px;
  font-weight: 600;
}

footer .widget_media_image {
  margin-top: 40px;
}

.copyright p {
  font-size: 1.1rem;
}

.coul-main {
  color: #007632;
}

.bgcoul-foret {
  background-color: #245925;
}
.bgcoul-energie {
  background-color: #7cc5ae;
}
.bgcoul-biodiversite {
  background-color: #efb730;
}
.bgcoul-urbain {
  background-color: #78b632;
}

.nav-mobile-logo {
  position: absolute;
  position: absolute;
  top: 11px;
  left: 16px;
  margin-left: 8px;
}

.nav-mobile-logo img {
  height:55px;
  width: auto;
  margin-bottom: -4px;
}
.nav--mobile,
.nav__secondary {
  background-color: white;
}
.nav__primary ul li {
  background-color: #007632;
}
.nav__primary ul li a {
  color: #fff;
}
.nav__primary li:last-child {
  background-color: #efb730;
}

.nav--mobile li.menu-apropos > a {
  pointer-events: none;
}

.nav--mobile li.menu-projets ul.sub-menu,
.nav--mobile li.menu-implique ul.sub-menu {
  display: none;
}

.wpsm_counterbox .wpsm_count-title {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 600 !important;
}

.liste-publications h4 span a {
  padding-left: 26px !important;
  display: block !important;
}

.liste-organismes .vc_toggle_content ul li {
  padding: 4px 0px;
  font-weight: 600;
}

.logos-partenaires {
  margin-right: 100px;
  margin-left: 300px;
}

.vc_custom_1559233293378 {
  margin-right: 75px;
  margin-left: 75px;
}

.bloc-question .vc-column-inner {
  padding-top: 20px;
  padding-right: 30px;
  padding-bottom: 20px;
  padding-left: 30px;
}

.vc_custom_1555008853134 {
  padding-top: 200px;
}

.show-mobile {
	display:none;
}

@media screen and (max-width: 1024px) {
  .nav--mobile .nav__secondary ul.menu li {
    width: 100%;
    font-size: 16px;
    line-height: 36px;
  }

  .nav--mobile .nav__secondary ul.menu li.social {
    float: left;
    width: 20px;
    text-align: center;
    margin-top: 20px;
    margin-right: 10px;
  }

  .nav--mobile .nav__secondary ul.menu li a {
    padding: 10px 6px;
  }

  #footer-sidebar-1 {
    flex-basis: 60%;
  }

  footer p,
  footer .footer-contact__item {
    font-size: 1.8rem;
    margin-bottom: 8px;
    font-weight: 400;
  }

  footer .footer-options {
    display: block;
  }

  footer #footer-sidebar-2 {
    width: 50%;
    float: left;
    padding-right: 30px;
    padding-bottom: 50px;
  }

  footer #footer-sidebar-4 {
    width: 100%;
    margin-top: 30px;
  }

  .membres-equipe .vc-hoverbox-wrapper,
  .membres-equipe .vc-hoverbox-wrapper .vc-hoverbox {
    height: 380px;
  }

  .bouton-form-poste a {
    text-align: left !important;
    max-width: 300px;
  }
}

@media screen and (max-width: 960px) {
  .a-la-une .bloc-a-la-une {
    width: 100%;
    padding-top: 40%; /* 1:1 Aspect Ratio */
  }

  .vc_cta3 .vc_cta3-actions {
    display: inline-block !important;
  }
}

@media screen and (max-width: 768px) {
  .page-title {
    padding-bottom: 50px;
    margin-top: 100px;
  }
  .page-title h2 {
    font-size: 3.2rem;
    line-height: 3.6rem;
    font-weight: 400 !important;
  }
  .section-padding {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .section-fullwidth-padding .vc_column-inner {
    padding: 50px !important;
  }

  .accueil-categories {
    margin-top: 0px;
    padding: 40px;
  }

  .accueil-communiques {
    display: block!important;
  }

  .accueil-communiques .accueil-communique {
    width: 100%;
    margin-bottom: 30px;
  }

  #app h2 {
    font-size: 20px;
    line-height: 24px;
    margin-top: 5px;
  }
  #app .filtres {
    width: 100%;
  }
  #app .resultats {
    width: 100%;
    padding: 0px;
    margin-top: 20px;
  }
  #app .file-infos {
    display: block;
  }
  #app .download {
    display: inline-block;
    border-radius: 0px 0px 30px 30px;
    margin-bottom: -10px;
  }
  #app .download .download-text {
    display: block;
  }
  #app .download .download-text i {
    width: auto;
    float: left;
    margin-right: 10px;
    font-size: 40px;
    margin-bottom: 0px;
  }
  #app .download .download-text p {
    float: left;
    text-align: left;
    font-size: 16px;
    padding-top: 4px;
  }

  .accueil-categories .wpb_single_image {
    margin-top: 0px!important;
  }

  .a-la-une .bloc-a-la-une {
    width: 100%;
    padding-top: 50%; /* 1:1 Aspect Ratio */
  }

  .bloc-a-la-une p {
    font-size: 2.4rem;
    letter-spacing: 1px;
  }

  .bloc-a-la-une h3 {
    font-size: 4rem;
    line-height: 4.4rem;
  }

  .impliquez-vous .vc_col-xs-6:last-of-type {
    float:none;
  }

  .accueil-categories h3 {
    font-size: 14px;
    line-height: 16px;
  }

  .accueil-categories .vc_col-sm-3 .vc_column-inner {
    padding: 0px;
	  display:inline-block;
  }

  .accueil-categories .vc_col-sm-3 .vc_column-inner .wpb_single_image {
    padding: 0px 22px;
  }

  .bouton-partenaires a,
  .bouton-equipe-ca a {
    max-width: 280px;
    text-align: left !important;
  }

  .membres-equipe .vc-hoverbox-wrapper,
  .membres-equipe .vc-hoverbox-wrapper .vc-hoverbox {
    height: 450px;
  }

  .membres-equipe .vc_column-inner {
    padding: 0px 5px;
  }
  .vc-hoverbox-block-inner p {
    font-size: 12px;
    line-height: 15px;
    text-align: left;
  }

  .post-259 page-title {
    padding-bottom: 200px !important;
  }

  .appel-action-mobile {
    margin-left: -16px !important;
  }
  .hidden-desktop {
    display: block !important;
  }
}

.accueil-intro {
  min-height: 300px !important;
}
.vc_btn3-left a {
  text-align: left !important;
}
.btn-decouvrez a {
  width: 230px;
}

@media screen and (max-width: 640px) {
	.show-mobile {
		display:block;
	}
	.hide-mobile {
		display:none;
	}
	
  h1,
  h2,
  h3,
  h4,
  p {
    word-break: break-word;
  }
  h3 {
    font-size: 2.2rem;
  }
  h4 {
    font-size: 2.4rem;
    line-height: 3.4rem;
  }
  .nav-mobile-logo img {
    height: 55px;
    width: auto;
  }

  .accueil-intro {
    padding-bottom: 0px;
    padding-left: 20px;
    min-height: 300px !important;
  }
  .a-la-une .bloc-a-la-une {
    width: 100%;
    padding-top: 60%; /* 1:1 Aspect Ratio */
    position: relative; /* If you want text inside of it */
  }

  .hori-card__media {
    display: block;
    width: 100%;
  }
	
	footer #footer-sidebar-4 {
		margin-top: 0px;
	  }
	
	footer h4.has-sub-menu {
		margin-bottom: 6px;
	  }

  .impliquez-vous figure {
    width: 100%;
    text-align: center;
  }

  .wpb_gallery_slides ul li {
    width: 100%;
  }
  .wpb_gallery_slides ul li a img {
    margin: 0 auto;
  }

  .impliquez-vous figure img {
    max-width: 100%;
    text-align: center;
    margin-bottom: -25px;
  }

  .post-259 page-title {
    padding-bottom: 100px !important;
  }

  .membres-equipe .vc-hoverbox-wrapper,
  .membres-equipe .vc-hoverbox-wrapper .vc-hoverbox {
    height: 320px;
  }

  .logo-mobile .je-donne {
    float: right;
    margin-top: 28px;
    right: 60px;
    position: absolute;
  }
  .logo-mobile .je-donne a {
    color: #efb730;
  }
  .logo-mobile .je-donne p {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
  }

  .nav--mobile .nav__secondary {
    margin-bottom: 0px;
  }

  .nav--mobile .nav__secondary ul.menu li {
    line-height: 30px;
  }

  footer #footer-sidebar-2,
  #footer-sidebar-1 {
    width: 100%;
    float: none;
    padding-bottom: 3px;
  }

  .a-la-une .bloc-a-la-une .vc_column-inner {
    padding: 20px;
  }

  p {
    font-size: 2rem;
    line-height: 3rem;
  }

  .vc_cta3 {
    padding: 0px !important;
  }

  .vc_cta3 .vc_cta3-icons {
    display: none !important;
  }

  .vc_general.vc_cta3.vc_cta3-icons-on-border.vc_cta3-icons-left.vc_cta3-icon-size-xl {
    margin-left: 0px !important;
  }

  .vc_general.vc_cta3.vc_cta3-icons-on-border.vc_cta3-icons-left.vc_cta3-icon-size-xl
    .vc_cta3_content-container {
    padding-left: 0px !important;
  }

  .call-action {
    margin: 0px;
    padding: 0px;
  }

  .bouton-rapport a {
    letter-spacing: 0px;
    text-align: left !important;
  }

  #membres-ca .wpb_single_image {
    margin-left: -25px;
  }

  .logos-partenaires {
    margin: 0px !important;
  }

  .logos-partenaires {
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
  }
  .logos-partenaires .vc_inner {
    margin: 0px !important;
  }

  .devenir-organisme {
    margin: 0px 20px;
  }

  .devenir-organisme a {
    text-align: left !important;
  }

  #devenir-membre .noPad .vc_column-inner,
  #infolettre .noPad .vc_column-inner {
    padding: 12px !important;
  }

  #emplois {
    padding-bottom: 0px !important;
  }

  .hide-mobile {
    display: none;
  }

  .icone-devenir-membre .wpb_single_image,
  .icone-infolettre .wpb_single_image {
    width: 140px;
    text-align: left;
    margin-bottom: 0px;
  }
  .icone-devenir-membre .wpb_single_image {
    margin-left: -20px;
  }
  .wp-image-540 {
    margin-bottom: 20px !important;
  }

  .bloc-question .vc-column-inner {
    padding: 0px;
  }
  #post-167 .page-title h2 {
    display: none;
  }

  .title-nous-joindre .vc_parallax-inner {
    background-position: 0% !important;
  }

  .post-type-archive-projets .category-icon__img {
    margin-bottom: -20px;
  }

  .project-box__text {
    font-size: 1.4rem;
  }

  .communature-bloc-jaune img {
    width: 60px !important;
  }
}

.vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title {
  background-color: #007632;
}

@media screen and (max-width: 460px) {
  .a-la-une .bloc-a-la-une {
    width: 100%;
    padding-top: 100%; /* 1:1 Aspect Ratio */
    position: relative; /* If you want text inside of it */
  }
  .wpb_text_column img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
}

/** RESPONSIVE **/
@media (max-width: 75rem) {
  .page-title {
    padding-top: 160px;
    margin-top: 0px;
    padding-bottom: 60px;
  }

  .accueil-categories .wpb_single_image {
    padding: 0px;
    margin-bottom: 10px;
    margin-top: -115px;
  }

  .post-type-archive-projets .all-project {
    width: 66%;
  }

  .category__row .category__col--1 {
    max-width: 34%;
  }
}

@media (max-width: 48rem) {


  .page-title {
    margin-top: 0px;
    padding-bottom: 30px;
  }

  /* ACCUEIL >Texte du slider: Marge en haut */
  .accueil-intro .img-contain {
    margin-top: 40px;
  }

  .accueil-categories .wpb_single_image {
    margin-top: 0px !important;
  }

  .post-type-archive-projets main,
  .post-type-archive-campagnes main {
    padding-top: 90px;
  }

  .post-type-archive-projets .category__row {
    display: block;
    height: auto;
  }

  .post-type-archive-projets .all-project {
    width: 100%;
  }

  .post-type-archive-projets .category__row .category__col {
    max-width: 100%;
  }
  .post-type-archive-projets .category__row .slick-slider {
    position: relative;
    height: 400px;
  }

  /* À PROPOS: Historique: Mettre les onglet full-width + padding dans le container du texte */
  #tableau-historique .vc_tta-panels-container {
    padding: 0px;
  }
  #tableau-historique .vc_tta-panel .vc_tta-panel-body {
    padding: 20px;
  }
  #tableau-historique .histoire-annee {
    float: none;
  }

}

@media (max-width: 45rem) {
  .category-icon__list {
    display: inline-block;
    padding: 20px !important;
  }
  .category-icon__item {
    float: left;
    width: 50%;
    padding: 10%;
  }
  .post-type-archive-campagnes .hori-card__img,
  .post-type-archive-campagnes .hori-card__media {
    width: 100% !important;
    text-align: center;
    margin: 0 auto;
  }
  .post-type-archive-projets .category__row .category__col .category-icon__img {
    max-width: 120px;
  }
  .post-type-archive-projets .category__row .category__col .category__desc {
    margin: 0px 0px 40px 0px;
  }
}
@media (max-width: 21rem) {
  .logo-mobile .je-donne p {
    font-size: 15px;
  }
  h2 {
    font-size: 3.6rem;
    line-height: 4rem;
  }
  h3 {
    font-size: 2.6rem;
  }
}

/*------------------------------------*\
  Section à la une
\*------------------------------------*/
/* 0 -> 600px: Phone
600px -> 900px: Tablet portrait
900px -> 1200px: Tablet Landscape
[1200 -> 1800]: Là où notre style normal s'affiche
1800px + : Big desktop */
/* 1em = 16px */
.a_la_une_container {
  display: flex;
  flex-wrap: wrap;
}

.a_la_une_container_item {
  display: flex;
  flex-direction: column;
  padding: 15px;
}

.a_la_une_container_item img {
transition: transform .5s ease;
}

.a_la_une_container_item:hover img {
    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
    transform: scale(1.05);
}

.a_la_une_container_item_post {
  margin-top: 15px;
  margin-bottom: 0px;
  color: #1c7632;
  font-weight: bolder;
  text-transform: uppercase;
}

h4.a_la_une_container_item_titre {
  margin-top: 10px;
  margin-bottom: 1rem;
}

.a_la_une_container_item:hover h4.a_la_une_container_item_titre {
  color:#77b531;
}


/* Nouvelles */

.nouvelles {
  background-color: #eff4f4;
}
.container_nouvelle h2 {
  margin-bottom: 40px;
}

.section_nouvelles article {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.section_nouvelles article a.img {
  width: 40%;
}

.section_nouvelles article img {
  width: 100%;
}
.nouvelle_contenu_container {
  width: 60%;
  background-color: white;
}

.publications .nouvelle_contenu_container {
  width: 75%;
  background-color: white;
}
.nouvelle_contenu {
  padding: 30px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.nouvelles_datebtn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.nouvelles_container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  flex-wrap: wrap;
}

.nouvelles_container .section_filtres {
  width: 23%;
}

@media screen and (max-width:600px) {
	.searchandfilter select.sf-input-select {
		min-width: 100%;
		height: 40px;
		padding-left: 20px;
		font-size: 16px;
	}
}


.searchandfilter ul li li {
	padding:0px;
}

.searchandfilter .chosen-container {
	width:100%!important;
}
.searchandfilter .chosen-container .chosen-choices {
	background-image:none;
	border-color:#ddd;
	border-radius:6px;
	padding: 6px;
	background-color: rgba(255,255,255,0.8);
}

.chosen-container-multi .chosen-choices li.search-choice {
	background-image: none;
    background-color: #eee;
    border: 0px;
    padding: 8px 20px 8px 12px;
	letter-spacing: 0.5px;
}

.searchandfilter li.sf-field-search label {
	width:100%;
}

.searchandfilter li.sf-field-search label input{
	border-radius:30px;
	background-color:white;
}

.nouvelles_container .section_nouvelles {
  width: 70%;
}

.section_nouvelles h3 {
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0;
}

.section_nouvelles div.img {
	width:40%;
	background-color:white;
}

.section_nouvelles .publications div.img {
	width:25%;
}

.section_nouvelles article {
	width:100%;
	background-color:white;
}

.section_nouvelles article:hover {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}

.section_nouvelles article:hover h3 {
	color:#77b531;
}

.section_nouvelles article:hover .btn_nouvelle {
	background-color:#77b531;
}

.date {
  color: #1c7632;
  font-family: montserrat;
  font-weight: bold;
  margin: 0;
}
.btn_nouvelle {
  padding: 8px 20px;
  background-color: #eeb730;
  color: white;
  font-family: montserrat;
  font-weight: bold;
}
.nouvelle_contenu .texte {
  letter-spacing: 0;
	font-size: 14px;
	line-height: 22px;
}
.section_nouvelles .pagination {
  text-align: end;
}
.section_nouvelles .pagination .current {
  color: #1c7632;
  font-family: montserrat;
  font-weight: bold;
}
.date_container {
  width: 70%;
}
.nouvelle_tag_container {
  display: flex;
  flex-wrap: wrap;
}
.nouvelle_tag {
  color: #77b531;
  font-size: 12px;
	line-height: 12px;
  font-weight: bold;
  margin-bottom: 0;
}

.lien-retour {
  width: 100%;
  margin-bottom: 30px;
  display: block;
}

.a_la_une_container_item {
    width: 33%;
  }

@media screen and (max-width: 1200px) {
  .nouvelles {
    margin-top: 30px;
  }
}


@media (max-width: 112.5em) {
  
  .section_nouvelles {
    width: 70%;
  }
  .section_filtres {
    width: 25%;
  }
  .section_nouvelles article a.img {
    width: 50%;
  }
  	.nouvelle_contenu_container,
	.publications .nouvelle_contenu_container {
    width: 50%;
    background-color: white;
  }
}

@media (max-width: 75em) {
  .nouvelles {
    margin-top: 100px;
  }
  .a_la_une_container_item {
    width: 33%;
  }
  .section_nouvelles {
    width: 70%;
  }
  .section_filtres {
    width: 25%;
  }
  .section_nouvelles article a.img {
    width: 40%;
  }
  	.nouvelle_contenu_container,
	.publications .nouvelle_contenu_container {
    width: 60%;
    background-color: white;
  }
}

@media (max-width: 56.25em) {
	.nouvelles {
   	 margin-top: 75px;
	}
  .accueil-titre h1 {
    font-size: 32px;
    line-height: 40px;
  }

  .a_la_une_container {
    margin: 0px;
    width: 100%;
  }

  .a_la_une_container_item {
    width: 50%;
  }
	
  .accueil-communiques .accueil-communique {
    margin-bottom: 40px;
  }
  .nouvelles_container .section_nouvelles {
    width: 60%;
  }
  .nouvelles_container .section_filtres {
    width: 35%;
  }
  .section_nouvelles article div.img {
    width: 100%;
  }
	
	.section_nouvelles article.publications {
		padding-top:20px;
	}
  .nouvelle_contenu_container,
	.publications .nouvelle_contenu_container {
    width: 100%;
    background-color: white;
  }
	.section_nouvelles .publications div.img {
    	width: 40%;
		margin-left: 30px; 
	}

}

@media (max-width: 37.5em) {
	form label {
	  font-size: 1.6rem;
	}
  .a_la_une_container_item {
    width: 100%;
	  margin-bottom:30px;
  }
	.a_la_une_container_item .item_date,
	.accueil-communique .item_date {
		font-size:14px;
	}
	.a_la_une_container_item h4.a_la_une_container_item_titre,
	.accueil-communique h4.a_la_une_container_item_titre {
		margin-top:4px;
	}
  .nouvelles_container .section_nouvelles {
    width: 100%;
  }
	
  .nouvelles_container .section_filtres {
    width: 100%;
    margin-bottom: 20px;
  }

  .section_filtres .sf-field-category ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .section_filtres .sf-field-category ul > li {
    margin-right: 0px;
    width: 50%;
	display:flex;
  }
	.section_filtres .searchandfilter label {
		line-height:15px;
		margin-bottom:8px;
	}

  .searchandfilter ul li {
    padding: 0px;
  }

  .section_nouvelles article a.img {
    width: 100%;
  }
  .nouvelle_contenu_container {
    width: 100%;
    background-color: white;
  }
}


/* PAGINATION */
.pagination a.next {
  padding: 8px 20px;
  background-color: #007632;
  color: white;
  font-family: montserrat;
  font-weight: bold;
  margin-left: 60px;
}

.pagination a.prev {
  padding: 8px 20px;
  border: 2px solid #007632;
  color: #007632;
  font-family: montserrat;
  font-weight: bold;
  margin-right: 60px;
  float: left;
}

.pagination a.next:hover {
  background-color: #eeb730;
}

.pagination .page-numbers {
  padding: 0px 6px;
}

/* BACK TO TOP BUTTON */

.top-link {
  transition: all .25s ease-in-out;
  position: fixed;
  bottom: 0;
  right: 0;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  margin: 0 2em 2em 0;
  border-radius: 50%;
  padding: .25em;
  width: 60px;
  height: 60px;
  background-color: #17aa55;
  z-index: 10;
}
  
.top-link.show {
  visibility: visible;
  opacity: 1;
}
  
.top-link.hide {
  visibility: hidden;
  opacity: 0;
}

.top-link svg {
  fill: #fff;
  width: 24px;
  height: 12px;
}

.top-link:hover {
  background-color: #28285b;
}

.top-link:hover svg {
  fill: #000000;
}

.screen-reader-text {
  position: absolute;
  clip-path: inset(50%);
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  clip: rect(1px, 1px, 1px, 1px); 
}

.screen-reader-text:focus {
    display: block;
    top: 5px;
    left: 5px;
    z-index: 100000; // Above WP toolbar
    clip-path: none;
    background-color: #19934a;
    padding: 15px 23px 14px;
    width: auto;
    height: auto;
    text-decoration: none;
    line-height: normal;
    color: #444;
    font-size: 1em;
    clip: auto !important;
}

/* AJUSTEMEWNT WP BAKERY */

.uc_overlay_hover_carousel .uc_overlay_hover_carousel_container_holder .uc_overlay_hover_carousel_content {
    width: 100%!important;
    height: 100%!important;
}

/* CARIBOU JE T'AIME FORM */
@media (max-width: 1140px) {
	.single-campagnes.caribou-je-taime #newwwton_sondages__iframe {
		height:910px;
	}
}
@media (max-width: 940px) {
	.single-campagnes.caribou-je-taime #newwwton_sondages__iframe {
		height:1340px;
	}
}
@media (max-width: 840px) {
	.single-campagnes.caribou-je-taime #newwwton_sondages__iframe {
		height:1220px;
	}
}
@media (max-width: 740px) {
	.single-campagnes.caribou-je-taime #newwwton_sondages__iframe {
		height:1120px;
	}
}

@media (max-width: 620px) {
	.single-campagnes.caribou-je-taime #newwwton_sondages__iframe {
		height:940px;
		width: 110%;
    	margin-left: -5%;
	}
}
@media (max-width: 420px) {
	.single-campagnes.caribou-je-taime #newwwton_sondages__iframe {
		height:1000px;
	}
}
/* Fichier new style */
@import "new-styles.css";