<div id="corps">

<div class="banniere"></div>

<div id="menu_lateral">
<br/>
<br/>
<br/>
<br/>
</div>

<br/>

<h2>WinUx ? Pourquoi ?</h2>
<p>Quand j'ai essayé Linux pour la premiére fois, je me suis vite rendu compte que cela est devenu un cauchemard car il n'y avait pas de documentation compléte à ce sujet.</p>
<p>Ah oui ! Le nom, j'oubliais ! Ce nom viens d'un croisement entre Windows et Linux.</p>

<h2>Que contiendra ce site ?</h2>
<p>Vous trouverez de l'aide sur des sujets divers, des astuces Windows ou Linux, des tutorial, un forum...Et plein d'autre encore !</p>

<h2>L'auteur ?</h2>
<p>L'auteur, c'est moi, W!nn!3 sur le net mais dans la vrai vie je suis un collégien de 13 ans qui adore l'informatique !</p>

<h2>Pouquoi un petit design ?</h2>
<p>Ce n'est pas mon premier site...La plupart n'ont pas reussi car le design était peu élaboré...Donc pour celui là, je fais un design simple et clair !</p>
</div>

body
{
width : 800px;
margin-top : 15px;
margin-bottom : 20px;
background-color : #106C8E;
}

#corps
{
background-color : #FFFFFF;
width : 350px;
margin-left : 350px;
border : 1px dashed black;
padding : 4px;
font-family : Trebuchet MS;
}

#corps h2
{
   height: 40px;

   background-image: url("Image/Titre/h2.gif"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   
   padding-left: 40px;
   color: black;
   text-align: left;
   text-decoration : underline;
}

.banniere
{
width : 350px;
height : 200px;
background-image : url("Image/Design/Banniere/banniere.jpg");
}

#menu_lateral
{
width : 30px;
background-color : #FFFFFF;
margin-left : 353px;
padding : 2px;
font-family : Trebuchet MS;
border : 1px dashed;
border-left : 0px;
}