#dureeDepart { background-image:url(/images/aide_dispo_03.png); }
#attente { float:left; } 


.ui-effects-transfer { border: 2px dotted gray; z-index:9999; } 

/****************** A AJOUTER DANS LES CSS DE UI ****************************************************/

.ui-datepicker {
margin:0px;
text-align:left;
}
.ui-datepicker-next_month {			
			display:block;			
		}
.ui-datepicker-previous_month {
			display:block;		
		}
.ui-datepicker-calendar {
			border: 0px solid #ADADAD;
			padding:0px;
			margin:0px 5px 0px 5px;
			position:relative;
			width:680px; 
		}
.ui-datepicker-calendar tr {
		}
.ui-datepicker-calendar th {
			font-size:11px;
			
			text-align:center;
			width:90px;
			height:20px;
			color : #333333;
		}
.ui-datepicker-calendar p {
			font-size:11px;
		}
.ui-datepicker-calendar td {
			font-size:11px;
			border: 1px solid #cfcfcf;
			text-align:center;
			vertical-align:middle;
			height:55px;
			color : #808080;
			background:url(/images/bg_list.jpg) bottom center repeat-x;
		}
		.ui-datepicker-calendar .prix-min {
			color:#dd0d2a;
			font-size:14px;
		}
		
		.ui-datepicker-calendar .prix-value {
			font-size:11px;
		}
		
		.ui-datepicker-calendar .promoPercentage {
			font-size:11px;
		}
		
		.ui-datepicker-calendar .prix_promo_min {
			font-size:11px;
		}	
		.ui-widget-content .ui-state-focus {
			background:none;
			border:0px;
			color:#FFFFFF;
			font-weight:normal;
			outline:medium none;
		}
		.ui-widget-content .ui-state-focus {
			background:none;
			border:0px;
			color:#FFFFFF;
			font-weight:normal;
			outline:medium none;
		}
		.ui-state-default {
			background:none;
			border:0px;
			color:#FFFFFF;
			font-weight:normal;
			outline:medium none;
		}
		
		
		td.ui-datepicker-prixmin {
			background:url(/images/fd_rouge_best.png) top center no-repeat;
		}
		.ui-datepicker-prixmin  .prix-min{
		 
		}
		#CENTER .hrefProduitDureeDate {
			font-size:11px;
			color:#333333;
			font-weight:bold;
			display:block;
		}
		
		#CENTER .ui-datepicker-prixmin .hrefProduitDureeDate:hover {
			text-decoration:underline;
			color:#dd0d2a;
			background-color:transparent;
		}
		
		#CENTER .hrefProduitDureeDate:hover {
			text-decoration:underline;
			color:#dd0d2a;
			background-color:transparent;
		}
		
		.prix-min-barre {
			text-decoration: line-through;
			font-weight:normal;
			font-size:10px;
		}

/************ MAQUETTE PAGE DETAIL NONO modifiés par thieuthieu ********************/



#resultatDispo {
	background-color: #C8DFEF;
	padding-top:0px;
	text-align: center;
}
.titleCalendar, .detailProduit {
	
	font-size: 13px;
	color: #0863a1;
}
#retour-liste{
	background-image:url(/images/fd_rouge.png);
	background-position:left top;
	background-repeat: repeat-x;
	color:#ffffff;
	display:block;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	height:20px;
padding-left: 10px;
padding-top: 3px;
width: 140px;
float:left;
display:none;
}
#retour-liste a{
	color:#ffffff;
	text-decoration:none;
}
#retour-liste a:hover{
	color:#ffffff;
	text-decoration:underline;
}

#LEFT-prod{
	background-color:#fcfcfc;
	display:block;
	height:auto;
	margin-top:4px;
	padding-right:1px;
	position:relative;
	left: 0px;
	top:0px;
	width:265px;
}

#CENTER h3.titre_cal{
font-size: 24px;
color:#dd0d2a;
margin:0px 0px 5px 0px;
font-weight:normal;
}
#Ctnr-modif{
	position:relative;
	top: 10px;
	margin:10px;
}

#prod-top-contenu{
float: left;
margin-top: 10px;
position: relative;
width: 685px;
}

#prod-top-left{
float: left;
position: relative;
width: 230px;
}

#prod-top-right{
float: left;
padding: 5px;
position: relative;
width: 440px;
}

.picto-fenetre-principale{
border: solid 1px #3f647f;
width:220px;
height:150px;
}

