/* CSS Document */

@font-face{ 
	font-family: 'Entypo-webfont';
	src: url('../fonts/Entypo-webfont.eot');
	src: url('../fonts/Entypo-webfont.eot?iefix') format('eot'),
	     url('../fonts/Entypo-webfont.woff') format('woff'),
	     url('../fonts/Entypo-webfont.ttf') format('truetype'),
	     url('../fonts/Entypo-webfont.svg#webfont') format('svg');
}
html {
	font-family: 'Open Sans', sans-serif;
	}
b {
font-weight:600;	
	}
.clear {
	clear:both;
	}	
.box {
width:80%;
max-width: 962px;
margin:0 auto;
	}	
body {
background: url('../img/fond-rouge.jpg') no-repeat;
background-size: 100% auto;
	}
.top_contact p {
    margin-bottom: 0;
}
footer ul li, #copyright, article ul li, .notice-content article h4, .top_contact b, .lang li, .notice-content h3 {
		font-family: 'Open Sans', sans-serif;
	}	
#top_logo h1 {
	margin:0;
	}		
/*---------------------------     HEADER     --------------------------------*/



header {
	background-image: url('../img/homepage-background-gradient-all.jpg');
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	color: #fff;
	height: 100vh;
	background-size: cover;
	}
.fr header {
	background-image: url('../img/homepage-background-gradient-all-fr.jpg');
	}
#title h2{
	font-size:110px;
	color:#fff;
	position: absolute;
	width:100%;
	top:43vh;
	text-transform:uppercase;
	font-weight:800;
	margin:0;
	}

#title p{
	visibility:hidden;
	margin:0;
	height:0;
	}	
h1 {
	visibility:hidden;
	height:0;
	margin:0;
	}	
#top_logo {
	float:left;
	margin-left:50px;
	text-align:left;
	margin-top:20px;
	width: 200px;
	}	
.top_contact p span, .rappel_contact span {
	font-family: 'Entypo-webfont';
	font-size: 36px;
	margin-right:10px;
	line-height:25px;
	position:relative;
	top:4px;
	
	}
.top_contact a:first-child span, .rappel_contact:nth-child(6) span	{
	margin-right: 5px;
    writing-mode: tb-rl;


	}
.top_contact {
	background:#ff0000;
	font-weight:normal;
	font-size: 18px;
	padding: 0px 30px;
	height:75px;
	position: fixed;
	right: 0;
	top: 0;	
	text-align: left;
	z-index:400;
	}
.top_contact .tel p{
	margin-top:10px;
	}
.top_contact b {
	font-weight:400;
	}		
.top_contact a:hover {
	color: #000;
	text-decoration:none;
	}
.top_contact a {
    color: #fff;
    text-decoration: none;
}
.f-nav .lang li a {
	color:#333;
	}	
.lang li a:hover {
	color:#ff0000;
	text-decoration:none;
	}		
nav {
	float: right;
	font-size: 18px;
	font-weight: 600;
	margin-top: 130px;
	margin-right: 22%;
	}		
nav li {
	display:inline-block;
	margin-left: 20px;
	}
nav li .active {
	color:#919497;
	}
nav li a:hover {
	color:#ff0000;
	text-decoration:none;
	}

		
.lang {
	position: absolute;
	right: 340px;
	top: 30px;
	font-size:13px;
	}		
.lang li{
	display:inline-block;
	padding: 0 10px;
	}	
.lang li:first-child {
	border-right:solid 1px #fff;
	}	
.icon {
	display:none;
	}
.close {
	display:none;
	}
/*---------------------------     NAV FIXED     --------------------------------*/

.f-nav {
    background: #fff;
    overflow: auto;
    position: fixed;
    width: 100%;
    z-index: 100;
	height:75px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 20px;
}
.f-nav nav li a{
	color:#333;
	font-family: 'Open Sans', sans-serif;
	}
.f-nav nav li a:hover{
	color:#ff0000;

	}	
.f-nav #top_logo {
	margin-top: 12px;
	height: 50px;
	overflow: hidden;
	margin-bottom: 11px;
	width: 80px;
	}
.f-nav #top_logo img {
	width: 100px;
	}
.f-nav nav {
	margin: 25px 470px 0 0;
	color: #2c2c2c;
	}
.f-nav .lang {
	color: #2c2c2c;
	}
.f-nav .lang li:first-child {
	border-right:solid 1px #2c2c2c;
	}
.f-nav p b {
	font-weight:normal;
	}	
		
/*---------------------------     INTRO     --------------------------------*/

#introduction {
	text-align:center;
	padding:30px 40px 40px;
	color:#000;
	font-weight:300;
	background: #fff;
	}
