#pageParrainage
{
    position:relative;
    top:-20px;
    font-family:Verdana;
    font-size:11px;
    line-height:14px;
}

#titreParrainage
{
    position:absolute;
    width:115px;
    height:22px;
    top:0;
    left:30px;
    background-image: url(images/parrainage/titre_parrainage.gif);
    background-repeat: no-repeat;
    background-position: top;
}

#fondParrainage
{
    position:relative;
    /*height:845px;*/
}

#contenuParrainage
{/* pour ne pas mettre des padding au contenu du parrainage */
    position:relative;
    left:20px;
    top:30px;
}


#divFilleulsActifs
{/* tout ce qui concerne les filleuls actifs */
    position:relative;
    width:715px;
    height:130px;
}


#titreFilleulsActifs
{ /* titre filleuls actifs */
    position:relative;
    width:176px;
    height:16px;
    left:0;
    padding:0;
    background-image: url(images/parrainage/filleuls_actifs.gif);
    background-repeat: no-repeat;
    background-position: top;
}

#divFilleulsDormants
{/* tout ce qui concerne les filleuls dormants */
    position:relative;
    width:715px;
    /*height:225px;*/
    margin-top:20px;
}

#titreFilleulsDormants
{ /* titre filleuls dormants */
    position:relative;
    width:205px;
    height:16px;
    left:0;
    padding:0;
    background-image: url(images/parrainage/filleuls_dormants.gif);
    background-repeat: no-repeat;
    background-position: top;
}

#divParrainerAmis
{/* tout ce qui concerne le parrainage des amis */
    position:relative;
    width:715px;
    /*height:405px;*/
    margin-top:20px;
}

#titreParrainerAmis
{ /* titre parrainage des amis */
    position:relative;
    width:201px;
    height:16px;
    left:0;
    padding:0;
    background-image: url(images/parrainage/parrainer_autres_amis.gif);
    background-repeat: no-repeat;
    background-position: top;
}

#tabFilleulsActifs
{ /* tableau des filleurs actifs : titre et contenu */
    position:relative;
    width:584px;
    height:100px;/* TODO A modifier quand le tableau est fait */
    margin-right:auto;
    margin-left:auto;
}

#titreTabFilleulsActifs
{ /* titre du tableau des filleurs actifs */
    position:relative;
    width:584px;
    height:26px;
    left:0;
    padding:0;
    background-image: url(images/parrainage/titre_tableau1.gif);
    background-repeat: no-repeat;
    background-position: top;
}

#tabFilleulsDormants
{ /* tableau des filleurs dormants : titre et contenu */
    position:relative;
    width:584px;
    /*height:100px; TODO A modifier quand le tableau est fait */
    margin-right:auto;
    margin-left:auto;
}

#titreTabFilleulsDormants
{ /* titre du tableau des filleurs dormants */
    position:relative;
    width:584px;
    height:26px;
    left:0;
    padding:0;
    background-image: url(images/parrainage/titre_tableau2.gif);
    background-repeat: no-repeat;
    background-position: top;
}

#tabParrainerAmis
{ /* tableau du parrainage des amis : titre et contenu */
    position:relative;
    width:584px;
    /*height:100px; TODO A modifier quand le tableau est fait */
    margin-right:auto;
    margin-left:auto;
}

#titreTabParrainerAmis
{ /* titre du tableau du parrainage des amis */
    position:relative;
    width:584px;
    height:26px;
    left:0;
    padding:0;
    background-image: url(images/parrainage/titre_tableau3.gif);
    background-repeat: no-repeat;
    background-position: top;
}

#divRond1
{/* Première étape pour parrainer les amis */
    position:relative;
    height:30px;
    margin-top:10px;
    padding-left:30px;
    line-height:15px;
    background-image: url(images/parrainage/rond_1.gif);
    background-repeat: no-repeat;
    background-position:top left;
    vertical-align:middle;
    
}

#divRond2
{/* Seconde étape pour parrainer les amis */
    position:relative;
    height:30px;
    padding-left:30px;
    line-height:35px; /* permet de centrer le texte verticalement */
    background-image: url(images/parrainage/rond_2.gif);
    background-repeat: no-repeat;
    background-position:top left;
    vertical-align:middle;
}

#divRond3
{/* Troisième étape pour parrainer les amis */
    position:relative;
    height:30px;
    padding-left:30px;
    line-height:15px;
    background-image: url(images/parrainage/rond_3.gif);
    background-repeat: no-repeat;
    background-position:top left;
    vertical-align:middle;
}

#messageAEnvoyer
{/* div dans laquelle l'utilisateur tape son message */
    position:relative;
    width:600px;
    height:60px;
    left:20px;
}

#luReglement
{/* coche + texte "j'ai lu le règlement..." */

}