/***************************************
 * http://skyrock.com
 *   gestion des pages front/homes
 * ************************************/
#wrap {
    text-align: left;
    clear: both;
}
.front, .inscription, .jeux-concours, .messager, .mobile, .officiels, .recherche, .wraptop {
    margin-bottom: 0.5em;
    padding: 0.5em;
    border: 1px solid #dcdde1;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}
.front {
    background: #fff;
}
.jeux-concours {
    background: #fff8cb;
    border-color: #dad0ba;
    position: relative;
}
.inscription, .messager, .mobile, .recherche {
    background: #f7f7f7;
}
.officiels, .wrapcine, .wrapevent, .wrapjeuxvideos, .wrapmusic {
    background: #ffe6e7;
    border-color: #ff4546;
}
.wrapjeux {
    background: #fff8cb;
    border-color: #dad0ba;
}
.wraptop {
    background: #e7e7e7;
}
/*********************************************
 * Menus
 * *******************************************/
#submenu p {
    display:inline;
    float:left;
    margin:1px 0;
    padding: 0 0.5em 0 1em;
}
#submenu ul {
    color: #b7Aa9c;
    list-style-position: inside;
    list-style-type: none;
    padding-top: 3px;
    text-align:left;
}
#submenu ul li {
    display: inline;
    padding:0 3px;
}
#submenu a {
    color: #000 !important;
    padding-right: 5px;
    text-decoration: none;
}
#submenu a:hover {
    text-decoration: underline;
}
#submenu a.active {
    font-weight: bold;
    text-decoration: none;
}
.submenu ul {
    background:#ececec none repeat scroll 0%;
}
.true_home .submenu, .true_home .submenu-empty {
    background: transparent url(/img/header/submenu_home.png) no-repeat scroll left bottom;
}
.menuonglet {
    overflow: hidden;
    margin-top: -27px;
    float: right;
    z-index: 50;
    position: relative;
}
* html .menuonglet {
    height: 1%;
    float: none;
    position: absolute;
    right: 10px;
}
* html #scrollnav .menuonglet {
   position: relative;
   margin-left: 5px;
}
.menuonglet li {
    float: left;
    margin: 4px 3px 0 0;
    background: #f7f7f7;
    border: 1px solid #cbcbcb;
    border-bottom: 0;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}
.menuonglet li.active {
    margin: 0 3px 0 0;
    background: #fff url(/img/m/bg-mini-menu-li-actif.jpg) repeat-x left 1px;
}
.menuonglet li a {
    display: block;
    color: #465871;
    padding: 3px 8px 4px;
    text-decoration: none;
}
.menuonglet li a:hover {
    text-decoration: underline;
}
.menuonglet li.active a {
    padding: 6px 8px;
    font-weight: bold;
}
.menumobile li {
    background: #fff;
}
.menumobile li a {
    color: #000;
    text-decoration: none;
}
.menumobile li.active {
    background: #fff;
}
.menumobile li.active a, .menumobile li a:hover {
    color: #015aa5;
    text-decoration: none;
}
.officiels .menuonglet li.active a {
    color: #ff0000;
}
/*********************************************
 * Header
 * *******************************************/
.compteur-live {
    background: #e4d7c4;
    font-size: 0.9em;
    float: left;
    overflow: hidden;
    text-align: left;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border: 1px solid #e7e0d8;
    margin-bottom: 5px;
    padding: 0 5px;
}
#header_middle .compteur-live {
    position: absolute;
    bottom: 0;
    right: 0;
    border: none;
    text-align: center;
    width: 410px;
    padding: 2px 5px;
    margin: 0 5px 0 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
}
#header_middle .compteur-live li {
    display: inline;
    margin-right: 0.1em;
    margin-left: 0.1em;
}
#column_right .compteur-live {
    float: none;
}
.compteur-live h4 {
    float: left;
    padding-top: 0.5em;
    margin-right: 0.5em;
}
.compteur-live .today {
    list-style: disc;
    list-style-position: inside;
}
.compteur-live .global li span, .compteur-live .today li span {
    color: #015aa5;
}
/*********************************************
 * Elements structure front
 * ******************************************/
#column_wrap {
    padding: 5px;
    background: #fff;
    border: 1px solid #bac7da;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}
* html #column_wrap {
    width: 955px;
}
* html .officiels #column_wrap {
    width: 700px;
}
#column_bottom {
    clear: both;
    overflow: hidden;
}
#column_left { /* largeur des homepages */
    width: 427px;
}
.front #column_left, .inscription #column_left, .officiels #column_left, .recherche #column_left {
    width: 660px;
}
.wraptop #column_left, .messager #column_left, .mobile #column_left {
    width: 650px;
}
.officiels #column_left {
    width: 400px;
}
* html #column_left {
    width: 425px;
    margin-right: 5px;
}
* html .officiels #column_wrap,
* html .officiels #column_left,
* html .officiels #column_right {
    position: relative;
}
* html #column_bottom {
    height: 1%;
}
div.columnsmall, div.column, div.column-outer {
    float: left;
    margin-right: 5px;
    width: 242px;
    overflow: hidden;
}
div.columnsmall {
    width: 180px;
}
div.column-outer {
    margin-right: 0;
    width: 238px;
}
/******************************************
 * Couleurs recurrentes
 * ***************************************/
#skylogin, #online {
    border-color: #11e90c;
}
p.suite, p.historique, div.homesimple h3 span, div.homeelement h3 span, .home-google h2, p.gosomewhere, .important,
.recherche .homesimple h4, .inscription .homesimple h4 {
    color: #0262dd;
}
span.pub, #mentionpub {
    color: #7a909d;
}
.important {
    font-weight: bold;
}
/******************************************
 * Elements generiques homes & front
 * ***************************************/
#pagetitle {
    margin: 0.3em 0 0.3em 1.5em;
    position: relative; /* IE */
    font-size: 18px;
    font-weight: normal;
    font-family: Arial, Geneva, sans-serif;
}
#pagetitle span {
    font-size: 0.9em;
    color: #4C4944;
}
.officiels #pagetitle {
    color: #ff0000;
}
.wrapjeux #pagetitle {
    color: #efba00;
}
.recherche #pagetitle {
    float: left;
}
input.inputsmall, input.txt, select.txt, input.day, input.year, select.month {
    font-size: 1em;
    padding: 0.2em;
    background: #fff;
    border: 1px solid #DCDDE1;
    padding: 0.1em;
    width: 100%;
}
input.txt {
    width: 96%;
}
input.day {
    width: 1.4em;
}
select.month {
    width: 9em;
}
input.year {
    width: 3em;
}
input.dept {
    width: 1.6em;
}
input.inputsmall {
    width: 100px;
    background: #D9E7F0;
    border: 1px solid #DCDDE1;
}
.avatar {
    border: 1px solid #cbcbcb;
}
div.homeelement, div.homesimple, div.homeboxofficiel {
    position: relative;
    padding: 0.3em 0.5em;
    margin-bottom: 5px !important;
    background: #fff;
    border: 1px solid #a4a4a4;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    overflow: hidden;
}
* html div.homeelement, * html div.homesimple, * html div.homeboxofficiel {
    height: 1%;
}

