#zone_haut
{
  width: 570px;
  height:120px;
  background-color:#758DA0;
  margin: 8px 0px 5px 0px;
  padding:0px;
}
#bandeau_commande
{
  width:570px;
  margin: 0px 0px 5px 0px;
  background-color:#4B96CD;
  height:34px;
  border-top:1px solid #4B96CD;
  padding:0px;
}

#bandeau_commande p
{
  
  margin: 8px 13px 8px 13px;
  font-size:18px;
  color:#FFF;
  
  padding:0px;
}


.prod
{
 width:570px;
 height:30px;
 background-color: #A3CCEA;
 margin:0px;
 padding:0px;
}
.prod div
{
  display:block;
  float:left;
  margin:5px 0px 5px 8px;
  height:20px;
  font-size:11px;
  color:#FFFFFF;
  font-weight:bold;
  line-height:20px;

}

.prod div.separateur_v
{
 display:block;
 border-left:1px solid #FFF;
 width:0px;
 font-size:0px;
 line-height:20px;
 height:20px; 
 margin:5px 0px 5px 0px;
 padding:0px;
}


.prod .nom
{
  width:177px;
  margin:5px 0px 5px 13px;
}


.produit_bloc
{
  width:570px;
  height:40px;
  background-color:#FFF;
   
}


.1produit_bloc
{
  width:570px;
  height:140px;
  background-color:#FFF;
   
}


.produit_bloc div
{
  display:block;
  float:left;
  margin:10px 0px 10px 8px;
  height:20px;
  font-size:11px;
  color:#758DA0;
  font-weight:bold;
}


.produit_bloc .nom
{
  width:177px;
  margin:10px 0px 10px 13px;
}


.produit_bloc div.separateur_v
{
 display:block;
 border-left:1px solid #758DA0;
 width:0px;
 font-size:0px;
 height:20px; 
 margin:10px 0px;
}

.produit_bloc div.produit
{
width:112px;
height:40px;
margin:0px 0px 0px 0px;
text-indent:0px;
}


.ref
{
width:56px;
}
.pu
{
width:76px;
}
.qte
{
width:91px;

}
.total
{
width:114px;
}


.1ref
{
width:56px;
}
.1pu
{
width:76px;
}
.1qte
{
width:91px;

}
.1total
{
width:114px;
}


/**
 affichage de la composition
*/


.produit_bloc_composition
{
  width:570px;
  background-color:#FFF;
  
}

.produit_bloc_composition a
{
font-size:11px;
color:#758DA0;
text-decoration:none;
}

.produit_bloc_composition div
{
  display:block;
  float:left;
  margin:10px 0px 10px 8px;
 
  font-size:11px;
  color:#758DA0;
  font-weight:bold;
}
.produit_bloc_composition div p
{
 padding:0px;
 margin: 0px 0px 0px 8px;
 font-size:11px;
 vertical-align:top;
}


.produit_bloc_composition div span
{
  font-size:11px;
}

.produit_bloc_composition div.separateur_v

{
 display:block;
 border-left:1px solid #758DA0;
 width:0px;
 font-size:0px;
 
  margin:10px 0px;
}


.produit_bloc_composition div.nom
{
  width:177px;
  margin:10px 0px 10px 13px;
  text-transform:uppercase;
}
.produit_bloc_composition div.nom .indented
{
margin-left:5px;
text-transform:lowercase;
}

/**
affichage coupon
*/
.coupon
{
height:40px;
 }
.coupon div
{
display:block;
  float:left;
  margin:10px 0px 10px 8px;
 
  font-size:11px;
  color:#758DA0;
  font-weight:bold;
 }
.coupon .numero
{
width:433px; 
}
.coupon .separateur_v
{
 display:block;
 border-left:1px solid #758DA0;
 width:0px;
 font-size:0px;
 height:20px; 
 margin:10px 0px;
}

.present
{
padding:5px 13px;
font-size:12px;
background-color:#A3CCE3;
color:#FFF;
font-weight:bold;
}

/* */



div.qte
{
text-align:center;
}
.qte input
{
width:72px;
height:18px;
line-height:18px;
font-size:10px;
text-align:left;
text-indent:0px;
}

.qte button
{
  width:72px;
  text-indent:0px;
}
.total_commande
{
  background-color: #A3CCEA;
  color:#FFF;
  height:80px;
  color : #FFFFFF;
  text-align:right;
  font-size:14px;
  padding:0px;
  margin:0px;
}

.total_commande span
{
font-size:14px;
line-height:16px;
}
.total_commande .port
{
font-size:11px;
font-weight:normal;
}


