@import url(lib.css);
body { font: 0.73em Arial, Verdana, sans-serif; background: #a70449 url(images/bg_cat0.jpg) no-repeat top center; }

/* GLOBALS */
#global { width: 966px; margin: 0 auto; }
#top { position: relative; width: 100%; height: 230px; z-index: 2; }
#logo { display: block; position: absolute; top: 25px; left: 0; width: 200px; height: 100px; text-indent: -1000em; overflow: hidden; }
.logo_fre { background: url(images/logo_fr.png); }
.logo_esp { background: url(images/logo_es.png); }
.logo_eng { background: url(images/logo_en.png); }
#foot { padding: 0 0 20px 0; color: #fff; font-size: 0.9em; text-align: center; }
#foot a { color: #fff; text-decoration: none; }

/* PUBS */
.pub_mega { width: 728px; height: 90px; }
#top .pub_mega { position: absolute; top: 30px; right: 0; z-index: 1; }
.pub_pave { width: 300px; height: 250px; }
.pub_sky { width: 120px; height: 600px; }
.c2 .pub_sky { float: left; margin-right: 10px; }
.pub_468-60 { width: 468px; height: 60px; }
.c1 .pub_468-60 { margin: 0 auto; }

/* MENU */
#menu { position: absolute; bottom: 13px; left: 0; width: 650px; height: 50px; padding-top: 13px; }
#menu ul { display: block; }
#menu li { position: relative; display: block; float: left; height: 64px; text-align: center; }
#menu li a { display: block; position: relative; width: 100%; height: 50px; color: #fff; text-decoration: none; }
#menu li a .txt { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 45px; padding-top: 5px; font-weight: bold; font-size: 1.2em; line-height: 1em; background: url(images/menu_bg.png) repeat-x; }
#menu li a .txt .ico { display: block; width: 36px; height: 13px; margin: 0 auto; background: none; overflow: hidden; }
#menu li a .sh { display: none; }
#menu li a .sh { position: absolute; top: 0; width: 3px; height: 50px; background: url(images/menu_sh.png); _background: none; overflow: hidden; z-index: 10; }
#menu li a .sh_l { left: -3px; background-position: 0 0; }
#menu li a .sh_r { right: -3px; background-position: -3px 0; }
#menu li a .fx_t { left: 0; top: -13px; height: 13px; }
#menu li a .fx_l, #menu li a .fx_r { top: 0; height: 50px; }

/* NAV SITES */
.nav_sites { position: absolute; top: 0; right: 0; width: 140px; height: 25px; background: url(images/nav_sites.png) no-repeat 0 0; overflow: hidden; z-index: 2; }
.nav_sites_large { height: 75px; background: url(images/nav_sites.png) no-repeat -140px 0 }
.nav_sites .nav_fleche { position: absolute; top: 10px; right: 7px; display: block; width: 8px; height: 5px; background: url(images/nav_sites_fleche.png); overflow: hidden; }
.nav_sites a { display: block; width: 110px; padding: 4px 0 6px 30px;  color: #fff; font-weight: bold; text-decoration: none; } 
.nav_sites .link_fr { background: url(images/flag_fr.png) no-repeat 7px 6px; }
.nav_sites .link_es { background: url(images/flag_mx.png) no-repeat 7px 6px; }
.nav_sites .link_en { background: url(images/flag_us.png) no-repeat 7px 6px; }
.nav_sites .fav_jedessine { background: url(images/fav_jedessine.png) no-repeat 7px 3px; }
.nav_sites .fav_hellokidstv { background: url(images/fav_hellokidstv.png) no-repeat 7px 3px; }
.nav_sites .fav_sitedefille { background: url(images/fav_sitedefille.png) no-repeat 7px 3px; }




/* G MID */
#g_mid_top { width: 966px; height: 5px; background: url(images/g_mid_top.png); overflow: hidden; }
#g_cat0 #g_mid_top { background-position: 0 0; }
#g_cat1 #g_mid_top { background-position: 0 -5px; }
#g_cat2 #g_mid_top { background-position: 0 -10px; }
#g_cat3 #g_mid_top { background-position: 0 -15px; }
#g_cat4 #g_mid_top { background-position: 0 -20px; }
#g_mid { position: relative; width: 966px; }
#g_mid .desc { width: 530px; padding: 4px 10px 10px 10px; }
#g_mid .desc .ariane { font-size: 0.9em; }
#g_mid .desc h1 { font-size: 1.5em; font-weight: normal; }
#g_mid .desc a { color: #fff; text-decoration: none; }
#g_mid .desc a:hover { text-decoration: underline; }
#g_cat0 #g_mid .desc a { color: #222; }
#g_cat0 #g_mid { color: #222; background: url(images/g_mid_cat0.png); }
#g_cat1 #g_mid { color: #fff; background: url(images/g_mid_cat1.png); }
#g_cat2 #g_mid { color: #fff; background: url(images/g_mid_cat2.png); }
#g_cat3 #g_mid { color: #fff; background: url(images/g_mid_cat3.png); }
#g_cat4 #g_mid { color: #fff; background: url(images/g_mid_cat4.png); }
#g_mid .visuel { position: absolute; bottom: 0; right: 0; }
#g_cat0 #g_mid .visuel { width: 450px; height: 237px; background: url(images/visuel_girls.png); }

/* USEFULL */
.content_top { width: 966px; height: 5px; margin: 0; background: url(images/g_mid_top.png) no-repeat 0 -25px; }
.content_foot { width: 966px; height: 5px; margin: 0 0 10px 0; background: url(images/g_mid_top.png) no-repeat 0 -30px; }
.content { padding: 5px 0; background: #fff; }
.content_home { padding-top: 10px; }
.c1 { float: left; width: 646px; padding: 0; }
.c2 { float: right; width: 300px; padding: 0 10px; }
.corner { position: absolute; width: 5px; height: 5px; overflow: hidden; background: url(images/corner_blanc.png); }
.corner_tl { top: 0; left: 0; background-position: 0 0; }
.corner_tr { top: 0; right: 0; background-position: -5px 0; }
.corner_bl { bottom: 0; left: 0; background-position: 0 -5px; }
.corner_br { bottom: 0; right: 0; background-position: -5px -5px; }

/* BLOC 4 COLONES HOME */
.most_recents { position: relative; width: 636px; margin-left: 10px; }
.most_recents .mr { position: relative; float: left; width: 159px; height: 250px; color: #fff; overflow: hidden; }
.most_recents .mr_cat1 { background: url(images/g_mid_cat12.png); }
.most_recents .mr_cat2 { background: url(images/g_mid_cat22.png); }
.most_recents .mr_cat3 { background: url(images/g_mid_cat32.png); }
.most_recents .mr_cat4 { background: url(images/g_mid_cat42.png); }
.most_recents .shadow { position: absolute; bottom: 0; right: 0; display: block; width: 7px; height: 72px; background: url(images/shadow.png); }
.most_recents .mr h2 { display: block; width: 147px; margin: 5px auto; font-size: 1em; }
.most_recents .mr a { color: #fff; text-decoration: none; }
.most_recents .mr .titre { position: relative; display: block; margin: 5px 0; padding: 4px 3px 4px 40px; font-size: 1.4em; font-weight: bold; color: #fff; background: url(images/spacer_blanc_10.png); }
.most_recents .mr_cat3 .titre { padding-left: 36px; letter-spacing: -0.02em; }
.most_recents .mr .titre .ico { position: absolute; top: 0; left: 0; display: block; width: 36px; height: 36px; }
.most_recents .mr_cat1 .titre .ico { background: url(images/ico_cat1_36.png); }
.most_recents .mr_cat2 .titre .ico { background: url(images/ico_cat2_36.png); }
.most_recents .mr_cat3 .titre .ico { background: url(images/ico_cat3_36.png); }
.most_recents .mr_cat4 .titre .ico { background: url(images/ico_cat4_36.png); }
.most_recents .mr .img { width: 147px; height: 110px; margin: 0 auto; text-align: center; overflow: hidden; }
.most_recents .mr .text { height: 60px; overflow: hidden ; width: 147px; margin: 0 auto; font-size: 0.9em; line-height: 1.1em; }

/* MOTEUR RECHERCHE */
#moteur { position: absolute; bottom: 0; right: 10px; width: 300px; height: 44px; background: url(images/moteur.png); }
#moteur .corner_bl { bottom: 0; left: 300px; background-position: 0 -5px; }
#moteur .corner_br { bottom: 0; left: -5px; background-position: -5px -5px; }
#moteur .label { position: absolute; top: 2px; left: 1px; display: block; width: 40px; height: 34px; text-indent: -1000em; overflow: hidden; }
#moteur .text { display: block; position: absolute; top: 11px; left: 44px; width: 205px; height: 20px; padding-top: 3px; font-size: 1.4em; background: url(images/spacer.gif); border: 0; }
html:not([lang*=""]) #moteur .text { height: 23px; padding-top: 0px; }
#moteur .btn { display: block; position: absolute; top: 8px; left: 249px; width: 44px; height: 28px; font-weight: bold; color: #fff; background: url(images/spacer.gif); border: 0; cursor: pointer; }

/* BLOC CATEGORIES TOP */
.cat_top { position: relative; left: 5px; display: block; width: 650px; list-style: none; }
.cat_top li { display: inline; }
.cat_top li .k1 { display: block; float: left; height: 43px; padding: 0 10px 0 0; color: #333; font-size: 1.5em; text-decoration: underline; text-decoration: none; background: url(images/cat_top2.png) no-repeat bottom right; cursor: pointer; }
.cat_top li .k1 .k2 { display: block; float: left; height: 21px; padding: 12px 4px 10px 14px; background: url(images/cat_top.png) no-repeat bottom left; cursor: pointer; }
.cat_top li a.k1:hover, .cat_top li.on .k1 { background: url(images/cat_top2.png) no-repeat top right; }
.cat_top li a.k1:hover .k2, .cat_top li.on .k1 .k2 { background: url(images/cat_top.png) no-repeat top left; }

/* BLOCS 313 - BLOCS 300 */
.bloc_313 { position: relative; float: left; width: 313px; height: 165px; overflow: hidden; }
.bloc_300 { position: relative; width: 300px; height: 165px; overflow: hidden; }
.bloc_313 .bloc_img_bg, .bloc_300 .bloc_img_bg { position: absolute; top: 0; left: 0; display: block; width: 300px; height: 165px; }
.bloc_313 .titre, .bloc_300 .titre { position: relative; display: block; margin: 5px 0; padding: 10px 3px 10px 40px; font-size: 1.4em; font-weight: bold; color: #fff; background: url(images/spacer_blanc_10.png); z-index: 2; }
.bloc_313 .titre a, .bloc_300 .titre a { color: #fff; text-decoration: none; }
.bloc_313 .titre .ico, .bloc_300 .titre .ico { position: absolute; top: 0; left: 0; display: block; width: 36px; height: 36px; }

/* BLOC CALCULATRICE */
.bloc_calc { margin: 10px 0 0 10px; background: url(images/calc.png); }
.bloc_calc .titre .ico { background: url(images/ico_calc_36.png); }
.bloc_calc .text { display: block; width: 119px; height: 28px; padding: 7px 3px 0 3px; font-size: 1.4em; background: url(images/input_125.png); border: 0; }
html:not([lang*=""]) .bloc_calc .text { height: 32px; padding-top: 3px; }
.bloc_calc #p1 { position: absolute; top: 60px; left: 15px; }
.bloc_calc #p2 { position: absolute; top: 60px; right: 15px; }
.bloc_calc .btn { position: absolute; top: 110px; right: 15px; display: block; width: 125px; height: 35px; color: #fff; font-size: 1.4em; font-weight: bold; background: url(images/input_btn_125.png); border: 0; cursor: pointer; }

/* BLOC JEU TOP */
.bloc_jeutop { margin: 10px 0 0 10px; }
.bloc_jeutop .titre .ico { background: url(images/ico_etoile_36.png); }

/* BLOC HOROSCOPE */
.bloc_horoscope { margin: 10px 0 0 0; }
.bloc_horoscope .titre .ico { background: url(images/ico_horoscope_36.png); }

/* BLOCS PRESENTATION */
.pr { position: relative; width: 646px; margin: 0; padding: 0 0 10px 0; }
.pr .titre { position: relative; display: block; width: 636px; height: 26px; padding: 4px 0 0 10px; color: #fff; font-size: 1.5em; overflow: hidden; }
.pr ul { display: block; width: 636px; margin: 0 auto; }
.pr ul li { display: block; float: left; width: 115px; padding: 10px 5px; text-align: center; }
.pr ul li .img { display: block; width: 100px; height: 75px; margin: 0 auto; text-align: center; overflow: hidden; }
.pr ul li h2 { font-size: 1em; }
.pr ul li h2 a { color: #444; text-decoration: none; }
.pr_cat1 .titre { background: url(images/g_min_cat1.png) repeat-x; }
.pr_cat2 .titre { background: url(images/g_min_cat2.png) repeat-x; }
.pr_cat3 .titre { background: url(images/g_min_cat3.png) repeat-x; }
.pr_cat4 .titre { background: url(images/g_min_cat4.png) repeat-x; }
.pr_cat1 .img { border: 3px solid #f73a8e; }
.pr_cat2 .img { border: 3px solid #059ed8; }
.pr_cat3 .img { border: 3px solid #f9920d; }
.pr_cat4 .img { border: 3px solid #7abb02; }

/* NEWSLETTER */
.newsletter { float: left; position: relative; width: 162px; padding: 4px; background: url(images/g_mid_cat0.png) repeat-x; }
.newsletter .titre { padding: 2px 3px; color: #333; font-size: 1.5em; }
.newsletter .desc { padding: 0 4px 5px 4px; color: #333; font-size: 0.9em; }
.newsletter .newsletter_form { position: relative; display: block; width: 162px; height: 30px; background: url(images/newsletter_form.png); }
.newsletter .newsletter_form .text { display: block; position: absolute; top: 0; left: 5px; width: 122px; height: 22px; padding-top: 8px; font-size: 1.2em; background: url(images/spacer.gif); border: 0; }
html:not([lang*=""]) .newsletter .newsletter_form .text { height: 30px; padding-top: 0px; }
.newsletter .newsletter_form .btn { position: absolute; top: 0; right: 0; display: block; width: 35px; height: 30px; font-weight: bold; color: #fff; background: url(images/spacer.gif); border: 0; cursor: pointer; }

/* PUB JEPROGRESSE */
.pub_jeprogresse { float: left; width: 170px; margin-top: 10px; }

/* LINKS MRG */
.mrg { margin-top: 10px; }
.content .c2 .mrg { float: left; width: 170px; }
.mrg ul { display: block; padding: 0 0 7px 0; }
.mrg ul li { display: block; font-size: 0.9em; }
.mrg ul li a { text-decoration: none; }
.mrg ul li a:hover { text-decoration: underline; }

/* FULL COLORS */
.mrg_cat1 li, .mrg_cat1 a, #g_cat1 .bloc_jeux .titre, #g_cat1 .multipage ul li a, #g_cat1 .multipage ul li .on { color: #f73a8e; }
.mrg_cat2 li, .mrg_cat2 a, #g_cat2 .bloc_jeux .titre, #g_cat2 .multipage ul li a, #g_cat2 .multipage ul li .on { color: #059ed8; }
.mrg_cat3, .mrg_cat3 a, #g_cat3 .bloc_jeux .titre, #g_cat3 .multipage ul li a, #g_cat3 .multipage ul li .on { color: #f9920d; }
.mrg_cat4 li, .mrg_cat4 a, #g_cat4 .bloc_jeux .titre, #g_cat4 .multipage ul li a, #g_cat4 .multipage ul li .on { color: #7abb02; }

/* BLOC LISTE JEUX */
.bloc_jeux { }
.bloc_jeux .titre { display: block; font-size: 1.5em; padding: 10px; }
.lj { display: block; width: 630px; margin: 0 auto; }
.lj li { position: relative; display: block; float: left; width: 170px; height: 213px; margin: 10px; padding: 15px 10px 10px 10px; overflow: hidden; }
#g_cat0 .lj li { background-image: url(images/jm_cat0.png); }
#g_cat1 .lj li { background-image: url(images/jm_cat1.png); }
#g_cat2 .lj li { background-image: url(images/jm_cat2.png); }
#g_cat3 .lj li { background-image: url(images/jm_cat3.png); }
#g_cat4 .lj li { background-image: url(images/jm_cat4.png); }
.lj li:hover { background-position: -190px 0; }
.lj li .img { display: block; width: 170px; height: 128px; margin: 0 auto; text-align: center; background: #e1e1e1; overflow: hidden; }
.lj li .desc { display: block; font-size: 0.9em; color: #333; }
.lj li .titre { padding: 3px 0; font-size: 1em; }
.lj li .titre a, .lj li .desc a { color: #222; text-decoration: none; }

/* MULTIPAGE */
.multipage { width: 100%; height: 23px; padding: 20px 0; }
.multipage ul { padding-bottom: 10px; text-align: center; }
.multipage ul li { display: inline; margin: 0 4px; }
.multipage ul li a, .multipage ul li .on { font-size: 1.5em; font-weight: bold; padding: 2px 6px; text-decoration: none; }
.multipage #multipage_suite { display: block; height: 7px; overflow: hidden; }
.multipage #multipage_suite li { margin: 0 2px; }
.multipage #multipage_suite li a { padding: 0; font-size: 0.8em; font-weight: normal; background: none; border: 0; }
.multipage #multipage_suite li a:hover { color: #333; }

#g_cat1 .multipage ul li a:hover, #g_cat1 .multipage ul li.on a { color: #fff; background: url(images/g_min_cat1.png) repeat-x; }
#g_cat2 .multipage ul li a:hover, #g_cat2 .multipage ul li.on a { color: #fff; background: url(images/g_min_cat2.png) repeat-x; }
#g_cat3 .multipage ul li a:hover, #g_cat3 .multipage ul li.on a { color: #fff; background: url(images/g_min_cat3.png) repeat-x; }
#g_cat4 .multipage ul li a:hover, #g_cat4 .multipage ul li.on a { color: #fff; background: url(images/g_min_cat4.png) repeat-x; }

/* STARS */
.starz { position: relative; width: 150px; height: 30px; margin: 10px auto 0 auto; padding: 0; list-style: none; clear: both; background: url(images/starz.png) no-repeat 0 0; }
.starz_ul_0 { background-position:0 0 }
.starz_ul_1 { background-position:0 -30px}
.starz_ul_2 { background-position:0 -60px}
.starz_ul_3 { background-position:0 -90px}
.starz_ul_4 { background-position:0 -120px}
.starz_ul_5 { background-position:0 -150px}
.starz li { float: left; text-indent: -999em; cursor: pointer; }
.starz li a { position: absolute; top: 0; left: 0; width: 30px;	height: 30px; text-decoration: none; z-index: 200; }
.starz li.starz_li_1 a { left: 0; }
.starz li.starz_li_2 a { left: 30px; }
.starz li.starz_li_3 a { left: 60px; }
.starz li.starz_li_4 a { left: 90px; }
.starz li.starz_li_5 a { left: 120px; }
.starz li a:hover { width: 150px; height: 30px; overflow: hidden; left: 0; background: url(images/starz.png) no-repeat 0 0;	z-index: 2; }
.starz li.starz_li_1 a:hover { background-position: 0 -180px; }
.starz li.starz_li_2 a:hover { background-position: 0 -210px;}
.starz li.starz_li_3 a:hover { background-position: 0 -240px; }
.starz li.starz_li_4 a:hover { background-position: 0 -270px; }
.starz li.starz_li_5 a:hover { background-position: 0 -300px; }

/* JEU DETAIL */
#jd { position: relative; width: 926px; padding: 20px; background: #0b0804 url(images/jd_bg.png) repeat-x;  }
#jd_fla { float: left; width: 735px; height: 500px; }
#jd_fla table { width: 735px; height: 500px; border-collapse: collapse; }
#jd_fla table td { width: 735px; height: 500px; padding: 0; text-align: center; vertical-align: middle; background: #000; }
#jd_plus { float: right; width: 170px; }

.social li { display: block; float: left; width: 46px; height: 32px; }
.social .last { width: 32px; }
.social a { display: block; width: 32px; height: 32px; text-indent: -1000em; overflow: hidden; }
.social .share_yodi_fr { background: url(images/share_yodi_fr.png); }
.social .share_yodi_es { background: url(images/share_yodi_es.png); }
.social .share_yodi_en { background: url(images/share_yodi_en.png); }
.social .share_fb { background: url(images/share_fb.png); }
.social .share_tw { background: url(images/share_tw.png); }
.social .share_email { background: url(images/share_email.png); }

#slider { position: relative; width: 170px; height: 418px; margin-top: 10px; overflow: hidden; }
#slider .fleche { position: absolute; left: 0; display: block; width: 170px; height: 30px; text-indent: -100em; overflow: hidden; }
#g_cat1 .fleche { background-image: url(images/slider_fleche_cat1.png); }
#g_cat2 .fleche { background-image: url(images/slider_fleche_cat2.png); }
#g_cat3 .fleche { background-image: url(images/slider_fleche_cat3.png); }
#g_cat4 .fleche{ background-image: url(images/slider_fleche_cat4.png); }
#slider .fleche_up { top: 0; background-position: top left; }
#slider .fleche_down { bottom: 0; background-position: bottom left; }
#slider_in { position: absolute; top: 5px; left: 0; display: block; width: 170px; height: 400px; overflow: hidden; }
#slider ul { position: relative; display: block; width: 170px; }
#slider ul li { display: block; width: 170px; height: 128px; margin-bottom: 5px; text-align: center; overflow: hidden; }

.jd_desc { padding: 5px 10px 10px 10px; color: #666; }
.jd_desc a { color: #333; text-decoration: none; }
.jd_desc a:hover { text-decoration: underline; }


/* CALCULATRICE */
#calc .titre_big { padding: 10px; color: #333; font-size: 1.4em; }
#calc_result { position: relative; width: 400px; height: 320px; margin: 0 auto; padding: 0 0 0 200px; text-align: center; }
.calc_result_25 { background: url(images/audrey-25.png) no-repeat 0 0; }
.calc_result_50 { background: url(images/audrey-50.png) no-repeat 0 0; }
.calc_result_75 { background: url(images/audrey-75.png) no-repeat 0 0; }
.calc_result_100 { background: url(images/audrey-100.png) no-repeat 0 0; }
#calc_result .calc_result_noms { position: relative; padding-top: 40px; width: 400px; height: 50px; font-size: 1.8em; color: #333; background: url(images/calc_minicoeur.png) no-repeat bottom center; }
#calc_result .nom_1 { position: absolute; top: 45px; left: 0; display: block; width: 160px; text-align: right; }
#calc_result .nom_2 { position: absolute; top: 45px; right: 0; display: block; width: 160px; text-align: left; }
#calc_result .score { display: block; width: 400px; margin-top: 30px; color: #f73b8e; font-size: 9em; }
#calc_result .score strong { font-weight: normal; font-size: 1.6em; }

#calc_v2 { position: relative; width: 636px; height: 380px; margin: 0 0 0 10px; padding: 10px 0; background: url(images/calc_v2.png); }
#calc_v2 .calc_gb { width: 210px; }
#calc_v2 .calc_girl { float: left; }
#calc_v2 .calc_boy { float: right; }
#calc_v2 label { display: block; padding: 10px 0 3px 0; font-size: 1.4em; font-weight: bold; }
#calc_v2 .ch { display: block; }
#calc_v2 .text_mini { width: 50px; }
#calc_v2 .calc_girl label, #calc_v2 .calc_girl .ch { text-align: right; }
#calc_v2 .text, #calc_v2 select, #calc_v2 .text_mini { font-size: 1.3em; }
#calc_v2 .btn { display: block; width: 125px; height: 35px; margin: 20px auto 0 auto; color: #fff; font-size: 1.4em; font-weight: bold; background: url(images/input_btn_125.png); border: 0; cursor: pointer; }
#calc_v2 .titre { position: relative; display: block; margin: 5px 0; padding: 10px 3px 10px 40px; font-size: 1.4em; font-weight: bold; color: #fff; background: url(images/spacer_blanc_10.png); z-index: 2; }
#calc_v2 .titre .ico { position: absolute; top: 0; left: 0; display: block; width: 36px; height: 36px; background: url(images/ico_calc_36.png); }

/* HOROSCOPE */
.h_01 .img, #list_txt .h_01 { background: url(images/h_01_belier.png) no-repeat top left; }
.h_02 .img, #list_txt .h_02 { background: url(images/h_02_taureau.png) no-repeat top left; }
.h_03 .img, #list_txt .h_03 { background: url(images/h_03_gemeau.png) no-repeat top left; }
.h_04 .img, #list_txt .h_04 { background: url(images/h_04_cancer.png) no-repeat top left; }
.h_05 .img, #list_txt .h_05 { background: url(images/h_05_lion.png) no-repeat top left; }
.h_06 .img, #list_txt .h_06 { background: url(images/h_06_vierge.png) no-repeat top left; }
.h_07 .img, #list_txt .h_07 { background: url(images/h_07_balance.png) no-repeat top left; }
.h_08 .img, #list_txt .h_08 { background: url(images/h_08_scorpion.png) no-repeat top left; }
.h_09 .img, #list_txt .h_09 { background: url(images/h_09_sagittaire.png) no-repeat top left; }
.h_10 .img, #list_txt .h_10 { background: url(images/h_10_capricorne.png) no-repeat top left; }
.h_11 .img, #list_txt .h_11 { background: url(images/h_11_verseau.png) no-repeat top left; }
.h_12 .img, #list_txt .h_12 { background: url(images/h_12_poisson.png) no-repeat top left; }

#horoscope { padding: 0 0 20px 0; }
#horoscope .titre { padding: 10px; font-size: 1.5em; color: #333; }
#h_list { width: 600px; margin: 0 auto ; padding-top: 10px; }
#h_list li { display: block; float: left; width: 100px; height: 150px; font-size: 1.4em; }
#h_list li a { display: block; color: #333; text-align: center; text-decoration: none; }
#h_list li a:hover { text-decoration: underline; }
#h_list li .img { display: block; width: 100px; height: 100px; }

#list_txt .h_info { clear: both; width: 400px; margin: 20px auto 0 auto; padding: 0 0 0 110px; }
#list_txt .h_info .fake { display: block; float: left; width: 1px; height: 100px; }
#list_txt .h_info .titre { padding: 0 0 5px 0; font-size: 1.7em; }

#page_404 { position: relative; width: 230px; height: 200px; margin: 0 auto; padding: 120px 0 0 160px; color: #333; font-size: 1.2em; font-weight: bold; text-align: center; background: url(images/audrey-25.png) no-repeat 0 0; }
#page_404 a { color: #e64d91; }


.form_newsletter { width: 401px; margin: 0 auto; padding: 0 0 0 200px; background: url(images/audrey-newsletter.png) no-repeat 0 0; }
.form_newsletter .vide { display: block; float: left; width: 1px; height: 300px; overflow: hidden; }
.form_newsletter .error { float: left; width: 370px; margin: 10px 0; padding: 10px; background: #ffb0d8; border: 1px solid #c62f6f; }
.form_newsletter .error ul { padding: 5px 20px; }
.form_newsletter .error ul li { padding: 3px 0 3px 15px; list-style-position: inside; list-style-type: disc; }
.form_newsletter form { display: block; float: left; width: 400px; padding-top: 20px; }

.input, .checkbox { clear: both; padding: 10px 0; }
.input label.ratio { display: inline; float:none; width: auto; font-weight: normal; font-size: 1em; color: #333; }
.input label { display: block; float: left; width: 100px; font-weight: bold; font-size: 1.3em; color: #333; }
.checkbox label { display: inline; float:none; width: auto; font-weight: normal; font-size: 1em; color: #333; }
.input .label2 { padding: 0 0 0 7px; }
.submit input{ display: block; width: 125px; height: 35px; margin: 0 auto; font-weight: bold; color: #fff; background: url(images/input_btn_125.png); border: 0; cursor: pointer; }
.input .text { width: 250px; }
.input .text_mini { width: 60px; }
.input .textarea { width: 250px; height: 150px; }

.action_ok { width: 401px; margin: 0 auto; padding: 0 0 0 200px; text-align: center; background: url(images/audrey-75.png) no-repeat 0 0; }
.action_ok .vide { display: block; float: left; width: 1px; height: 300px; overflow: hidden; }
.action_ok .titre { padding-top: 30px; color: #f73b8e; font-size: 5em; }
.action_ok .text { padding: 20px 0; font-size: 1.3em; }
.action_ok .btn_retour { display: block; width: 125px; height: 25px; margin: 10px auto 0 auto; padding-top: 10px; font-weight: bold; color: #fff; font-size: 1.2em; text-decoration: none; background: url(images/input_btn_125.png); border: 0; cursor: pointer; }


#pastille_plus { position: absolute; bottom: -18px; left: -17px; display: block; width: 91px; height: 91px; overflow: hidden; background: url(images/pastille_plus.png); }
#pastille_plus span { position: absolute; top: 0; left: 0; display: block; width: 91px; height: 91px; text-indent: -1000em; overflow: hidden; }
#pastille_plus .pastille_plus_fr { background: url(images/pastille_plus_fr.gif); }


/*
 STYLE A SUPPR EN PROD
*/
.cake-sql-log {	width:100%;	background-color:#000;	color:#FFF;	border-collapse:collapse;}
.cake-sql-log caption {	background-color:#900;	color:#FFF;	}
.cake-sql-log:hover {	top:auto;	bottom:0;	}
.cake-sql-log td {	padding:3px;	border:1px solid #999;	background-color:#EEE;	color:#000;}