/* FEUILLE DE GUIDEHATANCALA COPYRIGHT LINKADL septembre 2007 */





#refs {


	display: none;


	}


html, form, ul, li, p, span, body, input, select, textarea, h1, h2, h3, a, td {


	margin: 0;


	padding: 0;


	}


body, html {


	height: 100%;


	}


body {


	text-align: center;


	}


ul {


	list-style-type: none;


	list-style-position:outside;


	}


a {


	text-decoration : none;


	}


.btn {


	width: 100px;


	cursor: pointer;


	}


.btn_short {


	width: 32px;


	cursor: pointer;


	}


.btn_midle, .btn_detail, .btn_buy {


	width: 60px;


	cursor: pointer;


	}


.btn_long {


	width: 150px;


	cursor: pointer;


	}


.ibox {


	width: 100px;


	}


.ibox_short {


	width: 28px;


	}


.ibox_midle {


	width: 150px;


	}


.ibox_long {


	width: 200px;


	}


.ibox_vlong {


	width: 500px;


	}


.error {


	color: red;


	font-size: 10pt;


	font-weight: bold;


	}


.btn_pos {


	text-align: center;


	margin-top: 5px;


	margin-bottom: 5px;


	display: block;


	clear: both;


	}


.bold {


	font-weight: bold;


	}


.comment {


	font-style:italic;


	}


.view {


	float:left;


	}


.view_large {


	text-align: center;


	margin: 0 auto;	


	}


.logo {


	border: none;


	float: left;


	}


.price_pos {


	float: right;


	margin-bottom: 5px;


	display: block;


	clear: both;


	}


.inter {


	width: 100%;


	background: url(img/inter.gif);


	height: 1px;


	margin-top: 5px;


	margin-bottom: 5px;


	display: block;


	clear: both;


	}


.inter_top img .inter_bottom img {


	display: none;


	}


.inter, .inter_top, .inter_bottom {


	border: none;


	display: block;


	clear: both;


	}


.list_btn {


	text-align: right;


	display: block;


	}


.list_bottom {


	display: block;


	clear: both;


	}


.star {


	color: red;


	}


.label {


	float: left;


	width: 265px;


	text-align: right;


	margin-right: 10px;


	}


.formw span{


	float: left;


	width: 225px;


	}


.work_margin {


	margin-top: 20px;


	margin-bottom: 10px;


	margin-left: 0;


	margin-right: 30px;


	}


a:hover {


	text-decoration : underline;


	}


#flag {


	width: 395px;


	float: left;


	}


#flag li {


	float: right;


	padding: 5px;


	}


#flag a {


	width: 20px;


	height: 15px;


	display: block;


	}


#flag .de a, #flag .it a, #flag .en a, #flag .sp a {


	display:none;


	}


#flag .de li, #flag .it li,#flag .en li, #flag .sp li {


	padding:0;


	}


#flag .fr a {


	background: url(./mag/logo/flag_fr.gif);


	}


#flag .en a {


	background: url(./mag/logo/flag_en.gif);


	}


#flag .de a {


	background: url(./mag/logo/flag_de.gif);


	}


#flag .sp a {


	background: url(./mag/logo/flag_sp.gif);


	}


#flag .it a {


	background: url(./mag/logo/flag_it.gif);


	}


#flag span {


	display: none;


	}


html>body #work_order {


	height: auto;


	min-height: 500px;


	}


#work h1, #account h1 {


	margin-bottom: 10px;


	}


#list .uneven {


	float: left;


	}


#list .pair {


	float: right;


	}


#list .list_content {


	margin: 5px;


	}


#list .uneven .list_content {


	margin-left: 0;


	}


#pagination {


	clear: both;


	}


#pagination ul {


	margin-left: 50px;


	}


#pagination li {


	display: inline;


	float: left;


	padding-left: 5px;


	padding-right: 5px;


	padding-bottom: 5px;


	padding-top: 10px;


	}


#pagination a {


	text-decoration : underline;


	}


#pagination .previous {


	margin-left: 180px;


	}


#page .view, #list .view {


	margin-right: 10px;


	margin-bottom: 10px;


	}


#list_contener {


	background: url(img/list_bkg.gif);


	}


#image a {


	margin-right: 10px;


	}


#image .comment {


	padding-bottom: 10px;


	text-align: center;


	}


#image p.comment {


	display:block;


	clear:both;


	}


#image .pd07 {


	clear:both;


	width: 300px;


	}


#sf img {


	border: none;


	}


