/* CSS Document */

body {
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

h1 {
color:#3F93AB;
font-size:16px;}

h2 {
color:#FF9900;
font-size:18px;
font-weight:bold;
padding:0;
margin: 0 0 5px 0;}

.blocGauche { 
      position: absolute;
  background-image: url(../images/fond-gaucheInt.jpg);
  background-repeat:repeat-x;
  background-position:top;
    width: 50%;
    height: 775px;
    display: block;
    float: left;
    }
 
  .blocDroit {
  position: relative; 
  width: 50%;
    height:775px;
    display: block;
    background-image: url(../images/fond-droit.jpg);
	background-repeat:repeat-x;
    float: right;
    }
	
	 .blocDroit2 {
  position: relative; 
  width: 50%;
    height:775px;
    display: block;
    background-image: url(../images/fond-gaucheInt.jpg);
	background-repeat:repeat-x;
    float: right;
    }
 
 #contenairGeneral {
 position: absolute;
    width: 950px;
    z-index: 1;
    height: 100%;
    left: 50%;
    margin-left: -475px;
}


#contenuMenu{
width:950px;
height:35px;
position:relative;
float:left;

}

#contenuMenuTarifs{
width:930px;
height:35px;
position:relative;
float:left;
background-color:#B40041;
margin-bottom:15px;
}

.menu {
	position:absolute;
	height:35px;
	width:950px;
	margin:7px 0;
	padding: 0;
	left: 4px;
}
.menu ul {list-style:none; z-index:10; margin:0; padding:0;}
.menu li {float:left; border-right: #653039 solid 1px; padding:0px 7px 0 7px;}
.menu a, .menu a:active, .menu a:visited {text-decoration:none !important; color:#FFF !important; font-weight:bold;  }
.menu a:hover {color:#ebf0e6;}
#slide {
position:absolute;
background:#FFF; 
bottom:7px; 
height:6px; 
z-index:100;}


#bandeauHaut {
width:950px;
height:156px;
position:relative;
float:left;
background: url(../images/logo-camping-california.jpg) no-repeat;}

#bandeauHautColDroite {
width:440px;
height:156px;
position:relative;
float:left;
left:510px;
}

#milieu {
width:950px;
height:393px;
position:relative;
float:left;}

#milieuTarifs {
width:930px;
min-height:410px;
position:relative;
float:left;
background-color: #FFFFFF;
padding:10px;
}

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

#milieuTarifs a:hover{
text-decoration:none;
color:#3F93AB;
}


#piedTarifs {
position:relative;
float:left;
width:940px;
height:auto;
margin-top:5px;
border-top: dashed 1px  #3F93AB;
padding:5px;
color:#B40041;
text-align:center;
text-decoration:none;}

#piedTarifs a{
color:#3F93AB;
text-decoration:none ;
}

#piedTarifs a:hover {
color:#B40041;
text-decoration:none;
}

.txtBlanc {
color:#FFFFFF;}

.txtGrosOrange {
color:#FF9900;
font-size:14px;
font-weight:bold;}

.txtOrange {
color:#FF9900;
}

.txtGrisPetit {
color:#666666;
font-size:10px;}

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

#flashcontent {
width:540px;
height:394px;
float:left;
position:relative;
background:#3D91A9;}

#contenuTexte {
position:relative;
float:left;
width:390px;
height:393px;
padding:0 10px 0 10px;
background:url(../images/fond-texte.png) no-repeat;
}

#contenuTexteAlentours {
position:relative;
float:left;
width:390px;
height:393px;
padding:0 10px 0 10px;
background:url(../images/fond-texte-alentours.png) no-repeat;;
}

#contenuTexte a, #contenuTexteAlentours a{
color:#B40041;
text-decoration:none;
font-weight:bold;
}
#contenuTexte a:hover, #contenuTexteAlentours a:hover{
color:#B40041;
text-decoration:underline;
font-weight:bold;
}

#contenuTexteActivite {
position:relative;
float:left;
width:390px;
height:393px;
padding:0 10px 0 10px;
background:url(../images/fond-texte-activite.png) no-repeat;
}

#contenuTexteService {
position:relative;
float:left;
width:390px;
height:393px;
padding:0 10px 0 10px;
background:url(../images/fond-texte-service.png) no-repeat;
}

#drapeaux {
width:260px;
height:85px;
position:relative;
float:left;
padding-top:75px;}

#sunelia {
width:180px;
height:150px;
position:relative;
float:left;
top:5px;
}

.campingQualite {
cursor:text;}

.campingQualite a{
cursor:text;}

.campingQualite a:hover{
cursor:text;}

#tt {
width:350px;
height:60px;}
#tt2 {
	margin-top:10px;
	width:350px;
	height:60px;
}

#bandeauBas {
width:950px;
height:auto;
}

#basColGauche {
position:relative;
float:left;
width:450px;
color:#3F93AB;
margin-top:8px;}

#basColGauche a:hover{
color:#3F93AB;
text-decoration:none;}

#basColGauche a{
color:#B40041;
text-decoration:none;}

