body {
font-family: "Trebuchet MS", Georgia, Geneva, Lucida, Verdana, Futura, Comic Sans MS, Century , Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-smooth: always;
color: #3C3C3C;
margin: 0;
padding: 0;
background-color:#FFFFFF;
text-align: left;
background: url(images/fond.png) top center repeat-y;
}

#bandeau {
margin:0px auto;
width: 770px;
height: 200px;
background-color:#FFFFFF;
border: solid 1px #FFFFFF;
}

#bdgauche{
clear:both;
float:left;
margin-top: 50px;
margin-left: 5px;
width: 280px;
height: 150px;
background: url(images/bdgauche.gif) top left no-repeat;
}

#bddroite{
font-size: 14px;
margin-top: 40px;
margin-left: 300px;
height: 150px;
width: 280px;
}

#sousmenu {
clear:both;
margin:0px auto;
width: 770px;
background-color:#FFFFFF;
border: solid 1px #FFFFFF;
}

#sousmenu img {
width: 75px;
height: 75px;
margin: 5px 5px 5px 5px;
}

#contenu {
clear:both;
margin:0px auto;
width: 770px;
background-color:#FFFFFF;
border: solid 1px #FFFFFF;
}

#contenu img {
margin: 5px 0 5px 0;
}

h1 {
font-size: 18px;
color: #3C3C3C;
margin: 5px 5px 5px 5px;
}

p {
margin: 5px 5px 5px 5px;
}

ul{
  position:relative;
  list-style:none;
  padding: 0px;
  margin: 0px;
  width:280px;
  height:139px;
  background: url(images/bddroite.gif) no-repeat left top;
}

ul a {
  position:absolute;
  display:block;
  left:0px;
  height:12px;
  text-decoration:none;
  font: 13px "Trebuchet MS", Georgia, Geneva, Lucida, Verdana, Futura, Comic Sans MS, Verdana,Arial,Helvetica,sans-serif;
  color:#3C3C3C;
  z-index:2;
  font-weight: bold;
}

ul a:hover{
  color:#6756BC;
}

#lien1 {
  top: 0px;
  padding-left: 40px;
}

#lien2 {
  top: 20px;
  padding-left: 54px;
}

#lien3 {
  top: 40px;
  padding-left: 65px;
}

#lien4{
  top: 60px;
  padding-left: 71px;
}

#lien5 {
  top: 80px;
  padding-left: 69px;
}

#lien6 {
  top: 100px;
  padding-left: 67px;
}

#lien7 {
  top: 120px;
  padding-left: 57px;
}