/*******************************************
 * http://skyrock.com
 * Cette CSS sera concaténé automatiquement 
 * au commit vers le trunk.
 * Ne pas l'éditer directement !!
 * *****************************************/
/* _common.css */

/**************************************************************
 * http://skyrock.com V4
 * gestion des éléments récurrents : 
      * header, footer, body, menus, logos, 
      * couleurs de liens, avatars, publicité, debug, 404
 **************************************************************
      * text default color : #2b343d
      * link default color : #0262dd
      * default font-family : "Arial", "Geneva", sans-serif;
      * default font-size: 12px; (1em)
 **************************************************************/

* {
    margin: 0;
    padding: 0;
}
body {
    text-align: center;
    font-family: "Arial", "Geneva", sans-serif;
    font-size: 12px;
    color: #2b343d;
    background-color: #fff;
    background-image: url(/img/common/skyrock-bg.png);
    background-repeat: repeat-x;
}
hr {
    display: none;
}
img {
    border: none;
}
code, pre {
    font-family: "Courier", monospace;
    font-size: 1em;
    font-style: normal;
}
small {
    font-size: 0.9em;
}
ul {
    list-style-type: none;
}
ol {
    list-style-type: decimal;
}
fieldset {
    border: 1px solid;
    padding: 0.3em;
}
input, label, select {
    vertical-align: middle;
}
input, textarea, select {
    font-size: 1em;
}
 textarea, select {
    background: #fff;
    color: #000; 
    border: 1px solid #ccc;
}
textarea {
    font-family: Arial, sans-serif;
    font-size: 1em;
    resize: vertical; /* pour l'affichage sous webkit */
}
h1 { font-size: 1.9em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }
a {
    color: #0262dd;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
.clear {
    clear: both;
    height: 0;
}
.clear_bloc{
    clear: both;
}
.center  {
    text-align: center;
}
.note {
    font-size: 0.9em;
    clear: both;
}
.even {
    background: #fff !important;
}
.odd {
    background: #eee !important;
}

/* FIXME: homogénéiser les étapes de chargement */
.loading { /* Ajax loader */
    background: #fff url(/img/loader/wait-horizontal.gif) 50% 100px no-repeat;
    display: block!important;
}
.loading h2, .loading p {
    text-align: center;
    font-size: 1em;
}

p.suite {
    text-align: right;
    clear: both;
    font-size: 0.9em;
    color: #0262dd;
}
p.suite a {
    text-decoration: underline;
}
p.suite a:hover {
    text-decoration: none;
}
/****************************************
 * Styles generiques des profils
 * **************************************/
.mini-profil {
    text-align: center;
}
.mini-profil img.avatar {
    width: 100px;
    height: 100px;
}
.mini-profil-50 img.avatar {
    width: 50px;
    height: 50px;
}
.mini-profil span.details {
    display: block;
}
.mini-profil-video .mini-profil {
    text-align: left !important;
}
.mini-profil p.infos, .mini-profil-50 p.infos {
    white-space: nowrap;
}
.mini-profil p.infos a, .mini-profil-50 p.infos a {
    display: inline-block;
    line-height: 15px;
    vertical-align: top;
}

/******************************************
 * Infobulles
 * ****************************************/
span.infobulle { 
    position: absolute;
    z-index: 90;
    visibility: hidden;
    margin-left: 1em;
    width: 15em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0.5em 1em 0.5em 1em;
    text-align: left !important;
}
span.infos{
    border: 1px solid #ddd;
    background: #f6f6f6;
    color: #999999;
    text-align: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0.5em 1em 0.5em 1em;
}
/*
    nécessaire pour le positionement de la dernière infobulle des fieldset de l'inscription 
*/
dd.last span.infobulle {
    bottom: 5px;
}
/****************************************************************************
 * Largeur de la page
****************************************************************************/
#global {
    margin: auto;
    position: relative; /* obligatoire pour les habillages de pub */
}

div.skyrock, div.skyrock-music {
    width: 982px;
}
#popup div.skyrock, #popup div.skyrock-music {
    width: 100%;
}
div.true_home, .true_home #pub_bottom {
    width: 732px;
}
#column_left {
    float: left;
    clear: left;
    width: 660px;
}
#column_right {
    float: right;
    clear: right;
    width: 300px;
}
/****************************************************************************
 * Header
****************************************************************************/
#header {
    width: 100%;
    text-align: left;
}
#header a {
    text-decoration: none;
}
#header_top, #header_right, #header_left {
    height: 28px;
}
#header_top {
    width: auto;
    background: url(/img/header/header_left.gif) no-repeat left bottom;
    color: #938f8a;
    font-size: 0.9em;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
* html #admskyrock #header_top {
    position: static;
}
#header_left {
    float: left;
    margin: 0 0 0 10px;
    position: absolute; /* IE */
}
#header_right {
    width: auto;
    background: url(/img/header/header_right.gif) no-repeat right bottom;
    color: #d09c37;
    text-align: right;
    overflow: hidden;
    margin-left: 5px; /* pour le bord arrondi gauche du menu */
}
#header_right p {
    text-align: right;
    padding: 6px 0.5em 0 0;
    white-space: nowrap;
}
*:first-child+html #header_right p {
    overflow: hidden;
}
* html #header_right p {
    padding: 0 0.2em 0 0;
    margin-top: 5px;
}
* html  .true_home #header_right p {
    width: 700px;
    overflow: hidden;
}
#header_right span {
    border-right: 1px solid #dc9d00;
    margin: 0 0 0 7px;
    overflow: hidden;
}
.true_home #header_right p span {
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    max-width: 200px;
}
#header_right span.noborder {
    border-right: 0;
}
#header_right span.logout, #header_right span.subscribe {
    border: none;
}
#header_right a {
    color: #dc9d00;
    padding-right: 7px;
    text-decoration: none;
}

#header_right ul {
    float: right;
    padding: 6px 0.5em 0 0;
}
#header_right li {
    border-right: 1px solid #dc9d00;
    margin: 0 0 0 7px;
    display: list-item;
    float: left;
}
.true_home #header_right li {
    overflow: hidden;
    white-space: nowrap;
    max-width: 200px;
}
#header_right li.noborder,  #header_right p span.noborder, span.flecheprofil, span.logout  {
    border-right: 0 !important;
}
span.flecheprofil {
    position: absolute;
    top: 5px;
    right: 3px;
}
.profilnav p {
    margin-right: 15px;
}
#header_right li.logout, #header_right li.subscribe {
    border: none;
}

/* on corrige les espacements pour eviter le debordement du menu */
#header_right a.unreadgifts {
    padding: 3px 0 3px 22px;
    background-position: 0 2px;
}
#header_right a.menumsgr {
    padding-right: 0;
}
#header_right a:hover {
    color: #ffc600;
}
#header_right a strong,
#header_right a.unread {
    color: #fff !important;
}
#header_right .logout a strong, #header_right .active a {
    color: #fff;
}
#header_right select {
    background: #242424;
    color:#fff;
    font-size: 0.8em;
    border: 1px solid #aca289;
}
ul#lang-choice-top {
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 99;
    font-size: 0.9em;
}
ul#lang-choice-top a {text-decoration: none;}
ul.lang-choice {
    padding-top: 6px;
}
ul.lang-choice, ul.lang-choice a {
    color: #999;
}
ul.lang-choice li {
    display: inline;
}
ul.lang-choice a {
	margin-right: 0.2em;
}
ul.lang-choice a:hover {
    color: #ccc;
}
ul.lang-choice .selected a {
    font-weight: bold;
    color: #fff;
}
#header_middle {
    clear: both;
    overflow: hidden;
    position: relative;
    height: 48px;
    margin-top: 5px;
}
*:first-child+html #header_middle {
    height: 50px;
}
/****************************************************************************
 * Header perso des profils
 ****************************************************************************/
