/*

    Title:          style.css
    Author:         Gary Hodge
    Date:           09/07/07
    
    Synopsis:       site-wide style sheet
    
    Last Mod:       07/05/08 SP
    
*/

/* Correction des bug Internet Explorer */ 
* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}

#animflash1 {
	position: relative;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 450px;
	height: 153px;
	overflow: hidden;
}

#angles-anim1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px;
	height: 153px;	
	background-image: url(./img/home_angles.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 50;
}


html{
    margin-bottom: 1px;
}

html, body{
  height: 100%;
}

img{
    border:none;
}

body{
    margin: 0 auto;
    padding: 0; 
    text-align: center;
    font: normal 11pt Arial, Sans-Serif, Tahoma;
    z-index:1;
    background-color:#a0cae3;
}


body.landing{
    background-color:#a0cae3;
}

h1{
    margin: 0px;
    padding: 0px;
    font-size: 1.6em;
    line-height:1.1em;
}

h2{
    padding:0;
    color: #000;
    font-weight:bold;
    font-size: 1.3em;
    margin: 0 0 0 5px;
}

h3{
    padding:0;
    color: #000;
    font-weight:bold;
    font-size: 1.2em;
    margin: 0 0 7px 0;
}

h3.top5{
    margin-top: 5px;
}

h4{
    margin: 0 0 5px 0;
    font-size: 1.2em;
}

h5{
    margin:4px 0 4px -2px;
    padding: 0;
    font-size: 1.4em;    
}

input, select{
    border: solid 1px #777;
    background-color: #fff;
    margin-top:2px;
}

a{
    border-bottom: 1px dotted #999; 
    text-decoration: none; 
    font-weight:bold; 
    color: #006;
    line-height:150%;
}

a:link{
    border-bottom: 1px dotted #999; 
    text-decoration: none; 
    font-weight:bold; 
    color: #006; 
}

a:visited{
    border-bottom: 1px dotted #999; 
    text-decoration: none; 
    font-weight:bold; 
    color: #006;
}

a.sel{
    border-bottom: 1px dotted #999; 
    text-decoration: none; 
    font-weight:bold; 
    color: #006;
}

a:hover{
    border:none; 
    padding-bottom:1px;
}

a.noline{
   	border:none;
    padding:0px;
}

form label{
    float: left;
	padding: 2px 2px 2px 2px;
	width: 130px;
	clear: both; 
}

form label.widelabel{
    float: left;
	padding: 2px 2px 2px 2px;
	width: 280px;
	clear: both; 
}

#wrapper{
    background-color: #f5f5f5!important;
    width: 1003px;
    padding: 0;
    margin: 0 auto;
    z-index: 1;
    min-height: 100%;
    text-align: center; 
    margin: 0 auto;
}

#wrapper.landing{
    background-color: #a0cae3!important;
}

#splash{
    width:1003px;
    height:609px;
    background-color: #a0cae3;
    background:url(../images/landing.jpg) no-repeat;
}

#splash .logo{
    float:left;
    margin:27px 0 0 27px;
}

#splash .flags{
    float:left;
    margin:40px 0 0 44px;
}

#splash input{
    margin:0px 8px 0 0px;
}

#header{
    margin: 0 auto;
    padding: 0;
    width: 1003px;
    height: 115px;
    background: url(../images/header.gif) no-repeat;
    float:left;
}

#header_left{
    margin: 20px 0 0 13px;
    float: left;
}

#header_right{
    margin: 10px 15px 0 0;
    float: right;
    text-align: right;
	display:block;
}

#header_right .contact{
    margin: 40px 0 0 0;
    color: #006;
}
#DivEspacePro {
	
	width:490px;
	display:block;
	
	margin-top:4px;
	font-size:11px;
	line-height:13px;
}

#header img{
    border: 0;
}

.popup_nav{
    margin: 0;
    float: left;
    height:27px;
    width:1003px;
    margin:0px;
    background-color:#ddecf6;
    border-top:solid 1px #fff;
    border-bottom: solid 1px #8db8df;
    display: none;
    visibility: hidden;
    overflow: hidden;
}

.popup_nav ul {
    width: 1003px;
    margin:0px;
    padding:0px;
    height:27px;
}

.popup_nav li{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	text-align:left;
	padding: 4px 16px;
	float:left;
}

.popup_nav a{
    color: #333;
    font-weight: normal!important;
    color: #000!important;
    border:0;
}

.popup_nav li.pipe{
    padding: 0;
    margin: 0;
}

#secondary_nav {
    margin: 0;
    float: left;
    height:27px;
    width:983px;
    display:block;
    margin:0px;
    padding: 10px 10px 0px 10px;
    clear:both;
}

#secondary_nav a{
    font-weight: normal!important;
    color: #000!important;
    border:0;
}

#footer{
    background-color: #f5f5f5!important;
    margin: 0;
    padding: 10px 15px 0 15px;
    width: 973px;
    color: #333;
    border-top: solid 1px #777;
    float: left;
}

#footer_navigation{
    padding-right: 5px;
}

#footer_navigation img{
    padding: 0;
    margin: 0 0 0 20px;
    border: 0;
}


#footer ul{
    margin: 0;
    padding: 0;
}

#footer ul li{
	padding: 0 10px 3px 0;
	float: left;
	display: inline;
	margin: 0;
	list-style-type: none;
    height: 25px;
	overflow: hidden;
	text-align:left;
}

#footer_logos{
    margin: 0 auto;
    padding: 0;
    float:right;
    width: 220px;
}

#content{
    background-color: #f5f5f5!important;
    margin: 0 auto;
    padding: 0;
    width: 1003px;
    float: left;
    color: #000;
    line-height:120%;
    text-align: left;
}

#content_main{
    width: 973px;
    margin: 0;
    padding: 15px 15px 15px 15px;
    float: left;    
}

#content_left {
    padding: 0px;
    margin: 0 auto;
    width:718px;
    float:left;

}

#content_right{
    padding: 0px;
    margin-top:10px;
/*    margin-left:10px; */
    width: 240px;
    float:right;
}

