/* FEUILLE DE Deco attitude COPYRIGHT STORE-FACTORY Mai 2008 *//*----------------------------------------- RESET CSS  ------------------------------------------*//* http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline;	background: transparent;/*	color:#000;	font-size: 12px;	font-size: 100%;	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/	}body {	line-height: 1;	}ol, ul {	list-style: none;	}blockquote, q {	quotes: none;	}:focus {	outline: 0;	}ins {	text-decoration: none;	}del {	text-decoration: line-through;	}table {	border-collapse: collapse;	border-spacing: 0;	}img {	border: none;	}/*---------------------------------------- GENERALITES  -----------------------------------------*//*------------------ Static -------------------*/.bold {	font-weight: bold;	}.error {	color: red;	font-weight: bold;	}.star {	color: red;	}.comment {	font-style: italic;	}.label {	width: 260px;	float: left;	text-align: right;	margin: 0 10px 0 0;	}.label .comment {	font-size: 7pt;	}#page .view, #list .view, #product .view {	margin: 0 20px 10px 0;	}.view {	float: left;	}.view_large {	text-align: center;	margin: 0 auto;		}.logo {	float: left;	}.inter {	width: 100%;	background: #ec2a8d url(img/inter_bkg.gif) repeat-y;	height: 1px;	margin: 5px 0 5px 0;	display: block;	clear: both;	}.inter_top, .inter_bottom {	display: block;	clear: both;	}.list_btn {	text-align: right;	display: block;	}.list_bottom {	clear: both;	}.work_margin {	margin: 0px 60px 0px 0px;	padding : 10px;	}#top a, #left a, #link a, #list_contener a {	text-decoration: none;	}#top a:hover, #left a:hover {	text-decoration : underline;	}/*---------------- A customiser  --------------*/body {	background: #c9c9c9;	}#master {	width: 1024px;	position: relative;	text-align: left;	margin: 0 auto;	background: url(img/master_bkg.jpg) bottom;	}#work {	float: right;	width: 770px;	}#work_order {	width: 770px;	float: right;	}#account_contener {	margin: 0px auto;	width: 600px;	text-align: left;	}h1, h1 a {	font-size: 18px;	color: #ec2a8d;	padding: 0 0 5px 0;	}h2, h3 {	font-size: 15px;	color: #000;	padding: 0 0 5px 0;	}.price, .price_value, .price a, .price .currency, .price .IT, .cents {	color: #ec2a8d;	font-weight: bold;	}.pstrike{	text-decoration: line-through;	color: #666;	}.pstrike a, .pstrike .currency {	color: #666;	font-size: 11px;	}.pweight, .pweight .currency {	font-style: italic;	color: #000;	font-size: 11px;	}.en_stock {		font-style: italic;	font-weight: bold;	color: f067a7;	}.quantity_stock {		font-size: 11px;	}.primary a, .primary {	font-weight: bold;	display: block;	color: #ec2a8d;	}.secondary a, .secondary {	display: block;	color: #000;	}/*---------------- Les boutons ----------------*/.btn_pos {	margin: 10px 0;	text-align:center;	}.btn , .btn_short, .btn_midle, .btn_long, .btn_detail, .btn_buy {	background: #f067a7;	border: 1px solid #f067a7;	color: #FFFFFF;	font-size: 10px;	font-weight: normal;	text-transform: capitalize;	}.ibox , .ibox_short, .ibox_midle, .ibox_long, .ibox_vlong {	border: 1px solid #ec2a8d;	background: #FFFFFF;	color: #000000;	}.ibox {	width: 100px;	}.ibox_short {	width: 28px;	}.ibox_midle {	width: 150px;	}.ibox_long {	width: 200px;	}.ibox_vlong {	width: 500px;	}.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;	}/* Bouton 'continuer' des liens et pages libres dans les listes associ褳 */.btn_li_004 {	width: 80px;	}/* Page Mon Compte : cr蠴ion */.btn_z0_01 {	width: 120px;	}/* Page Mon Compte >> Identifiant */.btn_z1_001 {	width: 160px;	}/* Page ??? */.z800 {	display: none;	}/* Page ??? */.a601 {	padding-top: 5px;	}/*---------------------------------------- PARTIE TOP -------------------------------------------*/#top, #top_order {	background: url(img/top_bkg.jpg) no-repeat;	height:187px;	}/* --------------- Les drapeaux -------------- */#flag {	position: absolute;	width: 300px;	left: 20px;	top: 10px;	}#flag li {	float: left;	padding: 5px;	}#flag a {	display: block;	width: 20px;	height: 15px;	}#flag .fr a {	background: url(../../logo/flag_fr.gif);	}#flag .en a {	background: url(../../logo/flag_en.gif);	}#flag .de a {	background: url(../../logo/flag_de.gif);	}#flag .sp a {	background: url(../../logo/flag_sp.gif);	}#flag .it a {	background: url(../../logo/flag_it.gif);	}#flag .pt a {	background: url(../../logo/flag_pt.gif);	}#flag .ru a {	background: url(../../logo/flag_ru.gif);	}#flag .ma a {	background: url(./mag/logo/flag_ma.gif);	}#flag .nl a {	background: url(./mag/logo/flag_nl.gif);	}#flag .jp a {	background: url(./mag/logo/flag_jp.gif);	}#flag span {	display: none;	}/* ----------------- Le logo ----------------- */#logo a:hover {	text-decoration: none;	}#logo {	position: absolute;	top: 30px;	left: 50%;	margin-left: -300px;	}#logo span {	display: none;	}#logo a {	display: block;	width: 320px;	height: 150px;	}#logo p {	color: #ec2a8d;	Font-size: 11px;	font-weight: bold;	}/* -------------- Encart comand -------------- */#comand {	width: 100px;	margin: 20px 0 0 90px!important;		margin: 20px 0 0 45px;	padding: 0 0px 0 0;	float: left;	}#comand li {	margin: 7px 0 7px 0;	float: left;	}#comand .order span,#comand .basket a span,#comand .account span,#comand .help span,#comand .back span {	font-size:10px;	text-transform:Capitalize;	color:#000;	font-weight:bold;	}#comand a {	color: #fff;	}#comand .order {	display:none;	}#comand .basket a {	display:block;	width: 100px;	padding: 5px 10px 0 30px;	height: 18px;	background: url(img/basket_bkg.gif) no-repeat left;	}#comand .account a {	display:block;	width: 100px;	padding: 5px 10px 0 30px;	height: 18px;	background: url(img/account_bkg.gif) no-repeat left;	}#comand .help a {	display:block;	width: 100px;	padding: 5px 10px 0 30px;	height: 18px;	background: url(img/help_bkg.gif) no-repeat left;	}#comand .back a {	display:block;	width: 108px;	padding: 55px 10px 0 0px;	height: 5px;	text-align:center;	margin-top: 70px;	background: url(img/back_bkg.gif) no-repeat top center;	}/* ----------- Mise en page panier ----------- */	#item_basket {	width: 100px;	padding-left: 5px;	}#chartotal_basket, #nb_article, #total_basket, #numit_basket, #chartotal_basket, #currency_basket, #totalit_basket, #charact_basket  {	font-size:10px;	text-transform:capitalize;	color:#ec2a8d;	font-weight:normal;	display:inline;	}#currency_basket, #totalit_basket, #chartotal_basket {	display:block;	float: left;}#charit_basket, .par_g, .par_d {	display:none;	}/* ---------------- D袯nnexion -------------- */	#account_logout {	position: absolute; 	top: 44px; 	right: 40px; 	}#account_logout a, #account_logout span, #account_logout {	font-size: 11px; 	color: white;	text-transform:uppercase;	}#top #account_logout a, #top #account_logout span a {	text-decoration: underline;	} /*-------------------------------------- MENU/NAVIG ---------------------------------------------*//* ---------- Avant le passage �a commande ---------- */#navig li {	float: left;	}#navig span {	font-size: 12px;	text-transform: uppercase;	font-weight: bold;	color : #FFFFFF;	}#navig a {	text-decoration : none;	display: block;	}#navig .smenu li {	width: 100%;	}#navig .smenu {	visibility: hidden;	position:absolute;	width: 150px;	margin-left: -14px;	border:1px solid #f067a7;	background-color: #FFFFFF;	}#navig .smenu a {	text-indent:-10px;	padding: 3px 0px 3px 15px;	text-align:left;	font-weight: normal;	font-size: 8pt;	color:#000000;	}#navig .smenu a:hover {	text-decoration: none;	background: #f067a7;	color: #FFFFFF;	font-weight: bold;	}/* Pour descendre le sous-menu */#navig a.menu {	padding-bottom: 10px;	}#menu {	padding: 8px 0 0 0;	}#navig .menu {	padding: 0px 0 0 0;	}#navig li.start {	width: 120px;	height: 15px;	}#navig li.mns {	margin: 0px 10px 0 10px;	}#navig li.m1 {			margin: 0px 70px 0 0px;}#navig li.m2 {			margin: 0px 15px 0 20px;}#navig .i {	display: block;	background: #fff;	width: 1px;	height: 14px;	}#navig .end, #order_step .end {	display:none;	}#navig {	background: url(img/menu_bkg.gif) no-repeat;	height:47px;	}/* ---------- Processus de commande ---------- */#order_step {	background: url(img/step_bkg.gif) no-repeat;	height:47px;	width: 100%;	}#order_step li {	padding: 8px 0 0 0;	float: left;	width: 100px;	text-align: center;	color:#FFFFFF;	font-size: 11px;	}#order_step .start {	width:258px;	}#order_step .on {	font-weight: bold;	}#order_step .made {	text-decoration: line-through;	}#order_step .end {	display: none;	}/*------------------------------------- PARTIE GAUCHE -------------------------------------------*/#left_top,#left_bottom {	display:none;	}#left {	width: 180px;	float: left;	padding-left: 55px;	padding-bottom: 20px;	}#left_contener .arround {	margin: 0 0 5px 0;	padding: 0 0 5px 0;	}div.offer h2, #search h2, #partner h2, #contact_us h2, #newsletter h2, #professional h2, div.service h2 {	background: url(img/left_h2_bkg.gif) no-repeat;	padding:5px 0 5px 25px;	margin:0;	font-weight: bold;	text-transform: uppercase;	font-size: 11px;	color: #000;	}#newsletter p, #professional p, #search p {	margin: 5px 5px 0 25px;	font-size: 11px;	font-weight: normal;	color: #000;	}#left li {	margin:0 0 0 25px;	}div.offer a, div.service a, #search a {	text-align: left;	font-weight: normal;	font-size: 11px;	color: #000;	}#partner li {	margin: 5px 0 0 25px;	}#search .ibox {	margin: 0px 2px 0 0;	vertical-align: top;	}#search .btn_short {	margin: 0px 2px 0 0;	vertical-align: top;	padding: 3px 0 0px 0;	width: 25px;	}#newsletter .btn, #contact_us .btn, #professional input {	font-style: normal;	margin: 5px 0 5px 25px;	}#left .price {	display: none;	}#left #service_3 h2, #left #partner h2 {background:none;}/*------------------------------------- PARTIE LIENS --------------------------------------------*/#link_contener {/* Tout sauf IE MAC \*/	text-align: center; /* Fin Hack IE MAC */	margin: 0 auto;	clear: both;	height: 39px;	width: 950px;	}#link {	height: 100%;	width: 100%;	background: url(img/link_bkg.gif) no-repeat bottom;	}#link li {	display: inline;	float: left;	margin: 9px 14px 0 14px;	padding-left: 0;	}#link .i, #link .end {	line-height: 20px;	}#link .start {	line-height: 20px;	margin-left: 50px;	}#link a {	vertical-align: top;	font-weight: normal;	font-size: 10px;	color: #fff;	}/*-------------------------------------- PAGE PANIER --------------------------------------------*/#basket_tab td, #account_tab td {	text-align:center;	width: 1024px;	vertical-align: top;	padding-top : 5px;	padding-bottom : 5px;	border-top: 1px solid #ec2a8d;	border-left: 1px solid #ec2a8d;	}#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, #account_tab {	border-bottom: 1px solid #ec2a8d;	border-right: 1px solid #ec2a8d;	}#basket_tab .col4 .btn_short {	border: none;	}#basket_tab .btn_short {	background: url(img/trash.gif) center no-repeat;	width: 20px;	height: 20px;	}#basket .primary {	display: block;	}#basket .txt_advantage {	font-weight:bold;	}#maj {	clear: both;	text-align: right;	padding-top: 10px;	margin-bottom: 5px;	}#account {	text-align: center;	}#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: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;	}/* D袬aration �a CNIL >> restricted_00.php / order_00.php / account_00.php */#account .a001, #account .r003, #account .o001 {	padding-top: 5px;	}#account .new, #account .old {	border: 1px solid #ec2a8d;	}#account li, #help li {	background: url(img/account_pic.gif) no-repeat;	padding-left: 28px;	line-height: 20px;	}/*------------------------------------- LISTE PRODUIT -------------------------------------------*/#list_contener {	background: url(img/list_bkg.gif);	}#list .uneven, #list .pair {	width: 340px;	margin: 5px 0;	}#list .uneven {	float: left;	}#list .pair {	float: right;	}#list .list_content {	margin: 5px;	}#list .pstrike, #list .price, #list .pweight {	clear: both;	float:right;	margin:0 0 5px 0;	}#list .price_pos {	float: right;	margin: 10px 0 5px 0;	display: block;	clear: none;	width:auto;	}#list .quantity_stock, #list .en_stock {	display:block;	clear: both;	width: 100%;	margin:0 5px 5px 0;	}#pagination {	clear: both;	}#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;	}/*------------------------------------- FICHE PRODUIT -------------------------------------------*/#feature {	float: left;	width: 300px;	padding-bottom: 10px;	}#feature p {	float: left;	width: 100%;	}#feature .error {	margin:10px 0 10px 0;	}#feature .btn_pos {	text-align:left;	}#feature .price_pos {	float:left;	width:100%;	clear: both;	margin: 0 0 5px 0;	}#feature .pstrike, #feature .price, #feature .quantity_stock, #feature .en_stock {	display: block;	clear: both;	}#feature .pweight_pos, #feature .quantity_stock, #feature .en_stock {	margin-bottom: 5px;}#product h1, #product h2 {	display: block;	/*float: left;*/	width:100%;	}#product h2 {	padding: 0 0 5px 0;	}#feature .logo{	padding: 5px 0 10px 0;	margin:0;	float:left;	clear: both;	}/* D賡il */#detail {	border:none;	clear: both;	padding: 10px 0 0 0;	}#detail h2 {	display: block;	float: left;	}#detail table {	float: left;	}/* Formulaire */#pdt_form table {	float : left;	padding-bottom: 10px;	}/* Image principale */#image a {	margin: 0 10px 0 0;	}#image .comment {	padding: 5px 0px;	text-align: left;	clear: both;	}/* Vues suppl謥ntaires */.txt_another_pic {	display:none;	}img.pic_another_pic {	width: 80px;	float:left;	margin:2px;	}/* ---------- Les tailles et coloris --------- */#feature .prod_choice img {	float: left;	margin:2px 5px 2px 0px;	}#feature .pdt_btn {	display:block;	clear: both;	padding: 3px 0 0 5px;	border: none;	background: url(img/pic_select.gif) no-repeat;	height: 19px;	width: 200px;	}#feature .pdt_select {/*\ Tout sauf IE MAC \*/	float: left;/*\ Fin Hack IE MAC \*/	}#feature .prod_choice {	border:1px solid #ec2a8d;	visibility: hidden;	position:absolute;	z-index:1000;	width: 198px;	background-color: #ffffff;	clear:both;	}#feature .prod_choice li {	text-decoration : none;	width: 198px;	float: left;	}#feature .prod_choice a {	display: block;	padding:0 0 0 5px;	text-decoration : none;	color: #000000;	}#feature .prod_choice a:hover {	background: #ec2a8d;	color: #FFFFFF;	font-weight:bold;	}#feature p.pd02,#feature p.pd03,#feature p.pd04 {	float: left;	width: 100%;	margin:10px 0 0 0;	}/* --------------- Les options --------------- */.option {	width: 350px;	float: left;	padding: 5px 0px;	}.option p {	clear: both;	padding-bottom: 3px;	width: 100%;	}/* Combo perso */.option .pdt_btn {	background: url(img/pic_select.gif) no-repeat;	height: 22px;	width: 200px;	padding: 0 0 0 5px ;	border: none;	text-align: left;	}.option .pdt_select {/* Tout sauf IE MAC \*/	float: left; /* Fin Hack IE MAC */ 	padding: 0px;	}.option .prod_choice img {	padding-right: 0px 5px 0px 0;	}.option .prod_choice {	background-color: #ffffff;	border:1px solid #ec2a8d;	padding: 2px 0;	width: 198px;	visibility: hidden;	position:absolute;	z-index:2;	}.option .prod_choice a {	color: #000000;	display: block;	padding: 2px 5px;	text-decoration : none;	vertical-align: top;	}.option .prod_choice a:hover {	background: #ec2a8d;	color : #ffffff;	font-weight:bold;	}.option a:hover .option_price {	color : #ffffff;	}/* Combo simple */.option select {	color: #000000;}/* Boutons radio */.option .opt_choice li {	padding: 5px 10px 5px 0;	float: left;	}	/*----------------------------------------- DIVERS ----------------------------------------------*/.cofidis img,.cofidis_basket img {	border:none;	margin-top:15px;	float:right;	}/* ----------------- Vues sup ---------------- */.zvc {	position:absolute;	top:287px;	left: 50%;	margin-left:-250px;	}.pd_zoom a{	cursor:hand; 	cursor:pointer;	}#product_zoom{	position:absolute;	top:5px;	left:5px;	}/* --------------- Zoom photos --------------- */.popup_zoom, #product_zoom.popup_zoom {	position:absolute;	border: 1px solid #bbb;	background:#FFFFFF;	top:0px;	left: 50%;	margin-left:-475px;	padding:20px;		}.pd_zoom a {	display:block;	width:16px;	height:16px;	}/* --------------- Popup d'achat -------------- *//*------------------------------------- PAGE D'ACCEUIL ------------------------------------------*/#home .btn_pos, #home .inter, #home .list_bottom, #home .product_bottom, #home .header, #home h1, #home .IT {	display: none;	}#home td {	vertical-align: top;	width: 182px;	padding-bottom: 30px;	background: url(img/liste_bkg.gif) no-repeat bottom left;	}#home #tc_010 {	width: 566px;	background: none;	padding: 0 10px 0 0;	}#tc_02 h2, #tc_03 h2, #tc_04 h2, #tc_06 h2, #tc_07 h2, #tc_08 h2 {	text-align: center;	background: url(img/rose_h2.gif) no-repeat top left;	color: white;	font-size: 12px;	text-transform:uppercase;	padding: 5px 0px 5px 0;	width:149px;	}#tc_05 h2, #tc_09 h2, #tc_011 h2 {	text-align: center;	background: url(img/fushia_h2.gif) no-repeat top left;	color: white;	font-size: 12px;	text-transform:uppercase;	padding: 5px 0px 5px 0;	width:149px;	}#home #tc_012 {	background:none;	}#home #tc_01,#home #tc_011 {background:none;}/* ------------- Liste produit --------------- */#home .list_content {	width: 150px;	float: left;	}#home .list_content a {	text-decoration:none;	}#home .list_content .view {	width: 120px;	margin: 10px 0 3px 15px;	}#home  .list_content .price_pos {	float: left;	clear: both;	text-align: center;	padding-top:5px;	}#home .list_content .primary, #home .list_content .secondary, #home .list_content .price,#home .list_content .pstrike/*, #home .list_content .pweight */{	display:block;	clear: both;	width: 120px;	text-align: center;	padding-left: 15px;	padding-right: 15px;	margin:0;	}#home .list_content .pweight {	display:block;	clear: both;	text-align: center;	width: 120px;	font-weight:normal;	}#home .list_content {	display: none;	}#home .pdt1 {	display: block;	}/**************************** FIN DE LA HOME *****************************************************//*--------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;}
