body {
margin:0;
padding:0;
color:#794C3D;
font: 13px Verdana, sans-serif; 
background-color:#E7F9FE;/*DEDBDB;*/
text-align:center; /*permet de centrer le site ie5*/
scrollbar-face-color:#ffffff; 
scrollbar-shadow-color:#d4d4d4; 
scrollbar-highlight-color:#d4d4d4; 
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff; 
scrollbar-track-color:#efe833; 
scrollbar-arrow-color:#ff6600

}
#page
{
width:820px;
background-color:#ffffff;
margin:0 auto;/*permet de centrer le site*/
height:auto;
border: 0px solid #E7F9FE;
background-image:  url(images/fond_page.gif);
}
#haut
{
	padding: 0px;
	margin-left:10px;
	margin-right:10px;
	width:800px;
	background-color:#efe833;
	border: 0px solid #ffcc00;
}
#bandeau01 {
	margin-left: 00px;
	margin-right: 0px;
	width: 300px;
	height: 120px;
	padding: 0px;
	color: #990033;
	border: 0px solid #993300;
	background-image:  url(images/bandeau_pt-r.gif);
	background-repeat:no-repeat;
	background-position:top center;
	float:left;	
}
#bandeau01 h1 {
	font: 12px Verdana, sans-serif; 
	color: #ad0101;
	text-align:center;
	font-weight: bold;
	margin-top:05px;
	line-height:20px;
}
#menu01 {
	margin: 0px;
	width: 500px;
	height: 100px;
	padding: 0px;
	color: #990033;
	text-align:left;
	border: 0px solid #993300;
	float:left;
}
#menu01 h1 {
	font: 12px Verdana, sans-serif; 
	color: #ad0101;
	text-align:center;
	font-weight: bold;
	padding-top:5px;
}
#barre01 {
	float:left;
	margin:5px 15px 0 20px;
	width: 121px;
	height: 100px;
	padding: 0px;
	border: 0px solid #993300;

}
#barre02 {
	float:left;
	margin:5px 15px 0 15px;
	width: 121px;
	height: 100px;
	padding: 0px;
	border: 0px solid #993300;
}
#barre03 {
	float:left;
	margin:5px 10px 0 15px;
	width:122px;
	height: 100px;
	padding: 0px;
	border: 0px solid #993300;
}

#menu02 {
clear:both;
	margin-left: 0px;
	margin: 0px;
	width: 800px;
	height: 45px;
	color: #990033;
	text-align:left;
	border: 0px solid #993300;
	background-image:  url(images/menu2bas_05.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	/*line-height:100px;*/
}
#menu02 a {
	margin: 0 ;
	padding:3px;
	color: #3366ff;
	border: 0px solid #3366ff;
	font: 12px Verdana, sans-serif; 
	text-decoration: none;
	font-weight: bold;
}
#menu02 a:hover {
	margin: 0 ;
	padding:3px;
	color: #ffffff;
	border: 0px solid #993300;
	font: 12px Verdana, sans-serif; 
	text-decoration: none;
	font-weight: bold;
	background: #3366ff;
}
#menu02 img {
	padding:0px ;
	margin:0px;
	border: 0px solid #993300;
	float:left;
}
#contenu
{
	margin-left: 10px;
	margin-right:10px;
	padding:0px;
	width: 800px;
	height:auto;
	border: 0px solid #efe833;
	background-color:#ffffff;
	color: #3366ff;/*#ff6600;*/
}
#contenu h1 {
	display:inline;
	padding:0px;
	color: #ff6600;
	text-align:left;
	font: 18px Verdana, sans-serif; 
	font-weight: bold;
	line-height:35px;
}
#contenu h2 {/*legende page materiel*/
	display:block;
	margin-left: 30px;
	margin-right: 30px;
	padding:5px;
	color: #ff6600;
	text-align:left;
	font: 12px Verdana, sans-serif; 
	border: 1px solid #ccc;
}
#contenu h3 {/*exemple de menu*/
	display:block;
	margin-left: 30px;
	margin-right: 20px;
	padding:5px;
	color: #ff6600;
	text-align:center;
	font: 12px Verdana, sans-serif; 
	border: 2px solid #f8f8f8;
	line-height:25px;
	width:300px;
	float:left;
}
#contenu h4 {/*conseils menu*/
	display:block;
	margin-left: 30px;
	margin-right: 30px;
	padding:5px;
	color: #3366ff;
	text-align:left;
	font: 12px Verdana, sans-serif; 
	border-bottom: 0px solid #3366ff;
	line-height:20px;
	width:600px;
	clear:both;
}
#bas0 {
	clear : both;
	margin-left: 10px;
	margin-right:10px;
	margin-top:10px;
	padding:0px;
	width: 800px;
	height:auto;
	border-top: 1px solid #efe833;
	border-bottom: 1px solid #efe833;
	border-right: 0px solid #efe833;
	border-left: 0px solid #efe833;
	background-color:#efe833;
}
#bas0 h1 {
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	color: #ff6600;
	text-align:center;
	font: 12px Verdana, sans-serif; 
	font-weight: bold;
}
#bas0 a {
	margin: 0px ;
	padding:0px;
	color: #ff6600;
	border: 0px solid #3366ff;
	font: 10px Arial, sans-serif; 
	text-decoration: none;
	text-align:center;
}
#bas0 a:hover {
	margin: 0px ;
	padding:0px;
	color: #ff6600;
	border: 0px solid #993300;
	font: 10px Arial, sans-serif; 
	text-decoration: underline;
	text-align:center;
}
#pied0 {
	margin: 0px;
	padding:0px;
	width: 820px;
	height:auto;
	border-top: 0px solid #efe833;
	border-bottom: 1px solid #e7f9fe;
	border-right: 0px solid #efe833;
	border-left: 0px solid #efe833;
	background-color:transparent;/*#efe833;*/
	background-image:  url(images/bas.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}