div.homeelement h3, div.homesimple h3, div.homeboxofficiel h3 {
    font-size: 14px;
    font-weight: 600;
    font-family: Tahoma, Geneva, sans-serif;
    padding-left: 0.2em;
    margin-bottom: 0.5em;
    color: #000;
    background: url(/img/homes/bg_h3_home.png) repeat-x left bottom;
    opacity: 0.9;
}
* html div.homeelement h3,
* html div.homesimple h3 {
    background: none;
    height: 1%;
    width: auto;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.v41.skyrock.com/img/homes/bg_h3_homeIE.png', sizingMethod='scale');
}
div.homeboxofficiel h3 {
    padding-left: 1em;
    width: 60%;
    margin-right: 0.3em;
    float: left;
}
div.homeelement h3 a, div.homesimple h3 a {
    text-decoration: none;
}
div.homeelement h3 a span, div.homesimple h3 a span {
    color: #000;
}
.homeelement li {
    margin-bottom: 0.4em;
    clear: both;
    overflow: hidden;
}
* html .homeelement li {
    height: 1%;
}
.true-home .homeelement li p, p.descriptor {
    line-height: 1.1em;
}
.homeelement li img.avatar {
    float: left;
    margin-right: 4px;
    width: 50px;
    height: 50px;
}
div.homeelement h4 a, div.homesimple h4 a, div.homeboxofficiel a {
    text-decoration: none;
}
div.homeelement h4 a:hover, div.homesimple h4 a:hover, div.homeboxofficiel a:hover {
    text-decoration: underline;
}
.skyrock-music .homeelement h4 {
    font-weight: normal;
}
dl {
    margin-top: 0.3em;
    overflow: hidden;
}
dt, dd {
    float: left;
    vertical-align: middle;
}
dt {
    clear: left;
    display: block;
    width: 35%;
    margin-right: 3%;
}
dd {
    margin-bottom: 2px;
    width: 60%;
}
h2 {
    font: bold 1.6em "Arial", sans-serif;
}
h2 span, h2 em { /* blogprofil, classement */
    color: #e89302;
}
p.suite, p.historique, p.gosomewhere {
    font-size: 0.9em;
}
p.suite {
    text-align: right;
    clear: both;
}
p.suite a {
    text-decoration: underline;
}
p.suite a:hover {
    text-decoration: none;
}
.homeboxofficiel p.suite {
    padding-right: 0.5em;
}
p.historique {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    padding: 0.2em;
    background-color: inherit;
}
p.gosomewhere {
    position: absolute;
    bottom: 0.5em;
    left: 0.6em;
    padding: 0.2em;
}
span.pub, #mentionpub {
    font-size: 0.8em;
}
span.pub, #mentionpub {
    position: absolute;
    top: 0.1em;
    right: 0.5em;
    background: none;
}
/*** boutons / links  ***/
div.submit, p.submit, p.print {
    clear: both;
    padding-top: 0.2em;
    margin-bottom: 0.2em;
}
input.submit {
    padding: 1px 3px;
}
*:first-child+html input.submit {
    padding: 1px 1px 2px;
}
input.connect, input.ok {
   color: #2b343d;
}
input.connect:hover, input.ok:hover {
    color: #529214;
}
input.connect, input.connect:hover {
    padding: 5px 5px 5px 20px !important;
    background: #F5F5F5 url(/img/icons/go.png) no-repeat 5px center;
}
#recherche input.submit {
    font-size: 0.95em;
    border: none;
}
.print {
    text-align: right;
}
.print a {
    background: url(/img/icons/printer.png) no-repeat right;
    padding: 2px 20px 0 0;
    text-decoration: none;
}
a.al, a.ar {
    display: block;
    width: 28px;
    height: 17px;
}
a.al { background: url(/img/icons/arrow_blue_left_h.png) no-repeat; }
a.ar { background: url(/img/icons/arrow_blue_right_h.png) no-repeat; }
#rss {
    text-align: right;
    margin-bottom: 1em;
}
#rss a {
    background: url(/img/icons/rss.gif) no-repeat right center;
    color : #fc6701;
    padding: 0.2em 55px 0.2em 0;

}
/***     listes      ***/
ul.arrow {
    list-style: none;
    margin-left: 10px;
}
ul.arrow li {
    padding: 5px 0 0.3em 10px;
    background: url(/img/icons/arrow-list.gif) left 10px no-repeat;
}
/***     offbox      ***/
div.offboxcontent {
    background: #fff;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    clear: both;
}
.offboxcontent li {
    clear: both;
    margin-bottom: 0.2em;
    overflow: hidden;
}
* html .offboxcontent li {
    height: 1%;
}
.offboxcontent .avatar {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 0.5em;
}
#skylogin {
    background: #fff;
    overflow: hidden;
    position: relative;
    height: 69px;
    padding: 2px 5px 5px;
    width: 288px;
}
#skylogin h3 {
    margin: 0;
    background: url(/img/homes/bg_h3_home_blue.png) repeat-x bottom;
}
#loginpseudo, #loginpass {
    float: left;
    margin: 0 10px 4px 0;
    font-size: 0.9em;
}
#skylogin input.loginsubmit {
    position: absolute;
    right: 1em;
}
#skylogin img.avatar {
    float: left;
    margin: 0 10px;
}
#skylogin #main {
    margin-top: 8px;
    white-space: nowrap;
}
#skylogin ul {
    margin-top: 0.3em;
}
#skylogin li {
    display: inline;
}
a.createaccount {
    font-weight: bold;
    color: #ff6400;
}
.skyrock-music #skylogin {
    background: #292929;
    border-color: #7a7879;
}
.skyrock-music #skylogin h3 {
    background: url(/img/homes/bg_h3_home.png) repeat-x bottom;
}
* html .skyrock-music #skylogin h3 {
    background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.v41.skyrock.com/img/homes/bg_h3_homeIE.png', sizingMethod='scale');
}
.skyrock-music #skylogin input.inputsmall {
    background: #fff;
    border-color: #b3a892;
}
.skyrock-music #skylogin a, .skyrock-music #skylogin h3 span, .skyrock-music #skylogin label:hover {
    color: #b3a892;
}
.skyrock-music #skylogin, .skyrock-music #skylogin h3, .skyrock-music #skylogin p.historique a, .skyrock-music #skylogin a.createaccount {
    color: #fff;
}
#column_top #skylogin {
    float: right;
}
#scrolltapub {
    clear: left;
    height: 75px;
    width: 411px;
    overflow-x: auto;
    background: #e4e4e4;
    border-color: #a4a4a4;
    text-align: justify;
}
#scrolltapub h3 {
    margin-bottom: 5px;
}
#scrolltapub .avatar {
    width: 48px;
    height: 48px;
    float: left;
    margin-right: 5px;
}
#scrolltapub ul, #scrolltapub li {
    height: 52px;
    overflow: hidden;
}
/******************************************
 * Elements specifiques home
 * ***************************************/
div.promo {
    margin-bottom: 5px;
}
#promo_skyrockfm span {
    display: none;
}
#promo_skyrockfm a.multimglink {
    display: block;
    float: left;
    height: 60px;
    text-decoration: none;
    width: 100px;
}
#promo_radio {
    background: #dfdfdf;
}
#promo_radio a {
    text-decoration: none;
}
#promo_radio p {
    width: 49%;
    text-align: center;
    float: left;
}
#promo_music {
    width: 400px;
    margin-left: 10px;
}
/******************************************
 * home Skyrock
 * ***************************************/
.home-skyrock .pub180 {
    float: left;
    margin-right: 5px;
}
#homebox, #chatbox {
    height: 174px;
}
#homebox {
    background: #f5e9d3;
    width: 290px;
    float: left;
}
#homebox h2, #chatbox h2 {
    font-weight: normal;
    font-stretch: ultra-condensed;
}
#homebox h2 {
    background: url(/img/homes/skyrock-home_bghomebox.png) no-repeat left top;
    padding-left: 3em;
}
#homebox h2 em {
    display: block;
    font-style: normal;
    padding-left: 4em;
    font: normal bold 0.5em "Arial", sans-serif;
    margin-bottom: 2px;
}
#homebox h2 a, #chatbox h2 a {
    color: #000;
    text-decoration: none;
}
#homebox, #homebox .avatar {
    border: 1px solid #e89400;
}
#blogprofil {
    height: 125px;
    padding: 5px;
    position: relative;
    background: #fff;
    border: 1px solid #ffd7ab;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}
#blogprofil .avatar {
    float: left;
    margin-right: 0.5em;
}
#blogprofil .mini-profil-50 {
    position: absolute;
    bottom: 0.5em;
    right: 0;
}
#blogprofil .mini-profil-50 .details {
    position: absolute;
    right: 65px;
    bottom: 0;
    text-align: right;
    width: 100%;
}
#gotoblog {
    clear: left;
    width: 100px;
    text-align: center;
    padding-top: 0.5em;
}
#gotoblog a, #homebox .details a {
    color: #e99300;
    font-weight: bold;
}
#chatbox {
    border-color: #44b8ff;
    background: #fff url(/img/homes/bg_chat.png) center 5px no-repeat;
    width: 112px;
    padding: 4px 2px;
    margin-left: 5px;
    text-align: center;
    float: left; /* IE6 et IE7 */
}
* html #chatbox {
    width: 110px;
}
#chatbox #connected-chatters {
    margin: 0.2em 0;
    font-size: 0.95em;
}
#chatbox .avatar {
    margin-top: 13px;
    padding: 0.3em;
    background: #fff;
    border: 1px solid #ddd;
}
#chatbox a.submit {
    display: block;
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 85px;
}
#blogstars {
    background: #fff url(/img/homes/fond_skyrock-star.png) bottom right no-repeat;
}
.home-skyrock #blogstars {
    clear: left;
    width: 260px;
    float: left;
}
#blogstars li {
    width: 49%;
    margin-right: 1%;
    clear: none;
    float: left;
    line-height: 1.05em;
    overflow: hidden;
    height: 52px;
}
.home-skyrock #blogstars li {
    float: none;
    width: 100%;
    clear: left;
}
#blogstars h4 {
    white-space: nowrap;
}
* html #blogstars h4 {
    width: 145px;
    overflow: hidden;
}
* html .home-skyrock #blogstars h4 {
    width: 200px;
}
*:first-child+html #blogstars h4 {
    width: 145px;
    overflow: hidden;
}
*:first-child+html .home-skyrock #blogstars h4 {
    width: 200px;
}
#online {
    margin-left: 5px;
}
#online h3 {
    background: url(/img/homes/bg_h3_home_green.png) repeat-x bottom;
}
#online li {
    float: left;
    margin: 0 0 4px 5px;
    overflow: hidden;
    width: 60px;
    font-size: 0.9em;
}
* html #online li {
    margin-left: 4px;
}
#skynew {
    background: #d9e7f0;
    border-color: #b6d2e0;
    padding-bottom: 0;
}
#skynew .mini-profil-50 {
    width: 24%;
    margin-left: 1%;
    overflow: hidden;
    float: left;
    font-size: 0.9em;
    margin-bottom: 0.5em; /* petit hack pour les homes internationales. */
}
* html #column_right #skynew {
    width: 285px;
}
* html #skynew .mini-profil-50 {
    width: 23%;
}
div.homeboxofficiel {
    padding: 0.3em 0;
}
#recherche {
    width: 228px;
    background: #b8cae2 url(/img/homes/icon_recherche.png) no-repeat 5px 5px;
    border-color: #769bb8;
    float: left;
}
.home-skyrock #recherche {
    height: 155px;
}
.home-skyrock #recherche p.submit {
    position: absolute;
    right: 0.5em;
    bottom: 0.5em;
}
.skyrock-music #recherche {
    float: none;
    width: 277px;
    padding-left: 10px;
    padding-right: 10px;
}
.skyrock-music #recherche input.txt {
    width: 190px;
}
#recherche fieldset {
    border: none;
}
#recherche h3 {
    font-size: 1em;
    font-style: normal;
    color: #000;
    margin-left: 20px;
    background: none;
}
#recherche h3 span {
    font-size: 0.9em;
    font-weight: normal;
    color: #000;
}
#recherche dt {
    text-align: right;
}
.rechercheprofils {
    line-height: 1.8em;
}
.l_fr_FR .rechercheprofils {
    line-height: 1.7em;
}
#music {
    background: #b8a789;
    border-color: #473e2d;
}
#music h3 a, #music h3 a span {
    color: #fff;
}
#music h3 a span {
    font-weight: normal;
}
#music h4, #music h4 a {
    color: #fffdfe !important;
}
#music p.suite, #music p.suite a {
    color: #000;
}
/******************************************
 * home Blog
 * ***************************************/
