/* CSS Document */

/* Formulaire de recherche */
#milieu #haut .form
{
	background:url(../images/fle_rech.gif) 0px 4px no-repeat;
	font-size:8pt;
	font-weight:bold;
	color:#AF0310;
	padding:0px 0 0 0px;
	text-indent:15px;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:5px;
	float:left;
	width:230px;
}

#milieu #haut .form select
{
	width:200px;
	border:1px solid #999;
	font-size:8pt;
	color:#999999;
	margin-top:5px;
	height:18px;
}
#milieu #haut .form input
{
	width:200px;
	border:1px solid #999;
	font-size:8pt;
	color:#999999;
	margin-top:15px;
	height:18px;
}
#milieu #haut .form input.btn
{
	height:33px;
	width:97px;
	margin-left:40px;
	border:none;
	background:url(../images/btn_moteur.gif) 0px 0px no-repeat;
	cursor:pointer;
	
}
#milieu #haut .form input.btn:hover{
	background-position:0 -33px;
	
}
#DebCode {
	margin-bottom:0px;
}
/*Listing des sejours*/

#milieu #haut .sejourList
{
	display:block;
	clear:both;

	width:492px;
	margin-left:20px;
	margin-top:20px;
	margin-bottom:10px;
}
#milieu #haut .sejourList .ht
{
	background:url(../images/bloc_sejour_h.gif) 0 0 no-repeat;
	line-height:0;
	font-size:0;
	height:18px;
}
#milieu #haut .sejourList .bs
{
	background:url(../images/bloc_sejour_b.gif) 0 0 no-repeat;
	line-height:0;
	font-size:0;
	height:17px;
}
#milieu #haut .sejourList table
{
	background:#FCEBD4;
}
#milieu #haut .sejourList table td.nom 
{
	font-size:8pt;
	font-weight:bold;
	color:#AF0310;
	padding:1px 0 1px 4px;
	border-bottom:1px solid #e5aea9;
}
#milieu #haut .sejourList table td.nom a{
	font-size:8pt;
	font-weight:bold;
	color:#AF0310;
}
#milieu #haut .sejourList table td.nom a span{
	color:#333;
}
#milieu #haut .sejourList table td.date 
{
	font-size:8pt;
	/*font-weight:bold;*/
	color:#000;
	padding:1px 0 1px 4px;
	border-bottom:1px solid #e5aea9;
}
#milieu #haut .sejourList table td.date span,#milieu #haut .sejourList table td.date a{
	display:block;
	color:#000;
	
	
	
}
#milieu #haut .sejourList table td.date a{
	padding:1px 0;
}
#milieu #haut .sejourList table td.date span,#milieu #haut .sejourList table td.date a.dispo{
	font-weight:bold;
}
#milieu #haut .sejourList table td.date a.age{
	display:block;
	float:left;
	width:26%;
}
#milieu #haut .sejourList table td.date a.date{
	width:65%;float:left;
	background: url(../images/fle_rouge.gif) 0 5px no-repeat;
	padding-left:8px;
}
#milieu #haut .sejourList table td.date span.sep{
	border-bottom:1px solid #e5aea9;
	height:1px;
	overflow:hidden;
	font-style:0;
	line-height:0;
}
#milieu #haut .sejourList table td.age 
{
	font-size:8pt;
	font-weight:bold;
	color:#000;
	padding:1px 0 1px 4px;
	border-bottom:1px solid #e5aea9;
}
#milieu #haut .sejourList table td.dispo 
{
	font-size:8pt;
	font-weight:bold;
	color:#000;
	padding:1px 0 1px 4px;
	border-bottom:1px solid #e5aea9;
}
#milieu #haut .sejourList table tr.entete td
{
	background:#AF0310;
	color:#FFF;
	font-size:8pt;
	font-weight:bold;
	padding:3px 0 3px 3px;
	border:none;
}


