/*MISE EN FORME PAGE*/

	body{
		padding:0;
		margin: 0;
		width: 100%;
		font-size: 100%;
		background-color:#d8b088;
		min-width:900px;
		max-width: 1250px;
		behavior: url("csshover3.htc");
		/*background-color: #663300;*/
	}

	
/*Page*/

	div#contourPage{
		
		width:980px; /*au lieu de 1000*/
		margin:auto;
		background-color: white;
		padding-bottom:1px;
	}

	div#page{
		margin-right:23.5px; /*2.4%;*/
		margin-left:23.5px; /* 2.4%;*/
		background-color: white;
	}

/*BANNIERE*/
	div#banniere{
		margin-right: 23.5px ;/*2.4%;*/
		margin-left: 23.5px; /*2.4%;*/
		background-attachment: fixed;
		background-color:white;
	}

	div#en_tete{
		font-family: arial;
		position: relative;
		margin-left: 20%;
		text-align: center;
	}
	
	#en_tete h1{
		color: #ff9900;
		font-family: Century Gothic;
		font-size: 280%;
		font-weight: normal;
	}

	#photoEntete{
		position: relative;
		margin-left:0;
		/*margin-top: -13.9%;*/
	}

	#imageBan{
		/*margin-top: -13%;*/
		margin-top: -275px;/*-29.5%;*/
		margin-left: 20.6%;
		position: relative;
	}

	 h1.sousTitre-EnTete{
		
		margin-top: 1.9%;
		margin-left: 20%;
		text-align:center;
		color:#663300;
		font-family: Century Gothic;
		font-size: 240%;
		font-weight: normal;
		
	}
	
	p.annecy{
		margin-top: -1%;
		margin-right: 80%;
		padding-bottom:0.4%;
		text-align:center;
		font-family: arial;
		font-size: 120%;
		color:#c89058;
		
	}
	

/*MENU*/
		#menu{
		/*position: relative;*/
		position:absolute;
		z-index:2;
		width:980px; /*105.5%; /*104.2%;*/
		margin-left:-40px;
		/*margin-left: -4.2%;*/
		margin-top:-1.5%;
		/*margin-top:-2.1%;*/
		font-size:96.5%;
	}
	
	#menu a{
		color: white;
		font-family: arial;
		text-decoration: none;
		font-size:100%;
		
		float: left; 
		width : 120px; 
		height: 37px;
	}
	
	#menu ul{
		display:block;
		margin:0;
		font-size:100%;
		position:relative;
	}
	
	
	#menu li{ 
		float: left; 
		width: 12.3%;
		text-align: center;
		background-color: #663300;
		font: arial white;
		list-style-type: none;	
		height: 37px;
		font-size:100%;
		border-right: 1px solid white;
		border-top: 1px solid white;
	}

	#menu ul.niveau2{
		display:none;
		text-align: left;
		padding:0;	
		font-size:100%;	
	}
		
	#menu li.niveau2{
		text-align: left;
		width: 100%;	
		height: 100%;
		background-color:#663300;
		font-size:100%;
	}
	
	#menu ul.niveau3{
		display: none;
		text-align: left;
		margin-top: -38px;/*-32.5%;*/
		margin-left: 76.4px;/*67%;*/
		width: 100%;	
		float: left;
		font-size:100%;
	}
	
	#menu li.niveau3{
		display: none;
		float: left; 
		width: 100%;
		text-align: left;
		background-color: #91c400;
		font-size:100%;
		padding-left:3px;
	}

	
	#menu li:hover{
		background-color: #3e1f00;
	}
	#menu li.niveau2:hover{
		background-color: #3e1f00;
	}
	#menu li.niveau3:hover{
		background-color: #3e1f00;
	}
	#menu li.niveau3:hover{
		display: block;
		background-color: #3e1f00;
	}

	#menu li:hover ul.niveau2
	{
		display: block;
	}
	#menu li.niveau2:hover ul.niveau3
	{
		display: block;
	}
	#menu li.niveau2:hover li.niveau3
	{
		display: block;
	}

/* PARTIE CENTRALE */

