* {
margin:0;
padding:0;
}

body {
background-color:#fdfdd7;
}

#conteneur {
position:relative;
width:800px;
margin:0 auto;
height:700px;
background-color:#fdfdd7;
}



#top1 {
position:absolute;
width:211px;
height:185px;
top:0;
left:0;
background:#fdfdd7 url(IMAGES98/top_01.jpg) top left no-repeat;
z-index:1;
}

#top2 {
position:absolute;
width:589px;
height:152px;
top:0;
left:211px;
background:#fdfdd7 url(IMAGES98/top_02.jpg) top left no-repeat;
z-index:1;
}

#bas2 {
position:absolute;
width:800px;
height:188px;
top:220px; /* à determiner après mis en place du menu */
left:0;
background:#fdfdd7 url(IMAGES98/bas_02.jpg) top left no-repeat;
z-index:1;
}

#bas3 {
position:absolute;
width:211px;
height:227px;
top:408px;  /* à determiner après mise en place du menu */
left:0px;
background:#fdfdd7 url(IMAGES98/bas_03.jpg) top left no-repeat;
z-index:1;
}

#nav {
position:absolute;
width:589px;
height:35px;
top:150px;  /* à determiner après mise en place du menu */
left:211px;
z-index:5;
}

#titre {
position:absolute;
top:220px;
left:105px;
z-index:10;
}

#titre2 {
position:absolute;
top:388px;
left:181px;
z-index:15;
}

#sous_menu {
position:absolute;
top:280px;
left:175px;
z-index:11;
color:#3a7e5e;
list-style-type:circle;
}

#sous_menu li a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.8em;
color:#3a7e5e;
text-decoration:none;
}

#sous_menu li a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.8em;
color: #FFFFFF;
text-decoration:underline;
}

#text {
position:absolute;
padding:0 20px;
width:580px;
top:460px;
left:190px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.7em;
color:#3a7e5e;
text-align:justify;
scrollbar-face-color: #3a7e5e; 
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff; 
scrollbar-darkshadow-color: #ffffff; 
scrollbar-track-color: #ffffff; 
scrollbar-arrow-color: #ffffff;
z-index:20;
}

#text2 {
position:absolute;
padding:0 20px;
width:360px;
top:460px;
left:190px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.7em;
color:#3a7e5e;
text-align:justify;
scrollbar-face-color: #3a7e5e; 
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff; 
scrollbar-darkshadow-color: #ffffff; 
scrollbar-track-color: #ffffff; 
scrollbar-arrow-color: #ffffff;
z-index:20;
}

#remontage {
position:absolute;
width:200px;
height:287px;
top:430px;
left:600px;
z-index:20;
}

#agrement {
position:absolute;
width:200px;
height:287px;
top:490px;
left:460px;
z-index:5;
}


#contact {
position:absolute;
padding:0 20px;
width:580px;
height:350px;
top:460px;
left:190px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.7em;
color:#3a7e5e;
text-align:justify;
scrollbar-face-color: #3a7e5e; 
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff; 
scrollbar-darkshadow-color: #ffffff; 
scrollbar-track-color: #ffffff; 
scrollbar-arrow-color: #ffffff;
z-index:20;
background:url(IMAGES98/fond.jpg) bottom right no-repeat;
}

#contact p{
margin-bottom:20px;
}

#contact .form{
border: #3a7e5e 1px solid;
color: #3a7e5e;
}

#text2 p{
margin-bottom:20px;
}

#text p{
margin-bottom:20px;
}

#promo {
position:absolute;

width:785px;
top:197px;
left:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#3a7e5e;
z-index:30;
}

#text p{
margin-bottom:20px;
}

#fin {
position:absolute;

left:11px;
width:800px;
height:50px;
background: url(IMAGES98/trait.gif) top left repeat-x;
padding-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #3a7e5e;
}

#fin a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #3a7e5e;
text-decoration:none;
}

#fin a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #3a7e5e;
text-decoration:underline;
}

#planet {
position:relative;
width:140px;
height:23px;
display:inline;
}