/* @override 
	http://lafermeduciel.eu/animation.css
	http://lafermeduciel.dev/animation.css
	http://localhost:3000/animation.css
	http://www.lafermeduciel.eu/animation.css */
	
body {
	background-color: #9abcdf;
	-webkit-font-smoothing: antialiased;
}
a {
	color: #486aac;
}
a.facebook_btn {
	background: url(images/facebook-68px.gif) center top no-repeat #235999;
	background-size: 68px 68px;
	display: inline-block;
	padding: 70px 15px 15px;
	line-height: 16px;
	font-size: 16px;
	color: white;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.26);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.26);
	margin-bottom: 1px;
}
a.facebook_btn:hover {
	-moz-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.26);
	box-shadow: 0 1px 20px rgba(0, 0, 0, 0.26);
	margin-top: 1px;
	margin-left: 1px;
	margin-bottom: 0;
}

.mobile_not {
	display: none;
}
.block {
	display: block;
}
hr {
	border: none;
}
.txtCenter {
	text-align: center;
}
.posRelative {
	position: relative;
	display: block;
}
.opa0 {
	opacity: 0;
}
@media (min-width: 992px) { 
	span.mobile_not,
	em.mobile_not,
	strong.mobile_not {
		display: inline;
	}
}
.ticketFormule {
	margin-bottom: 15px;
	padding-top: 15px;
	border-left-style: solid;
	border-left-width: 7px;
}
.ticketFormule h1 {
	line-height: 70%;
}
.petit-texte {
 font-size: 90%;
}
.petit-texte h2 {
	font-size: 150%;
}
ul.listePrestation {
	list-style-type: none;
}
ul.listePrestation li {
	clear: both;
	line-height: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
}	
ul.listePrestation li:before {
	content: "+ ";
	width: 15px;
	display: block;
	float: left;
	color: white;
}
ul.listePrestation li:first-child:before {
	visibility: hidden;
}
ul.listePrestation small {
	display: block;
	padding-left: 15px;
	font-size: 60%;
	font-weight: normal;
	font-style: normal;
}
.listePrestationPrix {
	width: auto;
	text-align: center;
}
.listePrestationPrix:before {
	content: "";
	display: block;
	width: 50%;
	border-top: 1px solid white;
	margin: auto auto 10px;
}
/* Tableau des saisons */
.ligneTarif {
	width: auto;
	margin-bottom: 0;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 1px;
}
.ligneTarif em {
	font-weight: bold;
	font-style: normal;
	margin-right: 5px;
}
.ligneTarif.b { background-color: #496bad;}
.ligneTarif.h { background-color: #98bff1; 	color: black;}
.ligneTarif.th { background-color: #d8a80b;}
span.enfantsupp, span.adultesupp {
	float: right;
}
.calendar {
	color: white;
	margin-bottom: 30px;
	margin-top: 30px;
}
.calendar-header {
	display: none;
}
.calendar table.month th.month-title {
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	font-size: 12px !important;
}
.calendar table.month th.day-header {
	font-weight: normal;
	font-size: 11px !important;
}

#canevas {
	position: relative;
	display: block;
	width: 100%;
	height:650px;
	overflow: hidden;
	background-image: url(images/palombiere.jpg);	
	background-color: #cccbcb;
	background-size: cover;
	background-position: center;
	border-bottom-color: #94bbec;
	color: #94bbec;
}
.ecole #canevas {
	background-image: url(images/ecole/Christelle-julien.jpg);
}

#canevas.canevasVideo {
	background:none
}
#canevas.canevasVideo iframe {
	width: 100%;
	height: 700px;
	margin-top: -50px;
}
#canevas.canevasVideo #calque-1 {
	display: none;
}
.canevasVideo #balloon {
	display: none;
}
#fauxcanevas {
    border: 1px solid red;
	width: 100%;
   	position: absolute;
   	display: block;
   	top: 0;
   	right: 0;
   	left: 0;
   	z-index: 1000;
   
   display: none;
}     
#contact {
	position: relative;
	display: block;
	width: 100%;
	height: 480px;
	overflow: hidden;
	background: url('animation/carte.gif') center -203px no-repeat fixed #e6edf7;
	background-size: cover;
}
#balloon {
	display: block;
	position: absolute;
	left: 0; right: 0;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-image: url('animation/balloon.png');
	height: 207px;
	top: 1px;
	
 	background-image: url('animation/ballon-bleu.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;	
}
#calque-4, #calque-3, #calque-2, #calque-1 {
    display: block;
    position: absolute;
    left: 0; right: 0;
    background-position: center center;
    background-repeat: no-repeat;
    height: 1600px;
    width: 100%;
    background-size: contain;
}
  #calque-4 {
    background-image: url('animation/calque-4.png');
     bottom: -290px;
  	display: none;
  }
   #calque-3 {
       background-image: url('animation/calque-3.png');
    bottom: -279px;
   	display: none;
   }
     #calque-2 {
       background-image: url('animation/calque-2.png');
     bottom: -182px;
	 	display: none;
	 }
/*     #calque-1 {
       background-image: url('animation/calque-1.png');
     top: 100px;
     bottom: -110px;
	 	display: none;
	 }*/
   #calque-1 {
   	background-image: url('animation/titre-fr-2016.png');
   	background-repeat: no-repeat;
   	background-size: contain;
   	background-position: left top;
   	top: 20%;
   	bottom: 30%;
   	left: 50%;
   	right: 20%;
   	right: 0;
   	position: absolute;
   	display: block;
   	height: auto;
   	width: auto;
  /* 	border: 1px solid orange;*/
   	z-index: 100;
   }
	.logo {
		display: block;
		width: 200px;
		margin: -3px auto auto;
		position: relative;
		z-index: 10;
	}
    #horiz-1 {
		position: fixed;
		display: block;
		top: 0;
		right: 0;
		left: -20px;
		height: 140px;
		-webkit-transform: rotate(-7deg);
		-webkit-transform-origin: 0 0;
		-moz-transform: rotate(-7deg);
		-moz-transform-origin: 0 0;
		-o-transform: rotate(-7deg);
		-o-transform-origin: 0 0;
		-ms-transform: rotate(-7deg);
		-ms-transform-origin: 0 0;
		transform: rotate(-7deg);
		transform-origin: 0 0;
		background-color: #ffffff;
	}
	#horiz-2 {
		position: absolute;
		display: block;
		top: 450px;
		right: 0;
		left: 0px;
		height: 350px;
		-webkit-transform: rotate(7deg);
		-webkit-transform-origin: 0 0;
		-moz-transform: rotate(7deg);
		-moz-transform-origin: 0 0;
		-o-transform: rotate(7deg);
		-o-transform-origin: 0 0;
		-ms-transform: rotate(7deg);
		-ms-transform-origin: 0 0;
		transform: rotate(7deg);
		transform-origin: 0 0;
	}
