body {
margin-top :0;
margin-left : 0;
background-color : #49d5d4;
font-size : 11px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #ffffff;
}
/*BANDEAU TOIT PLAT + WIFI PAGE INDEX*/
#gif {
	margin-right : auto;
	margin-left : auto;
	width : 780px;
	height : auto;
	color:#CC0000;
	border-bottom:solid 1px #fff;
	font-size : 12px;
	font-weight:bold;
}
/*BANDEAU TOIT PLAT PAGE INDEX*/
#giftoit {
	float:left;
	width : 350px;
	height : auto;
	color:#CC0000;
	font-size : 12px;
	font-weight:bold;
}
/*BANDEAU WIFI PAGE INDEX*/
#gifwifi {
	float:right;
	width : 350px;
	height : auto;
	color:#CC0000;
	font-size : 12px;
	font-weight:bold;
	text-align:right;
}
/*BANDEAU FORMULAIRE RESERVATION*/
#index {
margin-right : auto;
margin-left : auto;
width : 800px;
height : auto;
text-align : center;
}
#banniere {
width : 800px;
height : 120px;
margin-right : auto;
margin-left : auto;
background : url("http://www.camping-naturiste-du-port.com/Images/fond/banniere2.jpg");
}
/*over flow auto pour le conteneur parent : les fils s'ajusteront automatiquement*/
#page {
width : 800px;
margin-right : auto;
margin-left : auto;
background : url("http://www.camping-naturiste-du-port.com/Images/fond/page.jpg");
background-position : top;
height:auto;
overflow:auto;
}

#gauche{
width : 190px;
height:100%;
float:left;
padding-left:10px;
}
	#gaucheh{
	height : 230px;
	}
	#gaucheb{
	text-align:center;
	height:100%;
	}

#droit{
width:598px;
float:right;
height:100%;
}
	#centre{
	color : #333333;
	font-size : 11px;
	line-height : 14pt;
	height : 100%;
	margin-right:15px;
	padding:5px;
	}
#piedfr{
width:800px;
height:30px;
margin-right:auto;
margin-left:auto;
background:url("http://www.camping-naturiste-du-port.com/Images/fond/piedpagefr.jpg");
}
/*****************************/
/* 			CLASSES			*/
/*****************************/
.clear{
clear:both;
}
.space{
width:80px;
height:20px;
float:left;
}
.btnOn {
margin-right : auto;
margin-left : auto;
background-image : url(Images/Boutons/btnOn.jpg);
width : 150px;
height : 35px;
line-height : 18pt;
color : #cc0000;
font-size : 12px;
}
.btnOff {
margin-right : auto;
margin-left : auto;
background-image : url(Images/Boutons/btnOff.jpg);
width : 150px;
height : 35px;
line-height : 18pt;
}
.image {
float : left;
width : auto;
height : auto;
padding:7px;
text-align:justify;
}

/*****************************/
/* 		TITRES + HTML		*/
/*****************************/
h1 {
color : #ffffff;
font-size : 18px;
}
h2 {
margin-top : 50px;
color : #996600;
font-size : 18px;
font-weight : 500;
}
h3 {
color : #cf0f0f;
font-size : 11px;
}
h6 {
text-align : center;
font-size : 12px;
font-weight : bold;
margin : 5px;
}
img{
border:none;
}

.alerte {
color : #000000;
background-color : #ffcc00;
font-size : 12px;
margin-left : 100px;
margin-right : 100px;
margin-bottom : 0;
margin-top : 0;
line-height : 21px;
text-align : center;
}
table {
width : 90%;
}
td {
border-top : thin dashed #cccccc;
color : #333333;
text-align:left;
}
table.form {
width : 75%;
background-color : #ffffff;
margin-right:auto;
margin-left:auto;
}
td.formg{
text-align:right;
border-right:thin dashed #cccccc;
font-weight:600;
}
td.tarif{
border:thin solid #cccccc;
color:#333333;
text-align:center;
}
a{
color:#0099cc;
text-decoration:none;
}
a:hover{
color:#996633;
text-decoration:none;
}
a.button{
top:10px;
text-align:center;
font-size : 12px;
color : #ffffff;
}
a.button:hover{
text-align:center;
font-size:12px;
color:#cc0000;
}
select{
color:#0099ff;
font-size:10px;
}
fieldset{
width:80%;
text-align:center;
}