#btn-choix{
width:280px;
margin:auto;
margin-bottom: 10px;
margin-top:10px;

}


.ligne{
	color:#000;
	display:block;
	font-family:Arial, sans-serif;
	font-size:12px;
	padding:0px;
	text-align:left;
}
.duree{}
.date {}

.choix_date{
margin-left:0px;
margin-bottom:0px;
font-weight:bold;
font-size:12px;
}

.ui-datepicker-header .choix_date{
float:left;
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
font-weight:bold;
font-size:12px;
color:#000000;
}

.ui-widget-header {
	background-color:#015f9e;
	background-image:none;

}
.ui-datepicker-title{
	color:#015f9e;
	font-size:12px;
	font-weight: bold;
	margin:0px;
	padding:0px;
	position:relative;
	top:0px;
	left:0px;
	width:300px;
	height:38px;
}
.ui-datepicker-title span{
	margin-top:0px;
}

.ui-datepicker-month{
margin-left: 0px;
width:100%;
margin-bottom:0px;
font-weight:normal;
}
.ui-datepicker-year{
}
.ui-datepicker-nights{
	margin-left:0px;
	display:block;
	width:100%;
	margin-bottom:3px;
	font-weight:normal;
	height:25px;
}

#Ctnr-modif .ui-datepicker-calendar{

}

#CENTER #Ctnr-modif a{
color:#fff;
}

#LEFT-prod #Bleu .ui-accordion-header{
	background-image:url(/images/right-menu-promo-ON.jpg);
	background-position:0px;
	background-repeat:no-repeat;
	border:1px solid #013152;
	margin-top:12px;
}
#LEFT-prod #Bleu .ui-accordion-header a {
color:white;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:18px;
font-weight:bold;
height:40px;
letter-spacing:-1px;
line-height:40px;
margin-bottom:auto;
margin-top:auto;
padding:0 0 0 30px;
text-align:left;
text-decoration:none;
vertical-align:middle;
}



/****************  PARTIE CENTRALE *****************************************************************/

.page-systeme-ficheproduit #CENTER{
width:695px;
position:relative;
left:0px;
}

.detail .RESULTAT{
	height:auto;
	padding:0px;
	border-bottom:none;
	float:left;
}

#TOP-prod{ 
	/*overflow:hidden; */
	position:relative; 
	margin-bottom:20px;
	height:200px;
	min-height:200px;
	height: auto !important;
	}
#HEADER-prod{
	color:#333333;
	display:block;
	/*float:left;*/
	padding:0px 0px 40px 10px;
	position:relative;
	width:685px;
	height:200px;
	min-height:200px;
	height: auto !important;
}

#HEADER-prod h2.locality {
margin-top:10px;
margin-bottom:0px;
color:#3333333;
font-size:10px;
font-style:italic;
font-weight:normal;
}

#HEADER-prod em.locality {
margin-top:10px;
margin-bottom:0px;
color:#3333333;
font-size:10px;
font-style:italic;
font-weight:normal;
display:block;
}

.Prix-Resa-heberg{
	
	display:block;
	float:right;
	padding: 10px;
	position:relative;
	text-align:left;
	background:url(/images/bg_list.jpg) bottom left repeat-x;
	top:0px;
	right:0px;
	width:280px;
	border-left:1px solid #dedede;
	border-bottom:1px solid #dedede;
	z-index:99;
	
}
	.prix-intro{
	
	font-size: 10px;
	font-weight: normal;
	}
	
	#CENTER .Prix-Resa-heberg .list_prixbarre, .barre a{
	font-size: 10px;
	font-weight: normal;
	text-decoration:line-through;
	color:#000;
	position:relative;
	top:5px;
	}
	
	#CENTER .prix-heberg, .absolue a{
	background: url(/images/big_fd_rouge.png) left repeat-x;
	color:#FFFFFF;
	padding:2px;
	font-size: 22px;
	}


#CENTER h1.Nom-heberg{
	font-size:15px;
	font-weight:bold;
	margin:0px;
	color:#dd0d2a;
}

