img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
			

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:650px;
		background:#fff;		
		margin-bottom:2em;
		}	
	#header{
		height:144px;
		background:#5DC9E1;
		color:#fff;
		}				
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:650px;
		height:400px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		}	
	#nextBtn{ 
		left:650px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(images/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/btn_next.png) no-repeat 0 0;	
		}												
/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;
		}
	ol#controls li{
		margin:0 8px 10px 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#e0f3ed;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#828282;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */
/* // Easy Slider */

body {
	margin-left: 0px;
	margin-right:0px;
	background-color: #005337; 
	background-image: url('images/checker2.jpg');
}
.main {
	background-color: #FFFFFF;
	background-image: url(images/background.gif); 
	background-repeat: no-repeat;
}
.main td {
	vertical-align: top;
}
	
.leftie {
	background-image:url('images/leftie.jpg');
	background-repeat:no-repeat;
}
.menu {

}
.menu tr td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;	
	color: #000000;
	text-align: left;
	vertical-align: top;
}
.menu tr td a {
	text-decoration: none;
}
.menu tr td a:hover {
	color: #FFFFFF;
	background-color: #009A66; 	
}
.submenu tr td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;	
	color: #000000;
	text-align: center;
	vertical-align: top;
}
.submenu tr td a {
	text-decoration: none;
	font-size: 14px;
}
.submenu tr td a:hover {
	color: #FFFFFF;
	background-color: #009A66; 
		
}
.titre1 {
	font-family: Garamond, Helvetica, sans-serif;
	font-size: 55px;
	font-weight: normal;
	font-style: oblique;
	text-decoration: none;
	color: #000000;
}
.titre2 {
	font-family: Garamond, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #000000;
}
.titre3 {
	font-family: Garamond, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #000000;
}
.normal {
	font-family: Garamond, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 2px;
	text-decoration: none;
	color: #000000;
}
.main hr {
	color: #009A66;
}
.tabProduits {
}
.tabProduits td{
	font-family: Garamond, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 1px;
	text-decoration: none;
	color: #000000;
	vertical-align: middle;
	margin-left: 10px;
}
.tabProduits td a{
	font-family: Garamond, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: underline;
}
.tabProduits tr td img:hover {
	cursor: pointer;
}
.tabProduits tr td img {
	border:1px solid #000;
}
#pic {
	background-color: #FFFFFF;
	left: 10px;
	position: relative;
	top: 10px;
	width: 135px;
}
#pic img.hide {
	border: 12px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}
#pic img.showP {
	border: 10px solid #BBBBBB;
	display: block;
	height: 700px;
	width: 465px;
	position: absolute;
	top: -400px;
	left: -200px;

}
#pic img.showL {
	border: 10px solid #666666;
	display: block;
	height: 478px;
	width: 700px;
	position: absolute;
	top: -400px;
	left: -200px;

}



