@charset "UTF-8";

/*html {font-size: 62.5%;}*/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

  display: block;

}

/* LH 21 */

		.sectActu{max-width:1260px;margin:10px auto;padding:0px 15px;}

		.boxActuLeft{display:inline-block;position:relative;vertical-align:top;margin:0px auto;max-width:760px;text-align:center;}

		.boxActuRight{display:inline-block;position:relative;vertical-align:top;margin:0px auto;padding:0px 20px 0px 30px;text-align:center;}

		

		.boxActu{display:inline-block;position:relative;max-width:320px;vertical-align:top;margin:10px 25px;text-align:left;}

		.boxActuTexte{display:inline-block;position:relative;margin-top:2px;padding:0px 5px 5px 10px;width:auto;max-width:220px;vertical-align:top;text-align:left;overflow: hidden;}

		.boxActuTexte a {color:#373598;font-size:14px;}		



		.sectLogo{max-width:1480px;margin:10px auto;padding:0px;}

		

		.boxPartenaireMobil{display:none;}

		.boxPartenaireClub{margin:0px auto;text-align:center;}

		.boxPartenaireInstitu{margin:5px auto;text-align:center;padding:0px 10px;}

		.boxPartenaireTitre{margin-left:50px;max-width:250px;}

		.boxPartenaire2{display:inline-block;position:relative;width:auto;vertical-align:top;}

		.cadrePartenaire{display:inline-block;position:relative;padding:0px;margin:0px auto;text-align:center;vertical-align:top;}

		.lignePartenaire{clear:both;height:1px;width:95%;background:#c4c4c4;text-align:center;margin:10px auto 10px auto;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

		.boxMargLR{margin:0px 35px;}

		@media (max-width: 520px) {

			.boxMargLR{margin:0px;}

			.cadrePartenaire{padding:10px;}

			.boxPartenaire2{display:block;}

		}		

		.boxVideo{display:block;vertical-align:top;width:auto;margin:15px auto;}

		@media (max-width:1390px) {

			.boxVideo{max-width:300px;}

		}

		@media (max-width:1124px) {

			.boxActuLeft{display:block;}

			.boxActuRight{display:block;padding:5px 0px;}

			.boxVideo{display:inline-block;vertical-align:top;padding:10px 15px;}

		}

		@media (max-width: 950px) {

			.boxPartenaireMobil{display:block;}

		}

		@media (max-width: 875px) {

			.boxActu{width:40%;}

		}	

		@media (max-width: 640px) {

			.boxActu{width:auto;}

			.boxMargLR{margin:0px 15px;}

		}	



/* DEFIL LOGO */

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {display:none;}

.boxPartenaire{display:block;position:relative;max-width:1210px;text-align:center;margin:10px auto;}

.nbs-flexisel-container { position:relative; max-width:100%;}

.nbs-flexisel-ul { position:relative;width:9999px; margin:0px;padding:0px;list-style-type:none;    text-align:center;  }

.nbs-flexisel-inner { overflow:hidden;float:left; width:100%;background:#fcfcfc;}

.nbs-flexisel-item {float:left; margin:0px;padding:0px;cursor:pointer;position:relative; line-height:0px;}

.nbs-flexisel-item img { width: 100%;cursor: pointer;position: relative;margin-top: 10px;margin-bottom: 10px; max-width:160px;max-height:55px;}



/*** Navigation ***/

.nbs-flexisel-nav-left,

.nbs-flexisel-nav-right {width: 22px;height: 22px; position: absolute;cursor: pointer;z-index: 100;opacity: 0.5;}

.nbs-flexisel-nav-left {left: 10px;}

.nbs-flexisel-nav-right { right: 5px;}



/* ------------------- */

section {position: relative;}

article { position: relative;}

em {font-style: italic;}

label {font-weight: inherit;}

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

.clear {clear: both;}



button {transition: all 0.2s;}

button:hover,

button:focus,

button:active {

  color: #333333;

}



a picture,

a figure,

.hover-opacity picture,

.hover-opacity figure {

  position: relative;

  display: block;

  /* use !important to prevent issues with browser extensions that change fonts */

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

a picture:after,

a figure:after,

.hover-opacity picture:after,

.hover-opacity figure:after {

  display: flex;

  justify-content: center;

  align-items: center;

  transition: all 0.2s;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: "\e936";

  color: #ffffff;

  opacity: 0;

  font-size: 5rem;

  background-color: transparent;

  z-index: 2;

}

a picture.picture-is-video:before,

a figure.picture-is-video:before,

.hover-opacity picture.picture-is-video:before,

.hover-opacity figure.picture-is-video:before {

  position: absolute;

  top: 50%;

  left: 50%;

  display: block;

  width: 0;

  height: 0;

  content: '';

  border-top: 25px solid transparent;

  border-right: 35px solid transparent;

  border-bottom: 25px solid transparent;

  border-left: 35px solid #ffffff;

  transform: translate(calc(-50% + 25px), -50%);

}



a:hover picture:after,

a:hover figure:after, a:focus picture:after,

a:focus figure:after, a:active picture:after,

a:active figure:after,

.hover-opacity:hover picture:after,

.hover-opacity:hover figure:after,

.hover-opacity:focus picture:after,

.hover-opacity:focus figure:after,

.hover-opacity:active picture:after,

.hover-opacity:active figure:after {

  opacity: 1;

  background-color: rgba(0, 0, 0, 0.4);

}



picture.img-loader img {width: 38px;height: 38px;margin: auto;}

picture img {display: block;width: 100%;}

.screen-default-photo {margin-bottom: 34px;}



.saoloader {

  position: relative;

  display: inline-block;

  margin: 8px;

  width: 4px;

  height: 4px;

  font-size: 4px;

  border-radius: 50%;

  text-indent: -9999em;

  animation: load4px5585136 1.1s infinite ease;

  transform: translateZ(0);

}

@keyframes load4px5585136 {

  0%,

    100% {

    box-shadow: 0 -8px 0 0 #375588, 6px -6px 0 0 rgba(55, 85, 136, 0.2), 8px 0 0 0 rgba(55, 85, 136, 0.2), 6px 6px 0 0 rgba(55, 85, 136, 0.2), 0 8px 0 0 rgba(55, 85, 136, 0.2), -6px 6px 0 0 rgba(55, 85, 136, 0.2), -8px 0 0 0 rgba(55, 85, 136, 0.5), -6px -6px 0 0 rgba(55, 85, 136, 0.7);

  }

  12.5% {

    box-shadow: 0 -8px 0 0 rgba(55, 85, 136, 0.7), 6px -6px 0 0 #375588, 8px 0 0 0 rgba(55, 85, 136, 0.2), 6px 6px 0 0 rgba(55, 85, 136, 0.2), 0 8px 0 0 rgba(55, 85, 136, 0.2), -6px 6px 0 0 rgba(55, 85, 136, 0.2), -8px 0 0 0 rgba(55, 85, 136, 0.2), -6px -6px 0 0 rgba(55, 85, 136, 0.5);

  }

  25% {

    box-shadow: 0 -8px 0 0 rgba(55, 85, 136, 0.5), 6px -6px 0 0 rgba(55, 85, 136, 0.7), 8px 0 0 0 #375588, 6px 6px 0 0 rgba(55, 85, 136, 0.2), 0 8px 0 0 rgba(55, 85, 136, 0.2), -6px 6px 0 0 rgba(55, 85, 136, 0.2), -8px 0 0 0 rgba(55, 85, 136, 0.2), -6px -6px 0 0 rgba(55, 85, 136, 0.2);

  }

  37.5% {

    box-shadow: 0 -8px 0 0 rgba(55, 85, 136, 0.2), 6px -6px 0 0 rgba(55, 85, 136, 0.5), 8px 0 0 0 rgba(55, 85, 136, 0.7), 6px 6px 0 0 #375588, 0 8px 0 0 rgba(55, 85, 136, 0.2), -6px 6px 0 0 rgba(55, 85, 136, 0.2), -8px 0 0 0 rgba(55, 85, 136, 0.2), -6px -6px 0 0 rgba(55, 85, 136, 0.2);

  }

  50% {

    box-shadow: 0 -8px 0 0 rgba(55, 85, 136, 0.2), 6px -6px 0 0 rgba(55, 85, 136, 0.2), 8px 0 0 0 rgba(55, 85, 136, 0.5), 6px 6px 0 0 rgba(55, 85, 136, 0.7), 0 8px 0 0 #375588, -6px 6px 0 0 rgba(55, 85, 136, 0.2), -8px 0 0 0 rgba(55, 85, 136, 0.2), -6px -6px 0 0 rgba(55, 85, 136, 0.2);

  }

  62.5% {

    box-shadow: 0 -8px 0 0 rgba(55, 85, 136, 0.2), 6px -6px 0 0 rgba(55, 85, 136, 0.2), 8px 0 0 0 rgba(55, 85, 136, 0.2), 6px 6px 0 0 rgba(55, 85, 136, 0.5), 0 8px 0 0 rgba(55, 85, 136, 0.7), -6px 6px 0 0 #375588, -8px 0 0 0 rgba(55, 85, 136, 0.2), -6px -6px 0 0 rgba(55, 85, 136, 0.2);

  }

  75% {

    box-shadow: 0 -8px 0 0 rgba(55, 85, 136, 0.2), 6px -6px 0 0 rgba(55, 85, 136, 0.2), 8px 0 0 0 rgba(55, 85, 136, 0.2), 6px 6px 0 0 rgba(55, 85, 136, 0.2), 0 8px 0 0 rgba(55, 85, 136, 0.5), -6px 6px 0 0 rgba(55, 85, 136, 0.7), -8px 0 0 0 #375588, -6px -6px 0 0 rgba(55, 85, 136, 0.2);

  }

  87.5% {

    box-shadow: 0 -8px 0 0 rgba(55, 85, 136, 0.2), 6px -6px 0 0 rgba(55, 85, 136, 0.2), 8px 0 0 0 rgba(55, 85, 136, 0.2), 6px 6px 0 0 rgba(55, 85, 136, 0.2), 0 8px 0 0 rgba(55, 85, 136, 0.2), -6px 6px 0 0 rgba(55, 85, 136, 0.5), -8px 0 0 0 rgba(55, 85, 136, 0.7), -6px -6px 0 0 #375588;

  }

}



picture .saoloader {

  position: relative;

  display: inline-block;

  margin: 16px;

  width: 8px;

  height: 8px;

  font-size: 8px;

  border-radius: 50%;

  text-indent: -9999em;

  animation: load8px5585136 1.1s infinite ease;

  transform: translateZ(0);

  margin-left: 50%;

  margin-right: 50%;

}

@keyframes load8px5585136 {

  0%,

    100% {

    box-shadow: 0 -16px 0 0 #375588, 12px -12px 0 0 rgba(55, 85, 136, 0.2), 16px 0 0 0 rgba(55, 85, 136, 0.2), 12px 12px 0 0 rgba(55, 85, 136, 0.2), 0 16px 0 0 rgba(55, 85, 136, 0.2), -12px 12px 0 0 rgba(55, 85, 136, 0.2), -16px 0 0 0 rgba(55, 85, 136, 0.5), -12px -12px 0 0 rgba(55, 85, 136, 0.7);

  }

  12.5% {

    box-shadow: 0 -16px 0 0 rgba(55, 85, 136, 0.7), 12px -12px 0 0 #375588, 16px 0 0 0 rgba(55, 85, 136, 0.2), 12px 12px 0 0 rgba(55, 85, 136, 0.2), 0 16px 0 0 rgba(55, 85, 136, 0.2), -12px 12px 0 0 rgba(55, 85, 136, 0.2), -16px 0 0 0 rgba(55, 85, 136, 0.2), -12px -12px 0 0 rgba(55, 85, 136, 0.5);

  }

  25% {

    box-shadow: 0 -16px 0 0 rgba(55, 85, 136, 0.5), 12px -12px 0 0 rgba(55, 85, 136, 0.7), 16px 0 0 0 #375588, 12px 12px 0 0 rgba(55, 85, 136, 0.2), 0 16px 0 0 rgba(55, 85, 136, 0.2), -12px 12px 0 0 rgba(55, 85, 136, 0.2), -16px 0 0 0 rgba(55, 85, 136, 0.2), -12px -12px 0 0 rgba(55, 85, 136, 0.2);

  }

  37.5% {

    box-shadow: 0 -16px 0 0 rgba(55, 85, 136, 0.2), 12px -12px 0 0 rgba(55, 85, 136, 0.5), 16px 0 0 0 rgba(55, 85, 136, 0.7), 12px 12px 0 0 #375588, 0 16px 0 0 rgba(55, 85, 136, 0.2), -12px 12px 0 0 rgba(55, 85, 136, 0.2), -16px 0 0 0 rgba(55, 85, 136, 0.2), -12px -12px 0 0 rgba(55, 85, 136, 0.2);

  }

  50% {

    box-shadow: 0 -16px 0 0 rgba(55, 85, 136, 0.2), 12px -12px 0 0 rgba(55, 85, 136, 0.2), 16px 0 0 0 rgba(55, 85, 136, 0.5), 12px 12px 0 0 rgba(55, 85, 136, 0.7), 0 16px 0 0 #375588, -12px 12px 0 0 rgba(55, 85, 136, 0.2), -16px 0 0 0 rgba(55, 85, 136, 0.2), -12px -12px 0 0 rgba(55, 85, 136, 0.2);

  }

  62.5% {

    box-shadow: 0 -16px 0 0 rgba(55, 85, 136, 0.2), 12px -12px 0 0 rgba(55, 85, 136, 0.2), 16px 0 0 0 rgba(55, 85, 136, 0.2), 12px 12px 0 0 rgba(55, 85, 136, 0.5), 0 16px 0 0 rgba(55, 85, 136, 0.7), -12px 12px 0 0 #375588, -16px 0 0 0 rgba(55, 85, 136, 0.2), -12px -12px 0 0 rgba(55, 85, 136, 0.2);

  }

  75% {

    box-shadow: 0 -16px 0 0 rgba(55, 85, 136, 0.2), 12px -12px 0 0 rgba(55, 85, 136, 0.2), 16px 0 0 0 rgba(55, 85, 136, 0.2), 12px 12px 0 0 rgba(55, 85, 136, 0.2), 0 16px 0 0 rgba(55, 85, 136, 0.5), -12px 12px 0 0 rgba(55, 85, 136, 0.7), -16px 0 0 0 #375588, -12px -12px 0 0 rgba(55, 85, 136, 0.2);

  }

  87.5% {

    box-shadow: 0 -16px 0 0 rgba(55, 85, 136, 0.2), 12px -12px 0 0 rgba(55, 85, 136, 0.2), 16px 0 0 0 rgba(55, 85, 136, 0.2), 12px 12px 0 0 rgba(55, 85, 136, 0.2), 0 16px 0 0 rgba(55, 85, 136, 0.2), -12px 12px 0 0 rgba(55, 85, 136, 0.5), -16px 0 0 0 rgba(55, 85, 136, 0.7), -12px -12px 0 0 #375588;

  }

}



.common-picture-without-picture {

  flex: 1;

  background-repeat: no-repeat;

  background-position: center center;

  background-color: transparent;

  background-size: 80%;

}



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



  .hidden-in-responsive { display: none !important; }

}

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



  .hidden-in-desktop { display: none !important;}

  .common-container {margin: calc(7rem + 4.4rem) 13px 0;}

  .sticky-bar-fixed .common-container { margin: calc(7rem + 4.4rem + 6rem) 13px 0;}

  .screen-default-photo {flex-basis: 53.6%;margin: 0;}

  .ie .screen-default-photo img {max-width: 100%;}

}



.header {

  position: fixed;

  top: 0;

  width: 100%;

  text-transform: uppercase;

  background-color: #ffffff;

  z-index: 30;

  border-bottom: 1px solid #ececec;

}



.header-body-opacity {position: fixed;left: -100vw;width: 100%; height: 100vh; opacity: 0; background-color: #000000;transition: opacity 0.2s; z-index: 20;}

.header-body-opacity.open {left: 0;top: 0;opacity: 0.5;}

.header-body-opacity.open-zindex { z-index: 31;}





.header-logo-part {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  align-content: center;

  height: 5.6rem;

}



.header-logo-part-menu {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-basis: 20%;

  font-size: 2.7rem;

  cursor: pointer;

  border: 0;

  background-color: transparent;

  transition: all 0.2s;

}



.header-logo-part-logo {

  display: flex;

  flex: 1;

  justify-content: center;

  align-items: center;

  padding: 5px 0;

}



.header-logo-part-logo img {

  width: 165px;

  max-width: 100%;

}





.header-logo-part-booking {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-basis: 20%;

  padding-top: 2px;

  color: #375588;

  font-size: 2.5rem;

  transition: all 0.2s;

}





.header-menus {

  overflow-y: auto;

  position: fixed;

  top: 0;

  left: -100vw;

  width: calc(100% - 50px);

  height: 100vh;

  padding: calc(40px - 1.1rem) 0 60px 0;

  background-color: #f4f4f4;

  transition: all 0.2s;

  z-index: 2;

}

/* line 98, ../../../web/assets/sass/components/_header.scss */

.header-menus,

.header-menus a span {

  font-family: Fira Sans, arial, sans-serif;

  font-weight: normal;

  text-transform: capitalize;

}

/* line 105, ../../../web/assets/sass/components/_header.scss */

.header-menus hr {

  margin: 0 45px;

  border-top: 1px solid #d7d7d7;

}



/* line 110, ../../../web/assets/sass/components/_header.scss */

.header-menu-close {

  position: fixed;

  top: 0;

  left: -100vw;

  width: 50px;

  height: 50px;

  font-size: 3.2rem;

  line-height: 50px;

  text-align: center;

  cursor: pointer;

  background-color: #ffffff;

  transition: all 0.2s;

  z-index: 2;

}



/* line 127, ../../../web/assets/sass/components/_header.scss */

.header-main-menu a,

.header-secondary-menu a {

  display: block;

  padding: 1.1rem 45px;

}

/* line 131, ../../../web/assets/sass/components/_header.scss */

.header-main-menu a:before,

.header-secondary-menu a:before {

  color: #375588;

  padding-right: 10px;

}

/* line 136, ../../../web/assets/sass/components/_header.scss */

.header-main-menu a.active,

.header-secondary-menu a.active {

  padding-left: 0;

  color: #366b97;

}

/* line 140, ../../../web/assets/sass/components/_header.scss */

.header-main-menu a.active span,

.header-secondary-menu a.active span {

  padding-left: 41px;

  border-width: 0 0 0 4px;

  border-color: #366b97;

  border-style: solid;

}

/* line 147, ../../../web/assets/sass/components/_header.scss */

.header-main-menu a.active[class*="icon-"].active,

.header-secondary-menu a.active[class*="icon-"].active {

  position: relative;

}

/* line 150, ../../../web/assets/sass/components/_header.scss */

.header-main-menu a.active[class*="icon-"].active span,

.header-secondary-menu a.active[class*="icon-"].active span {

  padding-left: 65px;

}

/* line 153, ../../../web/assets/sass/components/_header.scss */

.header-main-menu a.active[class*="icon-"].active:before,

.header-secondary-menu a.active[class*="icon-"].active:before {

  position: absolute;

  left: 45px;

}



/* line 162, ../../../web/assets/sass/components/_header.scss */

.header-main-menu {

  font-size: 1.5rem;

}

/* line 165, ../../../web/assets/sass/components/_header.scss */

.header-main-menu ul {

  padding-bottom: 10px;

}

/* line 168, ../../../web/assets/sass/components/_header.scss */

.header-main-menu a {

  color: #333333;

}

/* line 170, ../../../web/assets/sass/components/_header.scss */

.header-main-menu a:hover, .header-main-menu a:focus, .header-main-menu a:active {

  color: #366b97;

}

/* line 175, ../../../web/assets/sass/components/_header.scss */

.header-main-menu a.exergue {

  color: #375588;

}

/* line 178, ../../../web/assets/sass/components/_header.scss */

.header-main-menu a.exergue:hover, .header-main-menu a.exergue:focus, .header-main-menu a.exergue:active {

  color: #366b97;

}



/* line 186, ../../../web/assets/sass/components/_header.scss */

.header-secondary-menu {

  padding: 10px 0;

  font-size: 1.4rem;

}



/* line 191, ../../../web/assets/sass/components/_header.scss */

.header.open .header-menus {

  left: 0;

}

/* line 194, ../../../web/assets/sass/components/_header.scss */

.header.open .header-menu-close {

  left: calc(100% - 50px);

  transition: all 0.2s;

}



/* line 200, ../../../web/assets/sass/components/_header.scss */

.header-tertiary-menu {

  position: fixed;

  bottom: 0;

  display: flex;

  justify-content: space-between;

  align-content: center;

  width: 100%;

  height: 4.4rem;

  padding: 1rem 0;

  font-family: "roboto", arial, sans-serif;

  background-color: #ececec;

}

/* line 212, ../../../web/assets/sass/components/_header.scss */

.header-tertiary-menu a,

.header-tertiary-menu .htm-language-choice {

  color: #375588;

  text-align: center;

}

/* line 216, ../../../web/assets/sass/components/_header.scss */

.header-tertiary-menu a:hover, .header-tertiary-menu a:focus, .header-tertiary-menu a:active,

.header-tertiary-menu .htm-language-choice:hover,

.header-tertiary-menu .htm-language-choice:focus,

.header-tertiary-menu .htm-language-choice:active {

  color: #333333;

}

/* line 222, ../../../web/assets/sass/components/_header.scss */

.header-tertiary-menu > a {

  font-size: 1.6rem;

  line-height: 2.5rem;

  border-right: 1px solid #d7d7d7;

}

/* line 228, ../../../web/assets/sass/components/_header.scss */

.header-tertiary-menu.open .htm-language-choice {

  padding-left: 5px;

  text-align: left;

}

/* line 233, ../../../web/assets/sass/components/_header.scss */

.header-tertiary-menu.open .language-active {

  color: #333333;

}

/* line 235, ../../../web/assets/sass/components/_header.scss */

.header-tertiary-menu.open .language-active:after {

  right: 10px;

  color: #375588;

}

/* line 240, ../../../web/assets/sass/components/_header.scss */

.header-tertiary-menu.open .language-selector {

  right: 100%;

}





/* line 280, ../../../web/assets/sass/components/_header.scss */

.header-menu-social-network {

  display: none;

}



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

  /* line 288, ../../../web/assets/sass/components/_header.scss */

  .header-tertiary-menu a,

  .header-tertiary-menu .htm-language-choice {

    flex: 2;

  }

  /* line 293, ../../../web/assets/sass/components/_header.scss */

  .header-tertiary-menu.open .htm-language-choice {

    flex: 1;

  }

}

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

  /* line 302, ../../../web/assets/sass/components/_header.scss */

  .header {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    height: 11.4rem;

    transition: all 0.2s;

  }

  /* line 315, ../../../web/assets/sass/components/_header.scss */

  .header.scrolled {

    top: -4.4rem;

  }



  /* line 320, ../../../web/assets/sass/components/_header.scss */

  .header-logo-part {

    flex-basis: 177px;

    position: fixed;

    top: 4.4rem;

    height: 7rem;

    padding: 0 13px;

    transition: all 0.2s;

  }

  /* line 332, ../../../web/assets/sass/components/_header.scss */

  .ie .header-logo-part {

    width: 177px;

  }



  /* line 337, ../../../web/assets/sass/components/_header.scss */

  .header-logo-part-logo,

  .header-logo-part-logo img {

    width: 177px;

  }

  /* line 342, ../../../web/assets/sass/components/_header.scss */

  .ie .header-logo-part-logo, .ie

  .header-logo-part-logo img {

    align-self: center;

  }



  /* line 347, ../../../web/assets/sass/components/_header.scss */

  .header-menus {

    overflow: hidden;

    width: calc(100% - calc(26px + 177px));

    left: auto;

    right: 0;

    top: 4.4rem;

    height: calc(7rem - 0.1rem);

    padding: 0;

    background-color: #ffffff;

    transition: all 0.2s;

  }

  /* line 362, ../../../web/assets/sass/components/_header.scss */

  .without-booking-bar .header-menus {

    height: 6.9rem;

  }

  /* line 370, ../../../web/assets/sass/components/_header.scss */

  .header-menus hr,

  .header-menus .header-secondary-menu {

    display: none;

  }



  /* line 376, ../../../web/assets/sass/components/_header.scss */

  .scrolled .header-logo-part,

  .scrolled .header-menus {

    top: 0;

  }



  /* line 381, ../../../web/assets/sass/components/_header.scss */

  .header-main-menu {

    height: 100%;

  }

  /* line 383, ../../../web/assets/sass/components/_header.scss */

  .header-main-menu ul {

    display: flex;

    flex-direction: row;

    justify-content: flex-end;

    height: 100%;

    padding: 0;

  }

  /* line 390, ../../../web/assets/sass/components/_header.scss */

  .header-main-menu li {

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 0;

  }

  /* line 396, ../../../web/assets/sass/components/_header.scss */

  .header-main-menu li.list-exergue {

    position: relative;

  }

  /* line 398, ../../../web/assets/sass/components/_header.scss */

  .header-main-menu li.list-exergue :before {

    position: absolute;

    top: 13px;

    left: 0;

    display: inline-block;

    height: calc(100% - 26px);

    content: '';

    border-left: 1px solid #d7d7d7;

  }

  /* line 408, ../../../web/assets/sass/components/_header.scss */

  .header-main-menu li a {

    display: flex;

    flex-direction: column;

    justify-content: center;

    flex: 1;

    padding: 0 15px;

  }

  /* line 416, ../../../web/assets/sass/components/_header.scss */

  .header-main-menu li a span {

    display: flex;

    align-items: center;

    flex: 1;

    padding-top: 4px;

    border-bottom: 4px solid transparent;

  }

  /* line 424, ../../../web/assets/sass/components/_header.scss */

  .header-main-menu li a.active {

    padding: 0 17px;

    color: #366b97;

  }

  /* line 427, ../../../web/assets/sass/components/_header.scss */

  .header-main-menu li a.active span {

    padding-left: 0;

    border-width: 0 0 4px 0;

  }



  /* line 435, ../../../web/assets/sass/components/_header.scss */

  .header-tertiary-menu {

    position: static;

    justify-content: left;

    padding: 10px 13px;

    background-color: #366b97;

  }

  /* line 441, ../../../web/assets/sass/components/_header.scss */

  .header-tertiary-menu a,

  .header-tertiary-menu .htm-language-choice {

    padding-right: 10px;

    color: #ffffff;

    border: 0;

  }

  /* line 447, ../../../web/assets/sass/components/_header.scss */

  .header-tertiary-menu a [class*='icon-'],

  .header-tertiary-menu .htm-language-choice [class*='icon-'] {

    color: #becee8;

  }

  /* line 450, ../../../web/assets/sass/components/_header.scss */

  .header-tertiary-menu a:hover, .header-tertiary-menu a:focus, .header-tertiary-menu a:active,

  .header-tertiary-menu .htm-language-choice:hover,

  .header-tertiary-menu .htm-language-choice:focus,

  .header-tertiary-menu .htm-language-choice:active {

    color: #becee8;

  }

  /* line 457, ../../../web/assets/sass/components/_header.scss */

  .header-tertiary-menu > a {

    padding-left: 10px;

    font-size: 1.3rem;

  }

  /* line 462, ../../../web/assets/sass/components/_header.scss */

  .header-tertiary-menu.open .htm-language-choice {

    padding-left: 0;

  }

  /* line 465, ../../../web/assets/sass/components/_header.scss */

  .header-tertiary-menu.open .language-active {

    color: #ffffff;

  }

  /* line 467, ../../../web/assets/sass/components/_header.scss */

  .header-tertiary-menu.open .language-active:after {

    content: "\e90c";

    right: 10px;

    color: #ffffff;

  }

  /* line 473, ../../../web/assets/sass/components/_header.scss */

  .header-tertiary-menu.open .language-selector {

    display: flex;

    top: 120%;

  }



  /* line 482, ../../../web/assets/sass/components/_header.scss */

  .htm-phone i,

  .htm-access i,

  .htm-language-choice i {

    padding-right: 5px;

  }



  /* line 486, ../../../web/assets/sass/components/_header.scss */

  .htm-phone {

    order: 2;

  }



  /* line 489, ../../../web/assets/sass/components/_header.scss */

  .htm-access {

    order: 3;

  }





  /* line 535, ../../../web/assets/sass/components/_header.scss */

  .header-menu-interface {

    display: flex;

    align-items: center;

    order: 4;

    margin-left: auto;

  }

  /* line 541, ../../../web/assets/sass/components/_header.scss */

  .header-menu-interface ul {

    display: flex;

    flex-direction: row;

    justify-content: flex-end;

  }

  /* line 547, ../../../web/assets/sass/components/_header.scss */

  .header-menu-interface li {

    display: flex;

    align-items: center;

  }

  /* line 551, ../../../web/assets/sass/components/_header.scss */

  .header-menu-interface a {

    display: flex;

    padding: 0 10px;

    font-size: 1.3rem;

    color: #becee8;

  }

  /* line 557, ../../../web/assets/sass/components/_header.scss */

  .header-menu-interface a:before {

    font-size: 1.5rem;

  }

  /* line 560, ../../../web/assets/sass/components/_header.scss */

  .header-menu-interface a span {

    padding-top: 2px;

    padding-left: 10px;

    font-family: "roboto", arial, sans-serif;

    font-weight: normal;

    color: #ffffff;

    text-transform: uppercase;

    transition: all 0.2s;

  }

  /* line 572, ../../../web/assets/sass/components/_header.scss */

  .header-menu-interface a:hover span, .header-menu-interface a:focus span, .header-menu-interface a:active span {

    color: #becee8;

  }



}

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

  /* line 609, ../../../web/assets/sass/components/_header.scss */

  .header-menus {

    width: calc(100% - calc(26px + 354px));

    left: calc(177px + 13px);

    right: auto;

  }



  /* line 616, ../../../web/assets/sass/components/_header.scss */

  .header-main-menu {

    font-size: 1.6rem;

  }

  /* line 619, ../../../web/assets/sass/components/_header.scss */

  .header-main-menu ul {

    justify-content: center;

  }

  /* line 624, ../../../web/assets/sass/components/_header.scss */

  .header-main-menu li a {

    padding: 0 17px;

  }

}

