/* CSS Document */

html {
	background-image:url(/images/fond.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#1B1B1B;
	font-size:0.9em;
}

a {
	outline:none;
}

body {
	background-image:url(/images/fond-corps.png);
	background-repeat:repeat-y;
	background-position:center;
	padding:0;
	margin:0;
}

input.champ, textarea.champ {
	width:550px; 
	background-color:#FFFFFF;
	padding:3px;
	border:1px solid silver;
}

.cufon-ready div#menu1 a,
.cufon-ready div#register a {
	font-size:16px;
	font-weight:bold;
}

.cufon-ready div#register a {
	margin:6px 0 0 0;
}


div#forceHeight { 
	height:460px; 
	float:left; 
	width:0px;
	border:0px solid red;
}

* html body2 {
	background-image:none !important;	
}

* html div#register {
	text-align:right;
	left:820px;
}


div.produitsnav {
	margin-left:5px;
}

a.nav, a.navactive {
	padding:3px 6px;
	background-color:silver;
	color:#333;
	border:1px solid grey;
	text-decoration:none;
	outline:none;
	font-weight:bold;
	-moz-border-radius: 5px;	
}

a.navactive {
	padding:3px 6px;
	background-color:gold;
	color:#333;
	border:1px solid grey;
	text-decoration:none;
	outline:none;
	font-weight:bold;
}

a.nav:hover {
	background-color:gray;
	color:#FFF;
}

div.commande a img:hover, img.addbasket:hover {
	margin-top:-2px;
}

h1, h3 {
	padding-top:0px;
	margin-top:0px;
}


div#contenu h1 {
	color:#693;
	font-family: Arial, Helvetica, sans-serif;
	font-size:2em;
	font-weight:bold;
	padding:0;
	margin:0;
	line-height:1.2em;
	margin-left:-2px;
}


h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.4em;
}

h3 {
	color:#693;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.em;
}

.cufon-ready div#menu2 h1 { font-size:20px; text-transform:uppercase;}
.cufon-ready div#panier h1 { font-size:20px; text-transform:uppercase;}
.cufon-ready div#identification h1 { font-size:14px; text-transform:uppercase; padding:0; margin:0; width:180px;}
.cufon-ready div#contenu h2 { font-size:20px; text-transform:uppercase; }
.cufon-ready div#contenu h3 { font-size:18px; }
.cufon-ready div#menu2 a { font-size:14px; text-transform:uppercase;} */

img {
	display:block;
	border:0;
}

img.addbasket {
	border:0 !important;	
}

div#canevas {
	width:950px;
	background-image:url(/images/fond-canevas.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#CDCDCD;
	margin:0 auto;
	overflow:hidden;
}

div#bandeau {
	width:940px;
	height:360px;
	clear:both;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

div#corps {
	overflow:hidden;
}

div#contenu {
	width:670px;
	float:right;
	border:0px solid red;
	padding: 0px 20px 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.6em;
	margin-bottom:40px;
}

* html div#contenu  {
	width: 670px;
	padding: 17px 0 0 0;
}

div#catalogue {
	margin-top:20px;
	padding-top:2px;
}

div#navigation {
	margin: 2px 0 0 5px;
	float:left;
	display:block;
	overflow:hidden;
	clear:both;
}

div#menu2, div#panier {
	width:240px;
	margin-bottom:10px;
}

div#menu2 h1, div#panier h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;	
	font-size:1.3em;
	font-weight:normal;
	color:white;
	padding:0;
	margin:0 0 10px 0;
}

div#identification h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;	
	font-size:0.8em;
	line-height:0.8em;
	font-weight:normal;
	color:white;
	padding:0;
	margin:0 0 10px 0;
}

div#menu2 div#top,
div#identification div#top {
	background-image:url(../images/pave-gris-fonce-top.png);
	background-repeat:no-repeat;
	background-position:top;
	width:240px;
	height:15px;
	display:block;
	overflow:hidden;
}

div#menu2 div#bottom,
div#identification div#bottom {
	background-image:url(../images/pave-gris-fonce-bottom.png);
	background-repeat:no-repeat;
	background-position:top;
	width:240px;
	height:15px;
	display:block;
	overflow:hidden;
}

div#identification div#bottom {
	margin-bottom:10px;	
}
	
div#menu2 div#middle,
div#identification div#middle {
	background-color:#292929;
	padding:0 20px;
	border:0;
	display:block;
	overflow:hidden;
}

div#menu2 div#middle ul {
	padding:0;
	margin:0;
	list-style:none;
	border-bottom:1px dotted #444444;
}

div#menu2 div#middle li {
	margin:0;
	padding: 4px 0 4px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	border-top:1px dotted #444444 ;
}

div#menu2 div#middle li a {
	text-decoration:none;
	color:silver;
}

div#menu2 div#middle li a:hover {
	text-decoration:none;
	color:#FFF;
}

div#menu2 div#middle li.active a {
	text-decoration:none;
	color: #FFCC00;
	font-weight:bold;
}

div#panier div#top {
	background-image:url(../images/pave-gris-medium-top.png);
	background-repeat:no-repeat;
	background-position:top;
	width:240px;
	height:15px;
	display:block;
	overflow:hidden;
}

div#panier div#bottom {
	background-image:url(../images/pave-gris-medium-bottom.png);
	background-repeat:no-repeat;
	background-position:top;
	width:240px;
	height:15px;
	display:block;
	overflow:hidden;
}

div#panier div#middle {
	background-color:#828282;
	padding:0 20px;
	border:0;
	display:block;
	overflow:hidden;
}

div#pied {
	width:940px;
	margin:0 auto;
}

