#index_part1{
	margin:80px 0 40px 0;
	display:flex;
}
#index_part1 > div{
	margin-top:auto;
	margin-bottom:auto;
}
#index_part1 > div:first-child{
	text-align:center;	
}
#index_part1 img{
	width:220px;
}
#index_part1 > div + div > p{
	font-size: 1.6rem;
	font-family: "DIN",Arial;
	color: #333;
	text-align: justify;
}
#index_part2{
	background-color:#b54f4f;
	padding:45px 0;
}
#index_part2 h3, #index_part2 p{
	color:#fff!important;
}
#index_part2 h3{
	font-family:'HelveticaLightExt',Arial;
	font-size: 3.2rem;
	line-height: 28px;
	margin-top: 10px;
	font-weight: inherit;
}
#index_part2 img{
	width:80px;
}
#index_part2 p{
	font-size: 1.6rem;
	font-family: "DIN",Arial;
	color: #333;
}
#index_part2 > a:hover img{
	transform:scale(1.10);
}
#index_part3{
	
}
.top_part3{
	padding:45px 0;
	display:flex;
}
.top_part3 > div{
	margin:auto;
}
.top_part3 h2{
	color:#444!important;
	font-size:2.6rem;
	margin:auto;
}
.top_part3 > div:first-child > div{
	float:right;
}
.top_part3 .trait{
	width:75%;  
	height:2px;
	background-color:#AFAFAF;
}
#index_part3 ul{
	display:block;
	text-align:center;
	padding: 0px 30px;
}
#index_part3 ul li{
	display: inline-block;
	position: relative;
	width: 28%;
	min-width: 220px;
	margin: 0px 1.5% 3%;
	cursor:pointer;
	overflow:hidden;
}
#index_part3 ul li img{
	width:100%;
	z-index:10;
}
#index_part3 ul li h2{
	font-size:3.2rem;
	text-shadow: 5px 3px 3px rgba(0, 0, 0, 0.4);
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	margin:0;
	color:#fff;
	z-index:30;
}
.img_effect_part3{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(77,77,77,0.5);
	z-index:20;
}
#index_part3 li:hover .img_effect_part3{
	background-color:rgba(165,54,60,0.6);
}
#index_part3 li:hover h3{
	top:110%;
	opacity:0;
}
#index_part3 li:hover .img_effect_part3::before{
	opacity:1;
	top:60%;
}
#index_part3 li .img_effect_part3::before{
	opacity:0;
	position:absolute;
	z-index:40;
	top:-5%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	content:url(img/index/plus.png);
	background:url(../img/index/plus.png) no-repeat;
	background-size:100%;
	width:20%;
	height:50%;
	-moz-transition: all 300ms ease-in-out 0s; 
	-webkit-transition: all 300ms ease-in-out 0s; 
	-o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;	
}
#index_part4{
	background-color:#e8e8e8;
	text-align:center;
	padding:45px 0;
}
#index_part4 p{
	font-size: 1.6rem;
	font-family: "DIN",Arial;
	color: #333;
}
#index_part4 .txt_rouge{
	font-family:"HelveticaNeueBold",Arial;
	font-weight:bold;
	color:#a5363c;
}
.top_part5{
	padding-bottom:10px;
	display:flex;
}
.top_part5 > div{
	margin:auto;
}
.top_part5 h2{
	color:#444!important;
	font-size:2.6rem;
	margin:auto;
}
.top_part5 > div:first-child > div{
	float:right;
}
.top_part5 .trait{
	width:75%;  
	height:2px;
	background-color:#AFAFAF;
}
#index_part5{
	padding: 45px 0px;
}
#index_part5 p{
	font-size:16px;
}
#btn_part5{
	border-radius:0;
	background-color:#b54f4f;
	border:none;
	margin-top:5px;
}
#btn_part5 .glyphicon-chevron-right{
	color:#fff;
	border: 1px solid #fff;
	padding:4px;
	border-radius:20px;
	font-size:12px;
	top: 0px;
	margin-left:5px;
}

/*Device Petit*/
@media (max-width: 992px) {
	#index_part3 ul li h2 {
		font-size: 2.2rem;
	}
	#index_part2 h3 {
		font-size: 2.4rem;
	}
	#index_part4 {
		padding:45px;
	}
}

/*TABLETTE*/
@media (max-width: 768px){
	#index_part1{
		margin: 40px 0px 40px;
		display:inherit;
	}
	#index_part1 img {
		width: 180px;
		margin-bottom: 10px;
	}
	#index_part1 > div + div > p {
		font-size: 1.4rem;
	}
	#index_part2 {
		padding: 40px 0px;       
	}
	#index_part2 img {
		width: 60px;
	}
	#index_part2 h3 {
		font-size: 2rem;
		line-height: 20px;
		margin-top: 0px;
	}
	#index_part2 p {
		line-height: 20px;
		font-size: 1.6rem;
		margin-bottom:25px;
	}
	.top_part3 h2 {
		font-size: 2.2rem;
	}
	#index_part3 ul li h2 {
		font-size: 2rem;
	}	
	#index_part4{
		padding:45px 0;
	}
	.top_part5 h2 {
		font-size: 2.2rem;
	}
}

/* telephone */
@media (max-width: 576px){
	#index_part4 p {
		font-size: 1.4rem;
	}
	#index_part5{
		padding:45px;
	}
	.top_part5 > div {
		display: none;
	}

}