@charset "UTF-8";
/*FONTS*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Raleway:ital,wght@0,100;0,200;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.test {
  border: solid;
}

/**variables***/
/**MIXINS*/
/*ANIMATIONS*/
/**
 * ----------------------------------------
 * animation kenburns-top
 * ----------------------------------------
 */
@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
    transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
    transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
}

@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
    transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
    transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
}

.kenburns-top {
  -webkit-animation: kenburns-top 20s ease-out both;
  animation: kenburns-top 20s ease-out both;
}

@-webkit-keyframes pulsate-btn {
  0% {
    -webkit-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0;
  }
}

@keyframes pulsate-btn {
  0% {
    -webkit-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0;
  }
}

/*Preloader icon spinner*/
.spinner {
  position: absolute;
  top: 48%;
  left: 48%;
}

.dbl-spinner {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: transparent;
  border: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 4px solid transparent;
  -webkit-animation: 2s spin linear infinite;
  animation: 2s spin linear infinite;
}

.dbl-spinner:nth-child(2) {
  border: 4px solid transparent;
  border-right: 4px solid #e7610a;
  border-bottom: 4px solid #e7610a;
  -webkit-animation: 1s spin linear infinite;
  animation: 1s spin linear infinite;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*=========HEADER==========*/
.header {
  width: 100%;
  height: auto;
}

.header a:hover {
  text-decoration: unset;
}

.header a i, .header a svg, .header svg {
  font-size: 23px;
  color: #fff;
  margin-left: 5px;
}

.header .adresse p.contact {
  position: relative;
  margin-bottom: 2px;
}

.header .adresse p.contact:after {
  background: rgba(255, 255, 255, 0.7);
  content: "";
  position: absolute;
  top: 0;
  bottom: 1px;
  right: -9px;
  margin: auto;
  height: 22px;
  width: 1px;
}

.header .adresse i {
  color: #fff;
}

.header .adresse a {
  color: #fff;
}

.header .social i:not(i.ri-search-2-line), .header .social a svg {
  font-size: 16px;
  border-radius: 50%;
  background-color: #eee;
  padding: 4px;
  color: #2e646b;
  -webkit-transition: 150ms ease-in-out;
  transition: 150ms ease-in-out;
}

.header .social i:not(i.ri-search-2-line):hover, .header .social a svg:hover {
  background: #e7610a;
  color: #fff;
}

.header .top-bar {
  position: relative;
  background: #7bb69a;
  width: 100%;
}

.header .top-bar .button-primary.btn-lighter {
  border-radius: 0px;
  border: none;
}

.header .top-bar .button-primary.btn-lighter:hover {
  background: #5bb6c2;
  color: #fff;
  font-weight: 200;
}

.header .top-bar span.divider {
  color: #fff;
}

.header .top-bar p {
  margin-bottom: 0;
  color: #fff;
  font-family: "Raleway", sans-serif;
}

.header .top-bar p.contact {
  font-size: 0.9em;
}

.header .top-bar div#menu-top * {
  color: #fff;
}

.header .top-bar div#menu-top ul {
  padding-right: 7px;
  padding-left: 0px;
  position: relative;
}

.header .top-bar div#menu-top ul li a.nav-link {
  padding: 7px;
  font-weight: 300;
}

.header div#collapseSearch form#searchform {
  width: 100%;
}

.header div#collapseSearch form#searchform input#s {
  width: 100%;
  border: none;
  border-bottom: 1px solid;
}

.header div#collapseSearch form#searchform input#s:focus {
  border-bottom-color: #5bb6c2;
  outline: none;
}

.header div#collapseSearch form#searchform a.search-btn {
  padding-bottom: .16rem;
}

.header div#collapseSearch form#searchform button.btn.bg-transparent {
  padding: 0;
}

/* NAVBAR */
img.logo.logo-display {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.navbar {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
}

nav.navbar.navbar-expand-lg {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  background: #fff;
  z-index: 99999;
  right: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 1em 1.5em;
}

.navbar div#menu-principal .nav-link {
  color: #222;
  -webkit-transition: 100ms ease-in-out;
  transition: 100ms ease-in-out;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 0.9em;
  padding: 8px 12px;
  border-radius: 30px;
  margin-right: 4px;
}

.navbar div#menu-principal li.grand-public a {
  border: 2px solid orange;
  padding: 10px 16px;
  position: relative;
  text-transform: uppercase;
}

.navbar div#menu-principal li.grand-public a:hover {
  background: orange;
}

/* .navbar.fixed-top .nav-link {
    color: #555;
} */
.navbar div#menu-principal .nav-link:hover,
.navbar-expand-lg .navbar div#menu-principal .nav-link:hover {
  text-decoration: none;
  color: #fff;
  text-decoration: none;
  background: #5bb6c2;
}

.navbar .navbar-brand {
  color: #fff;
  padding-top: 0;
  padding-bottom: 0;
}

.navbar .navbar-brand img {
  width: 175px;
}

/* Change navbar styling on scroll */
.navbar.navbar-expand-lg.fixed-top {
  position: fixed;
  -webkit-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: 250ms ease-in-out;
  transition: 250ms ease-in-out;
}

.navbar.fixed-top {
  background: #fff;
  -webkit-transition: 250ms ease-in-out;
  transition: 250ms ease-in-out;
}

.navbar.active .nav-link {
  color: #555;
}

a.nav-link:active,
a.nav-link:focus {
  color: #5bb6c2;
  text-decoration: none;
}

.navbar.active .navbar-brand {
  color: #555;
}

/*Collapsed menu*/
.navbar-collapse.collapse.show {
  /* background: #fff; */
  -webkit-transition: 200ms ease-in-out;
  transition: 200ms ease-in-out;
}

/* dropdown */
.navbar div#menu-principal .dropdown-menu {
  min-width: 15rem;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.navbar div#menu-principal .dropdown-menu .nav-link {
  display: block;
  padding: 0px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #fff;
  white-space: nowrap;
  font-size: 15px;
  border-radius: 0px;
}

.navbar div#menu-principal ul.dropdown-menu.depth_0 {
  border: none;
  border-top: 3px solid #000;
  background: #f2f2f2;
  padding: 0;
  border-radius: 0px;
}

.navbar div#menu-principal ul.dropdown-menu.depth_0 li {
  -webkit-transition: 150ms ease-in-out;
  transition: 150ms ease-in-out;
  height: 100%;
}

.navbar div#menu-principal ul.dropdown-menu.depth_0 li a.nav-link {
  color: #000;
  padding: 0.8em;
  border-radius: 0px;
  width: 100%;
  border-bottom: 1px solid #fff;
}

.navbar div#menu-principal ul.dropdown-menu.depth_0 li a.nav-link:hover {
  background: #bfbfbf;
  color: #fff;
  border-color: #bfbfbf;
}

