/*---------------------------------------------------------- Style principal Projet: Sommaire: Reset css Balises par défaut Disposition Mise en page générale Eléments récurrents Les pages internes home.php Classes générales ----------------------------------------------------------*/ /* ======================================================================== * Reset CSS * ========================================================================*/ @import "reset.css"; @import "fonts/fonts.css"; /* ======================================================================== * Balises par défaut * ========================================================================*/ html {} body {background:#000; color:#9e9e9e; font-family:arial, verdana, sans-serif; font-size:12px; line-height:1.2em;} h1 {} h2 {} h3 {} h4 {} h5 {} h6 {} p {} img {} sup {} abbr, acronym {} blockquote, q {} blockquote {} cite {} ul {} ol {} dl {} form {} fieldset {} input {} label {} a {color:#818080;} a:link {} a:visited {} a:hover {color:#dedede;} #cont a:hover {color:#444;} a:focus {} a img {} code, pre {} pre {} hr {} /* ======================================================================== * Disposition * ========================================================================*/ /* Icônes ================ */ [class^="i-"], .ico {background:url(../images/icomeds.png) no-repeat; display:inline-block;} /* Icones .i... */ .i-cross {background-position: -3px -2px;width: 24px;height: 24px; } .i-order {background-position: -15px -87px;width: 45px;height: 55px; } .i-ansm {background-position: -126px -120px;width: 142px;height: 44px; } .i-typemedFR {background-position:-84px 0;width: 181px;height: 99px; display: block; text-align: left; text-indent: -9999em; } .i-typemedEN {background-position:-84px -181px;width: 181px;height: 99px; display: block; text-align: left; text-indent: -9999em;} .i-smallplus {background-position:-7px -49px;width: 16px;height: 16px;} .i-personmedics {background-position:-7px -169px;width: 42px;height: 60px;} .i-drugsItem {background-position:-39px -2px;width: 35px;height: 34px;} .i-shopping-bag {background-position:-10px -363px; width:45px; height:49px;} /*=====================================*/ /* Media object ================== */ .media, .media .context {overflow:hidden;} .media .img {float:left; margin-right:15px;} .media .img-ext {float:right; margin-left:15px;} /* ----------------------------------------- * Mise en page générale * ------------------------------------------*/ #wrap-main {background:url(../images/bgd_wrapMainRepeat.jpg) bottom left repeat-x;} .wrap-actu {background-color: #b30738; height:27px; border-top: 1px solid #424242; border-bottom: 1px solid #424242} .inner-actu {height:27px; width:977px;overflow:hidden; margin:0 auto; background: url(../images/bgd_topPromo.png) 0 0 no-repeat} .inner-actu .intro-actu {width: 100px;} .inner-actu .intro-actu span {color:#fff; text-shadow: 0 1px 0 rgba(0,0,0,.3);font-family: 'akzidenz-grotesk_extended_bRg'; text-transform: uppercase; line-height: 27px; display:inline-block;} .inner-actu .intro-actu span {filter: dropshadow(color=#333333, offx=0, offy=1);} .inner-actu .intro-actu * {float: left} .iActu {display:inline-block; height:27px; width:27px; background:url(../images/ico_promo.gif) 0 0 no-repeat;} .iArrow {display:inline-block; height:27px; width:27px; background:url(../images/ico_promoArrow.gif) 0 0 no-repeat;} .top-actu {height:27px; width:817px; float:left;overflow:hidden;} .top-actu .slider-infos {height:27px;; line-height: 27px;} .top-actu .slider-infos * {color:#fff;} #main {width: 977px; margin: 0 auto;} #header {position:relative;height:235px; width:977px;} #header .wrap-logo {height:96px;} #header .wrap-logo a {display:block;} #header #google_translate_element { position:absolute; top:44px; left: 324px} #menu-top {background: url(../images/bgd_menuTop.png) top left no-repeat; width: 502px; height:34px; position: absolute; top: 38px; right:0; padding: 12px 0 0 0; z-index:4;} #menu-top ul li a {position:relative; z-index:5;} .menu {text-align: center; float:left; width:336px; padding: 0 0 0 95px} .menu li {display:inline;} .menu .facebook-icon, .menu .facebook-icon a {padding: 0; display:block;float:left;} .menu .facebook-icon a {margin: -6px 0 0} .menu li a {display:inline-block; padding: 0 15px; text-decoration:none;} .menu li a.showing {color:#43b9c0;} .menu li a.showing:hover {color:#9dd2d5;} .menu li.logged-in {position:absolute; top:-31px;right:0; text-align: right;} .menu li.logged-in .login {font-weight: bold; color:#43b9c0;} .lang {float:right; text-align: center; display:inline; width: 70px;} .lang li {display:inline;} .lang li a {display:inline-block; padding: 0 3px;} #disclaimer {overflow:hidden} #disclaimer .go-to select{padding: 1px; border:none; margin: 8px 0 0 0; width:250px; float:left; display:inline;} #disclaimer .go-to input {margin: 7px 0 0 5px; float:left; display:inline;} #wrap-search {position:absolute; top: 130px; right: 0; z-index: 109;} #wrap-search .search {position:relative;} #wrap-search .btn-out {margin: 0; padding:0 8px; background: none; border: 0; outline: 0; cursor: pointer;} #wrap-search .search-keyword {outline: 0} #wrap-search .link-advanced {padding:3px 0 0 20px} #wrap-search .toggler {display:inline-block; cursor:pointer; float:left;} #wrap-search .toggler img {float:left; display:inline;} #wrap-search input.search-keyword {float:left; margin: 0 0 0 20px; color: #7c7c7c; font-weight: bold; display: inline-block; text-align:left; width:206px;height:21px; line-height:21px; border: 1px solid #555; background: #2a2a2a;} #wrap-search .wrap-toggled {position:absolute; top:23px; right:0;z-index: 215;} #wrap-search .wrap-toggled .close {font-weight:bold; text-decoration:none; margin: 0 6px 0 0} #wrap-search .wrap-toggled .selects {background:#2a2a2a; width:208px; text-align:center; padding: 7px 0 0 0; position:relative;} #wrap-search .wrap-toggled .selects select {width:188px; margin: 4px auto; border:none; color: #848494; font-weight:bold; font-size:11px; padding: 1px;} #wrap-search .wrap-toggled .deco-bottom {background:url(../images/bgd_contentSearchBottom.gif) top left no-repeat; width:208px; height:6px;} #wrap-search .wrap-toggled .btn-img {margin: 5px 0 0 0} #wrap-nav {background: url(../images/bgd_navBottom.png) bottom left no-repeat; position:absolute; bottom: 0; left: 0; z-index:9; padding: 0 0 0 0;} #nav {background:url(../images/bgd_nav.png) top left repeat-x; height:42px; position:relative; display:block; width: 977px; padding: 0 0; margin:0 auto 0;} #nav .addbkwd {display:inline-block; width:39px; height: 39px; position:absolute; top: 0; cursor:pointer; background:url(../images/btn_menuLeft.png) top left no-repeat; left:0;} #nav .addfwd {display:inline-block; width:39px; height: 39px; position:absolute; top: 0; cursor:pointer; background:url(../images/btn_menuRight.png) top left no-repeat; right:0;} #scrolled {position:relative ; overflow:hidden ; width:899px ; height:42px ; margin: 0 auto 0 39px; z-index:5;} #container {display:block; position:relative; width:6000px; z-index:0;} #container .thumbnail {display:block; position:relative; float:left; font-size:11px; text-align:center; width: 128px; height:42px;} #container a {padding:0px; margin:0px; clear:both; display:block;} #nav li a {text-decoration:none; display:block; height: 42px; text-align:center;} #nav li a:hover {background: url(../images/bgd_nav_o.png) top left repeat-x; cursor:pointer;} #nav li a span {display:inline-block; text-transform:uppercase; font-size: 11px; color:#fff; line-height:12px; display: block; height: 42px; width:128px; text-align:center; position: relative; /*display:table-cell; vertical-align: middle;*/} #nav li a {display:table;} #nav li a .akzidenz-wrap {display:table-cell; vertical-align:middle;} #nav li a:hover span {background:url(../images/bgd_navLightActive.png) top center no-repeat; cursor:pointer;} #nav li a span img {margin: 0; display:inline-block;} #container {} #page-content {min-height:580px; height: auto !important; height: 580px; /*position:relative; z-index: 0;*/} #cont {} #aside {} #aside .france-only {padding: 8px 10px;} #wrap-footer {} #footer {width: 977px; margin: 0 auto; padding: 0 0 8px 0; overflow:hidden;} #footer .menu-foot {text-align: center; padding: 4px 0 0 0} #footer .menu-foot li {display:inline; font-size:11px; color:#9E9E9E;} #footer .menu-foot li a {font-size:11px; text-decoration:none; color:#9E9E9E;} #footer .menu-foot li a:hover {text-decoration:underline} #footer .legal {padding: 2px 0 18px 0; font-size:11px; color:#9E9E9E;text-align:center;} #footer .legal a, #footer .legal a:hover {font-size:11px; text-decoration:none; color:#9E9E9E;} #footer .column {width:49%;display:inline;} #footer .col-left {width:431px;} #footer .col-right {width:544px;overflow:hidden;} #footer .col-right .video a {display:block; width:151px; padding: 97px 0 0; background:url(../images/illus_youtube_n.jpg) 0 0 no-repeat; text-decoration:none; text-align:center; font-weight:bold;} #footer .col-right .video a:hover {background:url(../images/illus_youtube_h.jpg) 0 0 no-repeat;} #footer .flleft img{display:inline-block; margin: 0 0 2px 0;} #footer .newsletter {padding: 0 0 8px 0;} #footer .newsletter .text-newsletter {text-transform:uppercase; padding: 4px 0 0 0;} #footer .newsletter .akzidenz {text-transform:uppercase; font-size: 10px; color: #fff; float:left;} #footer .newsletter .akzidenz img {padding: 5px 0 0 0;} #footer .newsletter input.text {width:110px;float:left; margin: 0 6px; display: inline; background: #000; border: 1px solid #555; color:#7d7d7d; font-size:11px; padding: 1px 2px; height:16px;} #footer .foot-slide {height:85px; width:284px;overflow:hidden;} #footer .foot-slide .slider-cont {height:85px; width:284px;overflow:hidden;} #footer .foot-slide .slider-cont .slider {height:85px;width:284px; overflow:hidden;} #footer .foot-slide .slider-infos {position:;float:left;} #footer .foot-slide .slider-infos:hover {position:relative;} #footer .slider-infos:hover .bulle {position:absolute;} #footer .slider-infos .bulle {top:0; left:-9999em; min-height:95px; height:auto !important; height:95px; background:#000; color:#ddd; padding: 8px ; width:268px; font-size:11px; line-height:13px;} #footer .slider-infos:hover {cursor:pointer;} #footer .slider-infos:hover .bulle {left:0;} /* ----------------------------------------- * Eléments récurrents * ------------------------------------------*/ .news {} .news li {margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid #333333;} .news h3 {font-weight:bold;} .news .news-date {font-size:12px;} .buttons {text-align: right; padding: 8px 0 0 0;} .buttons li {display:inline;} .ctrl-payment .buttons {text-align: right; padding: 8px 0 0 0; float:right;} .ctrl-payment .buttons li {display:inline; float:left;} .buttons li .form-submit {text-decoration:none; margin: 0 5px 0 0;} #cont .buttons li .form-submit:hover {background: url("../images/bgd_btnForm_o.png") no-repeat 0 0; color: #fff;} .breadcrumb {padding: 20px 0px 13px 5px; width:972px; overflow:hidden;} .breadcrumb li {padding:0 8px 0 0; float:left; display: inline;} .breadcrumb li, .breadcrumb li a {color:#537f8c; font-size:11px;} h2, .form-layout h2, .wrap-content-layout h2 {color: #59a8c0; font-size: 20px; margin:0 0 23px 0; padding: 0;} h2 span, .form-layout h2 span, .wrap-content-layout h2 span {line-height: 22px;display:inline-block; padding: 0 80px 9px 0; background: url(../images/bgd_titleH2.gif) bottom right no-repeat;} .wrap-reference-layout h2 span {padding: 0 0 9px 0;} .wrap-reference-layout h1 {color: #59a8c0; font-size: 20px; margin:0 0 23px 0; padding: 0;} .wrap-reference-layout h1 span {line-height: 22px;display:inline-block; padding: 0 80px 9px 0; background: url(../images/bgd_titleH2.gif) bottom right no-repeat;padding: 0 0 9px 0;} h3, .form-layout h3 {color: #59A8C0; font-size: 14px; margin: 3px 0 8px 0; text-transform: uppercase; font-weight: bold;} h4, .form-layout h4 {color: #59A8C0; font-size: 12px; margin: 3px 0 8px 0; text-transform: uppercase; font-weight: bold;} #catalog-reference-view .form-layout h2 {color: #59A8C0; font-size: 12px; margin: 3px 0 8px 0; text-transform: uppercase; font-weight: bold;} input.btn {width:75px !important; height:22px !important; background: transparent url(../images/btn_buttonLight_n.png) top left no-repeat; border:none; cursor:pointer; font-weight:bold; line-height:15px; padding:2px 5px; overflow: visible; color:#fff;} a.zoomable {position:relative; display:inline-block;} a.zoomable .zoom {display:block; position:absolute; bottom:0; left:0; height:16px;width:54px;background:url(../images/btn_zoom.gif) 0 0 no-repeat;} p a.zoomable {padding:4px 0px 4px 11px} .deco-promo {background: #b40c3c; color:#fff; font-size: 13px; text-transform: uppercase;display: block; width:100px; text-align: center; margin: -10px auto 0; padding: 3px 0;} /* messages */ .messages {border:1px solid #444; padding: 5px 0 5px 8px; margin: 8px 0 8px 0; background: #181818;} .messages-error {background:url(../images/messages/error.png) center left no-repeat; padding: 19px 8px 19px 56px} .messages-warn {background:url(../images/messages/warn.png) center left no-repeat; padding: 16px 8px 16px 56px} .messages-checkout {background:url(../images/messages/warn.png) center left no-repeat; padding: 16px 8px 16px 56px} /* formulaires du site */ .wrap-form-layout {background: url(../images/bgd_formLayoutBottom.png) bottom left no-repeat; padding: 0 0 24px 0; width:977px; overflow:hidden; margin: 0 0 25px 0;} .form-layout {background: url(../images/bgd_formLayoutTop.png) top left no-repeat; padding: 34px 64px 0 68px; width:845px; overflow:hidden;} .form-layout .form-actions {padding: 0 0 12px 0;} .form-layout .form-actions li a {background:#4fa8c6; border:1px solid #b7ced6; display:inline-block; padding: 2px 8px; text-decoration: none; font-weight: bold; color: #fff;} .form-layout .form-actions li a:hover {background:#4a7f91; border:1px solid #b7ced6; display:inline-block; padding: 2px 8px;} .form-layout .form {position:relative; background:#e5ecf0; padding: 19px 40px; overflow:hidden; width:765px;} #users-account-create .form-layout > .form {padding: 19px 40px 62px} #contact-index-index .form-layout .form > dl {height: 395px} .form-layout .form .block-static {background:none; padding: 0;} .form-layout .notice {margin: 0 0 9px 0;} .form-layout .form label {color: #5e737d; font-weight: bold; font-size:12px; padding: 10px 0 4px 2px; display: block;} .form-layout .form .required {color: #0F4356; padding: 10px 0 4px 2px; display: block;} .form-layout .form .required:before {content: '* ';} .form-layout .form input, .form-layout .form textarea {background: #fff; border: 1px solid #b8c7d0; padding: 2px; height:19px; line-height:19px; display: block; width:346px;} .form-layout .form select {background: #fff; border: 1px solid #b8c7d0; padding: 2px; height:24px; line-height:24px;} .form-layout .form .errors {background: url(../images/ico_errorForm.gif) top left no-repeat; padding: 1px 0 0 27px;} .form-layout .form .errors li{color: #4fa8c6; padding: 5px 0 5px 0;} .form-layout .form #group-buttons dl {text-align:right; position: relative; z-index: 0; width:765px; overflow:hidden;} .form-layout .form #group-buttons dl dt, .form-layout .form #group-buttons dl dd {display:inline;} .form-layout .cart-buttons {text-align:right;} .cart-catalog, .form-layout .form .form-submit, .form-layout .form .form-goback, #group-buttons .form-submit, #group-buttons .form-goback, .cart-update, .form-submit, #checkout-navigation-next, #checkout-navigation-previous, .cart-checkout {background:url(../images/bgd_btnForm_n.png); color:#fff; font-size: 14px; font-weight:bold; border: none; width:150px; height:32px; line-height: 32px; text-align: center; display: inline-block; cursor:pointer; border:none;} .cart-catalog {width:180px; background-image: url(../images/bgd_btnFormSizeB_n.png)} .cart-catalog:hover {background-image: url(../images/bgd_btnFormSizeB_o.png)} #checkout-navigation-previous {background:url(../images/bgd_btnFormBig_n.png); color:#fff; font-size: 14px; font-weight:bold; border: none; width:230px; height:32px; line-height: 32px; text-align: center; display: inline-block; cursor:pointer; border:none;} #cart_update:hover, .form-layout .form input.form-submit:hover, .form-layout .form .hover, .form-layout .form .form-goback:hover, .cart-checkout:hover {background:url(../images/bgd_btnForm_o.png); color:#fff; font-size: 14px; font-weight:bold; border: none; width:150px; height:32px; line-height: 32px; text-align: center; display: inline-block; cursor:pointer; border:none;} .form-layout .form .form-radio {display:inline-block; float:left; width: auto; height:auto;margin: 2px 8px 0 0;} .form-layout .form .form-checkbox {display:inline-block; float:left; width: auto; height:auto;margin: 0px 8px 0 0; padding:0; background: none; border:none;} .form .description { font-style:italic } #formsubmit-element {text-align:right;} /* pages générales de contenu */ .wrap-content-layout {width:755px; float:left; display:inline; background: url(../images/bgd_contentTop.png) top left no-repeat; padding: 34px 0 0 0; margin: 16px 0 25px 0;} .wrap-repeat-layout {background: url(../images/bgd_contentRepeat.png) top left repeat-y;} .content-layout {background: url(../images/bgd_contentBottom.png) bottom left no-repeat; padding: 0 70px 34px 70px} .content-layout p {padding: 3px 0 5px 0;} .content-layout .two-columns {background: #E5ECF0; width: 276px; padding: 8px;} .content-layout .notice {padding: 16px 0 5px 0;} .wrap-aside-content {width:205px; float:right; display:inline;} .wrap-aside-content a {display:block;text-align:right; width:205px; overflow: hidden;} .wrap-aside-content a img {display:block;float:right;} /* tableaux de données */ .table-list {width: 100%; border:none; margin: 8px auto;} .table-list thead th {background:url(../images/admin/bgd_th.gif) repeat-x scroll 0 0 #E4E4E4; border:1px solid #D1CFCF; color:#696969; font-size:13px; text-align:left; white-space:nowrap; padding:4px 4px; font-weight:bold;} .table-list td {border:1px solid #D1CFCF; color:#696969; font-size:13px; text-align:left; padding:4px 4px;} .table-list .align-center {text-align:center;} .table-list .no-border {border:none;} option.bold {font-weight:bold; color: #FFF; background-color: #537F8C;} /* contact */ #contact-index-index dd {width:352px;} #contact-index-index #group-buttons {width:auto !important;} #subject-label, #subject-element, #content-label, #content-element, #copy-label, #copy-element {width:352px; position:absolute; right: 40px;} #subject-label {top:19px;} #subject-element {top:47px;} #content-label {top:72px;} #content-element{top:100px;} #copy-label {display: none;} #copy-element {top:352px; display: inline; width:auto;} #copy-element label {display:inline;} #id_civilitytitle-label {display: inline; float: left;} #id_civilitytitle-element {display: inline; width: auto;} #id_civilitytitle {margin: 4px 0 0 8px;} /* #phone-element {padding: 0 0 150px 0;} */ #content-element #content {height:230px;} #contact-index-index #cont p {margin: 4px 0 2px 0;} #contact-index-index #cont .encadre {display:inline-block; border:1px solid #D1CFCF; background:#D7E4EA; padding:3px; color:#666;} .link-cont-fb {display:inline-block; line-height:30px;} #contact-index-index #cont h3 {margin: 12px 0 6px 0;} #contact-index-index #cont h4 {margin: 10px 0 4px 0;} #contact-index-index #cont ul {list-style-type:disc; padding: 0 0 0 15px;} #contact-index-index #cont ul li {padding: 4px 0;} /* ----------------------------------------- * Les pages internes * ------------------------------------------*/ /* home */ .slide-accueil {background:url(../images/bgd_slide_accueil.jpg) top left no-repeat; height:218px; width:977px;} .slide-accueil .moo3d-container {list-style:none; text-align:center;} .slide-accueil li {display:inline;list-style:none;} .slide-accueil #wrap-slide-logos {position:relative; overflow:hidden; width:977px;height:218px;} .slide-accueil #wrap-slide-logos .Moo3DCarouselOverlay {top:-471px; padding: 0 0 30px 0} .slide-accueil #wrap-slide-logos .Moo3DCarouselOverlay a {cursor:auto;} .slide-accueil #wrap-slide-logos #goNext {position:absolute; top:0; left:0; display:block; height: 218px; width: 10px; cursor:pointer; z-index: 200;} .slide-accueil #wrap-slide-logos #goPrevious {position:absolute; top:0; right:0; display:block; height: 218px; width: 10px; cursor:pointer; z-index: 200;} .zone-boxes {width:977px; overflow:hidden; padding: 7px 0 0 0;} .zone-boxes .wrap-box {width:322px; display: inline;} .zone-boxes .flleft {margin: 0 5px 0 0;} .zone-boxes .flleft .box {background:url(../images/bgd_fondEncart.png) bottom left no-repeat; height: 301px;overflow: hidden;} .zone-boxes .flright .box {position:relative;background:none; height: 301px; overflow: hidden;} .zone-boxes .flright .box .france-only {position:absolute; top:74px; left:115px;line-height:12px;} .zone-boxes a.read-more {display:block; text-align:right; font-size:11px; color: #494949; text-decoration: none; padding: 5px 15px 0 0; background: url(../images/puce_readMore_n.gif) 312px 11px no-repeat;} .zone-boxes a.read-more:hover {text-decoration: underline; background: url(../images/puce_readMore_o.gif) 312px 11px no-repeat; color:#c3c3c3 ;} .zone-boxes h3 a {display:block;} .zone-boxes .ttl-lvl4 {color: #6bc5e0; text-transform: uppercase; font-size:15px; background: url(../images/bgd_lineEncart.png) bottom left no-repeat;padding: 0 0 8px 0; margin: 40px 0 0 12px; position:relative; width:302px} .zone-boxes .ttl-lvl4 .slider-bk {background: url(../images/btn_slideLeft.png) bottom left no-repeat; display:block; height:25px; width:25px; position: absolute; bottom:5px; right:28px; cursor:pointer;} .zone-boxes .ttl-lvl4 .slider-fwd {background: url(../images/btn_slideRight.png) bottom left no-repeat; display:block; height:25px; width:25px; position: absolute; bottom:5px; right:3px; cursor:pointer;} .zone-boxes .ttl-lvl4 span {color: #6bc5e0; text-transform: uppercase; font-size:15px; font-weight:normal;} .zone-boxes .ttl-lvl3 span {text-indent: -9999em;display: block;height: 0;} /* Contenu pour le référencement */ .zone-boxes .box-seo {padding:20px 10px 10px;} .zone-boxes .box-seo h2 {margin:0 0 10px; color:#6bc5e0; text-transform: uppercase; font-size:12px;} .zone-boxes .box-seo p {margin:0 0 10px; font-size:12px;} .zone-boxes .slider-infos {padding:29px 28px 0 17px;height: 125px; width: 275px; float:left;display:inline; position: relative;} .zone-boxes .slider-cont .slider {height:157px; overflow:hidden; position:relative;} .zone-boxes .slider-cont {height:218px;} .zone-boxes .slider-cont .slider-items {height:218px;} .zone-boxes .slider-infos img {float:left; margin: 0 15px 0 0;} .zone-boxes .slider-infos .ttl-lvl5 {color:#5d99ab; font-weight: bold; font-size:12px; padding: 0 0 8px 0;} .zone-boxes .slider-infos .ttl-lvl5 a {color:#5d99ab; font-weight: bold; font-size:12px;text-decoration:none;} .zone-boxes .slider-infos .dispo {color:#155f79; font-weight: normal; font-size:10px; text-transform:uppercase;} .zone-boxes .slider-infos .price {color:#fff; font-weight: bold; font-size:18px; text-align: right; padding: 0; position:absolute; bottom: 12px; right: 30px;} .zone-boxes .slider-infos .old-price {color:#7d7d7d; font-weight: normal; font-size:12px; text-align: right;display:block; padding: 0 0 5px 0; text-decoration:line-through;} .zone-boxes .order .slider-infos {padding: 0; height: 147px; width: 322px;} .zone-boxes .order .slider-infos .top {padding: 5px 0 0 0;} .zone-boxes .order .slider-infos .top li {background:url(../images/bgd_topVentes_n.png) top left no-repeat; width: 322px; margin: 2px 0; line-height:26px;} .zone-boxes .order .slider-infos .top li.hover-on, .zone-boxes .order .slider-infos .top li:hover {background:url(../images/bgd_topVentes_o.png) top left no-repeat;} .zone-boxes .order .slider-infos .top li a:hover {color: #fff !important;} .zone-boxes .order .slider-infos .top li span.akzidenz {color:#fff; font-size:13px; text-align:center; display:inline-block; width:24px; height:26px; line-height:26px; float:left;} .zone-boxes .order .slider-infos .top li span.akzidenz img {float:none; margin:6px 0 0 0;} .zone-boxes .order .slider-infos .top li a {color:#5d99ab; font-weight: bold; font-size:11px; text-decoration:none;padding: 0 0 0 20px; float:left;} /* /users/account/create */ #group-account, #group-sub_groups, #group-user {width:352px; float:left;} #group-sub_groups {clear:left; margin: 15px 0 0 0;} #group-user {float:right; position:absolute; top:19px; right:40px;} #group-user dl {margin: 0 0 15px 0;} #group-buttons {clear:both; position: absolute; bottom:19px; right:40px;} #user-id_civilitytitle-label, #user-date_birth-label, #account-locale-label {display:inline;float:left;} #user-id_civilitytitle-element, #user-date_birth, #user-date_birth-element, #account-locale-element {display:inline; width:auto;} #user-id_civilitytitle-element select, #user-date_birth, #account-locale {margin: 4px 0 0 8px;} #sub_groups-groups-element label {font-weight:normal; padding: 0;} #account-confirmation-element, #user-fax-element {margin: 0 0 15px 0;} /* /public/catalog/ */ .wrap-categories-layout {width:755px; float:left; display:inline; padding: 0 0 80px 0} .catalog-category-thumbnail li {display:inline;float:left;width:123px; height:167px; text-align:center;} .catalog-category-thumbnail li:hover, .catalog-category-thumbnail li.hover {background: url(../images/bgd_categories_o.png) top left no-repeat;} .catalog-category-thumbnail li a {text-decoration:none;} .catalog-category-thumbnail li a .catalog-category-thumbnail-name {color:#fff; font-weight:bold;display:block;font-size:12px;margin:0;} .catalog-category-thumbnail li a .catalog-category-thumbnail-count {color:#fff; font-weight:normal;display:block; font-size:11px;} .catalog-category-thumbnail .catalog-category-thumbnail-image {display:block; width:109px; height:109px; position:relative; margin: 7px auto;} .catalog-category-thumbnail .catalog-category-thumbnail-image .thumb-overlay {display:block; width:109px; height:109px; position:absolute; top: 0; left:0; z-index: 10; background: url(../images/bgd_thumbCatalog.png) top left no-repeat;} .catalog-category-thumbnail li:hover .catalog-category-thumbnail-image .thumb-overlay, .catalog-category-thumbnail li.hover .catalog-category-thumbnail-image .thumb-overlay {background: url(../images/bgd_thumbCatalog_o.png) top left no-repeat; cursor: pointer;} .catalog-category-thumbnail .catalog-category-thumbnail-image img {display:block; position:absolute; top: 0; left:0; z-index: 9;} .catalog-product-thumbnail li, .catalog-references-thumbnail li {float:left;display:inline; width:173px; height:294px; margin: 18px 15px 18px 0; background:url(../images/bgd_productsList.png) top left no-repeat;} .catalog-product-thumbnail li a, .catalog-references-thumbnail li a {text-decoration: none;} .catalog-product-thumbnail li .catalog-product-thumbnail-name, .catalog-references-thumbnail li .catalog-product-thumbnail-name {color:#20687e; font-weight: bold; display: block; text-align: center; padding: 15px 8px 8px; margin:0; font-size:12px;} .catalog-product-thumbnail li .sizes-and-colors, .catalog-references-thumbnail li .sizes-and-colors {padding: 0 8px 8px;} .catalog-product-thumbnail li .wrap-catalog-product-thumbnail-price, .catalog-references-thumbnail li .wrap-catalog-product-thumbnail-price {display:block; text-align: center; padding: 0 8px;} .catalog-product-thumbnail li .catalog-product-thumbnail-price, .catalog-references-thumbnail li .catalog-product-thumbnail-price {color:#3c3c3c; font-size:18px; text-align: center; padding: 5px 0; display:inline-block;} .catalog-product-thumbnail-old-price {text-decoration:line-through !important;} .catalog-product-thumbnail li a.thumb img, .catalog-references-thumbnail li a.thumb img {border: 1px solid #c5cbce; display:block; width:155px; height:155px; margin: 0 auto;} .catalog-product-thumbnail li .basket-button, .catalog-references-thumbnail li .basket-button {display:block; text-align: center;} .cart-add {text-align:center;} /* /public/catalog/category/reference */ .wrap-product-layout, .wrap-reference-layout {width:755px; float:left; display:inline; padding: 0 0 80px 0;} .wrap-reference-layout .cat-ref-outter {background:#cccccc; float:left; padding: 0 20px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; position: relative; margin-bottom: 30px} .wrap-reference-layout .catalog-reference-display {background:#ebebeb; float:left; padding: 0 20px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; position: relative; margin: 0;} .wrap-reference-layout .display-top {width:675px; background: #fff;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; position: relative; margin:0 auto;} .wrap-reference-layout .display-top .col-img, .wrap-reference-layout .display-top .col-infos {min-height:201px; height:auto !important; height:201px;} .wrap-reference-layout .catalog-reference-display-price {font-size:30px; line-height:30px; color:#3c3c3c; font-weight:bold; position:absolute; bottom:70px; right:0;} .wrap-reference-layout .catalog-reference-display-price .old-price {font-size:15px; text-decoration:line-through;} .wrap-reference-layout .stocks-reference-display-outofstock .catalog-reference-display-price {bottom:55px;} .wrap-reference-layout .stocks-reference-display-outofstock .stocks-reference-display-status {color:#B30738; font-weight: bold} .wrap-reference-layout .display-top .col-img {width:270px; text-align:left;height:271px; padding: 10px 15px; position: relative;} .wrap-reference-layout .display-top .col-img .product-drug {position: absolute;top: -4px;left: -42px;} .delivery-fees-free {display:block; text-indent:-9999em;background: url(../images/fr_FR/illus_fraisdeport_i18n.png) 0 0 no-repeat; height:103px; width:147px; position: absolute; top:0; left:0; text-align: center;} .wrap-reference-layout .display-top .col-img table tr td {width:270px; text-align:center;height:208px; vertical-align: middle;} .wrap-reference-layout .display-top .col-img img {max-width: 249px} .wrap-reference-layout .display-top .col-infos {width:365px; padding: 20px 0 75px 0;position:relative;} .wrap-reference-layout .display-top .col-infos .trademark {color: #000;} .wrap-reference-layout .display-top .col-infos .trademark img {max-width: 190px; max-height: 60px} .wrap-reference-layout .display-top .col-infos .trademark .name {color: #fff; margin:0; background: #59a8c0; display:inline-block; padding: 2px 5px ; text-transform:none; font-size:12px; font-weight:normal;} .wrap-reference-layout .display-top .col-infos .trademark .name a {color: #fff;} .wrap-reference-layout .display-top h1 {margin: 0 0 15px;} .wrap-reference-layout .display-top .cont-ref {width:174px; float:left; padding: 0 8px 0 0;} .wrap-reference-layout .display-top .cont-ref {width:174px; float:left; padding: 0 8px 0 0;} .wrap-reference-layout .display-top .cont-ref ul li {display:inline-block; background:#3D6B7E; margin: 1px; float:left;} .wrap-reference-layout .display-top .cont-ref ul li span {display:block; color:#fff; padding: 2px 3px} .wrap-reference-layout .display-top .cont-ref ul li a {display:block; background:#102E3D; color:#fff; padding: 2px 3px; text-decoration:none;} .wrap-reference-layout .display-top .cont-ref ul li a:hover {display:block; background:#3C3C3C; color:#fff; padding: 2px 3px; text-decoration:none;} .wrap-reference-layout .display-top .col-infos .reference {margin: 5px 0 0 0;} .wrap-reference-layout .display-top .col-infos #formsubmit-label {display:none;} .wrap-reference-layout .display-top .col-infos #formsubmit {position:absolute; bottom: 19px; right:0; border:none;width:269px; height:50px;float:left;display:block;} .wrap-reference-layout .display-top .col-infos .incrementor {position:absolute; bottom: 31px; right:300px;} .wrap-reference-layout h4, #catalog-reference-view .wrap-reference-layout h2 {background: url(../images/bgd_subTitlesProduct.png) bottom left no-repeat #345B6B; line-height:37px; color:#fff; padding: 8px 0 8px 25px; font-size:14px; text-transform: uppercase; margin: 8px 0 3px;font-weight:normal;} .wrap-reference-layout h4 span img, #catalog-reference-view .wrap-reference-layout h2 span img {padding: 13px 0 8px 0;} #catalog-reference-view .wrap-reference-layout h2 span{background: none; padding:0;} .wrap-reference-layout .box-content {background: #0f191e;padding: 18px 30px; color:#658a96;} .wrap-reference-layout .box-content ul{clear:both; margin: 5px 0;} .find-elsewhere {padding: 0 0 15px 0;} .wrap-reference-layout .box-content ul li {float:left;} .wrap-reference-layout .box-content ul li a {color:#658a96; font-weight:bold;} .wrap-reference-layout .box-content p {color:#658a96;} .display-top .prices {margin-top:5px; padding-left: 15px} .display-top .prices li {list-style: square} .wrap-reference-layout .form {width:365px; overflow:hidden;} .wrap-reference-layout #email-element, #formnotificationsubmit-element {float:none; margin: 4px 0} #formnotificationsubmit-element {padding: 0 0 0 6px;} #email-element {margin: 4px 5px 0 0;} #formnotificationsubmit-label {display:none;} .wrap-reference-layout input#email {background: #fff; border: 1px solid #b8c7d0; padding: 2px; height:19px; line-height:19px; display: block; width:155px;} .wrap-aside-content .wrap-slide {background: url(../images/bgd_crossSellingBottom.png) bottom left no-repeat; padding: 0 0 14px 0; width:175px; float:right; margin: 0 2px 0 0;} .wrap-aside-content .wrap-slide .slide-cross {background: url(../images/bgd_crossSellingTop.png) top left no-repeat;padding: 23px 0 0 0; width:175px;overflow:hidden;} .wrap-aside-content .wrap-slide .slide-cross .slider {overflow:hidden;width:175px;height:414px;} .wrap-aside-content .wrap-slide .slide-cross .slider-cont {position:relative; padding: 0 0 10px 0;width:175px;height:454px;overflow:hidden;} .wrap-aside-content .wrap-slide .slide-cross .slider-cont .slider-bk, .wrap-aside-content .wrap-slide .slide-cross .slider-cont .slider-fwd {position:absolute; left:0;cursor:pointer;} .wrap-aside-content .wrap-slide .slide-cross .slider-cont .slider-bk {top:19px;} .wrap-aside-content .wrap-slide .slide-cross .slider-cont .slider-fwd {bottom:0;} .wrap-aside-content .wrap-slide .slide-cross h4 {text-align:center; font-size:12px; color: #323232; text-transform: uppercase; padding: 5px 0 6px 0;} .wrap-aside-content .wrap-slide .stocks-reference-thumbnail-default {width:175px; height:137px;position:relative; border-bottom:1px solid #bfbfbf;} .wrap-aside-content .wrap-slide .stocks-reference-thumbnail-default a {width:auto;} .wrap-aside-content .wrap-slide .stocks-reference-thumbnail-default .catalog-category-thumbnail-image {width:175px;display:block; text-align:center;} .wrap-aside-content .wrap-slide .stocks-reference-thumbnail-default .catalog-category-thumbnail-image .thumb-overlay {display:none;} .wrap-aside-content .wrap-slide .stocks-reference-thumbnail-default .catalog-category-thumbnail-image img {float:none; display:inline;} .wrap-aside-content .wrap-slide .stocks-reference-thumbnail-default .catalog-reference-thumbnail-name {float:none;padding: 8px 0 0 8px; color: #5d99ab; text-decoration:none; font-weight: bold; font-size:11px; text-align:left;} .wrap-aside-content .wrap-slide .stocks-reference-thumbnail-default .catalog-reference-thumbnail-price {position:absolute; bottom: 7px; left: 8px; text-decoration:none; color:#3d3d3d; font-size:13px; font-weight:bold;} .wrap-aside-content .wrap-slide .stocks-reference-thumbnail-default .catalog-reference-thumbnail-see-product {position:absolute; bottom: 7px; right: 8px; color:#5d99ab; font-size:11px; font-weight:bold; padding: 0 8px 0 0; background: url('../images/puce_voirProduct.gif') top right no-repeat; text-transform:capitalize;} #cart-popup {background: url(../images/bgd_popCartBottom.gif) left bottom no-repeat; width:435px; padding:0 0 15px 0;} #cart-popup > div {background: url(../images/bgd_popCartTop.gif) 0 0 no-repeat; width:405px; padding: 15px 15px 0;} #cart-popup .wrapper-cart-popup {background: none; width:405px; padding:0; max-height: 340px; overflow-y: scroll;} #cart-popup img.cart-close {position:absolute; top:5px; right:5px; cursor:pointer;} #cart-popup #cart_checkout {background: url(../images/bgd_btnForm_n.png) repeat 0 0; border:none; color: #fff; cursor: pointer; display: inline-block; font-size: 14px;text-decoration:none; font-weight: bold;height: 32px; line-height: 32px;text-align: center; width: 150px;} #cart-popup #cart_checkout:hover {background: url(../images/bgd_btnForm_o.png) repeat 0 0;} #cart-popup .cart-popup {width: 100%;} #cart-popup .cart-popup thead .name {width:200px;} #cart-popup .cart-popup tr .align-center {text-align:center;} #cart-popup .cart-popup tr .name img {float:left; margin: 0 5px 0 0; vertical-align: middle;} #cart-popup .cart-popup .cart-even td {color: #4f5151; background:#AFC7D2;} #cart-popup .buttons {padding: 15px 0 0 0; text-align: center;} #cart-popup .buttons .cart-close{padding: 5px 8px; display:inline-block;text-decoration: none;height: auto !important} #cart-popup .buttons .cart-close:hover {color: #000;} .add-cart input {border: 1px solid #ABABAB; font-family: Arial,Helvetica,sans-serif; vertical-align: top;} .incrementor {background:url(../images/bgd_incrementor.gif) no-repeat left top; padding:1px 2px; margin:10px 0 0; width:43px; height:23px; display:inline-block; float:left; overflow:hidden;} .incrementor {float:left;} .incrementor input {width:23px; height:19px; line-height:19px; margin:2px 0 0; text-align:center; border: none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#2f3336; float:left;} .incrementor .increment, .incrementor .decrement {float:right; display:inline-block; width:20px; height:11px; line-height:11px; cursor:pointer; background:url(../images/btn_incrementor.gif) no-repeat center 3px; text-indent:-9999em;} .incrementor .decrement {background-position:center -7px;} .cart .incrementor {background:url(../images/bgd_incrementorOrder.gif) no-repeat left top; padding:1px 2px; margin:10px 0 0; width:49px; height:28px; display:inline-block; float:left; overflow:hidden;} .cart .incrementor {float:left;} .cart .incrementor input {width:26px; height:24px; line-height:24px; margin:2px 3px 0 4px; text-align:center; border: none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#2f3336; float:right;} .cart .incrementor .increment, .cart .incrementor .decrement {float:right; display:inline-block; width:16px; height:13px; line-height:11px; cursor:pointer; background:url(../images/btn_incrementorOrder.gif) no-repeat 2px 4px; text-indent:-9999em;} .cart .incrementor .decrement {background-position:3px -7px;} .wrap-categories-layout .datagrid-paginator, #page-content .datagrid-paginator {margin: 0; width:271px; height:33px; padding: 8px 0 0 485px; background: url(../images/bgd_paginator.png) 0 0 no-repeat; position:relative;} .wrap-categories-layout .datagrid-paginator .datagrid-paginator-previous, #page-content .datagrid-paginator .datagrid-paginator-previous {background: url(../images/puce_backPaginator.gif) 0 0 no-repeat; text-indent:-5000px; height: 24px; position: relative; float:left; width: 24px; cursor:pointer; outline:0;} .wrap-categories-layout .datagrid-paginator .datagrid-paginator-next, #page-content .datagrid-paginator .datagrid-paginator-next {background: url(../images/puce_fwdPaginator.gif) 0 0 no-repeat; text-indent:-5000px; height: 24px; position: relative; float:left; width: 24px; cursor:pointer; outline:0;} .wrap-categories-layout .datagrid-paginator .datagrid-paginator-enabled, #page-content .datagrid-paginator .datagrid-paginator-enabled {background: url(../images/bgd_numPaginator.gif) 0 0 no-repeat; height: 24px; line-height:24px; position: relative; float:left; width: 24px; color: #0f3547; text-align:center; display:inline; margin: 0 3px; outline:0;} .wrap-categories-layout .datagrid-paginator .datagrid-paginator-last, #page-content .datagrid-paginator .datagrid-paginator-last {background: url(../images/puce_lastPaginator.gif) 0 0 no-repeat; text-indent:-5000px; height: 24px; position: relative; float:left; width: 24px; cursor:pointer; outline:0;} .wrap-categories-layout .datagrid-paginator .datagrid-paginator-first, #page-content .datagrid-paginator .datagrid-paginator-first {background: url(../images/puce_firstPaginator.gif) 0 0 no-repeat; text-indent:-5000px; height: 24px; position: relative; float:left; width: 24px; cursor:pointer; outline:0;} .wrap-categories-layout .datagrid-paginator a, #page-content .datagrid-paginator a {background: none; height: 24px; line-height:24px; position: relative; float:left; width: 24px; color:white; cursor:pointer; text-align:center; display:inline; margin: 0 3px; text-decoration:none; font-weight:bold; outline:0;} #cont .datagrid-paginator a:hover {color: #ddd;} .wrap-categories-layout .datagrid-paginator .datagrid-paginator-total, #page-content .datagrid-paginator .datagrid-paginator-total {position:absolute; left: 22px; top:14px; font-size:14px; font-weight: bold;} .catalog-category-display, .catalog-trademark-display {background:url(../images/bgd_headListingBrand.png) 0 0 no-repeat; width:754px; height: 181px; position:relative;} .catalog-category-display-name, .catalog-trademark-display-name {float:right; text-align:right; color:white; font-size:18px; position:absolute; bottom:10px; right:8px;} .catalog-category-display-description {position:absolute; top:8px; left:380px; width:374px;} .catalog-trademark-see-all {position:absolute; top:-30px; right:8px;} .catalog-trademark-see-all a {color: #416a82; font-size:12px; font-weight:bold; text-decoration:none;} .catalog-trademark-display-description {padding-top:10px;} .wrap-img-valign {display:block; float:left; width:375px; height:170px; text-align:center;} table tr.cart-coupon {background: #AFC7D2;} .cart-coupon .incrementor {display:none;} /* /cart/index/view */ .wrap-steps {margin: 5px 0 0 0;} #steps {margin: 0 0 5px 3px; width: 100%; overflow: hidden;} #steps li a {text-decoration:none;} #steps li.checkout-timeline-step-disabled {display: inline; float:left; width:175px; padding: 0 0 0 16px; margin: 0 3px 0 0; background: url(../images/bgd_step_n.png) top left repeat-x; height: 47px; position:relative;} #steps li.checkout-timeline-step-enabled {display: inline; float:left; width:175px; padding: 0 0 0 16px; margin: 0 3px 0 0; background: url(../images/bgd_step_o.png) top left repeat-x; height: 47px; position:relative;} #steps .numbers {display:inline-block; font-weight:bold; font-size: 24px; color: #fff; width:30px; background: url(../images/bgd_cartNumbers.png) top right no-repeat; margin: 12px 0 0 0; line-height: 24px;} #steps li .text-step-align {width:125px; height:47px; border-collapse: collapse; position:absolute; top:0; right:0; text-align: left; padding: 0 12px 0 8px} #steps .text-step {font-weight:bold; color: #fff; vertical-align: middle; height:24px;} #steps li.checkout-timeline-step-account {display:none;} #wrap-steps .with-gift li.checkout-timeline-step-addresses {width: 175px;} #wrap-steps .with-gift li.checkout-timeline-step-gift, #wrap-steps .with-gift li.checkout-timeline-step-payment, #wrap-steps .with-gift li.checkout-timeline-step-method, #wrap-steps .with-gift li.checkout-timeline-step-summary, #wrap-steps .with-gift li.checkout-timeline-step-delivery, #wrap-steps .with-gift li.checkout-timeline-step-tnt, #wrap-steps .with-gift li.checkout-timeline-step-carrier , #wrap-steps .with-gift li.checkout-timeline-step-gift {width: 135px;} #wrap-steps .with-gift li.checkout-timeline-step-gift .text-step-align, #wrap-steps .with-gift li.checkout-timeline-step-payment .text-step-align, #wrap-steps .with-gift li.checkout-timeline-step-method .text-step-align, #wrap-steps .with-gift li.checkout-timeline-step-summary .text-step-align, #wrap-steps .with-gift li.checkout-timeline-step-delivery .text-step-align, #wrap-steps .with-gift li.checkout-timeline-step-tnt .text-step-align, #wrap-steps .with-gift li.checkout-timeline-step-carrier .text-step-align, #wrap-steps .with-gift li.checkout-timeline-step-gift .text-step-align {width: 85px;} #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-addresses {width: 175px;} #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-gift, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-payment, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-method, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-summary, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-delivery, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-tnt, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-colissimo, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-socolissimo, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-carrier , #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-gift {width: 110px;} #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-gift .text-step-align, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-payment .text-step-align, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-method .text-step-align, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-summary .text-step-align, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-delivery .text-step-align, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-tnt .text-step-align, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-colissimo .text-step-align, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-socolissimo .text-step-align, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-carrier .text-step-align, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-gift .text-step-align {width: 68px;} #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-gift .numbers, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-payment .numbers, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-method .numbers, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-summary .numbers, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-delivery .numbers, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-tnt .numbers, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-colissimo .numbers, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-socolissimo .numbers, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-carrier .numbers, #wrap-steps .with-gift-deliverychoice li.checkout-timeline-step-gift .numbers {width: 25px;} #cart-index-view .form p {padding: 0 0 8px 0;} .cart, .checkout-order {width:845px;} .cart tr th {border-bottom:1px solid #afc7d2; color:#80a8ba;font-weight:bold; padding: 5px 0 7px 0; text-align:center;} .cart tbody tr {} .cart tbody tr td {border-bottom: 1px solid #afc7d2;} .cart tbody tr td {vertical-align: middle; color: #5e737d;padding:4px;} .cart tbody tr .name img {float:left; margin: 0 5px 0 0} .cart tbody tr .name .product-name {float:left; padding: 8px 0 0 0; width:172px;} .cart-full tbody .cart-odd td {color: #4f5151; background:#AFC7D2;} .cart thead .name {width:305px; padding: 5px 0 7px 25px; text-align:left;} .cart tbody .empty {text-align: center; padding:12px 0; border-left: 1px solid #afc7d2; border-right: 1px solid #afc7d2;} .cart tbody tr td.delete {text-align:center; width:70px;} .cart tbody tr td.taxes {text-align:center; width:55px;} .cart tbody tr td.price-all-taxes{text-align:center; width:55px; font-weight:bold;} .cart tbody tr td .product-name a {font-weight:bold; text-decoration:none;} .cart-details {background: #d0dce1;} .cart-details .cart-fees .icon {margin: 2px;} #orders-checkout-account h2 {margin: 0 0 15px;} #orders-checkout-account .form {margin: 0 0 18px 0;} .notice-offers {text-align:center;padding: 8px 0;} .notice-offers span {padding: 2px 4px; display: inline-block; background:#eff3f5; border: 1px solid #afc7d2; color:#5e737d;} .cart-coupon {background: url(../images/bgd_coupon.png) top left no-repeat; padding: 7px 0 10px 10px; margin: 3px 0 8px 0; overflow: hidden; width:835px;} .cart-coupon span {color:#5e737d; font-weight: bold; display:inline; margin: 6px 20px 0 0; float:left;} .cart-coupon .form-text {background: #fff; border: 1px solid #b8c7d0; padding: 2px; height:19px; line-height:19px; display: inline; width:195px; float:left;} .cart-coupon .cart-coupon-update {float:left; margin: 2px 0 0 8px;} .cart-details select {border: 1px solid #b8c7d0; margin: 5px 0 5px; padding: 1px; width: auto;} /* orders/checkout/summary */ .cart-summary tbody, .cart-summary tbody tr td {border:none; background: #e5ecf0; min-height: 36px; height:36px !important; height:36px;} .cart-summary tbody tr td.first-col {width: 666px; padding: 0 20px 0 0; text-align: right;} .cart-summary tbody tr td.align-right {padding:0 95px 0 0; text-align: right;} .cart-summary tbody tr.sum-total td.align-right {font-size:18px;} .checkout-order-summary tbody, .checkout-order-summary tbody tr td {border:none; background: #e5ecf0; min-height: 36px; height:36px !important; height:36px;} .checkout-order-summary tr td.first-col {width: 600px; padding: 0 20px 0 0; text-align: right;} .checkout-order-summary tr td.align-right {padding: 0 160px 0 0; text-align: right;} .checkout-order-summary tr.sum-total td.align-right {font-size:18px;} .checkout-order-summary tfoot tr td {border:none; background: #AACFE2; min-height: 36px; height:36px !important; height:36px; color: #fff; font-size:15px} .checkout-order-full tr th.price {width: 120px;} .checkout-order-full tr th.quantity {width: 120px;} .checkout-order-full tr th.taxes {width: 120px;} .checkout-order-full tr .align-center {text-align:center;} #checkout-summary .column-left {width:49%; float:left; padding: 15px 0;} #checkout-summary .column-right {width:49%; float:right; padding: 15px 0;} .checkout-summary-block input {margin: 0 0 4px 0;} .accept-conditions {display:block; margin: 8px 0;} .checkout-remark-block {margin: 0 0 8px 0;} .checkout-remark-block label .title {color: #59A8C0; font-size: 14px; font-weight: bold; margin: 3px 0 8px; text-transform: uppercase;} .checkout-remark-block textarea {width:350px; height:108px; padding:5px; font-family: Arial, Verdana, sans-serif; color: #9E9E9E; font-size: 12px; line-height: 1.2em;} /* /orders/checkout/account */ #orders-checkout-account #newsletter-label {float:left; clear:both;} #orders-checkout-account #newsletter-element {float:left; clear:both;} /* /orders/checkout/addresses */ .checkout-addresses-address {margin: 8px 0; display:block;} .checkout-navigation {text-align:right;} /* Ajout d'une nouvelle adresse */ .checkout-gift {display:block; margin: 8px 0 5px 0;} .wrap-orders-adress-window {background: url(../images/bgd_popAddressBottom.gif) bottom left no-repeat; padding:0 0 15px; position: absolute; left: 50%; top: 150px; width:600px; margin-left: -300px; z-index: 20;} .wrap-orders-adress-window .notice {font-weight: bold; margin: 0 0 8px 0;} .wrap-orders-adress-window .required {font-weight: bold;} .wrap-orders-adress-window .required:after {content: " *";} .orders-adress-window {background: url(../images/bgd_popAddressTop.gif) top left no-repeat; padding:15px 15px 0;} .orders-adress-window #group-private {float:right;} .orders-adress-window #group-public {float:left;} .orders-adress-window #group-buttons {clear:both; text-align:right; padding: 12px 0 0 0; position: relative; bottom:0; right:0;} .orders-adress-window #group-buttons dt, .orders-adress-window #group-buttons dd {display:inline;} .orders-adress-window input {background: #fff; border: 1px solid #b8c7d0; padding: 2px; height:19px; line-height:19px; display: block; width:221px;} .orders-adress-window select {background: #fff; border: 1px solid #b8c7d0; padding: 2px; line-height:19px; display: block; width:auto;} .orders-adress-window #favorite-label {font-weight: bold;} .orders-adress-window .form-checkbox {width:auto;} .checkout-addresses-address {float:left; padding: 9px; width:160px; height:100px; margin: 8px 10px 7px 0; border:1px solid #D0E5ED; background: #F4FAFC; color: #666;} .checkout-addresses-address input {display:inline-block; float:left;} .checkout-addresses-address .address-name {display:inline-block; float:left; padding: 0 0 0 5px; font-weight:bold; color: #333;} .checkout-addresses-address .address-infos {display:block; clear:both;} /* orders/checkout/gift */ #checkout-gift-message {display:block; width:850px; overflow: hidden;} #checkout-gift-message textarea {width: 800px; height:95px; display:block; float: left; padding:5px; font-family : Arial, Verdana, sans-serif; color: #9E9E9E; font-size: 12px; line-height: 1.2em;} #checkout-gift-message .form-html-button {width: 802px; height:30px; display:block; clear:left; float: left; text-align:center; line-height: 30px; background: #ddd; cursor:pointer;} #checkout-gift-message .form-html-button:hover {background: #999; cursor:pointer; color: #000;} /* orders/checkout/method */ .orders-payment-thumbnail {text-align:center; padding: 8px 0;} .orders-payment-thumbnail li {display:inline;} .orders-payment-thumbnail li label {display:inline-block; width: 120px; margin: 0 8px; border:1px solid #fff;} .orders-payment-thumbnail li:hover label, .orders-payment-thumbnail li.hover-on label {background: #EFF5F7; border: 1px solid #CBE3ED;} .orders-payment-thumbnail li label span {display:block; padding: 3px 0;} strong.price {color:#59A8C0;} /* /users/account/ */ .wrap-profile {background: #0f191e; width: 927px; padding: 16px 25px; overflow:hidden;} .wrap-profile .profile-menu {width: 260px;} .wrap-profile h2 span {background: url(../images/bgd_h2Profile.png) no-repeat scroll right bottom;} .wrap-profile .profile-menu a {background: url(../images/bgd_profileMenu_n.png) top left no-repeat; display:block; color: #fff; text-decoration: none; font-weight: bold; padding: 0 0 0 12px; line-height: 26px; margin: 0 0 5px 0} .wrap-profile .profile-menu .active, .wrap-profile .profile-menu a:hover {background: url(../images/bgd_profileMenu_o.png) top left no-repeat; color: #f0f0f0 !important;} .wrap-profile .column-profile {width: 632px; padding: 0 0 0 35px; position:relative;} .wrap-profile .form {padding: 12px 12px; background:white;} .wrap-profile #group-account, .wrap-profile #group-sub_groups, .wrap-profile .form dl, .wrap-profile #group-user {float: left; width: 315px; position:static;} .wrap-profile #group-account dl dt, .wrap-profile #group-user dl dt, .wrap-profile .form dl dt, .wrap-profile .form dl dd, .wrap-profile #group-account dl dd, .wrap-profile #group-user dl dd {width:315px; display:block;} .wrap-profile .errors li {font-weight:bold; color:#6AAFCD; padding: 5px 0 0 0} #users-account-profile #group-user, #users-account-profile #group-account {width:565px} .wrap-profile #group-account dl dd, .wrap-profile .form dl dd, .wrap-profile #group-user dl dd {margin: 0 0 8px 0;} .wrap-profile .form dl dd select, .wrap-profile .form dl dd input , .wrap-profile #group-account dl dd select, .wrap-profile #group-account dl dd input , .wrap-profile #group-user dl dd select, .wrap-profile #group-user dl dd input {margin:0; background: #fefefe; border:1px solid #ddd; color:#333;} .wrap-profile .form dl dd input, .wrap-profile #group-account dl dd input, .wrap-profile #group-user dl dd input {padding:3px; width:255px;} .wrap-profile #group-user dl dd input#user-date_birth {width:230px;} .wrap-profile #group-account dl dd select, .wrap-profile #group-user dl dd select {padding:2px;} .wrap-profile #group-buttons {clear:both; position:static; text-align:right;} .wrap-profile #group-buttons #goback-element {display:none;} .wrap-profile #goback-label, .wrap-profile #goback-element {display:none;} .wrap-profile .form #formsubmit-element {width:595px;} .wrap-profile .form #confirm-element {width:595px; text-align:right} .wrap-profile .form #formsubmit-element .form-submit, .wrap-profile .form #confirm-element .form-submit, .wrap-profile .form #group-buttons .form-submit {background:url(../images/bgd_btnForm_n.png) top left no-repeat; color:#fff; font-size: 14px; font-weight:bold; border: none; width:150px; height:32px; line-height: 32px; text-align: center; display: inline-block; cursor:pointer; border:none;} .wrap-profile .create-address .inner {background:#fff;width:619px} .wrap-profile .create-address .inner .messages {background:#fff; font-weight:bold; border-color:#ddd;} .wrap-profile .create-address .inner .navigation {padding:8px} #group-newslettersubscription {clear:left; float:left; margin: 12px 0 0 0;} .wrap-profile .form dl #group-user {top: auto; right: auto; position: static;} #users-account-profile form.form {height: 484px !important; overflow:visible;} #page-content .wrap-profile .datagrid-paginator {background:none; height: 33px; margin: 0; padding: 8px 0 0 ; position: relative; padding: 13px 0 0 444px; width: 179px;} #page-content .wrap-profile .datagrid-paginator .datagrid-paginator-previous {background: none; height: 24px; color: #ddd; position: relative; float:left; width: 55px; cursor:pointer; outline:0; text-indent:0;} #page-content .wrap-profile .datagrid-paginator .datagrid-paginator-next {background: none; height: 24px; color: #ddd; position: relative; float:left; width: 55px; cursor:pointer; outline:0; text-indent:0;} #page-content .wrap-profile .datagrid-paginator .datagrid-paginator-enabled {background: none; height: 24px; line-height:24px; position: relative; float:left; width: 12px; color: #59A8C0; text-align:center; display:inline; margin: 0 3px; outline:0;} #page-content .wrap-profile .datagrid-paginator a {background: none; height: 24px; line-height:24px; position: relative; float:left; width: 12px; color:white; cursor:pointer; text-align:center; display:inline; margin: 0 3px; text-decoration:none; font-weight:bold; outline:0;} #page-content .wrap-profile .datagrid-paginator span {height: 24px; line-height: 24px; font-weight: normal !important; color:#818080;} #page-content .wrap-profile .datagrid-paginator-disabled {font-weight: normal !important; color:#818080; cursor:auto;} #cont .wrap-profile .datagrid-paginator a:hover {color: #ddd;} #page-content .wrap-profile .datagrid-paginator .datagrid-paginator-total {position:absolute; left: 22px; top:14px; font-size:12px; font-weight: bold;} /* /public/users/address */ .wrap-profile .form {width: 595px; overflow:hidden;} .wrap-profile .form dl, .wrap-profile .form dl #group-account, .wrap-profile .form dl #group-user, .wrap-profile .form dl dd dl {width: 595px; float:none;} .wrap-profile .form dl #group-account dl dt, .wrap-profile .form dl #group-user dl dt, .wrap-profile .form dl dd dl dt {float:left; width: 205px;} .wrap-profile .form dl dd dl dt label {padding: 7px 0 0 0; display: inline-block; font-weight: bold;} .wrap-profile .form dl dd dl dd {float:left;} .wrap-profile .form dl dd dl dd .description {padding: 2px 0 0 0; display: inline-block;} .column-profile p {color: #fff; font-size:13px; padding: 0 0 8px 0 ;} .column-profile .create-address p {color: #aaa; font-size:13px; padding: 0 0 8px 0 ;} #datagrid-users_address .datagrid-paginator {height:auto; background:none;padding: 0; position:static;width:auto;} #datagrid-users_address .datagrid-paginator .datagrid-paginator-total {display:none;} .datagrid-container {padding:10px; border:none; background:#102e3d; margin:0 0 10px;} .datagrid-toolbar {width:100%; overflow:hidden;} .datagrid-massaction {float: left; display:none;} .datagrid-massaction-save {background:url("../images/admin/bgd_btn_simple.png") repeat-x ; border: 1px solid #294d5d; color:#fff; cursor: pointer; display: inline-block; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold;line-height: 16px; margin: -2px 0 0 5px; overflow: visible; padding: 2px 5px; vertical-align: middle;} .datagrid-export {float: left; margin-top: 3px; margin-left:10px; display:none;} .datagrid-paginator {float: right; margin-bottom: 3px; padding:3px 0; color: #DBDBDB;} .datagrid-paginator span.datagrid-paginator-disabled {color: #888;} .datagrid-paginator span.datagrid-paginator-enabled {font-weight: bold;} .datagrid-paginator span.datagrid-paginator-total {font-size:80%; text-align:right; display:block;} .datagrid-quantity {float:right; clear:right;} .datagrid-quantity span.datagrid-quantity-enabled {font-weight: bold; background:#515151; color:#fff; padding:1px 3px; display:inline-block;} .datagrid-wrapper {max-width: 100%; overflow: auto; margin: 10px 0; padding: 1px 0 0 1px;} .datagrid {width: 100%; border:1px solid #294d5d; color:#666;} .datagrid thead {} .datagrid thead th {background:url("../images/bgd_enteteTableList.gif") repeat-x scroll 0 0 #001627; border-left:1px solid #294d5d; border-right:1px solid #294d5d; color:#fff; font-size:10px; text-align:left; white-space:nowrap; padding:2px 4px; font-weight:bold;} .datagrid thead th span {vertical-align: middle; line-height: 18px; display: inline-block; float:left;} .datagrid thead th a.datagrid-order {width: 12px; height: 18px; float: left; text-indent:-9999px; display:inline-block; overflow: hidden; margin-right: 5px;} .datagrid thead th a.datagrid-order-asc {background: url(../images/datagrid/table-sort-asc.gif) center center no-repeat;} .datagrid thead th a.datagrid-order-desc {background: url(../images/datagrid/table-sort-desc.gif) center center no-repeat;} .datagrid thead th a.datagrid-order-asc-active {background:url(../images/datagrid/table-sort-asc-active.gif) center center no-repeat;} .datagrid thead th a.datagrid-order-desc-active {background:url(../images/datagrid/table-sort-desc-active.gif) center center no-repeat;} .datagrid td {padding:2px 4px; border:1px solid #CBD3D4; vertical-align: middle; padding: 3px;} .datagrid tr.datagrid-data, .datagrid tr.datagrid-data-odd {background: #f5f5f5;} .datagrid tr.datagrid-data-even {background: #fff;} .datagrid tr.selectlist-selected, .datagrid tr.datagrid-data-selected {background: #dbf0da;} .datagrid tr.datagrid-data:hover {background:#d5ecf3;} .datagrid td.datagrid-actions {text-align: right;} .datagrid td.datagrid-checkboxes {text-align: center; width: 20px;} .datagrid tbody td.datagrid-cell-array {font-size: 80%; padding: 0;} .datagrid tbody td.datagrid-cell-array ul {max-height: 100px; overflow: auto;} .datagrid tbody td.datagrid-cell-checkbox {width: 16px; text-align: center;} .datagrid td ul {margin:0; padding:3px 0 3px 15px;} .datagrid tbody td span.false, .datagrid tbody td span.true {display: block; width: 16px; height: 16px; text-indent: 16px; text-indent:-9999em; margin: 0 auto;} .datagrid tbody td span.false {background: transparent url(../images/datagrid/boolean-false.png) center center no-repeat;} .datagrid tbody td span.true {background: transparent url(../images/datagrid/boolean-true.png) center center no-repeat;} div.selectlist-table div.datagrid-wrapper {/*border: 1px solid #555; padding: 10px;*/ margin:0;} .datagrid tbody td.datagrid-cell-date, .datagrid tbody td.datagrid-cell-datetime, .datagrid tbody td.datagrid-cell-time {text-align: center;} .datagrid tbody td.datagrid-cell-float, .datagrid tbody td.datagrid-cell-int, .datagrid tbody td.datagrid-cell-money {text-align: right;} .datagrid tbody td.datagrid-cell-email, .datagrid tbody td.datagrid-cell-text, .datagrid tbody td.datagrid-cell-uri {text-align: left;} .datagrid tbody td.datagrid-cell-image {width: 35px; font-size: 50%; text-align: center;} .datagrid tbody td.datagrid-cell-image img {display: inline-block;} .datagrid tbody td.datagrid-cell-actions {text-align: right;} .datagrid tbody td.datagrid-cell-actions a {display: inline-block; float: right; padding-left: 2px;} .datagrid tbody td.datagrid-cell-actions span.datagrid-action-separator {display: inline-block; float: right; margin:0 3px; border-left: 1px solid #888888; height: 16px;} .datagrid .status {width:94px;} .add-address {display:block;} .add-address a {font-weight:bold; color: #427b8d; text-decoration:none; background: url(../images/ico_addAddress_n.gif) 0 0 no-repeat; padding: 8px 0 3px 25px; margin: 5px 0 0 0; display:inline-block;} .add-address a:hover {background: url(../images/ico_addAddress_o.gif) 0 0 no-repeat;} /* users/address/create */ .create-address #phone-element {padding: 0;} .create-address #group-public {width: 632px; overflow: hidden;} .create-address #favorite-label label {color: #59A8C0; font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 5px 0; display:inline-block;} .create-address #favorite-element {padding: 8px 0 0 0;} .create-address #favorite-element #favorite {width: auto; background: none; border:none;} /* /orders/order/view */ .actions-order {padding: 0 0 12px 0; text-align:right;} actions-order li {display:inline;} .actions-order li a {display:inline-block; padding: 3px 8px 3px 22px; text-decoration: none;} .actions-order li a:hover {text-decoration: underline;} .actions-order .back-user a {background: url(../images/users/user.png) 0 0 no-repeat;} .actions-order .print a {background: url(../images/users/print.gif) 0 0 no-repeat;} .order-infos table {width:100%; margin: 0 0 8px 0;} .order-infos table tr th {padding: 6px; width:65%;border: none;text-align:right;} .order-infos table tr td {text-align: center; padding: 6px; width:35%; color: #666; font-weight: bold; background: #ddd; border:1px solid #666} .addresses {width:49%; float:left; display:block; margin: 12px 0;} .addresses dt {color: #80A8BA; font-size: 13px; font-weight: bold; margin: 3px 0 8px; text-transform: uppercase;} /* orders/order/list */ .reorder-info {position:relative; padding:20px 42px 20px 100px; width:835px; background:#10303f;} .reorder-info .i-shopping-bag {position:absolute; top:50%; left:35px; margin-top:-25px;} .reorder-info p {color:#fff; font-size:14px; line-height: 20px;} .reorder-info .weight {font-weight:bold; font-size:18px; margin-bottom:5px;} .wrap-profile-orders {padding:25px;} .orders-list-datagrid .datagrid-cell-actionsactions {text-align:center; width:90px;} .orders-list-datagrid .datagrid-cell-actionsactions a {display:inline-block; margin:2px auto; padding:0 10px; text-decoration:none;} .orders-list-datagrid .datagrid-cell-actionsactions a:hover {text-decoration:underline;} .orders-list-datagrid .datagrid-cell-actionsactions .button-order-reorder {color:#fff; padding:3px 10px; background:#2a586f;} #cont .button-order-reorder:hover {color:#fff; text-decoration:none; background:#000;} /* orders/order/print */ #orders-order-print, #orders-order-print #main {width: 680px; padding: 10px; margin: 0 auto;} #orders-order-print #main{background: #fff;} #orders-order-print #header {background: #000; height:94px;} #orders-order-print #header h1 {text-align: center;} #orders-order-print .cart {width:680px;} #orders-order-print .company {padding: 10px 0;} #orders-order-print .company dt {font-weight:bold; font-size: 16px; color: #666; padding: 0 0 5px 0} #orders-order-print .company dt, #orders-order-print .company dd {display:block; text-align: center;} /* invoices */ #invoices-invoice-print, #invoices-invoice-print #main {width: 680px; padding: 10px; margin: 0 auto;} #invoices-invoice-print #main{background: #fff;} #invoices-invoice-print #header {background: #000; height:94px;} #invoices-invoice-print #header h1 {text-align: center;} #invoices-invoice-print .cart {width:680px;} #invoices-invoice-print .company {padding: 10px 0;} #invoices-invoice-print .company dt {font-weight:bold; font-size: 16px; color: #666; padding: 0 0 5px 0} #invoices-invoice-print .company dt, #invoices-invoice-print .company dd {display:block; text-align: center;} /* order/checkout/payment */ .titulaire {padding: 0 0 12px 0;} .titulaire dt {color: #80A8BA; font-size: 13px; font-weight: bold; margin: 8px 0 5px; text-transform: uppercase;} /* legal/sales-term */ .default-legal #cont h3 {margin: 12px 0 6px 0;} .default-legal #cont h4 {padding: 16px 0 0 0;} .default-legal #cont p {line-height: 16px; color:#484848;} .default-legal #cont .nota-bene {border:1px solid #D1CFCF; background:#D7E4EA; padding:8px; color:#666;} .default-legal #cont .service-client {border:1px solid #D1CFCF; background:#EBEBEB; padding:0 8px 8px; color:#666;} .default-legal #cont ul {padding: 0 0 0 15px;} .default-legal #cont ul li ul {list-style-type:disc; padding: 0 0 0 15px;} .default-legal #cont .important {color: #000;} .default-legal #cont ul li {padding: 5px 0; color:#484848;} .default-legal #cont table tr td table tr td {border:none; border-bottom: 1px solid #D1CFCF} .default-legal #cont table tr td table tr .no-border {border:none;} /* news */ .wrap-news-layout {float:left; width:755px; margin: 8px 0 0 0;} .wrap-news-layout .item {float:left; height: 250px; width:210px; margin: 0 8px 8px 0; padding: 10px;} .wrap-news-layout .item a {background: url(../images/btn_slideRight.png) top right no-repeat; font-weight:bold; padding: 5px 25px 3px 0; text-decoration:none;display:inline-block;margin:5px 0 0 0} .wrap-news-layout .wrap-item-news {margin: 8px 0 0 0;} .wrap-news-layout .wrap-item-news .content {width: 695px; overflow:hidden;} .wrap-news-layout .wrap-item-news .content img {margin: 6px 10px 6px 0;} .wrap-news-layout .wrap-item-news .content .wrap-imgs-news {width:210px; padding: 0 8px 0 0} .wrap-news-layout .wrap-item-news .right {margin: 6px 0 0 0;} .wrap-news-layout .wrap-item-news .right a {margin: 6px 0 0 0; background: url(../images/btn_slideLeft.png) top left no-repeat; font-weight:bold; padding: 5px 0 3px 25px; text-decoration:none;} .wrap-item-news h4 {background: url("../images/bgd_subTitlesProduct.png") no-repeat scroll left bottom #315868; color: #FFFFFF; font-size: 17px; line-height: normal;height: auto; padding: 5px 0 5px 25px; text-transform: none; font-weight:normal; margin: 8px 0 3px;} .wrap-item-news h4 span {display:inline-block; line-height:normal;} .wrap-item-news h4 span img {padding: 13px 0 8px 0;} .wrap-item-news .content {background: none repeat scroll 0 0 #0F191E; color: #658A96; padding: 18px 30px;} /* faq */ .wrap-faq-layout {float:left; width:755px; margin: 15px 0 0 0;} .wrap-faq-layout dt {background: url("../images/bgd_subTitlesFaq.png") no-repeat scroll left top transparent; color: #FFFFFF; font-size: 17px; line-height: 37px;height: 37px; padding: 0 0 0 25px; text-transform: uppercase; font-weight:normal; margin: 8px 0 3px; cursor:pointer;} .wrap-faq-layout dt.active {background-position:0 -37px;} .wrap-faq-layout dl dd {height:0; overflow:hidden;} .wrap-faq-layout dd {background: none repeat scroll 0 0 #0F191E; color: #658A96; padding: 18px 30px;} /* search results */ #catalog-search-result .datagrid-paginator {margin: 0 0 15px 0; float:none; padding:8px 0 0 657px; background:url(../images/bgd_paginatorSearch.png) 0 0 no-repeat;} .search-center {padding-left: 22px;} .form-search-result dt {width: 19%; float: left; text-align: right; } .form-search-result dd {width: 79%; float: right;} .form-search-result #trademark-label, .form-search-result #categories-label, .form-search-result #price-label, .form-search-result #exact-label {clear: left;} .form-search-result #formsubmit-label {display: none;} .form-search-result #formsubmit-element {width: auto; position: relative; top:-70px;} /* Mots exacts */ .form-search-result #exact-label label {padding-top:8px;} .form-search-result #exact-element input {margin-top:5px;} /* body .akzidenz, body .akzidenz-wrap {font-family: 'Akzidenz';} */ .btn-back {display:inline-block; background:url(../images/btn_slideLeft.png) 0 0 no-repeat; color:#fff; text-decoration:none; font-weight:bold; line-height:25px; height:25px; padding: 0 0 0 25px;} .btn-back:hover {color:#ddd;} /* who */ .tabs-name { width: 250px; display: inline-block;} /* ======================================================================== * Classes générales * ========================================================================*/ .denied {background:url(https://www.parapharmadirect.com/images/ico_warning_01.gif) no-repeat 8px 11px; padding:5px 35px; margin:5px 0; border-top:3px solid red;} .denied li {border-bottom:1px dotted red; padding:3px 0;} .clear {clear:both; line-height:0; height:0;} .btn {width:auto !important; height:30px !important; background:#efefef; border:1px solid #fff; cursor:pointer; font-weight:bold; line-height:15px; padding:2px 5px; overflow: visible;} .checkbox {width:auto !important; height:auto !important; padding:0 !important; border:none !important;} .nodisplay {display:none;} .center {text-align:center;} .right {text-align:right !important;} .flright {float:right;} .flleft {float:left;} .two-columns {width:49%;} /* ======================================================================== * SoColissimo * ========================================================================*/ /* #orders-checkout-socolissimo .wrap-form-layout {position:relative; height:791px;width:973px;} */ #orders-checkout-socolissimo .wrap-form-layout {position:relative; height:1000px; width:973px;} /*#socolissimo-iframe {height:698px; width:1000px;}*/ /*#socolissimo-iframe {height:720px; width:1005px; background:#fff; border:none; position:absolute; top: 80px; left:-8px;}*/ #socolissimo-iframe {height:960px; width:980px; background:transparent; border:none; position:absolute; top: 80px; left:-8px;} .wrap-socolissimo-form {width:100%; height:720px; background:#fff;} .wrap-socolissimo-form #go {width:450px;background:#5EA6C7;} /* ========================================================================*/ /** * SqueezeBox - Expandable Lightbox * * Allows to open various content as modal, centered and animated box. * * @version 1.1 rc4 * @license MIT-style license * @author Harald Kirschner * @copyright Author */ #sbox-overlay {position: absolute;background-color: #000;left: 0px;top: 0px;zoom: 1;} #sbox-window {position: absolute;background-color: #fff;text-align: left;overflow: visible;padding: 10px;/* invalid values, but looks smoother! */-moz-border-radius: 3px;-webkit-border-radius: 3px;} #sbox-btn-close {position: absolute;width: 30px;height: 30px;right: -15px;top: -15px;background: url(../images/closebox.png) no-repeat center; border: none;} .sbox-window-ie6 #sbox-btn-close {background-image: url(../images/closebox.gif);} .sbox-loading #sbox-content {background-image: url(../images/spinner.gif);background-repeat: no-repeat;background-position: center;} #sbox-content {clear: both;overflow: auto;background-color: #fff;height: 100%;width: 100%;} .sbox-content-image#sbox-content {overflow: visible;} #sbox-image {display: block;} .sbox-content-image img {display: block;width: 100%;height: 100%;} .sbox-content-iframe#sbox-content {overflow: visible;} /* Hides scrollbars */ .body-overlayed {overflow: hidden;} /* Hides flash (Firefox problem) and selects (IE) */ .body-overlayed embed, .body-overlayed object, .body-overlayed select {visibility: hidden;} #sbox-window embed, #sbox-window object, #sbox-window select {visibility: visible;} /* Shadows */ .sbox-bg {position: absolute;width: 33px;height: 40px;} .sbox-bg-n {left: 0;top: -40px;width: 100%;background: url(../images/bg_n.png) repeat-x;} .sbox-bg-ne {right: -33px;top: -40px;background: url(../images/bg_ne.png) no-repeat;} .sbox-bg-e {right: -33px; top: 0; height: 100%;background: url(../images/bg_e.png) repeat-y;} .sbox-bg-se {right: -33px;bottom: -40px;background: url(../images/bg_se.png) no-repeat;} .sbox-bg-s {left: 0;bottom: -40px;width: 100%;background: url(../images/bg_s.png) repeat-x;} .sbox-bg-sw {left: -33px;bottom: -40px;background: url(../images/bg_sw.png) no-repeat;} .sbox-bg-w {left: -33px;top: 0;height: 100%;background: url(../images/bg_w.png) repeat-y;} .sbox-bg-nw {left: -33px;top: -40px;background: url(../images/bg_nw.png) no-repeat;} /* chargement fonts face*/ span.akzidenz-wrap, span.akzidenz {font-family: 'akzidenz-grotesk_extended_bRg';} span.catalog-reference-display-capacity {display: inline-block; width:260px;} /* medicaments */ .medic-ligne {position: absolute;top: 85px;right: 20px; width: 195px; overflow: visible;} .medic-ligne a {text-decoration: none;} .medic-ligne .p {color:#4ec285; font-size: 15px;line-height: 18px} .medic-ligne .tips {display: none; background: url(../images/icomeds.png) no-repeat -14px -285px;width: 253px;height: 65px;position: absolute; top:25px; left: 50%; margin-left: -126px;z-index: 9999; color:#fff;} .medic-ligne a:hover .tips {display: block;} .medic-ligne a .tips span {display: inline-block; padding-top: 20px; line-height: 16px;} .pharma-order {background:#2c2c2c; height:110px; margin-bottom:10px;} .pharma-order > div {height:62pxpx;} .pharma-order .division {width:168px; padding:8px 20px 27px; border-right: 1px solid #000} .pharma-order .division h5 {padding-top: 18px; color:#d0d0d0;} .pharma-order .order {padding:20px 0 0 10px; width: 205px;} .pharma-order .order i {margin: 3px 0 0 4px} .pharma-order .order h5 {padding:25px 0 0 0;color:#d0d0d0; font-size: 11px;} .pharma-order .order h5 a {color:#d0d0d0; text-decoration: none} .pharma-order .logo-eu {height:100px; padding:10px 0 0 0; border:0;} .pharma-order .logo-eu a {display:block;} .pharma-order .ansm {width: 429px; padding-top:24px; height:62px;} .pharma-order .ansm h5 {padding-top: 7px;color:#d0d0d0; font-size: 11px;} .pharma-order .ansm h5 a {color:#d0d0d0; text-decoration: none} .pharma-order .i-ansm {margin:10px 0 0 10px} .symptoms {color:#4ec385 !important;} .symptoms .i-smallplus {vertical-align: middle; margin-right: 5px;} @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } @-moz-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } @-o-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } @keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } .medic-ligne i { -webkit-animation: blinker 1s infinite; -moz-animation: blinker 1s infinite; -o-animation: blinker 1s infinite; animation: blinker 1s infinite; -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0); -moz-animation-timing-function: cubic-bezier(1.0,0,0,1.0); -o-animation-timing-function: cubic-bezier(1.0,0,0,1.0); animation-timing-function: cubic-bezier(1.0,0,0,1.0); } .soin-en-avant {width: 760px;height: 51px;border: 2px solid #77d8a6;background-color: #4ec385; overflow: visible; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDc2NCA2MyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNGRjMzg1IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNGRjMzg1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI3NjQiIGhlaWdodD0iNjMiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(bottom, #4dc385 0%, #4dc385 100%); background-image: -o-linear-gradient(bottom, #4dc385 0%, #4dc385 100%); background-image: -webkit-linear-gradient(bottom, #4dc385 0%, #4dc385 100%); background-image: linear-gradient(to bottom, #4dc385 0%, #4dc385 100%);} .soin-en-avant .i-personmedics {margin: -5px 5px 0 89px} .soin-en-avant .context p {padding-top: 7px; padding-right: 99px; text-align: center; color:#fff; font-weight: bold; font-size: 16px; line-height: 19px} .soin-en-avant .context p a {color: #fff} .soin-en-avant + .right {margin-top: 10px; color:#fff;} h1 .i-drugsItem { vertical-align: middle;} .wrap-reference-layout h1 .catalog-reference-display-name {width: 365px;} .wrap-reference-layout h1 .catalog-reference-display-name span {background: none;display: block;padding-bottom: 5px;} .template-drug #confirm-label {float:right; width:345px;} .template-drug #confirm-element {float: left; padding-top: 7px;} .template-drug #add-cart {margin: 50px 0 0; padding: 5px; border: 1px solid #4EC285; background: #f2fff8; color:#4EC285; font-size: 11px; line-height: 14px;} .template-drug .catalog-reference-display-price {bottom:129px;} #older16year-label, #older16year-element, #dosage_boxes-label, #dosage_boxes-element, #dosage-label, #dosage-element, #patient-label, #patient-element, #fall_asleep-label, #fall_asleep-element, #allergy-label, #allergy-element, #medical_history-label, #medical_history-element, #treatment-label, #treatment-element, #use_drug_recently-label, #use_drug_recently-element {float: left;} #older16year-element br, #dosage_boxes-element br, #dosage-element br, #patient-element br, #fall_asleep-element br, #allergy-element br, #medical_history-element br, #treatment-element br, #use_drug_recently-element br {display: none;} #older16year-element, #dosage_boxes-element, #dosage-element, #patient-element, #fall_asleep-element, #allergy-element, #medical_history-element, #treatment-element, #use_drug_recently-element {float: left; padding-left: 10px;} #older16year-element label, #dosage_boxes-element label, #dosage-element label, #patient-element label, #fall_asleep-element label, #allergy-element label, #medical_history-element label, #treatment-element label, #use_drug_recently-element label {float: left; padding-right: 10px;} #allergy_text-label, #treatment_text-label {clear:both;} #pathology_text, #allergy_text, #treatment_text {width: 440px;height: 100px;clear:left;} #group-step8, #group-step7, #group-step6, #group-step5, #group-step4, #group-step3, #group-step2 {clear: both; padding-top: 10px} #dosage_boxes-label, #pregnant-label, #pathologies-label, #child_age-label {clear: left;} #orders-checkout-drug .form-layout .form #group-step3 [type="checkbox"] {width: auto; float:left; vertical-align: middle; margin-right: 6px} #orders-checkout-drug .form-layout .form #older16year[type="checkbox"] {margin-top: 8px} #orders-checkout-drug .form-layout .form #group-step3 label{padding-top: 0;} #breast_feed-element label, #pregnant-element label {padding:0;} #pathologies-element {padding-bottom: 3px} #older16year-label, #certificate-label {float: right; width: 743px} #certificate-label {clear: right;} #certificate-element {float: right; margin-top: 8px; padding: 0} #older16year-element {float: right; margin-top: 4px; padding: 0} #orders-checkout-drug .messages {margin: 50px 0 0;padding: 5px;border: 1px solid red;background: #f2fff8;color: #000;font-size: 12px;}