#header_display, #header_hide {
    height: 10px;
    width: 9px;
    padding: 2px 3px !important;
    display: block;
    float: left;
    border: 1px solid #666;
}
#header_display:hover, #header_hide:hover {
    border: 1px solid #fff;
}
#header_hide span, #header_display span {
    display: none;
}
#header_hide {
    background: url(/img/icons/masquer.png) no-repeat center center;
}
#header_display {
    background: url(/img/icons/afficher.png) no-repeat center center;
}
#header_perso {
    clear: both;
    height: 95px; /* besoin de la meme hauteur que la megabanner + margin-top de celle-ci */
    overflow: hidden;
    margin: 0 20px 5px;
    padding-top: -5px;
    background: #fff url(/img/profils/shadow_header_perso.jpg) left  top repeat-x;
    opacity : 0.85;
    filter: alpha(opacity=85);
    color: #000;
    text-align: center;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top: none;
}
#header_perso a:hover {
    text-decoration: underline;
}
#header_perso .new {
    font-weight: bold;
}
#me {
    width: 340px;
    float: left;
}
#header_perso #me a {
    color: #000;
}
#me #myavatar {
    margin: 12px 0 0 10px;
    float: left;
}
#me #myavatar p {
    margin: 2px 0;
}
#me ul {
    list-style-position: inside;
    text-align: left;
    float: right;
    margin: 10px 10px 0 0;
    line-height: 1.5em;
}
#me p.infos {
    display: none;
}
#me a {
    text-decoration: none;
}
#me a:hover {
    text-decoration: underline;
}
#visits, #them {
    width: 270px;
    float: left;
    background: url(/img/common/divide_vertical.png) top left no-repeat;
    padding-top: 3px;
}
#header_perso ul.avatar-list {
    margin-top: 4px;
    list-style-type: none;
    text-align: center;
    width: 100%;
    line-height: 1em;
    overflow: hidden;
}
#header_perso ul.avatar-list li {
    float: left;
    width: 90px;
    overflow: hidden; 
    width: 80px; 
    margin-right: 5px;
}
#header_perso span.suite {
    margin-left: 10px;
}
#header_perso img.avatar {
    width: 50px;
	height: 50px;
}
/****************************************************************************
 * Logos
 ****************************************************************************/
#logo_front {
    width: 178px;
    height: 48px;
    z-index: 21;
    margin-left: 15px;
}
.skyrock #logo_front {
    background: url(/img/logos/logo-skyrock.png) no-repeat top left;
}
.skyrock-music #logo_front {
    width: 271px;
    height: 48px;
    background: url(/img/logos/logo-skyrock_music.png) no-repeat top left;
}
#logo_front a {
    display: block;
    width: 200px;
    height: 48px;
}
* html .skyrock #logo_front {
    margin: 0 0 -40px 20px;
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.v41.skyrock.net/img/logos/logo-skyrock.png',sizingMethod='crop');
}
*:first-child+html #logo_front {
    float: left;
}
* html .skyrock-music #logo_front {
    margin: 0 0 -40px 20px;
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.v41.skyrock.net/img/logos/logo-skyrock_music.png',sizingMethod='crop');
}
#logo_front span {
    display: none;
}
/***********************************
 * LOGOS small
 ***********************************/
#logo, #logo a {
    width: 110px;
    height: 28px;
    display: block;
    color: #ccc;
}
#popup #logo {
    width: 100%;
}
#logo a:hover {
    text-decoration: none;
}
.skyrock-music #logo {
    width:186px;
}
#logo span {
    position: absolute;
    left: 115px;
    top: 10px;
    text-decoration: underline;
}
.skyrock-music #logo span {
    left: 190px;
}
.skyrock #logo { background: url(/img/logos/logo_bandeau-skyrock.gif) no-repeat left top; }
.skyrock-music #logo { background: url(/img/logos/logo_bandeau-skyrock_music.jpg) no-repeat top left; }
/***********************************
 * H1 titles pour les homes
 ***********************************/
 h1#title-page {
    display: none;
 }
/*********************************************
 * Menu principal
 * *******************************************/
#menu {
   	clear: both;
	position: relative;
	z-index: 100;
	
	background:transparent url(/img/header/menu_right.png?20091105) no-repeat scroll right bottom;
	color: #e9e5db;
}
#menu,
#menu ul {
	text-align: center;
}
#admskyrock #menu {
	margin-top: 10px;
}
#menu ul {
	list-style-type:none;
	background: url(/img/header/menu_left.png?20091105) no-repeat scroll left bottom;
	margin: 0 auto;
	height: 34px;
}
#menu ul li, 
#menu ul li a, 
#menu ul li h2 {
	display: inline-block;
	vertical-align: top;
}
* html body #menu ul li, 
* html body #menu ul li a, 
* html body #menu ul li h2 {
	display: inline;
}
*:first-child+html #menu ul li,
*:first-child+html #menu ul li a,
*:first-child+html #menu ul li h2 {
	display: inline;
}
#menu ul li {
	margin: 6px 8px 0;
}
#menu ul li a,
#menu ul li h2 {
    padding: 4px 0 10px 5px; 
	text-decoration:none;
}
#menu ul li h2 {
    font-size: 1em;
}
#menu ul li a {
	color: #e9e5db;
	font-weight: bold;
	margin-right: 5px; 
}
#menu ul li a:hover {
	color: #fff;
}

/* Onglet actif */
#menu ul li.active,
#menu ul li.active a {
	color: #000 !important;
}
#menu ul li.active {
	background: transparent url(/img/header/bouton-menu-dte-blanc.png?20091105) right 0 no-repeat;
}
#menu ul li.active a,
#menu ul li.active h2 {
	background: transparent url(/img/header/bouton-menu-gche-blanc.png?20091105) 0 0 no-repeat;
}
#menu li#menu-poker { /* temporaire */
	margin-left: 65px;
}
#menu ul li h2,
#menu .submenu_container {
    float: left;
    display: block;
}

/* Lien qui affiche le sous menu */
#menu ul li h2,
#menu .submenu_container a { 
    margin-right: 0;
    padding-right: 5px;
}
#menu .submenu_container .submenu_link {
    position: relative;
    z-index: 2;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius-top-right: 5px;  
}
#menu .active .submenu_container .submenu_link { 
	background: #BEB095;
}
.submenu_pictoPlus {
    line-height: 1em;
}

/* sous menu actif */
#menu li div.active .submenu_link,
#menu .submenu { 
	background: #777070!important;
	border-color: #777070;
}
#menu ul div.active a {
	color: #e9e5db!important;
}
#menu ul div.active .active a,
#menu ul div.active a:hover {
	color: #fff!important;
	background: #666060;
}

/* Sous menu onglets */
#menu li .submenu {
    display: none;
    
    position: absolute;
    top: 27px;
    right: -10px;
    z-index: 1;
    
    overflow: hidden;
    text-align: left;
    
    height: auto;
    min-width: 100px;
    width: auto;
    
    border-style: solid;
    border-width: 1px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-radius-top-right: 5px;
    -webkit-border-radius-bottom-left: 5px;
    -webkit-border-radius-bottom-right: 5px;
}
* html body #menu li .submenu {
    width: 100px;
}
*:first-child+html #menu li .submenu {
    width: 100px;
}
#menu ul li .submenu li,
#menu ul li .submenu li a {
    display: block;
    height: auto;
}
#menu li .submenu li {
    white-space: nowrap;
    margin: 0;
    width: 100%;
}
#menu div.active .submenu {
    display: block;
}
#menu ul .submenu a,
#menu ul .active .submenu a {
    background: none;
}
#menu ul .submenu a {
    padding: 5px 10px;
}

#menu ul .link_onglet {
    position: relative;
}

#submenu {
    clear: left;
    margin: 0 6px 10px 6px;
    padding-bottom: 3px;
    position: relative;
}
.submenu-empty {
    display: block;
    height: 6px;
}
.submenu, .submenu-empty {
    background: transparent url(/img/header/submenu_bottom-blanc.png) no-repeat scroll left bottom;
}

/* onglet + */
/* Autre design: le texte 'plus' est stylé différement */
/*
#link_plus2rubrik .submenu_link {
    padding-bottom: 10px;
    font-size: 0.9em;
}
#link_plus2rubrik .submenu_container a {
    font-weight: normal;
    color: #000;
}
*/
/* Autre design: le texte 'plus' est masqué lorsque l'onglet est sélectionné */
/*
#link_plus2rubrik2.active .submenu_linkLibelle {
    display: none;
}
*/

/* Au cas où on voudrait caler cet onglet à droite */
/*
#link_plus2rubrik {
    position: absolute;
    top: 0;
    right: 0;
}
*/


/********************************
 * Page 404
 * *****************************/
.p404 {
    text-align: center;
}
.p404 h1 {
    display: block;
    padding: 5px;
    margin-bottom: 20px;
    font-size: 1.8em;
    letter-spacing: -1px;
    background: #ffeae7 url(/img/errors/404.gif) 20px 5px no-repeat;
    border: 1px solid #fe0000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.p404 h1, .p404 ul {
    margin: 10px 5px 10px 5px;
}
.p404 ul {
    padding: 10px;
    text-align: left;
    list-style: disc;
    list-style-position: inside;
    color: #015AA5;
    background: #d9e7f0;
    border: 1px solid #b5d2e0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.p404 ul a {
    font-weight: bold;
}
/****************************************************************************
 * Classes génériques : Boutons
 ****************************************************************************/
