 
section, article, header, footer, nav, aside, hgroup, figure, figurecaption{
	display:block;
}

* {
  	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	margin:0;
	padding:0;
}
body {
	width:100%;
	min-height: 100%;
	margin: 0 auto;
	padding:0;
	font-family: 'NolanNext-Regular', sans-serif;
	color:#374452;
}
html {
	height: 100%;
}
a {
 	color: #333;
}
img {
	max-width :100%;
	height: auto;
}
.clear	{
	clear:both;
}
.fullscreen {
  width: 100%;
  margin: 4em auto 2em auto;
  overflow: hidden;
}
.gras {
  font-family: 'NolanNext-Bold', sans-serif;
  text-transform:uppercase;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
HEADER
–––––––––––––––––––––––––––––––––––––––––––––––––– */
header {
  width: 100%;
  margin: 3em auto 0 auto;
  z-index:9999;
}
#bandeau_header {
  width: 100%;
  height: 2.813em;
  background: #69b4dc;
  margin: 0 auto;
  position: fixed;
  top:0;
  z-index: 99999;
}
.bandeau {
    width: 1280px;
	margin: 0 auto;
	padding: 0.800em 0 0 0;
	font-family: 'NolanNext-Bold', sans-serif;
	: 1em;
	color: #FFF;
	text-align: right;
 	position:relative;
}
#bandeau_header .bandeau a {
 	color: #FFF;
}
.backtotop {
	font-style:normal;
	font-size: 1em;
	line-height: 1;
}
#logo-top {
	float:left;
	display:inline-block;
	margin-top:1px;
}
.tel {
	font-family: 'NolanNext-Bold', sans-serif;
	font-style:normal;
	font-size:1.05em; !Debug rendu
	clear:both;
}
.sep {
	padding: 0 0.750em;
}
.bandeau > .sep {
	padding: 0 0.750em;
	font-family: 'NolanNext-Thin', sans-serif;
}
.sep2 {
	padding: 0 1em;
}
.sep3 {
	color:#7f94b1;
	font-size:1.500em;
	padding: 0 1em;
}
.recherche {
	width: 100%;
	margin:0 auto;
	background:#d7f0ff;
	height:3.000em;
	display:none;
	overflow:hidden;
	top: 2.750em;
	position: fixed;
	z-index: 99999;
}
.zonerecherche {
	width:1280px;
	margin:0 auto;
	padding: 0.650em 0;
}
[type="search"] {
	-webkit-appearance: none;
	-webkit-box-sizing: content-box;
	-webkit-border-radius:0;
	border-radius:0;
	border:none;
	padding: .2em;
	margin-left:1em;
	color:#374452;
	font-size:1em;
	-webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
[type="search"]:focus {
	width:60%;
}
.pictoblanc {
	color:#69b4dc;
	font-size:1.3em;
	margin-left: 1em;
}
.droite {
	float:right;
}
.validation {
	font-family: 'NolanNext-Light', sans-serif;
	color:#69b4dc;
	font-size:1.100em;
	text-decoration:none;
}
.flip {
	font-size:1em;
}
.liensblanc {
	color: #FFF;
	text-decoration: none;
	font-style: italic;
}
.liensblanc:hover {
	text-decoration: underline;
}
.liensblancs {
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
}
.liensblancs:hover {
	color:#82a5c8;
}
.liensfil {
	text-decoration: none;
}
.logo {
	margin-top:-2.4em;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
MENU
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.menu {
  position:relative;
}
.headsmart, .connect, .brsaut, .brsautfoot{
  display:none;
}
.brsautfoot2 {
    display: block;
}
header figure {
  width: 14.750em;
  position:inherit;
  margin:1em 0 0 0;
}
.menu-container {
  width: 100%;
  margin: 0 auto;
  z-index:5;
}
.menu-mobile {
  display: none;
  padding: 1.250em;
  color:#FFF;
}
.menu-mobile:after {
  content: "\f0c9";
  font-family: "FontAwesome";
  font-size: 1.8em;
  padding: 0;
  position: absolute;
  top: 6px;
  height:35px !important;
  overflow:hidden !important;
}
.menu-dropdown-icon:before {
  content: "\f067";
  font-family: "FontAwesome";
  font-size: 0.8em;
  display: none;
  cursor: pointer;
  float: right;
  padding: 1em 2.4em;
  color: #000;
  line-height: 1em;
  z-index:999;
}
.menu-dropdown-icon:hover:before {
  content: "\f067";
  font-family: "FontAwesome";
  display: none;
  cursor: pointer;
  float: right;
  padding: 1em 2.4em;
  color: #000;
  z-index:999;
}
.menu > ul {
  margin: 0;
  list-style: none;
  padding: 3.700em 0 0 0;
  position: relative;
  box-sizing: border-box;
}
.menu > ul:before,
.menu > ul:after {
  content: "";
  display: table;
}
.menu > ul:after {
  clear: both;
}
.menu > ul > li {
  float: left;
  margin: 0;
  height: 4.200em;
}
.menu > ul > li:nth-child(2) {
  margin-left:10%;
}
.menu > ul > li a:first-child {
  text-decoration: none;
  padding: .1em 0.80em;
  display: block;
  text-transform: uppercase;
}
.menu > ul > li:hover:first-child {
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: none;
}
.menu > ul > li a {
  text-decoration: none;
  padding: 1.4em 1.5em;
  display: block;
  text-transform: uppercase;
}
.menu > ul > li:hover {
  border-bottom-width: 0.413em;
  border-bottom-style: solid;
  border-bottom-color: #78bbdf;
}
.menu > ul > li > ul {
  display: none;
  width: 100% !important; 
  padding: 1.250em;
  position: absolute;
  z-index: 2000;
  left: 0;
  top: 7.900em;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 50%;
  background: none;
  float: left;
}
.menu > ul > li:nth-child(3) > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 50%;
  background: none;
  float: left;
}
.menu > ul > li:nth-child(3) > ul > li:nth-child(n+2) {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 18%;
  background: none;
  float: left;
}
.menu > ul > li > ul > li a {
  font-family: 'NolanNext-Bold', sans-serif;
  color: #FFF;
  padding: .2em 0;
  display: block !important;
}
.menu > ul > li > ul > li > ul {
  display: block !important;
  padding: 0;
  margin: 0.625em 0;
  list-style: none;
  box-sizing: border-box;
}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 0.625em 0;
  margin: 0;
  font-size: .8em;
}
.menu > ul > li > ul > li > ul > li a {
  padding-left:1.500em;
  border: 0;
}
.menu > ul > li > ul.normal-sub {
  width: 25.000em;
  left: auto;
  padding: 0.625em 1.250em;
}
.menu > ul > li > ul.normal-sub > li {
  width: 100%;
}
.menu > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 1em 0;
}
.onglet_rechercher_resp 
	{
	display:none;
	}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
SOUS MENU
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.reserver {
	background: #ef7c04;
  	background:rgba(239, 124, 4, 0.95);
}
.bold {
	font-family: 'NolanNext-Heavy', sans-serif;
	font-size:0.850em;
}
.sousmenureserver {
	border-left:#FFF thin solid;
	border-left:rgba(255, 255, 255, 0.5) thin solid;
}
.decouvrir {
	background: #78b928;
  	background:rgba(120, 185, 40, 0.95);
}
.reservertexte {
	padding: 4% 2% 8% 0;
	font-family: 'NolanNext-Light', sans-serif;
	text-transform: uppercase;
	color: #FFF;
	text-align: right;
	font-size:1.450em;
}
.partager {
	background: #e5007d;
  	background:rgba(229, 0, 125, 0.90);
}
.marge{
	padding-left:3.125em;
}
.direct {
	background: #814897;
  	background:rgba(129, 72, 151, 0.95);
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
SLIDER HOME
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#photohome, #photoresultat, #photoreserv {
	width: 100%;
	max-width:120.000em;
	margin: 0 auto;	
}
.grandslide {
	width: 100%;
	margin: 0 auto;
	position:relative;
}
.caroussel {
	width: 100%;
	margin: 0 auto;
}
.texteslidecaroussel{
	position:absolute;
	width:100%;
	bottom:15%;
	left:10%;
	font-family: 'lobster_1.3regular', cursive;
	letter-spacing:1px;
	font-size: 4.063em;
	letter-spacing:1px;
	line-height:1em;	
	padding:2em;
	color: #374452;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
SEJOURS HOME
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#sejour {
	width: 1280px;
	height:36.3em;
	margin: 0em auto;
    position:relative;
}
.maps{
    overflow:hidden;
    position:relative;
	height:33.975em;
	width:79%;
	float:right;
	margin-top: 2.350em;
}
.maps iframe{
    right:0;
    top:0;
    height:33.975em;
    width:90%;
    position:absolute;
}
#blocorange {
    width: 23.600em;
	height:36.3em;
	padding: 0;
	background: #f08610;
	position:absolute;
	top:0em;
	left:0;
	color:#FFF;
}
.offresejour{
    width: 80%;
	text-align:left;	
	font-family: 'lobster_1.3regular', cursive;
	letter-spacing:1px;
	font-size:4.375em;
	line-height:0.750em;
	margin: 0.500em 0 0 0.550em;
}
.offresejour span{
	display:block;
	font-size:0.500em;
}
.sejourtxt {
    width: 80%;
	font-family: 'NolanNext-Book', sans-serif;
	text-align:left;
	font-size:1em;
	text-transform:uppercase;
	margin: 1em 0 1.150em 2.350em;
}
.sejourtxt span {
	display:block;
	font-family: 'NolanNext-Bold', sans-serif;
	text-align:left;
}
#choixsejour {
	margin: 0 0 0 2.300em;
}
.formsation {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	width: 20em;
	padding: 0.500em;
	background: #FFF;
	border: thin solid #000;
	margin-top: 1em;
}
#station, #personnes, #duree, #date, #stationwebcam, #stationwebcam2, #choixwebcam, #datedepart{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../images/choix_form2.png);
	background-position: 16.2em;
	background-repeat: no-repeat;
	color:#000;
	cursor: pointer;
}
#station, #personnes, #date, #duree{
	background-position: 18.2em;
}
#langues{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../images/choix_form.png);
	background-position: 16em;
	background-repeat: no-repeat;
	color:#FFF;
	cursor: pointer;
}
#recherchesejour {
	font-family: 'NolanNext-Bold', sans-serif;
    width: 10em;
	padding: 0.500em;
	background: none;
	border: thin solid #FFF;
	position:absolute;
	left:10%;
	color:#FFF;
	text-align:center;
	font-size:0.850em;
	margin-top:5%;
	display:inline-block;
}
#recherchesejour:hover {
	background: #FFF;
	color:#f08610;
}
.criteres {
    width: 10em;
	color:#FFF;
	padding: 0.500em;
	background: none;
	position:absolute;
	right:5%;
	color:#FFF;
	text-align:center;
	font-size:0.850em;
	margin-top:5%;
	display:inline-block;
}
.form_generique1 {
	-webkit-appearance: none;
	-webkit-box-sizing: content-box;
	-webkit-border-radius:0;
	border-radius:0;
	width: 17.8em;
	padding: 0.500em;
	background: #FFF;
	margin-top: 0.9em;
	border: thin solid #374452;
	opacity: 100 !important;
	cursor:default !important;
}
.form_generique2{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius:0;
	border-radius:0;
	background:#FFF;
	color:#000;
	cursor: pointer;
	display:inline-block;
	width:auto;
	padding: 0.500em;
	margin: 0;
	border: thin solid #374452;
	opacity: 100 !important;
}
.form_generique_selecteur
	{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius:0;
	border-radius:0;
	background:#FFF;
	background-image: url(../images/search.png);
	background-position: 0.5em;
	background-size: auto 50%;
	background-repeat: no-repeat;
	color:#000;
	cursor: pointer;
	display:inline-block;
	width:14em;
	padding: 0.5em;
	padding-left:2.2em;
	margin: 0;
	border: thin solid #374452;
	opacity: 100 !important;
	}
.form_generique_bouton
	{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius:0;
	border-radius:0;
	background:#FFF;
	color:#000;
	cursor: pointer;
	display:inline-block;
	text-align:center;
	text-decoration:none;
	width:auto;
	padding: 0.5em 1em;
	margin: 0;
	border: thin solid #374452;
	opacity: 100 !important;
	}
.form_generique_calendrier
	{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius:0;
	border-radius:0;
	background:#FFF;
	background-image: url(../images/calendar.png);
	background-position: 0.5em;
	background-size: auto 50%;
	background-repeat: no-repeat;
	color:#000;
	cursor: pointer;
	display:inline-block;
	width:14em;
	padding: 0.5em;
	padding-left:2.2em;
	margin: 0;
	border: thin solid #374452;
	opacity: 100 !important;
	}
.form_generique_dropbox
	{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius:0;
	border-radius:0;
	background:#FFF;
	background-image: url(../images/dropbox.png);
	background-position: 12em;
	background-size: auto 50%;
	background-repeat: no-repeat;
	color:#000;
	cursor: pointer;
	display:inline-block;
	width:14em;
	padding: 0.5em;
	padding-right:2.2em;
	margin: 0;
	border: thin solid #374452;
	opacity: 100 !important;
	}
.form_generique_selecteur_extended
	{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius:0;
	border-radius:0;
	background:#FFF;
	background-image: url(../images/search.png);
	background-position: 0.5em;
	background-size: auto 50%;
	background-repeat: no-repeat;
	color:#000;
	cursor: pointer;
	display:inline-block;
	width:20em;
	padding: 0.5em;
	padding-left:2.2em;
	margin: 0;
	border: thin solid #374452;
	opacity: 100 !important;
	}
.form_generique_calendrier_extended
	{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius:0;
	border-radius:0;
	background:#FFF;
	background-image: url(../images/calendar.png);
	background-position: 0.5em;
	background-size: auto 50%;
	background-repeat: no-repeat;
	color:#000;
	cursor: pointer;
	display:inline-block;
	width:20em;
	padding: 0.5em;
	padding-left:2.2em;
	margin: 0;
	border: thin solid #374452;
	opacity: 100 !important;
	}
.form_generique_dropbox_extended
	{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius:0;
	border-radius:0;
	background:#FFF;
	background-image: url(../images/dropbox.png);
	background-position: 18em;
	background-size: auto 50%;
	background-repeat: no-repeat;
	color:#000;
	cursor: pointer;
	display:inline-block;
	width:20em;
	padding: 0.5em;
	padding-right:2.2em;
	margin: 0;
	border: thin solid #374452;
	opacity: 100 !important;
	}
.slide_bouton
	{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius:0;
	border-radius:0;
	background:#FFF;
	color:#000;
	cursor: pointer;
	display:inline-block;
	text-align:center;
	text-decoration:none;
	width:auto;
	padding: 0.63em;
	margin: 0;
	border: thin solid #374452;
	opacity: 100 !important;
	}
.tableau_generique1 td
	{
	padding:0em 2em 2em 0em;
	}
.tableau_generique2 td
	{
	padding:0em 0em 0em 0em;
	}
.tableau_generique3 td
	{
	padding:0em 0em 0em 0em;
	}
