html {
background-color : #302;
}
body {
margin : 0;
padding : 0;
padding-top: 5px;
margin-left: auto;
margin-right: auto;
text-align:center;
font-family	:	Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-style	:	normal;
color : #aaa;
background-color : #302;
background-image:url(/img/background/background_degrade1.jpg);
background-repeat:repeat-x;
background-attachment:scroll;
/*
*/
}
/***************************************************/
/* HEADER */
#toptop {
height : 135px;
background-image:url(/img/background/star.gif);
/*
background-repeat : repeat-x;
background : #f00;
*/
position:relative;
z-index : 50;
}
#toppage {
margin : 0;
padding : 0;
width : 980px;
text-align : left;
color : #fff;
}
#logo {
float:left;
margin : 0;
padding : 0;
width : 350px;
height:100px;
text-align:center;
font-size : 10px;
font-weight : bold;
color : #ccc;
letter-spacing:2px;
}
/* PUB SCROLLABLE **************/
#pub1 {
float:left;
margin : 0;
padding : 0;
padding-left : 10px;
width : 350px;
height : 100px;
text-align : center;
font-size : 11px;
color : #aaa;
}
#pub1 a {
color : #fff;
}
div#pub1 {
position:relative;
overflow:hidden;
height:100px;
}
div#pub1 div.items {
position:relative;
margin : 0;
padding : 0;
height:20000em;
}
div#pub1 div.items div{
margin : 0;
padding : 0;
margin-top : 5px;
padding-top : 10px;
padding-left : 70px;
padding-right : 10px;
width: 280px;
height : 100px;
text-align:left;
}
/* USER ***********/
#divuser {
float:right;
width:250px;
}
#divflag {
text-align:center;
font-size : 9px;
height : 14px;
}
#divlog {
padding-top : 13px;
height:70px;
text-align:center;
/*
background:url(/img/fond_form.gif) no-repeat top center;
*/
}
#divlog_user {
margin : 0px;
padding : 5px;
border : 1px solid #222;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size : 10px;
}
#divlog p {
margin:0;
padding:0;
padding-top : 10px;
text-align:center;
font-size : 10px;
}
#divlog a {
color : #ccc;
}
#formlog {
margin : 0px;
padding : 3px;
border : 2px solid #222;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#formlog input,textarea {
padding : 3px;
color : #fff;
border : 0;
background-color : #333;
width : 85px;
font-size : 10px;
}


/***************************************************/
/* MENU */
#menu {
}
ul.topnav {
float: left;
margin : 0;
padding: 0;
padding-left: 20px;
width: 962px;
list-style: none;
font-size: 12px;
background: #222;
background: url(/img/cartomancie-1/menu/topnav_bg.gif) repeat-x;
border-left : 1px solid #333;
border-right : 1px solid #111;
}
ul.topnav li {
float: left;
margin: 0;
padding: 0 15px 0 0;
position: relative;
}
ul.topnav li a{
float: left;
padding: 10px 5px;
color: #ccc;
display: block;
text-decoration: none;
font-weight: bold;
outline-style:none;
}
ul.topnav li a:hover{
color: #fff;
background: url(/img/cartomancie-1/menu/topnav_hover.gif) no-repeat center top;  
}  
ul.topnav li span {
width: 17px;  
height: 35px;  
float: left;  
background: url(/img/cartomancie-1/menu/subnav_btn.gif) no-repeat center top;  
}  
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;}
ul.topnav li ul.subnav {
list-style: none;  
position: absolute;
left: 0; top: 35px;  
background: #333;  
margin: 0; padding: 0;  
display: none;  
float: left;  
width: 250px;  
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
font-size : 11px;
text-align : left;
border: 1px solid #111;
/*
z-index : 20;
*/
}  
ul.topnav li ul.subnav li{
margin: 0; padding: 0;
border-top: 1px solid #252525; /*--Create bevel effect--*/
border-bottom: 1px solid #444; /*--Create bevel effect--*/
clear: both;
width: 250px;
}
html ul.topnav li ul.subnav li a {
float: left;
width: 225px;
background: #333 url(/img/cartomancie-1/menu/dropdown_linkbg.gif) no-repeat 10px center;
padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
background: #222 url(/img/cartomancie-1/menu/dropdown_linkbg.gif) no-repeat 10px center;
color : #fff;
}
ul.topnav .menushare {
float : right;
}


