* {

	margin: 0px;

	padding: 0px;

}

body {

	background-image: url(images/fond-body.jpg);

	background-repeat: repeat-y;

	background-position: center top;

	height: auto;

}#global {

	width: 956px;

	margin-right: auto;

	margin-left: auto;

	display: block;

}

#header {

	width: 956px;

	margin-right: auto;

	margin-left: auto;

	display: block;

	background-image: url(images/header.jpg);

	background-repeat: no-repeat;

	background-position: center;

	height: 170px;

	background-color: #7499D0;

	position: relative;

	z-index: 1;

}

#menu-haut li {



	font-family: Arial, Helvetica, sans-serif;

	font-size: 8px;

	float: right;

	list-style-type: none;

	padding-right: 20px;

}

#menu-haut a {

	line-height: 16px;

	color: #4A5C34;

	text-decoration: none;

	font-weight: bolder;

	font-size: 10px;

}

h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;





}

h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;





}

.justify {

	text-align: justify;

}



.bouton {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	background-image: url(images/btn-grand2.png);

	width: 152px;

	background-repeat: no-repeat;

	background-position: center top;

	list-style-type: none;

	float: left;

	line-height: 36px;

	position: relative;

	padding-right: 3px;

	padding-left: 3px;

	color: #FFFFFF;

}

#menu-header {

	top: 140px;

	left: 5px;

	z-index: 0;

	background-position: bottom;

	position: relative;

}

#menu-header a {

	font-size: 9px;

	text-transform: uppercase;

	float: left;

	text-align: center;

	display: block;

	width: 150px;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

}

a {

	color: #FFFFFF;

}



#menu-header a:hover {

	color: #FFCC00;

	font-size: 9px;

	text-transform: uppercase;

	text-decoration: none;

	float: left;

	text-align: center;

	display: block;

	width: 150px;

}

.active {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	background-image: url(images/btn-grand.png);

	width: 152px;

	background-repeat: no-repeat;

	list-style-type: none;

	float: left;

	line-height: 36px;

	position: relative;

	padding-right: 3px;

	padding-left: 3px;

	background-position: center top;

}

.lienactif {

	color: #FFCC00;

	background-position: center top;

	text-decoration: underline;

}

#menu-header {

}

.menu-gauche {

	width: 150px;

	float: left;

	margin-top: 10px;

	margin-left: 10px;

  text-align:center;
}

#contenu {

	width: 720px;

	float: left;

	margin-top: 26px;

	margin-left: 20px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #276CB1;

	padding-left: 20px;

	display: block;

}

#contenu p {

	font-family: "Trebuchet MS";

	font-size: 12px;

}



#pied {

	background-image: url(images/pied.jpg);

	clear: both;

	height: 25px;

	bottom: 0px;

	margin-top: 40px;

	display: block;

	width: 956px;

	margin-right: auto;

	margin-left: auto;

	background-repeat: repeat-x;

	background-position: bottom;
 text-align: center;
}

#pied a {

	font-family: Arial, Helvetica, sans-serif;

	color: #FFCC00;

	font-size: 11px;

	text-align: center;

	margin-right: 20px;

	margin-left: 20px;

	line-height: 20px;

}
#footer {

	font-family: Arial, Helvetica, sans-serif;

	color: #000000;

	font-size: 11px;
		text-align: center;
	}

#footer a {

	font-family: Arial, Helvetica, sans-serif;

	color: #000000;

	font-size: 11px;

	text-align: center;



	line-height: 20px;

}


.block {

	margin-top: 10px;

	width: 440px;

	height: 300px;

	position: relative;

	margin-right: auto;

	margin-left: auto;

}

a.locations {

	background-image: url(images/locat-saison.jpg);

	background-repeat: no-repeat;

	display: block;

	height: 150px;

	width: 200px;

	float: left;

}

a:hover.locations {

	background-image: url(images/locat-saison2.jpg);

}

a.gites {

	background-image: url(images/gites.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	display: block;

	height: 150px;

	width: 200px;

	float: right;

	clear: right;

}

a:hover.gites {

	background-image: url(images/gites2.jpg);

}



a.chambres-hotes {

	background-image: url(images/chambres-hotes.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	height: 150px;

	width: 200px;

	float: left;

	display: block;

}

a:hover.chambres-hotes {

	background-image: url(images/chambres-hotes2.jpg);

}

a.camping {

	background-image: url(images/camping-2.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	display: block;

	height: 150px;

	width: 200px;

	float: right;

	clear: right;

}

a:hover.camping {

	background-image: url(images/camping2.jpg);

}







.menu-gauche li {

	list-style-type: none;

	line-height: 5px;

}