* { margin:0; padding:0; list-style-type:none; border:0; font-weight:normal;  }

/* hack hauteur IE */

* html #main {
	height: 450px;
}

* html .bloc-index {
	height: 230px;
}

* html .bloc { height:210px; }

/* TITRE */

h3, h4 { font-weight: bold; background:url(images/h3.png) left center no-repeat; padding-left:15px; margin:5px 0; text-transform:uppercase; }

h3 { font-size:1.3em; }
h4 { font-size:1.1em; }

h3 a, h3 a:visited { text-decoration:none; }
h3 a:hover { text-decoration: underline; }

/* LIENS */ 

a, a:visited, a:active { text-decoration:none; color:#E60D17; font-weight:bold; }
a:hover { text-decoration:underline; }

strong { font-weight:bold; }

/* STRUCTURE */

html { background:url(images/bg-ill.jpg) left bottom no-repeat #D2CFC3; height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
/* hide overflow:hidden from IE5/Mac */
/* \*/
/* */ }

body { color:#2F3138; font-family:Arial, Helvetica, sans-serif; font-size:11px; background:url(images/body.jpg) left top repeat-x ; }

#box { width:950px;  }

#cadre_main { padding-top:56px;}

#side { width:235px; float:left;  }


#box-bg { float:left; background: url(images/bord-main.jpg) right 50px repeat-y #fff; width:715px; }

/* HEADER */

#header {  }

/* MAIN */ 

#main-padding  {float:left; margin:0; width:560px;  }

#right { float:left; width:155px; }
	#right img { margin:5px 0 0 0; }

#main { min-height:450px; padding:10px;  }

#main li { background:url(images/arrow-right.gif) center left no-repeat; padding-left:20px; margin:5px 0 5px 20px; }
	
#main p { line-height:1.5em; margin:10px 0;}			
			
		
/* ------------IMAGES------------------ */

	.pic { margin:0 5px 15px 0; width:200px; height:130px; float:right; border:1px solid #d7d7d7; }
	.pic img { width:200px; height:130px; }
		
	.pic-300 { margin:0 5px 15px 0; width:300px; height:250px; float:right; border:1px solid #d7d7d7; }
	.pic-300 img { width:300px; height:250px; }
		
	.pic img a, .pic img a:visited {  }
		
	.pic-liens { float:right; margin:0 0 15px 0; border:1px solid #d7d7d7;  }
		
/* ------------BLOC------------------ */
	
	.bloc {  margin:5px auto; padding:0 0 15px 0;  background:url(images/bg-produit.jpg) bottom right no-repeat; }	
	.bloc p { margin:5px 5px 5px 10px; }
	.bloc table { width:520px; margin:5px auto; font-size:0.9em; }
	.bloc td {  }
	.bloc th { text-align:left; width:100px; }
	.bloc .prix { padding-left:40px; font-weight:bold; font-size:1.1em; background:url(images/prix.png) left center no-repeat; }
	.bloc select { border:1px solid #d7d7d7; }
	.bloc form { padding:5px; width:120px; }
	.bloc label { vertical-align:middle; }

	.ajouter { margin:5px 0 0 0; float:left; }

/* ----------------DETAIL-------------------------------- */

div.hr { height: 7px; background: url(images/separation.png) no-repeat scroll left; }
div.hr hr {   display: none; }	
	
		.detail { width:50%; float:left; padding:2px 0; margin:5px 0 0 0; }
			.detail a, .detail a:link { text-align:center; }
		.bloc-produit .left { float:left; width:260px; margin:0 15px 0 0; text-align:left; }
		.bloc-produit .big { border:1px solid #c8c8c8; margin:0 0 0 0; }
		.bloc-produit .thumb { float:left; display:block; width:auto; width:480px; margin:0 0 5px 0; cursor: pointer; }
			.bloc-produit .thumb img { border:1px solid #c8c8c8; margin:0 20px 0 0; text-align:center; float:left; }
	
#diaporama { display:block; margin:10px auto; width:500px; }
		#diaporama img { border:1px solid #d7d7d7; }
		.big { display:block; margin:5px auto; border:1px solid #d7d7d7; }
		.thumb { width:250px; margin:0 auto; }
		.thumb img { float:left; margin:5px; }

#recherche {  }
		#recherche form { margin:5px auto; width:220px;   }
		#recherche select { font-size:0.9em; border:1px solid #000; vertical-align:middle; width:190px; margin:0 5px; padding:1px 0; }
		#recherche .input-rech { font-size:0.9em; border:1px solid #000; vertical-align:middle; width:185px; margin:0 3px; padding:3px; }
		#recherche option {  padding:2px 1px; }
		#recherche label { float:left; width:190px; text-indent:15px; margin:5px 0 5px 5px; background:url(images/arrow-right.gif) left center no-repeat; }
		
#bloc-panier { background:url(images/bg-panier.jpg) center center no-repeat; height:84px; width:145px; position:relative; }
	#bloc-panier .content { position:absolute; top:35px; left:5px; overflow:auto;  }
	#bloc-panier .content a, #bloc-panier .content a:visited { color:#000; }
	
#compte { background:url(images/bg-compte.jpg) bottom center no-repeat; height:65px; color:#fff; position:relative; margin:0 0 5px 0; width:145px; }
	#compte .top { height:35px;   }
	#compte p { position:absolute; top:32px; left:7px; }
	#compte a, #compte a:visited { color:#fff;  }

	
/* images et styles particuliers */
	
.retour { float:right; margin:5px; }
	.retour img {   }
	
#bloc-nouveaute, #bloc-promotion { margin:5px auto; padding:0 10px 20px 10px; width:480px; }
#bloc-nouveaute .pic, #bloc-promotion .pic { margin:0 10px 15px 5px; }
#bloc-nouveaute p, #bloc-promotion p { margin:10px; }

#bloc-nouveaute { background:url(images/block-bottom.png) bottom center repeat-y;   }
	#bloc-nouveaute .top { background:url(images/block-nouveautes-top.png) center top no-repeat; height:25px; }

#bloc-promotion { background:url(images/block-bottom.png) bottom center no-repeat; }
	#bloc-promotion .top { background:url(images/block-promo-top.png) center top no-repeat; height:25px;}
			
			.visu { float:right; }
			
#nav { display:block; margin:0 0 5px 0; }
	.prec { float:left; }
	.suiv { float:right; }
	#nav a:hover { text-decoration: underline; }
			
#conditions { width:185px; background:url(images/block-engagement-bas.jpg) center bottom no-repeat; padding:0 0 5px 0; margin:0 0 10px 0; float:right; margin:0 0 10px 10px; }
	#conditions li a, #conditions li a:visited { }
	#conditions li a:hover { }	
		
.formulaire { margin:5px 0; width:450px; }
			.formulaire radio, .formulaire label, .formulaire ,input, .formulaire textarea, .formulaire select { display: block; float: left; margin-bottom:10px;  }	
			.formulaire label { text-align: left; width: 100px; margin-right: 10px; }			
			.formulaire input, .formulaire textarea, .formulaire select { border:1px solid #3E3F42; padding:3px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:1em;  }
			.formulaire input, .formulaire textarea { width:200px; }			
			.formulaire .bouton { width:100px; background: url(images/formbg.gif) left center repeat-x; color:#000; }		
			.formulaire input:focus, .formulaire textarea:focus { background:#F0EFEE; }		
			.formulaire .input-radio { background:#fff; border:1px solid #fff; width: 20px; }		
			.formulaire br { clear: left; }
			
			.input-style, .textaera-style { border:1px solid #234AA1; padding:2px; color:#234AA1; font-size:0.9em; margin:2px 0; vertical-align:middle; }
					
	
	.hidden { visibility:hidden; overflow: auto; display:none;}

	.plusdedetail {  }
		
	.colleft { float:left; width:250px; margin:5px 10px 5px 0; border-right:1px dotted #545558; }
	.colright { float:left; width:250px; margin:5px 0; }
	.cadre { padding:5px 0; margin:5px 0; }
	
	.prix { font-weight:bold; font-size:2em; color:#C22005; }
	.prix-barre { text-decoration:line-through; font-size:0.9em; font-weight:bold;}
	.logo { float:right; margin:5px; }
		
/* footer */

#footer {  }
		
#copyright { text-align:center; font-size:0.9em; margin:10px 0; color:#000; width:950px;   }
	#copyright a { color:#000; }

/* hack clear float */ 	
	
.clr { clear: both; }