#CENTER h2.Type-heberg{
	color:#333333;
	font-size:10px;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	margin:0px;
	
}

	.Res-prix-request{
color:#dd0d2a;
font-size:11px;
font-style:italic;
padding:0px; 
float:none;
background-color: transparent;
}
	
	prix-heberg
	.prix-outro{
	
	font-size: 10px;
	font-weight: normal;
	}
	
	/** BOUTON RESERVER / CHOISIR UNE DATE *********************************/
	#CENTER .Reserver-heberg{
		color:white;
		display:block;
		/*font-size:19px;*/
		/*line-height:44px;*/
		margin:0px -3px -3px;
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;
	}

	#CENTER .lien-reserver, #CENTER .Reserver-heberg{
		color:#fff;
		font-size:22px;
		text-shadow:1px 1px 1px #000000;
		text-decoration:none;
		background:url(/images/btn_reserver_blue_on.png) 50% 50% no-repeat;
		height:44px;
		/*padding:13px !important;*/
		padding:5px;
	}
	#CENTER .lien-reserver:hover, #CENTER .Reserver-heberg:hover{
		color:#fff;
		text-decoration:none;
		background-color:transparent;
	}
	
	#CENTER .Reserver-heberg:hover{
		background:url(/images/btn_reserver_blue.png) 50% 50% no-repeat;
background-color:transparent;
	}
	#CENTER .lien-vide{
		color:#36556c;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
	}
	
	#CENTER .Reserver-heberg-vide{
		color:#36556c;
		font-size:22px;
		text-shadow:1px 1px 1px #000000;
		font-weight:bold;
		text-decoration:none;
		background:url(/images/btn_reserver_blank.png) top center no-repeat;
		height:33px;
		padding-top:12px;
		display:none;
	}
	
	#CENTER .Reserver-heberg-vide:hover{
		background-color:transparent;
		text-decoration:none;
	}
	
.Date-arrivee-heberg{
color:#333333;
	font-size:11px;
	font-weight:bold;
}
.Date-depart-heberg{
color:#333333;
	font-size:11px;
	font-weight:bold;
	margin-bottom:5px;
}
.Nom-heberg{
}


#CENTRALE-prod{
	background-color:#fff;
	background: url(/images/bg_shadow_centrale_prod.jpg) center top no-repeat;
	color:#333333;
	display:block;
	font-size:16px;
	height:540px;
	margin-top:10px;
	padding:3px;
	position:absolute;
	right:0;
	width:250px;
	padding-top:40px;
}
#CENTRALE-prod p{margin:10px; font-size:11px; color:#333333;}
#CENTRALE-prod a{color: #DD0D2A; text-decoration:none}
#CENTRALE-prod a:hover{color:#ffffff; background-color: #DD0D2A; text-decoration:none}
	.centrale-coin{
		margin-right:-3px;
		margin-top:-3px;
		position:absolute;
		right:0px;
	}

	.centrale-logo{
		display:block;
	}
		.centrale-logo-top{
			background-image:url(/images/CENTRALE-prod-logo-top.gif);
			background-position:right top;
			background-repeat:no-repeat;
			display:block;
			height:7px;
			width:auto;
		}
		.centrale-logo-img{
			text-align:center;			
		}
		.centrale-logo-bottom{
			background-image:url(/images/CENTRALE-prod-logo-bott.jpg);
			background-position:right top;
			background-repeat:no-repeat;
			display:block;
			height:10px;
			width:auto;
		}
		
#CENTRALE-prod h1{
	font-size: 14px;
	text-align:center;
	color:#015f9e;
	margin:10px 0px 0px 0px;
}

#CENTRALE-prod  .centrale-contenu{
text-align:justify;
padding: 0px 10px 0px 10px;
}

#CENTRALE-prod .centrale-contenu a{
color:#f3f3f3;
}

/****************** ONGLETS ****************************************************************/

.detail .RESULTAT .ui-widget-content{
	background:none;
	border:none;
}
.detail .RESULTAT .ui-tabs{
	padding:0px;
}
.detail .RESULTAT .ui-widget-header{
	margin:0px 0px 12px 0px;
}

#CENTER #Ctnr-modif .ui-widget-header{
display:block;
border:none;
}
.onglets-container{
display:block;
margin-bottom:10px;
margin-top:0px;
}
#CENTER .onglets-container .ui-state-default {
	background-position:bottom;
	background-repeat:repeat-x;
	font-size:12px;
	font-weight:bold;
}
#CENTER .onglets-container .ui-state-default a, #CENTER .onglets-container .ui-state-default a:hover{
	color:#333333;
	font-weight:normal;
	text-decoration:none;
	background-color:transparent;
}

#CENTER .onglets-container .ui-widget-header{


}

