/* Reset //////////////////////////////////////////////////////////////////*/
html{
	font-weight:100;
}
rs{
	
}
body {
	min-width: 100%;
	background:url(../img/fond.jpg) top center no-repeat fixed;
	color:#fff;
	font-family: 'Lato', sans-serif;
	overflow-y:scroll;
}

*{
  margin:0;
  padding:0;
  border:0;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
nav, header {
	display:block;	
}
img {
	vertical-align:middle;
}

a {
	color: #ffffff;
	text-decoration: none;
	cursor:pointer;
	display:block;
	font-weight:inherit;
}
a:visited {
	color: #ffffff;
}
a:focus {
	outline: thin dotted;
}
a:active,
a:hover {
	color: #ffffff;
	outline: 0;
}
a:hover {
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', sans-serif;
	font-weight: inherit;
}
h1 {
}
h2 {
}
h3 {
	font-size:182px;
	line-height: 182px;
    margin: 0;
    padding-top: 175px;
	top:127px;
    position: fixed;
    text-align: center;
    width: 100%;
	opacity:100;
	-webkit-transition:opacity 500ms, top 1100ms ease-out;
	-moz-transition:opacity 500ms, top 1100ms ease-out;
	-ms-transition:opacity 500ms, top 1100ms ease-out;
	-o-transition:opacity 500ms, top 1100ms ease-out;
	transition:opacity 500ms, top 1100ms ease-out;
}
h4 {
	font-size:42px;
	padding:0;
	font-weight:900;
	line-height:40px;
	margin:0;
}
h5 {
	font-size:14px;
	padding:0;
	font-weight:300;
	line-height:16px;
	margin:0;
}
h6 {
}
.grid_1 a.hide{display:none;}

/* Site //////////////////////////////////////////////////////////////////*/
.site {
	margin: 0 auto;
	width: 100%;
}
.site-main {
	position: relative;
	text-align:center;
}
.site-content {
	max-width: 100%;
	height:100%;
	text-align:center;
	position:absolute;
	top:658px;
}

/* Header ///////////////////////////////////////////////////////////////*/
.site-header {
	position: relative;
	background:url(../img/header_f.png) 0 0 repeat;
	height:127px;
	width:100%;
	padding-top:16px;
	top:0;
}

.nav_container{
	max-width:95%;
	margin:0 auto;
}
.site-title {
	width:82px;
	height:83px;
	background:url(../img/logo.png);
	float:left;
	margin-top:8px;
	text-align:left;
}

.site-description {
	float:left;
	font-size:14px;
	width:95px;
	padding: 14px 0 0 10px;
	text-transform:uppercase;
	line-height:18px;
}

/* Navigation ///////////////////////////////////////////////////////////////*/
 .navbar {
	margin: 0 auto;
	float:right;
}
.main-navigation {
	margin: 0 auto;
	position: relative;
	padding-top:32px;
}
.nav-menu li {
	display: inline-block;
	position: relative;
}
.nav-menu li a {
	color: #ffffff;
	display: block;
	font-size: 25px;
	line-height: 25px;
	padding-left:50px;
	text-decoration: none;
}
.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	color: #ffffff;
	text-decoration:underline;
}

/* Services /////////////////////////////////////////////////////////////////*/
.services_container{
	width:100%;
	background:url(../img/header_f.png) 0 0 repeat;
}
.services {
	max-width:95%;
	margin:0 auto;
	padding:24px 0;
}
.services li {
	vertical-align:top;
	height:100%;
    display: inline-block;
	text-align:justify;
}
.services li .services_picto {
	width:100%;	
	display:block;
	text-align:center;
}
.services li span img {
	width:90%;
	height:auto;
}
.service_puce {
    background: rgba(0, 0, 0, 0) url("../img/services_puce.png") no-repeat scroll 0 3px;
    float: left;
    height: 30px;
    width: 50px;
}


/* TAFF /////////////////////////////////////////////////////////////////*/

.taff_container{
	width:100%;
	height:auto;
	background-color:#06C;	
}
.grid_1 a {
	width:100%;
	height:auto;
	display:block;
}
.grid_1 a img{
	width:100%;
	height:auto;
}

/* CONTACT /////////////////////////////////////////////////////////////////*/

.contact_container{
	width:100%;
	height:auto;	
	background-color:#003a5b;
	clear:both;
}
.contact_container iframe{
	width:75%;
	height:750px;
	overflow:visible;
}



/* Jquery /////////////////////////////////////////////////////////////////*/

#Portfolio_Title {

}
.motiontitle {
	opacity:0;
	top:180px;
	-webkit-transition:opacity 300ms, top 1000ms linear;
	-moz-transition:opacity 300ms, top 1000ms linear;
	-ms-transition:opacity 300ms, top 1000ms linear;
	-o-transition:opacity 300ms, top 1000ms linear;
	transition:opacity 300ms, top 1000ms linear;
}
/* Botbar //////////////////////////////////////////////////////////////*/

.botbar {
	font-size:14px;
	color:#fff;
	text-align:center;
	background-color:#000000;
	padding:8px;
}

.behance {
	display:inline-block;
	width:61px;
	height:48px;
	background:url(../img/be.png) 0 0 no-repeat;
}

/* FancyBox ////////////////////////////////////////////////////////////*/
#moreViews{
	display:block;
	cursor:pointer;
	z-index:100;
	background:url(../img/bt_plus.png) center center no-repeat;
}

#fancybox-thumbs, #fancybox-thumbs.listPos.bottom{
	/*position:absolute;
	z-index:100;*/
	bottom:3%;
}
#fancybox-thumbs{
	padding:16px;
}
#fancybox-thumbs ul#thumbsList li.active, #fancybox-thumbs ul#thumbsList li.active{
	padding:0 8px;
	border:0 none;
}
#fancybox-thumbs ul#thumbsList li a{
	border:0;
}
#fancybox-grey{
	position:absolute;
	width:100%;
	height:100%;
	z-index:50;
	background-color:#000;
	opacity:0
}
.fancybox-skin .fancybox-title span{
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-size:18px;
	font-weight:200;
	background:none;
	border:0 none;
	box-shadow:none;
	white-space: normal;
}



/* BUGG Download Helper ////////////////////////////////////////////////*/

.vdh-mask {
	display:none;
}

/* Showreel */
.showreel{
	width: 1000px;
	height: 562px;
	margin: 0 auto;
	margin-bottom: 180px;
}
.showreel iframe{
	width: 100%;
	height: 100%;
}