.texte_basique_fond1
	{
	background-color:#f9f5f0;
	color:#374452;
	width:100%;
	font-size:0.850em;
	line-height:1.250em;
	margin: 0em auto 0 auto;
	padding: 1em 1.500em 1.500em 1.500em;
	}
.texte_basique1
	{
	width:100%;
	font-size:0.850em;
	line-height:1.250em;
	padding: 1em 1.500em 0em 1.500em;
	text-align:justify;
	margin: 0 auto 0 auto;
	}
.texte_basique_responsive1
	{
	width:100%;
	font-size:0.85em;
	padding: 1em 1.500em 0em 1.500em;
	text-align:justify;
	margin: 0 auto 0 auto;
	}
.texte_basique_responsive2
	{
	width:100%;
	font-size:1.1em;
	padding: 1em 1.500em 0em 1.500em;
	text-align:justify;
	margin: 0 auto 0 auto;
	}
	
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
CATEGORIE HOME
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#categories {
	width: 1280px;
	height:31.625em;
	margin: 0em auto;
	padding: 1.688em 0;
	position: relative;
	background-attachment: scroll;
	background-color: #FFF;
	background-image: url('../images/bg_categories.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}
#categories_left {
	width: 1280px;
	height:31.625em;
	margin: 0em auto;
	padding: 1.688em 0;
	position: relative;
	background-attachment: scroll;
	background-color: #FFF;
	background-image: url('../images/mav_d1825_sk1.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}
#categories h1 {
	width:70%;
	font-family: 'NolanNext-Bold', sans-serif;
	font-size:1.875em;
	text-transform:uppercase;
	color: #FFF;
	margin-top:1.500em;
	position:absolute;
	top:-0.500em;
	left:1.800em;
	z-index:1;
}
#categories h1 span{
	font-family: 'NolanNext-Book', sans-serif;	
	text-transform:uppercase;
	color: #FFF;
	margin-bottom:4em;
	position:absolute;
	top:1.250em;
	left:0;
	z-index:1;
}
#categories_left h1 {
	width:70%;
	font-family: 'NolanNext-Bold', sans-serif;
	font-size:1.875em;
	text-transform:uppercase;
	color: #FFF;
	margin-top:1.500em;
	position:absolute;
	top:-0.500em;
	left:1.800em;
	z-index:1;
}
#categories_left h1 span{
	font-family: 'NolanNext-Book', sans-serif;	
	text-transform:uppercase;
	color: #FFF;
	margin-bottom:4em;
	position:absolute;
	top:1.250em;
	left:0;
	z-index:1;
}
#blocvert {
    width: 23.600em;
	height:31.750em;
	padding: 0;
	background: #79ba29;
	position:absolute;
	top:1px;
	right:0;
	color:#FFF;
}
#blocbleu {
    width: 23.600em;
	height:31.750em;
	padding: 0;
	background: #6ab5dc;
	position:absolute;
	top:1px;
	left:0;
	color:#FFF;
}
.station {
    width: 90%;
	font-family: 'NolanNext-Bold', sans-serif;
	text-align:right;
	font-size:1.500em;
	text-transform:uppercase;
	margin-top:27%;
	line-height: 1.250em;
}
.station span {
	display:block;
	font-family: 'NolanNext-Book', sans-serif;
	text-align:right;
}
.test{
    width: 90%;
	text-align:right;	
	font-family: 'lobster_1.3regular', cursive;
	letter-spacing:1px;
	font-size:2.750em;
	line-height:0.750em;
}
.test span{
	display:block;
	font-size:0.600em;
}
#bloccategories {
	margin-top:13em;
	margin-left:2.800em;
	padding: 0;
	position:relative;
	text-align:center;
}
.figure2 {
	width: 9%;
	height:10em;
	float: left;
	margin: 1em 1%;
	padding: 0;
	text-align: center;
	background: #FFF;
	border-bottom-width: 0.625em;
	border-bottom-style: solid;
	border-bottom-color: #80c32e;
}
.figure2 figcaption {
	font-family: 'NolanNext-Bold', sans-serif;
	color:#374452;
	font-size:0.650em;
	text-transform:uppercase;
	text-align:center;
	margin-top:20%;
}
.figure2 img {
	margin-top:14%;
}
#parti {
	font-family: 'NolanNext-Bold', sans-serif;
    width: 40%;
	padding: 0.500em;
	background: none;
	border: thin solid #FFF;
	position:absolute;
	right:10%;
	color:#FFF;
	text-align:center;
	font-size:0.850em;
	margin-top:12%
}
#parti:hover {
	background: #FFF;
	color:#79ba29;
}
#partibleu {
	font-family: 'NolanNext-Bold', sans-serif;
    width: 40%;
	padding: 0.500em;
	background: none;
	border: thin solid #FFF;
	position:absolute;
	right:10%;
	color:#FFF;
	text-align:center;
	font-size:0.850em;
	margin-top:12%
}
#partibleu:hover {
	background: #FFF;
	color:#6ab5dc;
}
.bouton_generique1 {
	-webkit-appearance: none;
	-webkit-box-sizing: content-box;
	-webkit-border-radius:0;
	width: 17.8em;
	padding: 0.500em;
	background: none;
	border: thin solid #FFF;
	color:#FFFFFF;
	margin-top: 0.9em;
	border-radius:0;
	text-align:center;
	cursor:pointer;
}
.bouton_generique1:hover {
	background: #FFF;
	color:#79ba29;
}
.bouton_generique2 {
	-webkit-appearance: none;
	-webkit-box-sizing: content-box;
	-webkit-border-radius:0;
	padding:1em 3em;
	background-color:#ffffff;
	color:#2d4252;
	text-decoration:none;
	border: thin solid #2d4252;
	margin:0;
	border-radius:0;
	text-align:center;
	cursor:pointer;
}
.bouton_generique2:hover {
	background: #2d4252;
	color:#ffffff;
}
a.phone[href^=tel]:link { text-decoration:none;color:#FFFFFF; }

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
MAG HOME
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#mag {
    width: 100%;
	margin: 0 auto;
	padding: 2.250em 0 8em 0;
	background:#69b4dc;
	position:relative;
}
#voirmag {
    width: 11%;
	padding: 0.500em;
	background: #69b4dc;
	border: thin solid #FFF;
	position:absolute;
	bottom:-1em;
	left:45%;
	color:#FFF;
	text-align:center;
	font-size:0.850em;
	z-index:1;	
}
#voirmag:hover {
	background: #FFF;
	color:#69b4dc;
}
.footermag{
	margin:0;
	padding:0;
	position:relative;
}
.texteslidemag{
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
	background:#000;
	background: rgba(0, 0, 0, 0.4);
	font-family: 'NolanNext-Bold', sans-serif;
	font-size:0.875em;
	padding:2em;
	text-transform:uppercase;
	text-align:center;
	color: #FFF;
}
.texteslidemag:hover {
    background: rgba(0, 0, 0, 0.6);
}
#mag h1{	
	font-family: 'lobster_1.3regular', cursive;
	letter-spacing:1px;
	font-size:3.500em;	
	text-align:center;
	color: #FFF;
	margin: 0;
}
#mag h2{
	font-family: 'NolanNext-Light', sans-serif;
	font-size:2em;	
	text-align:center;
	color: #FFF;
	margin-bottom:2em;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Liens
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.lien_bleu_blanc {
	color:#82a5c8;
}
.lien_bleu_blanc:hover {
	color:#FFF;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
PROGRAMME HOME
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#programme {
    width: 1280px;
	margin:  0em auto 0 auto;
	padding: 0em 0 0em 0;
	background:#FFF;
	position:relative;
}
#programme h1{
	width:100%;	
	font-family: 'lobster_1.3regular', cursive;
	letter-spacing:1px;
	font-size: 3.500em;	
	text-align:center;
	color: #7f94b1;
	margin: 0em 0 0 0;
}
#agenda {
    width: 33%;
	margin: 0 2% 0 0;
	display:inline-block;
	vertical-align:top;
}
.agendabg {
	background:#f9f5f0;
	padding: 1.250% 2% 13% 2%;
	position:relative;
}
#webcam {
	width: 64%;
	height:auto;
	margin: 0 auto;
	display: inline-block;
	background-attachment: scroll;
	background-color: #FFF;
}
#choixdelawebcam{
	width: 100%;
	height:auto;
	margin: 0 auto;
	position:relative;
}
.webcam {
	width: 100%;
	height:auto;
	margin: 0 auto;
}
#optionswebcam {
	width: 18em;
	margin: 0 auto;
	position:absolute;
	bottom: 15%;
	right: 6%;	
	z-index:1;
}
#webcam h2 {
	width:100%;
	font-family: 'NolanNext-Book', sans-serif;
	text-align:center;
	color:#7f94b1;
	font-size:1.500em;
	text-transform:uppercase;
	margin-bottom:0.900em;
}
.formchoixwebcam {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    width: 18em;
    padding: 0.500em;
    background: #FFF;
    border: thin solid #000;
    margin-top: 1em;
    color: #000;
}
#agendac {
    width: 15em;
	padding: 0.500em;
	background: #7f94b1;
	border: thin solid #FFF;
	color:#FFF;
	text-align:center;
	font-size:0.850em;
	margin-top:5.500em;
	position:absolute;
	bottom: 0;
	left:8em;
}
#agendac:hover {
	background: #FFF;
	border: thin solid #7f94b1;
	color:#7f94b1;
}
.agendacomplet {
	text-decoration:none;
}
#agenda h2 {
	display:inline-block;
	width:100%;
	font-family: 'NolanNext-Book', sans-serif;
	text-align:center;
	color:#7f94b1;
	font-size:1.500em;
	margin-bottom:1em;
	text-transform:uppercase;
}
.bigdate {
	display:inline-block;
	width:30%;
	font-family: 'NolanNext-Light', sans-serif;
	color:#7f94b1;
	font-size:1.500em;
	text-transform:uppercase;
	text-align: left;
}
.agenda1 {
	margin-top:1em;
}
.agendapicto {
	display:inline-block;
	width:2.875em;
	margin: 0 2%;
	vertical-align:top;
}
.texteagenda{
	display:inline-block;
	width:80%;
}
.titreagenda{
	font-family: 'NolanNext-Bold', sans-serif;
	color:#374452;
	font-size:0.938em;
	text-transform:uppercase;
}
.activiteagenda{
	font-family: 'NolanNext-Book', sans-serif;
	color:#374452;
	font-size:0.938em;
	text-transform:uppercase;
	padding-bottom:0.500em;
}
.descagenda{
	font-family: 'NolanNext-book', sans-serif;
	color:#374452;
	font-size:0.850em;
	padding-bottom:1em;
	border-bottom: thin solid #374452;
}
.carte {
	display:block;
	padding: 0;
	background: none;
	color:#374452;
	text-align:right;
	font-size:0.850em;
	margin-top:1em;
	margin-right: 5%;
}
.slash{
	padding: 0 1em;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
FOOTER
–––––––––––––––––––––––––––––––––––––––––––––––––– */
footer {
    width: 100%;
	font-size:0.850em;
	color:#FFF;
	margin: 0 auto;
	padding:0;
	background:#374452;
}
#footerbloc {
    width: 1280px;
	margin: 0 auto;
	padding: 1.688em 0;
}
.footerlogo {
    width: 17.125em;
	float:left;
	margin:0;
}
#footerreseaux {
	float:right;
	text-align:right;
}
.vacances {
	width:55%;
	float:left;
	display:inline-block;
}
.vacances figcaption {
	text-align:center;
	margin-top:1em;
	font-family: 'NolanNext-Bold', sans-serif;
}
.figure1 {
	width:20%;
	float:left;
	margin: 1em 2%;
	padding: 0;
	text-align:center;
}
.quisommesnous {
	width: 40%;
	float: right;
	display: inline-block;
	border-left: thin solid #9ba2a9;
}
.quisommesnous h2, .quisommesnoustel, .vacances h2 {
	font-family: 'NolanNext-Medium', sans-serif;
	font-size:1.500em;
	text-transform:uppercase;
	text-align:center;
	color: #FFF;
	margin-bottom:1.500em;
}
.quisommesnoustexte {
	color: #82a5c8;
	margin-bottom:2em;
	text-align:center;
}
.quisommesnoustel {
	font-family: 'NolanNext-Bold', sans-serif;
	margin: 1.500em 0;
	font-size: 2em;
	color:#FFF;
}
.quisommesnousliens {
	text-align:center;
}
.traits	{
	width:100%;
	color:#FFF;
	background-color:#9ba2a9;
	height: 1px;
	border: 0;
	margin:4em 0;
}
.traitsfoot	{
	width:100%;
	background-color:#9ba2a9;
	height: 1px;
	border: 0;
	margin:4em 0;
}
.traitsb	{
	width:100%;
	color:#bfc9d8;
	background-color:#bfc9d8;
	height: 1px;
	border: 0;
	margin:4em 0;
}
.traitsb2	{
	width:100%;
	color:#bfc9d8;
	background-color:#bfc9d8;
	height: 1px;
	border: 0;
	margin:0.500em 0 2em 0;
}
.small {
	width:60%;
	color:#FFF;
	background-color:#FFF;
	height: 1px;
	border: 0;
	margin:3em 0 3em 7em;
}
.small2 {
    width: 80%;
    color: #FFF;
    background-color: #FFF;
    height: 1px;
    border: 0;
    margin: 2em 0 2em 2.400em;
}
.smallhome {
	width:60%;
	color:#FFF;
	background-color:#FFF;
	height: 1px;
	border: 0;
	margin:3em 0 3em 7em;
}
.smallhome_bis {
	width:60%;
	color:#FFF;
	background-color:#FFF;
	height: 1px;
	border: 0;
	margin:3em 7em 3em 10%;
}
placeholder	{
	color:#FFF;
}
.formfooter {
	-webkit-appearance: none;
	-webkit-box-sizing: content-box;
	-webkit-border-radius:0;
	border-radius:0;
	width: 18em;
	padding: 0.500em;
	background: #374452;
	border: thin solid #FFF;
	margin: 0 1em 0 3em;
	color: #FFF;
}
input[type="email"].formfooter::-webkit-input-placeholder 
	{
	color: #FFFFFF;
	}
