.compCompte {
    right: 0;
    top: 120px;
    position: absolute;
}
.compCompte .headerComposants {
}
.compCompte .headerComposants .footerComposants {
}
.compCompte .headerComposants .footerComposants .contentComposants {
}

/*-------------------------------------------*\
    #TITRE
\*-------------------------------------------*/
.compCompte .headerComposants .footerComposants .contentComposants .topContentComposants {
    margin: 0;
    display: table-cell;
    vertical-align: top;
}
.compCompte .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
    margin: 0;
    text-align: left;
    display: inherit;
}
.compCompte .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span {
    line-height:20px;
    color: #fff !important;
    font-size:23px;
    font-family:'Oswald', sans-serif; 
    margin-right: 20px;
}

/*-------------------------------------------*\
    #BOUTONS COMPTE
\*-------------------------------------------*/
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants {
    display: table-cell;
    margin: 0;
    padding: 0;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .compteBouton a {
    text-decoration: none;
    color: #fff;
    line-height: 50px;
    text-align: center; 
    display: inline-block;
    width: 140px;
    height: 50px;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out; 
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .compteBouton a span {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .compteBouton a:hover {
    color:#2e2d2d !important;
    background-color:#1BBC9B;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out; 
}

/*-------------------------------------------*\
    #CONNECTED
\*-------------------------------------------*/
/**
 * Nom
 */
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .identificationRecapNom {
    border-right: 3px solid #f8e409;
    color: #fff;
    font-family: "Oswald",sans-serif;
    font-size: 15px;
    font-weight: normal;
    margin-right: 5px;
    padding-right: 6px;
    text-transform: uppercase;
}
/**
 * Mail / Tel ...
 */
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .identificationRecapInfo {
    color: #fff;
    font-family: "Oswald",sans-serif;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants input.champTel {
    background: #eee url("../image/img/phone_android.svg") no-repeat scroll 2px center / 13px auto;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    display: inline-block;
    font-size: 11px;
    height: 22px;
    margin: 0 0 3px -192px;
    padding: 1px 1px 1px 20px;
    position: absolute;
    text-indent: 5px;
    top: 0;
    width: 170px;
}
 .compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants input#dejamail {
    background: #fff url("../image/img/envelope.svg") no-repeat scroll 2px center / 13px auto;
    border: 1px solid #000;
    padding: 1px 1px 1px 20px;
    width: 170px;
    height: 22px;
    font-size: 11px;
    margin: 0 10px 0 0;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants input.champPwd {
    background: #fff url("../image/img/lock.svg") no-repeat scroll 2px center / 13px auto;
    font-size: 11px;
    height: 22px;
    margin: 0 40px 0 0;
    text-indent: 5px;
    width: 170px;
}
/**
 * Bouton
 */
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensdigiticks {
    clear: both;
    padding: 5px 0 0;
    display: inline-flex;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensdigiticks .identificationLienCompte {
    background: #F8E409;
    height: 30px;
    text-align: center;
    width: 145px;
    cursor: pointer;
    color: #000;
    font-size: 18px;
    line-height: 30px;
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 20px;
    margin-top: -7px;

 }
 .compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensdigiticks .identificationLienCompte:hover {
}
/**
 * Deconection
 */
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensDeconnecter {
    cursor: pointer;
    border:none;
    font-size:10px;
    text-decoration: none;

    clear:both;
    margin: 0px auto;
    display: block;

    background: url("../image/img/close.svg") no-repeat scroll left -1px / 13px auto;
    height: 11px;
    padding-left: 15px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 30px;
    line-height: 10px;

}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensDeconnecter .identificationDeconnexion {
    color: #909090;
    text-decoration: none;
}

.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensDeconnecter .identificationDeconnexion:hover {
}

.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensDeconnecter .identificationDeconnexion span {
}

/*-------------------------------------------*\
    #DISCONNECTED
\*-------------------------------------------*/
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .formContentIdentification {
    text-align: center;
    display: table-caption;
}
.compCompte .headerComposants .footerComposants .contentComposants .bottomContentComposants {
    height:15px;
}
.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;
    text-decoration: none;
    padding:0 13px 0 15px;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants table {
    border-collapse: collapse;
    margin: 0;

}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants table tbody {
    display: block;
    margin: auto;
    width: 220px;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants tr td {
    padding: 2px 0;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants tr {
    width: 220px;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants tr td.tableColonne1 {
    display: none;
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants tr td.tableColonne2 {
}
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants tr td.tableColonne3 {
}
.compCompte select {
    font-size: 11px;
    height: 21px;
    width: 158px;
}


/**
 * Description
 */
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .formContentIdentification .description {
    display:none;
}
/**
 * Champs
 */
.compCompte .tableDesc, .compCompte .formLabel{
    display:none;
}
.dataContentComposants > form > div.formContentIdentification div.formField {
    display: table-cell;
}

/**
 * ID
 */
.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;
}
/**
 * MDP
 */
.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;
}
/**
 * Pays
 */
.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 select#dejapays {
    background-color: #ffffff;
    border: medium none;
    border-radius: 0;
    display: block;
    font-size: 12px;
    height: 25px;
    line-height: 24px;
    position: absolute;
    right: 41px;
    top: 0;
    width: 110px;
}

/**
 * MDP oubli
 */
.compCompte #lienMdp{
    color: #999999;
    display: inline;
    font-size: 10px;
    line-height: 14px;
    padding-bottom: 0;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
    display: block;
    text-align: left;
    
}

.compCompte #lienMdp:hover {
    color: #fff;     
}
/**
 * Boutons
 */
 .compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants div.formSubmit {
    display: table-cell;
 }
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .btSubmit {
    background: #f8e409 none repeat scroll 0 0;
    color: #000;
    cursor: pointer;
    float: left;
    font-size: 13px;
    height: 25px;
    position: absolute;
    right: 0;
    text-transform: none;
    top: 0;
    transition: all 1s ease-in-out 0s;
    vertical-align: middle;
    width: 27px;
    
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}