/*	.contact #horiz-2 {
		top: 390px !important;
	}*/
/* Vertical responsive design */
.h600 #canevas {
	height: 350px;
}
#canevas,
.h700 #canevas {
	height: 450px;
}
.h600 #horiz-1 {
	top: -50px;
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	transform: rotate(-4deg);
}
#horiz-1,
.h700 #horiz-1 {
	top: -50px;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

.h600 #horiz-2 {
	top: 200px;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	transform: rotate(4deg);
}
#horiz-2,
.h700 #horiz-2 {
	top: 240px;
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
}
		
	#menu {
		text-align: center;
		background-color: #98badd;
		margin: 50px -30px 0;
		padding: 10px 0 0;
		height: 190px;
	}
	#menu li {
		display: inline-block;
	}
	#menu a {
		color: #fff;
		font-size: 1.5em;
		padding: 2px 5px 15px;
		background-color: transparent;
		transition:background-color 0.3s, font-size 0.8s;
		display: inline-block;
		height: 45px;
		margin-top: 0;
		vertical-align: top;
		min-width: 80px;
		white-space: nowrap;
	}
	#menu li.deroulant:hover > a,
	#menu a:hover {
		background-color: #496bae;
		text-decoration: none;
		height: 55px;
		margin-top: -10px;
		padding-top: 10px;
	}
	#menu a [class^="icon-"],
	#menu a [class*=" icon-"]  {
		margin: -40px auto auto;
		display: block;
		width: 100%;
		font-size: 2em;
		line-height: 1em;
-webkit-transition:color 0.8s;
   -moz-transition:color 0.8s;
        transition:color 0.8s;
}
	#menu a:hover [class^="icon-"],
	#menu a:hover [class*=" icon-"]  {
		font-size: 2.7em;
		line-height: 1.1em;
		margin-top: -70px;
		color: #496bad;
		/* Voir plus loin les margin top adaptés à chaque icones */
	}
	.horizontal #menu a [class^="icon-"],
	.horizontal #menu a [class*=" icon-"] {
		color: #496bad;
	}
	.horizontal#horiz-1 {
		height: 115px;
		z-index: 2;
	}
	.horizontal#horiz-2 {
		z-index: 101;
	}
	.fixed#horiz-2 {
		position: fixed;
		top: 0;
		height: 110px;
	}
	.fixed#horiz-2 #menu {
		height: 65px !important;
	}
	.fixed#horiz-2 #menu a {
		font-size: 1.2em;
	}
	/* Création d'une baseline de page */
	.page-baseline {
		text-align: center;
		margin-top: -140px;
		transition: opacity 2s;
	}
	.horizontal .page-baseline {
		margin-top: 0px;
		opacity: 0;
		transition: opacity 1s;		
	}
	/* nous avons un lien de menu spéciale avec deux icones : */
	#menu a#formules span {
		width: 25%;
		margin-left: 15%;
	}
	#menu a#formules span.icon-balloon {
		margin-left: 55%;
	}
	#menu a#formules:hover span {
		margin-top: -62px;
		margin-left: 10%;
	}
	#menu a#formules:hover span.icon-balloon {
		margin-top: -90px;
		margin-left: 55%;
	}
	.horizontal #menu a#formules:hover span.icon-bed {
		margin-top: -52px;
	}	
	#menu a#formules strong {
		color: #97badd;
		background-color: #ffffff;
		display: inline-block;
		width: 18px; height: 18px;
		line-height: 14px;
		border-radius: 20px;
	}
	.horizontal #menu a#formules strong {
		width: 14px; height: 14px;
		line-height: 11px;
	}
	
	#menu a#formules:hover strong {
		color: #4a6bae;
	}
	/* Fin du bouton spécial à double icone */
	
	/* Etat hover des icones du menu pour un peu de fun */
	#menu a:hover span.icon-balloon {
		margin-top: -90px;
-webkit-transition:color 0.8s, margin 2s, line-height 2s;
   -moz-transition:color 0.8s, margin 2s, line-height 2s;
        transition:color 0.8s, margin 2s, line-height 2s;
	}
	#menu a:hover span.icon-bed {
		margin-top: -62px;
	}
	.horizontal #menu a:hover span.icon-bed {
		margin-top: -52px;
	}
	#menu a:hover span.icon-cadeau {
		margin-top: -66px;
	}
	.horizontal #menu a:hover span.icon-cadeau {
		margin-top: -55px;
	}
	#menu a:hover span.icon-billet {
		margin-top: -66px;
	}
	.horizontal #menu a:hover span.icon-billet {
		margin-top: -55px;
		left: 5px;
	}
	#menu a:hover span.icon-checkmark {
		margin-top: -59px;
	}
	.horizontal #menu a:hover span.icon-checkmark {
		margin-top: -49px;
		left: 2px;
	}
	#menu a:hover span.icon-medal2 {
		margin-top: -64px;
	}
	.horizontal #menu a:hover span.icon-medal2 {
		margin-top: -53px;
	}
	#menu a:hover span.icon-location {
		margin-top: -62px;
	}
	.horizontal #menu a:hover span.icon-location {
		margin-top: -51px;
	}

	/* Essaye avec tous les icones du menu en absolute pour les animer */
	#menu a {
		position: relative;
	}
	#menu a [class^="icon-"],
	#menu a [class*=" icon-"]  {
		position: absolute;
		left: 0;
	}
	/* Installation de sous menu le 13 janvier */
	#menu ul {
		z-index: 100;
		position: relative;
	}
	#menu li.deroulant {
		position: relative;
	}
	#menu li li a,
	#menu li li a:hover {
		padding: 0 12px;
		height: auto;
		margin: 0;
		font-size: 16px !important;
	}
	#menu li.deroulant:hover a,
	#menu li.deroulant:hover li a {
		background-color: #4a6bae;
	}
	#menu li.deroulant li a:hover {
		background-color: #2e436d;
	}
	
	#menu ul {
		display: block;
		position: absolute;
		text-align: left;
		height: 0;
		width: auto;
		overflow: hidden;
		transition-property: height;
		transition-duration: 2s;
		transition-delay: 2s;
		padding-left: 0;
	}
	#menu li.deroulant:hover ul {
		height: auto;
		
		transition-delay: 5s;
		padding-bottom: 50px;
	}	
	#menu li li {
		
	}
	#horiz-4 {
		background: url(animation/horiz-4.png) center top no-repeat;
		position: fixed;
		display: block;
		top: auto;
		bottom: -0px;	
		right: 0;
		left: 0;
		height: 180px;
		z-index: 200;
	}
	.noHeader #horiz-4 {
		position: relative;
		clear: both;
		float: left;
		width: 100%;
		height: 200px;
		overflow: hidden;
		box-sizing: content-box;
	}
	.blocbleu {
		margin-bottom: 250px;
		background-color: #99bbde;
		min-height: 450px; /* hauteur nécessaire pour compléter l'animation */
		padding-top: 70px;
	}
	
	@media (min-width: 480px) { 
		.blocbleu {
			min-height: 480px;
		}
	}
	
	p, h1, h2, h3, a, .row ul, .likeH3 {
		font-family: 'Yanone Kaffeesatz', sans-serif;
		margin-top: 0;
	}
	h1 {
		color: white;
		position: relative;
		z-index: 100;
	}
	h2.formStep {
		text-align: center;
		margin-top: 50px;
		text-shadow: 0 0 2px #ffffff;
	}
	h2.formStep small {
		color: #000;
	}
	h2.formStep span {
		letter-spacing: 0;
	}
	h3, .likeH3 {
		font-size: 24px;
	}
	p, .row ul {
		font-size: 1.2em;
		font-weight: 300;
	}
	ul ul li {
		font-size: 0.8em;
	}
	p {
		width: 90%;
	}
	p.autowidth,
	.autowidth {
		width: 100%;
	}
	a.bigLink {
		float: right;
		font-size: 1.5em;
		transition:color 0.3s;
		position: relative;
		z-index: 1200;
	}
	a.bigLink:after {
		content: " >";
		padding-right: 15px;
		padding-left: 5px;
	}
	a.bigLink:hover {
		color: white;
	}
	a.cta_cadeaux {
		text-align: center;
		display: block;
		padding-top: 5px;
		padding-bottom: 12px;
		margin: 10px auto auto;
		background-color: #496bad;
		color: white;
		font-size: 22px;
		width: 60%;
		transition:background-color 0.3s, box-shadow 0.3s;
	}
	a.cta_cadeaux span {
		display: block;
		font-size: 17px;
		line-height: 15px;
	}
	a.cta_cadeaux:hover {
		background-color: #304d86;
		text-decoration: none;
		-moz-box-shadow: 0 1px 15px rgb(255, 255, 255);
		box-shadow: 0 1px 15px rgb(255, 255, 255);
	}
	
	ul.menuFooter {
		display: block;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		z-index: 10;
		margin-top: -105px;
		-webkit-transform: rotate(-8deg);
		-moz-transform: rotate(-8deg);
		-o-transform: rotate(-8deg);
		-ms-transform: rotate(-8deg);
		transform: rotate(-8deg);
		padding-right: 15px;
	}
	.menuFooter li {
		float: right;
		display: inline-block;
		padding: 20px 11px 11px;
	}
	.menuFooter li a {
		color: #fff;
		font-size: 0.7em;
		text-align: center;
	}
	.menuFooter li + li  {
/*		padding-top: 41px;*/
	}
	.menuFooter li + li + li  {
		/*padding-top: 40px;*/
	}
	/* Label TripAdvisor */
	#tripadvisor {
		text-decoration: none;		
	}
	#tripadvisor img {
		width: 60px;
		float: none;
		display: block;
		margin: auto;
	}
	#tripadvisorEcrire {
		display: block;
		line-height: 10px;
	}
	.tripAdvisorEtoiles{
		display: block;
		padding-top: 4px;
	}
	.tripAdvisorLabel {
		display: block;
	}
	.tripAdvisorEtoiles strong,
	.tripAdvisorEtoiles span {
		display: inline-block;
		background-color: green;
		width: 1;
		height: 20px;
		border-radius: 25px;
	}
	.tripAdvisorEtoiles strong {
		border: 2px solid green;
	}
	.tripAdvisorEtoiles span {
		border: 2px solid white;
		width: 16px;
		height: 16px;
	}
	
	/* Label Vignobles et découvertes */
	#VignoblesEtDecouvertes {
		padding: 2px;
		display: block;
	}
	#VignoblesEtDecouvertes img {
		height: 40px;
		border: 1px solid #fff;
	}
@media (min-width: 768px) { 
	#tripadvisor img {
		width: 70px;	
	}
	#VignoblesEtDecouvertes img {
		height: 50px;	
	}
	.menuFooter li a {
		font-size: 0.8em;
	}
}	
@media (min-width: 992px) { 
	#tripadvisor img {
		width: 80px;	
	}
	#VignoblesEtDecouvertes img {
		height: 60px;	
	}
	.menuFooter li a {
		font-size: 1.0em;
	}
}	
@media (min-width: 1200px) { 

}	


.en:before {
	content: " ";
	display: block;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	height: 25px;
	width: 40px;
 	background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNjAgMzAiIGhlaWdodD0iNjAwIj4NCjxkZWZzPg0KPGNsaXBQYXRoIGlkPSJ0Ij4NCjxwYXRoIGQ9Im0zMCwxNWgzMHYxNXp2MTVoLTMwemgtMzB2LTE1enYtMTVoMzB6Ii8+DQo8L2NsaXBQYXRoPg0KPC9kZWZzPg0KPHBhdGggZmlsbD0iIzAwMjQ3ZCIgZD0ibTAsMHYzMGg2MHYtMzB6Ii8+DQo8cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNiIgZD0ibTAsMGw2MCwzMG0wLTMwbC02MCwzMCIvPg0KPHBhdGggc3Ryb2tlPSIjY2YxNDJiIiBzdHJva2Utd2lkdGg9IjQiIGQ9Im0wLDBsNjAsMzBtMC0zMGwtNjAsMzAiIGNsaXAtcGF0aD0idXJsKCN0KSIvPg0KPHBhdGggc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEwIiBkPSJtMzAsMHYzMG0tMzAtMTVoNjAiLz4NCjxwYXRoIHN0cm9rZT0iI2NmMTQyYiIgc3Ryb2tlLXdpZHRoPSI2IiBkPSJtMzAsMHYzMG0tMzAtMTVoNjAiLz4NCjwvc3ZnPg0K');
 background-size: 100% 100%;		
	}