.navbar div#menu-principal ul.dropdown-menu.depth_0 li a.nav-link:focus {
  color: #fff;
}

.navbar div#menu-principal ul.dropdown-menu.depth_0 li.current-menu-item a {
  color: #5bb6c2;
  background: transparent;
}

.navbar div#menu-principal ul.dropdown-menu.depth_0.show {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

/**Search form*/
.modal-backdrop {
  position: unset !important;
}

/*Icon menu toggle*/
/* Icon  */
button.navbar-toggler.menu-button {
  padding: 0.8rem;
  border: none;
}

button.navbar-toggler.menu-button .menu-icons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

button.navbar-toggler.menu-button .menu-icons span.button-label {
  padding-right: 5px;
  font-size: 0.9em;
  margin-top: 3px;
  font-family: "Montserrat", sans-serif;
}

button.navbar-toggler.menu-button:focus {
  outline: none;
}

.animated-icon {
  width: 25px;
  height: 15px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.animated-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.animated-icon span {
  background: #000;
}

.animated-icon span:nth-child(1) {
  top: 0px;
}

.animated-icon span:nth-child(2) {
  top: 10px;
}

.animated-icon span:nth-child(3) {
  top: 20px;
}

.animated-icon.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.animated-icon.open span:nth-child(2) {
  opacity: 0;
}

.animated-icon.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/*****************************/
/*==========GENERAL==========*/
/*****************************/
html {
  scroll-behavior: smooth;
}

/*CONTAINER*/
ul,
aside {
  list-style-type: none;
}

.scroll-top {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  bottom: 2em;
  color: #ffffff;
  opacity: 0;
  padding: 5px 10px;
  position: fixed;
  right: 2em;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  z-index: 9999;
}

.scroll-top:hover {
  text-decoration: none;
  color: #fff;
}

.scroll-top i.icofont-dotted-up {
  font-size: 2.5em;
}

.anchor {
  position: relative;
  top: -150px;
}

.espacer {
  padding-top: 70px;
  padding-bottom: 50px;
}

.visible-fixed {
  -webkit-transition: 250ms ease-in-out;
  transition: 250ms ease-in-out;
}

.visible-fixed img {
  height: 100%;
}

body {
  background: #fff;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
}

p, span {
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
}

.home main {
  padding-bottom: 0;
}

.content .nav-archives a {
  background: grey;
  color: #000000;
  margin: 0 .5em;
  padding: .5em;
}

.main h1, footer h1 {
  font-weight: normal;
  margin: 0;
  padding: .5em;
  text-align: center;
  font-family: "Raleway", sans-serif;
}

.main h2, footer h2 {
  font-family: "Raleway", sans-serif;
}

h2.section-title {
  font-size: 2em;
  margin-bottom: 20px;
  font-weight: 800;
  color: #2e646b;
  position: relative;
  padding: 15px 0;
}

.main h3, footer h3 {
  font-size: 1.3em;
  margin-bottom: .5em;
  padding-top: .2em;
  font-family: "Raleway", sans-serif;
}

h3 span.horizontal-line {
  display: inline-block;
  vertical-align: middle;
  height: 1.6px;
  width: 50px;
  background-color: #e7610a;
}

h4, h5 {
  font-family: "Raleway", sans-serif;
}

.fz-1 {
  font-size: 1.3em;
}

.fz-2 {
  font-size: 1.5em;
}

.fz-3 {
  font-size: 1.8em;
}

main a,
main a strong {
  color: #66b3bd;
  font-family: "Raleway", sans-serif;
  -webkit-transition: 250ms ease-in-out;
  transition: 250ms ease-in-out;
}

main a:hover,
main a strong:hover {
  text-decoration: none;
  color: #5bb6c2;
}

figure {
  border: solid 0px #aaa;
}

.button-primary.btn-lighter {
  background: #89dbb4;
  color: #fff;
  border-radius: .25rem;
  padding: 12px 30px;
  font-family: "Raleway", sans-serif;
  font-weight: 200;
  border: 2px solid #89dbb4;
  color: #fff;
  font-size: 1.2em;
}

.button-primary.btn-lighter:hover {
  background: transparent;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  color: #89dbb4;
  border-color: #89dbb4;
  font-weight: 500;
  /*box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);*/
}

.button-primary.btn-orange {
  background: #e7610a;
  color: #fff;
  border-radius: .25rem;
  padding: 12px 30px;
  font-family: "Raleway", sans-serif;
  font-weight: 200;
  border: 2px solid #e7610a;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 16px;
}

.button-primary.btn-orange:hover {
  background: transparent;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  color: #e7610a;
  border-color: #e7610a;
  font-weight: 500;
  /*box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);*/
}

.button-primary.btn-orange:hover {
  color: #fff;
}

.button-primary.btn-darker {
  background: #293462;
  color: #fff;
  border-radius: .25rem;
  padding: 12px 30px;
  font-family: "Raleway", sans-serif;
  font-weight: 200;
  border: 2px solid #293462;
}

.button-primary.btn-darker:hover {
  background: transparent;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  color: #293462;
  border-color: #293462;
  font-weight: 500;
  /*box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);*/
}

a.wp-block-button__link,
input#searchsubmit,
button#searchsubmit,
input#wp-submit,
input.btn.btn-default,
.gform_wrapper.gravity-theme .gform_footer input {
  background: #89dbb4;
  color: #fff;
  border-radius: .25rem;
  padding: 12px 30px;
  font-family: "Raleway", sans-serif;
  font-weight: 200;
  border: 2px solid #89dbb4;
  padding: 8px 19px;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  margin-left: 3px;
  border-width: 2px;
}

a.wp-block-button__link:hover,
input#searchsubmit:hover,
button#searchsubmit:hover,
input#wp-submit:hover,
input.btn.btn-default:hover,
.gform_wrapper.gravity-theme .gform_footer input:hover {
  background: transparent;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  color: #89dbb4;
  border-color: #89dbb4;
  font-weight: 500;
  /*box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);*/
}

a.wp-block-button__link:hover,
input#searchsubmit:hover,
button#searchsubmit:hover,
input#wp-submit:hover,
input.btn.btn-default:hover,
.gform_wrapper.gravity-theme .gform_footer input:hover {
  border-color: #5bb6c2;
  color: #5bb6c2;
  font-weight: 200;
}

input#s {
  border: none;
  border-radius: 0px;
  -webkit-transition: 200ms ease-in-out;
  transition: 200ms ease-in-out;
  margin-right: 10px;
  position: relative;
  bottom: -2px;
  font-size: 22px;
  width: 78%;
}

input#s::-webkit-input-placeholder {
  font-weight: 600;
  color: #2e646b;
}

input#s:-ms-input-placeholder {
  font-weight: 600;
  color: #2e646b;
}

input#s::-ms-input-placeholder {
  font-weight: 600;
  color: #2e646b;
}

