@charset "utf-8";
/* CSS Document */
body
	{
		margin:0px;
		padding:0px;
		background: url(img/bg.jpg) repeat-x;		
		background-color:#009062;
		font:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#fff;
	}
div, h1, h2, h4, h5, h6, form, label, input, span, ul, li, p, a
	{
	margin:0;
	padding:0;
	font-size: 14px;
	}
img
	{
		border:none;
		margin: 0 auto;
	}
#all
	{
		width:100%;
		height:auto;
		margin:auto;
		padding:0;
	}
#maintop
	{
		width:1000px;
		min-height:700px;
		margin:auto;
		padding:0px;
		background-image:url(img/body-bg.jpg);
		background-repeat:no-repeat;
		background-position:top;
		z-index:3;
	}
#header
	{
		width:1000px;
		height:170px;
		margin:0;
		padding:0px;
	}
#menu-top
	{
		width:550px;
		height:167px;
		position:absolute;
		/*float:left;*/
		margin:0 0 0 550px;
		padding:0;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		overflow:hidden;
		z-index:50;
	}
	/*--menutop--------------------------------------*/

.kwicks {  
    list-style: none;  
    position: relative;  
    margin: 0;  
    padding: 0;  
} 
.kwicks li{  
    float: left;  
    width: 100px;  
    height: 167px;  
    margin-right: 5px; 
	overflow:hidden;
}  

#kwicks2 {   
     margin-right: none
}  

/*---------end menu top-----------*/


#content
	{
		width:910px;
		height:auto;
		margin:auto;
		padding:0px;
		color:#CFF;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		float:inherit;
	}
#content a
	{
		color: #3C9;
		text-decoration:none;
	}
#content a:hover
	{
		color: #44c1e5;
	}	
#contentleft
	{
		width:700px;
		min-height:200px;
		margin:0;
		padding:20px 5px;
		float:left;
	}
#contentright
	{
		width:200px;
		min-height:400px;
		margin:auto;
		padding:20px 0 0 0;
		float:left;
	}
#contentpanier
	{
		width:auto;
		height:auto;
		color:#000;
	}
.title-pan
	{
		width:190px;
		height:29px;
		background-image:url(img/title-pan.png);
		margin:auto;
	}
#panier
	{
		width:170px;
		height:auto;
		margin:auto;
		padding:10px;
		border:solid 1px #ed9017;
		background-image:url(img/pan-bg.png);
		color:#FFF;
	}
#panier a
	{
		color:#000;
		text-align:center;
		font-weight:bold;
		font-size:14px;
	}
#panier a:hover
	{
		color:#fff;
	}
	
a.vopan { background-image: url('img/vopan.png'); display: block; width: 170px; height:40px; margin:auto; } 
a.vopan:hover { background-image: url('img/vopan-on.png') }

#contcontact
	{
		width:190px;
		height:320px;
		margin:auto;
		padding:45px 5px 5px 5px;
		background-image:url(img/contact-bg.png);
		background-repeat:no-repeat;
		background-position:top center;
		font-size:14px;
	}
a.mail { background-image: url('img/mail.png'); display: block; width: 170px; height:41px; margin:auto; } 
a.mail:hover { background-image: url('img/mail-on.png') } 

/*-------prod------------*/
.prod
	{
		display:bloc;
		width:680px;
		height:auto;
		margin:auto;
		margin-bottom:15px;
		border:solid 1px #8cf5ad;
		background-image:url(img/prod-bg.png);
	}
.prod a
	{
		color:#d9ffe5;
		text-decoration:none;
	}
