@charset "utf-8";
@font-face {
  font-family: 'OptimaBold';
  src: url('../fonts/OptimaLTStd-Bold.woff2') format('woff2'), url('../fonts/OptimaLTStd-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'OptimaBlack';
  src: url('../fonts/OptimaLTStd-Black.woff2') format('woff2'), url('../fonts/OptimaLTStd-Black.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Optima';
  src: url('../fonts/OptimaLTStd.woff2') format('woff2'), url('../fonts/OptimaLTStd.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OptimaItalic';
  src: url('../fonts/OptimaLTStd-Italic.woff2') format('woff2'), url('../fonts/OptimaLTStd-Italic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OptimaSemiBold';
  src: url('../fonts/OptimaLTStd-DemiBold.woff2') format('woff2'), url('../fonts/OptimaLTStd-DemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'OptimaMedium';
  src: url('../fonts/OptimaLTStd-Medium.woff2') format('woff2'), url('../fonts/OptimaLTStd-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
.lazy-hidden {
  opacity: 0;
}
.lazy-loaded {
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -ms-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 1;
}
body {
  font-family: 'Roboto';
  overflow-x: hidden;
}
body.pop {
  overflow: hidden;
  overflow-y: hidden;
}
body >.container,
body >.container-page {
  position: relative;
}
body >.container.sticky,
body >.container-page.sticky {
  overflow-x: unset;
}
a:not([class]) {
  color: #CAD1D5;
  text-decoration: underline;
}
.container-page.padTop {
  padding-top: 80px;
}
.container-1440 {
  width: calc(100% - 20px*2);
  padding: 0 20px;
  max-width: 1440px;
  margin: auto;
}
.container-1280 {
  width: calc(100% - 20px*2);
  padding: 0 20px;
  max-width: 1280px;
  margin: auto;
}
.container-1136 {
  width: calc(100% - 20px*2);
  padding: 0 20px;
  max-width: 1136px;
  margin: auto;
}
.container-1040 {
  width: calc(100% - 20px*2);
  padding: 0 20px;
  max-width: 1040px;
  margin: auto;
}
.container-928 {
  width: calc(100% - 20px*2);
  padding: 0 20px;
  max-width: 928px;
  margin: auto;
}
.container-736 {
  width: calc(100% - 20px*2);
  padding: 0 20px;
  max-width: 736px;
  margin: auto;
}
.cache_txt a.more_txt,
.cache_txt a.less_txt {
  display: none;
}
.cookie-warning {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: calc(100% - 15px*2);
  z-index: 100;
  background: #CAD1D5;
  padding: 15px;
}
.cookie-warning p {
  text-align: center;
  font-size: 14px;
  line-height: 15px;
  color: #353535;
  line-height: 15px !important;
  padding-right: 45px;
}
.cookie-warning a {
  color: #096EAE;
  font-weight: 700;
}
.cookie-warning .close {
  display: block;
  border-radius: 100px;
  background: #053B5D;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  width: 36px;
  height: 36px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.cookie-warning .close::before,
.cookie-warning .close::after {
  position: absolute;
  content: '';
  width: 18px;
  height: 2px;
  top: calc(50% - 2px/2);
  left: calc(50% - 18px/2);
  background-color: #fff;
}
.cookie-warning .close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cookie-warning .close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cookie-warning .close:hover {
  background-color: #DC131A;
}
.navigation {
  position: fixed;
  top: 0;
  left: 0;
  width: calc(100% - 20px*2);
  height: 80px;
  padding: 0 20px;
  background-color: rgba(255,255,255,0);
  z-index: 999;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.navigation svg.svg_nav {
  position: absolute;
  top: -200px;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
  transform: translate(-50%,0);
  -webkit-transition: all ease .5s;
  -moz-transition: all ease .5s;
  -ms-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
  -webkit-filter: drop-shadow(0px -1px 5px rgba(0,0,0,0.3));
  -moz-filter: drop-shadow(0px -1px 5px rgba(0,0,0,0.3));
  -ms-filter: drop-shadow(0px -1px 5px rgba(0,0,0,0.3));
  -o-filter: drop-shadow(0px -1px 5px rgba(0,0,0,0.3));
  filter: drop-shadow(0px -1px 5px rgba(0,0,0,0.3));
}
.navigation svg.svg_nav #forme {
  -webkit-transform: translate(calc(50% - 73px),0) scale(0);
  -moz-transform: translate(calc(50% - 73px),0) scale(0);
  -ms-transform: translate(calc(50% - 73px),0) scale(0);
  -o-transform: translate(calc(50% - 73px),0) scale(0);
  transform: translate(calc(50% - 73px),0) scale(0);
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.navigation .nav-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
  height: 100%;
}
.navigation .nav-content .toggle-menu-on {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  height: 100%;
  cursor: pointer;
}
.navigation .nav-content .toggle-menu-on p {
  font-family: 'Roboto';
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  margin-left: 15px;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.navigation .nav-content .toggle-menu-on .lines {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: 16px;
  height: 14px;
}
.navigation .nav-content .toggle-menu-on .lines span {
  width: 100%;
  height: 2px;
  background-color: #fff;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.navigation .nav-content .toggle-menu-on .lines span:last-of-type {
  width: 70%;
}
.navigation .nav-content .toggle-menu-on:hover p {
  color: #096EAE;
}
.navigation .nav-content .toggle-menu-on:hover .lines span {
  background-color: #096EAE;
}
.navigation .nav-content .toggle-menu-on:hover .lines span:last-of-type {
  width: 100%;
}
.navigation .nav-content .logo-menu {
  position: absolute;
  top: 10px;
  left: calc(50% - 100px/2);
  width: 100px;
  height: 100px;
  background-image: url('../images/sprites.png');
  background-position: -256px -160px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.navigation .nav-content .nav-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  height: 100%;
}
.navigation .nav-content .nav-right p {
  display: none;
  position: relative;
  font-family: 'Roboto';
  font-size: 14px;
  font-weight: bold;
  color: #021623;
  margin-right: 40px;
}
.navigation .nav-content .nav-right .tel {
  position: relative;
  font-family: 'Roboto';
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  padding: 0 0 0 25px;
  margin-right: 40px;
  text-decoration: none;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.navigation .nav-content .nav-right .tel::before {
  position: absolute;
  content: '';
  left: 0;
  top: calc(50% - 12px/2);
  width: 12px;
  height: 12px;
  background-image: url('../images/sprites.png');
  background-position: -842px -75px;
}
.navigation .nav-content .nav-right .tel:hover {
  color: #096EAE;
}
.navigation .nav-content .nav-right .openResa {
  position: relative;
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 0;
  letter-spacing: 1px;
  font-weight: 700;
  background-color: transparent;
  color: #fff;
  padding: 23px 29px 23px 59px;
  text-decoration: none;
  border-radius: 24px;
  border: 1px solid transparent;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.navigation .nav-content .nav-right .openResa::before {
  position: absolute;
  content: '';
  left: 20px;
  top: calc(50% - 23px/2);
  width: 20px;
  height: 23px;
  background-image: url('../images/sprites.png');
  background-position: -817px -75px;
}
.navigation .nav-content .nav-right .openResa:hover {
  background-color: #fff;
  border-color: #C1E5FC;
  color: #021623;
}
.navigation .nav-content .nav-right .openResa:hover::before {
  background-position: -817px 0px;
}
.navigation.on svg.svg_nav,
.navigation:hover svg.svg_nav {
  top: 0;
}
.navigation.on svg.svg_nav #forme,
.navigation:hover svg.svg_nav #forme {
  -webkit-transform: translate(calc(50% - 73px),0) scale(1);
  -moz-transform: translate(calc(50% - 73px),0) scale(1);
  -ms-transform: translate(calc(50% - 73px),0) scale(1);
  -o-transform: translate(calc(50% - 73px),0) scale(1);
  transform: translate(calc(50% - 73px),0) scale(1);
  -webkit-transition: all ease .3s .5s;
  -moz-transition: all ease .3s .5s;
  -ms-transition: all ease .3s .5s;
  -o-transition: all ease .3s .5s;
  transition: all ease .3s .5s;
}
.navigation.on .nav-content .toggle-menu-on p,
.navigation:hover .nav-content .toggle-menu-on p {
  color: #021623;
}
.navigation.on .nav-content .toggle-menu-on .lines span,
.navigation:hover .nav-content .toggle-menu-on .lines span {
  background-color: #021623;
}
.navigation.on .nav-content .toggle-menu-on:hover p,
.navigation:hover .nav-content .toggle-menu-on:hover p {
  color: #096EAE;
}
.navigation.on .nav-content .toggle-menu-on:hover .lines span,
.navigation:hover .nav-content .toggle-menu-on:hover .lines span {
  background-color: #096EAE;
}
.navigation.on .nav-content .logo-menu,
.navigation:hover .nav-content .logo-menu {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all ease .2s .5s;
  -moz-transition: all ease .2s .5s;
  -ms-transition: all ease .2s .5s;
  -o-transition: all ease .2s .5s;
  transition: all ease .2s .5s;
}
.navigation.on .nav-content .nav-right p,
.navigation:hover .nav-content .nav-right p {
  display: inline-block;
}
.navigation.on .nav-content .nav-right .tel,
.navigation:hover .nav-content .nav-right .tel {
  color: #021623;
}
.navigation.on .nav-content .nav-right .tel::before,
.navigation:hover .nav-content .nav-right .tel::before {
  background-position: -842px -100px;
}
.navigation.on .nav-content .nav-right .tel:hover,
.navigation:hover .nav-content .nav-right .tel:hover {
  color: #096EAE;
}
.navigation.on .nav-content .nav-right .openResa,
.navigation:hover .nav-content .nav-right .openResa {
  background-color: #096EAE;
  border-color: #096EAE;
}
.navigation.on .nav-content .nav-right .openResa:hover,
.navigation:hover .nav-content .nav-right .openResa:hover {
  background-color: #fff;
  border-color: #C1E5FC;
  color: #021623;
}
.navigation.on .nav-content .nav-right .openResa:hover::before,
.navigation:hover .nav-content .nav-right .openResa:hover::before {
  background-position: -817px 0px;
}
.reservation {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(0,0,0,0);
  z-index: 99999;
  -webkit-transition: all ease .5s;
  -moz-transition: all ease .5s;
  -ms-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
}
.reservation .backResa {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  width: calc(100% - 540px);
  height: 100%;
  background-color: #F4FAFE;
  -webkit-transition: all ease .5s;
  -moz-transition: all ease .5s;
  -ms-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  overflow: hidden;
}
.reservation .backResa img {
  position: absolute;
}
.reservation .backResa .cache {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #096EAE;
  opacity: 0.3;
  z-index: 1;
}
.reservation .backResa .illu-traits-resa {
  position: absolute;
  width: 256px;
  height: 56px;
  left: 0;
  bottom: 24px;
  background-image: url('../images/sprites-illu.png');
  background-position: -256px -444px;
  z-index: 2;
}
.reservation .formResa {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: 100%;
  max-width: 540px;
  height: 100%;
  background-color: #F4FAFE;
  background-image: url('../images/vaguelette.png');
  -webkit-transition: all ease .5s;
  -moz-transition: all ease .5s;
  -ms-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.reservation .formResa #selection_dates {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  cursor: default;
  z-index: 3;
  background-color: #F4FAFE;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.reservation .formResa #selection_dates.open {
  right: 0;
  opacity: 1;
  visibility: visible;
}
.reservation .formResa #selection_dates .header_cal {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  top: 0;
  left: 0;
  width: calc(100% - 20px*2);
  height: 80px;
  padding: 0 20px;
  background-color: #053B5D;
  z-index: 5;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
}
.reservation .formResa #selection_dates .header_cal .closeCal {
  position: absolute;
  top: calc(50% - 48px/2);
  right: 20px;
  width: 48px;
  height: 48px;
  border-radius: 48px;
  background-color: #053B5D;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
  z-index: 5;
}
.reservation .formResa #selection_dates .header_cal .closeCal::before,
.reservation .formResa #selection_dates .header_cal .closeCal::after {
  position: absolute;
  content: '';
  width: 16px;
  height: 2px;
  top: calc(50% - 2px/2);
  left: calc(50% - 16px/2);
  background-color: #fff;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.reservation .formResa #selection_dates .header_cal .closeCal::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.reservation .formResa #selection_dates .header_cal .closeCal::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.reservation .formResa #selection_dates .header_cal .closeCal:hover {
  background-color: #DC131A;
}
.reservation .formResa #selection_dates .header_cal .txt_cal {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
}
.reservation .formResa #selection_dates .header_cal .txt_cal p {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 19px;
  font-weight: bold;
  color: #fff;
  margin: 0;
}
.reservation .formResa #selection_dates .header_cal .txt_cal p#date_arrivee_txt {
  position: relative;
  padding: 0 40px 0 0;
}
.reservation .formResa #selection_dates .header_cal .txt_cal p#date_arrivee_txt::after {
  position: absolute;
  content: '';
  width: 20px;
  height: 6px;
  right: 10px;
  top: calc(50% - 6px/2);
  background-image: url('../images/sprites.png');
  background-position: -604px -234px;
}
.reservation .formResa #selection_dates #content_cal {
  position: relative;
  width: 100%;
  max-height: calc(100% - 100px - 60px);
  padding: 100px 0 60px 0;
  overflow: auto;
}
.reservation .formResa #selection_dates .footer_cal {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-around;
  -webkit-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  bottom: 0px;
  left: 0px;
  width: calc(100% - 20px*2);
  padding: 0 20px;
  height: 50px;
  z-index: 5;
  background-color: #fff;
  border-top: 2px solid #053B5D;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
}
.reservation .formResa #selection_dates .footer_cal button {
  position: relative;
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 1px;
  font-weight: 700;
  background-color: #F9B7B7;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 24px;
  border: 0;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.reservation .formResa #selection_dates .footer_cal button:hover {
  background-color: #DC131A;
}
.reservation .formResa #selection_dates .footer_cal button.close_cal {
  background-color: #096EAE;
}
.reservation .formResa #selection_dates .footer_cal button.close_cal:hover {
  background-color: #DC131A;
}
.reservation .formResa .topResa {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  top: 0;
  left: 0;
  width: calc(100% - 20px*2);
  height: 80px;
  padding: 0 20px;
  z-index: 2;
}
.reservation .formResa .topResa .closeResa {
  position: relative;
  width: 48px;
  height: 48px;
  border-radius: 48px;
  background-color: #053B5D;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.reservation .formResa .topResa .closeResa::before,
.reservation .formResa .topResa .closeResa::after {
  position: absolute;
  content: '';
  width: 16px;
  height: 2px;
  top: calc(50% - 2px/2);
  left: calc(50% - 16px/2);
  background-color: #fff;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.reservation .formResa .topResa .closeResa::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.reservation .formResa .topResa .closeResa::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.reservation .formResa .topResa .closeResa:hover {
  background-color: #DC131A;
}
.reservation .formResa .content {
  position: relative;
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
  z-index: 1;
}
.reservation .formResa .content .cTitre {
  font-family: 'OptimaBold';
  font-size: 30px;
  line-height: 24px;
  color: #4E6674;
  margin: 0;
}
.reservation .formResa .content form#resa {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: 100%;
  margin: 15% 0;
}
.reservation .formResa .content form#resa .part {
  position: relative;
  width: 100%;
  margin: 0 0 20px 0;
}
.reservation .formResa .content form#resa .part p.tPart {
  font-family: 'OptimaMedium';
  font-size: 12px;
  line-height: 24px;
  color: #4E6674;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}
