/* RESET --------------------------------------------------------------------------------------- */
body, div, form, h1, h2, h3, h4, h5, h6, td, th, img, li, p, ul {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

ul {
  list-style-type: none; }

li {
  float: left; }

p ul {
  list-style-type: disc; }

p ul ul {
  list-style-type: circle; }

div, ul {
  overflow: hidden; }

fieldset.hidden.arguments {
  display: none; }

/* RESPONSIVE ---------------------------------------------------------------------------------- */
@media (any-hover: none) {
  .menu.widget .block:hover .items {
    display: none !important; }

  .menu.widget .item a {
    display: none !important; } }
@media screen and (min-width: 300px) {
  .category.page .title img, .item.page .medias img.large {
    width: 300px; }

  .category.widget, .item.widget {
    width: 96%; } }
@media screen and (max-width: 479px) {
  .cart.page label, .edit.page label {
    width: 100%; }

  .cart.page .totals {
    width: 90%; }

  .content.pane {
    width: 100%; }

  .left.pane {
    width: 96%; }
    .left.pane .categories.widget {
      width: 90%; } }
@media screen and (max-width: 679px) {
  .item.page .medias > a {
    width: 100%; }
    .item.page .medias > a > img {
      width: 100%; }

  .sub_categories.section li, .items.section li {
    width: 96%; } }
@media screen and (min-width: 480px) and (max-width: 979px) {
  .cart.page label, .edit.page label {
    width: 56%; } }
@media screen and (min-width: 680px) and (max-width: 979px) {
  .item.page .medias > a {
    float: left; }
  .item.page .medias > :not(:first-child) {
    float: right; } }
@media screen and (max-width: 979px) {
  body:not(.for-root) .breadcrumb.widget {
    width: 100%; }

  .cart.page .links a {
    padding: 0 2em; }

  body.for-root .content.pane {
    clear: both; }

  .items.option.section .sheet {
    padding-left: .5em;
    vertical-align: top; } }
@media screen and (min-width: 480px) {
  .cart.page .links a {
    padding: 0 4em; }

  .cart.page .totals {
    width: 300px; }

  .left.pane {
    width: 240px; } }
@media screen and (min-width: 680px) {
  .account.page .addresses.section li {
    width: 49%; }

  .account.page .information.section {
    float: left;
    width: 49%; }

  .account.page .orders.section {
    float: right;
    width: 49%; }

  .breadcrumb.widget {
    clear: left; } }
@media screen and (min-width: 680px) and (max-width: 979px) {
  .sub_categories.section li, .items.section:not(.option) li {
    width: 50%; } }
@media screen and (min-width: 980px) {
  .cart.page label, .edit.page label {
    min-width: 35%; }

  .category.widget, .item.widget {
    width: 200px; }

  .content.pane {
    float: left; }

  .item.page .medias {
    float: left;
    max-width: 300px;
    width: 50%; }

  .page {
    width: 680px; }

  .search.widget {
    float: right; } }
/* CONTENT PANES ------------------------------------------------------------------------------- */
.main {
  padding: .5em; }

.left.pane {
  clear: left;
  float: left; }

.left.pane .widget {
  clear: both; }

.content.pane {
  padding: .5em; }

.widget {
  float: left; }

/* ACCOUNT PAGE -------------------------------------------------------------------------------- */
/* Title and information */
.account.page .title p {
  margin: .5em 0; }

.account.page .section {
  margin: 1em 0; }

.account.page .section h3 {
  margin: .5em 0 .5em;
  padding-left: 1em; }

.account.page .section p {
  margin-left: 1em; }

.account.page a {
  display: inline-block;
  margin: .5em 0 1em 1em;
  padding: 2px; }

.account.page .addresses.section {
  clear: both;
  float: none; }

.account.page .addresses.section .new {
  display: block;
  margin: 0 0 1em 1em; }

/* Edit account, edit address */
.edit.page form {
  margin: 1em;
  padding: 1em; }

.edit.page li {
  display: block;
  float: none; }

.edit.page label {
  display: inline-block;
  float: left; }

.edit.page #first_name,
.edit.page #last_name,
.edit.page #email {
  width: 50%; }

.edit.page li.email {
  margin-bottom: 1em; }

.edit.page #password,
.edit.page #password2 {
  width: 25%; }

.edit.page li.password2 {
  margin-bottom: 1em; }

.edit.page #newsletter,
.edit.page #partners {
  margin: 3px 3px 3px 5em; }

.edit.page li.newsletter,
.edit.page li.partners {
  margin: .5em 0;
  position: relative; }

.edit.page label[for="newsletter"],
.edit.page label[for="partners"] {
  top: 2px;
  position: absolute; }

.edit.page li.partners {
  margin-bottom: 1em; }

/* CART PAGE ----------------------------------------------------------------------------------- */
.cart.page td.code {
  white-space: nowrap; }

.cart.page td.price,
.cart.page td.quantity,
.cart.page td.amount,
.cart.page td.remove {
  text-align: center;
  white-space: nowrap; }

.cart.page .quantity a {
  display: inline-block;
  height: 20px;
  line-height: 19px;
  padding: 0 .5em;
  text-align: center; }

.cart.page .quantity input {
  text-align: center;
  width: 20px; }

.cart.page .totals {
  float: right;
  margin-top: 1em;
  padding: 1em; }

