<footer id="footer">

</footer>

footer#footer{
width:845px;
height:190px;
margin:10px 20px;
padding:5px;
border:1px solid #6d7673;
border-radius:10px;
-moz-border-radius:10px;
-moz-box-shadow: 0 0 5px #6d7673;
-webkit-box-shadow: 0 0 5px# 6d7673;
box-shadow: 0 0 5px #6d7673
background:#7d7e7d; /* Old browsers */
background:-moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera11.10+ */
background:-ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
background:linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* W3C */
}

<ul>
 <li><a href="#nogo" title="Bienvenue">Accueil</a></li>
 <li><a href="#nogo" title="Table des matières">Table des matières</a></li>
 <li><a href="#nogo" title="Pour nous joindre">Contact</a></li>
 <li><a href="#nogo" title="À propos">À propos</a></li>
 <li><a href="#nogo" title="Politique de la vie privé">Vie privé</a></li>
 <li><a href="#nogo" title="Plan du site">Plan du site</a></li>
</ul>
	
<p class="copyright">Copyright © Le Concepteur  (Qc) 2008 - 2012.<br /> Toute reproduction totale ou partielle est interdite sans l'accord de l'auteur.</p>

footer#footer ul{
list-style:none;
text-align:center
}

footer#footer li{
display:inline
}

footer#footer a{
color:#fff;
text-decoration:none;
padding:0 20px
}

footer#footer a:hover{
color:#000
}

footer#footer .copyright{
color:#eee;
text-align:center;
font-size:.7em;
margin-top:20px;
}