.prod a:hover
	{
		color:#f8ce85;
	}
	h3 { color:#fff;}
/*Carousel*/
#carousel ul {
	list-style: none;
	width:1600px;
	margin: 0;
	padding: 0;
	position:relative;
}
#carousel li {
	display:inline;
	float:left;
}
	.info-prod
		{
			width:394px;
			height:250px;
			margin:10px;
			overflow:auto;
			font-size:12px;
			color:#FFF;
			background-image:url(img/prod-bg.png);
			border:solid 1px #8cf5ad;
			padding:5px;
		}
	.info-prod2
		{
			width:auto;			
			margin:10px;
			font-size:12px;
			color:#FFF;
			background-image:url(img/prod-bg.png);
			border:solid 1px #8cf5ad;
			padding:5px;
		}

		.info-prod3
		{
			width:auto;
			height:454px;
			margin:10px;
			overflow:auto;
			font-size:12px;
			color:#FFF;
			background-image:url(img/prod-bg.png);
			border:solid 1px #8cf5ad;
			padding:10px;
		}
	.accueil_titre {
		width:auto;
		padding:10px;
		padding-left:310px;
	}
	.conteneur_accueil {
		width:auto;
		padding-left:25px;
		padding-right:25px;
		padding-top:15px;
		padding-bottom:10px;
		margin-bottom:2px;
		border:double #17c6c8;			
	}
	.conteneur_carousel {
		padding-left: 237px;
		border:double #17c6c8;
		margin-bottom:2px;
	}
	.tech
		{
			width:394px;
			margin-right:10px;			
			color:#FFF;
			font-size:12px;
			background-image:url(img/prod-bg.png);
			border:solid 1px #8cf5ad;
			float:right;
			padding:5px;
		}
	.prx
		{
			width:200px;
			height:auto;
			margin:0;
			color:#fff;
			font-size:28px;
			font-weight: bold;
			float:right;
			padding-right:15px;
		}
	.prxpack
		{
			width:200px;
			height:auto;
			margin:0 auto;
			color:#fff;
			font-size:28px;
			font-weight: bold;
		}		
	a.ajpan { background-image: url('img/ajpan.png'); display: block; width: 170px; height:40px; margin:auto; } 
	a.ajpan:hover { background-image: url('img/ajpan-on.png') } 
	
	a.voprod { background-image: url('img/voprod.png'); display: block; width: 170px; height:40px; margin:auto; } 
	a.voprod:hover { background-image: url('img/voprod-on.png') }
	
	a.commander { background-image: url('img/commander.png'); display: block; width: 170px; height:40px; margin:auto; } 
	a.commander:hover { background-image: url('img/commander-on.png') }
	
/*----------------------*/
	
#contentmid
	{
		width:880px;
		height: auto;
		margin:0;
		padding:0 10px 0 10px;
	}
.txtcontent
	{
		width:auto;
		height:auto;
		padding:15px;
		margin:10px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#fff;
		text-align:justify;
	}
.txtcontentbig
	{
		width:auto;
		height:auto;
		padding:15px;
		margin:10px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 16px;
		color:#CFF;
		text-align:justify;
	}
.txtleft
	{
		width:730px;
		height:auto;
		padding:15px;
		margin:50px 10px 10px 10px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight:bolder;
		color:#CFF;
	}
p.contentbot
	{
		width:1000px;
		height:70px;
		margin:0 -10px 0 -10px;
		padding:0px;
		background-image:url(img/content-bot-bg.png);
		background-repeat:no-repeat;
		background-position:bottom;
	}
#footer
	{
		width:100%;
		height:120px;
		margin:auto;
		float:left;
		margin-top:20px;
		padding:30px 0 0 0;
		color:#CFF;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:11px;
		background-image:url(img/footer-bg.jpg);
		background-repeat:repeat-x;
	}
#footer a
	{
		color: #fff;
		text-decoration:none;
	}
#footer a:hover
	{
		color: #ff9400;
	}
	
div.pack_photo {
	width: 180px;
	height: 500px;	
}

tr.pack {
	width: 180px;
	height:300px;	
}
td.pack {
	width: 150px;
	height: 300px; 	
}
td.description_pack {
	align: left;
	margin: 25px;
	text-align:justify;		
}
div.description_pack {
	width:auto;
	height:250px;
	float:left;
	display:inline-block;
	margin-left:15px;
	margin-right: 10px;
	margin-top:15px;
}
div.titre_pack {
	height:20px;
	width:auto;
	margin-left:200px;
	padding-bottom:0px;
	margin-top:15px;		
}
div#aspipack {
	position:relative;
}	
div#aspipack div.gauche {
	width: 260px;
	position:absolute;
	left:0;	
	margin-top:-36px;
}
div#aspipack div.droite {
	width: 260px;
	position:absolute;
	right:0;
	margin-top:-36px;	
}
div#contentleft table {
	margin-bottom:10px;	
}
.occasion {
	width:auto;
	border:double #17c6c8;
	height:26px;	
}
a.btn_occasion {
	background-image: url(img/btn-occasion.png);
	display:inline-block;
	width:652px;
	height:30px; 	
}
a.btn_occasion:hover {
	background-image: url(img/btn-occasion2.png);		
}