.reservation .formResa .content form#resa .part .dates {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: calc(100% - 10px*2 - 2px);
  box-sizing: unset;
  padding: 12px;
  border: 1px solid #EAF6FD;
  background-color: #fff;
  cursor: pointer;
}
.reservation .formResa .content form#resa .part .dates p {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 19px;
  font-weight: bold;
  color: #03253A;
  margin: 0;
}
.reservation .formResa .content form#resa .part .dates p#date_arrivee {
  position: relative;
  padding: 0 40px 0 0;
}
.reservation .formResa .content form#resa .part .dates p#date_arrivee::after {
  position: absolute;
  content: '';
  width: 20px;
  height: 6px;
  right: 10px;
  top: calc(50% - 6px/2);
  background-image: url('../images/sprites.png');
  background-position: -604px -225px;
}
.reservation .formResa .content form#resa .part .dates::after {
  position: absolute;
  content: '';
  width: 18px;
  height: 20px;
  right: 10px;
  top: calc(50% - 20px/2);
  background-image: url('../images/sprites.png');
  background-position: -605px -194px;
}
.reservation .formResa .content form#resa .part select {
  position: relative;
  width: calc(100% - 10px*2 - 2px);
  box-sizing: unset;
  padding: 10px;
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 19px;
  font-weight: bold;
  color: #03253A;
  border: 1px solid #EAF6FD;
  background-color: #fff;
  cursor: pointer;
}
.reservation .formResa .content form#resa input[type=submit],
.reservation .formResa .content form#resa #yellow_link_resa {
  position: relative;
  font-family: 'Roboto';
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  font-weight: 700;
  background-color: #096EAE;
  border: 0;
  border-radius: 48px;
  padding: 15px 30px;
  margin: 20px 0 0 0;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  text-decoration: none;
}
.reservation .formResa .content form#resa input[type=submit]:hover,
.reservation .formResa .content form#resa #yellow_link_resa:hover {
  background-color: #DC131A;
}
.reservation .formResa .content .telResa p {
  font-family: 'OptimaBold';
  font-size: 18px;
  line-height: 24px;
  color: #4E6674;
  margin: 0 0 10px 0;
}
.reservation .formResa .content .telResa a.tel {
  position: relative;
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: bold;
  color: #021623;
  padding: 0 0 0 25px;
  margin: 10px 0 0 0;
  text-decoration: none;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.reservation .formResa .content .telResa a.tel::before {
  position: absolute;
  content: '';
  left: 0;
  top: calc(50% - 12px/2);
  width: 12px;
  height: 12px;
  background-image: url('../images/sprites.png');
  background-position: -842px -100px;
}
.reservation .formResa .content .telResa a.tel:hover {
  color: #DC131A;
}
.reservation .formResa .content .telResa a.tel:hover::before {
  background-position: -842px -125px;
}
.reservation.on {
  background-color: rgba(0,0,0,0.7);
  visibility: visible;
  opacity: 1;
}
.reservation.on .backResa,
.reservation.on .formResa {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.menu {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.menu.on {
  background-color: rgba(0,0,0,0.7);
  opacity: 1;
  visibility: visible;
}
.menu.on .leftMenu,
.menu.on .rightMenu {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.menu .leftMenu,
.menu .rightMenu {
  -webkit-transition: all ease .5s;
  -moz-transition: all ease .5s;
  -ms-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
}
.menu .leftMenu {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: 50%;
  height: 100%;
  background-color: #03253A;
  z-index: 2;
  overflow-y: auto;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.menu .leftMenu .navLeft {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: calc(100% - 20px*2);
  padding: 20px;
}
.menu .leftMenu .navLeft .toggle-menu-off {
  position: relative;
  width: 48px;
  height: 48px;
  margin: 0;
  border-radius: 48px;
  background-color: #053B5D;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.menu .leftMenu .navLeft .toggle-menu-off::before,
.menu .leftMenu .navLeft .toggle-menu-off::after {
  position: absolute;
  content: '';
  width: 16px;
  height: 2px;
  top: calc(50% - 2px/2);
  left: calc(50% - 16px/2);
  background-color: #fff;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.menu .leftMenu .navLeft .toggle-menu-off::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.menu .leftMenu .navLeft .toggle-menu-off::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.menu .leftMenu .navLeft .toggle-menu-off:hover {
  background-color: #DC131A;
}
.menu .leftMenu .navLeft .d_menu {
  display: none;
}
.menu .leftMenu .first-menu-ul {
  position: relative;
  width: calc(100% - 150px - 70px);
  padding: 0 150px 0 70px;
}
.menu .leftMenu .first-menu-ul .menu-li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
}
.menu .leftMenu .first-menu-ul .menu-li a {
  font-family: 'Roboto';
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  text-decoration: none;
  padding: 10px 0;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.menu .leftMenu .first-menu-ul .menu-li a:hover {
  color: #83CBF9;
}
.menu .leftMenu .first-menu-ul .menu-li a:focus {
  outline: none;
}
.menu .leftMenu .first-menu-ul .menu-li.grand a {
  font-family: 'OptimaBold';
  font-size: 24px;
  line-height: 29px;
  text-transform: uppercase;
}
.menu .leftMenu .first-menu-ul .menu-li.hasSub a {
  position: relative;
  padding-right: 30px;
}
.menu .leftMenu .first-menu-ul .menu-li.hasSub a::after {
  position: absolute;
  content: '';
  top: calc(50% - 9px/2);
  right: 0;
  width: 7px;
  height: 7px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.menu .leftMenu .first-menu-ul .menu-li.active a {
  color: #83CBF9;
}
.menu .leftMenu .second-menu-ul {
  position: relative;
  width: calc(100% - 150px - 70px);
  padding: 0 150px 0 70px;
}
.menu .leftMenu .second-menu-ul .menu-li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
}
.menu .leftMenu .second-menu-ul .menu-li a {
  font-family: 'Roboto';
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  text-decoration: none;
  padding: 10px 0;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.menu .leftMenu .second-menu-ul .menu-li a:hover {
  color: #83CBF9;
}
.menu .leftMenu .second-menu-ul .menu-li a:focus {
  outline: none;
}
.menu .leftMenu .menu-footer {
  position: relative;
  width: calc(100% - 150px - 70px);
  padding: 0 150px 45px 70px;
}
.menu .leftMenu .menu-footer .menu-footer-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: 100%;
  padding-bottom: 40px;
  border-bottom: 1px solid #053B5D;
}
.menu .leftMenu .menu-footer .menu-footer-top .resaMenu {
  position: relative;
  font-family: 'Roboto';
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 700;
  background-color: #EAF6FD;
  color: #053B5D;
  padding: 14px 30px;
  text-decoration: none;
  border-radius: 24px;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.menu .leftMenu .menu-footer .menu-footer-top .resaMenu:hover {
  background-color: #F9B7B7;
  color: #DC131A;
}
.menu .leftMenu .menu-footer .menu-footer-top .tel {
  position: relative;
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  padding: 0 0 0 25px;
  margin-top: 20px;
  text-decoration: none;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.menu .leftMenu .menu-footer .menu-footer-top .tel::before {
  position: absolute;
  content: '';
  left: 0;
  top: calc(50% - 12px/2);
  width: 12px;
  height: 12px;
  background-image: url('../images/sprites.png');
  background-position: -842px -100px;
}
.menu .leftMenu .menu-footer .menu-footer-top .tel:hover {
  color: #F9B7B7;
}
.menu .leftMenu .menu-footer .menu-footer-top .tel:hover::before {
  background-position: -842px -125px;
}
.menu .leftMenu .menu-footer .menu-footer-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: 100%;
  padding-top: 20px;
}
.menu .leftMenu .menu-footer .menu-footer-bottom .menu-t {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
  margin-bottom: 20px;
}
.menu .leftMenu .menu-footer .menu-footer-bottom .menu-t li a {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 19px;
  color: #EAF6FD;
  text-decoration: none;
  margin-right: 20px;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.menu .leftMenu .menu-footer .menu-footer-bottom .menu-t li a:hover {
  color: #F9B7B7;
}
.menu .leftMenu .menu-footer .menu-footer-bottom .drapeaux {
  position: relative;
  width: calc(100% - 25px);
  min-height: 15px;
  padding-left: 25px;
  margin-bottom: 20px;
}
.menu .leftMenu .menu-footer .menu-footer-bottom .drapeaux::before {
  position: absolute;
  content: '';
  left: 0;
  top: calc(50% - 15px/2);
  width: 15px;
  height: 15px;
  background-image: url('../images/sprites.png');
  background-position: -187px -260px;
}
.menu .leftMenu .menu-footer .menu-footer-bottom .drapeaux .wpml-ls-legacy-list-horizontal {
  padding: 0;
}
.menu .leftMenu .menu-footer .menu-footer-bottom .drapeaux .wpml-ls-legacy-list-horizontal .wpml-ls-item-legacy-list-horizontal.wpml-ls-current-language a {
  color: #F9B7B7;
}
.menu .leftMenu .menu-footer .menu-footer-bottom .drapeaux .wpml-ls-legacy-list-horizontal .wpml-ls-item-legacy-list-horizontal a {
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: bold;
  color: #EAF6FD;
}
.menu .leftMenu .menu-footer .menu-footer-bottom .drapeaux .wpml-ls-legacy-list-horizontal .wpml-ls-item-legacy-list-horizontal a:hover {
  color: #F9B7B7;
}
.menu .leftMenu .menu-footer .menu-footer-bottom .menu-footer-bottom-bottom {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
}
.menu .leftMenu .menu-footer .menu-footer-bottom .menu-footer-bottom-bottom .menu-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
}
.menu .leftMenu .menu-footer .menu-footer-bottom .menu-footer-bottom-bottom .menu-social a {
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: 56px;
  background-color: #021623;
  margin: 0 10px;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.menu .leftMenu .menu-footer .menu-footer-bottom .menu-footer-bottom-bottom .menu-social a:first-of-type {
  margin: 0 10px 0 0;
}
.menu .leftMenu .menu-footer .menu-footer-bottom .menu-footer-bottom-bottom .menu-social a::before {
  position: absolute;
  content: '';
  background-image: url('../images/sprites.png');
  background-position-y: -25px;
}
.menu .leftMenu .menu-footer .menu-footer-bottom .menu-footer-bottom-bottom .menu-social a.fb::before {
  left: calc(50% - 10px/2);
  top: calc(50% - 20px/2);
  width: 10px;
  height: 20px;
  background-position-x: -581px;
}
.menu .leftMenu .menu-footer .menu-footer-bottom .menu-footer-bottom-bottom .menu-social a.tw::before {
  left: calc(50% - 21px/2);
  top: calc(50% - 17px/2);
  width: 21px;
  height: 17px;
  background-position-x: -621px;
}
.menu .leftMenu .menu-footer .menu-footer-bottom .menu-footer-bottom-bottom .menu-social a.ig::before {
  left: calc(50% - 20px/2);
  top: calc(50% - 20px/2);
  width: 20px;
  height: 20px;
  background-position-x: -596px;
}
.menu .leftMenu .menu-footer .menu-footer-bottom .menu-footer-bottom-bottom .menu-social a.yt::before {
  left: calc(50% - 20px/2);
  top: calc(50% - 14px/2);
  width: 20px;
  height: 14px;
  background-position-x: -647px;
}
.menu .leftMenu .menu-footer .menu-footer-bottom .menu-footer-bottom-bottom .menu-social a:hover {
  background-color: #F9B7B7;
}
.menu .leftMenu .menu-footer .menu-footer-bottom .menu-footer-bottom-bottom .menu-social a:hover::before {
  background-position-y: -125px;
}
.menu .leftMenu .menu-footer .menu-footer-bottom .menu-footer-bottom-bottom .menu-adresse p {
  position: relative;
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 19px;
  margin: 0;
  color: #EAF6FD;
}
.menu .rightMenu {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: calc(50% - 60px*2);
  height: 100%;
  padding: 0 60px;
  z-index: 3;
  background-color: #042C46;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.menu .rightMenu::before {
  position: absolute;
  content: '';
  width: 400px;
  height: 400px;
  bottom: 40px;
  right: 40px;
  background-image: url('../images/sprites.png');
  background-position: 0 -473px;
}
.menu .rightMenu .subMenu {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: calc(100%);
  height: 100%;
  padding: 0 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease 1s .5s;
  -moz-transition: all ease 1s .5s;
  -ms-transition: all ease 1s .5s;
  -o-transition: all ease 1s .5s;
  transition: all ease 1s .5s;
}
.menu .rightMenu .subMenu .subNav {
  display: none;
}
.menu .rightMenu .subMenu .images-menu-ct {
  position: absolute;
  width: 448px;
  height: 299px;
  left: calc(-448px/2);
  top: calc(50% - 299px/2);
  background-color: #042C46;
  z-index: 1;
  overflow: hidden;
}
.menu .rightMenu .subMenu .images-menu-ct::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
  z-index: 9999;
}
.menu .rightMenu .subMenu .images-menu-ct .images-menu-inner {
  height: 100%;
}
.menu .rightMenu .subMenu .images-menu-ct .images-menu-inner .image-mask {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  height: 100%;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  overflow: hidden;
  z-index: 1;
}
.menu .rightMenu .subMenu .images-menu-ct .images-menu-inner .image-mask:first-of-type {
  z-index: 2;
}
.menu .rightMenu .subMenu .images-menu-ct .images-menu-inner .image-mask .image-mask-reverse {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  bottom: 0;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  overflow: hidden;
}
.menu .rightMenu .subMenu ul.global-subMenu {
  position: relative;
  display: block;
  width: calc(100% - 26% - 4%);
  padding: calc(50vh - 130px/2) 4% calc(50vh - 130px/2) 26%;
  z-index: 3;
}
.menu .rightMenu .subMenu ul.global-subMenu li {
  padding: 41px 0;
  perspective: 40px;
  -webkit-transform: translateY(-100%) rotate(-10deg);
  -moz-transform: translateY(-100%) rotate(-10deg);
  -ms-transform: translateY(-100%) rotate(-10deg);
  -o-transform: translateY(-100%) rotate(-10deg);
  transform: translateY(-100%) rotate(-10deg);
  -webkit-transition: transform ease 0.3s, opacity ease 0.3s;
  -moz-transition: transform ease 0.3s, opacity ease 0.3s;
  -ms-transition: transform ease 0.3s, opacity ease 0.3s;
  -o-transition: transform ease 0.3s, opacity ease 0.3s;
  transition: transform ease 0.3s, opacity ease 0.3s;
  opacity: 0;
}
.menu .rightMenu .subMenu ul.global-subMenu li a {
  display: block;
  font-family: 'OptimaBold';
  font-size: 40px;
  line-height: 48px;
  color: #eaf6fd;
  opacity: 0.6;
  text-decoration: none;
}
.menu .rightMenu .subMenu ul.global-subMenu li:nth-of-type(1) {
  transition-delay: 0s;
}
.menu .rightMenu .subMenu ul.global-subMenu li:nth-of-type(2) {
  transition-delay: 0.05s;
}
.menu .rightMenu .subMenu ul.global-subMenu li:nth-of-type(3) {
  transition-delay: 0.1s;
}
.menu .rightMenu .subMenu ul.global-subMenu li:nth-of-type(4) {
  transition-delay: 0.15s;
}
.menu .rightMenu .subMenu ul.global-subMenu li:nth-of-type(5) {
  transition-delay: 0.2s;
}
.menu .rightMenu .subMenu ul.global-subMenu li:nth-of-type(6) {
  transition-delay: 0.25s;
}
.menu .rightMenu .subMenu ul.global-subMenu li:nth-of-type(7) {
  transition-delay: 0.25s;
}
.menu .rightMenu .subMenu ul.global-subMenu li.active {
  opacity: 1;
  -webkit-transform: translateY(0) rotate(0);
  -moz-transform: translateY(0) rotate(0);
  -ms-transform: translateY(0) rotate(0);
  -o-transform: translateY(0) rotate(0);
  transform: translateY(0) rotate(0);
}
.menu .rightMenu .subMenu ul.global-subMenu li.active:nth-of-type(1) {
  transition-delay: 0.95s;
}
.menu .rightMenu .subMenu ul.global-subMenu li.active:nth-of-type(2) {
  transition-delay: 0.9s;
}
.menu .rightMenu .subMenu ul.global-subMenu li.active:nth-of-type(3) {
  transition-delay: 0.85s;
}
.menu .rightMenu .subMenu ul.global-subMenu li.active:nth-of-type(4) {
  transition-delay: 0.8s;
}
.menu .rightMenu .subMenu ul.global-subMenu li.active:nth-of-type(5) {
  transition-delay: 0.75s;
}
.menu .rightMenu .subMenu ul.global-subMenu li.active:nth-of-type(6) {
  transition-delay: 0.7s;
}
.menu .rightMenu .subMenu ul.global-subMenu li.active:nth-of-type(7) {
  transition-delay: 0.65s;
}
.menu .rightMenu .subMenu.active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all ease 1s .5s;
  -moz-transition: all ease 1s .5s;
  -ms-transition: all ease 1s .5s;
  -o-transition: all ease 1s .5s;
  transition: all ease 1s .5s;
}
.menu .rightMenu svg.shape {
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.menu .rightMenu svg.shape.is-opened {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
}
.menu .rightMenu svg.shape path:nth-of-type(1) {
  fill: #EAF6FD;
}
.menu .rightMenu svg.shape path:nth-of-type(2) {
  fill: #C1E5FC;
}
.menu .rightMenu svg.shape path:nth-of-type(3) {
  fill: #096EAE;
}
.menu .rightMenu svg.shape path:nth-of-type(4) {
  fill: #042C46;
}
#encartOffres {
  position: absolute;
  z-index: 10;
  left: 30px;
  bottom: calc(100% - -30px);
  width: calc(370px - 25px*2);
  color: #fff;
}
#encartOffres .miniOffre:first-child {
  display: block;
}
.miniOffre.actuHide {
  opacity: 0;
}
.offresMini {
  float: left;
  width: 100%;
}
.miniOffre {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  display: none;
}
.miniOffre p {
  font-size: 14px;
  line-height: 18px;
  text-align: justify;
}
.miniOffre .titreOffre {
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
  margin-bottom: 10px;
}
.btsEncartOffres {
  float: left;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
}
.prevOffre,
.nextOffre {
  position: relative;
  float: left;
  margin-left: 12px;
  width: 44px;
  height: 44px;
  cursor: pointer;
}
.prevOffre::before,
.nextOffre::before {
  content: '';
  position: absolute;
  top: calc(50% - 16px/2);
  left: calc(50% - 16px/2);
  width: 16px;
  height: 16px;
  background-image: url('../images/sprites.png');
  background-position: -207px -276px;
}
.prevOffre:hover::before,
.nextOffre:hover::before {
  background-position: -227px -276px;
}
.nextOffre::before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#encartOffres .actu-link {
  display: inline-block;
  margin: 10px 0;
  position: relative;
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 17px;
  color: #03253A;
  font-weight: 600;
  background-color: #fff;
  border: 2px solid #EAF6FD;
  padding: 10px 50px 10px 20px;
  border-radius: 20px;
  box-sizing: content-box;
  text-decoration: none;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
#encartOffres .actu-link::after {
  position: absolute;
  content: '';
  width: 22px;
  height: 18px;
  top: calc(50% - 18px/2);
  right: 20px;
  background-image: url('../images/sprites.png');
  background-position: -547px -225px;
}
#encartOffres .actu-link:hover {
  background-color: #F9B7B7;
  border-color: #DC131A;
  color: #DC131A;
}
#encartOffres .actu-link:hover::after {
  background-position: -574px -225px;
}
.bottomScroll {
  position: absolute;
  cursor: pointer;
  z-index: 10;
  width: 200px;
  height: 80px;
  left: calc(50% - 200px/2);
}
.bottomScroll.shome,
.bottomScroll.sregion {
  top: -100px;
}
.bottomScroll.sint {
  top: -150px;
}
.bottomScroll p {
  position: absolute;
  bottom: 0;
  width: 100%;
  font-family: "Roboto";
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #fff;
  margin: 0;
}
.bottomScroll .mouse {
  border: 2px solid #fff;
  position: absolute;
  top: 0;
  left: calc(50% - 18px/2 - 2px/2);
  width: 18px;
  height: 27px;
  border-radius: 8px;
  -webkit-animation: nudgeMouse 1.2s ease-out infinite;
  -moz-animation: nudgeMouse 1.2s ease-out infinite;
  animation: nudgeMouse 1.2s ease-out infinite;
}
.bottomScroll .mouse::after {
  content: "";
  position: absolute;
  top: 3px;
  left: calc(50% - 2px/2);
  margin: auto;
  background-color: #ffffff;
  width: 2px;
  height: 5px;
  border-radius: 2px;
  -webkit-animation: trackBallSlide 1.2s linear infinite;
  -moz-animation: trackBallSlide 1.2s linear infinite;
  animation: trackBallSlide 1.2s linear infinite;
}
@keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0px);
    -moz-transform: scale(1) translateY(0px);
    -ms-transform: scale(1) translateY(0px);
    -o-transform: scale(1) translateY(0px);
    transform: scale(1) translateY(0px);
  }
  24% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(10px/4);
    -moz-transform: scale(1) translateY(10px/4);
    -ms-transform: scale(1) translateY(10px/4);
    -o-transform: scale(1) translateY(10px/4);
    transform: scale(1) translateY(10px/4);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(1) translateY(10px*2);
    -moz-transform: scale(1) translateY(10px*2);
    -ms-transform: scale(1) translateY(10px*2);
    -o-transform: scale(1) translateY(10px*2);
    transform: scale(1) translateY(10px*2);
  }
  51%,
  75% {
    opacity: 0;
    -webkit-transform: scale(1) translateY(0px);
    -moz-transform: scale(1) translateY(0px);
    -ms-transform: scale(1) translateY(0px);
    -o-transform: scale(1) translateY(0px);
    transform: scale(1) translateY(0px);
  }
  99%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0px);
    -moz-transform: scale(1) translateY(0px);
    -ms-transform: scale(1) translateY(0px);
    -o-transform: scale(1) translateY(0px);
    transform: scale(1) translateY(0px);
  }
}
.header-home {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.header-home::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent 60%,#03253A);
  z-index: 2;
}
.header-home .header-img {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
.header-home .header-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  max-width: unset;
  height: unset;
  min-height: 100%;
  min-width: 100%;
  z-index: 0;
}
.header-home .header-img iframe {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
  -moz-transform: translateX(-50%) translateY(-50%) scale(1);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1);
  -o-transform: translateX(-50%) translateY(-50%) scale(1);
  transform: translateX(-50%) translateY(-50%) scale(1);
  pointer-events: none;
  background-color: transparent;
  display: none;
}
.header-home .header-img iframe.video-desktop {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
}
.header-home .header-img iframe.video-mobile {
  height: 100vw;
  width: 56.25vw;
  min-width: 100vh;
  min-height: 177.77vh;
}
.header-home .header-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.header-home .header-content .header-center {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  margin-bottom: 50px;
}
.header-home .header-content .header-center .header-logo {
  display: block;
  width: 256px;
  height: 256px;
  left: calc(50% - 256px/2);
  top: calc(50% - 256px/2);
  background-image: url('../images/sprites.png');
  background-position: 0 0;
  -webkit-filter: drop-shadow(0 0 6px rgba(0,0,0,0.3));
  -moz-filter: drop-shadow(0 0 6px rgba(0,0,0,0.3));
  -ms-filter: drop-shadow(0 0 6px rgba(0,0,0,0.3));
  -o-filter: drop-shadow(0 0 6px rgba(0,0,0,0.3));
  filter: drop-shadow(0 0 6px rgba(0,0,0,0.3));
}
.header-home .header-content .header-center p {
  font-family: 'OptimaBlack';
  font-size: 30px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  margin-top: 20px;
  text-transform: uppercase;
  text-shadow: 0 0 6px rgba(0,0,0,0.3);
}
.header-home .header-content .header-bottom {
  position: relative;
  width: 100%;
  z-index: 4;
}
.header-home .header-content .header-bottom .ba {
  position: absolute;
  bottom: calc(100% + 30px);
  right: 30px;
  width: 255px;
  height: 170px;
  overflow: hidden;
  background-color: #fff;
  border: 2px solid #021623;
  border-radius: 3px;
  cursor: pointer;
  z-index: 2;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.header-home .header-content .header-bottom .ba img {
  position: relative;
  width: auto;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.header-home .header-content .header-bottom .ba span {
  position: absolute;
  width: 44px;
  height: 44px;
  top: calc(50% - 48px/2);
  left: calc(50% - 48px/2);
  border: 2px solid #fff;
  border-radius: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 2;
  box-sizing: border-box;
}
.header-home .header-content .header-bottom .ba span::after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  top: calc(50% - 6px);
  left: calc(50% - 10px/2);
  border-left: 10px solid #fff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.header-home .header-content .header-bottom .ba p {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  z-index: 2;
  margin: 0;
}
.header-home .header-content .header-bottom .ba::after {
  position: absolute;
  content: '';
  left: 0;
  bottom: -101%;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 -20px 100px #03253a;
  -moz-box-shadow: 0 -20px 100px #03253a;
  box-shadow: 0 -20px 100px #03253a;
  z-index: 1;
}
.header-home .header-content .header-bottom .ba:hover {
  border-color: #C1E5FC;
}
.header-home .header-content .header-bottom .ba:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.header-home .header-content .header-bottom .ba:hover span {
  border-color: #C1E5FC;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.header-home .header-content .header-bottom .ba:hover span::after {
  border-left: 10px solid #C1E5FC;
}
.header-home .header-content .header-bottom svg {
  margin-bottom: -10px;
}
.header-home .header-content .header-bottom svg.white path {
  fill: #fff;
}
.header-home .header-content .header-bottom .contentLogos {
  position: absolute;
  bottom: 20px;
  right: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
}
.header-home .header-content .header-bottom .contentLogos .yellohV {
  display: block;
  width: 120px;
  height: 56px;
  margin-right: 20px;
  background-image: url('../images/sprites.png');
  background-position: -361px -206px;
}
.header-home .header-content .header-bottom .contentLogos .leadingC {
  display: block;
  width: 96px;
  height: 66px;
  margin-right: 20px;
  background-image: url('../images/sprites.png');
  background-position: -291px -265px;
}
.header-home .header-content .header-bottom .contentLogos .bretagne {
  display: block;
  width: 110px;
  height: 43px;
  background-image: url('../images/sprites.png');
  background-position: -361px -160px;
}
.intro-home {
  position: relative;
  width: 100%;
  z-index: 20;
}
.intro-home .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: end;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
}
.intro-home .content .intro-left {
  position: relative;
  width: calc(50% - 65px*2 - 15px);
  padding: 50px 65px 110px;
  border-radius: 4px;
  background-color: #03253A;
  margin-top: -100px;
}
.intro-home .content .intro-left h1 {
  font-family: 'OptimaMedium';
  font-size: 24px;
  line-height: 29px;
  color: #fff;
  margin-bottom: 20px;
}
.intro-home .content .intro-left p {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 22px;
  color: #C1E5FC;
  letter-spacing: 1px;
}
.intro-home .content .intro-left p a {
  color: #fff;
}
.intro-home .content .intro-left::after {
  position: absolute;
  content: '';
  bottom: 20px;
  left: calc(50% - 160px/2);
  width: 160px;
  height: 60px;
  background-image: url('../images/sprites.png');
  background-position: 0 -408px;
}
.intro-home .content .intro-right {
  position: relative;
  width: calc(50% - 65px*2 - 15px);
  padding: 0 65px 110px;
}
.intro-home .content .intro-right p.o {
  font-family: 'OptimaBold';
  font-size: 24px;
  line-height: 28px;
  color: #096EAE;
  margin-bottom: 10px;
}
.intro-home .content .intro-right p.h {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 22px;
  color: #4E6674;
}
.intro-home .content .intro-right .intro-icons {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  z-index: 1;
}
.intro-home .content .intro-right .intro-icons .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  margin: 20px;
  width: 90px;
  cursor: pointer;
  text-decoration: none;
}
.intro-home .content .intro-right .intro-icons .icon .btn {
  position: relative;
  width: 72px;
  height: 72px;
  margin-bottom: 15px;
  border-radius: 100%;
  background-color: #CAD1D5;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.intro-home .content .intro-right .intro-icons .icon .btn .c {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  top: 2px;
  right: 2px;
  width: 20px;
  height: 20px;
  padding: 2px;
  font-family: 'Roboto';
  font-weight: 700;
  font-size: 14px;
  border-radius: 100%;
  background-color: #096EAE;
  color: #fff;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.intro-home .content .intro-right .intro-icons .icon .btn::before {
  position: absolute;
  content: '';
  background-image: url('../images/sprites.png');
  background-position-y: 0;
}
.intro-home .content .intro-right .intro-icons .icon.diapo .btn::before {
  width: 17px;
  height: 17px;
  top: calc(50% - 17px/2);
  left: calc(50% - 17px/2);
  background-position-x: -756px;
}
.intro-home .content .intro-right .intro-icons .icon.video .btn::before {
  width: 15px;
  height: 15px;
  top: calc(50% - 15px/2);
  left: calc(50% - 15px/2);
  background-position-x: -778px;
}
.intro-home .content .intro-right .intro-icons .icon.plan .btn::before {
  width: 14px;
  height: 14px;
  top: calc(50% - 14px/2);
  left: calc(50% - 14px/2);
  background-position-x: -798px;
}
.intro-home .content .intro-right .intro-icons .icon p {
  font-family: 'Roboto';
  font-weight: bold;
  font-size: 14px;
  color: #096EAE;
  text-align: center;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.intro-home .content .intro-right .intro-icons .icon:hover .btn {
  background-color: #096EAE;
}
.intro-home .content .intro-right .intro-icons .icon:hover .btn .c {
  background-color: #fff;
  color: #096EAE;
}
.intro-home .content .intro-right .intro-icons .icon:hover .btn::before {
  background-position-y: -75px;
}
.intro-home .content .intro-right .intro-icons .icon:hover p {
  color: #DC131A;
}
.intro-home .content .intro-right .intro-resa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: 100%;
  margin-top: 30px;
}
.intro-home .content .intro-right .intro-resa p.infos {
  font-family: 'OptimaMedium';
  font-size: 18px;
  line-height: 28px;
  color: #CAD1D5;
}
.intro-home .content .intro-right .intro-resa a.lien_resa {
  position: relative;
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 0;
  letter-spacing: 1px;
  font-weight: 700;
  background-color: #096EAE;
  border: 1px solid #096EAE;
  color: #fff;
  padding: 22px;
  text-decoration: none;
  border-radius: 24px;
  margin-top: 20px;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.intro-home .content .intro-right .intro-resa a.lien_resa:hover {
  background-color: #fff;
  border-color: #C1E5FC;
  color: #021623;
}
.intro-home .content .intro-right .intro-resa p.telephone {
  position: relative;
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 27px;
  font-weight: 700;
  color: #021623;
  padding-left: 30px;
  margin-top: 20px;
}
.intro-home .content .intro-right .intro-resa p.telephone::before {
  position: absolute;
  content: '';
  left: 0;
  top: calc(50% - 12px/2);
  width: 12px;
  height: 12px;
  background-image: url('../images/sprites.png');
  background-position: -842px -100px;
}
.home-part-1 {
  position: relative;
  width: 100%;
  padding: 60px 0;
}
.home-part-1 .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
}
.home-part-1 .content .paragraphe {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: calc(100% - 656px - 15px);
}
.home-part-1 .content .paragraphe h2 {
  font-family: 'OptimaMedium';
  font-size: 20px;
  line-height: 24px;
  color: #021623;
  margin-bottom: 20px;
}
.home-part-1 .content .paragraphe p {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 22px;
  color: #4E6674;
}
.home-part-1 .content .paragraphe a.linkWaw {
  margin-top: 20px;
}
.home-part-1 .content .images {
  position: relative;
  width: 656px;
}
.home-part-1 .content .images .images-camp-ct {
  position: relative;
  width: 640px;
  height: 544px;
  overflow: hidden;
}
.home-part-1 .content .images .images-camp-ct .images-inner {
  height: 100%;
}
.home-part-1 .content .images .images-camp-ct .images-inner .image-mask {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  height: 100%;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  overflow: hidden;
  z-index: 1;
}
.home-part-1 .content .images .images-camp-ct .images-inner .image-mask:first-of-type {
  z-index: 2;
}
.home-part-1 .content .images .images-camp-ct .images-inner .image-mask .image-mask-reverse {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  bottom: 0;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  overflow: hidden;
}
.home-part-1 .content .images::after {
  position: absolute;
  content: '';
  z-index: -1;
  width: 640px;
  height: 544px;
  top: 16px;
  left: 16px;
  background-image: url('../images/mariniere.png');
  background-repeat: repeat;
  background-position-y: 0;
}
.points-forts {
  position: relative;
  padding: 60px 0;
}
.points-forts .content p.titre {
  font-family: 'OptimaBold';
  font-size: 140px;
  line-height: 140px;
  color: #E9ECEE;
  opacity: 1;
  margin: 0;
}
.points-forts .content .points {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-lines: multiple;
}
.points-forts .content .points .point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  margin: 20px;
}
.points-forts .content .points .point .img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  width: 146px;
  height: 146px;
  border: 2px solid #C1E5FC;
  border-radius: 100%;
  background-color: #fff;
  overflow: hidden;
  margin-bottom: 20px;
}
.points-forts .content .points .point p {
  font-family: 'Roboto';
  font-size: 20px;
  line-height: 22px;
  color: #333333;
  max-width: 200px;
  text-align: center;
  margin: 0;
}
.home-part-2 {
  position: relative;
  width: 100%;
  padding: 60px 0;
  margin: 60px 0;
  background-color: #EAF6FD;
  background-image: url('../images/vaguelette.png');
  background-repeat: repeat;
}
.home-part-2 .illu-vague {
  position: absolute;
  width: 256px;
  height: 88px;
  top: calc(-88px/2);
  left: 0;
  background-image: url('../images/sprites-illu.png');
  background-position: -646px -202px;
}
.home-part-2 .content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
}
.home-part-2 .content .mobile_img {
  display: none;
}
.home-part-2 .content .left {
  position: relative;
  padding: 0 15px;
}
.home-part-2 .content .left .linkImg .c_img {
  width: 448px;
  height: 299px;
}
.home-part-2 .content .right {
  position: relative;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
}
.home-part-2 .content .right .paragraphe {
  position: relative;
  margin: 0 0 50px;
}
.home-part-2 .content .right .paragraphe h2 {
  font-family: 'OptimaMedium';
  font-size: 20px;
  line-height: 24px;
  color: #021623;
  margin-bottom: 20px;
}
.home-part-2 .content .right .paragraphe p {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 22px;
  color: #4E6674;
}
.home-part-2 .content .right .linkImg .c_img {
  width: 352px;
  height: 235px;
}
.home-part-3 {
  position: relative;
  width: 100%;
  padding: 60px 0;
}
.home-part-3 .content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
}
.home-part-3 .content .mobile_img {
  display: none;
}
.home-part-3 .content .line_1 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
}
.home-part-3 .content .line_1 .paragraphe {
  position: relative;
  width: calc(100% - 448px - 15px*2 - 120px);
  padding: 0 15px;
  margin: 0 0 50px;
}
.home-part-3 .content .line_1 .paragraphe h2 {
  font-family: 'OptimaMedium';
  font-size: 20px;
  line-height: 24px;
  color: #021623;
  margin-bottom: 20px;
}
.home-part-3 .content .line_1 .paragraphe p {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 22px;
  color: #4E6674;
}
.home-part-3 .content .line_1 .linkImg {
  margin-top: 80px;
}
.home-part-3 .content .line_1 .linkImg .c_img {
  width: 448px;
  height: 299px;
}
.home-part-3 .content .line_2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
  height: 100px;
}
.home-part-3 .content .line_2 .linkImg .c_img {
  width: 352px;
  height: 235px;
}
.home-part-3 .content .line_3 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
}
.home-part-3 .content .line_3 .linkImg {
  margin-right: 26%;
}
.home-part-3 .content .line_3 .linkImg .c_img {
  width: 352px;
  height: 235px;
}
.hebergement-home {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
  padding: 0;
  margin: 60px 0;
  background-color: #EAF6FD;
}
.hebergement-home .cTitre {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 608px);
  padding: 50px 0 0;
}
.hebergement-home .cTitre p {
  font-family: 'OptimaBlack';
  font-size: 60px;
  line-height: 60px;
  color: #096EAE;
  text-align: center;
  margin: 0;
}
.hebergement-home .cParagraphe {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: calc(100% - 608px - 100px*2);
  padding: 100px 100px 0;
}
.hebergement-home .cParagraphe .paragraphe {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: calc(100% - 100px);
  max-width: calc(448px);
  padding: 0 0 0 100px;
}
.hebergement-home .cParagraphe .paragraphe h2 {
  font-family: 'OptimaMedium';
  font-size: 20px;
  line-height: 24px;
  color: #021623;
  margin-bottom: 20px;
}
.hebergement-home .cParagraphe .paragraphe p {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 22px;
  color: #4E6674;
}
.hebergement-home .cParagraphe .paragraphe a.linkWaw {
  margin-top: 20px;
}
.hebergement-home .images {
  position: relative;
  width: 608px;
  overflow: hidden;
}
.hebergement-home .images .illu-traits {
  position: absolute;
  width: 256px;
  height: 56px;
  right: 0;
  top: 24px;
  background-image: url('../images/sprites-illu.png');
  background-position: 0 -444px;
  z-index: 99;
}
.hebergement-home .images .images-heb-ct {
  position: relative;
  width: 608px;
  height: 680px;
  max-width: 100%;
  overflow: hidden;
}
.hebergement-home .images .images-heb-ct .images-inner {
  height: 100%;
}
.hebergement-home .images .images-heb-ct .images-inner .image-mask {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  height: 100%;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  overflow: hidden;
  z-index: 1;
}
.hebergement-home .images .images-heb-ct .images-inner .image-mask:first-of-type {
  z-index: 2;
}
.hebergement-home .images .images-heb-ct .images-inner .image-mask .image-mask-reverse {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  bottom: 0;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  overflow: hidden;
}
.actualites-home {
  position: relative;
  width: 100%;
  padding: 60px 0;
  overflow: hidden;
}
.actualites-home .cTitre {
  position: relative;
  padding-left: 100px;
}
.actualites-home .cTitre p {
  font-family: 'OptimaBold';
  font-size: 140px;
  line-height: 140px;
  color: #E9ECEE;
  opacity: 1;
  margin: 0;
}
.actualites-home .content-actu {
  position: relative;
  margin: 30px 0;
}
.actualites-home .content-actu::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 40px;
  top: calc(50% - 24px/2);
  left: 0;
  background-image: url('../images/mariniere.png');
  background-repeat: repeat;
  z-index: -1;
}
.actualites-home .content-actu .actu-list {
  width: calc(288px*3 + 30px*2);
  height: 320px;
  margin: auto;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.actualites-home .content-actu .actu-list .owl-stage-outer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.actualites-home .content-actu .actu-list .owl-stage-outer .owl-stage {
  height: 100%;
}
.actualites-home .content-actu .actu-list .owl-item {
  width: 100%;
  height: 100%;
  float: left;
  opacity: 1;
  z-index: 2;
}
.actualites-home .content-actu .actu-list .owl-nav {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: end;
  top: -130px;
  right: 0;
  padding-right: 100px;
  z-index: 0;
}
.actualites-home .content-actu .actu-list .owl-nav .owl-prev,
.actualites-home .content-actu .actu-list .owl-nav .owl-next {
  position: relative;
  width: 54px;
  height: 54px;
  border: 2px solid #C1E5FC;
  border-radius: 29px;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.actualites-home .content-actu .actu-list .owl-nav .owl-prev::after,
.actualites-home .content-actu .actu-list .owl-nav .owl-next::after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  border-left: 2px solid #021623;
  border-top: 2px solid #021623;
  top: calc(50% - 10px/2 - 2px);
  left: calc(50% - 10px/2 - 2px);
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.actualites-home .content-actu .actu-list .owl-nav .owl-prev.disabled,
.actualites-home .content-actu .actu-list .owl-nav .owl-next.disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.actualites-home .content-actu .actu-list .owl-nav .owl-prev.disabled:hover,
.actualites-home .content-actu .actu-list .owl-nav .owl-next.disabled:hover {
  background-color: #fff;
  border-color: #C1E5FC;
}
.actualites-home .content-actu .actu-list .owl-nav .owl-prev.disabled:hover::after,
.actualites-home .content-actu .actu-list .owl-nav .owl-next.disabled:hover::after {
  border-color: #021623;
}
.actualites-home .content-actu .actu-list .owl-nav .owl-prev:hover,
.actualites-home .content-actu .actu-list .owl-nav .owl-next:hover {
  background-color: #096EAE;
  border-color: #096EAE;
}
.actualites-home .content-actu .actu-list .owl-nav .owl-prev:hover::after,
.actualites-home .content-actu .actu-list .owl-nav .owl-next:hover::after {
  border-color: #fff;
}
.actualites-home .content-actu .actu-list .owl-nav .owl-prev {
  margin-right: 20px;
}
.actualites-home .content-actu .actu-list .owl-nav .owl-prev::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.actualites-home .content-actu .actu-list .owl-nav .owl-next::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.actualites-home .content-actu .actu-list .actu-item {
  position: relative;
  width: 288px;
  height: 320px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 20px rgba(0,0,0,0.2);
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.actualites-home .content-actu .actu-list .actu-item .actu-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  height: 192px;
  overflow: hidden;
}
.actualites-home .content-actu .actu-list .actu-item .actu-img img {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.actualites-home .content-actu .actu-list .actu-item .actu-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: calc(100% - 10px*2);
  height: calc(100% - 192px - 10px*2);
  padding: 10px 10px 0 10px;
  margin: 0 0 10px 0;
  overflow: hidden;
}
.actualites-home .content-actu .actu-list .actu-item .actu-txt h3 {
  font-family: 'OptimaMedium';
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 10px;
  color: #096EAE;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.actualites-home .content-actu .actu-list .actu-item .actu-txt p {
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 19px;
  margin: 15px 0 0;
  color: #4E6674;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.actualites-home .content-actu .actu-list .actu-item .actu-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.actualites-home .content-actu .actu-list .actu-item:hover {
  background-color: #03253A;
}
.actualites-home .content-actu .actu-list .actu-item:hover .actu-img img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.actualites-home .content-actu .actu-list .actu-item:hover .actu-txt h3,
.actualites-home .content-actu .actu-list .actu-item:hover .actu-txt p {
  color: #fff;
}
.actualites-home .content-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
}
.region-home {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
  padding: 0;
  margin: 60px 0;
  background-color: #03253A;
}
.region-home .images {
  position: relative;
  width: 608px;
  height: 100%;
  min-height: 620px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  overflow: hidden;
}
.region-home .images .illu-traits {
  position: absolute;
  width: 256px;
  height: 56px;
  left: 0;
  bottom: 24px;
  background-image: url('../images/sprites-illu.png');
  background-position: -256px -444px;
  z-index: 2;
}
.region-home .images img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  max-width: unset;
  height: unset;
  min-height: 100%;
  min-width: 100%;
  z-index: 0;
}
.region-home .cParagraphe {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: calc(100% - 608px - 100px*2);
  padding: 0 100px;
}
.region-home .cParagraphe .paragraphe {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: 100%;
  max-width: 448px;
  padding: 0;
}
.region-home .cParagraphe .paragraphe .illu-phare {
  position: absolute;
  width: 352px;
  height: 396px;
  right: 100%;
  top: calc(50% - 396px/2);
  background-image: url('../images/sprites-illu.png');
  background-position: 0 0;
}
.region-home .cParagraphe .paragraphe .illu-ancre {
  position: absolute;
  width: 116px;
  height: 119px;
  right: 100%;
  bottom: calc(-119px/2);
  background-image: url('../images/sprites-illu.png');
  background-position: -352px 0;
}
.region-home .cParagraphe .paragraphe h2 {
  font-family: 'OptimaMedium';
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 20px;
}
.region-home .cParagraphe .paragraphe p {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 22px;
  color: #fff;
}
.region-home .cParagraphe .paragraphe a.linkWaw {
  margin-top: 20px;
}
.avis-home {
  position: relative;
  padding: 60px 0;
  width: 100%;
}
.avis-home .content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
}
.avis-home .content .cTitre {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100px;
  height: 0px;
}
.avis-home .content .cTitre p {
  position: absolute;
  font-family: 'OptimaBold';
  font-size: 60px;
  line-height: 60px;
  color: #E9ECEE;
  text-align: center;
  width: 400px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.avis-home .content .content-avis {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: calc(100% - 100px);
  max-width: 1088px;
  padding: 40px 90px;
  height: calc(400px - 40px*2);
  background-color: #EAF6FD;
}
.avis-home .content .content-avis .image-avis {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.avis-home .content .content-avis .image-avis img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  max-width: unset;
  height: unset;
  min-height: 100%;
  min-width: 100%;
  z-index: 0;
}
.avis-home .content .content-avis .image-avis::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.54);
}
.avis-home .content .content-avis .avis {
  position: relative;
  width: 100%;
  max-width: 600px;
  max-height: 120px;
  overflow: hidden;
}
.avis-home .content .content-avis .avis blockquote {
  position: relative;
  width: 100%;
  max-height: 120px;
  overflow: auto;
}
.avis-home .content .content-avis .avis blockquote p.client {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 24px;
  color: #4E6674;
  margin: 0 0 12px 0;
}
.avis-home .content .content-avis .avis blockquote p.client b {
  font-family: 'OptimaBold';
  font-size: 18px;
  line-height: 24px;
  color: #03253A;
}
.avis-home .content .content-avis .avis blockquote p.note {
  font-family: 'OptimaItalic';
  font-size: 18px;
  line-height: 24px;
  color: #03253A;
}
.avis-home .content .content-avis .owl-stage-outer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.avis-home .content .content-avis .owl-stage-outer .owl-stage {
  height: 100%;
}
.avis-home .content .content-avis .owl-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  float: left;
  opacity: 1;
  z-index: 2;
}
.avis-home .content .content-avis .bottom-avis {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
}
.avis-home .content .content-avis .bottom-avis .nav-avis {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: end;
  z-index: 0;
  margin-right: 30px;
}
.avis-home .content .content-avis .bottom-avis .nav-avis .owl-prev,
.avis-home .content .content-avis .bottom-avis .nav-avis .owl-next {
  position: relative;
  width: 54px;
  height: 54px;
  border: 2px solid #C1E5FC;
  border-radius: 29px;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.avis-home .content .content-avis .bottom-avis .nav-avis .owl-prev::after,
.avis-home .content .content-avis .bottom-avis .nav-avis .owl-next::after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  border-left: 2px solid #021623;
  border-top: 2px solid #021623;
  top: calc(50% - 10px/2 - 2px);
  left: calc(50% - 10px/2 - 2px);
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.avis-home .content .content-avis .bottom-avis .nav-avis .owl-prev.disabled,
.avis-home .content .content-avis .bottom-avis .nav-avis .owl-next.disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.avis-home .content .content-avis .bottom-avis .nav-avis .owl-prev.disabled:hover,
.avis-home .content .content-avis .bottom-avis .nav-avis .owl-next.disabled:hover {
  background-color: #fff;
  border-color: #C1E5FC;
}
.avis-home .content .content-avis .bottom-avis .nav-avis .owl-prev.disabled:hover::after,
.avis-home .content .content-avis .bottom-avis .nav-avis .owl-next.disabled:hover::after {
  border-color: #021623;
}
.avis-home .content .content-avis .bottom-avis .nav-avis .owl-prev:hover,
.avis-home .content .content-avis .bottom-avis .nav-avis .owl-next:hover {
  background-color: #096EAE;
  border-color: #096EAE;
}
.avis-home .content .content-avis .bottom-avis .nav-avis .owl-prev:hover::after,
.avis-home .content .content-avis .bottom-avis .nav-avis .owl-next:hover::after {
  border-color: #fff;
}
.avis-home .content .content-avis .bottom-avis .nav-avis .owl-prev {
  margin-right: 20px;
}
.avis-home .content .content-avis .bottom-avis .nav-avis .owl-prev::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.avis-home .content .content-avis .bottom-avis .nav-avis .owl-next::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.infos-home {
  position: relative;
  padding: 60px 0;
  width: 100%;
}
.infos-home .cTitre {
  position: relative;
}
.infos-home .cTitre p {
  position: relative;
  display: inline-block;
  font-family: 'OptimaBold';
  font-size: 140px;
  line-height: 140px;
  color: #E9ECEE;
  opacity: 1;
  margin: 0;
  padding: 0 100px;
  background-color: #fff;
  z-index: 2;
}
.infos-home .cTitre::after {
  position: absolute;
  content: '';
  right: 0;
  top: calc(50% - 40px/2);
  width: calc(100% - 200px);
  height: 40px;
  background-image: url('../images/mariniere.png');
  background-repeat: repeat;
  z-index: 1;
}
.infos-home .content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-align-content: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -ms-flex-line-pack: start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-lines: multiple;
  padding: 60px 0 0;
  z-index: 1;
}
.infos-home .content .cont {
  position: relative;
  width: calc(50% - 50px*2 - 15px);
  min-height: calc(286px - 20px*2);
  margin: 0 0 30px 0;
  padding: 20px 50px;
  background-color: #fff;
  border-radius: 5px;
}
.infos-home .content .cont h3 {
  font-family: 'Optima';
  font-size: 24px;
  line-height: 29px;
  margin: 0 0 30px;
  color: #EAF6FD;
}
.infos-home .content .cont.docs {
  background-color: #03253A;
}
.infos-home .content .cont.docs ul {
  padding: 0;
  margin: 0;
}
.infos-home .content .cont.docs ul li {
  list-style-type: none;
  margin: 20px 0;
  padding: 0 0 0 30px;
}
.infos-home .content .cont.docs ul li a {
  position: relative;
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.infos-home .content .cont.docs ul li a:hover {
  color: #DC131A;
}
.infos-home .content .cont.docs ul li a::before {
  position: absolute;
  content: '';
  left: -30px;
  top: calc(50% - 20px/2);
  width: 16px;
  height: 20px;
  background-image: url('../images/sprites.png');
  background-position: -735px -50px;
}
.infos-home .content .cont.faq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  background-color: #EAF6FD;
}
.infos-home .content .cont.faq h3 {
  color: #4E6674;
}
.infos-home .content .cont.faq p {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 22px;
  margin: 0;
  color: #4E6674;
}
.infos-home .content .cont.meteo {
  background-color: #EAF6FD;
}
.infos-home .content .cont.meteo h3 {
  color: #4E6674;
}
.infos-home .content .cont.meteo::after {
  position: absolute;
  content: '';
  width: 160px;
  height: 157px;
  right: 50px;
  top: calc(50% - 157px/2);
  background-image: url('../images/sprites.png');
  background-position: -416px 0;
}
.infos-home .content .cont.meteo .wp-forecast {
  width: calc(100% - 160px);
  height: 100%;
}
.infos-home .content .cont.meteo .wp-forecast .wp-forecast-curr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: 100%;
  height: 100%;
}
.infos-home .content .cont.meteo .wp-forecast .wp-forecast-curr .wp-forecast-curr-head {
  width: 100%;
  margin: 0 0 20px;
  padding: 0;
  text-align: left;
}
.infos-home .content .cont.meteo .wp-forecast .wp-forecast-curr .wp-forecast-curr-head > div {
  font-family: 'Roboto';
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #03253A;
}
.infos-home .content .cont.meteo .wp-forecast .wp-forecast-curr .wp-forecast-curr-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
}
.infos-home .content .cont.meteo .wp-forecast .wp-forecast-curr .wp-forecast-curr-block .wp-forecast-curr-right div {
  font-family: 'Roboto';
  font-weight: bold;
  font-size: 20px;
  color: #03253A;
}
.infos-home .content .cont.meteo .wp-forecast .wp-forecast-curr .wp-forecast-curr-block .wp-forecast-curr-right div:first-line {
  font-size: 14px;
  font-weight: 500;
  color: #4E6674;
}
.infos-home .content .cont.meteo .wp-forecast .wp-forecast-curr .wp-forecast-curr-details {
  display: none;
}
.infos-home .content .cont.app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  background-color: #03253A;
  width: calc(50% - 30px*2 - 10px);
  padding: 20px 30px;
}
.infos-home .content .cont.app .club_yelloh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
}
.infos-home .content .cont.app .club_yelloh .logo_club {
  position: absolute;
  top: 15px;
  left: 30px;
  width: 78px;
  height: 106px;
  background-image: url('../images/sprites.png');
  background-position: -291px -340px;
}
.infos-home .content .cont.app .club_yelloh .c_yelloh {
  position: relative;
  width: calc(100% - 90px);
}
.infos-home .content .cont.app .club_yelloh .c_yelloh h3 {
  margin: 0 0 20px;
}
.infos-home .content .cont.app .club_yelloh .c_yelloh p {
  font-family: 'Roboto';
  font-size: 12px;
  line-height: 16px;
  color: #EAF6FD;
  margin: 0;
}
.infos-home .content .cont.app .dl_app {
  position: relative;
  width: 100%;
}
.infos-home .content .cont.app .dl_app p {
  font-family: 'Optima';
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 5px;
  color: #EAF6FD;
}
.infos-home .content .cont.app .dl_app .dls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
}
.infos-home .content .cont.app .dl_app .dls a.dl {
  width: 135px;
  height: 40px;
  background-image: url('../images/sprites.png');
}
.infos-home .content .cont.app .dl_app .dls a.dl.apple {
  background-position: -152px -296px;
  margin-right: 15px;
}
.infos-home .content .cont.app .dl_app .dls a.dl.google {
  background-position: -152px -340px;
}
.map-home {
  position: relative;
  padding: 0;
  width: 100%;
}
.map-home #map-ip {
  position: relative;
  width: 100%;
  height: 480px;
  z-index: 1;
  overflow: hidden;
  background-color: #EAF6FD;
}
.map-home #map-point {
  display: none;
}
.map-home a.map-link {
  position: absolute;
  bottom: 40px;
  left: 50%;
  z-index: 3;
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 0;
  letter-spacing: 1px;
  font-weight: 700;
  background-color: #096EAE;
  color: #fff;
  padding: 24px;
  text-decoration: none;
  border-radius: 24px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.map-home a.map-link:hover {
  background-color: #DC131A;
}
.contact-home {
  position: relative;
  width: 100%;
  padding: 60px 0;
}
.contact-home .cTitre {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
  height: 24px;
  margin: 0 auto 50px;
}
.contact-home .cTitre::before,
.contact-home .cTitre::after {
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  height: 8px;
  background-color: #096EAE;
  z-index: 0;
}
.contact-home .cTitre::before {
  top: 0;
}
.contact-home .cTitre::after {
  bottom: 0;
}
.contact-home .cTitre p {
  position: relative;
  z-index: 1;
  display: inline-block;
  font-family: 'OptimaSemiBold';
  font-size: 36px;
  line-height: 36px;
  color: #CAD1D5;
  text-align: center;
  background-color: #fff;
  padding: 0 50px;
}
.contact-home .message-no-cookies {
  font-family: 'OptimaSemiBold';
  line-height: 1.5;
}
.contact-home .message-no-cookies a {
  color: inherit;
}
.contact-home .message-no-cookies a:hover {
  color: #F9B7B7;
}
.contact-home .wpcf7 {
  width: calc(100% - 20px);
  max-width: calc(712px - 20px);
  margin: 0 auto;
}
.contact-home .wpcf7 form {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: 100%;
}
.contact-home .wpcf7 form small {
  font-size: 10px;
}
.contact-home .wpcf7 form .part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
  margin-bottom: 40px;
}
.contact-home .wpcf7 form .part:last-of-type {
  margin-bottom: 0;
}
.contact-home .wpcf7 form .part .nom,
.contact-home .wpcf7 form .part .prenom,
.contact-home .wpcf7 form .part .tel,
.contact-home .wpcf7 form .part .email {
  width: calc(50% - 20px);
}
.contact-home .wpcf7 form .part .nom input,
.contact-home .wpcf7 form .part .prenom input,
.contact-home .wpcf7 form .part .tel input,
.contact-home .wpcf7 form .part .email input {
  font-family: 'Roboto';
  font-size: 16px;
  width: calc(100% - 20px*2 - 2px*2);
  padding: 15px 20px;
  border: 2px solid #EAF6FD;
  border-radius: 4px;
  background-color: #fff;
  color: #000;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.contact-home .wpcf7 form .part .nom input::-webkit-input-placeholder,
.contact-home .wpcf7 form .part .prenom input::-webkit-input-placeholder,
.contact-home .wpcf7 form .part .tel input::-webkit-input-placeholder,
.contact-home .wpcf7 form .part .email input::-webkit-input-placeholder {
  color: #8F9091;
  transition: all .2s cubic-bezier(.55,-0.55,1,1.55);
  -webkit-transform-origin: left;
}
.contact-home .wpcf7 form .part .nom input:focus,
.contact-home .wpcf7 form .part .prenom input:focus,
.contact-home .wpcf7 form .part .tel input:focus,
.contact-home .wpcf7 form .part .email input:focus {
  border-color: #096EAE;
}
.contact-home .wpcf7 form .part .nom input:focus::-webkit-input-placeholder,
.contact-home .wpcf7 form .part .prenom input:focus::-webkit-input-placeholder,
.contact-home .wpcf7 form .part .tel input:focus::-webkit-input-placeholder,
.contact-home .wpcf7 form .part .email input:focus::-webkit-input-placeholder {
  color: #096EAE;
  -webkit-transform: translate(0,-80%) scale(.9,.9);
  visibility: visible !important;
  overflow: visible;
}
.contact-home .wpcf7 form .part.center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.contact-home .wpcf7 form .part .message {
  width: 100%;
}
.contact-home .wpcf7 form .part .message textarea {
  font-family: 'Roboto';
  font-size: 16px;
  width: calc(100% - 20px*2 - 2px*2);
  padding: 15px 20px;
  border: 2px solid #EAF6FD;
  border-radius: 4px;
  background-color: #fff;
  color: #000;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.contact-home .wpcf7 form .part .message textarea::-webkit-input-placeholder {
  color: #8F9091;
  transition: all .2s cubic-bezier(.55,-0.55,1,1.55);
  -webkit-transform-origin: left;
}
.contact-home .wpcf7 form .part .message textarea:focus {
  border-color: #096EAE;
}
.contact-home .wpcf7 form .part .message textarea:focus::-webkit-input-placeholder {
  color: #096EAE;
  -webkit-transform: translate(0,-80%) scale(.9,.9);
  visibility: visible !important;
  overflow: visible;
}
.contact-home .wpcf7 form .part > p {
  position: relative;
  width: calc(50% - 20px);
}
.contact-home .wpcf7 form .part > p input[type="submit"] {
  font-family: 'Roboto';
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  width: 100%;
  height: 78px;
  background-color: #096EAE;
  border: 2px solid #096EAE;
  border-radius: 4px;
  text-transform: uppercase;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.contact-home .wpcf7 form .part > p input[type="submit"]:hover {
  color: #DC131A;
  border-color: #DC131A;
  background-color: #fff;
}
.contact-home .wpcf7 form .part > p .ajax-loader {
  position: absolute;
}
.contact-home .wpcf7 form div.wpcf7-validation-errors,
.contact-home .wpcf7 form div.wpcf7-acceptance-missing,
.contact-home .wpcf7 form div.wpcf7-response-output {
  border: 2px solid #096EAE;
  background-color: #096EAE;
  color: #fff;
}
.partenaires-home {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-lines: multiple;
  width: 100%;
  padding: 0 0 60px;
}
.partenaires-home .partenaire {
  margin: 10px;
  background-image: url('../images/sprites.png');
  background-position-y: -343px;
}
.partenaires-home .partenaire.adac {
  width: 50px;
  height: 50px;
  background-position-x: -373px;
}
.partenaires-home .partenaire.anwb {
  width: 79px;
  height: 40px;
  background-position-x: -427px;
}
.partenaires-home .partenaire.qualite {
  width: 55px;
  height: 50px;
  background-position-x: -510px;
}
.partenaires-home .partenaire.bretagne {
  width: 110px;
  height: 43px;
  background-position-x: -569px;
}
.partenaires-home .partenaire.leading {
  width: 74px;
  height: 50px;
  background-position-x: -683px;
}
.partenaires-home .partenaire.ancv {
  width: 84px;
  height: 50px;
  background-position-x: -761px;
}
.header-small {
  position: relative;
  width: 100%;
  height: 315px;
  background-color: #053B5D;
  overflow: hidden;
}
.header-small .header-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.header-small .header-content .header-center {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
}
.header-small .header-content .header-center h1,
.header-small .header-content .header-center p {
  font-family: 'OptimaBlack';
  font-size: 40px;
  line-height: 60px;
  color: #fff;
  text-align: center;
  margin: 0;
  text-shadow: 0 0 6px rgba(0,0,0,0.3);
}
.header-small .header-content .header-bottom {
  position: relative;
  width: 100%;
  z-index: 4;
}
.header-small .header-content .header-bottom svg {
  margin-bottom: -10px;
}
.header-small .header-content .header-bottom svg.white path {
  fill: #fff;
}
.header-small .header-content .header-bottom svg.blue path {
  fill: #F4FAFE;
}
.header-small .header-content .header-bottom .contentLogos {
  position: absolute;
  bottom: 20px;
  right: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
}
.header-small .header-content .header-bottom .contentLogos .yellohV {
  display: block;
  width: 120px;
  height: 56px;
  margin-right: 20px;
  background-image: url('../images/sprites.png');
  background-position: -361px -206px;
}
.header-small .header-content .header-bottom .contentLogos .leadingC {
  display: block;
  width: 187px;
  height: 60px;
  margin-right: 20px;
  background-image: url('../images/sprites.png');
  background-position: -391px -265px;
}
.header-small .header-content .header-bottom .contentLogos .bretagne {
  display: block;
  width: 110px;
  height: 43px;
  background-image: url('../images/sprites.png');
  background-position: -361px -160px;
}
.header-interne {
  position: relative;
  width: 100%;
  height: calc(100vh);
  overflow: hidden;
}
.header-interne::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent 60%,#03253A);
  z-index: 2;
}
.header-interne .header-img {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
.header-interne .header-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  max-width: unset;
  height: unset;
  min-height: 100%;
  min-width: 100%;
  z-index: 0;
}
.header-interne .header-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.header-interne .header-content .header-center {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  margin-bottom: 50px;
  width: 100%;
}
.header-interne .header-content .header-center .header-logo {
  display: block;
  width: 256px;
  height: 256px;
  left: calc(50% - 256px/2);
  top: calc(50% - 256px/2);
  background-image: url('../images/sprites.png');
  background-position: 0 0;
  -webkit-filter: drop-shadow(0 0 6px rgba(0,0,0,0.3));
  -moz-filter: drop-shadow(0 0 6px rgba(0,0,0,0.3));
  -ms-filter: drop-shadow(0 0 6px rgba(0,0,0,0.3));
  -o-filter: drop-shadow(0 0 6px rgba(0,0,0,0.3));
  filter: drop-shadow(0 0 6px rgba(0,0,0,0.3));
}
.header-interne .header-content .header-center .title-header {
  font-family: 'OptimaBlack';
  font-size: 72px;
  line-height: 87px;
  color: #fff;
  text-align: center;
  margin: 30px auto 0;
  text-shadow: 0 0 6px rgba(0,0,0,0.3);
  max-width: 90%;
}
.header-interne .header-content .header-bottom {
  position: relative;
  width: 100%;
  height: 100px;
  background-color: #053B5D;
  z-index: 4;
}
.header-interne .header-content .header-bottom svg {
  position: absolute;
  bottom: 100%;
  left: 0;
}
.header-interne .header-content .header-bottom svg.blue path {
  fill: #053B5D;
}
.header-interne .header-content .header-bottom .contentLogos {
  position: absolute;
  bottom: 20px;
  right: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
}
.header-interne .header-content .header-bottom .contentLogos .yellohV {
  display: block;
  width: 120px;
  height: 56px;
  margin-right: 20px;
  background-image: url('../images/sprites.png');
  background-position: -361px -206px;
}
.header-interne .header-content .header-bottom .contentLogos .leadingC {
  display: block;
  width: 187px;
  height: 60px;
  margin-right: 20px;
  background-image: url('../images/sprites.png');
  background-position: -391px -265px;
}
.header-interne .header-content .header-bottom .contentLogos .bretagne {
  display: block;
  width: 110px;
  height: 43px;
  background-image: url('../images/sprites.png');
  background-position: -361px -160px;
}
.intro-interne {
  position: relative;
  width: 100%;
  background-color: #053B5D;
  z-index: 20;
}
.intro-interne .content {
  position: relative;
  padding: 0 0 50px;
}
.intro-interne .content .title-intro-interne {
  font-family: 'OptimaMedium';
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  margin: 0 0 20px;
}
.intro-interne .content p {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  letter-spacing: 1px;
  margin: 0;
}
.intro-interne .content p a {
  color: #fff;
  text-decoration: underline;
}
.ariane-heb {
  position: relative;
  width: 100%;
  z-index: 3;
  background-color: #03253A;
}
.ariane-heb svg.blue {
  background: linear-gradient(#053B5D calc(100% - 2px),#03253A 2px);
}
.ariane-heb svg.blue path {
  fill: #03253A;
}
.ariane-heb svg.white {
  background: linear-gradient(#03253A calc(100% - 2px),#F4FAFE 2px);
  margin: 0 0 -3px;
}
.ariane-heb svg.white path {
  fill: #F4FAFE;
}
.ariane-heb .content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  padding: 20px 0;
}
.ariane-heb .content p {
  font-family: 'OptimaMedium';
  font-size: 14px;
  line-height: 24px;
  color: #C1E5FC;
  margin: 0 50px 0 0;
  text-transform: uppercase;
}
.ariane-heb .content .select_heb {
  position: relative;
  width: 312px;
  height: 48px;
  border: 2px solid #4E6674;
  border-radius: 3px;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.ariane-heb .content .select_heb:hover {
  border-color: #C1E5FC;
}
.ariane-heb .content .select_heb:hover .sub {
  border-color: #C1E5FC;
}
.ariane-heb .content .select_heb .cur a,
.ariane-heb .content .select_heb .sub a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 19px;
  font-weight: 700;
  text-decoration: none;
  text-transform: lowercase;
  color: #C1E5FC;
  width: calc(100% - 20px*2);
  height: 48px;
  padding: 0 20px;
  z-index: 2;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.ariane-heb .content .select_heb .cur a:hover,
.ariane-heb .content .select_heb .sub a:hover {
  color: #096EAE;
}
.ariane-heb .content .select_heb .cur {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #03253A;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.ariane-heb .content .select_heb .cur:hover {
  background-color: #fff;
}
.ariane-heb .content .select_heb .cur:hover::after {
  border-color: #096EAE;
}
.ariane-heb .content .select_heb .cur::after {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  top: calc(50% - 5px/2 - 2px);
  right: 20px;
  border-left: 2px solid #C1E5FC;
  border-bottom: 2px solid #C1E5FC;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.ariane-heb .content .select_heb .cur.on::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.ariane-heb .content .select_heb .sub {
  position: absolute;
  top: calc(100% - 2px);
  left: -2px;
  width: 100%;
  border: 2px solid #4E6674;
  border-top: 0px;
  border-radius: 3px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.ariane-heb .content .select_heb .sub a {
  background-color: #03253A;
}
.ariane-heb .content .select_heb .sub a:hover {
  background-color: #fff;
  color: #096EAE;
}
.ariane-heb .content .select_heb .sub.on {
  opacity: 1;
  visibility: visible;
}
.ariane-interne {
  position: relative;
  width: 100%;
  padding: 20px 0 0;
}
.ariane-interne.blue {
  background-color: #F4FAFE;
}
.ariane-interne svg {
  position: absolute;
  top: 0;
}
.ariane-interne svg.white {
  background: linear-gradient(#053B5D calc(100% - 2px),#fff 2px);
}
.ariane-interne svg.white path {
  fill: #fff;
}
.ariane-interne svg.blue {
  background: linear-gradient(#053B5D calc(100% - 2px),#F4FAFE 2px);
}
.ariane-interne svg.blue path {
  fill: #F4FAFE;
}
.ariane-interne .content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-lines: multiple;
  padding: 50px 0;
}
.ariane-interne .content a {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 22px;
  color: #096EAE;
  font-weight: 500;
  margin: 0 5px 0 0;
  text-decoration: none;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.ariane-interne .content a:hover {
  color: #DC131A;
}
.ariane-interne .content p {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 22px;
  color: #4E6674;
  font-weight: 500;
  margin: 0;
}
.header-region {
  position: relative;
  width: 100%;
  height: calc(100vh);
  overflow: hidden;
}
.header-region::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent 60%,#03253A);
  z-index: 2;
}
.header-region .header-img {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
.header-region .header-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  max-width: unset;
  height: unset;
  min-height: 100%;
  min-width: 100%;
  z-index: 0;
}
.header-region .header-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.header-region .header-content .header-center {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  margin-bottom: 50px;
}
.header-region .header-content .header-center .header-logo {
  display: block;
  width: 256px;
  height: 256px;
  left: calc(50% - 256px/2);
  top: calc(50% - 256px/2);
  background-image: url('../images/sprites.png');
  background-position: 0 0;
  -webkit-filter: drop-shadow(0 0 6px rgba(0,0,0,0.3));
  -moz-filter: drop-shadow(0 0 6px rgba(0,0,0,0.3));
  -ms-filter: drop-shadow(0 0 6px rgba(0,0,0,0.3));
  -o-filter: drop-shadow(0 0 6px rgba(0,0,0,0.3));
  filter: drop-shadow(0 0 6px rgba(0,0,0,0.3));
}
.header-region .header-content .header-center p {
  font-family: 'OptimaBlack';
  font-size: 72px;
  line-height: 87px;
  color: #fff;
  text-align: center;
  margin: 30px 0 0;
  text-shadow: 0 0 6px rgba(0,0,0,0.3);
}
.header-region .header-content .header-bottom {
  position: relative;
  width: 100%;
  height: 100px;
  z-index: 4;
}
.header-region .header-content .header-bottom svg {
  position: absolute;
  bottom: 0;
  left: 0;
}
.header-region .header-content .header-bottom svg.white {
  background: linear-gradient(transparent calc(100% - 2px),#fff 2px);
}
.header-region .header-content .header-bottom svg.white path {
  fill: #fff;
}
.header-region .header-content .header-bottom .contentLogos {
  position: absolute;
  bottom: 20px;
  right: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
}
.header-region .header-content .header-bottom .contentLogos .yellohV {
  display: block;
  width: 120px;
  height: 56px;
  margin-right: 20px;
  background-image: url('../images/sprites.png');
  background-position: -361px -206px;
}
.header-region .header-content .header-bottom .contentLogos .leadingC {
  display: block;
  width: 187px;
  height: 60px;
  margin-right: 20px;
  background-image: url('../images/sprites.png');
  background-position: -391px -265px;
}
.header-region .header-content .header-bottom .contentLogos .bretagne {
  display: block;
  width: 110px;
  height: 43px;
  background-image: url('../images/sprites.png');
  background-position: -361px -160px;
}
.intro-region {
  position: relative;
  width: 100%;
  padding: 60px 0;
}
.intro-region .content {
  position: relative;
}
.intro-region .content .illu-hermine {
  position: absolute;
  width: 146px;
  height: 151px;
  top: calc(50% - 151px/2);
  right: calc(100% + 40px);
  background-image: url('../images/sprites-illu.png');
  background-position: -352px -123px;
}
.intro-region .content h1 {
  font-family: 'OptimaMedium';
  font-size: 20px;
  line-height: 24px;
  color: #021623;
  margin: 0 0 20px;
}
.intro-region .content p {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 22px;
  color: #4E6674;
  margin: 0;
}
.intro-region .content p a {
  color: #096EAE;
  text-decoration: underline;
}
.activites-region {
  position: relative;
  width: 100%;
  padding: 60px 0;
}
.activites-region .cTitre {
  position: relative;
  padding-left: 100px;
}
.activites-region .cTitre p {
  font-family: 'OptimaBold';
  font-size: 72px;
  line-height: 72px;
  color: #C1E5FC;
  margin: 0;
}
.activites-region .content-activites {
  position: relative;
  margin: 30px 0;
}
.activites-region .content-activites::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 40px;
  top: calc(50% - 24px/2);
  left: 0;
  background-image: url('../images/mariniere.png');
  opacity: 0.2;
  background-repeat: repeat;
  z-index: -1;
}
.activites-region .content-activites .activites-list {
  width: calc(288px*3 + 30px*2);
  height: 296px;
  margin: auto;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.activites-region .content-activites .activites-list .owl-stage-outer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.activites-region .content-activites .activites-list .owl-stage-outer .owl-stage {
  height: 100%;
}
.activites-region .content-activites .activites-list .owl-item {
  width: 100%;
  height: 100%;
  float: left;
  opacity: 1;
  z-index: 2;
}
.activites-region .content-activites .activites-list .owl-nav {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: end;
  top: -100px;
  right: 0;
  padding-right: 100px;
  z-index: 0;
}
.activites-region .content-activites .activites-list .owl-nav .owl-prev,
.activites-region .content-activites .activites-list .owl-nav .owl-next {
  position: relative;
  width: 54px;
  height: 54px;
  border: 2px solid #C1E5FC;
  border-radius: 29px;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.activites-region .content-activites .activites-list .owl-nav .owl-prev::after,
.activites-region .content-activites .activites-list .owl-nav .owl-next::after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  border-left: 2px solid #021623;
  border-top: 2px solid #021623;
  top: calc(50% - 10px/2 - 2px);
  left: calc(50% - 10px/2 - 2px);
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.activites-region .content-activites .activites-list .owl-nav .owl-prev.disabled,
.activites-region .content-activites .activites-list .owl-nav .owl-next.disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.activites-region .content-activites .activites-list .owl-nav .owl-prev.disabled:hover,
.activites-region .content-activites .activites-list .owl-nav .owl-next.disabled:hover {
  background-color: #fff;
  border-color: #C1E5FC;
}
.activites-region .content-activites .activites-list .owl-nav .owl-prev.disabled:hover::after,
.activites-region .content-activites .activites-list .owl-nav .owl-next.disabled:hover::after {
  border-color: #021623;
}
.activites-region .content-activites .activites-list .owl-nav .owl-prev:hover,
.activites-region .content-activites .activites-list .owl-nav .owl-next:hover {
  background-color: #096EAE;
  border-color: #096EAE;
}
.activites-region .content-activites .activites-list .owl-nav .owl-prev:hover::after,
.activites-region .content-activites .activites-list .owl-nav .owl-next:hover::after {
  border-color: #fff;
}
.activites-region .content-activites .activites-list .owl-nav .owl-prev {
  margin-right: 20px;
}
.activites-region .content-activites .activites-list .owl-nav .owl-prev::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.activites-region .content-activites .activites-list .owl-nav .owl-next::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.activites-region .content-activites .activites-list .activite-item {
  position: relative;
  width: 288px;
  height: 296px;
  background-color: #053B5D;
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 20px rgba(0,0,0,0.2);
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.activites-region .content-activites .activites-list .activite-item .activite-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  height: 192px;
  overflow: hidden;
}
.activites-region .content-activites .activites-list .activite-item .activite-img img {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.activites-region .content-activites .activites-list .activite-item .activite-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: calc(100% - 15px*2);
  height: calc(100% - 192px - 15px*2);
  padding: 15px;
}
.activites-region .content-activites .activites-list .activite-item .activite-txt h3 {
  font-family: 'OptimaMedium';
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 10px;
  color: #fff;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.activites-region .content-activites .activites-list .activite-item .activite-txt p {
  position: relative;
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 19px;
  margin: 0;
  padding: 0 0 0 25px;
  color: #C1E5FC;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.activites-region .content-activites .activites-list .activite-item .activite-txt p::before {
  position: absolute;
  content: '';
  left: 0;
  top: calc(50% - 13px/2);
  width: 14px;
  height: 13px;
  background-image: url('../images/sprites.png');
  background-position: -583px -203px;
}
.activites-region .content-activites .activites-list .activite-item .activite-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.activites-region .content-activites .activites-list .activite-item:hover {
  background-color: #03253A;
}
.activites-region .content-activites .activites-list .activite-item:hover .activite-img img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.activites-region .content-activites .activites-list .activite-item:hover .activite-txt h3,
.activites-region .content-activites .activites-list .activite-item:hover .activite-txt p {
  color: #fff;
}
.text-img-hori {
  position: relative;
  width: 100%;
  padding: 60px 0;
}
.text-img-hori.nomarge_top {
  padding-top: 0;
}
.text-img-hori.nomarge_bottom {
  padding-bottom: 0;
}
.text-img-hori .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  padding: 0 15px;
}
.text-img-hori .content.droite {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
}
.text-img-hori .content.gauche {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.text-img-hori .content.haut {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
}
.text-img-hori .content.centre {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
}
.text-img-hori .content.bas {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: end;
}
.text-img-hori .content .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  width: 544px;
  height: 363px;
  overflow: hidden;
}
.text-img-hori .content .paragraphe {
  width: calc(100% - 544px - 120px);
}
.text-img-hori .content .paragraphe h2 {
  font-family: 'OptimaMedium';
  font-size: 20px;
  line-height: 24px;
  color: #03253A;
  margin: 0 0 20px 0;
}
.text-img-hori .content .paragraphe p {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 22px;
  color: #4E6674;
  margin: 0;
}
.text-img-hori .content .paragraphe p b,
.text-img-hori .content .paragraphe p strong {
  font-weight: 700;
}
.text-img-hori .content .paragraphe p i,
.text-img-hori .content .paragraphe p em,
.text-img-hori .content .paragraphe p a {
  color: #096EAE;
  font-weight: 700;
  font-style: normal;
}
.text-img-vert {
  position: relative;
  width: 100%;
  padding: 60px 0;
}
.text-img-vert.nomarge_top {
  padding-top: 0;
}
.text-img-vert.nomarge_bottom {
  padding-bottom: 0;
}
.text-img-vert .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
}
.text-img-vert .content.haut {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
}
.text-img-vert .content.haut .image {
  margin: 0 0 40px 0;
}
.text-img-vert .content.bas {
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.text-img-vert .content.bas .image {
  margin: 40px 0 0 0;
}
.text-img-vert .content .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  height: 491px;
  overflow: hidden;
}
.text-img-vert .content .paragraphe {
  width: 100%;
}
.text-img-vert .content .paragraphe h2 {
  font-family: 'OptimaMedium';
  font-size: 20px;
  line-height: 24px;
  color: #03253A;
  margin: 0 0 20px 0;
}
.text-img-vert .content .paragraphe p {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 22px;
  color: #4E6674;
  margin: 0;
}
.text-img-vert .content .paragraphe p b,
.text-img-vert .content .paragraphe p strong {
  font-weight: 700;
}
.text-img-vert .content .paragraphe p i,
.text-img-vert .content .paragraphe p em,
.text-img-vert .content .paragraphe p a {
  color: #096EAE;
  font-weight: 700;
  font-style: normal;
}
.carousel-ip {
  position: relative;
  width: 100%;
  padding: 60px 0;
  overflow: hidden;
}
.carousel-ip .carousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  position: relative;
  width: 640px;
  max-height: 520px;
  margin: 0 auto;
}
.carousel-ip .carousel .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 640px;
  height: 427px;
}
.carousel-ip .carousel .item img {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
}
.carousel-ip .carousel .owl-stage-outer {
  width: calc(640px);
  margin: auto;
}
.carousel-ip .carousel .owl-stage-outer .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
}
.carousel-ip .carousel .owl-stage-outer .owl-item {
  float: left;
  width: 100%;
  height: 100%;
}
.carousel-ip .carousel .owl-nav {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: end;
  padding-top: 30px;
  z-index: 0;
}
.carousel-ip .carousel .owl-nav .owl-prev,
.carousel-ip .carousel .owl-nav .owl-next {
  position: relative;
  width: 54px;
  height: 54px;
  border: 2px solid #C1E5FC;
  border-radius: 29px;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.carousel-ip .carousel .owl-nav .owl-prev::after,
.carousel-ip .carousel .owl-nav .owl-next::after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  border-left: 2px solid #021623;
  border-top: 2px solid #021623;
  top: calc(50% - 10px/2 - 2px);
  left: calc(50% - 10px/2 - 2px);
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.carousel-ip .carousel .owl-nav .owl-prev.disabled,
.carousel-ip .carousel .owl-nav .owl-next.disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.carousel-ip .carousel .owl-nav .owl-prev.disabled:hover,
.carousel-ip .carousel .owl-nav .owl-next.disabled:hover {
  background-color: #fff;
  border-color: #C1E5FC;
}
.carousel-ip .carousel .owl-nav .owl-prev.disabled:hover::after,
.carousel-ip .carousel .owl-nav .owl-next.disabled:hover::after {
  border-color: #021623;
}
.carousel-ip .carousel .owl-nav .owl-prev:hover,
.carousel-ip .carousel .owl-nav .owl-next:hover {
  background-color: #096EAE;
  border-color: #096EAE;
}
.carousel-ip .carousel .owl-nav .owl-prev:hover::after,
.carousel-ip .carousel .owl-nav .owl-next:hover::after {
  border-color: #fff;
}
.carousel-ip .carousel .owl-nav .owl-prev {
  margin-right: 20px;
}
.carousel-ip .carousel .owl-nav .owl-prev::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.carousel-ip .carousel .owl-nav .owl-next::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.carousel-img-ip {
  position: relative;
  width: 100%;
  padding: 60px 0;
}
.carousel-img-ip.nomarge_top {
  padding-top: 0;
}
.carousel-img-ip.nomarge_bottom {
  padding-bottom: 0;
}
.carousel-img-ip .carousel-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.carousel-img-ip .carousel-img .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
  height: 491px;
}
.carousel-img-ip .carousel-img .item img {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
}
.carousel-img-ip .carousel-img .owl-stage-outer {
  width: 736px;
  margin: auto;
  overflow: hidden;
}
.carousel-img-ip .carousel-img .owl-stage-outer .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
}
.carousel-img-ip .carousel-img .owl-stage-outer .owl-item {
  float: left;
  width: 100%;
  height: 100%;
}
.carousel-img-ip .carousel-img .owl-nav {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  top: 50%;
  left: calc(-54px/2);
  width: calc(100% + 54px);
  height: 0;
  z-index: 0;
}
.carousel-img-ip .carousel-img .owl-nav .owl-prev,
.carousel-img-ip .carousel-img .owl-nav .owl-next {
  position: relative;
  width: 54px;
  height: 54px;
  border: 2px solid #C1E5FC;
  border-radius: 29px;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.carousel-img-ip .carousel-img .owl-nav .owl-prev::after,
.carousel-img-ip .carousel-img .owl-nav .owl-next::after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  border-left: 2px solid #021623;
  border-top: 2px solid #021623;
  top: calc(50% - 10px/2 - 2px);
  left: calc(50% - 10px/2 - 2px);
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.carousel-img-ip .carousel-img .owl-nav .owl-prev.disabled,
.carousel-img-ip .carousel-img .owl-nav .owl-next.disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.carousel-img-ip .carousel-img .owl-nav .owl-prev.disabled:hover,
.carousel-img-ip .carousel-img .owl-nav .owl-next.disabled:hover {
  background-color: #fff;
  border-color: #C1E5FC;
}
.carousel-img-ip .carousel-img .owl-nav .owl-prev.disabled:hover::after,
.carousel-img-ip .carousel-img .owl-nav .owl-next.disabled:hover::after {
  border-color: #021623;
}
.carousel-img-ip .carousel-img .owl-nav .owl-prev:hover,
.carousel-img-ip .carousel-img .owl-nav .owl-next:hover {
  background-color: #096EAE;
  border-color: #096EAE;
}
.carousel-img-ip .carousel-img .owl-nav .owl-prev:hover::after,
.carousel-img-ip .carousel-img .owl-nav .owl-next:hover::after {
  border-color: #fff;
}
.carousel-img-ip .carousel-img .owl-nav .owl-prev {
  margin-right: 20px;
}
.carousel-img-ip .carousel-img .owl-nav .owl-prev::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.carousel-img-ip .carousel-img .owl-nav .owl-next::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.carousel-img-ip .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  height: 491px;
  overflow: hidden;
}
.infos-pratique {
  position: relative;
  width: 100%;
  padding: 60px 0;
  overflow: hidden;
}
.infos-pratique .content {
  position: relative;
  border-radius: 5px;
  background-color: #053B5D;
}
.infos-pratique .content::before,
.infos-pratique .content::after {
  position: absolute;
  content: '';
  width: 104px;
  height: 68px;
  background-image: url('../images/sprites.png');
  background-position: -168px -393px;
}
.infos-pratique .content::before {
  top: -25px;
  left: -40px;
}
.infos-pratique .content::after {
  bottom: -25px;
  right: -40px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.infos-pratique .content .liste {
  position: relative;
  width: calc(100% - 100px*2);
  padding: 60px 100px;
}
.infos-pratique .content .liste p {
  position: relative;
  padding: 0 0 0 30px;
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 22px;
  color: #F4FAFE;
  margin: 0 0 30px 0;
}
.infos-pratique .content .liste p strong,
.infos-pratique .content .liste p b {
  color: #F9B7B7;
  font-weight: 700;
}
.infos-pratique .content .liste p:last-of-type {
  margin: 0 0 0 0;
}
.infos-pratique .content .liste p.aucun {
  padding: 0 0 0 0;
}
.infos-pratique .content .liste p.horloge::before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  background-image: url('../images/sprites.png');
  background-position: -373px -398px;
}
.infos-pratique .content .liste p.calendrier::before {
  position: absolute;
  content: '';
  width: 18px;
  height: 20px;
  left: 0;
  top: 0;
  background-image: url('../images/sprites.png');
  background-position: -398px -398px;
}
.infos-pratique .content .liste p.avertissement::before {
  position: absolute;
  content: '';
  width: 18px;
  height: 18px;
  left: 0;
  top: 0;
  background-image: url('../images/sprites.png');
  background-position: -421px -398px;
}
.tableau-ip {
  position: relative;
  width: 100%;
  padding: 60px 0;
}
.tableau-ip.nomarge_top {
  padding-top: 0;
}
.tableau-ip.nomarge_bottom {
  padding-bottom: 0;
}
.tableau-ip .content {
  position: relative;
  width: 100%;
  max-width: 736px;
  margin: 0 auto;
}
.tableau-ip .content h2 {
  width: 100%;
  font-family: 'OptimaMedium';
  font-size: 20px;
  line-height: 24px;
  color: #096EAE;
  margin: 0 0 20px 0;
}
.tableau-ip .content p.nb {
  position: relative;
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 18px;
  color: #4E6674;
  margin: 10px 0;
}
.tableau-ip .content .tab {
  position: relative;
  width: 100%;
}
.tableau-ip .content .tab .ligne {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
  background-color: #F4FAFE;
  border-bottom: 1px solid #fff;
}
.tableau-ip .content .tab .ligne.l_titre {
  background-color: #096EAE !important;
}
.tableau-ip .content .tab .ligne.l_titre .case_titre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  height: 71px;
}
.tableau-ip .content .tab .ligne.l_titre .case_titre p {
  width: calc(100% - 10px*2);
  padding: 0 10px;
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  color: #fff;
  margin: 0;
}
.tableau-ip .content .tab .ligne.deux .case_t {
  width: 75%;
}
.tableau-ip .content .tab .ligne.deux .case_v {
  width: calc(25% - 1px);
  border-left: 1px solid #fff;
}
.tableau-ip .content .tab .ligne.deux .case_v .cases .case {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.tableau-ip .content .tab .ligne.deux .case_v .cases .case:first-of-type {
  width: 100%;
  border-right: 0px;
}
.tableau-ip .content .tab .ligne.trois .case_t {
  width: 50%;
}
.tableau-ip .content .tab .ligne.trois .case_v {
  width: calc(50% - 1px);
  border-left: 1px solid #fff;
}
.tableau-ip .content .tab .ligne .case_t p {
  width: calc(100% - 10px*2);
  padding: 0 10px;
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  color: #053B5D;
  margin: 0;
}
.tableau-ip .content .tab .ligne .case_v p {
  width: calc(100% - 10px*2);
  padding: 0 10px;
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  color: #053B5D;
  margin: 0;
  text-align: center;
}
.tableau-ip .content .tab .ligne .case_v .cases {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
  height: 71px;
  border-bottom: 1px solid #fff;
}
.tableau-ip .content .tab .ligne .case_v .cases:last-of-type {
  border-bottom: 0px;
}
.tableau-ip .content .tab .ligne .case_v .cases .case {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  width: 50%;
  height: 100%;
}
.tableau-ip .content .tab .ligne .case_v .cases .case:first-of-type {
  width: calc(50% - 1px);
  border-right: 1px solid #fff;
}
.tableau-ip .content .tab .ligne:nth-child(2n+1) {
  background-color: #EAF6FD;
}
.tableau-ip .content .tab .ligne:last-of-type {
  border-bottom: 0px;
}
.tableau-d-ip {
  position: relative;
  width: 100%;
  padding: 60px 0;
}
.tableau-d-ip.nomarge_top {
  padding-top: 0;
}
.tableau-d-ip.nomarge_bottom {
  padding-bottom: 0;
}
.tableau-d-ip .content {
  position: relative;
  width: 100%;
  max-width: 736px;
  margin: 0 auto;
}
.tableau-d-ip .content h2 {
  width: 100%;
  font-family: 'OptimaMedium';
  font-size: 20px;
  line-height: 24px;
  color: #096EAE;
  margin: 0 0 20px 0;
}
.tableau-d-ip .content p.nb {
  position: relative;
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 18px;
  color: #4E6674;
  margin: 10px 0;
}
.tableau-d-ip .content .tab {
  position: relative;
  width: 100%;
}
.tableau-d-ip .content .tab .ligne {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
  background-color: #F4FAFE;
  border-bottom: 1px solid #fff;
}
.tableau-d-ip .content .tab .ligne.l_titre {
  background-color: #096EAE !important;
}
.tableau-d-ip .content .tab .ligne.l_titre .case_t p,
.tableau-d-ip .content .tab .ligne.l_titre .case_v p {
  color: #fff;
}
.tableau-d-ip .content .tab .ligne.deux .case_t {
  width: 75%;
}
.tableau-d-ip .content .tab .ligne.deux .case_v {
  width: calc(25% - 1px);
  border-left: 1px solid #fff;
}
.tableau-d-ip .content .tab .ligne.deux .case_v .cases .case {
  width: 100%;
}
.tableau-d-ip .content .tab .ligne.trois .case_t {
  width: 50%;
}
.tableau-d-ip .content .tab .ligne.trois .case_v {
  width: calc(50% - 1px);
  border-left: 1px solid #fff;
}
.tableau-d-ip .content .tab .ligne.trois .case_v .cases .case {
  width: calc(50% - 1px);
}
.tableau-d-ip .content .tab .ligne.quatre .case_t {
  width: 50%;
}
.tableau-d-ip .content .tab .ligne.quatre .case_v {
  width: calc(50% - 1px);
  border-left: 1px solid #fff;
}
.tableau-d-ip .content .tab .ligne.quatre .case_v .cases .case {
  width: calc(33% - 1px);
}
.tableau-d-ip .content .tab .ligne .case_t p {
  width: calc(100% - 10px*2);
  padding: 0 10px;
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  color: #053B5D;
  margin: 0;
}
.tableau-d-ip .content .tab .ligne .case_v p {
  width: calc(100% - 10px*2);
  padding: 0 10px;
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  color: #053B5D;
  margin: 0;
  text-align: center;
}
.tableau-d-ip .content .tab .ligne .case_v .cases {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
  height: 71px;
  border-bottom: 1px solid #fff;
}
.tableau-d-ip .content .tab .ligne .case_v .cases:last-of-type {
  border-bottom: 0px;
}
.tableau-d-ip .content .tab .ligne .case_v .cases .case {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  height: 100%;
  border-right: 1px solid #fff;
}
.tableau-d-ip .content .tab .ligne .case_v .cases .case:last-of-type {
  border-right: 0;
}
.tableau-d-ip .content .tab .ligne:nth-child(2n+1) {
  background-color: #EAF6FD;
}
.tableau-d-ip .content .tab .ligne:last-of-type {
  border-bottom: 0px;
}
.faq-ip {
  position: relative;
  width: 100%;
  padding: 60px 0;
}
.faq-ip .content {
  position: relative;
}
.faq-ip .content h2 {
  font-family: 'OptimaBold';
  font-size: 32px;
  line-height: 42px;
  color: #4E6674;
  margin: 0 0 20px 0;
  width: 100%;
  border-bottom: 1px solid #4E6674;
}
.faq-ip .content .question {
  position: relative;
  display: block;
  width: 100%;
  background-color: #fff;
  margin: 20px 0;
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
  box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}
.faq-ip .content .question .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: calc(100% - 30px*2);
  padding: 20px 30px;
  cursor: pointer;
}
.faq-ip .content .question .top p {
  width: calc(100% - 30px);
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
  color: #053B5D;
  margin: 0;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.faq-ip .content .question .top span {
  position: relative;
  width: 20px;
  height: 20px;
}
.faq-ip .content .question .top span::after {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  top: calc(50% - 5px/2 - 2px);
  left: calc(50% - 5px/2 - 2px);
  border-left: 2px solid #096EAE;
  border-bottom: 2px solid #096EAE;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.faq-ip .content .question .bottom {
  width: calc(100% - 30px*2);
  padding: 0 30px;
  height: 0;
  overflow: hidden;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.faq-ip .content .question .bottom > div {
  padding: 20px 0;
  border-top: 1px solid #4E6674;
}
.faq-ip .content .question .bottom > div h3,
.faq-ip .content .question .bottom > div h4,
.faq-ip .content .question .bottom > div h5 {
  font-family: 'OptimaBold';
  font-size: 20px;
  line-height: 24px;
  font-weight: unset;
  color: #053B5D;
  margin: 30px 0;
}
.faq-ip .content .question .bottom > div p {
  font-family: 'Roboto';
  font-size: 16px !important;
  line-height: 18px !important;
  color: #4E6674;
  margin: 0 0 20px 0 !important;
}
.faq-ip .content .question .bottom > div p:last-of-type {
  margin: 0 !important;
}
.faq-ip .content .question .bottom > div p i,
.faq-ip .content .question .bottom > div p em,
.faq-ip .content .question .bottom > div p a {
  color: #096EAE;
  font-weight: bold;
  font-style: normal;
}
.faq-ip .content .question .bottom > div p b,
.faq-ip .content .question .bottom > div p strong {
  font-weight: bold;
}
.faq-ip .content .question .bottom > div p a {
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.faq-ip .content .question .bottom > div p a:hover {
  color: #DC131A;
}
.faq-ip .content .question .bottom > div ul {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 18px;
  color: #5F6368;
  margin: 0 0 20px 0 !important;
  padding-left: 30px !important;
}
.faq-ip .content .question .bottom > div ul li {
  list-style-type: disc;
}
.faq-ip .content .question .bottom > div ul:last-of-type {
  margin: 0 !important;
}
.faq-ip .content .question .bottom > div ol {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 18px;
  color: #5F6368;
  margin: 0 0 20px 0 !important;
  padding-left: 30px !important;
}
.faq-ip .content .question .bottom > div ol li {
  list-style-type: decimal;
}
.faq-ip .content .question .bottom > div ol:last-of-type {
  margin: 0 !important;
}
.faq-ip .content .question .bottom > div a {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  color: #096EAE;
  text-decoration: none;
}
.faq-ip .content .question.on .top span::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.text-ip {
  position: relative;
  width: 100%;
  padding: 60px 0;
}
.text-ip.nomarge_top {
  padding-top: 0;
}
.text-ip.nomarge_bottom {
  padding-bottom: 0;
}
.text-ip h1 {
  font-family: 'OptimaBold';
  font-size: 48px;
  line-height: 60px;
  color: #CAD1D5;
  margin: 0 0 20px 0;
}
.text-ip h2 {
  font-family: 'OptimaBold';
  font-size: 32px;
  line-height: 42px;
  color: #CAD1D5;
  margin: 0 0 20px 0;
  width: 100%;
  border-bottom: 1px solid #CAD1D5;
}
.text-ip h3 {
  font-family: 'OptimaBold';
  font-size: 32px;
  line-height: 42px;
  color: #83CBF9;
  margin: 0 0 20px 0;
}
.text-ip h4,
.text-ip h5 {
  font-family: 'OptimaBold';
  font-size: 18px;
  line-height: 22px;
  color: #053B5D;
  margin: 0 0 20px 0;
}
.text-ip p {
  font-family: 'Roboto';
  font-size: 16px !important;
  line-height: 22px !important;
  color: #4E6674;
  margin: 0 0 20px 0 !important;
}
.text-ip p i,
.text-ip p em,
.text-ip p a {
  color: #096EAE;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}
.text-ip p a {
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.text-ip p a:hover {
  color: #DC131A;
}
.text-ip p b,
.text-ip p strong {
  font-weight: bold;
}
.text-ip ul {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #096EAE;
  margin: 0 0 20px 0 !important;
  padding-left: 30px !important;
}
.text-ip ul p {
  margin: 0 0 0 0 !important;
}
.text-ip ul li {
  position: relative;
  list-style-type: none;
  margin: 0 0 10px 0;
}
.text-ip ul li:last-of-type {
  margin: 0 0 0 0;
}
.text-ip ul li::before {
  position: absolute;
  content: '';
  top: 5px;
  left: -20px;
  width: 13px;
  height: 13px;
  background-image: url('../images/sprites.png');
  background-position: -206px -260px;
}
.text-ip ol {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 18px;
  color: #096EAE;
  margin: 0 0 20px 0 !important;
  padding-left: 30px !important;
}
.text-ip ol p {
  margin: 0 0 0 0 !important;
}
.text-ip ol li {
  list-style-type: decimal;
}
.text-ip a {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  color: #096EAE;
  text-decoration: none;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.text-ip a:hover {
  color: #DC131A;
}
.text-ip table {
  border-collapse: collapse;
  width: 100%;
  margin: 0 0 20px 0 !important;
}
.text-ip th,
.text-ip td {
  padding: 5px;
}
.text-ip table,
.text-ip th,
.text-ip td {
  border: 1px solid #CAD1D5;
}
.text-ip table p,
.text-ip th p,
.text-ip td p {
  margin: 0 0 0 0 !important;
}
.actualites-ip {
  position: relative;
  width: 100%;
  padding: 60px 0;
  background-color: #F4FAFE;
}
.actualites-ip .content h1 {
  font-family: 'OptimaBold';
  font-size: 48px;
  line-height: 60px;
  color: #CAD1D5;
  margin: 0 0 50px 0;
  text-align: center;
}
.actualites-ip .content .actu-items {
  position: relative;
  width: 100%;
}
.actualites-ip .content .actu-items .illu-etoile {
  position: absolute;
  width: 200px;
  height: 189px;
  top: -50px;
  right: calc(100% - 20px);
  background-image: url('../images/sprites-illu.png');
  background-position: -702px 0px;
}
.actualites-ip .content .actu-items .actu-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
  height: 235px;
  margin: 0 0 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.actualites-ip .content .actu-items .actu-item .actu-link-m {
  display: none;
}
.actualites-ip .content .actu-items .actu-item .actu-img {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  width: 50%;
  max-width: 352px;
  height: 100%;
  overflow: hidden;
}
.actualites-ip .content .actu-items .actu-item .actu-img img {
  position: absolute;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
}
.actualites-ip .content .actu-items .actu-item .actu-txt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: calc(100% - 352px - 15px*2);
  height: calc(100% - 25px*2);
  padding: 25px 15px;
}
.actualites-ip .content .actu-items .actu-item .actu-txt h2 {
  font-family: 'OptimaBold';
  font-size: 18px;
  line-height: 24px;
  color: #096EAE;
  margin: 0 0 15px;
}
.actualites-ip .content .actu-items .actu-item .actu-txt p {
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 19px;
  color: #4E6674;
  margin: 0;
}
.actualites-ip .content .actu-items .actu-item .actu-txt a.actu-link {
  position: relative;
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 17px;
  color: #03253A;
  font-weight: 600;
  background-color: #fff;
  border: 2px solid #EAF6FD;
  padding: 10px 50px 10px 20px;
  border-radius: 20px;
  box-sizing: content-box;
  text-decoration: none;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.actualites-ip .content .actu-items .actu-item .actu-txt a.actu-link::after {
  position: absolute;
  content: '';
  width: 22px;
  height: 18px;
  top: calc(50% - 18px/2);
  right: 20px;
  background-image: url('../images/sprites.png');
  background-position: -547px -225px;
}
.actualites-ip .content .actu-items .actu-item .actu-txt a.actu-link:hover {
  background-color: #F9B7B7;
  border-color: #DC131A;
  color: #DC131A;
}
.actualites-ip .content .actu-items .actu-item .actu-txt a.actu-link:hover::after {
  background-position: -574px -225px;
}
.hebergements-ip {
  position: relative;
  width: 100%;
  padding: 100px 0;
  background-color: #F4FAFE;
}
.hebergements-ip .content-heb {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: calc(100% - 15px*2);
  max-width: 1120px;
  padding: 0 15px;
  margin: auto;
}
.hebergements-ip .content-heb.cottage {
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
}
.hebergements-ip .content-heb .contentBtn {
  display: none;
}
.hebergements-ip .content-heb .contentSearch {
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
  width: 352px;
  max-height: calc(100vh - 120px);
  z-index: 3;
}
.hebergements-ip .content-heb .contentSearch .navSearch {
  display: none;
}
.hebergements-ip .content-heb .contentSearch .heb-search {
  position: relative;
}
.hebergements-ip .content-heb .contentSearch .heb-search .part {
  position: relative;
  width: 100%;
  margin: 0 0 20px 0;
}
.hebergements-ip .content-heb .contentSearch .heb-search .part p.tPart {
  font-family: 'OptimaMedium';
  font-size: 12px;
  line-height: 24px;
  color: #4E6674;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}
.hebergements-ip .content-heb .contentSearch .heb-search .part select {
  position: relative;
  width: calc(100% - 10px*2 - 2px);
  box-sizing: unset;
  padding: 10px;
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 19px;
  font-weight: bold;
  color: #096EAE;
  border: 1px solid #EAF6FD;
  cursor: pointer;
}
.hebergements-ip .content-heb .heb-items {
  position: relative;
  width: 640px;
  -webkit-transition: height ease .5s;
  -moz-transition: height ease .5s;
  -ms-transition: height ease .5s;
  -o-transition: height ease .5s;
  transition: height ease .5s;
}
.hebergements-ip .content-heb .heb-items p.quartier {
  font-family: 'OptimaBlack';
  font-size: 36px;
  line-height: 28px;
  color: #CAD1D5;
  margin: 50px 0 20px 0;
}
.hebergements-ip .content-heb .heb-items p.quartier:first-of-type {
  margin: 0 0 20px 0;
}
.hebergements-ip .content-heb .heb-items .heb-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
  height: 210px;
  background-color: #fff;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.hebergements-ip .content-heb .heb-items .heb-item .item-link {
  display: none;
}
.hebergements-ip .content-heb .heb-items .heb-item .item-img {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  width: 288px;
  height: 100%;
  overflow: hidden;
  background-color: #eee;
}
.hebergements-ip .content-heb .heb-items .heb-item .item-img img {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
}
.hebergements-ip .content-heb .heb-items .heb-item .item-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: calc(100% - 288px - 15px*2);
  height: calc(100% - 15px*2);
  padding: 15px;
  overflow: hidden;
}
.hebergements-ip .content-heb .heb-items .heb-item .item-txt > div {
  width: 100%;
}
.hebergements-ip .content-heb .heb-items .heb-item .item-txt .item-titre {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
}
.hebergements-ip .content-heb .heb-items .heb-item .item-txt .item-titre.okPMR {
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
}
.hebergements-ip .content-heb .heb-items .heb-item .item-txt .item-titre.okPMR p {
  max-width: calc(100% - 40px);
}
.hebergements-ip .content-heb .heb-items .heb-item .item-txt .item-titre p {
  font-family: 'Roboto';
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin: 0 0 0 0;
  color: #021623;
}
.hebergements-ip .content-heb .heb-items .heb-item .item-txt .item-titre p span:first-of-type {
  margin: 0 2px 0 10px;
}
.hebergements-ip .content-heb .heb-items .heb-item .item-txt .item-desc {
  position: relative;
  width: 100%;
}
.hebergements-ip .content-heb .heb-items .heb-item .item-txt .item-desc > div {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  margin: 8px 0;
}
.hebergements-ip .content-heb .heb-items .heb-item .item-txt .item-desc > div p {
  font-family: 'Roboto';
  font-size: 15px;
  line-height: 18px;
  color: #4E6674;
  margin: 0 15px 0 0;
}
.hebergements-ip .content-heb .heb-items .heb-item .item-txt .item-desc > div p.prix {
  margin: 0 0 0 0;
  color: #096EAE;
}
.hebergements-ip .content-heb .heb-items .heb-item .item-txt .item-desc > div p.prix b {
  font-weight: 700;
}
.hebergements-ip .content-heb .heb-items .heb-item .item-txt .item-desc > div p.picto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  font-weight: 700;
  color: #096EAE;
}
.hebergements-ip .content-heb .heb-items .heb-item .item-txt .item-desc > div p.picto::after {
  position: relative;
  content: '';
  display: inline-block;
  background-image: url('../images/sprites.png');
}
.hebergements-ip .content-heb .heb-items .heb-item .item-txt .item-desc > div p.picto.capacite::after {
  width: 7px;
  height: 20px;
  margin: 0 0 0 5px;
  background-position: -627px -165px;
}
.hebergements-ip .content-heb .heb-items .heb-item .item-txt .item-desc > div p.picto.sdb::after {
  width: 22px;
  height: 20px;
  margin: 0 0 0 5px;
  background-position: -642px -165px;
}
.hebergements-ip .content-heb .heb-items .heb-item .item-txt .item-desc > div p.picto.waf::after {
  width: 20px;
  height: 18px;
  background-position: -669px -165px;
}
.hebergements-ip .content-heb .heb-items .heb-item .item-txt .item-desc > div p.picto.paswaf::after {
  width: 20px;
  height: 18px;
  background-position: -694px -165px;
}
.hebergements-ip .content-heb .heb-items .heb-item .item-txt .item-desc > div p.picto.electricite::after {
  width: 17px;
  height: 22px;
  background-position: -746px -165px;
}
.hebergements-ip .content-heb .heb-items .heb-item .item-txt .item-desc > div p.picto.raccordement::after {
  width: 21px;
  height: 23px;
  background-position: -768px -165px;
}
.hebergements-ip .content-heb .heb-items .heb-item .item-txt .item-desc > div p.picto.evacuation::after {
  width: 22px;
  height: 20px;
  background-position: -794px -165px;
}
.hebergements-ip .content-heb .heb-items .heb-item .item-txt button.open-desc {
  position: relative;
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 17px;
  color: #03253A;
  font-weight: 600;
  background-color: #fff;
  border: 2px solid #EAF6FD;
  padding: 10px 50px 10px 20px;
  border-radius: 20px;
  box-sizing: content-box;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.hebergements-ip .content-heb .heb-items .heb-item .item-txt button.open-desc::after {
  position: absolute;
  content: '';
  width: 22px;
  height: 18px;
  top: calc(50% - 18px/2);
  right: 20px;
  background-image: url('../images/sprites.png');
  background-position: -547px -225px;
}
.hebergements-ip .content-heb .heb-items .heb-item .item-txt button.open-desc:hover {
  background-color: #096EAE;
  border-color: #096EAE;
  color: #fff;
}
.hebergements-ip .content-heb .heb-items .heb-item .item-txt button.open-desc:hover::after {
  background-position: -547px -245px;
}
.timeline-ip {
  position: relative;
  width: 100%;
  padding: 60px 0;
}
.timeline-ip .content h2 {
  font-family: 'OptimaBlack';
  font-size: 120px;
  line-height: 144px;
  color: #CAD1D5;
  margin: 0 0 50px 0;
  text-align: center;
}
.timeline-ip .content .timeline {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: 100%;
}
.timeline-ip .content .timeline::before {
  position: absolute;
  content: '';
  top: 20px;
  left: calc(50% - 1px);
  width: 2px;
  height: calc(100% - 20px*2);
  background-color: #CAD1D5;
  z-index: 1;
}
.timeline-ip .content .timeline::after {
  position: absolute;
  content: '';
  top: 0;
  left: calc(50% - 1px);
  width: 0;
  height: 100%;
  border: 1px dashed #CAD1D5;
  z-index: 2;
}
.timeline-ip .content .timeline .timeline-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
  padding: 60px 0;
  z-index: 3;
}
.timeline-ip .content .timeline .timeline-item .timeline-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  width: 448px;
  height: 299px;
  overflow: hidden;
}
.timeline-ip .content .timeline .timeline-item .timeline-carousel-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  position: relative;
  width: 448px;
}
.timeline-ip .content .timeline .timeline-item .timeline-carousel-content .timeline-carousel {
  position: relative;
  width: 448px;
  height: 299px;
  overflow: hidden;
}
.timeline-ip .content .timeline .timeline-item .timeline-carousel-content .timeline-carousel .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 448px;
  height: 299px;
}
.timeline-ip .content .timeline .timeline-item .timeline-carousel-content .timeline-carousel .item img {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
}
.timeline-ip .content .timeline .timeline-item .timeline-carousel-content .timeline-carousel .owl-stage-outer {
  width: calc(448px);
  margin: auto;
}
.timeline-ip .content .timeline .timeline-item .timeline-carousel-content .timeline-carousel .owl-stage-outer .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
}
.timeline-ip .content .timeline .timeline-item .timeline-carousel-content .timeline-carousel .owl-stage-outer .owl-item {
  float: left;
  width: 100%;
  height: 100%;
}
.timeline-ip .content .timeline .timeline-item .timeline-carousel-content .timeline-nav {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: end;
  z-index: 0;
}
.timeline-ip .content .timeline .timeline-item .timeline-carousel-content .timeline-nav .owl-prev,
.timeline-ip .content .timeline .timeline-item .timeline-carousel-content .timeline-nav .owl-next {
  position: relative;
  width: 54px;
  height: 54px;
  border: 2px solid #C1E5FC;
  border-radius: 29px;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.timeline-ip .content .timeline .timeline-item .timeline-carousel-content .timeline-nav .owl-prev::after,
.timeline-ip .content .timeline .timeline-item .timeline-carousel-content .timeline-nav .owl-next::after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  border-left: 2px solid #021623;
  border-top: 2px solid #021623;
  top: calc(50% - 10px/2 - 2px);
  left: calc(50% - 10px/2 - 2px);
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.timeline-ip .content .timeline .timeline-item .timeline-carousel-content .timeline-nav .owl-prev.disabled,
.timeline-ip .content .timeline .timeline-item .timeline-carousel-content .timeline-nav .owl-next.disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.timeline-ip .content .timeline .timeline-item .timeline-carousel-content .timeline-nav .owl-prev.disabled:hover,
.timeline-ip .content .timeline .timeline-item .timeline-carousel-content .timeline-nav .owl-next.disabled:hover {
  background-color: #fff;
  border-color: #C1E5FC;
}
.timeline-ip .content .timeline .timeline-item .timeline-carousel-content .timeline-nav .owl-prev.disabled:hover::after,
.timeline-ip .content .timeline .timeline-item .timeline-carousel-content .timeline-nav .owl-next.disabled:hover::after {
  border-color: #021623;
}
.timeline-ip .content .timeline .timeline-item .timeline-carousel-content .timeline-nav .owl-prev:hover,
.timeline-ip .content .timeline .timeline-item .timeline-carousel-content .timeline-nav .owl-next:hover {
  background-color: #096EAE;
  border-color: #096EAE;
}
.timeline-ip .content .timeline .timeline-item .timeline-carousel-content .timeline-nav .owl-prev:hover::after,
.timeline-ip .content .timeline .timeline-item .timeline-carousel-content .timeline-nav .owl-next:hover::after {
  border-color: #fff;
}
.timeline-ip .content .timeline .timeline-item .timeline-carousel-content .timeline-nav .owl-prev {
  margin-right: 20px;
}
.timeline-ip .content .timeline .timeline-item .timeline-carousel-content .timeline-nav .owl-prev::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.timeline-ip .content .timeline .timeline-item .timeline-carousel-content .timeline-nav .owl-next::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.timeline-ip .content .timeline .timeline-item .timeline-txt {
  position: relative;
  width: 40%;
  padding: 0 0 0 10%;
}
.timeline-ip .content .timeline .timeline-item .timeline-txt::before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  top: calc(50% - 24px/2);
  left: calc(-24px/2);
  border: 2px solid #CAD1D5;
  border-radius: 24px;
  background-color: #fff;
}
.timeline-ip .content .timeline .timeline-item .timeline-txt p.date {
  font-family: 'OptimaMedium';
  font-size: 24px;
  line-height: 24px;
  color: #03253A;
  margin: 0 0 10px 0;
}
.timeline-ip .content .timeline .timeline-item .timeline-txt p.texte {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 22px;
  color: #4E6674;
  margin: 0;
}
.carte-region {
  position: relative;
  width: 100%;
  padding: 60px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
}
.carte-region .regions {
  position: relative;
  width: 50%;
}
.carte-region .regions .region-items {
  position: relative;
  width: calc(213px*3 + 15px*2 + 5px*2);
  padding: 5px;
  overflow: hidden;
  margin: 0 auto;
}
.carte-region .regions .region-items .owl-stage-outer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.carte-region .regions .region-items .owl-stage-outer .owl-stage {
  height: 100%;
}
.carte-region .regions .region-items .owl-item {
  width: 100%;
  height: 100%;
  float: left;
  opacity: 1;
  z-index: 2;
}
.carte-region .regions .region-items .owl-nav {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  padding: 30px 0 0 0;
  z-index: 0;
}
.carte-region .regions .region-items .owl-nav .owl-prev,
.carte-region .regions .region-items .owl-nav .owl-next {
  position: relative;
  width: 54px;
  height: 54px;
  border: 2px solid #C1E5FC;
  border-radius: 29px;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.carte-region .regions .region-items .owl-nav .owl-prev::after,
.carte-region .regions .region-items .owl-nav .owl-next::after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  border-left: 2px solid #021623;
  border-top: 2px solid #021623;
  top: calc(50% - 10px/2 - 2px);
  left: calc(50% - 10px/2 - 2px);
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.carte-region .regions .region-items .owl-nav .owl-prev.disabled,
.carte-region .regions .region-items .owl-nav .owl-next.disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.carte-region .regions .region-items .owl-nav .owl-prev.disabled:hover,
.carte-region .regions .region-items .owl-nav .owl-next.disabled:hover {
  background-color: #fff;
  border-color: #C1E5FC;
}
.carte-region .regions .region-items .owl-nav .owl-prev.disabled:hover::after,
.carte-region .regions .region-items .owl-nav .owl-next.disabled:hover::after {
  border-color: #021623;
}
.carte-region .regions .region-items .owl-nav .owl-prev:hover,
.carte-region .regions .region-items .owl-nav .owl-next:hover {
  background-color: #096EAE;
  border-color: #096EAE;
}
.carte-region .regions .region-items .owl-nav .owl-prev:hover::after,
.carte-region .regions .region-items .owl-nav .owl-next:hover::after {
  border-color: #fff;
}
.carte-region .regions .region-items .owl-nav .owl-prev {
  margin-right: 20px;
}
.carte-region .regions .region-items .owl-nav .owl-prev::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.carte-region .regions .region-items .owl-nav .owl-next::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.carte-region .regions .region-items .region-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: 213px;
  margin: 0 15px 0 0;
  height: calc(284px*2 + 15px);
}
.carte-region .regions .region-items .region-group .region-item {
  position: relative;
  width: 213px;
  height: 284px;
  border-radius: 3px;
  overflow: hidden;
  cursor: pointer;
  -webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
  -moz-box-shadow: 0 0 0 rgba(0,0,0,0);
  box-shadow: 0 0 0 rgba(0,0,0,0);
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.carte-region .regions .region-items .region-group .region-item .item-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.carte-region .regions .region-items .region-group .region-item .item-img .cache-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent 60%,#03253A);
}
.carte-region .regions .region-items .region-group .region-item .item-txt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: calc(100% - 15px*2);
  height: calc(100% - 15px*2);
  padding: 15px;
  z-index: 3;
  background-color: rgba(3,37,58,0);
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.carte-region .regions .region-items .region-group .region-item .item-txt p.item-titre {
  font-family: 'Roboto';
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  font-weight: 700;
  margin: 0 0 10px;
  text-align: center;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.carte-region .regions .region-items .region-group .region-item .item-txt p.item-km {
  position: relative;
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 19px;
  color: #C1E5FC;
  margin: 0;
  padding: 0 0 0 25px;
  text-align: center;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.carte-region .regions .region-items .region-group .region-item .item-txt p.item-km::before {
  position: absolute;
  content: '';
  left: 0;
  top: calc(50% - 13px/2);
  width: 14px;
  height: 13px;
  background-image: url('../images/sprites.png');
  background-position: -583px -203px;
}
.carte-region .regions .region-items .region-group .region-item a.item-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.carte-region .regions .region-items .region-group .region-item:hover,
.carte-region .regions .region-items .region-group .region-item.active {
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.carte-region .regions .region-items .region-group .region-item:hover .item-txt,
.carte-region .regions .region-items .region-group .region-item.active .item-txt {
  background-color: rgba(3,37,58,0.3);
}
.carte-region .regions .region-items .region-group .region-item:hover .item-txt p.item-titre,
.carte-region .regions .region-items .region-group .region-item.active .item-txt p.item-titre {
  color: #F9B7B7;
}
.carte-region .contentBtn {
  display: none;
}
.carte-region .contentMap {
  position: relative;
  width: calc(100% - 213px*3 - 15px*3);
  max-width: 50%;
  height: calc(100vh - 80px);
  z-index: 1;
}
.carte-region .contentMap .navMap {
  display: none;
}
.carte-region .contentMap .mapRegion {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #EAF6FD;
  z-index: 1;
}
.carte-region .contentMap .region-items-m {
  display: none;
}
.sitemap-ip {
  position: relative;
  width: 100%;
  padding: 60px 0;
}
.sitemap-ip .content {
  position: relative;
  width: calc(100% - 15px*2);
  max-width: 1120px;
  margin: auto;
}
.sitemap-ip .content p {
  font-family: 'OptimaMedium';
  font-size: 20px;
  color: #053B5D;
  margin: 0 0 10px 0;
}
.sitemap-ip .content p a {
  text-decoration: none;
  margin: 0;
  color: #096EAE;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.sitemap-ip .content p a:hover {
  color: #DC131A;
}
.sitemap-ip .content ul {
  margin: 0 0 20px 0;
}
.sitemap-ip .content ul li {
  list-style-type: disc;
  list-style-position: inside;
  margin: 0 0 5px 0;
}
.sitemap-ip .content ul li a {
  text-decoration: none;
  margin: 0;
  font-family: 'Roboto';
  font-size: 16px;
  color: #096EAE;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.sitemap-ip .content ul li a:hover {
  color: #DC131A;
}
.sitemap-ip .content ul ul {
  margin: 0 0 0 20px;
}
.sitemap-ip .content ul ul li {
  list-style-type: circle;
}
.insta-info {
  position: relative;
  width: 100%;
  padding: 60px 0;
}
.insta-info .insta-titre {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
  height: 24px;
  margin: 0 auto;
}
.insta-info .insta-titre::before,
.insta-info .insta-titre::after {
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  height: 8px;
  background-color: #096EAE;
  z-index: 0;
}
.insta-info .insta-titre::before {
  top: 0;
}
.insta-info .insta-titre::after {
  bottom: 0;
}
.insta-info .insta-titre p {
  position: relative;
  z-index: 1;
  display: inline-block;
  font-family: 'OptimaSemiBold';
  font-size: 36px;
  line-height: 36px;
  color: #CAD1D5;
  text-align: center;
  background-color: #fff;
  padding: 0 50px;
}
.insta-info .footer-social {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  padding: 50px 0;
  width: 100%;
}
.insta-info .footer-social a {
  position: relative;
  margin: 0 20px;
  background-image: url('../images/sprites.png');
  background-position-y: 0;
}
.insta-info .footer-social a.fb {
  width: 10px;
  height: 20px;
  background-position-x: -581px;
}
.insta-info .footer-social a.tw {
  width: 21px;
  height: 17px;
  background-position-x: -621px;
}
.insta-info .footer-social a.ig {
  width: 20px;
  height: 20px;
  background-position-x: -596px;
}
.insta-info .footer-social a.yt {
  width: 20px;
  height: 14px;
  background-position-x: -647px;
}
.insta-info .footer-social a:hover {
  background-position-y: -125px;
}
.insta-info .content .insta-tiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
}
.insta-info .content .insta-tiles .tile {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  width: 160px;
  height: 160px;
  background-color: #fff;
  overflow: hidden;
}
.insta-info .content .insta-tiles .tile img {
  width: 100%;
  height: auto;
}
.insta-info .content .insta-tiles .tile .ig_url {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.insta-info .content .insta-tiles .tile .tile_item {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(9,110,174,0.4);
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.insta-info .content .insta-tiles .tile .tile_item .like,
.insta-info .content .insta-tiles .tile .tile_item .comment {
  position: relative;
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 5px rgba(0,0,0,0.4);
}
.insta-info .content .insta-tiles .tile .tile_item .like::before,
.insta-info .content .insta-tiles .tile .tile_item .comment::before {
  position: absolute;
  content: '';
  left: 0;
  background-image: url('../images/sprites.png');
}
.insta-info .content .insta-tiles .tile .tile_item .like {
  padding: 0 20px;
}
.insta-info .content .insta-tiles .tile .tile_item .like::before {
  top: calc(50% - 13px/2);
  width: 14px;
  height: 13px;
  background-position: -633px -225px;
}
.insta-info .content .insta-tiles .tile .tile_item .comment {
  padding: 0 0 0 20px;
}
.insta-info .content .insta-tiles .tile .tile_item .comment::before {
  top: calc(50% - 15px/2);
  width: 15px;
  height: 15px;
  background-position: -651px -225px;
}
.insta-info .content .insta-tiles .tile:hover .tile_item {
  opacity: 1;
  visibility: visible;
}
footer.footer {
  position: relative;
  margin: 50px auto 0;
}
footer.footer .headFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  position: relative;
  width: 100%;
}
footer.footer .headFooter .logoFooter {
  display: block;
  width: 160px;
  height: 160px;
  background-image: url('../images/sprites.png');
  background-position: -256px 0;
  z-index: 3;
}
footer.footer .headFooter svg {
  position: absolute;
  width: 100%;
  z-index: -1;
}
footer.footer .headFooter svg.light {
  bottom: 5%;
}
footer.footer .headFooter svg.light rect,
footer.footer .headFooter svg.light path {
  fill: #C1E5FC;
}
footer.footer .headFooter svg.dark {
  bottom: -1px;
}
footer.footer .headFooter svg.dark rect,
footer.footer .headFooter svg.dark path {
  fill: #03253A;
}
footer.footer .topFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: 100%;
  padding: 0 0 60px;
  background-color: #03253A;
}
footer.footer .topFooter .contentLogos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
}
footer.footer .topFooter .contentLogos .yellohV {
  display: block;
  width: 120px;
  height: 56px;
  margin-right: 20px;
  background-image: url('../images/sprites.png');
  background-position: -361px -206px;
}
footer.footer .topFooter .contentLogos .leadingC {
  display: block;
  width: 187px;
  height: 60px;
  background-image: url('../images/sprites.png');
  background-position: -391px -265px;
}
footer.footer .topFooter .contentFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  padding: 60px 0 0;
}
footer.footer .topFooter .contentFooter .content {
  width: 40%;
}
footer.footer .topFooter .contentFooter .content.c-1 p {
  color: #EAF6FD;
}
footer.footer .topFooter .contentFooter .content.c-2 p {
  color: #CAD1D5;
}
footer.footer .topFooter .contentFooter p {
  font-family: 'OptimaMedium';
  font-size: 18px;
  line-height: 20px;
  color: #fff;
  margin-bottom: 20px;
}
footer.footer .topFooter .contentFooter ul li {
  position: relative;
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 18px;
  color: #EAF6FD;
  padding: 5px 0 5px 35px;
}
footer.footer .topFooter .contentFooter ul li::before {
  position: absolute;
  content: '';
  background-image: url('../images/sprites.png');
  background-position-y: -25px;
}
footer.footer .topFooter .contentFooter ul li.adresse::before {
  left: 3px;
  top: calc(50% - 20px/2);
  width: 14px;
  height: 20px;
  background-position-x: -672px;
}
footer.footer .topFooter .contentFooter ul li.mail::before {
  left: 0;
  top: calc(50% - 16px/2);
  width: 20px;
  height: 16px;
  background-position-x: -710px;
}
footer.footer .topFooter .contentFooter ul li.telephone::before {
  left: 3px;
  top: calc(50% - 22px/2);
  width: 14px;
  height: 22px;
  background-position-x: -691px;
}
footer.footer .topFooter .contentFooter .footer-social {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-lines: multiple;
  width: 100%;
}
footer.footer .topFooter .contentFooter .footer-social a {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 56px;
  background-color: #053B5D;
  margin: 7px;
  border-radius: 28px;
}
footer.footer .topFooter .contentFooter .footer-social a::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #F9B7B7;
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
footer.footer .topFooter .contentFooter .footer-social a::after {
  position: absolute;
  content: '';
  background-image: url('../images/sprites.png');
  background-position-y: -25px;
}
footer.footer .topFooter .contentFooter .footer-social a.fb::after {
  left: calc(50% - 10px/2);
  top: calc(50% - 20px/2);
  width: 10px;
  height: 20px;
  background-position-x: -581px;
}
footer.footer .topFooter .contentFooter .footer-social a.tw::after {
  left: calc(50% - 21px/2);
  top: calc(50% - 17px/2);
  width: 21px;
  height: 17px;
  background-position-x: -621px;
}
footer.footer .topFooter .contentFooter .footer-social a.ig::after {
  left: calc(50% - 20px/2);
  top: calc(50% - 20px/2);
  width: 20px;
  height: 20px;
  background-position-x: -596px;
}
footer.footer .topFooter .contentFooter .footer-social a.yt::after {
  left: calc(50% - 20px/2);
  top: calc(50% - 14px/2);
  width: 20px;
  height: 14px;
  background-position-x: -647px;
}
footer.footer .topFooter .contentFooter .footer-social a:hover::before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
footer.footer .topFooter .contentFooter .footer-social a:hover::after {
  background-position-y: -125px;
}
footer.footer .copyFooter {
  position: relative;
  width: 100%;
  height: 70px;
  background-color: #021623;
}
footer.footer .copyFooter .container-928 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  height: 100%;
}
footer.footer .copyFooter p {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-lines: multiple;
  font-family: 'Roboto';
  color: #fff;
  font-size: 12px;
  z-index: 2;
  text-align: center;
}
footer.footer .copyFooter p a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  color: #fff;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
footer.footer .copyFooter p a:hover {
  color: #F9B7B7;
}
footer.footer .copyFooter p a span.iconIP {
  display: inline-block;
  width: 31px;
  height: 32px;
  background-image: url('../images/sprites.png');
  background-position: -152px -260px;
  margin: 0 10px;
}
footer.footer .copyFooter .menu-f {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
}
footer.footer .copyFooter .menu-f li a {
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 17px;
  color: #fff;
  margin: 0 0 0 20px;
  text-decoration: none;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
footer.footer .copyFooter .menu-f li a:hover {
  color: #F9B7B7;
}
footer.footer .copyFooter .menu-f li:first-of-type a {
  margin: 0 0 0 0;
}
.tggl-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: calc(100% - 15px*2);
  height: 16px;
  padding: 15px;
  border-bottom: 1px solid #EAF6FD;
  background-color: #fff;
  box-sizing: unset;
}
.tggl-label:last-of-type {
  border-bottom: 0px;
}
.tggl-label input.tggl-input {
  display: none;
}
.tggl-label p {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 17px;
  color: #4E6674;
  -webkit-transition: all ease .3;
  -moz-transition: all ease .3;
  -ms-transition: all ease .3;
  -o-transition: all ease .3;
  transition: all ease .3;
}
.tggl-label p[class] {
  padding-left: 30px;
}
.tggl-label p[class]::before {
  position: absolute;
  content: '';
  left: 0;
  background-image: url('../images/sprites.png');
}
.tggl-label .tggl-input:checked ~ p {
  color: #096EAE;
  font-weight: bold;
}
.tggl-label .tggl-switch {
  position: relative;
  width: 34px;
  height: 14px;
  background-color: #C1E5FC;
  border-radius: 14px;
  cursor: pointer;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.tggl-label .tggl-switch::before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  top: calc(50% - 20px/2);
  left: -5px;
  border-radius: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.tggl-label .tggl-input:checked ~ .tggl-switch::before {
  left: calc(100% - 15px);
  background-color: #096EAE;
}
.p_pmr {
  position: relative;
  width: 36px;
  height: 36px;
  background-image: url('../images/sprites.png');
  background-position: -660px -250px;
}
.p_fleur {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 2px;
  background-image: url('../images/sprites.png');
  background-position: -560px -203px;
}
.p_premium {
  position: relative;
  display: inline-block;
  width: 75px;
  height: 18px;
  margin-right: 2px;
  background-image: url('../images/sprites.png');
  background-position: -547px -165px;
}
.p_insolite {
  position: relative;
  display: inline-block;
  width: 62px;
  height: 18px;
  margin-right: 2px;
  background-image: url('../images/sprites.png');
  background-position: -591px -250px;
}
.window-right {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.window-right.t-432 {
  right: -432px;
  max-width: 432px;
}
.window-right.t-736 {
  right: -736px;
  max-width: 736px;
}
.window-right.open {
  opacity: 1;
  visibility: visible;
  right: 0;
}
.window-right.open .close_cache {
  width: 100%;
}
.window-right.w_foot .container {
  height: calc(100% - 84px - 50px);
  padding: 84px 0 50px;
}
.window-right .close_cache {
  position: fixed;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
  cursor: pointer;
  z-index: 1;
}
.window-right .container {
  position: relative;
  width: 100%;
  height: calc(100% - 80px);
  padding: 80px 0 0;
  overflow: hidden;
  background-color: #fff;
  z-index: 2;
}
.window-right .container nav {
  position: absolute;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  top: 0;
  left: 0;
  width: calc(100%);
  height: 80px;
  padding: 0;
  background-color: #fff;
}
.window-right .container nav .close_w {
  position: relative;
  width: 80px;
  height: 100%;
  cursor: pointer;
}
.window-right .container nav .close_w::before {
  position: absolute;
  content: '';
  top: calc(50% - 50px/2);
  left: calc(50% - 50px/2);
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-color: #F9B7B7;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.window-right .container nav .close_w::after {
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
  left: calc(50% - 16px/2);
  top: calc(50% - 16px/2);
  background-image: url('../images/sprites.png');
  background-position: -187px -276px;
}
.window-right .container nav .close_w:hover::before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.window-right .container nav .close_w:hover::after {
  background-position: -227px -276px;
}
.window-right .container nav .w_titre {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
}
.window-right .container nav .w_titre p {
  font-family: 'OptimaBold';
  font-size: 20px;
  line-height: 24px;
  color: #000;
  margin: 0 10px;
  max-width: calc(100% - 70px);
}
.window-right .container nav .w_titre .p_premium {
  margin-top: -4px;
}
.window-right .container nav .w_titre .p_pmr {
  position: absolute;
  right: 20px;
}
.window-right .container .content {
  position: relative;
  z-index: 1;
  max-height: calc(100% - 40px);
  overflow: auto;
  padding: 0 20px 40px;
}
.window-right .container #postContent {
  position: relative;
  width: 100%;
  padding: 0;
}
.window-right .container #postContent .options {
  position: relative;
  width: 100%;
  max-width: 544px;
  margin: 50px auto 0;
}
.window-right .container #postContent .options p.opt_titre {
  font-family: 'OptimaMedium';
  font-size: 20px;
  line-height: 24px;
  color: #096EAE;
  margin: 0 0 20px 0;
}
.window-right .container #postContent .options a.opt_t {
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 17px;
  color: #096EAE;
  margin: 0;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.window-right .container #postContent .options a.opt_t:hover {
  color: #DC131A;
}
.window-right .container #postContent .options .toggle-options {
  position: relative;
  width: 100%;
  height: calc(140px*2 + 15px*2);
  overflow: hidden;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.window-right .container #postContent .options .toggle-options .all-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-lines: multiple;
  width: 100%;
}
.window-right .container #postContent .options .toggle-options .all-options .option {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: calc(192px - 10px*2 - 2px);
  height: calc(140px - 10px*2 - 2px);
  padding: 10px;
  background-color: #F4FAFE;
  border: 2px solid #EAF6FD;
  border-radius: 5px;
  margin: 0 15px 15px 0;
}
.window-right .container #postContent .options .toggle-options .all-options .option .opt_picto {
  position: relative;
  width: 100%;
  height: 30px;
}
.window-right .container #postContent .options .toggle-options .all-options .option .opt_picto > div {
  position: relative;
  display: block;
  background-image: url('../images/sprites.png');
  background-position-y: -194px;
}
.window-right .container #postContent .options .toggle-options .all-options .option .opt_picto > div.assurance {
  width: 22px;
  height: 22px;
  background-position-x: -794px;
}
.window-right .container #postContent .options .toggle-options .all-options .option .opt_picto > div.serviette {
  width: 20px;
  height: 22px;
  background-position-x: -648px;
}
.window-right .container #postContent .options .toggle-options .all-options .option .opt_picto > div.lit_bebe {
  width: 22px;
  height: 24px;
  background-position-x: -671px;
}
.window-right .container #postContent .options .toggle-options .all-options .option .opt_picto > div.television {
  width: 22px;
  height: 18px;
  background-position-x: -696px;
}
.window-right .container #postContent .options .toggle-options .all-options .option .opt_picto > div.frais {
  width: 18px;
  height: 18px;
  background-position-x: -627px;
}
.window-right .container #postContent .options .toggle-options .all-options .option .opt_picto > div.wifi {
  width: 22px;
  height: 16px;
  background-position-x: -721px;
}
.window-right .container #postContent .options .toggle-options .all-options .option .opt_picto > div.lit {
  width: 20px;
  height: 14px;
  background-position-x: -746px;
}
.window-right .container #postContent .options .toggle-options .all-options .option .opt_picto > div.menage {
  width: 22px;
  height: 24px;
  background-position-x: -769px;
}
.window-right .container #postContent .options .toggle-options .all-options .option .opt_picto > div.choix {
  width: 22px;
  height: 22px;
  background-position-x: -819px;
}
.window-right .container #postContent .options .toggle-options .all-options .option .opt_picto > div.animal {
  width: 20px;
  height: 18px;
  background-position-x: -844px;
}
.window-right .container #postContent .options .toggle-options .all-options .option p {
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 18px;
  color: #4E6674;
  margin: 0;
}
.window-right .container #postContent .options .toggle-options .all-options .option p.opt_prix {
  color: #096EAE;
  font-weight: 600;
}
.window-right .container #postContent .options .toggle-options .all-options .option p.nota_bene {
  font-size: 12px;
  line-height: 12px;
}
.window-right .container #postContent .photo_plan {
  position: relative;
  width: 100%;
  max-width: 544px;
  margin: 0 auto;
}
.window-right .container #postContent .photo_plan .toggle-div {
  position: relative;
  width: 100%;
  height: 363px;
  max-width: 544px;
  overflow: hidden;
}
.window-right .container #postContent .buttons_t {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  height: 48px;
  max-width: 544px;
  margin: 0 auto;
}
.window-right .container #postContent .buttons_t button {
  position: relative;
  width: 50%;
  border: 0;
  padding: 0;
  height: 100%;
  color: #fff;
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  background-color: #83CBF9;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.window-right .container #postContent .buttons_t button.on {
  background-color: #096EAE;
}
.window-right .container #postContent .buttons_t button:hover {
  background-color: #DC131A;
}
.window-right .container #postContent .plan {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  overflow: hidden;
}
.window-right .container #postContent .t {
  height: 0;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.window-right .container #postContent .t.on {
  height: 100%;
}
.window-right .container #postContent .carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.window-right .container #postContent .carousel .owl-dots {
  display: none;
}
.window-right .container #postContent .carousel .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
}
.window-right .container #postContent .carousel .owl-nav .owl-prev,
.window-right .container #postContent .carousel .owl-nav .owl-next {
  position: absolute;
  width: 54px;
  height: 54px;
  border: 2px solid #C1E5FC;
  border-radius: 29px;
  background-color: #fff;
  top: -29px;
  cursor: pointer;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.window-right .container #postContent .carousel .owl-nav .owl-prev::after,
