BODY { background:#FFF url(imgs/degrade.jpg) repeat-x top; margin:0; color:#6a6a6a; font:11px Arial, Helvetica, sans-serif; }
BODY.wide { overflow-x:hidden; }

TD { vertical-align:top; padding:0; }

.d-block { display:block; }
.f-left { float:left; }
.f-right { float:right; }

#page { background:#FFF; width:840px; padding:0 5px; margin:auto; position:relative; }

#page #ciel-gauche { position:absolute; left:-140px; top:0px; z-index:10; }
#page #ciel-droite { position:absolute; right:-140px; top:0px; z-index:10; }

#entete { color:#FFF; background:url(imgs/entete-fond.gif) repeat-x bottom; line-height:22px; height:22px; width:840px; margin:0 0 5px 0; }
#entete H1 { margin:0; padding:0; font-size:10px; }
#entete #langue { float:right; margin:3px 0; padding:0; white-space:nowrap; list-style:none; font-size:10px; line-height:14px; color:#FFF; }
#entete #langue LI { float:left; padding:0 10px; border-right:1px dashed #FFF; margin:0; text-align:center; }
#entete #langue LI.ss-bordure { border:0; }
#entete #langue A { color:#bad4eb; text-decoration:none; }
#entete #langue A:hover { text-decoration:underline; }


#menu-principal { width:840px; height:35px; font-weight:bold; font-size:12px;  }
#menu-principal TD { text-align:center; vertical-align:middle; padding:0 5px; }
#menu-principal A { color:#156fc3; display:block; border-bottom:3px solid; text-decoration:none; }
#menu-principal A.auvergne { border-color:#7c757d; }
#menu-principal A.polluants { border-color:#1f2964; }
#menu-principal A.reglementation { border-color:#96587d; }
#menu-principal A.mesures { border-color:#b40e0e; }
#menu-principal A.cartographie { border-color:#83932f; }
#menu-principal A.indices { border-color:#fe6f0e; }
#menu-principal A.pollens { border-color:#0f640e; }
#menu-principal A:hover { border-color:#156fc3; }

#contenu { width:840px; padding:5px 0; border-bottom:1px dashed #004a90; }
#contenu H2 { color:#92ac00; font-size:18px; font-weight:normal; min-height:40px; line-height:18px; margin:15px 0 0 0; padding:10px 0 0 30px; background: url(imgs/girafe-bleu.gif) no-repeat top left; border-bottom:2px solid #047fb5; clear:both; }
#contenu H3 { color:#047fb5; font-size:18px; font-weight:normal; min-height:20px; line-height:18px; margin:0 0 5px 0; padding:0 0 0 20px; background: url(imgs/fleche-bleu.gif) no-repeat top left; border-bottom:2px solid #047fb5; clear:both; }
#contenu H4 { color:#92ac00; font-size:11px; }
#contenu H5 { color:#047fb5; font-size:14px; text-align:center; margin:0 0 15px 0; }

#contenu #procedure { color:#FFF; background:url(imgs/procedure.gif) no-repeat bottom; margin:0 20px 0 15px; line-height:26px; padding:0 20px 4px 20px; font-size:12px; }
#contenu #procedure.active { background:url(imgs/procedure-active.gif) no-repeat bottom; }
#contenu #procedure STRONG { margin:0 0 0 10px; text-transform:uppercase; }
#contenu #menu-pictos { white-space:nowrap; line-height:45px; height:45px; list-style:none; color:#004b90; margin:15px 0 5px 30px; padding:0; font-size:14px; }
#contenu #menu-pictos A { color:#014d94; text-decoration:none; }
#contenu #menu-pictos A:hover { text-decoration:underline; }
#contenu #menu-pictos LI { float:left; padding:0; margin:0; min-width:180px; }
#contenu #menu-pictos IMG { border:0; vertical-align:middle; }
#contenu #indices-jour { color:#004b90; background: url(imgs/indices-degrade.jpg) no-repeat bottom; padding:15px 30px 30px 35px; min-height:65px; clear:both; font-weight:bold; }
#contenu #indices-jour TABLE { width:100%; }
#contenu #indices-jour TD { vertical-align:middle; height:27px; }
#contenu #indices-jour STRONG { background:url(imgs/indices-cartouche.png) no-repeat center; width:41px; height:17px; line-height:17px; padding:5px; text-align:center; display:block; color:#33cc00; } 
#contenu #indices-jour STRONG.orange { color:#ff9933; }
#contenu #indices-jour STRONG.rouge { color:#cc0000; }

#contenu #gauche, #contenu #droite.english { width:400px; padding:0; }
#contenu #gauche H2, #contenu #droite.english H2 { margin:15px 20px 0 15px; }
#contenu #gauche H3, #contenu #droite.english H3 { margin:0 20px 5px 15px; }
#contenu #gauche P, #contenu #droite.english P { margin:15px 20px 15px 15px; text-align:justify; }

#contenu #droite, #contenu #gauche.english { width:440px; position:relative; padding:0 0 115px 0; }
#contenu #droite #menu-secondaire { white-space:nowrap; line-height:25px; height:25px; list-style:none; color:#004b90; font-weight:bold; margin:0 0 20px 0; padding:0; }
#contenu #droite #menu-secondaire A { color:#004b90; text-decoration:none; }
#contenu #droite #menu-secondaire A:hover { text-decoration:underline; }
#contenu #droite #menu-secondaire LI { float:left; background: url(imgs/bouton-degrade.gif) repeat-x bottom; padding:0 20px; border-right:1px solid #FFF; margin:0; min-width:69px; text-align:center; }
#contenu #droite #logo { position:absolute; bottom:25px; right:0; }
#contenu #gauche.english #logo { position:absolute; bottom:25px; left:0; }
#contenu #droite A { color:#92ac00; }

#signature { font-size:10px; text-align:right; line-height:20px; }
#signature A { text-decoration:none; color:#92ac00; }
#signature A:hover { text-decoration:underline; }