/***************************************************/
/* CONTENU */
#page {
margin : 0;
padding : 0;
padding-bottom : 20px;
text-align:center;
width : 980px;
}
#contenu {
text-align:left;
width : 970px;
min-height : 450px;
padding : 0;
padding-left : 10px;
padding-right : 10px;
padding-right : 0px;
border-left : 1px solid #333;
border-right : 2px solid #111;
border-bottom : 2px solid #111;
background:#000;
}
#contenu_gauche {
float : left;
width : 730px;
}
#contenu_droite {
float : right;
width : 240px;
}


/***************************************************/
/* GENERAL */
/*#spacer {clear:both;}*/
.spacer {clear:both;}
.btn180_no_css {
background-color:transparent;
width:180px;
height:40px;
padding:0;
margin:0;
}
.btn240_no_css {
background-color:transparent;
width:240px;
height:50px;
padding:0;
margin:0;
}
h1 {
margin-bottom : 10px;
padding : 0;
padding-left : 20px;
font-family	:	Arial, sans-serif;
font-size : 14px;
font-weight : bold;
display: inline;
color : #aaa;
}
h2 {
padding : 0;
padding-left : 35px;
font-size : 11px;
font-weight : normal;
display: inline;
color : #aaa;
}

a {color : #ccc;outline : none;}
a:hover {color : #fff;}

.couleur1 {
color : #906;
}
.couleurb1 {
font-weight:bold;
color : #fff;
background-color : #906;
padding : 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.couleurb1 a {
color : #fff;
}

.couleur2 {
color : #63c;
}
.couleurb2 {
font-weight:bold;
color : #fff;
background-color : #639;
padding : 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.couleurbgen {
font-weight:bold;
font-size : 12px;
color : #fff;
background-color : #222;
padding : 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.couleurb_optok {
font-weight:normal;
font-size : 12px;
color : #333;
background-color : #111;
padding : 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.modal {
background-color:#000;
display:none;
width:450px;
padding:30px;
text-align:left;
border:2px solid #aaa;
line-height : 1.7em;
color : #fff;
z-index : 80;
/*
opacity:0.8;
*/
-moz-border-radius:6px;
-webkit-border-radius:6px;
-moz-box-shadow: 0 0 50px #ccc;
-webkit-box-shadow: 0 0 50px #ccc;
}
.modal h2 {
background:url(/img/pictos/info_cartomancien.png) 0 0 no-repeat;
margin:0px;
padding:10px 0 10px 55px;
font-size:20px;
color : #fff;
}
.modalclose {
text-align:right;
}
.modalclose a {
padding : 10px;
background-color : #906;
border : 1px solid #fff;
color : #fff;
text-decoration:none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}


/***************************************************/
/* BLOCS */
#texte_page {
padding: 10px;
line-height : 1.7em;
}
#titre_page {
margin : 0;
padding : 0;
padding-top : 5px;
width : 958px;
background-color : #111111;
border-left : 1px solid #222222;
border-right : 1px solid #222222;
}
#titre_page_ftr {
height : 20px;
width : 960px;
background : url(/img/cartomancie-1/titre_page_ftr.png) no-repeat top center;
}
.titre_separator {
margin-top : 20px;
border-top : 5px solid #222;
}


/***************************************************/
/* BLOCS ERGO */
.affich_error {
margin : 10px;
padding : 10px;
padding-left : 150px;
border : 1px solid #c39;
color : #c39;
background : #000;
background-image:url(/img/pictos/warning_cartomancien.png);
background-repeat:no-repeat;
background-position: 50px 20px;
}
.affich_info {
margin : 10px;
padding : 20px;
padding-left : 60px;
border : 1px solid #555;
color : #999;
background : #000;
background-image:url(/img/pictos/info_cartomancien.png);
background-repeat:no-repeat;
background-position: 5px 5px;
}


/********************************/
/* BLOC INDEX */
.blc_index {
float : left;
margin : 0px;
width : 240px;
}
.blc_index_top {
background: #000 url(/img/cartomancie-1/blc_index_top.png) no-repeat top center;
height : 40px;
}
.blc_index_data {
background: #000 url(/img/cartomancie-1/blc_index_ctr.png) repeat-y;
padding : 0;
padding-left : 30px;
padding-right : 30px;
height : 340px;
}
.blc_index_data_txt{
height : 270px;
color : #ccc;
}
.blc_index_ftr {
background: #000 url(/img/cartomancie-1/blc_index_ftr.png) no-repeat top center;
height : 40px;
}


/********************************/
/* BLOCS DIVERS */
.blc_divers {
margin : 0px;
margin-top : 10px;
width : 240px;
}
.blc_divers_top {
width : 230px;
text-align:center;
}
.blc_divers_data {
width : 210px;
margin : 0;
margin-left : 5px;
padding : 4px;
border-left : 1px solid #222;
border-right : 1px solid #222;
border-bottom : 1px solid #222;
background-color : #000;
}
.blc_divers_data ul {
margin : 0;
padding : 5px;
font-size : 11px;
list-style: inside square;
line-height:18px;
}
.blc_divers_data ul li {
}
.blc_divers_ftr {
height : 20px;
}

.screenshot a img {
border : 1px solid #000;
}
.screenshot a:hover img {
border : 1px solid #906;
}

.blc_divers_700 {
margin : 0px;
margin-top : 10px;
width : 700px;
}
.blc_divers_700_top {
width : 700px;
text-align:center;
}
.blc_divers_700_data {
width : 680px;
margin : 0;
margin-left : 5px;
padding : 4px;
border-left : 1px solid #222;
border-right : 1px solid #222;
border-bottom : 1px solid #222;
background-color : #000;
}
.blc_divers_700_data ul {
margin : 0;
padding : 5px;
font-size : 11px;
list-style: inside square;
line-height:18px;
}
.blc_divers_700_data ul li {
}
.blc_divers_700_ftr {
height : 20px;
}

.brokers {
font-size : 11px;
padding :5px;
line-height : 1.7em;
}


/***************************************************/
/* SLIDES INDEX */
#slides {
margin : 0;
padding:0;
height:250px;
overflow:hidden;
width:720px;
position:relative;
z-index : 1;
}
#slides_box {
width:9999em;
position:absolute;
height:250px;
left : 0;
}
.slides_pix {
float:left;
margin : 0px;
width:720px;
height:250px;
}


/***************************************************/
/* METHODES */
.methode {
float : left;
margin : 0;
padding : 0;
width : 350px;
height : 300px;
border : 1px solid #222;
background-color : #000;
}
.methode_titre {
text-align:left;
padding : 10px;
color:#fff;
}
.methode_texte {
padding : 5px;
font-size : 11px;
text-align:left;
line-height : 15px;
}
.top_methode {
border : 1px solid #222;
margin : 10px;
width : 700px;
background-color : #000;
}
.top_methode_titre {
text-align:left;
padding : 10px;
color:#fff;
}


/***************************************************/
/* INSCRIPTION / MEMBRE : FORM DATA USER */
.accroche_inscription {
line-height : 15px;
font-size : 11px;
text-align:left;
color:#aaa;
}
.rappel_email {
font-size : 10px;
color : #999;
height : 10px;
padding-right : 120px;
}
.disclaimer_info {
font-size : 10px;
color : #999;
padding-top: 50px;
padding-left : 200px;
}
.disclaimer_info a {
color : #999;
text-decoration : underline;
}
#formuser select,input,textarea {
font-family : arial;
border : 1px solid #000;
font-size : 13px;
background-color : #ccc;
color : #000;
font-weight : bold;
padding : 2px;
}
#formuser option {
background-color : #fff;
border : 2px solid #fff;
}
.erreur_formulaire {color : #c39;}

.col1 {
text-align : right;
width : 320px;
color : #ccc;
font-weight : bold;
}
.col1_error {
width : 320px;
text-align : right;
}
.col1_error span {
font-weight:bold;
color : #fff;
background-color : #906;
padding : 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.col2 {
text-align : left;
color : #fff;
font-weight: normal;
}


/***************************************************/
/* HOROSCOPE */
.texte_horoscope {
color : #aaa;
padding : 20px;
text-align : left;
line-height : 1.7em;
font-family:arial;
}


/***************************************************/
/* TEMOINS */
.texte_temoin {
color : #aaa;
padding : 20px;
text-align : justify;
line-height : 1.7em;
font-family:courier;
}


/***************************************************/
/* CREDITS */
.btncredits {
outline: none;
}


/***************************************************/
/* CREDITS AUDIOTEL */
/* accordion jquery Tools */
#accordion_credits_audiotel {
background:#000;
width: 700px;
border:1px solid #333;
}
/* accordion header */
#accordion_credits_audiotel h2 {
background:#222;
margin:0;
padding:5px 15px;
font-size:14px;
font-weight:normal;
border:1px solid #333;
border-bottom:1px solid #000;
cursor:pointer;
display: block;	
}
#accordion_credits_audiotel a {
text-decoration : none;
outline : none;
}
/* currently active header */
#accordion_credits_audiotel h2.current {
cursor:default;
background-color:#906;
font-weight : bold;
}
#accordion_credits_audiotel h2.current a {
color : #fff;
}
/* accordion pane */
#accordion_credits_audiotel div.pane {
/*border:1px solid #333;*/
border-width:0 2px;
display:none;
height:120px;
padding:15px;
color:#fff;
font-size:12px;
}
/* a title inside pane */
#accordion_credits_audiotel div.pane h3 {
font-weight:normal;
margin:0 0 -5px 0;
font-size:16px;
color:#999;
text-decoration : none;
}