div.submit, p.submit {
	clear: left;
	text-align: right;
	margin: 5px 0;
}
*:first-child+html p.submit {
	margin: 5px 0 10px;
}
/* admin, front */
.submit input, input.submit, a.submit { 
    cursor: pointer;
    vertical-align: middle;
    font-weight: bold;
    text-align: center;
    color: #0262dd;
    background-color: #fff;
    border: 1px solid;
    border-color: #bbbcbf;
    border-top-color: #dcdde0;
    border-left-color: #dcdde0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none !important;
}
* html .submit input,
* html .submit input,
* html input.submit {
    /* hack contre les boutons trop larges */
    width: auto; 
    overflow: visible;
}
*:first-child+html .submit input,
*:first-child+html input.submit {
    font-size: 0.95em;
}
.submit input:hover, input.submit:hover, a.submit:hover { 
    color: #000;
    background-color: #f7f7f7;
    border-color: #bbbcbf;
}

/****************************************************************************
 * Recherche
 ****************************************************************************/
#search_form {
    position: absolute;
    right: 0;
    top: 3px;
    margin-right: 5px;
}
#search_form select, #search_submit {
    margin-right: 2px;
    border: 1px solid #aca289;
    display: inline;
    vertical-align: middle;
    font-size: 0.9em;
}
.quicksearchbox {
    font-size: 0.9em;
    padding: 2px;
    padding-left: 25px;
    background: #fff url(/img/recherche/loupe.png) 5px center no-repeat;
    border: 1px solid #aca289;
    width: 100px;
}
#quicksearchbox {
    width: 145px;
    margin-right: 2px;
    display: inline;
    vertical-align: middle;
}
#search_form select {
    width: 100px;
    background: #fff;
}
#search_submit {
    padding: 0 2px;
    width: 80px;
    background: #000;
    color: #fff;
    border-color: #999;
    font-weight: bold;
    cursor: pointer;
}
#search_submit:hover {
    color: #ddd;
}
img.poweredBy {
    width: 47px;
    height: 25px;
    margin-left: 5px;
    margin-top: 2px;
    vertical-align: middle;
    background: url(/img/recherche/google.png) left top no-repeat;
}
* html img.poweredBy {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.v41.skyrock.net/img/recherche/google.png',sizingMethod='crop');
}
/****************************************************************************
 * Footer
 ****************************************************************************/
#footer {
    clear: both;
    background: #dfdfdf url(/img/common/degrade_footer_sm.png) left bottom repeat-x;
    border: #bbb solid;
    border-width: 1px 1px 0px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    text-align: right;
    height: 62px;
    position: relative;
}
* html #footer  {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.v41.skyrock.net/img/common/degrade_footer_sm.png',sizingMethod='crop');
}
#footer img.logo-footer {
    position: absolute;
    left: 10px;
    top: 10px;
}
.sm-is-enabled #footer {
       padding-bottom: 25px;
}
#footer li {
	display: inline;
}

#footer .locale-prefs {
	font-size: 0.9em;
	padding: 0.4em;
}
#footer .locale-prefs h4 {
	background: url(/img/icons/web.png) no-repeat top right;
	padding: 0.2em 2em 0.2em 0;
	display: inline;
	color: #666;
}
#footer .locale-prefs p {
	margin-right: 0.5em;
	display: inline;
}

#footer .lang-choice, #infos_bottom, #footer_links {
	margin-right: 8px;
	margin-bottom: 0.2em;
}
#footer .lang-choice, #infos_bottom {
	font-size: 0.9em;
}
#footer .lang-choice, #footer .lang-choice li a, #footer_links, #footer_links a {
	color: #333;
}
#footer .lang-choice li a, #footer_links a {
	text-decoration: none;
}
#footer .lang-choice li a:hover, #footer_links a:hover {
	text-decoration: underline;
}
#footer .lang-choice li.selected a, #footer_links {
	font-weight: bold;
}
#footer-lang-choice { /* FIXME */
    margin-top: 3px;
}
#infos_bottom {
    color: #0063dc;
}
#infos_bottom a.footer-vif {
    color: red;
    font-weight: bold;
}
#footer_links {
    padding-bottom: 5px;
}
/******************************************
 * Messages d'erreur
 * ***************************************/
.alert, .confirmation, .error, .news, .ghost {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0.5em 1em 0.5em 1em;
    text-align: center;
}
.news {
    background: #ecebff;
    color: #6950e4;
    border: 1px solid #b8b6e0;
}
.confirmation {
    background: #c4ffad;
    color: #178701;
    border: 1px solid #75de82;
}
.alert {
    background: #ffffcb;
    color: #9b7601;
    border: 1px solid #fec30d;
}
.error {
    background: #ffeae7;
    color: #fe0000;
    border: 1px solid #fe0000;
}
.confirmation a, .alert a, .error a {
    text-decoration: underline;
}
.confirmation a {
    color: #178701 !important;
}
.alert a {
    color: #9b7601 !important;
}
.error a {
    color: #fe0000 !important;
}
p.confirmation, p.alert, p.error,
div.confirmation, div.alert, div.error {
    margin-bottom: 10px;
    display: block;
    position: relative; /* IE6 */
}
div.confirmation, div.alert, div.error {
    clear: both;
}
.alert p, .confirmation p, .error p {
    margin-bottom: 0.5em;
}
ul.alert, ul.confirmation, ul.error {
    padding: 0.5em;
    list-style-type: square;
    list-style-position: inside;
}
#column_right .confirmation, #column_right .alert, #column_right .error, #column_right .news {
	text-align: left;
}
/******************************************
 * Elements génériques
 * ***************************************/
.pagination {
    display: block;
    clear: both;
    text-align: center;
    margin: 1em 0;
}
.pagination li {
    display: inline;
    font-weight: bold;
    margin-right: 0.5em;
}
.pagination li.prev, .pagination li.next {
    font-weight: normal;
}
.pagination li.current {
    font-size: 1.4em;
}
.pagination li.current, .pagination li.current a, .pagination a:hover {
    color: #000;
}
.pagination a {
    text-decoration: none;
}
.pagination a:hover {
    text-decoration: underline;
}
.pagination select {
    vertical-align: middle;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 0.9em;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.floatleft {
    float: left!important;
}
.floatright {
    float: right!important;
}
img.floatleft {
    margin-right: 5px;
}
img.floatright {
    margin-left: 5px;
}
/****************************************************************************
 * Publicité
 ****************************************************************************/
.pub180, .pub300, .pub300x45 {
    margin-bottom: 5px;
    overflow: hidden;
}
.pub180 {
    width: 180px;
}
.pub300, .pub300x45 {
    width: 300px;
}
.pub180 .adscreen {
    height: 150px;
}
.pub300 .adscreen {
    height: 250px;
}
.pub300x45 .adscreen {
    height: 45px;
}

.adscreen {
    margin: 0;
}
p.adslogan {
    display: block;
    padding: 0.1em 1em 0.1em 0;
    text-align: right;
    font-size: 0.8em;
    color: #7a909d;
    background: #d9e7f0;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
.petit_pave {
    background: url(/img/homes/fd_petit_pave-pub.png) top center no-repeat;
    text-align: center;
    width: 238px;
    height: 164px;
}
.petit_pave .adscreen, .petit_pave p.adslogan {
    margin: auto;
}
.petit_pave p.adslogan {
    width: 170px;
    margin-top: 0; /* IE6 */
} 
#habillage_haut, #pub_up, #pub_up_habillage {
    height: 90px;
    margin: 2px auto 5px;
    text-align: center;
    width: 728px;
}
#pub_up, #pub_up_habillage {
    margin: 5px auto;
}
#habillage_gauche, #habillage_droite {
    height: 600px;
    width: 120px;
    top: 30px;
    position: absolute;
    display: block;
    z-index: 99;
}
#habillage_gauche {
    left: -120px;
}
#habillage_droite {
    right: -120px;
}
#habillage_haut, #habillage_gauche, #habillage_droite, #pub_up_habillage, #pub_up_giga_banner {
    display: none;
}
#pub_up_giga_banner {
    text-align: center;
    margin: 2px auto 0px;
    max-height: 200px;
    overflow: hidden;
    margin-bottom: 5px;
}
/*************************************************
 * Debug
 *************************************************/
#chat-popup .skyrock {
    width: auto !important;
}
/*************************************************
 * Debug
 *************************************************/
