/***********************************************************/
/*** General
/***********************************************************/
/*
body.lang_en.home h2 {
	font-family: 'Montserrat', sans-serif;
	line-height: 1.4;
	font-size: 2rem;
	color: #01213a;
	text-transform: uppercase;
	font-weight:800;
	margin-top:0;
	display:block;
	text-align: center;
}
body.lang_en.home h3 {
	font-family: 'Montserrat', sans-serif;
	display:block; text-align:center;
	padding: 0 0 0 0;
	line-height: 1.3;
	font-size: 2rem;
	font-weight: 400;
	margin-bottom: 1.5rem;
	margin-top: 2.5rem;
	color: #6eb43f;
}
*/

/***********************************************************/
/*** Hero
/***********************************************************/
body.lang_en div#block-hero #hero{ height:850px; margin-bottom:0;}
body.lang_en div#block-hero #hero .wrapper{bottom:150px; max-width:initial;}
body.lang_en div#block-hero #hero .wrapper .hero-content{width:100%; position:relative; max-width:1200px; display:block; margin:auto;}
body.lang_en div#block-hero #hero .wrapper{}
body.lang_en div#block-hero #hero .wrapper:after{
	left:0;
	right:0;
	background-color: #fff;
	background: -moz-linear-gradient(left, rgba(248, 251, 253, 0) 10%, rgba(248, 251, 253, 0) 25%, rgba(248, 251, 253, 0.6) 50%, rgba(248, 251, 253, 0) 75%, rgba(248, 251, 253, 0) 100%);
	background: -webkit-linear-gradient(left, rgba(248, 251, 253, 0) 0%, rgba(248, 251, 253, 0) 25%, rgba(248, 251, 253, 0.6) 50%, rgba(248, 251, 253, 0) 75%, rgba(248, 251, 253, 0) 100%);
	background: linear-gradient(to right, rgba(248, 251, 253, 0)  10%, rgba(248, 251, 253, 0.4)25%, rgba(248, 251, 253, 0.6) 40%, rgba(248, 251, 253, 0.6) 60%, rgba(248, 251, 253, 0.4) 75%, rgba(248, 251, 253, 0) 90%);
}


/***********************************************************/
/*** Organizational vision, mission and values
/***********************************************************/
body.lang_en div#block-intro{position:relative; overflow:hidden; padding-top:60px; padding-bottom:60px;}
body.lang_en div#block-intro:after{
	top:0;
	left:0;
	right:0;
	height:300px;
	display:block; 
	position:absolute;
	content:"";
	opacity:0.6;
	background:#fff;
	z-index:-1;
	background: -moz-linear-gradient(top, #b3d7de 0%, rgba(179, 215, 222, 0.25) 35%, #ffffff 65%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(top, #b3d7de 0%, rgba(179, 215, 222, 0.25) 35%, #ffffff 65%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to bottom, #b3d7de 0%, rgba(179, 215, 222, 0.25) 35%, #ffffff 65%, rgba(255, 255, 255, 0) 100%);
} 
body.lang_en div#block-intro .block-aim{position:relative; display:block; margin-bottom:40px; }
body.lang_en div#block-intro .block-aim .block-1-3{ width:33%; display:block; float:left; }
body.lang_en div#block-intro .block-aim .block-1-3 .block-wrap{ padding:20px 20px; } 
body.lang_en div#block-intro .block-aim .block-1-3 .block-wrap .block-icon{ left:0; right:0;}
body.lang_en div#block-intro .block-aim .block-1-3 .block-wrap .block-icon .icon-wrap{
	text-align:center;  
	width:110px; 
	height:110px; 
	border-radius: 100%; 
	margin:auto; 
	display:block;  
} 
body.lang_en div#block-intro .block-aim .block-1-3.block-1 .block-wrap .block-icon .icon-wrap{background-color:#148299;}
body.lang_en div#block-intro .block-aim .block-1-3.block-2 .block-wrap .block-icon .icon-wrap{background-color:#18a386;}
body.lang_en div#block-intro .block-aim .block-1-3.block-3 .block-wrap .block-icon .icon-wrap{background-color:#0a756f;}
body.lang_en div#block-intro .block-aim .block-1-3 .block-wrap .block-icon .icon-wrap img{ top: 47%; transform: translateY(-48%); position: relative; display:block; max-width:75px; width:100%; margin:auto;}
body.lang_en div#block-intro .block-aim .block-1-3 .block-wrap .block-titre{
	font-family: 'Montserrat', sans-serif;
	padding: 0 0 0 0;
	line-height: 1.4;
	font-size: 1.1rem;
	font-weight: 500;
	margin-bottom:0;
	margin-top: 1rem;
	color: #01213a;
	display:block; 
	text-align:center;
	border-top: 1px solid #bae2e2;
	padding-top:10px;
}