.num_audiotel {
font-size : 18px;
font-weight : bold;
color : #fff;
padding-right : 70px;
background-image:url(/img/cash2/audiotel_NB.gif);
background-repeat:no-repeat;
background-position:right;
}
.num_sms {
font-size : 18px;
font-weight : bold;
color : #fff;
padding-right : 65px;
background-image:url(/img/cash2/sms_plus_NB.gif);
background-repeat:no-repeat;
background-position:right;
}
.code_microp {
font-size : 16px;
font-weight : bold;
color : #fff;
}

.frm_credits_audiotel {
margin : 0;
padding : 0;
width : 230px;
border : 1px solid #333;
text-align:center;
background : #000;
}
.frm_credits_audiotel input {
padding : 5px;
border: 2px solid #906;
font-size : 16px;
font-weight : bold;
background : #000;
color : #fff;
width : 175px;
text-align:center;
-moz-border-radius: 4px;
}
.frm_credits_audiotel image {
background-color : #000;
border : none;
width : 100px;
}
.btn2 {
background-color : #000;border : none;
}

.promo_tirage_mobile {
margin-left : 20px;
background : url(/img/pub/phone_main_120.png) no-repeat left center #000;
padding-top: 20px; 
padding-left : 200px;
padding-right : 10px; 
min-height : 200px;
}


