/* FEUILLE DE *DEGRIFFELECTRO* COPYRIGHT STORE-FACTORY *Avril 2008* */#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;	}.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: 5px 0 5px 0;	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: 0 0 5px 0;	display: block;	clear: both;	}.inter {	width: 100%;	background: #106bbb;	height: 1px;	margin: 5px 0 5px 0;	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: 0 10px 0 0;	}.formw span{	float: left;	width: 225px;	}.work_margin {	margin:5px 15px 10px 0;	padding : 0px;	}a:hover {	text-decoration : underline;	}html>body #work_order {	height: auto;	min-height: 500px;	}#work h1, #account h1 {	margin-bottom: 10px;	}#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;	}#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 {	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;	}/**************************** STORE ***************************************************/html, form, ul, li, p, span, body, h1, h2, h3, a, td {	font-family: Verdana;	font-size: 11px;	color: #1a1919;	}input, select, textarea {	font-family: Verdana;	font-size: 11px;	color: #1a1919;	}body {	background: url(img/body_bkg.gif);	}h1,h1 a {	font-size: 18px;	color: #1a1919;	margin: 0 0 5px 0;	}h2, h3 {	font-size: 15px;	color: #1a1919;	margin: 0 0 5px 0;	}img {	border: none;	}.price , .price a{	color: #0960ae;	font-weight: bold;	text-align: right;	font-size: 12px;	font-weight: bold;	}.price .currency, .price .IT{	color: #0960ae;	}.pstrike{	margin-right: 20px;	}	.pstrike, .pstrike a{	text-decoration: line-through;	color: #1a1919;	font-size:10px;	font-weight: bold;	}.pstrike .currency{	color: #1a1919;	}.pweight {	font-style: italic;	float: right;	}.primary a, .primary {	font-weight:bold;	display: block;	color: #1a1919;	}.secondary a, .secondary {	display: block;	color: #1a1919;	}/**************************** LES BOUTONS ********************************************************/.btn , .btn_short, .btn_midle , .btn_long, .btn_detail, .btn_buy {	background: url(img/btn_bkg.gif);	border: 1px solid #757575;	color: #1a1919;	font-size: 10px;	font-weight: normal;	text-transform: capitalize;	}.ibox , .ibox_short, .ibox_midle , .ibox_long, .ibox_vlong {	background: #FFFFFF;	border: 1px solid #757575;	color: #1a1919;	}.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;	}.btn_z1_001 {	width: 160px;	}.btn_li_004 {	width: 85px;	}/* El謥nt unique : Mon compte >> Cr褲 un compte */	.btn_z0_01 {	width: 120px;	}#search .ibox {	margin: 1px 1px 0 0;	width: 80px;	height:15px;	}#newsletter .btn, #contact_us .btn, #professional input {	font-style: normal;	margin: 5px 0 5px 40px;	}#basket_tab .col4 .btn_short {	border:none;	}/****************************FIN DES BOUTONS *****************************************************/#master {	width:947px;	position: relative;	text-align: left;	margin: 0 auto;	background:url(img/master_bkg.gif) top left no-repeat;	}@media screen and (-webkit-min-device-pixel-ratio:0) {   #master{   background:#fff;  } }#work {	float: right;	width:780px;	min-height:780px;	}#work_order {	width:930px;	float: right;	height: 500px;	}#account_contener {	margin: 0 auto;	width: 520px;	margin-top : 10px;	margin-bottom: 10px;	text-align: left;	}/**************************** PARTIE TOP *********************************************************/#top, #top_order {	background: url(img/top_bkg2.gif) no-repeat;	height:119px;	}@media screen and (-webkit-min-device-pixel-ratio:0) {   #top{   background:#1a1919 url(img/top_bkg2.gif) no-repeat;  } }/* ---------- LES DRAPEAUX ---------- */#flag {	width: 400px;	float: left;	}#flag li {	float: right;	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 .ru a {	background: url(./mag/logo/flag_ru.gif);	}#flag .pt a {	background: url(./mag/logo/flag_pt.gif);	}#flag .nl a {	background: url(./mag/logo/flag_nl.gif);	}#flag span {	display: none;	}/* ---------- FIN DES DRAPEAUX ---------- *//* ---------- LE LOGO ---------- */#logo a {	width: 100%;	height: 100%;	display: block;	}#logo {	position: absolute;	top: 35px;	left: 50%;	margin-left: -475px;	width: 160px;	height:60px;	}#logo span,#logo img,#logo p  {	display: none;	}/* ---------- FIN DU LOGO ----------*//* ---------- ENCART COMAND ---------- */#comand {	width: 600px;	float: right;	margin: 6px 0 0 0;	padding: 0 15px 0 0;	}#comand a{	text-decoration : none;	}#comand li {	float: right;	padding:0 5px 0 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,.log span {	font-size: 10px;	text-transform: capitalize;	color: #FFFFFF;	font-weight: bold;	}#comand .help a, #comand .back a {	margin: 0;	}#comand .order {	background: none;}#account_logout {	position:absolute; 	top:7px; 	right:195px; 	background: url(img/comand_i.gif) no-repeat right bottom;padding:0 15px 0 0;	}#account_logout a, #account_logout span, #account_logout {	color:#fff;	font-size:10px; 	text-transform:capitalize;font-weight: bold;	}#account_logout a, #account_logout span a {	text-decoration:underline;	} /* ---------- FIN COMAND ---------- *//**************************** FIN TOP ************************************************************//**************************** MENU/NAVIG *********************************************************//* ---------- Pendant la proc裵re de commande ---------- */#order_step .off, #order_step .on, #order_step .made {	margin-top: 0;	}#order_step li {	padding: 12px 0 0 0;	float: left;	width: 70px;	text-align: center;	display: block;	color:#FFFFFF;	font-size: 11px;	}#order_step .start {	width:220px;	line-height: 15px;	}#order_step .end {	display: none;	}#order_step .on {	font-weight: bold;	}#order_step .made {	color:#bebdbd;	}#order_step {	background: url(img/menu_bkg2.gif) no-repeat;	height:117px;	width: 100%;	}/* ---------- FIN DU ORDER ---------- *//* ---------- Avant le passage �a commande ---------- */#navig {	background: url(img/menu_bkg2.gif) no-repeat;	height:117px;	}#navig li {	float: left;	display: block;	}#navig span {	font-size: 10px;	text-transform: uppercase;	font-weight: bold;	color : #ffffff;	}#navig .smenu li {	width: 100%;	}#navig .smenu {	visibility: hidden;	position:absolute;	z-index:1000;	border: 1px solid #bebdbd;	width: 150px;	background-color: #FFFFFF;	}#navig .smenu a {	text-align:left;	font-weight: normal;	font-size: 8pt;	text-indent:5px;	color: #1a1919;	}#navig .smenu a:hover {	background: #0960ad;	text-decoration : none;	color : #FFFFFF;	font-weight: bold;	}/* pour descendre le sous-meu */#navig a.menu {	padding-bottom : 9px;	}#order_step .end {	display:none;	}#navig  span a:hover {	text-decoration : underline;	}#navig a {	text-decoration : none;	display: block;	}#menu {	padding:0px 0 0 0;	}a.menu {	text-align:center;	}#navig .menu {	padding:75px 0 0 0;	}#navig .i {	display:block;	width:9px;	height:40px;	}#navig li.start {	width: 182px!important;	width:175px;	height: 40px;	}#navig li.m1,#navig li.m2,#navig li.m3,#navig li.m4,#navig li.m5,#navig li.m6,#navig li.m7,#navig li.m8  {	padding: 0;	height:115px;	}#navig li.m1{	background:url(img/m1.gif) no-repeat top;	width:94px;	}#navig li.m2{	background:url(img/m2.gif) no-repeat top;	width:69px;	}#navig li.m3{	background:url(img/m3.gif) no-repeat top;	width:63px;	}	#navig li.m4{	background:url(img/m4.gif) no-repeat top;	width:79px;	}	#navig li.m5{	background:url(img/m5.gif) no-repeat top;	width:75px;	}	#navig li.m6{	background:url(img/m6.gif) no-repeat top;	width:60px;	}#navig li.m7{	background:url(img/m7.gif) no-repeat top;	width:99px;	}		#navig li.end {	width: 8px;	height: 40px;	}/* ---------- FIN DU NAVIG ---------- *//**************************** FIN MENU/NAVIG *****************************************************//**************************** PARTIE GAUCHE ******************************************************/#left_top {	display:none;	}#left_bottom{	display:none;		}#left {	padding-left: 0;	width: 162px;	float: left;	}#left_contener .arround {	margin: 148px 0 5px 10px;	padding: 0 0 5px 0;	}div.offer h2, #search h2, #partner h2, #contact_us h2, #newsletter h2, #professional h2, div.service h2 {	height: 20px;	padding:7px 0 0 10px;	margin:0;	font-weight: bold;	text-transform: uppercase;	font-size: 11px;	color: #1a1919;	}div.offer span, #search span, #contact_us span, #newsletter span, #professional span, div.service span, #partner span {	display: block;	}#newsletter p, #professional p {	margin: 5px 5px 0 10px;	font-size: 11px;	font-weight: normal;	color: #1a1919;	}#left li {	margin:0 0 0 40px;	}div.offer a, div.service a, #search a {	text-align: left;	font-weight: normal;	font-size: 11px;	color: #1a1919;	}#partner li {	border: none;	margin: 0px 0 0 12px;	padding:225px 0 0 0;	}.offer, #contact_us ,#newsletter, #professional, .service,#partner h2 {	display:none;	}#search  {	background: url(img/search_bkg.gif) no-repeat;	width:145px;	height:146px;	}#search p {	margin: 30px 5px 0 10px;	}/**************************** FIN PARTIE GAUCHE **************************************************//**************************** PARTIE LIENS *******************************************************/#link_contener {/* Tout sauf IE MAC \*/	text-align: center; /* Fin Hack IE MAC */	margin: 0 auto;	display: block;	clear: both;	height: 30px;	width: 947px;	}#link {	height: 100%;	width: 100%;	margin: 0 auto;	background: url(img/link_bkg.gif) no-repeat bottom;	}#link li {	display: inline;	float: left;	margin: 7px 15px 0 15px;	padding-left: 0;	}#link .i, #link .end {	line-height: 20px;	}#link .start {	line-height: 20px;	margin-left: 65px;	}#link a {	vertical-align: top;	font-weight: normal;	font-size: 10px;	color: #1a1919;	}/**************************** FIN LIENS **********************************************************//**************************** ACCOUNT ************************************************************/#basket_tab td, #account_tab td {	border-top: 1px solid #bebdbd;	border-left: 1px solid #bebdbd;	}#basket_tab, #account_tab {	border-bottom: 1px solid #bebdbd;	border-right: 1px solid #bebdbd;	}#account .new, #account .old {	border: 1px solid #bebdbd;	}#account .label .comment {	font-size: 7pt;	}#account li, #help li {	background: url(img/account_pic.gif) no-repeat;	padding-left: 28px;	line-height: 20px;	}/**************************** FIN ACCOUNT *********************************************************//**************************** LISTE PRODUIT/PAGE LIBRE ********************************************/#list_contener {	background: url(img/list_bkg.gif);	}#list .uneven, #list .pair {	width : 370px;	margin-bottom: 5px;	margin-top: 5px;	}#list .uneven {	float: left;	}#list .pair {	float: right;	}#list .list_content {	margin: 5px;	}#list span.pstrike,#list span.price {	clear: both;	float:right;	margin:0 0 5px 0;	}#list .price_pos {	float: right;	margin: 0 0 5px 0;	display: block;	clear: none;	width:auto;	}#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;	}/**************************** FIN LISTE PRODUIT/PAGE LIBRE ***************************************//**************************** FICHE PRODUIT ******************************************************/#feature {	float: left;	width: 350px;	padding-left: 10px;	}#feature p {/*	clear:both;*/	float: left;	width: 100%;	}/* ---------- MENU DEROULANT ----------*/#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 #bebdbd;	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: #1a1919;	}#feature .prod_choice a:hover {	background: #0960ad;	color: #FFFFFF;	font-weight:bold;	}#feature p.pd02,#feature p.pd03,#feature p.pd04 {	float: left;	width: 100%;	margin:10px 0 0 0;	}/* -------- FIN MENU DEROULANT --------*/#feature a, #image a {	text-decoration : underline;	}#image a {	margin: 0 10px 0 0;	}#image .comment {	padding: 5px 0px;	text-align: left;	clear: both;	}#feature .error {	margin:10px 0 10px 0;	}#feature .btn_pos {	text-align:left;	}#feature .price_pos {	float:left;	width:100%;	}#feature .pweight {	width:100%;	}#detail {	border:none;	clear: both;	padding: 10px 0 10px 0;	}#detail h2 {	display: block;	float: left;	}#detail table {	float: left;	}#product h1, #product h2 {	display: block;	float: left;	width:100%;	}#product h2 {	padding: 0 0 5px 0;	}#image .view_large img {	display: block;	text-align:center;	}#product .view  {	margin:0 0 10px 0;	}#feature .logo{	padding: 5px 0 10px 0;	margin:0;	float:left;	clear: both;	}/**************************** FIN FICHE PRODUIT **************************************************//**************************** LES OPTIONS ********************************************************/.option {	width: 350px;	float: left;	padding: 5px 0px 5px 10px;	}.option_ p {	clear:both;	width:100%;	}.option .pdt_btn {	padding-top: 3px;	padding-left: 5px;	border: none;	background: url(img/pic_select.gif) no-repeat;	height: 19px;	width: 200px;	}.option .pdt_select {/* Tout sauf IE MAC \*/	float: left; /* Fin Hack IE MAC */	}.option .prod_choice li {	text-decoration : none;	width: 198px;	float: left;	}.option .opt_choice li {	text-decoration : none;	margin: 5px;	float: left;	width:300px;	}.option .prod_choice img {	float: left;	margin-right:5px;	margin-top:2px;	margin-bottom:2px;	}.option .prod_choice {	border: 1px solid #bebdbd;	visibility: hidden;	position:absolute;	z-index:2;	width: 198px;	background-color: #FFFFFF;	}.option .prod_choice a {	color: #1a1919;	display: block;	padding-left:5px;	text-decoration : none;	}.option .prod_choice a:hover {	background: #bebdbd;	color : #FFFFFF;	font-weight:bold;	}.option .pd02 {	padding-bottom: 2px;}/* ------- Combo simple ---------*/.option select {	color: #000000;}/**************************** FIN DES OPTIONS ****************************************************//**************************** LES EXTRAS *********************************************************/.txt_another_pic {	display:none;	}img.pic_another_pic {	width: 80px;	float:left;	margin:2px;	}.cofidis img,.cofidis_basket img {	border:none;	margin-top:15px;	float: left;	}/* Pour encadrer les photos produits, Attention : encadre aussi les images liens */.view img, img.view, .view_large img {border : 0px solid #bebdbd;	}/* Place des formulaires dans les fiches produits */#pdt_form table {float : left;	}#basket_popup {	background: White;	color: Black;}#work_order h1{	padding:190px 0 0 0;	}#account h2{	background:url(img/titre-acces.gif) no-repeat left;	}#work_order{	background:url(img/phrase-acces.gif) no-repeat top center;	margin:-200px 0 0 0;}#work_order .r002{	background:url(img/phrase2-acces.gif) no-repeat bottom left;	padding:0 0 3px 0;	}/* ---------- EXTRADIV ---------- */#extradiv1 {	position: absolute;	top: 225px;	left: 50%;	margin-left:-463px;	}#extradiv2 {	position: absolute;	top: 542px;	left: 50%;	margin-left:-463px;	}#extradiv3 {	position: absolute;	top: 700px;	left: 50%;	margin-left:-463px;	}#extradiv4 {	position: absolute;	top: 850px;	left: 50%;	margin-left:-463px;	}#extradiv1 img,#extradiv2 img,#extradiv3 img,#extradiv4 img{	border: none;	}#extradiv5{	width:621px;	height:94px;	margin:0 auto;	text-align:left;	}#extradiv5 object {	position: absolute;	top: 25px;  margin-left:-1px;  display:block;}	/**************************** FIN EXTRADIV *******************************************************//**************************** LA HOME ************************************************************/#home .btn_pos, #home img.inter, #home .list_bottom, #home .product_bottom,#home .header, #home h1 {	display: none;	}#home td {	vertical-align: top;	}#home {	margin: 0px;	padding: 0px;}#tc_01,#tc_02,#tc_03,#tc_04 {	background: url(media/bloc.gif) no-repeat bottom;	padding:0 0 10px 0;	width:388px;	}#tc_01 h2,#tc_02 h2,#tc_03 h2,#tc_04 h2 {	background: url(media/tittle.gif) no-repeat;	padding:4px 0 0 60px;	height:32px;	width:328px;	}#tc_01 h2 a,#tc_02 h2,#tc_03 h2 a,#tc_04 h2 a {	color: #FFFFFF;	text-transform:uppercase;	font-size: 11px;	}#tc_01 p,#tc_03 p,#tc_04 p {	padding: 0 15px 0 15px;	}#tc_02 .list_content {	margin: 0 0 0 5px;	}#tc_04 img {	margin: 0 15px 0 15px;	}#tc_05 {	background: url(media/vente-flash.gif) no-repeat bottom;	height:187px;	width:769px;	}#tc_05 .product_content {	margin: 30px 0 0 220px;	}#tc_05 .product_content img {	height: 130px;	margin:0 70px 0 15px;	}#tc_05 .primary a,#tc_05 .secondary a,#tc_05 span a,#tc_05 .IT,#tc_05 .currency,#tc_05 .pstrike {	color: #FFFFFF;	}.cents, .cents a{color: #0960ae;font-weight: bold;text-align: right;font-size: 12px;font-weight: bold;}#home .pweight {display:none;}/*--------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;}
