body {
  font-family:Helvetica,Arial,Verdana,sans-serif;
}

#commande_search_form {
  float:left;
  width:300px;
}

.recherche_cache {
  display:none;
}

.recherche_visible {
  display:inline-block;
}

#recherche_rapide input,
select {
  margin:0 0 0 2px;
}

#recherche_rapide input {
  width:100px;
}

#recherche_rapide select {
  width:180px;
}

#recherche_rapide {
  padding:0;
  margin-left:70px;
  display:inline-block;
  border:none;
  padding:1px 5px 1px 5px;
  color:black;
}

.retour{
  font-family: Helvetica,Arial;
  color: #ffffff;
  font-size: 17px;
  text-align:center;
  background-color: rgba(255,102,0,0.9);
  padding: 7px 20px 7px 20px;
  text-decoration: none;
  margin-bottom:3px;
  font-weight:bolder;
  width:100%;
}

.retour:hover{
  background-color: rgb(255,154,87);
  text-decoration: none;
}

.btn-commande {
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  font-family: Helvetica,Arial;
  color: #ffffff;
  font-size: 12px;
  background: #ff6600;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin-bottom:3px;
  font-weight:bolder;
}

.btn-commande:hover {
  background: #ff9a57;
  text-decoration: none;
}

.btn-haut {
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  font-family: Helvetica,Arial;
  color: #ffffff;
  font-size: 12px;
  background: #ff6600;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin-bottom:3px;
  font-weight:bolder;
  float:right;
  display:inline-block;
  position:relative;
}

.btn-haut:hover {
  background: #ff9a57;
  text-decoration: none;
}


#titre_menu {
  display:none;
}

#commande_list_article_filtre {
  margin-bottom:1em;
  color:black;
  background-color:#fa8534;
  border-width:0;
  font-size:140%;
}

#commande_list_article_table {
  margin-top:10px;
  border-bottom:1px solid #666;
  border-right:1px solid #666;
  clear:both;
  background-color:#fff;
  border-collapse:collapse;
}

#commande_list_article {
  margin-bottom:5px;
  margin-top:-15px;
  padding-left:90px;
  background-image:url('../../images/info.png');
  background-repeat:no-repeat;
  background-position:left;
}

#commande_list_article h3 {
  margin-bottom:0;
  padding-top:5px;
}

#legende_vert {
  display:inline-block;
  width:15px;
  height:8px;
  background-color:#158b00;
  margin-right:3px;
}

#legende_rouge {
  display:inline-block;
  width:15px;
  height:8px;
  background-color:#e00;
  margin-left:10px;
  margin-right:3px;
}

#desc_menu {
  font-size:12px;
  color:black;
}

#desc_menu strong {
  font-size:13px;
  color:black;
}

html>body #commande_list_article_table {
  width:100%;
}

.addqte {
  width:4em;
  font-size:1em;
  margin:1px 0;
  padding:0;
  text-align:right;
}

.addqte_line_gris {
  background-color:#ddd;
  width:3em;
  font-size:1em;
  margin:1px 0;
  padding:0;
  text-align:right;
}

.commande_deplace {
  border:0;
}

#commande_list_article_table td {
  border-left:1px solid #666;
}

#commande_list_article_table th {
  border:0;
}

.take_a_look {
  float:left;
  width:20px;
  height:20px;
  margin:0 .2em;
  background:url(../../images/bt_action2.png) repeat-x 22px -2px;
  cursor:default;
  visibility:hidden;
}

#commande_panier {
  z-index:999;
  border:0;
  float:left;
  padding:.5em;
  background-color:#fff;
  border-color:#ccc;
  width:98%;
  color:black;
  font-size:10px;
}

#commande_panier fieldset {
  padding:2px;
  height:100px;
  border-color:#fff;
}

#logo_panier {
  position:relative;
  float:left;
  cursor:pointer;
}

#commande_panier dl {
  margin:5px 0;
  float:left;
  display:inline;
}

#commande_panier dt,
#commande_panier dd {
  text-align:left;
}

#commande_panier dt {
  font-weight:bold;
}

#commande_panier dd {
  margin:0;
  padding-left:.5em;
  font-style:italic;
}

.commande_panier_label {
  float:left;
  display:block;
  font-weight:bold;
}

.commande_panier_valeur {
  display:block;
  width:20px;
  margin:8px 0 0 30px;
  font-size:20px;
  color:red;
  font-weight:900;
}

