@charset "UTF-8";
/* CSS Document */



/* General */
html{height:100%;width:100%;}
body {min-width: 1000px;width:100%; background: url(img/bgd.gif) left top repeat #e7e7e9;  margin: 0; font-family: Lucida Sans Unicode, Lucida Grande, verdana, sans-serif; color: #424242;font-weight: normal; font-size: 12px; height:100%;overflow-y: scroll;}
div, img, a {outline: none; border: 0;}
.clear	{clear:both;font-size:1px;line-height:0;}
hr {background: none;border-bottom: solid 1px #dbdbdb}
h1, h2, h3, h4, h5, h6 {font-family: "Bebas Neue", Arial, sans-serif !important ;text-transform: uppercase; font-weight: normal !important;}
h1 {font-size: 80px;color: #fff; text-align: center; margin: 125px 0 5px 0; position: relative; z-index: 500; }
#banner h1 cufon {margin-top: -15px!important}

a {color: #e3001b; text-decoration: none;}
a:hover {text-decoration: underline;}

.group:before,
.group:after {
    content:"";
    display:table;
}

.group:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.group {
    zoom:1;
}
/* //General */

/* Banner */

#banner{background/*\**/:url(bgd_header.jpg) center -302.1px no-repeat\9;position: absolute; top: 0; z-index: 10;width: 100%; height/*\**/: 500px\9;}
#banner #center-column{width:980px;float:left;position:relative;z-index:10;-webkit-box-shadow: 0 9px 0 #e2e4e9;  box-shadow: 0 9px 0 #e2e4e9; position: relative; height: 530px; }
#banner #center-column.shadow{background:url(img/shadow.png) center 50px no-repeat;}
#banner #center-column h4{font-size: 21px; color: #3e3e3e; text-align: center; margin: 0 auto;  display: table; }
#banner #center-column h4 span{background-color: #fff; padding: 0 5px;line-height: 31px;  float: left; margin-top: -1px}
#banner #center-column h4 img {margin: 0 5px; float: left}
#banner #center-column a#call-to-action, #banner #center-column div#qnavig {height: 127px; width: 980px; background:url(img/bgd_call-to-action.png) 2px bottom repeat-x;top: 410px; position: absolute; box-shadow:  0 12px 0 -5px rgba(0,0,0,0.1); -moz-box-shadow: 0 12px 0 -5px rgba(0,0,0,0.1); -webkit-box-shadow:  0 12px 0 -5px rgba(0,0,0,0.1);}
#banner #center-column a#call-to-action h2, #banner #center-column div#qnavig h2 {font-size: 42px;color: #fff; line-height: 50px; margin: 35px 0 0 0;   }
#banner #center-column div#qnavig h3 {font-size: 24px;color: #fff !important;  }
#banner #center-column div#qnavig h2 a {color: #fff;margin: 0 7px; font-size: 24px;}
#banner #center-column div#qnavig h2 a:hover {color: #cb4d2c !important; }
#banner #center-column a#call-to-action h3 {font-size: 22px;color: #015562; margin: 0; line-height: 28px; }

#banner #center-column a#call-to-action .left-block, #banner #center-column div#qnavig .left-block {width: 273px; float: left;background:url(img/bgd_call-to-action_left.png) left bottom no-repeat; height: 127px;position: relative; z-index: 900 }
#banner #center-column a#call-to-action .left-block img, #banner #center-column div#qnavig .left-block img {position: absolute; z-index: 100; margin-left: 20px; margin-top: -1px}
#banner #center-column a#call-to-action .right-block, #banner #center-column div#qnavig .right-block {width: 760px;  background:url(img/bgd_call-to-action_right.png) right bottom no-repeat;height: 127px; position: absolute; z-index: 1000;left: 220px }
#banner #center-column a#call-to-action .right-block img, #banner #center-column div#qnavig .right-block img{position: absolute; right: 35px; top: 42px;}
.right-block h2, .right-block h3 {margin-left: 100px!important;}
#banner #left-side{margin-right:490px;height:96px;background-color: #00AEC9; margin-top: 411px; -webkit-box-shadow: 0 8px 0  rgba(0,0,0,0.1);  box-shadow: 0 8px 0  rgba(0,0,0,0.1); -moz-box-shadow: 0 8px 0  rgba(0,0,0,0.1) }
#banner #left-side-outer{width:50%;float:left;margin-right:-490px;height:505px;}
#banner #right-side{margin-left:490px;height:96px;background: url(img/bgd_right-side.png) left top no-repeat #00AECB; margin-top: 411px; -webkit-box-shadow: 0 8px 0  rgba(0,0,0,0.1);  box-shadow: 0 8px 0  rgba(0,0,0,0.1); -moz-box-shadow: 0 8px 0  rgba(0,0,0,0.1) }
#banner #right-side-outer{width:50%;float:right;margin-left:-491px;height:505px;}

/* //Banner */

/* Parallax */

#header {height: 530px;position: relative;width: 100%;margin: 0;padding: 0;}
#header>div:nth-of-type(1) {background: url(img/bgd_header.jpg) 50% -302.1px no-repeat fixed;margin: 0;height: 750px;position:absolute;width:100%;top:-57%;left:0;z-index: 1;overflow: hidden}
.parallax-item{position:absolute;z-index:10;left:400px;}

/* //Parallax */


/* Questions */

#questions {width: 940px; /*height: 390px;*/ background-color: #fff; position: absolute; left: 20px; bottom: 107px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;box-shadow: inset 0 -7px 0 0 rgba(0,0,0,0.1); -moz-box-shadow: inset 0 -7px 0 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 -7px 0 0 rgba(0,0,0,0.1);}
#questions h2 , .result h3{width: 100%; background-color: #eee; margin: 0; text-align: center; font-size: 30px; height: 63px; padding: 30px 0 0 0; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;box-shadow: inset 0 -10px 15px 0 rgba(0,0,0,0.1); -moz-box-shadow: inset 0 -10px 15px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 -10px 15px 0 rgba(0,0,0,0.1);}
#questions .all_questions{margin: 37px 0 0 47px; height: 260px;}
#questions a.question {width: 193px; height: 223px; float: left; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  margin: 0 25px 0 0; position: relative; z-index: 50}
#questions a.question:hover {opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */}
#questions a.question.q1 {background: url(img/q1.jpg) left top no-repeat #000;}
#questions a.question.q2 {background: url(img/q2.jpg) left top no-repeat #000;}
#questions a.question.q3 {background: url(img/q3.jpg) left top no-repeat #000;}
#questions a.question.q4 {background: url(img/q4.jpg) left top no-repeat #000;}
#questions a.question.q5 {background: url(img/q5.jpg) left top no-repeat #000;}
#questions a.question.q6 {background: url(img/q6.jpg) left top no-repeat #000;}
#questions a.question.q7 {background: url(img/q7.jpg) left top no-repeat #000;}
#questions a.question.q8 {background: url(img/q8.jpg) left top no-repeat #000;}
#questions a.question.q9 {background: url(img/q9.jpg) left top no-repeat #000;}
#questions a.question.q10 {background: url(img/q10.jpg) left top no-repeat #000;}
#questions a.question.q11 {background: url(img/q11.jpg) left top no-repeat #000;}
#questions a.question.q12 {background: url(img/q12.jpg) left top no-repeat #000;}
#questions a.question.q13 {background: url(img/q13.jpg) left top no-repeat #000;}
#questions a.question.q14 {background: url(img/q14.jpg) left top no-repeat #000;}
#questions a.question.q15 {background: url(img/q15.jpg) left top no-repeat #000;}
#questions a.question.q16 {background: url(img/q16.jpg) left top no-repeat #000;}
#questions a.question.q17 {background: url(img/q17.jpg) left top no-repeat #000;}
#questions a.question.q18 {background: url(img/q18.jpg) left top no-repeat #000;}
#questions a.question.q19 {background: url(img/q19.jpg) left top no-repeat #000;}
#questions a.question.q20 {background: url(img/q20.jpg) left top no-repeat #000;}
#questions a.question h3 {background: url(img/bgd_qh3.gif) left bottom repeat-x; margin: 0 -5px; display: block; position: absolute; z-index: 100; width: 203px; height: 57px; top: 163px; text-align: center; color: #fff !important; font-size: 20px; line-height: 20px; }
#questions a.question h3 span{display: table-cell; vertical-align:middle; height: 57px; text-align: center !important; width: 203px }
#questions a.question img.corner-left {position: absolute; top: 158px; left: -5px; }
#questions a.question img.corner-right {position: absolute; top: 158px; right: -5px; }
#questions a.question div.selected {width: 193px; height: 225px; float: left; margin: 0; position: absolute; z-index: 40; background: url(img/bgd60pc.png) repeat;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: none }
#questions a.question div.selected span{width: 193px; height: 225px; background:url(img/selected.png) center 46px no-repeat; display: block}
#banner #center-column div#qnavig h2 {font-size: 24px;color: #fff; margin: 64px 0 0 0; line-height: 28px;  text-align: center; position: absolute; width: 100%} 
#banner #center-column div#qnavig h2.red {font-size: 30px;color: #fff; margin: 70px 0 0 0; line-height: 28px;  text-align: center; position : absolute; z-index: 8999; width: 100%} 
#banner #center-column div#qnavig h3.red {font-size: 22px;color: #fff; margin: 40px 0 0 0; line-height: 28px;  text-align: center; position: absolute; width: 100%} 
#banner #center-column div#qnavig a.confirm {width: 147px; height: 66px; position: absolute; top: 37px; right: 35px; z-index: 9000}
#banner #center-column div#qnavig a.back {width: 86px; height: 45px; position: absolute; top: 50px; left: 35px; z-index: 2000}  
#banner #center-column div#qnavig a.redo {width: 86px; height: 45px; position: absolute; top: 37px; left: 35px; z-index: 9000}    
/* //Questions */

/* Form */
#questions form.form {margin: 52px 0 0 47px; height: 245px;}
#questions form input[type=text] {width: 403px\9; width: 273px; height: 46px; border: solid 1px #c5c5c5;  border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;-moz-box-shadow: 0 0 0 4px #ebebeb; -webkit-box-shadow: 0 0 0 4px #ebebeb; box-shadow: 0 0 0 4px #ebebeb; font-size: 16px; color: #424242;  line-height:46px; padding: 0 20px 0 110px; float: left; margin: 0 35px 25px 0; position: relative}
#questions form input[type=text].error {border: solid 1px #e3001b!important;}
#questions p.error {margin: 20px 0 0 50px; color: #e3001b; font-weight: bold; float: left;}
#questions form input[type=text]#name { background:url(img/label_name.png) 20px center no-repeat}
#questions form input[type=text]#last_name { background:url(img/label_last_name.png) 20px center no-repeat}
#questions form input[type=text]#email { background:url(img/label_email.png) 20px center no-repeat}
#questions form input[type=text]#zip { background:url(img/label_zip.png) 20px center no-repeat}
#questions form .checkbox {width: 34px;height: 33px;padding: 0 5px 0 0;background: url(img/checkbox.png) no-repeat;float: left; display: block; margin-top: 5px;}
#questions form .error .checkbox {background: url(img/checkbox.png) 3px -130px !important}
#questions form label[for=terms] {padding: 10px 0 0 25px; font-size: 10px;  margin-top: 3px; float: left;}
#questions form label.error {color: #e3001b;}
.select {background:url(img/label_states.png) 20px center no-repeat; width: 403px\9; width: 273px; height: 46px; border: solid 1px #c5c5c5;  border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;-moz-box-shadow: 0 0 0 4px #ebebeb; -webkit-box-shadow: 0 0 0 4px #ebebeb; box-shadow: 0 0 0 4px #ebebeb; font-size: 16px; color: #424242;  line-height:46px; padding: 0 20px 0 110px; float: left; margin: 0 35px 25px 0; position: relative}
select.styled {height: 50px;left: -480px;opacity: 0;position: relative;width: 403px !important; z-index: 9999;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
select.styled {left: -430px; top: 25px; opacity: 0;position: relative;width: 403sspx !important; z-index: 9999; line-height: 150px!important; display: table; }
select.styled option.selectop {}
#questions form .checkbox {width: 34px;height: 33px;padding: 0 5px 0 0;background: url(img/checkbox.png) no-repeat;float: left; display: block; margin-bottom: -4px;}
#questions form label[for=terms] {padding: 10px 0 0 15px; font-size: 10px;  margin-top: 3px; float: left;}
#questions .check_zone {position: absolute; top: 300px;  left: 485px; }
}	
#questions form input[type=text].error {border: solid 1px #e3001b!important;}
#questions .check_zone {position: absolute; top: 300px;  left: 485px; }
/* //Form */

/* Result */
#questions form.result{margin: 0; height: 400px;}
#questions .you_are {width: 910px; margin: 15px; height: 257px; position: relative;}
#questions .you_are.vineyard { background:url(img/bgd_vineyards.jpg) left top no-repeat}
#questions .you_are.promenade { background:url(img/bgd_pays_d_oc.jpg) left top no-repeat}
#questions .you_are.fascination { background:url(img/bgd_fascination.jpg) left top no-repeat}
#questions .you_are.sunshide { background:url(img/bgd_sunshide_road.jpg) left top no-repeat}
#questions .you_are .result {font-size: 21px; color: #3e3e3e; text-align: center; margin: 0 auto;  display: table; padding-top: 75px }
#questions .you_are .result .inner_result{background-color: #fff; padding: 0 5px;line-height: 31px;  float: left; margin-top: -1px; padding: 15px 35px 0 35px; height: 90px}
#questions .you_are .result .inner_result .line{height: 2px; background-color: #e2e4e9; display: block; margin: -13px 0 0 -7px; float: left; width: 105%; position: relative; z-index:1 }
#questions .you_are .result .inner_result h4{color: #535353 !important; font-size: 24px !important; line-height: 30px!important; text-align: center; margin: -5px auto 0 auto !important; background-color: #fff; padding: 0 5px;position: relative; z-index:2  }
#questions .you_are .result .inner_result h3{color: #535353 !important; font-size: 60px;text-align: center;  margin: 0 auto!important; padding: 0 !important; box-shadow: none; background: #fff !important }
#questions .you_are .result img {margin: 7px 5px; float: left}
#questions table {width: 910px; margin: -20px 15px 0 15px;position: relative;}
#questions table table {width: 322px; margin: 0}
#questions table  h3 {text-align: center; font-size: 24px; color: #535353}
#questions .result h3 {margin-bottom: 35px!important;}
#questions .chance {width: 415px; float: left; height: 70px; margin: 5px 30px 0 0}
#questions form label[for=club_france], #questions form label[for=midi_pyrenees], #questions form label[for=top_deals], #questions form label[for=social],  #questions form label[for=air_france],  #questions form label[for=club_accor]   {padding: 3px 0 0 70px; font-size: 10px; display: block}
#questions form label[for=club_france] h4, #questions form label[for=midi_pyrenees] h4, #questions form label[for=top_deals] h4, #questions form label[for=social] h4,  #questions form label[for=air_france] h4,  #questions form label[for=club_accor] h4 {text-align: left !important; font-size: 20px; color: #535353; float: left; padding-right:55px; background:url(img/bgd_plus1.png) right -40px no-repeat}
#questions form label[for=club_france] h4.active, #questions form label[for=midi_pyrenees] h4.active, #questions form label[for=top_deals] h4.active, #questions form label[for=social] h4.active, #questions form label[for=air_france] h4.active, #questions form label[for=club_accor] h4.active   {background:url(img/bgd_plus1.png) right top no-repeat !important}
#questions form label p {display: inline-block; margin: 5px 0}
#questions form #social {display: block;clear: left;float: left;}
.red {color: #fff !important}
.fb-like {position: absolute; z-index: 9999;}
/* Result */

/* Reset */
table {border: none; border-spacing:0; }
/* Reset */

.club_accor {height: 384px; padding: 0}
.club_accor h3{width: 100%; background-color: #eee; margin: 0; text-align: center; font-size: 30px; height: 57px; padding: 30px 0 0 0; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;box-shadow: inset 0 -10px 15px 0 rgba(0,0,0,0.1); -moz-box-shadow: inset 0 -10px 15px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 -10px 15px 0 rgba(0,0,0,0.1); padding: 20px 0 !important}
#questions .club_accor table {margin: 0; margin: 0 !important; }

#questions .club_accor table h5 {color: #1c3d74;  font-size: 26px; font-family: "Bebas Neue", Arial, sans-serif !important; margin: 35px 0 0 25px;}
#questions .club_accor table h6 {color: #1c3d74;  font-size: 18px; font-family: "Bebas Neue", Arial, sans-serif !important; margin: 0 0 0 25px; display: block}
#questions .club_accor table td ol {font-size: 12px;  color: #4e5254; margin: 20px 10px 20px 0px}
#questions .club_accor table td ol li{font-size: 14px; line-height: 15px; color: #4e5254; margin: 0}
#questions .club_accor table td a.button{font-size: 12px; padding: 4px 8px; background-color: #1c3d74; color: #fff; text-decoration: none; text-transform: uppercase; -moz-box-shadow: 0 0 3px 3px #bdbdbd; -webkit-box-shadow: 0 0 3px 3px #bdbdbd; box-shadow: 0 0 3px 3px #bdbdbd; margin: 0 0 0 30px; float: left;}
/********* css content *************/

/* Content */
#content {background-color: #fff; width: 980px; margin: 30px auto; padding-bottom: 0px;}
#content #inner {padding: 35px 35px 0px 35px; display: table;}
#content #inner .title_bar {height: 2px; border-top: solid 3px #e2e4e9; border-bottom: solid 3px #e2e4e9;text-align: center; }
#content #inner .title_bar table{margin-top: -20px; width: 100%;}
#content #inner .title_bar table td:first-child + td {text-align: center; width: auto;}
#content #inner .title_bar  h2{ font-size: 24px; color: #535353; padding: 0 20px; background-color: #fff; }
#content #inner .left_col, #content #inner .right_col {width: 294px; margin: 12px 12px 0 0;}
#content #inner .left_col{float: left;}
#content #inner .right_col {float: left; margin-right: 0!important;}
#content #inner .display {width: 294px; height: 193px; float: left;}
#content #inner .left_col .pic, #content #inner .right_col .pic {display: block; width:294px; height:191px;}

#content #inner .left_col h1, #content #inner .right_col h1 {
	margin:30px 0 130px 0;
	padding:5px 0 0 15px;
	font-size: 24px;
	line-height:24px;
	background:url(img/pic_flag.png) left top no-repeat transparent;
	width:144px;
	height:35px;
	text-align:left;}
#content #inner .left_col img, #content #inner .right_col img {position:absolute;}
.play_btn img {margin: 69px 193px;}
.legend h2 {font-size: 36px; margin:10px 0 8px 0;}
.legend p {font-size: 12px; margin:0; font-family:Arial, Helvetica, sans-serif;}
.legend a {display:block; color:#e3001b; font-size:11px; margin-top:9px;}
table td h1 {margin: 0; padding:0; color:#535353; font-size:24px;}
.main_blog {width: 100%; height:200px; margin:22px 0 30px 0;}
.main_blog img {float:left; margin: 0 35px 0 0; position: relative; z-index: 1000}
.main_blog h1 {margin:0 0 0 0; font-size:36px; color:#424242; padding:0; width:auto; text-align: left; padding-top: 20px;}
.main_blog a {display:block; color:#e3001b; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin: 15px 0 0 0;}
.main_blog_home {width: 100%; height:200px; margin:12px 0 30px 0!important;}
.main_blog_home img {float:left; margin: 0 35px 0 0;}
.main_blog_home h1 {margin:0 0 0 0; font-size:36px; color:#424242; padding:0; width:auto; text-align: left; padding-top: 20px;}
.main_blog_home a {display:block; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin: 15px 0 0 0;}
.main_blog_home .left_col {width: 380px!important;}
.main_blog_home p a {margin-left: 390px; color: #E3001B!important;}
.price {color: white!important; margin-top: 15px!important; background-color: #c91a00!important; background-image:none!important; width: 100px!important; height: 28px!important; padding-top: 6px!important;}
.left_minicol { width:436px; float: left;}
.right-margin {margin-right: 35px!important;}
.right_minicol { width:202px; float: left; margin:0;}
.left_minicol .legend h2, .right_minicol .legend h2 {font-size:32px;}
.left_minicol p, .right_minicol p {width:380px;}
.padding-right {padding-right: 120px;}
#related_sep {margin: 20px 0;}
#watch_sep {margin: 20px 0 0 0;}
/* //Content */

/* Bottom */

div#map {width: 100%; height: 475px;background-color: none; margin: 30px 0 30px 45px; float: left; padding: 0; position: relative;}
#map div {width: 625px; float: left;}
div#bottom_map {width: 826px; height: 88px; background-color: #eeeff2; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;box-shadow: inset 0 5px 5px 0 rgba(0,0,0,0.1); -moz-box-shadow: inset 0 5px 5px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 5px 5px 0 rgba(0,0,0,0.1); margin: 50px 75px 50px 75px; float: left;}
#bottom_map #france_map {width: 169px; height: 172px; background:url(img/map_france.png) left top no-repeat;position: absolute; z-index: 50; left: 10px; top: -67px;}
#bottom_map h3.text_map {position: absolute; z-index: 50; left: 185px; top: 20px; font-size: 24px; color: #424242; margin: 0;}
#bottom_map h4.city {position: absolute; z-index: 50; left: 31px; top: 110px; font-size: 18px; color: #424242; margin: 0;}
#bottom_map #envelope {width: 163px; height: 127px; background:url(img/envelope.png) left top no-repeat;position: relative; z-index: 50; left: -10px; top: -35px;}
#bottom_map h3.text_newsletter {position: relative; z-index: 50; left: 15px; top: -7px; font-size: 24px; color: #424242; margin: 0;}
#bottom_map h3.text_newsletter span {display: block; font-size: 36px !important}
#bottom_map a.subscribe {color: #fff; font-size: 24px; background: url(img/arrow_right3.png) 100px 11px no-repeat #373737; padding: 5px 22px 3px 10px;position: relative; z-index: 50; left: 30px; top: -2px;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-top: solid 1px #7e7e7e; border-bottom: solid 3px #cececf;}


div#logos {width: auto;}
#logos {position: relative; height: 70px; left: -40px; top: 397px;}
#logos a {display: inline-block; margin: 20px 17px 0 0}
#logos a .logo_right {position: absolute; right: 0; bottom: -80px}
#logos a .logo_af-right {position: absolute; right: 165px; top: 80px}

#logos_bottom a {display: inline-block; margin:30px 70px 30px 0; height: 26px;}

#footer_infos {width: 980px; height: 597px; /*margin-top: 700px; background:url(img/bgd_footer_infos.jpg) no-repeat*/}

/* // Bottom */

/* Sublanding */
#header_sublanding {height: 297px;position: relative;width: 100%;margin: 0;padding: 0;}
#header_sublanding.nancy {background:url(img/sublanding/bgd_sub_nancy.jpg) center top no-repeat}
#header_sublanding.nice {background:url(img/sublanding/bgd_sub_nice.jpg) center top no-repeat}
#header_sublanding.montpellier {background:url(img/sublanding/bgd_sub_montpellier.jpg) center top no-repeat}
#header_sublanding.dijon {background:url(img/sublanding/bgd_sub_dijon.jpg) center top no-repeat}
#banner_sublanding {position: absolute; top: 0; z-index: 10;width: 100%; height/*\**/: 500px\9; }
#banner_sublanding  #center-column{width:980px;float:left;position:relative;z-index:10; position: relative; height: 208px; }
#banner_sublanding  #center-column h4{font-size: 21px; color: #3e3e3e; text-align: center; margin: 0 auto;  display: table; }
#banner_sublanding  #center-column h4 span{background-color: #fff; padding: 0 5px;line-height: 31px;  float: left; margin-top: -1px}
#banner_sublanding  #center-column h4 img {margin: 0 5px; float: left}
#banner_sublanding  #center-column div#qnavig {height: 88px; width: 980px; background:url(img/bgd_banner_sub.png) left bottom repeat-x;top: 208px; position: absolute; }
#banner_sublanding  #center-column div#qnavig h2 {font-size: 36px;color: #fff; line-height: 50px; margin: 32px 0 0 0; position: absolute; text-align: center; width: 100%  }
#banner_sublanding  #center-column div#qnavig h3 {font-size: 24px;color: #e3001b !important;  }
#banner_sublanding  #center-column div#qnavig h2 a {color: #fff;margin: 0 15px}
#banner_sublanding  #center-column div#qnavig h2 a:hover {color: #cb4d2c !important; }
#banner_sublanding  #center-column a#call-to-action h3 {font-size: 24px;color: #e3001b; margin: 0; line-height: 28px; }

#banner_sublanding #center-column div#qnavig .left-block {width: 273px; float: left;background:url(img/corner_sub_left.png) left bottom no-repeat; height: 88px;position: relative; z-index: 900 }
#banner_sublanding  #center-column div#qnavig .left-block img {position: absolute; z-index: 100; margin-left: -15px; margin-top: -95px}
#banner_sublanding  #center-column div#qnavig .right-block {width: 760px;  background:url(img/corner_sub_right.png) right bottom no-repeat;height: 88px; position: absolute; z-index: 1000;left: 220px }
#banner_sublanding  #center-column div#qnavig .right-block img{position: absolute; right: 35px; top: 42px;}
#banner_sublanding  #left-side{margin-right:490px;height:49px;background-color: #ad3422; margin-top: 208px; -webkit-box-shadow: 0 8px 0  rgba(0,0,0,0.1);  box-shadow: 0 8px 0  rgba(0,0,0,0.1); -moz-box-shadow: 0 8px 0  rgba(0,0,0,0.1) }
#banner_sublanding  #left-side-outer{width:50%;float:left;margin-right:-490px;height:257px;}
#banner_sublanding  #right-side{margin-left:490px;height:49px;background: url(img/bgd_right-side.png) left top no-repeat #ad3422; margin-top: 208px; -webkit-box-shadow: 0 8px 0  rgba(0,0,0,0.1);  box-shadow: 0 8px 0  rgba(0,0,0,0.1); -moz-box-shadow: 0 8px 0  rgba(0,0,0,0.1) }
#banner_sublanding  #right-side-outer{width:50%;float:right;margin-left:-491px;height:257px;}
#banner_sublanding #center-column div#qnavig a.back {width: 86px; height: 45px; position: absolute; top: 29px; left: 35px; z-index: 2000}  
#banner_sublanding #center-column div#qnavig a.dont_forget{width: 154px; height: 45px; position: absolute; top: 27px; right: 35px; z-index: 9000}
#more {background-color: #fff; width: 980px; margin: 0 auto; height: 60px;display: table; vertical-align: middle; text-align: center;}
#more h3{font-size: 21px; color: #535353; margin: 10px 0}
#more h3 a{font-size: 21px; color: #fdbc02; margin: 0 15px;}
/* //Sublanding */

.relaxed_getaways, .exclusive_deals {
	padding-bottom: 10px;;
}

.button {
	background: url(img/boton.png);
	color: white;
	font-size: 24px;
	display: block;
	margin: 0 auto;
	width: 225px;
	padding: 8px 0px;
	text-align: center;
	margin: 24px auto;
}

div.four {
	width: 209px;
	margin-left: 23px;
	float: left;
}

div.four h1 {
	font-size: 24px;
	line-height: 32px;
	color: #404040;
	margin: 12px 0px;
	text-align: left;
}

div.four:first-child {
	margin-left: 0px;
}

div.four .deal_price {
	color: #163f71;
	text-decoration: underline;
}

.mapleft {
	float: left;
	position: relative;
	left: 50px;
	padding-bottom: 80px;
}

.mapleft ul {
	width: 635px;
	height: 545px;
	list-style: none;
}

.mapleft ul.bluemap {
	background: url('maps/map_00.png') no-repeat;
	position: relative;
	padding: 0px;
	margin: 0px;
}

.mapleft ul.flags {
	position: absolute;
	top: 0px;
	left: 0px;
}

.mapleft ul.arrowscont {
	position: absolute;
	top: 0px;
	left: 0px;
}


.mapleft ul li {
	display: block;
	position: absolute;
	list-style: none;
	overflow: hidden;
	text-indent: -5000px;
}

.mapleft ul.flags li {
	width: 23px;
	height: 35px;
	background: url('maps/flag.png') no-repeat;
	display: block;
}
.mapleft ul.flags li.active a{
	
}

.mapleft ul.flags li a {
	width: 23px;
	height: 35px;
	display: block;
}

.bluemap #r01 {
	width: 134px;
	height: 163px;
	top: 308px;
	left: 112px;
}

.bluemap #r01.active, .bluemap #r01.hover
{
	background: url('maps/map_01.png') no-repeat;
}

.bluemap #r02 {
	width: 95px;
	height: 115px;
	top: 224px;
	left: 141px;
}

.bluemap #r02.active, .bluemap #r02.hover
{
	background: url('maps/map_02.png') no-repeat;
}

.bluemap #r03 {
	width: 131px;
	height: 125px;
	top: 145px;
	left: 95px;
}

.bluemap #r03.active, .bluemap #r03.hover
{
	background: url('maps/map_03.png') no-repeat;
}

.bluemap #r04 {
	width: 140px;
	height: 81px;
	top: 120px;
	left: 12px;
}

.bluemap #r04.active, .bluemap #r04.hover
{
	background: url('maps/map_04.png') no-repeat;
}

.bluemap #r05 {
	width: 106px;
	height: 90px;
	top: 74px;
	left: 124px;
}

.bluemap #r05.active, .bluemap #r05.hover
{
	background: url('maps/map_05.png') no-repeat;
}

.bluemap #r06 {
	width: 96px;
	height: 62px;
	top: 0px;
	left: 257px;
}

.bluemap #r06.active, .bluemap #r06.hover
{
	background: url('maps/map_06.png') no-repeat;
}

.bluemap #r07 {
	width: 137px;
	height: 134px;
	top: 261px;
	left: 338px;
}

.bluemap #r07.active, .bluemap #r07.hover {
	background: url('maps/map_07.png') no-repeat;
}

.bluemap #r08 {
	width: 138px;
	height: 116px;
	top: 339px;
	left: 364px;
}

.bluemap #r08.active, .bluemap #r08.hover {
	background: url('maps/map_08.png') no-repeat;
}

.bluemap #r09 {
	width: 128px;
	height: 147px;
	top: 351px;
	left: 256px;
}

.bluemap #r09.active, .bluemap #r09.hover {
	background: url('maps/map_09.png') no-repeat;
}

.bluemap #r10 {
	width: 41px;
	height: 93px;
	top: 452px;
	left: 545px;
}

