/************* MIXIN *********************/
/****************************************/
.aDroite {
  float: right;
}
/**  */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
  clear: both;
  zoom: 1;
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
/** Styles */
body {
  background: #FFFFFF;
  font-family: 'Lato', sans-serif;
}
.owl-carousel.owl-theme .owl-nav {
  margin: 0;
  position: relative;
}
.owl-carousel.owl-theme .owl-nav:after {
  content: '';
  display: block;
  width: calc(100% - 120px);
  border-bottom: 1px solid rgba(24, 24, 24, 0.2);
  position: absolute;
  height: 1px;
  top: 28px;
  left: 60px;
}
.owl-carousel.owl-theme .owl-nav > div {
  background: none;
  display: block;
  height: 45px;
  overflow: hidden;
  width: 45px;
  float: left;
  margin-left: 2px;
  border: 1px solid rgba(24, 24, 24, 0.2);
  border-radius: 0;
  color: #181818;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 20px;
  font-size: 2rem;
}
.owl-carousel.owl-theme .owl-nav > div.owl-next {
  float: right;
}
.owl-carousel.owl-theme .owl-nav > div:hover {
  background: none;
  border-color: #00232e;
  color: #00232e;
}
.owl-carousel.owl-theme .owl-dots {
  position: absolute;
  bottom: 10px;
  left: 10%;
  z-index: 20;
  transform: skewX(-29deg);
}
.owl-carousel.owl-theme .owl-dots .owl-dot.active span {
  background: #00232e;
}
.owl-carousel.owl-theme .owl-dots .owl-dot.active span:hover {
  background: #00232e;
}
.owl-carousel.owl-theme .owl-dots .owl-dot span {
  background: rgba(255, 255, 255, 0.7);
  border-radius: 0;
  width: 30px;
  margin: 5px;
  height: 7px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.owl-carousel.owl-theme .owl-dots .owl-dot span:hover {
  background: #ffffff;
}
.owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
  background: #ffffff;
}
.owl-theme .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  margin: 20px 7px 10px;
}
/**** Header ****/
#openResponsiveMenu {
  display: block;
  font-weight: 700;
  padding: 10px 15px;
  background: #f2f2f2;
  color: #094670;
  position: fixed;
  right: 0;
  text-align: center;
  top: 10px;
  width: auto;
  z-index: 9000;
  cursor: pointer;
  outline: 0;
}
#openResponsiveMenu i {
  font-size: 21px;
  line-height: 21px;
}
@media (min-width: 781px) {
  #openResponsiveMenu {
    position: absolute;
    top: 15px;
    right: 5px;
  }
  #openResponsiveMenu i {
    font-size: 25px;
    line-height: 25px;
  }
}
@media (min-width: 992px) {
  #openResponsiveMenu {
    display: none;
  }
}
#sidr-existing-content {
  max-width: 240px;
}
#sidr-existing-content .sidr-inner {
  clear: both;
  padding: 0 15px;
}
#sidr-existing-content .sidr-inner .sidr-class-wrapperSubMenuLeft h3 {
  display: none;
}
#sidr-existing-content .sidr-inner .sidr-class-wrapperSubMenuRight {
  display: none;
}
#sidr-existing-content .sidr-inner li {
  border-bottom: 1px solid #dfdfdf;
  border-top: 1px solid #fff;
  list-style: none;
  line-height: normal;
  padding: 10px 0;
}
#sidr-existing-content .sidr-inner li a {
  color: #181818;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
}
#sidr-existing-content .sidr-inner li ul {
  margin-bottom: 0;
  border: 0;
}
#sidr-existing-content .sidr-inner li ul li {
  border: 0;
  padding: 5px 0 5px 10px;
  border-left: 1px solid #889093;
}
#sidr-existing-content .sidr-inner li ul li a {
  font-size: 14px;
  font-weight: 400;
  color: #181818;
  text-transform: none;
  padding: 0;
}
#sidr-existing-content .sidr-inner li:hover {
  margin: 0 0 0 0;
}
#sidr-existing-content .sidr-inner li:hover a {
  box-shadow: none;
  border: none;
  margin: 0;
}
#sidr-existing-content .sidr-inner li:hover a i {
  color: white;
}
#sidr-existing-content .sidr-class-menu {
  margin: 0;
}
#headerPage {
  padding: 0 0;
  position: fixed;
  top: 0;
  z-index: 200;
  width: 100%;
  height: 125px;
  background-color: rgba(0, 0, 0, 0.5);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  -webkit-transition: background 0.6s;
  -moz-transition: background 0.6s;
  -o-transition: background 0.6s;
  transition: background 0.6s;
}
#headerPage .container .logo {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-top: 15px;
}
#headerPage .container .logo a {
  display: block;
}
#headerPage .container .logo img {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  max-height: 70px;
  max-width: 100%;
}
@media (min-width: 781px) {
  #headerPage .container .logo img {
    max-height: 110px;
  }
}
#headerPage .container #menu-principal {
  display: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (min-width: 992px) {
  #headerPage .container #menu-principal {
    display: inline-block;
    float: right;
    margin-top: 30px;
  }
}
#headerPage .container #menu-principal li {
  float: left;
  margin: 0 15px;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (min-width: 1281px) {
  #headerPage .container #menu-principal li {
    margin: 0 20px;
  }
}
#headerPage .container #menu-principal li a {
  display: block;
  position: relative;
  font-weight: 400;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 10px 0;
  color: #fff;
}
#headerPage .container #menu-principal li a span {
  font-weight: 900;
  display: block;
  font-size: 21px;
  font-size: 2.1rem;
}
@media (min-width: 1281px) {
  #headerPage .container #menu-principal li a {
    font-size: 16px;
    font-size: 1.6rem;
  }
  #headerPage .container #menu-principal li a span {
    font-size: 25px;
    font-size: 2.5rem;
  }
}
#headerPage .container #menu-principal li:after {
  position: absolute;
  bottom: 0;
  content: '';
  height: 3px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  width: 0;
  background: #00a6d9;
  left: 0;
}
#headerPage .container #menu-principal li.current_page_item:after {
  width: 84%;
  left: 8%;
  background: #00a6d9;
}
#headerPage .container #menu-principal li.menu-item-has-children > a {
  padding-right: 20px;
}
#headerPage .container #menu-principal li.menu-item-has-children > a::after {
  content: "↓";
  display: inline;
  font-size: 16px;
  margin-left: 10px;
  position: absolute;
  right: 0;
  bottom: 15px;
}
#headerPage .container #menu-principal li .sub-menu {
  display: none;
  position: absolute;
  background: #FFF;
  z-index: 2;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}
#headerPage .container #menu-principal li .sub-menu li {
  border-bottom: 1px solid #cbcbcb;
  padding: 5px;
  margin: 0;
  width: 100%;
}
#headerPage .container #menu-principal li .sub-menu li:last-child {
  border: 0;
}
#headerPage .container #menu-principal li .sub-menu li a {
  background: none;
  padding: 5px 10px;
  white-space: nowrap;
  font-size: 15px;
  font-size: 1.5rem;
  color: #3e3e3e;
  font-weight: 400;
}
#headerPage .container #menu-principal li .sub-menu li:hover a {
  color: #FFF;
}
#headerPage .container #menu-principal li .sub-menu li:after {
  height: 100%;
  top: 0;
  z-index: -1;
}
#headerPage .container #menu-principal li .sub-menu li.current-menu-item {
  color: #FFF;
}
#headerPage .container #menu-principal li .sub-menu li.current-menu-item a {
  color: #FFF;
}
#headerPage .container #menu-principal li .sub-menu li.current-menu-item:after {
  width: 100%;
  left: 0%;
  background: #00a6d9;
}
#headerPage .container #menu-principal li:hover:after {
  width: 100%;
  left: 0;
}
#headerPage .container #menu-principal li:hover .sub-menu {
  display: block;
}
#headerPage .container #menu-top {
  display: none;
}
@media (min-width: 992px) {
  #headerPage .container #menu-top {
    display: inline-block;
    float: right;
    background: rgba(0, 166, 217, 0.8);
    -webkit-box-shadow: 500px 0px 0px 0px rgba(0, 166, 217, 0.8);
    -moz-box-shadow: 500px 0px 0px 0px rgba(0, 166, 217, 0.8);
    box-shadow: 500px 0px 0px 0px rgba(0, 166, 217, 0.8);
  }
}
#headerPage .container #menu-top li {
  float: left;
  margin: 0 8px;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (min-width: 1281px) {
  #headerPage .container #menu-top li {
    margin: 0 15px;
  }
}
#headerPage .container #menu-top li a {
  display: block;
  position: relative;
  font-weight: 400;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 10px 0;
  color: #fff;
}
@media (min-width: 1281px) {
  #headerPage .container #menu-top li a {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
#headerPage .container #menu-top li:after {
  position: absolute;
  bottom: 0;
  content: '';
  height: 3px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  width: 0;
  background: #FFF;
  left: 0;
}
#headerPage .container #menu-top li.current_page_item:after {
  width: 84%;
  left: 8%;
  background: #FFF;
}
#headerPage .container #menu-top li.menu-item-has-children > a {
  padding-right: 20px;
}
#headerPage .container #menu-top li.menu-item-has-children > a::after {
  content: "↓";
  display: inline;
  font-size: 16px;
  margin-left: 10px;
  position: absolute;
  right: 0;
  bottom: 15px;
}
#headerPage .container #menu-top li .sub-menu {
  display: none;
  position: absolute;
  background: #FFF;
  z-index: 2;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}
