@charset "utf-8";
/* CSS Document */





*{margin:0;
padding:0;}

body{
background-image:url(img/body_background.png);
background-repeat:repeat-x;
background-color:#00161C;
font-family:Arial, Helvetica, sans-serif;
}

#principale{
width:1000px;
margin:0 auto ;
background-image:url(img/principale_background.png);
background-repeat:no-repeat;
padding-top:160px;
padding-bottom:50px
}




#page{
width:800px;
margin:0 auto;
background-color:#00161C;


}

h1{color:#FFF;font-size:24px;}
h2{color:#0099FF;font-size:14px;text-transform:uppercase;padding-top:20px;}


#menu{
float:left;
width:200px;
font-family:Arial, Helvetica, sans-serif;

}

#menu img{
}

#menu p{font-size:11px;color:#0099FF;text-align:center;padding-top:50px;}


#menu dl{width:200px;}

#menu dt{
width:180px;
margin:0 auto;
color:white;
text-transform:uppercase;
font-size:12px;
height:30px;
background-image:url(img/support_background.png);
font-weight:bold;
}

#menu dt.separation{background-color:#00161C;background-image:none;}

#menu dt.actif a{color:#0099FF;}

#menu dt a {color:white;text-decoration:none;display:block;padding:10px 20px;line-height:10px;outline:none;}
#menu dt a:hover {color:#0099FF;text-decoration:none;}

#menu dt a.actif, #menu dt a.actif:hover {color:#0099FF;text-decoration:none;}

#contenu{
float:right;
width:550px;
padding:0 10px ;
background-color:#00161C;
}

#intro{height:100px;padding:20px 0;margin-bottom:10px;}

#contenu p{
color:#fff;
padding:10px 0 0 0;
text-align:left;font-size:12px;font-weight:normal;
}

#contenu p a:hover, #contenu li a:hover{text-decoration:underline;}

#contenu p img{float:left;margin-right:10px;}

#contenu p.stats {text-align:center;margin-top:50px;border-top:1px solid white;}

#contenu p.stats a img  {text-align:center;margin-top:10px;float:none;}

#contenu p span{color:#0099FF;font-weight:bold;}

#contenu p.construction{
color:#0099FF;
font-size:20px;
}

#contenu table{margin:10px 0;color:#FFFFFF;font-size:12px;}

#contenu .bienvenue img{float:right;}

div.bienvenue{width:550px;float:left;margin:20px 0 ;border-bottom:1px solid white;}
div.voyance{width:230px;float:left;margin:20px 40px 20px 0;}
div.voyance_2{width:230px;float:right;margin:20px 0 20px 0;}

#contenu p.titre{text-transform:uppercase;color:#FFF;font-size:14px;font-weight:bold;text-align:left;}


#contenu p a, #contenu li a{color:#0099FF;text-decoration:none;outline:none;}

#contenu ul{list-style-type:none;font-size:12px;padding-top:5px;}



#contenu p.raccourci{text-align:center;}
#contenu p.raccourci a img{padding:20px;border:none;float:none;}

#contenu form.bouton{margin:15px;}

#footer{
clear:both;
width:800px;
margin:50px auto;
text-align:center;
border-top:1px solid #0099FF;

}

#footer p{
margin:0 auto 20px auto;
color:#0099FF;
font-size:12px;
text-align:center;
padding-top:10px;
}

#footer p a{
color:#fff;
text-decoration:none;
padding:0 10px;}

#footer p a:hover{
text-decoration:underline;}

dl.service{color:white;font-size:12px;border-top:1px solid #ececec;border-left:1px solid #ececec;border-right:1px solid #adadad;width:400px;margin:20px 0;}
dl.service dt{padding:10px;border-bottom:1px solid #adadad;height:50px;}
dl.service dt.produit{width:230px;float:left;}
dl.service dt.payer{width:130px;float:right;}
#contenu dl.service dt.payer form.bouton{margin:0px;}