#column_top {
    /*position: relative;*/
}
#column_top .pub180 {
    width: 180px;
    float: left;
    margin-right: 5px;
    margin-bottom: 0;
}
#column_top #createaccount {
    float: left;
    width: 228px;
}
#blogsemaine {
    clear: right;
    background: #ffffe1;
    border-color: #f7e674;
    width: 541px;
    height: 77px; /* c'est important que cette box ne s'agrandit pas */
    padding: 2px;
    overflow: hidden;
}
#blogsemaine h3 {
    margin: 0 0 2px 155px;
    background: url(/img/homes/bg_h3_home_yellow.png) bottom repeat-x;
}
#blogsemaine h4 {
    margin-right: 0.4em;
}
#blogsemaine h4, #blogsemaine p {
    display: inline;
}
#blogsemaine .avatar {
    float: left;
    height: 65px;
    width: 145px;
    margin: -12px 5px 0 5px;
    border: none;
}
#mobile {
    background: #dfedf6;
    border-color: #b6d2e0;
}
#vocal {
    background: #f7f7f7;
    border-color: #cbcbcb;
}
/**************************************************
 * Home Music
 * ***********************************************/
.skyrock-music p.alert { /* ne pas changer c'est pour le placement de la pub */
     height: 24px;
     padding: 2px 4px;
     font-size: 0.9em;
     line-height: 1em;
}
#mostactive { background: #776b53;}
#unsigned { background: #3b3527; }
#majors { background: #c1c8d2; }
#indy { background: #44432f; }
#mostdown { background: #3d4246;}
#clips { background: #5c6576; }
#rap { background: #242e38;}
#fanblogs { background: #a6987e url(/img/homes/music_fans.png) top left no-repeat; }
#rap, #unsigned, #indy, #clips, #mostdown { color: #a9afbb; }
#mostactive .suite, #rap .suite, #unsigned .suite, #indy .suite, #clips .suite, #mostdown .suite,
#mostactive h4, #rap h4, #unsigned h4, #indy h4, #clips h4, #mostdown h4,
#mostactive a, #rap a, #unsigned a, #indy a, #clips a, #mostdown a, #fanblogs h3 { color: #fff; }
#majors h3 a { color: #475465; }
#fanblogs h3 { padding-left: 25px; }
#mostactive h3, #indy h3 { background: url(/img/homes/bg_h3_home_khaki.png) repeat-x bottom; }
#clips h3, #mostdown h3 { background: url(/img/homes/bg_h3_home_darkblue.png) repeat-x bottom; }
#rap h3 { background: url(/img/homes/bg_h3_home_azur.png) repeat-x bottom; margin-bottom: 23px;}
#rap h3 span { background: url(/img/homes/skyrock_fm.png) top right no-repeat; width: 56px; height: 28px; position: absolute; right: 5px; }
#mostactive li {
    margin-bottom: 0.45em;
}
#rap li {
    margin-bottom: 0.6em;
}
ul.small-list li {
    margin-bottom: 0.7em;
}
ul.small-list li p {
    white-space: nowrap;
}
ul.small-list img.avatar {
    width: 25px;
    height: 25px;
}
#jeuxconcours {
    background: #fff8ca;
    border-color: #edbc00;
}
#jeuxconcours h3 {
    background: url(/img/homes/bg_h3_home_yellow.png) repeat-x left bottom;
}
#jeuxconcours h4 {
    background: #eaf2ff;
}
#jeuxconcours .avatar {
    width: 30px;
    height: 30px;
}
#jeuxconcours span.pub {
    color: #edbc00;
}
#sbofficiel, #jeux {
    background: #ffe6e7;
    border: 1px solid #ff4546;
    height: 1%;
}
#sbofficiel .offlist a.blog {
    background: url(/img/icons/icon_blog.png) right 1px no-repeat;
    padding-right: 15px;
}
#sbofficiel .offlist a.profil {
    background: url(/img/icons/icon_profil.png) right top no-repeat;
    padding-right: 18px;
}
#sbofficiel h3, #jeux h3 {
    background: url(/img/homes/bg_h3_home_rose.png) bottom repeat-x;
}
#sbofficiel h3, #sbofficiel h3 a, #sbofficiel span.pub, #jeux h3, #jeux h3 a, #jeux span.pub {
    color: #ff0000;
}
#sbofficiel .offboxcontent {
    background: #ffe6e7;
}
.officiels #sbofficiel .avatar {
    border: none;
    margin: 0.2em 1.5em 1em auto;
}
#top100 {
    background: #fff url(/img/homes/icon_top100.png) 5px 5px no-repeat;
}
#top100 h3 {
    margin-left: 25px;
}
#top100 li {
    clear: both;
    display: block;
    margin-bottom: 0.5em;
    padding-bottom: 0.3em;
    font-size: 0.9em;
    border-bottom: 1px dotted #000;
    position: relative; /* IE */
}
#top100 li.first, #top100 li.top { font-size: 1em; }
#top100 .item {
    float: left;
    display: block;
    width: 16px;
    padding-top: 7px;
    margin-right: 0.5em;
    text-align: center;
    font-weight: bold;
}
#top100 .first .item { width: 19px; height: 25px; }
#top100 .top .item { width: 19px; height: 25px; }
#top100 .top .avatar { width: 25px; height: 25px; }
#top100 .item_1 { background: url(/img/profils/number1-simple.png) left 11px no-repeat; }
#top100 .item_2 { background: url(/img/profils/number2-simple.png) left 1px  no-repeat; }
#top100 .item_3 { background: url(/img/profils/number3-simple.png) left 1px  no-repeat; }
#top100 .item_4 { background: url(/img/profils/number4-simple.png) left 1px  no-repeat; }
#top100 .item_5 { background: url(/img/profils/number5-simple.png) left 1px  no-repeat; }
#top100 p.item_1 span, #top100 p.item_2 span, #top100 p.item_3 span, #top100 p.item_4 span, #top100 p.item_5 span { display: none;}
/******************************************
 * home Profils
 * ***************************************/
#scrollprofils .menuonglet {
    float: left;
    margin-top: 0;
}
#scrollprofils .menuonglet li {
    border-bottom: 0;
}
#scrollnav {
    border-bottom: 1px solid #cbcbcb;
    overflow: hidden;
}
* html #scrollnav {
    height: 1%;
}
#scrollnav p a.ar, #scrollnav p a.al {
    position: absolute;
    top: 8px;
}
#scrollnav p a.ar {
    right: 5px;
}
#scrollnav p a.al {
    right: 33px;
}
#scrollarea {
    clear: both;
    position: relative;
    height: 160px;
    /*margin-top: -5px;*/
    color: #6a99b0;
}
#scrollarea ul {
    text-align: center;
    margin-top: 10px;
}
#scrollarea li {
    float: left;
    margin: 0 5px 5px 15px;
    width: 52px;
    overflow: hidden;
}
* html #scrollarea li {
    margin-left: 12px;
}
#scrollarea li.first {
   margin-top: 10px;
   width: 102px;
}
#topdefis .home_loser, #topdefis .home_winner {
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
}
#topdefis .home_winner {
    float:left;
    background: url(/img/profils/winner_medium.png) no-repeat left;
    padding-left: 30px;
}
#topdefis .home_loser {
    float:right;
    background: url(/img/profils/loser_medium.png) no-repeat right;
    padding-right: 35px;
}
#topdefis .actu_defis {
    clear: both;
    text-align: center;
}
#defis-voted-msg {
    clear: both;
}
#liste_defis {
    clear: both; /* IE6 */
}
#liste_defis li {
    position: relative;
    margin: 5px 0;
    height: 105px;
    overflow: hidden;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #b5d2e2;
    background: url(/img/profils/versus.png) top center no-repeat;
    text-align: center;
}
.front #liste_defis li {
    width: 310px;
    float: left;
    margin: 5px;
}
.skynauteg, .skynauted {
    position: absolute;
    top: 5px;
    width: 70px;
    width: 80px;
    overflow: hidden;
}
#topdefis .skynauteg, #topdefis .skynauted {
    width: 52px;
}
.skynauteg {
    left: 5px;
}
.skynauted {
    right: 5px;
}
#liste_defis .score, #liste_defis .timeleft {
    width: 40%;
    margin: 0 auto;
    font-weight: bold;
}
#liste_defis .votealert {
    width: 40%;
    margin: 0 auto;
    padding: 0.3em;
    font-size: 0.85em;
}
#liste_defis .score {
    padding-top: 48px;
    font-size: 1.2em;
}
#liste_defis .timeleft {
    background: #f6f6f6;
    border: 1px solid #e3e3e3;
    padding: 0.1em;
    margin-top: 0;
    font-size: 0.95em;
}
#liste_defis .timeleft strong {
    color: #959595;
    font-weight: normal;
}
#note-moi {
    width: 166px;
    margin-left: 5px;
    height: 210px;
    padding: 5px;
}
#note-moi p,
#note-moi form {
    text-align: center;
}
#note-moi .avatar, #minivotesys {
    margin: 0.4em auto;
}
#note-nav {
    text-align: left !important;
    position: absolute;
    bottom: 5px;
    width: 95%;
}
#note-nav a.next {
    float: right;
}
/******************************************
 * front Profils
 * ***************************************/
