﻿/* FEUILLE DE "PC Portable sur mesure" COPYRIGHT STORE-FACTORY "Juin 2010" */html,body,form,ul,li,p,h1,h2,h3,h4,h5,h6,td,#list .content a,#feature a,li a,#help a,#account a,#pd_zoom a,#home .content a {	color:#fff;	font-size:12px;	font-family:Arial;	text-decoration:none;	}#product detail a,#page a,#home .list_content a,#home .product_content a {	text-decoration:none;	}#pd_zoom a {	text-decoration:underline;	}#product detail a:hover,#page a:hover {	text-decoration:underline;		}p {	margin:12px 0 12px 0;	}body {	margin:0;	line-height:1;	}ol, ul {	margin:0;	padding:0;	list-style:none;	}blockquote, q {	quotes:none;	}:focus {	outline:0;	}ins {	text-decoration:none;	}del {	text-decoration:line-through;	}table {	border-spacing:0;	border-collapse:collapse;	}img {	border:none;	}form {	margin:0;	padding:0;	}/*---------------------------------------- GENERALITES  -----------------------------------------*//*------------------ Static -------------------*/.bold {	font-weight:bold;	}.error {	color:red;	font-weight:bold;	}.star {	color:red;	}.comment {	font-style:italic;	}.label {	width:260px;	margin:0 10px 0 0;	float:left;	text-align:right;	}.label .comment {	font-size:7pt;	}#page .view, #list .view, #product .view {	margin:0 0px 20px 0;	}#product .view {	margin-right:15px;	}.view {	float:left;	}.view_large {	text-align:center;	margin:0 auto;		}.logo {	float:left;	}.inter {	width:100%;	height:1px;	margin:5px 0 5px 0;	display:block;	clear:both;	background:#998e69;	}.inter_top, .inter_bottom {	display:block;	clear:both;	}.list_btn {	text-align:right;	display:block;	}.list_bottom {	clear:both;	}.work_margin {	margin:0px 0px 0px 19px;	padding:0px;	}#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:#000;	}#master {	width:960px;	margin:0 auto;	position:relative;	text-align:left;	background:#000;	}#work {	width:775px;	float:left;	}#work_order {	width:800px;	float:left;	margin:0 0 0 80px;	}#account_contener {	width:600px;	margin:0 auto;	text-align:left;	}h1, h1 a {	margin:0 0 5px 0;	font-size:18px;	color:#998e69;	text-decoration:none;	}h2, h3 {	margin:0 0 5px 0;	color:#fff;	font-size:15px;	}.price,.price_value, .price a, .price .currency, .price .IT, .price .OT, .price .cents {	color:#998e69;	font-weight:normal;	}#feature .price,#feature .price_value, #feature .price a, #feature .price .currency, #feature .price .IT, #feature .price .OT, #feature .price .cents {	color:#ff0000;	font-weight:bold;	font-size:16px;	}#list .price,#list .price_value, #list .price a, #list .price .currency, #list .price .IT, #list .price .OT, #list .price .cents {	color:#998e69;	font-weight:normal;	font-size:14px;	}.pstrike {	color:#fff;	text-decoration:line-through;	}.pstrike a, .pstrike .currency {	color:#fff;	font-size:11px;	}.pweight, .pweight .currency {	color:#fff;	font-size:11px;	font-style:italic;	}.en_stock {		color:#fff;	font-style:italic;	}.quantity_stock {		font-size:11px;	}.primary a, .primary {	display:block;	color:#998e69;	font-weight:bold;	font-size: 12px;	}.secondary a, .secondary {	display:block;	color:#fff;	}/*---------------- Les boutons ----------------*/.btn_pos {	display: block;	clear:both;	margin:10px 0;	text-align:center;	}.btn , .btn_short, .btn_midle, .btn_long, .btn_detail, .btn_buy {	color:#000;	font-size:10px;	font-weight:bold;	text-transform:none;	border:1px solid #998e69;	background:#fff;	}.ibox , .ibox_short, .ibox_midle, .ibox_long, .ibox_vlong {	color:#000;	background:#fff;	border:1px solid #998e69;	}.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:70px;	cursor:pointer;	}.btn_long {	width:150px;	cursor:pointer;	}/* Bouton 'continuer' des liens et pages libres dans les listes associ�es */.btn_li_004 {	width:80px;	}/* Page Mon Compte:cr�ation */.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 {	height:201px;	background:url(img/top_bkg.jpg) no-repeat;	}/* --------------- Les drapeaux -------------- */#flag {	position:absolute;	width:300px;	left:20px;	top:10px;	}#flag li {	float:left;	padding:5px;	}#flag a {	width:20px;	height:15px;	display:block;	}#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 .pt a {	background:url(./mag/logo/flag_pt.gif);	}#flag .ru a {	background:url(./mag/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:50px;	left:0px;	}#logo a {	display:block;	width:648px;	height:85px;	}#logo span,#logo p,#logo a img {	display:none;	}/* -------------- Encart comand -------------- */#comand {	width:374px;	height:42px;	background:url(img/comand_bkg.jpg) no-repeat top left;	margin:147px 3px 0 0;	padding:0 20px 0 0;	float:right;	text-align:center;	position:relative;	}#comand li {	padding:15px 10px 0 17px;	display:inline;	float:right;	}#comand span {	color:#fff;	font-size:11px;	font-weight:bold;	text-transform:capitalize;	}#comand a {	color:#fff;	}	#comand div span {	color:#fff;	font-size:11px;	font-weight:normal;	}#comand .order {	display:none;	}#comand .basket {	background:url(img/basket_bkg.gif) no-repeat left;	padding:15px 0 15px 35px;	}#comand li#log_login,#comand li#log_logout {	position:absolute;	top:-30px;	right:18px;	}/* ----------- Mise en page panier ----------- */	#item_basket, #item_basket div {	display:inline;	}#charit_basket {	display:none;	}/*-------------------------------------- MENU/NAVIG ---------------------------------------------*//* ---------- Avant le passage � la commande ---------- */#navig li {	float:left;	}#navig span {	color:#fff;	font-size:13px;	font-weight:bold;	text-transform:capitalize;	}#navig .m1 span{	color:#fff;	font-size:15px;	font-weight:bold;	text-transform:uppercase;	}#navig a {	text-decoration:none;	display:block;	}#navig .smenu li {	width:100%;	}#navig .smenu {	visibility:hidden;	position:absolute;	width:160px;	margin-left:-15px;	border:1px solid #c8c8c8;	background:#fff;	z-index:1000;	}#navig .smenu a {	color:#000;	font-size:10px;	text-indent:-10px;	padding:3px 0px 3px 15px;	text-align:left;	font-weight:normal;	}#navig .smenu a:hover {	color:#000;	font-weight:bold;	background:#c8c8c8;	text-decoration:none;	}/* Pour descendre le sous-menu */#navig a.menu {	padding-bottom:6px;	}#menu {	padding:0;	}#navig .menu {	padding:5px 0 0 0;	}#navig li.start {	width:10px;	height:15px;	}#navig li.mns {	margin:0 15px 0 15px;	}#navig li.m1 {	padding:0 35px 0 35px;	}#navig .i {	width:2px;	height:24px;	background:url(img/navig_i.gif) no-repeat top left;	}#navig .end, #order_step .end {	display:none;	}#navig {	height:66px;	background:url(img/menu_bkg.gif) no-repeat;	}/* ---------- Processus de commande ---------- */#order_step {	width:100%;	height:66px;	background:url(img/menu_bkg.gif) no-repeat;	}#order_step li {	width:120px;	padding:5px 0 0 0;	float:left;	color:#fff;	font-size:13px;	text-align:center;	}#order_step .start {	width:150px;	}#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_top {	display:block;	background:url(img/left_top_bkg.gif) no-repeat top right;height:115px;margin:0px;	}#left {	width:180px;	float:left;	background:url(img/left_bkg.gif) repeat-y top left;	}#left_contener .arround {	margin:0 0 5px 0;	padding:0 0 5px 0;	}div.offer h2, #search h2, #contact_us h2, #newsletter h2, #professional h2, div.service h2,#partner h2 {	height:20px;	margin:0 0 10px 0;	padding:5px 0 0 20px;	color:#fff;	font-size:14px;	font-weight:bold;	text-transform:none;	background:url(img/left_h2_bkg.gif) top no-repeat;	border-right:1px solid #998e69;	}#offer h2{	border:none;	}#newsletter p, #professional p, #search p {	margin:5px 5px 0 30px;	color:#fff;	font-size:10px;	font-weight:normal;	}#left li {	padding:0 0 0 25px;	background:url(img/left_li.gif) no-repeat top left;	}div.offer a, div.service a, #search a {	color:#fff;	font-size:11px;	text-align:left;	font-weight:normal;	line-height:18px;	}#partner li {	margin:5px 0 0 0;	background:none;	padding:0;	text-align:center;	}#search .ibox {	width:97px;	margin:0 5px 0 0;	vertical-align:top;	height:13px;	}#search .btn_short {	width:22px;	height:17px;	margin:0px 2px 0 0;	padding:0px 7px 0px 0;	vertical-align:top;	background:#998e69;	}#newsletter .btn, #contact_us .btn, #professional input {	font-style:normal;	margin:5px 0 5px 30px;	width:95px;	}#left .price {	display:none;	}/*------------------------------------- PARTIE LIENS --------------------------------------------*/#link_contener {	width:960px;	height:30px;	margin:0 auto;	clear:both;/* Tout sauf IE MAC \*/	text-align:center; /* Fin Hack IE MAC */	}#link {	width:100%;	height:100%;	background:url(img/link_bkg.gif) no-repeat;	}#link li {	display:inline;	margin:5px 10px 0 10px;	padding-left:0;	float:left;	}#link .i, #link .end {	line-height:20px;	}#link .start {	line-height:20px;	margin-left:80px;	}#link a {	color:#fff;	font-size:10px;	font-weight:normal;	font-family:Verdana;	}/*****   le pied de page   *****/#footer_contener {	background: none; 	border-top:1px solid #999;	}#footer {	width:950px;	padding: 20px 0px 30px 0px; 	margin:auto;	text-align:center;	}#footer table{	margin:0 auto;	}/*-------------------------------------- PAGE PANIER --------------------------------------------*/#basket_tab td, #account_tab td {	width:95px;	padding-top:5px;	padding-bottom:5px;	text-align:center;	vertical-align:top;	border-top:1px solid #998e69;	border-left:1px solid #998e69;	}#basket_tab .col1, #account_tab .col1 {	width:805px;	padding-left:5px;	text-align:left;	}#basket_tab .header td, #basket .footer td, #account_tab .header td {	font-weight:bold;	}#basket_tab, #account_tab {	border-bottom:1px solid #998e69;	border-right:1px solid #998e69;	}#basket_tab .col4 .btn_short {	border:none;	}#basket_tab .btn_short {	width:20px;	height:20px;	background:url(img/trash.gif) center no-repeat;	}#basket .primary {	display:block;	}#basket .txt_advantage {	font-weight:bold;	}#maj {	padding-top:10px;	margin-bottom:5px;	clear:both;	text-align:right;	}#account {	text-align:center;	}#account_tab td a:hover {	text-decoration:underline;	}#account_tab .col1 {	width:390px;	}#account p {	margin-bottom:5px;	clear:both;	text-align:left;	}#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;	margin-bottom:5px;	float:left;	}#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�claration � la CNIL >> restricted_00.php / order_00.php / account_00.php */#account .a001, #account .r003, #account .o001 {	padding-top:5px;	}#account .new, #account .old {	margin: 10px 0 10px 0;	border:1px solid #998e69;	}#account li, #help li {	padding-left:25px;	line-height:20px;	background:url(img/account_pic.gif) left center no-repeat;	}/*------------------------------------- LISTE PRODUIT -------------------------------------------*/#list_contener {	background:url(img/list_bkg.gif);	}#list .uneven, #list .pair {	width:370px;	margin:5px 0;	}#list .uneven {	float:left;	}#list .pair {	float:right;	}#list .list_content {	margin:5px;	}#list .list_content img {	margin-right:10px;	}#list  img .view {	margin-right:10px;	}#list .logo {	margin:2px 0;	}/* D�tail produit dans les listes */#list .content {	padding-top:5px;	display:block;	text-align:justify;	}#list .pstrike, #list .price, #list .pweight {	margin:0 0 5px 0;	float:left;	clear:both;	}#list .price_pos {	width:auto;	margin:10px 0 5px 0;	display:block;	float:left;	clear:none;	}#list .quantity_stock, #list .en_stock {	width:100%;	margin:0 5px 5px 0;	display:block;	clear:both;	}#list .block_quantity {	width:100%;	margin:0 5px 5px 0;	display:block;	clear:both;	}#pagination {	width:100%;	margin:auto;	clear:both;	text-align:center;	}#pagination ul {	margin:10px auto;	}#pagination li {	display:inline;	padding:10px 5px 5px 5px;	}#pagination li a {	text-decoration:underline;	}/*------------------------------------- FICHE PRODUIT -------------------------------------------*/#feature{	width:440px;	padding-bottom:10px;	float:left;clear:both;	}#feature p {	width:100%;	float:left;	}#feature .error {	margin:10px 0;	}#feature .btn_pos {	text-align:left;	}#feature .price_pos {	width:100%;	margin:0 0 5px 0;	float:left;	}#feature .pweight, #feature .pstrike, #feature .price, #feature .quantity_stock, #feature .en_stock {	display:block;	clear:both;	margin-bottom:2px;	}#feature .quantity_stock, #feature .en_stock {	margin-bottom:5px;	}#feature .logo{	padding:5px 0 5px 0;	margin:0;	float:left;	clear:both;	}#product h2 {	padding:0 0 5px 0;	}/* D�tail */#detail {	border:none;	float:left;	width:440px;	padding:0 0;	}#detail h2 {	color:#998e69;	}#detail table {	float:left;	}/* Formulaire */#pdt_form table {	width:100%;	float:left;	padding-bottom:10px;	}#btn_send_form {	margin:5px;	}/* ---------- Les photos de produits --------- *//* Image principale */#image.view {	position:relative;	z-index:1;	}#image a {	margin:0 10px 0 0;	}#image .comment {	padding:5px 0px;	clear:both;	text-align:left;	}#image.view_large .comment {	text-align:center;	}/* Vues suppl�mentaires */#image .pd07 {	width:300px;	}#image .pd07 span {	display:block;	clear:both;	}#image .pic_another_pic {	width:80px;	margin:0;	padding:5px 3px 0 0;	}#image a {	margin:0;	padding:0;	}/* ---------- Les tailles et coloris --------- */#feature .prod_choice img {	margin:0 3px 0 0;	}#feature input {	text-align:left;	}#feature .pdt_select {/*\ Tout sauf IE MAC \*/	float:left;/*\ Fin Hack IE MAC \*/	}#feature .pdt_btn {	width:200px;	height:22px;	padding:0 0 0 5px;	margin:0 0 5px 0;	display:block;	clear:both;	border:none;	background:url(img/pic_select.gif) no-repeat;	}#feature .prod_choice {	width:198px;	padding:5px 0;	clear:both;	visibility:hidden;	position:absolute;	z-index:10;	border:1px solid #998e69;	background-color:#fff;	}#feature .prod_choice li {	width:198px;	float:left;	text-decoration:none;	}#feature .prod_choice a {	width:194px;	padding:3px 0 5px 5px;	display:block;	color:#000;	text-decoration:none;	}#feature .prod_choice a:hover {	color:#fff;	font-weight:bold;	background:#998e69;	}#feature .pd02 {	display:block;	margin:5px 0 5px 0;	}/* --------------- Les options --------------- */#option_contener {	width:740px;	padding-bottom:10px;	float:left;	clear:both;	}.option {	width:740px;	float:left;	clear:none;	padding:5px 0px;	}.option p {	width:30%;	margin:5px 0 5px 0;	clear:both;	float:left;	}/* Combo perso */.option .pdt_btn {	width:200px;	height:22px;	padding:0 0 0 5px ;	border:none;	text-align:left;	background:url(img/pic_select.gif) no-repeat;	}.option .pdt_select {/* Tout sauf IE MAC \*/	float:left; /* Fin Hack IE MAC */ 	padding:0px;	}.option .prod_choice img {	padding-right:0 5px 0 0;	}.option .prod_choice {	width:198px;	padding:2px 0;	visibility:hidden;	position:absolute;	z-index:2;	background-color:#fff;	border:1px solid #998e69;	}.option .prod_choice a {	padding:2px 5px;	display:block;	color:#000;	vertical-align:top;	text-decoration:none;	}.option .prod_choice a:hover {	color:#fff;	font-weight:bold;	background:#998e69;	}.option .option_price {	color:#000;	}.option a:hover .option_price {	color:#fff;	}/* Combo simple */.option select {	color:#000;	}/* Boutons radio */.option .opt_choice li {	padding:5px 10px 5px 0;	float:left;	}.option .opt_choice li{	float:right;	display:block;	clear:right;	width:75%;	}.option .pd02 {	width:175px;	}/*----------------------------------------- DIVERS ----------------------------------------------*/.cofidis img,.cofidis_basket img {	margin-top:15px;	float:left;	border:none;	}/* ----------------- Vues sup ---------------- */.zvc {	position:absolute;	top:0;	left:0;	}.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;	top:-50px;	left:-20px;	padding:20px;		background:#000;	border:1px solid #998e69;	}.pd_zoom a {	width:16px;	height:16px;	display:block;	}/*----------------------------------------- EXTRADIV ---------------------------------------------*/#extradiv1 {	width:960px;	margin:0 auto;	text-align:left;	}#extradiv1 p {		position:absolute;	top:10px;	margin:0 0 0 800px;  }#extradiv2 {	width:960px;	margin:0 auto;	text-align:left;	}#extradiv2 span {		position:absolute;	top:10px;	margin:0 0 0 500px;  }#product ol, #product ul, #product li{	list-style:disc;margin:0 0 0 25px;	}/*------------------------------------- PAGE D'ACCUEIL ------------------------------------------*/#home .btn_pos, #home .inter, #home .list_bottom, #home .product_bottom, #home .header, #home h1, #home .IT,#home .OT {	display:none;	}#home {	}#home td {	vertical-align:top;	}/* ----------------- TC_01 ------------------- */#tc_01 h2,#tc_02 h2{	display:none;	}#tc_02 table{	margin:0 auto;	}/* ----------------- TC_03 ------------------- */#tc_03 h2,#tc_04 h2,#tc_05 h2{	background:url(img/list_h2_bkg.gif) no-repeat top left;	width:695px;	height:49px;	font-size:22px;	text-transform:uppercase;	padding:13px 0 0 60px;	}/* ------------- Liste produit --------------- */#home .list_content {	width:119px;	padding:0 20px 10px 0;	float:left;	text-align:center;	height:220px;	}#home .pdt1,#home .pdt6,#home .pdt11,#home .pdt16 {	padding:0 20px 10px 40px;	}#home .list_content .view {	width:119px;	margin:0 0 5px 0;	float:none;	}#home .list_content .primary, #home .list_content .secondary, #home .list_content .price, #home .list_content .pstrike, #home .list_content .pweight {	display:block;	clear:both;	margin:0;	padding:2px 5px 2px 5px;	text-align:center;	}#home .list_content .price_pos {	display:block;	clear:both;	padding-top:5px;	}#home .list_content .price{	background:url(img/price_bkg.gif) no-repeat top left;	padding:4px 0 0 0;	height:14px;	}#home .list_content .primary a, #home .list_content .price, #home .list_content .price a, #home .list_content .cents, #home .list_content .cents a, #home .list_content .currency{	color:#fff;	font-weight:bold;	font-size:12px;	}/* D�tail produit */#home .list_content .secondary,#home .list_content .content, #home .list_content .pstrike, #home .list_content .pweight {	display:none;	}/**************************** FIN DE LA HOME *****************************************************/.label{width:34%;margin: 0 3px 0 0;}.select_date_day {width:42px;}.select_date_month {width:90px;}.select_date_year {width:60px;}.ibox_full {width:100%;}.ibox_long {width:190px;}fieldset {border:1px solid #999;}* 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;}
