/* Affichage produit */
/*#content #modalbox {text-align:left;}
#modalbox h2, #modalbox h3 { letter-spacing:-0.05em; }
#modalbox h2 {font-size: 1.6em;color: #0B3281;}
#modalbox h3 {font-size: 1.4em;}
#modalbox a {text-decoration:none;}
#modalbox p  {margin:5px 0 5px 0;}
#modalbox strong {font-weight:bold;}
#modalbox em {font-style:italic;}
#modalbox .product-resume{display:block;height:60px;margin-bottom:20px;}

div#products ul{list-style-type: none;list-style-image: none;margin:0 15px;padding:0}
div#products li{display: block;color:white;font-size:0.8em;float:left;width:150px;margin: 10px 10px 10px 0;background-color: #0B3281;padding:10px;}
div#products li img{border: 0px}
div#products li a {font-size:0.8em;font-weight:bold;color:white;}

div#more-products {clear:both;}

.product-tn-image, .product-big-image, .product-small-image {background-color:white;display:block;text-align:center;vertical-align:middle;overflow:hidden;}
.product-tn-image img, .product-big-image img, .product-small-image img {margin:0 auto 0 auto;top:50%;}
.product-tn-image {width:150px;height:150px;}
.product-small-image {width:75px;height:75px;display:block;}*/

/* Références
div#references ul{list-style-type: none;list-style-image: none;margin:0 15px;padding:0}
div#references li{display: block;color:white;width:50px;height:50px;font-size:0.8em;float:left;margin: 10px 10px 10px 0;background-color:#0B3281;padding:1px;}
div#references li img{border: 0px;width:50px;}
div#references li a {font-size:0.8em;font-weight:bold;color:white;}
#container-references {height:400px;overflow:auto;}
table#references {width:95%;border-collapse:collapse;border:1px solid #FFCA5E;}
table#references caption {font: 1.8em/1.8em Arial, Helvetica, sans-serif;text-align: left;text-indent: 10px;background: url(bg_caption.jpg) right top;height: 45px;color: #FFAA00;}
table#references thead th {background: url(bg_th.jpg) no-repeat right;height: 47px;color: #0B3281;font-size: 0.8em;font-weight: bold;padding: 0px 7px;margin: 20px 0px 0px;text-align: left;border-right: 1px solid #FCF1D4;}
table#references tbody tr {background: url(../images/interface/background08.jpg) repeat-x top;}
table#references tbody tr.odd {background: #FFF8E8 url(bg_td2.jpg) repeat-x;}
table#references tbody th, td {font-size: 0.95em;line-height: 1.4em;padding: 5px 7px;border-top: 1px solid #FFCA5E;border-right: 1px solid #DDDDDD;text-align: left;}
table#references a {color: #777777;font-weight: bold;text-decoration: underline;}
table#references a:hover {color: #F8A704;text-decoration: underline;}
table#references tfoot th {background: url(bg_total.jpg) repeat-x bottom;color: #FFFFFF;height: 30px;}
table#references tfoot td {background: url(bg_total.jpg) repeat-x bottom;color: #FFFFFF;height: 30px;} */


/* Index des catégories */
#content table.catalogue-index {width:100%;}
#content table.catalogue-index td {vertical-align:top;width:50%;}
#content table.catalogue-index a {padding:5px;display:block;}
#content table.catalogue-index a:hover {padding:4px;border:1px solid gray;color:gray;background-color:#efefef;}
#content table.catalogue-index u li {margin:5px 0;}

/*#center { padding-top:30px; font-size:11px;}
/*titre*/
/*#catalogue { color: #57AF31; background: url(../images/interface/images/main-ico-catalogue.png) no-repeat;}
#catalogue-photo { float:right; width:500px; height: 100px; margin-top: -90px; background: url(../images/interface/images/catalogue-01-photo.jpg) no-repeat; background-position: right;}*/

