@font-face {
	font-family: 'gotham_bookregular';
	src: url('fonts/gotham-book/gotham_book-webfont.eot');
	src: url('fonts/gotham-book/gotham_book-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/gotham-book/gotham_book-webfont.woff') format('woff'),
	url('fonts/gotham-book/gotham_book-webfont.ttf') format('truetype'),
	url('fonts/gotham-book/gotham_book-webfont.svg#gotham_bookregular') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'CochinLTStdBold';
	src: url('fonts/cochin-bold/cochinltstd-bold-webfont.eot');
	src: url('fonts/cochin-bold/cochinltstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/cochin-bold/cochinltstd-bold-webfont.woff') format('woff'),
	url('fonts/cochin-bold/cochinltstd-bold-webfont.ttf') format('truetype'),
	url('fonts/cochin-bold/cochinltstd-bold-webfont.svg#CochinLTStdBold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CochinLTStdRoman';
	src: url('fonts/cochin-roman/cochinltstd-webfont.eot');
	src: url('fonts/cochin-roman/cochinltstd-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/cochin-roman/cochinltstd-webfont.woff') format('woff'),
	url('fonts/cochin-roman/cochinltstd-webfont.ttf') format('truetype'),
	url('fonts/cochin-roman/cochinltstd-webfont.svg#CochinLTStdRoman') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'theano_didotregular';
	src: url('../fonts/theanodidot-regular-webfont.eot');
	src: url('../fonts/theanodidot-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/theanodidot-regular-webfont.woff') format('woff'),
	url('../fonts/theanodidot-regular-webfont.ttf') format('truetype'),
	url('../fonts/theanodidot-regular-webfont.svg#theano_didotregular') format('svg');
	font-weight: normal;
	font-style: normal;

}


body{overflow: hidden;}

a{color: #777; text-decoration: none; outline: 0;}
* { _noFocusLine: expression(this.hideFocus=true); }
a:hover{color: #000; outline: 0; }
a:active{outline: 0;}
a:focus{outline: 0;}

/*-----------------------------
* FOOTER & HEADER
*------------------------------*/

footer { height: 101px; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 99; background-color: white; text-align: center;
	border-top-width: 1px; border-top-color:#E0E0E0; border-top-style: solid; }

	header{border-bottom: 1px solid #E0E0E0}

/*-----------------------------
* INFORMATIONS
*------------------------------*/


#informations { position:relative; top:114px; bottom:72px; left:50%; width:960px; margin-left:-480px; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; }
#informations h1 { font-weight: normal; font-size:16px; text-transform:uppercase; text-align:center; letter-spacing:1px; margin-top:15px; }
#informations ul { margin:30px auto; width:852px; display:block; height:50px; padding-left: 0px;text-align: center; }
#informations li { display:inline-block;  margin-left:18px; }
#informations li a {  display:block; float:left; padding:10px; height:30px; line-height:11px; text-align:center; font-size:10px; text-transform:uppercase; color:#707070; }
#informations li a:hover { color:#000000; }
#informations li a.info-on { color:#000000; }

#content-info { width:510px; left: 50%; margin-left: -275px; top: 257px; clear:both; overflow-y:auto; height:49%; padding-right:40px; position: fixed;  }
#content-info p{ margin: 0;}
#content-info h2 { font-weight:bold; text-transform:uppercase; margin-top:20px; font-size:11px; margin-bottom: 0px;}
#content-info h3 { font-weight:bold; margin-top:10px; font-size:11px;  margin-bottom: 0px;}
#content-info ul { margin:0; width:auto; padding:10px 0; display:block; height:auto; text-align: left; }
#content-info ul li { margin:0; float:none; display: inline; text-align: left;}


/*-----------------------------
* Sitemap
*------------------------------*/
#sitemap{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: auto;}

#sitemap h1 {
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 15px;
}

#sitemap h2 {
	font-weight: normal;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 25px;
	display: block;
	margin-bottom: 0px;

}

.slide-link{display: inline-block;}
#sitemap .cat{text-transform: uppercase; margin-top: 10px; display: block; font-size: 12px;}

#sitemap-inner{margin: 0 auto; padding: 20px 51px;}

#sitemap ul{margin: 0px; padding: 0px; margin-left: 0px;}
#sitemap ul ul{margin: 0px; padding: 0px; margin-left: 30px;}
#sitemap li{margin: 0px; padding: 0px; list-style-type: none;}

/*-----------------------------
* Fullscreen Slider
*------------------------------*/
#fsGallery {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: -999;
	height: 100%;
	width: 100%;
}
.fsSlide{
	display: block;
	list-style: none;
	z-index: 0;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #FFF;
}
.fsSlide img{display:inline;}

#innernav_inv { position:absolute; right:50px; top:135px; overflow:hidden;}
#innernav_inv a { text-indent:-9999px; height:22px; }
#inner_inv { float:right; /*border:1px solid #e0e0e0;*/ background:url(../img/inner1.png); width:90px; height:22px; margin-right:2px; visibility:visible; }
#toggle_innernav_inv { display:block; float:right; cursor:pointer; background:url(../img/toggle_innernav.png) no-repeat 0 -22px; width:22px; height:22px;  }
#info_inv{ display:block; float:left; cursor:pointer; background:url(../img/inner1.png) 0 -20px no-repeat; height:22px; width:22px; }
#info_inv:hover{ background-position:0 -20px;}
#innernav_inv_sans { position:absolute; right:50px; top:135px; overflow:hidden; }
#innernav_inv_sans a { text-indent:-9999px; height:22px; }
#inner_inv_sans { float:left; /*border:1px solid #e0e0e0;*/ background:url(../img/innner1.png); width:90px; height:22px; margin-right:1px; visibility:visible; }
#toggle_innernav_inv_sans { display:block; float:right; cursor:pointer; border:1px solid #e0e0e0; background:url(../img/toggle_innernav.png) no-repeat 0 -22px; width:22px; height:22px;  }

#prevslide, #nextslide{ display:block; height:22px; width:22px; float:left; }
#prevslide.eng, 
#nextslide.eng {
	background:none;
	display: block;
	text-indent:0;
	text-align:center;
	font-size:14px;
	font-weight:lighter;
	color:#bababa;
	margin-top:2px;
	}
#prevslide.eng:hover, #nextslide.eng:hover {color:#308d5e;}

#prevslide{ background:url("../img/inner1.png") no-repeat scroll -22px 0 rgba(0, 0, 0, 0); width: 80px;}
#nextslide{ background:url("../img/inner1.png") no-repeat scroll -102px 0 rgba(0, 0, 0, 0);  width: 60px;}
#prevslide:hover{ cursor:pointer; background-position: -22px -20px;  }
#nextslide:hover{ cursor:pointer; background-position: -102px -20px;  }

#slidecaption { position:absolute; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:14px; top:160px; right:75px; padding:30px 50px; line-height:18px; width:200px; background:url(../img/assets/bg-blanc-70.png); border:1px solid #e0e0e0; }
.bleu { color:#06C; font-weight:bold; }
.bold {
	font-family: 'theano_didotregular', Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	padding-bottom: 10px;
	line-height: 32px;
}

#slidecaption_inv p, #slidecaption p{margin: 0px;}

.slidecaption_inv { 
	position:fixed; 
	color:#000000; 
	font-family:'lato', Helvetica, sans-serif; 
	font-size:13px; 
	top:170px; 
	right:-500px;
	right:-530px; 
	padding:30px 20px 0; 
	line-height:20px; 
	width:240px; 
	height: 350px; 
	/*background:url(../img/bg-info.png) no-repeat;*/ 
	min-height: 300px;
}
.slidecaption_inv p{margin-bottom: 10px;}
.slidecaption_inv.bigbox {
	font-size:12px;
	-webkit-column-count:2; /* Chrome, Safari, Opera */
	-moz-column-count:2; /* Firefox */
	column-count:2;
	width:480px;
	height:350px;
	background:url(../img/bg-info-double.png) no-repeat; 
}
.slidecaption_inv.bigbg {
	font-size:12px;
	-webkit-column-count:2; /* Chrome, Safari, Opera */
	-moz-column-count:2; /* Firefox */
	column-count:2;
	width:480px;
	height:400px;
	background:url(../img/bg-info-triple.png) no-repeat; 
}


.caption-active{right:72px;}


/* Thumbnail Tray
----------------------------*/	
#content-tray { 
	background-color:#fff; 
	width:100%; 
	position:fixed; 
	bottom:96px; 
	left:0; 
	z-index:1; 
	border-top:1px solid #e0e0e0; 
	padding:20px 0;
	}
#full-tray { width:915px; margin:0 auto; background-color:#FFF; }	
#warp-tray { width:750px; position:relative; overflow:hidden; float:left; }		
#thumb-tray { height:84px; width:100%; overflow:hidden; padding:0; }

#thumb-back{ z-index:5; margin-top:6px; height:72px; width:40px; float:left; margin-right:40px; }
#thumb-forward{ z-index:5; margin-top:6px; height:72px; width:40px; float:left; margin-left:40px; }
#thumb-back{ background: url('../img/thumb-back.png') no-repeat center center #FFF;}
#thumb-forward{ background:url('../img/thumb-forward.png') no-repeat center center #FFF;}
#thumb-back:hover, #thumb-forward:hover{ cursor:pointer; }


ul#thumb-list{ display:block; list-style:none; position:relative; float:left; padding:0 0px; position:absolute; z-index:4; background-color:#FFF; margin-top:0px; }
ul#thumb-list li{ background:#FFFFFF; list-style:none; display:inline; width:150px; height:108px; overflow:hidden; float:left; margin:0; }
ul#thumb-list li img { width:150px; height:auto; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); }
ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }
ul#thumb-list li:hover{ cursor:pointer; }

#preloader{position: fixed; width: 100%; text-align: center; top: 40%;}          
#tray-button{cursor: pointer;}

#forhover{position: absolute; right: 10px; bottom: 120px;display:none;}
/*media queries for responsive design*/
@media screen and (min-width:320px) and (max-width:567px) {
	
}


@media screen and (min-width:768px) and (max-width:1024px) {
	.bold {
		font-size:18px;
		font-weight:bold;
		}
	.slidecaption_inv {
		font-size:13px;
	}
	.fsSlide img {
		position:relative;
		/*left:-200px;*/
	}
}