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

body{
	margin:0px;
	padding:0px;
	background-image:url(../Images/Background.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#64666a;
	text-align:justify;
	line-height:17px;
}
a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#64666a;
	font-weight:none;
	text-decoration:underline;
}
a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#64666a;
	font-weight:none;
	text-decoration:none;
}
.lien{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#64666a;
	font-weight:none;
	text-decoration:underline;
}
.lien:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#64666a;
	font-weight:none;
	text-decoration:none;
}
h1{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#64666a;
	font-weight:bold;
	display:inline;
}
ul{
	list-style-type:square;
}
#container{
	width:735px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#gauche{
	width:208px;
	float:left;
}
#droite{
	width:527px;
	float:right;
}
#container #gauche #menu{
	float:left;
	margin-top:107px;
}
#container #gauche #menu ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#container #gauche #menu li a{
	display:block;
	height:34px;
}
#container #gauche #menu li a.accueil{
	width:177px;
	height:34px;
	background-repeat:no-repeat;
	background-image:url(../Images/btn_accueil.gif);
}
#container #gauche #menu li a.atouts{
	width:177px;
	height:34px;
	background-repeat:no-repeat;
	background-image:url(../Images/btn_atouts.gif);
}
#container #gauche #menu li a.metiers{
	width:177px;
	height:34px;
	background-repeat:no-repeat;
	background-image:url(../Images/btn_metiers.gif);
}
#container #gauche #menu li a.realisations{
	width:177px;
	height:34px;
	background-repeat:no-repeat;
	background-image:url(../Images/btn_realisations.gif);
}
#container #gauche #menu li a.gestion{
	width:177px;
	height:34px;
	background-repeat:no-repeat;
	background-image:url(../Images/btn_gestion.gif);
}
#container #gauche #menu li a.contact{
	width:177px;
	height:34px;
	background-repeat:no-repeat;
	background-image:url(../Images/btn_contact.gif);
}
#container #gauche #menu li a:hover{
	background-position: 0 -34px;
}
#container #gauche #menu li span{
	display:none;
} 
#fiche_contact{
	width:179px;
	height:218px;
	background-color:#4d4f51;
	float:left;
	margin-top:37px;
	background-image:url(../Images/fiche_contact.gif);
	background-repeat:no-repeat;
}
#top_img_vert{
	width:213px;
	height:18px;	
	margin-right:34px;
	padding:0px;
	float:right;
	background-color:#c5d935;
}
#bottom_img_vert{
	width:213px;
	height:98px;
	margin-top:250px;
	padding:0px;
	float:left;
	background-color:#c5d935;
}
#bottom_vert{
	width:213px;
	height:40px;
	padding:0px;
	margin-top:15px;
	margin-right:34px;
	float:right;
	background-color:#c5d935;
}
#top_img_mauve{
	width:213px;
	height:18px;	
	margin-right:34px;
	padding:0px;
	float:right;
	background-color:#ad509e;
}
#bottom_img_mauve{
	width:213px;
	height:98px;
	margin-top:250px;
	padding:0px;
	float:left;
	background-color:#ad509e;
}
#bottom_mauve{
	width:213px;
	height:40px;
	padding:0px;
	margin-top:15px;
	margin-right:34px;
	float:right;
	background-color:#ad509e;
}
#top_img_bleu{
	width:213px;
	height:18px;	
	margin-right:34px;
	padding:0px;
	float:right;
	background-color:#1894bd;
}
#bottom_img_bleu{
	width:213px;
	height:98px;
	margin-top:250px;
	padding:0px;
	float:left;
	background-color:#1894bd;
}
#bottom_bleu{
	width:213px;
	height:40px;
	padding:0px;
	margin-top:15px;
	margin-right:34px;
	float:right;
	background-color:#1894bd;
}
#top_img_orange{
	width:213px;
	height:18px;	
	margin-right:34px;
	padding:0px;
	float:right;
	background-color:#cc742b;
}
#bottom_img_orange{
	width:213px;
	height:98px;
	margin-top:250px;
	padding:0px;
	float:left;
	background-color:#cc742b;
}
#bottom_orange{
	width:213px;
	height:40px;
	padding:0px;
	margin-top:15px;
	margin-right:34px;
	float:right;
	background-color:#cc742b;
}
#titre_bienvenue{
	width:278px;
	height:98px;
	margin-top:270px;
	float:left;
	background-image:url(../Images/accueil_titre.gif);
	background-repeat:no-repeat;
	background-position:0 40px;
}
#titre_atouts{
	width:278px;
	height:98px;
	margin-top:270px;
	float:left;
	background-image:url(../Images/atouts_titre.gif);
	background-repeat:no-repeat;
	background-position:0 40px;
}
#titre_metiers{
	width:278px;
	height:98px;
	margin-top:270px;
	float:left;
	background-image:url(../Images/metiers_titre.gif);
	background-repeat:no-repeat;
	background-position:0 40px;
}
#titre_realisations{
	width:278px;
	height:98px;
	margin-top:270px;
	float:left;
	background-image:url(../Images/realisations_titre.gif);
	background-repeat:no-repeat;
	background-position:0 40px;
}
#titre_gestion{
	width:278px;
	height:98px;
	margin-top:270px;
	float:left;
	background-image:url(../Images/gestion_titre.gif);
	background-repeat:no-repeat;
	background-position:0 40px;
}
#titre_contact{
	width:278px;
	height:98px;
	margin-top:270px;
	float:left;
	background-image:url(../Images/contact_titre.gif);
	background-repeat:no-repeat;
	background-position:0 40px;
}
#container #droite #main_image1{
	width:525px;
	height:348px;
	background-image:url(../Images/main_image1.jpg);
	float:left;
	background-position:0 9px;
	background-repeat:no-repeat;
	margin-top:36px;
}
#container #droite #main_image2{
	width:525px;
	height:348px;
	background-image:url(../Images/main_image2.jpg);
	float:left;
	background-position:0 9px;
	background-repeat:no-repeat;
	margin-top:36px;
}
#container #droite #main_image3{
	width:525px;
	height:348px;
	background-image:url(../Images/main_image3.jpg);
	float:left;
	background-position:0 9px;
	background-repeat:no-repeat;
	margin-top:36px;
}
#container #droite #main_image4{
	width:525px;
	height:348px;
	background-image:url(../Images/main_image4.jpg);
	float:left;
	background-position:0 9px;
	background-repeat:no-repeat;
	margin-top:36px;
}
#container #droite #main_image5{
	width:525px;
	height:348px;
	background-image:url(../Images/main_image5.jpg);
	float:left;
	background-position:0 9px;
	background-repeat:no-repeat;
	margin-top:36px;
}
#container #droite #main_image6{
	width:525px;
	height:348px;
	background-image:url(../Images/main_image6.jpg);
	float:left;
	background-position:0 9px;
	background-repeat:no-repeat;
	margin-top:36px;
}
#container #droite #content{
	width:525px;
	float:left;
	margin-top:20px;
}
#flex{
	width:500px;
	height:320px;
	float:left;
}
#gestion_layer{
	width:500px;
	float:left;
}