/* CSS Document */

body {
  background:url(images/fond.jpg) repeat-x #f4f9ff;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding:0px;
  margin:0px auto;
  text-align:center;
}

#conteneur {
  position: relative;
  text-align: justify;
  margin: 0px auto;
  padding: 0px;
  width: 760px;
}

#logo {
	float:left;
	margin:0;
	padding:0;
	width:193px;
	height:166px;
	background:url(images/img_default/logo.jpg) no-repeat;
}
	#logo h1 {
		text-indent:-5000px;
	}
	
/************************** menu *****************************/
ul#menu { float:left; list-style-type:none; height:45px; width:567px; padding:121px 0 0 0; margin:0; background:url(images/img_default/header.jpg) no-repeat top;} 
ul#menu li { float:left; margin:0; padding:0; list-style-type:none;}
ul#menu li a.accueil {display:block; width:71px; height:45px; text-indent:-5000px; background:url(images/img_default/menu-accueil.jpg); border:none;}
ul#menu li a.accueil:hover {display:block; width:71px; height:45px; text-indent:-5000px; background:url(images/img_default/menu-accueil-on.jpg); border:none;}
ul#menu li a.maintenance {display:block; width:111px; height:45px; text-indent:-5000px; background:url(images/img_default/menu-maintenance.jpg); border:none;}
ul#menu li a.maintenance:hover {display:block; width:111px; height:45px; text-indent:-5000px; background:url(images/img_default/menu-maintenance-on.jpg); border:none;}
ul#menu li a.bureau {display:block; width:126px; height:45px; text-indent:-5000px; background:url(images/img_default/menu-bureau-etude.jpg); border:none;}
ul#menu li a.bureau:hover {display:block; width:126px; height:45px; text-indent:-5000px; background:url(images/img_default/menu-bureau-etude-on.jpg); border:none;}
ul#menu li a.ref {display:block; width:177px; height:45px; text-indent:-5000px; background:url(images/img_default/menu-references.jpg); border:none;}
ul#menu li a.ref:hover {display:block; width:177px; height:45px; text-indent:-5000px; background:url(images/img_default/menu-references-on.jpg); border:none;}
ul#menu li a.contact {display:block; width:82px; height:45px; text-indent:-5000px; background:url(images/img_default/menu-contact.jpg); border:none;}
ul#menu li a.contact:hover {display:block; width:82px; height:45px; text-indent:-5000px; background:url(images/img_default/menu-contact-on.jpg); border:none;}


/**************************************************************/

#flash {
	float:left;
	padding:9px 0 0 0;
	margin:0;
	width:760px;
	height:170px;
	background:url(images/img_default/anim-flash.jpg) no-repeat;
}

#contenuAccueil {
	float:left;
	padding:47px 12px 0 12px;
	margin:0 0 15px 15px;
	width:462px;
	height:153px;
	background:url(images/img_default/fond-txt-accueil.jpg) no-repeat bottom;
	display:inline;
}
	#contenuAccueil span {
		font-weight:bold;
		font-size:14px;
		color:#d84012;
		display:block;
		padding:0 0 14px 0;
	}

#references {
	float:left;
	padding:0;
	margin:0 0 15px 15px;
	width:229px;
	height:200px;
	background:url(images/img_default/references.jpg) no-repeat;
	display:inline;
}

#agences {
	float:left;
	padding:0px;
	margin:0 0 15px 10px;
	width:229px;
	background:url(images/img_nav/bas-agences.jpg) no-repeat bottom #cce0f3;
	display:inline;
	font-size:11px;
	color:#4c6f91;
}
	#agences h2 { display:block; width:229px; height:35px; padding:0; margin:0; background:url(images/img_nav/titre-nos-agences.jpg); text-indent:-5000px;}
	#agences h3 {font-weight:bold; font-size:13px; color:#d84012; display:block; margin:2px 12px 2px 12px; padding:0; border-bottom:1px solid #d84012;}
	#agences p {margin:0px; padding:0 12px 8px 12px;}
	#agences a {color:#4c6f91; text-decoration:none; }
	#agences a:hover {color:#d84012; text-decoration:underline;}
	
	#agences #saitPas {font-weight:bold; font-size:12px; color:#d84012; margin:0px 12px 2px 12px; padding:0 0 5px 0; text-align:left;}
	#agences #saitPas a {color:#d84012; text-decoration:underline;}
	#agences #basAgences {float:left; padding:0; margin:0; width:229px; height:13px; background:url(images/img_nav/bas-metiers.jpg)}


#footer {
	clear:left;
	padding:6px 34px 0 33px;
	margin:0;
	background:url(images/img_default/footer.jpg) no-repeat;
	width:690px;
	height:44px;
}
	#footer span {
		color:#d84012;
		text-decoration:underline;
		font-weight:bold;
		display:block;
	}	
	#footer p.tel {
		float:right;
		display:inline;
		padding:0;
		margin:-14px 0 0 0;
	}
	


	
