#Identification{
    word-break:normal;
}
#Identification .table>tbody>tr>td, 
#Identification .table>tbody>tr>th, 
#Identification .table>tfoot>tr>td, 
#Identification .table>tfoot>tr>th, 
#Identification .table>thead>tr>td, 
#Identification .table>thead>tr>th{
    vertical-align:middle;
}

#Identification input[type="radio"], 
#Identification input[type="checkbox"]{
    margin-right:2px;
}

#Identification h2.Titre{
    margin:15px auto;
    text-align:center;
    font-size:25px;
}
#NouvClient{
    margin-top:30px;
}
#DejaClient{
    margin-top:60px;
}

#TB_Login .Entete{
    display:none;
}

.MsgLogin{
    margin:20px auto;
}
#Deconnection{
    float:right;
}
#SeSouvenir{
    font-size:14px;
}
#MsgInfoPerdu{
    margin:15px auto;
}
#MsgInfoPerdu a{
    text-decoration:underline;
}
#MsgInfoMdp p{
    margin-bottom:0;
    color:var(--color-gray);
}

.BandeauVendeur{
    padding:10px;
    max-width:100%;
    color:var(--color-primary);
}
#InfoVendeur{
    display:block;
}
#BandeauVendeurTop img{
    max-height:92px;
}
#BandeauVendeurTop #InfoVendeur #Prenom,
#BandeauVendeurTop #InfoVendeur #Nom,
#BandeauVendeurTop #InfoVendeur #CodeCourtier{
    display:inline;
    font-size:16px;
    font-style:italic;
}
#BandeauVendeurTop #InfoVendeur #CodeCourtier .Contenu:before{
    content:'(';
    display:inline;
}
#BandeauVendeurTop #InfoVendeur #CodeCourtier .Contenu:after{
    content:')';
    display:inline;
}
#BandeauVendeurBottom .BandeauVendeur{
    color:var(--color-vdi);
}
#BandeauVendeurBottom .BandeauVendeur h3{
    text-align:center;
    font-family:var(--font-family-bandeau);
    font-size:48px;
    font-style:italic;
    font-weight:bold;
}
#InfoVendeurBas{
    padding:20px;
    border-radius:40px;
    box-shadow:0px 0px 12px 3px rgba(0,0,0,0.5);
}
#PrenomBas, #NomBas{
    display:inline;
    font-family:var(--font-family-title);
    font-size:28px;
    color:var(--color-black);
}
#EmailBas .Entete,
#UnTelBas .Entete,
#LienBoutiqueBas .Entete,
#CodeCourtierBas .Entete{
    display:inline;
    font-weight:bold;
}
#InfosDivers3Bas,
#UnTelBas{
    margin-bottom:15px;
}
#PhotoBas{
    text-align:center;
}
#ImgPhotoVendeurBas{
    margin:0 0 15px 0;
    border-radius:20px 20px 0 0;
}
.BandeauVendeur img{
    max-width:100%;
    height:auto;
}
.BandeauVendeur .Titre{
    margin:0;
    font-family:var(--font-family);
    font-style:normal;
    font-size:16px;
    font-weight:600;
    color:var(--color-primary);
    text-align:left;
}
.BandeauVendeur .Entete{
    display:none;
}
.BandeauVendeur .Contenu{
    display:inline;
}
.BandeauVendeur #PrenomNom .Contenu{
    font-family:var(--font-family-title);
}
.BandeauVendeur #CodeCourtier{
    display:inline;
    margin-top:5px;
    font-size:12px;
    font-weight:500;
}
.BandeauVendeur #Email{
    margin-top:10px;
}
.BandeauVendeur #Email a{
    font-size:13px;
    text-decoration:underline;
}
.BandeauVendeur #UnTel .Contenu{
    font-size:14px;
    font-weight:500;
}
.BandeauVendeur #Photo{
    cursor:pointer;
}
.BandeauVendeur #ZoneLibre{
    margin-top:10px;
}

@media (min-width:992px){
    #PhotoBas{
        text-align:right;
    }
    #ImgPhotoVendeurBas{
        margin:0 0 0 15px;
        border-radius:0 20px 20px 0;
    }
}
