/*--------------------------------------------------------------
Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

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

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
  margin-right: 5px;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-webkit-tap-highlight-color:transparent
}

button {
    text-decoration: none;
    outline: 0;
}

a {
    outline: 0;
    color: #000;
    text-decoration: none;
    transition: color 300ms cubic-bezier(0.4, 0.8, 0.74, 1);
}

a:link, a:visited:link {
    -webkit-tap-highlight-color: transparent;
}

p a {
    text-decoration: underline;
}

img.scale-with-grid {
    display: block;
    height: auto !important;
    width: 100% !important;
}

.transition {
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
        -ms-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
}

.transition2 {
    -webkit-transition: visibility 0s 1s,-webkit-transform 1s cubic-bezier(.75,0,.25,1);
    transition: visibility 0s 1s,-webkit-transform 1s cubic-bezier(.75,0,.25,1);
    transition: transform 1s cubic-bezier(.75,0,.25,1),visibility 0s 1s;
    transition: transform 1s cubic-bezier(.75,0,.25,1),visibility 0s 1s,-webkit-transform 1s cubic-bezier(.75,0,.25,1);
    will-change: transform;
}


/**
 * Owl Carousel v2.3.3
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.posts__list__bg {
    width: 100%;
    height: 100%;
    background: rgba(51,180,175,.1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

/*--------------------------------------------------------------
Fonts
--------------------------------------------------------------*/
@font-face {
  font-family: "Cobalte";
  font-style: normal;
  font-weight: 400;  
  src: local('Cobalte Light'),
       url('../fonts/Cobalte-Light.woff') format('woff'),
       url('../fonts/Cobalte-Light.ttf') format('ttf'),
       url('../fonts/Cobalte-Light.eot') format('eot'),
       url('../fonts/Cobalte-Light.svg#Cobalte-Light') format('svg');
}

@font-face {
  font-family: "Cobalte";
  font-style: normal;
  font-weight: 600;  
  src: local('Cobalte Regular'),
       url('../fonts/Cobalte-Regular.woff') format('woff'),
       url('../fonts/Cobalte-Regular.ttf') format('ttf'),
       url('../fonts/Cobalte-Regular.eot') format('eot'),
       url('../fonts/Cobalte-Regular.svg#Cobalte-Regular') format('svg');
}




/*--------------------------------------------------------------
Structure
--------------------------------------------------------------*/

body {
    color: #666;
    background: #fff;
    font-family: "Cobalte",Helvetica,Arial,sans-serif;
    font-weight:400;
    /*font-size:100%;*/
    font-size: 1.4rem;
    cursor: default;
}

body, html {
	width: 100%;
  height: auto;
}


html {
  font-size: 62.5%;
  /*font-size: calc(1em * 0.625); IE */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

.size-thumbnail{width:33%; height:auto;}
.size-medium{width:50%; height:auto;}
.size-large{width:100%; height:auto;}
.size-full{max-width:100%; height:auto;}
.alignleft{position:relative; display:block; float:left; margin:0 1.5em 1.5em 0;}
.alignright{position:relative; display:block; float:right; margin:0 0 1.5em 1.5em;}
.aligncenter{position:relative; display:block; clear:both; margin: 1.5em auto;text-align: center;}
/*.textZone :focus{outline:none}*/

.wp-block-embed__wrapper {
  display: inline-block;
}


p img {
    display: block;
    max-width: 100%;
    height: auto;
}

h4 {
    font-size: 3.2rem;
    line-height: 3.2rem;
    text-align: left;
    text-transform: none;
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0 0 10px 0;
    color: #33b4af;
    font-weight: 400;

    /*transform: rotate(90deg) scaleX(-1) translateX(0px) translateY(-0px);
    position: absolute;
    top: 15px;
    left: -15px;
    transform-origin: top left;
    z-index: 200;*/

}
h4 span {
    background: #4ba055;
    padding: 5px 12px;
    position: relative;  
    box-decoration-break: clone;    
    -webkit-box-decoration-break: clone;
}

h4 {
  padding-left: 32px;
}
h4:before {
  content: "";
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);  
  top: 50%;
  left: 0;
  width: 20px;
  height: 22px;
  background-image: url('../images/calendar.svg');
  background-size: cover;
}

h2 {
    font-size: 2rem;
    line-height: 2.6rem;
    text-align: left;
    text-transform: none;
    position: relative;
    padding: 0;
    margin: 20px 0 36px 0;
    font-weight: 600;
    display: inline-block;
    /*letter-spacing: .07rem;*/
}

h3 {
    font-weight: 600;
    font-size: 2.0rem;
    line-height: 2.5rem;
    letter-spacing: normal;
    margin: 0 0 5px 0;    
    text-align: left;
    text-transform: none;
    position: relative;
    padding: 0;
    color: #33b4af;
    /*color: #666*/
    font-weight: 600;
    display: inline-block;
    width: 100%;
    letter-spacing: normal;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;    
}
h3:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 1px;
    left: 0;
    bottom: -10px;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    background: #33b4af;
}

/*h4 {
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: left;
    text-transform: uppercase;
    position: relative;  
    display: inline-block; 
    letter-spacing: .07rem; 
}
h4:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 10px;
    bottom: -2px;
    background: #000;
}*/

h5 {
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 600;
    margin-bottom: 10px;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    letter-spacing: .07rem;
}

h6 {
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 600;
    margin-bottom: 10px;
    color: #4ba055;
    text-align: left;
    text-transform: none;
    position: relative;
    display: inline-block;
    width: 100%;
}

input, select, th, td {font-size:1em;}

.is-type-video .wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.is-type-video .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wp-block-latest-posts {
      margin-top: 10px;
}
.wp-block-latest-posts li {
    display: block;
    position: relative;
    margin-bottom: 20px;  
}
.wp-block-latest-posts li a {
    color: #4ba055;
    font-size: 1.6rem;
    line-height: 2.1rem;
    font-weight: 400;
    letter-spacing: normal;
}

.wrapper {
    width:100%;
    overflow: hidden;
}

section {
    position: relative;
    padding: 0 0 50px 25vw;
}

@media screen and (max-width: 1000px) {

  section {
      padding-top: 120px;
      padding-left: 0;
  }


}

/*--------------------------------------------------------------
Pétitions
--------------------------------------------------------------*/

a.JumpToForm {
  display: none;
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  background: #d96639;
  text-transform: uppercase;
  text-align: center;
  padding: 15px;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
}
a.JumpToForm:hover {
  color: #fff;
}

.petition-title {
    display: block;
    background: #d96639;
    color: #fff;
    text-transform: uppercase;
    font-size: 2rem;
    margin-bottom: 20px;
    text-align: left;
    font-weight: 600;
    padding: 5px 12px;
}

/*#petition .article-container {
    width: 60%;
}*/

.petition-header {
    max-width: 100%;
    text-align: justify;
    position: relative;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}
.petition-content {
    max-width: 100%;
    text-align: justify;
    position: relative;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}

.petition-content {
    margin: 20px 0 30px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

.petition-desc-content {
    width: 60%;
    padding: 0 20px 0 0;
    /*background: #dfeee0;*/
}
.petition-form-content {
    width: 40%;
}

#petition .article-sidebar-content {
    padding: 20px;
}
.petition-desc {
  position: relative;
  /*height: 100%;*/
  overflow: hidden;
  /*overflow-y: scroll;*/
    text-align: justify;
    font-size: 1.6rem;
    line-height: 2.1rem;
    font-weight: 300;
    letter-spacing: normal;
    /*padding-bottom: 20px;*/
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;  
}
.petition-form {
  position: relative;
  margin-top: 0;
  background: #4ba055;
  padding: 20px;
  text-align: center;
}
.mCSB_container {
  padding-right: 30px;
}
#petition_form .newsletter-form-control-wrap {
    width: 100%;
    padding: 0;
}
#petition .article-share {
    margin-top: 0;
    margin-bottom: 0;
    background: transparent;
    display: block;
    padding: 20px;
    text-align: center;
    width: 100%;
}
#petition .article-share span{
    margin-bottom: 10px;
}
#petition .more {
  display: none;
}
.petition-more {
    margin-bottom: 20px;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
    width: 100%;
    display: block;
    text-decoration: underline;
}
#petition .newsletter-submit {
    margin-bottom: 0px;
    background: #d96639;
}
.petition-count {
  position: relative;
  color: #fff;
  display: inline-block;
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  /*background: #d96639;*/
  padding: 5px 20px 5px 45px;  
  margin-top: 10px;
}
.petition-count span {
  font-size: 2.5rem;
}
.petition-count:before {
content: "";
    position: absolute;
    left: 16px;
    top: 4px;
    background: url(../images/user.svg) center center transparent no-repeat;
    background-size: contain;
    width: 20px;
    height: 26px; 
}

