.orange {color:#fb5c01;}
.noir{color:#000}

#boutons {
margin-bottom:7px;
margin-left:660px;
margin-top:10px;
}

#etape-panier #etapes
{
display:block;
margin:10px auto 20px auto;
width:632px;
height:56px;
overflow:hidden;
}

#etape-panier #etapes img
{
display:block;
float:left;
}


#etape-panier{margin:0 30px 0 39px}

#etape-panier #recap-panier{margin-top:5px;width:930px;}


#etape-panier #recap-panier .onglet
{
clear:both;
overflow:hidden;
border-top:1px solid #ff7410;
width:820px;
margin-bottom:10px;
}


#etape-panier #recap-panier .offre-services
{
margin-left:100px
}

/*debut tableau liste articles*/
#etape-panier #recap-panier table.liste-articles
{
width:930px
}

#etape-panier #recap-panier table.liste-articles td
{
padding:0 0 0 10px;
color:#666;
}


#etape-panier #recap-panier table.liste-articles td.separateur
{
vertical-align:top;
padding:0 0 0 10px;
color:#666;
border-bottom:1px solid #ccc;
}

#etape-panier #recap-panier table.liste-articles tr.entete td
{
background: url(../images/blimages/liste-article-bck-orange.gif) repeat-x;
height: 20px;
font:normal 11px arial;
color:#fff;
padding:0;
}



/************ BEGIN R9 ****************/
#etape-panier #recap-panier TABLE.liste-articles TD.a-visuel {
	PADDING:5px 0 0 0; WIDTH: 111px; TEXT-ALIGN: center ;
}


/*
#etape-panier #recap-panier table.liste-articles td.a-visuel
{
width:111px;
text-align:center;
padding-left:0;
}
*/
/************ END R9 *****************/

#etape-panier #recap-panier table.liste-articles td.a-reference
{
width:284px;
padding:23px 0 0 0;
}

#etape-panier #recap-panier table.liste-articles td.a-reference div.promo
{
color:#fb5c01;
font:bold 14px arial;
margin-top:10px;
}

#etape-panier #recap-panier table.liste-articles td.a-marque
{
width:78px;
padding-top:23px;
text-align:center;
padding-left:0;
}

#etape-panier #recap-panier table.liste-articles td.a-disponibilite
{
width:104px;
padding-top:37px;
text-align:center;
padding-left:0;
}

#etape-panier #recap-panier table.liste-articles td.a-disponibilite .non-dispo
{
font-weight:bold;
color:#FB6201
}

#etape-panier #recap-panier table.liste-articles td.a-prix-initial
{
width:135px;
padding-top:23px;
text-align:center;
padding-left:0;
}