.formlangues {
	-webkit-appearance: none;
	-webkit-box-sizing: content-box;
	-webkit-border-radius:0;
	border-radius:0;
	width: 18em;
	padding: 0.500em;
	background: #374452;
	border: thin solid #FFF;
	margin-top: 1em;
	color: #FFF;
}
#choixlangues{
	display:inline-block;
}
#slidefooter{
	float:right;
	margin-bottom: 2em;
}
.retours{
	background: #374452;
}
.footerpicto{
	width:5.938em;
	display:inline-block;
	margin: 1.250em 1em 1em 5.500em;
}
.texteslidefooter{
	width: 40.000em;
	height: 6.250em;
	display:inline-block;
	color:#82a5c8;
	vertical-align:top;
	margin-top:1.500em;
}
.nomslidefooter{
	font-family: 'NolanNext-Bold', sans-serif;
	display:block;
	text-transform:uppercase;
}
.sejourslidefooter{
	display:block;
	font-family: 'NolanNext-Bold', sans-serif;
	text-transform:uppercase;
}
.baselinefooter{
	font-family: 'NolanNext-Regular', sans-serif;
	clear: both;
	width: 100%;
	margin: 0;
	padding-top:4em;
	border-top:#9ba2a9 thin solid;
}
#bloc2footer{
	width: 100%;
	height:18em;
	margin: 0;
	padding:0;
}
#slidefooter .bsliderfooter li {
	background: #374452;
}
#footerreseaux a, #reseauxresp a {
	color:#FFF;
}
#footerreseaux a:hover, #reseauxresp a:hover {
	color:#82a5c8;
}
.mentions {
	font-family: 'NolanNext-Regular', sans-serif;
	color:#82a5c8;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 3em;
}
.mentionsplan {
	font-family: 'NolanNext-Regular', sans-serif;
	color:#82a5c8;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 3em;
}
.mentionsplan:hover, .mentions:hover {
	color:#FFF;
}
.liensbasfooter {
	width:100%;
	margin:5em auto 6em auto;
	text-align:center;
}
#footerresp, #reseauxresp, .hautpage{
	display:none;
}
			
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
BLOCS RESULTATS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#resultats, #resultatsresa, #illustrations {
    width: 100%;
	color:#FFF;
	margin: 0 auto;
	padding:0;
}
.resultatsgauche, .resultatsdte, .resultatsgaucheresa, .resultatsdteresa {
	width: 1280px;
	margin: 0 auto;
	padding: 0 0;
	position: relative;
	min-height:28.125em;
}
.resultatphotogauche{
    width: 56.375em;
	height:28.125em;
	padding: 2.813em 0 0 0;
	margin: 0;
	float: left;
	display: inline-block;
	overflow:hidden;
}
.img_magenta_block_gauche
	{
	position:absolute;
	clip:rect(0,56.375em,28.125em,0);
	left:23.6em;
	height:25.400em;
	}
.img_magenta_resa_small_gauche
	{
	position:absolute;
	clip:rect(0,13.750em,12.461em,0);
	left:0;
	height:12.461em;
	}
.img_magenta_block_droite
	{
	position:absolute;
	clip:rect(0,56.375em,25.400em,0);
	right:0em;
	height:25.400em;
	}
.img_magenta_resa_small_droite
	{
	position:absolute;
	clip:rect(0,13.750em,12.461em,0);
	right:0;
	height:12.461em;
	}
.resultatphotogaucheresa{
    width: 42.255em;
	height:25.400em;
	padding: 0;
	position:absolute;
	top:0.375em;
	left:23.6em;
	margin:2.150em 0 0 0;
	display: inline-block;
	overflow:hidden;
}
.resultatphotogaucheresa_luxe{
    width: 56.45em;
	height:25.400em;
	padding: 0;
	position:absolute;
	top:0.375em;
	left:23.6em;
	margin:2.150em 0 0 0;
	display: inline-block;
	overflow:hidden;
}
.img_magenta_resa_gauche
	{
	position:absolute;
	clip:rect(0,42.255em,100%,0);
	height:25.400em;
	width:42.255em;
	}
.img_magenta_resa_gauche_luxe
	{
	position:absolute;
	clip:rect(0,56.45em,100%,0);
	width:56.45em;
	height:25.400em;
	}
.resultatphotogaucheresav1{
    width: 13.750em;
	height:12.461em;
	padding: 0;
	position:absolute;
	top:1.538em;
	right:-2.500em;
	display: inline-block;
	overflow:hidden;
}
.resultatphotogaucheresav2{
    width: 13.750em;
	height:12.461em;
	padding: 0;
	position:absolute;
	bottom:0.25em;
	right:0;
	margin:0.625em 0 0 0;
	display: inline-block;
	overflow:hidden;
}
.resultatphotodteresa{
	width:42.255em;
	height:25.400em;
	padding: 0;
	position:absolute;
	top:1.538em;
	right:21.1em;
	float:right;
	display: inline-block;
	overflow:hidden;
}
.resultatphotodteresa_luxe{
	width:56.45em;
	height:25.400em;
	padding: 0;
	position:absolute;
	top:1.538em;
	right:21.1em;
	float:right;
	display: inline-block;
	overflow:hidden;
}
.img_magenta_resa_droite
	{
	position:absolute;
	clip:rect(0,42.255em,25.400em,0);
	height:25.400em;
	width: 42.255em;
	}
.img_magenta_resa_droite_luxe
	{
	position:absolute;
	clip:rect(0,56.45em,25.400em,0);
	width:56.45em;	
	height:25.400em;
	}
.resultatphotodteresav1{
	width: 13.750em;
	height:12.461em;
	padding: 0;
	position:absolute;
	top:1.538em;
	left:-2.500em;
	display: inline-block;
	overflow:hidden;
}
.resultatphotodteresav2{
	width: 13.750em;
	height:12.461em;
	padding: 0;
	position:absolute;
	left:0;
	bottom:0.25em;
	margin:0.625em 0 0 0;
	display: inline-block;
	overflow:hidden;
}
.resultatphotodte{
    width: 56.375em;
	height: 28.125em;
	padding: 2.813em 0 0 0;
	margin: 0;
	float: right;
	display: inline-block;
}
#blocmagenta {
    width: 23.600em;
	min-height:28.750em;
	padding: 0;
	background: #d4007e;
	color:#FFF;
	float: left;
	display: inline-block;
}
#blocmagentaresa {
    width: 23.600em;
	min-height:30.000em;
	padding: 0;
	background: #d4007e;
	position:absolute;
	top:0.625em;
	left:0;
	color:#FFF;
}
#blocmagentaresadte {
    width: 23.600em;
	min-height:30.000em;
	padding: 0;
	background: #d4007e;
	position:absolute;
	top:0.625em;
	right:0;
	color:#FFF;
}
#blocmagentadte {
    width: 23.600em;
	min-height:28.750em;
	padding: 0;
	background: #d4007e;
	float: right;
	display: inline-block;
	color:#FFF;
}
#blocmagenta h1, #blocmagentadte h1{
	width: 80%;
	font-family: 'lobster_1.3regular', cursive;
	letter-spacing:1px;
	font-size: 1.750em;
	text-align: left;
	color: #FFF;
	margin: 0.850em 10%;
	padding-bottom:5%;
	border-bottom: thin solid #FFF;
}
.prix{
	width: 80%;	
	font-family: 'lobster_1.3regular', cursive;
	letter-spacing:1px;
	font-size: 1.6em;
	text-align: left;
	color: #FFF;
	margin: .550em 10%;
	border-bottom: thin solid #FFF;
}
.prix_promo{
	width: 80%;	
	font-family: 'lobster_1.3regular', cursive;
	letter-spacing:1px;
	font-size: 1.4em;
	text-align: left;
	color: #FFF;
	margin: .550em 10%;
	border-bottom: thin solid #FFF;
}
.prix2{
	width: 80%;	
	font-family: 'lobster_1.3regular', cursive;
	letter-spacing:1px;
	font-size: 2em;
	text-align: right;
	color: #FFF;
	margin: .550em 10%;
	border-bottom: thin solid #FFF;
}
.savoirplusprix{
	width: 100%;
	text-align: center;
	font-size:1.563em;
	color: #FFF;
	padding:5%;
  	background:rgba(0, 0, 0, 0.3);
}
.savoirplusprix:hover{
  	background:rgba(0, 0, 0, 0.5);
}
.chiffre{
	font-size: 2.250em;
}
.chiffre sup{
	font-size: .563em;
}
.resultatstexte{
	width: 80%;
	text-align: justify;
	color: #FFF;
	margin: 1.250em 10% 0.500em 10%;
	padding-bottom:4%;
}
.resultatstexte em, .savoirplusprix span{
	font-family: 'NolanNext-Bold', sans-serif;
}
.savoirplus{
	width: 100%;
	text-align: center;
	font-size:1.500em;
	color: #FFF;
	padding:3%;
  	background:rgba(0, 0, 0, 0.3);
}
.savoirplus:hover{
  	background:rgba(0, 0, 0, 0.5);
}
.savoirplus span{
	font-family: 'NolanNext-Bold', sans-serif;
	height:2em;
	font-size:1.920em;
	vertical-align: middle;
}
.savoirpluslien{
	text-decoration:none;
}
.resadescriptif{
	width: 85%;
	margin: 0 0 0 10%;
	display: -ms-flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
    justify-content: flex-start; 
    align-items: stretch;
    align-content: stretch;
}  
.resadescriptif > div{
	width: 70%;
	font-family: 'NolanNext-bold', sans-serif;
	font-size:0.938em;
	line-height:2em;
	text-transform:uppercase;
	margin:2em 0;
}
.resadescriptif > div:first-child{
	font-family: 'NolanNext-book', sans-serif;
	font-size:0.938em;
	width:30%;
	margin-right:0.750em;
	text-transform:uppercase;
}
.resadescriptifdte{
	width: 90%;
	text-align:right;
	margin: 0 5% 0 0;
	display: -ms-flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
}  
.resadescriptifdte > div{
	width: 30%;
	font-family: 'NolanNext-book', sans-serif;
	font-size:0.938em;
	line-height:2em;
	text-transform:uppercase;
	margin:2em 0;
}
.resadescriptifdte > div:first-child{
	font-family: 'NolanNext-bold', sans-serif;
	font-size:0.938em;
	width:70%;
	margin-right:0.750em;
	text-transform:uppercase;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
BLOCS ILLUSTRATION
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.illus {
	width: 1280px;
	padding: 0;
	margin: 0 auto 0 auto;
	position: relative;
	min-height:26.750em;
	text-align:justify;
}
.texteillusd{
    width:26em;
	min-height:31.500em;
	background-color:#f9f5f0;
	color:#374452;
	font-size:0.850em;
	line-height:1.250em;
	position:absolute;
	top:0;
	left:0;
}
.texteillusg p, .texteillusd p, .texteillusdbg p,.texteillusgbg p, .texte_basique_responsive1 p, .bloc50pc p {
	padding: 1em 1.500em 1.500em 1.500em;
	font-size: 1.1em;
}
.texteillusg h1, .texteillusgbg h1{
	text-transform:uppercase;
	padding:1em 0;
	border-bottom:#bcc4d0 thin solid;
	font-size:1.375em;
	color:#374452;
	margin-bottom:1.500em;
}
.texteillusg h1, .texteillusgbg h1, .texteillusd h1, .texteillusdbg h1, .texteillusgbg h1, .texte_basique_responsive1 h1, .bloc50pc h1{
	font-family: 'NolanNext-Light', sans-serif;
	text-transform:uppercase;
	padding:1em 0 1em 1em;
	border-bottom:#bcc4d0 thin solid;
	font-size:1.375em;
	color:#374452 !important;
	margin-bottom:0.500em;
	text-align:right;
	width: -moz-max-content;
  	width: -webkit-max-content;
	width: -o-max-content;
	width: -ms-max-content;
  	width: max-content;
}
/* fallback for IE*/

.texteillusg h1, .texteillusgbg h1, .texteillusd h1, .texteillusdbg h1, .texteillusgbg h1, .texte_basique_responsive1 h1, .bloc50pc h1{
  display: inline-block;
}


.texteillusd h1 span, .texteillusg h1 span, .texteillusdbg h1 span, .texteillusgbg h1 span, .texte_basique_responsive1 h1 span, .bloc50pc h1 span{
	font-family: 'NolanNext-bool', sans-serif;
}

.photoillusd{
    width: 56.875em;
	height:26.750em;
	padding: 0;
	margin:0;
	position:absolute;
	top:0;
	right:0;
}
.texteillusg{
    width:26em;
	min-height:31.500em;
	background-color:#f9f5f0;
	color:#374452;
	font-size:0.850em;
	line-height:1.250em;
	position:absolute;
	top:0;
	right:0;
}
.photoillusg{
    width: 56.875em;
	height:26.750em;
	padding: 0;
	margin:0;
	position:absolute;
	top:0;
	left:0;
}
.texteillusdbg{
    width:62em;
	min-height:30em;
	background-color:#f9f5f0;
	color:#374452;
	font-size:0.850em;
	line-height:1.250em;
	position:absolute;
	padding:0;
	margin:0;
	top:0;
	left:0;
}
.photoillusdbg{
    width: 26.250em;
	padding: 0;
	margin:0;
	position:absolute;
	top:0;
	right:0;
}
.texteillusgbg{
    width:62em;
	min-height:30em;
	background-color:#f9f5f0;
	color:#374452;
	font-size:0.850em;
	line-height:1.250em;
	position:absolute;
	top:0;
	right:0;
}
.photoillusgbg{
    width: 26.250em;
	padding: 0;
	margin:0;
	position:absolute;
	top:0;
	left:0;
}
.lienillus{
	font-family: 'NolanNext-bold', sans-serif;
	color:#374452;
	text-decoration:none;
	font-style:italic;
}
.lienillus:hover{
	text-decoration:underline;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
BLOCS RESULTATS STATION
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.titrestation{
	width: 1280px;
	margin: 0 auto;
}
.titrestation h1{
	width: 39%;
	display:inline-block;
	margin:  1em auto 0 auto;
	font-family: 'lobster_1.3regular', cursive;
	letter-spacing:1px;
	font-size: 3em;
	text-align: left;
	color: #374452;
}
.fil_ariane{
	font-family: 'NolanNext-BookItalic', sans-serif;
	text-align:right;
	display:inline-block;
	width:60%;
	color:#374452;
	font-size:0.850em;
	padding: 4em 0 1em 0;
}
.fil_ariane > .premier{
	font-family: 'NolanNext-BoldItalic', sans-serif;
}

#pageresultats, #pageresultats_first, .tableaucomparatif{
	width: 1280px;
	margin: 0 auto;
}
#resultatstation {
	width: 100%;
	min-height: 37.500em;
	height:auto;
	margin: 0 auto 0 auto;
    position:relative;
}
#resultatstation h1{
	font-family: 'NolanNext-book', sans-serif;
	font-size: 1.575em;
	color:#7f94b1;
	text-align:center;
	margin: 0 auto;
	border-bottom: #bfc9d8 thin solid;
	padding-bottom: 0.750em;
	padding-top: 0.750em;
}
#resultatstation h1 span{
	font-family: 'NolanNext-bold', sans-serif;
}
.tabs {
    position: relative;
	margin: 0.5em;
}
.onglets {
    position: relative;
	margin: 0.5em 0 0 0;
	display:inline-block;
	width: 60%;
	float:left;
	font-size: 0.950em;
}
.identite{
    position: relative;
	margin: 0 0 0 3%;
	width: 37%;
	display:inline-block;
	background-color:#f9f5f0;
	padding-bottom: 1em;
	float: right;
}
.logostation{
	width:100%;
	margin:0 auto;
	padding-bottom:1em;
	text-align:center;
	background-color:#FFF;
}
.postal{
	display:inline-block;
	width:80%;
	margin:0 auto;
}
ul.resp-tabs-list, p {
  margin: 0;
  padding: 0;
  font-size: .950em;
  line-height: 1.450em;
}
.resp-tabs-list li {
  display: inline-block;
  padding: 0.813em 0;
  margin: 0 0 0 1em;
  list-style: none;
  cursor: pointer;
  float: left;
  color: #7f94b1;
  border-bottom: 3px solid #FFF;
}
.resp-tabs-container {
  padding: 0;
  padding-top:1em;
  clear: left;
  text-align:justify;
}
h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none;
}
.resp-tab-content {
  display: none;
  padding: 0.938em;
}
.resp-tab-active {
  font-family: 'NolanNext-bold', sans-serif;
  color: #4b5663;
  border-bottom: none;
  margin-bottom: -1px !important;
  padding: 0.750em 0 0.875em 0 !important;
}
.resp-tab-active, .resp-tabs-list li:hover {
  border-bottom: 3px solid #4b5663 !important;
  background-color: #fff;
  color: #4b5663 !important;
}
.resp-content-active, .resp-accordion-active { 
  display: block; 
}
h2.resp-accordion {
  font-size: .950em;
  border-top: 0 solid #fff;
  margin: 0;
  padding: 0.625em 0.938em;
  color: #7f94b1;
}
h2.resp-tab-active, h2.resp-accordion:hover {
  border-bottom: 2px solid #4b5663 !important;
  margin-bottom: 0 !important;
  padding: 0.625em 0.938em !important;
  color: #4b5663;
}
.resp-arrow {
    float: right;
    color:#7695b3;
	font-weight:normal;
	font-size:1.5em;
}
.resp-arrow:after {
   content: "+";
}
h2.resp-accordion:hover span.resp-arrow {
    color:#374452;
}
h2.resp-tab-active span.resp-arrow {
	display:none;
}

