/* 
    Document   : xml_style
    Created on : 10 nov. 2012, 08:40:00
    Author     : gcbassman
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}
html {
    height:100%;
}

body{
    height: 90%;
}

#conversation_cadre {
    float:left;
    width:100%;
    background-color: #F9F9F9;
    height:auto;
    border:1px yellowgreen solid;
    border-radius: 5px;
    padding-bottom:5px;
    padding:0;
    margin:0;
behavior:url(PIE.htc);
}

#conversation_content {

    float:left;
    width:90%;
    margin-left:5%;
    background-color: #FFFFFF;
    border: 1px #F0F0F0 solid;

    margin-top:30px;
    color:#666666;
    overflow-y: visible;

}

.conversation_logo_bb {
    
}

.conversation_compte_bb {
    float:left;
    width:20%;
}

.conversation_logo_bb {
    width:90%;
    margin-left:5%;
    
}

.conversation_bb_user {
    float:right;
    width:75%;
   
}

.conversation_bb_bulle {
    float:left;
     border:2px #C6E746 solid;
background-color: #C6E746;
    border-bottom:2px #C6E746 solid;
    width:70%;
    border-radius:10px;

    padding:5px; 
}

.conversation_element {
    float:left;
    width:100%;
    margin-top:5px;
    margin-bottom: 5px;
}

.conversation_client {
    float:left;
    width:75%;
   
}

.conversation_client_bulle{
    width:73%;
    float:left;
     border:2px #f1f1f1  solid;
background-color: #f1f1f1 ;

    border-radius:10px;

    padding:5px; 
}

.conversation_client_bonhomme {
    float:left;
    width:20%;
    text-align: center;

}

.conversation_logo_client {

    width:50%;
    
    clear:both;
}



.conversation_client_pointe {
    float:left;
    width:4%;
    margin-top:2px;
}

.conversation_bb_pointe {
    float:left;
    width:4%;
        margin-top:2px;
}

.img_conversation{
width:100%;
    float:left;
}

.text {
    float:left;
    color:#777777;
    font-size:12px;
}

#conversation_messages {
    float:left;
    width:100%;
/*    height:50%;
    max-height: 450px;
    overflow-y:scroll;*/
    margin:0;
    padding:0;
}

#zone_saisie {
    width:98%;
    height:60%;
    margin:0;

    border: 1px orange solid;
    float:left;
    border-radius:5px;
    background-color: #ffffff;

}

#conversation_reponse_bloc_gauche {
    float:left;
    width:60%;
}
#conversation_reponse_bloc_droit {
    float:left;
    width:40%;
}

#conversation_reponse {
    width:100%;
    height:16%;
    float:left;
margin-left: 5%;
margin-right:auto;

    margin-top:5px;
}

.titre_saisie {
    color: #666666;
    font-weight: bold;
}

#zone_saisie_controle {
    height:100px;
    width:70%;
    margin-top:5px;
    float:left;

}



#conversation_interface {
    width:59%;
    
    background-color: #666666;
    float:left;
    height:100%;
    margin-left: 5%;
    margin-right:auto;
    
}

#conversation_submit {
    float:left;

    width:98%;
    margin-top:3px;
}

.conversation_controleur {

   border: 1px #F9F9F9 solid;
   height:100%;

}


.conversation_message_titre {
    width:100%;
    border-bottom:1px #C0C0C0 solid;
    padding-bottom:5px;
    font-weight: bold;
    margin-bottom : 10px;
    float:left;
    font-size:12px;
}


.text {
    width:100%;
    padding-bottom: 3px;
    border-bottom : 1px #C0C0C0 solid;
    float:left;
    height:auto;
}

a.conversation_lien_repondre {
 text-decoration: none;   

}

.attente_reponse {
    float:right;
    margin-top:3px;
  
}

.bouton_repondre_content {
    float:right;
}
.conversation_name_client {
    float:left;
    width:100%;
clear:both;
    text-align: center;
    font-weight: bold;
    font-size:11px;
}

.conversation_form_new_message {
    width:100%;

    float:left;
    height:100px;
    background-color:  #D9D9D9;
    margin-top:5px;
    margin-bottom:20px;
}

.conversation_textarea_contener {
    float:left;
    width:60%;
    height:100%;
    margin-top:2px;
    margin-left:2px;
}

.conversation_textarea {
    width:100%;
    float:left;
height: 100%;
}

.conversation_files {
    width:38%;
    float:left;
    margin-left:1%;
    margin-top:3px;
    height:90%;
}

.conversation_submit {
    width:100%;
    float:left;
    text-align: right;
}

.bloc_haut_new_message {
    float:left;
    width:100%;
    height:150px;
}

.bloc_bas_new_message {
     float:left;
    width:100%;
    height:80%;
}

.conversation_new_message_submit {
    margin-right:10px;
    float:right;
}

.input_file_plus {
    width:1%;
    float:left;
}
.conversation_input_file {
    float:left;
    width:80%;
}

.conversation_files {
    float:left;
}


.conversation_compte_client {
    float:left;
    width:100%;
}

.message_file_to_dl {
    float:left;
    font-size:12px;
}

.ui-accordion-content {
    width:100%;
}