#sf a {


	text-decoration : underline;


	font-weight: bold;


	}


#basket_tab td, #account_tab td {


	text-align:center;


	width: 95px;


	vertical-align: top;


	padding-top : 5px;


	padding-bottom : 5px;


	}


#basket_tab .col1, #account_tab .col1 {


	text-align:left;


	width: 505px;


	padding-left: 5px;


	}


#basket_tab .header td, #basket .footer td, #account_tab .header td {


	font-weight: bold;


	}


#basket_tab .btn_short {


	background: url(img/trash.gif) center no-repeat;


	width: 20px;


	height: 20px;


	}


#basket .primary {


	display: block;


	}


#maj {


	clear: both;


	text-align: right;


	padding-top: 10px;


	margin-bottom: 5px;


	}


#account {


	text-align: center;


	}


#account_tab td a {


	text-decoration : none;


	}


#account_tab td a:hover {


	text-decoration : underline;


	}


#account_tab .col1 {


	width: 390px;


	}


#account a, #help a {


	text-decoration : underline;


	}


#account p {


	clear: both;


	text-align: left;


	margin-bottom: 5px;


	}


#account h1, #account h2, #account li , #account h3 {


	text-align: left;


	}


#account .btn_pos {


	text-align: center;


	}


#account li a, #help li a {


	text-decoration : none;


	}


#account li a:hover, #help li a:hover {


	text-decoration : underline;


	}


#account .new_contener, #account .old_contener {


	width: 245px;


	float: left;


	}


#account .new, #account .old {


	height: 175px;


	padding: 5px;


	}


#account .z003 span, #account .z004 span {


	width: 110px;


	display: block;


	float: left;


	}


#account .z003 input, #account .z004 input {


	width: 115px;


	float: left;


	margin-bottom: 5px;


	}


#account .z104 input, #account .z105 input, #account .z212 input, #account .z213 input, #account .o517 input, #account .o518 input {


	margin-left: 20px;


	}


#account .o507, #account .o508, #account .o509, #account .o511, #account .o512, #account .o513, #account .ac04, #account .ac05, #account .ac06, #account .ac08, #account .ac10, #account .ac11 {


	text-indent: 20px;


	}


#account .new_contener {


	margin-right: 10px;


	}


#account img, #help img {


	border: none;


	}


#work_order .o001 {


	padding-top: 5px;


	}


#help p {


	display: block;


	clear: both;


	margin-bottom: 10px;


	}


.z800 {


	display: none;


	}


.r003, .a001, .a601, .o001 {


	padding-top: 5px;


	}


#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 { 


	display:none;


	}


/*----------------------------STORE------------------------------------------------*/





html, form, ul, li, p, span, body, h1, h2, h3, a, td {


	font-family: Verdana;


	font-size: 12px;


	color:#000000;


	}


input, select, textarea {


	font-family: Verdana;


	font-size: 12px;


	color:#000000;


	}


body {


	background-color: #037cc2;


	}


h1,h1 a {


	font-size: 18px;


	color: #000000;


	}


h2, h3 {


	font-size: 15px;


	color: #444444;


	margin-top: 5px;


	margin-bottom: 5px;


	}


img {


	border:1px solid #000000;


	}


.price {


	color: #000000;


	font-weight: bold;


	text-align: right;


	font-size: 12px;


	font-weight: bold;


	}


.price a{


	color: #000000;


	font-weight: bold;


	text-align: right;


	font-size: 12px;


	font-weight: bold;


	}


.pstrike {


	text-decoration: line-through;


	color: #000000;


	margin-right: 20px;


	font-size:10px;


	font-weight: bold;


	}


.pstrike a{


	text-decoration: line-through;


	color: #000000;


	margin-right: 20px;


	font-size:10px;


	font-weight: bold;


	}


.pweight {


	font-style:italic;


	float: right;


	}


.primary a {


	font-weight:bold;


	display: block;


	color: #000000;


	}


.primary {


	font-weight:bold;


	display: block;


	color: #000000;


	}


.secondary a {


	display: block;


	color: #444444;


	}


.secondary {


	display: block;


	color: #444444;


	}


.btn , .btn_short, .btn_midle , .btn_long, .btn_detail, .btn_buy {


	background-color: #000000;


	border: 1px solid #000000;


	color: #FFFFFF;


	font-size: 10px;


	font-weight: normal;


	text-transform: capitalize;


	}


