a{
	color : #0f72d5;
}
.colA {
    float: left;
    width: 750px;
    margin: 0;
    padding: 0;
}
.FP3 .colA{
    display: none;
}
.FicheProduitBi .FP3 .colA{
    display: block;
}
.colB {
    float: right;
    width: 200px;
    margin : 0;
}

.colB #advPub img {
    width: 202px;
    height: auto;
}
.row {
    float: left;
    width: auto;
    margin-top: 10px;
    margin: 0 !important;
    +margin: 0;
}

#encartAvion{
    float:right !important;
    margin: 0 -3px;
}

/*the important tags override the functionality declared in pods-infos.css*/

#encartAvion span.block-title{
    font-size: 18px !important;
    margin: 5px 10px 0 !important;
}

#encartAvion .bloc {
    font-size: 17px !important;
    margin: 20px 0 0 12px !important;
}

#encartAvion .bloc p{
    width: 128px !important;
    bottom: -41px !important;
}

#encartAvion .bloc p .tel{
    font-size:16px !important;
    width: 121px !important;
}

body#es #encartAvion .bloc p .tel{
    font-size:12px !important;
    width: 140px !important;
}

#infosVillesDestination{
    float: left !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 203px !important;
}

.FP3 #infosDestination .content,
.FP3 #croisieresAssoc,
.FP3 #encartTelephone,
.FP3 .mentionsPhotos {
    border: 1px #cbcbcb solid;
    float: left !important;
    padding : 10px !important;
    width: 178px !important;
    background: #fff;
    margin-bottom : 10px !important;
}
#infosVillesDestination h2.btitle,
#infosVillesDestination .intro,
#infosVillesDestination ul.villes{
	color : #000 !important;
	margin : 0 !important;
	padding : 0 0 10px 0!important;
}
#infosVillesDestination h2.btitle{
	color : #0F72D5 !important;
    font-size: 18px !important;
}
#infosVillesDestination ul.villes li a{
	color : #000 !important;
}
.FP3 #croisieresAssoc {
	background-color: #deedff !important;
}
.FP3 #infosDestination .content {
    background: none repeat scroll 0 0 #137feb;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0;
    padding: 0;
    width: 100%;
}

.FP3 #infosArmateur .content,
#infosArmateur .content {
    background-image: none !important;
    margin: 0;
    padding: 10px;
    position: relative;
    width: 178px;
}

.FP3 #infosArmateur span .img-holder-span {
    background-color: #033388;
    margin: 0;
    width: 100%;
}

.FP3 #infosDestination .content p {
    margin: 0;
    padding: 0;
}

.FP3 #infosArmateur .boxInfo {
    background-image: none;
    margin-top: 1px;
    width: 100%;
}
.FP3 #infosVillesDestination ul.villes {
    float:  left;
}
.FP3 #infosVillesDestination .intro {
    font-size: 11px !important;
}
#infosVillesDestination ul.villes{
    width: 170px !important;
}

#infosDestination, #infosArmateur  {
    width:203px !important;
}

#infosDestination .linklire{
    font-size: 14px!important;
}

.FP3 #infosDestination .linklire,
.FP3 #infosArmateur .content p .linklire,
#infosArmateur .content p .linklire {
    background: none repeat scroll 0 0 transparent;
    font-size: 13px !important;
    font-weight: normal;
    line-height: 22px;
    padding-bottom: 2px;
    padding-left: 5px;
    color : #39f;
}

#infosArmateur .content p .linklire{
    font-size: 13px !important;
}

#infosArmateur .content p{
    width: 188px!important;
}

#croisieresAssoc{
    width:203px!important;
}

.FP3 #croisieresAssoc > ul {
    margin-left: 8px;
}

#croisieresAssoc h2 {
    font-size:18px!important;
    margin: 10px 0 0 12px !important;
}

#croisieresAssoc ul{
    width: 178px !important;
    padding: 0 0 0 3px !important;
    width: 190px !important;

}

#croisieresAssoc li a{
    padding: 0 0 0 10px !important;
    width: 190px !important;
}

#assoc-more-less-cont {
    width:190px !important;
}


#es #encartAvion .bloc p {
    bottom: -33px !important;
}


#de .sejlistColumnB #encartTelephone .bloc .text{
    font-size:12px;
}

#de .sejlistColumnB #encartTelephone .bloc p.tel {
    margin:13px 0 5px;
    font-size:17px;
}

#de .sejlistColumnB #encartAvion .bloc p .tel {
    font-size: 11px;
}

#de .sejlistColumnB #encartAvion .bloc {
    font-size: 12px;
}

#de .sejlistColumnB #encartAvion span.block-title {
    font-size: 11px !important;
}

#de #FP_recapitulatif .tarif .avion {
    text-align:center;
    width:100px !important;
    background:url("/static/images/sprites/icons-sprite.png") no-repeat scroll 17px -1326px transparent;
}

h2, h4 {
    margin-left: 10px;
}
.noteinfo {
    color: #999;
    font-size: 11px;
}
/*bloc reservation : ref.produit + infos + boutons  */

#topReservation .boutons, #topReservation{
    float: right;
}
#topReservation .boutons{
    width:332px;
}
.reservation h2 {
    clear: both;
    margin-left: 0;
}
.reservation .reference a,
.reservation .reference .obflnk {
    color: #39f;
    text-decoration: underline;
}
.reservation .reference a:hover {
    color: #39f;
    text-decoration: none;
}
.reservation .boutons {
    float:right;
    height : 30px;
    margin : 25px 0;
}
.reservation .boutons .btn ,
.reservation .boutons .btn2{
    float: right;
    margin-right: 10px;
    padding : 5px 23px;
    height : 20px;
    line-height : 20px;
    background : #1271db;
    color : #ffffff;
    text-transform : uppercase;
    font-size : 15px;
}
.reservation .boutons .btn{
    background: #feca12;
    color : #000000
}


/*---------------------------------------------------------------------------------------------*/
/* bloc recapitulatif produit */
/*---------------------------------------------------------------------------------------------*/
#FP_recapitulatif {
    float: left;
    display: inline;
    width: 100%;
    color: #222222;
    background-color: inherit;
}
#enteteCroisiere h1{
	color: #0f72d5;
	font-size : 20px;
	font-weight : bold;
	float : left;
	width : 100%;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#product{
	width : 385px;
	float : left;
	height : 238px;
}
#tarif{
	float : right;
	width : 205px;
	height : 230px;
	position : relative;
}
#tarif .boutons{
	position : absolute;
	bottom : 0;
	width : 100%;
}
#tarif .boutons a{
	width : 100%;
	text-align : center;
	font-size : 15px;
	display : block;
	margin-top : 10px;
	background : #1271db;
	color : #fff;
	height : 30px;
	line-height : 30px;
	text-transform : uppercase;
}
#tarif .boutons a#reservationBtn{
	color : #000;
	background : #feca12;
}
#escales{
	position : relative;
	float : right;
	display : block;
	width : 573px;
	padding : 10px;
	height : 70px;
	background : #f5f5f5;
	margin-top : 15px;
}
#escales p{
	margin: 0;
	font-size : 14px;
	line-height : 19px;
}
#escales .escales>p{
	visibility : hidden;
}
.FP3 #FP_recapitulatif .titre p {
    font-size: 12px;
    font-weight: normal;
}

#FP_recapitulatif  .croisiereDestination {
    color: #39f;
    font-size: 17px;
    font-weight: bold;
    float: left;
    display: inline;
    height: auto;
    margin: 0 10px 0 0;
}
#FP_recapitulatif  .coupDeCoeur {
    float: left;
    display: inline;
    margin: 3px 0 0;
    padding: 1px 3px;
    background-color: #f00;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}
#FP_recapitulatif .villesDeDepart {
    font-weight: bold;
}
.FP3 #FP_recapitulatif .villesDeDepart {
	font-weight : normal;
}
#FP_recapitulatif .villeURL {
    text-decoration: underline;
}
#FP_recapitulatif .titre	.abord {
    width: 100%;
    color: #39f;
    font-size: 13px;
    font-weight: bold;
}
#FP_recapitulatif .titre	.abord .duree {
    color: #39f;
}
#FP_recapitulatif .titre	.abord .croisiereNavire {
    color: #f00;
}
#FP_recapitulatif .titre	.abord .confort {
    color: #f00;
}
#FP_recapitulatif .titre	.abord .company {
    border: 0;
}
#FP_recapitulatif .titre	.prestations {
    width: 100%;
    font-size: 11px;
}
#FP_recapitulatif .titre    .addon {
    font-size: 11px;
    font-weight: bold;
}

.FP3 #FP_recapitulatif .titre    .addon {
    font-size: 12px;
    font-weight: bold;
    line-height:18px;
}
 #FP_recapitulatif .reservation .reference-top {
    float: right;
    display: inline;
    text-align: right;
    height: 20px;

}
#FP_recapitulatif .reservation .reference-top a{
    color: #39f;
    text-decoration: underline;
}

.ref-va-bottom {
    margin: 13px 0 0;
}
#titre-top {
    float: left;
    display: inline;
    width: 680px;
    margin: 0 0 5px;
}

/*---------------------------------------------------------------------------------------------*/
/* Default rules */
/*---------------------------------------------------------------------------------------------*/
#FP_recapitulatif .tarif {
    position: relative;
    float: left;
    width: 140px;
    margin: 10px 0 0;
    display:block;
}
#FP_recapitulatif .tarif .tarifPartir {
    color: inherit;
    text-align:center;
    display:inline;
    font-size : 14px;
}

#FP_recapitulatif.coupDeCoeur .tarif .tarifPartir {
    position: relative;
    left: 4px;
}
.FP3 #FP_recapitulatif.coupDeCoeur .tarif .tarifPartir {
    left: 0;
}
#FP_recapitulatif .tarif .descriptifPrixConteneur {
    background: url("/static/images/sprites/pictos-sprite.png") no-repeat scroll 0 -518px transparent;
    width: 140px;
    height: 47px;
    text-align: center;
    padding: 5px 0px 0 0;
    margin: 0 0 25px auto;
    position:relative;
    float: left;
}

#FP_recapitulatif.coupDeCoeur .descriptifPrixConteneur {
    background: url("/static/images/sprites/pictos-sprite.png") no-repeat scroll 0px -452px transparent;
    width: 139px;
    height: 47px;
    padding: 5px 0 0;
    margin-left:auto;
    float:right;
}
#es #FP_recapitulatif.coupDeCoeur .descriptifPrixConteneur{
    width:140px;
}
#FP_recapitulatif .tarif .descriptifPrixConteneur .descriptifPrix {
    position: relative;
    text-align: center;
}
#es #FP_recapitulatif .tarif .descriptifPrixConteneur .descriptifPrix,
#it #FP_recapitulatif .tarif .descriptifPrixConteneur .descriptifPrix{
    height:43px;
}

#FP_recapitulatif.coupDeCoeur .tarif .descriptifPrixConteneur .descriptifPrix {
    display: block;
    height: 44px;
    padding: 0 0 0 3px;
    width: 125px;
    margin:0 0 0 11px;
}
#it #FP_recapitulatif.coupDeCoeur .descriptifPrixConteneur .descriptifPrix
{
    margin:0;
    padding:0;
    width:120px;
}
#es #FP_recapitulatif.coupDeCoeur .descriptifPrixConteneur .descriptifPrix{
    margin:0 0 0 20px;
    padding:0;
    width:120px;
    height:47px;
}
#FP_recapitulatif.coupDeCoeur .prix .descriptifPrixConteneur .descriptifPrix {
    margin: 0 0 0 21px;
}

#FP_recapitulatif .tarif .descriptifPrixConteneur .descriptifPrix .aPartirDe {
    display: block;
    margin-bottom: 1px;
    padding: 6px 0 3px 0;
    color: #fff;
    font-weight: normal;
    font-size: 11px;
    line-height: 11px;
}

#FP_recapitulatif .tarif .descriptifPrixConteneur .descriptifPrix .prixBarre {
    position: relative;
    margin: 1px 0 0 ;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    text-decoration: line-through;
    text-transform: uppercase;
    width: auto;
    text-align: right;
    float:right;
    margin-right:5px;
}

#FP_recapitulatif .tarif .descriptifPrixConteneur .descriptifPrix .top-line .ttc{
    color: #FFFFFF;
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin: 1px 3px 0px 1px;
    text-decoration: line-through;
    text-transform: uppercase;
}

#FP_recapitulatif .tarif .descriptifPrixConteneur .descriptifPrix .prixSite,
#FP_recapitulatif .tarif .descriptifPrixConteneur .descriptifPrix .ttc {
    text-transform: uppercase;
    display:inline;
    font-size: 45px;
    color: inherit;
}
#FP_recapitulatif .tarif .descriptifPrixConteneur .descriptifPrix .prixSite{
	font-size : 40px;
}
#FP_recapitulatif .tarif .descriptifPrixConteneur .descriptifPrix sup{
	display: inline-block;
    vertical-align: top;
    font-size: 24px;
    margin-top: 5px;
}
#FP_recapitulatif .tarif .descriptifPrixConteneur .descriptifPrix .prixSite .ttc {
    font-size: 11px;
}

#FP_recapitulatif .tarif .descriptifPrixConteneur .descriptifPrix .reduc {
    position: relative;
    margin: 1px 0 0;
    color: white;
    font-size: 11px;
    font-weight: bold;
    width: 35px;
}
latif.coupDeCoeur .tarif .descriptifPrixConteneur .descriptifPrix .aPartirDe {
    display: block;
    margin-bottom: 1px;
    padding: 2px 0 3px 0;
    color: #fff;
    font-weight: normal;
    font-size: 11px;
    line-height: 11px;
}
#FP_recapitulatif .tarif .avion {
    display: block;
    background: url("/static/images/sprites/icons-sprite.png") no-repeat scroll 1px -1326px transparent;
    padding: 0 0 0 19px;
    color: #f00;
    font-size: 11px;
    width:auto !important;
    float:right;
}
#FP_recapitulatif .lireAvis {
    clear: left;
    float: left;
    display: block;
    width: 90%;
}
#FP_recapitulatif .lireAvis a {
    color: #39F;
    text-decoration: underline;
}
#avisNomClient {
    font-weight: bold;
}
#avisNavigationLinks {
    float: left;
    left: 10px;
    margin: 0;
    position: absolute;
    top: 66px;
}

/* FP_recapitulatif avis */
#FP_recapitulatif .avis {
    float:left;
    width:326px;
    height:105px;
    margin-top:10px;
    padding:10px 10px 10px 3px;
    background:url(/static/images/bg/bg-avis-client-moyenne-2.gif) top left no-repeat;
    position:relative;
}

#FP_recapitulatif .avis .note {
    float:left;
    width:100%;
    color:#1271dc;
    font-weight:bold;
    font-size : 17px;
}
#FP_recapitulatif .avis .note .laDate{
	font-weight : normal;
	font-size : 12px;
}

#FP_recapitulatif .avis .note .moyenne {
    border:none;
}

#FP_recapitulatif .avis .note .eval {
    font-size:10px;
    font-weight:normal;
    text-transform:uppercase;
}

#FP_recapitulatif .avis .extraitAvis{
    float: left;
    padding: 10px 0;
    position: relative;
    width: 240px;
    height:42px;
    line-height:15px;
}
#FP_recapitulatif .avis .extraitAvis .more{
	position : relative;
	cursor : pointer;
}
#FP_recapitulatif .avis .extraitAvis .more .popin{
	position : absolute;
	width : 278px;
	padding : 10px;
	left : -140px;
	background : #fff;
	border : #0F72D5 solid 1px;
	z-index : 10;
	display : none;
}
#FP_recapitulatif .avis .extraitAvis .more .popin:before,
#FP_recapitulatif .avis .extraitAvis .more .popin:after{
	content : "";
	position : absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #0f72d5 transparent transparent transparent;
	left : 133px;
	bottom : -10px;
}
#FP_recapitulatif .avis .extraitAvis .more .popin:after{
	border-color: #fff transparent transparent transparent;
	bottom : -9px;
}
#FP_recapitulatif .avis .extraitAvis a{
    color:#39f;
    text-decoration:underline;
}

#FP_recapitulatif .avis .extraitAvis a:hover{
    color:#39f;
    text-decoration:none;
}

#FP_recapitulatif .avis .extraitAvis p {
    padding:0px;
    margin:0px;
}

#FP_recapitulatif #suggestionOffre_bg .avis {
    height:auto;
}

.avisTypePoints {
    font-weight: bold;
    color: #39F;}
 .FP3 .avisTypePoints {
    color:#0f72d5;
    display:block;
}

#FP_recapitulatif .avisNavire .avisTitle {
    font-weight:bold;
}

#FP_recapitulatif .avisNavire .eval {
    width:auto;
    text-transform:uppercase
}
 .FP3 #FP_recapitulatif .avisNavire .eval{
    font-size:12px;
    line-height:12px;
}

#FP_recapitulatif .avisNavire .moyenne {
    margin:0;
}

/* FP3 rules*/
.FP3 #FP_recapitulatif .tarif .descriptifPrixConteneur {
    background-color: #f7f7f7;
    background-image: none;
    border-bottom : 2px #ff0000 solid;
    width: 100%;
    margin-bottom : 0;
    text-transform : uppercase;
    height : auto;
    padding-bottom : 20px;
}

.FP3 .white_sep {
    background-color: #FFFFFF;
    height: 1px;
    position: relative;
    top: 61%;
    width: 100%;
}

.FP3 .coupDeCoeur .tarif .descriptifPrixConteneur .descriptifPrix {
    padding: 0;
}

.FP3 #FP_recapitulatif .tarif .descriptifPrixConteneur .descriptifPrix .prixBarre {
    font-size: 17px;
    margin : 0;
    color: #898989;
    font-weight: normal;
    position: relative;
    text-align : center;
    text-decoration: line-through;
    text-transform: uppercase;
    width: 140px;
    height : 25px;
    line-height : 25px;
    float:left;
}

.FP3 #FP_recapitulatif .tarif .descriptifPrixConteneur .descriptifPrix .prixSite .ttc,
.FP3 #FP_recapitulatif .tarif .descriptifPrixConteneur .descriptifPrix .ttc {
    font-size: 14px;
    margin-left: 2px;
}

#FP_recapitulatif .tarif .descriptifPrixConteneur .descriptifPrix .reduc {
    position: relative;
    margin: 1px 0 0;
    color: white;
    font-size: 11px;
    font-weight: bold;
    width: auto;
    float:left;
    margin-left:5px;
}

.FP3 #FP_recapitulatif .tarif .descriptifPrixConteneur .descriptifPrix .reduc {
	margin : 0;
    font-size: 21px;
    color: #fff;
    font-weight : normal;
    background : #ff0000;
    height : 25px;
    line-height : 25px;
    position: relative;
    width: auto;
    padding : 0 5px;
    float:right;
    text-align : center;
}
.FP3 #FP_recapitulatif .tarif .descriptifPrixConteneur .descriptifPrix .reduc:before{
	content : "";
	position : absolute;
	top : 0;
	left : -5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 5px 0px 0;
	border-color: transparent #ff0000 transparent transparent;
}
#topFormalites { 
    display:none; 
    clear:both; 
    float:left;
    width:700px;
    margin-top:10px;
    padding:10px;
    background:#F0FBFF;
    text-align:left;
    color:#999;
}

#topFormalites b {
    color:#39f;
    font-weight:bold;
    font-size:13px;
}

/*---------------------------------------------------------------------------------------------*/
/* bloc principal : details  produit */
/*---------------------------------------------------------------------------------------------*/
#FP_details {
    float:left;
    width:740px;
    margin:10px 0px;
    padding:0px 0px 0px 0px;
    color:#666;
}

.FP3 #FP_details {
    margin: 0;
}

#FP_details #tabsContent {
    float:left;
    padding:0px;
}

#FP_details h2,
#FP_details h4 {
    float:left;
    width:60%;
    margin-left:20px;+margin-left:10px;
    line-height:25px;
}
#FP_details .btitle {
    color: #39F;
    font-size: 20px;
    margin: 0 0 0 20px;
    padding: 0;
    float:left;
    display: inline;
    width:680px;
}

.FP3 #FP_details .btitle {
    color: #0F72D5;
    display: inline;
    font-size: 18px;
    margin-top: 5px !important;
    width: auto;
    margin-left: 0;
    font-weight: bold;
    height : auto;
}

 .FP3 #FP_details #carte .btitle .blueTitle,
 .FP3 #FP_details #carte .btitle > span,
 .FP3 #FP_details #carte .btitle .navire-etoiles,
 .FP3 #FP_details #carte .btitle .company,

 .FP3 #FP_details #cabine .btitle .blueTitle,
 .FP3 #FP_details #cabine .btitle > span,
 .FP3 #FP_details #cabine .btitle .navire-etoiles,
 .FP3 #FP_details #cabine .btitle .company,

 .FP3 #FP_details #navire .btitle .blueTitle,
 .FP3 #FP_details #navire .btitle > span,
 .FP3 #FP_details #navire .btitle .navire-etoiles,
 .FP3 #FP_details #navire .btitle .company,

 .FP3 #FP_details #ponts .btitle .blueTitle,
 .FP3 #FP_details #ponts .btitle > span,
 .FP3 #FP_details #ponts .btitle .navire-etoiles,
 .FP3 #FP_details #ponts .btitle .company
{
    display:table-cell;
    vertical-align:middle;
    padding-right:5px;
}


 .FP3 #carte h3.btitle,
 .FP3 #cabine h3.btitle,
 .FP3 #navire h3.btitle,
 .FP3 #ponts h3.btitle{
    display: table-row;
    margin: 0 0 30px 3px !important;
    font-size:24px;
}
 .FP3 #navire h3.btitle{
    margin:0 0 10px 3px !important;
}
 .FP3 #carte h3.btitle .bl-tt,
 .FP3 #cabine h3.btitle .bl-tt,
 .FP3 #navire h3.btitle .bl-tt,
 .FP3 #ponts h3.btitle .bl-tt{
    display: block;
    height: 28px;
    line-height: 26px;
    margin: 0 !important;
    padding: 0 15px;
}
 .FP3 .navireTitre{
    display:none;
}
#FP_details p.btitle {
    color: #39F;
    font-size: 20px;
    height: 30px;
    margin: 0 5px;
    padding: 0;
    float:left;
    display: inline;
    width:740px;
    line-height:25px;
}

.FP3 #FP_details p.btitle{
    color: #147adf;
    font-size: 18px;
    font-weight: bold;
}

.FP3 #FP_details p.btitle span.thin{
    font-weight: normal;
}

.FP3 .noteinfo {
    color: #222222;
    font-size: 13px;
    font-weight: normal;
}