@media screen and (max-width: 1000px) {

  .petition-desc-content, .petition-form-content {
      width: 100%;
  }
  a.JumpToForm {
    display: inline-block;
  }
  .petition-desc-content {
      padding: 0;
  }  
}

#single.petition .article-container {
  /*width: 100%;*/
}
#single.petition .article-sidebar {
  /*display: none;*/
}

body:not(.page-template-home) .wpcf7 {
    background: #4ba055;
    text-align: center;
    padding: 20px;
}

body:not(.page-template-home) .wpcf7 .screen-reader-response {
  color: #fff;
  margin-bottom: 20px;
  font-size: 1.6rem;
}

body .wrapper .dk-speakout-petition-wrap {
    background: #4ba055;
    color: #fff;
    text-align: center;
    padding: 0 0 20px 0;
    width: 100%;
    border-radius: 0;
    border: 0;
    box-shadow: none;
}
body .wrapper .dk-speakout-petition-wrap h3 {
    color: #fff;
    margin: 0 0 20px 0;
    padding: 0;
    background: none;
    border: none;
    text-shadow: none;
    box-shadow: none;
    text-align: center !important;
    background: #9fbc3d;
    width: 100%;
    padding: 20px;
    position: relative;
}
.dk-speakout-petition-wrap h3:after {
    display: none;
}
.dk-speakout-petition-wrap h3:before  {
    content: "SIGNEZ LA pétition";
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 2.5rem;
    font-weight: 600;
    position: relative;
    display: block;
    text-decoration: underline;
}

.dk-speakout-message, .dk-speakout-share, .dk-speakout-readme {
  display: none !important;
}

.dk-speakout-petition {
  text-align: center;
  display: inline-block;
  margin: auto;
  width: 100%;
  max-width: 500px;  
  padding: 0 20px;
}

.dk-speakout-petition input {
  margin-bottom: 15px !important;
}
.dk-speakout-error {
  border: 1px solid #ff0000 !important;
}

.dk-speakout-petition label {
width: 100%;
    text-align: left;
    display: inline-block;
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: #fff;
    font-weight: 600;
}
.dk-speakout-petition label a {
    color: #fff;
    text-decoration: underline;
}
.dk-speakout-privacypolicy-wrap label, .dk-speakout-optin-wrap label {
  text-transform: none;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.8rem; 
  text-align: left;
  flex: 1 1; 
}
.dk-speakout-privacypolicy-wrap div, .dk-speakout-optin-wrap div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: flex-start;
    /* -ms-flex-align: center; */
    align-content: flex-start;
    align-items: center;
}

.dk-speakout-half, .dk-speakout-full {
/*  position: relative;
  text-align: center;
  display: inline-block;
  width: 50%;
  padding: 0 5px;*/
}
.dk-speakout-petition .dk-speakout-half {
    width: 100% !important;
}

.dk-speakout-signature-count {
    color: #fff;
    margin-bottom: 0;
    font-size: 1.8rem;
    font-weight: 600;    
}
.dk-speakout-signature-count span {
    font-size: 2.6rem;
}

.dk-speakout-response p {
  text-align: center;
}

/*--------------------------------------------------------------
Qui Sommes-nous ?
--------------------------------------------------------------*/

.wp-block-columns.equipe img {
  border-radius: 100%;
  width: 200px;
  height: 200px;
  border: 3px solid #dfeee0;
  overflow: hidden;
}

.wp-block-columns {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

@media (min-width: 600px) {

  .wp-block-columns.reseaux .wp-block-column:first-child {
      flex-basis: 30%;
  }
  .wp-block-columns.reseaux .wp-block-column:last-child {
      flex-basis: 70%;
  }  

  .wp-block-column:nth-child(odd) {
      padding-right: 32px;
      margin-right: 0;
  }

  .wp-block-column:not(:last-child) {
      padding-right: 32px;
      margin-right: 0;
  }

  .wp-block-column:not(:first-child), .wp-block-column:nth-child(2n) {
      padding-left: 32px;
      margin-left: 0;
  }

}


/*--------------------------------------------------------------
Home
--------------------------------------------------------------*/

.banner {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 0 40px 0;
    padding-bottom: 30%;
    /*min-height: 70vh;*/
    /*background: rgba(0,0,0,0.1);*/
    background: #dfeee0;
    z-index: 100;  
}

.banner.no__background {
    padding-bottom: 0 !important;
    background: #dfeee0;
    /*background: url(../images/gradien.png) no-repeat center top transparent;
    background-size: 100% 100%;*/
}
.banner.no__background .banner__content {
    position: relative;
    height: auto;
    padding: 0;
    margin: 50px 0;
}

.banner__content {
  position: absolute;
  width: 100%;
  /*max-width: 800px;*/
  height: 100%;
  padding: 0;
}

.banner__content .container {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: center;
    -ms-flex-align: center;
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.page-template-home .banner__content .container:after {
    content: '';
    position: absolute;
    bottom: 25px;
    right: 0;
    display: block;
    width: 200px;
    height: 120px;
    background: url(../images/amisdelaterre.png) no-repeat center top transparent;
    background-size: contain;
}

.banner__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.credit {
    z-index: 200;
    color: #fff;
    font-size: 1.2rem;
    position: absolute;
    font-weight: 400;
    width: 85%;
    width: 500px;
    bottom: 15px;
    /* left: 7.5%; */
    text-align: right;
    right: 7.5%;
}

.banner img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    position: absolute;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

@media screen and (max-width: 1000px) {
    .banner {
        padding-bottom: 80%;
    }

  h1 {
    /*text-align: center;*/
  }

  .page-template-home .banner__content .container:after {
      width: 100%;
      height: 50px;
      margin-top: 30px;
      position: relative;
      bottom: auto;
      right: auto;
      display: block;      
  }

  .banner__content .container {
      /*justify-content: center;
      align-content: center;
      align-items: center;*/
  }

}


.container {
    position: relative;
    margin: auto;
    z-index: 1;
    width: 85%;
    max-width: 1500px;
    text-align: left;
}

section .container, footer .container {
    width: 100%;
    max-width: 100%;
    padding-left: 10%;
}

@media screen and (min-width: 1000px) {
    .container {
        /*width: 60%;*/
    }
    #home .container {
        /*width: 90%;
        max-width: 100%;*/
    }    
}

article {
  margin: 20px 0;
  width: 100%;
}

.text {
	margin: 10px 0;
}

p {
  text-align: left;
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 300;  
  letter-spacing: normal;
  padding-bottom: 20px;
  /*word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;*/
  
}

blockquote {
    background: #dfeee0;
    padding: 20px 20px 0px 20px;
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
}

.wp-block-pullquote blockquote {
    background: transparent;
    padding: 20px 20px 0px 20px;
    border-left: 6px solid #4ba055;
    text-align: left;
}

.wp-block-pullquote {
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 700px;
}

.wp-block-pullquote p {
    font-size: 1.7rem;
    line-height: 2.2rem;
    font-weight: 300;
    display: inline-block;
    font-style: italic;
}

.wp-block-pullquote cite {
    padding-bottom: 20px;
    display: block;
    text-align: left;
}

.article-container ul {
    padding-left: 20px;
}

.article-container ul li {
    position: relative;
    display: block;
    padding: 10px 0 10px 0;
    font-size: 1.6rem;
    line-height: 2.1rem;
    font-weight: 300;    
}
.article-container ul li:before {
    content: "";
    border-radius: 100%;
    position: absolute;
    width: 12px;
    height: 12px;
    background: #33b4af;
    top: 15px;
    left: -32px;
}
.article-container ul li strong {
    color: #33b4af;
    padding-bottom: 10px;
    display: inline-block;
    margin: 0;
    font-size: 1.8rem;
    line-height: 2.3rem;
    font-weight: 400;
}

.contact_popup {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999999;
    background: #33b4af;
    padding: 0px 20px 10px 20px;
    text-align: left;
    width: 80%;
    max-width: 320px;
    -webkit-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.2);    
}
.contact_popup_header {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #4ba055;
    padding: 5px;
}
.contact_popup_close {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 13px;
    z-index: 1000;
    border: none;
    background: #fff;
    cursor: pointer;
    overflow: visible;
    width: 20px;
    height: 20px;
    -webkit-transition: transform .25s ease-in-out;
    -moz-transition: transform .25s ease-in-out;
    -ms-transition: transform .25s ease-in-out;
    -o-transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
}
.contact_popup_close:hover, .contact_popup_close:hover {
    /*-webkit-transform: rotate(180deg);
    transform: rotate(180deg);*/
}
.contact_popup_close:before {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    height: 0;
    border-top: 2px solid #33b4af;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}
.contact_popup_close:after {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    height: 0;
    border-top: 2px solid #33b4af;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}
.contact_popup_logo {
  display: inline-block;
  width: 100%;
  max-width: 300px;
}
.contact_popup .newsletter-list-item-label, .contact_popup .newsletter-list-item-label a {
  color: #fff;
}
.contact_popup .newsletter-submit {
    margin-bottom: 0px;
}

.reveal-animate {
	opacity: 0;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.visible {

  visibility: visible;

/*    -webkit-transition: -webkit-transform .5s cubic-bezier(.75,0,.25,1);
    transition: -webkit-transform .5s cubic-bezier(.75,0,.25,1);
    transition: transform .5s cubic-bezier(.75,0,.25,1);
    transition: transform .5s cubic-bezier(.75,0,.25,1),-webkit-transform .5s cubic-bezier(.75,0,.25,1);
    will-change: transform;	   */ 
	
	/*animation-timing-function: cubic-bezier(.75,0,.25,1);
	-webkit-animation-timing-function: cubic-bezier(.75,0,.25,1);*/

  	-webkit-animation-name: fadeInUp;
  	animation-name: fadeInUp;	

	-webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    -webkit-animation-delay: .5s;
    animation-delay: .5s;	    
}

@media screen and (max-width: 1000px) {
  .contact_popup {
      right: 5%;
      bottom: 20px;
      width: 90%;
      max-width: 100%;
  }
}

/*--------------------------------------------------------------
Experience
--------------------------------------------------------------*/




/*--------------------------------------------------------------
Overlay
--------------------------------------------------------------*/

.overlay {
    top: 0;
    left: 0;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    text-align: center;
    width: 100%;
    display: block;
    position: fixed;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1000;
    background: #fff;

    opacity: 1;


    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);

    -webkit-transition: visibility 0s 1s,-webkit-transform 1s cubic-bezier(.75,0,.25,1);
    transition: visibility 0s 1s,-webkit-transform 1s cubic-bezier(.75,0,.25,1);
    transition: transform 1s cubic-bezier(.75,0,.25,1),visibility 0s 1s;
    transition: transform 1s cubic-bezier(.75,0,.25,1),visibility 0s 1s,-webkit-transform 1s cubic-bezier(.75,0,.25,1);
    will-change: transform;    
}

.overlay.open {
    /*
    visibility: visible;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-animation-name: OverlayInUp;
    animation-name: OverlayInUp;   

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;   
    */
    visibility: visible;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition-delay: 0s,0s;
    transition-delay: 0s,0s;    

}

@-webkit-keyframes OverlayInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 1;
    }    
    50% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 1;
    }    
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@keyframes OverlayInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 1;
    }    
    50% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 1;
    }    
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