/***********************************************************/
/*** A long history of victories for the environment and citizens
/***********************************************************/

body.lang_en div#block-history{
	padding-top:60px;
	padding-bottom:60px;
	position:relative; 
	background-color:#e7f3f2;
} 
body.lang_en div#block-history .wrapper{position:relative;z-index:2;}
body.lang_en div#block-history .wrapper .block-white{background-color:#fff; padding-top:60px; padding-bottom:30px;}

/***********************************************************/
/*** footer
/***********************************************************/
body.lang_en footer .footer-wrap .wrapper{position:relative; z-index:10;}
body.lang_en footer .footer-wrap .wrapper .block-1-3{width:33%; float:left; display:block; position:relative;}
body.lang_en footer .footer-wrap .wrapper .block-1-3 .footer-info{display:block; position:relative; padding-left:95px; margin-bottom:12px; color:#fff;}
body.lang_en footer .footer-wrap .wrapper .block-1-3 .footer-info:last-child{margin-bottom:0;}
body.lang_en footer .footer-wrap .wrapper .block-1-3 .footer-info a{color:#fff; font-weight:400;}
body.lang_en footer .footer-wrap .wrapper .block-1-3 .footer-info span{position:absolute; left:0; font-weight:600;}
body.lang_en footer .footer-wrap .wrapper .block-1-3 .social-icon{ 
	height:38px; 
	width:38px; 
	line-height:38px; 
	display:block; 
	text-align:center; 
	border-radius:20px; 
	float:left; 
	color:#484e5e; 
	font-size:0.94rem;
	margin-left:6px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color:#fff;
} 
body.lang_en footer .footer-wrap .wrapper .block-1-3 .social-icon.social-fb{font-size:1rem;}
body.lang_en footer .footer-wrap .wrapper .block-1-3 .social-icon.social-yt{font-size:1.1rem;}
body.lang_en footer .footer-wrap .wrapper .block-1-3 .social-icon:hover{color:#73ad26;} 
body.lang_en footer .footer-wrap .wrapper .block-1-3 .block-content {
    padding: 0 0px;
    color: #fff;
    font-weight: 400;
    font-size: 0.9rem;
    line-height: 1.6;
    display: inline-block;
    text-align: left;
}
body.lang_en footer .footer-wrap .wrapper .block-1-3.block-2 .block-content,
body.lang_en footer .footer-wrap .wrapper .block-1-3.block-3 .block-content{padding-top:70px;} 
body.lang_en footer .footer-wrap .wrapper .block-1-3.block-2{text-align: center}
body.lang_en footer .footer-wrap .wrapper .block-1-3.block-3{text-align:right;}


/***********************************************************/
/*** responsive
/***********************************************************/
@media screen and (max-width: 1200px){
	body.lang_en div#block-hero #hero .wrapper{bottom:0;}
	body.lang_en div#block-hero #hero{height:700px;}
	body.lang_en div#block-history{background-color:rgba(231, 243, 242, 0.55);}
	body.lang_en div#block-history .wrapper .block-white{background-color:transparent;}
	body.lang_en footer .footer-wrap .wrapper .block-1-3{padding-left:15px; padding-right:15px;}
	.footer-bottom .wrapper{padding-left:0; padding-right:0;}
}

@media screen and (max-width: 800px){ 
	body.lang_en div#block-hero #hero{height:600px;}
	body.lang_en.home h2{ font-size: 1.6rem; line-height: 1.2; }
	body.lang_en.home h3{ font-size: 1.7rem; }
	
	body.lang_en footer .footer-wrap .wrapper .block-1-3{ width:100%; float: none; display: block; position: relative; text-align: center!important;}
	body.lang_en footer .footer-wrap .wrapper .block-1-3.block-2 .block-content, body.lang_en footer .footer-wrap .wrapper .block-1-3.block-3 .block-content{padding-top:30px;}
}

@media screen and (max-width:600px){
	body.lang_en div#block-intro .block-aim .block-1-3{float:none; display:block; padding:0 0 0 0; width:100%;}
}
@media screen and (max-width: 450px){ 
	body.lang_en div#block-hero #hero{height:600px;}
	body.lang_en.home h2{ font-size: 1.6rem; line-height: 1.2; }
	body.lang_en.home h3{ font-size: 1.7rem; }
	
}