body{
	margin:0;
	padding:0;
	background: url(../images/fond-page.jpg) repeat-x #4F351C;
	font-family: Tahoma, Arial, Verdana;
}

h1, h2, h3, h4, h5, h6, p{
	margin:0;
	padding:0;
}
a:hover{
	text-decoration:none;
}

#conteneur{
	width:1016px;
	margin:auto;
	position:relative;
}
#lesite{
	width:220px;
	height:30px;
	line-height:30px;
	margin:15px auto 10px auto;
	background:url(../images/website.png) no-repeat;
	padding-left:35px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}
#lesite a{
	color:#666666;
	text-decoration:none;
}
#lesite a:hover{
	color:#000;
	text-decoration:none;
}
#conteneurInterne{
	width:970px;
	margin:0 auto 0 auto;
	position:relative;
}

.fondpageInterne{
	background:url(../images/fond-page-larive.jpg) repeat-x #fff;}

#header{
	width:auto;
	margin:0;
	height:172px;
	position:relative;
}
#headerInterne{
	width:auto;
	margin:0;
	height:99px;
	position:relative;
}

.logo{
	background:url(../images/logo-page.png) no-repeat;
	height:247px;
	position:absolute;
	width:1016px;
	top:0;
	z-index:500;
}

.logoInterne{
	background:url(../images/header-page-interne.png) no-repeat;
	width:970px;
	height:99px;
	position:relative;
}
#header h1{

	font-size: 11px;
	font-weight: bold;
	color: #fff;
	width:400px;
	padding-right:40px;
	margin:auto;
	padding-top:110px;
	text-align:center;
}
#header h1 a{
	color: #fff;
	text-decoration:none;
}
#menu{
	height:33px;
	
	position:absolute;
	top:0px;
	right:0px;
	width:auto;
	z-index:1000;
	}
#menu ul{
	margin:0;
	padding:0;
	}
#menu li{
	margin:0 10px 0 0;
	padding:0;
	list-style-type:none;
	float:left;
	color:#612611;
	font-size: 18px;
	background:url(../images/bg-LiMenu-page.png);
	width:148px;
	height:33px;
	text-align:center;
	line-height:25px;
}
#menu li a{
	color:#612611;
	text-decoration:none;
}
#menu li a:hover{
	color:#D37F12;
	text-decoration:none;
}
.current, .current a{
	color:#D37F12 !important;
}

#content{
	width:1016px;
	margin:0 auto 0 auto;
	background:url(../images/fond-conteneurpage.png) repeat-y;
	position:relative;
	z-index:200;
}

#content h2{
	position:absolute;
	top:-1px;
	left:10px;
	font-size: 13px;
	width:997px;
	height:90px;
	font-weight: normal;
	background:url(../images/titre-larive.png) no-repeat;
}
#content h2 span{
	display:none;

}
.logolocarive{
	top:-25px !important;
	left:0px !important;}

#contentInterne{
	width:970px;
	margin:10px auto 0 auto;
	background:url(../images/fond-content-interne.png) repeat-y;
	position:relative;
}

#contentInterne h2{
	position:absolute;
	top:-55px;
	left:10px;
	font-size: 13px;

	font-weight: normal;

}
#contentInterne h2 span{
	display:none;

}
#BlocPage{
	clear:both;
	width:auto;
	padding:0 0 0 10px;
}
.BlocPage{
	background:url(../images/bloc-page.png) no-repeat;
	width:329px;
	height:217px;
	float:left;
	margin:0 0 5px 3px;
	position:relative;

}
.BlocPage p{
	position:absolute;
	left:20px;
	font-size: 13px;
	width: 290px;
	height:50px;
	top: 116px;
}
.BlocPage p a{
	text-decoration:none;
	color:#000;
}
.BlocPage p a:hover{
	text-decoration:none;
	color: #669900;
}

.plus{
	width:56px;
	height:30px;
	position:absolute;
	bottom:5px;
	right:14px;
}

