/* ######################################## */
/* ########## STYLE MISE EN PAGE ########## */
/* ######################################## */

body {
	margin:0;
	
	background-image:url(img/bg.jpg);
	background-repeat:repeat-x;
	background-color:#000;
	
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#F0E1E1;
	font-size:13px;
}

#page {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	
	width:807px;
}

#header {
	position:relative;
	
	width:807px;
	height:278px;
}

#banniere {
	position:relative;
	
	width:807px;
	height:244px;
	
	background-image:url(img/banniere.jpg);
	background-repeat:no-repeat;
}

a #banniere_link{
	position:absolute;
	top:0;
	left:0;
	width:310px;
	height:120px;
	background-color:transparent;
	visibility: visible;
	z-index:200;
}

#debord1
{
	position:absolute;
	background-image:url(img/debord_gauche.png);
	width:54px;
	height:66px;
	left: -54px;
	top: 217px;
}

#debord2
{
	position:absolute;
	background-image:url(img/debord_droit.png);
	width:39px;
	height:60px;
	left: 807px;
	top: 222px;
}

#promo{
	position:absolute;
	top:0;
	left:-180px;
	
	width:168px;
	height:218px;
	
	background-image:url(../promo/img/promo.png);
	background-repeat:no-repeat;
}

#promo img{
	margin:7px 0 0 70px;
}

#menu_deroulant{
	position:absolute;
	top:244px;
	left:0;
	
	width:807px;
	height:34px;
	
	background-image:url(img/menu.jpg);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#0b0b0b;
}

#contenu{
	position:relative;
	padding:10px 20px 5px 20px;
	
	background-color:#000;
	
	min-height:260px;
}

.contenu_footer{
	position:relative;
	width:807px;
	height:30px;
	
	background-image:url(img/contenu_footer.png);
	background-repeat:no-repeat;
}

#menu_inf {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding-top:50px;
	
	width:526px;
	height:80px;
	
	background-image:url(img/menu_inf.png);
	background-repeat:no-repeat;
	
	text-align:center;
	color:#5c5c5c;
}

#menu_inf a {
	display:inline;
	padding:0 15px 0 15px;
	border-right:1px solid #6c6c6c;
	
	font-size:13px;
	color:#CCC;
	text-decoration:none;
}

#menu_inf a:hover {
	color:#fff;
	text-decoration:underline;
}



/* ######################################## */
/* ############ STYLE balises ############# */
/* ######################################## */

h1{
	color:#ad8c28;
	/*font:italic 24px Georgia, "Times New Roman", Times, serif;*/
	font-size:32px;
	margin:8px 0 10px 0;
	letter-spacing:1px;
}

h2{
	font:italic 24px Georgia, "Times New Roman", Times, serif;
	color:#ccc;
	letter-spacing:0px;
	margin:10px 0 8px 20px;
}

h3{
	font:italic 18px Georgia, "Times New Roman", Times, serif;
	color:#ad8c28;
	letter-spacing:-1px;
	margin:0 0 10px 0;
}

td{
	text-align:justify;
}

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

a:hover{
	color:#948962;
}

img{
	border:0;
}

p{
	margin:0 0 15px 0;
}


/* ###################################### */
/* ############ STYLE pages ############# */
/* ###################################### */


#player{
	width:240px;
	height:410px;
	margin-top:6px;
	
	float:left;
	background-color:#CCC;
	margin-right:20px;
}


.tableau{
	float:left;
	width:500px;
	text-align:justify;
}

.tableau_accueil{
	float:left;
	padding-left:10px;
	width:390px;
	text-align:justify;
}

.tableau_droite{
	float:left;
	padding-left:30px;
	width:330px;
}


#flashContent{
	height:435px;
	margin-bottom:10px;
}

.suivant{
	text-align:right;
}

.bio{
	text-align:justify;
}

.bio img{
	margin:15px 20px 10px 10px;
	border:1px solid #FFF;
	padding:5px;
}

.formulaire{
	float:left;
	width:360px;
	
	margin-left:30px;
	margin-right:40px;
	
	border-right:1px dotted #333;
}

.chroniques{
	text-align:justify;
	padding-right:10px;
}

.chroniques hr{
	border:1px  dotted #333;
}



#conteneur hr{
	border:1px dotted #292929;
	width:600px;
	margin-bottom:20px;
}

#conteneur .menu_photos a{
	margin-right:15px;
	margin-left:15px;
}

#centre{
	height:600px;
}

.videos{
	margin-top:20px;
	margin-left:30px;
}

.videos img{
	margin-right:40px;
}