/* ----------------- */
/* ::: STYLE.CSS ::: */
/* ----------------- */

/* * * * * * * * * *
 * ::: SUMMARY ::: *
 * -----------------
 * search with =name
 *
 * 01 - Reset and clearing
 * 02 - Typography (global)
 * 03 - Layout
 * 04 - Forms
 * 05 - Header
 * 06 - Footer
 * 07 - Conditional Comments (only for header and footer)
 * 08 - Tablet (only for header and footer)
 * 09 - All mobile (only for header and footer)
 * 10 - Large mobile (only for header and footer)
 * 11 - Content (for all main content page)
 * ::: All specific content page have their own media queries and their own conditional comments ::: *
 * 12 - Home and Shp
 * 13 - Chat
 * 14 - Product list
 * 15 - Product content
 * 16 - Statics (page contact, newsletter, faq and cgv)
 * 17 - Basket (include empty basket and order-confirmation)
 * 18 - Checkout
 * 19 - Identify - Registration
 * 20 - Account (include subpage)
 * 21 - Icons hight resolution
 */

 /* ----------------------------------------- */
 /* ::: RESET (based on Eric Meyer's 2.0) ::: */
 /* ----------------------------------------- */
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td,
 article, aside, canvas, details, embed,
 figure, figcaption, footer, header, hgroup,
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
html { line-height: 1 }
ol, ul { list-style: none }
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
q, blockquote { quotes: none }
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}
a img { border: none }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block }

/* Clearing  */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before,.clearfix:after,
.row:before,.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.row:after, .clearfix:after { clear: both }
.row, .clearfix { zoom: 1 }
.clear {
  clear: both; display: block;
  overflow: hidden; visibility: hidden;
  width: 0; height: 0;
}

/* ------------------- */
/* ::: =TYPOGRAPHY ::: */
/* ------------------- */

html {
  font: normal 62.5%/1em "Interstate Regular", arial, "helvetica", sans-serif;
  color: #999999;
}
body {
    font-size: 1.3em;
}
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { line-height: 1em }
h1, h2, h3, h4, h5, h6 {
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  color: #333333;
}
h2 { font-size: 3.84615em }
h3 { font-size: 1.92308em }
h4 { font-size: 1.53846em }
a {
  color: #666666;
  text-decoration: none;
}
a:hover { text-decoration: underline }
sup {
  font-size: 0.6em;
  vertical-align: top;
}
strong, b { font-weight: bold }
em, i { font-style: italic }
.uppercase { text-transform: uppercase }

/* ::: PRICE ::: */
.price {
  font-size: 2.69231em;
  color: #46a7d6;
  vertical-align: bottom;
}
.price span {
  font-size: 0.65em; line-height: 0.75em;
  vertical-align: top;
  display: inline-block;
    font-size: 0.65em;
    line-height: 0.75em;
    padding-top: 4px;
}
.old-price span {
  font-size: 0.65em; line-height: 0.9em;
  vertical-align: top;
}

/* ::: BUTTON ::: */
.btn {
  position: relative;
  display: inline-block;
  margin-top: 12px;
  border: 5px solid #eeeeee;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.btn a,
.btn button {
  display: inline-block;
  border: 1px solid #1e2d42;
  font: 1em/18px "Interstate Bold", arial, "helvetica", sans-serif; letter-spacing: -0.1em;
  color: white; text-transform: uppercase; vertical-align: middle;
  cursor: pointer;
  background: #2d8bc6;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #45a6d5), color-stop(100%, #2d8bc6));
  background-image: -webkit-linear-gradient(#45a6d5, #2d8bc6);
  background-image: -moz-linear-gradient(#45a6d5, #2d8bc6);
  background-image: -o-linear-gradient(#45a6d5, #2d8bc6);
  background-image: linear-gradient(#45a6d5, #2d8bc6);
  -webkit-box-shadow: #0f62ab 0 -3px 0 inset;
  -moz-box-shadow: #0f62ab 0 -3px 0 inset;
  box-shadow: #0f62ab 0 -3px 0 inset;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.btn.back-grey a,
.btn.back-grey button {
  background: #969798;
  background: -moz-linear-gradient(top,  #969798 0%, #80878a 47%, #6d6e6e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969798), color-stop(47%,#80878a), color-stop(100%,#6d6e6e));
  background: -webkit-linear-gradient(top,  #969798 0%,#80878a 47%,#6d6e6e 100%);
  background: -o-linear-gradient(top,  #969798 0%,#80878a 47%,#6d6e6e 100%);
  background: -ms-linear-gradient(top,  #969798 0%,#80878a 47%,#6d6e6e 100%);
  background: linear-gradient(to bottom,  #969798 0%,#80878a 47%,#6d6e6e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969798', endColorstr='#6d6e6e',GradientType=0 );
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.btn.big.type-product a,
.btn.big.type-product button {
  padding: 18px 75px 18px 20px;
  font-size: 1.84615em;
}
.btn.big.type-product-smaller a,
.btn.big.type-product-smaller button {
  padding: 18px 75px 18px 20px;
  font-size: 1.53846em;
}
.btn.big.type-product span, .btn.big.type-product-smaller span {
  position: absolute;
  top: 8px;
  right: 20px;
  overflow: hidden;
  width: 40px;
  height: 42px;
}
.btn.big.type-product span img, .btn.big.type-product-smaller span img {
  position: absolute;
  left: -45px;
  top: 0;
  max-width: none;
}
.btn.medium a,
.btn.medium button {
  padding: 10px 15px 10px 43px;
  font-size: 1em;
  letter-spacing: -0.06em;
}
.btn.medium span {
  position: absolute;
  top: 50%;
  left: 12px;
  overflow: hidden;
  width: 26px;
  height: 22px;
  margin-top: -13px;
}
.btn.medium span img {
  position: absolute;
  max-width: none;
}
.btn.medium.type-product img, .btn.medium.type-product-smaller img {
  left: -140px;
  top: -8px;
}
.btn.medium.type-video img {
  left: -177px;
  top: -8px;
}
.btn.medium.type-expert img {
  left: -226px;
  top: -9px;
}
.btn.no-icon a,
.btn.no-icon button {
  padding: 11px 40px;
  font-size: 1.076923em;
}
.btn:hover a,
.btn:hover button,
.btn:active a,
.btn:active button {
  background: #46a7d6;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #46a7d6), color-stop(100%, #46a7d6));
  background-image: -webkit-linear-gradient(#46a7d6, #46a7d6);
  background-image: -moz-linear-gradient(#46a7d6, #46a7d6);
  background-image: -o-linear-gradient(#46a7d6, #46a7d6);
  background-image: linear-gradient(#46a7d6, #46a7d6);
  text-decoration: none;
}
.btn.back-grey:hover a,
.btn.back-grey:hover button,
.btn.back-grey:active a,
.btn.back-grey:active button { background: #80878a }
.dash {
  font-size: 18px !important;
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
}

.semi-column {
    overflow: hidden;
}
/* ::: HEADER ::: */
#preheader {
  font-family: "Interstate Regular", arial, "helvetica", sans-serif;
  letter-spacing: -0.01em;
}
#preheader a {
  font-size: 0.76923em;
  text-transform: uppercase;
}
header {
  font-family: "Interstate Regular", arial, "helvetica", sans-serif;
  letter-spacing: -0.06em;
  text-transform: uppercase;
}
header a {
  color: black;
  text-transform: uppercase;
  letter-spacing: -0.06em;
}
header .store,
header .identify,
header .newsletterlink {
  font-size: 0.76923em;
}
header .basket {
  font-size: 0.92308em;
}
header .basket a {
  font-size: 0.923077em;
  font-family: "Interstate Bold", arial, "helvetica", sans-serif !important;
}
header .navigation a {
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  font-size: 1.3em; color: white; letter-spacing: -0.1em;
  vertical-align: middle;
}
header .navigation a:hover {
  color: #333333;
  text-decoration: none;
}

/* ::: FOOTER ::: */
#prefooter { text-align: center }
#prefooter li > ul > li { font-size: 1.3em }
#prefooter h4,#prefooter h4  a {
  font-size: 20px;
  color: #46a7d6;
  text-transform: uppercase;
  margin-bottom: 5px;
  letter-spacing: -0.08em;
}
#prefooter h4 a:hover {
  text-decoration:none;
}
#prefooter .text,#prefooter .text a{
  height: 55px;
  font-family: "Interstate Light", arial, "helvetica", sans-serif;
  color: #666;
  letter-spacing: -0.02em;
}
#prefooter .text a:hover {
  text-decoration:none;
}
#prefooter .talk {
  font-family: arial, "helvetica", sans-serif;
  font-size: 13px;
}
#prefooter .talk a { color: #46a7d6 }
#sitemap { color: white }
#sitemap a { color: white }
#sitemap li {
  font-family: arial, "helvetica", sans-serif;
  font-size: 1em;
  line-height: 20px;
}
#sitemap h5 {
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  text-transform: uppercase;
  letter-spacing: -0.05em;
  font-size: 18px;
  color: white;
}
#sitemap .social span:first-child {
  font: 1.38462em "Interstate Bold", arial, "helvetica", sans-serif;
  text-transform: uppercase;
}
#colophon { font-family: arial, "helvetica", sans-serif }
#colophon span,
#colophon a {
  font-size: 1em;
  color: white;
}
#postfooter .post-sitemap li {
  font-family: arial, "helvetica", sans-serif;
  line-height: 1.8em;
}
#postfooter .post-sitemap li a:before { content: "> " }
#postfooter .post-sitemap li:first-child a:before { content: "" }
#postfooter .title a {
  color: #46a7d6;
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  font-size: 1.53846em;
  text-transform: uppercase;
}

/* ::: HOME MAIN::: */
#hightlight {
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  text-transform: uppercase;
  letter-spacing: -0.06em;
}
#hightlight .text {
  font-size: 1.92308em;
  color: #333333;
}
.home #main,
.shp #main { letter-spacing: -0.05em }
.home #main #content,
.shp #main #content { font-family: "Interstate Bold", arial, "helvetica", sans-serif }
.home #main #content .small-hight,
.shp #main #content .small-hight { text-transform: uppercase }
.home #main #content h3,
.shp #main #content h3 { margin-top: 20px }
#content .video span {
  height:200px;
  background-image:url(//media.salomon.com/front_res/natif_img/global/play.png);
  background-size:30% 47%
}
#content .video:hover span {
  background-image:url(//media.salomon.com/front_res/natif_img/global/play-hover.png);
}
.home #main #content .text,
.shp #main #content .text {
    font-size: 1.230769em;
    margin-top: 5px;
}
.home #main #content .expert,
.shp #main #content .expert {
    text-align: center;
    padding-left: 24%;
}
.home #content .expert .title,
.shp #content .expert .title {
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  font-size: 2.69231em;
  line-height: 1.05em;
  color: #333333;
}
#inspiration {
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  text-transform: uppercase;
  letter-spacing: -0.06em;
}
#inspiration > .title {
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  font-size: 2.69231em;
  color: #333333;
  text-align: center;
}
#inspiration p {
  font-size: 1.3em;
  color: #999999;
}
#inspiration p:not(.title) {
    line-height: 1.05em;
}
#inspiration p.small {
  font-size: 1.35em;
  color: #999999;
}
#inspiration li .title {
  font-size: 2.39231em;
  color: white;
}
#inspiration .inside p { color: #333333 }
#inspiration .inside .title {
  font-size: 1.92308em;
  color: #333333;
}

/* ::: PRODCUT LIST MAIN::: */
.page-list section { text-transform: uppercase }
.page-list section .title { text-align: center }
.page-list section .title h2 {
  font-size: 3.07692em;
  color: #666666;
}
.page-list section .title h2 span {
  display: inline-block;
  width: 20px; height: 20px;
  margin: 0 4px;
  background: url('//media.salomon.com/front_res/natif_img/global/hexagone.png') no-repeat center center;
}

.page-list section .more-text {
  text-align: left;
  line-height: 1.2em;
  text-transform: none;/*lowercase;*/
}
.page-list section .more-text:first-letter { text-transform: capitalize }
.page-list .list-product { text-align: center }
.page-list .list-product .infosProduit {
  font-size: 1.23077em;
  color: black;
}
.page-list .list-product .infosProduit .price { font-size: 25px }


/* -------------------------------------- */
/* ::: =LAYOUT (+ image and background) ::: */
/* -------------------------------------- */

#desktop { display: block }
#tablet { display: none }
#largeMobile { display: none }
#mobile { display: none }

img {
  max-width: 100%;
  height: auto;
}

.unstyled {
  display: inline-block;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.hidden-desktop,
.hidden-desktop-tablet { display: none }
.on { display: block }
.off {display: none }

/* ::: COLUMNS ::: */
.grid1, li.grid1 {
  width: 6.90104%;
  float: left;
  margin-left: 1.5625%;
}
.grid1:first-child, li.grid1:first-child {
  clear: left;
  margin-left: 0;
}
.grid2, li.grid2 {
  width: 15.36458%;
  float: left;
  margin-left: 1.5625%;
}
.grid2:first-child, li.grid2:first-child {
  clear: left;
  margin-left: 0;
}
.grid3, li.grid3 {
  width: 23.82813%;
  float: left;
  margin-left: 1.5625%;
}
.grid3:first-child, li.grid3:first-child {
  clear: left;
  margin-left: 0;
}
.grid4, li.grid4 {
  width: 32.29167%;
  float: left;
  margin-left: 1.5625%;
}
.grid4:first-child, li.grid4:first-child {
  clear: left;
  margin-left: 0;
}
.grid5, li.grid5 {
  width: 40.75521%;
  float: left;
  margin-left: 1.5625%;
}
.grid5:first-child, li.grid5:first-child {
  clear: left;
  margin-left: 0;
}
.grid6, li.grid6 {
  width: 49.21875%;
  float: left;
  margin-left: 1.5625%;
}
.grid6:first-child, li.grid6:first-child {
  clear: left;
  margin-left: 0;
}
.grid7, li.grid7 {
  width: 57.68229%;
  float: left;
  margin-left: 1.5625%;
}
.grid7:first-child, li.grid7:first-child {
  clear: left;
  margin-left: 0;
}
.grid8, li.grid8 {
  width: 66.14583%;
  float: left;
  margin-left: 1.5625%;
}
.grid8:first-child, li.grid8:first-child {
  clear: left;
  margin-left: 0;
}
.grid9, li.grid9 {
  width: 74.60938%;
  float: left;
  margin-left: 1.5625%;
}
.grid9:first-child, li.grid9:first-child {
  clear: left;
  margin-left: 0;
}
.grid10, li.grid10 {
  width: 83.07292%;
  float: left;
  margin-left: 1.5625%;
}
.grid10:first-child, li.grid10:first-child {
  clear: left;
  margin-left: 0;
}
.grid11, li.grid11 {
  width: 91.53646%;
  float: left;
  margin-left: 1.5625%;
}
.grid11:first-child, li.grid11:first-child {
  clear: left;
  margin-left: 0;
}
.grid12, li.grid12 {
  width: 100%;
  float: left;
  margin-left: 1.5625%;
}
.grid12:first-child, li.grid12:first-child {
  clear: left;
  margin-left: 0;
}

/* Add clear for list */
.grid2:nth-child(7) {
  clear: left;
  margin-left: 0;
}
.grid4:nth-child(4) {
  clear: left;
  margin-left: 0;
}
.grid6:nth-child(3) {
  clear: left;
  margin-left: 0;
}
.all {
  clear: left;
}
.all-pad {
  clear: left;
  padding: 0 15px;
}
.wrapper {
  position: relative;
  width: 990px;
  margin: 0 auto;
}
.main-background img {
  position: fixed;
  left: 50%;
  top: 0;
  z-index: -1;
  max-width: none;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  min-width: 100%;
}

.is-shop .main-background img {
  left: 50%!important;
}

/* ::: HEADER ::: */
#preheader {
  height: 23px;
  background: #eeeeee;
  border-bottom: 1px solid #c3c3c3;
}

header {
  position: relative;
  z-index: 3;
  height: 45px;
  background: white;
}

/* ::: FOOTER ::: */
#prefooter {
  clear: both;
  height: 180px;
  padding: 70px 0 40px;
  background: #fbfbfb url("//media.salomon.com/front_res/natif_img/global/hr.gif") repeat-x center top;
}
#prefooter .wrapper {
  display: inline-block;
  width: 960px;
}

footer {
  clear: left;
  padding-bottom: 60px;
  background: #7c5834 url("//media.salomon.com/front_res/natif_img/global/wood.png") repeat center bottom;
}

#sitemap {
  display: inline-block;
}
#sitemap > li {
  margin-top: 65px;
  margin-bottom: 55px;
}
#sitemap > li:nth-child(2) {
  margin-left: 0;
}
#sitemap #internal-links li {
  margin: 0;
}

#colophon {
  height: 60px;
  margin-top: -60px;
  background: rgba(0, 0, 0, 0.2);
}
#colophon .wrapper {
  width: 900px;
  padding: 24px 0;
  text-align: center;
}

/* ::: POSTFOOTER ::: */
#postfooter {
  display: none;
  padding: 25px 0 35px;
  background: white url("//media.salomon.com/front_res/natif_img/global/hr.gif") repeat-x center top;
}
#postfooter .post-sitemap {
  float: left;
  width: 18.75%;
  margin-left: 1.5625%;
}
#postfooter .post-sitemap:first-child {
  margin-left: 0;
}
.layer {
  display: none;
  position: absolute; left: 0; top: 0; z-index: 2;
  width: 100%; height: 100%;
  margin-top: 44px;
  background: rgba(0, 0, 0, 0.7);
}

/* ::: SPECIFIC MAIN LAYOUT ::: */

/* ::: HOME ::: */
#main  {
  min-height: 450px;
  margin-top: 120px;
}
#hightlight {
  position: relative;
  display: inline-block;
  width: 96%;
  margin-bottom: 41px;
  padding: 50px 2% 25px;
  background: white;
}
#hightlight .left {
  float: left;
  width: 36%;
  padding-left: 1.85%;
}
#hightlight .right {
  float: right;
  width: 62.15%;
}
#hightlight .right a {
  display: block; float: right;
  width: 100%;
}
.home #content,
.shp #content {
  margin-top: 40px;
}
#inspiration {
  overflow: hidden;
  width: 980px;
  padding: 0 5px 55px;
  background: white;
}
#inspiration > ul {
  padding-top: 50px;
  border-top: 1px solid #ccc;
  border-bottom: 15px solid #eee;
}
#inspiration > .title {
  display: inline-block;
  position: relative; left: 50%; top: 13px;
}
#inspiration > .title span {
  position: relative; left: -50%;
  padding: 0 15px;
  background: white;
}
.home #content,
.shp #content {
  padding: 15px;
  background: white;
}

/* ::: SHP ::: */
.shp #main {
  margin-top: 160px;
}

/* ::: PAGE LIST ::: */
.page-list #main {
  margin-top: 160px;
}

.page-list .product-list {
  width: 980px;
  margin-top: 15px;
  padding: 0 5px;
}

/* -------------- */
/* ::: =FORMS ::: */
/* -------------- */
textarea {
  overflow: auto;
}

/* Submit btn */
.subbut,form .btn input {
  background: #2d8bc6;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #45a6d5), color-stop(100%, #2d8bc6));
  background-image: -webkit-linear-gradient(#45a6d5, #2d8bc6);
  background-image: -moz-linear-gradient(#45a6d5, #2d8bc6);
  background-image: -o-linear-gradient(#45a6d5, #2d8bc6);
  background-image: linear-gradient(#45a6d5, #2d8bc6);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #2784c2;
  color: white;
  cursor: pointer;
  display: inline-block;
  text-transform: uppercase;
  vertical-align: middle;
  padding: 12px 8px 12px 57px;
  font:1.230769em/18px "Interstate Bold";
  position:relative;
  z-index:1;
}
.subbut:hover,form .btn input:hover,
form .btn:hover input{
  background: #46a7d6;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #46a7d6), color-stop(100%, #46a7d6));
  background-image: -webkit-linear-gradient(#46a7d6, #46a7d6);
  background-image: -moz-linear-gradient(#46a7d6, #46a7d6);
  background-image: -o-linear-gradient(#46a7d6, #46a7d6);
  background-image: linear-gradient(#46a7d6, #46a7d6);
  text-decoration: none;
}
.subbut img,form .btn img{
  position:absolute;
  z-index:2;
  top:50%;
  margin:-16px 0 0;
  left:15px;
  cursor:pointer;
}

.valid,
.validation-passed {
  background:url(//media.salomon.com/front_res/natif_img/icons/feedback-valid.png) 325px 45px no-repeat;
}
.error,
.validation-error,
.validation-failed{
  background:url(//media.salomon.com/front_res/natif_img/icons/feedback-error.png) 325px 45px no-repeat;
}
.onecheck.valid{
  background-position: 325px 17px;
}
.onecheck.error{
  background-position: 325px 19px;
}
.textarea.valid{
  background-position: 502px 137px;
}
.textarea.error{
  background-position: 502px 137px;
}
.item.error {
  padding-bottom: 15px;
}
.item .bubble{
  position:absolute;
  top:85px;
  left:0;
  color:#c41a1c;
  font: normal 0.923077em/15px arial, "helvetica", sans-serif;
  text-transform:inherit;
}

.item .formError {
  position:absolute;
}
.onecheck .bubble {
  top:48px;
}
.textarea .bubble {
  left:0;
  top:174px;
}
.item .validation-advice,
.item .error-msg {
  display: none; clear: both;
  margin-top: 8px;
  font: 0.923077em arial, "helvetica", sans-serif; color: #c80c0c;
}

.item.validation-error .validation-advice,
.item.validation-failed .validation-advice,
.item.validation-error .error-msg { display: block }

/*checkbox*/
.checkboxes input{
  display:inline-block; opacity:0;
  position: absolute; left: 4px; top: 4px;
  min-height: 20px;
  vertical-align:middle;
  margin:0; padding:0;
}
.checkboxes label{
  display:inline-block;
  vertical-align:middle;
  padding:0;
  margin:0 0 0 28px;
  color:#333;
  font:14px/31px arial, "helvetica", sans-serif;
}
.checkcontainer {
  position: relative;
  background:url(//media.salomon.com/front_res/natif_img/global/checkbox.png) no-repeat left top;
}
.checkcontainerChecked {
  background-position: 0 -180px;
}
/*radio*/
.radios input[type=radio] {
  position: absolute; left: 5px; top: 5px;
  display:inline-block; opacity:0; filter:alpha(opacity=0);
  margin:0; padding:0;
  vertical-align:middle;
}
.radios .radio-list > li {
  float: left;
}
.radios .radio-list label{
  display:inline-block;
  margin-left: 28px; padding: 0 22px 0 0;
  font: normal 1em/1.2em arial, "helvetica", sans-serif; color:#666; line-height: 22px;
}
.radios .radiocontainer {
  position: relative;
  min-height: 22px;
  background:url(//media.salomon.com/front_res/natif_img/global/radio.png) left top no-repeat;
}
.radios .radiocontainerChecked {
  background-position: left -99px;
}
/* Select */
.select {
  position: relative; overflow: visible; z-index: 0;
  cursor: pointer;
}

select option {
  max-width: 100%;
  border-right: 1px solid #ccc;
}

.ajaxSubmit {
font:1.32em/28px "Interstate bold", arial, "helvetica", sans-serif;
margin:15px 0;
color:#A6CE39;
background:url(//media.salomon.com/front_res/natif_img/icons/feedback-valid.png) 0 0 no-repeat;
padding-left:32px;
}

.checkout .valid,
.account .valid {
margin-bottom: 15px; padding: 1px 10px 5px 30px;
background: url('//media.salomon.com/front_res/natif_img/icons/feedback-valid.png') no-repeat left top;
color: #389c1d; line-height: 1em;
}

.checkout .error,
.account .error {
margin-bottom: 15px; padding: 1px 10px 5px 30px;
background: url('//media.salomon.com/front_res/natif_img/icons/feedback-error.png') no-repeat left top;
color: #c80c0c; line-height: 1em;
}

@media only screen and (max-width: 709px) {

#main form .item.error input,
#main form .item.error .selected,
#main form .validation-error .validation-failed,
#main form .validation-error .select .selected,
#main form .dob-day .validation-failed,
#main form .dob-month .validation-failed,
#main form .dob-year .validation-failed { border-color: #c80c0c }

}

@media only screen and (max-width: 509px) {

.radios .radio-list label { padding-right: 10px }

#main form .item > label {
float: none;
width: 100%;
}

#main form .input input,
#main form .input-box input {
float: left;
width: 94%;
padding: 0 3%;
}

}

/* --------------- */
/* ::: =HEADER ::: */
/* --------------- */
#preheader .logo {
  position: absolute; left: 0; top: 25px; overflow: hidden; z-index: 4;
  width: 58px; height: 37px;
  margin-left: 15px;
}
#preheader li {
  float: left;
  padding: 0 6px;
  line-height: 24px;
  text-transform: uppercase;
}
#preheader .current {
  color: #0D0D0D;
  background: white;
  border-bottom: 1px solid white;
}
#preheader .current a {
  font-size: 0.846154em;
  color: #0D0D0D;
}
header li.search .icon img {
  left: -31px;
  top: 0;
  max-width: 280%;
}
header li.store .icon img {
  left: 3px;
  top: 0;
  max-width: 230%;
}
header li.identify .icon img {
  left: -1px;
  top: 0;
  max-width: 280%;
}
header li.newsletterlink .icon img {
  left: 1px;
  top: 0;
  max-width: 280%;
}
header li.basket .icon img {
  left: 7px;
  top: 5px;
  max-width: 55%;
}
header li a {
  display: block;
  width: 32px; height: 32px;
  background: #eeeeee;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
header li a .icon {
  position: relative;
  overflow: hidden;
  width: 18px;
  height: 20px;
  margin: 6px 7px;
  background: #eeeeee;
}
header li a .icon img {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: none;
}
header .navigation {
  margin-top: 84px;
  height: 40px;
}
header .navigation ul {
  width: auto;
  overflow: hidden;
}
header .navigation .level2 > li {
  float: left;
  padding: 0 9px;
  background: black;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.08s ease-in;
  -moz-transition: all 0.08s ease-in;
  -o-transition: all 0.08s ease-in;
  transition: all 0.08s ease-in;
}
header .navigation .level2 > li:hover {
  background: white;
}
header .navigation .level2 > li:hover a {
  color: #333333;
}
header .navigation .level2 > li a {
  width: auto;
  height: 40px;
  line-height: 40px;
  color: white;
  background: transparent;
}
header .navigation .level2 > li .level3 > li {
  display: none;
}
header .navigation .link > a {
  display: none;
}
header .navigation li.current {
  background: white;
}
header .navigation li.current > a {
  color: #333333;
  background: white;
  border: 0;
}
header .navigation li.current .level3 {
  position: absolute;
  left: 0;
}
header .navigation li.current .level3 > li {
  display: block;
  float: left;
  padding: 0 3px;
  background: white;
}
header .navigation li.current .level3 > li a {
  height: 30px;
  line-height: 30px;
  margin: 5px 0;
  padding: 0 5px;
  color: #333333;
}
header .navigation li.current .level3 > li a:hover, header .navigation li.current .level3 > li a:active {
  background: #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
header .navigation li.current .level3 li.current a {
  color: white;
  background: #333333;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
header .search {
  position: absolute;
  right: 155px; top: 6px;
  padding-right: 7px;
}
header .search a {
  float: left;
}
header .search .link {
  display: none;
}
header .search .icon {
  float: left;
}
header .search a:hover,
header .search a:active {
  background: #46a7d6;
  text-decoration: none;
}
header .search a:hover .icon,
header .search a:active .icon {
  background: #46a7d6;
}
header .search a:hover .icon img,
header .search a:active .icon img {
  left: 0;
  top: 0;
}
header .search .searchLine {
  float: left;
  display: none;
  overflow: hidden;
}
header .search .searchLine input[type=text] {
  float: left;
  width: 0;
  height: 27px; line-height: 27px;
  padding-left: 6px;
  /*font-style: italic; Modif 2013/01/02 */
  font-size: 11px;
  border: 1px solid #eeeeee;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
header .search .searchLine input[type=submit] {
  width: 0;
  height: 31px;
  margin-left: -3px; padding: 0; /*add padding 0, Modif 2012/01/02 */
  border: 0;
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  font-size: 14px;
  color: #666666;
  cursor: pointer;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  appearance: field;
  background: url("//media.salomon.com/front_res/natif_img/icons/ok.png") no-repeat center center;
}
header .search .searchLine input[type=submit]:hover, header .search .searchLine input[type=submit]:active {
  background: url("//media.salomon.com/front_res/natif_img/icons/ok-hover.png") no-repeat center center;
}
header .store {
  position: absolute;
  right: 82px;
  top: -16px;
  font-weight: block;
}
header .store a {
  width: auto; height: 15px;
  padding-left: 10px;
  background: url("//media.salomon.com/front_res/natif_img/icons/mini-store.png") no-repeat left -1px;
  font-family: "Interstate Regular", arial, "helvetica", sans-serif; letter-spacing: 0.01em;
}
header .store .icon {
  display: none;
  margin: 0;
  padding: 6px 7px;
}
header .store .icon img {
  position: relative;
}
header .store:hover a .icon img, header .store:active a .icon img {
  left: -26px;
}
header .identify {
  position: absolute; right: 0; top: -17px;
}
header .identify a,
header .newsletterlink a {
  color: #666;
}
header .newsletterlink,.non-ecom header .identify {
  display:none;
}
.non-ecom header .newsletterlink {
  display:block;
  position: absolute;
  right: 0;
  top: -17px;
  font-weight: block;
}
header .identify:hover a .icon img, header .identify:active a .icon img,header .newsletterlink:hover a .icon img, header .newsletterlink:active a .icon img {
  left: -31px;
}
header .identify a,header .newsletterlink a {
  width: 75px;
  height: 15px;
}
header .identify .icon,header .newsletterlink .icon,
header #connectedLinks.identify #follow-order img {
  display: none;
}
header .identify .icon img,header .newsletterlink .icon img {
  position: relative;
}
header .basket {
  position: absolute;
  right: 0;
  top: 6px;
  padding-left: 7px;
  border-left: 1px solid #cccccc;
}
header .basket a {
  width: 145px;
  height: 31px;
  background: transparent;
  position:relative;
}
header .basket a .icon {
  width: 31px;
  height: 31px;
  margin: 0;
  float: left;
  background: #46a7d6;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
header .basket a .link {
  left: 30px;
  padding: 12px 0 0 7px;
  display: block;
  position: absolute;
  vertical-align: bottom;
  font: 12px "Interstate Bold", arial, "helvetica", sans-serif; color: #46A7D6;
}
header .basket a .link .number {
  font-weight: normal;
}
header .basket .number-mobile {
  display: none;
  position: absolute; right: 8px; bottom: 4px;
  width: 16px; height: 16px;
  background: white;
  border: 1px solid #46A7D6;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  font-weight: bold; line-height: 15px; color: #46A7D6; text-align: center;
}
header .basket:hover a, header .basket:active a {
  background: transparent;
}
header .basket:hover .link, header .basket:active .link {
  text-decoration: underline;
}

header.show-search .search:hover a,
header.show-search .search:active a {
  background: #eeeeee;
}
header.show-search .search:hover a .icon,
header.show-search .search:active a .icon {
  background: #eeeeee;
}
.non-ecom header .search {
  right: 0;
}
.non-ecom header .search > a {
  display: none;
}
.non-ecom header .search .searchLine {
  display: block;
  left: -1033px;
}
.non-ecom header .search .searchLine input[type=text] {
  width: 215px;
}
.non-ecom header .search .searchLine input[type=submit] {
  width: 34px;
}
.non-ecom header .basket {
  display: none;
}
.non-ecom header #follow-order {
  display: none;
}

.ecom header .store {
  right: 230px;
}
.ecom header .identify a {
  display: inline-block;
  width: auto; height: 15px;
  margin-left: 10px;
}

/* Identify open */
header #connectedLinks.identify.open #follow-order {
  display: block !important;
  height: 0;
}

header #connectedLinks.identify.open #follow-order img {
  display: block;
  margin: 4px 0 0 6px;
}
header #connectedLinks.identify > a > img { display: none }

header #connectedLinks.identify.open .icon { background: #46A7D6 }

header #connectedLinks.identify.open a { display: block; left: -31px }

header #connectedLinks.identify.open a .link {
  display: block !important;
  position: absolute; left: -112px; top: 50px;
  background: white;
}

header #connectedLinks.identify.open a .link span {
  display: block;
  width: 240px; height: 30px;
  margin: 0 15px; padding: 5px 0;
  background: url('//media.salomon.com/front_res/natif_img/global/arrow-gray.gif') no-repeat right center;
  font: 16px/30px "Interstate Bold", arial, "helvetica", sans-serif;
  color: #999; text-transform: uppercase;
}

header #connectedLinks.identify.open a:first-child .link {
  top: 90px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

header #connectedLinks.identify.open:hover a .link span { color: #999 }

header #connectedLinks.identify.open a:first-child .link span { border-top: 1px solid #e0e0e1 }

header #connectedLinks.identify.open a .link span:hover {
  color: black;
}

.upgrade-browser {
  position: fixed; left: 0; bottom: 0; z-index: 100;
  background: yellow;
  border-top: 1px solid black;
  color: black;
}

.upgrade-browser div {
  width: 990px;
  margin: 0 auto; padding: 10px;
}

.upgrade-browser a {
  color: black; text-decoration: underline;
}

    /* Reassurance */

.reassuranceBanner {
    box-sizing:border-box; display:table;
    padding:5px 10px; padding-top:8px; /* fix font line-height */
    background:#000; /* oldies */ background:rgba(0,0,0,0.7);
    text-transform:none; color:#fff; font-weight:bold;
}

.reassuranceBanner-item {
    display:table-cell; vertical-align:middle;
    text-align:center; padding:0 10px; line-height:1.2em;
}

.reassuranceBanner-item:last-child { text-align:right; }
.reassuranceBanner-item:first-child { text-align:left; }

.reassuranceBanner-item a { /* Clean existing */
    background:none; border-radius:0;
    display:inline; height:auto; width:auto;
    color:#fff; text-transform:none;
    text-decoration:underline;
}

.reassuranceBanner-item a:hover { text-decoration:none; }

.reassuranceBanner-item .noWrap { white-space:nowrap; }

@media only screen and (max-width: 989px) {
    .reassuranceBanner { display:none; }
}

/* --------------- */
/* ::: =FOOTER ::: */
/* --------------- */
#prefooter h3 {
  margin-bottom: 5px;
}
#prefooter ul > li > ul {
  padding: 0 5px;
}
#prefooter .dash {
  margin-top: 5px;
}
#prefooter .talk {
  margin: 10px 0 80px;
}

footer .title span {
  display: block;
  overflow: hidden;
  float: right;
  width: 22px;
  height: 28px;
  margin: -4px 2px 0 0;
}
footer .social a {
  position: relative;
  display: block;
  margin-top: 20px;
  padding-left: 47px;
  text-decoration: none;
}
footer .social span {
  display: block;
}
footer .social span:first-child {
  padding: 4px 0 10px;
}
footer .social span:first-child:hover {
  text-decoration: underline;
}
footer .social .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 41px;
  height: 41px;
  overflow: hidden;
}
footer .select {
  position: relative; z-index: 0;
  overflow: visible;
  width: 190px;
  margin-top: 15px;
}
footer .select select {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 22px;
  border: 0;
  opacity: 0;
}
footer .select select option {
  position: relative;
  display: block;
  z-index: 5;
  padding-top: 3px;
}
footer .select select option[selected=selected] {
  background: #eeeeee;
}
footer .select .selected {
  position: absolute;
  left: 0;
  top: 5px;
  z-index: 2;
  width: 100%;
  height: 22px;
  color: black;
  background: white url("//media.salomon.com/front_res/natif_img/global/select.png") no-repeat right center;
}
footer .select .selected img {
  vertical-align: middle;
  padding: 0 10px;
}
footer #sitemap li.country .flag {
  display: none;
}
#colophon li {
  display: inline;
}
#colophon li a,
#colophon li span {
  padding: 0 11px;
  border-left: 1px solid white;
}
#colophon li span {
  border: 0;
  margin-left: 0;
  padding-left: 0;
}
#colophon .link-product {
  position: relative;
}
#colophon .link-product span {
  display: none;
  position: absolute;
  right: 22px;
  bottom: -24px;
  margin: 0;
}

