@charset "UTF-8";
/*** couleur bg entete / footer ***/
/* POLICES */
.defaultPolice {
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 200;
}
.ui-datepicker-prev,
.ui-datepicker-next {
  width: 11px;
  height: 30px;
  background-position: 0px 0px !important;
  background-repeat: no-repeat;
}
.ui-datepicker-prev span,
.ui-datepicker-next span {
  display: none;
}
.ui-datepicker-prev {
  background-image: url(/media/img/flecheG.png) !important;
  background-size: contain;
  margin: 0 0 0 50px;
}
.ui-datepicker-next {
  background-image: url(/media/img/flecheD.png) !important;
  background-size: contain;
  margin: 0 50px 0 0;
}
.T0 {
  font-size: 0px;
}
.T10 {
  font-size: 10px;
}
.T11 {
  font-size: 11px;
}
.T12 {
  font-size: 12px;
}
.T14 {
  font-size: 14px;
}
.T15 {
  font-size: 15px;
}
.T16 {
  font-size: 16px;
}
.T18 {
  font-size: 18px;
}
.T19 {
  font-size: 19px;
}
.T20 {
  font-size: 20px;
}
.T22 {
  font-size: 22px;
}
.T24 {
  font-size: 24px;
}
.T25 {
  font-size: 25px;
}
.T26 {
  font-size: 26px;
}
.T30 {
  font-size: 30px;
}
.T40 {
  font-size: 40px;
}
.T50 {
  font-size: 50px;
}
.bleu {
  color: #09aac3;
}
.EnDev {
  font-size: 40px;
}
#bloc_video object,
#bloc_video embed,
#bloc_video iframe {
  width: 100% !important;
  height: 100% !important;
}
#bloc_video,
#titre_video {
  width: 100%;
  height: 100%;
}
#titre_video {
  width: 100%;
}
* {
  box-sizing: border-box;
}
a {
  text-decoration: none;
  cursor: hand;
  transition: color 0.5s ease-in-out;
  cursor: pointer;
}
a.noir {
  color: #000000 !important;
}
a.vert {
  color: #608040;
}
.position {
  color: #a5d31d;
  font-size: 18px;
}
.uppercase {
  text-transform: uppercase;
}
html,
body {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0px;
  padding: 0;
  min-height: 100%;
  font-size: 20px;
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 200;
}
ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.video {
  width: 100%;
  height: 90%;
  float: left;
  position: relative;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
.video iframe,
.video object {
  width: 100%;
  height: 390px;
}
.titreVideo {
  width: 100%;
  float: left;
  position: relative;
  margin: 10px 0 0 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
.autoBlock,
.fullBlock,
.fullBlock2,
.centerBlock {
  float: left;
  position: relative;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
.autoBlock.padding10,
.fullBlock.padding10,
.fullBlock2.padding10,
.centerBlock.padding10 {
  padding: 10px;
}
.autoBlock.padding20,
.fullBlock.padding20,
.fullBlock2.padding20,
.centerBlock.padding20 {
  padding: 20px;
}
.autoBlock.padding40,
.fullBlock.padding40,
.fullBlock2.padding40,
.centerBlock.padding40 {
  padding: 40px;
}
.autoBlock.padding40HB,
.fullBlock.padding40HB,
.fullBlock2.padding40HB,
.centerBlock.padding40HB {
  padding: 40px 0;
}
.autoBlock.padding50,
.fullBlock.padding50,
.fullBlock2.padding50,
.centerBlock.padding50 {
  padding: 80px 0 50px 0;
}
.autoBlock.padding60,
.fullBlock.padding60,
.fullBlock2.padding60,
.centerBlock.padding60 {
  padding: 60px 0 40px 0;
}
.autoBlock.marginTop10,
.fullBlock.marginTop10,
.fullBlock2.marginTop10,
.centerBlock.marginTop10 {
  margin: 10px 0 0 0;
}
.autoBlock.marginTop20,
.fullBlock.marginTop20,
.fullBlock2.marginTop20,
.centerBlock.marginTop20 {
  margin: 20px 0 0 0;
}
.autoBlock.alignRight,
.fullBlock.alignRight,
.fullBlock2.alignRight,
.centerBlock.alignRight {
  text-align: right;
  width: 50%;
}
.autoBlock.blanc,
.fullBlock.blanc,
.fullBlock2.blanc,
.centerBlock.blanc {
  color: #ffffff;
}
.autoBlock.noir,
.fullBlock.noir,
.fullBlock2.noir,
.centerBlock.noir {
  color: #000000;
}
.autoBlock.bgGris,
.fullBlock.bgGris,
.fullBlock2.bgGris,
.centerBlock.bgGris {
  background-color: rgba(0, 0, 0, 0.1);
}
.autoBlock.bgVert,
.fullBlock.bgVert,
.fullBlock2.bgVert,
.centerBlock.bgVert {
  background-color: #d6e0cc;
}
hr {
  width: 100%;
  height: 1px;
  line-height: 1px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  background-color: rgba(0, 0, 0, 0.2);
  border: none;
  margin: 0;
  padding: 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
hr.marginTop10 {
  margin: 10px 0;
}
hr.marginTop20 {
  margin: 20px 0;
}
hr.marginTopOnly20 {
  margin: 20px 0 0 0;
}
hr.marginTop30 {
  margin: 30px 0;
}
hr.marginTop50 {
  margin: 50px 0;
}
hr.marginTop10Bottom30 {
  margin: 10px 0 30px 0;
}
hr.bgBleu {
  background-color: rgba(7, 176, 219, 0.2);
}
.autoBlock {
  width: auto;
}
.fullBlock {
  width: 100%;
  text-align: left;
}
.fullBlock2 {
  width: 100%;
  text-align: center;
}
.centerBlock {
  width: 100%;
  text-align: center;
}
.autoBlock2 {
  width: auto;
  float: right;
}
.autoBlockCenter {
  width: auto;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
.autoBlockCenter.marginRight {
  margin: 0 10px 10px auto;
}
#blocGlobal {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  font-size: 0px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal a {
  color: #07b0db;
  text-decoration: none;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal a:hover {
  color: #000000;
}
#blocGlobal #entete,
#blocGlobal #enteteSecondaire {
  width: 100%;
  min-height: 80px;
  position: fixed;
  display: flex;
  z-index: 5;
  align-items: center;
  top: 0;
  font-size: 20px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  /*** menu burger ***/

  /*** menu page secondaire ***/

  /*** menu page accueil ***/

  /*** fin burger ***/

}
#blocGlobal #entete .menu-toggle,
#blocGlobal #enteteSecondaire .menu-toggle {
  display: none;
}
#blocGlobal #entete#enteteSecondaire,
#blocGlobal #enteteSecondaire#enteteSecondaire {
  /***.arrow {
				width: 100%;
				position: absolute;
				top: 120px;
				left: 50%;
				transform: translate(-50%, -50%);
				padding: 0;
				background-color: #ecebec;
				
				&:after {
					content: '';
					position: absolute;
					top: 100%;
					left: 0; 
					right: 0;
					padding-bottom: 60px;
					background-color: #ecebec;
					clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
				}
			}***/

}
#blocGlobal #entete#enteteSecondaire nav ul li a,
#blocGlobal #enteteSecondaire#enteteSecondaire nav ul li a {
  color: #4a4d4e;
}
#blocGlobal #entete#entete,
#blocGlobal #enteteSecondaire#entete {
  background: transparent;
}
#blocGlobal #entete#entete.degrade,
#blocGlobal #enteteSecondaire#entete.degrade {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8337534843038779) 0%, rgba(255, 255, 255, 0.7049019436876314) 49%, rgba(255, 255, 255, 0) 100%);
}
#blocGlobal #entete #logoMobile,
#blocGlobal #enteteSecondaire #logoMobile {
  width: 100px;
  height: 113px;
  background: transparent url('/media/img/logo.png') left top no-repeat;
  background-size: 100%;
  margin: 0 auto;
  display: none;
  filter: alpha(opacity=100) !important;
  opacity: 1 !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #entete #logoMobile:hover,
