@charset "utf-8";

/* CSS Document */



body {

	background: url(images/main-photo.jpg) center top no-repeat;	/* webapp */

	font-family: 'Raleway';

	font-size: 14px;

}

* {

	margin: 0;

	padding: 0;

}

.left { float: left; }

.right { float: right; }

.clear { clear: both; }

.rouge, a { color: #de1e25; }

.gros { font-size: 36px; font-weight: 900; }

.moyen { font-size: 18px; font-weight: 900; margin: 16px 0; margin-left: 30px;}

.moyen p{font-weight: normal;}



h1, h3, .grosnoir {

	font-weight: 900;

	line-height: 1em;

	padding-bottom: 20px;

	text-align: left;

}

h1 {

	font-size: 36px;

	color: #333;

	text-shadow: 0 0 1px #1571b4;

}

h3 {

	color: #de1e25;

	font-size: 28px;

}

.bandegrise {

	background: #ececec;

	width: 100%;

	padding: 20px 0;

	margin: 20px 0 0;

}

.noshow { display: none; }

.centrer { text-align: center; }



.wrap {

	width: 860px;

	margin: 0 auto;

}

#header { /*margin-bottom: 100px;*/ 

    width: 960px;

    margin: 0px auto;

}

#logo {

  margin-top: 0;
  float: left;
  height: 190px;
  text-decoration:none;
  font-size:22px;
}

.coord {

	float: right;

	background: #fff;

	padding: 22px 49px 18px;

	border-radius: 0 0 16px 16px;

	color: #999;

}

.blocgauche {

	width: 366px;

	float: left;

	margin: 36px;

	clear: both;

}

.vivez {

	border-radius: 12px;

	box-shadow: inset 0px 0px 50px 3px #000;

	color: #fff;

	font-size: 34px;

	text-transform: uppercase;

	padding: 14px 18px;

	font-weight: 900;

    background:url("images/transpBlack75.png") repeat;

    margin-bottom: 100px;

}

.vivez .rouge { font-size: 64px; line-height: 49px; }

.details {

	padding-top: 155px;

}

.details .date {

	color: #676767;

	font-size: 30px;

	font-weight: 900;

	text-transform: uppercase;

    margin-bottom: 12px;

}

.details .date:nth-child(1){

	padding-top: 12px;

}

.details .h4 {

font-size: 12px;

color: #646464;

padding: 0px 0 3px;

line-height: 32px;

font-family: 'Raleway';

text-transform: uppercase;

text-align: right;

}

