body{
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8B8E81;
	/* background: url('images/container-background.gif') repeat-y center; */
}

#spacer{
	clear: both;
}

.spacer{
	clear: both;
}

img{ 
	display: block;
	border: none;
	margin: 0;
	padding: 0;	
}

#container{
	width: 920px;
	margin: 0 auto;
	padding-bottom: 20px;
	background: url('images/container-background.gif') repeat-y;	
}


#poucet{}
	#poucet p{
		float: left;
		font-size: 9px;
		color: #FA9700;
		margin: 0px;
		padding: 20px 0px 0px 230px;
	}
	#poucet a, #poucet a:visited{
		text-decoration: underline;
		color: #FA9700;
	}
	#poucet a:hover{
		text-decoration: none;
		color: #C7C7C7;		
	}

#poucet ul{
		float: right;
		list-style: none;
		padding: 0px;
		margin: 15px 75px 0px 0px;
	}
	#poucet li{
		float: left;
		margin-left: 15px;
	}
	
#banner{
	border: #C7C7C7 solid 1px;
}
	#banner img{
		float: left;
	}
	
#menu{
	width: 191px;
	float: left;
	padding-left: 20px;	
}
	#menu ul{
		list-style: none;
		margin: 0;
		padding: 0;	
		text-align: right;
		font-weight: bold;
	}
	#menu li a, #menu li a:visited{
		display: block;
		width: 171px;
		height: 16px;
		padding-right: 15px;
		padding-top: 10px;
		color: #000;
	}
	*+html #menu li, * html #menu li {
		margin: -2px 0;
		color: #000;
	}	
	/*
	#menu li span{
		display: block;
		height: 0;
		width: 0;
		overflow: hidden;		
	}

	.lien1 a{ background: url('images/menu-accueil.gif') top right no-repeat; }
	.lien2 a{ background: url('images/menu-societe.gif') top right no-repeat; }
	.lien3 a{ background: url('images/menu-produits.gif') top right no-repeat; }
	.lien4 a{ background: url('images/menu-realisations.gif') top right no-repeat; }
	.lien5 a{ background: url('images/menu-devis.gif') top right no-repeat; }
	.lien6 a{ background: url('images/menu-agenda-news.gif') top right no-repeat; }
	.lien7 a{ background: url('images/menu-emploi.gif') top right no-repeat; }

	.lien1 a:hover, .lien1 .menu-on{ background: url('images/menu-accueil-on.gif') top right no-repeat; }
	.lien2 a:hover, .lien2 .menu-on{ background: url('images/menu-societe-on.gif') top right no-repeat; }
	.lien3 a:hover, .lien3 .menu-on{ background: url('images/menu-produits-on.gif') top right no-repeat; }
	.lien4 a:hover, .lien4 .menu-on{ background: url('images/menu-realisations-on.gif') top right no-repeat; }
	.lien5 a:hover, .lien5 .menu-on{ background: url('images/menu-devis-on.gif') top right no-repeat; }
	.lien6 a:hover, .lien6 .menu-on{ background: url('images/menu-agenda-news-on.gif') top right no-repeat; }
	.lien7 a:hover, .lien7 .menu-on{ background: url('images/menu-emploi-on.gif') top right no-repeat; }
	*/

	#menu_2{
		text-align: right;
		font-size: 11px;
		font-weight: bold;
		color: #fff;	
	}
		#menu_2 li{
			padding: 3px;
			margin: 1px 12px;
		}
		*+html #menu_2 li, * html #menu_2 li {
			margin: 2px 12px;
		}	
		#menu_2 a.lien_menu_2, #menu_2 a.lien_menu_2:visited{
			display: inline;
			background: none;
			color: #fff;
			text-decoration: none;
		}
		#menu_2 a.lien_menu_2:hover{
			color: #545FD0;	
		}
		#menu_2 li a strong{
			color: #545FD0;	
		}

	#menu_3{
		text-align: right;
		font-size: 10px;
		margin-bottom: 5px;
		color: #fff;
	}
		#menu_3 li{
			padding: 3px 10px 3px 0px;
			margin: 1px 10px;
			background: url(images/puce.gif) right top no-repeat;
		}
		#menu_3 a.lien_menu_3, #menu_3 a.lien_menu_3:visited{
			display: inline;
			background: none;
			color: #fff;
			text-decoration: none;
			font-weight: normal;
		}
		#menu_3 a.lien_menu_3:hover{
			font-weight: normal;
			color: #545FD0;	
		}	
		#menu_3 li a strong{
			color: #545FD0;	
		}	
	