/*-----------Accordion style-----------*/
.resp-easy-accordion h2.resp-accordion {
	display: block; 
}
.resp-jfit {
  width: 100%;
  margin: 0;
}
.resp-tab-content-active { 
  display: block; 
}
.bus{
	margin: 0.950em 0.500em 0 0;
	height: 3.625em;
	position:relative;
}
.bus figcaption{
	display:inline-block;
	vertical-align:middle;
	font-family: 'NolanNext-bold', sans-serif;
	font-size:0.950em;
	padding: 0 0 4em 0.938em;
}
.cartebt {
	font-family: 'NolanNext-Bold', sans-serif;
    width: 10em;
	padding: 0.500em;
	background: #374452;
	color:#FFF;
	text-align:center;
	font-size:0.850em;
	margin-left:13%;
	display:inline-block;
	border: thin solid #FFF;
	position: absolute;
	bottom: -3%;
	right: 57%;
}
.cartebt2 {
	font-family: 'NolanNext-Bold', sans-serif;
    width: 10em;
	padding: 0.500em;
	background: #374452;
	color:#FFF;
	text-align:center;
	font-size:0.850em;
	margin-left:13%;
	display:inline-block;
	border: thin solid #FFF;
	position: absolute;
	bottom: -3%;
	right: 18%;
}
.cartebt:hover, .cartebt2:hover {
	background: #FFF;
	border: thin solid #374452;
	color:#374452;
}
.carteidentite {
	margin-top: 1em;
	border-bottom: thin solid #374452;
	padding: 0 0 0.5em 1.200em;
	line-height: 3em;
	width: -moz-max-content;
  	width: -webkit-max-content;
	width: -o-max-content;
	width: -ms-max-content;
  	width: max-content;
}
.carteidentite span {
	font-family: 'NolanNext-Bold', sans-serif;
}
.identitedescriptif{
	width: 92%;
	margin:0 auto;
	display: -ms-flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
}  
.identitedescriptif > div{
	width: 70%;
	font-family: 'NolanNext-bold', sans-serif;
	font-size:0.938em;
	line-height:2em;
	text-transform:uppercase;
	margin:2em 0;
}
.identitedescriptif > div:first-child{
	font-family: 'NolanNext-book', sans-serif;
	font-size:0.938em;
	width:30%;
	margin-right:0.750em;
	text-transform:uppercase;
}
.avoir{
	background-color:#a5b4c8;
	width:100%;
	padding: 2em;
	margin: 2em 0 0 0;
}
.bonnesadresses{
	background-color:#a5b4c8;
	width:100%;
	padding: 2em;
	margin: 0;
}
.avoir div p, .bonnesadresses div p {
	font-size: 0.950em;
	color: #FFF;
	margin-bottom:1em;
}
.avoir span, .bonnesadresses span {
	font-family: 'NolanNext-bold', sans-serif;
	text-transform:uppercase;
	display:block;
	color:#FFF;
}
.avoir div p a, .bonnesadresses div p a {
	color:#FFF;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
}
.avoir div p a:hover, .bonnesadresses div p a:hover {
	color:#374452;
}
.bonnesadresses, .avoir{
	display: -ms-flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	align-items: center;
 	justify-content: center;
}  
.bonnesadresses > div:first-child, .avoir > div:first-child{
	width:30%;
	font-family: 'lobster_1.3regular', cursive;	
	font-size: 1.500em !important;
	text-align: center;
	color: #FFF;
}
.bonnesadresses > div:nth-child(2), .avoir > div:nth-child(2){
	width:65%;
	padding: 2em;
	border-left:#FFF thin solid;
	display:inline-block;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
BLOCS COMPARATIF
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.downcomparatifs {
	font-family: 'NolanNext-Bold', sans-serif;
    width: 40%;
	padding: 1em;
	background: #b391c1;
	color:#FFF;
	font-size: 0.750em;
	margin: 0 auto;
}
.downcomparatifs:hover {
	background: #FFF;
	color:#b391c1;
}
#comparatifsmall{
	display:none;
}
#comparatif{
	width: 100%;
	margin: 0 auto;
	background-color:#814897;
	text-align:center;
	color:#FFF;
}
.compare h1{
	font-family: 'lobster_1.3regular', cursive;	
	font-size: 2.750em;
	padding-top:1.200em;
	margin:0;
}
.compare h2{
	font-family: 'NolanNext-Thin', sans-serif;
	font-size: 1.5em;
	padding-top: 0.250em;
}
.compare p{
	font-family: 'NolanNext-Italic', sans-serif;;
	font-size: 0.950em;
	padding:2em 0;
}
.tableaucomparatif{
	margin:1em auto 2em auto;
}
.tableaucomparatif #bigtable{
	background-color:#9463a6;
	border:#814897 medium solid;
	border-collapse:collapse;
}
.tableaucomparatif #bigtable td{
	border:#814897 medium solid;
	text-align: center;
	font-size: 0.850em;
	padding:1em;
}
.clair {
	background-color:#b391c1;
}
.stationtableau {
	font-family: 'NolanNext-bold', sans-serif;
}
.lienstableau {
	font-family: 'NolanNext-BoldItalic', sans-serif;
	text-decoration:none;
	color:#FFF;
}
.lienstableau:hover {
	color:#814897;
}
.fleches {
	font-size:0.750em;
	height:2.500em;
	text-align:right;
	position:relative;
	margin: 1em 0.500em 0 0;
}
.fleches a{
	color:#FFF;
}
.fleches a:hover{
	color:#814897;
}
.fleches1 {
	-ms-transform: rotate(90deg); 
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
    transform: rotate(90deg);
	position:absolute;
	bottom: 2px;
	right: 2px;
}
.fleches2{
	-ms-transform: rotate(-90deg); 
    -webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
	position:absolute;
	top: 2px;
	right: 3px;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
BLOCS RESULTATS APPART
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.reservdate, .reservdesc, .pagereserv, .compare{
	width: 1280px;
	margin: 0 auto;
}
.pagereserv{
	height:auto;
}
.reservdate, .reservdesc, .compare{
	margin: 0em auto;
}
.formulaire{
	width: 69%;
	margin: 0;
	padding: 1.500em 0.750em 0 0.750em;	
	display: -ms-flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	float:left;
	background-color: #f9f5f0;
}
.formulaire > p{
	width: 40%;
	font-size:0.938em;
	line-height:2em;
	margin:0;
}
.formulaire > p:first-child{
	width: 15%;
	font-size:0.938em;
	line-height:8em;
	margin:0;
	padding:0;
}
.haut_canal_conv{
	width: 73%;
	margin: 0;
	padding: 1.500em 0.750em 0 0.750em;	
	display: -ms-flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	float:left;
	z-index:99999;
	background-color: #f9f5f0;
}
.haut_canal_conv > p{
	width: 40%;
	font-size:0.938em;
	line-height:2em;
	margin:0;
}
.haut_canal_conv > p:first-child{
	width: 15%;
	font-size:0.938em;
	line-height:2.9em;
	margin:0;
	padding:0;
}
.haut_canal_conv > p:nth-child(2) {
	width: 85%;
	text-align:center;
	font-size:0.938em;
	line-height:2.6em;
	margin:0;
	padding:0;
}
.reservdate p{
	display:inline-block;
	margin: 0 auto;
	padding: 0 1em;
	float:left;
}
.formulaire select {
	display:inline-block;
}
.reservdate p a{
	font-family: 'NolanNext-Bold', sans-serif;
	text-decoration:none;
}
.callactionone{
	width: 26%;
	display:inline-block;
	margin: 0 0 0 1%;
	padding:0.500em;
	float:left;
	background-color:#e5007d;
	position:relative;
}
.callactionone_liste{
	width: 300px;
	display:inline-block;
	margin: 0 0 0 1%;
	padding:0.500em;
	float:left;
	background-color:#e5007d;
	position:relative;
}
.callactionone_liste_residence{
	width: 450px;
	display:inline-block;
	margin: 0 0 0 1%;
	padding:0.500em;
	float:left;
	background-color:#e5007d;
	position:relative;
}
.etapesuivante{
	padding:0.500em;
	border:#FFF thin solid;
	font-family: 'lobster_1.3regular', cursive;	
	font-size: 1.500em;
	text-align: center;
	color: #FFF;
}
.etapesuivante p{
	float:none;
}
.etapesuivante div{
	float:none;
}
.pictoprix{
	font-size:2.250em;
	display:inline-block;
}
.pictoprix del{
	font-size:.500em;
	padding: 0 .500em;
	vertical-align: super;
}
.imagepicroprix{
	margin:0;
	display:inline-block;
}
.appartdescriptif{
	width: 100%;
	margin: 0 auto;
	display: -ms-flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
}  
.appartdescriptif > div{
	width: 33.33%;
	font-size:0.938em;
	line-height:2em;
	margin:0 0 0 0;
	padding: 1.5em 0;
	background-color: #f9f5f0;
	color: #000;
}
.middle {
	border-right-width: 0.850em;
	border-left-width: 0.850em;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;  	
}
.gras {
  	font-family: 'NolanNext-Bold', sans-serif;
	padding: 0 0 0 1em;
}
.titreappartdesc {
  	font-family: 'NolanNext-Bold', sans-serif;
 	text-transform:uppercase;
	padding: 0 0 1.250em 2em;
	text-align:right;
 	border-bottom:#bcc4d0 thin solid;
	color: #374452;
}
.texteappartdesc {
	padding: 0 0 0 1.750em;
}
.formappart {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	width: 18em;
	padding: 0.500em;
	border: thin solid #000;
	margin-top: 1em;
	display:inline-block;
}
.promo{
	font-family: 'NolanNext-Heavy', sans-serif;
	font-size: 1.75em;
	color: #e5007d;
	border: #e5007d solid 5px;
	padding: 0.25em;
	background-color: #FFF;
	border-radius: 100%;
	position: absolute;
	top: -1.500em;
	right: -1.500em;
	line-height: 2.2em;
	-ms-transform: rotate(20deg); 
    -ms-transform-origin: 50% 50%; 
    -webkit-transform: rotate(20deg); 
    -webkit-transform-origin: 50% 50%; 
	transform-origin: 50% 50%;
	transform: rotate(20deg);
}
.ongletsappart {
    position: relative;
	display:inline-block;
	width: 59.5%;
	padding-right:4em;
	padding-left:0;
}
.ongletsmoda {
    position: relative;
	display:inline-block;
	width: 100%;
	padding-left:0;
}
.paiement{
	width: 36%;
	display:inline-block;
	background-color:#7f94b1;
	vertical-align:top;
	margin-top: 0em;
}
.bolder 
	{
	font-family: 'NolanNext-Bold', sans-serif;
	display:block;
	padding-bottom:0.5em;
	text-transform:uppercase;
	border-bottom: 2px solid;
	border-color:#f9f5f0;
	width:100%;
	}
.cvg {
  font-family: 'NolanNext-Book', sans-serif;
  display:block;
  font-size:0.850em;
  margin-top:2em;
}
.cvg a {
	text-decoration:none;
}
.cvg a:hover {
	text-decoration:underline;
}
.logopaiement {
	background-color:#FFF;
	height: 6.250em;
	padding-top: 0.350em;
}
.logopaiement p {
	width: 30%;
	display: inline-block;
	font-family: 'NolanNext-Bold', sans-serif;
	font-size: 1.250em;
	color: #7f94b1;
	text-align: right;
	line-height: 1.050em;
	padding-top: 6%;
	vertical-align: top;
	padding-right: 2%;
}
.logopaiement p span{
	font-family: 'NolanNext-Heavy', sans-serif;
	display:block;
}
.logopaiement figure {
	width: 68%;
	height:5.375em;
	display:inline-block;
	margin:0;
}
.logbq {
    width: 33%;
	height:5.375em;
    float: none;
    margin: 6%;
    padding: 0;
}
.vacancespaiment h2 {
	font-family: 'NolanNext-Medium', sans-serif;
	font-size: 1.450em;
	margin-top: 2em;
	text-align: center;
	color: #FFF;
}
.figure3 {
    width: 30%;
	margin: 8% 0 6% 13%;    
	padding: 0;
    display: inline-block;
	text-align:center;
}
.figure3 figcaption {
	font-family: 'NolanNext-Bold', sans-serif;
	color: #FFF;
	font-size: 0.950em;
	text-transform: uppercase;
	text-align: center;
	margin-top: 5%;
}
.vertical_space_generique
	{
	height:3em;
	/*background-color:red;*/
	}
.vertical_space_generique_smart
	{
	display:none;
	/*background-color:black;*/
	height:3em;
	}
.vertical_space_before_footer
	{
	height:5em;
	/*background-color:yellow;*/
	}
.col_4
	{
	float:left;
	width:25%;
	text-align:center;
	padding:1em 0 0 0;
	}
.col_auto
	{
	float:left;
	width:33%;
	text-align:center;
	}
.col_3
	{
	float:left;
	width:33%;
	text-align:center;
	}
.col_2
	{
	float:left;
	width:50%;
	text-align:center;
	}
.col_1
	{
	float:left;
	width:100%;
	text-align:center;
	}
.googlemap_info
	{
	text-align:justify;
	padding:1.5em;
	font-size:1.1em;
	color:#374452;
	}
.form_select_generique{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius:0;
	border-radius:0;
	background:#FFF;
	background-image: url(../images/choix_form2.png);
	background-position: 13.0em;
	background-repeat: no-repeat;
	color:#000;
	cursor: pointer;
	display:inline-block;
	width: 15em;
	padding: 0.500em;
	margin: 0;
	border: thin solid #374452;
	opacity: 100 !important;
}
.right_device_only
	{
	float:right;
	}
.left_device_only
	{
	float:left;
	}
.left_smartphone_only_right_other
	{
	float:right;
	}
.center_device_only
	{
	text-align:center;
	}
.block_crit
	{
	margin-left:6px;
	cursor:pointer;
	display:inline-block;
	float:left;
	width:24%;
	min-width:205px;
	}
.block_crit:hover
	{
	text-decoration:underline;
	}
.disp_tablette_only
	{
	display:none;
	}
.disp_smartphone_only
	{
	display:none;
	}
.disp_smartphone_small_only
	{
	display:none;
	}
.package_picto
	{
	margin-left:25px;
	height:30px;
	}
.block_package_pilot
	{
	width:600px;
	}
#haut_canal_conv.floatable
	{
	position: fixed;
	top:2.8em;
	border-bottom: 1px solid #FFFFFF;
	z-index:99999;
	}
#haut_canal_conv_bouton.floatable
	{
	position: fixed;
	top:2.8em;
	border-bottom: 0px solid #FFFFFF;
	z-index:99999;
	}
table.selectpay tbody tr:hover 
	{
	background-color:#f9f5f0;
	}
.coord_resp
	{
	padding-left:6em;
	}
.block_coord
	{
	background-color:#ffffff;
	padding:1em 3em 1em 4.5em;
	margin-left:1.5em;
	margin-right:1.5em;
	}
.block_coord_left
	{
	background-color:#f9f5f0;
	float:left;
	height:370px;
	padding:0em;
	width:46%;
	min-width:370px;
	}
.block_coord_right
	{
	background-color:#f9f5f0;
	float:right;
	height:370px;
	padding:0em;
	width:46%;
	min-width:370px;
	}
.text_resp_small
	{
	font-size:0.80em;
	}
.text_resp_small2x
	{
	font-size:0.70em;
	}
.text_resp
	{
	font-size:1em;
	line-height:1.7em;
	}
.text_resp_bis
	{
	font-size:1em;
	}
.text_resp_big
	{
	font-size:1.3em;
	}
.text_resp_big2x
	{
	font-size:1.8em;
	}
.text_resp_big3x
	{
	font-size:3em;
	}
#block_panier
	{
	background-color:#f9f5f0;
	}
#block_panier.floatable
	{
	position: fixed;
	top:152px;
	background-color:#f9f5f0;
	width:332px;
	}
#block_panier.floatable_max
	{
	position: fixed;
	width:332px;
	background-color:#f9f5f0;
	top:152px;
	height: 75%;
	overflow-y: auto;
	overflow-x: hidden;
	}
.panier_block_container
	{
	left:1.7%;
	width:70%;
	height:auto;
	position:relative;
	float:left;
	}
.panier_block_recap
	{
	height:auto;
	background-color:#f9f5f0;
	width:26%;
	float:right;
	position:relative;
	padding:0;
	}
.panier_block_option
	{
	width:100%;
	height:auto;
	position:relative;
	}
.panier_block_option_titre
	{
	background-color:#7695b3;
	color:#ffffff;
	padding:0.9em;
	width:100%;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	color:#ffffff;
	margin:0;
	}
.panier_block_option_texte
	{
	height:auto;
	background-color:#ffffff;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	padding:2em;
	margin:0;
	}
.panier_block_recap_titre
	{
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	width:100%;
	background:#2d4252;
	height:58px;
	line-height:58px;
	text-align:center;
	}
.ajout_option
	{
	cursor:pointer;
	background-image:url("/logement/images/picto_prix_magenta.gif");
	background-repeat:no-repeat;
	background-size: 50%;
	background-position:center center;
	background-color:#e5007c;
	border-radius:3px;
	height:40px;
	width:60px;
	display:inline-block;
	margin-left:1.5em;
	}
.ajout_option:hover
	{
	background-image:url("/logement/images/picto_prix_vert.gif");
	background-size: 50%;
	background-position:center center;
	background-color:#62b22e;
	}
.ajout_option:active
	{
	background-image:url("/logement/images/picto_prix_conf.gif");
	background-size: 50%;
	background-position:center center;
	background-color:#62b22e;
	}
.ajout_option2
	{
	cursor:pointer;
	border-radius:3px;
	padding:0.8em;
	display:inline-block;
	margin-left:0;
	width:auto;
	background-color:#e5007c;
	color:#ffffff;
	}
.ajout_option2:hover
	{
	background-color:#62b22e;
	}
.ajout_option2:active
	{
	background-color:#62b22e;
	}
.bouton_choix_actif
	{
	width:350px;
	margin-bottom:1.5em;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	padding:1em;
	background-color:#22b6df;
	color:#ffffff;
	font-weight:bold;
	vertical-align:middle;
	}
.bouton_choix
	{
	width:350px;
	margin-bottom:1.5em;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	padding:1em;
	background-color:#f9f5f0;
	color:#7694b2;
	cursor:pointer;
	vertical-align:middle;
	}
.bouton_choix :hover
	{
	text-decoration:underline;
	}
.maj_resultat_reduce_crit
	{
	display:inline-block;
	}
.detail_picto_prix
	{
	width:58px;
	}
.detail_picto_prix_small
	{
	width:44px;
	}
.com_answer
	{
	font-size:0.8em;
	margin-top:1.5em;
	background-color:#f9f5f0;
	border-radius:4px;
	padding:1em;
	max-width:860px;
	}
.com_answer_titre
	{
	font-weight:bold;
	padding-bottom:0.5em;
	}
.titre_lobster
	{
	font-family: 'lobster_1.3regular', cursive;
	}
.logo_agenda
	{
	max-width:18em;
	}
.bandeau_lateral
	{
	width:260px;
	}
.bloc50pc
	{
	width:49%;
	margin-right:1%;
	float:left;
	font-size:0.85em;
	padding: 1em 1.500em 0em 0em;
	text-align:justify;
	margin: 0;
	background-color:#f9f5f0;
	}
.share_button
	{
	background-color:#ffffff;
	text-decoration:none;
	padding:0.5em 1em;
	border-radius:2px;
	max-width:200px;
	float:right;
	z-index:99999;
	position:absolute;
	right:0;
	margin:2em 2em auto auto;
	cursor:pointer;
	}
.square_tab
	{
	background-image: url('https://www.lastationdeski.com/stations/images/photos/meribel_5_small.jpg');
	background-repeat: no-repeat;
	background-position: center; 
	width:50%;
	height:287px;
	margin:0;
	float:left;
	overflow:hidden;
	}
.square_color
	{
	background-color: rgba(55, 68, 82, 0.5);
	position:relative;
	width:100%;
	height:287px;
	cursor:pointer;
	text-decoration:none;
	color:#ffffff;
	z-index:1;
	}
.square_color:hover
	{
	background-color: rgba(55, 68, 82, 0.85);
	}
.square_txt
	{
	position:absolute;
	top:50%;
	width:100%;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;	
	text-transform: uppercase;	
	font-size:1.5em;
	}
.square_color:hover
	{
	text-decoration:underline;
	}
.img_50_100
	{
	width:50%;
	}

	
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (min-width: 1280px) {
#mag .bx-wrapper .bx-controls-direction a {
    right: -9%;
}
#mag .bx-wrapper .bx-prev {
    left: -9%;
}
.logo {
	margin-top:-2.4em;
	margin-left: 25%;
}
.menu > ul > li:nth-child(3) > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 40%;
  background: none;
  float: left;
}
.disp_tablette_only
	{
	display:none;
	}
