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

body{
	background: #FFFFFF;
	margin: 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#header{
    height: 37px;
    width: 100%;
}
#bottomheader{
	height: 1px;
	background-color: #dcdcdc;
	width: 100%;
}
#logo{
    height: 28px;
    width: 15px;
    padding: 5px;
    float: left;
}
#nav{
    float:right;
    padding-top: 10px;
	margin: 0px;
}
#nav .b-portfolio{
	float: left;
	padding-right: 90px;
}
#nav .b-contact{
	float:inherit;
	padding-right: 90px;
}
#nav .b-blog{
	float:right;
	padding-right: 20px;
}
#conteneur{
	width: 1024px;
	height: 432px;
	margin: auto;
	padding-top: 50px;
}
#blog{
	float:left;
	
}
#portfolio{
	float: right;
	padding-right: 50px;
}
#contact{
	float: right;
	
}
#blog2{
	float:left;
	padding-top: 80px;
	
}
#portfolio2{
	float: right;
	padding-right: 50px;
}
#contact2{
	float: right;
	padding-top: 60px;
	
}
#construction{
	margin: auto;
	padding-top: 50px;
	width: 366px;
}
#footer{
	margin: auto;
	width: 1024px;
	background-image:url(../images/bg_acordeon.png);
	background-repeat: repeat-x repeat-y;
	height: 226px;
	position: relative;
	padding: 10px;
}
#contfooter{
	background-color:#FFF;
	position: relative;
	height: 216px;
	padding-top: 10px;
	padding-left: 10px;
}
#compinfo ul{
	list-style:none;
	padding: 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#compinfo ul a{
	text-decoration: none;
	font-weight:bold;
}
#compinfo ul a:hover{
	color: #000;
}
#compinfo .beer{
	color: #5b5b5b;	
}
#compinfo .lien1 a{
	color: #e01382;
}
#compinfo .lien2 a{
	color: #009ee0;
}
#compinfo .lien3 a{
	color: #45bfe1;
}