@charset "utf-8";


/* GENERAL */
body{ font-family:Verdana,Arial,sans-serif; background-color:#000; text-align:center;}
#ww-wrapper{ font-size:110%; width:951px; text-align:left; margin:0 auto;}
a, a:visited { color:#97BF0D; }
.opacity50{filter:alpha(opacity=50); -moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;}
.opacity100{filter:alpha(opacity=100);-moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
p.large_p{padding:8px 0}
.noPadding{padding:0 !important}


/* HEADER */
#ww-header { margin-top:12px;}

#logo { display:block; text-indent:-5000px; width:126px; height:70px; margin:10px 0 15px 0; float:left; background:url(img/ww-header-logo.jpg) no-repeat;}

#lang {float:right;} 
#lang li {margin-left:19px; float:left;}
	#lang li a { background-image:url("img/lang-flags.png"); display:block; height:15px; width:21px; text-indent:-5000px;}
		#fr-lang 				{background-position: 0 0;}
		#blgq-lang, #blg-lang 	{background-position: -21px 0;}
		#nd-lang 				{background-position: -42px 0;}
		#it-lang 				{background-position: -63px 0;}
		#en-lang 				{background-position: -84px 0;}
		#csk-lang 				{background-position: -105px 0;}
		#lux-lang 				{background-position: -126px 0;}
		#esp-lang 				{background-position: -147px 0;}
		
#social-panel {float:right;margin-top:14px;}
#social-panel li a { display:block; height:24px; width:24px; text-indent:-5000px;}
#social-panel #fb_icon {background-image:url("img/fb_icon.png");}
#social-panel #twit_icon {background-image:url("img/twit_icon.png");}

/* #social-panel_fr {float: left;	margin-top: 14px; margin-left: 35px}*/
#social-panel_fr {float: left;	margin: 7px 0 0 125px; overflow:hidden; padding-right:10px;}
#social-panel_fr #fb_icon {background-image: url("img/fb_icon.png");}
#social-panel_fr #twit_icon {background-image: url("img/twit_icon.png");}
#social-panel_fr li a {display: block;height: 24px;text-indent: -5000px;width: 24px;}

/* COMMUNAUTE COYOTE */
.number_users {float: left; margin: 7px 0 0 0; overflow: hidden; width: 146px;}
.number_users dt {text-align: left; font-size: 0;}
.number_users dt  img {margin-left: 0; padding: 0; border: 0;}
	*html .number_users dt  img {margin-left: -1px;}
	*+html .number_users dt  img {margin-left: -1px;}
.number_users dd {text-align: left; margin-top: 4px;}
	
/* FABRICATION FRANCAISE */
#fabrication-francaise {float:left; margin: -7px 0 0 144px;background-image: url("img/fabrication-francaise.png"); height: 27px; width: 300px;} 

		
#acc-panel {float:right; margin-top:7px; width:516px; font-weight:bold; font-size:90%;}
#acc-panel li {float:right; margin-left:10px; }
	#acc-panel li a { background-image:url("img/acc-panel.jpg"); display:block; height:16px; width:115px; text-align:center; text-decoration:none; color:#DEDEDE; padding-top:42px;}
	#acc-panel #my-cart 				{background-position: 0 -58px; }
	#acc-panel #my-cart:hover 			{background-position: -115px -58px; }
	#acc-panel #my-account 				{background-position: 0 0; }
	#acc-panel #my-account:hover 		{background-position: -115px 0; }
	#acc-panel #preregistration 		{background-position: 0 -116px; width:226px; height:58px; text-transform:uppercase; font-size:100%; padding:0 0 0 25px; text-align:left;}
	#acc-panel #preregistration:hover 	{background-position: 0 -174px;}
	
	#acc-panel #preregistration span {display:block; font-size:1.3em; line-height:30px; margin-left:-20px;}


/* MENU */
#ww-menu {font-family:sans-serif; background-color:#3A3A3A; margin:7px 0; clear:both; width:100%;}
	#ww-menu:after{ content: '.'; display: block; clear: both; height: 0; visibility: hidden;}
	
#ww-menu li{ float:left; line-height:23px; white-space:nowrap;}
.es #ww-menu > li{ font-size:80%; }
.it #ww-menu > li{ font-size:90%; }
	#ww-menu li a{display:block; color:#FFF; text-transform:uppercase; text-decoration:none; font-size:130%; text-align:center; width:100%; background: transparent url(img/ww-menu-divider.jpg) center right no-repeat;}
		#ww-menu li.ww-last-child a{background:none;} /* IE */
		#ww-menu li:last-child a{background:none;}

#ww-menu li:hover, #ww-menu li.ww-hover, #ww-menu li.ww-active {background:url(img/ww-menu-on.jpg) repeat-x;}
#ww-menu li:hover a{cursor:pointer;}


/* SOUS MENUS */
#ww-menu ul {visibility:hidden; position:absolute; list-style:none; z-index:100;}
	#ww-menu li:hover > ul, #ww-menu li.ww-hover > ul {visibility:visible;}
	
	* html #ww-menu li.ww-hover ul {visibility:visible;} /* IE */
	* html #ww-menu li.ww-hover ul li ul {visibility:hidden;}  /* IE */
	
#ww-menu li ul li { clear:left; white-space:nowrap; line-height:23px;  width:100%;}
#ww-menu li ul li { width:255px \9;} /* IE */
#ww-menu li ul li a { color:#FFF; background:url(img/ww-menu-off.jpg) repeat-x !important; padding:0 10px;}
#ww-menu li ul li a:hover {background:url(img/ww-menu-on.jpg) repeat-x !important;}

/* SOUS SOUS MENU */
#ww-menu ul ul { left:100%; margin:-23px 0 0 20px; }
#ww-menu ul li:hover ul, #ww-menu ul li.ww-hover ul {visibility:visible;}


/* LEFT MENU */
#leftMenu, .ww-sidebar { float:left; clear:left; padding:15px; margin-bottom:10px; width:152px; background:#181818 url(img/bg-sidebar-left.png) repeat-x; border-style:none solid solid; border-width:medium 1px 1px; border-color:#2A2A2A #2A2A2A #2A2A2A; color:#FFF; }
#leftMenu, .ww-sidebar { background-color:#121212\9; } /* IE */
#leftMenu { padding:0 0 15px 0; width:182px; }
	#leftMenu ul li {font-size:11px; padding:20px 5px 0 8px;}
		#leftMenu ul li a {background:url("img/sidebar-bullet.gif") no-repeat scroll 0 50% transparent; font-weight:bold; line-height:18px ;padding-left:13px; text-decoration:none; text-transform:uppercase;}
		#leftMenu ul li a, #leftMenu ul li a:visited { color:#97BF0D; }
			#leftMenu ul li ul li {font-size:9px; padding:0 0 0 10px; }
			#leftMenu ul li ul li a {background:url(img/sidebar-dd-bullet.gif) no-repeat scroll 0 2px transparent;}
			#leftMenu ul li ul li a, #leftMenu ul li ul li a:visited {color:#FFF;}


/* SIDEBAR */
.ww-sidebar h2{ font-size:130%;}
.ww-sidebar p.ww-more a{ display:block; width:41px; height:10px; background:transparent url("img/txt-more-green.gif") no-repeat right center; text-indent:-5000px; float:right;}


/* CONTENT */
#ww-content{ width:696px; float:right; background-color:#272727; padding:30px; padding-bottom:10px;}
#ww-content h1{ font-size:160%; color:#97BF0D; font-weight:normal; margin-bottom:10px;}
#ww-content h2{ font-size:16px; color:#97BF0D; font-weight:normal; margin-bottom:10px;}
#ww-content h3{ font-size:12px; color:#2a2a2a; font-weight:normal; margin-bottom:5px; text-decoration:underline;}
#ww-content h6{height: 20px; margin-bottom: 16px;}
.ww-content-section {background-color:#fff; overflow:hidden; position:relative; padding:10px;}

.form-buttons input, .form-buttons button {text-shadow: 0.1em 0.05em 0.15em black; cursor:pointer; border-width:1px; background:#fff url(img/bg_buttons.gif) repeat-x 0 top; height:25px; font-size:15px; font-weight:bold; padding:0 30px; color:#FFF; border-radius: 7px;}
.form-buttons input:hover, .form-buttons input.hover, .form-buttons button.hover{background:#fff url(img/bg_buttons.gif) repeat-x 0 bottom; color:#4f630a; text-shadow:none;}

/* INACTIVE BUTTONS */
.form-buttons-inactive input, .form-buttons-inactive button {text-shadow: 0.1em 0.05em 0.15em black; cursor:pointer; border-width:1px; background:#fff url(img/bg_buttons_inactive.gif) repeat-x 0 top; height:25px; font-size:15px; font-weight:bold; padding:0 30px; color:#FFF; border-radius: 7px;}
.form-buttons-inactive input:hover, .form-buttons-inactive input.hover, .form-buttons-inactive button.hover{background:#fff url(img/bg_buttons_inactive.gif) repeat-x 0 bottom; /*color:#4f630a;*/ text-shadow:none; cursor: default;}

/* .cms .form-buttons {position:relative; top:30px \9;} */ /* IE */
.cms .form-buttons {position:relative;}
.cms {position:absolute; background: url("img/items-background.png") repeat-x scroll 0 0 #CCCCCC; width:351px; min-height:88%; padding:20px;}
.cmsArticle {width:auto;background:none;position:static}
.photo {float:right;max-height:335px;max-width:345px;}

.cms .toolTipList 	{margin:20px 0 40px 0;}
.cms .toolTipList li{display: inline; float: left; position: relative; background:none; cursor:pointer; width:29px; padding:0;margin-right:10px;}
.cms .toolTip 		{max-height: 60px;position: absolute;top: 25px;width: 73px;}
.cms .toolTip span 	{background: url("img/products-toolTip-arrow.png") no-repeat scroll 0 0 transparent; display: block; height: 8px; margin: 0; width: 100%;}
.cms .toolTip p 	{background: url("img/products-toolTip-background.png") repeat-x scroll 0 0 #565656; color:white; font-size:11px; height: auto; line-height:13px; margin:0; overflow:hidden; padding:5px; text-align:center; width:100%;}

.ww-more-section 		{clear:both; margin-top:30px; background-color:#FFF;}
#moreTabs li 			{float:left; position:relative; background:url("img/tabs_separator.jpg") repeat-x scroll 0 0 transparent; padding:0; height:24px; line-height:24px; text-align:center; text-transform:uppercase; font-size:1.2em;text-indent:-10px}
#moreTabs li.selected 	{background-position:0 -24px;}
#moreTabs li a 			{text-decoration:none; color:#FFF; width:100%; display:block; background:url("img/tabs_separator.jpg") no-repeat;}
#moreTabs li.selected a {color:#97BF0D;}
#moreTabs li.last a		{background:none;}

.img-container {float:left; max-height:130px; max-width:167px}
.tab_content {padding:10px;border:1px solid #CCC; padding-top:35px;}
.tab_content_sep {clear:both;background-color:#CCC;height: 1px;border: 0;}
.tab_content .price {color: #747474;font-weight:bold;line-height:40px;}

#disconnect-btn { background:url("img/disconnect-bullet.png") no-repeat scroll 100% 55% transparent; color:white; float:right;font-size:11px;line-height:25px;text-decoration:none;position:relative;margin-top:-28px;padding-right:25px;}
#breadcrumb { float:left; font-size:11px; line-height:25px; position:relative; margin-top:-28px; color:#FFF}

#ww-content p.more{text-align:left; margin:10px 0 20px 10px;}

.green_header {border:1px solid #D3D3D3; background:url("img/accordeon.png") repeat-x scroll 50% 50% transparent; line-height:20px; padding-left:10px; text-decoration:none; color:#444; margin-top:20px;}
.accordion {cursor:pointer;}


/* GOTO TOP */
#ww-content p.goto-top-page{ text-align:right;}
#ww-content p.ww-top{ float:right; clear:right; width:100%; margin-top:10px; background:transparent url("img/txt-top-dark.gif") no-repeat;}
#ww-content p.ww-top a{ display:block; float:right; width:85px; height:10px;}
#ww-content p.ww-top a span{ display:none;}

	.en #ww-content p.ww-top{background-position:right 0;}
	.fr #ww-content p.ww-top{background-position:right -20px;}
	.it #ww-content p.ww-top{background-position:right -30px;}
	.nl #ww-content p.ww-top{background-position:right -10px;}
	.es #ww-content p.ww-top{background-position:right -40px;}

/* ACHAT */
table.list-table { width:100%; margin:10px auto; border:2px solid white; -moz-box-shadow:6px 4px 6px #D1D1D1; -webkit-box-shadow:6px 4px 6px #D1D1D1; box-shadow:6px 4px 6px #D1D1D1;}
table.list-table th { color:#424242; border-bottom:2px solid white; border-right:2px solid white; text-align:center; background-color:#DBDBDB; font-size:10px; line-height:20px; font-weight:bold;}
table.list-table td { border-bottom:2px solid white; border-right:2px solid white; color:#424242; text-align:center; background-color:#EBEBEB; height:40px;}
table.list-table td.petite { height:20px;}
table.list-table td.numberright { text-align:right; padding-right:10px;}
table.list-table td.photo {text-align:right; border:none; background:#fff; width:50%;}
table.list-table hr {height: 2px; color: #FFF; background-color: #FFF; border: none;}

table.green-table th {background-color:#83A506;font-size:14px; line-height:28px;}
table.green-table td {background-color:#A6C833}
table.green-table .form-buttons input {background:#fff url(img/bg_buttons_white.gif) repeat-x 0 top; color:#000; text-shadow: none;}
table.green-table .form-buttons input:hover {background:url(img/bg_buttons_white.gif) repeat-x 0 bottom; color:#000}

#recalculateForm {margin-bottom:20px;}
#preshipmentForm {float:right; width:50%}
#continueshoppingForm {float:left; width:40%;}


/* HOMEPAGE */
.addBlockBlack {background:url(img/addBlock-black-background.png) repeat-x scroll 0 0 black;border-color:#313131 #2F2F2F;border-style:solid;border-width:1px;height:109px;width:235px;}


/* SITE MAP */
.sitemap li {padding-left:20px; background:url("img/bg-content-h1.gif") no-repeat 0 7px ; text-transform:none;}
.sitemap li.ww-first-child {padding-top:10px;line-height:20px; background:none; text-transform:uppercase;}
.sitemap a {font-weight:bold; color:#646464}
.sitemap a:hover, .sitemap a.ww-hover {color:#97BF0D}


/* LOGIN */
#login_page {background-color:#c9c9c9; position:relative;}
#login_page p {text-align:center; text-transform:uppercase; color:#FFF; font-weight:bold; background-color:#666; padding:3px;}
#login_page form { font-weight:bold; width:300px; margin:0 auto; padding:20px;}
#login_page a {font-weight:normal; color:#000;}
#login_page .text_type {margin:10px 20px 30px 20px;}
#login_page .text_type input {width:200px}
#login_page .form-buttons {right:20px; margin-top:-5px; position:absolute;}

/* PROMO BLOC */
#prefooter{float: left; margin-right: 0; overflow: hidden; width: 100%;  margin-top: 8px; cursor:pointer;}
#prefooter a{text-transform:uppercase; font-size:100%; text-align:center;font-weight:bold; color: #DEDEDE; text-decoration:none; border-color: #313131 #2F2F2F;border-left: 1px solid #2F2F2F;border-right: 1px solid #2F2F2F;border-style: solid;border-width: 1px;width: 215.5px;height: 109px; padding:0 10px; float:left;}
#prefooter span {display:block; font-size:1.3em; line-height:30px; margin-top: 27px;}

#prefooter .enregistrement{background: url("img/addBlock-green-background.png") repeat-x scroll 0 0 black;}
#prefooter .enregistrement:hover, #prefooter .enregistrement.ww-hover,
#prefooter .parrainnage:hover, #prefooter .parrainnage.ww-hover,
#prefooter .promo:hover, #prefooter .promo.ww-hover,
#prefooter .contact:hover, #prefooter .contact.ww-hover{background-position: 0 -110px;}
#prefooter .parrainnage {padding:0;width: 235.5px;}
#prefooter .parrainnage div {background: url("img/addBlock-parrain.png") no-repeat scroll 0 0; height:100%; padding-left:70px; padding-top:1px; width:175.5px; text-shadow: #000 0.8px 0.8px 0.8px,#000 -0.8px 0.8px 0.8px,#000 -0.8px -0.8px 0.8px,#000 0.8px -0.8px 0.8px;}
#prefooter .parrainnage, #prefooter .promo, #prefooter .contact {background: url("img/addBlock-black-background.png") repeat-x scroll 0 0 black;}

.addBlock {margin-top: 8px; overflow: hidden; zoom: 1; width:100%; cursor:pointer; float:left}
.addBlock .enregistrement,
	.addBlock .parrainnage,
	.addBlock .gav,
	.addBlock .odr,
	.addBlock .infos-legislation,
	.addBlock div, 
	.addBlock img {float: left; height: 111px; margin-right: 1px; width: 237px;}
	.addBlock span {display:block; font-size:1.3em; line-height:30px; margin-top: 27px;}
	
	.addBlock .enregistrement, 
	.addBlock .parrainnage {text-transform:uppercase; font-size:100%; text-align:center;font-weight:bold; color: #DEDEDE; text-decoration:none; border-color: #313131 #2F2F2F;border-left: 1px solid #2F2F2F;border-right: 1px solid #2F2F2F;border-style: solid;border-width: 1px;width: 215.5px;height: 109px; padding:0 10px; float:left;}
	.addBlock .enregistrement {background: url("img/addBlock-green-background.png") repeat-x scroll 0 0 black;}
			.addBlock .enregistrement:hover,.addBlock .enregistrement.ww-hover {background-position: 0 -110px;}
	.addBlock .parrainnage, 
	.addBlock .gav,
	.addBlock .odr,
	.addBlock .infos-legislation,
	.addBlock .faq-forum-mail {background: url("img/addBlock-black-background.png") repeat-x scroll 0 0 black;}
		.addBlock .parrainnage:hover,.addBlock .faq-forum-mail:hover,.addBlock .parrainnage.ww-hover,.addBlock .parrainnage:hover   {background-position: 0 -110px;}
	.addBlock .parrainnage div {background: url("img/addBlock-parrain.png") no-repeat scroll 0 0; height:100%; padding-left:70px; padding-top:1px; width:175.5px; text-shadow: #000 0.8px 0.8px 0.8px,#000 -0.8px 0.8px 0.8px,#000 -0.8px -0.8px 0.8px,#000 0.8px -0.8px 0.8px;}
	
	.addBlock .gav {background: #343434 url("img/promobloc_gav.jpg") no-repeat 0 0; text-indent: -9999px;}
	.addBlock .odr {background: #343434 url("img/bloc_ODR.jpg") no-repeat 0 0; text-indent: -9999px;}
	.addBlock .infos-legislation {background: #343434 url("img/infos-legislation.jpg") no-repeat 0 0; text-indent: -9999px;}
	.addBlock .black {background: url("img/addBlock-black-background.png") repeat-x 0 0; border: 1px solid #2f2f2f; border-top-color: #313131; border-bottom-color: #313131; height: 109px; width: 235px;}
	.addBlock .hover {background-position: 0 -110px;}
			.addBlock .slider {position: relative;}
			.slider h6 {height: 14px; color:white; margin-left: 9px; margin-top: 8px; width: 214px; text-align:center; font-size: 130%;}
					.slider hr{width: 214px; color: #2f2f2f; background-color: #2f2f2f; height: 1px; border: 0;}
					.slider .arrow {background: url("img/black-sprite.png") no-repeat; color: #535353; display: none; font-weight: bold; height: 26px; position: absolute; text-decoration: none; text-indent: -9999px; top: 35px; width: 15px; z-index: 11;}
						.slider .prev {background-position: -183px -195px; left: 5px;}
						.slider .fwd {background-position: -197px -195px; right: 5px;}

						.addBlock .slider .container {height: inherit; overflow: hidden; margin-right: 0; width: 235px; _width: 230px;}
							.addBlock .slider ul {}
								.addBlock .slider li {display: block; height: 80px; float: left; width: 235px;}
									.addBlock .slider img {height: auto; margin-left: 25px; width: auto;}
	.addBlock .faq-forum-mail {margin-right: 0; float: left; width: 234px; overflow: hidden;background: url("img/addBlock-black-background.png") repeat-x scroll 0 0 black;}
		.addBlock .faq-forum-mail li {padding-left: 0; margin-left: 13px; zoom: 1;}
		.addBlock .faq-forum-mail a {width: 200px; font-size:100%; text-align:left;font-weight:bold; color: #DEDEDE; text-decoration:none; border-color: #313131 #2F2F2F;border-width: 1px;width: 215.5px;height: 109px; padding:0 10px; float:left;}
		.addBlock .faq-forum-mail hr{width: 200px; color: #2f2f2f; background-color: #2f2f2f; height: 1px; border: 0;}

		.addBlock .faq-forum-mail .faqLink {background-position: 0 -140px; height: 15px; margin-top: 14px;}
		.addBlock .faq-forum-mail .forumLink {background-position: 0 -155px; height: 16px; margin-top: 5px;}
		.addBlock .faq-forum-mail .mailLink {background-position: 0 -171px; height: 24px; margin-top: 7px;}


/* PARRAINAGE */
#parrainage {background-color:#c9c9c9; position:relative; min-height:426px;}
.showgirl {background:url("img/parrain-girl.gif") no-repeat #c9c9c9 right bottom;}
#parrainage h2 {text-align:center; text-transform:uppercase; color:#FFF; font-weight:bold; background-color:#666; padding:3px; font-size:12px; margin:0;}
#parrainage li {float:left; width:200px;}
#parrainage form { font-weight:bold; width:600px; margin:0 auto; padding:20px;}
#parrainage input {margin:10px 0;width:170px;}
#parrainage a {font-weight:normal; color:#000;}
#parrainage hr {border-bottom: 1px solid #A5A5A5;border-top: 1px solid #F3F3F3;height: 1px;margin: 70px 20px 0 20px;}
#parrainage h3 {font-weight:bold; color:#FFF; text-shadow: 0.05em 0.05em 0.15em black; margin:20px 0 0 20px; font-size:18px; float:left;text-decoration: none;}
#parrainage .desc {margin:20px 0 0 150px; color: #333; font-size: 13px;}
#parrainage p {text-align:center;margin:20px 0;}
#referred {font-weight:bold;color:#646464;font-size:150%;text-align:center;line-height:30px;background:url("img/filleuls.jpg") no-repeat bottom;height:370px}


/* FOOTER */
#ww-footer{ clear:both; width:100%; margin-bottom:18px;}
#ww-footer ul{ text-align:center; list-style:none; }
#ww-footer ul li{ display:inline; background:transparent url("img/bg-footer-ul-li.gif") no-repeat 0 50%; padding:0 0.8em 0 1.4em;}
#ww-footer ul li:first-child, #ww-footer ul li.ww-first-child{ background:none;}
#ww-footer ul li a{ color:#858585; text-decoration:none; line-height:18px;}

/* REGISTRATION */
.path-list{ float: left; line-height: 22px;    padding-right: 25px;    position: relative;    text-decoration: none;    margin-top: -33px;	height:22px;}
.path-list li{display:inline;}
.path-list a.selected, .path-list span {color:white;	text-decoration:none;	cursor:default;}
.registration{ font-size: 11px; font-weight: bold; line-height: 18px; color:#646464}
.registration .votreId input{width: 62px}
.registration input{border-color: #E2E2E2 #777777 #3F3F3F #E2E2E2;    border-style: solid;    border-width: 1px;}
.registration .les4Derniers input{margin-top: 5px;    width: 97px;}
.registration .form-buttons{margin-top:29px}
.selectProduct{margin-top: 16px;}
.tabs {margin-left: 18px;    margin-top: 37px;    overflow: hidden;    width: 655px;}
.tabs dt{ float:left; height: 134px;    margin-left: 12px;    margin-right: 8px;    width: 89px;  border-bottom: 0 none;	position: relative;}
.tabs dt img{cursor: pointer;}
.tabs dd{clear: both; }
.tabs .selected{display:block;  background: none repeat scroll 0 0 #FFFFFF;    border-color: #B0D0E9;    cursor: auto;    z-index: 3;}
.dividingLine {background: url("img/enregistrement/enregistrement-hr-bg.gif") repeat-x scroll 0 0 transparent;    display: block;    height: 3px;   margin-bottom: 43px; margin-top: 35px; border:none;}

/* CONTACT FORM */
.contact_form {background:url(img/contact_info.jpg) no-repeat 92% 2%;}
.contact_form_logged {background:url(img/contact_info_more.jpg) no-repeat 92% 2%;}
#contact_form textarea {width: 148%; height: 230px;}
#contact_form .text_type {width: 50%;}
#contact_form .form-buttons {text-align:right;margin: 20px 40px 10px 0;}
#contact_form .contact_info { color:#848484; font-weight:bold; position:absolute; line-height:16px;}
#contact_form #contact_tel {top:10%; right:9%;}
#contact_form #contact_mail {top:29%; right:13%;}

/* POPUP SUBSCRIPTION */
#chooseSubscription {color:#424242; font-weight:bold; width:500px; margin:10px auto; padding:0 20px; position:relative; line-height:18px;}
#chooseSubscription .defaultFont {font-weight:normal; margin-left:-20px;}
#chooseSubscription fieldset { text-align:left; margin:10px 0 20px;}
#chooseSubscription input {position:relative; top:2px}
#chooseSubscription input#quantity {width:50px;vertical-align: text-bottom;margin-left: 180px;}
#chooseSubscription label {position:relative; left:30px; padding-right: 10px;}
#chooseSubscription h3 { text-transform:uppercase; font-size:1.3em; margin:0 10px 30px; line-height: 23px; font-weight:normal; text-shadow: 0.05em 0.05em 0.2em #AAA; letter-spacing: 0.05em;}
#chooseSubscription .thumbnail { vertical-align: middle; margin-left: 10px; width: 65px; }
#chooseSubscription hr {clear:both; background-color:#E1DFDF; height:2px; margin: 10px 0; border:none;}
#chooseSubscription hr.product_sep {margin-bottom:40px;background-color:#000}


/*****************************************************/
/*********************** FIN *************************/
/*****************************************************/

#form-login { display:none; position:absolute; left:/*158px*/12px; top:46px; padding:5px; z-index:1; background-color:#A14D00; border:1px solid #DD710F;}
#form-login P { padding:3px;}
#form-login LABEL { padding:3px; color:#FFF;}
#form-login A { color:#FF9900;}
#form-login A:hover { text-decoration:underline;}

#login-form p{ text-align:center; padding:0.2em 0; color:#999;}
#login-form p input{ color:#999; width:100%; border:1px solid #E1DFDF; background:#F6F6F6 url("img/bg-input.gif") repeat-x left center;}
#login-form p input.ww-inp-image{ border:none; margin-left:1px;}

/* ------------------------------------------------------------------------------------- */

#ww-content .ww-content-section DIV.error { color:crimson; font-weight:bold;}

TABLE.compact TD, TABLE.compact TR, TABLE.compact TBODY { line-height:0px!important;}


TABLE.form-table { border-collapse:collapse; width:100%;}
TABLE.form-table TH { vertical-align:top; padding:3px; font-weight:normal; text-align:right;   border:0px solid #999; background-color:transparent; width:30%;   font-size:110%;}
TABLE.form-table TH.req { font-weight:bold; background:transparent url(img/req.gif) no-repeat left center;}
TABLE.form-table TD { vertical-align:top; padding:3px; border:0px solid #999;}
TABLE.form-table TD INPUT, TABLE.form-table TD BUTTON { border:1px solid #000; border-color:#191919 #A2A2A2 #A2A2A2 #191919;}
TABLE.form-table TD TEXTAREA { border:1px solid #000; border-color:#191919 #A2A2A2 #A2A2A2 #191919;}
TABLE.form-table TD INPUT.but {}



DIV.inline-forms { text-align:center; margin:10px;}
DIV.inline-forms FORM { display:inline;}
DIV.inline-forms FORM P.form-buttons { display:inline;}

.price { font-size:110%; font-weight:bold; color:green;}
.total { font-size:110%; font-weight:bold; color:green;}
.shipping { font-size:110%; font-weight:bold; color:green;}
.subtotal { font-size:110%; font-weight:bold; color:green;}
.tax { font-size:110%; font-weight:bold; color:green;}

P.error, P.notice, P.note { color:red; font-weight:bold;}
.comment { color:#666;}
.chiffres { font-family:Arial; font-size:14px; font-weight:bold;}
.width300 { width:300px;}
.width100 { width:100px;}
.width75 { width:75px;}
.width50 { width:50px;}
.no-border { border:0!important;}

.in { padding:1px; border:1px solid #000; border-color:#191919 #A2A2A2 #A2A2A2 #191919;}

TD.actions { text-align:center!important;}

/* --------------- Page navigation BEGIN -------------------- */
DIV.pages{ /*float:left;*/
 /*border:1px solid #666666;*/
 width:400px;}
DIV.pages * { padding:0!important; margin:0!important;}
DIV.pages h4{ float:left; /*color:#1C519D!important;*/
 padding-right:5px!important; /*border:1px solid red;*/
 font-size:12px; color:#2A2A2A;font-weight:normal; line-height:2em;}
DIV.pages ul li span{ font-weight:bold; font-size:12px;}
DIV.pages ul li a{ font-weight:normal; color:#E88A34; font-size:12px; text-decoration:none!important;}
DIV.pages ul li a:hover { text-decoration:underline!important; color:#996633;}
DIV.pages ul{ float:left; list-style:none; /*border:1px solid blue;*/
 width:300px;}
DIV.pages ul li{ float:left; padding:0 0.3em!important; line-height:2em; /*border:1px solid blue;*/
}
/* --------------- Page navigation END -------------------- */


#page-mini #ww-content, #page-mini .ww-content-section { margin-right:0; margin-left:0;}

#page-shop-cat P.more { text-align:right;}

#page-shop-product .ww-content-section IMG { margin:5px;}

#page-shop-order #user-info P { margin:0; padding:0;}

#page-login-form TABLE.table-form { width:400px;}
#page-login-form TABLE.table-form TH { width:30%; text-align:right; padding-right:10px;}

#page-shop-web_payment FORM#cc-form { margin-top:25px;}
#page-shop-web_payment TABLE.form-table TH { width:175px;}

#page-shop-wire_transfer TABLE.form-table TH { width:195px;}


ul.sitemap{ list-style:none;}
ul.sitemap ul{ list-style:none; padding-bottom:1.6em;}


table.product_table{ border-bottom:1px solid #ccc;}
table.product_table td{ border:none; text-align:center; vertical-align:middle}
table.product_table td.product_description{ width:55%; vertical-align:top; text-align:left}

form label.error{color:crimson; font-weight:bold; display:block;}

ul.form{ list-style:none;}
ul.form li{ clear:both; padding:0 0 0.5em 0; zoom:1;}
ul.form li:after{ content:'.'; display:block; clear:both; height:0; visibility: hidden;}
	ul.form div{ float:left; width:45%; text-align:right;}
ul.form li.req{background:transparent url(img/req.gif) no-repeat scroll left top;}
	ul.form li.req div{ font-weight:bold;}
	ul.form div.input{ float:left; width:54%; text-align:left; padding-left:0.3em; font-weight:normal;}
ul.form .text_type input{ width:60%;}
ul.form .datepicker_wrap input{ width:54%;}
	ul.form label.required{background:transparent url(img/req.gif) no-repeat scroll left top; display:block; font-weight:bold; padding-left:15px;text-align:left;}
	ul.form label.optional{display:block; font-weight:bold; padding-left:15px;text-align:left;}



img.datepicker_trigger{ position:relative; top:-2px;}


	.product_counter{ position:relative; width:60px;}
	.product_counter .products_quantity{ display:block;width:30px; text-align:center; font-weight:bold; margin:0 auto;}
	.product_counter .less, .product_counter .more{ position:absolute; width:5px; height:9px; cursor:pointer; overflow:hidden; display:block; top:2px;} 
	.product_counter .less span, .product_counter .more span{ background:url(img/arrows.gif); width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
	.product_counter .more span{ background-position:right 0;}
	.product_counter .less{ left:5px;}
	.product_counter .more{ right:5px;}
.error{color:red}
.tel_field {width: 22px;margin-right:3px;}
#indicatif_country{width: 48px;margin-right:3px;}
TABLE.list-table-card {  width:70%;  margin-left:27%;}
TABLE.list-table-card TH {  padding:10px;  text-align:center; }
TABLE.list-table-card TD {  padding:10px; }
#VISA-SSL, #VISA{
	background-repeat:no-repeat;
	background-image:url(img/payment_method/visa-ssl.gif);
	padding-top: 3%;
}
#PAYPAL{
	background-repeat:no-repeat;
	background-image:url(img/payment_method/PAYPAL.gif);
	padding-top: 3%;
}

#my_card{
	background-repeat:no-repeat;
	padding-top: 3%;
	font-size:140%; 
	color:#494949;
}
#ECMC-SSL,#MasterCard{
	background-repeat:no-repeat;
	background-image:url(img/payment_method/ecmc-ssl.gif);
	padding-top: 3%;
}
#MisterCach,#BCMC{
	background-repeat:no-repeat;
	background-image:url(img/payment_method/mister-cash.gif);
	padding-top: 3%;
}
#AMEX-SSL{
	background-repeat:no-repeat;
	background-image:url(img/payment_method/amex-ssl.gif);
	padding-top: 3%;
	
}
#DINERS-SSL,#DinersClub{
	background-repeat:no-repeat;
	background-image:url(img/payment_method/diners-ssl.gif);
	padding-top: 3%;
}
#MAESTRO-SSL{
	background-repeat:no-repeat;
	background-image:url(img/payment_method/MAESTRO-SSL.gif);
	padding-top: 3%;
}
#SOLO_GB-SSL{
	background-repeat:no-repeat;
	background-image:url(img/payment_method/SOLO_GB.gif);
	padding-top: 3%;
}
#TRANSFER_NL-BANK,#TRANSFER_BE-BANK,#TRANSFER_IT-BANK,#TRANSFER_GB-BANK{
	background-repeat:no-repeat;
	background-image:url(img/payment_method/TRANSFER-BANK.gif);
	padding-top: 3%;
}
#INGHomePay{
	background-repeat:no-repeat;
	background-image:url(img/payment_method/ing_home_pay.gif);
	padding-top: 3%;
}

#DexiaDirectNet{
	background-repeat:no-repeat;
	background-image:url(img/payment_method/dexia.gif);
	padding-top: 3%;
}
#BANK_TRANSFER{
	background-repeat:no-repeat;
	background-image:url(img/payment_method/BANK_TRANSFER.gif);
	padding-top: 3%;
}
#CHEQUE-BANK{
	background-repeat:no-repeat;
	background-image:url(img/payment_method/CHEQUE-BANK.gif);
	padding-top: 3%;
}
#navigation a {
	color: #97BF0D;
	text-transform:uppercase;
}
#navigation a:hover, #navigation a:focus {
	color: #FF6533;
}
#navigation {
	float: left; 
}
#navigation ul {
	margin: 0;
	padding: 20px 10px;
	list-style: none;
}
#navigation a {
	display: block;
	height: 1%; 
	padding: 6px 6px 6px 10px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}
#loader {
	background-image: url(/img/spinner.gif) no-repeat center;
}


/**
 *
 * Products listing styles
 *
 * Some of them are also define with JavaScript in the productShort.phtml file
 * (because some parent styles had to be modified, which can only be done in JS)
 *
 */
.product_preview {
	background-image:			url( "../img/products/products-background24.png" );
	background-repeat:			no-repeat;
	height:						175px;
	margin:						5px 0px;
}
.product_preview .product_preview_title { padding: 13px 0px 7px 13px; }
.product_preview .product_preview_title a {
	display:					block;
	background-image:			url( "../img/products/product-titles.png" );
	font-size:					18px;
	text-decoration:			none;
	background-repeat:			no-repeat;
	width:						254px;
	height:						14px;
}
.product_preview .product_preview_title a.mini-coyote-plus-transparent-3 { background-position: 0px -87px; height:26px;}
.product_preview .product_preview_title a.mini-coyote-plus-5 { background-position: 0px -73px; }
.product_preview .product_preview_title a.mini-coyote-plus-noel { background-position: 0px -73px; }
.product_preview .product_preview_title a.mini-coyote-7 { background-position: 0px -14px; }
.product_preview .product_preview_title a.mini-coyote-noel { background-position: 0px -14px; }
.product_preview .product_preview_subtitle { padding: 0px 0px 13px 13px; width: 320px; height: 28px; }
.product_preview .product_preview_subtitle h4 { font-size: 14px; }
.product_preview .product_preview_price {
	font-size:					23px;
	font-weight:				bold;
	color:						#97bf0d;
	padding:					0px 0px 0px 13px;
	margin:						0px 0px 10px 0px;
}
.product_preview .product_preview_price .toolTipList {
	margin:						20px 0px 70px 0px;
	position:					absolute;
	top:						59px;
	left:						138px;
	z-index:					1;
}
.product_preview .product_preview_price .toolTipList li {
	display:					inline;
	float:						left;
	position:					relative;
	background:					none;
	cursor:						pointer;
	width:						29px;
	padding:					0px;
	margin-right:				10px;
	z-index:					1;
}
.product_preview .product_preview_price .toolTipList li img { opacity: 0.5; }
.product_preview .product_preview_price .toolTip {
	max-height:					60px;
	position:					absolute;
	top:						25px;
	left:						0px;
	width:						auto;
}
.product_preview .product_preview_price .toolTip span {
	background:					url( "img/products-toolTip-arrow.png" ) no-repeat scroll 0 0 transparent;
	display:					block;
	height:						8px;
	margin:						0px;
	width: 						100%;
}
.product_preview .product_preview_price .toolTip p {
	background:					url( "img/products-toolTip-background.png" ) repeat-x scroll 0 0 #565656;
	color:						white;
	font-size:					11px;
	font-weight:				normal;
	height: 					auto;
	line-height:				13px;
	margin:						0px;
	overflow:					hidden;
	padding:					5px;
	text-align:					center;
	width:						100%;
}
.product_preview .product_preview_content {
	padding:					0px 0px 0px 13px;
	width:						350px;
	color:						#646464;
}
.product_preview .product_preview_infos a {
	position:					absolute;
	bottom:						10px;
	left:						13px;
	color:						#646464;
}
.product_preview .product_preview_form input[type=submit] {
	background-image:			url( "../img/products/products-button24.png" );
	background-repeat:			no-repeat;
	background-color:			transparent;
	width:						180px;
	height:						26px;
	border:						none;
	cursor:						pointer;
	color:						#fff;
	text-shadow:				1px 1px #000;
	font-weight:				bold;
	font-size:					16px;
	position:					absolute;
	bottom:						5px;		/* Because of the 5px margin of the .product_preview element */
	left:						253px;		/* So it's aligned to the diagonale of the .product_preview background */
}
.product_preview .product_preview_form input[type=submit]:hover {
	background-position:		0px -26px;
	color:						#4f630a;
	text-shadow:				none;
}

.product_preview .product_preview_form input[type=button] {
	background-image:			url( "../img/products/products-button24-unactive.png" );
	background-repeat:			no-repeat;
	background-color:			transparent;
	width:						180px;
	height:						26px;
	border:						none;
	cursor:						pointer;
	color:						#fff;
	text-shadow:				1px 1px #000;
	font-weight:				bold;
	font-size:					16px;
	position:					absolute;
	bottom:						5px;		/* Because of the 5px margin of the .product_preview element */
	left:						253px;		/* So it's aligned to the diagonale of the .product_preview background */
}
/* unavailable product button */
.product_preview .product_preview_form input[type=button]:hover {
	background-position:		0px -26px;
	/*color:						#4f630a;*/
	cursor:						default;
	text-shadow:				none;
}

.product_preview .product_preview_img {
	position:					absolute;
	top:						5px;
	right:						0px;
	z-index:					-1;
	float:						right;
	width:						345px;
	height:						175px;
}

/* UPS tracking number */
p.ups_track_num {
	line-height: 20px ;
	padding-top: 2px ;
	padding-left: 20px ;
	background: url(./img/ups_little.jpg) no-repeat left bottom ;
}