2016-01-04 12:48:08 +01:00
@ font-face {
font-family : 'bebeboutik' ;
src : url ( '../fonts/bebeboutik.eot?yogyak' ) ;
src : url ( '../fonts/bebeboutik.eot?#iefixyogyak' ) format ( 'embedded-opentype' ) ,
url ( '../fonts/bebeboutik.woff?yogyak' ) format ( 'woff' ) ,
url ( '../fonts/bebeboutik.ttf?yogyak' ) format ( 'truetype' ) ,
url ( '../fonts/bebeboutik.svg?yogyak#bebeboutik' ) format ( 'svg' ) ;
font-weight : normal ;
font-style : normal ;
}
# soFr {
overflow : auto ;
}
# order # form {
-webkit-overflow-scrolling : touch ;
overflow-y : scroll ;
}
span . subtitle_create_account {
color : # e36ea2 ;
display : block ;
font-size : 13px ;
height : auto ;
line-height : 10px ;
margin-bottom : 0 ;
margin-top : 10px ;
padding-bottom : 10px ;
text-align : center ;
text-transform : uppercase ;
font-family : 'Georgia' ;
}
[ class ^ = "icon-" ] , [ class * = " icon-" ] {
font-family : 'bebeboutik' ;
speak : none ;
font-style : normal ;
font-weight : normal ;
font-variant : normal ;
text-transform : none ;
line-height : 1 ;
/* Better Font Rendering =========== */
-webkit-font-smoothing : antialiased ;
-moz-osx-font-smoothing : grayscale ;
}
. icon-header-parrainage : before {
content : "\e603" ;
}
. icon-header-user : before {
content : "\e604" ;
}
. icon-header-panier : before {
content : "\e605" ;
}
. icon-economie : before {
content : "\e60c" ;
}
. icon-pourcentage : before {
content : "\e60d" ;
}
. icon-frais : before {
content : "\e60e" ;
}
. icon-avoirs : before {
content : "\e601" ;
}
. icon-panier : before {
content : "\e600" ;
}
. icon-fidelite : before {
content : "\e602" ;
}
. icon-infos-perso : before {
content : "\e923" ;
}
. icon-bons-reductions : before {
content : "\e939" ;
}
. icon-carnet-adresse : before {
content : "\e944" ;
}
. icon-retours-en-cours : before {
content : "\e94d" ;
}
. icon-timer-vente : before {
content : "\e94e" ;
}
. icon-user : before {
content : "\e971" ;
}
. icon-parrainage : before {
content : "\e972" ;
}
. icon-commandes : before {
content : "\e9b0" ;
}
. icon-plus : before {
content : "\ea0a" ;
}
. icon-suivant : before {
content : "\ea3c" ;
}
. icon-minus : before {
content : "\ea0b" ;
}
/* Corrects block display not defined in IE6/7/8/9 & FF3 */
article , aside , details , figcaption , figure , footer , header , hgroup , menu , nav , section , dialog {
display : block ;
}
/ * Corrects inline-block display not defined in IE6 / 7 / 8 / 9 & FF3
* Known limitation : IE6 will not apply style for 'audio[controls]' * /
audio [ controls ] , canvas , video {
display : inline-block ;
* display : inline ;
zoom : 1 ;
}
/ * 1 . Corrects text resizing oddly in IE6 / 7 when body font-size is set using em units
* http : / / clagnut . com / blog / 348 / # c790
* 2 . Keeps page centred in all browsers regardless of content height
* 3 . Removes Android and iOS tap highlight color to prevent entire container being highlighted
* www . yuiblog . com / blog / 2010 / 10 / 01 / quick-tip-customizing-the-mobile-safari-tap-highlight-color /
* 4 . Prevents iOS text size adjust after orientation change , without disabling user zoom
* www . 456bereastreet . com / archive / 201012 / controlling_text_size_in_safari_for_ios_without_disabling_user_zoom / * /
html {
font-size : 100 % ; /* 1 */
overflow-y : scroll ; /* 2 */
-webkit-tap-highlight-color : rgba ( 0 , 0 , 0 , 0 ) ; /* 3 */
-webkit-text-size-adjust : 100 % ; /* 4 */
-ms-text-size-adjust : 100 % ; /* 4 */
margin : 0 ;
padding : 0 ;
}
html * {
-moz-background-clip : padding ;
-webkit-background-clip : padding-box ;
background-clip : padding-box ;
-moz-background-origin : padding ;
-webkit-background-origin : padding-box ;
background-origin : padding-box ;
-moz-box-sizing : border-box ;
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
}
body {
font-family : Tahoma , Georgia ;
margin : 0 ;
padding : 0 ;
min-height : 100 % ;
background : # ffffff ;
}
body , button , input , select , textarea {
font-family : 16px / 1 . 625 sans-serif ;
* font-size : 1em ; /* IE7 and older: IE can't resize px based text and most mobiles don't default the text to 16px */
color : # 222222 ; /* Black on white is too much contrast, #222222 is a lot better */
}
div , p , blockquote , q , pre , address , hr , code , samp , dl , ol , ul , form , table , fieldset , menu , h4 , h5 , h6 , img {
margin : 0 ;
padding : 0 ;
}
a {
text-decoration : none ;
color : # 00e ;
cursor : pointer ;
border : none ;
outline : none ;
}
a : hover {
}
a : focus {
outline : none ;
}
/* Better CSS outline suppression: people.opera.com/patrickl/experiments/keyboard/test */
a : hover , a : active {
outline : none ;
}
a : visited {
color : # 551a8b ;
}
a img {
border : none ;
outline : none ;
text-decoration : none ;
}
/* Addresses styling not present in IE7/8/9, S5, Chrome */
abbr [ title ] , dfn [ title ] {
border-bottom : 1px dotted # 333 ;
cursor : help ;
}
/* Addresses style set to 'bolder' in FF3/4, S4/5, Chrome */
b , strong {
font-weight : bold ;
}
blockquote {
margin : 1em 40px ;
}
/* Addresses styling not present in S5, Chrome */
dfn {
font-style : italic ;
}
/* Addresses styling not present in IE6/7/8/9 */
mark {
background : # ff0 ;
color : # 000 ;
}
/ * Corrects font family set oddly in IE6 , S5 , Chrome
* en . wikipedia . org / wiki / User : Davidgothberg / Test59 * /
pre , code , kbd , samp {
font-family : monospace , monospace ;
_font-family : 'courier new' , monospace ;
font-size : 1em / 1 . 625em ;
}
/* Improves readability of pre-formatted text in all browsers */
pre {
white-space : pre ;
white-space : pre-wrap ;
word-wrap : break-word ;
}
/* Addresses CSS quotes not supported in IE6/7 */
blockquote , q , cite {
quotes : none ;
font-style : italic ;
padding-left : 1 . 625em ;
border-left : 3px solid # ccc ;
}
blockquote > p {
padding : 0 ;
}
/* Addresses quote property not supported in S4 */
blockquote : before , blockquote : after , q : before , q : after {
content : '' ;
content : none ;
}
/ * Prevents sub and sup affecting line-height in all browsers
* gist . github . com / 413930 * /
sub , sup {
font-size : 0 . 625em ;
line-height : 0 ;
position : relative ;
vertical-align : baseline ;
}
sup {
top : -0 . 5em ;
}
sub {
bottom : -0 . 25em ;
}
ul , ol {
list-style-position : inside ;
margin : 1em 0 ;
padding : 0 ;
}
nav ul , nav ol {
list-style : none outside ;
}
li ul , li ol {
margin : 0 1 . 625em ;
}
dl dd {
margin-left : 1 . 625em ;
}
/ * 1 . Removes border when inside 'a' element in IE6 / 7 / 8 / 9
* 2 . Improves image quality when scaled in IE7
* code . flickr . com / blog / 2008 / 11 / 12 / on-ui-quality-the-little-things-client-side-image-resizing / * /
img {
border : 0 ; /* 1 */
-ms-interpolation-mode : bicubic ; /* 2 */
}
/* Corrects overflow displayed oddly in IE9 */
svg : not ( : root ) {
overflow : hidden ;
}
/* Addresses margin not present in IE6/7/8/9, S5, O11 */
figure {
margin : 0 ;
}
/* Corrects margin displayed oddly in IE6/7 */
form {
margin : 0 ;
}
/* Define consistent margin and padding */
fieldset {
border : 0 ;
margin : 0 ;
padding : 0 ;
}
/ * 1 . Corrects color not being inherited in IE6 / 7 / 8 / 9
* 2 . Corrects alignment displayed oddly in IE6 / 7 * /
legend {
border : 0 ; /* 1 */
* margin-left : -7px ; /* 2 */
}
/ * 1 . Corrects font size not being inherited in all browsers
* 2 . Addresses margins set differently in IE6 / 7 , F3 / 4 , S5 , Chrome
* 3 . Improves appearance and consistency in all browsers * /
button , input , select , textarea {
font-size : 100 % ; /* 1 */
margin : 0 ; /* 2 */
vertical-align : baseline ; /* 3 */
* vertical-align : middle ; /* 3 */
}
/ * 1 . Addresses FF3 / 4 setting line-height using ! important in the UA stylesheet
* 2 . Corrects inner spacing displayed oddly in IE6 / 7 * /
button , input {
line-height : normal ; /* 1 */
* overflow : visible ; /* 2 */
}
input [ type = "text" ] , input [ type = "password" ] , select , option , textarea {
background : # ffffff ;
}
/ * 1 . Improves usability and consistency of cursor style between image-type 'input' and others
* 2 . Corrects inability to style clickable 'input' types in iOS * /
button , input [ type = "button" ] , input [ type = "reset" ] , input [ type = "submit" ] {
cursor : pointer ; /* 1 */
-webkit-appearance : button ; /* 2 */
}
/* Addresses box sizing set to content-box in IE8/9 */
input [ type = "checkbox" ] , input [ type = "radio" ] {
box-sizing : border-box ;
}
/ * 1 . Addresses appearance set to searchfield in S5 , Chrome
* 2 . Addresses box sizing set to border-box in S5 , Chrome ( include -moz to future-proof ) * /
input [ type = "search" ] {
-webkit-appearance : textfield ; /* 1 */
-moz-box-sizing : content-box ;
-webkit-box-sizing : content-box ; /* 2 */
box-sizing : content-box ;
}
/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
input [ type = "search" ] :: -webkit-search-decoration {
-webkit-appearance : none ;
}
/ * Corrects inner padding and border displayed oddly in FF3 / 4
* www . sitepen . com / blog / 2008 / 05 / 14 / the-devils-in-the-details-fixing-dojos-toolbar-buttons / * /
button :: -moz-focus-inner , input :: -moz-focus-inner {
border : 0 ;
padding : 0 ;
}
fieldset , input , select , textarea {
outline : none ;
}
: focus {
outline : none ;
}
button :: -moz-focus-inner {
outline : none ;
}
input [ type = "reset" ] :: -moz-focus-inner {
border : none ;
outline : none ;
}
input [ type = "button" ] :: -moz-focus-inner {
outline : none ;
}
input [ type = "submit" ] :: -moz-focus-inner {
outline : none ;
}
input [ type = "file" ] > input [ type = "button" ] :: -moz-focus-inner {
outline : none ;
}
/ * 1 . Removes default vertical scrollbar in IE6 / 7 / 8 / 9
* 2 . Improves readability and aligment in all browsers * /
textarea {
overflow : auto ; /* 1 */
vertical-align : top ; /* 2 */
}
/* Remove most spacing between table cells */
table {
border-collapse : collapse ;
border-spacing : 0 ;
width : 100 % ;
}
th , td {
text-align : left ;
}
tr , th , td {
padding-right : 1 . 625em ;
border-bottom : 1px solid # E1DDD5 ;
}
/* Font sizes are based on the golden ratio of 16. See this for the modular scale: http://ow.ly/5jGl6. Line-heights and margins are adjusted to keep a 26px (1.625em) vertical rhythm across all elements */
body # module-advsendtoafriend-sendtoafriend-form div . letter p . info a ,
h1 , h2 , h3 , h4 , h5 , h6 {
font-size : 1em ;
font-weight : bold ;
font-family : sans-serif ;
}
h1 {
font-size : 4 . 25em ; /* 68px */
line-height : 1 . 1471em ;
margin : 0 0 0 . 3824em ;
}
h2 {
font-size : 2 . 625em ; /* 42px */
line-height : 1 . 2381em ;
margin : 0 0 0 . 619em ;
}
h3 {
font-size : 1 . 625em ; /* 26px */
line-height : 1em ;
margin : 0 0 1em ;
}
small {
font-size : 0 . 625em ; /* 10px */
margin : 0 0 2 . 6em ;
}
ins , mark {
text-decoration : none ;
}
mark {
background : # ff0 ;
}
ins {
background : # ff9 ;
}
del {
text-decoration : line-through ;
}
strong , b , dt {
font-weight : bold ;
}
dfn {
font-style : italic ;
}
var , address {
font-style : normal ;
}
/* `Clearfix hack: http://nicolasgallagher.com/micro-clearfix-hack/ */
. clearfix : before , . clearfix : after ,
. cf : before , . cf : after {
content : "" ;
display : table ;
}
. clearfix : after ,
. cf : after {
clear : both ;
}
. clearfix ,
. cf {
* zoom : 1 ;
}
. left {
float : left ;
}
. right {
float : right ;
}
. auto {
overflow : auto ;
}
. flex {
-moz-box-flex : 1 . 0 ;
-webkit-box-flex : 1 . 0 ;
box-flex : 1 . 0 ;
display : block ;
}
. noflex {
-moz-box-flex : 0 . 0 ;
-webkit-box-flex : 0 . 0 ;
box-flex : 0 . 0 ;
display : block ;
}
. vbox {
display : -webkit-box ;
display : -moz-box ;
display : box ;
-moz-box-orient : vertical ;
-webkit-box-orient : vertical ;
box-orient : vertical ;
-moz-box-align : stretch ;
-webkit-box-align : stretch ;
box-align : stretch ;
height : 100 % ;
}
. hbox {
display : -webkit-box ;
display : -moz-box ;
display : box ;
-moz-box-orient : horizontal ;
-webkit-box-orient : horizontal ;
box-orient : horizontal ;
-moz-box-align : stretch ;
-webkit-box-align : stretch ;
box-align : stretch ;
width : 100 % ;
}
. cbox {
display : -webkit-box ;
display : -moz-box ;
display : box ;
-moz-box-pack : center ;
-webkit-box-pack : center ;
box-pack : center ;
-moz-box-align : center ;
-webkit-box-align : center ;
box-align : center ;
width : 100 % ;
}
@ media print {
* {
background : transparent ! important ;
color : black ! important ; /* The woes of CSS color in print typography: sanbeiji.com/archives/953 */
text-shadow : none ! important ;
filter : none ! important ;
-ms-filter : none ! important ;
}
a , a : visited {
color : # 222222 ! important ;
text-decoration : underline ;
}
a [ href ] : after {
content : " (" attr ( href ) ")" ;
}
abbr [ title ] : after {
content : " (" attr ( title ) ")" ;
}
/* Do not show javascript and internal links */
a [ href ^ = "javascript:" ] : after , a [ href ^ = "#" ] : after {
content : "" ;
}
/* Printing Tables: css-discuss.incutio.com/wiki/Printing_Tables */
thead {
display : table-header-group ;
}
tr , img {
page-break-inside : avoid ;
}
@ page {
margin : 0 . 5cm ;
}
p , h2 , h3 {
orphans : 3 ;
widows : 3 ;
}
h2 , h3 {
page-break-after : avoid ;
}
}
/* Styles start here */
@ font-face {
font-family : 'georgiaitalic' ;
src : url ( '../fonts/georgiai-webfont.eot' ) ;
src : url ( '../fonts/georgiai-webfont.eot?#iefix' ) format ( 'embedded-opentype' ) ,
url ( '../fonts/georgiai-webfont.woff' ) format ( 'woff' ) ,
url ( '../fonts/georgiai-webfont.ttf' ) format ( 'truetype' ) ,
url ( '../fonts/georgiai-webfont.svg#georgiaitalic' ) format ( 'svg' ) ;
font-weight : normal ;
font-style : normal ;
}
@ font-face {
font-family : 'georgiabold' ;
src : url ( '../fonts/georgiab-webfont.eot' ) ;
src : url ( '../fonts/georgiab-webfont.eot?#iefix' ) format ( 'embedded-opentype' ) ,
url ( '../fonts/georgiab-webfont.woff' ) format ( 'woff' ) ,
url ( '../fonts/georgiab-webfont.ttf' ) format ( 'truetype' ) ,
url ( '../fonts/georgiab-webfont.svg#georgiabold' ) format ( 'svg' ) ;
font-weight : normal ;
font-style : normal ;
}
@ font-face {
font-family : 'georgiaregular' ;
src : url ( '../fonts/georgia-webfont.eot' ) ;
src : url ( '../fonts/georgia-webfont.eot?#iefix' ) format ( 'embedded-opentype' ) ,
url ( '../fonts/georgia-webfont.woff' ) format ( 'woff' ) ,
url ( '../fonts/georgia-webfont.ttf' ) format ( 'truetype' ) ,
url ( '../fonts/georgia-webfont.svg#georgiaregular' ) format ( 'svg' ) ;
font-weight : normal ;
font-style : normal ;
}
@ font-face {
font-family : 'georgiabolditalic' ;
src : url ( '../fonts/georgiaz-webfont.eot' ) ;
src : url ( '../fonts/georgiaz-webfont.eot?#iefix' ) format ( 'embedded-opentype' ) ,
url ( '../fonts/georgiaz-webfont.woff' ) format ( 'woff' ) ,
url ( '../fonts/georgiaz-webfont.ttf' ) format ( 'truetype' ) ,
url ( '../fonts/georgiaz-webfont.svg#georgiabolditalic' ) format ( 'svg' ) ;
font-weight : normal ;
font-style : normal ;
}
. modalbox_shadow {
background : none repeat scroll 0 0 rgba ( 0 , 0 , 0 , 0 . 5 ) ;
height : 100 % ;
left : 0 ;
position : fixed ;
top : 0 ;
width : 100 % ;
z-index : 800 ;
}
# privatesales_block . modalbox_login {
border-radius : 2px ;
font-family : tahoma , arial , sans-serif ;
height : auto ;
position : fixed ;
top : 15 % ;
width : 95 % ;
padding : 30px ;
z-index : 900 ;
background : # fff ;
}
# privatesales_block . modalbox_login p {
color : # 514c8c ;
font-size : 13px ;
}
# privatesales_block . modalbox_login label {
display : block ;
text-align : left ;
font-size : 12px ;
text-indent : 5px ;
margin-top : 10px ;
color : # 666666 ;
padding-bottom : 10px ;
}
# privatesales_block . modalbox_login . btn_box {
display : block ;
background : # 514c8c ;
padding : 12px 5px ;
clear : both ;
color : # fff ;
text-align : center ;
border-radius : 5px ;
margin : 10px 25px ;
}
# privatesales_block . modalbox_login . btn_box . create_account_box {
background : # e26ea2 ;
}
body {
border-bottom : 8px solid # e36ea2 ;
background : # f2f2f2 ;
color : # 666666 ;
margin : 0px ;
padding : 0px ;
overflow-x : hidden ;
min-width : 320px ;
}
# page {
width : 100 % ;
}
input [ type = email ] , input [ type = text ] , input [ type = password ] , textarea , select {
border : 1px solid # e5e5e5 ;
border-radius : 3px ;
padding : 5px 0 ;
text-indent : 10px ;
width : 100 % ;
height : 30px ;
line-height : 30px ;
}
input [ type = text ] : focus , input [ type = password ] : focus , textarea : focus {
}
/* TO TOP */
div # totop {
background : url ( '../img/gotop.png' ) no-repeat center center # e36ea2 ;
font-size : 0 ;
letter-spacing : -2px ;
margin-top : 20px ;
padding-bottom : 15px ;
position : relative ;
position : fixed ;
bottom : 10px ;
right : 10px ;
display : block ;
width : 60px ;
height : 60px ;
display : none ;
transition : all 1s ease ;
cursor : pointer ;
z-index : 10 ;
-webkit-background-size : 50 % ;
background-size : 50 % ;
border : 1px solid # fff ;
}
div # totop . active {
display : block ;
}
/* CONTENT */
body # page # columns {
padding : 10px ;
background-color : # f0f0f0 ! important ;
color : # 333 ;
}
body # index # columns {
padding : 0px ;
}
/*** INDEX - CONNEXION ***/
/* HEADER */
# page # header a {
display : inline-block ;
height : 60px ;
width : 100 % ;
text-align : center ;
}
# page # header . logo_block a {
display : block ;
text-align : center ;
height : 60px ;
line-height : 60px ;
width : 100 % ;
vertical-align : middle ;
}
/* Breadcrumb */
body # index # page # columns . content . breadcrumb {
display : none ;
}
/* Authentication */
body # authentication # page # columns . content # authentication_area ,
body # index # page # columns . content # authentication_area {
background : rgba ( 255 , 255 , 255 , 0 . 8 ) ;
padding : 15px ;
text-align : center ;
}
body # authentication # page # columns . content # authentication_area form ,
body # index # page # columns . content # authentication_area form {
background : # fff ;
padding : 0px 20px ;
}
body # authentication # page # columns . content # authentication_area form h3 ,
body # index # page # columns . content # authentication_area form h3 {
text-align : left ;
font-family : Georgia ;
margin-bottom : 0 ;
font-weight : normal ;
border-bottom : 1px solid # e4e4e4 ;
font-size : 18px ;
color : # 504c89 ;
padding-bottom : 5px ;
}
body # authentication # page # columns . content # authentication_area form label ,
body # index # page # columns . content # authentication_area form label {
display : block ;
float : left ;
font-size : 14px ;
padding : 10px 0px 5px 0px ;
}
body # authentication # page # columns . content # authentication_area form p . submit ,
body # index # page # columns . content # authentication_area form p . submit {
margin : 15px 0px ;
text-align : center ;
}
body # password form p . submit input [ type = submit ] {
background : # 565485 ;
border : 0 ;
color : # fff ;
padding : 10px 10px ;
}
body # authentication # page # columns . content # authentication_area form p . submit input [ type = submit ] ,
body # index # page # columns . content # authentication_area form p . submit input [ type = submit ] {
background : rgb ( 100 , 97 , 150 ) ;
background : -moz-linear-gradient ( top , rgba ( 100 , 97 , 150 , 1 ) 0 % , rgba ( 76 , 72 , 126 , 1 ) 100 % ) ;
background : -webkit-gradient ( linear , left top , left bottom , color-stop ( 0 % , rgba ( 100 , 97 , 150 , 1 ) ) , color-stop ( 100 % , rgba ( 76 , 72 , 126 , 1 ) ) ) ;
background : -webkit-linear-gradient ( top , rgba ( 100 , 97 , 150 , 1 ) 0 % , rgba ( 76 , 72 , 126 , 1 ) 100 % ) ;
background : -o-linear-gradient ( top , rgba ( 100 , 97 , 150 , 1 ) 0 % , rgba ( 76 , 72 , 126 , 1 ) 100 % ) ;
background : -ms-linear-gradient ( top , rgba ( 100 , 97 , 150 , 1 ) 0 % , rgba ( 76 , 72 , 126 , 1 ) 100 % ) ;
background : linear-gradient ( to bottom , rgba ( 100 , 97 , 150 , 1 ) 0 % , rgba ( 76 , 72 , 126 , 1 ) 100 % ) ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#646196' , endColorstr = '#4c487e' , GradientType = 0 ) ;
width : 100 % ;
height : 42px ;
text-align : center ;
text-decoration : none ;
border-radius : 0px ;
color : # ffffff ! important ;
font-size : 14px ;
font-style : italic ;
border-radius : 2px ;
border : none ;
font-family : Georgia ;
}
body # authentication # page # columns . content # authentication_area form p . submit a . lost-password ,
body # index # page # columns . content # authentication_area form p . submit a . lost-password {
display : block ;
margin : 15px 15px 0px 15px ;
font-family : Arial , Helvetica , sans-serif ;
font-style : italic ;
color : # e36ea2 ! important ;
font-size : 14px ;
text-shadow : none ;
}
body # authentication # page # columns . content # authentication_area form # create-account_form ,
body # index # page # columns . content # authentication_area form # create-account_form {
padding : 15px 0px ;
}
body # authentication # page # columns . content # authentication_area form # create-account_form p . text ,
body # index # page # columns . content # authentication_area form # create-account_form p . text {
font-family : "georgiaitalic" ;
font-size : 14px ;
margin-top : 10px ;
}
body # authentication # page # columns . content # authentication_area form # create-account_form ul ,
body # index # page # columns . content # authentication_area form # create-account_form ul {
display : none ;
}
body # authentication # page # columns . content # authentication_area # blockauth-bottom ,
body # index # page # columns . content # authentication_area # blockauth-bottom {
padding : 15px 0px ;
}
body # authentication # page # columns . content # authentication_area # blockauth-bottom p ,
body # index # page # columns . content # authentication_area # blockauth-bottom p {
margin-bottom : 10px ;
font-family : "georgiaitalic" ;
font-size : 14px ;
}
div . paiement_logo_block a {
display : none ;
}
div . paiement_logo_block a . payment {
display : block ;
margin-top : 10px ;
text-align : center ;
}
@ media screen and ( max-width : 400px ) {
div . paiement_logo_block a . payment img {
max-width : 300px ;
}
}
# paiement_logo_block_left {
margin-bottom : 10px ;
}
# editorial_block_center ,
div . multi_links_block_left {
margin : 0px 15px ;
text-align : left ;
}
# editorial_block_center h4 : after ,
div . multi_links_block_left h4 : after {
font-family : 'bebeboutik' ;
content : "\ea0a" ;
font-size : 15px ;
float : right ;
}
# editorial_block_center h4 ,
div . multi_links_block_left h4 {
font-family : Georgia ;
text-align : left ;
border-bottom : 1px solid # e4e4e4 ;
position : relative ;
font-weight : normal ;
color : # 504c89 ;
font-size : 18px ;
cursor : pointer ;
line-height : 30px ;
margin-bottom : 10px ;
text-indent : 10px ;
padding-bottom : 5px ;
margin-right : 5px ;
}
# editorial_block_center h4 . active : after ,
div . multi_links_block_left h4 . active : after {
font-family : 'bebeboutik' ;
content : "\ea0b" ;
font-size : 15px ;
float : right ;
}
# editorial_block_center ul ,
div . multi_links_block_left ul {
list-style : none ;
margin-left : 10px ;
display : none ;
}
# editorial_block_center ul li ,
div . multi_links_block_left ul li {
height : 30px ;
line-height : 30px ;
font-size : 13px ;
}
# editorial_block_center li a ,
div . multi_links_block_left ul li a {
color : # 504c89 ! important ;
font-size : 14px ;
}
div # editorial_block_center p {
text-align : center ;
}
div # editorial_block_center p : last-child {
text-align : center ! important ;
font-size : 12px ;
padding-bottom : 15px ;
}
div # editorial_block_center p a {
display : inline-block ;
width : 43px ;
max-width : 43px ;
height : 43px ;
max-height : 43px ;
margin : 10px ;
overflow : hidden ;
background-image : url ( '../img/social.png' ) ;
background-position : -47px center ;
background-color : transparent ;
background-repeat : no-repeat ;
color : transparent ;
}
div # editorial_block_center p a : first-child {
background-position : 0px center ;
}
. footer_img {
margin-top : 30px ;
text-align : center ;
margin-bottom : 20px ;
}
. footer_img img { width : 70 % ; }
. footer_social {
margin-top : 20px ;
}
div # page # header ,
div # page # header . content ,
div # page # header . content . top {
height : 60px ;
width : 100 % ;
overflow : hidden ;
background : rgb ( 100 , 97 , 150 ) ;
background : -moz-linear-gradient ( top , rgba ( 100 , 97 , 150 , 1 ) 0 % , rgba ( 76 , 72 , 126 , 1 ) 100 % ) ;
background : -webkit-gradient ( linear , left top , left bottom , color-stop ( 0 % , rgba ( 100 , 97 , 150 , 1 ) ) , color-stop ( 100 % , rgba ( 76 , 72 , 126 , 1 ) ) ) ;
background : -webkit-linear-gradient ( top , rgba ( 100 , 97 , 150 , 1 ) 0 % , rgba ( 76 , 72 , 126 , 1 ) 100 % ) ;
background : -o-linear-gradient ( top , rgba ( 100 , 97 , 150 , 1 ) 0 % , rgba ( 76 , 72 , 126 , 1 ) 100 % ) ;
background : -ms-linear-gradient ( top , rgba ( 100 , 97 , 150 , 1 ) 0 % , rgba ( 76 , 72 , 126 , 1 ) 100 % ) ;
background : linear-gradient ( to bottom , rgba ( 100 , 97 , 150 , 1 ) 0 % , rgba ( 76 , 72 , 126 , 1 ) 100 % ) ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#646196' , endColorstr = '#4c487e' , GradientType = 0 ) ;
position : relative ;
-webkit-box-shadow : 0 5px 3px -3px # ccc ;
-moz-box-shadow : 0 5px 3px -3px # ccc ;
box-shadow : 0 5px 3px -3px # ccc ;
}
body # index div # page # header . content . top . logo_block {
min-width : 100 % ;
width : 100 % ;
max-width : 100 % ;
}
body . logged div # page # header . content . top . logo_block {
min-width : 27 . 5 % ! important ;
width : 27 . 5 ! important ;
max-width : 27 . 5 % ! important ;
height : 60px ;
line-height : 60px ;
display : inline-block ;
overflow : hidden ;
float : left ;
background : # e36ea2 ;
border-bottom : 2px solid # c35e8b ;
}
body # index div # page # header . content . top . logo_block a {
width : 100 % ;
}
body # index . logged div # page # header . content . top . logo_block a {
display : inline-block ;
min-width : 100 % ;
width : 95px ;
display : block ;
max-width : 100 % ;
height : 60px ;
line-height : 60px ;
overflow : hidden ;
}
div # page # header . content . top . logo_block a img {
vertical-align : middle ;
width : 60 % ;
}
div # page # header . content . top # header_user {
display : inline-block ;
min-width : 48 . 1 % ;
width : 48 . 1 % ;
max-width : 48 . 1 % ;
height : 60px ;
border-bottom : 2px solid # 413e6b ;
}
/ * @ media screen and ( max-width : 320px ) {
div # page # header . content . top # header_user {
max-width : 225px ;
}
} * /
div # page # header . content . top # header_user ul {
margin : 0px ;
padding : 0px ;
}
div # page # header . content . top # header_user ul li {
display : inline-block ;
min-width : 49 . 5 % ;
width : 49 . 5 % ;
max-width : 49 . 5 % ;
height : 60px ;
border-right : 1px solid # 8d8baa ;
max-height : 60px ;
overflow : hidden ;
float : left ;
}
div # page # header . content . top # header_user ul li a span {
color : # fff ;
font-size : 10px ;
position : relative ;
top : 5px ;
}
div # page # header . content . top # header_user ul li a span . desc {
display : none ;
}
div # page # header . content . top # header_user ul li : first-child i {
color : # fff ;
top : 10px ;
text-align : center ;
font-size : 28px ;
position : relative ;
}
div # page # header . content . top # header_user ul li a {
display : block ;
text-align : center ;
position : relative ;
width : 100 % ;
background-repeat : no-repeat ;
background-position : center 8px ;
}
div # page # header . content . top # header_user ul li . active a {
border-color : # e36ea2 ;
}
div # page # header . content . top # header_user ul li . last { text-align : center ; }
div # page # header . content . top # header_user ul li . last i {
top : 10px ;
font-size : 28px ;
position : relative ;
color : # fff ;
}
div # page # header . content . top # cart_block {
display : inline-block ;
float : right ;
border-bottom : 2px solid # 413e6b ;
width : 23 % ;
height : 60px ;
max-height : 60px ;
}
div # page # header . content . top # cart_block a {
display : inline ;
}
div # page # header . content . top # cart_block { text-align : center ; }
div # page # header . content . top # cart_block i {
font-size : 28px ;
position : relative ;
color : # fff ;
top : 10px ;
}
div # page # header . cart_link . block_content {
position : relative ;
top : -20px ;
}
div # page # header . cart_link {
display : block ! important ;
width : 100 % ;
height : 100 % ;
}
div # page # header . content . top # cart_block span {
color : # fff ;
font-size : 10px ;
position : relative ;
top : 5px ;
}
div # page # header . content . top # cart_block # cart_block_summary span . ajax_cart_quantity {
position : absolute ;
left : 53 % ;
width : 20px ;
top : -20px ;
height : 20px ;
z-index : 10 ;
line-height : 10px ;
}
div # page # header . content . top # cart_block # cart_block_summary . active {
border-color : # e36ea2 ;
}
. cart_block_list ,
. ajax_cart_total ,
. ajax_cart_product_txt ,
. ajax_cart_product_txt_s {
display : none ! important ;
}
. ajax_cart_quantity {
display : inline-block ;
position : absolute ;
border-radius : 10px ;
padding : 5px ;
font-weight : bold ;
background : # e36ea2 ;
color : # fff ;
right : 30 % ;
top : 30px ;
}
/ * @ media screen and ( max-width : 390px ) {
. ajax_cart_quantity {
right : 20px ;
}
}
@ media screen and ( min-width : 800px ) {
. ajax_cart_quantity {
right : 40 % ;
}
}
* /
div # page # header . content . top # cart_block # cart_block_summary span . ajax_cart_no_product {
display : none ! important ;
}
div # page # header . content . top # cart_block div # cart_block_list {
display : none ;
}
# left_column ,
# center_column . breadcrumb {
display : none ;
}
body # index . logged # center_column {
background : # F0F0F0 ! important
}
body # order-detail # center_column ,
body # module-advsendtoafriend-sendtoafriend-form # center_column ,
body # password # center_column ,
body # discount # center_column ,
body # identity # center_column ,
body # addresses # center_column ,
body # address # center_column ,
body # order-slip # center_column ,
body # order-follow # center_column ,
body # history # center_column {
overflow : hidden ;
}
/* MY ACCOUNT */
body # module-advsendtoafriend-sendtoafriend-form # columns . content # center_column h1 ,
body # authentication # columns . content # center_column # account-creation_form h3 ,
body # password # columns . content # center_column h3 {
color : # 504c89 ;
float : right ;
width : 100 % ;
text-transform : uppercase ;
text-align : center ;
height : 60px ;
line-height : 60px ;
font-size : 18px ;
font-family : Georgia ;
font-weight : normal ;
margin : 0px ;
margin-bottom : 15px ;
}
body # validation # center_column h1 ,
body # order-detail # center_column h1 ,
body # discount # columns . content # center_column h1 ,
body # identity # columns . content # center_column h1 ,
body # addresses # columns . content # center_column h1 ,
body # order-slip # center_column h1 ,
body # order-follow # center_column h1 ,
body # history # center_column h1 {
color : # 504c89 ;
float : right ;
width : 100 % ;
text-align : center ;
font-size : 18px ;
font-family : Georgia ;
font-weight : normal ;
margin : 0px ;
margin-bottom : 15px ;
height : auto ;
line-height : auto ;
}
body # addresses # columns . content # center_column h1 span {
font-size : 18px ;
}
body # my-account # center_column h4 {
display : none ;
}
body # my-account # center_column ul {
margin : 0px ;
list-style : none ;
}
body # my-account # center_column ul li {
padding : 10px 0 ;
height : auto ;
font-size : 12px ;
background : # fff ;
margin-bottom : 10px ;
border : 1px solid # f1f1f1 ;
clear : both ;
}
body # my-account # center_column ul li i {
color : # 504c89 ;
display : block ;
float : left ;
font-size : 18px ;
margin : 5px 15px 5px 5px ;
position : relative ;
top : -5px ;
}
body # my-account # center_column ul li a {
color : # 434d52 ;
text-transform : uppercase ;
padding-left : 15px ;
display : block ;
width : 94 % ;
padding : 0px 3 % ;
}
body # my-account # center_column p . footer_links {
text-align : center ;
padding-top : 20px ;
}
body # my-account # center_column p . footer_links a . button {
border : 0 ;
display : inline-block ;
height : 40px ;
line-height : 40px ;
text-align : center ;
padding : 0px 5 % ;
color : # f0f0f0 ;
font-size : 12px ;
text-transform : uppercase ;
background : # 565485
}
# center_column {
padding : 0px 10px ;
}
/* INDEX PRIVATE SALES */
body # module-advsendtoafriend-sendtoafriend-form div . letter p . info a {
color : # 333 ! important ;
line-height : 1em ! important ;
}
body # module-advsendtoafriend-sendtoafriend-form div . letter p . info a span . nl {
display : block ;
font-style : italic ;
font-weight : normal ;
font-size : 13px ;
}
body # index # columns # privatesales_block {
background-color : # f0f0f0 ! important ;
color : # 333 ;
}
body # index # columns # privatesales_block h2 {
font-size : 24px ;
font-family : Georgia , Helvetica , sans-serif ;
text-align : center ;
font-weight : normal ;
font-style : italic ;
height : 66px ;
line-height : 66px ;
margin : 0px ;
color : # 504c89 ;
margin-bottom : 15px ;
border-bottom : 4px double # e4e4e4 ;
}
body # index # columns # privatesales_block ul {
list-style : none ;
margin : 0px ;
}
body # index # columns # privatesales_block ul li {
/*height:260px;*/
background : # fff ;
margin-bottom : 20px ;
overflow : hidden ;
position : relative ;
}
body # trailer # columns . sale_links {
background : # fff ;
margin-bottom : 20px ;
overflow : hidden ;
position : relative ;
}
body # index # columns # privatesales_block # block_sales_home_future ul li . links { min-height : 60 px ; }
body # index # columns # privatesales_block # block_sales_home_future ul li . short_desc { width : 100 % ; }
body # index # columns # privatesales_block # block_sales_home_future ul li . percent {
float : right ;
}
body # index # columns # privatesales_block ul li a . img_link ,
body # trailer # columns a . img_link {
display : block ;
width : 100 % ;
height : auto ;
text-align : center ;
}
body # index # columns # privatesales_block . delivery_delay {
position : absolute ;
top : 5px ;
right : 5px ;
text-align : right ;
}
body # index # columns # privatesales_block . delivery_delay img {
width : 50 % ;
}
body # index # columns # privatesales_block ul li a . img_link img ,
body # trailer # columns a . img_link img {
width : 100 % ;
max-width : 100 % ;
max-height : 100 % ;
}
body # index # columns # privatesales_block ul li . date_sale {
height : 46px ;
margin-top : -50px ;
padding : 10px ;
position : relative ;
font-family : Georgia ;
font-size : 14px ;
color : # 666666 ;
line-height : 26px ;
background : url ( '../img/ico_time.png' ) no-repeat 10px center rgba ( 255 , 255 , 255 , 0 . 9 ) ;
padding-left : 48px ;
}
body # index # columns # privatesales_block ul li . date_sale . date span { color : #e36ea2 ; }
body # index # columns # privatesales_block ul li . short_desc {
padding : 3px 3 % ;
border-bottom : 4px solid # cccccc ;
}
body # index # columns # privatesales_block ul li . actions . date ,
body # index # columns # privatesales_block ul li . short_desc . date {
display : inline-block ;
width : 40 % ;
font-size : 13px ;
margin : 0 0 0 3 % ;
}
body # index # columns # privatesales_block ul li . links ,
body # trailer # columns . links {
position : relative ;
min-height : 84px ;
overflow : auto ;
}
body # index # columns # privatesales_block ul li . links . short_desc ,
body # trailer # columns . links . short_desc {
padding-top : 10px ;
float : left ;
padding-right : 10px ;
min-height : 84px ;
width : 78 % ;
line-height : 20px ;
}
body # trailer # columns . links . short_desc {
padding : 10px ;
}
body # index # columns # privatesales_block ul li . links . short_desc h3 ,
body # trailer # columns . links . short_desc h3 {
font-family : Georgia ;
color : # 504c89 ;
font-size : 20px ;
margin-bottom : 5px ;
font-weight : normal ;
}
body # index # columns # privatesales_block ul li . links . short_desc . small_title ,
body # trailer # columns . links . short_desc . small_title {
color : # 666666 ;
font-size : 13px ;
}
body # index # columns # privatesales_block ul li . links . short_desc . percent {
clear : both ;
font-size : 13px ;
margin-bottom : 5px ;
display : block ;
font-weight : bold ;
color : # 70bc2c ;
}
body # index # columns # privatesales_block ul li . links . actions ,
body # trailer # columns . links . actions {
background : url ( '../img/arrow-blank.png' ) no-repeat center center # 565485 ;
border-bottom : 4px solid # 3c3662 ;
height : 88px ;
min-height : 50px ;
position : absolute ;
bottom : 0 ;
width : 23 % ;
right : 0 ;
}
body # index # columns # privatesales_block ul li . links . actions a ,
body # trailer # columns . links . actions a {
display : block ;
width : 100 % ;
height : 100 % ;
}
body # index # columns # privatesales_block # block_sales_home_future {
}
body # index # columns # privatesales_block # block_sales_home div . nosale ,
body # index # columns # privatesales_block # block_sales_home_future div . nosale {
font-size : 13px ;
text-align : center ;
}
/* CMS */
body # order-confirmation h1 ,
body # cms h1 ,
body # contact-form # page # columns . content # center_column h1 {
font-size : 21px ! important ;
}
body # cms h1 . title {
line-height : 20px ;
}
body # cms # columns . content # center_column . rte p {
margin-bottom : 10px ;
font-size : 13px ;
text-align : justify ;
}
body # cms # columns . content # center_column . rte h2 {
font-size : 16px ;
}
body # cms # columns . content # center_column . rte ul ,
body # cms # columns . content # center_column . rte ul li {
font-size : 13px ;
list-style : none ;
}
/* CONTACT FORM */
body # contact-form # page # columns . content # center_column p # desc_contact0 {
display : none ;
}
body # contact-form # page # columns . content # center_column p {
font-size : 13px ;
}
body # contact-form # page # columns . content # center_column p label {
display : block ;
margin-top : 10px ;
margin-bottom : 5px ;
text-align : left ;
}
body # contact-form # page # columns . content # center_column p . select {
text-align : center ;
}
body # contact-form # page # columns . content # center_column p . select select ,
body # contact-form # page # columns . content # center_column p . text # email {
margin : 0px ;
width : 100 % ;
}
body # contact-form # page # columns . content # center_column p . textarea textarea {
min-width : 100 % ;
width : 100 % ;
max-width : 100 % ;
min-height : 100px ;
height : 150px ;
}
body # contact-form # page # columns . content # center_column p . submit {
margin-top : 20px ;
text-align : center ;
}
body # contact-form # page # columns . content # center_column p . submit input [ type = submit ] {
background : # 565485 ;
width : 100 % ;
height : 42px ;
text-shadow : 0px -1px 0px # 6E6E6E ;
text-decoration : none ;
text-align : center ;
color : # ffffff ! important ;
font-size : 16px ;
text-transform : uppercase ;
border : none ;
border-bottom : 2px solid # 5b5194 ;
}
/* PSALE CATEGORY */
body # category div . psales ,
body # product div . psales {
width : 100 % ;
padding : 0px ;
height : 55px ;
display : block ;
overflow : hidden ;
position : relative ;
margin-bottom : 10px ;
}
body # address div # order_step_parent . gradient ,
body # order div # order_step_parent . gradient ,
body # category div . psales . gradient ,
body # product div . psales . gradient {
height : 55px ;
width : 55px ;
display : inline-block ;
}
body # order-confirmation # center_column a . back ,
body # module-cheque-payment # center_column a . back ,
body # module-spay-payment # center_column a . back ,
body # module-paypal-payment-submit # center_column a . back ,
body # order-detail # center_column h1 a . back ,
body # module-advsendtoafriend-sendtoafriend-form # columns . content # center_column h1 a . back ,
body # authentication # columns . content # center_column # account-creation_form h3 a . back ,
body # password a . back ,
body # discount a . back ,
body # identity a . back ,
body # addresses a . back ,
body # address div # order_step_parent . gradient a . back ,
body # order div # order_step_parent . gradient a . back ,
body # order-slip a . back ,
body # order-follow a . back ,
body # history a . back ,
body # category div . psales a . back ,
body # product div . psales a . back {
height : 55px ;
width : 55px ;
color : transparent ;
position : relative ;
z-index : 100 ;
display : block ;
left : 0px ;
top : 0px ;
bottom : 0px ;
margin : 0px ;
background : url ( '../img/back_arrow.png' ) center center no-repeat # 565485 ;
}
body # category div # sale_end ,
body # product div # sale_end {
background : url ( "../img/ico_time.png" ) no-repeat 10px center ;
color : # 666666 ;
float : right ;
font-family : Georgia ;
font-size : 12px ;
height : 51px ;
line-height : 50px ;
position : relative ;
text-indent : 50px ;
border-left : 1px solid # e4e4e4 ;
width : 74 % ;
}
body # category div # sale_end # countdown ,
body # product div # sale_end # countdown {
color : # e36ea2 ;
}
2016-04-15 11:33:00 +02:00
body # category # sale_end . consumable ,
body # product # sale_end . consumable {
2016-04-15 11:26:00 +02:00
background : none ;
padding : 0 ;
}
2016-01-04 12:48:08 +01:00
body # category div . sale_img ,
body # product div . sale_img {
margin : 10px 0px ;
min-height : 90px ;
width : 100 % ;
text-align : center ;
}
body # category div . sale_img img ,
body # product div . sale_img img {
min-width : 90px ;
max-width : 100 % ;
max-height : 100 % ;
background : gray ;
}
body # category ul # product_list {
list-style : none ;
width : 100 % ;
}
body # category ul # product_list li {
width : 100 % ;
padding : 0px ;
background : # fff ;
padding : 5px ;
margin : 0px ;
display : block ;
position : relative ;
border-bottom : 4px solid # cccccc ;
margin-bottom : 15px ;
}
body # category ul # product_list li . out {
opacity : 0 . 5
}
body # category ul # product_list li div . left_block ,
body # category ul # product_list li div . right_block {
display : inline-block ;
width : 50 % ;
margin : 0px ;
padding : 0px ;
height : 180px ;
float : left ;
min-height : 180px ;
max-height : 180px ;
}
body # category ul # product_list li div . left_block {
text-align : center ;
border-right : 1px solid # e4e4e4 ;
}
body # category ul # product_list li div . left_block img {
position : relative ;
max-width : 100 % ;
height : auto ;
max-height : 100 % ;
display : inline-block ;
}
body # category ul # product_list li div . left_block img . rubber {
position : absolute ! important ;
z-index : 100 ;
}
body # category ul # product_list li div . right_block h3 {
margin : 0px ;
color : # 504c89 ;
}
body # order-detail table # order-product tbody tr . item . cart_description h5 {
font-size : 12px ;
font-weight : normal ;
}
body # order table # cart_summary tbody tr . cart_item . cart_description h5 ,
body # category ul # product_list li div . list-product-name h3 {
padding : 10px 2 % 5px 4 % ;
font-family : georgia ;
font-size : 16px ;
line-height : 20px ;
font-style : italic ;
font-weight : normal ;
text-shadow : 0px 0px 0px transparent ;
}
body # order table # cart_summary tbody tr . cart_item . cart_description h5 {
padding : 0px 1 % 0px 0 % ;
margin : 0px ;
}
body # order-detail table # order-product tbody tr . item . cart_description h5 a ,
body # order table # cart_summary tbody tr . cart_item . cart_description h5 a {
color : # 000 ;
}
body # category ul # product_list li div . list-product-price {
font-size : 12px ;
padding : 0px 2 % 0px 4 % ;
}
body # category ul # product_list li div . list-product-price span . old_price {
display : block ;
}
body # category ul # product_list li div . list-product-price . gradient {
position : absolute ;
bottom : -4px ;
right : 0px ;
}
body # category ul # product_list li div . list-product-price . gradient a {
display : inline-block ;
text-align : center ;
width : 60px ;
border-bottom : 4px solid # 3c3662 ;
height : 60px ;
background : # 565485 ;
line-height : 80px ;
}
body # order-detail table # order-product tbody tr . item . cart_description {
padding-left : 10px ;
}
body # order-detail table # order-product tbody tr . item . cart_description . cart_unit span . price {
font-size : 12px ;
font-family : "georgiaitalic" ;
color : # e36ea2 ;
}
body # order-detail table # order-product tbody tr . item . cart_description . quantity {
font-size : 12px ;
}
body # order table # cart_summary tbody tr . cart_item . cart_description . cart_unit span . price ,
body # category ul # product_list li div . list-product-price span . price {
font-family : "georgiaitalic" ;
color : # e36ea2 ;
font-size : 20px ;
font-weight : normal ;
margin-bottom : 5px ;
display : block ;
}
body # category ul # product_list li div . list-product-price span . reduction {
font-family : georgia ;
color : # 565485 ;
font-size : 14px ;
top : 5px ;
position : relative ;
}
body # category ul # product_list li div . list-product-price span . old_price {
font-family : georgia ;
color : # 9c9c9c ;
font-size : 11px ;
}
/* PRODUCT */
body # product . product_title # image-block {
width : 100 % ;
height : auto ;
text-align : center ;
}
body # product # primary_block # image-block img {
width : 100 % ;
max-height : 100 % ;
display : table-cell ;
vertical-align : middle ;
}
@ media screen and ( max-width : 320px ) {
body # product # primary_block # image-block img {
max-height : 280px ;
}
}
body # product # primary_block # thumbs_list {
/ *
height : 70px ;
padding : 20px ;
* /
text-align : center ;
}
body # product # primary_block # thumbs_list ul {
list-style : none ;
width : 100 % ! important ;
height : 100 % ;
margin : 0px ;
}
body # product # primary_block # thumbs_list ul li {
display : inline-block ;
margin-right : 4 . 1 % ;
/*width:15%;*/
height : 100 % ;
}
body # product # primary_block # thumbs_list ul li : last-child {
/ *
margin-right : 0px ;
* /
}
body # product # primary_block # thumbs_list ul li img {
max-width : 100 % ;
max-height : 100 % ;
}
body # product # primary_block div . show_price {
min-height : 70px ;
text-align : center ;
padding : 10px ;
}
body # product # primary_block div . show_price . price {
font-size : 26px ;
margin : 5px 0 ;
font-family : Georgia ;
font-style : italic ;
color : # e36ea2 ;
}
body # product # primary_block div . show_price # old_price {
font-size : 14px ;
font-family : Georgia ;
color : # 9c9c9c ;
}
body # product # primary_block div . show_price # reduction_percent {
display : block ;
margin-top : 5px ;
font-size : 18px ;
font-family : Georgia ;
color : # 565485 ;
margin-left : 5px ;
}
body # product # primary_block form # buy_block {
padding : 0px ;
}
body # product # primary_block form # buy_block # attributes {
margin-bottom : 10px ;
font-size : 14px ;
}
body # product # primary_block form # buy_block # attributes label {
margin-bottom : 5px ;
display : block ;
}
body # product # primary_block form # buy_block div . quantity_and_submit {
position : relative ;
}
body # product # primary_block form # buy_block div . quantity_and_submit # quantity_wanted_p {
display : inline-block ;
width : 20 % ;
font-size : 12px ;
}
body # order table # cart_summary tbody tr . cart_item . cart_description . cart_quantity label ,
body # product # primary_block form # buy_block div . quantity_and_submit # quantity_wanted_p label {
display : block ;
padding-bottom : 5px ;
font-family : Tahoma ;
}
body # order-detail table # order-product tbody tr . item . cart_description . cart_quantity input ,
body # order table # cart_summary tbody tr . cart_item . cart_description . cart_quantity input ,
body # product # primary_block form # buy_block div . quantity_and_submit # quantity_wanted_p input {
text-align : center ;
height : 40px ;
line-height : 40px ;
}
body # product # primary_block form # buy_block div . quantity_and_submit # add_to_cart {
width : 75 % ;
float : right ;
position : absolute ;
bottom : 0 ;
right : 0 ;
}
body # product # primary_block form # buy_block div . quantity_and_submit # add_to_cart : after {
content : " " ;
display : inline-block ;
position : absolute ;
z-index : 2 ;
background : url ( '../img/cart.png' ) no-repeat center center # e36ea2 ;
height : 36px ;
width : 40px ;
top : 0px ;
right : 0 ;
border-bottom : 4px solid # b0547e ;
}
body # product # primary_block form # buy_block div . quantity_and_submit # add_to_cart input {
background : # 565485 ;
color : # fff ;
font-family : Georgia ;
text-align : left ;
font-style : italic ;
width : 100 % ;
text-indent : 30px ;
font-size : 14px ;
border : 0 ;
height : 40px ;
line-height : 37px ;
border-bottom : 4px solid # 3c3662 ;
}
body # product # pb-left-column {
background : # fff ;
margin-top : 15px ;
font-family : Tahoma ;
}
body # product # primary_block div . facebook_like {
display : none ;
/ *
margin : 0px auto ;
width : 86 % ;
overflow : hidden ;
border-bottom : 2px solid # e9e9e9 ;
* /
}
body # product p . warning_inline {
width : 100 % ;
margin-top : 15px ;
background : # e36ea2 ;
color : # fff ;
clear : both ;
font-size : 11px ;
padding : 15px ;
font-size : 12px ;
line-height : 1 . 5em ;
font-weight : bold ;
border-bottom : 2px solid # fff ;
font-family : Tahoma ;
float : left ;
}
body # product # primary_block # short_description_block {
padding : 20px ;
font-size : 12px ;
color : # 1e1633 ;
}
body # product # primary_block # short_description_block a {
color : # 565485 ;
}
body # product # primary_block # loyalty {
font-size : 12px ;
padding : 0 20px ;
}
body # product # primary_block # more_info_block {
font-size : 12px ;
font-family : Tahoma ;
}
body # product # primary_block # more_info_sheets {
border-top : 2px solid # e9e9e9 ;
padding-top : 20px ;
}
body # product # primary_block # short_description_block ul {
list-style-position : outside ;
margin-left : 15px ;
}
body # product # primary_block # short_description_block ul li {
margin-bottom : 5px ;
text-align : justify ;
}
body # product # primary_block # short_description_block iframe {
max-width : 100 % ;
max-height : 100 % ;
}
body # module-invite-invite-program p . error {
text-align : center ;
margin : 20px 0 ;
color : # cc0000 ;
}
body # module-invite-invite-program p . succes {
text-align : center ;
margin : 20px 0 ;
color : # e36ea2 ;
}
body # module-invite-invite-program . tab_wrap h2 . gradient ,
body # product # primary_block . btn_more_info_block . gradient {
width : 100 % ;
height : 100 % ;
display : block ;
}
# invite_link {
clear : both ;
}
body # module-invite-invite-program . tab_wrap h2 . gradient a ,
body # product # primary_block . btn_more_info_block . gradient a {
display : inline-block ;
width : 100 % ;
height : 40px ;
line-height : 40px ;
text-align : center ;
color : # fff ;
position : relative ;
font-weight : bold ;
font-family : Georgia ;
}
body # module-invite-invite-program . tab_wrap h2 . gradient a {
text-align : left ;
padding-left : 2 % ;
font-size : 18px ;
color : # 504c89 ;
font-weight : normal ;
}
body # module-invite-invite-program . tab_wrap h2 . gradient a : after ,
body # product # primary_block . btn_more_info_block . gradient a : after {
position : absolute ;
width : 26px ;
height : 26px ;
display : inline-block ;
content : " " ;
right : 7px ;
top : 12px ;
background : url ( '../img/picto_footer.png' ) no-repeat 0 -60px ;
}
body # module-invite-invite-program . tab_wrap > div {
padding : 0 10px ;
}
body # module-invite-invite-program . tab_wrap . opened h2 . gradient a : after {
background-position : 0 0 ;
}
body # product # primary_block # more_info_block {
padding : 0px 20px 20px 20px ;
font-size : 12px ;
}
body # authentication # columns . content # center_column # account-creation_form h3 ,
body # password # columns . content # center_column h3 ,
body # order-follow # columns . content # center_column h1 ,
body # module-advsendtoafriend-sendtoafriend-form # columns . content # center_column h1 {
font-size : 15px ;
text-align : right ;
padding-right : 7px ;
}
body # authentication # columns . content # center_column # account-creation_form h3 span ,
body # password # columns . content # center_column h3 span ,
body # order-follow # columns . content # center_column h1 span ,
body # module-advsendtoafriend-sendtoafriend-form # columns . content # center_column h1 span {
float : left ;
}
body # order-follow # columns . content # center_column > p / * ,
/*body#history #columns .content #center_column > p*/ {
display : none ;
}
body # module-advsendtoafriend-sendtoafriend-form # columns . content # center_column p ,
body # discount # columns . content # center_column p ,
body # order-slip # columns . content # center_column # block-history ,
body # order-follow # columns . content # center_column # block-history ,
body # history # columns . content # center_column # block-history {
margin : 15px 5 % ;
font-size : 13px ;
}
body # order-detail # block-history {
clear : both ;
}
/* Add Cart Pop Up */
# jqibox {
background : rgba ( 0 , 0 , 0 , 0 . 9 ) ;
}
# jqibox . jqi {
position : absolute ;
top : 30 % ! important ;
left : 2 % ! important ;
right : 2 % ! important ;
margin-left : 0px ! important ;
}
. jqicontainer {
background : # fff ;
margin : 0px 2 % ;
color : # 000 ;
padding-bottom : 15px ;
}
. jqicontainer . jqiclose {
display : none ;
}
. jqimessage {
padding : 10 % 5 % ;
text-align : center ;
}
. jqibuttons {
height : 40px ;
line-height : 40px ;
width : 100 % ;
font-size : 14px ;
padding : 0px 5px ;
}
. jqibuttons . gradient : last-child {
float : right ;
}
body # module-advsendtoafriend-sendtoafriend-form p . submit {
text-align : right ;
}
# title_block {
display : block ;
width : 100 % ;
overflow : auto ;
}
body # module-advsendtoafriend-sendtoafriend-form input # submitAddtoafriend ,
body # authentication input # submitAccount ,
body # identity . submit input [ type = submit ] ,
body # module-invite-invite-program input # revive ,
body # module-invite-invite-program input [ type = submit ] ,
. jqibuttons . jqidefaultbutton {
width : 100 % ;
height : 40px ;
padding : 0px 15px 0px 15px ;
text-decoration : none ;
color : # fff ;
border : 0px none ;
position : relative ;
right : 0px ;
border-radius : 0px ! important ;
background : # 565485
}
body # addresses . footer_links a {
line-height : 40px ;
}
# jqi_state0_buttonRetour {
left : 0px ;
background : url ( "../img/reverse-arrow-submit.png" ) no-repeat scroll left 50 % transparent ;
}
/* ORDER step 1 & address */
body # module-cheque-payment h1 ,
body # module-cheque-payment h3 ,
body # module-spay-payment h1 ,
body # module-paypal-payment-submit h1 ,
body # address h1 ,
body # order h1 {
display : none ;
}
body # order-confirmation . gradient ,
body # module-cheque-payment . gradient ,
body # module-spay-payment . gradient ,
body # module-paypal-payment-submit . gradient ,
body # address . gradient ,
body # order . gradient {
float : left ;
}
body # order-confirmation div # order_step_parent ,
body # module-cheque-payment div # order_step_parent ,
body # module-spay-payment div # order_step_parent ,
body # module-paypal-payment-submit div # order_step_parent ,
body # address div # order_step_parent ,
body # order div # order_step_parent {
margin-bottom : 15px ;
}
body # order-confirmation ul # order_step ,
body # module-cheque-payment ul # order_step ,
body # module-spay-payment ul # order_step ,
body # module-paypal-payment-submit ul # order_step ,
body # address ul # order_step ,
body # order ul # order_step {
font-family : Georgia ;
font-size : 18px ;
float : left ;
margin : 0px ;
margin-top : 10px ;
margin-left : 10px ;
}
body # order-confirmation ul # order_step li ,
body # module-cheque-payment ul # order_step li ,
body # module-spay-payment ul # order_step li ,
body # module-paypal-payment-submit ul # order_step li ,
body # address ul # order_step li ,
body # order ul # order_step li {
display : none ;
}
body # order-confirmation ul # order_step li . step_current ,
body # module-cheque-payment ul # order_step li . step_current ,
body # module-spay-payment ul # order_step li . step_current ,
body # module-paypal-payment-submit ul # order_step li . step_current ,
body # address ul # order_step li . step_current ,
body # order ul # order_step li . step_current {
display : inline-block ;
}
body # order-confirmation ul # order_step li . step_done ,
body # module-cheque-payment ul # order_step li . step_done ,
body # module-spay-payment ul # order_step li . step_done ,
body # module-paypal-payment-submit ul # order_step li . step_done ,
body # address ul # order_step li . step_done ,
body # order ul # order_step li . step_done {
background : # 000 ;
}
body # order-confirmation ul # order_step li . step_done ,
body # module-cheque-payment ul # order_step li . step_done ,
body # module-spay-payment ul # order_step li . step_done ,
body # module-paypal-payment-submit ul # order_step li . step_done ,
body # address ul # order_step li . step_done ,
body # address ul # order_step li . step_done ,
body # order ul # order_step li . step_done {
display : inline-block ;
margin-right : -4px ;
}
body # order-confirmation ul # order_step li . step_done span ,
body # module-cheque-payment ul # order_step li . step_done span ,
body # module-spay-payment ul # order_step li . step_done span ,
body # module-paypal-payment-submit ul # order_step li . step_done span ,
body # address ul # order_step li . step_done span ,
body # address ul # order_step li . step_done span ,
body # order ul # order_step li . step_done span {
display : none ;
}
body # order-confirmation ul # order_step li . step_done span . number ,
body # order-confirmation ul # order_step li . step_current span . number ,
body # module-cheque-payment ul # order_step li . step_done span . number ,
body # module-cheque-payment ul # order_step li . step_current span . number ,
body # module-spay-payment ul # order_step li . step_done span . number ,
body # module-spay-payment ul # order_step li . step_current span . number ,
body # module-paypal-payment-submit ul # order_step li . step_done span . number ,
body # module-paypal-payment-submit ul # order_step li . step_current span . number ,
body # address ul # order_step li . step_done span . number ,
body # order ul # order_step li . step_done span . number ,
body # address ul # order_step li . step_current span . number ,
body # order ul # order_step li . step_current span . number {
font-family : Georgia ;
background : # e36ea2 ;
display : inline-block ;
width : 35px ;
height : 35px ;
line-height : 35px ;
color : # fff ;
text-align : center ;
font-size : 20px ;
border-left : 2px solid # fff ;
}
body # order-confirmation ul # order_step li . step_done span . number ,
body # module-cheque-payment ul # order_step li . step_done span . number ,
body # module-spay-payment ul # order_step li . step_done span . number ,
body # module-paypal-payment-submit ul # order_step li . step_done span . number ,
body # address ul # order_step li . step_done span . number ,
body # order ul # order_step li . step_done span . number {
background : # 565485 ;
}
body # order-detail table # order-product ,
body # order-detail table # order-product tbody ,
body # order-detail table # order-product tbody tr ,
body # order table # cart_summary ,
body # order table # cart_summary thead tr ,
body # order table # cart_summary tbody tr ,
body # order table # cart_summary tfoot tr ,
body # order table # cart_summary thead ,
body # order table # cart_summary tfoot ,
body # order table # cart_summary tbody {
width : 100 % ;
font-family : Tahoma ;
}
body # order table # cart_summary thead tr th ,
body # order table # cart_summary tbody tr td ,
body # order table # cart_summary tfoot tr td {
display : table-cell ;
}
body # order-detail table # order-product * ,
body # order table # cart_summary * {
padding : 0px ;
}
body # order-detail table # order-product tbody tr . item ,
body # order table # cart_summary tbody tr . cart_item {
border : 0px ;
border-bottom : 5px solid # eee ;
padding : 0px ;
margin : 0px ;
width : 100 % ;
}
body # order-detail table # order-product tbody tr . item td ,
body # order table # cart_summary tbody tr . cart_item td {
display : table-cell ;
border : 0px ;
padding : 0px ;
margin : 0px ;
min-height : 140px ;
height : 100 % ;
}
body # order-detail table # order-product tbody tr . item td . cart_name ,
body # order table # cart_summary tbody tr . cart_item td . cart_name {
font-size : 13px ;
padding-left : 10px ;
}
body # order-detail table # order-product tbody tr . item td . cart_name a ,
body # order table # cart_summary tbody tr . cart_item td . cart_name a {
color : # 9c9c9c ;
}
body # order-detail table # order-product tbody tr . item td . cart_name h5 a ,
body # order table # cart_summary tbody tr . cart_item td . cart_name h5 a {
color : # 222 ;
font-weight : normal ;
}
body # order-detail table # order-product tbody tr . item td . cart_price ,
body # order table # cart_summary tbody tr . cart_item td . cart_price {
font-size : 12px ;
text-align : center ;
width : 75px ;
}
body # order-detail table # order-product tbody tr . item td . cart_quantity ,
body # order table # cart_summary tbody tr . cart_item td . cart_quantity {
font-size : 11px ;
text-align : center ;
}
body # order-detail table # order-product tbody tr . item td . cart_quantity label ,
body # order table # cart_summary tbody tr . cart_item td . cart_quantity label {
margin-bottom : 5px ;
position : relative ;
text-transform : capitalize ;
display : block ;
width : 60px ;
}
. cart_quantity . cart_quantity_input {
text-align : center ;
width : 35px ;
text-indent : 0 ;
}
. referal_footer_links . button {
float : left ;
color : # fff ;
background : # e36ea2 ;
margin-top : 15px ;
padding : 10px ;
font-size : 12px ;
text-transform : uppercase ;
}
body # order . cart_navigation . button_large {
background : # e36ea2
}
body # order-detail table # order-product tbody tr . item td . cart_delete a ,
body # order table # cart_summary tbody tr . cart_item td . cart_delete a {
background : # 565485 ;
border-radius : 65px ;
color : # fff ;
display : block ;
font-size : 12px ;
height : 20px ;
line-height : 11px ;
margin-left : 5px ;
padding : 5px ;
position : relative ;
text-indent : 2px ;
top : 5px ;
width : 21px ;
}
body # order table # cart_summary tfoot {
margin-top : 15px ;
}
body # order table # cart_summary tfoot tr . economy { }
body # order table # cart_summary tfoot tr . economy td {
font-size : 12px ;
padding-bottom : 5px ;
padding-top : 10px ;
}
body # order table # cart_summary tfoot tr . economy . tright {
text-align : right ;
}
body # order table # cart_summary tfoot tr . economy . tleft {
text-align : left ;
border-bottom : 0 ;
margin-left : 15px ;
float : left ;
}
body # order table # cart_summary tfoot tr . cart_total_voucher ,
body # order table # cart_summary tfoot tr . cart_total_price {
font-family : Tahoma ;
font-size : 14px ;
font-weight : bold ;
text-align : right ;
color : # 565485 ;
background : # fff
}
body # order table # cart_summary tfoot tr . cart_total_price . tright {
text-align : right ;
font-size : 16px ;
font-weight : normal ;
}
body # order table # cart_summary tfoot tr . cart_total_price . tleft # total_product {
float : left ;
font-weight : normal ;
font-size : 18px ;
margin-left : 15px ;
}
body # order table # cart_summary tfoot tr . cart_total_voucher td {
font-size : 12px ;
padding : 10px ;
}
body # order table # cart_summary tfoot tr . cart_total_price td {
padding : 10px 0px ;
font-size : 12px ;
}
body # order table # cart_summary tfoot tr . cart_total_voucher td span ,
body # order table # cart_summary tfoot tr . cart_total_price td span {
float : right ;
color : # e36ea2 ;
font-family : Tahoma ;
font-size : 14px ;
}
body # order-detail table # order-product tbody tr . cart_discount td . cart_discount_price {
color : # e36ea2 ;
font-family : Tahoma ;
font-size : 14px ;
text-align : right ;
vertical-align : middle ! important ;
font-weight : bold ;
}
body # order table # cart_summary tfoot tr . shipping_cost_third_step td ,
body # order table # cart_summary tfoot tr . cart_total_voucher td {
font-size : 12px ;
}
body # order # center_column # shipping_cost_third_step ,
body # order # center_column # cart_voucher_toggle_wrapper {
padding-left : 0 ;
}
body # order # center_column # shipping_cost_third_step i ,
body # order # center_column # cart_voucher_toggle_wrapper i ,
body # order # center_column . economy i {
color : # e36ea2 ;
font-size : 27px ;
float : left ;
margin-right : 15px ;
}
body # order # center_column . economy {
color : # 434d52 ;
font-family : Tahoma ;
font-size : 12px ;
padding : 12px ;
padding-left : 0 ;
border-top : 1px solid # ccc ;
}
body # order # center_column # cart_voucher {
padding-top : 10px ;
background : # fff ;
font-family : Tahoma ;
}
body # order # center_column # cart_voucher label {
color : # e36ea2 ;
font-family : Georgia ;
margin-bottom : 10px ;
text-transform : uppercase ;
}
body # order # center_column # cart_voucher h4 {
font-size : 12px ;
}
body # order # shipping_cost_third_step table tr ,
body # order # shipping_cost_third_step table tr td ,
body # order # cart_voucher_toggle_wrapper table tr ,
body # order # cart_voucher_toggle_wrapper table tr td {
border-bottom : 0px none ;
padding-right : 0px ;
}
body # order # cart_voucher_toggle_wrapper a {
display : block ;
font-size : 12px ;
font-family : Tahoma ;
color : # 434D52 ;
}
# loyalty {
font-size : 12px ;
margin : 10px 0 ;
}
body # product # loyalty img { float : left ; }
body # product # primary_block # loyalty {
font-size : 14px ;
top : 6px ;
line-height : 25px ;
position : relative ;
text-indent : 15px ;
float : left ;
margin-top : 0 ;
margin-left : 10px ;
margin-bottom : 20px ;
color : # 1e1633 ;
font-family : Georgia ;
font-style : italic ;
}
# voucher h4 {
margin : 10px 0px ;
}
# display_cart_vouchers {
font-size : 12px ;
}
body # order # cart_voucher_toggle_wrapper a span : last-child {
color : # e36ea2 ;
}
body # order # cart_voucher_toggle_wrapper a : hover span : last-child {
color : # e36ea2 ;
text-decoration : underline ;
}
body # order # cart_voucher_toggle_wrapper a span {
display : block ;
}
body # order # shipping_cost_third_step ,
body # order # cart_voucher_toggle_wrapper ,
body # order div # HOOK_SHOPPING_CART # invite_credit ,
body # order # cart_voucher {
padding : 15px ;
font-family : Tahoma ;
}
body # order # shipping_cost_third_step {
border-top : 1px solid # ccc ;
color : # 434D52 ;
font-family : Tahoma ;
font-size : 12px ;
}
body # order # invite_credit label ,
body # order # cart_voucher label {
font-size : 12px ;
color : # 333 ;
font-family : Georgia ;
}
body # order # cart_voucher input # discount_name {
width : 70 % ;
}
body # order # invite_credit a . button ,
body # order # cart_voucher input [ type = submit ] {
border : 0px none ;
background : transparent ;
color : # e36ea2 ;
font-size : 14px ;
font-family : Georgia ;
font-weight : bold ;
padding : 0px ;
float : right ;
height : 30px ;
line-height : 30px ;
}
body # order # cart_voucher input [ type = submit ] {
background : # e36ea2 ;
color : # fff ;
font-family : tahoma ;
font-size : 15px ;
font-weight : normal ;
line-height : 21px ;
padding : 5px 10px ;
}
body # order-detail table # order-product tbody tr . cart_discount td . cart_discount_description ,
body # order table # cart_summary tbody tr . cart_discount td . cart_discount_description {
padding : 5 % ;
border-bottom : 5px solid # F0F0F0 ;
font-size : 13px ;
font-weight : bold ;
}
body # order-detail table # order-product tbody tr . cart_discount td . cart_discount_description ,
body # order table # cart_summary tbody tr . cart_discount td . cart_discount_description {
padding : 0 ;
font-family : Tahoma ;
}
body # order-detail table # order-product tbody tr . cart_discount td . cart_discount_description span . name ,
body # order table # cart_summary tbody tr . cart_discount td . cart_discount_description span . name {
display : block ;
font-weight : normal ;
color : # 333 ;
}
body # order-detail table # order-product tbody tr . cart_discount td . cart_discount_price ,
body # order table # cart_summary tbody tr . cart_discount td . cart_discount_price {
vertical-align : bottom ;
border-bottom : 5px solid # F0F0F0 ;
}
body # order table # cart_summary tbody tr . cart_discount td . cart_discount_price . price-discount {
color : # e36ea2 ;
font-size : 12px ;
}
body # order-detail table # order-product tbody tr . cart_discount td . cart_discount_price table tr ,
body # order-detail table # order-product tbody tr . cart_discount td . cart_discount_price table tr td ,
body # order table # cart_summary tbody tr . cart_discount td . cart_discount_price table tr ,
body # order table # cart_summary tbody tr . cart_discount td . cart_discount_price table tr td {
border : 0px none ;
text-align : right ;
}
body # order-detail table # order-product tbody tr . cart_discount td . cart_discount_price table tr : first-child td ,
body # order table # cart_summary tbody tr . cart_discount td . cart_discount_price table tr : first-child td {
padding : 7 % 10 % 7 % 0 % ;
color : # e36ea2 ;
font-weight : bold ;
font-size : 14px ;
font-family : Georgia ! important ;
}
body # order table # cart_summary tbody tr . cart_discount td . cart_discount_price table tr td div . gradient {
float : right ;
}
p # security_informations {
margin : 15px ;
}
div . error {
background : # ffabab ;
color : # cc0000 ;
border : 1px solid # cc0000 ;
margin : 15px ;
padding : 10px ;
border-radius : 3px ;
font-weight : bold ;
}
div . error ol {
font-weight : normal ;
list-style-position : outside ;
margin : 5px 0px 0px 20px ;
}
div . error ol li {
margin-bottom : 5px ;
}
# module-advsendtoafriend-sendtoafriend-form a . button { float : left ; }
. button-center . button_large ,
. address_navigation a ,
. address_navigation # submitAddress ,
. cart_navigation input [ type = submit ] ,
. cart_navigation a {
border-radius : 0px ! important ;
display : inline-block ;
height : 40px ;
line-height : 40px ;
color : # fff ;
text-align : center ;
font-size : 12px ;
font-family : Arial , Helvetica , sans-serif ;
font-weight : bold ;
text-transform : uppercase ;
padding : 0px 10px ;
}
. address_navigation a . button_large {
background : # e36ea2 ;
}
. cart_navigation a . button ,
. cart_navigation a . button_large {
background : # e36ea2
}
. button-center . button_large ,
. address_navigation # submitAddress ,
. cart_navigation . exclusive {
float : right ;
display : inline-block ;
border : 0px none ;
background : url ( '../img/next.png' ) right 5px center no-repeat # 565485 ;
padding-right : 30px ;
}
# order . cart_navigation . exclusive {
padding-right : 30px ;
}
. button-center {
text-align : center ;
}
. button-center . button_large {
float : none ! important ;
}
body # address h3 {
font-size : 13px ;
font-weight : normal ;
padding : 0 % 2 % ;
}
body # address form fieldset {
padding : 0px 20px ;
}
body # identity p . required . info ,
body # address p . required . info {
color : # e36ea2 ;
font-size : 13px ;
margin-bottom : 10px ;
}
body # identity form fieldset p ,
body # address form fieldset p {
margin-bottom : 10px ;
}
body # identity form fieldset p label ,
body # address form fieldset p label {
font-size : 13px ;
display : inline-block ;
padding-bottom : 5px ;
}
body # identity sup ,
body # address sup {
font-weight : bold ;
color : # e36ea2 ;
font-size : 14px ;
margin-right : 5px ;
}
body # identity select ,
body # order div . addresses select ,
body # address select {
text-indent : 0px ;
}
p . notification {
margin-top : 15px ;
font-size : 13px ;
border : 1px solid # e36ea2 ;
color : # e36ea2 ;
padding : 5px ;
border-radius : 3px ;
background : # f4dbcc ;
}
label sup ,
p . notification sup {
top : -0 . 1em ;
}
label sup {
margin-left : 5px ;
}
body # order div . addresses {
font-size : 13px ;
}
body # order-detail div . addresses {
font-size : 13px
}
body # order div . addresses a {
color : # e36ea2 ;
font-family : Georgia ;
font-weight : bold ;
}
body # order div . addresses a . button_large {
background : # e36ea2 ;
text-transform : uppercase ;
font-weight : normal ;
padding : 5px 15px ;
color : # fff ;
font-family : Tahoma ;
}
body # order div . addresses p . checkbox {
position : relative ;
margin-top : 15px ;
}
body # order div . addresses p . checkbox input {
position : relative ;
vertical-align : middle ;
}
body # order div . addresses p . checkbox label {
width : 90 % ;
margin-left : 5px ;
position : relative ;
display : inline-block ;
vertical-align : middle ;
}
body # order-detail div . addresses ul ,
body # order div . addresses ul {
list-style : none ;
position : relative ;
height : auto ! important ;
padding-bottom : 20px ;
}
body # order-detail div . addresses ul # address_invoice ,
body # order div . addresses ul # address_invoice {
border-bottom : 1px solid # e3e3e3 ;
}
body # order-detail div . addresses ul li : first-child ,
body # order div . addresses ul li : first-child {
background : # 565485 ;
color : # fff ;
height : 30px ;
line-height : 30px ;
font-size : 14px ;
font-family : tahoma ;
font-weight : normal ;
text-align : center ;
margin-bottom : 10px ;
}
body # order-detail div . addresses ul li ,
body # order div . addresses ul li {
/ *
height : 20px ;
line-height : 20px ;
* /
}
body # order-detail div . addresses ul li . address_update ,
body # order div . addresses ul li . address_update {
position : absolute ;
right : 0px ;
bottom : 20px ;
}
body # order div . addresses ul li . address_update a {
color : # e36ea2 ;
font-family : Tahoma ;
font-weight : normal ;
}
body # order div . addresses div # ordermsg {
margin-top : 15px ;
}
body # order-confirmation p {
2016-04-20 17:35:03 +02:00
font-size : 12px ;
2016-01-04 12:48:08 +01:00
margin : 0px 10px ;
}
body # order div . addresses div # ordermsg p {
font-size : 12px ;
}
body # order div . addresses div # ordermsg p . textarea {
margin-top : 5px ;
}
body # order div . addresses div # ordermsg p . textarea textarea {
min-width : 100 % ;
width : 100 % ;
max-width : 100 % ;
min-height : 50px ;
height : 50px ;
max-height : 600px ;
}
body # order form . form_address . cart_navigation span . gradient {
float : none ! important ;
}
ul . address li . address_postcode . city ,
ul . address li . address_phone {
float : left ;
margin-right : 5px ;
position : relative ;
}
ul . address li . address_phone : after ,
ul . address li . address_postcode . city : after {
content : "," ;
position : absolute ;
right : -3px ;
}
body # module-cheque-payment form ,
body # module-spay-payment form # spayform ,
body # module-paypal-payment-submit form # form ,
body # order form # form {
/*padding:0px 10px;*/
}
body # module-spay-payment h3 . condition_title ,
body # module-paypal-payment-submit h3 . condition_title ,
body # order h3 . carrier_title ,
body # order h3 . condition_title {
font-size : 13px ;
text-align : left ;
margin-top : 20px ;
}
body # order p . checkbox {
display : table-row ;
font-size : 13px ;
}
body # order table # carrierTable {
font-size : 13px ;
margin-bottom : 20px ;
}
body # order table # carrierTable tbody tr ,
body # order table # carrierTable tbody tr td {
border : 0px none ;
padding : 0px ;
}
body # order table # carrierTable tbody tr td {
margin-top : 10px ;
}
body # order table # carrierTable tbody tr td . carrier_name ,
body # order table # carrierTable tbody tr td . carrier_name label {
width : 40px ;
text-align : center ;
}
body # order table # carrierTable tbody tr td . carrier_name label img {
width : 100 % ;
max-width : 100 % ;
}
body # order table # carrierTable tbody tr td . carrier_action {
padding-right : 10px ;
}
body # order table # carrierTable tbody tr td . carrier_infos {
font-size : 12px ;
font-family : "helvetica_neue_mediumregular" ;
padding-left : 5px ;
}
body # order span . price ,
body # order table # carrierTable tbody tr td . carrier_infos span . price {
color : # e36ea2 ;
font-size : 14px ;
}
body # order table # carrierTable tbody tr td . carrier_infos span . price {
display : block ;
}
body # order span . price span ,
body # order table # carrierTable tbody tr td . carrier_infos span . price span {
color : # e36ea2 ;
font-size : 12px ;
}
body # order . cart_navigation . submit {
padding-top : 15px ;
}
body # order . cart_navigation span . gradient . right {
float : right ! important ;
}
body # order # payment-paragraphe {
font-size : 13px ;
padding : 0px 10px ;
}
body # order # HOOK_PAYMENT {
padding : 0px 10px ;
clear : both ;
margin-top : 20px ;
}
body # order # HOOK_PAYMENT . payment_module {
2016-04-04 14:57:51 +02:00
padding : 10px ! important ;
background : # fff ;
margin-bottom : 15px ;
text-align : center ;
width : 100 % ;
border : 15px solid transparent ;
-moz-border-image : -moz-linear-gradient ( top , # e1e3e2 0 % , # f3f3f3 100 % ) ;
-webkit-border-image : -webkit-linear-gradient ( top , # e1e3e2 0 % , # f3f3f3 100 % ) ;
border-image : linear-gradient ( to bottom , # e1e3e2 0 % , # f3f3f3 100 % ) ;
border-image-slice : 1 ;
overflow : auto ;
2016-01-04 12:48:08 +01:00
}
2016-04-04 14:57:51 +02:00
body # order # HOOK_PAYMENT p a span . title_payment {
font-family : georgia , times new roman , serif ;
display : block ;
font-size : 16px ;
border-bottom : 4px double # e9e5e6 ;
text-align : center ;
margin : 0 ;
font-style : italic ;
color : # 222 ;
padding-bottom : 10px ;
margin-bottom : 5px ;
font-weight : normal ;
}
2016-04-20 17:35:03 +02:00
# order # center_column # HOOK_PAYMENT p a : hover { text-decoration : none ; }
. save_info { margin-top : 5 px ; font-size : 12 px ; clear : both ; display : block ; overflow : auto ; }
. save_info input { float : left ; position : relative ; top : 3 px ; }
2016-04-04 14:57:51 +02:00
2016-04-20 17:35:03 +02:00
. paiement_info_lightbox {
background : # 333 ;
border-radius : 50px ;
color : # ffffff ;
cursor : pointer ;
font-size : 10px ;
height : 15px ;
line-height : 14px ;
margin-left : 9px ;
width : 15px ;
display : block ;
margin : 0 auto ;
2016-01-04 12:48:08 +01:00
}
2016-04-20 17:35:03 +02:00
body # order # HOOK_PAYMENT . box_add_to_cart . content_box p {
color : # 333 ;
font-size : 13px ;
font-weight : normal ;
height : auto ;
text-transform : none ;
2016-01-04 12:48:08 +01:00
}
2016-04-20 17:35:03 +02:00
. title_payment {
color : # 222 ;
font-family : georgia , times new roman , serif ;
font-size : 18px ;
font-style : italic ;
text-align : center ;
2016-01-04 12:48:08 +01:00
}
2016-04-20 17:35:03 +02:00
. account_payment {
margin : 10px 0px 0px ;
border-top : 1px solid # adadae ;
2016-01-04 12:48:08 +01:00
clear : both ;
2016-04-20 17:35:03 +02:00
padding : 10px 0 0 ;
2016-01-04 12:48:08 +01:00
}
2016-04-20 17:35:03 +02:00
# order # center_column # HOOK_PAYMENT . account_payment . title {
font-family : tahoma ;
color : # 6d777d ;
text-align : left ;
text-transform : uppercase ;
font-size : 12px ;
margin-bottom : 15px ;
padding-bottom : 0 ;
2016-01-04 12:48:08 +01:00
}
2016-04-20 17:35:03 +02:00
. account_payment . box_account { cursor : pointer ; overflow : auto }
. account_payment . box_account input { float : left ; position : relative ; top : 3 px ; width : 10 % ; }
. account_payment . box_account label { float : left ; cursor : pointer ; color : #444d52 ; font-size : 12 px ; width : 90 % ; }
2016-01-04 12:48:08 +01:00
/* Referal Program */
body # module-invite-invite-program . tab_wrap div {
display : none ;
}
body # module-invite-invite-program . tab_wrap . opened div {
display : block ;
}
body # module-invite-invite-program . tab_wrap h2 {
font-size : 14px ;
}
body # module-invite-invite-program # idTab1 ,
body # module-invite-invite-program # idTab2 ,
body # module-invite-invite-program # idTab3 {
padding-bottom : 15px ;
}
body # module-invite-invite-program p {
font-size : 13px ;
margin : 10px 0px ;
text-align : justify ;
}
body # module-invite-invite-program # invite_link p {
background : # fff ;
padding : 10px ;
text-align : left ;
}
body # module-invite-invite-program p input [ type = text ] {
margin-top : 10px ;
}
body # module-invite-invite-program # idTab1 # invite_list thead tr th . last_item {
background : # 565485 ;
color : # fff ;
font-weight : normal ;
height : 30px ;
line-height : 30px ;
padding : 0px 2 % ;
}
body # module-invite-invite-program # idTab1 # invite_list tbody {
background : # fff ;
padding : 0px 10px ;
}
body # module-invite-invite-program # idTab1 # invite_list tbody tr {
border : 0px none ;
}
body # module-invite-invite-program # idTab1 # invite_list tbody tr : first-child td {
padding-top : 10px ;
}
body # module-invite-invite-program # idTab1 # invite_list tbody tr : last-child td {
padding-bottom : 10px ;
}
body # module-invite-invite-program # idTab1 # invite_list tbody tr td {
border : 0px none ;
padding : 5px 10px ;
}
body # module-invite-invite-program # idTab1 p . bold . message {
background : # cbcbcb ;
color : # e36ea2 ;
font-weight : bold ;
border-bottom : 2px solid # e36ea2 ;
padding : 10px ;
}
body # authentication # columns . content # center_column # account-creation_form p . checkbox ,
body # password p . checkbox ,
body # identity p . checkbox ,
body # order p . checkbox ,
body # module-invite-invite-program # idTab1 p . checkbox {
display : table-row ;
}
body # authentication # columns . content # center_column # account-creation_form p . checkbox span ,
body # password p . checkbox span ,
body # identity p . checkbox span ,
body # order p . checkbox span ,
body # module-invite-invite-program # idTab1 p . checkbox span {
display : table-cell ;
vertical-align : middle ;
}
body # authentication # columns . content # center_column # account-creation_form p . checkbox span . input ,
body # password p . checkbox span . input ,
body # identity p . checkbox span . input ,
body # order p . checkbox span . input ,
body # module-invite-invite-program # idTab1 p . checkbox span . input {
padding : 0px 10px 0px 0px ;
}
body # order p . checkbox span . conditions a ,
body # module-invite-invite-program # idTab1 p . checkbox span . conditions a {
color : # e36ea2 ;
}
body # module-invite-invite-program # idTab2 p . submit ,
body # module-invite-invite-program # idTab1 p . submit {
float : right ;
}
body # discount table . discount tbody tr ,
body # module-invite-invite-program # idTab3 table tbody tr ,
body # module-invite-invite-program # idTab2 table tbody tr {
margin-top : 15px ;
background : # fff ;
border : 0px none ;
font-size : 13px ;
}
body # module-invite-invite-program # idTab3 table tbody tr td ,
body # module-invite-invite-program # idTab2 table tbody tr td {
padding : 5px 10px ;
}
body # module-invite-invite-program # idTab2 table tbody tr td label {
display : block ;
}
body # module-invite-invite-program # idTab2 table tbody tr td label span {
color : # e36ea2 ;
display : block ;
padding-bottom : 5px ;
}
/* Addresses */
body # addresses h3 , body # addresses # center_column , body # addresses . center_column * {
font-size : 12px ;
}
body # addresses p {
padding : 15px ;
padding-top : 0 ;
text-align : justify ;
}
body # addresses div . addresses {
padding : 0px 15px ;
}
body # addresses div . addresses p {
padding : 0px ;
}
body # addresses h3 {
color : # e36ea2 ;
}
body # addresses div . addresses ul {
list-style : none ;
}
body # addresses div . addresses ul li . address_title {
background : # 565485 ;
color : # fff ;
font-weight : normal ;
height : 30px ;
line-height : 30px ;
text-align : center ;
text-transform : uppercase ;
font-size : 15px ;
margin-bottom : 5px ;
}
body # addresses div . addresses ul li {
/*margin-bottom:5px;*/
}
body # addresses div . addresses ul li . address_update {
height : 40px ;
line-height : 40px ;
text-align : left ;
}
body # addresses li . address_update span . gradient {
float : right ;
}
body # addresses li . address_update a {
font-weight : normal ;
color : # e36ea2 ;
}
body # addresses li . address_update span . gradient a {
height : 40px ;
line-height : 40px ;
background : # 504c89 ;
padding : 5px ;
color : # fff ;
}
body # addresses . footer_links . gradient {
float : right ;
}
/* Identity */
body # discount h3 , body # discount , body # discount . center_column * ,
body # identity h3 , body # identity , body # identity . center_column * {
font-size : 13px ;
}
body # identity form . std ,
body # identity h3 {
padding : 10px 15px 0px 15px ;
text-align : justify ;
}
body # identity . select select {
float : left ;
width : 30 % ;
margin-right : 5 % ;
text-align : center ;
margin-bottom : 10px ;
}
body # identity . select label {
display : block ;
}
body # identity . select select : last-child {
margin-right : 0px ;
}
body # identity . submit {
float : right ;
}
body # password {
font-size : 13px ;
}
body # password h3 {
font-size : 18px ! important ;
}
body # password form . content {
padding : 15px ;
}
body # password form . content p {
margin-bottom : 15px ;
}
body # password form . content p . submit {
float : right ;
}
body # authentication # columns . content # center_column # account-creation_form h3 {
margin-bottom : 15px ;
}
body # authentication # columns . content # center_column # account-creation_form . account_creation p label {
display : block ;
margin : 10px 0px 5px 0px ;
}
body # authentication # columns . content # center_column # account-creation_form {
font-size : 14px ;
}
body # authentication # columns . content # center_column # account-creation_form p . checkbox . input ,
body # authentication # columns . content # center_column # account-creation_form p . checkbox . condition {
padding-top : 10px ;
}
body # authentication span . required_info {
display : block ;
color : # e36ea2 ;
padding-bottom : 20px ;
}
body # authentication form # account-creation_form . cart_navigation div . gradient {
float : right ;
}
body # discount table . discount tr {
background : # fff ;
}
body # discount table . discount thead th ,
body # discount table . discount tr td {
padding : 10px 5px ;
min-height : 30px ;
border-bottom : 10px solid # f0f0f0 ;
text-align : center ;
font-weight : bold ;
color : # e36ea2 ;
}
body # discount table . discount thead th : first-child ,
body # discount table . discount tr td : first-child ,
body # discount table . discount thead th ,
body # discount table . discount thead th : last-child ,
body # discount table . discount tr td : last-child {
font-weight : normal ;
color : # 000 ;
}
body # discount table . discount thead th : first-child ,
body # discount table . discount tr td : first-child {
text-align : left ;
}
body # discount table . discount thead th : last-child ,
body # discount table . discount tr td : last-child {
text-align : right ;
color : # 666 ;
}
body # discount table . discount thead th {
color : # 000 ! important ;
font-weight : bold ;
}
body # module-advsendtoafriend-sendtoafriend-form # columns . content # center_column fieldset {
margin : 0px ;
width : 100 % ;
}
body # module-advsendtoafriend-sendtoafriend-form div . letter p {
text-align : justify ;
}
body # module-advsendtoafriend-sendtoafriend-form div . letter p . info a img {
width : 100 % ;
}
span . video_wrapper {
position : relative ;
padding-bottom : 56 . 25 % ;
padding-top : 30px ;
height : 0px ;
overflow : hidden ;
display : block ;
}
span . video_wrapper iframe {
position : absolute ;
top : 0px ;
left : 0px ;
width : 100 % ;
height : 100 % ;
}
body # order div # HOOK_SHOPPING_CART {
border-top : 1px solid # E1DDD5 ;
}
body # order div # HOOK_SHOPPING_CART # invite_credit
{
border-top : 4px solid # fff ;
}
body # order div # HOOK_SHOPPING_CART # invite_credit input [ type = text ] {
color : # 777 ;
}
# totop . gradient {
/* Anciens navigateurs */
background : # 6a6a6a url ( "gradient-bg.png" ) repeat-x top ;
-o-background-size : 100 % 100 % ;
-moz-background-size : 100 % 100 % ;
-webkit-background-size : 100 % 100 % ;
background-size : 100 % 100 % ;
/* Navigateurs récents */
background : -webkit-gradient (
linear ,
left top , left bottom ,
from ( # c2c2c2 ) ,
to ( # 6a6a6a )
) ;
background : -webkit-linear-gradient (
top ,
# c2c2c2 ,
# 6a6a6a
) ;
background : -moz-linear-gradient (
top ,
# c2c2c2 ,
# 6a6a6a
) ;
background : -o-linear-gradient (
top ,
# c2c2c2 ,
# 6a6a6a
) ;
background : linear-gradient (
top ,
# c2c2c2 ,
# 6a6a6a
) ;
}
. footer_links . back_account {
background : # e36ea2 ;
color : # fff ;
font-size : 12px ;
font-weight : bold ;
height : 20px ;
line-height : 25px ;
padding : 10px ;
}
. footer_links . back_account i { margin-right : 8 px ; }
body # order-detail table . detail_step_by_step * ,
body # history table # order-list * {
border : 0px none ;
padding : 0px ;
text-align : center ;
font-weight : bold ;
vertical-align : middle ;
font-family : Tahoma ;
font-size : 13px ;
color : # 434d52 ;
}
body # history table # order-list > tbody > tr {
border-bottom : 1px solid # ccc ;
}
body # order-detail table . detail_step_by_step > tbody > tr > td > a ,
body # history table # order-list > tbody > tr > td > a {
color : # 333 ;
}
body # order-detail table . detail_step_by_step > tbody > tr > td : first-child {
padding : 5px ;
}
body # history table # order-list > tbody > tr > td : first-child {
padding : 5px ;
background : # f0f0f0 ;
}
body # order-detail table . detail_step_by_step td . history_link ,
body # history table # order-list td . history_link {
color : # e36ea2 ! important ;
text-align : left ;
}
body # order-detail table . detail_step_by_step td . history_date ,
body # history table # order-list td . history_date {
text-align : left ;
font-size : 11px ;
}
body # order-detail table . detail_step_by_step td . history_price * ,
body # history table # order-list td . history_price * {
color : # 000 ! important ;
}
body # order-detail table . detail_step_by_step . order_pdf ,
body # history table # order-list . order_pdf {
text-align : right ;
font-weight : normal ;
color : # 666666 ;
}
# order-detail . footer_links ,
# identity . footer_links ,
# order-slip . footer_links ,
body # history # columns . content # center_column > p {
color : # 434D52 ;
font-size : 13px ;
font-family : Tahoma ;
font-weight : normal ;
margin : 5px 5 % ;
}
body # order-detail # columns . content # center_column # block-order-detail {
margin : 5px 5 % ;
}
body # order-detail # columns . content # center_column # block-order-detail div . table_block ,
body # order-detail # columns . content # center_column # block-order-detail div . history_carrier {
border-bottom : 5px solid # f0f0f0 ;
}
body # order-detail # columns . content # center_column # block-order-detail div . history_carrier {
padding-bottom : 10px ;
}
body # order-detail # columns . content # center_column h4 . order_shipping {
border-bottom : 1px solid # ccc ;
font-weight : normal ;
}
body # order-detail # columns . content # center_column ul . shipping_numbers {
font-size : 12px ;
margin-bottom : 15px ;
}
body # order-detail # columns . content # center_column ul . shipping_numbers li {
list-style : none ;
margin-bottom : 5px ;
}
body # order-detail # columns . content # center_column ul . shipping_numbers a {
color : # e36ea2 ! important
}
body # order-detail . order_delay h4 { margin-bottom : 10 px ; }
body # order-detail . order_delay p {
font-size : 12px ;
margin-bottom : 15px ;
}
body # order-detail div . history_carrier {
padding-top : 10px ;
}
body # order-detail div . history_carrier p {
display : table-cell ;
vertical-align : middle ;
text-align : right ;
font-size : 12px ;
font-family : "helvetica_neue_mediumregular" ;
}
body # order-detail div . history_carrier p . logo {
text-align : left ;
}
body # order-detail div . history_carrier p span . price {
display : block ;
float : right ;
}
body # module-paypal-payment-submit table . choosen ,
body # module-paypal-payment-submit table . choosen * {
padding : 0px ;
margin : 0px ;
border : 0px none ! important ;
}
body # module-paypal-payment-submit table . choosen tr ,
body # module-paypal-payment-submit table . choosen tr td {
vertical-align : middle ;
}
body # module-paypal-payment-submit table . choosen tr td : last-child {
text-align : right ;
font-size : 13px ;
}
body # module-paypal-payment-submit table . choosen tr td img {
margin : 0px ! important ;
}
body # module-cheque-payment p ,
body # module-spay-payment p ,
body # module-paypal-payment-submit p {
font-size : 13px ;
margin-top : 5px ;
}
body # module-paypal-payment-submit p . confirm {
margin-top : 15px ;
text-align : justify ;
}
body # module-paypal-payment-submit p . confirm b {
font-size : 13px ;
}
body # module-cheque-payment p . cart_navigation . gradient ,
body # module-paypal-payment-submit p . cart_navigation . gradient {
float : right ;
}
body # module-spay-payment p {
}
body # module-spay-payment p . center {
text-align : center ;
margin-top : 10px ;
}
body # module-spay-payment p . center img {
margin : 0px ;
float : none ;
}
body # module-spay-payment p . bold {
background : # f0f0f0 ;
color : # e36ea2 ;
font-weight : bold ;
padding : 10px 15px ;
margin-bottom : 20px ;
text-align : justify ! important ;
}
body # module-spay-payment div . bottom p {
text-align : left ;
}
p . date label {
display : block ;
margin-bottom : 3px ;
}
p . date span . em ,
p . date span . ey {
display : inline-block ;
width : 49 % ;
margin : 0px ;
padding : 0px ;
height : 30px ;
line-height : 30px ;
text-align : right ;
}
p . date span . em {
text-align : left ;
}
p . date span . em select [ name = em ] {
width : 65 % ;
margin-left : 5px ;
padding : 5px 0px ;
}
p . date span . ey select [ name = ey ] {
width : 65 % ;
margin-left : 5px ;
float : right ;
padding : 5px 0px ;
}
body # module-spay-payment . gradient . right {
float : right ! important ;
}
body # module-spay-payment p . cv {
margin-top : 10px ;
height : 30px ;
line-height : 30px ;
}
body # module-spay-payment p . cv input {
width : 32 % ;
float : right ;
}
body # order table # cart_summary tbody tr . cart_discount td . cart_discount_price table tr td div . gradient ,
body # order table # cart_summary tbody tr . cart_item . cart_description div . gradient {
background : # fff ! important ;
opacity : 0 . 5 ;
}
body # module-cheque-payment p . img_wrap {
line-height : 20px ;
}
body # order-confirmation p . footer_links {
display : none ;
}
2016-04-20 17:35:03 +02:00
# order_conf_detail a { color : #e36ea2 }
# order_conf_detail {
font-size : 12px ;
color : # 333
}
. order_conf_left {
margin-bottom : 15px ;
}
. order_confirmation_detail {
margin-bottom : 7px ;
padding-bottom : 10px ;
border-bottom : 1px solid # ccc ;
}
# order_conf_detail h3 {
background : # fff ;
font-size : 12px ;
color : # e36ea2 ;
margin : 10px 0 ;
padding : 10px ;
}
h4 . delay_cart {
background : # ccc ;
padding : 10px ;
margin-bottom : 10px ;
}
2016-01-04 12:48:08 +01:00
body # module-loyalty-loyalty-program p {
font-size : 12px ;
}
body # module-loyalty-loyalty-program # block-history {
font-size : 12px ;
}
body # order-detail # block-history # block-order-detail div # order-detail-content table # order-product tfoot ,
body # order-detail # block-history # block-order-detail div # order-detail-content table # order-product tfoot * {
border : 0px none ;
font-family : Georgia ;
font-size : 14px ;
}
body # order-detail # block-history # block-order-detail div # order-detail-content table # order-product tfoot tr td span . price-discount ,
body # order-detail # block-history # block-order-detail div # order-detail-content table # order-product tfoot tr td span . price ,
body # order-detail # block-history # block-order-detail div # order-detail-content table # order-product tfoot tr td span . price-shipping {
float : right ;
}
body # order-detail # block-history # block-order-detail div # order-detail-content table # order-product tfoot tr {
height : 25px ;
line-height : 25px ;
}
body # order-detail # block-history # block-order-detail div # order-detail-content table # order-product tfoot tr . endline {
color : # e36ea2 ;
}
body # order-detail # block-history # block-order-detail div # order-detail-content table # order-product tfoot tr . endline td span . price {
font-size : 18px ;
}
# privatesales_categories_block_left {
width : 100 % ;
position : relative ;
text-align : center ;
margin-bottom : 20px ;
}
# privatesales_categories_block_left select {
width : 90 % ;
height : 30px ;
border : 0px ;
font-weight : normal ;
font-family : Georgia ;
margin-top : 5px ;
overflow : visible ;
}
# privatesales_categories_block_left option {
font-size : 12px ;
overflow : visible ;
}
body # module-invite-invite-rules # columns . content # center_column h1 ,
h1 . title ,
h2 . title {
background : # fff ;
color : # 504c89 ;
font-family : Georgia ;
font-style : italic ;
margin-bottom : 10px ;
font-size : 18px ;
font-weight : normal ;
padding : 10px ;
text-align : center ;
position : relative ;
-webkit-box-shadow : 0 5px 3px -3px # ccc ;
-moz-box-shadow : 0 5px 3px -3px # ccc ;
box-shadow : 0 5px 3px -3px # ccc ;
}
body # module-invite-invite-rules # columns . content # center_column h1 span ,
h1 . title span ,
h2 . title span {
padding : 10px ;
display : block ;
border : 1px solid # e4e4e4 ;
}
/* Modif Seb */
# privatesales_categories_block_left . higher select {
height : 45px ;
}
# privatesales_categories_block_left * {
cursor : pointer ;
}
# privatesales_categories_block_left # filter-trick {
position : absolute ;
left : 0px ;
top : 0px ;
font-style : italic ;
z-index : 10 ;
display : block ;
padding : 12px 0px ;
text-decoration : none ;
font-weight : normal ;
font-family : Georgia ;
background : # 565485 ;
pointer-events : none ;
text-align : center ;
width : 100 % ;
border : 0px ;
color : # ffffff ;
font-size : 12px ;
}
# privatesales_categories_block_left # filter-trick : after {
border-left : 1px solid # cccccc ;
content : "" ;
display : block ;
height : 39px ;
position : absolute ;
right : 10px ;
top : 0 ;
width : 35px ;
z-index : 10 ;
background : url ( '../img/ico_select.png' ) no-repeat 14px 14px
}
# privatesales_categories_block_left # filter-trick span {
display : block ;
}
# block_sales_home_future . content a # toggle_futuresales {
display : block ;
font-family : Georgia ;
padding : 15px ;
margin-bottom : 20px ;
font-style : italic ;
font-size : 18px ;
background : # e36ea2 ;
color : # fff ;
text-align : center ;
border-bottom : 2px solid # b0547e ;
}
# block_sales_home_future . content ul li img . background {
width : 100 % ;
}
body # product # img_wrap {
background : # fff ;
padding : 5px ;
-webkit-box-shadow : 0 5px 3px -3px # ccc ;
-moz-box-shadow : 0 5px 3px -3px # ccc ;
box-shadow : 0 5px 3px -3px # ccc ;
}
body # product # img_wrap # image-block {
display : inline-block ;
width : 78 % ;
border : 1px solid # e6e6e6 ;
}
body # product # img_wrap # image-block . full {
display : inline-block ;
width : 100 % ;
}
body # product # img_wrap # image-block img {
display : block ;
width : 100 % ;
height : auto ;
}
body # product # img_wrap # views_block {
display : inline-block ;
vertical-align : top ;
width : 20 % ;
}
body # product # img_wrap # views_block ul {
list-style : none ;
margin : 0 ;
width : 100 % ! important ;
}
body # product # img_wrap # views_block ul li {
display : list-item ;
border : 1px solid # e6e6e6 ;
margin : 5px ;
}
body # product # img_wrap # views_block ul li a {
display : block ;
font-size : 0 ;
line-height : 0 ;
width : 100 % ;
}
body # product # img_wrap # views_block ul li a img {
display : block ;
width : 100 % ;
}
div . socolissimo_mobile_wrapper {
overflow : scroll ;
-webkit-overflow-scrolling : touch ;
}
body # module-invite-invite-program p . error {
text-align : center ;
margin : 20px 0 ;
color : # FF0000 ;
}
body # module-invite-invite-program p . succes {
text-align : center ;
margin : 20px 0 ;
color : # e36ea2 ;
}
body # index . jqibuttons {
height : auto ;
text-align : center ;
}
body # index . jqibuttons span . gradient {
float : none ! important ;
margin-bottom : 20px ;
}
. price-ecotax {
font-size : 14px ;
color : # 3EA94A ;
margin-top : 5px ;
}
# order . price-ecotax {
color : # 3EA94A ! important ;
margin-top : 1 . 5 % ;
font-style : italic ;
font-weight : normal ;
text-align : right ;
}
# validation # center_column p , # validation # center_column div {
margin : 10px 0px ;
font-size : 14px ;
font-family : sans-serif ;
}
# validation # center_column . social {
margin-top : 40px ;
}
# validation # center_column input [ type = "text" ] {
margin : 5px 0px ;
}
# validation # center_column ul {
list-style : outside none ;
margin : 10px 0px 0px ;
padding : 0px ;
font-size : 0px ;
line-height : 0px ;
}
# validation # center_column . notification {
padding : 10px 20px ;
}
# validation # center_column . notification a {
color : # e36ea2 ;
font-weight : bold ;
text-decoration : underline ;
}
# validation # center_column . submit {
margin : 20px 0px ;
}
# validation # center_column . submit a . gradient {
float : right ;
background : # 565485 ;
}
# validation # center_column . submit input {
background : none ;
border : 0px ;
color : # 504c89 ;
padding : 12px 20px ;
}
# validation # center_column . submit a span {
display : inline-block ;
color : # ffffff ;
height : 30px ;
padding : 12px 20px 0px ;
}
# validation # center_column . submit a img {
float : left ;
}
# validation # page # columns {
-webkit-box-sizing : padding-box ;
-moz-box-sizing : padding-box ;
-ms-box-sizing : padding-box ;
-o-box-sizing : padding-box ;
box-sizing : padding-box ;
width : 100 % ;
}
# validation # center_column li {
width : 50 % ;
display : inline-block ;
text-align : center ;
font-size : 0px ;
line-height : 0px ;
}
@ media screen and ( max-width : 470px ) {
# validation # center_column . notification a {
display : block ;
}
# validation # center_column . submit {
position : relative ;
height : 100px ;
width : 100 % ;
}
# validation # center_column . submit span . gradient {
position : absolute ;
top : 0px ;
margin-left : -120px ;
left : 50 % ;
color : # 000
}
# validation # center_column . submit a . gradient {
float : none ;
position : absolute ;
bottom : 0px ;
margin-left : -92px ;
left : 50 % ;
}
}
. overlay_bbb {
background : rgb ( 181 , 189 , 200 ) ; /* Old browsers */
background : -moz-linear-gradient ( top , rgba ( 181 , 189 , 200 , 0 . 4 ) 0 % , rgba ( 130 , 140 , 149 , 0 . 4 ) 36 % , rgba ( 40 , 52 , 59 , 0 . 4 ) 100 % ) ; /* FF3.6+ */
background : -webkit-gradient ( linear , left top , left bottom , color-stop ( 0 % , rgba ( 181 , 189 , 200 , 0 . 4 ) ) , color-stop ( 36 % , rgba ( 130 , 140 , 149 , 0 . 4 ) ) , color-stop ( 100 % , rgba ( 40 , 52 , 59 , 0 . 4 ) ) ) ; /* Chrome,Safari4+ */
background : -webkit-linear-gradient ( top , rgba ( 181 , 189 , 200 , 0 . 4 ) 0 % , rgba ( 130 , 140 , 149 , 0 . 4 ) 36 % , rgba ( 40 , 52 , 59 , 0 . 4 ) 100 % ) ; /* Chrome10+,Safari5.1+ */
background : -o-linear-gradient ( top , rgba ( 181 , 189 , 200 , 0 . 4 ) 0 % , rgba ( 130 , 140 , 149 , 0 . 4 ) 36 % , rgba ( 40 , 52 , 59 , 0 . 4 ) 100 % ) ; /* Opera 11.10+ */
background : -ms-linear-gradient ( top , rgba ( 181 , 189 , 200 , 0 . 4 ) 0 % , rgba ( 130 , 140 , 149 , 0 . 4 ) 36 % , rgba ( 40 , 52 , 59 , 0 . 4 ) 100 % ) ; /* IE10+ */
background : linear-gradient ( to bottom , rgba ( 181 , 189 , 200 , 0 . 4 ) 0 % , rgba ( 130 , 140 , 149 , 0 . 4 ) 36 % , rgba ( 40 , 52 , 59 , 0 . 4 ) 100 % ) ; /* W3C */
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#b5bdc8' , endColorstr = '#28343b' , GradientType = 0 ) ; /* IE6-9 */
position : fixed ;
top : 0 ;
left : 0 ;
width : 100 % ;
z-index : 99998 ;
height : 100 % ;
cursor : pointer ;
display : none ;
}
. box_add_to_cart {
display : none ;
box-shadow : 2px 2px 5px 0px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
position : fixed ;
top : 50px ;
z-index : 99999 ;
background : rgba ( 255 , 255 , 255 , 0 . 4 ) ;
width : 300px ;
left : 50 % ;
margin : 0 auto ;
margin-left : -150px ;
padding : 20px ;
}
. box_add_to_cart . close {
position : absolute ;
right : 26px ;
top : 26px ;
cursor : pointer ;
}
. box_add_to_cart . content {
background : # fff ;
padding : 15px ;
}
. box_add_to_cart . content_best_sales h3 ,
. box_add_to_cart . content h3 {
color : # 54508b ;
padding-right : 20px ;
font-size : 12px ;
padding-bottom : 10px ;
border-bottom : 4px double # ccc ;
font-family : Georgia ;
}
. box_add_to_cart . content . product_box {
float : left ;
font-family : Tahoma ;
width : 100 % ;
}
. box_add_to_cart . content . product_box . img {
display : none ;
float : left ;
width : 100px ;
margin-left : 5px ;
margin-right : 15px ;
}
. box_add_to_cart . content . product_box . desc {
width : 250px ;
float : left ;
padding-top : 5px ;
font-size : 17px ;
margin-bottom : 5px ;
color : # 333333 ;
}
. box_add_to_cart . content . product_box . price {
width : 150px ;
text-align : left ;
float : left ;
margin-bottom : 10px ;
}
# price_add_to_cart { font-size : 19 px ; }
. box_add_to_cart . content . product_box . price . quantity { font-size : 13 px ; margin-top : 0 px ; }
. box_add_to_cart . content . product_box . price . price {
font-family : Georgia ;
padding-top : 0 ! important ;
font-size : 20px ;
color : # e36ea2 ;
}
. box_add_to_cart . content . others_links {
border-top : 1px solid # ccc ;
padding-top : 15px ;
clear : both ;
overflow : hidden ;
}
. box_add_to_cart . content . others_links . show_sales {
color : # FFF ;
margin : 0px auto ;
padding : 7px 20px 6px ;
background : # B5B1B1 ;
border-radius : 20px ;
text-decoration : none ;
clear : both ;
display : block ;
text-align : center ;
margin-bottom : 15px ;
}
. action_quantity {
width : 20 % ;
}
. action_quantity span : first-child {
margin-left : 0 ;
}
. action_quantity span {
background : # fff ;
margin-top : 5px ;
width : 45 % ;
border : 1px solid # ccc ;
cursor : pointer ;
float : left ;
margin-left : 5px ;
height : 30px ;
margin-bottom : 1px ;
text-align : center ;
line-height : 30px ;
display : block ;
display : block ;
}
. box_add_to_cart . content . others_links . show_cart {
display : block ;
clear : both ;
color : # FFF ;
margin : 0px ;
padding : 7px 20px 6px 20px ;
background : url ( "../img/cart.png" ) no-repeat left 12px center # e36ea2 ;
text-align : center ;
border-radius : 20px ;
text-decoration : none ;
display : block ;
background-size : 10 % ;
clear : both ;
}
. box_add_to_cart . content . others_links . show_cart : hover {
background : url ( "../img/cart.png" ) no-repeat left 12px center # 504D8B ;
background-size : 10 % ;
}
. box_add_to_cart . content_best_sales {
display : none ;
overflow : auto ;
background : # eaeaea ;
padding : 15px 20px ;
}
. box_add_to_cart . content_best_sales h3 {
border-color : # 54508b ;
font-weight : normal ;
padding-bottom : 5px ;
font-size : 18px ; }
. box_add_to_cart . content_best_sales li {
background : # fff ;
margin : 0 10px ;
list-style : none ;
padding : 5px ;
float : left ;
text-align : center ;
width : 140px ;
}
. box_add_to_cart . content_best_sales li . product_link_sellers {
display : block ;
height : 38px ;
color : # 54508b ;
}
. box_add_to_cart . content_best_sales li . reduction {
clear : both ;
display : block ;
margin-top : 2px ;
margin-bottom : 5px ;
}
. box_add_to_cart . content_best_sales li . reduction . price {
padding-top : 0 ! important ;
font-family : Georgia ;
font-size : 16px ;
color : # e36ea2 ;
}
. box_add_to_cart . content_best_sales li . reduction a img { float : right ; margin-top : 5 px ; }
. box_add_to_cart . content_best_sales li . reduction a { }
. box_add_to_cart . content_best_sales li a : hover { text-decoration : none ; }
# fancybox-tmp {
padding : 0 ;
margin : 0 ;
border : 0 ;
overflow : auto ;
display : none ;
}
# order-slip a . color-myaccount {
color : # e36ea2 ;
}
# fancybox-loading {
position : fixed ;
top : 50 % ;
left : 50 % ;
width : 40px ;
height : 40px ;
margin-top : -20px ;
margin-left : -20px ;
cursor : pointer ;
overflow : hidden ;
z-index : 1104 ;
display : none ;
}
# fancybox-loading div {
position : absolute ;
top : 0 ;
left : 0 ;
width : 40px ;
height : 480px ;
background-image : url ( "../../../js/jquery/fancybox/fancybox.png" ) ;
}
# fancybox-overlay {
position : absolute ;
top : 0 ;
left : 0 ;
width : 100 % ;
z-index : 1100 ;
display : none ;
}
# fancybox-tmp {
padding : 0 ;
margin : 0 ;
border : 0 ;
overflow : auto ;
display : none ;
}
# fancybox-wrap {
position : absolute ;
top : 0 ;
left : 0 ;
padding : 20px ;
z-index : 1101 ;
outline : none ;
display : none ;
}
# fancybox-outer {
position : relative ;
width : 100 % ;
height : 100 % ;
background : # fff ;
}
# fancybox-content {
width : 0 ;
height : 0 ;
padding : 0 ;
outline : none ;
position : relative ;
overflow : hidden ;
z-index : 1102 ;
border : 0px solid # fff ;
}
# fancybox-hide-sel-frame {
position : absolute ;
top : 0 ;
left : 0 ;
width : 100 % ;
height : 100 % ;
background : transparent ;
z-index : 1101 ;
}
# fancybox-close {
position : absolute ;
top : -15px ;
right : -15px ;
width : 30px ;
height : 30px ;
background : transparent url ( "../../../js/jquery/fancybox/fancybox.png" ) -40px 0px ;
cursor : pointer ;
z-index : 1103 ;
display : none ;
}
# fancybox-error {
color : # 444 ;
font : normal 12px / 20px Arial ;
padding : 14px ;
margin : 0 ;
}
# fancybox-img {
width : 100 % ;
height : 100 % ;
padding : 0 ;
margin : 0 ;
border : none ;
outline : none ;
line-height : 0 ;
vertical-align : top ;
}
# fancybox-frame {
width : 100 % ;
height : 100 % ;
border : none ;
display : block ;
}
# fancybox-left , # fancybox-right {
position : absolute ;
bottom : 0px ;
height : 100 % ;
width : 35 % ;
cursor : pointer ;
outline : none ;
background : transparent url ( "../../../js/jquery/fancybox/blank.gif" ) ;
z-index : 1102 ;
display : none ;
}
# fancybox-left {
left : 0px ;
}
# fancybox-right {
right : 0px ;
}
# fancybox-left-ico , # fancybox-right-ico {
position : absolute ;
top : 50 % ;
left : -9999px ;
width : 30px ;
height : 30px ;
margin-top : -15px ;
cursor : pointer ;
z-index : 1102 ;
display : block ;
}
# fancybox-left-ico {
background-image : url ( "../../../js/jquery/fancybox/fancybox.png" ) ;
background-position : -40px -30px ;
left : 20px ;
}
# fancybox-right-ico {
background-image : url ( "../../../js/jquery/fancybox/fancybox.png" ) ;
background-position : -40px -60px ;
right : 20px ;
left : auto ;
}
# fancybox-left : hover , # fancybox-right : hover {
visibility : visible ;
}
# fancybox-left : hover span {
left : 20px ;
}
# fancybox-right : hover span {
left : auto ;
right : 20px ;
}
. fancybox-bg {
position : absolute ;
padding : 0 ;
margin : 0 ;
border : 0 ;
width : 20px ;
height : 20px ;
z-index : 1001 ;
}
# fancybox-bg-n {
top : -20px ;
left : 0 ;
width : 100 % ;
background-image : url ( "../../../js/jquery/fancybox/fancybox-x.png" ) ;
}
# fancybox-bg-ne {
top : -20px ;
right : -20px ;
background-image : url ( "../../../js/jquery/fancybox/fancybox.png" ) ;
background-position : -40px -162px ;
}
# fancybox-bg-e {
top : 0 ;
right : -20px ;
height : 100 % ;
background-image : url ( "../../../js/jquery/fancybox/fancybox-y.png" ) ;
background-position : -20px 0px ;
}
# fancybox-bg-se {
bottom : -20px ;
right : -20px ;
background-image : url ( "../../../js/jquery/fancybox/fancybox.png" ) ;
background-position : -40px -182px ;
}
# fancybox-bg-s {
bottom : -20px ;
left : 0 ;
width : 100 % ;
background-image : url ( "../../../js/jquery/fancybox/fancybox-x.png" ) ;
background-position : 0px -20px ;
}
# fancybox-bg-sw {
bottom : -20px ;
left : -20px ;
background-image : url ( "../../../js/jquery/fancybox/fancybox.png" ) ;
background-position : -40px -142px ;
}
# fancybox-bg-w {
top : 0 ;
left : -20px ;
height : 100 % ;
background-image : url ( "../../../js/jquery/fancybox/fancybox-y.png" ) ;
}
# fancybox-bg-nw {
top : -20px ;
left : -20px ;
background-image : url ( "../../../js/jquery/fancybox/fancybox.png" ) ;
background-position : -40px -122px ;
}
# fancybox-title {
font-family : Helvetica ;
font-size : 12px ;
z-index : 1102 ;
}
. fancybox-title-inside {
padding-bottom : 10px ;
text-align : center ;
color : # 333 ;
background : # fff ;
position : relative ;
}
. fancybox-title-outside {
padding-top : 10px ;
color : # fff ;
}
. fancybox-title-over {
position : absolute ;
bottom : 0 ;
left : 0 ;
color : # FFF ;
text-align : left ;
}
# fancybox-title-over {
padding : 10px ;
background-image : url ( "../../../js/jquery/fancybox/fancy_title_over.png" ) ;
display : block ;
}
. fancybox-title-float {
position : absolute ;
left : 0 ;
bottom : -20px ;
height : 32px ;
}
# fancybox-title-float-wrap {
border : none ;
border-collapse : collapse ;
width : auto ;
}
# fancybox-title-float-wrap td {
border : none ;
white-space : nowrap ;
}
# fancybox-title-float-left {
padding : 0 0 0 15px ;
background : url ( "../../../js/jquery/fancybox/fancybox.png" ) -40px -90px no-repeat ;
}
# fancybox-title-float-main {
color : # FFF ;
line-height : 29px ;
font-weight : bold ;
padding : 0 0 3px 0 ;
background : url ( "../../../js/jquery/fancybox/fancybox-x.png" ) 0px -40px ;
}
# fancybox-title-float-right {
padding : 0 0 0 15px ;
background : url ( "../../../js/jquery/fancybox/fancybox.png" ) -55px -90px no-repeat ;
}
. fancybox-ie6 # fancybox-close {
background : transparent ;
filter : progid : dximagetransform . microsoft . alphaimageloader ( src = "js/jquery/fancybox/fancy_close.png" , sizingMethod = "scale" ) ;
}
. fancybox-ie6 # fancybox-left-ico {
background : transparent ;
filter : progid : dximagetransform . microsoft . alphaimageloader ( src = "js/jquery/fancybox/fancy_nav_left.png" , sizingMethod = "scale" ) ;
}
. fancybox-ie6 # fancybox-right-ico {
background : transparent ;
filter : progid : dximagetransform . microsoft . alphaimageloader ( src = "js/jquery/fancybox/fancy_nav_right.png" , sizingMethod = "scale" ) ;
}
. fancybox-ie6 # fancybox-title-over {
background : transparent ;
filter : progid : dximagetransform . microsoft . alphaimageloader ( src = "js/jquery/fancybox/fancy_title_over.png" , sizingMethod = "scale" ) ;
zoom : 1 ;
}
. fancybox-ie6 # fancybox-title-float-left {
background : transparent ;
filter : progid : dximagetransform . microsoft . alphaimageloader ( src = "js/jquery/fancybox/fancy_title_left.png" , sizingMethod = "scale" ) ;
}
. fancybox-ie6 # fancybox-title-float-main {
background : transparent ;
filter : progid : dximagetransform . microsoft . alphaimageloader ( src = "js/jquery/fancybox/fancy_title_main.png" , sizingMethod = "scale" ) ;
}
. fancybox-ie6 # fancybox-title-float-right {
background : transparent ;
filter : progid : dximagetransform . microsoft . alphaimageloader ( src = "js/jquery/fancybox/fancy_title_right.png" , sizingMethod = "scale" ) ;
}
. fancybox-ie6 # fancybox-bg-w ,
. fancybox-ie6 # fancybox-bg-e ,
. fancybox-ie6 # fancybox-left ,
. fancybox-ie6 # fancybox-right ,
. fancybox-ie6 # fancybox-hide-sel-frame {
height : expression ( this . parentNode . clientHeight + 'px' ) ;
}
# fancybox-hide-sel-frame {
height : expression ( this . parentNode . clientHeight + 'px' ) ;
}
# fancybox-loading . fancybox-ie6 {
position : absolute ;
margin-top : 0 ;
top : expression ( ( -20 + ( document . documentElement . clientHeight ? document . documentElement . clientHeight / 2 : document . body . clientHeight / 2 ) + ( ignoreMe = document . documentElement . scrollTop ? document . documentElement . scrollTop : document . body . scrollTop ) ) + 'px' ) ;
}
# fancybox-loading . fancybox-ie6 div {
background : transparent ;
filter : progid : dximagetransform . microsoft . alphaimageloader ( src = "js/jquery/fancybox/fancy_loading.png" , sizingMethod = "scale" ) ;
}
# fancybox-title-float-wrap tr , # fancybox-title-float-wrap td {
border : 0px ;
}
. fancybox-ie . fancybox-bg {
background : transparent ! important ;
}
. fancybox-ie # fancybox-bg-n {
filter : progid : dximagetransform . microsoft . alphaimageloader ( src = "../../../js/jquery/fancybox/fancy_shadow_n.png" , sizingMethod = "scale" ) ;
}
. fancybox-ie # fancybox-bg-ne {
filter : progid : dximagetransform . microsoft . alphaimageloader ( src = "../../../js/jquery/fancybox/fancy_shadow_ne.png" , sizingMethod = "scale" ) ;
}
. fancybox-ie # fancybox-bg-e {
filter : progid : dximagetransform . microsoft . alphaimageloader ( src = "../../../js/jquery/fancybox/fancy_shadow_e.png" , sizingMethod = "scale" ) ;
}
. fancybox-ie # fancybox-bg-se {
filter : progid : dximagetransform . microsoft . alphaimageloader ( src = "../../../js/jquery/fancybox/fancy_shadow_se.png" , sizingMethod = "scale" ) ;
}
. fancybox-ie # fancybox-bg-s {
filter : progid : dximagetransform . microsoft . alphaimageloader ( src = "../../../js/jquery/fancybox/fancy_shadow_s.png" , sizingMethod = "scale" ) ;
}
. fancybox-ie # fancybox-bg-sw {
filter : progid : dximagetransform . microsoft . alphaimageloader ( src = "../../../js/jquery/fancybox/fancy_shadow_sw.png" , sizingMethod = "scale" ) ;
}
. fancybox-ie # fancybox-bg-w {
filter : progid : dximagetransform . microsoft . alphaimageloader ( src = "../../../js/jquery/fancybox/fancy_shadow_w.png" , sizingMethod = "scale" ) ;
}
. fancybox-ie # fancybox-bg-nw {
filter : progid : dximagetransform . microsoft . alphaimageloader ( src = "../../../js/jquery/fancybox/fancy_shadow_nw.png" , sizingMethod = "scale" ) ;
2016-02-24 15:33:47 +01:00
}
. module-contactform-h1 {
color : # 1e1633 ;
font-size : 26px ;
text-align : center ;
font-weight : normal ;
padding : 20px 0 ;
}
. module-contactform-sheets {
background : # ffffff ;
}
. module-contactform-idTabs {
margin : 0 ;
padding : 0 ;
font-size : 12px ;
line-height : 1 . 5em ;
}
. module-contactform-idTabs li {
float : left ;
list-style : none ;
}
. module-contactform-idTabs li a {
color : # 1e1633 ;
display : block ;
text-decoration : none ;
background : # ebe8e9 ;
padding : 10px 20px ;
}
. module-contactform-idTabs li a . selected {
display : block ;
text-decoration : none ;
padding : 10px 20px ;
background : # ffffff ;
}
. module-contactform-input-group {
margin : 12px 0 ;
}
. module-contactform-input-group input , . module-contactform-input-group textarea {
margin-top : 3px ;
}
. module-contactform-input-group textarea {
height : 100px ;
}
. module-contactform-button {
text-align : center ;
text-transform : none ;
color : # ffffff ;
border : none ;
padding : 8px 20px ;
text-decoration : none ;
font-weight : normal ;
-moz-border-radius : 20px ;
-webkit-border-radius : 20px ;
border-radius : 20px ;
font-family : georgia , times new roman , serif ;
font-style : italic ;
font-size : 13px ;
background : # 504d8b ;
2016-04-20 17:35:03 +02:00
}
2016-04-20 17:35:17 +02:00
# cookiescontent { padding : 10 px ; font-size : 12 px ; }
2016-04-21 17:44:16 +02:00
2016-04-21 17:41:04 +02:00
/** Module loyalty **/
. exclusive . loyalty-transform {
background : # 504c89 ;
color : # fff ;
font-size : 12px ;
font-weight : bold ;
height : 20px ;
line-height : 25px ;
padding : 10px ;
}
2016-04-25 16:04:51 +02:00
# block-history {
background : # fff ;
padding : 10px ;
-webkit-box-shadow : 0 5px 3px -3px # ccc ;
-moz-box-shadow : 0 5px 3px -3px # ccc ;
box-shadow : 0 5px 3px -3px # ccc ;
}
# block-history . alternate_item . even {
background : # F3F3F3 ;
}
# module-loyalty-loyalty-program div . pagination {
margin-top : 20px ;
}
# module-loyalty-loyalty-program ul . pagination {
list-style : none ;
text-align : center ;
}
# module-loyalty-loyalty-program ul . pagination li {
/* float: left; */
display : inline-block ;
position : relative ;
margin-right : 10px ;
background : # fff ;
-moz-border-radius : 50 % ;
-webkit-border-radius : 50 % ;
border-radius : 50 % ;
font-family : georgia , times new roman , serif ;
font-style : italic ;
color : # 504d8b ;
min-width : 26px ;
text-align : center ;
font-size : 22px ;
line-height : 26px ;
}
# module-loyalty-loyalty-program ul . pagination li . current ,
# module-loyalty-loyalty-program ul . pagination li # pagination_previous ,
# module-loyalty-loyalty-program ul . pagination li # pagination_next {
background : # 504d8b ;
color : # fff ;
}
# module-loyalty-loyalty-program ul . pagination li span {
font-size : 22px ;
color : # fff ;
width : 100 % ;
}
# module-loyalty-loyalty-program ul . pagination li # pagination_previous . disabled ,
# module-loyalty-loyalty-program ul . pagination li # pagination_next . disabled {
background : # fff ;
}
# module-loyalty-loyalty-program ul . pagination : after {
content : '' ;
clear : both ;
display : block ;
}
# module-loyalty-loyalty-program table ,
# module-loyalty-loyalty-program thead ,
# module-loyalty-loyalty-program tfoot ,
# module-loyalty-loyalty-program tbody ,
# module-loyalty-loyalty-program tr {
display : block ;
padding : 0px ;
}
# module-loyalty-loyalty-program tr {
padding : 5px 0 ;
}
# module-loyalty-loyalty-program thead th {
padding : 0 5px ;
}
# module-loyalty-loyalty-program td ,
# module-loyalty-loyalty-program th {
border : none ;
text-align : center ;
width : 25 % ;
padding : 0 ;
}
# module-loyalty-loyalty-program td . history_method {
min-width : 50px ;
}
# module-loyalty-loyalty-program p . total-discount {
text-align : center ;
}
# module-loyalty-loyalty-program p span . total-discount-loyalty {
text-align : center ;
text-transform : none ;
border : 0px ;
color : # FFF ;
padding : 5px 10px 5px 10px ;
text-decoration : none ;
font-weight : normal ;
/* background: #504d8b url("../img/arrow.png") right 9px no-repeat; */
background : # 504d8b ;
-moz-border-radius : 20px ;
-webkit-border-radius : 20px ;
border-radius : 20px ;
font-family : georgia , times new roman , serif ;
font-style : italic ;
font-size : 13px ;
}