.en.not-yet:after {
	content: "This page in english coming soon";
	display: block;
	text-align: center;
	background-color: #4a6cae;
	margin-top: -24px;
	padding-left: 5px;
	padding-right: 5px;
	z-index: 5;
	position: relative;
}
.fr:before {
	content: " ";
	display: block;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	height: 25px;
	width: 40px;
 background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjAwIj4NCjxwYXRoIGZpbGw9IiNlZDI5MzkiIGQ9Im0wLDBoOTAwdjYwMGgtOTAweiIvPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTAsMGg2MDB2NjAwaC02MDB6Ii8+DQo8cGF0aCBmaWxsPSIjMDAyMzk1IiBkPSJtMCwwaDMwMHY2MDBoLTMwMHoiLz4NCjwvc3ZnPg0K');
 background-size: 100% 100%;		
	}
.txtfr {
	display: inline-block;
	width: 25px;
	height: 14px;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjAwIj4NCjxwYXRoIGZpbGw9IiNlZDI5MzkiIGQ9Im0wLDBoOTAwdjYwMGgtOTAweiIvPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTAsMGg2MDB2NjAwaC02MDB6Ii8+DQo8cGF0aCBmaWxsPSIjMDAyMzk1IiBkPSJtMCwwaDMwMHY2MDBoLTMwMHoiLz4NCjwvc3ZnPg0K') right center;
	background-size: 100% 100%;
	margin-bottom: -1px;
	position: relative;
	margin-right: 10px;
}
.txtfr:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(213, 0, 0, 0);
	border-left-color: #ed3d39;
	border-width: 7px;
	margin-top: -7px;
}
/* Mise en page générala de la page resrvation */
.pageReservation .blocbleu {
	background: url(animation/horiz-5.png) center 100px no-repeat;
	background-size: contain;
}
.pageReservation {
	background: url(images/juillet.jpg) no-repeat fixed;
	background-size: cover;
}
.pageReservation form .row > div.col-xs-12 {
	background-color: #97b9dc;
	padding: 0 15px 15px;
	-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.18);
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.18);
	margin-bottom: 5px;
	transition: background-color 0.3s;
}
.orange, 
.pageReservation form .row > div.col-xs-12.orange
 {
	background-color: #ec6c2b;
}
.noHeader #horiz-2 {
	position: relative;
	display: block;
	top: auto;
	height: 50px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	background-color: white;
	margin-top: 0;
	float: left;
	width: 100%;
}
.noHeader #menu {
	height: 50px;
	margin-top: 50px;
}
.noHeader #menu a [class^="icon-"],
.noHeader #menu a [class*=" icon-"] {
	color: #496bad;
}
.noHeader h1 {
	padding-right: 50%;
	padding-top: 30px;
	text-align: right;
	margin-top: 70px;
	line-height: 23px;
	padding-left: 20px;
}
#inlineCGV h1 {
	/* rétablir */ 
	text-align: left;
	padding-right: 0;
}

.print {
	text-align: center;
	margin-top: 50px;
	z-index: 2;
}
.print + .print {
	z-index: 1;
}
.print p {
	width: 100%;
}
.print a {
	color: #fff;
	font-size: 1.3em;
	font-weight: 400;
}
.print div {
	font-size: 50px;
	color: #486aac;
	margin-top: -32px;
	margin-bottom: 30px;
	padding-bottom: 1px;
}
.print div.texte {
	font-family: 'Yanone Kaffeesatz', sans-serif;
}
.print strong {
	white-space: nowrap;
	font-size: 1.5em;
	text-align: center;
	display: block;
	background-color: white;
	margin-left: -30px;
	margin-right: -30px;
	padding-top: 5px;
}
.print strong.iban {
	margin-right: -100px;
	margin-left: -100px;
}
.print strong a {
	color: #486aac;
}
h1 small {
	color: #000;
	text-shadow: 0 0 2px #ffffff;
	font-size: 18px;
}

/* The Field
   ========================================================================== */
 
h4.likefieldlabel {
	color: #fff;
	line-height: 16px;
	font-size: 16px;
	font-weight: 400;
	border-bottom: 2px solid #e5e6e5;
	padding-bottom: 9px;
}
.arrowBottom {
	display: block;
	position: relative;
	z-index: 5;
}
.arrowBottom:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #e5e6e5;
	border-width: 15px;
	margin-left: -15px;
}
.arrowLeft25:after {
	left: 8%;
}
.arrowLeft50:after {
	left: 50%;
}
.arrowLeft75:after {
	left: 75%;
}
#passagers {
	position: relative;
	text-align: center;
}
.landing {
	display: inline-block;
	margin-left: -350px;
	opacity: 0;
	transition: opacity 0.5s ease-in-out, margin-left 0.5s ease-in-out;
	vertical-align: top;
	width: 350px;
}
.landed {
	opacity: 1;
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0;
}
#addPassager {
	color: #4768aa;
	cursor: pointer;
	line-height: normal;
	font-size: 21px;
	z-index: 1000;
	padding-top: 200px;
	display: inline-block;
	width: 350px;
	height: 447px;
	border: 3px dashed #4768aa;
	border-radius: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-top: 18px;
	background-color: #FFF;
	background-color: rgba(255, 255, 255, 0.5);
-webkit-transition:background-color 0.2s ease-in-out;
   -moz-transition:background-color 0.2s ease-in-out;
        transition:background-color 0.2s ease-in-out;
	
	text-shadow: 0 1px 2px #ffffff;
	font-weight: bold;
	font-family: 'Yanone Kaffeesatz', sans-serif;	
}
#addPassager:before {
	content: '+';
	font-size: 80px;
	display: block;
	margin-top: -40px;
	font-weight: normal;
	font-style: normal;
}
#addPassager:hover {
	background-color: rgba(150, 185, 220, 0.81);
}
.passager {
	background-color: white;
	-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.18);
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.18);
	position: relative;
	z-index: 2;
	margin-top: 15px;
	padding: 15px;
	transition: left 0.5s ease-in-out;
	text-align: left;
}
.passager.ruban {
	background: url(images/billet-pour-la-page-reservation.jpg) center -50px no-repeat #00a4c4;
	color: white;
}
/*.passager.ruban:before {
	content: "";
	display: block;
	width: 240px;
	background: url(http://www.lafermeduciel.eu/images/rubanrouge.png) center top no-repeat ;
	background-size: contain;
	height: 260px;
	position: absolute;
	top: -30px;
	left: 72px;
	z-index: -1;
}*/

