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-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
  font-family: helvetica;
}
ol,
ul {
  list-style: none;
}
a {
  text-decoration: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  outline: 0;
}
object,
embed {
  outline: 0;
}
/*CLEARFIX */
.cf:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.cf {
  display: inline-block;
}
html[xmlns] .cf {
  display: block;
}
* html .cf {
  height: 1%;
}
/* -------------
	 NO HEADER
---------------- */
.noHeader #mainScroller {
  padding-top: 0;
  top: 0px;
}
/* -------------
	 FONTS
---------------- */
h1,
.home h2,
.decouvrir h3 {
  line-height: 100%;
  font-size: 50px;
  font-family: 'Times New Roman', serif;
  text-transform: uppercase;
}
.ie7 h1 {
  font-weight: 100;
  line-height: 110%;
}
h5 {
  margin-bottom: 20px;
  margin-top: 15px;
}
.ie6 h5,
.ie7 h5,
.ie8 h5,
.ie9 h5 {
  margin-bottom: 17px;
}
/* -------------
	HELPERS
---------------- */
.noBorder {
  border: none !important;
}
.inline {
  display: inline !important;
}
/* -------------
	FS BACK
---------------- */
.bg {
  left: 0;
  top: 0;
}
.bg img {
  position: absolute;
  width: auto;
  height: auto;
}
/* -------------
	COLOR
---------------- */
.white {
  color: #ffffff;
}
.black {
  color: #252527;
}
.grey {
  color: #3a3b3c;
}
.lightGrey {
  color: #9a9a9a;
}
/* -------------
	ICON
---------------- */
.icon {
  display: block;
  font-size: 1px;
  zoom: 1;
  text-indent: -9999px;
  background-image: url('../img/sprites/sprite-icon.png');
  background-repeat: no-repeat;
}
.iconCreditCards {
  display: block;
  font-size: 1px;
  zoom: 1;
  text-indent: -9999px;
  background-image: url('../img/sprites/spriteTransverse.png');
  background-repeat: no-repeat;
}
/* bc */.icon.bcArrow {
  width: 5px;
  height: 9px;
  margin: 2px 4px 0 0;
  float: left;
}
.ie6 .icon.bcArrow {
  margin: 3px 4px 0 0;
}
.icon.bcArrow.bcGrey {
  background-position: 0 -15px;
}
.icon.bcArrow.bcWhite {
  background-position: -20px -15px;
}
.icon.bcArrow.bcBlack {
  background-position: -40px -15px;
}
.icon.bcArrow.bcLightGrey {
  background-position: -60px 0;
}
/*  HOME  */
.home .icon.bcArrow {
  margin: 5px 4px 0 0;
}
.ie7 .home .icon.bcArrow {
  margin: 4px 4px 0 0;
}
.icon.bcMinArrow {
  width: 3px;
  height: 5px;
  margin: 3px 7px 0 0;
  float: left;
}
.icon.bcMinArrow.bcMinBlack {
  background-position: -120px 0;
}
.icon.bcMinArrow.bcMinGrey {
  background-position: -60px 0;
}
.icon.bcMinArrow.bcMinWhite {
  background-position: -100px 0;
}
/* arrow */
.icon.arrow {
  width: 5px;
  height: 5px;
}
.icon.arrow.down {
  background-position: -80px 0;
}
/* media */.icon.media.play {
  width: 66px;
  height: 65px;
  background-position: 0 -80px;
}
/* quote */
.icon.pushQuote,
.icon.quote.min {
  width: 14px;
  height: 11px;
  background-position: -140px -80px;
}
.icon.quote.min {
  margin: 0 auto;
  margin-bottom: 20px;
}
/* view */
.icon.view {
  height: 20px;
  float: left;
  display: block;
}
.icon.view.threeView {
  width: 27px;
  background-position: -80px -110px;
}
.icon.view.fourView {
  width: 26px;
  background-position: -107px -80px;
}
/* slide */
.icon.slide.left,
.icon.slide.right {
  width: 10px;
  height: 18px;
}
.icon.slide.left {
  background-position: 0px -40px;
}
.icon.slide.right {
  background-position: -20px -40px;
}
.icon.slide.bLeft,
.icon.slide.bRight,
.icon.slide.wLeft,
.icon.slide.wRight {
  width: 9px;
  height: 15px;
}
.icon.slide.bLeft {
  background-position: -40px -40px;
}
.icon.slide.bRight {
  background-position: -60px -40px;
}
.icon.slide.wLeft {
  background-position: -80px -40px;
}
.icon.slide.wRight {
  background-position: -100px -40px;
}
.icon.slide.wbLeft,
.icon.slide.wbRight {
  width: 11px;
  height: 15px;
}
.icon.slide.wbLeft {
  background-position: -390px -40px;
}
.icon.slide.wbRight {
  background-position: -410px -40px;
}
/* filter */
.icon.arrowFilter {
  width: 8px;
  height: 5px;
}
.icon.arrowFilter.arrowGrey {
  background-position: 0 -65px;
}
.icon.arrowFilter.arrowBlack {
  background-position: -20px -65px;
}
.icon.arrowFilter.arrowOff {
  background-position: -40px -65px;
}
.icon.arrowFilter.arrowUp {
  background-position: -100px -15px;
}
/* select */
.icon.down.big,
.icon.up.big {
  width: 20px;
  height: 15px;
  background-position: -60px -65px;
}
.icon.up.big {
  background-position: -100px -65px;
}
/* close */
.icon.close {
  background-position: -5px -155px;
  width: 15px;
  height: 15px;
}
.icon.close.advice {
  background-position: 0 -149px;
  width: 25px;
  height: 25px;
}
/* valid */
.icon.valid {
  width: 13px;
  height: 10px;
  background-position: -160px -80px;
}
.icon.valid.vSmall {
  width: 8px;
  height: 6px;
  background-position: -160px -65px;
}
/* resize > sliderTone */
.icon.resize {
  width: 30px;
  height: 30px;
  background-position: -160px 0;
}
.icon.resize.noBg {
  width: 15px;
  height: 12px;
  background-position: -140px 0;
}
/* productSheet Nav */
.icon.navFP.prev,
.icon.navFP.next {
  width: 9px;
  height: 15px;
}
.icon.navFP.prev {
  background-position: -160px -40px;
}
.icon.navFP.next {
  background-position: -180px -40px;
}
/* contact & share */
.icon.contact {
  width: 16px;
  height: 12px;
  background-position: 0px -210px;
}
.icon.facebook.FP {
  width: 22px;
  height: 15px;
  background-position: -40px -210px;
}
.icon.facebook.FP.noBorder {
  width: 19px;
}
.icon.twitter.FP {
  width: 28px;
  height: 16px;
  background-position: -80px -210px;
}
.icon.twitter.FP.noBorder {
  width: 25px;
}
/* basket */
.icon.icon-cart-feedback {
  width: 5px;
  height: 3px;
  margin: 0 auto;
  background-position: -220px 0;
}
/* -------------
	BREADCRUMB
---------------- */
.breadcrumb {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 7;
  padding: 10px;
}
.breadcrumb ul {
  overflow: hidden;
}
.breadcrumb li {
  margin: 0 7px 0 0;
  display: block;
  float: left;
  font-size: 11px;
  color: #252527;
  background: none;
}
.breadcrumb li.grey {
  color: #9a9a9a;
}
.breadcrumb li.white {
  color: #ffffff;
}
.breadcrumb li a {
  display: block;
  color: #252527;
  background: none;
}
.breadcrumb li a.grey {
  color: #9a9a9a;
}
.breadcrumb li a.white {
  color: #ffffff;
}
.transverse .breadcrumb {
  top: 78px;
}
/* -------------
	BUTTON
---------------- */
/* Button */
.button {
  display: inline-block;
  background: #6a6968;
  color: #ffffff;
  font-size: 12px;
  padding: 10px 20px;
  height: 10px;
  text-transform: uppercase;
}
.button.black,
.button:hover {
  background: #3A3B3C;
}
.button.disabled {
  text-transform: none;
  cursor: default;
  background: #fff !important;
  color: #9a9a9a;
}
/* -------------
	TITLE
---------------- */
.wrapTitle {
  width: 100%;
  margin: 40px 0 18px;
  text-align: center;
}
.wrapTitle h3,
.popin.filter h3 {
  padding: 0 0 12px;
  font-size: 18px;
  font-family: 'Times New Roman', serif;
  text-transform: uppercase;
  border-bottom: 1px solid #e5e5e5;
  color: #1F2122;
}
.wrapTitle h3.small {
  font-size: 18px !important;
}
/* -------------
	LAYOUT
---------------- */
html,
body {
  width: 100%;
  height: 100%;
  font-family: Arial, sans-serif;
  color: #9a9a9a;
}
#container {
  width: 100%;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  min-width: 980px;
  -webkit-overflow-scrolling: auto;
}
.ie6 #container {
  min-height: none;
  height: auto !important;
}
#main {
  width: 100%;
  position: relative;
}
#mainScroller {
  width: 100%;
  padding-top: 88px;
}
.ie6 #mainScroller {
  zoom: 1;
  padding-top: 88px;
}
#main.less #mainScroller {
  padding: 38px 0 0;
}
#wrapper {
  width: 100%;
  height: 100%;
  background: #ffffff;
  position: relative;
}
#wrapper.scrollXL {
  overflow: hidden;
}
#content {
  width: 940px;
  margin: 0 auto;
  padding: 0 0 100px;
}
#main.less #content {
  margin: 0;
}
#footer {
  width: 100%;
  height: 32px;
  position: relative;
  clear: both;
  background: #3a3b3c;
  z-index: 9;
}
.ie6 #footer {
  margin-top: -32px;
}
.mods {
  margin: 0 0 50px;
  overflow: hidden;
}
.mods.last {
  margin: 0;
}
.ie6 .mods {
  margin: 0 0 60px;
}
.mods.noTitle {
  margin: 60px 0 50px;
}
img {
  vertical-align: top;
}
/* -----------------
		COVER
------------------- */
.cover {
  width: 100%;
  height: 625px;
  position: relative;
  overflow: hidden;
  z-index: 5;
}
.cover .wrapAwards {
  position: absolute;
  top: 50px;
  left: 20px;
  z-index: 10;
}
.cover .wrapAwards img {
  float: left;
}
.cover .wrapAwards a {
  margin: 0 0 20px;
  display: block;
  overflow: hidden;
  clear: both;
}
.cover .wrapAwards a.mc {
  height: 37px;
}
.cover .wrapAwards a.cosme {
  height: 51px;
}
.cover .wrapAwards a.mc span {
  margin-top: 10px;
}
.cover .wrapAwards a.cosme span {
  margin-top: 15px;
}
.cover .wrapAwards span {
  padding: 5px 10px;
  margin-left: 20px;
  display: none;
  float: left;
  font-size: 11px;
  border: 1px solid #e5e5e5;
  color: #6a6968;
  background-color: #f3f2f2;
}
.cover.s460 {
  height: 460px;
}
.cover.s570 {
  height: 570px;
}
.cover.s610 {
  height: 610px;
}
.cover .decor {
  position: relative;
}
.cover .decor img {
  position: absolute;
}
.cover .coverContent {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  /* color */

}
.cover .coverContent h1 {
  position: relative;
  top: 50%;
  color: #252527;
}
.cover .coverContent.grey h1,
.cover .coverContent.grey h2,
.cover .coverContent.grey a,
.cover .coverContent.grey hr {
  color: #3a3b3c;
}
.cover .coverContent.white h1,
.cover .coverContent.white h2,
.cover .coverContent.white a,
.cover .coverContent.white hr {
  color: #ffffff;
}
.cover .coverContent.grey hr {
  background: #3a3b3c;
}
.cover .coverContent.white hr {
  background: #ffffff;
}
.cover .leftContent h1,
.cover .leftContent .legend {
  left: 70px;
  text-align: left;
}
.cover .leftContent a {
  float: left;
}
.cover .rightContent h1,
.cover .rightContent .legend {
  right: 70px;
  text-align: right;
}
.cover .rightContent a,
.cover .rightContent hr {
  float: right;
  text-align: right;
}
.cover .legend {
  position: absolute;
  bottom: 10%;
  pointer-events: fill;
}
.cover .legend hr {
  width: 40px;
  height: 1px;
  margin: 0 0 17px;
  text-align: left;
  border: none;
  background: #252527;
  color: #252527;
}
.cover .legend h2 {
  margin: 0 0 15px;
  clear: both;
  letter-spacing: 1px;
  font-size: 24px;
  font-family: 'Times New Roman', serif;
  text-transform: uppercase;
  color: #252527;
}
.cover .legend a {
  display: block;
  clear: both;
  font-size: 14px;
  color: #252527;
}
.ie6 .cover .coverContent h1 {
  margin: 0 0 0 -2px;
}
.ie6 .cover .coverContent h2 {
  margin: 0 0 0 -2px;
}
.ie8 .cover .legend,
.ie9 .cover .legend {
  bottom: 10%;
}
.ie9 .cover .legend h2,
.ie8 .cover .legend h2 {
  margin: 0 0 8px;
}
.ie6 .cover .legend a {
  padding: 0 0 1px;
}
/* DISCOVER COVER */
.decouvrir .coverContent h3 {
  position: relative;
  top: 50%;
  color: #252527;
}
.decouvrir .coverContent.white h3,
.decouvrir .coverContent.white .legend h4 {
  color: #ffffff;
}
.decouvrir .coverContent.grey h3,
.decouvrir .coverContent.grey .legend h4 {
  color: #3a3b3c;
}
.decouvrir .coverContent.leftContent h3 {
  left: 70px;
  text-align: left;
}
.decouvrir .coverContent.rightContent h3 {
  right: 70px;
  text-align: right;
}
.decouvrir .coverContent .legend h4 {
  margin: 0 0 15px;
  clear: both;
  letter-spacing: 1px;
  font-size: 24px;
  font-family: 'Times New Roman', serif;
  text-transform: uppercase;
  color: #252527;
}
.ie6 .decouvrir .coverContent h3 {
  margin: 0 0 0 -2px;
}
.ie6 .decouvrir .coverContent h4 {
  margin: 0 0 0 -2px;
}
.ie6 .decouvrir .coverContent.white h3,
.ie6 .decouvrir .coverContent.white .legend h4 {
  color: #ffffff;
  margin: 0 0 0 -2px;
}
.ie6 .decouvrir .coverContent.white .legend a {
  color: #ffffff;
}
.ie9 .decouvrir .legend h4,
.ie8 .decouvrir .legend h4 {
  margin: 0 0 8px;
}
/* -----------------
	  HOME
------------------- */
.cover.topic {
  height: 520px;
}
.home .cover {
  background: #000;
}
.home .cover.active .decor img,
.home .cover.active .coverContent {
  filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  opacity: 1;
}
.home .decor img {
  filter: alpha(opacity=40);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  opacity: 0.4;
}
.home .coverContent {
  filter: alpha(opacity=40);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  opacity: 0.4;
}
.home .coverContent h2 {
  position: relative;
  top: 50%;
}
.home .coverContent .legend h3 {
  margin: 0 0 15px;
  clear: both;
  letter-spacing: 1px;
  font-size: 24px;
  font-family: 'Times New Roman', serif;
  text-transform: uppercase;
  color: #252527;
}
.home .coverContent a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.home .coverContent span {
  display: block;
  overflow: hidden;
  clear: both;
}
.home .coverContent em {
  height: 16px;
  margin: 2px 0 0;
  display: block;
  float: left;
  font-size: 14px;
  line-height: 15px;
  font-style: normal;
  color: #252527;
}
.home .coverContent.grey em,
.home .coverContent.grey h3 {
  color: #3a3b3c;
}
.home .coverContent.white em,
.home .coverContent.white h3,
.home .coverContent.white .legend h3,
.home .coverContent.white .legend h4,
.home .coverContent.white .legend a {
  color: #ffffff;
}
.home .leftContent h2 {
  left: 70px;
  text-align: left;
  color: #000;
}
.home .rightContent h2 {
  right: 70px;
  text-align: right;
  color: #000;
}
.home .rightContent span {
  float: right;
}
.home .rightContent span.play {
  width: 66px;
  height: 66px;
  margin: -33px 0 0 -33px;
  position: absolute;
  top: 50%;
  left: 50%;
  float: none;
}
.ie7 .home .decor img,
.ie6 .home .decor img {
  zoom: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
}
.ie6 .home .active .decor img,
.ie7 .home .active .decor img {
  zoom: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.ie7 .home .active .coverContent,
.ie6 .home .active .coverContent {
  zoom: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.ie9 .home .cover .legend h3,
.ie8 .home .cover .legend h3 {
  margin: 0 0 8px;
}
.ie6 .home .cover .coverContent h3 {
  margin: 0 0 0 -2px;
}
.ie9 .home .cover .legend h3,
.ie8 .home .cover .legend h3 {
  margin: 0 0 8px;
}
/* ----------------------------------
	MODULE A LA UNE / CROSS CONTENT
------------------------------------ */
.modPush {
  position: relative;
}
/* ---- SLIDER -----  */
.pushList {
  overflow: hidden;
}
.modPush .slide {
  width: 940px;
  overflow: hidden;
}
.modPush a.prev,
.modPush a.next {
  position: absolute;
  top: 110px;
}
.modPush a.prev {
  left: -50px;
}
.modPush a.next {
  right: -50px;
}
/* ----------------  */
.modPush ul {
  width: 960px;
}
.modPush li,
.modPush .duoPush li {
  width: 300px;
  margin: 0 20px 0 0;
  padding: 0;
  display: block;
  position: relative;
  float: left;
}
/* duoPush */
.modPush .duoPush li,
.modPush .duoPush h4.legend {
  width: 460px;
}
.modPush li.last {
  margin: 0;
}
.modPush .duoPush .rollImg span {
  width: 420px;
}
/* Effet de roll */
.modPush .rollImg {
  background: #252527;
  width: 300px;
}
.modPush .rollImg a {
  display: block;
  position: relative;
  text-align: left;
}
.modPush .rollImg span {
  width: 260px;
  display: none;
  padding: 0 20px;
  position: absolute;
  top: 50%;
  left: 0;
  line-height: 25px;
  text-align: center;
  font-size: 15px;
  font-style: italic;
  color: #ffffff;
}
.modPush .rollImg .pushQuote {
  width: 14px;
  height: 11px;
  display: block;
  margin: 0 auto 10px;
}
.modPush .duoPush .rollImg {
  width: 460px;
}
.ie6 .modPush .rollImg span {
  cursor: pointer;
}
.modPush li:hover p a {
  color: #252527;
}
.ie6 .modPush li.over p a {
  color: #252527;
}
.ie6 .modPush li img,
.ie7 .modPush li img {
  margin: 0 0 -1px;
}
.ie8 .modPush li img {
  margin: 0 0 -3px;
}
.ie9 .modPush li img {
  margin: 0 0 -3px;
}
.modPush li em {
  margin: 0 0 -12px;
  display: block;
  font-size: 14px;
  font-style: italic;
  font-family: 'Times New Roman', serif;
  color: #6D6D6D;
}
.modPush li h4 {
  margin: 0 0 20px;
  line-height: 20px;
  font-size: 18px;
  color: #000;
  font-family: HelveticaNeueLTS;
  text-transform: uppercase;
}
.modPush li h4.legend {
  width: 300px;
  height: 30px;
  margin: 0;
  padding: 10px 0 0 0;
  font-size: 13px;
  background: #252527;
}
.ie .modPush li h4.legend {
  height: 30px;
  padding: 10px 0 0;
}
.modPush li h4 a {
  font-weight: bold;
  color: #3a3b3c;
}
.modPush li h4.legend a {
  color: #ffffff;
  text-align: center;
}
.modPush li p a {
  margin-top: -7px;
  display: block;
  line-height: 15px;
  font-size: 12px;
  color: #9a9a9a;
}
.ie6 .modPush .duoPush {
  height: 360px !important;
}
/* ----------------------------------
	  MODULE A LA UNE BACKSTAGE
------------------------------------ */
.backstagePush {
  width: 260px;
  height: 580px;
  margin: 0 20px 0 0;
  padding: 20px;
  float: left;
  background: #2a2b2e;
}
.backstagePush img {
  margin: 0 0 30px;
}
.backstagePush p a {
  font-size: 18px;
  color: #b5b6b6;
}
.modPushBackstage .pushList {
  width: 620px;
  float: left;
}
.modPushBackstage .pushList li {
  margin: 0 20px 20px 0;
}
.modPushBackstage .pushList li.last {
  margin: 0 0 20px 0;
}
.modPushBackstage .modPush {
  float: left;
}
/* ----------------------------------
	  MODULE LISTE COLLECTIONS
------------------------------------ */
.modCollectionList .tabsList {
  width: 940px;
  height: 18px;
  margin: 0 0 17px;
  text-align: center;
  overflow: hidden;
  line-height: normal;
}
.modCollectionList .tabsList.firstLine {
  margin: 0 0 15px;
}
.modCollectionList .tabsList li {
  height: 15px;
  margin: 0 15px;
  display: inline;
  font-size: 14px;
}
.modCollectionList .tabsList li a {
  color: #9a9a9a;
}
.modCollectionList .tabsList li a:hover,
.modCollectionList .tabsList li a.active {
  color: #252527;
}
.modCollectionList .visualList {
  width: 940px;
  height: 460px;
  position: relative;
  overflow: hidden;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.modCollectionList .visualList li {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.modCollectionList .visualList li.active {
  display: block;
}
/* ----------------------------------
		  MODULE COLLECTIONS
------------------------------------ */
.modCollection .visualWrap {
  margin: 0 0 20px;
  position: relative;
  text-align: center;
  background: #000000;
}
.modCollection .visualWrap.last {
  margin: 0;
}
.modCollection a {
  display: block;
}
.modCollection a span {
  width: 940px;
  height: 285px;
  padding: 175px 0 0;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  color: #ffffff;
}
.modCollection a hr {
  width: 5px;
  height: 1px;
  margin: 11px auto;
  border: none;
  background: #ffffff;
}
.modCollection a strong {
  display: block;
  font-size: 40px;
  font-family: 'Times New Roman', serif;
  text-transform: uppercase;
}
.modCollection a em {
  padding: 8px 20px;
  position: relative;
  top: 110px;
  font-size: 12px;
  letter-spacing: 0.1em;
  font-style: normal;
  text-transform: uppercase;
  background: #252527;
  cursor: default;
}
.ie6 .modCollection .visualWrap {
  width: 940px;
  height: 285px;
  padding: 0;
}
.ie6 .modCollection a em,
.ie7 .modCollection a em {
  top: 75px;
}
/* ----------------------------------
		  MODULE VIDEOS
------------------------------------ */
.modVideo {
  position: relative;
}
.modVideo.smallVideo {
  height: 313px;
  margin: 0;
}
.modVideo div.legend {
  width: 940px;
  height: 60px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  font-size: 12px;
  text-transform: uppercase;
  color: #ffffff;
}
.modVideo div.legend .legend-background {
  position: absolute;
  background: #252527;
  opacity: 0.9;
  width: 100%;
  height: 100%;
}
.modVideo div.legend .legend-text {
  position: absolute;
  padding: 25px 0 0 30px;
}
.modVideo video {
  width: 100%;
  height: 100%;
}
.ie6 .modVideo {
  padding: 60px 0 0;
}
.cover .modVideo {
  padding: 0px 0 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
/* ----------------------------------
		  MODULE CROSS SELL
------------------------------------ */
.crossList {
  width: 940px;
  min-height: 200px;
  margin: 30px 0 0;
  overflow: hidden;
  background: transparent url('../img/background/bkgdCrossList.png') repeat-x center 215px;
  /* 200 */

}
.crossList.noShade {
  background: none;
}
.crossList a {
  display: block;
}
.crossList a:hover strong,
.crossList a:hover small {
  color: #252527;
}
.crossList li {
  width: 235px;
  float: left;
  display: block;
  text-align: center;
}
.crossList.three li {
  width: 245px;
  margin: 0 30px 0 40px;
}
.crossList.three li.last {
  margin: 0 30px 0 30px;
}
.crossList strong {
  margin: 10px 0 0;
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: #252527;
}
.crossList small {
  margin: 5px 0 10px;
  display: block;
  font-size: 12px;
  color: #9a9a9a;
}
.crossList small.price {
  color: #3a3b3c;
}
.ie6 .crossList.three li {
  margin: 0 29px 0 29px;
}
.ie6 .crossList a.over {
  color: #252527;
}
/* ----------------------------------
	   MODULE LISTE PRODUITS
------------------------------------ */
.wrapProductList {
  overflow: hidden;
}
.wrapProductList.fiveCols .productList,
.wrapProductList.threeCols .productList {
  width: 178px;
  margin: 40px 0 0 10px;
  display: block;
  float: left;
  text-transform: uppercase;
}
.wrapProductList.threeCols .productList {
  width: 293px;
  margin: 3px 0 0 20px;
}
.ie6 .modProductList.threeCols .productList {
  width: 285px;
}
.ie6 .modProductList.fiveCols .productList {
  width: 175px;
}
.productList h4 {
  margin: 0 0 9px;
  font-size: 14px;
  color: #3a3b3c;
}
.productList ul {
  font-size: 12px;
}
.productList li {
  line-height: 25px;
}
.productList a {
  color: #9a9a9a;
}
.productList a:hover {
  color: #252527;
}
/* ----------------------------------
	   MODULE PRESENTATION
------------------------------------ */
.modPresentation {
  margin: 0;
  text-align: center;
}
.modPresentation h3 {
  width: 100%;
  margin: 40px 0 15px;
  font-size: 30px;
  text-transform: uppercase;
  color: #252527;
}
.modPresentation .intro {
  margin: 0 0 15px;
  font-size: 12px;
  color: #9a9a9a;
}
.modPresentation .intro.highlight {
  margin: 25px 0 65px;
}
.modPresentation p {
  line-height: 25px;
}
.modPresentation a {
  color: #9a9a9a;
  text-decoration: underline;
}
.decouvrir .modPresentation h1 {
  width: 100%;
  margin: 40px 0 15px;
  font-size: 30px;
  text-transform: uppercase;
  color: #252527;
}
.ie6 .decouvrir .modPresentation h3 {
  margin: 0;
}
/* ----------------------------------
	   MODULE SEARCH
------------------------------------ */
.modSearch {
  position: relative;
  /*--
  - FILTER
  --*/

  /*--
  - PAGINATION
  --*/

  /*--
  - CROSSLIST
  --*/

}
.modSearch.overVisible {
  padding-top: 40px;
}
.modSearch h3 {
  width: 100%;
  margin: 40px 0 25px;
  text-align: center;
  font-size: 30px;
  text-transform: uppercase;
  color: #252527;
}
.modSearch .wrapFilter {
  width: 940px;
  padding: 10px 0;
  overflow: hidden;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.modSearch .wrapFilter span {
  padding: 10px 0 10px 15px;
  display: block;
  position: relative;
  float: left;
  font-size: 13px;
}
.modSearch .wrapFilter .wrapView {
  width: 53px;
  padding: 0;
  margin: -3px 0 0 12px;
  overflow: hidden;
}
.modSearch .wrapFilter .wrapView a.active .threeView {
  background-position: -80px -80px;
}
.modSearch .wrapFilter .wrapView a.active .fourView {
  background-position: -107px -110px;
}
.modSearch .wrapFilter a {
  color: #6a6968;
}
.modSearch .filter {
  width: 85px;
}
.modSearch .filter a {
  width: 85px;
  display: block;
}
.modSearch .filter .icon {
  position: absolute;
  right: 25px;
  top: 16px;
}
.modSearch .itemFilter {
  padding: 30px 0;
  display: none;
  position: absolute;
  top: 155px;
  left: 0;
  z-index: 5;
  overflow: hidden;
  border: 1px solid #C6C6C6;
  background: #fff;
}
.modSearch .itemFilter .colFilter {
  width: 150px;
  padding: 0 30px;
  float: left;
  border-right: 1px solid #C6C6C6;
}
.modSearch .itemFilter .colFilter.last {
  margin: 0;
  border: none;
}
.modSearch .itemFilter .colFilter strong {
  display: block;
  margin: 0 0 25px;
  font-size: 13px;
  font-weight: bold;
  color: #6a6968;
}
.modSearch .itemFilter .colFilter li {
  margin: 0 0 20px;
  font-size: 13px;
  color: #9a9a9a;
}
.modSearch .itemFilter .colFilter li.last {
  margin: 0;
}
.modSearch .itemFilter .colFilter li.disabled {
  color: #d0d0d0;
}
.modSearch .itemFilter .colFilter li.disabled label {
  cursor: text;
}
.modSearch .noveltySpan {
  width: 164px;
  border-left: 1px dashed #e5e5e5;
}
.modSearch .excluSpan {
  width: 504px;
  border-left: 1px dashed #e5e5e5;
}
.modSearch .article {
  width: 125px;
  overflow: hidden;
}
.modSearch .article a {
  display: block;
  float: left;
}
.modSearch .article a.noSwitch {
  float: right;
}
.modSearch .article a.noClick {
  width: 60px;
  cursor: default;
}
.modSearch label {
  cursor: pointer;
}
.modSearch .wrapPagination {
  height: 25px;
  padding: 20px 0 0;
  position: relative;
  z-index: 4;
  text-align: center;
}
.modSearch .wrapPagination.bottom {
  margin: 25px 0 0;
  border-top: 1px solid #e5e5e5;
}
.modSearch .wrapPagination .wrapSelectPage {
  width: 200px;
  margin: 0 auto;
  /*overflow: hidden; // Masque le select ouvert. */

}
.modSearch .wrapPagination i {
  position: absolute;
  top: 23px;
}
.modSearch .wrapPagination i.left {
  left: 0;
}
.modSearch .wrapPagination i.right {
  right: 0;
}
.modSearch .wrapPagination em {
  font-size: 18px;
  font-family: 'Times New Roman', sans-serif;
  font-style: italic;
}
.modSearch .wrapPagination em i {
  position: static;
  top: 0;
}
.modSearch .wrapPagination select {
  width: 60px;
  margin: 0 10px;
}
.modSearch .crossList {
  margin: 30px 0 0;
  position: relative;
  z-index: 3;
  overflow: hidden;
  /* PARFUM / SOIN */

  /* VERNIS */

}
.modSearch .crossList.first {
  margin: 30px 0 0;
}
.modSearch .crossList li {
  margin: 0 0 30px;
  position: relative;
  z-index: 1;
}
.modSearch .crossList li.active {
  z-index: 2;
}
.modSearch .crossList li a {
  display: block;
}
.modSearch .crossList .awards {
  position: absolute;
  top: 0;
  left: 20px;
}
.modSearch .crossList.three {
  background: transparent url('../img/background/bkgdCrossListFragrance.png') repeat-y center 202px;
}
.modSearch .crossList.three li {
  width: 313px;
  height: 460px;
}
.modSearch .crossList.three .visuel {
  width: 236px;
  height: 288px;
}
.modSearch .crossList.three .description {
  width: 300px;
}
.modSearch .crossList.four {
  background: transparent url('../img/background/bkgdCrossListMinFragrance.png') repeat-y center 185px;
}
.modSearch .crossList.four li {
  width: 235px;
  height: 350px;
}
.modSearch .crossList.four .visuel {
  width: 206px;
  height: 251px;
}
.modSearch .crossList.four .description {
  width: 225px;
}
.modSearch .crossList.varnish {
  margin: 90px 0 0;
  background: transparent url('../img/background/bkgdCrossListVarnish.png') repeat-y center 130px;
}
.modSearch .crossList.varnish li {
  width: 153px;
  height: 325px;
  margin: 0 4px 0 0;
}
.modSearch .crossList.varnish li.last {
  margin: 0;
}
.modSearch .crossList.varnish .description {
  left: -15px;
  bottom: -50px;
}
.mention {
  width: 135px;
  height: 18px;
  margin: 11px auto 0 !important;
  display: block;
  text-align: center;
  line-height: 20px;
  font-size: 10px !important;
  text-transform: uppercase;
  cursor: pointer;
  border: 1px solid #e5e5e5;
  color: #6a6968;
  background: #f2f2f2;
}
.ie6 .modSearch h3 {
  height: 30px;
  margin: 0 0 25px;
}
.ie6 .modSearch .wrapFilter {
  height: 35px;
}
.ie6 .modSearch .filter {
  height: 25px;
  position: relative;
  left: 0;
}
.ie6 .modSearch .itemFilter {
  top: 124px;
}
.ie7 .modSearch .itemFilter {
  top: 158px;
}
.ie9 .modSearch .itemFilter {
  top: 196px;
}
.productSheet .modSearch .crossList li {
  margin: 0;
}
.productSheet .modSearch .crossList.three li {
  height: 400px;
}
.ie6 .modSearch .wrapSelectPage {
  width: 187px;
}
/* ----------------------------------
	   MODULE MAKEUP
------------------------------------ */
.modMakeup.mods {
  margin: 0;
}
.modMakeup .productLine {
  height: 410px;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
}
.modMakeup .productItem {
  width: 455px;
  /*410*/

  height: 389px;
  margin: 0 30px 0 0;
  float: left;
  position: relative;
  overflow: hidden;
}
.modMakeup .productItem.last {
  margin: 0;
}
.modMakeup .productItem .awards {
  margin: 0;
  position: absolute;
  top: 25px;
  left: 40px;
}
.modMakeup .productItem .awards.vertical img {
  display: block;
  margin-bottom: 5px;
}
.modMakeup .productItem strong,
.modMakeup .productItem span {
  margin: 0 0 5px;
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: #252527;
}
.modMakeup .productItem small {
  font-size: 12px;
  color: #9a9a9a;
}
.modMakeup .productItem span {
  margin: 10px 0 0;
  font-weight: normal;
}
.modMakeup .productItem .visuelItem,
.modMakeup .productItem .colorItem {
  float: left;
}
.modMakeup .productItem .visuelItem {
  width: 240px;
  margin: 0 5px 0 0;
  text-align: center;
}
.modMakeup .productItem .visuelItem.self {
  width: 455px;
  margin: 0;
  text-align: left;
}
.modMakeup .productItem .visuelItem.self span {
  width: 240px;
  display: block;
  text-align: center;
}
.modMakeup .productItem .visuelItem a {
  display: block;
}
.modMakeup .productItem .visuelItem a:hover strong,
.modMakeup .productItem .visuelItem a:hover small {
  color: #252527;
}
.modMakeup .productItem .colorItem {
  width: 210px;
  height: 375px;
  position: relative;
}
.modMakeup .productItem .colorItem ul {
  position: absolute;
  top: 50%;
  left: 0;
  overflow: hidden;
}
.modMakeup .productItem .colorItem li {
  width: 25px;
  height: 25px;
  margin: 0 5px 5px 0;
  display: block;
  float: left;
  overflow: hidden;
}
.modMakeup .productItem .visuel {
  margin: 0 0 10px;
}
.ie6 .productItem a.over {
  color: #252527;
}
/* ----------------------------------
	   MODULE SHADE
------------------------------------ */
.modShade .wrapTitle {
  margin: 40px 0 0;
}
.modShade a:hover small {
  color: #252527;
}
.modShade .productLine-515,
.modShade .productLine-415 {
  width: 100%;
  height: 515px;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
}
.modShade .productLine-515 .awards,
.modShade .productLine-415 .awards {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  top: 25px;
  left: 40px;
  z-index: 10;
  background: red;
}
.modShade .productLine-515 .colorItem,
.modShade .productLine-415 .colorItem {
  width: 600px;
  height: 515px;
  position: relative;
  float: left;
}
.modShade .productLine-515 .visuelItem,
.modShade .productLine-415 .visuelItem {
  width: 340px;
  margin: 50px 0 0;
  float: left;
  text-align: center;
  position: relative;
  z-index: 9;
}
.modShade .productLine-515 .visuelItem button,
.modShade .productLine-415 .visuelItem button {
  width: 185px;
  height: 30px;
  margin: 20px 0 0;
  font-size: 13px;
  font-family: HelveticaNeueLTS;
  text-transform: uppercase;
  border: 0;
  cursor: pointer;
  color: #ffffff;
  background: #252527;
}
.modShade .productLine-515 ul,
.modShade .productLine-415 ul {
  position: absolute;
  top: 50%;
  left: 0;
  overflow: hidden;
}
.modShade .productLine-515 li,
.modShade .productLine-415 li {
  width: 113px;
  height: 105px;
  margin: 0 0 10px;
  float: left;
}
.modShade .productLine-515 strong,
.modShade .productLine-415 strong {
  margin: 0 0 5px;
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: #252527;
}
.modShade .productLine-515 small,
.modShade .productLine-415 small {
  display: block;
  font-size: 12px;
  margin: 0 0 10px 0;
  color: #9a9a9a;
}
.modShade .productLine-515 small.price,
.modShade .productLine-415 small.price {
  color: #3a3b3c;
}
.modShade .productLine-415 {
  height: 445px;
}
.modShade .productLine-415 .visuelItem {
  margin: 25px 0 0;
}
.modShade .productLine-415 .colorItem {
  height: 445px;
}
/* ----------------------------------
	   MODULE EDITOR'S CHOICE
------------------------------------ */
.modChoice .modPresentation h3 {
  margin: 35px 0 0;
}
.wrapChoice {
  width: 100%;
  height: 496px;
  color: #3a3b3c;
}
.wrapChoice.white .legend {
  color: #ffffff;
}
.wrapChoice ul {
  overflow: hidden;
}
.wrapChoice li {
  width: 940px;
  height: 496px;
  display: block;
  float: left;
  position: relative;
}
.wrapChoice li .decor {
  height: 496px;
  display: block;
}
.wrapChoice li .legend {
  width: 250px;
  display: block;
  position: absolute;
  top: 50%;
  text-align: center;
}
.wrapChoice li .legend.right {
  right: 85px;
}
.wrapChoice li .legend.left {
  left: 85px;
}
.wrapChoice li .legend h4 {
  font-size: 30px;
}
.wrapChoice li .legend span {
  margin: 20px 0;
  display: block;
  line-height: 25px;
  font-size: 12px;
}
.wrapChoice li .legend span.grey {
  color: #3a3b3c;
}
.wrapChoice li .legend a {
  width: 120px;
  height: 35px;
  display: block;
  margin: 0 auto;
  line-height: 35px;
  font-size: 12px;
  text-transform: uppercase;
  color: #ffffff;
  background: #252527;
}
/* ----------------------------------
	   MODULE COLLECTION SEARCH
------------------------------------ */
.modCollectionSearch .modPresentation h3 {
  margin: 15px 0 0;
}
.modCollectionSearch .wrapFilter {
  width: 900px;
  height: 55px;
  padding: 0 20px 0 20px;
  position: relative;
  z-index: 2;
  /*overflow: hidden;*/

  background: #ebebeb;
}
.modCollectionSearch .wrapFilter ul {
  float: left;
}
.modCollectionSearch .wrapFilter li {
  display: block;
  float: left;
  font-size: 12px;
  color: #2A2B2E;
}
.modCollectionSearch .wrapFilter li .triggerDrop span {
  width: 90px;
}
.modCollectionSearch .wrapFilter .checkFilter {
  margin: 20px 0 0 0;
  padding: 0 15px 0 0;
  border-right: 1px dashed #b9b9b9;
}
.modCollectionSearch .wrapFilter .checkFilter li {
  margin: 0 15px 0 0;
}
.modCollectionSearch .wrapFilter .checkFilter li label,
.modCollectionSearch .wrapFilter .checkFilter li input {
  cursor: pointer;
  line-height: 19px;
}
.modCollectionSearch .wrapFilter .selectFilter {
  width: 570px;
  height: 55px;
  /*overflow: hidden;*/

}
.modCollectionSearch .wrapFilter .selectFilter li {
  width: 112px;
  float: left;
  position: relative;
  padding: 23.5px 0 0 30px;
  /*&.dropDown {
		  top: 50%;
		}*/

}
.modCollectionSearch .wrapFilter .selectFilter li.first {
  padding: 0;
}
.modCollectionSearch .wrapFilter .selectFilter li a {
  display: block;
  color: #2A2B2E;
  cursor: pointer;
}
.modCollectionSearch .wrapFilter .selectFilter li .listMenu {
  width: 220px;
  /*overflow: auto;*/

  position: absolute;
  top: 55px;
  left: -5px;
  display: none;
  border: 1px solid #C8C7C5;
  /*&.scroller {
			top: 35px;
		  }*/

}
.modCollectionSearch .wrapFilter .selectFilter li span,
.modCollectionSearch .wrapFilter .selectFilter li i {
  float: left;
  display: block;
}
.modCollectionSearch .wrapFilter .selectFilter li i {
  margin: 5px 0 0 5px;
}
.modCollectionSearch .wrapFilter .selectFilter .itemFilter {
  background: #ffffff;
  float: none;
  width: 100%;
}
.modCollectionSearch .wrapFilter .selectFilter .itemFilter li {
  width: 100%;
  /*margin-right : 3%;*/

  height: 40px;
  padding: 0;
  display: block;
  float: none;
  line-height: 40px;
  font-size: 12px;
  border-bottom: 1px solid #C8C7C5;
  background: #ffffff;
  position: static;
}
.modCollectionSearch .wrapFilter .selectFilter .itemFilter li.last {
  border-bottom: none;
}
.modCollectionSearch .wrapFilter .selectFilter .itemFilter li a {
  width: 84%;
  padding: 0 0 0 16%;
  display: block;
  position: relative;
  color: #252527;
}
.modCollectionSearch .wrapFilter .selectFilter .itemFilter li a:hover {
  background: #e5e5e5;
}
.modCollectionSearch .wrapFilter .selectFilter .itemFilter li a.out {
  color: #9a9a9a;
  cursor: default;
}
.modCollectionSearch .wrapFilter .selectFilter .itemFilter li a.out:hover {
  background: none;
}
.modCollectionSearch .wrapFilter .selectFilter .itemFilter li i {
  position: absolute;
  top: 13px;
  left: -5px;
}
.modCollectionSearch .wrapFilter .result {
  margin: 24px 0 0;
  float: right;
  font-size: 12px;
  text-decoration: underline;
  color: #6a6968;
}
.modCollectionSearch .wrapItem {
  width: 940px;
  height: 390px;
  position: relative;
  z-index: 1;
  background: #000;
}
.modCollectionSearch .wrapItem .pagination {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 10;
  font-size: 14px;
  font-family: 'Times New Roman', serif;
  font-style: italic;
  color: #7d7f85;
}
.modCollectionSearch .wrapItem .overlay {
  width: 940px;
  height: 260px;
  padding: 130px 0 0;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  text-align: center;
}
.modCollectionSearch .wrapItem strong,
.modCollectionSearch .wrapItem small {
  margin: 0 0 15px;
  display: block;
  font-size: 50px;
  font-family: 'Times New Roman', serif;
  text-transform: uppercase;
  color: #ffffff;
}
.modCollectionSearch .wrapItem small {
  margin: 0 0 40px;
  font-size: 14px;
  font-family: Arial, sans-serif;
  color: #e5e5e5;
}
.modCollectionSearch .wrapItem a.discover {
  display: inline-block;
  padding: 10px 25px;
  font-size: 12px;
  text-transform: uppercase;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.modCollectionSearch .wrapItem .available {
  width: 320px;
  height: 30px;
  margin: 0 0 0 -160px;
  display: block;
  position: absolute;
  bottom: 25px;
  left: 50%;
  text-align: center;
  line-height: 30px;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: default;
  color: #ffffff;
  background: #252527;
}
.filterLoader {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #ebebeb;
  z-index: 9999;
  display: none;
}
.filterLoader div {
  width: 40px;
  height: 40px;
  left: 50%;
  top: 50%;
  position: absolute;
  margin-left: -20px;
  margin-top: -20px;
}
.ie7 .modCollectionSearch .wrapFilter,
.ie6 .modCollectionSearch .wrapFilter {
  width: 920px;
  padding: 0 10px;
}
.ie6 .modCollectionSearch .wrapFilter .checkFilter {
  padding: 0;
}
.ie7 .modCollectionSearch .wrapItem .overlay,
.ie8 .modCollectionSearch .wrapItem .overlay,
.ie6 .modCollectionSearch .wrapItem .overlay {
  background: url('../img/background/bkgdHover.png') repeat left top;
}
/* ----------------------------------
	   MODULE ADVICE
------------------------------------ */
.wrapAdvice {
  width: 100%;
  background: #9a9a9a;
}
.ie7 .wrapAdvice li .legend h4 .title {
  top: 55px;
}
.ie6 .wrapAdvice li .legend h4 .title {
  top: 55px;
}
/* ----------------------------------
	   MODULE CITATION
------------------------------------ */
.modCitation {
  margin: 30px 0 60px 0;
  padding: 45px 80px;
  position: relative;
  text-align: center;
  line-height: 35px;
  word-spacing: 2px;
  overflow: visible;
  font-size: 24px;
  font-family: 'Times New Roman', sans-serif;
  font-style: italic;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  color: #515152;
}
.modCitation .quote {
  display: block;
  width: 61px;
  height: 47px;
  background-position: -180px -80px;
  background-color: #ffffff;
  position: absolute;
  text-indent: -9999;
}
.modCitation .quote.laquo {
  left: 0;
  top: -24px;
}
.modCitation .quote.raquo {
  right: 0;
  bottom: -24px;
  background-position: -245px -80px;
}
.ie6 .modCitation {
  margin: 0 0 10px 0;
}
/* ----------------------------------
	   MODULE EDITO
------------------------------------ */
.modEdito {
  font-size: 14px;
  line-height: 30px;
}
.modEdito .topEdito,
.modEdito .btmEdito {
  text-align: center;
  clear: both;
  width: 100%;
  padding: 20px 0;
  /* padding-top: 20px */

}
.modEdito .left {
  float: left;
  width: 460px;
  margin: 0 20px 0 0;
  text-align: right;
}
.modEdito .right {
  float: left;
  width: 460px;
  text-align: left;
}
.modEdito h2 {
  font-family: 'Times New Roman', sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  color: #252527;
  margin-bottom: 0;
}
.modEdito h2 cufon {
  margin-bottom: 8px !important;
}
.modEdito small {
  font-size: 10px;
}
.modEdito .modCitation {
  margin: 35px 0 45px;
  /* 12px 0 35px */

  padding: 35px 45px;
  line-height: 35px;
}
.modEdito .modCitation.noMarginBtm {
  margin-bottom: 12px;
}
.modEdito .modCitation .quote {
  width: 32px;
  height: 24px;
}
.modEdito .modCitation .quote.laquo {
  top: -12px;
  background-position: -310px -80px;
}
.modEdito .modCitation .quote.raquo {
  bottom: -12px;
  background-position: -340px -80px;
}
.modEdito hr {
  border: 0;
  color: #fff;
  height: 30px;
  width: 100%;
}
.modEdito .button,
.modEdito .button:hover {
  line-height: 1;
  background-color: #9a9a9a;
}
/* ----------------------------------
	   PRODUCT SHEET
------------------------------------ */
/* ---------------------
	   COVER
------------------------*/
.productSheetCover {
  width: 100%;
  height: 570px;
  position: relative;
  z-index: 4;
  overflow: hidden;
  background: #ffffff url(./../img/background/bkgd-productCover.jpg) repeat-x;
}
.productSheetCover .zoomArea {
  height: 570px;
  display: block;
  position: absolute;
  top: 0;
  z-index: 6;
  background: url(./../img/background/zoom-area-bg.png) repeat-x;
}
.productSheetCover .zoomArea:hover .setpoint {
  display: block;
}
.productSheetCover .setpoint {
  width: 175px;
  height: 30px;
  margin: 0 0 0 -87.5px;
  display: none;
  position: absolute;
  bottom: 35px;
  left: 50%;
  text-align: center;
  line-height: 30px;
  font-size: 11px;
  font-family: Arial, serif;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #444444;
  z-index: 5;
}
.productSheetCover .decor {
  position: relative;
  height: 100%;
}
.productSheetCover .decor img {
  position: absolute;
}
.productSheetCover .decor img.coverBigScreen {
  right: 50% !important;
  left: auto !important;
  margin-right: -1278px;
}
.productSheetCover .wrapAwards {
  position: absolute;
  top: 50px;
  left: 20px;
  z-index: 10;
}
.productSheetCover .wrapAwards a {
  margin: 0 0 20px;
  display: block;
  overflow: hidden;
  clear: both;
}
.productSheetCover .wrapAwards a.mc {
  height: 37px;
}
.productSheetCover .wrapAwards a.cosme {
  height: 51px;
}
.productSheetCover .wrapAwards a.mc span {
  margin-top: 10px;
}
.productSheetCover .wrapAwards a.cosme span {
  margin-top: 15px;
}
.productSheetCover .wrapAwards img {
  float: left;
}
.productSheetCover .wrapAwards span {
  padding: 5px 10px;
  margin-left: 20px;
  display: none;
  float: left;
  font-size: 11px;
  border: 1px solid #e5e5e5;
  color: #6a6968;
  background-color: #f3f2f2;
}
.productSheetCover .productNav {
  width: 100%;
  height: 21px;
  margin: -10.5px 0 0;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 6;
}
.productSheetCover .productNav a {
  width: 12px;
  height: 21px;
  display: block;
  position: absolute;
  cursor: pointer;
}
.productSheetCover .productNav a.left {
  left: 10px;
}
.productSheetCover .productNav a.right {
  right: 10px;
}
.productSheetCover .coverContent {
  position: absolute;
  top: 50%;
  right: 70px;
  text-align: right;
  z-index: 7;
  width: 400px;
}
.productSheetCover .coverContent.makeup {
  top: 30%;
  right: 130px;
}
.productSheetCover .coverContent h1 {
  margin: 0 0 3px;
  font-size: 40px;
  text-transform: uppercase;
  color: #252527;
}
.productSheetCover .coverContent h1.white {
  color: #ffffff;
}
.productSheetCover .coverContent h1.grey {
  color: #9a9a9a;
}
.productSheetCover .coverContent h2 {
  margin: 0;
  line-height: 20px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal;
  color: #9a9a9a;
}
.productSheetCover .coverContent h2.white {
  color: #ffffff;
}
.productSheetCover .coverContent h2.black {
  color: #252527;
}
.productSheetCover .coverContent.makeup h2 {
  font-size: 14px;
  color: #9a9a9a;
}
.filterView {
  width: 300px;
  position: absolute;
  bottom: 10%;
  right: 70px;
  text-align: right;
  font-size: 12px;
  z-index: 6;
}
.filterView .wrapPages {
  width: 300px;
  height: 45px;
  margin: 0 0 20px;
  line-height: 45px;
  overflow: hidden;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}
.filterView .pages,
.filterView .nav {
  height: 45px;
  display: block;
  float: left;
}
.filterView .pages {
  width: 200px;
  padding: 16px 0 0 15px;
  text-align: left;
  font-size: 16px;
  color: #3a3b3c;
}
.filterView .nav {
  width: 75px;
  height: 15px;
  margin: 15px 0 0 10px;
  overflow: hidden;
}
.filterView .nav a {
  width: 9px;
  height: 15px;
  margin: 0 25px 0 0;
  display: block;
  float: left;
}
.filterView .nav a.last {
  margin: 0;
}
.filterView a {
  text-decoration: underline;
  cursor: pointer;
  color: #6a6968;
}
.filterView .wrapSelection {
  width: 300px;
  min-height: 15px;
  height: auto !important;
  height: 15px;
  overflow: hidden;
}
.filterView .selection,
.filterView .trigger {
  display: block;
  float: left;
}
.filterView .selection {
  width: 240px;
  text-align: left;
  color: #6a6968;
}
.filterView .selection ul {
  overflow: hidden;
}
.filterView .selection li {
  margin: 0 0 5px;
  display: block;
  float: left;
}
.filterView .selection li.clear {
  clear: both;
}
.filterView .selection a {
  padding: 0 0 3px;
  display: block;
  float: left;
  text-decoration: none;
  color: #9a9a9a;
  border-bottom: 1px dotted #a5a5a5;
}
.filterView .selection strong,
.filterView .selection .break {
  display: block;
  color: #6a6968;
}
.filterView .selection strong {
  margin: 0 0 10px;
}
.filterView .selection .break {
  margin: 0 5px;
  float: left;
}
.filterView .trigger {
  width: 60px;
}
.filterView .trigger.full {
  width: 300px;
}
.filterView .trigger a {
  position: absolute;
  right: 0;
  bottom: 9px;
}
.ie6 .filterView .pages {
  padding: 0 0 0 15px;
}
.filterView.white .wrapPages {
  border-top: 1px solid #3a3b3c;
  border-bottom: 1px solid #3a3b3c;
}
.filterView.white .pages {
  color: #e5e5e5;
}
.modProductFilter {
  margin-top: 10px;
  width: 300px;
  float: right;
}
.modProductFilter .colorItem ul {
  display: block;
  overflow: hidden;
}
.modProductFilter .colorItem ul .hideStore {
  display: none;
}
.modProductFilter .colorItem ul .hideNovelty {
  display: none;
}
.modProductFilter .itemFilter {
  display: block;
  margin: 5px 0 10px;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.modProductFilter .itemFilter li {
  display: block;
  float: right;
  margin-left: 20px;
  position: relative;
}
.modProductFilter .itemFilter li.checkbox span {
  float: left;
  margin-top: 6px;
}
.modProductFilter .itemFilter li.checkbox label {
  color: #252527;
  padding: 10px 0;
  font-size: 12px;
  display: block;
  float: left;
}
.modProductFilter .shadeButton {
  display: block;
  width: 290px;
  padding-right: 10px;
  height: 45px;
  background: #e5e5e5;
  font-size: 12px;
  text-align: right;
  overflow: hidden;
  cursor: pointer;
}
.modProductFilter .shadeButton .icon {
  margin: 15px;
  float: left;
}
.modProductFilter .shadeButton span {
  display: block;
  text-transform: uppercase;
  padding: 10px 0 0;
  font-size: 14px;
  font-family: Didot;
  font-style: italic;
  color: #252527;
}
.ie .productSheetCover .zoomArea {
  background: url('../img/background/spacer.gif') repeat left top;
}
.ie6 .productSheetCover a.zoomArea:hover .setpoint {
  display: block;
}
.ie6 .filterView .nav a {
  position: relative;
}
.ie6 .filterView i.slide {
  position: absolute;
  top: 0;
  left: 0;
}
.ie7 .filterView .trigger a {
  bottom: 2px;
}
.ie8 .filterView .trigger a,
.ie9 .filterView .trigger a {
  bottom: 8px;
}
/* ---------------------
	   POPIN 
------------------------*/
.popinWrapper {
  position: absolute;
  left: 50%;
  z-index: 9;
  display: none;
  background: #FFF;
}
.popinWrapper .icon.close {
  background-position: 0 -149px;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 20001;
}
.popinWrapper .content {
  position: relative;
  z-index: 10;
}
#popinOverlay {
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 8;
  display: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  opacity: 0.6;
  background-color: #000000;
}
.ie6 #popinOverlay {
  position: absolute;
}
.popin {
  display: none;
}
/* ---------------------
	   POPIN FILTER
------------------------*/
.popin.filter {
  width: 340px;
  height: 495px;
  right: 70px;
  background: #fff;
}
.popin.filter .intro {
  width: 300px;
  height: 80px;
  padding: 40px 20px 20px;
}
.popin.filter .intro h3 {
  border: none;
}
.popin.filter .intro p {
  font-size: 12px;
  line-height: 17px;
}
.popin.filter .intro p a {
  color: #9a9a9a;
  text-decoration: underline;
}
.popin.filter .itemFilter {
  width: 340px;
  border-top: 1px solid #e5e5e5;
  position: relative;
}
.popin.filter .itemFilter a {
  color: #252527;
  font-size: 12px;
  display: block;
}
.popin.filter .itemFilter li {
  width: 340px;
  display: block;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
}
.popin.filter li.select {
  display: block;
  overflow: hidden;
}
.popin.filter li.select a {
  width: 300px;
  padding: 20px;
  position: relative;
}
.popin.filter li.select i {
  position: absolute;
  right: 20px;
  top: 25px;
}
.popin.filter li.options {
  display: none;
  padding: 15px 0;
  overflow: hidden;
  background: none;
}
.popin.filter li.options ul {
  overflow: hidden;
}
.popin.filter li.options li {
  width: 50%;
  height: 25px;
  padding: 0;
  margin: 0 0 5px;
  float: left;
  position: relative;
  border: none;
}
.popin.filter li.options li a {
  width: 135px;
  height: 12px;
  padding: 5px 0 5px 18px;
  margin: 0 0 0 10px;
  overflow: hidden;
}
.popin.filter li.options li a:hover,
.popin.filter li.options li a.active {
  background: #f2f2f2;
}
.popin.filter li.options li a:hover i.valid,
.popin.filter li.options li a.active i.valid {
  display: block;
}
.popin.filter li.options li a.out {
  color: #9a9a9a;
  cursor: default;
}
.popin.filter li.options li a:hover.out {
  background: none;
}
.popin.filter li.options li a:hover.out i.valid {
  display: none;
}
.popin.filter li.options li a span {
  display: block;
  float: left;
}
.popin.filter li.options li i.valid {
  display: none;
  position: absolute;
  left: 15px;
  top: 8px;
}
.popin.filter li.checkbox span {
  float: left;
  margin: 7px 5px 0 20px;
}
.popin.filter li.checkbox label {
  color: #252527;
  font-size: 12px;
  display: block;
  padding: 10px 0 10px 40px;
}
.popin.filter .wrapMore {
  width: 300px;
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.popin.filter .wrapMore .models {
  margin: 8px 0 0;
  display: block;
  float: left;
  font-size: 12px;
  text-decoration: underline;
  color: #6a6968;
}
.popin.filter .wrapMore .button {
  float: right;
}
.popin.filter i.close {
  position: absolute;
  top: 20px;
  right: 20px;
}
.ie6 .popin.filter li.select i {
  width: 8px;
  height: 5px;
}
.ie6 .popin.filter li.options li {
  width: 125px;
  height: 7px;
  margin: 0;
  padding: 10px 0 5px 5px;
}
.ie6 .popin.filter li.options li a {
  position: relative;
}
.ie6 .popin.filter li.options .valid {
  left: 3px;
  top: 10px;
}
.ie6 .popin.filter li.checkbox span {
  margin: 7px 5px 0 10px;
}
.ie6 .popin.filter .icon.close {
  height: 11px;
  overflow: hidden;
}
/* ---------------------
	  POPIN ex.SHADE
------------------------*/
.shadeSelector,
.popin.order {
  width: 980px;
  height: 480px;
  background: #fff;
}
.shadeSelector.w990,
.popin.order.w990 {
  width: 990px;
}
.shadeSelector .wrapTitle,
.popin.order .wrapTitle {
  height: 45px;
  margin: 0;
  padding: 20px 0 0 0;
  position: relative;
}
.shadeSelector .wrapTitle.bgGrey,
.popin.order .wrapTitle.bgGrey {
  background: #f4f4f4;
}
.shadeSelector .wrapTitle h3,
.popin.order .wrapTitle h3 {
  border: none;
  font-size: 25px;
  font-family: Didot;
  font-style: italic;
  font-weight: normal;
  color: #3a3b3c;
}
.shadeSelector .wrapTitle.small h3,
.popin.order .wrapTitle.small h3 {
  text-align: left;
}
.shadeSelector .wrapTitle .icon.close,
.popin.order .wrapTitle .icon.close {
  position: absolute;
  top: 20px;
  right: 20px;
}
.shadeSelector .intro,
.popin.order .intro {
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  padding: 30px 0;
}
.shadeSelector .intro strong,
.popin.order .intro strong {
  display: block;
  font-weight: bold;
  color: #6a6968;
}
.shadeSelector .inside,
.popin.order .inside {
  overflow: hidden;
  padding: 0 20px;
}
.popin.order {
  height: 400px;
}
.popin.order .wrapTitle {
  margin: 5px 25px 0;
}
.popin.order .wrapTitle .icon.close {
  right: 0;
}
.popin.order .wrapTitle h3 {
  font-size: 18px;
  margin-top: 10px;
}
.ie6 .popin.order h3 {
  width: 930px;
  height: 30px;
}
.ie6 .popin.order .wrapTitle {
  width: 930px;
  height: 30px;
}
/* ------------------
	  POPIN TECH
---------------------*/
.popin.tech {
  width: 940px;
  height: 550px;
  padding: 50px 0;
}
.popin.tech h3 {
  margin: 0 0 15px;
  text-align: center;
  font-size: 30px;
  font-family: 'Times New Roman', sans-serif;
  color: #252527;
}
.popin.tech h4 {
  margin: 0 0 35px;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  color: #9a9a9a;
}
.popin.tech .wrapTech {
  padding: 0 140px;
  overflow: hidden;
}
.popin.tech .wrapTech .col {
  width: 300px;
  margin: 0 60px 0 0;
  float: left;
  font-size: 12px;
  color: #9a9a9a;
}
.popin.tech .wrapTech .col.last {
  margin: 0;
}
.popin.tech .wrapTech p {
  line-height: 27px;
}
.popin.tech .wrapTech p.noLH {
  line-height: 20px;
}
.popin.tech .wrapTech strong {
  font-weight: bold;
}
/* ----------------------------------
			 COLORITEM
------------------------------------ */
.productSheetCover .colorItem,
.modShadeSelector .colorItem {
  overflow: hidden;
}
.productSheetCover .colorItem li,
.modShadeSelector .colorItem li {
  width: 25px;
  height: 25px;
  margin: 0 5px 5px 0;
  display: block;
  float: left;
}
.productSheetCover .colorItem li span,
.modShadeSelector .colorItem li span {
  background: #4d4d4d;
  color: #ffffff;
  font-size: 12px;
  display: none;
  position: absolute;
  top: -26px;
  left: 0;
  padding: 5px 10px;
}
.productSheetCover .colorItem li:hover span,
.modShadeSelector .colorItem li:hover span {
  display: block;
}
.productSheetCover .colorItem li.selected,
.modShadeSelector .colorItem li.selected {
  width: 23px;
  height: 23px;
  border: 1px solid #252527;
}
.productSheetCover .colorItem li.selected img,
.modShadeSelector .colorItem li.selected img {
  width: 19px;
  height: 19px;
  border: 2px solid #ffffff;
}
.productSheetCover .colorItem .shade-label,
.modShadeSelector .colorItem .shade-label {
  width: auto;
  min-width: 110px;
  height: 13px;
  background: #4d4d4d;
  position: absolute;
  top: 53px;
  left: 165px;
  color: #fff;
  font-size: 12px;
  padding: 6px 12px;
  opacity: 0;
  transition: opacity 0.6s;
  -webkit-transition: opacity 0.6s ease-out;
  -moz-transition: opacity 0.6s ease-out;
  -o-transition: opacity 0.6s ease-out;
}
.productSheetCover .colorItem .shade-label.left,
.modShadeSelector .colorItem .shade-label.left {
  left: 35px;
}
.productSheetCover .colorItem .shade-label.on,
.modShadeSelector .colorItem .shade-label.on {
  opacity: 1;
  display: block;
}
.productSheetCover .colorItem.left ul,
.modShadeSelector .colorItem.left ul {
  left: 35px;
}
.productSheetCover .colorItem.right,
.modShadeSelector .colorItem.right {
  background: #f7f7f7;
}
.productSheetCover .colorItem.right.selected,
.modShadeSelector .colorItem.right.selected {
  background: #fff;
}
.productSheetCover .colorItem.right ul,
.modShadeSelector .colorItem.right ul {
  right: 35px;
}
.lte9 .productSheetCover .colorItem .shade-label,
.lte9 .modShadeSelector .colorItem .shade-label {
  display: none;
}
.lte9 .productSheetCover .colorItem .shade-label.on,
.lte9 .modShadeSelector .colorItem .shade-label.on {
  display: block;
}
.productSheetCover .rightContent .colorItem li {
  float: right;
  margin: 0 0 5px 5px;
}
/* ----------------------------------
	   MODULE SHADE SELECTOR
------------------------------------ */
.modShadeSelector {
  width: 100%;
  position: relative;
  z-index: 1;
  /*overflow: visible;*/

}
.modShadeSelector .wrapperShadeSelector {
  width: 100%;
  overflow: hidden;
}
.modShadeSelector .colorItem {
  width: 50%;
  float: left;
  height: 225px;
  position: relative;
  z-index: 2;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.modShadeSelector .colorItem ul {
  position: absolute;
  top: 50%;
  width: 270px;
  overflow: visible;
}
.modShadeSelector .colorItem ul .hideStore {
  display: none;
}
.modShadeSelector .colorItem ul .hideNovelty {
  display: none;
}
.modShadeSelector .toneSlider {
  width: 170px;
  height: 224px;
  position: absolute;
  top: 1px;
  left: 50%;
  margin-left: -85px;
  z-index: 3;
  background: #ffffff;
}
.modShadeSelector .toneSlider img {
  margin-top: 35px;
}
.modShadeSelector .toneSlider .halftone {
  width: 50%;
  height: 225px;
  position: absolute;
  top: 0px;
  right: 0;
  border-left: 1px solid #e5e5e5;
  background: #f7f7f7;
}
.modShadeSelector .toneSlider .halftone.selected {
  background: #ffffff url('../../dynamic/panel/tEmpty.jpg') no-repeat center right;
}
.modShadeSelector .toneSlider a.trigger {
  position: absolute;
  bottom: -15px;
  left: -15px;
}
.modShadeSelector .btmShade {
  overflow: hidden;
}
.modShadeSelector .btmShade .left,
.modShadeSelector .btmShade .right {
  display: block;
  width: 50%;
  float: left;
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  padding-top: 30px;
}
.modShadeSelector .btmShade small {
  display: block;
  text-transform: uppercase;
}
.modShadeSelector .btmShade a {
  display: block;
  color: #252527;
  position: relative;
}
.modShadeSelector .btmShade i {
  position: absolute;
  left: 205px;
  top: 1px;
}
.ie6 .modShadeSelector .btmShade i {
  left: 205px;
}
.ie6 .modShadeSelector .btmShade .right {
  background: #ffffff;
}
/* ----------------------------------
	   MODULE ECOMMERCE
------------------------------------ */
.modEcommerce {
  height: 70px;
  margin: 0;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
  z-index: 5;
}
.modEcommerce .wrapEco {
  height: 50px;
  padding: 10px 20px;
  overflow: hidden;
}
.modEcommerce .thumbsProduct li {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  overflow: hidden;
  margin: 0 5px 0 0;
}
.modEcommerce .thumbsProduct li a {
  overflow: hidden;
}
.modEcommerce .thumbsProduct li a img {
  opacity: 0.5;
}
.modEcommerce .thumbsProduct li a:hover img,
.modEcommerce .thumbsProduct li a.active img {
  opacity: 1;
}
.modEcommerce .thumbsProduct li a.active {
  cursor: default;
}
.modEcommerce .productDetail {
  width: 310px;
  height: 70px;
  padding-left: 10px;
  margin-left: -160px;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 6;
  overflow: hidden;
  font-size: 12px;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.modEcommerce .productDetail a {
  height: 70px;
  display: block;
  overflow: hidden;
}
.modEcommerce .productDetail .wrapFilter,
.modEcommerce .productDetail .wrapQt,
.modEcommerce .productDetail .qt,
.modEcommerce .productDetail .nb {
  display: block;
  float: left;
}
.modEcommerce .productDetail .wrapFilter {
  width: 190px;
  height: 70px;
  padding: 0 5px 0 0;
  position: relative;
  border-right: 1px solid #e5e5e5;
}
.modEcommerce .productDetail .wrapFilter.full {
  width: 300px;
  border: none;
}
.modEcommerce .productDetail .wrapQt {
  width: 104px;
  height: 70px;
  padding: 0 0 0 10px;
  position: relative;
}
.modEcommerce .productDetail .wrapQt .qt {
  height: 11px;
  margin: 29px 0 0 0;
  padding: 0 7px 0 0;
  border-right: 1px dotted #252527;
  color: #6a6968;
}
.modEcommerce .productDetail .wrapQt .nb {
  padding: 29px 0 0 7px;
}
.modEcommerce .productDetail .wrapQt.us .qt {
  border: none;
}
.modEcommerce .productDetail .wrapQt.us .nb {
  padding: 0;
}
.modEcommerce .productDetail .wrapQt input {
  width: 23px;
  height: 25px;
  padding: 0 0 0 9px;
  margin: 22px 0 0 7px;
  border: 1px solid #e5e5e5;
  color: #9a9a9a;
  background: #ffffff;
}
.modEcommerce .productDetail .wrapQt a {
  color: #6a6968;
}
.modEcommerce .productDetail img {
  float: left;
  top: 50%;
  margin: 30px 10px 0 0;
}
.modEcommerce .productDetail small {
  display: block;
  font-size: 12px;
  color: #6a6968;
  float: left;
  margin: 29px 0 0 0;
  position: relative;
  z-index: 15;
}
.modEcommerce .productDetail small.variant {
  width: 100px;
  position: relative;
  line-height: 15px;
  top: 50%;
}
.modEcommerce .productDetail small.variant.oneLine {
  line-height: 1px;
}
.modEcommerce .productDetail small.price {
  padding-left: 15px;
  border-left: 1px dotted #252527;
}
.modEcommerce .productDetail .wrapFilter.full small.variant {
  width: 230px;
}
.modEcommerce .productDetail .wrapFilter.full span.price {
  margin: 28px 0 0;
  display: block;
}
.modEcommerce .productDetail i {
  width: 9px;
  height: 5px;
  display: block;
  position: absolute;
  top: 33px;
  right: 15px;
  z-index: 10;
}
.modEcommerce .hoverPrice {
  display: none;
  position: absolute;
  right: 380px;
  top: 28px;
  font-size: 14px;
  color: #6a6968;
}
.modEcommerce .button {
  float: right;
  margin: 10px 0 0 10px;
}
.modEcommerce .button.store:hover {
  background: #6a6968;
}
.modEcommerce .button.disabled {
  margin: 10px 0;
}
.modEcommerce .listFilter,
.modEcommerce .listQt {
  width: 205px;
  height: 0;
  margin: 0 0 0 -160px;
  padding: 0 1px;
  position: absolute;
  left: 50%;
  bottom: 70px;
  z-index: 5;
  overflow: hidden;
  border: none;
  background-color: #ffffff;
}
.modEcommerce .listFilter li,
.modEcommerce .listQt li {
  width: 205px;
  height: 40px;
  position: relative;
  font-size: 12px;
  border-bottom: 1px solid #e5e5e5;
}
.modEcommerce .listFilter a,
.modEcommerce .listQt a {
  width: 190px;
  height: 15px;
  padding: 15px 0 10px 15px;
  display: block;
  color: #252527;
}
.modEcommerce .listFilter a:hover,
.modEcommerce .listQt a:hover,
.modEcommerce .listFilter a.active,
.modEcommerce .listQt a.active {
  background-color: #e5e5e5;
}
.modEcommerce .listFilter a.out,
.modEcommerce .listQt a.out {
  color: #969696;
  cursor: default;
}
.modEcommerce .listFilter a.out .price,
.modEcommerce .listQt a.out .price {
  color: #969696;
}
.modEcommerce .listFilter a:hover.out,
.modEcommerce .listQt a:hover.out {
  background-color: #ffffff;
}
.modEcommerce .listFilter a:hover i,
.modEcommerce .listQt a:hover i,
.modEcommerce .listFilter a.active i,
.modEcommerce .listQt a.active i {
  display: block;
}
.modEcommerce .listFilter a:hover.out,
.modEcommerce .listQt a:hover.out {
  display: none;
}
.modEcommerce .listFilter span,
.modEcommerce .listQt span {
  height: 15px;
  /*padding: 2px 0 0 0;*/

  display: block;
  float: left;
}
.modEcommerce .listFilter .item,
.modEcommerce .listQt .item {
  width: 90px;
  border-right: 1px dotted #9a9a9a;
}
.modEcommerce .listFilter .price,
.modEcommerce .listQt .price {
  width: 99px;
  text-align: center;
  color: #6a6968;
}
.modEcommerce .listFilter i,
.modEcommerce .listQt i {
  display: none;
  position: absolute;
  top: 18px;
  left: 4px;
}
.modEcommerce .listFilter.full {
  width: 320px;
}
.modEcommerce .listFilter.full li {
  width: 310px;
}
.modEcommerce .listFilter.full a {
  width: 280px;
  padding: 12px 0 13px 30px;
}
.modEcommerce .listFilter.full .item {
  width: 185px;
}
.modEcommerce .listFilter.full .item.full {
  width: 280px;
  border-right: none;
}
.modEcommerce .listFilter.full .price {
  width: 94px;
}
.modEcommerce .listFilter.full i {
  left: 10px;
}
.modEcommerce .listQt {
  width: 114px;
  margin: 0 0 0 46px;
}
.modEcommerce .listQt li {
  width: 114px;
  text-align: right;
}
.modEcommerce .listQt a {
  width: 99px;
  padding: 14px 15px 11px 0;
  color: #6a6968;
}
.modEcommerce .qtError {
  width: 320px;
  margin: 0 0 0 -160px;
  display: none;
  position: absolute;
  top: -50px;
  left: 50%;
  z-index: 5;
  text-align: center;
  font-size: 12px;
  color: red;
}
.ie6 .modEcommerce .productDetail i {
  position: relative;
  top: 33px;
  left: 10px;
}
.ie6 .modEcommerce .listFilter i {
  position: relative;
  top: 5px;
  left: -10px;
}
.ie6 .modEcommerce .listFilter li {
  height: 40px;
  padding: 0;
}
.ie7 .modEcommerce .listFilter a {
  padding: 15px 0 10px 15px;
  margin: -3px 0 0;
  height: 19px;
}
.ie7 .modEcommerce .listQt a {
  padding: 14px 15px 11px 0;
  margin: -1px 0 0;
  height: 16px;
}
.ie6 .thumbsProduct li a img,
.ie7 .thumbsProduct li a img {
  filter: alpha(opacity=50);
}
.ie8 .thumbsProduct li a img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.ie6 .thumbsProduct li a:hover img,
.ie7 .thumbsProduct li a:hover img {
  filter: alpha(opacity=100);
}
.ie6 .thumbsProduct li a.active img,
.ie7 .thumbsProduct li a.active img {
  filter: alpha(opacity=100);
}
.ie8 .thumbsProduct li a:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ie8 .thumbsProduct li a.active img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* ----------------------------------
	   MODULE ADD BASKET
------------------------------------ */
.modAddBasket {
  margin: 0;
  /* copy and crop cover */

}
.modAddBasket .wrapTitle {
  width: 940px;
  border-bottom: 1px solid #e5e5e5;
}
.modAddBasket .wrapBasket {
  width: 940px;
  height: 190px;
  margin: 0 25px;
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}
.modAddBasket .wrapDesc {
  display: block;
  float: left;
  position: absolute;
  top: 50%;
  left: 0;
  overflow: hidden;
}
.modAddBasket .visuel,
.modAddBasket .description,
.modAddBasket .wrapBasketFilter,
.modAddBasket .w220 {
  display: block;
  float: left;
  width: 220px;
  margin-left: 20px;
}
.modAddBasket .visuel.first,
.modAddBasket .description.first,
.modAddBasket .wrapBasketFilter.first,
.modAddBasket .w220.first {
  margin-left: 0;
}
.modAddBasket .visuel {
  overflow: hidden;
}
.modAddBasket .visuel img {
  width: auto;
  max-height: 108px;
}
.modAddBasket .visuel .visuelTiers {
  margin-left: -55%;
}
.modAddBasket .visuel .visuelCenter {
  margin-left: -60%;
}
.modAddBasket .visuel .visuelRight {
  margin-left: -120%;
}
.modAddBasket .description {
  margin: -3px 0 0 20px;
}
.modAddBasket .wrapBasketFilter {
  float: right;
  text-align: right;
}
.modAddBasket .wrapBasketFilter .selectFilter {
  display: block;
  margin-top: 15px;
  padding: 13px 0 0 13px;
  height: 25px;
  border: 1px solid #e5e5e5;
  background: #faf9f9;
  text-align: left;
  font-size: 14px;
  position: relative;
  /*overflow: hidden;*/

}
.modAddBasket .wrapBasketFilter .selectFilter a {
  font-size: 14px;
  color: #3a3b3c;
}
.modAddBasket .wrapBasketFilter .selectFilter a.triggerDrop {
  z-index: 3;
  display: block;
}
.modAddBasket .wrapBasketFilter .selectFilter .icon {
  position: absolute;
  right: 12px;
  top: 16px;
}
.modAddBasket .wrapBasketFilter .button {
  margin-top: 15px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}
.modAddBasket .wrapBasketFilter .listMenu {
  width: 218px;
  display: none;
  position: absolute;
  top: 38px;
  left: -1px;
  z-index: 100;
  border: 1px solid #e5e5e5;
}
.modAddBasket .wrapBasketFilter .listMenu li {
  height: 40px;
  display: block;
  border-bottom: 1px solid #e5e5e5;
}
.modAddBasket .wrapBasketFilter .listMenu a {
  width: 205px;
  height: 40px;
  padding: 0 0 0 13px;
  display: block;
  line-height: 40px;
  font-family: 'Time New Roman', sans-serif;
  background: #ffffff;
  position: relative;
}
.modAddBasket .wrapBasketFilter .listMenu a:hover {
  background: #f0f0f0;
}
.modAddBasket strong {
  display: block;
  color: #252527;
  font-weight: bold;
}
.modAddBasket strong.price {
  color: #9a9a9a;
  font-size: 18px;
  margin-top: 15px;
  display: block;
  font-weight: normal;
}
.modAddBasket p {
  font-size: 12px;
  line-height: 20px;
  color: #9a9a9a;
}
.modAddBasket p.note {
  margin-top: 15px;
}
.modAddBasket p.note strong {
  display: inline;
}
.modAddBasket p.w220 strong {
  color: #9a9a9a;
}
.modAddBasket .btmBasket {
  width: 940px;
  margin: 13.5px 25px 0;
  overflow: hidden;
}
.modAddBasket .btmBasket a {
  font-size: 12px;
  color: #6a6968;
  float: right;
}
/* ----------------------------------
	   MODULE PRODUCT SHEET
------------------------------------ */
.modProductSheet {
  font-size: 12px;
}
.modProductSheet .modPresentation h3 {
  margin: 40px 0 40px;
}
.modProductSheet .wrapSheet {
  width: 771px;
  margin: 0 auto;
  overflow: hidden;
}
.modProductSheet .description {
  float: left;
  width: 520px;
  padding-right: 30px;
  border-right: 1px dotted #ccc;
}
.modProductSheet .description p {
  line-height: 25px;
  color: #9a9a9a;
}
.modProductSheet .modInteractivity {
  float: left;
  width: 205px;
  padding: 5px 0 0 15px;
  position: relative;
}
.modProductSheet .modInteractivity a.contact {
  width: 205px;
  padding: 0 0 15px;
  display: block;
  border-bottom: 1px solid #e5e5e5;
  color: #3a3b3c;
}
.modProductSheet .modInteractivity .links {
  width: 100%;
  padding: 15px 0 0;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
}
.modProductSheet .modInteractivity .links li {
  width: 205px;
}
.modProductSheet .modInteractivity .links a {
  width: 205px;
  color: #3a3b3c;
  margin: 0 0 15px 0;
  display: block;
}
.modProductSheet .modInteractivity .links a .icon.arrow {
  float: left;
  margin: 3px 5px 0 0;
}
.modProductSheet .modInteractivity .ref {
  padding: 15px 0 0;
  border-bottom: 1px solid #e5e5e5;
}
.modProductSheet .modInteractivity .ref li {
  margin: 0 0 15px 0;
  display: block;
}
.modProductSheet .modInteractivity .ref strong {
  font-weight: bold;
}
.modProductSheet .modInteractivity .share {
  margin: 15px 0 0;
  overflow: hidden;
}
.modProductSheet .modInteractivity .share li {
  width: auto;
  height: 16px;
  margin: 0 10px 5px 0;
  display: block;
  float: left;
}
.modProductSheet .modInteractivity .share li.break {
  border-left: 1px solid #CCC;
  height: 12px;
  margin-top: 3px;
}
.modProductSheet .modInteractivity .share li a {
  height: 16px;
  display: block;
  cursor: pointer;
}
.modProductSheet .modInteractivity .share li a .icon {
  float: left;
}
.modProductSheet .modInteractivity .share li a .icon.contact {
  margin: 3px 0 0;
  float: left;
}
.ie6 .modProductSheet .description {
  border-right: 2px dotted #ccc;
  zoom: 0.5;
  width: 1040px;
}
.ie6 .modProductSheet .description p {
  zoom: 2;
}
.cart-item-added,
.cart-feedback-display-error {
  display: none;
}
#_atssh {
  display: none;
}
.messageValidate {
  display: none;
}
.messageValidate span {
  display: block;
  margin-bottom: 5px;
}
.messageValidate a {
  color: #000;
  text-decoration: underline;
}
.ie6 .modProductSheet .modInteractivity .share li {
  margin: 0 10px 5px 0;
}
.ie6 .modProductSheet .modInteractivity .share li.break {
  width: 1px;
}
/* ----------------------------------
	   FULLSCREEN PLAYER
------------------------------------ */
#fullScreenPlayer {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  display: none;
  overflow: hidden;
}
#fullScreenPlayer.show {
  opacity: 1;
  display: block;
  z-index: 30;
}
#fullScreenPlayer .video {
  height: 100%;
}
#wrapper[data-page=FichesProduit] #zoom {
  background: #FFF;
  top: -88px;
}
.ie6 .modProductSheet .modInteractivity {
  width: 195px;
}
.ie6 .modProductSheet .modInteractivity a {
  margin: 0 0 5px;
}
.ie6 .modProductSheet .modInteractivity .links {
  padding: 5px 0 0;
}
.ie6 .modProductSheet .modInteractivity .share li {
  width: 16px;
}
.ie7 .modInteractivity a {
  margin: 0 0 5px 0;
}