.disp_smartphone_only
	{
	display:none;
	}
.disp_smartphone_small_only
	{
	display:none;
	}
.package_picto
	{
	margin-left:25px;
	height:30px;
	}
.block_package_pilot
	{
	width:600px;
	}
.logo_agenda
	{
	max-width:15em;
	}
}



@media only screen and (min-width: 861px) and (max-width: 1279px) {
.bandeau, #sejour, #categories, #categories_left, #programme, .compare, .tableaucomparatif, .resultatsgauche, .resultatsdte, .resultatsgaucheresa, .resultatsdteresa, .illus, .reservdate, .reservdesc, .pagereserv {
     width: 50.000em;
}
.reservdate
	{
	width:100%;
	}
#pageresultats, #pageresultats_first, .titrestation {
     width: 100%;
}
.bandeau {
     width: 97%;
}
#footerbloc {
     width: 800px;
}
.menu > ul > li:first-child, .menu > ul > li:nth-child(2) {
    margin-left: 4%;
}
.menu > ul > li a {
	font-size: 0.95em;
}
.menu > ul > li:nth-child(3) > ul > li:nth-child(n+2) {
  width: 25%;
}
#mag .bx-wrapper .bx-controls-direction a {
    right: 0;
}
#mag .bx-wrapper .bx-prev {
    left: 0;
}
.texteslidecaroussel {
    font-size: 3.063em;
}
.maps {
    width: 59%;
}
#choixlangues {
    display: block;
    width: 80%;
    margin: 0 0 4% 10%;
	text-align: center;
}
.zonerecherche {
    width: 100%;
}
#slidefooter{
	float:right;
	margin-bottom: 2em;
	width: 90%;
	margin-left: 0;
	margin-right:5%;
}
#bloccategories {
   margin-top: 4.1em;
   width: 61%;
   margin-left: 0.5em;
}
.figure2 {
    width: 22%;
    margin: 1em 3%;
}
#categories h1 {
    width: 80%;
	left: 0.7em;
	margin-top: 1em;
}
#categories_left h1 {
    width: 80%;
	left: 0.7em;
	margin-top: 1em;
}
#agenda h2, .bigdate, .savoirplusprix {
    font-size: 1.250em;
}
.agenda1 {
    margin: 1em;
}
.texteagenda {
    width: 90%;
}
#agendac {
    margin-left: 12%;
}
.vacances {
    width: 54%;
}
.quisommesnous {
    width: 45%;
}
.hautpage{
	display:block;
	font-family: 'NolanNext-book', sans-serif;
	text-align:center;
	color: #82a5c8;	
	font-size: 1.250em;
	margin-bottom:4em;
}
#agendac {
	width: 11em;
	bottom: -1em;
	left: -3em;
}
.onglets, .identitedescriptif > div:first-child, .identitedescriptif > div, .bonnesadresses > div:nth-child(2), .avoir > div:nth-child(2), .resultatstexte, .resadescriptif > div, .resadescriptif > div:first-child, .resadescriptifdte > div, .resadescriptifdte > div:first-child, .vacances figcaption {
    font-size: 0.850em;
}
.carteidentite {
	width:42%;
	width:max-content;
	width:-moz-max-content;
	width:-webkit-max-content;
    font-size: 0.850em;
}
.identite {
    margin: 0;
    width: 42%;
}
.cartebt2 {
    right: 6%;
}
.cartebt {
    right: 51%;
}
.identitedescriptif {
    width: 95%;
}
.onglets {
    width: 58%;
}
.bonnesadresses > div:first-child, .avoir > div:first-child {
    font-size: 1.200em !important;
}
.titrestation h1 {
    font-size: 2.500em;
	padding-left:0.5em;
}
.fil_ariane
	{
	padding-right:0.5em;
	}
#blocmagenta, #blocmagentadte {
    width: 20.6em;
	min-height: 28.125em;
}
#blocmagentaresa, #blocmagentaresadte {
    width: 20.6em;
}
.savoirplus {
    padding: 3%;
}
.resultatphotogauche {
    width: 50em;
    height: 28.125em;
    padding: 2.813em 0 0 0;
    margin: 0;
    float: left;
    position: absolute;
    top: 2%;
    left: 0;
    z-index: -5;
}
.img_magenta_block_gauche
	{
	position:absolute;
	clip:rect(0,50em,28.125em,0);
	left:20.6em;
	height:23.792em;
	}
.img_magenta_resa_gauche
	{
	position:absolute;
	clip:rect(0,65.663em,25.250em,0);
	left:0em;
	height:25.250em;
	}
.img_magenta_resa_gauche_luxe
	{
	position:absolute;
	clip:rect(0,65.663em,25.250em,0);
	left:0em;
	height:25.250em;
	}
.img_magenta_resa_small_gauche
	{
	position:absolute;
	clip:rect(0,50em,28.125em,0);
	left:20.6em;
	height:23.792em;
	}
.img_magenta_block_droite
	{
	position:absolute;
	clip:rect(0,50em,28.125em,0);
	right:0em;
	height:23.792em;
	}
.resultatphotodte {
    width: 50em;
    height: 28.125em;
    padding: 2.813em 0 0 0;
    margin: 0;
    float: left;
    position: absolute;
    top: 2%;
    left: 0;
    z-index: -5;
}
.resultatphotogaucheresa {
    width: 29.413em;
    height: 25.2em;
    padding: 0;
    position: absolute;
    top: 2.500em;
    left: 20.6em;
    margin: 0;
}
.resultatphotogaucheresa_luxe {
    width: 29.413em;
    height: 25.2em;
    padding: 0;
    position: absolute;
    top: 2.500em;
    left: 20.6em;
    margin: 0;
}
.resultatphotodteresa {
    width: 29.413em;
    height: 25.2em;
    padding: 0;
    position: absolute;
    top: 2.500em;
    left: 0;
    margin: 0;
}
.resultatphotodteresa_luxe {
    width: 29.413em;
    height: 25.2em;
    padding: 0;
    position: absolute;
    top: 2.500em;
    left: 0;
    margin: 0;
}
.prix {
    font-size: 1.3em;
	margin: 1em 10%;
}
.prix2 {
    font-size: 1.5em;
	margin: 1em 10%;
}
.prix_promo {
    font-size: 1.1em;
	margin: 1em 10%;
}
.resultatphotogaucheresav1, .resultatphotogaucheresav2, .resultatphotodteresav1, .resultatphotodteresav2 {
  	display: none;
}
.resadescriptif {
    margin: 0 0 6% 10%;
}
.resadescriptifdte {
    margin: 10% 0 6% 0;
}
.photoillusd, .photoillusg {
    width: 48.875em;
    height: 26.750em;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
	z-index: -5;
}
.texteillusd, .texteillusg {
    min-height: 27.100em;
}
.texteillusdbg, .texteillusgbg {
    width: 28em;
}
footer {
	font-size:0.750em;
}
.formappart {
    width: 11em;
    margin-top: 1em;
}
.reservdate p {
    padding: 1em 1em;
}
.formulaire > p:first-child {
    line-height: 0;
	padding: 5em 0 3em 0;
	width: 20%;
}
.haut_canal_conv > p:first-child {
    line-height: 3.2em;
	width: 20%;
}
.haut_canal_conv > p:nth-child(2) {
	line-height:3.2em;
}
.etapesuivante p {
    font-size: 0.750em;
    padding: 0 0 0.550em 0;
}
.etapesuivante div {
    font-size: 0.90em;
    padding: 0 0 0.480em 0;
}
.formulaire {
    width: 64%;
}
.haut_canal_conv {
    width: 64%;
	z-index:99999;
}
.pictoprix {
    font-size: 2em;
}
#reserver_appel2
	{
    font-size: 1.5em;
	}
