/*  import */

@import "reset.css";

/*  general */

body{ 
background-color:#DEDBD8;
font-family:Arial, Helvetica, sans-serif;
margin:0; 
padding:0; 
}

img {border:0;}

h1 {color:#c39;font-size:1.2em;}

a {color:#c39;text-decoration:underline;}
a.tags {color:#57939A;text-decoration:underline;font-weight:bold;}
a.tags:hover {color:#000;text-decoration:underline;}

h2 {color:#89D5E0;font-size:0.9em;}

hr {clear:both;visibility:hidden;}

#header{background:#f9f8f8 url(../images/fond_header.jpg) repeat-x;height:50px;}

	#menu {
	margin: 0 0 0 150px;
	padding: 0;
	font-size:0.9em;
	font-weight:bold;
	}

	#menu span {
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
	display:block;
	}

	#menu a {
	color:#fff;
	text-decoration: none;
	padding: 7px;
	display: block;
	height:23px;
	background-color:none;
	}

	#menu a:hover {background-color:#936;color:#fff;}
	
#menu ul li#currenton a, .on {color:#ff3399;}

#logo{height:110px;background-color:#f9f8f8;}

#global {background-color:#f9f8f8;}

	#haut{background:url(../images/fond_haut.jpg) repeat-x;height:335px;}

		/*  danydan */
		#haut-2 {background:url(../images/fond_haut_danydan.jpg) repeat-x;height:335px;}

		/*  Friends */
		#haut-8 {background:url(../images/fond_haut_simon.jpg) repeat-x;height:335px;}

			/*  Simon */
			#haut-3 {background:url(../images/fond_haut_simon.jpg) repeat-x;height:335px;}

			/*  Marko */
			#haut-4 {background:url(../images/fond_haut_marko.jpg) repeat-x;height:335px;}

		/*  Contact */
		#haut-contact {background:url(../images/fond_haut_contact.jpg) repeat-x;height:335px;}

		/*  Links */
		#haut-7 {background:url(../images/fond_haut_links.jpg) repeat-x;height:335px;}
	
			/*  danydan */
			.haut_illus-2{
			background: url(../images/fond_illus_danydan-3.jpg) no-repeat top left;
			height:335px;
			}
	
			/*  friends */
			.haut_illus-8 {background: url(../images/fond_illus_simon.jpg) no-repeat top left;height:335px;}
	
				/*  Simon */
				.haut_illus-3 {background: url(../images/fond_illus_simon.jpg) no-repeat top left;height:335px;}
		
				/*  Marko */
				.haut_illus-4 {background: url(../images/fond_illus_marko.jpg) no-repeat top left;height:335px;}
	
			/*  links */
			.haut_illus-7 {background: url(../images/fond_illus_links.jpg) no-repeat top left;height:335px;}
	
			/*  Contact */
			.haut_illus-contact {background: url(../images/fond_illus_contact.jpg) no-repeat top left;height:335px;}
		
		#bouton_rss {
		position:absolute;
		float:left;
		top:530px;
		left:735px;
		cursor:pointer;
		}
	
		/* Firefox */
		#brokenbeat {
		position:absolute;
		float:left;
		top:219px;
		left:625px;
		cursor:pointer;
		}
	
	#centre {
	background:#f9f8f8 url(../images/fond_centre.jpg) no-repeat;
	min-height:480px; /* for modern browsers */
	height:auto; /* for IE5.x and IE6 */
	}

		/* Firefox */
	html>/**/body #contenu {margin: 0 0 0 100px;padding:0;}
		
		/* IE 7 */
		*:first-child+html #contenu {margin: 0 0 0 40px;padding:0;}

	#contenu h1 {margin-left: 50px;}
	
		/* Firefox */
	html>/**/body #contenu h2 a {
	margin-left: 10px;
	color:#c39;
	text-decoration:none;
	}

		/* IE 7 */
		*:first-child+html #contenu h2 a {
		margin-left: 80px;
		color:#c39;
		text-decoration:none;
		}

	#contenu p {
	margin-left: 75px;
	margin-right: 15px;
	color:#8B8B8B;
	font-size:0.8em;
	}
			
		.cadre {
		width: 580px;
		padding-top: 10px;
		background: url(../images/fond_cadre-haut.jpg) top left no-repeat;
		}
		
		.cadre p {padding-right:5px;}
		
		/* IE 7 */
		*:first-child+html .cadre object {margin-left:75px;}
		
		/* IE 7 */
		*:first-child+html .cadre h2 {color:#89D5E0;text-decoration:none;}
			
			.bloccadre {padding-bottom: 10px;background: url(../images/fond_cadre-bas.jpg) bottom left no-repeat;}
			
				.bloccadre ul {list-style-type:none;font-size:0.8em;}
			
			/* Firefox */
			html>/**/body .date {
			position:relative;
			float:left;
			top:5px;
			left:1px;
			background: url(../images/fond_date.jpg) top left no-repeat;
			width:66px;
			height:94px;
			}
			
			/* IE 7 */
			*:first-child+html .date {
			position:relative;
			float:left;
			top:5px;
			left:67px;
			background: url(../images/fond_date.jpg) top left no-repeat;
			width:66px;
			height:94px;
			}
			
				.date span {
				display:block;
				padding: 23px 0 0 20px;
				width:20px;
				color:#602149;
				font-size:1.1em;
				font-weight:bold;
				}
				
			.commentaires {
			background: url(../images/picto_comments.jpg) top left no-repeat;
			padding-left:25px;
			margin-right:40px;
			width: 200px;
			margin: 0;
			float:right;
			color:#8B8B8B;
			}		
					
				.commentaires a {color:#8B8B8B;font-size:0.8em;}
					
				.commentaires a:hover {text-decoration:none;}
				
			.play {
			float:right;
			margin-right:40px;
			margin-top:-10px;
			}
			
/* TITRE RUBRIQUES */

		/* FIREFOX */
		html>/**/body #rubtitre_principal {
		font-size:1.2em;
		color:#5A5958;
		list-style-type:none;
		margin:-15px 0 0 42px;
		padding:0;
		position: absolute;
		}
		
		/* IE 7 */
		*:first-child+html #rubtitre_principal {
		font-size:1.2em;
		color:#5A5958;
		list-style-type:none;
		margin:-30px 0 0 108px;
		padding:0;
		position: absolute;
		}
	
			#rubtitre_principal span {
			margin:0;
			float:left;
			padding: 5px 25px;
			}
			
			span.rubtitre_principal {
			background: url(../images/fond_cadre_grand-descriptif.jpg) top left no-repeat;
			color:#fff;
			width: 400px;
			height:35px;
			display:block;
			}
			
			span.rubtitre_principal-2 {
			background: url(../images/fond_cadre_grand-descriptif.jpg) top left no-repeat;
			color:#fff;
			width: 400px;
			height:35px;
			display:block;
			}
			
			span.rubtitre_principal-3 {
			background: url(../images/fond_cadre_grand-descriptif.jpg) top left no-repeat;
			color:#fff;
			width: 400px;
			height:35px;
			display:block;
			}
			
			span.rubtitre_principal-4 {
			background: url(../images/fond_cadre_grand-descriptif.jpg) top left no-repeat;
			color:#fff;
			width: 400px;
			height:35px;
			display:block;
			}
			
			span.rubtitre_principal-7 {
			background: url(../images/fond_cadre_grand-descriptif.jpg) top left no-repeat;
			color:#fff;
			width: 400px;
			height:35px;
			display:block;
			}

		/* FIREFOX */
		html>/**/body #arttitre_principal {
		font-size:1.2em;
		color:#5A5958;
		list-style-type:none;
		margin:-15px 0 0 42px;
		padding:0;
		position: absolute;
		}
		
		/* IE 7 */
		*:first-child+html #arttitre_principal {
		font-size:1.2em;
		color:#5A5958;
		list-style-type:none;
		margin:-30px 0 0 42px;
		padding:0;
		position: absolute;
		}
	
			#arttitre_principal span {
			margin:0;
			float:left;
			padding: 5px 25px;
			}