/* line 8, ../../../web/assets/sass/elements/_buttons.scss */

.btn-booking,

.btn-primary,

.btn-secondary {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  display: inline-block;

  text-align: center;

  line-height: 1.3;

  border-radius: 4px;

  border: 0;

  cursor: pointer;

  transition: all 0.2s;

}



/* line 24, ../../../web/assets/sass/elements/_buttons.scss */

.btn-booking {

  padding: 12px 5px;

  min-width: 122px;

  color: #ffffff;

  font-family: "roboto", arial, sans-serif;

  font-size: 1.4rem;

  letter-spacing: 0.15rem;

  font-weight: bold;

  text-transform: uppercase;

  background-color: #375588;

}

/* line 35, ../../../web/assets/sass/elements/_buttons.scss */

.btn-booking.btn-small, .btn-booking.btn-small-responsive {

  padding: 5px;

  font-size: calc(1.4rem - 0.4rem);

}

/* line 40, ../../../web/assets/sass/elements/_buttons.scss */

.btn-booking .saoloader {

  position: relative;

  display: inline-block;

  margin: 8px;

  width: 4px;

  height: 4px;

  font-size: 4px;

  border-radius: 50%;

  text-indent: -9999em;

  animation: load4px255255255 1.1s infinite ease;

  transform: translateZ(0);

}