.BlocPage h3{
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: normal;
	color: #612611;
	white-space: nowrap;
	font-style: italic;
	padding:5px 0 5px 10px;
}
.BlocPage h3 a{
	color: #612611;
	text-decoration:none;
}
.BlocPage h3 a:hover{
	color:#F09C0F;
	text-decoration:none;
}
.BlocPage ul{
	padding:15px;
	margin:0;
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
}
.BlocPage li{
	list-style-type:none;
	margin-bottom:5px;
}
.BlocPage li a{
	color:#000000;
	text-decoration:none;
}
.BlocPage li a:hover{
	color: #663300;
	text-decoration:none;
}

#banniere728X90{
	width:728px;
	height:90px;
	border:1px dashed #ccc;
	margin:10px auto 15px auto;
	clear:both;
	/*z-index:5000px;*/
	
}

#footer{
	
	clear:both;
	margin:25px auto 0 auto;
	font-size: 11px;
	color: #76614E;
	text-align:center;
	padding:10px;
	width:974px;
	background:#4F351C;
	border-top:1px dashed #fff;
}
#footer a{
	color: #76614E;
}
#footer a:hover{
	color: #fff;
}
.footerpage{
	width:auto !important;
	margin:0 5px 0 10px !important;}

#blocContentPage{
	width:auto;
	clear:both;
	background:url(../images/fond-page2.jpg) repeat-x #A8EAF7;
	border-bottom:1px dotted #4F351C;}
#contentHome2{
	background: url(../images/BG-page.jpg) no-repeat;
	position:relative;
	margin:0  auto 0 auto;
	width:990px;
	
	padding:30px 0 0 0;
	
}

#contentHome2 p{

	margin:0 0 10px 80px;
	font-size: 12px;
	padding:0 400px 0 0;
}
#contentHome2 p span{
	font-size: 20px;
}
#contentHome2 table{
	clear:both;
	margin:45px  0 0 40px;
}
#contentHome2 td{
	padding:4px 4px 4px 0;
	vertical-align:top;
	font-size: 13px !important;

}
#contentHome2 td input{
	border:1px dashed #98E6F3;
	padding:4px;
	color: #666666;
}
 #contentHome2 td p{
	border-bottom:0px !important;
	margin:0; !important;
	font-size: 12px;
	
	padding: inherit !important;
}
#contentHome2 td h2{
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: normal;
	padding-right:100px;
	margin-right:15px;
	color: #000000;
	border-bottom:2px solid #fff;
	padding-bottom:5px;
	width:auto;
	font-style: italic;
}
#historique{
	background:url(../images/historique.png) no-repeat;
	width:201px;
	height:0px;
	padding:40px 0 10px 0 !important;
	position:absolute;
	left:110px;
	top:20px;
}
#historique span{
	display:none;
}
#contact{
	background:url(../images/contact.png) no-repeat;
	width:201px;
	
	padding:40px 0 10px 0 !important;
	position:absolute;
	left:139px;
	top:20px;
}
#contact span{
	display:none;
	margin:0;
}


.h3Lolo{
	background:url(../images/image-lolo.jpg) 15px 8px no-repeat;
	width:301px;
	height:69px;
}
.h3Lolo span{
	display:none;
}
.h3ExcursionCanoe{
	background: url(../images/image-canoe.jpg) 12px 8px no-repeat;
	width:auto;
	height:95px;
}
.h3ExcursionCanoe span{
	display:none;
}
.h3ExcursionCanoeUK{
	background: url(../images/image-canoeUK.jpg) 12px 8px no-repeat !important;
}

.h3ExcursionTrampoline{
	background: url(../images/image-trampoline.jpg) 12px 8px no-repeat;
	width:auto;
	height:95px;
}
.h3ExcursionTrampoline span{
	display:none;
}
.h3Locarive{
	background:url(../images/image-locarive.jpg) 15px 8px no-repeat;
	width:301px;
	height:59px;
}
.h3Locarive span{
	display:none;
}

