/******************************************************************************/
/*                                     compCompte                             */
/******************************************************************************/

.compCompte {
 background: none repeat scroll 0 0 #FFFFFF;
    float: right;
    margin: 0 0 20px;
    padding: 5px 0;
    position: relative;
    width: 280px;
}
.compCompte .headerComposants {
}
.compCompte .headerComposants .footerComposants {
}
.compCompte .headerComposants .footerComposants .contentComposants {
}

.compCompte .headerComposants .footerComposants .contentComposants .topContentComposants {
    height: 25px;
    margin: 0;
    width: 280px;
}
.compCompte .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
    background: #000;
    text-align:left;
    padding:0;
    margin: 0;
    height: 25px;
    line-height: 25px;
    border-radius: 10px 0 0 10px;
}
.compCompte .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span {
    color: #fff;
    font-family: Trebuchet MS,Arial;
    font-size: 16px;
    font-weight: bold;
    padding: 0px 0 0 10px;
    text-transform:uppercase;
    }


.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants {
   min-height: 106px;
    padding: 10px 0 10px;
    width: 270px;
        border-left:#d9d4d7 1px solid;
    float:right;
}
/********************************* CONNECTED **********************************/

.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .identificationRecapNom {
    color: #F37322;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: center;
    text-indent: 10px;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .identificationRecapInfo {
    display:block;
    font-weight:normal;
        font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding-top:0px;
    text-align:center;
    color:#666;
    text-indent: 10px;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensdigiticks {
margin: 10px auto;
    width: 194px;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensdigiticks .identificationLienCompte {
    background: #F37322;
    font-family: Arial;
    height: 35px;
 margin: 15px auto;
     text-align: center;
    width:200px;
    cursor: pointer;
    border:none;
        color: #fff;
    display: block;
    font-size: 16px;
    line-height:35px;
    text-decoration: none;
    font-weight:bold;
    -webkit-box-shadow: inset 0px 0px 10px 0px #c02524;
box-shadow: inset 0px 0px 10px 0px #c02524; 
-webkit-border-radius: 20px;
border-radius: 20px;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensDeconnecter {
    background: #666;
    font-family: Arial;
    height: 35px;
 margin: 15px auto;
     text-align: center;
    width:200px;
    cursor: pointer;
    border:none;
        color: #fff;
    display: block;
    font-size: 16px;
    line-height:35px;
    text-decoration: none;
    font-weight:bold;
    -webkit-box-shadow: inset 0px 0px 10px 0px #999;
box-shadow: inset 0px 0px 10px 0px #999; 
-webkit-border-radius: 20px;
border-radius: 20px;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensDeconnecter .identificationDeconnexion {
    color: #FFFFFF;
    text-decoration: none;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensDeconnecter .identificationDeconnexion span {
}

/******************************** DISCONNECTED ********************************/

.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .formContentIdentification {
     margin-top: 0px;
    text-align: center;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .formContentIdentification input{
     margin:2px 0 4px 18px;
     border: 1px solid #EEEEEE;
     width: 174px;
     float: left;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .formContentIdentification input.champTel{
background: url("../image/ico_mobile.gif") no-repeat scroll 0 center #FFFFFF;
width: 154px;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .formContentIdentification input.champPwd{
background: url("../image/ico_cadenas.gif") no-repeat scroll 0 center #FFFFFF;
width: 155px;
float: left;
margin-left: 18px;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .formContentIdentification .description{
display:none;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .formContentIdentification .identificationLogin {
    display: none;
}

.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .formContentIdentification .ligneLogin {
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .formContentIdentification .ligneLogin .champTel {
    width:200px;
    margin:0 0 2px 0;
}

.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .formContentIdentification .lignePassword {
    padding-top: 3px;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .formContentIdentification .lignePassword .identificationPassword {
    display: none;

}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .formContentIdentification .lignePassword .champPwd {
    width:200px;
    margin:0 0 2px 0;
}

.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .formContentIdentification .contentPaysLogin {
    padding-top: 2px;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .formContentIdentification .contentPaysLogin .identificationPays {
    display: none;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .formContentIdentification .contentPaysLogin .identificationSelectPays {
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .formContentIdentification .contentPaysLogin .identificationSelectPays select {
    background-color: #FFFFFF;
    margin-right: -1px;
    width: 183px;
}

.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .formContentIdentification .contentPaysLogin .btLogin {
    background: #000;
    border: 0 none;
    color: #000;
    cursor: pointer;
    font-size: 12px;
    height: 19px;
    padding: 0 0px 2px 0;
    text-transform: uppercase;
    width: 37px;
}

.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .formContentIdentification .identificationAccepted {
    margin-top: 10px;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .formContentIdentification .identificationAccepted .identificationForget {
    padding-left: 0;
    float:right;
    text-decoration: none;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .formContentIdentification .identificationAccepted .identificationForget span {
    color: #000;
        background: url("../image/ico_panier_fleche.gif") no-repeat scroll left 1px transparent;

    font-size: 10px;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding:0 13px 0 15px;
}

/******************************************************************************/

.compCompte .headerComposants .footerComposants .contentComposants .bottomContentComposants {
    float:right;
    width:270px;
    border-bottom:#d9d4d7 1px solid;
}
.compCompte .tableDesc, .compCompte .formLabel{
    display:none;
}
.compCompte #lienMdp{
 color: #666666;
    display: inline;
    font-family: Arial;
    font-size: 11px;
    height: 13px;
    left: 10px;
    line-height: 14px;
    padding-left: 14px;
    position: absolute;
    top: 122px;
    width: 203px;
}
.compCompte #dejamail{
    background: #fff url("../image/ico_mail.png") no-repeat scroll left center;
    height: 15px;
    line-height: 15px;
    padding: 1px 1px 1px 25px;
    width: 150px;
}
.compCompte table{
    border-collapse: collapse;
    margin: 0 0 0 10px;
    padding: 10px 10px 15px;
    
}
.compCompte select {
    border: 1px solid #eeeeee;
    float: left;
    font-size: 11px;
    height: 19px;
    margin: 2px 0 0 18px;
    width: 179px;
}
.compCompte #formSubmit {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #F5F5F5;
    color: #666666;
    cursor: pointer;
    display: block;
    float: left;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin: 0 0 0 5px;
    padding: 0 0 2px;
    position: absolute;
    right: 28px;
    text-align: center;
    text-transform: uppercase;
    top: 92px;
    width: 29px;
}
.compCompte tr {
    position:relative;
    float:left;
    margin-bottom:5px;
}