#FP_details #programme h3.btitle {
    padding-top: 10px;
}
.FP3 #FP_details #programme h3.btitle {
    padding-top: 0;
    font-size: 18px;
    line-height:18px;
    margin:0 0 20px 3px !important;
}

#FP_details .sep {
    background: rgb(51,153,253); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzOTlmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(51,153,253,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(51,153,253,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(51,153,253,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(51,153,253,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(51,153,253,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(51,153,253,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399fd', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
    float:left;
    margin: 10px 0 0 0;
    width:100%;
    height:1px;
}

.FP3 #FP_details .sep {
    background: none repeat scroll 0 0 #1271DC;
    margin-bottom: 10px;
    margin-top: 20px;
}
 .FP3 #FP_details .sep{
    margin-top:10px;
}

#FP_details .prixTTC {
    float:left;
    width:100%;
    margin-bottom : 10px;
}
#FP_details .prixTTC .btitle,#FP_details .prixTTC p {
    float: left;
    margin : 0;
    text-align: justify;
    width: 100%;
}
#FP_details #resume #resume_programme .etape a{
    color:#666;
}

#FP_details #resume #resume_programme .etape a img {
    border: none;
}
#FP_details #resume #resume_programme .etape .titre .short {
    color: #666666;
    float: left;
    width: 98%;
    font-size: 10px;
    line-height: 10px;
    font-weight: normal;

}

.FP3 #FP_details #resume #resume_programme .etape .titre .short {
    font-size: 12px;
    line-height: 12px;
    width: 100%;
}

#FP_details table {
    clear:both;
    float:left;
    width:700px;
    margin:0px;
    padding:0px;
    border-collapse: collapse;
    font-size:11px;
    color:#666;
}

#FP_details table tbody tr {
    background:url(/static/images/bg/bg_escale.gif) top left repeat-x;
}

#titre-img {
    float: left;
    display: inline;
    width: 140px;
}
#titre-img img {
    height: 100px;
    width:139px;
}
#fil-ariane {
    float: left;
    display: inline;
    color: #222222;
    margin-bottom: 9px;
}
#fil-ariane-navire {
    float: left;
    display: inline;
    margin-top: 10px;
    width: 100%;
}
#fil-ariane a, #fil-ariane-navire a {
    color: #39F;
    text-decoration: underline;
}
 .FP3 #fil-ariane-navire a,
 .FP3 .navireCabines .lien a{
    background: url("/static/images/sprites/icons-sprite.png") no-repeat;
    background-position: 0 -1540px;
    color: #0f72d5;
    display: block;
    font-size: 12px;
    line-height:16px;
    height: 16px;
    padding-left: 20px;
    text-decoration: underline;
}

/*-- dates de départ --*/
#FP_details #datesDepart {
    float: left;
    display: inline;
    position:relative;
    *position: relative;
    *z-index:1;
    width : 728px;
    padding : 10px;
    padding-bottom : 0;
    border : 1px #cbcbcb solid;
    background : #fff;
}
#FP_details #datesDepart .btitle{height:auto;}
#FP_details #datesDepart .datesPrix {
    clear:both;
    float:left;
    width:740px;
    margin:0px;
    padding:0px;
    border-collapse: collapse;
}
 #FP_details #datesDepart .datesPrix{
    width:733px;
}

.FP3 #FP_details #datesDepart #calendrier {
    margin-top: 15px;
}
 .FP3 #FP_details #datesDepart #calendrier{
    margin:5px 5px 2px;
}

#FP_details #datesDepart table.datesPrix thead {
    background:#fff;
    text-align:left;
}
#FP_details #datesDepart table.datesPrix thead th{
    width:80px;
    padding:5px 20px;
}
#FP_details #datesDepart table.datesPrix thead th.options{
    padding:5px 10px;
}
#FP_details #datesDepart table.datesPrix tfoot {
    background:#fff;
}
#FP_details #datesDepart table.datesPrix tfoot tr td {
    text-align:left;
    padding:5px 0px 5px 20px;
}
#FP_details #datesDepart table.datesPrix tbody {
    width:700px;
}
#FP_details #datesDepart table.datesPrix tbody tr{
    float:left;
    width:700px;
    clear:both;
}
#FP_details #datesDepart table.datesPrix tbody tr.mois {
    width:700px;
    background:url(/static/images/bg/sep_bleu_698.jpg) top left no-repeat;
}
#FP_details #datesDepart table.datesPrix tbody tr.date{
    width:700px;
    background:none;
}
#FP_details #datesDepart table.datesPrix tbody tr.mois th{
    text-align:left;
    height:25px;
    padding: 6px 20px;
    color:#000;
    font-size:17px;
    font-weight:bold;
}
#FP_details #datesDepart table.datesPrix tbody tr.first th{
    background:none
}

#FP_details #datesDepart .date-dep {
    float:left;
    text-align:left;
    color:#39f;
    font-size:12px;
    font-weight:bold;
}
.FP3 #FP_details #datesDepart .date-dep {
    font-size: 13px;
    color: #147adf;
    font-weight: normal;
    text-transform: capitalize;
}
#FP_details #datesDepart .epuise  {
    float:left;
    margin: 3px 0 0;
    font-size: 14px;
    font-weight: bold;
}
#it #FP_details #datesDepart .epuise{
    margin:0;
    font-size:15px;
}
#es #FP_details #datesDepart .epuise{
    margin:18px 0 0;
    font-size:15px;
}

.FP3 #FP_details #datesDepart .epuise {
    font-size: 15px;
    color: #888888;
    margin:0;
    line-height:15px;
}

#FP_details #datesDepart table.datesPrix tbody tr td.descriptifPrix {
    background: url(/static/images/bg/bg_escale.gif) top left repeat-x;
    width:95px;
    padding:0 0 0 10px;
    color:#f00;
}
#FP_details #datesDepart table.datesPrix tbody tr td.first {
    padding:0 0 0 5px;
}
#FP_details #datesDepart table.datesPrix tbody tr td.cbuttons {
    width: 135px;
    padding: 5px;
}
#FP_details #datesDepart table.datesPrix tbody tr td.descriptifPrix .colgroup {
    float:left;
    clear:both;
    margin:0 0 5px 0;
    width:95px;
    height:70px;
    font-size:17px;
    font-weight:bold;
    background:url(/static/images/bg/sep-cell.gif) top right no-repeat;
    padding-top: 10px;
}
#FP_details #datesDepart table.datesPrix tbody tr td.descriptifPrix .wideGroup {
    width: auto;
}
.DatesDepartImages .colgroup {
    font-size: 11px !important;
    font-weight:normal !important;
}
.DatesDepartImages .colgroup a{
    color: #666;
}

#es #FP_details #datesDepart table.datesPrix tbody tr td.descriptifPrix .cgBalcon {
    width: 108px;
}
#es #FP_details #datesDepart table.datesPrix tbody tr td.descriptifPrix .cgBalcon .categorie {
    width: 108px;
}
#it #FP_details #datesDepart table.datesPrix tbody tr td.descriptifPrix .cgBalcon {
    width: 108px;
}
#it #FP_details #datesDepart table.datesPrix tbody tr td.descriptifPrix .cgBalcon .categorie {
    width: 108px;
}

#es #FP_details #datesDepart table.datesPrix tbody tr td.descriptifPrix .cgSuite {
    width: 82px;
}
#FP_details #datesDepart table.datesPrix tbody tr td.descriptifPrix .colgroup .categorie {
    float:left;
    clear:both;
    vertical-align:top;
    width:85px;color:#666;
    font-size:11px;font-weight:normal;
    white-space:nowrap;
    text-align:center;
    margin: 0 0 5px;
}
#FP_details #datesDepart table.datesPrix tbody tr td.descriptifPrix .colgroup .prix {
    float:left;
    clear:both;
    width:85px;
    font-size:17px;
    font-weight:bold;
    color: #f00;
}
#FP_details #datesDepart table.datesPrix tbody tr td.descriptifPrix .colgroup .reduc {
    float:left;
    clear:both;
    width:85px;
    font-size:13px;
    font-weight:bold;
}
#FP_details #datesDepart table.datesPrix tbody tr td.descriptifPrix .colgroup .prixBarre {
    float:left;
    clear:both;
    width:85px;
    color:#666;
    font-size:11px;
    font-weight:normal;
    text-decoration:line-through;
}
#FP_details #datesDepart table.datesPrix tbody tr td.descriptifPrix .colgroup .prix .ttc{
    font-size:11px;
    font-size:normal;
    margin-left:1px;
}
#FP_details #datesDepart table.datesPrix tbody tr td.descriptifPrix .colgroup .prixBarre .ttc{
    font-size:11px;
    font-size:normal;
    margin-left:1px;
}
/*#FP_details #datesDepart table.datesPrix tbody tr td.first { background:url(/static/images/bg/bg_escale.gif) top left repeat-x; width:80px; padding:0px; color:#f00;}*/
#FP_details #datesDepart table.datesPrix tbody tr td.last{
    width:230px;
}
#FP_details #datesDepart table.datesPrix tbody tr td.options {
    width:85px;
    padding:0px 10px 10px 10px;
    color:#f00;
    font-size:17px;
    font-weight:bold;
}
#FP_details #datesDepart table.datesPrix tbody tr td.options .label {
    float:left;
    width:100%;
    padding:5px 0px 0px 0px;
    color:#666;
    font-size:10px;
    font-weight:normal;
}
#FP_details #datesDepart table.datesPrix tbody tr td.options .vols {
    padding-left:18px;
    height:15px;
}
#FP_details #datesDepart table.datesPrix tbody tr td  {
    padding:15px 0 0 10px;
}
#FP_details #datesDepart table.datesPrix tbody tr td .btn4{
    margin: 3px 0 0;
    float: left;
    background-position: 0 -136px;
}
#FP_details #datesDepart table.datesPrix tbody tr td .btn4 a {
    background-position: right -198px;
}
#FP_details #datesDepart .btn, #FP_details #datesDepart .btn2 {
    float:right;
    margin-right:18px !important;+margin-right:9px;
}
.cabine-small {
    width: 65px;
    z-index: 50;
    float: left;
    display: inline;
    height:46px;
}

.FP3 .cabine-small {
    width: 82px;
    height: auto;
}

#FP_details .colgroup .img img {
    border: none;
}
.imgCabineSmallPrix, .imgCabineSmallProgramme {
    display: block;
}
.DatesDepartImages {

}
.DatesDepartImageBigContainer {
    position: absolute;
    z-index: 100;
    top: 10px;
    left: 20px;
    width: 350px;
    display: none;
    cursor: pointer;
    border: 1px solid #666;
    background-color: #fff;
}

.FP3 .DatesDepartImageBigContainer {
    border: 0;
    -webkit-box-shadow: -6px 4px 30px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    -6px 4px 30px 0px rgba(50, 50, 50, 0.3);
    box-shadow:         -6px 4px 30px 0px rgba(50, 50, 50, 0.3);
}

.DatesDepartImageBig {
    width: 320px;
    height: 230px;
}
.DatesDepartImageBigContainer .images {
    float: left;
    display: inline;
    padding: 15px;
    margin: 0;
    width: 320px;
    height: 230px;
}

.FP3 .DatesDepartImageBigContainer .images {
    height: auto;
}

.DatesDepartImageBigContainer .desc {
    float: left;
    display: inline;
    margin: 0;
    padding: 15px;
    width: 320px;
    background-color: #fff;
    text-align: justify;
    color: #000;
}
.FP3 .DatesDepartImageBigContainer .desc {
    color: #4c4c4c;
    font-size: 13px;
    padding-top: 0;
}


.iDesc{
    text-align: center;
}

.FP3 .iDesc {
    margin-bottom: 20px;
}

.DatesDepartImageBigClose {
    position: absolute;
    top: 0;
    right: 0;
}

/*-- multimedia : photos + video --*/
#FP_details .multimedia{
    float:left;
    width:47%;
    position:relative;
    padding-left:20px;
}
 .FP3 #FP_details .multimedia{
    padding-left:10px;
}

.FP3 #navire_multimedia, .FP3 #navire h3 {
    clear: left;
}

#FP_details .ad-gallery .titre { 
    width:100%; 
    color:#f00; 
    font-size:17px; 
    font-weight:bold; 
    padding:0; 
    margin:5px 0; 
    text-align: left;
}
/*-- navire : infos techniques navire --*/
#FP_details .navire_descriptif {
    float:left;
    width:47%;
    margin:14px 0 0 5px;
}
 .FP3 #FP_details .navire_descriptif{
    width: 368px;
    margin:13px 0 0;
    font-size:12px;
    text-align : justify;
}
#FP_details #navire .navire_infosTechniques .info_column {
    width: 245px;
    float:left;
    display: inline;
    padding :0;
    margin: 10px 0 0 20px;
    list-style-type: none;
}
 .FP3 #FP_details #navire .navire_infosTechniques .info_column{
    font-size:12px;
    margin:0 ;
    width:100%;
}
 .FP3 #FP_details #navire .navire_infosTechniques .info_column li{
    width: 290px;
    line-height:22px;
}
#FP_details #navire .navire_infosTechniques .info_column .label {
    float: left;
    display: inline;
    clear: left;
    width: 140px;
}
#FP_details #navire .navire_infosTechniques .info_column .input {
    float: right;
    display: inline;
    width: 100px;
    font-weight: bold;
}
 .FP3 #FP_details #navire .navire_infosTechniques .info_column .input{
    text-align: right;
}
#FP_details #navire .btn2{ float:right; }

/* specifique onglets */
#FP_details #resume {
    float:left;
    width:100%;
    margin:0;
    padding:0;
}
#FP_details #resume #resume_navire .btn2{
    float:right;
}
#FP_details #resume #resume_programme .btn2{
    margin:0px 0px 10px 135px !important;
    float:none !important;
}
#FP_details #resume #resume_programme .btn,#FP_details #resume #resume_programme .btn2,#FP_details #resume #programme .btn2 {
    float:right;
}

#FP_details #resume #resume_programme .etapeContainer.etapeContainerWithoutDates,
.FP3 #FP_details #resume #resume_programme .etapeContainer.etapeContainerWithoutDates {
    background: none;
}

#FP_details #resume #resume_programme .etapeContainer.etapeContainerWithoutDates .etape .titre,
.FP3 #FP_details #resume #resume_programme .etapeContainer.etapeContainerWithoutDates .etape .titre {
    position: relative;
    right: -10px;
}
#FP_details #resume #resume_programme .etapeContainer.etapeContainerWithoutDates .etape .jour,
.FP3 #FP_details #resume #resume_programme .etapeContainer.etapeContainerWithoutDates .etape .jour {
    position: relative;
    right: -5px;
}

 .FP3 #FP_details #resume #resume_programme .etapeContainer.etapeContainerWithoutDates .heure-depart,
 .FP3 #FP_details #resume #resume_programme .etapeContainer.etapeContainerWithoutDates .heure-arrivee {
    background: none;
}

 .FP3 #FP_details #resume #resume_programme .heure-arrivee,
 .FP3 #FP_details #resume #resume_programme .heure-depart {
    background-color: #F5F5F5;
    color: #0F72D5;
    float: left;
    height: 100%;
    padding-top: 3px;
    text-align: center;
    width: 50px !important;
}

#FP_details #resume #resume_programme .heure-arrivee,
#FP_details #resume #resume_programme .heure-depart{
    color: #0F72D5;
    float: left;
    padding-top: 3px;
    text-align: center;
    width: 12%;
}

 .FP3 #FP_details #resume #resume_programme .heure-arrivee {
    border-right: 2px solid #FFFFFF;
    margin-left: -3px;
}

#FP_details #resume #resume_programme .heure-arrivee {
    margin-left: -3px;
    width: 46px;
}

#FP_details #resume #resume_programme .isEmpty{
    overflow:hidden;
}

#FP_details #resume #resume_programme .isEmpty a span{
    padding-top: 5px;
}
#FP_details #resume #resume_programme .heure-arrivee .first,
#FP_details #resume #resume_programme .heure-depart .first {
    float: left;
    margin-left: 10px;
    margin-top: 20px;
    position: relative;
}

#FP_details #resume #resume_programme .heure-arrivee.isEmpty,
#FP_details #resume #resume_programme .heure-depart.isEmpty {
    padding: 0;
    width: 46px;
}

#FP_details #resume #resume_programme .heure-arrivee.isFirst span,
#FP_details #resume #resume_programme .heure-depart.isFirst span{
    float: left;
    padding-top: 20px;
    position: relative;
    text-align: center;
    width: 100%;
}
#FP_details #resume #resume_programme .etape .jour {
    color: #0F72D5;
    float: left;
    text-align: center;
    width: 47px;
    padding-top: 3px;
}
 .FP3 #FP_details #resume #resume_programme .etape .jour {
    background-color: #F5F5F5;
    color: #0F72D5;
    float: left;
    font-size: 12px;
    height: 100%;
    padding-top: 5px;
    text-align: center;
    vertical-align: middle;
    width: 47px;
}

#FP_details #resume #resume_programme .etape .titre {
    background-color: #FFFFFF;
    float:left;
    width:81%;
    padding-bottom: 3px;
    padding-left: 4px;
    padding-top: 3px;
    +padding-bottom: 2px;
    color: #187DDF;
    font-weight:bold;

}
.avion {
    display: inline;
    background: url("/static/images/sprites/icons-sprite.png") no-repeat scroll 1px -1326px transparent;
    padding: 0 10px 5px;
    width:130px !important;
    height: 15px;
}
#de .avion-listeresultats {
    height: auto;
}

#de .ddepart-content .btn4.btn-cab-list {
    background: url("/static/images/btn/btn4-cab-list.png") no-repeat scroll 0 -97px transparent;
    width:147px;
}
#FP_details #resume #resume_programme .etape .descriptif {
    clear:left;
    margin-left:52px;
}
#FP_details #resume #resume_programme .etape .avion {
    vertical-align:middle;
    bottom: 1px;
    position: relative;
}
#FP_details #resume #navire {
}
#FP_details #resume .btn a,#FP_details #resume .btn2 a {
    font-size:11px;
}
#FP_details #resume .navire_infosTechniques {
    clear:both;
    float:left;
    width:658px;
    margin:20px 0px 10px 20px !important;+margin:20px 0px 10px 10px;
    padding:0
}
#FP_details #resume .navire_infosTechniques tbody tr {
    background:none;
}
#FP_details #prix {
    float:left;
    width:740px;
}
#FP_details #navire {
    float:left;
    width:740px;
    margin:-19px 0 0 0;
}
#FP_details #navire #videos{
    float:left;
    margin: 20px 0 0 20px;
    padding:0;
    width:400px;
}
#FP_details #navire #videos embed{
    float:left;
    margin:0;
    clear:left;
}
#FP_details #navire #photos {
    float:left;
    padding:5px 0px 20px 20px;
}
#FP_details #navire #photos .liste-photos{
    float:left;
    width:660px;
    margin:0;
    padding:0;
    list-style-type:none;
}
#FP_details #navire #photos .liste-photos li {
    float:left;
    width:220px;
    height:148px;
}
#FP_details #navire #photos .liste-photos li img {
    width:200px;
    height:133px;
    border:none;
}

#FP_details #programme{
    float:left;
    width:740px;
    overflow:hidden;
}
#FP_details #programme .etape td {
    padding: 3px 0px;
    color:#39f;
    font-weight:bold;
}
#FP_details #programme .etape .nom_escale {
    float:left;
    margin:10px 0 0 10px !important;
    +margin:6px 0 0 5px;
    +padding-bottom: 2px;
}
#FP_details #programme .etape .planning {
    float:right;
    margin:10px 10px 0 0 !important;
    +margin:10px 10px 0 0;
}
 .FP3 #FP_details #programme .etape .nom_escale,
 .FP3 #FP_details #programme .etape .planning{
    color:#000000;
    font-size:12px;
    font-weight:bold;
}
#FP_details #programme .etape .descriptif_etape {
    color: #999999;
    float: left;
    font-size: 11px;
    font-weight: normal;
    margin: 10px 0 0 10px !important;
    position: relative;
    text-align: justify;
    width: 97%;
}
 .FP3 #FP_details #programme .etape .descriptif_etape{
    color:#666666;
    font-size:12px;
}
#FP_details #programme .etape .arrowlink {
    float:left;
    clear:both;
    width:90%;
    height: 14px !important;
    background: url("/static/images/sprites/general-sprite-icons.png") no-repeat scroll -186px -28px transparent;
    margin:25px 0 0 10px !important;
}
 .FP3 #FP_details #programme .etape .arrowlink{
    background:url("/static/images/sprites/icons-sprite.png") no-repeat scroll 0 -1540px transparent;
}

#FP_details #programme .etape .arrowlink.multiple {
    width: 50%;
}

.excursions-link {
    background: none;
    color: #3399FF;
    cursor: pointer;
    float: right;
    font-family: Tahoma,Verdana,sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin-right: 8px;
    margin-top: 24px;
    padding-bottom: 3px;
    text-decoration: underline;
    overflow: hidden;
}
.excursions-link .sunIcon{
    background: url("/static/images/sprites/fp.png") no-repeat -400px -13px;
    width:18px;
    height:17px;
    float:left;
    margin-right:5px;
}

#FP_details #programme .etape .day{
    padding: 3px 10px;
    color:#999;
    font-size:17px;
    font-weight:bold;
    text-align:right;
}
#FP_details #programme .etape .day p{
    float:right;
    margin:0;
    padding:0
}
#FP_details #programme .etape .day img{
    float:right;
    margin:10px 0px;
}

#FP_details #cabine {
    float:left !important;+float:none;
    width:700px;
}
 .FP3 #FP_details #cabine{
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left:5px;
}
 .FP3 #FP_details #cabine .sep{
    display:none;
}
#FP_details #cabine .cabines_navire formerTd {
    padding:15px 10px 10px 10px;
    text-align:left;
    vertical-align:top;
    width:50%
}
#FP_details #cabine .cabines_navire .photo{
    width:200px;
    height:133px;
}
#FP_details #cabine .cabines_navire .photo img {
    width:200px;
    height:133px;
}
#FP_details #cabine .cabines_navire .typeCabine {
    color:#39f;
    font-weight:bold;
    font-size:13px;
}
#FP_details #cabine .cabines_navire .descriptifCabine {
    margin:10px 0px;
    padding:0;
    list-style-type:none;
}
#FP_details #cabine .lien {
    float: left;
    display: inline;
    width: 680px;
    margin: 0 0 0 10px;
}
#FP_details #cabine .lien a {
    color: #39F;
    text-decoration: underline;
    font-size: 12px;
}
 .FP3 #FP_details #cabine .lien a {
    background: url("/static/images/sprites/icons-sprite.png") no-repeat scroll 0 -1540px rgba(0, 0, 0, 0);
    color: #0f72d5;
    font-size: 12px;
    padding-left: 20px;
    text-decoration: underline;
    line-height:15px;
    height:15px;
    display:block;
}

