#panier-detaille {
    display : block;
    clear : both;
    /*width : 98%;*/
}

.synthese-partie h2,
#panier-detaille h2 {
    position : relative;
    display : block;
    clear : both;
    width : 96%;
    height : 22px;
    line-height : 22px;
    margin : 1em 0 0 0;
}

/*.bouton-modifier {
    float : left;
    background : url(../../img/educatop/bouton_modifier.gif) top left no-repeat;
    width : 84px;
    height : 24px;
}*/

.bouton-modifier {
    position : absolute;
    top : 0;
    right : 0;
    display : block;
    background : url(../../img/educatop/bouton_modifier.gif) top left no-repeat;
    width : 84px;
    height : 24px;
}


#panier-detaille table {
    width : 98%;
    clear : both;
    border-collapse : collapse;
    border : 1px solid #000;
    margin : 1em 0 0.5em .2em;
}

#panier-detaille submit {
margin-left:150px;
}

#panier-detaille .action-apercu input {
    float : right;
    margin: 0;
}


#panier-detaille th {
    padding : .4em;
    margin : 0 0 1em 0;
    background : #feae03;
    color : #fff;
    text-align : left;
}


#panier-detaille td {
    padding : .4em;
    border : none;
    color : #000;
    text-align : left;
}


#panier-detaille td.titre {
    font-weight : bold;
    font-size : .9em;
    padding-left : 1em;
    color : #000;
    text-align : left;
}


#panier-detaille td.total-produit {
    font-weight : bold;
}

#panier-detaille tr {
    border : none;


}

.total-label {
    text-align : right;

}

#panier-detaille tr.c1 td {
    background : #e0e0e0;

}

#panier-detaille .quantite,
.button-caddie input#quantite {
    width : 3em;
    margin : 0 .3em .9em 0;
    /*padding : 0;*/
    border : 1px solid #8599ba;
    text-align : center;
}


.sous-total {
    background : #f2e5d5;
    color : #000;
    font-size : 1em;
}


.total {
    background : #feae03;
    color : #000;
    /*font-weight : bold;*/
    font-size : 1em;
}

#panier-detaille .total td,
#panier-detaille .sous-total td {
    padding : 1em;
}


#panier-detaille td.total-label {
    text-align : right;
}


/*
#left-column.contenu-commande h1 {
    display : block !important;
    width : 100% !important;
    clear : both !important;
    background : pink;
}*/

#left-column.contenu-commande #panier-detaille p {
    padding : .3em .8em;
    margin : 0;
}


#left-column.contenu-commande .important {
    float : left;
    display : block;
    width : auto;
    clear : both;
    padding : .3em .8em;
    margin : 0;
}


#left-column.contenu-commande .important span {
    color : #ff2e01;
}




/* ------------ Colonne de droite ------------------------*/


#right-column.colonne-commande {
    padding-top : 110px;
}

.boite-aide {
    float : left;
    width : 90%;
    background : #e0e0e0;
    margin : 1em 0;
    padding : .7em;
}

.boite-aide ul {
    padding : 0;
    margin : 0;
}

.boite-aide li {
    padding : 0;
    margin : 0;
    font-style : italic;
    font-size : .9em;
}

.boite-aide p {
    padding : 0;
    margin : 0;
}



#right-column.colonne-commande h2 {
    display : block;
    width : 95%;
    clear : both;
    font-weight : bold;
    font-size : 1.3em;
    letter-spacing : normal;
    margin : 0;
    /*padding : 0;*/
}



#right-column.colonne-commande p {
    display : block;
    clear : both;
    width : 100%;
    font-size : .9em;
    margin : 0;
    padding : 0;
}
/*
#right-column.colonne-commande p strong {
    margin : 0;
    padding : 0;
}*/

#right-column.colonne-commande .important {
    float : left;
    width : 100%;
    padding : .4em 0;
    margin : 0;
    background : none;
    color : #fa3b07;
    font-weight : bold;
    font-size : 1em;
}
#right-column.colonne-commande span.important { font-size : 1.1em; }


/* ------------ Visuel de la progression de la commande  ---------------- */

#left-column.contenu-commande #etapes-commande {
    float : left;
    width : 97%;
    clear : both;
    list-style-type : none;
    margin : 0;
    padding : 1em 0;
    background : #fff;
}


#etapes-commande li {
    float : left;
    width : auto;
    margin : 0;
    padding : 0 .8em 0 0;
}

#etapes-commande li.selected {
    font-weight : bold;
}

#etapes-commande li.selected a {
    font-weight : bold;
    color : #000;
    text-decoration : none;
}


#etapes-commande a {
    text-decoration : none;
}
#etapes-commande a:hover { text-decoration : underline; }


/* ------------ Synthèse de la commande  ---------------- */


.synthese-partie {
    display : block;
    float : none;
    width : 100%;
    clear : both;
    padding : 0 0 1.5em 0;
    overflow : hidden;
}

/*.synthese-partie h2 {
    display : block;
    float : none;
    width : 100%;
    clear : both;
}*/

.synthese-partie input.submitbttn{
	margin-left: 150px;
}

.synthese-partie .coordonnees {
    float : left;
    width : 45%;
    padding-left: 4%;
    clear : none;
}

.synthese-partie input.submitbttn{
	margin-left: 150px;
}

/* ------------ Synthèse de la commande  ---------------- */

#autres-paiement,
#interface-paiement {
    float : left;
    clear : none;
    width : 45%;
}

#autres-paiement {
	  float : right;
    padding : 0 0 0 10px;
}


#interface-paiement h2 {
    display : block;
    clear : both;
    width : 100%;
    margin: 0 0 0 1em;
    padding: 0 0 0 1em;
}

#interface-paiement div {
    float : left;
    clear : both;
    width : 100%;
    padding : 0.5em 0;
}


#interface-paiement div input {
    float : left;
}


#interface-paiement div img {
    float : left;
}


a.paiement-cheque {
    float : left;
    width : 137px;
    height : 24px;
    background : url(../../img/educatop/bouton_paiement_cheque.gif) top left no-repeat;
}


a.paiement-mandat {
    float : left;
    width : 137px;
    height : 24px;
    background : url(../../img/educatop/bouton_mandat_administratif.gif) top left no-repeat;
}