.bluemap #r10.active, .bluemap #r10.hover {
	background: url('maps/map_10.png') no-repeat;
}

li.l01 {
	top: 178px;
	left: 105px;
}
li.l02 {
	top: 98px;
	left: 205px;
}
li.l03 {
	top: 398px;
	left: 115px;
}
li.l04 {
	top: 408px;
	left: 415px;
}
li.l05 {
	top: 240px;
	left: 415px;
}
li.l06 {
	top: 145px;
	left: 75px;
}
li.l07 {
	top: 365px;
	left: 120px;
}
li.l08 {
	top: 98px;
	left: 95px;
}
li.l09 {
	top: 388px;
	left: 447px;
}
li.l10 {
	top: 244px;
	left: 127px;
}
li.l11 {
	top: -26px;
	left: 247px;
}
li.l12 {
	top: 463px;
	left: 541px;
}
li.l13 {
	top: 135px;
	left: 54px;
}
li.l14 {
	top: 370px;
	left: 470px;
}
li.l15 {
	top: 98px;
	left: 120px;
}
li.l16 {
	top: 435px;
	left: 300px;
}
li.l17 {
	top: 290px;
	left: 380px;
}

.mapright {
	width: 275px;
	position:relative;
	right: 20px;
	margin-top: 0px;
	float: right;
}

