/*****************************************************
	Custom CSS
/*****************************************************
/*****************************************************
/*****************************************************/
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important; }

/*****************************************************
	Animation
/*****************************************************/
@-webkit-keyframes slideInLeft {
  0% {
    left: -2000px; }
  100% {
    left: 0px; } }
@-moz-keyframes slideInLeft {
  0% {
    left: -2000px; }
  100% {
    left: 0px; } }
@-o-keyframes slideInLeft {
  0% {
    left: -2000px; }
  100% {
    left: 0px; } }
@keyframes slideInLeft {
  0% {
    left: -2000px; }
  100% {
    left: 0px; } }
@-webkit-keyframes showPop {
  0% {
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  80% {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes showPop {
  0% {
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  80% {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@-o-keyframes showPop {
  0% {
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  80% {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@keyframes showPop {
  0% {
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  80% {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes fadeInTop {
  0% {
    top: 100px;
    opacity: 0; }
  100% {
    top: 0px;
    opacity: 1; } }
@-moz-keyframes fadeInTop {
  0% {
    top: 100px;
    opacity: 0; }
  100% {
    top: 0px;
    opacity: 1; } }
@-o-keyframes fadeInTop {
  0% {
    top: 100px;
    opacity: 0; }
  100% {
    top: 0px;
    opacity: 1; } }
@keyframes fadeInTop {
  0% {
    top: 100px;
    opacity: 0; }
  100% {
    top: 0px;
    opacity: 1; } }
/*****************************************************
	General / Reset / Structure
/*****************************************************/
/* 1em = 10px; */
html {
  font-size: 62.5% !important; }

body {
  font-family: 'Open Sans', sans-serif; }

a {
  outline: none !important; }

.tel {
  color: inherit !important;
  cursor: default; }
  .tel:hover {
    text-decoration: none; }

.clearfix:after {
  content: " ";
  /* Older browser do not support empty content */
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

#container {
  margin: 0 auto; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif; }

h1,
.like-h1 {
  font-size: 3rem;
  text-transform: uppercase;
  color: #ffffff;
  margin: 20px 0 10px;
  font-weight: 500; }

h2,
.like-h2 {
  font-size: 3rem;
  text-transform: uppercase;
  color: #37657f;
  font-weight: 700;
  margin: 10px 0 45px;
  position: relative; }

h3,
.like-h3 {
  font-size: 2.4rem;
  text-transform: uppercase;
  color: #37657f;
  font-weight: 700;
  margin: 20px 0 21px;
  line-height: 1;
  font-family: 'Open Sans', sans-serif; }

h4,
.like-h4 {
  font-size: 1.8rem;
  text-transform: uppercase;
  color: #eeeeee;
  font-weight: 700;
  margin: 10px 0 5px;
  line-height: 1; }

h5,
.like-h5 {
  font-size: 1.8rem;
  color: #37657f;
  font-weight: 600;
  margin: 10px 0 15px;
  line-height: 1;
  font-family: 'Open Sans', sans-serif; }

h6,
.like-h6 {
  font-size: 1.6rem;
  text-transform: uppercase;
  color: #dddddd;
  font-weight: 700;
  margin: 38px 0 5px;
  line-height: 1;
  font-family: 'Open Sans', sans-serif; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    text-decoration: none; }
  h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #c7de00; }

h2 .small-title {
  color: #666666; }

h2:after, .like-h2:after {
  content: "";
  display: block;
  margin: 16px 0 0;
  width: 50px;
  height: 2px;
  background-color: #c7de00; }

p, .wpcf7-form .select-style .text-select, .site-content li {
  font-size: 1.4rem;
  margin-bottom: 18px;
  color: #8e8e8e;
  line-height: 22px; }

blockquote {
  background-color: #f3f3f3;
  padding: 22px;
  margin: 35px 15%; }
  blockquote p, blockquote .wpcf7-form .select-style .text-select, .wpcf7-form .select-style blockquote .text-select {
    margin-bottom: 0; }
    blockquote p:last-child:after, blockquote .wpcf7-form .select-style .text-select:last-child:after, .wpcf7-form .select-style blockquote .text-select:last-child:after {
      content: "\f10e";
      font-family: fontawesome;
      color: #37657f;
      font-size: 2.7rem;
      display: inline-block;
      margin-left: 10px;
      margin-top: 5px;
      vertical-align: text-top; }

.button {
  background-color: #37657f;
  border-radius: 4px;
  color: #ffffff;
  float: none;
  display: inline-block;
  width: auto;
  padding: 12px 5px 11px;
  min-width: 150px;
  height: 45px;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  font-size: 1.4rem;
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  .button:hover {
    text-decoration: none; }
  .button:hover {
    color: #c7de00; }

/*****************************************************
	Header
/*****************************************************/
#mmenu {
  background-color: #37657f; }
  #mmenu .mm-listview {
    margin-top: 0; }
    #mmenu .mm-listview > li {
      color: #ffffff;
      text-transform: uppercase;
      font-family: "Roboto",sans-serif; }
      #mmenu .mm-listview > li .sub-menu > li {
        text-transform: none; }
      #mmenu .mm-listview > li.current-menu-item > a, #mmenu .mm-listview > li.current-page-ancestor > a {
        color: #c7de00; }
  #mmenu .mm-navbar {
    height: auto;
    padding: 0 20px;
    text-align: left;
    border: none;
    position: static; }
    #mmenu .mm-navbar .home-link img, #mmenu .mm-navbar #colophon .footer-logo img, #colophon #mmenu .mm-navbar .footer-logo img {
      width: 75px; }
    #mmenu .mm-navbar .mm-btn {
      font-size: 4rem;
      color: #ffffff; }
  #mmenu .m-sociaux {
    padding: 10px; }
    #mmenu .m-sociaux a {
      display: inline;
      padding: 0 10px; }
  #mmenu .m-languages {
    padding: 10px 10px 10px 15px;
    font-size: 1.8rem; }
    #mmenu .m-languages a {
      display: inline;
      padding: 0 5px; }

#mmenu {
  display: none;
  border-left: 2px solid #294b5f; }
  #mmenu li:first-child:before {
    content: "";
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    display: block;
    position: relative;
    left: 20px; }

#open-mmenu {
  display: none;
  float: right;
  color: #ffffff;
  font-size: 5.5rem; }

.bottom-left {
  width: 50%;
  position: absolute !important;
  bottom: 10px !important;
  left: 10px !important;
  margin: 0 10%; }
  .bottom-left:after {
    border-bottom: none !important; }
  .bottom-left a {
    display: inline !important;
    color: white; }

.bottom-right {
  width: 50%;
  position: absolute !important;
  bottom: 10px !important;
  right: -15px;
  margin-left: 10%; }
  .bottom-right:after {
    border-bottom: none !important; }
  .bottom-right a {
    display: inline !important;
    color: white;
    padding: 5px !important; }

#masthead {
  position: relative;
  background-color: #37657f;
  padding: 21px 0 25px; }
  #masthead ul {
    list-style: none; }

.home-link, #colophon .footer-logo {
  opacity: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  .home-link:hover, #colophon .footer-logo:hover {
    text-decoration: none; }
  .home-link:hover, #colophon .footer-logo:hover {
    opacity: 0.6; }

#topbar {
  font-size: 0;
  z-index: 1;
  position: relative;
  margin-bottom: 28px;
  text-align: right; }
  #topbar .sociaux {
    vertical-align: middle; }

