/* CSS Document */
body {
	margin: 10px;
	padding: 0;
	background: #007CC3;
}
img  {
	border: 0px !important;
}
a:link, a:visited, a:active {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #66CCFF;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	color:#FFFFFF;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: left;
	text-decoration: underline;
	color:#FFFFFF;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	text-decoration: underline;
	color:#FFFFFF;
}
.left {
	float: left;
}
.right {
	float: right;
}

/* ELEMENTS */
#contener {
	background:  url(images/contener.gif) no-repeat center top;
	position:absolute;
	left: 50%; 
    width: 800px;
    margin-left: -400px; /*moitié de la largeur*/
}
#header {
	background:  url(images/header.gif) no-repeat center bottom;
	height: 150px;
}
#menu {
	text-align: center;
}
#contenu {
	min-height: 394px;
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color:#FFFFFF;
}
#autres-campings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color:#0CF;
	height: 30px;
}
#flag {
	text-align: center;
}
#load {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: right;
}
.edito {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color:#FFFFFF;
}
#tt-ouvert {
	background: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#FFFFFF;
	text-align: center;
	padding-left: 4px;
	margin: 20px 0;
}
#xynthia {
	/*background: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#FFFFFF;
	text-align: center;
	padding: 4px;*/
	margin: 20px;
}
.adresse {
	background: #0099CC;
	padding-bottom: 10px;
}
.adresse h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	color: #ffea89;
}
#bt-resa {
	background: url(images/bt-resa.gif) top center no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color:#FFFFFF;
	text-align: center;
	padding: 5px;
	margin: 20px 0;
	height: 35 px;
}
#bt-resa a:link, #bt-resa a:visited, #bt-resa a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#bt-resa a:hover {
	text-decoration: underline;
	color: #fffff;
}
#bt-promo {
	background: url(images/bt-promo.gif) top center no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color:#FFFFFF;
	text-align: center;
	padding: 5px;
	margin: 0 0 20px 0;
	height: 35 px;
}
#bt-promo a:link, #bt-promo a:visited, #bt-promo a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#bt-promo a:hover {
	text-decoration: underline;
	color: #fffff;
}
#tt-empl {
	background: #66CC00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#FFFFFF;
	text-align: left;
	padding-left: 4px;
	margin: 20px 0;
}
#tt-promo {
	background: #FF3333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#FFFFFF;
	text-align: left;
	padding-left: 4px;
	margin: 20px 0;
}
#tt-mobil {
	background: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#FFFFFF;
	text-align: left;
	padding-left: 4px;
	margin: 20px 0;
}
#tt-vente {
	background: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#FFFFFF;
	text-align: left;
	padding-left: 4px;
	margin-top: 20px;
}
#vente {
	background: #b6e3f7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #007CC3;
	text-align: left;
	margin:0;
	padding: 10px;
}
.infos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	text-align: left;
}
.dates {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	text-align: center;
}
.produit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	text-align: left;
	padding: 4px;
}
.dates-mh {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#ffffff;
	text-align: center;
}
.prix {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	text-align: center;
	padding: 4px;
}
.prix-promo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration:line-through;
	text-align: center;
	padding: 4px;
}
.promo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
.mentions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#007CC3;
	text-align: left;
	padding: 4px;
}
.produit-mh {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	text-align: center;
	padding: 4px;
}
.descriptif {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	padding-left: 4px;
	text-align: left;
	vertical-align: top;
}

/* FORMULAIRE */

INPUT { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
SELECT { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
TEXTAREA { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
.txterror { color: #66CCFF; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.txtnoform { color: #FFF; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.txtform { color: #66CCFF; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }