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


* {
	margin: 0px;
	padding: 0px;
	border: 0;
	text-decoration: none;
	overflow:hidden;
}

@font-face {
    font-family: 'AvenirLTStd55Roman';
    src: url('../font/avenirltstd-roman.eot');
    src: url('../font/avenirltstd-roman.eot') format('embedded-opentype'),
         url('../font/avenirltstd-roman.woff') format('woff'),
         url('../font/avenirltstd-roman.ttf') format('truetype'),
         url('../font/avenirltstd-roman.svg#AvenirLTStd55Roman') format('svg');
}

@font-face {
    font-family: 'AvenirLTStd55Oblique';
    src: url('../font/avenirltstd-oblique_0.eot');
    src: url('../font/avenirltstd-oblique_0.eot') format('embedded-opentype'),
         url('../font/avenirltstd-oblique_0.woff') format('woff'),
         url('../font/avenirltstd-oblique_0.ttf') format('truetype'),
         url('../font/avenirltstd-oblique_0.svg#AvenirLTStd55Oblique') format('svg');
}

@font-face {
    font-family: 'AvenirLTStd35Light';
    src: url('../font/avenirltstd-light_0.eot');
    src: url('../font/avenirltstd-light_0.eot') format('embedded-opentype'),
         url('../font/avenirltstd-light_0.woff') format('woff'),
         url('../font/avenirltstd-light_0.ttf') format('truetype'),
         url('../font/avenirltstd-light_0.svg#AvenirLTStd35Light') format('svg');
}

@font-face {
    font-family: 'DINProCondMedium';
    src: url('../font/dinpro-condmedium.eot');
    src: url('../font/dinpro-condmedium.eot') format('embedded-opentype'),
         url('../font/dinpro-condmedium.woff') format('woff'),
         url('../font/dinpro-condmedium.ttf') format('truetype'),
         url('../font/dinpro-condmedium.svg#DINProCondMedium') format('svg');
}

.hide {
	display: none !important;	
}

.hide_progressive {
	opacity: 0;	
}

/* CURSOR */

.previous_cursor {
	cursor: url(../img/cursor/prev.png), w-resize !important;	
}

.next_cursor {
	cursor: url(../img/cursor/next.png), e-resize !important;
}

.close_cursor {
	cursor: url(../img/cursor/close.png), auto;
}

/* CONTENEUR */

#content {
	position: relative;
	overflow: hidden;	
}

#main {
	position: relative;
}

/* MENU */

#menu {
	display: block;
	z-index: 85;
	top: 100%;
	position: fixed;
	background-color: rgba(0, 0, 0, 1);
	margin-bottom: -5px;
}

#menu li {
	list-style: none;
	display: list-item;
	margin: 0;
	float: left;	
}

/* HOME */ 

.slide_home {
	float: left;
	display: block;	
	position: relative;
	cursor: auto;
	cursor: url(../img/cursor/next.png), auto;
}

#showreel iframe {
	width: 100%;
	height: 100%;
}

#close_showreel {
	display: block;
	z-index: 100;
	position: absolute;
	cursor: url(../img/cursor/close.png), auto !important;
}

#home_content {
	z-index: 25;
	width: 100%;
	position: absolute;
	text-align: center;
	top: 35%;
}

#home_name {
	color: #FFF;
	font-family: 'AvenirLTStd35Light', Avenir, Gadget, sans-serif;
	font-size: 50px;
	letter-spacing: 3px;
	background-color: rgba(0, 0, 0, 0.32);
	padding: 20px;
}

#home_presentation {
	margin-top: 20px;
	color: #FFF;
	font-family: 'AvenirLTStd55Oblique', Avenir, Gadget, sans-serif;
	font-size: 17px;
	letter-spacing: 3px;
	font-variant: small-caps;
	padding-bottom: 20px;
	border-bottom: 19px solid rgba(0, 0, 0, 0.24);
	text-transform: uppercase;
	line-height: 34px;
}

#logo {
	padding-bottom: 5px;	
}

#play_home {
	border: 8px solid #FFF;
	padding: 35px;
	cursor: pointer;
}

#start_navigation {
	display: block;
	z-index: 80;
	right: 0;
	position: absolute;
	cursor: url(../img/cursor/next.png), auto;
	background-color: rgba(256, 256, 256, 1);
	opacity: 0.2;
	transition: opacity ease 1s;
	-webkit-transition: opacity ease 1s; /* Safari */
}

#start_navigation:hover{
    opacity: 0.42;
	transition: opacity ease 1s;
	-webkit-transition: opacity ease 1s; /* Safari */
}

/* SLIDE */

.slide {
	float: left;
	display: block;	
	position: relative;
}

.head_middle {
	transition: top ease 1s, background-color ease 1s 1s, height ease 1s 1s, line-height ease 1s 1s, font-size ease 1s 1s;
	-webkit-transition: top ease 1s, background-color ease 1s 1s, height ease 1s 1s, line-height ease 1s 1s, font-size ease 1s 1s; /* Safari */
}

.head_middle:hover{
    cursor: pointer;
}

.head_top {
	transition: background-color ease 1s, height ease 1s, line-height ease 1s, font-size ease 1s, top ease 1s 1s;
	-webkit-transition: background-color ease 1s, height ease 1s, line-height ease 1s, font-size ease 1s, top ease 1s 1s; /* Safari */
}

.slide_close {
	z-index: 30;
	height: 150px;
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -75px;
	line-height: 150px;
	text-align: center;
	color: #FFF;
	font-family: 'AvenirLTStd55Roman', Avenir, Gadget, sans-serif;
	font-size: 36px;
	background-color: rgba(0, 0, 0, 0.3);
	letter-spacing: 3px;
}

.slide_open {
	z-index: 30;
	height: 60px;
	width: 100%;
	position: absolute;
	top: 0%;
	line-height: 60px;
	text-align: center;
	color: #FFF;
	font-family: 'AvenirLTStd55Roman', Avenir, Gadget, sans-serif;
	font-size: 20px;
	background-color: rgba(0, 0, 0, 1);
	letter-spacing: 3px;
}

.pattern {
	z-index: 20;
	background-image: url(../img/pattern.png);
	background-repeat: repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	diplay: block;
}

.page_background {
	z-index: 10;
	top: 0px;
	position: absolute;
}

.background_home {
	z-index: 10;
	top: 0px;
	position: absolute;
}

/* BIDOUILLE NAVIGATION */

.nav_left {
	display: block;
	z-index: 80;
	left: 0;
	position: absolute;
	cursor: url(../img/cursor/prev.png), w-resize !important;	
}

.nav_right {
	display: block;
	z-index: 80;
	right: 0;
	position: absolute;
	cursor: url(../img/cursor/next.png), e-resize !important;
}

/* PROJECT */

.project {
	z-index: 25;
	top: 60px;
	width: 100%;
	position: absolute;
}

.p_close {
	transition: opacity ease 1s;
	-webkit-transition: opacity ease 1s; /* Safari */	
}

.p_open {
	transition: opacity ease 1s 1s;
	-webkit-transition: opacity ease 1s 1s; /* Safari */	
}

/*PROJECT'S TEXT */

.pan_txt {
	color: #000;
	font-family: 'AvenirLTStd55Oblique', Avenir, Gadget, sans-serif;
	font-size: 14px;
	z-index: 26;
	position: absolute;	
	background-color :#FFF;
}

.comment_txt {
	font-size: 14px;
	font-family: 'AvenirLTStd55Roman', Avenir, Gadget, sans-serif;
	margin-bottom: 30px;
}

.panel_txt_title {
	font-size: 24px;
	font-family: 'AvenirLTStd55Roman', Avenir, Gadget, sans-serif;
	letter-spacing: 2px;
	margin-bottom: 20px;
}

/*PROJECT'S IMAGES */

.mask_bottom {
	background-size:cover;
	background-position: bottom center;
	background-repeat: no-repeat;
	float: left;
}

.mask_top {
	background-size:cover;
	background-position: top center;
	background-repeat: no-repeat;
	float: left;
}

.mask_center {
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	float: left;
}

#pan1_photo_1 {
	background-image: url(../img/panel_1/imp_ecran_lexsi4.jpg)
}
#pan1_photo_2 {
	background-image: url(../img/panel_1/imp_ecran_lexsi1.jpg)
}
#pan1_photo_3 {
	background-image: url(../img/panel_1/imp_ecran_lexsi2.jpg)
}
#pan1_photo_4 {
	background-image: url(../img/panel_1/imp_ecran_lexsi3.jpg)
}
#pan1_photo_5 {
	background-image: url(../img/panel_1/imp_ecran_lexsi5.jpg)
}

#pan2_photo_1 {
	background-image: url(../img/panel_2/modelisation_1.jpg)
}
#pan2_photo_2 {
	background-image: url(../img/panel_2/modelisation_2.jpg)
}
#pan2_photo_3 {
	background-image: url(../img/panel_2/affiche_imprimerie_1.png)
}
#pan2_photo_4 {
	background-image: url(../img/panel_2/modelisation_3.jpg)
}
#pan2_photo_5 {
	background-image: url(../img/panel_2/affiche_ville_imprimerie.png)
}

#pan3_photo_1 {
	background-image: url(../img/panel_3/ng_drone_6.jpg)
}
#pan3_photo_2 {
	background-image: url(../img/panel_3/ng_drone_1.jpg)
}
#pan3_photo_3 {
	background-image: url(../img/panel_3/ng_drone_2.jpg)
}
#pan3_photo_4 {
	background-image: url(../img/panel_3/ng_drone_4.jpg)
}
#pan3_photo_5 {
	background-image: url(../img/panel_3/ng_drone_5.jpg)
}

#pan4_photo_1 {
	background-image: url(../img/panel_4/cyclr00.jpg)
}
#pan4_photo_2 {
	background-image: url(../img/panel_4/cyclr01.jpg)
}
#pan4_photo_3 {
	background-image: url(../img/panel_4/cyclr02.jpg)
}
#pan4_photo_4 {
	background-image: url(../img/panel_4/cyclr03.jpg)
}
#pan4_photo_5 {
	background-image: url(../img/panel_4/cyclr04.png)
}
#pan4_photo_6 {
	background-image: url(../img/panel_4/cyclr02.png)
}

#pan5_photo_1 {
	background-image: url(../img/panel_5/photo_1.jpg)
}
#pan5_photo_2 {
	background-image: url(../img/panel_5/photo_3.jpg)
}
#pan5_photo_3 {
	background-image: url(../img/panel_5/photo_2.jpg)
}
#pan5_photo_4 {
	background-image: url(../img/panel_5/photo_4.jpg)
}
#pan5_photo_5 {
	background-image: url(../img/panel_5/photo_6.jpg)
}
#pan5_photo_6 {
	background-image: url(../img/panel_5/photo_5.jpg)
}

#pan6_photo_1 {
	background-image: url(../img/panel_6/full_print_7.jpg)
}
#pan6_photo_2 {
	background-image: url(../img/panel_6/full_print_1.jpg)
}
#pan6_photo_3 {
	background-image: url(../img/panel_6/close_print_1.jpg)
}
#pan6_photo_4 {
	background-image: url(../img/panel_6/full_print_6.jpg)
}
#pan6_photo_5 {
	background-image: url(../img/panel_6/close_print_3.jpg)
}
#pan6_photo_6 {
	background-image: url(../img/panel_6/full_print_2.jpg)
}

#pan7_photo_1 {
	background-image: url(../img/panel_7/book_1.jpg)
}
#pan7_photo_2 {
	background-image: url(../img/panel_7/book_2.jpg)
}
#pan7_photo_3 {
	background-image: url(../img/panel_7/book_3.jpg)
}
#pan7_photo_4 {
	background-image: url(../img/panel_7/book_4.jpg)
}
#pan7_photo_5 {
	background-image: url(../img/panel_7/book_5.jpg)
}
#pan7_photo_6 {
	background-image: url(../img/panel_7/book_6.jpg)
}

#pan8_photo_1 {
	background-image: url(../img/panel_8/mem1.jpg)
}
#pan8_photo_2 {
	background-image: url(../img/panel_8/mem2.jpg)
}
#pan8_photo_3 {
	background-image: url(../img/panel_8/mem5.jpg)
}
#pan8_photo_4 {
	background-image: url(../img/panel_8/mem4.jpg)
}
#pan8_photo_5 {
	background-image: url(../img/panel_8/mem3.jpg)
}
#pan8_photo_6 {
	background-image: url(../img/panel_8/mem6.jpg)
}

#pan9_photo_1 {
	background-image: url(../img/panel_9/_MG_6038.jpg)
}
#pan9_photo_2 {
	background-image: url(../img/panel_9/livre_illustre_4.jpg)
}
#pan9_photo_3 {
	background-image: url(../img/panel_9/v6bis_retina.gif)
}
#pan9_photo_4 {
	background-image: url(../img/panel_9/doubleexp.jpg)
}
#pan9_photo_5 {
	background-image: url(../img/panel_9/insta.jpg)
}
#pan9_photo_6 {
	background-image: url(../img/panel_9/close_print_2.jpg)
}


/* SOCIAL MEDIAS */

#social_media {
	color: #FFF;
	font-family: 'AvenirLTStd55Oblique', Avenir, Gadget, sans-serif;
	font-size: 26px;
	z-index: 25;
	width: 100%;
	position: absolute;
	text-align: center;
	top: 35%;
	background-color: rgba(0, 0, 0, 0.32);
	padding: 30px;
}

#social_media li {
	padding-top: 20px;
	padding-bottom: 10px;
	list-style: none;
	display: list-item;
	margin: 0;
	float: left;
	margin: 14px;	
}

#social_media img {
	width: 50px;
}