.languages {
  color: #ffffff;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  padding: 0;
  margin: 0 75px 0 0;
  display: inline-block;
  vertical-align: middle; }
  .languages li {
    display: inline-block; }
    .languages li .lang {
      color: inherit;
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
      .languages li .lang:hover {
        text-decoration: none; }
      .languages li .lang:hover {
        color: #c7de00; }

.sociaux {
  padding: 0;
  margin: 0;
  display: inline-block;
  list-style-type: none; }
  .sociaux li {
    padding-right: 10px;
    float: left;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
    .sociaux li a {
      font-size: 1.2rem;
      height: 25px;
      width: 25px;
      display: inline-block;
      border: 1px solid #ffffff;
      color: #ffffff;
      border-radius: 50%;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none;
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
      .sociaux li a:hover {
        text-decoration: none; }
      .sociaux li a:hover {
        background-color: #ffffff;
        color: #37657f; }
      .sociaux li a i {
        vertical-align: top;
        line-height: 25px; }
    .sociaux li:last-child {
      padding-right: 0px; }
    .sociaux li:nth-child(1) {
      -webkit-animation-delay: 0.3333333333s;
      -webkit-animation-duration: 0.5s;
      -webkit-animation-name: showPop;
      -webkit-animation-fill-mode: forwards;
      -moz-animation-delay: 0.3333333333s;
      -moz-animation-duration: 0.5s;
      -moz-animation-name: showPop;
      -moz-animation-fill-mode: forwards;
      -o-animation-delay: 0.3333333333s;
      -o-animation-duration: 0.5s;
      -o-animation-name: showPop;
      -o-animation-fill-mode: forwards;
      animation-delay: 0.3333333333s;
      animation-duration: 0.5s;
      animation-name: showPop;
      animation-fill-mode: forwards; }
    .sociaux li:nth-child(2) {
      -webkit-animation-delay: 0.6666666667s;
      -webkit-animation-duration: 0.5s;
      -webkit-animation-name: showPop;
      -webkit-animation-fill-mode: forwards;
      -moz-animation-delay: 0.6666666667s;
      -moz-animation-duration: 0.5s;
      -moz-animation-name: showPop;
      -moz-animation-fill-mode: forwards;
      -o-animation-delay: 0.6666666667s;
      -o-animation-duration: 0.5s;
      -o-animation-name: showPop;
      -o-animation-fill-mode: forwards;
      animation-delay: 0.6666666667s;
      animation-duration: 0.5s;
      animation-name: showPop;
      animation-fill-mode: forwards; }
    .sociaux li:nth-child(3) {
      -webkit-animation-delay: 1s;
      -webkit-animation-duration: 0.5s;
      -webkit-animation-name: showPop;
      -webkit-animation-fill-mode: forwards;
      -moz-animation-delay: 1s;
      -moz-animation-duration: 0.5s;
      -moz-animation-name: showPop;
      -moz-animation-fill-mode: forwards;
      -o-animation-delay: 1s;
      -o-animation-duration: 0.5s;
      -o-animation-name: showPop;
      -o-animation-fill-mode: forwards;
      animation-delay: 1s;
      animation-duration: 0.5s;
      animation-name: showPop;
      animation-fill-mode: forwards; }
    .sociaux li:nth-child(4) {
      -webkit-animation-delay: 1.3333333333s;
      -webkit-animation-duration: 0.5s;
      -webkit-animation-name: showPop;
      -webkit-animation-fill-mode: forwards;
      -moz-animation-delay: 1.3333333333s;
      -moz-animation-duration: 0.5s;
      -moz-animation-name: showPop;
      -moz-animation-fill-mode: forwards;
      -o-animation-delay: 1.3333333333s;
      -o-animation-duration: 0.5s;
      -o-animation-name: showPop;
      -o-animation-fill-mode: forwards;
      animation-delay: 1.3333333333s;
      animation-duration: 0.5s;
      animation-name: showPop;
      animation-fill-mode: forwards; }
    .sociaux li:nth-child(5) {
      -webkit-animation-delay: 1.6666666667s;
      -webkit-animation-duration: 0.5s;
      -webkit-animation-name: showPop;
      -webkit-animation-fill-mode: forwards;
      -moz-animation-delay: 1.6666666667s;
      -moz-animation-duration: 0.5s;
      -moz-animation-name: showPop;
      -moz-animation-fill-mode: forwards;
      -o-animation-delay: 1.6666666667s;
      -o-animation-duration: 0.5s;
      -o-animation-name: showPop;
      -o-animation-fill-mode: forwards;
      animation-delay: 1.6666666667s;
      animation-duration: 0.5s;
      animation-name: showPop;
      animation-fill-mode: forwards; }
    .sociaux li:nth-child(6) {
      -webkit-animation-delay: 2s;
      -webkit-animation-duration: 0.5s;
      -webkit-animation-name: showPop;
      -webkit-animation-fill-mode: forwards;
      -moz-animation-delay: 2s;
      -moz-animation-duration: 0.5s;
      -moz-animation-name: showPop;
      -moz-animation-fill-mode: forwards;
      -o-animation-delay: 2s;
      -o-animation-duration: 0.5s;
      -o-animation-name: showPop;
      -o-animation-fill-mode: forwards;
      animation-delay: 2s;
      animation-duration: 0.5s;
      animation-name: showPop;
      animation-fill-mode: forwards; }
    .sociaux li:nth-child(7) {
      -webkit-animation-delay: 2.3333333333s;
      -webkit-animation-duration: 0.5s;
      -webkit-animation-name: showPop;
      -webkit-animation-fill-mode: forwards;
      -moz-animation-delay: 2.3333333333s;
      -moz-animation-duration: 0.5s;
      -moz-animation-name: showPop;
      -moz-animation-fill-mode: forwards;
      -o-animation-delay: 2.3333333333s;
      -o-animation-duration: 0.5s;
      -o-animation-name: showPop;
      -o-animation-fill-mode: forwards;
      animation-delay: 2.3333333333s;
      animation-duration: 0.5s;
      animation-name: showPop;
      animation-fill-mode: forwards; }
    .sociaux li:nth-child(8) {
      -webkit-animation-delay: 2.6666666667s;
      -webkit-animation-duration: 0.5s;
      -webkit-animation-name: showPop;
      -webkit-animation-fill-mode: forwards;
      -moz-animation-delay: 2.6666666667s;
      -moz-animation-duration: 0.5s;
      -moz-animation-name: showPop;
      -moz-animation-fill-mode: forwards;
      -o-animation-delay: 2.6666666667s;
      -o-animation-duration: 0.5s;
      -o-animation-name: showPop;
      -o-animation-fill-mode: forwards;
      animation-delay: 2.6666666667s;
      animation-duration: 0.5s;
      animation-name: showPop;
      animation-fill-mode: forwards; }
    .sociaux li:nth-child(9) {
      -webkit-animation-delay: 3s;
      -webkit-animation-duration: 0.5s;
      -webkit-animation-name: showPop;
      -webkit-animation-fill-mode: forwards;
      -moz-animation-delay: 3s;
      -moz-animation-duration: 0.5s;
      -moz-animation-name: showPop;
      -moz-animation-fill-mode: forwards;
      -o-animation-delay: 3s;
      -o-animation-duration: 0.5s;
      -o-animation-name: showPop;
      -o-animation-fill-mode: forwards;
      animation-delay: 3s;
      animation-duration: 0.5s;
      animation-name: showPop;
      animation-fill-mode: forwards; }
    .sociaux li:nth-child(10) {
      -webkit-animation-delay: 3.3333333333s;
      -webkit-animation-duration: 0.5s;
      -webkit-animation-name: showPop;
      -webkit-animation-fill-mode: forwards;
      -moz-animation-delay: 3.3333333333s;
      -moz-animation-duration: 0.5s;
      -moz-animation-name: showPop;
      -moz-animation-fill-mode: forwards;
      -o-animation-delay: 3.3333333333s;
      -o-animation-duration: 0.5s;
      -o-animation-name: showPop;
      -o-animation-fill-mode: forwards;
      animation-delay: 3.3333333333s;
      animation-duration: 0.5s;
      animation-name: showPop;
      animation-fill-mode: forwards; }

/* Menu */
.mainmenu-wrap {
  background-color: rgba(255, 255, 255, 0.85);
  z-index: 1;
  position: relative; }

.navigation {
  float: left;
  width: auto;
  clear: none; }
  .navigation ul {
    padding: 0;
    margin: 0;
    font-size: 0; }

#navbar {
  float: right; }

.nav-menu li {
  padding: 0 10px;
  margin: 0 7px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  .nav-menu li:hover {
    text-decoration: none; }
  .nav-menu li a {
    padding: 0 0 10px;
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.4rem;
    border: 0px solid #c7de00;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    .nav-menu li a:hover {
      text-decoration: none; }
  .nav-menu li .sub-menu {
    background-color: transparent;
    border: none;
    margin-top: -1px; }
    .nav-menu li .sub-menu li {
      background-color: #ffffff;
      padding: 0 10px; }
      .nav-menu li .sub-menu li a {
        color: #37657f;
        padding: 10px 0;
        width: 175px; }
      .nav-menu li .sub-menu li:first-child {
        border-top: 3px solid #c7de00; }
        .nav-menu li .sub-menu li:first-child.current-menu-item, .nav-menu li .sub-menu li:first-child:hover {
          border-color: #ffffff; }
      .nav-menu li .sub-menu li.current-menu-item {
        background-color: #c7de00; }
        .nav-menu li .sub-menu li.current-menu-item > a {
          border-bottom: none;
          color: #ffffff; }
      .nav-menu li .sub-menu li:hover {
        background-color: #c7de00; }
  .nav-menu li:last-child {
    margin-right: 0;
    padding-right: 0; }
.nav-menu > li > a:hover {
  color: #c7de00; }
.nav-menu li.current-menu-item > a,
.nav-menu .current-page-ancestor > a {
  color: #c7de00;
  border-bottom: 1px solid #c7de00; }

/*****************************************************
	Frame / Content
/*****************************************************/
#content {
  padding-top: 40px;
  padding-bottom: 40px; }

#content.page-accueil {
  padding-bottom: 10px; }
  #content.page-accueil section:last-child {
    margin-bottom: 0; }

header {
  position: relative;
  background-color: #eee; }

header:after {
  content: " ";
  /* Older browser do not support empty content */
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

.page-banner {
  height: 230px;
  overflow: hidden; }
  .page-banner .text-zone {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .page-banner h1 {
    margin: 0 0 5px;
    position: relative;
    left: -2000px;
    -webkit-animation-delay: 0.7s;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-name: slideInLeft;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-delay: 0.7s;
    -moz-animation-duration: 1.5s;
    -moz-animation-name: slideInLeft;
    -moz-animation-fill-mode: forwards;
    -o-animation-delay: 0.7s;
    -o-animation-duration: 1.5s;
    -o-animation-name: slideInLeft;
    -o-animation-fill-mode: forwards;
    animation-delay: 0.7s;
    animation-duration: 1.5s;
    animation-name: slideInLeft;
    animation-fill-mode: forwards; }

.breadcrumb {
  font-size: 1.4rem;
  color: #a8a8a8;
  position: relative;
  left: -2000px;
  -webkit-animation-delay: 1s;
  -webkit-animation-duration: 1.7s;
  -webkit-animation-name: slideInLeft;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-delay: 1s;
  -moz-animation-duration: 1.7s;
  -moz-animation-name: slideInLeft;
  -moz-animation-fill-mode: forwards;
  -o-animation-delay: 1s;
  -o-animation-duration: 1.7s;
  -o-animation-name: slideInLeft;
  -o-animation-fill-mode: forwards;
  animation-delay: 1s;
  animation-duration: 1.7s;
  animation-name: slideInLeft;
  animation-fill-mode: forwards; }
  .breadcrumb a {
    color: #ffffff;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    .breadcrumb a:hover {
      text-decoration: none; }
    .breadcrumb a:hover {
      color: #c7de00; }
  .breadcrumb span {
    color: #ffffff;
    font-weight: bold; }

.site-content {
  background-color: #fff; }
  .site-content p a:not(.button), .site-content .wpcf7-form .select-style .text-select a:not(.button), .wpcf7-form .select-style .site-content .text-select a:not(.button),
  .site-content li a:not(.button) {
    color: #37657f;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    .site-content p a:not(.button):hover, .site-content .wpcf7-form .select-style .text-select a:not(.button):hover, .wpcf7-form .select-style .site-content .text-select a:not(.button):hover,
    .site-content li a:not(.button):hover {
      text-decoration: none; }
    .site-content p a:not(.button):hover, .site-content .wpcf7-form .select-style .text-select a:not(.button):hover, .wpcf7-form .select-style .site-content .text-select a:not(.button):hover,
    .site-content li a:not(.button):hover {
      color: #c7de00; }
  .site-content ul:not(.sociaux) {
    padding: 0;
    list-style-type: none; }
    .site-content ul:not(.sociaux) li {
      text-indent: -8px;
      margin-left: 8px; }
      .site-content ul:not(.sociaux) li:before {
        content: "-";
        margin-right: 5px;
        color: #37657f; }
  .site-content h4 {
    color: #37657f; }
  .site-content .content-center {
    max-width: 750px;
    margin: 0 auto 50px;
    text-align: center; }
    .site-content .content-center h2 {
      margin-bottom: 25px; }
      .site-content .content-center h2:after {
        margin-left: auto;
        margin-right: auto; }
  .site-content .full-width {
    margin-bottom: 50px; }
  .site-content .two-col {
    margin-bottom: 50px; }
    .site-content .two-col .c6:first-child {
      padding-right: 15px; }
    .site-content .two-col .c6:last-child {
      padding-left: 15px; }
    .site-content .two-col #content-map {
      height: 630px; }
  .site-content .three-col {
    margin-bottom: 100px; }
    .site-content .three-col .c4:first-child {
      padding-right: 20px; }
    .site-content .three-col .c4:nth-child(2) {
      padding: 0 10px; }
    .site-content .three-col .c4:last-child {
      padding-left: 20px; }
    .site-content .three-col h4 {
      color: #37657f; }
    .site-content .three-col p a, .site-content .three-col .wpcf7-form .select-style .text-select a, .wpcf7-form .select-style .site-content .three-col .text-select a {
      color: #37657f;
      text-decoration: underline;
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
      .site-content .three-col p a:hover, .site-content .three-col .wpcf7-form .select-style .text-select a:hover, .wpcf7-form .select-style .site-content .three-col .text-select a:hover {
        text-decoration: none; }
      .site-content .three-col p a:hover, .site-content .three-col .wpcf7-form .select-style .text-select a:hover, .wpcf7-form .select-style .site-content .three-col .text-select a:hover {
        color: #c7de00;
        text-decoration: underline; }
  .site-content .text-banner {
    background-color: #37657f;
    padding: 70px 0;
    margin-bottom: 85px; }
    .site-content .text-banner p, .site-content .text-banner .wpcf7-form .select-style .text-select, .wpcf7-form .select-style .site-content .text-banner .text-select {
      display: inline-block;
      color: #ffffff;
      font-family: 'Roboto', sans-serif;
      font-size: 2.4rem;
      width: calc(100% - 160px);
      margin: 10px 0 0; }
      .site-content .text-banner p strong, .site-content .text-banner .wpcf7-form .select-style .text-select strong, .wpcf7-form .select-style .site-content .text-banner .text-select strong {
        font-size: 3.6rem; }
    .site-content .text-banner .button {
      border: 1px solid #ffffff;
      float: right; }
      .site-content .text-banner .button:hover {
        color: #c7de00;
        border-color: #c7de00; }
  .site-content .liste-wrapper .liste {
    padding: 0;
    margin: 0;
    text-align: center; }
    .site-content .liste-wrapper .liste li {
      list-style-type: none;
      display: inline-block;
      width: 24%;
      padding: 0 15px;
      margin-bottom: 78px;
      position: relative;
      top: 100px;
      opacity: 0;
      text-indent: 0;
      margin-left: 0;
      vertical-align: top; }
      .site-content .liste-wrapper .liste li:before {
        content: ""; }
      .site-content .liste-wrapper .liste li.animate {
        -webkit-animation-delay: 0.5s;
        -webkit-animation-duration: 0.8s;
        -webkit-animation-name: fadeInTop;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-delay: 0.5s;
        -moz-animation-duration: 0.8s;
        -moz-animation-name: fadeInTop;
        -moz-animation-fill-mode: forwards;
        -o-animation-delay: 0.5s;
        -o-animation-duration: 0.8s;
        -o-animation-name: fadeInTop;
        -o-animation-fill-mode: forwards;
        animation-delay: 0.5s;
        animation-duration: 0.8s;
        animation-name: fadeInTop;
        animation-fill-mode: forwards; }
  .site-content .slider.dark {
    background-color: #37657f; }
    .site-content .slider.dark h2 {
      color: #c7de00; }
      .site-content .slider.dark h2 span {
        color: #ffffff; }
    .site-content .slider.dark p, .site-content .slider.dark .wpcf7-form .select-style .text-select, .wpcf7-form .select-style .site-content .slider.dark .text-select {
      color: #eeeeee; }
    .site-content .slider.dark .slider-nav span {
      color: #ffffff;
      border-color: #ffffff; }
    .site-content .slider.dark .button {
      border: 1px solid #ffffff;
      color: #ffffff;
      margin-bottom: 20px; }
      .site-content .slider.dark .button:hover {
        border-color: #c7de00;
        color: #c7de00; }
  .site-content .slider.slide-membres {
    padding: 60px 0;
    margin-bottom: 60px; }
    .site-content .slider.slide-membres.membres-associes .cycle-slideshow {
      height: 368px; }
    .site-content .slider.slide-membres.membres-associes .membre {
      text-align: center;
      vertical-align: top;
      max-width: 295px; }
      .site-content .slider.slide-membres.membres-associes .membre a {
        margin-right: 15%; }
      .site-content .slider.slide-membres.membres-associes .membre figure {
        width: 260px;
        height: 0;
        padding-top: 100%;
        /* height with ratio */
        background-color: #ffffff;
        max-width: 100%; }
        .site-content .slider.slide-membres.membres-associes .membre figure img {
          max-height: 100%;
          position: absolute;
          padding: 10px;
          left: 0;
          right: 0;
          margin: 0 auto;
          position: absolute;
          top: 50%;
          -ms-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
        .site-content .slider.slide-membres.membres-associes .membre figure .logo-membre {
          background-color: #c7de00;
          border-radius: 50%;
          text-align: center;
          height: 0;
          padding-top: 85%;
          width: 85%;
          display: inline-block;
          position: absolute;
          left: 0;
          right: 0;
          margin: 0 auto;
          white-space: normal;
          position: absolute;
          top: 50%;
          -ms-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
          .site-content .slider.slide-membres.membres-associes .membre figure .logo-membre span {
            position: absolute;
            left: 5px;
            right: 5px;
            color: #37657f;
            font-size: 1.6rem;
            position: absolute;
            top: 50%;
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%); }
  .site-content .slider .slider-button-wrapper {
    text-align: center; }
  .site-content .slider.list-membres h2 {
    display: block; }
  .site-content .slider.list-membres .membres {
    display: flex;
    flex-wrap: wrap; }
  .site-content .slider.list-membres.membres-associes .membre {
    margin-bottom: 50px; }
    .site-content .slider.list-membres.membres-associes .membre a {
      display: block; }
      .site-content .slider.list-membres.membres-associes .membre a figure {
        text-align: right;
        padding-right: 15px;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
        .site-content .slider.list-membres.membres-associes .membre a figure:hover {
          text-decoration: none; }
        .site-content .slider.list-membres.membres-associes .membre a figure img {
          color: #333333;
          font-size: 1.6rem;
          text-transform: uppercase;
          font-family: 'Roboto', sans-serif; }
        .site-content .slider.list-membres.membres-associes .membre a figure .logo-membre {
          background-color: #c7de00;
          border-radius: 50%;
          text-align: center;
          height: 0;
          padding-top: 75%;
          width: 75%;
          display: inline-block;
          position: relative; }
          .site-content .slider.list-membres.membres-associes .membre a figure .logo-membre span {
            position: absolute;
            left: 5px;
            right: 5px;
            color: #37657f;
            font-size: 1.1rem;
            position: absolute;
            top: 50%;
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%); }
      .site-content .slider.list-membres.membres-associes .membre a .membre-infos {
        padding-right: 20px; }
        .site-content .slider.list-membres.membres-associes .membre a .membre-infos h6 {
          font-family: 'Roboto', sans-serif;
          color: #37657f;
          margin: 0 0 5px;
          -webkit-transition: all 0.5s;
          transition: all 0.5s; }
          .site-content .slider.list-membres.membres-associes .membre a .membre-infos h6:hover {
            text-decoration: none; }
        .site-content .slider.list-membres.membres-associes .membre a .membre-infos p, .site-content .slider.list-membres.membres-associes .membre a .membre-infos .wpcf7-form .select-style .text-select, .wpcf7-form .select-style .site-content .slider.list-membres.membres-associes .membre a .membre-infos .text-select {
          font-family: 'Roboto', sans-serif;
          font-size: 1.6rem;
          margin-bottom: 0; }
      .site-content .slider.list-membres.membres-associes .membre a:hover figure {
        opacity: 0.6; }
      .site-content .slider.list-membres.membres-associes .membre a:hover h6 {
        color: #c7de00; }
    .site-content .slider.list-membres.membres-associes .membre:nth-child(3n+1) {
      clear: both; }
  .site-content .slider h2 {
    display: inline-block;
    margin-top: 0; }
  .site-content .slider .slider-nav {
    float: right;
    margin-top: 8px; }
    .site-content .slider .slider-nav span {
      font-size: 2rem;
      color: #dddddd;
      width: 40px;
      height: 40px;
      border: 1px solid #dddddd;
      float: left;
      text-align: center;
      cursor: pointer;
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
      .site-content .slider .slider-nav span:hover {
        text-decoration: none; }
      .site-content .slider .slider-nav span#prev {
        margin-right: 10px; }
      .site-content .slider .slider-nav span:hover {
        background-color: #c7de00;
        border-color: #c7de00;
        color: #37657f; }
      .site-content .slider .slider-nav span i {
        vertical-align: middle;
        line-height: 38px; }
  .site-content .slider.membreCA .membres .membre {
    float: left;
    margin-bottom: 45px;
    margin-right: 3.7%;
    width: 22.2%; }
    .site-content .slider.membreCA .membres .membre:nth-child(4n) {
      margin-right: 0; }
    .site-content .slider.membreCA .membres .membre:nth-child(4n+1) {
      clear: both; }
    .site-content .slider.membreCA .membres .membre p, .site-content .slider.membreCA .membres .membre .wpcf7-form .select-style .text-select, .wpcf7-form .select-style .site-content .slider.membreCA .membres .membre .text-select {
      color: #37657f; }
  .site-content .slider.membreCA .membre {
    margin-right: 1%;
    text-align: center;
    vertical-align: top;
    max-width: 260px; }
  .site-content .slider .membres {
    overflow: hidden; }
    .site-content .slider .membres .membre h6 {
      color: #37657f; }
  .site-content .slider .membre a {
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    .site-content .slider .membre a:hover {
      text-decoration: none; }
    .site-content .slider .membre a:hover h6 {
      color: #c7de00; }
    .site-content .slider .membre a:hover figure .img-overlay {
      opacity: 1; }
  .site-content .slider .membre figure {
    position: relative; }
    .site-content .slider .membre figure .img-overlay {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      opacity: 0;
      background-color: rgba(28, 185, 200, 0.95);
      padding-top: 50%;
      color: #ffffff;
      font-size: 1.4rem;
      text-transform: uppercase;
      font-weight: 700;
      white-space: normal;
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
      .site-content .slider .membre figure .img-overlay:hover {
        text-decoration: none; }
      .site-content .slider .membre figure .img-overlay:after {
        content: "";
        position: absolute;
        top: 20px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        border: 1px solid #ffffff;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
        .site-content .slider .membre figure .img-overlay:after:hover {
          text-decoration: none; }
  .site-content .slider .membre h6 {
    white-space: normal;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    .site-content .slider .membre h6:hover {
      text-decoration: none; }
  .site-content .slider .membre p, .site-content .slider .membre .wpcf7-form .select-style .text-select, .wpcf7-form .select-style .site-content .slider .membre .text-select {
    margin-bottom: 0;
    white-space: normal; }
  .site-content .most-recent-news {
    margin-bottom: 65px; }
    .site-content .most-recent-news .actualites {
      overflow: hidden; }
      .site-content .most-recent-news .actualites .nouvelle {
        top: 100px;
        opacity: 0; }
        .site-content .most-recent-news .actualites .nouvelle.animate {
          -webkit-animation-delay: 0.5s;
          -webkit-animation-duration: 0.8s;
          -webkit-animation-name: fadeInTop;
          -webkit-animation-fill-mode: forwards;
          -moz-animation-delay: 0.5s;
          -moz-animation-duration: 0.8s;
          -moz-animation-name: fadeInTop;
          -moz-animation-fill-mode: forwards;
          -o-animation-delay: 0.5s;
          -o-animation-duration: 0.8s;
          -o-animation-name: fadeInTop;
          -o-animation-fill-mode: forwards;
          animation-delay: 0.5s;
          animation-duration: 0.8s;
          animation-name: fadeInTop;
          animation-fill-mode: forwards; }
    .site-content .most-recent-news .news-button-wrapper {
      text-align: center; }
  .site-content section:last-child {
    margin-bottom: 0; }

.content-wrap {
  float: left;
  min-height: 1px;
  border-right: 1px solid #c3c2c1;
  padding-right: 25px; }

/* Sidebar */
#sidebar {
  float: left;
  padding-left: 25px; }
  #sidebar section {
    margin-bottom: 42px; }
  #sidebar h3 {
    text-transform: none;
    border-bottom: 1px solid #f5f5f5;
    margin-top: 0;
    padding-bottom: 17px;
    font-weight: 600; }
  #sidebar .categories {
    padding: 0; }
    #sidebar .categories li {
      list-style-type: none;
      font-size: 1.4rem;
      margin-bottom: 9px; }
      #sidebar .categories li a {
        color: #999999;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
        #sidebar .categories li a:hover {
          text-decoration: none; }
        #sidebar .categories li a:before {
          content: "\f101";
          font-family: fontawesome;
          margin-right: 5px;
          font-weight: 400; }
        #sidebar .categories li a:hover {
          color: #37657f; }
      #sidebar .categories li.actif {
        font-weight: 600; }
        #sidebar .categories li.actif a {
          color: #37657f; }
      #sidebar .categories li:before {
        content: ""; }
  #sidebar .recent-news .news {
    overflow: hidden;
    margin-bottom: 30px; }
    #sidebar .recent-news .news a {
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
      #sidebar .recent-news .news a:hover {
        text-decoration: none; }
      #sidebar .recent-news .news a:hover figure {
        opacity: 0.7; }
      #sidebar .recent-news .news a:hover .titre {
        color: #c7de00; }
    #sidebar .recent-news .news figure {
      float: left;
      width: 85px;
      margin-right: 17px;
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
      #sidebar .recent-news .news figure:hover {
        text-decoration: none; }
    #sidebar .recent-news .news .content-preview {
      overflow: hidden; }
      #sidebar .recent-news .news .content-preview p, #sidebar .recent-news .news .content-preview .wpcf7-form .select-style .text-select, .wpcf7-form .select-style #sidebar .recent-news .news .content-preview .text-select {
        margin-bottom: 0; }
      #sidebar .recent-news .news .content-preview .titre {
        color: #37657f;
        margin-bottom: 8px;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
        #sidebar .recent-news .news .content-preview .titre:hover {
          text-decoration: none; }

/* Pager */
.site-content .pagination {
  text-align: center; }
  .site-content .pagination ul {
    padding: 0;
    margin: 0;
    display: inline-block; }
    .site-content .pagination ul li {
      float: left;
      margin-right: 10px;
      font-size: 1.4rem;
      color: #a1a1a1;
      width: 35px;
      height: 35px;
      line-height: 35px;
      text-align: center;
      font-weight: 700;
      vertical-align: top;
      text-indent: 0;
      margin-left: 0; }
      .site-content .pagination ul li span {
        color: #37657f;
        display: block;
        height: 100%;
        border: 1px solid #a1a1a1; }
      .site-content .pagination ul li a {
        color: inherit;
        display: block;
        height: 100%;
        border: 1px solid #a1a1a1;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
        .site-content .pagination ul li a:hover {
          text-decoration: none; }
        .site-content .pagination ul li a:hover {
          background-color: #37657f;
          border-color: #37657f;
          color: #c7de00; }
      .site-content .pagination ul li .next, .site-content .pagination ul li .prev {
        font-size: 2rem; }
      .site-content .pagination ul li:before {
        content: ""; }

/* Share */
.sharing {
  padding: 3px 0;
  font-size: 0; }
  .sharing a {
    display: inline-block;
    font-size: 2.3rem;
    padding-right: 12px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    .sharing a:hover {
      text-decoration: none; }
    .sharing a.facebook {
      color: #3B5998; }
    .sharing a.twitter {
      color: #1DA1F2; }
    .sharing a.google_plus {
      color: #DB4437; }
    .sharing a.linkedin {
      color: #0077B5; }
    .sharing a:hover {
      color: #c7de00; }

/*****************************************************
	HOME
/*****************************************************/
.home-slider .cycle-slideshow {
  max-height: 700px;
  overflow: hidden; }
.home-slider .cycle-overlay {
  position: absolute;
  left: 0;
  right: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 109; }
  .home-slider .cycle-overlay h4 {
    font-size: 2rem;
    text-transform: none;
    font-weight: 400;
    margin: 0; }
  .home-slider .cycle-overlay h1 {
    font-size: 5.7rem;
    font-weight: 700;
    margin: 11px 0 8px; }
  .home-slider .cycle-overlay p, .home-slider .cycle-overlay .wpcf7-form .select-style .text-select, .wpcf7-form .select-style .home-slider .cycle-overlay .text-select {
    color: #dddddd;
    margin-bottom: 0; }
  .home-slider .cycle-overlay .button {
    background-color: transparent;
    border: 1px solid #ffffff;
    margin-top: 35px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    .home-slider .cycle-overlay .button:hover {
      text-decoration: none; }
    .home-slider .cycle-overlay .button:hover {
      background-color: #37657f;
      color: #c7de00;
      border-color: #37657f; }
  .home-slider .cycle-overlay.animInit h4 {
    position: relative;
    left: -2000px;
    -webkit-animation-delay: 0.7s;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-name: slideInLeft;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-delay: 0.7s;
    -moz-animation-duration: 1.5s;
    -moz-animation-name: slideInLeft;
    -moz-animation-fill-mode: forwards;
    -o-animation-delay: 0.7s;
    -o-animation-duration: 1.5s;
    -o-animation-name: slideInLeft;
    -o-animation-fill-mode: forwards;
    animation-delay: 0.7s;
    animation-duration: 1.5s;
    animation-name: slideInLeft;
    animation-fill-mode: forwards; }
  .home-slider .cycle-overlay.animInit h1 {
    position: relative;
    left: -2000px;
    -webkit-animation-delay: 0.5s;
    -webkit-animation-duration: 1.7s;
    -webkit-animation-name: slideInLeft;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-delay: 0.5s;
    -moz-animation-duration: 1.7s;
    -moz-animation-name: slideInLeft;
    -moz-animation-fill-mode: forwards;
    -o-animation-delay: 0.5s;
    -o-animation-duration: 1.7s;
    -o-animation-name: slideInLeft;
    -o-animation-fill-mode: forwards;
    animation-delay: 0.5s;
    animation-duration: 1.7s;
    animation-name: slideInLeft;
    animation-fill-mode: forwards; }
  .home-slider .cycle-overlay.animInit p, .home-slider .cycle-overlay.animInit .wpcf7-form .select-style .text-select, .wpcf7-form .select-style .home-slider .cycle-overlay.animInit .text-select {
    position: relative;
    left: -2000px;
    font-weight: bold;
    -webkit-animation-delay: 0.9s;
    -webkit-animation-duration: 1.3s;
    -webkit-animation-name: slideInLeft;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-delay: 0.9s;
    -moz-animation-duration: 1.3s;
    -moz-animation-name: slideInLeft;
    -moz-animation-fill-mode: forwards;
    -o-animation-delay: 0.9s;
    -o-animation-duration: 1.3s;
    -o-animation-name: slideInLeft;
    -o-animation-fill-mode: forwards;
    animation-delay: 0.9s;
    animation-duration: 1.3s;
    animation-name: slideInLeft;
    animation-fill-mode: forwards; }
  .home-slider .cycle-overlay.animInit .button {
    position: relative;
    left: -2000px;
    -webkit-animation-delay: 0.5s;
    -webkit-animation-duration: 1.7s;
    -webkit-animation-name: slideInLeft;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-delay: 0.5s;
    -moz-animation-duration: 1.7s;
    -moz-animation-name: slideInLeft;
    -moz-animation-fill-mode: forwards;
    -o-animation-delay: 0.5s;
    -o-animation-duration: 1.7s;
    -o-animation-name: slideInLeft;
    -o-animation-fill-mode: forwards;
    animation-delay: 0.5s;
    animation-duration: 1.7s;
    animation-name: slideInLeft;
    animation-fill-mode: forwards; }
.home-slider .custom-pager {
  position: absolute;
  bottom: 10%;
  left: 0;
  right: 0;
  z-index: 110; }
  .home-slider .custom-pager span {
    width: 15px;
    height: 2px;
    background-color: #fefefe;
    float: left;
    margin-right: 5px;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    .home-slider .custom-pager span:hover {
      text-decoration: none; }
    .home-slider .custom-pager span.cycle-pager-active {
      background-color: #37657f; }
    .home-slider .custom-pager span:hover {
      background-color: #c7de00; }
.home-slider .prev-next {
  position: absolute;
  border: 1px solid #ffffff;
  border-radius: 50%;
  font-size: 1.3rem;
  color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  z-index: 111;
  cursor: pointer;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  .home-slider .prev-next:hover {
    text-decoration: none; }
  .home-slider .prev-next.cycle-prev {
    left: 30px; }
  .home-slider .prev-next.cycle-next {
    right: 30px; }
  .home-slider .prev-next:hover {
    border-color: #c7de00;
    color: #c7de00; }

/*****************************************************
	Single membre CA
/*****************************************************/
.single-membre-ca .membre-infos h2 {
  display: inline-block; }
.single-membre-ca .membre-infos figure {
  float: right;
  margin-left: 30px; }
  .single-membre-ca .membre-infos figure p, .single-membre-ca .membre-infos figure .wpcf7-form .select-style .text-select, .wpcf7-form .select-style .single-membre-ca .membre-infos figure .text-select {
    font-weight: 600;
    color: #37657f; }

/*****************************************************
	Membres single
/*****************************************************/
.single-membre .membre-infos figure {
  text-align: center;
  margin-bottom: 31px; }
.single-membre .membre-infos .membre-contenu {
  padding-right: 30px; }
.single-membre .membre-infos .details {
  padding-left: 30px; }
  .single-membre .membre-infos .details p, .single-membre .membre-infos .details .wpcf7-form .select-style .text-select, .wpcf7-form .select-style .single-membre .membre-infos .details .text-select {
    margin-bottom: 8px;
    font-weight: 600; }
    .single-membre .membre-infos .details p span, .single-membre .membre-infos .details .wpcf7-form .select-style .text-select span, .wpcf7-form .select-style .single-membre .membre-infos .details .text-select span {
      color: #37657f; }
    .single-membre .membre-infos .details p a, .single-membre .membre-infos .details .wpcf7-form .select-style .text-select a, .wpcf7-form .select-style .single-membre .membre-infos .details .text-select a {
      color: inherit;
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
      .single-membre .membre-infos .details p a:hover, .single-membre .membre-infos .details .wpcf7-form .select-style .text-select a:hover, .wpcf7-form .select-style .single-membre .membre-infos .details .text-select a:hover {
        text-decoration: none; }
      .single-membre .membre-infos .details p a:hover, .single-membre .membre-infos .details .wpcf7-form .select-style .text-select a:hover, .wpcf7-form .select-style .single-membre .membre-infos .details .text-select a:hover {
        color: #c7de00; }
.single-membre .site-content .slide-membres {
  margin-bottom: 0;
  padding-bottom: 0; }
  .single-membre .site-content .slide-membres .membre figure {
    width: 360px; }
  .single-membre .site-content .slide-membres .membre h6 {
    color: #37657f; }

/*****************************************************
	Conferences
/*****************************************************/
.liste-conferences a {
  padding-right: 25px;
  margin-bottom: 25px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  .liste-conferences a:hover {
    text-decoration: none; }
  .liste-conferences a h5 {
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    .liste-conferences a h5:hover {
      text-decoration: none; }
  .liste-conferences a:hover h5 {
    color: #c7de00; }

/*****************************************************
	Actualite
/*****************************************************/
.page-actualites .nouvelle,
.most-recent-news .nouvelle {
  padding: 0 10px;
  margin-bottom: 50px; }
  .page-actualites .nouvelle:nth-child(3n+1),
  .most-recent-news .nouvelle:nth-child(3n+1) {
    padding: 0 20px 0 0;
    clear: both; }
  .page-actualites .nouvelle:nth-child(3n),
  .most-recent-news .nouvelle:nth-child(3n) {
    padding: 0 0 0 20px; }
  .page-actualites .nouvelle figure,
  .most-recent-news .nouvelle figure {
    position: relative;
    text-align: center;
    height: 265px; }
    .page-actualites .nouvelle figure img,
    .most-recent-news .nouvelle figure img {
      opacity: 1;
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      margin: 0 auto; }
      .page-actualites .nouvelle figure img:hover,
      .most-recent-news .nouvelle figure img:hover {
        text-decoration: none; }
    .page-actualites .nouvelle figure .date,
    .most-recent-news .nouvelle figure .date {
      position: absolute;
      left: 0;
      top: 0;
      background-color: #37657f;
      width: 50px;
      height: 55px;
      font-family: 'Roboto', sans-serif;
      color: #ffffff;
      font-size: 1.4rem;
      text-align: center;
      padding-top: 8px;
      line-height: normal; }
      .page-actualites .nouvelle figure .date span,
      .most-recent-news .nouvelle figure .date span {
        font-weight: 700;
        display: block; }
  .page-actualites .nouvelle .content-preview,
  .most-recent-news .nouvelle .content-preview {
    overflow: hidden;
    background-color: #fcfcfc;
    border: 1px solid #f3f3f3;
    padding-left: 20px; }
    .page-actualites .nouvelle .content-preview h4,
    .most-recent-news .nouvelle .content-preview h4 {
      font-weight: 500;
      color: #333333;
      text-transform: none;
      margin: 37px 0 17px;
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
      .page-actualites .nouvelle .content-preview h4:hover,
      .most-recent-news .nouvelle .content-preview h4:hover {
        text-decoration: none; }
    .page-actualites .nouvelle .content-preview .readmore,
    .most-recent-news .nouvelle .content-preview .readmore {
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      color: #333333;
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
      .page-actualites .nouvelle .content-preview .readmore:hover,
      .most-recent-news .nouvelle .content-preview .readmore:hover {
        text-decoration: none; }
  .page-actualites .nouvelle a:hover,
  .most-recent-news .nouvelle a:hover {
    text-decoration: none; }
    .page-actualites .nouvelle a:hover h4, .page-actualites .nouvelle a:hover .readmore,
    .most-recent-news .nouvelle a:hover h4,
    .most-recent-news .nouvelle a:hover .readmore {
      color: #37657f; }
    .page-actualites .nouvelle a:hover figure img,
    .most-recent-news .nouvelle a:hover figure img {
      opacity: 0.7; }

/*****************************************************
	Single actualite | single post
/*****************************************************/
.single-post .contenu-nouvelle .title-zone {
  margin: 50px 0; }
  .single-post .contenu-nouvelle .title-zone .date {
    background-color: #c7de00;
    width: 50px;
    height: 55px;
    font-family: 'Roboto', sans-serif;
    color: #37657f;
    font-size: 1.4rem;
    text-align: center;
    padding-top: 8px;
    line-height: normal;
    float: left;
    margin-right: 20px; }
    .single-post .contenu-nouvelle .title-zone .date span {
      font-weight: 700;
      display: block; }
  .single-post .contenu-nouvelle .title-zone h1 {
    font-size: 1.8rem;
    font-weight: 500;
    color: #37657f;
    text-transform: none;
    clear: none;
    margin: 0; }

/*****************************************************
	CONTACT
/*****************************************************/
.page-contact .coordonnees {
  text-align: left; }
  .page-contact .coordonnees h5 {
    margin-top: 0; }
  .page-contact .coordonnees table {
    border: none;
    font-size: 1.4rem;
    color: #8e8e8e; }
    .page-contact .coordonnees table td {
      border: none; }
      .page-contact .coordonnees table td a {
        color: inherit;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
        .page-contact .coordonnees table td a:hover {
          text-decoration: none; }
        .page-contact .coordonnees table td a:hover {
          color: #c7de00; }
      .page-contact .coordonnees table td:first-child {
        text-align: center;
        width: 29px; }
  .page-contact .coordonnees .sociaux {
    float: none; }
    .page-contact .coordonnees .sociaux li a {
      border-color: #37657f;
      color: #37657f; }
      .page-contact .coordonnees .sociaux li a:hover {
        background-color: #37657f;
        color: #ffffff; }
.page-contact .courriel-contact div {
  margin-top: 50px; }
  .page-contact .courriel-contact div:nth-child(3n+1) {
    clear: both; }
  .page-contact .courriel-contact div p.nom, .page-contact .courriel-contact div .wpcf7-form .select-style .nom.text-select, .wpcf7-form .select-style .page-contact .courriel-contact div .nom.text-select {
    color: #37657f;
    font-size: 2rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px; }
  .page-contact .courriel-contact div p.region, .page-contact .courriel-contact div .wpcf7-form .select-style .region.text-select, .wpcf7-form .select-style .page-contact .courriel-contact div .region.text-select {
    margin-bottom: 0;
    font-weight: bold; }
  .page-contact .courriel-contact div a.courriel {
    text-decoration: none;
    color: #8e8e8e;
    font-size: 1.2rem;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    .page-contact .courriel-contact div a.courriel:hover {
      text-decoration: none; }
    .page-contact .courriel-contact div a.courriel:hover {
      color: #c7de00;
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
      .page-contact .courriel-contact div a.courriel:hover:hover {
        text-decoration: none; }

#gmap {
  height: 500px; }

.gm-style-iw a {
  color: #37657f;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  .gm-style-iw a:hover {
    text-decoration: none; }
  .gm-style-iw a:hover {
    color: #c7de00; }

/*****************************************************
	Ressources
/*****************************************************/
.rapidLink li {
  margin-left: 25px !important;
  display: inline-block; }

/*****************************************************
	Forms
/*****************************************************/
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999999; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999999;
  opacity: 1; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999999;
  opacity: 1; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999999; }

textarea {
  resize: vertical;
  min-height: 130px;
  height: 130px; }

input,
textarea,
select {
  border: 1px solid #eeeeee;
  border-radius: 4px;
  line-height: 1.3;
  font-size: 1.4rem;
  font-family: 'Open Sans', sans-serif;
  color: #37657f;
  background-color: #fefefe;
  padding: 16px 20px;
  width: 100%;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none; }

select {
  padding-top: 14px;
  padding-bottom: 14px; }

select.empty {
  color: #999999; }

select option[value=""] {
  color: #999999; }

select option {
  color: #37657f; }

input:focus, textarea:focus {
  border: 1px solid #37657f; }

input[type=checkbox],
input[type=radio] {
  width: 5px;
  height: 5px;
  border: 1px solid #b1b1b1; }

.wpcf7-form {
  text-align: left; }
  .wpcf7-form > * {
    overflow: hidden;
    clear: both; }
  .wpcf7-form label {
    float: left;
    width: calc(50% - 7px);
    margin-bottom: 15px; }
    .wpcf7-form label:nth-of-type(2n) {
      margin-left: 14px; }
  .wpcf7-form select + .wpcf7-not-valid-tip {
    float: left; }
  .wpcf7-form .select-style .wpcf7-form-control-wrap {
    position: relative;
    display: block; }
    .wpcf7-form .select-style .wpcf7-form-control-wrap:before {
      content: "";
      background-color: #37657f;
      width: 40px;
      pointer-events: none;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 1; }
    .wpcf7-form .select-style .wpcf7-form-control-wrap:after {
      content: "\f078";
      font-family: fontawesome;
      font-size: 1.8rem;
      color: #c7de00;
      text-align: center;
      width: 40px;
      pointer-events: none;
      position: absolute;
      right: 0;
      position: absolute;
      top: 50%;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
      z-index: 2; }
      .wpcf7-form .select-style .wpcf7-form-control-wrap:after:hover {
        text-decoration: none; }
    .wpcf7-form .select-style .wpcf7-form-control-wrap.opened:after {
      -ms-transform: translateY(-50%) rotate(180deg);
      -webkit-transform: translateY(-50%) rotate(180deg);
      -moz-transform: translateY(-50%) rotate(180deg);
      -o-transform: translateY(-50%) rotate(180deg);
      transform: translateY(-50%) rotate(180deg); }
  .wpcf7-form .select-style .text-select {
    margin-bottom: 0; }
  .wpcf7-form p > label:last-of-type, .wpcf7-form .select-style .text-select > label:last-of-type {
    float: none;
    width: 100%; }
  .wpcf7-form .small-select .select-style {
    width: calc(33.3333% - 7px); }
  .wpcf7-form span.wpcf7-not-valid-tip {
    font-size: 1.2rem; }
  .wpcf7-form div.wpcf7-response-output {
    margin: 15px 0 5px;
    font-size: 1.2rem; }
  .wpcf7-form br {
    display: none; }
  .wpcf7-form .three-field {
    overflow: hidden; }
    .wpcf7-form .three-field label {
      width: calc(33.3333% - 9.4px);
      float: left; }
      .wpcf7-form .three-field label:nth-of-type(2n) {
        margin: 0 14px; }
  .wpcf7-form.formulaire-inscription label {
    width: calc(50% - 15px);
    float: left;
    margin-bottom: 30px; }
    .wpcf7-form.formulaire-inscription label input, .wpcf7-form.formulaire-inscription label textarea, .wpcf7-form.formulaire-inscription label select {
      background-color: #d7e0e5;
      border-radius: 0;
      border: none;
      padding: 7px 20px;
      font-size: 2rem; }
    .wpcf7-form.formulaire-inscription label select {
      padding-top: 5px;
      padding-bottom: 5px; }
    .wpcf7-form.formulaire-inscription label:nth-of-type(2n) {
      margin-left: 30px; }
  .wpcf7-form.formulaire-inscription .small-select {
    overflow: hidden;
    width: calc(50% - 15px);
    float: left; }
    .wpcf7-form.formulaire-inscription .small-select .select-style {
      width: calc(33.3333% - 20px); }
      .wpcf7-form.formulaire-inscription .small-select .select-style:nth-of-type(2n) {
        margin: 0 30px; }
    .wpcf7-form.formulaire-inscription .small-select + * {
      width: calc(50% - 15px);
      float: left;
      margin-left: 30px; }
  .wpcf7-form.formulaire-inscription .three-field label {
    width: calc(33.3333% - 20px); }
    .wpcf7-form.formulaire-inscription .three-field label:nth-of-type(2n) {
      margin: 0 30px; }

.img-parallax.inactif {
  margin: 0;
  -ms-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%); }

/*****************************************************
	Footer
/*****************************************************/
#colophon {
  background-color: #37657f;
  padding: 0; }
  #colophon .footer-logo {
    display: block;
    margin-bottom: 16px; }
  #colophon .site-info {
    padding: 80px 0; }
    #colophon .site-info h4 {
      margin-top: 36px;
      margin-bottom: 15px; }
      #colophon .site-info h4:after {
        content: "";
        display: block;
        width: 50px;
        height: 2px;
        background-color: #eeeeee;
        margin-top: 23px; }
    #colophon .site-info .resume {
      text-align: left; }
      #colophon .site-info .resume p, #colophon .site-info .resume .wpcf7-form .select-style .text-select, .wpcf7-form .select-style #colophon .site-info .resume .text-select {
        color: #eeeeee;
        line-height: 28px; }
    #colophon .site-info .infolettre {
      position: relative; }
      #colophon .site-info .infolettre p, #colophon .site-info .infolettre .wpcf7-form .select-style .text-select, .wpcf7-form .select-style #colophon .site-info .infolettre .text-select {
        font-weight: 700;
        font-family: 'Roboto', sans-serif;
        line-height: 1.5; }
      #colophon .site-info .infolettre label {
        display: block;
        position: relative; }
        #colophon .site-info .infolettre label input {
          line-height: 18px;
          border-radius: 4px 0 0 4px;
          width: calc(100% - 68px);
          background-color: #eeeeee;
          border: none; }
      #colophon .site-info .infolettre input[type="submit"] {
        line-height: 31px;
        background-color: #c7de00;
        width: 68px;
        font-family: fontawesome;
        border-radius: 0 4px 4px 0;
        color: #37657f;
        font-size: 2.4rem;
        padding: 8px 0 9px;
        border: 1px solid transparent;
        position: absolute;
        top: 0;
        right: 0px;
        bottom: 0;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
        #colophon .site-info .infolettre input[type="submit"]:hover {
          text-decoration: none; }
        #colophon .site-info .infolettre input[type="submit"]:hover {
          background-color: #37657f;
          border-color: #c7de00;
          color: #c7de00; }
      #colophon .site-info .infolettre .feedback {
        display: none;
        font-size: 1.2rem;
        color: #ffffff;
        clear: both; }
    #colophon .site-info .menu {
      padding: 0 5%; }
    #colophon .site-info .footer-menu li {
      margin-top: 14px; }
      #colophon .site-info .footer-menu li a {
        font-size: 1.4rem;
        color: #f1f1f1;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
        #colophon .site-info .footer-menu li a:hover {
          text-decoration: none; }
        #colophon .site-info .footer-menu li a:hover {
          color: #c7de00; }
      #colophon .site-info .footer-menu li.current-menu-item > a, #colophon .site-info .footer-menu li.current-page-ancestor > a {
        color: #c7de00; }
    #colophon .site-info .recent-post .news {
      margin-bottom: 30px; }
      #colophon .site-info .recent-post .news a {
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
        #colophon .site-info .recent-post .news a:hover {
          text-decoration: none; }
        #colophon .site-info .recent-post .news a p, #colophon .site-info .recent-post .news a .wpcf7-form .select-style .text-select, .wpcf7-form .select-style #colophon .site-info .recent-post .news a .text-select {
          font-size: 1.5rem;
          color: #ffffff;
          margin-bottom: 0;
          -webkit-transition: all 0.5s;
          transition: all 0.5s; }
          #colophon .site-info .recent-post .news a p:hover, #colophon .site-info .recent-post .news a .wpcf7-form .select-style .text-select:hover, .wpcf7-form .select-style #colophon .site-info .recent-post .news a .text-select:hover {
            text-decoration: none; }
          #colophon .site-info .recent-post .news a p.date, #colophon .site-info .recent-post .news a .wpcf7-form .select-style .date.text-select, .wpcf7-form .select-style #colophon .site-info .recent-post .news a .date.text-select {
            font-size: 1.2rem;
            color: #cccccc; }
        #colophon .site-info .recent-post .news a:hover p, #colophon .site-info .recent-post .news a:hover .wpcf7-form .select-style .text-select, .wpcf7-form .select-style #colophon .site-info .recent-post .news a:hover .text-select {
          color: #c7de00; }
          #colophon .site-info .recent-post .news a:hover p.date, #colophon .site-info .recent-post .news a:hover .wpcf7-form .select-style .date.text-select, .wpcf7-form .select-style #colophon .site-info .recent-post .news a:hover .date.text-select {
            color: #cccccc; }
      #colophon .site-info .recent-post .news:first-of-type {
        padding-top: 14px; }
    #colophon .site-info .rss-feed ul {
      padding: 0; }
      #colophon .site-info .rss-feed ul li {
        list-style-type: none; }
        #colophon .site-info .rss-feed ul li a {
          font-size: 1.4rem;
          color: #f1f1f1;
          -webkit-transition: all 0.5s;
          transition: all 0.5s; }
          #colophon .site-info .rss-feed ul li a:hover {
            text-decoration: none; }
          #colophon .site-info .rss-feed ul li a:hover {
            color: #c7de00; }
  #colophon .bottom-footer {
    background-color: #333333;
    position: relative;
    padding: 17px 0; }
    #colophon .bottom-footer .legal {
      float: left;
      font-weight: 300;
      font-family: 'Roboto', sans-serif;
      font-size: 1.1rem;
      color: #eeeeee;
      position: absolute;
      top: 50%;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      #colophon .bottom-footer .legal a {
        color: inherit;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
        #colophon .bottom-footer .legal a:hover {
          text-decoration: none; }
        #colophon .bottom-footer .legal a:hover {
          color: #c7de00; }
    #colophon .bottom-footer .sociaux {
      float: right; }
      #colophon .bottom-footer .sociaux li a {
        border: none;
        font-size: 1.4rem;
        width: auto;
        height: auto;
        padding: 0 5px; }
        #colophon .bottom-footer .sociaux li a:hover {
          background-color: transparent;
          color: #c7de00; }
    #colophon .bottom-footer .gotop {
      position: absolute;
      top: -23px;
      right: 92px;
      background-color: #c7de00;
      border: 1px solid #ffffff;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      font-size: 1.7rem;
      color: #37657f;
      text-align: center;
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
      #colophon .bottom-footer .gotop:hover {
        text-decoration: none; }
      #colophon .bottom-footer .gotop:hover {
        background-color: #37657f;
        color: #c7de00; }

.filters {
  margin-bottom: 50px;
  display: flex; }
  .filters select {
    width: 33.3333%;
    margin-right: 15px; }
  .filters .button {
    height: auto; }

.cookielaw {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background-color: #37657f;
  font-size: 1.7rem;
  z-index: 1000;
  padding-top: 20px;
  padding-bottom: 20px; }
  .cookielaw p, .cookielaw .wpcf7-form .select-style .text-select, .wpcf7-form .select-style .cookielaw .text-select {
    color: #fff;
    margin-bottom: 0px;
    font-size: 1.5rem; }
  .cookielaw .button {
    margin-top: 10px;
    background-color: #c7de00;
    color: #37657f; }
    .cookielaw .button:hover {
      background-color: transparent;
      color: #c7de00;
      border: 1px solid #c7de00; }

/*# sourceMappingURL=style.css.map */