body { width:980px; margin:0 auto; font-family:verdana,arial,helvetica,sans-serif; font-size:13px; color:#FFF }

#pub_skyscraper {width:170px; float:left;height:600px}
.clear {clear:both;height:1px;width:100%;font-size:0.1em}

/* ---------------------------------- Header ---------------------------------- */
	div#f_header {float:left;width:810px;height:145px;background:url(../../images/view/f_header.gif) no-repeat left top;margin:0 0 0 0}
	
	div#f_header ul#nav {float:left;width:300px;padding:0 10px 0 15px}
	div#f_header ul#nav li {float:left;display:inline;padding:0 8px 0 8px;text-align:center}
	
	div#f_header h1 {float:left;font-size:25px;color:#000000;margin:4px 0 0 15px;font-weight:normal;overflow:hidden}
	div#f_header h2 {float:right;font-size:20px;color:#000000;padding:7px 15px 0 0;font-weight:normal}

/* ---------------------------------- Menu ---------------------------------- */
	div#f_header ul#f_menu {float:left;width:100%;margin:20px 0 0 0}
	div#f_header ul#f_menu li {display:inline}
	div#f_header ul#f_menu li a {float:left;display:block;width:80px;text-align:center;padding:50px 0 0 0}
	div#f_header ul#f_menu li a:hover {color:#E95E03}
	div#f_header ul#f_menu li a.current {color:#E95E03}
	div#f_header ul#f_menu li a.vide,div#footer ul#f_menu_footer li.vide a {color:#4F4F4F}
	
	div#f_header ul#f_menu li#f_menu_bio a {background:url(../../images/view/menu/bio.gif) top center no-repeat}
	div#f_header ul#f_menu li#f_menu_cv a {background:url(../../images/view/menu/cv.gif) top center no-repeat}
	div#f_header ul#f_menu li#f_menu_sons a {background:url(../../images/view/menu/son.gif) top center no-repeat}
	div#f_header ul#f_menu li#f_menu_images a {background:url(../../images/view/menu/photo.gif) top center no-repeat}
	div#f_header ul#f_menu li#f_menu_actu a {background:url(../../images/view/menu/actu.gif) top center no-repeat}
	div#f_header ul#f_menu li#f_menu_videos a {background:url(../../images/view/menu/video.gif) top center no-repeat}
	div#f_header ul#f_menu li#f_menu_annonces a {background:url(../../images/view/menu/annonce.gif) top center no-repeat}
	div#f_header ul#f_menu li#f_menu_presse a {background:url(../../images/view/menu/presse.gif) top center no-repeat}
	div#f_header ul#f_menu li#f_menu_amis a {background:url(../../images/view/menu/ami.gif) top center no-repeat}
	div#f_header ul#f_menu li#f_menu_boutique a {background:url(../../images/view/menu/boutique.gif) top center no-repeat}
	div#f_header ul#f_menu li#f_menu_membres a {background:url(../../images/view/menu/membre.gif) top center no-repeat}

/* ---------------------------------- info ---------------------------------- */
	div#info {float:left;width:140px;padding:0 0 0 20px;overflow:hidden;background:url(../../images/view/separation.jpg) right top no-repeat}
	div#info span#avatar img {display:block;margin:15px 0 2px 0;width:120px;height:120px}
	div#info span#geo {display:block;padding:15px 0 15px 0}
	div#info ul#derniers_sons {display:block;padding:0 0 15px 0;color:#F8D03B;font-weight:bold;font-size:11px}
	div#info ul#derniers_sons li a {color:#F8D03B}
	div#info ul#hits {display:block;padding:0 0 15px 0;color:#F8D03B;font-weight:bold;font-size:11px}
	div#info ul#hits li a {color:#F8D03B;}



/* ---------------------------------- contenu ---------------------------------- */
	div#contenu {float:right;width:640px;overflow:hidden;text-align:justify;margin:15px 0 35px 0}
	div#contenu h3 {font-size:18px;font-weight:bold;color:#F8D03B;margin:0 0 15px 0}
	
	/* Bords arrondis (survol) */
	div.border-top {float:left;width:640px;height:7px;background:url(../../images/view/survol-haut.gif) no-repeat;font-size:0.1em}
	div.border-bottom {float:left;width:640px;height:7px;background:url(../../images/view/survol-bas.gif) no-repeat;font-size:0.1em}
	
	/* CV */
	div#contenu p.cv_titre {font-size:18px;font-weight:bold}
	
	/* Sons */
	div#contenu div.son {padding:5px 5px 0 5px;width:635px;height:25px}
	div#contenu div.son span.s_titre {float:left;font-weight:bold}
	div#contenu div.son span.s_ecoute {float:left;font-size:10px;color:#9F9F9F;padding:2px 0 0 15px}
	div#contenu div.son span.s_note {float:right;padding:1px 5px 0 0}
	
	/* Photos */
	div#contenu div.galerie img {padding:0 12px 12px 0}
	
	/* Membres */
	div#contenu td.m_avatar {padding:5px;width:60px}
	div#contenu span.m_pseudo {font-weight:bold}
	
	/* Videos */
	div#contenu div.video {text-align:center;width:500px;margin:0 auto 25px auto}
	div#contenu div.video h4 {font-size:15px}
	div#contenu div.video embed {margin:0 auto;display:block}
	
	/* Presse */
	div#contenu div.presse {margin:0 0 25px 0}
	div#contenu div.presse span.journal {font-weight:bold;font-size:15px}
	div#contenu div.presse span.date {font-size:11px}
	div#contenu div.presse blockquote.description {width:100%; background: url(../../images/view/close-quote.gif) no-repeat right bottom; font-style:italic; margin:0 0 35px 0}
	div#contenu div.presse blockquote.description:first-letter { background: url(../../images/view/open-quote.gif) no-repeat left top; padding: 0 0 0 25px; font-size:15px; font-weight:bold}
	
	/* Amis */
	div#contenu span.ami {float:left;padding:15px;text-align:center;width:120px}
	div#contenu span.ami a:hover {text-decoration:none}
	
	/* Actu */
	div#contenu div.actu {width:645px;padding:0;margin:0 0 15px 0;cursor:pointer}
	div#contenu div.actu span {float:left;margin:0;overflow:hidden}
	
	div#contenu div.actu div.a_photo {float:left;width:50px;height:50px;padding:0 0 0 8px;margin:0}
	
	div#contenu div.actu div.a_info {float:left;width:560px}
	div#contenu div.actu span.a_titre {float:left;color:#F8D03B;padding:0 0 0 5px;width:560px}
	div#contenu div.actu span.a_date {float:left;color:#9F9F9F;font-size:11px;padding:2px 0 0 5px}
	div#contenu div.actu span.a_localisation {float:left;font-size:11px;padding:2px 0 0 15px}
	div#contenu div.actu span.a_type {float:right;padding:0 25px 0 0;width:100px}
	div#contenu div.actu span.a_fleche {float:right;margin:5px 0 0 0;width:8px;height:8px;background:url(../../images/view/fleche.gif) top no-repeat}
	div#contenu div.actu span.a_nofleche {float:right;margin:8px 0 0 0;width:8px;height:8px}
	
	div#contenu div.actu span.a_salle {float:left;padding:2px 20px 0 5px;color:#9F9F9F;font-size:11px}
	div#contenu div.actu span.a_prix {float:left;padding:2px 0 0 5px;color:#9F9F9F;font-size:11px}
	
	div#contenu div.actu div.a_texte {width:630px;padding:15px 0 25px 8px}
	
	/* Annonce */
	div#contenu div.annonce {width:645px;padding:0;margin:0 0 15px 0;cursor:pointer}
	div#contenu div.annonce span {float:left;margin:0;overflow:hidden}
	
	div#contenu div.annonce div.an_photo {float:left;width:50px;height:50px;padding:0 0 0 8px;margin:0}
	
	div#contenu div.annonce div.an_info {float:left;width:560px}
	div#contenu div.annonce span.an_titre {float:left;color:#F8D03B;padding:0 0 0 5px;width:560px}
	div#contenu div.annonce span.an_date {float:left;color:#9F9F9F;font-size:11px;padding:2px 0 0 5px}
	div#contenu div.annonce span.an_localisation {float:left;font-size:11px;padding:2px 0 0 15px}
	div#contenu div.annonce span.an_type {float:right;padding:0 25px 0 0;width:100px}
	div#contenu div.annonce span.an_fleche {float:right;margin:5px 0 0 0;width:8px;height:8px;background:url(../../images/view/fleche.gif) top no-repeat}
	div#contenu div.annonce span.an_nofleche {float:right;margin:5px 0 0 0;width:8px;height:8px}
	
	div#contenu div.annonce span.an_prix {float:left;padding:2px 20px 0 5px;color:#9F9F9F;font-size:11px;font-weight:bold}
	div#contenu div.annonce span.an_marque {float:left;padding:2px 20px 0 5px;color:#9F9F9F;font-size:11px}
	div#contenu div.annonce span.an_materiel {float:left;padding:2px 20px 0 5px;color:#9F9F9F;font-size:11px}
	div#contenu div.annonce span.an_etat {float:left;padding:2px 0 0 5px;color:#9F9F9F;font-size:11px}
	/*
		div#contenu div.annonce span.an_instrument_joue {float:left;padding:2px 20px 0 5px;color:#9F9F9F;font-size:11px}
		div#contenu div.annonce span.an_instrument_recherche {float:left;padding:2px 0 0 5px;color:#9F9F9F;font-size:11px}
	*/
	
	div#contenu div.annonce div.an_texte {width:630px;padding:15px 0 25px 8px}
	div#contenu div.annonce div.an_texte span.an_message {float:right;padding:5px 0 0 0}
	div#contenu div.annonce div.an_texte span.an_message a {color:#F8D03B}
	
	div#contenu div.alert {color:#FF0000;margin:35px 0 0 0}
	
	
	
	

/* ---------------------------------- footer ---------------------------------- */
	div#footer {float:left;width:100%}
	div#footer ul {float:right;margin:0 0 15px 0}
	div#footer ul li {display:inline}
	
	div#footer div#bandeau {clear:both;width:800px;height:25px;float:right;background:url(../../images/view/f_footer.gif) no-repeat;margin:0 0 15px 0}
	
	

/* ---------------------------------- commentaires ---------------------------------- */
div.commentaire {clear:both;float:right;width:800px;margin:0 0 25px 0}
div.commentaire div.avatar {float:left;width:60px;margin:25px 0 0 0}
div.commentaire div.branche {float:right;background-image:url(../../images/view/commentaire/branche.gif);width:33px;height:21px;margin:35px 0 0 0}

div.commentaire div.c_contenu {float:right;width:700px}
div.commentaire div.c_contenu span.login {color:#F8D03B;font-size:15px;padding:0 0 0 15px}
div.commentaire div.c_contenu span.date {font-size:11px;padding:0 0 0 15px}
div.commentaire div.c_contenu span.supprimer {font-size:13px;padding:0 0 0 15px}
div.commentaire div.c_contenu span.supprimer a {color:#FF0000}
div.commentaire div.c_contenu div.bulle_top {background:url(../../images/view/commentaire/haut.gif) no-repeat;width:700px;height:12px}
div.commentaire div.c_contenu div.bulle {background:#262628;width:670px;padding:0 15px 0 15px;text-align:justify;_margin-top:-4px}
div.commentaire div.c_contenu div.bulle div.titre {font-weight:bold;margin:0 0 5px 0}
div.commentaire div.c_contenu div.bulle_bottom {background:url(../../images/view/commentaire/bas.gif) no-repeat;width:700px;height:12px}

div.commentaire form#new_commentaire {text-align:center}
div.commentaire form#new_commentaire label {float:left;text-align:left;color:#F8D03B}
div.commentaire form#new_commentaire input#c_titre {width:100%}
div.commentaire form#new_commentaire textarea {width:100%;height:150px}



/* ---------------------------------- vote avec les étoiles ---------------------------------- */	
.star-rating{
	list-style:none;
	margin: 0px;
	margin-top:-4px;
	padding:0px;
	width: 95px;
	height: 19px;
	position: relative;
	background: url(../../images/view/star_rating.gif) top left repeat-x;
}
.star-rating li.current-rating{
	background: url(../../images/view/star_rating.gif) left bottom;
	position: relative;
	height: 19px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	padding-top:0px;
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:19px;
	height: 19px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	cursor:default;
}
.star-rating li a:hover{
	/*background: url(../../images/pictos/star_rating.gif) left center;
	z-index: 2;
	left: 0px;*/
	cursor:default;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:19px;
}
.star-rating a.two-stars{
	left:19px;
}
.star-rating a.two-stars:hover{
	width: 38px;
}
.star-rating a.three-stars{
	left: 38px;
}
.star-rating a.three-stars:hover{
	width: 57px;
}
.star-rating a.four-stars{
	left: 57px;
}	
.star-rating a.four-stars:hover{
	width: 76px;
}
.star-rating a.five-stars{
	left: 76px;
}
.star-rating a.five-stars:hover{
	width: 95px;
}