@keyframes load4px255255255 {

  0%,

    100% {

    box-shadow: 0 -8px 0 0 #ffffff, 6px -6px 0 0 rgba(255, 255, 255, 0.2), 8px 0 0 0 rgba(255, 255, 255, 0.2), 6px 6px 0 0 rgba(255, 255, 255, 0.2), 0 8px 0 0 rgba(255, 255, 255, 0.2), -6px 6px 0 0 rgba(255, 255, 255, 0.2), -8px 0 0 0 rgba(255, 255, 255, 0.5), -6px -6px 0 0 rgba(255, 255, 255, 0.7);

  }

  12.5% {

    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 0.7), 6px -6px 0 0 #ffffff, 8px 0 0 0 rgba(255, 255, 255, 0.2), 6px 6px 0 0 rgba(255, 255, 255, 0.2), 0 8px 0 0 rgba(255, 255, 255, 0.2), -6px 6px 0 0 rgba(255, 255, 255, 0.2), -8px 0 0 0 rgba(255, 255, 255, 0.2), -6px -6px 0 0 rgba(255, 255, 255, 0.5);

  }

  25% {

    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 0.5), 6px -6px 0 0 rgba(255, 255, 255, 0.7), 8px 0 0 0 #ffffff, 6px 6px 0 0 rgba(255, 255, 255, 0.2), 0 8px 0 0 rgba(255, 255, 255, 0.2), -6px 6px 0 0 rgba(255, 255, 255, 0.2), -8px 0 0 0 rgba(255, 255, 255, 0.2), -6px -6px 0 0 rgba(255, 255, 255, 0.2);

  }

  37.5% {

    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 0.2), 6px -6px 0 0 rgba(255, 255, 255, 0.5), 8px 0 0 0 rgba(255, 255, 255, 0.7), 6px 6px 0 0 #ffffff, 0 8px 0 0 rgba(255, 255, 255, 0.2), -6px 6px 0 0 rgba(255, 255, 255, 0.2), -8px 0 0 0 rgba(255, 255, 255, 0.2), -6px -6px 0 0 rgba(255, 255, 255, 0.2);

  }

  50% {

    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 0.2), 6px -6px 0 0 rgba(255, 255, 255, 0.2), 8px 0 0 0 rgba(255, 255, 255, 0.5), 6px 6px 0 0 rgba(255, 255, 255, 0.7), 0 8px 0 0 #ffffff, -6px 6px 0 0 rgba(255, 255, 255, 0.2), -8px 0 0 0 rgba(255, 255, 255, 0.2), -6px -6px 0 0 rgba(255, 255, 255, 0.2);

  }

  62.5% {

    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 0.2), 6px -6px 0 0 rgba(255, 255, 255, 0.2), 8px 0 0 0 rgba(255, 255, 255, 0.2), 6px 6px 0 0 rgba(255, 255, 255, 0.5), 0 8px 0 0 rgba(255, 255, 255, 0.7), -6px 6px 0 0 #ffffff, -8px 0 0 0 rgba(255, 255, 255, 0.2), -6px -6px 0 0 rgba(255, 255, 255, 0.2);

  }

  75% {

    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 0.2), 6px -6px 0 0 rgba(255, 255, 255, 0.2), 8px 0 0 0 rgba(255, 255, 255, 0.2), 6px 6px 0 0 rgba(255, 255, 255, 0.2), 0 8px 0 0 rgba(255, 255, 255, 0.5), -6px 6px 0 0 rgba(255, 255, 255, 0.7), -8px 0 0 0 #ffffff, -6px -6px 0 0 rgba(255, 255, 255, 0.2);

  }

  87.5% {

    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 0.2), 6px -6px 0 0 rgba(255, 255, 255, 0.2), 8px 0 0 0 rgba(255, 255, 255, 0.2), 6px 6px 0 0 rgba(255, 255, 255, 0.2), 0 8px 0 0 rgba(255, 255, 255, 0.2), -6px 6px 0 0 rgba(255, 255, 255, 0.5), -8px 0 0 0 rgba(255, 255, 255, 0.7), -6px -6px 0 0 #ffffff;

  }

}