.non-ecom #prefooter {
  height: 8px;
  padding: 0;
}
.non-ecom #prefooter .wrapper {
  display: none;
}

/* ----------------------------- */
/* ::: =CONDITIONAL COMMENTS ::: */
/* ----------------------------- */

.lte9 .hidden-desktop-tablet {
  display: none;
}
.lte9 .fancybox-close {
  right: 0px;
  top: 5px;
  width: 92px;
  font-size: +fontEm(18);
  color: #ababab;
  text-transform: uppercase;
}

.lte10 footer .title span {
  margin-top: -5px;
}

/* ::: APPLE ::: */
.apple #hightlight.v3 .left {
  z-index: 2;
}
.apple #hightlight.v3 .right a img {
  position: relative;
  z-index: 0;
}

/* Pour Firefox */
@-moz-document url-prefix() {
  header .basket a {
   width: 135px;
  }
  header .search {
   right: 145px;
  }
}

/* --------------- */
/* ::: =TABLET ::: */
/* --------------- */

/* MEDIA QUERIES ONLY FOR HEADER AND FOOTER */

@media only screen and (min-width: 710px) and (max-width: 989px) {

  #desktop { display: none }
  #tablet { display: block }
  #largeMobile { display: none }
  #mobile { display: none }

  .hidden-tablet,
  .hidden-desktop-tablet,
  .hidden-mobile-tablet {
    display: none;
  }

.hidden-desktop {
 display: block;
}

#preheader a {
  font-size: 0.69231em;
}
#preheader li {
  padding: 0 15px;
}

.wrapper {
  position: relative;
  width: 710px;
  margin: 0 auto;
}

header .navigation .level2 > li {
    padding: 0 5px;
}

header .navigation a {
  font-size: 1.08em;
}

header .search,
header .store,
header .identify,
header .newsletterlink,
header .basket {
  width: 31px; height: 32px;
  padding-left: 7px;
  border-left: 1px solid #cccccc;
}
header .search a:hover,
header .search a:active,
header .store a:hover,
header .store a:active,
header .identify a:hover,
header .identify a:active,
header .newsletterlink a:hover,
header .newsletterlink a:active,
header .basket a:hover,
header .basket a:active {
  background: #46a7d6;
}
header .search a:hover .icon,
header .search a:active .icon,
header .store a:hover .icon,
header .store a:active .icon,
header .identify a:hover .icon,
header .identify a:active .icon,
header .newsletterlink a:hover .icon,
header .newsletterlink a:active .icon,
header .basket a:hover .icon,
header .basket a:active .icon {
  background: #46a7d6;
}
header .search .icon,
header .store .icon,
header .identify .icon,
header .newsletterlink .icon,
header .basket .icon {
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
header .search .link,
header .store .link,
header .identify .link,
header .newsletterlink .link,
header .basket .link,
header .identify.off #our-account {
  display: none;
}
header .search {
  right: 220px;
  border: 0;
}
header .search .searchLine input[type="submit"] {
  margin-left: 10px !important;
}
header .store {
  right: 179px;
  top: 6px;
}
header .store a {
  width: 32px;
  padding: 0;
  background: #eeeeee;
}
header .identify {
  right: 131px;
  top: 6px;
  height: 32px;
}
header .identify a {
  height: 32px;
  width: 32px;
}
header .identify a .icon {
  margin: 0;
  padding: 6px 7px;
}
header .newsletterlink {
  right: 131px;
  top: 6px;
}
header .newsletterlink a {
  height: 32px;
  width: 32px;
}
header .newsletterlink a .icon {
  margin: 0;
  padding: 10px 7px 2px;
}
header .basket {
  width: 115px;
}
header .basket .link {
  display: block;
  float: none;
  padding: 10px 0 0 39px;
}
header .basket a:hover,
header .basket a:active {
  background: transparent;
}

header #connectedLinks.identify.open #our-account { background: transparent }
header #connectedLinks.identify.open > a > img {
  display: block;
  margin-top: 24px;
}

#prefooter .wrapper {
  width: 680px;
}

footer {
  padding-bottom: 70px;
}
footer #sitemap li {
  line-height: 35px;
}
footer #sitemap li.country .title {
  margin-bottom: 15px;
}
footer #sitemap li.country li {
  line-height: 20px;
}
#colophon {
  height: 70px;
  margin-top: -70px;
}
#colophon .wrapper {
  width: 715px;
  padding-top: 22px;
}
#colophon ul li span,
#colophon ul li a {
  margin-top: 5px;
  margin-bottom: 5px;
}
#colophon ul li a {
  margin-left: 5px;
  padding-left: 5px;
}
#colophon ul li:first-child {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}
#colophon ul li:nth-child(2) a {
  margin-left: 0;
  padding-left: 0;
  border: none;
}
#colophon .link-product span {
  bottom: -14px;
}
#colophon {
  text-align: center;
}

#colophon li {
  float: none;
  display: inline;
}

#colophon li a, #colophon li span {
  font-size: 0.9em;
  display: inline-block;
}

#colophon ul li:first-child {
  bottom: 0;
  left: 0;
  position: relative;
  text-align: left;
  width: auto;
}

#colophon ul li:nth-child(2) {
  display: none;
}
.non-ecom header .search {
  right: 89px;
}
.non-ecom header .search a {
  display: block;
}
.non-ecom header .search .searchLine {
  display: none;
}
.non-ecom header .search .searchLine input[type="text"] {
  width: 0;
}
.non-ecom header .search .searchLine input[type="submit"] {
  width: 0;
}
.non-ecom header .identify {
  right: 0;
}
.non-ecom header .newsletterlink {
  right: 0;
  top:6px;
}
.non-ecom header .store {
  right: 48px;
}

.ecom #preheader .last {
  display: none;
}
.ecom header .identify a {
  margin-left: 0;
}
.ecom header .store {
  right: 179px;
}
.ecom header #follow-order {
  display: none;
}

#content .video span{
  height:142px;
}
}
/* ------------------- */
/* ::: =ALL MOBILE ::: */
/* ------------------- */

/* MEDIA QUERIES ONLY FOR HEADER AND FOOTER */

@media only screen and (max-width: 709px) {
  .hidden-mobile,
  .hidden-mobile-tablet,
  .hidden-mobile-desktop {
     display: none;
  }

  .hidden-desktop,
  .hidden-desktop-tablet {
   display: block;
  }

  #desktop { display: none }
  #tablet { display: none }
  #largeMobile { display: block }
  #mobile { display: block }

  /* ::: LAYOUT ::: */
  .wrapper,
  #main.wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
  #main .grid3,
  #main .grid4,
  #inspiration .grid3,
  #inspiration .grid4,
  footer .grid3,
  footer .grid4 {
    width: 100%;
    margin-left: none;
  }


  /* ::: HEADER ::: */
  #preheader {
    height: 0;
    border: 0;
  }
  #preheader .logo {
    left: 0;
    top: 0;
    width: 59px;
    height: 44px;
    margin: 0;
    background: white;
  }
  #preheader .logo a {
    width: 43px;
    height: 44px;
  }
  #preheader .logo img {
    position: absolute; left: 9px; top: 9px; bottom: auto;
    max-width: 75%;
  }

  header {
    height: 44px;
    background: #eeeeee;
  }
  header .wrapper {
    max-width: 510px;
    padding-left: 59px;
    z-index: 1;
  }

  /* ::: NAVIGATION ::: */

  header ul.all > li {
    position: relative !important;
    float: left;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: auto;
    height: auto;
    padding: 6px 0;
    background: #eeeeee;
    border: 0;
  }
  header ul.all > li > a {
    display: block;
    height: 32px;
    padding: 0 6px !important;
    border-left: 1px solid #cccccc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  header ul.all > li > a .link {
    display: none;
  }
  header ul.all > li > a .icon {
    display: block;
  }
  header .navigation {
    height: 44px !important;
    margin: 0;
    padding: 0 !important;
    background: #231f20;
  }
  header .navigation > ul > li {
    position: relative;
    float: none;
    display: none;
    width: 320px;
    margin-left: 0;
    padding: 0;
    background: #231f20;
    line-height: 40px;
  }
  header .navigation > ul > li a {
    display: block;
    height: 46px;
    margin: 0 12px;
    line-height: 46px;
    border-bottom: 1px solid #454244;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  header .navigation > ul > li:hover {
    background: #231f20;
  }
  header .navigation li:last-child {
    padding: 0;
  }
  header .navigation li.current {
    background: #231f20;
  }
  header .navigation li.current > a {
    color: white;
    background: #333333 !important;
    border-bottom: 1px solid #454244;
  }
  header .navigation li.current .level2 {
    display: none;
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    line-height: inherit;
  }
  header .navigation li.current .level2 li {
    height: auto;
    padding: 0;
    line-height: inherit;
    background: #333333;
  }
  header .navigation li.current .level2 li a {
    color: white;
    padding: 0 10px;
    height: 46px;
    line-height: 46px;
    margin: 0 12px;
    padding: 0 5px;
  }
  header .navigation li.current .level2 li a:hover, header .navigation li.current .level2 li a:active {
    background: #eeeeee !important;
    border-radius: 0 !important;
  }
  header .navigation li.current .level2 li:hover, header .navigation li.current .level2 li:active {
    background: #eeeeee !important;
    border-radius: 0 !important;
  }
  header .navigation li.current .level3 {
    position: relative;
    left: auto;
    width: 100%;
  }
  header .navigation li.current .level3 > li {
    display: none;
    float: none;
    background: #231f20;
    padding: 0 11px;
  }
  header .navigation li.current .level3 > li a {
    height: 40px;
    line-height: 40px;
    margin: 0 12px;
    padding: 0 5px;
    color: white;
    background: #231f20;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  header .navigation li.current .level3 > li a:hover, header .navigation li.current .level3 > li a:active {
    background: #231f20;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  header .navigation li.current .level3 > li.current a {
    background: #231f20 !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  header .navigation .level2 {
      position: absolute; left: 0; top: -500px; z-index: -1;
      -webkit-transition: all 0.1s ease-in;
      -moz-transition: all 0.1s ease-in;
      -o-transition: all 0.1s ease-in;
      transition: all 0.1s ease-in;
  }
  header .navigation .level2 > li {
    position: relative;
    display: block;
    float: none;
    width: 320px;
    padding: 0;
    background: #323232;
    text-align: left;
  }
  header .navigation .level2 > li > a {
    position: relative;
    height: auto; line-height: 26px;
    padding: 7px 40px 7px 20px;
    color: white !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  header .navigation .level2 > li > a span {
    position: absolute;
    left: auto;
    right: 13px;
    top: 10px;
    display: block;
    width: 20px;
    height: 20px;
  }
  header .navigation .level2 > li > a span img {
    width: 100%;
  }
  header .navigation .level2 > li:first-child a {
    border-bottom: 1px solid #454244;
  }
  header .navigation .level2 > li:last-child {
    padding: 0;
  }
  header .navigation .level2 > li:hover {
    background: #323232;
  }
  header .navigation ul {
      overflow: visible;
  }

  header .navigation .link {
    left: 0; top: 0;
    display: table;
    width: 100%;
    margin: 0 auto;
    color: white;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    background-size: 25px auto;
  }
  header .navigation .link:hover {
    background: #231f20;
    border: 0;
  }
  header .navigation .link:hover a {
    color: white !important;
  }
  header .navigation .link:active a {
   text-decoration: none;
  }
  header .navigation .link > a {
    display: table;
    position: relative;
    width: auto; height: 44px;
    margin: 0 auto; padding-left: 0;
    line-height: 44px;
    background: #231f20;
  }
  header .navigation .link > a span.close {
    position: absolute; left: 0; top: 3px;
    display: block;
    width: 20px; height: 20px;
  }
  header .navigation .link > a span img {
    width: 100%;
  }
  header .navigation .link > a {
    border: 0;
  }
  header .navigation .level3 {
    width: 100%;
  }
  header .navigation .level3 > li {
    display: none;
    float: none;
    width: 298px;
    padding: 0 11px;
    background: #231f20;
  }
  header .navigation .level3 > li a {
    position: relative;
    height: auto; line-height: 26px;
    padding: 7px 20px 7px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  header .navigation .level3 > li a span {
    position: absolute;
    left: auto;
    right: 6px;
    top: 8px;
    display: block;
    width: 7px;
    height: 12px;
  }
  header .navigation .level3 > li a span img {
    height: 100%;
  }
  header .navigation .level3 > li:last-child a {
    border: 0;
  }
  header .navigation .level3 > li:hover {
    background: #231f20;
  }
  header .navigation .level3 > li:hover a {
    background: #231f20;
  }
  header .search > a {
    border: none !important;
  }
  header .search > a .icon img {
    left: -31px;
    bottom: 2px;
  }
  header .searchLine {
    position: absolute;
    left: -118px;
    top: 44px;
    width: 280px;
    padding: 6px 17px;
    background: white;
  }
  header .searchLine input[type="submit"] {
    margin-left: 10px !important;
  }
  header .store > a {
    width: auto;
    background: none;
  }
  header .store > a .icon img {
    left: 4px;
  }
  header .identify { height: 32px}
  header .identify > a,header .newsletterlink > a {
    width: auto;
    height: 32px;
  }
  header .identify > a .icon {
    margin: 0;
    padding: 6px 7px 6px;
  }
  header .newsletterlink > a .icon {
    margin: 0;
    padding: 11px 7px 6px;
  }
  header .identify > a .icon img ,header .newsletterlink > a .icon img {
    left: -2px;
    top: -4px;
  }
  header .basket {
    background: #46a7d6 !important;
  }
  header .basket > a {
    width: auto;
    height: 32px;
    border: none !important;
  }
  header .basket .number-mobile {
    display: block;
  }
  .non-ecom header .newsletterlink { top: 0 }
  header .search:hover, header .search:active,
  header .store:hover,
  header .store:active,
  header .identify:hover,
  header .identify:active,
  header .newsletterlink:hover,
  header .newsletterlink:active {
    background: #46a7d6 !important;
  }
  header .search:hover a, header .search:active a,
  header .store:hover a,
  header .store:active a,
  header .newsletterlink:hover a,
  header .newsletterlink:active a,
  header .identify:hover a,
  header .identify:active a {
    background: #46a7d6 !important;
    border-color: #46a7d6;
  }
  header .search:hover a .icon, header .search:active a .icon,
  header .store:hover a .icon,
  header .store:active a .icon,
  header .newsletterlink:hover a .icon,
  header .newsletterlink:active a .icon,
  header .identify:hover a .icon,
  header .identify:active a .icon {
    background: #46a7d6 !important;
  }
  header.show-search {
    background: white;
  }
  header.show-search .search,
  header.show-search .search a,
  header.show-search .search a .icon {
    background: #eeeeee !important;
  }

  /* Menu identify */
  header #connectedLinks.identify.open #follow-order img,
  header #connectedLinks.identify #our-account { display: none }
  header #connectedLinks.identify.open #our-account { display: block }
  header #connectedLinks.identify.open a .link { left: -217px; top: 44px }
  header #connectedLinks.identify.open a:first-child .link { top: 84px }

  /* ::: PREFOOTER ::: */
  #prefooter {
    height: auto;
    padding: 35px 0 0;
  }
  #prefooter .wrapper {
    width: 90%;
    margin: 0 5%;
  }
  #prefooter .wrapper h4 {
    font-size: 14px;
  }
  #prefooter .wrapper .text {
    font-size: 0.92308em;
  }
  #prefooter .wrapper .talk {
    margin: 10px 0 40px;
  }

  /* ::: FOOTER ::: */
  footer {
    padding-bottom: 180px;
  }
  footer .wrapper {
    width: 290px;
    margin: 0 auto;
  }
  footer #sitemap{
    margin:26px 0 7px;
  }
  footer #sitemap > li {
    margin: 10px 0;
    cursor: pointer;
  }
  footer .select .selected{
    height:31px;
    line-height:31px;
  }
  footer .select {
    margin-top:5px;
  }
  footer #sitemap > li ul li {
    line-height: 40px;
  }
  footer #sitemap .hide-mobile li {
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition-property: height;
    -moz-transition-property: height;
    -o-transition-property: height;
    transition-property: height;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  footer #sitemap .title > .hide-mobile > li.open-menu {
    height: 40px;
    opacity: 1;
    overflow: visible;
  }
  footer #sitemap .title:hover > .hide-mobile > li .dash {
    display: none;
  }
  footer .dash {
    display: none;
  }
  footer .social {
    margin:-5px 0 8px !important;
  }
  footer .social h5 {
    display: none;
  }
  footer .social .submenu {
    /*display: inline-block;*/
    text-align: center;
  }
  footer .social .submenu li {
    /* float: left;
    display: block !important;
    width: 75px;
    margin-left: 15px; */
    display: inline-block;
    margin: 0 17px;
  }
  footer .social .submenu a {
    margin-top: 1px;
    width: 56px;
    padding: 0;
  }
  footer .social .submenu span { display: none }
  footer .social .submenu span.icon {
    display: block;
    width: 56px;
    height: 56px;
  }
  footer .country {
    clear: left;
    padding: 60px 0 40px !important;
  }
  footer .country .submenu { padding-top: 0 }
  footer .country .select { line-height: 25px !important }
  footer .country .select select { height: 30px }
  footer .country .select .selected { top: 7px }

  /* ::: COLOPHON ::: */
  #colophon {
    height: 180px;
    margin-top: -205px;
    padding: 15px 0 10px;
    border-top: 1px solid white;
  }
  #colophon .wrapper {
    width: 290px;
    margin: 0 auto;
  }
  #colophon .wrapper li {
    display: block;
    text-align: left;
  }
  #colophon .wrapper li:first-child {
    position: absolute; left: 0; bottom: 0;
    width: 100%;
    text-align: center;
  }
  #colophon .wrapper li a {
    margin: 4px 0 4px 0;
    padding-left: 0;
    line-height: 30px;
    border: none;
  }
  #colophon .wrapper li a:before {
    content: "> ";
  }
  #colophon .wrapper li span {
    line-height: 30px;
  }

  #postfooter {
    display: none;
  }

  .ecom header .store {
    right: auto;
  }
  .ecom header .identify a {
    margin-left: 0;
    height: 32px;
    display: block;
  }
  header .newsletter a {
    margin-left: 0;
    height: 32px;
    display: block;
  }
  .ecom #follow-order {
    display: none;
  }

  .non-ecom header .search a {
    display: block;
  }
  .non-ecom header .search .searchLine {
    display: none;
  }
  .non-ecom header .search .searchLine input[type="text"] {
    width: 0;
  }
  .non-ecom header .search .searchLine input[type="submit"] {
    width: 0;
  }

  #content .video span{
    width: 100%; height: 100%;
  }
  .btn.big.type-product a {
    font-size: 1.3em;
  }
} /* end 709 */

/* ::: EXTRA MEDIA QUERIES ::: */
@media only screen and (max-width: 510px) {

  header .navigation .link > a {
    display: table;
    width: 67px; height: 44px;
    margin: 0 auto; /*padding-top: 12px;*/
    font-size: 0.92308em; line-height: 1em;
  }

  header .navigation .link > a span.text {
    display: table-cell;
    position: relative; left: auto; top: auto;
    width: auto;
    vertical-align: middle;
  }

  header .navigation .link > a span.close { top: 10px }

  header li.search .icon img { top: 1px }

  header .identify > a .icon { padding: 11px 7px 1px }

  header .newsletterlink > a .icon { padding: 15px 7px 2px }

  header li.basket .icon img { top: 6px }
}
@media only screen and (max-width: 360px) {

  header .navigation .level2 {
    left: -59px;
  }

  /* Menu identify */
  header #connectedLinks.identify.open a .link { left: -225px }
}
@media only screen and (max-width: 320px) {

  header .navigation .level1 > li {
      margin-left: 0;
  }

  /* Menu identify */
  header #connectedLinks.identify.open a .link span {
    width: 273px;
    margin: 0 20px;
  }
  header #connectedLinks.identify.open a:first-child .link { top: 84px }
  .container-video .overlay > a {
      background: url("//media.salomon.com/front_res/natif_img/global/play2.png") no-repeat 30% 30%;
  }
  .container-video .overlay > a:hover {
      background: url("//media.salomon.com/front_res/natif_img/global/play2-hover.png") no-repeat 30% 30%;
  }
}

/* --------------------- */
/* ::: =LARGE MOBILE ::: */
/* --------------------- */

/* MEDIA QUERIES ONLY FOR HEADER AND FOOTER */
@media only screen and (min-width: 510px) and (max-width: 709px) {
  .wrapper,
  #main.wrapper {
     position: relative;
     width: 510px;
     margin: 0 auto;
  }

  header .wrapper {
   padding-left: 0;
  }
  header ul.all li.navigation {
    width: 300px;
  }
  header ul.all li.navigation > ul {
    margin-left: 59px;
  }
  header ul.all li.navigation > a > span {
    display: block;
    right: auto;
    left: 40px;
    top: 8px;
    width: 35px;
    height: 30px;
  }
  header ul.all li.navigation > a > span img {
    position: absolute;
    right: -9px;
    top: -5px;
    max-width: none;
  }
  header ul.all li.search a,
  header ul.all li.store a,
  header ul.all li.identify a,
  header ul.all li.basket a {
    height: 32px;
    padding: 0 10px !important;
  }
  header ul.all li.search .icon {
    margin: 0;
    padding: 6px 7px;
  }
  header ul.all li.search .icon img {
    left: -38px;
    bottom: auto;
    top: 5px;
    max-width: 215%;
  }
  header ul.all li.search a:hover .icon img,
  header ul.all li.search a:active .icon img {
    left: 5px;
  }
  header ul.all li.search .searchLine {
    left: -85px;
  }
  header ul.all li.store .icon img {
    left: 1px;
    top: -1px;
    max-width: 290%;
  }
  header ul.all li.store:hover .icon img, header ul.all li.store:active .icon img {
    left: -34px;
  }
  header ul.all li.identify .icon img,header ul.all li.newsletterlink .icon img {
    top: 0;
    max-width: 340%;
  }
  header ul.all li.identify:hover .icon img, header ul.all li.identify:active .icon img,header ul.all li.newsletterlink:hover .icon img, header ul.all li.newsletterlink:active .icon img {
    left: -40px;
  }

  .main-background.image_v2 img {
    height: 810px;
  }

  #prefooter .wrapper {
    width: 480px;
  }
} /* end large mobile */

@media only screen and (max-width: 510px) {

  #desktop { display: none }
  #tablet { display: none }
  #largeMobile { display: none }
  #mobile { display: block }

}
/* ---------------- */
/* ::: =CONTENT ::: */
/* ---------------- */

/* CONTENT STYLE FOR ALL CONTENT PAGE */

/* ::: FANCYBOX PLUGIN (for video and pop up) ::: */
.fancybox-type-iframe .fancybox-skin {
  padding-top: 40px !important;
}
.product-page .fancybox-inner {
	overflow:visible!important;
	}
.lte9 .fancybox-wrap { border: 2px solid black }

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-skin {
  background: white;
  color: #444444;
  margin: 0;
  padding: 0;
  position: relative;
  text-shadow: none;
}

.fancybox-close {
  background: none;
  right: 3px;
  top: 9px;
  width: 92px;
  font: 1.2507em "Interstate bold", arial, "helvetica", sans-serif;
  line-height: 20px;
  color: #ababab;
  text-transform: uppercase;
}
.fancybox-close:hover {
  color: #444; text-decoration: none;
}
.fancybox-close img {
  vertical-align: bottom;
  max-width: 22px;
}
.video span {
  background: url("//media.salomon.com/front_res/natif_img/global/play.png") no-repeat center center;
  background-size: 20% 42%;
  position: absolute;
  z-index: 4;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
}
.container-video {
  position: relative;
  /*width: auto;
  height: auto;*/
}
.container-video .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 99%;
}
.container-video .overlay > a {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("//media.salomon.com/front_res/natif_img/global/play2.png") no-repeat 50% 50%;
  cursor: pointer;
}
.container-video .overlay > a:hover {
  background: url("//media.salomon.com/front_res/natif_img/global/play2-hover.png") no-repeat 50% 50%;
}
/* ::: POPIN ::: */
.popin {
  display: none;
}
.popin .left {
  float: left;
  padding: 0 10px 10px 0;
  position:relative;
}
.popin div.left{
  width:48.5%;
  padding:0 3% 0 0;
}
#showSat1 a {
  text-decoration: none;
}
#showSat1 span.title {
  width:60%;
  border-bottom: 0 none;
  margin: 0 0 25px;
  padding: 2px 0 0;
}
#showSat1 span.title + p {
  width:100%;
  border-top: 10px solid #EEEEEE;
  margin: 5px 0 25px;
  padding: 25px 0 15px;
  border-bottom: 1px solid #EEEEEE;
  color: #666666;
}
#showSat1 span.title + p>strong {
  color: #444444;
}
#showSat1 > div {
  width:67%;
  text-align:left;
  float:left;
}
#showSat1 div.left {
  width:23%;
  margin-bottom: 25px;
}
#showSat1 .expert >strong{
  width:100%;
  display:inline-block;
  font-size:1.92307em;
  letter-spacing:-0.076em;
}
#showSat1 .expert >span{
  width:100%;
  display:inline-block;
  color: #666666;
}
#showSat1 .btn {
  margin-top: 0;
  border: 0 none;
}
#showSat2 a.uppercase,
#showSat2b a.uppercase,
#showSat3 a.uppercase,
#showSat4 a.uppercase
{
  text-align: center;
  color: #EEE;
  margin-top:15px;
  margin-bottom: 5px;
  padding-top:15px;
  border-top: 1px solid #EEEEEE;
}
#showSat2 a.uppercase strong,
#showSat2b a.uppercase strong,
#showSat3 a.uppercase strong,
#showSat4 a.uppercase strong
{
  color: #444;
}
#showSat3 .grey strong{
	line-height:1.3em;
	}
#showSat3 .grey p{
	margin: 0;
	}
.popin .rel{
  position:relative;
  float:left;
  width:48.5%;
}
.left p,.rel p{
  margin-top:15px;
}
#showSat4 img{
  position:relative;
  z-index:5;
}
#showSat4 a.uppercase{
  clear:both;
}
.popin .abs{
  position:absolute; left:0; top:0; z-index:10;
  width:57px; height:57px;
  margin-top:0;
  font:14px/16px "Interstate bold", arial, "helvetica", sans-serif;
  color:#999; text-align:center; text-transform:uppercase;
}
.popin .abs span{
  display:block;
  margin:4px 0 0;
}
.popin .abs .number{
  font-size:22px;
  line-height:22px;
  position:relative;
  top:6px;
}

.popin .clear {
  clear: both;
}
/* .popin strong {
  font-family: "Interstate Bold", arial;
} */
.popin .grey {
  margin-bottom: 10px;
  margin-top: 25px;
  padding: 10px 20px;
  background: #eeeeee;
}
.popin .title {
  display: block;
  width: 100%;
  margin: 5px 0 15px; padding: 2px 0 15px;
  border-bottom: 10px solid #eee;
  letter-spacing:-0.076em;
  font: 1.92307em/1em "Interstate bold", arial, "helvetica", sans-serif;
  color: #333333; text-transform: uppercase;
}
.popin p {
  font-family: arial, sans-serif;
  margin-bottom: 15px;
  line-height: 1.4em;
}
.popin > p.uppercase {
  clear: both;
  padding-top: 25px;
  border-top: 1px solid #eee;
  line-height: 1.2em;
}
.popin a {
  display: block;
  text-decoration: underline;
}

/* ::: EXTRA MEDIA QUERIES ::: */
@media only screen and (max-width: 510px) {

  .popin .left .left, .popin .rel .left { float: none }
  .popin .abs { margin: 0 }
  .left p, .rel p { margin-top: 0 }
  .video span { height: 75% }
}

@media only screen and (max-width: 360px) {

  /* .popin .abs{
    position:absolute; left:0; top:0; z-index:10;
    width:57px; height:57px;
    margin-top:0;
    font:14px/16px "Interstate bold", arial, "helvetica", sans-serif;
    color:#999; text-align:center; text-transform:uppercase;
  } */
  .video span { height: 80% }
}

/* ------------------------------------------------------------ */
/* ::: =HOME AND shp (content with their own media queries) ::: */
/* ------------------------------------------------------------ */

#hightlight {
  cursor: pointer;
  margin-bottom: 0;
}

/* Default hightlight */
#hightlight .left .inner > * {
  float: left; clear: left;
  margin-top: 15px;
}
#hightlight h2 {
  line-height: 0.9em; letter-spacing: -0.08em;
}
#hightlight .text {
  margin-top: 0 !important;
  line-height: 0.9em; letter-spacing: -0.05em;
}
#hightlight .price {
  margin: 0 0 22px 0 !important;
  line-height:1em;
}
/* #hightlight .left .btn.type-product-smaller.big {
  position: absolute; bottom: -70px;  left: 0;
} */
/* V2 hightlight */
#hightlight.v2 {
  padding-right: 13px; padding-left: 13px;
  background: transparent;
}
#hightlight.v2 .left {
  width: 75%;
  padding: 0;
}
#hightlight.v2 .left .inner {
  display: table-cell; vertical-align: bottom;
  height: 360px;
}

#hightlight.v2 .text{
  max-width:540px;
}
#hightlight.v2 h2 {
  font-size: 4.23077em;
  color: white;
}
#hightlight.v2 .text {
  color: white;
}

/* V3 hightlight */
#hightlight.v3 {
  width: 100%;
  padding: 0;
  background: transparent;
}

#hightlight.v3 .left {
  position: absolute; left: 10px; bottom: 30px; z-index: 2
}
#hightlight.v3 .left h2 {
  font-size: 4em;
  color: white;
  line-height: 0.8em;
}
#hightlight.v3 .left .text {
  margin: 0;
  color: white;
}
#hightlight.v3 .right {
  position: relative;
  z-index: 1;
  left: auto;
  bottom: auto;
  width: 100%;
  padding: 0;
}
#hightlight.v3 .right a {
  position: relative;
  display: block;
  width: 100%;
  min-height: 470px;
}
#hightlight.v3 .right a img {
  position: relative;
  z-index: -1;
}
#hightlight.v3:hover .video span {
  background-image: url("//media.salomon.com/front_res/natif_img/global/play-hover.png");
}

/* Content */
.home #content h2,
.shp #content h2 {
  margin: 20px 0 8px;
}
.home #content li,
.shp #content li {
  position: relative;
  min-height: 350px;
  margin-bottom: 40px;
  padding-bottom: 80px;
  background: #f6f6f6;
}
.home #content li > *,
.shp #content li > * {
  margin-left: 8px;
  margin-right: 8px;
}
.home #content li a:first-child,
.shp #content li a:first-child {
  margin-left: 0;
}
.home #content li > h3,
.shp #content li > h3 {
  letter-spacing: -0.07em;
}
.home #content li > .text,
.shp #content li > .text {
  line-height: 1.1em; letter-spacing: -0.05em; text-transform: uppercase;
}
.home #content li .btn,
.shp #content li .btn {
  position: absolute;
  left: 0;
  bottom: 15px;
}
.home #content .expert,
.shp #content .expert {
  clear: left;
  float: none;
  height: 200px;
  min-height: 202px;
  /*margin-left: 0;*/
  padding-top: 30px;
  background: transparent url("//media.salomon.com/front_res/natif_img/global/expert.png") no-repeat 35px bottom;
  border-bottom: 10px solid #eeeeee;
    padding-bottom: 30px;
}
.home #content .expert .title,
.home #content .expert p,
.shp #content .expert .title,
.shp #content .expert p {
  display: block;
  margin-left: 0;
}
.home #content .expert p,
.shp #content .expert p {
  margin-top: 30px;
  padding: 0 70px;
  font-family: "Interstate Light", arial, "helvetica", sans-serif;
  font-size: 1.53846em;
  text-align:center; /* ajout */
}
.home #content .expert .title,
.shp #content .expert .title {
  font-size: 2.65345em;
  color:#333;
  text-align:center;

}
.home #content .expert .btn,
.shp #content .expert .btn {
  line-height: 0;
  position: relative;
  margin-top: 30px;
  bottom: auto;
}
#inspiration .dash {
  font-size: 30px !important;
  font-weight: bold;
}
#inspiration ul li {
  position: relative;
  float: left;
}
#inspiration ul li img {
  max-width: none;
  width: 100%;
  height: 100%;
}
#inspiration ul li .inside {
  opacity: 0; filter:Alpha(opacity=0);
  position: absolute; left: 0; top: 0; bottom: 0; right: 0;
  padding: 30px 20px;
  background: yellow;
  -webkit-transition: all 0.08s ease-in;
  -moz-transition: all 0.08s ease-in;
  -o-transition: all 0.08s ease-in;
  transition: all 0.08s ease-in;
}
#inspiration ul li:hover .inside{
  opacity: 1; filter:Alpha(opacity=100)
}
#inspiration .block-1 {
  width: 32.56945%;
  height: 200px;
  margin: 0 0 1.14583% 1.14583%;
}
#inspiration .block-2 {
  width: 32.56945%;
  height: 411px;
  margin: 0 0 1.14583% 1.14583%;
}
#inspiration .block-3 {
  width: 66.28472%;
  height: 200px;
  margin: 0 0 1.14583% 1.14583%;
}
#inspiration .first {
  margin-left: 0;
}
#inspiration .fourth {
  margin-left: 0;
  background: #333333;
}
#inspiration .sixth {
  clear: left;
  margin: -211px 0 0 33.71528%;
}
#inspiration .seventh {
  display: none;
}
#inspiration .eighth {
  margin-left: 0;
}
#inspiration .ninth {
  margin-top: -211px;
}
#inspiration .text {
  padding: 30px 2%;
  width: 28.56945%;
  height: 351px;
}
#inspiration .block-1 .inside {
  height: 140px;
}
#inspiration .block-2 .inside {
  height: 351px;
}
#inspiration .block-3 .inside {
  height: 140px;
}

