body {
font-family : verdana, Helvetica, sans-serif;
margin : 0;
padding : 0;
background-color : #339966;
}
#contenant {
margin : 0 auto;
padding : 0;
width : 980px;
position : relative;
top : 20px;
height : 1010px;
background-color : #339966;
}
#banniere {
position : relative;
left : 5px;
top : 10px;
width : 970px;
height : 130px;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 13px;
background:url(../images/banniere.jpg);
}

#adsbanniere {
position : relative;
left : 470px;
top : -110px;
width : 500px;
height : 70px;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 13px;
}

#adsrecherche {
position : relative;
left : 470px;
top : -100px;
width : 400px;
height : 30px;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 13px;
}

#sommaire {
height : 770px;
width : 150px;
position : absolute;
top : 150px;
left : 2px;
margin : 0;
background : url(../images/sommaire.jpg);
}
ul#menu li ul {
display : none;
}
ul#menu li:hover > ul {
display : block;
}
ul#menu {
float : left;
}
ul#menu, ul#menu ul {
background-color : transparent;
list-style : none;
margin : 0;
padding : 10px;
width : 130px;
color : #339966;
font-family : verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
text-align : center;
margin-top : 15px;
}
.step1 {
border : 1px solid;
border-top-color : #ffffff;
border-left-color : #ffffff;
border-right-color : #ffffff;
border-bottom-color : #ffffff;
background-color : #339966;
height : 20px;
font-weight : bold;
color : #ffffff;
}
.step2 {
width : 150px;
}
.step3 {
width : 150px;
}
ul#menu ul {
position : absolute;
top : -25px;
left : 125px;
width : 160px;
}
ul#menu li {
position : relative;
margin : 0;
padding : 0;
display : block;
}
ul#menu a {
display : block;
width : 100%;
color : #ffffff;
background : #339966;
text-decoration : none;
}
ul#menu a:hover {
background : #ffffff;
color : #cc6633;
}
#centre {
position : absolute;
top : 145px;
left : 197px;
width : 590px;
height : 800px;
margin : 0px;
font-size : 13px;
text-indent : 13px;
}
#centre1 {
position : absolute;
top : 148px;
left : 155px;
width : 820px;
height : 900px;
background : url(../images/centre.jpg);
font-size : 13px;
text-indent : 13px;
}

#centre2 {
position : absolute;
top : 148px;
left : 155px;
width : 820px;
height : 1600px;
background:url(../images/centre2.jpg);
font-size : 13px;
text-indent : 13px;
}
#centre3 {
position : absolute;
top : 148px;
left : 155px;
width : 820px;
height : 3200px;
background:url(../images/centre3.jpg);
font-size : 13px;
text-indent : 13px;
}
#centrescroll0 {
position : absolute;
top : 150px;
left : 157px;
width : 820px;
height:770px;
background : url(../images/centre.jpg) no-repeat scroll;
font-size : 13px;
text-indent : 10px;
}
#centrescroll {
position : absolute;
top : 155px;
left : 157px;
width : 820px;
height:770px;
background-color:transparent;
font-size : 13px;
text-indent : 10px;
overflow:auto;
}
.image {
width : 290px;
height : 250px;
margin : 5px;
}
.image1 {
width : 400px;
height : 299px;
margin : 5px;
}
.image3 {
width : 290px;
height : 250px;
float : left;
margin : 5px;
}
.image2 {
width : 250px;
height : 200px;
margin : 5px;
}
.image4 {
width : 350px;
height : 500px;
margin : 5px;
}
.image6 {
width : 80px;
height : 80px;
margin : 5px;
}
.image5 {
width : 225px;
height : 348px;
margin : 5px;
}
#footer {
position : absolute;
top : 1060px;
width : 975px;
height : 70px;
left : 2px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
background : url(../images/footer.jpg);
font-size : 11px;
}
#footer2 {
position : absolute;
top : 1750px;
width : 975px;
height : 70px;
left : 2px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
background : url(../images/footer.jpg);
font-size : 11px;
}
#footer3 {
position : absolute;
top : 3360px;
width : 975px;
height : 70px;
left : 2px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
background : url(../images/footer.jpg);
font-size : 11px;
}
h1 {
font-family : verdana, Arial, Helvetica, sans-serif;
font-size : 20px;
color : #339967;
background-color : transparent;
text-align :center;
text-decoration : underline;
}
h2 {
font-family : verdana, Arial, Helvetica, sans-serif;
font-size : 16px;
color : #009999;
background-color : transparent;
text-align : center;
margin-left : 50px;
}
h3 {
font-family : verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
background-color : transparent;
text-align : center;
}
h4 {
font-family : verdana, Arial, Helvetica, sans-serif;
font-size : 14px;
color : #cc6600;
background-color : transparent;
margin-left : 440px;
}
#validation {
position : absolute;
left : 10px;
top : 880px;
width : 190px;
height : auto;
border-color : #ffffff;
}
a:link {
font-family : verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #0033ff;
background-color : transparent;
text-decoration : none;
}
.gros
{
font-size: 20px;
text-align: center;
}
a:visited {
font-family : verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #993300;
background-color : transparent;
text-decoration : none;
}
a:hover {
font-family : verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
color : #993300;
background-color : transparent;
text-decoration : underline;
}