/* ------------- REGGAE.FR CSS Document ----------------- */
/* ------------------ Structure.css --------------------- */
html {
	height:100%;
}

body {
	background-image: url(../../public/images/back_paper.jpg);
	background-color: #E9D2A9;
	text-align:center;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	height:100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#conteneur-global {
	min-height: 100%;
	width: 100%;
}

#conteneur-tout {
	width: 994px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	/*position:relative;
	z-index:10;*/
}

#conteneur-habillage {
	height:265px;	
	background-repeat:no-repeat;
}

#conteneur-banntop {
	height:100px;
	background-image:url(../images/tmp_player_top.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	margin-left:138px;
	margin-top:5px;
}

#conteneur-header {
	width:914px;
	height: 35px;
	background-image:url(../images/header_rempl.gif);
	background-repeat:no-repeat;
	padding-left: 80px;	
}


#conteneur-gauche {
	width: 135px;
	float:left;
}

#conteneur-centre {
	width: 729px;
	float:left;
	margin-left:5px;
}
#conteneur-droit {
	width: 120px;
	float:left;
	margin-left:5px;
}

#conteneur-bottom {
	/*position: relative;*/
    /*z-index:5;*/
	clear:both;
	height:205px;
	width:100%;
	background-image:url(../images/bottomRFR.gif);
	bottom:0;
	left:0;	
	text-align:left;
	
	
	}
/*---------------------------Footer-----------------------------*/	
#footer {
width:500px;
margin-left:480px;
padding-top: 20px;
line-height: 12px;

}
	

/*---------------------Elements gauche--------------------------*/
#ctgauche-lien {
	margin-left: 20px;
}
#ctgauche-date {
	padding-left: 20px;
	padding-bottom:5px;
	background-image:url(../images/fleche_verte.gif);
	background-repeat:no-repeat;
	line-height:15px;
}

#ctgauche-flyer {
	margin-top: 5px;
	text-align: center;
}


/*--------------------Elements centre --------------------------*/
#ctcentre-menu {
	width: 729px;
 	height: 36px;
}

#ctcentre-edito {
	width: 729px;
}

#edito-flash {
	width: 350px;
 	height: 175px;	
	float:left;
	margin-left: 10px;
	
}

#edito-texte {
	width: 340px;
 	height: 175px;	
	float:left;
	margin-left: 15px;
	text-align:left;
}


#conteneur-cgauche {
	width: 362px;
	float:left;

}

#conteneur-cdroit {
	width: 362px;
	float:left;
	margin-left:5px;
}


#rempl362 {
	background-image:url(../images/rempl362.gif);
}
/*--------------------Commentaire -------------------------*/
#commentaire {
	width: 424px;
}

#commentaire-top {
	height: 45px;
	
}

#commentaire-rempl {
	background-image:url(../images/rempl424.gif);
}


#commentaire-bottom {
	background-image:url(../images/bottom424_vert.gif);	
	line-height: 25px;
	padding-left: 290px;
	height: 25px;	
}

/*--------------------Espace 362 --------------------------*/
#bottom362 {
    height: 25px;	
	padding-left: 235px;
	line-height: 25px;
	background-image:url(../images/bottom362.gif);	
}

#bottom362-vert {
    height: 25px;	
	padding-left: 235px;
	line-height: 25px;
	background-image:url(../images/bottom362_vert.gif);	
}

#bottom362-jaune {
    height: 25px;	
	padding-left: 235px;
	line-height: 25px;
	background-image:url(../images/bottom362_jaune.gif);	
}

#bottom362-rouge {
    height: 25px;	
	padding-left: 235px;
	line-height: 25px;
	background-image:url(../images/bottom362_rouge.gif);	
}

#element362 {
	width:352px;
	height: 70px;
	margin-left: 10px;
	padding-top: 10px;
	clear:both;
}

#element362_mag {
	width:352px;
	height: 85px;
	margin-left: 10px;
	padding-top: 10px;
	clear:both;
}

