*{ padding:0; margin:0;}
html{ font-size:14px; height:100%;}
body{ font-size:1em; margin:0; padding:0; font-family:Trebuchet MS; color:#8e0c08; background-image:url(images/site_bg.jpg); background-repeat:repeat-x; background-color:#ffffff; height:100%;}

a{ color:#8e0c08; font-weight:bold; text-decoration:underline; font-weight: normal;}
	

img{ border:0;}

ul{ margin:0; padding:0; list-style-type:none;}

h1{ font-size:2.1em; font-weight:normal; margin-bottom:5px;}
h2{ font-size:1.7em; font-weight:normal;}
h3{ font-size:1.3em; font-weight:normal; margin:5px 0;}
h4{ font-size:1em; font-weight:normal;}

p{ font-size:1em; line-height:1.5em; text-align:justify;}

.clear-both{ clear:both;}
.float-left{ float:left;}
.float-right{ float:right;}

.txtNoir{ color:#000000;}

.gras{ font-weight:bold;}

.align-center{ text-align:center;}
.align-left{ text-align:left;}
.align-right{ text-align:right;}
.align-justify{ text-align:justify;}

.pos-relative{ position:relative;}

.col-gauche{
	float:left;
	width:260px;
	margin:30px 10px;
	}
.col-centre{
	float:left;
	width:465px;
	margin:30px 10px;
	}
.col-droite{
	float:left;
	width:175px;
	margin:30px 10px;
	}
/*LAYOUT*/
#container{
	position: relative;
    min-height: 100%;
    height: 100%;
	height: auto;
	position:relative;
	}
	html>body #container {
		height: auto;
		}
		
	#site-container{
		text-align:center;
		padding-bottom:120px;
		}
		#site{
			width:960px;
			margin:0 auto;
			text-align:left;
			}
			#header{
				position:relative;
				}
				#logo {
					position:absolute;
					top:0;
					left:25px;
					}
					#logo img{
						width: 242px;
						height: 186px;
						}
				.nav-lang{
					padding-left:260px;
					height:55px;
					}
					.nav-lang ul{
						padding-top:25px;
						}
						.nav-lang ul li{
							float:left;
							margin:0 10px;
							font-size:1em;
							color:#ffffff;
							}
							.nav-lang ul li a{
								color:#ffffff;
								font-weight:normal;
								text-decoration:none;
								}
							.nav-lang ul li.active{
								text-decoration:underline;
								}
				
		.nav-container{
			
			}
			.nav-contenu{
				
				}		
				.nav{
					height:55px;
					}		
				.nav dl{
					display: block;
					float: left;
					padding-top:20px;
					}
					.nav dl dt {
						display: block;
						text-align: center;
						color: #ffffff;
						font-size:1em;
						margin:0;
						padding:0 10px;
						height:25px;
						line-height:25px;
						}
						.nav dl dt a {
							text-decoration: none;
							color: #ffffff;
							}
						.nav dl dt a:hover {
							text-decoration:underline;
							color:#9D0D04;
							}
					.nav dl dd {
						position:relative;
						display: none;
						margin: 0px; padding: 0px;
						}
						.nav dl:hover dd {
							display: block;
							}
						.nav dl dd ul {
							position:absolute;
							margin: 0px;
							padding: 0px;
							text-align:left;
							list-style: none;
							background-color: #00542e;
							width:170px;
							}
							.nav dl dd ul li{
								overflow:hidden;
								white-space:nowrap;
								padding:0 10px;
								width:100%;
								}
							.nav dl dd ul li  a{
								text-decoration: none;
								color: #ffffff;
								display: block;
								height:25px;
								line-height:25px;
								}
								.nav dl dd ul li  a:hover{
									text-decoration: underline;
									color:#9D0D04;
									}
				#galerie-container{
					
					}
					#galerie-haut{
						width:960px;
						height:10px;
						background-image:url(images/galerie_haut.png);
						background-repeat:no-repeat;
						}
					#galerie-bas{
						width:960px;
						height:10px;
						background-image:url(images/galerie_bas.png);
						background-repeat:no-repeat;
						}
					#galerie{
						width:960px;
						background-image:url(images/galerie_bg.png);
						background-repeat:repeat-y;
						text-align:center;
						}
						#galerie-contenu{
							margin:0 auto;
							width:936px;
							height:340px;
							background-color:#d7d7d7;
							border:2px solid #eeeeee;
							}
							ul.carousel-galerie{
								margin:10px 8px;
								}
								ul.carousel-galerie li{
									float:left;
									margin:0 1px;
									}
			#contenu{
			
				}		
	#footer-container{
		position:absolute;
		bottom:0;
		text-align:center;
		background-image:url(images/footer_bg.jpg);
		background-repeat:repeat-x;
		background-color:#111111;
		height:105px;
		width:100%;
		}
		#footer{
			width:960px;
			margin:20px auto;
			text-align:left;
			color:#ffffff;
			font-size:1em;
			}
			 ul.footer-nav{
				}
				ul.footer-nav li{
					float:left;
					margin:0 10px;
					}
					ul.footer-nav li a{
						color:#ffffff;
						font-weight:normal;
						text-decoration:none;
						}
						ul.footer-nav li a:hover{
							text-decoration:underline;
							}
							
							
.booking-system{ background-color:#ffffff; padding:5px;}
.booking-system h1{color:#031a4e;}
/**/						
ul.diaporama{
	}
	ul.diaporama li{
		float:left;
		margin:4px;
		width:103px;
		height:103px;
		overflow:hidden;
		}
		
ul.liste-liens{
	list-style-type:square;
	margin:5px 15px;
	}
	ul.liste-liens li{
		}
		ul.liste-liens li a{
			text-decoration:none;
			}
			
.block-meteo_container{
	text-align:center;
	}
.block-meteo{
	width:180px;
	margin:20px auto;
	padding:10px;
	}
	
	
.breadcrumb{ margin-bottom:20px; font-size:0.9em;}		

/**/