/* CSS Document */

body {
	background:#51534b;
	margin:0px;padding:0px;
	font:11px normal Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color:#999999;
	background:url(/htdocs/images/htc/bg_body.jpg) repeat-x;
	padding:20px 0px;
}
a {color:#12dc00;text-decoration:none;}
img {border:0;}
#header {
	height:173px;
	background:url(/htdocs/images/htc/bg_header.jpg) no-repeat 0px 0px;
	position:relative;
}
#wrapper {
	width:980px;margin:0 auto;background:url(/htdocs/images/htc/bg_wraper.jpg) no-repeat 0px 173px;
}

#header h1 {margin:0px;padding:0px;position:absolute;top:60px;left:32px;}
#header h1 a {display:block; width:251px; height:31px;background:url(/htdocs/images/htc/logo.gif) no-repeat;
	font-size:0px;line-height:0px;text-indent:-10000px;}
#header h2 {color:#fff;font-size:14px;position:absolute;top:140px;left:36px;font-weight:normal;z-index:2;
	margin:0px;padding:0px;}
#header hr {display:none;z-index:2;}
#header #langBox {position:absolute;right:-10px;top:10px;margin:0px;padding:0px;background:url(/htdocs/images/htc/bg_langmenu.gif);width:245px; height:28px;
	text-align:center;line-height:24px;z-index:2;}
#header #langBox a{ color:#fff;text-transform:uppercase;font-size:9px;padding:0px 10px 0px 10px;}
#header #langBox a:hover{ text-decoration:underline;}
#header #quickBox {position:absolute;right:20px;top:60px;margin:0px;padding:0px;text-align:right;}
#header #quickBox a{ color:#666;text-transform:uppercase;font-size:9px;padding:3px 20px 3px 10px;display:block;}
#header #quickBox a:hover{ color:#000;}
#header #quickBox .ho {background:url(/htdocs/images/htc/ico_ho.gif) no-repeat 100% 4px;}
#header #quickBox .si {background:url(/htdocs/images/htc/ico_si.gif) no-repeat 100% 4px;}
#header #quickBox .co {background:url(/htdocs/images/htc/ico_co.gif) no-repeat 100% 4px;}
#header .banner {position:absolute;top:-29px;left:358px;z-index:1;margin:0px;padding:0px;}
#header #logout {font-size:14px;position:absolute;top:140px;left:877px;font-weight:normal;z-index:2;
	margin:0px;padding:0px;color:#fff;}
#header #logout a {color: #fff;}

#tightCol {width: 240px;float:left;padding:15px 0px 0px 28px;}
#tightCol .searchBox {margin:0px;padding:0px 0px 10px 0px;width:206px;}
#tightCol .searchBox .searchText {width:120px;
	border-top:1px solid #d6d6d6;
	border-left:1px solid #d6d6d6;
	border-right:1px solid #edeee8;
	border-bottom:1px solid #edeee8;
	margin-right:3px;color:#000;background:url(/htdocs/images/htc/bg_input.gif) no-repeat;}
#tightCol .searchBox .searchBtn {background:url(/htdocs/images/htc/btn_search.gif) no-repeat;
	font-size:0px;line-height:0px;text-indent:-10000px;margin-bottom:3px;
	border:0px;width:69px;height:12px; cursor:pointer;
}
#tightCol .searchBox .searchBtn_de {background:url(/htdocs/images/htc/btn_search_de.gif) no-repeat;
	font-size:0px;line-height:0px;text-indent:-10000px;margin-bottom:3px;
	border:0px;width:56px;height:12px; cursor:pointer;
}
#tightCol .searchBox .searchBtn_en {background:url(/htdocs/images/htc/btn_search_en.gif) no-repeat;
	font-size:0px;line-height:0px;text-indent:-10000px;margin-bottom:3px;
	border:0px;width:56px;height:12px; cursor:pointer;
}

#tightCol ul {list-style:none;margin:10px 0px 10px 0px;padding:0px;width:200px;font-size:1.2em;}
#tightCol ul li{background:url(/htdocs/images/htc/dotted.gif) repeat-x 0% 100%;padding-bottom:1px;}
#tightCol ul a{color:#1b1456;display:block;padding:7px 0px 7px 14px;background:url(/htdocs/images/htc/arrow.gif) no-repeat 0px 12px;width: 186px;}
#tightCol ul a:hover{color:#12dc00;}
#tightCol ul ul {margin:0px 0px 0px 0px;padding:5px 0px 5px 10px;width:190px;font-size:0.8em;background:url(/htdocs/images/htc/dotted.gif) repeat-x #f5f5f5;}
#tightCol ul ul li{background:url(/htdocs/images/htc/someimg.png);}
#tightCol ul ul a{color:#12dc00;display:block;padding:2px 0px 2px 14px;background:url(/htdocs/images/htc/arrow.gif) no-repeat 0px 4px;width: 186px;}
#tightCol ul ul a:hover, #tightCol ul ul a.selected{color:#000;}