#conteneur h2.maintenance {
	float:left;
	padding:0px;
	margin:0px;
	width:760px;
	height:109px;
	background:url(images/img_nav/titre-maintenance.jpg) no-repeat;
	text-indent:-5000px;
}
#conteneur h2.etude {
	float:left;
	padding:0px;
	margin:0px;
	width:760px;
	height:109px;
	background:url(images/img_nav/titre-etude.jpg) no-repeat;
	text-indent:-5000px;
}
#conteneur h2.metiers {
	float:left;
	padding:0px;
	margin:0px;
	width:760px;
	height:109px;
	background:url(images/img_nav/titre-metiers.jpg) no-repeat;
	text-indent:-5000px;
}
#conteneur h2.references {
	float:left;
	padding:0px;
	margin:0px;
	width:760px;
	height:109px;
	background:url(images/img_nav/titre-references-marques.jpg) no-repeat;
	text-indent:-5000px;
}
#conteneur h2.contacts {
	float:left;
	padding:0px;
	margin:0px;
	width:760px;
	height:109px;
	background:url(images/img_nav/titre-contacts.jpg) no-repeat;
	text-indent:-5000px;
}

#contenuNav {
	float:left;
	padding:0px;
	margin:0 0 15px 15px;
	width:486px;
	background:url(images/img_nav/bas-texte.jpg) no-repeat bottom #cce0f3;
	display:inline;
	color:#333333;
}

	#contenuNav a {font-weight:bold; text-decoration:none; color:#333333;}

	#contenuNav p.intro {
		padding:8px 12px 12px 12px;
		margin:0;
	}
	#contenuNav p {
		padding:3px 12px 12px 35px;
		margin:0;
	}
	#contenuNav div {
		padding:3px 12px 12px 35px;
		margin:0;
	}
	#contenuNav div ul {
		padding:3px 12px 12px 35px;
		margin:0;
	}

	#contenuNav h3 {
		font-weight:bold;
		font-size:15px;
		color:#d84012;
		display:block;
		margin:0 12px 0px 12px;
		padding:0;
		border-bottom:1px solid #d84012;
	}
	#contenuNav h4 {
		font-weight:bold;
		color:#d84012;
		display:block;
		padding:10px 0 0 20px;
		margin:0;
		font-size:12px;
	}
	#contenuNav span {
		font-weight:bold;
		color:#d84012;
		display:block;
		padding:10px 0 0 20px;
	}
	
	#contenuNav ul {
		display:block;
		padding:0 12px 12px 50px;
		margin:-8px 0 0 0;
	}
		#contenuNav ul li {
			margin:0 0 0 20px;
			padding:0;
			list-style-type:disc ;
		}


	ul#marques {
		float:left;
		padding:10px;
		margin:0;
		list-style:none;
		width:466px;
		font-size:11px;
	}
		ul#marques li {display:inline; float:left; padding:2px 0 2px 0; margin:0 5px 5px 0; width:150px; background:#bcd0e7; text-align:center; color:#3c607c; line-height:14px;}
	
#visualMarques {
	float:left;
	padding:0;
	margin:0 0 15px 15px;
	width:229px;
	height:41px;
	display:inline;
	border:none;
	background:url(images/img_nav/visualisez-marques.jpg) no-repeat;
	text-indent:-5000px;
}

#referencesNav {
	float:left;
	padding:0;
	margin:0 0 15px 15px;
	width:229px;
	height:200px;
	background:url(images/img_nav/references.jpg) no-repeat;
	display:inline;
}

	
#ouvertureCpte {
	float:left;
	padding:0;
	margin:-55px 0 15px 15px;
	width:486px;
	height:56px;
	border:none;
	background:url(images/img_nav/btn-ouverture-compte.jpg) no-repeat;
	text-indent:-5000px;
}	
	
#colonneDroiteMetier {
	float:left;
	padding:0;
	margin:0;
	width:244px;
}	
	#metiers {
		float:left;
		padding:0 0 10px 0;
		margin:0 0 15px 15px;
		width:229px;
		min-height:200px;
		background: url(images/img_nav/bas-metiers.jpg) no-repeat bottom #cce0f3; 
		display:inline;
		color:#4c6f91;
		font-weight:normal;
	}
		#metiers h3#secteur { display:block; width:229px; height:35px; padding:0; margin:0; background:url(images/img_nav/titre-secteur-activite.jpg); text-indent:-5000px;}
		#metiers h3#realisations { display:block; width:229px; height:35px; padding:0; margin:0; background:url(images/img_nav/titre-nos-realisations.jpg); text-indent:-5000px;}
		#metiers a {padding:12px; font-size:14px; line-height:25px; text-decoration:none; color:#4c6f91; font-weight:normal;}
		#metiers a:hover{padding:12px; font-size:14px; line-height:25px; text-decoration:none; color:#d84012; font-weight:normal;}
	
	#photosMetiers {
		float:left;
		padding:0;
		margin:0 0 0px 15px;
		width:229px;
		min-height:200px;
		background:url(images/img_nav/bg-photo-metier.gif) no-repeat top #d94c22; 
		display:inline;
		color:#4c6f91;
	}
	#finPhotosMetiers {
		float:left;
		padding:0;
		margin:0 0 15px 15px;
		width:229px;
		height:21px;
		background:url(images/img_nav/bas-photo-metier.gif) no-repeat; 
	}


.imgMetier {
	padding:10px 10px 0 10px;
}