/* Définitions des couleurs du thème
------------------------------------------------------------*/
/* Couleurs de la charte : background */
/* Couleurs de la charte : footer & divers */
/* Couleurs de la charte : menus */
/* Couleurs de la charte : sous menus ou menu secondaire*/
/* Couleurs des textes */
/* Couleurs des arrières plans */
/* Couleurs des bordures */
/* Couleurs des titres */
/* Couleurs des sous-titres */
/* Éléments cliquables (liens, boutons, etc.) */
/* Champs de formulaires */
/* Encart */
/* Modules */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.phone_link {
  text-decoration: none !important;
  color: inherit !important;
}
/* Pagination site */
.ul_pagination {
  *zoom: 1;
  border: 0;
  margin: 1em auto;
  padding: 0;
  clear: both;
  text-align: center;
}
.ul_pagination:before,
.ul_pagination:after {
  display: table;
  content: "";
  line-height: 0;
}
.ul_pagination:after {
  clear: both;
}
.ul_pagination li {
  border: 0;
  margin: 0 3px;
  padding: 0;
  list-style: none;
  display: inline-block;
}
.ul_pagination a.pagination_link,
.ul_pagination .active {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 10px 15px;
  text-decoration: none;
  text-align: center;
  /*width: 2.6em;
		height: 2.6em;*/
}
.ul_pagination a.pagination_link {
  background-color: #950a00;
  color: #d2d2d2;
  display: block;
}
.ul_pagination a.pagination_link:hover {
  opacity: 0.8;
}
.ul_pagination .active {
  background: #cc0000;
  color: #ad0c00;
  font-weight: bold;
}
.ul_pagination a.pagination_grp {
  font-size: 20px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  color: #333333;
}
.commonImage {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.commonHoverImageScale {
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  transition: all .7s ease;
}
.commonHoverImageScale:hover {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}
.commonErrorBox,
.commonSuccessBox {
  margin: 20px 0;
  padding: 1px;
  position: relative;
  font-family: 'Muli', sans-serif;
  text-align: center;
}
.commonErrorBox p,
.commonSuccessBox p,
.commonErrorBox ul,
.commonSuccessBox ul {
  display: block;
  margin: 0;
  padding: 20px;
}
.commonErrorBox {
  border: 2px solid #cc0000;
  padding: 15px;
  color: #cc0000;
  /*background-color:@clickable_background_color;*/
}
.commonErrorBox p,
.commonErrorBox ul {
  display: block;
  margin: 0;
  color: #cc0000;
  /*background-color:@clickable_background_color; border:2px solid @clickable_border_color;*/
}
.commonErrorBox ul {
  padding-left: 2em;
  list-style: none;
}
.commonSuccessBox {
  background-color: #c6cdaa;
  background: #c6cdaa;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #c6cdaa), color-stop(1, #a8ae8e));
  background: -ms-linear-gradient(bottom, #c6cdaa, #a8ae8e);
  background: -moz-linear-gradient(center bottom, #c6cdaa 0%, #a8ae8e 100%);
  background: -o-linear-gradient(#a8ae8e, #c6cdaa);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8ae8e', endColorstr='#c6cdaa', GradientType=0);
  -webkit-box-shadow: 0px 0px 6px rgba(223, 230, 198, 0.7);
  -moz-box-shadow: 0px 0px 6px rgba(223, 230, 198, 0.7);
  box-shadow: 0px 0px 6px rgba(223, 230, 198, 0.7);
}
.commonSuccessBox p,
.commonSuccessBox ul {
  display: block;
  margin: 0;
  color: #676b5b;
  text-shadow: 1px 1px 0px #d6dcc3;
  background-color: #e2e8c9;
  background: #e2e8c9;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e2e8c9), color-stop(1, #c1c8a7));
  background: -ms-linear-gradient(bottom, #e2e8c9, #c1c8a7);
  background: -moz-linear-gradient(center bottom, #e2e8c9 0%, #c1c8a7 100%);
  background: -o-linear-gradient(#c1c8a7, #e2e8c9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1c8a7', endColorstr='#e2e8c9', GradientType=0);
  -webkit-box-shadow: inset 0px 1px 0px #ebf0da;
  -moz-box-shadow: inset 0px 1px 0px #ebf0da;
  box-shadow: inset 0px 1px 0px #ebf0da;
}
.commonSuccessBox ul {
  padding-left: 2em;
}
/* Default custom select styles */
div.cs-select {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: left;
  z-index: 100;
  width: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: .9em;
  margin-bottom: 1em;
}
div.cs-select:focus {
  outline: none;
  /* For better accessibility add a style for this in your skin */
}
.cs-select select {
  display: none;
}
.cs-select span {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 1em .5em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Placeholder and selected option */
.cs-select > span {
  padding-right: 2em;
}
.cs-select > span::after,
.cs-select .cs-selected span::after {
  speak: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cs-select > span::after {
  font-family: 'FontAwesome';
  content: '\f0d7';
  right: .5em;
}
.cs-select .cs-selected span::after {
  margin-left: .5em;
}
.cs-select.cs-active > span::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
div.cs-active {
  z-index: 200;
}
/* Options */
.cs-select .cs-options {
  position: absolute;
  overflow: hidden;
  width: 100%;
  background: #d2d2d2;
  visibility: hidden;
  line-height: 1;
}
.encart .cs-select .cs-options {
  background: #d2d2d2;
}
/*.filters{.cs-select .cs-options{ background:@module_fond_input;}}*/
.cs-select.cs-active .cs-options {
  visibility: visible;
}
.cs-select ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.cs-select ul span {
  padding: 1em;
}
.cs-select ul li.cs-focus span {
  background-color: #333333;
}
.encart .cs-select ul li.cs-focus span {
  background-color: #ffffff;
}
.filters .cs-select ul li.cs-focus span {
  background-color: #333333;
}
/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul {
  padding-left: 1em;
}
.cs-select li.cs-optgroup > span {
  cursor: default;
}
.select-label {
  color: #d2d2d2;
}
.encart .select-label {
  color: #eeeeee;
}
.filters .select-label {
  color: #ffffff;
}
/* Individual styles */
/* skin-border
----------------------------------------------------------*/
.cs-skin-border > span {
  border: 4px solid #333333;
  /*border-color: inherit;*/
  -webkit-transition: background 0.2s, border-color 0.2s;
  transition: background 0.2s, border-color 0.2s;
  color: #333333;
}
.encart .cs-skin-border > span {
  border: 4px solid #ffffff;
  color: #ffffff;
}
.filters .cs-skin-border > span {
  border: 4px solid #333333;
  color: #333333;
}
.cs-skin-border > span::after,
.cs-skin-border .cs-selected span::after {
  font-family: 'FontAwesome';
  content: '\f063';
  color: #333333;
}
.encart .cs-skin-border > span::after,
.encart .cs-skin-border .cs-selected span::after {
  color: #ffffff;
}
.filters .cs-skin-border > span::after,
.filters .cs-skin-border .cs-selected span::after {
  color: #333333;
}
.cs-skin-border.cs-active > span::after {
  color: #333333;
}
.encart .cs-skin-border.cs-active > span::after {
  color: #999999;
}
.filters .cs-skin-border.cs-active > span::after {
  color: #666666;
}
.cs-skin-border ul span::after {
  content: '';
  opacity: 0;
}
.cs-skin-border .cs-selected span::after {
  content: '\f00c';
  color: #333333;
  font-size: 1em;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.encart .cs-skin-border .cs-selected span::after {
  color: #ffffff;
}
.filters .cs-skin-border .cs-selected span::after {
  color: #333333;
}
.cs-skin-border.cs-active > span {
  background: #d2d2d2;
  border-color: #d2d2d2;
  color: #333333;
}
.encart .cs-skin-border.cs-active > span {
  background: #ffffff;
  border-color: #ffffff;
  color: #999999;
}
.filters .cs-skin-border.cs-active > span {
  background: #eeeeee;
  border-color: #eeeeee;
  color: #666666;
}
.cs-skin-border .cs-options {
  color: #333333;
  font-size: 0.9em;
  opacity: 0;
  -webkit-transition: opacity 0.2s, visibility 0s 0.2s;
  transition: opacity 0.2s, visibility 0s 0.2s;
}
.encart .cs-skin-border .cs-options {
  color: #999999;
}
.filters .cs-skin-border .cs-options {
  color: #666666;
}
.cs-skin-border.cs-active .cs-options {
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cs-skin-border ul span {
  padding: .5em 1em ;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cs-skin-border .cs-options li span:hover,
.cs-skin-border li.cs-focus span {
  background: #c5c5c5;
  /* voir avec flav @input_border_hover_color */
}
.encart .cs-skin-border .cs-options li span:hover,
.encart .cs-skin-border li.cs-focus span {
  background: #f2f2f2;
}
.filters .cs-skin-border .cs-options li span:hover,
.filters .cs-skin-border li.cs-focus span {
  background: #e1e1e1;
}
/* skin-underline
----------------------------------------------------------*/
div.cs-skin-underline {
  /*background: transparent;
	font-size: 1.8em;
	max-width: 400px;*/
}
/*
@media screen and (max-width: 30em) {
	div.cs-skin-underline { font-size: 1.2em; }
}*/
.cs-skin-underline > span {
  padding: 1em 2em 1em 0.5em;
  border-bottom: 3px solid #333333;
  font-weight: bold;
  color: #ffffff;
}
.encart .cs-skin-underline > span {
  border-bottom: 3px solid #333333;
  color: transparent;
}
.filters .cs-skin-underline > span {
  border-bottom: 3px solid #333333;
  color: #666666;
}
.cs-skin-underline > span::after {
  font-family: 'FontAwesome';
  content: '\f00d';
  right: 0.5em;
  -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 45deg);
  transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 45deg);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.cs-skin-underline.cs-active > span::after {
  -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 270deg);
  transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 270deg);
}
.cs-skin-underline .cs-options {
  background: #d2d2d2;
  opacity: 0;
  -webkit-transition: opacity 0.3s 0.4s, visibility 0s 1s;
  transition: opacity 0.3s 0.4s, visibility 0s 1s;
}
.encart .cs-skin-underline .cs-options {
  background: #ffffff;
}
.filters .cs-skin-underline .cs-options {
  background: #eeeeee;
}
.cs-skin-underline.cs-active .cs-options {
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.cs-skin-underline ul span {
  position: relative;
  font-size: .9em;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 1em 0.5em;
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.cs-skin-underline ul span::after {
  content: '';
  opacity: 0;
}
.cs-skin-underline .cs-selected span::after {
  font-family: 'FontAwesome';
  content: '\f058';
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.7s;
  transition: opacity 0.3s 0.7s;
}
.cs-skin-underline ul span::before {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #333333;
  -webkit-transform: translate3d(200%, 0, 0);
  transform: translate3d(200%, 0, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.encart .cs-skin-underline ul span::before {
  background-color: #ffffff;
}
.filters .cs-skin-underline ul span::before {
  background-color: #333333;
}
.cs-skin-underline.cs-active ul span,
.cs-skin-underline.cs-active ul span::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/*.cs-skin-underline {
    .generateNthChildDec(@nbreElement, 0, 0.05, e("span"));
    .generateNthChildDec(@nbreElement, 0, 0.05, e("span::before"));
}
.cs-skin-underline.cs-active {
    .generateNthChildInc(@nbreElement, 0, 0.05, e("span"));
    .generateNthChildInc(@nbreElement, 0, 0.05, e("span::before"));
}

.cs-skin-underline .cs-options li span:hover,
.cs-skin-underline .cs-options li.cs-focus span,
.cs-skin-underline li.cs-selected span {
	color:@input_hover_color;
	background: transparent;
	-webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s; transition:all .3s ease 0s;
}
.encart{
	.cs-skin-underline .cs-options li span:hover,
	.cs-skin-underline .cs-options li.cs-focus span,
	.cs-skin-underline li.cs-selected span {
		color:@insert_input_hover_color;
	}
}
.filters{
	.cs-skin-underline .cs-options li span:hover,
	.cs-skin-underline .cs-options li.cs-focus span,
	.cs-skin-underline li.cs-selected span {
		color:@module_hover;
	}
}*/
/* skin-elastic
----------------------------------------------------------*/
div.cs-skin-elastic {
  background: transparent;
  /*font-size: 1.5em;
	font-weight: 700;*/
  color: #333333;
}
.encart div.cs-skin-elastic {
  color: #999999;
}
.filters div.cs-skin-elastic {
  color: #666666;
}
/*
@media screen and (max-width: 30em) {
	div.cs-skin-elastic { font-size: 1em; }
}*/
.cs-skin-elastic > span {
  background-color: #d2d2d2;
  z-index: 100;
}
.encart .cs-skin-elastic > span {
  background-color: #ffffff;
}
.filters .cs-skin-elastic > span {
  background-color: #eeeeee;
}
.cs-skin-elastic > span::after {
  font-family: 'FontAwesome';
  content: '\f078';
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cs-skin-elastic .cs-options {
  overflow: visible;
  background: transparent;
  opacity: 1;
  visibility: visible;
  padding-bottom: 1.25em;
  pointer-events: none;
}
.cs-skin-elastic.cs-active .cs-options {
  pointer-events: auto;
}
.cs-skin-elastic .cs-options > ul::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transform: scale3d(1, 0, 1);
  transform: scale3d(1, 0, 1);
  background: #d2d2d2;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.encart .cs-skin-elastic .cs-options > ul::before {
  background: #ffffff;
}
/*.filters{.cs-skin-elastic .cs-options > ul::before { background: @module_fond_input;}}*/
.cs-skin-elastic.cs-active .cs-options > ul::before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: none;
  transition: none;
  -webkit-animation: expand 0.6s ease-out;
  animation: expand 0.6s ease-out;
}
.cs-skin-elastic .cs-options ul li {
  opacity: 0;
  -webkit-transform: translate3d(0, -25px, 0);
  transform: translate3d(0, -25px, 0);
  -webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
  transition: opacity 0.15s, transform 0.15s;
}
.cs-skin-elastic.cs-active .cs-options ul li {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  -webkit-transition: none;
  transition: none;
  -webkit-animation: bounce 0.6s ease-out;
  animation: bounce 0.6s ease-out;
}
/* Optional delays (problematic in IE 11/Win) */
/*
.cs-skin-elastic.cs-active .cs-options ul li:first-child {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.cs-skin-elastic.cs-active .cs-options ul li:nth-child(2) {
	-webkit-animation-delay: 0.15s;
	animation-delay: 0.15s;
}

.cs-skin-elastic.cs-active .cs-options ul li:nth-child(3) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.cs-skin-elastic.cs-active .cs-options ul li:nth-child(4) {
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
}
*/
/* with more items, more delays declarations are needed */
.cs-skin-elastic .cs-options span {
  background-repeat: no-repeat;
  background-position: 1.5em 50%;
  background-size: 2em auto;
  padding: 0.5em;
}
.cs-skin-elastic .cs-options span:hover,
.cs-skin-elastic .cs-options li.cs-focus span,
.cs-skin-elastic .cs-options .cs-selected span {
  color: #950a00;
  /* voir avec flav @input_border_hover_color */
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -ms-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
.encart .cs-skin-elastic .cs-options span:hover,
.encart .cs-skin-elastic .cs-options li.cs-focus span,
.encart .cs-skin-elastic .cs-options .cs-selected span {
  color: transparent;
}
.filters .cs-skin-elastic .cs-options span:hover,
.filters .cs-skin-elastic .cs-options li.cs-focus span,
.filters .cs-skin-elastic .cs-options .cs-selected span {
  color: #333333;
}
/*
.cs-skin-elastic .cs-options .cs-selected span::after {
	content: '';
}

.cs-skin-elastic .cs-options li.flag-france span {
	background-image: url(../img/france.svg);
}

.cs-skin-elastic .cs-options li.flag-brazil span {
	background-image: url(../img/brazil.svg);
}

.cs-skin-elastic .cs-options li.flag-safrica span {
	background-image: url(../img/south-africa.svg);
}

.cs-skin-elastic .cs-options li.flag-argentina span {
	background-image: url(../img/argentina.svg);
}*/
@-webkit-keyframes expand {
  0% {
    -webkit-transform: scale3d(1, 0, 1);
  }
  25% {
    -webkit-transform: scale3d(1, 1.2, 1);
  }
  50% {
    -webkit-transform: scale3d(1, 0.85, 1);
  }
  75% {
    -webkit-transform: scale3d(1, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
  }
}
@keyframes expand {
  0% {
    -webkit-transform: scale3d(1, 0, 1);
    transform: scale3d(1, 0, 1);
  }
  25% {
    -webkit-transform: scale3d(1, 1.2, 1);
    transform: scale3d(1, 1.2, 1);
  }
  50% {
    -webkit-transform: scale3d(1, 0.85, 1);
    transform: scale3d(1, 0.85, 1);
  }
  75% {
    -webkit-transform: scale3d(1, 1.05, 1);
    transform: scale3d(1, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translate3d(0, -25px, 0);
    opacity: 0;
  }
  25% {
    -webkit-transform: translate3d(0, 10px, 0);
  }
  50% {
    -webkit-transform: translate3d(0, -6px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 2px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes bounce {
  0% {
    -webkit-transform: translate3d(0, -25px, 0);
    transform: translate3d(0, -25px, 0);
    opacity: 0;
  }
  25% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  50% {
    -webkit-transform: translate3d(0, -6px, 0);
    transform: translate3d(0, -6px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 2px, 0);
    transform: translate3d(0, 2px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
/* skin-elastic
----------------------------------------------------------*/
div.cs-skin-slide {
  color: #333333;
  z-index: 150;
  /*font-size: 1.5em;
	width: 300px;*/
}
.encart div.cs-skin-slide {
  color: #999999;
}
.filters div.cs-skin-slide {
  color: #666666;
}
/*@media screen and (max-width: 30em) {
	div.cs-skin-slide { font-size: 1em; width: 250px; }
}
*/
div.cs-skin-slide::before {
  content: '';
  background: #d2d2d2;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.encart div.cs-skin-slide::before {
  background: #ffffff;
}
.filters div.cs-skin-slide::before {
  background: #eeeeee;
}
.cs-skin-slide.cs-active::before {
  -webkit-transform: scale3d(1, 7, 1);
  transform: scale3d(1, 7, 1);
}
.cs-skin-slide > span {
  /*height: 80px;
	line-height: 32px;*/
  -webkit-transition: text-indent 0.3s, opacity 0.3s;
  transition: text-indent 0.3s, opacity 0.3s;
}
/*@media screen and (max-width: 30em) {
	.cs-skin-slide > span { height: 60px; line-height: 28px; }
}*/
.cs-skin-slide.cs-active > span {
  text-indent: -290px;
  opacity: 0;
}
.cs-skin-slide > span::after,
.cs-skin-slide.cs-active > span::after {
  font-family: 'FontAwesome';
  content: '\f0c9';
  color: #333333;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.encart .cs-skin-slide > span::after,
.encart .cs-skin-slide.cs-active > span::after {
  color: #999999;
}
.filters .cs-skin-slide > span::after,
.filters .cs-skin-slide.cs-active > span::after {
  color: #666666;
}
.cs-skin-slide.cs-active > span::after {
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.cs-skin-slide .cs-options {
  background: transparent;
  width: 100%;
  /*height: 400%;*/
  padding: 1em .5em;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
@media screen and (max-width: 30em) {
  .cs-skin-slide .cs-options {
    padding-top: 3em;
  }
}
.cs-skin-slide .cs-options li {
  opacity: 0;
  -webkit-transform: translate3d(30%, 0, 0);
  transform: translate3d(30%, 0, 0);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}
.cs-skin-slide.cs-active .cs-options li {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.cs-skin-slide.cs-active .cs-options li:nth-child(1)  {
  -webkit-transition-delay: 0.05's';
  transition-delay: 0.05's';
}
.cs-skin-slide.cs-active .cs-options li:nth-child(2)  {
  -webkit-transition-delay: 0.1's';
  transition-delay: 0.1's';
}
.cs-skin-slide.cs-active .cs-options li:nth-child(3)  {
  -webkit-transition-delay: 0.15's';
  transition-delay: 0.15's';
}
.cs-skin-slide.cs-active .cs-options li:nth-child(4)  {
  -webkit-transition-delay: 0.2's';
  transition-delay: 0.2's';
}
.cs-skin-slide.cs-active .cs-options li:nth-child(5)  {
  -webkit-transition-delay: 0.25's';
  transition-delay: 0.25's';
}
.cs-skin-slide.cs-active .cs-options li:nth-child(6)  {
  -webkit-transition-delay: 0.3's';
  transition-delay: 0.3's';
}
.cs-skin-slide.cs-active .cs-options li:nth-child(7)  {
  -webkit-transition-delay: 0.35's';
  transition-delay: 0.35's';
}
.cs-skin-slide.cs-active .cs-options li:nth-child(8)  {
  -webkit-transition-delay: 0.4's';
  transition-delay: 0.4's';
}
.cs-skin-slide.cs-active .cs-options li:nth-child(9)  {
  -webkit-transition-delay: 0.45's';
  transition-delay: 0.45's';
}
.cs-skin-slide.cs-active .cs-options li:nth-child(10)  {
  -webkit-transition-delay: 0.5's';
  transition-delay: 0.5's';
}
.cs-skin-slide.cs-active .cs-options li:nth-child(11)  {
  -webkit-transition-delay: 0.55's';
  transition-delay: 0.55's';
}
.cs-skin-slide.cs-active .cs-options li:nth-child(12)  {
  -webkit-transition-delay: 0.6's';
  transition-delay: 0.6's';
}
.cs-skin-slide.cs-active .cs-options li:nth-child(13)  {
  -webkit-transition-delay: 0.65's';
  transition-delay: 0.65's';
}
.cs-skin-slide.cs-active .cs-options li:nth-child(14)  {
  -webkit-transition-delay: 0.7's';
  transition-delay: 0.7's';
}
.cs-skin-slide.cs-active .cs-options li:nth-child(15)  {
  -webkit-transition-delay: 0.75's';
  transition-delay: 0.75's';
}
.cs-skin-slide.cs-active .cs-options li:nth-child(16)  {
  -webkit-transition-delay: 0.8's';
  transition-delay: 0.8's';
}
.cs-skin-slide.cs-active .cs-options li:nth-child(17)  {
  -webkit-transition-delay: 0.85's';
  transition-delay: 0.85's';
}
.cs-skin-slide.cs-active .cs-options li:nth-child(18)  {
  -webkit-transition-delay: 0.9's';
  transition-delay: 0.9's';
}
.cs-skin-slide.cs-active .cs-options li:nth-child(19)  {
  -webkit-transition-delay: 0.95's';
  transition-delay: 0.95's';
}
.cs-skin-slide.cs-active .cs-options li:nth-child(20)  {
  -webkit-transition-delay: 1's';
  transition-delay: 1's';
}
/* more options need more delay declaration */
.cs-skin-slide .cs-options li span {
  /*text-transform: uppercase;
	font-weight: 500;*/
  letter-spacing: 2px;
  font-size: 0.9;
  padding: 0.5em 1em;
}
.cs-skin-slide .cs-options li span:hover,
.cs-skin-slide .cs-options li.cs-focus span,
.cs-skin-slide .cs-options li.cs-selected span {
  color: #950a00;
  /* voir avec flav @input_border_hover_color */
  background: transparent;
}
.encart .cs-skin-slide .cs-options li span:hover,
.encart .cs-skin-slide .cs-options li.cs-focus span,
.encart .cs-skin-slide .cs-options li.cs-selected span {
  color: transparent;
}
.filters .cs-skin-slide .cs-options li span:hover,
.filters .cs-skin-slide .cs-options li.cs-focus span,
.filters .cs-skin-slide .cs-options li.cs-selected span {
  color: #333333;
}
.cs-skin-slide .cs-selected span::after {
  content: '';
}
/*
[class^="icon-"] span:before,
[class*=" icon-"] span:before {
	font-family: 'icomoon';
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
	font-size: 1.5em;
}

.icon-camera span::before {
	content: '\e00b';
}

.icon-money span::before {
	content: '\e008';
}

.icon-heart span::before {
	content: '\e00a';
}

.icon-food span::before {
	content: '\e009';
}

.icon-shirt span::before {
	content: '\e00c';
}*/
.cs-skin-slide.select--kozakura {
  margin-top: 1.8em;
}
.cs-skin-slide.select--kozakura .cs-placeholder {
  padding: .9em 0.5em 0.8em;
}
/* skin-rotate
----------------------------------------------------------*/
div.cs-skin-rotate {
  background: transparent;
  /*font-size: 1.5em;
	font-weight: 700;
	width: 300px;*/
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.cs-placeholder {
  font-weight: bold;
}
/*
@media screen and (max-width: 30em) {
	div.cs-skin-rotate { font-size: 1em; width: 200px; }
}*/
.cs-skin-rotate.select-label {
  color: #333333;
}
.encart .cs-skin-rotate.select-label {
  color: #ffffff;
}
.filters .cs-skin-rotate.select-label {
  color: #333333;
}
.cs-skin-rotate > span,
.cs-skin-rotate .cs-options li {
  background: #d2d2d2;
  color: #333333;
  -webkit-transform-origin: 50% 50% -200px;
  transform-origin: 50% 50% -200px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}
.encart .cs-skin-rotate > span,
.encart .cs-skin-rotate .cs-options li {
  background: #ffffff;
  color: #999999;
}
.filters .cs-skin-rotate > span,
.filters .cs-skin-rotate .cs-options li {
  background: #eeeeee;
  color: #666666;
}
@media screen and (max-width: 30em) {
  .cs-skin-rotate > span,
  .cs-skin-rotate .cs-options li {
    -webkit-transform-origin: 50% 50% -100px;
    transform-origin: 50% 50% -100px;
  }
}
.cs-skin-rotate > span {
  border: 1px dashed #333333;
}
.encart .cs-skin-rotate > span {
  border: 1px dashed #ffffff;
}
.filters .cs-skin-rotate > span {
  border: 1px dashed #333333;
}
.cs-skin-rotate.cs-active > span {
  opacity: 0;
  -webkit-transform: rotate3d(0, 1, 0, -90deg);
  transform: rotate3d(0, 1, 0, -90deg);
}
.cs-skin-rotate > span::after,
.cs-skin-rotate .cs-selected span::after {
  font-family: 'FontAwesome';
}
.cs-skin-rotate > span::after,
.cs-skin-rotate.cs-active > span::after {
  content: '\f0d7';
  -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -90deg);
  transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -90deg);
}
.cs-skin-rotate ul span::after {
  content: '';
  opacity: 0;
}
.cs-skin-rotate .cs-selected span::after {
  content: '\f00c';
  /*font-size: 1.5em;*/
  opacity: 0.5;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.cs-skin-rotate .cs-options {
  background: transparent;
  top: 0;
  overflow: visible;
  visibility: visible;
  pointer-events: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.cs-skin-rotate .cs-options ul {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.cs-skin-rotate .cs-options li {
  opacity: 0;
  -webkit-transform: rotate3d(0, 1, 0, 90deg);
  transform: rotate3d(0, 1, 0, 90deg);
}
.cs-skin-rotate.cs-active .cs-options li {
  opacity: 1;
  -webkit-transform: rotate3d(0, 1, 0, 0deg);
  transform: rotate3d(0, 1, 0, 0deg);
  pointer-events: auto;
}
.cs-skin-rotate .cs-options li:nth-child(2)  {
  -webkit-transition-delay: 0.05's';
  transition-delay: 0.05's';
}
.cs-skin-rotate .cs-options li:nth-child(3)  {
  -webkit-transition-delay: 0.1's';
  transition-delay: 0.1's';
}
.cs-skin-rotate .cs-options li:nth-child(4)  {
  -webkit-transition-delay: 0.15's';
  transition-delay: 0.15's';
}
.cs-skin-rotate .cs-options li:nth-child(5)  {
  -webkit-transition-delay: 0.2's';
  transition-delay: 0.2's';
}
.cs-skin-rotate .cs-options li:nth-child(6)  {
  -webkit-transition-delay: 0.25's';
  transition-delay: 0.25's';
}
.cs-skin-rotate .cs-options li:nth-child(7)  {
  -webkit-transition-delay: 0.3's';
  transition-delay: 0.3's';
}
.cs-skin-rotate .cs-options li:nth-child(8)  {
  -webkit-transition-delay: 0.35's';
  transition-delay: 0.35's';
}
.cs-skin-rotate .cs-options li:nth-child(9)  {
  -webkit-transition-delay: 0.4's';
  transition-delay: 0.4's';
}
.cs-skin-rotate .cs-options li:nth-child(10)  {
  -webkit-transition-delay: 0.45's';
  transition-delay: 0.45's';
}
.cs-skin-rotate .cs-options li:nth-child(11)  {
  -webkit-transition-delay: 0.5's';
  transition-delay: 0.5's';
}
.cs-skin-rotate .cs-options li:nth-child(12)  {
  -webkit-transition-delay: 0.55's';
  transition-delay: 0.55's';
}
.cs-skin-rotate .cs-options li:nth-child(13)  {
  -webkit-transition-delay: 0.6's';
  transition-delay: 0.6's';
}
.cs-skin-rotate .cs-options li:nth-child(14)  {
  -webkit-transition-delay: 0.65's';
  transition-delay: 0.65's';
}
.cs-skin-rotate .cs-options li:nth-child(15)  {
  -webkit-transition-delay: 0.7's';
  transition-delay: 0.7's';
}
.cs-skin-rotate .cs-options li:nth-child(16)  {
  -webkit-transition-delay: 0.75's';
  transition-delay: 0.75's';
}
.cs-skin-rotate .cs-options li:nth-child(17)  {
  -webkit-transition-delay: 0.8's';
  transition-delay: 0.8's';
}
.cs-skin-rotate .cs-options li:nth-child(18)  {
  -webkit-transition-delay: 0.85's';
  transition-delay: 0.85's';
}
.cs-skin-rotate .cs-options li:nth-child(19)  {
  -webkit-transition-delay: 0.9's';
  transition-delay: 0.9's';
}
.cs-skin-rotate .cs-options li:nth-child(20)  {
  -webkit-transition-delay: 0.95's';
  transition-delay: 0.95's';
}
/* more options need more delay declaration */
.cs-skin-rotate.cs-active .cs-options ul li {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.cs-skin-rotate .cs-options li span {
  padding: 1em .5em;
}
.cs-skin-rotate .cs-options li span:hover,
.cs-skin-rotate .cs-options li.cs-focus span,
.cs-skin-rotate .cs-selected span {
  opacity: 0.8;
  background: transparent;
}
.cs-skin-rotate.select--fumi {
  margin-top: 0.6em;
}
.cs-skin-rotate.select--fumi .cs-placeholder {
  padding: 1.1em 0.5em;
}
.cs-skin-rotate.select--fumi {
  /*margin-top:0.6em;
	.cs-placeholder{ padding:1.1em 0.5em; }*/
}
.cs-skin-rotate.select--akira {
  margin-top: 0.6em;
  /*.cs-placeholder{ padding:1.1em 0.5em; }*/
}