/*¤¤¤¤¤¤¤¤¤¤¤ GLOBAL ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
body{
  margin: 0;
  padding: 0;
  background: #ffffff;
}
a,
a:link, 
a:active,
a:visited,
a:hover{
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000099;
  text-decoration: underline;
}
object{float: right;}
img{border: none;}
/*¤¤¤¤¤¤¤¤¤¤¤ ARCHITECTURE ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
#container{
  margin: 0;
  padding: 0;
  width: 800px;
  background: #ffffff;
}
/* ------ LEFT ----- */
#left{
  margin: 0;
  padding: 0;
  width: 154px;
  float: left;
}
#logo{
  margin: 0;
  padding: 0;
  width: 154px;
  height: 96px;
}
#logo span{
  position: absolute;
  width: 253px;
  height: 96px;
}
#pack{
  margin: 0;
  padding: 0;
  width: 154px;
  height: 138px;
  background: transparent url(packbg.gif) no-repeat 0 0;
  text-transform: uppercase;
  text-align: center;
}
#pack a,
#pack a:link, 
#pack a:active,
#pack a:visited{
  display: block;
  text-decoration: none;
  color: #FFCC00;
  font: 11px/11px Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight: bold;
  padding-top: 100px;
  /* Hack IE 5 */
  width: 130px;
  voice-family: "\"}\"";
  voice-family: inherit;
  /* ********* */
  width: 154px;
}
#pack a:hover{
  color: #FFFFFF;
}
#menu{
  margin: 0;
  padding: 0;
  width: 154px;
  height: 354px;
  background: transparent url(menubg.png) no-repeat 0 0;
}
#menu ul{
  margin: 0;
  padding: 0 0 0 51px;
  list-style-type: none;
  height: 308px;
  float: left;
  text-transform: uppercase;
}
#menu ul #camionnette{display: block;list-style-type: none;float: left;margin: 9px 0;height: 44px;}
#menu ul #reduction{display: block;float: left;margin: -10px 0;height: 44px;}
#menu ul #budget{display: block;float: left;margin: 9px 0;height: 44px;}
#menu ul #demarches{display: block;float: left;margin: -9px 0;height: 44px;}
#menu ul #malin{display: block;float: left;margin: 16px 0;height: 44px;}
#menu ul #jeux{display: block;float: left;margin: -16px 0;height: 44px;}
#menu ul #amis{
  display: block;
  float: left;
  width: 60px;
  /* Hack IE 5 */
  height: 25px;
  margin: 6px 0;
  voice-family: "\"}\"";
  voice-family: inherit;
  /* ********* */
  height: 35px;
  margin: 9px 0;
}
#menu a,
#menu a:link, 
#menu a:active,
#menu a:visited{
  display: block;
  font: 11px/16px Geneva, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}
#menu a:hover{
  color: #FFCC00;
}
#listemag{
  margin: 0;
  padding: 0;
  text-align: center;
  height: 46px;
  clear: both;
  background: transparent url(listemagbg.png) no-repeat 0 0;
  text-transform: uppercase;
}
#listemaglink{
  position: absolute;
  top: 545px;
  left: 40px;
  width: 70px;
  height: 30px;
}
#listemaglink a,
#listemaglink a:link,
#listemaglink a:active,
#listemaglink a:visited,
#listemaglink a:hover{
  display: block;
  width: 100%;
  height: 100%;
}

/* ------ RIGHT ----- */
#right{
  margin: 0;
  padding: 0;
  width: 646px;
  float: left;
}
#backhome{
  position: absolute;
  top: 540px;
  left: 745px;
  width: 53px;
  height: 46px;
}
#backhome a,
#backhome a:link,
#backhome a:active,
#backhome a:visited,
#backhome a:hover{
  display: block;
  width: 100%;
  height: 100%;
}
/* ------ FOOTER ----- */
#footer{
  position: relative;
  clear: left;
  margin-top: -1px;
  padding: 0;
  width: 800px;
  background-color: #FFFFFF;
  text-align: center;
  font: 9px Verdana, Helvetica, sans-serif, Arial;
  color: #000099;
  border-top: solid 1px #002c70;
}
#footer ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#footer ul li{
  margin: 0;
  padding: 0;
  display: inline;
}
#footer a,
#footer a:link, 
#footer a:active,
#footer a:visited{
  font: 9px Verdana, Helvetica, sans-serif, Arial;
  color: #000099;
  text-decoration: none;
}
#footer a:hover{
  color: #CC3300;
}
/*¤¤¤¤¤¤¤¤¤¤¤ CLASS ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
.maglink{
  width: 140px;
  float: left;
  margin: 0;
  padding: 31px 0 0 8px;
}