.cadre2
        {
        margin: 12px;
        margin-top: 3px;
        }
               
                .cadre2haut
                {
                height: 20px;
                margin: 0px;
                background: url('haut_cadre.png') repeat-x;
                }
                       
                        .cadre2haut h1
                        {
                        float: left;
                        margin: 0px;
                        height: 20px;
                        padding-left: 60px;
                        padding-top: 1px;
                        background: url('titre_cadre.png') no-repeat;
                        font-size: 1em;
                        }
                       
                        .cadre2haut h2
                        {
                        margin: 0px;
                        font-size: 0.1em;
                        }
               
                .cadre2milieu
                {
                background: url('gris.png');
                border: 1px solid #FFFFFF;
                }
                       
                        .cadre2milieu p
                        {
                        margin: 0px;
                        padding: 7px;
                        }

<!-- début d'un cadre 2 -->
<div class='cadre2'><div class='cadre2haut'>
<h1>$log->nom</h1>
</div>
<div class='cadre2milieu'>
<font style='font-size:15px'><br />
<table border='0' width='100%'>
<tr><td>&nbsp; &nbsp;
<a href='/log/$log->id/screen.jpg' target='_blank'><img border='0' src='log/$log->id/apercu.jpg' border='0' /></a></td>
<td></td>
<td>licence: $log->licence<br />
compatible avec: $log->os<br />
version: $log->version<br />
langue: $log->langue<br />
taille: $log->taille<br /></td>
</td></tr></table><br />
<p>
$log->presentation<br /><br /><br />
--> <a href='/log/$log->id/$log->lien'>Télécharger !</a><br /><br />
<center><a href='glog.php'>Revenir au sommaire des logiciels</a></center>
</font></p>
</div>
<div class='cadre2bas'>
</div>
</div>
<!-- fin d'un cadre 2 -->

<!-- début d'un cadre 2 -->
                <div class="cadre2">
                       
                        <div class="cadre2haut">
                                <h1>Qu'est ce qu'un kit graphique?</h1>
                               
                        </div>
                       
                        <div class="cadre2milieu">
                                <p>
                                Un kit graphique,  c'est un design pour un site.<br /> Sur Webown, on vous découpe préalablement
                                ces designs et on les met en forme dans une page <b>html</b>. Ainsi vous n'avez qu'à
                        remplir votre site à partir de cette page html, vous n'avez plus à vous soucier du design et
                                de la présentation, tout est déjà fait. Le deisgn de Webown lui même pourrait faire l'objet
                                d'un kit graphique, mais on préfère le garder juste pour nous <br />
                                </p>
                        </div>
                       
                        <div class="cadre2bas">
                               
                        </div>
                       
                </div>
                <!-- fin d'un cadre 2 -->