#titreMenu{
	background-color: white;
	position: relative;
	font-size: 225%;
	font-family: arial;
	font-weight: bold;
	line-height: 150%;
	color: #663300;
	height: 100%;
	text-align: center;
	float: left;
	width: 6%;
	margin-left:0.5%;
	
	margin-top:2%;
}

	 h1.sous-titre{
	 	font-size: 175%;
		font-family: Century Gothic;
		font-weight: bold;
		color:#91c400;
	}
	
	#temoignages{
		float: right;
		position: relative;
		width:60%;
		margin-right: 18%;
		margin-top:0%;
		text-align: center;
		font-size: 120%;
		font-family: arial;
		line-height: 120%;
		color: #663300;
		height: 100%;
	}


	#temoignages form{
		margin-left: 10%;
		margin-right:10%;
		text-align: left;
		font-size:95%;
	}
		
	#temoignages label{
		width:36%;
	}	
	
	#temoignages input{
		width:40%;
	}
	
	#calendrier{
		padding-left:10%;
		padding-top: 10%;
		font-size: 120%;
		font-family: arial;
		line-height: 100%;
		color: #663300;
		width: 90%;
		height: 100%;
	
	/*
		margin: auto;
		margin-top:-95%;	
		font-size: 120%;
		font-family: arial;
		line-height: 100%;
		color: #663300;
		width: 90%;
		height: 100%;*/
	}
	
	#textes{
		/*margin-left : 5%;
		padding-left:30%;*/
		padding-right:5%;
		margin-top:0%;
		padding-top: 5%;
		font-size: 120%;
		font-family: arial;
		font-weight: bold;
		line-height: 100%;
		color: #663300;
		width: 60%;
		height: 100%;
		float:right;
	}
	
	#image{
		padding-left : 6%;
		margin-top : 2%;
		float:left;
		}
	
	#image img{
		margin-top : 21%;
		}
		
		
	#textes h1{
	color:#91c400;
	text-align:center;
	margin-top:-0.2%;
	margin-left : 3%;
	font-style : italic;
	font-size:90%;
	}
	
	#textes li{
	font-size: 80%;
	font-family: arial;
	font-weight:bold;	
	color:#663300;
	}
	
	#textes p{
		font-size: 80%;
		font-family: arial;
		font-weight: bold;
		color: #663300;

	}
	
	#textes form{
		font-size: 90%;
		font-family: arial;
		font-weight: bold;
		color: #663300;
		width:80%;
		padding-left:15%;
	}
	
	#textes label{
		width:30%;
	}
	
	
	#textes table{
		font-size: 60%;
		margin-left:13%;
		width: 80%;
		border-collapse:collapse;
		
	}
	
	#formulaire{
		padding-right:5%;
		margin-top:0%;
		padding-top: 5%;
		font-size: 120%;
		font-family: arial;
		font-weight: bold;
		line-height: 100%;
		color: #663300;
		width: 80%;
		height: 100%;
		float:right;
	}
	#formulaire h1{
		color:#91c400;
		text-align:justify;
		margin-top:-0.2%;
		margin-left : 3%;
		font-style : italic;
		font-size:90%;
	}
	#formulaire form{
		font-size: 90%;
		font-family: arial;
		font-weight: bold;
		color: #663300;
		width:60%;
		padding-left:15%;
	}
	#formulaire table{
		font-size: 60%;
		margin-left:13%;
		width: 80%;
	}
	#carre{
		font-size: 100%;
		font-family: arial;
		line-height: 100%;
		color: #91c400;
		width: 75%;
		height: 100%;
		border: 1px solid #d8b088;
		text-align:center;
		margin-left:10%;
		padding:20px;
		}
	
	label {
		display:block;
		width: 30%;
		float: left;
	}
	label.devis{
		width:46%;
	}
	input{
		display:inline;
		width: 50%;
	}
	textarea{
		display: block;
		width:80%;
		height:100px;
	}
	 input.bouton{
		margin-right:19%;
		float:right;
		width: 20%;
		background-color:#d8b088;
	 }
	
	table{
		text-align: left;
		font-size: 20px;
		font-family: arial;
		color:#5A3A22;
	}
	#infos{
		margin-left : 5%;
		padding-left:5%;
		/*margin-top:4%;*/
		padding-top: 10%;
		font-size: 120%;
		font-family: arial;
		font-weight: bold;
		line-height: 100%;
		color: #663300;
		height: 100%;
	}
	#infos p{
		font-size: 80%;
		font-family: arial;
		font-weight: bold;
		color: #663300;
		text-align: left;
		width:70%;
	}
	#infos h1{
		color:#91c400;
		text-align:left;
		font-style : italic;
		font-size:90%;
		width:70%;
	}
	
	#infos form{
		width: 70%;
		font-size: 90%;
		font-family: arial;
		font-weight: bold;
		color: #663300;
		text-align:left;
		margin-left: 10%;
	}
	
	#infos input{
		width:40%;
	}
	
	
	#infos img{
		padding-left:52%;
		margin-top: 1%;
	}
	
	#infos td{
		width:300px;
		font-size:70%;
	}
	
	
	#contact{
		font-size: 80%;
		margin-left:68%;
		border: 2px solid #d8b088;
		width: 30%;
		margin-top:-40%;
		text-align:center;		
		font-weight: bold;
	}
		
	
	
	#accueil{
		margin-left: 6.2%;
		/*margin-top: -650px;*/
		padding-top: 15%;
		font-family: arial;
		height: 100%;
	}

	#accueil p{
		font-size: 25px;
		font-family: Century Gothic;
		text-align: center;	
	}
	
	#accueil table{
		font-size: 120%;
		font-family: arial;
		color:#5A3A22;
		border-collapse: collapse;
	}

	li.page{
		padding-top: 2%;
		clear:both  ;
		list-style: url(../images/bambou.jpg);
		font-size: 120%;
		font-family: arial;	
	}
	
	a.liensPage{
		text-decoration: none;
		color:#c89058;
	}
	
	a.liensPage:hover{
		color:#d8b088; /*ou #91c400*/
	}
	
	#partieGauche{
		float: left;
		margin-left: 8%;
		width: 35%;
		margin-top:-5%;
		font-size:95%;
	}
	
	#partieDroite{
		float: right;
		width: 38%;
		margin-right: 12%;	
		margin-top:-5%;
		font-size:95%;
	}

	#lienAccueil{
		float:left;
		padding-top:2.5%;
		width:27%;
		z-index:5;
		
	}
	
	#tableauActu{
		float:right;
		font-size: 95%;
		text-align:center;
		margin-right:11%;
	}
	#tableauActu td{
		text-align:center;
		padding-right:5px;
		padding-left:5px;
	}
	a.partenaire{
		color:white;
		text-decoration:none;
	}
	a.partenaire:hover{
		color:#663300;
	}
	
	.erreur{
		color:red;
	}
	