input#s::placeholder {
  font-weight: 600;
  color: #2e646b;
}

input#s:focus {
  outline: none;
  border-color: #66b3bd;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.overlay {
  background-color: rgba(32, 26, 22, 0.5);
}

/*Boutons adhésion*/
.pmpro_level .entry.post .pmpro_btn,
.pmpro_level .entry.post .pmpro_btn:link,
.pmpro_content_message a.button-primary.btn-lighter {
  border: 2px solid;
  background-color: #5bb6c2;
  color: #fff;
  font-weight: 500;
}

.pmpro_level .entry.post .pmpro_btn:hover,
.pmpro_level .entry.post .pmpro_btn:link:hover,
.pmpro_content_message a.button-primary.btn-lighter:hover {
  border-color: #5bb6c2;
  color: #5bb6c2;
  background: transparent;
}

/*=========================*/
/*****TOUTES LES PAGES******/
/*=========================*/
.header-wrapper {
  height: 360px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
}

.header-wrapper .overlay.h-100 {
  background-color: rgba(4, 12, 21, 0.5);
}

.header-wrapper .d-flex .page-title-wrapper h1 {
  color: #fff;
  font-size: 2.6rem;
  font-family: "Raleway", sans-serif;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: transparent;
  font-weight: 300;
  margin: 0 auto;
  text-transform: lowercase;
  position: relative;
}

.header-wrapper .d-flex .page-title-wrapper h1:after {
  content: '';
  background: #e7610a;
  width: 21%;
  height: 2px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  margin: 0 auto;
}

.header-wrapper .d-flex .page-title-wrapper h1:first-letter {
  text-transform: capitalize;
  color: #e7610a;
  font-weight: 700;
}

.header-wrapper .d-flex .page-title-wrapper .no-background {
  color: #2e646b;
  font-size: 48px;
}

.header-wrapper .d-flex .page-title-wrapper ul.page-custom-menu {
  list-style-type: none;
  padding: 0;
}

.header-wrapper .d-flex .page-title-wrapper ul.page-custom-menu li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 1.7;
  font-weight: 500;
  letter-spacing: .15em;
  padding: 15px 3px;
}

.header-wrapper .d-flex .page-title-wrapper ul.page-custom-menu li a {
  color: #fff;
}

.header-wrapper .d-flex .page-title-wrapper ul.page-custom-menu li span.title-thinner {
  color: #d5e3f6;
  font-weight: 600;
}

/*ul list for specifiques sections*/
ul.with-icon li {
  position: relative;
  font-family: "Montserrat", sans-serif;
}

ul.with-icon li::before {
  content: "\EB7B";
  font-family: remixicon !important;
  font-style: normal;
  position: absolute;
  left: -25px;
}

/*************************/
/*********ARCHIVE*********/
/*************************/
/*Affichage articles*/
.col-md-8.articles, .articles {
  /*Affichage catégories actualités et a la une*/
  /*Content search page, archive et A la une*/
  /*style and Hover effect for button "en savoir plus"*/
}

.col-md-8.articles .col-md-6, .articles .col-md-6 {
  height: 570px;
  padding: 15px;
}

.col-md-8.articles .col-md-6 article, .articles .col-md-6 article {
  position: relative;
  margin: 10px;
  -webkit-transition: 200ms ease-in-out;
  transition: 200ms ease-in-out;
  border-radius: 5px;
  -webkit-box-shadow: 6px 9px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 6px 9px 15px rgba(0, 0, 0, 0.1);
}

.col-md-8.articles .col-md-6 article .featured-img-wrapper, .articles .col-md-6 article .featured-img-wrapper {
  height: 200px;
  overflow: hidden;
  position: relative;
}

.col-md-8.articles .col-md-6 article .featured-img-wrapper img, .articles .col-md-6 article .featured-img-wrapper img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.col-md-8.articles .col-md-6 article .featured-img-wrapper .meta-date, .articles .col-md-6 article .featured-img-wrapper .meta-date {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 6px 15px;
  background: #e7610a;
  font-size: 0.8em;
}

.col-md-8.articles .col-md-6 article:hover, .articles .col-md-6 article:hover {
  -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15);
          box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15);
}

.col-md-8.articles .col-md-12, .col-md-8.articles .col-md, .articles .col-md-12, .articles .col-md {
  padding: 0;
  position: relative;
}

.col-md-8.articles .col-md-12 article, .col-md-8.articles .col-md article, .articles .col-md-12 article, .articles .col-md article {
  -webkit-box-shadow: 6px 9px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 6px 9px 15px rgba(0, 0, 0, 0.1);
}

.col-md-8.articles .col-md-12 article .featured-img-wrapper, .col-md-8.articles .col-md article .featured-img-wrapper, .articles .col-md-12 article .featured-img-wrapper, .articles .col-md article .featured-img-wrapper {
  border-top: 2px solid #e7610a;
}

.col-md-8.articles .col-md-12 article .featured-img-wrapper .meta-date, .col-md-8.articles .col-md article .featured-img-wrapper .meta-date, .articles .col-md-12 article .featured-img-wrapper .meta-date, .articles .col-md article .featured-img-wrapper .meta-date {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  padding: 6px 15px;
  background: #e7610a;
  font-size: 0.8em;
}

.col-md-8.articles .col-md:hover > article .button-container,
.col-md-8.articles .col-md-6:hover > article .button-container,
.col-md-8.articles .col-md-12:hover > article .button-container, .articles .col-md:hover > article .button-container,
.articles .col-md-6:hover > article .button-container,
.articles .col-md-12:hover > article .button-container {
  opacity: 1;
  margin-top: 2em;
}

.col-md-8.articles .col-md article .content-wrapper,
.col-md-8.articles .col-md-6 article .content-wrapper,
.col-md-8.articles .col-md-12 article .content-wrapper, .articles .col-md article .content-wrapper,
.articles .col-md-6 article .content-wrapper,
.articles .col-md-12 article .content-wrapper {
  padding: 20px;
}

.col-md-8.articles .col-md article .content-wrapper ul.post-categories,
.col-md-8.articles .col-md-6 article .content-wrapper ul.post-categories,
.col-md-8.articles .col-md-12 article .content-wrapper ul.post-categories, .articles .col-md article .content-wrapper ul.post-categories,
.articles .col-md-6 article .content-wrapper ul.post-categories,
.articles .col-md-12 article .content-wrapper ul.post-categories {
  list-style-type: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: 15px;
  right: 5px;
}

.col-md-8.articles .col-md article .content-wrapper ul.post-categories li,
.col-md-8.articles .col-md-6 article .content-wrapper ul.post-categories li,
.col-md-8.articles .col-md-12 article .content-wrapper ul.post-categories li, .articles .col-md article .content-wrapper ul.post-categories li,
.articles .col-md-6 article .content-wrapper ul.post-categories li,
.articles .col-md-12 article .content-wrapper ul.post-categories li {
  margin-left: 5px;
}

