body
{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	color:#FFFFFF;	
	background:url(images/bg_body.jpg) repeat-x left 0  #FFFFFF;
}

*  {
	margin: 0 ;
}
h2, h3 , h4 , h5  {
	
	display:block;
	margin: 0 ;
	padding:0;	
}
p {
	padding:3px 0 5px 0 ;
	text-align:justify;
}
ul,li  {
	margin: 0 ;
	padding:0;
	list-style:none;
	text-decoration:none;
}
a
{
	text-decoration:none;
	outline:none;
	cursor:pointer;						
}
a:hover
{
	text-decoration:none;
	outline:none;	
}
.clr
{
	clear:both;
	font-size:0;
}
.clrleft
{
	clear:left;
	padding: 10px 0 0 0;
}
/********************************************************************************/
#page
{
	margin:0 auto;
	width:955px;	
}
.bg_acc
{
	background:url(images/bg_body.jpg) repeat-x left top #6F6F76;
	
}
.pg_acc
{
	background:#6F6F76;
	padding:0 0 21px 0;
}
.tdgauche
{
	background:url(images/bg_gauche.jpg) repeat-x left top #6F6F76;	
}
.tddroite
{
	background:url(images/bg_droite.jpg) repeat-x left top #0569A7;	
}

#header_acc
{
	float:left;
	height:183px;
	width:955px;
	padding:0 0 0 0;
	background:url(images/header_acc.jpg) no-repeat left top;
	position:relative;	
}

#header_acc .logo_acc
{
	position:absolute;
	top: 51px;
	left: 339px;
}
#menu_top
{
	float:left;
	padding:0 0 0 18px;
	color:#FFFFFF;
	position:relative;
	top:-2px;
}
#menu_top li {
	display:inline;
	font-weight:normal;	
}
#menu_top a{
	padding:0 2px;
	font-size:10px;	
	color:#FFFFFF;

}
#menu_top a:hover{
	color:#6D6D74;
}
/******************************Menu*******************************************/
#menu_acc
{	
	float:left;	
	padding:10px 0 27px 163px;
	color:#FFFFFF;
	width:242px;
	clear:left;	
}

#menu_acc li
{
				
}
#menu_acc li a
{				
	display:block;		
	height:19px;	
}	
#menu_acc #acc a
{
	background:url(images/acc_normal.jpg) no-repeat left 0;
	width:123px;	
	margin:0 0 0 0;
	
}
#menu_acc #acc a:hover,#menu_acc #acc .active
{
	background:url(images/acc_hover.jpg) no-repeat left top;
}
#menu_acc #savoir a
{
	background:url(images/savoir_normal.jpg) no-repeat left top;
	width:108px;
	margin:10px 0 0 35px;		
}
#menu_acc #savoir a:hover,#menu_acc #savoir .active
{
	background:url(images/savoir_hover.jpg) no-repeat left top;	
}
#menu_acc #activite a
{
	background:url(images/activite_normal.jpg) no-repeat left top;
	width:128px;	
	margin:12px 0 0 35px;	

}
#menu_acc #activite a:hover,#menu_acc #activite .active
{
	background:url(images/activite_hover.jpg) no-repeat left top;
}
#menu_acc #contact a
{
	background:url(images/contact_normal.jpg) no-repeat left top;
	width:87px;	
	margin:12px 0 0 96px;	
}
#menu_acc #contact a:hover,#menu_acc #contact .active
{
	background:url(images/contact_hover.jpg) no-repeat left top;
}


/******************************************Content**************************************************/
#content
{
	width:100%;
	padding:0;
	margin: 0 auto;
	background-image: url(images/px.jpg);
	background-repeat: repeat-x;
	background-color: #1274b5;
	border-bottom: 4px solid #FFFFFF;
	
}
#s_content
{
	width:915px;
	background:url(images/bg_cont.jpg) no-repeat 0 0 #1274B5;
	margin: 0 auto;
}
#bloc1
{
	float:left;
	width:270px;
	padding:113px 0 0 0;	
}
.bulle
{
	float:right;
	text-align:center;
	color:#0E4366;
	font-size:16px;
	padding:16px 0 20px 0;
	background:url(images/bulle.gif) no-repeat left top;
	width:252px;
	font-style:italic;			      
}
#bloc1 .img
{
	float:right;
	margin-right:5px;
	
}
#bloc2
{
	float:left;
	width:368px;
	padding:0 0 0 35px;	
}
#bloc2 h3
{
	background:url(images/flesh.gif) no-repeat left top;
	padding:0 0 12px 51px;
	color:#F7D100;
	font-size:16px;	
}
#bloc2 h3 span
{
	color:#FFFFFF;	
	font-size:12px;
	font-style:italic;
}
.benne
{
	float:left;
	width:364px;
	text-align:center;
	font-size:14px;
	background:url(images/benne.gif) no-repeat left top;
	padding:12px 0 17px 0;
	line-height:24px;
}
.benne .blanc
{
	font-size:18px;
}
.benne .jaune
{
	font-size:18px;
	color:#F7D100;
}
#bloc3
{
	width:240px;
	float:right;
	padding:26px 0 0 0;
	
}
#bloc3 img
{	
	float:right;
}
/*********************************Navigation************************************************/
.bg_nav
{
	background:url(images/bg_body_nav2.jpg) repeat-x left top #FFFFFF;
}
#bloc_left
{
	float:left;
	width:276px;
	background:url(images/lumier.gif) no-repeat right 357px;
}
.logo_nav
{
	float:left;
	margin:13px 0 0 24px;
}
.pg_nav
{
	background:url(images/pixel_droite.jpg) repeat-y right top #6F6F76;
}
#global
{
	
	background:url(images/header_nav2.jpg) no-repeat left top ;
	float:left;
	width:955px;
}
.camion
{
	float:right;
	padding:56px 10px 46px 0;
}
#bloc_droite
{
	float:left;
	width:679px;
	background:url(images/bg_bleu.jpg) no-repeat left 0;
	margin-top:169px;			
}
#bloc_droite h3
{
	background:url(images/flesh.gif) no-repeat left top;
	padding:0 0 12px 51px;
	color:#F7D100;
	font-size:16px;	
}
#bloc_droite h3 span
{
	color:#FFFFFF;	
	font-size:12px;
	font-style:italic;
}
#bloc_droite h4
{	
	padding:2px 0 12px 25px;
	color:#FFFFFF;
	font-size:14px;
	background:url(images/oval.gif) no-repeat 0px 0;	
}

