@charset "utf-8";
/* CSS Document */

body
{
width:790px; /*largeur de la page */
margin:auto; /* pour centrer la page */
margin-top: 10px; /* pour eviter que la page soit collée au navigateur */
margin-bottom:10px; /*idem pour le bas de la page */
background:#CCCCCC; /* le fond de la page sera gris, au lieu du blanc par defaut */
font: 0.8em "Trebuchet MS", helvetica, sans-serif; /* nous modifions la taille de la police, elle est plus petite que la normale */
border:2px solid #ff9900; /* bordure solide, 2px, couleur orange */
}

/* et maintenant, occupons-nous de l'entete */
#header
{
height:250px; /* l'entete occupe une hauteur de 250px */
margin:0; /* l'entete se colle au corps de la page */
background-color:#FFFFFF; /* le background est blanc */
border: 2px solid #ff9900; /* la taille de la bordure est de 2px, ligne solide et orange */
}
 
/* et maintenant, on passe au menu! */
#menu
{
float:left; /* le menu flottera a gauche */
width:120px; /* la taille du menu est de 120 px de large */
background-color:#FFFFFF; /* background blanc */
border:2px solid #ff9900; /* bordure coloree, 2px, solide */
font-size:1em; /* un petit peu plus grand que la police normale du site */
}

/* et maintenant, nous attaquons le corps de la page */
#corps
{
margin-top:0px; /* pour que le corps soit collé a l'entete de la page (en-dessus) */
margin-bottom:0px; /* idem pour le margin bottom */
padding:10px; /* pour eviter que le texte  a l'interieur du corps ne colle trop a la bordure */
background-color:#FFFFFF; /* background blanc */
border:2px solid #ff9900; /* bordure coloree, 2px, solide */
}

#footer 
{
height: 25px ; /* hauteur 25px */
margin: 0 ; /* ca colle au corps */
padding: 0 ; /* le texte se colle a la bordure */
background: white; /* la couleur de fond est noire */
border: 2px solid #ff9900; /* bordure: taille, type, couleur */
}