.total_commande div.separateur_v
{
 display:block;
 border-left:1px solid #FFF;
 width:0px;
 font-size:0px;
 height:70px; 
 margin:5px 0px 5px 0px;
 padding:0px;
}

.total_commande div
{
  display:block;
  float:left;
  margin:5px 0px 5px 13px;
  font-size:11px;
  color:#FFFFFF;
  font-weight:bold;
  line-height:20px;

}
.total_commande .text_total
{
width:427px;
margin:5px 0px 5px 13px;
}
#field_total
{
  line-height:16px;
  font-size:14px;
   font-weight:bold;
}
#currency
{
line-height:16px;
margin-right:8px;
}
#port_value
{
margin-right:20px;
font-size:11px;
font-weight:normal;
}
.total_commande input
{
margin-right:8px;
}

#panier_identify .filet_hor
{
  background-color : #758DA0;
  margin:5px 0px 5px;
  height:1px ;
  font-size:1px;
   
}

.identifie
{
  background-color:#758DA0;
  color:#FFFFFF;
  padding:13px 0px;
  
}
.identifie label
{
 color : #FFFFFF;
 
}

.identifie input
{
color:#000;
}
.forgot
{
color :  #FFFFFF;
}

.not_inscrit
{

color :  #FFFFFF;
font-weight:bold;
}
.identifie span
{
margin-left:13px;
}
#info
{
margin:5px 0px;
background-color:#CBE1F3;
color:#758DA0;
line-height:30px;
padding:13px;
}

#info label
{
font-weight:bold;
color:#758DA0;
}

#info input
{
margin-bottom:5px;
vertical-align:middle;
}


#info select
{
margin-bottom:5px;
vertical-align:middle;
}

.cgv
{
font-size:11px;
color:#758DA0;
}
a.cgv
{
text-decoration:underline;
font-weight:bold;
}
#info .cnil
{
font-size:11px;
line-height:15px;
}
.cnil a
{
text-decoration:underline;
font-weight:bold;
color:#758DA0;
font-size:11px;
}

#nom_conseillere
{
width:250px;
}

.line_field
{
height:25px;
}

.line_field label
{
display:block;
float:left;
line-height:25px;
padding-left:13px;
width:100px;
}
.step1
{
  background-color:#758DA0;
  height:25px;
  line-height:25px;
  padding-left:13px;
  margin-bottom:4px;
  color:#FFF;
  font-weight:bold;
}
.step1b
{
  background-color:#758DA0;
  height:25px;
  line-height:25px;
  padding-left:13px;
  margin:4px 0px;
  color:#FFF;
  font-weight:bold;
}

.step2
{

  background-color: #A3CCEA;
  height:25px;
  line-height:25px;
  padding-left:13px;
  color:#FFF;
  font-weight:bold;
  margin-top:5px;
}


.bp
{
display:block;
height:20px;
line-height:20px;
text-transform:uppercase;
color:#FFFFFF;
font-size:12px;
background: #4B96CD no-repeat top right;
text-align:right;
text-decoration:none;
padding-right:25px;
margin-top:2px;
}
.bp:hover
{
color:#4B96CD;
background: #A3CCEA no-repeat top right;
}
#cont_bc
{
min-height:705px;
height:705px;
height:auto !important;
}

#info_contact
{
  background-color:#758DA0;
  color:#FFFFFF;
  padding:13px;
  line-height:20px;

}
#info_contact a
{
  color:#FFF;
  text-decoration:none;
  font-weight:normal;
}
#info_contact .client_number
{
font-weight:bold;
}

#info_contact .edit_contact a
{
font-weight:bold;
text-decoration:underline;
}



#liv_contact
{
  background-color:#758DA0;
  color:#FFFFFF;
  padding:13px;
  line-height:20px;

}
#liv_contact a
{
  color:#FFF;
  text-decoration:none;
  font-weight:normal;
}

#liv_contact .edit_contact a
{
font-weight:bold;
text-decoration:underline;
}


.ligne
{
margin:5px 0px 0px;
}
.clear
{
/*border: 1px solid yellow;*/
}


.barred, .total_barred
{
text-decoration:line-through;
}
#valide_commande
{
margin-bottom:5px;
}

/* auto completition **/
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
#zone_content div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #A3CCE3;}
#zone_content div.autocomplete ul li {
  list-style-type:none;
  /*list-styme-position:inside;*/
  display:block;
  margin:0;
  padding:2px;
  height:25px;
  cursor:pointer;
}