p.help {
    float: right;
    margin-top: -30px;
    position: relative;
    z-index: 50;
    background: url(/img/icons/help_small.gif) no-repeat left;
    padding-left: 20px;
}
div.topdefi {
    float: left;
    display: block;
    position: relative;
    width: 190px;
    padding-top: 1em;
    margin-left: 5px;
}
div.topdefi .mini-profil {
    float: left;
    margin-right: 0.5em;
}
#topdefi1 { background: url(/img/profils/number1.png) 110px 0px no-repeat; }
#topdefi2 { background: url(/img/profils/number2.png) 110px 0px no-repeat; }
#topdefi3 { background: url(/img/profils/number3.png) 110px 0px no-repeat; }
#winner, #loser {
    width: 310px;
    float: left;
    margin-left: 5px;
    border-color: #b5d2e0;
    position: relative;
}
* html #winner,
* html #loser {
    width: 305px;
}
h2.winner, h2.loser {
    font-size: 1.8em;
    font-style: italic;
    padding: 10px 0 8px 55px;
    margin: -6px 0 10px;
}
h2.winner span.link, h2.loser span.link {
    font-size: 0.6em;
    font-style: normal;
}
h2.winner span.link a, h2.loser span.link a {
    margin-left: 0.5em;
    margin-right: 0.5em;
}
h2.winner {
    background: url(/img/profils/winner_big.png) no-repeat;
}
h2.loser {
    background: url(/img/profils/loser_big.png) no-repeat;
}
#winner .mini-profil, #loser .mini-profil, #ranking .mini-profil {
    float: left;
    margin-right: 1em;
}
ul.points {
    padding-top: 1.7em;
    margin-left: 115px;
}
ul.points li {
    padding-left: 20px;
    margin-bottom: 0.4em;
    position: relative;
}
ul.points li.maxpoints {
    padding-left: 0;
}
ul.points li span {
    display: none;
}
li.voteminus { background: url(/img/profils/voteminus.png) no-repeat; }
li.voteplus { background: url(/img/profils/voteplus.png) no-repeat; }
li.votenul { background: url(/img/profils/votenul.png) no-repeat; }
li.votefor { background: url(/img/profils/votefor.png) no-repeat; }
li.voteagainst { background: url(/img/profils/voteagainst.png) no-repeat; }

table#classement {
    width: 100%;
    border: 1px solid #b5d2e0;
    background: #efefef;
    text-align: center;
}
#classement thead {
    font-weight: bold;
    background: #efefef;
    height: 34px;
}
#classement thead img {
    vertical-align: middle;
}
#classement tr.alt1 {
    background: #fff;
}
#classement td.profil {
    width: 240px;
}
#classement .mini-profil {
    text-align: left;
}
#classement .avatar {
    height: 25px;
    width: 25px;
    float: left;
    margin-right: 0.5em;
}
#vote {
    text-align: center;
}
#voteresult {
    float: left;
    width: 180px;
    margin-right: 5px;
    background: #cdcbcc;
    text-align: center;
}
#voteresult h4 {
    background: url(/img/icons/arrow_r.png) left 3px no-repeat;
    margin-bottom: 0.5em;
    padding-left: 20px;
    text-align: left;
    font-size: 1.2em;
}
#voteresult h5 span {
    display: block;
    font-size: 2em;
    color: #0262dd;
}
#vote p.signaler {
    text-align: left;
}
#vote p.signaler a {
    color: red;
    background: url(/img/icons/signalize.png) left no-repeat;
    padding-left: 20px;
}
#vote_avatar img.avatar {
    border: 1px solid #c4c4c4;
    padding: 10px;
    background: #f4f3f1;
    margin: auto;
    margin-bottom: 15px;
    max-width: 700px;
}
#vote_avatar span.details {
    display: block;
}
#votesys {
    list-style-type: none;
    list-style-position: inside;
    background: url(/img/profils/vote_background.png) center bottom no-repeat;
    display: block;
    width: 360px;
    padding-left: 60px;
    height: 21px;
    margin: 10px auto;
}
#votesys li {
    display: block;
    float: left;
}
#votesys a { display: block; text-decoration: none; }
#votesys a b { visibility: hidden; }
#votesys a { width: 27px; height: 21px; }
#votesys a.zero { width: 37px;}
#votesys a.one, #votesys a.two, #votesys a.three, #votesys a.four, #votesys a.five { width: 24px; }
#votesys a.zerofive { margin-left: 2px;}
#votesys a.zerofive {background: url(/img/profils/votenumbers/moins5.png) center no-repeat;}
#votesys a.zerofive:hover, #votesys a.zerofive .selected {background: url(/img/profils/votenumbers/overmoins5.png) center no-repeat;}
#votesys a.zerofour {background: url(/img/profils/votenumbers/moins4.png) center no-repeat;}
#votesys a.zerofour:hover, #votesys a.zerofour .selected {background: url(/img/profils/votenumbers/overmoins4.png) center no-repeat;}
#votesys a.zerothree {background: url(/img/profils/votenumbers/moins3.png) center no-repeat;}
#votesys a.zerothree:hover, #votesys a.zerothree .selected {background: url(/img/profils/votenumbers/overmoins3.png) center no-repeat;}
#votesys a.zerotwo {background: url(/img/profils/votenumbers/moins2.png) center no-repeat;}
#votesys a.zerotwo:hover, #votesys a.zerotwo .selected {background: url(/img/profils/votenumbers/overmoins2.png) center no-repeat;}
#votesys a.zeroone {background: url(/img/profils/votenumbers/moins1.png) center no-repeat;}
#votesys a.zeroone:hover, #votesys a.zeroone .selected {background: url(/img/profils/votenumbers/overmoins1.png) center no-repeat;}
#votesys a.zero {background: url(/img/profils/votenumbers/0.png) center no-repeat;}
#votesys a.one {background: url(/img/profils/votenumbers/1.png) center no-repeat;}
#votesys a.one:hover, #votesys a.one .selected {background: url(/img/profils/votenumbers/over1.png) center no-repeat;}
#votesys a.two {background: url(/img/profils/votenumbers/2.png) center no-repeat;}
#votesys a.two:hover, #votesys a.two .selected {background: url(/img/profils/votenumbers/over2.png) center no-repeat;}
#votesys a.three {background: url(/img/profils/votenumbers/3.png) center no-repeat;}
#votesys a.three:hover, #votesys a.three .selected {background: url(/img/profils/votenumbers/over3.png) center no-repeat;}
#votesys a.four {background: url(/img/profils/votenumbers/4.png) center no-repeat;}
#votesys a.four:hover, #votesys a.four .selected {background: url(/img/profils/votenumbers/over4.png) center no-repeat;}
#votesys a.five {background: url(/img/profils/votenumbers/5.png) center no-repeat;}
#votesys a.five:hover, #votesys a.five .selected {background: url(/img/profils/votenumbers/over5.png) center no-repeat;}
/******************************************
 * home Chat
 * ***************************************/
#joinchat, #chatdaily {
    background: #d7d7d7;
}
#joinchat li {
    padding: 0.3em;
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
#joinchat h4 {
    font-size: 1.3em;
}
#joinchat li p, .chatlist h4 {
    margin-left: 80px;
}
#joinchat .channellogo {
    float: left;
    display: block;
    text-align: center;
    width: 80px;
    padding-top: 4px;
}
#joinchat .channelinfo {
    font-size: 0.8em;
}
#joinchat .bold {
    font-weight: bold;
}
#chatinfos {
    height: 157px; /* hauteur necessaire pour emplacement pave pub ! dont modify */
}
#chatinfos dt {
    width: 40%;
    font-size: 0.9em;
}
#chatinfos dd {
    width: 55%;
    font-size: 0.9em;
    /*margin-bottom: 1px;*/
}
/******************************************
 * home Officielles
 * ***************************************/
