/* CSS Document */

	body{
		margin:0;
		padding:0;
		font-family:verdana;
		font-size:12px;
		color:#603900;
		background-color:#d39517;
	}
	#texteBasToutesPages{
		color: #ccc;
		font-size:80%;
		margin:0;
		padding:0 10px 0 15px;
		text-align:center;
	}
	a img{
		border:0;
	}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	#global{
		width:995px;
		margin:auto;
	}
	
	#entete{
		width:995px;
		height:247px;
	}
	
	#menu{
		width:981px;
		height:41px;
		margin:0;
		padding:0 0 0 14px;
		list-style:none;
		background-image:url(images/barre-menu.gif);
		background-repeat:no-repeat;
	}
	
	.menu{
		position:relative;
		float:left;
		width:160px;
		margin:0 1px 0 0;
	}
	
	.menu a.lienMenu{
		display:block;
		width:160px;
		height:30px;
		padding:11px 0 0 0;
		text-align:center;
		font-size:120%;
		font-weight:bold;
		color:#d98f21;
		text-decoration:none;
	}
	
	.menu a.lienMenu2{
		display:block;
		width:160px;
		height:38px;
		padding:3px 0 0 0;
		text-align:center;
		font-size:120%;
		font-weight:bold;
		color:#d98f21;
		text-decoration:none;
	}
	
	.menu a.lienMenu:hover, .menu a.lienMenu2:hover, .menu a.survolMenu{
		color:#00a6eb;
	}

	#bandeau{
		position: relative;
	}

	#petitAccess{
		position: absolute;
		top: 24px;
		left: 72px;
	}
	
	#petitAccess:hover{
		filter:alpha(opacity=80); 
    -moz-opacity:0.8; 
    opacity:0.8;
	}

	.sousMenu{
		display:none;
		position:absolute;
		top:41px;
		left:8px;
		margin:0;
		list-style:none;
		width:136px;
		padding:2px 2px 0 2px;
		border:2px solid #fff;
		background-image:url(images/fond-sous-menu.gif);
		background-repeat:repeat-y;
	}
	
	.sousMenu li{
		width:136px;
		margin:0 0 2px 0;
	}
	
	.sousMenu li a{
		display:block;
		width:114px;
		padding:3px 6px 4px 16px;
		background-image:url(images/puce-sous-menu.gif);
		background-repeat:no-repeat;
		background-position:6px 0;
		text-decoration:none;
		color:#603900;
	}
	
	.sousMenu li a:hover{
		background-color:#fff;
		background-position:6px -70px;
		color:#0088c4;
	}
	
	#contenu{
		margin:-1px 0 0 0;
		padding:0 0 2px 0;
		background-image:url(images/fond-page.gif);
		background-repeat:no-repeat;
	}
	
	#accueilGauche{
		float:left;
		width:407px;
		padding:34px 0 0 39px;
	}
	
	#accueilGauche p{
		margin:0 0 22px 0;
	}
	
	#accueilGauche p.introAccueil{
		font-size:110%;
		font-weight:bold;
	}
	
	#accueilGauche ul{
		margin:0 0 0 36px;
		padding:0;
	}
	
	#accueilGauche ul li{
		margin:0 0 8px 0;
		font-size:110%;
		font-weight:bold;
	}
	
	#logoJardinsEntraigues{
		float:left;
		width:115px;
		margin:60px 0 0 0;
		padding:0 0 0 45px;
	}
	
	#logoBoisGraviere{
		float:left;
		width:95px;
		margin:28px 0 0 0;
		padding:0 0 0 38px;
	}
	
	#accueilDroite{
		float:left;
		width:492px;
		padding:9px 0 0 0;
	}
	
	#plan{
		margin:23px 0 0 19px;
	}
	
	