#etape-panier #recap-panier table.liste-articles td.a-prix-initial a
{color:#666}

#etape-panier #recap-panier table.liste-articles td.a-quantite
{
width:72x;
padding-top:23px;
text-align:center;
padding-left:0;
}

#etape-panier #recap-panier table.liste-articles td.a-quantite select
{
text-align:center;
width:46px;
}

#etape-panier #recap-panier table.liste-articles td.a-quantite a
{
color:#666;
}

#etape-panier #recap-panier table.liste-articles td.a-prix-total
{
width:135px;
padding-top:23px;
text-align:center;
padding-left:0;
}

#etape-panier #recap-panier table.liste-articles td.a-prix-total a
{
color:#666
}

#etape-panier #recap-panier table.liste-articles td.a-prix-total div.promo
{
color:#fb5c01;
font:bold 14px arial;
margin-top:10px;
}

/*fin tableau liste articles*/

#etape-panier #recap-panier table.liste-services
{
width:818px;
}

#etape-panier #recap-panier table.liste-services td {padding:2px 0}

#etape-panier #recap-panier table.liste-services tr.couleur
{
background:#ebebeb
}

#etape-panier #recap-panier table.liste-services td.intitule-service
{
width:526px
}

#etape-panier #recap-panier table.liste-services td.intitule-service div.default
{
color:#000;
background: url(../images/blimages/liste-serivices-puce-noir.gif) 0 6px no-repeat;
padding-left:6px;
margin-left:20px
}

#etape-panier #recap-panier table.liste-services td.intitule-service div
{
color:#fb6201;
font:normal 11px arial;
background: url(../images/blimages/liste-serivices-puce-orange.gif) 0 6px no-repeat;
padding-left:6px;
margin-left:20px
}

#etape-panier #recap-panier table.liste-services td.intitule-service div a
{
color:#666
}

#etape-panier #recap-panier table.liste-services td.prix-initial
{
width:53px;
font:bold 11px arial;
text-align:center;
}


#etape-panier #recap-panier table.liste-services td.case
{
width:75px;
padding-right:10px;
text-align:right;
}

#etape-panier #recap-panier table.liste-services td.prix-final
{
width:155px;
}

#etape-panier #recap-panier table.liste-services td.prix-final div
{
font:bold 11px arial;
color:#fb6201;
margin-left:0px;
display:none;
width:112px;
text-align:right;
}


#etape-panier .rubrique-titre
{
clear:both;
overflow:hidden;
font:normal 18px arial;
color:#2a2a2a;
margin-top:15px
}

#etape-panier .rubrique-titre .logged
{
padding-top:8px;
float:right;
font:normal 11px arial;
color:#666;
}

#etape-panier .rubrique-titre .logged img
{
vertical-align:-2px
}

#etape-panier .rubrique 
{
border-top:1px solid #eb690b;
width:930px;
overflow:hidden;
padding:10px 0 0 0;
margin-top:10px;
position:relative;
}

/*debut encart aide*/

#etape-panier .rubrique #aide
{
display:block;
width:358px;
overflow:hidden;
float:left;
}

#etape-panier .rubrique #aide .tel
{
height:86px;
display:block;
overflow:hidden;
position:relative;
}

#etape-panier .rubrique #aide div img 
{
position:absolute;
z-index:1;
}

#etape-panier .rubrique #aide input
{
z-index:2;
position:absolute;
font:normal 10px arial;
color:#666;
border:0;
}

#etape-panier .rubrique #aide .tel input.nom
{
left:87px;
top:59px;
width:95px
}

#etape-panier .rubrique #aide .tel input.num-tel
{
left:195px;
top:59px;
width:105px
}

#etape-panier .rubrique #aide .tel img.im
{
height:86px;
width:358px;
}

#etape-panier .rubrique #aide .chat
{
height:83px;
display:block;
overflow:hidden;
position:relative;
}

#etape-panier .rubrique #aide .chat input.nom
{
left:87px;
top:33px;
width:115px;
}

#etape-panier .rubrique #aide .chat img.im
{
height:83px;
width:358px;
}

#etape-panier .rubrique #aide .mail
{
height:65px;
display:block;
overflow:hidden;
position:relative;
}

#etape-panier .rubrique #aide .mail img.im
{
left:230px;
top:18px;
}
/*fin encart aide*/

/*debut ems offre exceptionnelle*/

#etape-panier .rubrique  #offre-except
{
display:block;
float:left;
margin-left:25px;
color:#5d5b5b;
font:normal 14px arial;
overflow:hidden;
position:relative;
background: url(../images/blimages/offre-exc-bloc.gif) no-repeat;
width: 197px;
height: 158px;

}

#etape-panier .rubrique  #offre-except img
{
position: absolute;
top:15px;
left:38px
}

#etape-panier .rubrique  #offre-except div
{
position: absolute;
top:60px;
left:18px;
overflow:hidden;
width:160px;
text-align:center;
}
/*fin ems offre exceptionnelle*/

/* debut total & code promo*/


#etape-panier .rubrique .total-cmd
{
float:left;
width:318px;
overflow:hidden;
margin-left:32px;
}


#etape-panier .rubrique .sstotal 
{margin-bottom:8px;}


#etape-panier .rubrique .code-promo
{
background: url(../images/blimages/panier-bck-code-validation.gif) no-repeat;
width: 318px;
height: 78px;
color:#666;
font:normal 11px arial;
padding:10px 0 0 8px;
text-align:center;
position:relative;
}

#etape-panier .rubrique .code-promo form 
{
display:block;
margin-top:0px;
overflow:hidden;
margin-top:5px;
height:45px;
width:300px;
position:relative;
}

#etape-panier .rubrique .code-promo form span
{
background: url(../images/blimages/panier-bck-input-code-validation.gif) no-repeat;
width: 110px;
height: 25px;
display:inline;
overflow:hidden;
left:62px;
display:block;
position:absolute;
}

#etape-panier .rubrique .code-promo form input.saisie
{
overflow:hidden;
margin-top:5px;
width:98px;
border:0;
color:#666666;
font:normal 11px arial;
}

#etape-panier .rubrique .code-promo form input.bt
{
display:block;
float:left;
display:block;
position:absolute;
left:195px;
overflow:hidden;
}


#etape-panier .rubrique .code-promo form .msg-erreur
{
color:red;
margin:27px auto 0 auto;
display:none
}

#etape-panier .rubrique  .total
{
display:block;
clear:both;
overflow:hidden;
}

#etape-panier .rubrique .d3e {margin-top:5px}

#etape-panier .rubrique  .sstotal 
{
margin-top:8px;
}

#etape-panier .rubrique .total .txt
{
float:left;
display:block;
width:200px;  /* Fix for 842 */
text-align:right;
padding-right:5px;
}

#etape-panier .rubrique  .total .bt-supp 
{
float:left;
display:block;
width:9px;
padding-top:2px;
}

#etape-panier .rubrique .total .ss-montant
{
text-align:right;
float:left;
display:block;
width:100px; /* Fix for 842 */
font-size:12px ;
}

#etape-panier .rubrique .total-separateur
{
margin:10px 0 0 0;
padding-left:16px;
}

#etape-panier .rubrique  .final {margin-top:15px}


/* fin total & code promo*/

/*debut livraison*/
#etape-panier .rubrique .livraison
{
display:block;
clear:both;
overflow:hidden;
font:bold 14px arial;
padding-bottom:10px;
border-bottom:1px solid #EB690B
}



#etape-panier .rubrique .livraison img
{
float:left;
margin-left:52px;
margin-right:45px;
}

#etape-panier .rubrique .livraison .intitule 
{
color:#fb5c01;
margin-bottom:10px}
#etape-panier .rubrique .livraison .montant 
{
color:#fb5c01;
margin-top:20px
}

/*debut 3 blocs livraison*/

#etape-panier .rubrique #selection-relais{display:block;}

#etape-panier .rubrique #selection-relais .cherche-relais
{
background:url(../images/blimages/relay-form-entete.gif) no-repeat; 
width:233px;
height:75px;
overflow:hidden;
}

#etape-panier .rubrique #selection-relais .cherche-relais div
{
margin-top:12px;
padding-left:10px
}

#etape-panier .rubrique #selection-relais .cherche-relais p
{
margin-top:12px;
padding-left:10px
}

#etape-panier .rubrique #selection-relais .cherche-relais p input.bt
{
vertical-align:-4px;
margin-left:10px
}


#etape-panier .rubrique .livraison-3-blocs {z-index:10;overflow:hidden;}

#etape-panier .rubrique .livraison-3-blocs .type-livraison
{
display:block;
overflow:hidden;
float:left;
width: 305px;
position:relative;
margin-right:7px;
}

#etape-panier .rubrique .livraison-3-blocs .last-type-livraison
{
margin-right:0;
}


#etape-panier .rubrique .livraison-3-blocs .type-livraison .intitule
{
display:block;
position:absolute;
font:normal 12px arial;
cursor:pointer;
height:48px;
width:286px;
padding:9px 0 0 15px;
}

#etape-panier .rubrique .livraison-3-blocs .type-livraison .mise-dispo
{
display:block;
font:normal 11px arial;
position:absolute;
text-align:center;
top:60px;
left:110px;
}

#etape-panier .rubrique .livraison-3-blocs .type-livraison .date-dispo
{
color:#ff5400;
display:block;
font:bold 13px arial;
position:absolute;
text-align:center;
top:75px;
left:55px;
width:200px;
line-height:1
}

#etape-panier .rubrique .livraison-3-blocs .type-livraison .prix-livraison
{
font:bold 14px arial;
width:100%;
text-align:center;
position:absolute;
top:108px;
}

#etape-panier .rubrique .livraison-3-blocs .type-livraison .choix-livraison
{

width:100%;
text-align:center;
position:absolute;
top:125px;
}

#etape-panier .rubrique .livraison-3-blocs .type-livraison .logo-fournisseur, #etape-panier .rubrique .livraison-2-blocs .type-livraison .logo-fournisseur
{
float:right;
padding:3px 10px 0 0;
}
{
float:right;
padding:3px 10px 0 0;
}

#etape-panier .rubrique .livraison-3-blocs .type-livraison .choix-livraison .bt-choix-livraison
{
cursor:pointer;
}

#etape-panier .rubrique .livraison-3-blocs .type-livraison .all-points-forts
{
padding:8px 0 0 0;
background: url(../images/blimages/livraison-bck-all-points.gif) repeat-y;
width: 305px;
display:none;
overflow:hidden;
}


#etape-panier .rubrique .livraison-3-blocs .type-livraison .all-points-forts .point
{
margin-left:10px;
font:normal 11px arial;
background: url(../images/blimages/liste-serivices-puce-orange.gif) 0 11px no-repeat;
padding:6px 0 4px 6px; 
border-top:1px solid #bdbdbd;
width:280px;
color:#eb690b

}


#etape-panier .rubrique .livraison-3-blocs .bas-points-forts
{
background: url(../images/blimages/livraison-3-bloc-bas-ferme.png) no-repeat;
width: 286px;
height: 49px;
position:relative;
padding:3px 5px 5px 14px
}

#etape-panier .rubrique .livraison-3-blocs  #relay
{
background: url(../images/blimages/livraison-3-blocs-closed.gif) no-repeat;
overflow:hidden;
width:305px;
height:170px;
}

#etape-panier .rubrique .livraison-3-blocs #colissimo
{
background: url(../images/blimages/livraison-3-blocs-closed.gif) no-repeat;
overflow:hidden;
width:305px;
height:170px;
}

#etape-panier .rubrique .livraison-3-blocs #chronopost
{background: url(../images/blimages/livraison-3-blocs-closed.gif) no-repeat;
overflow:hidden;
width:305px;
height:170px;
}

#etape-panier .rubrique .livraison-2-blocs {position:relative;z-index:10}

#etape-panier .rubrique .livraison-2-blocs  .type-livraison
{
display:block;
overflow:hidden;
float:left;
width: 455px;
position:relative;
margin-right:20px;
}

#etape-panier .rubrique .livraison-2-blocs .type-livraison .intitule
{
display:block;
position:absolute;
width:435px;
font:normal 12px arial;
cursor:pointer;
height:50px;
padding:10px 0 0 15px
}

#etape-panier .rubrique .livraison-2-blocs  .type-livraison .mise-dispo
{
display:block;
font:normal 11px arial;
position:absolute;
text-align:center;
top:60px;
width:100%
}

#etape-panier .rubrique .livraison-2-blocs  .type-livraison .date-dispo
{
color:#ff5400;
display:block;
font:bold 13px arial;
position:absolute;
text-align:center;
top:75px;
width:100%;
line-height:1;
}

#etape-panier .rubrique .livraison-2-blocs  .type-livraison .prix-livraison
{
font:bold 14px arial;
width:100%;
text-align:center;
position:absolute;
top:108px;
}

#etape-panier .rubrique .livraison-2-blocs  .type-livraison .choix-livraison
{

width:100%;
text-align:center;
position:absolute;
top:125px;
}


#etape-panier .rubrique .livraison-2-blocs  .type-livraison .choix-livraison .bt-choix-livraison
{
cursor:pointer;
}

#etape-panier .rubrique .livraison-2-blocs  .type-livraison .all-points-forts
{
padding:8px 0 0 0;
background: url(../images/blimages/livraison-bck-all-points-455.gif) repeat-y;
width: 455px;
display:none;
overflow:hidden;
}


#etape-panier .rubrique .livraison-2-blocs  .type-livraison .all-points-forts .point
{
margin-left:10px;
font:normal 11px arial;
background: url(../images/blimages/liste-serivices-puce-orange.gif) 0 11px no-repeat;
padding:6px 0 4px 6px; 
border-top:1px solid #bdbdbd;
width:440px;
color:#eb690b
}


#etape-panier .rubrique .livraison-2-blocs  .bas-points-forts
{
background: url(../images/blimages/livraison-2-bloc-bas-ferme.png) no-repeat;
width: 436px;
height: 49px;
position:relative;
padding:3px 5px 5px 14px
}


#etape-panier .rubrique .livraison-2-blocs  #relay
{
background: url(../images/blimages/livraison-2-blocs-closed.gif) no-repeat;
overflow:hidden;
width:455px;
height:170px;
}

#etape-panier .rubrique .livraison-2-blocs  #chronopost
{background: url(../images/blimages/livraison-2-blocs-closed.gif) no-repeat;
overflow:hidden;
width:455px;
height:170px;
}
#etape-panier .rubrique .livraison-2-blocs  #colissimo
{background: url(../images/blimages/livraison-2-blocs-closed.gif) no-repeat;
overflow:hidden;
width:455px;
height:170px;
}

#etape-panier .rubrique .livraison-2-blocs .last-type-livraison
{
margin-right:0;
}
/*debut identification*/

#etape-panier .rubrique .bt-annuler
{
display:block;
margin-top:50px;
}

#etape-panier .rubrique #identification
{
background: url(../images/blimages/identification-bck.jpg) 0 30px no-repeat;
width: 416px;
height: 180px;
left:500px;
margin-top:5px;
}

#etape-panier #identification-ok
{
text-align:right;
}

#etape-panier #identification
{
background: url(../images/blimages/identification-bck.jpg) 0 30px no-repeat;
width: 416px;
height: 190px;
float:right;
color:#666
}

#etape-panier #identification #identifyform
{
margin-top:12px
}

#etape-panier #identification #identifyform div.saisie
{
overflow:hidden;
clear:both;
margin-bottom:8px;
height:20px;
}


#etape-panier #identification #identifyform div.saisie input
{
float:left;
width:240px;
border:0;
margin-left:25px;
font:normal 11px arial;
color:#666666;
margin-top:3px;
}

#etape-panier #identification #identifyform  table.erreur
{
float:left;
color:#ff0000;
margin-left:10px;
padding-left:0px;
display:block;
overflow:hidden;
margin-top:1px
}

#etape-panier #identification #identifyform  table.erreur td
{
color:red
}

#etape-panier #identification #identifyform table.erreur img
{
vertical-align:-4px
}

#etape-panier #identification #identifyform #remember
{
padding-left:25px;
clear:left;
text-align:left;;
margin-bottom:15px;
}

#etape-panier #identification #identifyform #remember a
{
color:#000
}

#etape-panier #identification #identifyform #remember input
{
vertical-align:-2px;
}

#etape-panier #identification #identifyform .boutons
{
clear:left;
text-align:center;
display:inline;
}

#etape-panier #identification #identifyform .boutons .continuer
{
clear:left;
text-align:left;
margin-left:19px;
}

#etape-panier #identification #identifyform .boutons .valider
{
margin-right:19px;
text-align:right;
margin-top:-23px;
}

#etape-panier #identification #identifyform #new-pass
{
margin:0 0 2px 25px;
display:none;
color:#FB5C01
}


/*fin identification*/

/*ems bottom*/
#etape-panier  #ems-bottom
{
overflow:hidden;
clear:both;
padding-top:10px
}


#etape-panier  #ems-bottom div
{
overflow:hidden;
float:left;
}



/*infobulle detail services*/
#modal-detail-services
{
display:block
}

#modal-detail-services table
{
margin-left:10px;
width:500px;
}


#modal-detail-services td.illustration
{
width:12px;
text-align:center;
vertical-align:top;
}



#modal-detail-services td.description
{
width:380px;
text-align:left;
vertical-align:top;
}

/*onglets*/

#etape-panier .more-services
{
margin-top:5px;
margin-left:100px;
width:500px
}

#etape-panier .bar-tabs {width:818px;margin-left:100px;margin-top:5px}

#etape-panier .bar-tabs div 
{float:left;
cursor:pointer;
background:url(../images/blimages/onglet-off.gif) no-repeat;
width:104px;
height:28px;
text-align:center;
margin-left:-8px;
z-index:1;
position:relative;
font:bold 11px arial;
line-height:1;
padding:2px 12px 0 3px}

#etape-panier .bar-tabs div.actif
{
float:left;
cursor:pointer;
background:url(../images/blimages/onglet-on.gif) no-repeat;
text-align:center;
z-index:2;
color:#fff;
}
#etape-panier .zone-onglet 
{
clear:both;
border-top:1px solid red;
width:818px;
margin-left:100px;
margin-bottom:10px
}

#etape-panier .zone-onglet span {display:block}

#etape-panier .zone-onglet span.dnone {display:none;}