#jeux .offboxcontent {
    padding-top: 1em;
}
#diaporama, #diaporama-nav li h3 {
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}
#diaporama {
    position: relative;
    overflow: hidden;
    height: 242px;
    padding: 5px;
    margin: 5px 0;
    background: #fff;
    border: 1px solid #eebb00;
}
#diaporama a {
    text-decoration: none;
    color: #fe6600;
}
#diaporama img {
    width: 480px; /* tmp pour tests avant lancement */
    height: 242px;
}
#diaporama-nav {
    position: absolute;
    top: 5px;
    bottom: 5px;
    height: 242px;
}
* html #diaporama-nav {
    right: 2px;
}
#diaporama-nav li {
    width: 693px;
    height: 49px;
    clear: both;
    margin-bottom: 5px;
}
* html #diaporama-nav li {
    margin-bottom: 1px;
    width: 690px;
}
#diaporama-nav li.active { /* IE7 */
    height: 68px;
}
#diaporama-nav li h3 {
    position: relative;
    z-index: 11;
    float: right;
    overflow: hidden;
    width: 198px;
    height: 40px;
    padding: 5px;
    text-align: center;
    font-family: "Tahoma", "Geneva", sans-serif;
    background: #f8f8f8;
    border: 1px solid #ccc;
    cursor: pointer;
}
#diaporama-nav li h3 span {
    color: #999;
    font-weight: normal;
    font-size: 0.75em;
    display: block;
}
#diaporama-nav li.active h3 {
    background: url(/img/homes/officiels/off_fleche.png) no-repeat right;
    width: 209px;
    height: 67px;
    padding: 5px 6px 0 20px;
    border: 0;
    font-size: 1.2em;
    overflow: hidden;
}
#diaporama-nav li.active h3 span {
    color: #000;
    font-size: 0.75em;
    margin-top: 0.4em;
}
#diaporama-nav li p {
    position: absolute;
    bottom: 12px;
    display: none;
}
#diaporama-nav li.active p {
    display: block;
    opacity: 0.75;
    filter: alpha(opacity=75);
    z-index: 10;
    display: block;
    width: 440px;
    height: 57px;
    padding: 5px 13px 5px 25px;
    background: #000;
    color: #fff;
}
#diaporama-nav p strong {
    font-size: 1.5em;
    color: #fff;
}
.officiel-slidernav {
    padding-top: 5px;
    position: relative;
}
.officiel-slidernav a.al, .officiel-slidernav a.ar {
    position: absolute;
    top: 2px;
}
.officiel-slidernav a.al {
    right: 33px;
}
.officiel-slidernav a.ar {
    right: 5px;
}
div.officiel-content {
    clear: both;
    padding-top: 0.8em;
    border-top: 1px solid;
}
div.officiel-content li {
    float: left;
    width: 105px;
    margin-left: 20px;
}
* html div.officiel-content li {
    margin-left: 14px;
}
div.officiel-content li h4 {
   white-space: normal;
}
div.officiel-content li img {
    background: #eee;
    width: 100px;
    height: 100px;
    border: 1px solid;
}
#eventbox, #eventbox .officiel-content, #eventbox div.officiel-content li img { border-color: #56cc00; }
#cinebox, #cinebox .officiel-content, #cinebox div.officiel-content li img { border-color: #4b94ff; }
#zikbox, #zikbox .officiel-content, #zikbox div.officiel-content li img { border-color: #888 }
#gamebox, #gamebox .officiel-content, #gamebox div.officiel-content li img { border-color: #ff4545; }
#eventbox h3 { color: #56cc00; background: url(/img/homes/bg_h3_home_green.png) repeat-x bottom; }
#cinebox h3 { color: #0067b1; background: url(/img/homes/bg_h3_home_blue.png) repeat-x bottom; }
#zikbox h3 { color: #888; }
#gamebox h3 { color: #ff4545; background: url(/img/homes/bg_h3_home_red.png) repeat-x bottom;}
div.visible, div.hidden {
    padding-bottom: 0.2em;
}
div.visible {
    display: block;
}
div.hidden {
    display: none;
}
.offboxcontent h4, div.visible h4, div.hidden h4 {
    margin: 0.2em 0;
}
/***************************************
 * home speciale google
 * ************************************/
#community {
    background: #e1e6ec;
    border-color: #43b8fe;
}
#community ul {
    border: 1px solid #c5d4e9;
    background: #fff;
    padding: 0 1.5em;
}
#community li {
    position: relative; /* IE */
    display: block;
    padding: 0.5em 0 2.3em 70px;
    margin-bottom: 0.3em;
}
#community li a { font-weight: bold; }
#community li.join { padding-left: 0;}
#community li.blog { background: url(/img/homes/google/blog.jpg) no-repeat; }
#community li.movie { background: url(/img/homes/google/movie.jpg) no-repeat; }
#community li.search { background: url(/img/homes/google/search.jpg) no-repeat; }
#community li.talk { background: url(/img/homes/google/talk.jpg) no-repeat;}
#community p.submit {
    text-align: left;
    margin: 0.2em 0;
    padding-top: 1em;
}
#inscristoismall {
    float: right;
    display: block;
    width: 102px;
    height: 18px;
    padding: 10px;
    margin-top: -1em;
    text-align: center;
    color: #fff;
    background: url(/img/homes/inscris_toi_small.png) no-repeat center center;
}
.home-google h2 {
    text-align: center;
    font: italic normal 1.6em sans-serif;
    margin-bottom: 0.5em;
    margin-top: 0.2em;
}
.home-google #subscription {
    position: relative;
    background: url(/img/homes/bouton-inscris_toi.png) no-repeat top center;
    display: block;
    margin: 0;
    height: 55px;
    padding-top: 35px;
}
.home-google #subscription span {
    position: absolute;
    top: 18px;
    left: 0;
    width: 100px;
    font-style: normal;
    font-weight: bold;
    font-size: 0.6em;
    color: #fff;
}
.home-google #subscription a {
    color: #fff;
    margin-left: 15px;
}
.home-google #profils .mini-profil {
    float: left;
    width: 50%;
    margin-bottom: 0.7em;
}
* html .home-google #profils .mini-profil {
    margin-bottom: 0.85em;
}
.home-google #profils .mini-profil-50 {
    float: left;
    width: 33%;
}
/******************************************
 * Homepage google adwords
 * ***************************************/
#adwords {
    background: #fff url(/img/homes/google/fond.page.png) repeat-x;
}
#adwords #logo_front {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}
#adwords #global {
    text-align: left;
}
.home-adwords  {
    position: relative;
    padding: 10px 5px;
    background: #fff url(/img/homes/google/people.png) right 130px no-repeat;
}
.home-adwords h2#free-skyrock {
    color: #000;
    font-style: normal;
    margin: 0.5em 0 0 0.5em;
    clear: both;
}
.home-adwords h4.gratuit {
    width: 106px;
    height: 104px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(/img/homes/google/free.jpg) no-repeat center;
}
.home-adwords h4.gratuit a {
    color: #fff;
    font-size: 1.3em;
    display: block;
    margin-top: 43px;
    text-decoration: none;
    text-align: center;
}
.home-adwords ol {
    overflow: hidden;
    list-style-type: none;
}
.home-adwords ol li {
    float: left;
    position: relative;
    text-align: center;
    padding: 1px;
    margin: auto auto 20px 6px;
    font-style: italic;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    background: #16A2F3;
    border: 1px solid #70D1F8;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.home-adwords ol li a {
    display: block;
    padding: 14px 16px 14px 42px;
    background: url(/img/homes/google/fond.bleute.png) top left repeat-x;
    color: #fff;
    font-size: 1.2em;
}
.home-adwords ol li span {
    position: absolute;
    left: 10px;
    top: 8px;
    font-size: 2.2em;
}
.home-adwords ul.possibilites {
    margin-top:20px;
}
.home-adwords ul.possibilites li, .home-adwords .submit {
    padding: 10px 0 10px 180px;
    width: 250px;
    position: relative;
}
.home-adwords ul.possibilites li h3 {
    margin-bottom: 10px;
    text-transform: uppercase;
}
.home-adwords ul.possibilites li h3 a {
    text-decoration: none;
}
.home-adwords ul.possibilites li h3 a:hover {
    text-decoration: underline;
}
.home-adwords ul.possibilites li a img {
    position: absolute;
    top: 0;
    left: 0;
}
.home-adwords h2#subscription {
    background: none;
    margin: 10px auto 10px 125px;
    width: 40%;
    text-align: center;
}
.home-adwords h2#subscription a {
    display: block;
    padding: 0.5em;
    margin: auto auto 20px auto;
    font-weight: 600;
    text-decoration: underline;
    color: #fff;
    background: #b7d58f url(/img/m/subscribe.jpg) left 2px repeat-x;
    border: 1px solid #e5f9c8;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.home-adwords #subscription a:hover {
    text-decoration: none;
}
.home-adwords #blogstars {
    background-image: none;
}
.home-adwords #blogstars li {
    width: 30%;
    margin-left: 2%;
}
/******************************************
 * Listes
 * ***************************************/
.mini-profil-video {
    clear: left;
    margin: 0.4em 0;
    overflow: hidden;
}
.mini-profil-video .mini-profil {
    float: none;
}
.vsnapshot {
    float: left;
    margin-right: 0.5em;
    position: relative;
    border: 1px solid #6e6e6e;
    width: 63px;
    height: 50px;
    overflow: hidden;
    background: #d9e7f0 url(/img/homes/webcam-placeholder.png) no-repeat center 5px;
}
.vsnapshot .vplay {
    position: absolute;
    right: 0.4em;
    bottom: 0.4em;
}
.vstats {
    display: block;
    font-size: 0.9em;
}
.vplayer, .vplayersmall {
    float: left;
    overflow: hidden;
    width: 162px;
    margin: 0 38px 10px 15px;
}
.vplayersmall {
    width: 150px;
    margin: 0 0 10px 10px;
}
.vplayersmall .vplayercontainer {
    width: 112px;
}
div.vplayercontainer {
    position: relative;
    background: url(/img/homes/webcam-placeholder.png) no-repeat center 5px;
}
div.vplayercontainer img.playbutton {
    position: absolute;
    top: 5px;
    right: 5px;
}
div.vplayercontainer img.snapshot {
    border: 1px solid #7b7366;
    display: block;
    margin-bottom: 0.2em;
}
div.vplayer .mini-profil, div.vplayersmall .mini-profil {
    text-align: left;
}
p.createvideo {
    position: relative;
    z-index: 5;
    float: right;
    display:block;
    background: url(/img/icons/webcam-big.png) no-repeat top left;
    padding: 5px 5px 0 40px;
    height: 30px;
    margin-top: -35px;
}
.createvideo a {
    text-align:center;
    display:block;
    padding: 0.2em;
    background: #fff url(/img/common/button.jpg) repeat-x scroll 0% 50%;
    border: 1px solid #bec8d4;
    text-decoration: none;
    font-weight: bold;
}
/******************************************
 * Top
 * ***************************************/
