/* CONNEXION */
#bandeau .connexion{
position:absolute;
top:16px;
left:0;
height:32px;
background:url(../images/commun/bandeau/b_connexion.gif) no-repeat bottom left;
}
#bandeau .connexion_mess{
position:absolute;
top:11px;
left:0;
height:53px;
background:url(../images/commun/bandeau/b_connexion.gif) no-repeat bottom left;
}
#bandeau .connexion_mess .f_connexion,
#bandeau .connexion .f_connexion{
height:24px;
line-height:24px;
background:url(../images/commun/bandeau/g_connexion.gif) no-repeat;
padding:0 0 0 3px;
overflow:hidden;
zoom:1;
}
#bandeau .connexion_mess .f_connexion{
float:left;
height:45px;
line-height:22px;
background:url(../images/commun/bandeau/g_connexion_mess.gif) no-repeat;
}
#bandeau .connexion_mess h2,
#bandeau .connexion h2{
float:left;
background:url(../images/commun/bandeau/f_t_connexion.gif) no-repeat top right; 
font-size:11px;
padding:0 10px 0 7px;
}
#bandeau .connexion_mess h2{
border-bottom:1px solid #e3e3e3;
background:url(../images/commun/bandeau/f_t_connexion_mess.gif) no-repeat top right; 
}
#bandeau .connexion_mess h2 a,
#bandeau .connexion h2 a{
color:#D40586;
text-decoration:none;
}
#bandeau .connexion_mess h2 a:hover,
#bandeau .connexion h2 a:hover{
text-decoration:underline;
}
#bandeau .connexion_mess ul,
#bandeau .connexion .f_connexion ul{
clear:right;
float:left;
overflow:hidden;
zoom:1;
}
#bandeau .connexion_mess ul.mess{
clear:both;
float:none;
_float:left;
height:22px;
background:url(../images/commun/bandeau/b_connexion_mess.gif) no-repeat right 0;
}
#bandeau .connexion_mess ul.mess li.message{
padding:0 0 0 24px;
background:url(../images/commun/bandeau/picto_mess.gif) no-repeat 8px 7px;
}
#bandeau .connexion_mess ul.mess li.connecte{
padding:0 0 0 26px;
background:url(../images/commun/bandeau/picto_connecte.gif) no-repeat 10px 4px;
}
#bandeau .connexion_mess ul.mess li.buzz{
padding:0 0 0 30px;
background:url(../images/commun/bandeau/picto_buzz.gif) no-repeat 10px 6px;
}
#bandeau .connexion_mess ul.mess li a{
float:left;
width:16px;
font-size:11px;
color:#333;
text-decoration:none;
zoom:1;
}
#bandeau .connexion_mess ul.mess li a:hover{
color:#d40586;
}
#bandeau .connexion_mess li,
#bandeau .connexion li{
float:left;
}
#bandeau .connexion_mess li a.identifier,
#bandeau .connexion li a.identifier{
display:block;
background:url(../images/commun/bandeau/f_bt_identifier.gif) no-repeat right 0px;
font-size:11px;
color:#D40586;
text-decoration:none;
padding:0 10px;
}
#bandeau .connexion_mess li a.identifier{
border-bottom:1px solid #e3e3e3;
background:url(../images/commun/bandeau/f_bt_identifier_mess.gif) no-repeat right 0px;
}
#bandeau .connexion li a.identifier:hover{
background:url(../images/commun/bandeau/f_bt_identifier.gif) no-repeat right -24px;
text-decoration:underline;
}
#bandeau .connexion_mess li a.identifier:hover{
background-position:right -22px;
text-decoration:underline;
}
#bandeau .connexion_mess li a.aide,
#bandeau .connexion li a.aide{
display:block;
background:url(../images/commun/bandeau/f_bt_aide.gif) no-repeat right 0px;
font-size:11px;
color:#D40586;
text-decoration:none;
padding:0 10px;
}
#bandeau .connexion_mess li a.aide:hover,
#bandeau .connexion li a.aide:hover{
background:url(../images/commun/bandeau/f_bt_aide.gif) no-repeat right -24px;
text-decoration:underline;	
}
#bandeau .connexion_mess li img,
#bandeau .connexion li img{
display:block;
}
/* MOTEUR DE RECHERCHE */
#bandeau .recherche{
float:right;
width:475px;
height:22px;
overflow:hidden;
zoom:1;
}
#bandeau .recherche form{
float:right;
display:inline;
padding:0 16px 0 0;
height:22px;
overflow:hidden;
zoom:1;
}
#bandeau .recherche fieldset label{
float:left;
margin:1px 13px 0 0;
font-size:11px;
color:#fff;
line-height:16px;
}
#bandeau .recherche fieldset select{
float:left;
margin:1px 9px 0 0;
padding:1px 0;
width:117px;
background:url(../images/commun/f_input.gif) repeat-x top left;
font-size:11px;
color:#5A5958;
border:none;
}
#bandeau .recherche fieldset select option{
background:#FEFEFE;
padding:0 5px;
}
#bandeau .recherche fieldset .focus{
float:left;
margin:1px 9px 0 0;
font-size:11px;
color:#5A5958;
width:168px;
background:url(../images/commun/f_input.gif) repeat-x;
padding:2px 5px;
border:none;
}
#bandeau .recherche fieldset .bouton{
float:right;
}
/* CUSTOM CHANNEL */
#contenu .f_contenu.love{
background:#fff url(../images/commun/f_contenu_love.gif) repeat-x;
}
#contenu .f_contenu.look{
background:#fff url(../images/commun/f_contenu_look.gif) repeat-x;
}
#contenu .f_contenu.affiche{
background:#fff url(../images/commun/f_contenu_affiche.gif) repeat-x;
}
#contenu .f_contenu.people{
background:#fff url(../images/commun/f_contenu_people.gif) repeat-x;
}
/* SOUS MENU */
#centre_droite .smenu_channel,#centre_double .smenu_channel{
background:url(../images/commun/smenu/f_commun.gif) no-repeat;
margin:0 0 14px 0;
overflow:hidden;
zoom:1;
}
#centre_droite .smenu_channel.look{
background:url(../images/commun/smenu/f_look.gif) no-repeat;
}
#centre_droite .smenu_channel.love{
background:url(../images/commun/smenu/f_love.gif) no-repeat;
}
#centre_droite .smenu_channel.affiche{
background:url(../images/commun/smenu/f_affiche.gif) no-repeat;
}
#centre_droite .smenu_channel.people{
background:url(../images/commun/smenu/f_people.gif) no-repeat;
}
#centre_droite .smenu_channel.psycho{
background:url(../images/commun/smenu/f_psycho.gif) no-repeat;
}
#centre_droite .smenu_channel h2,#centre_double .smenu_channel h2{
float:right;
}
#centre_droite .smenu_channel ul,#centre_double .smenu_channel ul{
float:left;
overflow:hidden;
zoom:1;
}
#centre_droite .smenu_channel ul li,#centre_double .smenu_channel ul li{
float:left;
padding:0 0 0 6px;
}
#centre_droite .smenu_channel ul li a,#centre_double .smenu_channel ul li a{
display:block;
font-size:13px;
color:#fff;
text-decoration:none;
line-height:32px;
/*background:url(../images/commun/smenu/sep.gif) no-repeat right 10px;*/
padding:0 0 0 4px;
}
#centre_droite .smenu_channel ul li a span,#centre_double .smenu_channel ul li a span{
display:block;
font-size:13px;
line-height:32px;
padding:0 10px 0 6px;
}
#centre_droite .smenu_channel ul li a:hover, #centre_droite .smenu_channel ul li a.on,#centre_double .smenu_channel ul li a:hover, #centre_double .smenu_channel ul li a.on{
display:block;
font-size:13px;
color:#fff;
text-decoration:none;
line-height:32px;
background:url(../images/commun/smenu/g_commun.gif) no-repeat left 6px;
padding:0 0 0 4px;
}
#centre_droite .smenu_channel ul li a:hover span, #centre_droite .smenu_channel ul li a.on span,#centre_doublte .smenu_channel ul li a:hover span, #centre_double .smenu_channel ul li a.on span{
background:url(../images/commun/smenu/d_commun.gif) no-repeat right 6px;
}
#centre_droite .smenu_channel.look ul li a:hover, #centre_droite .smenu_channel.look ul li a.on{
background:url(../images/commun/smenu/g_look.gif) no-repeat left 6px;
}
#centre_droite .smenu_channel.look ul li a:hover span, #centre_droite .smenu_channel.look ul li a.on span{
background:url(../images/commun/smenu/d_look.gif) no-repeat right 6px;
}
#centre_droite .smenu_channel.love ul li a:hover, #centre_droite .smenu_channel.love ul li a.on{
background:url(../images/commun/smenu/g_love.gif) no-repeat left 6px;
}
#centre_droite .smenu_channel.love ul li a:hover span, #centre_droite .smenu_channel.love ul li a.on span{
background:url(../images/commun/smenu/d_love.gif) no-repeat right 6px;
}
#centre_droite .smenu_channel.affiche ul li a:hover, #centre_droite .smenu_channel.affiche ul li a.on{
background:url(../images/commun/smenu/g_affiche.gif) no-repeat left 6px;
}
#centre_droite .smenu_channel.affiche ul li a:hover span, #centre_droite .smenu_channel.affiche ul li a.on span{
background:url(../images/commun/smenu/d_affiche.gif) no-repeat right 6px;
}
#centre_droite .smenu_channel.people ul li a:hover, #centre_droite .smenu_channel.people ul li a.on{
background:url(../images/commun/smenu/g_people.gif) no-repeat left 6px;
}
#centre_droite .smenu_channel.people ul li a:hover span, #centre_droite .smenu_channel.people ul li a.on span{
background:url(../images/commun/smenu/d_people.gif) no-repeat right 6px;
}
#centre_droite .smenu_channel.psycho ul li a:hover, #centre_droite .smenu_channel.psycho ul li a.on{
background:url(../images/commun/smenu/g_psycho.gif) no-repeat left 6px;
}
#centre_droite .smenu_channel.psycho ul li a:hover span, #centre_droite .smenu_channel.psycho ul li a.on span{
background:url(../images/commun/smenu/d_psycho.gif) no-repeat right 6px;
}
/* CHAPEAU */
.chapeau{
border-bottom:1px solid #CCCCCC;
line-height:16px;
padding:0 0 5px 0;
margin:0 0 20px 0;
overflow:hidden;
zoom:1;
}
.chapeau h2{
float:left;
font-size:13px;
font-weight:normal;
color:#333;
}
.chapeau h3{
float:right;
font-size:11px;
font-weight:normal;
color:#999999;
}
/* PAGINATION */
.pagination{
background:url(../images/commun/f_pagination.gif) repeat-x top left;
line-height:30px;
font-size:10px;
padding:0 5px 0 10px;
margin:0 0 25px 0;
overflow:hidden;
zoom:1;
}
.pagination .nb{
float:left;
}
.pagination ul{
float:right;
overflow:hidden;
zoom:1;
}
.pagination ul li{
float:left;
padding:0 3px;
}
.pagination ul li.premier_num{
padding:0 3px 0 5px;
}
.pagination ul li.dernier_num{
padding:0 5px 0 3px;
}
.pagination ul li.premiere, .pagination ul li.precedente{
padding:0 5px;
background:url(../images/commun/sep_pagination.gif) no-repeat right 8px;
}
.pagination ul li.derniere, .pagination ul li.suivante{
padding:0 5px;
background:url(../images/commun/sep_pagination.gif) no-repeat left 8px;
}
.pagination ul li a{
color:#333;
text-decoration:none;
}
.pagination ul li a:hover,.pagination ul li a.on{
color:#A00069;
text-decoration:none;
}
/* RATING */
.rating_container {}
.rating_container a {
float:left;
display:block;
width:15px;
height:15px;
border:0;
background-image:url(../images/commun/etoiles/rating.gif);
margin:0 2px 0 0;
}
.rating_container a.rating_off {
background-position:0 0px;
}
.rating_container a.rating_half {
background-position:0 -15px;
}
.rating_container a.rating_on {
background-position:0 -30px;
}
.rating_container a.rating_selected {
background-position:0 -45px;
}
/* NOTE */
#note{
height:32px;
background:url(../images/commun/f_note.gif) no-repeat top left;
font-size:11px;
color:#555555;
padding:12px 20px 0 20px;
overflow:hidden;
zoom:1;
margin-top:10px;
}
#note p.note_moyenne {
display:inline;
float:left;
}
#note p.note_moyenne span{
float:left;
padding:4px 0 0 0;
}
#note p.note_moyenne img {
display:block;
float:left;
margin:0px 4px 0px 4px;
}
#note .note_video {
float:right;
width:140px;
text-align:right;
padding:4px 0 0 0;
overflow:hidden;
}
#note .note_video span {
float:left;
}
.rating_container {
float:right;
}
/* COMMENTAIRE */
#commentaires{
width:450px;
margin:20px 0 20px 0;
}
#commentaires div.aucun{
font-size:13px;
padding:0 0 20px 0;
}
#commentaires .titre_commentaires{
margin:0 0 10px 0;
overflow:hidden;
zoom:1;
}
#commentaires .titre_commentaires h2{
float:left;
font-size:20px;
font-weight:normal;
color:#990066;
}
#commentaires .titre_commentaires h3{
float:right;
font-size:13px;
font-weight:normal;
color:#DB2E7E;
padding:6px 0 0 0;
}
#commentaires  ol{
padding:0 0 0 40px;
}
#commentaires  ol li{
list-style:decimal;
font-size:15px;
font-weight:bold;
color:#A1A1A1;
vertical-align:top;
padding:0 0 17px 0;
}
#commentaires  ol li .h_commentaire{
background:url(../images/commun/h_bulle_commentaire.gif) no-repeat top left;
padding:4px 0 0 0;
}
#commentaires  ol li .b_commentaire{
background:url(../images/commun/b_bulle_commentaire.gif) no-repeat bottom left;
padding:0 0 21px 0;
}
#commentaires  ol li .f_commentaire{
border-left:1px solid #E7E7E7;
border-right:1px solid #E7E7E7;
font-size:13px;
font-weight:normal;
color:#333;
padding:12px;
overflow:hidden;
zoom:1;
}
#commentaires  ol li .infos_commentaires{
font-size:11px;
font-weight:normal;
color:#333;
overflow:hidden;
zoom:1;
}
#commentaires  ol li .infos_commentaires .avatar_commentaires{
display:block;
float:left;
width:32px;
}
#commentaires  ol li .infos_commentaires .avatar_commentaires img{
border:1px solid #C1A5A6;
}
#commentaires  ol li .infos_commentaires .auteur_commentaires{
float:left;
line-height:32px;
padding:0 10px 0 10px;
}
#commentaires  ol li .infos_commentaires .auteur_commentaires a{
color:#DB2E7E;
text-decoration:none;
}
#commentaires  ol li .infos_commentaires .auteur_commentaires a:hover{
text-decoration:underline;
}
#commentaires  ol li .infos_commentaires .date_commentaires{
background:url(../images/commun/sep_pied.gif) no-repeat left 12px;
float:left;
line-height:32px;
padding:0 10px 0 10px;
}
#commentaires  ol li .infos_commentaires .vote_commentaires{
background:url(../images/commun/sep_pied.gif) no-repeat left 12px;
float:left;
line-height:32px;
padding:0 0 0 10px;
overflow:hidden;
zoom:1;
}
#commentaires  ol li .infos_commentaires .vote_commentaires span{
float:left;
}
#commentaires  ol li .infos_commentaires .vote_commentaires img{
display:block;
float:left;
margin:8px 0 0 5px;
}
/*#commentaires .b_supprimer{
overflow:hidden;
zoom:1;
padding:0 20px 5px 0;
}*/
#commentaires .f_commentaire a.supp{
color:#db2e7e;
font-size:11px;
float:right;
padding:0 10px 0 0;
background:url(../images/commun/mod_communaute/picto_supp4.gif) no-repeat center right;
text-decoration:none;
font-weight:normal;
}
#commentaires .f_commentaire a.supp:hover{text-decoration:underline;}
#commentaires .connexion{
line-height:24px;
font-size:12px;
margin:0 0 20px 0;
overflow:hidden;
zoom:1;
}
#commentaires .connexion a{
float:left;
margin:0 10px 0 0;
}
#commentaires .ajout_com h2{
font-size:20px;
font-weight:normal;
color:#990066;
padding:0 0 15px 0;
}
#commentaires .ajout_com div{
overflow:hidden;
zoom:1;
padding:0 0 10px 0;
}
#commentaires .ajout_com label{
font-size:14px;
font-weight:bold;
color:#990066;
display:block;
padding:0 0 5px 0;
}
#commentaires .ajout_com input, #commentaires .ajout_com textarea{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
border:1px solid #d1ccc7;
background:url(../images/commun/f_input.gif) repeat-x;
padding:2px 0;
width:270px;
}
#commentaires .ajout_com textarea{
background:url(../images/commun/f_textarea.gif) repeat-x;
width:448px;
height:150px;
}
#commentaires .ajout_com .submit input{
width:auto;
background:none;
border:none;
}
/* UTIL */
#util{
background:url(../images/commun/f_util.gif) no-repeat top left;
border-bottom:1px solid #fff;
}
#util ul{
padding:0 0 0 17px;
overflow:hidden;
zoom:1;
}
#util ul li{
float:left;
}
#util ul li a{
display:block;
line-height:29px;
font-size:11px;
color:#919191;
text-decoration:none;
}
#util ul li a:hover, #util ul li a.on{
color:#C81170;
}
#util ul li.imprimer{
width:120px;
}
#util ul li.imprimer a{
background:url(../images/commun/imprimer.gif) no-repeat 0px 0px;
padding:0 0 0 24px;
}
#util ul li.imprimer a:hover{
background:url(../images/commun/imprimer.gif) no-repeat 0px -29px;
}
#util ul li.envoyer{
width:120px;
}
#util ul li.envoyer a{
background:url(../images/commun/envoyer.gif) no-repeat 0px 0px;
padding:0 0 0 21px;
}
#util ul li.envoyer a:hover, #util ul li.envoyer a.on{
background:url(../images/commun/envoyer.gif) no-repeat 0px -29px;
}
#util ul li.citer{
width:88px;
}
#util ul li.citer a{
background:url(../images/commun/citer.gif) no-repeat 0px 0px;
padding:0 0 0 12px;
}
#util ul li.citer a:hover, #util ul li.citer a.on{
background:url(../images/commun/citer.gif) no-repeat 0px -29px;
}
#util ul li.commenter a{
background:url(../images/commun/commenter.gif) no-repeat 0px 0px;
padding:0 0 0 17px;
}
#util ul li.commenter a:hover{
background:url(../images/commun/commenter.gif) no-repeat 0px -29px;
}
#util #div_envoyer, #util #div_citer, #div_alerter{
border:1px solid #efeae5;
background:url(../images/commun/mod_communaute/f_form_wall.gif) #f9f7f5 repeat-x;
font-size:13px;
width:448px;
}
#util #div_envoyer .cadre, #div_alerter .cadre{padding:10px 20px;}
#util #div_envoyer p, #div_alerter p{padding:0 0 10px 0;}
#util #div_envoyer div, #div_alerter div{
overflow:hidden;
zoom:1;
padding:0 0 8px 0;
}
#util #div_envoyer div.divError{padding:0 0 0 140px;}
#div_alerter div.divError, #util #div_envoyer div.divError p, #div_alerter div.divError p{padding:0;}
#util #div_envoyer label, #div_alerter label{
float:left;
width:125px;
padding:3px 15px 0 0;
text-align:right;
}
#div_alerter label{
text-align:left;
width:auto;
}
#util #div_envoyer .textarea label, #div_alerter .textarea label{
display:block;
padding:0 0 5px 0;
text-align:left;
}
#util #div_envoyer input, #div_envoyer textarea,
#div_alerter input, #div_alerter textarea{
background:#FFFFFF url(../images/commun/f_input.gif) repeat-x;
border:1px solid #D1CCC7;
color:#333333;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
margin:0 20px 0 0;
padding:2px 0 2px 2px;
width:200px;
}
#util #div_envoyer #add_ami{padding:0 0 0 140px;}
#util #div_envoyer .ajouter a{
padding:0 0 0 21px;
background:url(../images/commun/picto_add.gif) no-repeat center left;
color:#79726a;
text-decoration:none;
}
#util #div_envoyer .ajouter a:hover{text-decoration:underline;}
#util #div_envoyer textarea, #div_alerter textarea{
background:#FFFFFF url(../images/commun/f_textarea.gif) repeat-x;
width:404px;
height:100px;
clear:both;
}
#util #div_envoyer .submit, #div_alerter .submit{
text-align:right;
padding:0;
}
#util #div_envoyer .submit input, #div_alerter .submit input{
width:auto;
border:none;
background:none;
padding:0;
margin:0 10px 0 0;
float:none;
}
#util #div_citer{text-align:center;}
#util #div_citer ul{
overflow:hidden;
zoom:1;
padding:8px;
}
#util #div_citer li{padding:0 10px 0 10px;}
#util #div_citer li.fermer{
float:right;
padding:2px 0 0 0;
}
#util #div_citer li a{
background-repeat:no-repeat;
background-position:top left;
line-height:16px;
padding:0 0 0 22px;
}
#util #div_citer li a:hover{background-position:bottom left;}
#util #div_citer li.skyrock a{background-image:url(../images/commun/picto_skyrock.gif);}
#util #div_citer li.myspace a{background-image:url(../images/commun/picto_myspace.gif);}
#util #div_citer li.facebook a{
background-image:url(../images/commun/picto_facebook.gif);
padding:0 0 0 20px;
}
#util #div_citer li.livespaces a{background-image:url(../images/commun/picto_livespaces.gif);
}
/* NAV */
.nav{
margin:0 0 25px 0;
overflow:hidden;
zoom:1;
}
.nav a.precedent, .nav a.suivant, .nav a.simple_gauche, .nav a.simple_droite{
display:block;
line-height:22px;
font-size:12px;
color:#DB2E7E;
text-decoration:none;
}
.nav a.precedent span, .nav a.suivant span{
display:block;
padding:0 8px;
}
.nav a.simple_gauche span, .nav a.simple_droite span{
display:block;
padding:0 14px;
}
.nav a.precedent{
float:left;
background:url(../images/commun/g_bt_precedent.gif) no-repeat top left;
padding:0 0 0 21px;
}
.nav a.precedent span{
background:url(../images/commun/d_bt_precedent.gif) no-repeat top right;
}
.nav a.suivant{
float:right;
background:url(../images/commun/d_bt_suivant.gif) no-repeat top right;
padding:0 21px 0 0;
}
.nav a.suivant span{
background:url(../images/commun/g_bt_suivant.gif) no-repeat top left;
}
.nav a.simple_gauche, .nav a.simple_droite{
float:left;
background:url(../images/commun/d_bt_precedent.gif) no-repeat top right;
}
.nav a.simple_droite{float:right;}
.nav a.simple_gauche span, .nav a.simple_droite span{
background:url(../images/commun/g_bt_simple.gif) no-repeat top left;
}
.nav a.precedent:hover, .nav a.suivant:hover, .nav a.simple_gauche:hover, .nav a.simple_droite:hover{
text-decoration:underline;
}
/* PIED */
#pied1 .rubrique{
float:left;
width:240px;
overflow:hidden;
zoom:1;
}
#pied1 .rubrique h2{
font-size:15px;
color:#fff;
text-transform:uppercase;
margin:0 0 20px 0;
}
#pied1 .rubrique .love{
color:#F573A7;
}
#pied1 .rubrique .people{
color:#FFBC5D;
}
#pied1 .rubrique .look{
color:#E5C493;
}
#pied1 .rubrique .affiche{
color:#9CD8F8;
}
#pied1 .rubrique img{
float:left;
margin:0 10px 0 0;
}
#pied1 .rubrique ul{
float:left;
width:120px;
line-height:11px;
}
#pied1 .rubrique ul li{
margin:0 0 6px 0;
}
#pied1 .rubrique ul li a{
font-size:11px;
color:#ABABAB;
text-decoration:none;
}
#pied1 .rubrique ul li a:hover{
text-decoration:underline;
}
#roman_photo #util {
margin:0 0 7px 0;
}