#clientEstPassager {
	position: relative;
	z-index: 3;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 480px) { 
	.passager {
		width: 350px;
	}
 }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.landed {
		width: 350px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {}

.passager.client{
	background-color: #dcdcdc;
}
legend {
	float: right;
	text-transform: uppercase;
	font-size: 11px;
	margin-bottom: 0;
	border-style: none;
	text-align: center;
	padding-top: 3px;
	cursor: move;
}
/*
.passager legend:after {
	content: 'Fiche passager';
}
.passager.client legend:after {
	content: 'Fiche client';
}
*/
legend span {
	color: #fff;
	background-color: #4869ab;
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 30px;
	top: -14px;
	left: 50%;
	margin-left: -15px;
}
.passager.client legend span {
	display: none;
}

.ui-draggable {
	cursor: move;
	transition:none;
}
.removePassager {
	cursor: pointer;
	z-index: 5;
	font-size: 21px;
	position: absolute;
	top: 0;
	right: 15px;
}
.removePassager:hover {
	color: red;
}
.passager .alert-danger {
	opacity: 0;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	text-align: center;
	padding-top: 120px;
	padding-right: 50px;
	padding-left: 50px;
	background-color: rgba(185, 89, 83, 0.5);
	cursor: auto;
	text-shadow: 0 1px 3px #ffffff;
	font-weight: bold;
	color: #843131;
}

button, .button {
	background-color: #98badd;
	border: 1px solid #97b9dc;
	color: #4869ab;
	border-radius: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.13);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.13);
	font: 16px/16px 'Yanone Kaffeesatz', sans-serif;
	display: inline-block;
	padding-top: 5px;
	font-weight: normal;
	vertical-align: middle;
	cursor: pointer;
}
a.button {
	line-height: 30px !important;
}
button:hover, a.button:hover {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	color: #4869ab;
	-moz-box-shadow: 0 1px 11px rgba(0, 0, 0, 0.33);
	box-shadow: 0 1px 11px rgba(0, 0, 0, 0.33);
}
button.bigButton, .bigButton, a.bigButton {
	padding: 7px 15px 5px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 18px;
	padding-top: 10px;
	height: 45px;
}
button.fondClair, .fondClair {
	background-color: #486aac;
	border: 1px solid #486aac;
	color: #98badd;
	border-radius: 1px;
	margin-right: 1px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.13);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.13);
}
button.fondClair:hover,
a.fondClair:hover {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	color: #4869ab;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.63);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.63);
}
button.special, .button.special {
	background-color: #d8a80b;
	border: 1px solid #d8a80b;
	color: #000;
}
button.special:hover, .button.special:hover {
}
#tarifs {
	padding-top: 25px;
}
#cgvActions  {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#cgvActions > *  {
	vertical-align: top;
}

#cgvActions label.bigButton {
	height: auto;
	text-align: left;
	width: 55%;
	padding-left: 30px;
	line-height: 20px;
}
#cgvActions label.bigButton input {
	margin-left: -21px;
}
#ui-datepicker-div {
	background-color: #486aac;
	color: #fff;
	z-index: 999 !important;
	margin-top: 16px;
}
#ui-datepicker-div:after {
	bottom: 100%;
	left: 30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(72, 106, 172, 0);
	border-bottom-color: #486aac;
	border-width: 20px;
}
div.ui-datepicker-group {
	float: left;
	padding: 10px;
}
#ui-datepicker-div td,
#ui-datepicker-div th {
	text-align: center;
}
#ui-datepicker-div td.ui-datepicker-today {
	background-color: #d8a80b;
}
#ui-datepicker-div td.ui-datepicker-current-day,
#ui-datepicker-div td.ui-datepicker-current-day a {
	background-color: #96b9dc;
	color: #486aac;
}

.ui-datepicker-buttonpane {
	clear: both;
	text-align: center;
	margin-bottom: 10px;
}

div.ui-datepicker-title {
	text-align: center;
	padding-top: 30px;
}

#ui-datepicker-div a.ui-datepicker-next {
	float: right;
	padding-bottom: 0;
}

#ui-datepicker-div a.ui-datepicker-prev {
	float: left;
	padding-bottom: 0;
}

#ui-datepicker-div a {
	color: #fff;
	padding: 5px 9px;
	cursor: pointer;
}
#ui-datepicker-div a:hover {
	color: #fff;
	background-color: #98badd;
}

.oui, .non {
	cursor: pointer;
	padding: 5px 15px;
	display: inline-block;
	border-radius: 5px;
	background-color: #a94342;
	color: #fff;
	text-shadow: 0 1px 3px #000;
	margin-top: 10px;
}
.oui:hover, .non:hover {
	text-shadow: 0 0px 3px #000;
	background-color: #843131;
}
input[type="checkbox"] {
	margin-right: 5px;
}
.field {
  position: relative;
  min-height: 72px;
  padding: 16px 0 8px 0;
 }
.fieldgroup,
.fieldgroup:after,
.fieldradio:after {
	content: '';
	clear: both;
	width: 100%;
	display: block;
}
.field.moitier,
.field.untier,
.field.deuxtier {
	width: 49%;
	float: left;
}
.field.untier {
	width: 30%;
}
.field.deuxtier {
	width: 60%;
}
.fieldgroup .field:last-child {
	float: right;
	margin-right: 0;
}
.fieldradio {
	position: relative;
	display: block;
	z-index: 2;
	border-bottom: 2px solid #e5e6e5;
}
.fieldradio > div,
.fieldradio > div * {
	vertical-align: middle;
	text-align: center;
}
.fieldradio .likeH3 {
	padding: 5px;
	line-height: 25px;
	text-align: center;
}
.fieldradio .likeH3 span {
	display: block;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
}
.field label,
.fieldradio .label {
  position: absolute;
  margin: 0;
  display: block;
  color: #fff;
  line-height: 16px;
  font-size: 16px;
  font-weight: 400;
  -webkit-transform: translateY(24px);
      -ms-transform: translateY(24px);
          transform: translateY(24px);
 -webkit-transition: -webkit-transform 0.3s, color 0.3s, font-size 0.3s;
  -moz-transition: -webkit-transform 0.3s, color 0.3s, font-size 0.3s;
          transition: transform 0.3s, color 0.3s, font-size 0.3s;
  -webkit-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
          transform-origin: 0 50%;
	top: 20px;
	left: 0;
	width: 100%;
}
         
