body{
	background: #0099cc;
	font-family: arial, verdana;
	font-size: 12px;
	margin: 26px 0 0 0;
	padding: 0px;
	color: #464646;
}
p{
	margin: 7px 0 7px 0;
}
ul{
	margin: 5px 0 5px  0;
	padding: 0 0 0 40px;
}
h1{
			width: 690px;
			height: 47px;
			color: #0099cc;
			margin: 0 0 0 30px;
			padding: 28px 0 0 0;
			text-align: center;
			font-size: 18px;
			font-weight: normal;
			background: url(../images/titre1.jpg);
		}
h2{
	font-size: 15px;
	margin: 0 0 5px 0;
	color: #ff6600;
	}
.cl{
	clear: both;
}
table{
	margin: auto;
}
legend{
	font-weight: bold;
		}
img, div , a{ behavior: url(iepngfix.htc) }
a img{
	border: 0px solid black;
}
#global{
	width: 990px;
	position:absolute;
	left:50%;
	margin-left: -495px;
}
	#left{
		width: 238px;
		height: 490px;
		background: url(../images/left.jpg);
		float: left;
		margin: 23px 0 0 0;
	}
		#logo{
			width: 178px;
			height: 108px;
			margin: 40px 0 0 30px;
		}
			#logo a img{
				border: 0px solid blue;
			}
		#boutons{
			width: 121px;
			height: 174px;
			font-size: 9px;
			background: url(../images/contacts1.png);
			padding: 0 0 0 12px;
			font-weight: bold;
			margin: 85px 0 0 85px;
			color: #ffffff;
		}
			.lib1{
				font-size: 10px;
				font-weight: bold;
				color: #99ff00;
				margin: 20px 0 0 0;
			}
			.lib{
				font-size: 10px;
				font-weight: bold;
				color: #99ff00;
				margin: 8px 0 0 0;
			}
			#boutons a.news{
				width: 75px;
				height: 22px;
				display: block;
				color: #0099CC;
				text-decoration: none;
				padding: 10px 0 0 12px;
				font-weight: bold;
				background: url(../images/icon.jpg) no-repeat right;
			}
			#boutons a.contacts{
				width: 90px;
				height: 22px;
				font-size: 14px;
				display: block;
				color: #99ff00;
				text-decoration: none;
				margin: 0 0 0 0;
				padding: 10px 0 0 0;
				font-weight: bold;
			}
	#main{
		width: 750px;
		height: 483px;
		background: url(../images/main.jpg) white;
		float: right;
	}
	#main_realisations, #main_devis{
		width: 750px;
		background: url(../images/main.jpg) white;
		float: right;
	}
	#right{
		width: 750px;
		background: url(../images/main.jpg) white;
		float: right;
	}
		#contenu{
			width: 690px;
			padding: 30px;
		}
			#contenu_gauche{
				width:420px;
				float: left;
			}
				#slogan{
					font-style: italic;
					font-family: Georgia,"Times New Roman",serif;
					font-size: 14px;
					margin: 10px 0 10px 0;
				}
				#slogan_1{
					font-style: italic;
					font-family: Georgia,"Times New Roman",serif;
					font-weight: bold;
					font-size: 17px;
					margin: 0 0 10px 0;
					color: #0198cd;
				}
				#slogan_2{
					font-style: italic;
					font-family: Georgia,"Times New Roman",serif;
					font-weight: bold;
					font-size: 14px;
					color: #ff6600;
					text-align: center;
				}
			#contenu_droite{
				width: 230px;
				float: right;
				padding: 0 0 0 20px;
				border-left: 1px dashed #000000;
			}
				#bloc_flottant{
					width: 230px;
					height: 200px;
					position: fixed;
				}
				.ref_accueil{
					margin: 0 0 20px 0;
					text-align: center;
				}
					.ref_accueil a{
						color: #0099cc;
						text-decoration: none;
						font-weight: bold;
					}
					.ref_accueil a:hover{
						text-decoration: underline;
					}
		#menuH{
			width: 735px;
			height: 50px;
			background: url(../images/top-main.jpg);	
			padding: 0 0 0 15px;
		}
			#menuH a{
				display: block;
				float: left;
				height: 41px;
				width: 80px;
				text-align: center;
				color: white;
				font-weight: bold;
				text-decoration: none;
				padding: 5px 5px 0 5px;
				margin: 0 4px 0 4px;
				font-size: 12px;
			}
			#menuH a:hover, #menuH a#active{
				background: url(../images/lien.jpg);
			}
			#text-accueil{
				width: 440px;
				height: 160px;
				color: #0099cc;
				text-align: left;
				font-size: 11px;
				float: right;
				margin: 80px 40px 0 0;
				display: inline;
			}
				#text-accueil ol{
					margin: 15px 0 0 0;
					padding: 0 0 0 25px;
					color: #ff6600;
					}
					#text-accueil li{
						margin: 0 0 1px 0;
						padding: 0;
						}
				 a.suite{
					float: right;
					color: #ff6600;
					text-decoration: none;
				}
		#main_text{
			width: 418px;
			float: left;
			margin: 10px 0 0 0;
			padding: 0 0 0 33px;
			text-align: left;
		}
			#main_text ul li{
					margin: 0 0 5px 0;
				}
		#main_text_rea{
			width: 690px;
			float: left;
			margin: 10px 0 0 30px;
			text-align: left;
			display: inline;
		}
			.reference{
				width:420px;
				height: 107px;
				margin: 0 0 20px 0;
			}
				.ref_image{
					float: left;
					width: 150px;
					height: 107px;
					margin: 0 10px 0 0;
				}
				.ref_texte{
					float: right;
					width: 260px;
				}
					.ref_texte a{
						display: block;
						margin: 3px 0 3px 0;
						text-decoration: none;
						color: #0099cc;
					}
					.ref_texte h2{
						font-size: 13px;
						margin : 0;
					}
					.ref_texte h3{
						font-size: 11px;
						margin : 0 0 4px 0;
					}
					.ref_texte h4{
						font-size: 12px;
						margin : 0 0 2px 0;
					}

				
		#tete{
			width: 299px;
			height: 331px;
			margin: 27px 0 0 0;
			float: right;
			background: url(../images/tete.jpg);
		}
		#bot-main{
			width: 750px;
			height: 31px;
			clear: right;
			float: right;
			background: url(../images/bot-main.jpg);
		}
		#bot_right{
			width: 750px;
			height: 31px;
			float: right;
			text-align: center;
			color: #ffffff;
			line-height: 2.2;
			background: url(../images/bot-main.jpg);
		}
			#bot_right a{
				color: #ffffff;
				text-decoration: none;
			}
			#bot_right a:hover{
				text-decoration: underline;
			}
	#bottom{
		width: 990px;
		height: 20px;
		text-align: center;
		color: #ffffff;
		clear:both;
		}
		#bottom a{
			color: #ffffff;
			text-decoration: none;
		}
		#bottom a:hover{
			text-decoration: underline;
		}