#debug {
    position: absolute;
    top: 65px;
    right: 0;
    padding: 5px;
    width: 100px;
    height: auto;
    border: 2px solid #8F7453;
    background: #FFDDB1;
    color: #231900;
    overflow: hidden;
    z-index: 10000;
    text-align: left !important;
    font-family: sans-serif !important;
    font-size: 10px !important;
    /* MERCI DE NE PAS DESACTIVER LE DEBUG */
}
#innerdebug {
    width: 100%;
    overflow: auto;
    display: none;
}
#debug h3 {
    margin: 0;
    padding: 0;
}
#debug li {
    margin: 0;
}
#debug_handle {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #8F7453;
    display: block;
    font-weight: bold;
    font-size: 150%;
    text-decoration: none;
    padding: 0 0.3em;
    background: #8F7453;
}
#debug_handle a:hover {
    background-color: orange;
}
p.debug_svn_links {
	padding: 0.3em;
}
p.debug_svn_links a {
	color: darkblue;
	text-decoration: underline !important;
}

/******************************
 * Autocompletion 
 * ****************************/
.suggestions {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    font-size: 0.9em;
    z-index: 10000;
    text-align:left;
    visibility: visible;
    width: 174px;
    display: none;
}
.suggestions li, .suggestions div {
    padding: 0.3em;
}
* html .suggestions li, * html .suggestions div {
    padding: 0 3px;
}
.suggestions .current {
    cursor: pointer;
}
.suggestions a {
    text-decoration: none;
    display: block;
}
.suggestions .friend {
    overflow: hidden;
    padding: 5px;
    height: 50px;
}
.suggestions .friend img.avatar {
    margin-bottom: 0;
    float: left;
    margin-right: 10px;
    width: 50px;
    height: 50px;
}
#suggestion-header span.age, .suggestions span.search-bloc {
    display: block;
}
#suggestion-header span.search-hidden {
    display: none;
}
#suggestion-pseudo .suggestions .friend {
    height: 33px;
}
#suggestion-pseudo img.avatar {
    width: 25px;
    height: 25px;
}
/******* couleurs autocompletion *******/
.suggestions {
    border: 1px solid #ACA289;
    background-color: #fff;
    color: #2B343D;
}
.suggestions .current {
    background-color: #E4D7C4;
}
.suggestions .current a {
    color: #2B343D !important;
}
.suggestions .friend {
    border-bottom: 1px dotted #ACA289;
}
#blog .suggestions {
    background: #000;
}
#blog .suggestions a {
    color: #fff;
}
#admskyrock .suggestions {
    background: #fff;
    border-color: #DDDCE1;
}
#admskyrock .suggestions .current {
    background-color: #C5E6F9;
}
#admskyrock .suggestions .friend {
    border-color: #DDDCE1;
}

/*******  Notation *******/
.stars {
    overflow: hidden;
}
.stars .starElement {
    display:inline-block;
    width: 16px;
    height: 16px;
}
.stars .starElement a {
    display:inline-block;
    width: 16px;
    height: 16px;
    background: url(/img/etoile_vide.png) 50% no-repeat;
}
* html .stars .starElement {
    display:inline;
}
*:first-child+html .stars .starElement {
    display:inline;
}

.audioPlayer .stars .starElement a:hover,
.stars .starElement a.selected {
    background: url(/img/etoile_pleine.png) 50% no-repeat;
}
/******************************
 * Bloc défis
 * ****************************/
#liste_defis {
    clear: both; /* IE6 */
}
#liste_defis li {
    position: relative;
    margin: 5px 0;
    height: 110px;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #b5d2e2;
    text-align: center;
}
.skynauteg, .skynauted {
    overflow: visible;
    width: 30%;
}
.skynauteg {
    float: left;
}
.skynauted {
    float: right;
}
.skynauteg a, .skynauted a {
    margin-top: 5px;
}
.skynauteg .mini-profil-50, .skynauted .mini-profil-50 {
    margin: 5px auto;
}
* html .skynauteg {
    overflow: hidden;
}
* html .skynauted {
    overflow: hidden;
}
.skynauteg .submit, .skynauted .submit {
    text-align: center !important;
}

#liste_defis .score, #liste_defis .timeleft {
    margin: 15px auto 0;
    font-weight: bold;
}
#liste_defis .votealert, .popupdefis {
    position: absolute;
    left: 10%;
    top: 60%;
    width: 80%;
    z-index: 60;
    padding: 0.3em;
    font-size: 0.85em;
}
#liste_defis .score {
    display: block;
    position: absolute;
    top: 0;
    left: 35%;
    width: 30%;
    z-index: 30;
    font-size: 1.2em;
    background: url(/img/profils/versus.png) top center no-repeat;
    height: 53px;
    padding-top: 33px;
}
#admskyrock #liste_defis {
    background: none !important;
}
#liste_defis .timeleft {
    background: #f6f6f6;
    border: 1px solid #e3e3e3;
    position: absolute;
    top: 60px;
    left: 35%;
    width: 30%;
    font-size: 0.85em;
    z-index: 40;
    white-space: nowrap;
}
#liste_defis .timeleft strong {
    color: #959595;
    font-weight: normal;
}

/******************************************
 * gifts front
 * ***************************************/
 
 /* FIXME ICON */ 
.icoflechehaut {
	background-image: url(/img/icons/icoflechehaut.png);
}
.catalogue_content {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	overflow: hidden;
	margin: auto;
	width: 500px;
	float: left;
	border: 1px solid #dddce1;
	padding: 5px 0px;
    height: 575px;
}

.catalogue_content li {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #fff;
    display:inline;
    float: left;
    width: 102px;
    margin: 5px 10px;
    height: 102px;
    text-align: center;
    overflow: hidden;
}

.catalogue_content li a img {
    height: 50px;
	margin: 7px 0;
} 
.catalogue_content li a:hover img {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 100px;
    height: 100px;
	margin: 0;
	border: 1px solid #EEE
} 
* html .catalogue_content li a:hover {/* hack IE6 pour le hover */
    width: 100px;
    height: 100px;
    margin: 0;
}
.catalogue_content li small {
    color: #999;
}

/* Style liste catégories */
.catalogue_categories {
    float: left;
    width: 143px;
    text-align: right;
    padding-top: 10px;
}
.catalogue_categories li {
    float: right;
    display: block;
    width: 131px;
    height: 27px;
    padding: 0px;
    margin: 0px;
}
.catalogue_categories li a {
    float: right;
    height: 25px;
    line-height: 25px;
    padding-right: 5px;
}
.catalogue_categories li.active {
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-bottom-left-radius: 5px;    
    -webkit-border-top-left-radius: 5px;    
    width: auto;
    padding-left: 5px !important;
    background-color: #FFF !important;
    border-color: #DDDCE1;
    border-style: solid;
    border-width: 1px 0px 1px 1px !important;
    font-weight : bold;
}
.catalogue_categories li.active a{
    text-decoration: none;
    color: #000;
}

/******************************************
 * Home blog
 * ***************************************/

/* Pavé de pub */
.groups_pub {
    width: 427px;
    height: 83px;
    background: transparent url(/img/groups/pub_groupes.png) left center no-repeat;
    margin-bottom: 5px;
}
.groups_pub h3 {
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    padding-top: 5px;
}
.groups_pub span {
    font-size: 14px;
    font-weight: bold;
}
.groups_pub p {
    color: #FFF;
    padding-top: 5px;
}
.groups_pub h3, .groups_pub span, .groups_pub p {
    padding-left: 130px;
}

/* end of _common.css */

/* _actions.css */

/*******************************************
 * http://skyrock.com
 * icônes, boutons et picto
 * *****************************************/


/*******************************************************
 **                 ICONES                          **
*******************************************************/
img.flag { 
    margin-right: 0.3em; 
    vertical-align: middle;
}

/*************************************
 *   BOUTONS
 * certains styles de boutons sont hérités de common.css
*************************************/

p.submit, div.submit {
	text-align: right;
	clear: both;
	padding-top: 0.5em;
}

/* class bouton recette vite faite pour bouton personnalisé  */
.bouton, .redbouton, .greenbouton, .btndisabled {
    cursor: pointer;
    vertical-align: middle;
    font-weight: bold;
    text-align: center;
    background-color: #fff;
    border: 1px solid #bbbcbf;
    color: #0262dd;
    border-top-color: #dcdde0;
    border-left-color: #dcdde0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none;
    margin: 2px;
    padding: 3px 5px;
    display: inline-block;
    overflow: visible;
    white-space: nowrap;
}
.bouton {
    color: #0262dd !important; /* on force les couleurs des boutons pour les habillages persos */
}
.greenbouton, .submit a.validate, .submit input.validate, .submit .validate a, .submit .validate input {
    color: #1eb400  !important;
}
a.redbouton, .redbouton a, input.redbouton, .redbouton input  {
    color: #ff0000 !important;
}

