/*
	---------- Feuille de style du pavé des promos défilantes (sur la home) ----------
*/

		/*div { border: 1px solid black; }*/	/* fait bugger noobSlide ? */

/* 
	style global de l'entourage du pave des promos :
*/
/*
.promos_fond_image {
	background-image: url(/images/photo_baie.jpg);
	background-repeat: no-repeat;
}
*/
.promos_fond_image_1 {
	background-image: url(/images/photo_chalet_2.jpg);
	background-repeat: no-repeat;
}
.promos_fond_image_2 {
	background-image: url(/images/photo_chalet_2.jpg);
	background-repeat: no-repeat;
}
.promos_fond_blanc {
	background-color: #ffffff;
	filter: alpha(opacity=80);
	opacity: 0.80;
}
.promos_contenu {
	overflow: hidden;
}
.promos_contenu,
.promos_contenu div {
	font-size: 10px;
}
.promos_titre {
	color: #FF0000;	/*9F0013;*/
	font-weight: bold;
	border-bottom: 1px solid #FF0000;	/*9F0013;*/
}
.promos_contenu titre {
	font-weight: bold;
	color: #9F0013;
}

/*
	Style des paves noobSlide :
	
		ATTENTION : les modif peuvent niquer la mise en page sous IE6.
		
		ATTENTION : le noms des classes est generique,
		mais il ne doit s'appliquer qu'aux 2 pavés 'promos'
		(distinction par rapport au pavé d'offres_cplus de 'home_offres_cplus.css')
*/
#masque_1, #masque_2 {
	position: relative;
	width: 245px;
	height: 105px;
	margin: 5px;
	overflow: hidden;
}
#pave_1, #pave_2 {
	position: absolute;
}
#pave_1 div,
#pave_2 div {
	width:245px;
	height:105px;
	float:left;
	padding: 0px;
}
#pave_1 div h3,
#pave_2 div h3 {
	color: #2E6396;
	font-size: 10px;
	margin: 0px;
	font-weight: bold;
}
#pave_1 div a,
#pave_2 div a {
	color: #717273;
}
#pave_1 div a:hover,
#pave_2 div a:hover {
	color: #3395D4;	/* F58500 */
	text-decoration: none;
}
#pave_1 div a:hover h3,
#pave_2 div a:hover h3 {
	color: #F58500;
	text-decoration: none;	/*underline*/
}
#pave_1 .plusdinfos,
#pave_2 .plusdinfos {
	font-size: 9px;
	font-weight: bold;
	color: #3395D4;
}
#pave_1 a:hover .plusdinfos,
#pave_2 a:hover .plusdinfos {
	color: #F58500;
	text-decoration: underline;
}

/*
	Style des boutons suiv/prec :
		
		ATTENTION : le noms des classes est generique,
		mais il ne doit s'appliquer qu'aux 2 pavés 'promos'
		(distinction par rapport au pavé d'offres_cplus de 'home_offres_cplus.css')
*/
.buttons {
	padding:5px;
}
.buttons span {
	color:#0080FF;
	padding:0 5px;
	cursor:pointer;
	font:10px Verdana
}
.buttons span.active, 
.buttons span:hover {
	background:#0080FF;
	color:#fff
}
.buttons span.prev {
	float: left;
	font-weight: bold;
}
.buttons span.next {
	float: right;
	font-weight: bold;
}
.buttons div.tout,
.buttons div.tout a {
	color: #0080FF;
	text-align:center;
}
.buttons div.tout a:hover {
	background:#0080FF;
	color:#fff;
	text-decoration: none;
}