.overlay.close {
    visibility: visible;
    -webkit-animation-name: OverlayClose;
    animation-name: OverlayClose;   

    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;        
}

@-webkit-keyframes OverlayClose {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }       
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 1;
    }
}

@keyframes OverlayClose {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }       
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 1;
    }
}

.overlay-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    z-index: 100;
    width: 100%;
    text-align: left;
}

.video__overlay {
    position: absolute;
    display: block;
    /* display: none; */
    width: 100%;
    height: 100%;
    z-index: 15;
    top: 0;
    background: rgba(0,0,0,0.1);
    text-align: center;
    overflow: hidden;
    cursor: pointer;
}

.video__overlay__poster {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.video__wrapper__home {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 56.25%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.video__wrapper__home iframe {
    position: absolute;
    top: -25%;
    left: 0;
    width: 100.2%;
    height: 150%;
}

.video__wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.video__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*.overlay:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}*/

.page-close {
    position: relative;
    padding: 0px;
    z-index: 50;
    border: none;
    background: transparent;
    cursor: pointer;
    overflow: visible;
    width: 50px;
    height: 50px;
    -webkit-transition: transform .25s ease-in-out;
    -moz-transition: transform .25s ease-in-out;
    -ms-transition: transform .25s ease-in-out;
    -o-transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    display: block;
    margin: auto auto 20px auto;
}

@media screen and (min-width: 1000px) { 
    .page-close {
        position: absolute;
        top: 0;
        right: 0;
    }
    section#news .page-close {
        right: -20px;
    }  
    section#concerts .page-close {
        right: 20px;
    }    
   
}

.overlay-close {
    position: fixed;
    top: 15px;
    right: 15px;
    padding: 0px;
    z-index: 1000;
    border: none;
    background: transparent;
    cursor: pointer;
    overflow: visible;

    width: 50px;
    height: 50px;
    -webkit-transition: transform .25s ease-in-out;
    -moz-transition: transform .25s ease-in-out;
    -ms-transition: transform .25s ease-in-out;
    -o-transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out;  
}
.overlay-close:hover, .page-close:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.overlay-close:before, .page-close:before {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    height: 0;
    border-top: 2px solid rgba(255,255,255,1);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}
.overlay-close:after, .page-close:after {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    height: 0;
    border-top: 2px solid rgba(255,255,255,1);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.page-close:before, .page-close:after {
     border-top-color:#000;
}

.closeBtnColor2 .overlay-close:after, .closeBtnColor2 .overlay-close:before {
  border-top: 2px solid #4ba055;
}

.photo-zoom-bg {
    display: none;  
}




/*--------------------------------------------------------------
Contact Form
--------------------------------------------------------------*/

.newsletter__bloc {
  background: #4ba055;
  margin: 20px 0;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
}
.newsletter__bloc__left {
  width: 40%;
  padding: 20px 40px;
}
.newsletter__bloc__right {
  position: relative;
  width: 60%;
  background: url(../images/photo-newsletter.jpg) left center transparent; 
  background-size: cover;
  border-top: 10px solid #4ba055;
  border-bottom: 10px solid #4ba055;
  border-right: 10px solid #4ba055;
}
/*.newsletter__bloc__right:before {
  content: '';
  position: absolute;
  z-index: 10;
  display: block;
  width: 200px;
  height: 200px;
  background: url(../images/logo-newsletter.png) center center transparent; 
  background-size: cover;
}*/
.newsletter__bloc__title {
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  text-align: center;
}
.newsletter__bloc__title__big {
  font-size: 2.5rem;
  line-height: 2.8rem;
  font-weight: 600;
}
.newsletter__bloc__title span {
  font-weight: 600;
}

input[type="text"], input[type="password"], input[type="file"], input[type="email"], input[type="submit"], textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}


.newsletter-form-control-wrap {
position: relative;
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 0;
    margin-top: 0px;
}
.newsletter-form-control-wrap.acceptance-292 {
    width: 100%;
}

.newsletter-text, .newsletter-select, .newsletter-checkbox {
    width: 100%;
    /*max-width: 500px;*/
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #33b4af;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #33b4af;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #33b4af;
}
:-moz-placeholder { /* Firefox 18- */
  color: #33b4af;
}