.cart.page .totals li {
  width: 100%; }

.cart.page .totals span {
  display: inline-block;
  width: 49%; }

.cart.page .totals .amount {
  margin-top: 1em; }

.cart.page .links {
  clear: both;
  padding: 1em; }

.cart.page .links a {
  display: inline-block;
  height: 26px;
  line-height: 24px;
  text-align: center; }

.cart.page .links .back {
  float: left; }

.cart.page .links .validate {
  float: right; }

.cart.page li {
  display: block;
  float: none; }

.cart.page label {
  display: inline-block;
  float: left; }

.cart.page fieldset.delivery li:not(:first-child) {
  display: none; }

/* CATEGORY PAGE ------------------------------------------------------------------------------- */
.category.page .title img {
  float: left;
  margin-right: .5em;
  height: 300px;
  vertical-align: top; }

.display.assistant ul {
  padding: 0 .5em; }

.display.assistant li {
  list-style-type: circle;
  margin-left: 1.5em; }

.display.assistant li {
  clear: both; }

/* DEBUG SECTION ------------------------------------------------------------------------------- */
/* ITEM PAGE ----------------------------------------------------------------------------------- */
.item.page .medias {
  margin-right: .5em;
  text-align: center; }
  .item.page .medias > a {
    display: block; }
  .item.page .medias img.large {
    height: 300px; }
  .item.page .medias ul {
    margin: 0 1em; }
    .item.page .medias ul li img {
      height: 80px;
      width: 80px; }

.item.page .sheet {
  float: left;
  width: 50%; }

.item.page > form > .sheet > .price {
  display: block;
  float: left; }

.item.page .sheet .quantity {
  display: block;
  float: right; }

.item.page .sheet .quantity button {
  height: 27px;
  line-height: 26px;
  padding: 0 .5em;
  text-align: center; }

.item.page .sheet .quantity input {
  text-align: center;
  width: 20px; }

.item.page .recommend {
  display: inline-block;
  margin: .5em 0; }

/* CROSS-SELLING SECTION ----------------------------------------------------------------------- */
.cross_selling.section {
  margin-top: 1em; }

.cross_selling.section ul {
  padding: 0 .5em; }

/* ACCOUNT WIDGET ------------------------------------------------------------------------------ */
.account.widget {
  float: right;
  margin-bottom: .5em;
  padding-left: .5em; }

.account.widget h2 {
  margin-left: -.5em;
  margin-bottom: .2em; }

.account.widget p {
  clear: both; }

.account.widget ul {
  float: left;
  margin-top: 4px; }

/* Connection widget */
.account.widget input[type="password"],
.account.widget input[type="text"] {
  width: 115px; }

.account.widget form {
  margin-bottom: .5em; }

.account.widget .connection li {
  clear: both; }

/* Connected widget */
.account.widget .connected li {
  width: 49%; }

.account.widget a {
  display: block;
  white-space: nowrap; }

.account.widget .cart {
  display: block; }

/* BREADCRUMB WIDGET --------------------------------------------------------------------------- */
.breadcrumb.widget {
  margin: .5em 0; }
  .breadcrumb.widget li {
    margin: 0 .75em;
    position: relative; }
    .breadcrumb.widget li:not(:last-child) a:after {
      content: " > ";
      cursor: default;
      position: absolute;
      right: -1em; }

/* CART WIDGET --------------------------------------------------------------------------------- */
.cart.widget ul.cart {
  padding: .5em; }

.cart.widget li.total,
.cart.widget li.line {
  width: 100%; }

.cart.widget .quantity:after {
  content: " x ";
  margin-right: .5em; }

.cart.widget .price:after {
  content: ") "; }

.cart.widget .price:before {
  content: " ("; }

.cart.widget .amount {
  float: right; }

.cart.widget a.cart {
  clear: both;
  display: block; }

/* CATEGORY / ITEM WIDGET ---------------------------------------------------------------------- */
.category.widget,
.item.widget {
  margin: 1em 1em 0 0;
  text-align: center; }

.category.widget {
  height: 225px; }

.item.widget {
  height: 310px; }

.category.widget h4,
.item.widget h4 {
  margin: 2px; }

.category.widget h4 a,
.item.widget h4 a {
  display: block;
  height: 65px; }

.category.widget img,
.item.widget img {
  height: 140px;
  width: 140px; }

.category.widget .price,
.item.widget .price {
  display: block;
  margin: 20px 4px; }

.category.widget a.link,
.item.widget a.link {
  display: block;
  line-height: 28px;
  height: 30px;
  margin: 8px; }

/* MENU WIDGET --------------------------------------------------------------------------------- */
.menu.widget {
  width: 100%; }

.menu.widget .block a {
  display: block;
  padding: 4px 8px;
  white-space: nowrap; }

.menu.widget .block {
  display: inline-block;
  position: relative;
  z-index: 1; }

.menu.widget .items {
  display: none;
  padding: 6px;
  position: absolute; }

.menu.widget .block:hover .items {
  display: block; }

.menu.widget .item a {
  display: block; }

/* SEARCH WIDGET ------------------------------------------------------------------------------- */
.search.widget {
  display: inline-block;
  margin-bottom: .5em; }

/* TITLE WIDGET -------------------------------------------------------------------------------- */
.title.widget {
  padding-left: .5em; }

.title.widget h1 a {
  display: block; }