/* Avis clients */
#FP_details #avisclients {
    float:left;
    width:718px;
}
 #FP_details #avisclients {
    position:relative;
}
#FP_details #avisclients a{
    color:#39f;
    text-decoration:underline;
}
 .FP3 #FP_details #avisclients a,
 .FP3 #FP_details #avisclients a:hover {
    color:#0f72d5;
}
#FP_details #avisclients a:hover{
    color:#39f;
    text-decoration:none;
}
#FP_details #avisclients .text2 {
    color:#f00;
    font-size:12px;
    font-weight:bold;
}
/* entete */
#FP_details #avisclients #descriptif {
    float:left;
    width:460px;
    margin-left:10px;
}
#FP_details #avisclients #descriptif .croisiereDestination {
    color:#39f;
    font-size:17px;
    font-weight:bold;
}
#FP_details #avisclients #descriptif .abord {
    width:100%;
    color:#39f;
    font-size:13px;
    font-weight:bold;
}
#FP_details #avisclients #descriptif .abord .duree {
    color:#39f;
}
#FP_details #avisclients #descriptif .abord .croisiereNavire {
    color:#f00;
}
#FP_details #avisclients #descriptif .abord .confort {
    color:#f00;
}
#FP_details #avisclients #noteSejour {
    float:right;
    width:171px;
    height:122px;
    padding:5px 10px;
    background: url(/static/images/bg/avis-moyenne.gif) top left no-repeat;
}
#FP_details #avisclients #noteSejour .moyenne {
    float:left;
}
#FP_details #avisclients #noteSejour .eval {
    float:left;
    margin-left:10px;
    color:#f00;
    font-size:10px;
    text-transform:uppercase;
}
#FP_details #avisclients #noteSejour .critere {
    float:left;
    margin-top:3px;
}
#FP_details #avisclients #noteSejour .label {
    float:left;
    font-size:10px;
}
#FP_details #avisclients #noteSejour .note {
    float:right;
}

/* liste avis */
#FP_details #avisclients .trierPar {
    float:left;
    margin:10px 0 0 0;
    padding:0;
    border:none;
}
#FP_details #avisclients .trierPar fieldset {
    margin:0;
    padding:0;
    border:none;
}
#FP_details #avisclients .tri-pagination table.ligneTri {
    float:left;
    width:100%;
    background:none;
}
#FP_details #avisclients .tri-pagination table.ligneTri tr {
    background:none;
}
#FP_details #avisclients .tri-pagination .ligneTri .tri {
    width:44%;
    padding: 0 0 10px 10px;
}
#FP_details #avisclients .tri-pagination .ligneTri .tri label {
    font-weight:bold;
}
 .FP3 #FP_details #avisclients .tri-pagination .ligneTri .tri label{
    color:#323232;
    font-size:12px;
}
#FP_details #avisclients .tri-pagination .ligneTri .pagination {
    padding: 0 0 10px 0px;
}
 .FP3 #FP_details #avisclients .tri-pagination .ligneTri .pagination {
    padding:0;
}
#FP_details #avisclients .tri-pagination .ligneTri .pagination .paging{
    float:right;
    margin-right:10px;
}
 #FP_details #avisclients .tri-pagination .ligneTri .pagination .paging {
    margin-right:146px;
}
 .FP3 #FP_details #avisclients .tri-pagination .ligneTri .pagination .paging{
    margin-right:20px;
    font-size:12px;
}
#FP_details #avisclients .tri-pagination .ligneTri .pagination .text{
    float:left;
    width:40px;
}
 .FP3 #FP_details #avisclients .tri-pagination .ligneTri .pagination .text{
    color:#323232;
    font-weight:bold;
}
#FP_details #avisclients .tri-pagination .ligneTri .pagination .multipage {
    float:left;
    list-style-type:none;
    margin:0; padding:0;
}
#FP_details #avisclients .tri-pagination .ligneTri .pagination .multipage li {
    display:inline;
    margin:0 2px;
}
#FP_details #avisclients .tri-pagination .ligneTri .pagination .multipage .selected {
    font-weight:bold;
}
 .FP3 #FP_details #avisclients .tri-pagination .ligneTri .pagination .multipage .selected{
    color:#323232;
}
#FP_details #avisclients .tri-pagination .ligneTri .pagination .multipage li a {
    text-decoration:none;
}
#FP_details #avisclients .tri-pagination .ligneTri .pagination .prev{
    float:left;
}
#FP_details #avisclients .tri-pagination .ligneTri .pagination .next{
    float:left;
    margin-left: 3px;
}

#FP_details #avisclients .tri-paginationBottom {
    float:left;
    width:718pxpx;
    margin:0;
    padding:10px 0 0 0;
    background:url(/static/images/bg/bg_escale.gif) top left repeat-x;
}
 .FP3 #FP_details #avisclients .tri-paginationBottom{
    background:none;
    border-top:1px solid #1271dc;
}

#FP_details #avisclients #listeAvis {
    float:left;
    width:720px;
    margin:0; 
    padding:0;
}
#FP_details #avisclients #listeAvis tr {
    height:auto;
}
#FP_details #avisclients #listeAvis .extraitAvisClient {
    vertical-align:top;
    padding: 20px 10px;
    font-size:11px;
    width: 83%;
    float: left;
}
 .FP3 #FP_details #avisclients #listeAvis .extraitAvisClient{
    font-size: 12px;
}
#FP_details #avisclients #listeAvis .extraitAvisClient .coord {
    float:left;
    display: inline;
    width:130px;
    padding-right: 3px;
    color:#39f;
    font-weight:bold;
}
 .FP3 #FP_details #avisclients #listeAvis .extraitAvisClient .coord {
    color:#0f72d5;
    width:auto;
}
 .FP3 #FP_details #avisclients .avisNameDate{
    overflow:hidden;
    float:left;
    width:331px;
}
#FP_details #avisclients #listeAvis .extraitAvisClient .datesejour {
    float:left;
    display: inline;
    width:200px;
    font-weight: bold;
}
 .FP3 #FP_details #avisclients #listeAvis .extraitAvisClient .datesejour{
    color:#232323;
    width:auto;
}
#FP_details #avisclients #listeAvis .extraitAvisClient .categorie {
    float:left;
    display: inline;
    width:200px;
}
 .FP3 #FP_details #avisclients #listeAvis .extraitAvisClient .categorie{
    color:#0f72d5;
    font-weight:bold;
    text-align:right;
    width:250px;
}

#FP_details #avisclients #listeAvis .extraitAvisClient .categorie span{
    font-weight: bold;
}
 .FP3 #FP_details #avisclients #listeAvis .extraitAvisClient .categorie span{
    color:#232323;
}

#FP_details #avisclients #listeAvis .extraitAvisClient p {
    float:left;
    display: inline;
    margin: 0px;
    clear:both;
    width: 580px;
    text-align: justify;
}
 .FP3 #FP_details #avisclients #listeAvis .extraitAvisClient p{
    margin:0 0 8px;
}
#FP_details #avisclients #listeAvis .note {
    width:85px;
    vertical-align:top;
    padding:10px 10px 0 0;
    text-align:center;
    color:#f00;
    float: left;
}
#FP_details #avisclients #listeAvis .note .eval {
    color:#f00;
    font-size:10px;
    text-transform:uppercase;
    white-space:nowrap;
}
 .FP3 #FP_details #avisclients #listeAvis .note .eval {
    color:#232323;
}
#FP_details #avisclients #listeAvis .note .moyenne {
    margin-top:5px;
}

#FP_details #listeavisclients {
    float:left;
    width:740px;
}
#FP_details .reservation {
    margin:0;
    float: left;
    min-width: 356px;
    width:100%;
}
.FP3 #FP_details .reservation .reference {
    font-size: 12px;
    float : left;
    width : 200px;
    position: relative;
    padding : 10px;
    text-align : left;
    color : #000;
}
.FP3 #FP_details .reservation .reference>span{
	float : left;
	display : block;
	width : 100%;
	height : 20px;
	line-height : 20px;
}
#encartTelephone {
    background: rgb(103,200,251); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY3YzhmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2Nzk5Y2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(103,200,251,1) 0%, rgba(103,153,204,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(103,200,251,1)), color-stop(100%,rgba(103,153,204,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(103,200,251,1) 0%,rgba(103,153,204,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(103,200,251,1) 0%,rgba(103,153,204,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(103,200,251,1) 0%,rgba(103,153,204,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(103,200,251,1) 0%,rgba(103,153,204,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67c8fb', endColorstr='#6799cc',GradientType=0 ); /* IE6-8 */

    float:left;
    width:203px;
    height:auto;
    margin: 0 0 10px;
    padding: 0 0 15px;
}

#de #encartTelephone .bloc .text, .landing-page-pays-de #encartTelephone .bloc .text, .landing-page-default-de #encartTelephone .bloc .text, .landing-page-destination-de #encartTelephone .bloc .text, .landing-page-65-de #encartTelephone .bloc .text {
    font-size:17px;
}
#encartTelephone h2 {
    color:#fff;
    margin:0 20px;
    line-height:39px;
}
#encartTelephone .bloc {
    float:left;
    margin:10px 0 0 10px !important;+margin:10px 0 0 5px;
    color:#fff; font-size:20px;
}
#encartTelephone .bloc span {
    font-weight:bold;
}
#encartTelephone .bloc p {
    float:right; width:150px;
    margin:0px 0px 0px 0px;
    padding:0;
    font-size:11px;
    font-weight:normal;
    text-align:left;
}
#encartTelephone .bloc .text{
    float:left;
    margin:0;
    padding:0;
    width:190px;
    font-size:15px;
    line-height:20px;
    height: 100px;
}
#encartTelephone .bloc .text span{
    font-weight:bold;
}
#encartTelephone .bloc .tel{
    background-color: #FE0000;
    float: left;
    font-size: 19px;
    font-weight: bold;
    margin-left: 2%;
    padding: 0;
    text-align: center;
    width: 90%;
    line-height: 35px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.FP3 #encartTelephone .bloc .tel {
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    font-size: 23px;
    margin-left: 0;
    width: 95%;
}

#encartTelephone .bloc .horaires{
    background-color: #79A8D4;
    float: left;
    font-size: 19px;
    font-weight: bold;
    margin-left: 2%;
    padding: 0;
    text-align: center;
    width: 90%;
    font-size:11px;
    font-weight:bold;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.FP3 #encartTelephone .bloc .horaires {
    background-color: transparent;
    font-weight: normal;
    position: relative;
    text-align: center;
    top: 8px;
}

body#es #encartTelephone .bloc .horaires {
    margin-top: 25px !important;
}
#encartTelephone .bloc .prix {
    float:left;
    background:#fff;
    color:#f00;
    font-size:24px;
    font-weight:bold;
    text-align:right;
    padding:5px;
}
#encartTelephone .bloc .prix .ttc {
    font-size:11px;
}
#encartTelephone .bloc .link {
    clear:both;
    float:left;
    height:30px;
    width:130px !important; +width:150px;
    margin:10px 0px;
    padding-left:20px;
    color:#fff;font-size:11px; font-weight:bold;text-decoration:underline;
}
#encartTelephone .bloc .link:hover{
    text-decoration:none;
}

.encartPub{
    width: 203px;
    height: 203px;
}

.mentionsPhotos{
    float:left;
    width:203px;
    margin: 0 0 10px;
    padding:0;
    background-color: #6799CC;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.mentionsPhotos p{
    float:left;
    width:95%;
    color:#fff;
    font-size:11px;
    line-height:11px;
    margin:10px 0 0 10px !important;
    +margin:10px 0 0 5px;
    padding:0 0 10px 0;
}

.FP3 .mentionsPhotos p {
    font-size: 10px;
    margin: 0 !important;
    padding: 10px;
    width: 90%;
}

#btnAllDates {
    float: right;
    display: inline;
    margin: 0 20px 0 0;
    -margin: 0 10px 0 0;
}

#btnAllDatesProg {
    float: right;
    display: inline;
    margin: 0 20px 0 0;
    -margin: 0 10px 0 0;
}

#btnAllDatesProg img, #btnAllDates img{
    border-style: none;
}

/* start new avis clients zone */
#avis-clients-top {
    float: left;
    display: inline;
    clear: left;
    width: 680px;
    margin: 10px 0 0 20px;
    font-family: Tahoma, Verdana, Arial;
}
#avis-clients-top-title {
    float: left;
    display: inline;
    clear: left;
    font-size: 13px;
    color: #f00;
    font-weight: bold;
    width: 600px;
}
#avis-clients-top-expl {
    float: left;
    display: inline;
    clear: left;
    font-size: 11px;
    color: #666;
    margin: 5px 0 0;
    width: 600px;
}
#avis-clients-top-expl a {
    font-weight: bold;
    color: #39f;
}

#avis-clients-top-moyenne {
    background: url("/static/images/bg/bg-avis-client-moyenne.gif") no-repeat;
    clear: left;
    float: left;
    height: 112px;
    margin: 0 0 0;
    padding: 5px 0 0 10px;
    width:265px;
}
 #avis-clients-top-moyenne {
    background: url("/static/images/bg/bg-avis-client-moyenne-2.gif") no-repeat;
    width:330px;
    position:relative;
    height:115px;
}
 #avis-clients-top-moyenne.huissier-false {
    background: url("/static/images/bg/bg-avis-client-moyenne.gif") no-repeat !important;
}
 #avis-clients-top-moyenne .avis-huissier-red-tab,
 #avisContainer .avis-huissier-red-tab,
 .avisNavire .avis-huissier-red-tab {
    background: url("/static/images/sprites/general-sprite-bgs.png") no-repeat 0 -256px;
    width:129px;
    height:29px;
    position:absolute;
    top:0;
    left:134px;
}
 #avis-clients-top-moyenne .avis-huissier-stamp,
 #avisContainer .avis-huissier-stamp,
 .avisNavire .avis-huissier-stamp {
    background:url("/static/images/sprites/general-sprite-bgs.png") no-repeat 0 -292px;
    width:76px;
    height:76px;
    position:absolute;
    top:21px;
    left:254px;
}
 #avisclients .avis-huissier-red-tab {
    background: url("/static/images/sprites/general-sprite-bgs.png") no-repeat 0 -256px;
    width:129px;
    height:29px;
    position:absolute;
    top:-2px;
    left:564px;
    text-decoration:none;
}
 #avisclients .avis-huissier-stamp {
    background:url("/static/images/sprites/general-sprite-bgs.png") no-repeat 0 -292px;
    width:76px;
    height:76px;
    position:absolute;
    top:-86px;
    left:487px;
    text-decoration:none;
}
 .FP3 #avisclients .avis-huissier-stamp {
    background:url("/static/images/avis/tampon_avis_constates.png") no-repeat;
    width:88px;
    height:89px;
    left:420px;
}
 #avisclients .avis-tab-huissier-text {
    position:absolute;
    top:-64px;
    left:577px;
    color:#1a171b;
    font-size:9px;
    text-align:center;
    text-decoration:underline;
}
 .FP3 #FP_details #avisclients .avis-tab-huissier-text{
    font-size:12px;
    color:#2c2c2c;
    left: 500px;
    right:5px;
}
 #avisclients .avis-tab-huissier-text:hover {
    text-decoration:none;
    color:#1a171b;
}
 #avisclients .sep {
    position:relative;
    margin:20px 0;
}
#es #avis-clients-top-moyenne .avis-huissier-red-tab,
#es #avis-clients-top-moyenne .avis-huissier-stamp,
#it #avis-clients-top-moyenne .avis-huissier-stamp,
#it #avis-clients-top-moyenne .avis-huissier-red-tab {
    display:none;
}

#moyenne-title{
	float: left;
    display: inline;
    margin-bottom : 15px;   
	padding-top: 3px;
    color: #1271dc;
    font-size:14px;
    line-height: 16px;
    font-weight: bold;
}

#de #avis-clients-top-moyenne {
    padding-top:0;
}

#de #avis-clients-top-moyenne a {
    line-height:13px;
}

#de #avis-clients-top-moyenne ul {
    margin:0;
}

#de #avis-clients-top-moyenne li span {
    line-height:11px;
}

#moyenne-title a{
    color: #f00;
}
#total-score {
    float: left;
    display: inline;
    clear: left;
    margin: 0;
    padding: 0;
    /*width: 200px;*/
}
#total-score img {
    border: none;
    float:left;
}
#total-score span {
    color: #f00;
    font-size: 10px;
    float: left;
    display: inline;
    margin-left: 3px;
    text-transform: uppercase;
}
#avis-clients-top-moyenne ul {
    float: left;
    display: inline;
    padding: 0;
    margin: 0;
    list-style-type: none;
    clear: left;
}
 #avis-clients-top-moyenne ul {
    margin:10px 0 0;
}
#it #avis-clients-top-moyenne ul {
    margin-top:6px;
}
#avis-clients-top-moyenne li {
    float: left;
    display: inline;
    clear: left;
    width: 264px;
    margin: 0 0 2px 0;
}
 #avis-clients-top-moyenne li {
    width:280px;
    margin: 2px 0 0;
}
 .FP3 #avis-clients-top-moyenne li {
    width:264px;
}
 .FP3 #avis-clients-top-moyenne li a{
    display:none;
}
#avis-clients-top-moyenne li span {
    font-size: 11px;
    color: #666;
    float: left;
    display: inline;
}
#avis-clients-top-moyenne li .esc-title {
    width:163px;
}
 #avis-clients-top-moyenne li .esc-title {
    width: 135px;
}
 .FP3 #avis-clients-top-moyenne li .esc-title{
    width:180px;
}
#avis-clients-top-moyenne li .esc-note {
    width: 40px;
    cursor:pointer;
    margin-left: 6px;
}

#it #avis-clients-top-moyenne li .esc-note, #es #avis-clients-top-moyenne li .esc-note,
#de #avis-clients-top-moyenne li .esc-note {
    cursor: auto;
}
#avis-clients-top-moyenne li img {
    border: none;
    float: left;
}

#it #avis-clients-top-recommend {
	float: left;
}

#avis-clients-top-recommend {
    float: right;
    margin: 15px 0 0;
    width: 400px;
    height: 103px;
    padding: 6px 0 0 11px;
    background: transparent url(/static/images/bg/bg-avis-client-recommend.gif) 0 0 no-repeat;
}
#recommend-title {
    float: left;
    display: inline;
    font-size: 13px;
    font-weight: bold;
    color: #f00;
}
#avis-clients-top-recommend ul {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#avis-clients-top-recommend li {
    float: left;
    display: inline;
    width: 210px;
    margin: 4px 0 0;
}
#avis-clients-top-recommend .right {
    width: 175px;
    margin-right: 10px;
    float: right;
}
#avis-clients-top-recommend li span {
    color: #666;
    font-size: 11px;
    float: left;
    display: inline;
    line-height: 12px;
}
#avis-clients-top-recommend li .categ {
    width: 117px;
}
#avis-clients-top-recommend .right .categ {
    width: 86px;
}
#avis-clients-top-recommend li .value {

}
#avis-clients-top-recommend li .themes {
    border: none;
    float: left;
    display: inline;
    margin: 0 5px;
}
.moyenne-img {
    float: left;
    display: inline;
}
/* end new avis clients zone */

/* start avis clients escale */
#FP_details table tbody tr.escale-avis-client {
    background-image: none;
}

/* start new escale */
.maxi-club-avis{
    float: left;
    display: inline;
    clear: left;
}
.maxi-club-avis {
    background: transparent url(/static/images/bg/bg-escale-avis.gif) 0 0 no-repeat;
    font-family: Tahoma,Verdana,Arial;
    font-size: 11px;
    font-weight: normal;
    margin: 0 39px 12px;
    padding: 0 0 0 19px;
    position: relative;
    width: 653px;
}
 .FP3 #programme .maxi-club-avis{
    background-color: #ededed;
    background-image: none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin: 5px 0 20px 4px;
    padding:0;
    width: 707px;
    position:relative
}
.ie8  .FP3 #programme .maxi-club-avis{
    behavior: url(/static/images/PIE.htc);
}
 .FP3 #programme .maxi-club-avis:after{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #ededed;
    border-image: none;
    border-style: solid;
    border-width: medium 10px 11px 0;
    bottom: 100%;
    content: " ";
    height: 0;
    left: 7%;
    margin-left: -10px;
    position: absolute;
    width: 0;
}
 .FP3 #programme .maxi-club-avis .avisDate{
    font-size:13px;
    font-weight:bold;
    color:#0f72d5;
}
.maxi-club-avis h3 {
    float: left;
    display: inline;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0;
}

.slider-avis {
    height: 70px;
    overflow: hidden;
    clear: left;
    padding: 15px 0 0 15px;
}
 .FP3 #programme .slider-avis{
    height: 80px;
    padding: 14px 35px 0;
    position: relative;
}
 .FP3 #programme .slider-avis:before{
    position:absolute;
    content:"“";
    color:#0f72d5;
    font-size:45px;
    left:10px;
    top:5px;
    font-family:arial;
    font-weight:bold;
}
 .FP3 #programme .slider-avis:after{
    position:absolute;
    color:#0f72d5;
    font-size:45px;
    right:10px;
    top:5px;
    font-family:arial;
    font-weight:bold;
}
.slider-avis .viewport {
    float: left;
    width: 610px;
    height: 69px;
    overflow: hidden;
    position: relative;
}
 .FP3 .slider-avis .viewport{
    height:63px;
}

p.avis-details {
    margin: 0;
    padding: 0;
    font-size: 11px;
}
.slider-avis .prev {
    margin: 0;
}
.slider-avis .next {
    margin: 0;
}
.slider-avis .element {
    margin: 0;
    padding: 0;
}
.slider-avis .avis-title {
    margin: 0;
    padding: 0;
    color: #f60;
    font-size: 11px;
    line-height: 11px;
    padding: 0 10px 0 0;
    font-weight: bold;
}
.slider-avis img {
    vertical-align: bottom;
    border: none;
    margin: 0 0 0 2px;
}
.slider-avis .disable {
    display: none;
}
.slider-avis .overview {
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    color: #666;
}
.slider-avis .overview li {
    float: left;
    margin: 0 20px 0 0;
    padding: 1px;
    width: 610px;
    height:67px;
}
 .FP3 .slider-avis .overview li{
    height:63px;
}
.slider-avis .overview li p {
    margin: 0;
    padding: 0;
    display: inline;
}