li.change, span.change, a.change {
	color: #0063dc;
} 
.bouton input:hover, input.bouton:hover, .bouton a:hover, a.bouton:hover {
	background-color: #f7f7f7;
	color: #000;
    text-decoration: none;
}
.greenbouton input:hover, input.greenbouton:hover, .greenbouton a:hover, a.greenbouton:hover,
.validate input:hover, input.validate:hover, .validate a:hover, a.validate:hover {
	background-color: #c4ffad;
	color: #000;
	border-color: #75de82;
    text-decoration: none;
}
.redbouton input:hover, input.redbouton:hover, .redbouton a:hover, a.redbouton:hover {
	background-color: #f7f7f7;
	color: #000;
    text-decoration: none;
}

/* icones communes : */ .stats, .config, .mobiles, .habillage, .skyico, .encoche, .icopayant, .add-item, .addnote, 
/* blog */ .member, .memberedit, .grpowner, .memberadm, .viewblog, .viewblogmusic, .group_view, .memberdwn, .memberup, .memberoff,
.icoalert, .blogfav, .addtofavorite, .blogfans, .moody, .edit, .downld,
/* son, image et videos */ .listenvocmsg, .msgvocal, .blogmp3, .createalbum, .diapos, .sendvideo, .vocal, .addmusic, .lyrics, .addpicture,
/* article & coms */ .listarticle, .listarticleoff, .newmsg, .commentview, .commentadd, .newcoms,
/* messagerie */ .msglist, .archivemsg, .unreadmsg, .writemsg, .invitations, .messages, .gifts, .unreadgifts,
/* profil */ .viewprofil, .profil_plus, .defis, .defiencours, .palmares, .relationship, .couple, .profil,
/* amis */ .friends, .addtofriend, .addtoban, .grabber, .chat,
/* autres */ .overview, .msgconfig,  .makemain, .addItem, .checkAll, .privacy
{
    background-repeat: no-repeat;
    background-position: 3px 3px;
    padding: 3px 3px 3px 23px;
}

/* FIXME: dans le player, le bouton existe avec seulement l'icône, le texte est mis dans le title */
.trackMenu a.downld, .trackMenu a.addmusic {
    display: block;
    width: 16px;
    height: 16px;
    padding-left: 3px;
}
.offlist a.blog {
    background: url(/img/icons/blog.png) right top no-repeat;
    padding-right: 18px;
}
.offlist a.profil {
    background: url(/img/icons/profil.png) right top no-repeat;
    padding-right: 18px;
}
.offlist a.groupe {
    background: url(/img/icons/groupe.png) right top no-repeat;
    padding-right: 18px;
}
.skystar {
    background-repeat: no-repeat;
    background-position: center left;
    padding: 3px 3px 3px 13px;
}
.announceblog {
   background-repeat: no-repeat;
   background-position: 2px center;
   padding: 3px 3px 3px 26px;
}
.votedefeat, .votevictory, .votefor, .voteagainst, .votenul, .votepoints, .cybercop {
    background-repeat: no-repeat;
    background-position: 2px center;
    padding: 3px 3px 3px 20px;
}
/* Puces */
 .minicybercop {
     background-repeat: no-repeat;
    background-position: 2px center;
    padding: 3px 3px 3px 18px;
 }
/* Recherche */
.icoaudio, .icoimage, .icovideo, .icomusic, .icofficiel, .icowidget {
    background-repeat: no-repeat;
    background-position: 1px 2px;
    padding: 2px 2px 2px 20px;
}
.icorecherche {
    padding-left: 20px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(/img/icons/loupe.png);
}
/* Astro */
.astro, .astro_1, .astro_2, .astro_3, .astro_4, .astro_5, .astro_6, .astro_7, .astro_8, .astro_9, .astro_10, .astro_11, .astro_12 {
       background-repeat: no-repeat;
       background-position: top left;
       padding-left: 20px;
}
/* Poker */
a.coupe, a.profils_liste {
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 20px;
}

/* icoboutons */
.validate, .cancel, .add, .play, .preview, .write, .edit, .delete, .blacklist, .dellist, .archive, .reply, .reply-msg, .play-video-input, .play, .addtofriends, .archive, .reply-vocal, .deletemp3, .ecrire, .resend, .change, .change_lang, .intlink, .disable {
    background-repeat: no-repeat;
    background-position: 4px center;
    padding: 3px 3px 3px 25px;
}
.msgsubject {
    background-repeat: no-repeat;
    background-position: center left;
    padding: 0.2em 0 0.2em 10px;
}
.delete {
	padding-left: 21px;
	background-repeat: no-repeat;
	background-position: top left;
} 

.delete a {
	color: #e93437;
}

.btndisabled, a.btndisabled, .btndisabled a, a.btndisable:hover,
.btndisabled a:hover, .listarticleoff a, a.listarticleoff, .listarticleoff,
.disable,
.disable a, a.disable {
    color: #666;
} 
a.btndisable:hover, .btndisabled a:hover {
    border-color: #666;
} 
.payant {
    background-repeat: no-repeat;
    background-position: top right;
    padding:  2px 20px 2px 2px !important;
    display: inline
 }
.required {
    background-repeat: no-repeat;
    background-position: top right;
    padding-right: 8px;
}

.rss {
    background-repeat: no-repeat;
    background-position: center center;
    width: 46px;
    height: 16px;
    display: block;
    cursor: pointer;
}
/* etoiles bleues étapes */
.star01, .star02, .star03 {
    margin: 0 0 0 5px !important;
    z-index: 2;
    position: relative;
    background-position: left bottom;
    background-repeat: no-repeat;
    padding: 10px 0 10px;
    padding-left: 33px;
    display: block;
}
/* boys & girls */
.boy, a.boy, .boy a, .girl, a.girl .girl a, .xonline .boy, .xonline .girl {
    background-repeat: no-repeat;
    background-position: 2px 2px;
}
.boy, a.boy, .girl, a.girl .girl a {
    padding-left: 12px;
    zoom: 1; /* fix IE */
}
.girlandboy, .girlandboy-online {
    padding-left: 20px;
    background-position: left center;
    background-repeat: no-repeat
}
.boy, a.boy, .boy a {
    color: #0262dd !important;
}
.girl, a.girl .girl a {
    color: #fd00d9 !important;
}
.girlandboy-online {
    color: #11e90c;
    font-weight: bold;
}
a.girl, a.boy {
    text-decoration: none;
}
a.girl:hover, a.boy:hover {
    text-decoration: underline;
}
.xonline img.avatar, .xonline img.snapshot {
    border: 1px solid #11e90c !important;
}
/* exception cybercop */
#cybercop a {
    padding: 4px 0 4px 20px;
    background-position: center left;
    background-repeat: no-repeat;
    background-image: url(/img/icons/signalize.png);
	text-decoration: none;
}
/* couleurs des textes de .classIcone a / a.classIcone */
.cancel a, a.cancel, a.suppr, .suppr a, a.blacklist, .blacklist a  {
    color: #ff0000;
}
.newcoms a, a.newcoms, .unreadmsg a, a.unreadmsg, a.unreadgifts, .unreadgifts a, a.unread, .unread a, .unread {
    color: #ef3e00;
}
/* span.classIcone en display none */
.rss span, .play span, .blogmp3 span, .memberedit span,  .cancel span {
    display: none;
}

/* BOUTONS CONNEXION*/
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;
}

/* BOUTONS PAIMENTS*/

.btn_ftp {
    height: 28px;
    display: block;
    text-align: center;
    background: #ce9608;
    color: black;
    font-size: 15px;
    text-decoration: none;
    border: 1px solid #a55921;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-top: 10px;
    font-weight: bold;
}
a.btn_ftp:hover {
    background: #cec673;
}
/* on laisse ces exceptions en attendant de retrouver ou elles sont utilisées dans le site */
.inline-play, .addremovebutton {
	vertical-align: middle;
    display: block;
    cursor: pointer;
}
.inline-play {
	margin: 5px auto 10px;
	height: 22px;
	width: 34px;
    background-position: top left;
    background-repeat: no-repeat;
}
.inline-play span {
	display: none;
}

