/* _______________ TEXTES ET LIENS _______________ */

ul {
	text-align:left;
	margin: 0 0 8px 0;
	}
	
div, li {
	text-align:left;
		}

td,th,h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0px; 
	color:#76a938;
	}
td,th {
	color:#424242;
	}	
	
p:first-letter{
	font-weight:bold;
	}	
	
p {	
	padding:0 20px 5px 20px; 
	text-align: justify;
	font-size:1.2em;
	}	
h2 {
	display: block;
	margin:16px 0 10px 510px;
	padding-left:4px;
	font-size: 1.5em;
	width:220px; 
	line-height:25px;
	text-align:left;
	color:#fff;
	text-decoration:none;
	background: #76a938;
	}	
h3 {
	margin: 40px 0 10px 20px;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.4em;

	}	
	
h4 {
	padding:0 0 2px 20px;
	font-size: 1.3em;
	}	
	
h5 {
	font-size: 1.2em;
	}	
	
h6 {
	font-size: 0.9em;
	}	

hr {
	border: none 0; 
	border-top: 1px dotted #8A3584;
	width: 100%;
	height: 1px;
	} 
	
a:link, a:visited{text-decoration: underline; color: #76a938;} 
a:hover {text-decoration: none; color: #76a938;}

.blanc, .blanc a:visited,.blanc a:link {color: #fff; } 
.blanc a:hover {text-decoration:none; color: #fff; } 

.rouge, .rouge a:visited,.rouge a:link {color: #FF0000; } 
.rouge a:hover {text-decoration:none; color: #FF0000; } 

/* _______________ ENTETE LOGO _______________ */
#entete h1{
	position:absolute;
	left:220px;
	top:0px;
	display: block;
	float:left;
	padding:2px;
	font-size:0.9em;
	font-weight:normal;
	position:relative;
}
#entete-logo {
	position:absolute;
	left:0;
	top:0;
	vertical-align:top;
	width:220px;
	height:245px;
	background:#76a938;
}	

#entete-logo a:link, #entete-logo a:visited{
		z-index:2;
		position:absolute;
		display: block;
		padding:94px 0 0 50px;
		text-decoration: none; 
		color: #FFFFFF;
		} 
#entete-logo a:hover{text-decoration: underline;	
} 

#adresseentete {
	padding:150px 0 0 0;
	width:220px;
	text-align: center;
	color: #FFFFFF;
	font-weight:bold;
	} 

#logo {
	z-index:1;
	position:absolute;
	left:23px;
	top:20px;
	width:172x; 
	height:105px; 
	margin: 5px 20px 10px 0;
}
/* _______________ ENTETE CARTE RESERVATION_______________ */

#entete-carte {
	position:absolute;
	left:220px;
	top:10px;
	vertical-align:top;
	width:480px;
	height:235px;
	z-index:1;
}	
#carte {
	position:absolute;
	right:0;
	top:5px;
	z-index:2;
}	
#entete-reservation {
	position:absolute;
	right:0;
	top:10px;
	vertical-align:top;
	width:260px;
	height:235px;

}	

#entete-reservation p, #entete-carte p {
	clear:right;
}

.bt-aproximite{
	z-index:3;
	position:absolute;
	right:0;
	top:0px;
	width:144x; 
	line-height:18px;
	height:18px;
	padding:2px 10px 2px 26px;
	margin:12px;
	font-size:1em;
	background:url('images/bth-aproximite.png') left no-repeat;
	}
.bt-aproximite a:link, .bt-aproximite a:visited{text-decoration: none; color: #fff;} 
.bt-aproximite a:hover{text-decoration: underline; color: #fff;}	
	
.bt-reservation{
	float:right;
	width:100x; 
	line-height:18px;
	height:18px;
	padding:2px 6px 2px 26px;
	margin:12px;
	font-size:1em;
	background:url('images/bth-reservation.png') left no-repeat;
	}	

.bt-reservation a:link, .bt-reservation a:visited{text-decoration: none; color: #fff;} 
.bt-reservation a:hover{text-decoration: underline; color: #fff;}

#entete-reservation img{
	float:left;
	width:59x; 
	height:60px;
	padding:30px 0px 2px 80px ;
	}
/* _______________ MENU _______________ */

	#menu{
		padding-top:25px;
		float:left;
		width:220px;
		position:relative;
		overflow:hidden;
		background:url('images/ombre_entete_gauche.png') top left repeat-x #dbdbdb;
		}
		#menu-gite{
		margin:35px 0 90px 0;
		width:200px;
		font-size: 1.1em;
					}
		
		#menu-gite li, ul{
		list-style: none;
		margin-left:6px;
		padding:0;
	
				}
		
		#menu-gite a:link, #menu-gite a:visited {
			padding-left:18px;
			text-decoration: none;
			color: #888;
			background:url('images/puce-menu-off.png') left no-repeat;
			
		}
		#menu-gite a:hover{
			color : #76a938;
			background:url('images/puce-menu-on.png') left no-repeat;
		}
			.lien-menu {
			display: block;
			font-size: 1em;
			font-weight:bold;
			padding: 2px 0 5px 5px;
			border-bottom: 1px solid #c8c8c8;
			background: url('images/fd-menu-rubrique.gif') repeat-x bottom;	
			zoom:1;
			list-style-type:none;
		}
		
/* _______________ SOUS MENU _______________ */

.sous-menu {
	font-size:1em;
	display: block;
	padding:2px 0 2px 12px;
	font-weight:normal;
	border-bottom: 1px solid #c8c8c8;
	zoom:1;
	list-style-type:none;
}

