/* generated by csscreator.com */ 
* { padding: 0; margin: 0; }
a img {border: none; color:#009900}
a {color:#009900; text-decoration:none}
a:hover {color:#000}
ul {list-style: none;margin: 0;padding: 0;}

html, body{ 
 margin:0; 
 padding:0; 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px; color: #333;
 background: #fff url(../img/bg-page.gif) repeat-x 0 0;
}
label { display: block; padding: 0; margin: 5px 0 5px 0; color:#009900 }


/* TYPOS */
h1{ font-size: 35px;color: #333; font-weight: lighter; margin:0 0 6px 0}
h2{ font-size: 17px;color: #009900; font-weight: bolder; margin:0 0 6px 0}
h3{ font-size: 14px;color: #009900; font-weight: bolder; margin:0 0 6px 0}
h4{ font-size: 11px;color: #666; font-weight: normal; margin:0}
h5{ font-size: 10px;color: #333; font-weight: normal}

span.vert {color: #3cac35;}

hr.clear {
	height: 0px;clear:both;visibility: hidden;
	}

/* MENU */



/* PAGE */


#top{ 
width:950px; 
margin-left:auto; 
margin-right:auto; 
} 
#milieu{ 
width:950px; 
position:relative;
margin-left:auto; 
margin-right:auto; 
} 
#fin{
background-color:#CCCCCC;
height:150px;
position:relative;
background: #EAEAEB url(../img/bg-footer3.gif) repeat-x 0 0; 
} 
	#footer{ 
	width:950px;
	margin-left:auto; 
	margin-right:auto; 
	height:150px;
	background: url(../img/bg-footer2.gif) no-repeat 0 0; 
	} 


/* HEADER */
 
#header{
position:relative; 
 height:26px; 
 text-align:right;
 background: url(../img/bg-header-top.jpg) no-repeat 0 0; 
 width:950px;
} 
	#header h5{ padding-top:10px;}
	
	
/* NAVIGUE */
	
#navigue{
 position:relative; 
 height:68px; 
 width:950px;
} 
	#logo{float:left;}
	#menu{
	margin: 0; padding: 0; height: 68px;
	}
	
		#menu li{
		display: inline;
		}
		
		#menu .accueil, #menu .combustibles, #menu .beton, #menu .vidange, #menu .materiaux, #menu .societe, #menu .contact {
		float: left;
		font-size: 12px;color: #fff;
		padding:0 10px 0 20px;
		line-height:68px;
		margin:0;
		text-decoration: none;
		background: url(../img/menu-off.jpg) top left no-repeat;
		}
		
		
		#menu li a:hover{
		background-image: url(../img/menu-over.jpg);
		}
		
	
		body#accueil .accueil, body#combustibles .combustibles, body#beton .beton, body#vidange .vidange, body#materiaux .materiaux, body#societe .societe, body#contact .contact, {
		float: left;
		font-size: 12px;color: #009900;
		padding:0 10px 0 20px; 
		line-height:68px;
		margin:0;
		background: url(../img/menu-on.jpg) top left no-repeat;
		}
		
		
		/*- Menu 1--------------------------- */
	
		.sous-menu {
			margin: 0;
			}
			
		.sous-menu li a {
			width: 170px;
			height: 19px;
			margin: 0 0 2px 0;
			text-decoration: none;
			}	
			
		.sous-menu li a:link, .sous-menu li a:visited {
			color: #fff;
			display: block;
			background: url(../img/sous-menu-off.jpg) top left no-repeat;;
			padding:2px 0 0 20px;
			}
			
		.sous-menu li a:hover {
			color: #FFF;
			background: url(../img/sous-menu-over.jpg) top left no-repeat;;
			padding:2px 0 0 20px;
			}	 
			
		
		a.bouton {
			display: block;
			margin:8px 0 15px 0;
			width: 170px;height:19px;
			font-size: 12px;color: #fff;
			padding:2px 0 0 21px;
			text-decoration: none;
			background: url(../img/bt.gif) top left no-repeat;}
			
			a.bouton:hover {
			color: #000;}
	
/* COLONNE GAUCHE */	
#colonne-gauche{
 width:229px; 
 float:left;
 padding: 150px 0 0 0;
 background: url(../img/bg-left.jpg) no-repeat 0 0;
 }
 
 .colonne { 
 width:180px;
	}
		 .colonne p { 
		 margin-top:10px;
		 }
	
 .colonne-rss { 
	 	 width:180px;
	 	 }
		 .colonne-rss a { 
		 display:block; margin-top:5px; padding-top:5px; border-top-style: solid; border-top-width: 1px; border-color:#CCCCCC;
		 }
 
/* COLONNE DROITE */	
#colonne-droite{
 width:721px; 
 margin-left:229px;
 padding: 250px 0 0 0;
 }
	 #contenu{ 
		margin: 0 0 0 25px; padding: 0px;
		}
	 .page-accueil{
	 background: url(../img/visuel-accueil.jpg) no-repeat 0 0;
	 }
	 .page-combustibles{
	 background: url(../img/visuel-combustibles.jpg) no-repeat 0 0;
	 }
	 .page-beton{
	 background: url(../img/visuel-beton.jpg) no-repeat 0 0;
	 }
	 .page-vidange{
	 background: url(../img/visuel-vidange.jpg) no-repeat 0 0;
	 }
	 .page-materiaux{
	 background: url(../img/visuel-materiaux.jpg) no-repeat 0 0;
	 }
	 .page-societe{
	 background: url(../img/visuel-accueil.jpg) no-repeat 0 0;
	 }