#blocGlobal #enteteSecondaire #logoMobile:hover {
  background-color: transparent !important;
}
#blocGlobal #entete nav,
#blocGlobal #enteteSecondaire nav {
  width: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #entete nav ul#menu,
#blocGlobal #enteteSecondaire nav ul#menu {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#blocGlobal #entete nav ul#menu li,
#blocGlobal #enteteSecondaire nav ul#menu li {
  display: flex;
  align-items: center;
  text-align: center;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #entete nav ul#menu li #logo,
#blocGlobal #enteteSecondaire nav ul#menu li #logo {
  width: 100px;
  height: 110px;
  background: transparent url('/media/img/logo.png') left top no-repeat;
  background-size: 100%;
  margin: 0 auto;
  filter: alpha(opacity=100) !important;
  opacity: 1 !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #entete nav ul#menu li #logo:hover,
#blocGlobal #enteteSecondaire nav ul#menu li #logo:hover {
  background-color: transparent !important;
}
#blocGlobal #entete nav ul#menu li:first-child,
#blocGlobal #enteteSecondaire nav ul#menu li:first-child {
  margin-left: auto;
}
#blocGlobal #entete nav ul#menu li:not(:first-child),
#blocGlobal #enteteSecondaire nav ul#menu li:not(:first-child) {
  margin: -30px 0 0 0;
}
#blocGlobal #entete nav ul#menu li:last-child,
#blocGlobal #enteteSecondaire nav ul#menu li:last-child {
  width: 30px;
  height: 30px;
  display: block;
  padding: 0;
  align-items: center;
  margin-left: auto;
  margin-right: 20px;
  position: relative;
}
#blocGlobal #entete nav ul#menu li:last-child:after,
#blocGlobal #enteteSecondaire nav ul#menu li:last-child:after {
  content: "";
  width: 11px;
  height: 7px;
  position: absolute;
  z-index: 0;
  background: transparent url('/media/img/flecheBasseNoire.png') left top no-repeat;
  background-size: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  filter: alpha(opacity=100);
  opacity: 0.5;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #entete nav ul#menu li:last-child:hover:after,
#blocGlobal #enteteSecondaire nav ul#menu li:last-child:hover:after {
  bottom: -5px;
}
#blocGlobal #entete nav ul#menu li:last-child:hover #listLng,
#blocGlobal #enteteSecondaire nav ul#menu li:last-child:hover #listLng {
  display: flex;
  flex-wrap: wrap;
}
#blocGlobal #entete nav ul#menu li:last-child #listLng,
#blocGlobal #enteteSecondaire nav ul#menu li:last-child #listLng {
  width: 30px;
  display: none;
}
#blocGlobal #entete nav ul#menu li:last-child a.lng,
#blocGlobal #enteteSecondaire nav ul#menu li:last-child a.lng {
  display: flex;
  flex-direction: column;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  filter: alpha(opacity=100) !important;
  opacity: 1 !important;
}
#blocGlobal #entete nav ul#menu li:last-child a.lng.en,
#blocGlobal #enteteSecondaire nav ul#menu li:last-child a.lng.en,
#blocGlobal #entete nav ul#menu li:last-child a.lng.de,
#blocGlobal #enteteSecondaire nav ul#menu li:last-child a.lng.de,
#blocGlobal #entete nav ul#menu li:last-child a.lng.fr,
#blocGlobal #enteteSecondaire nav ul#menu li:last-child a.lng.fr {
  content: "";
  width: 30px;
  height: 25px;
  margin: 0;
  padding: 0 !important;
  position: relative;
  z-index: 2;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #entete nav ul#menu li:last-child a.lng.en,
#blocGlobal #enteteSecondaire nav ul#menu li:last-child a.lng.en {
  background: transparent url('/media/img/flag_en.png') left top no-repeat;
  background-size: 100%;
}
#blocGlobal #entete nav ul#menu li:last-child a.lng.de,
#blocGlobal #enteteSecondaire nav ul#menu li:last-child a.lng.de {
  background: transparent url('/media/img/flag_al.png') left top no-repeat;
  background-size: 100%;
}
#blocGlobal #entete nav ul#menu li:last-child a.lng.fr,
#blocGlobal #enteteSecondaire nav ul#menu li:last-child a.lng.fr {
  background: transparent url('/media/img/flag_fr.png') left top no-repeat;
  background-size: 100%;
}
#blocGlobal #entete nav ul#menu li a:not(#lng),
#blocGlobal #enteteSecondaire nav ul#menu li a:not(#lng) {
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  color: #000000;
  padding: 5px 20px 10px 20px;
  opacity: 0.5;
  font-size: 20px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  line-height: 20px;
}
#blocGlobal #entete nav ul#menu li a:not(#lng).blueLink,
#blocGlobal #enteteSecondaire nav ul#menu li a:not(#lng).blueLink {
  color: #ffffff;
  background-color: #07b0db;
  opacity: 1 !important;
  border: solid 1px #07b0db;
}
#blocGlobal #entete nav ul#menu li a:not(#lng).blueLink:hover,
#blocGlobal #enteteSecondaire nav ul#menu li a:not(#lng).blueLink:hover {
  background-color: transparent !important;
  color: #07b0db !important;
}
#blocGlobal #entete nav ul#menu li a:not(#lng):hover,
#blocGlobal #enteteSecondaire nav ul#menu li a:not(#lng):hover,
#blocGlobal #entete nav ul#menu li a:not(#lng).sel,
#blocGlobal #enteteSecondaire nav ul#menu li a:not(#lng).sel {
  opacity: 1;
}
#blocGlobal #entete nav ul#menu li a:not(#lng):before,
#blocGlobal #enteteSecondaire nav ul#menu li a:not(#lng):before {
  display: flex;
}
#blocGlobal #contenu {
  width: 100%;
  display: inline-block;
  position: relative;
  margin: 80px auto 0 auto;
  text-align: center;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  flex-grow: 2;
}
#blocGlobal #contenu > iframe {
  width: 100% !important;
  margin: 50px 0 0 0;
}
#blocGlobal #contenu .button {
  color: #525252;
  border: solid 1px rgba(82, 82, 82, 0.2);
  width: auto;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  margin: 0 auto 20px auto;
  font-size: 20px;
  cursor: pointer;
  padding-bottom: 4px;
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .button:hover {
  background: #525252;
  color: #fff;
}
#blocGlobal #contenu #makeMeScrollable2 {
  width: 100%;
  height: 360px;
  display: inline-block;
  position: relative;
  margin: 0;
  overflow: hidden;
}
#blocGlobal #contenu #makeMeScrollable2 .scrollableArea * {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  border: solid 1px none;
}
#blocGlobal #contenu #makeMeScrollable2 #grande_bulle {
  width: 300px;
  height: 362px;
  background: transparent url('/media/img/grande_bulle_blanche.png') left top no-repeat;
  background-size: 100%;
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0 30px;
  top: 30px;
  color: #07b0db;
  font-size: 30px;
  line-height: 30px;
  align-items: center;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu #makeMeScrollable2 #grande_bulle strong {
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  margin: 40px 0 0 0;
}
#blocGlobal #contenu #makeMeScrollable2 #grande_bulle hr {
  width: 240px;
  height: 2px;
  line-height: 1px;
  background-color: #07b0db;
  border: none;
  margin: 25px 0;
  padding: 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .flexCenter {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth630 {
  max-width: 630px;
  text-align: center;
  flex-direction: column;
}
#blocGlobal #contenu .maxWidth1200 {
  max-width: 1220px;
  margin: auto;
  text-align: left;
  flex-direction: row;
  font-size: 20px;
}
#blocGlobal #contenu .maxWidth1200.gridcss {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 480px));
  grid-auto-rows: auto;
  justify-content: center;
}
#blocGlobal #contenu .maxWidth1200.gridcss2 {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 370px));
  grid-auto-rows: auto;
  justify-content: center;
  align-items: flex-start;
}
#blocGlobal #contenu .maxWidth1200.flexDirCol {
  flex-direction: column;
}
#blocGlobal #contenu .maxWidth1200 .rates {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 20px;
  margin: 0 0 30px 0;
  background-color: rgba(7, 176, 219, 0.1);
  color: #07b0db;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1200 .rates.pointer {
  margin: 45px 0 30px 0;
}
#blocGlobal #contenu .maxWidth1200 .rates.pointer:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: -34px;
  left: 0;
  right: 0;
  margin: auto;
  border-style: solid;
  border-width: 0 32px 34px 32px;
  border-color: transparent transparent rgba(7, 176, 219, 0.1) transparent;
}
#blocGlobal #contenu .maxWidth1200 .rates h2 {
  width: 100%;
  line-height: 25px;
}
#blocGlobal #contenu .maxWidth1200 .rates h2.marginBottom15 {
  margin: 0 0 15px 0;
}
#blocGlobal #contenu .maxWidth1200 .rates .blocGTarif {
  width: 75%;
  display: flex;
  position: relative;
}
#blocGlobal #contenu .maxWidth1200 .rates .blocDTarif {
  width: 25%;
  display: flex;
  position: relative;
}
#blocGlobal #contenu .maxWidth1200 .rates .blocGTarif,
#blocGlobal #contenu .maxWidth1200 .rates .blocDTarif {
  display: inline-block;
  position: relative;
  font-size: 15px;
}
#blocGlobal #contenu .maxWidth1200 .rates .blocGTarif b,
#blocGlobal #contenu .maxWidth1200 .rates .blocDTarif b {
  font-size: 20px;
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 600;
}
#blocGlobal #contenu .maxWidth1200 .rates .blocGTarif price,
#blocGlobal #contenu .maxWidth1200 .rates .blocDTarif price {
  font-size: 20px;
}
#blocGlobal #contenu .maxWidth1200 #blocG,
#blocGlobal #contenu .maxWidth1200 #blocD {
  position: relative;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1200 #blocG.fifty,
