* { margin:0; padding:0; }
body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
  width: 100%;
  height: 100%;
  text-align: center; /* necessaire pour que IE6 centre correctement */
}

#header {
  width: 953px;
  height: 60px;
  position: absolute;
  top: 3px;
  left: 2px;
}

#header #zonelogo {
  display: block;
  position: absolute;
  top:0px;
  left:2px;
  width: 175px;
  height: 64px;
  background-image:url('../img/logo_v1.png');
}

#beta_version {
  position:absolute;
  font-size:12px;
  font-weight:bold;
  color:#860C1A;
  margin-top:47px;
  margin-left:144px;
  z-index:1;
}

/* --- positions et tailles des boites --- */
#fond_home { 
  position: absolute;
  width: 960px;
  height: 600px;
}
#container { 
  position: relative;
  width: 960px;
  height: 600px;
  text-align: left; /* necessaire pour que IE6 centre correctement */
  margin: auto;
}
#zonegraphique-ciel {
  position: absolute;
  left: 8px;
  top: 100px;
  width:602px;
  height:352px;
}
#zonegraphique-nuage {
  position: absolute;
  left: 11px;
  top: 200px;
  width:605px;
  height:353px;
}
#zonegraphique-pluieneige {
  position: absolute;
  left: 11px;
  top: 88px;
  width:605px;
  height:465px;
}



#micropoliaComplet {
  position: absolute;
  left: 50px;
  top: 300px;
  height: 88px;
  z-index:400;
}
#micropoliaComplet img{
  position: relative;
  left: 98px;
  top: 20px;
  width:108;
  height:67;
}
#presentation {
  position: absolute;
  width: 258px;
  height: 120px;
  top: 105px;
  left: 652px;
}
#actualite {
  position: absolute;
  width: 258px;
  height: 88px;
  top: 262px;
  left: 652px;
}
#telechargement {
  position: absolute;
  width: 258px;
  height: 100px;
  top: 378px;
  left: 652px;
}
#partenaire {
  position: absolute;
  width: 258px;
  height: 100px;
  top: 378px;
  left: 652px;
}
#pubCD {
  position:absolute;
  top:10px;
  right:7px;
  border:0px;
}
#authentification {
  position: absolute;
  width: 218px;
  height: 93px;
  top: 488px;
  left: 674px;
}
#login {
  position: absolute;
  width: 117px;
  height: 20px;
  top: 10px;
  left: 90px;
}
#password {
  position: absolute;
  width: 117px;
  height: 20px;
  top: 37px;
  left: 90px;
}
#email {
  position: absolute;
  width: 117px;
  height: 20px;
  top: 10px;
  left: 90px;
}
#submit {
  display: block;
  position: absolute;
  top: 56px;
  left: 85px;
}
#mdpoublie {
  display:block;
  position:absolute;
  top:82px;
  left:55px;
  width:140px;
  height:15px;
  background-color:#FFC702;
}
#mdpoublieimg {
  position:absolute;
  top:82px;
  left:56px;
  border:0px;
  width:128px;
  height:16px;
  margin-left:29px;
  z-index: 500;
}
#mdpoubliefond {
  display:block;
  position:absolute;
  top:30px;
  left:10px;
  width:200px;
  height:65px;
  background-color:#FFC702;
  border:0px solid black;
}
#accueil {
  display: block;
  position: absolute;
  top: 78px;
  left: 50px;
  width: 145px;
  height: 17px;
}
#retouraccueil {
  display: block;
  position: absolute;
  top: 65px;
  left: 86px;
}
#retouraccueilimg {
  border:0px;
  width: 126px;
  height: 28px;
}
#inscription {
  display: block;
  position: absolute;
  top: 310px;
  left: 60px;
  width: 180px;
  height: 70px;
}
#visite-guidee {
  display: block;
  position: absolute;
  top: 390px;
  left: 60px;
  width: 170px;
  height: 40px;
}

/* --- couleurs et decorations des boites --- */
body {
  background-color: #ffc602;
}
#container { 
}
#presentation, #actualite, #telechargement, #authentification {
  color: #c92a2f;
  padding: 2px;
  text-align: center;
  font-size: 12px;
}

#img_login {
  position:absolute;
  top:9px;
  left:22px;
  width:61px;
  height:21px;
  background-image:url('../img/home/login.jpg');
}
#login {
  background-color: transparent; /* does not work on Konqueror/Safari */
  background-color: #e45e00;
  border: none;
  font-weight: bold;
  font-size: 15px;
  color: #FFF;
  text-align: center;
}

#img_mail {
  position:absolute;
  top:35px;
  left:22px;
  width:61px;
  height:21px;
  background-image:url('../img/home/email.jpg');
}
#mail {
  background-color: transparent; /* does not work on Konqueror/Safari */
  background-color: #e45e00;
  border: none;
  position:absolute;
  top:36px;
  left:89px;
  width:118px;
  height:22px;
  font-weight: bold;
  font-size: 15px;
  color: #FFF;
  text-align: center;
  border-top:1px solid black;
  border-left:1px solid black;
}

#retour_accueil {
  position:absolute;
  width:74px;
  height:26px;
  top:66px;
  left:10px;
  border:0px;
}


#password {
  background-color: transparent; /* does not work on Konqueror/Safari */
  background-color: #e45e00;
  border: none;
  color: #FFF;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
}
#email {
  background-color: transparent; /* does not work on Konqueror/Safari */
  background-color: #e45e00;
  border: none;
  font-weight: bold;
  font-size: 15px;
  color: #FFF;
  text-align: center;
}
#mdp-oublie span {
  display: none;
}

#submit {
  background-color: transparent;
  border: none;
}
#submitmdp {
  display: block;
  position: absolute;
  top: 35px;
  left: 112px;
  background-color: transparent;
  border: none;
}

/*
#container div { border: 1px solid red; }
#container a { border: 1px solid red; }
#container input { border: 1px solid blue; }
*/

#erreur_auth
{
  position:absolute;
  top:485px;
  left:12px;
  width:594px;
  height:66px;
  color:#AA0000;
  background-color:#fcbc05;
  text-align:center;
  font-weight:bold;
  font-size:14px;
  line-height:28px;
}

#action_errors
{
  position:absolute;
  top:510px;
  left:18px;
  width:580px;
  height:34px;
  color:#8e0a03;
  border:1px solid #000000;
  background-color:#e45e00;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  padding-top:1px;
}
 
.imgBoutonG
{
  height:25px;
  width:15px;
  border:0px;
  font-weight:bold;
}

.imgBoutonD
{
  height:25px;
  width:15px;
  border:0px;
  font-weight:bold;
}

.imgBoutonCentre
{
  float:left;
  background-image: url('../img/icones/bouton/centre.gif');
  color: #EA6618;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
}

.imgBoutonCentreOn
{
  height:25px;
  float:left;
  background-image: url('../img/icones/bouton/centre-on.gif');
  color:#FDD079;
  font-weight:bold;
  line-height: 25px;
}
.boutonColorText
{
  color:#EA6618;
}
.boutonColorTextOn
{
  color:#FDD079;
}
a
{
  text-decoration:none;
}

#partenaires_bas 
{
  position:absolute;
  top:610px;
  left:0px;
  width:100%;
  text-align:center;
  color:#AA0000;
  font-size:12px;
  font-weight:bold;
}

#partenaires_bas a 
{
  color:#005500;
  text-decoration:none;
}

#partenaires_bas a:hover
{
  color:#008800;
  text-decoration:underline;
}
#zoneInscrits
{
  background-image: url('../img/home/zone_infos_membres.png');
  width: 246px;
  height: 22px;
  position:absolute;
  left:22px;
  bottom:10px;
  color: #FFC600;
  font-weight: bold;
  font-size:14px;
  font-variant:small-caps;
  text-align:center;
  padding-left:2px;
  padding-right:2px;
  padding-top:7px;
}
#zoneInscrits span
{
  color:#FF9003;
}

#zoneConnectes
{
  background-image: url('../img/home/zone_infos_membres.png');
  width: 246px;
  height: 22px;
  position:absolute;
  left:285px;
  bottom:10px;
  color: #FFC600;
  font-weight: bold;
  font-size:14px;
  font-variant:small-caps;
  text-align:center;
  padding-left:2px;
  padding-right:2px;
  padding-top:7px;
}

#zoneConnectes span
{
  color:#FF9003;
}

#lienClassement {
  position:absolute;
  left:545px;
  top:544px;
}
#lienClassement img { 
    border: none; 
}

#containerconfriminscr
{
  margin:auto;
  font-size:20;
  color:#9B0302;
  width:100%;
  height:100%;
  border:2px solid green;
  padding-top:50px;
}
.boutonmaxilarge
{
  font-size: 30;
  color:#005500;
}
#msg
{
  padding:10px;
  width:400px;
  border:1px solid #9B0302;
  margin:auto;
}