/* CSS Document */
.pics { 
    width:   280px; 
    height:  190px; 
    padding: 0; 
    margin:  0;
	 overflow: hidden;
}
 
.pics img { 
    padding: 5px; 
    border:  1px solid #ccc; 
    background-color: #eee; 
    width:  268px;
    height: 178px;
    top:  0;
    left: 0
}

html,body{
height:100%;
}

  body {
	background-image: url(images/fond-repeatint.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;}
	
	#fond {
	background:url(images/fondint.jpg) no-repeat -225px top;
	width:100%;
	height:100%;
	}
	
	#Global {
	width: 1050px;
	position: absolute;
	margin-left: -525px;
	left: 50%;
}
 
/* *+html #fond {
background: url(images/fond.jpg) no-repeat -252px top;}*/

 *html #fond {
background: url(images/fondint.jpg) no-repeat -205px top;}

  #Centre { 
    position: absolute;
	left: 48px;
	top: 210px;
	z-index: 98;
	width: 948px;
	height: auto;
	font-size: 12px;
	color: #666666;
	
    }

a {
color: #5084BE;
text-decoration:none;}

a:hover {
color: #5084BE;
text-decoration:underline;
}

#haut {
	position: absolute;
	width: 948px;
	height: 183px;
	z-index: 101;
	top: 0;
	left: 0;
}

#hautLogo {
	width: 381px;
	height: 183px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 150;}

#drapeaux {
width: 30px;
	height: 82px;
	position: absolute;
	left: 20px;
	top: 210px;
	z-index: 102;

}

#hautAmi, #hautAmiDut {
	background: url(images/bt-reccomander.gif) top no-repeat;
	width: 250px;
	height: 183px;
	position: absolute;
	top: 0;
	left: 410px;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 0 0 20px;
}

#hautFavoris {
	background: url(images/bt-reccomander.gif) top no-repeat;
	width: 240px;
	height: 183px;
	position: absolute;
	left: 690px;
	top: 0;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 0 0 30px;
	/*outline: none;*/
}

#hautFavorisEn {
	background:transparent url(images/bt-reccomander.gif) no-repeat center top;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	height:183px;
	left:690px;
	padding:5px 0 0 10px;
	position:absolute;
	top:0;
	width:260px;
}

#hautFavorisGer {
	background:transparent url(images/bt-reccomander.gif) no-repeat center top;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	height:183px;
	left:690px;
	padding:5px 10px 0 10px;
	position:absolute;
	top:0;
	width:250px;
}

#hautFavorisGer a{
background:transparent url(images/ajouter-site-ami.gif) no-repeat left top;
color:#FFFFFF;
display:block;
height:29px;
padding-left:35px;
text-decoration:none;
}

#hautAmi a{
text-decoration:none;
color: #FFFFFF;
}

#hautAmiDut a {
	background:transparent url(images/recommander-site-ami.gif) no-repeat left top;
	display:block;
	height:29px;
	padding-left:35px;
	text-decoration:none;
	color: #FFFFFF;
}

#hautAmi a:hover, #hautAmiDut a:hover{
text-decoration:none;
color:#001A5B;
}

#hautFavoris a, #hautFavorisEn a{
text-decoration:none;
color: #FFFFFF;}

#hautFavoris a:hover, #hautFavorisEn a:hover, #hautFavorisGer a:hover{
text-decoration:none;
color:#001A5B;}


#Container {
	width: 1095px;
	height: 210px;
	top: 0;
	left: 0;
	z-index: 99;
	position: absolute;
}
#menu {
	position: absolute;
	left: 45px;
	top: 0;
	width: 100%;
	height: 235px;
	z-index: 100;
}
#photoAccueil {
	width: 950px;
	height: 550px;
}

.contenuMention {
position:relative;
float:left;
width:439px;
height:auto;
padding:10px;
margin: 30px 0;}

.contenuplanSite {
position:relative;
float:left;
width:auto;
height:400px;
padding:10px;
margin: 30px 0;
overflow-y:auto;
overflow-x:hidden;
}

#contenuTexte {
position:absolute;
width: 287px;
height:304px;
margin-top:170px;
margin-left:620px;
padding:20px 10px 10px 10px;
background:url(images/fond-texte.png) no-repeat;
text-align: justify;
}

h1 {
font-size:21px;
font-weight:bold;
color:#B50000;
}

h2 {
font-size:14px;
font-weight:bold;
margin:2px;
}

h3 {
font-size:36px;
font-weight:bold;
margin:2px;
text-align:center;
color: #69A5FF;
}
h4 {
font-size:16px;
font-weight:bold;
margin:20px 5px 5px 5px;
text-align:center;
color: #69A5FF;
}
h4 a{
color: #69A5FF;
}

h4 a:hover{
color: #9FBFED;
text-decoration:none;
}

h5 {
font-size:24px;
font-weight:bold;
margin:2px;
color: #3366CC;
}

#bas {
margin-top:15px;
width:948px;
height:100%;}


.basFond {
position:relative;
width:290px;
height:120px;
float:left;
background:url(images/fond-bas.gif) no-repeat;
padding:10px;
margin-left:2px;
color:#FFFFFF;}


.basFond a{
color:#FFFFFF;
text-decoration:none;
font-weight:bold;}

.basFond a:hover{
color:#FFFFFF;
text-decoration:underline;
font-weight:bold;}


#pied {
position:relative;
float:left;
margin-top:10px;
width :948px;
height:auto;
padding:10px;
border-top:dashed 1px #EFBC3F;
text-align:center;
color: #666666;
clear:both;}