/* line 44, ../../../web/assets/sass/elements/_buttons.scss */

.btn-booking:not(:disabled):hover, .btn-booking:not(:disabled):focus, .btn-booking:not(:disabled):active {

  color: #ffffff;

  background-color: #ac2f35;

}

/* line 51, ../../../web/assets/sass/elements/_buttons.scss */

.btn-booking.btn-booking-bigcalendar, .btn-booking.btn-booking-2-lines {

  min-width: 112px;

  padding: 8px 10px;

  font-size: 1.2rem;

  text-transform: lowercase;

  letter-spacing: 0.09rem;

  font-weight: 400;

}

/* line 60, ../../../web/assets/sass/elements/_buttons.scss */

.btn-booking.btn-booking-bigcalendar span, .btn-booking.btn-booking-2-lines span {

  display: block;

  font-size: 1.4rem;

  text-transform: uppercase;

  letter-spacing: 0.15rem;

  font-weight: 600;

}



/* line 100, ../../../web/assets/sass/elements/_buttons.scss */

.btn-primary.btn-booking-2-lines {

  min-width: 112px;

  padding: 8px 10px;

  text-transform: lowercase;

  letter-spacing: 0.09rem;

  font-weight: 400;

}

/* line 108, ../../../web/assets/sass/elements/_buttons.scss */