.sous-menu-dernier {
	font-size:1em;
	display: block;
	padding:2px 0 2px 12px;
	font-weight:normal;
	zoom:1;
	list-style-type:none;
}		
/* _______________ BOUTONS HAUT_______________ */

	#menu-haut{
		float:right;
		width:115px;		
		position:relative;
				}
	#menu-haut a:link, #menu-haut a:visited {
			display: block;
			height:20px;
			line-height:20px;
			text-decoration: none;
			color: #888;		
		}
	#menu-haut a:hover{
			color : #76a938;
				}
				
				
/* _______________ FOOTER BOUTONS _______________ */
	#menu-bt{
		margin:0 0 0 105px;
		bottom:50px;
		left:18px;
		width:115px;		
		position:absolute;
				}
				
	#menu-bt ul{
		list-style: none;
				}
			
		#menu-bt li{
		margin-bottom:5px;
				}
		
		#menu-bt a:link, #menu-bt a:visited {
			display: block;
			height:20px;
			line-height:20px;
			text-decoration: none;
			color: #888;		
		}
	
		#menu-bt a:hover{
			color : #76a938;
				}
		
		.bt-accueil a:link, .bt-accueil a:visited {
			padding-left:52px;
			background: url('images/bt-accueil-off.png') no-repeat right;
		}	

		.bt-accueil a:hover {
			background: url('images/bt-accueil-on.png') no-repeat right ;
		}
		
		.bt-plan a:link, .bt-plan a:visited {
			padding-left:30px;
			background: url('images/bt-plan-off.png') no-repeat right;
		}	

		.bt-plan a:hover {
			background: url('images/bt-plan-on.png') no-repeat right ;
		}
		.bt-mentions a:link, .bt-mentions a:visited {
			padding-left:7px;
			background: url('images/bt-mentions-off.png') no-repeat right;
		}	

		.bt-mentions a:hover {
			background: url('images/bt-mentions-on.png') no-repeat right ;
		}
		
		.bt-credits a:link, .bt-credits a:visited {
			padding-left:50px;
			background: url('images/bt-credits-off.png') no-repeat right;
		}	

		.bt-credits a:hover {
			background: url('images/bt-credits-on.png') no-repeat right ;
		}				

/* _______________ GALERIE _______________ */	


ul.galerie_photo, ul.galerie_photo li, ul.galerie_photo ul{
	border:0;
	margin:0;
	padding:0;
}
ul.galerie_photo, ul.galerie_photo ul{	list-style-type:none;	}
ul.galerie_photo li{float:left;	margin-right:15px;}


ul.galerie_photo
{	width:700px;
	padding-left:20px;
}

ul.galerie_photo li,
ul.galerie_photo li img
{
	width:150px;
	height:113px;
}

ul.galerie_photo li
{	padding:5px;	}
ul.galerie_photo li img
{	border:2px solid #76a938;	}


/* _______________ STYLES PAGES _______________ */	

		.liste li	{
		list-style:circle inside;
		font-size:1.1em;
		margin: 2px 30px 5px 40px;
		}

		#liste-rubriques{
		width:500px;
		margin: 10px 0 0 30px;
		font-size: 1.1em;
		font-weight: bold ; 
		color: #76a938;
					}
		
		#liste-rubriques li, #liste-rubriques ul{
		list-style: disc;
		margin-left:20px;
		padding:0;
				}
		
		#liste-rubriques a:link, #liste-rubriques a:visited {
			text-decoration: underline;
			color: #76a938;	}
			
		#liste-rubriques a:hover{
			text-decoration: none;
			color : #76a938;}
	
.col-gauche{
	margin: 20px 0 20px 20px;
	padding:0;
	float:left;
	display:block;
	width:350px;
	vertical-align:top;
	}
.col-droite{
	margin: 20px 0 20px 0;
	padding:0;
	float:right;
	display:block;
	width:350px;
	vertical-align:top;
	}	
#plan	{
	margin:20px 60px 20px 100px;
	border:0;
	}	
.image-gauche	{
	float:left;
	margin:20px;
	border:0;
	}	
.image-droite	{
	float:right;
	margin:20px;
	border:0;
	}
.st-bloc {
	clear:left;
	letter-spacing: 0.1em;
	display: block;
	vertical-align:top;
	width:270px; 
	height:16px;
	margin: 0;
 	padding: 2px 0px 0px 24px;
	font-weight:bold;
	font-size:1em;
	color:#FFFFFF;
	text-decoration:none;
	background: url('images/fleche-01.gif') no-repeat left #76a938;
	}
	
.lien-t1 {
		display: block;
		font-weight:bold;
		font-size:0.6em;
		padding: 3px 0 3px 12px;
		zoom:1;
		list-style-type:none;
		margin:0;
		background: url('images/fleche-t1-c1.gif') no-repeat left;
		}		



/* _______________ PIED DE PAGE _______________ */
#footer{
	position:relative;
 	width:950px;
	height:25px;
	background:url('images/cote-gauche.png') top left repeat-y ;
	}

#footer-bloc {
	margin: 0 0 0 220px;
	width:720px;
	height:20px;
}	
	#footer-bloc h3 {
		margin:0 0 0 20px;
		width:700px;
		font-size:0.8em;
		font-weight: normal;
		text-align:justify;
		}	
	#footer-bloc h4 {
		margin:0;
		width:700px;
		font-size:0.8em;
		font-weight: normal;
		text-align:justify;
		}