/*page specialites*/
#vignette{
	margin-left: 7px;/*7*/
	padding:0px;
	width: 770px;/*770*/
	height:131px;
	border:0px solid #efe833;}
	#vignette img{
	margin-left: 3px;
	padding:2px;
	width: 100px;
	height:100px;
	border:1px solid #efe833;
	float:left;
	}
	#vignette h1{
	display:inline;
	margin-left: 5px;
	padding:2px;
	width: 150px;
	height:150px;
	border:1px solid #efe833;
	float:left;
	}
		#vignette p{
	margin-left: 10px;
	padding:10px;
	}

			#vignette a{
	margin: 0px;
	padding:0px;
	color: #3366ff;
	border: 0px solid #3366ff;
	font: 14px Verdana, sans-serif; 
	text-decoration: none;
	font-weight: bold;
}
#vignette a:hover {
	margin: 0px;
	padding:0px;
	color: #ff6600;
	border: 0px solid #993300;
	font: 14px Verdana, sans-serif; 
	text-decoration: none;
	font-weight: bold;
}
	#phplat{
	margin-left: 20px;
	margin-top: 10px;
	padding:0px;
	width: 380px;
	height:auto;
	border: 1px solid #ccc;
	float:left;
	}
	
	#phplat img{
	margin: 0px;
	padding:0px;
	border:0px solid #efe833;
	float:right;
	}
#desplat{
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 10px;
	padding:9px;
	width: 300px;
	height:258px;
	border: 0px solid #efe833;
	float:left;
	text-align:justify;
	color:#ff6600;
	}
#txtqualite{
	margin-left: 40px;
	margin-right: 0px;
	margin-top: 10px;
	padding-top:9px;
	width: 370px;
	height:150px;
	border: 0px solid #efe833;
	float:left;
	text-align:right;
	}

#phing{
	margin-left: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	padding:0px;
	width: 280px;
	height:150px;
	border: 0px solid #efe833;
	float:left;
	}
