/*---------------------- Info Commune ---------------------------------*/
#InfoPerso{
    font-size:1.1em;
}
#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:#1eb2c9;
}

#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{
    text-align:center;
    margin:15px auto;
    padding-bottom:10px;
}

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

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

#Identification .Contenu #MsgInfoPerdu{
    margin:auto;
    text-align:center;
}

/*----------------------- 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;
    font-size:1.1em;
}

#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:12px;
    color:#929292;
    margin:15px auto;
    text-align:center;
}

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

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

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

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

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

#TB_Contact_Vendeur_Email, #TB_Contact_Vendeur{
    margin-bottom:15px;
}

#TB_Contact_Vendeur_Email .Entete, #TB_Contact_Vendeur .Entete{
    width:30%;
    text-align:right;
}

#TB_Contact_Vendeur_Email .Contenu, #TB_Contact_Vendeur .Contenu{
    width:70%;
    text-align:left;
}

#TB_Contact_Vendeur_Email .MessageRetour, #TB_Contact_Vendeur .MessageRetour{
    text-align:center;
}

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

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

/*------------------------- IDENTIFICATION ------------------------------*/
#Identification{
    width:100%;
    font-size:1.15em;
}

#Identification .Contenu{
    height:auto;
}

#NouvClient{
    margin-bottom:30px;
}

#DejaClient{
    margin-bottom:30px;
}

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

/*---------------------- INFO VENDEUR RATTACHE ---------------------------------*/
#InfoVendeur{
    color:#1eb2c9;
    font-size:15px;
}

#InfoVendeur .Titre{
    display:none;
    font-size:15px;
}
#InfoVendeur #Photo{
    display:none;
    float:left;
    margin-right:1em;
}
.animated-header #InfoVendeur{
    font-size:15px;
    min-height:60px;
}
.animated-header #InfoVendeur .Titre{
    display:block;
    margin:0;
    padding:0;
    text-align:left;
    font-family:"Abel", Helvetica, Verdana, sans-serif;
    font-size:15px;
    font-weight:normal;
    color:#1eb2c9;
}
.animated-header #InfoVendeur #Photo{
    display:block;
}
#InfoVendeur #ImgPhotoVendeur{
    border-radius:15px;
    max-height:60px;
    width:auto;
}

#InfoVendeur #PrenomNom,
#InfoVendeur #TelPortable,
#InfoVendeur #Email{
    display:inline-block;
    margin-right:10px;
}
#InfoVendeur .Entete{
    display:none;
}
#InfoVendeur .Contenu{
    display:inline;
}

.MsgLogin{
    margin-bottom:10px;
}

.MsgLogin #Deconnection a{
    padding-left:5px;
    text-decoration:underline;
}
#Deconnection{
    float:right;
}

@media (min-width:768px){
    #InfoVendeur{
        font-size:15px;
        padding-left:5px;
    }
    .animated-header #InfoVendeur,
    .animated-header #InfoVendeur .Titre{
        font-size:20px;
    }
}

@media (min-width:768px) and (max-width:991px){
    .animated-header #InfoVendeur,
    .animated-header #InfoVendeur .Titre{
        font-size:17.5px;
    }
}

@media (min-width:992px) and (max-width:1199px){
    .animated-header #InfoVendeur,
    .animated-header #InfoVendeur .Titre{
        font-size:18px;
    }
}

@media (max-width:767px){
    #Deconnection{
        float:none;
    }
}