/* core */
BODY, HTML{
	background:#3C3330;
	text-align:center;
	padding:0px;
	font-family:arial; 
	color:#A9A495;
}

BODY, HTML, H1, H2, H3, UL, LI, DL, DD, DT{ 
	margin:0; 
	padding:0;
}
H1{ 
	font-size:13px;
}

H2{ 
	font-size:11px;
	margin:0px 0 5px 0

}
.h_title{
	background:#4F443F;
	border-top:1px solid #322B29; 
	margin:1px;
	padding:3px 0;
}
.h_title H2 {
	padding:0 0 0 10px;
	margin:0 0 0 5px;
	background:url(/images/theme-01/pointer.gif) left no-repeat; 
	text-align:left;
}
H3{ 
	font-size:13px;
	
}
P, DIV, TD{
	font-size:11px;
}
P, DD{
	margin:0 0 10px 0;
}
UL{
	list-style-position:inside;
}

.clear{ 
	clear:both;
	height:0;
}
	.clear img{ 
		width:1px;
		height:1px;
	}
.title{
	width:100%;
	background:url(/images/theme-01/title_pointer.png) left no-repeat;
	padding:0;
	margin:0 0 10px 0;
}
	.title H2{
		margin:0;
		padding:3px 0 0 0;
	}
	.title H3{
		margin:0;
		padding:4px 0 0 0;
	}
.split_search, .split{ 
	height:2px;
	width:100%;
	margin:10px 0;
	background: url(/images/theme-01/split_h.gif) top left repeat-x;
	clear:both;
}
/*COLOR ---------------------------------------------------------------------*/
.color_1, H1, H2, H3, .white{	
	color:#C6BFA2 ; 
}
.color_2 , .title_search, .links A, #type A, H1{
		color:#CC6600;
}
.color_3{
	color:#2E3E49;  /* GREY BORDER */
}
.color_4, P, A, DIV, TD{
	color:#A9A495  /* BLUE */
}
.color_5{	
	color:#858881;
}
/* Menu
------------------------------------------------*/
.menu{
		width:744px;
		margin:auto;
}
	.menu LI{
		 height:93px;
		 width:124px;
		 text-align:center;
		 color:#FFFFFF;
		 float:left;
		 display:block;
		 font-size:14px;
		 letter-spacing:1px;
	}
		.menu LI.but_1{
			background:url(/images/theme-01/but_1.gif) top no-repeat;
		}
		.menu LI.but_2{
			background:url(/images/theme-01/but_2.gif) top no-repeat;
		}
		.menu LI.but_3{
			background:url(/images/theme-01/but_3.gif) top no-repeat;
		}
		.menu LI.but_4{
			background:url(/images/theme-01/but_4.gif) top no-repeat;
		}
		.menu LI.but_5{
			background:url(/images/theme-01/but_5.gif) top no-repeat;
		}
		.menu LI.but_6{
			background:url(/images/theme-01/but_6.gif) top no-repeat;
		}
			.menu LI A{
				 text-decoration:none;
				 color:#FFFFFF;
				 display:block;
				 margin:65px 0 0 0;
			}
			.menu LI A:hover{
				 text-decoration: underline
			}
			
		
/*STRUCTURE GENERALE --------------------------------------------------------*/
#top{
	width:709px;
	margin:auto;
}
#conteneur {
	width:670px;
	margin:auto;
	padding:8px 0;
}
	
.wrapper{
	width:100%;
	margin:auto;
	text-align:left;
}
#left{ 
	width:450px; 
	float:left;
	margin-right:5px;
}
#right{
	width:210px; 
	float:right;
}
#top_link{
		width:670px;
		margin:0;
		font-size:11px;
	}
	#top_link A{
		text-decoration:none;
	}
	
#footer{
	width:670px; 
	margin:auto;
	height:45px;
	background:#362D2A;
	font-family:Verdana;
}
	#footer .wrapper{
		padding:7px 0 0 10px;
	}
	#footer P{
		width:100%;
		margin:0;
	}
#footer_sub{
	height:30px;
	text-align:center;
	width:150px;
	margin:auto;
	padding-top:15px;
	font-size:9px;
}
	
	#footer_sub A{
		cursor:default;
		text-decoration:none;

	}

.split_h{
	clear:both;
	padding:0;
	margin:0 0 10px 0;
	background:none;
}

/* Custom boxes
 ------------------------------------------------------------------------------ */

.box .top a, .box .top a span {
    display: block;
    background: url(/images/theme-01/box-top.png) no-repeat;
}
.box .bot a, .box .bot a span {
    display: block;
    background: url(/images/theme-01/box-bot.png) no-repeat;
}
.box .top a {
    color: #000000;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.2;
    text-align: left;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */
}
.box .top a, .box .bot a {
    position: relative;
    top: 0px;
    z-index: 2;
	margin:0px;
	padding: 0 10px 0 0;
}
.box .top a span, .box .bot a span {
    width:64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 9px; /* IE 6 treats height as min-height */
    min-height: 9px;
	padding: 0px 0 0 20px;
}
.box .bot a span {
    height: 9px; /* IE 6 treats height as min-height */
    min-height: 9px;
	padding-top: 0;
}
*>.box .top a span, *>.box .bot a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.box .top span, .box .bot span{
    background-position: 0 0;
}
.box .top a, .box .bot a{
    background-position: 100% -25px;
}
.box .cnt {
    border-left: 5px solid #39302D;
	border-right:5px solid #3A312E;
	background:#4F443F;
	padding: 3px 5px 3px 5px;
}
.box .cnt .wrap{
	padding: 0px 5px;
}
	