#address {background:url(/htdocs/images/htc/ico_phone.gif) no-repeat 0px 50px;text-transform:uppercase;margin: 0px;padding: 10px 0px;}
#address h3{margin:0px;padding:10px 0px;color:#c3c3c3;font-weight:normal;font-size:14px;}
#address p{margin:0px;padding:0px 0px 0px 40px;color:#000;font-size:14px; margin-top: 12px;}

#newsletterBox {padding:0px;position:relative;}
#newsletterBox label{display:none;}
#newsletterBox strong{display:block;color:#12dc00;font-size:16px;font-weight:normal;margin:20px 0px 0px 0px;padding:0px;}
#newsletterBox input {	font-size: 11px;color:#000;padding: 3px;
	width: 120px;
	border-top:1px solid #d6d6d6;
	border-left:1px solid #d6d6d6;
	border-right:1px solid #edeee8;
	border-bottom:1px solid #edeee8;
	margin:3px 0px;background:url(/htdocs/images/htc/bg_input.gif) no-repeat;}
#newsletterBox #btnNewsletter {border:0px;font-size:0px;line-height:0px;text-indent:-10000px;position:absolute;
	background:url(/htdocs/images/htc/btn_inscription.gif);width:67px;height:11px;cursor:pointer;left:130px;top:40px;}
#newsletterBox #btnNewsletter_de {border:0px;font-size:0px;line-height:0px;text-indent:-10000px;position:absolute;
	background:url(/htdocs/images/htc/btn_inscription_de.gif);width:67px;height:11px;cursor:pointer;left:130px;top:40px;}
#newsletterBox #btnNewsletter_en {border:0px;font-size:0px;line-height:0px;text-indent:-10000px;position:absolute;
	background:url(/htdocs/images/htc/btn_inscription_en.gif);width:75px;height:11px;cursor:pointer;left:130px;top:40px;}

#wideCol {width: 700px;float:left;padding:0px 0px 20px 0px;line-height:1.5em;}
#wideCol h2 {color:#000;font-size:26px;font-weight:normal;margin:10px 0px 7px 0px;padding:0px;line-height:1.5em;}
#wideCol .content {width:650px;}
.home #wideCol {width: 500px;}
.home #wideCol .content {width:450px;}
#wideCol a:hover {color:#403B3F;}

#newsBox {float:left;clear:both;width: 490px;}
#newsBox h3 {color:#12dc00;font-size:16px;font-weight:normal;margin:20px 0px 0px 0px;padding:0px;}
#newsBox .news {margin:20px 0px 20px 0px;padding:0px 25px 0px 0px;float:left;width:215px;}
#newsBox .news strong {color:#696969;display:block;font-size:12px;}
#newsBox em {display:block;color:#000;font-style:normal;padding: 5px 0px;}
#newsBox .news img {margin:0px 0px 10px 10px;}

#sideCol {width:200px;float:left;}
#wideCol .content .delimiter {border-top:1px solid #ebf2e6;
	display:block;width:450px;height:1px;clear:both;line-height:2px;}

#products {width:190px;}
#products h2{color:#45c91c;font-size:26px;font-weight:normal;margin:10px 0px;padding:0px;line-height:1.5em;}
#products img {margin:0 auto;display:block;padding:3px 0px;}
#products strong {color:#45c91c;font-size:12px;display:block;padding: 5px 0px;}
#products p{}

#footer {
	font-size:10px; padding: 3px 0px 7px 35px;clear:both;
	color:#fff;position:relative;line-height:1.7em;
	background:url(/htdocs/images/htc/bg_footer.gif) no-repeat;
}
html>body #footer {padding-top:7px;*padding-top:3px;}
#footer a{color:#fff;}
#footer a:hover{text-decoration:underline;}

/* formulaire de contact */
#contact input {width: 234px; background: #E9EFED; border: 1px solid #ccc; color: #000; font:11px normal Arial, Helvetica, sans-serif;	padding: 3px 8px;}
#contact input.bouton {background: #fff; color: #000; border: 1px solid #ccc;}
#contact textarea {width: 235px; height: 106px; border: 1px solid #ccc; background: #E9EFED; overflow: hidden; color: #41C319; font:11px normal Arial, Helvetica, sans-serif; padding: 8px 8px;}
/* fin du formulaire de contact */

/* panier */
#basketBox {padding-left: 5px;}
#basketBox h3{margin:0px;padding:10px 0px;color:#c3c3c3;font-weight:normal;font-size:14px;}
#basketBox p{margin:0px;padding:0px; color:#000;font-size:10px;}

#smallCaddie th {background:#43ca1b; color: #fff;}
#smallCaddie td.frais {background:#e7e8e9;}
#smallCaddie td.total {background:#cdcdcd; color: #3c3c3c; font-weight: bold;}
#smallCaddie input.quant {width: 20px;}
#smallCaddie td.right {text-align: right;}