.slider-avis .overview li p.aime,
.slider-avis .overview li p.recommande {
    font-weight: bold;
}
 .FP3 #programme .slider-avis .overview li p.aime,
 .FP3 #programme .slider-avis .overview li p.recommande{
    font-weight:normal;
    color:#0f72d5;
}

.buttons-box {
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 0;
    margin: 0 10px 0 0;
}
 .FP3 #programme .buttons-box {
    bottom: 5px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 15px;
}
.buttons-box a {
    color: #39F;
    text-decoration: underline;
}
 .FP3 #programme .buttons-box a{
    color:#666666;
}
/* end new escale */

.likefacebook {
    float: left;
    display: inline;
    width: 400px;
    height: auto;
}

.FP3 .likefacebook {
    width: 220px;
}

#drapeaux-fp {
    margin: 5px;
    float: right;
}

#drapeaux-fp .lien-drapeau-fp {
    margin-right: 5px;
}

#drapeaux-fp .lien-drapeau-fp img {
    border: none;
}

.ttc-margin{
    float:left;margin-left:20px!important;
}

.calendrier-container {
    float: left;
    display: inline;
    width: 751px;
}
.calendrier-container-scroll {
    /*height: 675px; ABFO-815*/
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-base-color: #39F;
    scrollbar-face-color: #39F;
    scrollbar-track-color: #bfdffe;
    position:relative;
}

.ddepart-content {
    float: left;
    display: inline;
    width: 740px;
    margin: 0;
}
#it .ddepart-content{
    width:750px;
}

.FP3 .ddepart-content {
    margin: 25px 0 0;
    width: 750px;
}
 .FP3 .ddepart-content{
    margin:0 5px 5px;
    position:relative;
    width:733px;
}
 .FP3 .scroll .ddepart-content{
    width:740px;
    border-right:0;
}
 .FP3 .ddepart-content .mois{
    width: 574px;
}

.scroll{
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 850px;
}

.top35{
    position: relative;
    //top: 35%;
    top: 12px;
}
 .FP3 .top35{
    top:0;
}
#it .top35,
#es .top35{
    position: static;
}

.cab-list {
    float: left;
    width: 740px;
    list-style-type: none;
    margin: 0;
    padding: 0 0 2px 0;
    background: url("/static/images/bg/bg_escale.gif") repeat-x scroll left top transparent;
}
 .cab-list{
    width:100%;
    padding:0;
}

.FP3 .cab-list {
    background-image: none !important;
    height: 77px;
}

 .FP3 .cab-list{
    height: 77px;
    margin-top: -1px;
}
 .FP3 .cab-list.grey{
    height: 77px;
    margin-top: 0;
}
.FP3 .cab-list.cab-list-img {
    margin-top: -15px;
}
 .FP3 .cab-list.cab-list-img{
    margin-top:10px;
    height:86px;
}

.FP3 .grey {
    background-color: inherit;
}

#it .cab-list {
    margin-top: 5px;
}

.cab-list li {
    float: left;
    list-style: none;
    text-align: center;
}
#es .cab-list > li > a{
    margin-top: 18px;
}
/* cab1 */
.cab-list .cab1 {
    width: 590px;
    height: 76px;
}
.cab-list .cab1 .price, .cab-list .cab1 .epuise {
    font-size: 21px;
}
#it .cab-list .cab1 .price, #it .cab-list .cab1 .epuise,
#es .cab-list .cab1 .price, #es .cab-list .cab1 .epuise {
    font-size: 18px;
}
 .FP3 .cab-list .cab1{
    margin: 21px 0 0;
    width: 580px;
}
 .FP3 .scroll .cab-list .cab1,
 .FP3 .hasScroll .cab-list .cab1{
    width:565px;
}
 .FP3 #calendrier .cab-list .cab1,
 .FP3 #calendrier .cab-list .cab2,
 .FP3 #calendrier .cab-list .cab3,
 .FP3 #calendrier .cab-list .cab4,
 .FP3 #calendrier .cab-list .cab5{
    height:auto;
}
 .FP3 #calendrier .cab-list.cab-list-img{
    height:auto;
}
 .FP3 .scroll .cab-list .cab1{
    width:560px;
}

.FP3 .cab-list .cab1 .price, .cab-list .cab1 .epuise {
    font-size: 15px;
    position: relative;
    top: 18px;
}
 .FP3 .cab-list .cab1 .price{
    top:0;
}

.cab-list .cabq .price-old {
    font-size: 17px !important;
}
.cab-list .cab1 .price-disc {
    font-size: 18px !important;
}

/* cab2 */
.cab-list .cab2 {
    width: 294px;
    height: 76px;
}
.cab-list .cab2 .price, .cab-list .cab2 .epuise {
    font-size: 20px;
}
#it .cab-list .cab2 .price, #it .cab-list .cab2 .epuise ,
#es .cab-list .cab2 .price, #es .cab-list .cab2 .epuise {
    font-size:18px;
}
.cab-list .cab2 .price-old {
    font-size: 16px;
}
.cab-list .cab2 .price-disc {
    font-size: 17px;
}

/* cab3 */
.cab-list .cab3 {
    width: 197px;
    height: 76px;
}

.FP3 .cab-list .cab3 {
    height: 50px;
    position: relative;
    top: 10px;
    width: 193px;
}
.FP3 .scroll .cab-list .cab3{
    width: 187px;
}
 .FP3 .scroll .cab-list .cab3,
 .FP3 .hasScroll .cab-list .cab3{
    width: 187px;
}

 .FP3 .cab-list .cab3{
    border-left: 1px solid #666666;
    margin: 21px 0 0;
    padding-top:0;
    top:0;
    width:193px;
}
 .FP3 .tarif-special .cab-list .cab3{
    margin-top: 2px;
}
 .FP3 .vol .cab-list .cab3{
    width:250px;
}
 .FP3 .vol.scroll .cab-list .cab3,
 .FP3 .vol.hasScroll .cab-list .cab3{
    width:245px;
}
 .FP3 .vol.scroll .tarif-special .cab-list .cab3{
    margin-top:2px;
}
 .FP3 .cab-list .cab3.flash,
 .FP3 .cab-list .cab3.choc{
    margin-top:2px;
    padding:0;
}
 .FP3 .cab-list .cab3.flash a,
 .FP3 .cab-list .cab3.choc a{
    height: 53px;
}
 .FP3 .cab-list .cab3:first-child{
    border-left:0;
}
 .cab-list .first + .cab3{
    border-color:transparent;
}

.cab-list .cab3 .price, .cab-list .cab3 .epuise {
    font-size: 19px;
}
#it .cab-list .cab3 .price, .cab-list .cab3 .epuise,
#es .cab-list .cab3 .price, .cab-list .cab3 .epuise{
    font-size:18px;
}
.FP3 .cab-list .cab3 .price, .cab-list .cab3 .epuise {
    font-size: 15px;
    margin-top: 10px;
}
.cab-list .cab3 .price-old {
    font-size: 15px;
}
.cab-list .cab3 .price-disc {
    font-size: 16px;
}

/* cab4 */
.cab-list .cab4 {
    width: 147px;
    height: 76px;
}

.FP3 .cab-list .cab4,
.FP3 .cab-list .cab3, .FP3 .cab-list .cab2,
.FP3 .cab-list .cab1 {
    height: 50px;
    margin-top: 10px;
}
 .FP3 .cab-list .cab2{
    margin: 21px 0 0;
    width:290px;
    border-left:1px solid #666666;
}
 .FP3 .scroll .cab-list .cab2,
 .FP3 .hasScroll .cab-list .cab2{
    width:282px;
}
 .FP3 .cab-list .tarif-special .cab2,
 .FP3 .cab-list .tarif-special + .cab2
{
    border-left:0;
}
 .FP3 .ddepart-content .first + .cab2{
    border-color:transparent;
}
 .FP3 #calendrier .cab-list .cab2{
    border-color:transparent;
}
 .FP3 .vol .cab-list .cab2{
    margin: 21px 0 0;
    width:503px;
}
 .FP3 .hasScroll.vol .cab-list .cab2,
 .FP3 .scroll.vol .cab-list .cab2{
    width:490px;
}
 .FP3 .vol .cab-list .tarif-special .cab2{
    border-left:0;
    margin-top: 2px;
    width:503px;
}
 .FP3 .vol.scroll .cab-list .tarif-special .cab2{
    border-left:0;
    margin-top: 2px;
    width:490px;
}
 .FP3 .vol.scroll .cab-list .cab4 {
    border-left: 1px solid #666666;
    height: 42px;
    margin: 21px 0 0;
    width: 162px;
}
 .FP3 .vol .cab-list .cab4{
    border-left: 1px solid #666666;
    height: 42px;
    margin: 21px 0 0;
    width: 166px;
}
 .FP3 .vol.scroll .cab-list .cab4,
 .FP3 .vol.hasScroll .cab-list .cab4
{
    width:162px;
}
 .FP3 .vol.scroll .cab-list .tarif-special .cab4{
    width:163px;
    margin-top:2px;
}
 .FP3 .vol.scroll .cab-list .tarif-special + .cab4{
    border-left:0;
}
 .FP3 .cab-list .cab4{
    border-left: 1px solid #666666;
    height: 42px;
    margin: 21px 0 0;
    width:143px;
}
 .FP3 .scroll .cab-list .cab4,
 .FP3 .hasScroll .cab-list .cab4{
    width: 140px;
}
 .FP3 .scroll.vol .cab-list .cab4{
    width: 163px;
}
 .FP3 .cab-list .first + .cab4,
 .FP3 .vol .cab-list .first + .cab4{
    border-color:transparent;
}
 .FP3 #calendrier .cab-list .cab4 {
    border-color:transparent;
}
 .FP3 .component.cab3.hasSpecialOfferSiblings.last a,
 .FP3 .component.cab3.hasSpecialOfferSiblings.last span {
    margin-top: 0;
    top: 0;
}


.cab-list .cab4 .price, .cab-list .cab4 .epuise {
    font-size: 18px !important;
}

.FP3 .cab-list .cab4 .price, .cab-list .cab4 .epuise {
    font-size: 15px !important;
}

.cab-list .cab4 .price-old, .cab-list .cab5 .price-old {
    font-size: 14px !important;
}
.FP3 .cab-list .cab5 .price-old,
.FP3 .cab-list .cab4 .price-old,
.FP3 .cab-list .cab3 .price-old,
.FP3 .cab-list .cab2 .price-old,
.FP3 .cab-list .cab1 .price-old{
    color: #888888;
    display: inline;
    font-size: 10px !important;
    text-align: left;
    width: 45%;
}

.FP3 .cab-list .cab1 .price-old {
    position: relative;
    top: 17px;
}

.cab-list .cab4 .price-disc, .cab-list .cab5 .price-disc {
    font-size: 15px !important;
}
.FP3 .cab-list .cab5 .price-disc,
.FP3 .cab-list .cab4 .price-disc,
.FP3 .cab-list .cab3 .price-disc,
.FP3 .cab-list .cab2 .price-disc,
.FP3 .cab-list .cab1 .price-disc{
    color: #000000;
    display: inline;
    font-size: 10px !important;
    margin-right: 10px;
    text-align: right;
    width: 45%;
}

.FP3 .cab-list .cab1 .price-disc{
    position: relative;
    top: 17px;
    width: 49%;
}

.FP3 .component.cab4 > a,
.FP3 .cab4.hasSpecialOfferSiblings.last > a,
.FP3 .cab5 > a,
.FP3 .cab4 > a,
.FP3 .cab3 > a,
.FP3 .cab2 > a,
.FP3 .cab1 > a {
    display: block;
}

.FP3 .cab4.hasSpecialOfferSiblings.last > a,
.FP3 .cab3.hasSpecialOfferSiblings.last > a,
.FP3 .cab2.hasSpecialOfferSiblings.last > a{
    margin-top: 18px;
}
 .FP3 .cab4.hasSpecialOfferSiblings.last > a,
 .FP3 .cab3.hasSpecialOfferSiblings.last > a,
.FP3 .cab2.hasSpecialOfferSiblings.last > a{
    margin:0;
}

.FP3 .cab4 > a {
    top: 0 !important;
}

/* cab5 */
.cab-list .cab5 {
    width: 117px;
    height: 76px;
}

.FP3 .cab-list .cab5 {
    height: 50px;
    width: 116px;
}
 .FP3 .cab-list .cab5{
    width:145px;
    border-left:1px solid #666666;
    height:42px;
    margin:21px 0 0;
    padding-top:0px;
}
 .FP3 .vol .cab-list .cab5{
    width:125px;
}
 .FP3 .scroll .cab-list .cab5,
 .FP3 .hasScroll .cab-list .cab5{
    width:140px;
    border-left:1px solid #666666;
    height:42px;
    margin:21px 0 0;
    padding-top:0;
}
 .FP3 .cab-list .tarif-special .cab5{
    width:145px;
}
 .FP3 .scroll .cab-list .tarif-special .cab5{
    width:140px;
}

 .FP3 .vol.scroll .cab-list .cab5,
 .FP3 .vol.hasScroll .cab-list .cab5{
    width:122px;
    border-left:1px solid #666666;
    height:42px;
    margin:21px 0 0;
    padding-top:0;
}

 .FP3 #calendrier .cab-list .cab5{
    border-color:transparent;
}
.FP3 .cab-list .tarif-special .cab5{
    width: 116px;
}
 .FP3 .vol .cab-list .tarif-special .cab5{
    width:125px;
}
 .FP3 .vol.scroll .cab-list .tarif-special .cab5{
    width:122px;
}
 .FP3 .cab-list .tarif-special .cab5{
    width:141px;
}
.FP3 .cab5 > a, .FP3 .cab3 > a {
    display: block;
}

.cab-list .cab5 .price, .cab-list .cab5 .epuise {
    font-size: 17px;
}
.cab-list .cab5 .price-old {
    font-size: 13px;
}
.cab-list .cab5 .price-disc {
    font-size: 14px;
}

/* cab6 */
.cab-list .cab6 {
    width: 96px;
    height: 76px;
}
.cab-list .cab6 .price, .cab-list .cab6 .epuise {
    font-size: 16px !important;
}
.cab-list .cab6 .price-old {
    font-size: 12px !important;
}
.cab-list .cab6 .price-disc {
    font-size: 13px !important;
}

/* cab7 */
.cab-list .cab7 {
    width: 84px;
    height: 76px;
}

#it .cab-list .cab7 {
    width: 83px;
}

.cab-list .cab7 .price, .cab-list .cab7 .epuise {
    font-size: 15px !important;
}
.cab-list .cab7 .price-old {
    font-size: 11px !important;
}
.cab-list .cab7 .price-disc {
    font-size: 12px !important;
}

/* cab8 */
.cab-list .cab8 {
    width: 78px;
    height: 76px;
}

.cab-list-content li {
    background: url("/static/images/bg/sep-cell2.gif") no-repeat right top;
    margin: 5px 0;
}
 .cab-list-content li{
    background: none;
    margin:0;
}

.cab-list-content .first, .cab-list-content .last {
    background-image: none;
}
.cab-list-internal{
    padding: 0px;
    margin:0px;
    background-color:#FFFFFF;
}

.FP3 .cab-list-internal{
    background-color: transparent;
}

.cab-list-internal:after{
	content:"";
	clear:both;
	display:block;
}
.cab-list-internal li {
    margin: 0 0 0 -1px;
    min-height:63px;
    height: auto !important;
}

.FP3 .cab-list-internal li {
    min-height: 59px;
}
 .FP3 .cab-list-internal li{
    min-height: 0;
}

#it .cab-list-internal li {
    min-height: 81px;
    position:relative;
}

li.flash{
    background:url("/static/images/tarif-flash/tarif-flash.png") no-repeat center 27px  !important;
    border-left:1px solid #147ADF;
}
 .FP3 li.flash{
    background:url("/static/images/tarif-flash/tarif-flash.png") no-repeat center 14px  !important;
}
#es li.flash{
    background:url("/static/images/tarif-flash/tarif-flash-es.png") no-repeat center 27px  !important;
}
#it li.flash {
    background:url("/static/images/tarif-flash/tarif_it_petit.gif") no-repeat center 44px  !important;
}
li.choc{
    background:url("/static/images/tarif-flash/tarif-choc-fr.png") no-repeat center 17px  !important;
    border-left:1px solid #147ADF;
}
 .FP3 .cab-list .cab4.choc,
 .FP3 .cab-list .cab4.flash{
    margin: 2px 0 0;
    padding: 0;
}
 .FP3 .cab-list .cab4.choc a,
 .FP3 .cab-list .cab4.flash a{
    height:53px;
}
 .FP3 .cab-list .cab4.choc:first-child,
 .FP3 .cab-list .cab4.flash:first-child{
    border:0;
}
 .FP3 .cab-list .tarif-special + .cab4{border:0;}

 .FP3 .cab-list .tarif-special .cab5.choc,
 .FP3 .cab-list .tarif-special .cab5.flash{
    margin:2px 0 0;
    padding:0 0 0;
}
 .FP3 .cab-list .tarif-special .cab5.choc a,
 .FP3 .cab-list .tarif-special .cab5.flash a{
   height:53px;
}

 .FP3 .cab-list .tarif-special .cab5.choc:first-child,
 .FP3 .cab-list .tarif-special .cab5.flash:first-child{
    border:0;
}
#es li.choc {
    background:url("/static/images/tarif-flash/tarif-choc-es.png") no-repeat center 27px  !important;
}
#it li.choc {
    background:url("/static/images/tarif-flash/tarif-choc-it.png") no-repeat center 27px  !important;
}
.cab-list-internal li a {
    display: inline-block;
    margin-top: 2px;
}
#es .cab-list-internal li a {
    display: block;
    height:51px;
}
#it .cab-list-internal li a{
    display:block;
    height:72px;
    margin-top:4px;
}
#it .cab-list-internal li.flash a ,
#es .cab-list-internal li.flash a,
#it .cab-list-internal li.choc a ,
#es .cab-list-internal li.choc a {
    margin-top:4px;
}
 .cab-list-internal li a {
    margin-top: 0;
}
li.flash .last {
    background:url("/static/images/tarif-flash/tarif-flash.png") no-repeat center 27px !important;
}
#es li.flash.last {
    background:url("/static/images/tarif-flash/tarif-flash-es.png") no-repeat center 27px !important;
}
#it li.flash.last {
    background:url("/static/images/tarif-flash/tarif_it_petit.gif") no-repeat center 44px !important;
}
li.choc.last {
    background:url("/static/images/tarif-flash/tarif-choc-fr.png") no-repeat center 27px !important;
}
#es li.choc.last {
    background:url("/static/images/tarif-flash/tarif-choc-es.png") no-repeat center 27px !important;
}
#it li.choc.last {
    background:url("/static/images/tarif-flash/tarif-choc-it.png") no-repeat center 27px !important;
}
.cab-list-content li.tarif-special {
    margin:0 0 0 -1px;
    border:1px solid #147ADF;
    border-top:none;
    background:none;
}
 .cab-list-content li.tarif-special{
    margin:0;
    height:76px;
}
 .cab-list-content li.tarif-special + .addonVol{
    border-left:0;
}
 .cab-list-content li.tarif-special + .cab5,
 .cab-list-content li.tarif-special + .cab3,
 .FP3 .scroll .cab-list li.tarif-special + .cab5{
    border-left:0;
}
#it .cab-list-content li.tarif-special{
	border-top:1px solid #147ADF;
}

 .FP3 .tarif-special .cab3.choc {
    margin-top: 0;
    top: 0;
}

#it .cab-list-content .tarif-special .cab3 {
    width:198px;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}
.cab-list-content .tarif-special .cab4 {
    width:147px;
}

.FP3 .cab-list-content .tarif-special .cab4 {
    width:146px;
    margin-top: 2px;
}
 .FP3 .cab-list .tarif-special .cab4 {
    width:143px;
    margin-top: 2px;
}
 .FP3 .vol .cab-list .tarif-special .cab4 {
    width:166px;
    margin-top: 2px;
}
 .FP3 .scroll .cab-list .tarif-special .cab4 {
    width:140px;
    margin-top: 2px;
}

.FP3 .component.cab4.hasSpecialOfferSiblings {
    margin-top: 0;
}

.cab-list-content li p {
    margin:0;
    background:#147adf;
    color:white;
    padding: 3px;
    font-weight:bold;
}

.FP3 .cab-list-content li p {
    padding: 2px;
    line-height:15px;
}

#it .cab-list-content li p {
    display: none;
}

#it .cabNr5 .nosiblings .cab-list-internal li,
#it .cabNr6 .nosiblings .cab-list-internal li,
#it .cabNr7 .nosiblings .cab-list-internal li,
#it .cabNr8 .nosiblings .cab-list-internal li,
#it .cabNr5 .nosiblings .cab-list-internal .last,
#it .cabNr6 .nosiblings .cab-list-internal .last,
#it .cabNr7 .nosiblings .cab-list-internal .last,
#it .cabNr8 .nosiblings .cab-list-internal .last {
    min-height: 81px;
}
#it .nosiblings p {
    line-height:12px;
    padding: 0 0 2px;
}


.cabNr4 .nosiblings{
    width:147px;
}
 .FP3 .cabNr4 .nosiblings{
    width:auto;
}
.cabNr5 .nosiblings{
    width:117px;
}
 .FP3 .cabNr5 .nosiblings{
    width:auto;
}
.cabNr6 .nosiblings{
    width:103px;
}
.cabNr7 .nosiblings{
    width:87px;
}
.cabNr8 .nosiblings{
    width:79px;
}

.cab-list li > span {
    float: left;
    display: inline;
    width: 100%;
    line-height: 1.2;
}

.cabine-small-title {
    color: #222222;
    margin-bottom: 10px;
    margin-top: 10px;
}
 .FP3 .cabine-small-title{
    margin-bottom:0;
}

.cab-list li .categorie {
    line-height: 0.9;
    min-height: 18px;
}

#it .cab-list .tarif-special li .categorie {
    position: relative;
    top: -21px;
}

.cab-list .first {
    width: 127px;
    min-height:10px;
}
 .cab-list .first {
    width: 142px;
    padding:0 6px 0 10px;
    margin:0;
}
 .cab-list .first + .cab5,
 .FP3 .scroll .cab-list .first + .cab5,
 .FP3 .hasScroll .cab-list .first + .cab5
{
    border-color: transparent;
}
#es .cab-list .first {
    width: 138px;
}
#it .cab-list .first {
    width: 138px;
}
/* .zoom-img {
    margin-top: -16px;
    float: left;
    display: inline;
    z-index: 100;
    background: url("/static/images/sprites/fp.png") no-repeat -369px 0;
    width:17px;
    height:17px;
} */
.cab-list .img  {
    display: block;
    width: 65px;
    margin: 0 auto;
}

