/**************** BANNER PART ****************/
.banner {
	background: url('../_img/images/homepage_photo_01.jpg') no-repeat center center;
	background-size: cover;
	height: 250px;
	position: relative;
}

.banner h1 {
	color: #13235b;
    display: block;
    font-family: 'Roboto Slab Regular';
    font-size: 15px;
    left: 50%;
    margin-left: -153.5px;
    margin-top: 55px;
    position: absolute;
    text-transform: none;
    top: 50%;
}

.banner h1:after { display: none; }

#canvas {
	display: block !important;
	left: 50% !important;
    margin-left: -80px !important;
    margin-top: -50px !important;
    position: absolute !important;
    top: 50% !important;
    height: 100px;
    width: 110px;
}

/**************** NEWS PART ****************/
.news-home {
	background-color: #13235b;
	color: #FFF;
    height: 335px;
    margin-bottom: 10px;
    padding: 15px 20px;
    position: relative;
}

.news-home .bottom-part {
	bottom: 0;
    margin-bottom: 15px;
    margin-right: 20px;
    position: absolute;
}

.news-home .bottom-part p,
.news-home .bottom-part .soustitre { 
	font-size: 12px; 
	line-height: 12px;
}

.news-home .bottom-part .soustitre:before { display: none; }

.news-home .bottom-part:before {
	content: "";
	background-color: #FFF;
	display: block;
	margin-bottom: 20px;
	height: 5px;
	width: 60px;
}

.news-home h5 {
	font-size: 24px;
	line-height: 34px;
}

.news-home a { margin-top: 20px; }

/**************** TOOLS PART ****************/

.tools-part { line-height: 25px; }

.tools-part h3 { display: inline-block; }

.tools-part h3 a {
	color: #676767;
	font-family: 'Roboto Slab Bold';
	font-size: 18px;
}

.tools-part .tools-desc { 
	color: #676767;
	font-family: 'Roboto Regular'; 
	font-size: 14px;
}

.link:after,
.document:after,
.planning:after,
.contact:after {
	content: "";
	background-color: #e7501e;	
    display: block;
    margin-top: 15px;
    height: 3px;
	width: 30px;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.link:before,
.document:before,
.planning:before,
.contact:before {
	content: "";
	display: block;
	margin-bottom: 20px;
	height: 30px;
	width: 30px;
}

.link:before { 
	background: url('../_img/images/homepage_icone_03.png') no-repeat center;
	background-size: cover; 
}

.document:before { 
	background: url('../_img/images/homepage_icone_04.png') no-repeat center;
	background-size: contain; 
}

.planning:before { 
	background: url('../_img/images/homepage_icone_05.png') no-repeat center;
	background-size: cover; 
}

.contact:before { 
	background: url('../_img/images/homepage_icone_06.png') no-repeat center;
	background-size: cover; 
}

/**************** INTRODUCTION PART ****************/

.presentation-part .see-more-orange {
	display: inline-block;
	margin: 10px 0;
	position: relative;
}

.intro-img {
	background: url('../_img/images/homepage_photo_02.png') no-repeat center center;
	height: 400px;
	background-size: cover;
	overflow: hidden;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
}

.img-hover {
	width: 100%;
	height: 400px;
	overflow: hidden;
}

.img-content {
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.introduction { 
	height: auto; 
	overflow: hidden;
}

.introduction p {
	color: #4c4c4c;
	font-family: 'Roboto Regular';
	font-size: 14px;
	line-height: 23px;
} 

/**************** CONTACT PART ****************/

.contact-part {
    background-color: #5a5a5a;
    color: #FFF;
    font-size: 16px;
    margin-top: 70px;
    padding-bottom: 70px;
}

.contact-part h2 {
	color: #e7501e;
	margin-bottom: 50px;
}

.contact-part input,
.contact-part textarea {
	background-color: transparent;
	border: 1px solid #9a9a9a;
    display: block;
    font-family: 'Roboto Light';
    font-size: 14px;
    height: 50px;
    margin-bottom: 10px;
    padding: 10px;
    width: 100%;
}

.contact-part textarea { height: 185px; }

.contact-part form { margin-top: 20px; }

input[type=submit].btn-send {
	background-color: #e7501e;
	border-color: #e7501e;
	border-bottom: 5px solid #dc3905;
	border-radius: 3px;
	font-family: 'Roboto Bold';
	font-size: 14px;
	height: 60px;
	padding-left: 0;
	text-transform: uppercase;
}

.contact-part .bold {
	font-size: 22px;
	font-family: 'Roboto Slab Bold';
}

.contact-part .light { font-family: 'Roboto Slab Light'; }

.contact-info { line-height: 25px; }

.contact-part .denomination { font-size: 15px; }

/**************** MEDIA QUERIES ****************/

@media only screen and (min-width: 768px) {
	.link:hover:after,
	.document:hover:after,
	.planning:hover:after,
	.contact:hover:after {
		content: "";
		display: block;
		width: 100%;
		transition: all 0.5s;
	    -webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    -o-transition: all 0.5s;
	}
}

@media only screen and (min-width: 992px) {
	.banner {
		height: 685px;
		position: relative;
	}

	.banner img {
		margin-left: -154px;
		margin-top: -120px;
		width: auto;
	}

	.banner h1 {
	    font-size: 22px;
	    margin-left: -225.5px;
	    margin-top: 120px;
	}

	.introduction { height: 400px; }

	.img-content:hover > .img-hover > .intro-img{
		transform: scale(1.05);
		-ms-transform: scale(1.05);
		-webkit-transform: scale(1.05);
		-o-transform: scale(1.05);
		-moz-transform: scale(1.05);
	}

	.presentation-part .see-more-orange {
		bottom: 0;
		margin: 0;
		position: absolute;
	}

	.contact-part form { margin-top: 0; }

	#canvas {
		margin-left: -155.5px !important;
		margin-top: -115px !important;
	    height: 220px;
    	width: 255px;
	}

}

@media only screen and (min-width: 1440px) {
	.introduction p { line-height: 25px; } 
}