body {	
	margin:0;
	padding:0;
	overflow:auto;
	overflow-x:hidden;
}
.fond-index {	
	background-image:url(../images/fond-index.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#0C9EFF;
}
.fond {	
	background-image:url(../images/fond-pages.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#93B06E;

}

form ,div, p, ul, li {
	margin: 0;
	padding:0;
	list-style:none;
}
#animation {
	position:relative;
	left:50%;
	margin-left: -710px;
	width: 1420px;
	height:380px;
}
#conteneur {
	position:absolute;
	left:50%;
	margin-left: -475px;
	width: 950px;

}
#drapeaux {
	height: 428px;
	width: 400px;
	margin:0;
	padding:0;
	float:right;
	clear:both;
}
#pied-index {
	clear:both;
	width:950px;
	margin:0;
	padding:0;
	display:block;

}

#menu {
	height: 900px;
	width: 227px;
	margin:0;
	padding:0;
	float:left;
	background-image:url(../images/fond-menu.png);
	background-repeat:no-repeat;
	background-position:top center;

}
#bt-son {
	margin:0;
	padding:0;
	width: 227px;
	height:35px;
}
.bt {
	font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:15px;
	text-indent: 7px;
	width: 166px;
	height:27px;
	background-image:url(../images/fond-bt.png);
	background-repeat:no-repeat;
	background-position:top 
}
.bt a{
	color:#FFFFFF;
	text-decoration:none;
}

.bt a:hover{
	color:#FFFF00;
	text-decoration:none;
}
#texte-bt1,#texte-bt2,#texte-bt3,#texte-bt4,#texte-bt5,#texte-bt6,#texte-bt7,#texte-bt8,#texte-bt9 {
position:relative;
top:4px;
}
#bt1 {
	margin: 60px 0 0 45px;
	padding: 0;

}
#bt2 {
	margin: 6px 0 0 43px;
	padding: 0;


}
#bt3 {
	margin: 6px 0 0 41px;
	padding: 0;


}
#bt4 {
	margin: 6px 0 0 40px;
	padding: 0;


}
#bt5 {
	margin: 6px 0 0 38px;
	padding: 0;


}
#bt6 {
	margin: 6px 0 0 36px;
	padding: 0;


}
#bt7 {
	margin: 6px 0 0 34px;
	padding: 0;


}
#bt8 {
	margin: 6px 0 0 32px;
	padding: 0;


}
#actu {
	position:relative;
	top:23px;
	left:40px;
	margin: 0;
	padding-top: 4px;
	width: 142px;
	height:105px;
	font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#bt9 {
	margin: 50px 0 0 24px;
	padding: 0;
}

#tel {
	position:relative;
	top:20px;
	left:23px;
	margin: 0;
	width: 168px;
}
#favoris {
	position:relative;
	top:20px;
	left:23px;
	margin: 0;
	width: 166px;

	
}
#ami {
	position:relative;
	top:20px;
	left:23px;
	margin: 0;

	width: 166px;
	height:20px;
	
}
#adresse{
	position:relative;
	top:20px;
	left:23px;
	margin: 0;
	padding-top: 4px;
	width: 166px;
	height:130px;
	
}

#droite {
	margin: 0 0 0 4px;
	padding: 0;
	width: 719px;
	float:left;
	height:900px;

}
#fond-texte {
	position:relative;
	width:671px;
	height:203px;
	margin:0;
	display:block;
	padding:0;
	background-image:url(../images/fond-texte.png);
	background-repeat:no-repeat;
}

*html #fond-texte{
background:#FFFFFF;}

#fond-texteLocation {
	position:relative;
	width:671px;
	height:673px;
	margin:0;
	display:block;
	padding:0;
	background-image:url(../images/fond-texte-location.png);
	background-repeat:no-repeat;

}
*html #fond-texteLocation {
background:#FFFFFF;}

#fond-texteResa {
	position:relative;
	width:671px;
	height:673px;
	margin:0;
	display:block;
	padding:0;
	background-image:url(../images/fond-texte-location.png);
	background-repeat:no-repeat;
}

*html #fond-texteResa {
background:#FFFFFF;}

#texte {
	width:651px;
	height:183px;
	margin:10px;
	padding:0;

}

#texteLocation {
	width:651px;
	height:367px;
	margin:10px;
	padding:0;
}

#texteResa {
	width:641px;
	height:640px;
	padding:10px;
	overflow-x:hidden;
	overflow-y:auto
}

#texteResa li{
margin:10px 0;
}

#logo {
	width:719px; 
	height:143px;
	margin: 0;
	padding:0;
}
#diapo {
	width:690px; 
	height:462px;
	margin:0;
	padding:0;

}
#cadre {
	width:690px; 
	height:462px;
	position:absolute;
	z-index:10;
	margin: 0;
	padding:0;

}
#slideshow, #slideshow img { 
	width:690px; 
	height:462px; 
	margin:0;
	padding:0;
	position:absolute;
	z-index:5;
}

#slideshowLoc1, #slideshowLoc2, #slideshowLoc3, #slideshowLoc4, #slideshowLoc img { 
	width:650px; 
	height:300px; 
	margin:2px 0 10px 0;
	padding:0;
	position:relative;
	float:left;
	z-index:5;
	overflow:hidden;
	
}

#slideshowLoc1 {
background:url(../images/locations/grandes/caravane-luxe.jpg) no-repeat;}
#slideshowLoc2 {
background:url(../images/locations/grandes/chalet.jpg) no-repeat;}
#slideshowLoc3 {
background:url(../images/locations/04.jpg) no-repeat;}
#slideshowLoc4 {
background:url(../images/locations/grandes/rez-de-jardin.jpg) no-repeat;}


.vignettesLoc {
cursor:pointer;}

#ggmap { 
	width:620px; 
	height:300px; 
	position:relative;
	float:left;
	z-index:5;
}

#pied {
	position:relative;
	float:left;
	top:8px;
	width:651px;
	margin:0;
	padding:0;
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFCC00;
	width: 719px;
}

#recommanderAmi{
		background-color:#FFA913;
		border:solid 1px #FFF;
		color:#fff;
		display:none;
		font-size:0.85em; 
		padding:5px;
		width:140px;
		height:120px;
		top:0;
		position:absolute;
		z-index:1000;
	}

.titre {
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 37px;
	color: #FF6600;
	font-style: italic;
	margin:0;
	padding:0;
	font-weight:normal;
	line-height:37px;
}

*html .titre {
line-height:30px;}

*+html .titre {
line-height:30px;}

h1 {
padding:0;
margin:0;
font-size:37px;}

.sous-titre {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #336699;
	font-weight:bold;
}

.texte {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align:justify;
	position:relative;
}

.texte p {
padding-right:5px;}

.texte a{
	color: #000;
	text-decoration:none;

}
.texte a:hover{
	color: #000;
	text-decoration:underline;
}



.texte textarea{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	border: 1px solid #999;
}

.texte select{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	border: 1px solid #999;
}
.texteblanc {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.texteblanc a{
	color: #FFF;
	text-decoration:none;
}
.texteblanc a:hover{
	color: #000;
	text-decoration:none;
}
.textepetit {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}
.textepetit a{
	color: #000;
	text-decoration:none;
}
.textepetit a:hover{
	color: #FFF;
	text-decoration:none;
}
.textepetit input{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	border: 1px solid #666;
	background-color:#fff;
	margin:0;
	padding:0;
}
.textepetit select{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	border: 1px solid #666;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
}
.textepetit textarea{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	border: 1px solid #666;
}

#info_o{
color:#C20000;
text-align:center;
}

#video {
width:600px;
height:338px;

}

.btLocation {
width:140px;
height:22px;
background:url(../images/bt-location.gif) no-repeat;
text-align:center;
padding-top:2px;}

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

.btLocation a:hover {
color: #FFFF00;
text-decoration:none;
}

.champTexteForm {
width:150px;
font-size:11px;
height:15px !important;
	color: #000;
	border: 1px solid #999;
	background-color:#fff;}
.texteAreaForm {
width:150px;
font-size:11px;
height:40px !important;
	color: #000;
	border: 1px solid #999;
	background-color:#fff;}

.champTexteFormPetit {
width:30px;
font-size:11px;
height:15px !important;
	color: #000;
	border: 1px solid #999;
	background-color:#fff;}

.formSansBordure {
border:none;
background: none;}

#legendeCarte {
font-size:12px;
color:#FFFFFF;
font-style:italic;
position:absolute;
z-index:100;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:15px;}

#categories {
display:none;}

.wrapperTxtLoc {
position: relative;

	border: 3px solid #FF9900; /* this is the border. should have the same value for the links */
	width: 631px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: auto;
	clear: both;
	background: #fff;
	padding:5px;}


.navLoc {
position:relative;
float:left;
margin-right:2px;
color:#FFFFFF;
height:20px;
line-height:18px;
padding:0 10px 0 10px}

.navLoc a{
color:#FFFFFF;}

.navLoc a:hover{
text-decoration:underline;}

#contenairNavLoc {
position:relative;
float:left;
width:500px;}