@CHARSET "UTF-8";

body, img, ul, li, iframe{ margin:0; padding:0 }
 
img, iframe{ border:none }

ul{ list-style-type:none; }

a{ color:#bf9fd1; text-decoration:none }

h2{ font-size:16px; color:#963fbe; margin: 5px 0; }
h2.tendances{ color:#83c126; font-size:20px; }
h2.reagissez{ color:#fa7f28; font-size:20px; margin:0 0 20px 15px; }
h2.vouscombler{ color:#18a3f5; font-size:20px; margin:0 0 20px 0px; }
h2.cadeaux{ color:#e61083; font-size:20px; margin:0 0 20px 0px; }
h2.editions{ font-size:20px; margin:0 0 20px 0px; }
h3.ssTitre{ color:#963fbe; font-size:11px;}

p{ margin: 5px 0 }

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	
	background:#000; 
}


/**
 * Entete
 */
div#entete{
	height: 29px;
	width: 100%;
	background:	url(../images/interface/pattern_back_entete.png) repeat-x;
}

	div#entete_content{
		width: 999px;
		height: 100%;
		margin: 0 auto;
	}
	
	div#entete_content img#entete_logo{
		float:left;
		display:block;
	}
	
	div#entete_content #entete_player_son{
		display:block;
		float:right;
	}

/**
 * Pied
 */
div#pied{
	height: 47px;
	width: 100%;
	background:	url(../images/interface/pattern_back_pied.png) repeat-x;
}

	div#pied_content{
		width: 999px;
		height: 100%;
		margin: 0 auto;
		padding-top:7px;
	}
	
	ul#menu_bas{
		float:right;
	}
	
	ul#menu_bas li{
		font-size:11px;
		display:inline;
		padding-right:12px;
		margin-right:10px;
		background: url(../images/interface/menu_bas_separateur.png) right 4px no-repeat; 
	}
	
	ul#menu_bas li.lastItem{
		padding-right:0;
		margin-right:0;
		background: none;
	}
	
	ul#menu_bas_left{
		float:left;
		
	}
	
	ul#menu_bas_left li{
		font-size:11px;
		display:inline;
		padding-left: 42px;
	}

/**
 * Centre
 */
iframe#centre_iframe{
	width:100%;
	height:745px;
}

div#centre{
	height: 688px;
	width: 100%;
	background:	url(../images/interface/pattern_back_centre.png) repeat-x;
}

	div#centre_content{
		width: 1000px;
		height: 100%;
		margin: 0 auto;
	}
	
/**
 * Colonne de droite
 */
div#colDroite{
	width:433px;
	height: 100%;
	float:right;
	background:#0f0d11;
}

	/** Menu du haut **/
	ul#menu_haut{
		margin-left:2px;
		height:66px;
	}
	
	ul#menu_haut li{
		float:left;
		margin:0 2px; 
	}
	
	ul#menu_haut li img{ display:block }
	
	ul#menu_haut li.lastItem{
		margin:0;
	}

	/** Contenu textuel dans la colonne de droite **/
	div.content_col_droite{
		padding:0 15px;
	}
	
	img.content_visuel{
		display:block;
		margin:30px 0;
	}
	
	img.btRight{
		display:block;
		float:right;
	}

	/**
	 * Formulaire 'Réagissez'
	 */
	form#reagissez{ margin:0; padding:0; font-size:11px; }
	form#reagissez fieldset{ margin:0; padding:0; border:none; }
	
	form#reagissez p#reponseForm{
		text-align:center;
		height:30px;
		margin:0 0 10px 0;
	}
	
	form#reagissez fieldset#fs_coods{
		width:362px;
		height:447px;
		background: url(../images/interface/back_form_reagissez.jpg) no-repeat;
		padding:60px 40px 0 30px;
	}
	
	form#reagissez fieldset#fs_coods label{
		font-weight:bold;
		color:#4e2461;
		margin: 5px 0;
	}
	
	form#reagissez fieldset#fs_coods input{
		display:block;
		width:100%;
		padding:5px;
		border: 1px solid #8c857d;
		margin:5px 0 15px 0;
	}
	
	form#reagissez fieldset#fs_coods textarea{
		display:block;
		width:100%;
		height:105px;
		padding:5px;
		border: 1px solid #8c857d;
		margin:5px 0 15px 0;
	}
	
	.nobold{ font-weight:normal }
	
	.writeCommentBad{ color: red }
	
	.writeCommentGood{ color: green }
	
	/***********************************/
	/* Les bonus                       */
	/***********************************/
	
	ul.galerie {
		float:left;
		list-style-type:none;
		margin:0 15px 0 0;
		padding:0;
		text-align:center;
		width:115px;
		display:inline;
		margin:0 0 15px 55px;
	}
	
	ul.impair{
		margin:0 0 15px 65px;
	}
	
	ul.galerie li {
		margin-bottom:5px;
	}
	
	/***********************************/
	/* Editions précédentes                       */
	/***********************************/
	
	ul.editions {
		float:left;
		list-style-type:none;
		margin:0 15px 0 0;
		padding:0;
		text-align:center;
		width:150px;
		display:inline;
		margin:0 0 15px 30px;
	}
	
	ul.edImpair{
		margin:0 0 15px 45px;
	}
	
	ul.editions li {
		margin-bottom:5px;
		text-align:center;
	}	
	
	/***********************************/
	/* Liste des commentaires          */
	/***********************************/
	div#listeCommentaires{
		width:372px;
		height:467px;
		background: url(../images/interface/back_form_reagissez.jpg) no-repeat;
		padding:50px 30px 0;
	}
	
	div#listeCommentaires ul{
		height:400px;
	}
	
	div#listeCommentaires ul li{
		margin-bottom:15px;
	}

	div#listeCommentaires ul li p{
		color:#4e2461;
	}
	
	div#listeCommentaires ul li p.date{ font-size:11px; }
	div#listeCommentaires ul li p.contenu{ background:#e6e1da; border:1px solid #8c857d; padding:3px; min-height:30px; height: auto !important; height: 30px; }
	
	p#pagesCommentaires{ text-align:center; }
	p#pagesCommentaires a{ padding:1px 3px; background:#8c857d; color:#fff; } 
	p#pagesCommentaires span{ padding:1px 3px; background:#fa7f28; color:#fff; }
	p#pagesCommentaires a:hover{ background:#fa7f28; }
	
/*********************************/
/* Classes divers
/*********************************/
	
.bold{ font-weight:bold }
.flRight{ display:block; float:right; display:inline }