/* MISE EN PAGE */		 
	
	.mise-en-page h2 { 
	font-size: 17px;color: #009900;margin:0 0 6px 0;
	}
	.mise-en-page h2.degrade { 
	font-size: 17px;color: #009900;margin:0 0 6px 0; display:block; background: url(../img/degrade.jpg) repeat-x 0 0; padding:8px 0 0 10px;}
	}
	.mise-en-page p { 
	margin:0 0 15px 0;
	}
	.mise-en-page sup { 
	line-height:80%;
	}
	.mise-en-page br { 
	visibility: hidden;clear:left;
	}
	.mise-en-page hr {
	background-color: #CCCCCC;height: 1px;border:0; color:#CCCCCC; margin:5px 0 15px 0; clear:both;
	}
	.mise-en-page ul { 
	  margin-left:15px;
	  }
		.mise-en-page li { 
		  display: list-item;list-style-image: url(../img/puce.gif);
		  }

		 
	/* 2 colonnes - 450px et 190px */
	.mise-en-page .grande-colonne {
	width:450px; float:left; margin:0 20px 10px 0;
	}
	.mise-en-page .grande-colonne p {
	margin-bottom:15px;
	}
	.mise-en-page .petite-colonne {
	width:212px; float:left; margin:0 0 10px 0;border-left:#ccc 1px solid; padding-left:10px;
	}
		.grande-colonne img, .petite-colonne img {
		float:left; margin:0px 10px 10px 0;border-right:#ccc 3px solid;
		}
		.grande-colonne ul, .petite-colonne ul {
		display:block;position:relative;left:10px; margin:0 0 15px 0;
		}
		.grande-colonne p {
		text-align:justify;
		}
		
	/* 2 colonnes - 332px */	
	.mise-en-page .deux-colonnes-gauche {
	width:332px; float:left; margin:0 15px 10px 0;
	}
	.mise-en-page .deux-colonnes-droite {
	width:332px; float:left; margin:0 0 10px 0;border-left:#ccc 1px solid; padding-left:15px;
	}
		.deux-colonnes-gauche p, .deux-colonnes-droite p {
		text-align:left;
		}
		.deux-colonnes-gauche a, .deux-colonnes-droite a {
		}
		.deux-colonnes-gauche img, .deux-colonnes-droite img {
		float:left; margin:0px 10px 10px 0;border-right:#ccc 3px solid;
		}
	
	/* 3 colonnes - 212px */	
	.mise-en-page .trois-colonnes-gauche {
	width:212px; float:left; margin:0px 10px 10px 0;
	}
	.mise-en-page .trois-colonnes-centre {
	width:212px; float:left; margin:0 10px 10px 0;border-left:#ccc 1px solid; padding-left:15px;
	}
	.mise-en-page .trois-colonnes-droite {
	width:212px; float:left; margin:0 0 10px 0;border-left:#ccc 1px solid; padding-left:15px;
	}
		.trois-colonnes-gauche img, .trois-colonnes-centre img, .trois-colonnes-droite img {
		float:left; margin:0 0 10px 0;border-bottom:#ccc 3px solid;
		}
		.trois-colonnes-gauche p, .trois-colonnes-centre p, .trois-colonnes-droite p {
		text-align:left; margin-top:10px;
		}
		
		
	.mise-en-page .vignette {
	width:212px; float:left; margin:0px 5px 5px 0;
	}
		.vignette img {
		float:left; margin:0;
		}
		.vignette h3{
		padding-left:10px; color:#666; font-weight:normal;
		}
		.vignette p, {
		text-align:left; margin-top:0;
		}
	


	.image-gauche-filet { 
	  float:left;margin:0 20px 20px 0;border-right:#ccc 3px solid;
	  }
	.image-droite-filet { 
	  float:right;margin:0 0px 20px 20px; border-left:#ccc 3px solid;
	  }
	.image-gauche { 
	  float:left;margin:0 20px 20px 0;
	  }
	.image-droite { 
	  float:right;margin:0 0px 20px 20px;
	  }


	.bloc { 
	  float:right;
	  width:203px;
	  margin:0 0 20px 20px;
	  padding-bottom:20px;
	  background: #303136 url(../img/bloc-bottom.gif) no-repeat 0 100%;
	  } 
		.bloc div { 
		width:203px;
		height:10px;
		background: #303136 url(../img/bloc-top.gif) no-repeat 0 0;
		} 
		.bloc h2 { 
		color:#FFF;
		margin:0 0 5px 10px;
		} 
		.bloc p,.bloc li { 
		color:#FFF;
		margin:10px;
		} 
		
		
	#tableau{ border-collapse:collapse; vertical-align:middle;
	  } 
	  #tableau td { 
	  padding:5px 35px 5px 35px;
		height:10px;
		text-align:center;
		background-color:#EAEAEB;
		border:#fff 1px solid;
		} 
		
		td.vert2 { 
		color: #3cac35; font-weight:bold;
		} 

/* FOOTER */	

 
 #telephone { 
width:229px; 
 float:left;
 padding: 15px 0 0 60px;
	}
	#telephone h4{
	margin-left:45px;
	}
	
	#telephone h6{
	height:26px; font-size: 18px;color: #fff; font-weight: bold; background: url(../img/bg-telephone.gif) top left no-repeat;padding: 4px 0 0 20px; margin:0
	}
	
 #coordonnees { 
	  margin-left:280px; padding: 30px 0 0 40px;
	}
	 #coordonnees img { 
	  float:right; margin-right:20px;
	}