/* CUSTOM LINKS
------------------------------------------------------------------------------ */
#type{
	padding:0;
	margin:0;
	border-collapse:collapse;
}
	#type TD{ 
		vertical-align:top;
		width:140px;
	}
	#type ul{
	list-style:none;
	margin-left:3px; 
	}
	#type A{ 
		display:block; 
		float:left; 
		text-decoration:none
	}
		#type A:hover{
			text-decoration:underline;
		}
		
/* FORM
------------------------------------------------------------------------------ */
input.submit{
	background:#E7E4D8;
	color:#E8520F;
	border: 1px solid #2E3E49;
	text-align:center;
	font-size:11px;
	letter-spacing:0px;
	padding:2px 5px;
}
div.submit{ 
	text-align:center;
}
#support LABEL{ 
	margin:3px 0 0 0;
	padding:0;
	float:left
}
#support input{
	float:left;
}
/* FICHE PRODUITS
------------------------------------------------------------------------------ */
.fiche_thumbs{
	margin:0;
	border-collapse:collapse;
	width:118;
	text-align:center;
	margin:auto;
}
.fiche_thumbs div{
	margin:0 0 3px 0;
}
/* search */
/* Autocomplete
 ------------------------------------------------------------------------------ */
.ac_results {
	padding: 0px;
	background:#4F443F;
	border:1px solid #322B29; 
	overflow: hidden;
	z-index: 99999;
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	text-align:left;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 99%;*/
	font: Tahoma;
	font-size: 11px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 13px;
	overflow: hidden;
}
.ac_loading {
	background : Window url(/images/theme-01/indicator.gif) right center no-repeat;
}
.ac_over {
	background-color: #0099FF;
	color: #FFFFFF; /*HighlightText;*/
}
.ac_moreItems {
	text-align: center;
	background-color: InactiveCaption;
	color: InactiveCaptionText;
	margin: 0px;
	padding: 0px 5px;
	cursor: default;
	display: block;
	width: 100%;
	font: bold menu 12px;
	overflow: hidden;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* SEARCH
-----------------------------------------------------*/
#search{ 
	width:175px;
	margin:0 0 0 20px;
	padding:0 0 15px 0;
}


#box-search{
	background:#322B29;
	width:100%;
}
#box-search h2{
	
}

	#box-search .wrap{
		width:100%;
		padding:0px;
	}
	#box-search .item{
		padding:0;
		width:100%;
		margin:0;
		padding:0;
	}
	#box-search label.info{
		font-weight:bold;
		width:168px; 
		overflow:hidden;
		display:block;
		background: url(/images/theme-01/split_h.gif) bottom left repeat-x;
		margin:15px 0 9px 0;
		padding-bottom:4px
	}
	#box-search span{
		font-size:11px;
	}
#box_search .split_search img{ 
	height:2px;
	width:1px;
}
.suggest_box{ 
	font-size:12px; 
}
	.suggest_box LABEL{
		font-size:12px
	}
	
.suggest_box .result {
	clear:both;
	background:#4F443F;
	border:1px solid #322B29; 
	padding:1px;
	z-index:1000;
	position:absolute;
	visibility:hidden;
}	
	.suggest_box .result .selected {
		background:#13212B;
	}
	.suggest_box .result .list {
		overflow:auto;
		height:100px;
	}

img.suggest, input.suggest{
	float:left;
}
.input-xs{ 
	width:50px;
}
input.suggest, input.input, input.input-xs, input.input-xl, input.text, select.select-one, select.select{
    border:1px solid #3C3330;
    background:#E7E4D8;
    height:17px;
	color: #3C3330;
	font-size: 11px;
	padding: 2px 0px 0px 1px;
	margin:0;
}
img.suggest {
	clear:right;
    border:1px solid #3C3330;
	border-left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 1px;
}

/* FORM -------------------------------------------------------------- */
form{
	margin:0;
}
.item{
	margin:0 0 10px 0;
}
.item input.input, .item input.text, .item select.select, .item select.select-one, .item input.error, .item select.error{
	float:left;
	width:125px;
	color: #3C3330;
}
textarea.textarea{
	color: #E8520F;
	font-size: 12px;
	margin: 0px;
    border:1px solid #3C3330;
	background:#E7E4D8;
	width:125px;
	height:60px;
}
input.error, select.error {
	border: 1px solid red;
	background:#172732;
}
label.radio{
	color:#6996A6;
	border:1px solid;
}

label.input{
	width:120px;
	margin-right:15px;
	display:block;
	float:left
}

/* FORM 
-------------------------------------------------------------- */
#support{
}
#support input.input, #support input.text{
	width:100px;
	height:16px;
	padding:2px 1px;
}
#support label.input{
	width:130px;
}
#support select.select, #support select.select-one{
	width:102px;
	height:21px;
}
#support textarea {
	width:130px;
	height:67px;
	padding:1px;
}
#support .split_v{
	width:1px;
	margin:0 10px;
	background:#324653;
}

/* lightbox */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/theme-01/ico-lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/theme-01/ico-lightbox/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/theme-01/ico-lightbox/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-top: 1.0em; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	

/* thickbox */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* *{padding: 0; margin: 0;}*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}
/*
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #3C3330;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #111E27;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}