/*-----------*/
/*  Général  */
/*-----------*/
.bouton{
  display: block;
  border: 0 none;
  text-align: center;
  margin: 10px auto;
  height: 26px;
}

#contenu .bloc_generic{
  	border: 1px solid #C5AF7F;
	background-color: #F3F3E9;
	padding: 5px;
	min-height: 115px;
}

#contenu .bloc_totaux{
  float: right;
  border: 2px solid black;
  background-color: #FBFBF7;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  padding-top: 5px;
  width: 180px; 
  height: 21px;
}
#contenu .bloc_totaux#bloc_total{
	font-size: 14px;
}
#popup_suppression{
  position: fixed;
  float: left;
  top: 300px;
  left: 40%;
  background-color: #F3F3E9;
  border: 3px solid #C5AF7F;
  text-align: center;
  vertical-align: middle;
  width: 300px;
  height: 50px;
  padding-top: 10px;
}
#popup #message{
  font-weight: bold;
}


/*----------*/
/*  Etapes  */
/*----------*/
#list_etapes{
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
#list_etapes td.actuel{
  font-weight: bold;
}
#list_etapes td{
  border: 1px solid white;
}
#list_etapes td:hover{
  border: 1px solid #A5ACB2;
  background-color: #EFEFEF;
  cursor: pointer;
}
#list_etapes td.no_link:hover{
  border: 1px solid white;
  background-color: white;
  cursor: default;
}

/*--------------------*/
/*  Etape 1 : Panier  */
/*--------------------*/
#contenu #panier table{
  border: 1px solid black;
  border-collapse: collapse;
  background-color: #FBFBF7;
  width: 100%;
}
#contenu #panier th{
  border-bottom: 1px solid black;
}
#contenu #panier #th_01{
  text-align: left;
}
#contenu #panier #th_02{
  width: 70px;
}
#contenu #panier #th_03{
  width: 80px;
}
#contenu #panier td{
  border-top: 1px dashed black;
}
#contenu #panier .td_02, .td_03{
  text-align: center;
}
/*
#contenu #livraison{
  float: right;
  width: 450px;
}
#contenu #livraison table{
  border: 1px solid black;
  border-collapse: collapse;
  background-color: #FBFBF7;
  width: 100%;
}
#contenu #livraison th{
  border-bottom: 1px solid black;
}
#contenu #livraison #th_01{
  text-align: left;
}
#contenu #livraison #th_02{
  text-align: center;
}
#contenu #livraison td{
  border-top: 1px dashed black;
}
#contenu #livraison .td_02{
  width: 90px;
  text-align: center;
}
*/
ul#detail_prix{
	float: right;
	list-style-type: none;
}

li#sous-total{	
	text-align: right;
	margin: 10px 0px 5px 0;
	font-weight: bold;
	margin-right: 25px;
}
li#frais_port{
	text-align: right;
	margin: 10px 0px 5px 0;
	font-weight: bold;
	margin-right: 25px;
}
li#bloc_total{
	border: 2px solid black;
	background-color: #FBFBF7;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	padding-top: 5px;
	width: 180px; 
	height: 21px;
}

/* Bouton pour l'etape 2 */
#contenu #sub_etape1{
  background: url('/images/contenu/bt_acheter_en_ligne.png') no-repeat center -27px;
  width: 130px;
  margin: 10px 0;
  float: left;
}
#contenu #sub_etape1:hover{
  background-position: center -1px;
  cursor: pointer;
}
#contenu #sub_etape1[disabled="disabled"]{
  background: url('/images/contenu/bt_acheter_en_ligne.png') no-repeat center -1px;
  cursor: default;
}

/* Bouton Liste de revendeurs */
#contenu #acheter_revendeur{
  background: url('/images/contenu/bt_acheter_revendeur.png') no-repeat center -27px;
  width: 195px;
  margin: 10px 5px 10px 280px;
  *margin: 10px 5px 10px 150px;
  float: left;
}
#contenu #acheter_revendeur:hover{
  background-position: center -1px;
  cursor: pointer;
}
#contenu #acheter_revendeur[disabled="disabled"]{
  background: url('/images/contenu/bt_acheter_revendeur.png') no-repeat center -1px;
  cursor: default;
}