.ibox , .ibox_short, .ibox_midle , .ibox_long, .ibox_vlong {


	border: 1px solid #000000;


	background-color: #FFFFFF;


	}


#master {


	width:950px;


	position: relative;


	text-align: left;


	margin: 0 auto;


	background: url(img/master_bkg.gif);


	}


#flag {


	display:none;


	}


#work {


	float: right;


	width:730px;


	}


#work_order {


	width:730px;


	float: right;


	height: 500px;


	}


#account_contener {


	margin: 0 auto;


	width: 650px;


	margin-top : 10px;


	margin-bottom: 10px;


	text-align: left;


	}


#top,#top_order {


	background: url(img/top_bkg.gif) no-repeat;


	}


#top, #top_order, #logo {


	height:161px;


	}


#logo a {


	width: 200px;


	height: 161px;


	display: block;


	}


#logo {


	float: left;


	width: 200px;


	}


#logo span {


	display: none;


	}


#comand {


	width: 300px;


	float: right;


	margin-top: 30px;


	padding-right: 35px;


	}


#comand a{


	text-decoration : none;


	}


#comand li {


	float: right;


	padding-right:5px;


	padding-left: 13px;


	background: url(img/comand_i.gif) no-repeat left;


	height:17px;


	}


#comand .order span, #comand .basket span, #comand .account span, #comand .help span, #comand .back span {


	font-size: 10px;


	text-transform: uppercase;


	color: #000000;


	font-weight: bold;


	}


#comand .help a {


	margin-right: 0;


	}


#comand .back a {


	margin-right:0;


	}


#navig {


	background: url(img/menu_bkg.gif) no-repeat;


	height:39px;


	}


#order_step {


	background: url(img/step_bkg.gif) no-repeat;


	height:39px;


	width: 100%;


	}


#order_step .off, #order_step .on, #order_step .made {


	margin-top: 0;


	}


#order_step li {


	padding-top: 12px;


	float: left;


	width: 120px;


	text-align: center;


	display: block;


	color:#FFFFFF;


	font-size: 12px;


	}


#order_step .start {


	width: 40px;


	line-height: 15px;


	}


#order_step .end {


	display: none;


	}


#order_step .on {


	font-weight: bold;


	}


#order_step .made {


	color:#FFFFFF;


	}


#navig li {


	float: left;


	display: block;


	text-align:center;


	}


#navig a {


	display: block;


	}


#navig span {


	font-size: 12px;


	text-transform: capitalize;


	font-weight: bold;


	color : #FFFFFF;


	}


#navig .smenu li {


	width: 100%;


	}


#navig .smenu {


	visibility: hidden;


	position:absolute;


	z-index:2;


	border:1px solid #000000;


	width: 110px;


	background-color: #FFFFFF;


	}


#navig .smenu a {


	text-align:left;


	font-weight: normal;


	font-size: 8pt;


	text-indent:5px;


	color:#000000;


	}


#navig .smenu a:hover {


	background: #444444;


	text-decoration : none;


	color : #FFFFFF;


	font-weight: bold;


	}


#navig .end, #order_step .end {


	display:none;


	}


#navig  span a:hover {


	text-decoration : underline;


	}


#menu {


	padding-top:0;


	}


#navig .menu {


	padding-top:12px;


	}


#navig .i {


	display:none;


	}


#navig li.start {


	width: 30px;


	}


#navig li.m1,#navig li.m2,#navig li.m3,#navig li.m4,#navig li.m5,#navig li.m6 {


	margin-left: 15px;


	margin-right: 15px;


	}


#navig li.end {


	display:none;


	}


#left_top {


	height:10px;


	background:url(img/left_top_bkg.gif)


	}


#left_bottom{


	display:none;	


	}


#left {


	margin-left: 0;


	width:204px;


	float:left;


	}


#newsletter p, #professional p,#search p {


	margin-left:40px;


	margin-right: 5px;


	font-size: 11px;


	font-weight: normal;


	color: #000000;


	margin-top: 5px;


	}


#offer a, #service a {


	text-align: left;


	margin-left:40px;


	font-weight: normal;


	font-size: 11px;


	color: #000000;


	}


#offer h2,#offer_2 h2,#search h2,#partner h2, #contact_us h2, #newsletter h2, #professional h2, #service h2, #service_2 h2 {


	height: 23px;


	color:#FFFFFF;


	padding-left:40px;


	padding-top:10px;


	font-size: 12px;


	font-weight: bold;


	}


#offer span, #offer_2 span, #search span, #contact_us span, #newsletter span, #professional, #service span, #service_2 span, #partner span {


	display: block;


	}


