/* CSS Document */

/***************** FICHE PRODUIT *******************/
#left{
	position:relative; float:left;
	width:960px; min-height:450px; height:auto!important; height:450px;
	margin-left:10px; margin-top:5px;margin-bottom:10px;
	overflow:hidden;
}

#topfiche h1, #topliste h1{color:#65b4e9; font-size:1.4em; text-transform:uppercase; background:url(../element/fleche_bleu.png) no-repeat 0px 4px; padding-left:16px;position:relative; float:left;}
#topfiche .back{display:block; float:right;color:#999999; background:url(../element/list.gif) no-repeat top right; padding-right:20px; margin-right:10px; height:20px;}
#topfiche .print{display:block; float:right;color:#999999; background:url(../element/print.jpg) no-repeat top right; padding-right:23px; height:20px;}
#topfiche .prec{display:block; float:right;color:#999999; background:url(../element/back.jpg) no-repeat top right; padding-right:20px; margin-right:10px; height:20px;}
#topfiche .back:hover, #topfiche .print:hover, #topfiche .prec:hover{color:#ffffff;}

.name{
	position:relative; float:left;
	background:#e8e8e8 url(../element/puce_titre.jpg) no-repeat 4px 7px;
	color:#161616;
	font-size:1.4em; text-transform:uppercase;
	padding:2px; padding-left:20px;
	margin-top:15px; margin-bottom:10px;
	width:792px;
}
.ref{
	position:relative; float:right;
	background-color:#e8e8e8;
	color:#161616;
	font-size:1.2em; /*text-transform:uppercase;*/
	padding-top:4px;padding-bottom:4px; padding-right:10px; padding-left:10px;
	margin-top:15px; margin-bottom:10px;
	width:120px;
	text-align:center;
}
#tablefiche .resume{ background-color:#222222; width:258px; padding:4px; padding-left:6px; padding-top:8px;}
#tablefiche p{margin-bottom:4px;}
#tablefiche strong{color:#65b4e9;}
#tablefiche .prix{font-size:1.1em; background-color:#000000; padding:2px; padding-left:4px;}

#tablefiche .gall{ width:650px; background-color:#000000; padding:5px;}
#tablefiche .gall_prod{width:100%; overflow:hidden;}
#tablefiche .gall_prod img{border:1px solid #ffffff;}
#tablefiche .zoom{position:relative; display:block; float:left;width:400px; text-align:center;}
#tablefiche .zoom img{position:relative; margin-left:auto; margin-right:auto;max-width:400px;max-height:400px;}
#mini{position:relative; display:block; float:right; width:260px;}
#tablefiche .miniature img{max-height:72px; max-width:96px; margin-bototm:10px;}

#tablefiche .bottom{margin-top:20px;}

.info{
	background-color:#e8e8e8;
	width:100%; min-height:150px; height:auto!important; height:150px;
	margin-top:10px;
	color:#000000;
}
.info h1{ background-color:#a2a2a2; color:#000000; font-size:1.2em; padding:4px; padding-left:6px; text-transform:uppercase;}
.info h2{color:#3365a8; font-size:1.0em; text-transform:uppercase; font-weight:bold;}

.info ul{margin-bottom:15px;}
.info li{ list-style-image:url(../element/puce_carre.gif); list-style-position:outside;margin-left:25px;}

/**************** RIGHT **************/
#right{
	position:relative; float:right;
	width:246px; min-height:450px; height:auto!important; height:450px;
	margin-right:10px; margin-top:10px; margin-bottom:10px;
}

#contact{
	width:236px; height:50px;
	background:#000000 url(../element/contact.gif) no-repeat top right;
	padding:5px; margin-bottom:10px; margin-top:8px;
}
#contact h3{color:#65b4e9; text-transform:uppercase; font-size:1.1em;}
#contact a{color:#ffffff; font-size:1.1em;} #contact a:hover{color:#65b4e9;}

#right h4{color:#65b4e9; background-color:#000000; padding:2px; padding-left:6px; text-transform:uppercase; font-size:1.0em; margin-bottom:5px;}

.otherprod{
	width:236px; min-height:215px; height:auto!important; height:215px;
	background-color:#cdcdcd;
	margin-bottom:10px; padding:5px;
	color:#000000;
}
.otherprod img{border:1px solid #000000; max-width:235px; margin-bottom:3px;}
.imgliste{height:68px;  width:93px; position:relative; float:left; display:block; }
.linkotherprod{display:block; background:url(../element/more_vign.gif) no-repeat bottom right;color:#000000;}

.vendu{position:absolute; margin-left:289px;}
.vendu_liste{position:absolute; z-index:100; margin-left:1px; margin-top:1px;}
.vendu_liste img{ border:none!important;}

/***************** LISTE PRODUIT *******************/
#liste{
	padding:10px; padding-right:5px; padding-top:0px;
}

#leftliste{
	position:relative; float:left;
	width:200px;
	margin-top:10px;
}
#rightliste{
	position:relative; float:right;
	width:765px;
	margin-top:10px;
}
.tri{
	background-color:#000000;
	min-height:143px; height:auto!important; height:143px;
	padding:6px; margin-bottom:10px;
}
.tri h3, .search h3{font-size:1.1em; text-transform:uppercase; border-bottom:1px solid #383838; padding-bottom:2px; margin-bottom:5px;color:#ffffff;}
.tri strong{color:#65b4e9;}

.listetri{margin-left:0px; margin-top:5px; color:#ffffff;}
.listetri li{margin-bottom:3px;}

.search{background-color:#000000;min-height:65px; height:auto!important; height:65px;padding:6px; margin-bottom:10px;}
.search label{position:relative; float:left; width:215px; padding-left:5px; color:#999999;}
.search_texte{width:152px; height:16px; background:url(../element/search_ienew.gif) no-repeat top left; color:#ffffff; padding-top:2px; padding-left:4px; margin-top:2px; margin-left:5px; position:relative; float:left;}
.ok{margin-top:0px;}

.construct{background-color:#000000;min-height:65px; height:auto!important; height:65px;padding:6px; text-align:center;}
.construct h4{color:#65b4e9;; text-transform:uppercase; text-align:left; margin-bottom:8px;}
.construct img{ border:1px solid #767676; margin-bottom:5px;}

.vignette{
	position:relative; float:left;
	width:240px; height:80px;
	overflow:hidden;	
	background:#cdcdcd url(../element/more_vign.gif) no-repeat 230px 70px;
	margin-bottom:10px;
	color:#ffffff;
	margin-left:5px; padding:5px;
}
.vignette img{max-width:91px; max-height:69px; border:1px solid #000000;}
.vignette p{ text-align:left;}
.vignette a{font-size:0.9em;}
.linkprodliste{
	position:relative; float:right; display:block;
	width:143px;	
	color:#000000;
}
.linkprodliste strong{position:relative; float:left;display:block; clear:both; width:143px; height:32px; overflow:hidden; margin-bottom:0px;}
.prixliste{position:relative; float:right; display:block;width:123px; padding-right:20px;color:#000000; margin-top:8px; text-align:right; font-weight:bold; color:#1c6497;}

#copy{
	display:block; padding:5px; margin-top:10px;
	background-color:#000000; border:1px solid #515151;
	text-align:center;
}
#copy a{color:#64b3e9;} #copy a:hover{color:#ffffff; text-decoration:underline;}