/* FRIENDS */
		ul#rubtitre {
		font-size:1.2em;
		color:#5A5958;
		list-style-type:none;
		margin:0 0 0 42px;
		padding:0;
		}
	
			ul#rubtitre li {
			margin:1px 0 0 0;
			padding:0;
			float:left;
			}
	
			ul#rubtitre a {
			width: 220px;
			height:35px;
			display:block;
			padding:10px;
			text-decoration:none;
			}
	
			.tabs-nav a {color:#666;}
	
			ul#rubtitre a:hover {color:#fff;text-decoration:none;}
			
			a.rubtitre-3 {background: url(../images/fond_cadre-descriptif.jpg) top left no-repeat;}
			
			a.rubtitre-4 {background: url(../images/fond_cadre-descriptif.jpg) top left no-repeat;}
			
			li.tabs-selected a {color: #fff;}
			
			@media projection, screen {
			.tabs-hide {
			display: none;
			}
			}
			
			@media print {
			.tabs-nav {
			display: none;
			}
			}

		#friendsrub {width:595px;}

		#friendsrub p.descriptif_friends {
		font-size:0.7em;
		color:#5A5958;
		position: relative;
		}
			
		.pagination {color:#8B8B8B;}
		
		.pagination a {color:#8B8B8B;font-size:0.8em;}
			
		.pagination a:hover {text-decoration:none;}

/* COMMENTAIRES */	

fieldset.previsu {
border: 1px dashed #ff3399;
background-color:#fff;
padding:5px;
}

/* FIREFOX */
html>/**/body #titre_commentaire { 
font-size:1.2em;
color:#5A5958;
list-style-type:none;
margin:-15px 0 0 42px;
padding:0;
position: absolute;
}

/* IE 7 */
*:first-child+html #titre_commentaire { 
font-size:1.2em;
color:#5A5958;
list-style-type:none;
margin:-30px 0 0 42px;
padding:0;
position: absolute;
}

	#titre_commentaire span {
	margin:0;
	float:left;
	padding: 5px 25px;
	}
	
	span.titre_commentaire {
	background: url(../images/fond_cadre_grand-descriptif.jpg) top left no-repeat;
	color:#fff;
	width: 400px;
	height:35px;
	display:block;
	}
	
	.titre_commentaire a{color:#fff;}

.com_cadre {
width: 595px;
padding-top: 10px;
background: url(../images/fond_cadre_com-haut.jpg) top left no-repeat;
}
			
	.com_cadre p {padding-right:5px;}
		
	.com_cadre h2 {
	color:#c39;
	text-decoration:none;
	margin-left: 70px;
	}
	
	.com_bloccadre {padding-bottom: 10px;background: url(../images/fond_cadre_com-bas.jpg) bottom left no-repeat;}

/* CONTACT */	

/* FIREFOX */
html>/**/body #about { 
font-size:1.2em;
color:#5A5958;
list-style-type:none;
margin:-15px 0 0 42px;
padding:0;
position: absolute;
}

