@charset "utf-8";
/* CSS Document */
body{
	font-family: 'Raleway', sans-serif;
	color:#376983;
	font-size:20px;
	font-weight:400;
}
h2{
	margin-top:40px;
}
#bg_top{
	background:url('../img/bg_head.jpg')top center;
	background-size:100%;
	background-repeat:no-repeat;
}
#bg_top img{
	 vertical-align: top;
    width: 100%; /* max width */
    opacity: 0;  /* make it transparent */
}
.container{
	max-width:900px;
	margin:0 auto;
	padding:0 2%;
}
#intro{
	padding-bottom:95px;
	padding-top:60px;
}
.slogan_container{
	/*background-color:#16404c;*/
}
#gestion{
	padding-bottom:40px;
}
#img_special{
	position: absolute;
    max-width: 600px;
    top: -40px;
	display:block;
}
#img_petit{
	display:none;
}
#slogan{
	background:url('../img/bg_slogan.jpg')top center;
	background-repeat:no-repeat;
	height:190px;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	padding-top:83px;
	font-weight:700;
	font-size:1.5em;
	line-height:35px;
	letter-spacing:1px;
}
#pine{
	text-align:center;
	margin-top:45px;
}

#titre_pine{
	margin-top:40px;
	background-color:#abcbda;
	height:80px;
	line-height:80px;
	color:#fff;
	text-align:center;
	letter-spacing:1px;
	font-size:31px;
	font-weight:700;
	margin-bottom:36px;
}
#bg_text{
    background: #e2e3e4; /* For browsers that do not support gradients */    
    background: -webkit-radial-gradient(#fff, #e9eaeb, #e2e3e4); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#fff, #e9eaeb, #e2e3e4); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#fff, #e9eaeb, #e2e3e4); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#fff, #e9eaeb, #e2e3e4); /* Standard syntax (must be last) */	
	padding-bottom:230px;
}
.bg_gris{
    background: #e2e3e4; /* For browsers that do not support gradients */    
    background: -webkit-radial-gradient(#fff, #e9eaeb, #e2e3e4); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#fff, #e9eaeb, #e2e3e4); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#fff, #e9eaeb, #e2e3e4); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#fff, #e9eaeb, #e2e3e4); /* Standard syntax (must be last) */	
}
#bg_text div.container{ position:relative;}
#bg_citation{
	padding-bottom:50px;
    background: #114458; /* For browsers that do not support gradients */    
    background: -webkit-radial-gradient(#26637d, #1b5268, #114458); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#26637d, #1b5268, #114458); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#26637d, #1b5268, #114458); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#26637d, #1b5268, #114458); /* Standard syntax (must be last) */	
}
#citation{
	color:#fff;
	text-transform:uppercase;
	padding-top:40px;
	padding-bottom:20px;
	text-align:center;
	font-weight:700;
	font-size:30px;
	position:relative;
}
#texte_citation{
	padding:0px 50px;
}
#citation .left{
	float:left;
}
#citation .right{
	float:right;
	margin-top:-40px;
}
#citation span{
	right:100px;
	margin-top:10px;
	clear:both;
	position:absolute;
}
#border-blanc{
	height:15px;
	width:100%;
	background-color:#fff;
}
#texte_gestion_finance{
	padding-top:40px;
	padding-bottom:40px;
}
#texte_gestion_finance_img{
	padding-top:30px;
}
#img_gestion img, #texte_gestion_finance_img img, #logo_footer img{
	max-width:100%;
}
.texte_gestion_img{
	text-align:right;
	padding-top:165px;
}
.texte_gestion_img2{
	text-align:right;
	padding-top:55px;
}
#slogan2{
	background:url('../img/bg_slogan2.jpg')top center;
	background-repeat:no-repeat;
	height:190px;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	padding-top:83px;
	font-weight:700;
	font-size:1.5em;
	line-height:35px;
	letter-spacing:1px;	
	margin-top:-160px;
}
.col2{
    padding-top: 100px;
	padding-left:15px;
}
#bg_footer{
	background-image:url('../img/bg_footer.jpg');
	height:64px;
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#114458;
	margin-top:57px;
	margin-bottom:42px;
	line-height:64px;
	color:#fff;
	font-size:25px;
}
#footer-left, #footer-droit,#footer-left img, #footer-droit img{
	float:left;
}
#footer-left{
	padding-right:40px;
}
#footer-small-droit{
	text-transform:uppercase;
	font-weight:900;
	font-size:35px;
}
#footer-left img, #footer-droit img{
	padding-top:8px;
	padding-right:12px;
}

#logo_footer{
	text-align:center;
	margin-bottom:42px;
}

@media screen and (max-width: 45.5em){
	.texte_gestion_img, .texte_gestion_img2{
		padding-top:0;
	}
	#img_special{
		display:none;
	}
	#img_petit{
		display:block;
	}
	#slogan2{
		margin-top:60px;
	}
	.col2{
		padding-top: 0;
		padding-left:0;
	}
	
	#bg_text{
		background-image:none;
		height:auto;
		padding-bottom:40px;
	}
	#citation{
		font-size:25px;
	}
	#titre_pine{
		font-size:15px;
	}
	#slogan, #slogan2{
		font-size:1em;
	}
	#bg_footer{
		background-image:none;
		background-color:#14475b;
		height:100%;
		text-align:center;
	}
	#footer-left, #footer-droit{
		width:100%;
		padding-right:0;
	}
	#footer-left img, #footer-droit img{
		padding-top:15px;
	}
	#footer-left img, #footer-droit img{
		display:none;
	}
}