#texte{
	float: left;
	width: 610px;	
	padding: 20px;
}
	#texte h1{
		font-size: 20px;
		letter-spacing: 1px;
		margin: 0;
		color: #FBB64C;
		font-weight: normal;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	/*#texte h1 span{
		display: block;
		height: 0;
		width: 0;
		overflow: hidden;
	}
		
	.titre-accueil{ background:url('images/titre-accueil.gif') no-repeat; }
	.titre-societe{ background:url('images/titre-societe.gif') no-repeat; }
		.titre-metier{ background:url('images/titre-metier.gif') no-repeat; }
		.titre-materiaux{ background:url('images/titre-materiaux.gif') no-repeat; }
		.titre-situation{ background:url('images/titre-situation.gif') no-repeat; }			
	.titre-produits{ background:url('images/titre-produits.gif') no-repeat; }
		.titre-charpentes{ background:url('images/titre-charpentes.gif') no-repeat; }
			.titre-type-ferme{ background:url('images/titre-type-ferme.gif') no-repeat; }
			.titre-cheminee{ background:url('images/titre-cheminee.gif') no-repeat; }
			.titre-toiture{ background:url('images/titre-toiture.gif') no-repeat; }
			.titre-combles{ background:url('images/titre-combles.gif') no-repeat; }
			.titre-contreventements{ background:url('images/titre-contreventements.gif') no-repeat; }												
		.titre-negoce{ background:url('images/titre-negoce.gif') no-repeat; }
		.titre-chalets{ background:url('images/titre-chalets.gif') no-repeat; }
		.titre-maisons{ background:url('images/titre-maisons.gif') no-repeat; }			
	.titre-realisations{ background:url('images/titre-realisations.gif') no-repeat; }
	.titre-devis{ background:url('images/titre-devis.gif') no-repeat; }
		.titre-devis-charpente{ background:url('images/titre-devis-charpente.gif') no-repeat; }
		.titre-devis-bois{ background:url('images/titre-devis-bois.gif') no-repeat; }
		.titre-commande-negoce{ background:url('images/titre-commande-negoce.gif') no-repeat; }
	.titre-agenda-news{ background:url('images/titre-agenda-news.gif') no-repeat; }
	.titre-emploi{ background:url('images/titre-emploi.gif') no-repeat; }	
	.titre-download{ background:url('images/titre-downloads.gif') no-repeat; }
	.titre-contact{ background:url('images/titre-contact.gif') no-repeat; }					
	*/
		
	#texte h2{
		font-size: 13px;
		color: #FFA200;
		border: solid #003366 0px;
	}	

	#texte p{
		font-size: 11px;
		color: #8B8E81;
		border: solid #003366 0px;
	}
	
	
	#texte a{
		color: #FAA017;
		text-decoration: underline;
	}
	#texte a:hover{
		color: #95D3BE;
		text-decoration: none;
	}
	
	#texte ul{
		list-style: square;
	}
	#texte ul.liste-top{
		margin-left: 240px;
	}
		#texte li{
			margin-left: 5px;
		}
	
	#texte #images{
		float: left;
		width: 250px;
		margin: 0px 20px 20px 0px;
	}
	#texte #images img{
		float: left;
	}
	
	#texte #liens-image{
		list-style: none;
		margin: 30px 0px 0px 0px;
		padding: 0;
	}
		#texte #liens-image div{
			width: 137px;
		}
		#texte #liens-image p{
			margin: 0px 6px;
		}
		#texte #liens-image h2{
			height: 40px;
		}
		#texte #liens-image li, #texte #liens-image div{
			float: left;
			margin: 6px;
		}
		#texte #liens-image li a, #texte #liens-image div a{
			display: block;
			width: 137px;
			height: 255px;
		}
		
		.liens-image-1{ background: url('images/accueil-liens-image-1.jpg') no-repeat;  }
	.liens-image-2 { background: url('images/accueil-liens-image-2.jpg') no-repeat; }
	.liens-image-3 { background: url('images/accueil-liens-image-3.jpg') no-repeat; }
	.liens-image-4 { background: url('images/accueil-liens-image-4.jpg') no-repeat; }	
	
	
	
	#liens-image .liens-image-1 a, #liens-image .liens-image-1 a:visited{ background: url('images/accueil-liens-image-1.jpg') no-repeat; }
	#liens-image .liens-image-2 a, #liens-image .liens-image-2 a:visited{ background: url('images/accueil-liens-image-2.jpg') no-repeat; }
	#liens-image .liens-image-3 a, #liens-image .liens-image-3 a:visited{ background: url('images/accueil-liens-image-3.jpg') no-repeat; }
	#liens-image .liens-image-4 a, #liens-image .liens-image-4 a:visited{ background: url('images/accueil-liens-image-4.jpg') no-repeat; }	
	
	#liens-image .liens-image-1 a:hover{ background: url('images/accueil-liens-image-1-on.jpg') no-repeat; }
	#liens-image .liens-image-2 a:hover{ background: url('images/accueil-liens-image-2-on.jpg') no-repeat; }
	#liens-image .liens-image-3 a:hover{ background: url('images/accueil-liens-image-3-on.jpg') no-repeat; }
	#liens-image .liens-image-4 a:hover{ background: url('images/accueil-liens-image-4-on.jpg') no-repeat; }			

	#liens-image span{
		display: block;
		height: 0px;
		width: 0px;
		overflow: hidden;
	}
	
	#texte form{
		margin: 0 auto;
		width: 80%;
	}
	#texte table{
		width: 100%;
	}
	#texte fieldset{
		margin: 10px 0px;
		width: 100%;
	}
	#texte legend{
		font-weight: bold;
		font-size: 12px;
	}
	#texte input, #texte textarea{
		border: #75736E solid 1px;
		font-size: 12px;
		background: #fff;
		color: #75736E;
	}
	#texte input.no-border{
		border: #75736E solid 0px;
		font-size: 12px;
		background: #fff;
		color: #75736E;
	}
	
	#texte td.largeur45{ width: 45%; }
	#texte td.largeur40{ width: 40%; text-align:right; }
	#texte td.largeur30{ width: 30%; text-align:right; }
	#texte td.largeur20{ width: 20%; text-align:right; }
	#texte td.largeur14{ width: 14%; }
	#texte td.largeur13{ width: 13%; }
	
	#texte td.aligne-droit{ text-align:right; }
	
	#boutons{
		width: 200px;
		float: right;
		margin-top: 120px;
	}
		#boutons img{
			margin-bottom: 10px;
			border: none;
		}	
	
#footer{
	background: #fff;
	border: #C7C7C7 solid 1px;
	font-size: 10px;
	color: #FA9700;
	padding-left: 220px;
}
	#footer p{
		margin: 0;
		padding: 3px;
	}
	#footer span{
		color: #8B8E81;
	}
	#footer a, #footer a:visited{
		color: #FA9700;
		text-decoration: underline;
	}
	#footer a:hover{
		color: #8B8E81;
		text-decoration: none;
	}