/* CSS Document */

body, p, h3, h4, .date, ul, li {
	border: 0;
	margin: 0;
	padding: 0;
}

body {
	background: #85B2D3 url(../img/fond.gif) repeat-x;
	font-family: "Verdana";
	font-size: 12px;
}

p, h3, h4, .date, ul, li {
	font-family: "Verdana";
}

p {
	font-size: 12px;
	color: #000;
}

h3 {
	font-size: 12px;
	font-variant: small-caps;
	color: #999999;
}

h4 {
	font-size: 12px;
	font-weight: bold;
}
#content {
	margin: 8px auto auto auto;
	width: 945px;
}

#fd_top {
	background-image: url(../img/fd_top.gif);
	display: block;
	height: 28px;
}

#fd_middle {
	background-image: url(../img/fd_middle.gif);
	display: block;
}

#fd_bottom {
	background-image: url(../img/fd_bottom.gif);
	display: block;
	height: 34px;
}

#centrer {
	margin: 0 34px;
	width: 881px;
}

/* bandeau partie drapeaux */
ul.nav {
	font-size: 11px;
	padding: 10px 0 0 5px;
	list-style-type: none;
}

ul.nav li {
	margin: 7px 0;
	padding-left: 15px;
	margin-bottom:8px;
}

ul.nav li a:link,
ul.nav li a:visited {
	color: #6F599B;
	text-decoration: none;
	padding-left: 30px;
}

ul.nav li a:active,
ul.nav li a:hover {
	color: #EA0F00;
	text-decoration: none;
	padding-left: 30px;
}

ul.nav li a.flagen {
	background: url(../img/flag-en.jpg) no-repeat bottom left;
}
ul.nav li a.flagd {
	background: url(../img/flag-d.jpg) no-repeat bottom left;
}
ul.nav li a.flagfr {
	background: url(../img/flag-fr.jpg) no-repeat bottom left;
}
ul.nav li a.flages {
	background: url(../img/flag-es.jpg) no-repeat bottom left;
}
ul.nav li a.flagit {
	background: url(../img/flag-it.jpg) no-repeat bottom left;
}
ul.nav li a.flagus {
	background: url(../img/flag-us.gif) no-repeat bottom left;
}
/* style menu */
#bandeau {
	float: left;
	display: inline;
}

#langues {
	background-color: #BAD3E5;
	display: inline;
	float: left;
	height: 176px;
	width: 125px;
}

/* contenu page */

#contenu {
	background-color: #fff;
	width: 873px;
}

td#contenu_texte {
	padding: 15px 45px 0px 45px;
	vertical-align: top;
}

/* colonne gauche */
td#colonne_gauche  {
	background: #EFF5F9 url(../img/fd_colonne.gif) repeat-x bottom;
	vertical-align: top;
	width: 189px;
}

#colonne_gauche ul.menu {
	font-size: 12px;
	font-weight: bold;	
	list-style-type: none;	
}

#colonne_gauche ul.menu li,
#colonne_gauche ul.menu li a {
	padding:0;
	display:block;
	margin: 15px 5px;
	padding: 1px 6px;
	text-decoration:none;
}

#colonne_gauche ul.menu li.menu-off {	
	background-color: #fff;
}
#colonne_gauche ul.menu li.menu-on {
	background-color: #FE1A00;	
}

#colonne_gauche ul.menu li.menu-off a {
	color: #000;
}
#colonne_gauche ul.menu li.menu-on a {
	color: #fff;
}

#colonne_gauche div#contact {
	font-size: 10px;
	margin-left:6px;
	margin-top:80px;
}
#colonne_gauche div#contact a {
	color:#000;
}

/* partie contenu de page texte */
div#message-important {
	background: url(../img/fd-important.gif) repeat-x left;
	height: 47px;
	width: 873px;
}
div#message-important h1 {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding-top: 15px;
	margin:0;
	text-align: center;
}

#contenu_texte p {
	margin: 20px 0 5px 0;
	text-align: justify;
}

#contenu_texte img {
	display: inline;
	float: left;
	margin: 10px 20px 0 0;
}

#contenu_texte p.texteadroite {
	display: inline;
	float: right;
	width: 520px;
}

h2 {
	border-bottom: 1px solid;
	font-size: 17px;
	color: #000;
	margin: 0 0 15px 0;
}
div#searchby {
	display:block;
	margin:5px 0;
}
table.stations {
	border: 3px solid #D7E7F1;
	background-color: #EFF5F9;
	width: 100%;
}

tr.tetetableau {
	background-color: #D7E7F1;
	color: #000;
	font-size: 13px;
}
tr.tetetableau td {
	border-bottom: 1px solid #000;
}
tr.donneestableau {
	background-color: #fff;
	font-size: 11px;
}
tr.donneestableau td a {
	color: #542D80;
}
div#photos {
	display: block;
	width: 100%;
}

#photos img {
	border: 2px solid #FCF41C;
	margin: 10px 12px;
}

#contenu_texte ul {
	border-top: 5px solid #E2EDF4;
	font-size: 12px;
	list-style-type: disc;
	margin: 10px 0;
	padding: 10px 15px;
}

#contenu_texte ul li {
	padding-left: 0px;
}

ul.serial li {
	margin-left: 10px;
	margin-bottom: 10px;
}

/* Pop up */
body#popup {
	margin:10px;
	background-color:transparent;
}
table#infostation {
	border: 3px solid #D7E7F1;
	background-color: #EFF5F9;
	width: 100%;
}
table#infostation tr td {
	padding:5px 1px;
	font-size: 11px;
	background-color: #fff;	
	border-bottom: 1px solid #EFF5F9;
}
table#infostation tr td a {
	color: #000;
}
div#tool {
	float:right;
	color:#542D80;
	margin-top:10px;
}
div#tool a {
	color: #542D80;
	text-decoration:none;
}
/*mise en forme du formulaire */
form#helpus, form#contact {	
	margin: 10px 0;
	padding: 10px 0;
	border-top: 5px solid #E2EDF4;
}
form#helpus fieldset, form#contact fieldset {
	padding:10px;
	border:1px solid #85B2D3;
}
form#helpus fieldset p, form#contact fieldset p {
	margin:0;
	margin-bottom:.5em;
}
form#helpus legend, form#contact legend {
	padding:0 10px;
	margin-bottom:5px;
	font-size: 13px;
	font-weight:bold;
}
label {
	display: inline;
	float: left;
	font-size: 11px;
	width:160px;
}
label.ok {
	color: #121212;
}
label.nok {
	color: red;
}
input, select, textarea {
	border: 1px solid #92BAD3;
	color: #542D80;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*margin-bottom: 6px;*/
	padding: 1px 2px;
}
input, select {
	width:200px;
}
input.bouton {
	margin-top: 1em;
}
input.bouton:hover {
	background-color: #92BAD3;
}
select {
	padding: 0;
}
div.space {
	clear: both;
	font-size: 1px;
	visibility: hidden;
}