/* CSS Document */
/* www.acacias-camping.com */
body {
background: #FC0;
margin: 0 auto;
text-align: center;
font: normal normal 1em Verdana, Arial, Helvetica, sans-serif;
}
img {border: none;}
#global {
border: 1px solid #F90;
margin: 0 auto;
text-align: left;
width: 779px;
}
#div1 {
float: left;
width: 197px;
}
#div2 {
float: left;
width: 300px;
}
#div2table, #div2tarif { /* Pour les pages de la partie 'location' (une colonne) */
margin: 10px 0 0 10px;
float: left;
width: 550px;
}
#div3 {
float: left;
margin-left: 15px;
width: 196px;
}
#div4 {
float: left;
height: 44px;
width: 570px;
}
h1 {
color: #EF6601;
font-size: 1em;
}
h2 {
color: #F30;
font-size: 0.9em;
margin: 0.2em;
text-decoration: underline;
}
td#contenu #mention h3 {
color: #F60;
font-size: 0.9em;
margin: 5px 0;
padding: 0;
}
td#contenu #mention p {
font-size: 0.8em;
margin: 0;
padding: 0;
}
a {
color: #F60;
}
a:hover {
color: #690;
}
td#contenu #div2table ul {
margin: 5px;
padding: 5px;
}
table#menu, table#conteneur {
width: 779px;
}
table, tr, td {
border-collapse: collapse;
border: none;
margin: 0;
padding: 0;
}

/************* Pour le contenu en general */
td#contenu {
background: #FC0 url(img/com/bg_transat.gif) bottom right no-repeat;
padding-bottom: 70px;
}
td#contenu p {
font-size: 0.8em;
margin: 1em;
text-align: justify;
}
td#contenu ul, td#contenu ol {
font-size: 0.9em;
margin: 0;
padding: 1.5em;
}
td#contenu ul li, td#contenu ol li {
margin: 0.4em 0;
}
/************* Pour le pied de page */
td#pied {
font-size: 0.7em;
text-align: right;
vertical-align: middle;}
td#pied a {
color: #900;
font-weight: bold;
text-decoration: none;}

/***** Menu de navigation des pages du repertoire 'Location' ****/
#menuLocation li {
display: inline;
font-size: 0.9em;
}
#menuLocation li a {
color: #F60;
margin-right: 2px;
}
#menuLocation li a:hover {
color: #690;
margin-right: 2px;
}
#menuLocation li a.on {
color: #690;
font-weight: bold;
}

/****** Les Classes ********/
.btnForm {
width: 100px;
}
.center, #div2table th.center {
text-align: center;
}
.imgCenter {
display: block;
margin: 10px auto;
}
.floatLeft {
float: left;
}
.margeAuto {
margin: 0 33%;
}
.mention {
color: #F60;
font-size: 0.8em;
}
.noPuce {
list-style-type:none;
}
#div2 ul.noPuce {
font-size: 0.8em;
}

/*****************************/
#actuEntete {	/* Conteneur global et entete de la section 'Actualites' */
background-color: transparent;								
height: 154px;
left: 8px;
margin: 0;
position: absolute;
top: -35px;
width: 182px;
z-index:1;
}
#actuEntete img {
display: block;
}
#actuPied { 						/* Bords et pied de la section 'Actualites' */
background-color: white;
border: 1px solid #07BF07;
font-size: 0.7em;
margin: 0;
padding: 2px;
}

/***************************/

#btnwww {	/* Conteneur pour placer le bouton www.acacias-camping.com a droite dans la page d'accueil */
background-color: transparent; 
height: 26px;
left: 528px;
margin: 0;
position: absolute;
top: -12px;
width: 251px;
z-index:2;
}

/* Tableau des tarifs 'location.html' */

td#contenu #div2tarif ul { /* Pour aligner a gauche les tarifs en 'ul li' */
margin: 0;
padding: 0;
}
table.tarif caption {
color: #930;
font-weight: bold;
margin-top: 10px;
}
table.tarif {
background-color: #FC0;
font-size: 0.8em;
margin: 10px auto;
width: auto;
}
table.tarif td {
background-color:#F93;
text-align: center;
}
table.tarif td, table.tarif th {
width: 25%;
}
table.tarif ul li, form ul li {
font-size: 1em;
list-style-type: none;
margin: 0;
padding: 0;
}
table.tarif th, table.tarif td {
border: 1px solid #FC0;
padding: 3px;
}
table.tarif th {
background-color: #FFBB2F;
font-size: 0.9em;
text-align: left;
}
table.tarif th.headCol {
background-color:#FF9900;
color: #900;
text-align: center;
}

/* Formulaire de contact */

label {
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	font-size: 1em;
	line-height: 1.8;
	margin: 0;
	padding: 0 .5em 0 0;
	text-align: right;	/*** ... et ils sont alignes a droite... ***/
	width: 20%;	/*** Les intitules prennent n de la largeur totale du formulaire... ***/
}
fieldset.test label {
float: none; 
}
fieldset.test input {
width: auto;
}
fieldset {
	background-color: #FFCC33;
	margin: 1em;
	width: auto;
}
input {
width: 60%;
}
legend {
	color: #600;
	font-weight: bold;
}

/* Reglages pour les 3 pages de reponses au formulaire de contact
ok.html err.html alert.html
 */
#reponseForm {
margin: 100px 20px;
}
#reponseForm input {
width: 150px;
}
#dispo table {
border-collapse: separate;
width: 98%;
}
#dispo td {font-size: 12px;}
td#contenu p.infoDispo {
background: #FFF;
padding: 4px 6px;
text-align: center;
}