#bloc_droite .flesh2
{
	background:url(images/flesh3.gif) no-repeat left top;
}
.haut_droite
{
	float:left;
	width:0;
	height:505px;
}
/******************************Menu_navigation*******************************************/
#menu_nav
{	
	float:right;	
	padding:18px 19px 0 100px;
	color:#FFFFFF;
	width:128px;
	background:url(images/effet.gif) no-repeat left 0;
}
#menu_nav li a
{				
	display:block;		
	height:19px;
	width:128px;
}	
#menu_nav #acc a
{
	background:url(images/acc_normal.gif) no-repeat right top;	
	margin:0 0 0 0;	
}
#menu_nav #acc a:hover,#menu_nav #acc .active
{
	background:url(images/acc_hover.gif) no-repeat right top;
}
#menu_nav #savoir a
{
	background:url(images/savoir_normal.gif) no-repeat right top;	
	margin:10px 0 0 0;		
}
#menu_nav #savoir a:hover,#menu_nav #savoir .active
{
	background:url(images/savoir_hover.gif) no-repeat right top;	
}
#menu_nav #activite a
{
	background:url(images/activite_normal.gif) no-repeat right top;	
	margin:12px 0 0 0;	

}
#menu_nav #activite a:hover,#menu_nav #activite .active
{
	background:url(images/activite_hover.gif) no-repeat right top;
}
#menu_nav #contact a
{
	background:url(images/contact_normal.gif) no-repeat right top;	
	margin:12px 0 0 0;	
}
#menu_nav #contact a:hover,#menu_nav #contact .active
{
	background:url(images/contact_hover.gif) no-repeat right top;
}
/********************************Savoir**********************************************/
#bloc1_savoir
{
	float:left;
	width:626px;
	padding:30px 0 0 33px;
}
#bloc1_savoir p
{
	padding-left:46px;
	line-height:20px;
}
#bloc1_savoir .man
{
	float:right;
	margin:0 0 0 65px;
}
#bloc2_savoir
{
	float:left;
	width:604px;
	padding:0 0 0 56px;	
}
#bloc2_savoir h3
{
	background:url(images/flesh2.gif) no-repeat 196px top;
	padding:0 0 8px 242px;
}
#bloc2_savoir .dechet
{
	float:left;
	padding:25px 20px 0 0;
	
}
#bloc2_savoir .filet
{
	text-align:center;
	padding:15px 0 30px 0;	
}
#bloc2_savoir .filet img
{	
	padding:0;	
}
#cadre
{
	width:406px;
	float:left;
	background:url(images/bg_cadre.gif) no-repeat left top;
	padding:14px 0 0 0;
}
#cadre .txt
{
	
	padding:0 0 0 0;		
	background:url(images/pixel_cadre.jpg) repeat-y left 0;	
}
#cadre img
{
	float:left;
	padding:0;
}
.puce_blanc
{
	background:url(images/puce_blanc.gif) no-repeat 25px 4px;
	margin:4px 0 0 0;
	padding:0 14px 0 43px;
}
/********************************Activiter**********************************************/
#bloc1_activiter
{
	float:left;
	width:626px;
	padding:30px 0 0 33px;
}
#bloc1_activiter .man
{
	float:right;
	margin:0 0 0 65px;
}
#bloc2_activiter
{
	float:left;
	width:626px;
	padding:0 0 10px 33px;	
}
#bloc2_activiter h3
{
	background:url(images/flesh2.gif) no-repeat 196px top;
	padding:0 0 12px 242px;
}
#bloc2_activiter h4
{	
	padding:2px 0 12px 225px;
	background:url(images/oval.gif) no-repeat 196px top;	
}
#bloc2_activiter .dechet
{
	float:left;
	margin: 0px 20px 0 0;
}
#bloc2_activiter .filet
{
	text-align:center;
	padding:0;
	
}
#bloc2_activiter .filet .img
{	
	padding:0;
	float:left;
}
#cadre_bleu
{
	float:right;
	width:147px;	
	margin:0;
}
#cadre_bleu .txt
{
	background:url(images/top_cadre.jpg) no-repeat left top #7398B3;
	padding:14px 0 0 0;
	
}
.puce_bleu
{
	background:url(images/puce_bleu.gif) no-repeat 5px 4px;
	margin:4px 0 0 0;
	padding:0 8px 5px 20px;
	text-align:left;
	color:#004152;
}
/********************************Contact**********************************************/
.pg_cont
{
	background:url(images/header_contact.jpg) no-repeat left top #6E6E75;
}
#bloc1_contact
{
	float:left;
	width:213px;
	padding:38px 0 0 53px;
}
.map
{
	float:left;
	cursor:pointer;	
}
.plan
{
	float:left;	
	color:#020202;
	font-size:16px;
	background:url(images/plan.jpg) no-repeat 0 top;
	padding:12px 10px 15px 0;
	text-align:right;
	width:203px;
}
#coord
{
	float:left;
	background:url(images/cord.jpg) no-repeat left top;
	margin:15px 0 0 0;
	padding:30px 0 0 75px;
	width:138px;
	color:#000000;
}
#coord .tel
{
	padding:0 0 27px 0;
}
#coord .fax
{
	padding:0 0 34px 0;
}
#coord span
{
	font-size:15px;	
}
#bloc2_contact
{
	float:left;
	padding:33px 0 0 65px;
	width:292px;	
}
#bloc2_contact h3
{
	background:url(images/flesh.gif) no-repeat left top;
	padding:0 0 12px 48px;
	color:#F7D100;
	font-size:16px;	
}
#bloc2_contact h3 span
{
	color:#FFFFFF;	
	font-size:12px;
	font-style:italic;
}