.comment-form input, .newsletter-form-control, .dk-speakout-petition input, .dk-speakout-submit {
    background: #fff;
    border: 1px solid #fff;
    box-shadow: none;
    clear: both;
    color: #000;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 400;
    height: 35px;
    width: 100%;
    margin: 0;
    padding: 10px 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[aria-invalid="true"], select[aria-invalid="true"] {
    border-color: red;
    /* background-color: rgba(153,0,0,0.3); */
}
.newsletter-not-valid-tip {
    display: none !important;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.newsletter-acceptance {
    background: transparent;
    border: 0px solid #7a7a7a;
    box-shadow: none;
    clear: both;
    color: #fff;
    display: inline-block;
    font-size: 1.25rem;
    height: auto;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400;
    line-height: 1.7rem;
    text-align: left;
}
.newsletter-acceptance a {
    color: #fff;
    text-decoration: underline;
}

.newsletter-acceptance label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: flex-start;
  /*-ms-flex-align: center;*/
  align-content: flex-start;
  align-items: stretch;
}
.newsletter-acceptance label .newsletter-list-item-label {
  flex: 1 1;
}

div.newsletter .newsletter-submit:disabled {
    /*cursor: not-allowed;*/
}

input[type="checkbox"], input[type="radio"]{
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  border-radius: 1px;
  box-sizing: border-box;
  position: relative;
  box-sizing: content-box;
  width: 20px;
  height: 20px;
  border-width: 0;
  transition: all .3s linear;
  margin-right: 10px;
  padding: 0;
}
input[type="radio"] {
    border-radius: 2em;
}

input[type="checkbox"]:checked, input[type="radio"]:checked{
  /*background-color: #2ECC71;*/
    background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='22' viewBox='0 0 24 24'><path fill='black' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");  
}
input[type="checkbox"]:focus{
  outline: 0 none;
  box-shadow: none;
}

select.newsletter-form-control {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='white' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
    background-position: 100% 50%;
    background-repeat: no-repeat;
}

.newsletter-checkbox, .newsletter-radio, .newsletter-recaptcha {
    border: none !important;
    text-align: center;
    padding: 0;
    height: auto;
    width: 100%;
    /*max-width: 500px;*/
}

.newsletter-recaptcha {
/*transform:scale(0.85) !important;
-webkit-transform:scale(0.85) !important;
transform-origin:center center !important;
-webkit-transform-origin:center center !important;*/
}

.g-recaptcha>div {
    width: 100% !important;
}

.g-recaptcha iframe {
max-width: 100%;
/*transform:scale(0.77);
-webkit-transform:scale(0.77);
transform-origin: center center;
-webkit-transform-origin: center center;*/
}

.newsletter-submit, .dk-speakout-submit {
    width: 100%;
}

span.newsletter-list-item {
    display: block;
    margin: 0;
}

.newsletter-radio .newsletter-list-item {
    margin: 20px 0;
}


.comment-form textarea, .newsletter-textarea {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: 1px solid #7a7a7a;
    box-shadow: none;
    clear: both;
    color: #7a7a7a;
    display: block;
    font: 14px/17px;
    height: 145px;
    margin: 5px auto auto auto;
    padding: 12px 12px;
    width: 100%;
    /*max-width: 500px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

section#default figure {
    padding-bottom: 55%;
}

section#default figure {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0 0 40px 0;
    padding-bottom: 66%;
    background: rgba(0,0,0,0.1);
    z-index: 100;
}

section#default figure img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    position: absolute;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}



/*--------------------------------------------------------------
Videos
--------------------------------------------------------------*/

.videos__wrapper {
  padding: 20px 0;
}

.video__container {
    position: relative;
    border: 1px solid rgba(255,255,255,.4);
}

.videos__cover {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    padding-bottom: 56.25%;
    background: #000;
    z-index: 100;
    /*background-size: 100% auto;
    background-position: 50%;*/
    /*opacity: .92;*/
}

.videos__cover__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% auto;
    background-position: 50%;
    opacity: .92;

    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;    
}

a.videos__cover:hover .videos__cover__img, a.videos__cover__big:hover .videos__cover__img {
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    
    -ms-transform: scale(1.025);
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
}

.videos__play {
    overflow: hidden;
    width: 80px;
    height: 80px;
    background: transparent;
    border: 6px solid #fff;
    border-radius: 50%;
    opacity: 1;

    -webkit-filter: drop-shadow(0px 0px 30px rgba(0,0,0,1));
    filter: drop-shadow(0px 0px 30px rgba(0,0,0,1));    

    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    -webkit-transition: opacity 1.2s ease;
    transition: opacity 1.2s ease;
}

.videos__play, .videos__play:after {
    content: '';
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    z-index: 100;
}

.videos__play:after {
    height: 0;
    width: 0;
    border-bottom: 20px solid transparent;
    border-left: 32px solid #fff;
    border-top: 20px solid transparent;
    -webkit-transform: translate3d(-40%,-50%,0);
    transform: translate3d(-40%,-50%,0);
}

section#videos .video__item .videos__play {
    overflow: hidden;
    width: 40px;
    height: 40px;
    background: transparent;
    border: 2px solid #53748d;
    border-radius: 50%;
    opacity: 0;

    -webkit-filter: drop-shadow(0px 0px 30px rgba(0,0,0,1));
    filter: drop-shadow(0px 0px 30px rgba(0,0,0,1));    

    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);

    -webkit-transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -ms-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
}

section#videos .video__item .videos__play:after {
    height: 0;
    width: 0;
    border-bottom: 10px solid transparent;
    border-left: 18px solid #53748d;
    border-top: 10px solid transparent;
    -webkit-transform: translate3d(-40%,-50%,0);
    transform: translate3d(-40%,-50%,0);
}

section#videos .video__item.playing .videos__play, section#videos .video__item:hover .videos__play {
    opacity: 1;
}
section#videos .video__item.playing .video__container, section#videos .video__item:hover .video__container {
    border: 1px solid #53748d;
}

section#videos .videos__player__big {
    position: relative;
    border: 1px solid rgba(255,255,255,.4);  
    display: block;
    overflow: hidden;
    width: 100%;
    padding-bottom: 56.25%;
    background: #000;    
}

section#videos .videos__player__big .videos__cover__big {
    position: absolute;
    display: block;
    overflow: hidden;
    width: 100%;
    padding-bottom: 56.25%;
    background: #000;
    z-index: 100;
    opacity: .92;    
}

section#videos .videos__player__big .videos__player__big__content {
    /*display: none;*/
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

section#videos .video__title {
  text-align: center;
    font-size: 1.1rem;
    line-height: 1.5rem;
    font-weight: 700;
    color: #fff;
    display: block;
    padding: 5px 5px 0px 5px;
}

.videos__player {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.owl-carousel {
    padding: 0;
    background: transparent;    
}



.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    background: #fff;
    /*color: #000;*/
    border: none;
    font-size: 4rem;
    font-weight: 400;
    padding: 0;
    position: relative;
    z-index: 0;
}

.owl-carousel .owl-nav button.owl-next.disabled, .owl-carousel .owl-nav button.owl-prev.disabled {
    opacity: .25;
    cursor: default;
}

.owl-carousel .owl-nav button.owl-prev {
    padding: 10px 10px !important;
    margin-right: 0;
    font-size: 0;
    position: absolute;
    right: 70px;
    top: -45px;
}

.owl-carousel .owl-nav button.owl-next {
    padding: 10px 10px !important;
    margin-right: 0;
    font-size: 0;
    position: absolute;
    right: 1px;
    top: -45px;
}

button span.icon {
    display: inline-block;
    position: relative;
}

.owl-carousel button span.icon img {
    width: 25px;
    height: auto;
    display: block;
}

@media screen and (min-width: 600px) {
  section#videos .videos__player {
    display: none !important;
  }
}

