/**
 * Magento Enterprise Edition
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Magento Enterprise Edition End User License Agreement
 * that is bundled with this package in the file LICENSE_EE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://www.magento.com/license/enterprise-edition
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magento.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magento.com for more information.
 *
 * @category    design
 * @package     rwd_enterprise
 * @copyright Copyright (c) 2006-2014 X.commerce, Inc. (http://www.magento.com)
 * @license http://www.magento.com/license/enterprise-edition
 */
/* ============================================ *
 * General Enterprise Styles
 * ============================================ */
.global-site-notice div.notice-inner {
  background-image: url("https://ignrando.fr/fr/skin/frontend/rwd/enterprise/images/demo-logo.png");
}

/* ============================================ *
 * RMA List
 * ============================================ */
@media only screen and (max-width: 599px) {
  #my-returns-table .ship-from,
  #my-returns-table .number {
    display: none;
  }
}
/* ============================================ *
 * RMA Create
 * ============================================ */
#rma_create_form .form-list li {
  border-bottom: 1px solid #cccccc;
  font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: f-size-xs;
}
#rma_create_form .form-list li:last-child {
  border-bottom: none;
}
#rma_create_form .form-list li h5 {
  font-weight: 400;
  text-align: left;
  padding-left: 15px;
  text-transform: none;
}
#rma_create_form .form-list li h5.rma-email {
  text-transform: none;
}
#rma_create_form .fieldset {
  margin: 20px 0;
}
#rma_create_form .fieldset #registrant_options .field .input-box {
  margin-bottom: 10px;
}
#rma_create_form .buttons-set {
  border-top: none;
}

/* ============================================ *
 * RMA View
 * ============================================ */
.rma-view.col-2 {
  text-align: right;
}
.rma-view h3 {
  font-weight: 600;
}

body.enterprise-rma-return-view .box-content {
  font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: f-size-xs;
  margin-bottom: 20px;
}

#my-returns-items-table th,
#my-returns-items-table td {
  font-size: 13px;
}

#rma_comment .box-content label {
  font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: f-size-xs;
  font-weight: 400;
}
#rma_comment .buttons-set {
  border-top: none;
}
#rma_comment .note-list {
  font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-size: f-size-xs;
  font-weight: 400;
}
#rma_comment .note-list li {
  border-bottom: 1px solid #cccccc;
  padding: 5px 0;
}
#rma_comment .note-list li:last-child {
  border-bottom: none;
}

@media only screen and (max-width: 480px) {
  .rma-view.col-2 {
    text-align: left;
  }
  .rma-view.col-1, .rma-view.col-2 {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 20px;
  }
  .rma-view.col-1 h3, .rma-view.col-2 h3 {
    margin-bottom: 0;
  }
}
/* ============================================ *
 * Store credit
 * ============================================ */
.storecredit .account-balance {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

body.customer-account .storecredit .data-table td.last {
  padding: 10px;
}

@media only screen and (max-width: 420px) {
  .storecredit th,
  .storecredit td {
    font-size: 12px;
    padding: 5px;
  }

  body.customer-account .storecredit .data-table td.last {
    padding: 5px;
  }
}
/* ============================================ *
 * Gift Registry
 * ============================================ */
.gift-note {
  width: 99%;
}

.btn-gift-registry {
  padding-top: 7px;
}
.btn-gift-registry .input-box {
  margin: 0 0 7px;
}
.btn-gift-registry select {
  width: 100%;
}

.gr-manage-items {
  margin-bottom: 15px;
}
.gr-manage-items input.qty {
  min-width: 45px;
}

#event_date_trig {
  display: inline;
}

.gift-registry-edit textarea,
.gift-registry-edit input {
  max-width: 100%;
  width: 365px;
}
.gift-registry-edit label[for=type_id] {
  text-transform: uppercase;
  margin-bottom: 0px;
  font-size: 13px;
}
.gift-registry-edit .add-row {
  width: 100%;
  max-width: 365px;
}
.gift-registry-edit .add-row > p {
  float: right;
}
.gift-registry-edit .btn-remove {
  float: right;
}

.block-gr-search .form-alt > li {
  margin-top: 3.5px;
  margin-bottom: 3.5px;
}
.block-gr-search button {
  margin-top: 7px;
}
.block-gr-search .input-box > select {
  width: 100%;
}

#gr-please-wait {
  margin-bottom: 10px;
  margin-left: 0;
}

.gift-registry-view .subtitle {
  margin-top: 30px;
  font-size: 18px;
}
@media only screen and (max-width: 479px) {
  .gift-registry-view .subtitle {
    margin-top: 15px;
  }
}

.gift-registry-items .btn-update {
  margin-top: 7px;
}
.gift-registry-items textarea {
  min-width: 80px;
}

.gr-type-specific-options img.v-middle {
  display: inline;
}

#gr_search_form select,
#gr_search_email_form select,
#gr_search_id_form select {
  margin-bottom: 5px;
}
#gr_search_form .buttons-set,
#gr_search_email_form .buttons-set,
#gr_search_id_form .buttons-set {
  max-width: 365px;
}
#gr_search_form p.required,
#gr_search_email_form p.required,
#gr_search_id_form p.required {
  position: relative;
  top: -30px;
}

@media only screen and (max-width: 979px) {
  .gr-manage-items col.note-col,
  .gr-manage-items .head-note,
  .gr-manage-items .left-note,
  .gr-manage-items col.date-col,
  .gr-manage-items .head-add-date,
  .gr-manage-items .add-date {
    display: none;
  }

  .head-requested,
  .head-fulfilled {
    display: none;
  }

  .gift-image img {
    width: 68px;
  }

  .gift-registry-actions a {
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 7px;
  }
}
@media only screen and (max-width: 770px) {
  .gift-info {
    width: 55%;
  }

  .item-options {
    float: left;
  }

  .item-options ~ .gift-note {
    float: left;
    width: 35%;
    height: 10em;
    margin: 10px 0 0 5%;
  }

  .gift-registry-items {
    font-size: 12px;
  }
  .gift-registry-items td, .gift-registry-items th {
    padding: 7px 3.5px;
  }

  .gr-manage-items {
    font-size: 12px;
  }

  .gift-image,
  col.img-col {
    display: none;
  }
}
@media only screen and (max-width: 599px) {
  .gift-registry-actions a {
    font-size: 11px !important;
    white-space: normal !important;
  }

  .item-options ~ .gift-note {
    width: 99% !important;
  }

  .item-options {
    float: none;
  }

  .item-options ~ .gift-note {
    float: none;
    height: 10em;
    margin: 10px 0 0 5%;
  }

  .gr-manage-items {
    font-size: 11px;
  }
  .gr-manage-items input,
  .gr-manage-items dt,
  .gr-manage-items dl,
  .gr-manage-items a {
    font-size: inherit;
  }

  #giftregistry-search-results .location,
  #giftregistry-search-results .event-type {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .gr-manage-items .gift-secondary,
  .gift-registry-items .gift-secondary {
    display: none;
  }

  #event_date_trig {
    display: inline;
    float: right;
    margin-top: 7px;
  }

  .giftregistry-search-results {
    font-size: 11px;
  }
  .giftregistry-search-results td,
  .giftregistry-search-results th {
    padding: 7px 3.5px;
    vertical-align: top;
  }

  .gr-manage-items td,
  .gr-manage-items th,
  .gift-registry-items td,
  .gift-registry-items th {
    padding: 7px 3.5px;
    vertical-align: top;
  }

  .giftregistry-table td,
  .giftregistry-table th {
    font-size: 11px;
  }

  #gr_search_form p.required,
  #gr_search_email_form p.required,
  #gr_search_id_form p.required {
    padding-bottom: 15px;
    position: static;
  }
}
/* ============================================ *
 * Reward
 * ============================================ */
.rewards {
  margin-bottom: 30px;
}

.reward-message {
  background-color: #3399cc;
  display: block;
  margin: 5px 0;
  padding: 3px 10px;
  color: #e6e6e6;
  font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.reward-message.reward-checkout {
  margin-bottom: 10px;
}
.reward-message p {
  display: inline;
  font-size: 13px;
}
.reward-message p.limit {
  display: block;
  font-size: 12px;
  font-style: italic;
}
.reward-message a {
  color: #e6e6e6;
  text-decoration: underline;
}

.my-rewards h2 {
  position: relative;
  line-height: 1.7;
}
.my-rewards h2 .separator {
  display: none;
}
.my-rewards h2 a {
  white-space: nowrap;
  float: right;
  margin: 0 0 5px 10px;
}
.my-rewards .box {
  margin-bottom: 20px;
}
.my-rewards .box.info-box {
  border-bottom: 1px solid #ededed;
  padding-bottom: 10px;
}
.my-rewards .box.info-box dt {
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 10px;
  text-transform: none;
}
@media only screen and (max-width: 979px) {
  .my-rewards #reward-history small.nobr {
    white-space: normal;
  }
}
@media only screen and (max-width: 599px) {
  .my-rewards #reward-history small {
    display: none;
  }
  .my-rewards #reward-history th.balance,
  .my-rewards #reward-history td.balance,
  .my-rewards #reward-history th.date,
  .my-rewards #reward-history td.date {
    display: none;
  }
}

/* ============================================ *
 * Gift Message Styles
 * ============================================ */
.gift-message-form .inner-box > div {
  clear: both;
  width: 100%;
}

#allow-gift-options-for-items-container,
#allow-gift-messages-for-order-container,
#allow-gift-options-for-order-container {
  width: 100%;
  float: left;
  display: block;
}

.gift-message-form .gift-item .fieldset {
  float: left;
  width: 100%;
  margin-left: 0px !important;
}

.gift-message-form .inner-box > div {
  clear: both;
  width: 100%;
}

.gift-wrapping-form .select {
  max-width: 300px;
}

.gift-item .product-img-box > * {
  float: left;
  clear: both;
  margin-top: 5px;
}

@media only screen and (max-width: 768px) {
  .gift-message-form .gift-item .product-img-box {
    float: left;
    width: 140px;
  }
}
/* ============================================ *
 * Enterprise Wishlist Styles
 * ============================================ */
/* Customer Account Styles */
#wishlist_edit_action_container {
  left: 0;
  position: fixed;
  top: 50px;
  width: 100%;
  z-index: 99999;
}
#wishlist_edit_action_container .popup-block {
  background: #F4F4F4;
  border: 1px solid #CCCCCC;
  display: block;
  margin: 0 auto;
  padding: 2% 20px;
  width: 100%;
  max-width: 500px;
  min-width: 320px;
}
#wishlist_edit_action_container .popup-block .block-title {
  padding-top: 0;
  border-top: 0;
}
#wishlist_edit_action_container .popup-block .block-title .btn-close {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.wishlist-actions-container {
  content: '';
  display: table;
  clear: both;
  width: 100%;
  margin-bottom: 10px;
}
.wishlist-actions-container .sub-title {
  float: left;
}
.wishlist-actions-container .sub-title .item-count {
  text-transform: none;
  margin-left: 10px;
}
.wishlist-actions-container .sub-title .wishlist-edit {
  margin-left: 10px;
  font-size: 15px;
}
.wishlist-actions-container .btn-create {
  float: right;
}

.wishlist-management .table-caption {
  content: '';
  display: table;
  clear: both;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  font-size: 16px;
}
.wishlist-management .table-caption .sub-title {
  float: left;
  padding-bottom: 5px;
}
.wishlist-management .table-caption .sub-title:after {
  content: ':';
}
.wishlist-management .table-caption #wishlists-select,
.wishlist-management .table-caption #wishlists-move,
.wishlist-management .table-caption #wishlists-copy {
  float: left;
  margin-left: 10px;
  position: relative;
  padding-bottom: 5px;
}
.wishlist-management .table-caption #wishlists-select .split-button-title,
.wishlist-management .table-caption #wishlists-move .split-button-title,
.wishlist-management .table-caption #wishlists-copy .split-button-title {
  display: inline;
}
.wishlist-management .table-caption #wishlists-select .change,
.wishlist-management .table-caption #wishlists-move .change,
.wishlist-management .table-caption #wishlists-copy .change {
  margin-left: 10px;
  font-size: 15px;
}
.wishlist-management .table-caption #wishlists-select .list-container,
.wishlist-management .table-caption #wishlists-move .list-container,
.wishlist-management .table-caption #wishlists-copy .list-container {
  width: auto;
  left: auto;
  right: 0;
}
.wishlist-management .table-caption #wishlists-select .list-container li,
.wishlist-management .table-caption #wishlists-move .list-container li,
.wishlist-management .table-caption #wishlists-copy .list-container li {
  padding: 2px 10px;
}
.wishlist-management .table-caption #wishlists-select .list-container li a,
.wishlist-management .table-caption #wishlists-select .list-container li span,
.wishlist-management .table-caption #wishlists-move .list-container li a,
.wishlist-management .table-caption #wishlists-move .list-container li span,
.wishlist-management .table-caption #wishlists-copy .list-container li a,
.wishlist-management .table-caption #wishlists-copy .list-container li span {
  font-size: 15px;
  padding: 0;
}
.wishlist-management .table-caption #wishlists-select .list-container li:last-child,
.wishlist-management .table-caption #wishlists-move .list-container li:last-child,
.wishlist-management .table-caption #wishlists-copy .list-container li:last-child {
  border-bottom: 0;
}
.wishlist-management .table-caption #wishlists-move,
.wishlist-management .table-caption #wishlists-copy {
  float: right;
}
.wishlist-management .table-caption #wishlists-move .split-button-title,
.wishlist-management .table-caption #wishlists-copy .split-button-title {
  display: none;
}
.wishlist-management + .fieldset .buttons-set button {
  margin-bottom: 10px;
}

.fieldset .wishlist-empty {
  margin-bottom: 30px;
}

#wishlist-table .item-manage .split-button {
  float: right;
  margin-left: 20px;
  margin-bottom: 3px;
}
#wishlist-table .item-manage .split-button .change:after {
  top: 5px;
}
#wishlist-table .item-manage .split-button .list-container {
  left: auto;
  right: 0;
  width: auto;
}
#wishlist-table .item-manage .split-button .list-container li span {
  padding: 0 10px;
}
#wishlist-table .item-manage .split-button ~ .btn-update {
  clear: right;
  float: right;
  margin-top: 10px;
}

@media only screen and (max-width: 479px) {
  body.customer-account .my-account .my-wishlist .fieldset {
    margin-top: 10px;
  }

  #wishlist-table .item-manage .split-button {
    float: left;
    margin-right: 20px;
    margin-left: 0;
    margin-top: 15px;
  }
  #wishlist-table .item-manage .split-button .list-container {
    left: 0;
    right: auto;
  }
  #wishlist-table .item-manage .split-button ~ .btn-update {
    clear: left;
    float: left;
  }
  #wishlist-table thead {
    display: none;
  }

  .customer-wishlist-item-info .item-manage {
    content: '';
    display: table;
    clear: both;
    width: 100%;
  }
}
.wishlist-search-view h2.subtitle {
  margin-top: 20px;
  margin-bottom: 5px;
}
.wishlist-search-view .info-table .nobr {
  margin-right: 30px;
}
.wishlist-search-view #wishlist-table.clean-table td {
  max-width: 100%;
}
.wishlist-search-view #wishlist-table.clean-table td p.qty {
  text-align: center;
  width: 100%;
}
.wishlist-search-view #wishlist-table.clean-table td .price-box {
  margin: 0;
}
.wishlist-search-view #wishlist-table.clean-table th {
  padding-left: 2px;
  padding-right: 2px;
}
.wishlist-search-view .truncated .truncated_full_value .item-options {
  left: -40px;
}

@media only screen and (max-width: 770px) {
  .wishlist-search-view #wishlist-table.clean-table td {
    max-width: 100px;
    word-wrap: break-word;
  }
}
@media only screen and (max-width: 599px) {
  .wishlist-search-view #wishlist-table.clean-table td {
    padding: 6px 10px;
  }
  .wishlist-search-view #wishlist-table.clean-table td p.qty {
    text-align: left;
  }
  .wishlist-search-view #wishlist-table.clean-table td .price-box {
    margin: 0;
    float: left;
    width: 100%;
    margin-bottom: 15px;
  }
  .wishlist-search-view .customer-wishlist-item-comment {
    width: 100%;
    clear: both;
  }
}
@media only screen and (max-width: 479px) {
  .wishlist-search-view #wishlist-table.clean-table td {
    max-width: 100%;
  }
}
/* Store Front Styles */
.split-button {
  position: relative;
}
.split-button .split-button-title {
  display: none;
}
.split-button .change {
  padding-right: 13px;
  min-height: 25px;
  position: relative;
}
.split-button .change:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 4px solid #3399cc;
  border-bottom: none;
  content: '';
  right: 0;
  top: 8px;
}
.split-button .change.active:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 4px solid #3399cc;
  border-top: none;
}
.split-button .list-container {
  display: none;
  width: 120%;
  max-width: 320px;
  min-width: 175px;
  position: absolute;
  left: -10%;
  top: 100%;
  background: #FBFBFB;
  border: 1px solid #cccccc;
  text-align: center;
  z-index: 99999999;
}
.split-button .list-container li {
  border-bottom: 1px solid #ededed;
}
.split-button .list-container li span,
.split-button .list-container li a {
  color: #3399cc;
  font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
  position: relative;
  font-size: 14px;
  cursor: pointer;
  display: block;
  padding: 5px 10px;
  white-space: normal;
  text-transform: none;
}
.split-button .list-container li span:hover,
.split-button .list-container li a:hover {
  color: #246b8f;
}
.split-button .list-container li.new {
  background-color: #ededed;
}
.split-button .list-container li.new span:before,
.split-button .list-container li.new a:before {
  content: '+ ';
}
.split-button.active .list-container {
  display: block;
}

.products-grid .split-button .list-container {
  width: 115%;
}
.products-grid .split-button .list-container li span,
.products-grid .split-button .list-container li a {
  font-size: 12px;
}

.products-list .split-button .list-container {
  width: auto;
}

.product-view .split-button .change {
  padding-right: 20px;
}
.product-view .split-button .change:after {
  right: 7px;
}
.product-view .split-button .list-container {
  width: auto;
}
.product-view .split-button .list-container li {
  float: none;
  margin-bottom: 0;
}

@media only screen and (min-width: 601px) {
  .products-list .split-button .list-container {
    left: auto;
    right: -10%;
  }
}
@media only screen and (max-width: 600px) {
  .products-list .split-button .list-container {
    left: -10%;
    right: auto;
  }
}
@media only screen and (max-width: 599px) {
  .cart-table .split-button .list-container {
    width: auto;
    top: auto;
    bottom: 0;
    left: 100%;
  }
}
/* ============================================ *
 * Customer Order by SKU
 * ============================================ */
.widget-addbysku td.last .input-box {
  float: left;
}

.widget-addbysku .btn-remove {
  cursor: pointer;
  float: left;
  margin-top: 7px;
  margin-left: 5px;
}

.widget-addbysku .add-row {
  cursor: pointer;
}

@media only screen and (max-width: 480px) {
  .widget-addbysku input[type="text"] {
    float: left;
    width: 100%;
  }

  .widget-addbysku .input-text.qty {
    width: 50px;
  }
}
/* ============================================ *
 * Gift Message Styles
 * ============================================ */
.gift-message-form .inner-box > div {
  clear: both;
  width: 100%;
}

#allow-gift-options-for-items-container,
#allow-gift-messages-for-order-container,
#allow-gift-options-for-order-container {
  width: 100%;
  float: left;
  display: block;
}

.gift-message-form .gift-item .fieldset {
  float: left;
  width: 100%;
  margin-left: 0px !important;
}

.gift-message-form .inner-box > div {
  clear: both;
  width: 100%;
}

.gift-wrapping-form .select {
  max-width: 300px;
}

.gift-item .product-img-box > * {
  float: left;
  clear: both;
  margin-top: 5px;
}

@media only screen and (max-width: 768px) {
  .gift-message-form .gift-item .product-img-box {
    float: left;
    width: 140px;
  }
}
/* ============================================ *
 * Catalog Event
 * ============================================ */
.event-container {
  clear: both;
  border: 1px solid #3399cc;
  background: #eaf8ff;
  position: relative;
  z-index: 2;
  border-width: 1px 1px;
  min-height: 59px;
  margin: 7px 0px 20px;
}
.event-container:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 10px solid #3399cc;
  border-bottom: none;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
}
.event-container .event {
  padding: 15px 10px 28px;
  margin-bottom: -18px;
  min-height: 52px;
  line-height: 30px;
  text-align: center;
  width: auto;
  position: relative;
  z-index: 2;
  border-bottom: 0 !important;
}
.event-container .event .event-ticker {
  display: inline;
  font-size: 28px;
  height: auto;
}
.event-container .event .event-ticker span {
  line-height: 50px;
  height: 50px;
  padding: 0;
}
.event-container .container {
  display: inline;
  margin: 0;
  padding: 0;
  background: none;
}
.event-container .status {
  display: inline;
  margin: 0 3px 0 0;
  background: none;
  font-size: 22px;
}
.event-container .event-dates {
  display: inline;
  font-size: 22px;
  height: auto;
}
.event-container .event-dates div,
.event-container .event-dates p {
  display: inline;
}
.event-container .event-dates .time-part {
  font-size: 14px;
}

.events-panel {
  border-top: 1px solid #cccccc;
  float: left;
  width: 100%;
  margin-top: 10px;
}
.events-panel .event-item {
  float: left;
  width: 100%;
  margin: 10px 0;
}
.events-panel .event-item .status {
  font-size: 18px;
}
.events-panel .event-item .event-dates, .events-panel .event-item .event-button, .events-panel .event-item .event-ticker {
  margin-bottom: 10px;
}
.events-panel .event-item .category-show {
  border: 1px solid #cccccc;
  float: left;
  width: 100%;
}
.events-panel .event-item .category-show img {
  width: 100%;
}

@media only screen and (max-width: 770px) {
  .event-container {
    margin-left: 10px;
    margin-right: 10px;
  }
}
/* Category Event Module - Upcoming */
.container-upcoming {
  background: #f4f4f4;
  border-color: #cccccc;
}

.container-upcoming:after {
  border-top-color: #cccccc;
}

/* Category Event Module - Closed */
.container-closed {
  background: #aaaaaa;
  border-color: #777777;
}

.container-closed:after {
  border-top-color: #777777;
}

@charset "UTF-8";
/*
// ----------------------------------------------
// Usage example:
// For IE set $mq-support to false.
// Set the fixed value.
// Then use mixins to test whether styles should be applied.
// ----------------------------------------------

$mq-support: false;
$mq-fixed-value: 1024;

// Renders at fixed value
@include bp (min-width, 300px) {  div { color:#000; }
}

// Doesn't render without MQ support
@include bp (min-width, 1200px) {  div { color:#FFF; }
}

// Doesn't render without MQ support
@include bp (max-width, 300px) {  div { color:#444; }
}

// Renders at fixed value
@include bp (max-width, 1200px) {  div { color:#888; }
}

// ----------------------------------------------
*/
/** Magento Enterprise Edition  NOTICE OF LICENSE  This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition If you did not receive a copy of the license and are unable to obtain it through the world-wide-web, please send an email to license@magentocommerce.com so we can send you a copy immediately.  DISCLAIMER  Do not edit or add to this file if you wish to upgrade Magento to newer versions in the future. If you wish to customize Magento for your needs please refer to http://www.magentocommerce.com for more information.  @category    design @package     rwd_default @copyright   Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license     http://www.magentocommerce.com/license/enterprise-edition */
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/* Corrects `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

/* Corrects `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/* Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/* Addresses styling for `hidden` attribute not present in IE 8/9. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/* 1. Sets default font family to sans-serif. 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

/* Removes default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/* Addresses `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/* Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/* Addresses `h1` font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; }

/* Addresses styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/* Addresses styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/* Addresses styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/* Corrects font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/* Improves readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/* Sets consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/* Addresses inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/* Prevents `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Embedded content ========================================================================== */
/* Removes border when inside `a` element in IE 8/9. */
img { border: 0; }

/* Corrects overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/* Addresses margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/* Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/* 1. Corrects color not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/* 1. Corrects font family not being inherited in all browsers. 2. Corrects font size not being inherited in all browsers. 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Corrects inability to style clickable `input` types in iOS. 3. Improves usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/* Re-set default cursor for disabled elements. */
button[disabled], input[disabled] { cursor: default; }

/* 1. Addresses box sizing set to `content-box` in IE 8/9. 2. Removes excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/* Removes inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* Removes inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. Removes default vertical scrollbar in IE 8/9. 2. Improves readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/* Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

/* ============================================ * Reset ============================================ */
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }

html { -webkit-tap-highlight-color: transparent; /* Prevent tap highlight on iOS/Android */ -webkit-text-size-adjust: 100%; /* Prevent automatic scaling on iOS */ }