#milieu #haut .sejourList table tr.ligne
{
	/*border-bottom:1px solid #F00;*/
	/*cursor:pointer;*/
}
#milieu #haut .sejourList .nbresultat{
	font-size:9pt;
	background:url(../images/fle_rech.gif) 0px 14px no-repeat;
	padding-left:15px;
	color:#ff9900;font-weight:bold;
	border-bottom:1px solid #999999;
	margin:0px 0 20px;
	padding-bottom:2px;
	padding-top:10px;
}
#droite {
	background:url(../images/cadres_sejour.gif) repeat-y;
	margin-top:10px;
}
#droite.ce_droite {
	background:none;
}

#cadre_haut{
	background:url(../images/cadres_sejour_haut.gif) no-repeat;
	
}
#cadre_haut .brochure{
	position:relative;
	height:143px;
	/*padding-top:120px;*/
}
#cadre_haut .brochure div {
	color:#AF0310;
	display:block;
	font-size:8pt;
	line-height:9pt;
	position:absolute;
	top:48px;
	left:132px;
	width:90px;
	/*padding:48px 0 4px 132px;*/
}


#cadre_haut .brochure #Brochure {
	background:transparent url(../images/btn_brochure2.gif) no-repeat scroll 0 0;
	display:block;
	height:34px;
	position:absolute;
	top:100px;
	left:72px;
	width:140px;
}
#cadre_haut .brochure #Brochure:hover {
	background-position:0 -34px;
}
#droite #cadre_haut #cadre4{
	background:none;
	height:auto;
	margin-bottom:12px;
}
#droite #cadre_haut #cadre4 .titre,#droite #cadre_haut #cadre4 .titre_o {
	margin: 0 1px 0 11px;
	background:url(../images/zoom_haut.gif) 0 0 no-repeat;
	font-size:9pt;
	font-weight:bold;
	color:#ff9900;
	padding:3px 0;
	text-align:center;
}
#droite #cadre_haut #cadre4 .img {
	margin-left:11px;
	margin-top:0px;
}
#droite #cadre_haut #cadre4 .bas{
	margin: 0 7px 0 11px;
	padding:8px 5px 13px;
	background:#FFF url(../images/zoom_bas.gif) bottom left no-repeat;
}
#droite #cadre_haut #cadre4 .bas a{
	display:block;
	font-size:8pt;
	color:#515151;
}
#droite #cadre_haut #cadre4 .bas a#cbas{
	color:#ff9900;
	font-weight:bold;
}	
#cadre_haut .sep {
	background:url(../images/cadres_sep.gif) 10px 0 no-repeat;
	height:2px;
	font-size:0;
	line-height:0;
	overflow:hidden;
	clear:both;
}
#droite #cadre_haut #cadre4 .entete{
	background:url(../images/zoom_sejour.gif) 15px 0 no-repeat;
	height:37px;
}

.newsletter{
	margin-left:10px;
	margin-top:6px;
}
.newsletter span{
	display:block;
	color:#515151;
}
.newsletter span.titre{	
	font-size:9pt;
	font-weight:bold;
	text-align:center;
}
.newsletter span.texte{	
	font-size:8pt;
	text-align:center;
}
.newsletter input{
	display:block;
	float:left;
	padding:0;
	width:130px;
	font-size:8pt;
	margin:8px 5px 0 0;
	border:1px solid #CCC;
	background:#e8e8e8
}
.newsletter #ValidNews{
	display:block;
	float:left;
	height:35px;
	width:56px;
	float:left;
	background:url(../images/btn_ok_droite2.jpg) 0px 0 no-repeat;
}
.newsletter #ValidNews:hover{
	background-position:0 -35px;
}
.recommande{
	margin:10px 0;
}
.recommande a{
	margin-left:10px;
	display:block;
	height:34px;
	width:200px;
	background:url(../images/btn_recommande2.gif) 0px 0 no-repeat;
}
.recommande a:hover{
	background-position:0 -34px;
}

.left_garantie{
	margin-top:20px;
}
.left_garantie a{
	display:block;
	float:left;
	background:transparent url(../images/garanties3.gif) no-repeat scroll 0 15px;
	width:214px;
	height:84px;
	text-indent:12px;
	margin:0 0 0 10px;
	font-size:9pt;
	color:#af0310;
	font-weight:bold;
}
