html {
	font-size: 100%;
}
body{
	font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	text-align:center;
	margin:0px;
	color:#4f4f4f;
	font-size: 1.1em;
}
a{
	text-decoration:none;
	color:#008aff;	
}
a:hover{
	color:#000;	
}
.link {
	color:#008aff ;
	cursor: pointer;
}
#top{
	background:#f2f2f2 url('images/bg-body.gif') no-repeat center;	
	color:#4f4f4f;
	font-size:1.1em;
	height:217px;
	border:#f6f6f6 solid 2px;
}
	#top #logo {
		position:absolute;
		width:260px;
		height:110px;
		top:70px;
		left:30px;
		text-align:right;
	}
		#top #logo div {
			font-size:2.0em;
			color:#000;
		}
		
	#top #banner {
		position:absolute;
		width:620px;
		right:30px;	
		height:150px;
		top:45px;
		text-align:justify;
		font-size:0.9em;
		font-style:italic;
	}	
	#menu {
		text-align:center;
		font-size:1.4em;
		background-color:#e6e6e6;
		padding-top:4px;
	}

.elementPortfolio {
	width:960px;
	margin:10px auto;
}
	.elementPortfolio .image {
		width:440px;
		height:120px;
		margin:0;
		float:left;
	}
	.elementPortfolio .texte {
		float:left;
		width:500px;
		margin:0 0 0 20px;
		text-align:justify;
		font-size:0.9em;
	}
	.elementPortfolio p {
		margin:0;
	}
		
.conteneur{
	width:980px;
	margin:0px auto;
	position:relative;
	text-align:center;
}
#ingenieurTechnologieInformation {
	text-align:left;	
}
#footer {
	background-color:#ececec;
	margin-top:100px;	
	border-top:#e6e6e6 solid 10px;
}
#footer #center {
	width:980px;
	margin:10px auto 0 auto;	
}
	#footer #center div{
		height:50px;
		width:320px;
		float:left;
	}
		#footer #center #left{
	
		}
		
		#footer #center #middle{

		}
		
		#footer #center #right{
			text-align:right;
		}



hr.line {
	border:0px;
	clear: both;
	height:1px;margin:0;padding:0;
	background-color:#d9d9d9;
	width:80%;
	margin:0 auto;
}
hr.space {
	visibility:hidden;
	clear: both;
	height:0px;margin:0;padding:0;
}
h1 {
	margin:40px 0 0 0;
}
h2 {
	margin:0px;	
	font-size:1.2em;
}
p {
	margin:20px 0;	
	text-align:justify;
}