/* ################################################################################################## PRESTASHOP CSS ################################################################################################## */ @import url("1200.css"); /* **************************************************************************** reset **************************************************************************** */ html{color:#000;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0} table{border-collapse:collapse;border-spacing:0} fieldset,img{border:0} address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit} del,ins{text-decoration:none} caption,th{text-align:left} h1,h2,h3,h4,h5,h6{font-size:100%} q:before,q:after{content:''} abbr,acronym{border:0;font-variant:normal} sup{vertical-align:baseline; color: #990000;font-size:12px;padding-right:2px} sub{vertical-align:baseline} legend{color:#000} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit} input,button,textarea,select{font-size:100%} input[type="file"],input[type="text"]{height:26px;line-height:26px;} select{border:1px solid #d7d7d7; color:#202020;background:#fff;border-radius:3px;-moz-border-radius:3px;padding:4px;} textarea{ border:1px solid #d7d7d7; color:#202020;height:80px;padding:10px; background:#fff;border-radius:3px;-moz-border-radius:3px;} a {cursor:pointer;transition: all 0.5s ease 0s;} a:hover{text-decoration:none;} ul,ol{list-style:none} .clearfix:before, .clearfix:after { content: "."; display: block; height: 0; overflow: hidden } .clearfix:after {clear: both} .clearfix {zoom: 1} /* global form style */ form.std { clear: both } form.std h3{} form.std fieldset{border:none;margin-bottom:1em;padding-bottom:1em} form.std legend{border-color:#d0d1d5;border-style:solid;border-width:1px;font-size:1.6em;font-weight:100;margin:1em 0 1em .5em;padding:.3em .6em} form.std h4,form.std p{clear:both;padding:5px 0;margin:0} form.std label{line-height:25px;} form.std label,form.std p span{float:left;margin-right:5px;text-align:right;width:30%} form.std p span.inline-infos{display:none} form.std p span.like_input { width: auto; margin-left: 0.7em } /* ************************************************************************************************ struture ************************************************************************************************ */ #page {width:100%} #header {z-index:10} #columns {z-index:1;padding-bottom:50px;} #left_column {padding-top:6px;display:none;} #center_column{overflow:hidden} #index #center_column,#product #center_column{overflow:visible} #right_column {padding-top:0px;} #footer {} /* ************************************************************************************************ generic style ************************************************************************************************ */ body{ font:200 12px/1.35 "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color:#474747; background:#fff;text-align:left; font-variant:normal; } body.content_only { background: #ffffff; } .mode_header,.cs_mode_slideshow,.mode_container,.mode_footer{clear:both} .mode_header{width:100%;float:left} /* positionnement ****************************************************************************** */ .hidden {display:none} .f_right {float:right} p.center {text-align:center} .clearBoth {clear:both} /* title *************************************************************************************** */ h1 { padding:0 0 10px; font:bold 20px 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-weight:normal; border-bottom:1px solid #bfbfbf; text-transform: none;margin:0 0 20px; } h2 { padding:0 0 10px; font:bold 12px 'Open Sans', Verdana, Helvetica, Arial, sans-serif; text-transform:none;margin:0; } h3 { padding-bottom:10px; font:normal 12px 'Open Sans', Verdana, Helvetica, Arial, sans-serif; } .products_block h3,.name_product h3{font:700 12px/1.35 'Open Sans', Verdana, Helvetica, Arial, sans-serif;} h5 { font:normal 16px/1.35 'Open Sans', Verdana, Helvetica, Arial, sans-serif; } h6 {font:normal 14px/1.35 'Open Sans', Verdana, Helvetica, Arial, sans-serif; } .title_block { padding-bottom:10px; font-size:14px } /* text **************************************************************************************** */ p {margin:5px 0} p em {font-style:italic} .warning { margin:0 0 10px 0; padding:10px; font-size:12px; background:#e7f8e0 } .success { margin:0 0 10px 0; padding:10px; border:1px solid #2c6c2d; font-size:12px; } .error { margin:0 0 10px 0; padding:10px; border:1px solid #2c6c2d; } .error ol {} .error p.lnk { margin-top:20px; padding:0; font-size:11px } .required {color:#990000} /* link **************************************************************************************** */ a, a:active, a:visited { color:#202020; text-decoration:none; outline: medium none } /* HACK IOS ipad, iphone */ input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="submit"], input[type="image"] { -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important; } input[type="text"], input[type="number"], input[type="email"], input[type="search"], input[type="password"]{padding:0 5px; height:26px; width:75%; border:1px solid #d7d7d7; color:#646464; background:#fff;line-height:26px;border-radius:3px!important;-moz-border-radius:3px!important;} /*buttons ************************************************************************************** */ input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disable, a#cs_quickview_handler { position:relative; display:inline-block;color:#fff;text-transform:uppercase;line-height:23px\0; padding:0 15px;height:24px;font:700 16px/24px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; border:none; background:#ab0203; cursor: pointer;*line-height:23px; } a#cs_quickview_handler{background:#414141;} *:first-child+html input.button_mini, *:first-child+html input.button_small, *:first-child+html input.button, *:first-child+html input.button_large, *:first-child+html input.button_mini_disabled, *:first-child+html input.button_small_disabled, *:first-child+html input.button_disabled, *:first-child+html input.button_large_disabled, *:first-child+html input.exclusive_mini, *:first-child+html input.exclusive_small, *:first-child+html input.exclusive, *:first-child+html input.exclusive_large, *:first-child+html input.exclusive_mini_disabled, *:first-child+html input.exclusive_small_disabled, *:first-child+html input.exclusive_disabled, *:first-child+html input.exclusive_large_disabled {} /* input button */ input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled { padding-bottom: 2px } /* disabled button */ input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled { /*background-position: left -36px; cursor: default; color: #888!important*/ } /* exclusive button */ input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled { /*color: white!important*/ } /* exclusive disabled button */ input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large { /*color: #488c40!important*/ } /* hover button */ input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover, input.button_mini_disabled:hover, input.button_small_disabled:hover, input.button_disabled:hover, input.button_large_disabled:hover, input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, input.exclusive_mini_disabled:hover, input.exclusive_small_disabled:hover, input.exclusive_disabled:hover, input.exclusive_large_disabled:hover, a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover, span.button_mini:hover, span.button_small:hover, span.button:hover, span.button_large:hover, span.exclusive_mini:hover, span.exclusive_small:hover, span.exclusive:hover, span.exclusive_large:hover, span.exclusive_large_disabled:hover, #product_list li a.button:hover, #pb-left-column #buy_block input.exclusive:hover, .cart_navigation .button:hover, .cart_navigation .button_large:hover, a#cs_quickview_handler:hover { text-decoration:none; background:#c20000; transition: all 0.5s ease 0s;text-decoration:none;color:#fff!important } a#cs_quickview_handler:hover{background:#000} /* exclusive hover button */ input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover { /*color: white!important*/ } /* active button */ input.button_mini:active, input.button_small:active, input.button:active, input.button_large:active, input.exclusive_mini:active, input.exclusive_small:active, input.exclusive:active, input.exclusive_large:active, a.button_mini:active, a.button_small:active, a.button:active, a.button_large:active, a.exclusive_mini:active, a.exclusive_small:active, a.exclusive:active, a.exclusive_large:active { background-position: left -100px } /* classic buttons */ input.button_mini, input.button_mini_disabled, input.exclusive_mini, input.exclusive_mini_disabled, a.button_mini, a.exclusive_mini, span.button_mini, span.exclusive_mini { /*width: 30px; background-image: url('../img/button-mini.png')*/ } input.button_small, input.button_small_disabled, input.exclusive_small, input.exclusive_small_disabled, a.button_small, a.exclusive_small, span.button_small, span.exclusive_small { /*width: 60px; background-image: url('../img/button-small.png')*/ } input.button_disabled, input.exclusive_disabled{ border:1px solid #ccc; color:#999; background:url(../img/bg_bt_2.gif) repeat-x 0 0 #CCCCCC; cursor:default; } input.button_large, input.button_large_disabled, input.exclusive_large, input.exclusive_large_disabled, a.button_large, a.exclusive_large, span.button_large, span.exclusive_large, span.exclusive_large_disabled { /*width: 180px; background-image: url('../img/button-large.png')*/ } /* exclusive button */ /*input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive { background-image: url('../img/button-medium_exclusive.png') } input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini { background-image: url('../img/button-mini_exclusive.gif') } input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small { background-image: url('../img/button-small_exclusive.gif') } input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large, span.exclusive_large_disabled { background-image: url('../img/button-large_exclusive.gif') }*/ #order input.exclusive, #order a.exclusive { padding: 0 25px; height: 41px!important; background: #4854cb!important; color: #fff!important; line-height: 40px; } #order input.exclusive:hover, #order a.exclusive:hover { padding: 0 25px; height: 41px!important; background: #4854cb!important; color: #fff!important; line-height: 40px; } #order a.button, #order a.button_large { padding: 5px 25px 0; height: 30px!important; margin-top:5px; background: #dadada!important; color: #474747!important; } #order a.button:hover, #order a.button_large:hover { padding: 5px 25px 0; height: 30px!important; margin-top:5px; background: #dadada!important; color: #474747!important; } #my-account .button.home { padding: 5px 25px 0; height: 30px!important; background: #dadada!important; color: #474747!important; font-weight: normal; } /* form **************************************************************************************** */ form.std fieldset { margin:20px 0; } /* table *************************************************************************************** */ table.std, table.table_block { margin-bottom:20px; width:100%; border:1px solid #e1e1e1; border-bottom:none; background:white; } table.std th, table.table_block th { padding:12px 15px; font-size:12px; color:#fff; font-weight:bold; text-transform:uppercase; background:#2c2c2c } table.std tr.alternate_item, table.table_block tr.alternate_item {background-color: #f3f3f3} table.std td, table.table_block td { padding:15px; border-bottom:1px solid #e1e1e1; font-size:12px; vertical-align:top } /* BLOCK .block ******************************************************************************** */ #left_column .block{padding-right:20px;} #right_column .block{padding-left:20px;} #right_column .block select,#left_column .block select{width:100%} #postcommentsleft #easycontent_1 {padding-left:20px;} .block {margin-bottom:45px} #footer .block {margin-bottom:0} #left_column .block h4,#right_column .block h4{border-bottom:1px solid #e8e8e8;} #right_column div.follow_box h4{ border:0; } #product #easycontent_1 h4.title_block {padding-top: 9px;} .block .title_block, .block h4 { padding:0 0 10px; color:#202020; font-size:14px; font-weight:bold; text-transform:uppercase; text-transform:uppercase; text-align:left;margin-bottom:0px } .block .title_block a, .block h4 a {color:#202020} .block .title_block a:hover, .block h4 a:hover{color:#ab0203 ;text-decoration:none} .block ul {list-style-type:none} .block li.last { border:none} { color:#202020 } #left_column .block li a:hover,#right_column .block li a:hover{color:#ab0203} #totfeaturedproduct { background:#f1f1f1; margin: 0px 0; border:1px solid #bfbfbf; clear:both; } #totfeaturedproduct div.block_content{ padding:10px; } #totfeaturedproduct h3 { color:#c42b3e; font-weight:bold; font-size:14px; } #totfeaturedproduct p.shop_tit { } #totfeaturedproduct p.shop_txt_1 { color:#000000; font-size:12px; } #totfeaturedproduct p.shop_txt_2 { color:#7f7d7d; font-size:12px; } #totfeaturedproduct .name_product h3 { font-size:12px; } #totfeaturedproduct ul#product_list li {vertical-align:top;height:auto;padding:10px 0 0;position:relative;float:none;display:inline-block;#display:inline;width: 260px;} #totfeaturedproduct ul#product_list li .center_block{margin:0 10px;vertical-align:middle;position:relative} #totfeaturedproduct ul#product_list li .product_price { color: #4854cb; font-weight:bold; font-size:14px; text-align:right; } #right_column #totfeaturedproduct { margin-left:20px; } #right_column #totfeaturedproduct ul#product_list li {width: 230px; } #product #totfeaturedproduct { margin:20px 0; clear:both; } #home-texte { padding: 0px 0 25px; } #home-texte p { padding: 0 5px; } #home-texte p strong { font-size:13px; font-weight:bold; } .name_product h3 a, .name_product a{color:#202020; font:700 13px/15px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; text-transform:uppercase;} .product_desc{color:#808080;padding-bottom:10px;display:block} /* FOLLOW BOX */ div.follow_box { } body#index div.follow_box { margin-top:20px; } body#index .block .title_block, .block h4 { margin-bottom:0px; font:bold 12px 'Open Sans', Verdana, Helvetica, Arial, sans-serif;font-size: 20px; font-weight: normal;} body#module-psblog-posts div.follow_box h4 { margin-top:33px; margin-bottom:10px; } #index #easycontent_4 h4.title_block { font:bold 12px 'Open Sans', Verdana, Helvetica, Arial, sans-serif;font-size: 20px; font-weight: normal;} #index #easycontent_14 h4.title_block { font:bold 12px 'Open Sans', Verdana, Helvetica, Arial, sans-serif;font-size: 20px; font-weight: normal;} #easycontent_15 h4 { color:#4053d0!important } #easycontent_15 .title_block a:hover, #easycontent_15 h4 a:hover { color:#4053d0!important } body#index #easycontent_15 { text-align: center; } body#index #easycontent_15 h4 { font-size: 15px; font-weight: normal; border-bottom: 1px solid #bfbfbf; margin-top: 27px; } #module-psblog-posts div.follow_box { margin-top:20px; } #module-psblog-posts div.follow_box h4 { padding: 0; } div.follow_all { border:1px solid #bfbfbf; } .social_block_content { clear:both; margin-bottom:10px; } .social_block_content.box-fb { } .social_block_content.box-tw { padding-left:15px; } .social_block_content.box-nl { padding: 5px 10px; background:#f1f1f1; } #footer .social_block_content.box-nl { padding: 5px 10px; background:none; border-top:1px solid #f1f1f1;} .social_block_content.box-lk { padding-left:5px; } .social_block_content.box-lk ul { } .social_block_content.box-lk ul li { display:inline-block; } .social_block_content.box-lk ul li a { background-repeat:no-repeat; width:23px; height:23px; margin:4px; display:block; } .social_block_content.box-lk ul li a.lnk-fb { background: transparent url(../img/icon/facebook.png); } .social_block_content.box-lk ul li a.lnk-lk { background: transparent url(../img/icon/linkedin.png); } .social_block_content.box-lk ul li a.lnk-fl { background: transparent url(../img/icon/flavors.png); } .social_block_content.box-lk ul li a.lnk-pt { background: transparent url(../img/icon/pinterest.png); } .social_block_content.box-lk ul li a.lnk-tw { background: transparent url(../img/icon/twitter.png); } .social_block_content.box-lk ul li a.lnk-bh { background: transparent url(../img/icon/behance.png); } .social_block_content.box-lk ul li a.lnk-in { background: transparent url(../img/icon/instagram.jpg); } .social_block_content.box-nl input.champs-e {width: 90%; } .social_block_content.box-nl input.champs-n { width: 55%; margin-right:2%; } .social_block_content.box-nl input.button_orange { width: 30%; padding:1%; background:#f69b06 url(../img/submit-btn-orange.jpg) repeat-x; color:#fff; font-weight:bold; padding:4px; } /* .fb-container { width: 258px; height: 238px; /* overflow: hidden; } .fb-container > div { margin: -1px 0px 0px -1px; } /* BLOCK .products_block *********************************************************************** */ .products_block {} .products_block li {float:left;} .accessories .products_block li {} /* BLOCK customer privacy ******************************************************************* */ .account_creation label{ float:left; padding-top:5px; width:80%; text-align:left; cursor:pointer } /* BLOCK .footer_links (cms pages) ************************************************************* */ ul.footer_links { list-style-type:none; margin-bottom:20px list-style-type: none; border-top: 1px solid #d5d5d5; padding-top: 20px; margin-top: 20px; } #addresses ul.footer_links{margin:20px 0;overflow:hidden} ul.footer_links li {float:left; margin-right: 15px;} ul.footer_links li a { padding: 0 25px; height: 41px!important; background: #dadada!important; color: #474747!important; line-height: 40px; display: block; text-transform: uppercase; font-weight: normal; } /* barre comparaison / tri ********************************************************************* */ #category { } #category h3.postdettit {font-size: 12px; font-weight: bold; border-bottom: 1px solid #bfbfbf; margin-top: 20px; } #category .content_sortPagiBar {border-top:0px solid #b9b9b9; } .content_sortPagiBar {margin:10px 0;border-top:1px solid #b9b9b9;padding-top:10px;overflow:hidden} #center_column .sortPagiBar strong {color:#000;} #center_column .sortPagiBar p {padding:0;margin:0} .nbrItemPage.pagination{display:none} .three_column .sortPagiBar{display:block!important;/*float:left!important;margin:10px 0;clear:both;width:100%*/} .content_sortPagiBar .sortPagiBar #productsSortForm {float:right;margin-left:10px;} .three_column .content_sortPagiBar .sortPagiBar #productsSortForm, .three_column .view_list_gird{margin-bottom:7px} .three_column #center_column.grid_8 .sortPagiBar form.compare{float:right;clear:right;margin-top:2px} .sortPagiBar{float:left} .content_sortPagiBar .sortPagiBar{float:none} #productsSortForm p.select{position:relative} #productsSortForm p.select .cs_select{float:left;min-width:150px;} .content_sortPagiBar .sortPagiBar .compare{float:left} form.compare{float:right} .sortPagiBar .select label{float:left;line-height:29px;margin-right:10px;} .sortPagiBar select#selectPrductSort { margin:0;width:164px; color:#000;float:left; border:1px solid #ccc;border-radius:15px;-moz-border-radius:15px; position:absolute;top:2px;right:0 } .sortPagiBar #bt_compare {width:auto;margin-top:1px;border:1px solid #dadada;background:none;color:#202020} .sortPagiBar #bt_compare:hover{background:#ab0203;border:none;color:#fff} .sortPagiBar .nbrItemPage {margin-left:40px;} .sortPagiBar .PrductSort {float:left;} .sortPagiBar .nbrProduct { display:inline-block; padding:0 10px; } .sortPagiBar #nb_item {border:1px solid #ccc} /* pagination ********************************************************************************** */ form.pagination {float:left;margin-top:2px;position:relative;display:none;} form.pagination p{margin:0} div.pagination { margin:0; text-align: left;width:auto; } form.pagination label,form.pagination select,form.pagination input{float:left;margin-right:5px;} form.pagination input{margin-top:1px} form.pagination label{line-height:27px;} div.pagination ul.pagination{float:left;margin-right:10px} ul.pagination {list-style-type:none} ul.pagination li{width:auto;float:left;margin-right:10px;} ul.pagination li span, ul.pagination li a{width:28px;height:28px;text-align: center; color: #202020;/*border:1px solid #d6d6d6;*/font-weight:700; margin-right:10px;display:table-cell;vertical-align:middle} ul.pagination li.truncate { padding-top:8px; } ul.pagination a, ul.pagination span { font:11px/24px Helvetica,Arial,Verdana,sans-serif; color:#999 } ul.pagination a { text-align:center; -moz-box-sizing: border-box;box-sizing: border-box; background-origin: border-box; } ul.pagination a:hover { color:#808080;transition: all 0.5s ease 0s; /*border:1px solid #1c1d20;*/text-decoration:none; } ul.pagination .current span { color:#fff;background:#808080;border-color:#1c1d20 } ul.pagination li.disabled span {color:#808080} /* CART steps *********************************************************************** */ ul#order_step { background-color: white;} ul.step { list-style-type:none; margin-bottom:30px; width:100%;overflow:hidden;clear:both; } ul.step li { float:left; height:51px;margin-bottom:1px; width:auto;padding:0 11px 0 12px;min-width:150px; text-align:left; text-transform:capitalize; background:url(../img/step_standard.jpg) repeat-x 0 0;border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3; color:#b2b2b2;font:700 16px/15px Arial, sans-serif;margin-right:-1px } ul.step li span,ul.step li a{display:table-cell;height:51px;vertical-align:middle;color:#b2b2b2;} ul.step li span.number{font-size:34px;padding-right:5px;} ul.step li.step_current,ul.step li.step_current_end {border:1px solid #c3c3c3; height: 49px; background:none;border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;color:#4053d0 } ul.step li.step_current span,ul.step li.step_current_end span{color:#4053d0} ul.step li#step_end { } ul.step li.step_done a, ul.step li.step_done span.number { color: #7e8ff8; } /*ul.step li#step_end {background:url(../img/step_end.gif) no-repeat center bottom transparent}*/ /* module productcomments ********************************************************************** */ .rating { clear: both; display: block; margin: 2em; cursor: pointer; } .rating:after { content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden } .cancel, .star { overflow: hidden; float: left; margin:0 1px 0 0; width: 16px; height: 16px; text-indent: -999em; cursor: pointer } .cancel, .cancel a { background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px !important } .star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 } .cancel a, .star a { display: block; width: 100%; height: 100%; background-position: 0 0 } div.star_on a { background-position: 0 -16px } div.star_hover a, div.star a:hover { background-position: 0 -32px } .pack_content { margin: 10px 0 10px 0 } .pack_price { float: right; margin-right: 3px; font-size: 12px } .confirmation { margin: 0 0 10px; padding: 10px; border: 1px solid #e6db55; font-size: 13px; background: none repeat scroll 0 0 #ffffe0; } #page .rte { background: transparent none repeat scroll 0 0 } .listcomment { list-style-type:none; margin:0 0 20px 0 !important; } .listcomment li { padding:10px 0; border-bottom:1px dotted #ccc; color:#666 } .listcomment .titlecomment { display:block; font-weight:bold; font-size:12px; color:#333 } .listcomment .txtcomment { display:block; padding:5px 0; color:#333 } .listcomment .authorcomment {} /* ************************************************************************************************ HEADER ************************************************************************************************ */ #header {position:relative;text-align:center;z-index:100;min-height:80px;margin-top:15px;margin-bottom:15px;} #header_logo { float:left;display:inline-block;margin:0px auto; min-height:82px;background:#fff;} #header_left {} #header_left img.logo{vertical-align:top; width:100%;} #header_right { position:static;padding-top:15px; float: none;width:auto;margin:0 } /* ************************************************************************************************ BREADCRUMB ************************************************************************************************ */ .breadcrumb{color:#202020;height:auto;margin:0 auto;padding:0 0 20px;font-size:12px;font-weight:700;line-height:15px;text-align:left} .breadcrumb .navigation-pipe{background:url(../img/bkg_bc_span.png) no-repeat scroll center 4px transparent;float:left;padding:0 17px 0 2px;width:5px;text-indent:-9999px} .breadcrumb a{color:#6e6e6e;float:left;text-decoration:none;text-transform:none;font-weight:700} .breadcrumb a:hover{text-decoration:none;color:#202020;font-weight:700} .breadcrumb a.backhistory { text-decoration: underline; margin-right: 20px; text-transform: uppercase; color: #000; } /* ************************************************************************************************ FOOTER ************************************************************************************************ */ .top_footer { } #easycontent_2 { display:block; clear:both; border-top: 1px solid #EAEAEA; padding:10px 0;float: left;} #easycontent_2 h4, #easycontent_2 a.opener { display:none; } #footer-top { } #footer-top ul.footer-garanties { display:block; margin-bottom:20px; } #footer-top ul.footer-garanties li { text-align:center; } .mode_footer{background: #ffffff;overflow:hidden; border-top: 1px solid #d7d7d7; padding-top: 20px;} .mode_footer #reinsurance_block { } .mode_footer #reinsurance_block ul li { display: inline-block; margin: 0 0 30px; } @media only screen and (min-width: 1024px) { .mode_footer #reinsurance_block ul li { width: 20%; padding:0; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .mode_footer #reinsurance_block ul li { width: 33%; padding: 0; min-height: 130px;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .mode_footer #reinsurance_block ul li { width: 50%; padding: 0; min-height: 130px;} } @media only screen and (max-width: 479px) { .mode_footer #reinsurance_block ul li { width: 100%; padding: 0; min-height: 130px;} } #footer { color:#474747;padding:10px 0 15px;position:relative;overflow:hidden;} #footer h4 {display:none;} #footer .footer-lnk-block h4 {display:block;} #footer li.lnk_item { padding: 3px 0; } #footer #easycontent_3 { float:left; width:810px; color:#474747; min-height:250px; } #footer #easycontent_10 { float:right; width:280px; min-height:250px; } #footer #easycontent_7 { float:left; width:280px; clear: both; } #footer #easycontent_8 { float:left; width:280px; } #footer #easycontent_9 { float:left; width:280px; } #footer #easycontent_11 { float:left; width:280px; } #footer #easycontent_12 { float:left; margin-top:40px; } #footer #easycontent_12 ul { display:inline; } #footer #easycontent_12 ul li { display:inline; padding:0 10px; } #footer #easycontent_12 .grid_4 { margin-left:0; } #footer #easycontent_12 .grid_3 { margin-right:0; } #easycontent_4 { display:none; } #index div.content-html-block.clearfix { margin-top: 20px; } #index aside.easycontent { display:block; } #index aside.easycontent h4.title_block { font-weight:normal; font-size:20px; border-bottom: 1px solid #bfbfbf; padding-bottom:10px; } #easycontent_14 { display:none; } #index #easycontent_14 { display:block; padding-left: 0; } #index #easycontent_14 h4.title_block { font-weight:normal; font-size:20px; border-bottom: 1px solid #bfbfbf; padding-bottom:10px; text-transform: none; } @media only screen and (max-width: 767px) { #footer #easycontent_3 { float:left; width:100%; color:#474747; } #footer #easycontent_10 { float:left; width:280px; } #footer #easycontent_12 ul { display:block;} #footer #easycontent_12 ul li { display:block; clear:both;padding: 3px 0; } } .blockcategories_footer, #footer .myaccount , #block_various_links_footer, #social_block, #block_contact_infos { float:left; width:175px } .blockcategories_footer {margin-left:0} #footer .title_block { padding-bottom: 10px; text-transform:capitalize; } #footer .title_block , #footer .title_block a { font-weight:600; font-size:14px; color:#474747; } #footer a {color:#474747;} #footer a:hover {text-decoration:none;} #footer ul {list-style-type:none} #footer li {padding:7px 0} #footer li a {color:#474747;font-weight:700} #footer li a:hover,#footer .myaccount li a:hover {color:#474747;} #footer .myaccount {padding:0;width:180px;float:left} #footer .myaccount .title_block, #footer .myaccount h4 { padding:0 0 10px 0; background:none; text-shadow:none } #footer .myaccount .favoriteproducts img, #footer .myaccount .lnk_wishlist img {display:none} /* ************************************************************************************************ PRODUCT PAGE ************************************************************************************************ */ /* BLOCK idTabs ******************************************************************************** */ .idTabs { list-style-type: none; margin: 0px 0 10px; padding:0; border-bottom: 1px solid #d7d7d7 } ul.idTabs li { float: left;margin-right:40px;width:auto; } .idTabs a,.title_hide_show {color:#808080; font-size:14px;text-transform:uppercase;padding:10px 0;float:left;/*transition: all 0.3s ease-in-out 0s;*/} .idTabs a:hover{color:#1c1d20;text-decoration:none;background: url(../img/bg_li_idTabs.png) repeat-x left bottom;} .idTabs .selected { color:#1c1d20;cursor:text; background: url(../img/bg_li_idTabs.png) repeat-x left bottom; } .title_hide_show {border-bottom: 1px solid #d7d7d7;padding:10px 0;float:none;display:block;cursor:pointer;/*transition: all 0.3s ease-in-out 0s;*/width:100%} .title_hide_show.selected{color:#1c1d20; background: url(../img/bg_li_idTabs.png) repeat-x left bottom;margin-bottom:10px;cursor:text;} .title_hide_show:hover{background: url(../img/bg_li_idTabs.png) repeat-x left bottom;} .content_hide_show.block_hidden_only_for_screen{padding:20px 0;clear:both} #more_info_sheets {padding:10px 0} #more_info_sheets ul, #more_info_sheets ol, #more_info_sheets dl {} #more_info_sheets em {font-style:italic} #more_info_sheets h5{font-size:16px;color:#202020;padding:15px 0 7px;font-weight:700} #more_info_sheets .p{ margin:7px 0 } #more_info_sheets .rte ul{list-style: disc outside none!important;padding-left:15px;} #more_info_sheets ul.bullet{padding-left:0;} #more_info_sheets ul.bullet a{ text-decoration:underline;} #more_info_sheets .rte ol{list-style: decimal outside none!important;padding-left:20px;} #more_info_sheets ul li, #more_info_sheets ol li{padding:3px 0} #more_info_sheets p img{margin: 20px auto 0;max-width:100%} #more_info_sheets .product_desc .block_description{ float:left; margin-left:10px; width:420px } #more_info_sheets .product_desc .clear_product_desc{ clear:both; height:0px; line-height:0px } /* Make sure lists are correctly displayed in tinyMCE BO edition mode too */ #short_description_content ul, #short_description_content ol, #short_description_content dl, #tinymce ul, #tinymce ol, #tinymce dl {margin-left:20px} .block_hidden_only_for_screen {display:none} /* ************************************************************************************************ PAGE AUTHENTIFICATION ************************************************************************************************ */ /* ************************************************************************************************ PAIMENT - PAGE ORDER ************************************************************************************************ */ /* nav bottom ********************************************************************************** */ .cart_navigation {margin:20px 0;border-top:1px solid #d7d7d7;padding-top:20px;} .cart_navigation .exclusive, .cart_navigation .exclusive_large { float:right } /*.cart_navigation .button, .cart_navigation .button_large {border:1px solid #dadada;background:none;color:#202020} .cart_navigation .button:hover, .cart_navigation .button_large:hover{color:#fff;border:none}*/ /* step 1 - cart ******************************************************************************* */ .cart_last_product {display:none} /*p.cart_navigation .multishipping-button { margin-right: 10px }*/ #order-detail-content {margin-bottom:20px} .three_column #order-detail-content{overflow-x:auto} table#cart_summary th { padding:12px 15px; color:#fff; font-weight:bold; text-transform:none; background:#2c2c2c } table#cart_summary th.cart_product {padding-right:0} table#cart_summary td { vertical-align:middle;color:#646464; } table#cart_summary tfoot td{text-align:right;color:#1e1e1e;font-weight:700;} table#cart_summary td.cart_description p.s_title_block a{font:700 12px/15px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;text-transform:none;} table#cart_summary td.cart_delete, table#cart_summary td.price_discount_del {border-right:none;text-align: center} table#cart_summary tr.cart_item.odd, table#cart_summary tr.cart_total_delivery, table#cart_summary tr.cart_total_price, table#cart_summary tr.cart_total_voucher{ background-color: #fff } table#cart_summary tr ul { list-style: none; } table#cart_summary .cart_product {padding-right:0} table#cart_summary .cart_unit {text-align: center} table#cart_summary .cart_quantity {text-align:left!important} table#cart_summary .customization .cart_quantity {} .cart_quantity .cart_quantity_input { width: 20px;color:#646464;text-align:left; border:1px solid #c3c3c3;position:absolute;left:-10px;top:18px;height:20px;line-height:20px;padding:0 5px } .cart_quantity .cart_quantity_button { position: relative; } .cart_quantity .cart_quantity_button a.cart_quantity_down img{padding-top:30px} table#cart_summary .cart_total {text-align: right} table#cart_summary td.cart_total {text-align: right} .paiement_block table#cart_summary td.cart_total,table#cart_summary tfoot td.price{border-right:1px solid #e1e1e1;} table#cart_summary .cart_delete { text-align:center } table#cart_summary .cart_discount_price {text-align: right} .cart_delete a.cart_quantity_delete, a.price_discount_delete {float:right;text-indent:-9999px;background:url(../img/icon/delete.png) no-repeat 0 0;width:16px;height:16px;} .cart_total_price .total_price_container { border-right:none; } table#cart_summary .cart_total_price td.cart_voucher { border-bottom:1px solid #999; vertical-align:middle } .cart_voucher{overflow:hidden;padding:15px 0} .cart_voucher fieldset p{margin:0 0 5px;float:left} .cart_voucher .title_block, .cart_voucher h4 { margin-right:25px; padding:4px 0 0;font:700 14px/17px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;text-transform:uppercase;color:#1c1d20 } .cart_voucher p {padding-bottom:0;} .cart_voucher #display_cart_vouchers { clear:both; line-height: 20px; color:#666; padding-top:2px; font-weight:normal; border-top:1px dotted #ccc } .cart_voucher .title_offers { margin-top:15px; margin-bottom:5px } .cart_voucher #display_cart_vouchers span { font-weight:bold; cursor:pointer; } .three_column .grid_8 .cart_voucher input.discount_name{width:290px} .cart_voucher input.discount_name { padding:1px 5px 0; height:21px;line-height:21px; width:500px;margin:0 20px 0 0; border:1px solid #ccc; font-weight:normal; background:url(../img/bg_discount_name.png) repeat-x 0 0 #fff } .cart_voucher .submit input.button { margin-left:2px; padding:0 15px 2px; height:24px; border-radius:0; text-transform:uppercase; } #cart_summary tbody .price {font:700 18px/18px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;} #cart_summary tfoot .price{text-align:right;} .total_price_container p {text-align: left} .cart_total_price .total_price_container p { display:block; padding:8px; font-weight:bold; color:#fff; text-transform:uppercase; background:#333 } .cart_total_price .total_price_container span { font-size:20px;color:#4854cb; } #order_carrier { clear:both; margin-top:20px; border:1px solid #999; background:#fff } #order_carrier .title_block { padding:0 15px; height: 29px; font-weight: bold; line-height:29px; color:#fff; font-weight:bold; text-transform:uppercase; background:url(../img/bg_table_th.png) repeat-x 0 -10px #999 } #order_carrier span { display:block; padding:15px; font-weight:bold } .order_delivery .first_item {margin-right:35px;} .multishipping_close_container { text-align: center; } table#cart_summary .gift-icon { color: white; background: #0088CC; line-height: 20px; padding: 2px 5px; border-radius: 5px; } /* step 2 - authentification ******************************************************************* */ #authentication form span,#authentication form label{width:100%;margin:0;text-align:left;float:none} #create-account_form, #authentication #login_form { clear: none; float: left; height: auto; width: 49%; } #create-account_form {margin-right: 11px;} #authentication #create-account_form fieldset, #authentication #login_form fieldset { height: auto } #authentication #create-account_form .form_content, #authentication #login_form .form_content { padding:10px 0 } #create-account_form h3, #authentication #login_form h3 { padding:0 0 10px; font-weight:bold; font-size:16px; color:#202020; text-transform:none; } #create-account_form .title_block { font-size:12px;padding:8px 0 36px; color:#202020;line-height:17px; } #create-account_form label, #login_form label { display:block;width:100%;text-align:left;margin:0; color:#202020;padding:3px 0;line-height:17px; } #order-opc #login_form_content label { display:block; margin:0 0 10px 0 } #create-account_form #email_create, #login_form #email, #login_form #passwd, #login_form #login_email, #login_form #login_passwd { padding:0 5px; height:26px; width:75%; border:1px solid #d7d7d7; color:#646464; background:#fff;line-height:26px; } #create-account_form p.submit, #login_form p.submit{overflow:hidden;padding:20px 0 0} /*#create-account_form #SubmitCreate, #login_form #SubmitLogin { float:right }*/ .lost_password { float:left;clear:left } .lost_password a {color:#ab0203;font-weight:700} .lost_password a:hover{padding-left:10px;} #order-opc .lost_password { display:block; float:none; margin:5px 0 10px; width:auto; font-size:11px; color:#666 } #ordermsg p {padding-bottom:0} /*#ordermsg .textarea {float:right}*/ #ordermsg .textarea textarea { height:90px; width:475px; border:1px solid #ccc } /* step 3 - address ************************************************************************** */ .address-form-multishipping { padding: 10px 0px; } #multishipping_mode_box { border: 1px solid #D0D3D8; background: url("../img/form_bg.jpg") repeat-x scroll left top #D0D1D5; margin-bottom: 10px; padding: 5px; } #multishipping_mode_checkbox { vertical-align: middle; margin-right: 5px; } #multishipping_mode_box.on { border: 1px solid #ddd; } #multishipping_mode_box .title { padding: 5px; font-weight: bold; } #multishipping_mode_box .description, #multishipping_mode_box .description_off { padding: 5px; } #multishipping_mode_box .description_off { display: none; padding: 5px; } #multishipping_mode_box .description_off div { margin-bottom: 10px; } #multishipping_mode_box .description_off a, #multishipping_mode_box .description a { display: block; text-align: center; text-decoration: none; padding: 5px 10px; margin: 0 160px; border: 1px solid #ccc; background: #ddd; } #multishipping_mode_box .description_off a:hover, #multishipping_mode_box .description a:hover { background: #f3f3f3; border: 1px solid #ccc; } #multishipping_mode_box.on .description_off { display: block; } /* step 4 - paiement ************************************************************************** */ .delivery_options { border: 1px solid #BDC2C9; border-top: none; } #order .delivery_options_address h3, #order-opc .delivery_options_address h3 { padding: 7px 11px; font-size: 12px; color: #fff; text-shadow: 0 1px 0 #000; text-transform: uppercase; background: none repeat scroll 0 0 #383838; } #order .delivery_option_radio, #order-opc .delivery_option_radio { float: left; margin: 21px 12px!important; } #order .delivery_option label, #order-opc .delivery_option label { display: block; padding-bottom: 5px; padding-top: 5px; } #order .delivery_option label > table.resume, #order-opc .delivery_option label > table.resume { height: 46px; width: 685px; } #order .delivery_option.item, #order-opc .delivery_option.item { background: #fafafa; } #order .delivery_option.alternate_item, #order-opc .delivery_option.alternate_item { border-top: 1px solid #bdc2c9; background: #f1f2f4; border-bottom: 1px solid #bdc2c9; } #order .delivery_option label > table.resume td, #order-opc .delivery_option label > table.resume td { padding: 0 10px; } #order .delivery_option label > table.resume td + td, #order-opc .delivery_option label > table.resume td + td { width: 300px; } #order .delivery_option label > table.resume td + td + td, #order-opc .delivery_option label > table.resume td + td + td { width: 100px; text-align: right; } #order .delivery_option_carrier td {width:200px} #order .delivery_option_carrier td + td {width:280px;} #order .delivery_option_carrier td + td + td {width:200px} #order .delivery_options_address .delivery_option_logo, #order .delivery_option_carrier .delivery_option_logo, #order-opc .delivery_options_address .delivery_option_logo { padding-left:10px; width: 160px; } #order .delivery_options_address .delivery_option_logo img, #order-opc .delivery_options_address .delivery_option_logo img { /*height: 40px;*/ } #order .delivery_option_carrier .first_item, #order-opc .delivery_option_carrier .first_item { padding: 3px 5px 3px 12px; background:url(../img/arrow_right_2.png) no-repeat 3px 7px } .order_carrier_content { padding:15px 0; font-size:12px; color:#202020; } .order_carrier_content h3 { padding:15px 0 10px 0; font-size:13px; color:#202020 } .order_carrier_content h3.carrier_title {padding-top:0} .order_carrier_content input { position:relative; top:1px } #carrierTable { border:1px solid #999; border-bottom:none; background:#fff } #carrierTable tbody{ border-bottom:1px solid #999; } #carrierTable th { padding:0 15px; height: 29px; font-weight: bold; line-height:29px; color:#fff; text-transform:uppercase; background:url(../img/bg_table_th.png) repeat-x 0 -10px #999 } #carrierTable td { padding:15px; font-weight:bold; border-right:1px solid #e9e9e9 } #carrierTable td.carrier_price {border:none} #gift_div { display:none; padding-bottom:10px } #gift_div label { display:block; margin-bottom:5px } #gift_div #gift_message { height:50px; width:720px; border:1px solid #999 } a.iframe {font-weight:bold} .hook_extracarrier { margin-top: 5px; padding: 5px; } /* step 5 - paiement ************************************************************************** */ .payment_module { position:relative; padding:10px 0; text-transform:uppercase; } .payment_module {border-top:1px dotted #ccc;} .payment_module a {display:block;} .payment_module img { margin-right:10px;vertical-align:middle } /*.payment_module span { position:absolute; top:50px; left:145px }*/ .payment_module:before, .payment_module:after { content: "."; display: block; height: 0; overflow: hidden } .payment_module:after {clear: both} .payment_module {zoom: 1} /* ************************************************************************************************ PAGE ORDER-OPC ************************************************************************************************ */ #order-opc h2 {} #order-opc h2 span { display:inline-block; padding:5px 0; color:#fff;width:35px;height:25px;border-radius:35px;-moz-border-radius:35px; background:#ab0203;font-weight:700;text-align:center } #order-opc #login_form fieldset { background: none repeat scroll 0 0 #e7f8e0; border: 1px solid #2c6c2d; font-size: 12px; margin: 0 0 10px; padding: 10px;color:#2c6c2d } #order-opc #login_form fieldset p {padding:0;clear:left;color:#2c6c2d} #order-opc #login_form fieldset p a {padding:0;color:#2c6c2d;font-weight:700} #order-opc #new_account_form p.submit { text-align:left } #order-opc #new_account_form p.opc-required {} #order-opc .addresses {margin-bottom:20px} #order-opc #opc_delivery_methods h3 {margin-top:20px;} #order-opc #opc_delivery_methods textarea { height:60px; width:90%; } #order-opc #opc_payment_methods {margin-bottom:20px} #order-opc #opc_payment_methods #opc_payment_methods-content p{margin:0} .delivery_option_carrier td {width:200px} .delivery_option_carrier td + td {width:280px;} .delivery_option_carrier td + td + td {width:200px} .delivery_option_carrier { margin: 5px 0 0 45px; width: 670px; display: none; } .delivery_option_carrier tr td { padding: 5px; } .delivery_option_carrier.selected { display: table; } .delivery_option_carrier.not-displayable { display: none; } .delivery_option_title { font-weight: bold; } /* ************************************************************************************************ express checkout ************************************************************************************************ */ #new_account_form {border-top: 1px solid #d7d7d7; padding-top:20px; margin-top:20px; clear:both;margin-bottom: 20px;} #new_account_form h2 {color: #4053d0; padding: 0 0 10px 20px; font-weight: bold; font-size: 16px; text-transform:uppercase; } #new_account_form fieldset { clear: none; margin:5px; float: left; height: auto; width: 44%; padding: 20px; } #new_account_form h3 { margin-bottom:20px; padding:8px 0; font-weight:bold; color:#202020;font-size:12px; text-transform:uppercase; } #center_column #new_account_form p { margin:0; padding:0 0 10px 0 } #center_column #new_account_form p.cart_navigation {border-top: 0px solid #d7d7d7;} #center_column #new_account_form p.cart_navigation #submitGuestAccount { padding: 0 25px; height: 41px!important; background: #4053d0!important; color: #fff!important; line-height: 40px; margin-right: 40px; } } #new_account_form p.required {color:#222} #new_account_form p.required sup {color:#990000} #new_account_form p.radio span, #new_account_form p.text label, #new_account_form p.password label, #new_account_form p.select label, #new_account_form p.select span, #new_account_form p.textarea label { display: inline-block; padding: 6px 15px 6px 0px; width: 110px; font-size: 13px; text-align: left } #new_account_form p.radio label { float:none; padding-right:10px; width:auto; font-size:14px; } #new_account_form p.checkbox label { float: none; width: auto; font-size: 12px; } #new_account_form p.text input, #new_account_form p.password input, #new_account_form p.select input { width:236px; } #new_account_form p.checkbox input {margin-left: 224px;} #new_account_form #submitGuestAccount {float: right} /* ************************************************************************************************ */ /* ************************************************************************************************ paiment - CONFIRMATION ************************************************************************************************ */ /* ************************************************************************************************ PAGE PASSWORD ************************************************************************************************ */ #form_forgotpassword fieldset { padding: 10px 0; } #form_forgotpassword p.text label { display: inline-block; padding-right: 20px; width:auto; font-weight: bold; font-size: 12px; text-align: left } #form_forgotpassword p.text input { width:280px; } #form_forgotpassword p.submit { padding:5px 0; text-align:left } #password .icon { position:relative; top:6px; } /* ************************************************************************************************ PAGE ADRESSES ************************************************************************************************ */ #address p.inline-infos { margin:0!important; font-size:12px; } /* ************************************************************************************************ PAGE ADD ADRESS ************************************************************************************************ */ form#add_adress {} #address form.std p.text input { width: 244px;margin-right:2px } #address form.std p.required select, select#currency_payement { width: 256px; } #address form.std p.required label,#address form.std p.text label, #address form.std p.textarea label{line-height:26px;width:30%;float:left;color:#202020} #address form.std p.required.select label{line-height:23px;#line-height:18px;} p.select label{line-height:24px;} #address form.std p.textarea textarea { color: #5C5C5C; font-size: 11px; height:80px; margin: 0; padding: 10px; width: 235px; } #address #submitAddress.button{float:left;padding-bottom:3px} #address p.submit2 .button{float:left} #add_adress { font-size: 13px; } #add_adress p.submit2 { text-align: center; } #add_adress p.submit2 #submitAddress { float: none; padding: 0 25px; height: 41px!important; background: #4854cb!important; color: #fff!important; line-height: 40px; } div.address_add .button_large { padding: 5px 25px 0; height: 30px!important; margin-top: 5px; background: #dadada!important; color: #474747!important; } /* ************************************************************************************************ PAGE ORDER-SPLIP ************************************************************************************************ */ #order-slip #order-list {border-bottom:1px solid #999} #order-slip #order-list td { border-top: 1px solid #ccc; border-bottom:none } #order-slip #order-list td.history_invoice {border-right:none} /* ************************************************************************************************ PAGE DISCOUNT ************************************************************************************************ */ #discount .table_block tr.last_item td {border-bottom:1px solid #999} #discount .table_block td.discount_expiration_date {border-right:1px solid #999} #discount .table_block td.discount_value {white-space:nowrap} /* ************************************************************************************************ PAGE ORDER FOLLOW ************************************************************************************************ */ /* ************************************************************************************************ PAGE NEW-PRODUCTS ************************************************************************************************ */ #newproducts .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE BEST SALES ************************************************************************************************ */ #bestsales .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE PRICES DROP SALES ************************************************************************************************ */ #pricesdrop .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE MANUFACTURER ************************************************************************************************ */ #manufacturer .nbrmanufacturer { margin: 15px 0 10px; padding: 8px 7px; font-size:12px; color: #000; background: none repeat scroll 0 0 #f0f0f0 } #manufacturer #product_list {margin-top:15px} ul#manufacturers_list {list-style-type:none} ul#manufacturers_list li { margin-bottom: 14px; padding: 12px 8px; border: 1px solid #eee; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; } ul#manufacturers_list li a.lnk_img { display: block; float: left; } ul#manufacturers_list li img { display: block; float: left; margin-right: 14px; border: 1px solid #ccc; vertical-align: bottom } ul#manufacturers_list li h3 { padding: 0 0 10px; font-size: 13px; } ul#manufacturers_list li .description { overflow: hidden; padding: 0; font-size:12px; color:#666 } ul#manufacturers_list li .right_side {float:right;} .description_box { border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 1px #E2E2E2; padding: 5px; margin-bottom: 20px; font-size: 12px; line-height: 18px; } .description_box p { margin: 0; padding: 0 10px 5px; } .description_box .hide_desc { display: none; } .description_box .lnk_more { background: url("../img/arrow_right_1.png") no-repeat scroll 100% 4px transparent; color: #0088CC; padding: 0 10px; } .description_box ul { padding-left: 30px; padding-bottom: 10px; } /* ************************************************************************************************ PAGE SUPPLIER ************************************************************************************************ */ #supplier .nbrmanufacturer { margin: 15px 0 10px; padding: 8px 7px; font-size:12px; color: #000; background: none repeat scroll 0 0 #f0f0f0 } ul#suppliers_list {list-style-type:none} ul#suppliers_list li { margin-bottom: 14px; padding: 12px 8px; border: 1px solid #eee; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; } ul#suppliers_list li a.lnk_img { display: block; float: left; } ul#suppliers_list li img { display: block; float: left; margin-right: 14px; border: 1px solid #ccc; vertical-align: bottom } ul#suppliers_list li h3 { padding: 0 0 10px; font-size: 13px; color: #000 } ul#suppliers_list li .description { overflow: hidden; padding: 0; font-size:12px; color:#666 } ul#suppliers_list li .right_side {float:right;} /* ************************************************************************************************ PAGE SEARCH ************************************************************************************************ */ #search h3.nbresult { margin:0 0 10px 0; padding:10px; border:1px solid #e6db55; font-size:13px; background:#ffffe0 } #search .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE 404 ************************************************************************************************ */ #pagenotfound #left_column, #pagenotfound #right_column, #pagenotfound #footer {display:none} #pagenotfound #left_column, #pagenotfound #right_column, #pagenotfound #footer {display:none} #pagenotfound #center_column {width:940px;} #pagenotfound .pagenotfound { padding:30px 300px 0 0; height:330px; font-size:14px; background:url(../img/bg_404.png) no-repeat 100% 0 } #pagenotfound h3 { font-weight:normal; font-size:14px } #pagenotfound fieldset {border:none} #pagenotfound fieldset label {color:#333} #pagenotfound #search_query { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #fff !important; border-top: 1px solid #666; padding: 0 5px; height: 24px; width: 200px; color: #ccc; background: url(../../../modules/blocksearch/img/bg_search_input.png) repeat-x scroll 0 0 #fff } #pagenotfound .button_small { padding: 4px 7px; border: medium none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; color: #fff; text-transform: uppercase; background: url("../../../modules/blocksearch/img/bg_search_submit.png") repeat-x scroll 0 0 #101010 } #pagenotfound .pagenotfound a { font-weight:bold; color:#333 } #pagenotfound .pagenotfound .icon { position:relative; top:3px } /* ************************************************************************************************ addons payment cheque ************************************************************************************************ */ /* ************************************************************************************************ addons payment bankwire ************************************************************************************************ */ /* ************************************************************************************************ addons google checkout ************************************************************************************************ */ /* ************************************************************************************************ addons paypal ************************************************************************************************ */ /* ************************************************************************************************ addons cashondelivery validation ************************************************************************************************ */ /* ************************************************************************************************ addon RerversoForm ************************************************************************************************ */ #account-creation_form fieldset.reversoform {padding:10px !important} #account-creation_form fieldset.reversoform .text label{ display:block; padding:0 0 10px 0; width:100%; text-align:left; } #account-creation_form fieldset.reversoform .infos-sup { padding:0 !important; font-size:10px; font-style:italic; text-align:right } /* ************************************************************************************************ addon customer privacy ************************************************************************************************ */ #account-creation_form fieldset.customerprivacy label, fieldset.customerprivacy label{ padding:0; text-align:left; cursor:pointer } /* ************************************************************************************************ addon referralprogram ************************************************************************************************ */ #footer .myaccount li.referralprogram img {display:none} #module-referralprogram-referralprogram-program .sheets {padding-top:10px} #module-referralprogram-referralprogram-program form p.checkbox {font-weight:bold} #module-referralprogram-referralprogram-program form p.checkbox a {text-decoration:underline} #module-referralprogram-referralprogram-program form p.submit {text-align:right} #module-referralprogram-referralprogram-program form p.see_email { padding-left:10px; color: #0088cc; background:url(../img/arrow_right_1.png) no-repeat 0 4px; } #module-referralprogram-referralprogram-program form p.see_email a { color: #0088cc; text-decoration:underline } /* ************************************************************************************************ addon loyalty ************************************************************************************************ */ #product p#loyalty { padding:10px 0 0 20px; border-top:1px solid #ccc; background:url(../img/icon/info.png) no-repeat 0 8px; margin-top: 10px; } #footer .myaccount li.loyalty img {display:none} /* ************************************************************************************************ addon Livezilla ************************************************************************************************ */ #livezilla_lnk { margin:10px 0; text-align: right } #livezilla_lnk a { display:inline-block; padding:6px 8px 8px 8px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font:bold 10px Helvetica,Arial,Verdana,sans-serif; color:#fff; text-shadow: 0 -1px 0 #000; background: url(../img/bg_bt_compare.gif) repeat-x scroll 0 0 #000 } #livezilla_lnk a:hover {text-decoration:none} /* ************************************************************************************************ addons comments products ************************************************************************************************ */ form#sendComment fieldset{ padding:10px; border:1px solid #ccc; background:#f1f1f1; } form#sendComment h3 {font-size:14px;} #new_comment_form p.text { clear: both; padding: 5px 0; margin: 0; } #sendComment p.text label, #sendComment p.textarea label { display: block; margin: 3px 15px 4px; font-weight: bold; font-size: 12px; width:15% } #sendComment p.text input { padding: 0 5px; height: 28px; width: 498px; border: 1px solid #ccc; background: url(../img/bg_input.png) repeat-x 0 0 #fff; } #sendComment p.textarea textarea { height:80px; width:508px; border:1px solid #ccc; } #sendComment p.submit { padding:0; text-align:right } #sendComment p.closeform { float:right; padding:0; height:12px; width:12px; text-indent:-5000px; background:url(../img/icon/delete.gif) no-repeat 0 0 } .star { position: relative; top:1px; float: left; height: 12px; width: 14px; overflow: hidden; text-indent: -999em; cursor: pointer } .star, .star a { background: url(../img/icon/star.gif) no-repeat 0 0 } div.star_on a { background-position: 0 -14px } div.star_hover a, div.star a:hover { background-position: 0 -14px } /* ************************************************************************************************ xxxxx ************************************************************************************************ */ /* ************************************************************************************************ guest tracking ************************************************************************************************ */ #guest-tracking fieldset p:first-child { padding-top: 10px; } #guest-tracking fieldset p:last-child { padding-bottom: 10px; } /* ************************************************************************************************ CSS Modules ************************************************************************************************ */ /******* IMPORTANT - Internet Explorer can read 31 CSS files max. Some CSS have been put here and erased from their own module folder.************/ /*************** Block ADVERTISING ***************/ .advertising_block { margin-bottom:45px; text-align: left ;display:block;padding-right:20px} .advertising_block a img{max-width:100%} #right_column .advertising_block {padding:0 0 0 20px} /*************** Block CATEGORIES ***************/ /* footer */ .blockcategories_footer { padding:15px 10px; } .blockcategories_footer ul ul {display:none !important} /*************** Block CMS ***************/ /* footer */ #footer .block_various_links {padding:0;width:auto} #footer .block_various_links .block_content{width:170px;float:left;margin-right:30px;} /* Block CMS links */ .informations_block_left li {border-bottom:1px dotted #eee} .informations_block_left li.last {border:none;} .informations_block_left li a { display:block; padding:7px 11px 5px 22px; color:#333; background:url(../../../modules/blockcms/img/arrow_right_2.png) no-repeat 10px 10px transparent; } tr.subitem > td:first-child + td { padding-left: 10px; } #cms div.share { clear: both; } #cms div.share h3.postdettit { padding-top: 30px; } /*************** Block CONTACTINFOS ***************/ #block_contact_infos {padding:15px 10px;} #block_contact_infos li { padding:0 !important; line-height: 20px; } #block_contact_infos li strong { font-weight:normal; font-size:13px; } #block_contact_infos li pre {font: 11px/20px Helvetica,Arial,Verdana,sans-serif;} /*************** Block LINK ***************/ #links_block_left .block_content li {border-bottom:1px dotted #eee} #links_block_left .block_contentt li.last {border:none;} #links_block_left .block_content li a { display:block; padding:7px 11px 5px 22px; color:#333; background:url(../../../modules/blocklink/img/arrow_right_2.png) no-repeat 10px 10px transparent; } /*************** Block LOGO PAYMENT ***************/ .paiement_logo_block { width: 185px; text-align: left; margin-bottom: 1.5em;float:right } .paiement_logo_block a { text-decoration: none;display:block;float:left;margin-right:5px } /*************** Block RSS ***************/ #rss_block_left p { margin:0; padding:10px; } #rss_block_left li {border-bottom:1px dotted #ccc} #rss_block_left li.last { border:none;} #rss_block_left li a { display:block; padding:7px 11px 5px 22px; color:#333; background:url(../../../modules/blockrss/img/arrow_right_2.png) no-repeat 10px 10px transparent } /*************** Block SOCIAL ***************/ #social_block {padding:15px 10px;} #social_block li {padding-left:22px !important;} #social_block li.facebook {background:url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 6px;} #social_block li.twitter {background:url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 -26px;} #social_block li.rss {background:url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 -56px;} /*************** Block STORE ***************/ .blockstore img { margin: 10px 0 0 0} .blockstore p { padding-bottom:0; font-weight:bold; text-align: right } .blockstore p.store_image { padding-bottom:10px; text-align:center } /*************** Block SUPPLIER ***************/ .blocksupplier li {border-bottom:1px dotted #ccc} .blocksupplier li.last { border:none;} .blocksupplier li a { display:block; padding:7px 11px 5px 22px; color:#333; background:url(../../../modules/blocksupplier/img/arrow_right_2.png) no-repeat 10px 10px transparent } .blocksupplier form {margin-top:10px;} .blocksupplier p { padding:0; text-align:center } .ie7 #featured-products_block_center .product_image span.new {top:-20px;right:-19px} /* theme mànume*/ .ajax_block_product h3 a:hover{color:#ab0203;text-decoration:none;} .cs_home_staticblock{overflow:hidden;clear:both;margin:-40px 0 20px;padding:20px 0;position:relative;z-index:10} .cs_home_staticblock .container_24{border-bottom:1px solid #b9b9b9;padding-bottom:20px;overflow:hidden} .cs_home_staticblock .col{width:370px;float:left;padding-right:10px;color:#6f7486} .cs_home_staticblock .col + .col{padding-left:20px;} .cs_home_staticblock .col .cs_s_img{float:left;width:auto;margin:0 20px 0 0;} .cs_home_staticblock .col h4,.cs_home_staticblock .col p{display:block;overflow:hidden;font-weight:700;} .cs_home_staticblock .col h4 a,.cs_home_staticblock .col a.shop{padding:0 0 10px;font:700 26px/28px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;color:#ab0203;text-transform:uppercase;transition: all 0.5s ease 0s;} .cs_home_staticblock .col a.shop{padding:20px 0 0 0;font-weight:700;font-size:14px;float:left} .cs_home_staticblock .col h4 a:hover,.cs_home_staticblock .col a.shop:hover{text-decoration:none;padding-left:10px} #footer .block.stactic_adv_footer{overflow:hidden;margin-bottom:50px} .stactic_adv_footer .col{width:50%;float:left;background-repeat:no-repeat;background-position:top right;} .stactic_adv_footer .col img{vertical-align:top;max-width:100%} .price,.price-discount{color:#4854cb; font:700 18px/19px Arial, Verdana, sans-serif;} .price-discount{color:#808080;margin-right:5px} #compare_shipping{padding:0!important} #compare_shipping h3{text-transform:uppercase;border-bottom:1px solid #d7d7d7;font:700 16px/17px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;} #compare_shipping label{display:block;width:100%;text-align:left} form#compare_shipping_form #compare_shipping p select { width: 280px; } form#compare_shipping_form #compare_shipping p input#zipcode { width: 267px; } #compare_shipping #availableCarriers_table{width:100%!important} #compare_shipping #availableCarriers{margin-top:20px;} #module-cheque-payment #left_column,#module-cheque-payment #right_column, #module-bankwire-payment #left_column,#module-bankwire-payment #right_column{display:none;} #module-cheque-payment #center_column, #module-bankwire-payment #center_column{margin:0;width:100%} #module-bankwire-payment p.cart_navigation a.button_large{ padding: 5px 25px 0; height: 30px!important; margin-top: 5px; background: #dadada!important; color: #474747!important; } #module-bankwire-payment p.cart_navigation input.exclusive_large{ padding: 0 25px; height: 41px!important; background: #4854cb!important; color: #fff!important; line-height: 40px; } #footer .text_footer{width:365px;float:left;margin-right:30px;} #footer .text_footer h4,#footer .block_various_links .block_content h4,.paiement_logo_block h4{display:block;padding:0 0 10px;font:700 18px/19px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;color:#fff;text-transform:uppercase} .paiement_logo_block h4{padding-top:10px} #footer .text_footer p{color:#ababab;font-weight:700} .followus {padding-top:25px;} .followus a{vertical-align:middle;float:left} .followus a + a{margin-left:30px;} .followus a img{opacity:0.5;padding:2px} .followus a:hover img{opacity:1} #footer .copy{display:block;clear:both;position:absolute;bottom:30px;left:0;color:#202020;font-weight:700} #footer .copy a{color:#202020} #footer .copy a:hover{color:#808080;} #footer .center.clearBoth {clear:left;text-align:left} .ac_results{width:190px!important;} .view_list_gird{float:right;margin-left:15px;} .view_list_gird b{float:left;text-indent:-9999px;width:41px;height:28px;background-image:url(../img/view_list_gird.png);} .view_list_gird b.grid{background-position:0 0} .view_list_gird b.list{background-position:100% 0} .view_list_gird b.active.grid{background-position:0 100%} .view_list_gird b.active.list{background-position:100% 100%} a.product_img_link img{max-width:100%} #currencies_block_top,#languages_block_top{position:absolute;bottom:30px;right:0} #languages_block_top{position:relative;float:right;display:block;bottom:0;} #currencies_block_top p,#languages_block_top p{margin:0} #currencies_block_top select,#languages_block_top select{background:#fff;padding:2px;border:2px solid #cecece;color:#202020;text-transform:uppercase;width:100px;border-radius:0;-moz-border-radius:0} .on_sale { position: absolute; right: 0; top: 0; } span.on_sale span { background: none repeat scroll 0 0 #505B85; border-radius: 60px 60px 60px 60px; color: #FFFFFF; display: table-cell; font: 400 12px/15px "Advent Pro",Helvetica,Arial,Verdana,sans-serif; height: 60px; padding: 0 10px; text-transform: uppercase; vertical-align: middle; width: 40px; } li.ajax_block_product span.exclusive{cursor:text} #center_column a img.icon{vertical-align:middle} a#cs_quickview_handler img{display:none;} form p{position:relative} .cs_select { background: url(../img/cs_select.png) no-repeat center right; border:1px solid #cbcbcb;border-radius:15px;-moz-border-radius:15px;padding:6px;color:#202020;text-align:left;display:block; } select.cs_styled{position:relative;top:-29px;left:0;} @media screen and (-webkit-min-device-pixel-ratio:0){ ul#product_list li p.compare input.comparator{ vertical-align:-1px !important;} } input[type="checkbox"], input[type="radio"]{margin:0;padding:0;border:none;} /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../img/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('../img/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../img/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../img/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../img/fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('../img/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } #module-psblog-posts #editorial_block_center { display: none; } #module-psblog-posts #right_column #easycontent_15 { display: none; } .img-responsive {max-width: 100%; height: auto;}