/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:focus{outline:0}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.75em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
/*dl,menu,ol,ul{margin:1em 0}*/
dd{margin:0 0 0 40px}
menu,ol,{padding:0 0 0 0px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}


/*! reset */
html, button, input, select, textarea { color: #000; }
body { font-size: 1em; line-height: 1.4; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }
a { text-decoration: none; outline:0;}

@-ms-viewport {
  max-zoom: 1;
  zoom: 1;
  width: device-width;
}

/* ==========================================================================
   Author's custom styles : Cl茅ment CAILLARD
   ========================================================================== */
html, body {
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-family: 'abchanel-couture', Arial, Helvetica, sans-serif;
}
html.zh_CN, html.zh_HK, .zh_CN body, .zh_HK body {
	font-family: 'abchanel-couture', Simhei, Arial, Helvetica, sans-serif;
}
html.ja_JP, .ja_JP body {
	font-family: 'abchanel-couture', 'MS PGothic', 'MS Gothic', Arial, Helvetica, sans-serif;
}

#bg-fixed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
	-ms-touch-action: none;
}

#container {
	position: relative;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	background: url(../img/blank.gif) repeat 0 0; /* TO SCROLL OVER TRANSPARENT AREA */
	/*z-index: 50;*/
	/*-webkit-overflow-scrolling: touch;*/
	-ms-touch-action: none;
}

#offscroll {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/blank.gif) repeat 0 0;
	z-index: 80;
	display: none;
}

#media-controller {
	position: absolute; 
	bottom: 65px; 
	left: 10px; 
	z-index: 55;
	display: none;
}

#bg-ghost-area { /* TRANSPARENT AREA CORRESPONDANT TO #bg-fixed */
	position: relative;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.no-js #bg-ghost-area {
	margin-top: -60px;
}
.lt-ie8 #bg-fixed, 
.lt-ie8 #bg-ghost-area {
	margin-top: 0px;
    height: expression(document.body.offsetHeight + 60 + "px");
}

#ccpanel-container {
	border-top: 5px solid #000 !important;
}


/* ==========================================================================
   $JSCROLL 浏览区滚动条
   ========================================================================== */
#container .jscroll-content-wrap {
	position: relative;
    height: auto;
    width: 100%;
    visibility: hidden;
}
#container .jscroll-scrollbar{
    position: absolute;
    background: none;
    display: none;
    cursor: pointer;
    z-index: 65;
}
#container .jscroll-scrollbar.vertical{
    width: 7px;
    height: 98%;
    top: 1%;
    left: 100%;
    margin-left: -12px;
    margin-top: 0px;
}
.touch #container .jscroll-scrollbar.vertical{
    opacity: 0;
}
#container .jscroll-handler {
    background: #cccccc;
    position: absolute;
    top: 0;
    left: 0; 
}
#container .jscroll-scrollbar.vertical .jscroll-handler {
    width: 7px;
    height: 50px;
}


/* ==========================================================================
   $SLIDESHOW
   ========================================================================== */
#bg-fixed .slideshow {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
#bg-fixed .slideshow .slide {
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    list-style-type: none;
	opacity: 0;
    filter: alpha(opacity=0);
    
    border-style: solid;
    border-color: #fff;
    border-width: 0;
    
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	z-index: 1;
}
#bg-fixed .slideshow .video-slide {
	top: 30px;
	bottom: 30px;
}

#bg-fixed .slideshow .slide.active {
	z-index: 2;
}

#bg-fixed .slide.default {
	opacity: 1;
	filter: alpha(opacity=100);
}
.lt-ie8 #bg-fixed .slideshow .slide {
	height: 100%;
}
.ie8 #bg-fixed .slide * { /* IE8 ANIMATE OPACITY BUG : http://bugs.jquery.com/ticket/11188 */
    filter: inherit;
}

.slideshow .slide a {
	position: relative;
    display: block;
    width: 100%;
    height: 100%;
}


/* ==========================================================================
   $COVER
   ========================================================================== */
.cover {
	z-index: 10;
	visibility: hidden;
}
.no-js .cover {
	position: absolute;
	visibility: visible;
}
.no-crop {
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
}
.no-js .no-crop {
	top: 0;
	left: 0;
}

.img-fill {
	width: 100%;
	height: auto;
}
.img-width-fixed {
	width: 100%;
	height: auto;
}
.img-height-fixed {
	width: auto;
	height: 100%;
}
.crop-valign-top {
	top: 0;
}
.crop-valign-middle {
	top: 50%;
}
.no-js .crop-valign-middle {
	top: 0;
}
.crop-valign-bottom {
	bottom: 0;
}
.crop-halign-left {
	left: 0;
}
.crop-halign-center {
	left: 50%;
}
.no-js .crop-halign-center {
	left: 0;
}
.crop-halign-right {
	right: 0;
}




/* ==========================================================================
   BOUTON SCROLL
   ========================================================================== */
#btn-scroll {
	position: absolute;
	top: 12px;
	right:50px;
	color: #4c4c4c;
	font-size: 13px;
	font-weight: 300;
	height:21px;
	width:56px; display:block;
	padding-right: 15px;
	background: url(../images/arrow_top_bottom.gif) no-repeat right 0px;
	visibility: hidden;
}
#btn-scroll:hover {
	color: #000;
}
#btn-scroll.tobottom {
	background-position: right -20px;
}
.ar_ME #btn-scroll {
	left: 10px;
	right: auto;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.wrapper-valign-fix {
	display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    font-size: 0px;
}
/*.valign-fix:after,
.lt-ie8*/ .after {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    height: 100%;
    content: "";
}
/*.after {
	display: none;
}*/

.mobile-display {
	display: none;
}