#offer h2 {


	background: url(img/left_h2_bkg.gif) no-repeat;


	}


#offer_2 h2 {


	background: url(img/left_h2_bkg.gif) no-repeat;


	}


#search h2 {


	background: url(img/left_h2_bkg.gif) no-repeat;


	}


#contact_us h2 {


	background: url(img/left_h2_bkg.gif) no-repeat;


	}


#newsletter h2 {


	background: url(img/left_h2_bkg.gif) no-repeat;


	}


#professional h2 {


	background: url(img/left_h2_bkg.gif) no-repeat;


	}


#service h2 {


	background: url(img/left_h2_bkg.gif) no-repeat;


	}


#service_2 h2 {


	background: url(img/left_h2_bkg.gif) no-repeat;


	}


#partner h2 {


	background: url(img/left_h2_bkg.gif) no-repeat;


	}


#left_contener .arround {


	margin-bottom: 10px;


	padding-bottom: 0;


	}


#partner li {


	border: none;


	margin-left: 40px;


	}


#search .ibox {


	margin-top: 1px;


	margin-right: 1px;


	width: 100px;


	height:15px;


	}


#newsletter .btn {


	font-style: normal;


	margin-bottom: 2px;


	margin-left: 40px;


	margin-top: 5px;


	}


#contact_us .btn {


	margin-bottom: 5px;


	margin-left: 40px;


	margin-top: 5px;


	}


#professional input {


	margin-bottom: 5px;


	margin-left: 40px;


	margin-top: 5px;


	}


#link_contener {


/* Tout sauf IE MAC \*/


	text-align: center;


 /* Fin Hack IE MAC */


	margin: 0 auto;


	display: block;


	clear: both;


	height: 42px;


	}


#link {


	height: 42px;


	margin: 0 auto;


	width: 950px;


	background: url(img/link_bkg.gif) no-repeat bottom;


	}


#link li {


	display:none;


/*	display: inline;


	float: left;


	margin-top: 1px;


	padding-left: 14px;


	padding-right: 13px;


	padding-top: 0;*/


	}


#link .i, #link .end {


	line-height: 20px;


	}


#link .start {


	line-height: 20px;


	margin-left: 55px;


	line-height: 20px;


	}


#link a {


	vertical-align: top;


	font-weight: normal;


	font-size: 10px;


	color: #000000;


	}


#account li, #help li {


	background: url(img/account_pic.gif) no-repeat;


	padding-left: 28px;


	line-height: 20px;


	}


#basket_tab td, #account_tab td {


	border-top:1px solid #000000;


	border-left:1px solid #000000;


	}


#basket_tab, #account_tab {


	border-bottom: 1px solid #000000;


	border-right:1px solid #000000;


	}


#list .uneven, #list .pair {


	width : 340px;


	margin-bottom: 5px;


	margin-top: 5px;


	}


#detail {


	border:none;


	clear: both;


	padding: 10px;


	}


#detail h2 {


	display: block;


	float: left;


	}


#feature {


	float: left;


	width: 200px;


	padding: 5px;


	margin-left:20px;


	margin-bottom: 10px;


	}


#feature p {


	clear:both;


	float: right;


	width: 100%;


	}


#feature .prod_choice img {


	float: left;


	margin-right:5px;


	margin-top:2px;


	margin-bottom:2px;


	}


#feature img.logo {


	float: right;


	}


#feature span.price_pos {


	float:left;


	width:200px;


	margin-top:20px;


	}


#feature .pdt_btn {


	padding-left: 5px;


	border: none;


	background: url(img/pic_select.gif) no-repeat;


	height: 22px;


	width: 200px;


	}


#feature .pdt_select {


/* Tout sauf IE MAC \*/


	float: left;


 /* Fin Hack IE MAC */


	}


#feature .prod_choice {


	border:1px solid #000000;


	visibility: hidden;


	position:absolute;


	z-index:2;


	width: 198px;


	background-color: #FFFFFF;


	}


#feature .prod_choice li {


	text-decoration : none;


	width: 198px;


	float: left;


	}


#feature .prod_choice a {


	display: block;


	padding-left:5px;


	text-decoration : none;


	color: #000000;


	}


#feature .prod_choice a:hover {


	background: #444444;


	color : #FFFFFF;


	font-weight:bold;


	}


#feature a, #image a {


	text-decoration : underline;


	}


#account .label .comment {


	font-size: 7pt;


	}