.h3Journaux{
	background: url(../images/image-journaux.jpg) 12px 8px no-repeat;
	width:auto;
	height:95px;
}
.h3JournauxUK{
	background: url(../images/image-journauxUK.jpg) 12px 8px no-repeat !important;
}
.h3Journaux span{
	display:none;
}


.h3cave{
	background: url(../images/image-cave.jpg) 12px 8px no-repeat;
	width:auto;
	height:95px;
}
.h3caveUK{
	background: url(../images/image-caveUK.jpg) 12px 8px no-repeat !important;
}
.h3cave span{
	display:none;
} 


.h3Shop{
	background: url(../images/image-shop.jpg) 12px 8px no-repeat;
	width:auto;
	height:95px;
}
.h3Shop span{
	display:none;
} 



.h4Bloc, .h4BlocUk{
	background:url(../images/h4-bloc.png) no-repeat 10px 0px;
	height:45px;
	line-height:35px;
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: bold;
	padding-left:20px;
	}
.h4Bloc a{
	text-decoration:none;
	color:#000000;
}
.h4Bloc a:hover{
	text-decoration:none;
	color:#666666;
}


#vousetesici{
	font-size: 11px;
	color: #64D8EF;
	border-bottom:1px solid #D4F5FA;
	padding-bottom:4px;
	margin-bottom:20px;
	}
#vousetesici a{
	color: #64D8EF;
	}
#vousetesici a:hover{
	text-decoration:none;
	}
#servicesLolo{
	padding: 15px 0 0 310px;
	width:650px;}

#servicesLolo p{
	font-size: 12px;
	margin:5px 0 5px 0;
	}
#servicesLolo table{
	font-size: 11px;
	margin:5px 0 5px 0;
	}
#servicesLolo td{
	padding:4px;
	border-bottom:1px solid #ccc;
	text-align:center;
	width:17%;
	}
	#servicesLolo th{
		border-right:2px solid #fff;
		padding:4px;
	}
#servicesLolo h3{
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	color: #C26E16;
	font-style: italic;
	}
#servicesLolo h4{
	font-size: 16px;
	color: #669933;
	font-weight: normal;
	border-bottom:3px solid #D4F5FA;
	margin:10px 0 10px 0;
	}
#servicesLolo fieldset{
	border:1px solid #ccc;
	width:45%;
	height:177px;
	float:left;
	margin:0 5px 5px 0;
	position:relative;}

#servicesLolo fieldset img{
	float:left;
	width:133px;
	height:125px;
	padding:9px 10px 10px 7px;
	background:url(../images/fond-vignette-services.png) no-repeat;
	border:1px dashed #fff;
	margin-left:6px;
}
#servicesLolo fieldset p{
	float:left;
	width:126px;
	margin-top:10%;
	font-size: 12px;
}
#servicesLolo fieldset p a{
	color:#64D8EF;
	font-size: 11px;
	text-decoration:none;
	padding:5px;
	display:block;
	background:#D7F4FA;
	text-align:center;
	font-weight: bold;
}

#servicesLolo fieldset p a:hover{
	color:#fff;
	padding:5px;
	display:block;
	background:#61A524;
}
#servicesLolo legend{
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	color: #C26E16;
	font-style: italic;
	margin-left:10px;
}
#servicesLolo legend a{
	color: #C26E16;
	text-decoration:none;
}
#servicesLolo legend a:hover{
	color: #000;
	text-decoration:none;
}
.voir{

	width:54px;
	height:26px;
	position:absolute;
	right:15px;
	bottom:40px;
}
.voir img{

	width:54px !important;
	height:26px !important;
	background:none  !important;
	position:absolute;
	right:5px;
	bottom:5px;
}
.voir span{
	display:none;
}

#sousmenu{
	position:absolute;
	width:290px;
	top:150px;
	left: -2px;
	}
#sousmenu ul{
	margin:0;
	padding:0;
}
#sousmenu li{
	width:auto;
	background:url(../images/bg-sous-menu.png) no-repeat;
	height:55px;
	line-height:40px;
	list-style-type:none;
	text-align:right;
	padding-right:15px;
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	color: #FFFFFF;
}
#sousmenu li a{
	color: #FFFFFF;
	text-decoration:none;
}
#sousmenu li a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}