.window-right .container #postContent .carousel .owl-nav .owl-next::after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  border-left: 2px solid #021623;
  border-top: 2px solid #021623;
  top: calc(50% - 10px/2 - 2px);
  left: calc(50% - 10px/2 - 2px);
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.window-right .container #postContent .carousel .owl-nav .owl-prev.disabled,
.window-right .container #postContent .carousel .owl-nav .owl-next.disabled {
  cursor: not-allowed;
  opacity: 0;
  visibility: hidden;
}
.window-right .container #postContent .carousel .owl-nav .owl-prev:hover,
.window-right .container #postContent .carousel .owl-nav .owl-next:hover {
  background-color: #096EAE;
  border-color: #096EAE;
}
.window-right .container #postContent .carousel .owl-nav .owl-prev:hover::after,
.window-right .container #postContent .carousel .owl-nav .owl-next:hover::after {
  border-color: #fff;
}
.window-right .container #postContent .carousel .owl-nav .owl-prev {
  left: 15px;
}
.window-right .container #postContent .carousel .owl-nav .owl-prev::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.window-right .container #postContent .carousel .owl-nav .owl-next {
  right: 15px;
}
.window-right .container #postContent .carousel .owl-nav .owl-next::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.window-right .container #postContent .carousel .owl-stage-outer {
  width: 100%;
  overflow: hidden;
}
.window-right .container #postContent .carousel .owl-item {
  float: left;
  opacity: 0.3;
}
.window-right .container #postContent .carousel .owl-item.active {
  opacity: 1;
}
.window-right .container #postContent .carousel .owl-item .int_diapo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  height: 363px;
  margin: auto;
  overflow: hidden;
  background-color: #eee;
}
.window-right .container #postContent .carousel .owl-item .int_diapo.thelisimg img {
  max-width: 544px;
  height: auto;
}
.window-right .container #postContent .titre-heb {
  display: none;
  position: relative;
  width: 100%;
  max-width: 544px;
  margin: 20px auto;
}
.window-right .container #postContent .titre-heb p {
  font-family: 'OptimaBold';
  font-size: 20px;
  line-height: 24px;
  color: #000;
  margin: 0 10px 0 0;
}
.window-right .container #postContent .titre-heb .p_premium {
  margin-top: -4px;
}
.window-right .container #postContent .pictos {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-lines: multiple;
  width: 100%;
  max-width: 544px;
  margin: 20px auto;
}
.window-right .container #postContent .pictos p {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 50%;
  padding: 5px 0;
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 19px;
  color: #096EAE;
  font-weight: 600;
}
.window-right .container #postContent .pictos p span.picto {
  position: relative;
  display: inline-block;
  margin: 0 10px 0 0;
  background-image: url('../images/sprites.png');
}
.window-right .container #postContent .pictos p span.picto.surface {
  width: 22px;
  height: 18px;
  background-position: -719px -165px;
}
.window-right .container #postContent .pictos p span.picto.chambre {
  width: 18px;
  height: 18px;
  background-position: -821px -165px;
}
.window-right .container #postContent .pictos p span.picto.capacite {
  width: 7px;
  height: 20px;
  background-position: -627px -165px;
}
.window-right .container #postContent .pictos p span.picto.sdb {
  width: 22px;
  height: 20px;
  background-position: -642px -165px;
}
.window-right .container #postContent .pictos p span.picto.waf {
  width: 20px;
  height: 18px;
  background-position: -669px -165px;
}
.window-right .container #postContent .pictos p span.picto.paswaf {
  width: 20px;
  height: 18px;
  background-position: -694px -165px;
}
.window-right .container #postContent .pictos p span.picto.electricite {
  width: 17px;
  height: 22px;
  background-position: -746px -165px;
}
.window-right .container #postContent .pictos p span.picto.raccordement {
  width: 21px;
  height: 23px;
  background-position: -768px -165px;
}
.window-right .container #postContent .pictos p span.picto.evacuation {
  width: 22px;
  height: 20px;
  background-position: -794px -165px;
}
.window-right .container #postContent .contentResa {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  padding: 10px 0;
}
.window-right .container #postContent .contentResa .openResa {
  position: relative;
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 0;
  letter-spacing: 1px;
  font-weight: 700;
  background-color: #096EAE;
  color: #fff;
  padding: 23px 29px 23px 59px;
  text-decoration: none;
  border-radius: 24px;
  border: 1px solid #096EAE;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.window-right .container #postContent .contentResa .openResa::before {
  position: absolute;
  content: '';
  left: 20px;
  top: calc(50% - 23px/2);
  width: 20px;
  height: 23px;
  background-image: url('../images/sprites.png');
  background-position: -817px -75px;
}
.window-right .container #postContent .contentResa .openResa:hover {
  background-color: #fff;
  border-color: #C1E5FC;
  color: #021623;
}
.window-right .container #postContent .contentResa .openResa:hover::before {
  background-position: -817px 0px;
}
.window-right .container #postContent .part {
  position: relative;
  padding-top: 20px;
  max-width: 544px;
  margin: auto;
}
.window-right .container #postContent .part h2 {
  font-family: 'OptimaMedium';
  font-size: 18px;
  line-height: 24px;
  color: #03253A;
  margin: 0 0 20px 0;
}
.window-right .container #postContent .part h3 {
  font-family: 'OptimaMedium';
  font-size: 20px;
  line-height: 24px;
  color: #4E6674;
  margin: 0 0 20px 0;
  width: 100%;
  text-transform: uppercase;
  border-bottom: 1px solid #CAD1D5;
}
.window-right .container #postContent .part h4,
.window-right .container #postContent .part h5 {
  font-family: 'OptimaBold';
  font-size: 18px;
  line-height: 22px;
  color: #053B5D;
  margin: 0 0 20px 0;
}
.window-right .container #postContent .part p {
  font-family: 'Roboto';
  font-size: 16px !important;
  line-height: 22px !important;
  color: #4E6674;
  margin: 0 0 20px 0 !important;
}
.window-right .container #postContent .part p:last-of-type {
  margin: 0 !important;
}
.window-right .container #postContent .part p i,
.window-right .container #postContent .part p em {
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
  text-decoration: none;
}
.window-right .container #postContent .part p b,
.window-right .container #postContent .part p strong {
  font-weight: bold;
}
.window-right .container #postContent .part ul {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #4E6674;
  margin: 0 0 20px 0 !important;
  padding-left: 30px !important;
}
.window-right .container #postContent .part ul li {
  position: relative;
  list-style-type: none;
  margin: 0 0 10px 0;
}
.window-right .container #postContent .part ul li:last-of-type {
  margin: 0 0 0 0;
}
.window-right .container #postContent .part ul li::before {
  position: absolute;
  content: '';
  top: 5px;
  left: -20px;
  width: 13px;
  height: 13px;
  background-image: url('../images/sprites.png');
  background-position: -206px -260px;
}
.window-right .container #postContent .part ol {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 18px;
  color: #4E6674;
  margin: 0 0 20px 0 !important;
  padding-left: 30px !important;
}
.window-right .container #postContent .part ol li {
  list-style-type: decimal;
}
.window-right .container #postContent .part a {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  color: #096EAE;
  text-decoration: none;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.window-right .container #postContent .part a:hover {
  color: #DC131A;
}
.window-right .container #postContent .part.tarifs {
  max-width: 100%;
}
.window-right .container #postContent .part.tarifs h3 {
  max-width: 544px;
  margin: 0 auto 30px;
}
.window-right .container #postContent .part.tarifs p {
  font-family: 'Roboto';
  font-size: 16px;
  margin: 0 0 20px;
}
.window-right .container #postContent .part.tarifs p b {
  color: #096EAE;
  font-weight: 700;
}
.window-right .container footer.bottom_w {
  position: absolute;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-around;
  -webkit-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
}
.window-right .container footer.bottom_w a {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
}
.window-right .container footer.bottom_w a.unset_filter,
.window-right .container footer.bottom_w a.unset_filter_region {
  color: #5F6368;
}
.window-right .container footer.bottom_w a.apply_filter,
.window-right .container footer.bottom_w a.apply_filter_region {
  color: #CAD1D5;
}
.window-right .container.empty .content {
  height: 100%;
  max-height: 100%;
  padding: 0;
}
.window-right .container.empty .content #postIPContent {
  position: relative;
  width: 100%;
}
.window-right .container .tggl-ria {
  position: relative;
  width: 100%;
  max-width: 544px;
  margin: 0 auto 30px;
}
.window-right .container .tggl-ria .tggl-label {
  width: calc(35% - 15px*2);
}
.window-right .container .encart_1,
.window-right .container .encart_2 {
  display: block;
  width: 100%;
  height: 420px;
  visibility: visible;
  opacity: 1;
  overflow: hidden;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.window-right .container .encart_1.off,
.window-right .container .encart_2.off {
  height: 0px;
  visibility: hidden;
  opacity: 0;
}
.window-right .container #resa_modul {
  width: 100%;
  height: 400px;
  padding: 20px 0;
  background-color: #F4FAFE;
}
.window-right .container .window-loader {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.6);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
}
.window-right .container .window-loader .loader-circular {
  width: 100px;
  height: 100px;
  animation: rotate 2s linear infinite;
  transform-origin: center center;
}
.window-right .container .window-loader .loader-circular > .elipse {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}
.window-right .container .window-loader.on {
  opacity: 1;
  visibility: visible;
}
.linkWaw {
  position: relative;
  display: inline-block;
  font-family: 'Roboto';
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  color: #021623;
  padding: 2px 10px;
  text-decoration: none;
  z-index: 1;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.linkWaw::before {
  position: absolute;
  z-index: -1;
  content: '';
  bottom: 0;
  right: 0;
  width: 100%;
  height: 50%;
  background-color: #EAF6FD;
  -webkit-transition: all ease .3s .2s;
  -moz-transition: all ease .3s .2s;
  -ms-transition: all ease .3s .2s;
  -o-transition: all ease .3s .2s;
  transition: all ease .3s .2s;
}
.linkWaw::after {
  position: absolute;
  z-index: -1;
  content: '';
  bottom: 0;
  left: 0;
  width: 0;
  height: 50%;
  background-color: #F9B7B7;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.linkWaw.white::before {
  background-color: #fff;
}
.linkWaw.invert {
  color: #fff;
}
.linkWaw.invert::before {
  background-color: #096EAE;
}
.linkWaw:hover {
  color: #DC131A;
}
.linkWaw:hover::before {
  width: 0;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.linkWaw:hover::after {
  width: 100%;
  -webkit-transition: all ease .3s .2s;
  -moz-transition: all ease .3s .2s;
  -ms-transition: all ease .3s .2s;
  -o-transition: all ease .3s .2s;
  transition: all ease .3s .2s;
}
.linkLine {
  position: relative;
  display: inline-block;
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  color: #021623;
  padding: 0 0 0 50px;
  text-decoration: none;
  z-index: 1;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.linkLine.white {
  color: #fff;
}
.linkLine::before {
  position: absolute;
  content: '';
  left: 0;
  top: calc(50% - 2px/2);
  width: 32px;
  height: 2px;
  background-color: #fff;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.linkLine:hover {
  color: #DC131A;
}
.linkLine:hover::before {
  background-color: #F9B7B7;
}
.linkImg {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-align: end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  text-decoration: none;
}
.linkImg .c_img {
  position: relative;
}
.linkImg .c_img img {
  position: relative;
  z-index: 1;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-transform: scale(1) rotate(0);
  -moz-transform: scale(1) rotate(0);
  -ms-transform: scale(1) rotate(0);
  -o-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
}
.linkImg .c_img::before {
  position: absolute;
  content: '';
  width: 100%;
  height: calc(100% - 16px);
  top: 8px;
  background-image: url('../images/mariniere.png');
  background-repeat: repeat;
  z-index: 0;
}
.linkImg .c_img.l::before {
  left: -16px;
}
.linkImg .c_img.r::before {
  left: 16px;
}
.linkImg p {
  position: relative;
  display: inline-block;
  font-family: 'Roboto';
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  color: #021623;
  padding: 2px 10px;
  margin: 5px 0 0;
  z-index: 1;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.linkImg p::before {
  position: absolute;
  z-index: -1;
  content: '';
  bottom: 0;
  right: 0;
  width: 100%;
  height: 50%;
  background-color: #EAF6FD;
  -webkit-transition: all ease .3s .2s;
  -moz-transition: all ease .3s .2s;
  -ms-transition: all ease .3s .2s;
  -o-transition: all ease .3s .2s;
  transition: all ease .3s .2s;
}
.linkImg p::after {
  position: absolute;
  z-index: -1;
  content: '';
  bottom: 0;
  left: 0;
  width: 0;
  height: 50%;
  background-color: #F9B7B7;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.linkImg.white p::before {
  background-color: #fff;
}
.linkImg:hover .c_img img {
  -webkit-transform: scale(1.1) rotate(-4deg);
  -moz-transform: scale(1.1) rotate(-4deg);
  -ms-transform: scale(1.1) rotate(-4deg);
  -o-transform: scale(1.1) rotate(-4deg);
  transform: scale(1.1) rotate(-4deg);
}
.linkImg:hover p {
  color: #DC131A;
}
.linkImg:hover p::before {
  width: 0;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.linkImg:hover p::after {
  width: 100%;
  -webkit-transition: all ease .3s .2s;
  -moz-transition: all ease .3s .2s;
  -ms-transition: all ease .3s .2s;
  -o-transition: all ease .3s .2s;
  transition: all ease .3s .2s;
}
.product-image-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  display: none;
  margin: 0 !important;
}
.product-image-overlay .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  position: relative;
  max-width: 1440px;
  width: calc(100% - 30px*2);
  height: 100%;
  margin: 0 auto;
}
.product-image-overlay .swiper-wrapper .owl-stage-outer {
  width: 100%;
  overflow: hidden;
}
.product-image-overlay .swiper-wrapper .owl-stage-outer .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
}
.product-image-overlay .swiper-wrapper .owl-stage-outer .owl-item {
  float: left;
  width: 100%;
  height: 100%;
}
.product-image-overlay .swiper-wrapper .owl-stage-outer .owl-item .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  width: 100%;
  height: 100%;
}
.product-image-overlay .swiper-wrapper .owl-stage-outer .owl-item .swiper-slide img {
  width: auto;
  height: auto;
  max-width: 95%;
  max-height: 100%;
}
.product-image-overlay .swiper-wrapper .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
}
.product-image-overlay .swiper-wrapper .owl-nav .owl-prev,
.product-image-overlay .swiper-wrapper .owl-nav .owl-next {
  position: absolute;
  width: 54px;
  height: 54px;
  border: 2px solid #C1E5FC;
  border-radius: 29px;
  background-color: #fff;
  top: -29px;
  cursor: pointer;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.product-image-overlay .swiper-wrapper .owl-nav .owl-prev::after,
.product-image-overlay .swiper-wrapper .owl-nav .owl-next::after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  border-left: 2px solid #021623;
  border-top: 2px solid #021623;
  top: calc(50% - 10px/2 - 2px);
  left: calc(50% - 10px/2 - 2px);
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
.product-image-overlay .swiper-wrapper .owl-nav .owl-prev.disabled,
.product-image-overlay .swiper-wrapper .owl-nav .owl-next.disabled {
  cursor: not-allowed;
  opacity: 0;
  visibility: hidden;
}
.product-image-overlay .swiper-wrapper .owl-nav .owl-prev:hover,
.product-image-overlay .swiper-wrapper .owl-nav .owl-next:hover {
  background-color: #096EAE;
  border-color: #096EAE;
}
.product-image-overlay .swiper-wrapper .owl-nav .owl-prev:hover::after,
.product-image-overlay .swiper-wrapper .owl-nav .owl-next:hover::after {
  border-color: #fff;
}
.product-image-overlay .swiper-wrapper .owl-nav .owl-prev {
  left: -40px;
}
.product-image-overlay .swiper-wrapper .owl-nav .owl-prev::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.product-image-overlay .swiper-wrapper .owl-nav .owl-next {
  right: -40px;
}
.product-image-overlay .swiper-wrapper .owl-nav .owl-next::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.close_diapo,
.quick-box span.close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 48px;
  height: 48px;
  border-radius: 48px;
  background-color: #053B5D;
  cursor: pointer;
  z-index: 1;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.close_diapo::before,
.close_diapo::after,
.quick-box span.close::before,
.quick-box span.close::after {
  position: absolute;
  content: '';
  width: 16px;
  height: 2px;
  top: calc(50% - 2px/2);
  left: calc(50% - 16px/2);
  background-color: #fff;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.close_diapo::before,
.quick-box span.close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.close_diapo::after,
.quick-box span.close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.close_diapo:hover,
.quick-box span.close:hover {
  background-color: #DC131A;
}
#fsMedia,
#popininfo {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1010;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  align-content: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease .3s 0s;
  -moz-transition: all ease .3s 0s;
  -ms-transition: all ease .3s 0s;
  -o-transition: all ease .3s 0s;
  transition: all ease .3s 0s;
}
#fsMedia.on,
#popininfo.on {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all ease .3s .5s;
  -moz-transition: all ease .3s .5s;
  -ms-transition: all ease .3s .5s;
  -o-transition: all ease .3s .5s;
  transition: all ease .3s .5s;
}
#fsMedia #fsContainer,
#popininfo #fsContainer {
  position: relative;
  width: 80%;
  height: 91.6%;
  left: 0;
  top: 0;
}
#fsMedia #fsContainer iframe,
#popininfo #fsContainer iframe {
  width: 100%;
  height: 100%;
}
#fsMedia .fsClose,
#popininfo .fsClose {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 48px;
  height: 48px;
  border-radius: 48px;
  background-color: #053B5D;
  cursor: pointer;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
