* {
	margin: 0;
	padding: 0;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#headerBg {width: 100%; height: 280px; background: url(img/bg-gradient-top.jpg) repeat-x;}
#header {width: 960px; margin-left: auto; margin-right: auto;}
#logo {	padding: 50px 0; float: left;}
#navigationBg {	width: 100%; height: 40px; background: url(img/bg-nav.jpg) repeat-x; clear: both;}
#navigation {width: 960px; font: 14px/40px Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif; margin-left: auto; margin-right: auto;}
#GradientBg {width: 100%; background: #CCCCCC url(img/bg-gradient-central.jpg) repeat-x 0 top;}
#content {width: 960px; padding: 20px; background-color: white;
	display: table; clear: both; margin: 0 auto;}
#content-normal {padding: 20px;}
#content-ile {width: 960px; padding: 0; display: table; clear: both; margin: 0 auto; background: #959595 url(images/fd-nb-mer.jpg) no-repeat center bottom;}
#content-ciel {width: 960px; display: table; margin: 0 auto; background: #FFFFFF url(img/degrade-bleu-ciel.jpg) no-repeat center top;	padding: 0;}
#content-index {padding: 20px;}
#content-herbe {width: 960px; display: table; clear: both; margin: 0 auto; background: url(img/herbe-bordure.jpg) no-repeat center bottom;
	padding: 0 0 100px;
}
#footerBg {width: 100%; background-image: url(img/bg-gradient-bottom.jpg); background-color: #666666;}
#footer {width: 920px; padding: 20px; margin-left: auto; margin-right: auto; color: gray; font-size: 12px;}
#footer a{color: gray; font-size: 12px;}
#footer a:hover{color: silver; font-size: 12px;}

h1 {color: #005296; font: 22px "arial black"; margin: 0 0 10px;}
h2 {color: #b8210f; font: 18px "arial black"; margin: 0 0 10px;}
#content-ile h1 {color: #FFFFFF; font: 22px "arial black"; margin: 0 0 10px;}
#content-electric h1 {color: #FFFFFF; font: 22px "arial black"; margin: 0 0 10px;}
#content-herbe h1 {color: #FFFFFF;}

a:link {color: #09C; text-decoration: none;}
a:visited {text-decoration: none; color: #09F;}
a:hover {text-decoration: underline; color: #C00;}
a:active {text-decoration: none; color: #C00;}
.left {float: left;}
.right {float: right;}
.menu:link {text-align: left; padding: 0 20px;
	color: white;
	text-decoration: none;
	font-size: 14px;
	line-height: 40px;
}
.menu:hover {text-align: left; padding: 0 20px;
	color: #6fd8fd;
	text-decoration: underline;
	font-size: 14px;
	line-height: 40px;
}
.menu:visited {text-align: left; padding: 0 20px;
	color: white;
	text-decoration: none;
	font-size: 14px;
	line-height: 40px;
}
.menu:active {text-align: left; padding: 0 20px;
	color: #6fd8fd;
	text-decoration: underline;
	font-size: 14px;
	line-height: 40px;
	bottom: -15px;
}
.margeGaucheImg {margin: 0 0 10px 15px;}
.Listnone {
	list-style-image: none;
	list-style-type: none;
	line-height: 22px;
	margin: 0;
	padding: 0;
	font-size: 14px;
}
.BigText {font-size: 16px; padding: 5px;}
.prices{font-size: 22px; padding: 5px;}
.vtt {
	position: absolute;
	width: 300px;
	height: 302px;
	margin: 0;
	padding: 0;
	background: url(images/vtt.png) no-repeat right bottom;
	float: right;
	bottom: -200px;
}
.description {
	float: left;
	width: 440px;
	margin: 0 30px 0 0;
}
.clear {clear: both;}

.auto {margin-left: auto;  margin-right: auto;}
#content-electric {
	background: url(images/fd-velo-electrique.jpg) no-repeat 0 top;
	width: 920px;
	height: 475px;
	padding: 20px; background-color: white;
	display: table; clear: both; margin: 0 auto;
}
.electric {
	float: left;
	margin-left: 445px;
	margin-right: 225px;
	width: 250px;
	height: 290px;
	margin-top: 60px;
	display: inline;
}
.text-electric {
	clear: both;
	width: 730px;
	padding-left: 10px;
	float: left;
}
.fd-Airmail {background: url(images/postcard.jpg) no-repeat 0 top;
	width: 920px;
	height: 600px;
	clear: both;
}
.Airmail {
	padding: 120px 30px 30px;
}
.Airmail h2{color: #000000; font: 18px "arial black"; margin: 0 auto 10px; text-align: left;
}
.form {
	float: left;
	padding: 180px 0 0 30px;
}
.adress {
	float: right;
	width: 420px;
	text-align: center;
	margin-top: 250px;
	line-height: 40px;
	font-size: 16px;
	display: inline;
}
.formulaire {
	float: left;
}
.alert {
	background-color: orange;
	font: bold 12px Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
	padding: 10px;
	margin-bottom: 10px;
	width: 900px;
}
#bgTraces {
	background: url(img/traces.gif) repeat-y 0 top;
	width: 920px;
	padding: 20px;
	display: table; clear: both; margin: 0 auto;
}
.CelluleGrey {background-color: #DDDDDD; border: 1px solid white;
	padding: 4px;
}
.CelluleSilver {background-color: #F6F6F6;border: 1px solid white;
	padding: 4px;
}
#horaires {
	width: 315px;
	height: 290px;
	text-align: center;
	color: black;
	line-height: 25px;
	background: url(img/panneau-horaires.gif) no-repeat;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	margin-left: 50px;
}
#texteHoraires {padding-top: 140px;}
.margebateau {
	padding-right: 10px;
}
.style1 {
	font-size: 18px;
	color: #00FF00;
}
.style2 {font-size: 16px}