body {
  font-family:verdana;
}



#conteneur {
 width:780px;
 height:560px;
 margin-left:auto;
 margin-right:auto;
 border:1px solid black;
}
.image1 {
  position:absolute;
  margin-top:80px;
  margin-left:133px;
  width:253px;
  z-index:3;
}
.image2 {
  position:absolute;
  margin-top:234px;
  margin-left:15px;
  width:271px;
  z-index:2;
}
.image3 {
  position:absolute;
  margin-top:105px;
  margin-left:20px;
  width:366px;
  background: url(/images/int/cercle1.gif) no-repeat;
  z-index:1;
  height:304px;
}
#texte1 {
  position:absolute;
  margin-top:80px;
  margin-left:401px;
  width:390px;
  z-index:10;
  font-size:12px;
  line-height:26px;
  color:gray;
}
#texte1 span {
  color:#24C0F2;
  font-family:Verdana;
  font-size:28px;
  font-weight:bold;
}
#texte2{
  position:absolute;
  margin-top:428px;
  margin-left:15px;
  width:390px;
  z-index:10;
  font-size:12px;
  color:gray;
}
#titre {
  position:absolute;
  margin-top:4px;
  font-size:38px;
  font-weight:bold;
  z-index:15;
  color:#29418E;
  background-color:white;
  text-align:center;
}
#line {
  width:584px;
  position:absolute;
  margin-top:28px;
  margin-left:0;
  z-index:2;
  background: url(/images/int/trait.gif) no-repeat;
}
#fond {
  position:absolute;
  z-index:1;
  background: url(/images/int/fond.jpg) no-repeat;
  width:378px;
  height:518px;
  margin-left:402px;
  margin-top:0;
}
#trait {
  position:absolute;
  z-index:2;
  background: url(/images/int/bande_multicolore.jpg) no-repeat;
  width:780px;
  height:18px;
  margin-left:0px;
  margin-top:516px;
}
#lezard1 {
  width:230px;
  height:144px;
  background: url(/images/int/lezar.gif) no-repeat;
  z-index:8;
  position:absolute;
  margin-top:490px;
  margin-left:20px;
}

#menugauche {
  position:absolute;
  margin-left:480px;
  margin-top:200px;
  width:300px;
  text-align:right;
  font-weight:bold;
  z-index:10;
}
.a1, .a2, .a3, .a4, .a5, .a6 {
  margin-bottom:25px;
}
.a1 a {
  background: url(/images/int/link1.gif) right no-repeat;
  color:white;
  font-size:16px;
  padding-right:30px;
  text-decoration:none;
  font-weight:bold;
}
.a1 a:hover {
  background: url(/images/int/linkon1.gif) right no-repeat;
  color:#ccc;
  text-decoration:none;
  padding-right:30px;
  font-size:16px;
  font-weight:bold;
}
.a2 a {
  background: url(/images/int/link2.gif) right no-repeat;
  color:white;
  font-size:16px;
  padding-right:30px;
  text-decoration:none;
}
.a2 a:hover {
  background: url(/images/int/linkon2.gif) right no-repeat;
  color:#ccc;
  text-decoration:none;
  padding-right:30px;
  font-size:16px;
}
.a3 a {
  background: url(/images/int/link3.gif) right no-repeat;
  color:white;
  font-size:16px;
  padding-right:30px;
  text-decoration:none;
}
.a3 a:hover {
  background: url(/images/int/linkon3.gif) right no-repeat;
  color:#ccc;
  text-decoration:none;
  padding-right:30px;
  font-size:16px;
}
.a4 a {
  background: url(/images/int/link4.gif) right no-repeat;
  color:white;
  font-size:16px;
  padding-right:30px;
  text-decoration:none;
}
.a4 a:hover {
  background: url(/images/int/linkon4.gif) right no-repeat;
  color:#ccc;
  text-decoration:none;
  padding-right:30px;
  font-size:16px;
}
.a5 a {
  background: url(/images/int/link4.gif) right no-repeat;
  color:white;
  font-size:16px;
  padding-right:30px;
  text-decoration:none;
}
.a5 a:hover {
  background: url(/images/int/linkon4.gif) right no-repeat;
  color:#ccc;
  text-decoration:none;
  padding-right:30px;
  font-size:16px;
}
.a6 a {
  background: url(/images/int/link4.gif) right no-repeat;
  color:white;
  font-size:16px;
  padding-right:30px;
  text-decoration:none;
}
.a6 a:hover {
  background: url(/images/int/linkon4.gif) right no-repeat;
  color:#ccc;
  text-decoration:none;
  padding-right:30px;
  font-size:16px;
}


#menubas {
  margin-left:275px;
  margin-top:537px;
  width:500px;
  font-size:12px;
  font-weight:bold;
  position:absolute;
  z-index:5;
  text-align:right;
}
#menubas a {
  color:#666;
  text-decoration:none;
}
#menubas a:hover {
  color:#999;
  text-decoration:none;
}