.fieldradio .label {
	text-align: right;
}
.field input {
  position: relative;
  display: block;
  width: 100%;
  height: 32px;
  padding: 8px 0;
  margin-top: 19px;
  line-height: 16px;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 16px;
  background: transparent;
  border: none;
  -webkit-appearance: none;
  outline: none;
}
.bigRadio {
	background-color: #98badd;
	border-radius: 50px;
	display: block;
	text-align: center;
	height: 40px;
	width: 40px;
	padding-top: 9px;
	-webkit-transition:background-color 0.3s ease-in-out;
	-moz-transition:background-color 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
	margin: auto auto -20px;
}
label:hover .bigRadio {
	background-color: #486aac;
}
.bigRadio input {
	margin: auto;
}
#total input {
	text-align: right;
	color: #19294a !important;
}
.field::after, .field::before {
  content: '';
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: 6px;
  left: 0;
  background-color: #e6e6e6; }
  

.field::after {
  background-color: #2191ea;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -webkit-transform 0.3s;
          transition: transform 0.3s; }

.ruban .field::after {
  background-color: orange;
}
/* Field is activated
   ========================================================================== */

.has-label label {
/*  -webkit-transform: translateY(0) scale(0.75);
      -ms-transform: translateY(0) scale(0.75);
          transform: translateY(0) scale(0.75); */
 	font-size: 0.75em;
 	top: 0px;
 }

/* Field is focused
   ========================================================================== */
.is-focused label {
  color: #2191ea; }

.field.is-focused::after {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1); }
 input {
 	cursor: auto;
 }
/* Plus petit pour les fiches */  
.note {
	width: auto;
	margin-bottom: 0;
	margin-top: 15px;
}         
 .passager label {
 	color: #000;
 	top: 10px;
 } 
 .passager .field {
 	height: 60px;
 	min-height: 20px;
 }          
 .passager .field span {
 	display: block;
 	position: absolute;
 	right: 0;
 	bottom: 8px;
 	color: silver;
 }
.passager .is-focused span {
  color: #2191ea; 
 }

.passager .field input {
	margin-top: 5px;
 }          
.passager .has-label label {
  	top: -15px;
  }
 
 label.en_rouge {
 	color: red;
 }
 .has-label.obligatoire label.en_rouge {
 	color: green;
 }
 #inlineCGV {
 	background-color: #99bbde;
 	padding-top: 15px;
 	padding-bottom: 15px;
 }
 #inlineCGV h1 {
	margin-top: 0;
 }
 
 .infosImportantes {
 	border-bottom: 2px dotted #fff;
 	
 }
 #partagerCGV {
 	border-left: 2px dotted #fff;
 	border-top: 2px dotted #fff;
 	display: block;
 	position: absolute;
 	top: -15px;
 	bottom: 0;
 	left: 0;
 	width: 30px;
 	z-index: 1;
 }
 #partagerCGVlabel {
 	margin-bottom: 30px;
 	display: none;
 }
#partagerCGVlabel p {
	margin-bottom: 0;
}
#partagerCGVlabel .button {
	margin-top: -24px;
	height: auto;
	display: block;
	position: absolute;
	top: 100%;
	padding-left: 40px;
	display: none;
}
#partagerCGVlabel .button input {
	margin-left: -20px;
}
#inlineCGV .icon-warning:before {
	color: #fff;
	display: block;
	margin: -50px auto 0 12px;
	width: 50px;
	height: 50px;
	font-size: 49px;
}
 #cgvOkGo {
 	width: 150px;
 	position: absolute;
 	margin-left: -150px;
 	z-index: 0;
 	opacity: 0;
 	visibility: hidden;
 	-webkit-transition:margin-left 0.3s ease-in-out, opacity 0.3s ease-in-out;
 	-moz-transition:margin-left 0.3s ease-in-out, opacity 0.3s ease-in-out;
 	transition:margin-left 0.3s ease-in-out, opacity 0.3s ease-in-out;
 }
 #cgvOkGo.visible {
	visibility: visible;
 	margin-left: 1px;
 	opacity: 1;
 }
 .forDatePickers input {
 	width: 30%;
 	float: left;
 	margin-right: 3%;
 	text-align: center;
 }
  .forDatePickers hr {
  	display: block;
  	background-color: #98badd;
  	width: 5px;
  	height: 5px;
  	position: relative;
  	float: left;
  	margin: 47px 0 0 -9px;
  	z-index: 9;
  }
.forDatePickers p.aide {
  	display: block;
  	position: absolute;
 	top: 64px;
 	left: 0; right: 0;
}
 .forDatePickers span {
 	position: relative;
 	display: inline-block;
 	height: 25px;
 	width: 25px;
 	text-align: center;
 	line-height: 25px;
 	font-size: 11px;
 	margin-left: 13%;
 	margin-right: 13%;
 	color: #fff;
 }
.is-focused.forDatePickers span {
 	background-color: #2191ea; 	
 }
 .forDatePickers + .field {
 	clear: both;
 }
 #erase {
 	opacity: 0.5;
 	transition: opacity 0.2s ease-in-out;
 }
 #erase:hover {
 	opacity: 1;
 }
  div.youCanCallUs {
		position: relative;
		right: auto;
		top: auto;
		width: 200px;
		z-index: 5;
		background-color: #496bad;
		color: white;
		float: right;
		margin-bottom: -80px;
		margin-top: -60px;
 }
  
  div.youCanCallUs a {
  	color: #fff;
  	text-decoration: underline;
 }
 
 @media (min-width: 480px) {}
 @media (min-width: 768px) {
 	div.youCanCallUs {
		position: fixed;
		right: 15px;
		top: 150px;
		margin-top: 0;
	}
	.hebergement div.youCanCallUs {
		top: 250px;
	}
}
 @media (min-width: 992px) {}
 @media (min-width:1200px) {}
 
  div.youCanCallUs p:before {
  	content: "";
  	display: block;
  	background: url(animation/arrowBulle.png) 10px 0 no-repeat;
  	width: 50px;
  	height: 50px;
  	float: left;
  	margin-left: -45px;
  	margin-top: 20px;
  }
  div.youCanCallUs p {
  	margin: 7px;
  }
  div.youCanCallUs .icon-chat {
	font-size: 3em;
	text-align: center;
	display: none;
  	margin-top: -16px;
  }
 .hebergement div.youCanCallUs .icon-chat {
 	display: block;
 }
 .hebergement .callToAction {
	background-color: #ec6c2b;
	text-align: center;
 	padding-bottom: 15px;
 	padding-top: 1px;
 	margin-right: auto;
 	margin-left: auto;
 	width: 50%;
 	min-width: 450px;
 	margin-top: 70px;
 }