.sousmenuorange{	background:url(../images/bg-sous-menuOrange.png) no-repeat !important;}


#photoDetails{
	background: url(../images/fond-photo-detail.png) no-repeat;
}
#photoDetails img{
	padding:25px 10px 15px 18px;
}



.photoDetails{
	background: url(../images/fond-photo-detail.png) no-repeat;
	width:auto;
	height:210px;
	padding:20px 0 0 20px;
}







#servicesLocarive{
	padding: 15px 0 0 310px;
	width:650px;}

#servicesLocarive p{
	font-size: 12px;
	margin:5px 0 5px 0;
	}
#servicesLocarive table{
	font-size: 11px;
	margin:5px 0 5px 0;
	}
#servicesLocarive td{
	padding:4px;
	border-bottom:1px solid #ccc;
	text-align:center;
	width:17%;
	}
#servicesLocarive th{
		border-right:2px solid #fff;
	}
#servicesLocarive h3{
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	color: #C26E16;
	font-style: italic;
	}
#servicesLocarive h4{
	font-size: 16px;
	color: #669933;
	font-weight: normal;
	border-bottom:3px solid #D4F5FA;
	margin:10px 0 10px 0;
	}

#servicesLocarive fieldset{
	border:1px solid #ccc;
	width:auto;
	margin:0 5px 5px 0;
	padding:5px;
	position:relative;
}

#servicesLocarive fieldset img{
	width:133px;
	height:125px;
	padding:9px 10px 10px 7px;
	background:url(../images/fond-vignette-services.png) no-repeat;
	border:1px dashed #fff;
	margin-left:6px;
}
#servicesLocarive fieldset p{
	font-size: 12px;
}
#servicesLocarive fieldset p a{
	color:#64D8EF;
	font-size: 11px;
	text-decoration:none;
	padding:5px;
	display:block;
	background:#D7F4FA;
	text-align:center;
	font-weight: bold;
	width:180px;
	float:right;
}

#servicesLocarive fieldset p a:hover{
	color:#fff;
	padding:5px;
	display:block;
	background:#9B3A8B;
}
#servicesLocarive legend{
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	color: #963C8C;
	font-style: italic;
	margin-left:10px;
}
#servicesLocarive legend a{
	color: #963C8C;
	text-decoration:none;
}
#servicesLocarive legend a:hover{
	color: #000;
	text-decoration:none;
}

#back{
	background:url(../images/back.png) no-repeat;
	padding-left:30px;
	height:35px;
	line-height:45px;
	font-size: 12px;
	margin-bottom:15px;
	color: #444;
	font-weight:bold;
	}
#back a{
	color: #666;
	}
#back a:hover{
	color: #F60;
	}
	
.servicesResaTemplate{
	}
.servicesResaTemplate td{
	padding:3px;
	white-space:nowrap;
	
	}
	
	
.bouton{
	width:310px;
	margin:10px auto 10px auto;
	height:77px;
	/*line-height:40px;
	border:1px dashed #fff;
	background:#DEF5FB;
	text-align:center;
	color:#000000;
	font-size: 13px;
	font-weight: bold;
	display:block;*/
}
/*.bouton a{
	color:#000000;
	text-decoration:none;
	cursor:pointer;
	
	}
	
.bouton a :hover{
	color: #666666;
	text-decoration:none;
	display:block;
}
*/
			#drapeaux{
	position:absolute;
	bottom:-15px;
	right:14px;
	z-index:20;
}
						
			#drapeaux ul{
}
			#drapeaux li{
				list-style-type:none;
				float:left;
				margin-right:5px;
}

.reserver{
		width:310px;
		height:77px;
		position:absolute;
		left:0;
		top:80px;}
	.reserverpage{
		width:310px;
		height:77px;
		position:absolute;
		left:0;
		z-index:100;
		top:-15px;}