#dutyfree_content_left{
    padding: 0px 15px 0px 0px;
    margin: 0 auto;
    width:230px;
    float:left;
}

#dutyfree_content_left h3{
    margin-bottom:8px;
}

#dutyfree_content_left .lilac_box{
    margin: 0;
    padding: 0;
    border:solid 1px #707aab;
    float:left;
    background-color:#fff;
    width: 230px;
}

#dutyfree_content_left .lilac_content{
    width: 210px ;
    padding: 10px;
    border-top:solid 1px #707aab!important;
}

#dutyfree_content_left .lilac_title{
    margin: 1px;
    padding: 4px;
    background-color: #d0d3e4;
}

.lilac_content .job{
    float: left;
    width:703px;
    padding: 0;
    margin: 15px 0 0 0;
}

#dutyfree_content_right{
    padding: 0px;
    width: 718px;
    float:right;
}

#dutyfree_content_right table{
    width:100%;
    border-left:solid 1px #436c00;
    border-right:solid 1px #436c00;
    border-bottom:solid 1px #436c00;
    float:left;
}

#dutyfree_content_right tr{
    background-color:#fff;
}

#dutyfree_content_right tr.type{
    font-weight:bold;
    background-color: #b6c29f;
}

#dutyfree_content_right tr.type td{
    border-top:0;
}

#dutyfree_content_right tr.no_red_line td{
    border-top:0;
}

#dutyfree_content_right td{
    padding:4px 10px;
    text-align:center;
    border-top:solid 1px #436c00;
}

#dutyfree_content_right .header{
    background: url(../images/dutyfree_header.jpg) top no-repeat;
    height:60px!important;
    width:718px;
    border:0;
    margin:0;
    padding:0;
    float:left;
}

#dutyfree_content_right .headertext{   
    margin:10px;
    padding:10px;
    color:#fff;
    font-size:2.9em;
    position:relative;
    float:left;
}

#dutyfree_content_right td.product{
    text-align:left;
    font-weight:bold;
}

#dutyfree_content_right td.productname{
    text-align:left;
}

#dutyfree_content_right tr.type td.product{
    text-transform: uppercase;
}

#dutyfree_content_right td.condor_price{
    color:#ff0000;
    font-weight:bold;
}

#dutyfree_content_right tr.type_padding td{
    padding-bottom:15px;
}

.carousel{
    float: left;
    margin: 20px 0 0 0;
    width: 718px;
    padding: 0px;
    background-color: #fff;
}

.carousel .types{
    float: left;
    margin: 0 auto;
    padding: 0px;
    height: 25px;
    background-color: #f5f5f5;
    width:718px;
}

.carousel .offer{
    float: left;
    border: solid 1px #a0cae3;
    width: 688px;
    padding: 15px;
    margin-top: 3px;
}
.carousel .title{
    float: left;
    width: 518px;
}

.rotator{
    float: right;
    /*width: 180px;*/
    /*border:dotted 1px green;*/
}

.image_carousel{
    float:left;
}

.image_carousel .rotator{
    width:240px;
}

.carousel .image{
    float: left;
    width: 468px;
    height: 230px;
}

.carousel .options{
    float: left;
    padding: 0 15px 0 15px;
    width: 188px;
    height: 230px;
    float: right;
}

.carousel .summary{
    height: 60px;
}

.carousel ul{
    float: left;
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-align: left;
}

.carousel li{
    float: left;
    display: inline;
    margin: 0 15px 0 0;
    width: 150px;
    text-align: center;
    height:25px;
}

.carousel li a{
    text-decoration: none;
    padding: 0px;
}

.carousel .ferry{
    border: solid 1px #36c;
    float: left;
    width: 688px;
    padding: 15px;
    margin-top: 3px;
    z-index: 1;
}
.carousel .holiday{
    border: solid 1px #96c;
    float: left;
    width: 688px;
    padding: 15px;
    margin-top: 3px;
    z-index: 1; 
}
.carousel .daytrip{
    border: solid 1px #396;
    float: left;
    width: 688px;
    padding: 15px;
    margin-top: 3px; 
}

.carousel img{
    border: 0;
}

.image_carousel .detail{
    width: 688px;
    margin: 10px 0 15px 0;
}

.image_carousel .detail_left{
    float: left;
    width: 40px;
}

.image_carousel .left_button{
    margin: 180px 0 0 15px;
    
}

.image_carousel .right_button{
    margin: 180px 0 0 0;
}

.image_carousel .image_detail{
    float: left;
    padding: 0 0 1px 0;
    width: 600px;
}

.image_carousel .detail_right{
    float:right;
    width: 40px;
}

.td_rotate{
    margin: 0;
    padding: 2px 0 0 0;
}

.cigarette_card{
    width:172px;
    height: 395px;
    text-align:center;
    border: solid 1px #aaa;
    float: left;
    margin-top: 10px;
    color:#000;
    font-weight: bold;
    background-color: #fff;
}

.cigarette_card .title{
    width: 168px;
    margin: 2px;
    height: 25px;
    background-color: #aaa;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 25px;
    color: #fff;
}

.cigarette_card .content{
    margin: 0 auto;
    text-align:center;
    border-top: solid 1px #aaa;
    height: 200px;
}

.cigarette_card h2{
    margin: 10px 0 10px 0;
    font-size:1.2em;
}

.cigarette_card .summary{
    padding:5px;
    margin: 0;
    font-weight: normal;
    height:40px;
    width: 158px;
    line-height:110%;
}

.cigarette_card .offer_cost{
    height:80px;
}

.cost{
    padding:0;
    margin: 8px 0 8px 0;
    font-weight:bold;
    font-size: 2.8em;
    color: #f00;
}

.cigarette_card .link{
    margin: 0 auto;
    text-align:center;
    width: 160px;
    height: 30px;
    padding-bottom:1px;
    margin-top:0px;
}

.cigarette_card .book{
    height:60px;
    width: 142px;
    padding: 10px 5px 0px 15px;
    margin:50px 0 0 0;
}

.cigarette_card .booking_img{
    width: 168px;
    height:280px;
}

.cigarette_card .booking img{
    margin: 13px 0 0 0;
}