.btn-primary.btn-booking-2-lines span {

  display: block;

  text-transform: uppercase;

  letter-spacing: 0.15rem;

  font-weight: 600;

}





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



  .btn-booking {padding: 20px 5px;min-width: 152px;font-size: 1.5rem;}

  .sticky-scrolled .btn-booking, .sticky-fixed .btn-booking {padding: 12px 5px;}



}



.booking-bar {display: flex;align-items: center;justify-content: center;width: 100%;z-index: 19;}



.accueil .booking-bar {margin-bottom: 30px;}



.booking-bar-content {

  flex: 1;

  display: flex;

  flex-direction: column;

  flex-basis: auto;

  padding-top: 15px;

  background-color: #fbfbfb;

}

.booking-bar-content-first-line {

  flex: 1;

  display: flex;

  flex-wrap: wrap;

  flex-basis: auto;

  align-items: stretch;

  justify-content: center;

  background-color: #fbfbfb;

}

.booking-bar-one-part {

  display: flex;

  align-items: stretch;

  justify-content: center;

  padding: 0 6px;

}

.ie .booking-bar-one-part { flex-basis: auto;}

.booking-bar-one-part:nth-child(1) {order: 3;}

.booking-bar-one-part:nth-child(2) {order: 2;margin-bottom: 0.7em;}