#blocGlobal #contenu .maxWidth1200 #blocD.fifty {
  width: 50%;
  padding: 0 20px;
}
#blocGlobal #contenu .maxWidth1200 #blocG {
  width: 70%;
}
#blocGlobal #contenu .maxWidth1200 #blocG h2 strong.bleu {
  color: #07b0db;
}
#blocGlobal #contenu .maxWidth1200 #blocG legend {
  margin: 0;
}
#blocGlobal #contenu .maxWidth1200 #blocG legend ul {
  width: 100%;
  float: left;
  margin: 0 0 60px 0;
}
#blocGlobal #contenu .maxWidth1200 #blocD {
  width: 30%;
  padding: 20px;
}
#blocGlobal #contenu .maxWidth1200 h2 {
  display: flex;
  margin: 0 0 20px 0;
  padding: 0;
  text-align: left;
  font-size: 30px;
}
#blocGlobal #contenu .maxWidth1200 h2.marginTop40 {
  margin: 40px 0 0 0;
}
#blocGlobal #contenu .maxWidth1200 legend {
  width: 100%;
  display: flex;
  text-align: left;
  margin: 0 0 60px 0;
}
#blocGlobal #contenu .maxWidth1200 legend.noMargin {
  margin: 0;
}
#blocGlobal #contenu .maxWidth1200 legend li {
  display: flex;
  float: left;
  position: relative;
  align-items: center;
  margin: 0 5px 0 0;
}
#blocGlobal #contenu .maxWidth1200 legend li:before {
  content: "";
  width: 1px;
  height: 40px;
  display: inline-block;
  position: relative;
  background-color: rgba(0, 0, 0, 0.1);
  margin: 0 5px;
}
#blocGlobal #contenu .maxWidth1200 legend li.bullet:before {
  content: "\2022";
  width: inherit;
  height: inherit;
  display: inline-block;
  position: relative;
  background-color: transparent;
  margin: 0 5px 0 0;
}
#blocGlobal #contenu .maxWidth1200 .savoirPlus {
  width: 61px;
  height: 22px;
  display: flex;
  margin: auto;
  background: transparent url('/media/img/grde_fleche.png') left top no-repeat;
  background-size: 100%;
  transform-style: preserve-3d;
  margin: 30px auto 0 auto;
  filter: alpha(opacity=100);
  opacity: 0.5;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1200 .savoirPlus.off {
  transform: rotateX(0deg);
}
#blocGlobal #contenu .maxWidth1200 .savoirPlus.off.minimum {
  margin: -50px auto 0 auto;
}
#blocGlobal #contenu .maxWidth1200 .savoirPlus.on {
  transform: rotateX(180deg);
}
#blocGlobal #contenu .maxWidth1200 .savoirPlus.on.minimum {
  margin: 15px auto 0 auto;
}
#blocGlobal #contenu .maxWidth1200 .savoirPlus:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}
#blocGlobal #contenu .maxWidth1200 #amenities {
  width: 100%;
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(auto-fit, minmax(80px, 80px));
  grid-auto-rows: auto;
  justify-content: center;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1200 #amenities section {
  width: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  font-size: 15px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1200 #amenities section img {
  width: auto;
}
#blocGlobal #contenu .maxWidth1200 #amenities em {
  width: 100%;
  font-size: 15px;
}
#blocGlobal #contenu .maxWidth1200 .dyptique {
  max-width: 480px;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1200 .dyptique .apt {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1200 .dyptique .apt img {
  width: 160px;
  display: flex;
  -moz-border-radius: 160px;
  -webkit-border-radius: 160px;
  border-radius: 160px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1200 .dyptique .apt .datas {
  width: 320px;
  display: flex;
  flex-direction: column;
  padding: 0 0 0 20px;
  text-align: left;
  color: #000000;
  font-size: 20px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1200 .dyptique .apt .datas h1 {
  margin: 0;
  padding: 0;
  line-height: 60px;
  color: #000000;
  align-items: flex-start;
  font-size: 60px;
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 600;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1200 .dyptique .apt .datas b {
  font-size: 30px;
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 600;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1200 .dyptique .apt .datas .more {
  color: #525252;
  border: solid 1px rgba(82, 82, 82, 0.2);
  width: auto;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  cursor: pointer;
  padding: 3px 10px 5px 10px;
  margin-top: 20px;
  margin-left: auto;
  font-size: 20px;
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1200 .dyptique .apt .datas .more:hover {
  background: #525252;
  color: #fff;
}
#blocGlobal #contenu .maxWidth1200 .acces {
  max-width: 370px;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
  text-align: center;
  padding: 90px 0 0 0;
  position: relative;
  font-size: 15px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1200 .acces#car:before,
#blocGlobal #contenu .maxWidth1200 .acces#bus:before,
#blocGlobal #contenu .maxWidth1200 .acces#plane:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#blocGlobal #contenu .maxWidth1200 .acces#car:before {
  content: "";
  width: 80px;
  height: 66px;
  background: transparent url('/media/img/car.png') left top no-repeat;
  background-size: 100%;
  top: 12px;
}
#blocGlobal #contenu .maxWidth1200 .acces#bus:before {
  content: "";
  width: 80px;
  height: 75px;
  background: transparent url('/media/img/bus.png') left top no-repeat;
  background-size: 100%;
}
#blocGlobal #contenu .maxWidth1200 .acces#plane:before {
  content: "";
  width: 80px;
  height: 80px;
  background: transparent url('/media/img/plane.png') left top no-repeat;
  background-size: 100%;
}
#blocGlobal #contenu .maxWidth1200 .acces b {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 30px;
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 600;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1200 .maxWidth1040 {
  max-width: 1040px;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1200 .maxWidth1040.left {
  margin-right: auto;
}
#blocGlobal #contenu .maxWidth1200 .maxWidth1040.right {
  margin-left: auto;
  flex-direction: row-reverse;
}
#blocGlobal #contenu .maxWidth1200 .maxWidth1040 .maskLocalArea {
  max-width: 360px;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  /*background:transparent url('/media/img/bulle.png') left top no-repeat;
					background-size: 100%;*/

  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1200 .maxWidth1040 .maskLocalArea img {
  max-width: 360px;
  height: auto;
}
#blocGlobal #contenu .maxWidth1200 .maxWidth1040 .datasLocalArea {
  max-width: 680px;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  padding: 0 30px;
  font-size: 15px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1200 .maxWidth1040 .datasLocalArea.fullWidth {
  max-width: 100%;
}
#blocGlobal #contenu .maxWidth1200 .maxWidth1040 .datasLocalArea h1 {
  margin: 0 0 25px 0;
  padding: 0;
  color: #000000;
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 200;
  font-size: 30px;
}
#blocGlobal #contenu .maxWidth1200 .maxWidth1040 .datasLocalArea h2 {
  margin: 0 0 15px 0;
  padding: 0;
  color: #000000;
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 200;
  font-style: italic;
  font-size: 20px;
}
#blocGlobal #contenu .maxWidth1200 .maxWidth1040 .datasLocalArea .btnPlus {
  color: #07b0db;
  border: solid 1px rgba(7, 176, 219, 0.2);
  padding: 3px 10px 5px 10px;
  margin: 20px 0 0 0;
  font-size: 20px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1200 .maxWidth1040 .datasLocalArea .btnPlus:hover {
  color: #ffffff;
  background-color: #07b0db;
  border: solid 1px #07b0db;
}
#blocGlobal #contenu .maxWidth1200 #onglet {
  width: auto;
  display: flex;
  height: 30px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto 40px auto;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1200 #onglet li {
  display: flex;
  height: 30px;
  padding: 0 15px;
  align-items: center;
  font-size: 15px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1200 #onglet li:not(:first-child) {
  border-left: solid 1px rgba(0, 0, 0, 0.1);
}
#blocGlobal #contenu .maxWidth1200 #onglet li a {
  color: rgba(0, 0, 0, 0.5);
}
#blocGlobal #contenu .maxWidth1200 #onglet li a:hover {
  color: #000000;
}
#blocGlobal #contenu .maxWidth1200 #onglet li a.sel {
  color: #07b0db;
  font-size: 20px;
}
#blocGlobal #contenu .maxWidth1200 .pagination__list {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#blocGlobal #contenu .maxWidth1200 .pagination__list .pagination__item {
  padding: 20px;
}
#blocGlobal #contenu .maxWidth1200 .pagination__list .pagination__item .paginationPhoto {
  width: 15%;
  float: left;
}
#blocGlobal #contenu .maxWidth1200 .pagination__list .pagination__item .paginationTxt {
  width: 85%;
  float: left;
  text-align: left;
  padding: 0 0 0 10px;
}
#blocGlobal #contenu .maxWidth1200 .pagination {
  width: 100% !important;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
  list-style: none;
}
#blocGlobal #contenu .maxWidth1200 .pagination > li {
  float: left;
  width: 30px !important;
}
#blocGlobal #contenu .maxWidth1200 .pagination > li > a:focus,
#blocGlobal #contenu .maxWidth1200 .pagination > li > a:hover,
#blocGlobal #contenu .maxWidth1200 .pagination > li > span:focus,
#blocGlobal #contenu .maxWidth1200 .pagination > li > span:hover {
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
#blocGlobal #contenu .maxWidth1200 .pagination > li > a,
#blocGlobal #contenu .maxWidth1200 .pagination > li > span {
  position: relative;
  float: left;
  color: #337ab7;
  text-decoration: none;
  padding: 0 10px;
}
#blocGlobal #contenu .maxWidth1200 #formComment {
  font-size: 0px;
}
#blocGlobal #contenu .maxWidth1200 .listComments {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  color: #000000;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1200 .listComments img {
  width: 60px;
  height: 60px;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1200 .listComments section {
  width: auto;
  padding: 0 0 0 10px;
  margin-right: auto;
  font-size: 20px;
}
#blocGlobal #contenu .maxWidth1200 .listComments section span {
  color: #07b0db;
}
#blocGlobal #contenu .maxWidth1200 .listComments i {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  font-size: 16px;
}
#blocGlobal #contenu .maxWidth1200 :root {
  --color__accent: #6200ee;
  --field__background: #f5f5f5;
  --field__background--hover: #e9e9e9;
  --input__border: rgba(0, 0, 0, 0.42);
  --input__border--hover: rgba(0, 0, 0, 0.62);
  --label__color: #222;
  --font__size: 16px;
  --font__family: Roboto, Arial, sans-serif;
}
#blocGlobal #contenu .maxWidth1200 .floating {
  transition: background-color 0.2s ease;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  margin: 5px 0 0 0;
  padding: 0 10px;
  font-size: 16px;
}
#blocGlobal #contenu .maxWidth1200 .floating.fifty {
  width: 50%;
  height: 42px;
  display: inline-block;
  vertical-align: top;
}
#blocGlobal #contenu .maxWidth1200 .floating.noHover:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  background-color: transparent;
}
#blocGlobal #contenu .maxWidth1200 .floating:hover {
  -webkit-box-shadow: 2px 2px 6px 0px #b5b5b5;
  -moz-box-shadow: 2px 2px 6px 0px #b5b5b5;
  box-shadow: 2px 2px 6px 0px
					#b5b5b5;
  border-bottom: none;
  background-color: transparent;
}
#blocGlobal #contenu .maxWidth1200 .floating.marginTop1 {
  margin: 161px 0 0 0;
}
#blocGlobal #contenu .maxWidth1200 .floating.marginTop2 {
  margin: 57px 0 0 0;
}
#blocGlobal #contenu .maxWidth1200 .floating__input {
  width: 100%;
  padding: 15px 0 5px 0;
  font-size: 1rem;
  transition: border-color 0.2s ease;
  caret-color: var(--color__accent);
  border: none;
  background-color: transparent;
  font-size: 16px;
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 300;
}
#blocGlobal #contenu .maxWidth1200 .floating:hover .floating__input {
  border-color: var(--input__border--hover);
}
#blocGlobal #contenu .maxWidth1200 .floating__input::placeholder {
  color: rgba(0, 0, 0, 0);
}
#blocGlobal #contenu .maxWidth1200 .floating__label {
  display: block;
  position: relative;
  max-height: 0;
  font-weight: 500;
  pointer-events: none;
}
#blocGlobal #contenu .maxWidth1200 .floating__label::before {
  color: var(--label__color);
  content: attr(data-content);
  display: inline-block;
  filter: blur(0);
  backface-visibility: hidden;
  transform-origin: left top;
  transition: transform 0.2s ease;
  position: relative;
}
#blocGlobal #contenu .maxWidth1200 .floating__label::after {
  bottom: 1rem;
  content: "";
  height: 0.1rem;
  position: absolute;
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
  opacity: 0;
  left: 0;
  top: 100%;
  margin-top: -0.1rem;
  transform: scale3d(0, 1, 1);
  width: 100%;
}
#blocGlobal #contenu .maxWidth1200 .floating__input:focus + .floating__label::after {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
#blocGlobal #contenu .maxWidth1200 .floating__input:placeholder-shown + .floating__label::before {
  transform: translate3d(0, -35px, 0) scale3d(1, 1, 1);
}
#blocGlobal #contenu .maxWidth1200 .floating__input:placeholder-shown + .floating__label.textarea::before {
  transform: translate3d(0, -55px, 0) scale3d(1, 1, 1);
}
#blocGlobal #contenu .maxWidth1200 .floating__label::before,
#blocGlobal #contenu .maxWidth1200 .floating__input:focus + .floating__label::before {
  transform: translate3d(0, -45px, 0) scale3d(0.8, 0.8, 1);
}
#blocGlobal #contenu .maxWidth1200 .floating__label.textarea::before,
#blocGlobal #contenu .maxWidth1200 .floating__input:focus + .floating__label.textarea::before {
  transform: translate3d(0, -90px, 0) scale3d(0.8, 0.8, 1);
}
#blocGlobal #contenu .maxWidth1200 .floating__input:focus + .floating__label::before {
  color: var(--color__accent);
}
#blocGlobal #contenu .maxWidth1200 .hidden--visually {
  border: 0;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#blocGlobal #contenu .maxWidth1200 select {
  width: auto;
  display: inline-block;
  color: #000000;
  background: transparent url("/media/img/flecheBasse_grise.png") right 25px no-repeat;
  background-size: 19px;
  transition-property: all;
  transition: 0.5s ease-in-out;
  outline: medium none;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  vertical-align: top;
  margin: 0;
  padding: 0;
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
}
#blocGlobal #contenu .maxWidth1200 .g-recaptcha {
  display: flex;
  justify-content: center;
  margin: 20px auto;
}
#blocGlobal #contenu .maxWidth1200 hr.width160 {
  width: 160px;
  background-color: #000000;
  margin: 30px auto;
}
#blocGlobal #contenu .maxWidth1200 hr.width160.opac {
  background-color: rgba(0, 0, 0, 0.1);
}
#blocGlobal #contenu .maxWidth630,
#blocGlobal #contenu .maxWidth1200 {
  width: 100%;
  display: flex;
  position: relative;
  padding: 0 10px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth630 img,