.mapright li {
	line-height: 15px;;
}

.flagged {
	background: #D3D3D3;
	width: 245px;
	height: ;
	padding: 15px;
}

.flagged h2 {
	margin: 6px 0px;
	height: 25px;
}

.flagged p {
	line-height: 15px;
}

.flagged .text {
    height: 160px;
}

.flagged p.first {
    height: 80px;
}

.relaxed_getaways div {
	display: block;
	margin: 0px;
}

ul.arrowscont li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

ul.arrowscont li.active,
ul.arrowscont li.hover {
	display: block;
}

ul.arrowscont li.a01 { background: url('maps/arrow_01.png') no-repeat; }
ul.arrowscont li.a02 { background: url('maps/arrow_02.png') no-repeat; }
ul.arrowscont li.a03 { background: url('maps/arrow_03.png') no-repeat; }
ul.arrowscont li.a04 { background: url('maps/arrow_04.png') no-repeat; }
ul.arrowscont li.a05 { background: url('maps/arrow_05.png') no-repeat; }
ul.arrowscont li.a06 { background: url('maps/arrow_06.png') no-repeat; }
ul.arrowscont li.a07 { background: url('maps/arrow_07.png') no-repeat; }
ul.arrowscont li.a08 { background: url('maps/arrow_08.png') no-repeat; }
ul.arrowscont li.a09 { background: url('maps/arrow_09.png') no-repeat; }
ul.arrowscont li.a10 { background: url('maps/arrow_10.png') no-repeat; }
ul.arrowscont li.a11 { background: url('maps/arrow_11.png') no-repeat; }
ul.arrowscont li.a12 { background: url('maps/arrow_12.png') no-repeat; }
ul.arrowscont li.a13 { background: url('maps/arrow_13.png') no-repeat; }
ul.arrowscont li.a14 { background: url('maps/arrow_14.png') no-repeat; }
ul.arrowscont li.a15 { background: url('maps/arrow_15.png') no-repeat; }
ul.arrowscont li.a16 { background: url('maps/arrow_16.png') no-repeat; }
ul.arrowscont li.a17 { background: url('maps/arrow_17.png') no-repeat; }