.left_bottom .h2{ font-size:30px; color:#646464; padding:5px 0 5px; line-height:32px; text-transform:uppercase;}
.left_bottom .h4{ font-size:12px; color:#646464; padding:0px 0 3px; line-height:32px; text-transform:uppercase; text-align:right;}
.left_bottom h2{ font-size:24px; color:#333; padding:0; line-height:25px; text-transform:uppercase;}
.left_bottom ul{ list-style:none; float:left; width:50%; margin:8px 0 0; font-size:18px;}
.left_bottom ul li{ margin:0; padding:6px 50px; float:left; width:87%; background:url(images/gray_bullet_maxed.png) no-repeat left center; font-size:18px; color:#333; line-height:28px; }
.left_bottom ul li a{color:#333;}


.texte ul{ list-style:none; float:left; margin:5px 0 0;}
.texte ul li{ margin:7px 0; padding:0; font-size:14px; color:#cc3333;} 
.texte ul li a{font-size:14px; color:#cc3333; display:block;}

.places_content_bg{ width:100%; height:auto; float:left; margin:15px 0;}
.places_heading_bg{ width:100%; height:auto; float:left; margin:0px 0;}
.places_content_bg_gray{ width:100%; height:auto; float:left; margin:0; background:#ececec;}
.content_heading{ width:915px; height:auto; float:left; background:url(images/line.png) repeat-x left center; margin:0 0 0px;}
.content_heading h3{ font-size:41px; color:#de1e25; padding:0px 15px; float:left; background:#fff; margin:0 307px; text-transform:uppercase; text-align:center;}
.frame2 {
  width: 915px;
  height: auto;
  margin: 0 auto;
}

.places{ width:950px; height:auto; float:left; margin:15px 0;}
.places_left{ width:145px; height:auto; float:left; padding:0; margin:10px 0 0;}
.places_left .circle_bg{ background:url(images/circle.png) no-repeat; width:142px; height:142px; float:left; font-size:84px; }
.places_left .circle_bg p{ color:#fff; text-align:center; font-size:80px; font-family:Raleway; font-weight:bold;}
.places_left .circle_bg p span{ color:#fff; text-align:center; font-size:16px; display:block; text-transform:uppercase; padding-top: 28px; line-height: 0;}
.places_left .down_arrow{ width:100%; height:auto; float:left; text-align:center; margin:15px 0 0;}
.places_left .down_arrow img{ display:block; margin:22px auto 0;}

.places_middle{ width:345px; height:auto; float:left; margin:10px 10px 0;}
.places_middle h4{ color:#333; font-size:46px; text-transform:uppercase; line-height:40px;}
.places_middle p{ color:#333; font-size:14px; padding:10px 0; line-height:19px;}
.places_middle ul{ list-style:none; float:left; margin:5px 0 0;}
.places_middle ul li{ margin:7px 0; padding:0; font-size:14px; color:#cc3333;} 
.places_middle ul li a{font-size:14px; color:#cc3333; display:block;}
.places_middle a img{ margin:10px 0 0;}

.places_right{ width:436px; float:right; margin:0; height:auto; padding-top: 30px;}

#copyright > span {

margin: 0 35px;

}

.details .titre {

	color: #000;

	font-size: 27px;

	font-weight: 900;

	text-transform: uppercase;

	line-height: 1em;

	padding-bottom: 12px;

}

.boulet {

	background: url(images/arrow-gris.png) left top no-repeat;

	padding-left: 26px;

	margin: 6px 0;

}



#offre  {

	background: url(images/background-formulaire.png) left top no-repeat;	/* webapp */

	padding: 72px 64px;

	float: right;

	color: #de1e25;

	font-weight: 900;

	margin: -27px -72px;

}

.expire {

	font-size: 12px;

	text-transform: uppercase;

	float: left;

}

#tempsrestant {

	float: left;

	clear: left;

}

.chiffre {

    float: left;

    font-size: 56px;

    text-align: center;

    line-height: 36px;

	width: 100px;

}

.deuxpoints {

    float: right;

    font-size: 56px;

    padding: 0px 8px;

    text-align: center;

    line-height: 30px;

}

.chiffre span {

	font-size: 12px;

	font-weight: 100;

	color: #666;

}

.prix {

	color: #fff;

	float: right;

	font-size: 23px;

	text-align: center;

	margin-left: 12px;

	width: 175px;

	position: relative;

}

.prix span {


	font-size: 18px

}

#formulaire {

	clear: both;


}

.formtitre {

	text-transform: uppercase;

	font-size: 32px;

  line-height: 40px;

  width: 64%;
}

form {

	margin-top: 24px;

	float: left;

	font-weight: 200;

}

label { color: #646464; font-size: 12px; font-weight: 400; }

input, textarea {

	background: #646464;

	color: #fff;

	width: 275px;

	padding: 4px;

	border: none;

	margin: 4px 0;

}

input {

	height: 16px;

}

textarea {

	height: 100px;

	font-family: Arial, Helvetica, sans-serif;

}

.soumettre {

	background: #de1e25;

	color: #fff;

	font-weight: 900;

	padding: 16px;

	margin-top: 12px;

	font-size: 36px;

	border-radius: 12px;

	height: auto;

	text-transform: uppercase;

	font-family: 'Raleway';

	cursor: pointer;

}

#formulaire .right {

	margin-top: 30px;

	/*width: 161px;*/

	width:180px;

	font-weight: 500;

	color: #000;

	margin-left: 20px;

}

#first-container{margin-top:20px;}

.bouletrouge {

	background: url(images/arrow-rouge.png) left top no-repeat;

	padding-left: 26px;

	margin: 12px 0;

}

.bouletrouge span { font-size: 12px; font-weight: 400; }

.rep {

    width: 194px;

    margin-top: 140px;

}



.itineraire {

	width: 100%;

	text-align: center;

	border-bottom: 1px solid #ccc;

	margin-bottom: 36px;

	margin-top: 0px;

}

.itineraire div {

	text-transform: uppercase;

	font-size: 24px;

	color: #de1e25;

	background: #fff;

	width: 292px;

	margin: 0 auto -16px;

	font-weight: 900;

}

.jours {

	float: left;

	text-align: center;

	width: 142px;

}

.down {

	margin: 12px 53px;

}

.destination {

	float: left;

	width: 430px;

	margin: 16px;

}

p {

	padding: 6px 0;

}

.ville {

	color: #333;

	font-size: 42px;

	font-weight: 900;

	text-transform: uppercase;

	padding-bottom: 12px;

	line-height: 1em;

}

.ville span{

    font-size: 22px;

	color: #444;

}

.recevez {

	background: #d22328;

	color: #fff;

	padding: 6px 10px;

	margin-top: 12px;

	border-radius: 6px;

	float: left;

}

.recevez a { color: #fff; text-decoration: none; }

.galerie {

	float: left;

}

.thumbs { }

.thumb {

	float: left;

	width: 54px;

	height: 36px;

	margin: 4px 4px 4px 5px;

	cursor: pointer;

}

.first.thumb { margin: 4px 3px 4px 0; }



.colonnegauche {

	width: 458px;

	float: left;

	text-align: justify;
	margin-left: 30px;

}

.colonnedroite {

	width: 340px;

	margin-left: 32px;

	float: left;

	text-align: justify;

}

.colonnedroite ul{
	list-style:none; float:left; width:100%; margin: 5px 0px 20px;
  border-bottom: 1px solid #ababab;
  padding-bottom: 20px;
}

.colonnedroite ul li{
	margin:0; padding:10px 26px; float:left; width:87%; background:url(images/gray_bullet.png) no-repeat left center; font-size:14px; line-height:15px;
}

.inclus {

	margin: 24px 0;

	padding: 24px 0;

	border-top: 1px solid #999;

	border-bottom: 1px solid #999;

}



.grosnoir {

	color: #000;

	text-transform: uppercase;

}

#copyright {

	margin-top: 36px;
	margin-left: 30px;
	font-size:13px;

}



#deuxiemeform {

	padding: 24px;

}

#deuxiemeform label { color: #000; }

#deuxiemeform .soumettre {

	font-size: 18px;

}

.merci {

    color: #000000;

    font-size: 20px;

    padding-top: 20px;

	width: 395px;

}

.merci span { font-size: 16px; font-weight: 400; }





#splash_promo_wrap{

	background:url(..images/black_70.png) repeat;

	width:5000px;

	height:10000px;

	position:absolute;

	top:0px;

	left:0px;

}

#splash_promo{

	background_color:#fff;

	background:url(..images/noel_bg.jpg) no-repeat;

	color:#000;

	width:916px;

	height:684px;

	position:absolute;

	margin:90px 0px 0px 0px;

	display:block;

	z-index:1000;

	

	

	

}

#splash_promo h1{

	color:#e30505;

	font-size:37px;

	font-weight:bold;

	text-transform:uppercase;

	text-align:center;

	width:100%;

	padding:65px 0 0 0;

}

#splash_promo h2{

	color:#505050;

	font-size:23px;

	font-weight:bold;

	text-transform:uppercase;

	text-align:center;

	width:100%;

	padding:0px;

}

#splash_promo h3{

	color:#7b7b7b;

	font-size:18px;

	font-weight:bold;

	text-transform:uppercase;

	text-align:center;

	width:100%;

	padding:0px;

}



#splash_promo .promo_element{

	float:left;

	width:350px;

	height:100px;

	display:block;

	position:relative;

	margin-left:45px;

	margin-top:45px;

	color:#505050;

	font-size:26px;

	font-weight:bold;

	text-transform:uppercase;

	text-align:center;

	font-family:Arial, Helvetica, sans-serif;

	background-color:#ebebeb;

	line-height: 42px;

}

#splash_promo .promo_element span{

	color:#e30505;

	font-size:65px;

}

#splash_promo .plus{

	display:block;

	float:left;

	width:125px;

	height:100px;

	font-family:Arial, Helvetica, sans-serif;

	color:#505050;

	font-size:120px;

	font-weight:bold;

	text-transform:uppercase;

	text-align:center;

	margin-top:23px;

	margin-right:-45px;

}

#splash_promo #promo_form_div{

	position:relative;

	float:left;

	clear:left;

	margin:45px 0 0 45px;

	width:555px;

}