.cigarette_card img{
    border: 0;
}

.cigarette_card .content img{
    width: 158px;
    height: 58px;
}

.guernesey{
    margin: 15px 0 0 0;
    padding: 0px;
    float: right;
    width: 353px;
    border: solid 1px #64a8a8;
    background-color: #fff;
}

.jersey{
    margin: 15px 0 0 0;
    padding: 0px;
    float: left;
    width: 351px;
    border: solid 1px #63b0e0;
    background-color: #fff;
}

.focus{
	background-color:#ffc;
}

.blur{
	background-color:#fff;
}

.required{
	background-color:#fdd;
}

.err{
    color: #f00;
}

.grey{
    color: #555;
}

.grey_italic{
    color: #aaa;
    font-style: italic;
}

.medium_grey_italic{
    font-size: 1.7em;
    color: #aaa;
    font-style: italic;
}

ul.no_indent li{
    margin:0px;
    padding-bottom:15px;
}

ol.ucase_alpha{
    list-style-type: upper-alpha;
}

ol.ucase_alpha li{
    margin-top: 1em;
}

ol.lcase_roman{
    list-style-type: lower-roman;
}

#content_right .ftc_blue_box{
    width:238px;
    border:solid 1px #85afe1;
    margin-bottom:15px;
    float:left;
    background-color:#fff;
}

#content_right .ftc_blue_box_title{
    font-size: 1.3em;
    margin: 1px;
    padding: 4px;
    background-color: #85afe1;
    font-weight: bold;
    color: #000;
}

#content_right .ftc_blue_box_content{
    border-top: solid 1px #85afe1;
    margin: 0 0 10px 0;
    padding: 10px!important;
}

#content_right .ftc_blue_box_content ul{
    padding: 3px 0 0 15px;
    margin: 0;
    color:#d3293f;    
}

#content_right .ftc_blue_box_content span{
    color: #000;
}

#content_right .ftc_blue_box_content .item{
    width: 100px!important;
    height: 2em;
    padding: 2px 0 2px 0;
}

#content_right .ftc_blue_box_content .blank{
    width: 50px!important;
}

#content_right .ftc_blue_box_content .price{
    width: 68px!important;
    text-align:right;
    font-weight: bold;
    vertical-align:bottom;    
}

#content_right .ftc_blue_box_content .row{
    border-bottom: 1px dotted #999;
}

#content_right .blue_box{
    width:238px;
    border:solid 1px #8bb9dc;
    margin-bottom:15px;
    float:left;
    background-color:#ecf5fa;
}

#content_right .blue_box_title{
    font-size: 1.3em;
    margin: 1px;
    padding: 4px 4px 4px 10px;
    background-color: #bcd9ed;
    font-weight: bold;
    color: #000;
}

#content_right .blue_box_content{
    border-top: solid 1px #8bb9dc;
    margin: 0 0 0px 0;
    padding: 10px!important;
}

#content_right .blue_box_offer_content{
    margin: 0 0 10px 0;
    padding: 5px;
}

#content_right .blue_box_offer_list{
    margin: 5px 0 0 0;
    line-height: 1.5em;
}

#content_right .blue_box_small_content{
    border-top: solid 1px #63b0e0;
    padding: 10px;
}

#content_right .blue_box_image{
    width:44px;
    float:left;
    margin-bottom: 10px;
}

#content_right .blue_box_text{
    width:174px;
    float:right;
    margin: 0 0 10px 0;
    padding-bottom: 1px;
}

#content_right .blue_box_rpt{
    width:238px;
    padding:0px;
    margin: 0 0 10px 0;
}

#content_right .blue_box_text_rpt{
    width:180px;
    float:left;
}

#content_right .blue_box_rpt img{
    float:left;
    margin-right: 10px;
}

#content_right .blue_box_fulltext{
    width:217px;
    float:right;
    margin: 0 0 10px 0;
    padding-bottom:1px;
}

#content_right .green_box{
    width:238px;
    border:solid 1px #64a8a8;
    margin-bottom:15px;
    float:left;
    background-color:#e5efef;
}

#content_right .spacer{
	height:37px;
}

#content_right .green_box_title{
    font-size: 1.3em;
    margin: 1px;
    padding: 4px 4px 4px 10px;
    background-color: #a0cfcf;
    font-weight: bold;
    color: #000;
}

#content_right .green_box_content{
    border-top: solid 1px #64a8a8;
    padding: 10px!important;
}

#content_right .purple_box{
    width:238px;
    border:solid 1px #9a9ac5;
    margin-bottom:15px;
    float:left;
    background-color:#fff;
}

#content_right .purple_box_title{
    font-size: 1.3em;
    margin: 1px;
    padding: 4px 4px 4px 10px;
    background-color: #c6c6e0;
    font-weight: bold;
    color: #000;
}

#content_right .purple_box_image{
    width:44px;
    float:left;
    margin-bottom: 10px;
}

#content_right .purple_box_content{
    border-top: solid 1px #9a9ac5;
    padding: 10px!important;
    background-color:#ebebf1;
}

#content_right .yellow_box{
    width:238px;
    border:solid 1px #ffa329;
    margin-bottom:15px;
    float:left;
    background-color:#fff;
}

#content_right .yellow_box_title{
    font-size: 1.3em;
    margin: 1px;
    padding: 4px 0px 4px 10px;
    background-color: #fc6;
    font-weight: bold;
    color: #000;
}

#content_right .yellow_box_content{
    border-top: solid 1px #ffa329;
    padding: 10px!important;
    background-color:#f8efdc;
    font-size: 0.95em;
    line-height:1.2em;
}

#content_right .yellow_box_rpt{
    width:218px;
    padding:3px 0px;
    display:table;
}

#content_right .yellow_box_text_rpt{
    width:180px;
    float:left;
    font-size:0.9em;
}

#content_right .yellow_box_rpt img{
    float:left;
    margin-right: 0px;
}

#content_right .red_block{
		width:240px;
		height:151px;
    background-color:#fff;
		margin: 0 0 15px 0;
}


#content_right .img_border {
    border:solid 1px #ccc;
    padding:4px;
    text-align:left;
    width:240px;
    background-color: #fff;
}

#content_right .italic {
    font-style:italic;
    font-size: 0.8em;
    margin: 0 0 10px 0;
}

#content_right .content_block{
    float: left;
    padding: 10px 0 10px 0;
    margin: 0 auto;
}

#content_right .right{
    padding: 0 15px 10px 0;
    margin: 5px 0 0 0;
    float: right;
}

#content_left .lilac_box{
    margin:10px 0 0 0;
    padding: 0 0 10px 0;
    border:solid 1px #707aab;
    float:left;
    background-color:#fff;
    width: 717px !important;
    width: 707px;
}


#content .droit{
    margin:0px 0 0 0;
    padding: 0 0 0px 0;
    border:solid 1px red;
    float:right;
    background-color:green;
    width: 244px;
}

#content_left .booking_box{
    margin:10px 0 0 0;
    padding:0 0 10px 0;
    border-top:solid 1px #707aab;
    border-left:solid 1px #707aab;
    border-right:solid 1px #707aab;
    float:left;
    background-color:#fff;
    width: 717px;
}

#content_left .booking_box_bottom{
    margin: 0;
    padding: 0;
    border-left:solid 1px #707aab;
    border-right:solid 1px #707aab;
    border-bottom:solid 1px #707aab;
    float:left;
    background-color:#fff;
    width: 717px;    
}

#content_left .lilac_box_3{
    margin: 10px 14px 0 0;
    padding:0px;
    border:solid 1px #707aab;
    float:left;
    background-color:#fff;
    width: 228px;
}

#content_left .lilac_box_3_end{
    margin: 10px 0 0 0!important;
    float:right!important;
}

#content_left .lilac_box_left{
    float: left;
    width: 352px;
}

#content_left .lilac_box_right{
    float: right;
    width: 352px;
}

#content_left .yellow_box{
    margin:10px 0 0 0;
    padding: 0;
    border:solid 1px #ff9900;
    float:left;
    background-color:#fff;
    width: 717px;
}

#content_left .yellow_title{
    margin: 1px;
    padding: 4px;
    background-color: #fc6;
}

#content_left .yellow_content{
    width: 698px ;
    padding: 10px;
    border-top:solid 1px #ff9900!important;
}

.yellow_content .yellow{
    color:#ff9933;
}

#content_left .contact_box{
    height: 150px;
}

#content_left .lilac_title{
    margin: 1px;
    padding: 4px;
    background-color: #d0d3e4;
}

#content_left .lilac_content{
    width: 698px !important;
    width: 705px ;
    padding: 10px;
    border-top:solid 1px #707aab!important;
    float:left;
}

#content_left .lilac_content_img{
    float: left;
}

#content_left .lilac_text_right{
    float:right;
    width: 500px;
}

#content_left .lilac_content_2col{
    width: 333px;
    padding: 10px;
    border-top:solid 1px #707aab!important;
}

#content_left .lilac_content_3col{
    width: 212px;
    padding: 8px;
    border-top:solid 1px #707aab!important;
}

#content_left .lilac_content_2col li{
    margin:0px;
    padding-bottom:15px;
}

#content_left .journeytimes td{
    border-bottom:solid 1px #627ab1;
    width:180px;
    padding:5px;
}

#content_left .lilac_block{
    margin: 0 auto;
    padding: 15px 0 15px 0;
    float: left;
}

#content_left .lilac_block img{
    float: left;
    margin: 0 0 0 15px;
}

#content_left .lilac_block_text{
    width: 478px;
    float:left;
    margin-left:10px;
}

#content_left .lilac_block_text_wide{
    width: 628px;
    float:right;
}

#content_left .img_left{
    margin: 0;
    float:left;
}

#dutyfree_content_right .red_box_3{
    margin: 14px 14px 0 0px ;
    padding: 0px;
    border:solid 1px #436C00;
    float:left;
    background-color:#fff;
    width: 228px;
    height:100%;
    text-align:center;
}

#dutyfree_content_right .image_top{
    background: url(../images/dutyfree_top.gif) top no-repeat;
    padding: 50px 0 0 0;
    background-color:#fff;
}


#dutyfree_content_right .image_bottom{
    background: url(../images/dutyfree_bottom.gif) bottom no-repeat;
    padding: 0 0 50px 0;
    background-color:#fff;
}

#dutyfree_content_right .red_box_3_end{
    margin: 14px 0 0 0!important;
    float:right!important;
}

.logos{
    float:left;
    padding:10px;
}

.logos .image{
    width:300px;
    margin-right:40px;
    float:left;
}

.logos .copy{
    float:left;
    padding-bottom:1px;
}

.red_box_3 .dutyfree_item{
    padding:10px;
    text-align:left;
}

.dutyfree_item .title{
    font-size: 1.2em;
}

.red_box_3 .dutyfree_view{
    padding-bottom:10px;
    text-align:center;
    clear:both;
}

.red_box_3 p.cost{
    padding:0;
    font-weight:bold;
    font-size: 2.1em;
    color: #f00;
    line-height:1.1em;
}

.img_right{
    float:right;
    text-align:left;
    margin: 0 0 15px 15px!important;
}

.img_left{
    float:left;
    text-align:left;
    margin: 0 15px 15px 0!important;
}

#content_left .block_text{
    margin: 0 0px 0 10px;
    float:right;
    width: 593px;
}

#content_left .block_text_auto{
    padding-bottom:1px;
    margin: 0 10px 0 10px;
    float:right;
    width: 528px;
}

#content_left .blue_text_sml{
    width: 521px;
}

.lilac_content .block{
    float: left;
    margin: 0 0 15px 0;
    padding: 0;
}

p{
    margin:8px 0px;
}

.terminal p{
    margin:8px 0px;
}

.lilac_content .wide_block{
    float: left;
    margin: 0px 0 15px 10px;
}

#divFind input{
    margin-bottom:5px;
}

#divFind select{
    margin-bottom:5px;
}

.lilac_content input{
    margin-bottom:5px;
}

.lilac_content input.frmText{
    width:180px;
}

.lilac_content textarea{
    width:400px;
    height:100px;
}

