/*
FICHIER CSS
Créé le 24 Octobre 2010 à 20h28
Par Luigi_home
*/

BODY
{
	background-color: #100607;
	background-color: #3F181C;
	margin: 0px;
	font-size: 13px;
	font-family: Arial, "Serif";
}

img { border: 0px; }

#design
{
	width: 1000px;
	margin: auto;
	background-color: #100607;
}

	#design #menuheader
	{
		margin-bottom: 0px;
		height: 96px;
	}
	
		#design #menuheader a { display: block; float: left; height: 91px;}
		
			#design #menuheader a#menuheader_Home { width: 173px; background: url('../images/accueil.jpg') no-repeat; }
				#design #menuheader a#menuheader_Home:hover { background: url('../images/accueil_hover.jpg') no-repeat; }
			#design #menuheader a#menuheader_HilaryDuff { width: 237px; background: url('../images/hilaryduff.jpg') no-repeat; }
				#design #menuheader a#menuheader_HilaryDuff:hover { background: url('../images/hilaryduff_hover.jpg') no-repeat; }
			#design #menuheader a#menuheader_Medias { width: 168px; background: url('../images/medias.jpg') no-repeat; }
				#design #menuheader a#menuheader_Medias:hover { background: url('../images/medias_hover.jpg') no-repeat; }
			#design #menuheader a#menuheader_FanClub { width: 190px; background: url('../images/fanclub.jpg') no-repeat; }
				#design #menuheader a#menuheader_FanClub:hover { background: url('../images/fanclub_hover.jpg') no-repeat; }
			#design #menuheader a#menuheader_WwwSite { width: 232px; background: url('../images/wwwsite.jpg') no-repeat; }
				#design #menuheader a#menuheader_WwwSite:hover { background: url('../images/wwwsite_hover.jpg') no-repeat; }

	#design #header
	{
		background: url('../images/header.jpg');
		width: 1000px;
		height: 575px;
		margin-top: -5px;
		margin-bottom: 20px;
	}
		
		#design #header h2 { margin-top: 0px; color: #4580BF; text-align: center; }
		#design #header h3 { margin-top: 0px; color: #4580BF; }
		#design #header h4 { margin-top: 0px; margin-bottom: 5px; color: #707070; padding-left: 120px; font-weight: bold; }
	
		#design #header #IconeTwitter { margin-left: 885px; padding-top: 81px; }
		#design #header #IconeFacebook { margin-left: 885px; margin-top: -4px; }
		
		#design #header #EspaceMembre
		{
			float: right;
			margin-top: 100px;
			color: white;
			width: 231px;
			border-left: 2px solid #404040;
			padding-left: 10px;
			padding-right: 10px;
		}
		
		#design #header #Annonce2, #design #header #Annonce1
		{
			float: right;
			margin-top: 100px;
			color: white;
			width: 351px;
			border-left: 2px solid #404040;
			padding-left: 10px;
			padding-right: 10px;
		}
		
		#design #header #Annonce1 { float: left; border: 0px; }
		
		#design #header #Annonce2 img, #design #header #Annonce1 img { float: left; margin-right: 5px; }
		#design #header #Annonce2 p, #design #header #Annonce1 p { text-align: justify; color: white; }
		
		#design #header #Annonce2 a, #design #header #Annonce1 a
		{
			background-color: black;
			color: white;
			border: 1px solid #004A7F;
			padding-left: 20px;
			padding-right: 20px;
			padding-top: 2px;
			padding-bottom: 2px;
			text-decoration: none;
		}
		
		#design #header #Annonce2 a:hover, #design #header #Annonce1 a:hover { border: 1px solid #46647A; background-color: #101010; }
		
		#design #header #Annonce2 div.positionlien, #design #header #Annonce1 div.positionlien { text-align: right; margin-top: 20px; }
	
	#design #corps
	{
		width: 1000px;
		background: url('../images/fond_corps.jpg') repeat-y;
		margin-top: -5px;
		margin-bottom: -5px;
		padding-bottom: 20px;
	}
	
		#design #corps a { color: #551A8B; text-decoration: none; }
			#design #corps a:hover { text-decoration: underline; }
	
		#design #corps #menu
		{
			float: right;
			width: 267px;
			padding-top: 19px;
			font-size: 11px;
		}
		
			#design #corps #menu img.sousmenu_title { margin-top: -4px; }
			#design #corps #menu div.menu_contenu
			{
				padding-left: 3px;
				padding-right: 3px;
				padding-top: 5px;
				line-height: 15px;
				margin-bottom: 20px;
			}
		
		#design #corps #contenu { margin-left: 10px; margin-right: 287px; text-align: justify; }
		
			#design #corps #contenu h1
			{
				margin-top: 0px;
				margin-bottom: 20px;
				margin-left: -10px;
				background: url('../images/fond_titre.jpg') no-repeat;
				color: white;
				height: 34px;
				font-size: 20px;
				padding-top: 9px;
				padding-left: 20px
			}
			
			#design #corps #contenu div.cadreNews { border: 1px solid #57007F; width: 630px; margin: auto; margin-bottom: 20px; }
			#design #corps #contenu div.cadreNews div.titreNews { background-color: #57007F; margin: 1px; color: white; padding: 10px; }
			#design #corps #contenu div.cadreNews div.corpsNews { padding: 5px; font-size: 13px; }
			#design #corps #contenu div.cadreNews div.footerNews { background-color: #57007F; margin: 1px; color: white; padding: 5px; }
		
	#copyright
	{
		color: white;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 11px;
		
	}
