* { margin:0; padding:0; list-style-type:none; border:0px none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  }

/* hack hauteur IE */

* html #main-padding {
	height: 500px;
}

* html .bloc {
	height: 300px;
}

* html .bloc-home {
	height: 215px;
}

* html #diaporama {
	height: 300px;
}


* html #side {
	height: 400px;
}



h3 {  font-weight: bold; text-transform:uppercase; margin:10px 0; font-size:1.6em; font-family:"Times New Roman", Times, serif; }
h3 a, h3 a:visited { text-decoration:none; font-size:1.2em; }
h3 a:hover { text-decoration: underline; }


/* liens */ 

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

.green { color:#999966; font-weight:bold; } 

/* ------------STRUCTURES------------------ */

body { background:#000; color:#fff;  }

#box { width:950px; margin:0 auto;  }

#cadre_main { background:url('images/bg-main.jpg') no-repeat right top; }

#header { width:950px; }
	
#side { float:left; width:150px; background:url('images/bg-side.jpg') no-repeat top left; margin:0; min-height:400px; position:relative; }

#commander { position:absolute; top:400px; }

#breadcrumb { }

/* ------------MENU------------------ */
		
	#menu { margin:200px 0 0 0;  }		
	#menu ul { }
	#menu li a, #menu li a:visited { list-style-type: none; text-transform:uppercase;  font-weight:bold; margin:0 0 0 0;  text-indent:10px; line-height:29px; color:#4D3F45; text-decoration:none;  display:block; width:205px; background:url('images/bg-menu.png') left top no-repeat;    }
	html>body #menu li a { width: auto;  }
	#menu li a:hover { text-decoration:none; color:#050304; background:url('images/bg-menuh.png') left top no-repeat; }

/* ------------IMAGES------------------ */

#pic { float:left; width:300px; }
	#pic img { float:left;  }
	
	#main .pic { float:right; margin:0 0 5px 5px; border:1px solid #999966; }
	

	

/* ------------MAIN-------------------- */ 

#main-padding { float:right; margin:0; width:500px; min-height:500px;}
#main { padding:15px 15px 10px 20px; }
		
	#main ul { margin:10px; }	
	#main li { background:url('images/pucefornico.png') left center no-repeat; padding-left:15px; margin:5px 0 5px 5px; }
	#main p { line-height:1.3em; margin:10px 0; }	
	#main h4 { font-size:1.1em; font-weight:bold; } 	
	#main h5 { font-weight:bold; font-size:1em; margin:10px 0 -8px 0; }

/* ------------BLOC------------------ */

	.bloc-home { float:left; width:360px; min-height:215px; position:relative; }	
	.bloc-home p { margin:10px 0 0 0; }
	.bloc-home .pic { position:absolute; left:5px; top:50px; }
	.bloc-home .prix { position:absolute; bottom:0px; left:5px; }
	.bloc-home .detail { position:absolute; bottom:0px; right:5px; }
	.bloc-home h3 { position:absolute; top:40px; left:200px; }
				
		.bloc-produit { margin:10px auto; }
		.bloc-produit .left { float:right; width:200px; margin-left:10px; }
		.bloc-produit .right { float:left; width:520px; }
#main 	.bloc-produit .right p { margin: 0 0 5px 0; text-align:justify; }
		.bloc-produit .right .prix { float:right; }
		.bloc-produit .detail { }		
		.bloc-produit .pic { }
		
	.bloc-detail form { line-height:1.5; }
	
/* ------------FORMULAIRE------------------ */

.formulaire { margin:5px 0; }
	.formulaire radio, .formulaire label, .formulaire input, .formulaire textarea, .formulaire select { display: block; float: left; margin-bottom:10px;  }
	.formulaire label { text-align: left; width: 150px; 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; background:url('images/bg_1.gif') repeat-x left bottom;  }
	.formulaire input, .formulaire textarea { width:200px; }
	.formulaire .bouton { width:90px; cursor:pointer; border:1px outset #ccc; color:#000; font-weight:bold;
background:url('images/bg_1.gif') repeat-x left bottom; padding-left:2px; padding-right:2px; padding-top:1px; padding-bottom:1px; }
	.formulaire input:hover, .formulaire textarea:hover { border:1px solid #c0c4d5; }
	.formulaire .input-radio { 	background:transparent; border:0px solid #fff; width:auto; }
	.formulaire .input-radio:hover { border:none; }
	.formulaire br { clear: left; }
	
	.pic-form img { width:auto; height:auto; }
	
/* ------------DIAPORAMA------------------ */

#diaporama { margin:30px 0 0 0; }
	#diaporama .pic { float:left; margin:0 10px 10px 0; border:1px solid #999966; width:75px; height:75px; }
	#diaporama .pic img { width:75px; height:75px;   }
	#diaporama .pic:hover, #diaporama .pic:focus { border:1px solid #fff; }
	
/* ------------PANIER------------------ */

#panier { background:url('images/panier.gif') no-repeat right center; height:36px;  position:relative; }
	#panier p { position:absolute; top:15px; text-align:right; right:40px; }


/* ------------TABLE------------------ */
	
table { margin:5px 0; border-bottom:1px solid #000; border-collapse: collapse; }
	th, td { padding:3px 0; text-align:center;  }
	th { font-weight:bold; border-bottom:1px solid #fff; font-size:1.1em; }
	td { border-bottom:1px solid #fff; }	
	
/* ------------DIVERS--------------------- */
	
	#main #actualite p { line-height:1.2em; }
	
	
	strong { font-weight:bold; }
	
	.pdf { background: url('images/pdf.gif') no-repeat left center; padding-left:22px }
	
	.prix { font-weight:bold; font-size:1.3em; background:url('images/bg-prix.png') no-repeat left center; width:124px; line-height:17px; text-indent:5px; margin:0 0 0 0; color:#fff; }
	
	.hidden { visibility:hidden; overflow: auto; display:none;}

#logo { width:100px; float:right; margin:0 0 5px 5px; padding:0; border-left:1px solid #fff;  }
	#logo img { margin:0 auto; display:block;}
	#main #logo p { text-align:center; font-size:0.8em; font-style:italic; margin:5px; }
	
	.retour { float:right; margin:5px; }
	
	.thumbpic_liens { float:right; margin:0 0 5px 10px; }					
					
	.combo { margin:10px 0; vertical-align:middle; }
	.combo select { border:1px solid #c0c4d5; padding:1px; }
	.combo select { margin:0 5px 0 0;   }
	.combo label {  }
	.combo .ajouter {  }

	
	.lien { background: url('images/picto.jpg') left center no-repeat; padding-left:15px; line-height:15px; }

	
/* ------------FOOTER------------------ */

#footer { padding:10px 0 5px 150px; color:#999;   }
		
#copyright { text-align:right; font-size:0.8em; margin:5px auto; color:#fff; width:950px;  }
		#copyright a { color:#fff; font-size:1em; }
		

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