.lilac_content select{
    margin-bottom:5px;
}

.lilac_content input[type='checkbox']{
    border:none;
}

#offer_description{
    width: 468px!important;
    float: left;
}

#offer_options{
    margin: 36px 0 0 15px;
    padding: 0px;
    width: 208px!important;
    float: left!important;
}

#offer_options .offer_box{
    border: solid 1px #ccc;
    margin: 0 0 15px 0;
}

#offer_options .offer_box_title{
    font-size: 1.2em;
    margin: 1px;
    padding: 4px;
    font-weight: bold;
    background-color: #ddd;
    color: #fff;
}

#offer_options .offer_box_content{
    padding: 10px;
    border-top: solid 1px #ccc;
    line-height: 0.9em;
}

#offer_options .holiday_book{
    border: solid 1px #96c;
    margin: 0 0 15px 0;
}

#offer_options .holiday_book_title{
    font-size: 1.2em;
    margin: 1px;
    padding: 4px;
    font-weight: bold;
    background-color: #96c;
    color: #fff;     
}

#offer_options .holday_book_content{
    padding: 10px;
    border-top: solid 1px #96c;
    text-align:center;
}

#offer_options .offer_book{
    padding: 10px;
    border: solid 1px #f00;
    text-align:center;
    margin: 0 0 15px 0;
}

#offer_options .send_box{
    padding: 10px;
    text-align: center;
}

.options .book{
    height:70px;
    width: 162px;
    padding: 15px 5px 0 5px;
}

.alert_box{
    width:238px;
    border:solid 1px #f00;
    margin-bottom:15px;
    float:left;
    background-color:#fff;
}

.alert_box_title{
    font-size: 1.3em;
    margin: 1px;
    padding: 4px 4px 4px 10px;
    background-color: #f9c2c2;
    font-weight: bold;
    color: #000;    
}

.alert_box_content{
    border-top: solid 1px #f00;
    margin: 0 0 0px 0;
    padding: 10px;
    background-color:#fff;    
}

.alert_box_content img{
    float: left;
}

.alert_box_text{
    width:164px;
    float:right;
    margin: 0 10px 10px 0;
}


.df_alert_box{
    margin-top:15px;
    width:230px;
    border:solid 1px #f00;
    margin-bottom:15px;
    float:left;
    background-color:#fff;
}

#content_left .terminal{
    margin: 20px 0 0 0;
    padding: 10px;
    width: 698px;
    border: solid 1px #999;
    float: left;
    background-color: #fff;
}

#content_left .terminal_content{
    padding-bottom: 1px;
}

#content_left .terminal p{
    margin: 0px;
}

#content_left .terminal h3{
    margin: 0px;
}

#content_left .terminal img{
    float: left;
    margin: 0px;
}

#content_left .terminal_content{
    width: 488px;
    float:right;
}

#content_left .content_block{
    margin: 10px 0 10px 0;
    width: 718px;
    float:left
}

#content_right .incident_box{
    width:238px;
    border:solid 1px #f00;
    margin-bottom:15px;
    float:left;
    background-color:#fff;
}

#content_right .incident_title{
    font-size: 1.3em;
    margin: 1px;
    padding: 4px 0 4px 0;
    background-color: #d3293f;
    font-weight: bold;
    color: #fff;     
}

#content_right .incident_content{
    border-top: solid 1px #d3293f;
    margin: 0;
    padding: 10px;
    background-color:#fff;    
}

.update_description{
    margin: 10px 0 20px 0;
}

#content_right .update_box{
    width:238px;
    border:solid 1px #ffbc01;
    margin-bottom:15px;
    float:left;
    background-color:#fff;
}

#content_right .update_title{
    font-size: 1.3em;
    margin: 1px;
    padding: 4px 4px 4px 30px;
    background: #fff6a1 url(../images/alert.gif) top left no-repeat;
    font-weight: bold;
    color: #000;     
}

#content_right .update_content{
    border-top: solid 1px #ffbc01;
    margin: 0;
    padding: 10px;
    background-color:#fff;    
}

.incident_box{
    width:230px;
    border:solid 1px #f00;
    margin-bottom:15px;
    float:left;
    background-color:#fff;
}

.incident_title{
    font-size: 1.3em;
    margin: 1px;
    padding: 4px;
    background-color: #d3293f;
    font-weight: bold;
    color: #fff;      
}

.incident_content{
    border-top: solid 1px #d3293f;
    margin: 0;
    padding: 10px;
    background-color:#fff;   
}

.update_item{
    padding: 0;
    margin: 20px 0 0 0;
}

.ftclogin_box{
    width:238px;
    border:solid 1px #d3293f!important;
    margin-bottom:15px;
    float:left;
    background-color:#fff;
}

.ftc_login_full{
    width: 718px!important;
    margin-top: 20px!important;
}

.ftclogin_title{
    font-size: 1.3em;
    margin: 1px;
    padding: 4px;
    background-color: #e39ba4;
    font-weight: bold;
    color: #000;     
}

.ftclogin_content{
    border-top: solid 1px #d3293f;
    margin: 0;
    padding: 10px;
    background-color:#fff;    
}

.ftclogin_content_img{
    text-align: center;
    margin: 0 0 10px 0;
}

#content_left .box_content_left{
    margin: 0 auto;
    padding: 0px 0px 1px 0px;
    float: left;
    width: 340px;
}

#content_left .box_content_right{
    margin: 0 auto;
    padding: 0px 0px 1px 0px;
    float: right!important;
    width: 341px;
}

#content_left .box_content_3left{
    margin: 0 15px 0 0;
    padding: 0px 0px 1px 0px;
    float: left;
    width: 220px;
}

#content_left .box_content_3center{
    margin: 0 17px 0 0;
    padding: 0px 0px 1px 0px;
    float: left;
    width: 220px;
}

#content_left .box_content_3right{
    margin: 0 auto;
    padding: 0px 0px 1px 0px;
    float: left;
    width: 220px;
}

#timetable{
    padding:10px 0 10px 0;
    margin: 0;
    float: left;
    width: 978px;
}