/* IE 7 */
*:first-child+html #about { 
font-size:1.2em;
color:#5A5958;
list-style-type:none;
margin:-30px 0 0 42px;
padding:0;
position: absolute;
}

	#about span {
	margin:0;
	float:left;
	padding: 5px 25px;
	}
	
	span.about {
	background: url(../images/fond_cadre_grand-descriptif.jpg) top left no-repeat;
	color:#fff;
	width: 400px;
	height:35px;
	display:block;
	}

/* FIREFOX */
html>/**/body #promos { 
font-size:1.2em;
color:#5A5958;
list-style-type:none;
margin:-15px 0 0 42px;
padding:0;
position: absolute;
}

/* IE 7 */
*:first-child+html #promos { 
font-size:1.2em;
color:#5A5958;
list-style-type:none;
margin:-30px 0 0 42px;
padding:0;
position: absolute;
}

	#promos span {
	margin:0;
	float:left;
	padding: 5px 25px;
	}
	
	span.promos {
	background: url(../images/fond_cadre_grand-descriptif.jpg) top left no-repeat;
	color:#fff;
	width: 400px;
	height:35px;
	display:block;
	}

/* FORMULAIRES */	

.formulaire_spip {width:500px;margin-left:30px;}

/* FOOTER */	

#footer { 
background:#DEDBD8 url(../images/fond_bas.jpg) repeat-x;
clear:both;
height:auto;
margin-top:-20px;
}

	#pub {
	margin:0;
	display:block;
	width:562px;
	height:90px;
	background:url(../images/fond_cadre-pub.jpg) no-repeat top left;
	margin-left: 125px;
	padding-left:50px;
	padding-top:40px;
	}

	/* FIREFOX */
	html>/**/body #pub p {padding-top:40px;padding-left:50px;}
	
	/* IE 7 */
	*:first-child+html #pub p {padding-top:20px;padding-left:50px;}

	#cadre_footer {margin-left: 125px;}

		#cadre_footer h1 {margin-left: 40px;}

		#cadre_footer p {
		margin: 0 40px;
		font-size:0.9em;
		color:#999;		
		}

		#cadre_footer a {text-decoration:none;color:#57939A;}

		#cadre_footer a:hover {text-decoration: underline;color:#c39;	}
			
		.footer_cadre {
		width: 570px;
		padding-top: 10px;
		background: url(../images/fond_cadre_footer-haut.jpg) top left no-repeat;
		}
		
		.footer_bloccadre {padding-bottom: 10px;background: url(../images/fond_cadre_footer-bas.jpg) bottom left no-repeat;}
		
		.frequence {display:none;}
	
	.footer_rss {
	background-color:#f7f7f7;
	width:500px;
	font-size:0.9em;
	color:#999;
	margin-left:20px;
	}

		#img_podcatchers {cursor:pointer;}
		#img_mail_rss {cursor:pointer;}

	.footer_links {
	position: relative;
	width: 25em;
	padding-right: 10em;	
	}
	
	.footer_coms {
	position: absolute;
	top: 0;
	left: 14em;
	width: 23em;
	font-size:1em;
	color:#999;
	}

	#credit {
	font-size:0.8em;
	color:#999;
	margin-left:40px;
	}

	.top {text-align:right;padding-right:20px;}