/*GALERIE PHOTO*/
.photoGalerie{
	height:20%;
	width:20%;

}



#galeriePhoto{
	position: relative;
	margin-left: 6%;
	padding-top: 8%;

}


#agrandissement{
	position: relative;
	margin-right: 15%;
}

.menuPhoto {
	font-size: 95%;
	font-weight: bold;
	font-family: Arial;

}
a.menuPhoto {
	text-decoration: none;
	color: #a6741e;
}
a.menuPhoto:hover {
	text-decoration: none;
	color: orange;
}
.titrePhoto {
	font-size: small;
	color:white;
	font-weight: bold;
	font-family: Arial;
	
}
a.titrePhoto  {
	text-decoration: underline;
	font-weight: bold;
	font-family: Arial;
}
a.titrePhoto :hover {
	text-decoration: none;
	color:#663300;
}

.txtrouge {
	font-size: xx-small;
	color: #FF0000;
	font-weight: bold;
}

td.tdover {
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;

}
td.tdover:hover {
	border: 1px solid white;
}
.fdgris {
	padding: 2%;
	text-align: left;
}
.fdcolor1 {
	background-color:#b8e65e;
	padding: 2%;
	text-align:center;
}

.imageborder {
	border: 1px solid white;
}

/*PIED PAGE*/
#loi{
	color: #663300;
	font-size:70%;
	width: 93%;
	padding-left:7%;
}

 #piedPage{
	 margin-right: 2.4%;
	 margin-left:2.4%;
	 margin-top:-1%;
	background-color:#663300;
	text-align:center;
	color: white;
	font-family: arial;
	width:95.3%;
	font-size:80%; 
 }
 
 #piedPage a{
	color:#d8b088;
	text-decoration:none;
 }
 #piedPage  a:hover{
		color:#91c400; /*ou #d8b088*/
	}