#element362-img {	
	float:left;
	
}
	
#element362-texte {
	margin-left: 5px;	
	float:left;
	width: 260px;
}

#element362-news {	
	margin-left:10Px;
	line-height: 20px;		
	width: 340px;
	clear:left;
}

/*--------------------Espace 300 --------------------------*/
#bottom300-vert {
    height: 25px;	
	padding-left: 235px;
	line-height: 25px;
	background-image:url(../images/bottom300_vert.gif);	
}

#bottom300-jaune {
    height: 25px;	
	padding-left: 170px;
	line-height: 25px;
	background-image:url(../images/bottom300_jaune.gif);	
}

#bottom300-rouge {
    height: 25px;	
	padding-left: 235px;
	line-height: 25px;
	background-image:url(../images/bottom300_rouge.gif);	
}

#element300 {
	width:290px;
	height: 80px;
	margin-left: 10px;
	padding-top: 10px;
	clear:both;
}

#element300-img {	
	float:left;
	width:90px;
	
}
	
#element300-texte {
	margin-left: 5px;	
	float:left;
	width:190px;
	
}


#element220 {
	width:200px;
	height: 70px;
	margin-left: 10px;
	padding-top: 10px;
	clear:both;
}

#element220-img {	
	float:left;
	width:80px;		
}
	
#element220-texte {
	margin-left: 5px;	
	float:left;
	width:115px;
	
	
	
}
	
/*--------------------Espace pub pavé --------------------------*/
#pub_pave_top {
	width: 362px;
	height: 22px;
	background-image:url(../images/empty_top.gif);
	background-repeat:no-repeat;
}
#pub_pave_rempl {
	width: 362px;
	background-image:url(../images/empty_rempl.gif);
}
#pub_pave_bottom {
	width: 362px;
	height: 25px;
	background-image:url(../images/empty_bottom.gif);
	background-repeat:no-repeat;
}


/*---------------------------Pages 2 zones 424 et 300 (articles, bio ect...)-----------------------------*/	

#conteneur-2gauche {
	width: 424px;
	float:left;

}
#conteneur-2droite {
	width: 300px;
	float:left;
	margin-left:5px;

}

#top424 {
	width:424px;
	height:20px;
}

#rempl424 {
	background-image:url(../images/rempl424.gif);
	padding:5px 10px 5px 10px;

}

#bottom424 {
	background-image:url(../images/bottom424.gif);
	background-repeat: no-repeat;
	height:25px;

}



#top300 {
	width:300px;
	height:36px;
}

#rempl300 {
background-image:url(../images/rempl300.gif);
width:300px;
}

#bottom300 {
	background-image:url(../images/bottom300.gif);
	background-repeat: no-repeat;
	height:25px;
	width:300px;

}

/*---------------------------Pages 2 zones 220 et 504 (classement top20...)-----------------------------*/	

#conteneur-3gauche {
	width: 220px;
	float:left;

}
#conteneur-3droite {
	width: 504px;
	float:left;
	margin-left:5px;

}

#top220 {
	width:220px;
	height:36px;
}

#rempl220 {
	background-image:url(../images/rempl220.gif);
	width:220px;
}

#bottom220 {
	background-image:url(../images/bottom220.gif);
	background-repeat: no-repeat;
	height:15px;
	width:220px;

}



#top504 {
	width:504px;	
}

#rempl504 {
	background-image:url(../images/rempl504.gif);
	width:504px;
}

#bottom504 {
	background-image:url(../images/bottom504.gif);
	background-repeat: no-repeat;
	height:15px;
	width:504px;

}

/*----------------------------------------------------------------- pages 2 zones inversée (vidéo, mix..)---------------*/
#conteneur-4gauche {
	width: 504px;
	float:left;

}
#conteneur-4droite {
	width: 220px;
	float:left;
	margin-left:5px;

}