.wrapper { position: absolute; top: 110px; z-index: 200; clear: both;} .container { width: 2460px; height: 1240px; float: left; position: absolute; left: 0; top: 0;} #swfdiv { position: absolute; z-index: 0; left: 0; top: 0;} #create {margin-bottom: 40px;} .page { width:912px; height:609px; margin:0 auto; text-align:left; background:url(../images/body_jour.png) no-repeat; position:relative; top:75px; left:5px;} /* .page { width:912px; height: 609px; margin:0 auto; text-align:left; background: url(../images/body.jpg) no-repeat; position: relative; top: -1055px; left:780px; margin-bottom: -1055px; float: left; } */ .page-print { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .main { height:479px; margin:10px 0; } /* Base Columns */ .col-left { float:left; width:230px; height:400px; padding:5px 5px 0; } .col-main { float:left; width:422px; height:480px; padding:1px 0 5px 6px; overflow:hidden; margin-left:12px; } .col-right { float:right; width:438px; height:400px; padding:1px 4px 5px 0; margin-right:19px; margin-top:4px; } .product { margin-left:10px; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } .bigColumn { background:#fff no-repeat; height:434px; width:865px; margin:31px 0 0; } /* 2 Columns Layout cms-home */ .cms-home .bigColumn { width: 634px; margin-top: 31px; height: 434px } .cms-home .col-main { width: 617px; padding-right: 12px; } .cms-home .col-right { width: 237px; background: #fff; margin:32px 24px 0 0; height: 428px;} a.fleche { clear: both; background: url(../images/blog-go.png) left no-repeat; padding-left: 20px; margin-top: 10px; font-size: 12px; color: #48780C;} /* 3 Columns Layout */ .col3-layout .col-left { width:190px; } .col3-layout .col-main { width:470px; margin-left:7px; } .cms-home .col3-layout .col-main { width:475px; margin-left:7px; } .col3-layout .col-right { width:190px; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:left; width:49%; } .col2-set .narrow { width:33%; } .col2-set .wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } .clickable { cursor: pointer;} /* ALL BUTTONS */ .buttonMC, .message { background: url(../images/buttonMC.png) no-repeat; float: left; text-indent: -9999px; cursor: pointer; } .buttonMC:hover { text-decoration: underline;} .buttonMC:active { opacity: 0.8; filter: alpha(opacity=80);} .button_valider { background-position: 0 0; width: 77px; height: 27px; } .button_accueil { background-position: 0 -599px; width: 94px; height: 30px; } .button_retour { background-position: 0 -529px; width: 156px; height: 30px;} .button_retourboutique { background-position: 0 -32px; width: 173px; height: 27px;} .button_jemeconnecte { background-position: 0 -669px; width: 142px; height: 27px;} .button_jemeconnecte_checkout { background-position: -651px -65px; width: 117px; height: 22px;} .button_jevalide_orange { background-position: 0 -331px; width: 98px; height: 27px;} .button_jecree { background-position: 0 -395px; width: 174px; height: 27px;} .button_enregistrer { background-position: -86px 0; width: 112px; height: 27px;} .button_enregistrercompte { background-position: -209px 0; width: 197px; height: 27px;} .button_enregistrermodif { background-position: 0 -64px; width: 231px; height: 27px;} .button_modifier { background-position: -107px -331px; width: 96px; height: 27px;} .button_annuler { background-position: -93px -267px; width: 92px; height: 27px } .button_ajouteradresse { background-position: -240px -64px; width: 234px; height: 27px;margin-top: 10px;float: right;} .button_modifierT, .button_modifierTT { background-position: right -872px; color: #ff9c00; width: auto; height: 20px; text-indent: 0; padding-right: 25px; font-size: 12px; } .button_supprimerT { background-position: right -903px; color: #eb3d00; width: auto; height: 21px; text-indent: 0; padding-right: 25px; font-size: 12px; margin-top: 3px;} .button_modifierT:hover, .button_supprimerT:hover { text-decoration: underline;} .button_ajoutertout { background-position: -202px -127px; width: 278px; height: 30px;} .button_partager { background-position: 0px -459px; width: 217px; height: 30px;} .button_ajouterpanier { background-position: -488px -127px; width: 159px; height: 30px;} .button_ajouterpanier_disabled { background-position: -484px -62px; width: 159px; height: 30px; cursor: default;} .button_envoyer { background-position: -183px -32px; width: 99px; height: 27px;} .button_envoyerstar { background-position: -114px -599px; width: 99px; height: 27px;} .button_prevenir { background-position: -778px -62px; width: 116px; height: 27px;} .button_passer { background-position: 0 -127px; width: 193px; height: 30px;} .button_email { background-position: 0 -912px;; height: 18px;} .Facebook { background-position: 0 -940px; height: 18px;} .Twitter { background-position: 0 -968px; height: 18px;} .Delicious { background-position: 0 -1772px; height: 18px;} .button_print { background-position: 0 -996px; height: 18px;} .button_passercommande { background-position: 0 -127px; height: 30px; width: 194px; } .button_validercommande { background-position: -449px -395px; height: 30px; width: 192px; } .button_continuerachats { background-position: 0 -197px; height: 30px; width: 192px; } .button_continuerachatslb { background-position: -176px -529px; height: 30px; width: 165px; } .button_terminercommandelb { background-position: -661px -395px; height: 30px; width: 203px; } .button_ok_green { background-position: 0 -1072px; width: 28px; height: 28px;} .button_ok_brown { background-position: 0 -1102px; width: 28px; height: 28px;} .button_conserver { background-position: -350px -529px; width: 182px; height: 27px;} .button_backpanier { background-position: -542px -529px; width: 141px; height: 27px;} .button_supprimertout { background-position: -693px -529px; width: 181px; height: 27px;} .addto {text-indent: -9999px; width: 18px; height: 20px; background: url(../images/selector-addto.png) left top no-repeat; float: left;  } .addto:focus { opacity: 0.8;} .coupon {position:relative;top:-4px;} .button_newsletter { position:relative; top: -2px; text-indent:-9999px; width:28px; height:20px; background:url(../images/newsletter-ok-right.png) no-repeat; border:0; cursor:pointer; float: left; margin: 2px 0 0 6px;} .button_newsletter_footer { position:relative; top: -2px; text-indent:-9999px; width:28px; height:20px; background:url(../images/newsletter-ok.png) no-repeat; border:0; cursor:pointer;} .disabled { cursor: default; } .loader { background: url(../images/mini-ajax-loader.gif) right no-repeat; cursor: default; } .buttonMC.loader, .addto.loader { background: url(../images/mini-ajax-loader.gif) center no-repeat; cursor: default; } .footer ul li.newsletter button.loader, a.remove.loader, .header .form-search a.loader, .quantite.loader { background: url(../images/mini-ajax-loader.gif) center no-repeat; cursor: default; width: 16px; height: 11px;} .addto.loader { margin-top: 3px;} .button_ok_green.loader { background-position: center 5px;} .button_modifierT.loader, .button_modifierTT.loader { background-position: right 3px;} .item.loader { background-position: 118px 50px;} .quantite { background: url(../images/buttonMC.png) left -821px; float: left; height: 18px; width: 62px;} .quantite input { border: 0; width: 28px; height: 13px; float: left; background: #fff; text-align: center; padding-top: 1px; color: #666; margin-top: 2px; cursor: default} .quantite a { float: left; height: 18px; width: 17px;} .quantite a:active { background: #fff; opacity: 0.2; filter: alpha(opacity=20);} .quantite.loader { position: relative; left: 23px;} .quantite.loader * { text-indent: -9999px; display: none;} a.remove { float: left; background: url(../images/buttonMC.png) left -849px; text-indent: -9999px; width: 10px; height: 13px;} a.remove:active { opacity: 0.5} a.wish-move { float: left; background: url(../images/buttonMC.png) left -1166px; text-indent: -9999px; width: 15px; height: 15px; } .homelink { text-decoration:none; position:absolute; left:1073px; top:112px; width:325px; height:50px; z-index: 10000; float: left } div.title-accueil { background:url(../images/bk-title-accueil.gif) 60px 0 no-repeat; padding-left:72px; height:22px; line-height:22px; margin:8px 0 0; font-weight:bold; color:#727879; } div.leftcol { background:#fff; float:left; margin:0 0 0 17px; width:189px; padding-top:8px; height:422px; } div.leftcol-bloc { float:left; margin-bottom:29px; } div.leftcol-bloc a { text-decoration:none; color:#fff; font-size:.97em; font-weight:bold;} div.leftcol-bloc div.title-new,div.leftcol-bloc div.title-best,div.leftcol-bloc div.title-prom,div.title-wish { text-indent:9px; height:20px; line-height:20px; width:153px; margin:0 0 3px 4px; background:url(../images/sprite-bloc.gif) repeat-x; font-weight:bold; color:#fff; } div.leftcol-bloc div.title-best { background-position:0 -28px; margin:0 0 3px 18px; } div.leftcol-bloc div.title-prom { background-position:0 -55px; margin:0 0 3px 18px; } div.leftcol-bloc div.title-new { margin:0 0 3px 18px; } div.title-wish { text-decoration:none; text-align:left; color:#555; font-size:.97em; font-weight:bold; background-position:0 -108px; } div.leftcol-content { float:left; width:151px; margin:0 0 0 18px; border:1px solid #DDE1E1; height:94px; } div.block-poll div.leftcol-content { height:auto; margin-left:15px; width:150px; } div.block-poll div.title-best { margin-left:15px; width:152px; } div.leftcol-bloc img { width:80px; margin:4px 0 0 3px; float:left; } div.leftcol-bloc div img { width:auto; } div.name { float:left; width:50px;margin:14px 0 0 8px; line-height:1em; color:#606060; } div.name a { color:#606060; font-size:11px; font-weight:bold; } div.name-right { float:left; width:50px; font-size:.93em; line-height:1em; margin:2px 0 0 8px; color:#606060; font-weight:bold; overflow: hidden;} div.price { float:left; margin:6px 0 0 12px; width:43px; color:#F774A4; font-size:12px; font-weight:bold; text-align:right; } div.price-right { float:left; margin:3px 0 0 8px; width:50px; color:#F774A4; font-size:12px; font-weight:bold; } div.price-left { color:#F774A4; float:left; font-size:12px; font-weight:bold; margin:6px 0 0 8px; width:50px; } #cart div.stock { float:left; margin:6px 0 0 2px; } div.stock-right { float:left; width:55px; color:#5C823A; margin:0 0 0 8px; font-size:10px; font-family:Georgia, serif; font-weight:bold; } div.stock span,div.stock-right span { color:#606060; font-family:Arial; font-weight:bold; } div.leftcol-bloc.last { margin-bottom:17px; } div.centercol { height:430px; width:617px; background:white; margin:30px 0 0 6px; float:left; } .cms-home div.bienvenue { height:169px; width:617px; margin: 2px 0 0 6px; float: left; } .cms-home div.bienvenue img { } .cms-home div.bienvenue ul.etoile { float:right; margin-right:5px; position:relative; top:4px; height: 115px; width: 31px; z-index: 3;} .cms-home div.bienvenue ul.etoile li { clear: both; width: 31px; height: 30px; background:transparent url(../images/etoiles.png) no-repeat; margin-bottom: 10px} .cms-home div.bienvenue ul.etoile li.banniere-1 { cursor:pointer; background-position: 0 -30px; } .cms-home div.bienvenue ul.etoile li.banniere-2 { cursor:pointer; background-position: -33px 0; } .cms-home div.bienvenue ul.etoile li.banniere-3 { cursor:pointer; background-position: -66px 0; margin-right: 0;} .cms-home div.selector { clear: both; margin-top: 5px; float: left; clear: both;} .cms-home div.selector ul.menu { width: 627px;} .cms-home div.selector ul.menu, .product-view ul.menu { float: left; position: relative; top: 1px} .cms-home div.selector ul.menu li, .product-view ul.menu li { float: left; } .cms-home div.selector ul.menu li, .product-view ul.menu li { background:url(../images/menu.png) right -307px no-repeat transparent; padding-right:4px; float:left; height:22px; line-height:23px; margin-left: 7px; } .cms-home div.selector ul.menu li a, .product-view ul.menu li a { background:url(../images/menu.png) -387px -337px no-repeat transparent; padding-left:8px; float:left; position:relative; color:#fff; font-weight:normal; left:-8px; font-size: 12px; height: 22px; letter-spacing: 0.5px} .cms-home div.selector ul.menu li a:hover, .product-view ul.menu li a:hover { text-decoration: underline; } .cms-home div.selector ul.menu li.on, .product-view ul.menu li.on { background:url(../images/menu.png) right -367px no-repeat transparent; } .cms-home div.selector ul.menu li.on a, .product-view ul.menu li.on a { background:url(../images/menu.png) -387px -398px no-repeat transparent; color: #AA4F7B; cursor: default; text-decoration: none;} .cms-home div.selector ul.menu li.on a:hover, .product-view ul.menu li.on a:hover { text-decoration: none;} .cms-home div.selector ul.menu li.first { background: none; font-weight: bold; color: #666666; font-size: 12px;} .cms-home div.selector div.selector-view { border: 1px solid #48780C; float: left; width: 615px; height: 220px; margin-left: 6px; clear: both; text-align: center; padding-bottom: 4px; overflow: hidden; position: relative} .cms-home div.selector div.selector-view ul { float: left;width: 61200px; border-bottom: 2px dotted #d1cdc3; margin-bottom: -196px; height: 193px;} .cms-home div.selector div.selector-view ul li { float: left; width: 141px; border-right: 2px dotted #d1cdc3; height: 186px; margin: 4px 0 3px 0; padding: 0 5px } .cms-home div.selector div.selector-view ul li.last { border-right: 0; padding-right: 0; width: 145px; } .cms-home div.selector div.selector-view ul li.last a.title { width: 145px; } .cms-home div.selector div.selector-view ul li img { margin: auto; margin: 2px 0; } .cms-home div.selector div.selector-view ul li a.title { clear: both; text-align: center; color: #48780C; font-weight: bold; float: left; width: 140px; font-size: 12px; height: 18px; overflow: hidden; margin-bottom: 4px;} .cms-home div.selector div.selector-view ul li p.description { clear: both; width: 140px; text-align: center; font-size: 12px; color: #666666; line-height: 14px; height: 28px; overflow: hidden;} .cms-home div.selector div.selector-view ul li div.price-box { float: left; width: 110px; text-align: center; clear: both;} .cms-home div.selector div.selector-view ul li div.price-box p.regular-price { margin-left: 8px} .cms-home div.selector div.selector-view ul li div.price-box p.regular-price span.price { color: #CB0E74; font-size: 17px } .cms-home div.selector div.selector-view ul li div.price-box p.old-price span.price { font-size: 12px; color: #676A6A; font-weight: normal; } .cms-home div.selector div.selector-view ul li div.price-box p.special-price span.price { font-size: 14px; color: #CB0E74;} .cms-home div.selector div.selector-view ul li div.price-box p.old-price { float: left; margin: 5px 0 0 4px } .cms-home div.selector div.selector-view ul li div.price-box p.special-price { float: right; margin: 2px 6px 0 0;} .cms-home div.selector div.selector-view ul li.selector-hidden {display: none;} .cms-home div.selector div.selector-view ul li.selector-block {display: block;} .cms-home div.selector div.selector-view a.left { background: url(../images/selector-leftright.png) no-repeat left top; float: left; width: 20px; height: 40px; text-indent: -9999px; position: relative; top: 60px; margin-bottom: -40px; } .cms-home div.selector div.selector-view a.left:active { background-position: left -40px; } .cms-home div.selector div.selector-view a.right { background: url(../images/selector-leftright.png) no-repeat right top; float: right; width: 20px; height: 40px; text-indent: -9999px; position: relative; top: 60px; margin-bottom: -40px; } .cms-home div.selector div.selector-view a.right:active { background-position: right -40px; } .cms-home div.selector div.selector-view div.end { width: 615px; text-align: center; position: absolute; bottom: 4px; left: 26px } .cms-home div.selector div.selector-view a.fleche { float: inherit; margin: auto; font-weight: normal;} .cms-home div.selector div.selector-view a.ffemmes{display: inline;} .cms-home div.selector div.selector-view a.fhommes{display: none;} .cms-home div.selector div.selector-view a.fenfants{display: none;} .cms-home div.selector div.selector-view #femmes-view{display: block;} .cms-home div.selector div.selector-view #hommes-view{display: none;} .cms-home div.selector div.selector-view #enfants-view{display: none;} .cms-home div.banniere { margin:6px 7px 5px; width:453px; text-align:center; display:table-cell; vertical-align:middle; border:1px solid #5E4E40; float:left; } div.centercol div.title-cc { width:447px; background:url(../images/sprite-bloc.gif) 0 -82px repeat-x; line-height:20px; height:20px; margin:0 0 0 7px; padding:0 0 0 8px; float:left; clear:both; color:#fff; font-weight:bold; } div.centercol div.title-cc a { text-decoration:none; color:#fff; font-size:.97em; font-weight:bold; } div.centercol div.cc-container { border:1px solid #DDE1E1; float:left; margin:3px 8px 0 7px; width:449px; height:82px; padding:6px 4px 5px 0; } div.centercol div.cc-content { border:1px solid #DDE1E1; float:left; width:138px; height:78px; padding:-1px; margin-left:8px; } div.cc-content img { width:60px; float:left; margin-top:9px; } div.cc-content div.name { float:left; width:70px; font-size:11px; line-height:1em; margin:7px 0 0 8px; color:#606060; font-weight:bold; height:23px; overflow: hidden; } div.cc-content div.price { float:left; margin:6px 0 0 8px; width:70px; color:#F774A4; font-size:12px; font-weight:bold; text-align:left; } div.cc-content div.stock { float:left; width:70px; color:#5C823A; margin:6px 0 0 8px; font-family:Georgia, serif; font-size:10px; font-weight:bold; } div.cc-content div.stock span { color:#606060; font-family:Arial; font-weight:bold; } #testdate { position: absolute;} /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; } input.input-text,select,textarea { background:#fff; border:1px solid #bbb; } input.input-text,textarea { padding:2px; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option { } select.input-text { float: left; margin-left: 2px; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { height:13px; width: 2em; } .inputtop { position: absolute; width: 29px; height: 18px; background: url(../images/blankpx.gif); left: 17px; top: 0;} button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button-blue::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { overflow:visible; width:auto; border:0; padding:0 0 0 12px; background:url(../images/bkg_button.gif) 0 50% no-repeat; cursor:pointer; -webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ } button.button span { float:left; padding:0 14px 0 0; background:url(../images/bkg_button.gif) 100% 50% no-repeat; font:bold 12px/21px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; } button.button-blue { overflow:visible; height:19px; border:0; padding:0 0 0 14px; background:url(../images/sprite.png) -265px -141px no-repeat; cursor:pointer; -webkit-border-fit:lines; } button.button-blue span { float:left; height:22px; padding:3px 59px 0 0; background:url(../images/sprite.png) right -97px no-repeat; font:bold 12px/17px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; } button.button-blue:active span { background-position:right -119px; } button.button-blue:active { background-position:-265px -163px; } button.button-orange { overflow:visible; height:20px; border:0; padding:0 0 0 14px; background:url(../images/sprite.png) -230px -269px no-repeat; cursor:pointer; -webkit-border-fit:lines; } button.button-orange span { float:left; height:20px; padding:0 59px 0 0; background:url(../images/sprite.png) right -228px no-repeat; font:bold 12px/17px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; } button.button-orange:active span { background-position:right -249px; } button.button-orange:active { background-position:-230px -292px; } /* BUTTONS CLASSES */ a.button,a.button:link,a.button:visited,.button { background:transparent url(../images/sprite.png) no-repeat; color:#ffffff; cursor:pointer; height:20px; padding-left:17px; white-space:nowrap; } a.button strong,.button strong { background:transparent url(../images/sprite.png) no-repeat right -49px; display:block; font-weight:normal; height:20px; padding-top: 2px; padding-right:15px; width:auto; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; } a.button:hover { text-decoration:none; } a.button-green,a.button-green:link,a.button-green:visited { background-position:-262px -50px; float:left; } a.button-green strong,a.button-green:link strong,a.button-green:visited strong { background-position:right 0; } a.button-green:active { background-position:-262px -75px; } a.button-green:active strong { background-position:right -25px; } a.button-orange,a.button-orange:link,a.button-orange:visited { background-position:-262px -269px; float:left; } a.button-orange strong,a.button-orange:link strong,a.button-orange:visited strong { background-position:right -227px; } a.button-orange:active { background-position:-262px -292px; } a.button-orange:active strong { background-position:right -248px; } a.button-blue,a.button-blue:link,a.button-blue:visited { background-position:-262px -143px; float:left; } a.button-blue strong,a.button-blue:link strong,a.button-blue:visited strong { background-position:right -99px; } a.button-blue:active { background-position:-262px -165px; } a.button-blue:active strong { background-position:right -121px; } a.button-red,a.button-red:link,a.button-red:visited { background-position:-262px -363px; float:left; } a.button-red strong,a.button-red:link strong,a.button-red:visited strong { background-position:right -321px; height: 18px;} a.button-red:active { background-position:-262px -384px; } a.button-red:active strong { background-position:right -341px; } a.button-blanc,a.button-blanc:link,a.button-blanc:visited,.button-blanc { background-position:-262px -207px; float:left; color:#5eacba; height:20px; } a.button-blanc strong,a.button-blanc:link strong,a.button-blanc:visited strong,.button-blanc strong { background-position:right -186px; font-size:11px; height:20px; padding-top: 2px; line-height:16.5px; vertical-align: middle; } a.button-blanc:hover strong { background-position:right -99px; color:#fff; } a.button-blanc:hover { background-position:-262px -143px; float:left; } .nopoint,.nopoint strong { cursor:default; } button.disabled { } button.disabled span { } /* Input & Textarea stretched for 100% */ .field-100 { border:1px solid #888; padding:2px; overflow:hidden; } .field-100 input.input-text,.field-100 textarea { float:left; width:100%; margin:0; padding:0; border:0; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#eee; }*/ /* Form lists */ .input-box { color:#727879; margin-bottom:4px; } .form-list li { margin:0 0 5px; } .form-list label { font-weight:bold; } .form-list .wish1 { position:relative; top:12px; left:55px; color:#606060; font-size:11px; } .form-list .wish2 { margin-left:55px; position:relative; top:10px; color:#606060; font-size:11px; } .form-list .input-box { float:left; } .form-list input.input-text,.form-list textarea { width:auto; } .form-list #email_addresses { margin-top:15px; height:55px; } .form-list select { } .form-list li.add-row { border-top:1px solid #ddd; margin-top:10px; } .form-list li.add-row .btn-remove { font-size:0; line-height:0; padding:5px 5px 0 0; text-align:right; } .form-list .range input.input-text { width:96px; } .share-title { font-weight:bold; color:#606060; margin:40px 0 0 65px; } .group-select { } .group-select li { margin:0 0 5px; } .group-select .input-box { float:left; width:250px; color:#727879; margin-bottom:4px; } .account-control .group-select .name-lastname, .account-control .group-select .go-right { margin-left: 50px;} .account-control.edition .group-select .name-lastname { margin-left: 0;} .account-control p.recommand { font-style: italic; padding: 4px; } .group-select .sendb { margin-top:2px; } .group-select input.input-text,.group-select textarea { width:260px; } .group-select .sendb input { margin-top:5px; margin-bottom:5px; } .group-select select { width:516px; } .group-select .input-box input.input-text,.group-select .input-box textarea { width:240px; } .group-select .input-box select { width:185px; } .group-select .input-box.half { width:120px; } .group-select .input-box.half select { width:165px; } .buttons-set { clear:both; margin:5px 0 0; position: relative;} .buttons-set.border { border-top: 1px solid #ddd; padding-top: 8px; margin-top: 8px; float: left; margin-left: 7px;} .buttons-set.border a.button { margin: 0; float: left;} .buttons-set.border a.button-orange { margin-right: 5px;} .buttons-set.border a.button-blue { margin-top: 1px;} .buttons-set a { text-decoration:none; float:left; clear:none; } .buttons-set a.button-blue { margin-top: 1px; } .buttons-share { width:315px; position:relative; top:-10px; } .buttons-share a { float:right; } .buttons-set .back-link { float:left; } .buttons-set button.button { float:right; } .buttons-set2 { clear:both; margin:14px 10px 0 0; padding:5px; border:none; text-align:right; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(../images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; display: none; } .validation-failed { background:#FF4242!important; } .validation-passed { } .required { color:#f00; } p.required { font-size:10px; text-align:right; font-weight:bold; position:absolute; top:535px; right:25px; } .cart p.required { position:inherit; margin-top:-20px; margin-bottom:0; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#f00 !important; font-weight:bold; } .notice { color:#ccc; } .messages { height:50px; margin:30px 0 10px 35px; width:800px; float:left; display: none; } .messages li { } .messages li li { } .error-msg,.success-msg,.note-msg,.notice-msg { text-align:center; font-size:14px; background:#fff; } .error-msg { color:#df280a; font-weight:bold; border:1px dotted #df280a; } .success-msg { color:#3d6611; font-weight:bold; border:1px dotted #3d6611; } .note-msg,.notice-msg { color:#3d6611; font-weight:bold; border:1px dotted #3d6611; } .message { background-position: left -727px; line-height: 15px; font-size: 12px; color: #666; padding-left: 20px; margin-top: 3px; min-height: 15px; text-indent: 0; cursor: default;} .message.none { background: none;} .message.error, .opc .message.error { font-weight: normal; background-position: 0 -789px; padding-left: 20px;} .message.ok, .opc .message.ok { background-position: 0 -756px;} .message.okp { background-position: 0 -1024px;} /* BreadCrumbs */ /* Page Heading */ .page-title { background:transparent; margin:0 0 0 12px; position:relative; top:-28px; float:left; margin-bottom:-28px; } .page-title li, .breadcrumbs ul { background:url(../images/menu.png) right -66px no-repeat transparent; padding-right:4px; float:left; height:28px; line-height:28px; margin-left:10px; } .page-title li a, .breadcrumbs ul li { background:url(../images/menu.png) -387px -100px no-repeat transparent; padding-left:11px; float:left; position:relative; color: #3A6480; font-weight:bold; left:-10px; font-size: 12px;} .page-title li a:hover { color:#606060; } .page-title li.on { background-position:right top; } .page-title li.on a { background-position:-387px -33px; color:#727879; cursor: default; } .cms-blog-html .page-title li.on a { cursor: pointer; color: green} .page-title.grey li { background-position:right -135px; } .page-title.grey li a { background-position:-387px -168px; color:#727879; } .page-title.grey li.on, .breadcrumbs ul { background-position:right top; } .page-title.grey li.on a, .breadcrumbs ul li { background-position:-387px -33px; } .page-title.grey li a.accueil { cursor: default;} .breadcrumbs { font-size:11px; position:absolute; left:15px; top: 87px; font-weight: normal; height: 21px; margin: 2px 0 0 0; } .breadcrumbs a { color:green; text-decoration:none; font-weight: normal; margin-right: 3px; } .breadcrumbs a:hover { text-decoration: underline;} .breadcrumbs strong, .breadcrumbs span { color: #606060; font-weight: normal;} #result-title { margin-bottom:15px; } .title-buttons { text-align:right; } .title-buttons h2 { color:#727879; } .title-buttons h3,.title-buttons h4,.title-buttons h5,.title-buttons h6 { float:left; } /* Pager */ .pager { margin:0; margin-top: 1px; height:21px; background:url(../images/menu.png) right -200px no-repeat transparent; float:right; position:relative; color:#727879; font-size: 12px; margin-right: 14px; } .pager .amount { float:left; } .pager .limiter { float:left; } .pager .pages { float:left; background:url(../images/menu.png) left -225px no-repeat transparent; padding-left:16px; float:left; height:21px; line-height:21px; position: relative; left: -11px; margin-right: -2px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; font-size:11px; background: url(../images/menu.png) -285px -640px no-repeat; width: 16px; height: 16px; line-height: 16px; float: left; margin-right: 4px; text-align: center; } .pager .pages li.go { background: none; width: auto; float: left;} .pager .pages li.go.left { margin-right: 7px;} .pager .pages li a,.pager .pages li a:visited { text-decoration:none; color:#606060; width: 16px; height: 16px; float: left; } .pager .pages strong, .pager .pages li.page{ font-weight:normal; color:#606060; float: left; margin: inherit; margin-right: 4px; height: 16px; line-height: 16px; width: 40px; background: none; top: 0; text-align: left; font-size: 12px; left: 0;} .pager .pages li.go a { color: green; font-size: 12px; width: auto; margin-left: 3px} .pager .pages li.go a:hover { width: auto; height: auto; line-height: inherit; background: none; text-decoration: underline; color: green;} .pager .pages a { } .pager .pages .current, .pager .pages li a:hover { background: url(../images/menu.png) -302px -640px no-repeat;color:#fff; float: left; width: 16px; height: 16px; line-height: 16px; text-align: center;} .pager .pages .v-middle { } .limiter li.small { background:url(../images/btn_grid.jpg) no-repeat; margin-right:3px; } .limiter li.normal { background:url(../images/btn_grid.jpg) -27px 0 no-repeat; } .limiter li.big { background:url(../images/btn_grid.jpg) -50px 0 no-repeat; margin-right:-2px; } .limiter li.small a:hover, .limiter li.small.on a { background:url(../images/btn_grid.jpg) 0 -19px no-repeat; } .limiter li.normal a:hover, .limiter li.normal.on a { background:url(../images/btn_grid.jpg) -27px -19px no-repeat; } .limiter li.big a:hover, .limiter li.big.on a { background:url(../images/btn_grid.jpg) -50px -19px no-repeat; } /* Sorter */ .sorter { float:left; margin-left:10px; } .sorter .view-mode { float:left; background:red; } .sorter .link-feed { } .sorter fieldset { float:left; } .sorter label { float:right; margin-left:40px; } .limiter { float:right; width:170px; margin-left:5px; height: 20px;} .limiter label { float:left; line-height:20px; } .limiter ul { margin:0 0 0 5px; padding:0; } .limiter ul li { float:left; text-indent:-9999px; } .limiter li a { display:block; width:23px; height:20px; background-repeat:no-repeat; } /* Data Table */ .data-table { background:white; border:0 solid gray; } .data-table th { color:#606060; font-weight:bold; white-space:nowrap; width:auto; } .data-table td { } .data-table thead { } .data-table tbody { } .data-table tfoot { } .data-table tr.first { } .data-table tr.last { } .data-table tr.odd { } .data-table tr.even { } .data-table tbody.odd { } .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#f6f6f6; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td,.data-table tbody.even tr.border td { border-bottom-width:1px; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label,.data-table td.value { } .data-table.attributes-table { } .data-table.attributes-table td, .data-table.attributes-table th { border-bottom: 3px dotted #bbb; height: 38px;} /* Tax Details Row */ tr.tax-total { cursor:pointer; } tr.tax-total td { } tr.tax-total .tax-collapse { float:right; text-align:right; padding-left:20px; background:url(../images/bg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .tax-collapse { background-position:0 -53px; } tr.show-details td { } tr.tax-details td { background-color:#f6f6f6; } tr.tax-details-first td { } /* Shopping cart tax info */ .cart-tax-info,.cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { cursor:pointer; } .cart-tax-total { padding-right:20px; background:url(../images/bg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-total-expanded { background-position:100% -52px; } /* Lists Decoration */ li.odd { } li.even { background-color:#f6f6f6; } dt.odd,dd.odd { } dt.even,dd.even { background-color:#f6f6f6; } /* Class: std - styles for admin-controlled content */ .std,.std ul,.std ol,.std dl,.std p,.std address,.std blockquote { margin:0 0 1em; padding:0; } .std ul { list-style:disc outside; padding-left:1.5em; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul,.std ol ol,.std ul ol,.std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b,.std strong { font-weight:bold; } .std i,.std em { font-style:italic; } /* Misc */ .link-rss { background:url(../images/icon_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; } /* ======================================================================================= */ /* Header ================================================================================ */ .logo { float:left; width:200px; height:63px; overflow:hidden; z-index:10000; } .header-container { } .header { height:75px; z-index:999; } .header .logo { background-position:0 0; background-repeat:no-repeat; text-indent:-999em; } .header .logo a { display:block; width:200px; height:63px; } .header .welcome-msg { font-weight:bold; text-align:right; } .header .links { float:right; } .header #search_mini_form { width:430px; position:absolute; left:454px; top:90px; background:url(../images/search.png) no-repeat; padding-left: 20px; height: 30px; float: left} .header .form-search label { float: left; font-size: 12px; font-weight: bold; color: #463e38; margin: 0 3px; line-height: 19px} .header .form-search input { width:140px; border:1px solid #aba9a7 ; float: left; margin: 0 0px 0 3px;} .header .form-search .search-autocomplete { z-index:98; } .header .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; } .header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.selected { } .header .form-search a { text-indent:-9999px; width:28px; height:20px; border:0; cursor:pointer; float: left; margin-left: 4px; position: relative;} .header .form-search a.loader { margin-top: 4px} .header .form-language { text-align:center; } div.header div.firstline { padding-top: 39px;} div.header div.firstline a { text-decoration:none; color:#fff; font-weight:bold; float: left;} div.header div.firstline a:hover { text-decoration:none; color:#592436; font-weight:bold; } div.header div.firstline a.home { position: absolute; left: 37px; top: 13px; color: #786860; background: url(../images/accueil.png) left no-repeat; padding-left: 19px; } div.header div.firstline a.home:hover { text-decoration: underline;} div.header div.firstline a.new { position: absolute; left: 154px; top: 26px; color:#fff; } div.header div.firstline a.new:hover { color:#02a1e3; } div.header div.firstline a.promo { position: absolute; left: 265px; top: 26px; color:#fff; } div.header div.firstline a.promo:hover { color:#fe6a06; } div.header div.firstline a.blog { position: absolute; left: 420px; top: 22px; color:#83A5AF; } div.header div.firstline a.blog:hover { color:#67838B; } div.header div.secondline { color:#fff; } /********** < Navigation */ #nav { width:auto; height:25px; font-size:1.23em; margin-left:20px; float: left; } #nav .nav-container { width: 575px; height: 351px; float: left; border: 1px solid #cfc3bc; background: #e8dedb; padding: 3px; margin-top: 1px; position: absolute; display: none; top: 25px; z-index:9;} #nav .nav-container .nav-content { float: left; background: #fff; width: 553px; height: 339px; padding: 7px 10px 3px 10px; border: 1px solid #cfc3bc;} #nav .menu-colonne { width: 121px; border-right: 2px dotted #ddd; margin-right: 10px; padding-right: 8px; float: left; height: 230px; position: relative; } #nav .menu-colonne.last { width: 118px; border-right: 0; margin-right: 0;} #nav .menu-colonne.last ul.level1 { height: 230px; float: left} /* All Levels */ #nav li { text-align:left; position:relative; } #nav li.over { z-index:98; } #nav li.parent { } #nav li a { } #nav li a:hover { text-decoration:none; color:#592436; } /* 1st Level */ #nav li { float:left; } #nav li a.menu-cat { float:left; font-weight:bold; color:#4E3C34; border-right: 2px solid #c3b9b0; padding-right: 8px; margin-right: 8px; position: relative; z-index: 10; letter-spacing: 0.3px;} #nav li.level0.parent.over a.menu-cat { background:url(../images/menu.png) right -430px no-repeat transparent; padding-right:4px; float:left; height:41px; line-height:41px;border-right: 0; position: relative; top: -11px; left: -1px; margin-right: 3px; border: 0; } #nav li.level0.parent.over a.menu-cat span { background:url(../images/menu.png) -387px -479px no-repeat transparent; padding-left:11px; float:left; position:relative; color:#727879; left:-10px;} #nav ul.level1 li { clear: both; padding: 0; margin: 0;} #nav ul.level1 li a { font-size: 14px; padding: 0; margin: 0; color: #dc275d; font-weight: bold;} #nav ul.level2 li a { color: #48780C; font-weight: normal; font-size: 12px; background: url(../images/menu.png) left -527px no-repeat; padding-left: 7px;} #nav ul.level2 li a:hover {text-decoration: underline;} #nav li.over a, #nav li.active a, #nav li a.menu-cat:hover { color:#dc275d; } #nav li.nav-anne-charlotte-goutal.over .nav-container { display: block; position: absolute; left: -11px; } #nav li.nav-accessoires-de-mode.over .nav-container { display: block; position: absolute; left: -180px; } #nav li.nav-japon.over .nav-container { display: block; position: absolute; left: -342px; } #nav li.nav-papeterie.over .nav-container { display: block; position: absolute; left: -402px; } #nav li.nav-enfant-deco.over .nav-container { display: block; position: absolute; left: -483px; } #nav li.nav-enfant-deco a.menu-cat { margin-right: 0; border-right: 0; } #nav li.level0.parent.nav-anne-charlotte-goutal.over a.menu-cat span { background-position: -387px -528px;} #nav li.level0.parent.nav-enfant-deco.over a.menu-cat { background-position: right -577px;} #nav .nouveautes, #nav .promotions { position: absolute; bottom: 3px; left: 0;} #nav .nouveautes a, #nav .promotions a { float: left; font-weight: bold; color: #B01745; clear: both; background: url(../images/menu.png) no-repeat;} #nav ul.level1 li.nouveautes a { background-position: left -628px;padding-left: 11px} #nav ul.level1 li.promotions a { background-position: left -650px;padding-left: 11px} #nav .nouveautes { bottom: 23px;} /* Menu Bottom */ #nav .menu-bottom { width: 558px; height: 103px; border-top: 2px dotted #ddd; float: left; clear: both;} #nav .menu-bottom .menuprod-content { width: 199px; float: left; height: 97px; padding-right: 7px; margin-right: 6px; border-right: 2px dotted #ddd; margin-top: 7px;} #nav .menu-bottom .menuprod-content .menuprod-title { font-size: 12px; color: #666; float: left; clear: both; width: 203px;} #nav .menu-bottom .menuprod-content a.menuprod-img { float: left; margin-right: 12px;margin-top: 5px;} #nav .menu-bottom .menuprod-content .menuprod-name { float: left; margin-top: 12px; width: 109px;} #nav .menu-bottom .menuprod-content .menuprod-name a { font-weight: bold; color: #666; font-size: 12px; line-height: 14px; float: left;} #nav .menu-bottom .menuprod-content .menuprod-price { float: left; color: #C44387; font-weight: bold; font-size: 12px;} #nav .menu-bottom .pubmenu { width: 343px; height: 98px; float: right; background: #C6BEB5; margin-top: 5px;text-align: center; line-height: 94px; color: #666; font-weight: bold;} #account { text-align:center; } #account.open { background: url(../images/bk_account.png) no-repeat scroll 0px 4px; height: 202px;} #account.openconnect { background: url(../images/bk_account.png) no-repeat scroll 0px -200px; height: 202px;} #account .mon-compte { margin-top:6px; color:#666666; font-weight:bold; font-size:12px; background: url(../images/moncompte.png) left 1px no-repeat; text-align: left; padding-left: 28px; line-height: 21px; margin-left: 10px; height: 23px; float: left;} #account .mon-compte #accountlink { color: #096482; font-size: 12px;} #account a { font-size:11px; text-decoration:none; } #account a.button { font-size:11px; } #account a.button_valider { margin-left: 37px; position: relative; top: -2px;} #account .afficher { margin:2px 0 0 3px; letter-spacing: 0; font-stretch: 0; } #account .afficher strong { font-size:11px; width: 99px; } #account .bienvenue { font-style:italic; margin-top: 9px; width: 139px; padding: 0 5px; color:#666666; white-space:nowrap; letter-spacing:.004em; font-size:12px; overflow:hidden; font-weight: bold; text-transform: capitalize;} #accountlist { padding-top:2px; height:0; text-align:left; margin-left:0; margin-bottom:8px; float: left;} #accountlist ul { width:137px; float:left; position: relative; top: -10px; } #accountlist ul li { background:url(../images/account-list-p.png) center -2px no-repeat; float:left; height:24px; width:139px; padding:0; margin:0; line-height: 26px;} #accountlist ul li a { } #accountlist ul li.disconnect a { background: url(../images/account-arrows.png) 12px -32px no-repeat ;} #accountlist ul li a:hover { text-decoration: underline; } #account .roll_compte { width: 149px; height: 46px; float: left; clear: both; background: url(../images/account_connected.png) center 33px no-repeat; } #account.openconnect .roll_compte { background: none;} #account .roll_compte.loader { text-indent: -9999px; background: url(../images/mini-ajax-loader.gif) center center no-repeat; cursor: default;} #cart .mon-cart {margin-top:6px; color:#666666; font-weight:bold; font-size:12px; background: url(../images/panier.png) 2px 1px no-repeat; text-align: left; padding-left: 28px; line-height: 21px; margin-left: 10px; height: 23px; } #cart .mon-cart.qty { background-position: 2px -31px } #cart .span-panier { width: 134px; text-align: center; color: #666; font-weight: bold; font-size: 12px; float: left; margin-top: 11px} #cart .mon-cart a { color: #ed0677;} #cart .block-content { padding: 0} #cart .roll_cart { width: 139px; height: 37px; padding-top: 9px; float: left; clear: both; background: url(../images/panier-show.png) center 33px no-repeat; color:#666666; white-space:nowrap; letter-spacing:.004em; font-size:12px; overflow:hidden; font-weight: bold; text-align: center} #cart.open .roll_cart { background: none;} #cart .roll_cart.loader { text-indent: -9999px; background: url(../images/mini-ajax-loader.gif) center center no-repeat; cursor: default;} /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { border:0 solid #ddd; margin:0 0 10px; } .block .block-title h2 { font-size:16px; font-weight:bold; } .block h3 { font-size:14px; } .block .block-content { padding-top:10px; } .block .actions { text-align:right; } .block .actions a { float:left; margin:0; } .block-content a.menugras { float:left; } .cms-home .block h3 { background:url(../images/menu.png) right -250px no-repeat transparent; padding-right:4px; float:left; height:28px; line-height:28px; margin-left: 10px; } .cms-home .block h3 strong { background:url(../images/menu.png) -387px -277px no-repeat transparent; padding-left:9px; float:left; position:relative; color:#fff; font-weight:bold; left:-10px; font-size: 14px; width: 210px; line-height: 26px;} .cms-home .block p { clear: both; line-height: 14px; font-size: 12px; color: #666666; padding: 3px 0 0 1px } .cms-home .block h4 { clear: both; color: #48780C } .cms-home .block .block-content { padding-top: 0; width: 230px;} .cms-home .block .block-content.blog { float: left; margin-top: 5px} .cms-home .block .block-content a { color: #48780C } .cms-home .block .block-content a.mail { font-weight: bold;} .cms-home .block .block-content a.fleche { float: right } .cms-home .block.newsletter p { margin-bottom: 11px} .cms-home .block.newsletter form { float: left; margin-bottom: 20px;} .cms-home .block.newsletter input { float: left; border: 1px solid #b4b6b6; height: 19px; padding-top: 1px; text-indent: 3px; width: 194px; margin-right: 4px;} .cms-home .block.newsletter .buttonMC { margin-top: 1px;} .cms-home .block p span { color: #6E295A; font-size: 15px; font-weight: bold; padding-left: 2px } /* Block: Account */ .block-account { } /* Block: Currency Switcher */ .block-currency { } .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav { } .block-layered-nav dt { font-weight:bold; } .block-layered-nav .currently { } /* Block: Cart */ .block-cart-showed { background:url(../images/block-cart.png) 1px top no-repeat; } .block-cart .amount { } .block-cart .subtotal { text-align:center; } /* Block: Wishlist */ .block-wishlist { } /* Block: Related */ .block-related { margin:0; padding:0 0 6px 5px; background:#fff; float:left; width:437px; height: 92px; overflow: hidden; position: relative; left: -5px } .block-related .block-title h2 { font-size:15px; font-weight: normal; margin: 2px 0;} .block-related li { padding:0; margin-right:3px; margin-left:0; width:140px; float:left; border:1px solid #e1e2e2; height: 65px } .block-related li.even { background: #fff} .block-related input.checkbox { float:left; margin-right:-20px; } .block-related .item table { height: 65px; padding: 0; margin: 0;} .block-related .item .product-image { float:left; margin-left:5px; } .block-related .item .product-details { float: left; margin-left: 7px; width: 80px; word-wrap: break-word; } .block-related .item .product-details h3 a { font-size:12px; font-weight:normal; color:#606060; text-decoration:none; line-height: 14px } .block-related .item .product-details .price-box { margin:4px 0 0; padding:0; float:left; height:28px; line-height:14px; } .block-related .item .product-details .price-box span.regular-price { color:#F774A4; margin:0; font-weight:normal; position:relative; top:7px; } .block-related .item .product-details .price-box .special-price { color:#F774A4; position:relative; top:-14px; text-align: left; } .block-related .item .product-details .price-box .old-price { position:relative; top:14px; } .block-related .item .availability { color:#5C823A; } .block-related .item .availability span { color:#606060; } .block-related .item .price-box { width:70px; position:relative; top:3px; } /* Block: Compare Products */ .block-compare { } .block-compare li { padding:5px 0; } /* Block: Viewed */ .block-recent { } /* Block: Poll */ .block-poll { position:relative; top:-250px; } .block-poll input.radio { float:left; margin:3px 0 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll .answer { } .block-poll .votes { font-weight:bold; color: #F774A4;} .block-poll .block-content { height:208px; padding-top:5px; overflow:hidden; } .block-poll .block-content a.button { margin:2px 0 0 40px; } .block-poll h3 { font-size:11px; line-height:14px; padding:0; margin:0 0 8px; } /* Block: Tags */ .block-tags ul,.block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe { } /* Block: Reorder */ .block-reorder { } .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .label { display:block; margin-left:20px; } /* Block: Banner */ .block-banner { } .block-banner .block-content { text-align:center; } .block-banner .block-content .rightcol-prod { text-align:left; } /* Block: Checkout Progress */ .block-progress { } .block-progress dt { font-weight:bold; } .block-progress dt.complete,.block-progress dd.complete { } .block-progress .block-content { width:290px; float:left; clear:both; padding:0; margin-right:15px; } .block-progress .block-content .bloc-magna { margin-bottom:17px; } .block-progress .block-content .bloc-magna-outliner { width:271px; color:#606060; } .block-progress .block-content h3 { border:1px solid #e1e7e8; text-indent:6px; position:relative; left:-5px; margin-bottom:4px; height:18px; line-height:18px; clear:both; } .block-progress .block-content h2 { font-size:11px; font-weight:bold; color:#606060; float:left; width:271px; } .block-progress .block-content h2 span { font-weight: normal;} .block-progress .block-content address { float:left; width:271px; } .block-progress .block-content h2.seconde { border-top:1px solid #ddd; padding-top:6px; margin-top:6px; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { border-bottom:1px solid #ddd; margin:0 0 10px; display:none; } .category-image { display:block; margin:0 auto; } .category-products { } /* View Type: Grid */ .products-grid-container { float: left; clear: both; height: 400px; width: 421px;} .products-grid { width:100%; clear:both; float:left; padding:1px; } .products-grid tr.odd { } .products-grid td { width:25%; border:1px solid #ddd; padding:4px; text-align:center; cursor:pointer; } .products-grid td.empty { } .products-grid td h3.product-name a { color:#606060; text-decoration:none; font-size:12px; font-weight: normal; } .products-grid td span.price { color:#CB0E74; font-size:13px; } .products-grid td:hover { border:3px #DDD solid; padding:2px; z-index:50; } .products-grid td.on { border:3px #DBAFC2 solid; padding:2px; z-index:50; } .products-grid .availability { font-family:Arial; font-size:12px; font-weight:bold; position: relative; margin-bottom: -100%; display: none; } .products-grid.grid16 .availability span { position: absolute; top: -12px;} .products-grid.grid9 .availability span { position: absolute; top: -114px;} .products-grid.grid4 .availability span { position: absolute; top: -175px;} .products-grid.grid16 .availability .out-of-stock { background: url(../images/epuisex16.png) right top no-repeat; width: 45px; height: 44px;} .products-grid.grid9 .availability .out-of-stock { background: url(../images/epuisex9x4.png) right top no-repeat; width: 54px; height: 51px;} .products-grid.grid4 .availability .out-of-stock { background: url(../images/epuisex9x4.png) right top no-repeat; width: 54px; height: 51px;} .products-grid.grid16 .availability .promotions { background: url(../images/small_promo.png) right top no-repeat; width: 47px; height: 44px;} .products-grid.grid9 .availability .promotions { background: url(../images/big_promo.png) right top no-repeat; width: 62px; height: 59px;} .products-grid.grid4 .availability .promotions { background: url(../images/big_promo.png) right top no-repeat; width: 62px; height: 59px;} .products-grid.grid16 .availability .nouveaute { background: url(../images/small_nouveaute.png) right top no-repeat; width: 50px; height: 48px;} .products-grid.grid9 .availability .nouveaute { background: url(../images/big_nouveaute.png) right top no-repeat; width: 69px; height: 63px;} .products-grid.grid4 .availability .nouveaute { background: url(../images/big_nouveaute.png) right top no-repeat; width: 69px; height: 63px;} .products-grid .availability span { } .products-grid.grid16 td { height: 97px;} .products-grid.grid16 td div.price-box { float:none; margin:auto; } .category-promotions .products-grid.grid16 td div.price-box .special-price { width: 92px; text-align: center;} .products-grid tr td h3 { width:100%; } .products-grid.grid16 tr td h3 { display: none; } .products-grid.grid9 td div.price-box { } .products-grid.grid9 td { height: 127} .products-grid.grid16 td a.product-image { width: 100%; height: 67px; display: block;} .products-grid.grid9 td a.product-image { width: 100%; height: 85px; display: block;} .products-grid.grid4 td a.product-image { width: 100%; height: 150px; display: block;} .products-grid.grid9 td h3.product-name { height: 15px; overflow: hidden; margin-top: 5px;} .products-grid.grid4 td { height: 196px;} .products-grid.grid4 td div.price-box { position:relative; top:4px; } .products-grid .price-box { width: 100%; text-align: center; height: 15px;} /* View Type: List */ .products-list li.item { border:1px solid #ddd; padding:5px; margin:0 0 5px; } .products-list .product-image { float:left; } .products-list .product-shop { float:right; width:320px; } /* ======================================================================================= */ /* Product View ========================================================================== */ .product-view { background:#fff; margin-top:28px; } .product-essential { } .product-collateral { height: 183px; overflow: hidden;} /* Product Images */ .product-view .product-img-box { float:left; width:200px; margin-right:15px; position: relative; } .product-view .product-img-box #fullcontainer { float: left; width: 200px; height: 18px; background: url(../images/menu.png) -334px -640px no-repeat; text-indent: -9999px; position: absolute; left: -1px; top: -1px; overflow: hidden; z-index: 1000;} .product-view .product-img-box #fullcontainer.over #container {background: url(../images/over.png) repeat;} .product-view .product-img-box #fullcontainer.over { height: 52px; background: none;} .product-view .product-img-box #fullcontainer.over img { margin: 6px 0 6px 6px; -moz-box-shadow: 0 0 2px #000; width: 40px; height: 40px; z-index: 1000;} .product-view .product-img-box #imgs { position: relative; overflow: hidden; text-indent: 0;} .product-view .product-img-box .product-image { border:1px solid #b3b3b3; cursor: pointer; } .product-view .product-img-box .product-image-zoom { position:relative; width:192px; height:218px; overflow:hidden; z-index:9; margin-bottom:-12px; padding-bottom:0; } .product-view .product-img-box .product-image.no-img { margin-bottom: 5px; cursor: default;} .product-view .product-img-box .zoom-notice { text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(../images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(../images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; } .product-view .product-img-box .more-views ul { padding:0; margin:0 0 0 1px; } .product-view .product-img-box .more-views li { float:left; padding:1px; background-color:#ddd; margin:0 0 8px 4px; } .product-view .zoomPic { background-position: 0 -887px; width: 18px; height: 18px; text-indent: -9999px; position: relative; top: -10px; z-index: 1000; margin-bottom: -10px; float: right; cursor: pointer; left: -10px; } .product-view .add-to-wish { background:url(../images/add-to-wish.png) no-repeat; padding-left:15px; margin-left:5px; float:left; margin-top:3px; } .product-view .add-to-wish a.button { margin-top: -2px; line-height: 21px;} .product-view .add-to-friend { background:url(../images/add-to-friend.png) no-repeat; padding-left:15px; margin-left:5px; float:left; margin-top:7px; } .product-view .add-to-friend a.button { margin-top: -2px; line-height: 21px;} .product-view .avaiContainer { clear:both; width: 140px; height: 23px; float: left;} .product-view .availability { position:relative; left:-7px; } .product-view .availability.button-blanc { padding-left:13px; } .product-view .availability.button-blanc strong { padding-right:10px; } .product-view .ratings { width:215px; } .product-view .ratings .rating-box { clear:none; padding:0; margin: 5px 0 0 4px; background:url(../images/bg_rating_gray.gif) repeat-x; } .product-view .ratings .rating-links { float: left; clear: both; font-size: 12px; } .product-view .ratings .rating-links span { font-style: italic;} .product-view .ratings .rating-links a { color: green;} .product-view .ratings .rating-links a:hover { text-decoration: underline;} .product-view .ratings .rating-links a span { font-style: normal; color: #666} .product-view .ratings .rating-box .empty-rating { width:90px; height:15px; } .product-view .ratings .notes { float: left; font-size: 12px; margin-top: 4px} .product-image-popup { margin:0 auto; } .product-image-popup .nav { text-align:center; } .product-image-popup .image { display:block; } .product-image-popup .image-label { } /* Product Shop */ .product-view { float:left; width:442px; height:338px; background:#fff; position: relative; left: -5px; border-bottom: 3px dotted #bbb;} .product-view .product-shop { float:left; width:205px; } .product-view .product-shop .price-box { position:relative; top:-80px; right:0; color:#f774a4; font-size:16px; font-weight:bold; text-align:center; position:relative; left:10px; margin-bottom: -50px; width: 75px; } .product-view .product-shop .price-box span.regular-price,.product-view .product-shop .price-box .special-price { background:url(../images/sprite.png) -267px -532px no-repeat; height:25px; line-height:25px; padding:0 4px 0 5px; float:left; } .product-view .product-shop .price-box span.regular-price span,.product-view .product-shop .price-box .special-price span { background:url(../images/sprite.png) right -504px no-repeat; float:left; padding-right:10px; } .home .product-shop .price-box { position:relative; } .product-view .product-shop p a { font-style:italic; text-decoration:underline; color:#606060; } .product-view .short-description { color:#606060; font-size:12px; line-height:13px; clear:both; float:left; width:205px; clear: both; } .col-main .header-list { height:21px; float:left; padding-top:25px; font-size:11px; width: 380px; } .catalog-category-view .col-main, .catalogsearch-result-index .col-main { background:url(../images/bk-product-col-main.gif) 0 22px no-repeat; margin-top:5px; margin-left:15px; margin-bottom:-3px; padding-left:1px; } .catalogsearch-result-index.empty .col-main { background: none;} .catalog-category-view .col-main .header-list { height:21px; float:left; padding-top:25px; font-size:11px; width: 390px; } .catalog-category-view .col-main .header-list label { float:left; margin-left:5px; line-height:20px; } .col-main .header-list label { float:left; line-height:20px; } /* Rating */ .ratings { clear:both; float:left; } .ratings .amount { } .ratings .rating-box { float:left; } .ratings .rating-links { float:left; padding:0; margin:0; width: auto; padding-right: 22px } .ratings dt { } .ratings dd { } .rating-box { width:90px; height:14px; font-size:0; line-height:0; position:relative; overflow:hidden; margin-right:10px; } .rating-box .rating { position:absolute; top:0; left:0; height:14px; background:url(../images/bg_rating.gif) 0 100% repeat-x; } /* Availability */ .availability { width:auto; float:left; color:#606060; margin-top:5px; font-family:Georgia; } .availability strong { font-family:normal; } .availability span { color:#5C823A; font-family:Arial; font-weight:bold; } .availability .in-stock { font-weight:bold; } .availability .out-of-stock { font-weight:bold; color:#f00; } /********** < Product Prices */ .price { white-space:nowrap!important; } .price-box { width:auto; float: right;} .price-box .price { font-weight:bold; font-size:12px; } .product-view .product-shop .price-box .price { font-size:16px; } .price-box-bundle { } /* Regular price */ .regular-price { } .regular-price .price, .special-price .price { font-weight:normal; font-size: 14px; color: #CB0E74 } /* Old price */ .product-view .old-price, .content table .old-price { position:relative; top:22px; margin-bottom:-20px; color:#606060; font-size:14px; } .product-view .product-shop .price-box .old-price .price, .content table .old-price .price { font-size:12px; left:-8px; position:relative; top: -3px } .products-grid .old-price { position:relative; float: left; width: 50px; text-align: left; margin-bottom:-17px; color:#606060; font-weight: normal; } .products-grid .old-price span { font-weight: normal;} .products-grid .special-price { float: right; } .products-grid.grid16 .special-price { float: inherit;} .products-grid .special-price span { font-weight: normal;} .products-grid.grid4 .old-price { float: left } .products-grid .old-price span.price { color:#606060; font-size:11px; position: relative; top:1px; } .old-price .price-label { white-space:nowrap; } .old-price .price { font-weight:bold; text-decoration:line-through; } /* Special price */ .special-price { font-weight: normal;} .special-price .price-label { font-weight:bold; white-space:nowrap; } .special-price .price { font-weight:bold; font-size:12px; } /* Minimal price (as low as) */ .minimal-price { } .minimal-price .price-label { font-weight:bold; white-space:nowrap; } a.minimal-price-link { display:block; } a.minimal-price-link .label { } a.minimal-price-link .price { font-weight:normal; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:bold; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from { } .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to { } .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price as configured */ .price-as-configured { } .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:bold; } .tier-prices .benefit { } /* Add to Links */ .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { float:left; margin:2px 5px 0 0; font-family:Georgia; } .add-to-cart .qty { float:left; } /* Add to Links + Add to Cart */ .add-to-box { background:url(../images/add-to-cart.png) right top no-repeat; height:24px; padding-top:12px; font-family:Georgia; color:#606060; font-weight:bold; float:left; clear:both; width:197px; position:relative; top:-7px; } .add-to-box .add-to-cart { float:left; padding-right:5px; width: 220px; } .add-to-box .button { float:left; margin-left:10px; } .add-to-box table { float:left; position:relative; top:-1px; } .add-to-box input { position:relative; top:1px; } .add-to-box label { position:relative; top:1px; } .add-to-box .or { float:left; margin:0 10px; } .add-to-box .add-to-links { float:left; } /* Product Options */ .product-options { padding:10px; margin:10px 0 0; border:1px solid #ddd; background-color:#f6f6f6; } .product-options dt label { font-weight:bold; } .product-options dt .qty-holder { float:right; } .product-options dt .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin:10px 0; } .product-options dl.last dd.last { } .product-options dd input.input-text { width:98%; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:100%; } .product-options .options-list { } .product-options .options-list input.radio { float:left; margin:3px -18px 0 0; } .product-options .options-list input.checkbox { float:left; margin:3px -20px 0 0; } .product-options .options-list .label { display:block; margin-left:20px; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { padding:15px 0 0; } .product-options-bottom { padding:10px; border:1px solid #ddd; border-top:0; } .product-options-bottom .price-box { margin:10px 0; } /* Grouped Product */ .grouped-items { } /* Block: Description */ .product-view .product-header { float: left; margin-left: 5px; width: 440px; font-size: 12px; margin-bottom: 7px} .product-view .product-header h2 { font-size: 16px; width: 420px; margin-bottom: 8px; height: 16px; font-weight: bold;} .product-view .product-header .message { float: left; margin-right: 15px; width: auto; padding-left: 14px;} .product-view .product-header .message.error { background: none; padding-left: 0; font-weight: bold;} .product-view .product-header .message.error a { color: green; font-weight: normal;} .product-view .product-header .message.error a:hover { text-decoration: underline;} .product-view .product-header .message.error span { color: #606060} .product-view .product-header .expedition { float: left; background-position: 0 -869px; text-indent: 0; padding-left: 20px; line-height: 13px; color: green; margin-top: 3px } .product-view .leftcolumn {float: left; width: 194px; margin: 0 5px; clear: both; } .product-view .rightcolumn { float: left; width: 231px;} .product-view .selector-view { border: 1px solid #b3b3b3; float: left; clear: both; padding: 6px; height: 185px; width: 219px} .product-view ul.menu { margin-top: -1px } .product-view ul.menu li { margin-left: 6px; margin-right: -5px; background-position: right -800px; padding-right: 3px; } .product-view ul.menu li a { background-position: -386px -830px; color: #666; font-size: 11px; font-weight: bold; letter-spacing: 0;} .product-view ul.menu li.on { background-position: right -860px} .product-view ul.menu li.on a { background-position: -387px -890px; color: #DF6718; cursor: default} .product-view ul.menu li.on a:hover { text-decoration: none;} .product-view .selector-view #descriptif-view {display: block; font-size: 12px} .product-view .selector-view #descriptif-view p { float: left; clear: both; width: 220px;} .product-view .selector-view #descriptif-view span { clear: both; color: #DF6718; margin-top: 5px; font-weight: bold; float: left; width: 220px;} .product-view .selector-view #caracteristiques-view {display: none;} .product-view .selector-view #partager-view {display: none;} .product-view .selector-view #partager-view p { height: 30px; line-height: 25px; font-size: 12px} .product-view .selector-view #partager-view ul li { border-top: 3px dotted #bbb; width: 219px; height: 35px; float: left; clear: both;} .product-view .selector-view #partager-view ul li a { text-indent: 0; padding-left: 25px; color: green; font-size: 12px; line-height: 18px; margin: 9px 0 0 13px} .product-view .ratings { border-right: 3px dotted #bbb; padding-right: 5px; width: 191px; height: 61px; margin-top: 2px;} .product-view .cart-area { width: 234px; float: left; margin-top: 4px} .product-view .cart-area .buttonMC { float: right; margin: 8px 0 5px 0} .product-view .cart-area .wish { color: green; clear: both; float: right; margin-right: 2px; font-size: 12px; width: 160px;} .product-view .cart-area .wish:hover { text-decoration: underline;} .product-view .cart-area .price-box { text-align: center; font-weight: bold; margin-bottom: 15px; float: left; position: relative; top: -32px; width: 70px} .product-view .cart-area .regular-price .price, .product-view .cart-area .special-price .price, .content table .special-price .price { font-size: 16px; font-weight: bold;} .product-view .cart-area .special-price, .content table .special-price .price { text-align: center; } .product-view .cart-area .old-price .price, .content table .old-price .price { font-weight: normal; font-size: 14px} .product-view .description { } /* Block: Additional */ .product-view .additional { float:left; font-size: 12px; line-height: 13px } .product-view .additional td.label { width:80px; padding:3px; color: #DF6718; text-align: right; font-weight: bold} .product-view .additional td.data { width: 120px;} .product-view .additional td.separator { width: 5px} /* Block: Upsell */ .product-view .up-sell { } .product-view .up-sell .products-grid td { width:25%; } /* Block: Tags */ .product-view .tags { } .product-view .tags .form-add-tags label { float:left; } .product-view .tags .form-add-tags .input-box { float:left; width:260px; margin:0 5px; } .product-view .tags .form-add-tags input.input-text { width:254px; } .product-view .tags .form-add-tags button.button { vertical-align:bottom; } .product-view .tags .form-add-tags p { clear:both; } /* Block: Reviews */ .product-view .reviews { } /* Block: Add Review */ .product-view .add-review { } .product-view .add-review .product-name span { font-weight:normal; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { color: green; font-size: 12px } .product-name h2 { font-size:1.15em; font-weight:bold; color:#606060; width:135px; margin:10px 0 0; min-height:40px; } h3.product-name { line-height:12px; } /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .search-summary { } /* CMS Home Page */ .cms-home .products-grid td { width:20%; } /* Sitemap */ .sitemap { } /* ======================================================================================= */ /* Product Review ======================================================================== */ .product-review { } .product-review .product-img-box { float:left; border:1px solid gray; } .product-review .product-img-box .product-image { display:block; border:1px solid #ddd; padding:1px; width:190px; margin:10px 0 0; } .product-review .details { float:right; width:570px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart .checkout-types { clear: both; margin: 0; margin-top: 10px; padding: 0; float: right; } /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { float:left; width:640px; } .cart .crosssell .product-image { float:left; margin-right:-90px; } .cart .crosssell .product-shop { margin-left:50px; } .cart .shipping { } .crossloader { margin-left: 25px;} /* Shopping Cart Totals */ .cart .totals a { float: left; } .cart .totals.end-step { float: left; height: auto; background-position: right bottom; padding-bottom: 24px;} .cart #shopping-cart-totals-table .a-left { font-size:10px; } .cart #shopping-cart-totals-table { margin-bottom: 0;} .cart .totals table { width:180px; height:65px; } .cart .totals table th,.cart .totals table td { padding:0 5px 0 10px; } .cart .totals table td { font-weight:bold; color: #606060; } .cart .totals a.button { position: relative; top: 14px; float: left; left: -37px;} .cart input.qty { float: left; margin-left: 15px; width: 34px;} .cart #carttots p { position: relative; top: 60px; margin-bottom: -17px; text-indent: 20px; } .cart #shopping-cart-totals-table { background: url(../images/cart-th.gif) no-repeat; width: 400px;} .cart #shopping-cart-totals-table th { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px} .cart #shopping-cart-totals-table th.first { border-right-color: transparent; border-left: 1px solid #BBBBBB; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px } .cart #shopping-cart-totals-table td { background: none} /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:98; } .truncated .truncated_full_value dl { position:absolute; top:-99999em; left:-99999em; z-index:98; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; } .truncated .show dl { top:-20px; left:50%; } .col-left .truncated .show dl { left:30px; top:7px; } .col-right .truncated .show dl { left:-240px; top:7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /* One Page */ .checkout-wrapper {height:605px; position: absolute; margin: 0; width: 904px; left: 0px; top: 0; z-index: 100; background: url(../images/checkout-wrapper.png) left top no-repeat; } .checkout-wrapper .page-title { float:left; position:absolute; top:92px; } .checkout-wrapper-noitems { background:url(../images/bkg-paniervide.gif) left top no-repeat; height:454px; float:left; clear: both} .checkout-wrapper-noitems p { margin:178px 0 0 300px; width:285px; } .checkout-wrapper-success { background: url(../images/bkg_success.gif) left top no-repeat; height: 454px; float: left;} .checkout-wrapper-success div.bloc-magna { margin: 100px 0 0 300px;} .checkout-wrapper-success a.button { float: right; margin: 15px 0 0 0; } .checkout-wrapper .buttons-set { clear:inherit; } .checkout-wrapper .button-orange { margin-top:11px; } .checkout-wrapper-noitems .button-blue { margin:10px 0 0 498px; } .checkout-wrapper-noitems.deconnexion .button-blue { margin-left: 420px;} .checkout-onepage-index .header-container { display: none;} .checkout-onepage-index .main { margin-top: 0; -moz-border-radius: 6px;} .opc { position:relative; width:876px; margin:7px 0 0 13px; float:left; font-size: 12px;} .opc form { clear: both; float: left; width: 265px;} .opc p.notice { color: #666; float: left; clear: both; width: 265px; margin: 5px 0 10px 0; line-height: 13px;} .opc .notice-error { color: #E60000; float: left; clear: both; width: 280px; display: none; margin: 5px 0 0 0;} .opc #opc-review .notice-error { width: 275px;} .opc a { color: green; font-weight: bold;} .opc a:hover { text-decoration: underline;} .opc a.button { float:right; } .opc a.button-blue { float:left; } .opc .button_validercommande { float: right; margin-top: 8px; position: relative; z-index: 1000;} .opc select { width: 265px;} .opc .section { float:left; width:265px; margin: 0 40px 40px 0; } .opc .section .ok_logged { margin-bottom: 27px;} .opc .step-title { background: url(../images/buttonMC.png) no-repeat; line-height: 25px; height: 25px; padding-left: 32px; float: left; color: #666; font-weight: bold; width: 233px;} .opc .step-title h3 { float: left; width: auto; font-size: 18px;} .opc .step-title .message { background: url(../images/buttonMC.png) left bottom no-repeat;} .opc .step-title .message.ok { background-position: -240px -464px; float: left; width: 18px; height: 16px; margin-left: 7px} .opc .step-title .message.error { background-position: -240px -488px; float: left; width: 18px; height: 16px; margin-left: 7px;} .opc #opc-billing .step-title { background-position: -232px -234px;} .opc #opc-billing #opc-email .step-title { background-position: -232px -199px;} .opc #opc-shipping_method .step-title { background-position: -232px -269px} .opc #opc-shipping_method label span { color: #666; font-weight: bold;} .opc #opc-payment .step-title { background-position: -232px -304px;} .opc #opc-review .step-title { background-position: -232px -339px} .opc #opc-review #mini-filter { width: 255px; margin: 20px 0 0 0} .opc #opc-shipping { display: none;} .opc #opc-billing { clear: both; height: 455px; margin-bottom: 0; } .opc.connected #opc-shipping_method { position: absolute; top: 0; left: 305px} .opc #opc-review { position: absolute; top: 0; right: 25px; margin-right: 0} .opc .step-title .number { float:left; line-height:19px; margin-right:5px; color:#727879; font-weight:bold; } .opc .allow .step-title { } .opc .active { } .opc .step { float:left; width:265px; } .opc #opc-review .step { width: 290px; padding-bottom: 20px; } .opc .step .tool-tip { right:10px; } .opc #opc-payment table { text-align: center; width: 225px; margin-bottom: 20px;} .opc #opc-payment table td { width: 72px; font-size: 11px;} .opc #opc-payment table td input, .opc #opc-payment table td img { float: left} .opc #opc-payment table td input { position: relative; top: 10px; margin-right: 5px;} .opc #opc-payment h4 { color: #666; font-weight: bold; font-size: 14px; height: 14px; margin-top: 5px; width: 265px;} .opc#checkoutSteps { margin-top: 84px;} .checkout-wrapper.connected .opc#checkoutSteps { margin-top: 7px;} .opc #opc-login { width: 874px; height: 65px; padding: 10px 15px 0 15px; overflow: hidden; position: absolute; top: -84px; left: -13px; border-bottom: 2px dotted #bbb; } .checkout-wrapper.connected .opc #opc-login { display: none;} .opc #opc-login .step { width: 904px;} .opc #opc-login .leftcolumn { float: left; width: 415px; margin-right: 20px;} .opc #opc-login .leftcolumn h1 { color: green; font-size: 16px; font-weight: bold; line-height: 16px;} .opc #opc-login .leftcolumn p.notice { color: green; font-size: 12px; font-weight: normal; width: 430px;} .opc #opc-login .leftcolumn p.required { float: left; margin: 0; margin-left: 24px} .opc #opc-login .rightcolumn { float: left; width: 439px;} .opc #opc-login .rightcolumn fieldset { float: left; width: 150px; margin-right: 5px;} .opc #opc-login .rightcolumn fieldset input { clear: both; float: left; background: #fff} .opc #opc-login .rightcolumn .iforgot { color: green; font-weight: normal; clear: both; width: auto; float: left; margin-left: 155px;} .opc #opc-login .rightcolumn form { width: inherit; float: left; width: 315px;} .opc #opc-login .rightcolumn .buttonMC { margin-top: 16px;} .opc #checkout-shipping-method-load img { position: relative; left: 80px;} .opc #checkout-shipping-method-load dd { position: relative; top: -40px; left: 5px; font-size: 14px;} .opc #checkout-step-payment dt { margin-bottom: 20px;} .opc #checkout-step-payment dd div.select-credit-card { position: relative; top: -20px; padding-top: 10px; margin-bottom: 30px;} .opc .review-content { overflow: hidden; overflow-y: auto; max-height: 480px; float: left; clear: both; width: 295px} .opc #checkout-review-table { clear: both; text-align: center; margin: 5px 0; width: 278px; } .opc #checkout-review-table td { height: 24px } .opc #checkout-review-table td.total { font-size: 16px; font-weight: bold;} .opc #checkout-review-table thead { background-color: inherit;} .opc #checkout-review-table td.first { border-top: 1px solid #bbb} .opc #checkout-review-table th { width: inherit; background:transparent url(../images/menu.png) left -766px; height:20px; margin-bottom:3px; color:#606060; font-weight:bold; font-size: 12px; font-weight: bold; text-align: center; border-top: 1px solid #bbb; } .opc #checkout-review-table td.product, .opc #checkout-review-table td.border-left { border-left: 1px solid #bbb; text-align: left; padding-left: 4px;} .opc #checkout-review-table td.border-left { border-right: 1px solid #bbb;} .opc #checkout-review-table td.last { border-right: 1px solid #bbb; text-align: right; color: #CB0E74; padding-right: 4px;} .opc #checkout-review-table td.last.zero, .opc #checkout-review-table td.zero { color: #666666} .opc .order-review { } .opc .forgotpass {color:#727879; font-size: 10px; float: right; margin-top: 2px; } .opc th.a-right { background: transparent;border:0; text-align: right; width: 412px; padding-right: 0;} .opc input#billing:use_for_shipping_no { margin-left: 50px;} .opc thead tr.first th { } .opc #opc-review td { border-bottom:1px solid #bbb; vertical-align:middle; background:transparent; color:#606060; } .opc td.productName { height:20px; padding-left:6px; } .opc td.productName h4 { font-size:11px; float:left; margin-top:5px; overflow:hidden; width:225px; } .opc td.productName .product-image { float:left; margin-right:7px; } .opc td.a-price { color:#F774A4; font-weight:bold; font-size:13px; } .opc td.a-right { padding-right:6px; font-weight: bold; } .opc td.last { text-align: center;} .opc td.a-right.last { text-align: right;} .opc td.special { border:0; padding: 4px 0; } .opc .modify { color:#606060; font-weight:bold; padding:8px 0 5px 7px; height:20px; text-align: right; } .opc .modify p.f-left { float: left !important; width: 320px; text-align: right;} .opc .modify a.button { float: right; margin-left:8px; margin-top:-2px; clear: none; } .opc .port { font-size: 14px; font-weight: bold; float: right; margin: 24px 15px 0 0;} .opc .port-adresse img { float: left} .opc .required { position: relative; top: 0;} .opc tr.cgv td { text-align: right} .opc #review-buttons-container a.button { position: relative; left: 8px;} .opc .input-box label { width: 92px; float: left; text-align: right; padding-right: 5px; font-weight: normal; padding-top: 2px;} .opc .input input { float: left;} .opc .input-box label.desc { width: inherit;} .opc .input-box input.input-text { width: 130px; float: left;} .opc .message { margin-left: 3px; background-position: bottom right; text-indent: -9999px;} .opc .checkbox { float: left; position: relative; top: 3px; margin-right: 5px;} .opc #billing-new-address-form .checkbox { top: 3px;} .opc .agreements { float: left; width: 260px; line-height: 14px;} .opc .group-select .input-box { width: 260px; margin-bottom: 8px;} .opc .group-select .input-box fieldset { margin-bottom: 5px;} .opc .group-select .input-box select { width: 134px;} .opc .group-select .input-box .second_one { float: left; margin-left: 97px} .opc .group-select li { margin: 0px;} .opc #billing-new-address-form fieldset.civilite { margin-top: 8px; margin-bottom: 0;} .opc #billing-new-address-form fieldset.civilite .checkbox { top: 5px;} .opc #billing-new-address-form fieldset.civilite label { margin-right: 2px;} #opc-emails .input-box { width: 260px; float: left; margin-bottom: 8px;} #opc-emails .input-box span.required { margin-left: 0;} #opc-emails { margin-bottom: 15px;} .opc #billing-new-address-form { margin-top: 10px;} /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0; } .checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; } .checkout-progress li.active { border-top-color:#000; color:#000; } .multiple-checkout { position:relative; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .grand-total big { } .multiple-checkout .grand-total .price { } /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods { margin-bottom:15px; } .sp-methods dt { font-weight:bold; border-bottom:1px solid #e0e2e2; padding-top:5px; width:255px; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em!important; } .form-list.atos div.select-credit-card label,.form-list.atos div.select-credit-card input { position:relative; top:10px; font-family:Georgia; } .please-wait { float:right; margin-right:5px; position: relative; top: 15px; left: -15px; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:99; } .tool-tip .btn-close { text-align:right; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .add-gift-message { } .gift-message-form { border:1px solid #ddd; background-color:#f5f5f5; } .gift-message-form .inner-box { padding:5px; height:300px; overflow:auto; } .gift-message-form .gift-item { } .gift-message-link { display:block; background:url(../images/bg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row { } .gift-message-row .btn-close { float:right; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements { position: relative; top: -340px; left: 310px; margin-bottom: -50px; width: 235px;} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { display: none; border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:6px; } /********** Common Checkout Styles > */ /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ /* My Account ============================================================================= */ /* Order View */ .order-info { border:1px solid #ddd; padding:5px; } .order-info dt,.order-info dd,.order-info ul,.order-info li { display:inline; } .order-info dt { font-weight:bold; } /* Print Pages */ .page-print .print-head { } .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax,.page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price,.page-print .price-excl-tax .label,.page-print .price-incl-tax .label,.page-print .price-excl-tax .price,.page-print .price-incl-tax .price { display:inline; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer { height:30px; position:absolute; top:576px; clear: both; left: 0;} .footer p { text-align:right; } .footer address { text-align:right; } .footer ul { float:left; padding:0 20px 0 65px; } .footer ul li { float:left; margin-left:7px; border-right:1px solid #dedfdb; font-weight:bold; font-size:11px; color:#606060; } .footer ul li.last { border-right:0; } .footer ul li a { color:#666666; text-decoration:none; border-right:1px; display:block; padding-right:5px; margin-right:1px; } .footer ul li.double a { border-right:1px solid #dedfdb; } .footer ul li a:hover { text-decoration:underline; } .footer ul li.newsletter { color: #666666; border-right: 0; } .footer ul li.newsletter input { width:90px; float:left; margin:0 4px; border:1px solid #ddd; height:14px; font-size:11px; padding-top: 1px; text-indent: 2px} .footer ul li.newsletter .buttonMC { margin-top: -2px} .footer ul li.newsletter label { float:left; } .footer ul li.rss, .footer ul li.twitter, .footer ul li.facebook { width:15px; height: 15px; border-right:0; background: url(../images/footer-links.png) no-repeat; text-indent: -9999px; margin-right: 2px; margin-left: 0;} .footer ul li.rss a, .footer ul li.twitter a, .footer ul li.facebook a { padding-right: 0; margin-right: 0px} .footer ul li.rss { background-position: 7px center; margin-left: 5px; border-left: 1px solid #ddd; padding-left:7px; } .footer ul li.twitter { background-position: -20px center;} .footer ul li.facebook { background-position: -39px center; border-right: 1px solid #dedfdb; padding-right: 3px;} .footer ul li.blog, .footer ul li.blog a { border-right: 0; padding-right: 0; color: #fe6700; margin-left: 2px} /* ==================================================================================NVN Studios general Style===== */ div.menugras,a.menugras,h3.menugras,label.menugras { font-family:Arial, sans-serif; font-size:11px; text-decoration:none; font-weight:bold; color:#727879; } a.menugras:hover { color:#343738; } div.textnormal,p.textnormal { font-size:11px; font-family:Arial, sans-serif; color:#727879; } /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .bloc-magna { height:auto; float:left; border:1px solid #bbb; background:#fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} .bloc-magna h3, .promos-table th { background: url(../images/menu.png) left -736px; color: #3A6480; font-size: 16px; font-weight: bold; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; padding-left: 8px; border-bottom: 1px solid #bbb; height: 26px; line-height: 26px;} .bloc-magna h3.newsletter strong { background: url(../images/menu.png) left -709px no-repeat; padding-left: 25px;} .bloc-magna-outliner { float:left; } .bigColumn.account { font-size:12px; height:438px; } .bigColumn.account .leftcolumn { float: left; width: 385px; padding-right: 5px; height: 438px; border-right: 2px dotted #ddd; margin-right: 23px; clear: both; } .bigColumn.account .rightcolumn { float: left; width: 427px;} .bigColumn.account legend { display: block} .bigColumn.account legend span, .bigColumn.account label span, label span { color: red; margin-left: 3px;} .bigColumn.account p.required { left: 25px; float: left; right: inherit; } .bigColumn.account .block-content { padding: 0; float: left;} .bigColumn.account p.notice { color: #666; position: absolute; right: 0px; padding-right: 40px; top: 535px; float: right; font-size: 10px; font-style: italic;} .bigColumn.account-edit p.required { top: 205px;} .bigColumn.account p.explic { margin-bottom: 10px; line-height: 13px} .bigColumn.account fieldset { min-height: 30px; margin-bottom: 4px;} .bigColumn.account fieldset input { width: 175px; float: left;} .bigColumn.account fieldset div.message { float: left; margin-left: 5px; width: 155px;} .bigColumn.account.account-login .buttonMC { margin: 5px 0 0 184px; } .account-login .leftcolumn p { width: 350px; text-align: left; } .account-login .leftcolumn .block1 { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px dotted #ddd; width: 365px; padding-left: 20px;} .account-login .leftcolumn .block1 h1 { color: #48780C; font-size: 24px; font-weight: bold; margin-top: 5px;} .account-login .leftcolumn .block2 { padding-left: 20px;} .account-login .leftcolumn .block2 h1 { color: #DF6718; font-size: 14px; font-weight: bold;} .account-login .rightcolumn .block3 h1 { color: #3A6480; font-size: 24px; font-weight: bold; margin-top: 5px;} .account-login .rightcolumn .block3 fieldset div.message { width: 220px;} .bigColumn.account.account-create .leftcolumn, .bigColumn.account .account-creation { border:0; margin-right: 0; padding-right: 0; width: 857px; margin-left: 3px;} .account-create .leftcolumn .block1 { border-bottom: 2px dotted #ddd; margin-bottom: 10px; padding: 0 20px 10px 20px; width: 817px;} .account-create.goodies .leftcolumn .block1 { margin-top: 12px;} .account-create .leftcolumn .block1 h1 { color: #3A6480; font-size: 17px; font-weight: bold; } .account-create .leftcolumn .block1 p { line-height: 13px} .account-create .leftcolumn .block1 p span { color: #3A6480; font-weight: bold;} .account-create .leftcolumn .bloc-magna span { margin-top: 10px; color: #3A6480; font-weight: bold;} .account-create .leftcolumn .block1 br { line-height: 10px;} .account-create .leftcolumn .block2 { padding: 0 20px; width: 817px;} .account-create .leftcolumn .block2 h1, .account-creation h1 { color: #3A6480; font-size: 20px; font-weight: bold;} .account-create .leftcolumn .block2 fieldset label { width: 310px; margin-right: 6px; text-align: right; float: left; clear: none;} .account-create .leftcolumn .block2 fieldset div.message { width: 270px;} .account-create .leftcolumn .block2 .buttonMC { margin-left: 385px;} .account-creation, .account-login .account-creation { display: none; clear: both; padding-left: 20px;} .bigColumn.account .account-creation fieldset { width: 840px; min-height: 23px; clear: both;} .bigColumn.account .account-creation fieldset label { width: 236px; margin-right: 6px; text-align: right; float: left; clear: none;} .bigColumn.account .account-creation fieldset label.desc { width: auto; margin-right: 5px;} .bigColumn.account .account-creation fieldset input { width: 255px;} .bigColumn.account .account-creation fieldset input.checkbox { width: auto; position: relative; top: 3px;} .bigColumn.account .account-creation fieldset div.message { width: 310px;} .bigColumn.account .account-creation fieldset div.message.notice { color: inherit; width: 300px;} .bigColumn.account .account-creation fieldset select { float: left; margin-right: 5px;} .bigColumn.account .account-creation fieldset select.jour, .account-create .rightcolumn fieldset select.mois { width: 45px;} .bigColumn.account .account-creation fieldset select.annee { margin-right: 0; width: 78px;} .bigColumn.account .account-creation fieldset select.pays { margin-right: 0; width: 261px;} .bigColumn.account .account-creation p.notice { width: 865px; text-align: center; top: 540px;} .bigColumn.account #rightcolumn p.required { top: 120px; right: 35px;} .bigColumn.account-edit .account-creation p.notice { top: 205px; right: -33px; width: auto;} .bigColumn.account .account-creation .buttonMC { margin: 10px 0 0 305px; clear: both;} .bigColumn.account .account-creation fieldset.newsletter { width: 441px; height: 36px; background: url(../images/buttonMC.png) -416px 0; float: left; margin-left: 62px;} .bigColumn.account .account-creation fieldset.newsletter label { display: none;} .bigColumn.account .account-creation fieldset.newsletter div.message { display: none;} .bigColumn.account .account-creation fieldset.newsletter input.checkbox { margin: 2px 0 0 184px} .bigColumn.account .account-create.goodies p.goodies-notice { color: #DF6718; font-weight: bold; font-size: 12px; width: 840px; text-align: center; padding-top: 8px;} .bigColumn.account .account-create.goodies .leftcolumn .block1 { margin: 20px 0; padding-bottom: 25px; float: left;} .bigColumn.account .account-create.goodies .leftcolumn .block2 h1 { color: #48780C; line-height: 24px; margin-bottom: 20px;} .goodies .goodies-container { margin-top: 80px;} /*=====================CREATE====================== */ .bigColumn.commandes-wrapper { height:437px; } .no_wishlist-wrapper .button-blue.nocommandes { margin:10px 0 0 495px; } .no_wishlist-wrapper #back-button { display:none; } /********** < Dashboard */ .bigColumn.dashboard-wrapper { height:437px; } .dashboard-wrapper h1 { float: left; clear: both; color: #3A6480; font-size: 20px; font-weight: bold; margin: 0px 0 -10px 10px } .dashboard-wrapper p.desc { float: left; clear: both; color: #666; font-size: 12px; line-height: 13px; margin: 10px 0 10px 10px;} .dashboard-wrapper .page-title li { margin-right: 0; padding-right: 2px; margin-left: 5px } .dashboard-wrapper.contacts .page-title ul { margin-left: 5px;} .dashboard-wrapper.contacts .page-title li { margin-right: 5px;} .dashboard-wrapper .page-title li.on a { cursor: default; } .dashboard-wrapper .page-title li a { padding-left: 9px;} .dashboard-wrapper .leftcolumn { clear: both; margin-left: 30px; float: left; width: 390px} .dashboard-wrapper .rightcolumn { float: left;margin-left: 20px; width: 390px; position: relative} .dashboard-wrapper .bloc-magna { width: 380px; margin-top: 30px; font-size: 12px;} .dashboard-wrapper .bloc-magna .bloc-magna-outliner { padding: 8px; width: 364px;} .dashboard-wrapper .bloc-magna h3 { width: 372px; position: relative; top: -8px; left: -8px} .dashboard-wrapper .bloc-magna ul li span { font-weight: bold; color: #3A6480; margin-right: 6px;} .dashboard-wrapper .bloc-magna .form-list input#subscription { float: left; margin: 2px 6px 0 0} .dashboard-wrapper .bloc-magna .form-list label { font-weight: normal; float: left; width: 320px} .dashboard-wrapper .bloc-magna .buttonMC { float: right;} .dashboard-wrapper .bloc-magna .address-container h2 { color: #3A6480; font-size: 12px; font-weight: bold;} .dashboard-wrapper .bloc-magna .address-container { position: relative; left: -8px; width: 360px; border-bottom: 1px solid #bbb; float: left; padding: 0 10px 10px 10px; margin-bottom: 10px;} .dashboard-wrapper .bloc-magna .address-container .address { float: left; width: 245px; } .dashboard-wrapper .bloc-magna .address-container .functions { float: right; width: 115px; text-align: right;} .dashboard-wrapper .bloc-magna .address-container .functions a { margin-top: 0px; position: relative; margin-right: 19px;} .dashboard-wrapper .bloc-magna .address-container .functions a.button_modifierTT { margin-top: 18px; position: relative; top: -18px; margin-right: 19px; margin-bottom: -12px} .dashboard-wrapper .bloc-magna .address-container .functions a.button_supprimerT { } .dashboard-wrapper.account-create .leftcolumn { margin-left: 0; width: 840px;} .dashboard-wrapper.account-create .leftcolumn .block1 { padding-left: 0;} .dashboard-wrapper.account-create .leftcolumn .block1 h1 { font-size: 20px;} .dashboard-wrapper.account-create .leftcolumn .block2 h1, .dashboard-wrapper.account-create .leftcolumn .block1 h2 { font-size: 14px;} .dashboard-wrapper.account-edit .account-creation { margin-top: 20px; clear: both; float: left;} .dashboard-wrapper.account-edit .account-creation .block1 h2 { position: relative; left: -20px; margin: 0 0 10px 10px; float: left; clear: both; color: #3A6480; font-weight: bold;} .dashboard-wrapper.account-edit .account-creation .block1 label { width: 270px} .dashboard-wrapper.account-edit .account-creation .block1 label.desc { width: auto;} .dashboard-wrapper.account-edit .account-creation .block1 .message { width: 278px;} .dashboard-wrapper.address-edit .leftcolumn .block1 { border-bottom: 0; margin-bottom: 0; padding-bottom: 0;} .dashboard-wrapper.account-edit .account-creation .block1.password { margin-top: 5px; padding-top: 5px; border-top: 2px dotted #bbb; width: 834px; position: relative; left: -20px; padding-left: 19px;} .dashboard-wrapper.account-edit .account-creation .block1.password h2 { font-size: 14px;} .dashboard-wrapper.account-edit .account-creation .block1.password input { width: 150px; } .dashboard-wrapper.account-edit .account-creation .block1.password .buttonMC, .bigColumn.address-edit .account-creation .buttonMC { margin: 0; margin-top: 10px; clear: none;} .dashboard-wrapper.account-edit .account-creation .block1.password .button_annuler{ margin: 10px 20px 0 194px;} .dashboard-wrapper.address-edit .account-creation .button_annuler { margin: 10px 20px 0 279px;} .dashboard-wrapper.address-edit h1 { margin-bottom: 10px;} .bigColumn.error404-wrapper { background: url(../images/404.jpg) no-repeat; height: 454px;} .bigColumn.error404-wrapper p.block1 { width: 298px; text-align: center; margin: 105px 0 0 36px; clear: both; float: left; line-height: 14px; color: #606060; font-size: 12px;} .bigColumn.error404-wrapper .buttons-block { float: left; clear: both} .bigColumn.error404-wrapper a.buttonMC { float: left; margin-top: 6px; cursor: pointer;} .bigColumn.error404-wrapper a.button_retour { clear: both; margin: 6px 10px 0 52px;} .rss-wrapper { background: url(../images/bkg_rss.gif) left top no-repeat; height: 454px; float: left;} .credits-wrapper { background: url(../images/bkg_credits.jpg) left top no-repeat; height: 454px; float: left;} .credits-wrapper p { text-align: center; font-size: 12px; line-height: 15px;} .credits-wrapper p a { color: #000;} .credits-wrapper p a.creditNVN { float: left; width: 160px; height: 100px; text-indent: -9999px; margin-top: 70px;} .credits-wrapper p.credit1 { position: absolute; left: 377px; top: 205px;} .credits-wrapper p.credit2 { position: absolute; left: 95px; top: 230px;} .credits-wrapper p.credit3 { position: absolute; right: 73px; top: 293px;} .credits-wrapper p.credit4 { clear: both; position: absolute; bottom: 65px; width: 875px; text-align: center; font-size: 11px;} .bigColumn.error404-wrapper p.block2 { width: 280px; font-style: italic; text-align: center; margin: 40px 0 0 44px; clear: both; float: left; line-height: 14px; color: #606060; font-size: 12px;} .bigColumn.error404-wrapper p a { font-weight: bold; cursor: pointer;} .dashboard .welcome-msg { } .bloc-magna.bloc-adresse { float: right; overflow: hidden; overflow-y: auto; height: 284px; position: relative;} .bloc-magna.bloc-adresse .bloc-magna-outliner { width: 344px;} .dashboard-wrapper .dashboard.edition { width: 717px;} .dashboard-wrapper.contacts p.notice { padding:30px; width:600px; margin-left:150px; font-size:13px; padding-bottom:0; color:#676767; } .dashboard-wrapper.contacts h3 { margin:10px 0 0 180px; color:#88c1cd; padding:0; font-size:14px; } .dashboard .bloc-contact li.subscription{ color: #585C5D;} /* Block: Recent Orders */ .dashboard .recent-orders { } /* Block: Tags */ .dashboard .tags .number { float:left; margin-right:-20px; } .dashboard .tags .details { margin-left:20px; } /* Block: Reviews */ .dashboard .reviews { } /********** Dashboard > */ .bloc-newsletter { margin:50px 0 0 300px; } .dashboard .col-1,.dashboard .col-2 { width:290px; } .dashboard .bloc-contact li { width:270px; clear:both; } .dashboard .bloc-contact a { float:right; margin:5px 10px 0 0; } .dashboard .bloc-adresse a { position:relative; left:10px; } .dashboard .bloc-contact li span { font-weight:bold; clear:both; } .page-title ul li { float:left; margin-top:2px; } .page-title ul li a { text-decoration:none; } /********** Wish list ***********/ .bigColumn.no_wishlist-wrapper { background:url(../images/bk_whishlist.gif) no-repeat; height:454px; } .no_wishlist-wrapper .empty, .checkout-wrapper-noitems .empty { float: left; clear: both; padding-top: 155px;} .no_wishlist-wrapper p.nowishlist, .checkout-wrapper-noitems p.nowishlist { width: 840px; font-size: 18px; text-align: center; margin: 0; margin-bottom: 25px;} .no_wishlist-wrapper .buttonMC, .checkout-wrapper-noitems .empty a { margin-left: 337px; } .wishlist-wrapper .table-wrapper h3 { margin: 0; position: fixed; } .wishlist-wrapper table.data-table { width:795px; border:none; } .wishlist-btn-bot { background:transparent url(../images/bk-wishlist-btn.gif) no-repeat scroll 0 -1px; border:1px solid #D5DADA; height:30px; width:418px; float:right; padding-top:15px; padding-left:5px; margin-top:15px; margin-right:18px; } .wishlist-btn-bot .button strong { font-size:11px; } /********** Cart ***********/ .cart-header { background:url(../images/onglet.gif) left 0 white no-repeat; margin:6px -1px 0 0; height:23px; } .cart-header h3 { margin:5px 0 0 50px; line-height:24px; } .cart-header h3 { } .mini-cart { width:135px;float:right;position:relative;left:-19px;z-index:100;} .product-separation { width: 100px; height: 1px; background: #606060; float: left; margin-bottom: 3px; } .mini-account {width:151px; float:right; height:71px; position:absolute; right:162px; z-index:101; display: inline;} .mini-account .connection fieldset { clear: both; margin: 6px 0; padding-left: 10px;} .mini-account .connection fieldset.first { margin-top: 6px; float: left;} .mini-account .connection fieldset legend { display: block; font-weight: bold; color: #727879; font-size: 12px; text-align: left;} .mini-account .connection fieldset input { width: 129px; float: left;border: 1px solid #ddd; height: 18px; padding: 2px 0; text-indent: 2px;} #boutonsco { margin-left: 1px; float: left; width: 149px; overflow: hidden;} #account a:hover { text-decoration: underline;} #account a.forgot { font-size: 12px; margin: 0; position: relative; top: -7px; margin-bottom: -10px; color: #096482; } #account a.forgot.fermer { position: absolute; top: 181px; width: 150px; text-align: center; margin: 0; float: left; left: 0;} #account a.connecter, #account a.create, #accountlist ul li a { float: left; clear: both; padding-left: 34px; clear: both; color: #3A6480; font-size: 12px; width: 115px; border-top: 1px dotted #fff; text-align: left; } #account a.connecter:hover, #account a.create:hover { text-decoration: underline;} #account a.connecter { background: url(../images/account-arrows.png) no-repeat 12px -14px; height: 20px; line-height: 20px; text-indent: 7px; width: 115px; float: left; } #account a.create, #accountlist ul li a { background: url(../images/account-arrows.png) no-repeat 12px 6px; line-height: 22px; height: 22px; width: 115px; margin-left: 1px;} .mini-account .connection a.afficher { position: relative; top: -8px;} #connection a.button-red strong { width: 42px;} #connection a.button-blue strong { width: 20px;} #shopping-cart-table { width:832px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; margin-top: 5px; font-size: 12px; } #shopping-cart-totals-table { border-bottom: 1px solid #bbb;} #shopping-cart-table th.border, #shopping-cart-totals-table th.border, #checkout-review-table th.border, .cadeaux th.border { border-left: 1px solid #bbb; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px;} #shopping-cart-table th.border-right, #shopping-cart-totals-table th.border-right, #checkout-review-table th.border-right, .cadeaux th.border-right { border-right: 1px solid #bbb; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px;} #shopping-cart-totals-table td.border-left { border-left: 1px solid #bbb; text-align: right; height: 29px; line-height: 29px; font-size: 12px; padding-right: 5px} #shopping-cart-totals-table td.border-right { text-align: right; padding-right: 5px; font-size: 12px;} #shopping-cart-table td, #shopping-cart-totals-table td { overflow:hidden;border-right: 1px solid #bbb; vertical-align:center; color:#606060; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; text-align: center } #shopping-cart-table td.product-image { width: 68px;} #shopping-cart-totals-table td { border-bottom: 0;} #shopping-cart-table td table { width: 182px;} #shopping-cart-table td table td { border: 0; text-align: center;} #shopping-cart-table td table td.product-name { text-align: left;} .cart { background:white; margin:0 -1px 0 0; width:860px; height:425px; clear:both; } .cart .data-table { width:818px; margin:0; } .cart div.table-cadre { width:815px; /* border: 1px solid #f4f5f5; */ margin:0px; } .cart table { border:0; } .cart td { } .cart td.price { font-weight:bold; color:#F774A4; font-size:13px; width:76px; } .cart td.produit { padding:2px 0; border-left: 1px solid #bbb;} .cart .cart-full-container { height:200px; overflow:none; overflow-y:auto; margin-bottom: 9px; float: left; width: 854px; margin-left: 5px; position: relative} #shopping-cart-table .product-image img { float:left; margin-left:13px; margin-right: 5px } #shopping-cart-table .price-box { text-align:center; color:#F774A4; width: 119px; height:36px; float: left;} #shopping-cart-table .price-box .regular-price { line-height: 36px; } #shopping-cart-table .old-price { color: #606060; position: relative; top: 19px;} #shopping-cart-table .special-price { position: relative; top: -16px;} #shopping-cart-table div.stock { float: left; width: 119px; color: red; font-size: 12px; font-weight: normal; margin: 0; text-align: center; } #shopping-cart-table .stock span { font-size:12px; } #shopping-cart-table a.product-name { width:105px; text-decoration:none; font-weight:normal; margin: 0px 7px 0 6px; height: 28px; overflow: hidden; line-height: 15px; text-align: left; } #shopping-cart-table a.remove { margin-left: 32px } #shopping-cart-table a.remove.loader { margin-left: 28px;} #shopping-cart-table td.move-wish { background: url(../images/wish-move.png) left no-repeat;} #shopping-cart-table td.move-wish a.remove { float: right; margin: 21px 13px 0 0;} #shopping-cart-table td.move-wish a.wish-move { float: left; margin: 3px 0 0 13px;} #shopping-cart-table td.cadeau input { float: left; position: relative; top: 2px; margin: 0 5px 0 20px} #shopping-cart-table td.cadeau label { background-position: 0 -1044px; padding-left: 19px; text-indent: 0; height: 16px; margin-left: 19px; } #shopping-cart-table .quantite { margin-left: 10px; position: relative;} #shopping-cart-table .price { color: #CB0E74} #shopping-cart-table td.spacer { height: 4px; border: 0;} #shopping-cart-table th.move-suppr { font-size: 10px; line-height: 11px} #shopping-cart-totals-table th { text-align: left; text-indent: 10px;} #shopping-cart-totals-table td.rose { color: #CB0E74 } #shopping-cart-totals-table td.sous-total, #shopping-cart-totals-table td.total { font-weight: bold;} #shopping-cart-totals-table td.border-right.total {font-size: 16px;} #shopping-cart-totals-table a { color: green} #shopping-cart-totals-table a:hover { text-decoration: underline;} .cart td.a-middle { padding:0; } .cart th, .cart .discount h3, .cart .shipping h3, .block-progress h3, .cadeaux th { background:transparent url(../images/menu.png) left -766px; height:26px; margin-bottom:3px; color:#606060; font-weight:bold; border-right: 1px solid #bbb; font-size: 12px; font-weight: bold; text-align: center; border-top: 1px solid #bbb; } .cart th.a-center {text-align: center} .cart .a-lefts { text-align:left; text-indent:3px; } .cart .totals th { background:none; } .cart .totals td { border:none; } .cart th.th-blank { background:#fff; border:none; } .cart p.description-cart { margin-top:5px; line-height:15px; clear:both; } .cart .leftcolumn { float: left; width: 412px; margin-right: 20px; margin-left: 5px; } .cart .rightcolumn { float: left; width: 400px; } .cart .rightcolumn .buttonMC { margin-top: 8px;} .cart .rightcolumn .button_passercommande { float: right;} .cart .rightcolumn .button_passercommande.disabled { cursor: default; background-position: left -1885px} #cart { z-index:10000; } #itemList { display: none;} #cart.open { background: url(../images/cart-full.png) -1px 8px no-repeat; width: 375px; height: 422px; position: absolute; left: -240px; top: -5px; padding-top: 5px;} #cart.open .mon-cart { margin-left: 250px; } #cart.open .roll_cart { position: absolute; top: 0; right: -4px; top: 34px;} #cart.open table.mini-products-list-header { width: 337px; height: 12px; margin-top: 58px; margin-left: 12px; float: left;} #cart.open table.mini-products-list-header thead th { font-weight: normal; font-size: 11px; text-align: center; height: 12px} #cart.open .mini-products-list-container { width: 351px; height:138px; clear: both; float: left; position: relative; margin-left: 12px; } #cart.open table.mini-products-list { float: left; width: 337px; border: 0; padding: 0; margin: 0;font-size: 12px; } #cart.open table.mini-products-list td { border-bottom: 1px solid #dddede; height: 46px} #cart.open table.mini-products-list td.price { color: #ed0677} #cart.open table.mini-products-list td.price-total { color: #ed0677; text-align: right; font-weight: bold; border-right: 1px solid #dddede; padding-right: 4px} #cart.open .total-price { border-bottom: 0; text-align: right; color: #ed0677; height: 33px; font-weight: bold; font-size: 16px; position: absolute; top: 250px; width: 346px; text-align: right;} #cart.open .total-price span.title { font-size: 14px; color: #666; font-weight: normal;} #cart.open .button_passer { float: right; margin: 43px 10px 0 0} #cart.open p.notice { font-style: italic; width: 300px; float: right; margin: 10px 12px 0 0; padding: 0; position: inherit; line-height: 13px; text-align: right; color: #666} td.td-description { width:286px; height:70px; } td.td-image { width:72px; } td.td-image { text-align: center;} .checkout-cart-index .col1-layout { float:left; } .cart .discount { background: url(../images/reduction.png) left no-repeat; width: 425px; height: 79px; font-size: 12px; float: left; margin-bottom: 20px; margin-top: 10px;} .cart .discount p { border-bottom: 2px dotted #bbb; font-weight: bold; width: 390px; padding: 5px; font-size: 12px; text-indent: 5px; margin-bottom: 12px;} .cart .discount p a { color: green } .cart .discount fieldset { float: left; margin-left: 10px;} .cart .discount fieldset label { margin-bottom: 4px; float: left; margin-right: 5px; font-weight: bold;} .cart .discount fieldset input { float: left; width: 145px; margin-right: 5px} .cart .discount a.button { float: left; margin: 0; margin-right: 9px; position: relative; top: -2px} .cart .shipping { float:right; width:283px; height:auto; margin:24px 35px 0 0; color:#606060; } .cart .shipping h3 { background:url(../images/bk_cart_h3.gif) repeat-x; line-height:18px; height:18px; text-indent:6px; border:1px solid #e1e7e8; position:relative; top:-4px; width:281px; margin:0; } .cart .col2-set .col-2 { width:650px; } .block-title h3#carttitle { text-indent:-9999px; line-height:20px; height:30px; color:#fff; text-decoration:none; font-size:11.4px; width:81px; padding:0 0 0 12px; background:url(../images/btn_brown_0.png) 4px 10px no-repeat; } .block-title h3#carttitle a { text-indent:0; background:url(../images/btn_brown.png) no-repeat; line-height:18px; height:20px; color:#fff; text-decoration:none; font-size:11px; width:75px; display:block; float:left; margin:10px 15px 0 -10px; padding:0 0 0 4px; } .block-content { padding:5px; } .block-content a.button { margin:3px 0 0 20px; } .block-content a.menugras { font-weight:normal; margin-right:7px; width:100px; text-align:center; } .block-content #total { margin-left:10px; } .block-content { } /* -------- GRILLE DE PRODUIT -------*/ select.filter-select { width:150px; float:left; margin-left:5px; } .categorypath-accessoires-de-mode-html .lister, .category-nouveautes .lister, .category-promotions .lister, .categorypath-anne-charlotte-goutal-html .lister, .categorypath-japon-html .lister, .categorypath-papeterie-html .lister, .categorypath-enfant-deco-html .lister, .category-hommes .lister, .category-enfants .lister, .category-femmes .lister, .catalogsearch-result-index .lister { display: none;} /* -------- PAGE CREATION DE COMPTE -------*/ .value { padding-top:3px; } .add-review .form h5 { float:left; margin:10px 10px 0; font-weight:bold; color:#606060; } .add-review .form .form-list .required-entry { margin-left:10px; width:259px; height:85px; color:#606060; } .add-review .form .buttons-set .button { margin-right:12px; float:right; } .add-review #add-title { background:#fff url(../images/avis-title.gif) 0 bottom no-repeat; position:relative; top:1px; width:111px; height:20px; margin-left:10px; padding-top:6px; text-align:center; color:#606060; } .commandes-tab { width:818px; height:388px; padding:10px; margin:8px 0 0 15px; clear:both; float:left; position: relative;} .commandes-search { width:232px; height:95px; color:#606060; float:left; } .commandes-list { width:570px; height:380px; color:#606060; float:left; position: relative; overflow: hidden; overflow-y: auto;} .commandes-list h6 { background:transparent url(../images/sprite-bloc.gif) repeat-x scroll 0 -108px; height:20px; padding-top:2px; padding-left:6px; margin-left:5px; margin-right:10px; overflow:hidden; position: relative; } .commandes-list table { height:20px; margin-right:4px; position:relative; top:-2px; width: 632px; position: relative; left: -13px; margin-bottom: 5px; margin-left: 3px;} .commandes-list td { border:0px; padding-left:4px; height: 50px; } .commandes-list td.img { text-align: center; width: 65px} .commandes-list td li { line-height: 14px; margin-bottom: 4px; color: #707070 } .commandes-list td li a { text-decoration:none; color:#606060; } .commandes-list td li a:hover { font-weight:bold; } .commandes-list td li span { font-weight:bold; color: #606060;} .commandes-list .cell1 { width:235px; vertical-align: top; padding-left: 9px; } .commandes-list .cell2 { width:360px; padding-right:0; color: green; vertical-align: top } .commandes-list .cell2 table { width: 360px; margin: 0; padding: 0; border: 1px solid #bbb;} .commandes-list .cell2 .head td { background: url(../images/menu.png) left -766px; height: 26px; font-weight: bold; color: #666; text-align: center; border-right: 1px solid #bbb} .commandes-list .spacer td { border-left: none; border-right: none; border-bottom: 1px solid #bbb; height: 5px;} .commandes-list .cell2 .head .price { border-right: 0} .commandes-list .cell2 .article { border-right: 1px solid #bbb; color: #666 } .commandes-list .cell2 .article a { color: green} .commandes-list .cell2 .article a:hover { text-decoration: underline;} .commandes-list .cell2 .number { border-right: 1px solid #bbb; text-align: center; color: #707070;} .commandes-list .cell2 .price { text-align: right; color: #CB0E74; font-weight: bold; padding-right: 3px;} .commandes-list .cell3 { text-align: right; color: #CB0E74; font-weight: bold; border-top: 1px solid #bbb; border-bottom: 0; padding-right: 3px; margin-bottom: 4px;} .commandes-list .cell3 span.title { color: #666;} .commandes-search h6 { background:transparent url(../images/sprite-bloc.gif) repeat-x scroll 0 -108px; height:20px; padding-top:2px; padding-left:6px; margin-bottom:3px; } .commandes-search #commandes-search { } .commandes-search li { background:transparent url(../images/bullet_account.png) no-repeat scroll left 2px; height:12px; padding:0 0 0 18px; margin-top:5px; margin-left:5px; border-width:medium; border-color:black; font-weight:bold; color:#606060; cursor:pointer; line-height: 1.1; } .commandes-search li.on, .commandes-search li:hover {background-position: left -18px;} .bigColumn.account.commandes-wrapper .leftcolumn { width: 200px; border-right: 0; margin-right: 0; margin-left: 10px; padding-right: 0;} .commandes-wrapper .leftcolumn .bloc-magna h3 { width: 185px; font-size: 12px} .commandes-wrapper .bloc-magna.question h3, .cart .bloc-magna.question h3 { background: none; background: url(../images/menu.png) 7px -478px no-repeat; padding-left: 40px; width: 145px; height: 38px; border-bottom: 2px dotted #bbb; margin-left: 3px; color: #666; line-height: 15px; padding-top: 8px} .cart .bloc-magna.question { width: 404px;} .cart .bloc-magna.question h3 { width: 361px; font-size: 12px; background: url(../images/buttonMC.png) 7px -1128px no-repeat; height: 30px; line-height: 30px; padding-top: 0; margin-left: 0;} .cart .bloc-magna.question p { padding-left: 5px; margin: 5px 0} .commandes-wrapper .bloc-magna.question p span, .cart .bloc-magna.question p span { color: #6E295A; font-weight: bold; font-size: 15px;} .commandes-wrapper .bloc-magna { margin-top: 10px;} .commandes-wrapper .leftcolumn .bloc-magna { width: 193px;} .commandes-wrapper .leftcolumn .bloc-magna-outliner { width: 177px;} .commandes-wrapper .leftcolumn a, .commandes-wrapper .leftcolumn li { color: green; font-weight: normal;} .commandes-wrapper .bloc-magna.question a, .cart .bloc-magna.question a { font-weight: bold;} .commandes-wrapper .bloc-magna.question a:hover, .cart .bloc-magna.question a:hover { text-decoration: underline;} .cart .bloc-magna.question p { font-size: 12px;} .commandes-wrapper .leftcolumn li:hover { text-decoration: underline;} .commandes-wrapper .leftcolumn li.on { color: #3A6480; font-weight: bold; cursor: default; text-decoration: none;} .bigColumn.account.commandes-wrapper .rightcolumn { width: 635px; margin-left: 10px;} .commandes-wrapper .rightcolumn .bloc-magna { width: 628px;} .commandes-wrapper .rightcolumn .bloc-magna-outliner { width: 592px} .commandes-wrapper .rightcolumn .bloc-magna h3 { width: 620px} #wishlist-table { width:832px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; margin-left: 10px; font-size: 12px } #wishlist-table a.product-name { float:left; width:105px; text-decoration:none; font-weight:normal; margin-right:7px; margin-left:6px; height: 30px; overflow: hidden; line-height: 15px; text-align: center; } #wishlist-table a.product-name:hover { text-decoration: underline;} #wishlist-table .product-image img { float:left; margin-left:13px; } #wishlist-table .price-box { text-align:center; color:#F774A4; width: 119px; height:36px; float: left;} #wishlist-table .price-box .regular-price { line-height: 36px; } #wishlist-table .old-price { color: #606060; position: relative; top: 19px;} #wishlist-table .special-price { position: relative; top: -16px;} #wishlist-table div.stock { float: right; width: 130px; color: red; font-size: 12px; font-weight: normal; margin: 0; text-align: center; } #wishlist-table .stock span { font-size:12px; } #wishlist-table th { background:transparent url(../images/menu.png) left -766px; height:26px; margin-bottom:3px; color:#606060; font-weight:bold; border-right: 1px solid #bbb; font-size: 12px; font-weight: bold; text-align: center; border-top: 1px solid #bbb; } #wishlist-table th.border { border-left: 1px solid #bbb; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px;} #wishlist-table th.border-right { border-right: 1px solid #bbb; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px;} #wishlist-table td { overflow:hidden;border-right: 1px solid #bbb; vertical-align:center; color:#707070; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; } #wishlist-table td.produit { padding:2px 0; border-left: 1px solid #bbb;} #wishlist-table td.last { border-right: 1px solid #bbb} #wishlist-table td.center { text-align:center; vertical-align:middle; } #wishlist-table td.bkg { background:transparent url(../images/cartAlone.png) 193px 24px no-repeat; text-align:right; vertical-align:middle; padding-left:95px; padding-top:11.5px; font-family:Georgia; } #wishlist-table td.bkg.none {background: none;} #wishlist-table td.bkg a { border:0; } #wishlist-table td.spacer { height: 5px; border: 0;} #wishlist-table textarea { width: 225px; height: 76px; border: 1px solid #eee; margin: 6px} #wishlist-table a.remove { margin-left: 23px;} .wishlist-wrapper .buttons { position: absolute; bottom: 63px; float: right; right: 25px;} .wishlist-wrapper .buttons .buttonMC { margin-right: 10px;} .wishlist-wrapper .buttons .button_partager { margin-left: 355px;} .wishlist-wrapper .quantite { margin-left: 5px} #wishlist-table .button_ajouterpanier, #wishlist-table .button_ajouterpanier_disabled { margin-left: 6px; } .sharewish { background:transparent url(../images/share-wish.gif) no-repeat 0 0; } #crosssell-cart { float:left; width:280px; margin:4px 0 0 10px; border:2px solid #F6F7F7; padding-left:3px; background: url(../images/bk-box.gif) repeat-x bottom;} .crosssell h5 { background: url(../images/bk_th.gif) repeat-x; color:#606060; font-size:11px; float: left; width: 283px; padding-left: 3px; text-indent: 6px; height: 18px; line-height: 18px; margin:21px 0 0 10px; border:1px solid #E1E7E8;} #crosssell-cart div.price-box { float: none; width: 72px; text-align: center;} #crosssell-cart .price { color:#F774A4; } #crosssell-cart .old-price .price { color: #606060;} #crosssell-cart td { width: 119px; overflow: hidden; float: left; margin: 3px; border:1px solid #ddd;} #crosssell-cart img { margin-top: 9px;} #crosssell-cart h6.product-name { height: 15px; overflow: hidden; width: 72px; text-align: center; margin-bottom: 3px;} #crosssell-cart h6.product-name a { font-size: 11px; font-weight: bold; font-family: Arial;} #crosssell-cart a.button { margin-left: 0px; margin-top: 4px;} .shipping select { width:120px; margin-bottom:8px; margin-left:10px; margin-top:3px; position:relative; z-index:2000; } .shipping #postcode { width:80px; margin-left:10px; } .name-lastname { } .account-control .bloc-magna { margin-left:30px; margin-top:0; } .account-control .bloc-magna .name-lastname { clear:both; } .account-control.noclear .bloc-magna .name-lastname { clear:none; } .footer-pages-left { color:#606060; float:left; width:213px; min-height:180px; clear:both; margin:8px 15px 0; } .footer-pages-left div.elements { width:186px; padding:0 13px; float:left; clear:both; } .footer-pages-left div.elements a,.footer-pages-left div.elements a:visited { color:#48780C; text-decoration:underline; background:url(../images/cgv_puce.png) left 3px no-repeat; float:left; clear:both; padding-left:20px; text-decoration:none; line-height:14px; margin-bottom:3px; font-size: 12px} .footer-pages-left div.elements a:hover,.footer-pages-left div.elements a.on { background:url(../images/cgv_puce_on.png) left 3px no-repeat; } .footer-pages-left div.elements a.on { font-weight: bold;} .footer-pages-left div.elements div.under-elements { width:175px; float:left; max-height:260px; overflow-y:auto; overflow-x:hidden; padding-left:20px; } .footer-pages-left div.elements div.under-elements a { background:url(../images/cgv_puce_mini.png) 7px 4px no-repeat; color: #48780C; } .footer-pages-left div.elements div.under-elements a:hover, .footer-pages-left div.elements div.under-elements a.on { background:url(../images/cgv_puce_mini_on.png) 7px 4px no-repeat; color:#4E8F99; } .footer-pages-left h6 { color: #DF6718; width:203px; height:18px; float:left; text-align:left; padding:0; margin:0; line-height:18px; padding:4px 0 4px 10px; } .footer-pages { width:617px; height:417px; float:left; overflow:hidden; overflow-y:auto; float:left; margin-top:8px; } .footer-pages.wide { width:840px; margin-left:20px; } .footer-pages h3 { color:#4E3C34; background:transparent url(../images/menu.png) no-repeat right -677px; float:left; height:22px; line-height:25px; font-size:12px; padding-right:12px; margin-left:15px; } .footer-pages h3 strong { float:left; background:transparent url(../images/menu.png) no-repeat -387px -706px; padding-left:12px; position:relative; left:-9px; margin-right:-6px; } .footer-pages h4 { font-size:12px; float:none; margin:0; padding:0; } .footer-pages p, .footer-pages div.element-p { width:570px; padding:5px; border:6px solid #F0EBE6; clear:both; margin-bottom:14px; float: left; padding-top: 15px; font-size: 12px; } .footer-pages p span.subcontent, .footer-pages div.element-p span.subcontent { float: left; clear: both; border:1px solid #e0dfd9; padding: 0; padding: 10px; margin: 8px; margin-bottom: 15px;font-size: 12px } .footer-pages.goodies p span.subcontent, .footer-pages.goodies div.element-p span.subcontent { width: 533px;} .footer-pages p span.subcontent strong, .footer-pages div.element-p span.subcontent strong { background: #fff; border: 1px solid #e0dfd9; position: relative; top: -24px; margin: 0 0 -20px 7px; padding: 6px; float: left; color: #DF6718; font-size: 12px;} .footer-pages.wide p { width:790px; } .footer-pages span.img-container img { width:200px; margin:10px; cursor: pointer } .footer-pages.faq h3 strong { color:#4E3C34; } .footer-pages-left.faq div.elements a, .cms-faq-html a { color:#48780C; } .footer-pages .element-group { float: left;} .footer-pages .element-group a { color: #48780C;} .bigColumn.account.goodies h1 { color: #B01745; float: left; clear: both; margin-left: 12px; font-weight: bold; margin-bottom: 25px; line-height: 20px;} .bigColumn.account.goodies #rightcolumn h1 { margin-bottom: 10px} .bigColumn.account.goodies h1.in { margin-bottom: 0; margin-top: 7px} .bigColumn.account.goodies p.noticein { position: inherit; font-style: normal; font-size: 12px; margin-left: 12px; margin-top: 5px; float: left; width: 840px} .bigColumn.account.goodies p.notice a, .bigColumn.account.goodies p.noticein a { color: green; font-weight: bold;} .bigColumn.account.goodies p.notice a:hover, .bigColumn.account.goodies p.noticein a:hover { text-decoration: underline;} .footer-pages.goodies { height: 340px} .footer-pages.goodies span.subcontent span.number { color: #DF6718} .footer-pages.goodies span.subcontent ul.download { width: 545px; float: left; clear: both;} .footer-pages.goodies span.subcontent ul.download li { float: left; margin: 0 27px 10px 0} .footer-pages.goodies span.subcontent ul.download li img { float: left; margin-bottom: 3px;} .footer-pages.goodies span.subcontent ul.download.iphone li img { margin-left: 10px;} .footer-pages.goodies span.subcontent ul.download.iphone li { margin-right: 35px;} .footer-pages.goodies span.subcontent ul.download li a { clear: both; color: green; float: left; background: url(../images/buttonMC.png) right -982px; padding-right: 15px; margin-left: 13px} .footer-pages.goodies span.subcontent ul.download li a:hover { text-decoration: underline;} .footer-pages.goodies span.subcontent ul.download.iphone li a { margin-left: 0} .iframe { height:435px; width:865px; } .loginloader { margin-left: 44%; } div#imgs img { float: left; width:48px; height:48px; position: relative; z-index: 9;} .overlay{float:left;width:48px;height:48px;position: absolute;background:transparent url(../images/over.png) repeat; z-index: 10; left: 0; top: 0;} div.overlay:hover{background: none;} #affichage { width: 100%; height: 500px; float: left; clear: both;} #affichage2 { width: 900px; height: 500px; float: left; clear: both;} div#affichage2 img{display: none;} #rss-table-misc, #rss-table-category { padding: 5px 10px; font-size: 12px;} .cms-les-promotions-html .breadcrumbs { top: 89px; left: 25px; } .les-promotions h1 { color: #DF6718; font-size: 24px; font-weight: bold; margin: 5px 13px; } .les-promotions p.hello { float: left; border-bottom: 3px dotted #bbb; margin-bottom: 5px; font-size: 12px; padding: 0 10px 5px 5px; width: 832px; position: relative; left: 10px } .les-promotions .promos-container { height: 330px; overflow-y: auto; overflow-x: hidden; float: left; width: 860px; padding-top: 10px; position: relative} .promos-table { border-bottom: 1px solid #bbb; margin: 0px 0 10px 10px; float: left; width: 825px; clear: both;} .promos-table th { text-align: left; color: #DF6718; font-size: 14px; border: 1px solid #bbb;} .promos-table td { border-left: 1px solid #bbb; font-size: 12px; text-align: left; padding: 0 5px;} .promos-table tr.promos-what td { text-align: center;} .promos-table td h2 { font-size: 12px; color: #3A6480; text-align: left; font-weight: bold;} .promos-table td.orange { color: #DF6718; font-weight: bold; vertical-align: middle; text-align: center} .promos-table td.rouge { color: red; font-weight: bold; text-align: center;} .promos-table td.last { border-right: 1px solid #bbb;} .promos-table td p.notice { font-weight: normal; font-style: italic; font-size: 11px; color: #666; position: relative; top: 14px; margin-top: -10px;} #categorySearch { width: 150px} .category-image { display:none }