a.reply, a.reply-vocal {
	padding: 7px 5px 7px 25px;
    text-align:left !important;
}
a.ecrire, a.resend {
	background: #fcfcfc 
	border: 1px solid #dcdde0;
	border-right: 1px solid #bbbcbf;
	border-bottom: 1px solid #bbbcbf;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: block;
	/*color: #1eb400;*/
}
a.ecrire:hover, a.resend:hover {
	border-top: 1px solid #bbbcbf;
	border-left: 1px solid #bbbcbf;
}
/*************************************
 *   BOUTONS PLAYER  MUSIC
*************************************/
#menuPlayer li a, a#buttonSound, .titleMenu, #buttonRepeat a, #buttonShuffle a, .playmusic, #buttonPlay a, #buttonPause a {
    background-image: url(/img/blog/playerMusic_buttons.png?v20090708);
    background-repeat: none;
}
.volume a#buttonSound, #buttonRepeat a, #buttonShuffle a {
    width: 32px;
    height: 35px;
    border: 0 none;
}
#buttonPrevious a, #buttonNext a {
    width: 34px;
    height: 35px;
}
#buttonPlay a, #buttonPause a {
    width: 51px;
    height: 53px;
    display: block;
}
#buttonPlay a span, #buttonPause a span {
    display: none;
}
/* Positionnement */
#buttonPrevious a {
    background-position: -101px 0px;
}
#buttonPrevious a:hover {
    background-position: -101px -52px;
}
#buttonPrevious.disabled a {
    background-position: -101px -104px;
}
#buttonPause a {
    background-position: 0 1px;
}
#buttonPause a:hover {
    background-position: 0 -51px;
}
#buttonPlay a {
    background-position: -51px 1px;
}
#buttonPlay a:hover {
    background-position: -51px -51px;
}
#buttonStop a, #buttonStop a:hover {
    background-position: -20px 0;
}
#buttonNext a {
    background-position: -135px 0px;
}
#buttonNext a:hover {
    background-position: -135px -52px;
}
#buttonNext.disabled a {
    background-position: -135px -104px;
}
#buttonRepeat a {
    background-position: -238px 0px;
}
#buttonRepeat a:hover, #buttonRepeat.disabled a:hover {
    background-position: -238px -209px;
}
#buttonRepeat.disabled a {
    background-position: -238px -104px;
}
#buttonShuffle a {
    background-position: -205px 0px;
}
#buttonShuffle a {
    background-position: -205px 0px;
}
#buttonShuffle.disabled a {
    background-position: -205px -104px;
}
#buttonShuffle a:hover, #buttonShuffle.disabled a:hover {
    background-position: -205px -209px;
}

/* Volume sonore  */

a#buttonSound {
    background-position: -170px 0px;
    border: 0 none;
    height: 35px;
    width: 32px;
}
a#buttonSound:hover {
    background-position: -170px -52px;
}
.disabled a#buttonSound {
    background-position: -272px 0px;
}
a#buttonSound:hover {
    background-position: -272px -52px;
}

/* widget player */

#blog .widget a.play {
    width: 23px;
    height: 46px;
    background-position: 0 0;
    background-image: url(/img/blog/playerMusic_buttons.png?v20090708);
    display: block;
    margin: auto;
    
}
#blog .widget a.play:hover {
    background-image: url(/img/blog/playerMusic_buttons.png?v20090708);
    background-position: 0 -52px;
}


/******************************************************
 **                 PICTOS                          **
*******************************************************/
.pictoblog, .pictomsg, .pictoprofil, .pictoSM {
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 40px;
    padding-bottom: 10px;
}

/******************************************************
 **         BACKGROUND-IMAGE ICONES                 **
*******************************************************/
/************************
**  icones communes  ***
*************************/
.skystar {
     background-image: url(/img/icons/icon_blog.png);
}
.boy {
     background-image: url(/img/icons/boy.png);
}
.girl {
     background-image: url(/img/icons/girl.png);
}
.girlandboy {
     background-image: url(/img/icons/girlboy.png);
}
.girlandboy-online {
     background-image: url(/img/icons/girlboy-online.png);
}
.xonline .boy {
    background-image: url(/img/icons/boy-online.gif);
}
.xonline .girl {
    background-image: url(/img/icons/girl-online.gif);
}
.icopayant {
    background-image: url(/img/icons/payant.png);
}
.stats {
    background-image: url(/img/icons/stats.png);
}
.config {
    background-image: url(/img/icons/adm-config.png);
}
.mobiles {
    background-image: url(/img/icons/adm-mobile.png);
}
.habillage {
    background-image: url(/img/icons/personnalise.png);
}
.cybercop {
    background-image: url(/img/icons/signalize.png);
}
.minicybercop {
    background-image: url(/img/icons/bullet_delete.png);
}
.skyico {
    background-image: url(/img/icons/etoile_bleue.png);
}
.encoche {
	background-image: url(/img/icons/tick.png);
}
.delete { 
	background-image: url(/img/icons/cancel.png);
}
.addnote { 
	background-image: url(/img/icons/addnote.png);
}
/******************
**  icones blog  ***
*******************/
.viewblog {
    background-image: url(/img/icons/blog.png);
}
.viewblogmusic {
    background-image: url(/img/icons/blog_music.png);
}
.icoalert {
    background-image: url(/img/icons/error.png);
}
.group_view {
	background-image: url(/img/icons/groupe.png);
}
.memberdwn {
	background-image: url(/img/icons/group_memberdown.png);
}
.memberedit {
	background-image: url(/img/icons/group_memberfront.png);
}
.memberup {
	background-image: url(/img/icons/group_memberup.png);
}
.memberoff {
	background-image: url(/img/icons/group_memberoff.png);
}
.memberadm {
	background-image: url(/img/icons/group_admin.png);
}
.member {
	background-image: url(/img/icons/group_member.png);
}
.grpowner {
	background-image: url(/img/icons/icones_groupes.png);
}
.announceblog {
    background-image: url(/img/icons/announceblog.png);
}
.blogfav {
    background-image: url(/img/icons/blog_favoris.png);
}
.addtofavorite {
    background-image: url(/img/icons/favoris_ajouter.png);
}
.blogfans {
    background-image: url(/img/icons/fans.png);
}
.moody {
    background-image: url(/img/icons/mood.png);
}
.add-item {
    background-image: url(/img/icons/plus-small.png);
}
.downld {
    background-image: url(/img/icons/download.png);
}
/* sons, images & videos */
.blogmp3 {
    background-image: url(/img/m/blog/icon-mp3.png);
}
.listenvocmsg {
    background-image: url(/img/icons/message_vocal.png);
}
.createalbum {
    background-image: url(/img/icons/photos.png);
}
.diapos {
	background-image: url(/img/icons/diapo-partager.png);
}
.sendvideo {
    background-image: url(/img/icons/video_webcam.png);
}
.lyrics {
    background-image: url(/img/icons/lyrics.png);
}
 .addpicture {
    background-image: url(/img/icons/picture_add.png);
}
/* articles & coms */
.listarticle {
    background-image: url(/img/icons/adm-pages.png);
}
.listarticleoff {
    background-image: url(/img/icons/adm-pages_offline.png);
}
.newmsg {
    background-image: url(/img/icons/adm-edit.png);
}
.commentview {
    background-image: url(/img/icons/commentaires.png);
}
.commentadd {
    background-image: url(/img/icons/comment-add.png);
}
.newcoms {
    background-image: url(/img/icons/commentaire-new.png);
}
/******************
**  profil  ***
*******************/
.viewprofil {
    background-image: url(/img/icons/profil.png);
}
.profil_plus {
	background-image: url(/img/icons/profils-plus.png);
}
.defis {
    background-image: url(/img/icons/defis.png);
}
.defiencours {
    background-image: url(/img/icons/defis-en-cours.png);
}
.palmares {
    background-image: url(/img/icons/palmares.png);
}
.relationship {
    background-image: url(/img/icons/fans.png);
}
.votevictory {
    background-image: url(/img/profils/voteplus.png);
}
.votenul {
    background-image: url(/img/profils/votenul.png);
}
.votedefeat {
    background-image: url(/img/profils/voteminus.png);
}
.votefor { 
    background-image: url(/img/profils/votefor.png);
}
.voteagainst { 
    background-image: url(/img/profils/voteagainst.png);
}
.votepoints { 
    background-image: url(/img/profils/points.png);
}

/******************
**  messages  ***
*******************/

 .msglist {    
    background-image: url(/img/icons/messages.png);
}
.writemsg {
    background-image: url(/img/icons/message_envoye.png);
}
.archivemsg {
    background-image: url(/img/icons/archiver_mail.png);
}
.unreadmsg {
    background-image: url(/img/icons/message_recu.png);
}
.invitations {
    background-image: url(/img/icons/amis_invitation.png);
}
.messages {
    background-image: url(/img/icons/messages.png);
}
.gifts {
    background-image: url(/img/icons/gifts.png);
}
.unreadgifts {
    background-image: url(/img/icons/gifts_new.png);    
}
.vocal {
    background-image: url(/img/icons/message_vocal.png);
}
.msgsubject {
    background-image: url(/img/icons/simple_arrow.gif);
}
.chat {
    background-image: url(/img/icons/user_go.png);
}
/******************
**  icones amis   ***
*******************/
.friends {
    background-image: url(/img/icons/amis.png);
}
.addtofriend {
    background-image: url(/img/icons/addtofriends.png);
}
.addtoban {
    background-image: url(/img/icons/user_delete.png);
}
.grabber {
    background-image: url(/img/icons/grabber.png);
}