.callToAction {
 	text-align: center;
}
.callToAction big {
	font-size: 150%;
	padding-right: 15px;
	padding-left: 15px;
}
.callToAction a {
	color: white;
	font-weight: bold;
	text-shadow: 1px 1px 2px #0a1537;
}
.callToAction .icon-chat {
	font-size: 3em;
	text-align: center;
	color: white;
	margin-top: -20px;
}

 #alert {
 	position: fixed;
 	z-index: 1000;
 	top: 0; left: 0; right: 0;
 	display: block;
 	text-align: center;
 	background-color: maroon;
 	color: white;
 	padding: 15px;
 	-moz-box-shadow: 0 1px 33px black;
 	box-shadow: 0 1px 33px black;
 	font-weight: bold;
 	display: none;
 }
 #alert .icon-warning {
 	font-size: 35px;
 }
 #alert:after {
 	top: 100%;
 	left: 50%;
 	border: solid transparent;
 	content: " ";
 	height: 0;
 	width: 0;
 	position: absolute;
 	pointer-events: none;
 	border-color: rgba(255, 255, 255, 0);
 	border-top-color: maroon;
 	border-width: 15px;
 	margin-left: -15px;
 }
 button.paypal-button {
 	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
 	font-weight: bold;
 }
 
 /* Nouvelle charte de couleur pour la page hebergement */
 .hebergement #horiz-1 {
 	background: #00040f;
 	border-color: #0b1437;
 }
body.hebergement  {
 	background-color: #0b1637;
}
.hebergement #balloon {
 	background-image: url('animation/ballon-blanc.png');
}
.hebergement #canevas {
	background: url(animation/ciel-du-soir.jpg) center -150px no-repeat fixed #162550;
	background-size: cover;
	border-bottom-color: #0b1537;
	color: #0b1537;
}
.echappee #canevas {
	background-image: url(images/palombiere.jpg)
}
.hebergement #calque-1 {
	background-image: url('animation/hebergement-fr.png');
}
.echappee #calque-1 {
	background-image: url('animation/titre-echappe-bleu-fr.png');
}

.hebergement.hebergement_eng #calque-1 {
	background-image: url('animation/hebergement-eng.png');
}
.hebergement #menu {
	background-color: #0b1637;
 	border-color: #0b1437;
}
.hebergement h3,
.hebergement li,
.hebergement p,
.hebergement #menu a:hover [class^="icon-"],
.hebergement #menu a:hover [class*=" icon-"]  {
 	color: #fff;
}
.hebergement h3 {
	line-height: 22px;
}
 .hebergement .prix {
 	display: block;
 	margin-top: 20px;
 	margin-bottom: 20px;
 }
 .apartirde, .petitdejeunerinclus {
 	display: block;
 	font-size: 11px;
 	text-transform: uppercase;
 	margin-top: 20px;
 	margin-bottom: -15px;
 	letter-spacing: 2px;
 }
 .petitdejeunerinclus {
 	margin-top: -15px;
 	margin-bottom: 0;
 }
 .hebergement .horizontal #menu a [class^="icon-"],
 .hebergement .horizontal #menu a [class*=" icon-"] {
 	color: #fff;
 }
 
.hebergement .blocbleu {
 	background-color: #0b1637;
 }
.hebergement #horiz-4 {
 	background: url(animation/horiz-4-sombre.png) center top no-repeat;
 }
 .imagesEnLigne {
	text-align: center;
	clear: both;
	margin-bottom: 15px;
}
.imagesEnLigne img {
	padding: 0;
	border: 10px solid white;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.51);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.51);
	margin-bottom: 15px;
}

@media (min-width: 768px) {
	.imagesEnLigne img {
		float: none;	
	}
}

 .blocCiel h3 {
 	padding-top: 30px;
 	padding-bottom: 30px;
 }
 
 .listeLogements {  	margin-bottom: 30px; } 
 .gites {
 	margin-top: 30px;
 }
 .listeLogements h1,
 .tarifsLogementsSaisons h1 {
 	margin-top: 50px;
 	margin-bottom: 40px;
 }
 .listeLogements h3,
 .blocCiel h3 {
 	background-color: rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.21);
	box-shadow: 0 1px 12px rgba(0, 0, 0, 0.21);
 	min-height: 160px;
 	padding: 50px 15px 30px;
 	margin-bottom: 30px;
 }
h3.repas {
	margin-bottom: 0;
	padding: 20px;
	height: auto;
	min-height: auto;
}
 .listeLogements img {
 	border: 35px solid #060d20;
 	margin-top: -30px;
 	margin-bottom: 0;
 }
 .blocCiel h3:before,
 .listeLogements h3:before {
 	content: "";
 	display: block;
 	width: 10px;
 	height: 10px;
 	background-color: #0a1537;
 	background-color: #2191ea;
 	position: absolute;
 	top: 20px;
 	left: 50%;
 	margin-left: -5px;
 	border-radius: 25px; 	
 }
 .blocCiel {
 	background-color: #070c21;
 	padding-top: 30px;
 }
 .blocCiel h3 {
 	background-color: #0a1537;
 }
 .restauration h3 {
 	min-height: 4em !important;
 	height: 1em !important;	
 }
 .echappee small,
 .hebergement small {
 	color: #2191ea;
 }
