

/* Compte utilisateur
----------------------------------------------------------------*/

#mon-compte {
    float : left;
    width : 100%;
    clear : both;
}


#mon-compte p {
    color : #000;
}


#mon-compte .identification {
    float : left;
    clear : both;
    padding : 1em 0 0 0 ;
    margin : 0;
    margin-right : 2%;
    width : 98%;
}


#mon-compte h2 {
    float : left;
    width : 100%;
    clear : both;
}

#mon-compte .facturation,
#mon-compte .livraison {
    float : left;
    width : 47%;
    clear : none;
}

#mon-compte .facturation {
    padding-left : 2%;
}

#mon-compte .identification h2 {
    padding : 0;
    margin : 0;
}


#mon-compte .action-commande {
    display : block;
    float : none;
    clear : both;
    padding : 1.5em 0 1em 0;
    margin : 0;
    width : 46%;
    text-align : left;
}

#mon-compte .action-commande a:hover,
#mon-compte .action-commande a {
    float : left;
    clear : none;
    width : 95%;
    font-weight : normal;
}







/* Page d'identification
----------------------------------------------------------------*/

.identification {
    float : left;
    clear : both;
    width : 100%;
    padding : 0.6em;
    margin : 0;
}

#page-content .identification {
    width : 95%;
    margin-top : 1em;
}

.alt {
    background : #f2f2f2;
}

.identification h2 {
    font-size : 0.9em;
}

.identification h2 label {
    display : inline;
    float : none;
    clear : none;
    font-weight : normal;
    font-size : 0.95em;
}


.identification h2 input {
    display : inline;
    float : none;
    clear : none;
    height : 13px;
    margin : 0 0.3em 0 1em;
}


.identification h2 a {
    font-size : 0.95em;
    font-weight : normal;
    color : #0b5899;
}

.identification .formrow-m {
    float : left;
    clear : none;
    width : 100%;
    padding : 0.4em 0 0.4em 0;
    margin : 0;
}

.identification .formrow-checkbox {
    float : left;
    clear : both;
    width : 100%;
    padding : 0.4em 0 0.4em 0;
    margin : 0;
}


.identification .formrow-m label {
    text-align : right;
    font-size : 0.85em;
    width : 21%;
    padding : 0 0.6em 0 0;
    margin : 0;
}


.identification .formrow-m input {
    color : #333;
    font-size : 0.85em;
    width : 40%;
    padding : .2em .3em;
    border : 1px solid #8599ba;
}


.identification .formrow-m samp {
    float : left;
    clear : none;
    padding : 0 0 0 0.6em;
    margin : 0;
    color : #777;
}


/* Mot de passe oublié
----------------------------------------------------------------*/


.oubli-mdp {
    float : left;
    clear : both;
    width : 100%;
    padding-top : 1.4em;
    margin : 0;
}

.oubli-mdp form {
    float : left;
    width : 100%;
    clear : both; /* Correction : remplacement d'un ':' par ';' pour terminer la ligne => Mike le 04/09/2006 */
    padding : 0;
    margin : 0;
}


.oubli-mdp p {
    color : #000;
    padding : 0.6em 0 0.8em 0;
    margin : 0;
    font-size : 0.85em;
}

.oubli-mdp .description {
    width : 60%;
    padding-left : 4%;
    font-size : 0.8em;
}


.oubli-mdp .formrow-m {
    width : 54%;
    padding : 0;
    margin : 0;
}


.oubli-mdp .formrow-m label {
    float : left;
    margin : 0;
    width : 39%;
}


.oubli-mdp .formrow-m input {
    float : right;
    height : 12px;
    width : 55%;
    margin : 0;
    padding : 0.2em 0.3em;
    border : 1px solid #d4d0c8;
    border-top : 2px solid #000;
    border-left : 2px solid #000;
    border-right : none;
    border-bottom : 1px solid #c6e4f7;
}
* html .oubli-mdp .formrow-m input { height : 13px; }

.submittspecial {
    float : left;
    clear : none;
    margin : 0;
    padding : 0;
    border : none;
    background : #fff;
}



/* Coordonnées de livraison
----------------------------------------------------------------*/

.identification .formrow-s {
    float : left;
    clear : none;
    width : 50%;
    padding : 0.4em 0;
    margin : 0;
}


.identification .formrow-s label {
    text-align : right;
    font-size : 0.85em;
    width : 35%;
    padding : 0 0.6em 0 0;
    margin : 0;
}


.identification .formrow-s select,
.identification .formrow-s input {
    color : #5bb0ff;
    font-size : 0.85em;
    width : 58%;
}


.identification .formrow-s input {
    padding : .2em .3em;
    border : 1px solid #8599ba;
}


.identification .formrow-s samp {
    display : block;
    float : none;
    width : 65%;
    clear : both;
    padding : 0 0 0 0.6em;
    margin : 0;
    margin-left : 35%;
    color : #777;
}


#mon-compte .facturation .formrow-s,
#mon-compte .livraison .formrow-s {
    width : 100%;
    clear : both;
}


#mon-compte .facturation .formrow-s select,
#mon-compte .livraison .formrow-s select,
#mon-compte .facturation .formrow-s input,
#mon-compte .livraison .formrow-s input {
    width : 53%;
    color : #333;
}


#mon-compte .facturation .formrow-s label,
#mon-compte .livraison .formrow-s label {
    width : 35%;
}



/* --------- Bouton de validation des formulaires ------------------ */

#panier-detaille .submit-button,
.submit-button {
    float:right;
    clear : none;
    width : 45%;
    margin-right : 1%;
}



.informations {
    float : left;
    width : 100%;
    clear : both;
}





/* ------------  Visuel du champ de saisie de la référence commande client -------- */

#saisie-ref-commande-client {

}


#saisie-ref-commande-client .formrow-m {
    float : left;
    clear : none;
    width : 54%;
}

#saisie-ref-commande-client .formrow-m label {
    float : left;
    width : 14em;
}

#saisie-ref-commande-client .formrow-m input {
    float : left;
    width : 10em;
    border : 1px solid #a0a0a0;
}

#saisie-ref-commande-client .sauver-ref-comm {
    float : left;
    clear : none;
    margin : .55em 0 0 0;
}







