* {
margin:0;
padding:0;
}

body {
background:#FFFFFF url("fenetre/back.gif") top left repeat ;
}

#conteneur {
position:relative;
width:800px;
margin:0 auto;
height:700px;
background-color:#FFFFFF;
border-left:#999999 1px solid;
border-right:#999999 1px solid;
border-bottom:#999999 1px solid;
}


#son {
position:absolute;
width:60px;
height:20px;
top:160px;
left:10px;
}

#bandeau {
position:absolute;
width:150px;
height:340px;
top:260px;
left:600px;
}

#bottom {
position:absolute;
width:630px;
height:35px;
top:670px;
left:160px;
text-align:center;
line-height:0.9em;
}


#bottom span{
margin-left:15px;
}

#bottom a{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #0099FF;
text-decoration:none;
}

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


#logo{
position:absolute;
width:800px;
height:188px;
top:0;
left:0;
background:#FFFFFF url("fenetre/top.jpg") top left no-repeat;
}

#fenetre {
position:absolute;
width:276px;
height:195px;
top:26px;
left:500px;
}

#titre {
position:absolute;
top:215px;
left:185px;
}

#text {
position:absolute;
background: #FFFFFF url("fenetre/fenetre_ouverte.jpg") 90% 6% no-repeat;
padding:0 20px;
width:583px;
height:460px;
top:206px;
left:175px;
overflow:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.7em;
color:#666666;
text-align:justify;
scrollbar-face-color: #ffffff; 
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #999999; 
scrollbar-darkshadow-color: #999999; 
scrollbar-track-color: #ffffff; 
scrollbar-arrow-color: #999999;
}

#contact {
position:absolute;
padding:0 20px;
width:560px;
height:340px;
top:262px;
left:175px;
overflow:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.7em;
color:#666666;
text-align:justify;
scrollbar-face-color: #ffffff; 
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #999999; 
scrollbar-darkshadow-color: #999999; 
scrollbar-track-color: #ffffff; 
scrollbar-arrow-color: #999999;
}

#text3 {
position:absolute;
padding:0 20px;
width:360px;
height:340px;
top:281px;
left:185px;
overflow:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.7em;
color:#666666;
text-align:justify;
scrollbar-face-color: #ffffff; 
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #999999; 
scrollbar-darkshadow-color: #999999; 
scrollbar-track-color: #ffffff; 
scrollbar-arrow-color: #999999;
}

#text3 .left {
float:left;
padding-right:25px;
}

#text3 a{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #0099FF;
text-decoration:none;
}

#text3 a:hover{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #ff8a00;
text-decoration:underline;
}

#text2 a{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #0099FF;
text-decoration:none;
}

#text2 a:hover{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #ff8a00;
text-decoration:underline;
}

#text4 a{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #0099FF;
text-decoration:none;
}

#text4 a:hover{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #ff8a00;
text-decoration:underline;
}

#text a{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #0099FF;
text-decoration:none;
}

#text a:hover{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #ff8a00;
text-decoration:underline;
}

#text2 {

position:absolute;
padding:0 20px;
width:560px;
height:340px;
top:262px;
left:175px;
overflow:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.7em;
color:#666666;
text-align:justify;
scrollbar-face-color: #ffffff; 
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #999999; 
scrollbar-darkshadow-color: #999999; 
scrollbar-track-color: #ffffff; 
scrollbar-arrow-color: #999999;

}




#text4 {

position:absolute;
padding:0 20px;
width:560px;
height:340px;
top:262px;
left:175px;
overflow:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.7em;
color:#666666;
text-align:justify;
scrollbar-face-color: #ffffff; 
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #999999; 
scrollbar-darkshadow-color: #999999; 
scrollbar-track-color: #ffffff; 
scrollbar-arrow-color: #999999;

}

#text2 img {
float: left;
}



#text p, #text2 p, #text3 p, #text4 p, #contact p{
margin-bottom:25px;
}

#text strong {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
font-weight:normal;
}

#menu1{
position:absolute;
width:163px;
height:283px;
z-index:1000;
top:186px;
left:0;
background: #FFFFFF url("fenetre/menu.jpg") top left no-repeat;
}



#planet {
position:absolute;
width:140px;
height:23px;
top:677px;
left:0;
}