/********* page promos *********/
#promoStarContainer {background-color:#DFD8B9; float:right;}
#promoOffres {width:388px; float:left; margin-right:5px;}
#promoStarVisuel {float:left;}
.promoImgType1 {margin:0px 0px 3px 0px; display:block; border:0;}
.promoOffresListing {padding-left:15px; float:right;}
.promoOffresListing p {margin:0px 0px 5px 0px;font-weight:bold; }
#promoListingContainer {padding:30px 0px 0px 20px;}
span.promoHeader {display:block; width:163px; height:16px; background-color:#00667C; color:#fff; font-weight:bold; padding:4px 0px 0px 7px; margin-bottom:13px; clear:both;}
.promoBlocContainer {float:left; width:250px; padding-left:20px;}
.promoBlocContainer img {display:block; margin:0px 0px 6px 0px; border:0;}
.promoBlocContainer a.promoLink {background-image:url(../img/interface/p_flecheBiblioLien.gif); background-repeat:no-repeat; background-position:0px 4px; display:block; font-size:10px; font-weight:bold; color:#00667C; padding-left:15px; margin:0; }
.promoBlocContainer a.promoLink:hover {text-decoration:underline;}
.promoBlocContainer p {margin:0px 0px 20px 15px; font-weight:bold;}

/*PROMO*/
#vol_bloc_gauche{text-align:center; float:left; overflow:hidden;}
#vol_bloc_droite{text-align:center; float:left; overflow:hidden; background-color:#e4deb9;}
#div_promo{padding:5px; background-color:#f2efe2;text-align:center;}
#liste_promo{text-align:center;}
#InfoEntete{padding:2px; text-align:left; background-color:#00667C; color:White; font-size:10px;}
#InfoContenu{padding:4px; text-align:left; background-color:white; color:black; font-size:10px;}
.InfoBullePromo{border:solid 1px black; width:220px;}
/*FIN PROMO*/

/*NEW CSS 1 avril 2010*/
.conteneurPromos {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width:262px;
	display: block;
}

.pano {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 800px;
	height: 200px;
	display: block;
	border: 1px solid #00F;
}
.conteneurVignettes {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 00px;
	display: block;
}
.vignette {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 266px;
	height: 355px;
	display: block;
}
.margeDroiteVignette {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 20px;
	height: 325px;
	display: block;
}
.margeGaucheVignette {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 20px;
	height: 325px;
	display: block;
}
.margeBasVignette {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 246px;
	height: 30px;
	display: block;
}
.bordureVignette {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 226px;
	height: 325px;
	display: block;
}
.traitHautVignette {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 226px;
	height: 25px;
	display: block;
	background-image: url(../img/interface/promo/haut-promo.jpg);
}
.contenuVignette {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 226px;
	display: block;
	background-image: url(../img/interface/promo/milieu-promo.jpg);
	background-repeat: repeat-y;
}
.traitBasVignette {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 226px;
	height: 10px;
	display: block;
	background-image: url(../img/interface/promo/bas-promo.jpg);
}
.espaceGaucheVignette {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 29px;
	height: 268px;
	display: block;
}
.espaceDroitVignette {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 30px;
	height: 268px;
	display: block;
}
.contenuInfo {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 166px;
	height: 258px;
	display: block;
}
.photosVignette {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 166px;
	height: 143px;
	display: block;
}
.pays {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 166px;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #e36f12;
}
.titreVoyage {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 166px;
	height: 50px;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #322121;
}
.interligne {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 166px;
	height:15px;
	display: block;

}
.prix {
	float: left;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 166px;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #e36f12;

}
.nombreJour 
{
    clear:both;
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 166px;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #322121;

}
.depart {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 166px;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #322121;
}
.boutonDetails {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 226px;
	height: 32px;
	display: block;
	background-image: url(../img/interface/promo/bouton-details-promo.jpg);
	cursor:hand;
}
.TitrePromo
{
    font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #e36f12;
}
.TextePromo
{
    font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: black;
}