@media screen and (max-width: 600px) {
  .owl-carousel .owl-nav {

  }  
  section#videos .videos__player__big {
    display: none;
  }
  .owl-carousel {
      padding: 0;
      /*background: none;*/
  } 
  .owl-carousel button span.icon img {
      width: 20px;
  }   
  .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {

  }
  section#videos .video__title {
    height: 60px;
    padding: 0;
    position: relative;
    font-size: 1.3rem;
    line-height: 1.7rem;    
  }
  section#videos .video__title span {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    padding: 5px 50px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);    
  }  
  section#videos .video__item .videos__play {
      width: 80px;
      height: 80px;
      border: 5px solid #fff;
      opacity: 1;
  }  
  section#videos .video__item .videos__play:after {
      height: 0;
      width: 0;
      border-bottom: 20px solid transparent;
      border-left: 32px solid #fff;
      border-top: 20px solid transparent;
      -webkit-transform: translate3d(-40%,-50%,0);
      transform: translate3d(-40%,-50%,0);
  }
  section#videos .video__item.playing .video__container, section#videos .video__item:hover .video__container {  
    border: 1px solid rgba(255,255,255,.4);
  }
}

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

}


/*--------------------------------------------------------------
Default Page
--------------------------------------------------------------*/

section:not(#home) {
    position: relative;
    min-height: 100vh;
}
body.page-template-agir section, body.page-template-qui-sommes-nous section {
    min-height: auto !important;
}

.default-post {
    position: relative;
    min-height: 100vh;
}

.default-post .article-container {
    max-width: 700px;
    text-align: center;
    position: relative;
    padding: 0;
    /* max-width: 1180px; */
    margin-left: auto;
    margin-right: auto;
}

.default-post .article-thumbnail {
    margin-bottom: 30px;
}

.default-post .article-container h1 {

}

.default-post .article-content {
    margin-bottom: 30px;
}

.default-post .article-content p {

}



/*--------------------------------------------------------------
Actus
--------------------------------------------------------------*/

.homeQuote {
    position: relative;
    display: inline-block;
    padding-top: 30px;
    padding-left: 100px;
    padding-right: 100px;
    margin-bottom: 15px;
    margin-top: 15px;
    /*margin-left: 4vw;*/
    /*width: 53%;*/
    width: 100%;
}
.homeQuote:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    background-image: url(../images/quote.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .5;
}
.homeQuote:after {
  /*
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 100%;
    background-image: url(../images/quote2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    opacity: .5;*/
}
.homeQuote p {
position: relative;
    padding: 0px 0;
    font-weight: 400;
    font-size: 2.2vw;
    color: #666;
    text-align: left !important;
    line-height: 2.6vw;
    -moz-hyphens: none;
    -ms-hyphens: none;
    -o-hyphens: none;
    hyphens: none;
}

ul.calendar-cat {
    margin: 0px 0 15px 0;
    /* background: rgba(51,180,175,1); */
    padding: 10px 0;
    /*border-left: 1px solid rgba(51,180,175,1);*/
    /*width: 45%;*/
    width: 100%;
    text-align: left;
    display: inline-block;
}
ul.calendar-cat li {
  display: inline-block;
  margin-right: .2vw;
}
ul.calendar-cat li a {
  position: relative;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 400;
  font-style: italic;
  color: rgba(51,180,175,1);
  padding: 3px 8px 3px 0px;
}
ul.calendar-cat li a.active {
  /*color: #fff;
  background: #33b4af;*/
}
ul.calendar-cat li a:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -0px;
    pointer-events: none;
    background: rgba(51,180,175,1);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    transition: 0.5s transform cubic-bezier(.75,0,.25,1);
}
ul.calendar-cat li a.active:before, ul.calendar-cat li a:hover:before {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transform-origin:left center;
    transform-origin:left center
}


.news__wrapper {
  position: relative;
  padding: 15px 0;
}

.posts__list {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
    /*margin: 0 -20px;*/
}

.posts__list article {
    padding: 0 1px;
    margin: 0;
    margin-bottom: 0;
    width: 100%;
}

section:not(#home) .posts__list article {
    margin-bottom: 10px;
    width: 33.3333%;
}

.posts__list article a.disabled {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .1;
  cursor: default;
}


.owl-carousel.owl-drag .owl-item {
    /*width: 20vw !important;*/
}


.overlay .posts__list article {
    margin-top: 10px !important;
}

.posts__list article a {
    display: block;
}

.posts__list article figure {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding-bottom: 80%;
    background: rgba(51,180,175,.2);
    z-index: 100;
}
body.page-template-books .posts__list article figure {
    padding-bottom: 130%;
}

.posts__list article figure img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    position: absolute;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

body.desktop .posts__list article a:not(.disabled):hover figure img {
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -ms-transform: scale(1.025);
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
}

.date {
    background: #fff;
    padding: 6px 8px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 100;
    text-align: center;
    -webkit-box-shadow: 0 9px 30px rgba(0,0,0,.3);
    -moz-box-shadow: 0 9px 30px rgba(0,0,0,.3);
    box-shadow: 0 9px 30px rgba(0,0,0,.3);
}
.date-name {
    color: #33b4af;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.3rem;
}
.date-number {
    color: #33b4af;
    font-size: 2.4rem;
    line-height: 2.2rem;
    font-weight: 600;
}

.posts__list article .article__content {
    padding: 15px;
    color: #000;
    position: relative;
}

body.desktop .posts__list article:not(.disabled):hover h3 {
  color: #33b4af;
}
body.desktop .posts__list article:not(.disabled):hover h3:after {
  background: #33b4af;
  width: 50%;
}

.posts__list article .article__desc {
  margin-top: 20px;
}

@media screen and (max-width: 1000px) {

  section .container, footer .container {
      width: 90%;
      max-width: 100%;
      padding-left: 0;
  }

  .posts__list article {
      /*width: 100%;*/
      /*padding: 0 20px;*/
  }

  section:not(#home) .posts__list article {
      width: 100%;
  }

  .homeQuote {
    padding-left: 50px;
    padding-right: 50px;
    width: 100%;
  }
  ul.calendar-cat {
    width: 100%
  }

  .homeQuote p {
      font-size: 2.2rem;
      line-height: 2.8rem;
  }
  .homeQuote:before, .homeQuote:after {
      width: 40px;
      height: 40px;
  }

  .date {
    padding: 6px 10px;
    font-size: 1.1rem;
  }
}


/*--------------------------------------------------------------
Page Navi Plugin
--------------------------------------------------------------*/

.wp-pagenavi {
    margin-bottom: 20px;
    clear: both;
    text-align: center;
}

.wp-pagenavi span.pages {
  display: none;
}

.wp-pagenavi span.current {
    
    font-weight: 700;
    color: #fff;
    background: #4ba055;
}

.wp-pagenavi a, .wp-pagenavi span {
    font-size: 1.5rem;
    font-weight: 700;
    color: #4ba055;
    text-decoration: none;
    border: none;
    padding: 8px 12px;
    margin: 2px;
}

.wp-pagenavi a:hover {
    color: #9fbc3d;
}

.btn, .newsletter-submit, .bouton a, .dk-speakout-submit {
    background: #4ba055;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 30px;
    /* letter-spacing: 0.05rem; */
    /* margin-right: 20px; */
    position: relative;
    overflow: hidden;
    border: none;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;     
}
.btn:hover, .bouton a:hover {
    background: #9fbc3d;
}

.bouton a:before {
  content: "";
  position:relative;
  margin-right: 10px;
  display: inline-block;
  vertical-align: sub;
  top: 0;
  left: 0;
  width: 10px;
  height: 20px;
  color: #fff;
  background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10' height='20' viewBox='0 0 256 512'><path fill='white' d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z'></path></svg>");  

}

.btn__container {
  text-align: center;
}
.moreBtn {
  width: 50px;
  height: 50px;
  display: inline-block;
  margin-bottom: 30px;
  -webkit-transition: transform .25s ease-in-out;
  -moz-transition: transform .25s ease-in-out;
  -ms-transition: transform .25s ease-in-out;
  -o-transition: transform .25s ease-in-out;
  transition: transform .25s ease-in-out;    
}
.moreBtn img {
  width: 100%;
  height: auto;
  display: block;
}
.moreBtn:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}



.btn span.icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;    
}
.btn span.icon svg, section button span.icon svg {
    fill: #33b4af;
    display: block;
}
.btn span.btn__txt, section button span.btn__txt {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}



/*--------------------------------------------------------------
Newsletter Form
--------------------------------------------------------------*/

#newsletter {
  position: relative;
}

