@charset "utf-8";

body {
	background-color:#eea62e;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	
	a {
	color:#940104;
	text-decoration:none;
	}
	
		a h1 {
		color:#780104;
		}
	
		a:hover {
		color:#E00106;
		border-bottom:thin dashed;
		}
		
		a img:hover {
		border-bottom:none;
		}
		
		a img {
		border-style:none;
		}
	
	td {
	padding:0;
	}

#head {
background-color:#eea62e;
position:fixed;
width:100%;
height:12%;
z-index:10;
text-align:center;
}

#menu-top {
background-color:#eea62e;
position:fixed;
width:100%;
height:5%;
top:12%;
z-index:10;
text-align:center;
}

#corps {
position:absolute;
width:100%;%;
height:80%;
top:17%;
z-index:1;
margin:auto;
text-align:center;
}
	
	#acceuil {
	padding-left:3%;
	padding-right:3%;
	}
	
		.text_acceuil {
		margin-left:10%;
		text-indent : 20px;
		text-align: justify;
		width : 40%;
		}
		
		.img_coteaux {
		text-align: center;
		}
	
	#histoire {
	padding-left:3%;
	padding-right:3%;
	}
	
		#histoire p {
		text-align:justify;
		}
	
	#galerne {
	padding-left:3%;
	padding-right:3%;
	}
	
		#galerne img {
		margin-left:20px;
		}
	
		#galerne p {
		text-align:justify;
		}
	
		#galerne ul {
		text-align:justify;
		}
		
	#brigantine {
	padding-left:3%;
	padding-right:3%;
	}
	
		#brigantine img {
		margin-left:20px;
		}
	
		#brigantine p {
		text-align:justify;
		}
	
		#brigantine ul {
		text-align:justify;
		}
		
	#environnement {
	padding-left:3%;
	padding-right:3%;
	}
		
		#environnement p {
		text-indent : 20px;
		text-align:left;
		}
	
		#environnement ul {
		text-align:left;
		}
	
	#galerie {
	}
	
		#js {
		font-size:10px;
		font-weight:normal;
		}
	
		#selection {
		margin-left:15px;
		border:2px solid;
		position:absolute;
		left:0%;
		width:400px;
		height:85%;
		overflow:auto;
		}
		
			#selection table {
			border-spacing:10px;
			}
		
			#selection td {
			width:40%;
			}
			
			#selection img {
			height:130px;
			}
			
			#selection img:hover {
			cursor:pointer;
			border:thin solid;
			height:128px;
			}
			
	
		#affichage {
		float:right;
		width:65%;
		height:85%
		}
		
			#photo {
			width:100%;
			height:90%
			}
			
				#photo img {
				height:390px;
				}
				
			#titre {
			width:100%;
			height:10%;
			}
		
	#tarif table{
	margin:auto;
	}
		
		#tarif table td {
		padding-top:5px;
		padding-left:10px;
		padding-right:10px;
		}
		
		.trTitre {
		font-style:italic;
		font-weight:bold;
		}
		
	#tarif table thead {
	font-weight:bold;
	}
	
	#contact-acces {
	width:70%;
	height:100%;
	float:left;
	}
		#contact-acces ul {
		text-align:justify;
		list-style-type:none;
		}
	
	#contact-contact {
	width:30%;
	height:100%;
	float:right;
	}

#foot {
background-color:#eea62e;
position:fixed;
width:100%;
height:15px;
bottom:0%;
padding:0;
z-index:10;
}