.shp #hightlight .text {
  width: 68.3%;
}
/* ::: TABLET ::: */

@media only screen and (max-width: 1024px) {

    #inspiration ul li .inside {
        display: none;
    }

    #inspiration ul li:hover .inside {
        display: block;
    }

    .no-touch #inspiration ul li .inside {
        display: block;
        opacity: 0; filter:Alpha(opacity=0);
        -webkit-transition: all 0.08s ease-in;
        -moz-transition: all 0.08s ease-in;
        -o-transition: all 0.08s ease-in;
        transition: all 0.08s ease-in;
    }
    .no-touch #inspiration ul li:hover .inside {
        opacity: 1;
        filter: Alpha(opacity=100)
    }
    .main-background img {
        max-height: 160%;
        min-height: 100%;
    }
}

@media only screen and (min-width: 710px) and (max-width: 989px) {
  #hightlight .left {
      width: 38.15%;
  }
  #hightlight .right {
      width: 60%;
  }
  #hightlight .text {
    margin-top: 10px;
    font-size: 1.42em;
  }
  #hightlight h2 {
    font-size: 3.38462em;
  }
  #hightlight .left .btn a { font-size: 1.3em }

  #hightlight.v3 .right a { min-height: 338px }

  #hightlight.v3 .left {
    z-index: 2;
    width: 50%;
  }
  #hightlight.v3 .left h2 {
    font-size: 3.46154em;
  }
  .home #content li,
  .shp #content li {
    min-height: 250px;
  }
  .home #content li h3,
  .shp #content li h3 {
    font-size: 1.61538em;
  }
  .home #main #content li .text,
  .shp #main #content li .text {
    font-size: 1em;
  }
  .home #content li .btn,
  .shp #content li .btn {
    bottom: 5px;
  }
  .home #main #content li > h2,
  .shp #main #content li > h2 {
      font-size: 1.82308em;
      margin-top: 15px;
  }
  .home #content .expert,
  .shp #content .expert {
    height: 220px;
    padding-top: 0;
  }
  .home #main #content .expert, .shp #main #content .expert {
      padding-left: 28%;
  }
  .home #content .expert .title,
  .shp #content .expert .title {
    font-size: 2.23077em;
    line-height:33px;
  }
  .home #content .expert p,
  .shp #content .expert p {
    padding: 0;
    font-size: 1.38462em;
    margin-top:20px;
  }
  #inspiration {
    width: 700px;
  }
  #inspiration > .title {
      font-size: 2.2em
  }
  #inspiration ul li {
    position: relative;
    float: left;
  }
  #inspiration ul li img{
    max-width: none;
    width: 100%;
    height: 100%;
  }
  #inspiration ul li .inside {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 20px 10px;
    background: yellow;
  }
  #inspiration ul li:hover .inside {
    display: block;
  }
  #inspiration .block-1 {
    width: 32.56945%;
    height: 148px;
    margin: 0 0 1.14583% 1.14583%;
  }
  #inspiration .block-2 {
    width: 32.56945%;
    height: 301px;
    margin: 0 0 1.14583% 1.14583%;
  }
  #inspiration .block-3 {
    width: 66.28472%;
    height: 145px;
    margin: 0 0 1.14583% 1.14583%;
  }
  #inspiration .first {
    margin-left: 0;
  }
  #inspiration .fourth {
    margin-left: 0;
    background: #333333;
  }
  #inspiration .sixth {
    clear: left;
    margin: -156px 0 0 33.71528%;
  }
  #inspiration .seventh {
    display: none;
  }
  #inspiration .eighth {
    margin-left: 0;
  }
  #inspiration .ninth {
    margin-top: -156px;
  }
  #inspiration .text {
    padding: 20px 2%;
    width: 28.56945%;
    height: 261px;
  }
  #inspiration .block-1 .inside {
    height: 108px;
    margin: 0;
  }
  #inspiration .block-2 .inside {
    height: 261px;
    margin: 0;
  }
  #inspiration .block-3 .inside {
    height: 105px;
    margin: 0;
  }
  #inspiration p {
    font-size: 1.07692em;
  }
  #inspiration p.small {
    font-size: 1em;
  }
  #inspiration li .title {
    font-size: 1.8em;
  }
  #inspiration .inside .title {
    font-size: 1.53846em;
  }
  .home #prefooter .talk,
  .shp #prefooter .talk {
    margin: 10px 0 29px;
  }
}
/* ::: SMALL TABLET ::: */
@media only screen and (min-width: 325px) and (max-width: 485px) {
	#inspiration .seventh {
		margin: 0 0 5px !important;
	}
}
/* ::: ALL MOBILE ::: */
@media only screen and (max-width: 709px) {

  .home .main-background.image_v2 img {
   top: 44px;
  }
  #main {
    margin-top: 0;
  }
  #hightlight .left {
    position: relative;
    left: auto;
    bottom: auto;
    float: none;
    width: 96.3%;
    padding: 0 1.85%;
  }
  #hightlight .left h2 {
    font-size: 2.53846em;
  }
  #hightlight.v3 .right a { min-height: 230px }
  #hightlight .text {
    font-size: 1.38462em;
    margin-top: 10px;
  }
  #main #hightlight {
    padding:0 2%;
    width:94%;
  }
  #main #hightlight .left h2,
  #main #hightlight .left .text {
    width:100%;
  }
  #hightlight .btn {
    margin: 5px 0 35px;
  }
  #hightlight .right {
    float: none;
    width: 100%!important;
  }
  #hightlight.v2 {
    background: transparent !important;
  }
  #hightlight.v2 .text {
    margin-top: 0;
  }
  #hightlight.v2 p {
    font-size: 1.38462em;
  }
  #hightlight.v3 {
    width: 92.3%;
    padding: 15px 1.85% 0;
  }
  #hightlight.v3 .left {
    position: relative; left: auto; bottom: auto;
  }
  #hightlight.v3 .left h2 { font-size: 3em }
  #hightlight.v3 .btn { margin-bottom: 0 }

  /* Content */
  .home #content,
  .shp #content {
    margin: 0 5px 40px; padding: 0;
  }
  .home #content li,
  .shp #content li {
    clear: left;
    display: inline-block;
    margin: 3% 4%;
    min-height: 0;
    padding: 15px 0;
    width: 92%;
}
  .home #content li > *,
  .shp #content li > * { position: relative }

  .home #content li:nth-child(n+4),
  .shp #content li:nth-child(n+4) {
    display: none;
  }
  .home #content li > a:first-child,
  .shp #content li > a:first-child {
    float: left;
    width: 40%;
    margin-right: 3%;
    margin-left: 3%;
  }
  .home #content li h3,
  .shp #content li h3 {
    margin-top: 0;
    font-size: 1.46154em;
  }
  .home #content li .btn,
  .shp #content li .btn {
    position: relative;
    bottom: auto;
      margin-left: 0;
  }
  .home #content .expert,
  .shp #content .expert {
    display: block !important;
    height: 200px;
    padding-top: 0;
    background-position: center bottom;
    text-align:center;
  }
  .home #main #content .expert, .shp #main #content .expert {
      padding-left: 28%;
      width: 64%;
  }
  .home #content .expert .title,
  .home #content .expert p,
  .shp #content .expert .title,
  .shp #content .expert p {
    text-align: center;
  }
  .home #content .expert .title,
  .shp #content .expert .title {
    font-size: 1.53846em;
    line-height:1em;
  }
  .home #content .expert p,
  .shp #content .expert p {
    margin-top: 15px;
    padding: 0;
    font-size: 1.07692em;
  }
  .home #content .expert .btn,
  .shp #content .expert .btn {
    margin-top: 20px;
  }
  #inspiration {
   width: auto; overflow: hidden;
   padding-top: 15px;
   padding-bottom: 15px;
   border: 0;
  }
  #inspiration > ul {
    padding-top: 35px;
  }
  #inspiration > .title {
   top: 10px;
   font-size: 1.46154em; line-height: 1em;
  }
  #inspiration ul li {
    position: relative;
    float: left;
  }
  #inspiration ul li img {
    max-width: none;
    width: 100%;
    height: 100%;
  }
  #inspiration ul li .inside {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px 4%;
    background: yellow;
  }
  #inspiration ul li:hover .inside {
    display: block;
  }
  #inspiration .block-1 {
    width: 32.56945%;
    height: 90px;
    margin: 0 0 1.14583% 1.14583%;
  }
  #inspiration .block-2 {
    width: 32.56945%;
    height: 185px;
    margin: 0 0 1.14583% 1.14583%;
  }
  #inspiration .block-3 {
    width: 66.28472%;
    height: 90px;
    margin: 0 0 1.14583% 1.14583%;
  }
  #inspiration .first {
    margin-left: 0;
  }
  #inspiration .fourth {
    margin-left: 0;
    background: #333333;
      width: 84%;
      height: auto;
  }
  #inspiration .sixth {
    clear: left;
    margin: -101px 0 0 33.71528%;
  }
  #inspiration .seventh {
    display: none;
  }
  #inspiration .eighth {
    margin-left: 0;
  }
  #inspiration .ninth{
    margin-top: -101px;
  }
  #inspiration .text {
    padding: 30px 8%;
  }
  #inspiration .block-1 .inside {
    width: 93%;
    height: 70px;
    margin: 0;
  }
  #inspiration .block-2 .inside {
    width: 93%;
    height: 171px;
    margin: 0;
  }
  #inspiration .block-3 .inside {
    width: 96%;
    height: 70px;
    margin: 0;
      padding-left: 2%;
      padding-right: 2%;
  }
  #inspiration > ul {
    border-bottom: none;
  }
  #inspiration .inside .title {
    font-size: 1.23077em;
  }
  #inspiration .inside p {
    font-size: 0.8em;
  }
  #inspiration img {
    max-width: none !important;
    height: auto !important;
  }
  #inspiration li {
    clear: left;
    overflow: hidden;
    margin: 0 0 8px 0 !important;
  }
  #inspiration .first,
  #inspiration .second,
  #inspiration .third {
    display: none;
  }
  #inspiration .fifth {
    width: 100%;
  }
  #inspiration .sixth {
    width: 49%;
  }
  #inspiration .seventh {
    display: block;
    width: 49%;
  }
  #inspiration .eighth{
    width: 100%;
  }
  #inspiration .ninth {
    clear: none;
    float: right;
    width: 49%;
    height: 188px;
    margin: -291px 0 15px 2% !important;
  }
  #inspiration .ninth .inside {
    height: 168px;
  }
  .shp #main {
    margin-top: 0;
  }
  .shp .expert {
    display: block;
  }
  .shp #content .btn.medium a {
    font-size: 0.84615em;
  }
  #hightlight {
      width: 98%;
      margin: 15px 1% 41px; padding: 25px 0;
  }
  #hightlight.v3 .left h2 {
    margin:8px 0;
  }
  #hightlight.v3 .left {
    padding: 0 0 0 1.85%;
    width: 96.3%;
  }
}
/* ::: LARGE MOBILE ::: */
@media only screen and (min-width: 510px) and (max-width: 709px) {

  #hightlight .left {
     padding: 0 28.15% 0 1.85%;
     width: 70%;
  }
  .home #content .expert {
   min-height: 220px;
  }
  .home #content .expert .btn {
    bottom: -45px;
  }
  #inspiration{
    width: 500px;
  }
  #inspiration ul li {
    position: relative;
    float: left;
  }
  #inspiration ul li img {
    max-width: none;
    width: 100%;
    height: 100%;
  }
  #inspiration ul li .inside {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 30px 10%;
    background: yellow;
  }
  #inspiration ul li:hover .inside {
    display: block;
  }
  #inspiration .block-1 {
    width: 32.56945%;
    height: 152px;
    margin: 0 0 1.14583% 1.14583%;
  }
  #inspiration .block-2 {
    width: 32.56945%;
    height: 315px;
    margin: 0 0 1.14583% 1.14583%;
  }
  #inspiration .block-3 {
    width: 66.28472%;
    height: 152px;
    margin: 0 0 1.14583% 1.14583%;
  }
  #inspiration .first {
    margin-left: 0;
  }
  #inspiration .fourth {
    margin-left: 0;
    background: #333333;
  }
  #inspiration .sixth {
    clear: left;
    margin: -163px 0 0 33.71528%;
  }
  #inspiration .seventh {
    display: none;
  }
  #inspiration .eighth {
    margin-left: 0;
  }
  #inspiration .ninth {
    margin-top: -163px;
  }
  #inspiration .text {
    padding: 30px 10%;
    width: 12.56945%;
    height: 255px;
  }
  #inspiration .block-1 .inside {
    width: 81%;
    height: 92px;
    margin: 0;
  }
  #inspiration .block-2 .inside {
    width: 81%;
    height: 255px;
    margin: 0;
  }
  #inspiration .block-3 .inside {
    width: 81%;
    height: 92px;
    margin: 0;
  }
  #inspiration li {
    margin: 0 0 10px 0 !important;
  }
  #inspiration .fourth {
    width: 80%;
  }
  #inspiration .fifth {
    width: 100%;
  }
  #inspiration .fifth .inside {
    width: 90%;
    padding: 15px 5% !important;
  }
  #inspiration .sixth {
    width: 49%;
  }
  #inspiration .seventh {
    display: block;
    width: 49%;
  }
  #inspiration .eighth {
    width: 100%;
  }
  #inspiration .eighth .inside{
    width: 90%;
    padding: 15px 5% !important;
  }
  #inspiration .ninth {
    width: 49%;
    margin: -486px 0 15px 2% !important;
  }
  #inspiration .ninth .inside {
    height: 284px !important;
    padding: 15px 10% !important;
  }
  #inspiration .inside {
    height: 122px !important;
    padding: 15px 10% !important;
  }
  #inspiration .inside p {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;
  }
}


/* :::EXTRA MEDIA QUERIES ::: */
@media only screen and (max-width: 510px) {

    #hightlight.v3 .video span {
      background-size: 100px 100px;
    }
    .home #main #content .expert .title,
    .shp #main #content .expert .title {
        font-size: 2.0em;
    }
}
@media only screen and (max-width: 360px) {

  #hightlight.v3 .right a {
    height: 170px; min-height: 170px;
  }
  #hightlight.v3 .video span {
    background-size: 60px 60px;
  }
  .home #main #content h3, .shp #main #content h3 { margin-top: 10px }
  .home #content li .text, .shp #content li .text {
    float: right;
    width: 55%;
    margin-left: 0;
  }
  .home #content li .btn, .shp #content li .btn { float: right }
  .home #content .expert .btn, .shp #content .expert .btn { float: none }
}
/* ::: MOBILE IPHONE ::: */
@media only screen and (min-width: 245px) and (max-width: 325px) {
	#inspiration .sixth {
		margin: 0 0 5px !important;
	}
	#inspiration .ninth {
		margin: -291px 0 7px 2% !important;
	}
}

/* ---------------------------------------------------- */
/* ::: =CHAT (content with their own media queries) ::: */
/* ---------------------------------------------------- */
.fancybox-close-chat{
  top:30px; right:10px;
  width:auto;

}

.fancybox-close-chat img{
  max-width: 25px;
  margin-right:4px;
}

#expertChat .content,
#expertPreChat .content{
  background:#f6f6f6;
  padding:20px;
}

#expertChat .title,
#expertPreChat .title{
  font-family:Interstate Bold;
  font-size:2.1em;
  line-height:1em;
  display:block;
  padding:0 0 5px 0;
  color:#333333;
  border:0;
  margin:0;
  text-transform:uppercase;
  letter-spacing:-0.075em;
}

#expertChatArea{
  background:#fff;
  border:1px solid #c5c5c5;
  padding:15px;
  height:145px;
  overflow:auto;
  -webkit-border-radius:3px;
  -chrome-border-radius:3px;
  -khtml-border-radius:3px;
  -moz-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
}

#expertChatArea .chat-q,
#expertChatArea .chat-a{
  font-family: "Interstate Regular", arial, "helvetica", sans-serif;
  font-size:1em;
  color:#666;
  line-height:1.2em;
  padding:0 0 12px 0;
}

#expertChatArea .chat-q{ color:#666666; }
#expertChatArea .chat-a{ color:#3b9ace; }

#expertChatArea .chat-q strong,
#expertChatArea .chat-a strong{ font-family: "Interstate Bold", arial, "helvetica", sans-serif; font-weight:normal; }

#expertChat form{
  display:block;
  padding:10px 0 0 0;
  position:relative;
}

#expertChat form input[type=text]{
  display:block;
  background:#fff;
  border:1px solid #c5c5c5;
  padding: 11px 2%;
  font-family: "Interstate Regular", arial, "helvetica", sans-serif;
  font-style: italic;
  font-size:1em;
  color:#666;
  width:96%;
  -webkit-border-radius:3px;
  -chrome-border-radius:3px;
  -khtml-border-radius:3px;
  -moz-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
}

#expertChat form input[type=text]:focus{
  font-style: normal;
}

#expertChat form .btn{
  position:absolute;
  top:17px;
  right:3px;
  margin:0;
  border:0;
}

#expertChat form .btn a{
  padding:5px 14px;
  text-transform:uppercase;
  text-decoration:none;
  font-size:1.2em;
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  border-color:#46a7d6;
  webkit-box-shadow:none;
  -chrome-box-shadow:none;
  -khtml-box-shadow:none;
  -moz-box-shadow:none;
  -ms-box-shadow:none;
  -o-box-shadow:none;
  box-shadow:none;
  -webkit-border-radius:4px;
  -chrome-border-radius:4px;
  -khtml-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
}

#expertPreChat .element {
  float: left;
  width: 46%;
  padding-left: 4%;
  font-family: Arial, Helvetica, sans-serif;
}

#expertPreChat .element:nth-child(odd) {
  padding: 0 4% 0 0;
}

#expertPreChat label {
  display: block;
  margin: 20px 0 8px;
  font-size: 1.076923em;
  font-weight: bold;
}

#expertPreChat .blue {
  color: #43a3d4;
}

#expertPreChat input,
#expertPreChat select,
#expertPreChat .select .selected {
  display:block;
  width: 90%; height: 36px;
  padding: 0 5%; line-height: 36px;
  background:#fff; border:1px solid #c5c5c5;
  color:#666;
  -webkit-border-radius:3px;
  -chrome-border-radius:3px;
  -khtml-border-radius:3px;
  -moz-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
}

#expertPreChat .select,
#expertPreChat select {
  position: relative;
  width: 100% !important; height: 36px;
}

#expertPreChat .select .selected {
  position: absolute; left: 0; top: 0; z-index: 2;
  background: white url("//media.salomon.com/front_res/natif_img/global/select-chat.jpg") no-repeat right center;
}

#expertPreChat .compulsory {
  clear: left; float: left;
  margin-top: 60px;
}

#expertPreChat .btn {
  margin: 30px 0 10px -94px;
}

#expertPreChat .btn span {
  top: 7px;
  width: 42px; height: 30px;
}

#expertPreChat .btn a {
  padding: 12px 15px 12px 70px;
  font-family: "Interstate Bold", arial, "helvetica", sans-serif; text-decoration: none;
}

@-moz-document url-prefix() {
  #expertChat form input[type=text]{
     padding: 11px 10px;
     width:95%;
  }
  #expertPreChat input {
   width: 88%;
   padding: 0 12px;
  }
  #expertChat form .btn{
    top: 14px;
  }
}

@media only screen and (max-width: 360px) {

  .shp .fancybox-close {
     display: none;
  }

  #expertPreChat .element {
   float: none;
   width: 100%;
   padding-left: 0;
  }

  #expertPreChat .select {
    width: 93%;
  }

  #expertPreChat .btn {
   margin: 30px 0 10px 0;
  }

  #expertPreChat .btn span {
   display: none;
  }

  #expertPreChat .btn a {
    padding: 12px 15px;
  }
}



/* ------------------------------------------------------------ */
/* ::: =PRODUCT LIST (content with their own media queries) ::: */
/* ------------------------------------------------------------ */
.non-ecom .price,
.non-ecom .nonvendable { display: none !important }

.ecom .nonvendable { display: none }

.nonvendable.show { display: block }

.page-list .hidden {
  display: none;
}
.page-list #main #menu {
  display: inline-block;
  width: 100%;
  margin-bottom: -2px;
  background: white;
  border-bottom: 2px solid #bfc2c6;
}
.page-list #main #menu .menu-product {
  width: 670px;
}
.page-list #main #menu .menu-product ul {
  float: left;
}
.page-list #main #menu .menu-gender {
  float: right;
  width: 300;
  margin-left: 20px;
}
.page-list #main #menu .menu-gender ul {
  float: right;
}
.page-list #main #menu .select ul,
.page-list #main #menu .list ul {
  padding: 5px 10px 8px;
}
.page-list #main #menu .select ul li,
.page-list #main #menu .list ul li {
  float: left;
  margin: 5px 2px;
  font-size: 1.38462em;
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  letter-spacing: -0.06em;
}
.page-list #main #menu .select ul li a,
.page-list #main #menu .list ul li a {
  padding: 5px 6px;
  background: url('//media.salomon.com/front_res/natif_img/global/liceret.gif') repeat-x center 26px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font: 1.3/1em "Interstate Bold", arial, "helvetica", sans-serif;
  color: #999; letter-spacing:-0.06em; text-transform: uppercase;
}
.page-list #main #menu .select ul li a:hover,
.page-list #main #menu .list ul li a:hover {
  background-position: center -14px;
  color: black;
  text-decoration: none;
}

#prod-nav .wrap > a:hover {
  background-position: center -22px;
  color: black;
  text-decoration: none;
}
.page-list #main #menu .select ul li a.current,
.page-list #main #menu .list ul li a.current {
  background: #f6f6f6;
  border: 1px solid #e5e5e5;
  color: black;
  text-decoration: none;
}
.page-list #main #menu .select .selected,
.page-list #main #menu .list .selected {
  display: none;
}
.page-list #main #menu .btn {
  display: none; visibility: hidden;
}
.page-list #main #menu.fixed {
  position: fixed; left: 0; top: 0; z-index: 15;
  width: 100%;
  background: url("//media.salomon.com/front_res/natif_img/global/back-menu-fixed.png") repeat;
  border-bottom: none;
}
.page-list #main #menu.fixed .inner {
  width: 990px;
  margin: 0 auto;
}
.page-list #main #menu.fixed .menu-gender {
  display: none;
}
.page-list #main #menu.fixed .btn.medium {
  display: block; visibility: visible;
  float: right;
  margin-right: 10px;
  background: none; border: 0;
}
.page-list #main #menu.fixed .btn.medium a {
  padding: 5px 15px 5px 43px;
}
.page-list #main #menu.fixed .btn.medium span {
  top: 3px;
  height: 22px;
}
.result-search #main #menu.fixed .menu-filter { float: left }

.page-list section {
  position: relative;
  overflow: visible;
  width: 100%;
  padding-bottom: 100px;
  background: white;
}
.page-list section .title {
  overflow: hidden;
}
.page-list section .title h2 {
  padding: 30px 0 60px;
  background: url("//media.salomon.com/front_res/natif_img/global/title.gif") repeat center center;
}
.page-list section figure.border {
  display: block;
  width: 0;
  height: 0;
  margin-top: -40px;
  border-left: 495px solid white;
  border-right: 495px solid white;
  border-top: 40px inset transparent;
}
.page-list section .more {
  position: relative;
  z-index: 1;
  margin: -30px auto 65px;
  background: transparent;
  text-align: center;
}
.page-list section .more strong {
  display: inline-block;
  height: 20px;
  padding: 8px 10px 0 30px;
  background: transparent url("//media.salomon.com/front_res/natif_img/icons/question-mark.png") no-repeat 8px 6px;
  color: #999999;
}
.page-list section .more strong.cross {
  background: url("//media.salomon.com/front_res/natif_img/icons/black-cross.png") no-repeat scroll 8px 6px;
  background-size: 20px 20px;
}
.page-list section .more .more-text {
  display: none;
  position: absolute;
  width: 420px;
  left: 50%; padding: 20px;
  background: yellow;
  font-size: 0.85em; color: #333;
  margin-left: -230px;
}

.page-list .has-sub-category .title h2 {
  padding: 20px 0 50x;
}
.page-list .has-sub-category .sub-category {
  margin-top: 40px !important;
  padding: 20px 0 55px;
  background: white;
  border-top: 1px solid #CCC;
}
.page-list .has-sub-category .sub-category .subtitle {
  display: inline-block;
  position: relative; left: 50%; top: -32px;
  text-align: center;
}
.page-list .has-sub-category .sub-category .subtitle h3 {
  position: relative; left: -50%;
  padding: 0 15px;
  font-size: 1.92308em;
  background: white;
}
.page-list .has-sub-category .sub-category .more {
  margin: -33px auto 50px;
}
.page-list .has-sub-category .sub-category .more strong {
  padding: 8px 10px 0 30px;
}

/* Product list */
.page-list .product-list {
  width: auto;
}
.page-list .product-list .product {
  position: relative;
  float: left;
  width: 25%;
  text-align: center;
}
.page-list .product-list .product .inner {
  padding: 5px;
}
.page-list .product-list .product .infos {
  padding: 10px;
  background: white;
}
.page-list .product-list .product .conteneurImageProduit {
  position: relative;
  display: block;
  margin-bottom: 20px;
}
.page-list .product-list .product .conteneurImageProduit img {
  /*max-height: 100%;*/
  -webkit-transition:-webkit-filter 0.4s ease-in-out;
}

.page-list .product-list .product .conteneurImageProduit img.grayscale {
   -webkit-filter: grayscale(0.9);
}

.page-list .product-list .product .conteneurImageProduit.center {
  text-align: center;
}
.page-list .product-list .product .conteneurImageProduit.center img {
  position: relative;
  bottom: auto;
}
.page-list .product-list .product .couleurs {
  display: inline-block;
  margin: 0 auto 10px;
  max-width: 182px;
}
.page-list .product-list .product .couleurs a {
  display: block;
  float: left;
  width: 22px;
  height: 22px;
  margin: 1px 1px 1px 2px;
  margin-left: 3px;
}
.page-list .product-list .product .couleurs a:first-child {
  margin-left: 0;
}
.page-list .product-list .product .couleurs a.active {
  margin: 0 0 0 1px;
  border: 1px solid black;
}
.page-list .product-list .product .couleurs a img {
  overflow: hidden;
  width: 20px;
  height: 20px;
  padding: 1px;
}
.page-list .product-list .product .infosProduit {
  clear: left;
  font-family: arial, "helvetica", sans-serif;
  font-size: 1.23077em;
  line-height: 1.2em;
  color: black;
  text-transform: uppercase;
}
.page-list .product-list .product .infosProduit h4{
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
}
.page-list .product-list .product .infosProduit .category {
  display: block;
  font-size: 1em;
  text-transform: lowercase;
}
.page-list .product-list .product .infosProduit .category:first-letter {
  text-transform: uppercase;
}
.page-list .product-list .product .infosProduit .price {
  clear: left;
  display: block;
  margin-top: 15px;
  font-size: 25px;
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
}
.page-list .product-list .product .infosProduit.old-price-block .nomProduit {
  margin-bottom: 5px;
}
.page-list .product-list .product .infosProduit.old-price-block .price {
  margin-top: 5px;
}
.page-list .product-list .product .infosProduit.old-price-block .old-price {
  position: relative;
  font: 1.05em "Interstate Bold", arial, "helvetica", sans-serif; color: #999;
  line-height: 1em; letter-spacing: -0.05em; text-align: center;
}
.page-list .product-list .product .infosProduit.old-price-block .old-price img {
    position: absolute; left: 0; top: 0;
    width: 100%; height: 100%;
}
.page-list .product-list .product .tailles {
  display: inline-block;
  padding:10px 0 20px;
}
.page-list .product-list .product .tailles .taille .line {
  background: url("//media.salomon.com/front_res/natif_img/global/taille_trame.gif") repeat center top;
}
.page-list .product-list .product .tailles .taille .line span {
  display: inline-block;
  padding: 6px 5px;
  color: black;
}
.page-list .product-list .product .tailles .taille .line span.out {
  color: #999999;
}
.page-list .product-list .product .tailles .taille .msg {
  padding-top: 5px;
  font-size: 11px;
  font-style: italic;
  text-transform: lowercase;
  color: #333333;
}
.page-list .product-list .product .tailles .taille .msg:first-letter {
  text-transform: capitalize;
}
.page-list .product-list .product .tailles .taille .msg span {
  color: #999999;
}
.page-list .product-list .product .infosHover {
  display: none;
  position: absolute; right: 0; top: 0; z-index: 2;
  width: 160px;
  padding: 4% 16px;
  background: yellow;
  text-align: left; letter-spacing: 0;
  -webkit-transition: background 0.2s ease-out;
  -moz-transition: background 0.2s ease-out;
  -ms-transition: background 0.2s ease-out;
  -o-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;

}
.page-list .product-list .product .infosHover .close {
  display: block;
  position: absolute;
  right: 3%;
  top: 6px;
  color: black;
  line-height: 20px;
}
.page-list .product-list .product .infosHover .close img {
  position: absolute; left: -22px; top: -2px;
  width: 20px;
}
.page-list .product-list .product .infosHover .titre {
  margin-top: 5px; padding: 8px 0;
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  color: #46a7d6;
  border-bottom: 1px solid #333333;
}
.page-list .product-list .product .infosHover .but {
  padding: 5px 0;
  border-bottom: 1px solid #333333;
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  color: #333333;
  text-transform: lowercase;
}
.page-list .product-list .product .infosHover .but:first-letter {
  text-transform: capitalize;
}
.page-list .product-list .product .infosHover .text {
  margin-top: 18px;
  font-family: arial, sans-serif;
  color: #333333;
  line-height: 16px;
  text-transform: none;
}
.page-list .product-list .product .infosHover .text:first-letter {
  text-transform: capitalize;
}
.page-list .product-list .product .infosHover .nonvendable {
  margin: 12px 18px 10px 0; padding: 10px 0;
  border-top: 1px solid #666666; border-bottom: 1px solid #666666;
  text-transform: lowercase; color: black;
}
.page-list .product-list .product .infosHover .nonvendable:first-letter {
  text-transform: capitalize;
}
.page-list .product-list .product .infosHover .btn {
  margin-top:5px !important;
}
.page-list .product-list .product .infosHover .btn a {
  padding: 10px 5px 10px 35px;
}

/* Only online exclu */

/*.product-list .product:hover .eoutlet, .product-list .product.active .eoutlet{*/



.page-list .product-list .tag-wrapper{
  height:30px;
  display: block;
  margin-top: -30px;
  position:relative;
}

.page-list .product-list .tag-wrapper .tag-img {
  display: block;
}

.page-list .product-list .product:hover .tag-wrapper,
.page-list .product-list .product.active .tag-wrapper {
    right:-5px;
}

/* PRODUCT EXTRA */
.page-list .product-list .product-extra {
  position: relative; overflow: visible;
  padding: 0;
}
/* Taille selon les colonnes */
.type-shoes .product-list .product-extra.col-2 { width: 66.666666% }
.type-shoes .product-list .product-extra.col-3 { width: 100% }
.type-ski .product-list .product-extra.col-2,
.type-clothing .product-list .product-extra.col-2 { width: 50% }
.type-ski .product-list .product-extra.col-3,
.type-clothing .product-list .product-extra.col-3 { width: 75% }
.product-list .product-extra.col-4 { width: 100% }