#account .new, #account .old {


	border: 1px solid #000000;


	}


#product h1, #product h2 {


	display: block;


	float: left;


	width:100%;


	}


#product h2 {


	padding-bottom : 5px;


	}


#image .view_large img {


	display: block;


	clear:both;


	text-align:center;


	}


#product .view  {


	width: 300px;


	margin-bottom:10px;


	}


/* ---------- EXTRA ----------*/


.btn_li_004 {


	width: 85px;


	}


.btn_z0_01 {


	width: 120px;


	}


.txt_another_pic {


	display:none;


	}


img.pic_another_pic {


	width: 80px;


	float:left;


	margin:2px;


	}


/* ---------- OPTION 1 ----------*/


#option_1 {


	padding-left:40px;


	float:left;


	}


#option_1 .pdt_btn {


	padding-left: 5px;


	border: none;


	background: url(img/pic_select.gif) no-repeat;


	height: 22px;


	width: 200px;


	}


#option_1 .pdt_select {


/* Tout sauf IE MAC \*/


	float: left;


 /* Fin Hack IE MAC */


	}


#option_1 .prod_choice li {


	text-decoration : none;


	width: 198px;


	float: left;


	}


#option_1 .opt_choice li {


	text-decoration : none;


	margin: 5px;


	float: left;


	}


#option_1 .prod_choice img {


	float: left;


	margin-right:5px;


	margin-top:2px;


	margin-bottom:2px;


	}


#option_1 .prod_choice {


	border:1px solid #000000;


	visibility: hidden;


	position:absolute;


	z-index:2;


	width: 198px;


	background-color: #FFFFFF;


	}


#option_1 .prod_choice a {


	color: #000000;


	display: block;


	padding-left:5px;


	text-decoration : none;


	}


#option_1 .prod_choice a:hover {


	background: #444444;


	color : #FFFFFF;


	font-weight:bold;


	}


/* ---------- OPTION 2 ----------*/


#option_2 {


	padding-left:40px;


	float:left;


	}


#option_2 .pdt_btn {


	padding-left: 5px;


	border: none;


	background: url(img/pic_select.gif) no-repeat;


	height: 22px;


	width: 200px;


	}


#option_2 .pdt_select {


/* Tout sauf IE MAC \*/


	float: left;


 /* Fin Hack IE MAC */


	}


#option_2 .prod_choice li {


	text-decoration : none;


	width: 198px;


	float: left;


	}


#option_2 .opt_choice li {


	text-decoration : none;


	margin: 5px;


	float: left;


	}


#option_2 .prod_choice img {


	float: left;


	margin-right:5px;


	margin-top:2px;


	margin-bottom:2px;


	}


#option_2 .prod_choice {


	border:1px solid #000000;


	visibility: hidden;


	position:absolute;


	z-index:2;


	width: 198px;


	background-color: #FFFFFF;


	}


#option_2 .prod_choice a {


	color: #000000;


	display: block;


	padding-left:5px;


	text-decoration : none;


	}


#option_2 .prod_choice a:hover {


	background: #444444;


	color : #FFFFFF;


	font-weight:bold;


	}


/* ---------- home tab(classic) ----------*/


#home .btn_pos,#home h1 {


	display: none;


	}


#tc_01,#tc_02,#tc_03 {


	vertical-align: top;


	}


/* ---------- home old(classic) ----------*/


#home .btn_pos,#home h1 {


	display: none;


	}


#h01,#h02,#h03 {


	float: left;


	}





/*--------NEW ORDER PROCESS-------*/ 

.label{width:33%;margin: 0 3px 0 0;font-size:11px;}

.select_date_day {width:42px;}

.select_date_month {width:90px;}

.select_date_year {width:60px;}

.ibox_full {width:100%;}

.ibox_long {width: 195px;}

* html .label,* html .formw,* html .checkform{float:left;clear:none;margin:0 5px 0 0;}

* html .form_empty{width:100%;}

* html #canvas_old_account_cont,* html #canvas_login_account,* html #canvas_new_account #canvas_invoice_account,* html #canvas_new_account #canvas_delivery_account{width:90%;float:left;}

*+html .label,*+html .formw,*+html .checkform{float:left;clear:none;margin:0 5px 0 0;}

*+html .form_empty{width:100%;}

*+html #canvas_old_account_cont,*+html #canvas_login_account,*+html #canvas_new_account #canvas_invoice_account,*+html #canvas_new_account #canvas_delivery_account{width:90%;float:left;}