* {
	margin:0;
	padding:0;
	border:0;
}

#conteneur {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	border:3px ridge #8d7e5b;
}

hr.separation {
	clear:both;
	visibility: hidden;
}

#entete {
	background-image:url('../img/bandeau2.jpg');
	width:980px;
	height:180px;
}

#logo {
	position:relative;
/*	left:363px;
	top:10px;*/
	left:340px;
	top:10px;
}

#menu ul {

}

#menu li {
	display:inline;
	margin-left:46px;
}

#menu a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#ba8c1d;
}

#menu a:hover {
	text-decoration:overline underline;
}

h1 {
	background-image:url('../img/menu.jpg');
	/*font-family:"Times New Roman", Times, serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	padding-left:5px;
	color:#993300;
}

h1 img {
	margin:2px;
	vertical-align:text-bottom;
	margin-right:5px;
}

/* mise en forme calendrier */
#calendrier {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#calendrier .mois {
	float:left;
	margin:5px;
}

#calendrier table{
	background-color:#E3DCCA;
}

#calendrier tr{
	background-color:white;
}

#calendrier th{
	background-color:#E3DCCA;
}

#calendrier td {
	text-align:center;
	padding:0;
	padding-top:5px;
	background-repeat:repeat-x;
}

#calendrier input,select{
	background-color:#eeeeee;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#993300;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:10px;
	text-align:justify;
}

/* etat */
.d {	/* disponible */
	background-color:#aaffaa;
}

.e { /* en cours de réservation */
	background-color:#ffd080;
}

.r { /* réservation confirmé */
	background-color:#ffaaaa;
}

/* mise en forme liste_vacances */
#liste_vacances {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#liste_vacances table{
	background-color:#E3DCCA;
}

#liste_vacances tr{
	background-color:white;
}

#liste_vacances th{
	background-color:#E3DCCA;
}

#liste_vacances td {
	text-align:center;
	padding:5px;
	padding-top:5px;
	background-repeat:repeat-x;
}

#legende {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#993300;
	line-height:150%;
	margin-left:5px;
}

.zone-a{
	border-top:3px solid blue;
}

.zone-b{
	border-top:3px solid red;
}

.zone-c{
	border-top:3px solid green;
}


#formulaire {
	border:1px solid #993300;
	margin-left:auto;
	margin-right:auto;
	width:400px;
	margin-top:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:10px;
}

#formulaire label {
	display:inline;
	float:left;
	width:120px;
	text-align:right;
	margin-top:5px;
	color:#993300;
	font-family:Arial, Helvetica, sans-serif;
}

#formulaire .input {
	background-color:#e3dcca;
	margin:5px;
	border:2px inset white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.bouton {
	padding:2px;
	border:2px outset white;
}

.erreur {
	color:red;
}

.message {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#993300;
}

a.lien {
	color:#993300;
	font-weight:bold;
	text-decoration:none;
}

a.lien:hover {
	text-decoration:underline;
}