/* button-based */
button.button {
  border: 0px none;
  background:transparent;
  cursor: pointer;
  font-size:14px;
  /*height: 22px;*/
  font-weight:bold;
  /*height:28px;*/
  /*padding:0 0 3px 0;*/
  text-align:center;
  width:179px;
  margin: 8px 0 8px 0;
  padding:0 0 0 0;
  /*vertical-align: top;*/
  overflow: visible;
  outline-style: none;
}
button .button-droite-acheter{
  display: block;
  background: transparent url(images/boutons/button-droite-acheter.png) no-repeat right top;
  padding: 0px 10px 0px 0px;
  height: 27px;
}
button .button-gauche-acheter{
  display: block;
  margin: 0px;
  background: transparent url(images/boutons/acheter.png) no-repeat left top;
  padding: 10px 2px 0px 15px;
  vertical-align: middle;
  white-space: nowrap;
  font-weight: bold;
  font-size: 11px;
  height: 27px;
  line-height: 24px;
}
button.button .button-left {
  display: block;
  margin: 0px;
  background: transparent url(images/but_left.png) no-repeat left top;
  padding: 0px 5px 0px 15px;
  vertical-align: middle;
  white-space: nowrap;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #111d4d;
  font-weight: bold;
  font-size: 11px;
  height: 22px;
  line-height: 21px;
}

/* div-based */
div.button {
  border: 0px none;
  background: transparent none;
  cursor: pointer;
  margin: 0px;
  padding: 0px 10px 0px 0px;
  white-space: nowrap;
  background: transparent url(images/but_right.png) no-repeat right top;
  float: left;
}
div.button div,
  div.button a:link,
  div.button a:visited,
  div.button a:hover,
  div.button a:active
{
  display: block;
  background: transparent url(images/but_left.png) no-repeat left top;
  padding: 0px 5px 0px 15px;
  line-height: 21px;
  white-space: nowrap;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #111d4d;
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
  outline-style: none;
}

/* button-based link */
button.simple-button {
  border: 0px none;
  background-color: transparent;
  cursor: pointer;
  height: 15px;
  margin: 3px 0px 0px 0px;
  padding: 0px;
  white-space: nowrap;
  color: #043fa0;
  font-size: 11px;
  font-weight: bold;
  line-height: 15px;
  vertical-align: middle;
  outline-style: none;
}
button.simple-button span {
  text-decoration: underline;
}
button.simple-button img {
  display: none;
}

/* a-based link */
a.simple-button:link,
  a.simple-button:visited,
  a.simple-button:hover,
  a.simple-button:active
{
  font-size: 11px;
  white-space: nowrap;
  color: #043fa0;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  line-height: 21px;
  vertical-align: bottom;
  text-decoration: underline;
  outline-style: none;
}

/* input-image-based */
input.image-button {
  margin: 0px;
  margin-bottom: 1px;
  padding: 0px;
  border: 0px none;
  width: 20px;
  height: 20px;
  background: transparent url(images/go.gif) no-repeat left top;
  vertical-align: middle;
}

/* a-image-based */
a.image-button:link,
  a.image-button:visited,
  a.image-button:hover,
  a.image-button:active
{
  text-decoration: none;
}
a.image-button:link img,
  a.image-button:visited img,
  a.image-button:hover img,
  a.image-button:active img
{
  margin: 0px;
  padding: 0px;
  border: 0px none;
  width: 20px;
  height: 18px;
  background: transparent url(images/go.gif) no-repeat center center;
  vertical-align: middle;
}


/*
  Buttons alternative styles
*/

/* highlighted button */

button.main-button span{
    padding:0px;
}

button.main-button .button-right {
  background: transparent url(images/boutons/bouton174x28.png) no-repeat right top;
}
button.main-button .button-left {
  background: transparent url(images/boutons/bouton174x28.png) no-repeat left top;
  color: #797d81;
  font-size:14px;
  padding:3px 0 0 0;
  height:25px;
}

div.main-button {
  background: transparent url(images/but_main_right.png) no-repeat right top;
}
div.main-button div,
  div.main-button a:link,
  div.main-button a:visited,
  div.main-button a:hover,
  div.main-button a:active
{
  background: transparent url(images/but_main_left.png) no-repeat left top;
  color: #510000;
}