/* PRODUCT BANNER */
.page-list .product-list .product-banner {
  height: auto; overflow: visible;
  text-align: left;
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  letter-spacing: -0.06em;
}
.page-list .product-list .product-banner.striped {
  background: url("//media.salomon.com/front_res/natif_img/global/title.gif") repeat center center;
}
/* For image background */
.page-list .product-list .product-banner { overflow: hidden }
.page-list .product-list .product-banner .right img {
  max-width: none; height: 100%;
}
/* Left: texte, prix et bouton */
.page-list .product-list .product-banner .left {
  position: absolute; left: 25px; bottom: 25px; z-index: 1;
  width: 92%;
}
.page-list .product-list .product-banner .left > span {
  display: block;
}
.page-list .product-list .product-banner .left .title,
.page-list .product-list .product-banner .left .subtitle {
  max-width: 70%; height: auto;
  margin-top: 15px;
  background: none;
  font-size: 2.69231em; line-height: 35px; text-align: left; color: black;
}
.page-list .product-list .product-banner .left .subtitle {
  margin-top: 0;
  font-size: 1.5em;
}
/* Différentes couleurs du texte */
.page-list .product-list .product-banner.color-grey .left .title,
.page-list .product-list .product-banner.color-grey .left .subtitle { color: #999 }
.page-list .product-list .product-banner.color-white .left .title,
.page-list .product-list .product-banner.color-white .left .subtitle { color: white }

.page-list .product-list .product-banner .left .price { width: 90%; line-height: 30px }

.page-list .product-list .product-banner .left .btn { font-size: 1.23077em }
.page-list .product-list .product-banner .left .btn a { padding: 10px 43px 10px 15px }
.page-list .product-list .product-banner .left .btn span {
  left: auto;
  right: 12px;
}
.page-list .product-list .product-banner .left .btn span img {
  position: relative;
  left: auto;
  top: -2px;
}
/* Alignement text à droite */
.page-list .product-list .product-banner.align-right .left {
  left: auto; right: 25px;
  text-align: right;
}
.page-list .product-list .product-banner.align-right .left .title,
.page-list .product-list .product-banner.align-right .left .subtitle,
.page-list .product-list .product-banner.align-right .left .price {
  max-width: 100%;
  text-align: right;
}
/* Right: image */
.page-list .product-list .product-banner .right {
  /*display: table;*/
  width: 100%; /*height: 100%;*/
  text-align: left;
}
.page-list .product-list .product-banner.image-right .right { text-align: right }

.page-list .product-list .product-banner .right a {
  /*display: table-cell;*/ display: block;
}
.page-list .product-list .product-banner .bottom span { color: #999 }
/* Position de l'image */
.page-list .product-list .product-banner.img-right .right { text-align: right }
.page-list .product-list .product-banner.img-bottom .right a { vertical-align: bottom }
/* For plain image background (with arrow right) */
.page-list .product-list .product-banner.img-back .left {
  bottom: auto; top: 50px;
  width: 80%;
}
.page-list .product-list .product-banner.img-back .right img {
  height: auto; max-width: 100%;
}
.page-list .product-list .product-banner.img-back .left > * { margin-left: 60px }
.page-list .product-list .product-banner.img-back.align-right .left > * { margin-right: 60px }
.page-list .product-list .product-banner.img-back .left .title {
  font-size: 4.230769em; line-height: 50px; letter-spacing: -0.06em;
}
.page-list .product-list .product-banner.img-back .left .subtitle {
  font-size: 1.923077em; line-height: 27px; letter-spacing: -0.06em;
}
.page-list .product-list .product-banner.img-back .left > .btn {
  margin: 18px 0 0 65px;
  border: 5px solid rgba(255, 255, 255, 0.5);
}
.page-list .product-list .product-banner.img-back.align-right .left > .btn { margin: 18px 65px 0 0 }
/* PRODUCT VIDEO */
.page-list .product-list .product-video.overlay-video .overlay {
  background: url("//media.salomon.com/front_res/natif_img/global/overlay-video.png") repeat center center;
}

/* Product quote */
.page-list .product-list .product-quote {
  margin: 10px 0 30px; padding: 0 3%;
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  text-align: left; letter-spacing: -0.06em;
}
/* Différentes taille selon les colonnes */
.type-shoes .product-list .product-quote.col-2 { width: 60.666666% }
.type-ski .product-list .product-quote.col-2,
.type-clothing .product-list .product-quote.col-2 { width: 44% }
.type-ski .product-list .product-quote.col-3,
.type-clothing .product-list .product-quote.col-3 { width: 69% }
.type-shoes .product-list .product-quote.col-3,
.type-ski .product-list .product-quote.col-4,
.type-clothing .product-list .product-quote.col-4 { width: 94% }

.page-list .product-list .product-quote blockquote {
  font-size: 2.69231em; line-height: 30px;
  letter-spacing: -0.06em;
  color: black;
  white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; word-wrap: break-word;
}
.page-list .product-list .product-quote span {
  display: block;
  font-size: 2.692308em;
  line-height: 1.1em;
  color: #999;
}
/* Différentes couleures du texte */
.page-list .product-list .product-quote.color-grey blockquote { color: #999 }
.page-list .product-list .product-quote.color-grey span { color: #333 }
.page-list .product-list .product-quote.color-white blockquote { color: white }
.page-list .product-list .product-quote.color-white span { color: #ccc }

/* Product bottom */
/*
.page-list .product-list .product-banner,
.page-list .product-list .product-video {
  margin-bottom: 40px;
}*/
.page-list .product-list .product-banner .bottom,
.page-list .product-list .product-quote .bottom,
.page-list .product-list .product-video .container-video .bottom {
  position: absolute; left: 0; bottom: -55px;
  width: 100%;
  font: 1.384615em "Interstate Bold", arial, "helvetica", sans-serif;
  color: #333; text-align: center;
}
.page-list .product-list .product-banner .bottom span,
.page-list .product-list .product-quote .bottom span,
.page-list .product-list .product-video .container-video .bottom span { color: #999 }

/* Discover (bottom of page) */
.page-list .discover {
  padding: 20px 10px 20px;
  background: white;
  border-top: 1px solid #eeeeee;
  text-align: center;
  text-transform: uppercase;
}
.page-list .discover ul {
  display: inline-block;
}
.page-list .discover ul li {
  float: left;
  margin: 10px 0 10px 8px;
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  letter-spacing: -0.06em;
}
.page-list .discover ul li a {
  padding: 5px 6px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #999999;
  background: #f6f6f6;
  border: 1px solid #e5e5e5;
}
.page-list .discover ul li:first-child {
  color: #666666;
}
.page-list .back-top {
  display: none;
  padding: 0 10px 20px;
  background: white;
  text-align: center;
  text-transform: uppercase;
}
.page-list .back-top div {
  width: 100%;
  background: #fafafa;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #ececec));
  background-image: -webkit-linear-gradient(#fafafa, #ececec);
  background-image: -moz-linear-gradient(#fafafa, #ececec);
  background-image: -o-linear-gradient(#fafafa, #ececec);
  background-image: linear-gradient(#fafafa, #ececec);
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}
.page-list .back-top div a {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  color: #999999;
  line-height: 40px;
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  letter-spacing: -0.06em;
}
.page-list .back-top div a span {
  position: absolute;
  left: -15px;
  display: block;
  width: 26px;
  height: 26px;
  margin-top: 4px;
  background: url(//media.salomon.com/front_res/natif_img/global/back-top.png) no-repeat -26px center;
}
.no-touch .page-list .back-top div:hover a {
  color: #666666;
  text-decoration: none;
}
.no-touch .page-list .back-top div:hover a span {
  background: url(//media.salomon.com/front_res/natif_img/global/back-top.png) no-repeat left center;
}

/* ::: TYPE SHOES ::: */
.type-shoes .product-list .product { width: 33.333333%; height: 400px }
/*.type-shoes .product-list .product .inner { width: 316px }*/
.type-shoes .product-list .product-video { width: 66.666666% }
/* .type-shoes .product-list .product-video .container-video { height: 90% } */
/*.type-shoes .product-list .product-video .container-video img { height: 100% }*/
.type-shoes .product-list .product-banner { height: 250px }
.type-shoes .product-list .product-quote { width: 27.333333%; height: auto }

/* ::: TYPE SKI ::: */
.type-ski .more.cross strong {
  padding: 8px 10px 0 60px !important;
  background: yellow url("//media.salomon.com/front_res/natif_img/icons/black-cross.png") no-repeat scroll 35px 4px !important;
}
/*.type-ski .product-list .product .inner { width: 236px }*/
.type-ski .product-list .product-video { width: 72.7778% }
.type-ski .product-list .product-banner { height: 500px }
.type-ski .product-list .product-banner .left .btn { margin-top: 37px }
.type-ski .product-list .product-quote { width: 19% }

/* ::: TYPE CLOTHING ::: */
/*.type-clothing .product-list .product .inner { width: 234px }*/
.type-clothing .product-list .product-video { width: 50%; margin-bottom: 40px }
.type-clothing .product-list .product-banner { height: 300px }
.type-clothing .product-list .product-quote { width: 19%; height: auto }

/* ::: RESULT SEARCH ::: */
.result-search #main {
  margin-top: 120px;
}
.result-search .product-list {
  margin-top: 0;
}
.result-search #main #menu {
  width: 96%; height: 38px;
  padding: 13px 2% 6px;
}
.lte10 .result-search #main #menu.fixed {
  padding: 13px 1.4% 6px 1%;
}
.result-search #menu .search {
  width: 27%;
  float: left;
  margin-right: 1%;
}
.result-search #menu .search input[type=text] {
  float: left;
  width: 215px; height: 27px;
  padding-left: 6px;
  border: 1px solid #eeeeee;
  font-size: 11px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
}
.result-search #menu .search input[type=submit] {
  width: 34px; height: 31px;
  margin-left: -3px; padding: 0;
  background: url("//media.salomon.com/front_res/natif_img/icons/ok.png") no-repeat center center; border: 0;
  font-family: "Interstate Bold", arial, "helvetica", sans-serif; font-size: 14px; color: #666666; cursor: pointer;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
}
.result-search #menu .search input[type=submit]:hover,
.result-search #menu .search input[type=submit]:active {
  background: url("//media.salomon.com/front_res/natif_img/icons/ok-hover.png") no-repeat center center;
}
.result-search #menu .result {
  float: left;
  width: 30%;
  font-size: 1.1em; line-height: 1.1em;
}
.result-search #menu .result strong {
  color: #333; text-transform: uppercase;
}
.result-search .menu-filter {
  float: right;
}
.result-search .menu-filter p {
  float: left;
  margin-right: 10px;
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  font-size: 1.2em; line-height: 32px; color: #999; text-transform: uppercase; text-align: right;
}
.result-search .menu-filter .select {
  position: relative; z-index: 0; overflow: visible;
  float: right;
  width: 210px;
  margin: -4px 0 0 0;
  border: 1px solid #cccccc;
}
.result-search .menu-filter select {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 37px;
  border: 0;
}
.result-search .menu-filter option {
  position: relative;
  display: block;
  z-index: 5;
  padding-top: 3px;
}
.result-search .menu-filter .selected {
  display: block !important;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 95%;
  height: 37px;
  padding-left: 5%;
  background: white url("//media.salomon.com/front_res/natif_img/global/select-mobile.gif") no-repeat right center;
  color: black;
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  line-height: 37px;
  text-transform: uppercase;
}
.page-list #main #menu .select .selected img {
  vertical-align: middle;
  padding: 0 10px;
}

  /* ::: TABLET ::: */
@media only screen and (min-width: 710px) and (max-width: 989px) {
  .page-list #main #menu {
    width: 96%;
    height: 31px;
    padding: 15px 2% 5px;
    background: white;
    border-bottom: 1px solid #eeeeee;
  }
  .page-list #main #menu .list a { visibility: hidden }
  .page-list #main #menu .menu-product ul li { font-size: 1.15385em }
  .page-list #main #menu .menu-product {
    float: left;
    width: 60%;
    margin-right: 5%;
  }
  .page-list #main #menu .menu-gender {
    float: right;
    width: 120px;
  }
  .page-list #main #menu .select {
    position: relative;
    z-index: 0;
    overflow: visible;
    margin-top: -10px;
    border: 1px solid #cccccc;
  }
  .page-list #main #menu .select select {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 37px;
    border: 0;
  }
  .page-list #main #menu .select select option {
    position: relative;
    display: block;
    z-index: 5;
    padding-top: 3px;
  }
  .page-list #main #menu .select .selected {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 95%;
    height: 37px;
    padding-left: 5%;
    background: white url("//media.salomon.com/front_res/natif_img/global/select-mobile.gif") no-repeat right center;
    color: black;
    font-family: "Interstate Bold", arial, "helvetica", sans-serif;
    line-height: 37px;
    text-transform: uppercase;
  }
  .page-list #main #menu .select .selected img {
    vertical-align: middle;
    padding: 0 10px;
  }
  .page-list section .title h2 {
    padding: 20px 0 60px;
    font-size: 2.38462em;
  }
  .page-list section figure.border {
    border-left: 355px solid white;
    border-right: 355px solid white;
  }
  .page-list section .more { margin: -30px auto 50px }
  .page-list .product-list {
    width: 700px;
  }
  /* .page-list .product-list .product .infosProduit .nomProduit { height: 72px } */
    .no-touch .page-list .product-list .product:hover .infosHover .btn { display: block }
  /* Product extra */
  .page-list .product-list .product-banner .left .title,
  .page-list .product-list .product-banner .left .subtitle { max-width: 100% }
  .page-list .product-list .product-banner .left .btn { font-size: 1em }
  .page-list .product-list .product-quote blockquote { font-size: 1.92308em; line-height: 22px }
  .page-list .product-list .product-quote span { font-size: 1.23077em }
  .page-list .discover { display: none }
  .page-list .back-top { display: block }
  .page-list .back-top div {
    margin-left: 15px;
    background: transparent;
    border: 0;
    text-align: left;
  }
  .page-list .back-top div a { cursor: pointer }

  /* Full image background */
  .page-list .product-list .product-banner.img-back .left {
    left: 0; top: 20px;
    width: 70%;
  }
  .page-list .product-list .product-banner.img-back.align-right .left { left: auto; right: 0; }
  .page-list .product-list .product-banner.img-back .left .title {
    font-size: 3em; line-height: 35px;
  }
  .page-list .product-list .product-banner.img-back .left .subtitle {
    font-size: 1.6em; line-height: 20px;
  }
  .page-list .product-list .product-banner.img-back.align-right .left .title,
  .page-list .product-list .product-banner.img-back.align-right .left .subtitle {
    margin-left: 0;
  }
  .type-clothing .product-list .product-banner.img-back .right a { width: 100%; }

  /* ::: TYPE OF PRODUCT ::: */
  .type-shoes .product-list .product .inner { width: 223px }
  .type-shoes .product-list .product-video .container-video { max-width: 100% }

  .type-ski .product-list .product .inner { width: 165px }
  .type-ski .product-list .product-banner .left span {
    font-size: 1.92308em; line-height: 25px;
  }
  .type-ski .product-list .product-banner .right { right: 10px }

  .type-clothing .product-list .product .inner { width: 165px }
  .type-clothing .product-list .product .conteneurImageProduit { height: 200px }
  .type-clothing .product-list .product-banner .right a { width: 85% }

  .result-search #main #menu {
    padding: 19px 2% 8px;
    border-bottom: 2px solid #EEEEEE;
  }
  .result-search #menu .search { display: none }
  .result-search #menu .result { width: 45% }
  .result-search #menu .menu-filter { width: 54% }
  .result-search #menu .menu-filter p { line-height: 25px }
}
/* ::: ALL MOBILE ::: */
@media only screen and (max-width: 709px) {
  .page-list #main {
    width: auto !important;
    margin: 0 15px !important;
  }
  .page-list #main #menu {
    height: 39px;
    padding: 22px 0 14px;
    background: transparent;
    border-bottom: 1px solid #eeeeee;
  }
  .page-list #main #menu .list a { visibility: hidden }
  .page-list #main #menu .menu-product {
    float: left;
    width: 60%;
    margin-right: 5%;
  }
  .page-list #main #menu .menu-gender {
    float: right;
    width: 35%;
    margin-left: 0;
  }
  .page-list #main #menu .select {
    position: relative; z-index: 0;
    overflow: visible;
  }
  .page-list #main #menu .select select {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 37px;
    border: 0;
  }
  .page-list #main #menu .select select option {
    position: relative;
    display: block;
    z-index: 5;
    padding-top: 3px;
  }
  .page-list #main #menu .select select option[selected=selected] { background: #eee }
  .page-list #main #menu .select .selected {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 95%;
    height: 37px;
    padding-left: 5%;
    background: white url("//media.salomon.com/front_res/natif_img/global/select-mobile.gif") no-repeat right center;
    color: black;
    font-family: "Interstate Bold", arial, "helvetica", sans-serif;
    line-height: 37px;
    text-transform: uppercase;
  }
  .page-list #main #menu .select .selected img {
    vertical-align: middle;
    padding: 0 10px;
  }

  .page-list #main section > .title h2 {
    padding: 20px 0 54px;
    letter-spacing: -0.06em;
    font-size: 1.53846em;
  }
  .page-list #main section > .title h2 span { display: none }
  .page-list #main section > .title.no-more { height: 100px }
  .page-list #main section > .title.no-more h2 { font-size: 1.76923em }
  .page-list #main section > .title.no-more h2 span { display: inline-block }
  .page-list #main section .more { margin: -50px auto 50px }
  .page-list #main section .more .more-text {
    width: 200%;
    margin-left: -66%;
  }
  .page-list #main section figure.border {
    width: 0px;
    border-left: 247px solid white; border-right: 248px solid white;
  }

  .page-list #main .has-sub-category .sub-category { margin-top: 25px !important }
  .page-list #main .has-sub-category .sub-category .subtitle { top: -10px }
  .page-list #main .has-sub-category .sub-category .more { margin: 0 auto 20px }

  .page-list #main .product-list {
    width: 100%;
    margin: 15px 0 0; padding: 0;
  }

  .page-list #main .product-list .product .infosProduit .price {
    margin-top: 10px;
    font-size: 1.53846em;
  }
    .no-touch .page-list #main .product-list .product:hover { border: 0 !important }
  .page-list .product-list .product .inner { width: auto }
    .no-touch .page-list #main .product-list .product:hover .inner .tailles { display: none }

  /* Product extra */
  .page-list #main .product-list .product-extra {
    width: 94.52%;
    margin-bottom: 18px; padding: 18px 2.74%;
  }
  .page-list #main .product-list .product-video { width: 94.52% !important }

  .page-list #main .product-list .product-banner { display: none }

  .page-list #main .product-list .product-quote blockquote { font-size: 1.23077em; line-height: 15px }
  .page-list #main .product-list .product-quote span { font-size: 1.07692em }

  /* Product type */

    .page-list #main .product-list .product { width:50%; height:300px; }
    .page-list #main .product-list .product .conteneurImageProduit { height:150px; line-height:150px; text-align:center; overflow:hidden; }
    .page-list #main .product-list .product .conteneurImageProduit img { margin-top:0 !important; max-height:100%; max-width:100%; vertical-align:middle; }
    .page-list #main .product-list .product .couleurs { max-width:inherit; height:25px; overflow:hidden; }
    .page-list #main .product-list .product .couleurs a { width:20px; height:20px; margin:1px; }
    .page-list #main .product-list .product .couleurs a img { width:18px; height:18px; }
    .page-list #main .product-list .product .infosProduit .nomProduit { height:2.2em; line-height:1.1em; overflow:hidden; }
    .page-list #main .product-list .product .infosProduit .price { margin-top:0 !important; }
    .page-list #main .product-list .product .tailles { display:none; }
    .page-list #main .product-list .product > .eoutlet { position:absolute; top:0; left:0; z-index:1; }
    
/*
    .page-list #main .type-ski .product-list .product { height:350px; }
    .page-list #main .type-ski .product-list .product .conteneurImageProduit { height:200px; line-height:200px; }
*/

    .page-list #main .type-shoes .product-list .product-video .container-video { max-width: 100% }
  .page-list #main .type-shoes .product-list .product-video a {
    left: 2.74%;
    width: 94.52%;
  }
  .page-list #main .type-ski .product-list .product-video { margin-top: 0 }
  .page-list #main .type-ski .product-list .product { width: 33.333333% }
  .page-list #main .type-ski .product-list .product-quote {
    width: 26%;
    padding: 0 3.666666%;
  }
  .page-list #main .discover { display: none }
  .page-list #main .back-top { display: block }

  /* Result Search*/
  .result-search #main #menu {
    height: 20px;
    margin-top: 40px; padding: 11px 2% 8px;
    background: white; border-bottom: 2px solid #EEEEEE;
  }
  .result-search #menu .search { display: none }
  .result-search #menu .result { width: 100%; font-size: 0.95em }
  .result-search #main #menu .menu-filter { display: none }
  .result-search #main section .product-list { margin-top: 0 }
  .result-search #menu .search input[type=text] { height: 24px }
} /* end 709 */

/* ::: LARGE MOBILE ::: */
@media only screen and (min-width: 510px) and (max-width: 709px) {
  .page-list #main {
    margin: 0 auto !important;
    width: 510px !important;
  }
  .page-list #main section .title h2 span { display: inline-block }
  .page-list #main .product .infosProduit .price { font-size: 1.53846em }
  /*.page-list #main .product-list .product .conteneurImageProduit { min-height: 200px }*/

  .page-list #main .product-video { height: 300px !important; min-height: 300px !important }
  .page-list #main section figure.border {
      width: 0px;
      border-left: 255px solid white  !important;
      border-right: 255px solid white  !important;
  }
} /* end large mobile*/

/* ::: EXTRA MEDIA QUERIES ::: */
@media only screen and (max-width: 360px) {
  .page-list #main section { padding-bottom: 30px }
  .page-list #main section .more .more-text {
    width: 200px;
    margin-left: -25px;
  }
  .page-list #main .product-list .product .infosProduit .category { display: none }
  .page-list #main .product-list .product .infosProduit .price { font-size: 1.15385em }
  .page-list #main .product-list .product .infos { padding-top: 0; padding-bottom: 0 }
  .page-list #main .product-list .product .infosHover { height: 100% }
  .page-list #main .product-list .product .infosHover .btn span { display: none }
  .page-list #main .product-list .product .infosHover .btn a { padding: 10px 15px }

  /* Product extra */
  .page-list #main .product-list .product-extra { height: 250px }
  .page-list #main .product-list .product-video {
    min-height: 200px !important;
    height: 200px !important;
  }
  .page-list #main .product-list .product-quote { height: auto }

  /* Product type */
  /*.page-list #main .type-shoes .product-list .product .inner .conteneurImageProduit { height: 70px !important }
  .page-list #main .type-ski .product-list .product { height: 460px }
  .page-list #main .type-ski .product-list .product .inner .conteneurImageProduit { height: 280px !important }*/
  .page-list #main .type-ski .product-list .product-video { min-height: 150px }
  .page-list #main .type-ski .product-list .product-video {
    height: 200px !important; min-height: 200px !important;
  }
  .page-list #main .type-ski .product-list .product-quote {
    height: auto;
    font-size: 0.8em;
  }

  /*.page-list #main .type-clothing .product-list .product { height: 430px }*/
  .page-list #main .type-clothing .product-list .product-quote { height: auto }
  /*.page-list #main .type-clothing .product-list .product .conteneurImageProduit { height: 130px }*/

  .result-search #menu .result { font-size: 0.95em }
} /* end 360 */

/* TOUCH OR NO-TOUCH DEVICE */
.touch .page-list section .more.cross strong  {
  background: yellow url("//media.salomon.com/front_res/natif_img/icons/black-cross.png") no-repeat scroll 8px 4px;
  background-size: 20px 20px !important; /*add "!important" 2012/01/02 */
  color: #333333
}
.touch .page-list .product-list .product .couleurs a {
  width: 30px; height: 30px;
}
.touch .page-list .product-list .product .couleurs a img {
  width: 28px; height: 28px;
}

.touch .page-list .product-list .product .infosHover .btn {
  display: inline-block; margin-top: 0;
  text-align: center;
}
.touch .page-list .product-list .product .infosHover .btn span { display: none }
.touch .page-list .type-ski .product-list .product-banner {
  min-height: 280px;
}
.touch .result-search #main #menu {
  width: 96.2%;
}
.touch .result-search #menu .search input[type="text"] {
  height: 24px;
}
.touch .result-search #main #menu {
  border-bottom: 3px solid #EEEEEE;
}
.no-touch .page-list section .more:hover {
  color: #333333;
}
.no-touch .page-list section .more:hover h2 {
  color: #333333;
}
.no-touch .page-list section .more:hover strong {
  color: #333333;
  background-position: 8px -77px;
  background-color: yellow;
}
.no-touch .page-list section .more:hover .more-text {
  display: block;
  cursor: pointer;
}
.no-touch .page-list section .product-list .product .infosHover .close {
  display: none;
}
.no-touch .page-list section .product-list .product .infosHover .btn {
  display: none;
}
@media only screen and (min-width: 710px) {
    .touch .result-search #main #menu {
        width: 96.1%;
    }
    .page-list .product-list .product:not(.product-extra) {
        min-height: 230px;
    }
    .touch .page-list .product-list .product .infos {
        display:block;
        padding:0;
	}
	.touch .page-list .product-list .product .infosProduit{
		width:100%;
		display:inline-block;
	}
    .no-touch .page-list .product-list .product .tailles, .touch .page-list .product-list .product .tailles {
        display: none;
        padding:10px 0px 20px;
        position:relative;
        width:100%;
        background:#FFF;
    }
    .touch .page-list .product-list .product .couleurs {
        padding: 0 10px;
    }
	.no-touch .page-list .product-list .product:hover .tailles, .touch .page-list .product-list .product.active .tailles {
        display: block;
	}
    /* Hover yellow block */
    .no-touch .page-list .product-list .product:hover .inner,  .page-list .product-list .product.active .inner {
        position: absolute;
        left: -5px;
        top: 0;
        z-index: 2;
        padding: 5px 197px 5px 5px;
        background: yellow;
        width: 100%;
    }
    .no-touch .page-list .product-list .product.float-right:hover .inner,  .page-list .product-list .product.float-right.active .inner {
        padding: 5px 5px 5px 197px;
        left: -197px;
    }
    .page-list .product-list .product .infos.arrow {
        background: white url('//media.salomon.com/front_res/natif_img/global/yellow-arrow-left.png') no-repeat right 18px;
    }
    .page-list .product-list .product .infos.arrow.right {
        background: white url('//media.salomon.com/front_res/natif_img/global/yellow-arrow-right.png') no-repeat left 18px;
    }
    .no-touch .page-list .product-list .product:hover .infosHover, .page-list .product-list .product.active .infosHover {
        display: block;
    }
    .no-touch .page-list .product-list .product.float-right:hover .infosHover, .page-list .product-list .product.float-right.active .infosHover {
        right: auto;
        left: 0;
    }
    no-touch .page-list .product-list .product.float-right:hover .inner .infos, .page-list .product-list .product.float-right.active .inner .infos{
        padding-left: 15px;
    }
}
@media only screen and (max-width: 360px) {
  .touch .result-search #main #menu {
   width: 96.8% !important;
}
.touch .product-list .product .infosProduit .nomProduit{font-size:80%}
}



/* --------------------------------------------------------------- */
/* ::: =PRODUCT CONTENT (content with their own media queries) ::: */
/* --------------------------------------------------------------- */

.product-page #main { margin-top: 160px }

#product {
  position: relative;
  background:#fff;
  letter-spacing: normal;
}
#product .clear { clear:both }

.btn .orange-btn {
  font-family: normal "Interstate Bold", arial, "helvetica", sans-serif;
  background: #e85c05;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ef7d01), color-stop(100%, #e85c05));
  background-image: -webkit-linear-gradient(#ef7d01, #e85c05);
  background-image: -moz-linear-gradient(#ef7d01, #e85c05);
  background-image: -o-linear-gradient(#ef7d01, #e85c05);
  background-image: linear-gradient(#ef7d01, #e85c05);
  border: 1px solid #E85C05;
  -webkit-box-shadow: #fff 0 0 0 inset;
  -moz-box-shadow: #fff 0 0 0 inset;
  box-shadow: #fff 0 -0 0 inset;
}
.no-touch .btn .orange-btn:hover,.no-touch .btn:hover .orange-btn{
  background: #ef7f01;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ef7f01), color-stop(100%, #46a7d6));
  background-image: -webkit-linear-gradient(#ef7f01, #ef7f01);
  background-image: -moz-linear-gradient(#ef7f01, #ef7f01);
  background-image: -o-linear-gradient(#ef7f01, #ef7f01);
  background-image: linear-gradient(#ef7f01, #ef7f01);
}
#product{ background:#fff; letter-spacing:normal; position:relative; }
#product .clear{ clear:both; }
#product strong{ font-weight:normal; font-family: "Interstate Bold", arial, "helvetica", sans-serif; }

#product .select {
  position: relative; overflow: visible; z-index: 0;
  width: 120px; height: 45px;
}
#product .select span{
  padding-top:10px;
}
#product .select span.selected{
  background: url("//media.salomon.com/front_res/natif_img/global/select.png") no-repeat scroll right center white;
  color:#000;
  display:inline-block;
  border:1px solid #cccccc;
  padding:10px 55px 10px 10px;
  font-size:1.2em;
  cursor:pointer;
  height: 25px; line-height: 25px;
  text-align: center;
  white-space: nowrap;
}
.ie9 #product .select .selected ,.lte9 #product .select .selected{width: 70px;}
#product .select select {
  border: none;
  opacity: 0 !important;
  position: absolute; top:0; left:0; z-index: 1;
  width: 100%; height: 45px;
  border: none;
}
#product .select select option {
  font: 1.076923em "Interstate Bold", arial, "helvetica", sans-serif;
}

.lte10 #product .select select { height: 47px; padding: 0 }

#product .prod-part{
  clear:both;
}
.non-ecom #product #prod-additionals, .non-ecom #prod-nav a:nth-child(3){
  display:none;
}

#product .prod-subtitle{
  padding:30px 0 45px 0;
  background:url(//media.salomon.com/front_res/natif_img/productpage/prod-subtitle-bg.png);
  font-size:3em;
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  color:#666666;
  text-align:center;
  text-transform:uppercase;
  position:relative;
  display:block;
  letter-spacing:-0.1em;
}

#product .prod-subtitle .mask{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:auto;
  display:block;
}

/* ---- Product Zoom ---- */
#prod-zoom{
  position:fixed;
  width:100%;
  overflow:auto;
  top:0;
  left:0;
  background:#fff;
  z-index:500;
  display:none;
  border-bottom:2px solid #fff;
}

#prod-zoom-close{
  background:url(//media.salomon.com/front_res/natif_img/productpage/product-zoom-close.png) no-repeat left bottom;
  width:auto;
  height:27px;
  padding:0 0 0 33px;
  line-height:27px;
  text-transform:uppercase;
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  font-size:1.2em;
  position:absolute;
  top:20px;
  right:20px;
  z-index:10;
  cursor:pointer;
  color:#ABABAB;
}
.no-touch #prod-zoom-close:hover{ background-position:left 1px; color:#000; }

#prod-zoom-picture{
  text-align:center;
  position:relative;
  z-index:5;
  width:100%;
  overflow:hidden;
}

#prod-zoom-picture img{
  height:auto;
  width:auto;
  max-width:100%;
  max-height:100%;
  margin-top:20px;
  position: absolute;
  left: 50%;
  top: 50%;
  pointer-events: none;
}

#prod-zoom-thumbs{
  width:100px;
  height:auto;
  position:absolute;
  z-index:10;
  left:20px;
  top:50px;
}

#prod-zoom-thumbs a{
  width:98px;
  height:98px;
  display:block;
  border:1px solid #ddd;
  display:block;
  position:relative;
  overflow:hidden;
  margin:0 0 10px 0;
}
.no-touch #prod-zoom-thumbs a:hover{ border:1px solid #999; }

#prod-zoom-thumbs a img{
  max-width:100%;
  height:auto;
}

/* ---- Product Navigation ---- */
#prod-nav{
  padding:9px 5px;
  border-bottom:1px solid #c8c8c8;
  overflow:auto;
  background: white url(//media.salomon.com/front_res/natif_img/productpage/product-nav-bg.png);
}

#prod-nav .wrap > a {
  display:block; float:left;
  margin: 0 4px; padding:6px 4px;
  background: url('//media.salomon.com/front_res/natif_img/global/liceret.gif') repeat-x center 25px;
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  letter-spacing:-0.06em;
  text-transform:uppercase;
  color:#999999;
  font-size:1.3em;
  line-height:1em;
}

#prod-nav .wrap > a.type-expert { display: none }

#prod-nav .wrap > a:hover {
  background-position: center -15px;
  color: black;
  text-decoration: none;
}

#prod-nav a.active{
  text-decoration:none;
  color:#313131;
  background:#f5f5f5;
  padding:5px 3px;
  border:1px solid #e3e3e3;
  -webkit-border-radius:4px;
  -chrome-border-radius:4px;
  -khtml-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
}

#prod-nav a.back{
  float:right;
  padding:0 15px 0 30px;
  margin:4px 0 0 0;
  background:url(//media.salomon.com/front_res/natif_img/icons/icon-back.png) no-repeat left 0;
  line-height:26px;
  font-size:0.9em;
  text-decoration:none;
  font-family: "Interstate bold", arial, "helvetica", sans-serif;
  border:none;
}
#prod-nav a.back:hover{ background-position:left bottom; color:#000; }

/* Product Rating Stars */
#product .prod-rate-stars{
  float:left;
  clear:left;
  background:#999999;
  position:relative;
  height:11px;
  top:3px;
  width:60px;
}

#product .prod-rate-stars .mask{
  display:block;
  width:60px;
  height:100%;
  max-width:100%;
  height:auto;
  position:absolute;
  top:0; left:0;
  z-index:2;
}

#product .prod-rate-stars .fill{
  display:block;
  background:#46a7d6;
  position:absolute;
  top:0; left:0;
  z-index:1;
  height:100%;
  width:0;
}

#product .prod-rate-link{
  float:left;
  margin:3px 15px 0 5px;
  font-size:0.9em;
  line-height:1em;
  text-decoration:underline;
  color:#666;
  font-family:Arial, Helvetica, sans-serif;
}

/* Product Picture */
#prod-intro{
  overflow:hidden;
  /*height: 1000px; */
  padding:0 0 30px 0;
}

#prod-img{
  width:640px;
  position:absolute;
  top:0;
  left:0;
}

#prod-img img{
  max-with:100% !important;
  height:auto !important;
  cursor:pointer;
}

#prod-img-360 img{
  cursor:url("//code.vostrel.cz/jquery.reel.cur"), move;
  position:relative;
  z-index:10;
}

#prod-img-360{
  width:550px;
  height:550px;
  position:relative;
  margin:25px auto 0 auto;
  display:none;
  z-index:1;
}

#prod-img-360 div{
  width:auto !important;
  height:auto !important;
}

#prod-img-360 p{
  position:absolute;
  z-index:20;
  bottom:48px;
  left:0;
  padding:10px 0 10px 225px;
  background:url("//media.salomon.com/front_res/natif_img/productpage/product-360-2.png") no-repeat scroll 180px center transparent;
  color:#999;
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  letter-spacing:-0.06em;
  line-height:16px;
  text-transform:uppercase;
}
.finger,.touch .mouse{
  display:none;
}
.touch .finger{
  display:inline;
}

#prod-img-360-btn{
  width:auto;
  border:1px solid #c8c8c8;
  margin:0 auto 20px auto;
  font-family:Interstate Bold;
  font-size:1em;
  line-height:1em;
  color:#999;
  padding:6px 0;
  text-align:center;
  text-transform:uppercase;
  cursor:pointer;
  background:url(//media.salomon.com/front_res/natif_img/productpage/product-360-bg-mobile.png) repeat-x top;
  display:none;
  -webkit-border-radius:4px;
  -chrome-border-radius:4px;
  -khtml-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
}

#prod-img-360-btn.active,
#prod-img-360-btn:hover{ background-position:bottom; }

#prod-img-360-btn .active{ display:none; }
#prod-img-360-btn.active .active{ display:inline; }
#prod-img-360-btn.active .inactive{ display:none; }