#timetable table.out{
    border-left:solid 1px #627ab1;
    border-top:solid 1px #627ab1;
    width: 978px;
}

#timetable table.in{
    border-left:solid 1px #ff6633;
    border-top:solid 1px #ff6633;
    width: 978px;
}

#timetable td.out{
    border-right:solid 1px #627ab1;
    font-size:0.9em;
    border-bottom:solid 1px #627ab1;
    vertical-align:top;
    text-align:center;
    line-height:1.2em;
    padding:3px 1px;
}

#timetable td.in{
    border-right:solid 1px #ff6633;
    font-size:0.9em;
    border-bottom:solid 1px #ff6633;
    vertical-align:top;
    text-align:center;
    line-height:1.2em;
    padding:3px 1px;
}

#timetable td.titleout{
    font-size:1.2em;
    background-color:#cdd4e3;
    font-weight:bold;
    text-align:left;
    padding:5px;
}

#timetable td.titlein{
    font-size:1.2em;
    background-color:#ffbba4;
    font-weight:bold;
    text-align:left;
    padding:5px;
}

#timetable .subtitle{
    font-size:0.7em;
    font-weight:normal;
}

#timetable .dateinfo{
    font-weight:bold;
}

#timetable tr.outrow{
    background-color:#ebedf4;
}

#timetable tr.inrow{
    background-color:#fcd9ce;
}

#timetable .row:hover{
    background-color: #ffc!important;
}

#timetable .show{
    margin-bottom:25px;
}

.blue_title{
    background-color: #dbebf6;
    padding: 5px 15px 5px 0px;
    margin: 1px;
    color: #000;
    font-weight: bold;
}
.green_title{
    background-color: #a0cfcf;
    padding: 5px 15px 5px 0px;
    margin: 1px;
    color: #000;
    font-weight: bold;
}

#distance{
    width:100%;
}

#distance td.destination{
    border-top:solid 1px #8bb9dc;
    text-align:left;
}

#distance td.time{
    border-top:solid 1px #8bb9dc;
    text-align:right;
    font-weight:bold;
}



.blue_content{
    border-top: 1px solid #63b0e0;
}
.green_content{
    border-top: 1px solid #64a8a8;
}

.ferry_on{
    background: url(../images/tab_ferry_on.gif) no-repeat;
}
.ferry_off{
    background: url(../images/tab_ferry_off.gif) no-repeat;
}

.holiday_on{
    background: url(../images/tab_holiday_on.gif) no-repeat;
}
.holiday_off{
    background: url(../images/tab_holiday_off.gif) no-repeat;
}
.daytrip_on{
    background: url(../images/tab_daytrip_on.gif) no-repeat;
}

.daytrip_off{
    background: url(../images/tab_daytrip_off.gif) no-repeat;
}

.text_red{
    color: #f00;
    margin-bottom: 5px;
}

#lead_block{
    width:718px;
    float:left;
}

#lead_block img{
    float: left;
}

#hotlines td.country{
    width:40%;
}

#hotlines td.phone{
    width:60%;

}

.lead_copy{
    float:right;
    width:445px;
}

.hide{
    display: none;
    visibility:hidden;
}

.show{
    display: block;
    visibility: visible;
}

.margin{
    margin: 0 0 30px 0!important;
}

.bold{
    font-weight: bold;
}

.bold_red{
    color: #f00;
    font-weight: bold;
}


.bold_large{
    font-weight: bold;
    font-size: 1.3em;
}

.offer_br{
    line-height: 0.9em;
}

.shipspec {
    float:right; 
    width:280px;
    margin-left:10px;
}

.shipspec table{
    border-top:solid 1px #627ab1; 
    border-right:solid 1px #627ab1; 
    border-left:solid 1px #627ab1; 
    border-top:solid 1px #627ab1; 
    width:280px;
}

.shipspec td.title{
    font-size:1.1em;
    background-color:#cdd4e3;
    font-weight:bold;
    border-bottom:solid 0px #fff;
}

.shipspec td{
    font-size:0.9em;
    border-bottom:solid 1px #627ab1;
    padding:2px;
}

.image_left {
    float:left; 
    text-align:left; 
    margin:0px 20px 0px 0px;
    padding-right:10px;
}

.image_right{
    float:right; 
    text-align:left; 
    margin:0px 15px 0px 15px;
    padding-left:10px;
}

.image_right img{
    padding: 4px;
    border:solid 1px #ccc; 
}

.image_left img{
    padding: 4px;
    border:solid 1px #ccc; 
}

.image_text{
    font-size:0.8em;
    font-style:italic;
    margin:0px;
}

.four_row{
    width:24%; 
    float:left; 
    padding: 0px 7px 15px 0px;    
}

.lilac_content ul{
    margin: 0px 0px 0px 25px;
    padding: 0px;
}

.lilac_content_2col ul{
    margin: 0px 0px 0px 25px;
    padding: 0px;
}

.lilac_content_2col li{
    
}

p.intro{
    margin-bottom:20px;
}

.onpage_content{
    margin: 00;
    padding: 10px 10px 10px 10px;
    float:left;
}

.onpage_content .image{
    border:solid 1px #ccc;
    padding:4px;
    background-color: #fff;    
    float: left;
}

.onpage_content .content{
    padding: 0 0 1px 0;
    margin: 0 0 22px 10px;
    float:right;
    width: 250px;
    height: 90px;
}

.onpage_choice{
    width: 250px;
}

.opt_left{
    float: left;
    width: 216px;
}

.opt_right{
    float:right;
    width: 216px;
}

.option_image{
    float: left;
    width: 55px;
    padding:0;
}

.option_text{
    height: 35px;
    padding: 0 0 1px 0px;
}

.des_image{
    padding: 0 0 0 5px;
    float: right;
}

.des_text{
    margin: 10px 0 0 5px;
    padding:0 0 2px 0;
}

.option_content{
    height: 35px;
    width:187px;
    margin: 0 0 5px 8px;
    padding: 5px;
    border: solid 1px #fff;
}

.option_content_over{
    height: 35px;
    width:187px;
    margin: 0 0 5px 9px;
    padding: 5px;
    background: #fff8e1;
    border-top: solid 1px #fda;
    border-bottom: solid 1px #fda;
}

.onpage_content .des_content{
    float:left;
    padding: 0;
    margin: 0;
    width: 335px;
    height: 73px;
}

.d_opt{
    margin: 0 1px 5px 3px;
    border: solid 1px #fff;
    padding: 4px 3px 0 5px;
}

.d_opt_over{
    margin: 0 1px 5px 3px;
    background: #fff8e1;
    border-bottom: solid 1px #fda;
    border-top: solid 1px #fda;
    padding: 4px 3px 0 6px;
}

.item_on{
    background: #fff8e1;
    border-bottom: solid 1px #fda;
    border-top: solid 1px #fda;

}

.d_option_image{
    float: left;
    width: 45px;
    padding:0 0 0 0;
}

.opt_left_dest{
    float: left;
    width: 133px;
    margin: 20px 0 10px 1px;
}

.opt_right_dest{
    float:right;
    width: 133px;
    margin: 20px 1px 10px 0;
}

.des{
    width:245px;
    padding: 0;
    margin: 0;
    float:left;
}

.lilac_text_right .subtitle{
    padding-left:55px!important;
    font-weight: bold;
}

.nav_left{
    float: left;
    text-align: left;
    padding: 0 0 15px 15px;
    width: 340px;
}

.nav_right{
    float: right;
    text-align: right;
    padding: 0 15px 15px 0;
    width: 340px;
}

.booking_form h3{
    margin:10px 0px 5px 2px;
}

hr.form_break{
    color: #ddd;
    background-color: #ddd;
    height: 2px;

}

.mapspacer{
    margin:10px;
}

.float_left{
     float:left;
}

.groupform{
    margin: 0;
    padding: 0;
    float: left;
}

#left_column{
    padding:0;
    margin: 15px 30px 0 0;
    float:left!important;
    width: 207px;
}

#middle_column{
    padding:0;
    margin:15px 30px 0 0;
    float:left!important;
    width: 207px;
}

#right_column{
    padding:0;
    float:right!important;
    width: 207px;
    margin: 15px 30px 0 0;
}

.pc_next{
    margin-left:170px;
}

.sitemap_box{
    width:207px;
    margin: 0 0 20px 0;
}

.sitemap_box_title_box{
    border: solid 1px #707aab;
}

.sitemap_box_title{
    margin:1px;
    background-color: #d0d3e4;
    padding: 2px;
}

.sitemap_box_content{
    padding: 10px 0 0 0;
    line-height: 1.8em!important;
}

#sitemap_right{
    margin: 28px 0 0 0;
}

.booking_form img{
    padding:10px 0 15px 0;
}

p.small{
    font-size:0.9em;
}

.warning{
    background-color: #ffb;
    border:solid 1px #ccc;
    padding: 15px;
    margin: 0 0 15px 0;
}

.warning_head .img{
    width: 35px;
    float: left;
}

.warning_head .title{
    font-size: 1.3em;
    font-weight: bold;
    width: 100px;
    float: left;
    padding: 12px 0 0 0;
}

.warning .body{
    padding: 10px 0 0px 0;
    float:left;
    width: 100%;
}

.warning .body_list{
    color: #f00;
}

.warn{
    background-color: #f00;
}

.ack{
    margin: 0;
    padding: 0;
    width:718px;
}

.ack h2{
    margin: 0 0 10px 0;
}

.form_label{

}

.europcar{
    margin-bottom:5px;
}

.modal_title{
    text-align:right;
    margin-bottom: 10px;
}

.modal_label{
    margin: 0 0 30px 23px;
    font-weight: bold;
}

.modal_row{
    padding:0;
    margin: 0 0 10px 10px;
    height: 26px!important;
}

.modal_row_img{
    float: left;
    width: 50px;
    margin: 0 0 0 10px;
}

.modal_row_text{
    padding-top: 3px;
}

.modal_static{
    height: 465px!important;
}

.model_flags{
    margin: 80px 0 0 330px!important;
    border: solid 2px #4d4d4d;
    background-color: #fff;
    width: 245px;
    padding: 20px;
}

.port_label{
    font-weight: bold;
    width: 100px;
    height: 30px;
    border-bottom: solid 1px #ddd;
}

.port{
    font-weight: normal;
    width: 120px;
    border-bottom: solid 1px #ddd;
}

.time_label{
    font-weight: bold;
    width: 195px;
    border-bottom: solid 1px #ddd;
}

.time_label_red{
    font-weight: bold;
    width: 150px;
    color: #f00;
    border-bottom: solid 1px #ddd;
}

.time{
    width: 80px;
    border-bottom: solid 1px #ddd;
}

.time_red{
    width: 40px;
    font-weight: bold;
    color: #f00;
    border-bottom: solid 1px #ddd;
}

.update_dates{
    color: #888;
    margin-bottom:10px;
}

.last_updated{
    font-style: italic;
    color: #777;
    font-size: 0.8em;
}

.update_break{
    line-height: 20px;
}

#routes_links{
    float: left;
    display:inline;
    width:973px;
    margin-left: 15px;
    margin-bottom: 15px;
    padding: 0;
    border:solid 1px #707aab;
    background-color:#fff;
}

#routes_links .lilac_content{
    width: 953px;
    padding: 10px 10px 0 10px;
    border-top:solid 1px #707aab!important;
}

#routes_links .lilac_title{
    margin: 1px;
    padding: 4px;
    background-color: #d0d3e4;
}

#routes_links .links{
    float: left;
    display:inline;
    width: 310px;
    padding-right:10px;
    padding-bottom:10px;
    line-height: 2em;
}

#routes_links .end{
    padding-right:0px;
}

#content_left .route_terminal{
    margin: 0 0 15px 0;
    width: 693px;
    float: left;
    background-color: #fff;
}

#content_left .route_terminal img{
    float: left;
    margin: 0px;
}

#flash{
    margin-top:15px;
}

p.also{
    line-height:3em;
}

.routes_blue{   
    font-weight:bold; 
    color: #006; 
}

.routes_go{
    vertical-align:top!important;
}



