@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:10px;}

#respond form{margin-top:20px;}
#respond textarea{width:400px;}
#respond h3{color:#0099FF;font-size:18px;margin-bottom:5px;margin-top:20px;}
h3#comments{color:#0099FF;font-size:14px;margin-top:20px;margin-bottom:25px;}

ol.commentlist {border-bottom:1px solid white;}
ol.commentlist li{list-style-type:none;margin-bottom:40px;}
.comment-author{color:#FFF;font-weight:bold;}
.comment-meta{color:#FFF;font-size:11px;}
#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{}



div.bienvenue{padding-top:145px;padding-left:50px;width:500px;height:94px;float:left;margin:20px 0 ;border-bottom:1px solid white;background-image:url(img/portrait_2.png) ;}


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;}