p.ornement {
 	clear: both;
 	text-align: center;
 	width: 100%;
	margin-top: -80px;
}
 p.ornement span:before {
  	font-size: 40px !important;
	display: block;
	height: 150px;
 	line-height: 250px;
 	margin-left: 0;
 	transition: line-height 10s ease-in-out, margin-left 10s ease-in-out, font-size 10s ease-in-out;
 }
  /* Animer les icones de ballon */
p.ornement span:hover:before {
  	font-size: 30px !important;
 	line-height: 0;
 	margin-left: 150px;
 }
  
 .photographies {
 	max-width: 100%;
 	width: 100%;
 	margin-bottom: 15px;
 	border: 15px solid white;
  	-moz-box-shadow: inset 0 1px 100px rgb(0, 0, 0), 0 1px 12px rgba(0, 0, 0, 0.22);
 	box-shadow: inset 0 1px 100px rgb(0, 0, 0), 0 1px 12px rgba(0, 0, 0, 0.22);
}
 .hebergement .photographies {
 	-moz-box-shadow: inset 0 1px 100px black, 0 1px 12px black;
 	box-shadow: inset 0 1px 100px black, 0 1px 12px black;
 }

 .w50 {
 	width:50%;
 	max-width: 50%;
 }
 .photographies.w50 {
 	border-width: 7px;
 	margin-top: 0;
 }
.restauration .photographies {
	border-width: 7px;
	margin-top: 0;
	width: auto;
	max-width: 2000px;
	max-height: 100%;
	height: 160px;
	margin-left: -30px;
	box-shadow: none;
	-moz-box-shadow: none;
}
.zonephoto {
	background-size: cover;
	background-position: center;
	padding-top: 30px;
	padding-bottom: 30px;
}
#presentation {
	background-image: url(images/horizon-en-ballon-le-matin.jpg);
	background-position: left center;
}
.saintvalentin div.formules,
.echappee div.formules {
	background-image: none;
}
/* Encart "pub" pour les formules */
.encartFormule {
	text-align: center;
	margin-bottom: 15px;
	padding-bottom: 15px;
	background-size: cover;
}
.encartFormule H1 small{
	margin-top: 32px;
	display: block;
	text-shadow: none;
}
.encartFormule p {
	width: auto;
}
.encartFormule p.encartDesc,
.encartFormule a {
	width: auto;
	text-align: justify;
	background-color: rgba(255,255,255,0.5);
	padding: 7px;
	line-height: normal;
}
.encartFormule a {
	padding: 5px 15px;
	position: relative;
	z-index: 9999;
}

.encartFormule p.listePrestationPrix {
	text-align: center;
}
.formules .speciale-desc {
	padding-bottom: 15px;
}
.formules .speciale-desc small {
	text-shadow: none;
}
.formules .speciale-desc h1 small {
	margin-top: 0;
	display: block;
	margin-bottom: 20px;
}
.formules.speciale img {
	max-width: 90%;
	margin-left: 16px;
	border: 10px solid white;
}
.relatif {
	position: relative;
}
.callToAction a {
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.73);
}

.blocBlancTrans p {
	color: #0a1537;
/*	background-color: white;
	background-color: rgba(255, 255, 255, 0.4);*/
	padding: 15px;
	margin-top: 1px;
	width: 100%;
	margin-bottom: 0;
}
.blocBlancTrans {
	color: #0a1537;
	background-color: white;
	background-color: rgba(255, 255, 255, 0.4);
	margin-top: 1px;
	margin-bottom: 1px;
}
.echappee .blocBlancTrans {
	color: white;
}
.blocBlancTrans a, .blocBlancTrans p a {
	color: white;
	text-shadow: 1px 1px 2px #0a1537;
}
.echappee .formules h1 {
	color: white;
}
.echappee .formules h1 small {
	text-shadow: none;
}

.formules h1 {
	color: #0a1537;
	margin: 30px -15px;
	white-space: nowrap;
}
.formules.speciale h1 {
	margin-bottom: 0px;
	color: white;
	margin-top: 0;
}
.blocBlancTrans {
	color: #0a1537;
	background-color: white;
	background-color: rgba(255, 255, 255, 0.4);
	padding: 15px;
	margin-top: 1px;
	width: 100%;
	margin-bottom: 0;
}
.paddingleft20 {
	padding-left: 20%;
}
.paddingleft30 {
	padding-left: 30%;
}
.paddingleft40 {
	padding-left: 40%;
}
.formules p.text-right {
	margin-top: 0;
	padding-top: 0;
}
/* Insertion de vidéo dans la page ecole - le 6 novembre 2015 */
.col-xs-12 iframe {
	width: 100%;
}
p.legendiFrame {
	width: 100%;
	padding: 10px 10px 80px;
	margin-top: -5px;
	background: url(animation/horiz-3.png) right bottom no-repeat #4a6cae;
	color: white;
}
/* Insertion du logo DGAC suite à l'obtention du certificat de transport aérien */
.dgac {
	clear: both;
	padding-top: 30px;
	font-weight: bold;
}
.dgac img {
	width: 80%;
	max-width: 80%;
	margin: auto;
	display: block;
}
.dgac p {
	font-weight: bold;
	color: #486aac;
}
/* Page Billets cadeaux */
body.billet-cadeau,
.billet-cadeau #menu,
.billet-cadeau .blocbleu {
	/* Bleu Lagon du PopSet */
/*	background-color: #00a5c0;*/
}
.billet-cadeau a.cta_cadeaux {
	background-color: #ec6d2b;
}
.billet-cadeau a.cta_cadeaux:hover {
	background-color: #7a300a;
}

.billet-cadeau .dgac p {
	color: #fff;
}
.billets3cadeaux {
	margin-bottom: 40px;
}
.billets3cadeaux .icon-cadeau {
	color: white;
	font-size: 48px;
}
.billets3cadeaux p {
	margin: auto;
}/* Mise en place d'un slider le 14 novembre 2016 */
#slider.owl-carousel {}
.owl-carousel img {
	max-width: 99%;
 	border: 15px solid white;
  	-moz-box-shadow: inset 0 1px 100px rgb(0, 0, 0), 0 1px 12px rgba(0, 0, 0, 0.22);
 	box-shadow: inset 0 1px 100px rgb(0, 0, 0), 0 1px 12px rgba(0, 0, 0, 0.22);	
}
.owl-controls.clickable div.owl-pagination div.owl-page span {
	background-color: white;
}
#slider div.owl-wrapper-outer {
}

.owl-controls.clickable {
	z-index: 10;
	position: relative;
}