#introduction h2 {
	font-size:30px;
	font-weight:300;
	margin-bottom: 5px;
	
	
	}	
#introduction h2 span {
	color:#ff0000;
	}	
#introduction p {
	font-size:14px;
	}	
	
/*---------------------------     WHO WE ARE     --------------------------------*/	

#who_we_are, #enjoy {
	background-color:#f2f2f2;
	overflow: auto;
	}
#who_we_are h3, #enjoy h3, aside h3, #get_a_quote h3, .notice-content h3, .chalet h3 {
	font-size:24px;
	font-weight:600;
	color:#ff0000;
	margin: 50px 0;
	}
#who_we_are h3 {
	text-align:center;
	}
	
#who_we_are article:first-child, #who_we_are article:nth-child(2) {
	float:left;
	width:45%;
	}
#who_we_are article:first-child {
	margin-right:10%;
	}	
		
#who_we_are p, #who_we_are ul, .notice-content p {
	font-size:14px;
	margin-bottom:20px;	
	}	
#who_we_are ul {
	margin-bottom:40px;
	}
	
#who_we_are p:nth-child(4) {
	margin-bottom: 60px;
	}

.go_to_the_form,  .go_to_the_form:visited {
	color:#ff0000;
	font-weight:600;
	font-size:15px;
	border: solid #ff0000 3px;
	padding: 5px 30px;
	transition:ease-in-out 0.3s;
	}	
main a.go_to_the_form:hover, .prices, .prices:visited {
	background:#ff0000;
	color:#fff;
	font-size:15px;
	padding: 5px 30px;
	transition:ease-in-out 0.3s;
	border: solid #ff0000 3px;
	text-decoration:none;
	font-weight:600;
	transition:ease-in-out 0.3s;
	font-family: 'Open Sans', sans-serif;
	line-height:normal;
	}
#who_we_are .prices {
	margin-left:20px;
	}
	
.prices:hover, .prices:focus {
	color:#ff0000;
	font-size:15px;
	background:transparent;
	border: solid #ff0000 3px;
	padding: 5px 30px;
	transition:ease-in-out 0.3s;
	text-decoration:none;
	}
.notice-content h4 {
    font-size: 24px;
    color: #000;
}
tr:hover {
	color:#ff0000;
	}
tr:hover th{
	color: #333
	}	
/*---------------------------     ENJOY A NEW EXPERIENCE     --------------------------------*/	

#enjoy {
	padding-bottom: 50px;
	}

#enjoy h3 span, aside h3 span, .chalet h3 span {
	color: #000;
	display:block;
	font-size:18px;
	line-height: 16px;
	}
#enjoy ul, aside p, .chalet p {
	font-size:14px;
	margin-bottom: 50px;
	}
aside p, .chalet p {
	margin-bottom:20px;
	}
	
#enjoy li span, .notice-content li span {
	font-family: 'Entypo-webfont';
	color: #ff0000;
	font-size: 36px;
	position: relative;
	top: 4px;
	margin-right: 15px;
	line-height: 30px;
	}
.notice-content article ul	{
	width:290px;
	margin:0 auto;
	}	
	.fr .notice-content article ul	{
	width:360px;
	margin:0 auto;
	}
#enjoy article:first-child {
	float:left;
	width:43%;
	}
.go_to_the_footer, .go_to_the_footer:visited {
	background-color: #ff0000;
	font-weight:600;
	font-size:15px;
	padding: 5px 30px;
	color: #fff;
	transition:all 0.3s;
	}
.go_to_the_footer:hover, .submit:hover {
	background: #2c2c2c;
	transition:ease-in-out 0.3s;
	}
	
/*---------------------------     ENJOY YOUR EVENING     --------------------------------*/	

aside {
	background-color:#ff0000;
	overflow:auto;
	color:#fff;
	}
.chalet {
	background-color:#AAAAAA;
	overflow:auto;
	color:#fff;
	
}
.transferts {
	background-color:#fff;
	overflow:auto;
	color:#000;
	
}
aside img, .chalet img {
	float:left;
	margin-right:50px;
	}	

aside img, .transferts img {
	float:right;
	margin-left:50px;
	}	

aside h3, .chalet h3 {
	color:#fff;
	padding-top:30px;
	margin: 0 0 20px 0;
	}
aside h3, .transferts h3 {
	color:#FF0000;
	padding-top:30px;
	margin: 0 0 20px 0;
	}