div#pied div#top {
	background-image:url(../images/pave-pied-top.png);
	background-position:top;
	background-repeat:no-repeat;
	width:940px;
	height:10px;	
	display:block;
	overflow:hidden;
}

div#pied div#middle {
	background-color:#020202;
	height:40px;
}

div#pied a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#818181;
	text-decoration:none;
	margin-right:20px;
}

div#pied a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	text-decoration:underline;
}

div#pied a.active {
	color: #FFCC00;
}

div#pied a.active:hover {
	text-decoration:none;
}

div#raccourcis {
	float:left;
	margin-left:20px;
	margin-top:10px;
}

div#copyright {
	float:right;
	margin-top:10px;

}

div.product {
	height:190px;
	float:left;
	margin:0 16px 16px 0;
}

div#apparente div.product {
	height:190px;
	float:left;
	margin:0 8px 8px 0;
}

div.preview {
	width:118px;
	height:188px;
	float:left;
	background-image:url(/images/plaquette-produit.png);
	background-repeat:no-repeat;
}

div.product div.price {
	position:relative;
	top:-90px;
	font-size:.8em; 
	text-align:right;
	width:110px;
	font-weight:bold;
}

div.product div.price span {
	background-color:white;
	border:1px solid #D3D3D3;
	padding:2px 4px 3px 4px; 
}

div.preview:hover {
	margin-top:-2px;
	margin-bottom:-2px;
}

div.preview img {
	border:0;
	display:block;
}

div.preview div.imagette {
	height:112px;
}

div.preview div.description {
	height:35px;
	text-align:center;
	font-size:10px;
	padding:8px 4px 0 4px;;
	line-height:10px;
}

div.preview div.commande {
	height:30px;
	padding-left:5px;
}

div.preview div.imagette a:focus,
div.preview div.commande a:focus,
div.illuProduit a:focus { 
	outline:none 
}

table.cadreimagette {
	border:0;
	padding:0;
	margin:0;
	width:118px;
	height:112px;
}

table.cadreimagette td {
	border:0;
	padding:0;
}

table.cadreimagette img {
	
	
}

div#illuProduit {
	background-image:url(/images/plaquette-produit-zoom.png);
	background-repeat:no-repeat;
	width:180px;
	height:285px;
	float:right;
	margin-top:16px;
}



table.cadreimage {
	width:180px;
	height:285px;
	border:0;
	padding:0;
	margin:0;
}

div#description {
	width:460px;
	border:0px solid red;
	padding:0;
	margin:0;
	/*border:1px solid red;*/
}

div#description p {
	text-align:justify;
}

table.fil, 
table.fil td {
	border:0;
	padding:0;
	margin:0;
}

div#catalogue {
	clear:both;
	overflow:hidden;
}


div#illuProduit ul {
	padding:0 8px;
	margin:0;
	list-style:none;
}

div#illuProduit ul li {
	padding:4px 0;
	margin:0;
	border-bottom:1px dotted gray;
}

div#illuProduit ul li a {
	text-decoration:none;
	color:#333;
}

div#illuProduit ul li img {
	margin-top:2px;
	margin-right:6px;
	float:left;
}

div#pricebox {
	margin:10px 0 0 0;
	padding:0;
	height:40px;
}

div#pricebox div#pricelabel {
	float:left;
	padding-top:0px;
}

div#pricebox div#price {
	float:right;
	font-size:36px;
}

div#pricebox div#currency {
	float:right;
	padding-top:0px;
	padding-left:4px;
	font-size:14px;
}

div#pricebox div#price sup {
	font-size:20px;
}

* html div#price {
	padding:8px 0;
}

* html div#pricelabel,
* html div#currency {
	margin-top:6px;
}

div#outils {
	margin: 0;
	padding:0 0 30px 0;
	display:block;
	border:0px solid red;
}

div#outils ul {
	margin:0; 
	padding:0;
	list-style-type:none;
}

div#outils ul li img {
	margin:2px 6px 0 0 ;
	padding:0;
	float:left;
}

div#outils ul li {
	float:left;
	margin-right:10px;
	font-size:0.8em;
}

div#outils ul li a {
	color:#333;
	text-decoration:none;
}

div#outils ul li a:hover {
	color:#333;
	text-decoration:underline;
}


table.panier {
	border:0;
	border-collapse:collapse;
	padding:0;
	margin:0;
}

table.panier th {
	text-align:right;
	border-bottom:1px solid black;
}

table.panier td {
	text-align:right;
	padding:2px 0;
}

table.panier td.desc,
table.panier th.desc {
	text-align:left;
}

table.panier tr.total td {
	font-weight:bold;
	border-top:1px solid black;
}

input.Q {
	width:60px;
	border:1px solid silver;
	text-align:right;
}

table.ventilation {
	text-align:right;
	margin-top:20px;
	float:right;
}

table.ventilation th, table.ventilation td {
	padding:2px 0px 2px 16px;	
	border:0;
}

table.ventilation td.desc,
table.ventilation th.desc {
	text-align:right;
	border:0;
}

/* CORRECTION DES TRANSPARENTS SOUS IE6 */
* html img.png,
* html img,
* html .png,
/** html #canevas,
* html #frontpage*/
{
	behavior: expression(
			(this.runtimeStyle.behavior="none") && (this.pngSet ? this.pngSet = true : (
				this.nodeName == "IMG" ? (
					this.src.toLowerCase().indexOf('.png') > -1 ? (
						this.runtimeStyle.backgroundImage = "none",
						this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
						this.src = "/images/transp.gif"
					) : 0
				) : (
					this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
					this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
					(this.currentStyle.backgroundRepeat != 'no-repeat') ? (
						this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')"
					) : 0,
					this.runtimeStyle.backgroundImage = "none"
				),this.pngSet=true
			)
		)
	);
}