#pageDetailTransac
{
    position: relative;
}

#titreDetailTransac
{/* Titre de la page */
    position: relative;
    background-image: url(./Images/mes_transactions/titre_mes_transactions.gif);
    background-repeat:no-repeat;
    height:26px;
}


#formDetailTransac
{
    position: relative;
    height: 760px;
}

#contenuFormDetailTransac
{
    position: relative;
    top:30px;
    left:20px;
    width:700px;
    font-size:12px;
    text-align:center;
}

/* barre de progression */
#progressDetailTransac
{
    position:relative;
}

#fondProgressTransac
{ /* Le fond de couleur est la progress barre pour la boite de réception 
(affichée en entière, on la recouvre d'une barre bleue pour donner l'impression 
que la progress barre n'est pas entière) */
    position:relative;
    width:283px;
    height:22px;
    top:6px;
    margin-right:auto;
    margin-left:auto;
    background-image:url(./images/mp/mp_fond_progress.gif);
    background-repeat:no-repeat;
    background-position:left;
    border: solid 2px white;
}

#invPprogressTransac
{ /* une barre bleue couvre le fond de couleur pour donner l'impression qu'il y a une progress barre de couleur */
    position:relative;
    width:283px;
    height:22px;
    float:right;
    background-image:url(./images/mp/mp_front_blue_progress.gif);
    background-repeat:repeat-x;
}

/* lignes contenant le cadre et le texte */

.ligneDetailTransac
{
    position:relative;
    width:522px;
    height:100px;
    margin-left:210px;
    margin-top:20px !important;
    margin-top:5px;
    height:105px;
    line-height:12px;
    
}

.leftDetailTransac
{
    position:relative;
    float:left;
    width:260px;
    height:100px;
    padding-top:20px;
}

.rightDetailTransac
{
    position:relative;
    float:right;
    width:260px;
    height:100px;
    line-height:13px;
}

.contenuRightDetailBas
{
    position:absolute; 
    top:80px;
    float:left;
    left:0;
    /* display:none; */
    width:200px;
    font-size:11px;  
}

.contenuRightDetailRouge
{
    color:Red;
}

.contenuRightDetailHaut
{
    position:absolute; 
    top:30px;
    float:left;
    left:0;
    /* display:none; */
    width:200px;
    font-size:11px;  
}

/* cadres blancs */

#detailTransac1, #detailTransac2, #detailTransac3, #detailTransac4
{
    background-image:url(./images/detail_transac/trans_cadre.gif);
    background-position:center;
    background-repeat:no-repeat;
}

#imgDetailTransac1
{
    position:absolute;
    height:31px;
    width:31px;
    top:45px;
    left:8px;
    background-image:url(./images/detail_transac/trans_rond1.gif);
    background-repeat:no-repeat;
}

#imgDetailTransac2
{
    position:absolute;
    height:31px;
    width:31px;
    top:45px;
    left:8px;
    background-image:url(./images/detail_transac/trans_rond2.gif);
    background-repeat:no-repeat;
}

#imgDetailTransac3
{
    position:absolute;
    height:31px;
    width:31px;
    top:45px;
    left:8px;
    background-image:url(./images/detail_transac/trans_rond3.gif);
    background-repeat:no-repeat;
}

#imgDetailTransac4
{
    position:absolute;
    height:31px;
    width:31px;
    top:45px;
    left:8px;
    background-image:url(./images/detail_transac/trans_rond4.gif);
    background-repeat:no-repeat;
}


/* NOTES
Changer la puce (en background) entre :
eval_point_1.gif
eval_point_2.gif
eval_point_3.gif
eval_point_4.gif
eval_point_5.gif
eval_point_vide.gif
*/

#evalDetailTransac
{
    position:relative;
    width:62px;
    height:12px;
    margin-left:auto;
    margin-right:auto;
}

#pointEvalDetailTransac1
{
    position:absolute;
    width:14px;
    height:14px;
    left:0;
    background-image:url(./images/detail_transac/eval_point_1.gif);
    background-repeat:no-repeat;
}
#pointEvalDetailTransac2
{
    position:absolute;
    width:14px;
    height:14px;
    left:14px;
    background-image:url(./images/detail_transac/eval_point_2.gif);
    background-repeat:no-repeat;
}
#pointEvalDetailTransac3
{
    position:absolute;
    width:14px;
    height:14px;
    left:28px;
    background-image:url(./images/detail_transac/eval_point_3.gif);
    background-repeat:no-repeat;
}
#pointEvalDetailTransac4
{
    position:absolute;
    width:14px;
    height:14px;
    left:42px;
    background-image:url(./images/detail_transac/eval_point_vide.gif);
    background-repeat:no-repeat;
}
#pointEvalDetailTransac5
{
    position:absolute;
    width:14px;
    height:14px;
    left:56px;
    background-image:url(./images/detail_transac/eval_point_vide.gif);
    background-repeat:no-repeat;
}