aside .right_button, .chalet .right_button, .transferts .right_button {
    margin-bottom: 40px;
    text-align: right;
}		
aside .go_to_the_form, aside .go_to_the_form:visited, .chalet .go_to_the_form {
	color: #fff;
	border-color:#fff;
	}
aside .go_to_the_form:hover, .chalet .go_to_the_form:hover{
	background:#fff;
	color:#ff0000;
	transition:ease-in-out 0.3s;
	}



/*---------------------------     GET A QUOTE     --------------------------------*/	

#get_a_quote {
	padding-top:50px;
	}

#get_a_quote h3 {
	text-align:center;
	margin-top:0;
	}	
form label {
	font-family: 'Montserrat', sans-serif;
	font-size:11px;
	color: #9fa1a5;
	text-transform:uppercase;
	width: 95px;
	letter-spacing: 1.2px;
	display: block;
	float: left;
	padding-top: 7px;
	}	
form input, form textarea {
	width:320px;
	border: 0;
	border-bottom: solid 1px #9fa1a5;
	margin-bottom:20px;
	padding:5px;
	color:#303030;
	font-size:14px;
	letter-spacing:1.3px;
	font-weight: 600;
	}
form textarea {
    height: 20px;
    width: 370px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
	line-height:20px;
}	
.form-col {
	float:left;
	width:50%;
	}
.tiers {
	width:33%;
	float:left;	
	}
.demi {
	width:50%;
	float:left;	
	}	
.demi input{
	width:52%;
	}		
form {
	overflow:auto;
	margin-bottom:100px;
	position:relative;
	}
	
input[type=number] {
	width:50px;
	}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}	
	
.fr form label {
    letter-spacing: 0.6px;
}	
	


#message, #destination {
	width: 370px;
	}

input[type=radio] {
    width: auto;
    float: left;
    margin-top: 6px;
    margin-right: 5px;
}

:required {
   background: url('../img/required.png') no-repeat top right;
}
input[type=radio]:required	 {
	background-position:23px;
	}
input[type=text]:required:valid, input[type=email]:required:valid, input[type=tel]:required:valid {
	background:url('../img/valid.png') no-repeat top right;
	}	
input[type=number]:required:valid {
	background:url('../img/valid.png') no-repeat top right;
	background-position:17px;
	}	
.rappel_contact {
	color:#9fa1a5;
	font-size: 13px;
	margin-left:5px;
	position: relative;
	top: -170px;
	width: 250px;
	}
.rappel_contact span {
	color:#ff0000;
	}
		
.submit {
    background-color: #ff0000;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Open Sans';
    border: none;
    padding: 5px 50px;
    width: auto;
	font-size: 13px;
	letter-spacing: 2.2px;
	transition:all 0.3s;
}
.sub_contener p {
	float:left;
	color: #9fa1a5;
	font-size: 13px;
	}
.sub_contener p span {
	color: #ff0000;
	font-size: 20px;
	position: relative;
	top: 5px;
	margin-right: 10px;
	}	
.sub_contener .submit {
	float:right;
	}
.sub_contener {margin-top: 50px;}	

.success {
	position:absolute;
	top: 0;
	left: 0;
	width: 98%;
	background:#AFCD43;
	text-transform:uppercase;
	padding: 1%;
	text-align:center;
	z-index:9999;
	color: #fff;
	box-shadow: rgba(0,0,0,0.2) 0px 2px 20px;
	}

.legal-notice {
	background:none;
	height:auto;

	}
.notice-content {
	background:#f2f2f2;
	padding: 115px 0 50px 0;
		overflow:auto;
	}	
.notice-content h3 {
	text-align:center;
	text-transform:uppercase;
	margin: 25px 0;
	}
.notice-content a, .notice-content a:visited {
	font-weight:600;
	font-size:14px;
	}
		.notice-content .prices, .notice-content .prices:visited {
    font-weight: 600;
    font-size: 15px;
}	
.notice-content a:hover {
	color:#ff0000;
	}
.notice-content .demi {
	margin-bottom:25px;
	}
.notice-content .demi h3 {
	text-align:center;
	color:#000;
	text-transform:none;
	margin: 25px 0;
	}
article .table {
    margin-bottom: 40px;
}	
.table td, .table th {
	text-align:right;
	}
.table td:first-child, .table th:first-child {
	text-align:left;
	}
	ol li {
    list-style-type:decimal;
	margin:45px 0;
}			
/*---------------------------     FOOTER     --------------------------------*/	

footer {
	background-color:#2c2c2c;
	color:rgba(158, 158, 158, 1);
	font-size: 13px;
	line-height: 36px;
	overflow: auto;
	}
#contact h4, footer section li a, footer section li a:visited {
	color:#fff;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 2.2px;
	margin-bottom: 5px;
	
	}	