/* autre */
.overview {
    background-image: url(/img/icons/overview.png);
}
.makemain {
    background-image: url(/img/icons/photo-ppale.png);
}
.addItem {
	background-image: url(/img/m/blog/add-input.png);
}
.checkAll {
	background-image: url(/img/icons/ok.png);
}
.privacy {
	background-image: url(/img/icons/cadenas.png);
}

/* Recherche */
.icoaudio {
    background-image: url(/img/icons/listen.png);
}

.icoimage {
    background-image: url(/img/icons/photo.png);
}
.icomusic {
    background-image: url(/img/icons/music.png);
}
.icofficiel {
    background-image: url(/img/icons/officiel.png);
}
.icovideo {
    background-image: url(/img/icons/anims.png);
}
.icowidget {
    background-image: url(/img/icons/widget.png);
}


/* Astro */
.astro_1 {
       background-image: url(/img/icons/astro/astro09.png);
}
.astro_2 {
       background-image: url(/img/icons/astro/astro12.png);
}
.astro_3 {
       background-image: url(/img/icons/astro/astro01.png);
}
.astro_4 {
       background-image: url(/img/icons/astro/astro04.png);
}
.astro_5 {
       background-image: url(/img/icons/astro/astro07.png);
}
.astro_6 {
       background-image: url(/img/icons/astro/astro10.png);
}
.astro_7 {
       background-image: url(/img/icons/astro/astro02.png);
}
.astro_8 {
       background-image: url(/img/icons/astro/astro05.png);
}
.astro_9 {
       background-image: url(/img/icons/astro/astro08.png);
}
.astro_10 {
       background-image: url(/img/icons/astro/astro11.png);
}
.astro_11 {
       background-image: url(/img/icons/astro/astro03.png);
}
.astro_12 {
       background-image: url(/img/icons/astro/astro06.png);
}

/******************************************************
 **                 BOUTONS                        **
*******************************************************/
.inline-play {
    background-image: url(/img/blog/play-mp3.png);
}
.validate {
	background-image:  url(/img/icons/tick.png);
}
.cancel {
	background-image: url(/img/icons/cancel.png);
}
.preview, .write {
	background-image: url(/img/icons/ecrire.png);
}
.add {
	background-image: url(/img/icons/add.png);
}

.play, .play-video-input {
	background-image: url(/img/icons/play.png);
}
.play a:hover, a.play:hover, a:hover .play {
	background-image: url(/img/icons/playvideo.png);
} 
.blacklist {
	background-image: url(/img/icons/user_delete.png);
}
.dellist {
	background-image:url(/img/icons/fleche_blue_down.png);
}
.addtofriends {
	background-image:  url(/img/icons/amis_ajouter_selection.png);
}
.archive {
	background-image: url(/img/icons/archiver_mail.png);
}
.reply {
    background-image: url(/img/icons/message_envoye.png);
}
.reply-vocal {
    background-image: url(/img/icons/message_vocal.png);
}
.reply-msg {
    background-image: url(/img/icons/profil_ecrire.png);
}
.edit {
	background-image: url(/img/icons/adm-edit.png);
}
.cancel {
	background-image: url(/img/icons/cancel.png);
}
.deletemp3 {
	background-image: url(/img/m/blog/supprimer_mp3.png);
}
.ecrire {
	background-image: url(/img/icons/profil_ecrire.png);
}
.resend {
	background-image: url(/img/icons/renew.png);
}
.change {
	background-image: url(/img/icons/change.png) ;
}
.change_lang {
	background-image: url(/img/icons/world.png);
}
.intlink {
	background-image: url(/img/icons/web.png);
}
.disable {
    background-image: url(/img/icons/disabled.png);
}	
.payant {
    background-image: url(/img/icons/payant.png);
}
.rss {
    background-image: url(/img/icons/rss.gif);
}
.addmusic {
    background-image: url(/img/icons/addmusic.png);
}
/******************************************************
 **         BACKGROUND-IMAGE PUCES                  **
*******************************************************/
.star01 {
    background-image: url(/img/m/blog/etoile01.png);
}
.star02 {
    background-image: url(/img/m/blog/etoile02.png);
}
.star03 {
    background-image: url(/img/m/blog/etoile03.png);
}

/******************************************************
 **         BACKGROUND-IMAGE PICTOS                 **
*******************************************************/

.pictoblog {
    background-image: url(/img/pictos/blog.jpg);
}
.pictomsg {
      background-image: url(/img/pictos/messagerie.jpg);  
}
.pictoprofil {
    background-image: url(/img/pictos/profil.jpg);
}
.pictoSM {
    background-image: url(/img/pictos/sm.jpg);
}


/* _alert.css */

/******************************************
 * Messages d'erreur FIXME : lignes 768 à 858 de _common.css à purger
 * ***************************************/
.widgets {
    margin-top: 10px;
}
/* .alert, .confirmation, .error, 
.help, .news, .legal, .ghost {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: left;
    border: 1px solid;
    margin: 5px 0;
}*/
.legal {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: left;
    border: 1px solid;
    margin: 5px 0;
    padding: 10px 15px;
    border-color: #d3d3d3;
    background-color:  #f6f6f6;
    color: #959595;
}
.legal a {
    color: #959595 !important;
    text-decoration: underline !important;
}
p.legal,div.legal {
    margin-bottom: 10px;
    display: block;
    position: relative; /* IE6 */
}
#column_right .legal {
	text-align: left;
}
div.legal {
    clear: both;
}
.legal p {
    margin-bottom: 0.5em;
}
ul.legal {
    padding: 0.5em;
    list-style-type: square;
    list-style-position: inside;
}
.legal img, .alert img {
    padding-right: 0.5em;
    vertical-align: -3px;
}
/*
 .alert, .confirmation, .error, 
.help, .news {
    padding: 10px 15px 10px 30px;
}
.legal, .ghost {
    padding: 10px 15px;
}
 .confirmation {
    border-color: #75de82;
    background-color: #f2ffeb;
    color: #00bd16;
}
.alert {
    border-color: #fec30d;
    background: #feffec;
    color: #d87f00;
}
.error {
    border-color: #fe0000;
    background-color:  #fff1e8;
    color: #ff0000;
}
.help {
    border-color: #6dbfff;
    background-color:  #effafd;
    color: #0077d2;
}
*/
.help {
    background: url(/img/icons/help_small.gif) no-repeat left 4px;
    padding-left: 20px! important;
}
/*
.news {
    border-color: #b8b6e0;
    background-color:  #ecebff;
    color: #6950e4;
}
.legal {
    border-color: #d3d3d3;
    background-color:  #f6f6f6;
    color: #959595;
}
.ghost {
    border-color: #e4edf3;
    background-color:  #f9f9ff;
    color: #809cb8;
}
 .confirmation a, .alert a, .error a,  .help a, .news a, .legal a, .ghost a {
    text-decoration: underline !important;
}
.confirmation a {
    color: #00bd16 !important;
}
.alert a {
    color: #d87f00 !important;
}
.error a {
    color: #fe0000 !important;
} 
.help a {
    color: #0077d2 !important;
}
.news a {
    color: #6950e4 !important;
}
.legal a {
    color: #959595 !important
}
.ghost a {
    color: #809cb8 !important
}
.legal img, .alert img, .help img {
    padding-right: 0.5em;
    vertical-align: -3px;
}
p.confirmation, p.alert, p.error, p.help, p.news, p.legal, p.ghost,
div.confirmation, div.alert, div.error, 
div.help, div.news, div.legal, div.ghost {
    margin-bottom: 10px;
    display: block;
    position: relative; /* IE6 */ /*
}*/
/* div.confirmation, div.alert, div.error,
div.help, div.news, div.legal {
    clear: both;
}
 .alert p, .confirmation p, .error p, 
.help p, .news p, .legal p, .ghost p {
    margin-bottom: 0.5em;
}
 ul.alert, ul.confirmation, ul.error, 
ul.help, ul.news, ul.legal, ul.ghost {
    padding: 0.5em;
    list-style-type: square;
    list-style-position: inside;
}
 #column_right .confirmation, #column_right .alert, #column_right .error, 
#column_right .help, #column_right .news, #column_right .legal, #column_right .ghost {
	text-align: left;
} */
/******************************************
 * Infobulles FIXME : lignes 129 à 157  de _common.css à purger
 * ****************************************/