.screen-reader-response {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #33b4af;
    z-index: 200;
    text-align: center;
    display: none;
    padding: 0 20px;
}
.screen-reader-response span {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);    
}

form.newsletter-form, form.petition-form {
    display: inline-block;
    margin: auto;
    width: 100%;
    max-width: 500px;
    position: relative;
}

form.newsletter-form p {
  display: inline-block;
  padding: 0;
  margin: 0;
}

/*
form.newsletter-form p {
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
    margin: 0 -5px;    
}*/

.newsletter-submit, .dk-speakout-submit {
  background : transparent;
  border: 1px solid #fff;
  font-weight: 400;
  padding: 0;
  text-transform: none;
  font-style: italic;
  font-size: 1.5rem;
}
.newsletter-submit:hover, .dk-speakout-submit:hover {
    background: #fff;
    color: #33b4af;
}
div.newsletter .ajax-loader {
  display: none;
}
div.newsletter-response-output {
    margin: 0;
    padding: 0;
    border: 0px solid #ff0000 !important;
    color: #fff;
    position: absolute;
    bottom: -10px;
    width: 100%;
    text-align: center;
    font-weight: 600;    
}

@media screen and (max-width: 1000px) {

  .newsletter__bloc__left {
      width: 100%;
      padding: 20px 20px;
  }
  .newsletter__bloc__right {
      display: none;
  }  
  .newsletter-form-control-wrap {
    width: 100%;
  }  
}

/*--------------------------------------------------------------
Single Article
--------------------------------------------------------------*/

.cat {
    position: relative;
    padding: 5px 10px;
    color: #fff;
    background: #33b4af;
    font-weight: 400;
    font-size: 1.2vw;
    line-height: 1.3vw;  
    display: inline-block;
    text-transform: capitalize;
}

section:not(#home) h1 {
    position: relative;
    display: block;
    padding-top: 30px;
    padding-left: 100px;
    margin-bottom: 30px;
    margin-top: 15px;
    width: 100%;
    left: -100px;
    max-width: 32vw;    
    font-weight: 400;
    font-size: 2.5vw;
    line-height: 2.7vw;
    color: #33b4af;
    text-align: left !important;
}
section:not(#home) h1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    background-image: url(../images/quote-color.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /*opacity: .5;*/
}

section#news article.single-news {
    z-index: 1;
    position: relative;
    padding: 0;
    margin-bottom: 0;
    width: 100%;    
}

.single-news .container.news {
    padding-right: 10%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;  
}

.article-container {
    padding-left: 100px;
    padding-right: 100px;
    max-width: 100%;
    width: 100%;
    text-align: justify;
    position: relative;
    /*padding: 0;*/
    margin-left: auto;
    margin-right: auto;   
}

.single-news .article-sidebar {
    width: 30%;
    padding-left: 50px;
    /*float: left;*/
    text-align: justify;
    position: relative;
    margin-left: auto;
    margin-right: auto; 
}

.article-sidebar-header {
    background: #4ba055;
    padding: 20px 40px;
    text-align: left;
    display: none;
}
.overlay .article-sidebar-header {
    padding: 20px 80px 20px 40px;
}

.article-sidebar-content {
  padding: 0 40px;
}

.article-sidebar-header .btn {
  margin: 0;
  background: #9fbc3d;
}

.single-news .article-sidebar .article-sidebar-inner {
  /*background: rgba(0,0,0,0.035);*/
  background: rgba(75,160,85,0.05);
  width: 100%;
  height: 100%;
  position: relative;
  /*border-left: 1px solid #4ba055;*/
  /*background: #dfeee0;*/
}
section#single .article-sidebar-comprendre .posts__list article,
section#single .article-sidebar-presse .posts__list article {
    padding: 0 20px;
    margin-bottom: 0px;
    width: 100%;
    margin-top: 0;
}
section#single .article-sidebar-news .posts__list article {
    padding: 0 20px;
    margin-bottom: 10px;
    width: 100%;
    margin-top: 20px;
}
section#single .posts__list article .article__desc, 
section#single .article-sidebar-comprendre .posts__list article figure,
section#single .article-sidebar-presse .posts__list article figure,
.overlay .posts__list article figure,
.overlay .posts__list article .article__desc {
    display: none;
}
.overlay .posts__list article {
  margin-bottom: 0px;
}

.single-news .article-sidebar-content h2 {
  font-size: 2.0rem;
  line-height: 2.5rem;
  margin-bottom: 10px;
  margin-top: 20px;
}
.single-news .article-sidebar-content h3 {
  font-size: 1.6rem;
  line-height: 2.0rem;
  text-transform: none;
  font-weight: 400;
}
.single-news .article-sidebar-content h3:after {
  bottom: -6px;
  width: 30px;
}
.single-news .article-sidebar-content .article-sidebar-news h3 {
    margin-top: 10px;
}
.article-sidebar-news {
  margin-top: 10px;
}

.article-header {
  position: relative;
  background: #dfeee0;
  padding: 20px 40px 20px 40px;
  margin-bottom: 20px;
}

.page-template-campagne .article-header {
  /*max-height: 50vh;*/
  /*min-height: 300px;*/
  overflow: hidden; 
  -webkit-transition: max-height 2s ease-out;
  -moz-transition: max-height 2s ease-out;
  -ms-transition: max-height 2s ease-out;
  -o-transition: max-height 2s ease-out;
  transition: max-height 2s ease-out; 
}
.page-template-campagne .article-header .btn__container {
    text-align: center;
    position: absolute;
    z-index: 200;
    width: auto;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);    
}
.page-template-campagne .article-header .btn__container .moreBtn {
    margin-bottom: 10px;
}
.page-template-campagne .article-header:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 120px;
    left: 0;
    bottom: 0;
    z-index: 100;
background: -moz-linear-gradient(top, rgba(223,238,224,0) 0%, rgba(223,238,224,0.88) 45%, rgba(223,238,224,1) 100%);
background: -webkit-linear-gradient(top, rgba(223,238,224,0) 0%,rgba(223,238,224,0.88) 45%,rgba(223,238,224,1) 100%);
background: linear-gradient(to bottom, rgba(223,238,224,0) 0%,rgba(223,238,224,0.88) 45%,rgba(223,238,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dfeee0', endColorstr='#dfeee0',GradientType=0 );
}

.page-template-campagne .article-header.open .btn__container,
.page-template-campagne .article-header.open:after {
  display: none;
}
.page-template-campagne .article-header.open {
  /*height: auto;*/
  max-height: 350vh !important;
}

.article-header p {
  /*font-weight: 700;*/
}

.wp-block-image {
    max-width: 100%;
    margin-bottom: 20px;
    display: inline-block;
}

.wp-block-image img {
    max-width: 100%;
    display: block;
}

.wp-block-image figcaption {
    padding: 10px;
    color: #666;
    background: rgba(51,180,175,.3);
    text-align: center;
    font-size: 14px;
    margin: 0;
}

h2 {
    font-size: 2.8rem;
    line-height: 3rem;
    text-align: left;
    text-transform: none;
    position: relative;
    padding: 0;
    margin: 15px 0 30px 0;
    color: #33b4af;
    font-weight: 400;
    display: inline-block;
}
h2:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 1px;
    left: 0;
    bottom: -10px;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    background: #33b4af;
}

.contact_popup h2 { 
  color: #fff;
  margin-bottom: 25px;
}
.contact_popup h2:after { 
  background: #fff;
}

section#news .single-news figure {
    padding-bottom: 55%;
}

section#news .single-news .news__content {
    padding: 0;
}

/*.single-news .article-date {
  font-size: 1.5rem;
    color: #999;
    padding-bottom: 20px;
    line-height: 1;
    padding-top: 0;
    font-style: italic;
    font-weight: 400;
}*/
.single-news .article-date {
  font-size: 1.45rem;
  padding: 0;
  color: #fff;
  /*background: #fff;*/
  line-height: 1;
  font-style: italic;
  font-weight: 400;
  position: absolute;
  bottom: 15px;
  left: 0;
}
.single-news .article-date svg, .single-news .article-date span {
  vertical-align: middle;
}


.single-news .article-content {
    margin-bottom: 30px;
}

.single-news .article-content p {

}

section#news article.single-news a {
    display: inline-block;
}

