#top {
 height:399px;
 margin-left: auto;
   margin-right: auto;
   width: 58%;
   text-align: left;
   align: center;
}
	#top-content {
	margin:auto;
	margin-right: auto; 
	margin-left: auto;
	width: 1000px;
	}
	
body {
	width: 1000px;
	margin: auto; 
	font-family: Verdana, Helvetica, sans-serif; 
	color: black;
	background: url(http://designerheaven.net/images/fond.jpg) fixed center;
	font-size: 13px;
	}

@font-face {
	font-family: Spyrogeometric;
	background-image: url('Spyrogeometric.ttf');
}

#header {
	background: url(http://designerheaven.net/images/header.png) no-repeat; 
	height: 150px;
	margin: auto; 
	
}

#header h1 {
	display: none;
}

#up-menu {
	background: url(http://designerheaven.net/images/up-menu.png) no-repeat;
	height: 50px;
}

#up-menu_links {
	font-family: Spyrogeometric;
	padding-top: 10px;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	color: black;
}

#up-menu_links a {
	text-decoration: none;
	color: black;
}

#up-menu_links a:hover {
	text-decoration: none;
	color: #FFF;
	background: black;
}
#up-menu_links_actif {
	text-decoration: none;
	color: #FFF;
	background: #000;
}

#body {
	background: url(http://designerheaven.net/images/content.png) repeat-y;
	padding-left: 15px;
        margin-top: 0px ;
        margin-bottom: 0px ;
        }

#menu {
	width: 230px;
	border-right: 1px solid black;
}

#menu-title {
	background: url(http://designerheaven.net/images/menu-titre.png) no-repeat;
	font-family: Spyrogeometric;
	padding-top: 5px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 20px;
	height: 40px;
	color: white;
}

#menu-list {
	width: 220px;
	margin-top: -15px;
}

#menu-list a {
	text-decoration: none;
}


#content {
	float: right;
	width: 710px;
	padding-top: 1px;
	margin-left: 10px;
	padding-right: 30px;
	padding-bottom: 1px;
}


#copy{
	font-size: 11px;
	text-align: center;
}

#footer {
	background: url(http://designerheaven.net/images/footer.png) no-repeat;
	height: 30px;	
}

a {
	color: black;
}

a:hover {
	color: grey;
}

a:focus
{
outline:0;
border: none;
}

a img
{
border: none;
} 

div.hr {
	height: 10px;
	background: url(http://designerheaven.net/images/hr.png) no-repeat scroll center;
}
div.hr hr {
	display: none;
}

#conteneur {
	margin: auto;
}


/* Début Code Commun CSS */
#contenu {position: relative;top:-10px; width:971px; margin:auto;}
#haut {padding: 10px;}
#haut h2 {font: italic 29px 'Times New Roman',Georgia,Verdana;text-decoration: none;}
#menuhaut {height: 30px;}
.menuligne {font-size: 12px;}
.menuligne li {display: inline;}
#bas {font-size: 10px;}
/* Fin Code Commun CSS */


#cc{
    margin:auto;
   position: relative;
}

#imgT{
    float:left;
    margin-right:10px;
}
/***** csss menu de l acces rapide ******/
	
	#acces_rapide{
		text-align:left;
		margin-left:-20px; /* toute les listes sont a gauche */
		
	}
	
	#acces_rapide a {
	text-decoration: none;
}
	#acces_rapide ul{
		list-style-type: none; /* enleve la puce pour toutes les listes de l acces rapide */
		color:#000000;/*exha a 6 */
	}
	
	#acces_rapide a:hover {
color:#8A0886;
}
	
	.acces_niv0 ul{
		
		margin:1px; /* evite l espace entre chaque ul du niv0 */
	}
	
	.acces_niv0 div.acces_niv1{
		/* gestion du menu deroulant: le sous menu est projete hors de l ecran */
		/* correction: on cache le sous menue dans le menu */
			padding-left:0px;
			height: 0px;
			font-size:0px;
			
	}
	
	.acces_niv0:hover div.acces_niv1{
		/*au passage de la souris sur le niv0, le niv1 est affiché en dessous */
		padding-left:15px;
		height:auto;
		/* on remet la taille de la police */
		font-size:12px;
	
	}