/**
 * @author Sophie Martin
 * @lastmodified Juillet, 25 - 2008
 * @media screen
 * @site http://www.quiboweb.com/
 */

/**
 * TODO LISTE
 *
 */
 
 /**
 * ARCHITECTURE 
 * BODY
 *		- container
 *			- header
 *				- description
 *			- navigation
 *		- container
 *		- content
 *			- img
 *			- text
 *				- realisation1
 *				- realisation2
 *			- promotion
 *			- navigation_footer
 *			- conception
 */

*{
margin:0;
padding:0;
}
html{
	background:#040301 url(../img/back.jpg) repeat-x left top;
	}
body{
background:transparent url(../img/content.jpg) no-repeat center top;
font-size:0.7em;
text-align:center;
font-family:  Verdana, Helvetica, sans-serif;
color:#958d87;
}
a{
text-decoration:underline;
color:#CC823B;
}
a:hover{
text-decoration:none;
}
hr{
color: #402816;
margin-top:28px;
margin-bottom:24px;
background-color: #402816;
height: 2px;
border: 0;
}
.container{
margin:auto;
height:1116px;
width:883px;
}
html>body .container{
height: auto;
min-height: 1116px;
}
	.header {
	cursor:pointer;
	height:160px;
	}
		.header div, .header h1{
		display:none;
		}
	.navigation{
	text-align:left;
	padding-top:14px;
	width:883px;
	padding-left:13px;
	}
		.navigation ul li{
		display:block;
		list-style-type:none;
		float:left;
		height:23px;
		}
			.navigation ul li a{
			display:block;
			float:left;
			text-decoration:none;
			height:23px;
			}
			
				.navigation ul li a span{
				visibility:hidden;
				}
				.navigation ul li a:hover{
				text-decoration:none;
				}
			ul li.entreprise a{
			background:transparent url(../img/menu_entreprise.jpg) no-repeat center top;
			width:86px;
			margin-right:32px;
			}
			.navigation1 ul li.entreprise a{
			background-image:none;
			}
			ul li.services a{
			background:transparent url(../img/menu_services.jpg) no-repeat center top;
			width:69px;
			margin-right:31px;
			}
			.navigation2 ul li.services a{
			background-image:none;
			}
			ul li.produits a{
			background:transparent url(../img/menu_produits.jpg) no-repeat center top;
			width:70px;
			margin-right:30px;
			}
			.navigation3 ul li.produits a{
			background-image:none;
			}
			ul li.realisations a{
			background:transparent url(../img/menu_realisations.jpg) no-repeat center top;
			width:99px;
			margin-right:32px;
			}
			.navigation4 ul li.realisations a{
			background-image:none;
			}
			ul li.promotions a{
			background:transparent url(../img/menu_promotions.jpg) no-repeat center top;
			width:92px;
			margin-right:28px;
			}
			.navigation5 ul li.promotions a{
			background-image:none;
			}
			ul li.contact a{
			background:transparent url(../img/menu_contact.jpg) no-repeat center top;
			width:67px;
			}
			.navigation6 ul li.contact a{
			background-image:none;
			}
			
