/* CSS Document 
 @import url(file:///C|/STEP%20TO%20THE%20WEB/css/lignederoul4.css);*/

body{
scrollbar-arrow-color:#a9b798;
scrollbar-face-color:#8a977b;
scrollbar-shadow-color:#;
scrollbar-darkshadow-color:white;
scrollbar-track-color:#;
scrollbar-3dlight-color:#;
padding:0;
margin:0;
background-position:center;
background-color:#8a977b;
}


#global{ /* div conteneur de tous le reste.  Permet de centrer la page quelle que soit la résolution*/
position:absolute;
left:50%;
width:765px;
height:576px;
margin-left:-396px;
background-color:#ffffff;
top:50%;
margin-top:-295px;

}

 #guy{ /*texte sous logo*/
position:absolute;
top:78px;
width:765px;
height:25px;
background-color:#8a977b;
z-index:2;
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
color:#ffffff;
font-size:16px;
font-family:verdana;
font-weight:bold;
}
#pharma{
margin-left:8px;
margin-bottom:0px;
margin-top:2px;
}
#menu{
position:absolute;
top:103px;
width:765px;
height:25px;
background-color:#d3d6c9;
z-index:2;
margin-top:0px;
}
#menu a{
text-decoration:none;
color:#286348;}



#gauche{
position:absolute;
top:227px;
width:145px;
height:353px;
background-color:#d3d6c9;
z-index:100;
overflow:hidden;
}

#present{
margin-top:80px;
/*position:absolute;*/
margin-left:5px;
margin-right:5px;
font-size:14px;
text-align:center;
color:#666666;
}
#present a{
color:#286348;
}

#dyna{
position:absolute;
top:240px;
left:50%;
margin-left:-50px;
}
#serpent{
position:absolute;
left:50%;
margin-left:-120px;
top:50%;
margin-top:-130px;
z-index:1;
}

#content{
position:absolute;
top:230px;
left:133px;
width:634px;
height:350px;
background-color:#ffffff;
overflow:auto;
}

#content h1{
margin-top:20px;
margin-left:20px;
z-index:3;
color:#286348;
text-align:center;
font-variant:small-caps;  
font-size:17px;
background-color:#E0E2D9;
}
#content h3{
margin-top:20px;
margin-left:20px;
z-index:3;
color:#286348;
text-align:center;
font-size:16px;
}

#content h2{
margin-top:10px;
margin-left:20px;
z-index:3;
color:#286348;
text-align:center;
font-size:16px;
}

#content h4{

margin-top:10px;
margin-left:20px;
z-index:2;
color:#286348;
text-align:center;
font-variant:small-caps;
}

#content p{

margin-top:10px;
margin-left:20px;
z-index:20;
}

#content1{
position:absolute;
top:230px;
left:00px;
width:767px;
height:350px;
background-color:#ffffff;
overflow:auto;
}

#content1 h1{
margin-top:20px;
margin-left:20px;
z-index:3;
color:#286348;
text-align:center;
font-variant:small-caps;  
font-size:17px;
background-color:#E0E2D9;
}
#content1 h3{
margin-top:20px;
margin-left:20px;
z-index:3;
color:#286348;
text-align:center;
font-size:16px;
}

#content1 h2{
margin-top:10px;
margin-left:20px;
z-index:3;
color:#286348;
text-align:center;
font-size:16px;
}

#content1 h4{

margin-top:10px;
margin-left:20px;
z-index:2;
color:#286348;
text-align:center;
font-variant:small-caps;
}

#content1 p{

margin-top:10px;
margin-left:20px;
z-index:20;
}

#bandeau{
position:absolute;
top:0px;
left:0px;

/*height:100px;
width:765px;*/

}

#bandeau_phot{
position:absolute;
top:129px;
left:0px;
height:100px;
width:767px;
display:block;
z-index:556;
}

#guy1{ /*photo guy dans presentation*/
position:absolute;
left:00px;
top: 15px;
z-index:2;
width:630px;
height:70px;
}

#guy1 p{
position:absolute;
top:08px;
left:165px;
font:trebuchet;
font-size:18px;
color:#286348;
}
#img0{
position:absolute;
top:-10px;
left:15px;
margin-top:20px;
width:90px;
height:90px;
margin-left:20px;
display:block;
}

#guy1 a img {border:none;} /* pas d'encadrement des images */
#guy1 a:hover {border:0px } /* hack pour IE - ne sert sinon à rien */
#guy1 a:hover img {
position:absolute; 
top:-25px; 
left:-8px; 
z-index:550;
width:150px ; 
height:150px; 
z-index:100; } 

#emma{
position:absolute;
left:-5px;
top: 90px;
width:630px;
height:70px;
z-index:2;
}
#emma p{
position:absolute;
top:-2px;
left:190px;
font:trebuchet;
font-size:18px;
color:#286348;
}

#img1{
position:absolute;
top:-66px;
left:510px;
width:90px;
height:90px;
margin-left:20px;

}
#emma a img {border:none;} /* pas d'encadrement des images */
#emma a:hover {border:0px } /* hack pour IE - ne sert sinon à rien */
#emma a:hover img {
position:absolute; 
top:-83px; 
left:460px; 
z-index:550;
width:150px ; 
height:150px; 
z-index:100; } 

#adrien{
position:absolute;
left:0px;
top: 185px;
width:630px;
height:70px;
z-index:2;

}
#adrien p{
position:absolute;
top:-16px;
left:165px;
font:trebuchet;
font-size:18px;
color:#286348;
}


#img2{
position:absolute;
left:15px;
margin-top:-15px;
width:90px;
height:90px;
margin-left:20px;
}
#adrien a img {border:none;} /* pas d'encadrement des images */
#adrien a:hover {border:0px } /* hack pour IE - ne sert sinon à rien */
#adrien a:hover img {
position:absolute; 
top:-5px; 
left:-08px; 
z-index:550;
width:150px ; 
height:150px; 
z-index:100; } 

#semra{
position:absolute;
left:-20px;
top: 260px;
width:630px;
height:70px;
z-index:2;

}
#semra p{
position:absolute;
top:-24px;
left:200px;
font:trebuchet;
font-size:18px;
color:#286348;

}

#img3{
position:absolute;
top:-70px;
margin-top:-15px;
left:525px;
width:90px;
height:90px;
margin-left:20px;
}
#semra a img {border:none;} /* pas d'encadrement des images*/ 
#semra a:hover {border:0px } /* hack pour IE - ne sert sinon à rien */
#semra a:hover img {
position:absolute; 
top:-90px; 
left:475px; 
z-index:550;
width:150px ; 
height:150px; 
z-index:100; } 

#plan{
position:absolute;
left:50%;
margin-left:-150px;
margin-top:20px;
}
#tram{
position:absolute;
top:530px;
margin-left:38px;
margin-top:-40px;
z-index:100;
}
#tableau1{
text-align:center;
}
#langue{
color:#ffffff;
z-index:900;
position:absolute;
top:80px;
left:728px;
font-family:trebuchet ms;
font-size:17px;

}
#langue a{
color:#ffffff;
text-decoration:none;}


#pub{
position:absolute;
top:585px;

}
#pub a{
color:#d3d6c9;

/*color:#000000;*/
}