#CENTER .onglets-container .ui-state-default, .onglets-container .ui-state-hover a{
	color:#c8dfef;
	font-weight:normal;
	text-decoration:none;
}
#CENTER .onglets-container .ui-state-active {
	background-color:#FFFFFF;
	color:#dd0d2a;
	font-size:12px;
	font-weight:bold;
}
#CENTER .onglets-container .ui-state-active a, #CENTER .onglets-container .ui-state-active a:hover{
	color:#dd0d2a;
	font-weight:bold;
	text-decoration:none;
	background-color:transparent;
}
.onglets-container .ui-tabs-nav li.ui-tabs-selected, .ui-tabs .ui-tabs-nav li.ui-tabs-selected{
padding-bottom:0px;
}

.onglets-container .ui-corner-top{
-moz-border-radius-topleft:0;
-moz-border-radius-topright:0px;
}

/***** contenus ouvert des onglets actifs *********/ 
.detail .RESULTAT .ui-tabs-panel{
	background-color:#fcfcfc;
	background-position:top;
	background-repeat:repeat-x;
	color:#333;
	display:block;

	padding:5px 10px;
	position:relative;
} 

.detail .RESULTAT #photos {
background-color:#fcfcfc;
}
.detail .RESULTAT .ui-tabs-panel #detail-map-canvas {
	color:#fcfcfc;
}
.detail .RESULTAT .ui-tabs-panel h3{
	color:#dd0d2a;
	font-size:16px;
	font-weight:bold;
}
#prestations h3{

}
.detail .RESULTAT .ui-tabs-panel img{
	border:1px solid white;
}
.detail .RESULTAT .ui-tabs-panel ul{
	list-style: square;
	}
	

/***** contenus ouvert des onglets actifs *********/ 










#description{
	background-color:#fcfcfc;
	display:block;
	position:relative;
	padding:5px;
}



/*** containerDescription Réduit ***/
#containerDescription.desc-reduit {
	height: 150px; 
	overflow: hidden;
	margin-bottom:13px;
}




/*#getDescMaxSize {
	float: right;
	font-size: 18px;
	color: blue;
	background: yellow;
	cursor: pointer;
}*/


#getDescMaxSize {
/*-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;*/
background-image:url(/images/getDescMaxSize.jpg);
background-position:left 50%;
background-repeat:no-repeat;
color:#3f647f;
cursor:pointer;
float:none;
font-size:10px;
font-weight:bold;
height:24px;
line-height:24px;
position:absolute;
padding-left: 20px;
width:180px;
bottom:0px;
}



/********* LA PHOTO ***********************************************/
.desc-photo{
	display:block;
	left:0px;
	position:absolute;
	top:0px;
	width:auto;
}

.photo-top{
	background-image:url(/images/photo-top-3.jpg);
	background-position:left top;
	display:block;
	height:35px;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	z-index:200;
}

#photo{
	background-color:white;
	background-image:url(/images/photo-bg-3-111.jpg);
	background-position:0px top;
	background-repeat:no-repeat;
	padding-left:15px;
	padding-right:5px;
	margin-top:28px;
	z-index:190;
}
#photo img{
	width:auto;
}

.photo-bott{
	background-image:url(/images/photo-bott-3.jpg);
	background-position:left top;
	bottom:0px;
	display:block;
	height:28px;
	position:absolute;
	left:0px;
	width:100%;
	z-index:201;
}


#CENTER .onglets-container #carte .googledir { color:black; }
#CENTER .onglets-container #carte .googledir td{ color:black; }



/***************          CALENDRIER             ***************************/

.calendar{
 border:0px solid #cfcfcf;
 padding-top:10px;
 position:relative;
 float:left;
 width: 100%;
}

span.prix{font-weight:bold; color:#013d58; padding-bottom:5px; border-bottom:1px dashed #cccccc;}

.fiche-tarifscontour{
width:400px;
}
.fiche-tarifsentete{background-color:#EAF4FF;}

.r-bouton2{
		color:#fff;
		font-size:18px;
		text-shadow:1px 1px 1px #000000;
		text-decoration:none;
		background:url(/images/btn_reserver_blue_on.png) 50% 50% no-repeat;
		height:44px;
		padding:5px;
		border:0px;
		width:150px;
		}
.r-bouton2:hover{cursor:pointer; background:url(/images/btn_reserver_blue.png) 50% 50% no-repeat;