.callactionone {
    width: 34%;
}
.callactionone_liste {
    width: 100px;
}
.callactionone_liste_residence {
    width: 300px;
}
.promo {
	font-size: 1.45em;
}
.vacancespaiment h2 {
    font-size: 1em;
}
.figure3 figcaption {
    font-size: 0.650em;
}
.logopaiement figure {
    width: 65%;
    height: 5.375em;
}
.logopaiement p {
    font-size: 0.850em;
	padding:1em;
}
.logobq {
    margin: 0.200em !important;
}
.logopaiement {
    height: 4.250em;
}
.ongletsappart {
    width: 60%;
}
ul.resp-tabs-list, p {
    font-size: .850em;
}
#optionswebcam {
    bottom: 20%;
    right: 18%;
}
.carte {
    margin-right: 15%;
}

.no_disp_tablette
	{
	display:none;
	}
.texte_basique_responsive1
	{
	font-size:0.850em;
	}
.texte_basique_responsive2
	{
	font-size:0.850em;
	}
.disp_tablette_only
	{
	display:inline-block;
	}
.disp_smartphone_only
	{
	display:none;
	}
.disp_smartphone_small_only
	{
	display:none;
	}
.package_picto
	{
	margin-left:25px;
	height:30px;
	}
.block_package_pilot
	{
	width:600px;
	}
.panier_block_container
	{
	left:0%;
	width:64%;
	}
.panier_block_recap
	{
	width:34%;
	right:1.1%;
	float:right;
	}
.panier_block_option_titre
	{
	border-radius:0px;
	}
#block_panier.floatable
	{
	width:34%;
	}
#block_panier.floatable_max
	{
	width:34%;
	}
.detail_picto_prix
	{
	width:40px;
	}
.detail_picto_prix_small
	{
	width:36px;
	}
.logo_agenda
	{
	max-width:12em;
	}
.bloc50pc
	{
	font-size:0.850em;
	}

.tableau_generique3 table, .tableau_generique3 thead, .tableau_generique3 tbody, .tableau_generique3 th, .tableau_generique3 td, .tableau_generique3 tr
		{
		display: block; 
		}
.tableau_generique3 thead tr
		{ 
		position: absolute;
		top: -9999px;
		left: -9999px;
		}
.tableau_generique3 tr
		{
		display: table; 
		width:100%;
		min-height:30px;
		border-collapse: collapse;
		table-layout: fixed; /* Fixe image size inside table (pour IE) */
		}
.tableau_generique3 td
		{ 
		/* Behave  like a "row" */
		position: relative;
		width:auto;
		border-collapse: collapse;
		vertical-align: middle;
		padding:0em 0em 0.5em 0em;
		}
.col_auto
	{
	float:left;
	width:50%;
	text-align:center;
	}	
.square_tab
	{
	height:405px;
	}
.square_color
	{
	height:405px;
	}	
.square_txt
	{
	font-size:1.2em;
	}
.resp-tab-content 
	{
	padding: 0.938em 0.2em;
	}
}



@media only screen and (min-width: 801px) and (max-width: 860px) {
.bandeau, #sejour, #categories, #categories_left, #programme, .compare, .tableaucomparatif, .resultatsgauche, .resultatsdte, .resultatsgaucheresa, .resultatsdteresa, .illus, .titrestation {
     width: 50.000em;
}
#pageresultats, #pageresultats_first, .reservdate, .reservdesc, .pagereserv {
     width: 100%;
}
.bandeau {
     width: 97%;
}
#footerbloc {
     width: 800px;
}
.menu > ul > li:nth-child(2) {
    margin-left: 1%;
}
.menu > ul > li a:first-child {
    padding: .1em 0.8em;
}
.menu > ul > li a {
	font-size: 0.95em;
}
.menu > ul > li:nth-child(3) > ul > li:nth-child(n+2) {
  width: 25%;
}
#mag .bx-wrapper .bx-controls-direction a {
    right: 0;
}
#mag .bx-wrapper .bx-prev {
    left: 0;
}
.texteslidecaroussel {
    font-size: 2.063em;
}
.maps {
    width: 59%;
}
#choixlangues {
    display: block;
    width: 80%;
    margin: 0 0 4% 10%;
	text-align: center;
}
.zonerecherche {
    width: 100%;
}
#slidefooter{
	float:right;
	margin-bottom: 2em;
	width: 90%;
	margin-left: 0;
	margin-right:5%;
}
#bloccategories {
   margin-top: 4.1em;
   width: 61%;
   margin-left: 0.5em;
}
.figure2 {
    width: 22%;
    margin: 1em 3%;
}
#categories h1 {
    width: 80%;
	left: 0.7em;
	margin-top: 1em;
}
#categories_left h1 {
    width: 80%;
	left: 0.7em;
	margin-top: 1em;
}
#agenda h2, .bigdate, .savoirplusprix {
    font-size: 1.250em;
}
.agenda1 {
    margin: 1em;
}
.texteagenda {
    width: 90%;
}
#agendac {
	bottom:-1em;
    margin-left: 12%;
}
.vacances {
    width: 54%;
}
.quisommesnous {
    width: 45%;
}
.hautpage{
	display:block;
	font-family: 'NolanNext-book', sans-serif;
	text-align:center;
	color: #82a5c8;	
	font-size: 1.250em;
	margin-bottom:4em;
}
#agendac {
	width: 11em;
	bottom: -1em;
	left: -3em;
}
.onglets, .bonnesadresses > div:nth-child(2), .avoir > div:nth-child(2), .resultatstexte, .resadescriptif > div, .resadescriptif > div:first-child, .resadescriptifdte > div, .resadescriptifdte > div:first-child, .vacances figcaption {
    font-size: 0.850em;
}
.identitedescriptif > div:first-child, .identitedescriptif > div{
    font-size: 0.750em;
}
.carteidentite {
	width:42%;
	width:max-content;
	width:-moz-max-content;
	width:-webkit-max-content;
    font-size: 0.850em;
}
.identite {
    margin: 0;
    width: 42%;
}
.cartebt2 {
    right: 6%;
}
.cartebt {
    right: 51%;
}
.identitedescriptif {
    width: 95%;
}
.onglets {
    width: 58%;
}
.bonnesadresses > div:first-child, .avoir > div:first-child {
    font-size: 1.200em !important;
}
.titrestation h1 {
    font-size: 2.500em;
}
#blocmagenta, #blocmagentadte {
    width: 20.6em;
	min-height: 28.125em;
}
#blocmagentaresa, #blocmagentaresadte {
    width: 20.6em;
}
.savoirplus {
    padding: 3%;
}
.resultatphotogauche {
    width: 50em;
    height: 28.125em;
    padding: 2.813em 0 0 0;
    margin: 0;
    float: left;
    position: absolute;
    top: 2%;
    left: 0;
    z-index: -5;
}
.img_magenta_block_gauche
	{
	position:absolute;
	clip:rect(0,50em,28.125em,0);
	left:10.6em;
	height:23.792em;
	}
.img_magenta_resa_gauche
	{
	position:absolute;
	clip:rect(0,65.662em,25.250em,0);
	left:0em;
	height:25.250em;
	}
.img_magenta_resa_gauche_luxe
	{
	position:absolute;
	clip:rect(0,65.663em,25.250em,0);
	left:0em;
	height:25.250em;
	}
.img_magenta_resa_small_gauche
	{
	position:absolute;
	clip:rect(0,50em,28.125em,0);
	left:10.6em;
	height:23.792em;
	}
.img_magenta_block_droite
	{
	position:absolute;
	clip:rect(0,50em,28.125em,0);
	right:0em;
	height:23.792em;
	}
.resultatphotodte {
	width: 29.413em;
    height: 25.2em;
    padding: 0;
    position: absolute;
    top: 2.500em;
    left: 0;
    margin: 0;
}
.resultatphotogaucheresa {
    width: 29.413em;
    height: 25.2em;
    padding: 0;
    position: absolute;
    top: 2.500em;
    left: 20.6em;
    margin: 0;
}
.resultatphotogaucheresa_luxe {
    width: 29.413em;
    height: 25.2em;
    padding: 0;
    position: absolute;
    top: 2.500em;
    left: 20.6em;
    margin: 0;
}
.resultatphotodteresa {
    width: 29.413em;
    height: 25.2em;
    padding: 0;
    position: absolute;
    top: 2.500em;
    left: 0;
    margin: 0;
}
.resultatphotodteresa_luxe {
    width: 29.413em;
    height: 25.2em;
    padding: 0;
    position: absolute;
    top: 2.500em;
    left: 0;
    margin: 0;
}
.prix {
    font-size: 1.3em;
	margin: 1em 10%;
}
.prix2 {
    font-size: 1.5em;
	margin: 1em 10%;
}
.prix_promo {
    font-size: 1.1em;
	margin: 1em 10%;
}
.resultatphotogaucheresav1, .resultatphotogaucheresav2, .resultatphotodteresav1, .resultatphotodteresav2 {
  	display: none;
}
.resadescriptif {
    margin: 0 0 6% 10%;
}
.resadescriptifdte {
    margin: 10% 0 6% 0;
}
.photoillusd, .photoillusg {
    width: 48.875em;
    height: 26.750em;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
	z-index: -5;
}
.texteillusd, .texteillusg {
    min-height: 27.100em;
}
.texteillusdbg, .texteillusgbg {
    width: 28em;
}
footer {
	font-size:0.750em;
}
.resp-tabs-list li {
    padding: 0.813em 1.075em;
}
.formappart {
    width: 11em;
    margin-top: 1em;
}
.reservdate p {
    padding: 1em 1em;
}
.formulaire > p:first-child {
    line-height: 0;
	padding: 5em 0 3em 0;
}
.haut_canal_conv > p:first-child {
    line-height: 3.2em;
}
.haut_canal_conv > p:nth-child(2) {
	line-height:3.2em;
}
.etapesuivante p {
    font-size: 0.750em;
    padding: 0 0 0.550em 0;
}
.etapesuivante div {
    font-size: 0.90em;
    padding: 0 0 0.480em 0;
}
.formulaire {
    width: 60%;
}
.haut_canal_conv {
    width: 65%;
	z-index:99999;
	}
.pictoprix {
    font-size: 2em;
}
#reserver_appel2
	{
    font-size: 1.5em;
	}
.callactionone {
    width: 34%;
}
.callactionone_liste {
    width: 100px;
}
.callactionone_liste_residence {
    width: 300px;
}
.promo {
    top: -1.7em;
	font-size: 1.4em;
}
.vacancespaiment h2 {
    font-size: 1em;
}
.figure3 figcaption {
    font-size: 0.650em;
}
.logopaiement figure {
    width: 65%;
    height: 5.375em;
}
.logopaiement p {
    font-size: 0.850em;
	padding:1em;
}
.logobq {
    margin: 0.200em !important;
}
.logopaiement {
    height: 4.250em;
}
.ongletsappart {
    width: 60%;
}
ul.resp-tabs-list, p {
    font-size: .850em;
}
.carte {
	margin-right: 3%;  
}

.no_disp_tablette
	{
	display:none;
	}
.texte_basique_responsive1
	{
	font-size:0.850em;
	}
.texte_basique_responsive2
	{
	font-size:0.850em;
	}
.disp_tablette_only
	{
	display:inline-block;
	}
.disp_smartphone_only
	{
	display:none;
	}
.disp_smartphone_small_only
	{
	display:none;
	}
.package_picto
	{
	margin-left:25px;
	height:30px;
	}
.block_package_pilot
	{
	width:600px;
	}
.panier_block_container
	{
	left:0%;
	width:65%;
	}
.panier_block_recap
	{
	width:34%;
	float:right;
	right:0;
	}
.panier_block_option_titre
	{
	border-radius:0px;
	}
.panier_block_option_texte
	{
	padding-left:0.5em;
	padding-right:0.5em;
	}
#block_panier.floatable
	{
	width:33.5%;
	}
#block_panier.floatable_max
	{
	width:33.5%;
	}
.maj_resultat_reduce_crit
	{
	display:none;
	}
.detail_picto_prix
	{
	width:40px;
	}
.detail_picto_prix_small
	{
	width:36px;
	}
.logo_agenda
	{
	max-width:8em;
	}
.bloc50pc
	{
	font-size:0.850em;
	width:100%;
	margin-right:0%;
	padding-right:0;
	float;none;
	}
.share_button
	{
	margin:1em 1em auto auto;
	}
.tableau_generique3 table, .tableau_generique3 thead, .tableau_generique3 tbody, .tableau_generique3 th, .tableau_generique3 td, .tableau_generique3 tr
		{
		display: block; 
		}
.tableau_generique3 thead tr
		{ 
		position: absolute;
		top: -9999px;
		left: -9999px;
		}
.tableau_generique3 tr
		{
		display: table; 
		width:100%;
		min-height:30px;
		border-collapse: collapse;
		table-layout: fixed; /* Fixe image size inside table (pour IE) */
		}
.tableau_generique3 td
		{ 
		/* Behave  like a "row" */
		position: relative;
		width:auto;
		border-collapse: collapse;
		vertical-align: middle;
		padding:0em 0em 0.5em 0em;
		}
.col_auto
	{
	float:left;
	width:50%;
	text-align:center;
	}
.square_tab
	{
	height:405px;
	}
.square_color
	{
	height:405px;
	}	
.square_txt
	{
	font-size:1.2em;
	}
.resp-tab-content 
	{
	padding: 0.938em 0.2em;
	}
.right_device_only
	{
	float:none;
	}
.panier_block_option_texte
	{
	padding-left:0.5em;
	padding-right:0.5em;
	}
.panier_block_option_titre
	{
	border-radius:0px;
	}
}

