/**************
Elements de base
***************/
html {
	margin: 0px;
	padding: 0px;
}
	
body {
	background-color: #ffffff;
	width: 100%;
	min-width: 1000px;
	text-align: center;
	margin: 0px;
	padding: 0px;

}

a{
	color: #034787;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img{ /* Image qui sera survolée */
	border:none; /* retire le bord du au lien sur l'image */
	padding: 1px 1px 1px 1px;
}

.avertissement {
color: #ff0000 ; 
}

/*************
Fiche Observateur
***************/
#headobs {
	background-color:#08345D;
	color: #FEFCF5;
	font: 18pt Arial;
	height: 26px;
}

#corpobs{
	width: 800px; 
	margin: 0px auto;
}

#tableobs{
 	float: left;
	width: 330px;  
	padding-top: 10px;
}

div.row {
 	clear: both;
	 padding-top: 5px;
}

div.row span.label {
 	float: left;
 	width: 110px;
 	text-align: right;
}

div.row span.info {
	float: left;
 	width: 200px;
 	text-align: left;
	padding-left: 5px;
}

 #map {
 	float: left;
	width: 450px;
	height: 320px;
	padding-top: 10px;
}

/*************
Les Tableaux
***************/

table#meteore {
	font: Arial; 
	font-weight: normal;
    text-align: center;
    background-color:#FFFFFF;
	width: 100%;
	border-spacing: 1px; /* sous firefox espace entre les cellules au choix en nombre pixel */
	border-collapse: separate; /* sous IE pour que les cellule soit espacée mais pas le choix d'espacement */
}

table#meteore th {
	padding: 0px;
	background-color:#08345D;
	color: #FEFCF5;
}

table#meteore td {
	padding: 0px;
}

.lngimpaire {
    background-color: #9CB5CD;
}

.lngpaire {
    background-color: #BFBFBF;
}

.celmultidetect {
    text-align: center;
    background-color: #CCCCCC;
}


/*************
Entete
***************/
#entete {
	position: relative;
	border: 0px solid #DDDDDD;
	height: 200px;
	padding-left: 175px;
	padding-right: 175px;
}

#hautgauche {
	position: absolute;
	border: 0px solid #DDDDDD;
	overflow: hidden;
	top: 0px;
	left: 0px;
	width: 175px;
	height: 200px;
}

#hautdroit {
	position: absolute;
	border: 0px solid #DDDDDD;
	top: 0px;
	right: 0px;
	width: 175px;
	height: 200px;
}

#titre {
	position: relative;
	border: 0px solid #DDDDDD;
	color: black;
	text-align: center;
	font-size: 24pt; 
	font-weight: bold;
	height: 44px;
}

#centrale {
	position: relative;
	border: 0px solid #DDDDDD;
	overflow: hidden;
	font: 10pt Arial;
	color: black;
	height: 140px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
}

.conteneur { /* pour centrer les quatre div flotante de recherche */

	border: 0px solid #DDDDDD;
	margin-left: auto;
	margin-right: auto;
	width: 650px;
}

/*************
Formulaire
***************/
.search {
	border: 0px solid #DDDDDD;
	float:left;
	line-height:23px;
}

.checklist {
    border: 1px solid #7f9db9;
    text-align: left;
    list-style: none;
    height: 79px;
    overflow: auto;
	float:left;
}

.checklist, .checklist li { margin: 0; padding: 0; }

.checklist label {
    display: block;
    padding-left: 25px;
    text-indent: -25px;
}

.checklist label:hover { background: #316ac5; color: #fff; }

select {
	margin-top: 2px;
	}

.bouton {
	margin-top: 4px;
	}