#resume_commande {
  height:55px;
  float:left;
  border-left:1px solid #d1d1d1;
  border-left:1px solid #d1d1d1;
  text-align:left;
  position:relative;
  padding-left:5px;
  width:120px;
}

#resume_commande_total {
  height:55px;
  float:left;
  border-left:1px solid #d1d1d1;
  border-left:1px solid #d1d1d1;
  text-align:left;
  font-size:1.2em;
  position:relative;
  padding-left:5px;
  width:200px;
}

#dernierajout {
  float:left;
  position:relative;
  width:250px;
}

#prevalid_commande {
  float:right;
  position:relative;
  
  text-align:center;
}

.baspanier {
  display:block;
}

.prevNext {
  cursor:pointer;
}

#commande_panier hr {
  margin:0;
}

.list_hebdo {
  color:#e00;
}

.list_client {
  color:#339;
}

.list_quantitatif {
  color:#158b00;
}

.list_stock {
  color:#000;
}

.commande_col_large {
  text-align:right;
  width:5em;
}

.title_family {
  background-color:#d1d1d1;
  text-align:center;
  color:black;
  font-weight:bold;
}

.bt_commande {
  background:url(../../images/bt_centre.png) repeat-x;
  height:20px;
  float:left;
  display:inline;
  line-height:20px;
  cursor:pointer;
}

.bt_viderpan {
  position:absolute;
  margin-right:1px;
  height:20px;
}

a.bt_commande,
a.bt_commande img {
  border:0;
}

.bt_bord {
  display:inline;
  float:left;
  width:11px;
  height:20px;
}

.bt_bord_g {
  display:inline;
  float:left;
  width:11px;
  height:20px;
  margin-left:1em;
}

.bt_commande_prec,
.bt_commande_suiv {
  margin:2px 0;
}

.bt_commande_prec {
  float:left;
}

.bt_commande_suiv {
  float:right;
}

.add_comment {
  display:none;
  background-color:#f8f8f8;
  border:1px solid #ddd;
  position:absolute;
  padding-top:5px;
  padding-bottom:5px;
}

.add_comment input {
  display:inline-block;
}

.text_comment {
  display:inline;
  width:13em;
  padding:0;
  line-height:.9em;
  margin-left:2px;
}



.add_comment_bt {
  width:20px;
  height:20px;
  margin:auto;
  background-image:url(../../images/comm.png);
  cursor:pointer;
}

.valid_comment_bt {
  display:inline-block;
}

.graphe {
  background:url(../../images/bt_graphe.png) no-repeat -1px;
  padding-left:1.8em;
  float:left;
  display:inline;
}

.print {
  background:url(../../images/bt_action2.png) no-repeat -1px;
  padding-left:1.8em;
  float:left;
  display:inline;
}

#photo_stocklist {
  display:none;
  z-index:150;
  padding:1px;
  background:#666;
  border:solid 1px black;
}

.image_poisson {
  bottom:1%;
  left:1em;
  position:absolute;
}

html>body .image_poisson {
  position:fixed;
  z-index:1000;
}

#fleche {
  display:none;
  position:absolute;
  border:0;
  z-index:150;
  margin-left:-27.5%;
  margin-top:0;
}

.ligne_commande:hover {
  background:#d1d1d1;
}

.ligne_commande {
  color:#000;
}

.line_bleu {
  background-color:#F8F8F8;
}

#list_orders {
  border:1px solid #999;
  width:100%;
}

#list_orders td {
  text-align:center;
  padding:0 .5em;
}

#list_orders th {
  padding:0 .5em;
  border:1px solid #fff;
  border-right:0;
}

#list_orders tbody tr {
  cursor:pointer;
}

#list_smile {
  border:1px solid #333;
}

#list_smile thead td {
  font-weight:bold;
  border-bottom:1px solid #999;
}

#list_smile thead th {
  font-weight:normal;
  padding:0 1em;
}

#list_smile tfoot td {
  background-color:#666;
  color:#fff;
}

#top_avoir table,
#profil_achat table {
  float:left;
  margin-right:1em;
  border:1px solid #000;
}

#top_famille_avoir,
.profil_achat_tab {
  display:none;
  margin-top:1em;
}

#top_profil_achat label {
  margin-left:2em;
}

.sous_entete {
  text-align:center;
  font-weight:bold;
}

#top_profil_achat input {
  width:3em;
}

#help_over {
  background:url(../../images/fond_aide.png) bottom;
  padding-bottom:2em;
}

#title_help {
  background:url(../../images/entete_aide.png);
}

