.apprentissage
{
    border:solid 0px red;
    width:720px;
    margin:20px 40px 30px 40px;
}
.apprentissage hr
{
    border: 0; /* enleve toute bordure */
    border-bottom: 1px #aaa solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
    height: 1px; /* pour IE */
    margin:0;
    padding:0;
}
.apprentissage p
{
    text-align:justify;
}
.apprentissage table td
{
    border:solid 1px #999;
    padding:5px;
}
.apprentissage-cadre
{
    clear:both;
    position:relative;
}

.cadreh-gauche
{
    float:left;
    margin:0 30px 10px 0;
    background-repeat:no-repeat;
}
.cadreh-gauche img
{
    margin:14px 15px 15px 13px;
}

.cadreh-gauche-petit
{
    float:left;
    margin:0 30px 10px 0;
    background-repeat:no-repeat;
}
.cadreh-gauche-petit img
{
    margin:20px 10px 10px 13px;
}

.cadreh-droite
{
    float:right;
    margin:0 0 10px 30px;
    background-repeat:no-repeat;
}
.cadreh-droite img
{
    margin:14px 15px 15px 19px;
}

.cadrev-gauche-petit
{
    float:left;
    margin:0 30px 10px 0;
    background-repeat:no-repeat;
}
.cadrev-gauche-petit img
{
    margin:10px 10px 10px 12px;
}


.apprentissage-simulation
{
    position:absolute;
    left: 540px;
    top: 100px;
    background-repeat:no-repeat;
}
.apprentissage-simulation a
{
    display: block;
}
.apprentissage-simulation a:hover img
{
    visibility: hidden;
}
.apprentissage-legende
{
    padding:0 0 0 10px;
    font-style:italic;
}