.content{
clear:both;
text-align:left;
padding-left:13px;
}
	.img{
	height:290px;
	width:646px;
	float:left;
	}
	#body1 .img{
	background:transparent url(../img/image_header.jpg) no-repeat center top;
	}
	#body2 .img{
	background:transparent url(../img/image2_header.jpg) no-repeat center top;
	}
	#body3 .img{
	background:transparent url(../img/image3_header.jpg) no-repeat center top;
	}
	#body4 .img{
	background:transparent url(../img/image_header.jpg) no-repeat center top;
	}
	#body5 .img{
	background:transparent url(../img/image2_header.jpg) no-repeat center top;
	}
	#body6 .img{
	background:transparent url(../img/image3_header.jpg) no-repeat center top;
	}
	.text {
	width:646px;
	float:left;
	}
		.text h1{
		color:#fff;
		text-transform:uppercase;
		margin-bottom:16px;
		margin-top:16px;
		font-size:1.6em;
		font-family:Arial;
		}
		.text h2{
		color:#fff;
		text-transform:uppercase;
		margin-bottom:16px;
		margin-top:0px;
		font-size:1.1em;
		font-family:Arial;
		}
		.text p{
		padding-bottom:16px;
		}
		.text img.essence{
		float:left;
		border:4px solid #fff;
		margin-right:8px;
		margin-bottom:8px;
		}
		.text ul.liste1,
		.text ul.retour,
		.text ul.liste2,
		.promo_col ul,
		.text ul.liste3,
		.text ul.liste4 {
		
		float:left;
		padding-bottom:16px;
		}
		.text ul.liste1,
		.text ul.retour{
		width:116px;
		}
		.text ul.retour{
		margin-left:385px;
		margin-top:46px;
		position:absolute;
		}
		.text ul.liste2{
		width:183px;
		}
		
		.text ul.liste3,
		.promo_col ul{
		width:196px;
		}
		
		.text ul.liste1 li,
		.text ul.retour li,
		.promo_col ul li,
		.text ul.liste2 li,
		.text ul.liste3 li,
		.text ul.liste4 li{
		list-style-type:none;
		color:#c58038;
		line-height:1.5em;
		padding-left:14px;
		background:transparent url(../img/puce.gif) no-repeat left 5px;	
		}
		.text ul.retour li{
		padding-left:14px;
		background:transparent url(../img/puce_retour.jpg) no-repeat left 5px;	
		}
		.text ul.liste1 li a,
		.promo_col ul li a,
		.text ul.retour li a,
		.text ul.liste2 li a,
		.text ul.liste3 li a,
		.text ul.liste4 li a{
		color:#CC823B;
		}
		.text .realisation1{
		height:263px;
		padding-left:374px;
		width:646px;
		background:transparent url(../img/realisation1.jpg) no-repeat left top;	
		}
		.text .realisation2{
		height:263px;
		width:261px;
		margin-top:19px;
		padding-right:385px;
		background:transparent url(../img/realisation2.jpg) no-repeat right top;	
		}
			.text .realisation1 h1,
			.text .realisation2 h1{
			margin-top:0;
			padding-top:7px;
			}
		.text .contact p, .text .contact_spec p{
		padding-bottom:0px;
		}
			.text .contact a.contact{
			display:block;
			width:196px;
			height:126px;
			float:left;
			margin-bottom:90px;
			background:transparent url(../img/contact.jpg) no-repeat left top;	
			}
			.text .contact h1{
			margin-top:0;
			padding-top:7px;
			}
		.text .contact_spec{
		float:left;
		width:323px;
		}
		.text .bois_type{
		float:left;
		width:524px;
		}
		.text #franc{
		width:433px;
		}
		.text .bois_spec{
		float:right;
		width:185px;
		}
		.text #small{
		width:99px;
		}
		.text .type_bois_spec{
		float:left;
		margin-right:30px;
		}
		.text .bois_type_first{
		
		}
	
		.text .promo{
		clear:both;
		padding-bottom:20px;
		}
			.text .promo img{
			float:left;
			border:4px solid #fff;
			margin-right:15px;
			}
			.text .promo_content{
			float:left;
			width:433px;
			}
				.text .promo_content h1{
				margin-top:0px;
				}
				.text .promo_content p.validite{
				font-weight:bold;
				}
	.promotion{
	float:right;
	margin-top:-52px;
	background:transparent url(../img/back_promotion.jpg) no-repeat left top;
	width:224px;
	height:200px;
	}
	.promo_col{
	width:184px;
	padding-top:62px;
	padding-left:45px;
	color:#fff;
	}
		.promo_col img{
		border:4px solid #fff;
		}
		.promo_col hr{
		color: #402816;
		margin-top:28px;
		margin-bottom:24px;
		background-color: #402816;
		height: 1px;
		border: 0;
		}
		.promo_col h1{
		color:#f1c100;
		font-family:Arial;
		padding-bottom:15px;
		font-size:1.25em;
		text-transform:uppercase;
		}
		.promo_col p, .promo_col ul{
		padding-bottom:15px;
		}
			.promo_col p.adresse{
			color:#c58038;
			font-size:1.25em;
			font-weight:bold;
			padding-bottom:10px;
			font-family:Arial;
			}
			.promo_col p.telephone{
			color:#fff;
			font-weight:bold;
			font-family:Arial;
			font-size:1.6em;
			}
	.navigation_footer{
	clear:both;
	padding-top:30px;
	}
		.navigation_footer ul li{
		list-style-type:none;
		display:block;
		float:left;
		}
			.navigation_footer ul li a{
			color:#8c8b8a;
			display:block;
			float:left;
			font-size:0.7em;
			font-weight:bold;
			text-transform:uppercase;
			margin-right:8px;
			}
			
	.conception{
	color:#434141;
	font-size:0.7em;
	font-weight:bold;
	padding-top:7px;
	padding-left:13px;
	text-align:left;
	clear:both;
	}
		.conception span{
		padding-left:10px;
		padding-right:10px;
		}
		.conception a{
		color:#434141;
		}
		
	table td{
	vertical-align:top;
	color:#CC823B;
	padding-bottom:15px;
	}
	table.zoom td{
	
	padding-bottom:0px;
	}
	p.salon{
	text-transform:uppercase;
	color:#fff;
	line-height:1.5em;
	font-weight:bold;
	}
	p.salon a{
	color:#fff;
	}
	p span.infoSalon{
	color:#F1C100;
	}