#phing img{
	margin: 0px;
	padding:10px;
	border:1px solid #efe833;
	float:left;
	}

	/*fin page specialites*/
	/*page composer menu*/
	#menu {
	float:left;
	margin-left: 10px;
	margin-top: 10px;
	padding:10px;
	width: 340px;
	height:340px;
	border: 10px solid #efe833;
	color:#ff6600;
	text-align:left;
	overflow:auto;
	}
	#menu a {
	margin-left: 170px ;
	padding:3px;
	color: #3366ff;
	border: 0px solid #3366ff;
	font: 12px Arial, sans-serif; 
	text-decoration: none;
	font-weight: bold;
	text-align:right;
}
#menu a:hover {
	margin-left: 170px ;
	padding:3px;
	color: #ffffff;
	border: 0px solid #993300;
	font: 12px Arial, sans-serif; 
	text-decoration: none;
	font-weight: bold;
	background: #3366ff;
	text-align:right;
}
		#menu img{
	border: 0px solid #993300;
	float:right;
	}
	#menu h1{
	display:inline;
	font: 18px Verdana, sans-serif; 
	font-weight: bold;
	margin-left: 3px;
	line-height:20px;
	padding:2px;
	border:0px solid #dc691d;
	}
		#menu li{
	line-height:20px;
	}
	#vignette-menu{
	margin-left: 7px;
	padding:0px;
	width: 770px;
	height:210px;
	border:0px solid #efe833;
	}
	#vignette-menu img{
	margin-left: 3px;
	padding:2px;
	height:200px;
	border:1px solid #efe833;
	float:left;
	}
	
	/*fin page menu*/
	/*page CE*/
	#vignette-CE{
	padding: 0px;
	margin-left:10px;
	margin-right:10px;
	width:800px;
	height:210px;
	border:0px solid #efe833;
	}
	#vignette-CE img{
	margin-left: 0px;
	padding:0px;
	height:200px;
	border:1px solid #efe833;
	float:left;
	}
	#phCE{
	margin-left: 10px;
	margin-top: 10px;
	padding:0px;
	width: auto;
	height:auto;
	border: 0px solid #ccc;
	float:left;
	background-color:#ffffff;
	}

	#desCE{
	clear:both;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	padding:0px;
	width: 750px;
	height:auto;
	border: 0px solid #efe833;
	text-align:center;
	color:#ff6600;
	background-color:#ffffff;
	}

		#desCE img{
	margin: 0px;
	padding:2px;
	border:1px solid #efe833;
	}
	#desCE li{
	font: 13px Verdana, sans-serif; 
	font-weight: bold;
	line-height:20px;
	text-align:left;
	margin-left:150px;
	}
	#desCE a{
	color:#3366ff;
	text-decoration: none;
	}
		#desCE a:hover{
	margin: 0 ;
	padding:0px;
	color: #ffffff;
	border: 0px solid #993300;
	text-decoration: none;
	background: #3366ff;
	}
		/*fin page ce*/
	/*page particuliers*/
	#despart{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	padding:9px;
	width: 300px;
	height:auto;
	border: 0px solid #efe833;
	float:left;
	text-align:center;
	color:#ff6600;
	}
	#despart li{
	font: 13px Verdana, sans-serif; 
	font-weight: bold;
	line-height:20px;
	}
#phpart{
	margin-left: 20px;
	margin-top: 30px;
	padding:0px;
	width: auto;
	height:auto;
	border: 1px solid #ccc;
	float:left;
	}
	#phpart img{
	margin: 0px;
	padding:0px;
	border:0px solid #efe833;
	float:left;
	}
	#phpart h1{
	display:inline;
	margin: 0px;
	padding:5px;
	border:1px solid #efe833;
	float:left;
	font: 12px Verdana, sans-serif; 
	}
	
/*fin page particuliers*/
	/*page ENTREPRIE*/
	#vignette-ENT{
	padding: 0px;
	margin-left:10px;
	margin-right:10px;
	width:800px;
	height:287px;
	border:0px solid #efe833;
	}
	#vignette-ENT img{
	margin-left: 0px;
	padding:0px;
	border:1px solid #efe833;
	float:left;
	}
	/*pagełateriel*/
	#desMA{
	clear:both;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	padding:0px;
	width: 750px;
	height:auto;
	border: 0px solid #efe833;
	text-align:center;
	color:#ff6600;
	background-color:#ffffff;
	}

		#desMA img{
		float:left;
	margin: 0px;
	padding:2px;
	border:0px solid #efe833;
	}
			#desMA p{
	margin: 10px;
	padding:5px;
	border:0px solid #efe833;
	float:left;
	font: 12px Verdana, sans-serif; 
	text-align:justify;
	}
	#desMA h1{
	margin-left: 7px;
	padding:15px;
	border:1px solid #efe833;
	float:left;
	font: 12px Verdana, sans-serif;
	width:580px; 
	line-height:20px;
	text-align:center;
	}
	#desMA a{
	color:#3366ff;
	text-decoration: none;
	font-weight: bold;
	line-height:30px;
	padding:5px;
	}
		#desMA a:hover{
	margin: 0px ;
	padding:5px;
	color: #ffffff;
	border: 0px solid #993300;
	text-decoration: none;
	background: #3366ff;
	font-weight: bold;
	line-height:30px;
	}
	#desMA h3{
	margin: 0px;
	padding:5px;
	border:0px solid #efe833;
	float:left;
	width:750px; 
	text-align:center;
	font: 18px Verdana, sans-serif; 
	font-weight: bold;
	line-height:35px;
	}
	/*page contact*/
	#phcon{
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 10px;
	padding:9px;
	width: 300px;
	height:258px;
	border: 0px solid #efe833;
	float:right;
	text-align:justify;
	color:#ff6600;
	}
	#phcon img{
	padding:5px;
	border:1px solid #efe833;
	}
	/*trade mark*/
	.un {
	vertical-align: super;
}