html, body
	{
	padding: 0px;
	margin: 0px;
	background-color: #000;
	}

ul
	{
	list-style: none;
    position: absolute;
    left: 50%; 
    top: 50%;
    width: 700px;
    height: 525px;
    margin-top: -262.5px; /* moitié de la hauteur */
    margin-left: -350px; /* moitié de la largeur */
    border: 1px solid #000;
    background: url(images/projet_10.gif) no-repeat;
    }

a
	{
	cursor: default;
	position: absolute;
	display: block;
	}

#Cadre
	{
	position: absolute;
	left: 50%; 
    top: 50%;
    width: 720px;
    height: 545px;
    margin-top: -272.5px; /* moitié de la hauteur */
    margin-left: -360px; /* moitié de la largeur */
    /*border: 1px solid #000;*/
    border: 3px;
    border-color: #DD7A17;
    border-style: solid;
    }
    
#Copy
	{
	position: absolute;
	top: 700px;
	left: 470px;
	font-family: helvetica;
	font-weight: Bold;
	color: #DD7A17;	
	}
    
#Titre1
	{
	top: 20px;
	left: 230px;
	width: 380px;
	height: 70px;
	background-image: url(images/sharpei-forum.gif);
	background-position: center;
	background-repeat: no-repeat;
	voice-family: "\"}\"";							/* pour pallier les problèmes de IE5 et de son interprétation des largeurs */
	voice-family: inherit;
	}	

#Titre2
	{
	top: 450px;
	left: 160px;
	width: 180px;
	height: 70px;
	background-image: url(images/le_site.gif);
	background-position: center;
	background-repeat: no-repeat;
	background-repeat: no;
	voice-family: "\"}\"";							/* pour pallier les problèmes de IE5 et de son interprétation des largeurs */
	voice-family: inherit;
	}	

#Galeries
	{
	top: 135px;
	left: 45px;
	width: 110px;
	height: 60px;
	background-image: url(images/galeries_1.gif);
	background-position: center;
	background-repeat: no-repeat;
	voice-family: "\"}\"";							/* pour pallier les problèmes de IE5 et de son interprétation des largeurs */
	voice-family: inherit;
	}
	
#Galeries:hover
	{
	/* Même attributs, on change juste l'image de fond */
	background-image: url(images/galeries_2.gif);
	background-position: center;
	background-repeat: no-repeat;
	}

#Accueil
	{
	top: 390px;
	left: 85px;
	width: 80px;
	height: 60px;
	background: url(images/accueil_1.gif);
	background-position: center;
	background-repeat: no-repeat;
	voice-family: "\"}\"";							/* pour pallier les problèmes de IE5 et de son interprétation des largeurs */
	voice-family: inherit;
	}
	
#Accueil:hover
	{
	/* Même attributs, on change juste l'image de fond */
	background: url(images/accueil_2.gif);
	background-position: center;
	background-repeat: no-repeat;
	}

#Forum
	{
	top: 215px;
	left: 420px;
	width: 80px;
	height: 60px;
	background: url(images/forum_1.gif);
	background-position: center;
	background-repeat: no-repeat;
	voice-family: "\"}\"";							/* pour pallier les problèmes de IE5 et de son interprétation des largeurs */
	voice-family: inherit;
	}
	
#Forum:hover
	{
	/* Même attributs, on change juste l'image de fond */
	background: url(images/forum_2.gif);
	background-position: center;
	background-repeat: no-repeat;
	}

#Contacts
	{
	top: 380px;
	left: 360px;
	width: 85px;
	height: 60px;
	background: url(images/contacts_1.gif);
	background-position: center;
	background-repeat: no-repeat;
	voice-family: "\"}\"";							/* pour pallier les problèmes de IE5 et de son interprétation des largeurs */
	voice-family: inherit;
	}

#Contacts:hover
	{
	/* Même attributs, on change juste l'image de fond */
	background: url(images/contacts_2.gif);
	background-position: center;
	background-repeat: no-repeat;
	}
	
#Chroniques
	{
	top: 205px;
	left: 105px;
	width: 130px;
	height: 60px;
	background: url(images/chroniques_1.gif);
	background-position: center;
	background-repeat: no-repeat;
	voice-family: "\"}\"";							/* pour pallier les problèmes de IE5 et de son interprétation des largeurs */
	voice-family: inherit;
	}

#Chroniques:hover
	{
	background: url(images/chroniques_2.gif);
	background-position: center;
	background-repeat: no-repeat;
	}

#Liens
	{
	top: 120px;
	left: 580px;
	width: 95px;
	height: 55px;
	background: url(images/liens_1.gif);
	background-position: center;
	background-repeat: no-repeat;
	}

#Liens:hover
	{
	background: url(images/liens_2.gif);
	background-position: center;
	background-repeat: no-repeat;
	}

#Livre
	{
	top: 415px;
	left: 535px;
	width: 95px;
	height: 70px;
	background: url(images/livre_1.gif);
	background-position: center;
	background-repeat: no-repeat;
	}
	
#Livre:hover
	{
	background: url(images/livre_2.gif);
	background-position: center;
	background-repeat: no-repeat;
	}