#splash_promo #promo_form_div form{

	margin:0px;

}

#splash_promo #promo_form_div .field{

	display:block;

	position:relative;

	float:left;

	width:268px;

	height:54px;

	margin:3px 8px 0px 0px;

	

}

#splash_promo #promo_form_div .field label{

	color:#000;

	font-family:Arial, Helvetica, sans-serif;

	font-size:15px;

	

}

#splash_promo #promo_form_div .field input{

	background-color:#fff;

	border:1px solid #7a7a7a;

	color:#7a7a7a;

	font-family:Arial, Helvetica, sans-serif;

	font-size:15px;

	width:255px;

	margin:0px;

}



#splash_promo #promo_form_div .submit_button{

	color:#fff;

	text-transform:uppercase;

	text-align:center;

	width:265px;

	background-color:#e30505;

	display:block;

	margin-left:276px;

	float:left;

	font-family:Arial, Helvetica, sans-serif;

	font-size:15px;

	height: 29px;

	cursor:pointer;

}

#splash_promo #promo_form_div .submit_button:hover{

	background-color:#fff;

	outline:1px solid #e30505;

	color:#e30505;

}

#splash_promo #promo_form_div .form_note{



margin-left: 276px;

width: 265px;

text-align: center;

}

#splash_promo #coupons_left{

	width: 89px;

	height: 68px;

	margin: 5px 0px 0px 61px;

	padding: 41px 0px 0px 122px;

	font-size: 50px;

	display:block;

	float:left;

	position:relative;

	background:url(..images/noel_coupons.jpg) no-repeat;

}



