/* CSS Document */


	body { 
		margin:0 auto;
		text-align:center;
		padding:0;
		background: url(images/background.jpg);
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
	#page {
		margin:15px auto;
		padding:0;
		background:transparent;
		text-align:left;
		width:861px;
		height:800px;
		
	}
	
	#header {
		margin:0;
		padding:0;
		width:861px;
		height:130px;
		background: url(images/banniere.jpg) no-repeat;
	
	}
	
	#banniere {
		float:right;
		margin:0;
		padding:0;
		width:540px;
		height:130px;
	}
	
	#titre {
		margin:10px auto 0 auto;
		padding:0;
		width:331px;
		height:46px;
		background: url(images/titre.gif) no-repeat;
	}
	
	#titre h3{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:black;
		text-indent:-5000px;
		
	}
	
	/************************** Navigation / Menu **********************************/
	
	#nav {
		margin:0 auto;
		padding:0;
		width:491px;
		height:66px;
	}
	
	#nav ul {
	list-style-type:none;
	padding: 0;
	margin:0;
}

	#nav li {
		float:left;
	}
	#nav li a {
		display:block;
		height:66px;
		text-indent:-5000px;
	}
	#nav li a.technique {
		background: url(images/technique.gif) no-repeat;
		width:121px;
		margin:0 0 5px 0;
	}
	
	#nav li a.technique:hover {
		background: url(images/technique_hover.gif) no-repeat;
		width:121px;
		margin:0 0 5px 0;
	}
	
	#nav li a.qualite {
		background: url(images/qualite.gif) no-repeat;
		width:113px;
		margin:0 0 5px 0;
	}
	
	#nav li a.qualite:hover {
		background: url(images/qualite_hover.gif) no-repeat;
		width:113px;
		margin:0 0 5px 0;
	}
	
	#nav li a.montage {
		background: url(images/montage.gif) no-repeat;
		width:117px;
		margin:0 0 5px 0;
	}
	
	#nav li a.montage:hover {
		background: url(images/montage_hover.gif) no-repeat;
		width:117px;
		margin:0 0 5px 0;
	}
	
	#nav li a.boutique {
		background: url(images/boutique.gif) no-repeat;
		width:131px;
		margin:0 0 5px 0;
	}
	
	#nav li a.boutique:hover {
		background: url(images/boutique_hover.gif) no-repeat;
		width:131px;
		margin:0 0 5px 0;
	}
	
	/******************************** Fin navigation / menu *************************/
		
	#barre_metal {
			clear:both;
			margin:0;
			padding:0;
			width:861px;
			height:13px;
			background:url(images/barre_horizontal.jpg) no-repeat;
	}

	#conteneur {
		margin:0;
		padding:0;
		background: url(images/bg_fond.jpg) no-repeat;
		width:861px;
		height:660px;
	
	}

	#contenu {
		float:left;
		margin:0 10px 0 20px;
		padding:0;
		width:700px;
		height:560px;
		background: url(images/bg_contenu.gif) no-repeat;
	
	}

	#gauche {
		float:left;
		width:320px;
		height:560px;
		margin:0 0 0 5px;
		padding:0;
	
	}
		
	#pub_1 {
		float:left;
		width:120px;
		height:560px;
		margin:0;
		padding:0;
		
	}	
		
	#presentation {
		clear:both;
		margin:5px 0 0 0;
		padding:0;
		width:320px;
		height:560px;
		
	}
	
	#contenu_gauche {
		float:left;
		margin:0;
		padding:0;
		width:200px;
		height:560px;
		background: url(images/contenu_gauche.gif) no-repeat;
	}
	
	.cadre_haut{
		clear:both;
		margin:45px auto 10px auto;
		padding:0;
		width:190px;
		height:213px;
		
	}
	
	.cadre_gris {
		padding:0;
		margin:0 auto;
		width:190px;
		height:252px;
		background: url(images/cadre_gris.gif) no-repeat;
	}
	
	
	#barre_verticale {
		float:left;
		margin-left:5px;
		margin-top:20px;
		padding:0;
		width:9px;
		height:531px;
		background: url(images/separator_metal.gif) no-repeat;
	}
	
	#droite {
		float:left;
		margin:3px 0 0 5px;
		padding:0;
		width:515px;
		height:560px;
		background: url(images/cadre_contenu.gif) no-repeat;
	}
	
	#tab1 {
		clear: both;
		margin:0 0 0 5px;
		padding:0;
		width:512px;
		height:181px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	
	#tab2 {
		clear:both;
		margin:0 0 0 5px;
		padding:0;
		width:512px;
		height:308px;
	}
	
	#tab_centreauto, tab_infos{
		margin:0 0 0 5px;
		padding:0 10px 0 10px;
		width:512px;
		height:308px;
	}
	
	h4 {
		font-weight:bold;
		font-size:13px; 
		color:#339900;
	}

	#footer {
		clear:both;
		margin:0;
		padding:0;
		width:861px;
		height:24px;
		background: url(images/footer.jpg) no-repeat;
	}
	
	/* ----------------------- style pour script pagination ------------------------------*/
	
	<script type="text/javascript" src="virtualpaginate.js">

/***********************************************
* Virtual Pagination script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>



/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 500px;
text-align: left;
padding: 2px 0;
margin: 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}

/*---------------------------------- fin style pagination ----------------------------*/