Donc voilà mon code
[ravi] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>acceuil</title>
<style type="text/css">
/*Un style universel*/
* {
margin: 0;
padding: 0;
}
/*Mon corps*/
body {
color: #fff;
font-family: Century Gothic;
font-size: 11px;
text-align: center;
background-color: #FFF;
background-image: url();
}
div#container {
margin: 0 auto;
width: 760px;
background-color: #FE9903;
}
/*Ma tête*/
#header p {
font-size: 1em;
font-weight: bold;
color: #FFF;
text-align: left;
padding: 1em;
}
/* Mon menu*/
div#menu {
float: left;
padding: 5px;
width: 150px;
}
#menu ul {
text-align: left;
}
#menu li {
list-style: none;
line-height: 3em;
}
#menu a {
font-weight: bold;
}
div#sous_menu {
width: 150px;
background-color: #fff;
color: #000;
}
div#commentaire {
width: 512px;
margin: auto;
background-color: #fff;
color: #000;
text_align: center;
}
/*Mon contenu*/
div#contenu {
width: 528px;
overflow: hidden;
}
/*Les liens*/
a.white {
color:#ffffff;
}
a.white:hover {
background-image: url(images/barre.jpg);
}
a.orange {
color:#ffffff;
}
a.orange:hover {
color:orange;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #FFFFFF;
}
a:active {
text-decoration: none;
}
/*les autres bien utiles parfois*/
hr.spacer {
visibility: hidden;
clear: both;
}
</style>
</head>
<body>
<div id="container">
<!--Début de la tête-->
<div id="header">
<div align="center"><img src="images/logo-vert.gif" alt="logovert" name="logoVert" width="174" height="84" id="logoVert" />
</div>
<p>37 rue Bouret<br />
75019 Paris<br />
Tel : 01 40 40 94 10<br />
Fax : 01 40 40 90 54<br />
<a href="mailto:contact@aepaysage.com"class="white lien blanc" title="" tabindex="">contact@aepaysage.com</a></p>
<img src="images/barre.jpg" alt="herbe" width="100%" height="20" /></p>
</div>
<!--Début du menu-->
<div id="menu">
<ul><li><a href="accueil.html" class="white lien blanc" title="" tabindex="" accesskey="">Accueil</a></li>
<li><a href="agence.html"class="white lien blanc" title="" tabindex="">L'agence</a></li>
<li><a href="projets.html"class="white lien blanc" title="" tabindex="">Les projets</a></li>
<li><a href="design.html"class="white lien blanc" title="" tabindex="">Le design </a></li>
<li><a href="scenograhie.html"class="white lien blanc" title="" tabindex="">La scenographie urbaine </a></li>
<li><a href="contact.html"class="white lien blanc"title="" tabindex="" accesskey="">Contact</a></li>
</ul>
<div id="sous_menu">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean ut odio. Mauris libero est, consequat eu, tristique non, bibendum a, turpis. Mauris viverra tellus volutpat urna. Donec quis eros. Maecenas lectus enim, consectetuer
</p>
</div>
</div>
<!--Début du contenu-->
<div id="contenu">
<h2> </h2>
<p align="justify">Votre texte d'aceuil Généralement, on utilise un texte en faux latin (le texte ne veut rien dire, il a été modifié), le <em>Lorem ipsum</em> ou <em>Lipsum</em> quiqui permet donc de faire office de texte d'attente. L'avantage de le mettre en latin, c'est que l'opérateur sait au premier coup d'œil que la page contenant ces lignes n'est pas valide, mais surtout que l'attention du client n'est pas dérangée par le contenu et qu'il demeure concentré seulement sur permet donc de faire office de texte d'attente. L'avantage de le mettre en latin, c'est que l'opérateur sait au premier coup d'œil que la page contenant ces lignes n'est pas valide, mais surtout que l'attention du client n'est pas dérangée par le contenu et qu'il demeure concentré seulement sur l'aspect graphique.qui permet donc de faire office de texte d'attente. L'avantage de le mettre en latin, c'est que l'opérateur sait au premier coup d'œil que la page contenant ces lignes n'est pas valide, mais surtout que l'attention du client n'est pas dérangée par le contenu et qu'il demeure concentré seulement sur </p>
<div id="commentaire">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean ut odio.
</p>
</div>
</div>
<hr class="spacer" />
<!--Début du pied de page-->
<div id="footer">Copyright © 2006 <a href="http://www.alyzes.com" class="white lien blanc"title="" tabindex="" hreflang="fr">A&P-Design</a> Tous droits reservé<br />
Graphisme, Web design, conception et création de site Web - A&P-Design.France</div>
</div>
</body>
</html>
j'ai donc essayé de mettre un fond derrrière agence acceuil ect et qu'il apparaisse pour indiquer à quelle page je suis mais nier cela ne marche pas si tu peux m'aider merci
avoir les liens en haut à droite qui restent blancs même quand la souris passe dessus et les liens en bas à droite PJ-ZA ect qui deviennent orange quand on vient dessus je travaille avec dreamweaver et je ne trouve pas la solution est ce que quelqu'un peut m'éclairer 
Super merci beaucoup j'ai réussi grace à ton conseil je suis entrain de changer tout cela 
n'accepte pas le background-image ? alors je ne sais pas le faire
beaucoup dans la mouïse ! 