#contact h4 {
	font-size:14px;
	}	
footer section li a:hover {
	color:rgba(158, 158, 158, 1);
	text-decoration:none;
	}	
.footer_menu_item {
	width:20%;
	float:left;
	margin-top: 50px;
	}
footer .footer_menu_item:first-child {
	width:24%;
	}
footer .footer_menu_item:nth-child(2), 	footer .footer_menu_item:nth-child(4) {
	width:18%;
	}	
footer ul {
	overflow:auto;
	}	
.footer_menu_item a:hover {
	color: #fff;
	text-decoration:none;
	}	
.footer_menu_item a:visited {
	color:#c8c8c8cc;
	}	

footer section {
	border-top: 1px solid #454545;
	width:90%;
	margin: 20px auto 0;
	position:relative;
	overflow:auto;
	}	
#footer_logo {
	float:left;
	margin: 20px 0;
	}
#footer_logo img {
	width: 80%;
	max-width:174px;
}	
#copyright {
color: #c8c8c880;
font-size:12px;
text-align:center;
position:absolute;
bottom:27px;
left:46%;
	}	
footer section li {
	float:left;
	margin: 20px 11%;
	}	
footer section li:last-child {
	margin-right:0;
	}	
footer li a, footer li a:visited {
	color: rgba(158, 158, 158, 1);
	}	
		
/**----------------     RESPONSIVE     -----------------**/

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

	nav {
    float: right;
    font-size: 18px;
    font-weight: 600;
    margin-top: 120px;
    margin-right: 50px;
}
#title h2 {
    font-size: 80px;
    position: absolute;
    width: 100%;
    top: 39vh;
}
}
@media screen and (max-width:1198px) {
	
	#enjoy article:first-child, #enjoy article {
    float: none;
    text-align: center;
    margin-bottom: 50px;
}	
#enjoy article:first-child {
	width: 50%;
	margin: 0 auto 50px;
	}
	#enjoy {
		padding-bottom: 0;
	}
	#enjoy ul {
	text-align: left;
	width: 100%;
	}
	#message, #destination {
    width: 95%;
}
	.form-col, .form-col p, .tiers, .demi, #date, .fr #pickup, #pickup  {
    float: none;
    width: 100%;
}
	.form-col {
	width:99%;	
		}
	form input, form textarea, #message {
	width:100%;
	padding:0;
	}
	#flight, #departure, #destination, form label {
    width: 100%;
}
.rappel_contact {

    position: relative;
    top: -100px;
}
	form label {
	width:auto;
	}
	input[type="number"] {
    width: 100%;
	}	
	}
@media screen and (max-width:1070px) {
	#who_we_are .prices {
    margin-left: 20px;
    display: inline-block;
    margin-top: 20px;
}
	.f-nav nav {
		margin: 25px 425px 0 0;
		font-size: 14px;
		}
		
	#title h2 {
    position: absolute;
    width: 100%;
    top: 46vh;
    font-size: 60px;
}	
	.lang {
    position: absolute;
    right: 320px;
    top: 25px;
	font-size: 14px;
}	

	footer section li {
    float: none;
    margin: 0px 0;
}	
	#copyright {
    text-align: left;
    position: relative;
	bottom:0;
	left:0;
}
	footer section ul {
    margin-top: 20px;
}


	.rappel_contact {
	position: relative;
	top: -80px;
}


aside, .chalet {
    padding-bottom: 30px;
}

aside, .transferts {
    padding-bottom: 30px;
}
	}	

@media screen and (max-width:870px) {
		ol li {
    list-style-type:decimal;
	margin:25px 0;
}	
	aside, .transferts {
	padding-top:20px;
	}
	aside img, .transferts img {
	float: none;
    margin-right: 0;	
    width: 100%;
	max-width:375px;
}
	.transferts img, aside img {
    float: right;
    margin-left: 0px;
}
	aside, .chalet {
	padding-top:20px;
	}
	aside img, .chalet img {
	float: none;
    margin-right: 0;	
    width: 100%;
	max-width:375px;
}

	article img {
    max-width: 100%;
}
#enjoy article {
        margin-bottom: 20px;
}
footer .box {
    width: 90%;
}
footer {
    line-height: 24px;
}
	#enjoy ul {

	margin-left: 0%;
	}
	}
	