/* Bouton Imprimer */
#contenu #bt_imprimer{
  background: url('/images/contenu/bt_imprimer.png') no-repeat center -27px;
  width: 95px;
  margin: 10px 5px 10px 350px;
  *margin: 10px 5px 10px 160px;
  float: left;
}
#contenu #bt_imprimer:hover{
  background-position: center -1px;
  cursor: pointer;
}
#contenu #bt_imprimer[disabled="disabled"]{
  background: url('/images/contenu/bt_imprimer.png') no-repeat center -1px;
  cursor: default;
}

/* Bouton Retour achat en ligne */
#contenu #bt_retour_achat{
  background: url('/images/contenu/bt_retour_achat_ligne.png') no-repeat center -27px;
  width: 155px;
  margin: 10px auto;
  float: left;
}
#contenu #bt_retour_achat:hover{
  background-position: center -1px;
  cursor: pointer;
}
#contenu #bt_retour_achat[disabled="disabled"]{
  background: url('/images/contenu/bt_retour_achat_ligne.png') no-repeat center -1px;
  cursor: default;
}

/*-----------------------*/
/*  Etape 2 : Connexion  */
/*-----------------------*/
#contenu #nouveau_compte{
  width: 430px;
  height: 108px;
}

#contenu #connexion{
  float: right;
  width: 430px;
}
#contenu #connexion fieldset{
  margin-top: 10px;
  text-align: center;
}
#contenu #connexion label{
  float: left;
  text-align: right;
  width: 200px;
  margin-right: -70px;
  margin-bottom: 5px;
}
#contenu #connexion input[type="text"]{
  margin-bottom: 5px;
}
#contenu #connexion input[type="submit"]{
  margin-top: 10px;
}

/* Bouton pour l'etape 3 */
#contenu #sub_etape2{
  background: url('/images/contenu/bt_etape3_adresses.png') no-repeat center -27px;
  width: 150px;
}
#contenu #sub_etape2:hover{
  background-position: center -1px;
  cursor: pointer;
}

/* Bouton Se Connecter */
#contenu #bt_valid_connexion{
  background: url('/images/contenu/bt_connexion.png') no-repeat center -27px;
  width: 110px;
}
#contenu #bt_valid_connexion:hover{
  background-position: center -1px;
  cursor: pointer;
}

/* Bouton Créer un compte */
#contenu #bt_compte{
  background: url('/images/contenu/bt_creer_compte.png') no-repeat center -27px;
  width: 130px;
}
#contenu #bt_compte:hover{
  background-position: center -1px;
  cursor: pointer;
}

/*----------------------*/
/*  Etape 3 : Adresses  */
/*----------------------*/
#contenu #adresse_facturation{
  float: right;
  width: 430px;
}

#contenu #adresse_livraison{
  width: 430px;
}
#contenu label[for="adresse_fact"], label[for="adresse_livr"]{
  vertical-align: top;
}

/* Bouton pour l'etape 4 */
#contenu #sub_etape3{
  background: url('/images/contenu/bt_etape4_paiement.png') no-repeat center -27px;
  width: 160px;
}
#contenu #sub_etape3:hover{
  background-position: center -1px;
  cursor: pointer;
}
#contenu #sub_etape3[disabled="disabled"]{
  background: url('/images/contenu/bt_etape4_paiement.png') no-repeat center -1px;
}

/*----------------------*/
/*  Etape 4 : Paiement  */
/*----------------------*/

/*
#contenu #paiement_cheque{
  float: right;
  width: 430px;
}
*/
#contenu #paiement_cb{
  /*width: 430px;*/
  width: 100%;
}


/* Bouton pour l'etape 5 */
#contenu #sub_etape4{
  background: url('/images/contenu/bt_etape5_validation.png') no-repeat center -27px;
  width: 160px;
}
#contenu #sub_etape4:hover{
  background-position: center -1px;
  cursor: pointer;
}

/*------------------------*/
/*  Etape 5 : Validation  */
/*------------------------*/
/* Bouton pour continuer sur le site */
#contenu #sub_etape5{
  background: url('/images/contenu/bt_continuer_site.png') no-repeat center -27px;
  width: 160px;
}
#contenu #sub_etape5:hover{
  background-position: center -1px;
  cursor: pointer;
}

