body {
padding:0; 
margin:0; 
color:#000000; 
background-image: url(images/fond-page.jpg);
width:100%;
text-align:center;
}
body, td {font-family:Tahoma; font-size:10px; }
h2{
font-size:15px;
width:95%;
border:1px solid #000000;
margin-top:10px;
text-decoration:none;
font-weight:bold;
background-color:#ffffff;
padding:2px;
padding-left:15px;
}
h4{
font-size:14px;
width:95%;
border:1px solid #000000;
margin:0px;
text-decoration:none;
font-weight:bold;
background-color:#ffffff;
margin-left:auto;
margin-right:auto;
}
p{
margin:0px;
padding:0px;
}
input,textarea,select{
   background:#FDEABE;
   border:1px solid #333333;
   font-family:Tahoma;
   color:#333333; 
   font-size:10px;
   padding-left:5px
}
#global{
width:1024px;
margin-left:auto;
margin-right:auto;
display:block;
}
#content{
background-color:#ffffff;
color:#000000;
font-size:12px;
font-family:Tahoma, Verdana;
margin-top:-2px;
padding:0px;
} 
.pub{
width:728px;
margin-left:auto;
margin-right:auto;
height:110px;
padding-top:10px;
padding-bottom:10px

}
#contenu{
clear:left;
background-color:#d5eaff;
width:974px;
margin-left:auto;
margin-right:auto;
border:1px solid #000000;
border-top:none;
display:block;
z-index:1;
} 


.menu1 { /* boite qui contient le menu (les onglets) */
  border-bottom:solid 1px black ; /* crée le trait noir en-dessous des onglets */
  padding-top:12px ; /* marge intérieure haute */
  padding-bottom:6px;
  margin-left:25px;
  margin-right:25px;
  text-align:left;
  font-size:11px;
  } /* marge intérieure basse */

.onglet { /* style des onglets inactifs */
  background-color:#ddeeff;
  border:solid 1px black ; /* encadrement */
   margin:3px 3px 0px 3px ; /* marges intérieures */
  padding:7px 5px 6px 5px;} /* marge intérieure */
  
.onglet2 { /* style des onglets inactifs */
  background-color:#fdfedc;
  border:solid 1px black ; /* encadrement */
   margin:3px 3px 0px 3px ; /* marges intérieures */
  padding:7px 5px 6px 5px;} /* marge intérieure */

.ongletacc { /* style des onglets inactifs */
  background-color:#ffffff;
  border:solid 1px black ; /* encadrement */
  margin:145px 145px 0px 3px ; /* marge extérieure */
  padding:7px 5px 6px 5px;} /* marge intérieure */

a.onglet2 { /* style des liens se trouvant dans un onglet inactif */
  background-color:#fdfedc;/* le fond de l'onglet est gris */
  text-decoration:none;
  color:#000000;

  } /* les liens ne sont pas soulignés */


a.onglet,a.ongletacc { /* style des liens se trouvant dans un onglet inactif */
  background-color:#fdfedc;/* le fond de l'onglet est gris */
  text-decoration:none;
  color:#000000;
  font-size:11px;
  } /* les liens ne sont pas soulignés */

.onglet-actif { /* style de l'onglet de la page active */
   border:solid 1px black ; /* l'encadrement est porté à 2 pixels */
   border-bottom:solid 3px #ddeeff; /* le trait inférieur est effacé */
   margin:3px 3px 0px 3px ; /* marges intérieures */
   padding:7px 5px 4px 5px ; /* marges extérieures */  
   background-color:#ddeeff;
 
   }
.onglet-inactif  { /* style des liens se trouvant dans un onglet inactif */
  background-color:#fdfedc;/* le fond de l'onglet est gris */
  text-decoration:none;
  color:#000000;
  letter-spacing:1px;
  cursor:pointer;
  border:solid 1px black ; /* encadrement */
  margin:3px 3px 0px 3px ; /* marge extérieure */
  padding:7px 5px 6px 5px;
  }   
#detail{
float:left;
width:560px;
text-align:left;
padding:10px 5px 7px 5px ;

}
#detail p{
text-align:justify;
}
#map_canvas{
display:block;
width:370px;
height:480px;
margin-left:10px;
margin-top:20px;
border:1px solid #000000;
margin-bottom:20px;
}
#photo{
float:right;
width:400px;

display:block;
}
#photo .haut{
background-image: url(haut-droit.jpg);
width:400px;
height:24px;
margin-top:10px;
}
#photo .bas{
background-image: url(bas-droit.jpg);
width:400px;
height:20px;
}
#photo .contentdroite{
background-image: url(back-droit.jpg);
background-repeat:repeat-y;
z-index:0;
}
#photocamping{
width:380px;
height:320px;
display:block;
margin-left:auto;
margin-right:auto;

}
#miniature{
width:310px;
height:140px;
display:block;
margin-left:auto;
margin-right:auto;
}
#miniaturemobil{
width:310px;
height:70px;
display:block;
margin-left:auto;
margin-right:auto;
}
.imagemini{
float:left;
width:70px;
height:60px;
position:relative;
display:block;
margin:3px;
}
#legende1{
display:block;
padding-bottom:5px;
font-weight:bold;
}
#legende2,#legende3,#legende4,#legende5,#legende6,#legende7,#legende8{
display:none;
padding-bottom:5px;
font-weight:bold;
}
.acc_camp{
text-align:justify;
font-size:12px;
margin-right:15px;
margin-left:15px;
padding-top:5px;
color:#000000;
clear:both;
padding-right:10px;
margin-top:10px;
z-index:1;
display:block;
position:relative;
}
.acc_camp span{
font-size:10px;
color:#000000;
}
.acc_camp a{
font-weight:bold;
text-decoration:underline;
color:#000000;
}
#searchtb{
margin-top:20px;
width:80%;
}
.affine{
font-weight:bold;

}
.affine span{
cursor:pointer;
text-decoration:underline;
}
#TYPEC, #SITUATION, #SERVICES, #LOISIRS {
display:none;

}
#searchbutton{
margin-left:220px;
margin-top:15px;
margin-bottom:10px;
}
.checkbox{
border:none;
background-color:#ddeeff;
}
#camping-region{
padding:10px;
font-size:11px;
}
#camping-region span{
cursor:pointer;
text-decoration:underline;
color:#000000;
margin-left:5px;
}
#camping-region a{
cursor:pointer;
text-decoration:underline;
color:#000000;
margin-left:5px;
}
.newsearch{
clear:left;
padding-top:15px;
}
.newsearch a{
color: #000000;
}
.inforesa{
border:1px solid #000000;
background-color:#ffffff;
width:180px;
margin-left:auto;
margin-right:auto;
margin-top:15px;
padding-top:4px;
padding-bottom:4px;

}
.inforesa a{
font-size:13px;
color:#000000;
width:100%;
}
.ident1{
 background-color:#ffffff;
 width:120px;
 }
 
.yellow{
width:550px;

 color: #000000;
 border:1px solid #000000;
 }
 
#menubas{
 text-align:center;
 }
 
#menubas .lien {
 padding:3px;
 margin:3px;
 border:1px solid #000000;
 background-color:#fdfedc;
 color:#000000;
 text-decoration:none;
 }
.periodetd{
background-color:#ffffff;
padding-top:3px;
padding-left:8px;
padding-right:8px;

}
.p1td{
background-color:#faefcb;
text-align:right;
}
.p2td{
background-color:#facbd5;
text-align:right;
}
.p3td{
background-color:#d7cbfa;
text-align:right;
}
.p4td{
background-color:#cbfacf;
text-align:right;
}
.p5td{
background-color:#f6facb;
text-align:right;
}
.p6td{
background-color:#faefcb;
text-align:right;
}
.periodetable{
border:1px solid #000000;
background-color:#cccccc;

}
.periodetable td{
border:1px solid #000000;
padding:3px;
}