.col-md-8.articles .col-md article .content-wrapper ul.post-categories li a,
.col-md-8.articles .col-md-6 article .content-wrapper ul.post-categories li a,
.col-md-8.articles .col-md-12 article .content-wrapper ul.post-categories li a, .articles .col-md article .content-wrapper ul.post-categories li a,
.articles .col-md-6 article .content-wrapper ul.post-categories li a,
.articles .col-md-12 article .content-wrapper ul.post-categories li a {
  background: #2e646b;
  color: #fff;
  padding: 5px 8px;
  border-radius: 5px;
}

.col-md-8.articles .col-md article .content-wrapper ul.post-categories li a:hover,
.col-md-8.articles .col-md-6 article .content-wrapper ul.post-categories li a:hover,
.col-md-8.articles .col-md-12 article .content-wrapper ul.post-categories li a:hover, .articles .col-md article .content-wrapper ul.post-categories li a:hover,
.articles .col-md-6 article .content-wrapper ul.post-categories li a:hover,
.articles .col-md-12 article .content-wrapper ul.post-categories li a:hover {
  background: #4596a1;
}

.col-md-8.articles .col-md article .content-wrapper h3.custom-post-title,
.col-md-8.articles .col-md-6 article .content-wrapper h3.custom-post-title,
.col-md-8.articles .col-md-12 article .content-wrapper h3.custom-post-title, .articles .col-md article .content-wrapper h3.custom-post-title,
.articles .col-md-6 article .content-wrapper h3.custom-post-title,
.articles .col-md-12 article .content-wrapper h3.custom-post-title {
  text-transform: lowercase;
}

.col-md-8.articles .col-md article .content-wrapper h3.custom-post-title::first-letter,
.col-md-8.articles .col-md-6 article .content-wrapper h3.custom-post-title::first-letter,
.col-md-8.articles .col-md-12 article .content-wrapper h3.custom-post-title::first-letter, .articles .col-md article .content-wrapper h3.custom-post-title::first-letter,
.articles .col-md-6 article .content-wrapper h3.custom-post-title::first-letter,
.articles .col-md-12 article .content-wrapper h3.custom-post-title::first-letter {
  text-transform: capitalize;
}

.col-md-8.articles .col-md article .content-wrapper h3.custom-post-title a,
.col-md-8.articles .col-md-6 article .content-wrapper h3.custom-post-title a,
.col-md-8.articles .col-md-12 article .content-wrapper h3.custom-post-title a, .articles .col-md article .content-wrapper h3.custom-post-title a,
.articles .col-md-6 article .content-wrapper h3.custom-post-title a,
.articles .col-md-12 article .content-wrapper h3.custom-post-title a {
  font-size: 25px;
  font-weight: 600;
}

.col-md-8.articles .button-container, .articles .button-container {
  opacity: 0;
  -webkit-transition: 200ms ease-in-out;
  transition: 200ms ease-in-out;
}

.col-md-8.articles .button-container a, .articles .button-container a {
  font-weight: 700;
  color: #e7610a;
  padding: 15px;
  position: absolute;
  right: 0;
  bottom: 0;
}

/*Section à la une*/
section.a-la-une.espacer {
  background-image: url("/wp-content/uploads/background.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/*Navigation*/
nav.nav-archives a {
  border: 2px solid;
  padding: 5px 12px;
  border-radius: 5px;
}

nav.nav-archives a i {
  position: relative;
  top: 3px;
}

nav.nav-archives a span {
  font-weight: 700;
  font-family: "Raleway", sans-serif;
}

nav.nav-archives a:hover {
  background: #2e646b;
  color: #fff;
}

nav.nav-archives .left span {
  position: relative;
  right: 5px;
}

nav.nav-archives .left i {
  left: -3px;
}

nav.nav-archives .right span {
  position: relative;
  left: 5px;
}

nav.nav-archives .right i {
  right: -3px;
}

section#archive img {
  width: 100%;
}

.cat-search ul.children {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 5px;
}

.cat-search ul.children li.cat-item.current-cat a {
  background: transparent;
  color: #5bb6c2;
}

.cat-search ul.cat-archive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 5px;
}

.cat-search ul.cat-archive li.cat-item.current-cat a {
  background: transparent;
  color: #5bb6c2;
}

.cat-search ul.cat-archive li a {
  text-transform: uppercase;
  color: #fff;
  border-color: #5bb6c2;
}

.cat-search ul.cat-archive li a:hover {
  background: transparent;
  border-color: #5bb6c2;
  color: #5bb6c2;
}

.cat-search ul.cat-archive, .cat-search ul.post-categories {
  padding-left: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.cat-search ul.cat-archive li, .cat-search ul.cat-archive a, .cat-search ul.post-categories li, .cat-search ul.post-categories a {
  list-style-type: none;
  margin: 5px 2px;
  border-radius: 5px;
}

.cat-search a {
  background: #5bb6c2;
  color: #fff;
  border-radius: 3px;
  padding: 4px 15px;
  border: 2px solid #5bb6c2;
  font-weight: 600;
  -webkit-transition: 250ms ease-in-out;
  transition: 250ms ease-in-out;
}

.cat-search span i.icofont-search-1 {
  font-size: 1.6em;
  position: relative;
  bottom: 7px;
  right: 5px;
  color: #89dbb4;
}

.col-md-4.sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 0;
  font-family: "Raleway", sans-serif;
  padding: 0 15px;
  padding-left: 5%;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  margin-bottom: 30px;
}

.col-md-4.sidebar aside {
  border-top: 2px solid #2e646b;
}

.col-md-4.sidebar aside li.widget {
  list-style-type: none;
  padding-top: 2em;
}

.col-md-4.sidebar aside form#searchform {
  padding-left: 6px;
}

.col-md-4.sidebar aside form#searchform .row {
  border-radius: 6px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-shadow: 6px 9px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 6px 9px 15px rgba(0, 0, 0, 0.1);
}

.col-md-4.sidebar aside form#searchform .row .button-primary.btn-search {
  background: transparent;
  color: #2e646b;
  border-radius: 3px;
  font-family: "Poppins", sans-serif;
  font-size: 25px;
  padding: 2px;
  height: 38px;
  margin: 8px 8px 8px 0;
  border: none;
}

.col-md-4.sidebar aside h2.widget-title {
  font-weight: 500;
  position: relative;
}

.col-md-4.sidebar aside h2.widget-title:after {
  content: '';
  width: 50px;
  border-bottom: solid 2px #e7610a;
  position: absolute;
  z-index: 1;
  margin-left: 10px;
  bottom: 10px;
  left: 0px;
}

.col-md-4.sidebar aside .rpwwt-widget ul li:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 1.5em;
}