#blocGlobal #contenu .maxWidth1200 img {
  width: 100%;
  display: flex;
  position: relative;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth630 .datasApartment,
#blocGlobal #contenu .maxWidth1200 .datasApartment {
  width: 100%;
  display: inline-block;
  position: relative;
  padding: 0 20px;
  margin: -100px 0 0 0;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth630 .datasApartment.noMarginPadding,
#blocGlobal #contenu .maxWidth1200 .datasApartment.noMarginPadding {
  margin: 0;
  padding: 0;
}
#blocGlobal #contenu .maxWidth630 .datasApartment a,
#blocGlobal #contenu .maxWidth1200 .datasApartment a {
  color: #000000;
}
#blocGlobal #contenu .maxWidth630 .datasApartment h1,
#blocGlobal #contenu .maxWidth1200 .datasApartment h1 {
  width: 100%;
  display: flex;
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 50px;
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth630 .datasApartment section,
#blocGlobal #contenu .maxWidth1200 .datasApartment section {
  float: left;
  position: relative;
  text-align: left;
  font-size: 20px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth630 .datasApartment section ul,
#blocGlobal #contenu .maxWidth1200 .datasApartment section ul,
#blocGlobal #contenu .maxWidth630 .datasApartment section li,
#blocGlobal #contenu .maxWidth1200 .datasApartment section li {
  list-style: disc;
}
#blocGlobal #contenu .maxWidth630 .datasApartment section ul,
#blocGlobal #contenu .maxWidth1200 .datasApartment section ul {
  margin: 0 0 0 20px;
}
#blocGlobal #contenu .maxWidth630 .datasApartment section.first,
#blocGlobal #contenu .maxWidth1200 .datasApartment section.first {
  width: 35% !important;
  background-color: #ffffff;
  padding: 20px;
}
#blocGlobal #contenu .maxWidth630 .datasApartment section.first strong,
#blocGlobal #contenu .maxWidth1200 .datasApartment section.first strong {
  font-size: 30px;
  line-height: 30px;
}
#blocGlobal #contenu .maxWidth630 .datasApartment section.first .more,
#blocGlobal #contenu .maxWidth1200 .datasApartment section.first .more {
  color: #525252;
  border: solid 1px rgba(82, 82, 82, 0.2);
  width: 75px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  cursor: pointer;
  padding-bottom: 4px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth630 .datasApartment section.first .more:hover,