#headerPage .container #menu-top li .sub-menu li {
  border-bottom: 1px solid #cbcbcb;
  padding: 5px;
  margin: 0;
  width: 100%;
}
#headerPage .container #menu-top li .sub-menu li:last-child {
  border: 0;
}
#headerPage .container #menu-top li .sub-menu li a {
  background: none;
  padding: 5px 10px;
  white-space: nowrap;
  font-size: 15px;
  font-size: 1.5rem;
  color: #3e3e3e;
  font-weight: 400;
}
#headerPage .container #menu-top li .sub-menu li:hover a {
  color: #FFF;
}
#headerPage .container #menu-top li .sub-menu li:after {
  height: 100%;
  top: 0;
  z-index: -1;
}
#headerPage .container #menu-top li .sub-menu li.current-menu-item {
  color: #FFF;
}
#headerPage .container #menu-top li .sub-menu li.current-menu-item a {
  color: #FFF;
}
#headerPage .container #menu-top li .sub-menu li.current-menu-item:after {
  width: 100%;
  left: 0%;
  background: #00a6d9;
}
#headerPage .container #menu-top li:hover:after {
  width: 100%;
  left: 0;
}
#headerPage .container #menu-top li:hover .sub-menu {
  display: block;
}
#headerPage.shrink {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  background: #00232e;
  height: 100px;
}
@media (min-width: 992px) {
  #headerPage.shrink .container .logo {
    margin-top: 10px;
  }
  #headerPage.shrink .container .logo img {
    max-height: 75px;
  }
}
#headerPage.shrink #menu-principal {
  margin-top: 5px;
}
.static {
  position: static;
}
/**** END Header ****/
#primary {
  position: relative;
  overflow: hidden;
}
.paginationWrapper {
  margin-top: 20px;
  padding: 0;
  text-align: center;
  float: left;
  width: 100%;
  background: #f2f2f2;
}
.paginationWrapper .pagination {
  background: none;
  border: 0;
  margin: 10px 0;
  width: 100%;
  padding: 0;
  display: inline;
}
.paginationWrapper .pagination li {
  display: inline;
  width: auto;
  margin: 0;
  padding: 0;
  float: none;
}
.paginationWrapper .pagination li:before,
.paginationWrapper .pagination li:after {
  display: none;
}
.paginationWrapper .pagination li a {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  display: inline-block;
  padding: 5px;
  margin: 0 5px;
  border: 0;
  color: #181818;
}
.paginationWrapper .pagination li.active a {
  border-bottom: 1px solid #00232e;
  color: #00232e;
}
.paginationWrapper .pagination li.prev a,
.paginationWrapper .pagination li.next a {
  font-size: 25px;
  line-height: 20px;
}
.paginationWrapper .pagination li.first,
.paginationWrapper .pagination li.last {
  display: none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  border: 0;
  border-bottom: 1px solid rgba(24, 24, 24, 0.2);
  padding: 5px;
  border-radius: 0;
  background: none;
  width: 100%;
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  color: rgba(24, 24, 24, 0.6);
  font-family: 'Roboto', sans-serif;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  border: 0;
  background: none;
  border-bottom: 1px solid #00a6d9;
}
.wpcf7 {
  float: left;
}
.wpcf7 .ligne {
  width: 100%;
  float: left;
  padding: 15px 15px 0;
}
.wpcf7 label {
  padding: 5px 0;
  float: left;
  width: 100%;
}
.wpcf7 label.demi {
  width: 100%;
}
@media (min-width: 992px) {
  .wpcf7 label.demi {
    width: 50%;
    padding: 0 15px;
  }
}
.wpcf7 label.fullContact {
  padding: 0 15px;
}
.wpcf7 label.demi input[type="text"],
.wpcf7 label.fullContact input[type="text"],
.wpcf7 label.demi input[type="email"],
.wpcf7 label.fullContact input[type="email"],
.wpcf7 label.demi input[type="url"],
.wpcf7 label.fullContact input[type="url"],
.wpcf7 label.demi input[type="password"],
.wpcf7 label.fullContact input[type="password"],
.wpcf7 label.demi input[type="search"],
.wpcf7 label.fullContact input[type="search"],
.wpcf7 label.demi textarea,
.wpcf7 label.fullContact textarea {
  padding: 15px 5px;
}
.wpcf7 label.demi select,
.wpcf7 label.fullContact select {
  padding: 15px 0;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="password"],