.booking-bar-one-part:nth-child(3) {order: 1;margin-bottom: 0.7em;}

.booking-bar-one-part.booking-bar-qs {flex-direction: column;}

.resa-form-message {padding-right: 0.6em;font-weight: bold;word-break: keep-all;}

.booking-bar-qs-promo-text,

.booking-bar-qs-complement-text {padding: 0 13px;text-align: center;line-height: normal;}

.booking-bar-one-part-satisfaction {flex-direction: column;margin-bottom: 0.6em;}

.booking-bar-satisfaction-title {

  padding: 0;

  margin: 0;

  font-size: 0.8em;

  font-weight: bold;

  letter-spacing: 0;

  line-height: normal;

}

.booking-bar-reinsurance-txt {max-width: 230px;padding: 0;text-align: center;line-height: 1.2;}

.booking-bar-one-part p {margin: 0;text-align: center;line-height: 1.2;}



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



  .booking-bar {position: relative; margin-top: -75px;}

  .booking-bar .booking-bar-content {

    flex: inherit;

    flex-wrap: nowrap;

    max-width: 100%;

    padding: 25px 5px;

    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);

  }

  .booking-bar.sticky-scrolled, .booking-bar.sticky-fixed {

    position: fixed;

    top: 7rem;

    justify-content: flex-start;

    margin-top: 0;

  }

  .booking-bar.sticky-scrolled.sticky-scrolled-with-preheader, .booking-bar.sticky-scrolled.sticky-fixed-with-preheader, .booking-bar.sticky-fixed.sticky-scrolled-with-preheader, .booking-bar.sticky-fixed.sticky-fixed-with-preheader {

    top: calc(7rem + 4.4rem);

    transition: all 0.2s;

  }

  .booking-bar.sticky-scrolled .booking-bar-content, .booking-bar.sticky-fixed .booking-bar-content {

    width: calc(100% - 26px);

    padding: 8px 5px;

    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);

  }

  .booking-bar.sticky-fixed {

    min-height: 6rem;

    transition: all 0.2s;

  }

  .booking-bar .btn-booking {

    min-width: 122px;

  }

  .booking-bar-one-part {

    padding: 0 20px;

    border-left: 1px solid #d7d7d7;

  }

  .booking-bar-one-part:nth-child(1) {

    order: 1;

    margin-bottom: 0;

    border: 0;

  }

  .booking-bar-one-part:nth-child(2) {

    order: 2;

    margin-bottom: 0;

  }

  .booking-bar-one-part:nth-child(3) {

    order: 3;

    margin-bottom: 0;

  }

  .booking-bar-one-part-best-price .compare-prices {

    flex-direction: column;

  }

  .booking-bar-one-part-best-price .compare-prices .ota-price {

    margin-left: 0;

    padding-left: 0;

    border-left: 0;

  }

  .booking-bar-reinsurance-txt {

    max-width: 170px;

  }

  .booking-bar-qs-promo-text,

  .booking-bar-qs-complement-text {

    margin-bottom: -15px;

  }

  .sticky-scrolled .booking-bar-qs-promo-text, .sticky-fixed .booking-bar-qs-promo-text, .sticky-scrolled

  .booking-bar-qs-complement-text, .sticky-fixed

  .booking-bar-qs-complement-text {

    margin-bottom: 0;

  }

}

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

  .booking-bar .btn-booking {min-width: 152px;}

  .booking-bar-reinsurance-txt { max-width: 230px;}

}







