div { font-family: "Trebuchet MS", Monospace; font-size: 9pt; text-align: center; }

div#entete { background-image: url('img/nuages2.jpg'); height: 50px; text-align: left; border-bottom: 10px solid rgb(237, 185, 50);}

div#haut { background-color: rgb(22, 123, 179); height: 15px; }
div#menu1 { background-color: rgb(22, 123, 179); height: 60px; width: 20%; float: left;}
div#menu2 { background-color: rgb(22, 123, 179); height: 60px; width: 40%; float: left;}
div#menu3 { background-color: rgb(22, 123, 179); height: 60px; width: 40%; float: left;}

div#contenu { background-color: #ffffff; }
div#cadre-meteo { background-color: #ffffff; width: 49%; float: left;}
div#cadre-chimie { background-color: #ffffff; width: 49%; float: left;}
div#cadre-chimie-surveillance { background-color: #ffffff;}
div#piedpage { background-color: rgb(255, 255, 255); border-top: 10px solid rgb(255, 255, 255);}

div#logo { position: absolute; top: 5px; left: 50%; height: 40px;}

div#cadre-meteo-v3 { background-color: #ffffff; width: 100% }
div#cadre-chimie-v3 { background-color: #ffffff; width: 100% }

div#sim1 { width: 48%; float: left; text-align: right; background-color: #ffffff; }
div#sim2 { width: 48%; float: left; text-align: left; background-color: #ffffff; }
div#sim3 { width: 48%; float: left; text-align: right; background-color: #ffffff; }
div#sim4 { width: 48%; float: left; text-align: left; background-color: #ffffff; }
div#esp { width: 4%; float: left;}

input, select { font-family: "Trebuchet MS", Monospace; font-size: 8pt; border: 1px solid rgb(255, 255, 255); background-color: rgb(255, 255, 255);}
p { margin: 0px; margin-bottom: 10px; padding-left: 5px; }
p.txt { color: #ffffff;}
p.avertis { margin: auto; width: 75% }

p#loading { font-size: 20pt; }

.important { color: #ff0000; font-weight: bold; }
.gauche { width: 30%; float: left; text-align: right; padding: 0px; margin: 0px;}
.droite { width: 70%; float: left; text-align: left; padding: 0px; margin: 0px;}

body, table { margin: 0px; cursor: default; overflow-x: hidden; overflow-y: scroll;}

table.entete { font-size: 15pt; color: rgb(255, 255, 255); font-weight: bold; }
td.choix { font-family: "Trebuchet MS", Monospace; font-size: 9pt; }

img.lien {cursor: pointer;}
img.simulation { margin: 25px; }

h1 { font-size: 15pt; color: rgb(255, 255, 255); margin: 0px; padding: 10px 0px 0px 20px;}
h2 { font-size: 20pt; padding: 10px;}

.h2 { font-size: 20pt; }

a {color: #167bb3; text-decoration: none;}
a:hover {color: #ff0000; text-decoration: underline;}
a:visited {color: #167bb3; text-decoration: none;}
a:visited:hover {color: #ff0000; text-decoration: underline;}

a.lh1 {color: white; text-decoration: none;}

a img {border : none;}

.infobulle { font-size: 8pt; position: absolute; visibility : hidden; border: 1px solid Black; padding: 5px 10px 5px 10px; background-color: #ffffcc; width: 200px; text-align: center; z-index: 100;}


/* code couleur AtmoPACA
Bleu foncé : rgb(22, 123, 179)
Bleu clair : rgb(57, 180, 225)
Orange foncé : rgb(226, 109, 27)
Orange clair: rgb(237, 185, 50)
*/