@font-face { font-family: 'pokerprod-icons'; src: url('../fonts/pokerprod-icons.eot?va6lgi'); src: url('../fonts/pokerprod-icons.eot?#iefixva6lgi') format('embedded-opentype'), url('../fonts/pokerprod-icons.woff?va6lgi') format('woff'), url('../fonts/pokerprod-icons.ttf?va6lgi') format('truetype'), url('../fonts/pokerprod-icons.svg?va6lgi#pokerprod-icons') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HelveticaNeue-CondensedBold'; src: url('../fonts/HelveticaNeueCondensedBold.eot'); src: url('../fonts/HelveticaNeueCondensedBold.eot') format('embedded-opentype'), url('../fonts/HelveticaNeueCondensedBold.woff') format('woff'), url('../fonts/HelveticaNeueCondensedBold.otf') format('truetype'), url('../fonts/HelveticaNeueCondensedBold.ttf') format('truetype'), url('../fonts/HelveticaNeueCondensedBold.svg#HelveticaNeueCondensedBold') format('svg'); font-weight: bold; -webkit-font-stretch: extra-condensed; -moz-font-stretch: extra-condensed; font-stretch: extra-condensed; }
html { width: 100%; }
#nav-home ul, #nav-home ol, .header-container ul, .header-container ol, .footer-container ul, .footer-container ol, .nav-container ul, .nav-container ol { margin: 0; padding: 0; list-style: none; }
a { text-decoration: none; color: #646464; }
a:hover { text-decoration: underline; }
hr { display: block; height: 2px; margin: 30px 0 15px 0; padding: 0; border: 0; line-height: 1; color: #ccc; background-color: #ccc; }
img { max-width: 100%; }
.hidden { display: none; visibility: hidden; }
label:not(.radio) { width: 100%; box-sizing: border-box; display: inline-block; }
.btn-top { display: block; text-align: right; color: #010d12; font-size: 12px; font-size: 0.8rem; text-decoration: underline; }
.main-container .main .main-title { font-family: 'HelveticaNeue-CondensedBold', Helvetica, Arial, 'sans-serif'; text-transform: uppercase; color: #144b7d; margin: 24px 0 21px 0; font-weight: bold; font-size: 18px; font-size: 1.4rem; }
.static .main-container .main h2 { font-size: 18px; font-size: 1.4rem; font-family: 'HelveticaNeue-CondensedBold', Helvetica, Arial, 'sans-serif'; color: #144b7d; }
.static .main-container ul { list-style: disc inside; padding-left: 20px; }
input[type=text], input[type=textarea], input[type=password], select { border: 1px solid #e4e4e4; padding: 7px; box-sizing: border-box; display: inline-block; background: #e4e4e4; }
textarea { width: 100%; border: 0 none; padding: 10px; background: #e4e4e4; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.header-container #header-tools #searchInput { background: #ffffff; }
.ordered-list { margin-bottom: 30px; list-style-type: none; }
.ordered-list li { padding-left: 50px; position: relative; margin-bottom: 20px; }
.ordered-list li:before { content: ""; background: #144b7d; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; color: white; display: inline-block; vertical-align: top; width: auto; /* hack IE<8 */ zoom: 1; *display: inline;
width: 40px; height: 40px; line-height: 40px; text-align: center; font-family: 'HelveticaNeue-CondensedBold', Helvetica, Arial, 'sans-serif'; font-size: 20px; font-size: 1.4rem; position: absolute; left: 0; }
.ordered-list .ordered-list-1:before { content: "1"; }
.ordered-list .ordered-list-2:before { content: "2"; }
.ordered-list .ordered-list-3:before { content: "3"; }
.ordered-list .ordered-list-4:before { content: "4"; }
.ordered-list .ordered-list-5:before { content: "5"; }
.text-warning { color: red; }
.btn-top { margin: 20px 0; }
#fil-ariane { font-size: 12px; font-size: 0.8rem; }
address{ padding: 20px 20px 0 20px; }
/* ------ LAYOUT ------ */
html { background: #08376d; }
body { background: url(../img/body-background.png) repeat top center; }
.main-container { width: 100%; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: white; }
.main-container .main > * { /*padding: 0 18px 20px; font-size: 13px; font-size: 0.9rem;*/ }
.main-container.static .main.wrapper { padding: 124px 20px 20px; }
@media screen and (min-width: 1024px) and (min-device-height: 720px) {
label:not(.radio) { width: 40%; }
.hidden-xs { display: inherit; visibility: visible; }
.hidden-lg { display: none; visibility: hidden; }
.main-container { width: 1000px; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.main-container .main > * { padding: 0; }
.main-container .main { font-size: 0; }
.main-container .main > * { font-size: 12px; font-size: 0.8rem; }
#fil-ariane { margin-top: 0; }
.main-container.static .main > h1 { font-size: 24px; }
.main-container.static .main > h2 { font-size: 20px; }
.main-container.static .main > ol, .main-container .main > ul { margin: 0 0 0 40px; }
.main-container.static .main.wrapper { padding-top: 20px; }
}
/* ----- Header ----- */
.header-container { width: 100%; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: fixed; z-index: 90; top: 0; }
.header-container#header-desktop { display: none; }
.header-container#header-mobile { background: #02295a; }
.header-container#header-mobile .wrapper { height: 70px; }
.header-container#header-mobile .header-block#header-nav { float: right; }
.header-container .header-block { display: inline-block; width: auto; /* hack IE<8 */ zoom: 1; *display: inline;
vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.header-container #logo-mobile { height: 62px; margin-left: 18px; margin-top: 6px; }
.header-container #header-nav { width: 50%; }
.header-container #nav-mobile { height: 70px; }
.header-container #nav-mobile ul { width: 100%; display: table; table-layout: fixed; }
.header-container #nav-mobile li { display: table-cell; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; empty-cells: show; }
.header-container #nav-mobile a { display: block; height: 70px; border-left: 1px solid #7c98ae; font-size: 0; text-align: center; padding-top: 21px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.header-container #nav-mobile a:hover { text-decoration: none; }
.header-container #nav-mobile a#nav-mobile-account:before { font-family: 'pokerprod-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e602"; font-size: 1.5rem; color: #808080; display: block; margin: 0; }
.header-container #nav-mobile a#nav-mobile-account:hover { text-decoration: none; }
.header-container #nav-mobile a#nav-mobile-cart:before { font-family: 'pokerprod-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e601"; font-size: 1.8rem; color: #808080; display: block; margin: 0; }
.header-container #nav-mobile a#nav-mobile-cart:hover { text-decoration: none; }
.header-container #nav-mobile a#nav-mobile-menu { background: url(../img/header/icon-menu-mobile.png) no-repeat center center;/* hack */ }
.header-container #nav-mobile a#nav-mobile-menu:before { content: "."; font-size: 1.6rem; position: relative; bottom: 999px; }
.header-container #searchForm-mobile { position: relative; width: 100%; display: table; table-layout: fixed; }
.header-container #btn-search-category-select { color: white; text-align: left; padding: 0 28px 0 18px; font-weight: bold; text-transform: uppercase; background: #3497da; height: 38px; line-height: 38px; vertical-align: top; cursor: pointer; width: 105px; position: relative; font-size: 12px; font-size: 0.8rem; display: table-cell; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.header-container #btn-search-category-select:before, .header-container #btn-search-category-select:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0; border-color: transparent; z-index: 50; border-width: 7px 7px 0 7px; border-top-color: #e4e4e4; }
.header-container #btn-search-category-select:before { top: 15px; left: 75px; border-width: 9px 9px 0 9px; border-top-color: white; }
.header-container #btn-search-category-select:after { top: 14px; left: 77px; border-top-color: #3497da; }
.header-container #searchInput-mobile { height: 38px; padding: 12px; vertical-align: top; border: 0 none; border-bottom: 1px solid #144b7d; width: 100%; font-size: 12px; font-size: 0.8rem; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; display: table-cell; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.header-container #searchSubmit-mobile { position: absolute; /* ref : #searchForm-mobile */ right: 6px; margin-top: 6px; background: transparent; border: 0 none;/*border: 0 none;
		background: transparent;
		font-size: 0;*/ }
.header-container #searchSubmit-mobile:before { font-family: 'pokerprod-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60c"; font-size: 26px; color: #808080; display: block; margin: 0; }
.header-container #searchSubmit-mobile:hover { text-decoration: none; }
@media screen and (min-width: 1024px) and (min-device-height: 720px) {
.header-container { width: 1000px; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative;/* Logo *//* Tools *//* Contacts *//* Social */ }
.header-container#header-desktop { display: block; }
.header-container#header-mobile { display: none; }
.header-container .header-block { display: table-cell; }
.header-container #header-logo { background-color: #e4e4e4; padding-left: 24px; padding-top: 6px; }
.header-container #header-tools { width: 527px; /* TODO: largeur précise */ padding: 0 10px 0 20px; background-color: #e4e4e4; }
.header-container #header-tools ul { font-size: 0; }
.header-container #header-tools ul > * { font-size: 12px; font-size: 1rem; }
.header-container #header-tools #nav-lang { margin: 12px 0 18px 0; }
.header-container #header-tools #nav-lang li { display: inline-block; vertical-align: top; width: auto; /* hack IE<8 */ zoom: 1; *display: inline;
margin-right: 10px; }
.header-container #header-tools #nav-lang .btn-lang { display: block; width: 21px; height: 13px; background: url(../img/header/nav-lang-flags.png) no-repeat; }
.header-container #header-tools #nav-lang #btn-lang-en { background-position: 0 0; }
.header-container #header-tools #nav-lang #btn-lang-fr { background-position: -32px 0; }
.header-container #header-tools #nav-lang #btn-lang-ch { background-position: -63px 0; }
.header-container #header-tools #nav-lang #btn-lang-be { background-position: -92px 0; }
.header-container #header-tools #nav-lang #btn-lang-ca { background-position: -122px 0; }
.header-container #header-tools #nav-user { margin-bottom: 8px; }
.header-container #header-tools #nav-user li { display: inline-block; width: 27.5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* hack IE<8 */ zoom: 1; *display: inline;
}
.header-container #header-tools #nav-user li.user-cart { width: 45%; }
.header-container #header-tools #nav-user a { color: #646464; font-weight: bold; display: block; font-size: 11px; font-size: 0.8rem; }
.header-container #header-tools #nav-user a:before { font-family: 'pokerprod-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ''; font-size: 16px; color: #646464; display: inline-block; margin: 0 8px 0 0; }
.header-container #header-tools #nav-user a:hover { text-decoration: none; }
.header-container #header-tools #nav-user a#btn-user-newsletter { padding-left: 38px; line-height: 32px; background: url(../img/header/icon-header-user-newsletter.png) no-repeat left center; }
.header-container #header-tools #nav-user a#btn-user-account:before { content: "\e602"; }
.header-container #header-tools #nav-user a#btn-user-cart { font-size: 13px; font-size: 0.9rem; color: #144b7d; }
.header-container #header-tools #nav-user a#btn-user-cart:before { content: "\e601"; color: #144b7d; }
.header-container #header-tools #nav-user .user-cart-count { font-weight: normal; }
.header-container #header-tools #searchForm { position: relative; }
.header-container #header-tools #searchInput { color: #646464; width: 100%; padding: 12px 9px; font-size: 12px; font-size: 0.8rem; border: 1px solid #b2b2b2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.header-container #header-tools #searchSubmit { position: absolute !important; /* ref : #searchForm */ right: 1px; top: 1px; font-family: 'pokerprod-icons'; background: transparent; height: 40px; width: 40px; cursor: pointer; vertical-align: top; border: 0 none; display: block; font-size: 0; margin: 0; padding: 0; }
.header-container #header-tools #searchSubmit:before { font-family: 'pokerprod-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60c"; font-size: 26px; color: #979797; display: block; margin: 0; }
.header-container #header-tools #searchSubmit:hover { text-decoration: none; }
.header-container #header-tools #searchSubmit:before { z-index: 95; position: absolute; top: 7px; vertical-align: top; line-height: 1; }
.header-container #header-contacts { background-color: #08376d; padding: 15px 20px; color: white; font-size: 12px; font-size: 0.8rem; width: 253px; line-height: 1.1; }
.header-container #header-contacts li { margin-bottom: 4px; }
.header-container #header-contacts .header-contacts-title { text-transform: uppercase; font-weight: bold; margin-top: 0; margin-bottom: .5rem;
color: white; font-size: 13px; font-size: 0.9rem; font-family: 'HelveticaNeue-CondensedBold', Helvetica, Arial, 'sans-serif'; }
.header-container #header-contacts .icon-contacts { background: white; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; height: 26px; width: 26px; display: inline-block; vertical-align: middle; margin-right: 4px; text-align: center; padding-top: 1px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.header-container #header-contacts .icon-contacts:before { text-align: center; }
.header-container #header-contacts #icon-contacts-phone:before { font-family: 'pokerprod-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e607"; font-size: 14px; color: #02295a; display: block; margin: 5px 0 0 0; }
.header-container #header-contacts #icon-contacts-phone:hover { text-decoration: none; }
.header-container #header-contacts #icon-contacts-email:before { font-family: 'pokerprod-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e614"; font-size: 14px; color: #02295a; display: block; margin: 5px 0 0 0; }
.header-container #header-contacts #icon-contacts-email:hover { text-decoration: none; }
.header-container #header-contacts #icon-contacts-mail:before { font-family: 'pokerprod-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e608"; font-size: 14px; color: #02295a; display: block; margin: 5px 0 0 0; }
.header-container #header-contacts #icon-contacts-mail:hover { text-decoration: none; }
.header-container #header-contacts strong { font-weight: bold; font-size: 12px; font-size: 0.8rem; text-transform: uppercase; }
.header-container #header-sociaux { padding: 8px 0; position: absolute; right: -24px; top: 0; }
.header-container #header-sociaux #nav-social { background-color: #dedede; padding: 4px 10px 1px 10px; -moz-border-radius: 0 12px 12px 0; -webkit-border-radius: 0 12px 12px 0; border-radius: 0 12px 12px 0; }
.header-container #header-sociaux #nav-social li { text-align: center; margin-bottom: 4px; width: 29px; height: 29px; padding-top: 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }
.header-container #header-sociaux #nav-social li:before { text-align: center; }
.header-container #header-sociaux #nav-social a { display: block; position: absolute; height: 29px; width: 29px; top: 0; }
.header-container #header-sociaux #nav-social #nav-social-email { background: black; }
.header-container #header-sociaux #nav-social #nav-social-email:before { font-family: 'pokerprod-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e606"; font-size: 14px; color: #ffffff; display: block; margin: 3px auto; }
.header-container #header-sociaux #nav-social #nav-social-email:hover { text-decoration: none; }
.header-container #header-sociaux #nav-social #nav-social-facebook { background: #305891; }
.header-container #header-sociaux #nav-social #nav-social-facebook:before { font-family: 'pokerprod-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e605"; font-size: 16px; color: #ffffff; display: block; margin: 1px auto; }
.header-container #header-sociaux #nav-social #nav-social-facebook:hover { text-decoration: none; }
.header-container #header-sociaux #nav-social #nav-social-twitter { background: #2CA8D2; }
.header-container #header-sociaux #nav-social #nav-social-twitter:before { font-family: 'pokerprod-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e603"; font-size: 15px; color: #ffffff; display: block; margin: 3px auto; }
.header-container #header-sociaux #nav-social #nav-social-twitter:hover { text-decoration: none; }
.header-container #header-sociaux #nav-social #nav-social-google { background: #CE4D39; }
.header-container #header-sociaux #nav-social #nav-social-google:before { font-family: 'pokerprod-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e615"; font-size: 17px; color: #ffffff; display: block; margin: 3px auto; }
.header-container #header-sociaux #nav-social #nav-social-google:hover { text-decoration: none; }
}
@media screen and (max-width: 460px) {
.header-container #header-nav { width: 60%; }
}
/* ----- Nav ----- */
.nav-container { display: none; font-size: 0; position: fixed; top: 70px; right: 0; z-index: 110; width: 50%; min-width: 256px; }
.nav-container > * { font-size: 12px; font-size: 1rem; }
.nav-container .nav-bar { display: inline-block; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* hack IE<8 */ zoom: 1; *display: inline;
vertical-align: top; }
.nav-container .nav-bar a { font-size: 11.5px; font-size: 0.75rem; display: block; padding: 8px 20px; background: #e4e4e4; border: 1px solid #b2b2b2; border-width: 0 0 1px 0; color: #010d12; }
.nav-container .nav-bar a:hover { background: #3497da; color: white; text-decoration: none; }
.nav-container .nav-bar#nav-brands a { background: #b2b2b2; border-color: #979797; }
.nav-container .nav-bar#nav-brands a:hover { background: #3497da; }
.nav-container .nav-bar-level2 { display: none; }
@media screen and (min-width: 1024px) and (min-device-height: 720px) {
.nav-container { display: block !important; width: 100%; position: static; }
.nav-container .nav-bar { display: block; width: 100%; }
.nav-container .nav-bar-level1 { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; position: relative; width: 1000px; margin: 0 auto; }
.nav-container .nav-bar-level1 > li { display: inline-block; vertical-align: top; width: auto; /* hack IE<8 */ zoom: 1; *display: inline;
}
.nav-container .nav-bar-level1 > li:hover .nav-bar-level2 { display: block; }
.nav-container .nav-bar-level1 > li > a { color: white; text-transform: uppercase; font-weight: bold; padding: 16px 9px 14px 9px; display: block; line-height: 1; background: transparent; border: 0 none; font-family: 'HelveticaNeue-CondensedBold', Helvetica, Arial, 'sans-serif'; font-size: 12.5px; font-size: 0.85rem; }
.nav-container .nav-bar-level1 > li > a:hover { background: white; color: #144b7d; text-decoration: none; }
.nav-container #nav-categories { background-color: #b2b2b2; }
.nav-container #nav-brands.nav-bar { background-color: #979797; }
.nav-container #nav-brands.nav-bar a { background: transparent; }
.nav-container #nav-brands.nav-bar a:hover { background: white; }
.nav-container .nav-bar-level2 { position: absolute; background: white; padding: 20px 26px; width: 1000px; left: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 100; text-align: left; -moz-column-count: 3; -webkit-column-count: 3; -o-column-count: 3; column-count: 3; -moz-column-gap: 2rem; -webkit-column-gap: 2rem; -o-column-gap: 2rem; column-gap: 2rem; box-shadow: 0.5em 0.5em 0.5em rgba(0,0,0,0.25); }
.nav-container .nav-bar-level2 li { margin-bottom: 6px; }
.nav-container .nav-bar-level2 li strong { font-family: 'HelveticaNeue-CondensedBold', Helvetica, Arial, 'sans-serif'; }
.nav-container .nav-bar-level2 a { color: #144b7d; font-weight: normal; font-size: 12px; font-size: 0.8rem; text-transform: uppercase; background: transparent; padding: 0; border: 0 none; }
.nav-container .nav-bar-level2 a:hover { background: transparent; color: #144b7d; text-decoration: underline; }
.nav-container .nav-bar-level2 div { -webkit-column-break-after: always; -moz-break-after: always; break-after: always; }
}
/* ------ Footer ------ */
.footer-container { width: 100%; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 11.5px; font-size: 0.75rem; color: #979797; }
.footer-container a { color: #979797; }
.footer-container #nav-footer { font-size: 0; background-color: #666; border-right: 1px solid white; }
.footer-container #nav-footer > * { font-size: 12px; font-size: 1rem; }
.footer-container #nav-footer ul { font-size: 0; width: 100%; display: table; table-layout: fixed; }
.footer-container #nav-footer ul > * { font-size: 12px; font-size: 1rem; }
.footer-container #nav-footer li { display: table-cell; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; border-left: 1px solid white; text-align: center; background: #144b7d; }
.footer-container #nav-footer a { font-family: 'HelveticaNeue-CondensedBold', Helvetica, Arial, 'sans-serif'; color: white; display: block; font-weight: bold; font-size: 11px; font-size: 0.7rem; padding: 28px 5px 16.5px; line-height: 1.2; }
.footer-container #nav-footer a:hover { text-decoration: none; }
.footer-container #nav-footer #nav-footer-about:before { font-family: 'pokerprod-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e613"; font-size: 2rem; color: #ffffff; display: block; margin: 0 0 19px 0; }
.footer-container #nav-footer #nav-footer-about:hover { text-decoration: none; }
.footer-container #nav-footer #nav-footer-delivery:before { font-family: 'pokerprod-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e611"; font-size: 2rem; color: #ffffff; display: block; margin: 0 0 19px 0; }
.footer-container #nav-footer #nav-footer-delivery:hover { text-decoration: none; }
.footer-container #nav-footer #nav-footer-sav:before { font-family: 'pokerprod-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60f"; font-size: 2rem; color: #ffffff; display: block; margin: 0 0 19px 0; }
.footer-container #nav-footer #nav-footer-sav:hover { text-decoration: none; }
.footer-container #nav-footer #nav-footer-cgv:before { font-family: 'pokerprod-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e612"; font-size: 2rem; color: #ffffff; display: block; margin: 0 0 19px 0; }
.footer-container #nav-footer #nav-footer-cgv:hover { text-decoration: none; }
.footer-container #nav-footer #nav-footer-satisfaction:before { font-family: 'pokerprod-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e610"; font-size: 2rem; color: #ffffff; display: block; margin: 0 0 19px 0; }
.footer-container #nav-footer #nav-footer-satisfaction:hover { text-decoration: none; }
.footer-container #nav-footer #nav-footer-security:before { font-family: 'pokerprod-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60e"; font-size: 2rem; color: #ffffff; display: block; margin: 0 0 19px 0; }
.footer-container #nav-footer #nav-footer-security:hover { text-decoration: none; }
.footer-container #content-footer { background-color: white; padding: 15px 24px; }
.footer-container #content-footer hr { margin-top: 2.5rem; }
.footer-container #content-footer #about-contacts { text-align: center; color: #144b7d; font-size: 12px; font-size: 0.8rem; }
.footer-container #content-footer #about-description { font-size: 12px; font-size: 0.8rem; }
.footer-container #nav-footer-products { overflow: hidden; padding: 0 20px; }
.footer-container #nav-footer-products .footer-products { padding-right: 24px; float: left; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.footer-container #nav-footer-products .footer-products.footer-products-odd { float: right; }
.footer-container #nav-footer-products .footer-products-category { font-size: 11.5px; font-size: 0.75rem; margin-bottom: 1rem; }
.footer-container #nav-footer-products strong { font-size: 12.5px; font-size: 0.85rem; }
@media screen and (min-width: 1024px) and (min-device-height: 720px) {
.footer-container { width: 1000px; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.footer-container #nav-footer a { font-size: 13px; font-size: 0.9rem; padding-left: 9px; padding-right: 9px; }
.footer-container #nav-footer a:before { font-size: 50px !important; font-size: 3.4rem !important; text-align: center; }
.footer-container #about { font-size: 0; }
.footer-container #about > * { font-size: 12px; font-size: 1rem; }
.footer-container #about-contacts { display: inline-block; width: 25%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* hack IE<8 */ zoom: 1; *display: inline;
padding-right: 24px; vertical-align: top; }
.footer-container #about-description { display: inline-block; width: 75%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* hack IE<8 */ zoom: 1; *display: inline;
vertical-align: top; }
.footer-container #nav-footer-products { padding: 9px 14px; font-size: 0; }
.footer-container #nav-footer-products > * { font-size: 12px; font-size: 1rem; }
.footer-container #nav-footer-products .footer-products { display: inline-block; width: 25%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* hack IE<8 */ zoom: 1; *display: inline;
vertical-align: top; float: none; padding: 0; }
.footer-container #nav-footer-products .footer-products.footer-products-odd { float: none; }
}
.footer-container .quick-access li{ display: inline; }
/* --- Components --- */
/* ------ Products ------ */
/* --- Commmon : products list and one product --- */
.main-container .main .product { padding-bottom: 30px; border-bottom: 1px solid #b2b2b2; }
.product-img { height: 140px; }
.product-label { font-family: 'HelveticaNeue-CondensedBold', Helvetica, Arial, 'sans-serif'; position: absolute; right: -16px; top: 14px; color: white; text-transform: uppercase; padding: 0 6px; height: 26px; min-width: 75px; line-height: 26px; font-size: 13px; font-size: 0.9rem; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.product-label:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0; border-color: transparent; z-index: 50; border-width: 10px 16px 0 0; border-top-color: black; top: 26px; right: 0; }
.product-favorite .product-label, .product-label-favorite { background: #3497da; }
.product-favorite .product-label:after, .product-label-favorite:after { border-top-color: #2e5c7b; }
.product-new .product-label, .product-label-new { background: #979797; }
.product-new .product-label:after, .product-label-new:after { border-top-color: #4c4c4c; }
.product-promo .product-label, .product-label-promo { background: #ff3c3c; }
.product-promo .product-label:after, .product-label-promo:after { border-top-color: #874644; }
.product-title { min-height: 38px; height: auto !important; height: 38px; vertical-align: top; display: block; }
.product-name { font-size: 12px; font-size: 0.8rem; margin-top: 7px; margin-bottom: 0; }
.product-subtitle { margin: 0; font-size: 12px; font-size: 0.8rem; display: block; height: 20px; font-weight: normal; }
.product-price { color: #3497da; font-weight: bold; font-size: 13px; font-size: 0.9rem; margin: 0; }
.btn-add-to-cart { font-family: /*'HelveticaNeue-CondensedBold',*/ Helvetica, Arial, 'sans-serif'; display: inline-block; cursor: pointer; padding: 9px 22px; text-align: center; width: auto; background: #144b7d; font-weight: bold; color: white; border: 0 none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: white !important; width: 50%; max-width: 250px; margin: 10px auto 0 auto; padding: 5px; padding-right: 16px; font-size: 13px; /* font-size: 0.9rem; */ }
.btn-add-to-cart:hover { background: #1b5991; }
.btn-add-to-cart:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0; border-color: transparent; border-width: 4px 0 4px 6px; border-left-color: white; margin-top: 6px; margin-left: 8px; }
.btn-out-stock { font-family: /*'HelveticaNeue-CondensedBold',*/ Helvetica, Arial, 'sans-serif'; text-align: center; display: block; width: 50%; margin: 10px auto 0 auto; padding: 5px; font-size: 13px; /*font-size: 0.9rem;*/ font-weight: bold; color: #ff3c3c !important; background-color: #e4e4e4; }
.btn-product-zoom-home, .btn-product-zoom { background-color: #979797; position: absolute; right: 0; bottom: 0; font-size: 0; height: 28px; width: 28px; display: block; cursor: pointer;/* args : @id, @display, @size, @color, @margin */ }
.btn-product-zoom-home:hover, .btn-product-zoom:hover { text-decoration: none; }
.btn-product-zoom-home:before, .btn-product-zoom:before { font-family: 'pokerprod-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60b"; font-size: 17px; color: #ffffff; display: block; margin: 5px 0 0 0; }
.btn-product-zoom-home:hover, .btn-product-zoom:hover { text-decoration: none; }
.btn-product-zoom-home:before, .btn-product-zoom:before { text-align: center; }
.btn-all-categories { display: inline-block; cursor: pointer; padding: 9px 22px; text-align: center; width: auto; background: #979797; font-weight: bold; color: white; border: 0 none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: /*'HelveticaNeue-CondensedBold',*/ Helvetica, Arial, 'sans-serif'; padding: 19px 35px 19px 0; text-align: right; font-size: 13px; /*font-size: 0.9rem;*/ text-transform: uppercase; width: 88%; margin-top: 25px; margin-left: 12%; margin-bottom: 16px; max-width: 340px; position: relative; }
.btn-all-categories:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0; border-color: transparent; border-left-color: white; border-width: 7.5px 0 7.5px 8px; right: 15px; top: 21px; }
/* --- Products list --- */
.product-mini { position: relative; border: 1px solid #b2b2b2; border-top: 0 none; border-left: 0 none; padding-top: 25px; text-align: center; }
.product-mini a { color: black; }
.product-mini a:hover { text-decoration: none; }
/* --- One product --- */
.main-container .main .product { font-size: 0; }
.main-container .main .product > * { font-size: 12px; font-size: 0.8rem; }
.main-container .main .product .product-block { vertical-align: top; }
.main-container .main .product .product-gallery { margin-bottom: 30px; }
.main-container .main .product .product-gallery .product-img-container { position: relative; text-align: center; vertical-align: middle; min-height: 250px; height: auto !important; height: 250px; overflow: visible; }
.main-container .main .product .product-gallery .product-img-container .btn-product-zoom { width: 44px; height: 44px; opacity: .5; }
.main-container .main .product .product-gallery .product-img-container .btn-product-zoom:before { font-size: 20.5px; font-size: 1.65rem; margin-top: 9px; }
.main-container .main .product .product-gallery .product-img { width: auto; max-height: 90%; height: auto !important; height: 90%; overflow: hidden; }
.main-container .main .product .product-gallery .product-thumbs { padding-top: 8px; }
.main-container .main .product .product-gallery .product-thumbs ul { font-size: 0; }
.main-container .main .product .product-gallery .product-thumbs ul > * { font-size: 12px; font-size: 1rem; }
.main-container .main .product .product-gallery .product-thumbs li { display: inline-block; width: 33.33%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* hack IE<8 */ zoom: 1; *display: inline;
/*border-left: 1px solid #b2b2b2;*/ text-align: center; cursor: pointer; }
.main-container .main .product .product-gallery .product-thumbs li.last { border-right: 1px solid #b2b2b2; }
.main-container .main .product .product-gallery .product-thumbs .product-thumb { width: 75%; height: auto; }
.main-container .main .product .product-infos { font-size: 11.5px; font-size: 0.75rem; }
.main-container .main .product .product-name, .main-container .main .product .product-subtitle { font-size: 16px; font-size: 1.2rem; color: #144b7d; font-weight: bold; margin-bottom: 0; line-height: 1.3; }
.main-container .main .product .product-ref { margin: 0; }
.main-container .main .product .product-brand { font-size: 16px; font-size: 1.2rem; text-transform: uppercase; color: black; margin: 8px 0 9px 0; }
.main-container .main .product .product-price { margin: 19px 0; }
.main-container .main .product .product-price-label { color: black; font-size: 12px; font-size: 0.8rem; }
.main-container .main .product .product-price-value { color: #ff3c3c; font-size: 18px; font-size: 1.4rem; }
.main-container .main .product .product-stock { color: #144b7d; font-weight: bold; font-size: 11px; font-size: 0.7rem; padding-left: 50px; background: url(../img/products/icon-disponible.jpg) no-repeat left; }
.main-container .main .product .product-stock.product-stock-out { color: #ff3c3c; background: url(../img/products/icon-out-of-stock.jpg) no-repeat left; }
.main-container .main .product hr { margin: 12px 0; height: 1px; }
.main-container .main .product .product-quantity-input { border: 1px solid #b2b2b2; padding: 6px; text-align: right; margin-right: 8px; }
.main-container .main .product .product-quantity-label { color: #646464; }
.main-container .main .product .product-add-to-cart-container { text-align: right; display: block; margin-bottom: 28px; }
.main-container .main .product .product-add-to-cart-container .btn-add-to-cart { width: 150px; margin-right: 0; }
.main-container .main .product .product-add-to-cart-container .btn-alert-stock { width: 100%; text-align: right; padding: 5px; padding-right: 28px; background:;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; margin: 10px auto 0 auto; font-size: 12px; font-size: 0.8rem; font-weight: bold; color: #646464; background-color: #e4e4e4; }
.main-container .main .product .product-add-to-cart-container .btn-alert-stock:after { content: ""; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #646464; margin-top: 4px; margin-left: 8px; }
.main-container .main .product .product-advantages .product-advantages-title { margin: 0; }
.main-container .main .product .product-advantages img { vertical-align: top; }
.main-container .main .product .product-share { margin-top: 20px; }
.main-container .main .product .product-share a { display: inline-block; vertical-align: top; width: auto; /* hack IE<8 */ zoom: 1; *display: inline;
margin-right: 16px; margin-bottom: 8px; min-width: 180px; }
.main-container .main .product .product-share img { vertical-align: top; }
.main-container .main .product .product-link { margin-bottom: 14px; }
.main-container .main .product .product-link:before { content: ""; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #646464; margin-top: 2px; }
.main-container .main .product .btn-product-link { padding-left: 12px; text-decoration: underline; }
.main-container .main .product .product-description { margin-top: 14px; }
.main-container .main .product .product-description-title { font-weight: bold; color: #144b7d; font-size: 13px; font-size: 0.9rem; margin-bottom: 14px; }
.main-container .main .product .product-description-content { margin-bottom: 7px; }
.main-container .main .product .btn-product-more, .main-container .main .product .btn-product-less { text-decoration: underline; color: #144b7d; cursor: pointer; display: none; }
/* only for small phones */
@media screen and (min-width: 560px) {
.main-container .main .product .product-gallery { margin-right: 8%; display: inline-block; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* hack IE<8 */ zoom: 1; *display: inline;
}
.main-container .main .product .product-gallery .product-img-container { min-height: 380px; height: auto !important; height: 380px; overflow: visible; }
.main-container .main .product .product-gallery .product-img { max-height: 360px; height: auto !important; height: 360px; overflow: hidden; }
.main-container .main .product .product-infos { display: inline-block; width: 42%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* hack IE<8 */ zoom: 1; *display: inline;
}
}
@media screen and (min-width: 1024px) and (min-device-height: 720px) {
.main-container .main .product { padding: 0; margin: 0; border: 0 none; }
}
/* --- Products selection --- */
.component-products-selection .products-selection-title { font-family: 'HelveticaNeue-CondensedBold', Helvetica, Arial, 'sans-serif'; font-size: 18px; font-size: 1.4rem; text-transform: uppercase; padding: 21px 50px 21px 30px; color: #144b7d; border-bottom: 1px solid #b2b2b2; text-align: left; margin: 0; cursor: pointer; position: relative; }
.component-products-selection .products-selection-title:before, .component-products-selection .products-selection-title:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0; border-color: transparent; z-index: 50; border-width: 12px 0 12px 13px; border-left-color: #e4e4e4; }
.component-products-selection .products-selection-title:before { top: 21.5px; right: 25px; border-width: 15px 0 15px 16px; border-left-color: #cfcfcf; }
.component-products-selection .products-selection-title:after { top: 24px; right: 31px; border-left-color: white; }
.component-products-selection .products-selection-title.opened:before { top: 32px; right: 20px; border-width: 15px 16px 0 16px; border-color: #cfcfcf transparent transparent; }
.component-products-selection .products-selection-title.opened:after { top: 29px; right: 23px; border-width: 12px 13px 0 13px; border-color: white transparent transparent; }
.component-products-selection .products-selection-content { padding: 18px 40px; border-bottom: 1px solid #b2b2b2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.component-products-selection .products-selection-content > div:not(.product-mini) { text-align: right; }
.component-products-selection#products-selection-favorites .btn-all-categories { background-color: #3497da; }
.component-products-selection#products-selection-news .btn-all-categories { background-color: #979797; }
.component-products-selection#products-selection-promos .btn-all-categories { background-color: #ff3c3c; }
@media screen and (min-width: 1024px) and (min-device-height: 720px) {
#main-home .main .component-products-selection { margin-top: 28px; display: inline-block; width: 33.33%; /* hack IE<8 */ zoom: 1; *display: inline;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 30px 0 18px; vertical-align: top; }
#main-home .main .component-products-selection header { margin-bottom: 14px; }
#main-home .main .component-products-selection .products-selection-content { display: block !important; border-bottom: 0 none; }
#main-home .main .component-products-selection .products-selection-title { padding: 0; padding-bottom: 10px; text-align: center; cursor: default; /* Styling block element, not required */ position: relative; border-bottom: 1px solid #b2b2b2;/* Required for Down Triangle *//* Stroke *//* Fill */ }
#main-home .main .component-products-selection .products-selection-title:before, #main-home .main .component-products-selection .products-selection-title:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0; border-color: transparent; border-bottom: 0; z-index: 100; margin-left: -16px; left: 50%; top: inherit; right: inherit; }
#main-home .main .component-products-selection .products-selection-title:before { bottom: -16px; /* If 1px darken stroke slightly */ border-top-color: #b2b2b2; border-width: 16px; }
#main-home .main .component-products-selection .products-selection-title:after { bottom: -15px; border-top-color: #fff; border-width: 16px; }
#main-home .main .component-products-selection#products-selection-favorites .products-selection-title { color: #3497da; }
#main-home .main .component-products-selection#products-selection-news .products-selection-title { color: #979797; }
#main-home .main .component-products-selection#products-selection-promos .products-selection-title { color: #ff3c3c; }
#main-home .main .component-products-selection .products-selection-content { padding: 0; }
}
/* --- Products category --- */
.products-category-content { padding-right: 20px; }
.component-products-category { /* Styling block element, not required */ position: relative; border-top: 1px solid #b2b2b2;/* Required for Down Triangle *//* Stroke *//* Fill */ }
.component-products-category:before, .component-products-category:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0; border-color: transparent; border-bottom: 0; z-index: 89; margin-left: -16px; left: 50%; top: inherit; right: inherit; }
.component-products-category:before { bottom: -16px; /* If 1px darken stroke slightly */ border-top-color: #b2b2b2; border-width: 16px; }
.component-products-category:after { bottom: -15px; border-top-color: #fff; border-width: 16px; }
.component-products-category:before { bottom: -15px; top: 0; }
.component-products-category:after { bottom: -14px; top: -2px; }
@media screen and (min-width: 1024px) and (min-device-height: 720px) {
.component-products-category { padding-top: 14px; margin-top: 35px; }
.component-products-category .products-category-content { font-size: 0; }
.component-products-category .products-category-content > * { font-size: 12px; font-size: 1rem; }
.component-products-category .product-mini { display: inline-block; width: 31.11%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* hack IE<8 */ zoom: 1; *display: inline;
margin-right: 3.33%; }
.component-products-category .product-mini.last { margin-right: 0; }
}
/* --- Products list --- */
.main-container .main .component-products-list { padding: 0 !important; }
.main-container .main .component-products-list .products-list-content { padding: 0 40px 0 20px; margin-bottom: 30px; }
.main-container .main .component-products-list .products-list-title { font-family: 'HelveticaNeue-CondensedBold', Helvetica, Arial, 'sans-serif'; font-size: 18px; font-size: 1.4rem; text-transform: uppercase; padding: 21px 50px 21px 30px; color: #144b7d; border-bottom: 1px solid #b2b2b2; text-align: left; margin: 0; cursor: pointer; position: relative; }
.main-container .main .component-products-list .products-list-title:before, .main-container .main .component-products-list .products-list-title:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0; border-color: transparent; z-index: 50; border-width: 12px 0 12px 13px; border-left-color: #e4e4e4; }
.main-container .main .component-products-list .products-list-title:before { top: 21.5px; right: 25px; border-width: 15px 0 15px 16px; border-left-color: #cfcfcf; }
.main-container .main .component-products-list .products-list-title:after { top: 24px; right: 31px; border-left-color: white; }
.main-container .main .component-products-list .products-list-title.opened:before { top: 32px; right: 20px; border-width: 15px 16px 0 16px; border-color: #cfcfcf transparent transparent; }
.main-container .main .component-products-list .products-list-title.opened:after { top: 29px; right: 23px; border-width: 12px 13px 0 13px; border-color: white transparent transparent; }
@media screen and (min-width: 1024px) and (min-device-height: 720px) {
.main-container .main .component-products-list { margin: 22px 0 50px 0; }
.main-container .main .component-products-list .products-list-content { padding: 0; display: block !important; font-size: 0; }
.main-container .main .component-products-list .products-list-content > * { font-size: 16px; font-size: 1.2rem; }
.main-container .main .component-products-list .products-list-title { font-family: 'HelveticaNeue-CondensedBold', Helvetica, Arial, 'sans-serif'; font-size: 1.3rem; text-transform: uppercase; padding: 21px 50px 10px 30px; color: #646464; border: 0 none; text-align: center; margin: 0; margin-bottom: 14px; /* Styling block element, not required */ position: relative; border-bottom: 1px solid #b2b2b2;/* Required for Down Triangle *//* Stroke *//* Fill */ }
.main-container .main .component-products-list .products-list-title:before, .main-container .main .component-products-list .products-list-title:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0; border-color: transparent; border-bottom: 0; z-index: 100; margin-left: -16px; left: 50%; top: inherit; right: inherit; }
.main-container .main .component-products-list .products-list-title:before { bottom: -16px; /* If 1px darken stroke slightly */ border-top-color: #b2b2b2; border-width: 16px; }
.main-container .main .component-products-list .products-list-title:after { bottom: -15px; border-top-color: #fff; border-width: 16px; }
.main-container .main .component-products-list .product-mini { display: inline-block; width: 31.11%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* hack IE<8 */ zoom: 1; *display: inline;
margin-right: 3.33%; }
.main-container .main .component-products-list .product-mini.last { margin-right: 0; }
}
.component-products-accordion-item { font-family: 'HelveticaNeue-CondensedBold', Helvetica, Arial, 'sans-serif'; font-size: 18px; font-size: 1.4rem; text-transform: uppercase; padding: 21px 50px 21px 30px; color: #144b7d; border-bottom: 1px solid #b2b2b2; text-align: left; margin: 0; cursor: pointer; position: relative; padding-top: 4px; padding-bottom: 4px; }
.component-products-accordion-item:before, .component-products-accordion-item:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0; border-color: transparent; z-index: 50; border-width: 12px 0 12px 13px; border-left-color: #e4e4e4; }
.component-products-accordion-item:before { top: 21.5px; right: 25px; border-width: 15px 0 15px 16px; border-left-color: #cfcfcf; }
.component-products-accordion-item:after { top: 24px; right: 31px; border-left-color: white; }
.component-products-accordion-item.opened:before { top: 32px; right: 20px; border-width: 15px 16px 0 16px; border-color: #cfcfcf transparent transparent; }
.component-products-accordion-item.opened:after { top: 29px; right: 23px; border-width: 12px 13px 0 13px; border-color: white transparent transparent; }
.component-products-accordion-item:before { top: 34px; border-left-color: #e4e4e4; }
.component-products-accordion-item.opened:before { top: 42px; border-top-color: #e4e4e4; }
.component-products-accordion-item:after { top: 37px; }
.component-products-accordion-item.opened:after { top: 39px; }
.component-products-accordion-img-container { display: table-cell; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; margin: 0; margin-right: 24px; }
.component-products-accordion-img { width: 110px; }
.component-products-accordion-hgroup { display: table-cell; vertical-align: top; padding-left: 15px; padding-right: 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.component-products-accordion-title { margin: 12px 0 0 0; color: #3497da; line-height: 1.2; font-size: 18px; font-size: 1.4rem; }
.component-products-accordion-subtitle { color: #646464; margin: 0; text-transform: none; font-weight: bold; font-family: Helvetica, Arial, sans-serif; -webkit-font-stretch: normal; -moz-font-stretch: normal; font-stretch: normal; font-size: 12.5px; font-size: 0.85rem; }
.component-products-accordion-content { padding: 18px; border-bottom: 1px solid #b2b2b2; }
@media screen and (min-width: 1024px) and (min-device-height: 720px) {
.component-products-accordion { display: none; }
}
/* ----- Slider ----- */
.slider { background: #02295a; position: relative; overflow: hidden; height: 568.73px; }
.slider .swiper-wrapper { left: auto; top: auto; }
.slider .arrow { background: rgba(255, 255, 255, 0.3); font-size: 0; display: block; position: absolute; top: 50%; margin-top: -23px; width: 32px; height: 60px; z-index: 30; cursor: pointer; }
.slider .arrow:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0; border-color: transparent; top: 17px; }
.slider .arrow-left { background-position: left top; left: 2px; }
.slider .arrow-left:after { border-width: 13px 13px 13px 0; border-right-color: black; right: 8px; }
.slider .arrow-right { background-position: left bottom; right: 2px; }
.slider .arrow-right:after { border-width: 13px 0 13px 13px; border-left-color: black; left: 8px; }
.slider .content-slide { padding: 20px; color: #fff; }
.slider .title { font-size: 29px; font-size: 2.5rem; margin-bottom: 10px; }
.slider .pagination { position: absolute; left: 0; text-align: center; bottom: 23px; width: 100%; z-index: 32; }
.slider .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer; }
.slider .swiper-active-switch { background: #fff; }
.slider .swiper-container, .slider .swiper-slide { text-align: center; }
.slider .swiper-container img, .slider .swiper-slide img { width: 100%; }
@media screen and (min-width: 1024px) and (min-device-height: 720px) {
.slider { height: 401px; display: inline-block; vertical-align: top; width: auto; /* hack IE<8 */ zoom: 1; *display: inline;
background: #144b7d; width: 722px; }
.slider .slider-img { width: 100%; }
.slider .swiper-container, .slider .swiper-slide { text-align: left; }
.slider .arrow { width: 26px; height: 46px; }
.slider .arrow:after { top: 14px; }
.slider .arrow-left:after { border-width: 9px 9px 9px 0; border-right-color: white; }
.slider .arrow-right:after { border-width: 9px 0 9px 9px; border-left-color: white; }
}
.main-form-default .main { font-size: 0; }
.main-form-default .main > * { font-size: 12px; font-size: 1rem; }
.main-form-default .main h1 { margin-top: 20px; }
.main-form-default .main .component-products-list { margin-top: 30px; border-top: 1px solid #b2b2b2; }
.main-form-default .main .component-products-list .product-mini { width: 100%; margin-right: 0; }
.main-form-default .main .form-default { font-size: 12px; font-size: 0.8rem; }
.main-form-default .main .form-btn-container { text-align: right; padding-right: 70px; margin-top: 30px; }
.main-form-default .main .form-btn-container #btn-form-submit { font-family: 'HelveticaNeue-CondensedBold', Helvetica, Arial, 'sans-serif'; display: inline-block; cursor: pointer; padding: 9px 22px; text-align: center; width: auto; background: #144b7d; font-weight: bold; color: white; border: 0 none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: white !important; width: 160px; max-width: 250px; margin: 10px auto 0 auto; padding: 5px; padding-right: 16px; font-size: 13px; font-size: 0.9rem; margin: 0; }
.main-form-default .main .form-btn-container #btn-form-submit:hover { background: #1b5991; }
.main-form-default .main .form-btn-container #btn-form-submit:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0; border-color: transparent; border-width: 4px 0 4px 6px; border-left-color: white; margin-top: 6px; margin-left: 8px; }
.main-form-default .main label { display: inline-block; vertical-align: top; width: auto; /* hack IE<8 */ zoom: 1; *display: inline;
width: 120px; }
.main-form-default .main input[type=text], .main-form-default .main textarea { border: 0 none; padding: 5px; background: #e4e4e4; width: 250px; }
@media screen and (min-width: 1024px) and (min-device-height: 720px) {
.main-form-default .main .col-form { display: inline-block; width: 33.33%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* hack IE<8 */ zoom: 1; *display: inline;
vertical-align: top; margin-top: 0; }
.main-form-default .main .form-default { padding: 0 24px 24px 0; width: 66.66%; border-right: 1px solid #b2b2b2; min-height: 400px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.main-form-default .main .component-products-list { margin-top: 0; border-top: 0 none; padding-left: 24px !important; }
}
/* --- Pages --- */
/* ------ HOME ------ */
#main-home .main{ padding-top:108px;}
#main-category .main, #main-cart .main { padding: 108px 20px 20px; }
#main-home .main > * { padding: 0; }
#nav-home { display: none; visibility: hidden; }
@media screen and (min-width: 1024px) and (min-device-height: 720px) {
#main-home .main{padding:0;}
#main-category .main, #main-cart .main { padding: 20px; }
#nav-home { visibility: visible; display: inline-block; vertical-align: top; width: auto; /* hack IE<8 */ zoom: 1; *display: inline;
width: 278px; background: #1b5991; }
#nav-home ul { list-style: none; padding: 0; }
#nav-home li { background: #124277; /* IE-lt-9 */ background: -moz-linear-gradient(bottom, #124277, #0c3563); margin-bottom: 3px; }
#nav-home li:hover { background: #08274f; }
#nav-home .nav-home-last { margin-bottom: 0; }
#nav-home a { color: white; display: block; padding: 9px 0; padding-left: 70px; position: relative; height: 98px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#nav-home a:hover { text-decoration: none; }
#nav-home .nav-home-text { font-family: 'HelveticaNeue-CondensedBold', Helvetica, Arial, 'sans-serif'; padding: 8px; border: 2px solid white; font-weight: bold; font-size: 12px; font-size: 0.8rem; text-transform: uppercase; display: block; text-align: center; height: 80px; line-height: 80px; width: 80px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#nav-home .nav-home-text span { vertical-align: middle; display: inline-block; line-height: normal; margin-bottom: 20px; }
#nav-home .nav-home-arrow { background: #08274f; position: absolute; right: 0; top: 0; height: 98px; width: 60px;/* Stroke *//* Fill */ }
#nav-home .nav-home-arrow:before, #nav-home .nav-home-arrow:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0; border-color: transparent; z-index: 50; border-width: 14px 0 14px 14px; border-left-color: #e4e4e4; }
#nav-home .nav-home-arrow:before { top: 35px; right: 23px; border-width: 16px 0 16px 16px; /* If 1px darken stroke slightly */ border-left-color: white; }
#nav-home .nav-home-arrow:after { top: 37px; right: 25px; border-left-color: #08274f; }
}
/* --- Products list --- */
.cart-title { color: #144b7d; font-weight: bold; font-size: 13px; font-size: 0.9rem; }
#nav-cart { width: 100%; margin: 0 auto; margin-bottom: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#nav-cart .nav-cart-step { display: none; background: #aed5f0; }
#nav-cart .nav-cart-step a, .pseudo_a { font-family: 'HelveticaNeue-CondensedBold', Helvetica, Arial, 'sans-serif'; color: white; font-size: 14px; text-transform: uppercase; text-align: left; display: block; padding: 8px; line-height: 1.1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#nav-cart .nav-cart-step-current { display: block; background: #3497da; }
.component-cart { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.component-cart .cart-th { background: #646464; color: white; font-weight: bold; font-size: 0; }
.component-cart .cart-th > * { font-size: 12px; font-size: 0.8rem; }
.component-cart .cart-th { display: none; }
.component-cart .cart-tr { border: 1px solid #b2b2b2; border-bottom: 0; font-size: 0; }
.component-cart .cart-tr > * { font-size: 12px; font-size: 0.8rem; }
.component-cart .component-cart-table { border-bottom: 1px solid #b2b2b2; }
.component-cart .cart-tr-td { text-align: center; padding: 6px 12px; }
.component-cart .cart-tr-td-img .cart-product-img { max-height: 110px; height: auto !important; height: 110px; overflow: hidden; vertical-align: middle; margin: 0 auto; }
.component-cart .cart-tr-td-total { font-weight: bold; }
.component-cart .cart-tr-td-total:before { content: "Total : "; }
.component-cart .cart-tr-total { padding: 7px 0 12px 0; color: #3497da; }
.component-cart .cart-tr-total .cart-tr-td-total-label { font-size: 12.5px; }
.component-cart .cart-tr-total .cart-tr-td-total-value { font-size: 17px; }
.component-cart .cart-tr-item.odd { background: #f9f9f9; }
.component-cart .cart-tr-reduction { padding: 5px; background: #e4e4e4; border: none; }
.component-cart .cart-tr-reduction .cart-tr-td-reduction { text-align: left; padding-bottom: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 11px; font-size: 0.7rem; }
.component-cart .cart-tr-reduction .cart-tr-td-reduction label { display: inline-block; vertical-align: top; width: auto; /* hack IE<8 */ zoom: 1; *display: inline;
vertical-align: middle; margin-bottom: 6px; }
.component-cart .cart-tr-reduction .btn-submit-reduction { text-decoration: underline; cursor: pointer; display: inline-block; vertical-align: top; width: auto; /* hack IE<8 */ zoom: 1; *display: inline;
vertical-align: middle; }
.component-cart .cart-tr-total { font-size: 0; }
.component-cart .cart-tr-total > * { font-size: 12px; font-size: 1rem; }
.component-cart .cart-tr-total .cart-tr-td { display: none; }
.component-cart .cart-tr-total .cart-tr-td-total-label, .component-cart .cart-tr-total .cart-tr-td-total-value { display: inline-block; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* hack IE<8 */ zoom: 1; *display: inline;
}
.component-cart .cart-tr-td-delete a { display: block; margin: 0 auto; }
.component-cart .login-label { display: inline-block; width: 130px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* hack IE<8 */ zoom: 1; *display: inline;
font-size: 11.5px; font-size: 0.75rem; }
.component-cart input[type=text] { border: 0 none; background: #e4e4e4; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
input[type=text], input[type=password], select { border: 0 none; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 100%; box-sizing: border-box; }
.component-cart .btn-form-cart, .btn-form-cart { font-family: /*'HelveticaNeue-CondensedBold',*/ Helvetica, Arial, 'sans-serif'; display: inline-block; cursor: pointer; padding: 9px 22px; text-align: center; width: auto; background: #3497da; font-weight: bold; color: white; border: 0 none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 36px; line-height: 36px; width: 150px; padding: 0; font-size: 14px; /*font-size: 1rem;*/ position: relative; margin-top: 15px; }
.component-cart .btn-form-cart:after, .btn-form-cart:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0; border-color: transparent; border-width: 4px 0 4px 6px; border-left-color: white; position: absolute; right: 10px; top: 13px; }
.cart-actions { margin: 18px auto; font-size: 15px; }
#btn-cart-continue { font-family: /*'HelveticaNeue-CondensedBold',*/ Helvetica, Arial, 'sans-serif'; display: inline-block; cursor: pointer; padding: 9px 22px; text-align: center; width: auto; background: #b2b2b2; font-weight: bold; color: white; border: 0 none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#btn-cart-refresh, .btn-valider { font-family: Helvetica, Arial, 'sans-serif'; display: inline-block; cursor: pointer; padding: 9px 22px; text-align: center; width: auto; background: #ff3c3c; font-weight: bold; color: white; border: 0 none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; }
#btn-cart-refresh.cart_no_refresh{ background: #fff; color: #ff3c3c; border: 1px solid #ff3c3c; }
#btn-cart-validate { font-family: /*'HelveticaNeue-CondensedBold',*/ Helvetica, Arial, 'sans-serif'; display: inline-block; cursor: pointer; padding: 9px 22px; text-align: center; width: auto; background: #3497da; font-weight: bold; color: white; border: 0 none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; margin-left: 42px; padding-right: 26px; }
#btn-cart-validate:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0; border-color: transparent; border-left-color: white; border-width: 5px 0 5px 6px; margin-top: 5px; margin-left: 10px; }
.cart-col .submit-delivery-container { text-align: center; }
.cart-col .cart-title { margin-top: 5px; margin-bottom: 25px; }
.cart-col * { /*font-size: 12px; font-size: 0.8rem;*/ }
.cart-form-link { color: black; text-decoration: underline; }
.table-th, .table-tr { font-size: 0; }
.table-th > *, .table-tr > * { font-size: 12px; font-size: 0.8rem; }
.table-th-td, .table-tr-td { display: inline-block; width: 14%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* hack IE<8 */ zoom: 1; *display: inline;
vertical-align: top; text-align: center; }
.payment-label { display: inline-block; width: 58%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* hack IE<8 */ zoom: 1; *display: inline;
padding-right: 10px; text-align: left; }
.payment-total { background: #646464; padding: 7px; color: white; margin-top: 25px; }
.payment-total .payment-price { width: 42%; text-align: right; }
.payment-accept-cgv-container { margin: 30px 0; }
#payment-comment { margin-top: 10px; }
#delivery-comment { width: 100%; height: 65px; }
.submit-delivery-container { text-align: right; display: block; }
/* --- Cart : 1. Cart validation  --- */
#delivery-select { margin-top: 6px; }
#btn-submit-zone { font-family: /*'HelveticaNeue-CondensedBold',*/ Helvetica, Arial, 'sans-serif'; display: inline-block; cursor: pointer; padding: 9px 22px; text-align: center; width: auto; background: #646464; font-weight: bold; color: white; border: 0 none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 12px; height: 1.5rem; line-height: 21px; margin-left: 8px; }
.delivery-preview{ padding:0;}
.delivery-preview .delivery-preview-item { font-size: 0; }
.delivery-preview .delivery-preview-item > * { font-size: 12px; font-size: 0.8rem; }
.delivery-preview .delivery-img-container { vertical-align: top; width: auto; /* hack IE<8 */ margin-right: 8%; display: inline-block; width: 18%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* hack IE<8 */ zoom: 1; *display: inline;
}
.delivery-preview .delivery-img-container .delivery-img { max-width: 100%; width: auto !important; width: 100%; overflow: hidden; }
.delivery-preview .delivery-preview-item { margin-top: 35px; }
.delivery-preview .delivery-preview-item-title { font-family: 'HelveticaNeue-CondensedBold', Helvetica, Arial, 'sans-serif'; color: #144b7d; text-transform: uppercase; font-size: 13px; margin: 0; }
.delivery-preview .delivery-preview-item-pricing { display: inline-block; width: 74%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* hack IE<8 */ zoom: 1; *display: inline;
vertical-align: top; }
.delivery-preview .table { width: 100%; width: 80%; }
.delivery-preview .table .table-th, .delivery-preview .table .table-tr { display: block; font-size: 0; border-bottom: 1px solid black; }
.delivery-preview .table .table-th-td, .delivery-preview .table .table-tr-td { display: inline-block; width: 50%; font-size: 12px; font-size: 0.8rem; padding: 8px 0; }
.delivery-preview .table .table-th { font-weight: bold; }
.delivery-preview .delivery-price { color: #3497da; font-weight: bold; font-size: 13px; font-size: 0.9rem; font-family: Helvetica, Arial, sans-serif; -webkit-font-stretch: normal; -moz-font-stretch: normal; font-stretch: normal; text-transform: none; }
.delivery-preview .pricing-colissimo { padding-left: 14px; list-style-type: none; padding: 0; }
.delivery-preview .delivery-details img { vertical-align: top; }
#reduction-input { border: 1px solid #e4e4e4; padding: 7px; margin-right: 5px; background: white; width: auto; margin-bottom: 10px; }
@media screen and (max-width: 600px) {
.cart-actions { font-size: 0; }
.cart-actions > * { font-size: 12px; font-size: 1rem; }
#btn-cart-continue, #btn-cart-refresh, #btn-cart-validate { display: inline-block; width: 32%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* hack IE<8 */ zoom: 1; *display: inline;
float: none; padding: 7px 2px; margin: 0; margin-right: 2%; vertical-align: top; font-size: 11.5px; font-size: 0.75rem; }
#btn-cart-validate { margin-right: 0; float: right; }
}
@media screen and (min-width: 560px) {
.component-cart { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.component-cart .cart-th { background: #646464; color: white; font-weight: bold; display: block; font-size: 0; }
.component-cart .cart-th > * { font-size: 11px; font-size: 0.7rem; }
.component-cart .cart-th-td, .component-cart .cart-tr-td { display: inline-block; text-align: center; padding: 8px 0; width: 12.5%; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.component-cart .cart-th-td-img, .component-cart .cart-tr-td-img { text-align: left; padding-left: 24px; width: 20%; }
.component-cart .cart-th-td-title, .component-cart .cart-tr-td-title { text-align: left; padding-left: 24px; width: 30%; }
.component-cart .cart-tr-td-img .cart-product-img { max-width: 100%; width: auto !important; width: 100%; max-height: auto; height: auto !important; height: auto; overflow: hidden; }
.component-cart .cart-tr-total { font-size: 0; }
.component-cart .cart-tr-total > * { font-size: 12px; font-size: 1rem; }
.component-cart .cart-tr-total .cart-tr-td { display: inline-block; width: 12.5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* hack IE<8 */ zoom: 1; *display: inline;
}
.component-cart .cart-tr-total .cart-tr-td.cart-tr-td-img { display: inline-block; width: 20%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* hack IE<8 */ zoom: 1; *display: inline;
}
.component-cart .cart-tr-total .cart-tr-td.cart-tr-td-title { display: inline-block; width: 30%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* hack IE<8 */ zoom: 1; *display: inline;
}
.component-cart .cart-td-colspan { width: 100%; padding-left: 24px; }
.component-cart .cart-tr-td-total { font-weight: normal; }
.component-cart .cart-tr-td-total:before { content: ""; }
#nav-cart { margin-bottom: 35px; }
#nav-cart .nav-cart-steps { font-size: 0; padding: 0; }
#nav-cart .nav-cart-steps > * { font-size: 12px; font-size: 1rem; }
#nav-cart .nav-cart-step { display: inline-block; width: 20%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* hack IE<8 */ zoom: 1; *display: inline;
padding-left: 15px; height: 55px; line-height: 55px; vertical-align: middle; position: relative; }
#nav-cart .nav-cart-step.nav-cart-step-1 { padding-left: 0; }
#nav-cart .nav-cart-step.nav-cart-step-current { background: #3497da; }
#nav-cart .nav-cart-step a, .pseudo_a { display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* hack IE<8 */ zoom: 1; *display: inline;
width: 100%; height: 55px; vertical-align: middle; padding: 10px 0 0 8%; max-width: 90px; overflow: visible !important; font-size: 13px; font-size: 0.9rem;/* Stroke *//* Fill */ }
#nav-cart .nav-cart-step a:before, #nav-cart .nav-cart-step a:after, .pseudo_a:after, .pseudo_a:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; border-right: 0; z-index: 30; border-width: 27px 0 27px 12px; border-color: transparent transparent transparent #e4e4e4; }
#nav-cart .nav-cart-step a:before, .pseudo_a:before { top: -2px; right: -14px; border-width: 29px 0 29px 14px; /* If 1px darken stroke slightly */ border-left-color: white; }
#nav-cart .nav-cart-step a:after, .pseudo_a:after { top: 0; right: -12px; border-left-color: #aed5f0; }
#nav-cart .nav-cart-step-current a:after { border-left-color: #3497da; }
#nav-cart .nav-cart-step-5 a:before, #nav-cart .nav-cart-step-5 a:after, #nav-cart .nav-cart-step-5 .pseudo_a:before, #nav-cart .nav-cart-step-5 .pseudo_a:after { display: none; }
}
@media screen and (min-width: 1024px) and (min-device-height: 720px) {
#main-cart { }
#nav-cart .nav-cart-step { height: 75px; position: static; }
#nav-cart .nav-cart-step:before { content: ""; display: block; border: 1px solid white; text-align: center; vertical-align: middle; color: white; font-weight: bold; margin: 17px 12px; position: absolute; width: 37px; height: 37px; line-height: 37px; font-size: 25px; font-size: 1.2rem; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
#nav-cart .nav-cart-step.nav-cart-step-1:before { content: "1"; }
#nav-cart .nav-cart-step.nav-cart-step-2:before { content: "2"; }
#nav-cart .nav-cart-step.nav-cart-step-3:before { content: "3"; }
#nav-cart .nav-cart-step.nav-cart-step-4:before { content: "4"; }
#nav-cart .nav-cart-step.nav-cart-step-5:before { content: "5"; }
#nav-cart .nav-cart-step a, .pseudo_a { font-size: 15px; font-size: 1.1rem; padding-left: 58px; height: 75px; padding-top: 20px; max-width: none; width: auto !important; width: none; overflow: hidden; position: relative; z-index: 20; }
#nav-cart .nav-cart-step a:before, .pseudo_a:before { right: -20px; border-width: 39px 0 39px 21px; }
#nav-cart .nav-cart-step a:after, .pseudo_a:after { right: -18px; border-width: 37px 0 37px 19px; }
#cart-payment { font-size: 0; }
#cart-payment > * { font-size: 12px; font-size: 0.9rem; }
.cart-col { display: inline-block; width: 48%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* hack IE<8 */ zoom: 1; *display: inline;
vertical-align: top; }
.cart-col-1 { border: 1px solid #979797; border-width: 0 1px 0 0; padding-right: 2%; margin-right: 2%; }
.cart-col-2 { margin-left: -2.6%; padding-left: 2%; border-left: 1px solid #979797; }
.component-cart { width: 83.33%; margin: 0 auto; padding: 0 24px; }
.component-cart .cart-th { font-size: 0; }
.component-cart .cart-th > * { font-size: 12px; font-size: 0.8rem; }
#delivery-comment { width: 63%; }
}
/**/

.main.gestion-compte>section { border-top: 1px solid #ccc; padding-top: 1em; margin-top:1em; }
.gestion-compte h3 { margin-top: 0; }
.adresse {float: left;padding: 1em;margin-right: 1em;border: 1px solid #ccc;background-color: #fafafa;}
@media screen and (max-width: 600px) {
	.adresse{ float:none; margin:1em;}
}
/**/
.hidden-xs { display: none !important; visibility: hidden; }
@media screen and (min-width: 1024px) and (min-device-height: 720px) {
input[type=text], input[type=password], select { width: 50%; box-sizing: border-box; }
.hidden-xs { display: inherit !important; visibility: visible; }
.hidden-lg { display: none !important; visibility: hidden; }
}
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after { clear: both; }
.slider{ height:0;}