@charset "utf-8";
/* CSS Document */

html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}


body{
	line-height:1;
	font-size:12px;
	color:#fff;
	font-family:Corbel,"Trebuchet MS",Helvetica,Arial,sans-serif;
	background:url('../image/background.png') #000;
	
}

img { border:0}

.fl{float:left}
.fr{float:right}
.l{overflow:hidden}
.cl{width:320px;float:left}

#logo{
	padding:20px 0;
}

#container{
	margin:auto;
	width:490px;	
}

#flash{
	width:320px;
	height:150px;
	margin:0 0 20px 0
}

#about{
	width:100px;
	height:290px;
	padding:30px 40px 0 10px;
	background:url('../image/a-propos.jpg');
}

#blog{
	width:150px;
	height:150px;
	margin:0 20px 0 0
}

#contact{
	width:150px;
	height:150px;
	float:left;
	margin:20px 20px 20px 0
}

#contact img{
	float:left;
}

#mobile{
	width:150px;
	height:150px
}

#facebook{
	width:320px;
	height:150px;
	margin:20px 0 20px 0
}

#html5{
	width:320px;
	height:150px;
}

#lab{
	width:150px;
	height:150px
}