/* CSS Document */


body{
	background: url(/img/bg.jpg) repeat-x #f6f6f6;
	margin: 0;
	padding: 0;
	font-family:Tahoma, Geneva, sans-serif;
}




#conteneur{
	width:956px;
	margin: 0 auto;

}

#contenu{

}

#haut{
	height:541px;
	width: 956px;

	background:url(/img/bg-haut.jpg) no-repeat;
}


#gauche{
	width:200px;
	float:left;
	margin: 0 51px 0 0 ;

}
#droite{
	width:705px;
	float:left;
	margin: 0 0 0 0px;

}
#droite2{
	width:956px;
	float:left;
	margin: 0 0 0 0px;

}

#pied{
	width:100%;
	height:215px;
	margin: 10px 0 0 0;
	padding: 0px 0 0 0;
	background:url(/img/bg_pied.jpg);
}
	
#centre{
	width:956px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	text-align:center;
}

#coordonnees{
	width:250px;
	float:left;
	text-align:left;
}

#navigation{
	width:133px;
	float:left;
	text-align:left;
}

#navigation ul{
	list-style:none;
	margin: 5px 0 0 0;
	padding: 0;
}

#navigation ul li{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #7a7a7a;
}

#navigation ul li a{
	color:#7a7a7a;	
	text-decoration:none;
	font-size:11px;
	margin:0;
	padding:0;
	
}
#navigation ul li.no{
	border:none;
}




.services_liste{
	width:300px;
	float:left;	
}


address{
	font-size:11px;
	font-style:normal;
	margin: 0px 0 10px 0;
	padding:0;
	color:#7a7a7a;
}

#copyright{
	margin: 20px auto 0 auto;
	color:#7a7a7a;
	font-size:11px;
	
}


#note{
	
	float:left;
	width:488px;
	margin: 0 0 0 85px;
	text-align:left;


		
}
#note p{
	margin: 8px 0 0 30px;
}

#pied p{
	color:#7a7a7a;

}	



/* Box */
#box{
	margin: 35px 0 0 0;
	float:left;

}	
#box1{
	width: 221px;	
	margin: 0 0 0 0px;
	padding:0;
	float:left;

}

#box2{
	width: 221px;	
	margin: 0 0 0 21px;
	float:left;
}
#box3{
	width: 221px;	
	margin: 0 0 0 21px;
	float:left;
}
a#btn_services{
	background:url(/img/box/btn_services.jpg) no-repeat;
	width: 104px;
	height: 49px;
	display:block;
}
a#btn_services:hover{
	background: url(/img/box/btn_services.jpg) no-repeat;
	width: 104px;
	height: 49px;
	display:block;
	background-position:0 -49px;
}
a#btn_projets{
	background:url(/img/box/btn_projets.jpg) no-repeat;
	width: 104px;
	height: 49px;
	display:block;
}
a#btn_projets:hover{
	background: url(/img/box/btn_projets.jpg) no-repeat;
	width: 104px;
	height: 49px;
	display:block;
	background-position:0 -49px;
}
a#btn_contact{
	background:url(/img/box/btn_contact.jpg) no-repeat;
	width: 104px;
	height: 49px;
	display:block;
}
a#btn_contact:hover{
	background: url(/img/box/btn_contact.jpg) no-repeat;
	width: 104px;
	height: 49px;
	display:block;
	background-position:0 -49px;
}


#box p{
	height:70px;	
	margin: 0;
	padding: 0;
}
#box .titre{
	margin: 17px 0 10px 0;	
}
#gauche p{
	font-size:12px;
	line-height:18px;
	text-align:justify;
	color:#2a2a2a;
	margin: 0 0 10px 0;
	padding: 0;
}





#titre_accueil{
	display:block;
	margin: 30px 0 0px 0px;
	padding: 0;

}






.clear{
	clear:both;
}





a{
	color: #2977de;
	text-decoration:underline;
}

.lire_plus a{
	color: #2977de;
	font-size:14px;
	float:right;
	font-weight:200;
	letter-spacing:1px;
	
}	


#profil{
	margin: 63px 0 34px 0;
	padding: 0;	
}
#les_avantages{
	margin:37px 0 20px 0;	
	padding: 0;
}

#logo{
	margin: 7px 0 0 0;
	padding: 0;	
	float:left;
}


#featureCarousel ul{
	list-style:none;
}




/* Menu */
#menu{
	float:left;
	margin: 51px 0 0 191px;
	padding: 0;	
}

#menu ul{

	list-style:none;
	display:inline;
	margin: 0;
	padding:0;
}

#menu ul li{
	margin: 0 0 0 10px;
	padding:0;
	float:left;
}

a#accueil{
	background: url(/img/menu/accueil.jpg) no-repeat;
	width: 76px;
	height: 37px;
	display:block;
}

a#accueil:hover{
	background: url(/img/menu/accueil.jpg) no-repeat;
	width: 76px;
	height: 37px;
	display:block;
	background-position:0 -37px;
}

a#services{
	background: url(/img/menu/services.jpg) no-repeat;
	width: 85px;
	height: 37px;
	display:block;
}

a#services:hover{
	background: url(/img/menu/services.jpg) no-repeat;
	width: 85px;
	height: 37px;
	display:block;
	background-position:0 -37px;
}

a#projets{
	background: url(/img/menu/projets.jpg) no-repeat;
	width: 76px;
	height: 37px;
	display:block;
}

a#projets:hover{
	background: url(/img/menu/projets.jpg) no-repeat;
	width: 76px;
	height: 37px;
	display:block;
	background-position:0 -37px;
}
a#contact{
	background: url(/img/menu/contact.jpg) no-repeat;
	width: 81px;
	height: 37px;
	display:block;
}
a#contact:hover{
	background: url(/img/menu/contact.jpg) no-repeat;
	width: 81px;
	height: 37px;
	display:block;
	background-position:0 -37px;
}