div#animation{
	position:relative;
}
div#titre_home{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	z-index:999;
	background:RGBA(60,60,60,0.4);
}
/*Titre h1*/
div#animation h1{
	position:absolute;
	text-align:center;
	font-size:50pt;
	color:#FFF;
	font-weight:normal;
	top:calc(50% - 50px);
	width:100%;
}


/*part*/
.part{
	position:relative;
	width:100%;
	margin:30px auto;
	max-width:1250px;    
	min-height: 70px;
}

.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{
	text-align:center;
	font-size:50pt;
	font-weight:normal;
	color:#333333;
}
/*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{
	font-family:'teko';
	position:relative;
	text-align:center;
	color:#333333;
	font-size:18pt;
	margin:0 3%;
	z-index:1;
}
.title_ref .ville{
	color:#b0b0b0;	
	text-transform:uppercase;
}
.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#blog.part{
	margin:30px auto 0;	
	padding-bottom:100px;
	background:url(../img/public/blog-voisin.jpg) no-repeat 50% 100%;
}
div#news{
	position:relative;
	float:left;
	width:100%;
	max-width:1400px;
	overflow:hidden;
}
.new{
	position:relative;
	float:left;
	width:46%;
	margin:0 2%;
}
.new a{	
	color:inherit;
	text-decoration:none;
}
.title_new{	
	color:#272829;
	width:100%;
	text-align:center;
	font-size:19pt;
	font-family:'Teko';
	line-height:30px;
}
.title_new a:hover{	
	text-decoration:underline;
}
.date_new{	
	color:#b0b0b0;
	width:100%;
	text-align:center;
}
.content_new{
	font-size:15px;
	text-align:justify;
	color:#7e7f7f;
	line-height:20px;
	margin-top:8px;
}
.link_new{	
	color:#bc1c27;
	width:100%;
	text-align:left;
	font-size:19pt;
	font-weight:bold;
	margin-top:10px;
	font-family:'Teko';
}
.link_new a{	
	color:inherit;
	text-decoration:none;
}
.link_new a:hover{	
	text-decoration:underline;
}
.img_new{
	width:100%;
	overflow:hidden;
}
.img_new img{
	width:100%;
}
div#title_blog.title_part h2{
	color:#bc1c27;
}
div#title_blog.title_part h2 .petit{
	font-size:34pt;
}
div#title_blog.title_part h2 .gris{
	color:#b0b0b0;
}
/*Présentation*/
div#presentation1.presentation h3{
	font-size:31px;
	text-transform:uppercase;
	font-weight:normal;	
	padding-bottom:25px;
}
div#presentation1.presentation h3.orange{
	color:#f39100;
	padding-top:25px;
}
div#presentation2.presentation h3, div#presentation3.presentation h3{
	font-size:50pt;
	font-weight:normal;
	font-family:'Teko';	
	line-height:56px;
}
div#presentation3.presentation h4{
	font-size:28pt;
	font-weight:normal;
	font-family:'Teko';	
	line-height:30px;
}
.presentation{
	position:relative;
	width:100%;

}
.photo_presentation{
	position:relative;

}
div#presentation1 .photo_presentation{
	margin-bottom:20px;
}
.photo_presentation img{
	width:100%;
	float:right;
}
.texte_presentation{
	position:relative;

}
.texte_presentation p{
	text-align:justify;
	line-height:26px;
	font-size:18px;
}
div#presentation1{
	background:url(../img/public/index/presentation1.png) no-repeat #e6e6e6 50% 0;
	background-size:100%;	
	color:#636363;
}
div#presentation1.presentation .int{
	position:relative;
	display:table;
	max-width:1525px;
	margin:-100px auto 5px auto;
	padding-top:190px;
}
div#presentation2{
	margin-top:5px;
	background:#f39100;
	color:#FFF;	
}
div#presentation2, div#presentation3{
	display:flex;
}
div#presentation3{
	background:#bc1c27;	
	margin-top:5px;
	color:#FFF;
}
div#presentation1 .texte_presentation{
	position:relative;
	width:50%;
	padding:0 5%;
	float:left;
}
div#presentation1 .photo_presentation{
	position:relative;
	width:50%;
	float:left;
}

div#presentation2 .texte_presentation, div#presentation3 .texte_presentation{
	position:relative;
	width:60%;
	padding:0 3%;
}
div#presentation3 img{
	border-left:5px solid #FFF;
	max-width:50%;
	max-height:100%;
}

div#presentation2 img{
	border-right:5px solid #FFF;
	max-width:50%;
}
.left_txt, .right_txt{
	position:relative;
	float:left;
	width:50%;
	padding:150px 3% 3%;
	
}
.left_txt{
	text-align:right;
}
.right_txt{
	text-align:left;
}