#fame h4 {
    margin-bottom: 0.6em;
}
#fame .the_time {
    float: right;
}
#fame li {
    padding: 0.3em 0 0.8em 0;
    border-bottom: 1px dotted;
}
#fame p {
    display: block;
    margin-left: 110px;
}
#fame li .avatar {
    width: 100px;
    height: 100px;
    margin-right: 10px;
    background: #eee;
    border: 1px solid #a4a4a4;
}
.famestat {
    color: #91908e;
    margin-top: 0.5em;
}
.famestat strong {
    font-weight: normal;
    color: #000;
}
.famestat .nbvisites, .famestat .lastmod {
    color: #008000;
}
li.gotopblog, li.gotopmusic {
    margin-left: 10px;
    padding-left: 20px;
}
li.gotopblog {
    background: #fff url(/img/icons/topblog.png) no-repeat 8px;
}
li.gotopmusic {
    background: #fff url(/img/icons/music.png) no-repeat 3px;
}
div.top, ul.top li {
    float: left;
    display: block;
    position: relative;
    overflow: hidden;
    width: 102px;
    height: 158px;
    margin: 0 7px 10px 8px;
    padding: 0.5em 0;
    border: 1px solid #dadada;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    text-align: center;
}
div.toponline, ul.toponline li {
    height: 138px;
}
#top1, #top2, #top3, #top4, #top5 {
    border-width: 2px;
    padding: 15px 0 0;
    margin: 1em 15px 10px 8px;
    overflow: visible;
}
div.top .avatar, ul.top li .avatar {
    display: block;
    width: 100px;
    height: 100px;
    margin: 5px 0 5px 0;
}
div.top p.rank {
    display: block;
    text-align: left;
    padding-left: 0.2em;
}
div.top p.rank strong {
    color: #015aa5;
}
#top1 p.rank, #top2 p.rank, #top3 p.rank, #top4 p.rank, #top5 p.rank {
    position: absolute;
    height: 35px;
    width: 100px;
    z-index: 12;
    top: -10px;
    left: 0px;
    text-align: left;
}
#top1 p.rank strong, #top2 p.rank strong, #top3 p.rank strong, #top4 p.rank strong, #top5 p.rank strong {
    display: none;
}
#top1 p.rank { background: url(/img/profils/number1.png) left top no-repeat; }
#top2 p.rank { background: url(/img/profils/number2.png) left top no-repeat; }
#top3 p.rank { background: url(/img/profils/number3.png) left top no-repeat; }
#top4 p.rank { background: url(/img/profils/number4.png) left top no-repeat; }
#top5 p.rank { background: url(/img/profils/number5.png) left top no-repeat; }
div.top span.topscore {
    position: absolute;
    right: 0.5em;
    top: 0.5em;
    color: #666;
    float: right;
}
#top1 .topscore, #top2 .topscore, #top3 .topscore, #top4 .topscore, #top5 .topscore {
    top: 12px;
}
div.top .nb_votes {
    display: block;
}
/************************************************
 * Options tops
 * **********************************************/
#options {
    clear: left;
    margin-bottom: 0.5em;
    padding: 0.5em 0.5em 1em 70px;
    min-height: 20px;
    border: 1px solid #a4a4a4;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    background: #d9e7f0 url(/img/recherche/options_loupe.png) no-repeat scroll 10px center;
    position: relative;
}
#options select.txt {
    width: 250px;
    vertical-align: middle;
}
#options li.active {
    font-weight: bold;
}
#options h5, #options label.searchopt {
    margin: 0.5em 1em 0 0;
    font-size: 1em;
    font-weight: bold;
    float: left;
    position: relative; /* ie */
    z-index: 3;
}
#options h5 {
    clear: both;
}
#options ul {
    margin: 0.5em 0 0;
}
#options select {
    vertical-align: middle;
}
#options li {
    display: inline;
    margin-right: 1em;
}
/***************************************************
 * Recherche
 * *************************************************/
.recherche #options input.txt {
    width: 180px;
}
.recherche .homesimple h4 {
    padding-left: 20px;
    background: url(/img/icons/arrow_r.png) left 2px no-repeat;
    margin: 0.5em 0;
    position: relative;
}
.recherche #column_right .homesimple h4 {
    background: url(/img/icons/arrow_r.png) left 4px no-repeat;
    margin: 0;
}
.recherche #options input.txt {
    width: 140px;
}
a.less, a.more {
    padding-left: 20px;
    display: block;
}
a.more {
    background: url(/img/icons/plus-small.png) no-repeat;
}
a.less {
    background: url(/img/icons/less-small.png) no-repeat;
}
#results { /* affichage des resultats de recherche profil */
    margin-top: 0.5em;
}
#results .mini-profil {
    float: left;
    width: 110px;
    margin: 0 15px 0.5em 5px;
}
#searchpseudo {
    background: #d9e7f0 url(/img/recherche/options_loupe.png) no-repeat 3px 10px;
    padding-left: 40px;
}
#search_p_options {
    float:left;
    width: 70%;
}
#search_p_options dl {
    margin-top: 1em;
}
#search_p_options dt {
    text-align: right;
}
#search_p_details {
    padding-top: 60px;
    margin-left: 1em;
    background: url(/img/recherche/icon_search.png) left 10px no-repeat;
}
#column_right #detailed_search {
    background: none;
}
#detailed_search select {
    width: 45%;
    margin: 0.2em 5% 0 0;
    float: left;
}
#search_p_options, #detailed_search {
    padding-left: 50px;
}
#recherche_p_small #detailed_search {
    padding-left: 0;
}
#recherche_p_small {
    line-height: 1.8em;
}
#recherche_p_small #contact_name {
    width: 50%;
}
#yms-search-aux, #yms-search-top {
    display: none;
}
/*
.promo-links {
    background: #ecf5fa;
    border: 1px solid #c3ccd3;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    padding: 0.5em;
    line-height: 1.5em;
    margin-bottom: 5px;
    text-align: left;
}
.promo-links h3, .promo-links h4 {
    float: right;
}
.promo-links h4 a {
    text-decoration: none;
}
.promo-links p.caption {
    font-weight: bold;
    font-size: 1.1em;
}
.promo-links .ad-pseudo-url a {
    color: #008000;
    font-weight: bold;
}
.promo-links .description, .promo-links .description a {
    color: #000;
    text-decoration: none;
}
.ad-pseudo-url {
    margin-bottom: 1em;
}
#hotspots-list div {
    margin-bottom: 0.5em;
    font-weight: bold;
    border-top: 1px solid #c3ccd3;
    clear: both;
}
#hotspots-list div h4 {
    float: none;
    font-size: 1.1em;
    margin-bottom: 0.5em;
}
#hotspots-list a {
    text-decoration: none;
}
ul.blogsearch-not-antidot li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 75px;
    text-align: center;
}
ul.blogsearch-not-antidot a {
    text-decoration: none;
}
ul.blogsearch-not-antidot li .avatar {
    height: 75px;
    width: 75px;
}
*/
iframe.yahoo {
    width: 910px;
    height: 1900px;
}
iframe.antidot {
    width: 650px;
    height: 1250px;
}
/********************************
 * Tapub front
 * ******************************/
#tapub-form, #previous-pub {
	margin-bottom: 5px;
	text-align: center;
}
#tapub, #previous-pub {
	border: 1px solid #b7d4e2;
}
#tapub, #previous-pub ol {
	padding: 0.5em;
}
#header_tapub {
	background: url(/img/faistapub/header.jpg) no-repeat;
	height: 217px;
	padding-right: 10px;
	color: #72cbf1;
	text-align: right;
	font-weight: bold;
}
#header_tapub h2, #header_tapub h3 {
	color: #fff;
}
#header_tapub h2 {
    padding-top: 20px;
    font-size: 2.3em;
    font-family: Arial, sans-serif;
    text-transform: uppercase;
}
#header_tapub h3 {
    font-size: 1.8em;
    margin-bottom: 1.5em;
}
#tapub h4 {
    font-size: 1.5em;
    color: #0063da;
}
#tapub .redbold15em {
    color: red;
    font-size: 1.5em;
    text-transform: uppercase;
}
#tapub .red {
    color: red;
}
#tapub kbd {
    font-weight: bold;
    font-size: 1.2em;
}
#tapub fieldset {
    background: #f7f7f7;
    border: 1px solid #dddce1;
    padding: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}
#tapub input.txt {
    width: 60px;
}
#tapub #mymessage {
    width: 350px;
}
#fais-ta-pub-img {
    margin: 1em;
}
#tapub p.note {
    border-top: 1px dotted;
    color: #666;
}
#tapub #message {
    padding: 0.5em;
    background: #d9e7f0;
    border: 1px solid #b5d2e2;
    width: 400px;
    margin: 1em auto 1em auto;
    text-align: left;
}
#tapub #message .avatar {
    float: left;
    margin-right: 10px;
}
#previous-pub ol {
    list-style-position: inside;
    font-weight: bold;
    text-align: left;
}
#previous-pub li {
    border-bottom: 1px dashed;
    padding: 0.5em 0;
}
#previous-pub li p.pseudo{
    margin-left: 0.5em;
    display: inline;
}
#previous-pub .avatar, #previous-pub p.message {
    margin-top: 0.5em;
}
#previous-pub .avatar {
    float: left;
    margin-right: 0.5em;
}
#previous-pub p.message {
    background: #d9e7f0;
    border: 1px solid #b5d2e2;
    padding: 5px;
    margin-left: 60px;
    height: 40px;
}
/********************************
 * Inscription
 * ******************************/