/***************************************************/
/* FAQ */
#navcontainer_faq {
margin-left: 0px;
padding : 20px;
}
#navcontainer_faq ul {
font-size: 11px;
margin: 0;
padding: 0;
list-style-type: disc;
font-family: verdana, arial, Helvetica, sans-serif;
}
#navcontainer_faq li {
margin : 0px;
margin-top : 2px;
margin-left: 20px;
}
#navcontainer_faq a {
display: block;
padding: 2px 2px;
width: 530px;
color: #eee;
text-decoration: none;
outline: none;
font-weight: normal;
}
:focus{-moz-outline-style: none;}
#navcontainer_faq a:hover {
font-weight: bold;
color: #fff;
text-decoration: none;
cursor: pointer;
}
.faq_questions_titre {
margin : 10px;
color :#fff;
font-weight : bold;
}
.faq_questions_text {
margin : 0px;
margin-bottom : 10px;
padding : 10px;
width:600px;
text-align : justify;
line-height : 1.7em;
color : #ccc;
border : 1px solid #999;
background-color: #222;
}
.faq_questions_text span {
color : #a00;
cursor: pointer;
}


/***************************************************/
/* FOOTER */
#footer {
padding-bottom : 20px;
color : #777;
}
#footer_referer {
margin : auto;
width : 980px;
font-size : 10px;
}
#footer a {
color : #777;
text-decoration : none;
}
#footer a:hover {
color : #ccc;
}
/* table SEO */ 
#footer_seo {
color : #eee;
text-align:center;
font-size : 11px;
}
#footer_seo a {
color : #ccc;
text-decoration : underline;
}
#footer_seo a:hover {
text-decoration : none;
}
.footer_seo_inti {
width : 160px;
text-align:right;
}
.footer_seo_data {
text-align:left;
}



















