@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: Helvetica_thin;
	src: url("fonts/HelveticaNeueLTStd-Lt.otf") format("opentype");
}
 
@font-face {
	font-family: Helvetica_light;
	src: url("fonts/HelveticaNeueLTStd-Ltlt.otf") format("opentype");
}
@font-face {
	font-family: Helvetica_light_italic;
	src: url("fonts/HelveticaNeueLTStd-Th.otf") format("opentype");
}
body {
	font-family: Helvetica_light, Helvetica, Verdana, Sans-Serif;
}
header {
	z-index:11;
	top:0;
	left:0;
	width:100%;
}
div#wrapper {
	margin-top:77px;
}
#intro {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	z-index:10000000;
	background:url(../images/nicolas-bluche-logo.jpg) center no-repeat #FFF;
}
.logo {
	margin:10px 2px;
}
h1 {
	font-family: Helvetica_thin, Helvetica, Verdana, Sans-Serif;
	font-size:16px;
	margin-bottom:20px;
}
h2 {
	font-family: Helvetica_thin, Helvetica, Verdana, Sans-Serif;
	font-size:18px;
	color:#ccc;
}
h3 {
	font-family: Helvetica_thin, Helvetica, Verdana, Sans-Serif;
	color:#000;
}
h4 {
	font-family: Helvetica_thin, Helvetica, Verdana, Sans-Serif;
	text-align:right;
	float:right;
	margin-top:-29px;
	color:#000;
}
p {
	text-align:justify;
}
i {
	font-family: Helvetica_light_italic, Helvetica, Verdana, Sans-Serif;
}
a {
	cursor:pointer;
}
.mess {
	color:#900;
}
/*MENU*/
nav#menu{ margin:10px 0; height:24px; text-transform:uppercase; float:right;
	font-family: Helvetica_thin, Helvetica, Verdana, Sans-Serif; }
nav#menu div { float:left; }
nav#menu h1{ font-size:12px; font-weight:100; margin:2px 0; }
nav#menu ul{ list-style:none; float: left; margin:0; }
nav#menu ul li{ float: left; }
nav#menu ul li:last-child{ border-right:none; }
nav#menu ul li a{ font-size:12px; padding:5px 10px; line-height:24px; color:#CCC; }
nav#menu ul li a:hover, nav#menu ul li a.menu_actif{ text-decoration:none; color:#000; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; }
nav#menu ul li ul{ display:none; position:absolute; z-index:1000; }
nav#menu ul li ul li{ clear:left; width:100%; text-align:right; }
nav#menu ul li ul li:last-child, nav#menu ul li ul li.lastchild{  }
nav#menu ul li:hover ul { display: block; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; }
nav#menu ul li ul li a{ font-size:12px; padding:6px 10px; line-height:28px; color:#ccc; font-weight:100; }
nav#menu ul li ul li:hover{ color:#222; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; }
/*END of MENU*/

#main {
	padding-top:30px;
}
label.error {
	color:#b94a48;
	font-size:12px;
}
#contact_form {
	margin-top:15px;
}
#slider_home, #slider_series {
}
#slider_rubriques {
	width:100%;
	height:600px;
	position:relative;
}
div.fadeSides {
	background:url(../images/white_bg.png);
	width:15%;
	height:100%;
	position:absolute;
	top:0;
	z-index:9;
	display:none !important;
}
div.fadeSides_l {
	left:0;
}
div.fadeSides_r {
	right:0;
}
a.flex-active {
	color:#000;
}
div#rubriques {
	margin-top:10px;
	clear:both;
}
a.list_rubriques {
	color:#CCC;
	display:inline-block; 
	*display:inline;
	padding:2px 5px;
}
a.list_rubriques:hover, a.active{
	color:#000;
	text-decoration:none;
	cursor:pointer;
}
div#ariane, div#back_series {
	width:40%;
	display:inline-block;
	*display:inline;
	padding:10px 0 0;
	color:#ccc;
}
div#ariane span {
	color:#000;
}
div#item_count {
	width:20%;
	display:inline-block;
	*display:inline;
	text-align:center;
	color:#ccc;
}
div#back_series {
	text-align:right;
}
footer {
	padding:1%;
	text-align:right;
}
.copy {
	float:right;
	color:#ccc;
	font-size:11px;
}
.fixed-bottom {
	position:fixed;
	bottom:0;
}

.fixed-bottom-copyright {
	position:absolute;
	bottom:0;
	color:#ccc;
	font-size:11px;
}


@media screen and (max-width: 860px) {
	nav#menu div.title { display:none; }
	div#back_series { display:none; }
	div#item_count { text-align:right; }
	div#ariane { width:80%; }
	footer { text-align:center; }
}
@media screen and (max-width: 420px) {
	nav#menu div.title { display:none; }
	div#back_series { display:none; }
	div#item_count { display:none; }
	div#ariane { width:100%; }
}

#slider_rubriques {
	opacity:0;
}
#scrollslider ul li {
	display:inline-block;
	*display:inline;
	margin-right:220px;
}
#scrollslider ul li:first-child{
	padding-left:220px;
}
#scrollslider ul li:last-child{
	padding-right:220px;
	margin-right:0px;
}

/* Tiny Scrollbar */
#scrollslider { width: 100%; margin: 20px 0 10px; }
#scrollslider .viewport { width: 100%; height: 80%; overflow: hidden; position: relative; }
#scrollslider .overview { list-style: none; width: 30000px; padding: 0; margin: 0; position: absolute; left: 0; top: 0;}
#scrollslider .overview img{ float: left; height:600px }
#scrollslider .scrollbar{ position: relative; margin: 0px 0 5px; clear: both; height: 15px; }
#scrollslider .track { cursor:pointer; background: #ccc; width: 100%; height:1px; border-bottom:12px solid #fff; border-top:12px solid #fff; border-left:1px solid #ccc; border-right:1px solid #ccc; position: relative; }
#scrollslider .thumb { background: #555; height: 25px; margin-top:-6px; cursor: pointer; overflow: hidden; position: absolute; left: 0; top: -5px; }
#scrollslider .thumb .end{ background: #555; overflow: hidden; height: 25px; width: 5px;}
#scrollslider .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }