body { font: 0.75em Arial, Verdana, sans-serif; direction: ltr; } /* RECUP */ a i { display: none; } .forcer_largeur { width: 630px; height: inherit; } img.bordure_blanche { border: 10px solid #FFFFFF;} #bcolo .forcer_largeur { width: inherit; } .open_in_lightbox{ display: block; text-align:center; /*margin:10px; padding: 5px;*/ } hr { border:none; position: relative; height: 17px; background: url(/design/normal/css/hr_shadow.png) no-repeat bottom center; } hr.light, hr.clear { height: 1px; background: none; } .mycontent table td a{ float: left; } .mycontent h3 { font-size: 1.4em; margin: 15px 0; } /* GLOBAL */ #global { position: relative; width: 970px; margin: 0 auto; z-index: 10; } #top { position: relative; width: 100%; height: 230px; } #logo { display: block; position: absolute; top: 5px; left: -25px; width: 250px; height: 200px; text-indent: 1000em; overflow: hidden; } .logo_fr { background: url(/design/normal/images/logo_fr.png); _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/design/normal/images/logo_fr.png, sizingMethod=image); } .logo_en { background: url(/design/normal/images/logo_en.png); _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/design/normal/images/logo_en.png, sizingMethod=image); } .logo_es { background: url(/design/normal/images/logo_es.png); _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/design/normal/images/logo_es.png, sizingMethod=image); } #logo_mini { display: block; position: absolute; top: 10px; left: 0; width: 200px; height: 96px; text-indent: 1000em; overflow: hidden; } .logo_mini_fr { background: url(/design/normal/images/logo_mini_fr.png); _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/design/normal/images/logo_mini_fr.png, sizingMethod=image); } .logo_mini_en { background: url(/design/normal/images/logo_mini_en.png); _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/design/normal/images/logo_mini_en.png, sizingMethod=image); } .logo_mini_es { background: url(/design/normal/images/logo_mini_es.png); _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/design/normal/images/logo_mini_es.png, sizingMethod=image); } #content { position: relative; width: 970px; margin: 0 auto; z-index:2;} #c1 { float: left; width: 650px; } #c2 { position: relative; float: right; width: 310px; } #c2 .c2_top { display: block; width: 310px; height: 5px; overflow: hidden; background: url(/design/normal/images/c2_top_foot_bg.png) no-repeat 0 0; _background: #fff; } #c2 .c2_foot { display: block; width: 310px; height: 5px; overflow: hidden; background: url(/design/normal/images/c2_top_foot_bg.png) no-repeat 0 -5px; _background: #fff; } #c2 .c2_mid { width: 310px; background: url(/design/normal/images/c2_mid_bg.png) repeat-y; _background: #fff; } #c2 .c2_mid .c2_mid_content { width: 300px; margin: 0 auto; } /* ZONE CLIC SKIN */ #top .zone_clic { display: block; position: absolute; top: 0; left: 0; width: 960px; height: 230px; text-decoration: none; background: url(/design/normal/images/spacer.gif) repeat; } #clicable_skin, #swf_skin{ z-index:1;width:100%; height:1500px; min-height: 1200px; background: url(/design/normal/images/spacer.gif); cursor:pointer; position:absolute; top:0; left:0; overflow:visible; } #swf_skin{ z-index:0; } html>body #swf_skin{ height: 100%; } /* PUBS */ #megaban_1 { position: relative; top: 0; left: 0; width: 100%; z-index: 1000; } #megaban_2 { position: relative; width: 970px; height: 1px; margin: 0 auto; } #pub_megaban { position: absolute; top: 30px; right: 0; width: 728px; height: 90px; } .pub_mega { position: relative; width: 728px; height: 90px; z-index: 100; } .pub_pave { position: relative; width: 300px; } #top .pub_mega { position: absolute; top: 30px; right: 0; } .pub_bottom { position: relative; width: 468px; height: 60px; margin: 0 auto; } .box .Top { position: relative; width: 728px; height: 90px; margin: 0 auto; } .pub_close { display: block; position: absolute; top: 0; right: -12px; width: 12px; height: 13px; overflow: hidden; background: url(/design/normal/images/pub_close.png); } .pub_topright { position: relative; float: right; width: 160px; height: 600px; text-align: center; background: url(/design/normal/images/spacer_noir_30.png) repeat; } #box_pub_foot { position: relative; width: 748px; margin: 10px auto 0 auto; padding-bottom: 16px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: url(/design/normal/images/spacer_noir_30.png) repeat; _background: #222; } /*.pub_topright .pub_close { display: block; position: absolute; top: -12px; right: 0; width: 13px; height: 12px; background: url(/design/normal/images/pub_close2.png); overflow: hidden; }*/ #box_pub_foot .pub_close { top: 5px; } /* #MENU # cf : menu_v2.css */ #g_coloriage .m_coloriage { z-index: 10; } #g_dessin .m_dessin { z-index: 10; } #g_brico .m_brico { z-index: 10; } #g_video .m_video { z-index: 10; } #g_lecture .m_lecture { z-index: 10; } #g_jeux .m_jeux { z-index: 10; } #g_brico #menu_fr .m_brico .txt { height: 50px; padding-top: 0; line-height: 0.8em; } #g_video #menu_fr .m_video .txt { height: 50px; padding-top: 0; line-height: 0.8em; } #g_coloriage #menu_es .m_coloriage .txt { height: 50px; padding-top: 0; line-height: 0.8em; } #g_video #menu_es .m_video .txt { height: 50px; padding-top: 0; line-height: 0.8em; } #g_coloriage #menu_en .m_coloriage .txt { height: 50px; padding-top: 0; line-height: 0.8em; } #g_brico #menu_en .m_brico .txt { height: 50px; padding-top: 0; line-height: 0.8em; } #g_video #menu_en .m_video .txt { height: 50px; padding-top: 0; line-height: 0.8em; } /* BOX */ .box, .box_310 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.6); } #c1 .box { position: relative; width: 650px; color: #fff; z-index: 2; } #c1 .box:before { content:''; height: 1px; display: block; background: transparent; clear: both; } #c1 .box_310 { width: 310px; } #g_coloriage .box, #g_coloriage .box_310 { background: #79ba01; } #g_dessin .box, #g_dessin .box_310 { background: #009cd7; } #g_brico .box, #g_brico .box_310 { background: #e64d91; } #g_video .box, #g_video .box_310 { background: #303030; } #g_lecture .box, #g_lecture .box_310 { background: #7c7cc5; } #g_jeux .box, #g_jeux .box_310 { background: #d93236; } #g_search .box, #g_search .box_310 { background: #009cd7; } #g_club .box, #g_club .box_310, #g_search #home_yodicity.box { background: #b9967b; } /* ICO 36 - DEVIENT ICO 40*/ #g_coloriage .top_titre .ico { background: url(/design/normal/images/ico_coloriage_40.png); } #g_dessin .top_titre .ico { background: url(/design/normal/images/ico_dessin_40.png); } #g_brico .top_titre .ico { background: url(/design/normal/images/ico_brico_40.png); } #g_video .top_titre .ico { background: url(/design/normal/images/ico_video_40.png); } #g_lecture .top_titre .ico { background: url(/design/normal/images/ico_lecture_40.png); } #g_jeux .top_titre .ico { background: url(/design/normal/images/ico_jeux_40.png); } #g_club .top_titre .ico { background: url(/design/normal/images/ico_club_40.png); } #g_search .top_titre .ico { background: url(/design/normal/images/ico_search_40.png); } /* ICO 20 */ .list_items_search li.coloriage .ico { background: url(/design/normal/images/ico_coloriage_20.png); } .list_items_search li.dessin .ico { background: url(/design/normal/images/ico_dessin_20.png); } .list_items_search li.brico .ico { background: url(/design/normal/images/ico_brico_20.png); } .list_items_search li.video .ico { background: url(/design/normal/images/ico_video_20.png); } .list_items_search li.lecture .ico { background: url(/design/normal/images/ico_lecture_20.png); } .list_items_search li.jeux .ico { background: url(/design/normal/images/ico_jeux_20.png); } .list_items_search li.club .ico { background: url(/design/normal/images/ico_club_20.png); } /* CHANGE COLOR */ #change_color { } /* BOX NIVEAU 2 */ .btxt { position: relative; width: 630px; padding: 10px; } .btxt a { color: #fff; } .bbox { width: 640px; margin: 0 auto; } .bbox a { color: #fff; } .bbox_m { clear: both; padding: 0 10px; color: #000; background: #fff; } .bbox .bbox_m a { color: #000; } .bbox .bbox_c { display: block; width: 64px; height: 26px; background: url(/design/normal/images/bbox.png); _background: #fff; overflow: hidden; } .bbox .bbox_c_tl { float: left; background-position: 0 0; } .bbox .bbox_c_tm { float: left; width: 512px; background: #fff; } .bbox .bbox_c_tr { float: left; background-position: -64px 0; } .bbox .bbox_c_bl { float: left; background-position: 0 -26px; } .bbox .bbox_c_bm { float: left; width: 512px; background: #fff; overflow: inherit; } .bbox .bbox_c_br { float: left; background-position: -64px -26px; } .bbox1{ } .bbox1 .bbox_m { width: 640px; padding: 0; } .bbox1 .bbox_c { display: block; height: 5px; background: url(/design/normal/images/bbox2.png); _background: #fff; } .bbox1 .bbox_c_tl { float: left; width: 5px; background-position: 0 0; } .bbox1 .bbox_c_tm { float: left; width: 630px; background: #fff; } .bbox1 .bbox_c_tr { float: left; width: 5px; background-position: -5px 0; } .bbox1 .bbox_c_bl { float: left; width: 5px; height: 5px; background-position: 0 -47px; } .bbox1 .bbox_c_bm { float: left; width: 630px; height: 5px; background: #fff; } .bbox1 .bbox_c_br { float: left; width: 5px; height: 5px; background-position: -5px -47px; } .bbox2 .bbox_m { width: 640px; padding: 0; } .bbox2 .bbox_c { display: block; height: 26px; background: url(/design/normal/images/bbox2.png); _background: #fff; } .bbox2 .bbox_c_tl { float: left; width: 5px; background-position: 0 0; } .bbox2 .bbox_c_tm { float: left; width: 584px; background: #fff; } .bbox2 .bbox_c_tr { float: left; width: 51px; background-position: -10px 0; } .bbox2 .bbox_c_bl { float: left; width: 5px; height: 5px; background-position: 0 -47px; } .bbox2 .bbox_c_bm { float: left; width: 630px; height: 5px; background: #fff; } .bbox2 .bbox_c_br { float: left; width: 5px; height: 5px; background-position: -5px -47px; } .bbox3 { width: 300px; } .bbox3 .bbox_m { width: 300px; padding: 0; } .bbox3 .bbox_c { display: block; height: 26px; background: url(/design/normal/images/bbox2.png); _background: #fff; } .bbox3 .bbox_c_tl { float: left; width: 5px; height: 5px; background-position: 0 0; } .bbox3 .bbox_c_tm { float: left; width: 290px; height: 5px; background: #fff; } .bbox3 .bbox_c_tr { float: left; width: 5px; height: 5px; background-position: -5px 0; } .bbox3 .bbox_c_bl { float: left; width: 5px; background-position: 0 -26px; } .bbox3 .bbox_c_bm { float: left; width: 244px; background: #fff; } .bbox3 .bbox_c_br { float: left; width: 51px; background-position: -10px -26px; } .bbox4 .bbox_c { display: block; width: 64px; height: 26px; background: url(/design/normal/images/bbox.png); _background: #fff; overflow: hidden; } .bbox4 .bbox_c_tl { float: left; background-position: -128px 0; } .bbox4 .bbox_c_tm { float: left; width: 512px; background: #fff; } .bbox4 .bbox_c_tr { float: left; background-position: -64px 0; } /* MINI LIST */ #mini_list { position: relative; width: 620px; margin: 3px auto 0 auto; padding: 5px 0 0 0; background: #fff; } #mini_list .mini_list_side { display: block; position: absolute; top: 0; width: 5px; height: 70px; overflow: hidden; background: url(/design/normal/images/mini_list_sides.png); _background: none; } #mini_list .mini_list_side_l { left: -5px; background-position: 0 0; } #mini_list .mini_list_side_r { right: -5px; background-position: -5px 0; } #mini_list .mini_list_slider { width: 540px; margin: 0 auto; overflow: hidden; } #mini_list ul { display: block; height: 65px; } #mini_list ul li { display: block; position: relative; float: left; width: 60px; height: 65px; margin: 0; } #mini_list ul li a, #mini_list ul li .fkl { display: block; position: absolute; top: 5px; left: 1px; width: 48px; height: 48px; background: #fff; border: 1px solid #ddd; overflow: hidden; } #mini_list ul li.on a, #mini_list ul li.on .fkl, #mini_list ul li a:hover { top: 0; left: 0; border: 2px solid #555; } #mini_list ul li .fkl img { width: 50px; } #mini_list .btn { position: absolute; top: 14px; width: 30px; height: 42px; padding: 0; text-indent: -1000em; overflow: hidden; background: url(/design/normal/images/mini_list_fleches.png); } #mini_list a.btn_prev { left: 0px; background-position: 0 0; } #mini_list a.btn_next { right: 0px; background-position: -30px 0; } #mini_list a.btn_prev:hover { background-position: 0 -42px; } #mini_list a.btn_next:hover { background-position: -30px -42px; } #mini_list a.btn_prev_off { background: none; } #mini_list a.btn_next_off { background: none; } /* LIST ITEMS 1 */ .list_items { width: 620px; margin: 13px 0 0 13px; overflow: hidden; } .list_items li { position: relative; display: block; float: left; width: 149px; height: 210px; margin: 0 8px 0 0; overflow: hidden; } .list_items li.last { margin-right: 0; } #g_coloriage .list_items li { background: #79ba01; } #g_dessin .list_items li { background: #009cd7; } #g_brico .list_items li { background: #e64d91; } #g_video .list_items li { background: #303030; } #g_lecture .list_items li { background: #7c7cc5; } #g_jeux .list_items li { background: #d93236; } #g_club .list_items li { background: #b9967b; } .list_items li .img { position: absolute; top: 63px; left: 10px; display: block; width: 120px; height: 120px; text-align: center; background: #fff; overflow: hidden; } .list_items li .img img { height: 120px; } .list_items li h2 { position: absolute; top: 0; left: 0; display: block; width: 149px; height: 200px; color: #fff; font-size: 1.2em; background: url(/design/normal/images/spacer.gif) repeat; overflow: hidden; } .list_items li h2 .cadre { position: absolute; top: 0; left: 0; display: block; width: 149px; height: 200px; color: #fff; text-decoration: none; background: url(/design/normal/images/list_item_new2.png); _background: none; } .list_items li h2 .cadre:hover { background: url(/design/normal/images/list_item_new2.png) top right; _background: none; } .list_items li h2 a { text-decoration: none; } .list_items li h2 a span { position: absolute; top: 4px; left: 6px; display: block; width: 128px; height: 51px; text-align: center; /*text-shadow: 1px 1px 0 #2f2f2f;*/ overflow: hidden; } .list_items li .lplus { display: none; position: absolute; top: 7px; left: 5px; width: 128px; color: #eee; font-size: 0.85em; text-align: center; text-decoration: none; } .list_items li .nb { position: absolute; bottom: 5px; right: 8px; font-size: 0.8em; color: #666; } .list_items li .btn { display: block; position: absolute; } #g_video .list_items li .btn { top: 153px; left: 90px; width: 35px; height: 27px; background: url(/design/normal/images/list_item_video_mini_btn.png); } #g_video .list_items li .btn_video { background-position: 0 0; } #g_video .list_items li .btn_music { background-position: 0 -27px; } /* LIST ITEMS 204 */ .list_items_204 li { width: 204px; height: 179px; margin: 0 4px 0 0; } .list_items_204 li h2 { width: 204px; height: 179px; } .list_items_204 li .img { top: 61px; left: 10px; width: 180px; height: 104px; } .list_items_204 li .cadre { width: 204px; height: 179px; background: url(/design/normal/images/cadre_list_item_204.png); _background: url(/design/normal/images/cadre_list_item_204.gif); } .list_items_204 li .cadre span { width: 188px; } /* LIST ITEMS 304 */ .list_items_304 { width: 620px; overflow: hidden; } .list_items_304 li { position: relative; display: block; float: left; width: 304px; height: 209px; margin: 0 12px 12px 0; overflow: hidden; } .list_items_304 li.last { margin-right: 0; } .list_items_304 li .img { display: block; position: absolute; top: 73px; left: 16px; width: 120px; height: 120px; overflow: hidden; } .list_items_304 li h2 { position: relative; display: block; width: 304px; height: 209px; font-size: 1.2em; } .list_items_304 li h2 .cadre { display: block; width: 304px; height: 209px; color: #fff; text-decoration: none; background: url(/design/normal/images/cadre_list_item_304.png); _background: url(/design/normal/images/cadre_list_item_304.gif); } .list_items_304 li h2 .cadre span { position: absolute; top: 8px; left: 6px; display: block; width: 288px; height: 32px; overflow: hidden; } .list_items_304 li .texte { position: absolute; top: 73px; left: 146px; display: block; width: 140px; height: 103px; color: #666; font-size: 0.9em; overflow: hidden; } .list_items_304 li .texte_suite { position: absolute; bottom: 10px; right: 15px; font-weight: bold; color: #333; } #g_lecture .list_items_304 li { background: #7c7cc5; } /* LIST ITEMS 75 */ .list_items_75 { width: 630px; margin: 0 auto; overflow: hidden; } .bbox2 .list_items_75 { width: 630px; padding: 0; } .bbox3 .list_items_75 { width: 262px; padding: 15px 0 0 0; } .list_items_75 li { position: relative; display: block; float: left; width: 77px; height: 77px; overflow: hidden; } .bbox2 .list_items_75 li, .bbox3 .list_items_75 li { margin-right: 15px; } .list_items_75 li.last { margin-right: 0; } .list_items_75 li a { position: absolute; top: 0; left: 0; display: block; width: 77px; height: 77px; text-align: center; overflow: hidden; } .list_items_75 li a .img { display: block; position: relative; width: 74px; height: 74px; overflow: hidden; background: #fff; } .list_items_75 li a img { position: relative; } .list_items_75 li a .cadre { position: absolute; top: 0; left: 0; display: block; width: 77px; height: 77px; background: url(/design/normal/images/cadre_list_item_75.png) no-repeat 0 0; _background: none; overflow: hidden; } .list_items_75 li a:hover .cadre { background-position: -77px 0; } /* LIST ITEMS 50 */ .list_items_50 { width: 630px; margin: 0 auto; overflow: hidden; } .list_items_50 li { position: relative; display: block; float: left; width: 52px; height: 52px; overflow: hidden; } .list_items_50 li.last { margin-right: 0; } .list_items_50 li a { position: absolute; top: 0; left: 0; display: block; width: 52px; height: 52px; text-align: center; overflow: hidden; } .list_items_50 li a .img { display: block; position: relative; width: 49px; height: 49px; overflow: hidden; background: #fff; } .list_items_50 li a img { position: relative; width: 60px; } .list_items_50 li a .cadre { position: absolute; top: 0; left: 0; display: block; width: 52px; height: 52px; background: url(/design/normal/images/cadre_list_item_50.png) no-repeat 0 0; _background: none; overflow: hidden; } .list_items_50 li a:hover .cadre { background-position: -52px 0; } /* LIST ITEMS DESSINS */ .list_items_double li { display: block; position: relative; float: left; width: 304px; height: 164px; margin: 0 12px 12px 0; } .list_items_double li.last { margin-right: 0; } .list_items_double li .img { position: absolute; display: block; left: 0; width: 300px; height: 160px; overflow: hidden; } .list_items_double li h2 { display: block; position: relative; width: 304px; height: 164px; font-size: 1.2em; } .list_items_double li h2 .cadre { display: block; position: absolute; top: 0; left: 0; width: 304px; height: 164px; color: #fff; text-decoration: none; overflow: hidden; } .list_items_double li h2 .cadre:hover { background-position: 0 0; } .list_items_double li h2 .cadre span { position: absolute; top: 95px; left: 82px; width: 193px; height: 29px; padding-top: 11px; text-align: center; } .list_items_dessins li h2 .cadre { background: url(/design/normal/images/list_item_dessin_cadre.png) no-repeat -304px 0; _background: url(/design/normal/images/list_item_dessin_cadre.gif) no-repeat -304px 0; } .list_items_dessins li h2 .cadre span { background: url(/design/normal/images/list_item_dessin_btn.png) no-repeat; } .list_items_jeux li h2 .cadre { background: url(/design/normal/images/list_item_jeux_cadre.png) no-repeat -304px 0; _background: url(/design/normal/images/list_item_dessin_cadre.gif) no-repeat -304px 0; } .list_items_jeux li h2 .cadre span { background: url(/design/normal/images/list_item_jeux_btn.png) no-repeat; } /* LIST ITEMS DESSINS */ .list_items_videos li { display: block; position: relative; float: left; width: 200px; height: 170px; margin-right: 10px; } .list_items_videos li .img { display: block; position: absolute; top: 0; left: 0; width: 200px; height: 170px; overflow: hidden; } .list_items_videos li h2 { display: block; position: relative; width: 200px; height: 170px; font-size: 1.2em; } .list_items_videos li h2 .cadre { display: block; position: absolute; top: 0; left: 0; width: 200px; height: 170px; color: #fff; text-decoration: none; background: url(/design/normal/images/cadre_list_item_200_video.png) no-repeat 0 0; } .list_items_videos li h2 .cadre:hover { background-position: -200px 0; } .list_items_videos li h2 .cadre span { display: block; position: absolute; top: 124px; left: 76px; width: 110px; height: 25px; padding-top: 7px; text-align: center; background: url(/design/normal/images/list_item_video_btn.png); } #g_video .list_items_videos li.video-video { background: url(/design/normal/images/video-video.jpg); } #g_video .list_items_videos li.video-cinema { background: url(/design/normal/images/video-cinema.jpg); } #g_video .list_items_videos li.video-music { margin-right: 0; background: url(/design/normal/images/video-music.jpg); } /* ZONE REF */ .ref { padding: 10px; color: #fff; } .ref h2 { font-size: 1em; } .ref a { color: #fff; text-decoration: none; } .ref a:hover { text-decoration: underline; } .ref ul { width: 630px; text-align: left; } .ref ul li { display: inline; padding: 2px 7px 0 0; } /* BOX COLORIAGE */ #bcolo { width: 640px; height: auto; margin: 0 auto; } #bcolo #bcolo_top { width: 640px; height: 5px; overflow: hidden; } #bcolo #bcolo_mid { clear: both; width: 640px; padding-bottom: 10px; background: url(/design/normal/images/bcolo_bg.gif) repeat-y; } #bcolo #bcolo_c1 { position: relative; float: left; width: 501px; padding-left: 4px; } #bcolo #bcolo_c2 { float: left; width: 135px; } .bcolo_c { display: block; float: left; width: 5px; height: 5px; background: url(/design/normal/images/bbox_c.png); } .bcolo_c_tl { background-position: 0 0; } .bcolo_c_tr { background-position: -10px 0; } .bcolo_c_tm { width: 630px; background: url(/design/normal/images/bcolo_bg.gif) repeat-y -5px 0; } .bcolo_c_fl { background-position: 0 -5px; } .bcolo_c_fr { background-position: -10px -5px; } .bcolo_c_fm { width: 630px; background: url(/design/normal/images/bcolo_bg.gif) repeat-y -5px 0; } #bcolo #bcolo_c1 img { position: relative; width: 500px; height: inherit; } #bcolo #bcolo_c1 #flash_over { position: absolute; top: 0; left: 4px; width: 500px; } #slider_colo { position: relative; width: 123px; height: 725px; margin: 5px 0 0 6px; overflow: hidden; } #slider_colo .jcarousel-prev, #slider_colo .jcarousel-next { position: relative; display: block; width: 120px; height: 30px; cursor: pointer; } #g_coloriage #slider_colo .jcarousel-prev, #g_coloriage #slider_colo .jcarousel-next { background-color: #79ba01; } #g_dessin #slider_colo .jcarousel-prev, #g_dessin #slider_colo .jcarousel-next { background-color: #009cd7; } #g_video #slider_colo .jcarousel-prev, #g_video #slider_colo .jcarousel-next { background-color: #303030; } #g_brico #slider_colo .jcarousel-prev, #g_brico #slider_colo .jcarousel-next { background-color: #e64d91; } #g_lecture #slider_colo .jcarousel-prev, #g_lecture #slider_colo .jcarousel-next { background-color: #7c7cc5; } #g_jeux #slider_colo .jcarousel-prev, #g_jeux #slider_colo .jcarousel-next { background-color: #d93236; } #g_club #slider_colo .jcarousel-prev, #g_club #slider_colo .jcarousel-next { background-color: #b9967b; } #slider_colo .jcarousel-prev { background-image: url(/design/normal/images/bcolo_fleches.png); position:absolute; top:0; } #slider_colo .jcarousel-next { position: absolute; bottom: 0; right: 0; background-image: url(/design/normal/images/bcolo_fleches.png); background-position: 0 -30px; } #slider_colo .jcarousel-clip { position: relative; width: 123px; height: 665px; overflow: hidden; top: 35px; } #slider_colo ul { position: relative; display: block; width: 123px; margin: 10px 0; overflow: hidden; } #slider_colo ul li { position: relative; display: block; width: 123px; height: 123px; margin-bottom: 10px; text-align: center; background: #fff; overflow: hidden; } #slider_colo ul li a { position: relative; display: block; width: 123px; height: 123px; text-decoration: none; color: #FFF;} #slider_colo ul li a .lib { position: absolute;display:block; font-size: 11px; bottom:6px; left:-118px; z-index: 2; padding: 5px 2px; width: 110px; } #slider_colo ul li a:hover .lib { left: 3px; } #slider_colo ul li img { position: relative; } #slider_colo ul li .cadre { position: absolute; top: 0; left: 0; display: block; width: 123px; height: 123px; background: url(/design/normal/images/cadre_list_bcolo.gif); } #slider_colo ul li .cadre_on { position: absolute; top: 0; left: 0; display: block; width: 114px; height: 114px; } #slider_colo ul li .cadre_on .tah { display: block; _display: none; position: absolute; top: -150px; left: 77px; width: 40px; height: 20px; background: url(/design/normal/images/tah.png); _background: none; overflow: hidden; } #slider_colo ul li.on .cadre_on, #slider_colo ul li a:hover .cadre_on { border-style: solid; border-width: 3px; } #slider_colo ul li.on .cadre_on .tah, #slider_colo ul li a:hover .cadre_on .tah { top: 97px; } #g_coloriage #slider_colo ul li a:hover .cadre_on, #g_coloriage #slider_colo ul li.on .cadre_on { border-color: #79ba01; } #g_dessin #slider_colo ul li a:hover .cadre_on, #g_dessin #slider_colo ul li.on .cadre_on { border-color: #009cd7; } #g_brico #slider_colo ul li a:hover .cadre_on, #g_brico #slider_colo ul li.on .cadre_on { border-color: #e64d91; } #g_video #slider_colo ul li a:hover .cadre_on, #g_video #slider_colo ul li.on .cadre_on { border-color: #303030; } #g_lecture #slider_colo ul li a:hover .cadre_on, #g_lecture #slider_colo ul li.on .cadre_on { border-color: #7c7cc5; } #g_jeux #slider_colo ul li a:hover .cadre_on, #g_jeux #slider_colo ul li.on .cadre_on { border-color: #d93236; } #g_club #slider_colo ul li a:hover .cadre_on, #g_club #slider_colo ul li.on .cadre_on { border-color: #b9967b; } #g_coloriage #slider_colo ul li a:hover .cadre_on .tah,#g_coloriage #slider_colo ul li.on a .cadre_on .tah { background-position: 0 0; } #g_dessin #slider_colo ul li a:hover .cadre_on .tah,#g_dessin #slider_colo ul li.on a .cadre_on .tah { background-position: 0 -20px; } #g_brico #slider_colo ul li a:hover .cadre_on .tah,#g_brico #slider_colo ul li.on a .cadre_on .tah { background-position: 0 -40px; } #g_video #slider_colo ul li a:hover .cadre_on .tah,#g_video #slider_colo ul li.on a .cadre_on .tah { background-position: 0 -60px; } #g_lecture #slider_colo ul li a:hover .cadre_on .tah,#g_lecture #slider_colo ul li.on a .cadre_on .tah { background-position: 0 -80px; } #g_jeux #slider_colo ul li a:hover .cadre_on .tah,#g_jeux #slider_colo ul li.on a .cadre_on .tah { background-position: 0 -100px; } #g_club #slider_colo ul li a:hover .cadre_on .tah, #g_club #slider_colo ul li.on a .cadre_on .tah { background-position: 0 -120px; } /* LISTE VIDEOS ALTERNATIVES */ .list_alt { width: 100%; margin: 0 0 10px 0; padding: 10px 0 0 0; border-radius: 5px; } .list_alt_bg { background: url(/design/normal/images/spacer_white_large.png) repeat; _background: none; } .list_alt .titre { display: block; padding: 0 10px 10px 10px; font-weight: normal; font-size: 2em; color: #fff; font-family: 'Amaranth', Verdana, cursive; text-shadow: 1px 1px 2px rgba(0,0,0,.5); word-spacing: 0.2em; } .list_alt ul { display: block; width: 594px; margin: 0 auto; } .list_alt ul li { display: block; position: relative; float: left; width: 110px;/*height: 145px;*/ height: 160px; margin: 0 11px 0 0; overflow: hidden; } .list_alt ul li.last { margin-right: 0; } .list_alt ul li .img { display: block; position: absolute; top: 12px; left: 5px; width: 100px; height: 100px; text-align: center; background: #fff; overflow: hidden; } .list_alt ul li .img img { height: 100px; } .list_alt ul li h2 { display: block; position: relative; width: 110px; height: 145px; font-size: 0.9em; font-weight: normal; text-align: center; overflow: hidden; } .list_alt ul li .cadre { display: block; position: absolute; width: 110px; height: 145px; top: 0; left: 0; color: #fff; text-decoration: none; background: url(/design/normal/images/cadre_list_alt_110.png) no-repeat -110px 0; _background: url(/design/normal/images/cadre_list_alt_110.gif) no-repeat -110px 0; } .list_alt ul li .cadre:hover { background-position: 0 0; } .list_alt ul li .text { display: block; position: absolute; top: 117px; left: 0; width: 110px; height: 27px; overflow: hidden; } .list_alt ul li .btn { display: block; position: absolute; } #g_video .list_alt ul li .btn { top: 81px; left: 66px; width: 35px; height: 27px; background: url(/design/normal/images/list_item_video_mini_btn.png); } #g_video .list_alt ul li .btn_video { background-position: 0 0; } #g_video .list_alt ul li .btn_music { background-position: 0 -27px; } #log_content .list_alt, #log_content .list_alt ul { width: 473px; } /* BOX ONLINE */ #box_online { position: relative; width: 300px; height: 200px; margin-bottom: 5px; } #box_online .bg { display: block; position: absolute; top: 3px; left: 3px; width: 294px; height: 194px; background-color: #b9967b; } #box_online .titre_bg { position: absolute; top: 10px; left: 3px; width: 295px; height: 35px; background: url(/design/normal/images/spacer_noir_50.png) repeat; } #box_online .img { display: block; position: absolute; top: 3px; left: 3px; width: 294px; height: 194px; overflow: hidden; } #box_online .img img { position: absolute; } #box_online .age_1 img { top: -350px; left: -245px; } #box_online .age_2 img { top: -295px; left: -245px; } #box_online .age_3 img { top: -220px; left: -238px; } #box_online .age_4 img { top: -168px; left: -237px; } #box_online .age_5 img { top: -125px; left: -237px; } #box_online .cadre { display: block; position: absolute; top: 0px; left: -1px; width: 301px; height: 211px; background: url(/design/normal/images/box_yodi_log.png); } #box_online .modif_yodimi { display: block; position: absolute; top: 0; left: 0; width: 100px; height: 197px; background: url(/design/normal/images/spacer.gif) repeat; overflow: hidden; text-indent: -1000em; } #box_online_titre { display: block; position: absolute; top: 16px; left: 121px; width: 170px; height: 22px; color: #fff; font-size: 1.6em; } .online_actions { display: block; position: relative; top: 45px; left: 115px; width: 180px; height: 45px; margin: 0; padding: 0; } .online_actions li { display: block; float: left; width: 45px; height: 45px; } .online_actions li a { display: block; position: relative; width: 45px; height: 45px; text-decoration: none; } .online_actions li a:hover { background: url(/design/normal/images/online_action_a.png); } .online_actions li a .a { position: absolute; bottom: 0; right: 0; display: block; float: left; margin: 0 5px 0 0; padding: 0 0 0 5px; font-size: 0.9em; color: #FFF433; font-style: normal; background: url(/design/normal/images/a_left.png) no-repeat top left; } .online_actions li a .a em { display: block; float: left; height: 15px; padding: 2px 5px 0 0; cursor: pointer; background: url(/design/normal/images/a_right.png) no-repeat top right; } .online_actions .ico { display: block; position: absolute; top: 5px; left: 5px; width: 40px; height: 40px; overflow: hidden; background: url(/design/normal/images/ico_classic.png) no-repeat; } .online_actions .ico_home { background-position: -161px -3px; } .online_actions .ico_map { background-position: -202px -3px; } .online_actions .ico_amis { background-position: -42px -3px; } .online_actions .ico_mail { background-position: -242px -3px; } #box_online .box_mini { display: block; position: absolute; top: 147px; height: 35px; padding-top: 5px; color: #fff; text-align: center; text-decoration: none; } #box_online .box_mini .ico { display: block; position: absolute; top: -35px; width: 45px; height: 45px; } #box_online .box_mini_yodimission { left: 103px; width: 90px; background: url(/design/normal/images/box_mini_yodimission.png); } #box_online .box_mini_cobas { left: 207px; width: 70px; background: url(/design/normal/images/box_mini_cobas.png); } #box_online .box_mini_yodimission .ico { left: 27px; background: url(/design/normal/images/ico_yodimissions_45.png); } #box_online .box_mini_cobas .ico { left: 15px; background: url(/design/normal/images/ico_cobas_45.png); } .box_mini_yodi strong { font-size: 1.2em; } #box_online #deco { position: absolute; top: -15px; right: -15px; display: block; width: 30px; height: 30px; background: url(/design/normal/images/ico_classic.png) -126px -6px; } /* BTN SPECIAL */ .btn_special { display: block; width: 110px; height: 36px; margin: 0 auto; padding: 14px 0 0 50px; color: #fff; text-align: left; text-transform: uppercase; text-decoration: none; font-size: 1.3em; font-weight: bold; overflow: hidden; background: url(/design/normal/images/btn_special.png); border: 0; } .btn_special2 { display: block; width: 160px; height: 50px; margin: 0 auto; padding: 0 0 0 39px; color: #fff; text-align: left; text-transform: uppercase; text-decoration: none; font-size: 1.3em; font-weight: bold; overflow: hidden; background: url(/design/normal/images/btn_special.png); border: 0; } .btn_special_blue { background-position: 0 0; } .btn_special_blue:hover { background-position: -160px 0; } .btn_special_brown { background-position: 0 50px; } .btn_special_brown:hover { background-position: -160px 50px; } /* BOXADMIN */ #boxadmin { margin: 0 0 10px 0; color: #CCC; background: #505050; border-radius:5px; box-shadow: 0px 0px 5px rgba(0,0,0,.5), inset 0 26px 5px rgba(255,255,255,.2), inset 0 0 50px rgba(0,0,0,.6); } #boxadmin h1 { position: relative; padding: 5px; font-size: 15px; color: #FFF; text-shadow: 1px 1px 2px rgba(0,0,0,.5); } #boxadmin h1 .close { position: absolute; top: 5px; right: 5px; display: block; width: 16px; height: 16px; background: url(/design/normal/images/cancel.png); cursor: pointer; } #boxadmin h1 .close2 { position: absolute; top: 5px; right: 26px; display: block; width: 16px; height: 16px; margin: 0; padding: 0; background: url(/design/normal/images/cancel2.png); cursor: pointer; } #boxadmin a { display: block; margin: 2px 5px; padding: 2px 5px; color: #FFF; text-align: left; text-decoration: none; background: #666 ; border-radius: 3px; text-shadow: 1px 1px 2px rgba(0,0,0,.5);} #boxadmin a:hover { background: #0099FF; border-left: 5px solid #FFF; } #boxadmin form { margin: 5px; } #boxadmin p label { float: left; width: 70px; text-align: right; padding: 0 5px 0 0; } #boxadmin p label:after { content: ' :'; } #boxadmin p { padding: 0 0 2px 0; clear:both; } #boxadmin p input.input { width: 200px; } #boxadmin .tags { width: 290px;} #boxadmin .tags a{ display: inline-block; border:none; } #boxadmin .tags .tag{ position: relative; padding-right: 25px;} #boxadmin .tags .tag:hover{ background: none;} #boxadmin .tags .tag a{ background: red; display: block; position: absolute; top: 2px; right: 2px; width: 12px; height:12px; border-radius: 6px; color: #FFF; padding: 0;} #boxadmin .tags .tag a:hover{ background: #000; } #boxadmin .tags .tag a:after{ content: '-'; font-size:11px; font-weight: bold; font-family:"Courier New", Courier, monospace; position: absolute; top: -1px; left: 2px} #boxadmin .tags .addtag { background: #090; position: relative; padding-right:20px; } #boxadmin .tags .addtag:hover { background:#0F0; } #boxadmin .tags .addtag span{ display: block; position:absolute; top: 3px; right: 3px; width: 12px; height: 12px; border-radius: 6px; background: #FFF; } #boxadmin .tags .addtag span:after{ content: '+'; color: #090; position: absolute; top:-1px; left: 2px;} .ui-autocomplete{ /* styles définis dans admin.js.php */} /* REGISTER - INSCRIPTION */ .box_register { position: relative; width: 846px; margin: 20px auto 0 auto; padding: 5px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #B9967B; } .box_register #alert { } .bbox5 { position: relative; width: 835px; margin: 0 auto; background: #fff; } .bbox5 .corner { display: block; position: absolute; width: 40px; height: 20px; background: url(/design/normal/images/register_tah2.png); _display: none; } .bbox5 .corner_tl { top: -1px; left: 0; background-position: 0 0; } .bbox5 .corner_br { bottom: -1px; right: 0; background-position: 0 -20px; } .bbox5 .btn_special2 { position: absolute; top: 240px; left: 342px; _position: relative; _left: 0; _top: 0; } .reg_box { float: left; position: relative; width: 258px; height: 200px; padding: 10px; background: url(/design/normal/images/register_trait.gif) repeat-y top right; } .reg_box_last { background: none; } .reg_box .titre { display: block; _display: none; position: absolute; top: -50px; left: 0; width: 258px; height: 65px; } .reg_box .titre_fr { background: url(/design/normal/images/register_titres_fr.png); } .reg_box .titre_es { background: url(/design/normal/images/register_titres_es.png); } .reg_box .titre_en { background: url(/design/normal/images/register_titres_en.png); } .reg_box .titre_1 { background-position: 0 0; } .reg_box .titre_2 { background-position: 0 -65px; } .reg_box .titre_3 { background-position: 0 -130px; } .reg_choice { position: relative; float: left; width: 129px; height: 170px; } .reg_choice .reg_tah { display: block; position: absolute; top: 0; left: 0; width: 129px; height: 185px; background: url(/design/normal/images/register_tah.png); } .reg_choice #reg_tah_boy { background-position: 0 0; } .reg_choice #reg_tah_girl { background-position: -129px 0; } .reg_choice label { display: block; position: absolute; top: 20px; left: 0; width: 139px; padding: 105px 0 0 0; color: #000; font-weight: bold; text-align: center; } .reg_choice .face { display: block; position: absolute; top: 5px; left: 22px; width: 85px; height: 95px; background: url(/design/normal/images/register_face.png); } .reg_choice .face_boy { background-position: 0 0; } .reg_choice .face_girl { background-position: -85px 0; } .reg_choice label .txt { display: block; margin-bottom: 5px; font-size: 1.2em; } .reg_box .label { display: block; width: 230px; margin: 0 auto 5px auto; font-size: 1.2em; font-weight: bold; } .reg_box .label_erreur { color: #ff3740; } .reg_box .text { display: block; width: 224px; height: 27px; margin: 0 auto 10px auto; padding: 5px 3px 0 3px; font-size: 1.4em; background: url(/design/normal/images/register_text.gif); border: 0; } .reg_box .text_mini { display: block; float: left; width: 54px; height: 27px; margin-right: 12px; _margin-right: 10px; padding: 5px 3px 0 3px; font-size: 1.4em; background: url(/design/normal/images/register_text_mini.gif); border: 0; } .reg_box .text_mid { display: block; float: left; width: 79px; height: 27px; padding: 5px 3px 0 3px; font-size: 1.4em; background: url(/design/normal/images/register_text_mid.gif); border: 0; } .reg_box .champs { width: 230px; margin: 0 auto; } .reg_box .exemple { display: block; width: 230px; margin: 0 auto; color: #666; font-size: 1.15em; } .reg_box .text_erreur { background-position: 0 -32px; } #reg_error { position: absolute; top: 390px; left: 610px; width: 260px; padding: 10px; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ff3740; z-index: 10; } #reg_error .titre { margin: 0 0 10px 0; font-size: 1.2em; font-weight: bold; } /* CONNEXION */ #connexion_box { position: relative; width: 400px; height: 200px; padding: 0 0 0 170px; background: url(/design/normal/images/connexion_bg.gif) no-repeat 0 15px; } #connexion_box .titre { display: block; width: 330px; height: 40px; margin-bottom: 10px; text-indent: -10000em; overflow: hidden; } #connexion_box .titre_fr { background: url(/design/normal/images/connexion_titre_fr.gif) no-repeat; } #connexion_box .titre_1 { background-position: 0 0; } #connexion_box .titre_2 { background-position: 0 -40px; } #connexion_box .p { clear: both; display: block; width: 400px; height: 50px; } #connexion_box .exemple { clear: both; display: block; width: 230px; margin: 0 0 15px 170px; } #connexion_box .exemple a { color: #666; text-decoration: none; } #connexion_box .exemple a:hover { text-decoration: underline; } #connexion_box .label { display: block; float: left; width: 160px; padding: 8px 10px 0 0; color: #000; font-size: 1.2em; font-weight: bold; text-align: right; } #connexion_box .text { display: block; float: left; width: 153px; margin: 3px auto 7px auto; padding: 0 2px 0 3px; font-size: 1.4em; background: url(/design/normal/images/spacer.gif) repeat; border: 0; cursor: default; } #connexion_box .text_erreur { background-position: 0 -32px; } #connexion_box .connexion_btn { display: block; float: left; width: 122px; height: 32px; padding: 0 0 0 24px; color: #fff; text-align: left; text-transform: uppercase; text-decoration: none; font-size: 1em; font-weight: bold; overflow: hidden; background: url(/design/normal/images/connexion_btn.png); border: 0; } #connexion_box #form_lostpwd { height: 215px; } #connexion_box .titre { display: block; width: 330px; height: 40px; margin-bottom: 10px; text-indent: -10000em; overflow: hidden; background-repeat: no-repeat; } #connexion_box .titre_1 { background-position: 0 0; } #connexion_box .titre_2 { background-position: 0 -40px; } #connexion_box .titre_fr { background-image: url(/design/normal/images/connexion_titre_fr.gif); } #connexion_box .titre_es { background-image: url(/design/normal/images/connexion_titre_es.gif); } #connexion_box .titre_en { background-image: url(/design/normal/images/connexion_titre_en.gif); } #form_connexion_champs { display: block; position: relative; height: 130px; background: url(/design/normal/images/connexion_form_bg.gif) no-repeat 170px 48px; } #form_lostpwd_champs { display: block; position: relative; height: 140px; background: url(/design/normal/images/connexion_form_bg2.gif) no-repeat 170px 106px; } /* DEBUG */ #div_debug { position: absolute; top: 0; right: 0; padding: 5px; color: #FF0; background: #C00; } /* YODICITY LOG */ #log_top { width: 200px; height: 17px; background: url(/design/normal/images/log_top.png) no-repeat; } #log_boy #log_top { background-position: 0 -17px; } #log_girl #log_top { background-position: 0 0; } #log_boy #log_global { width: 100%; background: url(/design/normal/images/log_bg_boy.gif) repeat-y; } #log_girl #log_global { width: 100%; background: url(/design/normal/images/log_bg_girl.gif) repeat-y; } #log_menu { float: left; width: 160px; } #log_content { float: left; width:470px; padding: 0 10px; } #log_menu .log_menu_item { clear: both; margin-bottom: 10px; } #log_menu .titre { position: relative; display: block; width: 110px; padding: 15px 5px 13px 45px; font-size: 1.2em; font-weight: bold; background: url(/design/normal/images/spacer_blanc_30.png) repeat; } #log_menu .titre .log_ico { display: block; position: absolute; top: 2px; left: 2px; width: 40px; height: 40px; } #log_menu a { display: block; margin: 2px 0; padding: 3px 5px; color: #fff; text-decoration: none; } #log_menu a:hover { background: url(/design/normal/images/spacer_noir_30.png) repeat; } #log_menu a .alerte { padding: 2px 3px; color: #fff; background: #F00; border: 1px solid #900; } #log_content .bbox4 .bbox_c_tm { width: 336px; } #log_menu .titre_yodicity .log_ico { background: url(/design/normal/images/ico_club_36.png) no-repeat center center; } #log_menu .titre_groupe .log_ico { background: url(/design/normal/images/ico_groupes.png) no-repeat center center; } #log_menu .titre_blog .log_ico { background: url(/design/normal/images/ico_blog_36.png) no-repeat center center; } #log_menu .titre_amis .log_ico { background: url(/design/normal/images/ico_amis_36.png) no-repeat center center; } #log_menu .titre_messagerie .log_ico { background: url(/design/normal/images/ico_messagerie_36.png) no-repeat center center; } #log_menu .titre_informations .log_ico { background: url(/design/normal/images/ico_utile_36.png) no-repeat center center; } #log_content .contenu_text { padding-bottom: 10px; } #log_content .contenu_text a { color: #fff; } /* ABUS */ #abus_box { width: 320px; padding: 0 0 0 150px; background: url(/design/normal/images/abus_bg.png) no-repeat 0 15px; min-height: 265px; } .form_msg { } .form_msg .titre { display: block; margin-bottom: 5px; font-size: 1.5em; font-weight: bold; color: #333; } .form_msg .desc { margin-bottom: 5px; } .form_msg .label { display: block; margin: 0 0 5px 0; font-size: 1.2em; font-weight: bold; color: #333; } .form_msg .text { display: block; width: 224px; height: 32px; margin: 0 0 10px 0; padding: 0 3px 0 3px; font-size: 1.4em; background: url(/design/normal/images/register_text.png); border: 0; } .form_msg .select { margin: 0 0 7px 0; } .form_msg .select option { padding: 0 5px 0 0; font-size: 1.2em; } .form_msg .textarea { display: block; width: 314px; height: 165px; margin: 0 0 10px 0; padding: 5px 3px 0 3px; font: 1.2em Arial; background: url(/design/normal/images/textarea.png) no-repeat 0 0; border: 0; overflow: auto; } .form_msg .btn { display: block; width: 142px; margin: 15px 0 0 0; padding: 7px 0 9px 24px; color: #fff; text-align: left; text-transform: uppercase; text-decoration: none; font-size: 1em; font-weight: bold; overflow: hidden; background: url(/design/normal/images/form_btn.png) no-repeat; border: 0; } /* FORM AJOUTER ARTICLE */ .form_content { position: relative; width: 470px; margin-bottom: 10px; } .form_msg2 .label { display: block; margin: 0 0 5px 0; font-size: 1.2em; font-weight: bold; color: #333; } .form_msg2 .bg_text { width: 470px; height: 32px; margin: 0 0 10px 0; background: url(/design/normal/images/form_text2.png); } .form_msg2 .text { position: relative; top: 5px; left: 3px; display: block; width: 464px; font-size: 1.4em; background: url(/design/normal/images/spacer.gif); border: 0; } .form_msg2 #tiny_content_parent .text { top: 0; left: 0; } .form_msg2 .mceEditor { height: 610px; } .form_msg2 .bg_textarea_youtube { position: relative; width: 470px; height: 44px; background: url(/design/normal/images/textarea_youtube.png) no-repeat; overflow: hidden; } .form_msg2 .textarea_youtube { display: block; position: relative; top: 4px; left: 42px; width: 428px; height: 40px; font: 1.2em Arial; background: url(/design/normal/images/spacer.gif); overflow: auto; border: 0; } .form_msg2 .btn { display: block; width: 142px; margin: 15px auto 0 auto; padding: 7px 0 9px 26px; color: #fff; text-align: left; text-transform: uppercase; text-decoration: none; font-size: 1em; font-weight: bold; overflow: hidden; background: url(/design/normal/images/form_btn.png) no-repeat; border: 0; } #box_insert_tiny { position: absolute; top: 3px; right: 3px; display: block; width: 60px; height: 30px; z-index: 1000; } #box_insert_tiny a { display: block; float: right; width: 20px; height: 20px; background-color: #f0f0ee; border: 1px solid #f0f0ee; overflow: hidden; text-indent: -1000em; } #box_insert_tiny a:hover { background-color: #b2bbd0; border: 1px solid #0a246a; } #box_insert_tiny #iserer_smiley { background-image: url(/design/normal/images/ico_inserer_smiley.png); } #box_insert_tiny #iserer_image { background-image: url(/design/normal/images/ico_inserer_image.png); } #box_insert_tiny #box_smileys { position: absolute; top: 27px; left: -83px; width: 136px; padding: 4px; background: #f0f0ee; border: 1px solid #cccccc; } /* SMILEYS */ .smiley { display: inline-block; width: 20px; height: 20px; cursor: pointer; } .smiley_happy { background: url(/design/normal/images/smileys/happy.png) no-repeat top left; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src=/design/normal/images/smileys/happy.png); } .smiley_sad { background: url(/design/normal/images/smileys/sad.png) no-repeat top left; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src=/design/normal/images/smileys/sad.png); } .smiley_astonished { background: url(/design/normal/images/smileys/astonished.png) no-repeat top left; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src=/design/normal/images/smileys/astonished.png); } .smiley_cry { background: url(/design/normal/images/smileys/cry.png) no-repeat top left; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src=/design/normal/images/smileys/cry.png); } .smiley_joke { background: url(/design/normal/images/smileys/joke.png) no-repeat top left; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src=/design/normal/images/smileys/joke.png); } .smiley_lick { background: url(/design/normal/images/smileys/lick.png) no-repeat top left; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src=/design/normal/images/smileys/lick.png); } .smiley_lol { background: url(/design/normal/images/smileys/lol.png) no-repeat top left; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src=/design/normal/images/smileys/lol.png); } .smiley_scared { background: url(/design/normal/images/smileys/scared.png) no-repeat top left; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src=/design/normal/images/smileys/scared.png); } .smiley_wink { background: url(/design/normal/images/smileys/wink.png) no-repeat top left; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src=/design/normal/images/smileys/wink.png); } .smiley_affected { background: url(/design/normal/images/smileys/affected.png) no-repeat top left; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src=/design/normal/images/smileys/affected.png); } .smiley_angry { background: url(/design/normal/images/smileys/angry.png) no-repeat top left; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src=/design/normal/images/smileys/angry.png); } /* DIAPO */ .container_diapo { position: relative;} .container_diapo .ghost { width: 30px; overflow: hidden; } .container_diapo .ghost2 { width: 10000px; } .container_diapo .ghost img { float: left; border-left: 30px solid transparent;} .diaporama { position:relative; /*left: 140px;*/ } .diaporama li { position: absolute; list-style-type:none; overflow: hidden; } .diaporama li img { border: 5px solid #FFF; } .diaporama_controls { position: absolute; top: 0px; left: 0; width: 31px; height: 200px; } .diaporama_controls .btns { margin: 10px 0 0 0; } .diaporama_controls a { display: block; float: left; width: 26px; height: 26px; margin: 0 5px 5px 0; overflow: hidden; text-indent: -100px; } .diaporama_controls .prev { background: url(/design/normal/images/diapo_prev.png) no-repeat top left; } .diaporama_controls .next { background: url(/design/normal/images/diapo_next.png) no-repeat top left; } .diaporama_controls .pause { background: url(/design/normal/images/diapo_pause.png) no-repeat top left; } .diaporama_controls .play { background: url(/design/normal/images/diapo_play.png) no-repeat top left; } /* BLOG */ .article { width: 470px; position: relative; margin: 20px 0 0 0; padding: 10px 0; color: #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; } .article h2, .article h1 { display: block; padding: 0 10px; color: #755740; font-size: 1.7em; } .article a { color: #755740; } .article .date_article, .article .bao_article { padding: 0 10px; color: #999; font-size: 0.9em; } .article .contenu { clear: both; font-size: 1.2em; color: #333; padding: 10px; } .article .article_stats { padding: 0 10px; } .article .article_lectures { clear: both; padding: 0 0 5px 0; color: #999; font-size: 0.9em; } .article_action { height: 35px; } .article_action a { display: block; float: left; height: 18px; margin: 0 15px 0 0; padding: 8px 6px 4px 35px; color: #333; font-weight: bold; text-decoration: none; } .article_action a.comenter { background: url(/design/normal/images/article_com.png) no-repeat 2px 0; } .article_action a.ilike { background: url(/design/normal/images/article_ilike.png) no-repeat 2px 0; } .article_coms, .article_ilike { clear: both; } .article_coms a, .article_ilike a { color: #999; text-decoration: none; } .article .bao_titre { width: 320px; } .article .bao_article { position: absolute; top: 0; right: 0; } .article .bao_article a { display: block; float: right; width: 40px; height: 40px; background: url(/design/normal/images/ico_classic.png); overflow: hidden; text-indent: -1000em; } .article .bao_article .bao_suppr { background-position: -120px 0; } .article .bao_article .bao_editer { background-position: -280px 0; } .article .bao_article .bao_online { background-position: -320px 0; } .article .bao_article .bao_offline { background-position: -360px 0; } .article .bao_article .bao_abus { background-position: -400px 0; } .article .commentaires { padding: 0 10px; color: #666; } .article .commentaires h2 { margin: 10px 0; padding: 0; font-size: 1.3em; font-weight: bold; } .article img { max-width: 450px; } #article_list_coms .com { clear: both; margin: 15px 0; width: 470px; color: #333; } #article_list_coms .com .avatar { display: block; float: left; width: 73px; height: 73px; margin-right: 10px; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #fff; } #article_list_coms .com .msg { position: relative; float: left; width: 369px; padding: 5px 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; border: 1px solid #ccc; } #article_list_coms .com .msg .msg_top { margin: 0 0 5px 0; font-size: 0.9em; } #article_list_coms .com .msg .msg_top a { color: #755740; } #article_list_coms .com .msg .msg_txt { display: block; width: 368px; overflow: hidden; } #article_list_coms .com .msg .corner { display: block; position: absolute; top: 10px; left: -10px; width: 10px; height: 24px; background: url(/design/normal/images/coms_corner.png); _display: none; } .form_add_com .avatar { display: block; float: left; width: 73px; height: 73px; margin-right: 10px; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #fff; } .form_add_com .msg { display: block; position: relative; float: left; width: 380px; height: 200px; } .form_add_com .msg #bg_message { position: relative; width: 383px; height: 110px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; border: 1px solid #ccc; } .form_add_com .msg #message { display: block; position: relative; top: 5px; left: 5px; width: 373px; height: 100px; font: 1.2em Arial, Helvetica, sans-serif; background: #fff; border: 0; overflow: auto; } .form_add_com .msg .smiley_bar { position: relative; left: 145px; width: 229px; height: 22px; padding: 2px 0 0 5px; background: url(/design/normal/images/com_bar_smileys.png); } .form_add_com .msg .btn { display: block; float: right; margin: 10px 0 0 0; width: 142px; padding: 7px 0 9px 26px; color: #fff; text-align: left; text-transform: uppercase; text-decoration: none; font-size: 1em; font-weight: bold; overflow: hidden; background: url(/design/normal/images/form_btn.png) no-repeat; border: 0; } .form_add_com .msg .corner { display: block; position: absolute; top: 10px; left: -10px; width: 10px; height: 24px; background: url(/design/normal/images/coms_corner.png); _display: none; } /* COBALIB */ .cobalib { _position: relative; _padding: 0 0 7px 0; } .cobalib span { display: block; width: 170px; overflow: hidden;} .cobalib .top { height: 7px; background: url(/design/normal/images/cobalib/top.gif) no-repeat top left; } .cobalib .corps { width: 160px; padding: 0 5px; font-size: 0.9em; background: url(/design/normal/images/cobalib/line.gif) repeat-y; } .cobalib .bottom { _position: absolute; _bottom:-18px; _left: 0; height: 7px; background: url(/design/normal/images/cobalib/bottom.gif) no-repeat top left; } /* ILIKE */ .h2_blog { padding: 5px 0 5px 35px; font-size: 1.4em; } .h2_ilike { background: url(/design/normal/images/article_ilike.png) no-repeat 0 0; } .h2_coms { background: url(/design/normal/images/article_com.png) no-repeat 0 0; } .list_ilike li { display: block; float: left; width: 77px; height: 77px; margin: 5px; overflow: hidden; } .list_ilike li a, .list_ilike li .avatar { position: absolute;display: block; width: 75px; height: 75px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #fff; text-indent: -1000em; overflow: hidden; } /* MESSAGERIE */ .bg_top_470 { width: 470px; height: 5px; background: url(/design/normal/images/bg_top_foot_470.png) 0 0; overflow: hidden; } .bg_foot_470 { width: 470px; height: 5px; background: url(/design/normal/images/bg_top_foot_470.png) 0 -5px; overflow: hidden; } .bg_mid_470 { width: 470px; color: #333; background: #fff; } #liste_message { height: 120px; } #liste_message a { display: block; float: left; margin: 0 5px 0 0; padding: 5px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff; border-radius: 5px; font-weight: bold; text-decoration: none; background: #fe52a7; background: #816956; } #liste_message a.in { margin: 0 0 0 20px; } #liste_message a.send { float: right; margin: 0 20px 0 0; } #liste_message a em { display: block; float: left; width: 40px; height: 40px; } #liste_message a span { display: block; float: left; padding: 12px 0 0 5px; } #liste_message a.in em { background: url(/design/normal/images/ico_msg_in.png); } #liste_message a.send em { background: url(/design/normal/images/ico_msg_send.png); } #liste_message a.nmsg { margin: 10px 0 0 20px; } #liste_message a.nmsg em { background: url(/design/normal/images/ico_msg.png); } #liste_message a:hover { background: #7b5c45; } .un_message { position: relative; position: relative; width: 430px; padding: 10px 10px 10px 30px; color: #333; border-bottom: 1px solid #ccc; background: #fff; } .un_message_detail { width: 450px; padding: 10px; border: 0; } .un_message_detail hr { height: 1px; border: none; border-top: 3px dotted #666; } .message_last { border: 0; } .message_lu { background: #eee; } .un_message .checkbox { position: absolute; top: 10px; left: 10px; display: block; width: 13px; height: 13px; } .un_message .bloc_avatar { float: left; width: 110px; } .un_message .bloc_avatar a.avatar_petit { display: block; width: 100px; height: 100px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc;} .un_message .bloc_avatar a.avatar_petit { background-repeat: no-repeat; background-position: center center; } .un_message .le_message { float: left; width: 310px; } .un_message_detail .le_message { float: left; width: 340px; overflow: hidden; } .un_message .le_message .le_message_contenu { padding: 5px 0; color: #333; } .un_message .le_message .le_message_contenu a, .le_message a { color: #333; } .un_message .pseudo { font-weight: bold; color: #333; font-size: 0.9em; } .un_message .titre { margin-bottom: 5px; font-weight: bold; color: #333; } .un_message .titre a { color: #333; } .un_message .date { font-size: 0.9em; color: #999; } .un_message .statut { font-size: 0.9em; color: #999; } .un_message .actions { } .un_message .actions a { display: block; float: left; width: 40px; height: 40px; overflow: hidden; text-indent: -10000em; } .un_message .actions a.suppr { background: url(/design/normal/images/ico_poubelle.png); } .un_message .actions a.repondre { background: url(/design/normal/images/ico_msg_rep.png); } .un_message .actions a.lire { background: url(/design/normal/images/ico_msg_open.png); } #messagerie .pub_bottom{ border-bottom: 1px solid #CCC; padding: 5px 0 5px 2px; background: #FFF;} #actions_multi { padding: 10px 0; } #actions_multi a { display: block; float: left; margin: 0 10px 10px 0; padding: 5px 5px 5px 25px; font-weight: bold; color: #333; text-decoration: none; } #actions_multi a:hover { text-decoration: underline; } #actions_multi a.checkall { background: url(/design/normal/images/ico_checkall.gif) no-repeat 0 0; } #actions_multi a.uncheck { background: url(/design/normal/images/ico_uncheck.gif) no-repeat 0 0; } #actions_multi a.suppr { margin: 0; background: url(/design/normal/images/ico_suppr.png) no-repeat 0 0; } /* LISTING AVATARS */ .box_list_avatars { position: relative; width: 470px; height: 150px; overflow: auto; background: #fff; } .box_list_avatars .av { display: block; float: left; position: relative; width: 100px; height: 100px; padding: 5px; text-align: center; text-decoration: none; background: #fff; overflow: hidden; outline: none; } .box_list_avatars .av .avatar { display: block; width: 75px; height: 75px; margin: 0 auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc; background-repeat: no-repeat; background-position: center center; } .box_list_avatars .av .input { position: absolute; top: 10px; left: 20px; display: block; width: 13px; height: 13px; overflow: hidden; } .box_list_avatars .av .pseudo { font-size: 0.9em; color: #333; } /* OBJET TROUVE */ #objet_trouve, #objet_a_trouve { position: absolute; top: 150px; left: 30%; width: 250px; padding: 10px; text-align: center; z-index: 10000; } /* MISSION DU JOUR */ .mdj { position: relative; width: 470px; margin: 20px 0 0 0; } .mdj .bg_mid_470 { position: relative; width: 460px; padding: 5px 0 5px 10px; } .mdj .bg_mid_470 .mdj_ban { position: absolute; top: -23px; left: 0; display: block; width: 90px; height: 26px; padding: 1px 0 0 0; text-align: center; z-index: 10; } .mdj .mdj_visuel { position: relative; float: left; width: 75px; height: 75px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-repeat: no-repeat; background-position: center center; border: 1px solid #ccc; } .mdj .mdj_contenu { float: left; width: 320px; padding: 0 10px; color: #666; } .mdj .mdj_contenu .mdj_titre { font-weight: bold; font-size: 1.2em; color: #333; } .mdj .mdj_contenu a { color: #333; font-weight: bold; text-decoration: none; } .mdj .mdj_contenu a:hover { text-decoration: underline; } .mdj .mdj_etat { float: left; width: 40px; height: 40px; } .mdj_ok .mdj_etat { background: url(/design/normal/images/ico_online_36.png) no-repeat center center; } .mdj_no .mdj_etat { background: url(/design/normal/images/ico_offline_36.png) no-repeat center center; } .mdj_ok .mdj_ban { color: #000; background: url(/design/normal/images/mdj_ban_ok.png); } .mdj_no .mdj_ban { color: #fff; background: url(/design/normal/images/mdj_ban_no.png); } .yodimissions .mdj .mdj_visuel { background-position: -23px 0; } /* MISSION SPECIALE */ .yodimission_speciale{ background: url(/design/normal/images/audrey_yodimission_special.png) no-repeat top left; min-height: 250px;} .yodimission_speciale .laquestion{ padding: 10px; background: #FFF; border-radius: 5px; color: #666; margin: 0 0 0 130px; box-shadow: 2px 2px 5px #74543D; } .mot_a_trouver{ text-align: center; margin: 0 0 0 70px; } .mot_a_trouver .lettre{ width: 30px; height: 45px; text-transform: uppercase; text-align:center; font-size: 30px; padding: 2px; border-radius: 5px; border:1px solid #CCC; box-shadow: inset -5px -5px 15px #DDD; background: #FFF; } .mot_a_trouver .lettre.on{ background: #FF0; box-shadow: inset -5px -5px 15px #FC0, 2px 2px 5px #74543D; border-color: #FC0; } .mot_a_trouver .spacer{padding:20px;display: inline-block; height: 30px; } .mot_a_trouver .mot{ display:inline-block; margin: 10px 0} .yodimission_speciale .submit{ padding: 10px; font-size: 16px; border-radius: 5px; background:#08A0DA; box-shadow: inset 0 -10px 20px #056285; border: 1px solid #056285; color: #FFF; font-weight: bold; text-shadow: 1px 1px 2px #000; } .yodimission_speciale .submit:hover{ box-shadow: inset 0 -10px 20px #06C, 0px 0px 5px #000; } /* MUR */ .mur { position: relative; width: 400px; padding: 0 0 0 70px; margin-bottom: 10px; clear: both; color: #000; } .mur .mur_vide { display: block; float: left; width: 1px; height: 70px; overflow: hidden; } .mur .mur_avatar { position: absolute; top: 0; left: 0; height: 60px; width: 60px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #fff; background-repeat: no-repeat; background-position: center center; } .mur .mur_date { display: block; height: 16px; font-size: 11px; color: #FFF; font-style:italic; } .mur .mur_date a { color: #fff; } .mur .mur_txt { width: 390px; padding: 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: url(/design/normal/images/spacer_blanc_30.png) repeat; } .mur .mur_txt a { color: #444; display: block; height: 34px; overflow: hidden; text-decoration: none; } .mur .mur_txt a:hover { color: #000; } .mur2 .vide { display: none; } .mur2 .mur_txt a { display: inline; height: inherit; } /* CLASSEMENT - RANK */ #rank { width: 460px; margin: 0 auto; } .rank_full { width: 220px; } .rank_full_boy { float: left; } .rank_full_girl { float: right; } #rank .titre { margin: 0 0 10px 0; font-size: 1.5em; } .rank { clear: both; display: block; position: relative; width: 220px; height: 75px; padding: 5px 0 7px 0; text-decoration: none; color: #333; border-bottom: 1px solid #ccc; } .rank_border { display: block; float: left; width: 3px; height: 77px; margin-right: 5px; } .rank_img { display: block; float: left; width: 75px; height: 75px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-repeat: no-repeat; background-position: center; border: 1px solid #ccc; } .rank_side { float: right; width: 130px; } .rank_pos { display: block; font-size: 1.9em; } .rank_name { display: block; font-size: 1.2em; } .rank_score { display: block; font-size: 0.9em; color: #999; } .rank_full_boy .titre, .rank_full_boy .rank_pos { color: #009cd7; } .rank_full_girl .titre, .rank_full_girl .rank_pos { color: #e64d91; } .rank_full_boy .rank_border { background: #009cd7; } .rank_full_girl .rank_border { background: #e64d91; } #rank_myrank { float: none; width: 220px; margin: 0 auto 10px auto; } #rank_myrank .titre { color: #fff; font-size: 1.2em; margin: 0 0 5px 0; } #rank_myrank .rank { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; border: none; } #rank_multipage .bbox_c_tl, #rank_multipage .bbox_c_tr { display: none; } #rank_multipage .bbox4 .bbox_c_tm { width: 470px; } #rank_multipage .multipage ul#multipage_suite li a, .multipage ul#multipage_suite li .fkl { color: #999; } /* TROPHEES */ #trophees { width: 420px; margin: 0 auto; padding: 20px 0 0 0; } .trof { display: block; float: left; width: 120px; height: 112px; margin: 0 30px 30px 0; overflow: hidden; text-decoration: none; color: #fff; } .trof_last { margin-right: 0; } .trof .trof_img { position: relative; display: block; width: 120px; height: 80px; overflow: hidden; } .trof .trof_img img { position: absolute; top: 0; left: -120px; } .trof_on .trof_img img { left: 0; } .trof .trof_txt { position: relative; display: block; width: 120px; height: 32px; background: url(/design/normal/images/trof_txt.png) -120px 0; } .trof_on .trof_txt { background-position: 0 0; } .trof .trof_txt .trof_nb { position: absolute; top: 4px; left: 4px; display: block; width: 26px; padding-top: 5px; text-align: center; } .trof .trof_txt .trof_titre { display: block; position: absolute; top: 4px; left: 34px; width: 82px; font-size: 0.9em; line-height: 1.05em; } /* LINK PACK DL */ .link_pack_dl { width: 620px; margin: 5px 0; padding: 2px 10px; color: #fff; font-size: 1.2em; background: url(/design/normal/images/spacer_noir_30.png) repeat; } .link_pack_dl a { display: block; width: 580px; padding: 5px 0 5px 40px; color: #fff; text-decoration: none; background: url(/design/normal/images/ico_packdl.png) no-repeat center left; } /* ############################################# */ /* */ /* */ /* NOUVELLE INTEGRATION */ /* */ /* */ /* ############################################# */ /* BOX SEO #box_seo { position: absolute; top: -80px; left: -431px; width: 420px; height: 50px; overflow: hidden; } #box_seo_bg { position: absolute; top: 0; left: 0; width: 420px; height: 50px; background: url(/design/normal/images/box_seo.png); } #seo_form { display: block; position: relative; width: 420px; height: 50px; } #seo_form #search_champ { display: block; position: absolute; top: 18px; left: 47px; width: 312px; background: url(/design/normal/images/spacer.gif) repeat; border: 0; font-size: 1.3em; cursor: default; } #seo_form #search_button { display: block; position: absolute; top: 14px; left: 363px; width: 50px; height: 30px; padding: 0; font-size: 1.4em; font-weight: bold; text-transform: uppercase; color: #fff; background: url(/design/normal/images/spacer.gif) repeat; border: 0; } #seo_form #search_label { display: block; position: absolute; top: 0; left: 0; width: 47px; height: 50px; background: url(/design/normal/images/spacer.gif); overflow: hidden; } #box_seo_mini { position: relative; top: 0; left: 0; width: 300px; height: 44px; margin-bottom: 5px; overflow: hidden; } #box_seo_mini #seo_form { width: 300px; height: 44px; } #box_seo_mini #box_seo_bg { width: 300px; height: 44px; background: url(/design/normal/images/box_seo_mini.png); } #box_seo_mini #seo_form #search_champ { top: 12px; width: 194px; } #box_seo_mini #seo_form #search_button { top: 7px; left: 243px; } */ /* BOX SEO V2 */ .search_box{ position: absolute; top: -75px; left: -431px; width: 420px; height: 40px; background: #FFF; border-bottom: 5px solid #DDD; } .search_box em{ display:block; z-index:1; content:''; position: absolute; top: 4px; left: 5px; width: 38px; height: 38px; background:url(/design/normal/images/icons/loupe_38x38.png) no-repeat; } .search_box:hover em{ -ms-transform:rotate(90deg); -o-transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); } .search_box .recherche{ z-index:0; border: none; position: absolute; background: #DDD; box-shadow: inset 1px 2px 5px rgba(0,0,0,0.2); top: 5px; left:30px; width: 321px /*335px*/; padding: 0 5px 0 15px; height: 31px; font-size: 1.3em; } .search_box .search_go{ border: none; position: absolute; background: #FF8000; box-shadow: inset 0px -10px 10px rgba(255,255,255,0.4); top: 4px; right: 4px; width: 40px; color: #FFF; text-shadow: 1px 1px 2px rgba(0,0,0,.4); font-size: 1.5em; padding: 2px 0 8px 0; max-height: 31px; box-shadow: 0 0 2px rgba(0,0,0,.3); } .search_box .search_go:hover{ background: #FF6600; } .search_box label{ z-index:-1; display: block; background:#33B0DF; width: 100px; position: absolute; top: 5px; left: 4px; color: #FFF; text-align: center; border-radius: 5px 5px 0 0; padding: 3px 8px; text-shadow: 1px 1px 1px rgba(0,0,0,.4); font-size: 1.4em; box-shadow: inset 0 8px 10px rgba(0,0,0,.2);} .search_box:hover label{ top: -26px; } #club_perso .search_box, .search_box.c2 { position: relative; top: 0px; left: 0px; width: 300px; height: 40px; margin-bottom: 5px; } #club_perso .search_box .recherche, .search_box.c2 .recherche{ width:200px; } .search_box.c2 label { display: none;} /* BOX LOGIN */ #box_login { position: absolute; top: -74px; left: 0; width: 310px; height: 45px; } #box_login_c2 { position: relative; width: 300px; height: 45px; margin-bottom: 5px; overflow: hidden; } #box_login .btn, #box_login_c2 .btn { position: absolute; top: 0; width: 147px; height: 33px; padding-top: 12px; text-align: center; text-decoration: none; color: #fff; font-size: 1.3em; font-weight: bold; background: url(/design/normal/images/box_login.png); } #box_login .btn_cpt, #box_login_c2 .btn_cpt { left: 0; background-position: 0 0; } #box_login .btn_insc, #box_login_c2 .btn_insc { right: 0; background-position: -147px 0; } #box_login .btn_cpt:hover, #box_login_c2 .btn_cpt:hover { background-position: 0 -45px; } #box_login .btn_insc:hover, #box_login_c2 .btn_insc:hover { background-position: -147px -45px; } /* BOX REFERENCEMENT */ #box_ref { width: 650px; margin-top: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: url(/design/normal/images/spacer_noir_50.png) repeat; } #box_ref .box_ref_content { position: relative; width: 520px; margin: 0 auto; padding: 0 0 30px 110px; color: #fff; font-size: 0.95em; } #box_ref .box_ref_content a { color: #fff; text-decoration: none; } #box_ref .box_ref_content a:hover { text-decoration: underline; } #box_ref .box_ref_content .box_ref_min { display: block; float: left; width: 1px; height: 172px; } #box_ref .box_ref_content .box_ref_visuel { display: block; position: absolute; bottom: 10px; left: 0; width: 103px; height: 182px; background: url(/design/normal/images/box_ref_visuel.png); } #box_ref .box_ref_content .titre { display: block; margin: 0 0 5px 0; padding: 10px 0 0 0; font-size: 1.8em; font-family: "Amaranth", sans-serif; text-shadow: 1px 1px 0 rgba(0,0,0,.4); font-weight: normal; font-style: italic; letter-spacing: -0.03em;} /* FOOT */ .g_all { position: relative; width: 100%; padding-bottom: 168px; z-index:1; } #foot { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; } #foot #foot_top { width: 100%; height: 277px; background: url(/design/normal/images/foot_top.png) repeat-x; } #foot #foot_mid { padding-bottom: 20px; background: #40cfff; } #foot #foot_mid #foot_all { position: relative; width: 990px; margin: 0 auto; } #foot #foot_mid #foot_bg { position: absolute; top: 0; left: 0; width: 990px; height: 283px; background: url(/design/normal/images/foot_bg.png); _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/design/normal/images/foot_bg.png, sizingMethod=image); z-index: 2; } #foot #foot_mid #foot_bg_vide { position: relative; width: 970px; height: 150px; } #foot #foot_mid #foot_visuel { position: absolute; top: -41px; right: 120px; width: 143px; height: 182px; background: url(/design/normal/images/foot_yodimis.png); _background: none; z-index: 3; } #foot #foot_mid #foot_text { position: relative; width: 970px; margin: 0 auto; padding: 123px 0 10px 0; z-index: 4; } #foot #foot_mid #foot_text ul { display: block; text-align: center; } #foot #foot_mid #foot_text ul li { display: inline; color: #fff; font-size: 0.95em; font-weight: bold; } #foot #foot_mid #foot_text ul li a { color: #fff; text-decoration: none; } #foot #foot_mid #foot_text ul li a:hover { text-decoration: underline; } #foot_tips { position: absolute; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 20; } #foot_tips #foot_tips_mid { position: relative; width: 970px; margin: 0 auto; } #foot_tips #foot_tips_mid #foot_tip { position: absolute; top: -197px; left: 0; width: 970px; height: 30px; background: url(/design/normal/images/foot_tip.png); _background: none; } /* YODICITY */ #club_perso { position: relative; z-index: 20; } /* TITRE - remplace btitre */ .top_titre { position: relative; width: 640px; margin: 0 auto; padding: 3px 0 0 0; } .top_titre .ico { display: block; position: absolute; top: -3px; left: 0; width: 40px; height: 40px; z-index: 2; } .top_titre .top_h1 { position: relative; display: block; width: 530px; margin-left: 20px; padding: 3px 65px 0 25px; font-size: 2.5em; font-weight: normal; background: url(/design/normal/images/spacer_blanc_30.png) repeat; _background: none; z-index: 1; font-family: 'Amaranth', cursive; text-shadow: 1px 1px 2px rgba(0,0,0,.5); font-style: italic; letter-spacing: -0.02em; } .top_titre2 { position: relative; width: 640px; margin: 0 auto 10px auto; padding: 8px 0 0 0; } .top_titre2 .top_titre_vide { display: block; float: left; width: 1px; height: 70px; overflow: hidden; } .top_titre2 .top_h1 { display: block; width: 470px; _width: 440px; margin-left: 75px; padding: 3px 85px 0 10px; } .top_titre2 .top_picto { display: block; position: absolute; top: 4px; left: 5px; width: 77px; height: 77px; z-index: 2; } .top_titre2 .top_picto .bg { display: block; position: absolute; top: 2px; left: 2px; width: 75px; height: 75px; background: url(/design/normal/images/btxt_top_picto.png) 0 0; _background: none; } .top_titre2 .top_picto .img { display: block; position: relative; width: 75px; height: 75px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fff; } .top_titre2 .top_picto .cadre { display: block; position: absolute; top: 0; left: 0; width: 77px; height: 77px; color: #333; font-size: 0.9em; text-decoration: none; background: url(/design/normal/images/spacer.gif) repeat; } .top_titre2 .top_picto .retour { display: block; position: absolute; top: 60px; left: 0; width: 75px; height: 16px; padding: 1px 0 0 0; text-align: center; font-size: 1.1em; background: url(/design/normal/images/btxt_top_picto.png) 0 -75px; _background: #fff; overflow: hidden; } /* TITRE HERITAGE*/ #log_content .top_titre { width: 480px; margin-bottom: 20px; } #log_content .top_h1 { width: 370px; } #log_content #breadcrumb { width: 440px; padding: 6px 0 0 20px; } /* BREADCRUMB */ .top_titre #breadcrumb { width: 595px; margin-left: 20px; padding: 6px 0 0 25px; background: url(/design/normal/images/h1_top_foot.png) no-repeat top left; _background: none; } .top_titre2 #breadcrumb { width: 555px; _width: 525px; margin-left: 75px; padding: 6px 0 0 10px; } #breadcrumb { display: block; font-size: 0.95em; } #breadcrumb p, #breadcrumb ul, #breadcrumb ul li { display: inline; color: #fff; } #breadcrumb li { padding: 0 5px 0 0; } #breadcrumb a { padding: 0 5px 0 2px; color: #fff; text-decoration: none; } #breadcrumb a:hover { text-decoration: underline; } #breadcrumb span { text-decoration: underline; } /* ICONS SOCIAL */ .top_titre .top_share { top: 8px; right: 5px; width: 60px; z-index: 2; } .top_titre2 .top_share { top: 12px; right: 5px; width: 80px; z-index: 2; } .top_share { position: absolute; } .top_share .s_ico { display: block; float: right; margin: 0 0 4px 4px; width: 16px; height: 16px; background: url(/design/normal/images/ico_share.png); } .top_share .abus { background-position: 0 0; } .top_share .email { background-position: -16px 0; } .top_share .facebook { background-position: -32px 0; } .top_share .print { background-position: -48px 0; } /* TOP DESC -remplace h1_desc */ .top_desc { font-size: 1.1em; text-align: justify; line-height: 1.3em; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); margin: 10px; } .top_desc a { color: #fff; text-decoration: none; border-bottom: 1px dotted #FFF; } .top_desc img{ max-width: 620px; _width:620px; } /* low_desc -remplace h1_desc */ .low_desc { padding: 10px; font-size: 0.9em; line-height: 1.3em; text-shadow: 1px 1px 1px rgba(0,0,0,.2);} .low_desc a { color: #fff; text-decoration: none; border-bottom: 1px dotted #FFF; } .low_desc p{ padding: 0 0 10px 0; } /* SEPARATE */ .separate { padding: 10px 0 0 0; background: url(/design/normal/images/separate.png) no-repeat top center; _background: none; } .separate_top { padding: 5px 0; background: url(/design/normal/images/separate_top.png) no-repeat top left; _background: none; } /* CHANGE COLOR IN */ .change_color_in { width: 640px; margin: 2px auto 0 auto; } /* TRI TAGS */ #tri_tags { height: 37px; } #tri_tags ul { display: block; width: 600px; margin: 0 auto; } #tri_tags ul li { display: inline; font-size: 0.95em; } #tri_tags ul li a { display: block; float: left; height: 27px; margin: 0 5px 0 0; padding: 0 0 0 5px; color: #fff; cursor: pointer; text-decoration: none; background: url(/design/normal/images/tri_tags_left.png) no-repeat top left; } #tri_tags ul li span { display: block; float: left; height: 22px; padding: 5px 12px 0 7px; cursor: pointer; background: url(/design/normal/images/tri_tags_right.png) no-repeat top right; } #tri_tags ul li.on a, #tri_tags ul li a:hover { color: #222; background: url(/design/normal/images/tri_tags_left.png) no-repeat bottom left; } #tri_tags ul li.on span, #tri_tags ul li a:hover span{ height: 20px; padding: 7px 12px 0 7px; background: url(/design/normal/images/tri_tags_right.png) no-repeat bottom right; } /* MULTIPAGE */ .multipage { position: relative; width: 100%; padding-bottom: 5px; } .multipage ul#multipage { display: block; height: 30px; padding-top: 5px; text-align: center; overflow: hidden; } .multipage ul#multipage li { display: inline; padding-right: 2px; font-weight: bold; font-size: 1.6em; } .multipage ul#multipage li a, .multipage ul#multipage li .fkl { display: inline; /*padding: 5px 6px 9px 6px;*/padding: 2px 5px; color: #333; text-decoration: none; text-decoration: none; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #fff; } .multipage ul#multipage li.on { padding-right: 3px; } .multipage ul#multipage li.on a, .multipage ul#multipage li a:hover, .multipage ul#multipage li.on .fkl { color: #fff; background: #333; border: 1px solid #000; } .multipage ul#multipage li.pn { font-weight: normal; font-size: 1.2em; } /* #g_coloriage .multipage ul#multipage li.on a, #g_coloriage .multipage ul#multipage li a:hover, #g_coloriage .multipage ul li.pn .fkl { background: #79ba01; } #g_dessin .multipage ul#multipage li.on .fkl, #g_dessin .multipage ul#multipage li a:hover, #g_dessin .multipage ul li.pn .fkl { background: #009cd7; } #g_brico .multipage ul#multipage li.on .fkl, #g_brico .multipage ul#multipage li a:hover, #g_brico .multipage ul li.pn .fkl { background: #e64d91; } #g_video .multipage ul#multipage li.on .fkl, #g_video .multipage ul#multipage li a:hover, #g_video .multipage ul li.pn .fkl { background: #303030; } #g_lecture .multipage ul#multipage li.on .fkl, #g_lecture .multipage ul#multipage li a:hover, #g_lecture .multipage ul li.pn .fkl { background: #7c7cc5; } #g_jeux .multipage ul#multipage li.on .fkl, #g_jeux .multipage ul#multipage li a:hover, #g_jeux .multipage ul li.pn .fkl { background: #d93236; } #g_club .multipage ul#multipage li.on .fkl, #g_club .multipage ul#multipage li a:hover, #g_club .multipage ul li.pn .fkl { background: #b9967b; } #g_search .multipage ul#multipage li.on .fkl, #g_search .multipage ul#multipage li a:hover, #g_search .multipage ul li.pn .fkl { background: #009cd7; }*/ /*.multipage ul#multipage li.pn { width: 26px; height: 26px; overflow: hidden; } .multipage ul#multipage li.pn a, .multipage ul#multipage li.pn .fkl { position: relative; width: 26px; height: 26px; padding: 0; overflow: hidden; } .multipage ul#multipage li.pn a .cadre, .multipage ul#multipage li.pn .fkl .cadre { position: absolute; top: 0; left: 0; display: block; width: 26px; height: 26px; text-indent: -1000em; background: url(/design/normal/images/multipage.png); overflow: hidden; } .multipage ul#multipage li.prev a .cadre, .multipage ul#multipage li.prev .fkl .cadre { /*background-position: 0 0; } .multipage ul#multipage li.next a .cadre, .multipage ul#multipage li.next .fkl .cadre { background-position: -26px 0; } .multipage ul#multipage li.prev a:hover .cadre { background-position: 0 -26px; } .multipage ul#multipage li.next a:hover .cadre { background-position: -26px -26px; } .multipage ul#multipage li.prev_off a .cadre, .multipage ul#multipage li.prev_off .fkl .cadre { background-position: 0 -52px; } .multipage ul#multipage li.next_off a .cadre, .multipage ul#multipage li.next_off .fkl .cadre { background-position: -26px -52px; }*/ .multipage ul#multipage_suite { display: block; width: 570px; margin: 0 auto; text-align: center; } .multipage ul#multipage_suite li { display: inline; font-size: 0.8em; } .multipage ul#multipage_suite li a, .multipage ul#multipage_suite li .fkl { color: #eee; text-decoration: none; } #mp_classic { position: relative; width: 100%; } #mp_classic .mp_classic_top { width: 100%; height: 11px; overflow: hidden; /*background: url(/design/normal/images/mp_classic_top.png) no-repeat 0 0;*/ } #mp_classic .mp_classic_mid { width: 100%; padding: 5px 0 0 0; /*background: #fff;*/ } #mp_classic .mp_classic_foot { width: 100%; height: 5px; overflow: hidden; /*background: url(/design/normal/images/mp_classic_foot.png) no-repeat 0 0;*/ } #mp_suite { position: relative; width: 100%; padding: 0 0 2px 0; } #log_content .multipage ul#multipage_suite { width: 469px; } /* CROSSING */ .crossing { margin-bottom: 10px; padding: 4px 0 0 0; } .crossing .list_items_75 { width: 600px; clear: both; } .crossing .list_items_50 { width: 610px; clear: both; } .crossing .list_items_75 li { margin-right: 10px; } .crossing .list_items_75 li.last { margin-right: 0; } .crossing .list_items_50 li { margin-right: 10px; } .crossing .list_items_50 li.last { margin-right: 0; } /* GROUPE */ .boite_300 { position: relative; width: 300px; margin-top: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .boite_300 .titre { padding: 5px 8px; font-weight: bold; color: #fff; font-size: 1.2em; } .boite_300 .contenu { width: 292px; margin-left: 8px; } .boite_300 .club_plus { display: block; width: 265px; padding: 7px 0 12px 35px; color: #fff; text-decoration: none; } .boite_300 .club_plus:hover { font-weight: bold; } .boite_300 .club_plus_photos_see { background: url(/design/normal/images/ico_photos.png) no-repeat 0 0; } .boite_300 .club_plus_photos_add { background: url(/design/normal/images/ico_photos_add.png) no-repeat 0 0; } .boite_300 .club_plus_groupes { background: url(/design/normal/images/ico_groupes.png) no-repeat 0 0; } .boite_300 .club_plus_groupes_add { background: url(/design/normal/images/ico_groupes_add.png) no-repeat 0 0; } #g_club .boite_300 { background: #b9967b; } .club_galerie_list_mini_img { width: 292px; } .club_galerie_list_mini_img li { display: block; float: left; width: 64px; height: 71px; margin: 0 9px 2px 0; overflow: hidden; } .club_galerie_list_mini_img li a { display: block; position: relative; width: 64px; height: 71px; overflow: hidden; } .club_galerie_list_mini_img li a .cadre { position: absolute; top: 0; right: 0; display: block; width: 128px; height: 71px; background: url(/design/normal/images/cadre_list_alt_60.png); z-index: 2; } .club_galerie_list_mini_img li a:hover .cadre { left: 0; } .club_galerie_list_mini_img li a .img { display: block; position: absolute; top: 9px; left: 2px; width: 60px; height: 60px; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-color: #fff; } .club_galerie_list_mini_img li a .img img { display: none; } .club_article_list_mini li { display: block; padding-bottom: 10px; color: #222; } .club_article_list_mini li a { color: #000; } .club_article_list_mini li em { font-size: 0.9em; color: #666; } .form_gr label { display: block; margin-bottom: 4px; font-weight: bold; font-size: 1.2em; } .form_gr .input_large { display: block; width: 350px; } .form_gr .textarea_large { display: block; width: 350px; height: 160px; } .form_gr p { padding: 10px 0; } .form_gr .btn { display: block; width: 200px; margin: 15px 0 0 0; padding: 7px 0 9px 24px; color: #fff; text-align: left; text-transform: uppercase; text-decoration: none; font-size: 1em; font-weight: bold; overflow: hidden; background: url(/design/normal/images/form_gr_btn.png) no-repeat; border: 0; } .form_gr .btn2 { display: block; width: 142px; margin: 15px 0 0 0; padding: 7px 0 9px 24px; color: #fff; text-align: left; text-transform: uppercase; text-decoration: none; font-size: 1em; font-weight: bold; overflow: hidden; background: url(/design/normal/images/form_btn.png) no-repeat; border: 0; } .form_gr .erreur_form { padding: 1px 0; background: #fbd0d3; border: 1px solid #cd0516; } .groupe_btns .groupe_btn { display: block; width: 265px; padding: 7px 0 12px 35px; color: #fff; font-weight: bold; font-size: 1.1em; text-decoration: none; } .groupe_btns .groupe_btn_join { background: url(/design/normal/images/ico_groupe_join.png) no-repeat 0 0; } .groupe_btns .groupe_btn_quit { background: url(/design/normal/images/ico_groupe_quit.png) no-repeat 0 0; } .groupe_btns_pn { width: 300px; margin: 10px auto; padding: 10px 0; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: url(/design/normal/images/spacer_noir_30.png) repeat; } .groupe_btns_pn a { color: #fff; padding: 0 10px; font-size: 1.2em; font-weight: bold; text-decoration: none; } .groupe_btns_pn a:hover { text-decoration: underline; } /* AMI */ .ami_dmd { float: left; width: 230px; margin: 0 10px 10px 0; } .ami_dmd_last { margin: 0 0 10px 0; } .ami_dmd a { color: #fff; text-decoration: none; font-weight: bold; } .ami_dmd .ami_vide, .ami_box .ami_vide { display: block; float: left; width: 1px; height: 85px; overflow: hidden; } .ami_dmd .avatar { display: block; position: relative; float: left; width: 73px; height: 73px; margin-right: 8px; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #fff; } .ami_dmd .avatar .status { display: block; position: absolute; bottom: 3px; right: 3px; width: 20px; height: 20px; } .status_online { background: url(/design/normal/images/ico_online_20.png) no-repeat center center; } .status_offline { background: url(/design/normal/images/ico_offline_20.png) no-repeat center center; } .ami_dmd .ami_side { display: block; float: left; width: 145px; } .ami_dmd .ami_side p { margin-bottom: 5px; } .ami_dmd .ami_btn, .ami_box .ami_btn { display: block; float: left; width: 30px; height: 30px; text-indent: -1000em; overflow: hidden; } .ami_ok { background: url(/design/normal/images/ico_ami_ok.png); } .ami_no { background: url(/design/normal/images/ico_ami_no.png); } .ami_msg { background: url(/design/normal/images/ico_ami_msg.png); } .ami_box { position: relative; float: left; width: 100px; margin: 0 20px 20px 2px; } .ami_box_last { margin: 0 0 20px 0; } .ami_box .avatar { display: block; position: relative; width: 100px; height: 170px; background-position: bottom center; } .ami_box .ami_pseudo { display: block; padding: 0 0 2px 0; text-align: center; font-size: 0.9em; } .ami_box .ami_btns { position: relative; width: 100px; height: 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: url(/design/normal/images/spacer_noir_30.png) repeat; } .ami_box .status { display: block; float: left; width: 30px; height: 30px; } .ami_box .ami_msg { margin-left: 3px; } .ami_box .ami_no { margin-left: 3px; } .coba_histo { position: relative; width: 420px; padding: 5px 45px 5px 5px; } .coba_histo_last { background: url(/design/normal/images/spacer_noir_10.png) repeat; } .coba_histo .vide { display: block; float: left; width: 1px; height: 50px; overflow: hidden; } .coba_histo .desc .date { padding-top: 5px; font-size: 0.9em; } .coba_histo .nb { position: absolute; top: 5px; right: 5px; width: 40px; text-align: center; } .coba_histo .nb .ico_coba { display: block; width: 30px; height: 30px; margin: 0 auto 5px auto; } .coba_histo .nb .ico_coba_moins { background: url(/design/normal/images/ico_coba_moins.png); } .coba_histo .nb .ico_coba_plus { background: url(/design/normal/images/ico_coba_plus.png); } .btn_buy_cobas { display: block; width: 470px; height: 65px; margin: 10px auto; text-indent: -1000em; cursor: pointer; overflow: hidden; } .btn_buy_cobas_fr { background: url(/design/normal/images/btn_club_achat_points_fr.png); } .btn_buy_cobas_en { background: url(/design/normal/images/btn_club_achat_points_en.png); } .btn_buy_cobas_es { background: url(/design/normal/images/btn_club_achat_points_es.png); } /* MINI CARROUSSEL HOME ET HOME DE RUBRIQUE */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; } .jcarousel-item { /* float: left; list-style: none; width: 60px; height: 60px;*/ } .jcarousel-next, .jcarousel-prev { z-index: 3; display: none; } .jcarousel-skin-tango.jcarousel-container { /*background: #FC0;*/ } .jcarousel-skin-tango.jcarousel-container-horizontal { width: 540px; /* padding: 10px;*/ } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 540px; } .jcarousel-skin-tango .jcarousel-item { /*width: 60px; height: 60px; border:1px solid #000;*/ } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 0px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } #mycarousel-next, #mycarousel-prev { cursor: pointer; } /* FOOTER SEO */ .bloc_footer_seo { float: left; width: 249px; padding: 0 10px 10px 0px; } /* BLOC BANK - PAY */ #pay { color: #333; } #pay_c1 { position: relative; float: left; width: 125px; padding: 5px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; } #pay_c1 ul li { display: block; background: #fff; border-bottom: 1px solid #b9967b; } #pay_c1 ul li a { display: block; position: relative; width: 125px; text-align: center; } #pay_c1 ul li a .rc { display: none; position: absolute; top: 0; right: -10px; width: 10px; background: #fff; } #pay_c1 ul li a .rc .rc_plus { display: block; position: absolute; left: -5px; width: 20px; height: 5px; background: #fff; } #pay_c1 ul li.pay_c1_CB a .rc { height: 86px; } #pay_c1 ul li.pay_c1_SMS a .rc { height: 57px; } #pay_c1 ul li.pay_c1_IVR a .rc { height: 57px; } #pay_c1 ul li.pay_c1_IPLUS a .rc { height: 57px; } #pay_c1 ul li.on a .rc, #pay_c1 ul li a:hover .rc { display: block; } #pay_c1 ul li.pay_c1_IPLUS { border: 0; } #pay_c1 ul li.pay_c1_CB a .rc .rc_plus { top: -5px; } #pay_c1 ul li.pay_c1_IPLUS a .rc .rc_plus { bottom: -5px; } #pay_c2 { position: relative; float: right; width: 325px; padding: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; } #pay_c2 .vide { display: block; float: left; width: 1px; height: 270px; overflow: hidden; } #pay_c2 .pay_c2_in { float: left; width: 324px; } .type_paiement { position: relative; float: right; width: 325px; padding: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff; } .type_paiement .vide { display: block; float: left; width: 1px; height: 270px; overflow: hidden; } .type_paiement .pay_c2_in { float: left; width: 324px; } #pay .pay_labels { width: 320px; margin: 0 auto; padding: 10px 0; } #pay .pay_label_ch { display: block; position: relative; float: left; width: 150px; padding: 0 5px; text-align: center; } #pay .pay_label_ch input { position: absolute; top: 5px; right: 15px; display: block; width: 13px; height: 13px; overflow: hidden; border: 0; } #pay .pay_label_ch .text { display: block; padding-top: 65px; color: #333; font-weight: bold; font-size: 1.3em; } #pay .pay_label_ch .text2 { display: block; padding-top: 110px; color: #333; font-weight: bold; font-size: 1.3em; } #pay .pay_label_ch .text_small { display: block; font-size: 0.9em; } #pay .pay_label_ch .choix_coba_1 { background: url(/design/normal/images/pay_coba_1.gif) no-repeat top center; } #pay .pay_label_ch .choix_coba_2 { background: url(/design/normal/images/pay_coba_2.gif) no-repeat top center; } #pay .pay_txt { padding: 5px; color: #333; } #pay .pay_txt label { font-weight: bold; font-size: 1.2em; color: #16559e; } #pay .pay_txt strong { color: #e64d91; font-size: 1.2em; } #pay .pay_txt em { font-size: 0.9em; color: #999; } #pay .pay_txt a { color: #e64d91; text-decoration: none; } #pay .pay_txt a:hover { text-decoration: underline; } #pay .pay_label_cartes { width: 240px; margin: 0 auto; padding: 0 0 20px 0; } #pay .pay_label_carte { display: block; position: relative; float: left; width: 60px; height: 15px; padding-top: 33px; text-align: center; } #pay .pay_carte_cb { background: url(/design/normal/images/pay_carte_cb.gif) no-repeat top center; } #pay .pay_carte_visa { background: url(/design/normal/images/pay_carte_visa.gif) no-repeat top center; } #pay .pay_carte_mastercard { background: url(/design/normal/images/pay_carte_mastercard.gif) no-repeat top center; } #pay .pay_carte_paypal { background: url(/design/normal/images/pay_carte_paypal.gif) no-repeat top center; } #pay .pay_total_ch { height: 25px; text-align: right; } #pay .pay_total label { padding: 0 7px 0 0; font-weight: bold; } #pay .pay_total .label_code { font-weight: bold; font-size: 1.2em; color: #16559e; } #pay .pay_total .text { width: 60px; } #pay .pay_total .text_total { font-weight: bold; background: #fff; border: 1px solid #fff; } /* FORM INVIT AMIS */ .box_iv { width: 480px; height: 490px; padding: 5px 10px; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #b9967b; } .box_iv h1 { margin-bottom: 10px; font-size: 1.5em; } .form_iv .p { height: 25px; } .form_iv .label { padding: 0 7px 0 0; font-weight: bold; } .form_iv .text { width: 250px; } .form_iv .p_big .label { display: block; padding: 0 0 5px 0; } .form_iv .textarea { display: block; width: 250px; height: 110px; } /* OFFRIR */ .offrir {padding: 5px 10px; color: #fff; background: #b9967b; margin: auto;} .offrir .titre { margin: 0 0 10px 0; font-size: 1.7em; font-weight: bold; color: #fff; font-family: 'Amaranth', serif; text-shadow: 1px 1px 2px rgba(0,0,0,.3);} .offrir .offir_amis { padding: 5px 0; border-radius: 5px; background: #fff; } .offrir .offir_amis .box_list_avatars { margin: 0 auto; } .offrir .btn_offrir { display: block; position: relative; margin: 0 auto; width: 50px; height: 36px; background: url(/design/normal/images/alert_ok2.png); border: 0; } .offrir .box_list_avatars{ width: auto; height: auto;} /* INSCRIPTION OU LOGIN */ .btn_insc_log { display: block; margin: 0 auto; padding: 10px 0; color: #fff; font-weight: bold; font-size: 1.2em; text-decoration: none; text-align: center; } .btn_insc_log:hover { text-decoration: underline; } /* SEARCH */ .list_items_search li.coloriage .nb { background: #79ba01; } .list_items_search li.dessin .nb { background: #009cd7; } .list_items_search li.brico .nb { background: #e64d91; } .list_items_search li.video .nb { background: #303030; } .list_items_search li.lecture .nb { background: #7c7cc5; } .list_items_search li.jeux .nb { background: #d93236; } .list_items_search li.club .nb { background: #b9967b; } .list_items_search { display: block; width: 594px; margin: 10px auto; padding: 10px 0 0 0; } .list_items_search li { display: block; position: relative; float: left; width: 110px; height: 170px; margin: 0 11px 0 0; padding-top: 18px; overflow: hidden; } .list_items_search li.last { margin-right: 0; } .list_items_search li .img { display: block; position: absolute; top: 30px; left: 5px; width: 100px; height: 100px; text-align: center; background: #fff; overflow: hidden; z-index: 1; } .list_items_search li h2 { display: block; position: relative; width: 110px; height: 145px; font-size: 0.9em; font-weight: normal; text-align: center; overflow: hidden; z-index: 1; } .list_items_search li .cadre { display: block; position: absolute; width: 110px; height: 145px; top: 0; left: 0; color: #fff; text-decoration: none; background: url(/design/normal/images/cadre_list_alt_110.png) no-repeat -110px 0; _background: url(/design/normal/images/cadre_list_alt_110.gif) no-repeat -110px 0; } .list_items_search li .cadre:hover { background-position: 0 0; } .list_items_search li .text { display: block; position: absolute; top: 117px; left: 0; width: 110px; height: 27px; overflow: hidden; } .list_items_search li .nb { display: block; position: absolute; top: 0; left: 3px; width: 96px; padding: 3px 3px 10px 3px; font-size: 0.9em; line-height: 0.9em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; z-index: 0; border: 1px solid #fff; } .list_items_search li .nb .ico { display: block; float: left; width: 20px; height: 20px; overflow: hidden; } /* HOMEPAGE */ #slider{ height: 280px; overflow: hidden; } #home_tags { position: relative; width: 650px; margin-top: 10px; clear: both; } #home_tags_bg { position: relative; width: 650px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: url(/design/normal/images/home_tags_bg.gif) repeat-y; } .home_box { position: relative; width: 163px; padding: 5px 0; float: left; } .home_box .titre { position: relative; width: 113px; padding: 10px 5px 10px 45px; color: #fff; font-size: 1.2em; font-weight: bold; background: url(/design/normal/images/spacer_blanc_30.png); _background: none; } .home_box_4 { width: 161px; } .home_box_4 .titre { width: 111px; } .home_box .titre .ico { display: block; position: absolute; top: -2px; left: 3px; width: 40px; height: 40px; margin-right: 5px; overflow: hidden; } .home_box_1 .titre .ico { background: url(/design/normal/images/ico_age_40.png); } .home_box_2 .titre .ico { background: url(/design/normal/images/ico_boy_40.png); } .home_box_3 .titre .ico { background: url(/design/normal/images/ico_girl_40.png); } .home_box_4 .titre .ico { background: url(/design/normal/images/ico_fete_40.png); } .home_box .liens { display: block; padding: 10px; color: #fff; } .home_box .liens a { color: #fff; text-decoration: none; } .home_box .liens a:hover { text-decoration: underline; } #home_tags_corners { position: absolute; bottom: 70px; right: 0; width: 650px; height: 73px; background: url(/design/normal/images/home_tag_corner.png); } #home_yodicity { clear: both; width: 650px; height: 360px; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #B9957D; } #home_yodicity a { text-decoration:none; } #home_yodicity .visuel{ position: relative; width:630px; height: 221px; position: absolute; bottom: 75px; left: 10px; } #home_yodicity .visuel .corner { display: block; position: absolute; width: 5px; height: 5px; background: url(/design/normal/images/home_yodicity_corners.png); overflow: hidden; _display: none; } #home_yodicity .visuel .corner_tl { top: 0; left: 0; background-position: -5px -5px; } #home_yodicity .visuel .corner_tr { top: 0; right: 0; background-position: 0 -5px; } #home_yodicity .visuel .corner_bl { bottom: 0; left: 0; background-position: -5px 0; } #home_yodicity .visuel .corner_br { bottom: 0; right: 0; background-position: 0 0; } #home_yodicity .info_box { display: block; width: 214px; margin: 25px 0 0 25px; background: url(/design/normal/images/spacer.gif); } #home_yodicity .info{ display: block; position: relative; width: 200px; height: 41px; padding: 5px 7px; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: url(/design/normal/images/spacer_noir_30.png); } #home_yodicity .info strong{ display: block; font-size: 1.6em; } #home_yodicity .news{ position: absolute; bottom:0; width: 650px; height: 65px; color: #FFF; } #home_yodicity .date{ position: absolute; top: 0; left: 10px; width: 45px; height: 48px; padding: 7px 0 0 0; background: url(/design/normal/images/home_yodicity_date.png); text-align: center;} #home_yodicity .date em { display: block; font-size: 1.7em; font-style:normal; font-weight: bold; } #home_yodicity .titre{ position: absolute; top: 0; left: 65px; font-weight: bold; width: 450px; font-weight: bold; font-size: 16px; } #home_yodicity .desc{ position: absolute; top: 25px; left: 65px; width: 450px; font-size: 0.95em; } #home_yodicity .btn { position: absolute; top: 10px; right: 10px; width: 120px; height: 33px; padding-top: 12px; text-align: center; text-decoration: none; color: #fff; font-size: 1.3em; font-weight: bold; background: url(/design/normal/images/home_yodicity_go.png); text-align: center; } #home_yodicity .btn:hover { background-position: -120px 0; } #g_search #titre_home_actu .top_titre .ico { background: url(/design/normal/images/ico_actu_40.png); } #g_search #home_yodicity .top_titre .ico { background: url(/design/normal/images/ico_club_40.png); } #g_search #home_yodicity .top_titre .top_h1, #g_club #home_yodicity .top_titre .top_h1 { color: #fff; } /* SLIDER */ #slider { position: relative; width: 630px; height: 280px; margin: 0 auto; overflow: hidden; } .nivo-prevNav, .nivo-nextNav { display: none; } .nivo-controlNav { position: absolute; top: 215px; right: 3px; display: block; height: 50px; z-index: 100; } .nivo-control { float: left; display: block; width: 50px; height: 50px; margin: 5px; overflow: hidden; border: 1px solid #fff; } .nivo-control:hover, .nivo-control.active { border: 1px solid #fff; border-bottom: 9px solid #fff; } #slider_home_cat { position: relative; width: 640px; height: 285px; margin: 5px auto 0px auto; padding-top: 5px; } #slider_home_cat .slider_side { position: absolute; display: block; background: url(/design/normal/images/slider_sides.png); z-index: 10; } #slider_home_cat .slider_side_l { top: 0; left: 0; width: 5px; height: 290px; background-position: 0 0; } #slider_home_cat .slider_side_r { top: 0; right: 0; width: 5px; height: 290px; background-position: -5px 0; } #slider_home_cat .slider_side_t { top: 0; left: 5px; width: 630px; height: 5px; background: #fff; } #slider_home_cat .slider_side_f { bottom: 0; left: 5px; width: 630px; height: 5px; background: #fff; } #slider_home_cat .slider_corner { position: absolute; display: block; width: 4px; height: 4px; background: url(/design/normal/images/slider_corners.png); overflow: hidden;; z-index: 1000; } #slider_home_cat .slider_corner_tl { top: 5px; left: 5px; background-position: 0 0; } #slider_home_cat .slider_corner_tr { top: 5px; right: 5px; background-position: -4px 0; } #slider_home_cat .slider_corner_bl { bottom: 5px; left: 5px; background-position: 0 -4px; } #slider_home_cat .slider_corner_br { bottom: 5px; right: 5px; background-position: -4px -4px; } #slider_home_cat_img_big { position: relative; width: 630px; height: 280px; margin: 0 auto; overflow: hidden; } #slider_home_cat_img_small { position: absolute; top: 215px; right: 15px; display: block; } #slider_home_cat_img_small li { float: right; display: block; width: 60px; } #slider_home_cat_img_small li a { display: block; width: 50px; height: 50px; margin: 0 auto; overflow: hidden; } #slider_home_cat_img_small li img { width: 50px; } #slider_home_cat_img_small li.on a, #slider_home_cat_img_small li a:hover { border: 3px solid #fff; border-bottom: 17px solid #fff; } /* PUB GOOGLE RESULT SEARCH */ .wide_ads, .narrow_ads { width: 596px; margin: 0 auto; } /* TABLEAU LISTE */ .tab_list { width: 470px; } .tab_list th { padding: 5px 0; text-align: center; background: #5c4b3d; } .tab_list td { padding: 3px; } .tab_list td a { font-weight: bold; color: #fff; } .tab_list2 td { padding: 10px 5px; } .tab_list2 td a { font-weight: bold; color: #fff; } /* FILTRES TAG */ #fitres_tags { margin: 10px; } #fitres_tags a { text-decoration: none; font-size: 1em;} #fitres_tags strong { display: block; float: left; margin: 0 20px 30px 0; font-family: "Amaranth", sans-serif; font-size: 1.3em; font-weight: normal;} /* FLAGS */ #flags { display: block; position: absolute; top: 5px; right: 0; width: 130px; } #flags li { display: block; float: left; margin-right: 10px; width: 25px; height: 17px; overflow: hidden; } #flags li.last { margin: 0; } #flags li a { display: block; width: 25px; height: 17px; overflow: hidden; text-indent: -1000em; } #flags li a.flag_fr { background: url(/design/normal/images/flag_fr.png); } #flags li a.flag_en { background: url(/design/normal/images/flag_en.png); } #flags li a.flag_us { background: url(/design/normal/images/flag_us.png); } #flags li a.flag_es { background: url(/design/normal/images/flag_es.png); } #flags li a.flag_mx { background: url(/design/normal/images/flag_mx.png); } #flags li a.flag_cn { background: url(/design/normal/images/flag_cn.png); } /* BULLE */ .bulle { position: absolute; z-index: 9999; } .bulle_fleche { display: block; position: absolute; bottom: 60%; left: -14px; width: 14px; height: 25px; background: url(/design/normal/images/bulle_fleche.png); z-index: 2001; } .bulle_sh { display: block; position: absolute; top: 2px; left: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: url(/design/normal/images/spacer_noir_50.png); z-index: 2000; } .bulle_txt { display: block; position: absolute; top: 0; left: 0; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #fff; z-index: 2000; } .bulle_txt strong { font-size: 1.2em; } .bulle_txt a { margin-bottom: 5px; } .bulle_choix { display: block; position: relative; padding: 5px 0 5px 40px; font-size: 1.3em; text-decoration: none; } .bulle_choix .bulle_ico { position: absolute; top: 0; left: 0; display: block; width: 36px; height: 36px; overflow: hidden; } .bulle_choix_boy { color: #009cd7; } .bulle_choix_girl { color: #e64d91; } .bulle_choix_boy:hover { background: #e4e7ef; } .bulle_choix_girl:hover { background: #f2e4eb; } /* MAIRIE */ #mairie_top { position: relative; top: 5px; width: 470px; height: 118px; margin: 0 auto; background: url(/design/normal/images/mairie_top.png) top center; z-index: 2; } #mairie { position: relative; width: 450px; padding: 15px 10px 15px 10px; color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; /*border-radius: 5px; behavior: url(/design/normal/border-radius2.htc);*/ background: #fff; z-index: 1; } #mairie_photo { position: relative; float: left; width: 100px; height: 180px; overflow: hidden; background: url(/design/normal/images/mairie_photo.png); } #mairie_photo img { position: absolute; top: 0; left: -40px; } #mairie_foot { position: absolute; bottom: 0; left: 0; width: 470px; height: 20px; overflow: hidden; background: url(/design/normal/images/mairie_foot.png) no-repeat top center; } #mairie .form .label { display: block; padding: 4px 0; font-size: 1.2em; font-weight: bold; color: #666; margin-top: 10px; letter-spacing: -1px; } #mairie .form .info { display: block; padding: 0 0 10px 0; font-size: 1.2em; color: #b9967b; } #mairie .form .info_boy { color: #009cd7; } #mairie .form .info_girl { color: #e64d91; } #mairie .input_text{ font-family: "Courier New", Courier, monospace; width: 446px; padding: 2px; border: 1px solid #DDD; background: #e7e2df; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #mairie .form textarea { display: block; height: 98px; } #mairie .form .text { height: 20px; } #mairie .form p.checkbox { position: relative; margin: 10px; } #mairie .form p.checkbox input{ position: absolute; top: 2px; left:0; } #mairie .form .checkbox label{ display: block; padding: 0 0 0 20px; } #mairie .input_text.error{ background:#FCC; border: 1px solid #C00; color: #C00; } #mairie a { color: #b9967b; text-decoration: none; } #mairie a:hover { text-decoration: underline; } #mairie_infos_1 { float: right; width: 340px; } #mairie .form .btn { display: block; width: 142px; margin: 15px auto 0 auto; padding: 7px 0 9px 24px; color: #fff; text-align: left; text-transform: uppercase; text-decoration: none; font-size: 1em; font-weight: bold; overflow: hidden; background: url(/design/normal/images/form_btn.png) no-repeat; border: 0; } /* FICHE */ #fiche { position: relative; width: 420px; margin: 0 auto; } .fiche_boy { background: url(/design/normal/images/fiche_bg_boy.png) repeat-y; } .fiche_girl { background: url(/design/normal/images/fiche_bg_girl.png) repeat-y; } #fiche_top_boy { width: 420px; height: 4px; margin: 10px auto 0 auto; background: url(/design/normal/images/fiche_top_boy.png); overflow: hidden; } #fiche_top_girl { width: 420px; height: 4px; margin: 10px auto 0 auto; background: url(/design/normal/images/fiche_top_girl.png); overflow: hidden; } #fiche_foot_boy { width: 420px; height: 40px; margin: 0 auto; background: url(/design/normal/images/fiche_foot_boy.png); } #fiche_foot_girl { width: 420px; height: 40px; margin: 0 auto; background: url(/design/normal/images/fiche_foot_girl.png); } #fiche .titre { position: relative; width: 320px; padding: 8px 50px 10px 50px; text-align: center; color: #fff; font-size: 1.3em; font-weight: bold; background: url(/design/normal/images/spacer_blanc_50.png) repeat; } #fiche .titre .club_visuel_or { display: block; position: absolute; top: -15px; width: 74px; height: 61px; background: url(/design/normal/images/club_visuel_or.png); } #fiche .titre .club_visuel_or_1 { left: -20px; } #fiche .titre .club_visuel_or_2 { right: -20px; } #fiche_avatar { display: block; float: left; position: relative; width: 100px; height: 170px; background-position: bottom center; overflow: hidden; } #fiche_prem_infos { float: left; width: 320px; float: right; } .fiche_i { position: relative; display: block; margin: 0 5px 0 5px; padding: 10px 5px 15px 40px; color: #222; font-size: 1.2em; } #fiche .ico_man_36 { background: url(/design/normal/images/ico_man_36.png) no-repeat left center; } #fiche .ico_woman_36 { background: url(/design/normal/images/ico_woman_36.png) no-repeat left center; } #fiche .ico_boy_36 { background: url(/design/normal/images/ico_boy_36.png) no-repeat left center; } #fiche .ico_girl_36 { background: url(/design/normal/images/ico_girl_36.png) no-repeat left center; } #fiche .ico_jaime_36 { background: url(/design/normal/images/ico_jaime_36.png) no-repeat left center; } #fiche .ico_jaimepas_36 { background: url(/design/normal/images/ico_jaimepas_36.png) no-repeat left center; } #fiche .ico_age_36 { background: url(/design/normal/images/ico_age_36.png) no-repeat left center; } #fiche .ico_info_36 { background: url(/design/normal/images/ico_info_36.png) no-repeat left center; } #fiche .ico_online_36 { background: url(/design/normal/images/ico_online_36.png) no-repeat left center; } #fiche .ico_offline_36 { background: url(/design/normal/images/ico_offline_36.png) no-repeat left center; } #fiche_modif { padding: 0 10px; text-align: right; } #fiche_modif a { font-size: 1.2em; color: #fff; text-decoration: underline; } .fiche_btns { clear: both; position: relative; width: 420px; height: 50px; margin: 15px auto; } .fiche_btn { position: absolute; top: 0; display: block; width: 135px; height: 37px; padding: 13px 5px 0 50px; text-decoration: none; color: #fff; font-size: 1.3em; font-weight: bold; background: url(/design/normal/images/fiche_btn.png); } .fiche_btn_blog { left: 0; background-position: 0 0; } .fiche_btn_ami { right: 0; background-position: -190px 0; } .fiche_btn_msg { right: 0; background-position: -380px 0; } .fiche_btn_blog:hover { left: 0; background-position: 0 -50px; } .fiche_btn_ami:hover { right: 0; background-position: -190px -50px; } .fiche_btn_msg:hover { right: 0; background-position: -380px -50px; } #fiche_perso_cpt { width: 430px; margin-bottom: 10px; padding: 4px 0 0 40px; background: url(/design/normal/images/spacer_noir_30.png) repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #fiche_perso_cpt .fiche_i { float: left; width: 150px; height: 30px; padding: 15px 5px 16px 40px; font-size: 0.9em; color: #fff; text-decoration: none; } #fiche_perso_cpt .ico_nbcom_36 { background: url(/design/normal/images/ico_nbcom_36.png) no-repeat left center; } #fiche_perso_cpt .ico_nbvisite_1_36 { background: url(/design/normal/images/ico_nbvisite_1_36.png) no-repeat left center; } #fiche_perso_cpt .ico_nbvisite_2_36 { background: url(/design/normal/images/ico_nbvisite_2_36.png) no-repeat left center; } #fiche_perso_cpt .ico_nbvisite_3_36 { background: url(/design/normal/images/ico_nbvisite_3_36.png) no-repeat left center; } #fiche_perso_cpt .ico_podium_36 { background: url(/design/normal/images/ico_podium_36.png) no-repeat left center; } #fiche_perso_cpt .ico_amis_36 { background: url(/design/normal/images/ico_amis_36.png) no-repeat left center; } #fiche_perso_cpt .fiche_i em { display: block; } /* NINJAS */ .ninja { display: block; position: relative; width: 135px; height: 90px; margin-bottom: 5px; } .ninja .cadre { display: block; position: absolute; top: 0; left: 0; width: 135px; height: 90px; background: url(/design/normal/images/cadre_visuel.png); } .ninja .bg { position: absolute; display: block; top: 3px; left: 3px; width: 129px; height: 84px; } .ninja .bg_rose { background: #e64d91; } .ninja .bg_bleu { background: #009cd7; } .ninja .bg_pourpre { background: #990033; } .ninja .bg_yodi { background: url(/design/normal/images/bg_yodi.jpg); } .ninja .visuel { display: block; position: absolute; top: 5px; left: 0; width: 135px; height: 91px; } .ninja .visuel_pyn_fr { background: url(/design/normal/images/visuel_pyn_fr.png); } .ninja .visuel_sc_fr { background: url(/design/normal/images/visuel_sc_fr.png); } .ninja .visuel_pyn_en { background: url(/design/normal/images/visuel_pyn_en.png); } .ninja .visuel_sc_en { background: url(/design/normal/images/visuel_sc_en.png); } .ninja .visuel_pyn_es { background: url(/design/normal/images/visuel_pyn_es.png); } .ninja .visuel_sc_es { background: url(/design/normal/images/visuel_sc_es.png); } .ninja .visuel_ae_fr { background: url(/design/normal/images/visuel_ae_fr.png); } .ninja .visuel_ae_en { background: url(/design/normal/images/visuel_ae_en.png); } .ninja .visuel_ae_es { background: url(/design/normal/images/visuel_ae_es.png); } .ninja .visuel_yodi { background: url(/design/normal/images/visuel_yodi.png); } .ninja_big { height: 315px; text-decoration:none; overflow: hidden; } .ninja_big .cadre { height: 315px; background: url(/design/normal/images/cadre_mea_yodicity.png); z-index:10; } .ninja_big .bg { height: 309px; } .ninja_big .bg_yodi { z-index:7; } .ninja_big .visuel { top: 0; left: 0; width: 135px; height: 315px; overflow: hidden; } .ninja_big .visuel_yodi { z-index:8; background: none; } .ninja_big .visuel { top: 0; left: 0; width: 135px; height: 315px; overflow: hidden; } .ninja_big .visuel_yodi img{ left:-230px; position: absolute; } .ninja_big .visuel_yodi.age_1 img{ top: -290px; } .ninja_big .visuel_yodi.age_2 img{ top: -245px; } .ninja_big .visuel_yodi.age_3 img{ top: -180px; } .ninja_big .visuel_yodi.age_4 img{ top: -135px; } .ninja_big .visuel_yodi.age_5 img{ top: -90px; } .ninja_big .texte { position:absolute; bottom: 3px; left: 3px; width: 110px; padding: 5px 10px; color: #FFF; text-decoration:none; text-align:center; background:url(/design/normal/images/spacer_noir_50.png); z-index:9; } #g_club #partage_poste .top_titre .ico { background: url(/design/normal/images/ico_amis_40.png); } .box_poste { width: 450px; margin-bottom: 10px; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: url(/design/normal/images/spacer_noir_50.png) repeat; } .box_poste .titre { display: block; position: relative; padding: 0 5px 5px 27px; font-weight: bold; } .box_poste .ico { display: block; position: absolute; top: -10px; left: -15px; width: 36px; height: 36px; } .ico_mail { background: url(/design/normal/images/ico_messagerie_36.png); } .ico_ami { background: url(/design/normal/images/ico_amis_36.png); } .ico_blog { background: url(/design/normal/images/ico_blog_36.png); } .box_poste .text { width: 370px; margin-right: 5px; } .box_poste .btn { width: 60px; height: 20px; color: #fff; font-size: 0.95em; background: url(/design/normal/images/poste_btn.png); border: 0; } .btn_poste { display: block; float: left; position: relative; width: 180px; padding: 10px 10px 10px 40px; color: #fff; font-weight: bold; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: url(/design/normal/images/spacer_noir_50.png) repeat; } .btn_poste_fav { float: right; } .btn_poste .ico { display: block; position: absolute; top: 0; left: -5px; width: 36px; height: 36px; } .ico_facebook_36 { background: url(/design/normal/images/ico_facebook_36.png); } .ico_favoris_36 { background: url(/design/normal/images/ico_favoris_36.png); } /* ALLOCINE */ .cine_film_photo { width: 130px; float: left; } .cine_film_photo img { width: 120px; } .cine_film_desc { width: 340px; float: left; color: #fff; font-size: 12px; } .cine_film_desc a { color: #fff; text-decoration: underline; } .cine_film_suite { color: #fff; border-top: 1px dotted #fff; margin: 10px 0 0 0; padding: 10px 0 0 0; } .cine_film_suite h4 { font-size: 14px; margin: 0 0 8px 0; } .cine_film_suite a { color: #fff; text-decoration: underline; } .cine_film_suite ul.list1 li { display: block; float: left; width: 230px; height: 230px; margin: 0 7px 0 0; overflow: hidden; } .cine_film_suite ul.list1 li.last { margin: 0; } .cine_film_suite ul.list1 li a { display: block; width: 226px; height: 226px; overflow: hidden; border: 2px solid #fff; cursor: pointer;} .cine_film_suite ul.list1 li a img { width: 340px; border: none; } .cine_film_suite ul.list2 li { display: block; float: left; width: 150px; height: 150px; margin: 0 8px 0 0; overflow: hidden; } .cine_film_suite ul.list2 li.last { margin: 0; } .cine_film_suite ul.list2 li a { display: block; width: 146px; height: 146px; overflow: hidden; border: 2px solid #fff; cursor: pointer;} .cine_film_suite ul.list2 li a img { width: 220px; border: none; } .cine_film_suite .t_right { text-align: right; } .cine_film_suite table { width: 95%; } .cine_film_suite table td { width: 50%; text-align: center; } #bloc_photo{ margin: 10px 0 0 0; clear:both;} #bloc_photo img{ width:462px; border:2px solid #FFF; } /* DIGITAL BROS > YODIBUJO */ .jaquette { float: left; margin: 0 10px 10px 0; } .jaquette img { width: 200px; margin: 3px; border: 2px solid #FFF; } .medias { background: url(/_design/img/digitalbros/cadre.jpg) no-repeat top left; width: 470px;} .medias div { margin: 10px; overflow:hidden; width: 618px;} .medias embed, .medias object { display: block; margin: auto; width: 450px; } .medias h3 { color: #FFF; font-size: 21px; letter-spacing: -1px; margin: 10px 0; } .medias .liste a { border: 2px solid #FFF; width: 139px; height: 100px; float: left; margin: 0 10px 10px 0; overflow: hidden;} /*.medias .liste a.last { margin: 0 ; }*/ .medias .liste { margin: 10px 0 10px 10px;} .medias .liste img { border:0; width: 139px;} .medias .bigimg img { margin: 0 auto; display:block; max-width: 450px;} /* BOLINK */ .bolink a { color: #000; } /* 404 */ .p404 { width: 510px; height: 100px; padding: 30px 0 30px 100px; font-size: 1.2em; color: #fff; background: #009cd7 url(/design/normal/images/p404.png) no-repeat 15px 5px; } .p404 .titre { font-size: 2em; } .p404 .text { font-size: 1.3em; } /* YODI QUESTION */ .yodi_question form { padding-top: 20px; } .yodi_question .laquestion { display: block; font-size: 1.5em; } .yodi_question .p { padding: 5px 20px; } .yodi_question .p input { margin-right: 5px; } .yodi_question .p .text { width: 410px; margin: 0 auto; font-size: 1.5em; } .yodi_question .btn { text-align: center; } /* BTN ESPACE MAMAN */ #btn_espace_maman { position: relative; display: block; width: 300px; height: 63px; } #btn_espace_maman a { position: absolute; top: -32px; left: 0; display: block; width: 220px; height: 42px; padding: 48px 0 0 80px; color: #fff; font-size: 1.3em; font-weight: bold; text-decoration: none; background: url(/design/maman/images/btn_espace_maman.png); } #btn_espace_maman a:hover { background-position: -300px 0; } /* Suivant Precedent */ .suivant_precedent { display: block; width: 630px; height: 60px; margin: 25px auto 5px auto; padding: 10px 0; } .suivant_precedent a { position: relative; display: block; width: 310px; height: 50px; color: #fff; text-decoration: none; } .suivant_precedent a:hover { } .suivant_precedent a .txt { position: absolute; top: 5px; display: block; width: 215px; height: 40px; font-size: 16px; overflow: hidden; text-shadow: 1px 1px 2px rgba(0,0,0,.4); font-family: 'Amaranth', sans-serif; } .suivant_precedent a:hover .txt { text-shadow: 1px 1px 5px rgba(0,0,0,.8); } .suivant_precedent .prev:hover .txt { left: 115px; } .suivant_precedent .next:hover .txt { right: 115px; } .suivant_precedent a .img { border: 2px solid rgba(255,255,255,.8); position: absolute; top: 0; display: block; width: 50px; height: 50px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-position: center center; background-repeat: no-repeat; background-color: #FFF; overflow: hidden; box-shadow: 0px 0px 5px rgba(0,0,0,.4); } .suivant_precedent a:hover .img { top: -25px; width: 100px; height: 100px; } .suivant_precedent .prev:hover .img { left:5px;} .suivant_precedent .next:hover .img { right:5px;} .suivant_precedent a .fleche { position: absolute; top: 9px; display: block; width: 21px; height: 33px; background: url(/design/normal/images/suivant_precedent.png); z-index:0;} .suivant_precedent .prev:hover .fleche { left:30px; } .suivant_precedent .next:hover .fleche { right:50px; } .suivant_precedent .prev { float: left; } .suivant_precedent .next { float: right; text-align: right; } .suivant_precedent .prev .fleche { background-position: 0 0; } .suivant_precedent .next .fleche { background-position: -21px 0; } .suivant_precedent .prev .fleche { left: 0; } .suivant_precedent .next .fleche { right: 0; } .suivant_precedent .prev .img { left: 30px; } .suivant_precedent .next .img { right: 30px; } .suivant_precedent .prev .txt { left: 90px; } .suivant_precedent .next .txt { right: 90px; } .btn_mon_espace_maman { position: relative; display: block; width: 185px; height: 32px; margin-bottom: 10px; padding: 9px 0 0 115px; text-align: left; color: #fff; font-size: 18px; text-decoration: none; background: #A06C8F; border-radius: 5px; border-left: 1px solid rgba(255,255,255,.3); border-right: 1px solid rgba(0,0,0,.3); border-bottom: 5px solid rgba(255,255,255,.5); } .btn_mon_espace_maman:hover { box-shadow: inset 0 20px 20px rgba(0,0,0,.2);; } .btn_mon_espace_maman span { position: absolute; bottom: 0; left: 0; display: block; width: 108px; height: 58px; background: url(/design/maman/images/mam_acces_logo.png); } .btn_jaune_r5 { padding: 8px 10px; color: #fff; font-size: 1.4em; font-weight: bold; text-decoration: none; background: #ffb400 url(/design/normal/images/bg_jaune.gif) repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid #ffb400; } .btn_jaune_r5:hover { border: 2px solid #fff; } /* PREROLLS >> Dans "tools.css" */ /* TOP SCORES : 22/06/2011 */ .top_scores .line{ display: block; padding: 5px; width: 300px; background: #FFF; border-radius:5px; margin: 0 0 10px 0; text-decoration: none; position:relative; box-shadow: 2px 2px 5px rgba(0,0,0,.2); } .top_scores .line img{ width: 50px; margin: 0 0 0 30px; } .top_scores .line span{ position: absolute; display: block; left: 100px; } .top_scores .line span.position{ width: 30px; color: #666; top: 10px; left: 10px; font-size: 30px; } .top_scores .line span.score{ display: block; top: 13px; font-size: 16px; color: #333; font-weight: bold;} .top_scores .line span.user{ display: block; top: 33px; font-size: 12px; color: #09C;} .top_scores h2{ text-align: center; text-shadow: 2px 2px 2px rgba(0,0,0,.5); margin: 0 0 20px 0;} /* TRADUCTIONS */ .traduction { margin: 10px; background: #099; padding: 10px; font-size: 14px; color: #FFF; } .traduction p{ margin: 3px 0; border-bottom:1px dotted #FFF; padding: 5px 0; } .traduction p label{ font-weight: bold; display: block; } .traduction textarea{ width: 32%; margin: 5px 5px 5px 0; border: 1px solid #CCC; padding: 3px;} .traduction textarea.fr{ background: url(/design/normal/images/trad_fr.png) no-repeat bottom left #FFF; } .traduction textarea.en{ background: url(/design/normal/images/trad_en.png) no-repeat bottom left #FFF; } .traduction textarea.es{ background: url(/design/normal/images/trad_es.png) no-repeat bottom left #FFF; } /* TEXT FORCE SUR TOUTES LES PAGES */ .txt_extra{ padding:10px; text-align: justify; color: #FFF; } .txt_extra a{ color: #FFF; text-decoration: underline; } /* BOUTON TWITTER */ .twitter_fr, .twitter_en, .twitter_es{ display:block; width: 300px; height: 50px; border: none; } .twitter_fr:hover, .twitter_en:hover, .twitter_es:hover{ box-shadow: inset 0 -20px 20px rgba(0,0,0,0.2);} .twitter_fr{ background: url(/design/normal/images/twitter_fr.png); } .twitter_es{ background: url(/design/normal/images/twitter_es.png); } .twitter_en{ background: url(/design/normal/images/twitter_en.png); } /* LISE EN FORME DES TAGS */ .tag{ display: inline-block; background: rgba(0,0,0,.2); border-radius: 3px; padding: 2px 4px; margin: 0 2px 5px 0; text-shadow: 1px 1px 2px rgba(0,0,0,.5); } .tag:hover{ background: rgba(255,255,255,.2); text-shadow: 1px 1px 2px rgba(0,0,0,.8); } .tag.admin { background: #C00; color:#FFF;} .tag.admin:hover { background: red;} .tag.admin:before { content : 'ACTION ADMINISTRATEUR : '; font-weight: bold; color :#FC0; } /* BOITE BLANCHE */ .white_box{ background: #FFF; }