html, body {
	background-image: url(../images/fond.gif);
	background-color: #F2F1E6;
	margin:0px; 
	padding:0px;
	font: 14px/24px Arial, Helvetica, sans-serif; 
	color: #333;
}

a{
	color: #900;
	text-decoration: none;
}

h1 a, h1 a:hover, h2 a, h2 a:hover{
	color: #333;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/* STRUCTURE GLOBALE DU SITE WEB (CONTENU + NAVIGATION) */
div#site{
	position: relative;
	margin: 0px auto;
	width: 900px;
}


/* ENTETE */
img#photoChalet{
	background-color: #333;
	padding: 8px;
	margin-top: 25px;
}

img#logo{
	margin: 50px 25px 0px;
}

/* CONTENU */
div#contenu{
	margin: 0 auto;
	width: 900px;
}

div#contenu p{
	margin: 5px 25px 18px;
}

div#contenu h1, h2{
	font: 30px/36px Arial, Helvetica, sans-serif; 
	margin: 25px 25px 10px;
}

div#contenu h3{
	font: 18px/24px Arial, Helvetica, sans-serif; 
	margin: 25px 25px 10px;
}

ul{
	font: 14px/24px Arial, Helvetica, sans-serif; 
	margin: 0 25px 25px;
	padding: 0;
}

ul li{
	margin: 0;
	padding : 0;
	list-style-type: none;
}


div#colTexte{
	float: left; 
	width: 600px;
}

div#colAlbum{
	overflow: hidden;
}

h2.titreAlbum{
	padding-left: 5px;
}

ul.album li{
	float: left;
	margin: 0;
	padding: 0;
	line-height: 0;
}

div#colAlbum a img{
	border: none;
	padding: 5px;
}

div#colAlbum a:hover img{
	background-color: #900;
}