/* fin du panier */

.clearer{clear:both;visibility:hidden;height:0px;display:block;}
.left {float:left;margin:0px 10px 10px 0px;}
.right {float:right;margin:0px 0px 10px 10px;}
.more {display:block;padding:10px 0px 5px 0px;}
textarea.OrderComment {background: #efefef; width: 98%}

.bouton {padding: 3px 2px; margin: 5px 5px 5px 0px; border: 1px solid #cdcdcd; background-color: #f5f5f5; color: #000;}
.error {color:#990000}

table.list2 {padding: 5px;}
table.list2 input {padding: 2px; border: 1px solid #c3c3c3; font-size: 10px; color:#000;}

table.list {width:100%;}
table.list th{text-align:left;font-size:11px;border-bottom:3px solid #dedede;padding: 10px 2px;background:#43ca1b;color:#fff;}
table.list th.align_center {text-align: center;}
table.list td{background:#fefefe;border-bottom:1px solid #ccc;padding: 2px; vertical-align:top; color: #333}
table.list .alternate td.title{background:#43ca1b;color:#999; padding: 5px;}
table.list td.male{background:#efefef; vertical-align: middle; padding-left: 5px;}
table.list td.female{vertical-align: middle; padding-left: 5px;}
table.list .alternate td{background:#efefef;border-bottom:1px solid #ccc;}
table.list img {border: 1px #fff solid;}
table.list img.link {border:0;}
table.list .pagination {background:#dedede;text-align:right;padding: 7px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;}
table.list .pagination a{color: #333;background:#fff; padding:1px 3px;border:1px solid #fff; line-height:20px;}
table.list .pagination a:hover{color: #333;background:#fff; padding:3px;border:1px solid #333;}
table.list .alpha, table.list .alpha_Selected {background:#dedede;text-align:center; padding: 7px 1px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;}
table.list .alpha_Selected a{color: #fff;background:#444; padding:1px 2px;border:1px solid #fff;}
table.list .alpha a{color: #333;background:#fff; padding:1px 2px;border:1px solid #fff;}
table.list .alpha a:hover{color: #333;background:#fff; padding:3px 2px;border:1px solid #333;}
table.list p {margin: 1em 0em;padding: 4px;border: 1px solid #ccc;background:#fff;}
table.list h4 {font-size:14px;color:#666;margin:1em 0em;padding: 4px 0px;border-bottom: 4px solid #dedede;background:#fff;
	border-top:1px solid #dedede;}
table.list a:hover {color:#000;}
table.list .links {border-width:3px;}
div.list .item{border-top:1px solid #dedede;}


table.paiement {padding: 5px; background: #efefef;}
table.paiement th {background: #43CA1B; color:#fff; text-align:left}
table.paiement input {color: #000; padding: 2px;}
.paiement select {border: 1px solid #ccc; color: #000; font-size: 10px;}
.paiement option {border: 1px solid #ccc; color: #000; font-size: 10px;}

	
input.btn_save {border:0px;font-size:0px;line-height:0px;text-indent:-10000px;position:absolute;
	background:url(/htdocs/images/htc/btn_enregistrer.gif) no-repeat;width:163px;height:11px;cursor:pointer;}
input.btn_save_de {border:0px;font-size:0px;line-height:0px;text-indent:-10000px;position:absolute;
	background:url(/htdocs/images/htc/btn_enregistrer_de.gif) no-repeat;width:57px;height:11px;cursor:pointer;}
input.btn_save_en {border:0px;font-size:0px;line-height:0px;text-indent:-10000px;position:absolute;
	background:url(/htdocs/images/htc/btn_enregistrer_en.gif) no-repeat;width:94px;height:11px;cursor:pointer;}

#toc {font:11px normal Tahoma, Geneva, Arial, Helvetica, sans-serif; color:#999999; background:none}

.modalDialog_transparentDivs{	
	filter:alpha(opacity=0);	/* Transparency */
	opacity:0.004;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv
{
	border-right: #000 1px solid;
	padding-right: 2px;
	border-top: #000 1px solid;
	padding-left: 2px;
	z-index: 100;
	padding-bottom: 2px;
	vertical-align: middle;
	border-left: #000 1px solid;
	padding-top: 2px;
	border-bottom: #000 1px solid;
	position: absolute;
	background-color: #fff;
	text-align: center;
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}
#mainContainer{
	width:300px;
	margin:0 auto;
	margin-top:10px;
	border:1px solid #000;
	padding:5px;
	
}

/* Alternative layout for the message box - used by one of the messages */

.modalDialog_contentDiv_error{
	border:3px solid #FFF;	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#F00;	/* White background color for the message */
	color:#FFF;
}
.modalDialog_contentDiv_error a{
	color:#FFF;
}

/* /modal message*/