/* ================================= OZONE */
	#ozone{
		padding:30px 35px 0 38px;
		margin:0;
	}
	
	#ozone h1{
		margin:0 0 15px 0;
		font-size:200%;
		font-weight:normal;
		color:#7d2c00;
	}
	
	#ozone h2{
		margin:0 0 5px 0;
		padding:0 0 0 0;
		font-size:150%;
		font-weight:normal;
		color:#7d2c00;
	}
	
	#ozone p{
		margin:0 0 14px 0;
		padding:0;
	}
	
	#ozone ul{
		margin:0 0 14px 23px;
		padding:0;
		list-style:none;
	}
	
	#ozone ul li{
		margin:0 0 5px 0;
		padding:0 0 0 18px;
		background-image:url(images/puce-1.gif);
		background-repeat:no-repeat;
		background-position:3px 5px;
	}
	
	#ozone ul ul{
		margin:0;
		padding:3px 0 0 0;
		list-style:none;
	}
	
	#ozone ul ul li{
		margin:0 0 4px 15px;
		padding:0 0 0 8px;
		background-image:url(images/puce-2.gif);
		background-repeat:no-repeat;
		background-position:0 6px;
	}
	
	#ozone ol li{
		margin-bottom:5px;
	}
	
	#ozone a
	{
		color:#0a9cd8;
		text-decoration:none;
	}
	
	#ozone a:hover{
		text-decoration:underline;
	}
	
	#ozone a.retourHautPage{
		display:block;
		width:104px;
		margin:auto;
		color:#9d4000;
	}
	
	#ozone a.retourHautPage:hover{
		text-decoration:none;
	}

	
 	#ozone table{
		margin:0 0 14px 0;
		border-left:1px solid #cb8e30;
	}
	
	#ozone table th{
		background-color:#cb8e30;
		border-right:1px solid #cb8e30;
		padding:5px;
		color:#fff;
	}
	
	#ozone table td{
		border-right:1px solid #cb8e30;
		border-bottom:1px solid #cb8e30;
		padding:3px;
	}
	
	#ozone table.map{
		margin:30px 0 0 0;
		border-left:0;
	}
	
	#ozone table.map td{
		border:0;
	}

	
	/* placement des images*/
	
	.imageAGauche{				/* image à gauche dans paragraphe */
		float:left;
		margin:0 10px 4px 0;
	}
	
	.imageADroite{				/* image à droite dans paragraphe */
		float:right;
		margin:0 0 5px 10px;
	}
	
	.imageCentre{				/* image centrée */
		text-align:center;
	}
	
	.imageAligneeDroite{		/* image alignée à droite */
		text-align:right;
	}
	
	#ozone table.map td.gaucheHaut{				/* colonne de gauche */
		padding:0 20px 0 0;		/* marge entre les colonnes */
		vertical-align:top;
	}
	
	#ozone table.map td.droiteHaut{				/* colonne de droite */
		padding:0;
		vertical-align:top;
	}
	
	#ozone table.map td.gaucheCentre{				/* colonne de gauche */
		padding:0 20px 0 0;		/* marge entre les colonnes */
	}
	
	#ozone table.map td.droiteCentre{				/* colonne de droite */
		padding:0;
	}
	
	#ozone table.map td.gaucheBas{				/* colonne de gauche */
		padding:0 20px 0 0;		/* marge entre les colonnes */
		vertical-align:bottom;
	}
	
	#ozone table.map td.droiteBas{				/* colonne de droite */
		padding:0;
		vertical-align:bottom;
	}
	
	#ozone table.map td.gaucheHaut td{				
		border-right:1px solid #cb8e30;
		border-bottom:1px solid #cb8e30;
		padding:3px;
	}
	
	#ozone table.map td.droiteHaut td{				
		border-right:1px solid #cb8e30;
		border-bottom:1px solid #cb8e30;
		padding:3px;
	}
	
	#ozone table.map td.gaucheCentre td{				
		border-right:1px solid #cb8e30;
		border-bottom:1px solid #cb8e30;
		padding:3px;
	}
	
	#ozone table.map td.droiteCentre td{				
		border-right:1px solid #cb8e30;
		border-bottom:1px solid #cb8e30;
		padding:3px;
	}
	
	#ozone table.map td.gaucheBas td{				
		border-right:1px solid #cb8e30;
		border-bottom:1px solid #cb8e30;
		padding:3px;
	}
	
	#ozone table.map td.droiteBas td{				
		border-right:1px solid #cb8e30;
		border-bottom:1px solid #cb8e30;
		padding:3px;
	}
/* ================================= OZONE */