#formulaire
{
	float:right;
	width:286px;
	padding:42px 0 0 0;
	border-top:1px solid #FFFFFF;
	margin-top:20px;		
} 
#formulaire p{
	width:286px;
	float:left;	
	padding:6px 0 6px 0;	
}
#formulaire span{
	float:left;	
	padding-top:1px;
	font-weight:bold;
	font-size:11px;
}
#formulaire .question{
	padding:1px 0 0 0;
} 
#formulaire input{
	float:right;	
	width:208px;
	height:15px;
	border:1px solid #000000;	
}
#formulaire textarea{
	float:right;	
	width:208px;
	height:103px;	
	border:1px solid #000000;		
}
#formulaire .bout{
	width:144px;
	height:19px;
	border:none;
	float:right;
	background:none;
	
}
#formulaire em{
	color:#FFFFFF;		
}
#formulaire .rouge{
	color:#F7D100;	
	font-weight:bold;
	float:left;	
}



/***********************************Mention**********************************/
.contenuMention{
	float:left;
	width:624px;
	background:url(images/bg_bleu.jpg) no-repeat left 0;
	margin-top:169px;	
	padding:30px 0 0 55px;
}
.haut_mention
{
	float:left;
	width:0;
	height:495px;
}
.contenuMention p{
	 padding:4px 20px 4px 0;
	 line-height:17px;		
	
}
.contenuMention h3
{
	background:url(images/flesh3.gif) no-repeat left top;
	padding:0 0 12px 48px;
	color:#F7D100;
	font-size:16px;	
}
.contenuMention .fonce
{
	color:#FFFFFF;
	font-style:italic;
	font-size:14px;
	font-weight:bold;
}
#mentions .active
{	
	color:#FFFFFF;
}



/*********************************Footer************************************************/
#big_foot
{	
	width:100%;
	background-color:#FFFFFF;
	margin-top:20px;
}
#footer{	
	width:955px;
	margin:0 auto;			
	color:#6D6D74;
	padding:0 0 15px 0;	
	text-align:center;
	clear:both;
	background:url(images/bg_footer.jpg) no-repeat left top;
	
}
#footer p{
	text-align:center;
	padding:0 0 16px 0;
	font-weight:bold;
	
}
#navigation{		
	color:#6D6D74;
	padding:0 0 0 0;	
	background:url(images/bg_fooetr.gif) no-repeat center top;
}
#navigation li {
	display:inline;
	font-weight:normal;	
}
#navigation a{
	padding:0 5px 0 5px;
	font-size:11px;	
	color:#6D6D74;
}
#navigation a:hover{
	color:#1C719F;
}
#toptech {	
	text-align:center;
	padding:15px 0 0 0;		
}
#toptech a{
	color:#000000;
	font-size:8px;
	outline:none;
}
#toptech a:hover{
	color:#1C719F;	
}
object{
	position:relative;
	top:6px;
	left:0px;
}