body {
  font-family:verdana;
  font-size:10px;
}



#conteneur {
 width:780px;
 height:560px;
 margin-left:auto;
 margin-right:auto;
 border:1px solid black;
}
#bandeau {
 width:780px;
 height:153px;
 background: url(/images/bandeau.jpg) no-repeat;
}
#lezard1 {
  width:230px;
  height:144px;
  background: url(/images/lezar.gif) no-repeat;
  z-index:2;
  position:absolute;
  margin-top:-70px;
  margin-left:10px;
}
#technichem {
  width:155px;
  height:79px;
  z-index:1;
  position:absolute;
  margin-top:27px;
  margin-left:200px;
}
#lezard2 {
  width:530px;
  height:332px;
  background: url(/images/lezardfond.jpg) no-repeat;
  z-index:0;
  position:absolute;
  margin-top:27px;
  margin-left:180px;
}
#actualites {
  width:320px;
  height:75px;
  z-index:10;
  position:absolute;
  margin-top:280px;
  margin-left:420px;
  font-size:10px;
  border:1px solid #aaa;
  background-color:#eee;
  padding:3px
}
#actualites a {
  color:#666;
  text-decoration:none;
}
#actualites a:hover {
  color:#999;
  text-decoration:none;
}
#texte {
  width:360px;
  height:290px;
  z-index:3;
  position:absolute;
  margin-top:120px;
  margin-left:20px;
  font-size:16px;
  text-align:justify;
  line-height:22px;
  font-weight:400;
}
#texte b {
  color:#24C0F2;
}
#texte span {
  color:#24C0F2;
  font-family:times;
  font-size:28px;
  font-weight:bold;
}
#menugauche {
  position:absolute;
  margin-left:480px;
  margin-top:50px;
  width:300px;
  text-align:right;
  font-weight:bold;
}
.a1, .a2, .a3, .a4, .a5, .a6 {
  margin-bottom:25px;
}
.a1 a {
  background: url(/images/link1.jpg) right no-repeat;
  color:#008CC3;
  font-size:16px;
  padding-right:30px;
  text-decoration:none;
}
.a1 a:hover {
  background: url(/images/linkon1.jpg) right no-repeat;
  color:darkblue;
  text-decoration:none;
  padding-right:30px;
  font-size:16px;
}
.a2 a {
  background: url(/images/link2.jpg) right no-repeat;
  color:#008CC3;
  font-size:16px;
  padding-right:30px;
  text-decoration:none;
}
.a2 a:hover {
  background: url(/images/linkon2.jpg) right no-repeat;
  color:darkblue;
  text-decoration:none;
  padding-right:30px;
  font-size:16px;
}
.a3 a {
  background: url(/images/link3.jpg) right no-repeat;
  color:#008CC3;
  font-size:16px;
  padding-right:30px;
  text-decoration:none;
}
.a3 a:hover {
  background: url(/images/linkon3.jpg) right no-repeat;
  color:darkblue;
  text-decoration:none;
  padding-right:30px;
  font-size:16px;
}
.a4 a {
  background: url(/images/link4.jpg) right no-repeat;
  color:#008CC3;
  font-size:16px;
  padding-right:30px;
  text-decoration:none;
}
.a4 a:hover {
  background: url(/images/linkon4.jpg) right no-repeat;
  color:darkblue;
  text-decoration:none;
  padding-right:30px;
  font-size:16px;
}
.a5 a {
  background: url(/images/link4.jpg) right no-repeat;
  color:#008CC3;
  font-size:16px;
  padding-right:30px;
  text-decoration:none;
}
.a5 a:hover {
  background: url(/images/linkon4.jpg) right no-repeat;
  color:darkblue;
  text-decoration:none;
  padding-right:30px;
  font-size:16px;
}
.a6 a {
  background: url(/images/link4.jpg) right no-repeat;
  color:#008CC3;
  font-size:16px;
  padding-right:30px;
  text-decoration:none;
}
.a6 a:hover {
  background: url(/images/linkon4.jpg) right no-repeat;
  color:darkblue;
  text-decoration:none;
  padding-right:30px;
  font-size:16px;
}


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