.FP3 .cab-list .img  {
    display: block;
    left: -12px;
    margin: 0 auto;
    position: relative;
    width: 65px;
}

.cab-list .img a img {
    border: none;
}
.cab-list .img a span {
    display: none;
}
.ddepart-content .mois {
    float: left;
    display: inline;
    color: #000;
    font-size: 17px;
    font-weight: bold;
    padding: 5px 0 5px 5px;
    text-align: left;
    width: 690px;
}

.FP3 .ddepart-content .mois {
    padding: 5px 0 5px 4px;
}
 .FP3 .ddepart-content.scroll .mois {
    display: block;
    padding: 5px 0 5px 13px;
    width: 567px;
}
 .FP3 .ddepart-content.scroll .mois:first-child{
    padding: 0 0 5px 13px;
}
 .FP3 .ddepart-content .mois {
    display: block;
    padding: 5px 0 5px 13px;
    width: 566px;
}

.FP3 .ddepart-content .mois {
    font-size: 16px;
    text-transform: capitalize;
}

 .ddepart-content .mois + .cab-list > li.first{
    margin:0;
}


.ddepart-content .mois + .cab-list .tarif-special .categorie{
	display:block;
	position:relative;
	top:-43px;
	height:0px;
	overflow:visible;
}

.ddepart-content .mois + .cab-list .tarif-special.nosiblings .categorie{
	top:-50px;
}
.ddepart-content .mois + .cab-list.cabNr1 .tarif-special.nosiblings .categorie,
.ddepart-content .mois + .cab-list.cabNr2 .tarif-special.nosiblings .categorie,
.ddepart-content .mois + .cab-list.cabNr3 .tarif-special.nosiblings .categorie,
.ddepart-content .mois + .cab-list.cabNr4 .tarif-special.nosiblings .categorie{
	top:-40px;
}

.ddepart-content .mois + .cab-list > li .categorie{
	display:block;
	top:-21px;
	position:relative;
}

.categorie-nonfr {
    padding-bottom: 6px;
    position: relative;
    text-align: center;
}
#es .categorie-nonfr {
    height: 0;
    padding: 0;
    top: -45px;
}

#es .tarif-special.nosiblings .categorie-nonfr {
    top: -45px;
}

#it .categorie-nonfr {
    position: absolute;
    text-align: center;
    top: -25px;
    width:100%;
}

.FP3 .ddepart-content .mois + .cab-list > li .categorie,
.FP3 div#datesDepart div.calendrier-container ul.cab-list li.tarif-special ul.cab-list-internal div.categorie{
    color: #222222;
/*    top: -43px;
    position: relative;*/
}

#es .ddepart-content .mois + .cab-list.cabNr4 .tarif-special.nosiblings .categorie{
	top:-50px;
}
.ddepart-content .btn4 {
    background: url("/static/images/sprites/general-sprite-buttons.png") no-repeat scroll 0 -97px transparent;
    float: left;
    height: 30px;
    text-align:center;
    width:135px;
    margin-top:4px;
    padding:5px 0px 0px 0px;
}

#de .ddepart-content .btn4.btn-cab-list {
    background: url("/static/images/btn/btn4-cab-list.png") no-repeat scroll 0 0 transparent;
    width:147px;
    padding: 1px 0 0;
}

.ddepart-content .btn4 a {
    background: none !important;
    width:100%;
    display:block;
    margin:0px;
    padding:3px 0 0;
    color:#FFFFFF;
    font-size: 11px;
}

#de .ddepart-content .btn4 a {
    padding:0;
}
.cab-list .price {
    color: #f00;
    font-size: 14px;
    font-weight: bold;
}

.FP3 .cab-list .price {
    color: #fe0000;
    font-size: 15px;
    line-height:15px;
}

.cab-list-content li.surclassement .price {
    background: url("/static/images/tarif-flash/tarif_surclassement_prix.png") no-repeat center;
    display: block;
    height: 69px;
}

.cab-list-content li.surclassement .price-old,
.cab-list-content li.surclassement .price-disc,
.FP3 .cab-list-content li.surclassement .price-old,
.FP3 .cab-list-content li.surclassement .price-disc {
    display: none;
}

.cab-list .price-old {
    color: #666;
    text-decoration: line-through;
    font-size: 10px;
}
.cab-list .price-disc {
    color: #f00;
    font-size: 11px;
    font-weight: bold;
}
.date-dep-first {
    margin-top: 20px;
}

.FP3 .date-dep-first {
    margin-top: 18px;
    overflow: visible;
    width: 148px;
}

.cab-list-img .first {
    position: relative;
}
.cab-list-img .cell-short {
    width:115px !important;
}
.cab-list-img .categorie {
    min-height: 29px !important;
    padding-top: 6px !important;
}
.imgCabineSmallPrix {
    float: left;
    display: inline;
    position: relative;
}
.ddepart-content .sep {
    background-position: left top !important;
}

.epuise-first {
    color: #f30;
    text-align: left;
}

/* start popup images navire */
.CabinesBigContainer {
    background-color: #fff;
    border: 1px solid #666;
    cursor: pointer;
    display: none;
    padding: 5px;
    position: fixed;
    left:35%;
    width: 320px;
    z-index: 10;
}

.CabinesBigContainer .images {
    display: inline;
    float: left;
    height: 200px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 320px;
}
.CabinesImageBig {
    height: 200px;
    width: 320px;
}
.CabinesImageClose {
    position: absolute;
    right: 0;
    top: 0;
}
/* end popup images navire */

/* start video comment reserver */
#fp-video-comment-reserver {
    display: inline;
}

#fp-video-comment-reserver .title-bar {
    background-color: #0A70D6;
    color: #FFFFFF;
    display: block;
    font-family: Tahoma;
    font-size: 15px;
    line-height: 30px;
    padding-left: 10px;
    width: 193px;
}

#fp-video-comment-reserver #btn-video-comment-reserver{
    width: 203px;
}

#video-comment-reserver-bg {
    height: 113px;
    width: 203px;
}


/* start video player */
#fp-video-comment-reserver-player {
    display: none;
    border: 1px #0a70d6 solid;
    margin: 0;
    position: absolute;
    width: 480px;
    z-index: 500;
}
#fp-video-comment-reserver-player .title-bar {
    background-color: #0a70d6;
    height: 22px;
    display: block;
}
#fp-video-comment-reserver-player .video-container {
    float: right;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}
#fp-video-comment-reserver-player .lnk-close {
    color: #FFF;
    float: right;
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
}
#fp-video-comment-reserver-player .video-container .alt {
    display: none;
}
/* start video player */

/* end video comment reserver */

.ad-gallery,.cGallery,.cab-list-img,img{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.ad-gallery .ad-thumbs li {
    padding-right:0px !important;
}
/*Cabine Tab - table replacement*/
#FP_details .cabines_navire{
    border-collapse: collapse;
    clear: both;
    color: #666666;
    float: left;
    font-size: 11px;
    margin: 0;
    padding: 0;
    width: 740px;
}
 .FP3 #FP_details .cabines_navire{
    width:100%;
    font-size:12px;
    display:table;
    float:none;
}
 .FP3 #FP_detail .lien{
    margin-left:10px;
}
.exTr {
    position: relative;
    float: left;
    min-height: 255px;
    width: 100%;
    background: url("/static/images/bg/bg_escale.gif") repeat-x scroll left top transparent;

}
 .FP3 #FP_details .cabines_navire .exTr{
    display:table-row;
    background:none;
    border-top:1px solid #1271dc;
}
 .FP3 #FP_details .cabines_navire .exTr:first-child{ border-top:0; }
#navire .exTr {
    *float:left;
    display:inline-block;
}
.exTd-1{
    display: inline-block;
    float: left;
    padding: 15px 10px 10px;
    text-align: left;
    width: 45%;
    /*ie7 fix*/
    zoom: 1;
    *display: inline;
}

.exTd-2{
    display: inline-block;
    float: left;
    padding: 15px 10px 10px 25px;
    text-align: left;
    width: 47%;
    /*ie7 fix*/
    zoom: 1;
    *display: inline;
}

 .FP3 .exTd-1,
 .FP3 .exTd-2{
    display: table-cell;
    padding:15px 10px;
    float:none;
    vertical-align:top;
}
 .FP3 .exTd-1{
    width:321px;
}
 .FP3 .exTd-2{
    position:relative;
    text-align: justify;
    width:auto;
}
 .FP3 .exTd-2 img{
    position:absolute;
    bottom:15px;
    right:10px;
}

/*Escales - table replacement*/
#FP_details .etape{
    clear: both;
    color: #666666;
    float: left;
    font-size: 11px;
    margin: 0;
    padding: 0;
    width: 750px;
}
 .FP3 #FP_details .etape{
    width:100%;
}
.boldBlue{
    color: #3399FF;
    font-weight: bold;
}
.firstDay{
    width: 100%;
    min-height: 27px;
    background: url("/static/images/bg/bg_escale.gif") repeat-x scroll left top transparent;
}
 .FP3 #programme .firstDay{
    background:none;
    border-top:1px solid #1271dc;
    padding:5px;
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow:hidden;
}
.leftBlock{
    float: left;
    padding: 0 0 10px 10px;
    margin-right:10px;
    width: 45%;
}
 .FP3 #programme .leftBlock,
 .FP3 #programme .firstDay .textBlock{
    width:320px;
    padding: 0 0 10px;
}
.firstDay .textBlock{
    min-height: 20px;
    color: #999999;
    width: 45%;
    padding:0 0 10px 10px;
    float: left;
}
.firstDay .textBlock p{
    font-size: 17px;
    font-weight: bold;
    text-align: right;
    margin:5px 0 10px 0px;
    padding: 0;
}
 .FP3 #programme .firstDay .textBlock p,
 .FP3 #programme .divContainer .leftBlock p{
    font-size:19px;
    color:#0f72d5;
}
.firstDay .boldBlue{
    min-height: 20px;
    width: 49%;
    float: left;
}
.firstDay .boldBlue{
    color: #3399FF;
    font-weight: bold;
    font-size: 11px;
    margin:0px 0px 0px 10px;
}
.boldBlue{
    color: #3399FF;
    float: left;
    font-size: 11px;
    font-weight: bold;
    width: 51%;
}
 .FP3 #programme .firstDay .boldBlue,
 .FP3 #programme .boldBlue{
    width:368px;
}
.divContainer .leftBlock p {
    font-size: 17px;
    font-weight: bold;
    margin: 5px 0 10px 0;
    padding: 0;
    text-align: right;
    color: #999;
}
.divContainer{
    width: 100%;
    overflow: auto;
    background: url("/static/images/bg/bg_escale.gif") repeat-x scroll left top transparent;
}
 .FP3 #programme .divContainer{
    background:none;
    border-top:1px solid #1271dc;
    box-sizing: border-box;
    overflow: hidden;
    padding: 5px;
    width: 100%;
}
.dayNumber{
    min-height:20px;
}
.dayNumber .day{
    width: 46%;
    float: left;
}
.dayNumber .boldBlue{
    width: 51%;
    float: left;
}
.FP-exTable{
    clear: both;
    color: #666666;
    font-size: 11px;
}
.FP-exTr{
    background: url("/static/images/bg/bg_escale.gif") repeat-x scroll left top transparent;
}
#FP_details #avisclients #listeAvis .FP-exTr{
    height: auto;
    overflow:auto;
}
 .FP3 #FP_details #avisclients #listeAvis .FP-exTr{
    background:none;
    border-top:1px solid #1271dc;
}

body #newCustomPubContainer{
    position:absolute;
    right:-137px;
    top:153px;
    display:block !important;
}

body .sejlistColumnB #newCustomPubContainer{
    top:153px;
}

body#de #newCustomPubContainer{
    position:absolute;
    right:-137px;
    top:153px;
    display:block !important;
}

body#de .sejlistColumnB #newCustomPubContainer{
    top:153px;
}

.boldBlue .arrowlink a{
    line-height:12px;
}
 .FP3 #programme .boldBlue .arrowlink a,
 .FP3 #programme .excursions-link{
    font-size:12px;
    color:#085bc4;
    margin-right:0;
    font-weight:normal;
    line-height:16px;
    height:16px;
    display:block;
}

#offreIndispoible_bg{
    float: right;
    width: 906px;
    padding : 10px;
    margin-top : 10px;
    border : #ff0000 1px solid;
    background : #f5f5f5;
}

#offreIndispoible_content{
    padding: 0 300px;
    color:#373236;
    font-size:11px;
    text-align:left;
    line-height : 20px;
    margin-bottom : 5px;
}


#offreIndispoible_bottom{
    background: url("/static/images/sprites/general-sprite-bgs.png") repeat-y scroll -1px -207px transparent;
    width:362px;
    height:17px;
}
#suggestionOffre_bg{
   	width: 906px;
    padding : 10px;
    margin-top : 10px;
    border : #bcbcbc 1px solid;
    float : left;
}
.contentPadding{
    padding:10px;
    display:inline-block;
    width:624px;
}
#suggestionOffre_bg .listResWrapper {
    background: url("/static/images/bg/bg-sejlist-row.gif") repeat-x scroll left top #FFFFFF;
    width:100%;
}
#suggestionOffre_bg .min-height-150px {
    min-height: 150px;
}
#suggestionOffre_bg .visuel {
    float: left;
    width: 140px;
    font-weight:normal !important;
    text-transform:none !important;
}
#suggestionOffre_bg .content .exTd {
    height: auto;
    margin: 0;
    padding: 7px;
    vertical-align: top;
    text-align: center;
}

#suggestionOffre_bg .descriptif {
    float: left;
    min-height: 110px;
    width: 472px;
    padding: 0px 0px 0px 10px;
    text-transform:none;
}

#suggestionOffre_bg .avis {
    background: none repeat scroll 0 0 transparent;
    color: #FF0000;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

#suggestionOffre_bg .moyenne {
    float: left;
    margin: 1px 0 0 10px;
    width: 60px;
}

#suggestionOffre_bg .ac {
    display: inline;
    float: left;
    margin: 4px 0 0 5px;
}

#suggestionOffre_bg .eval {
    float: left;
    font-size: 10px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    width: 60px;
}

#suggestionOffre_bg .descriptif a {
    cursor: pointer;
    float: none;
    margin: 0;
    padding: 0;
    width: 480px;
}

#suggestionOffre_bg .descriptif .croisiereNavire {
    color: #666666;
    display: inline;
    float: left;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
    margin: 5px 0;
    width: 480px;
}

#suggestionOffre_bg .descriptif .croisiereEscales {
    color: #666666;
    display: inline;
    float: left;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    margin-top: 8px;
    width: 480px;
}

#suggestionOffre_bg .descriptif .croisiereEscales {
    color: #666666;
    display: inline;
    float: left;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    margin-top: 8px;
    width: 480px;
}

#suggestionOffre_bg .descriptif .croisiereDeparts {
    color: #666666;
    display: inline;
    float: left;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    width: 480px;
}

#suggestionOffre_bg .descriptif .croisiereDestination {
    color: #3399FF;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    margin: 0;
    padding: 0 0 5px;
    width: 420px;
}

#suggestionOffre_bg .descriptif .croisiereZone {
    color: #3399FF;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
}

#suggestionOffre_bg .descriptif .duree {
    color: #3399FF;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
}

#suggestionOffre_bg .visuel a img {
    border: medium none;
    height: 103px;
    margin: 0;
    padding: 0;
    width: 140px;
}
#suggestionOffre_bg .visuel .avis .moyenne .star {
    display: inline;
    float: left;
    height: 11px;
    margin: 0;
    padding: 0;
    width: 11px;
}

.suggestionOffre_ttl{
    font-weight:bold;
    color:#000000;
    margin-bottom:10px;
}


#carteItineraire, #encartAvion{
    height: 180px!important;
    width:198px!important;
    border: 1px #cbcbcb solid;
    margin-bottom : 10px;
}
#prestationsFP{
	border: 1px #cbcbcb solid;
    margin-bottom : 10px;
    float : left;
    width : 198px;
    background : #fff;
}
#prestationsFP h2{
	text-align : center;
	height : 30px;
	line-height : 30px;
	padding : 10px 0;
	background : #f5f5f5;
	color : #0F72D5;
	width : 100%;
	margin : 0;
}
#prestationsFP h2>span{
	font-weight : bold;
}
#prestationsFP ul{
	margin : 0;
	padding : 10px;
	float : left;
	list-style : none;
}
#prestationsFP ul>li{
	font-size : 10px;
	margin : 0;
	padding : 0;
	float : left;
	width : 50%;
}
#prestationsFP ul>li>span,
#prestationsFP ul>li>div{
	display : inline-block;	
	line-height : 28px;
	vertical-align : middle;
}
#prestationsFP ul>li>span{
	width : 59px;
}
#carteItineraire_trans .btn_zoom_flashBox{
    position: absolute;
    background: #ff0000;
    bottom: 5px;
    left: 5px;
    padding: 10px;
    color: #fff;
    line-height: 12px;
    font-size: 12px;
}


#carteItineraire #carteItineraire_trans h2{
    font-size: 15px;
}

#carteItineraire_trans{
    cursor: pointer;
    height: 180px;
    left: 0;
    position: absolute;
    top: 0;
    width: 198px;
}

#btn_zoom_flash{
    bottom: 30px;
    left: 90px;
    position: absolute;
}

#volsInclus{
    margin:5px 0px 0px 0px;
}

#de .tampon {
    height:83px;
}

#volsInclusCustomImage{
    background: url(/static/images/icon/VolsInclus.gif) no-repeat 0 0 transparent !important;
    width:77px;
    height:71px;
    margin:10px 10px 0px 10px;
}

#it #volsInclusCustomImage{
    background: url(/static/images/icon/VolsInclus_IT.gif) no-repeat 0 0 transparent !important;
    width:77px;
    height:71px;
    margin:10px auto;
}

#es #volsInclusCustomImage{
    background: url(/static/images/icon/VolsInclus_ES.gif) no-repeat 0 0 transparent !important;
    width:77px;
    height:71px;
    margin:10px auto;
}

.btn_zoom_flashBox{
    width:55px;
    left:65px !important;
    bottom:15px !important;
    color : #ffffff;
    text-align : center;
}

/* Google Map styles */
#map_canvas {
    width: 100%;
    height: 100%;
}

#map_canvas .map-label
{
    position: relative;
    top: -5px;
    left: -50%;
    white-space: nowrap;
    border: 1px solid blue;
    padding: 2px;
    background-color: #3399FF;
    color: #FFFFFF;
    display: block;
}

#map_canvas .map-label-wrapper {
    position: absolute;
    display: none;
    z-index: 10;
}

.customBlueArrow{
    background: url("/static/images/sprites/icons-sprite.png") no-repeat scroll 0 -286px transparent;
    right: -18px;
    height:15px;
    padding:0px 0px 0px 9px;
    margin:0px 0px 0px 50px;
}

#detailsDuProgrammeButton a{
    display:block;
    height:15px;
    position: relative;
    float:right;
    font-size : 12px;
    line-height : 15px;
    display : block;
    text-decoration: underline;
    padding-left: 20px;
    color: #0F72D5;
}
#detailsDuProgrammeButton a span {
    position: relative;
}
.avis-left-info {
    float:left;
    width:140px;
}
 .avis-left-info {
    width:203px;
}
 .FP3 .avis-left-info{
    width:210px;
}
.avis-right-info {
    float:left;
    padding:4px 0 0;
    width:115px;
    text-align:right;
    color:#666;
}
 .avis-right-info {
    position:absolute;
    top:28px;
    left:133px;
}
.avis-right-info a {
    color:#f00;
    font-weight:bold;
    text-decoration:underline;
}

.avis-left-info #total-score {
    width:140px;
}

#it .avis-left-info #total-score {
    width:240px;
}

#es .avis-left-info #total-score {
    width:240px;
}

#left-content-recapitulatif {
    float: left;
    margin-right: 10px;
    width: 320px;
}

.FP3 .visitesFPHeader {
    float: left;
    font-size: 12px;
    text-align: center;
    width: 320px;
}

ul#gallery1>li{
    min-height: 230px;
    min-width: 320px;
}

.visitesFPHeader strong { padding-left: 20px; }
.visitesFPHeader strong::before{
    background: url("/static/images/sprites/fp.png") no-repeat -371px -17px;
    width: 17px;
    height:13px;
    display:inline-block;
    content:" ";
    margin-right:5px;
}

#pontsTabCabine {
    width:500px;
}

#pontsTabCabine .exTr .exTd-1 img {
    width:240px !important;
    height:180px !important;
}

#pontsTabCabine .exTd-1 {
    width: 240px;
}

#pontsTabCabine .exTd-2 {
    width: 200px;
    padding: 15px 0;
}

#pontsTabCabine .exTr {
    width: auto;
    min-height:205px !important;
    background-image:none;
}

#pontsTabCabine .cabines_navire {
    width:500px;
}

#pontsTabCabine .descriptifCabine {
    list-style:none;
    padding:0;
}

#pontsImg {
    float:left;
    width:240px;
    cursor:pointer;
    position:relative;
}
 .FP3 #pontsImg{
    width: 339px;
    overflow: hidden;
    max-height: 580px;
    text-align: center;
    border-bottom: 1px solid black;

}

#pontsImg .zoomIcon {
    position:absolute;
    top:0;
    left:0;
    background:#3b9dff url(/static/images/pictos/zoom-icon.gif) no-repeat;
    width:16px;
    font-size:0;
    height:16px;
    display:block;
}
 .FP3 #pontsImg .zoomIcon{
    top:auto;
    bottom:5px;
    background: url("/static/images/pictos/zoom.jpg") no-repeat;
    color:#3571c7;
    width:15px;
    height:15px;
    font-size:12px;
    padding-left:20px;
}

#pontsLeft {
    width:500px;
    float:left;
    text-align: center;
}

.FP3 #pontsLeft{
    text-align: center;
    width:370px;
}

#pontsLeft ul.deck_links {
    list-style:none;
    padding:0 0 10px;
    width:185px;
    margin:10px auto 0;
}
.FP3 #pontsLeft ul.deck_links{
    display: inline-block;
    margin: 10px auto;
    min-width: 220px;
    width: auto;
}

#pontsLeft ul.deck_links li {
    font:normal 12px/12px Arial;
    background:url("/static/images/bg/pont-link-bg.gif") no-repeat;
    padding:0;
    margin:0 0 4px;
    *margin:0 0 1px;
    zoom:1;
}

.FP3 #pontsLeft ul.deck_links li{
    background:#f5f5f5;
    margin:0;
}