button.simple-main-button,
  a.simple-main-button:link,
  a.simple-main-button:visited,
  a.simple-main-button:hover,
  a.simple-main-button:active
{
  color: #880000;
}

/* Delete cart item button */
a.simple-delete-button:link,
  a.simple-delete-button:visited,
  a.simple-delete-button:hover,
  a.simple-delete-button:active
{
  color: #880000;
  background: transparent url(images/delete_cross.gif) no-repeat left 7px;
  padding-left: 13px;
}


/* menu button */

button.menu-button {
  height: 22px;
}
button.menu-button .button-right {
  background: transparent url(images/but_menu_right.png) no-repeat right top;
  padding-right: 7px;
  height: 20px;
}
button.menu-button .button-left {
  background: transparent url(images/but_menu_left.png) no-repeat left top;
  height: 20px;
  padding: 0px 1px 0px 8px;
  color: #deedf7;
  font-size: 10px;
  height: 21px;
  line-height: 20px;
}

div.menu-button {
  background: transparent url(images/but_menu_right.png) no-repeat right top;
  padding-right: 7px;
}
div.menu-button div,
  div.menu-button a:link,
  div.menu-button a:visited,
  div.menu-button a:hover,
  div.menu-button a:active
{
  background: transparent url(images/but_menu_left.png) no-repeat left top;
  padding: 0px 1px 0px 8px;
  line-height: 20px;
  color: #deedf7 !important;
  font-size: 10px;
}
/*
  link-with-arrow
*/
a.simple-arrow-button:link,
  a.simple-arrow-button:visited,
  a.simple-arrow-button:hover,
  a.simple-arrow-button:active
{
  padding-left: 10px;
  background: transparent url(images/but_arrow.png) no-repeat left 6px;
}
a.simple-arrow-button:hover {
  color: #2863c2;
}
.rtl a.simple-arrow-button:link,
  .rtl a.simple-arrow-button:visited,
  .rtl a.simple-arrow-button:hover,
  .rtl a.simple-arrow-button:active
{
  padding-left: 0px;
  padding-right: 10px;
  background: transparent url(images/but_arrow_invert.png) no-repeat right 6px;
}
.button-row a.simple-arrow-button:link,
  .button-row a.simple-arrow-button:visited,
  .button-row a.simple-arrow-button:hover,
  .button-row a.simple-arrow-button:active
{
  background-position: left 2px;
}

button.simple-arrow-button img.left-simple-button {
  display: inline;
  width: 7px;
  height: 10px;
  background: transparent url(images/but_arrow.png) no-repeat left top;
  margin-right: 3px;
  vertical-align: bottom;
}

/*
  button(s) containers
*/

.button-row,
  .button-row-right
{
  margin-top: 20px;
  padding: 0px;
  height: 40px;
  line-height: 23px;
}

.buttonRowBKT{

  margin-top: 0;
}



.buttons-row .button,
  .buttons-row button.simple-button,
  .buttons-row a.simple-button
{
  float: left;
}
.buttons-row-right .button,
  .buttons-row-right button.simple-button,
  .buttons-row-right a.simple-button,
  .button-row-right .button,
  .button-row-right button.simple-button,
  .button-row-right a.simple-button
{
  float: right;
}
.buttons-row-right-box {
  float: right;
}

.buttons-row-right,
  .buttons-row
{
  margin: 20px 0px 0px 0px;
  height: 23px;
}
.buttons-row .button-separator {
  float: left;
  width: 20px;
  height: 15px;
}
.buttons-row-right .button-separator {
  float: right;
  width: 30px;
  height: 15px;
}
table tr td.buttons-row,
  table tr td.button-row,
  table tr td.buttons-row-right,
  table tr td.button-row-right
{
  margin: 0px;
  padding-top: 15px;
}
.buttons-auto-separator .button,
  .buttons-auto-separator button.simple-button,
  .buttons-auto-separator a.simple-button
{
  margin-right: 20px;
}
.button-up {
  position: relative;
  margin-top: -23px;
  width: 30%;
}