body { background: #FFFFFF; color: #000000; line-height: 1; }

html, body, img, fieldset, abbr, acronym { border: 0; }

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

th, code, cite, caption { font-weight: normal; font-style: normal; text-align: left; }

address { font-style: normal; }

fieldset { margin: 0; padding: 0; border: 0; }

img { display: block; max-width: 100%; }

ol, ul { list-style: none; }

q:before, q:after { content: ''; }

input:focus, input[type="search"]:focus { outline-offset: -2px; }

input[type="search"] { -webkit-appearance: none; /* 1 */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; /* 2 */ box-sizing: border-box; }

/* ============================================ * Base Styles ============================================ */
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
a, button { -ms-touch-action: manipulation; touch-action: manipulation; }

body, button, input, select, table, textarea { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #636363; font-size: 14px; line-height: 1.5; }

a { color: #93c119; text-decoration: none; }

a:hover { color: #82aa16; text-decoration: underline; }

a:focus { outline-color: #8ab618; color: #2c3a07; }

ol, ul { list-style: none; margin: 0; padding: 0; }

/* ============================================ * Typography ============================================ */
h1, .h1 { margin: 0; margin-bottom: 0.7em; color: #393b3d; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; font-size: 28px; font-weight: 400; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase; }

h2, .h2 { margin: 0; margin-bottom: 0.5em; color: #93c119; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 400; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase; }

h3, .h3 { margin: 0; margin-bottom: 10px; color: #333333; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 400; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; }

h4, .h4 { margin: 0; margin-bottom: 10px; color: #636363; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; }

h5, .h5 { margin: 0; margin-bottom: 10px; color: #636363; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 13px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; }

h6, .h6 { margin: 0; margin-bottom: 5px; color: #636363; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; }

/* ============================================ * Shared Classes ============================================ */
.address-list address { margin-bottom: 1em; }

.availability { margin-bottom: 0; font-size: 13px; text-transform: uppercase; }

.availability .label { display: none; }

.availability.in-stock { color: #93c119; }

.availability.available-soon, .availability.out-of-stock { color: #DF280A; }

.availability-only { color: #DF280A; margin-bottom: 10px; }

/* -------------------------------------------- * Page Titles */
.page-title h1, .page-title h2, .product-name h1, .products-grid .product-info .product-name a h1, .product-name .h1, .products-grid .product-info .product-name a .h1 { text-transform: uppercase; font-size: 24px; font-weight: 600; color: #636363; border-bottom: 1px solid #EDEDED; padding-bottom: 3px; margin-bottom: 15px; text-transform: uppercase; }

/* -------------------------------------------- * Block Module */
.block, .col-left-first { margin-bottom: 20px; }

.col-left-first .block:last-of-type { margin-bottom: 0; }

.block-title { position: relative; padding: 10px 0 0; margin-bottom: 5px; border-top: 1px solid #CCCCCC; }
.block-title h2, .block-title h3, .block-title strong { margin: 0; margin-bottom: 10px; color: #636363; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; color: #393b3d; margin-bottom: 0; text-transform: uppercase; font-weight: 600; }
.block-title small { font-size: 100%; font-weight: normal; color: #A0A0A0; }

body:not(.customer-account) .block:first-child .block-title { border-top: none; padding-top: 0; }

.block-subtitle { font-weight: bold; margin-bottom: 7px; }

.block-content { margin-top: 5px; }

.block-content.unpad { padding: 0; }

.block-content li.item { margin: 0 0 10px 9px; }

.block-content li.item:last-child { margin-bottom: 0; }

.block .actions { margin: 10px 0 0; }
.block .actions:after { content: ''; display: table; clear: both; }
.block .actions a { float: left; }
.block .actions .button { float: right; }

.col-left .block .actions .button ~ a, .col-right .block .actions .button ~ a { line-height: 33px; margin-right: 5px; }

@media only screen and (max-width: 768px) { .sidebar .block:not(.block-layered-nav) { margin-bottom: 0; }
  .sidebar .block:not(.block-layered-nav) .block-title { padding: 0; margin-top: 0; border-bottom: none; border-top: none; margin-bottom: 0; }
  .sidebar .block:not(.block-layered-nav) .block-title > strong { margin: 0; margin-bottom: 10px; color: #636363; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; padding: 7px 10px 7px 24px; border-width: 1px; border-style: solid; border-color: #CCCCCC; position: relative; background-color: #F4F4F4; display: block; width: 100%; cursor: pointer; border-bottom: 0; }
  .sidebar .block:not(.block-layered-nav) .block-title > strong:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #93c119; border-right: none; left: 10px; top: 50%; margin-top: -3px; }
  .sidebar .block:not(.block-layered-nav) .block-title > strong:hover { background-color: #ededed; }
  .sidebar .block:not(.block-layered-nav) .block-title.active > strong { margin: 0; margin-bottom: 10px; color: #636363; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; padding: 7px 10px 7px 24px; border-width: 1px; border-style: solid; border-color: #CCCCCC; position: relative; background-color: #F4F4F4; }
  .sidebar .block:not(.block-layered-nav) .block-title.active > strong:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #93c119; border-bottom: none; left: 10px; top: 50%; margin-top: -3px; }
  .sidebar .block:not(.block-layered-nav) .block-title.active > strong:hover { background-color: #ededed; }
  .sidebar .block:not(.block-layered-nav) .block-content { padding: 10px; margin-top: 0; border-width: 0 1px; border-style: solid; border-color: #CCCCCC; }
  .sidebar .block:last-of-type { border-bottom: 1px solid #CCCCCC; } }
/* -------------------------------------------- * Secondary Navigation */
.block-account .block-title, .block-cms-menu .block-title { padding-top: 0; border-top: none; }
.block-account li, .block-cms-menu li { text-transform: uppercase; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; margin: 7px 0; }
.block-account li strong, .block-cms-menu li strong { font-weight: 400; color: #93c119; }
.block-account li a, .block-cms-menu li a { color: #636363; }
.block-account li a:hover, .block-cms-menu li a:hover { color: #93c119; }

/* ============================================ * Buttons ============================================ */
/* Secondary Buttons */
.cart .buttons-set .button, .cart-table .button, .sidebar .actions .button, .button.button-secondary { background: #ebeae7; color: #636363; padding: 7px 15px; }
.cart .buttons-set .button:hover, .cart-table .button:hover, .sidebar .actions .button:hover, .button.button-secondary:hover { background: #d0d0d0; cursor: pointer; }
.cart .buttons-set .button:active, .cart-table .button:active, .sidebar .actions .button:active, .button.button-secondary:active { background: #c4c4c4; color: #636363; }
.cart .buttons-set .button:focus, .cart-table .button:focus, .sidebar .actions .button:focus, .button.button-secondary:focus { color: #636363; background: #c4c4c4; outline: none; }

.sidebar .actions button.button { white-space: normal; }

/* Primary Buttons */
.button, .cart-table .product-cart-actions .button, .footer .button { background: #93c119; display: inline-block; padding: 7px 15px; border: 0; color: #fff; font-size: 13px; font-weight: normal; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; line-height: 19px; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; }
.button:hover, .cart-table .product-cart-actions .button:hover, .footer .button:hover { background: #ff4b1e; cursor: pointer; }
.button:active, .cart-table .product-cart-actions .button:active, .footer .button:active { background: #ea2f00; color: #FFFFFF; }
.button:focus, .cart-table .product-cart-actions .button:focus, .footer .button:focus { background-color: #ea2f00; outline: none; color: #FFFFFF; }

a.button { text-decoration: none; }

a.button:hover { color: #FFFFFF; }

/* Disabled - class for anchor, state for form elements */
.button.disabled, .button:disabled { background: #C8C8C8; opacity: .6; cursor: not-allowed; }

/* Adjacent buttons */
.button + .button { margin-left: 5px; }

.button2 { border: 0; padding: 0 5px; margin: 0; background: transparent; cursor: pointer; vertical-align: middle; }

.button2:focus { outline: none; }

.button2 span, .button2 span span { line-height: 30px; height: 30px; text-decoration: underline; text-transform: uppercase; display: inline-block; color: #93c119; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; }
.button2 span:hover, .button2 span span:hover { text-decoration: none; color: #5f7d10; }

@media only screen and (max-width: 768px) { .col2-set .buttons-set .button, .col2-set .buttons-set .button2 { float: none; width: 100%; margin-left: 0; margin-right: 0; }
  .col2-set .buttons-set .back-link { display: none; }
  .col2-set .buttons-set .required { display: none; } }
@media only screen and (max-width: 479px) { .buttons-set a { width: 100%; }
  .buttons-set .button { float: none; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 7px; }
  .buttons-set .back-link { display: none; }
  .buttons-set .required { display: none; } }
/* -------------------------------------------- * Paypal Button */
.paypal-logo.paypal-after { float: left; }

.paypal-after .paypal-or { float: left; }

.paypal-or { line-height: 34px; margin: 0px 10px 5px; }

.paypal-after .paypal-button { float: left; }

.paypal-button { line-height: 0px; }

.paypal-button img { display: inline; }

@media only screen and (max-width: 740px) { .paypal-or { line-height: 20px; }
  .paypal-logo, .paypal-or, .paypal-button { text-align: center; width: 100%; display: block; margin-right: 0; margin-left: 0; float: none; } }
/* -------------------------------------------- * Button Sets */
.buttons-set { clear: both; margin: 10px 0 0; padding-top: 10px; border-top: 1px solid #EDEDED; text-align: right; }
.buttons-set p.required { margin: 0; margin-left: 10px; line-height: 33px; float: right; }
.buttons-set .back-link { float: left; margin: 0; line-height: 33px; }
.buttons-set a:not(.button) { line-height: 20px; display: inline-block; padding: 5px; }
.buttons-set button.button { float: right; margin-left: 5px; min-width: 140px; }
.buttons-set:after { content: ''; display: table; clear: both; }

/* -------------------------------------------- * Icons */
.icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid, .sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:before, .skip-account .icon, .skip-cart .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating { background-image: url(https://ignrando.fr/fr/skin/frontend/ign/default/images/icon_sprite.png); background-repeat: no-repeat; text-indent: -9999px; }

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid, .sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:before, .skip-account .icon, .skip-cart .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating { background-image: url(https://ignrando.fr/fr/skin/frontend/ign/default/images/icon_sprite@2x.png); background-size: 150px 2000px; } }
/* -------------------------------------------- * Breadcrumbs */
.breadcrumbs { overflow: hidden; margin: 0; padding: 0 0 12px 0; font-size: em(12, 14); font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; }
@media only screen and (max-width: 768px) { .breadcrumbs { display: none; } }
.breadcrumbs li { float: left; font-size: 12px; text-transform: uppercase; }
.breadcrumbs a, .breadcrumbs a:hover { float: left; color: #93c119; }
.breadcrumbs strong { color: #636363; font-weight: normal; }
.breadcrumbs span { float: left; padding: 0 7px; }

/* -------------------------------------------- * Button - Remove / Previous */
.btn-remove, .btn-previous { display: inline-block; width: 20px; height: 20px; border: 1px solid #EDEDED; text-align: center; /* Hide text */ font: 0/0 a; text-shadow: none; color: transparent; position: relative; }
.btn-remove:hover, .btn-previous:hover { background-color: #93c119; border-color: #93c119; }

.btn-remove:after { content: 'X'; color: #93c119; height: 20px; line-height: 20px; width: 100%; font-size: 10px; font-family: Arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold; }
.btn-remove:hover:after { color: #FFFFFF; text-decoration: none; }

.btn-remove2 { background-position: 4px -648px; border: none; vertical-align: top; }
.btn-remove2:after { display: none; }
.btn-remove2:hover { background-color: transparent; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

.btn-previous:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #93c119; border-left: none; position: absolute; top: 50%; left: 50%; margin-left: -2px; margin-top: -4px; }
.btn-previous:hover:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #FFFFFF; border-left: none; }

.block-layered-nav .currently .btn-remove, .block-layered-nav .currently .btn-previous, .mini-products-list .btn-remove, .mini-products-list .btn-previous, #compare-items .btn-remove, #compare-items .btn-previous { float: right; margin-left: 6px; }

/* -------------------------------------------- * Checkout Agreements */
.checkout-agreements li { margin-bottom: 20px; }

.checkout-agreements .agreement-content { color: #333; overflow-y: auto; max-height: 135px; margin-bottom: 10px; padding: 18px; background: #efeeec; }
.checkout-agreements .agreement-content h4 { color: #333; }
.checkout-agreements h5 { color: #333; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; font-size: 18px; padding: 0 20px; }
.checkout-agreements .agree label { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; max-width: 100%; }

/* -------------------------------------------- * CVV Security Code */
.cvv-what-is-this { margin-left: 10px; font-size: 13px; line-height: 24px; }

/* -------------------------------------------- * Container */
.main-container, .footer-container { position: relative; max-width: 1260px; margin: 0 auto; padding: 15px; }
.main-container:after, .footer-container:after { content: ''; display: table; clear: both; }

@media only screen and (min-width: 480px) { .main-container, .footer-container { padding: 30px; } }
.footer-container { padding-top: 0px; }

/* -------------------------------------------- * Column Layouts */
.main:after, .col-wrapper:after { content: ''; display: table; clear: both; }

.col-left, .col-right, .col-main { padding: 0 10px; }

.col-left { float: left; width: 25%; padding-left: 0; /* Remove the 15px padding */ clear: left; }
.col-left img { max-width: 100%; }

.col-right { float: right; width: 25%; padding-right: 0; /* Remove the 15px padding */ }
.col-right img { max-width: 100%; }

.col-main { float: left; width: 75%; }

.col1-layout .col-main { float: none; width: auto; padding: 0; /* Remove the 15px padding */ }

.col2-left-layout .col-main { float: right; padding-right: 0; /* Remove the 15px padding */ }

.col2-right-layout .col-main { padding-left: 0; /* Remove the 15px padding */ }

.col3-layout .col-right { width: 20.83333%; }
.col3-layout .col-wrapper { float: left; width: 79.16667%; }
.col3-layout .col-wrapper .col-main { float: right; width: 73.68421%; }
.col3-layout .col-wrapper .col-left { width: 26.31579%; }

@media only screen and (max-width: 1000px) { .col3-layout .col-right { float: left; clear: left; padding-left: 0; padding-right: 10px; width: 25%; }
  .col3-layout .col-wrapper { float: right; width: 100%; }
  .col3-layout .col-wrapper .col-main { float: right; width: 75%; }
  .col3-layout .col-wrapper .col-left { width: 25%; } }
@media only screen and (max-width: 768px) { .col-left, .col-right, .col-main, .col1-layout .col-left, .col1-layout .col-right, .col1-layout .col-main, .col2-left-layout .col-left, .col2-left-layout .col-right, .col2-left-layout .col-main, .col2-right-layout .col-left, .col2-right-layout .col-right, .col2-right-layout .col-main, .col3-layout .col-wrapper .col-left, .col3-layout .col-right, .col3-layout .col-wrapper .col-main { padding: 0; margin-bottom: 10px; float: none; width: auto; }
  .col3-layout .col-wrapper { float: none; width: auto; }
  .col-main { float: none; width: auto; }
  .col-main .col-left { padding: 0; /* On product listing pages, the left column gets moved inside col-main on small viewports */ } }
/* Content Columns */
.col2-set { width: 100%; }
.col2-set .col-1, .col2-set .col-2 { width: 50%; padding: 20px; }
@media only screen and (max-width: 768px) { .col2-set .col-1, .col2-set .col-2 { padding: 10px; } }
.col2-set .col-1 { float: left; padding-left: 0; }
.col2-set .col-2 { float: right; padding-right: 0; }
@media only screen and (max-width: 479px) { .col2-set .col-1, .col2-set .col-2 { float: none; width: auto; border: 0; padding-right: 0; padding-left: 0; } }
.col2-set .narrow { width: 33%; }
.col2-set .wide { width: 65%; }
.col2-set:after { content: ''; display: table; clear: both; }

/* -------------------------------------------- * Top Container */
@media only screen and (min-width: 769px) { .top-container { max-width: 1260px; margin: 0 auto; padding: 0 30px; } }
/* -------------------------------------------- * Global Site Notice */
.global-site-notice { background: #676157; color: #E6E6E6; font-size: 11px; }
.global-site-notice .notice-inner { padding-left: 120px; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; line-height: 11px; min-height: 40px; padding-top: 14.5px; padding-bottom: 14.5px; background-image: url("https://ignrando.fr/fr/skin/frontend/ign/default/images/demo-logo.png"); background-position: left; background-repeat: no-repeat; }
.global-site-notice p { margin-bottom: 0; }

/* -------------------------------------------- * Promotional Message Banner */
.promo-msg { color: #393b3d; text-align: center; margin: 10px; text-transform: uppercase; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; }

/* -------------------------------------------- * Grid */
.grid:after { content: ''; display: table; clear: both; }

/* -------------------------------------------- * Messages */
.success { color: #93c119; }

.error { color: #DF280A; font-weight: bold; }

.notice { color: #E26703; font-weight: bold; }

/* -------------------------------------------- * Messages */
.messages { margin-bottom: 10px; }

.messages li li { position: relative; margin-bottom: 5px; padding: 7px 10px 7px 20px; background: #F4F4F4; font-size: 15px; }

.messages li li:before { top: 50%; left: 0; margin-top: -6px; }

.messages .error-msg li { color: #393b3d; border-left: 5px solid #DF280A; background-color: #FAEBE7; }

.messages .error-msg li:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #DF280A; border-right: none; }

.messages .notice-msg li { color: #393b3d; border-left: 5px solid #E26703; background-color: #F9EBE6; }

.messages .notice-msg li:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #E26703; border-right: none; }

.messages .success-msg li { color: #393b3d; border-left: 5px solid #93c119; background-color: #EFF5EA; }

.messages .success-msg li:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #93c119; border-right: none; }

@media only screen and (min-width: 915px) { .order-list-grid .col-1 { width: 30%; }
  .order-list-grid .col-2 { width: 50%; padding-right: 20px; }
  .order-list-grid .col-3 { clear: none; width: 20%; padding-top: 0; } }
/* -------------------------------------------- * Page Popup */
.page-popup { padding: 20px; background: #FFFFFF; height: auto; }

.page-popup h1 { margin: 0 0 0.5em; font-size: 36px; }

/* -------------------------------------------- * Payment Methods */
.payment-methods { margin-bottom: 20px; }

.payment-methods dt { padding: 5px 0; }

.payment-methods dd { padding-top: 10px; }

.payment-methods .form-list { position: relative; display: inline-block; max-width: 100%; margin: 5px 15px 15px; padding: 15px; border: 1px solid #CCCCCC; background: #F4F4F4; }

.payment-methods .form-list:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #CCCCCC; border-top: none; top: -11px; left: 30px; }

.payment-methods .form-list:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #F4F4F4; border-top: none; top: -10px; left: 30px; }

.payment-methods .form-list li:last-child { margin-bottom: 0; }

/* -------------------------------------------- * Please Wait (Loading Indicator) */
.please-wait { display: inline-block; margin-left: 10px; margin-top: 5px; line-height: 24px; height: 24px; white-space: nowrap; /* Prevent the linebreak in the HTML from causing layout issues */ }
.please-wait img { float: left; margin-right: 5px; width: 24px; }

/* -------------------------------------------- * Price Box - Standard */
.price-box { margin: 7px 0; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.price-box p { margin-bottom: 0; }

.price-notice { color: #A0A0A0; }

.price-box .price { color: #393b3d; font-size: 16px; }

.price-box .price, .price { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.price-box .price-label { color: #A0A0A0; white-space: nowrap; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; }

.price-box .minimal-price-link { padding-left: 1em; color: #393b3d; display: block; /* We want this to show on its own line, otherwise the layout looks funky */ }
.price-box .minimal-price-link .label { color: #A0A0A0; }

/* -------------------------------------------- * Price Box - Special */
.price-box .old-price, .price-box .special-price { display: inline-block; }
.price-box .old-price .price-label, .price-box .special-price .price-label { display: none; }
.price-box .old-price .price, .price-box .special-price .price { display: inline-block; }

.price-box .old-price .price { color: #A0A0A0; text-decoration: line-through; }

.price-box .special-price { color: #393b3d; padding-left: 1em; }
.price-box .special-price .price-label { color: #D84D3C; }

/* -------------------------------------------- * Price Box - Taxes */
.price-box .price-excluding-tax, .price-box .price-including-tax { display: block; }

span.weee { display: block; }

/* -------------------------------------------- * Tier Prices */
.product-pricing, .tier-prices, .tier-prices-grouped { display: inline-block; padding: 4px 8px; background: #FBF4DE; border: 1px solid #E2D4C7; margin-top: 7px; }
.product-pricing li, .tier-prices li, .tier-prices-grouped li { font-size: 12px; }
.product-pricing .benefit, .tier-prices .benefit, .tier-prices-grouped .benefit { font-style: italic; }
.product-pricing .price, .tier-prices .price, .tier-prices-grouped .price { font-weight: bold; }

/* ============================================ * Item Options ============================================ */
.item-options { font-size: 14px; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; }
.item-options:after { content: ''; display: table; clear: both; }
.item-options dt { float: left; clear: left; font-weight: 600; padding-right: 5px; font-style: italic; }
.item-options dt:after { content: ': '; }
.item-options dd { float: left; padding-left: 10px; margin: 0 0 6px; }

.truncated, .truncated a.dots { cursor: help; }

.truncated a.details { cursor: help; height: 16px; line-height: 16px; }
.truncated a.details:hover { text-decoration: none; }

.truncated .truncated_full_value { position: relative; z-index: 300; }

.truncated .truncated_full_value .item-options { display: none; position: absolute; z-index: 300; width: 200px; padding: 8px; border: 1px solid #93c119; background-color: #F6F6F6; top: 21px; left: -100px; }
.truncated .truncated_full_value .item-options:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #93c119; border-top: none; left: 97px; top: -7px; }

.truncated .truncated_full_value .item-options > p { font-weight: bold; text-transform: uppercase; margin-bottom: 8px; }

.truncated .show .item-options { display: block; }

@media only screen and (max-width: 479px) { .truncated { cursor: inherit; }
  .truncated a.details { display: none; }
  .truncated .truncated_full_value .item-options { display: block; position: static; z-index: 1; width: 100%; border: none; background-color: transparent; }
  .truncated .truncated_full_value .item-options p { float: none; }
  .truncated .truncated_full_value .item-options:after { display: none; } }
/* -------------------------------------------- * Printer Friendly Page */
.page-print { /*width: 6.5in;*/ margin: 20px; background: #FFFFFF; }

/* -------------------------------------------- * Add to links */
.add-to-links { margin: 7px 0; }
.add-to-links a { display: inline-block; padding: 0px 3px 3px; }

.add-to-links .separator { display: none; }

/* -------------------------------------------- * Product Image */
.product-image, .no-touch .product-img-box .product-image:not(.zoom-available):hover { position: relative; display: block; border: 1px solid #EDEDED; }

@media only screen and (max-width: 768px) { body .product-img-box .product-image:hover { border-color: #EDEDED; } }
.no-touch .product-image:hover { border-color: #3399CC; }

/* -------------------------------------------- * Ratings */
.ratings { margin: 7px 0; }
.ratings .rating-box, .ratings .rating-links { margin: 5px 0; }
.ratings .rating-box { width: 65px; height: 13px; background-repeat: repeat-x; background-position: 0 -615px; overflow: hidden; }
.ratings .rating-box .rating { float: left; height: 13px; background-repeat: repeat-x; background-position: 0 -600px; }
.ratings .amount { display: block; margin: 5px auto; }
.ratings .rating-links .separator { margin: 0 3px; }

/* -------------------------------------------- * Standard Formatted Text Block */
.std p { margin: 0 0 1.5em; }

.std ol { list-style: decimal outside; margin-bottom: 1.5em; }

.std ol li { margin-left: 2em; }

.std ul { list-style: disc outside; margin-bottom: 1.5em; }

.std ul li { margin-left: 2em; }

.std .note { color: #A0A0A0; font-size: 13px; }

/* -------------------------------------------- * Tabs */
.tabs { margin-bottom: 10px; background: #FFFFFF; }

/* -------------------------------------------- * Toolbar */
.toolbar { margin-top: 10px; margin-bottom: 15px; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; background: #F4F4F4; padding: 5px 10px 0px 10px; }
.toolbar:after { content: ''; display: table; clear: both; }

.pager-no-toolbar { margin-bottom: 10px; }

.pager-no-toolbar ~ .pager-no-toolbar { margin-top: 10px; }

.toolbar, .pager { font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; color: #636363; line-height: 30px; font-size: 12px; }

.toolbar label, .pager-no-toolbar label { font-weight: normal; text-transform: uppercase; }

.sorter { float: left; margin-bottom: 5px; }
.sorter label { float: left; margin-right: 5px; }
.sorter label:after { content: ':'; }

.sorter > .sort-by { float: left; margin-right: 5px; height: 30px; }
.sorter > .sort-by .sort-by-switcher { width: 30px; height: 30px; display: inline-block; }
.sorter > .sort-by .sort-by-switcher--asc { background-position: 4px -542px; }
.sorter > .sort-by .sort-by-switcher--asc:hover { background-position: -46px -542px; }
.sorter > .sort-by .sort-by-switcher--desc { background-position: 4px -567px; }
.sorter > .sort-by .sort-by-switcher--desc:hover { background-position: -46px -567px; }

.sorter > .view-mode { float: right; }
.sorter > .view-mode .grid, .sorter > .view-mode .list { float: left; width: 30px; height: 30px; }
.sorter > .view-mode .grid { margin-right: 5px; background-position: 8px -492px; }
.sorter > .view-mode strong.grid, .sorter > .view-mode a.grid:hover { background-position: -42px -492px; }
.sorter > .view-mode .list { background-position: 11px -517px; }
.sorter > .view-mode strong.list, .sorter > .view-mode a.list:hover { background-position: -39px -517px; }

.pager { float: right; overflow: hidden; }
.pager > .count-container { float: left; }
.pager .amount { float: left; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; white-space: nowrap; margin: 0 15px 0 0; }
.pager .limiter { float: left; height: 30px; line-height: 30px; }
.pager .limiter > label { padding-right: 5px; }
.pager .limiter > label:after { content: ':'; }
.pager .amount, .pager .limiter, .pager .pages { margin-bottom: 5px; }

.pages { float: right; overflow: hidden; margin-left: 15px; }
.pages strong { display: none; }

.pages li { float: left; }

.pages a, .pages .current { display: inline-block; border: 0; font-size: 13px; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; line-height: 30px; width: 25px; height: 30px; padding: 0; color: #93c119; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.pages .current, .pages .current:hover { color: #636363; border: 1px solid #CCCCCC; width: 30px; background-color: #FFFFFF; cursor: default; }

.pages .next, .pages .previous { font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; position: relative; }
.pages .next:hover, .pages .previous:hover { border: 1px solid #93c119; }

.pages .next:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #93c119; border-right: none; top: 50%; margin-top: -3px; left: 50%; margin-left: -2px; }
.pages .next:hover:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #5f7d10; border-right: none; }

.pages .previous:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #93c119; border-left: none; top: 50%; margin-top: -3px; left: 50%; margin-left: -2px; }
.pages .previous:hover:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #5f7d10; border-left: none; }

@media only screen and (max-width: 479px) { .pager .amount--has-pages { display: none; }
  .pages { float: left; }
  /*.limiter label { display: none; }*/ }
@media only screen and (max-width: 768px) { .col1-layout .sorter, .col1-layout .pager { width: 100%; }
  .col1-layout .pager { float: left; clear: both; }
  .col1-layout .pager .pages { float: left; margin-left: 0; }
  .col1-layout .pager .count-container { float: right; } }
@media only screen and (max-width: 979px) { .col2-left-layout .sorter, .col2-left-layout .pager, .col2-right-layout .sorter, .col2-right-layout .pager, .col3-layout .sorter, .col3-layout .pager { width: 100%; }
  .col2-left-layout .pager, .col2-right-layout .pager, .col3-layout .pager { float: left; clear: both; }
  .col2-left-layout .pager .pages, .col2-right-layout .pager .pages, .col3-layout .pager .pages { float: left; margin-left: 0; }
  .col2-left-layout .pager .count-container, .col2-right-layout .pager .count-container, .col3-layout .pager .count-container { float: right; } }
@media only screen and (max-width: 1279px) { .toolbar .view-mode > label { display: none; } }
/* ============================================ * Tax - Full Tax Summary ============================================ */
#checkout-review-table .summary-collapse, #shopping-cart-totals-table .summary-collapse, body.customer-account .data-table .summary-collapse { position: relative; cursor: pointer; }
#checkout-review-table .summary-collapse:before, #shopping-cart-totals-table .summary-collapse:before, body.customer-account .data-table .summary-collapse:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid #3399CC; border-bottom: none; position: static; display: inline-block; margin-right: 5px; }
#checkout-review-table .summary-collapse:hover:before, #shopping-cart-totals-table .summary-collapse:hover:before, body.customer-account .data-table .summary-collapse:hover:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid #5f7d10; border-bottom: none; position: static; display: inline-block; margin-right: 5px; }
#checkout-review-table .show-details .summary-collapse:before, #shopping-cart-totals-table .show-details .summary-collapse:before, body.customer-account .data-table .show-details .summary-collapse:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #3399CC; border-top: none; position: static; display: inline-block; margin-right: 5px; }
#checkout-review-table .show-details .summary-collapse:hover:before, #shopping-cart-totals-table .show-details .summary-collapse:hover:before, body.customer-account .data-table .show-details .summary-collapse:hover:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #5f7d10; border-top: none; position: static; display: inline-block; margin-right: 5px; }

#shopping-cart-totals-table tfoot td .summary-collapse:before, #shopping-cart-totals-table tfoot td .summary-collapse:hover:before { margin-bottom: 5px; }

/* ============================================ * Magento Helpers ============================================ */
.a-center { text-align: center; }

.a-right, .align-right { text-align: right; }

.no-display { display: none !important; }

.nobr, .nowrap { white-space: nowrap; }

.width-full { width: 100%; }

/* ============================================ * Custom Helpers ============================================ */
.hidden { display: none; }

/* ============================================ * Print Styles ============================================ */
.page-print .print-head { margin: 0 0 15px; overflow: hidden; }
.page-print .print-head .logo { float: none; max-height: 50px; width: auto; }
.page-print .data-table .product-name h3, .products-grid .product-info .product-name .page-print .data-table a h3 { color: #333; font-size: 1em; }

/* Mobile derniere étape : page de confirmation de connexion */
.account-mobile-logged span.green { color: #93c119; font-weight: bold; }

/* Cookie banner */
.cookie-notice { z-index: 10000; background-color: #71767a; color: white; position: fixed; width: 100%; bottom: 0; left: 0; right: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; padding-top: 20px; padding-bottom: 20px; }

.cookie-message-container { flex-grow: 3; }

.cookie-button-container { flex-grow: 1; position: relative; }

.cookie-message { padding-left: 25%; }

.cookie-bold { font-weight: bold; }

.cookie-title { font-size: 20px; margin-bottom: 10px; }

.cookie-link { color: white; cursor: pointer; text-decoration: underline; }

.cookie-button { font-weight: bold; float: left; background-color: white; cursor: pointer; color: #71767a; padding: 10px 40px; }

.customer-account form .form-list label.cirkwi-tooltip-label { width: 19%; }
.customer-account form .form-list a.cirkwi-tooltip-link { margin-top: 7px; float: left; width: 4%; }

/* ============================================ * FORMS - COMMON ============================================ */
/* -------------------------------------------- * Button */
.buttons-set button.button { background-color: #ff4800; padding-top: 12px; padding-bottom: 12px; }

/* -------------------------------------------- * Fieldsets */
.fieldset p { margin-bottom: 7px; }
.fieldset p.required { margin-bottom: 5px; float: right; font-size: 12px; margin-top: 0px; }

.fieldset + .fieldset { margin-top: 5px; }

form .legend { margin: 0; margin-bottom: 10px; color: #333333; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 400; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; margin-bottom: 15px; padding-bottom: 7px; border-bottom: 1px solid #EDEDED; }

/* -------------------------------------------- * Input Box */
.input-box { padding-top: 2px; }
.input-box:after { content: ''; display: table; clear: both; }

li.centinel-logos div.input-box img { display: inline; vertical-align: middle; }

/* For adjacent select inputs. */
/* Example: credit card expiration month and year. */
.input-box .v-fix { float: left; margin-right: 5px; max-width: 100%; }

/* -------------------------------------------- * Labels */
label { display: inline-block; font-size: 13px; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; }

label.required:after, span.required:after { content: ' *'; color: #393b3d; font-weight: bold; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; }

label.required em, span.required em { display: none; }

/* -------------------------------------------- * Hints */
.input-hint { color: #A0A0A0; font-size: 12px; }

/* -------------------------------------------- * Select */
select { font-size: 14px; }

select + select { margin-left: 5px; }

select[multiple] { width: 270px; border: 1px solid #C0C0C0; font-size: 15px; padding: 5px; }

/* -------------------------------------------- * Textarea */
textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 450px; padding: 5px; }

/* -------------------------------------------- * Inputs */
.input-text { -moz-appearance: none; -webkit-appearance: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #C0C0C0; background: #FFFFFF; font-size: 15px; font-style: italic; /* sauf qty, pas en italique */ }
.input-text:focus { border: 1px solid #C0C0C0; }
.input-text.qty { font-style: normal; }

.input-text.validation-failed { border-color: #DF280A; }

.input-text.validation-failed:focus { outline-color: #ef9485; }

input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text] { height: 30px; padding: 0 8px; }

input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text] { width: 365px; max-width: 100%; }

/* Only show on iPhones (not iPads or any other device) */
@media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 0) { input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text], select { font-size: 16px; /* Prevent from zooming on focus */ } }
.ie8 .input-text { max-width: none; }

/* -------------------------------------------- * Inputs - Quantity */
input[type=number].qty, input[type=text].qty { width: 3em; text-align: center; vertical-align: middle; }

/* -------------------------------------------- * Placeholder */
::-webkit-input-placeholder { color: #A0A0A0; }

input:-moz-placeholder { color: #A0A0A0; }

/* -------------------------------------------- * Checkbox And Radio */
.checkbox, .radio { position: relative; top: -1px; display: inline-block; }

.checkbox + label, .radio + label { width: auto; max-width: 85%; padding: 0 0 0 8px; font-size: 14px; font-weight: normal; vertical-align: top; }

/* -------------------------------------------- * Validation */
p.required, .validation-advice { margin: 5px 0 0; color: #DF280A; font-size: 13px; }

/* ============================================ * Form List ============================================ */
.form-list > li { margin-bottom: 10px; }
.form-list select { margin-top: 4px; width: 365px; max-width: 100%; }
.form-list .input-range .input-text { width: 74px; }
.form-list .field, .form-list .wide, .form-list .control { margin-bottom: 10px; }

/* Turn the label of controls (radio/checkbox) into a button style that wraps the input */
.form-list .control, .sp-methods dt, #checkout-shipping-method-load .sp-methods dd, .product-options ul.options-list { /* When a label is next to an input that is set to not display, we should style the label in a non-clickable state */ }
.form-list .control div.input-box, .sp-methods dt div.input-box, #checkout-shipping-method-load .sp-methods dd div.input-box, .product-options ul.options-list div.input-box { display: inline; float: left; }
.form-list .control div.input-box:after, .sp-methods dt div.input-box:after, #checkout-shipping-method-load .sp-methods dd div.input-box:after, .product-options ul.options-list div.input-box:after { display: none; }
.form-list .control input.radio, .form-list .control input.checkbox, .sp-methods dt input.radio, .sp-methods dt input.checkbox, #checkout-shipping-method-load .sp-methods dd input.radio, #checkout-shipping-method-load .sp-methods dd input.checkbox, .product-options ul.options-list input.radio, .product-options ul.options-list input.checkbox { float: left; margin-right: -40px; margin-top: 10px; }
.form-list .control label, .sp-methods dt label, #checkout-shipping-method-load .sp-methods dd label, .product-options ul.options-list label { color: #636363; background-color: #F4F4F4; padding: 5px 10px; display: inline-block; width: auto; max-width: none; float: none; padding: 6px 10px 6px 25px; background-color: transparent; }
.form-list .control .no-display + label, .sp-methods dt .no-display + label, #checkout-shipping-method-load .sp-methods dd .no-display + label, .product-options ul.options-list .no-display + label { padding-left: 10px; background-color: transparent; }
.form-list .control .no-display + label:hover, .sp-methods dt .no-display + label:hover, #checkout-shipping-method-load .sp-methods dd .no-display + label:hover, .product-options ul.options-list .no-display + label:hover { background-color: transparent; }

.product-options ul.options-list label, .col2-set .form-list .control label { min-width: inherit; width: 250px; max-width: 100%; }

.form-list .control.remember-me-box label { width: auto; max-width: none; min-width: inherit; }

.form-list .control { margin-top: 10px; }
.form-list .control label { float: none; }
.form-list .control .radio, .form-list .control .checkbox { margin-right: 6px; }
.form-list .control .input-box { clear: none; display: inline-block; width: auto; padding: 0; }

form .form-instructions { font-style: italic; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 13px; color: #A0A0A0; }

/* ============================================ * Table Helpers ============================================ */
.hide-th { text-indent: -9999px; }

/* ============================================ * Data Table ============================================ */
.data-table { width: 100%; }

.data-table td, .data-table th { padding: 10px; vertical-align: top; }

.data-table th { background: #F4F4F4; text-transform: uppercase; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; line-height: 1.4; white-space: nowrap; }

.data-table thead th, .data-table tbody td { border-bottom: 1px solid #C0C0C0; }

.data-table tbody td, .data-table tfoot td { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.data-table tfoot tr { background: #F4F4F4; }

.data-table tbody td .item-options { margin-left: 20px; margin-top: 10px; }
.data-table tbody td .item-options dt:after { content: ':'; }

/* ============================================ * Generic Info Table ============================================ */
.info-box { border: 1px solid #C0C0C0; padding: 12px 15px; margin: 0 0 15px; }
.info-box h2 { font-weight: bold; font-size: 13px; }

.info-table th, .info-table td { vertical-align: top; }

.info-table th { font-weight: bold; padding: 4px 20px 4px 0; }

.info-table td { padding: 4px 0; }

/* ============================================ * Zebra-Stripe Table ============================================ */
.zebra-table tr:first-child, .zebra-table th:first-child { border-top: 1px solid #C0C0C0; }
.zebra-table td, .zebra-table th { border-bottom: 1px solid #C0C0C0; padding: 6px; background-color: transparent; }
.zebra-table tr { background-color: #EEEDED; }
.zebra-table tr:nth-child(odd) { background-color: #F8F7F5; }

/* ============================================ * Linearize Table ============================================ */
@media only screen and (max-width: 479px) { .linearize-table { /* Helpers */ }
  .linearize-table tr, .linearize-table th, .linearize-table td { display: block; }
  .linearize-table thead th { border-right: 0; border-left: 0; }
  .linearize-table thead th.lin-hide { display: none; }
  .linearize-table thead th:nth-child(1n+2) { display: none; }
  .linearize-table tbody tr { position: relative; border-bottom: 1px solid #CCCCCC; }
  .linearize-table tbody td { padding: 0 10px 4px; border-right: 0; border-bottom: 0; }
  .linearize-table tbody td.lin-hide { display: none; }
  .linearize-table tbody td:first-child { padding-top: 10px; }
  .linearize-table tbody td:first-child, .linearize-table tbody td:first-child h3 { font-weight: bold; }
  .linearize-table tbody td[data-rwd-label] { text-align: left; padding-left: 30px; }
  .linearize-table tbody td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; padding-right: 5px; text-transform: uppercase; }
  .linearize-table tfoot tr { display: block; text-align: right; }
  .linearize-table tfoot tr:after { content: ''; display: table; clear: both; }
  .linearize-table tfoot td { display: block; float: left; }
  .linearize-table tfoot td.lin-hide { display: none; }
  .linearize-table tfoot td:nth-child(odd) { clear: left; width: 60%; }
  .linearize-table tfoot td:nth-child(even) { text-align: left; width: 40%; }
  .linearize-table .linearize-hide { display: none; }
  .linearize-table .linearize-unpad { padding: 0; }
  .linearize-table .linearize-show { display: block; } }
@media only screen and (max-width: 599px) { .linearize-table-large { /* Helpers */ }
  .linearize-table-large tr, .linearize-table-large th, .linearize-table-large td { display: block; }
  .linearize-table-large thead th { border-right: 0; border-left: 0; }
  .linearize-table-large thead th.lin-hide { display: none; }
  .linearize-table-large thead th:nth-child(1n+2) { display: none; }
  .linearize-table-large tbody tr { position: relative; border-bottom: 1px solid #CCCCCC; }
  .linearize-table-large tbody td { padding: 0 10px 4px; border-right: 0; border-bottom: 0; }
  .linearize-table-large tbody td.lin-hide { display: none; }
  .linearize-table-large tbody td:first-child { padding-top: 10px; }
  .linearize-table-large tbody td:first-child, .linearize-table-large tbody td:first-child h3 { font-weight: bold; }
  .linearize-table-large tbody td[data-rwd-label] { text-align: left; padding-left: 30px; }
  .linearize-table-large tbody td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; padding-right: 5px; text-transform: uppercase; }
  .linearize-table-large tfoot tr { display: block; text-align: right; }
  .linearize-table-large tfoot tr:after { content: ''; display: table; clear: both; }
  .linearize-table-large tfoot td { display: block; float: left; }
  .linearize-table-large tfoot td.lin-hide { display: none; }
  .linearize-table-large tfoot td:nth-child(odd) { clear: left; width: 60%; }
  .linearize-table-large tfoot td:nth-child(even) { text-align: left; width: 40%; }
  .linearize-table-large .linearize-hide { display: none; }
  .linearize-table-large .linearize-unpad { padding: 0; }
  .linearize-table-large .linearize-show { display: block; } }
@media only screen and (min-width: 600px) { .linearize-table .linearize-collapse { display: none; } }
/* ============================================ * Global ============================================ */
html, body { height: 100%; }

.wrapper { min-width: 320px; min-height: 100%; margin: 0 auto; background: #FFFFFF; }

.wrapper:after { content: ''; display: table; clear: both; }

.left { float: left !important; }

.right { float: right !important; }

/* ============================================ * Header ============================================ */
@media only screen and (min-width: 769px) { .page-header { max-width: 1260px; margin: 0 auto; padding: 0 30px; }
  .page-header-container { position: relative; } }
.header-language-container { font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; font-weight: normal !important; }

/* ============================================ * Language switcher + welcome message ============================================ */
.header-language-background { padding: 10px; background-color: #93c119; text-transform: uppercase; }
.header-language-background .header-language-container { max-width: 1200px; margin-left: auto; margin-right: auto; }
.header-language-background:after { content: ''; display: table; clear: both; }
.header-language-background .form-language, .header-language-background .currency-switcher { float: left; margin-right: 10px; }
.header-language-background .welcome-msg { float: right; }

.page-header-container .store-language-container { float: right; max-width: 35%; padding: 13px 15px 10px 10px; }
.page-header-container .store-language-container label { display: none; }
.page-header-container .store-language-container select { max-width: 100%; }

@media only screen and (max-width: 479px) { .page-header-container .store-language-container { padding-top: 8px; }
  .page-header-container .store-language-container select { font-size: 12px; } }
.header-language-background, .header-language-background a { color: #E6E6E6; }

@media only screen and (max-width: 768px) { .header-language-background { display: none; } }
/* ============================================ * Logo ============================================ */
.logo { display: block; float: left; min-height: 44px; text-align: center; padding: 10px; }
.logo .small { display: block; }
.logo .large { display: none; }

.logo:hover { opacity: 0.8; }

@media only screen and (min-width: 769px) { .logo { /*max-width: 300px; */ min-height: 90px; }
  .logo .small { display: none; }
  .logo .large { display: block; } }
/* ============================================ * Skip Links ============================================ */
.skip-links { clear: both; overflow: hidden; border-top: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; }

@media only screen and (min-width: 769px) { .skip-links { border: 0; } }
/* -------------------------------------------- * Skip - Link */
.skip-link { position: relative; float: left; width: 20%; height: 44px; background: #FFFFFF; color: #636363; line-height: 42px; text-align: center; }

a.skip-link { text-decoration: none; }

@media only screen and (max-width: 768px) { .skip-link { border-right: 1px solid #EDEDED; }
  .skip-link:last-child { border-right: 0; } }
@media only screen and (min-width: 500px) { .skip-link { width: 25%; } }
/* -------------------------------------------- * Skip Link - Active */
@media only screen and (max-width: 768px) { .skip-link.skip-active { color: inherit; }
  .skip-link.skip-active span { color: inherit; } }
/* -------------------------------------------- * Skip Link - Icon */
.skip-link .icon { display: inline-block; width: 30px; height: 30px; vertical-align: middle; }

.skip-link.skip-nav .icon, .skip-link.skip-cart:not(.no-count) .icon { margin-right: 3px; }

@media only screen and (min-width: 500px) { .skip-link .icon { margin-right: 3px; } }
/* -------------------------------------------- * Skip Link - Label */
.skip-link .label { display: none; }

@media only screen and (min-width: 500px) { .skip-link .label { display: inline; } }
/* ============================================ * Skip Content ============================================ */
.skip-content { display: none; }

.skip-content.skip-active { display: block; background: #EDEDED; }

/* Ma communauté/ Mes données de références popin  */
.block-content .block-parcours .skip-content { margin-left: 20px; margin-right: 20px; }

/* ============================================ * Global Header Navigation ============================================ */
@media only screen and (max-width: 768px) { #header-account li a, .nav-regular a.level0 { padding: 0 15px 0 25px; border-bottom: 1px solid #CCCCCC; text-align: left; color: #636363; text-transform: uppercase; line-height: 30px; }
  #header-account li:last-child a, .nav-regular li.level0:last-child a.level0 { border-bottom: 0; }
  .no-touch #header-account a:hover, .no-touch .nav-regular a:hover { text-decoration: none; } }
.account-cart-wrapper { position: absolute; top: 0px; right: 0px; }

/* ============================================ * Nav - Skip Link ============================================ */
.skip-nav { width: 40%; }
.skip-nav:not(.skip-active):hover { text-decoration: none; }
.skip-nav:not(.skip-active):hover .icon { background-position: -46px 4px; }

.skip-nav .label { display: inline; }

.skip-nav .icon { background-position: 4px 4px; }

@media only screen and (min-width: 500px) { .skip-nav { width: 25%; } }
@media only screen and (min-width: 769px) { .skip-nav { display: none; } }
/* ============================================ * Nav - Skip Content ============================================ */
@media only screen and (max-width: 768px) { #header-nav { padding: 5px 0; } }
@media only screen and (min-width: 769px) { #header-nav { display: block; /* Force visibility */ border-bottom: 1px solid #EDEDED; } }
/* ============================================ * Nav Primary ============================================ */
@media only screen and (min-width: 769px) { .nav-primary { display: block; margin-top: 15px; } }
/* ============================================ * General Navigation Styles ============================================ */
.nav-primary a { text-decoration: none; position: relative; display: block; color: #636363; line-height: 30px; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; }
.nav-primary li { position: relative; }
.nav-primary li.level1 a { border-bottom: 1px solid #CCCCCC; }

.nav-primary .menu-active > ul.level0, .nav-primary li.level0 li.sub-menu-active > ul { display: block; }

.nav-primary li.level0 > a { text-transform: uppercase; }

/* ============================================ * Small Viewports - Accordion Style Menu ============================================ */
@media only screen and (max-width: 768px) { .nav-primary a.level0, .nav-primary a { line-height: 35px; }
  .nav-primary li.level0 ul { display: none; }
  .nav-primary li.level0 li { padding: 0 0 0 25px; }
  .nav-primary li.level1 a { padding: 0 15px 0 25px; }
  .nav-primary li.parent > a:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #ccc; border-right: none; top: 50%; left: 10px; right: auto; margin-top: -5px; }
  .nav-primary li.parent.sub-menu-active > a:after, .nav-primary li.parent.menu-active > a:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #ccc; border-bottom: none; top: 50%; left: 10px; right: auto; margin-top: -5px; }
  .nav-primary li.menu-active > a, .nav-primary li.sub-menu-active > a { color: #93c119; } }
/* ============================================ * Large Viewports - Dropdown Menu ============================================ */
@media only screen and (min-width: 769px) { .nav-primary { /* Default styles for 1+ drop-down menus */ /* Level 2+ */ /* Class for js to add briefly to evaluate element positioning. */ /* Correct menus that will hang off the page (class added by js) */ /* Level 1+ */ }
  .nav-primary a.level0 { padding: 0 25px; }
  .nav-primary li.level0, .nav-primary a.level0 { display: inline-block; }
  .nav-primary li:last-child > a { border-bottom: none; }
  .nav-primary a:hover, .nav-primary li:hover > a { color: #93c119; }
  .nav-primary .menu-active { z-index: 200; }
  .nav-primary li.level0 ul { background: #FBFBFB; border: solid 1px #CCCCCC; position: absolute; left: 0; top: 30px; /* Height of ".nav-primary a.level0" */ z-index: 10; width: 250px; padding-left: 10px; padding-right: 10px; display: none; /* Hide until displayed. */ }
  .nav-primary li.level1 ul { left: 60px; top: 15px; }
  .nav-primary li.level0 ul.level0.position-test { display: block; }
  .nav-primary li.level0 ul.level0.spill { right: 0; left: auto; }
  .nav-primary li.level0 ul.level0.spill li.level1 ul { left: auto; right: 50px; top: 20px; }
  .nav-primary li.level0 li.parent > a { position: relative; }
  .nav-primary li.level0 li.parent > a:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #ccc; border-right: none; right: 5px; top: 50%; margin-top: -3px; } }
.nav-primary li.menu-active > ul { display: block; }

/* ============================================ * Search - Skip Link ============================================ */
.skip-search:not(.skip-active):hover .icon { background-position: -46px -146px; }
.skip-search .icon { background-position: 4px -146px; }

@media only screen and (min-width: 769px) { .skip-search { display: none; } }
/* ============================================ * Search - Skip Content ============================================ */
#header-search { padding: 20px; }

@media only screen and (min-width: 769px) { #header-search { display: block; position: absolute; top: 55px; right: 0; width: 25%; height: 50px; padding: 0; } }
/* ============================================ * Search Input ============================================ */
#search_mini_form .input-box { position: relative; padding-top: 0; }

#search_mini_form label { display: none; }

#search { width: 100%; height: 40px; padding-right: 40px; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; }

#search_mini_form .search-button { text-indent: -9999px; position: absolute; top: 0; right: 0; width: 40px; height: 40px; border: 0; background: none; }

#search_mini_form .search-button:before { content: ''; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; background-position: 4px -146px; }

#search_mini_form .search-button:hover:before { opacity: 0.8; }

#search_mini_form .search-button:active:before { margin-top: -13px; margin-left: -13px; }

/* ============================================ * Header - Account ============================================ */
/* -------------------------------------------- * Skip Link - Account */
.skip-account:not(.skip-active):hover .icon { background-position: -46px -44px; }
.skip-account .icon { background-position: 4px -44px; }

@media only screen and (min-width: 769px) { .skip-account { float: none; width: auto; vertical-align: top; display: inline-block; padding: 0 10px; text-transform: uppercase; }
  #header-account.skip-active { background: #FBFBFB; border: solid 1px #CCCCCC; display: block; position: absolute; z-index: 200; top: 40px; right: 115px; width: 200px; }
  #header-account a { display: block; padding: 5px 10px; color: #636363; line-height: 2; }
  #header-account a:hover { color: #93c119; } }
/* -------------------------------------------- * Account Links */
#header-account { padding: 5px 0; }

#header-account a { position: relative; display: block; padding: 5px 10px; line-height: 23px; text-align: center; }

#header-account a:hover { color: #93c119; }

/* ============================================ * Header - Cart ============================================ */
/* -------------------------------------------- * Skip Link - Cart */
.skip-cart:not(.skip-active):hover .icon { background-position: -50px -95px; }
.skip-cart .icon { background-position: 0px -95px; }

@media only screen and (min-width: 769px) { .skip-cart { width: auto; padding: 0 10px; }
  #header-cart.skip-active { background: #FBFBFB; border: solid 1px #CCCCCC; display: block; position: absolute; z-index: 200; top: 40px; right: 0; width: 320px; background: white; } }
/* -------------------------------------------- * Skip Cart Notifier */
.skip-cart .count { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; display: inline-block; top: -6px; position: relative; z-index: 5; width: 22px; height: 22px; background: rgba(147, 193, 25, 0.9); color: #FFFFFF; font-size: 11px; line-height: 22px; text-align: center; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.skip-link.skip-active .count { color: white; }

.skip-cart.no-count .count { display: none; }

@media only screen and (max-width: 499px) { .skip-cart .count { margin-left: -12px; } }
@media only screen and (min-width: 769px) { .skip-cart { color: #93c119; text-transform: uppercase; }
  .skip-cart:hover { text-decoration: none; }
  .skip-cart .count { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; position: static; background: none; margin-left: 0px; font-size: 14px; width: auto; }
  .skip-cart .count:before { content: '('; }
  .skip-cart .count:after { content: ')'; }
  .skip-cart .count, .skip-link.skip-active .count { color: #93c119; } }
.skip-cart .count.empty { display: none; }

/* -------------------------------------------- * Mini Cart - Empty */
.cart-menu .empty { padding: 20px; text-align: center; }

/* -------------------------------------------- * Mini Cart - Full */
/* Actions */
.cart-menu .actions { overflow: hidden; padding: 15px; }

.cart-menu .actions .button { float: left; width: 48%; }

.cart-menu .actions .button + .button { margin-left: 4%; }

/* Subtotal */
.cart-menu .subtotal { padding: 0 15px 15px; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; font-size: 24px; line-height: 1.2; }

/* List */
.mini-cart-list { margin-bottom: 5px; }

.mini-cart-list li { position: relative; min-height: 90px; padding: 15px 15px 15px 90px; border-top: 1px solid #CCCCCC; font-size: 13px; line-height: 1.35; }

.mini-cart-list .product-name, .mini-cart-list .products-grid .product-info .product-name a, .products-grid .product-info .product-name .mini-cart-list a { display: inline-block; }

.mini-cart-list .product-image { position: absolute; left: 15px; top: 15px; }

.mini-cart-list .product-image img { width: 60px; height: 60px; }

.mini-cart-list .has-options { margin-bottom: 0; color: #A0A0A0; font-size: 12px; }

/* Too full - additional items will be shown in cart */
.cart-menu .last-added { padding: 10px 15px 15px; border-top: 1px solid #CCCCCC; font-size: 13px; }

/* ============================================ * Footer ============================================ */
/* -------------------------------------------- * Footer */
.footer, .footer button { font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; }

.footer { clear: both; width: 100%; border-top: 1px solid #CCCCCC; padding-top: 30px; /* -------------------------------------------- * Social icons */ }
@media only screen and (max-width: 479px) { .footer { padding-top: 15px; } }
.footer .block-title { border-bottom: 0; padding: 3px 0; }
.footer .block-title strong { font-weight: normal; }
.footer .block-title, .footer address { color: #393b3d; }
.footer .links { float: left; width: 17%; padding: 0 30px 0 0; margin-bottom: 30px; }
.footer .links li { word-break: break-all; line-height: 1.4; padding: 4px 0; }
.footer .links a { color: #636363; }
.footer .links a:hover { color: #93c119; }
.footer .block-subscribe { float: right; width: 320px; margin-bottom: 30px; }
.footer .links, .footer .block-subscribe { text-transform: uppercase; font-size: 12px; }
.footer .form-subscribe-header { display: none; }
.footer .links.social-media em { background-image: url(https://ignrando.fr/fr/skin/frontend/ign/default/images/social_icons.png); background-repeat: no-repeat; width: 13px; vertical-align: middle; display: inline-block; margin-right: 7px; }
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .footer .links.social-media em { background-image: url(https://ignrando.fr/fr/skin/frontend/ign/default/images/social_icons@2x.png); background-size: 50px 125px; } }
.footer .links.social-media em.facebook { background-position: 0 -0px; height: 13px; }
.footer .links.social-media a:hover em.facebook { background-position: -25px -0px; }
.footer .links.social-media em.twitter { background-position: 0 -24px; height: 13px; }
.footer .links.social-media a:hover em.twitter { background-position: -25px -24px; }
.footer .links.social-media em.youtube { background-position: 0 -49px; height: 13px; }
.footer .links.social-media a:hover em.youtube { background-position: -25px -49px; }
.footer .links.social-media em.pinterest { background-position: 0 -74px; height: 15px; }
.footer .links.social-media a:hover em.pinterest { background-position: -25px -74px; }
.footer .links.social-media em.rss { background-position: 0 -99px; height: 13px; }
.footer .links.social-media a:hover em.rss { background-position: -25px -99px; }
.footer .block-subscribe .input-box { float: left; width: 65.625%; padding-top: 0; }
.footer .block-subscribe .input-text { width: 100%; border-right: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.footer .block-subscribe .block-content { padding-top: 7px; }
.footer .block-subscribe .block-content:after { content: ''; display: table; clear: both; }
.footer .block-subscribe .actions { float: left; width: 34.375%; margin: 0; }
.footer .block-subscribe .actions .button { height: 30px; line-height: 17px; float: left; }
.footer .bugs, .footer address { clear: both; }
.footer .bugs { display: none; }
.footer .form-language, .footer .currency-switcher, .footer .store-switcher { clear: both; margin-bottom: 10px; }
.footer .form-language, .footer .currency-switcher { display: none; }
.footer address { border-top: 1px solid #CCCCCC; text-align: center; width: 100%; font-size: 11px; margin-top: 30px; padding: 30px 0; }
@media only screen and (max-width: 1199px) { .footer .links { width: 22.65625%; padding-right: 0; margin-right: 3.125%; }
  .footer .links:nth-child(4) { margin-right: 0; }
  .footer .block-subscribe { clear: both; float: none; margin: 0 auto 30px auto; } }
@media only screen and (max-width: 768px) { .footer .form-language, .footer .currency-switcher { display: block; } }
@media only screen and (max-width: 599px) { .footer .links { width: 48.4375%; margin-right: 0; }
  .footer .links:nth-child(odd) { margin-right: 3.125%; clear: both; }
  .footer .block-subscribe { clear: both; float: left; width: 100%; } }

/* ================================================= * General Product List Styles (not module-specific) ================================================= */
/* -------------------------------------------- * Product List General */
.category-title h1, body.catalogsearch-result-index .page-title h1 { border-bottom: none; }

.category-image { margin-bottom: 1.5em; }

.products-list .action .button, .products-grid .actions .button { white-space: normal; }

/* -------------------------------------------- * Product Name */
h2.product-name, h3.product-name, h4.product-name, h5.product-name, p.product-name { margin: 0; margin-bottom: 0.5em; color: #93c119; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 400; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase; font-size: 13px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; line-height: 1.3; }
h2.product-name a, h3.product-name a, h4.product-name a, h5.product-name a, p.product-name a { color: #636363; }
h2.product-name a:hover, h3.product-name a:hover, h4.product-name a:hover, h5.product-name a:hover, p.product-name a:hover { color: #93c119; text-decoration: none; }

.products-grid .product-name, .products-grid .product-info .product-name a, .products-list .product-name, .products-list .products-grid .product-info .product-name a, .products-grid .product-info .product-name .products-list a { text-transform: uppercase; margin-bottom: 5px; font-size: 14px; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; }
.products-grid .product-name a, .products-grid .product-info .product-name a a, .products-list .product-name a, .products-list .products-grid .product-info .product-name a a, .products-grid .product-info .product-name .products-list a a { font-weight: 500; }

/* ============================================ * Product Grid ============================================ */
.products-grid { position: relative; }

.products-grid:after { content: ''; display: table; clear: both; }

.products-grid > li { position: relative; margin-bottom: 20px; text-align: center; }
.products-grid > li:after { content: ''; display: table; clear: both; }

.products-grid .product-image { width: 100%; margin-bottom: 15px; }

.products-grid .product-image img { /*width: 100%;
height: auto;*/ }
.products-grid .product-image img:hidden { display: none; }

.widget-new-products .products-grid .product-image { width: 75%; margin-bottom: 15px; margin-left: 10%; }

.products-grid .product-info { position: relative; padding-bottom: 95px; }

.products-grid .actions { padding-top: 10px; position: absolute; bottom: 0px; min-height: 85px; width: 100%; }

.products-grid .ratings .rating-box { margin: 0 auto; }

.products-grid .ratings .amount { display: none; }

.products-grid .price-box { color: #A0A0A0; font-size: 13px; margin: 0 0 5px; }

.products-grid .add-to-links { margin-bottom: 0; }

/* Config: Two columns + flexible gutter */
.products-grid > li { float: left; width: 47.72727%; margin-right: 4.54545%; }

.products-grid > li:nth-child(odd) { clear: left; }

.products-grid > li:nth-child(even) { margin-right: 0; }

.products-grid .product-image { margin-bottom: 5px; }
.products-grid .product-image:before, .products-grid .product-image:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; }
.products-grid .product-image:before { background-color: white; opacity: 0.8; z-index: 2; }
.products-grid .product-image:after { background-image: url("https://ignrando.fr/fr/skin/frontend/ign/default/images/opc-ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 3; }
.products-grid .product-image.loading { position: relative; }
.products-grid .product-image.loading:before, .products-grid .product-image.loading:after { display: block; }

@media only screen and (min-width: 480px) { /* Config: Three columns + flexible gutter */
  .products-grid { /* Undo two-column config */ /* Set three-column config */ }
  .products-grid > li:nth-child(odd) { clear: none; }
  .products-grid > li:nth-child(even) { margin-right: 3.7037%; }
  .products-grid > li { width: 30.8642%; margin-right: 3.7037%; }
  .products-grid > li:nth-child(3n+1) { clear: left; }
  .products-grid > li:nth-child(3n) { margin-right: 0; } }
@media only screen and (min-width: 960px) { /* Config: Columns + flexible gutter */
  /* Undo three-column config */
  .products-grid--max-4-col > li:nth-child(odd) { clear: none; }
  .products-grid--max-4-col > li:nth-child(3n+1) { clear: none; }
  .products-grid--max-4-col > li:nth-child(even), .products-grid--max-4-col > li:nth-child(3n) { margin-right: 2.22222%; }
  /* Set column config */
  .products-grid--max-4-col > li { margin-right: 2.22222%; }
  .products-grid--max-4-col > li { width: 23.33333%; margin-right: 2.22222%; }
  .products-grid--max-4-col > li:nth-child(4n+1) { clear: left; }
  .products-grid--max-4-col > li:nth-child(4n) { margin-right: 0; }
  /* Config: Columns + flexible gutter */
  /* Undo three-column config */
  .products-grid--max-5-col > li:nth-child(odd) { clear: none; }
  .products-grid--max-5-col > li:nth-child(3n+1) { clear: none; }
  .products-grid--max-5-col > li:nth-child(even), .products-grid--max-5-col > li:nth-child(3n) { margin-right: 2.22222%; }
  /* Set column config */
  .products-grid--max-5-col > li { margin-right: 2.22222%; }
  .products-grid--max-5-col > li { width: 18.22222%; margin-right: 2.22222%; }
  .products-grid--max-5-col > li:nth-child(5n+1) { clear: left; }
  .products-grid--max-5-col > li:nth-child(5n) { margin-right: 0; }
  /* Config: Columns + flexible gutter */
  /* Undo three-column config */
  .products-grid--max-6-col > li:nth-child(odd) { clear: none; }
  .products-grid--max-6-col > li:nth-child(3n+1) { clear: none; }
  .products-grid--max-6-col > li:nth-child(even), .products-grid--max-6-col > li:nth-child(3n) { margin-right: 2.22222%; }
  /* Set column config */
  .products-grid--max-6-col > li { margin-right: 2.22222%; }
  .products-grid--max-6-col > li { width: 14.81481%; margin-right: 2.22222%; }
  .products-grid--max-6-col > li:nth-child(6n+1) { clear: left; }
  .products-grid--max-6-col > li:nth-child(6n) { margin-right: 0; } }
/* ============================================ * Product List ============================================ */
.products-list { margin-top: 20px; margin-bottom: 20px; }
.products-list > li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #EDEDED; }
.products-list > li:after { content: ''; display: table; clear: both; }
.products-list > li .product-image { float: left; max-width: 150px; width: 20%; }
.products-list > li .product-image img { max-width: 100%; }
.products-list > li:last-child { padding-bottom: 0; border-bottom: none; }

@media only screen and (max-width: 599px) { .products-list > li .product-image { width: auto; } }
.products-list .product-shop { float: right; width: 80%; padding-left: 20px; }
.products-list .product-shop .product-name, .products-list .product-shop .products-grid .product-info .product-name a, .products-grid .product-info .product-name .products-list .product-shop a { margin-bottom: 0; padding: 0 !important; }
@media only screen and (max-width: 599px) { .products-list .product-shop .product-name, .products-list .product-shop .products-grid .product-info .product-name a, .products-grid .product-info .product-name .products-list .product-shop a { height: 75px; max-height: 75px; overflow: hidden; } }
.products-list .product-shop .ratings { margin-top: 10px !important; }
.products-list .product-shop .ratings .rating-box, .products-list .product-shop .ratings .rating-links { float: left; margin-right: 7px; }
.products-list .product-shop .ratings .rating-links { margin-top: 4px; }
@media only screen and (max-width: 479px) { .products-list .product-shop .ratings .rating-links { display: none; } }
.products-list .product-shop .price-box { margin-top: 0; }
.products-list .product-shop .price-box .price-from { display: inline-block; }
.products-list .product-shop .price-box .price-to { display: inline-block; }
.products-list .product-shop .price-box .price-from .price-label, .products-list .product-shop .price-box .price-to .price-label { color: #333; font-family: "open_sansregular", Arial, Helvetica, sans-serif; font-size: em(14, 14); }
.products-list .product-shop .price-box .price { font-size: 36px !important; }
@media only screen and (max-width: 768px) { .products-list .product-shop .price-box .price { font-size: 24px !important; } }
.products-list .product-shop .action { margin: 7px 0; }
.products-list .product-shop .desc { margin-top: 7px; }
.products-list .product-shop .product-primary, .products-list .product-shop .desc { float: left; width: 65%; overflow: hidden; }
.products-list .product-shop .product-secondary { float: right; width: 35%; text-align: right; clear: right; }

@media only screen and (max-width: 599px) { .products-list .product-shop { width: calc(100% - 150px); }
  .products-list .product-shop .product-desc { display: none; } }
@media only screen and (min-width: 480px) { .products-list .product-name a, .products-list .products-grid .product-info .product-name a a, .products-grid .product-info .product-name .products-list a a { font-size: 14px; } }
@media only screen and (max-width: 1279px) { .products-list .product-shop .product-primary, .products-list .product-shop .desc { float: left; width: 60%; padding-right: 20px; }
  .products-list .product-shop .product-secondary { float: right; width: 40%; } }
@media only screen and (max-width: 600px) { .products-list .product-shop .price-box .special-price { padding-left: 0; }
  .products-list .product-shop .product-primary, .products-list .product-shop .product-secondary, .products-list .product-shop .desc { float: none; width: 100%; padding-right: 0; text-align: left; } }
/* ============================================ * Mini Product List ============================================ */
.mini-products-list .product-image { float: left; min-width: 50px; }
.mini-products-list .product-details { margin-left: 60px; }
.mini-products-list .product-details .product-name, .mini-products-list .product-details .products-grid .product-info .product-name a, .products-grid .product-info .product-name .mini-products-list .product-details a { padding-top: 10px; }
.mini-products-list li { margin-bottom: 10px; clear: both; }
.mini-products-list li:after { content: ''; display: table; clear: both; }

.mini-products-images-list:after { content: ''; display: table; clear: both; }
.mini-products-images-list li.item { float: left; width: 50%; margin: 0; padding: 0 5px 10px 0; }
.mini-products-images-list li.item:nth-child(even) { padding-right: 0; padding-left: 5px; }
.mini-products-images-list li.item .product-image { display: block; }
.mini-products-images-list li.item .product-image img { width: 100%; max-width: 100%; }

/* ============================================ * Catalog - List ============================================ */
.category-image { border: 1px solid #CCCCCC; padding: 10px; }
.category-image img { width: 100%; max-width: 100%; }
.category-image img:hidden { display: none; }

/* ============================================ * Layered Navigation ============================================ */
.block-layered-nav .block-subtitle--filter { display: none; margin: 0; margin-bottom: 10px; color: #636363; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; padding: 7px 10px 7px 24px; border-width: 1px; border-style: solid; border-color: #CCCCCC; position: relative; background-color: #F4F4F4; cursor: pointer; }
.block-layered-nav .block-subtitle--filter:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #93c119; border-bottom: none; left: 10px; top: 50%; margin-top: -3px; }
.block-layered-nav .block-subtitle--filter:hover { background-color: #ededed; }

.block-layered-nav .block-content .toggle-tabs { display: none; }
.block-layered-nav .block-content > dl > dt { margin: 0; margin-bottom: 10px; color: #636363; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; padding: 7px 10px 7px 24px; border-width: 1px; border-style: solid; border-color: #CCCCCC; position: relative; background-color: #F4F4F4; display: block; }
.block-layered-nav .block-content > dl > dt:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #93c119; border-bottom: none; left: 10px; top: 50%; margin-top: -3px; }
.block-layered-nav .block-content > dl > dt:hover { background-color: #ededed; }
.block-layered-nav .block-content > dl > dd { padding: 10px; margin: 0; border-width: 0 1px; border-style: solid; border-color: #CCCCCC; }
.block-layered-nav .block-content > dl > dd:last-child { border-width: 0 1px 1px 1px; }

.block-layered-nav dl dd { margin-bottom: 10px; margin-top: 10px; }
.block-layered-nav dl dd ol > li > span, .block-layered-nav dl dd ol > li > a { padding: 5px 15px; display: block; }
.block-layered-nav dl dd ol > li > a .count { color: #A0A0A0; }

@media only screen and (min-width: 769px) { .block-layered-nav .block-content > dl > dt { padding-left: 10px; }
  .block-layered-nav .block-content > dl > dt:after { display: none; } }
@media only screen and (max-width: 768px) { .sidebar .block.block-layered-nav { border-bottom: none; }
  .block-layered-nav--no-filters .block-title { display: none; }
  .block-layered-nav .block-content { padding-top: 0; margin-top: 15px; }
  .block-layered-nav .block-content > dl > dt { cursor: pointer; border-bottom-width: 0; }
  .block-layered-nav .block-content > dl > dt:hover { color: #93c119; }
  .block-layered-nav .block-content > dl > dt:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #93c119; border-right: none; }
  .block-layered-nav .block-content > dl > dt.last { border-bottom-width: 1px; }
  .block-layered-nav .block-content > dl > dd { display: none; }
  .block-layered-nav .block-content.accordion-open > dl > dt.current { border-bottom-width: 1px; }
  .block-layered-nav .block-content.accordion-open > dl > dt.current:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #93c119; border-bottom: none; left: 6px; top: 50%; margin-top: -3px; }
  .block-layered-nav .block-content.accordion-open > dl > dd.current { display: block; }
  .block-layered-nav .block-subtitle--filter { background-color: #93c119; border: 0; margin-bottom: 0; display: block; color: #FFFFFF; }
  .block-layered-nav .block-subtitle--filter:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #FFFFFF; border-right: none; right: 10px; top: 50%; margin-top: -5px; }
  .block-layered-nav .block-subtitle--filter:hover { background-color: #ff4b1e; color: #FFFFFF; }
  .block-layered-nav .block-subtitle--filter.active:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #FFFFFF; border-bottom: none; right: 10px; top: 50%; margin-top: -3px; }
  #narrow-by-list, #narrow-by-list2 { padding: 10px; border: 1px solid #CCCCCC; border-top: 0; }
  .block-layered-nav dl ol > li > a, .block-layered-nav dl ol > li > span { padding: 7px; margin: 5px; }
  .block-layered-nav dl ol > li > a { color: #636363; background-color: #F4F4F4; padding: 5px 10px; }
  .block-layered-nav dl ol > li > a:hover { text-decoration: none; background: #ededed; } }
.block-layered-nav .currently .block-subtitle { display: block; margin: 0; margin-bottom: 10px; color: #636363; font-family: "open_sansextrabold", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; }
.block-layered-nav .currently ol { padding-left: 10px; margin-bottom: 10px; }
.block-layered-nav .currently ol li { margin-bottom: 5px; }
.block-layered-nav .currently ol li .label { font-weight: bold; }
.block-layered-nav .currently ol li:after { content: ''; display: table; clear: both; }

.block-layered-nav .actions { text-align: right; margin-bottom: 7px; }

/* ============================================ * Catalog - Product ============================================ */
.product-view .product-essential .extra-info .ratings .rating-box, .product-view .product-essential .extra-info .ratings .amount { float: left; }
.product-view .product-essential .extra-info .ratings .rating-box { margin-top: 8px; margin-right: 10px; }
.product-view .product-essential .extra-info .ratings:after { content: ''; display: table; clear: both; }
.product-view .product-essential:after { content: ''; display: table; clear: both; }
.product-view .product-shop .product-name .h1, .products-grid .product-info .product-name .product-view .product-shop a .h1, .product-view .product-img-box .product-name h1, .products-grid .product-info .product-name .product-view .product-img-box a h1 { color: #93c119; margin-bottom: 10px; border: 0; }
.product-view .product-shop { width: 50%; float: right; }
.product-view .product-shop .product-name, .product-view .product-shop .products-grid .product-info .product-name a, .products-grid .product-info .product-name .product-view .product-shop a { display: none; float: left; }
.product-view .product-shop .product-name .h1, .products-grid .product-info .product-name .product-view .product-shop a .h1 { float: left; margin-bottom: 5px; }
.product-view .product-shop .extra-info { float: left; padding-right: 15px; clear: left; width: 70%; }
.product-view .product-shop .price-info { float: right; padding-left: 15px; text-align: right; }
.product-view .product-shop .extra-info, .product-view .product-shop .price-info { max-width: 70%; margin-bottom: 10px; }
.product-view .product-shop .short-description { margin-bottom: 10px; clear: both; }
.product-view .product-shop .ratings { margin-bottom: 8px; }
.product-view .product-shop .availability { font-size: 16px; }
.product-view .product-shop .price-box { margin-top: 0; }
.product-view .product-shop .price-box .old-price, .product-view .product-shop .price-box .special-price, .product-view .product-shop .price-box .regular-price { padding-right: 0; line-height: 1.2; }
.product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .full-product-price .price { color: #93c119; font-size: 24px; }
.product-view .product-shop .price-box .special-price .price-label { font-size: 16px; text-transform: uppercase; }
.product-view .product-shop .price-box .special-price span.weee { color: #636363; }
.product-view .product-shop .price-box .special-price span.weee span.price { font-size: 16px; }
.product-view .product-shop .price-box .price-excluding-tax, .product-view .product-shop .price-box .price-including-tax { display: block; line-height: 1.2; color: #636363; }
.product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label { font-size: 16px; font-weight: 300; }
.product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price { font-size: 20px; }
.product-view .price-box.map-info a { display: inherit; }
.product-view .old-price .price-label { display: none; }
.product-view .add-to-cart-wrapper, .product-view .block-related { width: 50%; float: right; clear: right; }

@media only screen and (max-width: 850px) { .product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label { font-size: 15px; }
  .product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price { font-size: 18px; } }
@media only screen and (max-width: 768px) { .product-view .add-to-cart-wrapper { float: none; width: 100%; clear: both; }
  .product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label { font-size: 16px; }
  .product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price { font-size: 20px; } }
@media only screen and (max-width: 420px) { .product-view .product-shop .price-box .price-excluding-tax, .product-view .product-shop .price-box .price-including-tax { margin-bottom: 5px; }
  .product-view .product-shop .price-box .price-excluding-tax span, .product-view .product-shop .price-box .price-including-tax span { display: block; } }
.product-img-box { width: 50%; float: left; }
.product-img-box .product-name h1, .product-img-box .products-grid .product-info .product-name a h1, .products-grid .product-info .product-name .product-img-box a h1 { border: 0; }
.product-img-box .product-image { margin-bottom: 10px; }
.product-img-box .product-image img { max-width: 100%; max-height: 750px; margin: 0px auto; }

@media only screen and (max-width: 479px) { .product-img-box .product-image img { max-height: 450px; } }
.product-image-gallery { position: relative; }
.product-image-gallery .gallery-image { display: none; }
.product-image-gallery .gallery-image.visible { display: block; }
.product-image-gallery .gallery-image.visible.hidden { visibility: hidden; }
.product-image-gallery:before, .product-image-gallery:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; }
.product-image-gallery:before { background-color: white; opacity: 0.8; z-index: 2; }
.product-image-gallery:after { background-image: url("https://ignrando.fr/fr/skin/frontend/ign/default/images/opc-ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 3; }
.product-image-gallery.loading { position: relative; }
.product-image-gallery.loading:before, .product-image-gallery.loading:after { display: block; }

.product-image-thumbs li { display: inline-block; }
.product-image-thumbs li:first-child { margin-left: -1px; }
.product-image-thumbs a { display: inline-block; border: 1px solid transparent; }

.no-touch .product-image-thumbs a:hover { border-color: #c7c7c7; }

.product-view .product-shop, .product-view .add-to-cart-wrapper, .product-view .block-related { padding-left: 15px; }

.product-img-box { padding-right: 15px; }

.product-view .product-shop, .product-img-box, .product-collateral, .product-view .block-related, .box-collateral { margin-bottom: 10px; }

.product-view { /* Set a min-height so that the floated elements break appropriately */ }
.product-view .add-to-box:after, .product-view .add-to-cart:after { content: ''; display: table; clear: both; }
.product-view .add-to-cart { padding-bottom: 3px; margin-bottom: 10px; border-bottom: 1px solid #CCCCCC; }
.product-view .add-to-cart .qty-wrapper, .product-view .product-options-bottom .price-box, .product-view .add-to-cart-buttons { min-height: 40px; }
.product-view .product-options-bottom .price-box, .product-view .add-to-cart .qty-wrapper, .product-view .add-to-cart-buttons .button, .product-view .add-to-cart-buttons .paypal-logo { margin-bottom: 10px; }
.product-view .add-to-cart .qty-wrapper, .product-view .add-to-cart .qty-wrapper label { margin-right: 7px; float: left; }
.product-view .add-to-cart .qty-wrapper label { line-height: 40px; }
.product-view .add-to-cart .qty-wrapper .qty { float: left; height: 40px; }
.product-view .add-to-cart-buttons { float: left; margin-right: 10px; max-width: 100%; }
.product-view .add-to-cart-buttons .paypal-logo { clear: left; text-align: center; }
.product-view .add-to-cart-buttons .paypal-logo .paypal-button { margin: 0 auto; display: block; width: 170px; }
.product-view .add-to-cart-buttons .paypal-logo .bml_button { display: block; width: 174px; margin: 0 auto; }
.product-view .add-to-cart-buttons .paypal-logo .bml_button a { text-align: center; }
.product-view .add-to-cart-buttons .paypal-logo .paypal-or { display: block; margin-bottom: 10px; margin-left: 0; margin-right: 0; line-height: 1; text-align: center; }
.product-view .add-to-cart-buttons .button { min-height: 40px; line-height: 40px; font-size: 16px; padding: 0px 30px; float: left; min-width: 160px; width: 100%; white-space: normal; }
.product-view .alert-price, .product-view .alert-stock { clear: both; }

@media only screen and (max-width: 479px) { .product-view .add-to-cart-buttons .paypal-or { line-height: 20px; }
  .product-view .add-to-cart-buttons .paypal-logo, .product-view .add-to-cart-buttons .paypal-or, .product-view .add-to-cart-buttons .paypal-button, .product-view .add-to-cart-buttons .button { text-align: center; width: 100%; display: block; margin-right: 0; margin-left: 0; float: none; } }
/* This is the "or" that separates the "Add to Cart" and "Add to X" links */
.add-to-box .or { display: none; }

.product-view .add-to-links { clear: both; margin-top: 0px; margin-right: 15px; float: left; }
.product-view .add-to-links:after { content: ''; display: table; clear: both; }
.product-view .add-to-links li { float: left; }
.product-view .add-to-links a { padding: 2px 7px 2px 0px; margin-left: 7px; border-right: 1px solid #CCCCCC; }
.product-view .add-to-links li:first-child a { margin-left: 0px; }
.product-view .add-to-links li:last-child a { border-right: 0px; }

.product-view .sharing-links { float: left; }
.product-view .sharing-links:after { content: ''; display: table; clear: both; }
.product-view .sharing-links li { float: left; padding: 0px 7px 7px; }
.product-view .sharing-links a { text-indent: -9999px; display: block; width: 26px; height: 26px; }
.product-view .sharing-links a:hover { opacity: 0.8; }
.product-view .sharing-links a.link-wishlist { background-position: 0px -225px; }
.product-view .sharing-links a.link-compare { background-position: 0px -250px; }
.product-view .sharing-links a.link-email-friend { background-position: 0px -322px; }
.product-view .sharing-links a.link-facebook { background-position: 0px -425px; }
.product-view .sharing-links a.link-twitter { background-position: 0px -372px; }

@media only screen and (max-width: 599px) { .add-to-box .add-to-links a { float: none; width: auto; text-indent: 0; } }
.product-collateral { clear: both; }

.collateral-tabs dd h2 { display: none; }

.box-collateral { clear: both; }

@media only screen and (min-width: 769px) { .product-collateral .toggle-tabs { display: block; width: 100%; position: relative; border: 1px solid #CCCCCC; background-color: #F4F4F4; }
  .product-collateral .toggle-tabs li { float: left; border-right: 1px solid transparent; border-left: 1px solid transparent; }
  .product-collateral .toggle-tabs li > span { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; display: inline-block; padding: 0 30px; height: 40px; line-height: 40px; cursor: pointer; text-transform: uppercase; font-size: 12px; position: relative; bottom: -1px; }
  .product-collateral .toggle-tabs li.current { border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }
  .product-collateral .toggle-tabs li.current > span { background-color: #FFFFFF; z-index: 5; }
  .product