/*---------------------------------------- Boutons ---------------------------------------------*/

.btn, .btn2 {
padding-left: 14px;
font-size:12px;

text-decoration: none;
margin: 5px 0 15px 0;
display: block;
}

.btn {
background: url(../../medias/modeles/public/puces/puce9.png) no-repeat left 3px;
color:#F09200;

}

.btn2 {
background:url(../../medias/modeles/public/puces/puce1.png) no-repeat left 3px;
color:#666;
font-weight: bold; 
}

a#bouton100, a#bouton140, a#bouton150, a#bouton160, a#bouton180, a#bouton200, a#bouton100G, a#bouton140G, a#bouton160G, a#bouton180G, a#bouton200G  {
text-decoration: none;
display: block;
height: 19px;
padding: 5px 0 0 22px;
font-weight:bold;
margin: 10px 0 10px 0;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

a#bouton100, a#bouton140, a#bouton150, a#bouton160, a#bouton180, a#bouton200 {
color: #F09200;
}

a#bouton100G, a#bouton140G, a#bouton160G, a#bouton180G, a#bouton200G {
color: #BBB;
}

a#bouton200, a#bouton200G {
width: 178px;	
}

a#bouton200 {
background: url(../../medias/modeles/public/boutons/bouton200.png) no-repeat 0 0;
}

a#bouton200G {
background: url(../../medias/modeles/public/boutons/bouton200G.png) no-repeat 0 0;	
}

a#bouton180, a#bouton180G {
width: 168px;
}

a#bouton180 {
background: url(../../medias/modeles/public/boutons/bouton180.png) no-repeat 0 0;
}

a#bouton180G {
background: url(../../medias/modeles/public/boutons/bouton180G.png) no-repeat 0 0;
}

a#bouton160, a#bouton160G  {
width: 140px;
}

a#bouton160  {
background: url(../../medias/modeles/public/boutons/bouton160.png) no-repeat 0 0;
}

a#bouton160G  {
background: url(../../medias/modeles/public/boutons/bouton160G.png) no-repeat 0 0;
}

a#bouton150, a#bouton150G  {
width: 128px;
}

a#bouton150  {
background: url(../../medias/modeles/public/boutons/bouton150.png) no-repeat 0 0;
}


a#bouton140  {
width: 118px;
}

a#bouton140  {
background: url(../../medias/modeles/public/boutons/bouton140.png) no-repeat 0 0;
}

a#bouton140G  {
background: url(../../medias/modeles/public/boutons/bouton140G.png) no-repeat 0 0;
}

a#bouton100  {
width: 80px;
}

a#bouton100  {
background: url(../../medias/modeles/public/boutons/bouton100.png) no-repeat 0 0;
}

a#bouton100G  {
background: url(../../medias/modeles/public/boutons/bouton100G.png) no-repeat 0 0;
}


/*--------------------------------------------- Etapes achat ----------------------------------------*/


ul#achat  {
	display: block;
	width: 480px;
	height: 45px;
	margin:0 auto 30px;	
}

#achat li {
list-style-type: none;
display: inline;
padding: 0;
margin: 0;
}

#achat li a.identification, #achat li a.identificationActif, 
#achat li a.validation, #achat li a.validationActif,
#achat li a.recapitulatif, #achat li a.recapitulatifActif,
#achat li a.paiement, #achat li a.paiementActif,
#achat li a.confirmation, #achat li a.confirmationActif  {
height: 45px;
float: left;
display: block;
}

#achat li a.validation, #achat li a.validationActif,
#achat li a.recapitulatif, #achat li a.recapitulatifActif,
#achat li a.paiement, #achat li a.paiementActif {
width: 90px;
}

#achat li a.identification, #achat li a.identificationActif,
#achat li a.confirmation, #achat li a.confirmationActif  {
width: 105px;
}

#achat li a.identification {
background: url(../../medias/modeles/public/boutons/com_identification.gif) 0 0 no-repeat;
}


#achat li a.identificationActif {
background: url(../../medias/modeles/public/boutons/com_identification.gif) 0 -45px no-repeat;
}


#achat li a.validation {
background: url(../../medias/modeles/public/boutons/com_validation.gif) 0 0 no-repeat;
}

#achat li a.validationActif {
background: url(../../medias/modeles/public/boutons/com_validation.gif) 0 -45px no-repeat;
}

#achat li a.recapitulatif {
background: url(../../medias/modeles/public/boutons/com_recapitulatif.gif) 0 0 no-repeat;
}

#achat li a.recapitulatifActif {
	background: url(../../medias/modeles/public/boutons/com_recapitulatif.gif) 0 -45px no-repeat;
}

#achat li a.paiement {
	background: url(../../medias/modeles/public/boutons/com_paiement.gif) 0 0 no-repeat;
}

#achat li a.paiementActif {
background: url(../../medias/modeles/public/boutons/com_paiement.gif) 0 -45px no-repeat;
}

#achat li a.confirmation {
background: url(../../medias/modeles/public/boutons/com_confirmation.gif) 0 0 no-repeat;
}

#achat li a.confirmationActif {
background: url(../../medias/modeles/public/boutons/com_confirmation.gif) 0 -45px no-repeat;
}