@media only screen and (max-width: 800px){
	header {
    margin: 0 auto;
	}
  .menu-container {
    width: 100%;
	height: auto;
 }
 .headsmart {
	display: block;
	background-color: #69b4dc;
	z-index: 9990;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2.613em;
	background-image: url(../images/logo_small3_sk.png);
	background-repeat: no-repeat;
	background-position: center center;
  }
  .connect {
	display: block;
	z-index: 9999;
	position: absolute;
	top: 0;
	right: 0;
	width: 2.500em;
	height: 1.950em;
	padding: 0.3em 0;
	font-size:1.500em;
	text-align: center;
  }
  .connect a{
	color:#FFF;
  }
  .menu > ul > li:first-child, .brsautfoot2, .menu > ul {
    display:none;
  }
  .menu-mobile, .brsautfoot, .menu-dropdown-icon:before {
    display: block;
  }
  .menu {
	z-index: 9998;
  }
  .menu > ul > li {
    width: 100%;
	padding: 0;
    float: none;
    display: block;
	height: 2.500em;
  }
  .menu > ul > li > a {
    padding: 1.5em;
    width: 100%;
    display: block;
  }
  .menu > ul > li > ul {
    position: relative;
  }
  .menu > ul > li > ul.normal-sub {
    width: 100%;
  }
  .menu > ul > li > ul > li, .menu > ul > li:nth-child(3) > ul > li:nth-child(n+2), .menu > ul > li:nth-child(3) > ul > li {
    float: none;
    width: 100%;
    margin-top: 0;
	line-height: 0.050em;
  }
  .menu > ul > li > ul > li:first-child {
    margin: 0;
  }
  .menu > ul > li > ul > li > ul {
    position: relative;
  }
  .menu > ul > li > ul > li > ul > li {
    float: none;
  }
  .menu .show-on-mobile {
    display: block;
    padding: 1.700em 0 0 0;
  }
  .menu > ul > li:first-child {
    margin-left:0;
  }
  .menu > ul > li > ul {
    top: 0;
  }
  .menu > ul > li:nth-child(2) {
    margin-left: 0;
  }
  .menu > ul > li a:first-child, .menu > ul > li a {
	padding: .7em 1.4em;
	line-height: 1em;
  }
  .onglet_rechercher_resp 
	{
	display:inline;
	}
  .here{
	background-image: url(../images/moins.gif);
	background-repeat: no-repeat;
	background-position: right top;
  }
  .reservertexte, .decouvrirtexte, .partagertexte, .directtexte, .maps, #bandeau_header, .recherche, #categories h1,  #categories_left h1, #footerreseaux, .quisommesnous, #slidefooter, .baselinefooter, .mentionsplan, .resultatphotogaucheresav1, .resultatphotogaucheresav2, .resultatphotodteresav1, .resultatphotodteresav2, .fil_ariane {
    display: none;
  }
  #blocorange, #categories, #categories_left, #sejour, #footerbloc, .formlangues, #datedepart, #duree {
    width: 95%;
  }
  #programme {
    width: 95%;
    padding: 0;
    margin-top: 5%;
  }
  #footerbloc, .illus, #pageresultats, #pageresultats_first, .reservdate, .reservdesc, .pagereserv, .zonerecherche, .vacancespaimen, #reservappart, .titrestation {
    width: 100%;
  }
  .illus
	{
	margin: 0 auto;	
	}
  .vacances {
    width: 90%;
    margin-left:5%;
  }
  .formchoixwebcam {
    width: 95%;
  }
  #photohome {
    margin: 3em auto 0 auto;
  }
  .texteslidecaroussel {
    left: 10%;
    font-size: 2.063em;
  }
  #blocorange {
    left: 2.5%;
    height: 35.075em;
  }
  #choixsejour {
    text-align: center;
  }
  .formsation {
    width: 100%;
	margin-left: 0;
  }
  #station, #personnes, #duree, #date, #stationwebcam, #stationwebcam2, #langues, #datedepart {
    background-position: 95%;
  }
  .offresejour {
    margin: 0.500em 0 0 15%;
  }
  .small2 {
    margin: 2em 0 2em 15%;
	width: 70%;
  }
  .small {
    width: 45%;
	margin: 1em 0 0 15.25em;
  }
  .smallhome {
    width: 45%;
	margin: 1em 3.8em 0 0;
	float: right;  
  }
  .smallhome_bis {
	 display:none;
  }
  .sejourtxt, #choixsejour {
    margin: 1em auto;
	width: 70%;
  }
  #recherchesejour {
    left: 15%;
	display:block;
	width:30%;
	margin-top: 3%;
 }
 .criteres {
    width: 40%;
  }
  #categories {
	 background:none;
	 height: 40.938em;
  }
  #categories_left {
	 background:none;
	 height: 13.938em;
  }
  #bloccategories {
    margin-top: 5.500em;
	margin-left: 4%;
	height: 22.500em;
    z-index: 50;
  }
  #blocvert {
    width: 95%;
    height: 40.625em;
    top: 0;
    right: 2.5%;
  }
  #blocbleu {
    width: 95%;
    height: 13.625em;
    top: 0;
    left: 2.5%;
  }
  .station{
    width: 90%;
    margin-top: 5%;
  }
  .test {
    padding-bottom: 5%;
    position: absolute;
    bottom: 13%;
    font-size: 2.5000em;
   }
  #parti {
    right: 10%;
    position: absolute;
    bottom: 7%;
    width: 30%;
  }
  #partibleu {
    right: 10%;
    position: absolute;
    bottom: 14%;
    width: 30%;
  }
  .figure2 {
    width: 30%;
	height:9em;
	margin: 1em 1%;
  }
  #mag {
    padding: 2.250em 0 5em 0;
  }
  #mag h1, #programme h1 {
    font-size: 2em;
  }
  #mag h2 {
    font-size: 1.150em;
  }
  #voirmag {
    left: 38%;
    width: 25%;
  }
  #webcam {
    margin: 4em auto;
  }
  #webcam, #agenda{
	display:block;
	width:95%;
	margin-left:2.5%;
	text-align: center;
  }
  .agendabg {
    padding: 1em 0;
    text-align: left;
  }
  .agendapicto {
    width: 2.250em;
    margin: 0 2.5%;
  }
  .descagenda {
    font-size: 0.800em;
  }
  #agendac {
	position:sticky;
	width: 34%;
	margin:-1.5em auto 0 auto;
	z-index:999999;
  }
  #optionswebcam {
    width: 100%;
    top: 20%;
	right: 0;
  }
  #choixlangues{
	display:block;
	width:90%;
	text-align: center;
  }
  .footerlogo {
    width: 80%;
    margin: 0 0 0 10%;
	text-align: center;
  }
  .figure1 {
    width: 35%;
    float: none;
    margin: 6%;
    padding: 0;
    display: inline-block;
  }
  .bigdate, #agenda h2 {
    width: 34%;
  }
  .vacances h2 {
    font-size: 1.450em;
	margin-bottom: 3em;
	border-bottom: thin solid #9ba2a9;
	padding-bottom: 2.500em;
  }
  .vacances figcaption {
	font-size:0.850em;
  }
  .traits {
    width: 90%;
    margin: 3em auto;
  }
  .sep3 {
    padding: 0 0.500em;
  }
  #mag .bx-wrapper .bx-controls-direction a {
    right: 3%;
  }
  #mag .bx-wrapper .bx-prev {
    left: 3%;
  }
  .figure1 {
    width: 35%;
    margin: 5% 7%;
  }
  #bloc2footer {
    height: 32em;  
  }
  #choixlangues {
    text-align: left;
    margin-left: 9%;
  }
  #footerresp, #reseauxresp{
	display:block;
  }
  .telresp{
	font-family: 'NolanNext-Book', sans-serif;
	font-size:1.500em;
	padding:2em 0 0 0;
	text-align:center;
	width:90%;
	margin: 15% 0 0 5%;
	border-top:none;
  }
  .telresp a{
	font-family: 'NolanNext-Bold', sans-serif;
	font-size:2em;
	padding:0.500em 0;
	color:#FFF;
  }
  .telresp a:hover{
  	color:#82a5c8;
  }
  .formfooter{
    width: 75%;
    margin-left: 9%;
	text-align: center;
  }
  #langues{
    width: 90%;
  }
  .abonnezresp{
    width: 100%;
	text-align:center;
	font-size: 1.5em;  
	margin-bottom: .500em;
  }
  #reseauxresp{
    width: 90%;
    margin: 15% 5%;
	font-family: 'NolanNext-book', sans-serif;
	text-align:center;
	font-size: 1.250em;
	font-style: normal;
  }
  #reseauxresp i{
	font-style: normal;
  }
  .hautpage{
	display:block;
	font-family: 'NolanNext-book', sans-serif;
	text-align:center;
	color: #82a5c8;	
	font-size: 1.250em;
	margin-bottom:4em;
  }
  .liensbasfooter {
    margin: 3em auto 0 auto;
  }
  .traitsfoot	{
	width:100%;
	color:#374452;
	background-color:#9ba2a9;
	height: 0;
	border: 0;
	margin:3em 0;
 }
  ul.resp-tabs-list { display: none; }

  h2.resp-accordion { display: block; }

  .resp-vtabs .resp-tabs-container {
  border: none;
  float: none;
  width: 100%;
  min-height: initial;
  clear: none;
  }
  .resp-accordion-closed { 
  display: none !important; 
  }
  .resultatsgauche, .resultatsdte, .resultatsgaucheresa, .resultatsdteresa{
    width: 100%;
	margin: 0;
  }
  .resultatsgaucheresa, .resultatsdteresa {
	min-height:0;
	height:auto;
}
 
  #blocmagenta, #blocmagentadte, #blocmagentaresa, #blocmagentaresadte {
    width: 90%;
	height:auto;
	margin: 0 5%;
	float: none;
	display: block;
	padding: 1em 0 2em 0;
	z-index: 5;
  }
  #blocmagenta h1, #blocmagentadte h1{
	font-size: 1.750em;
  }
  #blocmagentaresa, #blocmagentaresadte, .resultatphotogaucheresa, .resultatphotogaucheresa_luxe, .resultatphotodteresa, .resultatphotodteresa_luxe {
    position:relative;
	top:0;
	left:0;
  }
  #blocmagentaresa, #blocmagentadte, #blocmagentaresadte, .texteillusd, .texteillusg, .texteillusgbg, .texteillusdbg, #blocmagenta {
    min-height: 0;
  }
  .resultatphotogauche, .resultatphotodte, .resultatphotodteresa, .resultatphotodteresa_luxe, .resultatphotogaucheresa, .resultatphotogaucheresa_luxe, .resultatphotodte {
    width: 100%;
	height: auto;
	margin: 0;
	float: none;
	display: block;
	padding: 0;
	text-align:center;
	top: -1.500em;
  }
  .img_magenta_block_gauche
	{
	position:relative;
	left:0;
	height:auto;
	width:100%
	}
  .img_magenta_resa_gauche
	{
	position:relative;
	left:0;
	height:auto;
	width:100%
	}
  .img_magenta_resa_gauche_luxe
	{
	position:relative;
	left:0;
	height:auto;
	width:100%
	}
  .img_magenta_resa_droite
	{
	position:relative;
	left:0;
	height:auto;
	width:100%
	}
  .img_magenta_resa_droite_luxe
	{
	position:relative;
	left:0;
	height:auto;
	width:100%
	}
  .img_magenta_block_droite
	{
	position:relative;
	left:0;
	height:auto;
	width:100%
	}
  .resultatphotogauche, .resultatphotodte {
    top: 0;
    position: relative;
    z-index: -5;
  }
   .resultatphotogaucheresa, .resultatphotogaucheresa_luxe, .resultatphotodteresa, .resultatphotodteresa_luxe {
    top: 0;
    position: relative;
    z-index: -5;
  }
  .savoirplus{
    width: 45%;
	margin: 0 28%;
	font-size: 1.250em;
	padding: 2%;
	}
	.savoirplusprix{
	width: 49%;
	margin: 0 24%;	
	font-size: 1.250em;
	padding: 4%;
	}
	.texteillusd, .texteillusg, .texteillusdbg, .texteillusgbg, .identite {
    width: 90%;
	height:auto;
	margin: 0 5% 5% 5%;
	float: none;
	display: block;
	position:relative;
   }
	.photoillusd, .photoillusg, .photoillusdbg, .photoillusgbg, .onglets {
    width: 100%;
	height:auto;
	margin: 0;
	padding:0;
	float: none;
	display: block;
	position:relative;
  }
  .photoillusdbg, .photoillusgbg {
	text-align:center;
  }
  .prix {
    font-size: 1.7em;
    margin: 0 10%;
    border-bottom: thin solid #FFF;
	text-align: center;
  }
  .prix_promo {
    font-size: 1.5em;
    margin: 0 10%;
    border-bottom: thin solid #FFF;
	text-align: center;
  }
  .prix2 {
	  font-size: 1.5em;
	  line-height:2em;
    text-align: center;
  }
  .resadescriptif {
    width: 90%;
  }
  .resadescriptifdte {
    margin: 0 0 0 10%;
  }
  .resadescriptif > div, .resadescriptif > div:first-child, .resadescriptifdte > div, .resadescriptifdte > div:first-child{
    font-size: 0.750em;
  }
  .chiffre {
    font-size: 1.750em;
  }
  .identitedescriptif > div:first-child, .identitedescriptif > div {
    font-size: 0.650em;
  }
  .resadescriptifdte > div {
	text-align:left;
  }
  .resadescriptifdte > div:first-child {
	order: 1;
  }
  .titrestation h1 {
    width: 100%;
    margin: 1em auto 0.500em auto;
    font-size: 2.100em;
    text-align: center;
  }
  #resultatstation h1 {
    font-size: 1.150em;
    margin: 0;
  }
  .cartebt {
    width: 30%;
  }
  .bonnesadresses, .avoir {
    display: block;
  }
  .bonnesadresses > div:first-child, .avoir > div:first-child {
	width: 100%;
	border-bottom: #FFF thin solid;
	font-size: 1.150em !important;
	text-align: center;
  }
  .bonnesadresses > div:nth-child(2), .avoir > div:nth-child(2) {
    width: 100%;
    padding: 2em 0 0 0;
    border: none;
    display: block;
	font-size: 0.850em;
  }
  #comparatifsmall{
	display:block;
	width: 100%;
	margin: 4em auto;
	background-color:#814897;
	text-align:center;
	color:#FFF;
	padding-bottom: 2em;
  }
  #comparatifsmall h1{
	font-family: 'lobster_1.3regular', cursive;	
	font-size: 2.500em;
	padding-top:1em;
	margin:0;
  }
  #comparatifsmall h2{
	font-family: 'NolanNext-book', sans-serif;
	font-size: 1.1em;
    padding-top: 0.5em;
	line-height: 1.450em;
  }
  #comparatifsmall p{
	font-family: 'NolanNext-Italic', sans-serif;;
	font-size: 0.950em;
	padding:2em 0;
  }
  .comp{
	  text-decoration:none;
  }
  .bus {
    margin: 0.950em 0 0 0;
  }
  .bus figcaption {
    font-size: 0.750em;
    padding: 0 0 4.50em 0.938em;
	line-height: 2.0em;
  }
  .formulaire {
    width: 100%;
    margin: 1.500em auto 0 auto;
    display: block;
    float: none;
	background-color: #f9f5f0;
	min-height: 11.1em;
	position:relative;
	padding:0.1em 0;
	padding-bottom:0.5em;
  }
  .formulaire > p:first-child {
    width: 90%;
	position:absolute;
    bottom: 0;
	line-height:3em;
	left:15%;
  }
  .formulaire > p:nth-child(2) {
	  padding:0;
	  margin:0;
	  margin-left:15%;
  }
  .formulaire > p:nth-child(3) {
	  padding:0;
	  margin:0;
	  margin-top:0.9em;
	  margin-left:15%;
  }
  .formulaire > p:nth-child(4) {
	  padding:0;
	  margin:0;
	  margin-top:0.9em;
	  margin-left:15%;
  }
  .haut_canal_conv {
    width: 100%;
    margin: 1.500em auto 0 auto;
    display: block;
    float: none;
	background-color: #f9f5f0;
	min-height: 3em;
	position:relative;
	z-index:99999;
	padding:0;
  }
  .haut_canal_conv > p:first-child {
	width:auto;
	position:absolute;
	line-height:3.2em;
    bottom: 0;
	left:15%;
  }
  .haut_canal_conv > p:nth-child(2) {
	line-height:3.3em;
	left:45%;
	position:absolute;
	width:auto;
}
  .callactionone {
    width: 60%;
	display: block;
	margin: 3% 20%;
  }
  .callactionone_liste {
    width: 100px;
	display: block;
	margin: 3% 20%;
	margin-left:4em;
  }
   .callactionone_liste_residence {
    width: 130px;
	display: block;
	margin: 3% 20%;
  }
  .reservdate p {
	width: 80%;
	margin: 1.750em 12%;
	color: #000;
  }
  .etapesuivante {
    padding: 3%;
	font-size: 1.50em;
  }
  .etapesuivante p {
	margin: 0% 5% 2% 2%;
    font-size: .800em;
    color: #FFF;
  }
  .etapesuivante div {
	margin: 0;
    font-size: .800em;
    color: #FFF;
  }
  .promo {
    font-size: 1.400em;
    border: #e5007d solid 3px;
    top: -1.500em;
    right: -1.500em;
  }
  .appartdescriptif {
	display:block;
	width: 100%;
  }
  .appartdescriptif > div {
    width: 100%;
    margin: 1em;
	margin: 1em 0;
  }
  .ongletsappart {
    display: block;
    width: 100%;
	padding-right:1em;
	padding-left:1em;

  }
  .ongletsmoda {
    display: block;
    width: 100%;
	padding-right:1em;
	padding-left:1em;

  }
  .paiement {
    display: none;
  }
  .vacancespaiment {
	  min-height:25em;
  }
  .vacancespaiment h2 {
    font-size: 1em;
    padding-top: 2em;
  }
  .figure3 figcaption p {
	  font-size:0.750em;
  }
  .figure3 {
    width: 31%;
  }
  .logopaiement {
	height: 6.250em;
	text-align: center;
  }
  .logopaiement p {
    width: 30%;
    font-size: 1.500em;
	padding-top: 3%;
  }
  .logopaiement figure {
    width: 50%;
    height: 5.375em;
    margin: 0 0 0 0.250em;
	padding: 0.350em 0 0 0.2em;  
  }
  .texteappartdesc {
    font-size: 0.950em;
  }
  .tabs {
    width: 90%;
    margin-left: 5%;
  }
  .figure2 img {
    margin-top: 8%;
  }
  .figure2 figcaption {
    margin-top: 7%;
  }
  .fin {
	  border:none;
  }
  .carte {
	margin-right: 3%;  
  }
  ul.resp-tabs-list, p {
    font-size: .850em;
    line-height: 1.450em;
  }
  .carteidentite {
    width: -moz-max-content;
  	width: -webkit-max-content;
	width: -o-max-content;
	width: -ms-max-content;
  	width: max-content;
  }
  .cartebt {
    font-size: 0.750em;
    right: 59%;
  }
  .cartebt2 {
    font-size: 0.750em;
    right: 12%;
  }
  .photoillusd, .photoillusg, .photoillusdbg, .photoillusgbg {
    width: 90%;
    margin: 0 5%;
  }
  .middle {
    border:none;
 }
