html,body{
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
}

#corps{
	margin-left:auto;
	margin-right:auto;
	width:1024px;
	background:url("images/fond.jpg") left 200px no-repeat;
}

/*------------------------------------------------------------------ HEAD -------------------------------------------------------------------------*/
#header{ 
	position:relative;
	top:0px;
	left:0px;
	z-index:1;
	width:100%;
	height:175px;
}

#head_centre{
	top:0px;
	height:175px;
	background:url("images/head_m.gif") top left repeat-x;
}

#head_gauche{
	position:absolute;
	top:0px;
	left:0px;
	width:274px;
	height:175px;
	background:url("images/head_g.gif") top left no-repeat;
}

#head_droit{
	position:absolute;
	top:0px;
	right:0px;
	width:271px;
	height:175px;
	background:url("images/head_d.gif") top right no-repeat;
}

#logo{
	position:absolute;
	height:100px;
	width:185px;
	background:url("images/logo.gif") top left no-repeat;
	top:50px;
	left:20px;
}

#pagaie{
	position:absolute;
	top:90px;
	right:0px;
	height:56px;
	width:791px;
	background:url("images/pagaie2.gif");
}

/*------------------------------------------------------------------ MENU -------------------------------------------------------------------------*/
#menu_h{
	position:relative;
	top:0px;
	left:191px;
	text-align:center;
	color:#FFFFFF;
	list-style-type:none;
	width:600px;
}

#menu_h a{
	color:#FFFFFF;
	margin-left:10px;
	margin-right:10px;
	font-weight:bold;
	font-size:100%;
	padding:0px 0px 15px 0px;
}

#menu_h a:link{
	text-decoration:none;
}

#menu_h a:visited{
	text-decoration:none;
}

#menu_h a:hover{
	color:#000000;
	background:url("images/manche.gif") bottom center no-repeat;
	z-index:1;
}

#menu_h a:active{
	background:url("images/manche.gif") bottom center no-repeat;
	z-index:1;
}

#menu_b{
	position:relative;
	top:24px;
	left:191px;
	width:600px;
	text-align:center;
	color:#FFFFFF;
	list-style-type:none;
}

#menu_b a{
	color:#5F9AFF;
	margin-left:10px;
	margin-right:10px;
	font-weight:bold;
	font-size:100%;
	padding-top:19px;
}

#menu_b a:link{
	text-decoration:none;
}

#menu_b a:visited{
	text-decoration:none;
}

#menu_b a:hover{
	color:#000000;
	background:url("images/manche.gif") top center no-repeat;
}

#menu_b a:active{
	background:url("images/manche.gif") top center no-repeat;
}

.actuel{
	color:#000077;
	text-decoration:underline;
}

/*------------------------------------------------------------------ TITLE -------------------------------------------------------------------------*/

.nodisplay{
	display:none;
}

#title_accueil h1{
	position:relative;
	width:100%;
	height:60px;
	background:url("images/bienvenue.gif") top center no-repeat;
}

#title_parcours h1{
	position:relative;
	width:100%;
	height:60px;
	background:url("images/parcours.gif") top center no-repeat;
}

#title_photos h1{
	position:relative;
	width:100%;
	height:60px;
	background:url("images/photos.gif") top center no-repeat;
}

#title_tarifs h1{
	position:relative;
	width:100%;
	height:60px;
	background:url("images/tarifs.gif") top center no-repeat;
}

#title_acces h1{
	position:relative;
	width:100%;
	height:60px;
	background:url("images/plan_acces.gif") top center no-repeat;
}

#title_st_guilhem h1{
	position:relative;
	width:100%;
	height:60px;
	background:url("images/st_guilhem.gif") top center no-repeat;
}

#title_contacts h1{
	position:relative;
	width:100%;
	height:60px;
	background:url("images/contacts.gif") top center no-repeat;
}

#title_partenaires h1{
	position:relative;
	width:100%;
	height:60px;
	background:url("images/partenaires.gif") top center no-repeat;
}

/*------------------------------------------------------------------ CONTENTS -----------------------------------------------------------------*/
.phrase_choc{
	top:20px;
	font-weight:bold;
}

.centre{
	text-align:center;
}

.noitems{
	list-style-type:none;
}

.noborder a img{
	border:none;
}

#contents{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	z-index:2;
	width:500px;
	text-align:justify;
}

#contents h3{
	color:#6666FF;
}

.encadre{
	font-weight:bold;
	border:solid 1px #0000FF;
	padding:5px;
}

#construction{
	height:250px;
	text-align:center;
}


#exclu{
	position:relative;
	z-index:3;
	bottom:50px;
	width:100%;
	height:129px;
	background:url("images/exclu.gif") top right no-repeat;
}

table {
	text-align:center;
	border-style:solid; 
	border-width:2px; 
	border-color:#000000;
	width:250px;
	margin-left:auto;
	margin-right:auto;
}

td { 
	border-style:solid; 
	border-width:1px; 
	border-color:#000000;
	width:50%;
}

#reservation{
	position:absolute;
	z-index:3;
	bottom:0px;
	left:290px;
	width:200px;
	height:144px;
	background:url("images/reduction.gif") top right no-repeat;
}

#groupe{
	position:relative;
	top:50px;
}

#carte{
	cursor:pointer;
}

/*-------------------------------------------------------------- PAGE PHOTO ------------------------------------------------------------------*/

.zoom {
	height:100%;
}

.zoom p {
	text-align:center;
}

.zoom img {
	width:90px;
	height:68px;
	padding:5px;
	cursor:pointer;
}


/*------------------------------------------------------------------ FOOT -------------------------------------------------------------------------*/
#foot{ 
	position:relative;
	z-index:1;
	bottom:0px;
	left:0px;
	width:100%;
}

#canoe{
	position:absolute;
	top:40px;
	left:80px;
	width:214px;
	height:84px;
	background:url("images/canoe.gif") top left no-repeat;
	z-index:2;
}

#pied_centre{
	height:175px;
	background:url("images/pied_m.gif") bottom left repeat-x;
}
	
#pied_gauche{
	position:absolute;
	top:0px;
	width:271px;
	height:175px;
	background:url("images/pied_g.gif") bottom left no-repeat;
}

#pied_droit{
	position:absolute;
	top:0px;
	right:0px;
	width:270px;
	height:175px;
	background:url("images/pied_d.gif") bottom right no-repeat;
}

#renseignements{
	position:absolute;
	color:#FFFFFF;
	bottom:5px;
	width:100%;
	text-align:center;
	font-weight:bold;
}