/* Slider */



.slick-slider {

  position: relative;

  display: block;

  box-sizing: border-box;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -ms-touch-action: pan-y;

  touch-action: pan-y;

  -webkit-tap-highlight-color: transparent;

}

.slick-list {

  position: relative;

  overflow: hidden;

  display: block;

  margin: 0;

  padding: 0;

}

.slick-list:focus {outline: none;}

.slick-list.dragging {cursor: pointer;cursor: hand;}

.slick-slider .slick-track,

.slick-slider .slick-list {

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

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  -o-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.slick-track {

  position: relative;

  left: 0;

  top: 0;

  display: block;

  margin-left: auto;

  margin-right: auto;

}

.slick-track:before, .slick-track:after {content: "";display: table;}

.slick-track:after {clear: both;}

.slick-loading .slick-track {visibility: hidden;}

.slick-slide {

  float: left;

  height: 100%;

  min-height: 1px;

  display: none;

}

[dir="rtl"] .slick-slide {

  float: right;

}

.slick-slide img {display: block;}

.slick-slide.slick-loading img {display: none;}

.slick-slide.dragging img {pointer-events: none;}

.slick-initialized .slick-slide { display: block;}

.slick-loading .slick-slide { visibility: hidden;}



.slick-vertical .slick-slide {

  display: block;

  height: auto;

  border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

  display: none;

}



/* Slider */

/* Icons */

@font-face {

  font-family: "slick";

  src: url('../fonts/slick.eot');

  src: url('../fonts/slick.eot?#iefix') format("embedded-opentype"), url('../fonts/slick.woff') format("woff"), url('../fonts/slick.ttf') format("truetype"), url('../fonts/slick.svg#slick') format("svg");

  font-weight: normal;

  font-style: normal;

}

/* Arrows */

.slick-prev,

.slick-next {

  position: absolute;

  display: block;

  height: 20px;

  width: 20px;

  line-height: 0px;

  font-size: 0px;

  cursor: pointer;

  background: transparent;

  color: transparent;

  top: 50%;

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

  -ms-transform: translate(0, -50%);

  transform: translate(0, -50%);

  padding: 0;

  border: none;

  outline: none;

}



.slick-prev:hover, .slick-prev:focus,

.slick-next:hover,

.slick-next:focus {outline: none;background: transparent;color: transparent;}



.slick-prev:hover:before, .slick-prev:focus:before,

.slick-next:hover:before,

.slick-next:focus:before {opacity: 1;}



.slick-prev.slick-disabled:before,

.slick-next.slick-disabled:before {opacity: 0;}



.slick-prev:before,

.slick-next:before {

  font-family: "slick";

  font-size: 20px;

  line-height: 1;

  color: white;

  opacity: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.slick-prev {left: -25px;}

[dir="rtl"] .slick-prev {left: auto;right: -25px;}

.slick-prev:before {content: "←";}

[dir="rtl"] .slick-prev:before {content: "→";}

.slick-next {right: -25px;}



[dir="rtl"] .slick-next {left: -25px;right: auto;}



.slick-next:before {content: "→";}



[dir="rtl"] .slick-next:before {content: "←";}



/* Dots */



.slick-dotted.slick-slider {margin-bottom: 30px;}



.slick-dots {

  position: absolute;

  bottom: -25px;

  list-style: none;

  display: block;

  text-align: center;

  padding: 0;

  margin: 0;

  width: 100%;

}



.slick-dots li {

  position: relative;

  display: inline-block;

  height: 20px;

  width: 20px;

  margin: 0 5px;

  padding: 0;

  cursor: pointer;

}



.slick-dots li button {

  border: 0;

  background: transparent;

  display: block;

  height: 20px;

  width: 20px;

  outline: none;

  line-height: 0px;

  font-size: 0px;

  color: transparent;

  padding: 5px;

  cursor: pointer;

}



.slick-dots li button:hover, .slick-dots li button:focus {outline: none;}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity: 1;}



.slick-dots li button:before {

  position: absolute;

  top: 0;

  left: 0;

  content: "•";

  width: 20px;

  height: 20px;

  font-family: "slick";

  font-size: 4.6rem;

  line-height: 20px;

  text-align: center;

  color: #ffffff;

  opacity: 0;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.slick-dots li.slick-active button:before {color: #ffffff; opacity: 1;}

.accueil-carousel { overflow: hidden;}



.accueil-carousel .slick-list:after {

  position: absolute;

  bottom: 0;

  display: block;

  width: 100%;

  height: 100%;

  content: '';

 /*  background: url("../img/slider-home-filtre-mob.png") repeat-x center bottom transparent; */

  z-index: 1;

}



.accueil-carousel-title {

  position: absolute;

  bottom: 14%;

  left: 50%;

  width: 80%;

  text-align: center;

  transform: translateX(-50%);

  z-index: 1;

}

.accueil-carousel-title h1 {color: #ffffff;}

.accueil-carousel-title h2 {color: #ffffff;}

.accueil-carousel .slick-dots {display: none;}



.accueil-main-content {padding: 10px 19px 25px 19px;}



.accueil-main-content h2 { padding-bottom: 10px;}

.accueil-video {display: none;}



@media (max-aspect-ratio: 1376 / 978) {



  .accueil-video iframe {top: 0;left: -200%;height: 100%;width: 500%;}

  .ie .accueil-video iframe {max-width: 100%;left: 0;}

}

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



  .accueil-carousel-slide-for-video {display: none; }

  .accueil-carousel-title {

    position: absolute;

    left: 50%;

    bottom: 17%;

    text-align: center;

    transform: translateX(-50%);

    z-index: 2;

  }

  .accueil-carousel-title h1 {font-size: 2.8rem;color: #ffffff;}

  .accueil-carousel-title h2 {font-size: 2.4rem; color: #ffffff;}

  .accueil-carousel .slick-dots {width: auto;bottom: 9.2%;text-align: right;right: 17px;z-index: 20;}



  .accueil-carousel .slick-dots li button:before {

    display: block;

    width: 10px;

    height: 10px;

    position: absolute;

    top: 3px;

    left: 3px;

    content: '';

    opacity: 1;

    border-radius: 50%;

    border: 2px solid #ffffff;

  }



  .accueil-carousel .slick-dots li.slick-active button:before { background-color: #ffffff; }



  /*.accueil-carousel .slick-list:after { background: url("../img/slider-home-filtre-tab.png") repeat-x center bottom transparent;} */

  .accueil-main-content { width: 937px;padding: 20px 100px; margin: 0 auto;}

  .accueil-video {display: block;height: 82vh;max-height: 760px; position: relative;overflow: hidden;}



  .accueil-video iframe { position: absolute;top: -200%;left: 0; height: 500%;width: 100%;}

}

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

/*   .accueil-carousel .slick-list:after {background: url("../img/slider-home-filtre.png") repeat-x center bottom transparent;} */

  .accueil-carousel-title {bottom: 14%;}

  .accueil-carousel-title h1 {font-size: 3.4rem;}

  .accueil-carousel-title h2 {font-size: 3.2rem;}

  .ie .accueil-carousel-title { bottom: 18%;}

  .accueil-main-content { width: 720px; margin: 0 auto; padding: 20px 0; }

  .accueil-main-content h2 { margin-bottom: 20px;}

}



#get-css-variables .tinyMin { width: 640px;}

#get-css-variables .smallMin {width: 768px;}

#get-css-variables .mediumMin {width: 1024px;}

#get-css-variables .largeMin {width: 1280px;}

#get-css-variables .smallMax {width: 767px;}

#get-css-variables .mediumMax {width: 1023px;}

#get-css-variables .headerDesktopHeight {height: 7rem;}

#get-css-variables .headerResponsiveHeight {height: 5.6rem;}