.inscription div.homesimple {
    border: 1px solid #cacaca;
    overflow: visible;
    position: relative;
    z-index: 1;
}
.inscription .homesimple h2 { font-size: 1.3em; }
.inscription #subscribe .homesimple h4 {
    padding-left: 20px;
    background: url(/img/icons/arrow_r.png) left 2px no-repeat;
    margin: 0.5em 0 0.5em 0;
}
.inscription #subscribe .homesimple dt {
    text-align: right;
}
.inscription #subscribe .day, .inscription #subscribe .month, .inscription .year,
.inscription #subscribe input.txt, .inscription #subscribe select.txt {
    border-color: #a4a4a4;
    background: #d9e7f0;
}
.inscription #subscribe .month {
    width: 9.5em;
}
.inscription #subscribe #address1 {
    margin-bottom: 0.3em;
}
.inscription #subscribe .homesimple input.txt {
    width: 47%;
}
.inscription #subscribe .homesimple select.txt{
    width: 48%;
}
.warning {
    color: #fe0000 !important;
    border-color: #fe0000 !important;
    background: #ffeae7 !important;
}
.free {
    background: #e7ffe7!important;
    border: 1px solid #00fe00!important;
}

#pw_security_none strong { color: red; }
#pw_security_perso strong { color: red; }
#pw_security_low strong { color: darkred; }
#pw_security_medium strong { color: darkblue; }
#pw_security_high strong { color: darkgreen; }

span.infobulle { /* utilisé aussi sur d'autres pages */
    position: absolute;
    margin: 0;
    right: 5px;
    z-index: 90;
    /*overflow: hidden;*/
}
span.infobulle span {
    position: relative;
    z-index: 99;
    display: block;
    width: 15em;
    padding: 0.5em;
    border: 1px solid #ffdc5c;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #fffece;
    color: #9b7601;
    font-style: normal;
}
#infobulle,#infobulle1, #infobulle2, #infobulle3, #infobulle4 , #infobulle5, #infobulle6, #infobulle7, #infobulle8, #infobulle9, #infobulle10 {visibility: hidden; }
#infobulle11, #infobulle12, #infobulle13, #infobulle14, #infobulle15, #infobulle16 , #infobulle17, #infobulle18, #infobulle19, #infobulle20 {visibility: hidden; }
#infobulle1 {
    top: 30px;
}
#infobulle5, #infobulle6, #infobulle15, #infobulle16 {
    bottom: 5px;
}
#infobulle_chat {
    left: 5px;
    bottom: 5px;
    font-size: 0.9em;
    visibility: hidden;
}
#cgu {
    height: 22em;
    padding: 1em 1em;
    overflow: auto;
    background: #d9e7f0;
    margin: 0.5em 0;
}
#cgu pre {
    font-family: Arial, sans-serif;
}
#pseudos_list_container {
    border-color: #ffc50f;
    background: #FFFFCB;
}
#pseudos_list {
    overflow: hidden;
}
* html #pseudos_list {
    height: 1%;
}
#pseudos_list li {
    width: 31%;
    float: left;
    display: block;
    margin-left: 5px;
}
div.resume { /* suppression de compte. normalement defini dans admin-styles.css */
    padding: 0.5em;
    margin-bottom: 5px;
    background: #DFEDF6;
    border: 1px solid #cacaca;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}
ul.resume {
    padding: 0.5em;
    background: #fff;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}
ul.resume li a.wrap {
    display: block;
    width: 274px;
    overflow: hidden;
}
div.resume h5 {
    font-size: 1.1em;
    margin-bottom: 0.5em;
}
#subscribe-ad {
    clear: left;
    float: left;
    padding: 50px 5px 0px 5px;
    /*width: 345px;*/ /*on attend le redesign 04/08*/
    width: 243px;
    height: 322px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    text-align: center;
    background: url(/img/m/authentification.png) top left no-repeat;
    color: #fff;
}
#subscribe-ad h3 {
    margin-top: 20px;
    font-size: 1.9em;
    font-stretch: ultra-condensed;
    font-stretch: ultra-condensed;
}
#subscribe-ad h2 a.subscribe:link, #subscribe-ad h2 a.subscribe:visited {
    padding: 10px;
    margin: auto auto 20px auto;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    background: #b7d58f url(/img/m/subscribe.jpg) bottom left repeat-x;
    border: 1px solid #e5f9c8;
    outline: 1px solid #8fc182;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-outline-radius: 4px;
}
#subscribe-ad a.subscribe:hover {
    color: #daff83;
}
#column_loginbox {
    float: left;
    width: 285px;
    height: 223px;
    padding: 5px;
    margin-left: 8px;
}
#column_loginbox h4 {
    background: url(/img/homes/bg_h3_home_blue.png) repeat-x bottom;
    margin-bottom: 0.5em;
    font-size: 1.2em;
}
#column_loginbox h4 span {
    color: #000;
}
#loginbox {
    margin: 30px 30px 0;
}
#loginbox dt, #loginbox dd {
    float: none;
    width: 100%;
    display: block;
}
* html #loginbox dt, * html #loginbox dd {
    width: 160px;
}
#login_info h4 {
    background: url(/img/icons/information.png) no-repeat;
    padding-left: 20px;
}
/******************************************
 * Inscription suite invitation
 * ***************************************/
#login-invit-left {
    float: left;
    height: 225px;
    width: 340px;
}
#login-invit-left h2 {
    font-size: 1em;
    margin: 15px 0 25px 1.5em;
}
#login-invit-left h2 span {
    font-size: 1.5em;
    color: #2B343D;
}
#invitator {
    width: 277px;
    padding: 10px;
    margin: 0 auto;
}
* html #invitator {
    height: 100px;
}
#invitator-avatar {
    border: 1px solid #c1c1c1;
    float: left;
    margin-right: 15px;
}
#invitator-infos li {
    padding: 0.2em 0;
}
#invitator-infos li img {
    vertical-align: middle;
    padding-right: 5px;
}
#invitator-infos a {
    text-decoration: none;
}
#invitator-infos a:hover {
    text-decoration: underline;
}
#invitator-details {
    padding-top: 1em;
}
/*********************************************************************
 * Demo Music
 * *******************************************************************/
.demoelement {
    float: left;
    border: 1px solid #9dd6f2;
    padding: 5px;
    margin: 0 17px 10px 15px;
    width: 276px;
    height: 280px;
    overflow: hidden;
}
.demoelement .flash {
    border: 1px solid #000;
    margin-bottom: 0.5em;
}
.note {
    clear: both;
    font-size: 0.9em;
}
#demomain {
    width: 471px;
}
.godemo {
    text-align: center;
    float: right;
    width: 300px;
    margin: 1em 3em 1em 0;
}
.godemo h3 {
    margin: 1em 0;
}
p.createmusicnow a {
    margin: 1em auto;
    width: 240px;
    height: 33px;
    padding-top: 20px;
    display: block;
    background: url(/img/icons/btn_creer_music.png) no-repeat scroll center center;
    color: #fff;
    font-size: 1.2em;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
}
/*********************************************************************
 * Mobile
 * *******************************************************************/
ul.square {
    list-style-type: disc;
    list-style-position: inside;
}
.mobile ul.square {
    margin: 1em auto;
}
.mobile ul.square li {
    margin-bottom: 1em;
}
div.mobile-divided1, div.mobile-divided2 {
    background: url(/img/mobiles/phone1.png) left top no-repeat;
    padding-top: 25px;
    padding-left: 240px;
    height: 302px;
}
div.mobile-divided2 {
    background: url(/img/mobiles/phone2.png) left top no-repeat;
}
.mobile .homesimple {
    border-color: #B4D2E1;
}
.mobile .homesimple h3 {
    background: none;
}
.mobile .homesimple h4 {
    padding-bottom: 1em;
}
#mobile-main {
    height: 326px;
    padding-top: 0.5em;
    color: #fff;
    background: url(/img/mobiles/main.jpg) no-repeat;
    position: relative;
}
#mobile-main a {
    color: #fff;
    display: block;
    font-weight: bold;
    text-decoration: underline;
    margin-left: 250px;  /* a changer apres ope-mobile */
    margin-top: 15px;  /* a changer apres ope-mobile */
}
#mobile-main h2 {
    font-size: 1.8em !important;
    font-weight: normal;
    text-align: center;
    margin: 5px 0 0;
    padding: 0;
}
#mobile-main h3 {
    text-align: center;
    font-size: 1.8em !important;
    color: #fff;
    background: none;
}
#mobile-main ul {
    margin-left: 250px;
    margin-top: 25px;
    font-size: 1.35em;
}
#mobile-main li {
    margin: 5px 0;
    list-style-position: outside;
    list-style-image: url(/img/icons/tick-blc-24.png);
}
* html #mobile-main li {
    list-style-image: url(/img/icons/tick-blc.png);
}
#mobile-main .note {
    margin-left: 250px;
    margin-top: 30px; /* a changer apres ope-mobile */
}
#orangeworld, #vodafonelive, #imodebouygues, #gallerymobile {
    padding-left: 165px;
}
#orangeworld {
    background: url(/img/mobiles/orange.jpg) no-repeat 55px center;
}
#vodafonelive {
    background: url(/img/mobiles/sfr.jpg) no-repeat 55px center;
}
#imodebouygues {
    background: url(/img/mobiles/bouygues.jpg) no-repeat 10px center;
}
#gallerymobile {
    background: url(/img/mobiles/gallery.jpg) no-repeat 5px center;
}
#mobile-call {
    width: 300px;
    padding: 5px 10px;
    margin: 0 auto;
    background: url(/img/mobiles/mobile-pub-bg.png) center top no-repeat;
    color: #fff;
    text-align: center;
    border: 1px solid #003e77;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
}
#mobile-call iframe {
    width: 140px;
    height: 80px;
}
#mobile-call h3 {
    font-size: 1.1em;
    color: #fff;
}
#mobile-call p {
    margin-bottom: 2em;
    font-size: 0.85em;
}
/******************************************
 * Pagemobile partie profil
 * ***************************************/