#blocGlobal #contenu .maxWidth1200 .datasApartment section.first .more:hover {
  background: #525252;
  color: #fff;
}
#blocGlobal #contenu .maxWidth630 .datasApartment section.first .less,
#blocGlobal #contenu .maxWidth1200 .datasApartment section.first .less {
  color: #525252;
  border: solid 1px rgba(82, 82, 82, 0.2);
  width: 75px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  padding-bottom: 4px;
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  cursor: pointer;
}
#blocGlobal #contenu .maxWidth630 .datasApartment section.first .less:hover,
#blocGlobal #contenu .maxWidth1200 .datasApartment section.first .less:hover {
  background: #525252;
  color: #fff;
}
#blocGlobal #contenu .maxWidth630 .datasApartment section.last,
#blocGlobal #contenu .maxWidth1200 .datasApartment section.last {
  width: 65%;
}
#blocGlobal #contenu .maxWidth630 .datasApartment section.last.fullWidth,
#blocGlobal #contenu .maxWidth1200 .datasApartment section.last.fullWidth {
  width: 100%;
}
#blocGlobal #contenu .maxWidth630 .datasApartment section.last.marginBottom,
#blocGlobal #contenu .maxWidth1200 .datasApartment section.last.marginBottom {
  margin: 0 0 30px 0;
}
#blocGlobal #contenu .maxWidth630 .datasApartment section.last aside,
#blocGlobal #contenu .maxWidth1200 .datasApartment section.last aside {
  display: flex;
  margin-top: 10px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth630 .datasApartment section.last aside button,
#blocGlobal #contenu .maxWidth1200 .datasApartment section.last aside button {
  color: #00afde;
  background: transparent;
  border: none;
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.5;
  cursor: pointer;
  padding-bottom: 4px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth630 .datasApartment section.last aside button:hover,
#blocGlobal #contenu .maxWidth1200 .datasApartment section.last aside button:hover {
  opacity: 1;
}
#blocGlobal #contenu .maxWidth630 .datasApartment section.last aside a,
#blocGlobal #contenu .maxWidth1200 .datasApartment section.last aside a {
  color: #00afde;
  margin-left: 30px;
  border: solid 1px rgba(0, 175, 222, 0.2);
  background: transparent;
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  width: 95px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding-bottom: 4px;
}
#blocGlobal #contenu .maxWidth630 .datasApartment section.last aside a:hover,
#blocGlobal #contenu .maxWidth1200 .datasApartment section.last aside a:hover {
  background: #00afde;
  color: #fff;
  border: solid 1px #00afde;
}
#blocGlobal #contenu > section {
  border-top: solid 1px rgba(82, 82, 82, 0.2);
  border-bottom: solid 1px rgba(82, 82, 82, 0.2);
  padding: 25px 0;
  margin: 28px 0 23px 0;
}
#blocGlobal #contenu > section h1 {
  margin: 25px 5px;
  font-family: sofia-pro-bold, sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #525252;
  font-size: 30px;
  text-align: center;
}
#blocGlobal #contenu .maxWidth1220 {
  max-width: 1240px;
  width: 100%;
  display: inline-block;
  position: relative;
  text-align: center;
  padding: 0 10px;
  font-size: 20px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
  /*** responsive column ***/

  /* clearfix */

}
#blocGlobal #contenu .maxWidth1220.forceLeft {
  text-align: left;
}
#blocGlobal #contenu .maxWidth1220.intro {
  margin: 35px 0;
  font-size: 30px;
  line-height: 30px;
}
#blocGlobal #contenu .maxWidth1220.intro:after {
  content: "";
  width: 61px;
  height: 22px;
  display: flex;
  background: transparent url('/media/img/grande_flecheBasseNoire.png') left top no-repeat;
  background-size: 100%;
  margin: 20px auto 0 auto;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1220 h2 {
  width: 100%;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  line-height: normal;
  text-align: center;
  font-size: 40px;
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 800;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1220 h2.marginTop50 {
  margin: 50px 0 0 0;
}
#blocGlobal #contenu .maxWidth1220 .grid:after,
#blocGlobal #contenu .maxWidth1220 .grid2:after {
  content: '';
  display: block;
  clear: both;
}
#blocGlobal #contenu .maxWidth1220 .grid {
  margin: 50px auto 0 auto;
}
#blocGlobal #contenu .maxWidth1220 .grid .grid-item,
#blocGlobal #contenu .maxWidth1220 .grid .element-item {
  width: 300px;
  margin: 0;
  font-size: 20px;
}
#blocGlobal #contenu .maxWidth1220 .grid .grid-item:before,
#blocGlobal #contenu .maxWidth1220 .grid .element-item:before {
  content: "";
  width: 60px;
  height: 45px;
  background: transparent url('/media/img/logoEntete.png') left top no-repeat;
  background-size: 100%;
  position: absolute;
  z-index: 2;
  left: 10px;
  top: -25px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1220 .grid2 {
  margin: 0 auto;
}
#blocGlobal #contenu .maxWidth1220 .grid2 .grid-item,
#blocGlobal #contenu .maxWidth1220 .grid2 .element-item {
  width: 460px;
  margin: 0 0 20px 0;
  font-size: 0px;
}
#blocGlobal #contenu .maxWidth1220 .grid,
#blocGlobal #contenu .maxWidth1220 .grid2 {
  width: auto;
  display: inline-block;
}
#blocGlobal #contenu .maxWidth1220 .grid .grid-item,
#blocGlobal #contenu .maxWidth1220 .grid2 .grid-item,
#blocGlobal #contenu .maxWidth1220 .grid .element-item,
#blocGlobal #contenu .maxWidth1220 .grid2 .element-item {
  height: auto;
  float: left;
  position: relative;
  text-align: left;
  color: #000000;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1220 .grid .grid-item .cboxPhoto img,
