@charset "UTF-8";
/* CSS Document */


element.style {
color:#fff;
float:right;
font-size:12px;
font-weight:bold;
margin-right:3px;
}

.calendar{
    background-color:#f7f6f3;
    position:absolute;s
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    border:1px solid #fff;
    z-index: 1000;
    
}
.calendar a{
    text-decoration:none;
    color:#ffffff;
    font-weight:bold;
}
.calendar span{
    float:left;
    display:block;
    width:25px;
    cursor:pointer;
    text-align:center;
}
.titleMonth{
    width:100%;
    background-color:#000;
    color:#FFFFFF;
    text-align:center;
    border-bottom:1px solid #ccc;
    margin:none;
    padding:none;
    padding-bottom:2px;
    margin-top:0px;
    margin-bottom:0px;
    font-weight:bold;
}
.separator{
    float:left;
    display:block;
    width:25px;
}
.currentDay{
    font-weight:bold;
}
 
 
#reservation{
	width:319px;
	padding-left:5px;
	padding-right:5px;	
	font-size: 12px;
	
	}
	
#reservation label{
	width:160px;
	text-align:left;
	display:block;
	float:left;
	padding-top:2px;
	padding-bottom:10px;
	
	
	}
	
	
#reservation #nombrechambre{
	float:left;
	width:300px;
	padding-top: 10px;

}
#reservation #occupation{
	float:left;
	width:300px;

}
#reservation #date{
	float:left;
	width:300px;

}
#reservation #nuits{
	float:left;
	width:300px;

}
#reservation #bouton{
	width:300px;
	margin:0 auto;
	float: right;
		padding-bottom:10px;


}	
/* Reservation en ligne*/

#reservationcentre{
width: 960px;
padding-left: 15px;
padding-top: 10px;
}

#photohotel{
float: left;
padding-right: 15px;
padding-bottom: 15px;



}

#reservationenligne{
	width:300px;
	padding-left:5px;
	padding-right:5px;	
	font-size: 12px;
float: left;
	
	}
	
#reservationenligne label{
	width:150px;
	text-align:left;
	display:block;
	float:left;
	
	
	}
	
#reservationenligne input{
	text-align:left;
	display:block;
	float:left;
	
	
	}
.btn{
margin-left: 100px;
	}

#reservationenligne select{
	text-align:left;
	display:block;
	float:left;
	
	
	}	
#reservationenligne #nombrechambre{
	float:left;
	width:300px;
	padding-top: 20px;

}
#reservationenligne #occupation{
	float:left;
	width:300px;
		padding-top: 20px;


}
#reservationenligne #date{
	float:left;
	width:300px;
		padding-top: 20px;


}
#reservationenligne #nuits{
	float:left;
	width:300px;
		padding-top: 20px;


}
#reservationenligne #bouton{
	width:300px;
	margin:0 auto;
	float: right;
		padding-top: 20px;


}


/*demande en ligne*/

#demandecentre{
width: 960px;
padding-left: 15px;
padding-top: 10px;
float: left;

}

#demandecentre #photohotel{
float: left;
padding-right: 15px;
padding-bottom: 15px;
}


#demande{
	width:500px;
	font-size: 12px;
	float: left;
}
	
#demande label{
	width:150px;
	text-align:left;
	float: left;
}
	
#demande input{
	text-align:left;
	float: left;
}
	
	
#demande textarea{
	text-align:left;
	display:block;
	
	
	}

#demande #date{
	padding-top: 20px;
	float: left;
		display:block;

}

#demande #jours{
	padding-top: 20px;
	float: left;
		display:block;
}
#demande #participant{
		padding-top: 20px;
	float: left;
		display:block;

}

#demande #societe{
		padding-top: 20px;
	float: left;
		display:block;

}
#demande #tel{
		padding-top: 20px;
	float: left;
		display:block;

}#demande #mail{
		padding-top: 20px;
	float: left;
		display:block;

}

#demande #remarque{
		padding-top: 20px;
		float: left;

}

#demande #bouton{
	padding-top: 20px;
	float: left;
	padding-left: 230px;

}

#demande #droite{
width:250px;
float: left;

}

#demande #gauche{
	width:250px;
float: left;

}
#demande #centre{
	width:500px;
float: left;
}

#btndemande{
background-image:url(../images/design/btn.jpg);
background-repeat: no-repeat;
width: 286px;
height: 58px;
margin-top: 50px;
color: #999;
text-align: center;
background-position: center;

}

#tabs div #btndemande {

font-size: 13px;
color: #333;
text-align: center;
padding-top: 30px;
line-height: 16px;
text-decoration: none;

}


#tabs div #btndemande a{

font-size: 13px;
color: #333;
text-align: right;
padding-top: 30px;
line-height: 16px;
text-decoration: none;

}

#tabs div #btndemande a:hover{

font-size: 13px;
color: #555;
text-align: center;
padding-top: 30px;
line-height: 16px;
text-decoration: none;
}

#reservationenligneepargne{
font-weight: bold;
font-size: 13px !important;
}