.col-md-4.sidebar aside .rpwwt-widget ul span.rpwwt-post-title {
  font-weight: 600;
}

/***************************/
/***********SINGLE**********/
/***************************/
section#single .col-md-8 .meta-date {
  padding: 10px 20px;
  margin-bottom: 20px;
  margin-right: 10px;
  background: orange;
  color: #fff;
  text-align: center;
}

section#single .col-md-8 .meta-date span.day {
  font-size: 3em;
  border-bottom: 2px solid;
}

/*=========================*/
/**********HOMEPAGE*********/
/*=========================*/
/*--------------------------------------------------------------
# Hero banner Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 100vh;
  background-color: rgba(4, 12, 21, 0.8);
  overflow: hidden;
  position: relative;
}

#hero svg.top {
  position: absolute;
  bottom: 0;
  z-index: 2;
}

#hero .carousel, #hero .carousel-inner, #hero .carousel-item, #hero .carousel-item::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

#hero .carousel-item {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;
}

#hero .carousel-item::before {
  content: '';
  background-color: rgba(4, 12, 21, 0.1);
}

#hero .carousel-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 0;
  top: 82px;
  left: 50px;
  right: 50px;
}

#hero h2 {
  color: #e7610a;
  margin: 0;
  font-size: 55px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

#hero p {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  color: #fff;
  margin-top: 10px;
}

#hero .carousel-inner .carousel-item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  background-position: center top;
}

#hero .carousel-inner .carousel-item,
#hero .carousel-inner .active.carousel-item-left,
#hero .carousel-inner .active.carousel-item-right {
  opacity: 0;
}

#hero .carousel-inner .active,
#hero .carousel-inner .carousel-item-next.carousel-item-left,
#hero .carousel-inner .carousel-item-prev.carousel-item-right {
  opacity: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#hero .carousel-inner .carousel-item-next,
#hero .carousel-inner .carousel-item-prev,
#hero .carousel-inner .active.carousel-item-left,
#hero .carousel-inner .active.carousel-item-right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

#hero .carousel-control-prev, #hero .carousel-control-next {
  width: 10%;
}

#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {
  background: none;
  font-size: 36px;
  line-height: 1;
  width: auto;
  height: auto;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50px;
  padding: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: rgba(255, 255, 255, 0.5);
  z-index: 3;
}

#hero .carousel-control-next-icon:hover, #hero .carousel-control-prev-icon:hover {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8);
}

#hero .carousel-indicators li {
  cursor: pointer;
  background: #fff;
  overflow: hidden;
  border: 0;
  width: 12px;
  height: 12px;
  border-radius: 50px;
  opacity: .6;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#hero .carousel-indicators li.active {
  opacity: 1;
  background: #c3cc4d;
}

#hero .btn-get-started {
  letter-spacing: 1px;
  display: inline-block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  line-height: 1;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  margin-top: 15px;
}

#hero .btn-get-started:hover {
  font-weight: 200;
}

/*Bouton section*/
/* .btn-wrapper-home {
	position: relative;
	.button-primary{
		transition: 200ms ease-in-out;
	}
	.left{
		left: 0;
	}
	&:hover .button-primary{
		margin-right: 20px;
	}
	&:hover .button-primary{
		margin-left: 20px;
	}
}
 */
/*--------------------------------------------------------------
# SECTION VIDEO
--------------------------------------------------------------*/
.intro .col-md-5 .thumb-wrapper {
  overflow: hidden;
}

.intro .col-md-5 .thumb-wrapper .video-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  min-height: 400px;
  position: relative;
  -webkit-transition: 250ms ease-in-out;
  transition: 250ms ease-in-out;
}

.intro .col-md-5:hover > .thumb-wrapper .video-box {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.intro h2.section-title::before {
  content: '';
  background: #e7610a;
  width: 21%;
  height: 2px;
  position: absolute;
  top: 0px;
  left: 20px;
}

.intro h2.section-title::after {
  content: '';
  background: #e7610a;
  width: 21%;
  height: 2px;
  position: absolute;
  bottom: 0px;
  right: 40px;
}

.intro h5 {
  font-weight: 300;
}

.intro .play-btn {
  width: 94px;
  height: 94px;
  background: radial-gradient(#e7610a 50%, rgba(231, 97, 10, 0.4) 52%);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: calc(50% - 47px);
  top: calc(50% - 47px);
  overflow: hidden;
}

.intro .play-btn::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-40%) translateY(-50%);
          transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 100;
  -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.intro .play-btn::before {
  content: '';
  position: absolute;
  width: 122px;
  height: 124px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate-btn 2s;
  animation: pulsate-btn 2s;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(231, 97, 10, 0.7);
  top: -15%;
  left: -15%;
  background: rgba(198, 16, 0, 0);
}

.intro .play-btn:hover::after {
  border-left: 15px solid #e7610a;
  -webkit-transform: scale(20);
          transform: scale(20);
}

.intro .play-btn:hover::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-40%) translateY(-50%);
          transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 200;
  -webkit-animation: none;
  animation: none;
  border-radius: 0;
}

/*--------------------------------------------------------------
# SECTION ADHESION
--------------------------------------------------------------*/
section.adhesion {
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
  /* background-attachment: fixed;
	 */
}

section.adhesion h2 {
  font-weight: 400;
}

section.adhesion h2::after {
  content: '';
  background: #e7610a;
  width: 21%;
  height: 2px;
  position: absolute;
  bottom: -15px;
  right: 0px;
  left: 0px;
  margin: 0 auto;
}

section.adhesion .fixed {
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

section.adhesion .parallax1, section.adhesion .parallax2, section.adhesion .fixed {
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 346px;
  background-attachment: fixed;
}

section.adhesion .parallax1 .overlay, section.adhesion .parallax2 .overlay, section.adhesion .fixed .overlay {
  background-color: rgba(32, 26, 22, 0.5);
  min-height: 346px;
}

section.adhesion .parallax1 .overlay h2, section.adhesion .parallax2 .overlay h2, section.adhesion .fixed .overlay h2 {
  color: #fff;
}

section.adhesion .btn-wrapper-home {
  position: sticky;
  position: -webkit-sticky;
  top: 30px;
  color: #fff;
  text-align: center;
}

section.adhesion .parallax1 {
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 95%, 50% 100%, 0 95%);
          clip-path: polygon(0 0, 100% 0%, 100% 95%, 50% 100%, 0 95%);
}

section.adhesion .fixed {
  top: 3px;
  position: relative;
  -webkit-clip-path: polygon(100% 1%, 100% 93%, 50% 100%, 0 93%, 0 0, 50% 7%);
          clip-path: polygon(100% 1%, 100% 93%, 50% 100%, 0 93%, 0 0, 50% 7%);
}

section.adhesion .parallax1 {
  position: relative;
  top: 27px;
}

