* {
	margin:0;
	padding:0;
}

body {
background-image:url(images/fond_degrade.jpg);
}

#fond {
	background-image:url(images/fond.png); /* mon image-cadre de fond */
	margin:auto;
	background-position:center;
	width:956px;
	height:919px;
}

.phraseaccueilh1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#545f1d;
	float:left;
	margin-left:10px;
	margin-top:105px;
}

#logo_gite {
	float:left;
	margin-left:20px;
	margin-top:60px;
}

/* --------début du menu------ */

#menu {
	float:left;
	width:850px;
	margin-left:40px;
	margin-top:5px;
}

#menu ul{
	list-style-type:none;
}


ul li {
	float:left;
	padding-top:4px;
	padding-bottom:5px;
	margin-left:54px;
	
}

a
{
	color: #002538;
}

.pageactive
{
	color:#fff;
	background-image:url(images/onglet_menu_on.jpg);
	padding-left:20px;
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	
}

li a:link,li a:visited, li a:active 
{	/* enlève le soulignement sur ts types de liens */
	text-decoration:none;
	color:#002538;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

li a:hover /* survol de la souris */
{
	
	background-image:url(images/onglet_menu_on.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	
}

/* --------fin du menu------ */

.texteaccueil
{
	float:left;
	width:900px;
	text-align:justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 22px;
	color: #002538;
	margin-top:20px;
	margin-left:77px;
}

#paragraphegauche
{
	float:left;
	width:368px;
	margin-left:20px;
	padding-right:28px;
}

#paragraphedroite{
	float:left;
	width:368px;
}

#phototemoin{
	float:left;
	width:368px;
	height:507px;
	margin-left:95px;
	margin-top:14px;
}

#phototemoin{
	float:left;
	width:368px;
	height:507px;
	margin-left:95px;
	margin-top:14px;
}

#phototemoinpresentation{
	float:left;
	margin-left:240px;
	margin-top:3px;
	border-width:8px;
	border-color:#fff;
	border-style:solid;	
}

.pdp{
	text-align:center;
	color:#545f1d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
}

.contact{
	color:#545f1d;
}

#paragraphesituation{
	float:left;
	width:800px;
}

#phototemoinsituation{
	float:left;
	width:539px;
	margin-left:180px;
	margin-top:40px;
}

#indication{
	float:left;
	margin-top:30px;
	text-align:center;
	width:900px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 22px;
	color: #002538;
}

#animation{
	float:left;
	margin-top:30px;
	margin-left:100px;
	text-align:center;
}

.textactivites{
	color: #002538;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;	
}

.promo{
	color: #B90000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;	
}

#formulaire
{
	float:left;
	margin-top:20px;
	margin-left:90px;
	width:700px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 22px;
	color: #002538;
}

.calage{
	float:left;
	width:630px;
}

.texte
{

}

fieldset{
	
	margin:auto;
	padding:30px;
	width:710px;
}

#contact
{
	float:left;
	margin-top:20px;
	margin-left:90px;
	width:700px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 22px;
	color: #002538;
}

#photoprestation

{	float:left;
	margin-top:3px;
	margin-left:98px;
}

.pixelyon
{
	float:left;
	width:900px;
	text-align:center;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 22px;
	color: #002538;
	margin-top:20px;
	margin-left:77px;
}