#blocGlobal #contenu .maxWidth1220 .grid2 .grid-item .cboxPhoto img,
#blocGlobal #contenu .maxWidth1220 .grid .element-item .cboxPhoto img,
#blocGlobal #contenu .maxWidth1220 .grid2 .element-item .cboxPhoto img {
  width: 100%;
}
#blocGlobal #contenu .maxWidth1220 .grid .grid-item img,
#blocGlobal #contenu .maxWidth1220 .grid2 .grid-item img,
#blocGlobal #contenu .maxWidth1220 .grid .element-item img,
#blocGlobal #contenu .maxWidth1220 .grid2 .element-item img {
  width: 100%;
}
#blocGlobal #contenu .maxWidth1220 .grid .grid-item img.cboxPhoto,
#blocGlobal #contenu .maxWidth1220 .grid2 .grid-item img.cboxPhoto,
#blocGlobal #contenu .maxWidth1220 .grid .element-item img.cboxPhoto,
#blocGlobal #contenu .maxWidth1220 .grid2 .element-item img.cboxPhoto {
  width: 100%;
}
#blocGlobal #contenu .maxWidth1220 .grid .grid-item h2,
#blocGlobal #contenu .maxWidth1220 .grid2 .grid-item h2,
#blocGlobal #contenu .maxWidth1220 .grid .element-item h2,
#blocGlobal #contenu .maxWidth1220 .grid2 .element-item h2 {
  width: 100%;
  float: left;
  position: relative;
  text-align: left;
  margin: 10px 0;
  padding: 0;
  line-height: 30px;
  font-size: 30px;
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 300;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1220 .grid .grid-item h3,
#blocGlobal #contenu .maxWidth1220 .grid2 .grid-item h3,
#blocGlobal #contenu .maxWidth1220 .grid .element-item h3,
#blocGlobal #contenu .maxWidth1220 .grid2 .element-item h3 {
  width: 100%;
  float: left;
  position: relative;
  text-align: left;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 20px;
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-style: italic;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1220 .grid .grid-item ul li,
#blocGlobal #contenu .maxWidth1220 .grid2 .grid-item ul li,
#blocGlobal #contenu .maxWidth1220 .grid .element-item ul li,
#blocGlobal #contenu .maxWidth1220 .grid2 .element-item ul li {
  color: #09aac3;
  list-style: disc;
  margin: 0 0 0 20px;
}
#blocGlobal #contenu .maxWidth1220 .grid .grid-item .video,
#blocGlobal #contenu .maxWidth1220 .grid2 .grid-item .video,
#blocGlobal #contenu .maxWidth1220 .grid .element-item .video,
#blocGlobal #contenu .maxWidth1220 .grid2 .element-item .video {
  width: 100%;
  height: 280px;
  float: left;
  position: relative;
  text-align: center;
  /***&:after{
							content:" ";
							width:100%;
							height:300px;
							position:absolute;
							z-index:4;
							margin: auto;
							left: 0;
							right: 0;
							top: 0;
							bottom: 0;
							background-color: #000000;
							.opacite(30);
							.transition(0.5s);
						}
						&:hover:after{
							background-color: transparent;
							.opacite(100);
						}***/

}
#blocGlobal #contenu .maxWidth1220 .grid .grid-item .video:before,
#blocGlobal #contenu .maxWidth1220 .grid2 .grid-item .video:before,
#blocGlobal #contenu .maxWidth1220 .grid .element-item .video:before,
#blocGlobal #contenu .maxWidth1220 .grid2 .element-item .video:before {
  content: " ";
  width: 85px;
  height: 85px;
  position: absolute;
  z-index: 5;
  background: transparent url('/media/img/btPlay.png') center center no-repeat;
  background-size: 100%;
  margin: auto;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  filter: alpha(opacity=100);
  opacity: 0.75;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu .maxWidth1220 .grid .grid-item .video:hover:before,