section.adhesion .parallax2 {
  position: relative;
  top: -22px;
  -webkit-clip-path: polygon(100% 0%, 100% 100%, 50% 100%, 0 100%, 0 0, 50% 7%);
          clip-path: polygon(100% 0%, 100% 100%, 50% 100%, 0 100%, 0 0, 50% 7%);
}

/*--------------------------------------------------------------
# SECTION ACTUS
--------------------------------------------------------------*/
section.actualites {
  position: relative;
  margin-bottom: 3em;
}

section.actualites .col-md-8.articles .col-md-6 article {
  -webkit-box-shadow: 6px 9px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 6px 9px 15px rgba(0, 0, 0, 0.1);
}

section.actualites .sidebar-content aside a span {
  font-family: "Raleway", sans-serif;
  font-size: 25px;
  font-weight: 600;
}

section.actualites .sidebar-content aside .rpwwt-post-categories a {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
}

section.actualites .sidebar-content aside ul li {
  padding: 1rem 0.5em 0;
  background-color: #fff;
  border-top: 1px solid #eee;
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# SECTION CONTACT & NEWSLETTER FORM
--------------------------------------------------------------*/
section.contact .col-md-6 {
  background-size: cover;
  background-repeat: no-repeat;
}

section.contact .col-md-6 .overlay {
  padding: 4em;
  padding-left: 76px;
}

section.contact .col-md-6 .overlay h2.section-title {
  color: #fff;
}

section.contact .col-md-6 .overlay .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.form-wrapper.contact-form form#gform_2 textarea.textarea,
.form-wrapper.contact-form form#gform_2 input:not(input.gform_button.button),
.form#gform_3 textarea.textarea,
.form#gform_3 input:not(input.gform_button.button) {
  background: unset;
  border-style: none;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  padding-left: 0;
  width: 100%;
  margin-bottom: 1em;
  -webkit-transition: 200ms ease-in-out;
  transition: 200ms ease-in-out;
  border-radius: 0px;
  cursor: pointer;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.form-wrapper.contact-form form#gform_2 textarea.textarea::-webkit-input-placeholder,
.form-wrapper.contact-form form#gform_2 input:not(input.gform_button.button)::-webkit-input-placeholder,
.form#gform_3 textarea.textarea::-webkit-input-placeholder,
.form#gform_3 input:not(input.gform_button.button)::-webkit-input-placeholder {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
}

.form-wrapper.contact-form form#gform_2 textarea.textarea:-ms-input-placeholder,
.form-wrapper.contact-form form#gform_2 input:not(input.gform_button.button):-ms-input-placeholder,
.form#gform_3 textarea.textarea:-ms-input-placeholder,
.form#gform_3 input:not(input.gform_button.button):-ms-input-placeholder {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
}

.form-wrapper.contact-form form#gform_2 textarea.textarea::-ms-input-placeholder,
.form-wrapper.contact-form form#gform_2 input:not(input.gform_button.button)::-ms-input-placeholder,
.form#gform_3 textarea.textarea::-ms-input-placeholder,
.form#gform_3 input:not(input.gform_button.button)::-ms-input-placeholder {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
}

.form-wrapper.contact-form form#gform_2 textarea.textarea::placeholder,
.form-wrapper.contact-form form#gform_2 input:not(input.gform_button.button)::placeholder,
.form#gform_3 textarea.textarea::placeholder,
.form#gform_3 input:not(input.gform_button.button)::placeholder {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
}

.form-wrapper.contact-form form#gform_2 textarea.textarea:focus,
.form-wrapper.contact-form form#gform_2 input:not(input.gform_button.button):focus,
.form#gform_3 textarea.textarea:focus,
.form#gform_3 input:not(input.gform_button.button):focus {
  outline: none;
  border-color: #e7610a;
  border-width: 2px;
}

.form-wrapper.contact-form form#gform_2 input.btn.btn-default:hover,
.form#gform_3 input.btn.btn-default:hover {
  font-weight: 200;
  color: #fff;
}

.form-wrapper.contact-form form#gform_2 .gform_confirmation_wrapper,
.form#gform_3 .gform_confirmation_wrapper {
  color: #fff;
}

/***************************/
/**********VIDEOS**********/
/***************************/
.view_detail {
  cursor: pointer;
}

.video h2 {
  font-size: 1.25rem;
}

/*
Figure
*/
section.video figure {
  display: inherit;
  position: relative;
  margin: 0;
}

section.video figure > div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

section.video figure img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100% !important;
}

section.video figure:after {
  content: '';
  padding-top: 70%;
  display: block;
}

section.video figure .fa-play {
  position: absolute;
  color: #7bb69a;
  font-size: 5rem;
}

.modal.videoplay {
  z-index: 999999;
}

.modal.videoplay .modal-dialog {
  max-width: 70% !important;
}

@media (max-width: 600px) {
  .modal.videoplay .modal-dialog {
    max-width: 100% !important;
  }
  .modal.videoplay {
    padding-right: 0 !important;
  }
}

.post-type-archive-video .modal-backdrop {
  position: fixed !important;
  z-index: 999998;
}

.video-player {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.videoplay .modal-body {
  padding: 0;
}

.videoplay .close {
  position: absolute;
  z-index: 2;
  color: #fff;
  right: 0;
  padding: 10px;
}

/***************************/
/**********CONSEIL**********/
/***************************/
.staff-inner {
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 6px 9px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 6px 9px 15px rgba(0, 0, 0, 0.1);
  min-height: 398.18px;
}

.staff-inner .box-hover-effect {
  vertical-align: middle;
}

.staff-inner .box-hover-effect .effect-wrapper {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
}

.staff-inner .box-hover-effect .effect-wrapper .thumb {
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  height: 380px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}

.staff-inner .box-hover-effect .effect-wrapper .thumb .img-fullwidth {
  width: 100% !important;
  height: 380px;
  -o-object-fit: cover;
     object-fit: cover;
}

.staff-inner .box-hover-effect .staff-content {
  text-align: center;
  padding: 30px 20px 22px;
  overflow: hidden;
  z-index: 0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.staff-inner .box-hover-effect .staff-content .name {
  color: #2e646b;
  font-weight: 300;
}

.staff-inner .box-hover-effect .staff-content .hierarchie {
  color: #999;
  font-size: .95rem;
  margin-bottom: 10px;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
}

.staff-inner .box-hover-effect .staff-content.staff-content-hover {
  position: absolute;
  bottom: -150px;
  width: 100%;
  background: #ffc14d;
  opacity: 0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.staff-inner .box-hover-effect .staff-content.staff-content-hover .name {
  color: #fff;
  font-weight: 700;
}

.staff-inner .box-hover-effect .staff-content.staff-content-hover .hierarchie {
  position: relative;
  bottom: 0;
}

.staff-inner .box-hover-effect .staff-content.staff-content-hover a.email {
  margin-bottom: 20px;
  font-size: 0.8em;
  color: #fff;
}

.staff-inner .box-hover-effect .staff-content.staff-content-hover a.email i.ri-mail-send-fill {
  position: relative;
  top: 2px;
}

.staff-inner:hover > .box-hover-effect .staff-content.staff-content-hover {
  bottom: 0px;
  opacity: 1;
}

.staff-inner:hover > .box-hover-effect .effect-wrapper .thumb {
  -webkit-transform: scale(1);
          transform: scale(1);
}

/*************************/
/******PAGE ANNUAIRE******/
/*************************/
.user-search {
  position: relative;
}

a#refresh-dir {
  position: absolute;
  right: 0px;
}

.row.annuaire {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.row.annuaire .col-md.map {
  padding: 20px;
  height: 550px;
  width: 100%;
  border: 1px solid;
  border-style: groove;
}

.row.annuaire .col-md-4.list {
  width: 550px;
  height: 550px;
  overflow: scroll;
}

.row.annuaire div#bloc-list {
  display: none;
}

.medecin {
  border-bottom: 1px solid #e7610a;
  padding: 20px 0;
  position: relative;
  margin-bottom: 12px;
}

h2.doctor-name {
  font-size: 1.4em;
}

span.lastname {
  text-transform: uppercase;
}

span.firstname {
  text-transform: capitalize;
}

.row.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 50px 0 10px 0;
}

.row.pagination a {
  background: #E86223;
  padding: 7px 9px;
  color: #fff;
  border-radius: 3px;
}

label.assistive-text {
  font-size: 1.5em;
}

.user-search {
  margin-bottom: 2rem;
}

.user-search input#s {
  width: 78%;
  bottom: -6px;
}