#prod-img-360-btn img{
  vertical-align:middle;
  margin:0 5px 0 0;
}

#prod-img-slider{
  width:550px;
  height:550px;
  position:relative;
  margin:25px auto 0 auto;
}

#prod-img-slider .carousel-slider{
  width:2000em;
  position:absolute;
  overflow:hidden;
  top:0;
  left:0;
}

#prod-img-slider .carousel-mask{
  width:100%;
  height:100%;
  position:relative;
  overflow:hidden
}

#prod-img-slider .carousel-element{
  float:left;
  max-width: 100%;
}

#prod-img-thumbnails{
  overflow:hidden;
  padding:20px 0 0 20px;
}

#prod-img-thumbnails .carousel-slider{
  float:left;
}

#prod-img-thumbnails .carousel-element{
  width:100px;
  height:100px;
  float:left;
  margin:0 3px 3px 0;
  border:1px solid #ddd;
  cursor:pointer;
  position:relative;
}

#prod-img-thumbnails .carousel-element .arrow{
  display:none;
  width:102px;
  height:12px;
  position:absolute;
  left:-1px;
  top:-12px;
  background:url(//media.salomon.com/front_res/natif_img/productpage/product-picture-active.png) no-repeat;
}

#prod-img-thumbnails .carousel-element:hover,
#prod-img-thumbnails .carousel-element.active{ border:1px solid #999; }
#prod-img-thumbnails .carousel-element.active .arrow{ display:block; }
#prod-img-thumbnails .carousel-element.carousel-zoom{ background:url(//media.salomon.com/front_res/natif_img/productpage/product-zoom.png) no-repeat center center; }
#prod-img-thumbnails .carousel-element.carousel-360{ background:url(//media.salomon.com/front_res/natif_img/productpage/product-360.png) no-repeat center center; }

/* ---- Product Description ---- */
#prod-desc{
  width:30.3%;
  padding:40px 2.02% 0 0;
  float:right;
}

#product .prod-desc .desc-title{
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  font-size: 2.307692em;
  line-height:1em;
  text-transform:uppercase;
  display:block;
  margin:0;
  padding:0;
  font-weight:normal;
  letter-spacing:-0.06em;
}

#product .prod-desc .desc-ref{
  clear:both;
  font: bold 1em arial, "helvetica", sans-serif; color:#676767;
}

#product .prod-desc .desc-reviews{
  overflow:hidden;
  padding:5px 0 0 0;
}

#product .prod-desc .desc-fb{
  float:left;
}

#product .prod-desc .desc-content{
  display:block;
  margin:15px 0 0 0; padding:20px 0;
  border-top:10px solid #eeeeee; border-bottom:1px solid #dddddd;
  font: 1em/16px Arial, Helvetica, sans-serif; color: #666;
}

#product .prod-desc .desc-colors{
  overflow:hidden;
  padding: 15px 0 0;
}

.prod-desc .desc-size{
  overflow:hidden;
  padding: 15px 0 10px 0;
}

.prod-desc .desc-size sup { vertical-align: text-top }

.prod-desc .desc-size .select,
.prod-desc .desc-size select { width: 115px }
.prod-desc .desc-size .selected {
  width: 50px;
  font: 1.384615em "Interstate Bold", arial, "helvetica", sans-serif;
}

.prod-desc .desc-size label{
  float:left;
  padding-right: 8px;
  font: 1.384615em/45px "Interstate Bold", arial, "helvetica", sans-serif; color:#999;
  text-transform:uppercase;
}

.prod-desc .desc-size .select{
  float:left;
}

#product .prod-desc .desc-colors .color{
  display:block;
  width:56px;
  height:56px;
  border:1px solid #eeeeee;
  margin:0 4px 5px 0;
  float:left;
  cursor:pointer;
  position:relative;
}

#product .prod-desc .desc-colors .color .icon{
  width:13px;
  height:12px;
  position:absolute;
  right:2px;
  bottom:2px;
  display:none;
  background:url(//media.salomon.com/front_res/natif_img/productpage/product-color-active.png) no-repeat;
}

#product .prod-desc .desc-colors .color img{ display:block; max-width:100%; height:auto; }
#product .prod-desc .desc-colors .color.active,
.no-touch #product .prod-desc .desc-colors .color:hover{ border-color:#46a7d6; }
#product .prod-desc .desc-colors .color.active .icon{ display:block; }

#product .prod-desc .desc-price{
  overflow:hidden;
  padding:5px 0;
}

#product .prod-desc .desc-price .price {
  float:left;
  width:45%;
  font: 2.6em/30px "Interstate Bold", arial, "helvetica", sans-serif;
  color:#46a7d6; text-align:right; letter-spacing:-0.05em;
}

#product .prod-desc .desc-price .price span { padding: 0 }

#product .prod-desc .desc-price .indisprice{
  color:#999;
}

#product .prod-desc .desc-price .new-price{
  float:right;
  font-family:"Interstate Bold", arial, "helvetica", sans-serif;
  font-size:2.2em;
  color:#46a7d6;
  line-height:1em;
  width:48%;
  text-align:left;
  letter-spacing:-0.05em;
}
#product .prod-desc .desc-price .old-price{
  float:left;
  font-family:"Interstate Bold", arial, "helvetica", sans-serif;
  font-size:1.5em;
  color:#999;
  line-height:1em;
  width:48%;
  text-align:right;
  letter-spacing:-0.05em;
}
#product .prod-desc .desc-price .old-price span {
  position: relative;
  float:right;
  width: auto; height: 100%;
  padding-top: 4px;
}
#product .prod-desc .desc-price .old-price img{
  position:absolute; right: 0; top: 0;
  display:block;
  width: 100%; height: 100%;
}
#product .prod-desc .desc-price .delivery{
  float:right;
  width:46%;
  margin:0;/* padding-right: 4%;*/
  font:0.846154em/1.2em "Interstate Bold", arial, "helvetica", sans-serif; color:#57ab2d;
  text-align:left; text-transform:uppercase;
}
#product .prod-desc .desc-price.old-price-block .price {
  text-align: center;
}
#product .prod-desc .desc-price.old-price-block .delivery,
#product .prod-desc .desc-price.large-price-block .delivery {
  clear: left; float: none;
  width: 84%;
  margin: 0 8%; padding-top: 5px;
  text-align: center;
}
#product .prod-desc .desc-price.large-price-block .price {
  width: 100%;
  text-align: center;
}

#product .prod-desc .desc-price .orange { color:#ec8208 }
#product .prod-desc .desc-actions{
  padding:35px 6px 16px;
  background:#f6f6f6;
  position:relative;
  margin-top: 10px; padding:35px 6px 16px;
  background:#f6f6f6;
}

#product .prod-desc .desc-actions .mask{
  display:block;
  width:100%;
  height:auto;
  position:absolute;
  top:0;
  left:0;
}

#product .prod-desc .desc-actions .action{
  margin:0;
  border:5px solid #eeeeee;
  display:block;
 -webkit-border-radius:10px;-chrome-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px; }
#product .prod-desc .desc-actions .action.reseller{ border-color:#f6f6f6; }

#product .prod-desc .desc-actions a{
  display:block;
  text-align:center;
  webkit-box-shadow:none;-chrome-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;-webkit-border-radius:4px;-chrome-border-radius:4px;-khtml-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;
}

#product .prod-desc .desc-actions .btn-main{
  padding:8px;
  font-size:1.2em;
  text-transform:uppercase;
  border-color:#044796;
  font-family:"Interstate Bold", arial, "helvetica", sans-serif;
  letter-spacing:-0.06em;
}
#product .prod-desc .desc-actions .orange-btn{
  border-color:#e43b00;
}

#product .prod-desc .desc-actions .action.cart .btn-main{
  background-image:url(//media.salomon.com/front_res/natif_img/productpage/product-additionals-cart-large.png);
  background-repeat:no-repeat;
  background-position:11px center;
  padding:12px 8px 12px 57px;
  text-align:center;
}

#product .prod-desc .desc-actions .action.cart .orange-btn{
  background-image:url(//media.salomon.com/front_res/natif_img/productpage/product-subscribe.png);
}

#product .prod-desc .desc-actions .btn-secondary{
  padding:10px 0;
  text-transform:uppercase;
  color:#333;
  border:1px solid #d5d5d5;
  background:#fff;
  font-size:0.8em;
  text-align:center;
  letter-spacing:-0.06em;
}

#product .prod-desc .desc-actions .action.reseller .btn-secondary{
  background-image:url(//media.salomon.com/front_res/natif_img/productpage/product-reseller.png);
  background-repeat:no-repeat;
  background-position:8px center;
  padding:10px 0 10px 15px;
  text-align:center;
  letter-spacing:-0.06em;
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
}

#product .prod-desc .desc-arguments{
  overflow:hidden;
  padding:20px 0 0 0;
}

#product .prod-desc .desc-arguments .argument{
  float:left;
  width:33.3%;
  padding-top: 48px;
  background: url('//media.salomon.com/front_res/natif_img/icons/commitments.png') no-repeat 26px top;
  text-align:center; color:#666;
}
#product .prod-desc .desc-arguments .argument a { font: 0.9em/16px Arial, Helvetica, sans-serif; }
#product .prod-desc .desc-arguments .argument.delivery { background-position: 26px -450px; }
#product .prod-desc .desc-arguments .argument.guarantee { background-position: 26px -300px; }

/* ---- Product Information ---- */
#prod-info .infolists{
  overflow:hidden;
  padding:0 0 60px 0;
}

#prod-info .infolist{
  display:block;
  width:42.93%;
  padding:0 0 70px 0;
}

#prod-info .infolist.left{ float:left; margin-left:3.54%; }
#prod-info .infolist.right{ float:right; margin-right:3.54%; }

#prod-info .infolist li{
  display:block;
  padding:6px 0 6px 0;
  font-family:Arial, Helvetica, sans-serif;
  color:#333333;
  font-size:1.1em;
  line-height:1.1em;
  text-transform:uppercase;
  border-bottom:1px solid #eeeeee;
  overflow:hidden;
}

#prod-info .infolist li .label{ float:left; width:65.9%; }
#prod-info .infolist li .value{ float:left; width:34%; font-weight:bold; text-transform:none; }

#prod-info .infolist li.title{
  padding:15px 0 20px 0;
  margin:0 0 10px 0;
  font-family:"Interstate Bold", arial, "helvetica", sans-serif;
  border-bottom:10px solid #eeeeee;
  font-size:1.5em;
  letter-spacing:-0.05em;
}

#prod-info .infobox{
  overflow:hidden;
  background:#eeeeee;
  margin:0 0 10px 0;
  clear:both;
}

#prod-info .infobox-left{
  float:left;
  width:32%;
  display:block;
}

#prod-info .infobox-left .carousel-text-content { display: none; padding-bottom: 70px }

#prod-info .infobox-left .carousel-text-content:first-child { display: block }

#prod-info .infobox-left .title {
  padding:30px 0 0 30px;
  font: 2.5em/1em "Interstate Bold", arial, "helvetica", sans-serif;
  color:#333333; text-transform:uppercase; letter-spacing:-0.05em;
}

#prod-info .infobox-left .title small{
  font-size:0.6em;
  line-height:1.2em;
  display:block;
}

#prod-info .infobox-left .desc{
  padding:30px 30px 0 30px;
}

#prod-info .infobox-left .desc p{
  padding:0 0 15px 0;
  margin:0;
  display:block;
  font-size:1em;
  line-height:1.2em;
  font-family:Arial, Helvetica, sans-serif;
  color:#666;
}

#prod-info .infobox-right{
  float:right;
  width:66%;
  display:block;
  position:relative;
}

#prod-info .infobox-right img{
  max-width:100%; width: 100%; /*temporal solution for size of image video*/
  height:auto;
  display:block;
}

#prod-info .infobox-right .overlay-video {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}

#prod-info .infobox-right .overlay-video.overlay {
  background:url(//media.salomon.com/front_res/natif_img/productpage/product-infobox-bg.png);
}

#prod-info .infobox-right .overlay-video .play{
  width:100%;
  height:100%;
  display:block;
  position:absolute;
  top:0;
  left:0;
  background:url(//media.salomon.com/front_res/natif_img/productpage/product-infobox-play.png) 50% 50% no-repeat;
  cursor:pointer;
}
#prod-info .infobox-right .overlay-video:hover .play{ background-image:url(//media.salomon.com/front_res/natif_img/productpage/product-infobox-play-2.png); }

#prod-info .infobox-carousel{
  position:relative;
}

#prod-info .infobox .carousel-nav{
  overflow:hidden; position:absolute; left:25px; bottom:20px;
}

#prod-info .infobox .carousel-nav .prev,
#prod-info .infobox .carousel-nav .next{
  display:block;
  width:52px;
  height:52px;
  background-image:url(//media.salomon.com/front_res/natif_img/productpage/infobox-carousel-nav.png);
  background-repeat:no-repeat;
  margin:0 5px;
  cursor:pointer;
  float:left;
}

#prod-info .infobox .carousel-nav .prev{ background-position:0 0; }
#prod-info .infobox .carousel-nav .next{ background-position:-51px 0; }
#prod-info .infobox .carousel-nav .prev:hover{ background-position:0 -104px; }
#prod-info .infobox .carousel-nav .next:hover{ background-position:-51px -104px; }
#prod-info .infobox .carousel-nav .prev:active{ background-position:0 -51px; }
#prod-info .infobox .carousel-nav .next:active{ background-position:-51px -51px; }

#prod-info .infobox .carousel-mask{
  overflow:hidden;
  position:relative;
}

#prod-info .infobox .carousel-slider{
  overflow:hidden;
  position:relative;
  top:0;
  left:0;
  width:2000em;
}

#prod-info .infobox .carousel-element{
  float:left;
  position: relative;
}

#prod-info .infotech{
  clear:both;
  padding:0 0 70px 0;
}

#prod-info .techtitle{
  font-size:1.9em;
  font-family:"Interstate Bold", arial, "helvetica", sans-serif;
  line-height:1em;
  padding:20px 0;
  text-align:center;
  color:#666666;
  display:block;
  margin:0 0 10px 0;
  text-transform:uppercase;
  letter-spacing:-0.05em;
}

#prod-info .techbox{
  display:block;
  float:left;
  width:23.74%;
  margin:0 0 9px 1.01%;
  height:80px;
  background:#eee;
  position:relative;
  z-index:1;
  cursor:pointer;
}

#prod-info .techbox .title{
  font-family:"Interstate Bold", arial, "helvetica", sans-serif;
  font-size:1em;
  line-height:1.2em;
  color:#0d0d0d;
  text-transform:uppercase;
  display:block;
  padding:20px;
  letter-spacing:-0.05em;
}

#prod-info .techbox .icon{
  background:url(//media.salomon.com/front_res/natif_img/global/icon-more.png) no-repeat;
  display:block;
  height:21px;
  width:21px;
  position:absolute;
  bottom:10px;
  right:10px;
}

#prod-info .techbox .desc{
  background:#ffff00;
  min-width:23.74%;
  padding:0;
  position:absolute;
  top:0;
  left:0;
  height:0;
  overflow:hidden;
  opacity:0;
  filter:alpha("opacity=0");
  -webkit-transition:all 0.2s ease-out;
  -chrome-transition:all 0.2s ease-out;
  -khtml-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -ms-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}

#prod-info .techbox .desc .title{
  display:block;
  padding:0 20px;
  font: 1.384615em/1.2em "Interstate Bold", arial, "helvetica", sans-serif;
  color:#0d0d0d; letter-spacing:-0.05em;
}

#prod-info .techbox .desc p {
  display:block;
  padding:0 20px;
  font: 1em/16px arial, "helvetica", sans-serif; color:#0d0d0d;
}

.no-touch #prod-info .techbox:hover,.touch #prod-info .opentechbox{ z-index:10; }
.no-touch #prod-info .techbox:hover .desc,.touch #prod-info .opentechbox .desc{ height:auto; padding:20px 0; opacity:1; filter:alpha("opacity=100"); }

/* ---- Product Size Facts ---- */
#prod-size-content{
  overflow:hidden;
  padding:60px 0 40px 0;
}

#prod-size-advice{
  width:59.6%;
  margin-left:3.54%;
  float:left;
}

#prod-size-grid{
  width:26.26%;
  margin-right:3.54%;
  float:right;
}

#prod-size .title{
  display:block;
  padding:0 10% 15px 0;
  margin:0 0 15px 0;
  border-bottom:10px solid #eee;
  font-size:2.5em;
  line-height:1em;
  color:#333;
  font-family:"Interstate Bold", arial, "helvetica", sans-serif;
  text-transform:uppercase;
  letter-spacing:-0.05em;
}

#prod-size .subtitle{
  clear: both; display:inline-block;
  width: 100%;
  margin: 15px 0; padding: 0 0 10px 0;
  border-bottom:1px solid #ddd;
}

#prod-size .subtitle .num{
  display:block;
  float:left;
  width:22px;
  height:24px;
  border:3px solid #333;
  color:#333;
  font-size:1.4em;
  line-height:24px;
  text-align:center;
  margin:0 4px 0 0;
  padding:0 0 0 2px;
  -webkit-border-radius:24px;
  -chrome-border-radius:24px;
  -khtml-border-radius:24px;
  -moz-border-radius:24px;
  -ms-border-radius:24px;
  -o-border-radius:24px;
  border-radius:24px;
}

#prod-size .subtitle .label,
#prod-sizegrid-form .label {
  display:block;
  font-size:1.4em;
  line-height:1em;
  color:#333;
  font-family:"Interstate Bold", arial, "helvetica", sans-serif;
  padding:6px 0 0 0;
  text-transform:uppercase;
  letter-spacing:-0.06em;
}

#prod-size p,
#prod-size-advice ol,
#prod-size-advice .paraph {
  font: 1.230769em arial, "helvetica", sans-serif;
  line-height:1.2em;
  padding:0 0 15px 0;
  color:#676767;
}

#prod-size-advice ol {
  list-style: decimal inside;
  min-height: 250px;
  padding-left: 100px;
  background: url('//media.salomon.com/front_res/natif_img/productpage/size.jpg') no-repeat left top;
}

#prod-size-advice ol li {
  margin-bottom: 25px;
}

#prod-size-advice .paraph { margin-top: -12px }

#prod-size-advice .paraph li {
  list-style: disc inside;
  margin-bottom: 8px;
}

#prod-size .mini-title {
  clear: both;
  list-style: none;
  text-transform:uppercase;
  font-family:"Interstate Bold", arial, "helvetica", sans-serif;;
  color:#333;
}

#prod-size label{
  text-transform:uppercase;
  font-size:1em;
  line-height:1em;
  color:#333;
  padding:0 20px 0 0;
}

#prod-size table{
  width:100%;
}

#prod-size table th,
#prod-size table td{
  padding:10px;
  background:#F6F6F6;
  text-transform:uppercase;
  color:#333;
  text-align:center;
  font-family:"Interstate Regular", arial, "helvetica", sans-serif;
  font-size:1em;
}
#prod-size table th{ font-family:"Interstate Bold", arial, "helvetica", sans-serif; }

#prod-size-grid table th { font-weight: bold }

#prod-size .sizegrid th,
#prod-size .sizegrid td {
  text-align: left;
}

#prod-size table .odd td{
  background:#eee;
}

.prod-sizegrid-select{
  overflow:hidden;
}

#prod-sizegrid-form{
  overflow:hidden;
  width: 100%;
  padding:10px 0 20px 0;
}

#prod-sizegrid-form .label {
  dispaly: block;
  height: 15px;
  margin-bottom: 15px;
  color: #666;
}

#prod-sizegrid-form .intro {
  display: block;
  margin-bottom: 15px;
  font-size: 1.153846em; line-height: 1.2em; color: #333;
}

#prod-sizegrid-form label{
  display:block;
  float:left;
  font-size:1em;
  line-height:50px;
  color:#333;
  font-family: arial, "helvetica", sans-serif;
  text-transform:uppercase;
  padding: 0;
}

#prod-sizegrid-form .select{
  float:right;
  width: 137px; height: 50px;
}

#prod-sizegrid-form table{
  clear:both;
  margin:20px 0 0 0;
}

#prod-sizegrid-form .gender {
  clear: both; display: inline-block;
  padding: 20px 0;
  border-top: 1px solid #ddd;
}
#prod-sizegrid-form .gender:first-child { border: none }
#prod-sizegrid-form .type {
  float: left;
  width: 45%;
}
#prod-sizegrid-form.type { width: 45% }
#prod-sizegrid-form .type:first-child {
  margin-right: 10%;
}
#prod-sizegrid-form .type table tr:last-child td { font-weight: bold }


/* ---- Sizing chart ---- */
#prod-size-advice .sizegrid {
	position:relative;
	float:left;
	width:100%;
  margin-bottom: 20px;
}
#prod-size-advice .sizegrid > .mini-title {
  display: inline-block; clear: both; float: left;
  margin-top: 50px;
  font-size: 1.2em;
}
#prod-size-advice .sizegrid > .mini-title.first { margin-top: 20px }
#prod-size-advice .sizegrid > p {
  clear: both;
  margin-top: 10px;
}
#prod-size-advice .sizegrid >ul {
	position:relative;
	float:left;
	display:inline-block;
	/*text-transform:uppercase;*/
}
#prod-size-advice .shoes.sizegrid >ul.sizetitle{
	width:177px;
}
#prod-size-advice .shoes.sizegrid >ul.sizetitle >li{
	width: 157px;
	text-align:left;
	letter-spacing: -0.05em; white-space: nowrap;
}
#prod-size-advice .clothes.sizegrid > ul.sizetitle { width:236px }
#prod-size-advice .clothes.sizegrid > ul.sizetitle > li {
	width: 216px;
	text-align:left;
	letter-spacing: -0.05em; white-space: nowrap;
}
#prod-size-advice .shoes.sizegrid >ul.sizetitle >li,
#prod-size-advice .clothes.sizegrid >ul.sizetitle >li { text-transform: uppercase }
#prod-size-advice .ski.sizegrid > ul { width: 20% }
#prod-size-advice .ski.sizegrid > ul.sizetitle { width: 20% }
#prod-size-advice .ski.sizegrid > ul.sizetitle li { background: #a4dbf9 }
#prod-size-advice .ski.sizegrid > ul.sizesubtitle { width: 20% }
#prod-size-advice .ski.sizegrid > ul > li { width: 100%; padding: 0 }
#prod-size-advice .sizegrid li {
	background-color: #F6F6F6;
    clear: both;
    float: left;
    padding: 10px;
    position: relative;
    width: 40px;
	text-align:center;
	color: #333333;
}
#prod-size-advice .sizegrid li:nth-child(even) {
  background: #eee;
}
#prod-size-advice .sizegrid li.fbold {	
	font-weight:bold;
}
/* Title responsive */
#prod-size-advice .sizegrid .sizetitle-mobile { display: none }
#prod-size-advice .sizegrid .sizetitle-mobile li:first-child {
  width: 100%;
  background: none;
}

/* ---- Additionals Products ---- */
#prod-additionals .addition{
  overflow:hidden;
  padding:30px 0;
  border-bottom:1px solid #eee;
}
#prod-additionals .addition:last-child{ border:none; }

#prod-additionals .addition-box {
  width:33.33%;
  float:left;
  text-align:center;
}
#prod-additionals .addition-box .prod-img img {
    width: 80%;
}
.prod-picture{
  display:block;
}

.prod-picture img{
  max-width:100%;
  height:auto;
  display:block;
  border:none;
}

.prod-title{
  font-family:"Interstate Bold", arial, "helvetica", sans-serif;
  font-size:1.5em;
  line-height:1em;
  color:#999999;
  text-decoration:none;
  letter-spacing:-0.05em;
  width:100%;
  display:inline-block;
  margin:10px 0 5px;
}

.prod-price{
  font-family:"Interstate Bold", arial, "helvetica", sans-serif;
  font-size:1.5em;
  color:#46a7d6;
  line-height:1em;
  letter-spacing:-0.05em;
}

.prod-desc .desc-title{
  color:#333;
}

.prod-desc .desc-title span{
  display:block;
  color:#999;
}

#prod-additionals .prod-desc .desc-actions .action{
  border:4px solid #fbfbfb;
  margin:0 0 2px 0;
}

#prod-additionals .prod-desc .desc-actions .btn-main{
  padding:8px 8px 10px 45px;
  font-size:1em;
  line-height:1em;
  font-family:"Interstate Bold", arial, "helvetica", sans-serif;
  background-image:url(//media.salomon.com/front_res/natif_img/productpage/product-additionals-cart.png);
  background-repeat:no-repeat;
  background-position:10px center;
  -webkit-box-shadow: #0f62ab 0 -3px 0 inset;
  -moz-box-shadow: #0f62ab 0 -3px 0 inset;
  box-shadow: #0f62ab 0 -3px 0 inset;
}

#prod-additionals .prod-desc .desc-actions .btn-secondary{
  padding:8px 8px 8px 45px;
  font-size:1em;
  line-height:1em;
  font-family:"Interstate Bold", arial, "helvetica", sans-serif;
  color:#666;
  background:url(//media.salomon.com/front_res/natif_img/productpage/product-additionals-infos.png) 13px center no-repeat #f0f0f0;
}

#prod-additionals .addition-space,
#prod-additionals .addition-more{
  width:5.05%;
  float:left;
  padding:110px 0 0 0;
}

#prod-additionals .addition-more img{
  max-width:100%;
  height:auto;
  display:block;
}

#prod-additionals .addition-total{
  width:23.23%;
  float:left;
}

#prod-additionals .addition-total .desc-actions{
  padding:15px 7px 5px 7px;
}
#prod-additionals .addition-total .desc-content { border: none }
#prod-additionals .addition-total .desc-price .price,
#prod-additionals .addition-total .desc-price .new-price{ font-size:1.7em; }
#prod-additionals .addition-total .desc-price .old-price{ font-size:1.2em; display:none; }
#prod-additionals .addition-total .desc-price.old-price-block .old-price{ display:block; }
#prod-additionals .addition-total .desc-price .delivery{ line-height:1.1em; }
#prod-additionals .addition-total .desc-price .new-price{ width: 100%; text-align:center; }
#prod-additionals .addition-total .desc-price.old-price-block .new-price{ width: 48%; }

#prod-nav .btn {
  display:none; visibility: hidden;
}

.non-ecom .desc-size,.non-ecom .desc-price,.non-ecom .desc-arguments,#product .prod-desc .desc-actions .find,.non-ecom #product .prod-desc .btn{
  display:none;
}
/* List partner */
.non-ecom #product .prod-desc .desc-actions.find{
  display:block;
}
.non-ecom #product .prod-desc .desc-actions .find .btn-main{
  background-image:url("//media.salomon.com/front_res/natif_img/productpage/product-target.png");
}
#product .prod-desc .desc-actions .find.white {
  display: block;
  border-color: #F6F6F6;
}
#product .prod-desc .desc-actions .find.white .btn-main {
  padding: 10px 0 10px 15px;
  background: white url("//media.salomon.com/front_res/natif_img/productpage/product-partner.png") no-repeat 8px center;
  border: 1px solid #D5D5D5;
  font-size: 0.8em; text-align: center; color: #333333; line-height: 12px;
}
#product .prod-desc .desc-actions .list-partner {
  display: none;
  width: 100%;
  padding: 7px;
}
#product .prod-desc .desc-actions .list-partner > li {
  height: 40px;
  padding: 3px;
  border-top: 1px solid #999;
}
#product .prod-desc .desc-actions .list-partner > li:first-child {
  border: none;
}
#product .prod-desc .desc-actions .list-partner .img {
  clear: both; float: left;
  overflow: hidden;
  width: 35%; height: 40px;
  margin-right: 10%;
}
#product .prod-desc .desc-actions .list-partner .img img {
  width: 100%; height: 100%;
}
#product .prod-desc .desc-actions .list-partner .link {
  float: right;
  width: 55%;
}
#product .prod-desc .desc-actions .list-partner .link a {
  font-size: 1.076923em; line-height: 40px;
  text-align: left;
}
.non-ecom .desc-actions{
  margin-bottom:150px;
}
.readnext{
  display:none;
}

.non-ecom footer li.grid3{
  width:30%;
  margin-left:2.5%;
  max-width:215px;
  float:none;
  display:inline-block;
  text-align:left;
  vertical-align:top;
}
.non-ecom footer li.service,.non-ecom footer li.hidden-desktop-tablet{
  display:none;
}
.non-ecom footer #sitemap{
  text-align:center;
}

@media only screen and (min-width: 990px){

  #prod-nav.fixedTabs {
    position:fixed; top:0; left:0; z-index:90;
    width:100%;
    padding-top: 12px;
    background: transparent url(//media.salomon.com/front_res/natif_img/global/back-menu-fixed.png);
    border: 0;
  }
  #prod-nav.fixedTabs .wrap {
    width:990px;
    margin:0 auto;
  }
  #prod-nav.fixedTabs .wrap > a.type-expert { display: block }
  #main .fixedTabs .back { display: none }
  #main .fixedTabs .btn {
    display:block; visibility: visible;
    float:right;
    margin: -5px 10px 0 0;
    background: none; border: 0;
  }
  #main .fixedTabs .btn span { top: 4px }
  #main .fixedTabs .btn img { left: 0; top: 0 }
  .non-ecom #main .fixedTabs .btn { display:none }
  #main .fixedTabs .btn a {
    padding: 5px 15px 5px 43px;
    font-size:13px; color:#fff; text-align: center; text-decoration:none;
  }
}/* end 990 */

@media only screen and (min-width: 510px){
  #product h5.prod-subtitle {
   background:none;
   border-bottom: 10px solid #EEEEEE;
   color: #333333;
   display: block;
   font-family: "Interstate Bold", arial, "helvetica", sans-serif;
   font-size: 2.3em;
   letter-spacing: -0.05em;
   line-height: 1em;
   margin: 0 0 15px;
   padding: 0 10% 15px 0;
   text-transform: uppercase;
   text-align:left;
}
.semi-column {
 float:left;
 margin:3.54%;
 width:42.92%;
}
}

@media only screen and (min-width: 710px) and (max-width: 989px){

  #product .prod-subtitle{ padding:20px 0 40px 0; font-size:2.2em; }

  #prod-nav .wrap > a {
    background-position: center 22px;
    font-size: 1em;
  }
    .no-touch #prod-nav .wrap > a:hover { background-position: center -19px }
  #prod-nav a.back {
    height:24px;
    background-position: left -1px;
    font-size:0.9em; line-height:24px;
  }
    .no-touch #prod-nav a.back:hover {
    background-position: left -27px;
    color: black;
  }

  #prod-img{ width:56.3%; }
  #prod-img-360,
  #prod-img-slider{ width:370px; height:370px; }
  #prod-img-thumbnails .carousel-element{ width:68px; height:68px; }
  #prod-img-thumbnails .carousel-element .arrow { background-image:url(//media.salomon.com/front_res/natif_img/productpage/product-picture-active-tablet.png); top:-10px; }
  #prod-desc{ width:40.8%; }

  #prod-info .infolist li{ font-size:1em; }
  #prod-info .infolist li.title{ padding-bottom:10px; font-size:1.3em; border-bottom-width:7px; }
  #prod-info .infobox-left .title{ font-size:1.7em; }
  #prod-info .techtitle{ font-size:1.5em; }
  #prod-info .techbox{ height:60px; }
  #prod-info .techbox .title{ padding:10px; }

  #prod-size-advice{ width:54.2%; margin-left:2.11%; }
  #prod-size-grid{ width:36.6%; margin-right:2.11%; }
  #prod-size .title,#product h5.prod-subtitle{ font-size:1.4em; padding-right:0; padding-bottom:10px; }
  #prod-size .subtitle .label{ font-size:1.2em; padding-top:8px; }
  #prod-size .subtitle .num{ font-size:1.2em; }

  #prod-additionals .addition-space,
  #prod-additionals .addition-more{ width:4.5%; }
  #prod-additionals .addition-box{ width:32.5%; }
  #prod-additionals .addition-total{ width:28.5%; }
  #prod-additionals .prod-desc .desc-actions .btn-main,
  #prod-additionals .prod-desc .desc-actions .btn-secondary{ font-size:0.8em; }
  #prod-additionals .prod-title,
  #prod-additionals .prod-price{ font-size:1.5em; }
  #prod-additionals .prod-desc .desc-size .select .selected{ padding-right:45px; }
  #prod-additionals .prod-desc .desc-size label{ font-size:1em; }
  #prod-additionals .prod-desc .desc-title{ font-size:1.5em; }
  #prod-additionals .prod-desc .desc-content{ padding-top:0; border-top:0; }

  #prod-img-360 p{
   bottom:10px;
   padding:10px 0 10px 154px;
   background:url("//media.salomon.com/front_res/natif_img/productpage/product-360-tablet.png") no-repeat scroll 113px center transparent;
   line-height:15px;
   font-size:0.84615em;
}

    #prod-img-slider .carousel-mask{
        width:370px;
    }
    #prod-img-slider .carousel-element{
        max-width: 370px;
    }
}

@media only screen and (max-width: 709px){

  .product-page #main {
    margin: 0 15px !important;
    width: auto !important;
  }

  .prod-subtitle  {
   cursor:pointer;
   position:relative;
  }
  .prod-subtitle .icon {
   background: url("//media.salomon.com/front_res/natif_img/global/icon-more.png") no-repeat scroll 0 0 transparent;
   bottom: 8px;
   display: block;
   height: 21px;
   position: absolute;
   right: 10px;
   width: 21px;
  }
  .prod-subtitle-open .icon{
    background-position:0 100%;
  }

  .main-background.image_v1{ display:block !important; }

  #product { width: 100%; padding:0 0 20px 0; margin:0; position:relative; }
  #product .prod-part { margin-bottom:15px; }
  #product .prod-subtitle { font-size:1.2em; padding:10px 15px; text-align:left; letter-spacing:normal; }
  #product .prod-subtitle .mask,
  #product .prod-subtitle .decoration { display:none }
  #product .prod-subcontent { display:none; padding: 0 10px; }
  /*#product .select .selected{ font-size:1em; }*/

  #prod-zoom{ display:none !important; }

  #prod-nav{ display: table; width: 100%; margin:10px 0; padding:0; background:url(//media.salomon.com/front_res/natif_img/productpage/product-nav-bg-mobile.png) repeat-x; border:1px solid #c4c8d1; height:38px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
  #prod-nav .wrap > a{ display:none }
  #prod-nav a.back{ display:table; float:none; margin:6px auto 0 auto; padding:0 0 0 30px; width:auto; line-height:26px; text-align:center;}

  #prod-img{ position:relative; width:auto; }
  #prod-img-360,
  #prod-img-slider{ width:auto; height:auto; margin:0; }
  #prod-img-thumbnails{ padding:20px 0 12px 0; }
  #prod-img-thumbnails .carousel-slider{ overflow:hidden; }
  #prod-img-thumbnails .carousel-360,
  #prod-img-thumbnails .carousel-zoom{ display:none; }
  #prod-img-thumbnails .carousel-element img{ display:none; }
  #prod-img-thumbnails .carousel-element{ width:6px; height:6px; margin:0 4px 0 0; background:url(//media.salomon.com/front_res/natif_img/productpage/product-thumbnails-mobile.png) no-repeat top; border:none; }
  #prod-img-thumbnails .carousel-element:hover,
  #prod-img-thumbnails .carousel-element.active{ background-position:bottom; border:none; }
  #prod-img-thumbnails .carousel-element.active .arrow{ display:none; }
  #prod-img-360-btn{ display:block; }

  #prod-desc{ float:none; width:auto; padding:20px 10px; }
  #prod-desc .desc-size { text-align: center; }
  #prod-desc .desc-size label { float: none; text-align: center;}
  #prod-desc .desc-size .select { float: none; margin: 0 auto;}
  #product .prod-desc .desc-actions {margin:0 -10px;}
  #product .prod-desc .desc-content{ padding-top:0; border-top:0; margin-top:0; font-size:0.85em; }
  #product .prod-desc .desc-colors{ border-top:none; padding-top:0;min-width:270px; }
  #product .prod-desc .desc-arguments .argument { width: 87px }

  #prod-info .infobox-left,
  #prod-info .infobox-right{ float:none; width:auto; }
  #prod-info .infobox-left .title{ padding:20px 15px 15px 15px; font-size:1.4em; }
  #prod-info .infobox-left .title small{ font-size:0.7em; }
  #prod-info .infobox-left .desc{ padding:0 15px 20px 15px; }
  #prod-info .infolist.left,
  #prod-info .infolist.right{ float:none; padding:0; margin:0; width:auto; }
  #prod-info .infolists{ padding-bottom:30px; }
  #prod-info .infolist li.title{ font-size:1.2em; padding:30px 0 10px 0; }

  #prod-info .techbox{ float:none; margin:0 0 5px 0; width:auto; height:50px; }
  #prod-info .techbox .title{ padding:18px 15px; }
  #prod-info .techbox .icon{ top:50%; margin-top:-10px; }
  #prod-info .techbox .desc .title{ font-size:1.2em; }
  #prod-info .techtitle{ font-size:1.5em; }

  #prod-size-content{ padding:20px 0; }
  #prod-size-advice,
  #prod-size-grid{ margin:0; float:none; width:auto; }
  #prod-size .title{ font-size:1.5em; }
  #prod-size .subtitle .label{ font-size:1.1em; padding-top:8px; }
  #prod-sizegrid-form{ width:auto; }
  #prod-size-advice .clothes.sizegrid > ul {
    float: none;
    width: 100%;
  }
  #prod-size-advice .clothes.sizegrid li {
    clear: none;
    width: 25%;
    padding: 10px 0;
  }
  #prod-size-advice .clothes.sizegrid .sizetitle { display: none }
  #prod-size-advice .clothes.sizegrid .sizetitle-mobile { display: block }
  #prod-size-advice .clothes.sizegrid .col-3 li { width: 33% }
  #prod-size-advice .clothes.sizegrid .col-5 li { width: 20% }
  #prod-size-advice .clothes.sizegrid .col-3.sizetitle-mobile li:first-child,
  #prod-size-advice .clothes.sizegrid .col-5.sizetitle-mobile li:first-child { width: 100% }
  #prod-size-advice .clothes.sizegrid > ul:nth-child(odd) li { background-color: #F6F6F6 !important }
  #prod-size-advice .clothes.sizegrid > ul:nth-child(even) li { background: #eee !important }
  #prod-size-advice .clothes.sizegrid .sizetitle-mobile li:first-child { background: none !important }

  #prod-additionals .addition{ padding:30px 0 30px 0; }
  #prod-additionals .addition-box{ width:100%; clear:both; }
  #prod-additionals .addition-total{ width:100%; pad5ding:20px 0 0 0; clear:both; }
  #prod-additionals .addition-space{ display:none; }
  #prod-additionals .addition-pack .addition-box{ width:44.8%; clear:none; }
  #prod-additionals .addition-pack .addition-more{ width:10.4%; clear:none; padding-top:40px; }
  #prod-additionals .prod-desc .desc-title{
    font-size:1.5em; padding-bottom:5px;
    text-align: center;
  }
  #prod-additionals .prod-desc .desc-size{ float:right; }
  #prod-additionals .prod-desc .desc-actions{ clear:both; }
  #prod-reviews h4.prod-subtitle{
    display:none;
  }
  .semi-column {
    width:100%;
    margin:0;
    overflow: hidden;
  }
  #product h5.prod-subtitle{
    background: url("//media.salomon.com/front_res/natif_img/productpage/prod-subtitle-bg.png") repeat scroll 0 0 transparent;
    color: #666666;
    display: block;
    font-family: "Interstate Bold", arial, "helvetica", sans-serif;
    position: relative;
    text-transform: uppercase;
    font-size: 1.2em;
    letter-spacing: normal;
    padding: 10px 15px;
    border:0;
    margin-bottom: 15px;
  }
  .readnext{
    text-decoration:underline;
  }
  .no-touch #prod-info .techbox:hover,.touch #prod-info .opentechbox{ z-index:10;height:auto; }
  .no-touch #prod-info .techbox:hover .desc,.touch #prod-info .opentechbox .desc{ position:relative;  }


  #prod-img-360 p{
    display:none;
  }
  .non-ecom footer li.grid3{
    width:100%;
    max-width:100%;
    margin-left:0;
  }
  .non-ecom footer li.hidden-desktop-tablet {
    display: block;
  }

  #prod-info .infobox .carousel-nav {
    bottom: 0;
    left: 0;
    margin: 0 0 10px;
    position: relative;
  }

} /* end 709 */

/* Popins */
#indispo-form{
  position:relative;
}
#indispo-form label,#indispo-form input[type=text],#indispo-form .btn,.basket-links .btn,.basket-links a.continu{
  display:inline-block;
  vertical-align:middle;
}
#indispo-form label {
  text-transform:uppercase;
  color:#333;
  font-family:"Interstate Bold", arial, "helvetica", sans-serif;
  padding-right:10px;
}
#indispo-form input[type=text] {
  height:29px;
  font:1em/29px Arial, sans-serif;
  border:1px solid #ddd;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  padding:0 10px;
  width:220px;
  margin-right:7px;
}
#indispo-form input.error {
  border:1px solid #C00;
  color:#C00;
}
#indispo-form .btn{
  border-color:#efeeea;
  margin:0;
}
#indispo-form .btn input{
  height:33px;
  line-height:33px;
  background: #E85C05 url("//media.salomon.com/front_res/natif_img/productpage/product-subscribe.png") no-repeat 11px center;
  padding: 0 8px 8px 57px;
}
@-moz-document url-prefix() {
  #indispo-form .btn input{
    padding-top: 4px;
  }
}
.red{
  position:absolute;
  top:-8px;
  left:57px;
  color:#C00;
  font-size:0.8em;
}
.hiddenAnchor{
  display:none!important;
}
.popin .valid {
  text-align:center;
  color:#53aa27;
  text-transform:uppercase;
  font:0.9em/56px "Interstate Bold", arial, "helvetica", sans-serif;
  letter-spacing:-0.06em;
  padding-bottom:15px;
  border-bottom:2px solid #eee;
}
.valid img{
  padding-right:3px;
  position:relative;
  top:2px;
}
.centered-link{
  text-align:center;
}
.centered-link a{
  text-transform:uppercase;
  font-family:"Interstate Bold", arial, "helvetica", sans-serif;
  letter-spacing:-0.06em;
  color:#333;
  text-decoration:underline;
}
.centered-link a:hover{
  color:#000;
}
#productAdded .picture {
  float: left;
  width:50%;
  margin-right: 5%;
}
#productAdded .information {
  float: left;
  width:45%;
}
#productAdded .information p { margin-bottom: 5px }
#productAdded .information-title{
  color:#333;
  font:1.3846em "Interstate Bold", arial, "helvetica", sans-serif;
  letter-spacing:-0.06em;
  margin:55px 0 0;
}
#productAdded .information-size{
   color:#999;
  font:1.538em/24px "Interstate Bold", arial, "helvetica", sans-serif;
  letter-spacing:-0.06em;
  margin:20px 0 0;
  text-transform:uppercase;
}
#productAdded .information-size sup {
    display: inline-block;
    padding-top: 3px;
}
#productAdded  .price{
  font:1.230em/20px "Interstate Bold", arial, "helvetica", sans-serif;
  margin:0;

}
.basket-links{
  background:#eee;
  padding:10px;
}
.product-page .basket-links {
    background: none repeat scroll 0 0 #EEEEEE;
    bottom: -30px;
    left: -30px;
    padding: 10px 30px;
    position: absolute;
    width: 100%;
}
#addToBasket{
	padding-bottom:60px;
	}
.basket-links a.continu{
  text-transform:uppercase;
  font-family:"Interstate Bold", arial, "helvetica", sans-serif;
  letter-spacing:-0.06em;
  color:#333;
  text-decoration:underline;
  float:left;
  line-height:69px;
}
.basket-links a.continu:hover{
  color:#000;
}
.basket-links .btn{
  border-color:#f6f7fb;
  margin:0 10px 0 0;
  float:right;
}
.basket-links .btn a{
  background-image: url("//media.salomon.com/front_res/natif_img/productpage/product-additionals-cart-large-2.png");
  background-position: 11px center;
  background-repeat: no-repeat;
  padding: 6px 8px 6px 57px;
  text-align: center;
  height:33px;
  line-height:33px;
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  font-size: 1.2em;
  letter-spacing: -0.06em;
  text-decoration:none;
}

/* Add pack */
.addPack {
  width: 640px; height: 460px;
}
.addPack > div {
  float: left;
}
.addPack .first-product,
.addPack .second-product {
  width: 200px;
  text-align: center;
}
.addPack .prod-price sup,
.addPack .prod-price span { vertical-align: text-top }
.addPack .first-product .prod-title,
.addPack .second-product .prod-title {
  height: 35px;
  margin-bottom: 0;
  font-size: 1.538462em; color: #333;
  text-decoration: none;
}
.addPack .first-product .desc-size label,
.addPack .second-product .desc-size label { line-height: 1em }
.addPack .addition-more,
.addPack .addition-equal,
.addPack .addition-equal {
  width: 40px;
  padding: 10% 10px 0;
}
.addPack .prod-price { line-height: 35px }
.addPack .prod-desc .desc-size label {
  width: 100%;
  text-align: center;
}
.addPack .prod-desc .desc-size .select {
  float: none;
  height: 40px;
  margin: 25px 0 0 47px;
}
.addPack .prod-desc .desc-size select {}
.addPack .total-product { width: 60px }
.addPack .total-product .prod-price {
  display: block;
  margin-top: 70px;
  font-size: 1.8em;
}
.addPack .select {
  overflow: visible;
  position: relative;
  width: 100px;
  z-index: 0;
}
.addPack .select select {
  position: absolute; left: 0; top: -3px;
  width: 100px !important;
  padding: 8px 0;
}
.addPack .select .selected {
  background: url("//media.salomon.com/front_res/natif_img/global/select.png") no-repeat scroll right center white;
  border: 1px solid #CCCCCC;
  color: #000000;
  cursor: pointer;
  display: block;
  font-size: 1.2em;
  padding: 10px 55px 10px 10px;
}
.addPack .add-basket {
  float: none; clear: left;
  position: absolute; left: -30px; bottom: -30px;
  width: 100%; height: 50px;
  padding: 10px 30px;
  background: #eee;
}
.addPack .add-basket .btn {
  position: absolute; right: 48px; top: 0;
  margin-top: 10px;
}
.addPack .add-basket .btn-main {
  padding: 8px 8px 10px 45px;
  background-image: url("//media.salomon.com/front_res/natif_img/productpage/product-additionals-cart.png");
  background-position: 10px center;
  background-repeat: no-repeat;
  font-family: "Interstate Bold",arial,"helvetica",sans-serif;
  text-decoration: none;
}

@media only screen and (max-width: 709px) {

  .popin .title { margin: 5px 0 0 }

  #indispo-01 > p { margin-top: 15px }
  #indispo-form { text-align: center }
  #indispo-form label,
  #indispo-form input[type=text] {
    display: block;
    width: 90%;
    margin: 0 0 3px; padding: 0 4%;
    text-align: left;
  }
  #indispo-form .btn {
    margin-top: 10px;
  }

  /* Add product */
  .addToBasket { text-align: center }
  #productAdded .title,
  .addPack .title { font-size: 1.5em }
  #productAdded .information-title { margin-top: 5px}
  #productAdded .picture { display: none }
  #productAdded .information{
    width:100%;
  }
  .basket-links { background: none }
  .basket-links a.continu {
    float: none;
    text-align: center;
  }

  /* Add pack */
  .addPack.popin { height:auto !important; }

  .addPack {
    width: auto; height: auto;
    text-align: center;
  }
  .addPack .title { margin-bottom: 5px; padding-bottom: 5px }
  .addPack .prod-desc { float: none; width: 100% }

  .addPack .prod-title { font-size: 1.2em }

  .addPack .first-product .prod-title,
  .addPack .second-product .prod-title { height:auto; }

  .addPack .prod-desc label {
    display: none;
    width: 100%;
    padding: 0 5px;
    font: 1em "Interstate Regular",arial,"helvetica",sans-serif;
    text-align: center;
  }

  .addPack .prod-desc .select {
    float: none; clear: left;
    height: 40px;
    margin: 0 auto !important;
  }
  .addPack .prod-desc .desc-size { height: 35px; padding: 0 }
  .addPack .prod-desc select { top: 0; height: 20px }
  .addPack .prod-desc .selected { height: 10px; line-height: 10px  }

  .addPack .prod-img,
  .addPack .prod-picture { display: none }
  .addPack .addition-more,
  .addPack .addition-equal,
  .addPack .total-product .prod-price {
    float: none;
    width: 100%;
    margin: 0 auto; padding: 0;
    text-align: center;
  }
  .addPack .prod-price { line-height: 25px }
  .addPack .addition-more,
  .addPack .addition-equal {
    width: 25px;
    margin-bottom:5px;
    margin-top:5px;
  }
  .addPack .total-product {
    width: 100%;
    text-align: center;
  }

  .addPack .add-basket .btn {
    position: relative; right: auto; top: auto;
    margin: 0;
  }
  .addPack .add-basket .btn-main {
    margin: 0 auto; padding: 8px;
    background-image: none;
  }

} /* end 709 */
@media only screen and (max-width: 509px) {

  #prod-additionals .prod-desc .desc-title { margin-top: 15px }

  /* Popins */
  .basket-links a.continu { line-height: 28px }
  .basket-links .btn {
    float: none;
    width: 100%;
  }
  .basket-links .btn a {
    padding: 5px 3px;
    background-image: none;
    font-size: 1em;
  }
  .addPack .add-basket {
    position: relative; left: auto; bottom: auto;
    width: 100%; height: 50px;
    padding: 0;
    background: none;
  }
} /* end 509


/* ------------------------------------------------------- */
/* ::: =STATICS (content with their own media queries) ::: */
/* ------------------------------------------------------- */

/* Common */
.statics #main {
  margin:120px auto 10px;
}
.columns {
  position:relative;
  padding:0 251px 0 5px;
}
.column01{
  display: inline-block;
  padding:36px 26px;
  background:#fff;
}
.column02{
  position:absolute; right:5px; top:0;
  width:236px;
  margin-bottom: 140px;
}
.statics .columns { min-height: 610px }
.statics .column01 { width: 680px }

.block{
  margin-bottom:11px;
  padding:19px 13px 2px;
  background:#fff;
}

/*** Adds Engagements ***/
.statics .cgv.column h2{
  font:700 1.30769em/21px Arial,sans-serif;
  margin:0;
}
.statics .cgv.column h3 {
    color: #46A7D6;
    font: 700 13px/16px Arial,sans-serif;
    text-transform: none;
}
/*** fin adds Engagements ***/