@media screen and (max-width:700px)	{
		.f-nav {
    height: auto;
	overflow:visible;

}
.top_contact {

    height: 73px;
}
	#title h2 {
		position: absolute;width: 100%;top: 46vh;font-size: 50px;
		}
	#introduction {
    padding: 15px 25px 25px;
}
	#who_we_are h3, #enjoy h3, aside h3, .chalet h3, .transferts h3 {
	margin: 25px 0;	
		}
	#get_a_quote {
	padding-top:25px;
	}
	#get_a_quote h3 {
		margin-bottom:25px;
		}	
	#who_we_are article:first-child, #who_we_are article:nth-child(2) {
    float: none;
    width: 100%;
}
	#who_we_are article:nth-child(2) {
    margin-bottom: 50px;
}
	#enjoy ul, aside p, #who_we_are p:nth-child(4), .chalet p, .transferts p {
    font-size: 14px;
    margin-bottom: 25px;
}
	footer .footer_menu_item:nth-child(3), footer .footer_menu_item:nth-child(5), footer .footer_menu_item:first-child {
    width: 70%;
    float: left;
    margin-top: 20px;
}
	footer .footer_menu_item:nth-child(2), footer .footer_menu_item:nth-child(4) {
    width: 30%;
    float: left;
    margin-top: 20px;
}
footer .box {
    width: 70%;
}
	}
@media screen and (max-width:640px)		{
	
		#title h2 {
		position: absolute;width: 100%;top: 46vh;font-size: 40px;
		}
	.f-nav nav {
    margin: 25px 150px 0 0;
}
	.lang {
    position: absolute;
    right: 60px;
}
	.f-nav #top_logo {
    margin-left: 0px;
	}
#enjoy article:first-child {
	width: 100%;
	margin: 0 auto 25px;
	}
	}	
	
	
	
@media screen and (max-width:500px)		{
	#title h2 {
	position: absolute;width: 100%;top: 46vh;font-size: 35px;
	}
	#footer_logo {
	float:none;
	margin: 20px 0 0 0;
	text-align:center;
	}
	footer section ul {
    margin-top: 0px;
    text-align: center;
	}

	#copyright {
    text-align: center;
	margin-top: 20px;
	}
	.sub_contener .submit {
    margin-top: 20px;
	}
	.sub_contener {
    margin-top: 20px;
	}

}
@media screen and (max-width:420px)	{
	#title h2 {
    position: absolute;
    width: 100%;
    top: 43vh;
	font-size: 37px;
	line-height: 34px;
}
nav {
    margin-top: 100px;
}
	footer .footer_menu_item:nth-child(2), footer .footer_menu_item:nth-child(4), footer .footer_menu_item:nth-child(3), footer .footer_menu_item:nth-child(5), footer .footer_menu_item:first-child {
		width:auto;
		float:none;
		text-align:center;
		}
	#top_logo {
    margin-left: 20px;
	width: 140px;
	}
	
	#top_logo img {
    width: 100%;
	}
	header {
    background-size: 180%, auto 100%;
	}
nav.responsive ul li {
    font-size: 14px;
}
#who_we_are .prices {
    margin-left: 0;
    display: inline-block;
    margin-top: 20px;
}
	}

@media only screen and (orientation : portrait) and (min-width:801px) {
		header, body {
	background-size: 90%, auto 100%;
	}
}
@media only screen and (orientation : portrait) and (max-width:800px) {
		header, body {
	background-size: 150%, auto 100%;
	}
	
	}


/**----------------     MENU RESPONSIVE     -----------------**/
	
	
@media screen and (max-width:940px) {
	.top_contact p b {
		display:none;
		}
	.top_contact {
		padding: 0px 3px 0 10px;
		}
		nav ul li {
		display:none;
		}
	.icon {
		display:inline-block;
		}
		.responsive ul {
    padding-right: 43px;
	}
	nav.responsive ul li {
		display: block;
		background: #fff;
		text-align: center;
		height: auto;
		opacity:1;
		color: #2c2c2c;
		transition:ease-in-out 0.3s;
		width: 50%;
		float: left;
		margin: 0;
		box-shadow: rgba(0,0,0,0.2) 0px 2px 20px;
		
  }
  nav.responsive ul li a {
	  display:block;
	  height:100%;
	  width:100%;
	 	padding: 15px 0;
	  }
  nav.responsive .icon {
	display:none;  
	  }
  nav.responsive ul li:hover {
	  background:#f2f2f2;
	  }
	nav.responsive, .f-nav .responsive {
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
	position: fixed;
	font-size: 18px;
	z-index: 200;
	
}
nav.responsive .close {
	display:block;
	float:left;
	background:#ff0000;
	width:50px;
	color:#fff;
	font-size:18px;
	box-shadow: none;
	}
nav.responsive .close:hover {
	background:#000;
	
	}	
	
	
	}