.user-search h2 {
  padding: 16px 0;
  font-size: 1.5em;
}

label.assistive-text {
  position: relative;
  bottom: -8px;
}

@media (max-width: 768px) {
  form#sul-searchform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100px;
  }
  .user-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .user-search a {
    margin-top: 15px;
  }
  a#refresh-dir {
    position: relative;
  }
  .row.annuaire {
    display: block;
  }
  .row.annuaire .col-md-4.list {
    overflow-y: visible;
    height: auto;
    width: 100%;
  }
  .row.annuaire .col-md.map {
    width: 100%;
  }
}

/*************************/
/******PAGE ADHESION******/
/*************************/
div#pmpro_levels .pmpro_level {
  padding: 15px;
}

div#pmpro_levels .pmpro_level .entry.post {
  color: #2e646b;
  text-align: center;
  border-radius: 10px;
  background: #e6e6e6;
  border: 3px solid #ffd280;
  min-height: 295.6px;
  -webkit-transition: 150ms ease-in-out;
  transition: 150ms ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

div#pmpro_levels .pmpro_level .entry.post:hover {
  border-color: #ffa500;
  -webkit-box-shadow: 6px 9px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 6px 9px 15px rgba(0, 0, 0, 0.1);
}

div#pmpro_levels .pmpro_level .entry.post header.entry-header h2 {
  font-weight: 300;
}

div#pmpro_levels .pmpro_level .entry.post a.pmpro_btn.pmpro_btn-select {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
}

div#pmpro_levels .pmpro_level .entry.post footer.entry-footer {
  color: #2e646b;
}

/*Style formulaire checkout*/
/*Champs requis*/
span.pmpro_asterisk abbr {
  color: #e7610a;
  font-size: 25px;
}

i.fas.fa-info-circle {
  color: #e7610a;
  font-size: 20px;
}

.pmpro_checkout-fields input, .pmpro_checkout-fields select {
  border: 0px;
  border: 1.5px solid #747474;
  border-radius: 4px;
  padding: 6px 8px;
  -webkit-transition: 250ms ease-in-out;
  transition: 250ms ease-in-out;
}

.pmpro_checkout-fields input:focus, .pmpro_checkout-fields select:focus {
  border: 1.5px solid #e7610a;
}

@media only screen and (min-width: 1200px) {
  #pmpro_form h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .pmpro_checkout .pmpro_checkout-fields .pmpro_checkout-field {
    clear: left;
  }
  .pmpro_checkout .pmpro_checkout-fields .pmpro_checkout-field label {
    float: left;
    margin: 0 1em 0 0;
    text-align: right;
    width: 250px;
  }
  .pmpro_checkout .pmpro_checkout-field.pmpro_captcha,
  .pmpro_checkout .pmpro_checkout-field-text p {
    margin-left: 200px;
    padding-left: 1em;
  }
  div#texte_syndicat_div p.warning {
    position: relative;
    left: 6.5%;
    color: #e7610a;
  }
}

@media (max-width: 768px) {
  div#texte_syndicat_div p.warning {
    left: 0;
    color: #e7610a !important;
  }
}

/*Mobile et téléphone pro*/
div#mobile_div label, div#telephone_professionel_div label {
  float: left;
  margin: 0 1em 0 0;
  text-align: right;
  width: 250px;
}

div#mobile_div, div#telephone_professionel_div {
  margin: 0 0 1em;
}

/*Label checkbox situation**/
.pmprorh_grouped_checkboxes {
  margin: 0 auto;
  padding-left: 21%;
}

div#situation_div .pmprorh_grouped_checkboxes label,
div#cabine_plethysmographie_div .pmprorh_grouped_checkboxes label {
  font-weight: 400;
  font-size: 0.9em;
  float: unset;
  text-align: left;
  width: 260px;
}

span.pmpro_checkout-h3-msg a {
  background: #5bb6c2;
  color: #fff;
  padding: 10px 8px;
  font-style: normal;
}

/*Checkbox annuaire*/
div#checkbox_annuaire_div label:nth-child(1) {
  float: left;
  margin: 0 1em 0 0;
  text-align: right;
  width: 250px;
}

div#select_annuaire_div {
  min-height: 70px;
}

/*************************/
/****PAGE GRAND PUBLIC****/
/*************************/
/*=======================*/
.wrapper.accordion .block__title,
.wrapper.accordion .block__title.active {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
  padding: 0;
  border-radius: 0px;
}

.wrapper.accordion .block__title h3,
.wrapper.accordion .block__title.active h3 {
  cursor: pointer;
  position: relative;
  display: block;
  padding: 11px 10px 18px 55px;
  background: #fff;
  color: #808080;
  text-transform: lowercase;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  margin-bottom: 0;
}

.wrapper.accordion .block__title h3::first-letter,
.wrapper.accordion .block__title.active h3::first-letter {
  text-transform: capitalize;
}

.wrapper.accordion .block__title h3:after,
.wrapper.accordion .block__title.active h3:after {
  content: "\f068";
  background: #89dbb4;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #fff;
  font-size: 17px;
  position: absolute;
  left: -24px;
  top: 0;
  padding: 15px 19px;
}