/******************************************************************************************************************/
/******************************************************************************************************************/
.blc_methode_choix_produit {
width : 330px;
text-align:left;
padding : 10px;
padding-left : 140px;
padding-right : 20px;
border : 1px solid #aaa;
min-height : 150px;
color : #fff;
background-color : #000;
background-repeat : no-repeat;
background-position : left center;
}
.blc_methode_choix_produit_ok {
width : 330px;
text-align:left;
padding-left : 140px;
padding-right : 20px;
border : 1px solid #555;
height : 150px;
color : #555;
background-color : #000;
background-repeat : no-repeat;
background-position : left center;
}
.blc_methode_choix_tapis {
width : 490px;
text-align:center;
border : 1px solid #aaa;
background : #000;
color : #fff;
}
.blc_methode_choix_tapis a {
color : #fff;
}
.blc_methode_choix_tapis_ok {
width : 490px;
text-align:center;
border : 1px solid #555;
background : #000;
color : #fff;
}
.blc_methode_choix_tapis_ok a {
color : #fff;
}
.blc_methode_selection_tapis {
margin : 15px;
padding: 5px;
height : 15px;
text-align:center;
border : 1px solid #aaa;
background-color : #000;
}


/********************************/
/* CONSULTATIONS */
#div_bul {
float : right;
width : 300px;
margin : 0;
padding : 0;
padding-bottom : 20px;
}
#div_bul_top {
margin :0;
padding :0;
color: #000;
height : 50px;
background-image:url(/img/cartomancie-1/bulle_hdr.png);
background-repeat:no-repeat;
background-position:top left;
}
#div_bul_content {
margin :0;
padding :0;
color : #000;
padding-left : 20px;
padding-right : 30px;
background-image:url(/img/cartomancie-1/bulle_ctr.png);
background-repeat:repeat-y;
background-position:left;
}
#div_bul_content p {
margin :0;
padding-top : 5px;
padding-bottom : 5px;
}
#div_bul_foot {
margin : 0;
padding : 0;
height : 30px;
background-image:url(/img/cartomancie-1/bulle_ftr.png);
background-repeat:no-repeat;
background-position:top left;
}
#div_bul_verbe {
padding-left : 155px;
padding-top : 25px;
font-weight:bold;
}
#div_bul_link {
padding:10px;
text-align:right;
}
#div_bul_link a {
padding : 4px;
border : 1px solid #777;
color : #777;
text-decoration:none;
font-weight:bold;
font-style: normal;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color : #000;
color : #fff;
outline : none;
}
#div_bul_link a:hover {
color : #906;
border : 1px solid #906;
background-color : #fff;
}