#help_span {
  float:left;
  padding:0 1em;
}

#overlay {
  background-image:url(../../images/overlay.png);
}

#zone_commande {
  background:none repeat scroll 0 0 #f2f2f2;
  padding:5px 5px 5px 5px;
}

#commande_list_article_corps {
  font-size:12px;
}

ul#menu_commande {
  height:36px;
  padding:2px 20px 0 30px;
  width:100%;
  margin:0 auto;
  position:relative;
  overflow:hidden;
}

ul#menu_commande li {
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  float:left;
  width:121px;
  margin:0 5px 0 0;
  background-color:#ff6600;
  /*#3a6389;
  bleu foncé*/

    
/*border:solid 1px #000;
  border-right:none;
  */

    position:relative;
  z-index:1;
  list-style-type:none;
}

ul#menu_commande li.selected {
  z-index:3;
}

ul#menu_commande li a:link,
ul#menu_commande li a:visited {
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  display:block;
  text-align:center;
  width:121px;
  height:40px;
  line-height:36px;
  font-family:Helvetica,Arial,Verdana,sans-serif;
  text-transform:uppercase;
  text-decoration:none;
  font-size:10px;
  font-weight:bold;
  color:#000;
  letter-spacing:1px;
  outline:none;
  float:left;
  -webkit-transition:background-color 0.3s linear;
  -moz-transition:background-color 0.3s linear;
  -o-transition:background-color 0.3s linear;
  background:-moz-linear-gradient(top center,#d1d1d1,#f2f2f2 80%) repeat scroll 0 0 #f2f2f2;
  background:-webkit-gradient(linear,left bottom,left top,color-stop(.2,#f2f2f2),color-stop(.8,#d1d1d1));
  background:#d1d1d1;
  /*#3a6389;
  bleu foncé*/;
}

ul#menu_commande li a:hover {
  background-color:#ff6600;
  /*#6796bf;
  bleu clair*/;
}

ul#menu_commande li.selected a:link,
ul#menu_commande li.selected a:visited {
  color:#fff;
  -webkit-transition:background-color 0.2s linear;
  -moz-transition:background-color 0.3s linear;
  -o-transition:background-color 0.3s linear;
  /*background:-moz-linear-gradient(top center,#ff6600,#f2f2f2 80%) repeat scroll 0 0 #f2f2f2;
  background:-webkit-gradient(linear,left bottom,left top,color-stop(.2,#f2f2f2),color-stop(.8,#ff6600));
  */

    background-color:#ff6600;
}

/*Menu de s�lection2*/

ul#menu_commande2 {
  height:36px;
  padding:2px 20px 0 30px;
  width:100%;
  margin:0 auto;
  position:relative;
  overflow:hidden;
}

ul#menu_commande2 li {
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  float:left;
  width:100px;
  margin:0 5px 0 0;
  background-color:#3a6389;
  border:solid 1px #000;
  border-right:none;
  position:relative;
  z-index:1;
  list-style-type:none;
}

ul#menu_commande2 li.selected {
  z-index:3;
}

ul#menu_commande2 li a:link,
ul#menu_commande2 li a:visited {
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  display:block;
  text-align:center;
  width:100px;
  height:40px;
  line-height:36px;
  font-family:Helvetica,Arial,Verdana,sans-serif;
  text-transform:uppercase;
  text-decoration:none;
  font-size:10px;
  font-weight:bold;
  color:#fff;
  letter-spacing:1px;
  outline:none;
  float:left;
  background:#3a6389;
  -webkit-transition:background-color 0.3s linear;
  -moz-transition:background-color 0.3s linear;
  -o-transition:background-color 0.3s linear;
}

ul#menu_commande2 li a:hover {
  background-color:#6796bf;
}

ul#menu_commande2 li.selected a:link,
ul#menu_commande2 li.selected a:visited {
  color:#000;
  -webkit-transition:background-color 0.2s linear;
  background:-moz-linear-gradient(top center,#d1d1d1,#f2f2f2 80%) repeat scroll 0 0 #f2f2f2;
  background:-webkit-gradient(linear,left bottom,left top,color-stop(.2,#f2f2f2),color-stop(.8,#d1d1d1));
  background-color:#f2f2f2;
}

* html #overlay {
  background-color:#333;
  background-color:transparent;
  background-image:url(blank.gif);
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png",sizingMethod="scale");
}

* html #help_over {
  background:url(../../images/fond_aide.gif) bottom;
}

* html #title_help {
  background:url(../../images/entete_aide.gif);
}