html, body {
margin:0;
padding:0;
font:1em/1.2em Arial, sans-serif;
}
#header,
#content,
#nav,
#footer {
padding:1px 0; /*pour la fusion de marges*/
}
#header {
background-color:#FF9900;
}
#main {
width:960px;
margin:auto; /*pour centrer le bloc*/
}
#content {
background-color: #9966FF;
float:left; /*élément flottant*/
width:720px; /*3/4 de 960 ; ou max-width*/
}
#nav {
background-color: #FF3366;
margin-left:720px; /*marge gauche au moins égale à la largeur du content*/
width:240px; /*1/4 de 960*/
}
#footer {
background-color:#669933;
clear:both; /*pour annuler la flottaison et reprendre le flux normal*/
}