/* general.css */

/* CSS general - mise en forme de la page */
body{text-align:center;  margin:0;  padding:0; font-family:verdana; color:#FFFFFF; background:#1e2226;}

#conteneur{margin:100px auto 0 auto; width:300px; text-align:left; background:#000000; padding:10px;}
#titre{font-size:14px; font-weight:normal; color:#0047ff;}
#titre .logo{width:206px; height:40px; background:url(images/logo.jpg)top left no-repeat #000000;}
#titre p{margin:5px 0 0 10px; padding:0;}
#conteneur #lien{list-style:none; font-size:12px; margin:10px 0 20px 40px;}
#conteneur #lien i{font-size:10px;}

/* CSS infobulle */
a.info{position:relative; color:#FFFFFF; text-decoration:none; border-bottom:1px dotted #0047ff;}
a.info span{display:none;}
a.info:hover{background:none; z-index:500; cursor:help;}
a.info:hover span{display:inline; position:absolute; width:200px; top:30px; left:20px; }
a.info:hover span .bulle{border:1px solid #FFFFFF; background:url(images/BG_white_60.png)repeat; margin:5px; padding:10px; color:#000000; font-size:10px; font-family:arial;}
a.info:hover span .bulle h1{font-size:15px; color:#0047ff; margin:0; padding:0;}
a.info:hover span .bulle em{color:#0047ff;}

/* CSS Contact */
.p_contact{text-align:right; font-size:10px; font-weight:normal; margin:0 15px 0 0;}
.p_contact span:hover{cursor:pointer;}

.f_contact{font-size:10px; padding:10px;}
.f_contact input, .f_contact textarea{border:0; border-bottom:1px solid #0047ff; background:transparent; color:#0047ff;}
.f_contact input:hover, .f_contact textarea:hover{border:0; border-bottom:1px solid #FFFFFF;}
.f_contact input:focus, .f_contact textarea:focus{border:0; border-bottom:1px dotted #FFFFFF;}
.f_contact #nom{margin:0 0 0 22px; width:180px;}
.f_contact #email{margin:0 0 0 17px; width:180px;}
.f_contact #message{margin:0 0 0 56px; width:180px;}
.f_contact #envoyer{margin:0 5px 0 56px;}

#link{background:url(images/waste_link.jpg)top left no-repeat; width:300px; height:269px; position:relative;}
#link h4{position:absolute; font-size:9px; font-family:arial; top:80px; left:100px; color:#0047ff;}
#link h5{position:absolute; font-size:12px; font-family:arial; top:130px; left:110px;}
#link h5 a{color:#0047ff; text-decoration:none;}
#link h5 a:hover{color:#FFFFFF; text-decoration:none; border-bottom:1px dotted #0047ff;}