/* ================================= PAGE CONTACT */
	.plusPetit{
		font-size:90%;
	}
	
	.plusGrand{
		font-size:110%;
	}
	
	.asterisque{
		color:#05a4de;
	}
	
	#ozone table#formulaireTableau{
		margin:0 5px 0 0;
		border-left:0;
		width:921px;
		height:415px;
	}
	
	#ozone table#formulaireTableau td{
		border:0;
	}
	
	#ozone table#formulaireTableau td#contactCoordonnees{
		width:317px;
		height:407px;
		vertical-align:top;
		padding:8px 12px 0 12px;
		background-image:url(images/fond-coordonnees-graviere.gif);
		background-repeat:no-repeat;
	}
	
	#ozone table#formulaireTableau td#contactSejour{
		width:568px;
		height:407px;
		padding:8px 0 0 12px;
		vertical-align:top;
		background-image:url(images/fond-sejour-graviere.gif);
		background-repeat:no-repeat;
	}
	
	.champ, .champTel, .champCp, .champNb, .zoneAdresse, .zoneCommentaires{
		font-family:verdana;
		font-size:12px;
		padding:2px 3px 2px 3px;
		background-color:#fff;
		border:1px solid #dedede;
		color:#05a4de;
	}
	
	.champ{
		width:180px;
	}
	
	.champTel{
		width:103px;
	}
	
	.champCp{
		width:45px;
	}
	
	.champNb{
		width:20px;
		text-align:center;
	}
	
	.zoneAdresse{
		width:180px;
		height:35px;
	}
	
	.zoneCommentaires{
		width:315px;
		height:90px;
	}
	
	.coordonneesLabel{
		float:left;
		width:107px;
		margin:13px 0 0 0;
	}
	
	.coordonneesChamp{
		float:left;
		width:190px;
		margin:9px 0 0 0;
	}
	
	.labelDate1{
		float:left;
		width:100px;
		margin:13px 0 0 0;
	}
	
	.labelDate2{
		float:left;
		width:106px;
		margin:13px 0 0 0;
	}
	
	.champDate{
		float:left;
		width:146px;
		margin:9px 0 0 0;
	}
	
	.labelPrestation{
		margin:13px 0 0 0;
	}
	
	#ozone table.prestationsTableau{
		border-left:0;
		margin:3px 0 0 0;
	}
	
	#ozone table.prestationsTableau td{
		border:0;
		padding:0;
	}
	
	#ozone table.prestationsTableau td.prestationsCellule1{
		width:175px;
		font-size:90%;
		padding:2px 0 0 0;
	}
	
	#ozone table.prestationsTableau td.prestationsCellule2{
		width:202px;
		font-size:90%;
		padding:2px 0 0 0;
	}
	
	#ozone table.prestationsTableau td.prestationsCellule3{
		width:162px;
		font-size:90%;
		padding:2px 0 0 0;
	}
	
	#ozone table.prestationsTableau td.prestationsGrandeCellule{
		width:295px;
		font-size:90%;
		padding:2px 0 0 0;
	}
	
	.casePrestationAutre{
		float:left;
		width:65px;
	}
	
	.champPrestationAutre{
		float:left;
		width:195px;
		margin:1px 0 0 0;
	}
	
	.labelAdultes{
		float:left;
		width:52px;
		margin:7px 0 0 0;
		font-size:90%;
	}
	
	.labelEnfants1{
		float:left;
		width:132px;
		margin:7px 0 0 0;
		font-size:90%;
	}
	
	.labelEnfants2{
		float:left;
		width:135px;
		margin:7px 0 0 0;
		font-size:90%;
	}
	
	.labelAnimauxElectricite{
		float:left;
		margin:13px 0 0 0;
		width:79px;
	}
	
	.champAdultes, .champEnfants1, .champEnfants2{
		float:left;
		width:59px;
		margin:2px 0 0 0;
	}
	
	.champAnimauxElectricite{
		float:left;
		margin:10px 0 0 0;
		font-size:90%;
		width:112px;
	}
	
	.labelCommentaires{
		float:left;
		margin:13px 0 0 0;
		width:123px;
	}
	
	.champCommentaires{
		float:left;
		margin:9px 0 0 0;
		width:330px;
	}
	
	#contactEnvoyer{
		margin:12px 0 0 520px;
	}
/* ================================= PAGE CONTACT */

/* ================================= PAGE Pied de page */
#texteMentionsLegales {
	position:absolute;
	width:994px;
	height:33px;
	z-index:2;
	/*left: 12px;*/
	/*top: 16px;*/
	text-align: center;

}
#texteMentionsLegales a{
	color:#00a6eb;
	text-decoration:none;
}
#texteMentionsLegales a:hover{
	text-decoration: underline;
}

/***********************	GALERIE	*************************/

#ozone .galeriePhoto{
	width:900px;
}

#ozone .galeriePhoto table{
	border:0;
	margin:0;
	padding:0;
}

#ozone .galeriePhoto table td{
	width:210px;
	height:160px;
	text-align:center;
	border:0px;
	margin:0;
	padding:0;
}

#ozone .galeriePhoto .pagination{
	float:right;
	padding:0 15px 0 0;
}

#ozone .galeriePhoto .pagination a{
	text-decoration:none;
	display:block;
	float:left;
	padding:2px 5px 2px 5px;
	background:#c2d94a;
	margin:0 5px 0 0;
	color:#344c37;
}

#ozone .galeriePhoto .pagination a:hover,#ozone .galeriePhoto .pagination a.actif{
	background:#bee345;
	color:#fff;
}

#ozone .galeriePhoto table td a:hover img{
	filter:alpha(opacity=80); 
    -moz-opacity:0.8; 
    opacity:0.8;
}

/***********************	GALERIE	*************************/