.wrapper.accordion .block__title h3:after {
  content: "\f067";
  background: #e7610a;
  -webkit-transition: 150ms ease-in-out;
  transition: 150ms ease-in-out;
}

.wrapper.accordion .block__title h3:hover:after {
  -webkit-transform: translateX(-3px);
          transform: translateX(-3px);
}

.wrapper.accordion .block__text {
  display: none;
}

.wrapper.accordion .block__text p {
  line-height: 1.9;
}

.wrapper.accordion .block__text p:last-child {
  margin-bottom: 0px;
}

.wrapper.accordion .block__text .inner-post-entry.entry-content {
  padding-left: 50px;
  color: #333;
  line-height: 24px;
  border-left: 5px solid #dfdfdf;
}

/*************************/
/****PAGE PARTENAIRES*****/
/*************************/
.wp-block-image.img-partners figure {
  overflow: hidden;
  border-radius: 10px;
  -webkit-box-shadow: 6px 9px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 6px 9px 15px rgba(0, 0, 0, 0.2);
}

.wp-block-image.img-partners figure img {
  -webkit-transition: 200ms ease-in-out;
  transition: 200ms ease-in-out;
}

.wp-block-image.img-partners:hover > figure img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/*Formulaire de demande de parteneriat*/
.caldera-grid.partners-form textarea.form-control,
.caldera-grid.partners-form input:not(input.btn.btn-default) {
  border-bottom: 1px solid #000;
  color: #000;
}

.caldera-grid.partners-form textarea.form-control::-webkit-input-placeholder,
.caldera-grid.partners-form input:not(input.btn.btn-default)::-webkit-input-placeholder {
  color: #555;
}

.caldera-grid.partners-form textarea.form-control:-ms-input-placeholder,
.caldera-grid.partners-form input:not(input.btn.btn-default):-ms-input-placeholder {
  color: #555;
}

.caldera-grid.partners-form textarea.form-control::-ms-input-placeholder,
.caldera-grid.partners-form input:not(input.btn.btn-default)::-ms-input-placeholder {
  color: #555;
}

.caldera-grid.partners-form textarea.form-control::placeholder,
.caldera-grid.partners-form input:not(input.btn.btn-default)::placeholder {
  color: #555;
}

.caldera-grid.partners-form textarea.form-control:focus,
.caldera-grid.partners-form input:not(input.btn.btn-default):focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.caldera-grid.partners-form input.btn.btn-default:hover {
  color: #5bb6c2;
}

/*************************/
/*******SITEMAP***********/
ul.tree li {
  position: relative;
}

ul.tree li::before {
  content: url(/wp-content/uploads/share-box-line.svg);
  position: absolute;
  left: -30px;
  top: 3px;
}

/*************************/
/**********FOOTER*********/
/*************************/
footer {
  background: #000000;
  color: #fff;
  font-family: "Raleway", sans-serif;
  /*Newsletter*/
}

footer a {
  color: #5bb6c2;
  -webkit-transition: 200ms ease-in-out;
  transition: 200ms ease-in-out;
}

footer a:hover {
  color: #e7610a;
  text-decoration: none;
}

footer .overlay {
  padding: 4em 0 3em;
}

footer .fotter-banner.text-center {
  background: #7bb69a;
  color: #fff;
}

footer .fotter-banner.text-center a {
  color: #bcd994;
}

footer .social i {
  font-size: 20px;
  border-radius: 50%;
  padding: 11px;
  margin-left: 5px;
  border: 2px solid #fff;
}

footer .social i:hover {
  background-color: #fff;
}

footer input#mce-EMAIL {
  width: 80%;
  padding: 10px;
  border: 1px solid #fff;
  border-radius: 5px;
  margin-bottom: 10px;
  background: transparent;
  color: #fff;
  font-size: 1.2em;
  font-weight: 300;
  -webkit-transition: 200ms ease-in-out;
  transition: 200ms ease-in-out;
  cursor: pointer;
}

footer input#mce-EMAIL::-webkit-input-placeholder {
  color: #fff;
}

footer input#mce-EMAIL:-ms-input-placeholder {
  color: #fff;
}

footer input#mce-EMAIL::-ms-input-placeholder {
  color: #fff;
}

footer input#mce-EMAIL::placeholder {
  color: #fff;
}

/********************/
/***MEDIA QUERIES****/
/*******************/
@media (min-width: 1400px) {
  /*CONTAINER*/
  header.header .container,
  footer.footer .container,
  nav.navbar .container,
  main.main .container,
  .container-lg, .container-md,
  .container-sm, .container-xl,
  .container {
    max-width: 1300px;
    width: 1300px;
  }
}

@media (max-width: 1400px) {
  /*MENU*/
  div#menu-principal ul.navbar-nav.ml-auto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
}

@media (max-width: 992px) {
  .main h2 {
    font-size: 1.5em;
  }
  section.adhesion .parallax1 a.button-primary.btn-orange {
    font-size: unset;
  }
  input#s {
    width: 100%;
  }
  .header .adresse p.contact:after {
    display: none;
  }
  /*homepage slider*/
  #hero {
    height: 100%;
    min-height: 460px;
  }
}

@media (max-width: 768px) {
  /*Section adhésion accueil*/
  section.adhesion .parallax1 {
    background-attachment: scroll;
  }
  /*Section contact accueil*/
  section.contact .col-md-6 .overlay {
    padding: 2em;
  }
  /*HEADER*/
  .header-wrapper {
    min-height: 300px;
  }
  .header-wrapper .d-flex .page-title-wrapper h1 {
    font-size: 2em;
  }
  /*menu mobile*/
  ul.dropdown-menu.depth_0.dropdown-menu-right.show {
    margin-bottom: 8px;
  }
  .navbar div#menu-principal .dropdown-menu .nav-link {
    font-size: 11px;
  }
  .navbar div#menu-principal li#menu-item-9324 a {
    margin-top: 5px;
  }
  a.button-primary.btn-lighter {
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
  }
  /*homepage slider*/
  #hero {
    height: 100%;
    min-height: 395px;
  }
  /*FAQ*/
  .wrapper.accordion .block__title h3:after, .wrapper.accordion .block__title.active h3:after {
    left: -2px;
  }
  /*PAGE CHECKOUT*/
  form#pmpro_form .pmpro_checkout h3 span.pmpro_checkout-h3-msg {
    margin-bottom: 3em;
    margin-top: 2em;
  }
  form#pmpro_form a.button-primary.btn-lighter {
    font-size: 1em;
  }
  .pmprorh_grouped_checkboxes {
    padding-left: 0;
  }
  .pmprorh_grouped_checkboxes ul {
    padding: 0;
  }
  span.pmprorh_checkbox_span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 5px 0;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}

@media (max-width: 576px) {
  /*homepage slider*/
  #hero {
    height: 100%;
    min-height: 200px;
  }
}
/*# sourceMappingURL=main.css.map */