#renc-main {
	position: relative;
	height: 275px;
	width: 653px;
	color: #2558d5;
	background: url(/img/mobiles/rencontres.png) no-repeat;
}
#renc-main ul {
	position: absolute;
	width:400px;
	top: 45px;
	left: 198px;
	font-size: 1.2em;
	font-weight: bold;
}
#renc-main ul li {
	margin: 5px 0;
	list-style-image: url(/img/mobiles/fleche.png);
}
#renc-form {
	position: absolute;
	bottom: 10px;
	right: 75px;
	padding: 5px;
	width: 193px;
	height: 110px;
	color: #000;
	font-weight: bold;
	border: 1px solid orange;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}
#renc-form iframe {
	position: absolute;
	top: 4px;
	left: 5px;
	margin-top: 33px;
	margin-left: 45px;
}
#renc-main a.mobile-link {
    position: absolute;
    left: 10px;
    bottom: 10px;
}

/***********************************************
 * Messager
 * *********************************************/
#sm-main {
    height: 345px;
    padding-top: 0.5em;
    color: #fff;
    background: url(/img/messager/bloc-accueil.jpg) no-repeat;
    position: relative;
    text-align: right;
}
#sm-main h2 {
    display: none;
}
#sm-main p {
    margin-top: 150px;
    margin-right: 15px;
    padding:10px;
}
#sm-main ul {
    margin-left: 250px;
    font-size: 1.35em;
}
#sm-mobile {
    height: 305px;
    margin-top:0px;
    color: #fff;
    background: url(/img/messager/mobile_visu.jpg) no-repeat;
    text-align: left;
    padding-left: 170px;
}
#sm-mobile h3 {
    padding-left: 150px;
    font-size: 1.1em;
    padding-top: 30px;
}
#sm-mobile p {
    padding-top: 35px;
}
#sm-mobile ul {
    font-size: 1.1em;
    list-style: disc inside;
    line-height: 1.35em;
    padding-top: 10px;
    padding-bottom:10px;
}
#sm-inpt {
    width: 130px;
}
#sm-dl a.sm-btn, #sm-main a.sm-btn {
    height: 45px;
    display: block;
    text-align: center;
}
#sm-main a.sm-btn {
    width: 303px;
    float: right;
    margin-top: 65px;
    border: none;
}
#sm-dl a.sm-btn {
    width: 360px;
    margin-left:105px;
    border: none;
}
.messager ol {
  list-style: inside decimal;
}
a.sm-btn span { display: none;}
#sm-dl {
    height:90px;
    padding-top: 30px;
    background: url(/img/messager/bouton-dl.jpg) no-repeat bottom center;

}
#sm-liste li {
    float: left;
    margin: 0 5px 5px;
    width: 60px;
    height: 80px;
    overflow: hidden;
    text-align: center;
}
#sm-contact-friend, #sm-share, #sm-alert, #sm-ope, #sm-msn {
    padding: 5px 0 5px 35px;
}
#sm-contact-friend {
    background: url(/img/messager/puce1.jpg) no-repeat left center;
}
#sm-share {
    background: url(/img/messager/puce2.jpg) no-repeat left center;
}
#sm-alert {
    background: url(/img/messager/puce3.jpg) no-repeat left center;
}
#sm-msn {
    background: url(/img/messager/puce4.jpg) no-repeat left center;
}
#sm-ope {
    background: url(/img/messager/puce5.jpg) no-repeat left center;
}
.messager div.sm-infos {
    background: #f7f7f7 !important;
}
.messager div.sm-bloc {
    border-color: #A4A4A4;
}
.messager .sm-aide h2 {
    margin-top: 1em;
    color: #0262dd;
}
.messager .sm-aide h3 {
    background: none;
    padding: 0;
    margin: 0.5em 0;
}
.messager #column_left p {
    margin-bottom: 0.5em;
}
.sm-mobile .homesimple {
    width: 300px;
    margin:5px;
    float:left;
    height: 350px;
}
.sm-mobile .homesimple img {
    position: absolute;
    bottom: 0.5em;
    left: 45px;
}
.sm-mobile .homesimple h3 {
    font-size:1.0em;
}
.sm-mobile h2 {
  padding:0.5em 0 0.3em 0.3em;
  font-height:18px;

}
.sm-mobile .homesimple ol {
    list-style: inside decimal;
}

/***********************************************
 * Choix de langue
 * *********************************************/
.l10n {
	width: 800px;
	margin: 0 auto;
}
.l10n#international {
	background: url(/img/i18n/l10n_back_world.jpg) no-repeat top center;
	padding-top: 80px;
}
.l10n h2 {
	font-size: 1em;
	height: 80px;
	margin-bottom: 40px;
	text-align: center;
}
.l10n h2 a {
	display: block;
	height: 100%;
	width: 20em;
	margin: 0 auto;
	text-indent: -70em;
	overflow: hidden;
}
.l10n ul.langs li {
	float: left;
	width: 20%;
	height: 3.2em;
	text-align: center;
}
.l10n ul.langs li h3 {
	font-size: 1em;
}
.l10n ul.langs li h3 a {
	padding: 0.5em;
	display: block;
	background: #fff url(/img/i18n/l10n_gradient.png) repeat-x bottom left;
	border: 1px solid #aaa;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	margin: 0.5em;
	opacity: 0.70;
	font-size: 1.1em;
	text-shadow: 3px 3px 5px #ccc;
}
.l10n ul.langs li h3 a:hover, .l10n ul.langs li.selected h3 a {
	border-color: #aaa;
	opacity: 1.0;
	background-image: url(/img/i18n/l10n_gradient2.png);
}
.l10n ul.langs li.selected h3 a {
	color: #000;
	text-decoration: none;
}
.l10n .locale-prefs {
	background: #fff url(/img/i18n/l10n_gradient.png) repeat-x bottom left;
	border: 1px solid #ccc;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	margin: 0.5em;
	padding: 1em;
	text-align: left;
}
.l10n .locale-prefs form {
	width: 50%;
	float: right;
}
.l10n .locale-prefs .welcome {
	float: left;
	width: 45%;
}
/* OLD à virer */
.l10n ul.locales li {
	float: left;
	width: 30%;
	margin: 0 0.5em 0.5em;
	padding: 0.7em 0.3em;
	border: 1px solid #ccc;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	background: #fff url(/img/i18n/l10n_gradient.png) repeat-x bottom left;
	opacity: 0.70;
	height: 4em;
}
.l10n ul.locales li h3 {
	font-size: 1.1em;
	text-shadow: 3px 3px 5px #ccc;
}
.l10n ul.locales li.preferred, .l10n ul.locales li.en_GB {
	border-color: #aaa;
	opacity: 1.0;
	background-image: url(/img/i18n/l10n_gradient2.png);
}
.l10n ul.locales li.preferred h3 {
	font-size: 1.2em;
}
.l10n ul.locales p {
	margin: 0.5em;
}

/******************************************
 * Declarations speciales pour IE
 * ***************************************/
*:first-child+html #online {
    margin-left: 5px !important;
    width: 134px;
    float: left;
}
*:first-child+html #recherche {
    margin-right: 5px;
}
*:first-child+html .home-skyrock #recherche {
    margin: 0;
}
*:first-child+html #skylogin ul {
    width: 200px;
}
*:first-child+html .home-skyrock #topvideo .mini-profil-video {
    margin-bottom: 0.75em;
}
*:first-child+html #online li {
    margin-bottom: 6px;
}
*:first-child+html p.historique {
    background: #fff;
}
*:first-child+html .skyrock-music #skylogin p.historique {
    background: #292929;
}
*:first-child+html #homebox p.historique {
    background: #f5e9d3;
}
*:first-child+html #joinchat p.historique {
    background: #d7d7d7;
}
*:first-child+html #scrolltapub {
    width: 413px;
}
*:first-child+html #scrolltapub p.historique {
    background: #e4e4e4;
}
* html #skylogin ul {
    width: 200px;
}
* html #homebox h2 em {
    background: none;
}
* html p.historique {
    background: #fff;
}
* html #online li {
    margin-bottom: 0.65em;
}
* html #recherche {
    width: 226px;
}
* html #blogsemaine {
    width: 536px;
}
* html #scrolltapub {
    width: 414px;
}
* html .skyrock-music #skylogin p.historique {
    background: #292929;
}
* html #homebox p.historique {
    background: #f5e9d3;
}
* html #joinchat p.historique {
    background: #d7d7d7;
}
* html #scrolltapub p.historique {
    background: #e4e4e4;
}