Step n°3


Let's improve the menu : 
     /*no bullets*/
#menugauche ul{
list-style:none;
margin:0;
padding:0;
}
#menugauche ul li.none{
border:0;
line-height:1em;
}
     /*draw lines between li*/
#menugauche li{
margin-top:0;
border-bottom:1px solid #90BADE;
border-top:1px solid #90BADE;
margin-bottom:-1px;
}
    /*change colors*/
    /*bold and no underline*/
    /*left and right borders lighter*/
    /**/
    /*fixed space between the lines*/
    /*text indented*/
    /*enlarge borders*/
#menugauche li a{
background-color:#D2E1FB;
color:#0A00B0;
text-decoration:none;
font-weight:800;
border-left:6px solid #E9F5FE;
border-right:6px solid #E9F5FE;
display:block;
padding-bottom:5px;
padding-top:4px;
padding-left:5px;
padding-right:3px;
width:135px;
}
We add borders to show the different parts of the page: 
     /*a border for all*/
     /*if text overflows, hide it*/
.box0,.box3,.box4,.box5{
margin-left:10px;
margin-right:10px;
padding:5px 15px;
border:medium double #FAAAFF;
overflow:hidden;
width:92%;/*ie 6 bug*/
}
     /*no border at the bottom in this case*/
.box3{
border-bottom:none;
}
     /*I need a different border here*/
.box4{
border-top-style:dotted;
border-top-width:thin;
}
.box5{
border-bottom:none;
border-top-style:dotted;
border-top-width:thin;
}
To improve the look, we add 
/*presentation*/
pre{
border:2px inset #C7C7C5;/*bug with nn4*/
padding-bottom:10px;
padding-left:10px;
padding-top:10px;
width:87%;
}
/*not very useful <=> "c b" except with nn4*/
.cb{
font-weight:800;
text-align:center;
}
/**/
.c{
text-align:center;
}
.b{
font-weight:800;
}
.r{
text-align:right;
}
h1{
color:#6600CC;
font-family:"Courier New",Courier,monospace,sans-serif;
font-weight:800;
font-size:2em;
margin-left:20px;
text-align:center;
}
/**/
Title for a table with 3 columns

Left

Center

Right

The text is hidden

if there is

an overflow

so that alignment

is not modified.

 

 

 

 

Title for a table with 2 columns

Wide column on the left

Narrow on the right

Centered text

Bold characters

 

 

Column on the left using half of the content part of the page with margins on both sides.
Column on the right using half of the content part of the page with margins on both sides.

Now, let's go to step 4.