body 
{
	background-image:url("Images/essai_cyanotype_01.jpg");
	background-attachment: fixed; 
	margin-top: 1%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 1%;
	font-family: "verdana";
	font-size: 15;
	font-weight: 600;
}

table{
	font-family:"verdana";
	font-size: 15;
	font-weight: 600;
}

* 
{
	font-family:arial;
	color: black;
}

.reserver{
	background-color : pink;
	color: red;
	text-align:center;
}
.disponibilite{
	color: red;
	text-align:center;
}

.aligndroite{
	text-align:right;
}

.aligngauche{
	text-align:left;
}

.indente{
	text-indent: 1cm;
}

.alignjustifie{
	text-align:justify;
}

.aligncentre{
	text-align:center;
}

#menu 
{
float: left;
margin-top: 2%;
width: 10%;
}

#menu a 
{
 text-decoration: none;
 text-align: center;
 color: black;
}

#menu a:link{
	color: black;
	text-decoration:none;
	
}

#menu a:visited{
	color: black;
	text-decoration:none;
}

#menu a:hover{
	color: blue;
	text-decoration:none;
}

#menu a:active{
	color: yellow;
	text-decoration:none;
	border: 0;
}

img {
 border: 0;
}


div.Entete 
{
	text-align: center;
	padding: 5px;
}

div.Pied 
{
 border-style: solid;
 border-width: 1px;
 margin-top: 1%;
 padding-bottom: 0px;
}

div.PageHtml 
{
	margin-top: -10px;
	margin-left: 4cm;
	padding-left: 3%;
	width: 80%;
}


li
{
	padding-left:2%;
	margin-left: 7%;
}

p
{

	text-align:justify;
	padding:2%;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 5%;
	margin-bottom: 5%;
}
p.droite {
	float: right;
	text-align:justify;
	width: 20%;
	padding-top: 2%;
	padding-bottom: 5%;
	padding-left: 2%;
	padding-right: 5%;
}

p.gauche{
	float: left;
	text-align:justify;
	width: 16%;
	padding-top: 2%;
	padding-bottom: 5%;
	padding-right: 2%;
	padding-left: 5%;
}

img.droite{
	float: right;
	padding-left: 5%;
	padding-right: 5%;
	margin: 3%;
	border-style: none;	
}

img.gauche{
	float: left;
	padding-right: 5%;
	padding-left: 5%;
	margin: 3%;
	border-style: none;
}