.statics h2{
  color:#fff;
  font:3.76923em/49px "Interstate Regular", arial, "helvetica", sans-serif;
  margin:0 0 5px 7px;
  letter-spacing:-0.06em;
  text-transform:uppercase;
}
.statics .column h2{
  color: #333333;
}
.column h3{
  color:#333;
  font:1.86307em/29px "Interstate Bold", arial, "helvetica", sans-serif;;
  letter-spacing:-0.06em;
  text-transform:uppercase;
}
.paragraph1{
  color:#333;
  font:1.15385em/21px Arial, sans-serif;
  margin-bottom:10px;
}
.item{
  padding:14px 0 0;
  position:relative;
}
.item label{
  display:block;
  color:#666;
  font:700 1.076923em/21px Arial, sans-serif;
}
.item label span{
  color:#46a7d6;
  font-weight:400;
}
.item input[type=text],.item input[type=password] {
  height:38px;
  font:1em/1em Arial, sans-serif;
  color:#666;
  padding:0 15px;
  border:1px solid #ccc;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  width:278px;
}
.lte9 .item input[type=text], .lte9 .item input[type=password]{
  line-height: 1.2em
}
.item textarea{
  height:116px;
  padding:5px 15px;
  font:1em/15px Arial, sans-serif;
  color:#666;
  border:1px solid #ccc;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  width:458px;
}
.column .select {
  position: relative; overflow: visible;
  z-index: 0;
}
.column .select select {
  position: relative;
  height:40px;
  padding: 10px 0;
}
.statics .column01 .select,
.statics .column01 .select select {
  width:278px;
  height: 40px;
}
.statics .column01 .select .selected {
  width:250px;
  padding-left: 14px; padding-right: 14px;
}
.statics #newsletterForm .select .selected { top: 36px }
.lte10 .column .select select {
  height:50px;
}
.column .select .selected {
  display: block;
  position: absolute; top: 0;
  width: 85%;
  padding: 0 10% 0 5%;
  background: url("//media.salomon.com/front_res/natif_img/global/select.png") no-repeat scroll right center white;
  border: 1px solid #ccc;
  font:1em/38px Arial, sans-serif; color: #666; cursor: pointer;
}
.column .btn {
  position:relative; left:-5px;
  padding-top:0;
  border: 5px solid rgba(238, 238, 238, 0.5);
}
.lte8 .column .btn{
  display:inline;
}
.link a{
  color:#666;
  font:0.9230769em/15px Arial, sans-serif;
}
.link a:focus,.link a:active,.link a:hover{
  text-decoration:underline;
}
.column02 .title{
  color:#999;
  font:700 1.3076923em/21px Arial,sans-serif;
  text-transform:uppercase;
  border-bottom:8px solid #eee;
  padding:0 0 10px;
  margin:0 0 8px;
}
.column02 li{
  margin:0 0 15px;
  padding:0 0 0 49px;
  min-height:42px;
  background:url(//media.salomon.com/front_res/natif_img/icons/commitments.png) 0 0 no-repeat;
}
.column02 .delivery_charge_free {
  background-position: left -1050px;
}
.column02 .delivery {
  background-position: left -1200px;
}
.column02 .secure_paiement {
  background-position: left -1350px;
}
.column02 .help {
  background-position:0 -1650px;
  border-bottom:1px solid #eee;
  padding-bottom:20px;
}
.column02 .hotline {
  background:url(//media.salomon.com/front_res/natif_img/icons/phone-blue.png) 0 0 no-repeat;
  margin-bottom:24px;
}
.column02 .line1{
  color:#46a7d6;
  display:block;
  font:700 13px/16px Arial,sans-serif;
  padding-top:5px;
}
.help .line1,.hotline .line1 {
  padding-top:0;
}
.line1 span{
  font-size:1.153846em;
}
.column02 .line2{
  color:#999;
  display:block;
  font:11px/14px Arial,sans-serif;
}

/* Newsletter & contact */
.grey {
  margin:37px 0 10px; padding:17px 15px 19px;
  background:#f6f6f6;
}
.grey > ul > li {
  margin-bottom: 8px;
}
.checkboxes p{
  color:#666;
  font:14px/21px "Interstate Bold", arial, "helvetica", sans-serif;
  letter-spacing:-0.06em;
  text-transform:uppercase;
  margin:0 0 4px;
}
.checkboxes li{
  float:left;
  width:50%;
}
.grey label{
  color:#666;
}

.onecheck.valid,
.onecheck.error {
  padding-bottom: 25px;
  background-position: 0 40px;
}

.onecheck.error .bubble {
  padding-left: 30px;
}

/* CGV */
.cgv p, .cgv div{
  color:#999;
  font:0.857142em/15px Arial, sans-serif;
  margin-bottom:15px;
}
.cgv ul {
  margin:15px 0;
}
.cgv li{
  margin:0 0 5px 20px;
  list-style:outside disc;
  font:0.857142em/15px Arial, sans-serif;
}
.cgv ol li{
  list-style:outside decimal;
}
.cgv li li {
  list-style:outside circle;
  font-size:1em;
}

/* faq */
dt{
  cursor:pointer;
  color:#666;
  text-transform:uppercase;
  font:1.230769em/21px "Interstate Bold", arial, "helvetica", sans-serif;
  padding:10px 0;
}
dt .icon {
  display:inline-block;
  width:21px;
  height:21px;
  margin:0 0 0 12px;
  background:url(//media.salomon.com/front_res/natif_img/global/icon-more.png);
}
.open .icon {
  background-position:100% 100%;
}
dd{
  display:none;
}
dd.open{
  display:block;
  border-top:10px solid #eee;
  padding:11px 18px;
}
dd dt {
  color:#46a7d6;
  text-transform:inherit;
  font:1.153846em/18px Arial, sans-serif;
  padding:6px 0;
}
dd dt.open {
  font-weight:700;
}
dd dd.open{
  border:none;
  color:#666;
  font:1em/17px Arial, sans-serif;
  padding:0 13px 15px;
}

/* Tablet */
@media only screen and (max-width: 990px){
  .columns {
   padding:0 246px 0 0;
}
.column02{
 right:0;
}
.statics .column01 { width: 412px }

.statics h2{
  margin:0 0 5px -3px;
}
.item textarea{
  padding:5px 10px;
  width:338px;
}
.item .bubble{
  position:relative;
  top: 10px; left:auto;
}
.textarea.valid{
  background-position: 373px 35px;
}
.textarea.error{
  background-position: 373px -251px;
}
.onecheck .bubble {
  top: 10px;
}
}
/* Mobile */
@media only screen and (max-width: 709px){

  .statics #main {
   margin-top: 20px;
}

.statics .column01 {
    width: 90%;
    padding: 36px 5%;
}

.statics h2 {
  font-size: 1.846154em;
}
dt{
  position:relative;
  padding-right: 25px;
}
dt .icon {
  position:absolute;
  top:50%;
  right:0;
  margin-top:-10px;
}
dd dt {
  padding-left:0;
}
.column02{
  display:none;
}
.column01{
  padding:36px 15px;
  min-height:100px;
}
.columns {
  padding:0 15px;
}
.statics h2{
  margin:0 0 5px 12px;
}
}
@media only screen and (max-width: 510px){
  .item input[type=text],.item input[type=password]{
   padding:0 10px;
   width:238px;
}
.column .select select {
 width:260px;
}
/*.column .select .selected {
  padding: 0 55px 0 10px;
  width:193px;
}*/
.item textarea{
  padding:5px 10px;
  width:238px;
}
.valid,.textarea.valid{
  background-position: 275px 41px;
}
.error,.textarea.error{
  background-position: 275px -246px;
}
.onecheck.valid{
  background-position: 325px 17px;
}
.onecheck.error{
  background-position: 325px -270px;
}
}
@media only screen and (max-width: 400px){

  .item input[type=text],.item input[type=password] { width:193px }
  .column .select select { width:215px }
  .column .select .selected { /* width:148px; */ }
  .onecheck .checkcontainer  { min-height:32px }
  .onecheck input { height:32px }
  .onecheck label {
    width:185px;
    line-height:16px;
  }
  .item textarea { width:193px }
  .valid,.textarea.valid { background-position: 225px 41px }
  .error,.textarea.error { background-position: 225px -246px }
  .onecheck.valid { background-position: 225px 17px }
  .onecheck.error { background-position: 225px -270px }
} /* end 400 */

/* IE 7 */
.lte9 .checkboxes input{
  filter:alpha(opacity=0);
  visibility:visible;
}



/* ------------------------------------------------------ */
/* ::: =BASKET (content with their own media queries) ::: */
/* ------------------------------------------------------ */

/* I use columns layout of above statics page styles */
.basket #main {
  margin:120px auto 10px;
}

.basket .column01 { width: 677px }
.basket h2{
  color:#fff;
  font:3.76923em/49px "Interstate Regular", arial, "helvetica", sans-serif;  margin:0 0 5px 7px;
  letter-spacing:-0.06em;
  text-transform:uppercase;
}
.basket h3{
  color:#333;
  font:1.86307em/29px "Interstate Bold", arial, "helvetica", sans-serif;
  letter-spacing:-0.06em;
  text-transform:uppercase;
}

/* All style with "bascket-list" class ara using too in checkout page */
.basket-list .product {
  display: inline-block;
  width: 100%;
  padding: 23px 0;
  border-bottom: 1px solid #e8e8e8;
}

.basket-list .image {
  clear: left; float: left; text-align: center;
  width: 27%;
  margin-right: 3%;
}

.basket .column .error {
  margin-bottom: 15px; padding: 5px 10px 5px 25px;
  background: url('//media.salomon.com/front_res/natif_img/icons/feedback-error.png') no-repeat left top;
  color: #c80c0c; line-height: 1em;
}

/* Details product */
.basket-list .details {
  position: relative;
  float: right;
  width: 70%;
}

.basket .product .title {
  max-width: 205px;
  margin-top: 9px;
  font: 1.23em/18px  Arial, Helvetica, sans-serif; color: black;
}

.basket .size {
  font: 1.076em  Arial, Helvetica, sans-serif; color: #666; line-height: 21px;
}

.basket .product .delete {
  float: left;
  margin-top: 6px;
  font: 0.846154em  Arial, Helvetica, sans-serif; color: #999;
}

.basket .delete a {text-decoration: underline}
.basket .delete a:hover {text-decoration: none}

/* Quantity / Price */
.basket .quantity {
  position: absolute; right: 130px; top: 0;
}
.basket .quantity, .basket select {
  top: 0 !important;
  width: 90px !important;
}
.basket .quantity .selected {
  width: 60px !important;
  padding: 0 7px 0 20px;
  cursor: pointer;
}
.basket .price {
  position: absolute; right: 0; top: 8px;
  font: 1.69em "Interstate Bold", arial, "helvetica", sans-serif;
}

.basket .old-price .price {
    position: absolute; right: 0; top: 30px;
    font: 0.89em "Interstate Bold", arial, "helvetica", sans-serif;
    text-decoration: line-through;
    color: #999999;
}
/* Retour */
.basket .retour { padding: 0 0 10px 0 }
.basket .retour .item {
  clear: left; float: left;
  width: 75%;
  margin-left: 1%;
}
.basket .retour .item label { font-weight: normal; line-height: 17px }
.basket .retour .item label a { color: #46a7d6 }
.basket .retour .details { width: 24% }
.basket .retour .details .price { top: 14px; color: #ccc }
.basket .retour.on .details .price { color: #46a7d6 }

/* Cash*/
.cash {
  clear: left; display: inline-block;
  width: 100%;
}

.basket .cash .total {
  float: right;
  width: 48%;
}

.basket .cash .freeship {
  float: left;
  position: relative; overflow: hidden;
  width: 44.7%;
  margin-right: 4%; padding: 12px 1.639344%;
  -webkit-transition:all 0.2s ease-out;
  -chrome-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -ms-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}

/* Total*/
.cash .total ul {
  display: inline-block;
  width: 100%;
}
.cash .total .left {
  float: left;
  width: 70%;
}

.cash .total .right {
  float: right;
  width: 30%;
  text-align: right; font-weight: bold;
}

.cash .total ul li ul {
  display: inline-block;
}

.cash .total .subtotal.off {
  display: none;
}

.cash .total .subtotal.on {
  display: block;
}

.cash .total .subtotal, .cash .total .shipping, .cash .total .discount, .cash .total .tax {
  padding: 10px 0 0;
  font-family: Arial, Helvetica, sans-serif; color: #666;
}

.cash .total .shipping {
  padding: 12px 0 15px;
  border-bottom: 1px solid #e8e8e8;
}

.cash .total .subtotal .left,
.cash .total .shipping .left,
.cash .total .discount .left,
.cash .total .tax .left {
  font-size:  1.076923em; font-weight: bold; text-transform: uppercase; line-height: 1.2em;
}

.cash .total .subtotal .right,
.cash .total .shipping .right,
.cash .total .discount .right,
.cash .total .tax .right  {
  font-size: 1.230769em; text-transform: uppercase;
}

.cash .total .subtotal span {
  font-size: 12px; font-weight: normal; text-transform: capitalize;
}

.cash .total .total-price {
  padding: 16px 0 25px;
}

.cash .total .total-price .left {
  width: 50%;
  font: 1.846153em Arial,Helvetica, sans-serif; font-weight: bold; color: #333;
}

.cash .total .total-price .right {
  width: 50%;
  font: 2.230769em Arial,Helvetica, sans-serif; font-weight: bold; color: #333;
}

/* Freeship */
.basket .cash .freeship .open-freeship {
  display: block;
  margin-bottom: 12px; padding-left: 15px;
  background: url('//media.salomon.com/front_res/natif_img/icons/diple.png') no-repeat left top;
  font: 1.076923em "Interstate Bold", arial, "helvetica", sans-serif;
  color: #666; text-transform: uppercase; letter-spacing: -0.06em; cursor: pointer;
}

.basket .cash .freeship form {
  position: absolute; left: 13px; top: 100px;
  -webkit-transition:all 0.2s ease-out;
  -chrome-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -ms-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out;
}

.basket .cash .freeship input[type=text] {
  width: 167px; height: 38px;
  padding: 0 15px;
  border: 1px solid #c5c5c5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font: 1em/38px Arial,Helvetica, sans-serif; color: #666; text-transform: uppercase;
}

.basket .cash .freeship .btn {
  leeft: auto;
  margin: 0 0 0 5px;
}

.basket .cash .freeship .btn input {
  position: relative; z-index:1;
  display: inline-block;
  width: 50px; height: 38px;
  padding: 0 0 0 2px;
  background: #959798;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #959798), color-stop(100%, #6c6c6c));
  background-image: -webkit-linear-gradient(#959798, #6c6c6c);
  background-image: -moz-linear-gradient(#959798, #6c6c6c);
  background-image: -o-linear-gradient(#959798, #6c6c6c);
  background-image: linear-gradient(#959798, #6c6c6c);
  border: 1px solid #3d3d3d;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  box-shadow: none;
  font:1.230769em "Interstate Bold", arial, "helvetica", sans-serif;color: white; vertical-align: middle;
  text-transform: uppercase; letter-spacing: 0.1em; cursor: pointer;
}

.basket .cash .freeship .btn:hover input {
  background: #6c6c6c;
}

.basket .cash .freeship .delete {
  display: none;
  margin-top: 10px;
  font-size: 0.846154em; text-decoration: underline;
}

.basket .cash .freeship p {
  display: none;
  margin-top: 10px;
  font: 0.923077em arial, "helvetica", sans-serif; color: #c80c0c;
}

/* Active .freeship */
.basket .cash .freeship.active {
  background: #f6f6f6;
}

.basket .cash .freeship.active .open-freeship {
  margin-bottom: 80px;
  background-position: left -65px;
}

.basket .cash .freeship.active form {
  top: 43px;
}

/* Valid .freeship */
.basket .cash .freeship.valid {
  background: #F6F6F6 url('//media.salomon.com/front_res/natif_img/icons/feedback-valid.png') no-repeat 225px 50px;
}

.basket .cash .freeship.valid input[type=text] {
  border: 1px solid #389c1d;
}

.basket .cash .freeship.valid .btn {
  display: none;
}

.basket .cash .freeship.valid .delete {
  display: block;
}

.basket .cash .freeship.valid .open-freeship,
.basket .cash .freeship.error-freeship .open-freeship {
  text-decoration: none; cursor: default;
}

/* Error .freeship */
.basket .cash .freeship.error-freeship p {
  display: block;
}

.basket .cash .freeship.error-freeship .open-freeship {
  margin-bottom: 125px;
}

.basket .cash .freeship.error-freeship input[type=text] {
  border: 1px solid #c80c0c;
}

/* Column right */
.basket .column02 .delivery_charge_free {
  background-position: left -450px;
}

.basket .column02 .delivery {
  background-position: left -150px;
}

.basket .column02 .secure_paiement {
  background-position: left -600px;
}
.column02 .satisfaction {
  background-position: 0 -750px;
}

.column02 .call {
  background: url("//media.salomon.com/front_res/natif_img/icons/phone.png") no-repeat scroll 0 0 transparent;
}

.column02 .call a span {
  font-size: 1.153846em;
}

.column02 .retour-link {
  padding-top: 10px;
  background: url('//media.salomon.com/front_res/natif_img/icons/retour.png') no-repeat left 12px/40px 40px;
  background-position: 0 12px;
  border-top: 1px solid #eee;
}

.basket .column02 ul li:first-child {
  margin-top: 18px;
}

.basket .column02 .line1 {
  padding-top: 10px;
  color: #666;
}

.basket .column02 .title {
  color: #666;
}

/* Bottom */
.basket .bottom {
  position: relative;
  height: 160px
}

.bottom .continue {
  position: absolute; left: 0; top: 18px;
  display: block;
  height: 25px; line-height: 25px;
  padding-left: 30px;
  background: url('//media.salomon.com/front_res/natif_img/icons/arrow-left.png') no-repeat left center;
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;  color: white; text-transform: uppercase;
}

.basket .bottom .btn {
  position: absolute; right: 4px; top: 18px;
  margin: 0; padding: 0;
  border-color: rgba(255, 255, 255, 0.8);
}

.basket .bottom .btn button {
  padding: 13px 20px 13px 65px;
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  font-size: 1.230769em; letter-spacing: -0.06em;
}

.basket .bottom .btn span {
  width: 37px; height: 30px;
}

.basket .bottom .btn span img {
  left: 5px; top: 1px;
}

/* Empty basket */
.basket.empty .columns {
  min-height: 435px;
}

.basket.empty .column01 {
  min-height: 55px;
}

.basket.empty .column01 p:first-child {
  margin-bottom: 15px;
  font-size: 1.5em; color: #333;
}

.basket.empty .column01 a {
  text-decoration: underline;
}

/* Order confirmation */
.confirmation .columns { min-height: 500px }

.confirmation .call { background-position: 0 -888px }

.confirmation p {
  margin-bottom: 20px;
  font: 1.076923em arial, "helvetica", sans-serif; color: #666;
}

.confirmation .thank {
  margin: 5px 0 10px; padding: 10px 0 10px 44px;
  font-size: 1.538462em; color: #46a7d6;
  background: url(//media.salomon.com/front_res/natif_img/global/confirmation.png) no-repeat left center;
}

.confirmation .btn a {
  padding: 15px;
  font: 1.230769em "Interstate bold", arial, "helvetica", sans-serif;
}

.confirmation .column02 .title { color: #999 }


/* Tablet */
@media only screen and (min-width: 710px) and (max-width: 989px){

  .basket h2{ margin:0 0 5px -3px }
  .basket .columns {
   width: 100%;
   padding: 0;
  }
  .basket .column01 {
    width: 92.67%;
    padding: 36px 3.661971%;
  }
  .basket .column02 { display: none }

} /* end tablet */

@media only screen and (max-width: 709px){

  .basket #main { margin-top: 30px }

  .basket .column01 { width: auto }
  .basket h2 {
   margin-left: 15px;
   font-size: 1.846153em;
  }
  .basket .columns { padding: 0 15px }
  .basket .column01 { padding: 36px 15px 0 15px }

  .basket .product .image {
    width: 35%;
    margin-right: 5%;
  }

  .basket .product .details { width: 60% }
  .basket .basket-list .details .delete { float: none }
  .basket .basket-list .details .quantity {
    position: relative; right: auto; top: auto !important;
    margin: 18px 0;
  }
  .basket .basket-list .details .price { position: relative; right: auto; top: auto }

  .basket .retour .details {
    width: 24% !important;
    margin-top: 14px;
    text-align: right;
  }

  .basket .cash > li {
    float: none !important;
    margin: 0 !important;
    width: 96% !important;
  }

  .basket .bottom .continue { position: absolute; left: auto; right: 0; top: 100px }

  .confirmation .column01 { padding-bottom: 36px }
} /* end 709 */

@media only screen and (max-width: 510px) {

  .basket .product .image {
     width: 45%;
     margin-right: 5%;
  }

  .basket .product .details { width: 50% }
  .basket .cash .total .total-price .left,
  .basket .cash .total .total-price .right { font-size: 1.615384em }
  .basket .cash .freeship.active form { margin-top: 10px }
  .basket .cash .freeship input[type="text"] { width: 100px }
  .basket .cash .freeship.valid { background-position: 155px 62px }
} /* end 510 */

@media only screen and (max-width: 360px) {

  .basket .retour .item {
    float: none;
    width: 98%;
    margin: 0;
  }
  .basket .retour .details {
    width: 50% !important;
    margin-left: 50%;
    text-align: left;
  }
} /* end 360 */


/* -------------------------------------------------------- */
/* ::: =CHECKOUT (content with their own media queries) ::: */
/* -------------------------------------------------------- */

/* I use columns layout of above statics page styles */
.checkout #main {
  margin:120px auto 10px;
}

.checkout h2{
  color:#fff;
  font:3.76923em/49px "Interstate Regular", arial, "helvetica", sans-serif;  margin:0 0 5px 7px;
  letter-spacing:-0.06em;
  text-transform:uppercase;
}

.checkout h3{
  color:#333;
  font: 1.538462em/1.1em "Interstate Bold", arial, "helvetica", sans-serif;
  letter-spacing:-0.06em;
  text-transform:uppercase;
}

/* Layout */
.checkout .col-left {
  float: left;
  width: 320px;
}

.checkout .col-right {
  position: relative;
  float: right;
  width: 600px;
  margin: 0 0 100px 10px; padding: 25px 30px;
  background: white;
}

.checkout .col-left .inner {
  padding: 25px 15px 0 15px;
  background: white;
}

/* Basket */
.checkout .col-left .image {
  width: 34%;
}

.checkout .col-left .image {
  width: 34%;
}

.checkout .col-left .image img {
  max-height: 100px;
}

.checkout .col-left .details {
  width: 63%;
}

.checkout .product .title {
  margin-bottom: 10px;
  font: 1.076923em  Arial, Helvetica, sans-serif; color: black;
}

.checkout .size,
.checkout .quantity {
  margin-bottom: 6px;
  font-family: Arial, Helvetica, sans-serif; color: #666;
}

.checkout .price {
  margin-top: 22px;
  font-size: 1.15em/*1.384615em*/; color: #333; text-align: right;
}

.checkout .old-price .price {
    font-size: 0.80em; color: #999;
    text-decoration: line-through;
    position:absolute;
    right:0px;
}

.checkout .cash .total .subtotal {
  padding: 8px 0 2px;
  border: none;
}

.checkout .cash .total .shipping {
    border: none;
}
.checkout .cash .total .retour {
  padding: 12px 0;
  border-bottom: 1px solid #e8e8e8;
}

.checkout .cash .total .retour .right {
  margin-top: -3px;
  font: 1.38461em 'Interstate Regular', Arial, Helvetica, sans-serif; color: #333;
}

.checkout .cash .total .total-price {
  margin-top: 10px;
  border-top: 1px solid #e8e8e8;
}

.checkout .cash .total .total-price .left {
  font-size: 1.692308em
}

.checkout .cash .total .total-price .right {
  font-size: 1.846154em;
}

/* Bottom basket */
.checkout .bottom {
  clear: both;
}

.checkout .bottom .continue {
  position: relative;
}

/* Checkout */
.checkout .already-account {
  position: absolute; right: 25px; top: 36px;
}

.checkout .already-account a {
  font-family: "Interstate Bold", arial, "helvetica", sans-serif; color: #46a7d6; text-transform: uppercase;
}

.checkout .col-right fieldset {
  max-width: 580px;
}

.checkout fieldset h3 {
  width: 90%;
  margin: 0 10% 15px 0; padding-bottom: 3px;
  border-bottom: 8px solid #eee;
}

.checkout form fieldset {
  padding-bottom: 35px;
}

/* Labels and inputs */
.checkout form .radios,
.checkout form .checkboxes,
.checkout form .input-box,

.checkout form .select-box {
  clear: both; display: inline-block;
  width: 90%; height: auto;
  padding: 5px 10% 5px 0;
}

.checkout form .item > label {
  display: block;
  float: left;
  width: 23%;
}

.checkout .item {
  height: 22px;
}

.checkout form .input-box input {
  display: block;
  float: left;
  width: 77%; height: 20px;
  padding: 0 3%;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

/* If more one input in container */
.checkout form .input-box input + input,
.checkout form .input-box input + input + input {
  margin: 10px 0 0 23%;
}

.checkout form .select-box .select {
  display: block;
  float: left;
  width: 77%; height: 20px;
  padding: 0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.lte10 .checkout form .select-box .select {
  height: 24px;
}

.lte10 .checkout form .select-box .select select {
  height: 30px !important;
}

.checkout form p {
  width: 90%;
  margin: 0 10% 12px 0;
  font: 1em/1em arial, "helvetica", sans-serif; color: #666;
}

.checkout form .item.medium input {
  max-width: 195px
}

.checkout form .item.small input {
  max-width: 85px
}

/* Checkboxes */
.checkout .checkboxes label {
  min-height: 20px;
  margin-left: 28px;
  line-height: 1.2em; font-weight: bold;
}

.checkout .checkboxes input[type=checkbox] {
  position: absolute; left: 4px; top: 4px;
}

.checkout .checkboxes .checkcontainer {
  min-height: 20px;
  background-position: left top;
}

.checkout .checkboxes .checkcontainerChecked {
  background-position: left -180px;
}

/* Invoicing */
.checkout .invoicing label,
.checkout .account label {
  font-size: 0.923077em; font-weight: bold;
}

.checkout .invoicing .checkboxes > div {
  margin-left: 23%;
}

.checkout .invoicing .checkboxes label {
  font: 700 1.07692em/21px Arial,sans-serif;
}

.checkout #main .select {
  position: relative;
}

.checkout #main .select select {
  /*opacity: 0;
  position: absolute; left: 0; top: 1px; z-index: 1;*/
  position: relative;
  width: 100%; height: 24px;
  padding: 10px 0;
}

.checkout #main .select .selected {
  position: absolute; left: 0; top: 0;
  background: url("//media.salomon.com/front_res/natif_img/global/select.png") no-repeat scroll right center white;
  display: block;
  width: 84%; height: 19px;
  padding: 3px 55px 0 8px;
  border: 1px solid #ccc; cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font: 1em arial, "helvetica", sans-serif; color: #666;
}

.checkout .double-input {
  height: 50px;
}

.checkout .invoicing li > a {
  display: block;
  margin: 10px 0 0 102px;
  font: 0.846154em arial, "helvetica", sans-serif; text-decoration: underline;
}

.checkout .us-address .btn {
  width: 290px;
}

.checkout .us-address .btn:first-child {
  width: 200px;
  margin-left: 147px;
}

.checkout .us-address .btn a {
  width: 100%;
  padding-right: 0; padding-left: 0;
  text-align: center;
}

/* Valid and error message */
.checkout form .validation-advice {
  margin: 26px 0 0 23%;
}

.checkout form .double-input .validation-advice {
  margin-top: 58px;
}

.checkout form .select-box .validation-advice {
  margin: 0;
}

/*delivery*/
.checkout .delivery .radiocontainer {
  margin-bottom: 7px;
}

.checkout .delivery .radiocontainer label {
  margin-left: 28px;
}

.checkout .delivery .radiocontainer label span {
  color: inherit;
  font-weight: 400;
}

/*the program*/
.checkout .col-right .program {
  max-width: 360px;
  margin-bottom: 28px; padding: 18px 26px;
  border: 1px solid #9cd4ed;
}

.checkout .col-right .program h3 {
  width: 100%;
  padding-right: 0; margin-bottom: 7px;
  border: none;
}

.checkout .col-right .program h3 img {
  width: 118px; height: 17px;
}

.checkout .col-right .program p {
  width: 100%;
  padding-right: 0;
}

.checkout .col-right .program p,
.checkout .col-right .program p a,
.checkout .col-right .program label {
  font: normal 1em arial, "helvetica", sans-serif;
}

.checkout .col-right .program p {
  margin-bottom: 4px;
}

.checkout .col-right .program p a {
  font-weight: bold; color: #46a7d6;
}

.checkout .col-right .program .item {
  width: 100%;
  padding-right: 0;
}

.checkout .delivery .radiocontainer label {
  font-size: 1em; line-height: 22pxem;
}

.checkout .delivery .radiocontainerChecked label {
  background: #e0f5ff;
}

/*conditions*/
.checkout .conditions {
 padding: 0;
}

.checkout .conditions .item {
 width: 90%;
 padding-right: 10%;
}

.checkout .conditions label {
  padding-top: 2px;
  font-size: 0.923077em;
}

.checkout .conditions label a {
  text-decoration: underline;
}

.checkout .conditions label a:hover {
  text-decoration: none;
}

.checkout .verify {
  text-align: center;
}

.checkout .btn.us-conditions {
  display: block;
  width: 190px;
  margin: 5px auto 0;
}

.checkout .btn.us-conditions a,
.checkout .btn.us-conditions input {
  width: 100%;
  padding: 10px 0;
  text-align: center;
}

.checkout .end {
  width: 100%;
  text-align: center;
}

.checkout .end .payment { margin-top: 30px }

.checkout .end .btn {
  border: 5px solid #eee;
}

/* Checkout old client*/
.checkout .old-client .paragraph {
  height: auto;
  padding-bottom: 10px;
}

.checkout .old-client .paragraph label {
  float: none;
  width: 90%;
  font-size: 1.076923em; line-height: 1.2em; font-weight: normal;
}

.checkout form .old-client .select,
.checkout form .old-client .select select {
  width: 600px;
}

.checkout form .old-client .select .selected { width: 535px }

.checkout .old-client form .checkboxes {
  padding-top: 10px;
}

/* Validation */
.checkout form .validation-passed { background-position: 533px 2px }

.checkout form .validation-passed .validation-passed { background: none }

.checkout form .validation-error {
  padding-bottom: 24px;
  background-position: 533px 5px;
}

.checkout form .validation-error.medium { background-position: 323px 5px }

.checkout form .validation-error.small { background-position: 210px 5px }

.checkout form .validation-error .validation-advice { display: block; }

.checkout form .validation-error.double-input { height: 60px }

.checkout form .validation-error.checkboxes { background-position: 0 27px }

.checkout form .validation-error.checkboxes .validation-advice { margin: 5px 0 0 28px }

/* Page fixing */
.checkout .col-right .fixing .item {
  width: 70%;
  padding: 5px 30% 5px 0;
}

.checkout form .fixing .item > label {
  width: 28%;
  font-size: 0.923077em; line-height: 1em;
}

.checkout form .fixing .item > .select { width: 72% }

.checkout form .fixing h3 { width: 573px }

.checkout form .fixing .hardgoods-form-popup .title h3{
    width: inherit;
}

.checkout form .fixing .hardgoods-form-popup p{
    width: inherit;
    margin:0;
}

.checkout form .fixing .validation-error { padding-bottom: 25px !important }

.checkout form .fixing .select-box .validation-advice { margin: 0 }

.checkout form .fixing .question .question-mark, .checkout form .fixing .question-mark {
  position:absolute; right: 135px; top: 8px;
  width: 20px; height: 20px;
  background: url(//media.salomon.com/front_res/natif_img/global/question-mark.png) no-repeat center center;
}

.checkout form .fixing .validation-error,
.checkout form .fixing .question.validation-passed,
.checkout form .fixing .question.validation-error {
  background-position: 453px 6px;
}

.checkout form .fixing.conditions { width: 600px; max-width: 600px }

.checkout form .fixing.conditions > .item {
  width: 100%;
  padding-right: 0;
}

.checkout form .fixing.conditions label { font-size: 1em }

.checkout form .fixing.conditions > p {
  width: 100%;
  margin: 25px 0 15px;
}

.checkout form .fixing.btn { margin-left: 150px }

.checkout form .fixing.btn input, .checkout .fixing.btn input { padding: 15px 15px 15px 65px }

/* Hoockup Portal Page */
.hoockup { overflow: hidden }

.hoockup #preheader .wrapper > ul,
.hoockup header > .wrapper,
.hoockup #prefooter,
.hoockup footer,
.hoockup #colophon { display: none }

.hoockup #preheader { height: 0 }

.hoockup #preheader .logo { top: 7px }

.hoockup #main {
  width: 380px; height: 280px;
  margin: 120px auto 300px; padding: 35px 25px;
  background: white;
}

.hoockup #main p {
  margin-top: 10px;
  font: 1.153846em/1.1em arial,"helvetica",sans-serif; color: #333;
}

.hoockup #main .checkboxes label {
  height: 20px;
  font: bold 1.076923em arial,"helvetica",sans-serif; text-decoration: underline;
}

.hoockup #main .input label,
.hoockup #main .input-box label {
  float: left;
  width: 28%; margin-right: 2%;
  line-height: 40px;
}

.hoockup #main .input input,
.hoockup #main .input-box input {
  float: left;
  width: 67%;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.hoockup #main .btn { margin-top: 35px;}



/* Tablet */
@media only screen and (min-width: 710px) and (max-width: 989px){

  .checkout .col-left h3 { font-size: 1.140769em }

  /* Layout */
  .checkout .col-left {
   float: left;
   width: 230px;
}

.checkout .col-right {
 position: relative;
 float: right;
 width: 445px;
 margin: 0 0 100px 10px; padding: 25px 0 25px 25px;
 background: white;
}

.checkout .col-left .inner {
  padding: 25px 15px 0 15px;
  background: white;
}

/* Basket */
.checkout .basket-list .product {
  border-bottom: 1px solid #E8E8E8;
  display: inline-block;
  padding: 23px 0 13px;
  width: 100%;
}
.checkout .product .title {
  font-size: 0.923077em;
  margin-bottom: 3px;
}

.checkout .size, .checkout .quantity { margin-bottom: 2px }

.checkout .price {
  margin-top: 18px;
  font-size: 1.076923em;
}

.cash .total .reduction .left,
.cash .total .shipping .left,
.cash .total .reduction .right,
.cash .total .shipping .right { font-size: 0.923077em }

.cash .total .total-price { padding: 10px 0 14px }

.checkout .cash .total .total-price .left { font-size: 1.230769em }

.checkout .cash .total .total-price .right { font-size: 1.384615em }

/* Checkout */
.checkout .already-account { right: 15px; top: 30px }

.checkout fieldset h3 {
  width: 85%;
  margin-right: 15%;
}

.checkout .col-right fieldset:first-of-type { margin-top: 18px }

.checkout form .input-box { width: 85% }

.checkout form .item > label { width: 21% }

.checkout form .input-box input { width: 79% }

.checkout form .input-box input + input,
.checkout form .input-box input + input + input {
  margin-left: 21%;
}

.checkout #main .select-box { width: 85% }

.checkout .invoicing .checkboxes > div { margin-left: 20% }

.checkout .us-address .btn { margin-left: 77px }

.checkout .us-address .btn:first-child { margin-left: 122px }

.checkout form p,
.checkout .conditions .item { width: 88% }

.checkout .col-right .program { max-width: 328px }

.checkout form .double-input .validation-advice { margin-top: 74px }

/* Page fixing */
.checkout form .fixing h3 { width: 400px }

.checkout form .fixing .item > label { width: 21% }

.checkout form .fixing .select-box .validation-advice { margin: 37px 0 0 21% }

.checkout form .fixing .question .question-mark, .checkout form .fixing .question-mark  { right: 125px; top: 12px; }

.checkout form .fixing .validation-error,
.checkout form .fixing .question.validation-passed,
.checkout form .fixing .question.validation-error {
    background-position: 395px 10px;
}

.checkout form .fixing.conditions { width: 400px; max-width: 400px }

.checkout form .fixing.conditions label { font-size: 0.923077em }

}

/* Input higher for tablet and mobil */
@media only screen and (max-width: 990px) {

  .checkout form .col-right .invoicing .item,
  .checkout form .col-right .account .item {
   height: 30px;
   padding: 9px 15% 9px 0;
  }

  .checkout form .col-right .delivery .item {
   height: inherit;
  }

  .checkout form .item input[type="text"],
  .checkout form .item input[type="password"] { height: 30px }


  .checkout form .labels label {
    padding-top: 8px;
    line-height: 1.1em;
  }

  .checkout #main .select-box,
  .checkout #main .select-box .select,
  .checkout #main .select-box .select select { height: 30px }

  .checkout #main .select .selected {
    width: 80%; height: 26px;
    line-height: 24px;
  }

  .checkout #main .double-input {
    height: 70px;
  }

  /* Checkout old client */
  .checkout .old-client fieldset h3 {
    margin-right: 0;
    width: 95%;
  }
  .checkout #main .old-client .select-box {
    width: 100%;
    padding-right: 0;
  }

  .checkout form .old-client .select,
  .checkout form .old-client .select select,
  .checkout form .old-client .select .selected {
    width: 100%;
  }

  .apple.checkout form .old-client .select,
  .apple.checkout form .old-client .select select,
  .apple.checkout form .old-client .select .selected {
    width: 95%;
  }

  /* Validation */
  .checkout form .validation-passed { background-position: 386px 13px }

  .checkout form .validation-error {
    padding-bottom: 24px !important;
    background-position: 385px 12px;;
  }

  .checkout form .validation-error.medium { background-position: 280px 13px }

  .checkout form .validation-error.small { background-position: 175px 13px }

  .checkout form .validation-advice { margin: 35px 0 0 21% }

  .checkout form .select-box .validation-advice { margin: 4px 0 0 }

  .checkout form .validation-error.double-input { height: 72px !important }

  .checkout form .validation-error.checkboxes .validation-advice { margin: 0 0 0 28px }

  .checkout form .fixing .select-box .validation-advice { margin: 7px 0 0 }
}

@media only screen and (max-width: 709px){

  .checkout #main {
   margin-top: 35px;
  }

  .checkout h2 {
   margin-left: 15px;
   font-size: 1.769231em;
  }

  .checkout .cols {
    padding: 0 15px;
  }

  .checkout .col-left .inner {
    display: none;
  }

  .checkout .col-left {
    position: absolute; left: 15px; bottom: -145px;
    width: 85%;
  }

  .checkout .col-right {
    float: none;
    width: 90%;
    margin-left: 0; padding: 25px 5%;
  }

  .checkout .already-account { top: 25px }

  .checkout form {
    width: 100%;
  }

  .checkout fieldset h3 {
    font-size: 1.384615em;
  }

  /* Checkout */
  .checkout .col-right fieldset:first-of-type { margin-top: 30px }

  .checkout form p,
  .checkout .delivery .item,
  .checkout .conditions .item {
    display: inline-block;
    width: 100%;
    padding-right: 0;
  }

  .checkout fieldset h3 {
    display: inline-block;
    width: 100%;
    margin-right: 0;
  }

  .checkout form .item {
    width: 100%;
    padding-right: 0;
  }

  .checkout .col-right .us-address .btn { margin-left: 0 }

  .checkout .col-right .us-address .btn:first-child { margin-left: 45px }

  .checkout form .col-right .invoicing .item,
  .checkout form .col-right .account .item {
    width: 100%;
    padding-right: 0;
  }

  .checkout .col-right .program {
    width: 84%;
    padding-right: 11%;
    padding-left: 5%;
  }

  .checkout .col-right .btn,
  .checkout .invoicing li > a {
    margin-left: 27px;
  }

  .checkout .col-right > img,
  .checkout img.us-conditions {
    margin-left: 0 !important;
  }

  .checkout .end { width: 90% }

  /* Validation */
  .checkout form .validation-passed,
  .checkout form .validation-error { background: none }

  .checkout form .validation-advice { margin-left: 23% }

  /* Page fixing */
  .checkout form .fixing { margin-top: 0 !important }

  .checkout form .fixing h3 { width: 100% }

  .checkout .col-right .fixing .item {
      width: 100%;
      padding-right: 0;
  }

  .checkout form .fixing .item > .select { width: 60% }

  .checkout form .fixing .select-box .validation-advice { margin: 10px 0 0 0 }

  .checkout form .fixing .question .question-mark, .checkout form .fixing .question-mark { right: 10px; top: 12px; }

  .checkout form .fixing.conditions { width: 100%; max-width: 100% }

  .checkout form .fixing.conditions label { font-size: 0.923077em }

  /* Hoockup Portal Page */
  .hoockup #preheader .logo { top: 0 }

  .hoockup header { background: white }

} /*end media*/

@media only screen and (max-width: 510px) {

  .checkout .already-account { right: 10px }

  .checkout form .input-box input + input,
  .checkout form .input-box input + input + input,
  .checkout .invoicing .checkboxes > div {
     margin: 10px 0;
  }

  .checkout #main .double-input {
   height: 100px;
  }

  .checkout .radios .radio-list label {
    padding-right: 10px;
  }

  .checkout #main .select select {
    width: 98%;
  }

  .checkout #main .select .selected {
    width: 73%;
    padding-right: 25%;
  }

  .checkout form .item input[type="text"],
  .checkout form .item input[type="password"],
  .checkout #main .select-box,
  .checkout #main .select-box .select,
  .checkout #main .select-box .select select { height: 37px }

  .checkout #main .select .selected { height: 35px; line-height: 30px; }

  .checkout form .col-right .invoicing .item,
  .checkout form .col-right .account .item { height: 60px }

  .checkout form .col-right .invoicing .radios { height: 40px }

  .checkout .double-input { height: 105px }

  .checkout .col-right .us-address .btn a { font-size: 1em }

  .checkout .col-right .us-address .btn {
   width: 200px;
   margin-left: 0 !important;
  }

  /* Validation */
  .checkout form .validation-advice { margin: 45px 0 0 }

  .checkout form .validation-error.double-input { height: 108px !important }

  .checkout form .validation-error.select-box { height: 45px !important }

  .checkout form .select-box .validation-advice { margin-top: 48px }

  /* Page fixing */
  .checkout form .fixing .item { height: 56px !important }

  .checkout form .fixing  .item > label { padding-bottom: 5px }

  .checkout form .fixing .item > .select { width: 88% }

  .checkout form .fixing .question .question-mark, .checkout form .fixing .question-mark { right: 0; top: 35px; }

  .checkout form .fixing.conditions .item { height: auto !important }

  .checkout form .fixing.btn { margin-left: 0 }

  /* Hoockup Portal Page */
  .hoockup #main {
      height: 315px;
      margin: 50px auto;
      padding: 35px 25px;
      width: 220px
  }

  .hoockup #main .input-box label {
      padding-top: 5px;
      line-height: 1em;
  }


} /* end media */

/* POPIN CHECKOUT AND FIXING */
#onestepcheckout-login-popup-contents-login,
#onestepcheckout-login-popup-contents-forgot {
  position: relative;
  max-width: 275px;
  padding: 25px 30px 80px;
  background-color: #ffffff;
}

#onestepcheckout-hookcup-popup-contents-tnc{
    font-size: 12px;
    font-family: arial;
    position: relative;
    max-width: 450px;
    padding: 25px 30px 30px;
}

#onestepcheckout-hookcup-popup-contents-tnc h2 strong{
    color:black;
}

#onestepcheckout-hookcup-popup-contents-tnc p strong{
    color:black;
}

#onestepcheckout-hookcup-popup-contents-tnc a{
    font-size: inherit;
}

#onestepcheckout-hookcup-popup-contents-tnc .close{background:none;}

#onestepcheckout-hookcup-popup-contents-tnc .close a {
    background: url("//media.salomon.com/front_res/natif_img/icons/grey-cross.png") no-repeat scroll left top / 21px 21px transparent;
    padding: 2px 0 5px 25px;
    position: absolute;
    right: 20px;
    top: 5px;
}


#onestepcheckout-amer-loyalties-popup-contents,
.hardgoods-form-popup {
  position: relative;
  max-width: 580px;
  padding: 25px 30px 30px;
}

.onestepcheckout-popup-wrapper #onestepcheckout-retour {
  position: relative;
  max-width: 440px;
  padding: 25px 30px 30px;
}
.onestepcheckout-popup-wrapper h3,
.hardgoods-form-popup h3, #onestepcheckout-amer-loyalties-popup-header {
  width: 100%;
  margin: 13px 10% 25px 0; padding-bottom: 3px;
  border-bottom: 8px solid #EEEEEE;
  font: 1.692308em/1.1em "Interstate Bold",arial,"helvetica",sans-serif;
  letter-spacing: -0.06em; color: #333333;text-transform: uppercase;
}

.onestepcheckout-popup-wrapper p,
.hardgoods-form-popup p {
  padding-bottom: 10px;
}

.onestepcheckout-popup-wrapper p a {
  font: 0.846154em arial,"helvetica",sans-serif; color: #333;
}

.hardgoods-form-popup p a {
  color: #999; text-decoration: underline;
}

.onestepcheckout-popup-wrapper label {
  display: block;
  margin: 5px 0;
  font: 0.846154em "Interstate Bold",arial,"helvetica",sans-serif; color: #333; text-transform: uppercase;
}

.onestepcheckout-popup-wrapper input {
  display: block;
  width: 90%; height: 30px;
  margin-bottom: 15px; padding: 0 5%;
  border: 1px solid #CCCCCC;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  color: #666;
}

.onestepcheckout-popup-wrapper .btn {
  position: absolute; left: 25px; bottom: 28px;
  border: 5px solid #eee;
}

.onestepcheckout-popup-wrapper .btn button {
  background: #ee7d00;
  background: -moz-linear-gradient(top,  #ee7d00 0%, #e45900 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee7d00), color-stop(100%,#e45900));
  background: -webkit-linear-gradient(top,  #ee7d00 0%,#e45900 100%);
  background: -o-linear-gradient(top,  #ee7d00 0%,#e45900 100%);
  background: -ms-linear-gradient(top,  #ee7d00 0%,#e45900 100%);
  background: linear-gradient(to bottom,  #ee7d00 0%,#e45900 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee7d00', endColorstr='#e45900',GradientType=0 );
  border: 1px solid #e14c00;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font: 1.07692em "Interstate Bold",arial,"helvetica",sans-serif;
}


/*.checkout .col-right .program p .close {
    width: 100%;
    padding-right: 0;
}  */
.onestepcheckout-popup-wrapper .close,
.hardgoods-form-popup .close,.checkout .col-right .program p .close  {
  position: absolute; right: 10px; top: 10px;
  padding: 2px 0 5px 25px;
  background: white url('//media.salomon.com/front_res/natif_img/icons/grey-cross.png') no-repeat left top;
  background-size: 21px 21px;
}

.lte9 .onestepcheckout-popup-wrapper .close,
.lte9 .hardgoods-form-popup .close {
  background: none;
}

.onestepcheckout-popup-wrapper .close a,
.hardgoods-form-popup .close a {
  font: 1em "Interstate Bold",arial,"helvetica",sans-serif; color: #ababab; text-transform: uppercase;
}

/* Only for checkout popin */
.onestepcheckout-popup-wrapper h4,
.hardgoods-form-popup h4 {
  margin: 10px 0 2px;
  font: 1em "Interstate Bold",arial,"helvetica",sans-serif; color: #333; text-transform: uppercase;
}

.onestepcheckout-popup-wrapper #popin_table span {
  font: 0.923077em/1.2em "Interstate Regular",arial,"helvetica",sans-serif; color: #333;
}

.onestepcheckout-popup-wrapper .amer-loyalties-popup-offre-small {
  width: 162px; height: 81px;
  background: url('//media.salomon.com/front_res/natif_img/global/program-offres.jpg') no-repeat center center;
}

.onestepcheckout-popup-wrapper .amer-loyalties-popup-services-small {
  width: 162px; height: 81px;
  background: url('//media.salomon.com/front_res/natif_img/global/program-services.jpg') no-repeat center center;
}

.onestepcheckout-popup-wrapper .amer-loyalties-popup-elite-small {
  width: 162px; height: 81px;
  background: url('//media.salomon.com/front_res/natif_img/global/program-elite.jpg') no-repeat center center;
}

.onestepcheckout-popup-wrapper #onestepcheckout-amer-loyalties-popup-content ul {
  display: inline-block;
}

.onestepcheckout-popup-wrapper #onestepcheckout-amer-loyalties-popup-content li {
  float: left;
  width: 30%;
  margin-left: 5%;
}

.onestepcheckout-popup-wrapper #onestepcheckout-amer-loyalties-popup-content li:first-child {
  margin-left: 0;
}

.onestepcheckout-popup-wrapper #onestepcheckout-retour h3 {
  width: 375px;
  padding: 15px 0 15px 50px;
  background: url('//media.salomon.com/front_res/natif_img/icons/retour-back.png') no-repeat left center/40px 40px;
  font-size: 2.230769em ;
}


@media only screen and (max-width: 990px) {

  #onestepcheckout-amer-loyalties-popup-contents {
      width: 162px;
      margin: 0 auto;
  }

  .onestepcheckout-popup-wrapper #onestepcheckout-amer-loyalties-popup-content li {
      float: none;
      width: 100%;
      margin: 0 0 15px 0;
  }
}

/* Only for fixing popin */
.hardgoods-form-popup {
  position: absolute;
  max-width: 440px;
  padding: 25px 30px 30px;
}

.hardgoods-form-popup.large { max-width: 550px }

.hardgoods-form-popup .inner { display: inline-block }

.hardgoods-form-popup .content {
  float: left; overflow: auto;
  max-height: 450px;
  width: 225px;
    margin-right: 15px;
}

.hardgoods-form-popup.large .content { width: 300px }

.hardgoods-form-popup.large .image { width: 200px }

.hardgoods-form-popup ul { list-style: disc inside }

.hardgoods-form-popup li {
  padding: 2px 0;
  color: #666;
}

.hardgoods-form-popup p,
.hardgoods-form-popup p a {
  color: #666;
}

.hardgoods-form-popup .image {
  float: left;
}

.hardgoods-form-popup .close a { text-decoration: none }

@media only screen and (max-width: 950px) {

  .hardgoods-form-popup.large { max-width: 440px }

  .hardgoods-form-popup.large .content { width: 145px }
}

@media only screen and (max-width: 510px) {

  .hardgoods-form-popup .image { display: none }

  .hardgoods-form-popup .content,
  .hardgoods-form-popup.large .content  {
    width: 100%;
    margin: 0;
}
}

/* ----------------------------------------------------------------------- */
/* ::: =IDENTIFY - REGISTRATION (content with their own media queries) ::: */
/* ----------------------------------------------------------------------- */

/* the layout is almost the same as statics page */

/* ::: Identify ::: */
.identify .columns {
  margin-bottom: 150px;
}

.identify .col-left {
  display: inline-block;
  float: left;
  width: 50%;
  margin-right: 5%
}

.identify .col-right {
  display: inline-block;
  float: left;
  width: 45%;
}

.identify label {
  display: inline-block;
  margin-bottom: 5px;
}

.identify .item input[type="text"],
.identify .item input[type="password"] {
  width: 70%;
  padding: 0 5%;
}

.identify .forgot {
  margin-top: 5px;
  font: 0.923077em arial, "helvetica", sans-serif; color: #666;
}

.identify .col-right > p {
  margin: 20px 0 10px;
  font: 1.153846em arial, "helvetica", sans-serif; color: #333;
}

.identify .btn button {
  padding: 13px 20px 13px 65px;
  font: 1.23077em "Interstate Bold",arial,"helvetica",sans-serif;
}

.identify .btn span {
  width: 37px; height: 30px;
}

.identify #main .btn span img {
  left: 5px !important; top: 1px !important;
  margin: 0;
}

/* Validation */
.identify .item.validation-passed,
.identify .item.validation-error { background-position: 285px 48px }

.hoockup .item.validation-passed,
.hoockup .item.validation-error { background-position: 365px 24px }

.identify .item .validation-advice,
.identify .item .error-msg { width: 70% }