/*
    FIXME : temporaire en attendant la simplification de l'inscription (temporaire ou pas d'ailleur...)
*/
span.infobulle { 
    position: absolute;
    z-index: 90;
    visibility: hidden;
    margin-left: 1em;
    width: 15em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0.5em 1em 0.5em 1em;
    text-align: left !important;
}
span.infos{
    border: 1px solid #ddd;
    background-color:  #f6f6f6;
    color: #999999;
    text-align: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0.5em 1em 0.5em 1em;
}
/*
    nécessaire pour le positionement de la dernière infobulle des fieldset de l'inscription 
*/
dd.last span.infobulle {
    bottom: 5px;
}

/*************************************************/
 /* Infobulles CGU *******************************
/*************************************************/
.tooltip {
	background: #2B343D;
	opacity : 0.70;
	filter: alpha(opacity=70);
	color: #fff;
	font-size: 0.9em;
	
	width: 250px;
	position: absolute;
	top: 0;
	left: -1000px;
    visibility: hidden;
	padding: 0.5em;
	text-align: left;
}

.infobulle_parent .label_tooltip:hover, 
.infobulle_parent .label_tooltip.hover {
	color: #2B343D !important;
	background-color: #fff !important;
}

/**
 * FIXME : faudrait peut etre cibler de manière plus précise ? 
**/
.tooltip_topleft {
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
}
.tooltip_topright {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
}
.tooltip_bottomleft {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:5px;
}
.tooltip_bottomright {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
}


/* _dropbox.css */

/***********************************************
 * La CSS pour les devs :)
 *
 * dropper vos déclarations et commentez-les.
 * ********************************************/

/* #1745 , pour l'admin blog */
#s_highlight_own_comments
{
    display: inline-block;
    margin-left: 4px;
    zoom: 1;
}

 /*
 *	Mallory
 */
 
 /* Selection d'ami pour envoi d'invitation à ajouter un media externe
 * Utilisé dans :
 * - templates/m/messages/choose-friend.tpl
 * - templates/m/blog/send-friend.tpl
 */
 
 ul.choosefriend li.selected *{
	opacity : 0.2;
 }
 
 iframe#choosefriend {
	 border: 0;
	 width: 100%;
	 overflow: auto;
	 height: 350px;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
}

/* 
    FIXME: cibler ce style avec un identifiant (exemple: #monContainer .slidercontent)
    actuellement, ce style casse les autres pages utilisant un slider content
*/
/* Slider Home Media */
#medias_classicals .slidercontent, #medias_officials .slidercontent{
	display:none;
}

#medias_classicals div.active, #medias_officials div.active{
	display:block !important;
}

.medias_menu{
	text-align:center;
}
.medias_menu ul, .medias_menu li{
	display:inline;
}
.medias_menu a.active{
	font-size:1.1em;
	font-weight:bold;
	color:#000;
}

/*
 * Noëlie
 */

/* profils....?20081103 (ligne 331) */
#suggestion-relation {
    margin-left: 3px;
    width: 199px;
}
.iframeSuggestion {
    margin-left: 3px !important;
    margin-top: 3px !important;
    width: 199px !important;
    z-index: 500;
}
.iframeSuggestion {
    position: absolute;
}

/* Slider sur Home: blogOfficiel + homeJeux */
/* FIXME: intégrer dans front.ss les corrections présentes dans: templates/home/elements_home/_diaporama.tpl*/ 


/*
 * Vincent
 */
 
/* Version spritée du +5/-5 */
.vote5-5 {
    background: transparent url(/img/profils/votenumbers/sprite_vote5-5.gif) no-repeat scroll left top;
}
.vote5-5done {
    background-position: 0px -42px
}
.vote5-5 {
    display: block;
    overflow: hidden;
    width: 305px;
    height: 21px;
    padding-left: 30px;
}

/* Version profil */
body#profil .vote5-5 {
    float: right;
    margin-bottom: 5px;
}

/* Version note-moi */
div#vote .vote5-5 {
    margin: 10px auto;
}

.vote5-5 li {
    display: block;
    float: left;
}

.vote5-5 a {
    display: block;
    text-decoration: none;
    height: 21px;
    width: 24px;
}

.vote5-5done a {
    cursor: default;/* vote déjà effectué : non cliquable */
}

.vote5-5 a span {
    visibility: hidden;
}

.vote5-5 a:hover, .vote5-5done .selected a, .vote5-5done .selected a:hover {
    background: transparent url(/img/profils/votenumbers/sprite_vote5-5.gif) no-repeat scroll left top;
}

.vote5-5done  a:hover { background: transparent }
/* Styles spécifiques de chacun des chiffres */
.vote5-5 a.vote-5 { margin-left: 2px }
.vote5-5 a.vote-5:hover, .vote5-5done .selected a.vote-5 { background-position: -32px -21px }
.vote5-5 a.vote-4:hover, .vote5-5done .selected a.vote-4 { background-position: -56px -21px }
.vote5-5 a.vote-3:hover, .vote5-5done .selected a.vote-3 { background-position: -80px -21px }
.vote5-5 a.vote-2:hover, .vote5-5done .selected a.vote-2 { background-position: -104px -21px }
.vote5-5 a.vote-1:hover, .vote5-5done .selected a.vote-1 { background-position: -128px -21px }
.vote5-5 a.vote0, .vote5-5done a.vote0 { width: 37px }
.vote5-5 a.vote0:hover, .vote5-5done .selected a.vote0, .vote5-5done .selected a.vote0:hover { background-position: -152px -21px }
.vote5-5 a.vote1:hover, .vote5-5done .selected a.vote1 { background-position: -189px -21px }
.vote5-5 a.vote2:hover, .vote5-5done .selected a.vote2 { background-position: -213px -21px }
.vote5-5 a.vote3:hover, .vote5-5done .selected a.vote3 { background-position: -237px -21px }
.vote5-5 a.vote4:hover, .vote5-5done .selected a.vote4 { background-position: -261px -21px }
.vote5-5 a.vote5:hover, .vote5-5done .selected a.vote5 { background-position: -285px -21px }



/**
 * RECHERCHE sur Home Groupes
 **/
.recherchegroups {
    float: left;
    width: 125px;
    margin-left: 5px;
}
.home-groups .pub180 {
    float: left;
}


/* _smileys.css */

/*********************************************************************************
 * smileys. le .smileys sert à savoir qu'on est sur une page ou faut les activer.
 *********************************************************************************/
.smileys span.s {
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    text-indent: -1000px;
    text-align: left; /* sinon le indent sert à rien si c'est une autre valeur */
    vertical-align: bottom;
    background-repeat: no-repeat;
    background-image: url(/img/smileys/smileys-16.png?20081031);
}
/* hack pour planquer de IE6 */
* html .smileys span.s {
    background-image: none;
    text-indent: 0;
    display: inline;
    overflow: visible;
    width: auto;
    height: auto;
}
/* hack pour planquer sur FF2 qui n'a pas d'inline-block correct */
.smileys span.s, x:-moz-any-link {
    /*display: none;*/
    visibility: hidden;
}
/* smileys */
.smileys .s_angel { background-position: 0px 0px;}
.smileys .s_angry { background-position: -16px 0px;}
.smileys .s_baby { background-position: -32px 0px;}
.smileys .s_bigsmile { background-position: -48px 0px;}
.smileys .s_blush { background-position: -64px 0px;}
.smileys .s_bored { background-position: -80px 0px;}
.smileys .s_buttlicker { background-position: -96px 0px;}
.smileys .s_crazy { background-position: -112px 0px;}
.smileys .s_evil { background-position: -128px 0px;}
.smileys .s_grr { background-position: -144px 0px;}
.smileys .s_halloween { background-position: -160px 0px;}
.smileys .s_heartbroken { background-position: -176px 0px;}
.smileys .s_heart { background-position: -192px 0px;}
.smileys .s_ironic { background-position: -208px 0px;}
.smileys .s_lovely-eyes { background-position: -224px 0px;}
.smileys .s_nerd { background-position: -240px 0px;}
.smileys .s_nice { background-position: -256px 0px;}
.smileys .s_ninja { background-position: -272px 0px;}
.smileys .s_oops { background-position: -288px 0px;}
.smileys .s_sad { background-position: -304px 0px;}
.smileys .s_sick { background-position: -320px 0px;}
.smileys .s_smile { background-position: -336px 0px;}
.smileys .s_sunglasses { background-position: -352px 0px;}
.smileys .s_suntongue { background-position: -368px 0px;}
.smileys .s_wink { background-position: -384px 0px;}

/* restore pour FF3 qui comprend tous ces sélecteurs */
.smileys span.s, x:-moz-any-link, x:default {
	/*display: inline-block; */
	visibility: visible;
}