/* Import des styles séparés */
@import url(style-textes.css);
@import url(style-liens.css);




/* Mise en forme générale */
html, body {
	margin:0;
	padding:0;
	font-family:arial;
	font-size:11px;
	color:#4F4F4F;
	text-align:center;
	background:#ffffff url(images/fond-top.gif) top repeat-x;
}


#general {
	margin:0 auto 0 auto;
	width:960px;
	text-align:center;
}


/* Div top : bandeau haut > logo + bt contact + bt reservez + image top left */
#top{
	margin:0;
	padding:0;
	width: 960px;
	height:260px;
	text-align:center;
	overflow:hidden;
}


/* Div top left : image par rubrique */
#top-left{
	margin:0;
	padding:0;
	width: 270px;
	height:260px;
	text-align:left;
	float:left;
}


/* Div top right: logo + bt contact + bt reservez */
#top-right{
	margin:0;
	padding:0;
	width: 690px;
	height:260px;
	text-align:left;
	background:url(images/top-right.gif) top no-repeat;
	float:right;
}
	/* Div logo : logo */
	#logo{
	margin:0;
	padding:0;
	width: 690px;
	height:70px;
	text-align:left;
	}


		
	/* Div fond bt contact + bt reservez  */
	#top-image{
	margin:0;
	padding:0;
	width: 690px;
	height:190px;
	text-align:left;
	background:url(images/img-top.jpg) top no-repeat;
	}
	
		/* Div bt contact + reservez*/
		#contact{
		margin:0;
		padding:33px 0px 0px 462px;
		width: 228px;
		height:119px;
		}


/* Div nav */
#nav{
	margin:0;
	padding:0;
	width: 960px;
	height:38px;
	text-align:left;
	background:url(images/fond-nav.gif) top no-repeat;
	}
	
	#nav-txt{
	margin:0;
	padding:15px 0px 0px 0px;
	}






/* DIV CONTENU */
#contenu{
	margin:20px 0 0 0;
	padding:0;
	width: 960px;
	text-align:center;
	overflow:hidden;
}


/* DIV CONTENU ACC*/
	/* DIV texte intro*/
	#left-col-acc{
	margin:0;
	padding:0;
	width: 290px;
	text-align:left;
	float:left;
	}
	
		#txt-acc{
		margin:0;
		padding:0px 40px 0px 0px;
		text-align:left;
		background:url(images/img-bottom-txt-acc.gif) bottom left no-repeat;
		}
	
	/* DIV pub + news*/
	#right-col-acc{
	margin:0;
	padding:0;
	width: 670px;
	text-align:left;
	float:right;
	}
		
		/* DIV pub + news*/
		#pub{
		margin:0;
		padding:0;
		width: 305px;
		text-align:left;
		float:left;
		}
		
		/* DIV pub + news*/
		#actu{
		margin:0;
		padding:0;
		width: 365px;
		height:240px;
		text-align:left;
		background:url(images/img-fond-actu.gif) top no-repeat;
		float:right;
		}
		
		#actu-txt{
		margin:0;
		padding:72px 16px 0px 40px;
		text-align:left;
		}
		
			
	
/* PAGE CONTENU*/
/* espace gauche : photo */
#left{
	margin:0;
	padding:0;
	width:320px;
	text-align:left;
	float:left;
}


	#left-image{
	margin:0;
	padding:0;
	width:293px;
	height:318px;
	text-align:left;
	}
	
/* espace droite texte */
#page{
	margin:0;
	padding:0;
	width:640px;
	text-align:left;
	float:right;
}
	/* espace droite texte */
	#titre{
	margin:0;
	padding:0;
	width:265px;
	height:54px;
	background:url(images/fond-titre.gif) top no-repeat;
	text-align:left;
	}
	
		#titre-txt{
		margin:0;
		padding:20px 0px 0px 15px;
		text-align:left;
		}
	
	#texte-left{
	margin:0;
	padding:0;
	width:280px;
	text-align:left;
	float:left;
	}
		
	#texte-right{
	margin:54px 0 0 0;
	padding:0;
	width:280px;
	text-align:left;
	float:right;
	}
	
.actualites{
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	width:640px;
	text-align:left;
	border-bottom:3px solid #A8C009;
}


/* DIV bottom */
#fond-bottom {
	margin:0;
	padding:0;
	width:100%;
	height:15%;
	text-align:center;
	background:#C9E034 url(images/fond-bottom.gif) top repeat-x;
	overflow:hidden;
}


#bottom {
	margin:0 auto 0 auto;
	padding:0;
	width:960px;
	height:96px;
	text-align:center;
	background:url(images/bottom.gif) top center no-repeat;
}


	#bottom-txt {
	margin:0;
	padding:45px 0px 0px 0px;
	text-align:center;
	}


.image-left{
float:left;
margin-right:10px;
margin-bottom:5px;
}

.image-right{
float:right;
margin-left:10px;
margin-bottom:5px;
}

.form{
background-color:#BDE8E0;
color:#343A39;
font-size : 10px;
font-family : arial;
font-weight:bold;
border:1px solid #ffffff;
}

.cell_vert {
background-color:#A0C200;
color:#ffffff;
font-size:14px;
font-family : arial;
font-weight:bold;
text-align:center;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
}

.cell_bleu{
background-color:#EE5003;
color:#ffffff;
font-size:14px;
font-family : arial;
font-weight:bold;
text-align:center;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
}

.cell_gris{
background-color:#F7F7F7;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
}

.cell_bleu_clair{
background-color:#E2F7FA;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
}