Problaime avec CSS (site web)

Bonjour,
quand je configure mon CSS ma page web ne prend pas en compte le CSS je les refait plusieurs Foix mais toujours rien

voila ma configuration HTML et CSS
HTML:

<html>
<head>
<title>ma page d'accueil</title>
<link rel="atyleaheet" type="text/css" href="design.css"/>
</head>
<body>

<div id="conteneur">

<div id="header">
<img src="image/logo.jpg"/>
</div>

<div id="menus">
<h2>Navigation</h2>
</div>
<li><a href="index.html">accueil</a></li>
<li><a href="article.html">article</a></li>
<li><a href="team.html">notre equipe</a></li>
<li><a href="contact.html">contact</a></li>
<div id="corps">
bienvenue sur mon site web.<br/>
<br/>
c'est asser vide pour le moment, mais on va arranger sa rapidement
</div>

<div id="footer">
copyright mon site
</div>

</div>

</body>

</html>

et mon CSS

#conteneur
(
width: 980px;
backgroun-color: yellow;
margin: auto;
padding: 10px;
)

#header
(
margin: auto;
width: 800px;
height: 200px;
)

#menus
(
width: 200px;
backgroun-color: red;
)

#corpe
(
backgroun-color: grey;
)

#footer
(
backgroun-color: green
)

voila