.center_when_smartphone
	{
	text-align:center;
	}
.g-recaptcha div { margin-left: auto; margin-right: auto;}
.tableau_generique1 table, .tableau_generique1 thead, .tableau_generique1 tbody, .tableau_generique1 th, .tableau_generique1 td, .tableau_generique1 tr
		{
		display: block; 
		}
.tableau_generique1 thead tr
		{ 
		position: absolute;
		top: -9999px;
		left: -9999px;
		}
.tableau_generique1 tr
		{
		display: table; 
		width:100%;
		min-height:30px;
		border-collapse: collapse;
		table-layout: fixed; /* Fixe image size inside table (pour IE) */
		}
.tableau_generique1 td
		{
		/* Behave  like a "row" */
		position: relative;
		width:auto;
		border-collapse: collapse;
		vertical-align: middle;
		padding:0em 0em 2em 0em;
		}
.tableau_generique2 table, .tableau_generique2 thead, .tableau_generique2 tbody, .tableau_generique2 th, .tableau_generique2 td, .tableau_generique2 tr
		{
		display: block; 
		}
.tableau_generique2 thead tr
		{ 
		position: absolute;
		top: -9999px;
		left: -9999px;
		}
.tableau_generique2 tr
		{
		display: table; 
		width:100%;
		min-height:30px;
		border-collapse: collapse;
		table-layout: fixed; /* Fixe image size inside table (pour IE) */
		}
.tableau_generique2 td
		{ 
		/* Behave  like a "row" */
		position: relative;
		width:auto;
		border-collapse: collapse;
		vertical-align: middle;
		padding:0em 0em 0.5em 0em;
		}
.tableau_generique3 table, .tableau_generique3 thead, .tableau_generique3 tbody, .tableau_generique3 th, .tableau_generique3 td, .tableau_generique3 tr
		{
		display: block; 
		}
.tableau_generique3 thead tr
		{ 
		position: absolute;
		top: -9999px;
		left: -9999px;
		}
.tableau_generique3 tr
		{
		display: table; 
		width:100%;
		min-height:30px;
		border-collapse: collapse;
		table-layout: fixed; /* Fixe image size inside table (pour IE) */
		}
.tableau_generique3 td
		{ 
		/* Behave  like a "row" */
		position: relative;
		width:auto;
		border-collapse: collapse;
		vertical-align: middle;
		padding:0em 0em 0.5em 0em;
		}		
.vertical_space_generique_smart
	{
	display:block;
	}
	
.no_disp_tablette
	{
	display:none;
	}
.no_disp_smartphone
	{
	display:none;
	}
.compare {
     width: 100%;
}
.compare,.tableaucomparatif {
     width: 100%;
}
.texte_basique_responsive1
	{
	font-size:0.850em;
	}
.texte_basique_responsive2
	{
	font-size:0.850em;
	}
.right_device_only
	{
	float:none;
	}
.left_device_only
	{
	float:none;
	}
.left_smartphone_only_right_other
	{
	float:left;
	}
.center_device_only
	{
	text-align:left;
	}
.disp_tablette_only
	{
	display:inline-block;
	}
.disp_smartphone_only
	{
	display:inline-block;
	}
.disp_smartphone_small_only
	{
	display:none;
	}
.package_picto
	{
	margin-left:8px;
	height:20px;
	}
.block_package_pilot
	{
	width:400px;
	}
#haut_canal_conv.floatable
	{
	position: fixed;
	top:-1.5em;
	z-index:99999;
	}
#haut_canal_conv_bouton.floatable
	{
	position: fixed;
	top:-1.5em;
	z-index:99999;
	}
.coord_resp
	{
	padding-left:0em;
	}
.block_coord
	{
	background-color:#ffffff;
	padding:1em 0.5em 1em 0.5em;
	margin-left:1.5em;
	margin-right:1.5em;
	}
.block_coord_left
	{
	width:100%;
	float:none;
	min-width:300px;
	height:350px;
	}
.block_coord_right
	{
	width:100%;
	float:none;
	min-width:300px;
	height:220px;
	}
.text_resp_small
	{
	font-size:0.7em;
	}
.text_resp_small2x
	{
	font-size:0.6em;
	}
.text_resp
	{
	font-size:0.8em;
	line-height:2em;
	}
.text_resp_bis
	{
	font-size:0.8em;
	}
.text_resp_big
	{
	font-size:1em;
	}
.text_resp_big2x
	{
	font-size:1.5em;
	}
.text_resp_big3x
	{
	font-size:1.7em;
	}
#choixdelawebcam{
	height:auto;
}
.panier_block_recap
	{
	width:100%;
	float:none;
	}
.panier_block_container
	{
	width:100%;
	left:0;
	float:none;
	margin-top:3em;
	}
.ajout_option
	{
	display:block;
	margin-left:0;
	margin-top:0.5em;
	}
.vertical_space_generique
	{
	height:2em;
	/*background-color:red;*/
	}
.vertical_space_before_footer
	{
	height:3em;
	/*background-color:yellow;*/
	}
.maj_resultat_reduce_crit
	{
	display:inline-block;
	}
.detail_picto_prix
	{
	width:30px;
	}
.detail_picto_prix_small
	{
	width:30px;
	}
#reserver_appel2
	{
    font-size: 1.5em;
	}
.logo_agenda
	{
	max-width:8em;
	}
.bandeau_lateral
	{
	width:160px;
	}
.bloc50pc
	{
	font-size:0.850em;
	width:100%;
	margin-right:0%;
	padding-right:0;
	float;none;
	}
.share_button
	{
	margin:1em 1em auto auto;
	}
.col_auto
	{
	float:left;
	width:100%;
	text-align:center;
	}
.square_tab
	{
	width:100%;
	}
.img_50_100
	{
	width:100%;
	}
.form_generique2
	{
	width:13em;
	}
.form_generique_selecteur
	{
	width:13em;
	}
.form_generique_calendrier
	{
	width:13em;
	}
.form_generique_dropbox
	{
	width:13em;
	background-position: 11em;
	}
.form_generique_selecteur_extended
	{
	width:16em;
	}
.form_generique_calendrier_extended
	{
	width:16em;
	}
.form_generique_dropbox_extended
	{
	width:16em;
	background-position: 14em;
	}
.resp-tab-content 
	{
	padding: 0.938em 0.2em;
	}
.titrestation h1 
	{
    font-size: 2.100em;
	}		
.slide_bouton
	{
	padding: 0.61em;
	}

} 
  
  
 
  
@media only screen and (max-width: 479px){
.menu > ul > li a:first-child {
    padding: .7em 0.4em;
}
.brsaut {
    display: block;
  }
.offresejour span {
    font-size: 0.450em;
}
.texteslidecaroussel {
    font-size: 2.063em;
}
.sejourtxt {
    font-size: 0.850em;
}
.texteillusgbg p {
	text-align:left;
}
#recherchesejour {
    left: 5%;
    width: 40%;
}
.criteres {
	margin-top: 3%;
}
.small {
    width: 80%;
    margin: 1.250em 0 0 1.750em;
}
.smallhome {
    width: 70%;
    margin: 1.250em 2em 0 1.750em;
}
.smallhome_bis {
	display:none;
}
#voirmag {
    left: 36%;
    width: 29%;
} 
#agenda h2 {
    width: 33%;
}
#agendac {
	position:sticky;
	width: 34%;
	margin:-1.5em auto 0 auto;
	z-index:999999;
}
.figure1 {
    width: 40%;
    margin: 5% 4%;
}
.bigdate {
    font-size: 1.400em;
}
#choixlangues {
    margin-left: 9%;
}
#blocmagenta h1, #blocmagentadte h1 {
    font-size: 1.550em;
}
.savoirplus {
    font-size: 1em;
    padding: 2%;
}
.resultatstexte {
    margin: 1.250em 10% 2.250em 10%;
}
#blocmagentaresa, #blocmagentaresadte, .texteillusd, .texteillusg {
    min-height: 0;
}
.prix2 {
    font-size: 1.5em;
    text-align: left;
}
.resadescriptifdte {
    text-align: left;
    margin: 0 0 0 10%;
}
.savoirplusprix {
    font-size: 1em;
}
.photoillusd, .photoillusg, .photoillusdbg, .photoillusgbg {
    width: 90%;
    margin: 0 5%;
}
.savoirplusprix {
    width: 71%;
    margin: 0 16%;
}
.logopaiement p {
    font-size: 1.10em;
	padding-top: 5%;
}
.callactionone {
    width: 90%;
    display: block;
    margin: 3% 5%;
}
.callactionone_liste {
    width: 100px;
    display: block;
    margin: 3% 5%;
	margin-left:2em;
}
.callactionone_liste_residence {
    width: 130px;
    display: block;
    margin: 3% 5%;
}
.promo {
    right: -0.750em;
	font-size: 1.200em;
	top: -1.5em;
}
.no_disp_tablette
	{
	display:none;
	}
.no_disp_tablette
	{
	display:none;
	}
.no_disp_smartphone
	{
	display:none;
	}
.texte_basique_responsive1
	{
	font-size:0.850em;
	}
.texte_basique_responsive2
	{
	font-size:0.850em;
	}
.disp_tablette_only
	{
	display:inline-block;
	}
.disp_smartphone_only
	{
	display:inline-block;
	}
.disp_smartphone_small_only
	{
	display:inline-block;
	}
.package_picto
	{
	margin-left:8px;
	height:20px;
	}
.right_device_only
	{
	float:none;
	}
.left_device_only
	{
	float:none;
	}
.left_smartphone_only_right_other
	{
	float:left;
	}
.block_package_pilot
	{
	width:auto;
	}
#haut_canal_conv.floatable
	{
	position: fixed;
	top:-1.5em;
	z-index:99999;
	}
#haut_canal_conv_bouton.floatable
	{
	position: fixed;
	top:-1.5em;
	z-index:99999;
	}
.form_generique1 {
	margin-bottom:0.4em;
	}
.coord_resp
	{
	padding-left:0em;
	}
.block_coord
	{
	background-color:#ffffff;
	padding:1em 0.5em 1em 0.5em;
	margin-left:1.5em;
	margin-right:1.5em;
	}
.block_coord_left
	{
	width:100%;
	float:none;
	min-width:300px;
	height:350px;
	}
.block_coord_right
	{
	width:100%;
	float:none;
	min-width:300px;
	height:220px;
	}
.text_resp_small
	{
	font-size:0.7em;
	}
.text_resp_small2x
	{
	font-size:0.6em;
	}
.text_resp
	{
	font-size:0.8em;
	line-height:2em;
	}
.text_resp_bis
	{
	font-size:0.8em;
	}
.text_resp_big
	{
	font-size:1em;
	}
.text_resp_big2x
	{
	font-size:1.5em;
	}
.text_resp_big3x
	{
	font-size:1.7em;
	}
#choixdelawebcam{
	height:auto;
}
.panier_block_recap
	{
	float:none;
	width:100%;
	}
.panier_block_container
	{
	width:100%;
	left:0;
	float:none;
	margin-top:3em;
	}
.ajout_option
	{
	display:block;
	margin-left:0;
	margin-top:0.5em;
	}
.vertical_space_generique
	{
	height:2em;
	/*background-color:red;*/
	}
.vertical_space_before_footer
	{
	height:3em;
	/*background-color:yellow;*/
	}
.maj_resultat_reduce_crit
	{
	display:inline-block;
	}
.detail_picto_prix
	{
	width:30px;
	}
.detail_picto_prix_small
	{
	width:30px;
	}
.logo_agenda
	{
	max-width:8em;
	}
.bandeau_lateral
	{
	width:160px;
	}
.bloc50pc
	{
	font-size:0.850em;
	width:100%;
	margin-right:0%;
	padding-right:0;
	float;none;
	}
.share_button
	{
	margin:1em 1em auto auto;
	}
.col_auto
	{
	float:left;
	width:100%;
	text-align:center;
	}
.square_tab
	{
	width:100%;
	}
.img_50_100
	{
	width:100%;
	}
.form_generique2
	{
	width:13em;
	}
.form_generique_selecteur
	{
	width:13em;
	}	
.form_generique_calendrier
	{
	width:13em;
	}	
.form_generique_dropbox
	{
	width:13em;
	background-position: 11em;
	}	
.form_generique_selecteur_extended
	{
	width:16em;
	}
.form_generique_calendrier_extended
	{
	width:16em;
	}
.form_generique_dropbox_extended
	{
	width:16em;
	background-position: 14em;
	}	
.resp-tab-content 
	{
	padding: 0.938em 0.2em;
	}
.titrestation h1 
	{
    font-size: 2.100em;
	}		
.panier_block_option_texte
	{
	padding-left:0.5em;
	padding-right:0.5em;
	}
.panier_block_option_titre
	{
	border-radius:0px;
	}
}