#fsMedia .fsClose::before,
#fsMedia .fsClose::after,
#popininfo .fsClose::before,
#popininfo .fsClose::after {
  position: absolute;
  content: '';
  width: 16px;
  height: 2px;
  top: calc(50% - 2px/2);
  left: calc(50% - 16px/2);
  background-color: #fff;
  -webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
#fsMedia .fsClose::before,
#popininfo .fsClose::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#fsMedia .fsClose::after,
#popininfo .fsClose::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#fsMedia .fsClose:hover,
#popininfo .fsClose:hover {
  background-color: #DC131A;
}
#popininfo {
  background: rgba(0,0,0,0.6);
}
#popininfo .the_info {
  width: calc(100% - 40px*2 - 40px*2);
  max-width: 1000px;
  padding: 40px;
  margin: 40px;
  background-color: #fff;
  border-radius: 10px;
  position: relative;
  font-size: 16px;
  line-height: 22px;
  max-height: 80vh;
  overflow: auto;
}
#popininfo h2 {
  font-family: 'OptimaMedium';
  font-size: 20px;
  line-height: 24px;
  color: #096EAE;
  margin-bottom: 20px;
}
#popininfo div {
  margin-bottom: 20px;
}
#popininfo ul {
  padding: 0;
  margin: 0 0 20px 0;
}
#popininfo ul li {
  list-style-type: none;
  margin: 5px 0;
  padding: 0 0 0 20px;
  position: relative;
}
#popininfo ul li::before {
  position: absolute;
  content: '';
  left: 0px;
  top: 9px;
  width: 6px;
  height: 6px;
  background-color: #000;
  border-radius: 50%;
}
#popininfo strong {
  font-weight: bold;
}
.leaflet-popup-content-wrapper {
  border-radius: 4px;
  background-color: #fff;
  color: #5F6368;
}
.leaflet-popup {
  margin-bottom: 36px;
}
.leaflet-popup-tip {
  background-color: #fff;
}
.leaflet-popup-content {
  margin: 10px;
}
.infobulle {
  cursor: pointer;
  min-width: 250px;
}
.infobulle p.lieu {
  font-family: 'OptimaSemiBold';
  font-size: 16px;
  color: #5F6368;
  margin: 0;
}
.infobulle p.distance {
  position: relative;
  font-family: 'Roboto';
  font-size: 14px;
  color: #CAD1D5;
  margin: 10px 0 0;
  padding-left: 25px;
}
.infobulle p.distance::before {
  position: absolute;
  content: '';
  width: 14px;
  height: 20px;
  top: calc(50% - 20px/2);
  left: 0;
  background-image: url('../images/sprites.png');
  background-position: -242px -67px;
}
.icon-map-camping {
  -webkit-filter: drop-shadow(0 0 5px rgba(0,0,0,0.5));
  -moz-filter: drop-shadow(0 0 5px rgba(0,0,0,0.5));
  -ms-filter: drop-shadow(0 0 5px rgba(0,0,0,0.5));
  -o-filter: drop-shadow(0 0 5px rgba(0,0,0,0.5));
  filter: drop-shadow(0 0 5px rgba(0,0,0,0.5));
  background-image: url('../images/sprites.png');
  background-position: -486px -160px;
}
.icon-map::before,
.icon-map::after {
  position: absolute;
  content: '';
  top: calc(50% - 48px/2);
  left: calc(50% - 48px/2);
  width: 48px;
  height: 48px;
  border-radius: 24px;
  background-color: rgba(9,110,174,0.5);
  -webkit-animation: signal 1.5s ease-in-out infinite;
  -moz-animation: signal 1.5s ease-in-out infinite;
  animation: signal 1.5s ease-in-out infinite;
}
.icon-map::before {
  animation-delay: 0s;
}
.icon-map::after {
  animation-delay: 0.7s;
}
.icon-map:hover::before,
.icon-map:hover::after,
.icon-map.active::before,
.icon-map.active::after {
  background-color: rgba(220,19,26,0.5);
  -webkit-animation: signal-a 1.5s ease-in-out infinite;
  -moz-animation: signal-a 1.5s ease-in-out infinite;
  animation: signal-a 1.5s ease-in-out infinite;
}
.icon-map:hover::before,
.icon-map.active::before {
  animation-delay: 0s;
}
.icon-map:hover::after,
.icon-map.active::after {
  animation-delay: 0.7s;
}
@keyframes signal {
  0% {
    background-color: rgba(9,110,174,0.5);
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    transform: scale(0.2);
  }
  90% {
    background-color: rgba(9,110,174,0.2);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    background-color: rgba(9,110,174,0);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes signal-a {
  0% {
    background-color: rgba(220,19,26,0.5);
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    transform: scale(0.2);
  }
  90% {
    background-color: rgba(220,19,26,0.2);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    background-color: rgba(220,19,26,0);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.block-editor__container img {
  max-width: unset;
}
.block-editor h1,
.block-editor h2,
.block-editor h3,
.block-editor h4,
.block-editor p,
.block-editor b,
.block-editor strong,
.block-editor ul,
.block-editor ul li,
.block-editor ol,
.block-editor ol li,
.block-editor a {
  text-decoration: none;
}
.block-editor .edit-post-layout__content .acf-block-component * {
  box-sizing: unset;
}
.block-editor .owl-stage-outer {
  overflow: hidden;
}
.block-editor .acf-field * {
  box-sizing: border-box !important;
}
hr {
  width: 100%;
}
.error404 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: 100%;
  height: calc(100vh - 84px);
  padding-top: 84px;
}
.error404 h1 {
  font-family: 'OptimaBold';
  font-size: 10em;
  color: #CAD1D5;
}
.error404 p {
  font-family: 'Roboto';
  font-size: 20px;
  line-height: 20px;
  color: #5F6368;
  margin: 30px 0;
}
.inkWaw {
  overflow: hidden;
}
.inkWaw span.ink {
  display: block;
  position: absolute;
  background: rgba(255,255,255,0.5);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.inkWaw span.ink.animate {
  -webkit-animation: ripple 0.65s linear;
  -moz-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear;
}
@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5);
  }
}
.yv_widget_conteneur {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: 100%;
  background-color: #fff;
}
.yv_widget_conteneur .yv_widget_note {
  font-family: 'OptimaBold';
  font-size: 120px;
  line-height: 145px;
  color: #096EAE;
}
.yv_widget_conteneur .yv_widget_note span.yv_widget_note_max {
  font-size: 55%;
}
.yv_widget_conteneur .yv_widget_nb_note {
  font-family: 'Roboto';
  font-size: 24px;
  line-height: 29px;
  color: #4E6674;
  margin: 0 0 60px 0;
}
.yv_widget_conteneur .yv_widget_conteneur_item {
  position: relative;
  width: calc(100% - 15px*2);
  padding: 40px 15px;
  background-color: #F4FAFE;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  width: 100%;
  max-width: 1120px;
  min-height: 318px;
  margin: 16px auto;
  background-color: #fff;
  overflow: hidden;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_notes {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  width: 149px;
  height: calc(318px - 16px);
  padding: 16px 30px 0;
  border-left: 1px solid #CAD1D5;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_notes .yv_widget_item_note {
  font-family: 'OptimaBold';
  font-size: 60px;
  line-height: 71px;
  color: #DC131A;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_notes .yv_widget_item_note span.yv_widget_item_note_max {
  font-size: 55%;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_notes .yv_widget_item_cote >div {
  display: block;
  margin: 0 0 5px;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_notes .yv_widget_item_cote >div p {
  font-family: 'OptimaBold';
  font-size: 12px;
  line-height: 24px;
  color: #4E6674;
  margin: 0;
  text-transform: uppercase;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_notes .yv_widget_item_cote >div .note-avis.sans-opinion {
  font-family: 'Roboto';
  font-size: 12px;
  line-height: 12px;
  color: #4E6674;
  text-transform: lowercase;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_notes .yv_widget_item_cote >div .note-avis.note-avis-1,
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_notes .yv_widget_item_cote >div .note-avis.note-avis-2,
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_notes .yv_widget_item_cote >div .note-avis.note-avis-3,
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_notes .yv_widget_item_cote >div .note-avis.note-avis-4,
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_notes .yv_widget_item_cote >div .note-avis.note-avis-5 {
  display: block;
  position: relative;
  width: 124px;
  height: 8px;
  border-radius: 4px;
  overflow: hidden;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_notes .yv_widget_item_cote >div .note-avis.note-avis-1::before,
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_notes .yv_widget_item_cote >div .note-avis.note-avis-2::before,
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_notes .yv_widget_item_cote >div .note-avis.note-avis-3::before,
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_notes .yv_widget_item_cote >div .note-avis.note-avis-4::before,
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_notes .yv_widget_item_cote >div .note-avis.note-avis-5::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  background-color: #096EAE;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_notes .yv_widget_item_cote >div .note-avis.note-avis-1::before {
  width: 20%;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_notes .yv_widget_item_cote >div .note-avis.note-avis-2::before {
  width: 40%;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_notes .yv_widget_item_cote >div .note-avis.note-avis-3::before {
  width: 60%;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_notes .yv_widget_item_cote >div .note-avis.note-avis-4::before {
  width: 80%;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_notes .yv_widget_item_cote >div .note-avis.note-avis-5::before {
  width: 100%;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_details {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-flex-wrap: wrap-reverse;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  width: calc(100% - 210px);
  height: 318px;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_details .yv_widget_item_texte {
  position: relative;
  width: calc(100% - 350px - 32px*2);
  height: calc(100% - 32px*2);
  padding: 32px;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_details .yv_widget_item_texte .text {
  font-family: 'Roboto';
  font-size: 16px;
  line-height: 22px;
  color: #5F6368;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_details .yv_widget_item_texte .yv_widget_item_publication {
  font-family: 'Roboto';
  font-size: 12px;
  line-height: 24px;
  color: #4E6674;
  margin: 10px 0 0 0;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_details .yv_widget_block_name_ville {
  position: relative;
  width: calc(350px - 32px*2);
  height: calc(40% - 32px - 16px);
  padding: 32px 32px 16px 32px;
  background-color: #053B5D;
  overflow: hidden;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_details .yv_widget_block_name_ville::after {
  position: absolute;
  content: '';
  top: 35px;
  right: calc(-20px/2);
  width: 20px;
  height: 20px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_details .yv_widget_block_name_ville .yv_widget_item_nom {
  font-family: 'OptimaBold';
  font-size: 18px;
  line-height: 24px;
  color: #fff;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_details .yv_widget_block_name_ville .yv_widget_item_ville {
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 24px;
  color: #CAD1D5;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_details .yv_widget_block_info_membre {
  position: relative;
  width: calc(350px - 32px*2);
  height: calc(60% - 32px);
  padding: 0 32px 32px 32px;
  background-color: #053B5D;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_details .yv_widget_block_info_membre .yv_widget_item_sejour {
  position: relative;
  width: 100%;
  padding: 2px 0;
  border-top: 1px solid #021623;
  border-bottom: 1px solid #021623;
  margin: 0 0 10px 0;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_details .yv_widget_block_info_membre .yv_widget_item_sejour span {
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 24px;
  color: #C1E5FC;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_details .yv_widget_block_info_membre .yv_widget_item_fid {
  position: relative;
  margin: 5px 0;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_details .yv_widget_block_info_membre .yv_widget_item_fid span {
  font-family: 'Roboto';
  font-size: 12px;
  line-height: 24px;
  color: #C1E5FC;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_details .yv_widget_block_info_membre .yv_widget_block_info_sejour .yv_widget_item_date span {
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}
.yv_widget_conteneur .yv_widget_conteneur_item .yv_widget_item .yv_widget_item_details .yv_widget_block_info_membre .yv_widget_block_info_sejour .yv_widget_item_emplacement-famille span {
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}
.home-itemReviewed,
.item-hide {
  display: none;
}