#blocGlobal #contenu .maxWidth1220 .grid2 .grid-item .video:hover:before,
#blocGlobal #contenu .maxWidth1220 .grid .element-item .video:hover:before,
#blocGlobal #contenu .maxWidth1220 .grid2 .element-item .video:hover:before {
  filter: alpha(opacity=100);
  opacity: 1;
}
#blocGlobal #contenu .maxWidth1220 .grid .grid-item .video img,
#blocGlobal #contenu .maxWidth1220 .grid2 .grid-item .video img,
#blocGlobal #contenu .maxWidth1220 .grid .element-item .video img,
#blocGlobal #contenu .maxWidth1220 .grid2 .element-item .video img {
  width: 100%;
}
#blocGlobal #contenu .maxWidth1220 .grid .grid-item .video strong,
#blocGlobal #contenu .maxWidth1220 .grid2 .grid-item .video strong,
#blocGlobal #contenu .maxWidth1220 .grid .element-item .video strong,
#blocGlobal #contenu .maxWidth1220 .grid2 .element-item .video strong {
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  padding: 5px;
  font-size: 15px;
}
#blocGlobal #contenu .maxWidth1220 .grid .grid-item .photo,
#blocGlobal #contenu .maxWidth1220 .grid2 .grid-item .photo,
#blocGlobal #contenu .maxWidth1220 .grid .element-item .photo,
#blocGlobal #contenu .maxWidth1220 .grid2 .element-item .photo {
  width: 100%;
  height: 100%;
  position: absolute;
  text-align: right;
  left: 0;
  bottom: 0;
  /***&:after{
							content:" ";
							width:100%;
							height:100%;
							position:absolute;
							z-index:4;
							margin: auto;
							left: 0;
							right: 0;
							top: 0;
							bottom: 0;
							background-color: #000000;
							.opacite(30);
							.transition(0.5s);
						}
						&:hover:after{
							background-color: transparent;
							.opacite(100);
						}***/

}
#blocGlobal #contenu .maxWidth1220 .grid .grid-item .photo img,
#blocGlobal #contenu .maxWidth1220 .grid2 .grid-item .photo img,
#blocGlobal #contenu .maxWidth1220 .grid .element-item .photo img,
#blocGlobal #contenu .maxWidth1220 .grid2 .element-item .photo img {
  width: 100%;
}
#blocGlobal #contenu .maxWidth1220 .grid .grid-item .photo strong,
#blocGlobal #contenu .maxWidth1220 .grid2 .grid-item .photo strong,
#blocGlobal #contenu .maxWidth1220 .grid .element-item .photo strong,
#blocGlobal #contenu .maxWidth1220 .grid2 .element-item .photo strong {
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  padding: 5px;
  font-size: 15px;
}
#blocGlobal #contenu.pageSecondaire #makeMeScrollable2 {
  height: 360px !important;
}
#blocGlobal #contenu.pageSecondaire #makeMeScrollable2 h1 {
  position: absolute;
  margin: 0;
  padding: 0;
  color: #ffffff;
  left: 15px;
  bottom: 15px;
  z-index: 2;
  line-height: normal;
  font-size: 50px;
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 700;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu.pageSecondaire #makeMeScrollable2 .morePicture {
  width: auto;
  position: absolute;
  padding: 3px 10px 5px 10px;
  z-index: 2;
  right: 20px;
  bottom: 20px;
  color: #000000;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 20px;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu.pageSecondaire #makeMeScrollable2 .morePicture:hover {
  background-color: #ffffff;
}
#blocGlobal #contenu.pageSecondaire #makeMeScrollable2 .morePicture.noCss {
  padding: 0;
  display: none;
}
#blocGlobal #contenu.pageSecondaire h1 {
  display: flex;
  color: #07b0db;
  font-size: 60px;
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal #contenu.pageSecondaire h1.light {
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 200;
}
#blocGlobal #contenu.pageSecondaire h1.alignLeft {
  justify-content: flex-start;
  align-items: flex-start;
}
#blocGlobal #contenu.pageSecondaire h1 hr {
  width: 120px;
  background-color: #00afde;
  margin-top: 25px;
  margin-bottom: 10px;
}
#blocGlobal #contenu.pageSecondaire h1 strong {
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 40px;
}
#blocGlobal footer {
  width: 100%;
  background: rgba(0, 0, 0, 0.05);
  padding: 38px 30px 26px 30px;
  display: inline-block;
  position: relative;
}
#blocGlobal footer h2 {
  display: inline-block;
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  color: #000;
  margin-top: 0 !important;
  margin-left: auto;
  margin-right: auto;
}
#blocGlobal footer nav ul#menu {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#blocGlobal footer nav ul#menu li {
  display: flex;
  align-items: center;
  text-align: center;
  -o-transition-property: all;
  -o-transition: 0.5s ease-in-out;
  -moz-transition-property: all;
  -moz-transition: 0.5s ease-in-out;
  -webkit-transition-property: all;
  -webkit-transition: 0.5s ease-in-out;
  transition-property: all;
  transition: 0.5s ease-in-out;
}
#blocGlobal footer nav ul#menu li a:not(#lng) {
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  color: #000000;
  padding: 5px 20px 10px 20px;
  opacity: 0.5;
  font-size: 20px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  line-height: 20px;
}
#blocGlobal footer nav ul#menu li a:not(#lng).blueLink {
  color: #ffffff;
  background-color: #07b0db;
  opacity: 1 !important;
  border: solid 1px #07b0db;
}
#blocGlobal footer nav ul#menu li a:not(#lng).blueLink:hover {
  background-color: transparent !important;
  color: #07b0db !important;
}
#blocGlobal footer nav ul#menu li a:not(#lng):hover,
#blocGlobal footer nav ul#menu li a:not(#lng).sel {
  opacity: 1;
}
#blocGlobal footer nav ul#menu li a:not(#lng):before {
  display: flex;
}
#blocGlobal footer nav aside {
  display: flex;
  justify-content: center;
  margin: 30px 0 5px 0;
}
#blocGlobal footer nav aside a,
#blocGlobal footer nav aside i {
  font-size: 30px;
  height: 30px;
  color: #000;
  margin: 0 13px;
  width: 30px;
}
#blocGlobal footer > aside {
  text-align: right !important;
}
#blocGlobal footer > aside a {
  margin-left: 20px;
  font-size: 15px;
  font-family: sofia-pro, sans-serif;
  font-style: normal;
  font-weight: 300;
  opacity: 0.5;
  color: #525252;
}
#blocGlobal footer > aside a:hover {
  opacity: 1;
}
/*@media screen and (max-width: 1050px) {
	#blocGlobal{
		#entete,#enteteSecondaire{
			nav {

				ul {
					justify-content: flex-start;
					
					li{
						&:first-child{
							margin: inherit;
						}
					}
				}
			}
		}
	}
}*/
@media (min-width: 1050px) {
  #blocGlobal #entete nav ul#menu,
  #blocGlobal #enteteSecondaire nav ul#menu {
    display: flex !important;
  }
}
@media screen and (max-width: 1050px) {
  #blocGlobal #entete#entete .hamburger,
  #blocGlobal #enteteSecondaire#entete .hamburger,
  #blocGlobal #entete#entete .hamburger::before,
  #blocGlobal #enteteSecondaire#entete .hamburger::before,
  #blocGlobal #entete#entete .hamburger::after,
  #blocGlobal #enteteSecondaire#entete .hamburger::after {
    background: #07b0db;
    /*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  					-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  					box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);*/
  
  }
  #blocGlobal #entete#enteteSecondaire .hamburger,
  #blocGlobal #enteteSecondaire#enteteSecondaire .hamburger,
  #blocGlobal #entete#enteteSecondaire .hamburger::before,
  #blocGlobal #enteteSecondaire#enteteSecondaire .hamburger::before,
  #blocGlobal #entete#enteteSecondaire .hamburger::after,
  #blocGlobal #enteteSecondaire#enteteSecondaire .hamburger::after {
    background: #4a4d4e;
  }
  #blocGlobal #entete#enteteSecondaire .open .hamburger,
  #blocGlobal #enteteSecondaire#enteteSecondaire .open .hamburger,
  #blocGlobal #entete#enteteSecondaire .open .hamburger::before,
  #blocGlobal #enteteSecondaire#enteteSecondaire .open .hamburger::before,
  #blocGlobal #entete#enteteSecondaire .open .hamburger::after,
  #blocGlobal #enteteSecondaire#enteteSecondaire .open .hamburger::after {
    background: #ffffff;
  }
  #blocGlobal #entete#enteteSecondaire nav ul li,
  #blocGlobal #enteteSecondaire#enteteSecondaire nav ul li {
    border-left: none;
  }
  #blocGlobal #entete#enteteSecondaire nav ul li a,
  #blocGlobal #enteteSecondaire#enteteSecondaire nav ul li a {
    color: #ffffff;
  }
  #blocGlobal #entete#enteteSecondaire .arrow,
  #blocGlobal #enteteSecondaire#enteteSecondaire .arrow {
    display: none;
  }
  #blocGlobal #entete .menu-toggle,
  #blocGlobal #enteteSecondaire .menu-toggle {
    position: absolute;
    z-index: 6;
    display: inline;
    padding: 0.8em;
    top: 20px;
    right: 5px;
    cursor: pointer;
  }
  #blocGlobal #entete .hamburger,
  #blocGlobal #enteteSecondaire .hamburger,
  #blocGlobal #entete .hamburger::before,
  #blocGlobal #enteteSecondaire .hamburger::before,
  #blocGlobal #entete .hamburger::after,
  #blocGlobal #enteteSecondaire .hamburger::after {
    content: '';
    display: block;
    height: 3px;
    width: 20px;
    -webkit-transition: all ease-in-out 350ms;
    transition: all ease-in-out 350ms;
  }
  #blocGlobal #entete .hamburger::before,
  #blocGlobal #enteteSecondaire .hamburger::before {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
  }
  #blocGlobal #entete .hamburger::after,
  #blocGlobal #enteteSecondaire .hamburger::after {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  #blocGlobal #entete .open .hamburger,
  #blocGlobal #enteteSecondaire .open .hamburger {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #ffffff !important;
  }
  #blocGlobal #entete .open .hamburger:before,
  #blocGlobal #enteteSecondaire .open .hamburger:before {
    display: none;
  }
  #blocGlobal #entete .open .hamburger:after,
  #blocGlobal #enteteSecondaire .open .hamburger:after {
    -webkit-transform: translateY(0px) rotate(-90deg);
    transform: translateY(0px) rotate(-90deg);
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #ffffff !important;
  }
  #blocGlobal #entete #logoMobile,
  #blocGlobal #enteteSecondaire #logoMobile {
    display: flex;
  }
  #blocGlobal #entete nav,
  #blocGlobal #enteteSecondaire nav {
    width: 100%;
    position: absolute;
    z-index: 5;
    right: 0;
    top: 0;
    background-color: #07b0db;
  }
  #blocGlobal #entete nav.opening,
  #blocGlobal #enteteSecondaire nav.opening {
    padding: 0 20px 20px 20px;
  }
  #blocGlobal #entete nav ul#menu,
  #blocGlobal #enteteSecondaire nav ul#menu {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    display: none;
    overflow: hidden;
  }
  #blocGlobal #entete nav ul#menu.opening,
  #blocGlobal #enteteSecondaire nav ul#menu.opening {
    height: auto;
    overflow: inherit;
  }
  #blocGlobal #entete nav ul#menu li,
  #blocGlobal #enteteSecondaire nav ul#menu li {
    width: 100%;
    flex-direction: column;
    height: auto;
    margin: 0;
    padding: 10px 0;
  }
  #blocGlobal #entete nav ul#menu li:first-child,
  #blocGlobal #enteteSecondaire nav ul#menu li:first-child {
    padding: 0 0 10px 0;
  }
  #blocGlobal #entete nav ul#menu li:not(:first-child),
  #blocGlobal #enteteSecondaire nav ul#menu li:not(:first-child) {
    margin: inherit;
  }
  #blocGlobal #entete nav ul#menu li:last-child,
  #blocGlobal #enteteSecondaire nav ul#menu li:last-child {
    width: 100%;
    margin: auto !important;
  }
  #blocGlobal #entete nav ul#menu li:last-child #listLng,
  #blocGlobal #enteteSecondaire nav ul#menu li:last-child #listLng {
    margin: auto !important;
  }
  #blocGlobal #entete nav ul#menu li:last-child a,
  #blocGlobal #enteteSecondaire nav ul#menu li:last-child a {
    margin: auto !important;
  }
  #blocGlobal #entete nav ul#menu li:last-child a:hover,
  #blocGlobal #enteteSecondaire nav ul#menu li:last-child a:hover,
  #blocGlobal #entete nav ul#menu li:last-child a.sel,
  #blocGlobal #enteteSecondaire nav ul#menu li:last-child a.sel {
    background-color: transparent !important;
  }
  #blocGlobal #entete nav ul#menu li a:not(#lng):hover,
  #blocGlobal #enteteSecondaire nav ul#menu li a:not(#lng):hover,
  #blocGlobal #entete nav ul#menu li a:not(#lng).sel,
  #blocGlobal #enteteSecondaire nav ul#menu li a:not(#lng).sel {
    color: #000000;
    background-color: #ffffff;
  }
  #blocGlobal #entete nav ul#menu li a:not(#lng).blueLink:hover,
  #blocGlobal #enteteSecondaire nav ul#menu li a:not(#lng).blueLink:hover {
    color: #07b0db !important;
    background-color: #ffffff !important;
    border: solid 1px #ffffff !important;
  }
  #blocGlobal #contenu {
    /* ---- isotope ---- */
  
  }
  #blocGlobal #contenu #makeMeScrollable2 {
    /***#grande_bulle{
  					width:150px;
  					height:181px;
  					top: 120px;
  				}***/
  
  }
  #blocGlobal #contenu .maxWidth640 {
    padding: 0 10px;
  }
  #blocGlobal #contenu .gridFilter {
    /* ---- .element-item ---- */
  
  }
  #blocGlobal #contenu .gridFilter .element-item {
    width: 300px;
  }
  #blocGlobal #contenu .gridFilter .element-item .libelleGalerie h1 {
    margin: 10px 0;
    line-height: 20px;
    font-size: 20px;
  }
  #blocGlobal #contenu .gridFilter .element-item .libelleGalerie h2 {
    font-size: 15px;
    font-family: sofia-pro, sans-serif;
    font-style: normal;
    font-weight: 400;
  }
  #blocGlobal #contenu .flexCenter {
    flex-wrap: wrap;
  }
  #blocGlobal #contenu .maxWidth1200 {
    flex-direction: column!important;
  }
  #blocGlobal #contenu .maxWidth1200 .rates {
    max-width: 360px;
    width: 100%;
    margin: 0 0 30px 0;
  }
  #blocGlobal #contenu .maxWidth1200 .rates.pointer {
    max-width: 100%;
  }
  #blocGlobal #contenu .maxWidth1200 #blocG {
    width: 100%;
  }
  #blocGlobal #contenu .maxWidth1200 #blocD {
    width: 100%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  #blocGlobal #contenu .maxWidth1200 #blocD .datasApartment {
    max-width: 360px;
    width: 100%;
    display: flex;
  }
  #blocGlobal #contenu .maxWidth1200 h2 {
    display: flex;
    margin: 0 0 20px 0;
    padding: 0;
    text-align: left;
    font-size: 30px;
  }
  #blocGlobal #contenu .maxWidth1200 h2.marginTop40 {
    margin: 40px 0 0 0;
  }
  #blocGlobal #contenu .maxWidth1200 legend {
    display: flex;
    text-align: left;
    margin: 0 0 60px 0;
  }
  #blocGlobal #contenu .maxWidth1200 legend li {
    display: flex;
    float: left;
    position: relative;
    align-items: center;
    margin: 0 5px 0 0;
  }
  #blocGlobal #contenu .maxWidth1200 legend li:before {
    content: "";
    width: 1px;
    height: 40px;
    display: inline-block;
    position: relative;
    background-color: rgba(0, 0, 0, 0.1);
    margin: 0 5px;
  }
  #blocGlobal #contenu .maxWidth1200 .savoirPlus {
    width: 61px;
    height: 22px;
    display: flex;
    margin: auto;
    background: transparent url('/media/img/grde_fleche.png') left top no-repeat;
    background-size: 100%;
    transform-style: preserve-3d;
    margin: 30px auto 0 auto;
    filter: alpha(opacity=100);
    opacity: 0.5;
    -o-transition-property: all;
    -o-transition: 0.5s ease-in-out;
    -moz-transition-property: all;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition-property: all;
    -webkit-transition: 0.5s ease-in-out;
    transition-property: all;
    transition: 0.5s ease-in-out;
  }
  #blocGlobal #contenu .maxWidth1200 .savoirPlus.off {
    transform: rotateX(0deg);
  }
  #blocGlobal #contenu .maxWidth1200 .savoirPlus.off.minimum {
    margin: -50px auto 0 auto;
  }
  #blocGlobal #contenu .maxWidth1200 .savoirPlus.on {
    transform: rotateX(180deg);
  }
  #blocGlobal #contenu .maxWidth1200 .savoirPlus.on.minimum {
    margin: 15px auto 0 auto;
  }
  #blocGlobal #contenu .maxWidth1200 .savoirPlus:hover {
    filter: alpha(opacity=100);
    opacity: 1;
  }
  #blocGlobal #contenu .maxWidth1200 .dyptique .apt .datas h1 {
    line-height: 30px;
    font-size: 30px;
  }
  #blocGlobal #contenu .maxWidth1200 .dyptique .apt .datas b {
    font-size: 20px;
  }
  #blocGlobal #contenu .maxWidth1200 .maxWidth1040 .datasLocalArea {
    padding: 0 10px;
  }
  #blocGlobal #contenu .maxWidth630 .datasApartment h1,
  #blocGlobal #contenu .maxWidth1200 .datasApartment h1 {
    font-size: 30px;
  }
  #blocGlobal #contenu .maxWidth630 .datasApartment section,
  #blocGlobal #contenu .maxWidth1200 .datasApartment section {
    font-size: 20px;
  }
  #blocGlobal #contenu .maxWidth630 .datasApartment section.first,
  #blocGlobal #contenu .maxWidth1200 .datasApartment section.first {
    width: 100% !important;
    padding: 10px;
  }
  #blocGlobal #contenu .maxWidth630 .datasApartment section.last,
  #blocGlobal #contenu .maxWidth1200 .datasApartment section.last {
    width: 100% !important;
  }
  #blocGlobal #footer ul#menuFooter li {
    width: 100%;
    height: auto;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    align-items: flex-start;
  }
  #blocGlobal #footer ul#menuFooter li:nth-child(1) {
    align-items: flex-start;
  }
}