#compte {
}

#compte ul {
        margin:0 0 15px 0;
}

.liste-liens li {
        font:12px Arial, Helvetica, sans-serif;
        color:#6E6E6E;
        height:15px;
        background:url(../images/pages-menu-bas/separation.png) no-repeat 0 20px;
        padding:0 0 7px 0;
        margin:0 0 5px 0;
}

#compte li a {
        background:url(../images/pages-menu-bas/picto-livre.png) no-repeat 0 -13px;
        padding:0 0 0 28px;
        color:#6E6E6E;
        text-decoration:none;
}

#compte li a:hover {
        background:url(../images/pages-menu-bas/picto-livre.png) no-repeat 0 2px;
        color:#CA183E;
}

.interne ul
{
        margin: 20px;
        padding: 20px;
}

.interne li
{
        font:12px Arial, Helvetica, sans-serif;
        color:#6E6E6E;
        height:15px;
        padding: 0 20px;
        margin: 0 20px;
}

.doigt li
{
        line-height: 21px;
        background: url(../images/service-client/puce-fleche.png) no-repeat;
        padding-left: 30px;
}

.question
{
        font-weight: bolder;
        color: #2e2e2e;
        margin: 15px 0;
}

.indenter
{
        margin: 0 55px;
}

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

#votre-commande ul.pictos {
        width:525px;
        height:90px;
        padding:0 0 0 5px;
        margin:20px auto 20px auto;
}

#votre-commande ul.pictos li span {
        display:none;
}

#votre-commande select {
        font:11px Arial, Helvetica, sans-serif;
}

#votre-commande input {
        font:12px Arial, Helvetica, sans-serif;
}

#votre-commande ul.pictos li {
        float:left;
        background-repeat:no-repeat;
        margin:0 5px 0 0;
}

#votre-commande ul.pictos li a {
        width:100px;
        height:90px;
        display:block;
}

#votre-commande ul.pictos li#panier a {background:url(../images/commande/panier.png) 0px -180px;}
#votre-commande ul.pictos li#panier a:hover {background:url(../images/commande/panier.png) 0px -90px;}

#votre-commande ul.pictos li#compte a {background:url(../images/commande/compte.png) 0px -180px;}
#votre-commande ul.pictos li#compte a:hover {background:url(../images/commande/compte.png) 0px -90px;}

#votre-commande ul.pictos li#livraison a {background:url(../images/commande/livraison.png) 0px -180px;}
#votre-commande ul.pictos li#livraison a:hover {background:url(../images/commande/livraison.png) 0px -90px;}

#votre-commande ul.pictos li#paiement a {background:url(../images/commande/paiement.png) 0px -180px;}
#votre-commande ul.pictos li#paiement a:hover {background:url(../images/commande/paiement.png) 0px -90px;}

#votre-commande ul.pictos li#confirmation a {background:url(../images/commande/confirmation.png) 0px -180px;}
#votre-commande ul.pictos li#confirmation a:hover {background:url(../images/commande/confirmation.png) 0px -90px;}


.selection a {
        background-position:0px 0px !important;
}


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

#compte dl dt.cote-gauche-ht {
        width:11px;
        height:11px;
        display:block;
        position:absolute;
        top:-1px;
        left:-1px;
        background:url(../images/pages-menu-bas/cote-gauche-ht.png) no-repeat 0 0;
        font-size:1px;
        padding:0!important;
}

#compte dl dt.cote-droite-ht {
        width:11px;
        height:11px;
        display:block;
        position:absolute;
        top:-1px;
        right:-2px;
        background:url(../images/pages-menu-bas/cote-droite-ht.png) no-repeat 0 0;
        font-size:1px;
        padding:0!important;
}

#compte dl dt.cote-gauche-bas {
        width:6px;
        height:6px;
        display:block;
        position:absolute;
        bottom:-1px;
        left:-1px;
        background:url(../images/pages-menu-bas/cote-gauche-bas.png) no-repeat 0 0;
        font-size:1px;
        padding:0!important;
}

#compte dl dt.cote-droite-bas {

        width:6px;
        height:6px;
        display:block;
        position:absolute;
        bottom:-1px;
        right:-1px;
        background:url(../images/pages-menu-bas/cote-droite-bas.png) no-repeat 0 0;
        font-size:1px;
        padding:0!important;
}

#compte dl {

        width:688px;
        position:relative;
        /*border:1px solid #58A008;*/
        border:1px solid #DACBA5;
        padding:0 0 10px 0;
        margin:0 0 15px 0;
}

#compte dt {

        font:bold 16px Arial, Helvetica, sans-serif;

        color:#CA183E;

        background:url(../images/pages-menu-bas/pixel-fond-dt.png);

        /*background:url(../images/pages-menu-bas/pixel-abricot-fond-dt.png);*/

        padding:7px 12px 3px 12px;

}

#compte dd {
        background:#FFF;
        font:12px Arial, Helvetica, sans-serif;
        color:#333;
        padding:5px 10px 5px 10px;

}

#compte dd a {
        text-decoration:underline;
        color:#333;
}

#compte dd a:hover {
        text-decoration:none;
}

#compte dd.haut-de-page a {
        width:auto;
        height:18px;
        display:block;
        background:#FFF;
        font:12px Arial, Helvetica, sans-serif;
        color:#CA183E;
        padding:2px 0 0 25px !important;
        text-decoration:none;
        background:url(../images/pages-menu-bas/haut-de-page.png) no-repeat;
        position:absolute;
        right:10px;
        bottom:5px;
}



.titreli {
        line-height: 21px;
        background: url(../images/service-client/puce-fleche.png) no-repeat;
        padding-left: 30px;
        font-weight: bolder;
        margin: 10px;
}

.indenter {
        padding-left: 35px;
}

.retour {
        display:block;
        text-align:center;
        margin:0 0 5px 0;
}

.formu {
        /*float: left;*/
        margin:0;
        padding:0;
}

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