#pontsLeft ul.deck_links li a {
    padding:3px 0;
    display:block;
    text-align:center;
    color:#fff;
}
.FP3 #pontsLeft ul.deck_links li a{
    padding:0;
    color:#292929;
    line-height:25px;
    text-align:left;
    display:block;
    overflow:hidden;
}
.FP3 #pontsLeft ul.deck_links li a .pontSpan{
    width:60px;
    padding:0 5px 0 30px;
    float:left;
    border-right: 2px solid #fff;
    color:#5b5b5b;
}
.FP3 #pontsLeft ul.deck_links li a .citySpan{
    float: left;
    font-weight: bold;
    min-width: 73px;
    padding: 0 25px;
}
#pontsLeft ul.deck_links li a.active {
    color:#f00;
    font-weight:bold;
}
.FP3 #pontsLeft ul.deck_links li a.active
{
    background: #ffc600; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmFmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffc600 0%, #ffaf00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc600), color-stop(100%,#ffaf00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffc600 0%,#ffaf00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffc600 0%,#ffaf00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffc600 0%,#ffaf00 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffc600 0%,#ffaf00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc600', endColorstr='#ffaf00',GradientType=0 ); /* IE6-8 */
}
 .FP3 #pontsLeft ul.deck_links li a.active .pontSpan,
 .FP3 #pontsLeft ul.deck_links li:hover a .pontSpan{
    border-color:transparent;
    font-weight:normal;
}

 .FP3 #pontsLeft ul.deck_links li:hover a{
    background: #ffda59; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmFmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffda59 0%, #ffd271 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffda59), color-stop(100%,#ffd271)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffda59 0%,#ffd271 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffda59 0%,#ffd271 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffda59 0%,#ffd271 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffda59 0%,#ffd271 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffda59', endColorstr='#ffd271',GradientType=0 ); /* IE6-8 */
}

.pontsTitle {
    float:left;
    width:auto !important;
    margin:0 10px 2px 0 !important;
}

.FP3 #ponts .selPont{
    color: #2c2c2c;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    width: 370px;
}
.FP3 #ponts .selPont .selPontArrow{
    background: url("/static/images/sprites/fp.png") no-repeat -120px 0;
    width:19px;
    height:13px;
    margin:5px auto;
}
#pontsTabCabine .sep {
    width:450px !important;
    margin-left:10px;
}

#pontsLeft .lien {
    margin-left:10px;
}

.cab-list .first.cell-short {
    width: 107px;
}
 .cab-list .first.cell-short {
    width: 111px;
}
#it .cab-list .first.cell-short {
    width: 113px;
}
#es .cab-list .first.cell-short {
    width: 113px;
}

.first.cell-short .btn4.btn-cab-list {
    width: 107px;
    background-position:0 -140px;
    padding:0;
    height: 28px;
}

.first.cell-short .btn4.btn-cab-list a {
    padding:0;
}

#it .first.cell-short .btn4.btn-cab-list a {
    padding:3px 0 0;
}

#navire .navire_infosTechniques {
    float:left;
    margin:20px 0 0;
    width:294px;
    clear:both;
}

#navire .cabines_navire ul, #navire .cabines_navire ul li,
#ponts .cabines_navire ul, #ponts .cabines_navire ul li
{
    list-style:none;
    padding:0;
    margin:0;
}

.bl-tt {
    background:transparent url(/static/images/bg/bg-bl.gif) no-repeat right top;
    padding:0 17px 0 10px;
    font:bold 19px Tahoma, Arial;
    color:#fff;
    margin:19px 0 0 0 !important;
    width:auto !important;
}

.FP3 .bl-tt {
    background: #0F72D5; /* Old browsers */
    font-size: 24px;
    font-weight: normal;
    padding: 0 10px;
}

#navire .navireCabines {
    clear:both;
    margin:15px 0 0;
    *margin:0px;
}

#navire .navireCabines .btitle {
    display:none;
}

#navire .lien {
    clear:both;
}
#prix #datesDepart .info-line {
    color: #999999;
    display: inline;
}
#prix #datesDepart .info-line span {
    color:red;
}
#FP_recapitulatif .tarif .red {
    color: red;
    left: 50px;
    position: absolute;
    top: 50px;
}
#es #FP_recapitulatif .tarif .red,
#it #FP_recapitulatif .tarif .red{
    position:static;
}
#FP_recapitulatif .descriptifPrixConteneur .top-line {
    position: relative;
    height:18px;
    display:block;

}

.FP3 #FP_recapitulatif .descriptifPrixConteneur .top-line {
    height: 25px;
    top: 2px;
}

.FP3 .descriptifPrix.prix-smaller-font .top-line {
    top: 3px;
}

#it #prix .info-line-bottom, #es #prix .info-line-bottom {
    padding:10px 0 0 20px;
    display:inline-block;
}

/* START Prestations Block ------------------------------------------------------------------------ */

.prestations {
    display:block;
    width:750px;
    clear:both;
}

.prestations ul {
    position: relative;
    float: left;
    list-style:none;
    font-family:tahoma;
    font-size:12px;
    color:#117be1;
    margin: 0;
    padding: 10px 0 0 23px;
    line-height: 24px;
    width: 100%;
}

.prestationHidden {
    display:none !important;
}
.prestations .viewMore {
    font-weight:bold;
    color:#FF0000;
    clear:both;
    float:right;
    margin:10px 50px 0 0;
    cursor:pointer;
    text-decoration:none;
}
.prestations .viewMore:hover {
    text-decoration:underline;
}

.prestations ul li {
    display:inline-block;
    *float:left;
    width:178px;
    margin:2px 0 0 0;
    padding:0;
    vertical-align:top;
    cursor:pointer;
}
.prestations ul li a {
    color:#389afb !important;
}
.prestations ul li a:hover {
    text-decoration:underline;
}
.prestations ul li span {
    float:left;
    display:block;
    width:130px;
}
.prestations img {
    display:block;
    float:left;
    width:27px;
    height:27px;
    margin-right:3px;
    vertical-align: top;
}

/* END Prestations Block ------------------------------------------------------------------------ */

/* PRESTATIONS BLOCK INSIDE FP GALLERY1 */

#gallery1 .prestations, #gallery2 .prestations{
    width:100%;
    margin-top: -8px;
}

#gallery1 .prestations ul li,
#gallery2 .prestations ul li{
    width: 49%;
    float:left;
}

#gallery1 .prestations ul li span,
#gallery2 .prestations ul li span{
    text-align: left;
    width: 75%;
}

#gallery1 .prestations #prestations-all,
#gallery2 .prestations #prestations-all{
    background-color: white;
    border: 1px solid #FF0000;
    position: absolute;
    right: -96%;
    bottom: -2%;
    width: 85%;
    z-index: 10;
    padding:10px;
    display:none;
}

#gallery1 .prestations #prestations-all li,
#gallery2 .prestations #prestations-all li{
    float:left;
    display:block;
    color: #389AFB;
    cursor:pointer;
}

#gallery1 .prestations .plusInfos,
#gallery2 .prestations .plusInfos{
    width:auto;
    color: #389AFB;
    text-decoration: underline;
    float: right;
}

/* END PRESTATIONS BLOCK INSIDE FP GALLERY1 */
#tarif-special-banner {
    width: 291px;
    height: 102px;
    padding: 0 10px 0 10px;
    float: left;
    margin: 10px 0 0 10px;
    background: url("/static/images/tarif-flash/tarif-flash-banner.png") repeat-x;
    border-radius: 0 0 10px 0;
    position: relative;
}

#it #tarif-special-banner {
    width:297px;
    height:90px;
    padding:0px 10px 0px 10px;
    float: left;
    margin:10px 0 0px 10px;
    background: #147ae0;
    border-radius: 0;
    position:relative;
}
#tarif-special-banner .tarif-fr,
#tarif-special-banner .tarif-es {
    width:120px;
    height:65px;
    position:absolute;
    bottom:3px;
    right:3px;
}

#it #tarif-special-banner .tarif-it {
    width: 120px;
    height: 64px;
    position: absolute;
    right: 5px;
    top: 23px;
}

.flash .tarif-fr,
.flash .tarif-es {
     background:url("/static/images/tarif-flash/tarif-flash-banner-sprite.png") 0 0;
}

#it .flash .tarif-it {
    background:url("/static/images/tarif-flash/tarif-flash-overlay.jpg") 0 0;
    height: 37px !important;
    top: 35px !important;
    width: 147px !important;
}
.choc .tarif-fr,
.choc .tarif-es {
     background:url("/static/images/tarif-flash/tarif-choc-banner-sprite.png") 0 0;
}
.choc .tarif-it{
    background:url("/static/images/tarif-flash/tarif-choc-banner-sprite.png") -245px 0 no-repeat;
}
#tarif-special-banner .tarif-es {
    background-position: -120px 0px !important ;
}
/*#tarif-special-banner .tarif-it {
    background-position: -245px 0px !important;
}*/
#tarif-special-banner .text1 {
    font-size:33px;
    color:white;
    font-weight:bold;
}
#it #tarif-special-banner .text1 {
    font-size:20px;
    padding-top: 5px;
    padding-left: 1px;
}
#es #tarif-special-banner .text1 {
    font-size:28px;
}
#tarif-special-banner .text2 {
    font-size:20px;
    color:white;
}

#it #tarif-special-banner .text2 {
    font-size:17px;
    color:white;
    padding-top: 2px;
}
#es #tarif-special-banner .text2 {
    line-height: 19px;
    width: 178px;
}
#tarif-special-banner .text3 {
    font-size:10px;
    color:white;
}

#it #tarif-special-banner .text3 {
    font-size:10px;
    color:white;
    padding-top: 5px;
    line-height: 10px;
}
#es #tarif-special-banner .text3 {
    line-height: 10px;
    padding: 5px 0 0;
}
.selectioner-pont-gif {
    margin:14px 0 0 153px;
    display:block;
}

#FP_details #carte {
    display:none;
}

#FP_details #carte #carteItineraire{
    background: url("/static/images/bg/calque_mini_map.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 220px;
}

#FP_details #carte #carteGoogleMap {
    height: 450px;
    margin: 0 auto;
    width: 624px;
}
#carte {
    margin: 0 auto;
    text-align: center;
}
#carteGoogleMap .map-label-wrapper {
    display: none;
    position: absolute;
    z-index: 10;
}
#carteGoogleMap .map-label {
    background-color: #3399FF;
    border: 1px solid blue;
    color: #FFFFFF;
    display: block;
    font: 11px Tahoma;
    left: -50%;
    padding: 2px;
    position: relative;
    top: -5px;
    white-space: nowrap;
}
#zoomMap {
    margin:0 auto !important;
    text-align:center;
}
#carte p.btitle {
    display: block;
    float: none;
    padding: 0 0 7px 35px;
    text-align: left;
}
/*------------- Bloc Agences ---*/
#es #agences,
#it #agences {
    display:none;
}
#agences {
    background: white;
    clear: both;
    margin: 10px 0;
    padding: 10px;
    position: relative;
    width: 728px;
    border: 1px #cbcbcb solid;
    float: left;
}

#agences h3 {
	width: 740px;
	color: #3399FF;
	font-weight: normal;
	font-size: 15px;
	font-weight: bold;
    line-height:25px;
	margin: 0 0 0 20px;
	padding: 0;
}

.FP3 #agences h3 {
    color: #0f72d5;
}

#agences .sep {
    background: url("/static/images/bg/sep_bleu_698.jpg") no-repeat scroll left bottom transparent;
    float: left;
    height: 4px;
    margin: 0 0 9px;
    width: 698px;
}

.FP3 #agences .sep {
    background: #1271DC;
    height: 1px;
    width: 100%;
}

#agences .slider {
	width: 660px;
	height: 195px;
	margin: 4px auto 4px 49px;
}

#agences .movingWrapper {
	width: 660px;
	height: 180px;
	left: 0px;
	border-top: 0 none;
	border-bottom: 0 none;
}
#agences .arrowNext,
#agences .arrowPrev {
	position: absolute;
	width: 20px;
	height: 26px;
	top: 130px;
	cursor:pointer;
    background: url('/static/images/sprites/fp.png') no-repeat -62px -6px;
}
#agences .arrowPrev {
	left: 9px;
}
#agences .arrowNext {
	right: 10px;
	background-position: -95px -6px;
}

#agences-carousel{
    clear:both;
}

#agences-carousel .element {
	width: 125px;
	height: 178px;
	padding: 4.16px;
	margin: 3px 32px 3px 0px;
	float: left;
        font-family:trebuchet ms, tahoma;
}

#agences-carousel .element img.photo {
	float: left;
	margin: 0 0 0 14.5px !important;
	margin: 0 0 0 20px;
}

#agences-carousel .element span.nom {
	float: left;
	width: 125px;
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	text-align: center;
	margin: 5px 0 0 0;
}

#agences-carousel .element span.adresse {
	float: left;
	width: 125px;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
	margin: 5px 0 0 0;
}

#agences p {
	padding: 0;
	margin: 0 0 10px 170px;
	text-indent: 40px;
	color: #0F72D5;
}

#agences ul#linkAgences {
	float: left;
	border-top: 1px dashed #f60;
	border-bottom: 1px dashed #f60;
	width: 760px !important;
	width: 940px;
	margin: 0;
	padding: 6px 0 6px 180px;
}

#agences ul#linkAgences li {
	float: left;
	list-style-type: none;
	height: 18px;
	margin-left: 37px;
	padding: 0 0 0 20px;
	/*background: url(../../images/product2/pictos/agences-sprite.png) no-repeat;*/
}

#agences ul#linkAgences li a {
	float: left;
	color: #f60;
	font-size: 12px;
	cursor: pointer;
	text-decoration: none;
	margin: 0;
	padding: 0;
	background-color:white;
}

#agences ul#linkAgences li a:hover {
	text-decoration: underline;
}

#agences ul#linkAgences li.qualite {

	background-position: -48px 0;
}

#agences ul#linkAgences li.agence {
	background-position: 0 0;
}

#agences ul#linkAgences li.garantiePrix {
	background-position: -96px 0;
}

/*DERNIERE DEMANDES THAT OVERRIDES THE DERNIERE DEMANDES FROM ALL.CSS*/

#dernieresDemandes {
	border: 1px #cbcbcb solid;
    width: 203px !important;
    background-color: #fff;
}

#dernieresDemandes h3 {
    font-size: 18px!important;
    width: 185px!important;
    color: #0F72D5 !important;
    background-color: #f5f5f5;
    border-bottom: none;
}

#dernieresDemandes h3 span{
    font-weight:bold;
}

#dernieresDemandes ul {
    width: 195px !important;
    height:304px;
    overflow:hidden;
    background-color: #fff !important;
}
#dernieresDemandes li {
    font-size: 10px !important;
    padding: 2px 0 1px !important;
    border-bottom: 1px dashed #cbcbcb;
}

#dernieresDemandes li span.title,
#dernieresDemandes .date-date {
	color: #0F72D5 !important
}



/*END DERNIERE MINUTES OVERRIDE CSS*/

/*MULTIMEDIA CONTAINER (HOLDS IMAGE SLIDER)*/

#FP_details .prestations .multimedia-main-container{
    float:left;
    width: 59%;
    position:relative;
}

#FP_details .prestations.hidden{
    display:none;
}

#FP_details .prestations .element{
    float:left;
}

#FP_details .prestations .element img {
    height: 40px;
    margin: 0 0 0 2px;
    width: 60px;
    border:none;
}

#FP_details .prestations .element img.loading{
    margin:6px 12px;
    height: 32px;
    width: 32px;
}

#FP_details .prestations .mainSlideshow, .mainSlideshow .slider, .mainSlideshow .element {
    width: 56px;
}

#FP_details .prestations #prestations-list ul li.noLink {
    cursor:default;
}

/*SLIDESHOW WITH PREVIEW*/

#FP_details #hidden-prest-container{
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001;
}

#FP_details #hidden-prest-overlay{
    background-color: #1A7DE2;
    height: 100%;
    left: 0;
    filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    opacity: 0.50;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    top: 0;
    width: 100%;
    z-index: 1;
}

#FP_details .hidden.prestations {
    background-color: #FFFFFF;
    left: 25%;
    position: fixed;
    top: 20%;
    width: 750px;
    z-index: 2;
    display: block;
}

#FP_details .hidden.prestations .multimedia-main-container{width:412px;}

#FP_details .hidden.prestations #multimediaBloc {height:auto !important;}

#FP_details .hidden.prestations .mainSlideshowHidden{
    overflow:hidden;
    margin-left: 18px;
}
#FP_details .hidden.prestations .mainSlideshowHidden .multimedia-main-container{width:310px;}
#FP_details .hidden.prestations .mainSlideshowHidden .slider,
#FP_details .hidden.prestations .mainSlideshowHidden .wrapper{
    height:240px;
    padding-left:0;
    width:96%;
}

#FP_details .hidden.prestations .mainSlideshowMenu .slider{
    margin-left: 13%;
    margin-top: 10px;
    width: 68%;
    height: 42px;
}

#FP_details .hidden.prestations .mainSlideshowHidden .arrowPrev{
    background: url("/static/images/sprites/icons-sprite.png") no-repeat scroll 10px -1081px #FFFFFF;
    cursor: pointer;
    height: 30px;
    left: 0;
    top: 45%;
    width: 30px;
}

#FP_details .hidden.prestations .mainSlideshowHidden .arrowNext{
    background: url("/static/images/sprites/icons-sprite.png") no-repeat scroll 13px -280px #FFFFFF;
    cursor: pointer;
    height: 30px;
    right: 29px;
    top: 45%;
    width: 30px;
}

#FP_details .hidden.prestations .mainSlideshowMenu .element img{margin:0 1px;}

#FP_details .hidden.prestations .mainSlideshowMenu .arrowNext{right: 12% !important;}
#FP_details .hidden.prestations .mainSlideshowMenu .arrowPrev{left: 12% !important;}

#FP_details .hidden.prestations .slider .movingWrapper{margin:0}

#FP_details .hidden.prestations .mainSlideshowHidden .movingWrapper{margin:0}

#FP_details .hidden.prestations .mainSlideshowHidden .movingWrapper .element img{
    height: 240px;
    width: 335px;
}

#FP_details .hidden.prestations .prestation-name{
    text-align: center;
    color:#FF0000;
    font-weight: bold;
    font-size:11px;
}

#FP_details .hidden.prestations #prestations-list{
    width:335px;
    float:left;
    padding: 0;
}
#FP_details .hidden.prestations #prestations-list li{width:49%;position: relative;}
#FP_details .hidden.prestations #prestations-list li.selected{
    background-image: url("/static/images/sprites/icons-sprite.png");
    background-repeat: no-repeat;
    background-position: -4px -637px;
    background-color: #FFFFFF;
    margin-left: -10px;
    padding-left: 10px;
}

#FP_details #hidden-prest-container .fermer{
    bottom: 0;
    color: #FEA000;
    cursor: pointer;
    float: right;
    position: absolute;
    right: 0;
    +width: 55px;
    +text-align: left;
}
#FP_details #hidden-prest-container .fermer span{
    background-color: #FEA000;
    color: #FFFFFF;
    display: block;
    float: right;
    font-weight: bold;
    margin: 0 0 0 3px;
    +margin-top: -10px;
    text-align: center;
    width: 12px;
}

/*END SLIDESHOW WITH PREVIEW*/

#FP_details .prestations  #multimediaBloc {
    height: 46px !important;
    margin-bottom: 5px;
    margin-left: 5%;
    padding-top: 4px;
    position: relative;
    width: 93% !important;
    margin-top: 6px;
}

#FP_details .prestations .mainSlideshowMenu .arrowPrev {
    background: url('/static/images/sprites/icons-sprite.png') #FFFFFF;
    background-repeat: no-repeat;
    background-position: 0 -1078px ;

    cursor: pointer;
    height: 40px;
    left: 6px !important;
    position: absolute;
    top: 0px !important;
    width: 12px;
}

#FP_details .prestations .mainSlideshowMenu .arrowNext {
    background: url('/static/images/sprites/icons-sprite.png') #FFFFFF;
    background-repeat: no-repeat;
    background-position: 0 -275px;

    cursor: pointer;
    height: 40px;
    right: 0 !important;
    position: absolute;
    top: 0px !important;
    width: 12px;
}

.cabine-title, .sep-title {
    display: none;
}

.FP3 .cabine-title {
    color: #0F72D5;
    display: inline;
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 6px;
    position: relative;
    text-align: left;
    width: 100%;
}

.FP3 .sep-title {
    background-color: #0F72D5;
    display: block;
    float: left;
    height: 1px;
    margin-bottom: 15px;
    width: 100%;
}

.FP3 #FP_details .prestations .mainSlideshowMenu .arrowPrev {
    background: url("/static/images/sprites/icons-sprite.png") no-repeat;
    background-position: -8px -1845px;
    cursor: pointer;
    height: 25px;
    left: 2px !important;
    margin-top: 3px;
    position: absolute;
    width: 12px;
}

.FP3 #FP_details .prestations .mainSlideshowMenu .arrowNext {
    background: url("/static/images/sprites/icons-sprite.png") no-repeat;
    background-position: -8px -1873px;
    cursor: pointer;
    height: 25px;
    position: absolute;
    right: 0 !important;
    margin-top: 3px;
    width: 12px;
}

#FP_details .prestations .slider {
    overflow: hidden;
    position: relative;
    height: 50px;
    padding-left: 13px;
    padding-right: 0;
    width: 97%;

}

#FP_details .prestations .wrapper {
    width: 95%;
    overflow: hidden;
    position: relative;
    height: 49px;
}

#FP_details .prestations .slider .movingWrapper {
    height: inherit;
    margin-left: 5px;
    position: absolute;
    top: 0;
}

#FP_details .prestations .imageDescMouseOver{
    background: #ffffff;
    position:fixed;
    left: 9%;
    top:29%;
    z-index: 10000;
    padding:5px;
    display:none;
    border:1px #0F72D5 solid;
}

#FP_details .prestations .imageDescMouseOver img{
    width: 330px!important;
    height: 250px!important;
}

/*END MULTIMEDIA CONTAINER (HOLDS IMAGE SLIDER)*/