#pied a{
text-decoration:none;
color:#666666;}

#pied a:hover{
text-decoration:underline;
color:#666666;}

#vignettePhotoAccueil {
position:absolute;
width:620px;
height:75px;
top:686px;
background:url(images/fond-transparent.png) no-repeat;}

.legende {
font-size:11px;
text-align:center;}

.legendeBlanc {
font-size:11px;
text-align:center !important;
color:#FFFFFF;}

.vignettes {
margin:2px;
border: solid 2px #3366FF;}

.vignettesInt {
border: 2px solid #FFFFFF;
cursor:pointer;}

#blocFormulaire {
	position: absolute;
	display: block;
	height: 160px;
	width: 403px;
	margin-left: 300px;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#0e70b1;
	padding: 60px 10px 5px 5px;
	visibility: visible;
	z-index: 200;
}
#JsLogin{
	background:  #FFFFFF; 
	position: absolute; 
	top: 0; 
	left:0; 
	border: 2px solid #296CB3; 
	overflow: hidden;
	padding: 5px;
	display: none;
	z-index:200;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#0e70b1;
		}
		#JsLogin #loginClose{
			text-align: center;
			background: #FFF;
			color: #296CB3;
			font-weight: bold;
			float: right;
			cursor: pointer;
			width: 14px;
			margin:5px 5px 0 0;
		}

#milieu {
width:948px;
height:502px;
background-color:#FFFFFF;
clear:both;
}


#colonneDroite {
margin-top:20px;
width:348px;
height:483px;
float:left;
text-align:justify;
}

#contenuTexteInt {
width:328px;
height:261px;
padding:40px 10px 10px 10px;
overflow-x:hidden;
overflow-y:auto;
}

#contenuTexteContact {
width:328px;
height:331px;
padding:40px 10px 10px 10px;
overflow-x:hidden;
overflow-y:auto;
}
 *+html #contenuTexteInt {
height:263px;}

 *+html #contenuTexteContact {
height:332px;}

#contenuVignette {
width:348px;
height:170px;
background:url(images/fond-vignettes.gif) no-repeat bottom;}

#contenuBasContact {
width:348px;
height:100px;
background:url(images/fond-vignettes.gif) no-repeat top;}

#photoPiscine {
width:600px;
height:503px;
float:left;
background-image: url(images/piscine/photos/espace-aquatique-camping01.jpg);
background-repeat: no-repeat;}

#map {
margin-top:20px;
width:600px;
height:483px;
float:left;
}

 *+html #map {
height:502px;
margin:0;}

#photoEmplacement {
width:600px;
height:503px;
float:left;
background-image: url(images/emplacement/photos/emplacement-camping01.jpg);
background-repeat: no-repeat;}

#photoActivite {
width:600px;
height:503px;
float:left;
background-image: url(images/activite/photos/01.jpg);
background-repeat: no-repeat;}

#photoAlentours {
width:600px;
height:503px;
float:left;
background-image: url(images/alentours/photos/01.jpg);
background-repeat: no-repeat;}


#photoLocation {
width:600px;
height:503px;
float:left;
background-image: url(images/location/photos/location-mobil-home.jpg);
background-repeat: no-repeat;}

#photoServices {
width:600px;
height:503px;
float:left;
background-image: url(images/services/photos/services02.jpg);
background-repeat: no-repeat;}


#contenuResultat {
width:948px;
height:auto;
margin:auto;
}

#contenuResultatBlanc {
padding:10px;
margin-top:7px;
width:948px;
font-size:12px;
text-align:center;
background-color:#FFFFFF;
}

#contenuTarif {
position:absolute;
width:530px;
height:270px;
margin:100px 10px 10px 25px;
padding:10px 10px 10px 10px;
background:url(images/fond-transparent2.png) repeat;
visibility:hidden;
z-index:0;
}

#contenuTarifLoc, #contenuMH1, #contenuMH2, #contenuMH3, #contenuMH4, #contenuMH5, #contenuMH6, #contenuMH7, #contenuTente {
	position:absolute;
	width:535px;
	height:450px;
	margin:30px 10px 10px 25px;
	padding:10px 10px 10px 10px;
	background:url(images/fond-transparent2.png) repeat;
	visibility: hidden;
	overflow-y:auto;
	overflow-x:hidden;
}

.txtBlanc {
color:#FFFFFF;
font-weight:bold;
}
.txtBlanc a{
color:#FFFFFF;
}
.txtBlanc a:hover{
color: #FFC6C7;
text-decoration:none;
}

.contactForm textarea  {
font-size:11px;
color:#666666;
border:1px solid  #EFEFEF;}

.contactForm input  {
font-size:11px;
color:#666666;
border:1px solid #EFEFEF;}

.contactForm input[type=submit] {
font-size:12px;
color:#666666;
border:1px solid #999999;
cursor:pointer;
}

#meteo {
position:absolute;
width:140px;
height:175px;
left:350px;
top:195px;
}

#etoileMenu {
width:261px;
height:250px;
position:absolute;
z-index:500;
margin-left:850px;
margin-top:80px;}

/******************************   VENTE MOBIL-HOME    ***************************************/*
 
.VenteMHPhoto {
position:relative;
float:left;
width:300px;
height:200px;
border:#0066FF 2px solid;}

.VenteMHTexte{
position:relative;
float:left;
width:450px;
height:180px;
overflow:auto;
padding:10px;}