j'ai oublie le lien !! : mon site

<div class="contenu">
               
                <div class="titre">
                        <h1>Mot du Président</h1>

                        <h5>Voici un petit edito de notre président adoré</h5>
                </div>
               
               
                <div class="photo">
                        <img src="../../images/photos/president.png" width="197" height="122">
                </div>
               
</div> 


<div class="contenu">
               
                <div class="texte">
                        <h5>Bla bla bla bla bla bal ab labal bal bz iozfho izho hofizh ofizh oizhfo ihzfoi h
                         ozifh ozifh zoihmaoizh zamifh zoifh za
                         zoifh zoifh zoaiho ifhzoiahofih oizhaomOIZH OIHMOZIH OIZHAoihze oiszheoi heoi hzoeih oezih oz
                         opieho fihzeoif heoifh oezifh ozieh oizeh oizehf oizehf oizeh oifzeh ozei hoziehf oiezfh oeizf ho
                         ozeih foizefh oeizh oizeh oizeh oizeh oizeho ihzeoihfzeoifn ozienfoi nezoifn ozeifn iozenf oize
                         oien oizeh oihezfo ihzeofih zeoifh oziefh ozefih ozeifh ozeifh oiezhfo ihzeo iehzoi hezoih ozei
                         iozeh oiefh oizehf oizefh oeizhf oezifh oeizh oeizh ozeih eozih eozih zeoih zeoih ozeih ozeih
                         zefhozefhoi</h5>
                </div>
               
</div>



<div class="contenu">
               
</div>

body
{
   width: 793px;
   margin: auto;
   margin-top: 5px;
   margin-bottom: 20px;   
   background-color: #666666;
}

#page
{ 
   background-image: url("images/Themes/background/fond_page.gif");
   background-repeat: no-repeat;
}





/* L'en-tête */

#en_tete
{
   width: 793px;
   height: 100px;
   background-image: url("images/Themes/background/head_guillaumet.png");
   background-repeat: no-repeat;
}





/* Le menu */

#menu
{
   float: left;
   width: 182px;
   margin-left: 2px;
}


.element_menu
{
   background-image: url("images/Themes/menu/menu.gif");
   background-repeat: no-repeat;   
   margin-bottom: 20px;
   height: 720px;
}


/* Quelques effets sur les menus */


.element_menu
{
  padding-top: 60px; /* descendre le texte par rapport au background*/
  margin-bottom: 0px;
}



.element_menu h3 /* Tous les titres de menus */
{   
   
   padding-left: 20px;
   color: white;
   font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;
   font-size: 0.95em;
   margin-bottom: 5px;
}

.element_menu h5 /* administration */
{   
   
   text-align: center; /* Pour centrer le titre */
   color: grey;
   margin-bottom: 0px;
}

.element_menu h5 a /* Tous les liens se trouvant dans un menu */
{
   font-family: "Times New Roman", "Arial Black", "Times New Roman", Times, serif;
   font-size: 10px;
   color: grey;
   text-decoration: none; /* Les liens ne seront plus soulignés */
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url("images/images_creations/head_guillaumet/puce_horizon.png"); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 40px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
 
   margin-left: 10px;
   margin-bottom: 0px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
   font-family: "Times New Roman", "Arial Black", "Times New Roman", Times, serif;
   font-size: 14px;
   color: #000000;
   text-decoration: none; /* Les liens ne seront plus soulignés */
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   font-family: "Times New Roman", "Arial Black", "Times New Roman", Times, serif;
   /*background-color: #B3B3B3;*/
   color: white;
}




/* Les infos rapides */

#infos
{
   width: 440px;
   height: 73px;
   margin-left: 275px;
   margin-top: 20px;
   margin-bottom: 20px;
}

.infos
{
   float: left ;
   width: 33%;
   height: 70px;
   margin: 0px; 
   background-image: url("images/Themes/background/infos.gif");
   text-align: center;
}



.infos h3 /*Derniere news, evenement, sortie*/
{   
   font-size: 0.8em;
   color: white;
   margin: 0px;
   padding: 0px;
   margin-bottom: 0px;
   margin-top: 5px;
   padding-top: 0px;
 
}

.infos h4 /*Derniere les infos */
{   
   font-size: 1em;
   color: black;
   margin: 0px;
   padding: 0px
   margin-top: 0px
}

.infos a /* Tous les liens se trouvant dans les infos */
{
   font-family: "Times New Roman", "Arial Black", "Times New Roman", Times, serif;
   font-size: 0.6em;
   color: #000000;
   margin: 0px;
   padding: 0px;
}





/* Le corps de la page */

#corps
{
        margin: 0px;
        margin-left: 192px;
        margin-bottom: 20px;
        padding: 0px;
        padding-top: 35px; /* pour decaler par rapport au background*/
        padding-left: 18px;
        padding-right: 18px;
        /*width: 560px;*/
        background-image: url("images/Themes/background/contenu.gif");
        background-repeat: no-repeat;
        min-height: 550px;   
   _height: 550px;    /* hack IE */
}

.contenu
{
margin: 0px;
padding: 0px;
font-family: "Times New Roman", "Arial Black", "Times New Roman", Times, serif;
}

.contenu .titre
{
width: 60%;
float: left;
margin: 0px;
padding: 0px;

}

.contenu .titre h1
{
text-align: center;
padding:0px;
margin: 0px;
font-size: 2.5em;
color: #9999FF;
}

.contenu .titre h5
{
text-align: left;
padding:0px;
margin: 0px;
font-size: 12px;
color: black;
}

.contenu .photo
{
width: 40%;
float: right;
}

.contenu .texte
{
clear: both;
margin: 0px;
padding: 0px;
}

.contenu .texte h5
{
margin: 0px;
padding: 0px;
font-size: 0.7em;
color: blue;
}


/* Le pied de page */

#pied_de_page
{
   margin: 0px;
   padding: 5px;
   text-align: right;
   font-size: 0.7em;
   color: black;
   background-color: #9999FF;

}

.contenu .texte h5
{
clear: both;
margin: 0px;
padding: 0px;
font-size: 0.7em;
color: blue;
}