#splash_promo #foot_note{

	text-align:center;

	position:absolute;

	top: 642px;

left: 287px;

}

#close_splash{

	background:url(..images/close.png) no-repeat;

	width:33px;

	height:33px;

	border:0px;

	display:block;

	position:relative;

	z-index:1001;

	top: 104px;

	left: 901px;

}

body > div.wrap > div:nth-child(15) > div.colonnegauche > h3 {

border-top: 1px solid #999;

margin-top: 30px;

padding-top: 30px;

}

body > div.all_wrap > div:nth-child(11) {

margin-bottom: 50px;

}

#offre > div.countdown.styled > div:nth-child(1) {

padding-left: 0px;

}

/* Extra form styles */

.formvoyage{
	width:860px;
	height:127px;
	background: #ececec;
	border-radius:5px;
	border:4px dashed #de1e25;
	float:left;
	margin: 30px 15px 60px;
	padding:15px 0 15px 15px;
}

.formvoyage form{margin: 0; width:100%;}

.formvoyage ul{float: left;}

.formvoyage h2{width:100%; text-align: center; margin-bottom: 10px; font-size: 20px; color:#333;}

.formvoyage ul li{
	float: left;
	list-style: none
}

.formvoyage li input{color:#444;}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #444;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #444;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #444;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #444;
}

.formvoyage li input[type="text"]{
	width:190px;
	background: #fff;
	padding:5px 5px 4px;
	margin-right:10px;
	font-family: 'Raleway' !important;
	font-size: 14px;
}

.formvoyage li textarea{
	width:610px;
	padding:5px 5px 4px;
	font-family: 'Raleway' !important;
	background: #fff;
	height: 41px;
	max-width: 610px;
	max-height:60px;
	color:#444;
	font-size: 14px;
}

.formvoyage input[type="submit"]{
	float: right;
	width:200px;
	text-align: center;
	margin-right: 15px;
	height:75px;
	border-radius:5px;
	background:#de1e25;
	margin-top: 8px;
	cursor:pointer;
	font-family:'Raleway' !important;
	font-size:24px;
	font-weight: bold;
}

/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */
.pika-thumbs li{width: 56px; height:37px;}
.pika-stage, .pika-textnav {width: 430px;}

.pikachoose {width: 430px; margin: 0 auto;}
.pika-stage {position: relative; padding: 10px 0px 0;text-align:center;height:287px;}
	
	/*if you change the padding on pika-stage you must adjust the top left of this to match! */
	.pika-stage .main-image {position: absolute; top: 10px; left: 10px;}
	.pika-stage .pika-aniwrap{position: absolute; top: 10px; left: 0px;}
	.pika-stage .pika-aniwrap{width:100%;}
	.pika-stage .pika-ani {position:relative;display: none;z-index:2;margin:0 auto;}
	.pika-stage img {border:0;height:100%;}

.pika-stage .caption {position: absolute; background: url(75-black.png);  border: 1px solid #141414; font-size: 11px; 
			color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;}
	.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
	.pika-imgnav a.previous {background: url(prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 10px;cursor:pointer; display:none;}
	.pika-imgnav a.next {background: url(next.png) no-repeat right 45%; height: 100%; width: 50px; top: 10px; right: 10px;cursor:pointer; display:none;}
	.pika-imgnav a.play {background: url(play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
	.pika-imgnav a.pause {background: url(pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}

.pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute;  display:none;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
	.pika-textnav a.previous {float: left; width: auto; display: block;}
	.pika-textnav a.next {float: right; width: auto; display: block;}
	
.pika-thumbs {margin: 5px 0 0 0px; padding: 0; overflow: hidden;}
	.pika-thumbs li {float: left; list-style-type: none;padding: 0px; margin: 0 2.7px 0; cursor: pointer;}
		.pika-thumbs li:last {margin: 0;}
		.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;  display:none;}
		
		
/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 20px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 485px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}

.contact_form_popup{ width:300px; height:auto; margin:0 auto;}
.contact_form_popup ul{ list-style:none; float:left; margin:10px 0 0;}
.contact_form_popup ul li{ margin:2px 0; padding:0; float:left; width:100%;}
.contact_form_popup ul li p{ font-size:13px; color:#4c4c4c; padding:3px 0;}
.contact_form_popup ul li .form_field{ width:290px; height:25px; float:left; background:#646464; color:#fff; line-height:25px; padding:0 5px; border:none;}
.contact_form_popup ul li .form_textarea{ width:290px; height:90px; float:left; background:#646464; color:#fff; line-height:25px; padding:5px; border:none;}
.contact_form_popup ul li img{ margin:12px 2px;}
.popup_submit{ background:#de1e25; font-family: Raleway; color:#fff; cursor:pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding: 0 16px 0 16px; height:35px; margin-top:15px; text-transform:uppercase; font-weight:900; font-size:18px; border:none; width:100%;}