#pageMP1
{
    position:relative;
    font-family:Verdana;
    font-size:11px;
}

#titreMP1
{
    position:relative;
    background-image:url(./images/mp/titre_new_message.gif);
    background-repeat:no-repeat;
    height:26px; 
}


#basMP1
{
    position:relative;
    background-image:url(./images/mp/mp_bas.gif);
    background-repeat:no-repeat;
    width:727px;
    height:19px;
}

#contenuMP1
{
    position:relative;
    width:718px;
    left:5px;
}

#cadre_progress_general
{ /* cadre contenant le texte "votre boite de réception est pleine à xx%" + progress barre */
    position: absolute;
    width: 300px;
    height: 60px;
    float: right;
    right: 20px;
    text-align:center;
    top:30px;
    background: #99ccff;
    border: solid 2px white;
}

#fond_progress
{ /* 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:absolute;
    width:283px;
    height:22px;
    right:5px;
    top:30px;
    background-image:url(./images/mp/mp_fond_progress.gif);
    background-repeat:no-repeat;
    background-position:left;
    border: solid 2px white;
}

.invProgressCSS
{ /* 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;
}

#new_message
{ /* bouton nouveau message */
    position:absolute;
    width:139px;
    height:24px;
    top:70px;
    left:20px;
}


#tabMP1
{ /* tableau contenant les messages (titres) */
    position:relative;
    top:150px;
    left:10px;
    margin-bottom:20px;
    
}

#titreTabMP1
{/* div contenant les titres du tableau */
    position:relative;
    width:698px;
    height:31px;
    left:0px;
    background-image:url(./images/mp/mp_tab_titre.gif);
    background-repeat:no-repeat;
}

#contentTabMP1
{/* Div contenant les lignes du tableau (sauf le titre) */
    position:relative;
    width:692px;
    left:1px;
    top:-3px;
    border-left: solid 2px white;
    border-right: solid 2px white;
}

/* lignes de la grille */
.ligneMP1 {
	font-size: 10px;
	font-style: normal;
	background-color: #A7C6FF;
	cursor:pointer;

}

/* lignes alternatives de la grille */
.ligneAlternateMP1 {
	font-size: 10px;
	font-style: normal;
	background-color: #D8E5FD;
	cursor:pointer;

}

.mpCelluleTab1
{
    border-left:solid 2px white;
    border-right:solid 2px white;
    border-bottom:solid 1px white;
    
}


.divMPFooterTab1
{
    position: relative;
    height: 30px;
    width:698px;
    line-height: 28px;
    background-image: url(images/mp/footer_tab_mp.gif);
    background-repeat: no-repeat;
    background-position: left;
    top:-3px;
    left:-3px;
    color: White;
    text-align: right;
    vertical-align: middle;
}

/* contenu de la page nouveau message */
#contenuFormNewMP
{
    position:relative;
    left:20px;
    width:710px;
}

#titreNewMP
{
    position:relative;
    background-image:url(./images/mp/titre_new_message.gif);
    background-repeat:no-repeat;
    height:26px;
}

#divRetourMessages
{
    position:relative;
    float:right;
}

.lineNewMessage
{
    position:relative;
    width:700px;
}

.gaucheNewMessage
{
    position:relative;
    float:left;
    width:120px;
    font-size:13px;
    font-weight:bold;
    font-variant:small-caps;
    font-style:italic;
}

.droiteNewMessage
{
    position:relative;
    float:right;
    width:580px;
}

/* View Message */

#titreTabViewMessage
{
    position:relative;
    width:708px;
    height:30px;
    line-height:30px;
    top:30px;
    background-image:url(./images/mp/titre_tab_viewmessage.gif);
    background-repeat:no-repeat;
}
#titreTabViewMessage2
{/* intérieur de la div titreTabViewMessage */
    position:relative;
    line-height:30px;
    height:30px;
    left:200px;
    width:500px;
    font-size:14px;
    font-weight:bold;
    color:White;
}

#divGridViewMessage
{
    position:relative;
    top:29px; /* avec 5 le titre tombe sur l'image du titre. Mettre 30 si la div n'a pas le titre incorporé */
    width:703px;
    left:1px;
    
}


#divViewMessage
{
    position:absolute;
    top:0px;
    width:700px;
}


#viewMessageMembre
{
    position:absolute;
    top:0;
    left:3px;
    width:127px;
    /*height:200px;*/
    text-align:center;
    font-size:13px;
}

#viewMessagePosteLe
{
    position:relative;
    left:127px;
    top:-1px;
    margin-right:0px;
    padding-left:5px;
    width:565px;
    word-wrap: break-word;
    border-left:solid 2px white;
}


#viewMessageNew
{
    position:relative;
    top:30px;
}

#bugMS
{
    position:relative; 
    height:40px; 
    width:500px;
}