#basColDroite {
position:relative;
float:left;
width:500px;
color:#B40041;
margin-top:8px;}

#basColDroite a{
color:#3F93AB;
text-decoration:none;}

#recommanderAmi {
color: #3F93AB;
width:255px;
margin-left:100px;
height:auto;
position:relative;
display:none;

}

#recommanderAmi input{
color:#3F93AB;
font-size:11px;
border: solid #B40041 1px;

}

#JsLogin {
	background:  #FFFFFF;
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid #3F93AB;
	overflow: hidden;
	padding: 5px;
	display: none;
	z-index: 1000;
}

#JsLoginLoc {
	background:  #FFFFFF;
	position: absolute;
	border: 2px solid #B40041;
	margin-top:-200px;
	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;
}

.tel {
color:#B40041;
font-weight:bold;
font-size:14px;}

.bouton {
width:286px;
height:16px;
background:url(../images/bouton.gif) no-repeat;
color:#FFFFFF;
text-align:center;
font-weight:bold;
padding:7px;
margin:30px 0px 0 50px;}


.boutonPetit {
width:117px;
height:17px;
background:url(../images/bouton-petit.gif) no-repeat;
color:#FFFFFF;
text-align:center;
font-weight:bold;
padding:7px;
float:left;
}

.bouton a, .boutonPetit a{
color:#FFFFFF !important;
text-decoration:none;
}

.bouton a:hover, .boutonPetit a:hover {
color:#3F93AB !important;
text-decoration:none !important;
}

#menuLocation {
position:relative;
float:left;
width:350px;
top:10px;
}

#menuLocation select{
border: solid 1px #3F93AB;
color:#3F93AB;
}

/**************       LOCATIFS      *********************/

#locatifColGauche{
width:450px;
height:auto;
position:relative;
float:left;
padding:5px;
background: #FFFFFF;}

#locatifColDroite{
width:450px;
height:auto;
position:relative;
float:left;
padding:5px;
left:10px;}

.txtVert {
color:#8FE70C;
font-size:14px;
font-weight:bold;}

.vignettePhoto {
border: solid 2px #3F93AB;
}

#photoModulo {
width:337px;
height:226px;
background:url(../images/locatifs/modulo-photog.jpg);
margin:auto;
border: solid 3px #3F93AB;
margin-bottom:20px;
}

#contenuBtResa {
position:relative;
float:left;
width:393px;
height:auto;
margin:20px 0 20px 25px;}

/************ DIAPORAMA      ***********************/


#galerie {
position:relative;
float:left;
width:450px;
height: 250px;
}

#gdePhoto {
width:337px;
margin:0 0 5px 10px;
height:226px;
position:relative;
float:left;
border: 2px solid #3F93AB;
overflow:hidden;
}

 .pics { 
padding:0; 
margin:0;
}
#nav { 
width:50px;
height:auto;
position:relative;
float:left;
margin:0;
padding:0;
}


#nav li { 
width: 50px; 
height: 50px;
list-style: none; 
padding: 0 10px 10px 10px; 
margin:0;
display: block;
float:left
}
#nav a { 
width: 50px;
height:50px; 
padding: 0px; 
display: block; 
border: 2px solid  #3F93AB; 
}

#nav a:hover {  
border: 2px solid #B40041; 
}

#nav li.activeLI { 
background: #FFF;
}
#nav a:focus { 
outline: none; 
}
#nav img { 
border: none; 
display: block; 
}

#btActuPromo {
width:124px;
height:124px;
position:absolute;
z-index:10;
}

.recommanderHebgergement {
font-size:11px;
color:#B40041;
}


.recommanderHebgergement a{
text-decoration:none;
color:#B40041;
}

.recommanderHebgergement a:hover{
text-decoration:none;
color:#3F93AB;
}

.filAriane, .filAriane2 {
font-size:11px;
color:#666666;}

.filAriane a{
text-decoration:underline;
color:#666666;}

.filAriane2 a{
text-decoration:none !important;
color:#666666;
font-weight: bold;}


/****************  ALENTOURS          ***************/

#Searchresult {
			margin-top:15px;
			margin-bottom:15px;
            width:95%;
		}

/********************** news **************************/        

.dateNews {
color:#FF9900;
font-size:14px;
font-weight:bold;
margin:10px;}

.texteNews {
color:#666666;
font-size:12px;
}

#badgeFlash {
width:115px;
height:95px;
position:absolute;
z-index:200;
margin-top:259px;
background:url(../images/badge.png) no-repeat;
text-align:center;
padding-top:40px;
padding-right:20px;
color:#B40041;
}

.txtBadge1 {
font-size:18px;
font-weight:bold;}

#badgeFlashLoc {
width:135px;
height:100px;
position:absolute;
z-index:200;
left:815px;
background:url(../images/badge-rouge.png) no-repeat;
text-align:center;
padding-top:35px;
color:#FFFFFF;
top:45px;
}

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

#badgeFlashLoc a:hover{
color: #FFCC00;
text-decoration:none;}

#locHorsSaison {
display:none;}

#video, #video1, #video2 {
width:560px;
height:340px; 
z-index:1000;
}