/* Tablet */
@media only screen and (max-width: 989px){

  .identify .column01 {
   width: 411px;
   padding: 0;
   background: transparent;
}

.identify .col-left {
 float: none;
 width: 100%;
 margin-right: 0; padding: 36px 26px;
 background: white;
}

.identify .col-right {
  float: none;
  width: 100%;
  margin-top: 15px; padding: 36px 26px;
  background: white;
}

.identify .item.validation-passed,
.identify .item.validation-error { background-position: 342px 48px }

.identify .item .validation-advice,
.identify .item .error-msg { width: 100% }
}

/* Mobile */
@media only screen and (max-width: 709px) {

  .identify .column01 {
     width: 100%;
  }
  .identify .col-left,
  .identify .col-right {
   width: 90%;
   padding: 5%;
  }
  .identify h3 {
    font-size: 1.384615em;
  }
  .identify .item {
    display: inline-block;
    width: 100%;
  }
  .identify .col-right > p {
    margin-top: 10px;
  }
  .identify .item.validation-passed,
  .identify .item.validation-error { background: none }
}

@media only screen and (max-width: 509px) {

  .identify .item input[type="text"], .identify .item input[type="password"] {
   width: 90%;
  }
}


/* ::: REGISTRATION ::: */

.registration .column01 {
  width: 682px;
}
.registration h3 {
  font: 1.923077em "Interstate Regular", arial, "helvetica", sans-serif; color: #46a7d6;
}
.registration .required {
  font: 0.846154em arial, "helvetica", sans-serif; color: #666;
}
.registration span.required {
  padding-right: 4px;
  font-size: 0.923077em; color: #46a7d6;
}
.registration label span.required {
  padding-left: 4px;
}
/*.registration form {
  max-width: 515px;
  }*/

.registration .item {
  clear: both; display: inline-block;
  width: 90%;
  padding: 5px 10% 5px 0;
}

.registration .item label {
  float: left;
  width: 26%;
  padding-top: 5px;
  line-height: 15px;
}

.registration .item input,
.registration .item .radio-list {
  float: left;
  width: 56.5%
}
.registration .change-pass .item  input { width: 30% }

.registration .change-pass .item label{ width: 50% }

.registration .item input[type="text"],
.registration .item input[type="password"] { height: 28px }

.registration .multi-input input {
  float: left;
  width: 30px;
  margin-right: 10px; padding: 0 10px;
}

.registration .indent label { width: 43% }

.registration .indent input {
  width: 128px;
  margin-left: 5%;
}

/* Checkboxes */
.registration .grey {
  margin-top: 25px;
}

.registration .grey > ul {
  display: inline-block;
  width: 92%;
  padding: 18px 4%;
}

.registration .grey ul > li {
  clear: both; float: none; display: inline-block;
  width: 100%; height: 28px;
  margin: 0;
}

.registration .white {
  margin-top: 25px;
}

.registration .white > ul {
  display: inline-block;
  width: 92%;
  padding: 18px 4%;
}

.registration .white ul > li {
  clear: both;
  float: none;
  display: inline-block;
  width: 100%;
  height: 28px;
  margin: 0;
}

/*.registration .grey ul > li:first-child {
    margin-bottom: 18px;
    font: 1.076923em "Interstate Bold", arial, "helvetica", sans-serif;
    color: #666; text-transform: uppercase;
}*/

.registration .grey label {
  width: 95%;
  padding: 3px 0 2px;
}

.registration .grey input {
  left: 1px; top: 1px;
  width: 20px;
}
.registration .white label {
  width: 95%;
  padding: 3px 0 2px;
}

.registration .white input {
  left: 1px; top: 1px;
  width: 20px;
}

.registration .conditions .checkcontainer {
  display: inline-block;
  width: 80%;
}

.registration .conditions label {
  width: 100%; height: 20px; line-height: 20px;
  padding: 0;
  font: 1.076923em arial, "helvetica", sans-serif; color: #333;
}

.registration .conditions label a {
  font: 1.076923em arial, "helvetica", sans-serif; color: #333; text-decoration: underline;
}

.registration .conditions label a:hover {
  text-decoration: none;
}

.registration .conditions input {
  left: 0; top: 0;
  width: 20px;
}

.registration .btn button {
  padding: 12px 8px 12px 57px;
  border: 1px solid #3290c8;
  font: 1.23077em/18px "Interstate Bold", arial, "helvetica", sans-serif;
}

.registration form .btn.medium img {
  left: 15px; top: 50%;
}

.registration  .btn.medium img  {
  left: 15px;
  cursor: pointer;
  margin: -16px 0 0;
  position: absolute;
  top: 50%;
  z-index: 2;
}

/* Valition*/
.registration .item .validation-advice {
  margin-left: 26%; padding-top: 8px;
}

.registration .validation-passed,
.registration .validation-error,
.registration .validation-failed {
  background-position: 542px 9px;
}
/* pour le formulauire adresse */
.customer-address-form .validation-passed,
.customer-address-form  .validation-error,
.customer-address-form  .validation-failed {
  background-position: 430px 9px;
}


.registration .item.indent .validation-advice {
  margin-left: 48%;
}

.registration .indent.validation-passed,
.registration .indent.validation-error,
.registration .indent.validation-failed {
  background-position: 462px 9px;
}

.registration .item.conditions .validation-advice {
  margin: 10px 0 0 55px; padding-top: 5px;
}

.registration .conditions.validation-passed,
.registration .conditions.validation-error,
.registration .conditions.validation-failed {
  background-position: 30px 51px;
}

/* Tablet and mobile */
@media only screen and (max-width: 989px) {

  .registration .column01 { width: auto }

  .registration form { max-width: 100% }

  .registration .item input,
  .registration .item .radio-list { width: 65% }

  .registration .multi-input input { width: 30px }

  .registration .indent input { width: 128px }

  .registration .validation-passed,
  .registration .validation-error,
  .registration .validation-failed { background-position: 380px 9px }

  .registration .indent.validation-passed,
  .registration .indent.validation-error,
  .registration .indent.validation-failed { background-position: 348px 9px }
}

/* Mobile */
@media only screen and (max-width: 709px) {

  .registration .item {
    width: 100%;
    padding-right: 0;
  }

  .registration .item input {
    width: 69%;
    padding: 0 2%;
  }

 .registration .item .radio-list { width: 74% }

 .registration .multi-input input {
    width: 30px;
    padding: 0 15px;
  }

 .registration .indent input {
    width: 128px;
    padding: 0 15px;
  }

  .registration .validation-passed,
  .registration .validation-error,
  .registration .validation-failed { background: none }

  .registration .item.conditions .validation-advice {
    margin-left: 0; padding-top: 0;
  }

}

@media only screen and (max-width: 509px) {

  .registration .column01 { padding: 15px }
  .registration .required { margin-bottom: 10px }
  .registration label {
    margin-bottom: 8px;
    font-size: 0.923077em; font-weight: bold;
  }

  .registration .item .validation-advice,
  .registration .item.indent .validation-advice { margin-left: 0 }

  .registration #main .multi-input input {
    float: left;
    width: 23%;
    margin-right: 3%;
  }
  .registration .indent input { margin: 0 }
}

/* ---------------------------------------------------------------- */
/* ::: =ACCOUNT (include subpage, with their own media queries) ::: */
/* ---------------------------------------------------------------- */

.account h2 { margin-left: 5px }

.account .columns {
  padding: 0 179px 0 5px;
}

.account .column01 {
  width: 93%; min-height: 500px;
  margin-bottom: 140px; padding: 25px 3.5%;
}

.account .column02 {
  width: 156px;
}

.account .column02 > img {
  margin-bottom: 10px;
}

.account .col-left {
  float: left;
  width: 182px;
  margin: 0;
}

.account .col-right {
  float: left;
  width: 525px;
  margin-left: 42px;
}

/* Menu*/
.account .menu-list {
  display: inline-block;
}

.account .menu-list li {
  padding: 7px;
  border-bottom: 1px solid #dfdfdf;
}

.account .menu-list a {
  font: 1.076923em arial, "helvetica", sans-serif; text-transform: uppercase;
}

.account .menu-list .current {
  background: #eee;
}

.account .menu-list .current a {
  font-family: "Interstate Bold", arial, "helvetica", sans-serif; color: #333;
}

.account .column01 .menu-select {
  display: none;
  width: 100%;
}

.account .col-left .select select {
  top: 0;
  width: 100%;
}

.account .col-left .select .selected {
  width: 93%; height: 37px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

/* Content */
.account .col-right h3 {
  margin-bottom: 5px;
  font: 1.846154em "Interstate Regular", arial, "helvetica", sans-serif; color: #46a7d6;
}

.account p { clear: both }
.account .col-right > p, .account .col-right .my-account > p {
  margin-bottom: 22px;
  font: 1.153846em arial, "helvetica", sans-serif; color: #333;
}

.account section {
  display: inline-block;
  margin-bottom: 22px;
}

.account .full {
  clear: left;
  width: 100%;
}

.account .half,
.account .half.align-r {
  float: left;
  width: 47.5%;
}

.account .half.align-r { margin-left: 2.5% }

.account section h4 {
  margin-bottom: 8px; padding: 8px 0;
  background: #46a7d6;
  font-size: 1.230769em; color: white;
  text-align: center; text-transform: uppercase;
}

.account section h5 {
  margin-bottom: 10px;
  font: bold 1em arial, "helvetica", sans-serif; color: #666;
}

.account section p,
.account section a {
  font: 0.923077em arial, "helvetica", sans-serif; color: #666;
}

.account section a {
  display: block;
  padding-top: 4px;
  color: #46a7d6;
}

.account section a:hover { text-decoration: underline }

.account section > * {
  padding-right: 1%; padding-left: 1%;
}

.account section.half > * {
  padding-right: 2%; padding-left: 2%;
}

.account section h4 { padding-right: 10% !important; padding-left: 10% !important; }

.account .column .btn { left: auto }

/* Order */
.account .order h4 { margin-bottom: 4px }

.account .order .detail-order {
  clear: left;
  margin-bottom: 4px; padding: 4px 6px;
  background: #f6f6f6;
}

.account .order .detail-order > ul {
  display: inline-block;
  width: 100%;
}

.account .order .detail-order span,
.account .order .detail-order a {
  padding: 0;
  font: 0.923077em arial, "helvetica", sans-serif; color: #666;
}

.account .order .detail-order a {
  color: #46a7d6;
}

.account .order .detail-order .title {
  display: none;
  font-weight: bold;
}

.account .order .head-order .title { display: block }

.account .order .detail-order > ul > li { float: left }

.account .order .detail-order .number { width: 23% }

.account .order .detail-order .date-order { width: 15% }

.account .order .detail-order .cost { width: 15% }

.account .order .detail-order .status { width: 23% }

.account .order .detail-order .link { width: 23% }

/* Address */
.account section .address { margin-bottom: 20px }

.account section .address.half { width: 43.5% }

/* New address */
.account .new-address p.required { margin-bottom: 20px }
.account .new-address .select {
  float: left;
  width: 63%;
}

.account .new-address .select select {
  position: relative; /* top: 0; */
  width: 100% !important; height: 28px;
}

.account .new-address .select .selected {
  /*width: 222px; */height: 28px; line-height: 28px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.account .new-address .checkboxes .checkcontainer {
  display: inline-block;
  width: 80%;
}

.account .new-address .checkboxes input {
  left: 0; top: 0;
  width: 20px;
}

.account .new-address .checkboxes label { width: 100% }

.account .new-address .checkboxes { margin-top: 20px }

.account .new-address .checkboxes { margin-top: 15px }

.account .new-address .btn input  {
  padding: 15px 20px 15px 60px;
  font-size: 1.23077em;
}

.account .new-address .small input { max-width: 85px }

.account .new-address .medium input { max-width: 195px }

.account .new-address .validation-error.medium {
    background-position: 360px 8px;
}

.account .new-address .validation-error.small {
    background-position: 250px 8px;
}

/* The Program */
.account .col-right .program-title,
.account .col-right .program-mobile { display: none }

/* Order page */
.account .order-bar {
  width: 100%; height: 35px;
  margin-bottom: 5px;  padding: 0;
  background: #46a7d6;
}
.account .order-bar .quantity {
  float: left;
  width: 26%; height: 35px;
  padding: 0 2%;
  font: 1.230769em "Interstate Bold", arial, "helvetica", sans-serif; color: white;
  line-height: 35px;
}

.account .order-bar .pagination {
  float: left;
  width: 26%; height: 35px;
  padding: 5px 2%;
  line-height: 35px;
}

.account .order-bar .pagination > * {
  display: block; float: left;
}

.account .order-bar .pagination span {
  padding-right: 5px;
  font: 1.230769em arial, "helvetica", sans-serif; color: white; line-height: 25px;
}

.account .order-bar .pagination li {
  float: left;
  padding: 1px 2px 0;
}

.account .order-bar .pagination a {
  font: 0.923077em arial, "helvetica", sans-serif; color: white;
  text-decoration: underline;
}

.account .order-bar .pagination .current a {
  font-weight: bold; text-decoration: none;
}

.account .order-bar .pagination .select,
.account .order-bar .pagination .select select,
.account .order-bar .pagination .select .selected {
  top: 0;
  width: 50px; height: 24px;
  font: 1em/24px arial, "helvetica", sans-serif; color: #666;
}

.account .order-bar .pagination .select option { color: black }

.account .order-bar .change {
  float: right;
  width: 36%;
  padding: 5px 2%;
  font: 0.923077em arial, "helvetica", sans-serif; color: white;
}

.account .order-bar .change > span {
  display: block; float: left;
  width: 53px; height: 25px; line-height: 25px;
}

.account .order-bar .change .per-page {
  width: 60px;
  margin-left: 5px;
  text-align: right;
}

.account .order-bar .change .select {
  float: left;
}

.account .order-bar .change .select,
.account .order-bar .change .select select {
  width: 69px; height: 24px;
}

.lte9 .account .order-bar .change .select select { height: 35px }

.account .order-bar .change .select select { top: 1px }

.account .order-bar .change .select .selected {
  width: 24px; height: 24px; line-height: 24px;
  padding: 0 45px 0 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: right;
}

/* Order subpage */
.account .menu-order {
  display: inline-block;
  width: 100%;
  margin: 10px 0 25px;
}

.account .menu-order li {
  float: left;
  margin-right: 5px; padding-bottom: 9px;
}

.account .menu-order li.active {
  background: url('//media.salomon.com/front_res/natif_img/global/arrow-order.png') no-repeat center bottom;
}

.account .menu-order li.active a {
  background: #46a7d6;
}

.account .menu-order li:hover a {
  background: #46a7d6;
}

.account .menu-order li a {
  display: block;
  padding: 9px 13px;
  background: #c6c6c6;
  font-size: 1.230769em; color: white; text-decoration: none;
}

.account .column01 .menu-order-select {
  display: none;
  width: 100%; height: 40px;
  margin: 10px 0 15px;
}

.account .menu-order-select select {
  top: 0;
  width: 100% !important;
}

.account .menu-order-select .selected {
  width: 90% !important;
  padding: 0 8% 0 2%;
}

.account .left {
  float: left;
  width: 70%;
}

.account .right {
  float: right;
  width: 30%;
  text-align: right;
}

.account .left span {
  display: block;
  height: 20px;
  font: 1.076923em arial, "helvetica", sans-serif; color: #666;
}

.account .left span:first-child {
  font-size: 1.142857em;
}

.account .right span {
  display: block;
  height: 20px;
}

.account .right a {
  font: 0.923077em arial, "helvetica", sans-serif; color: #666;
}

.account h3.small {
  margin: 15px 0 10px; padding-top: 15px;
  border-top: 1px solid #eee;
  font-size: 1.230769em;
}

.account .order .detail-order .product { width: 40% }

.account .order .detail-order .product2 { width: 20% }
.account .order .detail-order .sku { width: 20% }

.account .order .detail-order .price-taxe {
  width: 12%;
  padding-right: 3%;
  text-align: right;
}

.account .order .detail-order .quantity { width: 30% }
.account .order .detail-order .quantity2 { width: 15% }
.account .order .detail-order .tva { width: 15% }
.account .order .detail-order .tva2 { width: 10% }

.account .order .detail-order .refund-name-product{ width: 20% }
.account .order .detail-order .refund-ref{ width: 20% }
.account .order .detail-order .refund-price{ width: 15% }
.account .order .detail-order .refund-qty{ width: 5% }
.account .order .detail-order .refund-subtotal{ width: 15%; }
.account .order .detail-order .refund-damount{ width: 10% }
.account .order .detail-order .refund-rowtot{ width: 15%; }

.account .order .detail-order .subtotal {
  width: 12%;
  padding-left: 3%;
  text-align: right;
}

.account .order .detail-order .subtotal2{
    width: 17%;
    padding-left: 3%;
    text-align: right;
}

.account .total li {
  margin-bottom: 5px;
  font: 1.076923em arial, "helvetica", sans-serif; color: #46a7d6;
}

.account .total .left {
  width: 77%;
  text-align: right;
}

.account .total .right { width: 23% }

.account .total .last { margin-top: 10px }

.account .total strong {
  font-size: 1.384615em; font-weight: bold; color: #333;
}

.account .col-right .date {
  margin-bottom: 18px; padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  color: #666;
}

.account .col-right .detail {
  min-height: 110px;
  text-align: left;
}

.account .col-right .detail p:first-child {
  margin-bottom: 5px;
  text-transform: uppercase;
}

.account .bottom {
  clear: both; display: block;
}

.account .bottom .continue {
  position: relative;
  margin-bottom: 20px;
  background-image: url('//media.salomon.com/front_res/natif_img/icons/arrow-back.png');
  background-position: left 0;
  color: #666;
}

.account .delivery-link a {
  display: block;
  padding: 5px 0;
  font: 0.923077em  arial, "helvetica", sans-serif;
}

.account .expedition {
  display: inline-block;
  margin-top: 20px; padding-top: 20px;
  border-top: 1px solid #eee;
}

.account .expedition .title,
.account .expedition a,
.account .expedition p {
  font: 0.923077em arial, "helvetica", sans-serif;
}

.account .expedition .title {
  margin-bottom: 10px;
  font-weight: bold; color: #46a7d6; text-transform: uppercase;
}

.account .expedition > a {
  display: block;
  margin-bottom: 5px;
  color: #46a7d6;
}

.account .expedition p { margin-top: 10px }

.account .expedition p a { text-decoration: underline }

.account .order .detail-order .name-product { width: 50% }

.account .order .detail-order .ref { width: 30% }

.account .order .detail-order .quantity-delivery {
  width: 20%;
  text-align: center;
}

/* Info (informations personnelles) */
.account .col-right.info { padding-bottom: 80px }
.account .info p.required { margin-bottom: 20px }

.account .info .medium input { width: 39% }

.account .info .medium.validation-error,
.account .info .medium.validation-passed {
  background-position: 342px 9px;
}

.account .info .change-radio .checkcontainer , .account .change-radio .checkcontainer{
  display: inline-block;
  width: 90%;
  margin: 20px 10% 20px 0; padding: 20px 0 0;
  border-top: 8px solid #eee;
  background-position: left 20px;
}

.account .info .change-radio .checkcontainer.checkcontainerChecked {
  background-position: left -160px;
}

.account .info .change-radio input {
  left: 0; top: 20px;
  width: 20px;
}

.account .info .change-radio label { width: 80% }

.account .info .change-pass label { width: 45% }

.account .info .change-pass input { width: 34% }

.account .info .change-pass .validation-advice { margin-left: 45% }

.account .info .btn input {
  width: 100%;
  padding: 12px 12px 12px 57px;
  font: 1.23077em/18px "Interstate Bold";
}

/* Page new address */
.account.registration .validation-error,
.account.registration .validation-passed {
  background-position: 430px 9px;
}

/* Popin */
.account.page-popup {
  position: relative;
  padding: 25px 30px 80px;
}

.account.page-popup h3 {
  width: 90%;
  margin: 0 10% 15px 0; padding-bottom: 3px;
  border-bottom: 8px solid #EEEEEE;
  font-size: 2.384615em; letter-spacing: -0.06em; text-transform: uppercase;
}

.account.page-popup h4 {
  margin: 20px 0 10px;
  font-size: 1.230769em; color: #46a7d6; text-transform: uppercase;
}

.account.page-popup p {
  padding: 2px 0;
  font-family: Arial, "Helvetica", sans-serif; color: #666;
}

.account.page-popup p a {
  color: #ababab; text-decoration: underline;
}

.account.page-popup .back-order {
  margin: 25px 10% 15px 0; padding-top: 15px;
  border-top: 1px solid #EEEEEE;
  text-align: center;
}

.account.page-popup .back-order a {
  font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  color: #333; text-transform: uppercase;
}

.account.page-popup .close a {
  background: url("//media.salomon.com/front_res/natif_img/icons/grey-cross.png") no-repeat scroll left top / 21px 21px transparent;
  padding: 2px 0 5px 25px;
  position: absolute;
  right: 10px;
  top: 10px;
}

.account .valid,
.account .error {
  height: 22px; line-height: 22px;
  margin-bottom: 15px;
}

/* Sidebar */
.account .column02 .title {
  padding-bottom: 5px;
  font-size: 1em; line-height: 15px; color: #666;
}
.account .column02 .line1 {
  font-size: 12px; color: #666;
}
.account .column02 li {
  padding-left: 40px;
  background-size: 30px 1238px;
}
.account .column02 .delivery_charge_free { background-position: left -324px }
.account .column02 .delivery { background-position: left -105px }
.account .column02 .secure_paiement { background-position: left -435px }
.account .column02 .help {
   background: url("//media.salomon.com/front_res/natif_img/icons/picto-question.png") no-repeat 0 0;
}
.account .hotline {
  background: url("//media.salomon.com/front_res/natif_img/icons/phone.png") no-repeat scroll 0 0 transparent;
  background-size: 31px 30px !important;
}
/* IE8 */
.lte9 .account .column02 li { padding-left: 48px }
.lte9 .account .column02 .delivery_charge_free { background-position: left -450px }
.lte9 .account .column02 .delivery { background-position: left -150px }
.lte9 .account .column02 .secure_paiement { background-position: left -600px }
.lte9 .account .column02 .help {
   background: url("//media.salomon.com/front_res/natif_img/icons/picto-question-ie.png") no-repeat 0 0;
}
.lte9 .account .column02 .hotline { background-position: left -900px }


/* Tablet and Mobile*/
@media only screen and (max-width: 989px) {

  .account h2 { font-size: 2.846154em }
  .account .col-left {
     float: none;
     width: 100%;
     margin-bottom: 10px;
  }
  .account .column01 {
   width: 100%;
   padding: 0;
   background: none;
  }
  .account .col-left { background: none}
  .account .col-left .menu-list { display: none }
  .account .col-left .menu-select { display: block }
  .account .col-right {
    float: none;
    width: 95%;
    margin: 0; padding: 10px 2.5%;
    background: white;
  }
  .account h3.small { display: block }
  .account .info .change-pass input { width: 34% !important }
} /* end 989 */

/* Tablet */
@media only screen and (min-width: 710px) and (max-width: 989px) {

  .account .columns { padding: 0 164px 0 5px }
  .account .col-left {
    width: 95%;
    margin: 0; padding: 20px 2.5% 0 2.5%;
    background: white;
  }
  .account .col-left .menu-select { max-width: 460px }
  .account .col-left .select .selected {
    font: 1.692308em/40px "Interstate Regular", arial, "helvetica", sans-serif;
    text-transform: uppercase;
  }

  /* Info (and New address) */
  .account .info input[type=text],
  .account .info input[type=password],
  .account .new-address input[type=text],
  .account .new-address input[type=password] { width: 57% }

    .account .change-pass .item  input, .account .change-pass .item input {
        width: 30%
    }
    .account .change-pass .item label, .account .change-pass .item label{
        width: 50%;
    }

  .account .info .input-list input { width: 30px }

  .account .info .validation-error,
  .account .info .validation-passed,
  .account .new-address .validation-error,
  .account .new-address .validation-passed {
    background-position: 426px 9px;
  }
  .account .info .change-pass .validation-advice { margin-left: 0 }

  /* New address */
  .account .new-address .validation-error.small { background-position: 245px 8px }
  .account .new-address .validation-error.medium { background-position: 255px 8px }
}

/* Mobile*/
@media only screen and (max-width: 709px) {

  .account .columns { padding: 0 5px }
  .account .col-right {
      width: 100%;
      padding: 20px 0;
  }
  .account .col-right.center-mobile {
    padding: 20px 2.5%;
    width: 95%;
  }

  .account .col-right > h3 { padding: 0 3.5% }
  .account .col-right .valid,
  .account .col-right .error { margin: 0 3.5% 15px }
  .account .col-right.center-mobile h3 {
      display: block;
      padding: 0;
  }
  .account .col-right > p {
   padding: 0 5%;
   font-size: 1.076923em;
  }
  .account .col-right section > * {
    width: 90%;
    padding-right: 5% !important; padding-left: 5% !important;
  }
  .account .half,
  .account .half.align-r {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .account section h4,
  .account section.order h4 { margin-bottom: 10px }

  /* The order */
  .account .order .head-order { display: none }
  .account .order .detail-order .title { display: inline-block }
  .account .order .detail-order > ul > li {
    float: none;
    width: 100% !important;
    margin-bottom: 3px; padding: 0 !important;
    text-align: left !important;
  }
  .account section .address.half { width: 90% }

  /* The Program */
  .account .col-right .program-iframe { display: none }
  .account .col-right .program-title,
  .account .col-right .program-mobile {
    display: block;
    padding: 0 3.5%;
  }
  .account .col-right .program-mobile p {
    font: 1.153846em arial, "helvetica", sans-serif; color: #333;
  }

  .account .col-right .program-mobile .btn a {
    font-family: "Interstate Bold", arial, "helvetica", sans-serif;
  }

  .account .col-right > p,
  .account .col-right .my-account > p {
    color: #666666;
  }

  /* Order page */
  .account .order-bar { margin-top: 14px }
  .account .order-bar .quantity,
  .account .order-bar .pagination {
    width: auto;
    margin-bottom: 10px;
    font-size: 1em;
  }
  .account .order-bar .pagination { float: right }
  .account .order-bar .pagination span { font-size: 1em;}
  .account .order-bar .change,
  .account .order-bar.second { display: none }

  /* Order subpage */
  .account .menu-order { display: none }
  .account .column01 .menu-order-select { display: block }
  .account .menu-order li { float: none }
  .account .menu-order li.active { background: none }
  .account .left,
  .account .right {
      float: none;
      width: 100%;
      text-align: left;
  }
  .account .left span,
  .account .right span { height: auto }
  .account .right span a { color: #46a7d6 }
  .account .right .print { display: none }
  .account .col-right.center-mobile section > * {
      width: 100%;
      padding-right: 0 !important; padding-left: 0 !important;
  }
  .account .col-right.center-mobile h3 { padding-top: 15px }
  .account .total .left,
  .account .total .right {
      float: left;
      width: auto;
      text-align: left;
  }
  .account .total .left {
      clear: both;
  }
  .account .total .left:after  {
      content: " : ";
      margin-right: 10px;
  }
  .account .total .right { font-weight: bold }
  .account .col-right .date { padding-left: 0 }
  .account .col-right .detail { min-height: 0 }

  /* Info */
  .account .col-right.info,
  .account .col-right.new-address {
      padding: 20px 2.5%;
      width: 95%;
  }
  .account .col-right.info h3 { display: block }
  .account .info .change-pass input { width: 94% !important }
  .account .info .change-pass .validation-advice { margin-left: 0 }

  /* Newsletter */
  .account .center-mobile label { font-size: 1.07692em }

} /* end 709 */

/* ------------------------------- */
/* ::: =ICONS HIGHT RESOLUTION ::: */
/* ------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-moz-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 240dpi) {
    /* form global, newsletter */
  .column02 li,
  #product .prod-desc .desc-arguments .argument {
    background-image: url('//media.salomon.com/front_res/natif_img/icons/commitments%402x.png');
    background-size: 40px 1691px;
  }
  .valid,
  .checkout .invoicing .valid,
  .validation-passed {
    background-image: url('//media.salomon.com/front_res/natif_img/icons/feedback-valid%402x.png');
    background-size: 32px 30px;
  }
  .valid,
  .validation-passed {
    background-position: 320px 42px;
  }
  .account .valid {
    background-size: 23px 22px;
  }
  .error,
  .checkout .invoicing .error,
  .validation-error,
  .validation-failed{
       background-image: url('//media.salomon.com/front_res/natif_img/icons/feedback-error%402x.png');
       background-size: 32px 30px;
   }

  /* basket */
  .basket .cash .freeship.valid {
    background: #F6F6F6 url('//media.salomon.com/front_res/natif_img/icons/feedback-valid%402x.png') no-repeat 220px 48px;
    background-size: 32px 30px;
  }
  .basket .bottom .continue {
    background-image: url("//media.salomon.com/front_res/natif_img/icons/arrow-left%402x.png");
    background-size: 26px 25px;
  }
  .column02 .call {
    background: url("//media.salomon.com/front_res/natif_img/icons/phone%402x.png") no-repeat scroll 0 0 transparent;
    background-size: 40px 40px;
  }
  .column02 .hotline {
    background-image: url(//media.salomon.com/front_res/natif_img/icons/phone-blue%402x.png);
    background-size: 40px 40px;
  }

  /* Account */
  .account .bottom .continue {
    background-image: url('//media.salomon.com/front_res/natif_img/icons/arrow-back%402x.png');
    background-size: 26px 25px;
  }
  .account .column02 .help {
    background-image: url("//media.salomon.com/front_res/natif_img/icons/picto-question%402x.png");
    background-size: 30px 30px;
  }
  .account .hotline {
    background-image: url("//media.salomon.com/front_res/natif_img/icons/phone%402x.png");
    background-size: 31px 30px !important;
  }
  /* Fixing checkout */
  .checkout form .fixing .question .question-mark, .checkout form .fixing .question-mark  {
    background-image: url('//media.salomon.com/front_res/natif_img/global/question-mark%402x.png');
    background-size: 20px 20px;
  }
} /* end pixel ratio */


#advice-validate-custom-day,
#advice-validate-custom-month,
#advice-validate-custom-year {
    display:none;
}

.checkout form .conditions .validation-advice {
    display: block;
    margin : 0;
}

.basket .product .bundled-img {
    margin-top: 25px;
}

.basket .product .bundle_title {
    margin-top: 35px;
}

.basket .product .bundle_price .price {
    position: relative;
}

.basket .amer_empty_cart .amer_empty_cart_title{
      color: #333333;
      font-size: 1.5em;
      margin-bottom: 15px;
}

.basket .amer_empty_cart .amer_empty_cart_content{
    line-height: 1em;
}

.basket .amer_empty_cart .amer_empty_cart_content a{
    text-decoration: underline;
}

.messages .error-msg {
    background: url("//media.salomon.com/front_res/natif_img/icons/feedback-error.png") no-repeat scroll left top transparent;
    color: #C80C0C;
    line-height: 1em;
    margin-bottom: 15px;
    padding: 4px 10px 6px 30px;
}

.messages .success-msg {
    background: url("//media.salomon.com/front_res/natif_img/icons/feedback-valid.png") no-repeat scroll left top transparent;
    color: #389c1d;
    line-height: 1em;
    margin-bottom: 15px;
    padding: 4px 10px 6px 30px;
}

#advice-required-entry-coupon_code {
    color: #C80C0C;
}

#discount-coupon-form .btn {
    left:200px;
}

#discount-coupon-form #coupon_code {
    position: relative;
    left:-75px;
}

.main-background .ecom {
    display:block;
}
.main-background .b2x {
    display:none;
}
.hoockup .main-background .ecom {
    display:none;
}
.hoockup .main-background .b2x {
    display:block;
}

.amer_change_radio {
    border-top: 8px solid #EEEEEE;
    padding-top: 20px;
}

.amer_change_radio .checkcontainer label{
    color: #666666;
    font: 700 1.07692em/21px Arial,sans-serif;
}

.amer_loyalties_subscribe {
    top:-10px;
    position: relative;
}


.basket .column .quantity.select .selected {
    margin-left: 0px;
}

/*  Pour remonter le bloc de droite dans la page ForgetPassword */
.customer-account-forgotpassword .column02
{
    top: -62px;
}

.hardgoods-form-popup {
    background-color: #FFFFFF;
    z-index: 1000001;
}

.sales-order-print,
.sales-order-printshipment,
.sales-order-printcreditmemo,
.sales_order_printinvoice
{
    width: 550px;
}

.sales-order-print .detail,
.sales-order-printshipment .detail,
.sales-order-printcreditmemo .detail,
.sales_order_printinvoice .detail{
    padding-top: 8px;
}

.sales-order-print.account .order .detail-order .name-product,
.sales-order-printshipment.account .order .detail-order .name-product,
.sales-order-printcreditmemo.account .order .detail-order .name-product,
.sales_order_printinvoice.account .order .detail-order .name-product{
    width: 40%;
}

.sales-order-print.account .order .detail-order .print-price,
.sales-order-printshipment.account .order .detail-order .print-price,
.sales-order-printcreditmemo.account .order .detail-order .print-price,
.sales_order_printinvoice.account .order .detail-order .print-price{
    width: 15%;
}

.sales-order-print.account .order .detail-order .quantity-delivery,
.sales-order-printshipment.account .order .detail-order .quantity-delivery,
.sales-order-printcreditmemo.account .order .detail-order .quantity-delivery,
.sales_order_printinvoice.account .order .detail-order .quantity-delivery{
    width: 30%;
}

.sales-order-print.account .order .detail-order .print-subtotal,
.sales-order-printshipment.account .order .detail-order .print-subtotal,
.sales-order-printcreditmemo.account .order .detail-order .print-subtotal,
.sales_order_printinvoice.account .order .detail-order .print-subtotal{
    width: 15%;
}

/* Cookies */
#cookie-consent {
    position:fixed;bottom:0;left:0;z-index:9999;
    width:100%;
    background: #fff;
    border: 5px solid #f1f1f1;
    font-size: 12px;
    max-height: 0;
    overflow: hidden;
    font-family: arial, "helvetica", sans-serif;
}
#cookie-consent .content {
    padding: 15px 40px 10px 0;
}
#cookie-consent a {
    color: #4a606a;
    text-decoration: none;
}
#cookie-consent a {
    color: #46A7D6;
    text-decoration: underline;
}
#cookie-consent p {
    padding: 0 30px 0 0;
}
#cookie-consent span {
    display: inline-block;
    color: #666;
    line-height: 16px;
}
#cookie-consent span.close {
    background: transparent url("//media.salomon.com/front_res/natif_img/icons/grey-cross.png") no-repeat 0 0;
    background-size: 100% auto;
    width: 22px;
    height: 22px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
}