div#animation{
	position:relative;
}
div#animation_bottom{
	position:relative;
	width:100%;
	max-height:60px;
	background-image:url(../img/public/animation_bottom.png);
	background-repeat:none;
	background-position:50% 100%;
	height:80px;
}
div#savoir_faire{
	position:relative;
	width:100%;
	max-width:1100px;
	margin:0 auto 40px auto;
	overflow:hidden;
}
.sf{
	position:relative;
	float:left;
	width:29%;
	margin:1% 2%;
	text-align:center;
}
#sf1.sf:hover .title_sf{
	color:#b69a75;
}
#sf2.sf:hover .title_sf{
	color:#82a4af;
}
#sf3.sf:hover .title_sf{
	color:#c3a416;
}
.sf a{
	display:block;
	text-decoration:none;
	color:inherit;
}
.sf .title_sf{
	font-size:1.4em;
	text-transform:uppercase;
	line-height:25px;
	font-weight:bold;
	width:80%;
	margin:10px auto;
}
.sf .content_sf{
	font-size:0.9em;
	line-height:1.6em;
}
.sf .picto_sf{
	width:100%;
}
.sf .picto_sf img{
	position:relative;
	width:190px;
	height:132px;
}
/*Video*/
div#showreel{
	position:relative;
}
div#showreel img{
	width:100%;
}
div#showreel_hover{
	position:absolute;
	height:100%;
	width:100%;
	margin:0 auto;
	color:#FFF;
	font-size:1.2em;
	text-align:center;
	padding-top:40px;
	top:0;
}
div#showreel_texte{
	position:relative;
	width:90%;
	max-width:550px;
	margin:0 auto;
}
div#showreel_texte h2{
	text-transform:uppercase;
	font-size:2.6em;
	font-weight:normal;
}
div#showreel video{
	position:relative;
	width:100%;
	min-height:100%;
	top:0;
    left:0;
	display:table;
}
div#showreel_btn{
	width:90%;
	max-width:350px;
	line-height:80px;
	margin:60px auto 0 auto;
}
div#showreel_btn a{
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
}
.loading{
	position:fixed;
	width:100%;
	height:100%;
	background-color:rgba(255, 255, 255, 0.6);
	top:0;
	left:0;
}
.loading img{
	position:relative;
	width:200px;
	height:200px;
	margin:0 auto;
	vertical-align:center;
	display:inline-block;
	text-align:center;
}
/*part*/
.part{
	position:relative;
	width:100%;
	margin:30px auto;
	max-width:1250px;
}

.title_part{
	position:relative;
	width:100%;
	background-image:url(../img/public/title_part.png);
	background-position:center;
}
.content_part{
	position:relative;
	overflow:hidden;
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.title_part h2{
	color:#82a4af;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	font-size:1.3em;
	margin:0 auto 15px auto;
	padding:0;
	line-height:25px;
}
/*REF*/
.ref{
	position:relative;
	float:left;
	background:#FFF;
	box-shadow:0px 0px 2px #999999;
	width:28%;
	margin:2% 3% 1% 2%;
	min-height:270px;
	height:auto;
	overflow:hidden;
	z-index:1;
	cursor: default;
}
.img_ref{
	position:relative;
	width:98%;
	margin:1%;
	z-index:1;
	overflow:hidden;
	max-height:205px;
	height:205px;
}
.img_ref img{
	width:100%;
	z-index:1;
}
.title_ref{
	position:relative;
	text-align:left;
	color:#82a4af;
	text-transform:uppercase;
	font-size:0.9em;
	margin:0 3%;
	font-weight:bold;
	z-index:1;
}
.content_ref{
	position:relative;
	text-align:justify;
	color:#272829;
	font-size:0.8em;
	margin:1% 3%;
	line-height:1.6em;
	z-index:1;
}
.ref a{
	position:relative;
	color:inherit;
	text-decoration:none;
	display:block;
	height:100%;
	width:100%;
	min-height:270px;
}
/*Effets*/
.ref .mask, .ref .content {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
}



.ref a.info {
   background:url(../img/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
 
}
.third-effect .mask {
   opacity: 0;
   overflow:visible;
   
   box-sizing:border-box;
   transition: all 0.4s ease-in-out;
   z-index:999;
}

.third-effect a.info {
	background: rgba(0, 0, 0, 0) url("../img/public/detail_ref.png") no-repeat scroll center center;
   position:relative;
   top:-10px; /* Center the link */
   opacity: 0;
   transition: opacity 0.5s 0s ease-in-out;
   z-index:1000;
}

.third-effect:hover .mask {
   opacity: 1;
   border:200px solid rgba(0,0,0,0.7);
}

.third-effect:hover a.info {
   opacity:1;
   transition-delay: 0.3s;
}
/*NEWS / BLOG*/
div#news{
	position:relative;
	float:left;
	width:67%;
	overflow:hidden;
}
.new{
	position:relative;
	float:left;
	width:46%;
	margin:0 2%;
}
.title_new{	
	color:#272829;
	border-bottom:1px solid #272829;
	width:100%;
	text-align:center;
	font-size:18px;
}
.title_new a{	
	color:inherit;
	text-decoration:none;
}
.title_new a:hover{	
	text-decoration:underline;
}
.date_new{	
	color:#82a4af;
	width:100%;
	text-align:center;
	font-size:14px;
}
.content_new{
	font-size:13px;
	text-align:justify;
	color:#7e7f7f;
	line-height:20px;
	margin-top:8px;
}
.link_new{	
	color:#272829;
	width:100%;
	text-align:left;
	font-size:13px;
	font-weight:bold;
	margin-top:10px;
}
.link_new a{	
	color:#272829;
	text-decoration:none;
}
.link_new a:hover{	
	text-decoration:underline;
}
div#menu_blog{
	position:relative;
	width:30%;
	float:right;
}
div#menu_blog h3{
	color:#82a4af;
	font-weight:normal;
	text-transform:uppercase;
}
div#menu_blog p{
	font-size:13px;
	color:#7e7f7f;
	line-height:20px;
	margin:0;
	padding:0;
	text-indent:20px;
}
div#menu_blog a{
	color:inherit;
	text-decoration:none;
}
div#menu_blog a:hover{
	color:#272829;
	text-decoration:underline;
}