.FP3 #FP_recapitulatif .titre #titre-details .audepartde .duree,
.FP3 #FP_recapitulatif .titre #titre-details .audepartde .villeDepart{
    font-weight: bold;
}
.FP3 #FP_recapitulatif .titre #titre-details p.abord,
.FP3 #FP_recapitulatif .titre .croisiereNavire,
.FP3 #FP_recapitulatif .titre .confort {
    color: #323232 !important;
}
.FP3 #FP_recapitulatif .titre #titre-details p.abord {
    font-weight: normal;
}
.FP3 #FP_recapitulatif .titre .croisiereNavire {
    font-weight: bold;
}
.FP3 #FP_recapitulatif .titre .confort  {
    margin-left: 7px;
}
.FP3 #FP_recapitulatif .titre .confort span {
    background: url('/static/v2/images/searchv2/sprite-sjv2.png');
    background-repeat: no-repeat;
    background-position: -12px -149px;
    display: inline-block;
    height: 13px;
    width: 13px;
}
.FP3 #FP_recapitulatif .titre #titre-details p.audepartde {
    margin-top: 4px;
    width: 355px !important;
}
.FP3 #FP_recapitulatif .titre .escales {
    float: left;
    padding-bottom: 4px;
    position: relative;
    width: 100%;
}
.FP3 #FP_recapitulatif .titre .escales ul .fullTitle{
    background-color: #FFFFFF;
    border: 1px solid #808080;
    display: none;
    left: 28px;
    padding-left: 2px;
    padding-right: 2px;
    position: absolute;
    top: -7px;
    white-space: nowrap;
    width: auto;
    z-index: 4;
    color: #000000;
    font-size: 9px;
    height: auto;
    margin-left: 1px;
    text-align: center;
}
.FP3 #FP_recapitulatif .titre .escales ul li:hover .fullTitle{
    display: inline;
}
.FP3 .prestations ul li {
    cursor: default;
}
.FP3 #FP_recapitulatif .titre .escales ul {
    float: left;
    list-style: disc outside none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 29%;
}
.FP3 #FP_recapitulatif .titre .escales li {
    color: #000000;
    font-size: 11px;
    line-height: 18px;
    margin-left: 20px;
    overflow: visible;
    width: 92%;
}
.FP3 #FP_recapitulatif .titre .escales li div {
    color: #000000;
    font-size: 11px;
    line-height: 18px;
    display: inline;
    position: relative;
}
.FP3 #FP_recapitulatif .titre .escales .d-escales {
    left: 0;
    position: relative;
    width: 53px;
    float: left;
    list-style: disc outside none;
    margin: 0;
    padding: 0;
    display: block;
}
.FP3 #FP_recapitulatif .titre .escales .d-escales li {
    padding: 0;
    background: none !important;
    list-style: none;
    margin-left: 0;
}
.FP3 #FP_recapitulatif .titre .escales li span.border {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #0F72D5;
    display: inline-block;
    font-size: 11px;
    padding-left: 3px;
    padding-right: 3px;
    width: auto;
}
.FP3 #FP_recapitulatif .titre .escales .d-escales li.more-escales {
    color: #1F7BD8;
    cursor: pointer;
    display: block;
    font-size: 11px;
    text-decoration: underline;
}
.FP3 #FP_recapitulatif .titre .escales .d-escales li.more-escales span.more-escales-span{
    color: #1F7BD8;
    cursor: pointer;
    display: block;
    font-size: 11px;
    text-decoration: underline;
    background: none !important;
    text-transform: none !important;
    width: 55px;
    margin-left: 5px;
}
.FP3 #FP_recapitulatif .titre .escales .d-escales .more-escales .allEscales {
    background-color: #FFFFFF;
    border: 2px solid #1F7BD8;
    display: none;
    height: auto;
    padding-left: 0;
    position: absolute;
    right: -220px;
    top: -42px;
    max-width: 200px;
    z-index: 10002;
}
.FP3 #FP_recapitulatif .titre .escales .d-escales .more-escales .allEscales p{
    color: #1F7BD8;
    font-weight: bold;
    padding-left: 8px;
    text-decoration: underline;
    margin-bottom: 8px;
}
.FP3 #FP_recapitulatif .titre .escales .d-escales .more-escales .allEscales ul.escales{
    background: none repeat scroll 0 0 transparent;
    display: block;
    list-style: none outside none;
    margin-left: 0;
    padding-bottom: 4px;
    padding-left: 0;
    width: 100%;
}
.FP3 #FP_recapitulatif .titre .escales .d-escales .more-escales .allEscales ul.escales li{
    background:none;
    float: left;
    margin-left: 0;
    padding-left: 12px;
    text-decoration: none !important;
}
.FP3 #FP_recapitulatif .titre .escales .d-escales .more-escales .allEscales ul.escales li:before{
    /* For a round bullet */
    content:'\2022';
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -8px;
    top: -3px;
    color: #1875C5;
    font-size: 11px;
}
.FP3 #FP_recapitulatif .titre .escales .d-escales .more-escales .allEscales ul.escales li.noListStyle:before{
    content:'';
}

.FP3 #FP_recapitulatif .titre .escales .d-escales .more-escales .allEscales ul.escales li.noListStyle {
    background: none !important;
}
.FP3 #FP_recapitulatif .titre .escales .d-escales .more-escales .allEscales ul.escales span.escaleTitle {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    display: inherit;
    float: left !important;
    margin-top: 0;
    padding: 0;
    text-align: left !important;
    text-transform: none !important;
    width: 60% !important;
}

.FP3 #FP_recapitulatif .titre .escales .d-escales .more-escales .allEscales ul.escales li span{
    float: right;
    font-family: arial;
    font-size: 9px !important;
    width: 30px;
    background: none repeat scroll 0 0 #F9F9F9;
    padding-left: 5px;
    line-height: 14px;
    margin-left: 1px;
    +text-decoration: none !important;
}
.FP3 #FP_recapitulatif #avisReservationContainer #avisContainer{
	width : 300px;
	padding : 10px;
	background : #f5f5f5;
	margin : 0;
	height : 70px;
	position : relative;
}
.FP3 #FP_recapitulatif #avisReservationContainer #avisContainer:after{
	content : "";
	position : absolute;
	left : 30px;
	bottom : -20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 0px;
	border-color: #f7f7f7 transparent transparent transparent;
}
.FP3 #FP_recapitulatif #avisReservationContainer #avisContainer.hasVersion {
    margin-top: 5px;
}
.FP3 #FP_recapitulatif #avisReservationContainer #avisContainer #avis-clients-top-moyenne{
	background : inherit;
	height : 70px;
	width : 300px;
	padding : 0;
}
.FP3 #FP_recapitulatif #avisReservationContainer #avisContainer #avis-clients-top-moyenne .avis-left-info #total-score,
.FP3 #FP_recapitulatif .lireAvis {
    text-align:right;
    width: 100%;
}
.FP3 #FP_recapitulatif .lireAvis{
    margin-left: -10px;
    font-size: 10px;
}
.FP3 #moyenne-title a, .FP3 #total-score span {
    color: #0f72d5;
}
 .FP3 #moyenne-title a,
 .FP3 #moyenne-title > span,
 .FP3 #total-score span{
    color:#0f72d5;
}
 .FP3 #moyenne-title > span{
    font-weight : normal;
}
 .FP3 #total-score span{
	color : #222222;
}
 .FP3 #moyenne-title a,
 .FP3 #moyenne-title > span{
    font-size:17px;
}
.FP3 .avis-left-info #total-score {
    margin-top: 3px;
}
.FP3 #avis-clients-top-moyenne li span {
    color: #323232;
}
.FP3  #avis-clients-top-moyenne .avis-huissier-red-tab,  #avisContainer .avis-huissier-red-tab,  .avisNavire .avis-huissier-red-tab {
    top: -3px;
    left: 148px;
}
 .FP3 #avisReservationContainer #avisContainer #avis-clients-top-moyenne .avis-huissier-red-tab{
    display:none;
}
 .FP3 #FP_recapitulatif .tarif .avion{
    background: url("/static/v2/images/searchv2/sprite-sjv2.png");
    background-position: -4px -481px;
    background-repeat: no-repeat;
    color: #005EDE;
    font-weight: bold;
    height: 20px;
    padding-left: 25px;
    position: absolute;
    right: 65px;
    font-size: 10px;
    top: 83px;
    text-align : center;
}
 .FP3 #avisContainer #avis-clients-top-moyenne .avis-huissier-stamp,
 #avisContainer .avis-huissier-stamp{
    background-position: -75px -290px;
    height: 65px;
    left: auto;
    position: absolute;
    right: 10px;
    top: 0px !important;
    width: 63px;
}
 #avisContainer .avis-huissier-stamp{
	top : 10px !important;
}
.FP3 #FP_recapitulatif .tarifFlash-fr,
.FP3 #FP_recapitulatif .tarifChoc-fr,
.FP3 #FP_recapitulatif #coupDeCoeur{
	margin-top : 5px;
    background-image : url("/static/images/sprites/spriteFP.png");
    background-repeat : no-repeat;
    background-position : -5px -244px;
    line-height : 20px;
    padding : 10px 2px 10px 30px;
    font-size : 12px;
    font-style : italic;
    display : inline-block;
    color : #222222;
}
.FP3 #FP_recapitulatif .tarifChoc-fr{
	background-position: -5px -350px;
}
.FP3 #FP_recapitulatif #coupDeCoeur{
	background-position : -5px -298px;
}
#FP_recapitulatif .croisiereDestination{
    color: #0f72d5;
}
.FP3 #fil-ariane {
    float:none;
    display:block;
}
.FP3 #drapeaux-fp  {
    position:absolute;
    right:10px;
}
.FP3 #plusEscalesProgramme {
    color: #085AC2;
    cursor: pointer;
    float: right;
    height: 21px;
    margin-right: 41px;
    padding-top: 5px;
    position: relative;
    text-decoration: underline;
    vertical-align: middle;
    width: auto;
}
html body div#container div.content div.FP3 div.colA div.row div#FP_details div#resume div#resume_programme div#plusEscalesProgramme div.cssArrorRight {
    border-color: transparent transparent transparent #007BFF;
    border-style: solid;
    border-width: 5.5px 0 5.5px 6px;
    display: inline-block;
    +display: inline;
    height: 0;
    margin-left: 325px;
    margin-right: 5px;
    width: 0;
}
html body div#container div.content div.FP3 div.colA div.row div#FP_details div#prix div#datesDepart div#ddepart-prix.ddepart-content div#calendrier.datesPrix ul.cab-list div.img a.imgCabineSmallPrix div.zoomCabineOverlay{
    background-color: #000000;
    height: 100%;
    filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    opacity: 0.50;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    position: absolute;
    width: 100%;
    z-index: 6;
}

.FP3 #FP_recapitulatif #gallery1 .ad-image-description,
.FP3 #FP_recapitulatif #gallery1 .ad-nav{
    display:none;
}

.FP3 #FP_recapitulatif #gallery1 .ad-image-wrapper{
    width:322px;
    height:232px;
    margin-bottom:0px;
}

.FP3 #FP_recapitulatif #gallery1 {
    margin: 8px 10px 0 0;
    list-style : none;
    padding : 0;
    display : block;
    position : relative;
    width : 320px;
    height : 230px;
    overflow : hidden;
}
#gallery1 .previous_,
#gallery1 .next_{
	display : inline-block;
	height : 100%;
	position : absolute;
	z-index : 3;
	top : 0;
	left : 0;
	
}
#gallery1 .next_{
	left : auto;
	right : 0;
}
#gallery1 .previous_>.slideButton,
#gallery1 .next_>.slideButton{
	display : inline-block;
	height : 30px;
	width : 30px;
	margin-top : 205px;
	cursor : pointer;
	background: url("/static/images/sprites/fp.png") no-repeat -60px 0;
}
#gallery1 .next_>.slideButton{
	background-position: -90px 0;
}

 .FP3 #navire_multimedia .ad-gallery .ad-image-wrapper .ad-next{right:0}
 .FP3 #navire_multimedia .ad-gallery .ad-image-wrapper .ad-prev{left:0}

 .FP3 #navire_multimedia .ad-gallery .ad-image-wrapper .ad-next .ad-next-image,
 .FP3 #navire_multimedia .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image
{
    background: url("/static/images/sprites/fp.png") no-repeat -60px 0;
    width:30px;
    height:30px;
    top: 44%;
}

 .FP3 #navire_multimedia .ad-gallery .ad-image-wrapper .ad-next .ad-next-image{
    background-position: -90px 0;
}
 .FP3 .ad-gallery .ad-nav .ad-back,
 .FP3 .ad-gallery .ad-nav .ad-next{
    background: url("/static/images/sprites/fp.png") no-repeat -11px -9px;
    width:8px;
    height: 14px;
    margin-top:13px;
    left:-25px;
}
 .FP3 .ad-gallery .ad-nav .ad-next{
    background-position: -43px -9px;
    right:-25px;
    left:auto;
}

.FP3 #FP_recapitulatif .tarif {
    float: left;
    margin-top: 0;
    width: 100%;
    margin : 0;
    color : #ff0000;
}

body div#calendrier ul.cab-list span.categorie {
    font-size: 0;
    margin-top: -20px;
    padding-top: 0;
}

#galeryTabsPlaceholder {
    display: none;
}

.FP3 #FP_recapitulatif #gallery1 #galeryTabsPlaceholder {
    background-color: rgba(0,0,0,0.5);
    display: table;
    height: 30px;
    padding-top: 5px;
    position: absolute;
    width: 100%;
    z-index: 9;
    bottom : 0;
    left : 0;
}
.FicheProduit #contenu,
.FicheProduitBi #contenu{
	background-color : #f5f5f5;
}
#enteteCroisiere{
	width : 928px;
	background : #fff;
	padding : 15px;
	float : left;
	border : 1px #cbcbcb solid;
	margin-bottom : 10px;
}
.FP3 #gallery1.ad-gallery .ad-image-wrapper .ad-image{
    cursor:pointer;
}

#galeryTabsPlaceholder .lastTab {
    border-right: none !important;
    width: 64px !important;
}
.FP3 #FP_recapitulatif #gallery1 #galeryTabsPlaceholder span{
    border-right: 1px solid #656565;
    color: #FFFFFF;
    cursor: pointer;
    display: table-cell;
    font-size: 13px;
    line-height: 30px;
    max-width: 25%;
}
.FP3 #FP_recapitulatif #gallery1 #galeryTabsPlaceholder.containsVideo span{
    width: 20%;
}

/*END FP3 RECAPITULATIF*/

/*TAB ESCALES*/

.FP3 #FP_details #navire{margin:0;}

 .FP3 #FP_details #navire{
    padding-left: 5px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.FP3 #avisReservationContainer #topReservation .boutons{
    margin-top: 12px;
    width: 225px !important;
}

#referenceLireAvisBtn {
    float: left;
}

.FP3 #avisReservationContainer #topReservation #refLireAvisLink {
    color: #1271dc;
    font-size: 11px;
    margin-left: 3px;
    text-decoration: underline;
}

#referenceNbr {
    color: #606060;
    float: left;
    margin-right: 5px;
}

.FP3 #avisReservationContainer #topReservation a,
.FP3 #avisReservationContainer #topReservation .obflnk{
    width: 100%;
    left:0;
    text-align: center;
    font-size: 17px;
    line-height: 15px;
}

.FP3 #FP_details #resume_navire .btn2{
    float:right;
}
.FP3 #FP_details #resume #resume_programme {
    float:right;
    width: 100%;
    position:relative;
    top: 0;
}

 .FP3 #FP_details #resume #resume_programme .departLbl,
 .FP3 #FP_details #resume #resume_programme .ariveLbl{
    background-color: #F5F5F5;
    color: #187DDF;
    float: right;
    font-weight: bold;
    height: 20px;
    margin-left : 2px;
    position: relative;
    text-align: center;
    width: 50px;
    top: 0;
}
.FP3 #FP_details #resume_programme .btn2{
    margin:0px 0px 10px 135px !important;
    float:none !important;
}
.FP3 #FP_details #resume_programme .btn,#FP_details #resume_programme .btn2,#FP_details #programme .btn2 {
    float:right;
}

 .FP3 #FP_details #resume_programme .etapeContainer {
    width: 100%;
    border-bottom: 0;
    font-size: 12px;
    overflow: hidden;
    background: none;
    height: 100px;
}

 .FP3 #FP_details #resume #resume_programme .etape {
    background-color: rgba(0, 0, 0, 0);
    float: left;
    height: auto;
    margin: 0;
    width: 627px;
    height: 100%;
}
 .FP3 #FP_details #resume #resume_programme .etape > a{
    display:block;
    overflow:hidden;
    height: 100%;
}

 .FP3 #FP_details #resume_programme .heure-arrivee,
 .FP3 #FP_details #resume_programme .heure-depart{
    color: #0F72D5;
    float: left;
    padding-top: 3px;
    text-align: center;
    width: 12%;
    height: 45px;
}
 .FP3 #FP_details #resume #resume_programme .heure-arrivee {
    width: 46px;
    margin-left: 0;
}

.FP3 #FP_details #resume_programme .isEmpty{
    overflow:hidden;
}

.FP3 #FP_details #resume #resume_programme .isEmpty a span{
    padding-top: 5px;
}
 .FP3 #FP_details #resume_programme .heure-arrivee .first,
 .FP3 #FP_details #resume_programme .heure-depart .first {
    float: left;
    margin-left: 10px;
    margin-top: 20px;
    position: relative;
}

.FP3 #FP_details #resume_programme .heure-arrivee.isEmpty,
.FP3 #FP_details #resume_programme .heure-depart.isEmpty {
    padding: 0;
    width: 46px;
    height: 0;
}

 .FP3 #FP_details #resume_programme .heure-arrivee.isFirst span,
 .FP3 #FP_details #resume_programme .heure-depart.isFirst span{
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
    padding-top: 5px;
}

 .FP3 #detailsDuProgrammeButton{
    position:relative;
    top:10px;
}

 .FP3 #FP_details #resume_programme .etape .jour {
    color: #0F72D5;
    float: left;
    text-align: center;
    width: 47px;
    padding-top: 3px;
}
 .FP3 #FP_details #resume #resume_programme .etape .titre {
    background-color: #FFFFFF;
    color: #187DDF;
    float: left;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 5px 3px 10px;
    width: 560px;
    min-height:41px;
}
#tabsContainer{
	position: relative;
    float: left;
    margin-top: 28px;
   	width: 729px;
   	padding : 10px;
    background : #fff;
    border: 1px #cbcbcb solid;	
}
.FP3 ul#FP_tabs{
	position : absolute;
	top : -29px;
	left : -1px;
    height: 25px;
    margin : 0;
    display : table;
    background : transparent;
    border-collapse: separate;
    border-spacing: 5px 0;
    table-layout: fixed;
    width : 761px !important;
    margin-left : -8px;
}
.FP3 ul#FP_tabs.tabs>li{
    background : #feca12;
    margin-right: 2px;
    display : table-cell;
    padding: 5px 0 0;
    float : none;
    border : 1px #feca12 solid;
	border-bottom : 1px transparent solid;
}
.FP3 ul#FP_tabs.tabs>li:hover,
.FP3 ul#FP_tabs.tabs>li.on{
	float : none;
	background : #fff;
	border : 1px #cbcbcb solid;
	border-bottom : 1px #fff solid;
}

/*.FP3 ul#FP_tabs.tabs li span{
    color:white;
    font-size:13px;
}*/

.FP3 ul#FP_tabs.tabs li span{
    color: #000000;
    font-size:14px;
    font-weight: bold;
}

.FP3 ul#FP_tabs.tabs li#tab1.on span, .FP3 ul#FP_tabs.tabs li#tab1:hover span{color:#1278DC!important; font-weight: bold;}
.FP3 ul#FP_tabs.tabs li#tab2.on span, .FP3 ul#FP_tabs.tabs li#tab2:hover span{color:#1678dd!important; font-weight: bold;}
.FP3 ul#FP_tabs.tabs li#tab3.on span, .FP3 ul#FP_tabs.tabs li#tab3:hover span{color:#0084ff!important; font-weight: bold;}
.FP3 ul#FP_tabs.tabs li#tab4.on span, .FP3 ul#FP_tabs.tabs li#tab4:hover span{color:#379fff!important; font-weight: bold;}
.FP3 ul#FP_tabs.tabs li#tab5.on span, .FP3 ul#FP_tabs.tabs li#tab5:hover span{color:#2eb4e7!important; font-weight: bold;}
.FP3 ul#FP_tabs.tabs li#tab6.on span, .FP3 ul#FP_tabs.tabs li#tab6:hover span{color:#2aa4d5!important; font-weight: bold;}
.FP3 ul#FP_tabs.tabs li#tab7.on span, .FP3 ul#FP_tabs.tabs li#tab7:hover span{color:#2899c3!important; font-weight: bold;}
.FP3 ul#FP_tabs.tabs li#tab8.on span, .FP3 ul#FP_tabs.tabs li#tab8:hover span{color:#1f8db2!important; font-weight: bold;}

.FP3 #FP_details #carte{
    float: left;
}
 .FP3 #FP_details #carte{
    padding:0 5px;
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 .FP3 #FP_details #carte .carteMap{
    margin:0 auto;
    clear:both;
    display: flex;
}

.FP3 #FP_details #programme{
    width:750px;
    margin-top: 2px;
}
 .FP3 #FP_details #programme{
    width:100%;
    padding:0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.FP3 #FP_details #programme .prestations{
    float: left;
    width: 349px;
}
.FP3 #programme .prestations ul{
    padding: 10px 0 0 5px;
}
.FP3 #programme .prestations ul li{
    width: 168px;
}
.FP3 #FP_details #resume #resume_programme .etapeContainer.hiddenEtape{
    display:none;
}

.FP3 #FP_recapitulatif #topReservation.reservation .boutons .btn,
.FP3 #FP_recapitulatif #topReservation.reservation .boutons .btn2{
    width:270px !important;
    margin-bottom:10px;
    height: 31px !important;
}

/*END TAB ESCALES*/

.FP3 #topReservation{
    float: right;
    width: 270px;
    text-align: center;
    margin-top: 5px;
}
.FP3 #avisReservationContainer{
    float:left;
    margin : 15px 0;
}
.FP3 #titre-top {
    background-color: #F0F9FE;
    padding: 5px 5px 5px 10px;
    width: 465px;
}

.FP3 #FP_recapitulatif .tarif .descriptifPrixConteneur .descriptifPrix {
    display: block;
    height: 50px;
    margin: 0;
    padding:0;
    text-align: center;
    width : 100%;
}

