body {
	background-color: #D5ECF6;
	background-image: url("../images/commun/bg-camping-vacances-plage-landes.jpg"); 
	background-attachment: fixed;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	text-align: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

a:link 		{color: #0086C0; font-weight: bold; text-decoration: none;}
a:visited 	{color: #0086C0; font-weight: bold; text-decoration: none;}
a:hover 	{color: #FF7500; font-weight: bold; text-decoration: underline;}
a:active 	{color: #FF7500; font-weight: bold; text-decoration: underline;}

#superconteneur {
/*	margin: auto;*/
	margin: 0 0 0 100px;
	width: 772px;
}

#header {
	background: url('../images/commun/header.png') no-repeat left top;
	height: 175px;
}
#header h1 {
	font: bold 12px Arial, Geneva, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 5px;
	padding: 2px 0 0 0;
	margin: 0 0 0 0;
	color: #FFFFFF;
	height: 12px;
}

#main {
	background: url(../images/commun/main.png) left top repeat-y;
	padding: 0;
	text-align: left;
	width: 772px;
}

#leftbar {
	width: 167px;
	padding: 4px 0 13px 0;
	margin: 0 0 0 34px;
	font-size: 11px;
	color: #525252;
	text-align: left;
	float:left;
}
#leftbar a:link		{font-weight: normal; color: #525252;}
#leftbar a:visited	{font-weight: normal; color: #525252;}
#leftbar a:hover 	{color: #FF7500;}
#leftbar a:active 	{color: #FF7500;}
#leftbar h3 {
	background-color: #089460;
	margin: 0 0 0 0;
	padding: 3px 0 3px 5px;
	font-weight: normal;
	font-size: 14px;
	color: #FFFFFF;
}
#box-office {
	background: url(../images/commun/head-office.gif) 0 0 #D3E5DE no-repeat;
	padding: 46px 0 5px 0;
	margin-top: -8px;
	width: 167px;
	text-align: center;
}
#leftbar ul {
	background-color: #D3E5DE;
	padding: 5px;
	margin: 0 0 13px 0;
	list-style: none;
}
#leftbar li {
	padding: 0 0 0 8px;
	margin: 0 0 0 0;
	background: url(../images/commun/fleche-verte.gif) 0 4px no-repeat;
}

#precontent {
	width: 511px;
	height: 17px;
	padding: 0 34px 0 0;
	font-size: 11px;
	color: #525252;
	text-align: right;
	float: right;
}
#precontent a:link		{color: #0086C0;}
#precontent a:visited	{color: #0086C0;}
#precontent a:hover 	{color: #FF7500;}
#precontent a:active 	{color: #FF7500;}

#content {
/*	background: url(../images/commun/content.jpg) 0px bottom no-repeat;*/
	width: 511px;
/*	height: 700px;*/
	padding: 0 34px 0 13px;
	font-size: 11px;
	color: #525252;
	text-align: justify;
	float: right;
	clear: right;
}

#content h2 {
	padding: 0 0 0 17px;
	margin: 0 0 5px 0;
	background: url(../images/commun/carre-bleu.gif) 0 4px no-repeat;
	font-size: 16px;
	font-weight: normal;
	color: #0086C0;
	border-bottom: #0086C0 1px solid;
}
#content h3 {
	padding: 0 ;
	margin: 15px 0 3px 0;
	font-size: 14px;
	font-weight: normal;
	color: #089460;
}
#content h4 {
	padding: 10px 0 0 0;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #0086C0;
}
#content h5 {
	background-color: #F2F2F2;
	height: 20px;
	padding: 5px 5px 0 5px;
	margin: 0 -5px 0 -5px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: #000000 1px solid;
}

#footer {
	clear: left;
	background: url(../images/commun/footer.png) left top no-repeat;
	font-size: 12px;
	padding: 6px 0 0 0;
	height: 55px;
}
#footer a:link		{color: #FFFFFF;}
#footer a:visited	{color: #FFFFFF;}
#footer a:hover 	{color: #FF7500;}
#footer a:active 	{color: #FF7500;}

.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.frm-txt {
	border: #525252 1px solid;
	color: #525252;
}
.frm-bouton {
}

#rechercher {
	width: 491px;
	background-color: #F3F9FC;
	padding: 2px 10px 8px 10px;
	margin: 10px 0 5px 0;
}
#rechercher .l-1 {
	padding: 5px 8px 0 0;
	float: left;
}

