body {
font: 11px Verdana, Arial, sans-serif;
margin: 0px;
padding: 0px;
background-color: #96BE0D;
color: black;
}

a {
text-decoration: none;
}

#global {
position: relative;
width: 842px;
height:613px;
background: url(images/index-fond.gif) no-repeat;
margin-right: auto;
margin-left: auto;
margin-top: 30px;
}

#logo {
position: absolute;
top: 0px;
left: 28px;
width: 164px;
height:142px;
background: url(images/index-logo.jpg) no-repeat;
}

#fleur {
position: absolute;
top: 0px;
right: 0px;
width: 103px;
height:103px;
background: url(images/index-fleur.jpg) no-repeat;
}

#genie {
position: absolute;
top: 614px;
left: 768px;
width: 16px;
height:24px;
}

#fleche {
position: absolute;
top: 559px;
left: 708px;
width: 36px;
height:36px;
}

#contacter {
position: absolute;
top: 564px;
left: 90px;
width: 145px;
height:23px;
}

img {
border: 0px;
}

#echantillon {
position: absolute;
top: 385px;
left: 22px;
width: 137px;
height:138px;
background: url(images/index-echantillon.gif) no-repeat;
}

#txt1echantillon {
margin-top: 10px;
text-align: center;
font-size: 16px;
font-weight: bold;
font-family: Trebuchet MS;
color: #6B9100;
line-height: 16px;
}

#txt2echantillon {
position: relative;
margin: 0px;
padding: 0px;
bottom: 11px;
text-align: center;
font-size: 12px;
font-weight: bold;
font-family: Trebuchet MS;
color: #96BE0D;
line-height: 14px;
}

#txt2echantillon a {
color: #FF5F00;

}

#menu {
position: absolute;
top: 167px;
left: 236px;
width: 551px;
height:297px;
background: url(images/intro.jpg) no-repeat;
}

#texte {
position: absolute;
top: 167px;
left: 22px;
width: 192px;
height:215px;
}

#texte h1 {
padding: 0px;
margin: 0px;
color: #000000;
font-size: 18px;
font-weight: bold;
font-family: Trebuchet MS;
}

#texte p {
padding: 0px;
margin: 0px;
margin-top: 6px;
text-align: justify;
}