/*---------------------- Info Commune ---------------------------------*/

#InfoPerso .InfoTitre{
    margin-top:15px;
    margin-bottom:15px;
}

.MessageRetour{
    font-style:italic;
    text-align:center;
}

#MsgCreationReussi{
    line-height:20px;
    margin-top:50px;
}

.Submit{
    margin:auto;
    text-align:center;
}

/*---------------------- Menu Compte ----------------------------------*/
#MenuCompte #LstMenuCompte{
    color:var(--color-primary);
}

#MenuCompte #LstMenuCompte li{
    list-style:none;
}

/*---------------------- Menu Identification --------------------------*/
#MenuIdentification{
    padding:0px 12px;
}

#MenuIdentification .TitreMenu{
    font-weight:bold;
}

#TB_Login{
    margin:auto
}
#TB_Login .Entete{
    text-align:right;
    padding-right:5px;
}

#TB_Login .Contenu{
    text-align:left;
    width:60%;
}

#Identification #Login{
    margin:15px auto;
    padding-bottom:10px;
}

#Identification #Login .SousTitre{
    margin:auto;
}

#Identification #Login .SousTitre .Contenu{
    font-weight:normal;
}

#Identification .Contenu #MsgInfoPerdu{
    margin:auto;
}

/*----------------------- Mot de Passe Perdu ---------------------------*/
#MdpPerdu{
    width:100%;
}

#MdpPerdu form{
    margin:15px auto;
}

#MdpPerdu .MessageRetour{
    text-align:center;
    line-height:20px;
}

#TB_MdpPerdu{
    margin:auto;
    border:0px;
    border-collapse:collapse;
}

#TB_MdpPerdu .Entete{
    width:30%;
    text-align:right;
}

#TB_MdpPerdu .Contenu{
    width:70%;
}

/*----------------------- CONTACT -------------------------------------------*/
#Contact{
    margin:15px auto;
}

#Contact .SousTitre span{
    font-weight:normal;
}

#Contact #MsgErreur{
    line-height:25px;
}

#Contact .InfoPetit{
    text-align:center;
}

#Contact #MsgChampOblig{
    line-height:30px;
}

#TB_Contact_Email, #TB_Contact{
    margin-bottom:15px;
}

#TB_Contact_Email .Entete, #TB_Contact .Entete{
    width:40%;
    text-align:right;
}

#TB_Contact_Email .Contenu, #TB_Contact .Contenu{
    width:60%;
    text-align:left;
}

#TB_Contact_Email .MessageRetour, #TB_Contact .MessageRetour{
    text-align:center;
}

#TB_Contact_Email #CodeCourtierNom{
    line-height:25px;
}

#TB_Contact .InfoPetit{
    text-align:left;
}

#InfoFacturation{
    margin:5px auto;
    text-align:center;
    font-weight:normal;
}

#InfoPerso #DroitInfo{
    font-size:var(--font-size-small);
    color:var(--color-gray-dark);
    margin:15px auto;
    text-align:center;
}

/*------------------------- IDENTIFICATION ------------------------------*/
#Identification{
    width:100%;
}

#NouvClient,
#DejaClient{
    margin-bottom:45px;
}

#Identification .Contenu{
    font-weight:normal;
}

/*---------------------- INFO VENDEUR RATTACHE ---------------------------------*/
/*---------------------- INFO REUNION VIRTUELLE ---------------------------------*/
#InfoVendeur,
#InfoReunion{
    margin:0 0 15px 0;
    padding:15px 0;
    text-align:center;
    font-family:var(--font-family);
    font-weight:500;
    font-size:16px;
    color:var(--color-secondary-dark);
    border-bottom:1px solid var(--color-primary-light);
}

#InfoVendeur .Titre,
#InfoReunion .Titre{
    margin:0 auto 8px auto;
    text-align:center;
    font-size:16px;
    color:var(--color-secondary-dark);
}

#InfoVendeur #TB_InfoVendeur,
#InfoReunion #TB_InfoReunion{
    margin:0 auto;
}
#InfoVendeur .Entete,
#InfoReunion .Entete{
    display:none
}
#InfoVendeur .Contenu,
#InfoReunion .Contenu{
    display:block;
}

#InfoVendeur #Photo,
#InfoVendeur #Nom,
#InfoVendeur #Prenom{
    display:inline-block;
}
#InfoVendeur #Photo img{
    max-height:75px;
    height:auto;
    width:auto;
}

.MsgLogin{
    margin-bottom:15px;
    color:var(--color-secondary);
    font-style:italic;
}

.MsgLogin #Deconnection a{
    padding-left:5px;
    color:var(--color-secondary);
    text-decoration:underline;
}
#Deconnection{
    float:right;
}

@media (max-width:767px){
    table#TB_InfoVendeur{
        table-layout:fixed;
    }
    table#TB_InfoVendeur td.Entete, table#TB_InfoVendeur td.Contenu{
        width:35%;
        overflow:hidden;
        word-wrap:break-word;
        -webkit-hyphens:auto;
        -moz-hyphens:auto;
        -ms-hyphens:auto;
        -o-hyphens:auto;
        hyphens:auto;
    }
    table#TB_InfoVendeur td#Photo{
        width:30%;
        margin:0;
    }
    table#TB_InfoVendeur td#Photo #ImgPhotoVendeur{
        max-width:100%;
        height:auto;
        margin:0;
        padding:0;
    }
    #Deconnection{
        float:none;
    }
}