/*
    Cr�ation     :2008-04-16 - Sebastien Dubus 
    Modification :2008-04-16 - Sebastien Dubus 
    Mod�le de feuille commune de style pour l'affichage sur ecran
*/

/* Header */
#header_left{
	height:				190px;
	width:				620px;
	background: 		url('../img/header_left.jpg') no-repeat left top;
	
}
#header_left #accueilLight{
	position:			relative;
	display:			block;
	height:				130px;
	width:				200px;
	left:				20px;
	top:				20px;
}
#header_left #cb{
	display:			block;
	height:				80px;
	width:				120px;
	margin:				-85px 0 0 315px;
}
#header_right{
	float:				right;
	width:				310px;
	height:				190px;
	background: 		url('../img/header_right.jpg') no-repeat right top;
}
#header_right #accueil{
	display:			block;
	position:			relative;
	height:				100px;
	width:				180px;
	margin:				-110px 0 0 20px;
}
#header_right #UM{
	display:			block;
	position:			relative;
	height:				50px;
	width:				50px;
	margin:				10px 0 0 240px;
}
#header_right #SG{
	display:			block;
	position:			relative;
	height:				45px;
	width:				45px;
	margin:				30px 0 0 240px;
}

/* Footer */
#divFooterSoMusic{
	font: 				normal normal 0.9em "Arial";
	height:				87px;
	background: 		url('../img/footer.jpg') no-repeat right bottom;
	text-align:			left;
	margin:				40px 0 0 0;
	padding:			0 0 0 20px;
}
#pFooterSoMusic a{
	text-decoration:	none;
	color:				#909090;
}
#pFooterSoMusic img{
	margin: 			0 5px -5px 5px;
}
#spanFooterSoMusic{
	float:				right;
	color:				#909090;
	padding:			5px 20px 0 0;
}
h2
{
	color:				#FFFFFF;
}

div#header_extern {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:400px;
	z-index:1;
	background:url("../images/background.jpg") top left repeat-x; }
		
div#sous_header_extern {
	width:945px;
	height:126px;
	margin:0 auto 10px auto;
	background:url("../images/header-extern.jpg") top left no-repeat; }
	
div#footer_extern {
	height:100px;
	width:945px;
	margin:0 auto 0 auto;
	/*background:url("../images/ombre-footer.jpg") top left no-repeat;*/ }

	div#footer_extern p {
		float:left;
		padding:30px 0 0 0;
		font:normal 12px "droid-sans-1","droid-sans-2", sans-serif;
		color:#686868; }
		
	div#footer_extern ul {
		padding:30px 0 0 0;
		float:right; }
		
	div#footer_extern li {
		padding:0 7px 0 12px;
		background:url("../images/puce-2.jpg") no-repeat 0 6px;
		float:left; }

	div#footer_extern li a {
		font:normal 13px "droid-sans-1","droid-sans-2", sans-serif;
		color:#686868;
		text-decoration:none;
		margin: 0 5px;}
		
	div#footer_extern li a:hover {
		color:#686868;
		text-decoration:underline; }
		
	div#footer_extern li.first_extern {
		background:none; }