button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0; 
    padding: 1px 0 0 0; 
    font-weight: bold;
    font-size: 9pt;
    white-space:nowrap; 
    text-align:center; 
    vertical-align:top; 
    cursor:pointer; 
    border:0; 
    background:none; 
}
span.vert { 
    position:relative; 
    float:left; 
    padding:0 0 0 9px;        /* Largeur du côté gauche */ 
    vertical-align:middle; 
    background:url(../images/btn_vert_gauche.gif) left top no-repeat; 
}
button.bouton span.vert span.vert { 
    padding:0 9px 0 0;        /* Largeur du côté droit */ 
    background:url(../images/btn_vert_droit.gif) right top no-repeat; 
}
button.bouton span.vert span.vert span.vert { 
    height:17px;        /* Hauteur du bouton */ 
    padding:0; 
    line-height:1.3;    /* Alignement vertical du texte */ 
    background:url(../images/btn_vert.gif) left top repeat-x;
}

button.bouton span.btn_hotel,
button.bouton span.btn_ferry,
button.bouton span.btn_bon,
button.bouton span.btn_hotel_selected,
button.bouton span.btn_ferry_selected,
button.bouton span.btn_bon_selected { 
    position:relative; 
    float:left; 
    height:28px;
    line-height:27px;
    
    color:#ffffff;
    font-size:13px;
    text-align:center;
    
    z-index:10;
    display:block;
}
button.bouton span.btn_hotel
{ 
    width:166px;
    background:url(../images/btn_onglet_bleu.gif) left top no-repeat; 
}
button.bouton span.btn_hotel_selected
{ 
    width:166px;
    background:url(../images/btn_onglet_bleu_selected.gif) left top no-repeat; 
}


button.bouton span.btn_ferry { 
    width:108px;
    background:url(../images/btn_onglet_violet.gif) left top no-repeat; 
}
button.bouton span.btn_ferry_selected { 
    width:108px;
    background:url(../images/btn_onglet_violet_selected.gif) left top no-repeat; 
}


button.bouton span.btn_bon { 
    width:159px;
    background:url(../images/btn_onglet_vert.gif) left top no-repeat; 
}
button.bouton span.btn_bon_selected { 
    width:159px;
    background:url(../images/btn_onglet_vert_selected.gif) left top no-repeat; 
}



.gras_soulign {
	font-weight: bold;
	text-decoration: underline;
}

.montant {
	color: #000;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 18px;
}
.montant strong {
	color: #FF0101;
	font-size: 20px;
}


#defile { 
	position:absolute;
}

a.a_info_traffic
{
    width: 290px;
    height: 26px;
    line-height: 26px;
    display: block;
    vertical-align: middle;
    color: #FF0000;
    font-size: 13px;
    font-style: italic;
}

#cadre_defil {
	position:relative; 
    float: left;
	visibility:hidden;
	width:150px; 
	height:24px; 
	overflow:hidden;

    margin-left:140px;
}



.resa_agence
{
    position:absolute;
    top:94px;
    left:50%;
    margin-left:22px;
    height:25px;
    display:block;
    overflow:hidden;
}

.resa_agence select
{
    font-family:Arial;
    font-size:11px;
    border:solid 1px gray;
}

a.btn_medium_rouge,
input.btn_medium_rouge,
input.btn_medium_bleu,
a.btn_medium_bleu
{
    width: 182px;
    height: 19px;
    line-height: 19px;
    vertical-align:middle;
    text-align:center;
    display: block;

    background:url('/GLOBAL/css/img/bt_bleu_medium.gif') left top no-repeat; 
    border:0;
    
    color:White;
}

a.btn_medium_rouge,
input.btn_medium_rouge
{
    background:url('/GLOBAL/css/img/bt_rouge_medium.gif') left top no-repeat; 

}





.inputDate
{
    width:75px;
	border:solid 1px #626262;
}

div.suivicommande
{
    width:900px;
    display:block;
    text-align:center;
    margin:7px;
    
}

span.suivicommande,
span.selected
{
    font-family:arial;
    font-size:13px;
    padding-top:5px;
    padding-top:5px;
    color:gray;
}

span.selected
{
    color:Black;
}

.cartouche-sejour
{
    position:relative;
    background:url('/GLOBAL/images/cartouche_sejour.png') left top no-repeat; 
    width:238px;
    height:250px !important;
    height:365px;
    display:block;
    padding-top:120px;
    margin-bottom:13px;
}

#rechercheSejour {
    position:relative;
    margin-left:14px;
    font-size:10px;
    display:block;
}

#rechercheSejour td,
#rechercheSejour select
{
    font-size:12px;
    color:Black;
    height:20px;
    line-height:20px;
}

#rechercheSejour .bouton {
    background:url('/GLOBAL/images/btnRechercher.png') left top no-repeat; 
    width:150px;
    height:34px;
    display:block;
    color:#3878CC;
    font-size:22px;
    border:none;
    margin-top:5px;
}

.cartouche-traversee {
    display:block;
    width:238px;
}
.cartouche-traversee img,
.cartouche-traversee a {
    border:0;
    margin:0;
    padding:0;
    margin-bottom:-2px !important;
    margin-bottom:-3px;
	line-height:100%;
}

.ej_commentaire {
    float:right;
    width:350px;
    display:block;
    
    
}

.ejc_gauche {
    float:left;
    width:150px !important;
    width:160px;
    padding:5px;
    
    display:block;

    background-color:#D0D3E4;
}
.ejc_gauche table {
    border-collapse:collapse;
    width:100%;
}


.ejc_gauche table td,
.ejc_gauche table tr
{
    padding:0;
    margin:0;
    height:10px;
    line-height:17px !important;
}
.ejc_droit {
    float:left;
    width:180px !important;
    width:190px;
    padding:5px;

    display:block;
    
    background-color:#3878CC;
    color:White;
    text-align:center;
}

.ejc_gauche,
.ejc_droit {
    height:150px !important;
    height:160px;
}

.ejc_bas {
    float:left;
    width:338px !important;
    width:348px;
    display:block;
    border:solid 1px black;
    margin-top:7px;
    padding:5px;
}