.article-tags {
    margin-top: 20px;
    margin-bottom: 20px;
    background: transparent;
    display: block;
    padding: 0px;
    text-align: left;
}
.article-tags span {
  color: #4ba055;
  text-transform: uppercase;
  display: block;
  font-size: 1.8rem;
  font-weight: 600;
  vertical-align: middle;
  margin-bottom: 5px;
}
.article-tags a {
  color: #4ba055;
  display: inline-block;
  margin: 5px 10px 5px 0;
  font-size: 1.6rem;
  font-weight: 400;
  position: relative;
}
.article-tags a:before {
  content: '#';
  color: #4ba055;
  font-size: 1.6rem;
  font-weight: 400;  
  position: relative;
}

.article-share {
    margin-top: 20px;
    margin-bottom: 20px;
    background: transparent;
    display: inline-block;
    padding: 0;
    text-align: center;
}

.article-share span {
  color: #4ba055;
  text-transform: uppercase;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 600;
  vertical-align: middle;
  margin-right: 5px;
}

.article-share a {
  vertical-align: middle;
    display: inline-block;
    margin: 0 5px;
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 48px;
    text-align: center;    
}

.article-share a svg {
    fill: #33b4af;
}



@media screen and (max-width: 1000px) {

.cat {
    font-size: 1.6rem;
    line-height: 1.6rem;
}

  section:not(#home) h1 {
    padding-left: 50px;
    width: 100%;
    max-width: 100%;
    left: -50px;
    font-size: 2.8rem;
    line-height: 3rem;   
  }

  section:not(#home) h1:before {
      width: 40px;
      height: 40px;
  }

  .article-header {
    padding: 20px 20px 20px 20px;
  }

  .article-share {
    width: 100%;
  }  
  .article-share span {
    display: block;
    margin-bottom: 10px;
  }
  .article-container {
      width: 100%;
      padding-left: 50px;
      padding-right: 10px;      
  } 
  .single-news .article-sidebar {
    display: none;
  } 
  .single-news .container.news {
    padding-right: 0;
  }

}


/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/

header {
    position: fixed;  
    width: 25vw;
    z-index: 500;
    background: url(../images/header-bg.jpg) no-repeat center bottom #239f9b; 
    background-size: cover;
    padding: 0;
    display: block;
    text-align: center;
    margin: 0;
    left: 0;
    top: 0;
    height: 100vh; 
}

header .container {
  height: 100%;
  text-align: left;
}

/*
body.desktop header {
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);    
}

body.desktop header.open {
    -webkit-transition: visibility 0s 1s,-webkit-transform 1s cubic-bezier(.75,0,.25,1);
    transition: visibility 0s 1s,-webkit-transform 1s cubic-bezier(.75,0,.25,1);
    transition: transform 1s cubic-bezier(.75,0,.25,1),visibility 0s 1s;
    transition: transform 1s cubic-bezier(.75,0,.25,1),visibility 0s 1s,-webkit-transform 1s cubic-bezier(.75,0,.25,1);
    will-change: transform;

    visibility: visible;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition-delay: 0s,0s;
    transition-delay: 0s,0s;
}*/

header a.brand {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 30px 0 20px 0;
}


header a.brand img {
    max-width: 100%;
    height: auto;
    display: block;
}


#social-nav {
  position: relative;
  background: rgba(51,180,175,.05);
  padding: 8px 16px;  
/*  position: absolute;
  text-align: center;
  background: rgba(255,255,255,0.9);
  padding: 8px 16px;
  bottom: 0;
  width: 100%;*/
}



#social-nav .social-nav-item {
    display: inline-block;
    margin: 10px 0;
    vertical-align: middle;
    width: 100%;
    text-align: left;
    color: #33b4af;
    font-size: 1.5rem;
    font-weight: 400;    
    padding: 0;
    line-height: normal;
}        

#social-nav li:before {
  display: none !important;
}

#social-nav .social-nav-item a {
    display: block;
    position: relative;
    color: #33b4af;
    font-size: 1.5rem;
    font-weight: 400;   

}

.social-nav-item a svg {
    fill: #33b4af;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
    width: 22px;
}

.social-nav-item a:hover svg {
    fill: #33b4af;
}

.menu-button {
    border: none;
    background: transparent;
    display: none;
    /*-webkit-transition: -webkit-transform cubic-bezier(.7,0,.3,1) .3s;
    transition: -webkit-transform cubic-bezier(.7,0,.3,1) .3s;
    transition: transform cubic-bezier(.7,0,.3,1) .3s;
    transition: transform cubic-bezier(.7,0,.3,1) .3s,-webkit-transform cubic-bezier(.7,0,.3,1) .3s;*/
    position: relative;
    z-index: 100;
}

.menu-button .line {
    width: 32px;
    height: 1px;
    background: #fff;
    display: block;

    -webkit-transition: -webkit-transform .5s cubic-bezier(.75,0,.25,1);
    transition: -webkit-transform .5s cubic-bezier(.75,0,.25,1);
    transition: transform .5s cubic-bezier(.75,0,.25,1);
    transition: transform .5s cubic-bezier(.75,0,.25,1),-webkit-transform .5s cubic-bezier(.75,0,.25,1);
    will-change: transform;	    
}

.menu-button .line:nth-child(2) {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.menu-button .line {
    margin-top: 5px;
}

.menu-open .menu-button .line:nth-child(1) {
    -webkit-transform: rotate(-45deg) translate(-1px,2px);
    transform: rotate(-45deg) translate(-1px,2px);
}

.menu-open .menu-button .line:nth-child(2) {
    -webkit-transform: scale(1) rotate(45deg) translate(-3px,-3px);
    transform: scale(1) rotate(45deg) translate(-3px,-3px);
}

.menu-open .menu-button .line:nth-child(3) {
    -webkit-transform: scale(0);
    transform: scale(0);
}

body.menu-open .menu-button .line {
    /*background: #000 !important;*/
}

@media screen and (max-width: 1000px) {
	header {
    text-align: right;
    position: fixed;
    top: 0;
    left: 0;
    height: auto;
    width: 100%;
    background-image: none;
	}
	header a.brand {
    max-width: 200px;
    left: 0px;
	}	
	.menu-button {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	}
	#main-nav-container {
    background: #239f9b;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;

    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);

    -webkit-transition: visibility 0s 1s,-webkit-transform 1s cubic-bezier(.75,0,.25,1);
    transition: visibility 0s 1s,-webkit-transform 1s cubic-bezier(.75,0,.25,1);
    transition: transform 1s cubic-bezier(.75,0,.25,1),visibility 0s 1s;
    transition: transform 1s cubic-bezier(.75,0,.25,1),visibility 0s 1s,-webkit-transform 1s cubic-bezier(.75,0,.25,1);
    will-change: transform;	

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: center;
    align-content: space-between;
    align-items: center;
    padding-top: 15vh;

	}
	.menu-open #main-nav-container {
		/*top: 0;*/
    
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    overflow-x: hidden;    

		visibility: visible;
	    -webkit-transform: translateX(0%);
	    transform: translateX(0%);
	    -webkit-transition-delay: 0s,0s;
	    transition-delay: 0s,0s;	
	}


    #social-nav.no_main_nav {
        position: absolute;
        bottom: auto;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        text-align: center;
    }    		
}




/*--------------------------------------------------------------
Main Nav
--------------------------------------------------------------*/

#main-nav {
  text-align: left;
}

#main-nav-container {
/*	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: -1;*/
}

#main-nav.alignment_left {
    text-align: left;
}

ul.main-nav-list li {
    margin: 5px 0;
    display: block;
    position: relative;
    vertical-align: middle;
}

ul.main-nav-list li:first-child {

}

ul.main-nav-list li:last-child {

}

.main-nav-item a, .menu-item a {
    display: inline-block;
    position: relative;  
    font-size: 1.8rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    color: #fff;
    padding: 4px 0;
    z-index: 10;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
        -ms-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
}


