@charset "UTF-8";

/* ----------------------------------------------------------
   Règlages de base
   ------------------------------------------------------- */

html {
    height: 100%;
    max-height: 100%;
}

body {
    height: 100%;
    max-height: 100%;
}

/* Prevents sub and sup affecting line-height in all browsers | gist.github.com/413930 */
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}

/* bicubic resizing for non-native sized IMG | code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.lt_ie8 img { -ms-interpolation-mode: bicubic; }
/* Aligne les images inline sur le texte */
img,input[type=image]{vertical-align:bottom;}
/* Curseur adéquat pour les boutons */
input[type="submit"],input[type="image"],button{cursor:pointer;}

/* ----------------------------------------------------------
   Typo
   ------------------------------------------------------- */

body {
    font: 62.5%/1 Helvetica, Arial, sans-serif;
    color: #0f0f12;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5 {
    font-weight: bold;
    display:block;
}

h1, .h1 {
    font-size: 25px;
    line-height: 40px;
}

h2, .h2 {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 30px;
}

h3, .h3 {
    margin: 5px 0;
    font-size: 15px;
    line-height: 20px;
}

h4, .h4 {
    margin: 5px 0;
    font-size: 13px;
    line-height: 18px;
}

p,
li {
    font-size: 12px;
    line-height: 16px;
}

/* ----------------------------------------------------------
   Structure
   ------------------------------------------------------- */

.le-content ul,
p {
    margin-bottom: 12px;
}

.le-content ul ul {
    margin-bottom: 0;
    padding-left: 12px;
}

.le-content ul:last-child,
p:last-child {
    margin-bottom: 0;
}

.le-content li {
    list-style: inside disc;
}

table {
    width: 100%;
}

/* ----------------------------------------------------------
   Liens
   ------------------------------------------------------- */

a {
    color: #EBB5A8;
}

/* l'ajout d'un id permet de ne pas avoir à re-styliser :hover si on change la couleur plus tard */
a:hover,
#main-container a:hover {
    color: #6a6f75;
}

.aimg:hover,
#logo a:hover {
    opacity: 0.80;
    filter: alpha(opacity=80);
}

.show_hide {
    opacity: 0.0;
    filter: alpha(opacity=0);
}

.aimg,
*:hover > .show_hide {
    opacity: 0.99;
    filter: alpha(opacity=99);
}

/* ----------------------------------------------------------
   Transitions
   ------------------------------------------------------- */

.tclsp-container .product-name,
a {
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

#logo a,
.tm-account .submenu,
.link-main-push,
.list-push a .filter,
.show_hide,
.lms-details,
.lsn-details,
.welcome-msg .link-logout,
.li-filter-products .submenu,
.aimg,
.main-category-picture img,
.trans-opa,
.colette-checkout-steps li,
.clrz-gallery-images img,
.clrz-gallery-pagination img,
.pagination-content a,
.ajax-lightbox-messages,
.scroller_bar_inner,
#checkout-layout,
a img {
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.toolbar-content,
#toolbar {
    -webkit-transition: width 0.3s ease-out;
    -moz-transition: width 0.3s ease-out;
    -o-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
}

.scroller_bar_inner,
.accel-translatez {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.traa,
.home-main-push-pager li,
.category-mainlist a,
.main-loader,
.player-core .pl-act,
.item-wishlist,
.hnc-main-nav a,
.header-diary-links a,
.block-navigation-account li a,
.actions-layers-nav .infobulle,
.cssnt-tabs-clic a,
.li-filter-products > a,
.main-block-navigation-account .bla-illu,
.block-navigation-account li strong {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.inner-pp li {
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}


/* ----------------------------------------------------------
   Base des onglets
   ------------------------------------------------------- */

.cssnt-tabs-clic {
    position: relative;
    top: 1px;
    overflow: hidden;
}

.cssnt-tabs-clic li {
    float: left;
}

.cssnt-tabs-clic a {
    display: block;
    float: left;
}

.cssnt-tabs-clic li {
    margin-right: 2px;
}

.cssnt-tabs-clic a {
    width: 108px;
    border: 1px #e5e6e7 solid;
    border-bottom: 1px #e5e6e7 solid;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    line-height: 29px;
    color: #696f75;
    background-color: #e5e6e7;
    -webkit-background-clip: border;
    -moz-background-clip: border;
    background-clip: border;
}

.cssnt-tabs-clic a.current,
.cssnt-tabs-clic .current a,
.cssnt-tabs-clic a:hover,
.cssnt-tabs-clic a:focus {
    border-bottom: 1px #F5F6F6 solid;
    color: #EBB5A8;
    background-color: #f5f6f6;
}

.cssnt-tabs-target {
    padding: 20px 0 0;
    border-top: 1px #e5e6e7 solid;
}

.tabs-water-bar a {
    border: 0;
}

.tabs-water-bar a.current,
.tabs-water-bar .current a,
.tabs-water-bar a:hover,
.tabs-water-bar a:focus {
    border-bottom: 0;
    background-color: #fff;
}