/* ---[ LESS IMPORT ]------------------------------- */
/*
	Tablet and Desktop (Landscape and Portrait) - Permettre la vue mobile sur desktop
	Phone (Landscape and Portrait)
*/
/*Big Circle Iĉone*/
/*Landing (avec Corde) - Medium Circle Iĉone*/
/*Small Circle Iĉone*/
/*Advantage Icône*/
/* ---[ Media Qeries Mobile Device ]------------------------------- */
@media /*Tablet + Desktop (Landscape & Portrait)- Permettre la vue mobile sur desktop*/
 only screen and (-webkit-min-device-pixel-ratio: 1)   and (max-width: 700px), only screen and (      min--moz-device-pixel-ratio: 1)       and (max-width: 700px), only screen and (        -o-min-device-pixel-ratio: 1/1)     and (max-width: 700px), only screen and (           min-device-pixel-ratio: 1)       and (max-width: 700px), only screen and (                   min-resolution: 72dpi)   and (max-width: 700px), only screen and (                   min-resolution: 1dppx)   and (max-width: 700px), /* Phone (Landscape & Portrait)*/
 only screen and (-webkit-min-device-pixel-ratio: 2)       and (max-width: 700px), only screen and (      min--moz-device-pixel-ratio: 2)       and (max-width: 700px), only screen and (        -o-min-device-pixel-ratio: 2/1)     and (max-width: 700px), only screen and (           min-device-pixel-ratio: 2)       and (max-width: 700px), only screen and (                   min-resolution: 192dpi)  and (max-width: 700px), only screen and (                   min-resolution: 2dppx)   and (max-width: 700px) {
  .form-confirm {
    width: 100%;
  }
  .form-confirm .confirm-details-wrapper {
    width: 100%;
  }
  .form-confirm .form-confirm-container {
    padding: 15px 30px 15px 60px;
  }
  .btn-interface {
    background: #0090d2;
    border-bottom: 2px solid #005d95;
  }
  .btn-interface:hover,
  .btn-interface:focus,
  .btn-interface:active {
    background: #0090d2;
  }
  .btn-interface:active {
    -moz-box-shadow:  0px 0px 0px 0px transparent;
    -webkit-box-shadow:  0px 0px 0px 0px transparent;
    -o-box-shadow:  0px 0px 0px 0px transparent;
    box-shadow:  0px 0px 0px 0px transparent;
  }
  .buttonArea {
    margin-top: 30px;
  }
  .buttonArea a {
    text-align: center;
    padding-bottom: 15px;
    padding-top: 15px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    width: auto;
    display: block;
    margin-bottom: 2px;
  }
  .buttonArea .button-blue,
  .buttonArea .button-blue a {
    color: #FFF;
    background: #22619B;
    border-color: #1B4E7C;
  }
  .buttonArea .button-blue:hover,
  .buttonArea .button-blue a:hover {
    background: #1B4E7C;
  }
  .buttonArea .button-lightblue,
  .buttonArea .button-lightblue a {
    color: #61696E;
    background: #DFF2F9;
    border-color: #C2D2DB;
  }
  .buttonArea .button-lightblue:hover,
  .buttonArea .button-lightblue a:hover {
    background: #C9DAE0;
  }
  .ecom-button {
    padding-top: 13px;
    padding-bottom: 13px;
    -moz-box-shadow:  0px 0px 0px 0px transparent;
    -webkit-box-shadow:  0px 0px 0px 0px transparent;
    -o-box-shadow:  0px 0px 0px 0px transparent;
    box-shadow:  0px 0px 0px 0px transparent;
    border-bottom: 2px solid #7d002b;
    background: #de0844;
    font-size: 1.154em;
    display: block;
    text-align: center;
  }
  .ecom-button .ficon {
    right: 12px;
    font-size: 1.538em;
    position: absolute;
    top: 11px;
  }
  .ecom-button .icon.continue {
    top: auto;
  }
  .ecom-button:hover,
  .ecom-button:focus,
  .ecom-button:active {
    background: #de0844;
  }
  .ecom-button:active {
    -moz-box-shadow:  0px 0px 0px 0px transparent;
    -webkit-box-shadow:  0px 0px 0px 0px transparent;
    -o-box-shadow:  0px 0px 0px 0px transparent;
    box-shadow:  0px 0px 0px 0px transparent;
  }
  .ecom-button.cart .ecom-button-label {
    padding-left: 0;
  }
  .newsletter-icon {
    background: none;
    padding-left: 0;
  }
  .btn-cta {
    padding: 14px 10px;
    -moz-box-shadow:  0px 0px 0px 0px transparent;
    -webkit-box-shadow:  0px 0px 0px 0px transparent;
    -o-box-shadow:  0px 0px 0px 0px transparent;
    box-shadow:  0px 0px 0px 0px transparent;
    border-bottom: 2px solid #989898;
    background: #f3faff;
    margin-right: 0px;
  }
  .btn-cta:active {
    -moz-box-shadow:  0px 0px 0px 0px transparent;
    -webkit-box-shadow:  0px 0px 0px 0px transparent;
    -o-box-shadow:  0px 0px 0px 0px transparent;
    box-shadow:  0px 0px 0px 0px transparent;
  }
  #overlayChangePassword .changePasswordOverlay-form form .button-wrapper .input-wrapper .close {
    background: #0e2135;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 96%;
    padding: 15px 2%;
    text-align: center;
    font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif;
    /*&:active{
          .box-shadow(); 
      }*/
  
  }
  #overlayChangePassword .changePasswordOverlay-form form .button-wrapper .input-wrapper .close:hover,
  #overlayChangePassword .changePasswordOverlay-form form .button-wrapper .input-wrapper .close:focus {
    text-decoration: none;
    background: #0e2135;
  }
  #overlayChangePassword .changePasswordOverlay-form form .button-wrapper .input-wrapper .close,
  .btn-interface-4-corners-light {
    background: #f3faff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-top: 1px solid #8eceeb;
    width: 96%;
    padding: 15px 2%;
    text-align: center;
    font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif;
    /*&:active{
          .box-shadow(); 
      }*/
  
  }
  #overlayChangePassword .changePasswordOverlay-form form .button-wrapper .input-wrapper .close:hover,
  .btn-interface-4-corners-light:hover,
  #overlayChangePassword .changePasswordOverlay-form form .button-wrapper .input-wrapper .close:focus,
  .btn-interface-4-corners-light:focus {
    text-decoration: none;
    background: #f3faff;
  }
  .success-message {
    padding: 20px;
    border: 0;
    background: none;
  }
  .icon.success-msg {
    left: 50%;
    margin-left: -28px;
    font-size: 3.077em;
    color: #2fba28;
  }
  .icon.success-msg .ficon {
    top: 0;
    left: 0;
  }
  .success-title {
    margin-top: 42px;
    text-align: center;
  }
  .success-detail {
    text-align: center;
    margin-bottom: 20px;
  }
  .fn-send-to-another {
    background: #0090d2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-top: 1px solid #8eceeb;
    width: 96%;
    padding: 15px 2%;
    text-align: center;
    font-size: 1.154em;
    display: inline-block;
    color: #fff;
    font-family: "Humanist777BT-BoldB", Verdana, Arial, Sans-Serif;
    text-decoration: none;
    border-left: 1px solid #a0b6cc;
  }
  .fn-send-to-another:hover {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod�EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #0075c3 0%, #004c95 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0075c3), color-stop(100%, #004c95));
    background: -webkit-linear-gradient(top, #0075c3 0%, #004c95 100%);
    background: -o-linear-gradient(top, #0075c3 0%, #004c95 100%);
    background: -ms-linear-gradient(top, #0075c3 0%, #004c95 100%);
    background: linear-gradient(to bottom, #0075c3 0%, #004c95 100%);
    background: #0075c3 9;
  }
  .paper-shadow,
  .paper-shadow-left {
    display: none;
  }
  .form-error .form-error-container {
    padding: 8px;
  }
  .form-error .form-error-container .error-title {
    padding-bottom: 10px;
  }
  .form-error .form-error-container .error-details-wrapper {
    border-left: none;
  }
  .form-error .form-error-container .error-details-wrapper .error-details {
    padding-left: 4px;
    border-left: none;
  }
  #categories-landing .overlay-mask {
    margin-left: -12px;
    margin-right: -12px;
  }
  #categories-landing .spinner {
    left: 50%;
    margin-left: -30px !important;
    top: 250px;
  }
  .product-item a.product-preview:hover,
  .product-item a.product-preview:focus {
    -moz-box-shadow:  0px 0px 0px 0px transparent;
    -webkit-box-shadow:  0px 0px 0px 0px transparent;
    -o-box-shadow:  0px 0px 0px 0px transparent;
    box-shadow:  0px 0px 0px 0px transparent;
  }
  .product-item:hover a .product-item-description .product-name {
    text-decoration: none !important;
  }
  .overlay-mask,
  #exposeMask {
    top: -400px;
    left: -200px;
    right: -200px;
    bottom: -400px;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    position: fixed;
  }
  .opened-desktop-toggle-block .article-layout {
    display: none !important;
    height: 0 !important;
  }
  .opened-desktop-toggle-block.fn-content-expanded .article-layout {
    display: block !important;
    height: auto !important;
  }
  .indent-80 {
    margin-left: 0;
  }
  #categories-landing .error-title,
  #products-landing .error-title {
    padding-left: 60px;
  }
  .back-to-top-section {
    position: relative;
    z-index: 0;
  }
  .div-tabs {
    position: relative;
    z-index: 1;
  }
}
/*End media-queries-mobile*/
@media only screen and (max-width: 450px) {
  .buttonArea a {
    max-width: 100%;
  }
}