header .main-nav-item a:after {
    content: '';
    position: absolute;
    width: 0px;
    height: 1px;
    right: -38px;
    bottom: 8px;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    background: #fff;
    /* z-index: -1;
}

header li.menu-item-has-children > a:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 2px;
    z-index: 100;
    height: 0;
    width: 0;
    border-style: solid;
    /*border-width: 6.9px 4px 0 4px;*/
    border-width: 6.1px 3.5px 0 3.5px;
    border-color: #0c703e transparent transparent transparent;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
header li.menu-item-has-children:hover > a:before, header li.menu-item-has-children.active > a:before {
    border-color: #9fbc3d transparent transparent transparent;
}

body.desktop #home-nav .main-nav-item a:hover:after, body.desktop header .main-nav-item a:hover:after, header li.main-nav-item.active > a:after {
    width: 30px;
}

body.desktop header .main-nav-item a:hover, header li.main-nav-item.active > a { 
	color: #fff;
}

#main-nav ul.sub-menu {
    /*transition: opacity .1s ease-in;*/
    display: none;
    opacity: 0; 
    top: calc(100% + 0px);
    left: 0;
}
body.desktop #main-nav li.main-nav-item a:hover + ul.sub-menu {
    display: block;
    -webkit-animation: fadeIn 250ms ease-out both;
    animation: fadeIn 250ms ease-out both;
}
body.desktop #main-nav ul.sub-menu:hover {
    display: block;
    -webkit-animation: fadeIn 250ms ease-out both;
    animation: fadeIn 250ms ease-out both;
}

@-webkit-keyframes submenufadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}  
@keyframes submenufadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

#main-nav .sub-menu {
    background-color: #FFFFFF;
    /*border-left: 4px #0c703e solid;*/
    /*border-top: 4px #0c703e solid;*/
    display: block;
    position: absolute;
    min-width: 100%;
    margin: 0;
    padding: 20px 0;
    text-align: left;
    list-style: none;
}
#main-nav ul li:nth-child(2) .sub-menu {
  min-width: 380px;
}

#main-nav .sub-menu > li:first-child {
  /*border-top: 2px #0c703e solid;*/
}
#main-nav .sub-menu > li {
    padding: 0;
    margin: 0;
    display: block;
    border: none;
    /*border-left: 4px #0c703e solid;*/
}
#main-nav .sub-menu a {
    /*min-width: 400px;*/
    padding: 10px 15px;
    /*-webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;*/
    font-size: 1.5rem;
    line-height: 2rem;
}


@media screen and (max-width: 1000px) {

  /*#social-nav {
      position: relative;
      bottom: auto; 
  }*/

	#main-nav {
    /*padding: 100px 0;*/
		width: 100%;
    /*padding-top: 15vh;*/
    /*position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);*/
	}	
	ul.main-nav-list li {
    margin: 6px 0;
    display: block;
    text-align: center;
	}
  header li.main-nav-item.active > a:after {
      width: 0px !important;
  }

  #main-nav ul li:nth-child(2) .sub-menu {
      min-width: auto;
  }  
  #main-nav ul.sub-menu {
     display: block; 
     opacity: 1;
     top: auto;
     left: auto;    
      background-color: transparent;
      position: relative;
      min-width: 100%;
      margin: 0;
      padding: 0; 
      text-align: left;
      list-style: none;
  }  
  ul.main-nav-list li:first-child {
      display: none;
  }  

  .main-nav-item a, .menu-item a {
      font-size: 2.0rem;
  } 
  .main-nav-item ul.sub-menu a {

  }   
 	
  .social-nav-item {
    text-align: center;
  }  

  header .container {
     /* width: 100%;
      padding: 0 10px;*/
  }



}


@media screen and (max-width: 350px) {
  header a.brand {
      max-width: 140px;
  }  

  ul.calendar-cat li a {
    font-size: 1.3rem;
  }
}

/*--------------------------------------------------------------
Loading
--------------------------------------------------------------*/

body.loading {
    height: 100%;
    overflow: hidden;
}

body.loading-page:before {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 10000;    
}

body.loading-page.loading-page-close:before {
    -webkit-transition: visibility .5s .5s,-webkit-transform .5s cubic-bezier(.75,0,.25,1);
    transition: visibility .5s .5s,-webkit-transform .5s cubic-bezier(.75,0,.25,1);

/*
    -webkit-transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -ms-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;*/

    transition: opacity .5s cubic-bezier(.75,0,.25,1),visibility 0s .5s;
    transition: opacity .5s cubic-bezier(.75,0,.25,1),visibility 0s .5s,-webkit-transform .5s cubic-bezier(.75,0,.25,1);
    will-change: transform;

    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    
    opacity: 0;
    /*-webkit-transform: translateY(100%);
    transform: translateY(100%);   */
    
}

/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/

footer {
  position: relative;
  padding: 0 0 15px 25vw;
}

#footer-nav {
    padding: 50px 0;
}


ul.footer-nav-list {
  width: 100%;
}

body:not(.page-template-home) ul.footer-nav-list {
    padding-left: 100px;
}

ul.footer-nav-list li:first-child {
    margin-left: 0;
}

ul.footer-nav-list li {
    margin: 0 15px;
    display: inline-block;
    position: relative;
}


ul.footer-nav-list li a {
    display: inline-block;
    position: relative;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: .07rem;
    line-height: 1;
    text-transform: none;
    color: #666;
    padding: 10px 0;
    z-index: 10;
    font-style: normal;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}


@media screen and (max-width: 1000px) {

  footer {
    padding-left: 0;
  }

  ul.footer-nav-list {
      text-align: center;
      padding-left: 0 !important;
  }  

  ul.footer-nav-list li a {
    padding: 5px 0;
  }

  .article-share {
    text-align: left !important;
  }
  .article-share h2 {
    display: block !important;
  }

}

/*--------------------------------------------------------------
Tarteaucitron
--------------------------------------------------------------*/

#tarteaucitronAlertBig {
    background: #fff !important;
    color: #555 !important;
    position: fixed !important;
    z-index: 99999;
    bottom: 0;
    left: 0;
    font-size: 14px !important;
    left: auto !important;
    padding: 15px !important;
    text-align: center !important;
    width: 100% !important;
}

#tarteaucitronPercentage {
  display: none !important;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b {
    font-size: 14px !important;
    color: #000 !important;
    font-family: 'Texta Alt', Helvetica,Arial,sans-serif !important;
    font-weight: 400 !important; 
    display: block; 
    margin-bottom: 5px; 
    padding: 0px 10px !important; 
}

#tarteaucitronAlertBig #tarteaucitronPersonalize {
    background: #000 !important;
    color: #fff !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-size: 15px !important;
    padding: 5px 10px !important;
    text-decoration: none !important;
    margin-left: 0 !important;
}
#tarteaucitronAlertBig #tarteaucitronCloseAlert {
    background: #666 !important;
    color: #fff !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-size: 15px !important;
    padding: 5px 10px !important;
    text-decoration: none !important;
    margin-left: 0 !important;
}

@media screen and (max-width: 1000px) {
    #tarteaucitronAlertBig {
        background: #fff !important;
        color: #000 !important;
        position: fixed !important;
        z-index: 99999;
        bottom: 0;
        right: auto !important;

        font-size: 14px !important;
        left: auto  !important;
        padding: 15px 0 !important;
        text-align: center !important;
        width: 100% !important;
    }
}

/*--------------------------------------------------------------
General Media Queries
--------------------------------------------------------------*/



@media screen and (min-width: 1000px) {
    h1 {
      font-size: 3.8rem;
      line-height: 4.0rem;
    }
    h4 {
      font-size: 3.8rem;
      line-height: 4.0rem;
    }    
  
    h2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
    }  
    h3 {
    font-size: 2.0rem;
    line-height: 2.5rem;
    }      
    .main-nav-item a {
        font-size: 1.5rem;
    }
    footer .main-nav-item a {
        font-size: 1.2rem;
    }  
    .single-news .article-container h1 {
        font-size: 3.2rem;
    }
}

@media screen and (min-width: 1366px) {
    .main-nav-item a {
        font-size: 1.9rem;

    }
}

@media screen and (min-width: 1700px) {
    .main-nav-item a {
        font-size: 2.5rem;
    }
    p {
        font-size: 1.8rem;
        line-height: 2.4rem;
        margin: 20px 0;
    }    
}