#content .navsearch	{
	float: right;
	padding-bottom: 15px;
}
#content .navsearch a:link		{color: #525252; font-weight: normal; text-decoration: underline; }
#content .navsearch a:visited	{color: #525252; font-weight: normal; text-decoration: underline; }
#content .navsearch a:hover		{color: #FF7500; }
#content .navsearch a:active	{color: #FF7500; }

#content .lienvert:link		{color: #089460; text-decoration: underline; }
#content .lienvert:visited	{color: #089460; text-decoration: underline; }
#content .lienvert:hover	{color: #FF7500; }
#content .lienvert:active	{color: #FF7500; }

#content ul {
	clear: right;
	padding: 0;
	margin: 0;
	list-style: none;
}
#content li {
	padding: 0 5px 0 5px;
	margin: 0 0 13px 0;
}
#content .result1 {
	float: left;
}
#content .result2 {
	float: right;
}
#content .retour {
	height: 18px;
	padding: 3px 0 0 10px;
	margin: -5px 0 10px 0;
	background: url(../images/commun/fleche-rouge.gif) 2px 7px #F2F2F2 no-repeat;
}
#content .retour a:link		{color: #0086C0; text-decoration: underline; }
#content .retour a:visited	{color: #0086C0; text-decoration: underline; }
#content .retour a:hover	{color: #FF7500; }
#content .retour a:active	{color: #FF7500; }

#listpic ul {
	clear: right;
	padding: 0;
	margin: 0;
	list-style: none;
}
#listpic li {
	padding: 0 0 0 160px;
	margin: 40px 0 0 0;
}

#listpic h3 a:link		{font-weight: bold; color: #089460; text-decoration: none;}
#listpic h3 a:visited	{font-weight: bold; color: #089460; text-decoration: none;}
#listpic h3 a:hover		{font-weight: bold; text-decoration: underline;}
#listpic h3 a:active	{font-weight: bold; color: #089460; text-decoration: underline;}

#liens ul {
	padding: 0;
	margin: 10px 0 0 0;
	list-style: none;
}
#liens li {
	padding: 0 0 0 7px;
	margin: 0 0 13px 0;
	background: url(../images/commun/puce-bleue.gif) 0 6px no-repeat;
}
#liens .liens a:link	{color: #0086C0; text-decoration: underline; font-weight: normal}
#liens .liens a:visited	{color: #0086C0; text-decoration: underline; font-weight: normal}
#liens .liens a:hover	{color: #FF7500; }
#liens .liens a:active	{color: #FF7500; }

#liens .texte-liens {
	font-size: 11px;
}

#liens .ref {
	font-size: 10px;
}

.mois {
	height: 180px;
	float: left;
	padding: 5px 14px;
	overflow:hidden;
}
.mois caption {
	font-weight: bold;
}
.mois table {
	width: 141px;
	height: 140px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #525252;
	font-size: 11px;
	color: #525252;
	text-align: center;
}
.mois th {
	border-right: #525252 1px solid;
	border-top: #525252 1px solid;
	background-color: #999999;
	font-size: 10px;
	height: 20px;
	color: #FFFFFF;
	border-bottom: #525252 1px solid;
}
.mois td {
	border-right: 1px solid #525252;
	border-bottom: 1px solid #525252;
	height: 20px;
	text-align: center;
}
.mois td.nc {
	width: 20px;
	background-color: #FFFFFF;
}
.mois td.libre {
	width: 20px;
	background-color: #00D789;
}
.mois td.complet {
	width: 20px;
	background-color: #D25858;
	color: #FFFFFF;
}
.mois td.bientot {
	width: 20px;
	background-color: #FFFF99;
}
.mois td.ferme {
	width: 20px;
	background-color: #636363;
	color: #D9D9D9;
}
.legende {
	border-left: 1px solid #525252;
	font-size: 10px;
	color: #000000;
	text-align: center;
}
.legende td {
	border-right: 1px solid #525252;
	border-bottom: 1px solid #525252;
	border-top: 1px solid #525252;
}
.legende td.legendeL {
	background-color: #00D789;
}
.legende td.legendeC {
	background-color: #D25858;
	color: #FFFFFF;
}
.legende td.legendeB {
	background-color: #FFFF99;
}
.legende td.legendeF {
	background-color: #636363;
	color: #D9D9D9;
}