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

html,body{height:100%}
body {margin:0; padding:0; background:#050504; overflow:hidden; font-family:Helvetica, Arial, sans-serif; font-size:16px;}

/* --------------------------
   POLICES
-------------------------- */

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

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

/* --------------------------
   STYLES GENERAUX
-------------------------- */

.clear{clear:both;}
/*a:link,a:visited,a:hover{color:#ddd;}
a:hover{color:#fff; text-decoration:none;}*/
#bg{position:fixed; left:585px; top:0; width:100%; height:100%;}
#bgimg{display:none; cursor:pointer; -ms-interpolation-mode: bicubic;} /* special IE fix for resized images */

/* --------------------------
   NAVIGATION
-------------------------- */

.navigation li{
	display:inline-block;
	margin-right:25px;
	font-family:RieslingRegular, Helvetica, Arial, sans-serif;
	list-style-type:none;
	font-size:40px;
}

.navigation{
	padding:0 15px;
	position:relative;
}

.navigation li a{
	color:#f90;
	text-decoration:none;
}

.navigation li a:hover{
	text-decoration:underline;
}

.introText{
	position:relative;
	color:#fff;
}

#parcours img{
	float: left;
   	margin-left: 20px;
    	margin-right: 20px;
  	margin-bottom:34px;
}

/* --------------------------
   PRELOADER
-------------------------- */

#preloader{
	position:absolute;
	z-index:2;
	width:180px;
	padding:20px;
	top:20px;
	left:50px;
	background:#000;
	color:#ffffff;
	font-family:CuprumFFURegular, Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight:normal;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#preloader img{margin-right:20px;}

/*#toolbar{display:inline-block; padding:4px 15px; margin:20px 15px; background:#262626 url(../images/montage/sw_btn_bg.png) repeat-x; -moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; font-family:CuprumFFURegular, Helvetica, Arial, sans-serif; font-size:12px; color:#fff; cursor:pointer;}*/

/* --------------------------
   BLOC NAVIGATION GAUCHE
-------------------------- */

#outer_container{position:relative; margin:0; width:700px; padding:0 100px 0 0; z-index:2; background:url(../images/montage/empty.gif);} /* fucking IE needs a background value to understand hover area */

.logo{background:url(../images/montage/nav_bg.png) no-repeat; height:246px; width:585px;position:absolute;}
#customScrollBox{position:relative; overflow:hidden; background:#050504;}
#customScrollBox .container{position:relative; width:585px; top:0; float:left;}
#customScrollBox .content{clear:both;}
#customScrollBox .content h1{padding:5px; margin:10px; font-family:RieslingRegular, Helvetica, Arial, sans-serif; font-size:48px;position:relative;}
#customScrollBox .content h2{padding:5px; margin:30px 10px 10px 10px; font-family:RieslingRegular, Helvetica, Arial, sans-serif; font-size:30px; color:#ccc;position:relative;font-weight:normal;}
#customScrollBox .content p{padding:5px; margin:0 10px 10px 10px; font-family:CuprumFFURegular, Helvetica, Arial, sans-serif; line-height:18px;}
#customScrollBox a.thumb_link{position:relative; margin:0 0 1px 1px; display:block; float:left;}
#customScrollBox img{border:none;}
#customScrollBox a.thumb_link .selected{position:absolute; top:0; left:0; width:145px; height:91px; background:url(../images/montage/sw_thumb_selected.png) no-repeat; display:none;}
#customScrollBox table tr td{font-family: CuprumFFURegular,Helvetica,Arial,sans-serif; line-height: 18px; color: #FFFFFF;padding-left:20px;text-align:left;text-decoration:underline;}
#customScrollBox table tr th{font-family: CuprumFFURegular,Helvetica,Arial,sans-serif; line-height: 18px; color: #FFFFFF;text-align:left;font-weight:normal;}
#customScrollBox table{margin-left:10px;}
.footer{font-size:12px;color:#fff;}
.footer a{color:#f90; text-decoration:none;}
.footer a:hover{text-decoration:underline;}

/* --------------------------
   SCROLLBAR
-------------------------- */

#dragger_container{position:relative; width:30px; height:580px; float:left; margin:10px 0 0 0; background:url(../images/montage/sw_dragger_bg.png) repeat-y center;}
#dragger{position:absolute; width:30px; height:59px; background:url(../images/montage/round_custom_scrollbar_bg.png) no-repeat center center; cursor:pointer;}

/* --------------------------
   FLECHES
-------------------------- */

#arrow_indicator{position:absolute; z-index:1; width:50px; padding:10px; top:50%; margin-top:-25px; left:20px; background:url(../images/montage/sw_transparent_black_bg.png); -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:none;}
#nextimage_tip{position:fixed; z-index:1; padding:0 20px; line-height:40px; color:#fff; height:40px; top:50%; margin-top:-20px; right:20px; background:url(../images/montage/sw_transparent_black_bg.png); -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:none; font-family:CuprumFFURegular, Helvetica, Arial, sans-serif;}
.with_border{border:1px solid #000;}
.with_shadow{-moz-box-shadow:0 0 40px #000; -webkit-box-shadow:0 0 40px #000; box-shadow:0 0 40px #000;}

/* --------------------------
   COULEURS
-------------------------- */

.noir{color:#000;}
.gris{color:#777;}
.orange{color:#F90;}