html,body{
	color: #fff;
	font-size: 10%;
	font-family:   Trebuchet MS, Arial,Verdana, Geneva, Helvetica, sans-serif;
	background: url('img/motif-fond-gris.gif') #000;
	padding:0;
	margin:0;

}

img{border:solid 1px white;} 
object{display:block;margin: 5px 5px 5px 5px;border:solid 1px white;}


/* ############################# Tool BAR #####################################*/		

#toolbar {padding:0;margin:0;font-size:11px;}
#toolbar a {color :#9A9A9A;text-decoration:none;padding:0;margin:0 3px 0 3px;}
#toolbar a:hover{text-decoration:underline;color:#fff;}


/*---------------------- Structure principale ------------------------ */

#header{width:100%;background:url('img/motif-fond-rose.gif') #fff ;padding:0;margin:0;height:264px;}
	#ban{background:url("img/Header-final-2.gif") no-repeat;height:264px;width:862px;margin-left:auto;margin-right:auto;} 
	
#barre-menu {height:100px;}
	#menu-content {width:895px;height:60px;margin-left:auto;margin-right:auto;margin-top:10px;}
		.menu_alaune a {float:left;background:url("img/menu_alaune.png") no-repeat;width:171px;height:57px;color:#000;margin:2px 0 0 15px;}
			.menu_alaune a:hover {background:url("img/menu_hover_alaune.png");color:#323cfb;}
		.menu_interviews a{float:left;background:url("img/menu_interviews.png") no-repeat;width:171px;height:57px;margin-left:5px;color:#000;}
			.menu_interviews a:hover {background:url("img/menu_hover_interviews.png");color:#0dc712;}
		.menu_chroniques a{float:left;background:url("img/menu_chroniques.png") no-repeat;width:171px;height:57px;margin-left:5px;color:#000;}
			.menu_chroniques a:hover {background:url("img/menu_hover_chroniques.png");color:#ffc600;}
		.menu_divers a{float:left;background:url("img/menu_divers.png") no-repeat;width:171px;height:57px;margin-left:5px;color:#000;}
			.menu_divers a:hover {background:url("img/menu_hover_divers.png");color:#f46608;}
		.menu_contacts a{float:left;background:url("img/menu_contact.png") no-repeat;width:171px;	height:57px;margin-left:5px;color:#000;}
			.menu_contacts a:hover {background:url("img/menu_hover_contact.png");color:#da1543;}

			
#corps {width:100%;float:left;text-align:justify;}

#sidebar{float:right;width:250px;margin:0 15px 0 0;color:black;padding:3px;}


#page {overflow:hidden;height:1%;margin: 0 15px 0 15px;padding:0 10px 10px 10px;font-size:15px;color:black;}


.title {margin:0 0 0 5px;padding:0 0 0 0;}


.alaune-h5 {background:white;color:black;font-size:26px;width:100%;padding:0;margin:0 0 3px 0;}

.page{overflow:hidden;height:1%;margin:0 0 35px 0;color:white;}
	.page a {text-decoration:none;}
	.page h1 {width:100%;color:#fff;text-transform:uppercase ;margin:0px 0 3px 0;font-size:20px;}
	.page h2 {width:100%;margin:0px;font-size:22px;text-align:right;}
	.page img{
		margin:5px 5px 5px 5px;
		float:right;
		width:expression(document.body.clientWidth > 200? "200px": "auto" ); /* equivalent de max-width pour IE (ce con) */
		max-width:200px;
	}


	#rubrique1{width:49%;float:left;padding-bottom:25px;border-bottom:solid 1px #4515f6;}
		#rubrique1 h1 {background-color:#4515f6;}
		#rubrique1 h2 {color:#4515f6;}
		#rubrique1 a {color:#4515f6;}
		#rubrique1 img {border:solid 1px #4515f6;}
		.rubrique1-links  {color:#4515f6;text-decoration:none;}
		.rubrique1-links:hover {text-decoration:underline;}
		
	#rubrique2{width:49%;float:right;padding-bottom:25px;border-bottom:solid 1px #da1543;}
		#rubrique2 h1 {background-color:#da1543;}
		#rubrique2 h2 {color:#da1543;}
		#rubrique2 a {color:#da1543;}
		#rubrique2 img {border:solid 1px #da1543;}
		.rubrique2-links  {color:#da1543;text-decoration:none;}
		.rubrique2-links:hover {text-decoration:underline;}
		
	#rubrique3{width:49%;float:left;padding-bottom:25px;border-bottom:solid 1px #f46608;}
		#rubrique3 h1 {background-color:#f46608;}
		#rubrique3 h2 {color:#f46608;}
		#rubrique3 a {color:#f46608;}		
		#rubrique3 img {border:solid 1px #f46608;}
		.rubrique3-links  {color:#f46608;text-decoration:none;}
		.rubrique3-links:hover {text-decoration:underline;}
	
	#rubrique4{width:49%;float:right;padding-bottom:25px;border-bottom:solid 1px #18b01c;}
		#rubrique4 h1 {background-color:#18b01c;}
		#rubrique4 h2 {color:#18b01c;}
		#rubrique4 a {color:#18b01c;}
		#rubrique4 img {border:solid 1px #18b01c;}
		.rubrique4-links  {color:#18b01c;text-decoration:none;}
		.rubrique4-links:hover {text-decoration:underline;}

	
.rubrique-info {width:100%;text-align:right;margin:0;font-size:11px;}
	.rubrique-info a {text-decoration: underline;}
	.rubrique-info a:hover {text-decoration: none;}

.rubrique-content {font-size:13px;}
	.rubrique-content a {text-decoration:underline;}
	.rubrique-content a:hover {text-decoration:none;}
	
	
	


.sondage{color:white;background:#ffc600;font-size:25px;width:49%;padding:0;margin:0 0 5px 0;}
#sondage {overflow:hidden;height:1%;border: solid 1px #ffc600;margin-bottom: 5px;}


#sondage object { margin-left:30px;float:right; }


#sondage-left{width:47%;float:left;height:150px;}
#sondage-left img { float:right;}
#sondage-left h2 {text-align:right;color:#ffc600;}
#sondage-left h3 {text-align:right;color:#ffffff;}

#sondage-vs {float:left;width:6%; height:110px; color:#ffc600;font-size:50px;font-family:Impact;text-align:center;padding-top:25px;}


#sondage-right {width:47%;float:right;height:150px;}
#sondage-right h2 {text-align:left;color:#ffc600;}
#sondage-right img {float:left;}


#sondage-form { float:left; width: 99%;text-align:center;}
#sondage-form h3 {color:#ffc600;font-size: 25px;margin:0; padding:0;}
#sondage-form fieldset {color:#ffc600;font-size: 20px;}

#sondage-form h5 {float:left;color:#ffc600;font-size: 18px;margin:0; padding:0;}
	
/* ############################# Rubriques #####################################*/	

.rubrique-h5 {background: #da1543;color:white;font-size:26px;width:100%;padding:0;margin:0 0 3px 0;}
.list-info {color: white;font-size:14px;padding: 0 0 0 20px; }
		
.liste { float:left;color: white;border: solid 0px #2F2C2C; margin: 5px 0 5px 0;background: #050505; }
	.liste img { width:100px; height: 100px;float:left;margin: 5px;}
	.liste a{color: #da1543;text-decoration:none;}
	.liste a:hover{text-decoration:underline;}

.titre-billet {font-size: 20px;}	

	







/* ################### Lorsque une seul Billet est demandé  #############################*/
	/* ################### PARTIE BILLET  #############################*/
#global-post {overflow:hidden;height:1%;margin: 0 15px 0 15px;padding:0 10px 10px 10px;font-size:15px;}
	#global-post h5 {width:100%;background-color: #ffc600;color:#fff;font-size:26px;margin:0 0 3px 0; }

	
.post{border-bottom:solid 2px #ffc600;margin: 0 0 10px 0;}
.post-title {margin:0 0 0 10px;padding:0;}
.post-info{margin:0 0 0px 0;padding:0;text-align:right;border-bottom:solid 2px #ffc600;}

	.post-global-content h1 {background:#fff;color:#000;font-size:18px;padding:2px 2px 2px 10px;margin:5px 0 5px 0;text-align:center;}
	.post-global-content h2 {font-size:18px;padding:2px 2px 2px 10px;color:#ffc600;margin:3px 0 3px 0;}
	.post-global-content img {display:block; margin: 5px auto 5px auto;
		width:expression(document.body.clientWidth >= 400? "400px": "auto" ); /* equivalent de max-width pour IE (ce con) */
		max-width:400px;
	}
	.post-global-content a {text-decoration:underline;color:#ffc600;}
	.post-global-content a:hover{text-decoration:none;}
	

.post-chapo{font-style:italic;padding:5px;margin: 0 0 5px 0;color:#fff;}
.post-content{padding:5px;color:#fff;font-family:Arial;}

	/* ################### PARTIE COMMENTAIRE  #############################*/
	
.error {padding: 5px;border:solid 2px #DA1543;}	
.errmsg {color:#DA1543;font-size: 20px;}
	
	

#comments{float:left;width:100%;}
#comments a{text-decoration:underline;color:#ffc600;}
#comments:hover {text-decoration:none;}

.no-comment{padding:5px;}


.comment {display:block;margin:0 0 10px 0;background:#1d1d1d;width:70%}


.comment-info{float:right;margin: 0 0 2px 0;padding:0 10px 0 3px;text-align:right;}
.comment-author {font-size:26px;height:40px;padding:15px 0 0 10px;}
.comment-text{color:#ffc600;font-size: 12px;margin:0;padding:3px 0 3px 10px;}


fieldset { border:none;padding:0;margin:0;}
.field {padding:0;margin:2px 0 2px 0;}
input{background:#ffc600;border:1px solid #000;}
	input:focus{background:#000;color:#ffc600;border: 1px solid #ffc600;}
#c_check{background:#DA1543;border:1px solid #000;font-weight:bold;}
	#c_check:focus{background:#000;border:1px solid #DA1543;color: #DA1543;font-weight:bold;}
#c_content {border: 2px solid #000;}
	#c_content:focus {border: 2px solid #ffc600;}


/* ################################  PAGES CONNEXES (SOMMAIRE/ARCHIVES/CONTACT/PARTENARIAT) ##############################*/


	

#index-sommaire {padding:3px 10px 10px 10px;color:white;}
	#index-sommaire a {text-decoration: none;color:#da1543;padding: 0;}
	#index-sommaire a:hover {text-decoration:underline;}
	#index-sommaire h2 {font-size:20px;color: #da1543;padding:0;margin:0 0 5px 0;}
	#index-sommaire h2 a{color:#da1543;}
.sommaire-h5  {width:100%;background-color: #da1543;color:#fff;font-size:26px;margin:0 0 3px 0; }	
.list-sommaire {margin:0 0 20px 15px;padding:2px 0 2px 5px;}




#index-archives {padding:3px 10px 10px 10px;color:white;}
	#index-archives a {text-decoration: none;color:#f46608;padding: 0;}
	#index-archives a:hover {text-decoration:underline;}
	#index-archives h2 {font-size:20px;color: #ffffff;padding:0;margin:0 0 5px 0;}
	#index-archives h2 a{color:#cc0aca;}
.archives-h5 {width:100%;background-color: #f46608;color:#fff;font-size:26px;margin:0 0 3px 0; }	
.list-archives {margin:0 0 20px 15px;padding:2px 0 2px 5px;}




.contact-h5{background:#323cfb;color:white;font-size:26px;width:100%;padding:0;margin:0 0 3px 0; }
#contact{padding:3px 10px 10px 10px;color:white;}
	#contact h3 {color:#323cfb;margin:0;padding:0;}
	#contact a{color:#323cfb;text-decoration:none;}
	#contact a:hover{text-decoration:underline;}
	.para {padding-left: 15px;margin:0 0 10px 0;}


	
#liens {float:left;width:49%;margin:0 0 0 0; }
.liens-h5{background:#cb2b91;color:white;font-size:26px;width:100%padding:0;margin:0 0 3px 0; }

#liens ul {padding:0 0 0 15px; margin:0;}
#liens a{color:#cb2b91;font-size:12px;text-decoration:none;}
#liens a:hover{background:#cb2b91;color:white;}
#liens li {list-style:none;font-size:12px;}

#liens h3 {color:#d54ac9;}

#liens-artistes {float:left;width:50%;}
#liens-blogs{float:right;width:50%;}


#partenariat{float:right;width:49%;padding:0;color:white;}
.partenariat-h5{background:#cb2b91;color:white;font-size:26px;width:100%;padding:0;margin:0 0 3px 0; }
#partenariat img {border:none;float:left;margin: 0 15px 0px 0;}






/*################################## SIDEBAR ################################################### */


#functions{width:250px;height:25px;margin: 0 0 10px 0;padding:0 0 0 0px;text-align:center;}

.func-archives a {float:left;background:url("img/archives-2.png") no-repeat ;width:25px;height:25px;padding:0;margin:0 5px 0 0;}
	.func-archives a:hover{background:url('img/archives-2-hover.png') no-repeat;width:25px;height:25px;}
.func-sommaire a  {float:left;background:url("img/sommaire-2.png") no-repeat;width:25px;height:25px;padding:0;margin:0 5px 0 0;}
	.func-sommaire a:hover{background:url("img/sommaire-2-hover.png") no-repeat;width:25px;height:25px;padding:0;}
.func-liens a {float:left;background:url("img/liens.png") no-repeat ;width:25px;height:25px;padding:0;margin:0 5px 0 0;}
	.func-liens a:hover {float:left;background:url("img/liens-hover.png") no-repeat ;width:25px;height:25px;padding:0;margin:0 5px 0 0;}


	
#bar {background:white;}

#bar h5 {font-size:22px;padding:0 0 0 2px; margin: 0;}
#bar img {
		display:block; margin: 5px auto 5px auto;
		width:expression(document.body.clientWidth > 200? "200px": "auto" ); /* equivalent de max-width pour IE (ce con) */
		max-width:200px;
		}

#bar a:hover {text-decoration:underline;}


#news {padding:0 0 0 5px;font-size:13px;margin:0 0 20px 0;}
#last-coms{padding:0;font-size:13px;margin: 0 0 20px 0;}
	#last-coms a{color:#da1543;text-decoration:none;}
	#last-coms a:hover {color:#da1543;text-decoration:underline;}
	#last-coms ul {padding:0 0 0 5px; margin:0;list-style:none;}
	#last-coms li {padding:0;margin:0;}

	



.news {color:white;background:#4515f6;}
.coms {color:white;background:#da1543;}
.playlist {color:white;background:#f46608;}
.agenda {color:white;background:#18b01c;}



/* ################################# FOOTER ###################################*/

#footer {float:left;width:50%;margin:20px 0 0 15px;padding:0;}
#footer p {font-size:14px;margin:2px;padding:0;}
#footer a {color :#9A9A9A;text-decoration:none;padding:0;margin:0 3px 0 3px;}
#footer a:hover{text-decoration:underline;color:#fff;}

.func-top a {float:left;background:url('img/top.png') no-repeat;width:25px; height:25px;margin:10px 0 0 7px;}
	.func-top a:hover {background:url('img/top-hover.png') no-repeat;width:25px; height:25px;