.FP3 #FP_recapitulatif .lireAvis {
    text-align:right;
    width: 58%;
    color: #666666;
    position: relative;
    top: -2px;
}
.FP3 #fil-ariane {
    float:none;
    display:block;
}
.FP3 #drapeaux-fp {
    position:absolute;
    right:10px;
    top: 170px;
}
.FP3 #tarifSpecialTop{
    float: right;
    width: auto;
    height:auto;
    overflow:hidden;
}.FP3 #tarifSpecialTop.coupDeCoeur{
	float : left;
}
.FP3 #tarifSpecialTop.surclassement-fr{
    background: url("/static/images/tarif-flash/ico_surclassement.png") no-repeat center top;
}
.FP3 #tarifSpecialTop > h3{
    color: #626262;
    display: block;
    float: left;
    font-family: verdana;
    font-size: 11px;
    line-height: 15px;
    margin: 20px 0 5px;
    text-align: center;
    width: 100%;
}
.FP3 #tarifSpecialTop > h3 span{
    color: red;
    font-size:15px;
    font-weight:bold;
}
.FP3 #tarifSpecialTop > span{
    clear: left;
    color: #8D8D8D;
    display: block;
    float: left;
    font-family: verdana;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    width: 100%;
}

.FP3 #forceCenter{
    float:left;
}

.FP3 #suggestionOffre_bg .contentPadding{
    width:888px;
}
#attitudeCruise{
    position: relative;
    float: left;
    width: 335px;
}

#attitudeImg{
    position: relative;
    float: left;
    width: 200px;
    height: auto;
}

#attitudeCruise p{
    position: absolute;
    width: 280px;
    bottom: 0;
    left: 210px;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

#attitudeCruise p a{
    text-decoration: none;
    color: #3399FF;
}

.component.hasSpecialOfferSiblings a,
.cab3.hasSpecialOfferSiblings a{
    display: block;
    position: relative;
}

.epuise.top35{
    position: relative;
    top: 0;
}

/* FACEBOOK custom styles */

.FP3 .fb-like.fb_iframe_widget {
    height: 26px;
    left: -7px;
    float: right !important;
    top: 5px;
    width: 753px;
    position: relative;
    width: 585px;
}


html#facebook body.plugin div._li div.pluginSkinLight div div#u_0_8._56zz {
    width: 275px !important;
}

.displayn {
    display: none;
}

/*
*   ABFO-1177 - [FP] Changement design de la FP
*/

.FP3 .duration-and-name {
    font-size: 13px;
    color: #222222;
    display: block;
    text-decoration: none;
    padding: 5px;
    width: 97%;
    margin-left: 4px;
}
 .FP3 .duration-and-name{
    width:100%;
}

.FP3 .description-offre {
    float: left;
    width: 385px;
    list-style : none;
    padding : 0;
    margin : 0;
    font-size : 14px;
}
.FP3 .description-offre>li{
	font-size: 14px;
    font-family: Tahoma;
    float: left;
    margin : 0;
    width : 345px;
    padding-left : 40px;
    line-height : 38px;
    color : #222222;
    background-image : url(/static/images/sprites/spriteFP.png);
    background-repeat : no-repeat;
    position : relative;
}
.FP3 .description-offre>li p{
	position : absolute;
	padding : 10px;
	background : #f5f5f5;
	border : #0f72d5 1px solid;
	margin : 0;
	display : none;
	width : 200px;
	color: #666666;
    font-size:  12px;
    line-height : 19px;
    z-index : 3;
}
.FP3 .description-offre>li.totalComfort p{
	width : 500px;
}
.FP3 .description-offre>li p:before,
.FP3 .description-offre>li p:after{
	content : "";
	bottom : -10px;
	left : 95px;
	position : absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #0f72d5 transparent transparent transparent;
}
.FP3 .description-offre>li.totalComfort p:before,
.FP3 .description-offre>li.totalComfort p:after{
	left : 245px;
}
.FP3 .description-offre>li p:after{
	border-color: #f5f5f5 transparent transparent transparent;
	bottom : -9px;
}
#textFlash{
	font-weight : bold;
}
.FP3 .description-offre>li.nbrJours_{
	background-position : 0 -40px;
}
.FP3 .description-offre>li.navireNom{
	background-position : 0px -76px;
}
.FP3 .description-offre>li.pension_{
	background-position : 0px -114px;
}
.FP3 .description-offre>li.terrestre_ {
    background-position: 0px -152px;
}
.FP3 .description-offre>li.aerien_{
	background-position: 0px -190px;
}
.FP3 .description-offre>li.totalComfort{
	background-position: 0px -400px;
}
.FP3 .description-offre .depart-de {
    display: inline;
    font-weight: normal;
}

.FP3 .duration-and-name .addon {
    color: #222222;
    display: block;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    margin-top: 0;
    width: 248px;
}

.FP3 .duration-and-name .depart-de-newline {
    display: inline;
    font-weight: normal;
}

.FP3 .navireNom .navire-etoiles {
    text-align: center;
    display : inline-block;
    margin : 13px 10px;
    vertical-align : top;
}
.FP3 .navireNom .navire_{
	display : inline-block;
	line-height : 12px;	
	vertical-align : top;
	padding : 13px 0;
}
.FP3 .navire-etoiles span {
    background: url("/static/images/sprites/fp.png") no-repeat -400px 0;
    display: inline-block;
    height: 13px;
    width: 13px;
}

body {
    background:#fff url("/static/background/mainBg-complete.jpg") no-repeat fixed top center;
    margin: 0;
    padding: 0;
    width: 100%;
}

 .volsPrix .noPrix{
    width:10px;
    height:1px;
    background:red;
    margin:12px auto;
}
 .volsPrix{
    color: #FE0000;
    font-size: 15px;
    font-weight: bold;
}
.prixVilleDepartTitle{
    font-weight:bold;
    color: black;
}
 .prixVilleDepartTitle{
    margin:48px 0 7px;
}
 .FP3 .prixVilleDepartTitle{
    margin: 50px 0 0px;
}
.FP3 #FP_recapitulatif .titre .addon.blueSpan{
    font-family:tahoma;
    font-size:11px;
    line-height:12px;
    color:#0f68e8;
    font-weight:normal;
    margin:0 0 10px;
}
.FP3 #prixVilleDeDepart{
    text-align: center;
    min-width:75px;
    max-width:140px;
}
 .FP3 #prixVilleDeDepart{
    margin:2px 0 0;
}
 .FP3 .cab-list .addonVol{
    border-left: 1px solid #666666;
    float: left;
    height: 42px;
    margin: 21px 0 0;
    width: 80px;
    line-height:15px;
}
 .FP3 #calendrier .cab-list .addonVol,  .FP3 #calendrier .cab3{
    border:0;
}
 .FP3 .scroll .cab-list .addonVol{
    width: 69px;
}
 .FP3 #calendrier .cab-list .addonVol{
    width:80px;
    padding:0;
}
 .FP3 #calendrier.hasScroll .cab-list .addonVol{
    width:80px;
}
.topBorder, .bottomBorder{
    display:none;
}
.FP3 .topBorder{
    display:block;
    width:165px;
    height:2px;
    background:#f5f5f5;
    position:absolute;
    right:5px;
}
.FP3 .bottomBorder{
    display:block;
    width:163px;
    height:2px;
    background:#f5f5f5;
    position:absolute;
    right:5px;
    bottom:5px;
}
.FP3 #popup-ponts{
    background-color: #000000;
    position: fixed;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    z-index:10;
    display: none;
    filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    opacity: 0.50;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.FP3 #pontsMap{
    width:350px;
    background:#fff;
    text-align:center;
    -webkit-box-shadow: -11px 13px 5px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow:    -11px 13px 5px 0px rgba(0, 0, 0, 0.22);
    box-shadow:         -11px 13px 5px 0px rgba(0, 0, 0, 0.22);
}
.FP3 #pontsMap .pontsMapImg{
    width:280px;
    margin:0 auto;
}
.FP3 #FloatingLabel{
    height:auto;
    width:350px;
}
.FP3 .fermerTitle{
    background-color:#147adf;
    height:15px;
    width:100%;
}
.FP3 .fermerTitle .fermerDetails{
    float: right;
    margin-right: 5px;
    padding-right: 0;
    width: auto;
    cursor:pointer;
}
.FP3 #pontsMap h2{
    border-bottom: 1px solid #1366dc;
    color: #1366dc;
    font-size: 15px;
    font-weight: bold;
    height: 20px;
    margin: 0 10px;
    padding: 5px 0;
    text-align: left;
    width: 330px;
}
.FP3 #avisclients h4{
    margin: 15px 0 0 10px !important;
    color:#0f72d5;
    height:auto;
    width:45%;
    font-size : 18px;
    font-weight : normal
}
.FP3 .dotYellow,.FP3 .dotGray,.FP3 .dotHalf{background:url('/static/images/sprites/fp.png') no-repeat -418px -20px;width:10px;height:10px;display:inline-block;}
.FP3 .dotGray{background-position: -428px -20px;}
.FP3 .dotHalf{background-position: -438px -20px;}

.FP3 .tousAvis {
    display: block;
    float: right;
    text-align: right;
    width: 65px;
    line-height: 12px;
    color : #222222;
}
.FP3 #total-score .tousAvis span{
    float:none;
    font-size:12px;
    color:#323232;
    text-transform:none;
}
.FP3 #total-score .tousAvis a,
.FP3 #total-score .tousAvis .avisLink{
    float:none;
    font-size:12px;
    color:#1271dc;
    text-decoration:underline;
}

#it #total-score .tousAvis a,
#it #total-score .tousAvis .avisLink{
    float:none;
    font-size:11px;
	color: #f00;
	padding-left: 25px;
}
#personPopup{display:none;}
 #personPopup{
    display: none;
    border:1px solid #82b3e5;
    background: url("/static/images/ficheproduit/faces.png") no-repeat #f5f5f5;
    background-position: 10px 12px;
    width:200px;
    position:fixed;
    bottom:40px;
    left:40px;
    z-index:10;
    overflow:hidden;
    min-height: 50px;
}
 #personPopup .closeX{
    background: none repeat scroll 0 0 #0f72d5;
    color: #fff;
    float: right;
    font-size: 0.9em;
    height: 12px;
    line-height: 12px;
    text-align: center;
    width: 12px;
    cursor:pointer;
}
 #personPopup span{
    color: #0f72d5;
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
    margin-left: 53px;
    margin-top: 8px;
    width: 140px;
}
.cab-list a{
    display:block;
}

#ponts, #navire, #programme, #avisclients, #prestations,#cabine{ display: none; }
#infosArmateur{
	width : 198px !important;
    border: 1px #cbcbcb solid;
    margin-top : 0 !important;
}
.FP3 .infoArr,
#infosArmateur .content .infoArr {
    background : #0F72D5;
    display: inline-block;
    float: left;
    height: 15px;
    margin-left: 5px;
    margin-top: 2px;
    width: 15px;
    z-index: 100;
    position : relative;
}
.FP3 .infoArr:before,
.FP3 .infoArr:after,
#infosArmateur .content .infoArr:before,
#infosArmateur .content .infoArr:after {
	content : "";
	position : absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #ffffff;
	top : 2px;
	left : 6px;
}
.FP3 .infoArr:after,
#infosArmateur .content .infoArr:after{
	border-color: transparent transparent transparent #0F72D5;
	left : 4px;
}

.FP3 #detailsDuProgrammeButton .infoArr {
    background: url("/static/images/sprites/fp.png") no-repeat scroll;
    background-position: -385px 0px;
    display: inline-block;
    float: left;
    height: 17px;
    width: 15px;
    z-index: 100;
    margin-left: 0;
    margin-right: 5px;
    margin-top: 0;
}

.FP3 #infosArmateur .content p .linklire,
#infosArmateur .content p .linklire {
    width: auto;
    color : #0F72D5;
    text-decoration : underline;
}
#tarifReference{
	border: 1px #cbcbcb solid;
	background : #fff;
	width : 138px;
	padding : 10px 50px 10px 10px;
	margin-bottom : 10px;
	position : relative;
}
#tarifReference>img{
	position : absolute;
	top : 0;
	right : 0;
}
.blockLg{
	border: 1px #cbcbcb solid;
	background : #fff;
	padding : 10px;
	width : 178px;
	margin-top : 10px;
}
.blockLg h3{
	height : auto;
	margin-bottom : 10px;
	color : #0f72d5;
	font-size : 12px;
	font-weight : bold;
	width : 100%;
}
.blockLg a{
	color : #09f;
	text-decoration : underline;
}
#escalesTitre{
    color: #0f72d5;
    font-size: 17px;
    font-weight : bold;
    margin-bottom : 10px;
    display : block;
}
#productCalendar{
	margin: 0!important;
    margin-left: -10px!important;
    width : 747px !important;
}
#detachableReservationButtons{
	width: 729px !important;
    padding: 10px;
    margin: 10px 0;
    border: 1px #cbcbcb solid;
    background: #fff;
}
.infosPrix {
    border: 1px #cbcbcb solid;
    padding: 10px 20px;
    width : 709px;
    margin-top: 10px;
    float: left;
    background-color: #fff;
    font-size : 12px;
}
ul.d-escales .more-escales-span{
	text-decoration : underline;
	cursor : pointer;
	display : none;
}
ul.d-escales{
	position: absolute;
    top: 0;
    right: 10px;
    list-style : none;
    padding : 0;
}
ul.d-escales .allEscales{
	display : none;
	z-index : 2;
	position : absolute;
	padding : 10px;
	border : 1px #cbcbcb solid;
	background : #fff;
	right : 0;
	top : 25px;
}
ul.d-escales .allEscales:before,
ul.d-escales .allEscales:after{
	content : "";
	position : absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #cbcbcb transparent;
	top : -10px;
	right : 25px;
}
ul.d-escales .allEscales:after{
	border-color: transparent transparent #ffffff transparent;
	top : -9px;
}
ul.d-escales ul.escales{
	padding : 0;
	list-style : none;
	width : 300px;
	background : #f5f5f5;
}
ul.d-escales ul.escales>li:nth-child(2n+1){
	background : #ffffff;
}
ul.d-escales ul.escales>li span{
	display : inline-block;
	height : 20px;
	line-height : 20px;
}
ul.d-escales ul.escales>li .escaleTitle{
	width : 240px;
}
ul.d-escales ul.escales>li .inner-escales-depart,
ul.d-escales ul.escales>li .inner-escales-arrive{
	width : 25px;
	text-align : center;
    vertical-align: top;
}
ul.d-escales ul.escales>li.noListStyle{
	background : #cbcbcb;
	color : #fff;
	font-weight : bold;
}
ul.d-escales .more-escales>.allEscales>p{
	color : #0f72d5;
	font-size : 17px;
	font-weight : bold;
	margin-bottom : 10px !important;
}
.zoomTrigger{
    position: absolute;
    background: url("/static/images/sprites/fp.png") no-repeat -458px 0 #ff0000;
    bottom: 5px;
    left: 5px;
    padding: 5px 10px 5px 25px;
    color: #fff;
    line-height: 12px;
    text-transform: uppercase;
    font-size: 12px;
}
div#productCabines {
	margin-bottom : 0 !important;
}
#productCalendar .imgCabineThumb {
	width : 90% !important;
	display : inline-block !important;
	max-width : 150px !important;
}
#productCalendar .imgCabineThumb img{
	width : 100%;
	height : auto;
}
.calendarCell .zoom-img {
	bottom : 0 !important;
	top : auto !important;
}
.calendarCell .cabineSmallTitle{
	font-size : 14px;
}
span#dropDownTitle{
	margin-top : 70px ! important;
}
#productCabines>div{
	padding-bottom : 5px;
}
#calendarOffers{
	border-top : 1px solid #cbcbcb;
}
#calendarOffers .priceVolAddon{
	border : 0 !important;
}
#calendarOffers>div{
	border-bottom : 1px #bcbcbc solid;
}
#calendarOffers>div.version2 .monthTab{
	background : #f3f3f3;
	background-clip: padding-box;
	padding : 0;
}
#calendarOffers>div.version2 .calendarCell{
	text-align : center;
	border-right : 1px #bcbcbc solid;
}
.calendarTable .calendarCell{
	vertical-align : top !important;
}
#calendarOffers .price{
	margin-top : 15px !important;
	margin-bottom : 5px;
}
.vline{
	display : none !important;
}
.liDesc .infos_{
	background : #0f72d5;
	color : #fff;
	display : inline-block;
	height : 15px;
	line-height : 17px;
	cursor : pointer;
	margin-right : 3px;
	font-size : 12px;
	font-weight : bold;
	width : 15px;
	text-align : center;
	-webkit-border-radius:15px;
	-moz-border-radius: 15px;
	border-radius:15px;
	font-family : italic cursive;
}

.prixTTC .btitle{
	margin-bottom : 10px !important;
}

.FP3 .colB .carteFlash {
	background-color: #000;
}

.FP3 #infosVillesDestination {
	float: left !important;
	width: 198px !important;
	background: #fff !important;
	margin-bottom: 10px !important;
	border: 1px #cbcbcb solid;
}

.FP3 #infosVillesDestination h2.btitle {
	background-color: #f5f5f5;
	width: 100%;
	padding: 10px 0 !important;
	margin: 0 !important;
	text-align: center;
}

.FP3 #infosVillesDestination .intro {
	background: none !important;
	margin-top: 5px !important;
	text-align: center;
}

.FP3 #infosVillesDestination ul.villes {
	padding-left: 25px !important;
}

.FP3 #infosVillesDestination ul.villes li {
	color: #0F72D5;
	list-style: initial;
}

.FP3 #infosVillesDestination ul.villes li a {
	float: none !important;
	padding-left: 0px !important;
}

.FP3 #titleMap,
.FP3 #titleNavire,
.FP3 #titlePonts,
.FP3 #titleCabines {
	display: flex;
    padding-right: 5px;
    font-size: 24px;
    font-weight: bold;
    color: #0F72D5;
    padding-left: 10px;
}

.FP3 #titlePonts {
	margin-bottom: 25px;
}

.FP3 #titleMap .navire-etoiles,
.FP3 #titleNavire .navire-etoiles,
.FP3 #titlePonts .navire-etoiles,
.FP3 #titleCabines .navire-etoiles{
	display: inline-block;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

.FP3 #titleMap .company,
.FP3 #titleNavire .company,
.FP3 #titlePonts .company,
.FP3 #titleCabines .company {
	display: inline-block;
}

.FP3 #carte {
	text-align: left;
}

 .FP3 #ponts h3.btitle {
	margin-bottom: 0px !important;
}

 .FP3 #FP_details #cabine .btitle .blueTitle,  .FP3 #FP_details #cabine .btitle > span,
 .FP3 #FP_details #ponts .btitle .blueTitle,  .FP3 #FP_details #ponts .btitle > span,
 .FP3 #FP_details #navire .btitle .blueTitle,  .FP3 #FP_details #navire .btitle > span,
 .FP3 #FP_details #carte .btitle .blueTitle,  .FP3 #FP_details #carte .btitle > span {
	padding: 0 15px !important;
	margin-left:5px !important;
}

.FP3 #FP_details #datesDepart .btitle {
	font-size: 16px;
	color: #147ADF;
	width: 100%;
	margin-bottom: 10px;
}

.FP3 span.depart {
	color: #000;
	font-weight: bold;
	display: inline-block;
    line-height: 20px;
    font-weight: bold;
    font-size: 14px;
}

.FP3 #villeDepart {
	margin: 0 10px;
}
#prestationsFP ul li div{
    background-image: url('/static/images/sprites/sprite-prestations.png');
    background-repeat: no-repeat;	
    height: 27px;
    width: 27px;
    float: left;
}
#prestationsFP ul li div.prest-28{
    background-position: -81px -133px;
}
#prestationsFP ul li div.prest-29{
    background-position: -27px -133px;
}
#prestationsFP ul li div.prest-30{
    background-position: -164px -106px;
}
#prestationsFP ul li div.prest-31{
    background-position: -82px -107px;;
}
#prestationsFP ul li div.prest-32{
    background-position: -110px -133px;
}
#prestationsFP ul li div.prest-33{
    background-position: -27px -107px;
}
#prestationsFP ul li div.prest-34{
    background-position: 0px -108px;
}
#prestationsFP ul li div.prest-35{
    background-position: -110px -133px;
}
#prestationsFP ul li div.prest-36{
    background-position: -164px -80px;
}
#prestationsFP ul li div.prest-37{
    background-position: -27px -80px;
}
#prestationsFP ul li div.prest-75{
    background-position: -137px -27px;
}
#prestationsFP ul li div.prest-76{
    background-position: -54px -81px;
}
#prestationsFP ul li div.prest-77{
    background-position: -110px -27px;
}
#prestationsFP ul li div.prest-78{
    background-position: -54px -27px;
}
#prestationsFP ul li div.prest-79{
    background-position: -137px -54px;
}
#prestationsFP ul li div.prest-80{
    background-position: -2px -81px;
}
#prestationsFP ul li div.prest-81{
    background-position: -27px -54px;
}
#prestationsFP ul li div.prest-82{
    background-position: -110px -54px;
}
#prestationsFP ul li div.prest-83{
    background-position: -54px 0;
}
#prestationsFP ul li div.prest-84{
    background-position: -164px 0px;
}
#prestationsFP ul li div.prest-85{
    background-position: -110px -81px;
}
#prestationsFP ul li div.prest-86{
    background-position: -82px 0;
}
#prestationsFP ul li div.prest-87{
    background-position: 0 -133px;
}
#prestationsFP ul li div.prest-88{
    background-position: -137px -133px;
}
#prestationsFP ul li div.prest-89{
    background-position: -54px -54px;
}
#prestationsFP ul li div.prest-90{
    background-position: 0 0;
}
#prestationsFP ul li div.prest-91{
    background-position: -55px -108px;
}
#prestationsFP ul li div.prest-92{
    background-position: 0 -27px;
}
#prestationsFP ul li div.prest-93{
    background-position: -27px -133px;
}
ul#gallery1>li,
ul#popup-escales>li,
ul#popup-navire>li{
	overflow : hidden;
}
ul#gallery1>li>img,
ul#popup-escales>li>img,
ul#popup-navire>li>img,
ul#popup-cabines>li>img{
	min-width : 320px;
	min-height : 230px;
	max-width : 100%;
	max-height : 100%;
}
#popup-escales li .escaleNom {
	font-size: 12px;
    position: absolute;
    width: 100%;
    text-align: center;
    text-overflow: inherit;
    color: white;
    background-color: rgba(255,255,255,0.4);
    height: 15px;
    padding: 5px 0;
    font-weight: bold;
}

.tax{
	display: block;
}


div#bloc-information-sanitaire {
  display: flex;
  justify-content: center;
  margin-top: 1.25rem;
  background-color: #fff;
  padding: 0.625rem; }
  div#bloc-information-sanitaire > img {
    margin-right: 1.25rem; }
  div#bloc-information-sanitaire > span {
    display: flex;
    align-items: center; }
  div#bloc-information-sanitaire a {
    color: #06aaee; }
