/***** Reset *****/

* { border:0; margin:0; padding:0; list-style:none; font-size:100%; }
*, *:before, *:after { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
label, input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="button"], input[type="radio"], select { cursor:pointer; }
input, textarea, select { font-size:100%; font-family:Arial, Tahoma, sans-serif; color:#333; padding:2px 3px; border:1px solid #000; vertical-align:middle; }
select { padding:0; } option { padding-right:7px; }
input[type="image"], input[type="radio"], input[type="checkbox"] { border:none; padding:0; }
body { font:12px/1.5em Arial, Tahoma, sans-serif; background:#0d0e0f; color:#fff; }
a { color:#fff; outline:none; } a:hover { text-decoration:none; }

/***** OOCSS *****/

	/* Titles */

[class*="title-h"] { font-weight:normal; line-height:1.3em; }	
[class*="title-h"]:first-child { margin-top:0; }

.title-h2 { font-size:24px; margin:30px 0 20px 0; }
.title-h3 { font-size:18px; margin:30px 0 15px 0; }

	/* Text */

.textContent > p { margin-bottom:15px; }
.textContent > *:last-child { margin-bottom:0; }

	/* Floating content */
	
[class*="img-"] { margin-bottom:5px !important; }
[class*="img-"] img { display:block; }

.img-left { float:left; margin-right:15px; }
.img-right { float:right; margin-left:15px; }
	
	/* Lists */	
	
.list-1 { margin-left:15px; margin-bottom:15px; }
.list-1 > li { list-style:disc; }

.list-actus > li:not(:last-child) { margin-bottom:40px; }
.list-actus .actu-title { margin-bottom:0; }
.list-actus .actu-date { font-size:11px; margin-bottom:10px; line-height:1.5em; }

	/* Custom Scrollbar */

.customScroll { overflow:auto; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }	
.customScroll + .scrollarea .scrollbar { width:10px !important; }
	
	/* Misc */

.ellipsis { overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; }

.fadingHover { -webkit-transform: translateZ(0); -moz-transition:opacity 0.2s ease; -webkit-transition:opacity 0.2s ease; -o-transition:opacity 0.2s ease; transition:opacity 0.2s ease; }	
.fadingHover:hover { opacity:0.8; }

.italic { font-style:italic; }

/***** Fonts *****/

@font-face {
	font-family:Telegrafico;
	src:url('../fonts/telegrafico.eot');
	src:url('../fonts/telegrafico.eot?#iefix') format('embedded-opentype'),
		url('../fonts/telegrafico.woff') format('woff'),
		url('../fonts/telegrafico.ttf') format('truetype'),
		url('../fonts/telegrafico.svg#Telegrafico') format('svg');
}

/***** Landing Page ******/

	/* Background full size */

#landing {
	position:relative; color:#000;
	background:url(../img/home-bg.jpg) no-repeat center center fixed; 
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; 
}

	/* Layout */

#landing .showtime { position:absolute; left:20px; top:20px; /*font-family:Telegrafico, Georgia, serif; font-size:30px; text-transform:uppercase;*/ }
#landing .sideWrapper { float:right; width:537px; padding-top:80px; }
#landing .sideLogo { float:right; width:537px; height:60px; margin-bottom:40px; background:url(../img/logo-large.png) no-repeat; text-indent:-9999px; }
#landing .sideContent { clear:both; overflow:hidden; }
#landing .sideBox { padding:15px 20px; background:#fff; background:rgba(255,255,255,0.8); }
#landing .rs { position:absolute; bottom:20px; left:20px; }

	/* Content boxes */

#landing_presentation { height:250px; width:497px; /*537-40padding*/ margin-bottom:15px; }

#landing_enter { float:right; font-family:Telegrafico; }
#landing_enter a { display:block; color:#000; text-decoration:none; font-size:30px; transition:all 0.2s ease; }
#landing_enter a:before { content:'\00BB'; margin-right:10px; font-size:30px; font-family:Arial, Tahoma, sans-serif; }
#landing_enter a:hover { background:#000; color:#fff; }

	/* Content */

#landing_presentation .title { font-size:14px; margin:15px 0; line-height:1.3em; }	
#landing_presentation .title:first-child { margin-top:0; } 

/***** Conteneurs principaux ******/

#global { width:960px; margin:0 auto; overflow:hidden; }
#header { position:relative; height:90px; }
#content { padding-bottom:80px; /*copyright space*/ }

.pageContent { overflow:hidden; padding-top:10px; }

	/* Full height stuff */

html, body { height:100%; }	
#fullHeight { position:relative; min-height:100%; }

/***** Header ******/

	/* Logo */

#header .logo { position:absolute; top:50%; left:0; margin-top:-18px; width:281px; height:35px; }
#header .logo a { display:block; width:100%; height:100%; text-indent:-9999px;  background:transparent url(../img/logo.png); }

	/* Social Networks */

#header .rs { position:absolute; left:310px; top:0; bottom:0; line-height:90px; /* header height */ }
#header .rs li { display:inline-block; }
#header .rs img { vertical-align:middle; position:relative; top:-1px; }

	/* Showtime */

#header .showtime { float:right; padding-top:25px; padding-bottom:4px; font-size:20px; }	
#header .showtime span { font-size:26px; }

	/* Main navigation */
	
#header .navMain { clear:both; float:right; font-family:Telegrafico, Georgia, serif; text-transform:uppercase; }
#header .navMain li { display:inline-block; margin-left:15px; }
#header .navMain li:first-child { margin-left:0; }
#header .navMain a { display:inline-block; text-decoration:none; font-size:14px; }
#header .navMain a:before { content:'\00BB'; visibility:hidden; padding-right:2px; font-size:17px; font-family:Arial, Tahoma, sans-serif; position:relative; bottom:-1px; }
#header .navMain a.active,
#header .navMain a:hover { color:#595959; }
#header .navMain a.active:before { visibility:visible; }

/***** Footer ******/

#footer { position:absolute; bottom:0; left:0; height:50px; line-height:50px; width:100%; text-align:center; }
#footer .copy,
#footer .copy a { color:#333; }

/***** Page "Les photos" ******/

	/* Loading */
	
#slidersWrapper.loading { min-height:500px; background:transparent url(../img/loader.gif) no-repeat center center; }

	/* Sliders */

#slidersWrapper,	
.sliderWrapper { position:relative; }
.sliderWrapper .slides img { display:block; width:100%; -moz-user-select:none; -webkit-user-select:none; user-select:none; }
.sliderWrapper .slides > li { display:none; -webkit-backface-visibility:hidden; }
.sliderWrapper .slides:after {content: "\0020"; display:block; clear:both; visibility:hidden; line-height:0; height:0; }

	/* Content */

.slideContent .date { display:block; float:right; padding-right:5px; font-style:italic; }
.slideContent .title-h2:first-of-type { margin-top:0; }

	/* Nav */
	
.flex-disabled { display:none !important; }

.flex-direction-nav a { position:absolute; display:block; text-indent:-9999px; opacity:0; transition:all 0.2s ease; }

#slider_pictures .flex-direction-nav a:hover,
#slider_thumbnail .flex-viewport:hover + .flex-direction-nav a,
#slider_thumbnail .flex-direction-nav:hover a { opacity:1; }

#slider_pictures .flex-direction-nav a:before,
#slider_thumbnail .flex-direction-nav a { top:50%; margin-top:-20px; /* =height/2*/ width:40px; height:40px; background:url(../img/slider-nav.png) no-repeat; }

#slider_pictures .flex-direction-nav .flex-prev:before,
#slider_thumbnail .flex-direction-nav .flex-prev { background-position:0 0; }

#slider_pictures .flex-direction-nav .flex-next:before,
#slider_thumbnail .flex-direction-nav .flex-next { background-position:-40px 0; }

	/* Slider Photos */

#slider_pictures .flex-direction-nav a { top:0; height:640px; width:20%; background:rgba(0,0,0,0.2); }

#slider_pictures .flex-direction-nav .flex-prev { left:0; }
#slider_pictures .flex-direction-nav .flex-next { right:0; }

#slider_pictures .flex-direction-nav a:before { content:''; position:absolute; left:50%; margin-left:-20px; /* =width/2 */ }

#slider_pictures .slideContent { padding-top:95px; }

	/* Slider Thumbs */	
	
#slider_thumbnail { position:absolute; top:655px; width:100%; z-index:99; }

#slider_thumbnail .flex-direction-nav .flex-prev { left:10px; }
#slider_thumbnail .flex-direction-nav .flex-next { right:10px; }

#slider_thumbnail img { opacity:0.3; cursor:pointer; transition:opacity 0.2s ease; }
#slider_thumbnail img:hover,
#slider_thumbnail .flex-active-slide img { opacity:1; }