/* 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
}
body {
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
background: url(../images/fond2.jpg) repeat-x;
}

h1 {
font-size:24px;
color:#FFFFFF;
margin:0;
padding:0;}

h2 {
font-size:16px;
color: #FF6600;
font-weight:bold;
margin:0;
padding:0;}

h2 a{
color: #FF6600;
text-decoration:none;
}

h2 a:hover{
color: #FF6600;
text-decoration:underline;
}

h3 {
font-size:14px;
color: #FF6600;
font-weight:bold;
margin:0;
padding:5px;
}

h3 a{
text-decoration:none;
color: #FF6600;
}

h3 a:hover{
text-decoration:underline;
color: #FF6600;
}

h4 {
margin:0;
padding:2px;
font-size:14px;
color:#B82100;
font-weight:bold;
}

h5 {
color: #FF6600;
font-size:14px;
font-weight:bold;
padding:0;
margin-bottom:10px;
}

p {
margin:10px 0 10px 0;}

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

.textPetit {
font-size:10px;
}

.txtPetitBlanc {
font-size:10px;
color:#FFFFFF;
}

#contenairGeneral {
width:950px;
height:auto;
position:relative;
margin:auto;}

#bandeauHaut {
width:950px;
height:130px;
background:url(../images/bandeau-haut-fond.jpg) no-repeat;
margin-top:6px;
}

#logo {
width:335px;
height:130px;
position:relative;
float:left;
}

#bandeauHautDroit {
width:615px;
height:130px;
position:relative;
float:left;
}

#blocReservation {
width:615px;
height:45px;
background:url(../images/fond-bloc-reservation.gif) no-repeat right top;
color:#B82100;
font-weight:bold;
font-size:14px;
}
#blocReservation a{
color:#B82100;
text-decoration:none;
}

#blocReservation a:hover{
color:#FF6600;
text-decoration:none;
}
#menu {
width:615px;
height:85px;
}

#milieu {
width:950px;
height:auto;
position:relative;
float:left;
background: #FFFFFF;}

#flashcontent {
width:640px;
height:318px;
position:relative;
float:left;
background:#FFFFFF;}

#contenuTexte {
width:300px;
height:298px;
position:relative;
float:left;
background:#FFFFFF;
padding:10px 10px 10px 0;
text-align:justify;
overflow:auto;
}

#contenuTexte a, #contenuTexteLocation a{
text-decoration:none;
color: #FF6600;
}

#contenuTexte a:hover, #contenuTexteLocation a:hover{
text-decoration:underline;
color:#FF6600;
}

#contenuTexteLocation {
width:315px;
height:313px;
position:relative;
float:left;
background:#FFFFFF;
padding:2px 0 0 0;
text-align:justify;
overflow: hidden;
}


#carto {
width:310px;
height:318px;
position:relative;
float:left;
background:#FFFFFF;
}

a#newsAccueil {
position:relative;
float:left;
width:290px;
height:auto;
margin-top:5px;
border-top:#FF9900 1px dashed;
text-decoration:none;
color:#333333;}

#logoIllustration {
width:246px;
height:158px;
position:absolute;
z-index:100;
top:210px;
left:-20px;
}

#logoIllustration2 {
width:246px;
height:158px;
position:absolute;
z-index:100;
top:210px;
left:620px;
}

#drapeauxTitre {
width:300px;
height:67px;
position:relative;
float:left;
left:650px;
top:-20px;}

#titre {
width:300px;
height:50px;
position:relative;
float:left;
left:650px;
margin-bottom:17px;
}

#bandeauBlanc {
width:950px;
height:135px;
padding-top:5px;
background: #FFFFFF;
position:relative;
float:left;
top:-11px;
}

.colonneBas {
width:227px;
height:auto;
margin-left:10px;
position:relative;
float:left;
}
.Bouton {
color:#FFFFFF ;
font-size:14px;
font-weight:bold;
text-align:center;
background:url(../images/bouton-orange.gif)  no-repeat center;
height:36px;}

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

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

.Bouton2 {
color:#FFFFFF!important;
font-size:14px;
font-weight:bold;
text-align:center;
background:url(../images/bouton.gif)  no-repeat center;
height:20px;}

.Bouton2 a{
color:#FFFFFF !important;
text-decoration:none;
}

.Bouton2 a:hover{
color: #FFFF00 !important;
text-decoration:none !important;
}


#JsLogin {
	background:  #FFFFFF;
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid #FF6600;
	overflow: hidden;
	padding: 5px;
	display: none;
	z-index: 1000;
}
#JsLogin #loginClose {
	background: #FFF;
	font-weight: bold;
	float: right;
	cursor: pointer;
	margin: 5px 5px 0 0;
}
#JsLogin a{
color:#FFFFFF;
text-decoration:none;
}

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

#pied {
width:950px;
height:auto;
position:relative;
float:left;
margin-top:5px;
color:#B82100;
}
#pied a{
color:#FFFFFF;
text-decoration:none;}

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

#piedGauche {
width:450px;
height:auto;
position:relative;
float:left;}

#piedGauche input{
background:#FF9400;
color:#FFFFFF;
border:1px solid #FFFFFF;
font-size:11px;}

#formulaire {
position:relative;
visibility:hidden;}

#piedDroit {
width:500px;
height:auto;
position:relative;
float:left;
text-align:right;}


#contenuSituation {
width:630px;
height:308px;
position:relative;
float:left;
background:#FFFFFF ;
padding:5px;}

#contenuLocation {
width:620px;
height:318px;
position:relative;
float:left;
background:#FFFFFF url(../images/location-mobil-home.jpg) no-repeat ;
margin-right:5px;}

#venteMH {
width:630px;
height:308px;
position:relative;
float:left;
background:#FFFFFF;
padding:5px;
overflow:auto;}

.contenuVenteMH {
position:relative;
float:left;
width:600px;
height:200px;
padding:5px;
height:auto;
border:1px #FF6600 solid;
margin-top:10px;
display:block;
}

.photoVenteMH {
width:300px;
height:200px;
position:relative;
float:left;
}

.texteVenteMH {
position:relative;
float:left;
width:295px;
height:auto;
margin-left:5px;
}

#commentVenir {
position:relative;
float:left;
width:392px;
height:142px;
padding:4px;

}

#commentVenir a{
color: #999999;
text-decoration:none;
}

#commentVenir a:hover{
color: #999999;
text-decoration:underline;
}

#contenuSituation2 {
position:relative;
float:left;
width:630px;
height:150px;
margin:5px 0 8px 0;
}

.btCommentVenir {
position:relative;
float:left;
width:220px;
}

ul  {
list-style:none;
margin:0;
padding:0;}
 li  {
list-style:none;
margin:0;
padding:0;}

 li  a{
 text-decoration:none;
 color:#FF6600;
 font-weight:bold;}
 
  li  a:hover{
 text-decoration:none;
 color:#FF6600;
 font-weight:bold;}

.strCP {
font-size:11px;
color:#666666;}

.strCP input{
font-size:11px;
color:#666666;}

.strLocation {
font-size:11px;
color:#666666;}

.strLocation input{
font-size:11px;
color:#666666;}

.btsSituation {
margin-bottom:3px;}

#supplements {
position:absolute;
width:610px;
height:260px;
padding:10px;
border: 1px #FF6600 solid;
visibility:hidden;
background:#FFFFFF;
z-index:100;
}

#bengali, #caravane, #bambi, #mh1, #mh2, #mh3, #mh4, #mh5,  #mh6, #mh7, #mh8, #chalet5 {
position:absolute;
width: 620px;
height:318px;
visibility:hidden;
z-index:100;
background:#FFFFFF;}

#chalet6{
position:absolute;
width: 620px;
height:318px;
visibility:hidden;
z-index:100;
background:#FFFFFF;}

#tarifsBengali, #tarifsCaravane, #tarifsBambi, #tarifsMh1, #tarifsMh2, #tarifsMh2,  #tarifsMh3, #tarifsMh4, #tarifsMh5, #tarifsMh6, #tarifsMh7, #tarifsMh8, #tarifsChalet5, #tarifsChalet6  {
position:absolute;
width: 615px;
height:75px;
top:210px;
/*visibility:hidden;*/
z-index:500;
background: #FFF;
border:solid 1px #FF6600;
}

#btTarifs {
width:60px;
height:auto;
position:absolute;
z-index:120;
left:530px;
}

#telechargement {
width:300px;
height:auto;
position:absolute;
top:450px;
left:450px;
background-color:#FFFFFF;
border: 1px solid #FF6600;
z-index:100;
color:#FFFFFF;
visibility:hidden;}

#telechargement a{
color:#FFFFFF;
text-decoration:none;}
#telechargement a:hover{
color:#FFFFFF;
text-decoration:underline;}

.legende {
font-size:11px;
color:#FF6600;
}