‹/* Main CSS Yibloo */
html{font-family: Verdana, 'Bitsream Vera Sans', sans-serif; min-height: 100%; height: auto;}
img {border: none;}
body{background: url(main_img/body-background.gif) bottom repeat-x #101010; margin: 0; padding: 0;}
#header{ background: url(main_img/header-background.png) no-repeat top; margin: 0 auto; position: relative; border: 1px solid #101010; width: 955px; }
#header-logo{width: 185px; height: 55px; position: absolute; top: 32px; left: 40px;}
#header-logo img {border: none;}

#header-guide{padding:5px 20px; border: 5px solid #005692; font-size: 12px; margin: 5px 15px 30px; color: #FFF;}
#header-guide ul{list-style-type: none; padding: 10px 0; margin: 0; text-align: center;}
#header-guide li{padding: 0 5px; display: inline; color: #CCC;}
#header-guide span{font-size: 12px; font-weight: bold;}
#header-guide .number{font-size: 16px; color: #3399FF; font-weight: bold;}
#header-guide .done{text-decoration: line-through; font-size: 12px; font-weight: normal;}
#header-guide .undone{font-size: 13px; font-weight: bold;}
#header-guide .tiny-info{font-size: 8px; color: #CCC;}
#header-guide a{text-decoration: none; color: #FFF;}
#header-guide a:hover{text-decoration: underline;}

#header-content {position: relative; height: 160px;}

#header-menu{background: url(main_img/header-menu-background.png) repeat-x; height: 37px; padding: 0 60px; width: 835px; position: absolute; bottom: 0;}
#header-menu-info{padding:5px 20px; background: url(main_img/header-menuinfo-background.png) repeat; position: absolute; top: 10px; right:0; height: 25px; font-size: 10px; color: #FFF;}
#header-menu-info input{margin-right: 15px;}
#header-menu-info a{color: #3399CC;}
#header-menu ul{ padding: 0; margin: 0; padding-top: 10px; list-style-type: none;}
#header-menu li{display: inline;}
#header-menu li.separator{width: 2px; height: 23px; background: url(main_img/header-menu-separator.png) no-repeat; padding: 0 2px;}
#header-menu a{color: #FFF; text-decoration: none; font-size: 14px; padding: 0 20px;}
#header-menu img{border: 0;}
#header-menu a:hover{color: #FF3399;}
#header-menu a.active{color: #3399FF;}
#content{ padding-left: 30px; padding-bottom: 30px; padding-right: 30px; padding-top: 40px; background-image: url(main_img/content-background.png); min-height: 400px; margin-top: 10px; color: #CCC; font-size: 12px; width: 895px; text-align: justify;position: relative;}
#content.full{padding-left: 10px; padding-right: 0; width: 945px;}
#content.menu { width: 755px; margin-left:  140px;}
#content h1, .h1{font-size: 18px; color: #FFF;}
#content h2, .h2{font-size: 12px; color: #FF3399;}
#content h2.alter, .h2.alter{color: #3399FF;}
#content h3, .h3{font-size: 12px; color: #999; font-weight: normal;}
#content h4, .h4{font-size: 9px; color: #999;}
#content h5, .h5{font-size: 9px; color: #999;}
#content h6, .h6{font-size: 12px; color: #CCC; font-weight: normal;}
#content a{color: #FFF;}
#content a.highlight{font-size: 12px; color: #3399CC;}
#content-submenu{list-style-type: none; position: absolute; top: -15px; left: 0; background: url(main_img/content-submenu-background2.png) repeat-x; width: 915px; padding: 8px 15px 0px 25px;  margin: 15px 0 0 0; height: 21px;}
#content-submenu li{display: inline; font-style: italic;}
#content-submenu li.active {background: url(main_img/content-submenu-background3.png) repeat-x; border-bottom: 1px solid #000; padding: 5px 10px; border-left: 1px solid #333; border-top: 1px solid #333; border-right: 1px solid #333;}
#content-submenu li.separator{width: 2px; height: 18px; /*background: url(main_img/header-menu-separator.png) center no-repeat;*/ padding: 0 15px;}
#content-submenu li a{text-decoration: none;}
#content-submenu li a:hover{color: #FFF; text-decoration: underline;}
.highlight{font-size: 12px; color: #FF3399; font-weight: normal;}
#footer{background-color: #141414; height: 50px; width: 957px; margin: 0 auto;}
#footer h1{color:#666; font-size: 12px; padding: 15px 60px;}
#footer a{color: #CCC; padding-left: 5px;}

/* Cadre mise en page*/
.content-box { background-color: #101010; padding: 15px; width: 400px; position: relative; padding-top: 64px; margin-bottom: 25px; }
.content-box.no-title { padding-top: 15px; }
.content-box .title { z-index: 0; background-color: #202020; position: absolute; top: 0; left: 0; width: 360px; padding: 10px; padding-left: 60px; font-size: 14px; color: #fff; }
.content-box .title.tiny { padding: 15px; font-size: 12px; width: 400px;} 
.content-box .title-icon { z-index: 1; width: 32px; height: 32px; position: absolute; top: -16px; left: -16px; background-color: #151515; background-repeat: no-repeat; background-position: center; padding: 16px; border: 1px solid #333; }
/* Icons title */
.title-icon.activity { background-image: url(icons/icon-activity-32.png); }
.title-icon.actualite { background-image: url(icons/icon-actualite2-48.png); }
.title-icon.news { background-image: url(icons/icon-news-48.png); }
.title-icon.quickaccess { background-image: url(icons/icon-quickaccess-48.png); }
.title-icon.statistique { background-image: url(icons/icon-statistic.png);}

.content-box.right {float: right;}
.content-box.left {float: left;}
.content-box .button { font-size: 13px; background: url(main_img/button-background.gif) bottom repeat-x #101010; color: #FFF; text-align: center; padding: 6px; border: 1px solid #999; text-decoration: none; }
.content-box .button:hover { border-color: #FFF; }
.content-box .title2 { color: #FFF; font-size: 14px; vertical-align: middle; }
.spacer {clear: both;}

/* Newsfeed */
.content-box.newsfeed .date { font-size: 8px; color: #FF3399; float: left; padding: 1px 0; padding-right: 8px; width: 60px; text-align: center;}
.content-box.newsfeed .focus { font-weight: bold;}
.content-box.newsfeed ul { list-style: none; margin: 0; padding: 0;}
.content-box.newsfeed li { margin-bottom: 5px; font-size: 10px; padding: 2px 10px; padding-bottom: 4px; width: 320px;}
.content-box.newsfeed li:hover { background-color: #202020;}
.content-box.newsfeed li a { color: #FFF; text-decoration: none;}
.content-box.newsfeed img{ padding-right: 8px; float: left; vertical-align: middle;}

.avatar {border: 1px solid #E5E5E5;}
.avatar.med {width: 100px;height: 100px;}
.avatar.small {width: 50px;height: 50px;}

/* Join */
#user_class {border-collapse: collapse;}
#user_class td{width: 220px;padding: 0;margin: 0;}
#user_class td img {vertical-align: bottom;}
#user_class td .middle{margin: 0 2px;border-left: 4px solid #272727;border-right: 4px solid #272727;padding: 15px;text-align: justify;min-height: 100px; color: #000;}
#user_class td .class_blue{background-color: #cedee4;}
#user_class td .class_green{background-color: #d1e2d3;}
#user_class td .class_red{background-color: #e4cfcf;}
#user_class td .class_purple{background-color: #e2d1e0;}

#join {background: url(main_img/content-join-background.png) no-repeat left 80px; padding: 120px 20px 20px 300px; width: 320px; margin: 0 auto; min-height: 400px; position: relative;}
#join p.title { color: #CCC; font-size: 17px; margin-bottom: 5px; }
#join p.sub-title, #join span.sub-title { color: #999; font-size: 12px; } 
#join p.step { font-size: 16px; color: #FF3399; width: 500px; position: absolute; background-color: #101010; padding: 15px; left: 100px; top: 0px; }
#join p.step .text { color: #FFF; }
#join input {font: normal normal normal 13px/1.5 Verdana, 'Bitsream Vera Sans', sans-serif; width: 300px;}
#join select { width: 306px; display: inline-block; white-space: pre;}

/* boutton */
p.btn { height: 34px; line-height: 34px; width: 120px; cursor: pointer; margin-bottom: 20px; margin-top: 20px; border: 0; background-image: url(main_img/btn.png); }
p.btn a { text-decoration: none; font-size: 100%; display: block; text-align: center; color: #FFF; text-transform: uppercase; }

/* Index */
#newsfeed {width: 340px; float: right; padding: 48px 20px;margin: 10px; margin-top: -40px; z-index: 1; border-left: 1px solid #101010;}
#newsfeed .title { font-variant: small-caps; font-size: 12px; color: #fff; font-weight: bold; margin-bottom: 15px; text-align: center;}
#newsfeed .date { font-size: 8px; color: #FF3399; float: left; padding: 5px 0; padding-right: 8px; width: 60px; text-align: center;}
#newsfeed .focus { font-weight: bold;}
#newsfeed ul { list-style: none; margin: 0; padding: 0;}
#newsfeed li { margin-bottom: 5px; font-size: 10px; padding: 2px 10px; padding-bottom: 4px; width: 320px;}
#newsfeed li:hover { background-color: #111;}
#newsfeed li a { color: #FFF; text-decoration: none;}
#newsfeed li a:hover { color: #3399CC;}
#newsfeed img{padding: 5px 0; padding-right: 8px; float: left; vertical-align: middle;}

#robot-info { float: left; width: 280px; height: 190px; background: url(../images/robot-servant.png) left bottom no-repeat; position: relative; }
#robot-info p {font-style: italic; font-family: Georgia, serif;}
#robot-info .right { float: right; }
#robot-info p.sng { font-size: 15px; margin-top: 20px; }
#robot-info .upload-btn { top: 100px; right: 0; position: absolute; }
#robot-info .info-text { font-size: 13px; margin-top: -15px; }
#robot-info .info-title { font-size: 18px; margin-top: -26px; }

#content-middle { width: 460px; float: left; }
#content-middle .quick-view { width: 460px; height: 138px; display: block; margin-bottom: 10px; }
#content-middle .quick-view .picture { width:120px; height: 120px; display: block; float: left; margin-right: 12px; padding: 8px; outline: 1px solid #333; background-color: white; }
#content-middle .quick-view .picture img { width: 120px; height: 120px; display: inline; }
#content-middle .quick-view .username { display: block; font-size: 14px; padding: 9px 0px 0px; color: #3399FF; text-decoration: none; font-weight: bold; }
#content-middle .quick-view .infos { font-size: 13px; width: 460px; color: #FFF; }
#content-middle .quick-view .city { font-size: 12px; width: 460px; color: #999; }
.middle-title { font-size: 20px; font-style: italic; font-family: Georgia, serif; color: #FF3399; }

#content-menu { position: absolute; left: -130px; top: 0; background-color: #101010; margin-left: -10px; margin-right: 20px; height: 100%; }
#content-menu ul { width: 140px; padding: 0; height: 332px; font-size: 13px; }
#content-menu li { padding:0; margin:0; list-style: none; }

/* Profile */
#table_profil { width: 945px;}
#td_zonephoto { vertical-align: middle; background-color: #101010; padding: 10px 3px; margin: 0 10px}
#td_profil { width: 433px; vertical-align: top}
#form_send_msg {display: none;border: 4px dotted #333;padding: 15px;position: absolute;background-color: #101010;width: 600px;margin: 0 170px;z-index: 99999;color:  white;}
#progressbar_bg {width: 200px;height: 11px;background-image: url("../images/progressbar_bg.gif");background-repeat: repeat-x;border: 1px solid #919191;}
#progressbar_fill {height: 11px;background-repeat: repeat-x;font-size: 10px;text-align: center;}
.profil_cadre {position: relative;width: 420px;text-align: justify; padding: 3px 10px 0px; background-color: #101010;}
.profil_cadre:hover { background-color: #202020; color: #FFF; }
.info {color: #3399CC;text-decoration: underline;}
.editing {display: none;background-color: #333;}
.profil_cadre.mini {margin-bottom: 15px; margin-left: 120px;width: 300px;min-height: 90px;line-height:200%;}
.editing input {margin: 1px;border: 1px solid black;}
.editing select {width: 123px !important;width: auto;}
.cadre_edit {position: absolute;width: 80px;height: 18px;padding: 0;background-image: url("main_img/content-background.png");color: white;right: 5px;top: 5px;text-align: center;display: none;cursor: pointer;z-index: 1;}
.online1 {color: #7dd244; font-size: 10px; font-weight: bold;}
.online0 {color: #c53636; font-size: 10px; font-weight: bold;}
.online_text1{color: #3399FF; font-size: 14px; font-weight: normal;}
.online_text2{color: #FF3399; font-size: 14px; font-weight: normal;}
.online-21 {color: #8ed345; font-size: 10px; font-weight: bold;}
.online-20 {color: #de3c3a; font-size: 9px; font-weight: normal;}
.btn-save-profil{ background-color: #101010; color: #FFF; padding: 6px;}
.btn-save-profil:hover{background-color: #101010; border-color: #3399FF; color: #66CCFF;}
#my-stat{ background: url(main_img/body-background.gif) repeat #101010; margin: 0 10px; margin-bottom: 10px; margin-top: -10px; text-align: center; position: relative;}
#my-stat h2{background-color: #1F1F1F; padding: 10px; padding-left: 20px;}
#my-stat .highlight{font-weight: bold; font-size: 14px;}
#my-stat .reduce{position: absolute; top: 10px; right: 5px; border: 1px solid #333; padding: 1px;}
#my-stat .reduce:hover{border-color: #FFF; cursor: pointer;}
#my-stat-content .visitor img{width: 50px; height: 50px; margin-top: 10px; vertical-align: middle;}
#my-stat-content .visitor:hover{ background-color: #222; border-color: #FFF;}

/* Zonephoto */
#zonephoto_mask { width: 460px; height: 550px; overflow: hidden; position: relative; background-color: #101010; cursor: move; }
#zonephoto_space { width: 1000px; height: 1000px; left: -275px; top: -230px; display: none; }
#zonephoto_load { width: 100%; height: 30px; text-align: center; position: relative; padding-top: 15px; top: 30%; background-color: #FFF; color: #000;}
#tips-draggable {position: absolute; top: 0; right: 0; background-image: url(icons/icon-drag.gif); width: 40px; height: 40px; display: none;}

/* Zonephoto MOD */
#accordion { width: 25%; float: left; margin: 0 10px;}
#accordion .tab-content {padding: 10px; padding-left: 20px;}
#texture-form { background-color: #333; }
#texture-form img { border: 1px solid #333; }
#texture-form img:hover { border: 1px solid white; }
#zonephoto { width: 70%; float:  left; background-color: #101010; height: 600px; position: relative; overflow: hidden; max-width: 1000px; border: 1px solid #FF3399; margin-left: 5px; margin-right: 5px;}
#zonephoto:hover { border-color: #FFF; }
#zonephoto-visible { width: 460px; height: 550px; position: absolute; border: 6px dotted #FF3399; left: 270px; top: 225px; z-index: 1;}
#zonephoto-nav { width: 15%; height: 400px; float:  left; background-color: #101010; height: 100px; border: 1px solid #FF3399;}
#zonephoto_space.mod { left: 0; top: -30%;}
#zonephoto-menu {padding: 0; margin: 0; position: absolute; top: 20px; right: 20px; font-size: 14px;}
#zonephoto-menu a {text-decoration: none;}
#set-text-style {text-align: center; overflow: hidden; max-width: 950px; max-height: 950px;}
#text-size{margin-left: 10px;}
#colorholder, #colorholder2 { width: 36px; float: left; margin-right: 15px;}
#colorSelector,#colorSelector2 { position: relative; width: 36px; height: 36px;background: url(colorpicker/select2.png); float: left; }
#colorSelector div, #colorSelector2 div{ position: absolute; top: 3px; left: 3px; width: 30px; height: 30px; background: url(colorpicker/select2.png) center; }
.tab-content b {color: #3399FF;}
.tab-content li{ font-size: 10px;}
.tab-content ul{ padding-left: 10px;}
#list-of-decorations .tabs, #texture-form .tabs{padding: 5px; padding-left: 20px;}
#list-of-decorations img:hover{border: 1px solid #FFF;}
#texture-blank { width: 120px; height: 15px; vertical-align: middle; border: 1px solid #FFF; padding: 5px; margin-left: 50px; margin-bottom: 10px; text-align: center; cursor: pointer; background-color: #101010; color: #FFF;}
#texture-blank:hover{ background-color: #3399CC; }

.zone-img-tool { color: black; display: none; position: absolute; bottom: 0; left: 0; background-color: white; }
.button-zonephoto {  padding: 5px; border: 1px solid #CCC; cursor: pointer; background-color: #101010; color: #FFF; }
.button-zonephoto a { text-decoration: none !important; color: #FFF !important; }
.button-zonephoto:hover { background-color: #3399CC; }
.drag, .trash, .block {background-image: url(yibloo-theme/images/ui-icons_000000_256x240.png); display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; height:16px; width: 16px; float: left;}
.drag:hover, .trash:hover, .block:hover { background-image: url(yibloo-theme/images/ui-icons_FF3399_256x240.png); }
.drag { background-position: 0 -80px; cursor: move;}
.trash { background-position: -176px -96px; cursor: pointer; }
.block { cursor: pointer; }
h1.zonemod-title{color: #FFF; font-size: 22px; padding: 20px; max-width: 85%;}

/* Albums */
#add_pictures, #add_album {display:none;border: 4px dotted #333;background-color:#101010;padding:15px;left: 235px;top: 27px;width:470px;position: absolute;z-index: 1; border-top: none;}
#add_pictures{background-color: #101010; color: #FFF;}
#albums-list-stack { margin: 0 auto; }
.albums-stack-images { background-image: url(main_img/albums-stack-images.png); width: 228px; height: 229px; position: relative; }
.albums-stack-images .picture { position: absolute; top: 27px; left: 40px; width: 150px; height: 150px; border: 2px solid white; }
.albums-stack-images .picture-hover { border: 2px solid #3399FF; cursor: pointer;}
.albums-stack-images .title { position: absolute; bottom: 26px; left: 40px; width: 150px; height: 22px; overflow: hidden; text-align: center; font-size: 10px; color: #000; }
.albums-stack-images .empty { position: absolute; left: 50px; top: 65px; width: 130px; height: 150px; text-align: center; font-size: 10px; color: #000; }
.albums-stack-images a {text-decoration: none;}
#set_avatar { font-size: 18px; font-weight: bold; text-align: center; border: 5px dashed #000; padding: 10px; width: 100px; height: 80px; position: absolute; margin: 100px; top: 0; display: none; right: 0; background-color: #101010; z-index: 99998; }
.set_avatar-out { color: #CCC; }
.set_avatar-hover { color: #3399CC; }
#bt_add_pictures, #bt_add_album, #bt_def_avatar{padding-left: 15px;cursor:pointer;}

/* Contacts */
#contacts {width: 100%;height: 450px;padding: 0;margin: 0;border-collapse: collapse;}
#contacts .group_menu { text-align: center;}
#contacts .group_menu .nb_friend {font-weight: bold;color: #3399FF;font-size: 10px;text-transform: lowercase;font-style: italic;vertical-align: middle;padding-left: 85%;}
#contacts .group_name {width: 100%;display: block;background-color: #101010;margin: 5px auto;padding: 2px;text-decoration: none;color: #FFF;border: 1px solid #FFF;cursor: pointer;}
#contacts .group_name:hover { border-color: #3399FF; }
#contacts .group_name.select { border-left: 6px solid #3399FF; width: 95%; }
#friendstable {width: 75%;vertical-align: top;padding: 30px; text-align: center;}
.friendbox {text-align: center;width: 100px;height: 80px;padding: 2px;margin: 5px;border: 1px solid #333;display:-moz-inline-box; display: inline-block;background-color: #101010; text-decoration: none; line-height: 1.5em;}
.friendbox img { width: 50px; max-height: 50px; margin-top: 5px; }
.friendbox.sex1 {color: #3399FF !important;}
.friendbox.sex2 {color: #FF3399 !important;}
#friendstable .delete_group {display: block;float: left;color: #FFF;font-size: 10px;text-decoration: none;margin-top: -15px;cursor: pointer;}
#trashbin {background: url(../images/recycle-bin.png) no-repeat #101010; height: 40px; font-family: Arial;font-size: 12px;text-align: center; width: 100%;display: block;margin: 5px auto;padding: 2px;text-decoration: none;color: #FFF;border: 1px solid #FFF;cursor: pointer; padding-top: 24px;}
#help_group{font-style: italic;margin: 0 auto;font-family: Arial;font-size: 10px;padding-bottom: 20px;}
#add_group{position: absolute; top: 27px; left: 20px; text-align: center; background-color: #333; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 20px;}

/* Messages */
.messages {clear: both;background-color: #101010;width: 850px;margin: 0 auto;padding: 0px;/*border: 1px solid #473A3A;border-top-color: #333;border-top-width: 3px;*/border-collapse: collapse;}
/* content_rep : le tableau des réponses en elle-meme */
.content_rep { position: relative; }
/* mask_rep : masque des réponses */
.mask_rep_form, .mask_rep {overflow: hidden;margin: 0 auto;padding: 10px;position: relative;}
.mask_rep_form {display: none;text-align: center;padding: 5px;}
/* frame_rep : chaque réponse */
.frame_rep {border: 1px solid #AAA;background-image: none;padding: 15px;width: 85%;margin-left: 10%;margin-right: 5%;}
.frame_rep.up {background: url(../images/go_up.gif) no-repeat bottom center;}
.frame_rep.down {background: url(../images/go_down.gif) no-repeat top center;}
td.frame_rep_text {padding-left: 10px;vertical-align: top; width: 100%; z-index: 1;}
.messages .mini_link {cursor: pointer;font-size: 9px;width: 75px;background-color: #101010;position: absolute;bottom: 0;padding: 5px;margin-right: 15px;text-align: center;border: 1px solid #CCC;font-weight: bold; color:#FFF;}
.messages .mini_link:hover{color: #3399FF; border-color: #3399FF;}
.smiley{padding-right: 8px; cursor: pointer; max-width: 30px;}
.arrep{margin: 0 auto; display: none;}
#messages-pages a{text-decoration: none; color: #FFF;padding: 10px; margin-bottom: 15px;}
#messages-pages a:hover{ color: #3399FF; }
#messages-pages .newer{float: left;}
#messages-pages .older{float: right;}
#messages-pages .newer:hover, #messages-pages .older:hover{color: #3399FF !important; background-color: #101010;}


/* Recherche */
.filter {border: 1px solid #999;cursor: pointer;padding: 2px;margin-top: 2px;font-weight: bold;font-size: 9px;text-align: center;color: white;}
.filter.red, .dropped_filter.red { background-color: #b92b29; }
.filter.blue, .dropped_filter.blue { background-color: #0059b6; }
.filter.green, .dropped_filter.green { background-color: #44b04e; }
.dropped_filter.red { border-color: #A00; }
.dropped_filter.blue { border-color: #00A; }
.dropped_filter.green { border-color: #0A0; }
.dropped_filter {padding: 3px;border: 2px solid #333;margin: 1px;color: white;width: 100%;}
.member_result {display: inline-block !important;display: inline;zoom: 1;text-align: center;height: 140px;width: 280px;vertical-align: middle; border: 1px solid #101010; margin: 5px;}
.member_result:hover{background-color: #101010; border-color: #333;}
#filter_list {width: 340px;height: 450px;padding: 20px;color: #FFF;border-left: 1px solid #333;height: 100%;}
#filter_list td.cat {width: 33%;height: 120px;vertical-align: top;}
#filter_list td.cat.red { border-left: 8px solid #b92b29; }
#filter_list td.cat.blue { border-left: 6px solid #0059b6; }
#filter_list td.cat.green { border-left: 4px solid #44b04e; }
.filter_text {font-weight: bold;font-family: "Gill Sans";font-size: 14px;text-decoration: underline;}
#search_filter {width: 350px;height: 200px;margin: 0 auto;border: 1px solid #333;vertical-align: top;padding: 15px;}
#membrer_list {width: 600px;margin-left: -30px;padding-left: 10px !important;padding-right: 5px !important;padding-top: 20px;}
#member_list_div a, #fav_list_div a {text-decoration: none;color: #FFF;cursor: pointer;}
#member_list_div a:hover, #fav_list_div a:hover {color: #3399FF;}
.member_list_page {margin: 10px auto;height: 20px;text-align: center;}
.member_list_page a.link{cursor: pointer; padding: 5px;}
.member_list_page a.link:hover {color: #3399FF !important; background-color: #101010; padding: 5px;}
.member_list_page a.link.selected{text-decoration: underline; font-weight: bold; font-size: 14px; color: #3399FF !important;}

/* Recherche header */
.ac_results {padding: 0px;border: 1px solid black;background-color: white;overflow: hidden;z-index: 99999;}
.ac_results ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;}
.ac_results li {margin: 0px;padding: 2px 5px;cursor: default;display: block;font-size: 12px;overflow: hidden;}
.ac_results li img{vertical-align: middle; margin-right: 10px;}
.ac_loading {background: white url('images/indicator.gif') right center no-repeat;}
.ac_odd {background-color: #eee;}
.ac_over {background-color: #3399FF;color: white;}
#header-friend-search {margin-left: 15px; text-align: center; background: url(icons/icon-search2.png) 5px 3px no-repeat #101010; color: #FFF; border: 1px solid #333; padding: 3px 10px 3px 24px; vertical-align: middle;}

/* Invite friends*/
#inviter{margin: 0 auto; padding: 0; border-collapse: collapse; border: none; width: 400px;}
#inviter .error{display: none; font-size: 10px; color: #FF0000; font-weight: bold; padding-left: 10px; width: 60px;}

/* Quizz */
#quizz-list li{list-style: none; padding: 15px; background-color: #0F0F0F; font-size: 14px; margin: 5px;}
#quizz-list li:hover{background-color: #222;}
#quizz-list li a{text-decoration: none;}
#quizz-list li img{vertical-align: middle; margin-right: 10px;}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(main_img/delete.png) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(main_img/star.png) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
div.star{background:url(main_img/star.png) no-repeat 0 -16px; width:17px;height:15px; float: left; padding-right: 5px;}
div.star.right {float: right; padding: 0;}
/* END jQuery.Rating Plugin CSS */

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666;}
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left;}	
#lightbox-image-details-caption { font-weight: bold;}
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em;}