@charset "utf-8";
@import "ini.css";
@import "base.css";
@import "common.css";
@import "sidebar.css";
@import "lightbox.css";

/* Pour la page des sejours et FAQ
-------------------------------------------------------------------------------*/
#main{
	position: relative;
}

ul.sejours>li{
	padding-top: 25px;
}

ul.sejours ul li{
	width: 470px;
	margin-left: 0px;
	list-style-type: none;
}

ul.spacing li{
	padding-top: 10px;
}

#button{
	list-style: none;	
	float: left;
	display: inline;
	width: 557px;
	margin: 0;
	padding: 0;
	line-height: 100%;
	border-bottom: 3px solid #b15050;

}

	#button li {
		float: left;
		height: 25px;
 		margin: 0;
		padding-left: 0;
		text-decoration: none;
		list-style: none;		
	}
	
	#button li a:hover img{
 		position: relative;
		z-index: -1;
	}
	
	#button li a img{
		vertical-align: bottom;
}

#ete-button a{
	display: block;
	background: url(../_assets/sejours/button_ete_on.gif) no-repeat;
	/* Elimination du Mac IE \*/
	overflow:hidden;
 	/* */
}
 
#horssaison-button a{
	display: block;
	background: url(../_assets/sejours/button_hs_on.gif) no-repeat;
	/* Elimination du Mac IE \*/
	overflow:hidden;
 	/* */
}

.hs-text{
	margin: 0 auto;
	padding: 10px;
	width: 478px;
	border-right: 1px solid #b15050;
	border-bottom: 1px solid #b15050;
	border-left: 1px solid #b15050;
}

.contentfull dl{
	clear: both;
	width: 560px;
	margin-top: 20px;
}


.hors-saison{
	width: 500px;
	margin: 20px auto 30px;
	padding: 0;
}

.hors-saison ul li.attention{
	list-style: none;
	margin: 0;
	padding: 0 0 0 15px;
	background: none;
}

p.note{
	line-height: 1.2;
	font-size: 12px;
	font-style: italic;
}


p.detail-link{
	margin: 0;
	padding: 0;
	text-align: right;
}


p.insc-link{
	margin: 0;
	padding: 20px 0 0 0;
	text-align: center;
}

	p.insc-link a{
		display: block;
		margin: 0 auto;
		padding: 0;
		width: 158px;
		height: 53px;
		background: url("../_assets/sejours/inscription_on.jpg") no-repeat left top;
		/* Elimination du Mac IE \*/
		overflow:hidden;
	 	/* */
	}
	
	
	
	p.insc-link a:hover img{
 		position: relative;
		z-index: -1;
	}




.document{ /*inscription*/
	width: 450px;
	margin: 10px 0 auto 30px;
	background: #ffefef url("../_assets/sejours/pdf.gif") no-repeat right bottom;

}

.contentfull .document ul{ /*inscription*/
	padding: 10px;
}

.contentfull .document ul li{ /*inscription*/
	list-style: none;
	padding: 0 0 0 10px;
	background: url("../_assets/document.gif") no-repeat center left;
}


#photos{
	position: absolute;
	bottom: 20px;
	right: 10px;
}

#photos img{
	display: block;
	margin-top: 30px;
}

.contentfull dl dd.spacer{
	margin-bottom: 20px;
}

.description{
	margin: 0;
	padding: 0;
}

.contentfull dl dd li.attention{
	list-style-type: none;

}

.contentfull-b{
	width: 535px;
	margin: 10px auto 0;
	padding: 10px;

}

.contentfull-b p.description:first-letter{
	float: left;
	margin: 0;
	padding: 0 5px 0 0;
	line-height: 1;
	font: bold 30px Tahoma, Arial, Helvetica, sans-serif;
}



ul.sejour-photos{
	width: 480px;
	margin: 0 auto;
	padding: 0;
}

ul.sejour-photos li{
	list-style-type: none;
	float: left;
	margin: 0 20px 0 0;
}


/*faq
-------------------------------------------------------------------------------*/

.gototop {
	text-align: right;
	padding:0 0 50px 0;
}

h2.faq {
	font-size: 18px;
	margin:0;
	padding:10px 0;
}

h3 {
	font-size: 14px;
	margin:0;
	padding:10px 0;
}

li.separate{
	margin:0px 0px 20px 0px;
}

.answer{
	margin:0 0 10px 15px;
	font-size: 13px;
}