/* Slideshow */
/*div#slideshow, div#slideshow div.slide, div#slideshow div.slide-image {width:370px;height:200px;overflow:hidden;}
	div#slideshow {position:relative;margin:15px;}
	.photo-unavailable {width:90px;position:relative;text-align:center;top:30%;color:#AFAFAF;font-style:italic;}
	div#slideshow div.slide {position:absolute;top:0;left:0;}
	div#slideshow div.slide-image {background-repeat:no-repeat;background-color:#fff;background-position: 50% 20px;}
	div#slideshow p.slide-resume {margin:0;text-align:center;}*/
/*div#slideshow div.slide-label {opacity:0.90;filter:alpha(opacity=90);color:#0B3281;background-color:#fff;padding:5px;font-size:90%;font-style:italic;font-weight:bold;}
div#slideshow div.slide-resume {opacity:0.90;filter:alpha(opacity=90);background-color:#fff;position:absolute;height:70px;width:150px;left:242px;color:#0B3281;padding:5px;font-size:85%;}*/

/*div#slideshow-detail, div#slideshow-detail div.slide, div#slideshow-detail div.slide-image {width:800px;height:500px;}
div#slideshow-detail {position:relative;}
div#slideshow-detail div.slide {position:absolute;top:0;left:0;}
div#slideshow-detail div.slide-image {background-color:#fff;background-position:15% 50%;padding-top:10px;}
div#slideshow-detail div.slide-label {opacity:0.90;background-color:#0B3281;color:#fff;padding:5px;font-size:110%;font-style:italic;font-weight:bold;}
div#slideshow-detail p.slide-resume {float:left;background-color:#fff;color:#0B3281;padding:5px;font-size:95%;}
div#slideshow-detail div.slide-reference {position:absolute;bottom:0px;color:#DFDFDF;font-size:85%;}*/

/* Affichage produit */
#product-sheet {text-align:left;}
#product-sheet table td {vertical-align:top;}

#product-sheet #detail {position:absolute;float:right;width:390px;height:475px;overflow:auto;}
#product-sheet #productpicto {background-repeat:no-repeat;background-position:left 50%;width:400px;height:400px;}

/* Vignettes références */
#product-sheet .reference-item {float:left;font-size:75%;margin:4px;background-color:#EFEFEF;padding:2px;border:1px solid #efefef;}
#product-sheet .reference-item:hover {border-color:#0B3281;}
#product-sheet .reference-item a {display:block;padding:0px;}
#product-sheet .reference-item a:hiver {background-color:transparent;}
#product-sheet .reference-item-image {overflow:hidden;background-color:#fff;background-repeat:no-repeat;background-position:40% 50%;}
#product-sheet .reference-item-image img {width:50%;}

#product-sheet .reference-item, #product-sheet .reference-item-image {width:90px;height:90px;}

div#search-product-box {margin-top:70px;}

div.auto_complete {position:absolute;background-color:white;border:1px solid #888;margin:0px;padding:0px;font-size:85%;}
div.auto_complete ul {border:0px;list-style-type:none;margin:0px;padding:0px;}
div.auto_complete ul li.selected { background-color: #ffb;}
div.auto_complete ul li {list-style-type:none;display:block;margin:0;padding:2px;height:20px;cursor:pointer;}

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 20px 0;
	position: relative;
	width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	border: 5px solid #fff; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 370px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 200px;
	clear: both;
	background: #fff;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 300px;
	background-repeat:no-repeat;
	background-position:25px 40px;
	position: relative;
	width: 370px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	display:none;
	margin: auto;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}

.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #c6e3ff;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 15px;
}

.stripNav li.tab1 a { background: #60f }
.stripNav li.tab2 a { background: #60c }
.stripNav li.tab3 a { background: #63f }
.stripNav li.tab4 a { background: #63c }
.stripNav li.tab5 a { background: #00e }

.stripNav li a:hover {
	background: #333;
}

.stripNav li a.current {
	background: #000;
	color: #fff;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 110px;
	text-indent: -9000em;
}

.stripNavL a, .stripNavR a { display: block;height: 40px;width: 40px;}
.stripNavL a:hover, .stripNavR a:hover {background-color:transparent !important;}
.stripNavL {left: 0;}
.stripNavR { right: 0;}
.stripNavL { background: url("../images/arrow-left.gif") no-repeat center; }
.stripNavR { background: url("../images/arrow-right.gif") no-repeat center; }