.wpcf7 input[type="search"],
.wpcf7 textarea {
  padding: 10px 5px;
}
.wpcf7 select {
  margin-bottom: 10px;
  padding: 10px 0;
}
.wpcf7 input[type="submit"] {
  display: block;
  padding: 15px;
  background: #00a6d9;
  border: 0 none;
  cursor: pointer;
  font-weight: 900;
  color: #FFF;
  text-transform: uppercase;
  text-align: left;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-top: 20px;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.wpcf7 input[type="submit"]:hover {
  background: #0dc6ff;
}
.wpcf7 input[type="submit"]:after {
  content: '→';
}
.wpcf7 .wpcf7-response-output {
  float: left;
  margin: 20px 0 0 0;
  padding: 10px;
  width: 100%;
  text-align: center;
}
.wpcf7 div.wpcf7-mail-sent-ok {
  border: 2px solid #8bc34a;
  background: #8bc34a;
  color: #FFF;
}
.wpcf7 div.wpcf7-mail-sent-ng {
  border: 2px solid #f44336;
  background: #f44336;
  color: #FFF;
}
.wpcf7 div.wpcf7-validation-errors {
  border: 2px solid #00232e;
  background: #00232e;
  color: #FFF;
}
.wpcf7 .wpcf7-form-control-wrap {
  float: left;
  width: 100%;
}
.wpcf7 .wpcf7-recaptcha > div {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 20px;
}
.wpcf7 .sidebarForm input[type="submit"] {
  width: 100%;
}
.wpcf7 .sidebarForm .wpcf7-recaptcha > div {
  max-width: 270px;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-size: 14px;
  padding: 4px 0;
  width: 100%;
  color: rgba(24, 24, 24, 0.6);
  border: none;
  border-bottom: 1px solid rgba(24, 24, 24, 0.2);
  font-family: 'Roboto', sans-serif;
  position: relative;
  background: url(../images/fl-select.png) no-repeat center right 10px #FFF;
}
select.listedept {
  background: url(../images/fl-select.png) no-repeat center right 10px, url(../images/picto-liste-dept.png) no-repeat center left 5px;
  background-color: transparent;
  padding: 10px 0 10px 35px;
}
.send-success {
  background: #FFF;
  text-align: center;
  font-size: 14px;
  padding: 10px;
  color: #8bc34a;
  margin: 20px 0 0;
  font-weight: 700;
}
.send-fail {
  background: #FFF;
  text-align: center;
  font-size: 14px;
  padding: 10px;
  color: #f44336;
  margin: 20px 0;
  font-weight: 700;
}
/* Remove focus */
select:focus {
  outline: none;
}
.site-content {
  margin: 0 auto;
  width: 100%;
}
.more {
  margin-top: 10px;
  display: inline-block;
  border: 0 !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  padding: 5px 10px;
  color: #00232e;
  font-weight: 700;
  z-index: 1;
}
.more:after {
  content: "→";
  display: inline;
  margin-left: 5px;
  color: #00a6d9;
}
.more:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 0;
  background: rgba(0, 166, 217, 0);
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  z-index: -1;
}
.more:hover {
  color: #FFF !important;
  border: 0 !important;
}
.more:hover:after {
  color: #FFF;
}
.more:hover:before {
  width: 100%;
  left: 0;
  background: #00a6d9;
}
@media (min-width: 781px) {
  .more.absDroite {
    position: absolute;
    right: 35px;
    top: 25px;
  }
}
.more.contour {
  border: 1px solid rgba(24, 24, 24, 0.2) !important;
  color: #181818;
}
.more.darktheme {
  color: #FFF;
}
.more.darktheme.contour {
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.wrapperSlider {
  position: relative;
  background: #00232e;
}
.wrapperSlider #sliderHome {
  height: 330px;
  margin: 0 auto;
  height: 100%;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1;
}
@media (min-width: 480px) {
  .wrapperSlider #sliderHome {
    height: 400px;
  }
}
@media (min-width: 781px) {
  .wrapperSlider #sliderHome {
    height: 430px;
  }
}
@media (min-width: 992px) {
  .wrapperSlider #sliderHome {
    height: 550px;
  }
}
@media (min-width: 1281px) {
  .wrapperSlider #sliderHome {
    height: 670px;
  }
}
.wrapperSlider #sliderHome.owl-carousel {
  height: 330px;
}
@media (min-width: 480px) {
  .wrapperSlider #sliderHome.owl-carousel {
    height: 400px;
  }
}
@media (min-width: 781px) {
  .wrapperSlider #sliderHome.owl-carousel {
    height: 430px;
  }
}
@media (min-width: 992px) {
  .wrapperSlider #sliderHome.owl-carousel {
    height: 550px;
  }
}
@media (min-width: 1281px) {
  .wrapperSlider #sliderHome.owl-carousel {
    height: 670px;
  }
}
.wrapperSlider #sliderHome .slide {
  position: relative;
  height: 330px;
  background: #000;
}
@media (min-width: 480px) {
  .wrapperSlider #sliderHome .slide {
    height: 400px;
  }
}
@media (min-width: 781px) {
  .wrapperSlider #sliderHome .slide {
    height: 430px;
  }
}
@media (min-width: 992px) {
  .wrapperSlider #sliderHome .slide {
    height: 550px;
  }
}
@media (min-width: 1281px) {
  .wrapperSlider #sliderHome .slide {
    height: 670px;
  }
}
.wrapperSlider #sliderHome .slide .image {
  height: 100%;
  opacity: .7;
}
.wrapperSlider #sliderHome .slide .image.gauche {
  width: 50%;
  float: left;
}
.wrapperSlider #sliderHome .slide .image.droite {
  width: 50%;
  float: right;
}
.wrapperSlider .legende {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
  padding: 10px;
  text-align: center;
}
@media (min-width: 781px) {
  .wrapperSlider .legende {
    padding: 0 50px;
  }
}
.wrapperSlider .legende.gauche {
  width: 50%;
  left: 0;
}
.wrapperSlider .legende.droite {
  width: 50%;
  right: 0;
}
.wrapperSlider .legende p {
  color: #FFF;
  max-width: 450px;
  margin: 0 auto;
}
.wrapperSlider .legende p:first-of-type {
  display: none;
}
@media (min-width: 781px) {
  .wrapperSlider .legende p:first-of-type {
    display: block;
  }
}
.wrapperSlider .legende p a {
  display: inline-block;
  padding: 1px 5px;
  color: #FFF;
  background: #00a6d9;
  margin-top: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media (min-width: 781px) {
  .wrapperSlider .legende p a {
    padding: 5px 10px;
  }
  .wrapperSlider .legende p a:after {
    content: "→";
    margin-left: 10px;
  }
}
.wrapperSlider .legende p a:hover {
  background: #007fa6;
}
.wrapperSlider .legende h2 {
  font-weight: 300;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  color: #FFF;
}
@media (min-width: 480px) {
  .wrapperSlider .legende h2 {
    font-size: 25px;
    font-size: 2.5rem;
  }
}
@media (min-width: 781px) {
  .wrapperSlider .legende h2 {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media (min-width: 992px) {
  .wrapperSlider .legende h2 {
    font-size: 35px;
    font-size: 3.5rem;
  }
}
@media (min-width: 1281px) {
  .wrapperSlider .legende h2 {
    font-size: 40px;
    font-size: 4rem;
  }
}
.wrapperSlider .legende h2 strong,
.wrapperSlider .legende h2 b {
  font-weight: 900;
  color: #00a6d9;
  text-shadow: 1px 1px 0 #FFF;
  display: block;
  font-style: italic;
  font-size: 130%;
}
.wrapperContainerHome {
  background: #00232e;
}
.actuBig {
  position: relative;
  z-index: 2;
  padding-top: 20px;
}
@media (min-width: 1281px) {
  .actuBig {
    padding: 0;
  }
}
.actuBig .conteneurActuNav {
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 80px;
}
@media (min-width: 992px) {
  .actuBig .conteneurActuNav {
    padding-bottom: 0;
  }
}
@media (min-width: 1281px) {
  .actuBig .conteneurActuNav {
    padding-bottom: 0;
    margin-bottom: 30px;
  }
}
.actuBig .conteneurActuNav .slide {
  position: relative;
}
.actuBig .conteneurActuNav .slide .legende {
  position: relative;
  float: left;
}
@media (min-width: 992px) {
  .actuBig .conteneurActuNav .slide .legende {
    position: absolute;
    float: none;
    top: 110px;
    left: 20px;
    max-width: 460px;
    z-index: 2;
  }
}
.actuBig .conteneurActuNav .slide .legende .bgTransparent {
  position: relative;
  background: rgba(255, 255, 255, 0.85);
  padding: 10px 20px 20px 0;
}
.actuBig .conteneurActuNav .slide .legende .bgTransparent::after {
  content: "";
  display: none;
  width: 60px;
  height: 0;
  border-bottom: 1px solid #00232e;
  position: absolute;
  left: -20px;
  bottom: 0;
}
@media (min-width: 992px) {
  .actuBig .conteneurActuNav .slide .legende .bgTransparent::after {
    display: block;
  }
}
.actuBig .conteneurActuNav .slide .legende h3 {
  font-weight: 900;
  color: #181818;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1;
  margin-bottom: 25px;
  float: left;
  width: 100%;
}
.actuBig .conteneurActuNav .slide .legende h4 {
  font-weight: bold;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.618;
  color: #00a6d9;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin-bottom: 5px;
}
.actuBig .conteneurActuNav .slide .legende h4 a {
  color: #00a6d9;
}
.actuBig .conteneurActuNav .slide .legende p {
  color: #323232;
}
.actuBig .conteneurActuNav .slide .listCategories {
  width: 100%;
  float: left;
}
.actuBig .conteneurActuNav .slide .listCategories li {
  float: left;
  margin-right: 15px;
}
.actuBig .conteneurActuNav .slide .imageContainer {
  position: relative;
}
.actuBig .conteneurActuNav .slide .imageContainer .image {
  height: 220px;
}
@media (min-width: 781px) {
  .actuBig .conteneurActuNav .slide .imageContainer .image {
    height: 300px;
  }
}
@media (min-width: 992px) {
  .actuBig .conteneurActuNav .slide .imageContainer .image {
    height: 350px;
  }
}
.actuBig .conteneurActuNav .slide .imageContainer .image.noPhoto {
  background-color: #f8d1a8;
  background-image: -webkit-gradient(linear, left top, right top, from(#f8d1a8), to(#00232e));
  background-image: -webkit-linear-gradient(left, #f8d1a8, #00232e);
  background-image: -moz-linear-gradient(left, #f8d1a8, #00232e);
  background-image: -ms-linear-gradient(left, #f8d1a8, #00232e);
  background-image: -o-linear-gradient(left, #f8d1a8, #00232e);
}
.actuBig .conteneurActuNav .slide .imageContainer .image.noPhoto img {
  height: auto;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
}
.actuBig .conteneurActuNav {
  padding-bottom: 30px;
  margin-bottom: 0;
}
@media (min-width: 1281px) {
  .actuBig .conteneurActuNav {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .actuBig .conteneurActuNav .slide .legende {
    top: 40px;
  }
}
.actuBig .conteneurActuNav .slide .legende .bgTransparent::after {
  display: block;
}
.actuBig .conteneurActuNav .slide .imageContainer {
  margin-top: -30px;
}
.uneActu {
  margin: 10px 0;
}
@media (min-width: 992px) {
  .uneActu {
    margin: 20px 0;
  }
}
.uneActu > a {
  background: #FFF;
  border: 0;
  display: block;
}
.uneActu > a:hover {
  border: 0;
}
.uneActu > a:hover .legende h3 {
  color: #00a6d9;
}
.uneActu > a:hover .legende .lire {
  color: #00a6d9;
}
.uneActu > a:hover .imageContainer {
  opacity: .8;
}
.uneActu > a:hover .imageContainer .image {
  transform: scale(1.3) rotate(5deg);
}
.uneActu .legende {
  position: relative;
  width: 100%;
  padding: 20px 20px 10px;
}
.uneActu .legende h3 {
  font-weight: 700;
  color: #00232e;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  margin: 0;
  text-align: center;
  min-height: 80px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.uneActu .legende h3:before {
  display: none;
}
.uneActu .legende h4 {
  font-weight: bold;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  color: #00a6d9;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin: 5px 0;
}
.uneActu .legende h4 a {
  color: rgba(0, 166, 217, 0.5);
}
.uneActu .legende .lire {
  margin-top: 15px;
  padding: 10px 0;
  width: 100%;
  border-top: 1px solid rgba(24, 24, 24, 0.2);
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.uneActu .legende .lire:after {
  content: "→";
  display: inline;
  margin-left: 5px;
  color: #00a6d9;
  position: absolute;
  right: 0;
}
.uneActu .imageContainer {
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
  background: #00a6d9;
}
.uneActu .imageContainer .image {
  height: 220px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
@media (min-width: 781px) {
  .uneActu .imageContainer .image {
    height: 190px;
  }
}
@media (min-width: 992px) {
  .uneActu .imageContainer .image {
    height: 190px;
  }
}
.uneActu .imageContainer .image.noPhoto img {
  height: auto;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
}
.filAriane {
  margin: -30px 0 0 0;
}
.filAriane #breadcrumbs {
  padding: 5px 15px 0 15px;
  background: #FFFFFF;
  width: auto;
  position: relative;
  z-index: 5;
}
.filAriane #breadcrumbs span {
  color: rgba(24, 24, 24, 0.7);
}
.filAriane #breadcrumbs a {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  color: rgba(24, 24, 24, 0.7);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.filAriane #breadcrumbs a:after {
  display: none;
}
.filAriane #breadcrumbs a:hover {
  color: #00232e;
  border-color: #00232e;
}
.filAriane #breadcrumbs .breadcrumb_last {
  color: #00232e;
  font-size: 14px;
  font-size: 1.4rem;
}
.page .entry-header,
.archive .entry-header {
  position: relative;
  z-index: 2;
}
.page .entry-header .entry-title,
.archive .entry-header .entry-title {
  font-weight: 900;
  font-style: italic;
  color: #fff;
  margin: 0;
  line-height: 1;
  font-size: 30px;
  font-size: 3rem;
}
@media (min-width: 781px) {
  .page .entry-header .entry-title,
  .archive .entry-header .entry-title {
    font-size: 35px;
    font-size: 3.5rem;
  }
}
@media (min-width: 992px) {
  .page .entry-header .entry-title,
  .archive .entry-header .entry-title {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media (min-width: 1281px) {
  .page .entry-header .entry-title,
  .archive .entry-header .entry-title {
    font-size: 50px;
    font-size: 5rem;
  }
}
@media (min-width: 992px) {
  .page .entry-header .entry-title.title-post,
  .archive .entry-header .entry-title.title-post {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media (min-width: 1281px) {
  .page .entry-header .entry-title.title-post,
  .archive .entry-header .entry-title.title-post {
    font-size: 45px;
    font-size: 4.5rem;
  }
}
.page .entry-header .entry-title b,
.archive .entry-header .entry-title b,
.page .entry-header .entry-title strong,
.archive .entry-header .entry-title strong {
  font-weight: 900;
}
.page .entry-header .entry-subtitle,
.archive .entry-header .entry-subtitle {
  font-weight: 300;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  margin: 0;
  line-height: 1;
}
@media (min-width: 781px) {
  .page .entry-header .entry-subtitle,
  .archive .entry-header .entry-subtitle {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media (min-width: 992px) {
  .page .entry-header .entry-subtitle,
  .archive .entry-header .entry-subtitle {
    font-size: 25px;
    font-size: 2.5rem;
  }
}
@media (min-width: 1281px) {
  .page .entry-header .entry-subtitle,
  .archive .entry-header .entry-subtitle {
    font-size: 30px;
    font-size: 3rem;
  }
}
.page .entry-header .entry-subtitle a,
.archive .entry-header .entry-subtitle a {
  color: #FFF;
}
.page .entry-header .hasBefore,
.archive .entry-header .hasBefore {
  position: relative;
}
.page .entry-header .hasBefore:before,
.archive .entry-header .hasBefore:before {
  content: "";
  display: inline-block;
  width: 80px;
  height: 0;
  border-bottom: 1px solid #FFF;
  position: absolute;
  top: -5px;
  left: 0;
}
/************************** HEADER PAGE CONTENUS */
.headerPage {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 110px 0 40px;
  background: #00232e;
  z-index: 1;
}
@media (min-width: 480px) {
  .headerPage {
    padding: 110px 0 50px;
  }
}
@media (min-width: 781px) {
  .headerPage {
    padding: 150px 0 80px;
  }
}
@media (min-width: 992px) {
  .headerPage {
    padding: 190px 0 60px 0;
  }
}
@media (min-width: 1281px) {
  .headerPage {
    padding: 200px 0 100px 0;
  }
}
.headerPage .imgHeader {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: .3;
  z-index: 1;
}
.headerPage .imgHeader:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/************************** PAGE BUILDER */
.wrapperNav {
  width: 96%;
  max-width: 1760px;
  margin: 0 auto;
  padding-bottom: 40px;
}
@media (min-width: 781px) {
  .wrapperNav {
    padding-bottom: 60px;
  }
}
.zoneContenu {
  position: relative;
  color: #181818;
  /* TEMOIGNAGES */
  /* DETAIL REAL */
}
.zoneContenu.zoneActus {
  padding: 20px 0;
}
@media (min-width: 992px) {
  .zoneContenu.zoneActus {
    padding: 30px 0;
  }
}
.zoneContenu.zoneActus > h2 {
  color: #FFF;
  font-size: 35px;
  font-size: 3.5rem;
}
.zoneContenu.zoneActus > h2 b {
  font-weight: 900;
  font-style: italic;
  color: #00a6d9;
}
.zoneContenu.zoneActus > h2:after {
  display: none;
}
.zoneContenu.zoneActus .more {
  display: inline-block;
}
@media (min-width: 781px) {
  .zoneContenu.zoneActus .more {
    display: none;
  }
}
@media (min-width: 992px) {
  .zoneContenu.zoneActus .more {
    display: inline-block;
  }
}
.zoneContenu.contenuHome {
  background: #FFF;
  margin: -80px 0 -20px;
  padding: 0;
  z-index: 20;
}
.zoneContenu.contenuHome .panel-layout {
  padding: 10px 15px 10px;
}
@media (min-width: 781px) {
  .zoneContenu.contenuHome .panel-layout {
    padding: 10px 30px 10px;
  }
}
.zoneContenu.contenuHome .lienVideo {
  display: block;
  width: 100%;
  height: 170px;
  background: url(../images/img-video.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
}
@media (min-width: 480px) {
  .zoneContenu.contenuHome .lienVideo {
    height: 230px;
  }
}
@media (min-width: 992px) {
  .zoneContenu.contenuHome .lienVideo {
    height: 240px;
  }
}
.zoneContenu.contenuHome .lienVideo span {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #FFF;
  text-align: center;
}
.zoneContenu.contenuHome h1 {
  font-weight: 900;
  font-style: italic;
  line-height: .8;
}
.zoneContenu.contenuHome h1 em {
  font-size: 70%;
  font-style: normal;
  color: rgba(24, 24, 24, 0.6);
}
.zoneContenu.contenuHome p {
  line-height: 1.3;
  margin-bottom: 10px;
}
.zoneContenu.contenuHome ul,
.zoneContenu.contenuHome ol {
  margin: 10px 0;
}
.zoneContenu.contenuHome ul li,
.zoneContenu.contenuHome ol li {
  margin: 0;
}
.zoneContenu.contenuNav {
  padding: 0 15px;
}
@media (min-width: 1281px) {
  .zoneContenu.contenuNav {
    margin-top: 0;
    padding: 0 20px 20px 0;
  }
  .zoneContenu.contenuNav .panel-grid .widget_metaslider_widget {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 1281px) and (min-width: 781px) {
  .zoneContenu.contenuNav .panel-grid {
    padding-right: 20px;
  }
}
.zoneContenu.contenuNav .container {
  background: #FFFFFF;
  position: relative;
  z-index: 10;
}
.zoneContenu .mfp-counter {
  display: none;
}
.zoneContenu h1,
.zoneContenu h2,
.zoneContenu h3,
.zoneContenu h4,
.zoneContenu h5,
.zoneContenu h6 {
  position: relative;
  margin: 10px 0;
  width: 100%;
  float: left;
  text-transform: none;
  letter-spacing: normal;
  line-height: 1;
  font-weight: 900;
}
.zoneContenu h1 b,
.zoneContenu h2 b,
.zoneContenu h3 b,
.zoneContenu h4 b,
.zoneContenu h5 b,
.zoneContenu h6 b,
.zoneContenu h1 strong,
.zoneContenu h2 strong,
.zoneContenu h3 strong,
.zoneContenu h4 strong,
.zoneContenu h5 strong,
.zoneContenu h6 strong {
  font-weight: 900;
  color: #00232e;
}
.zoneContenu h1 small,
.zoneContenu h2 small,
.zoneContenu h3 small,
.zoneContenu h4 small,
.zoneContenu h5 small,
.zoneContenu h6 small {
  font-weight: 300;
}
.zoneContenu h1::after,
.zoneContenu h2::after {
  content: "";
  display: block;
  width: 40px;
  height: 0;
  border-bottom: 2px solid #00a6d9;
  position: absolute;
  left: -50px;
  top: 15px;
}
.zoneContenu h3 {
  margin-left: -15px;
}
.zoneContenu h3::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 0;
  border-bottom: 1px solid rgba(24, 24, 24, 0.3);
  position: relative;
  margin-right: 5px;
  margin-bottom: 5px;
}
.zoneContenu h1 {
  font-size: 25px;
  font-size: 2.5rem;
  font-style: italic;
}
@media (min-width: 781px) {
  .zoneContenu h1 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media (min-width: 1281px) {
  .zoneContenu h1 {
    font-size: 30px;
    font-size: 3rem;
  }
}
.zoneContenu h1.titreActu {
  font-weight: 900;
  margin-top: 0;
  font-size: 25px;
  font-size: 2.5rem;
}
@media (min-width: 781px) {
  .zoneContenu h1.titreActu {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media (min-width: 1281px) {
  .zoneContenu h1.titreActu {
    font-size: 30px;
    font-size: 3rem;
  }
}
.zoneContenu h1.titreActu:before,
.zoneContenu h1.titreActu:after {
  display: none;
}
.zoneContenu h2 {
  font-size: 22px;
  font-size: 2.2rem;
  font-style: italic;
  line-height: 1;
}
@media (min-width: 781px) {
  .zoneContenu h2 {
    font-size: 25px;
    font-size: 2.5rem;
  }
}
@media (min-width: 1281px) {
  .zoneContenu h2 {
    font-size: 27px;
    font-size: 2.7rem;
  }
}
.zoneContenu h3 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
}
@media (min-width: 1281px) {
  .zoneContenu h3 {
    font-size: 21px;
    font-size: 2.1rem;
  }
}
.zoneContenu h4 {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1;
  font-weight: 300;
  margin-bottom: 0;
  color: #00a6d9;
}
@media (min-width: 781px) {
  .zoneContenu h4 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.zoneContenu h4 b,
.zoneContenu h4 strong {
  color: #00a6d9;
}
.zoneContenu h4.actuCateg {
  color: #00232e;
  letter-spacing: 4px;
  font-size: 15px;
  font-size: 1.5rem;
  text-transform: uppercase;
}
.zoneContenu h4.actuCateg a {
  color: #00a6d9;
}
.zoneContenu h5 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 300;
}
@media (min-width: 781px) {
  .zoneContenu h5 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.zoneContenu h6 {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 300;
}
@media (min-width: 781px) {
  .zoneContenu h6 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.zoneContenu blockquote,
.zoneContenu blockquote p {
  border: 0;
  padding: 0;
  margin-top: 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  font-style: italic;
  color: #323232;
}
@media (min-width: 781px) {
  .zoneContenu blockquote,
  .zoneContenu blockquote p {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.zoneContenu blockquote b,
.zoneContenu blockquote p b,
.zoneContenu blockquote strong,
.zoneContenu blockquote p strong {
  font-weight: 700;
}
.zoneContenu blockquote {
  width: 100%;
  padding: 0 0;
  margin: 15px 0;
  float: left;
  text-align: justify;
}
.zoneContenu cite {
  font-family: 'Merriweather', serif;
  color: #181818;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  display: inline-block;
  width: 100%;
}
.zoneContenu cite b,
.zoneContenu cite strong {
  color: #00232e;
}
.zoneContenu p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  margin: 10px 0 20px 0;
  color: #4b4b4b;
  width: 100%;
  float: left;
  text-align: justify;
}
@media (min-width: 781px) {
  .zoneContenu p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.zoneContenu p b,
.zoneContenu p strong {
  font-weight: 900;
  color: #00232e;
}
.zoneContenu a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  position: relative;
}
.zoneContenu a:not('.btn'):after,
.zoneContenu a:not('.btnRetour'):after {
  content: '';
  position: absolute;
  width: 100%;
  z-index: -1;
  bottom: -2px;
  left: -2px;
  height: 20px;
  width: calc(100% + 4px);
  background: rgba(24, 24, 24, 0.07);
}
.zoneContenu a:hover {
  border-bottom: 1px solid #656565;
}
.zoneContenu a.btn,
.zoneContenu a[rel="noopener"] {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid rgba(24, 24, 24, 0.2);
  z-index: 1;
  font-size: 14px;
  font-size: 1.4rem;
  color: #00a6d9;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
}
.zoneContenu a.btn:after,
.zoneContenu a[rel="noopener"]:after {
  content: ' →';
  color: rgba(0, 166, 217, 0.5);
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  height: auto;
  width: auto;
  bottom: auto;
  left: auto;
  background: none;
  z-index: 1;
}
.zoneContenu a.btn:before,
.zoneContenu a[rel="noopener"]:before {
  content: '';
  position: absolute;
  z-index: -1;
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  background: #00232e;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.zoneContenu a.btn:hover,
.zoneContenu a[rel="noopener"]:hover {
  color: #FFF;
  border-color: #00232e;
}
.zoneContenu a.btn:hover:before,
.zoneContenu a[rel="noopener"]:hover:before {
  width: 100%;
}
.zoneContenu a.btn:hover:after,
.zoneContenu a[rel="noopener"]:hover:after {
  color: #FFF;
}
.zoneContenu ul,
.zoneContenu ol {
  padding: 0 20px 0 20px;
  margin: 20px 0;
  width: 100%;
  float: left;
}
.zoneContenu ul li,
.zoneContenu ol li {
  font-weight: 400;
  position: relative;
  padding-left: 15px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #656565;
  margin: 5px 0;
  width: 100%;
  float: left;
}
.zoneContenu ul li h1,
.zoneContenu ol li h1,
.zoneContenu ul li h2,
.zoneContenu ol li h2,
.zoneContenu ul li h3,
.zoneContenu ol li h3,
.zoneContenu ul li h4,
.zoneContenu ol li h4,
.zoneContenu ul li h5,
.zoneContenu ol li h5,
.zoneContenu ul li h6,
.zoneContenu ol li h6 {
  margin: 0 0 5px 0;
  color: #4b4b4b;
  font-weight: 700;
}
.zoneContenu ul li h1:before,
.zoneContenu ol li h1:before,
.zoneContenu ul li h2:before,
.zoneContenu ol li h2:before,
.zoneContenu ul li h3:before,
.zoneContenu ol li h3:before,
.zoneContenu ul li h4:before,
.zoneContenu ol li h4:before,
.zoneContenu ul li h5:before,
.zoneContenu ol li h5:before,
.zoneContenu ul li h6:before,
.zoneContenu ol li h6:before,
.zoneContenu ul li h1:after,
.zoneContenu ol li h1:after,
.zoneContenu ul li h2:after,
.zoneContenu ol li h2:after,
.zoneContenu ul li h3:after,
.zoneContenu ol li h3:after,
.zoneContenu ul li h4:after,
.zoneContenu ol li h4:after,
.zoneContenu ul li h5:after,
.zoneContenu ol li h5:after,
.zoneContenu ul li h6:after,
.zoneContenu ol li h6:after {
  display: none;
}
.zoneContenu ul li h3,
.zoneContenu ol li h3 {
  font-size: 20px;
  font-size: 2rem;
}
.zoneContenu ul li p,
.zoneContenu ol li p {
  margin: 0;
}
.zoneContenu ul li:before,
.zoneContenu ol li:before {
  position: absolute;
  left: -15px;
  top: 0px;
  display: block;
  color: #00232e;
  content: '→';
  height: 5px;
  width: 12px;
}
.zoneContenu ul li:first-child,
.zoneContenu ol li:first-child {
  margin-top: 0;
}
.zoneContenu ul li:last-child,
.zoneContenu ol li:last-child {
  margin-bottom: 0;
}
.zoneContenu ul li ul,
.zoneContenu ol li ul {
  padding-left: 5px;
  border-left: 1px solid rgba(24, 24, 24, 0.2);
}
.zoneContenu ul li ul li,
.zoneContenu ol li ul li {
  background: none;
  margin: 0;
  padding: 5px 0 5px 10px;
  font-size: 14px;
}
.zoneContenu ul li ul li:before,
.zoneContenu ol li ul li:before {
  display: none;
}
.zoneContenu ul li:last-child,
.zoneContenu ol li:last-child {
  margin-bottom: 0;
}
.zoneContenu ol {
  list-style: decimal !important;
}
.zoneContenu ol li:before {
  display: none;
}
.zoneContenu hr {
  margin: 10px 0;
  width: 100%;
  float: left;
}
.zoneContenu h3.widget-title {
  display: none;
}
.zoneContenu .widget_sow-image {
  position: relative;
}
.zoneContenu .widget_sow-image h3.widget-title {
  position: relative;
  padding: 10px 15px;
  width: auto;
  text-align: left;
  margin: 0;
  display: block;
  background: #00a6d9;
  border: 0;
  color: #FFF;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 400;
}
@media (min-width: 781px) {
  .zoneContenu .widget_sow-image h3.widget-title {
    font-size: 17px;
    font-size: 1.7rem;
    bottom: 30px;
    left: -20px;
    max-width: 250px;
    position: absolute;
  }
}
.zoneContenu .widget_sow-image h3.widget-title:after,
.zoneContenu .widget_sow-image h3.widget-title:before {
  display: none;
}
.zoneContenu .bigImg .sow-image-container {
  padding: 0;
}
@media (min-width: 781px) {
  .zoneContenu .bigImg .sow-image-container {
    margin-bottom: -30px;
  }
}
.zoneContenu .bigImg .so-widget-sow-image h3.widget-title {
  top: 50%;
  bottom: auto;
  left: 20px;
  font-weight: 700;
}
@media (min-width: 781px) {
  .zoneContenu .bigImg .so-widget-sow-image h3.widget-title {
    background: none;
  }
}
.zoneContenu .sow-image-container {
  padding: 10px 0 0;
  margin-bottom: 10px;
}
.zoneContenu .sow-image-container a:after {
  display: none;
}
.zoneContenu .sow-slider-pagination li {
  width: auto;
}
.zoneContenu .so-widget-sow-slider .sow-slider-image {
  padding: 0;
}
.zoneContenu .sow-image-grid-image img {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(24, 24, 24, 0.1);
}
.zoneContenu .ml-slider {
  max-width: 1300px;
  width: 96%;
}
.zoneContenu .ml-slider .flexslider {
  margin: 20px 0;
  float: left;
}
.zoneContenu .ml-slider .slides li {
  position: relative;
}
.zoneContenu .ml-slider .slides li:before {
  display: none;
}
.zoneContenu .ml-slider .slides li .caption-wrap {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  max-width: 100%;
  padding: 10px 20px 40px;
  opacity: 1;
  background: #00a6d9;
}
@media (min-width: 781px) {
  .zoneContenu .ml-slider .slides li .caption-wrap {
    min-height: 90px;
  }
}
@media (min-width: 781px) {
  .zoneContenu .ml-slider .slides li .caption-wrap {
    position: absolute;
    z-index: 20;
    top: auto;
    bottom: 40px;
    padding: 20px 20px;
    left: -20px;
    max-width: 360px;
    width: auto;
    min-height: 0;
  }
}
.zoneContenu .ml-slider .slides li .caption-wrap .caption {
  color: #FFF;
  padding: 0;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
}
@media (min-width: 781px) {
  .zoneContenu .ml-slider .slides li .caption-wrap .caption {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.zoneContenu .ml-slider .flex-control-paging {
  position: absolute;
  bottom: 15px;
  top: auto;
  left: 20px;
  z-index: 20;
  width: calc(100% - 40px);
}
.zoneContenu .ml-slider .flex-control-paging li {
  float: left;
  width: auto;
}
.zoneContenu .ml-slider .flex-control-paging li:before {
  display: none;
}
.zoneContenu .ml-slider .flex-control-paging li a {
  box-shadow: 0 0 0 0;
  border-radius: 0;
  margin: 5px 3px 0;
  background: rgba(255, 255, 255, 0.7);
  width: 20px;
  height: 5px;
}
@media (min-width: 781px) {
  .zoneContenu .ml-slider .flex-control-paging li a {
    width: 30px;
  }
}
.zoneContenu .ml-slider .flex-control-paging li a:after {
  display: none;
}
.zoneContenu .ml-slider .flex-control-paging li a.flex-active {
  background: #00232e;
}
@media (min-width: 781px) {
  .zoneContenu .ml-slider .flex-control-paging li a.flex-active {
    background: #00a6d9;
  }
}
.zoneContenu .ml-slider .flex-control-paging li a:hover {
  border: 0;
}
.zoneContenu .ml-slider .flex-control-paging li:hover {
  border: 0;
}
.zoneContenu .ml-slider .flex-direction-nav {
  opacity: 1;
  position: absolute;
  left: auto;
  right: 20px;
  bottom: -20px;
  top: auto;
  width: auto;
  z-index: 30;
}
.zoneContenu .ml-slider .flex-direction-nav li {
  width: auto;
  float: left;
  padding: 0;
  margin: 0 2px 0 0 !important;
  background: #00232e;
}
@media (min-width: 781px) {
  .zoneContenu .ml-slider .flex-direction-nav li {
    background: #00a6d9;
  }
}
.zoneContenu .ml-slider .flex-direction-nav li a {
  padding: 7px;
  display: inline-block;
  color: #FFF;
  opacity: 1;
  background: none;
  text-indent: 0;
  margin: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 1;
  font-size: 22px;
  position: relative;
}
@media (min-width: 781px) {
  .zoneContenu .ml-slider .flex-direction-nav li a {
    width: 45px;
  }
}
.zoneContenu .ml-slider .flex-direction-nav li a.flex-prev {
  left: auto;
}
.zoneContenu .ml-slider .flex-direction-nav li a.flex-next {
  right: auto;
}
.zoneContenu .ml-slider .flex-direction-nav li a:hover {
  border: 0;
}
.zoneContenu .ml-slider .flex-direction-nav li:hover {
  border: 0;
}
.zoneContenu .mg-image-tiles .mg-thumbs .caption {
  font-size: 13px;
  font-size: 1.3rem;
  hyphens: none !important;
  word-break: keep-all !important;
}
.zoneContenu .temoignage blockquote {
  padding: 20px;
  background: url(../images/quotes.png) no-repeat center center #f2f2f2;
  margin-top: 20px;
  min-height: 120px;
  margin-bottom: 0;
  font-family: 'Merriweather', serif;
}
.zoneContenu .temoignage blockquote p {
  text-align: center;
  font-size: 19px;
  font-size: 1.9rem;
}
.zoneContenu .temoignage blockquote cite {
  font-family: 'Merriweather', serif;
  font-size: 17px;
  font-size: 1.7rem;
}
.zoneContenu .temoignage blockquote cite b,
.zoneContenu .temoignage blockquote cite strong {
  color: #00a6d9;
}
.zoneContenu .galerieImg {
  margin-bottom: 10px;
  margin-left: -1%;
  padding: 0;
}
.zoneContenu .galerieImg li {
  float: left;
  width: 49%;
  margin-left: 1%;
  margin-bottom: 5px;
  margin-top: 0;
  padding: 0;
}
.zoneContenu .galerieImg li:before {
  display: none;
}
@media (min-width: 781px) {
  .zoneContenu .galerieImg li {
    width: 24%;
  }
}
.zoneContenu .galerieImg li a {
  display: block;
  width: 100%;
  height: 110px;
  position: relative;
}
@media (min-width: 781px) {
  .zoneContenu .galerieImg li a {
    height: 120px;
  }
}
.zoneContenu .galerieImg li a:after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  width: 1px;
  z-index: 10;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.4);
}
.zoneContenu .galerieImg li a:before {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  z-index: 11;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  opacity: 0;
  background: url(../images/plus-hover-actu.png) no-repeat center center;
}
.zoneContenu .galerieImg li a:hover:after {
  width: 100%;
}
.zoneContenu .galerieImg li a:hover:before {
  opacity: 1;
}
.btnPdf {
  display: block;
  padding: 25px 0 20px;
  width: 100%;
  background: url(../images/bg-pdf.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
  margin-bottom: 40px;
  margin-top: 20px;
}
.btnPdf span {
  color: #FFF;
  text-align: center;
  display: block;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #00232e;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 20px;
  text-transform: uppercase;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  padding-top: 55px;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
.btnPdf span b {
  font-weight: 900;
}
.btnPdf span:before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -10px;
  content: '';
  display: block;
  width: 50px;
  height: 60px;
  background: url(../images/picto-pdf.png) no-repeat center center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btnPdf span:after {
  content: '...';
  display: block;
  font-weight: 900;
  font-size: 25px;
  width: 100%;
  text-align: center;
  margin-top: -10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btnPdf:hover span {
  background: #FFF;
  color: #00232e;
}
.btnPdf:hover span:before {
  top: -15px;
}
.btnPdf:hover span:after {
  margin-top: 0;
}
.blocContact {
  display: block;
  width: 100%;
  position: relative;
  margin: 30px 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #00a6d9;
  background-image: -webkit-gradient(linear, left top, right top, from(#00a6d9), to(#00232e));
  background-image: -webkit-linear-gradient(left, #00a6d9, #00232e);
  background-image: -moz-linear-gradient(left, #00a6d9, #00232e);
  background-image: -ms-linear-gradient(left, #00a6d9, #00232e);
  background-image: -o-linear-gradient(left, #00a6d9, #00232e);
  padding: 15px 20px 20px 20px;
}
.blocContact h3 {
  color: #FFF;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  font-weight: 300;
  margin-bottom: 10px;
  margin-top: 0;
  position: relative;
  padding-right: 90px;
}
.blocContact h3 b,
.blocContact h3 strong {
  font-weight: 900;
}
.blocContact p {
  color: #FFF;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  padding-right: 0;
}
.blocContact p b,
.blocContact p strong {
  font-weight: 900;
}
.blocContact:after {
  content: '';
  width: 150px;
  height: 110px;
  position: absolute;
  top: -20px;
  right: -25px;
  background: url(../images/picto-ras-habitat.png) no-repeat top center;
  background-size: contain;
}
#sidebarContainer {
  /*position: -webkit-sticky;  // required for Safari
    position: sticky;
    top: 100px; // required as well.*/
}
.sideBarActus {
  padding-top: 30px;
}
.sideBarActus .widget-lasts-article-container {
  padding: 0;
  margin-bottom: 20px;
}
.sideBarActus .widget-lasts-article-container .widget-lasts-article {
  padding-top: 0;
  position: relative;
  margin: 0 10px 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}
.sideBarActus .widget-lasts-article-container .widget-lasts-article .titreNews {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  position: relative;
  color: #181818;
  width: 100%;
  display: block;
}
.sideBarActus .widget-lasts-article-container .widget-lasts-article .categNews {
  font-size: 13px;
  font-size: 1.3rem;
  color: #00a6d9;
  letter-spacing: 4px;
  line-height: 1.618;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.sideBarActus .widget-lasts-article-container h2 {
  font-size: 25px;
  font-size: 2.5rem;
  position: relative;
  margin: 0 0 10px;
  padding-left: 35px;
  width: 100%;
  text-transform: none;
  letter-spacing: normal;
  line-height: 1;
  font-weight: 300;
  color: #00232e;
}
.sideBarActus .widget-lasts-article-container h2 b,
.sideBarActus .widget-lasts-article-container h2 strong {
  font-weight: 900;
}
.sideBarActus .widget-lasts-article-container h2::after {
  content: "";
  display: block;
  width: 40px;
  height: 0;
  border-bottom: 1px solid #181818;
  position: absolute;
  left: -15px;
  top: 15px;
}
.sideBarActus .widget_archive {
  width: 100%;
  float: left;
}
.sideBarActus .widget_archive ul li {
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0;
}
.sideBarActus .widget_archive ul li:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 0;
  background: rgba(247, 143, 30, 0);
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  z-index: -1;
}
.sideBarActus .widget_archive ul li a {
  position: relative;
  display: block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 10px 0;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 700;
}
.sideBarActus .widget_archive ul li a:after {
  position: absolute;
  top: 10px;
  right: 0;
  content: '→';
  font-size: 18px;
  font-size: 1.8rem;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sideBarActus .widget_archive ul li:hover {
  color: #FFF;
}
.sideBarActus .widget_archive ul li:hover:after {
  width: 100%;
  left: 0;
  background: #f78f1e;
}
.sideBarActus .widget_archive ul li:hover a {
  color: #FFF;
  padding: 10px;
}
.sideBarActus .widget_archive ul li:hover a:after {
  right: 10px;
}
.title_sidebar_remonte {
  display: block;
  height: 70px;
  box-sizing: border-box;
  border-bottom: none;
  background: #00a6d9;
  padding: 10px 25px;
  left: 0;
  z-index: 2;
  margin-top: 20px;
  width: 100%;
}
@media (min-width: 992px) {
  .title_sidebar_remonte {
    position: absolute;
    top: -70px;
    display: inline-block;
    margin: 0;
    padding-top: 0;
  }
}
.title_sidebar_remonte h3 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 70px;
  color: #fff;
  margin-top: 0;
  font-weight: 300;
  position: relative;
}
@media (min-width: 992px) {
  .title_sidebar_remonte h3 {
    font-size: 25px;
    font-size: 2.5rem;
  }
}
.title_sidebar_remonte h3 b,
.title_sidebar_remonte h3 strong {
  font-weight: 900;
}
.title_sidebar_remonte.multiligne h3 {
  line-height: 1;
  margin-top: 5px;
  margin-bottom: 0;
}
.title_sidebar_remonte.multiligne h3 small {
  font-size: 15px;
  font-size: 1.5rem;
}
.siderbar-droite {
  background: #f1f1f1;
}
/* PAGE LISTE ACTUS */
/* PAGE DETAIL */
.post {
  float: left;
  margin-bottom: 40px;
}
.wrapperImgSingle {
  position: relative;
  margin: 20px 0 10px;
  padding: 0 15px;
}
.wrapperImgSingle .imgActuDetail {
  height: 230px;
}
@media (min-width: 781px) {
  .wrapperImgSingle .imgActuDetail {
    height: 350px;
  }
}
@media (min-width: 992px) {
  .wrapperImgSingle .imgActuDetail {
    height: 400px;
  }
}
@media (min-width: 1281px) {
  .wrapperImgSingle .imgActuDetail {
    height: 450px;
  }
}
.wrapperImgSingle .zoomImg {
  display: block;
  padding: 15px;
  background: #FFFFFF;
  position: absolute;
  bottom: 0px;
  right: 40px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.wrapperImgSingle .zoomImg .fa {
  color: #00232e;
  font-size: 24px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.wrapperImgSingle .zoomImg:hover {
  background: #00232e;
}
.wrapperImgSingle .zoomImg:hover .fa {
  color: #FFF;
}
.shareSingle {
  float: left;
  margin-bottom: 0;
}
@media (min-width: 1281px) {
  .shareSingle {
    padding: 0 30px;
  }
}
.shareSingle h5 {
  color: rgba(24, 24, 24, 0.8);
  font-weight: 900;
  font-size: 18px;
  font-size: 1.8rem;
  margin: 10px 0;
}
.shareSingle .shareBtn {
  margin: 0;
  padding: 0;
}
.shareSingle .shareBtn li {
  margin: 0 0px 10px 0;
  float: left;
  display: inline-block;
  width: 100%;
  padding: 0 5px;
}
@media (min-width: 480px) {
  .shareSingle .shareBtn li {
    width: 50%;
    padding: 0;
    float: left;
  }
}
@media (min-width: 781px) {
  .shareSingle .shareBtn li {
    width: 33.333%;
    float: left;
  }
}
@media (min-width: 992px) {
  .shareSingle .shareBtn li {
    width: 100%;
    padding: 0;
    float: none;
  }
}
.shareSingle .shareBtn li:before,
.shareSingle .shareBtn li:after {
  display: none;
}
.shareSingle .shareBtn li a {
  color: rgba(24, 24, 24, 0.5);
  display: block;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  padding: 10px 5px;
  border-radius: 0;
  width: 100%;
  text-align: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: #FFF;
  border: 1px solid rgba(24, 24, 24, 0.1);
}
@media (min-width: 992px) {
  .shareSingle .shareBtn li a {
    text-align: left;
  }
}
.shareSingle .shareBtn li a .fa {
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 30px;
  text-align: center;
}
@media (min-width: 1281px) {
  .shareSingle .shareBtn li a .fa {
    width: 35px;
  }
}
.shareSingle .shareBtn li a.fb .fa {
  color: #4460ae;
}
.shareSingle .shareBtn li a.tw .fa {
  color: #3fbff0;
}
.shareSingle .shareBtn li a.gp .fa {
  color: #d93828;
}
.shareSingle .shareBtn li a.in .fa {
  color: #0077B5;
}
.shareSingle .shareBtn li a.vd .fa {
  color: #EE7355;
}
.shareSingle .shareBtn li a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.shareSingle .shareBtn li a:hover .fa {
  color: #FFF;
}
.shareSingle .shareBtn li a:hover.fb {
  background: #4460ae;
}
.shareSingle .shareBtn li a:hover.tw {
  background: #3fbff0;
}
.shareSingle .shareBtn li a:hover.gp {
  background: #d93828;
}
.shareSingle .shareBtn li a:hover.in {
  background: #0077B5;
}
.shareSingle .shareBtn li a:hover.vd {
  background: #EE7355;
}
a.btnRetour {
  margin-top: 10px;
  display: inline-block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  padding: 5px 10px;
  border: 0;
}
a.btnRetour:before {
  content: "";
  display: block;
  width: 60px;
  height: 0;
  border-bottom: 1px solid #00232e;
  position: absolute;
  left: -20px;
  top: -10px;
}
a.btnRetour:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 0;
  background: #00232e;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  z-index: -1;
}
a.btnRetour:hover {
  color: #FFF;
  border: 0;
}
a.btnRetour:hover:after {
  width: 100%;
  left: 0;
  background: #00232e;
}
/*** Forms ***/
.sendOK {
  color: #08b706;
  font-weight: bold;
  margin: 15px 0;
}
.sendError {
  color: #CD0E34;
  font-weight: bold;
  margin: 15px 0;
}
.dadywinie {
  display: none !important;
}
#casenorobot {
  margin: 10px 0;
}
#casenorobot #checkboxRobot {
  margin: 5px 5px 5px 0;
}
#casenorobot label {
  font-size: 14px;
}
#colophon {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  width: 100%;
}
#colophon #zoneFooter {
  padding: 20px 0 0 0;
  max-width: 100%;
  margin: 0 auto 0;
  background: #d9d9d9;
}
#colophon #zoneFooter .container {
  text-align: center;
  padding-bottom: 20px;
}
@media (min-width: 781px) {
  #colophon #zoneFooter .container {
    text-align: left;
  }
}
#colophon #zoneFooter .container .logoResponsive {
  display: inline-block;
  margin-bottom: 15px;
  text-align: center;
  width: 100%;
}
#colophon #zoneFooter .container .logoResponsive img {
  width: 100%;
  height: auto;
  max-width: 200px;
}
#colophon #zoneFooter .container .facebookDiv {
  text-align: center;
}
#colophon #zoneFooter .container h3 {
  color: #00a6d9;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 900;
  font-style: italic;
  position: relative;
  margin-bottom: 0;
}
#colophon #zoneFooter .container h3 b,
#colophon #zoneFooter .container h3 string {
  font-weight: 700;
}
#colophon #zoneFooter .container p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
}
#colophon #zoneFooter .container .fa {
  color: #b3b3b3;
}
#colophon .mentions {
  padding: 15px 0 30px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
}
#colophon .mentions span {
  font-style: italic;
}
#colophon .mentions a span {
  border-bottom: 1px solid rgba(24, 24, 24, 0.2);
}
.titrefiltres {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 20px 0;
  text-align: center;
}
.choixReal select {
  padding: 5px 10px;
}
.wrapperRealHome {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 15px 15px 0 15px;
}
@media (min-width: 781px) {
  .wrapperRealHome {
    padding: 0 0 0 0;
  }
}
.wrapperReal {
  position: relative;
  width: 100%;
  max-width: 1570px;
  margin: 0 auto;
  padding: 30px 10px 30px 10px;
}
.introReals {
  width: 100%;
  float: left;
  background: #00a6d9;
  position: relative;
}
@media (min-width: 781px) {
  .introReals {
    width: 33.3333333%;
    height: 230px;
  }
}
@media (min-width: 1281px) {
  .introReals {
    width: 25%;
    height: 320px;
  }
}
.introReals .blocContent {
  width: 100%;
  padding: 20px;
}
@media (min-width: 781px) {
  .introReals .blocContent {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0 20px;
  }
}
@media (min-width: 1281px) {
  .introReals .blocContent {
    padding: 0 50px;
  }
}
.introReals .blocContent h3.titre {
  color: #FFF;
  margin: 0;
  font-weight: 900;
  font-style: italic;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1;
  margin-bottom: 10px;
  position: relative;
}
@media (min-width: 781px) {
  .introReals .blocContent h3.titre {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media (min-width: 1281px) {
  .introReals .blocContent h3.titre::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    position: absolute;
    left: -40px;
    top: 50%;
  }
}
.introReals .blocContent p {
  color: #FFF;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  margin-bottom: 10px;
}
.introReals .blocContent .more {
  color: #FFF;
}
.introReals .blocContent .more:after {
  color: #FFF;
}
.introReals .blocContent .more:hover:before {
  background: #00232e;
}
#realisationGrid .real {
  position: relative;
  display: block;
  padding: 0;
  margin-bottom: 10px;
  width: 100%;
}
#realisationGrid .real.realHome {
  margin: 0;
  float: left;
}
#realisationGrid .real .imgReal {
  height: 250px;
}
#realisationGrid .real .imgReal.nophoto {
  background-color: #00232e;
}
#realisationGrid .real .imgReal.nophoto img {
  margin: 0 auto;
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#realisationGrid .real .conteneurReal {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 10px;
  top: 0;
  left: 0;
}
#realisationGrid .real .conteneurReal .contentReal {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
  padding: 10px 20px;
}
#realisationGrid .real .conteneurReal .contentReal:before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: rgba(0, 35, 46, 0.8);
  z-index: 10;
}
#realisationGrid .real .conteneurReal .contentReal h3 {
  color: #FFF;
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  position: relative;
  z-index: 20;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  transition-delay: .2s;
  opacity: 1;
  text-align: center;
  width: 100%;
}
#realisationGrid .real .conteneurReal .contentReal h3 span {
  display: block;
  color: #FFF;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 2px;
  font-weight: 400;
  text-transform: uppercase;
}
#realisationGrid .real .conteneurReal .contentReal ul.tags {
  position: relative;
  z-index: 25;
  text-align: center;
  width: 100%;
  margin-top: 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}
#realisationGrid .real .conteneurReal .contentReal ul.tags li {
  color: #FFF;
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  margin-right: 5px;
  margin-top: 5px;
  border-radius: 3px;
  padding: 3px 5px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
#realisationGrid .real .conteneurReal .contentReal ul.tags li:last-child {
  margin-right: 0;
}
#realisationGrid .real:hover .conteneurReal .contentReal:before {
  width: 100%;
}
#realisationGrid .real:hover .conteneurReal .contentReal h3 {
  opacity: 1;
}
#realisationGrid .real:hover .conteneurReal .contentReal h4 {
  opacity: 1;
}
#realisationGrid .real:hover .conteneurReal .contentReal ul.tags {
  opacity: 1;
}
@media (min-width: 480px) {
  #realisationGrid .real {
    width: 48%;
    margin: 5px 1%;
  }
  #realisationGrid .real .imgReal {
    height: 200px;
  }
  #realisationGrid .real.realHome {
    width: 50%;
  }
}
@media (min-width: 781px) {
  #realisationGrid .real {
    width: 32%;
    margin: 5px 1% 5px 0;
  }
  #realisationGrid .real .imgReal {
    height: 230px;
  }
  #realisationGrid .real.realHome {
    width: 33.3333333%;
  }
}
@media (min-width: 992px) {
  #realisationGrid .real .conteneurReal .contentReal {
    height: 100%;
  }
  #realisationGrid .real .conteneurReal .contentReal:before {
    width: 0;
  }
  #realisationGrid .real .conteneurReal .contentReal h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 20px;
    font-size: 2rem;
    opacity: 0;
    padding: 0 15px;
  }
  #realisationGrid .real .conteneurReal .contentReal h3 span {
    font-size: 15px;
    font-size: 1.5rem;
  }
  #realisationGrid .real .conteneurReal .contentReal ul.tags {
    position: absolute;
    z-index: 25;
    bottom: 15px;
    right: 0;
    padding: 0 15px;
    opacity: 0;
  }
}
@media (min-width: 1281px) {
  #realisationGrid .real {
    width: 24%;
    margin: 5px 1% 5px 0;
  }
  #realisationGrid .real .imgReal {
    height: 270px;
  }
  #realisationGrid .real.realHome {
    width: 25%;
  }
  #realisationGrid .real.realHome .imgReal {
    height: 320px;
  }
}
.liste-categories h3 {
  font-weight: 900;
  color: #00a6d9;
  text-transform: uppercase;
}
.liste-categories ul li {
  border-bottom: 1px solid rgba(24, 24, 24, 0.2);
}
.liste-categories ul li a {
  display: block;
  padding: 10px 5px;
}