@font-face { font-family: 'peronescregular'; src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/peronesc-webfont.eot'); src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/peronesc-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/peronesc-webfont.woff') format('woff'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/peronesc-webfont.ttf') format('truetype'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/peronesc-webfont.svg#peronescregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Heuristica-Bold'; src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Heuristica-Bold.woff') format('woff'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Heuristica-Bold.ttf') format('truetype'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Heuristica-Bold.svg#Heuristica-Bold') format('svg'); } @font-face { font-family: 'Heuristica-BoldItalic'; src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Heuristica-BoldItalic.woff') format('woff'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Heuristica-BoldItalic.ttf') format('truetype'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Heuristica-BoldItalic.svg#Heuristica-BoldItalic') format('svg'); } @font-face { font-family: 'Heuristica-Italic'; src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Heuristica-Italic.woff') format('woff'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Heuristica-Italic.ttf') format('truetype'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Heuristica-Italic.svg#Heuristica-Italic') format('svg'); } @font-face { font-family: 'Heuristica-Regular'; src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Heuristica-Regular.woff') format('woff'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Heuristica-Regular.ttf') format('truetype'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Heuristica-Regular.svg#Heuristica-Regular') format('svg'); } /* Font Playfair Display */ @font-face { font-family: 'Playfair Display'; font-weight: 400; font-style: normal; src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-regular/Playfair-Display-regular.eot'); src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-regular/Playfair-Display-regular.eot?#iefix') format('embedded-opentype'), local('Playfair Display'), local('Playfair-Display-regular'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-regular/Playfair-Display-regular.woff2') format('woff2'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-regular/Playfair-Display-regular.woff') format('woff'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-regular/Playfair-Display-regular.ttf') format('truetype'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-regular/Playfair-Display-regular.svg#PlayfairDisplay') format('svg'); } @font-face { font-family: 'Playfair Display'; font-weight: 700; font-style: normal; src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-700/Playfair-Display-700.eot'); src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-700/Playfair-Display-700.eot?#iefix') format('embedded-opentype'), local('Playfair Display Bold'), local('Playfair-Display-700'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-700/Playfair-Display-700.woff2') format('woff2'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-700/Playfair-Display-700.woff') format('woff'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-700/Playfair-Display-700.ttf') format('truetype'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-700/Playfair-Display-700.svg#PlayfairDisplay') format('svg'); } @font-face { font-family: 'Playfair Display'; font-weight: 900; font-style: normal; src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-900/Playfair-Display-900.eot'); src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-900/Playfair-Display-900.eot?#iefix') format('embedded-opentype'), local('Playfair Display Black'), local('Playfair-Display-900'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-900/Playfair-Display-900.woff2') format('woff2'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-900/Playfair-Display-900.woff') format('woff'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-900/Playfair-Display-900.ttf') format('truetype'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-900/Playfair-Display-900.svg#PlayfairDisplay') format('svg'); } @font-face { font-family: 'Playfair Display'; font-weight: 400; font-style: italic; src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-italic/Playfair-Display-italic.eot'); src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-italic/Playfair-Display-italic.eot?#iefix') format('embedded-opentype'), local('Playfair Display Italic'), local('Playfair-Display-italic'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-italic/Playfair-Display-italic.woff2') format('woff2'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-italic/Playfair-Display-italic.woff') format('woff'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-italic/Playfair-Display-italic.ttf') format('truetype'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-italic/Playfair-Display-italic.svg#PlayfairDisplay') format('svg'); } @font-face { font-family: 'Playfair Display'; font-weight: 700; font-style: italic; src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-700italic/Playfair-Display-700italic.eot'); src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-700italic/Playfair-Display-700italic.eot?#iefix') format('embedded-opentype'), local('Playfair Display Bold Italic'), local('Playfair-Display-700italic'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-700italic/Playfair-Display-700italic.woff2') format('woff2'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-700italic/Playfair-Display-700italic.woff') format('woff'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-700italic/Playfair-Display-700italic.ttf') format('truetype'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-700italic/Playfair-Display-700italic.svg#PlayfairDisplay') format('svg'); } @font-face { font-family: 'Playfair Display'; font-weight: 900; font-style: italic; src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-900italic/Playfair-Display-900italic.eot'); src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-900italic/Playfair-Display-900italic.eot?#iefix') format('embedded-opentype'), local('Playfair Display Black Italic'), local('Playfair-Display-900italic'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-900italic/Playfair-Display-900italic.woff2') format('woff2'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-900italic/Playfair-Display-900italic.woff') format('woff'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-900italic/Playfair-Display-900italic.ttf') format('truetype'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Playfair-Display-900italic/Playfair-Display-900italic.svg#PlayfairDisplay') format('svg'); } /* Font Lato */ @font-face { font-family: 'Lato'; font-weight: 100; font-style: normal; src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-100/Lato-100.eot'); src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-100/Lato-100.eot?#iefix') format('embedded-opentype'), local('Lato Hairline'), local('Lato-100'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-100/Lato-100.woff2') format('woff2'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-100/Lato-100.woff') format('woff'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-100/Lato-100.ttf') format('truetype'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-100/Lato-100.svg#Lato') format('svg'); } @font-face { font-family: 'Lato'; font-weight: 300; font-style: normal; src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-300/Lato-300.eot'); src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-300/Lato-300.eot?#iefix') format('embedded-opentype'), local('Lato Light'), local('Lato-300'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-300/Lato-300.woff2') format('woff2'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-300/Lato-300.woff') format('woff'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-300/Lato-300.ttf') format('truetype'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-300/Lato-300.svg#Lato') format('svg'); } @font-face { font-family: 'Lato'; font-weight: 400; font-style: normal; src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-regular/Lato-regular.eot'); src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-regular/Lato-regular.eot?#iefix') format('embedded-opentype'), local('Lato Regular'), local('Lato-regular'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-regular/Lato-regular.woff2') format('woff2'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-regular/Lato-regular.woff') format('woff'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-regular/Lato-regular.ttf') format('truetype'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-regular/Lato-regular.svg#Lato') format('svg'); } @font-face { font-family: 'Lato'; font-weight: 700; font-style: normal; src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-700/Lato-700.eot'); src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-700/Lato-700.eot?#iefix') format('embedded-opentype'), local('Lato Bold'), local('Lato-700'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-700/Lato-700.woff2') format('woff2'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-700/Lato-700.woff') format('woff'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-700/Lato-700.ttf') format('truetype'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-700/Lato-700.svg#Lato') format('svg'); } @font-face { font-family: 'Lato'; font-weight: 900; font-style: normal; src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-900/Lato-900.eot'); src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-900/Lato-900.eot?#iefix') format('embedded-opentype'), local('Lato Black'), local('Lato-900'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-900/Lato-900.woff2') format('woff2'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-900/Lato-900.woff') format('woff'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-900/Lato-900.ttf') format('truetype'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-900/Lato-900.svg#Lato') format('svg'); } @font-face { font-family: 'Lato'; font-weight: 100; font-style: italic; src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-100italic/Lato-100italic.eot'); src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-100italic/Lato-100italic.eot?#iefix') format('embedded-opentype'), local('Lato Hairline Italic'), local('Lato-100italic'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-100italic/Lato-100italic.woff2') format('woff2'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-100italic/Lato-100italic.woff') format('woff'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-100italic/Lato-100italic.ttf') format('truetype'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-100italic/Lato-100italic.svg#Lato') format('svg'); } @font-face { font-family: 'Lato'; font-weight: 300; font-style: italic; src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-300italic/Lato-300italic.eot'); src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-300italic/Lato-300italic.eot?#iefix') format('embedded-opentype'), local('Lato Light Italic'), local('Lato-300italic'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-300italic/Lato-300italic.woff2') format('woff2'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-300italic/Lato-300italic.woff') format('woff'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-300italic/Lato-300italic.ttf') format('truetype'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-300italic/Lato-300italic.svg#Lato') format('svg'); } @font-face { font-family: 'Lato'; font-weight: 400; font-style: italic; src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-italic/Lato-italic.eot'); src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-italic/Lato-italic.eot?#iefix') format('embedded-opentype'), local('Lato Italic'), local('Lato-italic'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-italic/Lato-italic.woff2') format('woff2'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-italic/Lato-italic.woff') format('woff'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-italic/Lato-italic.ttf') format('truetype'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-italic/Lato-italic.svg#Lato') format('svg'); } @font-face { font-family: 'Lato'; font-weight: 700; font-style: italic; src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-700italic/Lato-700italic.eot'); src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-700italic/Lato-700italic.eot?#iefix') format('embedded-opentype'), local('Lato Bold Italic'), local('Lato-700italic'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-700italic/Lato-700italic.woff2') format('woff2'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-700italic/Lato-700italic.woff') format('woff'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-700italic/Lato-700italic.ttf') format('truetype'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-700italic/Lato-700italic.svg#Lato') format('svg'); } @font-face { font-family: 'Lato'; font-weight: 900; font-style: italic; src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-900italic/Lato-900italic.eot'); src: url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-900italic/Lato-900italic.eot?#iefix') format('embedded-opentype'), local('Lato Black Italic'), local('Lato-900italic'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-900italic/Lato-900italic.woff2') format('woff2'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-900italic/Lato-900italic.woff') format('woff'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-900italic/Lato-900italic.ttf') format('truetype'), url('https://www.cresus.fr/skin/frontend/default/cresus/fonts/Lato-900italic/Lato-900italic.svg#Lato') format('svg'); } * { margin: 0; padding: 0; border: 0; font: inherit; background: none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; vertical-align: top;} body{} .cf:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } *+ html .cf { min-height: 1% } img { border: 0; vertical-align: top; max-width: 100%; height: auto } a { color: #3c3c3c; text-decoration: none; cursor: pointer; } a:hover { color: #3c3c3c;} :focus { outline: 0 } /* Headings */ h1, h2, h3, h4, h5, h6 { } h1 { font-size: 20px; font-weight: normal; line-height: 1.15; } h2 { font-size: 18px; font-weight: normal; line-height: 1.25; } h3 { font-size: 16px; font-weight: bold; line-height: 1.25; } h4 { font-size: 14px; font-weight: bold; } h5 { font-size: 12px; font-weight: bold; } h6 { font-size: 11px; font-weight: bold; } /* Forms */ form { display: inline } fieldset { border: 0 } legend { display: none } button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner { padding: 0 !important; border: 0 none !important; } input[type="radio"], input[type="checkbox"] {border: 1px solid #cccccc; background: #ffffff;} /* Table */ table { border: 0; border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 100%; } caption, th, td { vertical-align: top; text-align: left; font-weight: normal; } /* Content */ strong { font-weight: bold } address { font-style: normal } cite { font-style: normal } q, blockquote { quotes: none } q:before, q:after { content: '' } small, big { font-size: 1em } sup { font-size: 1em; vertical-align: top; } .bold { font-weight: bold } .underline {text-decoration: underline;} .italic {font-style: italic;} .aCenter { text-align: center } .aRight { text-align: right } /* Lists */ ul, ol { list-style: none } /* Tools */ .fl { float: left } .fr { float: right } .clr { clear: both } .hide{display: none;} .fix{position: fixed!important; left: 0; top: 0; right: 0; z-index: 10} .a-center{text-align: center;} .a-left{text-align: left;} .a-right{text-align: right;} main {display:block;} /* hack
html5 for IE */ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #F9F9F9; color: #444; text-shadow: none; } .fancybox-opened { z-index: 8030 } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative } .fancybox-inner { overflow: hidden } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://www.cresus.fr/skin/frontend/default/cresus/images/fancybox/fancybox_sprite.png') } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('https://www.cresus.fr/skin/frontend/default/cresus/images/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; nowhitespace: afterproperty; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('https://www.cresus.fr/skin/frontend/default/cresus/images/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; ; } .fancybox-prev { left: 0 } .fancybox-next { right: 0 } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important } .fancybox-lock-test { overflow-y: hidden !important } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('https://www.cresus.fr/skin/frontend/default/cresus/images/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; nowhitespace: afterproperty; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; ; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /* End Custom style */ /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { } /* == malihu jquery custom scrollbar plugin == Version: 3.0.2 Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(https://www.cresus.fr/skin/frontend/default/cresus/css/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("https://www.cresus.fr/skin/frontend/default/cresus/images/dot-white.png"); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("https://www.cresus.fr/skin/frontend/default/cresus/images/dot-gray.png"); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ .cms-col { margin-left: -7px; margin-right: -8px; } .cms-col:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6 { position: relative; min-height: 1px; padding-left: 8px; padding-right: 7px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } @media (max-width: 479px) { .col-xs-hide { display: none; } } @media (min-width: 480px) and (max-width: 767px) { .col-ls-hide { display: none; } } @media (min-width: 480px) { .col-ls-1, .col-ls-2, .col-ls-3, .col-ls-4, .col-ls-5, .col-ls-6, .col-ls-7, .col-ls-8, .col-ls-9, .col-ls-10, .col-ls-11, .col-ls-12 { float: left; } .col-ls-12 { width: 100%; } .col-ls-11 { width: 91.66666667%; } .col-ls-10 { width: 83.33333333%; } .col-ls-9 { width: 75%; } .col-ls-8 { width: 66.66666667%; } .col-ls-7 { width: 58.33333333%; } .col-ls-6 { width: 50%; } .col-ls-5 { width: 41.66666667%; } .col-ls-4 { width: 33.33333333%; } .col-ls-3 { width: 25%; } .col-ls-2 { width: 16.66666667%; } .col-ls-1 { width: 8.33333333%; } } @media (min-width: 768px) and (max-width: 1079px) { .col-sm-hide { display: none; } } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } } @media (min-width: 1080px) { .col-md-hide { display: none; } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } } .demo-col [class^="col-"] { background-color: #cccccc; border: 1px solid red; padding-bottom: 10px; padding-top: 10px; } html { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: antialiased; -webkit-overflow-scrolling: touch; } body { color: #000; font: 13px/1.3 arial,sans-serif; text-align: center; } /* Clears ================================================================================ */ .cf:after, .topPage:after, .header:after, .navigation ul:after, .bxProduitDernier:after, .row-item:after, .boxToolbar:after, .toolbarTop:after, .borSlide:after, .boxRowProd:after, .boxSocialShare:after, .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-view .box-tags .form-add:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } /* ======================================================================================= */ /* Layout */ .nobr { white-space:nowrap !important; } .wrapper { position: relative; #background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/bgSite.jpg") no-repeat fixed top center #000000; } .page { position: relative } .main { position: relative } .page-print { background: #fff; padding: 20px; text-align: left; } .page-empty { background: #fff; padding: 20px; text-align: left; } .page-popup { padding: 20px; text-align: left; } /* Base Columns */ .col-left { float: left; width: 240px; border-right: 1px solid #ddd; padding-right: 20px; margin-right: 20px; } .col-main { float: left; width: 700px; } .col-right { float: right; width: 240px; padding-left: 20px; margin-left: 0; } /* 1 Column Layout */ .col1-layout .col-main { float: none; width: auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float: right } .col2-right-layout .col-main { } /* 3 Columns Layout */ .col3-layout .col-main { width: 500px; margin-left: 0; } .col3-layout .col-left { width: 230px; margin: 0; padding: 0; border: none; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/shadow-sb-left.png") no-repeat right 48px; } .col3-layout .col-right { width: 230px; padding: 0; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/shadow-sb-right.png") no-repeat left 48px;min-height: 450px; } .col3-layout .col-wrapper { float: left; width: 730px; } .col3-layout .col-wrapper .col-main { float: right } /* Content Columns */ .col2-set .col-1 { float: left; width: 49%; } .col2-set .col-2 { float: right; width: 49%; } .col2-set .col-narrow { width: 33% } .col2-set .col-wide { width: 65% } .col3-set .col-1 { float: left; width: 32%; } .col3-set .col-2 { float: left; width: 32%; margin-left: 2%; } .col3-set .col-3 { float: right; width: 32%; } .col4-set .col-1 { float: left; width: 23.5%; } .col4-set .col-2 { float: left; width: 23.5%; margin: 0 2%; } .col4-set .col-3 { float: left; width: 23.5%; } .col4-set .col-4 { float: right; width: 23.5%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input, select, textarea, button { font: 12px Arial, Helvetica, sans-serif; vertical-align: middle; color: #000;} button { cursor: pointer } input.input-text, select, textarea { background: #fff; border: 1px solid #B0B0B0; } input.input-text, input[type='text'] {-webkit-appearance: none;-webkit-border-radius:0; border-radius:0; } textarea { padding: 2px; -webkit-appearance: none;-webkit-border-radius:0; border-radius:0;} select { padding: 1px ; -webkit-appearance: none;-webkit-border-radius:0; border-radius:0;} select option { padding-right: 10px; padding-left: 16px; } select.multiselect option { border-bottom: 1px solid #ddd; padding: 2px 5px; } select.multiselect option:last-child { border-bottom: 0 } input[type=text]::-ms-clear{display: none;} input[type=password]::-ms-reveal{display: none;} /*custom select on IE*/ .boxSortby select::-ms-expand, .boxToolbar .boxLimiter select::-ms-expand, .form-list select::-ms-expand { display: none } /*.boxSortby select, .boxToolbar .boxLimiter select, .form-list select { background: #ffffff\9!important }*/ textarea { overflow: auto } input.radio { margin-right: 3px } input.checkbox { margin-right: 3px } input.qty { width: 2.5em !important } ututton::-moz-focus-inner { padding: 0; border: 0; } /* FF Fix */ button.button { -webkit-border-fit: lines } /* <- Safari & Google Chrome Fix */ button.button { overflow: visible; width: auto; border: 0; padding: 0 0 0 0; margin: 0 0 10px; cursor: pointer; background: #000; color: #fff; } button.button span { display: block; position: relative; } button.button span span { background: #000000;padding: 10px 10px; text-align: center; white-space: nowrap; text-transform: uppercase; min-width: 165px; display: block; font: bold 15px/25px lato,sans-serif; letter-spacing: 1px; } button.button span span i { font-style: normal; font-size: 12px; } button.disabled { } button.disabled span { } button.btn-checkout span span { padding: 10px 45px 10px 20px; position: relative; min-width: 187px; } button.btn-checkout span span:after { border-left: 5px solid #FFFFFF; border-bottom: 5px solid rgba(0, 0, 0, 0); border-top: 5px solid rgba(0, 0, 0, 0); content: ""; position: absolute; right: 30px; top: 17px; } button.btn-checkout.no-checkout { } p.control input.checkbox, p.control input.radio { margin-right: 6px } a.button{overflow: visible; width: auto; border: 0; padding: 0 0 0 0; margin: 0 0 10px; cursor: pointer; background: #000; color: #fff!important; display: inline-block; text-decoration: none!important;} a.button span span { padding: 10px 10px; text-align: center; white-space: nowrap; text-transform: uppercase; min-width: 165px; display: block; font: bold 15px/25px lato,sans-serif; letter-spacing: 1px; } a {-webkit-tap-highlight-color: rgba(0,0,0,0);} /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#efefef; } _*/ /* Form lists */ /* Grouped fields */ /*.form-list { width:535px; margin:0 auto; overflow:hidden; } _*/ .titleFormList { color: #000000; text-transform: uppercase; font: bold 20px/35px lato, sans-serif; : ; } .form-list { font-family: lato, sans-serif; margin-top: 10px; list-style: none; padding-left: 0; } .form-list li { margin: 0 0 10px; padding-left: 0; background: none; } .form-list label { color: #000000; font-weight: bold; font-family: lato, sans-serif; font-size: 13px; text-transform: uppercase; background: url('https://www.cresus.fr/skin/frontend/default/cresus/images/iconlabel.png') no-repeat scroll 0 2px; padding-left: 20px; display: block; margin-bottom: 5px; position: relative; float: left; line-height: 15px; } .form-list label.required { } .form-list label.required em { float: right; font-style: normal; color: #000000; position: absolute; top: 0; right: -8px; } .form-list li.control label { float: none } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right: 5px } .form-list li.control .input-box { clear: none; display: inline; width: auto; } .form-list .input-box { display: block; clear: both; width: 260px; } .form-list .field { float: left; width: 275px; margin-bottom: 30px; } .form-list input.input-text { color: #4B4B4B; font-size: 12px; height: 30px; width: 100%; padding: 0 9px; } .form-list .fields .fieldShowHide { display: none } .form-list textarea { width: 254px; height: 10em; } .form-list select { -webkit-appearance: none; -moz-appearance: none; /*background: #ffffff url('https://www.cresus.fr/skin/frontend/default/cresus/images/arrowSelect.png') no-repeat 100% center;*/ text-indent: 0.01px; text-overflow: ""; /*My custom style for fonts*/ padding: 5px 4px; width: 100%; border: 1px solid #b0b0b0; cursor: pointer; color: #4b4b4b; outline: none} .form-list .input-box-select.big {background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/arrowSelectBig.png") no-repeat 100% 50% #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #b0b0b0; cursor: pointer; color: #4b4b4b; margin: 0 0 2em; padding: 0; position: relative; width: 100%; z-index: 1; margin-bottom: 0;} .form-list .input-box-select.big select { color: #a9a9a9; height: 40px; /*background: #ffffff url('https://www.cresus.fr/skin/frontend/default/cresus/images/arrowSelectBig.png') no-repeat 100% center;*/ letter-spacing: 1px; padding-right: 50px; padding-top: 10px; padding-right: 5px\9!important; } .form-list li.wide .input-box { width: 425px } .form-list li.wide input.input-text { width: 425px } .form-list li.wide textarea { color: #4B4B4B; font-size: 12px; height: 150px; max-width: 100%; padding: 10px 9px; width: 100%; } .form-list li.wide select { width: 423px } .form-list li.wide .field { float: none; width: auto; margin-bottom: 20px; } .form-list li.wide .field.field-region {margin-bottom: 0} .form-list li.wide .field.field-region select { /*margin-bottom: 20px;*/ color: #a9a9a9; padding-top: 10px;padding-right: 50px;background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/arrowSelectBig.png") no-repeat scroll 100% center #ffffff; letter-spacing: 1px;} .form-list li.wide .field.field-region input {display: none;} .form-list li.additional-row { border-top: 1px solid #ccc; margin-top: 10px; padding-top: 7px; } .form-list li.additional-row .btn-remove { float: right; margin: 5px 0 0; } .form-list .input-range input.input-text { width: 74px } .custom-select { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/arrowSelect.png") no-repeat 100% 50% #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #b0b0b0; cursor: pointer; color: #4b4b4b; margin: 0; padding: 0; position: relative; width: 100%; z-index: 1; } .custom-select:hover { border-color: #999 } /*.custom-select:before { color: #333; display: block; font-size: 1em; height: 100%; line-height: 2.5em; padding: 0 0.625em; position: absolute; top: 0; right: 0; text-align: center; width: 17px; z-index: 1; content: ""; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/arrowSelect.png") no-repeat scroll center center rgba(0, 0, 0, 0); }*/ .sbSelect:before { color: #333; display: block; font-size: 1em; height: 100%; line-height: 2.5em; padding: 0 0.625em; position: absolute; top: 0; right: 0; text-align: center; width: 7px; z-index: -1; content: ""; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/filArrowDown.png") no-repeat scroll center center rgba(0, 0, 0, 0); } .lmSelect:before { color: #333; display: block; font-size: 1em; height: 100%; line-height: 2.5em; padding: 0 0.625em; position: absolute; top: 0; right: 0; text-align: center; width: 5px; z-index: -1; content: ""; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/pager_arrow_down.png") no-repeat scroll center center rgba(0, 0, 0, 0); } .custom-select select { background-color: transparent; background-image: none; border: 0 none; box-shadow: none; color: #000000; display: block; font-size: 100%; line-height: normal; margin: 0; padding: .5em; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select select::-ms-expand { display: none; /* to ie 10 */ } .custom-select select:focus { outline: none } /* little trick for custom select elements in mozilla firefox 17/06/2014 @rodrigoludgero */ /* pseudo class https://developer.mozilla.org/en-US/docs/Web/CSS/:any */ :-moz-any(.custom-select):before { background-color: #fff; /* this is necessary for overcome the caret default browser */ pointer-events: none; /* https: //developer.mozilla.org/en-US/docs/Web/CSS/pointer-events */; z-index: 1; /* this is necessary for overcome the pseudo element */ } :-moz-any(.selectBg2):before { background-color: #f7f6f6; /* this is necessary for overcome the caret default browser */ pointer-events: none; /* https: //developer.mozilla.org/en-US/docs/Web/CSS/pointer-events */; z-index: 1; /* this is necessary for overcome the pseudo element */ } :-moz-any(.sbSelect):before { background-color: #ffffff; /* this is necessary for overcome the caret default browser */ pointer-events: none; /* https: //developer.mozilla.org/en-US/docs/Web/CSS/pointer-events */; z-index: 1; /* this is necessary for overcome the pseudo element */ } :-moz-any(.lmSelect):before { background-color: #ffffff; /* this is necessary for overcome the caret default browser */ pointer-events: none; /* https: //developer.mozilla.org/en-US/docs/Web/CSS/pointer-events */; z-index: 1; /* this is necessary for overcome the pseudo element */ } /*form list for custom pages - designer can not use a common form for any pages */ .opc .form-list .input-box { } .opc .form-list input.input-text { height: 40px; letter-spacing: 1px; } .opc .form-list label { } .form-list li.wide select { height: 40px } /* Customer */ .form-list .customer-name-prefix {overflow: hidden;} .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width: auto } .form-list .name-prefix { width: 65px } .form-list .name-prefix select { width: 55px } .form-list .name-prefix input.input-text { width: 49px } .form-list .name-suffix { width: 65px } .form-list .name-suffix select { width: 55px } .form-list .name-suffix input.input-text { width: 49px } .form-list .customer-name-prefix .box-radio{overflow: visible;} /*check this one carefully . It display on many pages*/ .form-list .customer-name-prefix .box-radio:after{display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden;} .customer-name-prefix .box-radio label.styleRadio {float: left;background: none;margin: 0 15px 0 0;padding: 0;text-transform: none;font-weight: normal; width: 100px;} .customer-name-prefix .box-radio .validation-advice{width:300px} .form-list .name-middlename { width: 70px } .form-list .name-middlename input.input-text { width: 49px } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width: 140px } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { /* width: 124px; */ } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width: 205px } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { /* width: 189px; */ } .form-list .customer-name-prefix-suffix .name-firstname { width: 210px } .form-list .customer-name-prefix-suffix .name-lastname { width: 205px } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width: 189px } .form-list .customer-name-prefix-suffix .name-firstname { width: 210px } .form-list .customer-name-prefix-suffix .name-lastname { width: 205px } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width: 189px } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width: 210px } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width: 205px } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { /* width: 189px; */ } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float: left; width: 85px; } .form-list .customer-dob input.input-text { display: block; width: 74px; } .form-list .customer-dob label { font-size: 10px; font-weight: normal; color: #888; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width: 60px } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width: 46px } .form-list .customer-dob .dob-year { width: 140px } .form-list .customer-dob .dob-year input.input-text { width: 134px } .buttons-set { clear: both; overflow: hidden; } .buttons-set .back-link { float: left } .buttons-set button.button { float: right; margin-left: 10px; } .buttons-set p.required { margin: 0 0 5px } .buttons-set-order { } /* Custom Form Contact Tien To - written with not perfect HTML, pls dont' inherit anymore*/ .formCol { overflow: hidden } .formCol .formColLeft { width: 498px; padding-top: 30px; border-top: 1px dotted #818181; font-size: 14px; color: #000; font-family: lato,sans-serif; padding-bottom: 40px; float: left; margin-right: 30px; } .formCol .formColLeft .titleTextPost { padding: 50px 0 } .formCol .formColLeft .titleTextPost h2 { font-size: 20px; color: #000; text-transform: uppercase; } .formCol .formColLeft .titleTextPost h3 { font-size: 15px; text-transform: uppercase; color: #000; } .formCol .formColLeft .textList { padding-bottom: 30px } .formCol .formColLeft .textList .textBox { padding-bottom: 12px; font-size: 12px; } .formCol .formColLeft .textList .textBox h4 { font-size: 15px; color: #000; text-transform: uppercase; background: url('https://www.cresus.fr/skin/frontend/default/cresus/images/iconTextList.png') no-repeat scroll 0 3px; padding-left: 26px; margin-bottom: 8px; } .formCol .formColLeft .textList .textBox p { font-size: 12px; padding-left: 26px; } .formCol .formColRight{ width: 432px; float: left; } .formCol .form-list {margin-bottom: 10px} .formCol .form-list .field { width: auto; float: none; margin: 12px 0 0; padding: 12px 0;} .formCol .form-list .field .input-box { width: 100% } .formCol .form-list input:disabled { background: #EAEAEA } .formCol .form-list textarea { width: 100%; font-size: 12px; color: #4b4b4b; padding: 10px 16px; max-width: 100%; height: 150px; } .formCol .fieldset { margin-bottom: 45px; background: url('https://www.cresus.fr/skin/frontend/default/cresus/images/bgarrowform.jpg') no-repeat left top #e5e5e5; padding: 15px 20px 15px 20px; position: relative; } .formCol .fieldset:after { content: ""; width: 100%; height: 30px; bottom: 0; position: absolute; left: 0; -webkit-box-shadow: inset 0 -10px 18px -8px #c1bfbf; box-shadow: inset 0 -10px 18px -8px #c1bfbf; } .formCol .fieldset .txtcompte { font-style: italic; } .formCol .fieldset.fieldStyle1 { margin-bottom: 0px ; padding-bottom: 0; overflow: hidden;} .formCol .fieldset.fieldStyle1:after { display: none } .formCol .fieldset.fieldStyle2 { background: #efeded; position: relative; overflow: hidden; padding-bottom: 40px; /*for the show hide button*/ } .formCol .fieldset.fieldStyle2:before { content: ""; width: 100%; height: 30px; top: 0; position: absolute; left: 0; -webkit-box-shadow: inset 0 10px 10px -10px #c1bfbf; box-shadow: inset 0 10px 10px -10px #c1bfbf; } .formCol .fieldset.fieldStyle2:after { -webkit-box-shadow: inset 0 -10px 7px -7px #c1bfbf; box-shadow: inset 0 -10px 7px -7px #c1bfbf; height: 10px; } .formCol .fieldset.fieldStyle2 .form-list input.input-text { background: #f7f6f6 } .formCol .fieldset.fieldStyle2 .form-list select { background-color: #f7f6f6 } .formCol .fieldset.fieldStyle2 .form-list textarea { background: #f7f6f6 } .formCol .fieldset.fieldStyle2 .form-list label { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconlabel2.png") no-repeat scroll 0 2px } .field-radio .input-box { } .field-radio label { margin-bottom: 15px!important } .field-radio .input-box label { background: none!important; margin-bottom: 0px!important; } .field-radio input[type="radio"] { display: none } .field-radio .input-box label { color: #4b4b4b; font-family: Arial, sans-serif; font-size: 12px; text-transform: none; font-weight: normal; } .field-radio .input-box label input[type="radio"] + span { display: inline-block; width: 14px; height: 15px; margin: -1px 4px 0 0; vertical-align: middle; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/radioSheet.png") 1px 0px no-repeat; cursor: pointer; } .field-radio .input-box label input[type="radio"]:checked + span { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/radioSheet.png") -15px 0px no-repeat } .field-date input.input-text { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconDate.png") no-repeat right center #F7F6F6 !important } .field-uploadfile .input-box input.input-file { height: 30px; background: #F7F6F6; width: 100%; border: 1px solid #B0B0B0; font-size: 12px; color: #4B4B4B; padding: 0 9px; } .field-uploadfile .input-box input:disabled { background: #F7F6F6!important } .field-uploadfile .input-box .input-boxFile { position: relative } .fileUpload { position: relative; overflow: hidden; margin: 10px; } .fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .btUpload { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconUpload.png") no-repeat right center; -moz-user-select: none; cursor: pointer; display: inline-block; font-size: 14px; font-weight: normal; line-height: 1.42857; margin: 0; padding: 0; text-align: center; vertical-align: middle; white-space: nowrap; height: 30px; width: 100%; position: absolute; left: 0; top: 0; } .clShowHide { bottom: 0; left: 0; position: absolute; text-align: center; width: 100%; z-index: 99; } .clShowHide span { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconPform.png") no-repeat; font-size: 13px; text-transform: uppercase; font-family: 'lato',sans-serif; height: 29px; line-height: 29px; padding-left: 35px; display: inline-block; cursor: pointer; } .clShowHide.active span { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconLform.png") no-repeat } .contactForm { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dotted #818181; } /*apply for 6 forms*/ .formCol p.required { padding: 0 0 ;margin: 10px auto} .checkbox_special { margin: 0 8px 3px 0; } .txt_checkbox_special { margin-top: 7px; padding-bottom: 17px; } /* Form Validation */ .validation-advice { clear: both; min-height: 13px; margin: 3px 0 0; padding-left: 17px; font-size: 10px; line-height: 13px; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/validation_advice_bg.gif) 2px 1px no-repeat; color: #f00; position: absolute;} .validation-failed { border: 1px dashed #f00 !important; background: #faebe7 !important; } .validation-passed { } p.required { font-size: 9px; text-align: left; color: #1a1a1a; line-height: 15px; } /* Expiration date and CVV number validation fix */ .v-fix { float: left } .v-fix .validation-advice { display: block; width: 12em; margin-right: -12em; position: relative; } /* Global Messages */ .success { color: #3d6611; font-weight: bold; } .error { color: #f00; font-weight: bold; } .notice { color: #ccc } .messages, .messages ul { list-style: none !important; margin: 0 !important; } .messages { width: 100%; overflow: hidden; padding-bottom: 10px!important; } .messages li { margin: 0!important; background: none!important; padding-left: 5px!important; font-size: 14px; } .messages li li { margin: 0 0 3px } .error-msg, .success-msg, .note-msg, .notice-msg { border-style: solid !important; border-width: 1px !important; background-position: 10px 9px !important; background-repeat: no-repeat !important; min-height: 24px !important; padding: 8px 8px 8px 32px !important; font-size: 11px !important; } .error-msg { border-color: #f16048; background-color: #faebe7; background-image: url(https://www.cresus.fr/skin/frontend/default/cresus/images/i_msg-error.gif); color: #df280a; } .success-msg { background: none!important; border-color: #446423; background-color: #eff5ea; background-image: url(https://www.cresus.fr/skin/frontend/default/cresus/images/i_msg-success.gif); color: #3d6611; } .note-msg, .notice-msg { border-color: #fcd344; background-color: #fafaec; background-image: url(https://www.cresus.fr/skin/frontend/default/cresus/images/i_msg-note.gif); color: #3d6611; } /* BreadCrumbs */ .breadcrumbs { padding: 0; margin: 0 0 30px; } .breadcrumbs li { display: inline; font-size: 11px; line-height: 20px; } .breadcrumbs li a { color: #9a9a9a; font-size: 11px; } .breadcrumbs li span { color: #9a9a9a; font-size: 11px; } .breadcrumbs li strong { color: #666666; font-family: arial; font-weight: normal; font-size: 11px; } /* Page Heading */ .page-title { border-bottom: 1px dotted #818181; margin-bottom: 30px; padding: 0 0 25px; margin-top: 29px; } .page-title h1, .page-title h2 { color: #000000; font-family: 'lato',sans-serif; font-size: 27px; font-weight: bold; text-transform: uppercase; line-height: 30px; letter-spacing: 5px; } .page-title .separator { margin: 0 3px } .page-title .link-rss { float: right } .title-buttons { text-align: right } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float: left } .subtitle, .sub-title { clear: both } /* Pager */ .pager { /*border: 1px solid #ddd; padding:5px; margin:5px 0; text-align:center; */ } .pager .amount { float: left } .pager .limiter { float: right } .pager .pages { float: left; overflow: hidden; position: relative;top: -3px; } .pager .pages strong{text-transform: uppercase; color: #000000; font-size: 9px; font-weight: normal; float: left; margin-right: 5px; position: relative;top: 3px;} .pager .pages ol { float: left; } .pager .pages li { float: left; margin-right: 2px;} .pager .pages li a{border: 1px solid transparent;color: #000000;display: inline; font-size: 9px;font-weight: bold;padding: 2px 4px;display: block;} .pager .pages li a:hover {background: none repeat scroll 0 0 #000000;border: 1px solid #000000;color: #ffffff;} .pager .pages li a {} .pager .pages li:hover a { color: #ffffff;} .pager .pages .current {border: 1px solid #000000;color: #000000;font-size: 9px;font-weight: bold;padding: 2px 4px; } .pager .pages .next {background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/pager_arrow.png") no-repeat scroll -20px 4px rgba(0, 0, 0, 0);height: 17px;width: 15px; } .pager .pages .next:hover { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/pager_arrow.png") no-repeat scroll -20px -38px #000000; } .pager .pages .previous { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/pager_arrow.png") no-repeat scroll 3px 5px rgba(0, 0, 0, 0); height: 17px; width: 15px; } .pager .pages .previous:hover { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/pager_arrow.png") no-repeat scroll 3px -38px #000000; } .pager .pages .next img, .pager .pages .previous img{ display: none;} /* Sorter */ .sorter { border: 1px solid #ddd; padding: 5px; margin: 5px 0; } .sorter .view-mode { float: left } .sorter .sort-by { float: right } .sorter .link-feed { } /* Toolbar */ .toolbar { } .toolbar .pager { } .toolbar .sorter { } .toolbar-bottom { } /* Data Table */ .data-table { width: 99.99%; position: relative; font: 16px/20px lato,sans-serif; color: #666; } .data-table th { padding: 10px; white-space: nowrap; font: 600 11px/17px lato,sans-serif; text-transform: uppercase; } .data-table td { padding: 5px; border: 1px solid #c0c0c0; } .data-table thead { background-color: #565656; color: #fff; } .data-table thead th:last-child:before { content: ''; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/bgForTitle.png) 0 0 no-repeat; position: absolute; width: 105px; height: 48px; right: 0; top: 0; } .data-table tbody { } .data-table tfoot { } .data-table tr.first { } .data-table tr.first td { padding-top: 0 } .data-table tr.first td > div { border: none } .data-table tr.first td .cart-price { border: none } .data-table tr.last { } .data-table tr.odd { } .data-table tr.even { } .data-table tbody.odd { } .data-table tbody.odd td { border-width: 0 1px } .data-table tbody.even { } .data-table tbody.even td { border-width: 0 1px } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width: 1px } .data-table th .tax-flag { white-space: nowrap; font-weight: normal; } .data-table td.label, .data-table th.label { font-weight: bold; background-color: #f6f6f6; } .data-table td.value { } .data-table .cart-price { display: block; font-weight: bold; padding: 50px 10px 10px; display: block; border-top: none; } .data-table .cart-price .price { font-size: 20px; line-height: 30px; } .my-account .data-table .cart-price { display: block; font-weight: bold; padding: 0; display: block; border-top: 1px dotted #c0c0c0; } .my-account .data-table .cart-price .price { font-size: 12px; line-height: 20px; } /* types of table */ .cart-table { } .cart-table .thPrix { text-align: right } .cart-table td { padding: 20px 0 0 0; border: none; } .cart-table td:first-child { } .cart-table td > div { padding: 10px 10px 0px 10px; border-top: 1px dotted #c0c0c0; } .cart-table .colImg { } .cart-table .colImg >div { padding-left: 0 } .cart-table .colImg a { display: block; width: 100px; height: 100px; border: 1px solid #b0b0b0; overflow: hidden; margin: 10px 0 0; } .cart-table .colImg a img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .cart-table .colName .product-name { color: #000; margin: 30px auto 10px; } .cart-table .colName .product-name strong { font-weight: bold; display: block; font-size: 27px; line-height: 30px; } .cart-table .colName .product-name a { color: #000 } .cart-table .colRef { } .cart-table .colRef >div { padding-top: 55px } .cart-table .colRef p { overflow: hidden } .cart-table .colRef b { text-transform: uppercase; color: #000; font: 600 12px/15px lato,sans-serif; float: left; width: 150px; } .cart-table .colRef i { font: normal 11px/15px arial,sans-serif; color: #3d3d3d; display: block; vertical-align: middle; } .cart-table .colDel { } .cart-table .colDel >div { padding: 55px 0 10px 20px } /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor: pointer } tr.summary-total td { } tr.summary-total .summary-collapse { float: right; text-align: right; padding-left: 20px; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/bkg_collapse.gif) 0 4px no-repeat; cursor: pointer; } tr.show-details .summary-collapse { background-position: 0 -53px } tr.show-details td { } tr.summary-details td { font-size: 11px; background-color: #dae1e4; color: #626465; } tr.summary-details-first td { border-top: 1px solid #d2d8db } tr.summary-details-excluded { font-style: italic } /* Shopping cart tax info */ .cart-tax-info { display: block } .cart-tax-info, .cart-tax-info .cart-price { padding-right: 20px } .cart-tax-total { display: block; padding-right: 20px; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/bkg_collapse.gif) 100% 4px no-repeat; cursor: pointer; } .cart-tax-info .price, .cart-tax-total .price { display: inline !important; font-weight: normal !important; } .cart-tax-total-expanded { background-position: 100% -53px } /* Class: std - styles for admin-controlled content */ .std .subtitle { padding: 0 } .std ol.ol { list-style: decimal outside; padding-left: 1.5em; } .std ul.disc { padding: 0 } .std dl dt { font-weight: bold } .std dl dd { margin: 0 0 10px } .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin: 0 0 1em; padding: 0; } .std ul { } .std ol { list-style: decimal outside; padding-left: 1.5em; } .std ul ul { list-style-type: circle } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin: .5em 0 } .std dt { font-weight: bold } .std dd { padding: 0 0 0 1.5em } .std blockquote { font-style: italic; padding: 0 0 0 1.5em; } .std address { font-style: normal } .std b, .std strong { font-weight: bold } .std i, .std em { font-style: italic } .std { } .std ul { } .std ul li { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/icon-disc.png") no-repeat scroll left 7px rgba(0, 0, 0, 0); margin-bottom: 2px; padding-left: 25px; } .std a { color: #9D8E6F; text-decoration: underline; } .std a:hover { text-decoration: none } .std table + p { margin-top: 10px;} .std .clShowHide, .clShowHide { margin: 0 } /* Misc */ .links li { display: inline } .links li.first { padding-left: 0 !important } .links li.last { background: none !important; padding-right: 0 !important; } .link-cart { font-weight: bold; color: #f00; } .link-wishlist { font-weight: bold } .link-reorder { font-weight: bold } .link-compare { font-weight: bold } .link-print { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/i_print.gif) 0 2px no-repeat; padding: 2px 0 2px 25px; } .link-rss { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/i_rss.gif) 0 1px no-repeat; padding-left: 18px; white-space: nowrap; } .btn-remove { display: block; width: 11px; height: 11px; font-size: 0; line-height: 0; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/btn_remove.gif) 0 0 no-repeat; text-indent: -999em; overflow: hidden; } .btn-remove2 { display: block; width: 20px; height: 20px; font-size: 0; line-height: 0; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/icoDelete.png) 0 0 no-repeat; text-indent: -999em; overflow: hidden; background-size: cover; } .btn-remove2:hover { background-position: 0 100% } .btn-edit { display: block; width: 11px; height: 11px; font-size: 0; line-height: 0; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/btn_edit.gif) 0 0 no-repeat; text-indent: -999em; overflow: hidden; } .cards-list dt { margin: 5px 0 0 } .cards-list .offset { padding: 2px 0 2px 20px } .separator { margin: 0 3px } .divider { clear: both; display: block; font-size: 0; line-height: 0; height: 1px; margin: 10px 0; background: #ddd; text-indent: -999em; overflow: hidden; } /* Noscript Notice */ .noscript { border: 1px solid #ddd; border-width: 0 0 1px; background: #ffff90; font-size: 12px; line-height: 1.25; text-align: center; color: #2f2f2f; } .noscript .noscript-inner { width: 1000px; margin: 0 auto; padding: 12px 0 12px; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin: 0 } /* Demo Notice */ .demo-notice { margin: 0; padding: 6px 10px; background: #d75f07; font-size: 12px; line-height: 1.15; text-align: center; color: #fff; } /* Cookie Notice */ .notice-cookie { border-bottom: 1px solid #cfcfcf; background: #ffff90; font-size: 12px; line-height: 1.25; text-align: center; color: #2f2f2f; } .notice-cookie .notice-inner { width: 870px; margin: 0 auto; padding: 12px 0 12px 80px; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/i_notice.gif) 20px 25px no-repeat; text-align: left; } .notice-cookie .notice-inner p { margin: 0 0 10px; border: 1px dotted #cccc73; padding: 10px; } .notice-cookie .notice-inner .actions { } /* Cookie Notice */ .back-link { margin-top: 20px } .back-link a { color: #666666; font: 11px/20px arial, sans-serif; text-decoration: none; display: inline-block; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/arrDouble.png") no-repeat left center; padding-left: 15px; } .back-link small { display: none } /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { /* border: 1px solid #ddd; */ margin:0 0 10px; } .block .block-title { border-bottom: 1px solid #ddd; padding: 3px 10px; } .block .block-title strong { font-size: 14px; font-weight: bold; } .block .block-title strong span { } .block .block-title a { text-decoration: none !important } .block .block-subtitle { font-size: 13px; font-weight: bold; } .block .block-content { } .block .block-content li.item { padding: 5px 0 } .block .btn-remove, .block .btn-edit { float: right } .block .actions { text-align: right } .block .actions a { float: left } .block .empty { } .block li.odd { } .block li.even { background-color: #f6f6f6 } /* Mini Products List */ .mini-products-list li { padding: 5px 0 } .mini-products-list .product-image { float: left; width: 50px; padding: 5px; border: 1px solid #ddd; } .mini-products-list .product-details { margin-left: 75px } .mini-products-list .product-details h4 { font-size: 1em; font-weight: bold; margin: 0; } .block-cart .mini-products-list .product-details .product-name, .block-cart .mini-products-list .product-details .nobr small { word-wrap: break-word } .block-cart .mini-products-list .product-details .nobr { white-space: normal !important } /* Block: Account */ .block-account { } /* Block: Currency Switcher */ .block-currency { } .block-currency select { width: 100%; border: 1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav { } .block-layered-nav dt { font: bold 11px/20px arial,sans-serif; text-transform: uppercase; padding: 4px 0 15px; border-top: 1px solid #dadada; margin-top: 10px; } .block-layered-nav .currently { } .block-layered-nav .btn-remove { float: left; margin: 2px 3px 0 0; } /* Block: Cart */ .block-cart { } .block-cart .summary { } .block-cart .amount { } .block-cart .subtotal { text-align: center } .block-cart .actions .paypal-logo { float: left; width: 100%; margin: 3px 0 0; text-align: right; } .block-cart .actions .paypal-logo .paypal-or { clear: both; display: block; padding: 0 55px 5px 0; } /* Block: Wishlist */ .block-wishlist { } /* Block: Related */ .block-related { } .block-related li { padding: 5px 0 } .block-related input.checkbox { float: left; margin-right: -20px; } .block-related .product { margin-left: 20px } .block-related .product .product-image { float: left; margin-right: -65px; } .block-related .product .product-details { margin-left: 65px } /* Block: Compare Products */ .block-compare { } .block-compare li { padding: 5px 0 } /* Block: Recently Viewed */ .block-viewed { } /* Block: Recently Compared */ .block-compared { } /* Block: Poll */ .block-poll label { } .block-poll input.radio { float: left; margin: 1px -18px 0 0; } .block-poll .label { display: block; margin-left: 18px; } .block-poll li { padding: 3px 9px } .block-poll .actions { margin: 5px 0 0 } .block-poll .answer { font-weight: bold } .block-poll .votes { float: right; margin-left: 10px; } /* Block: Tags */ .block-tags ul, .block-tags li { display: inline } /* Block: Subscribe */ .block-subscribe { } /* Block: Reorder */ .block-reorder { } .block-reorder li { padding: 5px 0 } .block-reorder input.checkbox { float: left; margin: 3px -20px 0 0; } .block-reorder .product-name { margin-left: 20px } /* Block: Banner */ .block-banner { } .block-banner .block-content { text-align: center } /* Block: Login */ .block-login label { font-weight: bold; color: #666; } .block-login input.input-text { display: block; width: 167px; margin: 3px 0; } /* Paypal */ .sidebar .paypal-logo { display: block; margin: 10px 0; text-align: center; } .sidebar .paypal-logo a { float: none } /* ======================================================================================= */ /* Modules/boxes ========================================================================= */ .mainContainer, .main-container { position: relative; z-index: 2; width: 1080px; margin: 0 auto;} /* Class Main */ .main { width: 1080px; padding: 1px 60px; margin: auto; text-align: left; background: #fff; min-height: 90px; } .background-link {position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1;} /* Grid Product */ .gridImages { overflow: hidden; margin-left: -10px; } .gridImagesIt { float: left; margin-left: 10px; opacity: .65; width: 110px; cursor: pointer; } .gridImagesIt:hover { opacity: 1 } .gridImagesIt .pic { } .gridImagesIt .txt { font-size: 11px; line-height: 20px; text-transform: uppercase; text-align: center; border-bottom: 1px solid #000; white-space: nowrap; width: 110px; overflow: hidden; text-overflow: ellipsis; } .gridImagesIt .pic + .txt { margin-bottom: 15px } /* Title LessMarques */ .mdLesMarques { width: 470px; float: right; } .mdLesMarques .mdTt { border-bottom: 3px solid #000; padding: 5px 0; overflow: hidden; position: relative; min-height: 21px; } .mdLesMarques .mdCt { padding-top: 20px; padding-bottom: 0px; } .mdLesMarques .mdTt i { font-weight: bold } .mdLesMarques .mdTt .txt { text-transform: uppercase; padding: 0; display: block; float: left; margin-right: 10px; font: 300 16px/20px lato,sans-serif; } .mdLesMarques .viewAll { color: #8c8a8b; font: 11px/20px lato,sans-serif; text-transform: uppercase; text-decoration: underline; position: relative; display: block; margin: 20px auto; margin-left: 20px; } .mdLesMarques .viewAll:before { content: ''; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/arrViewAll.png) 0 50% no-repeat; position: absolute; width: 10px; height: 20px; left: -15px; } /* Line Border Sep */ .sepPage { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/sepPage.png); height: 14px; margin: 20px auto; } .sepPage_2 { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/border_dot.png) 50% 50% no-repeat; height: 40px; margin: auto; clear: both; } .sepPage_02 { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/sepPage_02.png) 50% 50% no-repeat; max-width: 1080px; margin: 20px auto 15px; clear: both; height: 15px; } .sepPage_3 { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/dot_shadow.png) 0 50% no-repeat; height: 10px; clear: both; padding: 0; width: 960px; margin: 20px auto; } .catalog-product-view .col-main + .sepPage_2 { display: none } /* List Item */ .listItems { padding-top: 2px } .listItemsIt { overflow: hidden; position: relative; border-bottom: 1px solid #000; padding: 0 0 15px 0; margin-bottom: 15px; } .listItemsIt .itImg { float: left; position: relative; cursor: pointer; } .listItemsIt .itImg .pic { background: #dadada; height: 105px; width: 150px; overflow: hidden; } .listItemsIt .itImg .pic img { width: 100%; height: 100%; } .listItemsIt .itImg .linkMask { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-indent: -999em; } .listItemsIt .itImg:before { content: ''; background: rgba(0,0,0,.85); position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; } .listItemsIt .itImg .itDate { position: absolute; left: 0; top: 50%; } .listItemsIt .itImg .link { color: #fff; position: absolute; bottom: 0; left: 0; right: 0; top: 46px; text-align: center; padding-left: 30px; text-transform: uppercase; font-size: 10px; opacity: 0; transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; } .listItemsIt .itImg .link:before { content: '+ ' } .listItemsIt:hover .itImg:before { opacity: 1 } .listItemsIt:hover .itImg .link { opacity: 1 } .listItemsIt .itCt { overflow: hidden; padding: 0 0px 5px 15px; font-size: 11px; line-height: 13px; height: 100px; } .listItemsIt .itCt .tt { text-transform: uppercase; padding: 0 0 5px; font: bold 15px/20px lato,sans-serif; } .listItemsIt .itCt .ct { padding-bottom: 25px; font-size: 10px; } .listItemsIt .itAc { position: absolute; bottom: 4px; right: 0; left: 165px; text-align: right; } .listItemsIt .itAc p.view { font-size: 10px; line-height: 20px; text-transform: uppercase; } .listItemsIt .itAc p.view:before { content: '+ '; font-size: 15px; line-height: 20px; } .listItemsIt .itLink { position: absolute; left: 150px; top: 0; right: 0; bottom: 0; cursor: pointer; } .itDate { background: #eee; height: 36px; width: 36px; color: #000; text-transform: uppercase; text-align: center; margin-top: -18px; font: bold 10px/15px lato,sans-serif; } .itDate .day { display: block; font: bold 18px/25px serif; } .itDate .month { display: block; margin-top: -5px; font-weight: bold; } .calendar {z-index: 9} /* Block: News ( HOME) */ .mdNews { width: 470px; float: left; } .mdNews .mdTt { border-bottom: 3px solid #000; padding: 5px 0; overflow: hidden; position: relative; min-height: 21px; } .mdNews .mdTt .logoLovetime { float: left; position: relative; top: 1px; width: 88px; } .mdNews .mdCt { padding-top: 15px; padding-bottom: 0px; } .mdNews .mdTt i { font-weight: bold } .mdNews .mdTt .txt { text-transform: uppercase; padding: 0; display: block; float: left; margin-right: 10px; font: 300 16px/20px lato,sans-serif; } .mdNews .viewAll { color: #8c8a8b; font: 11px/20px lato,sans-serif; text-transform: uppercase; text-decoration: underline; position: relative; display: block; margin: 20px auto; margin-left: 20px; } .mdNews .viewAll:before { content: ''; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/arrViewAll.png) 0 50% no-repeat; position: absolute; width: 10px; height: 20px; left: -15px; } /* Block: ProduitSimilar ( HOME ) */ .bxProduitSimilar { float: right; border: 1px solid #dadada; border-width: 1px 1px 0 0; position: relative; } .bxProduitSimilar:before { content: ''; background: #9c9c9c; position: absolute; left: 0; top: 20px; width: 1px; bottom: 25px; } .bxProduitSimilar .bxTt { color: #151515; text-transform: uppercase; font: 10px/15px lato,sans-serif; text-align: center; padding: 10px 0 0; } .bxProduitSimilar .bxCt { color: #151515; font-size: 10px; line-height: 15px; } .bxProduitSimilar .gridProducts { border: 0; margin-bottom: 0; padding: 0px 4px 5px; height: 280px; } .bxProduitSimilar .gridProductsIt { width: 180px } .bxProduitSimilar .gridProductsIt .itExt { width: 165px; top: 5px; } .bxProduitSimilar .gridProductsIt .itImg .pic { height: 190px; background: none; } .bxProduitSimilar .gridProductsIt .itImg .pic img { width: 135px; height: auto;} .bxProduitDernier, .bxProduitDernier.gridProductsIt { width: 410px; overflow: visible; border: 1px solid #dadada; border-width: 1px 0 1px 1px; height: 430px; margin: 0 auto 20px; padding: 20px 20px 20px 20px; float: left; } .bxProduitDernier.gridProductsIt:before { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/border_dot.png) 50% 100% no-repeat !important; bottom: -4px; top: auto; height: 4px; width: 100%; } .bxProduitDernier .bxImg { float: left } .bxProduitDernier .bxCt { text-align: center; width: 140px; float: right; position: relative; padding-top: 180px; } .bxProduitDernier .pdName { font: 15px/20px lato,sans-serif; text-transform: uppercase; } .bxProduitDernier .pdName b { font-size: 13px; text-transform: none; display: block; } .bxProduitDernier .pdAtt { color: #898989; font-size: 10px; line-height: 15px; padding: 10px 0; margin: 10px auto 5px; border: 1px dotted #dadada; border-width: 1px 0;} .bxProduitDernier .pdAtt p { } .bxProduitDernier .pdAtt .att { display: inline-block } .bxProduitDernier .pdAtt .vl { display: inline-block; padding: 0 2px; } .bxProduitDernier .pdPrice { color: #313131; font-size: 11px; line-height: 15px; } .bxProduitDernier .stick { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/bg_votre_derniere.png) 0 0 no-repeat; width: 106px; height: 106px; margin: auto; font: 10px/20px lato,sans-serif; color: #151515; text-transform: uppercase; padding: 41px 0 0; /* text-indent: -999em; */ position: absolute; top: 0; left: 18px; letter-spacing: 1px; background-size: contain; } .bxProduitDernier .stick i { font-size: 15px; font-weight: bold; display: block; } .bxProduitDernier .stick b { line-height: 15px; display: block; letter-spacing: 0; } .bxProduitDernier .stick span { font-size: 13px; line-height: 15px; display: block; font-weight: bold; } .bxProduitDernier.gridProductsIt .bxExt, .bxProduitDernier.gridProductsIt .itLink { left: 20px; top: 20px; width: 225px; bottom: 20px; height: auto; } .bxProduitDernier.gridProductsIt .itExt .rateStar { margin-top: 75px } .bxProduitDernier.gridProductsIt .itExt .att { margin: 40px 40px 20px } .bxProduitDernier.gridProductsIt .price-box{ padding: 0; margin: auto; border:0;} .bxProduitDernier.gridProductsIt .price-box .price, .bxProduitDernier.gridProductsIt .price-box .regular-price{color: #313131; display: block; font-size: 12px; line-height: 15px} /* Block : Recommandations ( HOME ) */ .mdRecommandation { } .mdRecommandation .mdTt { background: #151515; color: #6b6b6b; font-size: 9px; line-height: 15px; min-height: 50px; padding: 10px 20px; position: relative; } .mdRecommandation .mdTt:before { content: ''; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/lineUnderNav.png) 50% 100% no-repeat; position: absolute; bottom: -14px; left: 0; height: 15px; width: 100%; } .mdRecommandation .mdTt .lb { font: 16px/20px lato,sans-serif; color: #b6a876; text-transform: uppercase; padding: 5px 0; } .mdRecommandation .mdTt .lb .bold { font-weight: 900 } .mdRecommandation .mdCt { overflow: hidden; padding-top: 20px; } /* Block : Banner ( HOME ) */ .mdCmsBanner { margin: 20px auto 35px } .mdCmsBanner .mdCt { } .mdCmsBanner .pic { } .mdCmsBanner .pic img { } /* Box Product News ( HOME ) */ .mdProductsNew { } .mdProductsNew .mdTt, .mdProductsRecentView .mdTt { background: #151515; color: #6b6b6b; font-size: 9px; line-height: 15px; min-height: 50px; padding: 10px 15px; position: relative; } .mdProductsNew .mdCt { padding-top: 20px; padding-bottom: 10px; } .mdProductsRecentView .mdCt { padding-bottom: 0 } .mdProductsRecentView .gridProducts { margin-bottom: 0 } .mdProductsNew .mdTt:before, .mdProductsRecentView .mdTt:before { content: ''; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/lineUnderNav.png) 50% 100% no-repeat; position: absolute; bottom: -14px; left: 0; height: 15px; width: 100%; } .mdProductsNew .mdTt .lb, .mdProductsRecentView .mdTt .lb { color: #b6a876; text-transform: uppercase; font: 300 16px/30px lato,sans-serif; vertical-align: top; float: left; } .mdProductsNew .mdTt .lb .nb, .mdProductsRecentView .mdTt .lb .nb { font-size: 25px; color: #fff; font-weight: bold; vertical-align: top; } .mdProductsNew .mdTt .lb .bold { position: relative; bottom: -5px; } .mdProductsRecentView .mdTt .lb .bold { bottom: 0 } .mdProductsNew .mdTt .lb i, .mdProductsRecentView .mdTt .lb i { position: relative; bottom: -5px; } .mdProductsNew .mdTt .link, .mdProductsRecentView .mdTt .link { font-size: 9px; line-height: 15px; display: inline-block; padding-top: 15px; } .mdProductsNew .mdTt .link a, .mdProductsRecentView .mdTt .link a { color: #6b6b6b; text-transform: uppercase; text-decoration: underline; margin: 0 10px; } .mdProductsNew .sliderNav { } .mdProductsNew .sliderNav .p, .mdProductsRecentView .sliderNav .p, .mdProductsNew .sliderNav .n, .mdProductsRecentView .sliderNav .n { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/sliderNav_02.png) 0 0 no-repeat; height: 17px; width: 20px; position: absolute; right: 40px; top: 20px; cursor: pointer; } .mdProductsNew .sliderNav .n, .mdProductsRecentView .sliderNav .n { right: 15px; background-position: 100% 0; } /* Block : Banner Box ( HOME )*/ .mdLandingBottom { padding-bottom: 20px } .mdLandingBottom .mdCt { overflow: hidden } .mdLandingBottom .it { width: 310px; float: left; margin-left: 15px; margin-bottom: 20px; } .mdLandingBottom .mdCt .it:first-child { margin-left: 0 } .mdLandingBottom .itImg { position: relative; height: 190px; width: 310px; background: grey; } .mdLandingBottom .itImg .cap { font-size: 12px; line-height: 20px; color: #fff; position: absolute; left: 150px; bottom: 70px; } .mdLandingBottom .itImg .tt { display: block; float: left; font: 300 24px/20px lato,sans-serif; left: 124px; letter-spacing: 1px; padding: 0; position: absolute; text-transform: uppercase; top: 58px; } .mdLandingBottom .itImg .tt strong { font-weight: 900; } .mdLandingBottom .itImg .tt.txtBijoux { left: 138px; top: 58px; } .mdLandingBottom .itImg .tt.txtBoutiques { color: #ffffff; left: 56px; top: 58px; } .mdLandingBottom .itImg .tt.txtWatches { left: 137px; letter-spacing: 5px; top: 58px; } .mdLandingBottom .itImg .tt.txtJewelries { left: 139px; top: 58px; } .mdLandingBottom .itImg .tt.txtShops { color: #ffffff; left: 78px; letter-spacing: 3px; top: 58px; } .mdLandingBottom .itCt { padding: 15px 0; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/homeLandingBottomBg.png) 0 0% no-repeat; height: 85px; } .mdLandingBottom .itCt li { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/arr_02.png) 20px 50% no-repeat; padding: 5px 0; padding-left: 40px; } .mdLandingBottom .itCt li a { color: #797979; text-transform: uppercase; display: block; font: 13px/15px lato,sans-serif; } /* Popup Special */ .bxSpecialPopup {display: none;} .bxSpecialPopup img {display: block;} /* common form style*/ .fieldset { background: #fefefe; font-family: lato, sans-serif; } .fieldset .legend { font-size: 13px; line-height: 20px; color: #000000; border-bottom: 1px solid #b0b0b0; padding-bottom: 9px; margin-bottom: 20px; } .cresusBlockTitle { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/bgForTitle.png") no-repeat right center #565656; height: 48px; position: relative; margin-bottom: 30px; padding: 0 40px; text-transform: uppercase; } .cresusBlockTitle:before { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/arrow-title-register.png") no-repeat scroll left center rgba(0, 0, 0, 0); content: ''; position: absolute; width: 6px; height: 11px; left: 20px; top: 50%; margin-top: -5px; } .cresusBlockTitle:after { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/lineUnderNav.png") no-repeat scroll center 0 rgba(0, 0, 0, 0); bottom: -25px; content: ""; height: 25px; left: 0; position: absolute; width: 100%; } .cresusBlockTitle .label { color: #FFFFFF; font-family: Lato,sans-serif; font-size: 15px; line-height: 48px; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { border: 0; margin: 0 0 7px; } .category-image { width: 100%; overflow: hidden; margin: 0 0 10px; text-align: center; } .category-image img { } .category-description { margin: 0 0 10px } .category-products { } /* View Type: Grid */ .products-grid { border-bottom: 1px solid #ddd; position: relative; } .products-grid.last { border-bottom: 0 } .products-grid li.item { float: left; width: 138px; padding: 12px 10px 80px; } .products-grid .product-image { display: block; width: 135px; height: 135px; margin: 0 0 10px; } .products-grid .product-name { margin: 0 0 5px; font-weight: bold; font-size: 13px; } .products-grid .product-name a { } .products-grid .price-box { margin: 5px 0 } .products-grid .availability { line-height: 21px } .products-grid .actions { position: absolute; bottom: 12px; } .col2-left-layout .products-grid, .col2-right-layout .products-grid { width: 632px; margin: 0 auto; } .col1-layout .products-grid { width: 790px; margin: 0 auto; } /* Custom Product Grid TienTo */ .gridProducts { overflow: hidden; border: 1px solid #dadada; padding: 10px 4px 5px; margin: 0 auto 5px; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/border_dot.png) 50% 100% no-repeat; } .gridProductsIt { width: 190px; float: left; text-align: center; position: relative; padding-bottom: 5px; } .gridProductsIt:before { content: ''; position: absolute; background: #dadada; width: 1px; bottom: 15px; top: 15px; left: 0; } .gridProductsIt:first-child:before { background: none } .gridProductsIt .itImg { position: relative; } .gridProductsIt .itImg .pic { display: block; width: 150px; height: 215px; margin: auto; background: #dadada; } .gridProductsIt .itImg .pic img { width: 100%; height: auto; } .gridProductsIt .itCt { } .gridProductsIt .itCt .pdName { color: #000000; font-size: 10px; line-height: 1.5; padding: 0 12px; text-transform: uppercase; font-family: 'Lato',sans-serif } .gridProductsIt .itCt .pdName span { display: block; text-transform: uppercase; font-size: 11px; } .gridProductsIt .itCt .pdName .Sku { text-transform: none; display: block; font-size: 11px; } .gridProductsIt .price-box { width: auto; margin-left: 30px; margin-right: 30px; } .gridProductsIt .price-box .label-prefix { color: #000; } .gridProductsIt .price-box .special-price, .gridProductsIt .price-box .old-price { display: inline-block } .gridProductsIt .price-box label { display: none } .gridProductsIt .price-box .old-price { font-size: 11px } .gridProductsIt .priceBox { } .gridProductsIt .priceBox .regPrice { font-size: 12px; color: #000000; font-family: 'Heuristica-Regular'; } .gridProductsIt .priceBox .oldPrice { } .gridProductsIt .itExt { position: absolute; top: 0; left: 8px; bottom: 10px; width: 175px; background: rgba(0,0,0,.85); color: #fff; font-family: lato,sans-serif; cursor: pointer; opacity: 0; transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; } .gridProductsIt .itExt .star { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/star_is_4.png) 0 0 no-repeat; height: 15px; width: 105px; margin: 30px auto 25px; } .gridProductsIt .itExt .rateStar { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/rateStarOff.png") no-repeat; display: inline-block; height: 14px; position: relative; width: 103px; margin: 30px auto 25px; } .gridProductsIt .itExt .rateStar .rateStarOn { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/rateStarOn.png") no-repeat; height: 14px; left: 0; position: absolute; top: 0; } .gridProductsIt .itExt .att { margin: 10px 14px } .gridProductsIt .itExt .att .l { color: #fff; text-align: left; text-transform: uppercase; font-size: 12px; line-height: 16px; padding: 4px 8px 5px 20px; border-top: 1px dashed #dadada; position: relative; font-weight: bold; } .gridProductsIt .itExt .att .l:first-child { border-top-color: transparent } .gridProductsIt .itExt .att .l:before { content: ''; position: absolute; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/signOkay.png) 0 0 no-repeat; width: 10px; height: 10px; left: 2px; top: 10px; } .gridProductsIt .itExt .att .l i { font-size: 10px; line-height: 15px; display: block; } .gridProductsIt .itExt .att span.red { color: #ff0000 } .gridProductsIt .itExt .act { text-transform: uppercase; font-size: 10px; line-height: 20px; padding: 4px 10px; width: 145px; height: 35px; margin: 20px auto; background: #151515; border: 2px solid #262626; outline: 1px solid #818181; color: #ffffff; } .gridProductsIt .itLink { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } /* View Type: List */ .products-list li.item { border-bottom: 1px solid #ddd; padding: 5px; } .products-list li.item.last { border-bottom: 0 } .products-list .product-image { float: left; width: 85px; height: 85px; margin: 0 0 10px; } .products-list .product-shop { margin-left: 85px; font: 12px lato,sans-serif; text-align: left;} .products-list .product-name { margin: 0 0 5px; font-weight: bold; font-size: 12px; } .products-list .product-name a { } .products-list .price-box { float: left; margin: 3px 13px 5px 0; font: 12px lato,sans-serif; text-align: left;} .products-list .availability { float: left; margin: 3px 0 0; } .products-list .desc { clear: both; padding: 6px 0 0; margin: 0 0 15px; line-height: 1.35; } .products-list .desc .link-learn { font-size: 11px } .products-list .add-to-links { clear: both } .products-list .add-to-links li { display: inline } .products-list .add-to-links .separator { display: inline; margin: 0 2px; } /* Custom Category Page Tien To */ .boxHeaderCategory { position: relative; margin-bottom: 10px; } .boxHeaderCategory .titleCategory { display: block; font-size: 22px; color: #ffffff; text-transform: uppercase; position: absolute; top: 50%; margin-top: -11px; left: 40px; font-family: lato, sans-serif; font-weight: bold; letter-spacing: 2px; } .toolbarTop { border-bottom: 1px dotted #818181; padding-bottom: 10px; margin-bottom: 15px; } /* Toolbar Top */ .toolbarTop .boxAmount { float: left; position: relative; top: 10px; } .toolbarTop .boxAmount .amount { color: #000000; font-size: 11px; text-transform: uppercase; font-weight: normal; } .toolbarTop .boxSortby { float: right } .toolbarTop .boxSortby label { font-size: 10px; color: #000000; text-transform: uppercase; vertical-align: middle; font-weight: bold; padding: 10px 5px 0 5px; float: left; } .boxSortby select { color: #4e4e4e; font-size: 11px; border: 1px solid #4e4e4e; -webkit-appearance: none; -moz-appearance: none; background: url('https://www.cresus.fr/skin/frontend/default/cresus/images/filArrowDown.png') no-repeat right 5px center; text-indent: 0.01px; text-overflow: ""; cursor: pointer; font-weight: normal; padding: 6px 5px; width: 175px; height: 30px; } .boxSortby .custom-select { width: 175px;float: left; margin: 0 5px; background: none;} .boxSortby .custom-select select { -moz-appearance: none; background-color: transparent; border: 0 none; box-shadow: none; box-sizing: border-box; color: #333; display: block; font-size: 100%; line-height: normal; margin: 0; padding: 0.5em; width: 100%; } .boxSortby .v-middle { position: relative; top: 7px; } /* Block: Box */ .boxBlock { color: #4b4b4b; font-family: arial, sans-serif; font-size: 11px; margin: 0 0 20px; } .boxBlock-About h3 { font-size: 11px; color: #000000; font-weight: bold; font-family: arial, sans-serif; text-transform: uppercase; padding-bottom: 9px; } .boxBlock-Voscriteres .boxBlock-title { font-family: 'Lato', sans-serif; background: #000000; color: #ffffff; font-size: 13px; font-weight: bold; padding: 12px 10px; text-transform: uppercase; margin-bottom: 1px; } .boxBlock-Voscriteres .boxBlock-title a { font-family: arial, sans-serif; font-size: 10px; color: #8d8b8b; text-transform: none; text-decoration: underline; float: right; } .boxBlock-Voscriteres .boxBlock-content { background: #323232; padding: 10px; } .boxBlock-Voscriteres .boxBlock-content .boxList { padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px dotted #595959; } .boxBlock-Voscriteres .boxBlock-content .boxList:last-child { margin: 0; padding: 0; border: none; } .boxBlock-Voscriteres .boxBlock-content .boxList .boxTxt { color: #8e8e8e; font-size: 11px; text-transform: uppercase; padding-bottom: 5px; } .boxBlock-Voscriteres .boxBlock-content .boxList ul li a { font-size: 11px; color: #c1c1c1; } .boxBlock-Voscriteres .boxBlock-content .boxList ul li .iconDel { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconDel.png") no-repeat; width: 8px; height: 8px; display: block; float: right; cursor: pointer; } .boxBlock-nav .boxBlock-Content #boxscroll { position: relative; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/bgScroll.jpg") repeat-y right 6px center; height: 220px; overflow: auto; } .boxBlock-nav .boxNav-list { border-top: 1px dotted #c1c1c1; padding-top: 5px; padding-bottom: 15px; } .boxBlock-nav .boxNav-list .boxNav-name .clickBox { cursor: pointer; display: block; font-size: 11px; color: #000000; text-transform: uppercase; font-weight: bold; padding-bottom: 8px; margin-bottom: 7px; height: 17px; line-height: 17px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconDown.png") no-repeat right center; } .boxBlock-nav .boxNav-list .boxNav-name .clickBox:hover { opacity: 0.8 } .boxBlock-nav .boxNav-list .boxNav-name .clickBox.open { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconUp.png") no-repeat right center } .boxBlock-nav .boxNav-list .collapse { max-height: 225px; overflow: auto!important; position: relative;} .boxBlock-nav .boxNav-list ul li a { color: #4b4b4b; font-size: 11px; display: inline-block; background: none; padding-left: 15px; margin-bottom: 1px; position: relative; text-decoration: none; } .boxBlock-nav .boxNav-list ul li a:before { content: ""; width: 8px; height: 8px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconCheckbox.png") no-repeat right 0; position: absolute; top: 3px; left: 0; } .boxBlock-nav .boxNav-list ul li a:hover { text-decoration: underline } .boxBlock-nav .boxNav-list ul li a.selected { } .boxBlock-nav .boxNav-list ul li a.selected:before { content: ""; width: 8px; height: 8px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconCheckbox.png") no-repeat right -18px; position: absolute; top: 3px; left: 0; } .boxBlock-nav .boxNav-list .boxSlide-name { display: block; font-size: 11px; color: #000000; text-transform: uppercase; font-weight: bold; padding-bottom: 8px; margin-bottom: 7px; height: 17px; line-height: 17px; } .boxBlock-nav a.attr-val-more { display: none !important } .boxBlock-Banner .BoxListBn { margin-bottom: 20px } .boxBlock-Banner .BoxListBn img:hover { opacity: 0.8 } /* Box : Slide Price */ .silideContent { padding-bottom: 15px } .silideContent .borSlide { position: relative } .silideContent .borSlide .slideLine { position: absolute; height: 2px; width: 100%; left: 0; top: 6px; background: #e3e3e3; } .silideContent .borSlide .slideMin { display: block; width: 55px; height: 15px; background: #000000; border-radius: 0 50px 50px 0; color: #ffffff; padding-left: 2px; z-index: 1; position: absolute; top: 0; left: 0; cursor: pointer; } .silideContent .borSlide .slideMax { display: block; width: 55px; height: 15px; background: #000000; border-radius: 50px 0 0 50px; color: #ffffff; padding-left: 10px; z-index: 1; position: absolute; right: 0; top: 0; cursor: pointer; } .prixSliderContainer {position: relative;} .prixSliderContainer:after {content: "";height: 5px;width: 100%;background: #f3f3f3;top: 8px;left: 0;position: absolute;} div.adj-nav-slider { background: none!important; margin-left: 14px!important; margin-right: 14px!important} div.adj-nav-slider div.handle.right { } .itPrixSlider { position: relative;} .itPrixSlider .txt {display: none;} .itPrixSlider div.adj-nav-slider div.handle { width: 0px; position: absolute; top: 0px; height: 0px; background: none!important; } .itPrixSlider div.adj-nav-slider div.handle:after {content:''; position:absolute;background: #404040!important; width: 14px!important; height: 14px!important; border-radius: 50%; top: 3px;left: -15px;} .itPrixSlider div.adj-nav-slider div.handle.right:after{ left: 0; } .itPrixSlider .adj-price-lbl, .itPrixSlider .custom-slice-lbl { padding: 10px 0 0; overflow: hidden; text-align: center; } .itPrixSlider .adj-price-lbl label:last-child, .itPrixSlider .custom-slice-lbl label:first-child { /* float: right; */ } .itPrixSlider .adj-price-lbl label:first-child, .itPrixSlider .custom-slice-lbl label:first-child { /* float: none; */ /* display: inline-block; */ /* padding: 0 10px; */ } .itPrixSlider .adj-price-lbl .price_to {float: right;} .itPrixSlider .adj-price-lbl label, .itPrixSlider .custom-slice-lbl label{ color: #000000; font-weight: bold; font-size: 14px; display: inline-block; padding: 0 10px; float: none;} /* Style Product Page : Category */ .boxCategory-products { border-bottom: 1px dotted #818181; margin-bottom: 15px; } .boxCategory-products .row-item { width: 699px } .boxCategory-products .row-item .col-item { width: 33.3333%; float: left; margin-bottom: 20px; position: relative; } .boxCategory-products .row-item .col-item .gridProductsIt { border-left: 1px solid #dadada } .boxCategory-products .row-item .col-item:nth-child(3n+1) .gridProductsIt { border-left: 1px solid transparent } .boxCategory-products .gridProductsIt { float: none; width: 100%; padding-bottom: 20px; } .boxCategory-products .gridProductsIt .itImg { margin-bottom: 10px } .boxCategory-products .gridProductsIt .itExt { left: 10px; right: 10px; width: auto; bottom: 0; top: 0; } .boxCategory-products .gridProductsIt .itExt .rateStar { margin: 45px auto 35px } .boxCategory-products .gridProductsIt .itExt .att { margin: 10px 35px } .boxCategory-products .gridProductsIt .itExt .act { margin: 25px auto } .boxCategory-products .gridProductsIt .boxAvailability { position: absolute; left: 0; top: 0; width: 100%; } .boxCategory-products .gridProductsIt .nouveaute { display: block; width: auto; height: 23px; position: relative; } .boxCategory-products .gridProductsIt .nouveaute:before { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/nouveaute.png") no-repeat; content: ""; height: 30px; left: -9px; position: absolute; top: 14px; width: 93px; z-index: 2; } .boxCategory-products .gridProductsIt .nouveaute:after { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/bg-stock.png") no-repeat; content: ""; width: 108px; height: 163px; top: 0; left: 0; position: absolute; z-index: 1; } .boxCategory-products .gridProductsIt .nouveaute.nouveaute > i {background: none repeat scroll 0 0 #b4a17a;color: #fff;display: block;font-family: 'Lato',sans-serif;font-size: 10px;font-weight: bold;height: 21px;left: 3px;line-height: 20px;padding-right: 5px;position: absolute;text-transform: uppercase;top: 14px;z-index: 10;} .boxCategory-products .gridProductsIt .premium { display: block; width: 93px; height: 23px; position: relative; } .boxCategory-products .gridProductsIt .premium:before { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/premium.png") no-repeat; content: ""; height: 30px; left: -9px; position: absolute; top: 14px; width: 93px; z-index: 2; } .boxCategory-products .gridProductsIt .premium:after { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/bg-stock.png") no-repeat; content: ""; width: 108px; height: 163px; top: 0; left: 0; position: absolute; z-index: 1; } .boxCategory-products .gridProductsIt .premium.premium > i {background: none repeat scroll 0 0 #b4a17a;color: #fff;display: block;font-family: 'Lato',sans-serif;font-size: 10px;font-weight: bold;height: 21px;left: 3px;line-height: 20px;padding-right: 5px;position: absolute;text-transform: uppercase;top: 14px;z-index: 10;} .boxCategory-products .gridProductsIt .itCt .pdName { font-family: lato, sans-serif; font-size: 10px; color: #000000; } .boxCategory-products .gridProductsIt .lineDotted { width: 105px; height: 1px; border-bottom: 1px dotted #cdcdcd; margin: 5px auto; display: block; } .boxCategory-products .bannerpromo { margin-bottom: 20px } .boxCategory-products .bannerpromo img:hover { opacity: 0.8 } /* Box Toolbar */ .boxToolbar { font-size: 9px; color: #000000; text-transform: uppercase; font-family: arial, sans-serif; } .boxToolbar .boxLimiter { float: left; margin-bottom: 15px; } .boxToolbar .boxLimiter label { float: left; position: relative; top: 5px; } .boxToolbar .boxLimiter select { width: 38px; height: 18px; border: 1px solid #4e4e4e; -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /* Removes Default Firefox style*/ background: url('https://www.cresus.fr/skin/frontend/default/cresus/images/pager_arrow_down.png') no-repeat right 5px center; text-indent: 0.01px; /* Removes default arrow from firefox*/ text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/ cursor: pointer; font-weight: bold; text-align: center; font-size: 9px; ; ; ; ; } .boxToolbar .boxLimiter .custom-select {width: 38px; float: left; margin: 0 3px;background: none;} .boxToolbar .boxLimiter .custom-select select { -moz-appearance: none; background-color: transparent; border: 0 none; box-shadow: none; box-sizing: border-box; color: #333; font-weight: bold; display: block; font-size: 100%; line-height: normal; margin: 0; padding: 0; width: 100%; } .boxLimiter select option { padding-left: 5px; padding-right: 0; text-align: left; color: #737373; margin-bottom: 3px; } .boxLimiter span { position: relative; top: 5px; } .boxToolbar .boxPages { float: right } .boxToolbar .boxPages .boxTitle { position: relative; top: 4px; } .boxToolbar .boxPages ol { display: inline } .boxToolbar .boxPages ol li { display: inline } .boxToolbar .boxPages ol li a { font-size: 9px; color: #000000; display: inline-block; font-weight: bold; padding: 2px 4px; border: 1px solid transparent; } .boxToolbar .boxPages ol li a:hover { border: 1px solid #000000; background: #000000; color: #ffffff; } .boxToolbar .boxPages ol li.current span { border: 1px solid #000000; font-size: 9px; color: #000000; display: inline-block; font-weight: bold; padding: 2px 4px; } .boxToolbar .boxPages ol li img { position: relative; top: 3px; } .boxToolbar .boxPages ol li a.i-next { width: 15px; height: 17px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/pager_arrow.png") no-repeat scroll -20px 4px; } .boxToolbar .boxPages ol li a.i-next:hover { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/pager_arrow.png") no-repeat scroll -20px -38px #000000 } .boxToolbar .boxPages ol li a.i-pre { width: 15px; height: 17px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/pager_arrow.png") no-repeat scroll 3px -4px; } .boxToolbar .boxPages ol li a.i-pre:hover { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/pager_arrow.png") no-repeat scroll 3px -38px #000000 } .boxTextAbout { padding: 10px 0 35px 0; color: #4b4b4b; font-size: 11px; font-family: arial, sans-serif; } .boxTextAbout h2 { color: #8e8e8e; padding-bottom: 10px;} /* Custom Css ( Plugin : Scrollbar ) */ .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 0; width: 18px; background: #c1c1c1; } .mCSB_scrollTools .mCSB_draggerRail { border-radius: 0; background: #e5e5e5; width: 5px; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: #c1c1c1; opacity: 0.8; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: #c1c1c1; opacity: 0.8; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* ======================================================================================= */ /* Product View ========================================================================== */ /* Rating */ .no-rating { margin: 0 } .ratings { font-size: 11px; line-height: 1.25; margin: 7px 0; } .ratings strong { float: left; margin: 1px 3px 0 0; } .ratings .rating-links { margin: 0 } .ratings .rating-links .separator { margin: 0 2px } .ratings dt { } .ratings dd { } .rating-box { width: 69px; height: 13px; font-size: 0; line-height: 0; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/bkg_rating.gif) 0 0 repeat-x; text-indent: -999em; overflow: hidden; } .rating-box .rating { float: left; height: 13px; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/bkg_rating.gif) 0 100% repeat-x; } .ratings .rating-box { float: left; margin-right: 3px; } .ratings .amount { } .ratings-table th, .ratings-table td { font-size: 11px; line-height: 1.15; padding: 3px 0; } .ratings-table th { font-weight: bold; padding-right: 8px; } /* Availability */ .availability { margin: 0 } .availability span { font-weight: bold } .availability.in-stock span { } .availability.out-of-stock span { color: #d83820 } .availability-only { margin: 0 0 7px } .availability-only a { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor: pointer; padding-right: 15px; } .availability-only .expanded { background-position: 100% -15px } .availability-only strong { } .availability-only-details { margin: 0 0 7px } .availability-only-details th { background: #f2f2f2; font-size: 10px; padding: 0 8px; } .availability-only-details td { border-bottom: 1px solid #ddd; font-size: 11px; padding: 2px 8px 1px; } .availability-only-details tr.odd td.last { } /* Email to a Friend */ .email-friend { } /* Alerts */ .alert-price { } .alert-stock { } /********** < Product Prices */ .price { white-space: nowrap !important } .price-box { font-size: 12px; color: #555; border-top: 1px dotted #dadada; width: 105px; margin: auto; text-align: center; padding: 5px 0 10px; margin-top: 5px; font-family: Heuristica-Regular,sans-serif; } .price-box .price { font-weight: normal; margin: 0 1px; } /* Regular price */ .regular-price { } .regular-price .price { display: inline-block; font-size: 12px; color: #000; } /* Old price */ .old-price { } .old-price .price-label { white-space: nowrap; display: none; } .old-price .price { display: inline-block; text-decoration: line-through; color: #555; } /* Special price */ .special-price { } .special-price .price-label { font-weight: bold; white-space: nowrap; display: none; } .special-price .price { color: #000000 } /* Minimal price (as low as) */ .minimal-price { } .minimal-price .price-label { font-weight: bold; white-space: nowrap; } .minimal-price-link { display: block } .minimal-price-link .label { } .minimal-price-link .price { font-weight: normal } /* Excluding tax */ .price-excluding-tax { display: block } .price-excluding-tax .label { white-space: nowrap } .price-excluding-tax .price { font-weight: normal } /* Including tax */ .price-including-tax { display: block } .price-including-tax .label { white-space: nowrap } .price-including-tax .price { font-weight: bold } /* Configured price */ .configured-price { } .configured-price .price-label { font-weight: bold; white-space: nowrap; } .configured-price .price { font-weight: bold } /* FPT */ .weee { display: block; font-size: 11px; color: #444; } .weee .price { font-size: 11px; font-weight: normal; } /* Excl tax (for order tables) */ .price-excl-tax { display: block } .price-excl-tax .label { display: block; white-space: nowrap; } .price-excl-tax .price { display: block } /* Incl tax (for order tables) */ .price-incl-tax { display: block } .price-incl-tax .label { display: block; white-space: nowrap; } .price-incl-tax .price { display: block; font-weight: bold; } /* Price range */ .price-from { } .price-from .price-label { font-weight: bold; white-space: nowrap; } .price-to { } .price-to .price-label { font-weight: bold; white-space: nowrap; } /* Price notice next to the options */ .price-notice { padding-left: 10px } .price-notice .price { font-weight: bold } /* Price as configured */ .price-as-configured { } .price-as-configured .price-label { font-weight: bold; white-space: nowrap; } .price-box-bundle { } /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight: bold } .tier-prices .benefit { } .tier-prices-grouped { } /* Add to Links */ .add-to-links .separator { display: none } /* Add to Cart */ .add-to-cart label { float: left; margin-right: 5px; } .add-to-cart .qty { float: left } .add-to-cart button.button { float: left; margin-left: 5px; } .add-to-cart .paypal-logo { clear: left; text-align: right; } .add-to-cart .paypal-logo .paypal-or { clear: both; display: block; margin: 5px 60px 5px 0; } .product-view .add-to-cart .paypal-logo { margin: 0 } /* Add to Links + Add to Cart */ .add-to-box { } .add-to-box .add-to-cart { float: left } .add-to-box .or { float: left; margin: 0 10px; } .add-to-box .add-to-links { float: left } .product-view { } .product-essential { } .product-collateral .box-collateral { margin: 0 0 15px } /* Product Images */ .product-view .product-img-box { float: left; width: 267px; } .col3-layout .product-view .product-img-box { float: none; margin: 0 auto; } .product-view .product-img-box .product-image { border: 1px solid #ddd } .product-view .product-img-box .product-image-zoom { position: relative; width: 265px; height: 265px; overflow: hidden; z-index: 9; } .product-view .product-img-box .product-image-zoom img { position: absolute; left: 0; top: 0; cursor: move; } .product-view .product-img-box .zoom-notice { text-align: center } .product-view .product-img-box .zoom { position: relative; z-index: 9; height: 18px; margin: 0 auto 13px; padding: 0 28px; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/slider_bg.gif) 50% 50% no-repeat; cursor: pointer; } .product-view .product-img-box .zoom.disabled { -moz-opacity: .3; -webkit-opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*IE8*/ opacity: .3; ; ; ; ; ; } .product-view .product-img-box .zoom #track { position: relative; height: 18px; } .product-view .product-img-box .zoom #handle { position: absolute; left: 0; top: -1px; width: 9px; height: 22px; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position: absolute; left: 2px; top: 0; } .product-view .product-img-box .zoom .btn-zoom-in { position: absolute; right: 2px; top: 0; } .product-view .product-img-box .more-views ul { margin-left: -4px } .product-view .product-img-box .more-views li { float: left; padding: 1px; background-color: #ddd; margin: 0 0 8px 4px; } .product-image-popup { margin: 0 auto } .product-image-popup .buttons-set { float: right; clear: none; border: 0; margin: 0; padding: 0; } .product-image-popup .nav { margin: 0 100px; text-align: center; } .product-image-popup .image { display: block } .product-image-popup .image-label { } /* Product Shop */ .product-view .product-shop { float: right; width: 445px; } .col1-layout .product-view .product-shop { float: right; width: 700px; } .col3-layout .product-view .product-shop { float: none; width: auto; } .product-view .product-name { } .product-view .short-description { } /* Product Options */ .product-options { padding: 10px; margin: 10px 0 20px 0; border: 1px solid #ddd; background-color: #f6f6f6; } .product-options dt label { font-weight: bold } .product-options dt .qty-holder { float: right } .product-options dt .qty-holder label { vertical-align: middle } .product-options dt .qty-disabled { background: none; border: 0; padding: 3px; color: #000; } .product-options dd { margin: 10px 0 } .product-options dl.last dd.last { } .product-options dd input.input-text { width: 98% } .product-options dd input.datetime-picker { width: 150px } .product-options dd .time-picker { display: -moz-inline-box; display: inline-block; padding: 2px 0; vertical-align: middle; } .product-options dd textarea { width: 98%; height: 8em; } .product-options dd select { width: 100% } .product-options .options-list { } .product-options .options-list input.radio { float: left; margin: 3px -18px 0 0; } .product-options .options-list input.checkbox { float: left; margin: 3px -20px 0 0; } .product-options .options-list .label { display: block; margin-left: 20px; } .product-options ul.validation-failed { padding: 0 7px } .product-options p.required { padding: 0 } .product-options-bottom { padding: 10px; border: 1px solid #ddd; border-top: 0; } .product-options-bottom .price-box { margin: 10px 0 } /* Grouped Product */ .product-view .grouped-items-table { } /* Block: Description */ .product-view .box-description { } /* Block: Additional */ .product-view .box-additional { } /* Block: Upsell */ .product-view .box-up-sell { } .product-view .box-up-sell .products-grid td { width: 25% } /* Block: Tags */ .product-view .box-tags { } .product-view .box-tags .form-add label { float: left } .product-view .box-tags .form-add .input-box { float: left; width: 260px; margin: 0 5px; } .product-view .box-tags .form-add input.input-text { width: 254px } .product-view .box-tags .form-add p { clear: both } /* Block: Reviews */ .product-view .box-reviews { } .product-view .box-reviews .form-add { } /* Send a Friend */ .send-friend { } .send-friend .form-list .field{ float: none; width: 450px;} .send-friend .form-list li.wide .input-box{ width: 450px; } .send-friend .form-list .input-box{ width: 100%;} /* Custom product view TienTo */ .boxProductView { margin-bottom: 30px } .boxProductView .boxRowProd .col-1 { width: 500px; float: left; } .boxProductView .boxRowProd .col-2 { width: 435px; float: right; } .boxProductView .boxRowProd .col-bottom {clear: left;float: left;width: 500px;} .boxProductView .boxHis { text-align: center; margin-bottom: 10px; } .boxProductView .boxHis .boxHisView { font-size: 13px; color: #0b1012; text-transform: uppercase; font-weight: bold; font-family: lato, sans-serif; } .boxProductView .boxHis .boxHisUpdate { font-family: arial, sans-serif; font-size: 9px; color: #0b1012; text-transform: uppercase; line-height: 20px; } .boxProductView .boxImgDetail { overflow: hidden; margin-bottom: 20px; } .boxProductView .boxImgDetail .imgThumb { float: left; width: 70px; padding-top: 60px; } .boxProductView .boxImgDetail .imgThumb ul li { border-top: 1px solid #d9d9d9; text-align: center; padding: 5px 0 5px 0; } .boxProductView .boxImgDetail .imgThumb ul li.active { position: relative } .boxProductView .boxImgDetail .imgThumb ul li.active:after { border-bottom: 4px solid #000000; border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); bottom: 0; content: ""; left: 45%; position: absolute; } .boxProductView .boxImgDetail .imgThumb img { width: 55px; height: 79px;} .boxProductView .boxImgDetail .imgThumb ul li img:hover { opacity: 0.8 } .boxProductView .boxImgDetail .imgThumb ul li a { display: block; width: 70px; height: 80px; overflow: hidden; text-align: center; padding: 0; } .boxProductView .boxImgDetail .imgLarge { float: right; width: 415px; text-align: center; } .boxProductView .boxImgDetail .imgLarge .borderImgLarge { position: relative; min-height: 530px; } .boxProductView .boxImgDetail .imgLarge .borderImgLarge .boxAvailability { width: 100%; position: absolute; top: -5px; z-index: 3; } .boxProductView .boxImgDetail .imgLarge .borderImgLarge .boxAvailability span { display: inline-block; width: 96px; height: 19px; margin: 0 1px; } .boxProductView .boxImgDetail .imgLarge .borderImgLarge .boxAvailability span.nouveaute { background: #b4a17a; } .boxProductView .boxImgDetail .imgLarge .borderImgLarge .boxAvailability span.nouveaute > i {color: #ffffff;font-family: 'Lato',sans-serif;font-size: 11px; height: 19px;line-height: 20px;text-transform: uppercase;} .boxProductView .boxImgDetail .imgLarge .borderImgLarge .boxAvailability span.premium { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/ico_start_product_page.png") no-repeat 100% 50% #beaf8f; padding-left: 10px; text-align: left;} .boxProductView .boxImgDetail .imgLarge .borderImgLarge .boxAvailability span.premium > i {color: #ffffff;font-family: 'Lato',sans-serif;font-size: 11px; height: 19px;line-height: 20px;text-transform: uppercase;} .boxProductView .boxImgDetail .imgLarge .borderImgLarge .statusArticle { -webkit-transition: 1s all; transition: 1s all; opacity: 1; display: block; font-size: 20px; font-family: 'lato', sans-serif; font-weight: 300; color: #ffffff; text-transform: uppercase; background: rgba(0, 0, 0, 0.8); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; text-align: center; padding: 10px 35px; min-width: 265px; z-index: 2; } .boxProductView .boxImgDetail .imgLarge .borderImgLarge:hover .statusArticle {opacity: 0} .boxProductView .boxImgDetail .imgLarge .borderImgLarge .bgHoverImg { -webkit-transition: 1s all; transition: 1s all; opacity: 1;border: 1px solid #ececec; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .boxProductView .boxImgDetail .imgLarge .borderImgLarge .bgHoverImg span { position: absolute; left: 4px; right: 4px; top: 4px; bottom: 4px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/bg-ptline.png") repeat; z-index: 1;} .boxProductView .boxImgDetail .imgLarge .borderImgLarge:hover .bgHoverImg {opacity: 0} .boxProductView .boxImgDetail .imgLarge .borderImgLarge a { float: left; display: block; } .boxProductView .boxImgDetail .imgClickZoom {background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconZoom.png") no-repeat scroll 50% 20px;color: #000000;display: block;font-size: 12px;font-weight: bold;height: 65px;padding-left: 15px;text-transform: uppercase;} .boxProductView .boxImgDetail .imgClick360 { border-top: 1px solid #d9d9d9; padding-top: 10px; display: block; width: 70px; height: 70px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/load360.jpg") no-repeat bottom center; } .boxProductView .boxSocialShare { position: relative; border-bottom: 1px dotted #818181; padding-left: 4px; margin-bottom: 20px; } .boxProductView .boxSocialShare ul { float: right; background: #ffffff; position: relative; top: 1px; } .boxProductView .boxSocialShare ul li { display: inline-block } .boxProductView .boxSocialShare ul li .ic { margin: 0; display: block; width: 25px; height: 25px; max-width: none; max-height: none; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/socialshare.png") no-repeat; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .boxProductView .boxSocialShare ul li .ic.fb:hover { background-position: 0 -25px } .boxProductView .boxSocialShare ul li .ic.gg { background-position: -30px 0px } .boxProductView .boxSocialShare ul li .ic.gg:hover { background-position: -30px -25px } .boxProductView .boxSocialShare ul li .ic.pt { background-position: -60px 0px } .boxProductView .boxSocialShare ul li .ic.pt:hover { background-position: -60px -25px } .boxProductView .boxSocialShare ul li .ic.mail { background-position: -90px 0px } .boxProductView .boxSocialShare ul li .ic.mail:hover { background-position: -90px -25px } .boxProductView .boxSocialShare ul li .ic.sharelike { background-position: -120px 0px } .boxProductView .boxSocialShare ul li .ic.sharelike:hover { background-position: -120px -25px } .boxProductShop .txtProductName { margin-bottom: 15px } .boxProductShop .txtNameTop { overflow: hidden } .boxProductShop .txtNameTop h1 { float: left; font-size: 27px; color: #000000; font-family: 'lato', sans-serif; text-transform: uppercase; font-weight: bold; margin-right: 15px; } .boxProductShop .txtNameTop .voteRating { float: left; padding-top: 13px; } .boxProductShop .txtNameTop .voteRating .stateProduct {opacity: 0; position: relative; top: -3px;} .boxProductShop .txtNameTop .voteRating:hover .stateProduct {opacity: 1;} .boxProductShop .txtPName { font-size: 16px; color: #000000; font-family: 'lato', sans-serif; font-weight: normal; } .boxProductShop .txtPrix { color: #737373; font-size: 10px; font-family: arial, sans-serif; } .boxProductShop .txtPrix strong { color: #000000; font-size: 10px; text-transform: uppercase; } .boxProductShop .txtProductPrice { overflow: hidden; border-bottom: 1px dotted #818181; padding: 15px 0; border-top: 1px dotted #818181; margin-bottom: 15px; } .boxProductShop .txtStatus { float: left; height: 70px; padding-top: 20px; } .boxProductShop .txtStatus p { font-size: 28px; font-weight: 900; color: #b4a17a; text-transform: uppercase; font-family: 'lato', sans-serif; } .boxProductShop .txtPriceBox { width: 160px; float: left; } .boxProductShop .txtPriceBox .price-box { text-align: left; border: none; padding: 0; width: auto; margin: 0; } .boxProductShop .txtPriceBox .price-box .price { margin: 0 } .boxProductShop .txtPriceBox .price-box .regular-price { margin-bottom: 10px; display: block; padding-top: 10px; } .boxProductShop .txtPriceBox .price-box .regular-price .price { font-size: 28px; font-family: 'lato', sans-serif; color: #b4a17a; font-weight: 900; line-height: 25px; } .boxProductShop .txtPriceBox .price-box .old-price .price { font-size: 12px; font-weight: bold; color: #8e8e8e; font-family: 'lato', sans-serif; position: relative; text-decoration: none; } .boxProductShop .txtPriceBox .price-box .old-price .price:before { border-bottom: 1px solid #585858; position: absolute; content: ""; width: 100%; height: 50%; } .boxProductShop .txtPriceBox .price-box .special-price { margin-bottom: 10px } .boxProductShop .txtPriceBox .price-box .special-price .price { font-size: 28px; font-family: 'lato', sans-serif; color: #b4a17a; font-weight: 900; line-height: 25px; } .boxProductShop .txtPriceBox .price-box .totalPrice .price { font-size: 15px; color: #000000; font-weight: bold; font-family: arial, sans-serif; opacity: 0.45; } .boxProductShop .txtPriceBox .price-box .totalPrice .iNote { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconInote.png") no-repeat; width: 11px; height: 11px; display: inline-block; position: relative; top: 3px; opacity: 0.45; background-size: contain;} .boxProductShop .txtPriceBox .price-box .totalPrice:hover .price, .boxProductShop .txtPriceBox .price-box .totalPrice:hover .iNote { opacity: 1 } .boxProductShop .txtProductText { width: 100px; float: left; padding-top: 25px; } .boxProductShop .txtProductText p { font-size: 11px; color: #888888; font-family: arial, sans-serif; } .boxProductShop .addToBox { width: 173px; float: right; padding-left: 3px; position: relative; } .boxProductShop .addToBox button.button { margin: 0 0 5px } .boxProductShop .addToBox button.button span { position: relative } .boxProductShop .addToBox button.button span span { background: #000000;padding: 2px; font-size: 13px; border: 1px solid transparent; } .boxProductShop .addToBox button.button:hover span span { background: #b7a684; border: 1px solid #b7a684; } .boxProductShop .addToBox button.btn-wishlist { padding: 0; background: none; margin: 0; } .boxProductShop .addToBox button.btn-wishlist span span { background: none; color: #000000; border: 1px solid #000000; } .boxProductShop .addToBox button.btn-wishlist:hover span span { background: #ececec; border: 1px solid #ececec; } .boxProductShop .addToBox .boxAlert { background: #666666; color: #ffffff; font-size: 22px; text-transform: uppercase; font-family: 'lato', sans-serif; font-weight: bold; position: absolute; top: 0; left: 3px; text-align: center; width: 170px; height: 70px; padding-top: 10px; display: block; } .boxProductShop .addToBox .boxAlert:after { border-bottom: 5px solid #ffffff; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); content: ""; position: absolute; left: 49%; bottom: 0; } .boxProductShop .addToBox .boxAlert span { font-size: 15px; font-weight: 300; display: block; text-align: center; } .bxMessengerPopup button span span {min-width: 300px; font-size: 14px;letter-spacing: 2px;} .bxMessengerPopup .linkCheckout{ display: block; margin: 0 auto 5px;} .button.linkCheckout span span:after {content: ">";margin-left: 5px;} .bxMessengerPopup .linkBack{ display: block; margin: 0 auto;background: none;} .bxMessengerPopup .linkBack span span {background: none;padding: 0; color: #000000; font-size: 13px;} .bxMessengerPopup .linkBack span span:before {content: "<"; margin-right: 5px;} .boxAdditional { margin-bottom: 20px } .boxAdditional .listAdditional { margin-bottom: 5px; overflow: hidden; } .boxAdditional .listAdditional span { display: block } .boxAdditional .listAdditional span.label { color: #000000; font-size: 12px; font-weight: bold; font-family: 'lato', sans-serif; width: 160px; text-transform: uppercase; float: left; } .boxAdditional .listAdditional span.label.long { margin-bottom: 5px } .boxAdditional .listAdditional span.data { font-size: 11px; line-height: 15px; color: #3d3d3d; font-family: arial, sans-serif; vertical-align: top; line-height: 15px; overflow: hidden; } .boxAdditional .listAdditional .iconBracelet { width: 11px; height: 11px; cursor: pointer; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/updown.png") no-repeat right 0; display: inline-block; margin-left: 5px; vertical-align: middle; } .boxAdditional .listAdditional .iconBracelet.selected { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/updown.png") no-repeat right -11px } .boxAdditional .listAdditional.addLong .label, .boxAdditional .listAdditional.addLong .data { width: 100%; float: left; } .boxAdditional .listAdditional.addLong .data { padding-bottom: 10px } .boxAdditional .listAdditional.addLong .label { padding-top: 10px; padding-bottom: 5px; } .boxAdditional .barceletContent { color: #666666; font-size: 10px; font-family: arial, sans-serif; padding-top: 5px; } .contactBoxadd { border-bottom: 1px dotted #818181; border-top: 1px dotted #818181; padding: 15px 0; margin-bottom: 15px; } .contactBoxadd p { border: 1px solid #b0b0b0; padding: 6px; text-transform: uppercase; font-family: 'lato', sans-serif; color: #434343; font-weight: bold; text-align: center; font-size: 12px; background: #f9f9f9; } .contactBoxadd p:hover { background: #e9e9e9 } .contactBoxadd p a { text-transform: none; display: inline-block; margin-left: 10px; padding-left: 10px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/arrViewAll.png") no-repeat left center; } .contactBoxadd p a span { text-decoration: underline; font-weight: normal; } .contactBoxadd p.revendreBox { margin-bottom: 10px } .cartCollaterals { margin-bottom: 10px } .cartCollaterals .boxRow { overflow: hidden; margin-left: -4px; margin-right: -4px; } .cartCollaterals .boxRow .boxCol { padding: 4px; width: 147px; float: left; } .cartCollaterals .cartBoxadd { border: 1px solid #b0b0b0; padding: 10px; text-align: center; height: 140px; } .cartCollaterals .cartBoxadd .headerBoxadd { font-size: 12px; font-weight: 900; color: #303030; text-transform: uppercase; font-family: 'lato', sans-serif; text-align: left; height: 30px; margin-bottom: 9px; } .cartCollaterals .cartBoxadd .headerBoxadd.icongarantie { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/icongarantie.png") no-repeat; padding-left: 35px; } .cartCollaterals .cartBoxadd .headerBoxadd.iconrequestsize { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/icoMiseATaille.png") no-repeat; padding-left: 35px; } .cartCollaterals .cartBoxadd .headerBoxadd.iconlatelier { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconlatelier.png") no-repeat; padding-left: 35px; } .cartCollaterals .cartBoxadd .headerBoxadd.iconvisiblea { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconvisiblea.png") no-repeat; padding-left: 35px; line-height: 17px; } .cartCollaterals .cartBoxadd .headerBoxadd.iconlivraison { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconlivraison.png") no-repeat; padding-left: 40px; } .cartCollaterals .cartBoxadd .headerBoxadd.iconoffrir { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/offrir.png") no-repeat; padding-left: 40px; } .cartCollaterals .cartBoxadd .headerBoxadd.iconduree { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/duree.png") no-repeat; padding-left: 40px; } .cartCollaterals .cartBoxadd .headerBoxadd.iconniveaux { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/niveaux.png") no-repeat; padding-left: 40px; } .cartCollaterals .cartBoxadd .boxAddcontent { border-bottom: 1px solid #E8E4E4; border-top: 1px solid #E8E4E4; color: #626262; font-size: 11px; font-weight: bold; height: 40px; margin-bottom: 10px; padding-bottom: 5px; padding-top: 5px; vertical-align: middle; display: table-cell; width: 118px; } .cartCollaterals .cartBoxadd .boxAddText { color: #626262; font-size: 11px; font-weight: bold; margin-top: 10px; } .cartCollaterals .cartBoxadd .boxAddText a { display: inline-block; position: relative; text-decoration: underline; } .cartCollaterals .cartBoxadd .boxAddText a:after { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/pager_arrow_right.png") no-repeat; content: ""; height: 12px; left: 10px; position: absolute; top: 1px; width: 12px; } .cartCollaterals .cartBoxadd .headerBoxadd > span { display: table-cell; height: 30px; vertical-align: middle; width: 100px; } .cartCollaterals .cartBoxadd .boxAddText a:hover { text-decoration: none } .banner_prod { padding-bottom: 15px; } .boxInfomationContent { padding-bottom: 15px; } .boxInfomationContent h4.infoTitle { font-size: 12px; color: #000000; font-weight: bold; font-family: 'lato', sans-serif; margin-bottom: 10px; text-transform: uppercase; } .boxInfomationContent .txtInfoContent { font-size: 11px; color: #737373; text-overflow: ellipsis; max-height: 75px; overflow: hidden; line-height: 15px; -webkit-transition: max-height 1s; -moz-transition: max-height 1s; -o-transition: max-height 1s; transition: max-height 1s; } .boxInfomationContent .txtInfoContent.open { max-height: 400px } .boxInfomationContent .buttonInfoSh { border-bottom: 1px dotted #818181; height: 17px; margin-top: 15px; } .boxInfomationContent .buttonInfoSh .borIconShInfo { display: block; overflow: hidden; } .boxInfomationContent .buttonInfoSh .borIconShInfo .iconShInfo { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/updown.png") no-repeat -17px 0; float: right; width: 17px; height: 17px; cursor: pointer; } .boxInfomationContent .buttonInfoSh .borIconShInfo .txtInfoOpen { background: none repeat scroll 0 0 #4B4747; color: #FFFFFF; float: right; font-size: 9px; height: 17px; line-height: 17px; padding: 0 10px; cursor: pointer; display: inline-block; opacity: 0; } .boxInfomationContent .buttonInfoSh .borIconShInfo:hover .txtInfoOpen { opacity: 1 } .boxInfomationContent .buttonInfoSh .borIconShInfo:hover .iconShInfo { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/updown.png") no-repeat left 0 } .boxInfomationContent .buttonInfoSh .borIconShInfo.active .iconShInfo { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/updown.png") no-repeat left -17px } .boxInfomationContent .buttonInfoSh .borIconShInfo.active:hover .txtInfoOpen { opacity: 0 } .boxInfomationContent .buttonInfoSh .borIconShInfo.active:hover .iconShInfo { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/updown.png") no-repeat left -17px } .voteRating .rateStar { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/voteoff.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; height: 13px; margin: 0; position: relative; width: 94px; background-size: cover; } .voteRating .rateStar .rateStarOn { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/voteon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 13px; left: 0; position: absolute; top: 0; background-size: cover; } .voteRating .stateProduct { background: #b4a17a; color: #ffffff; font-family: "Lato",sans-serif; font-size: 11px; height: 20px; line-height: 20px; text-transform: uppercase; display: inline-block; padding: 0 5px; margin-left: 10px; text-align: center; } .hdProducAddition { overflow: hidden; margin-bottom: 25px; } .hdProducAddition h3 { float: left; font-size: 11px; color: #000000; text-transform: uppercase; font-family: arial, sans-serif; } .hdProducAddition .sliderNav { float: right } .hdProducAddition .sliderNav #sliderProductNewP { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/arr-left.png") no-repeat; width: 5px; height: 9px; display: inline-block; cursor: pointer; } .hdProducAddition .sliderNav #sliderProductNewP:hover { opacity: 0.8 } .hdProducAddition .sliderNav #sliderProductNewN { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/arrViewAll.png") no-repeat; width: 5px; height: 9px; display: inline-block; cursor: pointer; margin-left: 16px; } .hdProducAddition .sliderNav #sliderProductNewN:hover { opacity: 0.8 } .productAddition .gridProductsIt {width: 165px; } .productAddition .gridProductsIt:before { background: none } .productAddition .gridProductsIt .price-box { width: 85%; margin: 5px auto auto; } .productAddition .gridProductsIt .itExt { width: auto; left: 0; } .productAddition .gridProductsIt:hover .pdName { color: #b4a17a } .productAddition .gridProductsIt:hover .itImg { opacity: 0.8 } .boxProductNous .mdCt { padding-bottom: 15px; padding-top: 20px; } .boxProductNous .mdTt { background: #151515; color: #6b6b6b; font-size: 9px; line-height: 15px; min-height: 50px; padding: 10px 15px; position: relative; } .boxProductNous .mdTt:before { content: ''; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/lineUnderNav.png) 50% 100% no-repeat; position: absolute; bottom: -14px; left: 0; height: 15px; width: 100%; } .boxProductNous .mdTt .lb { color: #b6a876; text-transform: uppercase; font: 300 16px/30px lato, sans-serif; vertical-align: top; float: left; } .boxProductVotre .mdCt { padding-bottom: 10px; padding-top: 20px; } .boxProductVotre .mdTt { background: #151515; color: #6b6b6b; font-size: 9px; line-height: 15px; min-height: 50px; padding: 10px 15px; position: relative; } .boxProductVotre .mdTt:before { content: ''; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/lineUnderNav.png) 50% 100% no-repeat; position: absolute; bottom: -14px; left: 0; height: 15px; width: 100%; } .boxProductVotre .mdTt .lb { color: #b6a876; text-transform: uppercase; font: 300 16px/30px lato, sans-serif; vertical-align: top; float: left; } .boxAddSlide { position: relative } .boxAddSlide .btArrLeft { display: block; width: 4px; height: 7px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/arr-left-sm.png") no-repeat; position: absolute; left: 0; top: 50%; cursor: pointer; margin-top: -3px; } .boxAddSlide .btArrRight { display: block; width: 4px; height: 7px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/arr-right-sm.png") no-repeat; right: 0; top: 50%; position: absolute; cursor: pointer; margin-top: -3px; } .boxAddSlide .caroufredsel_wrapper li { padding: 0 10px; text-align: center; width: 120px; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size: 1em; font-weight: normal; } .product-name a { } /* Product Tags */ .tags-list li { display: inline } /* Advanced Search */ .advanced-search { } .advanced-search-amount { } .advanced-search-summary { } /* CMS Home Page */ .cms-home .subtitle { } .cms-index-index .subtitle { } /* Custom CMS Page Tien To */ .cms-page-view .std, .cresus-form .std { font-family: 'lato', sans-serif; font-size: 14px; } .cms-page-view .page-title, .cresus-form .page-title { margin-bottom: 25px; padding-top: 0; } .cms-page-view .page-title h1, .cresus-form .page-title h1 { font-size: 27px; font-family: 'lato', sans-serif; text-transform: uppercase; color: #000000; font-weight: bold; } .cms-page-view .std .legend, .cresus-form .formCol .legend { font-size: 13px; line-height: 15px; margin-top: 10px; color: #000000; font-weight: normal; padding-bottom: 5px; font-family: 'lato', sans-serif; text-transform: none; } .cresus-form .formCol h2 { font-size: 20px; color: #000000; font-weight: bold; text-transform: uppercase; padding-bottom: 10px} .cms-page-view .cms-list, .cresus-form .cms-list { margin-bottom: 50px } .cms-page-view .ulStyle-disc, .cms-page-view .ulStyle-arrLeft, .cresus-form .ulStyle-disc, .cresus-form .ulStyle-arrLeft { list-style: none; margin-left: 0; } .cms-page-view .ulStyle-disc li, .cresus-form .ulStyle-disc li { padding-left: 25px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/icon-disc.png") no-repeat left 5px; margin-bottom: 2px; } .cms-page-view .ulStyle-arrLeft li, .cresus-form .ulStyle-arrLeft li { padding-left: 25px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/arr-right.png") no-repeat 5px 7px; margin-bottom: 2px; color: #9d8e6f; } .cresus-form .page-title { border: none; padding-bottom: 0; } /* Custom CMS Boutiques ( List ) Tien To */ .contentListBoutiques { } .listBoutiques { overflow: hidden; margin-bottom: 35px; } .listBoutiques .liBLeft { float: left; width: 630px; } .listBoutiques .liBRight { float: right; width: 300px; } .listBoutiques .imgBaner img:hover { opacity: 0.8 } .listBoxBout { overflow: hidden; margin-right: -15px; margin-left: -15px; } .listBoxBout .listBoxItem { width: 300px; float: left; margin-left: 15px; margin-right: 15px; margin-bottom: 35px;height: 205px;overflow: hidden; } .listBoxBout .listBoxItem .bxName { border-bottom: 1px dotted #818181; padding-bottom: 5px; margin-bottom: 20px; } .listBoxBout .listBoxItem .bxName h3 { color: #000000; text-transform: uppercase; font: bold 15px/19px 'lato', sans-serif; } .listBoxBout .listBoxItem .bxLink { font-size: 11px; color: #000000; font-family: Arial, sans-serif; text-decoration: underline; } .listBoxBout .listBoxItem .bxLink a { display: block; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/arr-right.png") no-repeat left 4px; padding-left: 10px; color: #666666; } .listBoxBout .listBoxItem:hover .bxLink a { color: #000000 } .listBoxBout .listBoxItem .bxImage { height: 100px; overflow: hidden; position: relative; margin-bottom: 20px; } .listBoxBout .listBoxItem .bxImage img { height: 100px } .listBoxBout .listBoxItem .bxImage a { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 3; } .listBoxBout .listBoxItem .moreInfo { position: absolute; z-index: 2; } .listBoxBout .listBoxItem .moreInfo { display: block; border: 1px solid #6e6d69; width: 175px; height: 30px; text-align: center; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; padding-top: 5px; text-transform: uppercase; transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; opacity: 0; } .listBoxBout .listBoxItem .moreInfo span { color: #9e9e9e; text-transform: uppercase; font-size: 12px; font-family: 'lato', sans-serif; font-weight: 300; position: relative; padding-left: 20px; } .listBoxBout .listBoxItem .moreInfo span:after { content: ""; width: 9px; height: 9px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconPlus.png") no-repeat; position: absolute; left: 0; top: 4px; opacity: 1; } .listBoxBout .listBoxItem .bgHvImg { position: absolute; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; z-index: 1; opacity: 0; } .listBoxBout .listBoxItem:hover .moreInfo { opacity: 1 } .listBoxBout .listBoxItem:hover .bgHvImg { opacity: 1 } /* Custom CMS Boutiques ( Detail ) Tien To */ .boutique-container { } .boutique-container .map, .boutique-container .street { position: relative; padding-bottom: 56.25%; /* 16: 9 */; height: 300px; : ; ; ; ; } .boutique-container .map iframe, .boutique-container .street iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .headerBoutique { border-bottom: 1px dotted #818181; padding-bottom: 25px; margin-bottom: 30px; overflow: hidden; } .headerBoutique h1 { float: left; font-size: 27px; font-weight: bold; color: #000000; font-family: 'lato', sans-serif; text-transform: uppercase; } .headerBoutique .form-list { float: right; margin: 0; } .headerBoutique .form-list .input-box { width: 330px } .boutique-main { width: 600px; float: left; font-family: 'lato', sans-serif; font-size: 14px; color: #000000; } .boutique-main h3 { font-size: 16px; font-weight: bold; margin-bottom: 10px; } .boutique-main p { margin-bottom: 10px } .boutique-main p { margin-bottom: 10px } .boutique-main .street { margin-bottom: 30px } .boutique-main .images { margin-left: -15px; margin-right: -15px; margin-bottom: 30px; overflow: hidden; } .boutique-main .images .boxImg { width: 180px; #height: 180px; border: 1px solid #b0b0b0; padding: 5px; float: left; margin: 0 15px; position: relative; } .boutique-main .images .boxImg a { display: block } .boutique-main .images .boxImg span { position: absolute; top: 5px; right: 5px; left: 5px; bottom: 5px; background: rgba(0, 0, 0, 0.7); opacity: 0; transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; } .boutique-main .images .boxImg .iconZoomImg { width: 28px; height: 28px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconZoomImg.png") no-repeat; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; text-align: center; text-transform: uppercase; } .boutique-main .images .boxImg:hover span { opacity: 1 } .boutique-main .images .boxImg:hover { background: #b0b0b0 } .boutique-main .description { margin-bottom: 40px } .boxBouti { border: 1px solid #b0b0b0; height: 40px; margin-bottom: 10px; text-align: center; padding: 1px; } .boxBouti a { font-size: 14px; color: #434343; font-weight: bold; font-family: 'lato', sans-serif; text-transform: uppercase; display: block; line-height: 36px; } .boxBouti a span { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/arrViewAll.png") no-repeat scroll left center; padding-left: 15px; display: inline-block; } .boxBouti a .iconGoolePlus { display: inline-block; width: 82px; height: 26px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/googleplus.png") no-repeat; position: relative; top: 5px; left: 5px; } .boxBouti:hover a { background: #b0b0b0 } .boutique-side { width: 330px; float: right; font-size: 14px; } .boutique-info { background: #e5e5e5; padding: 10px; position: relative; margin-bottom: 30px; font-family: 'lato', sans-serif; } .boutique-info:after { content: ""; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/shadow-bot.png") no-repeat; width: 330px; height: 9px; position: absolute; bottom: -10px; left: 0; } .boutique-info .photo-1 { margin-bottom: 30px } .boutique-info p { margin-bottom: 5px } .boutique-info strong { font-size: 16px; color: #000000; line-height: 16px; } .address-info h2 { font-size: 16px; font-weight: bold; margin-bottom: 25px; } .address-info h3 { font-size: 16px; font-weight: bold; } .boutique-info .address-info { padding: 0px 10px 50px 10px; border-bottom: 1px dotted #818181; margin-bottom: 15px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/icon-location.png") no-repeat right bottom 5px; } .boutique-info .contact-info { padding: 0px 10px 50px 10px; border-bottom: 1px dotted #818181; margin-bottom: 15px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/icon-add.png") no-repeat right bottom 5px; } .boutique-info .address-info .ct-gps-head { margin-bottom: 10px } /* Static Blocks Home 2 - TienTo */ .mdLangdingBlockInterm { padding-bottom: 10px;} .mdLangdingBlockInterm .mdCt{overflow:hidden} .mdLangdingBlockInterm .bxBlock1 { position: relative; float: left; width: 470px; margin-right: 20px; margin-bottom: 20px;} .mdLangdingBlockInterm .bxBlock1 .bxText { position: absolute; top: 127px; left: 26px; text-align: center; width: 164px; } .mdLangdingBlockInterm .bxBlock1 .bxImg{height:375px; background:#000;} .mdLangdingBlockInterm .bxBlock1 .bxText .bxName { color: #ffffff; font-weight: 700; font-size: 23px; font-family: 'Lato', sans-serif; text-transform: uppercase; padding-bottom: 10px; } .mdLangdingBlockInterm .bxBlock1 .bxText .bxAtt { padding-bottom: 7px; color: #ffffff; font-size: 11px; text-transform: uppercase; } .mdLangdingBlockInterm .bxBlock1 .bxText .link {} .mdLangdingBlockInterm .bxBlock1 .bxText .link a {background: #ffffff; color: #000000; font-size: 12px; font-weight: 700; text-transform: uppercase; font-family: 'Lato', sans-serif; text-decoration: underline;padding: 12px 0; display: block } .mdLangdingBlockInterm .bxBlock2 { width: 470px; float: left; } .mdLangdingBlockInterm .bxBlock2 .bxBlock2Style { position: relative } .mdLangdingBlockInterm .bxBlock2 .bxBlock2Style.Top { margin-bottom: 20px } .mdLangdingBlockInterm .bxBlock2 .bxBlock2Style .bxImg{height: 175px; background: #000} .mdLangdingBlockInterm .bxBlock2 .bxBlock2Style.Top .bxImg{height: 175px; background: #000} .mdLangdingBlockInterm .bxBlock2 .bxBlock2Style .bxText { position: absolute; top: 20px; left: 23px; } .mdLangdingBlockInterm .bxBlock2 .bxBlock2Style .bxText .bxName { font-size: 17px; color: #ffffff; font-weight: 700; text-transform: uppercase; font-family: 'Lato', sans-serif; display: block } .mdLangdingBlockInterm .bxBlock2 .bxBlock2Style .bxText .bxName span { font-weight: 300 } .mdLangdingBlockInterm .bxBlock2 .bxBlock2Style .bxText .bxName2 { font-size: 14px; color: #ffffff; font-weight: 700; text-transform: uppercase; font-family: 'Lato', sans-serif; display: block } .mdLangdingBlockInterm .bxBlock2 .bxBlock2Style .bxText .bxAtt { color: #ffffff; font-family: 'Lato', sans-serif; font-size: 10px; text-transform: uppercase; } .mdLangdingBlockInterm .bxBlock2 .bxBlock2Style .link { position: absolute; bottom: 15px; left: 23px; border-bottom: 1px dotted #ffffff; padding-bottom: 1px; } .mdLangdingBlockInterm .bxBlock2 .bxBlock2Style .link a { background: #ffffff; padding: 10px 20px; color: #000000; font-size: 9px; font-weight: 700; text-transform: uppercase; font-family: 'Lato', sans-serif; text-decoration: underline; display: block; } .mdLinkto { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/bglinkto.png"); text-align: center; position: relative; height: 188px; } .mdLinkto .iconArrow { position: absolute; top: -3px; left: 50%; margin-left: -70px;} .mdLinkto h3 { padding-top: 103px } .mdLinkto h3 a { font-family: 'Lato', sans-serif; font-size: 25px; color: #000000; text-transform: uppercase; font-weight: 300; border-bottom: 1px solid #000000; display: inline-block; padding-bottom: 12px; } /* CMS Style 2016 */ .cms-page-view .page-title-2 { margin-bottom: 25px; padding-top: 0; border-bottom: 1px dotted #818181; } .cms-page-view .page-title-2 h1 { color: #000000; font-family: "lato",sans-serif; font-size: 27px; font-weight: bold; text-transform: uppercase; letter-spacing: 5px; margin-bottom: 15px; } .cms-page-view .page-title-2 span { color: #000000; font: italic 16px/20px "lato",sans-serif; display: block; margin-bottom: 20px; } .cms-col-3:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } .cms-col-3 .col-0 { width: 310px; float: left; margin-right: 15px; } .cms-col-3 .col-0:last-child { margin-right: 0; } .cms-box-group-1 { border: 1px solid #dbdad6; padding: 9px; } .cms-box-group-1 .box-group-ct { background: #e2e2e2; min-height: 215px; } .cms-box-group-1 .bx-title { font: 700 26px/30px 'Lato', sans-serif; color: #000000; text-transform: uppercase; text-align: center; /*background: url('https://www.cresus.fr/skin/frontend/default/cresus/images/cms/bg-box-1.png') no-repeat 0 0;*/ /*background: #e7e7e7;*/ padding: 40px 0 30px 0; position: relative; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ebebeb+100 */ background: #e5e5e5; /* Old browsers */ background: -moz-linear-gradient(top, #e5e5e5 0%, #ebebeb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #e5e5e5 0%,#ebebeb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #e5e5e5 0%,#ebebeb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */ } .cms-box-group-1 .bx-title:after { content: ''; width: 100%; height: 28px; background: url('https://www.cresus.fr/skin/frontend/default/cresus/images/cms/show-down-1.png') no-repeat 50% 50%; position: absolute; bottom: -8px; left: 0; } .cms-box-group-1 .bx-text { padding: 20px 15px 15px; font: 14px/20px 'Lato', sans-serif; text-align: justify; } .cms-icon-text { margin-bottom: 45px; } .cms-icon-text .cms-ico-txt-it{ text-align: center; } .cms-icon-text img{ margin-bottom: 10px; width: auto!important; } .cms-icon-text .ico-txt{ font: 800 14px/20px 'Lato', sans-serif; } .cms-block { margin-bottom: 40px; } .cms-col-2-1:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } .cms-block-3-content { border-top: 1px dotted #818181; #border-bottom: 1px dotted #818181; padding-bottom: 30px; } .cms-col-2-1 .col-1-right { width: 310px; float: right; } .cms-block-3 .text-box { background: #eaeaea; #min-height: 405px; padding: 20px; } .std .cms-col-2-1 .col-1-right h2{ margin-top: 0; } .std blockquote { font-style: normal; padding: 40px 20px; position: relative; } .std blockquote h2 { margin-top: 0; } .std blockquote:before { width: 27px; height: 21px; background: url('https://www.cresus.fr/skin/frontend/default/cresus/images/cms/ico-quote-left.png') no-repeat; position: absolute; top: 0; left: 0; content: ""; } .std blockquote:after { width: 27px; height: 21px; background: url('https://www.cresus.fr/skin/frontend/default/cresus/images/cms/ico-quote-right.png') no-repeat; position: absolute; bottom: 0; right: 0; content: ""; } .std a.button-cms-black { display: inline-block; font: 12px/20px 'Lato', sans-serif; color: #ffffff; text-decoration: none; text-transform: uppercase; min-width: 230px; border: 1px solid #818181; padding: 2px; } .std a.button-cms-black:hover { opacity: 0.8; } .std a.button-cms-black span { display: block; padding: 10px 20px; background: #151515; } .std .box-premium { border: 1px solid #dbdad6; padding: 9px; position: relative; } .std .box-premium h2 { margin-top: 0; padding-right: 80px; } .std .box-premium p { font-size: 16px; } .std .box-premium .box-pre-ct { background: #eaeaea url('https://www.cresus.fr/skin/frontend/default/cresus/images/cms/bg-medium.jpg') no-repeat 100% 50%; padding: 25px; } .std .box-premium .picto-premium { display: block; width: 128px; height: 52px; background: url('https://www.cresus.fr/skin/frontend/default/cresus/images/cms/picto-premium.png') no-repeat; position: absolute; top: 35px; right: -10px; } .std .cms-col-2:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } .std .cms-col-2 .col-1{ float: left; width: 470px; } .std .cms-col-2 .col-2{ float: right; width: 470px; } .std .cms-question { text-align: center; } .std .cms-question .title { font: italic 35px/50px 'Lato', sans-serif; } .std .cms-question .sub-title { font: italic 25px/40px 'Lato', sans-serif; margin-bottom: 30px; } .std .cms-question a { display: inline-block; margin: 0 5px; } .std .cms-question a:hover { opacity: 0.8; } .std .link-st-arr { font: 700 italic 14px/20px 'Lato', sans-serif; text-decoration: none; color: #000000; border-bottom: 1px dotted #818181; position: relative; display: inline-block; padding-left: 12px; } .std .link-st-arr:before { content: ""; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #000000; border-right: none; top: 7px; left: 0; } .std .box-text{ min-height: 195px; } /* Grid 6 col*/ /* End CMS Style 2016 */ /* Custom Page Styles ( List ) */ .contentLesStyles { background: #000; color: #fff; position: relative; height: 640px; margin-bottom: 30px; overflow: hidden} .contentLesStyles .bxLesStylesThumbs { position: absolute; left: 20px; top: 20px; z-index: 10; } .contentLesStyles .bxLesStylesMain { position: relative } .contentLesStyles .bxLesStylesMain:before { content: ''; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/bg-calque.png) 0 0 no-repeat; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } .bxLesStylesThumbs ul { } .bxLesStylesThumbs ul li { margin: 5px auto 0; position: relative; cursor: pointer; } .bxLesStylesThumbs .pic { width: 210px; height: 110px; overflow: hidden; position: relative; background: #000; } .bxLesStylesThumbs .pic:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 3px solid #fff; z-index: 1; } .bxLesStylesThumbs .pic img { opacity: .3; transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -webkit-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; } .bxLesStylesThumbs ul li.selected .pic img { opacity: 1 } .bxLesStylesThumbs .tt { color: #a8a8a8; font: bold 13px/20px lato,sans-serif; text-transform: uppercase; position: absolute; left: 20px; bottom: 20px; z-index: 1; letter-spacing: 1px; } .bxLesStylesThumbs ul li.selected .tt { display: none } .bxLesStylesThumbs .tt:after { content: ""; width: 51px; height: 40px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/lineTitleStyle.png") no-repeat; position: absolute; left: 0; top: -10px; } .bxLesStylesCaption { top: 365px; position: absolute; right: 0; width: 425px; z-index: 2; } .bxLesStylesCaption .txtCap { background: rgba(225, 225, 225, 0.8); padding: 15px 20px; color: #000000; font-size: 12px; font-family: Lato, sans-serif; } .bxLesStylesCaption .txtTitleCap { color: #000000; font-size: 27px; font-weight: bold; text-transform: uppercase; font-family: Lato, sans-serif; } .bxLesStylesCaption .txtCap .bxDcr { margin-bottom: 10px; letter-spacing: 1px; /* height: 90px;; overflow: hidden; */ ; } .bxLesStylesCaption .ifCaption { margin-bottom: 10px; z-index: 2; } .bxLesStylesCaption .bxDcr { height: 80px; overflow: hidden; } .bxLesStylesBt { overflow: hidden; width: 165px !important; } .bxLesStylesBt .btLinkCap { background: #000000; color: #FFFFFF; display: inline-block; height: 40px; min-width: 165px; padding-top: 10px; text-align: center; text-transform: uppercase; font: 13px/20px Lato,sans-serif; } .btNaviControl { position: absolute; top: 365px; right: 425px; margin-right: 1px; z-index: 2; } .btNaviControl ul li { border-bottom: 1px solid #000000 } .btNaviControl ul li:last-child { border: none } .btNaviControl .btIconNv { width: 40px; height: 40px; display: block; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconNavi.png") no-repeat rgba(225, 225, 225, 0.8); } .btNaviControl .btIconNv.icNext { background-position: 0 -40px } /* Sitemap */ .page-sitemap .links { text-align: right; margin: 0 8px -22px 0; } .page-sitemap .links a { text-decoration: none; position: relative; } .page-sitemap .links a:hover { text-decoration: underline } .page-sitemap .sitemap { margin: 12px } .page-sitemap .sitemap a { } .page-sitemap .sitemap li { margin: 3px 0 } .page-sitemap .sitemap li.level-0 { margin: 10px 0 0; font-weight: bold; } .page-sitemap .sitemap li.level-0 a { } /* RSS */ .rss-title h1 { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/i_rss-big.png) 0 4px no-repeat; padding-left: 27px; } .rss-table .link-rss { display: block; line-height: 1.35; background-position: 0 2px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ button.btn-continue { position: relative; padding-left: 20px; float: right; top: -45px; } button.btn-continue:before { content: ''; position: absolute; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/arrDouble.png) 50% 50% no-repeat; width: 15px; height: 15px; left: 0; top: 0; } button.btn-continue span { color: #666; font-size: 11px; line-height: 15px; } .cart { clear: both } .cart .page-title { } .cart .page-title .btnSet { overflow: hidden } .cart .page-title .btnSet button { margin: 10px 0 0 30px } .cart .text-up-cart { color: #666; font: 14px/20px lato,sans-serif; line-height: 0;} .cart .page-title .btnSet button span { color: #666; font: 11px/20px lato,sans-serif; text-transform: uppercase; display: block; } .cart .page-title .btnSet button.btn-update { position: relative; padding-right: 30px; } .cart .page-title .btnSet button.btn-update:before { content: ''; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/icoUpdateCart.png) 0 0 no-repeat; width: 20px; height: 20px; position: absolute; right: 0; top: 0; } .cart .page-title .btnSet button.btn-update:hover:before { background-position: 0 100% } .cart .page-title .btnSet button.btn-empty { position: relative; padding-right: 30px; } .cart .page-title .btnSet button.btn-empty:before { content: ''; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/icoClearCart.png) 0 0 no-repeat; width: 20px; height: 20px; position: absolute; right: 0; top: 0; } .cart .page-title .btnSet button.btn-empty:hover:before { background-position: 0 100% } /* Checkout Types */ .cart .checkout-types { float: right; text-align: right; margin: 30px 20px 0 0; position: relative; z-index: 1; } .cart .title-buttons .checkout-types li { float: left; margin: 0 0 5px 5px; } .cart .checkout-types .paypal-or { margin: 0 8px; line-height: 2.3; } .cart .totals .checkout-types .paypal-or { clear: both; display: block; padding: 3px 55px 8px 0; line-height: 1.0; font-size: 11px; } /* Shopping Cart Table */ .cart-table .item-msg { font-size: 10px } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding: 0; margin-top: 20px; } .cart .cart-collaterals .col2-set { float: left; width: 700px; } .cart .cart-collaterals .bxPicCards { margin-top: 125px; } .cart .crosssell { } .cart .crosssell h2 { font-size: 13px; font-weight: bold; } .cart .crosssell .product-image { float: left; width: 75px; height: 75px; border: 1px solid #ddd; } .cart .crosssell .product-details { margin-left: 90px } .cart .crosssell li.item { margin: 12px 0 } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping { } .cart .discountIner { position: relative; border-top: 1px solid #000; padding: 1px 0; } .cart .discountIner:after { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/lineUnderNav.png") no-repeat scroll center 0 rgba(0, 0, 0, 0); bottom: -25px; content: ""; height: 25px; left: 0; position: absolute; width: 100%; } .cart .discount { margin: 1px auto; overflow: hidden; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/bgPattern.png) 0 0 repeat; position: relative; } .cart .discount:before { position: absolute; content: ''; top: 0px; bottom: 0px; left: 0; right: 0; border: 1px solid #fff; border-width: 1px 0; z-index: -1; } .cart .discount .discount-form { border-width: 1px 0; padding: 9px 0; overflow: hidden; float: right; margin-right: 50px; } .cart .discount .discount-form label { color: #9d8e6f; font: bold italic 13px/20px lato,sans-serif; display: block; float: left; margin: 5px 10px 0 0; } .cart .discount .discount-form .boxForm { overflow: hidden; float: right; position: relative; width: 170px; border: 1px solid #b0b0b0; height: 30px; } .cart .discount .discount-form .input-box { } .cart .discount .discount-form .input-box .input-text { background: none repeat scroll 0 0 #F9F9F9; border: 0; color: #666666; font: bold 12px/20px lato,sans-serif; height: 26px; left: 1px; padding: 2px 10px; position: absolute; top: 1px; width: 136px; } .cart .discount .discount-form .boxForm button { position: absolute; right: 1px; top: 1px; } .cart .discount .discount-form .boxForm button span { background: none repeat scroll 0 0 #F8F8F8; color: #646464; cursor: pointer; display: block; font-size: 10px; height: 26px; line-height: 26px; text-align: center; text-transform: uppercase; width: 28px; } /* Shopping Cart Totals */ .cart .totals { float: right; width: 515px; } .cart .totals .totals-tables { background: none repeat scroll 0 0 #FFFFFF; padding: 0 20px 10px 20px; position: relative; -moz-box-shadow: -5px 5px 10px 0 #D3D3D3; -webkit-box-shadow: -5px 5px 10px 0 #D3D3D3; box-shadow: -5px 5px 10px 0 #D3D3D3; top: 1px; } .cart .totals table { width: 100% } .cart .totals table th, .cart .totals table td { padding: 10px 5px; color: #343438; font: bold 14px/25px lato,sans-serif; border: 1px dotted #b7b7b7; border-width: 1px 0 0; } .cart .totals table tr:first-child th, .cart .totals table tr:first-child td { border: 0 } .cart .totals table th { font-weight: bold } .cart .totals table tfoot th { } .cart .totals table .price { color: #666; font-size: 16px; } .cart .totals .tdLabel { padding-right: 30px; text-align: right; } .cart .totals .tdValue { text-align: right; padding-right: 35px; font-size: 16px; } .cart .totals tfoot td { background: #565656; color: #fff; text-transform: uppercase; font-size: 24px; line-height: 30px; } .cart .totals tfoot td .price { font-size: 20px; color: #fff; } .cart .totals .cart-table-paymenMaintement { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/bgCartTotal.png) 50% 0 no-repeat; margin-top: 1px; } .cart .totals .cart-table-paymenMaintement td { } .cart .totals .cart-table-paymenMaintement .tdLabel { } .cart .totals .cart-table-paymenMaintement .tdValue { } .cart #shopping-cart-totals-table { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/bgCartTotal.png") no-repeat scroll center bottom 12px; width: 100%; } .cart #shopping-cart-totals-table .total-deposit{background: none;} .cart #shopping-cart-totals-table .total-fee {background: none;} .cart #shopping-cart-totals-table .total-deposit td, .cart #shopping-cart-totals-table .total-fee td { color: #343438; font: bold 14px/25px lato,sans-serif; background: none; } .cart #shopping-cart-totals-table .total-deposit td {border: none;} .cart #shopping-cart-totals-table tr td { background: #565656; } .cart #shopping-cart-totals-table .total-deposit td .price, .cart #shopping-cart-totals-table .total-fee td .price { color: #666; font-size: 16px; } .promotion-used { padding-top: 15px; color: #9d8e6f; font-weight: bold; text-align: center; font-size: 14px; font-family: 'lato', sans-serif; } .cart #shopping-cart-totals-table > tbody tr td { background: #ffffff;} .cartCollateralsExtra { width: 465px; margin-top: 25px; } .boxExtra { border: 1px solid #ebebeb; padding: 5px; margin-bottom: 5px; } .boxExtra .boxExtraContent { background: #e3e3e3; padding: 20px; } .boxExtra .boxExtraContent.boxExGift .boxExtraHead { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/boxGift.png") no-repeat left top; padding-left: 65px; background-size: 50px; } .boxExtra .boxExtraContent.boxExGift .boxExtraTxt { padding-left: 65px; overflow: hidden; } /* Cart Bottom */ .cartBottom {overflow: hidden;padding-top: 20px;} .cartBottom .back-link{ float: left;margin-left: 35px;margin-top: 10px;} .cartBottom .bxPicCards{ float: right; margin-top: 0;margin-bottom: 0;} /* Style Custom CheckBox */ label.styleCheckbox input[type="checkbox"] { display: none } label.styleCheckbox { cursor: pointer; color: #000000; font-size: 13px; margin-bottom: 1px; display: block; font-weight: bold; font-family: 'lato', sans-serif; } label.styleCheckbox input[type="checkbox"] + span { display: inline-block; width: 11px; height: 11px; vertical-align: middle; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconCheckbox.png") 0px 0px no-repeat; cursor: pointer; padding-left: 15px; } label.styleCheckbox input[type="checkbox"]:checked + span { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconCheckbox.png") 0px -15px no-repeat } label.styleCheckbox.small { font-size: 11px; line-height: 15px; font-weight: normal; margin: 0; color: #4b4b4b; overflow: hidden; } label.styleCheckbox.small input[type="checkbox"] + span { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconCheckbox.png") 100% 0px no-repeat; padding: 0; width: 8px; height: 8px; margin-right: 5px; float: left; } label.styleCheckbox.small input[type="checkbox"]:checked + span { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconCheckbox.png") 100% 100% no-repeat; float: left; } label.styleCheckbox i { vertical-align: middle } label.styleCheckbox.small i { display: block; margin-left: 15px; } .bxDocuments .styleCheckbox {background: none;display: block;float: none;margin-bottom: 5px; font: normal 12px/20px Arial,sans-serif; color: #4b4b4b; text-transform: none;} /* Style Custom Radio */ label.styleRadio input[type="radio"] { display: none } label.styleRadio input[type="radio"] + span { display: inline-block; width: 15px; height: 15px; vertical-align: middle; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/radio.png") 0px -30px no-repeat; cursor: pointer; padding-left: 15px; } label.styleRadio input[type="radio"]:checked + span { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/radio.png") 0px 1px no-repeat } label.styleRadio i { vertical-align: middle } .boxExtra .boxExtraContent.boxExGift .boxExtraTxt .boxTxtStatus { font-size: 15px; font-weight: bold; color: #9d8e6f; text-transform: uppercase; float: left; margin-right: 55px; } .itTermAgree { padding: 10px 15px } .boxExtra .boxExtraContent.boxExShip .boxExtraHead { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/boxShip.png") no-repeat left top; padding-left: 80px; background-size: 60px; } .boxExtra .boxExtraContent .boxExtraHead h3 { font-family: 'lato', sans-serif; font-size: 18px; color: #343438; font-weight: normal; border-bottom: 1px solid #d6d6d6; padding-bottom: 15px; margin-bottom: 15px; } .boxExtra .boxExtraContent .boxExtraHead h3 span { font-size: 14px; font-weight: bold; display: block; } .boxExtra .boxExtraContent.boxExShip { background: #f0f0f0 } .boxExtra .boxExtraContent.boxExShip h3 { font-size: 14px; font-weight: bold; } .boxExtra .boxExtraContent.boxExShip h3 span { font-size: 11px } .boxExtra .boxExtraContent .boxEtraList { font-family: 'lato', sans-serif; overflow: hidden; margin-bottom: 5px; } .boxExtra .boxExtraContent .boxEtraList span { font-weight: bold; font-size: 12px; color: #343438; float: left; } .boxExtra .boxExtraContent .boxEtraList span.last { float: right; font-size: 14px; padding-right: 20px; } .boxExtraTxt ul { margin-bottom: 5px } .boxExtraTxt ul li { overflow: hidden; font-family: 'lato', sans-serif; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/arr-right.png") no-repeat left 5px; padding-left: 10px; } .boxExtraTxt ul li span { float: left; font-size: 12px; color: #343438; } .boxExtraTxt ul li strong { float: right; font-size: 14px; color: #343438; padding-right: 20px; } .boxAppear { position: relative; background: #d6d6d6; } .boxAppear .bgarrow { border-bottom: 10px solid #d6d6d6; border-left: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0); height: 10px; left: 40px; position: relative; top: -25px; width: 10px; } .boxAppear td { border-top: none; vertical-align: middle; padding: 0; } .boxAppear td > div { padding: 0; border: none; } .boxAppear label.styleCheckbox { display: inline-block; } .boxAppear .info { height: 40px; padding-left: 55px; padding-top: 10px; position: relative; line-height: 15px} .boxAppear .info span.an { font-size: 12px } .boxAppear .info a { font-size: 12px; color: #515151; font-family: 'lato', sans-serif; text-decoration: underline; } .boxAppear .info .tick { width: 47px; height: 49px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/tick.png") no-repeat; display: inline-block; position: absolute; bottom: -10px; left: 0; z-index: 9; background-size: contain;} .boxAppear .price { color: #666666; font-size: 16px; font-family: 'lato', sans-serif; text-align: right; font-weight: bold; padding-right: 10px; } .boxAppear .tdAppearPrice {padding-right: 15px;text-align: right;} .tr-garantie .colImg a { margin-bottom: 0; margin-top: 10px; } .tr-garantie td > div { padding: 10px 10px 5px 10px } /* Options Tool Tip */ .item-options dt { font-weight: bold; font-style: italic; color: #ae904a; } .item-options dd { padding-left: 10px } .truncated { cursor: help } .truncated a.dots { cursor: help } .truncated a.details { cursor: help } .truncated .truncated_full_value { position: relative; z-index: 999; } .truncated .truncated_full_value .item-options { position: absolute; top: -99999em; left: -99999em; z-index: 999; width: 250px; padding: 8px; border: 1px solid #ddd; background-color: #f6f6f6; } .truncated .truncated_full_value .item-options > p { font-weight: bold; text-transform: uppercase; } .truncated .show .item-options { top: -20px; left: 50%; } .col-left .truncated .show .item-options { left: 30px; top: 7px; } .col-right .truncated .show .item-options { left: -240px; top: 7px; } /* reservation */ .boxExtra .boxExtraContent.boxExShip .boxExtraHeadReser{background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/picto-carte.png") no-repeat left top; } .pitcp-paymen{ display: inline-block; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; text-indent: -9999px; margin: 0 5px; } .picto-visa{ width: 29px; height: 19px; background-image: url(https://www.cresus.fr/skin/frontend/default/cresus/images/payment/picto-visa-x2.png); } .picto-cb{ width: 28px; height: 19px; background-image: url(https://www.cresus.fr/skin/frontend/default/cresus/images/payment/picto-cb-x2.png); } .picto-mastercard{ width: 29px; height: 19px; background-image: url(https://www.cresus.fr/skin/frontend/default/cresus/images/payment/picto-mastercard-x2.png); } .picto-american-express{ width: 19px; height: 19px; background-image: url(https://www.cresus.fr/skin/frontend/default/cresus/images/payment/picto-american-express-x2.png); } .cartBottom img{ display: none; } .picto-cetelem{ width: 100%; } .picto-cetelem ul{ width: 75%; display: inline-block; } .picto-cetelem .picto-cetelem-img{ width: 22%; display: inline; } .picto-cetelem .picto-cetelem-img a{ width: 68px; height: 24px; background-image: url(https://www.cresus.fr/skin/frontend/default/cresus/images/payment/picto-cetelem-x2.png); } /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods { margin: 10px auto } .sp-methods dt { font-weight: bold; margin: 10px auto; } #opc-shipping_method .sp-methods dt { display: none } .sp-methods dd li { padding: 5px 0 } .sp-methods dd label { text-transform: uppercase; font: normal 13px/20px lato,sans-serif; } .sp-methods .price { font-weight: bold } .sp-methods .form-list { padding-left: 20px } .sp-methods select.month { width: 150px; margin-right: 10px; } .sp-methods select.year { width: 96px } .sp-methods input.cvv { width: 3em !important } .sp-methods .checkmo-list li { margin: 0 0 5px } .sp-methods .checkmo-list label { width: 135px; padding-right: 10px; text-align: right; } .sp-methods .checkmo-list address { float: left } .sp-methods .centinel-logos a { margin-right: 3px } .sp-methods .centinel-logos img { vertical-align: middle } .sp-methods .release-amounts { margin: 0.5em 0 1em } .sp-methods .release-amounts button { float: left; margin: 5px 10px 0 0; } .sp-methods .form-list li label { color: #737373; font-size: 12px; line-height: 15px; } .please-wait { float: right; margin-right: 5px; } .please-wait img { vertical-align: middle } .cvv-what-is-this { cursor: help; margin-left: 5px; } .bxProductReviewInCheckout { padding: 10px 20px } .bxProductReviewInCheckout .lst { margin-top: -10px } .bxProductReviewInCheckout .lst .it { overflow: hidden; margin-top: 10px; } .bxProductReviewInCheckout .lst .it .itImg { width: 50px; float: left; padding-top: 5px; } .bxProductReviewInCheckout .lst .it .itImg .pic { width: 30px; /* height: 43px; */ display: block; overflow: hidden; border: 1px solid #b0b0b0; ; ; ; ; } .bxProductReviewInCheckout .lst .it .itImg .pic img { } .bxProductReviewInCheckout .lst .it .itBody { margin-left: 50px } .bxProductReviewInCheckout .lst .it .itBody .tt { font-size: 13px; line-height: 20px; letter-spacing: .5px; } .bxProductReviewInCheckout .lst .it .itBody .tt b { font-size: 14px; text-transform: uppercase; font-weight: bold; margin-right: 5px; } .bxProductReviewInCheckout .lst .it .itBody .tt i { } .bxProductReviewInCheckout .lst .it .itBody .ct { color: #9d8e6f; font-size: 12px; line-height: 15px; } .bxProductReviewInCheckout .lst .it .itBody .ct b { display: block; font-weight: bold; } .bxProductReviewInCheckout .lst .it .itBody .ct i { } .bxProductReviewInCheckout .itSelectBoutique { } .itSelectBoutique { } .opc .itSelectBoutique .form-list { padding-left: 0; padding-right: 0; margin: 20px auto 0; margin-right: -5px; } .itSelectBoutique .field { } .itSelectBoutique .input-box { } .itSelectBoutique select { } .bxTextAreaInCheckoutShipping { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/shadowLine_460.png) 50% 0 no-repeat; padding: 30px 0 10px; margin: 5px auto 0; } .bxTextAreaInCheckoutShipping .textarea { } .bxTextAreaInCheckoutShipping .textarea textarea { width: 100%; max-width: 100%; padding: 15px 20px; height: 150px; color: #b1b1b1; letter-spacing: 1px; } .bxVerificationCommande { } .bxVerificationCommande .bxTt { font: 13px/15px lato,sans-serif; text-transform: uppercase; padding: 5px 0; margin: 0 auto 10px; position: relative; padding-left: 20px; } .bxVerificationCommande .bxTt:before { content: ''; position: absolute; border: 5px solid transparent; border-left: 5px solid #000; left: 0; top: 50%; margin-top: -5px; } .bxVerificationCommande .bxCt { } .table-verification { } .table-verification table { width: 100% } .table-verification td { font: 10px/15px arial,sans-serif; padding: 10px 10px; } .table-verification tbody td { } .table-verification tfoot td { border-top: 1px solid #c7c7c7 } .table-verification .tdImg { padding-left: 0; padding-top: 5px; } .table-verification .tdImg .pic { width: 20px; overflow: hidden; display: block; margin: 0; } .table-verification .tr-product .tdImg .pic { border: 1px solid #b0b0b0 } .table-verification .tdImg .pic img { } .table-verification td b { font-weight: bold; margin-right: 5px; font-size: 11px; font-weight: bold; } .table-verification td .price { font-weight: bold } .table-verification .tdTt { padding-top: 10px } .table-verification .tdPrice { padding-top: 10px; text-align: right; } .table-verification .tr-garantie td div { padding: 0 } .table-verification tfoot .tdTt { text-transform: uppercase } .table-verification tfoot .tdPrice { color: #9d8e6f; font-weight: bold; font-size: 13px; } .oblig-payment { text-align: center; padding: 8px 0 3px 0; } .bxPaymentMethods { background: #ededed url(https://www.cresus.fr/skin/frontend/default/cresus/images/shadowLine_460.png) 50% 0 no-repeat; padding: 10px 20px; padding-bottom: 20px; margin-bottom: -20px; } .bxPaymentMethods .bxTt { font: 800 13px/20px lato,sans-serif; text-transform: uppercase; padding: 5px 0; } .bxPaymentMethods .bxCt { } .bxPaymentMethods .sp-methods dt { font-weight: normal; text-transform: uppercase; } .bxPaymentMethods .sp-methods dd .form-list{color: #737373; font: 12px/15px arial,sans-serif} /* Tooltip */ .tool-tip { border: 1px solid #ddd; background-color: #f6f6f6; padding: 5px; position: absolute; z-index: 9999; } .tool-tip .btn-close { text-align: right } .tool-tip .btn-close a { display: block; margin: 0 0 0 auto; width: 15px; height: 15px; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/btn_window_close.gif) 100% 0 no-repeat; text-align: left; text-indent: -999em; overflow: hidden; } .tool-tip .tool-tip-content { padding: 5px } /* Gift Messages */ .gift-messages { } .gift-messages-form { border: 1px solid #ddd; background-color: #f5f5f5; } .gift-messages-form { position: relative } .gift-messages-form label { float: none !important; position: static !important; } .gift-messages-form h4 { } .gift-messages-form .whole-order { } .gift-messages-form .item { margin: 0 0 10px } .gift-messages-form .item .product-img-box { float: left; width: 75px; } .gift-messages-form .item .product-image { margin: 0 0 7px } .gift-messages-form .item .number { margin: 0; font-weight: bold; text-align: center; } .gift-messages-form .item .details { margin-left: 90px } .gift-messages-form .item .details .product-name { } .gift-message-link { display: block; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/bkg_collapse.gif) 0 4px no-repeat; padding-left: 20px; } .gift-message-link.expanded { background-position: 0 -53px } .gift-message-row { } .gift-message-row .btn-close { float: right } .gift-message dt strong { font-weight: bold } /* Checkout Agreements */ .checkout-agreements { } .checkout-agreements li { margin: 10px 0 } .checkout-agreements .agreement-content { border: 1px solid #ddd; background-color: #f6f6f6; padding: 5px; height: 10em; overflow: auto; } .checkout-agreements .agree { padding: 6px } /* Centinel */ .centinel { } .centinel .authentication { border: 1px solid #ddd; background: #fff; } .centinel .authentication iframe { width: 99%; height: 400px; background: transparent !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* Generic Info Set */ .info-set { } /********** Common Checkout Styles > */ /* One Page Checkout */ .checkout-onepage-index { } .checkout-onepage-index .headerBottomheaderBottom { } .checkout-onepage-index .bxTopMeta { width: 960px } .checkout-onepage-index .bxTopMeta .noOne { width: 360px } .checkout-onepage-index .bxTopMeta .noOne .txt { line-height: 25px; padding: 10px 0 0; } .checkout-onepage-index .bxTopMeta .noOne .txt br { display: none } .checkout-onepage-index .bxTopMeta .it.trust { width: 275px; padding-left: 20px; padding-top: 15px; } .checkout-onepage-index .bxTopMeta .it.trust .txt { display: none!important } .checkout-onepage-index .bxTopMeta .it.trust .ico { display: inline-block } .checkout-onepage-index .bxTopMeta .it.service { padding-left: 75px ; padding-right: 0 ; padding-top: 10px; width: 325px; } .checkout-onepage-index .bxTopMeta .it.service .txt { display: inline-block; margin-right: 10px; } .checkout-onepage-index .bxTopMeta .it.service .nb { display: inline-block; padding-top: 5px; } .checkout-onepage-index .itRecherche { display: none } .checkout-onepage-index .itTopCart { display: none } .checkout-onepage-index .header .baseline { width: 650px; text-align: right; padding-right: 0; } .block-progress { font-family: 'Lato',sans-serif } .block-progress .block-title { font-size: 12px; color: #000000; text-transform: uppercase; padding: 10px 0 0 20px; border-bottom: none; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/bg-ga-right.png") no-repeat right top #f7f7f7; height: 48px; font-family: 'lato', sans-serif; font-weight: normal; margin-bottom: 40px; position: relative; } .block-progress .block-title:before { width: 100%; height: 1px; content: ""; position: absolute; left: 0; bottom: -2px; border-bottom: 1px solid #aaaaaa; } .block-progress .block-title:after { width: 220px; height: 15px; content: ""; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/sd-title-left.png") no-repeat; left: 0; bottom: -18px; position: absolute; } .block-progress .block-title strong { font-weight: normal; font-size: 11px; position: absolute; top: 50%; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); } .block-progress .block-title .arrowTitle:after { border-left: 7px solid rgba(0, 0, 0, 0); border-right: 7px solid rgba(0, 0, 0, 0); border-top: 7px solid #AAAAAA; bottom: -9px; content: ""; left: 20px; position: absolute; } .block-progress dt { border-bottom: medium none; color: #000000; font-size: 12px; font-weight: 900; opacity: 0.5; padding-bottom: 20px; text-transform: uppercase; line-height: 20px; } .block-progress dt.complete, .block-progress dd.complete { color: #000000; opacity: 1; } .block-progress .block-content dl > div { border-bottom: 1px dotted #cdcdcd; position: relative; padding-top: 19px; } .block-progress .block-content dl > div:after { width: 230px; height: 30px; content: ""; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/shadow-prc.png") no-repeat; position: absolute; bottom: -32px; left: 0; } .block-progress .block-content dl dd { } .block-progress address { padding: 0 10px; font-size: 11px; font-family: arial,sans-serif; padding-bottom: 20px; } .listProductCheckout { padding-bottom: 5px; border-bottom: 1px dotted #cdcdcd; position: relative; } .listProductCheckout:after { width: 220px; height: 30px; content: ""; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/shadow-prc.png") no-repeat; position: absolute; bottom: -32px; left: 0; } .listProductCheckout .title { color: #000000; font-size: 12px; text-transform: uppercase; font-weight: 900; line-height: 15px; padding-bottom: 15px; } .listProductCheckout .listPC { padding: 0 10px } .listProductCheckout .boxList { overflow: hidden; margin-bottom: 20px; } .listProductCheckout .boxList .itImg { float: left; margin-right: 10px; width: 45px; } .listProductCheckout .boxList .itImg img { border: 1px solid #b0b0b0 } .listProductCheckout .boxList .txtInfo { float: left; width: 150px; } .listProductCheckout .boxList .txtInfo .itCt .pdName { font-size: 11px; color: #000000; text-transform: uppercase; font-weight: bold; } .listProductCheckout .boxList .txtInfo .itCt p { color: #000000; font: 10px/11px arial,sans-serif; : ; } .listProductCheckout .boxList .txtInfo .price-box { width: auto; padding: 0; margin: 0; border: none; text-align: left; } .listProductCheckout .boxList .txtInfo .price-box span { font-size: 12px; color: #b4a17a; font-family: 'Lato',sans-serif; font-weight: 900; } .listProductCheckout .boxList .txtInfo .txtSku { font-size: 9px; color: #3d3d3d; font-family: Arial, sans-serif; } .monTant { border-bottom: 1px dotted #cdcdcd; padding-bottom: 25px; position: relative; } .monTant:after { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/shadow-prc.png") no-repeat; bottom: -32px; content: ""; height: 30px; left: 0; position: absolute; width: 230px; } .monTant .title { color: #000000; text-transform: uppercase; font-weight: 900; padding-bottom: 5px; margin-top: 20px; font-size: 12px; line-height: 20px; } .monTant .txtMontant p { background: none repeat scroll 0 0 #F0F0F0; color: #000000; font-family: Arial,sans-serif; font-size: 12px; font-weight: bold; height: 25px; padding-left: 25px; padding-top: 5px; position: relative; } .monTant .txtMontant p:after { content: ""; position: absolute; width: 4px; height: 7px; background: url('https://www.cresus.fr/skin/frontend/default/cresus/images/arr-right.png') no-repeat; left: 10px; top: 10px; } #shipping_method-progress-opcheckout dd { margin-bottom: 25px; background: none repeat scroll 0 0 #f7f7f7; color: #000000; font-family: Arial,sans-serif; font-size: 11px; font-weight: bold; padding-left: 25px; padding-top: 5px; position: relative; padding-bottom: 5px;} #shipping_method-progress-opcheckout dd:after { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/arr-right.png") no-repeat; content: ""; height: 7px; left: 10px; position: absolute; top: 9px; width: 4px; } #payment-progress-opcheckout dd { margin-bottom: 25px; background: none repeat scroll 0 0 #f7f7f7; color: #000000; font-family: Arial,sans-serif; font-size: 11px; font-weight: bold; padding-left: 25px; padding-top: 5px; position: relative; padding-bottom: 5px; } #payment-progress-opcheckout dd:after { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/arr-right.png") no-repeat; content: ""; height: 7px; left: 10px; position: absolute; top: 8px; width: 4px; } .opc { border-bottom: 1px solid #ddd; position: relative; margin-bottom: 20px; } .opc li.section { border-bottom: 1px solid #000; margin-bottom: 2px; } .opc .buttons-set.disabled button.button { display: none } .opc .buttons-set .please-wait { height: 21px; line-height: 21px; } .opc .step-title { background-color: #565656; padding: 0 5px; text-align: right; font: 600 15px/20px lato,sans-serif; color: #818181; text-transform: uppercase; padding: 10px 20px; padding-bottom: 6px; overflow: hidden; margin-bottom: 1px; } .opc .step-title .number { float: left; line-height: 20px; margin-right: 10px; } .opc .step-title .number:after { content: '.' } .opc .step-title h2 { float: left; font: 600 12px/20px lato,sans-serif; letter-spacing: 1.5px } .opc .step-title a { /* display: none; */ float:right; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/arrCheckOutTitle.png) 0 0 no-repeat; text-indent: -999em; width: 20px; height: 20px; overflow: hidden; display: block; text-align: left; } .opc .allow .step-title { cursor: pointer; padding-top: 15px; padding-bottom: 13px; margin-bottom: 1px; } .opc .allow .step-title h2 { font-size: 15px; line-height: 20px; } /*.opc .allow .step-title a { display:block; } _*/ .opc .active { } .opc .active .step-title { cursor: default; color: #fff; padding-top: 15px; padding-bottom: 13px; margin-bottom: 1px; } .opc .active .step-title a { background-position: 0 100% } /*.opc .active .step-title a { display:none; } _*/ .opc .step { border-top: 1px solid #000; padding: 20px 20px; position: relative; background: #f7f7f7; } .opc .step .tool-tip { right: 10px } .opc .order-review { } .opc .order-review .authentication { } .opc .order-review .warning-message { } .opc .form-list { padding-left: 15px; padding-right: 15px; } .opc .form-list li { /* overflow: hidden; */ margin-bottom: 0; } .opc .form-list label { padding-left: 0; background: none; text-transform: none; font: normal 13px/15px lato,sans-serif; } .opc .form-list li.control { margin: 10px 0 0 } .opc .form-list li.control input { float: left } .opc button.button span span { font: normal 13px/20px lato,sans-serif; position: relative; margin-right: 10px; } .opc button.button span span:before { content: ""; position: absolute; right: 15px; top: 50%; margin-top: -3px; border: 5px solid transparent; border-top: 5px solid #fff; } .opc .buttons-set { padding: 10px 0; border-top: 1px solid #cdcdcd; margin: 20px 0 0; } .opc .buttons-set button.button { margin: 10px 0 } .opc .step .topInFieldSet { margin-left: -15px; margin-right: -15px; margin-top: -10px; } .opc .step .topInFieldSet .msg { margin: 10px auto 20px; font-size: 14px; line-height: 15px; } .opc .step .topInFieldSet .input-box { width: 460px } .opc .step .topInFieldSet .input-box select { width: 460px } .opc .step .expandTopFieldSet { margin-left: -15px; margin-right: -15px; border-top: 1px solid #cdcdcd; padding: 15px 0; } .opc .step .expandTopFieldSet .msg { font: 400 14px/20px lato,sans-serif } .opc .step .expandTopFieldSet .msg b { display: block } .opc .step .expandTopFieldSet .msg i { display: block; color: #4b4b4b; font-size: 9px; line-height: 10px; } /*checkout-steps: login */ #checkout-step-login .col2-set .col-1, #checkout-step-login .col2-set .col-2 { float: none; width: auto; margin-top: 0; } #checkout-step-login h3 { margin: 20px 0 20px; /* font-weight: normal; */ text-transform: uppercase; /* font-size: 14px; */ font: normal 16px/20px lato,sans-serif; ; ; ; ; } #checkout-step-login h4 { font-weight: normal } #checkout-step-login .form-list { padding-left: 0; padding-right: 0; } #checkout-step-login .form-list li { margin-top: 10px } /* Multiple Addresses Checkout */ .checkout-progress { padding: 0 50px; margin: 10px 0; } .checkout-progress li { float: left; width: 20%; border-top: 5px solid #ccc; text-align: center; color: #ccc; } .checkout-progress li.active { border-top-color: #000; color: #000; } .multiple-checkout { position: relative } .multiple-checkout .tool-tip { top: 50%; margin-top: -120px; right: 10px; } .multiple-checkout .grand-total { font-size: 1.5em; text-align: right; } .multiple-checkout .grand-total big { } .multiple-checkout .grand-total .price { } /*checkout step: confirmation*/ #opc-sutunam-order-confirmation{} #opc-sutunam-order-confirmation a{text-decoration:underline;color: #737373;font-size: 11px;} #opc-sutunam-order-confirmation a:hover{text-decoration:none} #opc-sutunam-order-confirmation .step{font: 12px/15px lato,sans-serif;padding-left: 60px;padding-right: 60px;} #opc-sutunam-order-confirmation .votreCommande{ font: 13px/20px lato,sans-serif; position:relative; margin: 20px auto 30px; padding-left: 40px; margin-left: -40px; } #opc-sutunam-order-confirmation .votreCommande:before{ content: ''; position: absolute; left: 0px; top: -5px; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/iconOkay.png) 0 0 no-repeat; height: 35px; width: 35px; } #opc-sutunam-order-confirmation .votreCommande .txt{ font-weight: 800; } #opc-sutunam-order-confirmation .ct{ padding: 0; margin: 0 auto 10px; } #opc-sutunam-order-confirmation hr{ border-top: 1px dotted #dadada; margin: 0 -40px; } #opc-sutunam-order-confirmation .print{position:relative;min-height: 20px;padding-left: 25px;} #opc-sutunam-order-confirmation .print:before{content:"";background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/icoPrint.png) 0 0 no-repeat;width: 16px;height: 16px;position: absolute;left: 0;top: 0;} #opc-sutunam-order-confirmation .retour{ margin: 10px auto 0; } #opc-sutunam-order-confirmation .retour:before{content:'<<';color: #a89772;} #opc-sutunam-order-confirmation .retour a{ color: #a89772; } /* Checkout Col Right Onpage TienTo*/ .blockBoxCO .block-title { font-size: 11px; color: #000000; text-transform: uppercase; padding: 10px 0 0 20px; border-bottom: none; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/bg-ga-right.png") no-repeat right top #f7f7f7; height: 48px; font-family: 'lato', sans-serif; font-weight: normal; margin-bottom: 40px; position: relative; } .blockBoxCO .block-title strong { font-weight: normal; font-size: 11px; position: absolute; top: 50%; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); } .blockBoxCO .block-title:before { width: 100%; height: 1px; content: ""; position: absolute; left: 0; bottom: -2px; border-bottom: 1px solid #aaaaaa; } .blockBoxCO .block-title:after { width: 230px; height: 15px; content: ""; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/sd-title-right.png") no-repeat; left: 0; bottom: -18px; position: absolute; } .sidebarRight { padding: 0 20px; margin-bottom: 20px; font-family: 'lato', sans-serif; } .contentBlockRight { } .sidebarRight .txtBox { margin-bottom: 20px } .sidebarRight .txtBox .bxLine { border-bottom: 1px solid #dfd2b6 } .sidebarRight ul { margin-bottom: 5px; font-size: 12px; } .sidebarRight .title { font-size: 12px; line-height: 15px; color: #000000; text-transform: uppercase; font-family: 'lato', sans-serif; font-weight: 900; border-bottom: 1px solid #dfd2b6; padding-bottom: 4px; margin-bottom: 10px; padding-top: 5px; } .sidebarRight .txtList { line-height: 15px; position: relative; margin-bottom: 5px; } .sidebarRight .txtList:after { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/icon-disc-small.png") no-repeat scroll left 0 rgba(0, 0, 0, 0); content: ""; height: 12px; left: 0; position: absolute; top: 5px; width: 6px; } .sidebarRight .txtList span { margin-left: 15px; font-size: 12px; } .sidebarRight .txtList strong { text-transform: uppercase; font-size: 12px; font-weight: bold; font-family: 'lato', sans-serif; } .sidebarRight .iconCc { line-height: 20px; margin-bottom: 25px; } .sidebarRight .iconCc img {max-width: none;} .sidebarRight .iconShipSelect span { display: inline-block } .sidebarRight .txtQt { color: #ae904a; margin-bottom: 10px; } .sidebarRight p { margin-bottom: 10px } .txtBoxContact { border: 1px solid #dfd2b6; padding: 4px; } .txtBoxContact p { font-family: 'lato', sans-serif; font-weight: bold; margin-bottom: 0px; } .txtBoxContact p.txtName { font-size: 12px; text-transform: uppercase; } .txtBoxContact p.txtPhone { font-size: 13px } .txtBoxContact p.txtMail { font-size: 12px } .txtBoxContact .txtboxCtIner { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/icon-add.png") no-repeat scroll 5px 7px #F7F7F7; min-height: 90px; padding: 15px 10px 0px 40px; line-height: 20px; } .txtBoxContact { } .iconShipSelect span { margin-right: 5px } .sidebarRight .txtBox .bxLine { border-bottom: 1px solid #dfd2b6; padding-bottom: 5px; margin-bottom: 10px; } /* Agreement */ .table-verification .txtGarantie { color: #ae904a; font-style: italic; font-weight: bold;} .agreement-content {display: none;text-align: left;} .itTermAgree .styleCheckbox > b, .itTermAgree .styleCheckbox > a{ vertical-align: middle; font-size: 11px;} /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login { } .account-login .col2-set{margin-top: 30px} .account-login .col2-set .col-1 , .account-login .col2-set .col-2 { width: 465px } .account-login .new-users { } .account-login .new-users h2 { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/bg-new-users-title.jpg") no-repeat; height: 48px; line-height: 48px; font-size: 15px; color: #ffffff; text-transform: uppercase; font-family: Lato,sans-serif; position: relative; padding: 0 20px; margin-bottom: 30px; } .account-login .new-users .content { background: #f4f2f2 } .account-login .new-users .content p { color: #4B4B4B; font-size: 12px; height: 137px; letter-spacing: 1px; overflow: hidden; padding-top: 10px; } .account-login .registered-users { } .account-login .registered-users h2 { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/bg-registered-title.jpg") no-repeat; height: 48px; line-height: 48px; font-size: 15px; color: #ffffff; text-transform: uppercase; font-family: Lato,sans-serif; position: relative; padding: 0 20px; margin-bottom: 30px; } .account-login .registered-users h2:after, .account-login .new-users h2:after { content: ""; width: 100%; height: 25px; position: absolute; bottom: -25px; left: 0; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/line-shadow-bot.png") no-repeat center 0; } .account-login .registered-users h2 span, .account-login .new-users h2 span { display: block; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/arrow-title-register.png") no-repeat left center; padding-left: 20px; font-weight: bold; letter-spacing: 2px; } .account-login .registered-users .content { background: #e5e5e5 } .account-login .registered-users .form-list li { margin-bottom: 20px } .account-login .registered-users .form-list .input-box { width: 100% } .account-login .registered-users .form-list input.input-text { height: 40px; padding-left: 20px; } .account-login .registered-users .l-fg { padding-left: 20px } .account-login .registered-users .l-fg a { font-size: 11px; color: #8e8e8e; font-family: arial, sans-serif; text-decoration: underline; } .account-login .boxContent { padding: 0 20px 10px 20px } .account-login .boxContent .buttons-set { border-top: 1px dotted #818181; padding-top: 20px; margin-top: 20px; } .account-login .buttons-set .f-left { font-size: 11px; color: #8e8e8e; font-family: arial, sans-serif; text-decoration: underline; } .account-create { } .account-create .fieldset { margin-bottom: 15px } .account-create .fieldset .legend { font: bold 12px/15px arial,sans-serif; color: #000; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px dotted #818181; padding: 0 20px 20px; margin-bottom: 20px; } .account-create .top { color: #4b4b4b; font-size: 12px; line-height: 15px; margin: 30px auto; padding: 0 20px; letter-spacing: 1px; } .account-create .form-list li { margin-bottom: 0 } .account-create .form-list input.input-text { height: 40px; padding-left: 20px; padding-right: 20px; letter-spacing: 1px; } .account-create .txtRegMail { margin-bottom: 30px; padding: 0 20px; } .account-create .txtRegMail p { font-family: arial, sans-serif; font-size: 9px; color: #818181; padding-left: 15px; } .account-create .txtRegMail label.styleCheckbox { margin-bottom: 10px } .account-create .txtRegMail label.styleCheckbox.small i { color: #4b4b4b; font-size: 12px; font-family: arial, sans-serif; letter-spacing: 1px; } .account-create .txtRegMail label.styleCheckbox.small input[type="checkbox"] + span { position: relative; top: 3px; } .account-create .box-radio{padding-left: 20px} .box-radio { overflow: hidden; height: auto; padding: 10px 0; } .box-radio label.styleRadio { background: none; margin: 0 15px 0 0; padding: 0; text-transform: none; font-weight: normal; cursor: pointer; } .box-radio label.styleRadio i { color: #4b4b4b; margin-left: 5px; font: 12px/20px arial, sans-serif; } .box-radio .label { float: left; color: #4b4b4b; margin-right: 20px; font: 12px/20px arial,sans-serif} .account-create .form-list { padding: 0 20px; margin: auto} .account-create .buttons-set button.button { margin-right: 20px} .account-create .form-list.bxGender { margin-top: 0 } .account-create .form-list.bxGender .field { margin-bottom: 10px } .account-create .form-list .field.name-prefix {margin-bottom: 20px;} .account-create .form-list select { padding: 5px 15px } .customer-account-forgotpassword .page-title { margin-bottom: 25px; padding: 0 0 20px; } .customer-account-forgotpassword .page-title h1 { padding-top: 20px } .wrapForgotpassword { } .wrapForgotpassword .legend { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/bgForTitle.png") no-repeat right center #565656; height: 48px; position: relative; color: #FFFFFF; font-family: Lato,sans-serif; font-size: 15px; height: 48px; line-height: 48px; margin-bottom: 30px; padding: 0 20px; text-transform: uppercase; } .wrapForgotpassword .legend span { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/arrow-title-register.png") no-repeat scroll left center rgba(0, 0, 0, 0); display: block; font-weight: bold; letter-spacing: 2px; padding-left: 20px; } .wrapForgotpassword .legend:after { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/lineUnderNav.png") no-repeat scroll center 0 rgba(0, 0, 0, 0); bottom: -25px; content: ""; height: 25px; left: 0; position: absolute; width: 100%; } .wrapForgotpasswordp p { font-size: 12px; color: #4b4b4b; font-family: arial, sans-serif; } .wrapForgotpasswordp .form-list .input-box { width: 425px } .wrapForgotpassword .buttons-set .back-link { float: left } /* Account Login/Create Pages ============================================================ */ /* Captcha */ .captcha-note { } .captcha-image { float: left; position: relative; } .captcha-img { border: 1px solid #ccc } .registered-users .captcha-image { } #checkout-step-login .captcha-image { } .captcha-reload { position: absolute; top: 2px; right: 2px; } .captcha-reload.refreshing { animation: rotate 1.5s infinite linear; -webkit-animation: rotate 1.5s infinite linear; -moz-animation: rotate 1.5s infinite linear; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate() } 0% { -webkit-transform: rotate(-360deg) } } @-moz-keyframes rotate { 0% { -moz-transform: rotate() } 0% { -moz-transform: rotate(-360deg) } } @keyframes rotate { 0% { transform: rotate() } 0% { transform: rotate(-360deg) } } /* Remember Me Popup ===================================================================== */ .window-overlay { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/window_overlay.png) repeat; background: rgba(0, 0, 0, 0.35); position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 990; } .remember-me label { } .remember-me-popup { } .remember-me-popup h3 { } .remember-me-popup .remember-me-popup-head { } .remember-me-popup .remember-me-popup-head .remember-me-popup-close { } .remember-me-popup .remember-me-popup-body { } .remember-me-popup .remember-me-popup-body a { } /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float: none; margin: 0; } /********** < Dashboard */ .dashboard { } .dashboard .welcome-msg { } /* Block: Recent Orders */ .dashboard .box-recent { margin: 10px 0 } /* Block: Account Information */ .dashboard .box-info { } /* Block: Reviews */ .dashboard .box-reviews .number { float: left; font-size: 10px; font-weight: bold; line-height: 1; color: #fff; margin: 3px -20px 0 0; padding: 2px 3px; background: #ddd; } .dashboard .box-reviews .details { margin-left: 20px } /* Block: Tags */ .dashboard .box-tags .number { float: left; font-size: 10px; font-weight: bold; line-height: 1; color: #fff; margin: 3px -20px 0 0; padding: 2px 3px; background: #ddd; } .dashboard .box-tags .details { margin-left: 20px } /********** Dashboard > */ /* Address Book */ .addresses-list { } .addresses-list-additional li.item { } /* Order View */ .order-info { border: 1px solid #ddd; padding: 5px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display: inline } .order-info dt { font-weight: bold } .order-date { margin: 10px 0 } .order-info-box { } .order-items { width: 100%; overflow-x: auto; } .order-additional { margin: 15px 0 } .table-caption {margin-bottom: 20px;} .myOrderTable { padding: 0 5px; } .myOrderTable .data-table .cart-price {border: none;} /* Order Gift Message */ .gift-message dt strong { color: #666 } .gift-message dd { font-size: 13px; margin: 5px 0 0; } /* Order Comments */ .order-about dt { font-weight: bold } .order-about dd { font-size: 13px; margin: 0 0 7px; } .tracking-table { margin: 0 0 15px } .tracking-table th { font-weight: bold; white-space: nowrap; } .tracking-table-popup { width: 100% } .tracking-table-popup th { font-weight: bold; white-space: nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding: 1px 8px } /* Order Print Pages */ .page-print .print-head { } .page-print .print-head img { float: left } .page-print .print-head address { float: left; margin-left: 15px; } /* Price Rewrites */ .page-print .gift-message-link { display: none } .page-print .price-excl-tax, .page-print .price-incl-tax { display: block; white-space: nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display: inline } /* My Reviews */ .product-review .product-img-box { float: left; width: 140px; } .product-review .product-img-box .product-image { display: block; width: 125px; height: 125px; } .product-review .product-img-box .label { font-size: 11px; margin: 0 0 3px; } .product-review .product-img-box .ratings .rating-box { float: none; display: block; margin: 0 0 3px; } .product-review .product-details { margin-left: 150px } .product-review .product-name { font-size: 16px; font-weight: bold; margin: 0 0 10px; } .product-review h3 { } .product-review .ratings-table { margin: 0 0 10px } .product-review dt { font-weight: bold } .product-review dd { font-size: 13px; margin: 5px 0 0; } /* Custom My Account */ .cresus-account-pages .col-left { width: 230px; padding: 0; margin-right: 0; } .cresus-account-pages .col-main { width: 730px; padding-left: 20px; } .cresus-account-pages .block-content { padding: 0 15px } .cresus-account-pages .block { margin-bottom: 20px } .cresus-account-pages .page-title { border-bottom: 1px dotted #818181; margin-bottom: 30px; padding: 10px 0; margin-top: 0; position: relative; } .cresus-account-pages .title { margin-bottom: 10px } .cresus-account-pages .welcome-msg { margin-bottom: 10px } .cresus-account-pages .welcome-msg .hello { margin-bottom: 20px } .cresus-account-pages .box-account .box-head { margin-bottom: 20px } .cresus-account-pages .data-table { margin-bottom: 20px; font-size: 12px; } .cresus-account-pages .data-table td { padding: 15px 10px } .cresus-account-pages .data-table tr.first td { padding-top: 15px } .cresus-account-pages .pager { margin-bottom: 20px } .cresus-account-pages .pager .amount { color: #000000; font-size: 11px; font-weight: normal; text-transform: uppercase; font-family: 'lato', sans-serif; letter-spacing: 1px; margin-right: 20px; } .cresus-account-pages .pager .limiter label {float: left;} .cresus-account-pages .pager .limiter { color: #000000; font-size: 11px; font-weight: normal; text-transform: uppercase; font-family: 'lato', sans-serif; } .cresus-account-pages .pager .limiter .custom-select.lmSelect { float: left;margin: 0 5px;position: relative;top: -8px;width: 60px;} .cresus-account-pages .pager .limiter select { position: relative;} .cresus-account-pages .box-account .box-head h2 { text-transform: uppercase } .cresus-account-pages .box-account .box { margin-bottom: 10px } .cresus-account-pages .box-account .box-title { margin-bottom: 10px } .cresus-account-pages .box-account .box-content { } .cresus-account-pages .box-account .box-content h4 { margin-bottom: 10px } .cresus-account-pages .box-account .box-content address { margin-bottom: 10px } .cresus-account-pages .box-account.box-info { margin-bottom: 20px } .cresus-account-pages .box-account.box-info h3 { margin-bottom: 10px } .cresus-account-pages .box-account.box-info .col2-set { padding-bottom: 25px; } .cresus-account-pages .addresses-list h2 { text-transform: uppercase; margin-bottom: 10px; font-size: 15px; letter-spacing: 1px; } .cresus-account-pages .addresses-list h3 { margin-bottom: 10px } .cresus-account-pages .addresses-list .item { margin-bottom: 10px } .cresus-account-pages .addresses-list address { margin-bottom: 10px } .cresus-account-pages .control label { background: none; display: inline-block; color: #000000; font-size: 13px; text-transform: none; padding: 0; line-height: 20px; } .cresus-account-pages .form-list .customer-name-prefix .name-firstname, .cresus-account-pages .form-list .customer-name-middlename .name-firstname { margin: 0 15px } .cresus-account-pages .form-list .input-box-select.big select { height: 30px; padding-top: 5px; padding-right: 0; } .cresus-account-pages .form-list .name-prefix { width: auto;float: none;margin-bottom: 10px;} .cresus-account-pages .form-list .name-prefix select { width: 90px } .cresus-account-pages .my-wishlist textarea { width: 100%; padding: 10px; } .cresus-account-pages .my-wishlist .product-name { margin-bottom: 10px } .cresus-account-pages .my-wishlist .cart-cell { width: 205px } .cresus-account-pages .my-wishlist .cart-cell a:hover { text-decoration: underline } .cresus-account-pages .my-wishlist .cart-cell .add-to-cart-alt button.button span span { display: block; font: bold 12px/20px lato,sans-serif; letter-spacing: 1px; min-width: 100%; padding: 5px 10px; text-align: center; text-transform: uppercase; white-space: nowrap; } .cresus-account-pages .my-wishlist .cart-cell .add-to-cart-alt .input-text { height: 30px; padding: 5px 10px; text-align: center; vertical-align: top; width: 40px; } .cresus-account-pages .my-wishlist .cart-cell .price-box { border-top: medium none; color: #555; font-family: Heuristica-Regular,sans-serif; font-size: 11px; height: 25px; margin: 0; padding: 0; text-align: left; width: auto; } .cresus-account-pages .my-wishlist .cart-cell .price-box .regular-price .price { color: #000; display: inline-block; font-size: 16px; } .cresus-account-pages .my-wishlist .buttons-set button.button { margin-left: 10px } .cresus-account-pages .my-wishlist td.last {vertical-align: middle;} .cresus-account-pages .sorter-pager { margin: 5px 0 20px; } .cresus-account-pages .sorter-pager .navPager { float: right } .cresus-account-pages .sorter-pager div.text { position: relative; top: 2px; } .cresus-account-pages .sorter-pager .custom-select.lmSelect { float: left;margin: 0 5px;position: relative;top: -8px;width: 60px;} div.sorter-pager div.entries > span {float: left;} .cresus-account-pages .alert-listing-table { margin-bottom: 30px; } .cresus-account-pages .alert-listing-table .alert_toggle_link { color:#000; } .cresus-account-pages .alert-listing-table .alert_toggle_link:hover { text-decoration: underline; } .customer-alert-index h2 { margin-bottom: 10px } .auguria-sponsorship-points-accumulated .points { margin-bottom: 10px } .auguria-sponsorship-points-accumulated .validity { margin-bottom: 10px } .auguria-sponsorship-points-accumulated .data-table { margin-top: 10px } .cresus-account-pages { font-family: 'Lato',sans-serif } .cresus-account-pages .block-title { font-size: 12px; color: #000000; text-transform: uppercase; padding: 10px 0 0 20px; border-bottom: none; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/bg-ga.png") no-repeat right top #f7f7f7; height: 48px; font-family: 'lato', sans-serif; font-weight: normal; margin-bottom: 40px; position: relative; } .cresus-account-pages .block-title:before { width: 100%; height: 1px; content: ""; position: absolute; left: 0; bottom: -2px; border-bottom: 1px solid #aaaaaa; } .cresus-account-pages .block-title:after { width: 100%; height: 15px; content: ""; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/sd-title-left.png") no-repeat; left: 0; bottom: -18px; position: absolute; } .cresus-account-pages .block-title strong { font-weight: normal; font-size: 11px; position: absolute; top: 50%; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); } .cresus-account-pages .block-title .arrowTitle:after { border-left: 7px solid rgba(0, 0, 0, 0); border-right: 7px solid rgba(0, 0, 0, 0); border-top: 7px solid #AAAAAA; bottom: -9px; content: ""; left: 20px; position: absolute; } .cresus-account-pages .block-account .block-content ul li { margin-bottom: 1px; border-bottom: 1px dotted #cdcdcd; position: relative; padding-top: 14px; padding-bottom: 15px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/shadow-prc.png") no-repeat; letter-spacing: 1px; padding-left: 10px; text-transform: uppercase; } .cresus-account-pages .block-account .block-content ul li:first-child { background: none; padding-top: 0; } .cresus-account-pages .block-account .block-content ul li a { color: #000; font-size: 12px; font-weight: 900; opacity: 0.5; text-transform: uppercase; line-height: 20px; } .cresus-account-pages .block-account .block-content ul li a:hover { opacity: 1 } .cresus-account-pages .box-account a:hover { text-decoration: underline } .cresus-account-pages .info-account-edit {margin-bottom: 30px;} .cresus-account-pages .info-account-edit .customer-name-prefix .label { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconlabel.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);color: #000000;font: bold 13px/15px lato,sans-serif ;display: block;float: none;margin-bottom: 5px;padding-left: 20px;position: relative;text-transform: uppercase;} .cresus-account-pages .personal-standards { } .cresus-account-pages .personal-standards p{margin-bottom: 20px;} .cresus-account-pages .personal-standards .form-list .field {float: none;} .cresus-account-pages .book-bootom {overflow: hidden;} .cresus-account-pages .book-bootom .back-link { float: left;margin-left: 35px;margin-top: 10px;} .cresus-account-pages .book-bootom .button {float: right;margin-bottom: 0;margin-top: 0;} .cresus-account-pages .bxSponsorship .form-list .fields { width: auto;} .cresus-account-pages .bxSponsorship .form-list .field { float: none; width: 400px;} .cresus-account-pages .bxSponsorship .fieldset .legend {color: #000000;font-family: 'lato',sans-serif;font-size: 13px;font-weight: normal;line-height: 15px;margin-top: 10px;padding-bottom: 5px;text-transform: none;} .cresus-account-pages .bxSponsorship .form-list textarea { color: #4b4b4b;font-size: 12px;height: 150px;max-width: 100%;padding: 10px 10px;width: 100%;} .cresus-account-pages .change-coupon {} .cresus-account-pages .change-coupon ul {} .cresus-account-pages .change-coupon ul li {background: none; padding-left: 0} .cresus-account-pages .boxList { overflow: hidden; margin-bottom: 20px; } .cresus-account-pages .boxList .itImg { float: left; margin-right: 10px; width: 54px; } .cresus-account-pages .boxList .itImg img { border: 1px solid #b0b0b0 } .cresus-account-pages .boxList .txtInfo { width: 150px; float: left; } .cresus-account-pages .boxList .txtInfo .itCt .pdName { font-size: 11px; color: #000000; text-transform: uppercase; font-weight: bold; } .cresus-account-pages .boxList .txtInfo .itCt p { color: #000000; font: 10px/11px arial,sans-serif; : ; } .cresus-account-pages .boxList .txtInfo .price-box { width: auto; padding: 0; margin: 0; border: none; text-align: left; } .cresus-account-pages .boxList .txtInfo .price-box span { font-size: 12px; color: #b4a17a; font-family: 'Lato',sans-serif; font-weight: 900; } .cresus-account-pages .boxList .txtInfo .txtSku { font-size: 9px; color: #3d3d3d; font-family: Arial, sans-serif; } /* ======================================================================================= */ /* Hover ================================================================================ */ .mdLandingBottom .itCt li a:hover, .mdNews .viewAll:hover, .mdLesMarques .viewAll:hover, .mdTestimonials .mdTt .viewAll:hover, .bottomLinks .itCt li a:hover { color: #000 } .mdProductsNew .mdTt .link a:hover, .itTopMyAcc .compteCtn .linkFg:hover { color: #ffffff } .itTopCart .ct .total:hover .tt, .itTopPageLinks .it:hover, .back-link a:hover, .itTermAgree .styleCheckbox > a:hover, button.btn-continue:hover span { text-decoration: underline } .buttons-set button.button:hover, .mdTestimonials .mdTt .navTesti .p:hover, .mdTestimonials .mdTt .navTesti .n:hover, button.button:hover, .gridProductsIt .itExt .act:hover, .boxSortby .v-middle:hover, .boxProductView .boxImgDetail .imgClickZoom:hover, /*.boxProductView .boxImgDetail .imgClick360:hover,*/ .slideWrapperInterm .button a:hover, .mdLinkto h3 a:hover, .boxProductShop .addToBox .boxAlert:hover, .bxLesStylesBt .btLinkCap:hover, .bxLesStylesThumbs .pic:hover img, .bxMetaService .bxIt:hover img { opacity: .8 } .cart .discount .discount-form .boxForm button:hover span { background: #dfdfdf } .mdLangdingBlockInterm .bxBlock1 .bxText .link a:hover, .boxAppear .info a:hover, .mdLangdingBlockInterm .bxBlock2 .bxBlock2Style .link a:hover { text-decoration: none } .gridProductsIt:hover .itExt, .logoFooter:hover { opacity: 1 } .btNaviControl .btIconNv:hover { background-color: #ffffff } .cresus-account-pages .personal-standards a:hover {color: #ae904a;} /* ======================================================================================= */ .linkcat { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/arr_02.png) 0 50% no-repeat; padding: 5px 0; padding-left: 15px; } .linkcat a { color: #797979; text-transform: uppercase; display: block; font: 13px/15px lato,sans-serif; } .linkcat a:hover { color: #000 } .smartList .left { float: left; width: 30%; margin: 10px; } .smartList .left ul li { padding-top: 5px } .smartList .left ul li ul li { padding-left: 25px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/arr-right.png") no-repeat 5px 7px; margin-bottom: 2px; color: #9d8e6f; } .smartList .left .title-type { display: block; color: #000000; text-transform: uppercase; font-weight: bold; font-size: 13px; background: #d3d6db; text-align: center; padding: 5px; font-family: arial,sans-serif; margin-bottom: 10px; } /* Cookie Banner */ .cookiebanner {background: rgba(0, 0, 0, 0.7) !important; padding: 10px !important;} .cookiebanner-inner {color: #ffffff;cursor: default !important;font: 12px/14px 'Lato',sans-serif;margin: 0 auto;max-width: 1000px;} .cookiebanner-inner .cookiebanner-close {background: #151515;border: 2px solid #262626;color: #ffffff;font-size: 10px;line-height: 20px;margin: 0;outline: 1px solid #818181;padding: 0 10px!important;text-transform: uppercase;width: auto;} .cookiebanner-inner .cookiebanner-close:hover {background: #b7a684!important;} .cookiebanner-inner .cookiebanner-link {color: #ffffff;font: 700 12px/14px 'Lato',sans-serif;margin: 0 20px;} button.button-retour{float:left !important;margin-left:0 !important;} .block-extra .boxExtra .boxExShip{min-height: 240px;} .content-layout-2col-left { position: relative; overflow: hidden; } .content-layout-2col-left:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* Zoom 360 */ .product-viewer-360 { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(0,0,0,0); } /* Update for ticket 636 */ .checkout-onepage-index .col2-right-layout .col-right { padding-left: 0; } .checkout-onepage-index .col2-right-layout .block-progress .block-title:after, .checkout-onepage-index .col2-right-layout .listProductCheckout:after, .checkout-onepage-index .col2-right-layout .monTant:after{ background-size: cover; width: 100%; } .checkout-onepage-index .col2-right-layout .block-progress .block-title, .checkout-onepage-index .col2-right-layout .blockBoxCO .block-title { background-size: cover; } .checkout-onepage-index .col2-right-layout .listProductCheckout, .checkout-onepage-index .col2-right-layout .monTant .title { padding-left: 20px; } .checkout-onepage-index .col2-right-layout .listProductCheckout .boxList .txtInfo { width: 130px; } /* Header ================================================================================ */ .headerContainer {margin: 0 auto;width: 1080px; position: relative; z-index: 3;} .header { width: 1080px; padding: 0 60px; margin: auto; text-align: left; background: #fff; min-height: 90px; position: relative; } .header .logo { float: left; width: 310px; padding: 20px 0 10px; } .header .logo a { display: block } .header .baseline { color: #9b9b9b; text-transform: uppercase; font: 300 12px/18px 'lato',sans-serif; float: left; text-align: center; padding: 30px 10px 10px; display: block; width: 420px; letter-spacing: 2px; position: relative; z-index: 30; } .header .baseline:hover { color: #000000 } .itTopLang { width: 95px; border: 1px solid #221a0e; border-width: 0 1px; padding: 10px 0; position: relative; cursor: pointer; z-index: 40; background: #000; } .itTopLang .it { font-size: 10px; text-transform: uppercase; overflow: hidden; padding: 0 0px; margin: 0 10px 0 12px; position: relative; display: none; } .itTopLang.ac .it { display: block } .itTopLang .it a {display: block; overflow: hidden;} .itTopLang .it a:before { content: ''; position: absolute; right: 0; top: 5px; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/itTopLangOption.png) 0 0 no-repeat; width: 10px; height: 10px; } .itTopLang .it.selected a:before { background-position: 0 100% } .itTopLang .it.selected a, .itTopLang .it.label a, .itTopLang .it:hover a { color: #bcbcbc } .itTopLang .it.label { display: block!important } .itTopLang .it.label > a:before {background: none;} .itTopLang.ac .it.label { border-bottom: 1px dashed #8A8686; padding-bottom: 12px; margin-bottom: 10px; } .itTopLang .it.label a:before { display: none } .itTopLang .it b { display: block; float: left; padding: 0 3px; line-height: 20px; } .itTopLang .it .code { } .itTopLang .it .flag { } .itTopLang .it .flag img { display: inline-block; vertical-align: baseline; } .itTopLang .it .cur { } .itTopLang .set { } .itTopLang .arr { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/arr.png) 50% 0 no-repeat; position: absolute; top: 0; right: 0; width: 40px; height: 40px; } .itTopLang:hover .arr { background-position: 50% -40px } .itTopLang.ac .arr { background-position: 50% -80px } .itTopMyAcc { background: #221a0e; float: right; min-width: 115px; border: 1px solid #221a0e; border-width: 0 1px; padding: 10px 0; padding-right: 30px; position: relative; z-index: 40; cursor: pointer; color: #b2b2b2; } .itTopMyAcc.ac { background: #221a0e } .itTopMyAcc .arr { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/arr.png) 50% 0% no-repeat; position: absolute; top: 0; right: 0; width: 40px; height: 40px; } .itTopMyAcc:hover .arr { background-position: 50% -40px } .itTopMyAcc.ac .arr { background-position: 50% -80px } .itTopMyAcc .lb { font-size: 11px; line-height: 20px; padding:0 10px; } .itTopMyAcc .lb a { color: #BCBCBC } .itTopMyAcc .arr { } .itTopCart { float: right; position: absolute; right: 60px; } .itTopCart .ct { display: block; position: relative; width: 230px; min-height: 85px; padding: 0 10px 5px; text-align: center; right: 0px; z-index: 30; } .itTopCart .ct.show { } .itTopCart .ct .total { color: #ae904a; font-size: 13px; line-height: 20px; text-transform: uppercase; } .itTopCart .ct .total .tt { font-family: serif; font-size: 15px; color: #ae904a; } .itTopCart .ct .total .nb { font-weight: bold; font-family: lato,sans-serif; } .itTopCart .ct .textNoProduct { color: #ae904a; font-size: 11px; font-family: 'peronescregular',sans-serif; text-transform: uppercase; margin-left: -10px; margin-right: -10px; } .itTopCart .ct .msg { color: #6e6e6e; font-size: 10px; line-height: 15px; margin: 5px auto 0; } .itTopCart .ct .msg .ico { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/icoRetrait.png) 0 0 no-repeat; width: 10px; height: 10px; display: inline-block; vertical-align: middle; margin: 0 5px 0 0; } .itTopCart .ct .msg .txt { font-family: lato,sans-serif } .itTopCart:before { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/bgshadowCart.png") no-repeat scroll 0 -5px rgba(0, 0, 0, 0); content: ""; height: 40px; position: absolute; right: -60px; top: 0; width: 673px; } .itTopCart .bxCart1 { display: none } .itTopCart .ct { -moz-box-shadow: 0px 1px 20px #cccccc; -webkit-box-shadow: 0px 1px 20px #cccccc; box-shadow: 0px 1px 20px #cccccc; padding-top: 31px; padding-bottom: 15px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/sepCart.png") no-repeat center 10px #ffffff; z-index: 30; position: relative; } .itTopCart .bxListProducts { text-align: left } .itTopCart .bxListProducts ul li { position: relative; border-bottom: 1px dotted #b2b2b2; padding-bottom: 8px; margin-bottom: 10px; overflow: hidden; } .itTopCart .bxListProducts ul li:last-child { margin-bottom: 15px; } .itTopCart .bxListProducts a img { float: left; margin-right: 10px; } .itTopCart .bxListProducts .bxTitle { font-weight: 300; position: relative; top: 1px; } .itTopCart .bxListProducts .bxTitle .bxName { color: #000000; text-transform: uppercase; font-family: 'Lato', sans-serif; font-size: 10px; display: block; } .itTopCart .bxListProducts .bxTitle .bxSKU { color: #000000; font-family: 'Lato', sans-serif; font-size: 11px; display: block; } .itTopCart .bxListProducts .bxPrice { color: #000000; font-size: 11px; font-family: 'Lato', sans-serif; display: block; position: absolute; right: 40px; bottom: 10px; } .itTopCart .bxListProducts .bxDel { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/buttonde-cart-hdl.png") no-repeat 0 0; border: 1px solid #B2B2B2; bottom: 10px; color: #D9D9D9; display: block; font-size: 11px; height: 16px; position: absolute; right: 0; text-align: center; width: 16px; cursor: pointer; line-height: 0; padding-top: 3px; } .itTopCart .bxListProducts .bxDel:hover { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/buttonde-cart-hdl.png") no-repeat 0px -20px } .itTopCart .bxPriceSale { text-align: left; border-bottom: 1px dotted #666666; padding: 12px 0; margin-bottom: 18px; } .itTopCart .bxPriceSale span { color: #666666; font-size: 10px; } .itTopCart .bxPriceSale .bxPriceSaleLeft { width: 60%; float: left; display: block; text-transform: uppercase; } /*.itTopCart .bxPriceSale .bxPriceSaleRight { width: 50%; text-align: right; display: block; }*/ .itTopCart .bxText { padding: 23px 0; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/bgClik.png") no-repeat center top; } .itTopCart .bxText a { font-size: 9px; color: #797979; text-transform: uppercase; text-decoration: underline; } .itTopCart .button { display: none } .itTopCart .button a { font-size: 14px; font-weight: bold; color: #1f1f1f; font-family: 'Lato', sans-serif; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/topPanierbutton.png") repeat-x; height: 33px; line-height: 33px; margin-top: 18px; display: block; } .itTopCart .button.active { display: block } .itTopCart .btClickShowHide { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/buttonArrowDown.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: -22px; cursor: pointer; height: 18px; left: -17px; position: absolute; width: 260px; } .itTopMyAcc .compteCtn { display: none; nowhitespace: afterproperty; nowhitespace: afterproperty; position: absolute; width: 230px; background: #221a0e; z-index: 30; left: 0; top: 40px; box-shadow: 0px 3px 3px #3C3C3C; text-align: left; /* min-height: 300px; */; ; } .itTopMyAcc .compteCtn .inner { padding: 5px 20px 15px } .itTopMyAcc .compteCtn .f { } .itTopMyAcc .compteCtn .input-box { height: 25px; width: 190px; border: 1px solid #7e7a74; margin-bottom: 10px; position: relative; } .itTopMyAcc .compteCtn .input-box .validation-advice { display: none } .itTopMyAcc .compteCtn .input-box:focus { border-color: #d9d9d9 } .itTopMyAcc .compteCtn .input-box:before { content: ''; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/dot_dot.png) 50% 100% no-repeat; position: absolute; left: 0; right: 0; bottom: -5px; height: 1px; } .itTopMyAcc .compteCtn input { width: 100%; height: 100%; font-size: 10px; line-height: 15px; color: #656565; padding: 2px 10px; } .itTopMyAcc .compteCtn .tt { color: #b2b2b2; font-size: 10px; text-transform: uppercase; overflow: hidden; font: bold 10px/15px lato,sans-serif; text-align: left; margin: 10px auto; } .itTopMyAcc .compteCtn .tt .ico { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/i-motor2.png) 50% 50% no-repeat; height: 25px; width: 25px; float: left; } .itTopMyAcc .compteCtn .l { overflow: hidden; padding: 5px 0; } .itTopMyAcc .compteCtn .btn span { color: #fff; height: 23px; padding: 4px 10px; font-size: 10px; line-height: 15px; border-radius: 3px; display: block; text-transform: uppercase; background: #1C1D1E url(https://www.cresus.fr/skin/frontend/default/cresus/images/arr_09.png) 10px 50% no-repeat; padding-left: 20px; } .itTopMyAcc .compteCtn .l.login { border-width: 1px 0; padding: 0; padding: 1px; margin: 15px auto 0; text-align: center; } .itTopMyAcc .compteCtn .btnLogin:hover { background: #fff } .itTopMyAcc .compteCtn .btnLogin { color: #2c2c2c; text-decoration: none; text-transform: uppercase; font-size: 10px; line-height: 15px; display: block; padding: 5px 0; background: #d3d1cf; width: 100%; cursor: pointer; } .itTopMyAcc .compteCtn .btnLogin .ico { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/arr_10.png) 0 50% no-repeat; display: inline-block; width: 7px; height: 15px; vertical-align: top; margin: 0 5px; } .itTopMyAcc .compteCtn .linkFg { color: #656565; font-size: 10px; line-height: 15px; text-align: right; text-decoration: underline; margin: 10px auto; margin-bottom: 20px; display: block; } .itTopMyAcc .compteCtn .linkReg { border: 1px solid #be9e55; border-width: 1px 0; padding: 1px 0; text-align: center; position: relative; } .itTopMyAcc .compteCtn .linkReg a { color: #be9e55; font-size: 10px; line-height: 20px; display: block; text-transform: uppercase; padding: 4px 0; } .itTopMyAcc .compteCtn .linkReg:before { content: ''; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/arrCompte.png) 0 0 no-repeat; width: 21px; height: 11px; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; } .itTopMyAcc .compteCtn .linkReg:hover a { background: #be9e55; color: #221a0e; } .itTopMyAcc .compteCtn .l.links { font-size: 10px; padding: 20px 0 10px; } .itTopMyAcc .compteCtn .l.links a { display: block; color: #d3d3d3; font-size: 10px; line-height: 15px; padding-left: 13px; position: relative; } .itTopMyAcc .compteCtn .l.links a:hover { color: #d3d3d3; text-decoration: underline; } .itTopMyAcc .compteCtn .l.links a:hover:before { background: #d3d3d3 } .itTopMyAcc .compteCtn .l.links a:before { content: ''; position: absolute; background: #7e7a74; left: 0; top: 50%; width: 5px; height: 5px; margin-top: -2px; border-radius: 50%; z-index: 999; } .itTopMyAcc.ac .compteCtn { display: block } .headerBottom { width: 1080px; margin: auto; padding: 0 60px; background: #fff; text-align: left; overflow: hidden; position: relative; } .itRecherche { position: relative; z-index: 20; border: 1px solid #d9d9d9; width: 230px; height: 30px; padding: 5px 10px; margin: 38px 0 20px; } .itRecherche.clicked { border-color: #656565 } .itRecherche.clicked .input::-webkit-input-placeholder { /* WebKit browsers */ color: #000; } .itRecherche.clicked .input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000; opacity: 1; } .itRecherche.clicked .input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000; opacity: 1; } .itRecherche.clicked .input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #000; } .itRecherche:before { content: ''; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/dot_dot.png) 50% 100% no-repeat; padding-bottom: 5px; position: absolute; bottom: -4px; left: 0; width: 100%; } .itRecherche .input { font-size: 10px; line-height: 15px; color: #656565; height: 20px; padding: 2px 0; width: 180px; } .itRecherche button.button { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/itRechercheButton.png) 0 0 no-repeat; width: 36px; height: 26px; position: absolute; right: 1px; top: 1px; text-indent: -999em; background-size: cover;} .itRecherche button.button span { display: none } .itRecherche button.button:hover { background-position: 0 100% } .headerBottom .bxTopMeta { float: left } .headerBottom .itRecherche { float: right } .topPageContainer { background: #000; color: #e6e6e6; position: relative; z-index: 5} .topPage { width: 960px; margin: auto; position: relative; } .topPage .layMain { float: left } .topPage .layAct { position: absolute; top: 0; right: 0; } .topPage .layAct .itTopLang { float: right } .topPage .layAct { } .itTopPageLinks { font-size: 0; padding: 10px 0; padding-left: 20px; position: relative; } .itTopPageLinks:before { content: ''; position: absolute; left: 0; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/icoWatch.png) 0 0 no-repeat; width: 14px; height: 18px; } .itTopPageLinks .it { color: #e6e6e6; padding: 1px 8px; border-left: 1px solid #e6e6e6; display: inline-block; text-transform: uppercase; margin: 2px 0 3px; font: bold 11px/13px lato,sans-serif; } .itTopPageLinks .it:first-child { border: 0 } .bxTopMeta { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/bgTopMeta.png) 0 0px repeat-x; min-height: 75px; width: 720px; overflow: hidden; color: #8c8a8b; font: bold 13px/15px lato,sans-serif; text-transform: uppercase; } .bxTopMeta a { color: #8c8a8b } .bxTopMeta .it { float: left; min-height: 40px; width: 240px; border-left: 1px solid #e3e3e3; margin: 15px auto; padding: 0 20px; position: relative; } .bxTopMeta .it:first-child { border-left: 0 } .bxTopMeta .it .txt { padding: 5px 0 0; font-size: 13px; } .bxTopMeta .it.noOne p.txt a{ font-weight:normal } .bxTopMeta .it.noOne { padding-left: 55px;border: none } .bxTopMeta .it.noOne .ico { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/icoOneSt.png) 0 0 no-repeat; width: 34px; height: 32px; display: block; position: absolute; left: 0; top: 5px; background-size: contain;} .bxTopMeta .it.trust { padding-top: 5px; padding-left: 35px; } .bxTopMeta .it.trust .ico { display: block } .bxTopMeta .it.trust .ico .trustIco { display: inline-block; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/icoTrust.png) 0 0 no-repeat; width: 100px; height: 15px; background-size: contain;} .bxTopMeta .it.trust .ico .trustTxt { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/iconArrowDb.png) no-repeat left center; padding-left: 10px; font-size: 10px; color: #9e8552; font-family: arial, sans-serif; } .bxTopMeta .it.trust .star { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/star-off.png) 0 0 no-repeat; width: 58px; position: relative; height: 9px; display: inline-block; margin-top: 2px; } .bxTopMeta .it.trust .star .startOn { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/star-on.png) 0 0 no-repeat; height: 9px; position: absolute; top: 0; left: 0; } .bxTopMeta .it.trust .txt { font-size: 10px; font-family: arial,sans-serif; font-weight: normal; padding-top: 0; display: inline-block; } .bxTopMeta .it.service { padding-left: 90px } .bxTopMeta .it.service .ico { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/icoPhone.png) 0 0 no-repeat; width: 33px; height: 33px; position: absolute; left: 30px; top: 5px; background-size: contain;} .bxTopMeta .it.service .txt { font-weight: normal } .bxTopMeta .it.service .nb a { color: #ae904a; font-weight: bold; font-size: 14px; } .bxTopMeta .it.service .ico2 { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/icoMail.png) 10px 0 no-repeat; width: 27px; height: 11px; display: inline-block; margin-left: 5px; border-left: 1px solid #d9c7a3; vertical-align: middle; } /*layout class*/ .footerContainer { text-align: left; width: 1080px; margin: auto; padding: 40px 0; } .footer { background: #000000; color: #8b8b8b; font-size: 11px; line-height: 15px; position: relative; z-index: 2; } .bottomContainer { background: #f0f0f0; position: relative; z-index: 2;} .bottom { width: 1080px; padding: 25px 0 20px; margin: auto; overflow: hidden; text-align: left; } .bottomBlockContainer { background: #cfcece; padding-bottom: 1px; position: relative; z-index: 2; } .bottomBlock { width: 960px; margin: auto; text-align: left; overflow: hidden; } .bottomMetaContainer { z-index: 2; background: #505050; background: url('https://www.cresus.fr/skin/frontend/default/cresus/images/bt-bg.svg'); background: -moz-linear-gradient(top, #505050 0%, #1a1a1a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#1a1a1a)); background: -webkit-linear-gradient(top, #505050 0%,#1a1a1a 100%); background: -o-linear-gradient(top, #505050 0%,#1a1a1a 100%); background: -ms-linear-gradient(top, #505050 0%,#1a1a1a 100%); background: linear-gradient(to bottom, #505050 0%,#1a1a1a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#1a1a1a',GradientType=0 ); position: relative; } .bottomMetaContainer:before { content: ''; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/border_dot_yellow.png) 0 0 no-repeat; position: absolute; left: 0; right: 0; top: 4px; height: 1px; } .bottomMetaContainer:after { content: ''; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/border_dot_yellow.png) 0 0 no-repeat; position: absolute; left: 0; right: 0; bottom: 4px; height: 1px; } .bottomMeta { width: 960px; margin: auto; } .logoFooter { opacity: .3; margin: 20px auto; width: 195px; } .logoPresse { opacity: .3; margin: 20px auto; text-align: center; } /* Footer ================================================================================ */ .footer .cresus { float: left; width: 50%; } .footer .sutunam { font-size: 9px; line-height: 20px; float: right; text-align: right; display: block; } .footer .sutunam .ico { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/icoSutunam.png) 0 0 no-repeat; width: 18px; height: 18px; display: inline-block; margin: 0 5px; vertical-align: top; } .footer .sutunam:hover .ico { background-position: 0 100% } .footer .sutunam .txt { } .footer .textContent { clear: both } .footer .textContent p { color: #343434; font-size: 9px; line-height: 10px;font-weight: bold; } .footer .textContent p+p { margin-top: 10px } .footer .textContent p.bold { color: #4f4f4f; text-transform: uppercase; } .bxPicCards { display: block; width: 400px; margin: 20px auto; } .bottomLinks { width: 960px; text-align: left; margin: 20px auto; overflow: hidden; } .bottomLinks .it { float: left; width: 240px; padding-left: 40px; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/sepCol.png) 0 0 no-repeat; } .bottomLinks .it.wide { width: 480px; margin-left: 0; margin-top: 40px; } .bottomLinks .it.wide .itCt { overflow: hidden } .bottomLinks .it.wide li { float: left; width: 200px; padding-left: 40px; } .bottomLinks .it.wide li:nth-child(2n+1) { clear: left; padding-left: 0; } .bottomLinks .it.wide:nth-child(2n+1) li { width: 240px } .bottomLinks .it:nth-child(4n+1) { padding-left: 0; clear: left; background: 0; } .bottomLinks .itTt { color: #151515; text-transform: uppercase; font: bold 14px/20px lato,sans-serif; margin: 10px auto 20px; } .bottomLinks .itCt { font-size: 11px; color: #747474; list-style: disc inside; } .bottomLinks .itCt li { line-height: 15px } .bottomLinks .itCt li a { color: #747474 } /* Custom Footer Tien To */ .mdRejoindez { padding-top: 30px; float: right; width: 470px; } .mdRejoindez .mdTt { overflow: hidden; position: relative; padding: 5px 0 4px; padding-left: 25px; border-bottom: 1px solid #000; padding-right: 20px; } .mdRejoindez .mdTt:before { position: absolute; content: ''; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/icoRejoindre.png) 0 0 no-repeat; width: 18px; height: 18px; left: 0; top: 50%; margin-top: -9px; background-size:contain; } .mdRejoindez .mdTt .txt { color: #151515; font: bold 13px/20px lato,sans-serif; text-transform: uppercase; float: left; margin-right: 10px; } .mdRejoindez .mdCt { padding-top: 15px; overflow: hidden; } .mdRejoindez .mdCt .logo { float: left; width: 60px; } .mdRejoindez .mdCt .fb { float: left; width: 65px; overflow: hidden; margin: 0 5px; } .mdRejoindez .mdCt .banner { float: left; width: 335px; height: 60px; overflow: hidden; } .lstTesti { overflow: hidden } .lstTestiIt { color: #151515; font-size: 11px; line-height: 15px; padding: 10px 0; float: left; } .lstTestiIt .tt { } .lstTestiIt .ct { font-size: 9px; line-height: 10px; margin: 5px auto; } .lstTestiIt .meta { font-size: 9px; text-transform: uppercase; } .starSmall_05 { display: inline-block; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/starSmall_05.png) 0 50% no-repeat; width: 58px; height: 15px; margin: 0 5px; } /* Block: Testimonials ( HOME ) */ .mdTestimonials { width: 470px; float: left; padding-top: 30px; } .mdTestimonials .mdTt { overflow: hidden; position: relative; padding: 5px 0 4px; padding-left: 20px; border-bottom: 1px solid #000; padding-right: 20px; } .mdTestimonials .mdTt:before { content: ''; position: absolute; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/icoClient.png) 0 0 no-repeat; width: 13px; height: 13px; display: block; left: 0; top: 50%; margin-top: -6px; background-size:contain; } .mdTestimonials .mdCt { } .mdTestimonials .mdTt .txt { color: #151515; font: bold 13px/20px lato,sans-serif; text-transform: uppercase; float: left; margin-right: 10px; } .mdTestimonials .mdTt .viewAll { font-size: 9px; color: #4f4f4f; text-decoration: underline; text-transform: uppercase; line-height: 15px; padding-top: 5px; display: block; } .mdTestimonials .mdTt .navTesti { } .mdTestimonials .mdTt .navTesti .p, .mdTestimonials .mdTt .navTesti .n { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/navSlideSmall.png) 0 0 no-repeat; width: 10px; height: 10px; display: block; position: absolute; top: 15px; right: 10px; cursor: pointer; } .mdTestimonials .mdTt .navTesti .n { right: 0; background-position: 100% 0; } /* Block : Service ( HOME ) */ .bxMetaService { overflow: hidden } .bxMetaService .bxIt { width: 16.666666%; float: left; padding: 15px 0 5px; position: relative } .bxMetaService .bxIt .pic { width: 52px; height: 52px; margin: auto; display: block; } .bxMetaService .bxIt .txt { color: #e2e2e2; font: 11px/15px lato,sans-serif; text-transform: uppercase; margin: 10px auto 10px;} .bxMetaService .bxIt .itLink {bottom: 0;left: 0;position: absolute;right: 0;top: 0;} /* Box: News Letter */ .bxNewsletter { width: 50%; float: right; padding-right: 20px; } .bxNewsletter .bxTt { color: #4a4a4a; font: 11px/15px lato,sans-serif; text-transform: uppercase; float: left; margin-right: 10px; margin-top: 10px; } .bxNewsletter .bxCt { float: left; width: 256px; } .bxNewsletter .field { height: 35px; border: 1px solid #9c9c9c; background: #fff; padding: 2px; position: relative; } .bxNewsletter .field input { width: 220px; height: 29px; background: #fff; padding: 3px 10px; font-size: 10px; line-height: 20px; display: block; border: 1px solid #dadada; text-transform: uppercase; color: #646464;-webkit-appearance: none; -webkit-border-radius:0; border-radius:0;box-shadow: none!important;} .bxNewsletter .field button { position: absolute; top: 2px; right: 2px; } .bxNewsletter .field button span { display: block; background: #f8f8f8; height: 29px; width: 28px; line-height: 29px; text-align: center; color: #646464; font-size: 10px; text-transform: uppercase; cursor: pointer; } .bxNewsletter .field button:hover span { background: #dfdfdf } .bxNewsletter .error { margin: 5px 0; font-size: 11px; font-weight: normal; } .bxNewsletter.clicked .field input { border-color: #9c9c9c ; -webkit-border-radius:0; border-radius:0;} /* Small update: for homepage this block is located on the different area*/ .cms-home .bottom { width: 100%; } .cms-home .bxSocialChannel { margin-left: 0; } .cms-home .bxNewsletter { width: auto; } .cms-home .bxNewsletter .bxTt { font-size: 10px; } /* Box : Social */ .bxSocialChannel { float: left; width: 40%; margin-left: 75px; overflow: hidden; } .bxSocialChannel .bxTt { color: #4a4a4a; font: 11px/15px lato,sans-serif; text-transform: uppercase; float: left; margin-right: 20px; margin-top: 10px; } .bxSocialChannel .bxCt { overflow: hidden } .bxSocialChannel .it { width: 36px; height: 36px; display: block; float: left; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/iconSocial.png) 0 0 no-repeat; margin: 0 0 0 10px; } .bxSocialChannel .it { width: 36px; height: 36px; display: block; float: left; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/iconSocial.png) 0 8px no-repeat; margin: 0 0 0 10px; border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .bxSocialChannel .it.tt { background-position: -45px 8px } .bxSocialChannel .it.gg { background-position: -89px 8px } .bxSocialChannel .it.pt { background-position: -132px 8px } .bxSocialChannel .it.in { background-position: -178px 8px } .bxSocialChannel .it.fb:hover { background-position: 0 -35px } .bxSocialChannel .it.tt:hover { background-position: -45px -35px } .bxSocialChannel .it.gg:hover { background-position: -89px -35px } .bxSocialChannel .it.pt:hover { background-position: -132px -35px } .bxSocialChannel .it.in:hover { background-position: -178px -35px } /********** < Navigation */ .navigationContainer { width: 1080px; margin: 0 auto; } .navigation { min-height: 60px; width: 1080px; margin: auto; padding: 0 60px; background: #fff; text-align: left; position: relative; padding-bottom: 15px; z-index: 2; } .navigation:after { content: ""; background: red; width: 100%; height: 30px; left: 0; bottom: -30px; } .navigation ul { background: #000; position: relative; } .navigation ul:before { content: ''; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/lineUnderNav.png) 0 0 no-repeat; position: absolute; height: 12px; bottom: -13px; left: 0; width: 100%; } .navigation li { /* margin-right: 25px; */ /* padding: 20px 5px 20px 0;*/ float: left; } .navigation li:nth-child(2) { /* margin-left: 0;_NO__DOTCOMMA__AFTER__*/ } .navigation li a { color: #fff; font: normal 14px/20px lato,sans-serif; text-transform: uppercase; display: block; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconLeftmenu.png") no-repeat left center; letter-spacing: 1px; padding: 21px; } .navigation li#catnav-7 a { font-family: 'Playfair Display', serif; font-style: italic; } #.navigation li a:hover { background: #171717; color: #d7c5a1; } .navigation li.sepDot a { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/navSepDot.png) 0 50% no-repeat; border-left: 0; } .navigation li:nth-child(2) a { /* border-left: 0;; padding-left: 0; */ background: none; } .navigation li.home { width: 56px; margin-left: 0; margin-right: 0; } .navigation li.home a { text-align: left; text-indent: -999em; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/iconHome.png) 0 -2px no-repeat; border: 0; padding-left: 0; } .navigation li.home a:hover { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/iconHome.png) 0 -65px no-repeat #343434 } .navigation li.ac a { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/IconMnHover.png") no-repeat center 90% #171717; color: #d7c5a1; position: relative; } .navigation li.ac a:after { content: ""; width: 100%; height: 30px; background: #171717; position: absolute; bottom: -30px; left: 0; } .navigation li.ac a:before { content: ""; height: 122%; width: 1px; background: #171717; position: absolute; right: -1px; top: 0; } .navigation li.ac.clHover1 a { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/IconMnHover.png") no-repeat center 90% #343434; color: #d7c5a1; position: relative; } .navigation li.ac.clHover1 a:after { content: ""; width: 100%; height: 30px; background: #343434; position: absolute; bottom: -30px; left: 0; } .navigation li.ac.clHover1 a:before { content: ""; height: 122%; width: 1px; background: #343434; position: absolute; right: -1px; top: 0; } .navigation li.ac.clHover2 a { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/IconMnHover.png") no-repeat center 90% #343434; color: #d7c5a1; position: relative; } .navigation li.ac.clHover2 a:after { content: ""; width: 100%; height: 30px; background: #343434; position: absolute; bottom: -30px; left: 0; } .navigation li.ac.clHover2 a:before { content: ""; height: 122%; width: 1px; background: #343434; position: absolute; right: -1px; top: 0; } .navigation li.ac.clHover3 a { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/IconMnHover.png") no-repeat center 90% #2b2b2b; color: #d7c5a1; position: relative; } .navigation li.ac.clHover3 a:after { content: ""; width: 100%; height: 30px; background: #2b2b2b; position: absolute; bottom: -30px; left: 0; } .navigation li.ac.clHover3 a:before { content: ""; height: 122%; width: 1px; background: #2b2b2b; position: absolute; right: -1px; top: 0; } .navigation li.ac.clHover4 a { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/IconMnHover.png") no-repeat center 90% #252525; color: #d7c5a1; position: relative; } .navigation li.ac.clHover4 a:after { content: ""; width: 100%; height: 30px; background: #252525; position: absolute; bottom: -30px; left: 0; } .navigation li.ac.clHover4 a:before { content: ""; height: 122%; width: 1px; background: #252525; position: absolute; right: -1px; top: 0; } .navigation li.ac.clHover5 a { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/IconMnHover.png") no-repeat center 90% #1d1d1d; color: #d7c5a1; position: relative; } .navigation li.ac.clHover5 a:after { content: ""; width: 100%; height: 30px; background: #1d1d1d; position: absolute; bottom: -30px; left: 0; } .navigation li.ac.clHover5 a:before { content: ""; height: 122%; width: 1px; background: #1d1d1d; position: absolute; right: -1px; top: 0; } .navigation li.ac.clHover6 a { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/IconMnHover.png") no-repeat center 90% #171717; color: #d7c5a1; position: relative; } .navigation li.ac.clHover6 a:after { content: ""; width: 100%; height: 30px; background: #171717; position: absolute; bottom: -30px; left: 0; } .navigation li.ac.clHover6 a:before { content: ""; height: 122%; width: 1px; background: #171717; position: absolute; right: -1px; top: 0; } .navigation li.ac.clHover7 a { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/IconMnHover.png") no-repeat center 90% #171717; color: #d7c5a1; position: relative; } .navigation li.ac.clHover7 a:after { content: ""; width: 100%; height: 30px; background: #171717; position: absolute; bottom: -30px; left: 0; } .navigation li.ac.clHover7 a:before { content: ""; height: 122%; width: 1px; background: #171717; position: absolute; right: -1px; top: 0; } .navMega { width: 960px; margin: 0 auto; position: relative; z-index: 999; } .subNav { width: 960px; margin: 0 auto; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/bgSubNav.jpg") repeat scroll 0 0 #2b2b2b; padding: 36px 25px; text-align: left; color: #fff; font-family: 'Lato',sans-serif; margin-bottom: 30px; position: absolute; left: 0; z-index: 9; top: -12px; border-bottom: 1px solid #fff; display: none; } .subNav:after { content: ""; -webkit-box-shadow: inset 0 10px 10px -10px #777; box-shadow: inset 0 10px 10px -10px #777; width: 100%; height: 30px; position: absolute; left: 0; bottom: -30px; } .subNav a { color: #fff; font-family: 'Lato',sans-serif; } .subNav ul.menuList { padding-top: 6px } .subNav ul.menuList>li { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconArrowNav.png") no-repeat 0 4px; padding-left: 14px; } .subNav ul.menuList>li:last-child { border-bottom: none } .subNav ul.menuList>li>a { color: #fff; font-size: 14px; text-transform: uppercase; display: block; padding-bottom: 24px; margin-bottom: 20px; border-bottom: 1px dotted #fff; } .subNav ul.menuList>li>a:hover { color: #d7c5a1 } .subNav ul.menuList.mnStyle2>li>a { margin-bottom: 24px; border: none; padding-bottom: 0; margin-bottom: 6px; line-height: 15px; } .subNav ul.menuList.mnStyle2>li ul { padding-bottom: 23px; border-bottom: 1px dotted #fff; margin-bottom: 24px; border-top: 1px dotted #fff; margin-top: 20px; padding-top: 21px; } .subNav ul.menuList.mnStyle2>li ul li { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/IconLineMN.png") no-repeat 0 9px; padding-left: 14px; margin-bottom: 6px; } .subNav ul.menuList.mnStyle2>li ul li:last-child { margin-bottom: 0 } .subNav ul.menuList.mnStyle2>li ul li a { display: block; text-transform: uppercase; font-size: 11px; line-height: 15px; } .subNav ul.menuList.mnStyle2>li ul li a:hover { color: #d7c5a1 } .subNav.style-1 .col-1 { float: left; width: 240px; margin-right: 64px; } .subNav.style-1 .col-2 { float: left; width: 600px; } .subNav.style-2 .col-1 { float: left; width: 238px; margin-right: 20px; } .subNav.style-2 .col-2 { float: left; width: 224px; margin-right: 20px; } .subNav.style-2 .col-3 { float: left; width: 380px; } .subNav.style-3 .col-1 { width: 430px; float: left; margin-right: 30px; } .subNav.style-3 .col-2 { width: 440px; float: left; } .subNav.style-4 .col-1 { width: 240px; float: left; margin-right: 64px; } .subNav.style-4 .col-2 { width: 600px; float: left; } .subNav .listItemNav li { margin-right: 20px; float: left; padding-bottom: 1px; border-bottom: 1px dotted #fff; } .subNav .listItemNav li:last-child { margin-right: 0 } .subNav .infoItemNav { width: 180px; text-align: center; position: relative; background: #fff; padding: 3px; min-height: 270px; margin-bottom: 2px; } .subNav .infoItemNav .gridProductsIt { border: 1px solid #C7C7C7; float: none; padding: 0; position: relative; width: auto; height: 264px; } .subNav .infoItemNav .gridProductsIt:after { content: ""; width: 100%; height: 30px; bottom: 0; position: absolute; left: 0; -webkit-box-shadow: inset 0 -8px 8px -8px #c1bfbf; box-shadow: inset 0 -10px 10px -8px #c1bfbf; } .subNav .gridProductsIt .itImg .pic { display: block; margin: auto; padding-top: 5px; background: #ffffff; width: 125px; height: 180px; } .subNav .gridProductsIt .itImg .pic img { width: auto; max-height: 190px; } .subNav .infoItemNav .itCt { position: absolute; left: 0; bottom: 10px; } .subNav .infoItemNav .itCt .pdName { font-size: 10px; text-transform: uppercase; color: #000; padding: 0 10px; min-width: 170px; } .subNav .infoItemNav .itCt .pdName a { color: #000000 } .subNav .infoItemNav .itCt .pdName span { text-transform: uppercase } .subNav .infoItemNav .itCt .pdName span.Sku { text-transform: none } .subNav .infoItemNav .itCt .price-box .regular-price { color: #000; display: inline-block; } .subNav .infoItemNav .itCt .price-box .regular-price ins, .subNav .infoItemNav .itCt .price-box .regular-price del { padding: 0 4px } .subNav .infoItemNav .itCt .price-box .regular-price ins { text-decoration: none } .subNav .infoItemNav .itCt .price-box .regular-price del { color: #555 } .subNav .infoItemNav .itExt { background: none repeat scroll 0 0 rgba(0,0,0,0.65); bottom: 10px; color: #fff; cursor: pointer; font-family: lato,sans-serif; left: 0; opacity: 0; position: absolute; top: 0; transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; text-align: center; left: 5px; right: 5px; top: 5px; bottom: 5px; width: auto; } .subNav .infoItemNav .att { display: none } .subNav .infoItemNav .itExt .act { background: #151515; height: auto; width: 145px; padding: 6px 0; font-size: 10px; position: absolute; text-align: center; text-transform: uppercase; top: 105px; left: 8px; margin: 0px; color: #ffffff; line-height: normal; outline: none; } .subNav .infoItemNav .itExt .act:after { content: ""; border: 1px solid #818181; left: -5px; right: -5px; top: -5px; bottom: -5px; position: absolute; } .subNav .infoItemNav .itExt .act { /*display: block; */ } #.subNav .infoItemNav:hover .itExt { opacity: 1 } .subNav .infoItemNav .itExt .rateStar { display: none } .subNav .navBanner.StyleBanerList .navBannerBox { margin-bottom: 20px } .subNav .navBanner.StyleBanerList .navBannerBox:last-child { margin-bottom: 0 } .subNav .navBanner .navBannerBox:hover img { opacity: .8 } .subNav .navBanner.BnStyle2 .navBannerBox { float: left; margin-right: 20px; background: #fff; padding: 4px; position: relative; } .subNav .navBanner.BnStyle2 .navBannerBox:after { content: ""; height: 1px; width: 100%; border-top: 1px dotted #fff; position: absolute; left: 0; bottom: -4px; } .subNav .navBanner.BnStyle2 .navBannerBox:last-child { margin-right: 0 } .subNav .textAb { font-size: 10px; color: #9a9a9a; letter-spacing: 1px; } .subNav.showSubNav { display: block } /********** Navigation > */ /* ======================================================================================= */ /* Custom ================================================================================ */ /* Custom Style Fancybox */ .fancybox-skin { background: #ffffff; margin-top: 40px; } .fancybox-close, .fancybox-nav span { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/lightBoxIcons.png") repeat scroll 0 0 rgba(0, 0, 0, 0); height: 30px; left: 50%; right: 50%; top: -40px; width: 30px; margin-left: -15px; } .fancybox-nav span { background-position: 0 -50px; left: -60px; top: 50%; visibility: visible; } .fancybox-next span { background-position: 0 -100px; left: auto; right: -60px; } .fancybox-close:hover, .fancybox-nav span:hover, .fancybox-next span:hover { opacity: 0.5 } /* 360 */ .icon-OneTwo360Logo { left: 10px!important; top: 10px!important; } .icon-OneTwo360Logo .cliquez { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/icoCliquez.png) 0 0 no-repeat; font: 13px/20px lato,sans-serif; color: #8e8e8e; text-transform: uppercase; padding-left: 30px; } .icon-OneTwo360Logo .txt { font: 11px/15px lato,sans-serif; color: #8e8e8e; } /* Other */ .bxAddToCartPopup { display: none; width: 600px} .bxAddToCartPopup p { font-size: 19px; font-style: italic; padding: 25px 0 20px 0; } .bxAddToCartPopup p.message { padding-bottom: 30px; } /* ======================================================================================= */ .bxSlideRecommend { clear: right; width: 550px; float: right; border-left: 1px solid #dadada; } .bxSlideRecommend .bxCt { padding: 7px 0 0px 7px } .slideWrapper.small { position: relative } .slideWrapper.small .slidesWrap { } .slideWrapper.small .slidesWrap .slides { overflow: hidden; width: 525px; height: 100px; max-width: 525px; } .slideWrapper.small .slidesWrap .slides .it { background: #ccc; float: left; height: 100px; } .slideWrapper.small .slidesWrap .slides .it a { display: block } .slideWrapper.small .slidesWrap .slides img { display: block } .slideWrapper.small .slidesWrap { position: relative; padding: 8px; background: 0; border: 1px solid #dadada; } .slideWrapper.small .control { } .slideWrapper.small .control .p, .slideWrapper.small .control .n { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/slideNav_03.png) 0 0 no-repeat; width: 35px; display: block; position: absolute; top: 50%; left: 6px; bottom: 0; cursor: pointer; height: 35px; margin-top: -15px; } .slideWrapper.small .control .n { background-position: 100% 0; left: auto; right: 7px; } .slideWrapper.small .control .p:hover, .slideWrapper.small .control .n:hover { background-position: 0 100% } .slideWrapper.small .control .n:hover { background-position: 100% 100% } .homeLanding { min-height: 60px; width: 1080px; margin: auto; padding: 0 60px; background: #fff; text-align: left; position: relative; } .slideWrapper { position: relative } .slideWrapper .slidesWrap { } .slideWrapper .slidesWrap .slides { overflow: hidden; width: 960px; height: 490px; max-width: 960px; } .slideWrapper .slidesWrap .slides ul { } .slideWrapper .slidesWrap .slides .it { background: #ccc; float: left; height: 490px; } .slideWrapper .slidesWrap .slides .it a { display: block } .slideWrapper .slidesWrap .slides img { display: block } .slideWrapper .slidesWrap { position: relative; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/homeSliderBg.png) 50% 100% no-repeat; padding-bottom: 15px; } .slideWrapper .sliderRecommendPag {bottom: 20px;position: absolute;text-align: center;width: 100%;} .slideWrapper .sliderRecommendPag a { display: inline-block; width: 14px; height: 14px; background: url('https://www.cresus.fr/skin/frontend/default/cresus/images/ico_page_slider.png') no-repeat 0 0; margin: 1px 3px 0;} .slideWrapper .sliderRecommendPag a.selected {background-position: -20px 0;} .slideWrapper .sliderRecommendPag a span {display: none;} .slideWrapper .control { } .slideWrapper .control .p, .slideWrapper .control .n { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/sliderNav.png) 0 0 no-repeat; width: 35px; display: block; position: absolute; top: 50%; left: -40px; bottom: 0; cursor: pointer; height: 290px; margin-top: -145px; } .slideWrapper .control .n { background-position: 100% 0; left: auto; right: -40px; } .slideWrapper .control .p:hover, .slideWrapper .control .n:hover { background-position: 0 100% } .slideWrapper .control .n:hover { background-position: 100% 100% } .slideWrapperInterm { position: relative; height: 349px; margin-bottom: 36px; } .slidesWrapInterm{height: 350px; overflow: hidden; background: #000; color: #fff} .slideWrapperInterm .caroufredsel_wrapper{height: 349px; overflow: hidden;} .slideWrapperInterm .itCt { position: absolute; left: 34px; top: 54px; } .slideWrapperInterm .itCt.pagination { z-index: 80 } .slideWrapperInterm .itCt ul li a { color: #FFFFFF; display: block; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 300; text-transform: uppercase; border-bottom: 1px dotted #ffffff; padding-bottom: 10px; margin-bottom: 14px; width: 255px; } .slideWrapperInterm .itCt ul li.selected a { font-weight: bold; } .slideWrapperInterm .itCt .link a { color: #ffffff; font-weight: 700; } .slideWrapperInterm .button { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/bgButtonSlide.png") 0 0 repeat-x; height: 50px; width: 309px; text-align: center; position: absolute; right: 32px; bottom: -26px; z-index: 999; } .slideWrapperInterm .button a { color: #000000; font-size: 15px; font-family: 'Lato', sans-serif; display: block; padding-top: 15px; } .caroufredsel_wrapper {height: auto;} .borderImgLarge #productImageContainer {height: 594px;overflow: hidden;} /* everything in STD class please put here. */ .std h2 { margin: 30px auto 20px; font-size: 20px; line-height: 1.5; color: #000000; font-weight: bold; text-transform: uppercase; } .std .mgb10 { margin-bottom: 10px!important } .std .mgb20 { margin-bottom: 20px!important } .std .mgt10 { margin-top: 10px!important } .std .mgt20 { margin-top: 20px!important } /* Css Page Page Inter */ .cms_gridBlock { font-size: 0; text-align: center; margin-left: -10px; } .cms_gridBlockIt { display: inline-block } .cms_gridBlockIt img{margin: 10px 0 0 10px;} .cms_gridBlockIt a { display: block; } .cms_gridBlockIt a:hover { opacity: .8 } .title-hide { display: block; height: 0; overflow: hidden; text-indent: -99999px; } /* table in CMS page*/ .std table { } /* Historique */ .historiqueContainer { margin-bottom: 50px; overflow: hidden; } .historique { } .historiqueList { display: none } .historique { } .historiqueLeft { } .historiqueRight { } .historique h2 { font-size: 14px; color: #000000; font-family: Lato, sans-serif; text-transform: uppercase; border-bottom: 1px dotted #cdcdcd; padding: 10px 0; cursor: pointer; position: relative; } .historique h2:after { content: ""; width: 7px; height: 4px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/arrow-cap.png") no-repeat 0 -12px; position: absolute; right: 0; top: 17px; } .historique h2.active:after { background-position: 0 0 } .historiqueList { color: #747474; font-size: 12px; list-style: disc inside none; padding: 15px 0; } .historiqueList li { margin-bottom: 5px } .historiqueList li a { color: #737373; font-size: 12px; font-family: Lato, sans-serif; } /* lexique page */ .cms-page-lexique { letter-spacing: 1px; font-size: 14px; } .cms-page-lexique h2 { font-size: 50px; line-height: 1.5; margin: 30px auto 0; } .cms-page-lexique h3 { font-size: 17px; font-weight: bold; position: relative; padding-left: 20px; } .cms-page-lexique h3:before { content: ''; position: absolute; background: #000; width: 8px; height: 8px; left: 0; top: 6px; border-radius: 4px; } .cms-page-lexique .listLetter { margin: 30px auto; text-align: center; } .cms-page-lexique .listLetter a { background: #cccccc; font-size: 15px; line-height: 30px; height: 29px; width: 29px; text-align: center; display: inline-block; text-decoration: none; color: #000; border-bottom: 1px solid #000; margin: 0 2px 0 2px; font-weight: bold; } .cms-page-lexique .listLetter a:hover, .cms-page-lexique .listLetter a.selected { background: #000; color: #fff; } .cms-page-lexique .listLetter a.selected { cursor: default } .cms-page-lexique .listLetter a.disabled { opacity: .5; cursor: default; } .cms-page-lexique .listLetter a.disabled:hover { background: #cccccc; color: #000; } /* Smart Page */ .plan-montres-bijoux-occasion-html-list-index, .smartpages-item-view { font-family: 'Lato',sans-serif } .plan-montres-bijoux-occasion-html-list-index .smartContentText p, .smartpages-item-view .smartContentText p { font-size: 14px; margin-bottom: 30px; letter-spacing: 1px; } .plan-montres-bijoux-occasion-html-list-index .smartContentText h2 + p, .smartpages-item-view .smartContentText h2 + p { margin-top: 30px } .plan-montres-bijoux-occasion-html-list-index .smartContentText a.smartAuthor, .smartpages-item-view .smartContentText a.smartAuthor { color: #000000; font-size: 14px; font-style: italic; font-weight: bold; } .plan-montres-bijoux-occasion-html-list-index .sidebar, .smartpages-item-view .sidebar { color: #8e8e8e; font-size: 11px; } .smartpage-banner { margin-bottom: 30px; position: relative; padding-bottom: 30px; border-bottom: 1px dotted #818181; } .smartpage-banner h1 { color: #ffffff; display: block; font-family: lato,sans-serif; font-size: 22px; font-weight: bold; left: 40px; letter-spacing: 2px; position: absolute; text-transform: uppercase; top: 40px; } .smartpage-banner .bxImg { height: 100px; background: #000000; } .smartpage-intro h2 { font-size: 11px; font-weight: bold; text-transform: uppercase; margin-bottom: 30px; border-bottom: 1px dotted #c1c1c1; padding-bottom: 30px; font-family: arial,sans-serif; color: #000000; letter-spacing: 1px; } .smartTopText { font-family: 11px; font-family: arial,sans-serif; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; } .smartTopText p { font-size: 11px } .smartpage-big-button { display: block; text-transform: uppercase; font-size: 17px; color: #ffffff; background: #000000; text-align: center; padding: 25px 0px; letter-spacing: 1px; margin-bottom: 20px; } .smartpage-big-button span { display: inline-block; background: url('https://www.cresus.fr/skin/frontend/default/cresus/images/arrow-right-white.png')no-repeat; width: 7px; height: 13px; vertical-align: middle; margin-right: 10px; } .smartpage-big-button b { vertical-align: middle } .smartpage-big-button:hover { color: #ffffff; opacity: 0.8; } .psmartAuthor { padding-bottom: 40px } .catSmart .bxCatSmart { margin-bottom: 30px; border-bottom: 1px dotted #c1c1c1; padding-bottom: 30px; } .catSmart .bxCatSmart:last-child { border: none; padding-bottom: 0; margin-bottom: 40px; } .catSmart .bxCatSmart h3 { color: #000000; font-size: 11px; text-transform: uppercase; font-weight: bold; margin-bottom: 5px; font-family: arial,sans-serif; } .catSmart .bxCatSmart ul { margin-bottom: 5px } .catSmart .bxCatSmart ul li { padding-left: 15px; background: url('https://www.cresus.fr/skin/frontend/default/cresus/images/arr-right.png') no-repeat 0 3px; margin-bottom: 2px; } .catSmart .bxCatSmart ul li a { font-size: 11px; color: #4b4b4b; font-family: arial,sans-serif; } .catSmart .cartMore { display: block; color: #000000; text-transform: uppercase; font-weight: bold; font-size: 10px; background: #d3d6db; text-align: center; padding: 5px; font-family: arial,sans-serif; } .catSmart .cartMore:hover { opacity: 0.8 } .smartContentText a { text-decoration: underline } /* Custom Page Styles ( Detail ) */ .headerPage { border-bottom: 1px dotted #818181; padding-bottom: 25px; margin-bottom: 30px; overflow: hidden; } .headerPage h1 { float: left; font-size: 27px; font-weight: bold; color: #000000; font-family: 'lato', sans-serif; text-transform: uppercase; letter-spacing: 5px; } .headerPage h1 span { font-weight: normal } .headerPage .form-list { float: right; margin: 0; } .headerPage .form-list .input-box { width: 330px } .styles-styles-view .std { font-family: 'lato', sans-serif } .styles-styles-view .std a { color: #9d8e6f; font-weight: bold; text-decoration: underline; } .styles-styles-view .std a:hover { text-decoration: none } .styles-styles-view .std p { margin-bottom: 15px; line-height: 20px; letter-spacing: 1px; } .styles-styles-view .std strong, .styles-styles-view .std span { letter-spacing: 1px } .catalog-product-view .back-link, .styles-styles-view .back-link { text-align: right; position: relative; } .catalog-product-view .back-link p, .styles-styles-view .back-link p { margin-bottom: 0 } .catalog-product-view .back-link a, .styles-styles-view .back-link a { color: #666666; font-weight: normal; position: absolute; right: 0; top: -44px; text-decoration: none; } .styles-styles-view .std h2 { color: #000000; font-size: 20px; font-weight: bold; padding-bottom: 0; text-transform: uppercase; } .styles-styles-view .std .btlink { border: 1px solid #000000; color: #000000; display: block; font-size: 17px; height: 60px; line-height: 25px; margin-top: 70px; min-width: 340px; padding-top: 15px; text-align: center; text-decoration: none; text-transform: uppercase; } .styles-styles-view .std .btlink:hover { opacity: 0.8 } .styles-styles-view .bloc { margin-bottom: 5px } .styles-styles-view .bloc table { width: 100%; margin-bottom: 30px; } .styles-styles-view .bloc td { vertical-align: middle } .styles-styles-view .bloc td img { width: 100% } .styles-styles-view .bloc_1 a { display: block } .styles-styles-view .bloc_1 a:hover { opacity: 0.8 } .styles-styles-view .bxBlocStyle_1 { padding: 15px 40px; /*height: 260px;*/ ; } .styles-styles-view .bxBlocStyle_1 h2 { font-family: 'lato', sans-serif; font-size: 45px; color: #000000; text-transform: uppercase; font-weight: 800; line-height: 40px; } .styles-styles-view .bxBlocStyle_1 h2 span { font-weight: 300; font-size: 30px; display: block; letter-spacing: 10px; } .styles-styles-view .bxBlocStyle_1 h2 strong { font-size: 30px; display: block; } .styles-styles-view .bxBlocStyle_2 { padding: 40px 60px; /*height: 500px;*/ background: #1e1e1e; color: #ffffff; position: relative; ; } .styles-styles-view .std .bxBlocStyle_2 a { color: #ffffff; border-color: #ffffff; } .styles-styles-view .std .bxBlocStyle_2 h2 { font-family: 'lato', sans-serif; font-size: 35px; color: #ffffff; font-weight: bold; margin-bottom: 0; text-transform: uppercase; margin-top: 0; } .styles-styles-view .std .bxBlocStyle_2 span { color: #ffffff; font-size: 25px; display: block; text-transform: none; font-weight: normal; margin-bottom: 20px; } .styles-styles-view .std .bxBlocStyle_2 p { margin-bottom: 0; font-size: 15px; color: #bbbbbb; font-family: 'lato', sans-serif; } .styles-styles-view .std .bxBlocStyle_2 .btlink { /* position: absolute; bottom: 70px;*/ } .styles-styles-view .std .bxBlocStyle_2_Img { /*height: 500px; text-align: center; border: 1px solid #000000; border-right: 0; padding: 10px 0;*/ text-align: center; } .styles-styles-view .std .bxTxtBg { width: 960px; height: 150px; display: table-cell; vertical-align: middle; text-align: center; padding: 0 30px; position: relative; background: #c7c1bc; } .styles-styles-view .std .bxTxtBg h3 { font-size: 45px; font-family: lato, sans-serif; font-style: italic; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; } .styles-styles-view .std .bxTxtBg span { float: right; font-family: 'lato', sans-serif; font-weight: 800; } .styles-styles-view .std .bxTxtBg.bgImg { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/pageStyle/txtimg1.jpg") no-repeat } /* Review List */ .reviewsList { } .reviewsList ul li { padding-left: 0; background: none; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eeeeee; } .reviewsList ul li:last-child { border: none } .reviewsList .reviewTt { overflow: hidden; margin-bottom: 5px; } .reviewsList .reviewTt .bxTt { float: left } .reviewsList .reviewTt .bxTt a { text-decoration: none } .reviewsList .reviewTt .bxTt a:hover { text-decoration: underline } .reviewsList .reviewTt .voteRating { float: right } .reviewsList .reviewMt { text-align: right; font-style: italic; font-size: 13px; } .reviewsList .reviewCt { margin-bottom: 10px } /* Other */ .txtAnnee { color: #4b4b4b; font: italic 12px/20px arial,sans-serif; margin-top: 10px; } .bxDocuments input[type="checkbox"] { display: none } .bxDocuments input[type="checkbox"] + .styleCheckbox span { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconCheckbox.png") no-repeat scroll 0 0; cursor: pointer; display: inline-block; height: 11px; padding-left: 15px; vertical-align: middle; width: 11px; } .bxDocuments input[type="checkbox"]:checked + .styleCheckbox span { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconCheckbox.png") no-repeat scroll 0 -15px } .bxOrigin {position: relative;} .bxOrigin input[type="radio"] { display: none } .bxOrigin input[type="radio"] + label span { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/radioSheet.png") no-repeat scroll 1px 0; cursor: pointer; display: inline-block; height: 15px; margin: -1px 4px 0 0; vertical-align: middle; width: 14px; } .bxOrigin input[type="radio"]:checked + label span { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/radioSheet.png") no-repeat scroll -15px 0 } .bxOrigin .validation-advice {top: 15px;} @media (min-width:320px) and (max-width: 767px) { .std table { } .std table td { } .std table td img { display: inline; float: none; } .smartpage-banner .bxImg { height: auto } .smartpage-banner h1 { font-size: 12px; top: 10px; } .smartpage-big-button { font-size: 11px; padding: 15px 0; } } @media (min-width: 768px) and (max-width: 1079px) { } .alert-listing-table .box-radio{ padding: 0; } .alert-listing-table .box-radio .styleRadio{ /*display: block;*/ } .alert-listing-table .remove_alert{ display: block; width: 17px; height: 17px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/icon_trash.jpg") no-repeat; float: right; margin-top: 13px; } /*ticket 694: https://projects.sutunam.com/projects/194/tickets/694*/ .bxTopMeta .it.trust { padding: 2px 2px 2px 2px; } .trust > p, .trust > .trustpilot-widget { display: inline-block; vertical-align: middle; } .trust > p { width: 100%; color: #8c8a8b; font-weight: 400; font-family: lato; text-align: center; } .trust > .trustpilot-widget { margin-left: 0; -webkit-transform: translateX(-3px); -moz-transform: translateX(-3px); -ms-transform: translateX(-3px); -o-transform: translateX(-3px); transform: translateX(-3px); } /* Custom CSS Reponsive ========================================================================= */ /* Display none*/ .hdResponsive, .topPage .searchMb, .bxTopMeta .it.NavTablet, .b-ct , .home-link-block, .bottom-block-link-mobile { display: none } /* Menu Left Responsive */ .wrapper {position: relative; overflow: hidden; } .page { position: relative; transition: left .5s; left: 0; z-index: 1; } .page:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #1c1d1f; z-index: 99; opacity: .5; display: none; cursor: pointer; } .pageSideMenu { background: #0c0c0c; position: fixed; top: 0; bottom: 0; width: 320px; bottom: 0; overflow: hidden; overflow-y: auto; z-index: 0; /* transition: all .5s; */ height: 100%; display: none; left: -320px;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .listSideMenuItems { margin: 0 -15px } .listSideMenuItemsIt { border-top: 1px solid #303030; position: static; color: #fff; cursor: pointer; } .listSideMenuItemsIt .tt { -webkit-tap-highlight-color: rgba(255, 255, 255, 0);display: block; color: #ffffff; text-transform: uppercase; font-size: 15px; font-family: 'lato', sans-serif; text-align: left; padding: 20px 25px; background: #0c0c0c; position: relative; } .listSideMenuItemsIt .tt .btShowSub { height: 60px; position: absolute; right: 0; top: 0; width: 80px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/sbmn_arrow.png") no-repeat 50% 50%; } /*.listSideMenuItemsIt .tt .btShowSub:after {background: #bcbcbc;content: "";height: 40px;left: 0;opacity: 0.5;position: absolute;top: 10px;width: 1px; display: none; }*/ .listSideMenuItemsIt .tt:focus {background: #303030} .listSideMenuItemsIt .ct { position: absolute; z-index: 10; top: 0; left: 0; background: #0c0c0c; width: 100%; height: 100%; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); /*-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;*/ } .listSideMenuItemsIt .ct.expand { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); /*-webkit-transition: none; transition: none;*/ } .listSideMenuItemsIt .ct .mp-back { border-top: 1px solid #303030; color: #737373; display: block; font-family: 'lato',sans-serif; font-size: 15px; padding: 20px 35px; position: relative; text-align: left; text-transform: uppercase; } .listSideMenuItemsIt .ct .mp-back:before { content: ''; position: absolute; top: 2px; left: 20px; background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/arr_13.png) 0 49% no-repeat; width: 5px; bottom: 0; display: block; } .listSideMenuItemsIt .ct .title-sub { color: #818181; font-size: 25px; font-weight: bold; text-transform: uppercase; font-family: 'lato', sans-serif; padding: 25px 0 25px 0; display: block } .mdSideMenu {padding: 15px;position: relative } .mdSideMenu .mdTt { color: #818181; font-size: 25px; font-weight: bold; text-transform: uppercase; font-family: 'lato', sans-serif; padding: 10px 0 25px 0; } .mdSideMenu .mdCt { } .mdSideMenu .btCloseNav { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/ic_close.png") no-repeat 20px 15px; cursor: pointer; display: block; height: 50px; left: 5px; position: absolute; top: 5px; width: 50px; } .movePageSideMenu { /*height: 100%; overflow: hidden; background: #000*/} .movePageSideMenu .wrapper { overflow: hidden; width: 100%; } .movePageSideMenu .page { overflow: hidden; cursor: pointer; left: 320px;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .movePageSideMenu .page:before { display: block } .movePageSideMenu .pageSideMenu { left: 0; -webkit-user-select: none; } .movePageSideMenu .header .signNav { } .openMain .listSideMenuItemsIt { display: none; } .openMain .listSideMenuItemsIt.open { display: block; } .openMain .listSideMenuItemsIt.open .listSideMenuItemsIt { display: block; } .openMain .listSideMenuItemsIt.open.openSub > .ct > .listSideMenuItemsIt { display: none; } .openMain .listSideMenuItemsIt.open.openSub > .ct > ul.list { display: none; } .openMain .listSideMenuItemsIt.open.openSub > .ct > .listSideMenuItemsIt.open { display: block; } .openMain .listSideMenuItemsIt.open.openSub > .ct > .listSideMenuItemsIt.open > .listSideMenuItemsIt { display: block; } .listSideMenuItemsIt > .ct { display: none; } .listSideMenuItemsIt.open > .ct { display: block; } /* Search Footer Mobile */ .bxIconSearchMb { border-left: 1px solid #cacaca; height: 35px; cursor: pointer; display: none; background: #ffffff; float: right; width: 50%; padding: 1px 1px 0 1px; } .bxIconSearchMb .ip-text { height: 34px; border: 1px solid #cacaca; -moz-box-shadow:inset 0px 0px 2px #cccccc; -webkit-box-shadow:inset 0px 0px 2px #cccccc; box-shadow:inset 0px 0px 2px #cccccc; background: #ffffff; color: #ccc; font-size: 12px; padding: 8px; text-transform: uppercase; } .bxIconSearchMb a {display: block;} .bxIconSearchMb span { display: block; background: url('https://www.cresus.fr/skin/frontend/default/cresus/images/iconSearchMb.png') center center no-repeat;height: 35px;width: 50px; position: absolute; right: 0; top: 0;} .bottomSearchMobile { display: none; background: #e7e6e6; padding: 30px 0; width: auto; text-align: center;position: relative;} .bottomSearchMobile:after {content: ""; width: 100%; height: 1px; border-bottom: 1px dotted #c7c7c7; position: absolute; bottom: 2px; left: 0;} .bottomSearchMobile .bxTt { color: #4a4a4a; font: 11px/15px lato,sans-serif; margin-right: 10px; text-transform: uppercase; margin-bottom: 15px; } .bottomSearchMobile .bxCt { width: 256px; margin: 0 auto; } .bottomSearchMobile .field { background: none repeat scroll 0 0 #fff; border: 1px solid #9c9c9c; height: 35px; padding: 2px; position: relative; } .bottomSearchMobile .field input { background: none repeat scroll 0 0 #fff; border: 1px solid #dadada; border-radius: 0; box-shadow: none !important; color: #646464; display: block; font-size: 10px; height: 29px; line-height: 20px; padding: 3px 10px; text-transform: uppercase; width: 220px; } .bottomSearchMobile .field button { position: absolute; right: 2px; top: 2px; } .bottomSearchMobile .field button span { background: none repeat scroll 0 0 #f8f8f8; color: #646464; cursor: pointer; display: block; font-size: 10px; height: 29px; line-height: 29px; text-align: center; text-transform: uppercase; width: 28px; } .bottomSearchMobile .field button:hover span { background: none repeat scroll 0 0 #dfdfdf; } .filterBarMb {display: none;} .cms-page-view .std .cms-list table { width: 100%; } .cms-page-view .std .cms-list table td img { width: 100%; } .notDesktop { display: none; } .gridProductsIt .statusArticle { display: none; } .gridProductsIt .bgHoverImg { display: none; } .bottom-block-link-mobile { background: #000000; text-align: center; padding: 30px 0 0; } .bottom-block-link-mobile ul li { display: inline-block; border-right: 1px solid #8b8b8b; padding: 0 10px; margin-bottom: 20px; } .bottom-block-link-mobile ul li:last-child { border: none;} .bottom-block-link-mobile ul li a { text-transform: uppercase; color: #8b8b8b; } /* ======================================================================================= */ /***** Smartphones (portrait and landscape) ******/ @media (min-width:320px) and (max-width: 767px) { html,body { overflow-x: hidden; } /* html.heightSite,body { height: 100%; }*/ /* Display None */ .header, .topPage .layMain, .topPage .layAct, .bxTopMeta .it.trust, .bxTopMeta .it.service, .headerBottom .itRecherche, .navigationContainer, .bxTopMeta .it.noOne .ico, .bxTopMeta .it .txt br, .cms-home .page-title, .mdLandingBottom, .mdProductsRecentView .mdTt .link a, .mdNews .mdTt, .mdNews .listItemsIt, .gridProductsIt .itExt, .mdLesMarques .mdTt, .mdLesMarques .gridImages , .checkout-cart-index button.btn-continue, .hide-responsive, .mdRecommandation, .mdNews, .bottomBlockContainer, .footerContainer .sepPage_02{ display: none } .bottom-block-link-mobile, .bxIconSearchMb, .bottomSearchMobile{ display: block; /*ticket 661: https://projects.sutunam.com/projects/194/tickets/661*/ margin-top: 8px; -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } .headerContainer { width: auto; } /* Layout */ .cookiebanner {z-index: 16000003 !important;} .wrapper { background: #000!important } .page {background: #ffffff } .mainContainer, .main-container {width: auto; margin: 0;} .main { width: auto; padding: 0; } .hdResponsive { display: block } .breadcrumbs { padding: 0 10px; margin: 10px auto;} .catalog-product-view .back-link, .styles-styles-view .back-link { margin-right: 10px;margin-top: 10px; text-align: left;} .catalog-product-view .back-link a, .styles-styles-view .back-link a {right: auto;margin-left: 10px;left: 0;position: relative;top: auto;} .col-main, .col-left, .col-right {padding: 0 10px;float: none;width: auto;margin: auto;} .col-main{padding-top:10px} .col2-left-layout .col-main, .col2-left-layout .col-left{float:none} .cms-index-index .col-main, .catalog-product-view .col-main {padding: 0} /* Small Mobie Sticky */ .content-layout-2col-left { height: auto!important; } .content-layout-2col-left .col-left + div{ display: none!important; } /*common items*/ .pager{text-align: center;} .boxToolbar .boxPages, .boxToolbar .boxLimiter{float: none;margin: 10px auto} .boxToolbar .boxLimiter {width: 140px;} .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 {float: none;} /* Contact Home mobile */ .b-ct { border: 1px solid #dfd2b6; background: url('https://www.cresus.fr/skin/frontend/default/cresus/images/icoPhone.png') no-repeat 30px 50%; padding: 30px 30px 30px 120px; margin: 0 0 15px; display: block; } .b-ct .b-ct-title { color: #050505; font: bold 17px/25px 'lato',sans-serif; text-transform: uppercase; } .b-ct .b-ct-phone a{ color: #050505; font: bold 16px/20px 'lato',sans-serif; } .b-ct .b-ct-mail { padding-top: 5px; } .b-ct .b-ct-mail a{ color: #050505; font: bold 15px/20px 'lato',sans-serif; } /* Link Block Home*/ .home-link-block { background: #000000 none repeat scroll 0 0; height: 50px; padding-left: 30px; padding-top: 0; position: relative; margin-bottom: 5px; display: block; } .home-link-block a { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/arrViewAll.png") no-repeat 0 50%; color: #ffffff; display: table-cell; font: 12px/15px lato,sans-serif; height: 50px; margin: 0; padding-left: 10px; text-decoration: none; text-transform: uppercase; vertical-align: middle; } .home-link-block a:hover { text-decoration: underline; } .home-link-block a:after { } /* Style Top Header Mobile */ .hdResponsive {position: relative; overflow: hidden; background: #ffffff; height: 50px; border-bottom: 1px solid #ccc; } .topPage.hdFixed .hdResponsive {width: 100%; position: fixed; left: 0; top: 0;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;} .movePageSideMenu .topPage.hdFixed .hdResponsive { left: 320px;} .hdResponsive .btNavMb { width: 50px; position: absolute; left: 0; top: 0; } .btNavMb span { display: block; width: 50px; height: 50px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconNavMb.png") no-repeat #000000; cursor: pointer;} .hdResponsive .bxLogoMb { width: 50%; } .hdResponsive .bxLogoMb a { display: block; margin: auto; width: 100%; padding-top: 5px; padding-left: 20px; padding-right: 20px; text-align: center; background: none; } .hdResponsive .bxLogoMb a img { width: 120px; padding-top: 5px; } .hdResponsive .bxTopMeta { padding-top: 0; background: none; min-height: 0; width: auto; } .hdResponsive .bxLogoMb .bxTopMeta .it { margin: 0 auto; padding: 0; min-height: 0; width: 100%; } .hdResponsive .bxLogoMb .bxTopMeta .it a { line-height: 11px; } .bottom-block-link-mobile, .bxIconSearchMb, .bottomSearchMobile { margin-top: 13px; } .headerContainer .headerBottom { padding-bottom: 10px; background: #fff; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transition-delay: 0.1s; /* Safari */ transition-delay: 0.1s; } .bxTopMeta .it.noOne { padding-left: 0; } .btNavMb { background: #000; margin-top: 13px; } .btNavMb span { display: inline-block; } .btNavMb i { line-height: 34px; padding: 0 15px 0 10px; color: #fff; } .movePageSideMenu .headerBottom { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .bxIconSearchMb { border-left: 0; } .hdResponsive .bxCartMb {background: #ffffff;width: 25%; height: 50px; border-left: 1px solid #cacaca;border-bottom: 1px solid #cacaca; position: absolute; top: 0; right: 0; } .hdResponsive .bxCartMb a { display: block;padding-top: 30px; } .hdResponsive .bxCartMb a span { border: 2px solid #515151; border-radius: 50px; display: block; font-size: 12px; font-weight: normal; height: 20px; left: 50%; line-height: 15px; position: absolute; text-align: center; top: 5px; width: 20px; z-index: 10; } .hdResponsive .bxCartMb a span:after { content: ""; height: 20px; left: -15px; position: absolute; top: 8px; width: 20px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconCartMb.png") no-repeat; background-size: 20px auto; } .hdResponsive .bxCartMb a strong { font-weight: normal; } .hdResponsive .bxContact { background: #ffffff; width: 25%; position: absolute; right: 25%; top: 0; border-left: 1px solid #cacaca; border-bottom: 1px solid #cacaca; height: 50px; text-align: center; } .hdResponsive .bxContact a { padding-top: 30px; } .bxContact .ico { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/ico-phone-call.png") no-repeat 50% 0; display: block; height: 24px; margin-bottom: 2px; margin-top: 5px; width: 100%; } /* Line Page */ .sepPage_3 { width: auto; margin-bottom: 0; margin-top: 15px; } /* Header ========================================================================= */ .topPage { width: auto; height: 50px; } .headerBottom { width: 100%; padding: 0; background: #000000; } .headerBottom .bxTopMeta { float: left; width: 50%; margin: 0 auto; background: none; min-height: 100%; text-align: center; } .bxTopMeta .it.noOne { width: auto; float: none; margin: 0 auto; padding: 0; min-height: auto; height: 35px; display: table-cell; vertical-align: middle;padding-left: 10px;} .bxTopMeta .it .txt { letter-spacing: 1px; padding: 0; } .bxTopMeta .it .txt a { color: #8c8a8b; font-size: 10px; line-height: 15px; } .pageSideMenu { display: block;z-index: 1; } .itRecherche button.button {background-position: 0 100%;} /* ======================================================================================= */ /*contact page */ .formCol .formColLeft, .formCol .formColRight, .cms-page-view .cms-list, .cresus-form .cms-list{width:auto; float:none; margin:auto;padding-bottom: 10px;} .formCol .formColLeft .textList {padding-bottom:10px} /* co page */ .checkout-onepage-index .col-wrapper {width:auto;float: none;} .checkout-onepage-index .col-left, .checkout-onepage-index .col-right{display:none} .checkout-onepage-index .col-wrapper .col-main{width:auto; float:none;padding-left: 0;padding-right: 0;} .opc .step .topInFieldSet .input-box, .form-list li.wide .input-box{width:auto} .form-list li.wide select, .opc .step .topInFieldSet .input-box select {width:100%} #opc-sutunam-order-confirmation .step-title a {display:none} /*cart page*/ .cart .page-title {text-align:center} .cart .page-title .btnSet {} .cart .page-title .btnSet button {margin-left:10px; margin-right:10px} .cart-table thead tr{display:block;width: 100%;overflow: hidden;} .cart-table thead th{width: 0;padding: 10px 0;display: none;} .cart-table .thDesignation, .cart-table .thPrix{display:block;float: left;width: 50%;text-align: right;padding: 10px;} .cart-table .thPrix {width: 50%;} .cart-table td { display: block; padding: 0; } .cart-table td >div { padding: 0; border: none; } .cart-table .colImg a { width: 45px; height: 45px; float: right; margin: 15px 0 0;} .cart-table .colName .product-name {margin-top: 10px;} .cart-table .colRef >div {padding: 0;margin: 5px auto;} .cart-table .colRef b { width: 105px; text-align: left; padding: 0 10px 0 0; font-size: 10px; } .cart-table td .cart-price{padding: 0 10px 0 0;} .cart-table .colDel >div { padding: 5px 0 0; } .cart-table colgroup col{width: auto!important;} .cart-table .colImg{ float: left; width: 55px; } .cart-table .colImg > div{padding-right:10px;text-align: right;overflow: hidden;} .cart-table .colName{ float: left; width: 70%; } .cart-table .colRef{ clear: left; padding-bottom: 25px; padding-left: 55px; text-align: left; padding-top: 0; } .cart-table .colPrice{ position: absolute; right: 15px; text-align: right; top: 65px; width: 30%; } .cart-table .colDel{ position: absolute; right: 0; top: 0; width: 20px; } .data-table .cart-price { border: none;} .cart-table tr {position: relative; display: block;} .cart-table .boxAppear .bgarrow {top:-10px} .cart-table .tdAppearTxt{width:70%;float: left;} .cart-table .tdAppearPrice{width: 30%;float: left;text-align: right;} .cart-table .tdAppearPrice >div{padding-top: 5px;} .cart .totals {width:auto;float: right;max-width: 515px;} .cart .checkout-types {float:none} .cartCollateralsExtra {width:auto;clear: both;} .cartCollateralsExtra .back-link {margin:auto} .cart .discountIner {margin-left:-10px; margin-right:-10px;} .cart .discount .discount-form {padding-left:20px; padding-right:20px; margin:auto;float: none;} .cart .discount .discount-form label {float:none;width: auto;text-align: center;} .cart .discount .discount-form .boxForm {float:none; margin: auto;} .cart .totals .totals-tables{border:1px solid #dadada; ;margin: 20px auto;} .cartBottom {padding-top: 10px;} .cartBottom .back-link{ float: none;margin-left: 0px;margin-top: 0px;} .cartBottom .bxPicCards{ float: none; margin-top: 0;margin-bottom: 10px; text-align: center;} .opc .allow .step-title h2 {font-size: 12px;} .cart #shopping-cart-totals-table tr td {padding-right: 10px;} .boxAppear .info span.an {display: none;} /*trans home*/ .mdLangdingBlockInterm{} .mdLangdingBlockInterm .bxBlock1, .mdLangdingBlockInterm .bxBlock2{margin:0 auto 20px; width:auto; height:auto; max-width:460px; float: none;} .mdLangdingBlockInterm .bxBlock2 .bxBlock2Style .bxImg, .mdLangdingBlockInterm .bxBlock1 .bxImg {height: auto!important; min-height: 150px} /* cat page*/ .boxHeaderCategory{margin: auto;} .boxHeaderCategory img { display: none;} .boxHeaderCategory .titleCategory {color: #000;position: static;text-align: center;margin: 1em auto;} .toolbarTop .boxAmount, .toolbarTop .boxSortby {display: none; float: none; position: static; text-align: center; margin: 10px auto;} .toolbarTop .boxSortby {display: none; width: 270px; overflow: hidden;} .toolbarTop .boxAmount .amount {float:none} .catalog-category-view .col-left > * {display:none} .catalog-category-view .col-left .boxBlock-Banner{display:block;text-align: center;} .boxCategory-products .row-item {width: auto;} .boxCategory-products .row-item .col-item{ width: auto; float: none;} .boxCategory-products .col-item .gridProductsIt {border: 0!important} .gridProductsIt .itCt .pdName span {/*font-size:15px; font-weight:bold*/} .filterBarMb {display: block; border-bottom: 1px dotted #818181;margin-left: -10px;margin-right: -10px;padding: 0 10px;margin-bottom: 20px;} .filterBarMb .linkcat { display: none;} .col-left.sidebar {bottom: auto !important;position: relative !important;top: auto !important;} /* Slider ========================================================================= */ /* Slide Big */ .slideWrapper {padding-top: 20px;position: relative; } .slideWrapper .slidesWrap .slides .it { height: auto; padding: 0; } .slideWrapper .control {height: 50px;position: absolute;right: 0;top: -48px;width: 60px; } .slideWrapper .control .p, .slideWrapper .control .n { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/sliderNav_home_mb.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: 0; cursor: pointer; display: block; height: 18px; left: 0; margin-top: 0; position: absolute; top: 50%; width: 18px; } .slideWrapper .control .n { background-position: 100% 0; left: auto; right: 10px; } .slideWrapper .slidesWrap .slides { width: 100%; height: auto; min-height: 165px; } /* Slider Small */ .slideWrapper.small { padding: 10px 0; position: relative; } .slideWrapper.small .slidesWrap .slides { width: auto; height: auto; min-height: 50px;} .slideWrapper.small .slidesWrap .slides .it { height: auto } .slideWrapper.small .control { height: auto; position: static; width: auto; } .slideWrapper.small .control .p, .slideWrapper.small .control .n { background: url(https://www.cresus.fr/skin/frontend/default/cresus/images/slideNav_03.png) 0 0 no-repeat; width: 35px; display: block; position: absolute; top: 50%; left: 6px; bottom: 0; cursor: pointer; height: 35px; margin-top: -15px; } .slideWrapper.small .control .n { background-position: 100% 0; left: auto; right: 7px; } .slideWrapper.small .control .p:hover, .slideWrapper.small .control .n:hover { background-position: 0 100% } .slideWrapper.small .control .n:hover { background-position: 100% 100% } /*slider in trans home*/ .mdHomeSliderInterm .slideWrapperInterm {height:auto} .mdHomeSliderInterm .caroufredsel_wrapper, .mdHomeSliderInterm .slidesWrapInterm, .mdHomeSliderInterm .itCt {display: none!important;} .mdHomeSliderInterm .slideWrapperInterm .button {position:static;margin: 10px auto;} /* ======================================================================================= */ /* Display home ========================================================================= */ /* Product New Home */ .mdProductsNew .mdTt .lb, .mdProductsRecentView .mdTt .lb { color: #b6a876; float: left; font: 100 12px/20px lato,sans-serif; text-transform: uppercase; vertical-align: top; } /*.mdProductsNew .sliderNav .p, .mdProductsRecentView .sliderNav .p, .mdProductsNew .sliderNav .n, .mdProductsRecentView .sliderNav .n { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/sliderNav_03.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); cursor: pointer; height: 13px; position: absolute; right: 40px; top: 23px; width: 7px; } .mdProductsNew .sliderNav .n, .mdProductsRecentView .sliderNav .n { background-position: 100% 0; right: 15px; }*/ .mdProductsNew { position: relative } .mdProductsNew .gridProducts { border: none; padding-top: 0; } .mdProductsNew .mdTt .link { display: block; font-size: 9px; left: 0; line-height: 15px; padding: 0; position: absolute; text-align: center; top: 65px; width: 100%; } .mdProductsNew .mdTt .link a:hover, .mdProductsRecentView .mdTt .link a:hover { text-decoration: none; } .mdProductsNew .mdCt { padding-top: 40px;/*margin-bottom: 15px; */} .mdProductsNew .mdTt .lb .bold { margin-left: 5px;} .mdProductsNew .mdTt, .mdProductsRecentView .mdTt { padding: 15px 15px 5px; } /* List News Home / LesMarques */ .mdNews { border-bottom: 1px solid #ffffff; float: none; width: auto; position: relative; padding-bottom: 2px; } .mdNews:after { content: ""; height: 1px; width: 100%; background: #000000; position: absolute; left: 0; bottom: 0; } .mdNews .mdCt, .mdLesMarques .mdCt { padding-top: 0; height: 50px; background: none repeat scroll 0 0 #000000; position: relative; padding-left: 30px; } .mdNews .mdCt .listItems { padding-top: 0 } .mdNews .viewAll, .mdLesMarques .viewAll { color: #ffffff; font: 12px/15px lato,sans-serif; margin: 0; /* padding: 20px; */ text-decoration: none; text-transform: uppercase; /* position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: auto; */ background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/arrViewAll.png") no-repeat 0 center; padding-left: 10px; height: 50px; display: table-cell; vertical-align: middle; } .mdNews .viewAll:before, .mdLesMarques .viewAll:before { display: none } .mdNews .viewAll:hover, .mdLesMarques .viewAll:hover { color: #ffffff; text-decoration: underline; } .mdLesMarques { width: auto; float: none;} /* ProduitDernier */ .bxProduitDernier, .bxProduitDernier.gridProductsIt { width: auto; height: auto; border: none; margin: 0; float: none;} .bxProduitDernier .bxImg { float: left; width: 50%; } .bxProduitDernier .bxCt { float: right; padding-top: 130px; position: relative; text-align: center; width: 50%; } .bxProduitDernier.gridProductsIt:before { display: none } .bxProduitDernier .stick { left: 50%; margin: 0 auto 0 -53px; position: absolute; top: 0; } /* SlideRecommend */ .bxSlideRecommend { clear: both; float: none; width: auto; max-width: 550px; margin: 10px auto; border: 0;} .bxSlideRecommend .bxCt { padding: 0;} /* ProduitSimilar */ .bxProduitSimilar{float:none; border:0} .bxProduitSimilar:before {display: none;} .bxProduitSimilar .bxTt { padding: 20px 0 } .bxProduitSimilar .gridProducts {height: auto;} .bxProduitSimilar .gridProductsIt { border-bottom: 1px dotted #cdcdcd; margin: 0 20px; overflow: hidden; width: auto; float: none;} .bxProduitSimilar .gridProductsIt:before { display: none } .bxProduitSimilar .gridProductsIt .itImg { float: left; width: 50%; } .bxProduitSimilar .gridProductsIt .itCt { float: right; width: 50%; padding-top: 65px; } /* Other */ .homeLanding { min-height: 60px; width: 1080px; margin: auto; padding: 0 60px; background: #fff; text-align: left; position: relative; } .mdRecommandation .mdTt .lb { color: #b6a876; font: 12px/20px lato,sans-serif; padding: 5px 0; text-transform: uppercase; letter-spacing: 1px } .mdCmsBanner { display: none } /* ======================================================================================= */ /* Product Detail ========================================================================= */ .boxProductView { padding-top: 10px; margin-bottom: 0} .boxProductView .boxRowProd {position: relative; padding-top: 185px;} .boxProductView .boxRowProd .col-1 {float: none; width: auto; padding: 0 10px;} .boxProductView .boxRowProd .col-2 {float: none; width: auto; padding: 0 10px;} .boxProductView .boxRowProd .col-bottom {float: none; width: auto; padding: 0 10px;} .boxProductView .boxImgDetail .imgLarge {float: none; width: 320px; margin: 0 auto 20px } .boxProductView .boxImgDetail .imgLarge .borderImgLarge {min-height: 150px; width: 300px;} .boxProductView .boxImgDetail .imgLarge .borderImgLarge img { width: 300px; height: auto; display: block; border: 1px solid #eee; min-height: 100px;} .boxProductView .boxImgDetail .imgClickZoom {display: none} .boxProductView .boxImgDetail .imgThumb {float: none; width: 320px;padding-top: 0; margin: 0 auto; overflow: hidden;height: auto;} .boxProductView .boxImgDetail .imgThumb ul { overflow: hidden; float: left} .boxProductView .boxImgDetail .imgThumb ul li {border: none; float: left; width: 65px; margin-right: 15px; } .boxProductView .boxImgDetail .imgThumb ul li:last-child {} .boxProductView .boxImgDetail .imgThumb ul li a {border-bottom: 1px solid #d9d9d9; width: auto; } .boxProductView .boxImgDetail .imgClick360 { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/load360.jpg") no-repeat scroll center 20px; border-bottom: 1px solid #d9d9d9; border-top: none; display: block; float: left; height: 85px; width: 60px; display: none; } .boxProductShop .bxNameMobile {position: absolute; top: 0; left: 10px; right: 10px;} .boxProductShop .txtProductText { width: auto; display: inline-block; float: none; padding-top: 15px; } .boxProductShop .txtPriceBox { width: auto} .boxProductShop .addToBox { float: right; margin-left: 0; padding: 0; width: 150px; } .boxProductShop .txtPriceBox .price-box .special-price { margin-bottom: 0} .boxProductShop .txtPriceBox .price-box .special-price .price {font-size: 22px;} .boxProductShop .addToBox button.button span span { min-width: 150px; font-size: 11px; padding: 0} .boxProductShop .txtProductPrice {padding: 10px 0;text-align: center;} .boxProductShop .txtPriceBox .price-box .regular-price {margin-bottom: 5px;} .boxProductShop .txtPriceBox .price-box .regular-price .price { font-size: 18px; line-height: 20px;} .boxProductShop .txtPriceBox .price-box .totalPrice .price { font-size: 13px;} .boxProductShop .txtNameTop h1 { font-size: 22px; line-height: 25px;} .boxProductShop .txtPName { font-size: 14px;} .boxProductShop .txtNameTop .voteRating {padding-top: 5px;} .boxProductShop .txtNameTop .voteRating .stateProduct {opacity: 1;} .voteRating .rateStar {background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/voteoffx2.png") no-repeat;background-size: 94px 13px;} .voteRating .rateStar .rateStarOn {background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/voteonx2.png") no-repeat;background-size: 94px 13px;} /* .cartCollaterals .boxRow .boxCol:nth-child(3) { display: none}*/ .cartCollaterals .boxRow {text-align: center;} .cartCollaterals .boxRow .boxCol {display: inline-block;float: none; margin-bottom: 5px;} .cartCollaterals .boxRow .boxCol.boutiques-list {margin-right: 0} .boxProductNous .gridProducts .gridProductsIt {width: 155px;} .boxInfomationContent { margin-bottom: 15px; } .cartCollaterals .cartBoxadd .boxAddText a:after {display: none;} .boxProductNous .gridProductsIt {width: 160px;} .boxProductNous .gridProductsIt:nth-child(3), .boxProductNous .gridProductsIt:nth-child(4), .boxProductNous .gridProductsIt:nth-child(5) { display: none;} .boxProductNous .gridProductsIt .itExt {width: 115px;} .mdProductsRecentView .gridProductsIt {width: 160px;} .mdProductsRecentView .gridProductsIt .itExt {width: 115px;} /*#product_viewer_image > div { width: 300px!important; height: auto!important; } #product_viewer_image img { height: auto !important; width: 100% !important; } .catalog-product-view .fancybox-wrap{ width: 300px!important; margin-left: -10px!important} .catalog-product-view .fancybox-inner {height: auto !important;width: 300px !important;} .catalog-product-view .fancybox-skin {padding: 0px!important;} .product-viewer-360 { height: auto !important; margin: 0 auto; overflow: hidden; position: relative; text-align: center; width: 300px !important; }*/ .accesoriosRelate .hdProducAddition {} .hdProducAddition .sliderNav #sliderProductNewP { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/arr_prev_sl.png") no-repeat 50% 50%; cursor: pointer; display: inline-block; height: 14px; width: 14px; } .hdProducAddition .sliderNav #sliderProductNewN { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/arr_next_sl.png") no-repeat 50% 50%; cursor: pointer; display: inline-block; height: 14px; width: 14px; } .productAddition {} .productAddition .gridProductsIt {width: 160px} .accesoriosRelate .caroufredsel_wrapper {margin: auto!important} .catalog-product-view .fancybox-opened .fancybox-skin { padding: 5px!important; } .bxAddToCartPopup { width: auto; } .bxMessengerPopup button span span {font-size: 12px;letter-spacing: 1px;min-width: 100%;} /* ======================================================================================= */ /* Account ========================================================================= */ /* Account-Login */ .account-login .col2-set .col-1, .account-login .col2-set .col-2 { float: none; margin: 0 auto; max-width: 465px; width: 100%; } .account-login .col2-set .col-1 { margin-bottom: 20px; } .account-login .registered-users h2 span, .account-login .new-users h2 span { font-size: 11px; } /* Account-create */ .account-create .col2-set .col-1, .account-create .col2-set .col-2 { float: none; width: auto; } .account-create .form-list input.input-text { width: 100%!important; } .customer-name-prefix .box-radio label.styleRadio { width: auto; } .account-create .form-list, .account-create .txtRegMail, .account-create .top { padding: 0; } .account-create .fieldset .legend { padding: 0 0 20px; } .account-create .buttons-set button.button { margin-right: 0; } .cresus-account-pages .col-main { width: auto; padding-left: 10px; float: none; margin-bottom: 20px; } .cresus-account-pages .bxSponsorship .form-list .field { width: auto; } .cresus-account-pages .col-left { margin: 0; padding: 0; border: none; width: 95%; margin: 0 auto; max-width: 400px; } .cresus-account-pages .pager .amount { float: none; margin-right: 0; padding-bottom: 15px; } .page-title h1, .page-title h2 { font-size: 20px; font-weight: 20px; } .cresus-account-pages .block-title { background: #cccccc; } .cresus-account-pages .block-title:before, .cresus-account-pages .block-title:after { display: none; } .cresus-account-pages .block-account .block-content ul li { background: none; } .col2-set .col-1, .col2-set .col-2 { float: none; width: 100%; } div.sorter-pager div.entries { float: none; margin: 0!important; } .cresus-account-pages .sorter-pager .navPager { float: none; } .cresus-account-pages .form-list .customer-name-prefix .name-firstname, .cresus-account-pages .form-list .customer-name-middlename .name-firstname { margin: 0 0 20px 0; width: 260px; } .cresus-account-pages .form-list .customer-name-prefix .name-lastname, .cresus-account-pages .form-list .customer-name-middlename .name-lastname { margin-bottom: 10px; width: 260px; } .cresus-account-pages .pager .limiter { float: none; margin-bottom: 10px; } .cresus-account-pages .pager .pages { float: none; width: 100%; } .my-account colgroup{ display: none; } .my-account .data-table thead { display: none; } .my-account .data-table tr:nth-child(2n+1) { background: #ddd; } .my-account .data-table td { display: block; border-top: none; padding: 10px; } .my-account .data-table tr.odd { border-top: 1px solid #ccc; } .cresus-account-pages .my-wishlist textarea { width: 100%!important; } .cresus-account-pages .block { text-align: center; } .cresus-account-pages .block-account .block-title strong { position: relative; top: 15px; } .cresus-account-pages .boxList .txtInfo { width: auto; } /* ======================================================================================= */ /* Boutiques ========================================================================= */ /* List */ .listBoutiques .liBLeft {width: auto; float: none; margin-bottom: 20px;} .listBoutiques .liBLeft iframe {height: 300px!important} .listBoutiques .liBRight { float: none;margin: 0 auto;max-width: 300px;width: auto;} .listBoxBout .listBoxItem {float: none;margin: auto auto 35px;max-width: 300px;width: auto;} .listBoxBout .listBoxItem .bxImage img {width: 100%;height: auto;} /* Detail */ .boutique-main, .boutique-side {float: none; width: auto;} .boutique-main {margin-bottom: 20px;} .boutique-main .street {display: none;} .boutique-main .images {text-align: center;} .boutique-main .images .boxImg {float: none; display: inline-block; margin-bottom: 20px;} .boutique-info .photo-1 img { width: 100%} .boxBouti a { font-size: 9px;} .headerBoutique h1 {float: none; margin-bottom: 10px;} .headerBoutique .form-list {float: none;} .headerBoutique .form-list .input-box {width: 300px;} /* ======================================================================================= */ /* Page Styles ========================================================================= */ /* List */ .bxLesStylesCaption {width: 240px;} .btNaviControl {top: 200px;right: 255px;} .bxLesStylesCaption { top: 200px; right: 10px;} .bxLesStylesThumbs .pic { height: 80px; width: 120px; } .bxLesStylesThumbs ul li { display: inline-block; padding: 2px; margin: 0; } .contentLesStyles .bxLesStylesThumbs { top: 410px; left: 45px; } .bxLesStylesBt .btLinkCap {border: 1px solid #ffffff;} /* Detail */ .styles-styles-view .bxBlocStyle_1 {padding: 30px 20px; height: auto;} .styles-styles-view .bxBlocStyle_2 {padding: 10px; height: auto;} .bloc img{ width: 100%;} .styles-styles-view .std .btlink { min-width: 100%;} .styles-styles-view .std .bxTxtBg h3 { font-size: 40px;} .styles-styles-view table { width: 100%;} .headerPage .form-list .input-box { width: 300px;} /* ======================================================================================= */ /* CMS */ .cms-list img{ width: auto; } .cms-page-view .std .cms-list table td { display: block; width: auto; text-align: center; width: 300px; margin: 0 auto; } /* Send Friend */ .send-friend .form-list .field{ float: none; width: auto;} .send-friend .form-list li.wide .input-box{ width: auto; } /* Footer ========================================================================= */ /* Social */ .bxSocialChannel { float: none; margin-left: 0; overflow: hidden; width: auto; margin-bottom: 25px; } .bxSocialChannel .bxTt { display: none } .bxSocialChannel .bxCt { text-align: center } .bxSocialChannel .it { float: none; display: inline-block; } /* News letter */ .bxNewsletter { float: none; padding-right: 0; text-align: center; width: auto; } .bxNewsletter .bxTt { color: #4a4a4a; float: none; font: 11px/15px lato,sans-serif; margin-right: 0; margin-top: 0; text-transform: uppercase; margin-bottom: 10px; } .bxNewsletter .bxCt { float: none; margin: 0 auto; width: 256px; } /* Meta Service */ .bxMetaService { padding: 10px } .bxMetaService .bxIt { float: left; padding: 10px 0 5px; width: 33.3333%; } .bxMetaService .bxIt .txt { height: 50px; overflow: hidden; margin-bottom: 0} .bxMetaService .bxIt .pic {width: 45px; height: 45px;} /* Testimonials */ .mdTestimonials { float: none; width: auto; padding: 20px 10px; } .mdTestimonials .mdTt:before { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/icoClient.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); content: ""; display: block; height: 18px; left: 0; margin-top: -6px; position: absolute; top: 35%; width: 18px; background-size: contain; } .mdTestimonials .mdTt .navTesti .p, .mdTestimonials .mdTt .navTesti .n { top: 10px } .mdTestimonials .mdTt .txt { color: #151515; float: left; font: bold 11px/20px lato,sans-serif; margin-right: 10px; text-transform: uppercase; } .mdTestimonials .mdTt .viewAll { color: #4f4f4f; display: block; font-size: 9px; line-height: 20px; padding-top: 0; text-decoration: underline; text-transform: uppercase; } /* Bottom */ .bottomContainer .bottom { width: auto;padding-bottom: 15px; } .bottomMeta { width: auto } .bottomBlock { width: auto } .bottomLinks { width: auto; padding: 0 20px; margin-top: 0; } .bottomLinks .it { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; padding-left: 0; width: 50%; } .bottomLinks .itTt { color: #151515; text-transform: uppercase; font: bold 13px/15px lato,sans-serif; margin: 15px auto 10px; height: 30px; } .bottomLinks .it.wide { margin-left: 0; margin-top: 0; width: 50%;} .bottomLinks .it.wide .itCt {overflow: visible;} .bottomLinks .it.wide li { float: none; padding-left: 0; width: auto!important; } .bottomLinks .itCt {list-style: disc outside none;margin-left: 10px;margin-right: 10px;} /* Rejoindez */ .mdRejoindez { float: none; padding: 0 10px; width: auto; } .mdRejoindez .mdCt .banner { float: none; height: 60px; overflow: hidden; width: auto; } /* Other */ .mdProductsRecentView {margin-bottom: 15px;} .contactBoxadd p {padding: 6px 30px; max-width: 420px;} .contactBoxadd p b{ margin-right: 5px;} .contactBoxadd p a { margin-left: 0} .lstTestiIt { padding-top: 20px;} .lstTestiIt .ct { font-size: 9px; line-height: 10px; margin: 5px auto 20px; } .bxPicCards { display: block; margin: 5px auto 15px; padding: 0 20px; width: auto;} .validation-advice { text-align: left } .logoFooter { margin-top: 0; width: 140px;margin-bottom: 15px; } .footerContainer { margin: auto; padding: 10px 20px 20px; text-align: left; width: auto; } .footerContainer .sepPage_02 { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/sepPage_02.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0); clear: both; height: 15px; margin: 0 auto 20px; } .footer .textContent { display: none } .footer .cresus { float: none; margin-bottom: 15px; text-align: center; width: auto; } .footer .sutunam { display: block; float: none; font-size: 9px; line-height: 20px; text-align: center; } /* ======================================================================================= */ .slideWrapper .slidesWrap .slides ul { height: 0; overflow: hidden; } .borderImgLarge #productImageContainer { height: 458px; } .boxProductShop .addToBox .boxAlert { height: 55px; width: 145px; padding-top: 4px; position: relative; float: right; } /* Button Next Pre Popup */ .fancybox-nav span { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/darkBoxIcons.png") repeat 0 0; } .fancybox-next span { background-position: 0 -100px; border-radius: 3px; left: auto; right: -15px; } .fancybox-prev span { background-position: 0 -50px; border-radius: 3px; left: 0; } .cms_gridBlock { width: 300px; margin: 0 auto; } .cms_gridBlockIt img { width: 100%; } .cms_gridBlockIt a { margin: 0 0 10px 0; } .boxCategory-products .gridProductsIt .itExt { display:none; } .mdProductsNew .gridProductsIt .itExt { display: none; } .bxProduitDernier.gridProductsIt .itExt { display: none; } .gridProductsIt .statusArticle { cursor:default; -webkit-transition: 1s all; transition: 1s all; opacity: 1; display: block; font-size: 14px; font-family: 'lato', sans-serif; font-weight: 300; color: #ffffff; text-transform: uppercase; background: rgba(0, 0, 0, 0.8); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; text-align: center; padding: 7px; min-width: 145px; z-index: 2; } .gridProductsIt .bgHoverImg { -webkit-transition: 1s all; transition: 1s all; opacity: 1;border: 1px solid #ececec; position: absolute; left: 0; right: 0; top: 0; bottom: 5px; display: block; } .gridProductsIt .bgHoverImg span { position: absolute; left: 4px; right: 4px; top: 4px; bottom: 4px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/bg-ptline.png") repeat; z-index: 1;} /* CMS 2016 */ .cms-col-3 .col-0 { float: none; width: auto; margin-right: 0; } .cms-box-group-1 { margin-bottom: 10px; } .cms-icon-text { display: block; margin-bottom: 20px; overflow: hidden; } .cms-icon-text .cms-ico-txt-it { display: block; float: left; width: 50%; text-align: center; margin-bottom: 10px; } .cms-col-2-1 .col-2-left { max-width: none; float: none; margin-bottom: 30px; } .cms-col-2-1 .col-1-right { width: auto; float: none; } .cms-col-2-1 .text-box { min-height: auto; } .std .cms-col-2 .col-1 { float: none; width: auto; } .std .cms-col-2 .col-2 { width: auto; float: none; } .std .box-text { min-height: auto; } .box-text.box-text-1 { margin-bottom: 20px; } .box-text.box-text-2 { border-bottom: 0!important; } .box-text.box-text-2, .box-text.box-text-3 { padding-bottom: 20px; } .cms-col-3 .col-0:last-child > div { border-top: 0!important; margin-right: 0; } .std .cms-question { margin-bottom: 20px; } .std .cms-question .list-qt img:hover { opacity: 0.8; } .std img{ width: 100%; max-width: 100%; } .cms-block-3-content { margin-bottom: 20px; } .cms-block-3 .text-box { min-height: auto; } .std .min-height { min-height: auto!important } } /********* Mobile Landscape Size to Tablet Portrait *********/ @media (min-width: 768px) and (max-width: 1079px) { .picto-cetelem ul{width: 72%;} .cookiebanner {z-index: 16000003 !important;} /* Wrap */ .wrapper { background: #000!important } .page { background: #ffffff } .mainContainer, .main-container {width: auto; margin: 0;} .main { width: 728px; padding: 1px 0; } .cms-index-index .main{width: 660px} .breadcrumbs { margin-bottom: 20px; } .col-left,.col-main,.col-right{width:auto; float: none; padding: 0;border: 0;margin: auto;} .col2-left-layout .col-main{width: 540px; float: right;} .col2-left-layout .col-left{width: 170px; float: left;} .hide-responsive {display: none;} /* Header ========================================================================= */ .headerContainer {width: auto; margin: 0;} .header { width: 728px; padding: 0; min-height: 60px; } .onlyDesktop {display: none;} .notDesktop {display: block;} /* Top Page */ .topPage { width: 728px } /* Top Page Links */ .itTopPageLinks { margin-right: 25px } .itTopPageLinks .it { font-size: 9px; padding: 1px 5px; } /* Header Cart */ .itTopCart .bxListProducts .bxDel { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/buttonde-cart-hdl.png") no-repeat 0 0; border: 1px solid #B2B2B2; bottom: 10px; color: #D9D9D9; display: block; font-size: 11px; height: 16px; position: absolute; right: 0; text-align: center; width: 16px; cursor: pointer; line-height: 0; padding-top: 3px; } .itTopCart .bxListProducts .bxDel:hover { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/buttonde-cart-hdl.png") no-repeat 0px -20px } /* Search Mobile */ .topPage .searchMb { float: left; display: block; padding-top: 5px; } .topPage .searchMb .itRecherche { margin: 0; border-color: #656565; width: 140px;} .topPage .searchMb .itRecherche .input { width: 120px;} .topPage .searchMb .itRecherche:before { display: none } .topPage .searchMb .itRecherche button.button {background-position: 0 100%; opacity: 0.8; } .topPage .searchMb .itRecherche button.button:hover {opacity: 1; } /* Logo */ .header .logo { width: 205px; padding: 15px 0 15px; } /* Base Line */ .header .baseline { width: 290px; font-size: 9px; padding: 15px 5px 5px; } /* Top Cart */ .itTopCart { right: 0} .itTopCart:before { display: none } .itTopCart .ct { background: none repeat scroll 0 0 #ffffff; min-height: 63px; padding: 14px; } /* Header Bottom */ .headerBottom { width: 728px; padding: 0 0; } .headerBottom .itRecherche { display: none } /* Top Meta */ .bxTopMeta .it { width: 220px } .bxTopMeta .it.NavTablet { width: 70px; margin: 0; padding: 0; display: block; } .bxTopMeta { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/bgTopMeta2.png") repeat-x; min-height: 85px; margin-bottom: 10px; float: none!important; width: auto!important;} .bxTopMeta .it.noOne { width: 225px } .bxTopMeta .it.noOne .ico { left: 10px; top: 2px; } .bxTopMeta .it.trust { padding-left: 20px } .bxTopMeta .it.service { padding-right: 0 } .bxTopMeta .it.service { width: 205px; padding-left: 77px; } .bxTopMeta .it.service .ico { left: 20px } /* Menu Mobile */ .navigationContainer { display: none } .pageSideMenu { display: block } .btNavMb span { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/iconNavMb.png") repeat scroll center center #000000; cursor: pointer; display: block; height: 70px; width: 70px; } /* ======================================================================================= */ /* Slider ========================================================================= */ .slideWrapper .slidesWrap .slides { width: 660px; height: 338px; } .slideWrapper.small .slidesWrap .slides { width: auto } /*slider in trans home*/ .mdHomeSliderInterm .slideWrapperInterm {height:auto} .mdHomeSliderInterm .caroufredsel_wrapper, .mdHomeSliderInterm .slidesWrapInterm, .mdHomeSliderInterm .itCt {display: none!important;} .mdHomeSliderInterm .slideWrapperInterm .button {position:static;margin: 10px auto;} /* ======================================================================================= */ /*contact page */ .formCol .formColLeft { width: 260px; } .formCol .formColLeft, .formCol .formColRight, .cms-page-view .cms-list, .cresus-form .cms-list{width:auto; float:none; margin:auto;padding-bottom: 10px;} .formCol .formColLeft .textList {padding-bottom:10px} /*co pages*/ .checkout-onepage-index .header .baseline {width:520px} .checkout-onepage-index .col-left{ display: none; } .checkout-onepage-index .col3-layout .col-wrapper {width: 500px;} .checkout-onepage-index .col-right{float:right;width: 228px;} .checkout-onepage-index .bxTopMeta .it.service { width: 205px; padding-top: 0; } .checkout-onepage-index .bxTopMeta .it.trust { width: 220px; } /*cart page*/ .cartCollateralsExtra {clear:both} .boxAppear .info span.an {display: none;} .cart-table .colDel > div { padding: 55px 10px 10px; } .btn-remove2 { background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/icoDelete2.png") no-repeat; display: block; height: 30px; width: 30px; } /*trans home*/ .mdLangdingBlockInterm{} .mdLangdingBlockInterm .bxBlock1, .mdLangdingBlockInterm .bxBlock2{margin:0 auto 20px; width:auto; height:auto; max-width:460px; float: none;} .mdLangdingBlockInterm .bxBlock2 .bxBlock2Style .bxImg, .mdLangdingBlockInterm .bxBlock1 .bxImg {height: auto!important; min-height: 150px} /*cat page*/ .boxCategory-products .row-item {width: auto} /* Display home ========================================================================= */ /* Landing Bottom */ .mdLandingBottom { padding-bottom: 10px } .mdLandingBottom .it:nth-child(2) { float: right } .mdLandingBottom .it:nth-child(3) { display: none } /* Product New */ .mdProductsNew .mdCt { padding-bottom: 0 } .mdProductsNew .gridProductsIt .itImg .pic { } /* Banner */ .mdCmsBanner { margin-bottom: 20px } /* News / LesMarques */ .mdNews, .mdLesMarques { float: none; width: auto; position: relative; } .mdNews .mdCt { padding-top: 10px } .mdNews .viewAll, .mdLesMarques .viewAll { position: absolute; top: 5px; right: 0; margin: 0; } /* List Item */ .listItemsIt { padding: 0 0 10px; margin-bottom: 10px; } .listItems .listItemsIt:nth-child(3) { display: none } .listItemsIt .itImg .pic { width: 105px; height: 70px; } .listItemsIt .itCt { height: 60px } .listItemsIt .itImg .link { top: 20px } .gridImagesIt { width: 101px } /* ProduitDernier */ .bxProduitDernier.gridProductsIt { width: 395px ; margin: 0 0 5px; border-bottom: 0; height: 445px;} .bxProduitSimilar .gridProducts {height: 420px;} .bxProduitDernier .bxImg { float: left; width: 195px; } .bxProduitSimilar .gridProductsIt { float: none; width: 250px; overflow: hidden; } .bxProduitSimilar .gridProductsIt:first-child {border-bottom: 1px solid #dadada;} .bxProduitSimilar .gridProductsIt:before{display:none} .bxProduitSimilar .gridProductsIt:last-child { display: none } .bxProduitSimilar .gridProductsIt .itImg { width: 135px; float: left; } .bxProduitSimilar .gridProductsIt .itExt { display: none} .bxProduitSimilar .gridProductsIt .itCt .pdName { padding: 0 } .bxProduitSimilar .gridProductsIt .itCt { width: 115px; padding-top: 75px; float: left; } .bxProduitDernier.gridProductsIt:before { bottom: -1px; } /* SlideRecommend */ .bxSlideRecommend { border-left: medium none; clear: both; float: none; width: auto; position: relative; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/bgslidesmall.jpg") repeat-x center center; } .bxSlideRecommend .bxCt { padding: 20px 0; width: 540px; margin: 0 auto; background: #ffffff; } /* ======================================================================================= */ /* Product Detail ========================================================================= */ .boxProductView .boxRowProd {position: relative; /* padding-top: 105px; */} .boxProductShop .bxNameMobile {/* position: absolute; */ top: 0; left: 0px; right: 0px; border-bottom: 1px dotted #818181;overflow: hidden;margin: 0 auto 10px;} .boxProductView .boxRowProd .col-1 {width: 425px;} .boxProductView .boxRowProd .col-2 {width: 285px; float: right} .boxProductView .boxRowProd .col-bottom {width: 425px;} .catalog-product-view .main {} .boxProductView .boxImgDetail .imgLarge .borderImgLarge {min-height: 450px;} .boxProductShop .txtProductName { /* width: 290px; */ /* float: left; */ } .boxProductShop .txtProductPrice { /* width: 410px; */ /* float: right; */ padding: 0; border: none; } .boxProductShop .txtPriceBox { width: auto; min-width: 120px; } .boxProductShop .txtProductText { padding-top: 10px; float: left; text-align: center; } .boxProductShop .addToBox { float: none; margin: auto; clear: both; padding: 10px 0; } .boxProductShop .addToBox .boxAlert {position:relative;width: auto;left: auto;right: auto;} .cartCollaterals .boxRow {text-align: center;} .cartCollaterals .boxRow .boxCol {display: inline-block;float: none; margin-bottom: 5px;} .cartCollaterals .boxRow .boxCol.boutiques-list {margin-right: 0} .cartCollaterals .boxRow .boxCol { width: 144px; } .boxProductView .boxImgDetail .imgLarge { width: 340px; } .boxProductNous .gridProductsIt {width: 235px;} .boxProductNous .gridProductsIt:nth-child(4), .boxProductNous .gridProductsIt:nth-child(5) { display: none;} .boxProductNous .gridProductsIt .itExt {width: 225px;} .mdProductsRecentView .gridProductsIt {width: 235px;} .mdProductsRecentView .gridProductsIt .itExt {width: 225px;} /* ======================================================================================= */ /* Account ========================================================================= */ /* Account-Login */ .account-login .col2-set .col-1, .account-login .col2-set .col-2 { width: 350px; } /* account-create */ .account-create .col2-set .col-1, .account-create .col2-set .col-2 { float: none; width: auto; } .account-login .registered-users h2, .account-login .new-users h2 {font-size: 12px;} .cresus-account-pages .boxList {} .cresus-account-pages .boxList .itImg { float: none; margin: 0 10px 10px 0; width: 45px; } .cresus-account-pages .boxList .txtInfo { float: none; width: auto; } .my-account .data-table th, #my-orders-table1 tr th { font-size: 10px; } .cresus-account-pages .pager .amount { margin-bottom: 10px; } .cresus-account-pages .my-wishlist textarea { width: 100%!important; } /* ======================================================================================= */ /* Boutiques ========================================================================= */ .listBoutiques .liBLeft {width: 400px;} .listBoxBout .listBoxItem {width: 345px;} .listBoxBout .listBoxItem .bxImage img {width: 100%;height: auto;} /* Detail */ .boutique-main, .boutique-side {float: none; width: auto;} .boutique-main {margin-bottom: 20px;} .boutique-main .images {text-align: center;} .boutique-main .images .boxImg {float: none; display: inline-block;} .boutique-info .photo-1 img { width: 100%} .headerBoutique{ position: relative; padding-top: 60px; } .headerBoutique h1 {float: none; margin-bottom: 10px;} .headerBoutique .form-list {float: none;position: absolute;top: 0;left: 0;} .headerBoutique .form-list .input-box {width: 300px;} /* Page Styles ========================================================================= */ .styles-styles-view .bxBlocStyle_1 {padding: 10px; } .styles-styles-view .bxBlocStyle_2 {padding: 40px; } .styles-styles-view img {width: 100%;} .styles-styles-view .std .btlink {min-width: 100%;} /* CMS ========================================================================= */ .cms-list img{ width: 100%; } .cms_gridBlockIt img { #width: auto; #max-width:480px; } /* Footer ========================================================================= */ /* Social ========================================================================= */ .bxSocialChannel { margin-left: 0; width: 220px; } .bxSocialChannel .bxTt { display: none } .bxSocialChannel .bxCt .it:first-child { margin-left: 0 } /* News letter */ .bxNewsletter { padding: 0; width: 460px; } .bxMetaService .bxIt .pic { width: 45px } /* Bottom */ .bottomLinks .it { width: 165px } .bottomLinks .it.wide { width: 280px } .bottomLinks .it.wide li { padding-left: 0; width: 170px; } .bottomLinks .it.wide:nth-child(2n+1) li { width: 120px } .bottomLinks .it:nth-child(1) { width: 125px } .bottomLinks .it:nth-child(2) { padding-left: 25px; width: 155px; } .bottomLinks .it:nth-child(3) { padding-left: 30px; width: 190px; } .bottomLinks .it:nth-child(4) { padding-left: 25px; width: 190px; } .bottomLinks .it:nth-child(5) li { } .bottomLinks .it:nth-child(5) li:nth-child(2n+1) { width: 145px } .bottomLinks .it:nth-child(6) { width: 380px; padding-left: 30px; } .bottomLinks .it:nth-child(6) li { padding-left: 19px } .mdTestimonials { width: 320px } .mdRejoindez { width: 320px } .mdRejoindez .mdCt .banner { width: 185px } .footer .textContent { padding-top: 20px } .logoFooter { width: 150px; } .footerContainer, .bottomLinks, .bottom, .bottomMeta, .bottomBlock, .sepPage_3 { width: 728px;} .boxCategory-products .gridProductsIt .itExt { display:none; } .mdProductsNew .gridProductsIt .itExt { display: none; } .bxProduitDernier.gridProductsIt .itExt { display: none; } .gridProductsIt .statusArticle { cursor:default; -webkit-transition: 1s all; transition: 1s all; opacity: 1; display: block; font-size: 12px; font-family: 'lato', sans-serif; font-weight: 300; color: #ffffff; text-transform: uppercase; background: rgba(0, 0, 0, 0.8); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; text-align: center; padding: 7px; min-width: 130px; z-index: 2; } .gridProductsIt .bgHoverImg { -webkit-transition: 1s all; transition: 1s all; opacity: 1;border: 1px solid #ececec; position: absolute; left: 0; right: 0; top: 0; bottom: 5px;display: block; } .gridProductsIt .bgHoverImg span { position: absolute; left: 4px; right: 4px; top: 4px; bottom: 4px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/bg-ptline.png") repeat; z-index: 1;} /* CMS 2016 */ .cms-col-3 .col-0 { width: 230px; } .cms-box-group-1 .bx-text { padding: 10px; min-height: 120px; } .cms-col-2-1 .col-2-left { max-width: none; float: none; border-bottom: none; } .cms-col-2-1 .col-1-right { float: none; max-width: none; width: auto; overflow: hidden; } .cms-col-2-1 .col-1-right .img-box { float: left; width: 355px; } .cms-col-2-1 .col-1-right .text-box { float: right; width: 355px; min-height: 535px; } .std .cms-col-2 .col-1, .std .cms-col-2 .col-2 { width: 355px; } .std .cms-col-2 .col-2 { border-top: 1px dotted #818181; border-bottom: 1px dotted #818181; padding-bottom: 20px; } .cms-col-3 .col-0 > div { min-height: 280px !important; } .std .box-text { min-height: 275px; } .cms-block-3 .text-box { min-height: 535px; } .std .min-height { min-height: auto!important } } @media (min-width: 500px) and (max-width: 767px) { .cms-icon-text .cms-ico-txt-it { width: 33%; } } @media only screen and (max-width : 320px) { .boxBouti { text-align: left; } .boxBouti a .iconGoolePlus { top: 7px; width: 70px; background-size: 65px;} .boxBouti a { padding-left: 5px; } .boxCategory-products .gridProductsIt .itExt { display:none; } .mdProductsNew .gridProductsIt .itExt { display: none; } .bxProduitDernier.gridProductsIt .itExt { display: none; } .gridProductsIt .statusArticle { cursor:default; -webkit-transition: 1s all; transition: 1s all; opacity: 1; display: block; font-size: 14px; font-family: 'lato', sans-serif; font-weight: 300; color: #ffffff; text-transform: uppercase; background: rgba(0, 0, 0, 0.8); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; text-align: center; padding: 7px; min-width: 145px; z-index: 2; } .gridProductsIt .bgHoverImg { -webkit-transition: 1s all; transition: 1s all; opacity: 1;border: 1px solid #ececec; position: absolute; left: 0; right: 0; top: 0; bottom: 5px; display: block; } .gridProductsIt .bgHoverImg span { position: absolute; left: 4px; right: 4px; top: 4px; bottom: 4px; background: url("https://www.cresus.fr/skin/frontend/default/cresus/images/bg-ptline.png") repeat; z-index: 1;} } @media (min-width: 350px) and (max-width: 767px) { .boxProductShop .addToBox { width: 190px; } .boxProductShop .addToBox button.button span span { padding: 5px 10px; min-width: 190px; } } /*Title Mobile Table Account*/ .box-account .tt-mb, #my-orders-table .tt-mb { display: none; } @media only screen and (max-width : 767px) { .box-account .tt-mb, #my-orders-table .tt-mb{ display: block; color: #000000; margin-right: 10px; display: inline; } } /*End Title Mobile Table Account*/ /*Ticket #661: [FE] Make header sticky on scroll*/ /*https://projects.sutunam.com/projects/194/tickets/661*/ .headerContainer .btNavMb { display: none; } /*we use the break point 1080 because the theme defined style for table at this point */ @media only screen and (max-width: 1199px) { .headerContainer .NavTablet .btNavMb { display: block; } } @media only screen and (max-width : 767px) { .animated { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both } @-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } .topPageContainer .hdResponsive .btNavMb { display: none; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; opacity: 0; } .headerContainer .NavTablet .btNavMb { display: none; } .headerContainer .btNavMb { display: block; } .topPageContainer.sticky .hdResponsive .bxTopMeta { display: none; } .topPageContainer.sticky .hdResponsive .bxLogoMb { -webkit-transform: scale(0.8) translate(10px, 10px); -moz-transform: scale(0.8) translate(10px, 10px); -ms-transform: scale(0.8) translate(10px, 10px); -o-transform: scale(0.8) translate(10px, 10px); transform: scale(0.8) translate(10px, 10px); transform-origin: right; float: left; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .topPageContainer.sticky .hdResponsive .btNavMb { display: block; width: 50px; position: absolute; left: 0; top: 0; margin: 0; bottom: 0; opacity: 1; } .topPageContainer + .headerContainer { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; opacity: 1; } .headerContainer .btNavMb { -webkit-transform: scale(0.7) translate(-20px, -10px); -moz-transform: scale(0.7) translate(-20px, -10px); -ms-transform: scale(0.7) translate(-20px, -10px); -o-transform: scale(0.7) translate(-20px, -10px); transform: scale(0.7) translate(-20px, -10px); } .headerContainer .btNavMb i{ line-height: 50px; display: inline-block; vertical-align: middle; } .topPageContainer.sticky + .headerContainer { visibility: hidden; opacity: 0; } .headerBottom .bxTopMeta .it.noOne { width: 100%; float: left; height: 50px; } } /*ticket 694: https://projects.sutunam.com/projects/194/tickets/694*/ @media (max-width: 1199px) { .bxTopMeta .it.trust > p { letter-spacing: -1px; } } @media (max-width: 1079px) and (min-width: 768px) { .bxTopMeta .it.trust { padding-left: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } } /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magento.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magento.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2006-2017 X.commerce, Inc. and affiliates (http://www.magento.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://www.cresus.fr/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://www.cresus.fr/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://www.cresus.fr/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://www.cresus.fr/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://www.cresus.fr/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://www.cresus.fr/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://www.cresus.fr/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://www.cresus.fr/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://www.cresus.fr/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ /*** Custom styling ***/ /* Header */ .itTopCart .btClickShowHide { left: 0; } @media (min-width: 1080px) { .header .baseline { width: 400px; padding-right: 0; } .itTopCart .ct { width: 260px; } .bxTopMeta { min-height: 75px; width: 685px; } .bxTopMeta .it.noOne { width: 215px; } .bxTopMeta .it.trust { padding-right: 0px; width: 230px; } .itRecherche { width: 260px; height: 45px; margin: 23px 0 20px; } .itRecherche .input { font-size: 11px; height: 32px; } .itRecherche button.button { width: 57px; height: 41px; } .checkout-onepage-index .bxTopMeta .it.noOne { width: 360px; } } @media (max-width: 1079px) and (min-width: 768px) { .itTopCart .ct { padding: 12px; } .itTopCart .btClickShowHide { background-size: 100% auto; bottom: -18px; width: 100%; } } /* Product page */ @media (min-width: 1080px) { .boxProductShop .txtPriceBox { width: 120px; } .boxProductShop .txtProductText { width: 70px; } .boxProductShop .addToBox { width: 237px; } .boxProductShop .addToBox button.button { width: 100%; margin: 0 0 8px; } .boxProductShop .addToBox button.btn-cart span span { padding: 4px; } } @media (max-width: 1079px) and (min-width: 768px) { .boxProductShop .txtProductName { margin-bottom: 0; } .boxProductShop .txtNameTop h1 { float: none; } .boxProductShop .txtNameTop .voteRating { float: none; padding-top: 10px; } .boxProductShop .txtProductPrice { border-top: none; padding: 15px 0 25px; } .boxProductShop .txtProductText { padding-top: 10px; } .boxProductShop .addToBox { float: left; width: 100%; margin-top: 15px; padding-left: 0; } .boxProductShop .addToBox button.button { width: 100%; margin: 0 0 8px; } .boxProductShop .addToBox button.btn-cart span span { padding: 6px; } #my-orders-table1 tr th:nth-child(3), #my-orders-table1 tr td:nth-child(3) { display: none; } } /* Cart page */ .cart .discount, .boxExtra .boxExtraContent { background: #ffffff; } .cart .totals { width: 470px; } .cart #shopping-cart-totals-table { background: #ffffff; } .cart #shopping-cart-totals-table tr td { background: #ffffff; color: #565656; } .cart .totals tfoot td .price { color: #565656; } .cart .notifications { clear: both; } @media (max-width: 767px) and (min-width: 320px) { .cart .totals { width: 100%; } .cart-table .colRef { padding-bottom: 50px; } .cart-table .colPrice { right: 3px; top: auto; bottom: 15px; } .cart-table .tdAppearPrice > div { padding-top: 10px; } .boxAppear .info a { margin-left: 10px; } .boxAppear .price { padding-right: 0; } } .cms-list-center { text-align: center; } .cms-list-center.cms-icon-text .cms-ico-txt-it { display: inline-block; padding: 0 10px; float: none; width: auto; } /* Temporary fix for Trustpilot issue */ .bxTopMeta .it.trust .star, .bxTopMeta .it.trust .txt { display: none; } .bxTopMeta .it.trust .ico { margin-top: 10px; } /* Popin */ .popin-avantage { font: 22px 'Lato', sans-serif; color: #b6a876; font-weight: 600; text-align: left; margin-bottom: 10px; } .popin-reassurance { font: 700 12px 'Lato', sans-serif; color: #ffffff; text-align: left; margin-bottom: 10px; } .popin-reassurance a { color: #ffffff; text-align: center; display: block; } .popin-btn-finalizeOrder { display: block; } .popin-btn-finalizeOrder a { font: 17px lato, sans-serif; color: #ffffff; font-weight: 400; padding: 8px 0; background-color: #b6a876; text-align: center; margin-top: 20px; margin-bottom: 5px; display: block; } .popin-btn-finalizeOrder a:hover { opacity: 0.8; } .popin-btn-info { font: 600 12px/15px 'Lato', sans-serif; color: #ffffff; background-color: rgba(255, 255, 255, 0.2); text-align: center; padding: 5px 0; margin: 0 0 5px; } .popin-btn-info a { color: #ffffff; } .popin-Besoin { font: 16px/20px 'Lato', sans-serif; color: #ffffff; font-weight: 700; font-size: 16px; margin-bottom: 10px; text-align: left; margin-top: 15px; height: 30px; } .popin-inscrivezvous { font: 14px/18px 'Lato', sans-serif; color: #ffffff; padding-bottom: 0px; text-align: left; margin-bottom: 5px; } .popin-input-votreemail { height: 40px; width: 240px; background-color: #ffffff; border: none; } .popin-btn-envoyer { height: 40px; width: 110px; background-color: #b6a876; border: none; color: white; text-decoration: none; cursor: pointer; font: 400 18px/20px 'Lato', sans-serif; color: #ffffff; background-color: #b6a876; margin: auto; text-align: center; } .popin-btn-envoyer:hover { opacity: 0.8; } .popin-form { margin-bottom: 20px; } .popin-wrap input { border: none; padding: 0 20px; } .popin-wrap { width: 700px; padding: 30px 0; position: relative; } .popin-wrap:before { content: ''; background: rgba(255,255,255,0.5); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(30%, rgba(245,245,245,0.5)), color-stop(60%, rgba(237,237,237,0))); background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(245,245,245,0.5) 30%, rgba(237,237,237,0) 60%); background: -webkit-radial-gradient(center ellipse, rgba(255,255,255,1) 0%, rgba(245,245,245,0.5) 30%, rgba(237,237,237,0) 60%); background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(245,245,245,0.5) 30%, rgba(237,237,237,0) 60%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 ); position: absolute; z-index: -1; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.5; } .popin-wrap:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } .popin-wrap .popin-images { float: left; width: 305px; padding: 0 10px; text-align: center; } .popin-wrap .popin-info { float: right; width: 395px; padding-right: 40px; } .popin-popup .fancybox-skin { background: none; } .popin-popup.fancybox-opened .fancybox-skin { box-shadow: none; } .popin-popup .fancybox-close, .popin-popup .fancybox-nav span { background: none; height: auto; width: auto; margin: 0; } .popin-popup .fancybox-close { position: absolute; display: block; left: auto; right: 10px; top: 10px; } .popin-popup .fancybox-close:after { content: 'X'; font: 17px/32px 'Lato', sans-serif; width: 32px; height: 32px; color: #ffffff; background: #5b5a59; border-radius: 50%; text-align: center; display: block; } .popin-popup .fancybox-skin { margin-top: 0; } .sf-minitoolbar { background-color: #222; border-top-left-radius: 4px; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; height: 36px; padding: 6px; position: fixed; right: 0; z-index: 99999; } .sf-minitoolbar a { display: block; } .sf-minitoolbar svg, .sf-minitoolbar img { max-height: 24px; max-width: 24px; display: inline; } .sf-toolbarreset * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; vertical-align: baseline; } .sf-toolbarreset { background-color: #222; bottom: 0; box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.2); color: #EEE; font: 11px Arial, sans-serif; left: 0; margin: 0; padding: 0 36px 0 0; position: fixed; right: 0; text-align: left; z-index: 16000003; } .sf-toolbarreset abbr { border: dashed #777; border-width: 0 0 1px; } .sf-toolbarreset svg, .sf-toolbarreset img { max-height: 20px; max-width: 20px; } .sf-toolbarreset .hide-button { background: #444; cursor: pointer; display: block; position: absolute; top: 0; right: 0; width: 36px; height: 36px; cursor: pointer; text-align: center; } .sf-toolbarreset .hide-button svg { max-height: 18px; margin-top: 10px; } .sf-toolbar-block { cursor: default; display: block; float: left; height: 36px; margin-right: 0; white-space: nowrap; } .sf-toolbar-block > a, .sf-toolbar-block > a:hover { display: block; text-decoration: none; } .sf-toolbar-block span { display: inline-block; } .sf-toolbar-block .sf-toolbar-value { color: #F5F5F5; font-size: 13px; line-height: 36px; padding: 0; } .sf-toolbar-block .sf-toolbar-label, .sf-toolbar-block .sf-toolbar-class-separator { color: #AAA; font-size: 12px; } .sf-toolbar-block .sf-toolbar-info { border-collapse: collapse; display: table; z-index: 100000; } .sf-toolbar-block hr { border-top: 1px solid #777; margin: 4px 0; padding-top: 4px; } .sf-toolbar-block .sf-toolbar-info-piece { /* this 'border-bottom' trick is needed because 'margin-bottom' doesn't work for table rows */ border-bottom: solid transparent 3px; display: table-row; } .sf-toolbar-block .sf-toolbar-info-piece-additional, .sf-toolbar-block .sf-toolbar-info-piece-additional-detail { display: none; } .sf-toolbar-block .sf-toolbar-info-group { margin-bottom: 4px; padding-bottom: 2px; border-bottom: 1px solid #333333; } .sf-toolbar-block .sf-toolbar-info-group:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .sf-toolbar-block .sf-toolbar-info-piece .sf-toolbar-status { padding: 2px 5px; margin-bottom: 0px; } .sf-toolbar-block .sf-toolbar-info-piece .sf-toolbar-status + .sf-toolbar-status { margin-left: 4px; } .sf-toolbar-block .sf-toolbar-info-piece:last-child { margin-bottom: 0; } .sf-toolbar-block .sf-toolbar-info-piece a { color: #99CDD8; text-decoration: underline; } .sf-toolbar-block .sf-toolbar-info-piece a:hover { text-decoration: none; } .sf-toolbar-block .sf-toolbar-info-piece b { color: #AAA; display: table-cell; font-size: 11px; padding: 4px 8px 4px 0; } .sf-toolbar-block .sf-toolbar-info-piece span { } .sf-toolbar-block .sf-toolbar-info-piece span { color: #F5F5F5; font-size: 12px; } .sf-toolbar-block .sf-toolbar-info { background-color: #444; bottom: 36px; color: #F5F5F5; display: none; padding: 9px 0; position: absolute; } .sf-toolbar-block .sf-toolbar-info:empty { visibility: hidden; } .sf-toolbar-block .sf-toolbar-status { display: inline-block; color: #FFF; background-color: #666; padding: 3px 6px; margin-bottom: 2px; vertical-align: middle; min-width: 15px; min-height: 13px; text-align: center; } .sf-toolbar-block .sf-toolbar-status-green { background-color: #4F805D; } .sf-toolbar-block .sf-toolbar-status-red { background-color: #B0413E; } .sf-toolbar-block .sf-toolbar-status-yellow { background-color: #A46A1F; } .sf-toolbar-block.sf-toolbar-status-green { background-color: #4F805D; color: #FFF; } .sf-toolbar-block.sf-toolbar-status-red { background-color: #B0413E; color: #FFF; } .sf-toolbar-block.sf-toolbar-status-yellow { background-color: #A46A1F; color: #FFF; } .sf-toolbar-block-request .sf-toolbar-status { color: #FFF; display: inline-block; font-size: 14px; height: 36px; line-height: 36px; padding: 0 10px; } .sf-toolbar-block-request .sf-toolbar-info-piece a { text-decoration: none; } .sf-toolbar-block-request .sf-toolbar-info-piece a:hover { text-decoration: underline; } .sf-toolbar-status-green .sf-toolbar-label, .sf-toolbar-status-yellow .sf-toolbar-label, .sf-toolbar-status-red .sf-toolbar-label { color: #FFF; } .sf-toolbar-status-green svg path, .sf-toolbar-status-red svg path, .sf-toolbar-status-yellow svg path { fill: #FFF; } .sf-toolbar-block-config svg path { fill: #FFF; } .sf-toolbar-block .sf-toolbar-icon { display: block; height: 36px; padding: 0 7px; } .sf-toolbar-block-request .sf-toolbar-icon { padding-left: 0; padding-right: 0; } .sf-toolbar-block .sf-toolbar-icon img, .sf-toolbar-block .sf-toolbar-icon svg { border-width: 0; position: relative; top: 8px; } .sf-toolbar-block .sf-toolbar-icon img + span, .sf-toolbar-block .sf-toolbar-icon svg + span { margin-left: 4px; } .sf-toolbar-block-config .sf-toolbar-icon .sf-toolbar-value { margin-left: 4px; } .sf-toolbar-block:hover { position: relative; } .sf-toolbar-block:hover .sf-toolbar-icon { background-color: #444; position: relative; z-index: 10002; } .sf-toolbar-block:hover .sf-toolbar-info { display: block; padding: 10px; max-width: 480px; max-height: 480px; word-wrap: break-word; overflow: hidden; overflow-y: auto; } .sf-toolbar-info-piece b.sf-toolbar-ajax-info { color: #F5F5F5; } .sf-toolbar-ajax-requests { width: 100%; } .sf-toolbar-ajax-requests td { background-color: #444; border-bottom: 1px solid #777; color: #F5F5F5; font-size: 12px; padding: 4px; } .sf-toolbar-ajax-requests tr:last-child td { border-bottom: 0; } .sf-toolbar-ajax-requests th { background-color: #222; border-bottom: 0; color: #AAA; font-size: 11px; padding: 4px; } .sf-ajax-request-url { max-width: 300px; line-height: 9px; overflow: hidden; text-overflow: ellipsis; } .sf-toolbar-ajax-requests .sf-ajax-request-url a { text-decoration: none; } .sf-toolbar-ajax-requests .sf-ajax-request-url a:hover { text-decoration: underline; } .sf-ajax-request-duration { text-align: right; } .sf-ajax-request-loading { -webkit-animation: sf-blink .5s ease-in-out infinite; -o-animation: sf-blink .5s ease-in-out infinite; -moz-animation: sf-blink .5s ease-in-out infinite; animation: sf-blink .5s ease-in-out infinite; } @-webkit-keyframes sf-blink { 0% { background: #222; } 50% { background: #444; } 100% { background: #222; } } @-moz-keyframes sf-blink { 0% { background: #222; } 50% { background: #444; } 100% { background: #222; } } @keyframes sf-blink { 0% { background: #222; } 50% { background: #444; } 100% { background: #222; } } .sf-toolbar-block-dump pre.sf-dump { background-color: #222; border-color: #777; border-radius: 0; margin: 6px 0 12px 0; width: 200px; } .sf-toolbar-block-dump pre.sf-dump:last-child { margin-bottom: 0; } .sf-toolbar-block-dump .sf-toolbar-info-piece .sf-toolbar-file-line { color: #AAA; margin-left: 4px; } .sf-toolbar-block-dump .sf-toolbar-info img { display: none; } /* Override the setting when the toolbar is on the top */ /* Responsive Design */ .sf-toolbar-icon .sf-toolbar-label, .sf-toolbar-icon .sf-toolbar-value { display: none; } .sf-toolbar-block-config .sf-toolbar-icon .sf-toolbar-label { display: inline-block; } /* Legacy Design - these styles are maintained to make old panels look a bit better on the new toolbar */ .sf-toolbar-block .sf-toolbar-info-piece-additional-detail { color: #AAA; font-size: 12px; } .sf-toolbar-status-green .sf-toolbar-info-piece-additional-detail, .sf-toolbar-status-yellow .sf-toolbar-info-piece-additional-detail, .sf-toolbar-status-red .sf-toolbar-info-piece-additional-detail { color: #FFF; } @media (min-width: 768px) { .sf-toolbar-icon .sf-toolbar-label, .sf-toolbar-icon .sf-toolbar-value { display: inline; } .sf-toolbar-block .sf-toolbar-icon img, .sf-toolbar-block .sf-toolbar-icon svg { top: 6px; } .sf-toolbar-block-config:hover .sf-toolbar-info { right: 0; } .sf-toolbar-block-time .sf-toolbar-icon svg, .sf-toolbar-block-memory .sf-toolbar-icon svg { display: none; } .sf-toolbar-block-time .sf-toolbar-icon svg + span, .sf-toolbar-block-memory .sf-toolbar-icon svg + span { margin-left: 0; } .sf-toolbar-block .sf-toolbar-icon { padding: 0 10px; } .sf-toolbar-block-time .sf-toolbar-icon { padding-right: 5px; } .sf-toolbar-block-memory .sf-toolbar-icon { padding-left: 5px; } .sf-toolbar-block-request .sf-toolbar-icon { padding-left: 0; padding-right: 0; } .sf-toolbar-block-request .sf-toolbar-status + .sf-toolbar-label { margin-left: 4px; } .sf-toolbar-block-request .sf-toolbar-label + .sf-toolbar-value { margin-right: 10px; } .sf-toolbar-block-request:hover .sf-toolbar-info { max-width: none; } .sf-toolbar-block .sf-toolbar-info-piece b { font-size: 12px; } .sf-toolbar-block .sf-toolbar-info-piece span { font-size: 13px; } .sf-toolbar-block-right { float: right; margin-left: 0; margin-right: 0; } } @media (min-width: 1024px) { .sf-toolbar-block .sf-toolbar-info-piece-additional, .sf-toolbar-block .sf-toolbar-info-piece-additional-detail { display: inline-block; } .sf-toolbar-block .sf-toolbar-info-piece-additional:empty, .sf-toolbar-block .sf-toolbar-info-piece-additional-detail:empty { display: none; } } .yui-ac label { float:left; height:21px; width:24px; overflow:hidden; text-align:left; text-indent:-999em; } .yui-ac button { display:block; padding:0; margin:0; width:auto; vertical-align:middle; overflow:visible; border:0 none; cursor:pointer; background:none repeat scroll 0 0 transparent; color:#2F2F2F; font:12px/15px Arial,Helvetica,sans-serif; } .yui-ac button span { display:block; height:21px; padding:0 0 0 3px; /*background:url("https://www.cresus.fr/skin/frontend/default/cresus/images/sutunam/autocomplete/btn_search.gif") no-repeat scroll 0 0 transparent;*/ color:#FFFFFF; text-align:center; white-space:nowrap; font:bold 11px/21px Tahoma,Verdana,Arial,sans-serif; } .yui-ac button span span { background-position:100% 0; padding:0 6px 0 3px; } /* results container */ #myContainer, .yui-ac-container { position:absolute; z-index:999; } /* results content */ .yui-ac-content { background-color: #FFF; border: 1px solid #656565; width: 320px; padding: 5px; margin: 0 -97px; } /* header within container */ .yui-ac-hd { color:#999999; display:block; margin-bottom:4px; padding:0 4px; /* border-bottom:dashed 1px #999999; */ text-align:left; font-style:italic; } /* item list (ul) container */ .yui-ac-bd { padding: 5px; font-family: lato,sans-serif; letter-spacing: 1px; } /* items container*/ .yui-ac-content ul, .header .form-search .search-autocomplete ul { background-color:#ffffff; border:none; padding: 5px; } /* result item */ .header .form-search .search-autocomplete ul > li, .yui-ac-content ul > li { border:solid 1px #C4C6C8; margin: 5px 0 0; padding: 5px 10px; cursor:pointer; min-height: 30px; color:#2F2F2F; } .yui-ac-highlight { /* highlighted result item */ background-color: #D5E4EB; } .searched-words { /* highlight of the words being searched */ color:red; } .search-autocomplete ul > li{text-align:left} .search-autocomplete ul > li p{text-align:justify} .yui-ac-content ul > li:hover{ background-color: #000; } .yui-ac-bd ul > li.selected{ background-color: #000; } .yui-ac-content ul > li:hover a { color: #fff } .yui-ac-bd ul > li.selected a{ color: #fff } .yui-ac-bd ul > li.aw_hidden{ background-color: white; border: medium none; margin: 0; padding: 0; display: none; } .std ul.disc { float: left; } .sutunam-suggest { text-align: left; } .sutunam-suggest a { margin: 0 3px 0 0; } .aw-sas-all-results-wrapper { padding-top: 3px; } .aw-sas-all-results { display: block; margin: auto; padding: 0; height: 36px; border: none; background: #069; color: #fff; text-align: center; text-decoration: none !important; font-weight: bold; font-size: 14px; line-height: 36px; cursor: pointer } .aw-sas-suggest-all-results:hover { background: #00527a; } /* Search autocomplete */ .search-autocomplete .products-list li.item {padding: 10px 0} .search-autocomplete .products-list .product-image { margin-bottom: 0; font-size: 12px;} .search-autocomplete .product-name a { font-weight: normal;} .search-autocomplete .product-name a:hover, .search-autocomplete .product-name a:hover .searched-words { color: #ae904a} .searched-words { color: #000000; font-weight: bold; } .yui-ac-content ul > li {padding: 0; border: none;} .yui-ac-content ul > li > a { background: none repeat scroll 0 0 #000000; display: block; font: bold 15px/25px lato,sans-serif; letter-spacing: 1px; padding: 10px; text-align: center; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; color: #ffffff; } .yui-ac-content ul > li > a:hover { background: #b4a17a; } .hide-element { display: none!important; } .cookiebanner {} .cookiebanner-inner { color: #ffffff; font: 12px/14px "Roboto",sans-serif; margin: 0 auto; max-width: 1000px; } .cookiebanner-inner .cookiebanner-close { background: #1a171b; border-radius: 2px; color: #ffffff; cursor: pointer; display: inline-block; font: 700 12px/14px "Roboto",sans-serif; padding: 5px; } .cookiebanner-inner .cookiebanner-close:hover { background: #e66a06; } .cookiebanner-inner .cookiebanner-link { color: #ffffff; font: 700 12px/14px "Roboto",sans-serif; margin: 0 20px; } #panel, #flip { padding: 5px; text-align: center; background-color: #e5eecc; border: solid 1px #c3c3c3; } #panel { padding: 50px; display: none; } .form-newsletter-popin{ margin: 0 auto; text-align: center; font: bold 13px lato; max-width: 325px; position: relative; } .form-newsletter-popin input{ width: 230px; box-sizing: border-box; border-bottom-left-radius: 2px; border-top-left-radius: 2px; background-color: #ffffff; box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08); padding: 14px 15px 14px 40px; border: 1px solid grey;; border-right: 0; color:grey; outline: none; -webkit-appearance: none; } .form-newsletter-popin button{ border-bottom-right-radius: 2px; border-top-right-radius: 2px; background-color: #be9e55; box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08); color: #ffffff; padding: 15px 22px; margin-left: -4px; cursor: pointer; border: none; outline: none; } .form-newsletter-popin i{ position: absolute; top: 15px; left: 20px; font-size: 16px; color: #80A3BD; } /* Placeholder color */ .form-newsletter-popin input::-webkit-input-placeholder { color: #879097; } .form-newsletter-popin input::-moz-placeholder { color: #879097; opacity: 1; } .form-newsletter-popin input:-ms-input-placeholder { color: #879097; }