/** * Magento Enterprise Edition * * NOTICE OF LICENSE * * This source file is subject to the Magento Enterprise Edition License * that is bundled with this package in the file LICENSE_EE.txt. * It is also available through the world-wide-web at this URL: * http://www.magentocommerce.com/license/enterprise-edition * 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@magentocommerce.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.magentocommerce.com for more information. * * @category design * @package enterprise_default * @copyright Copyright (c) 2012 Magento Inc. (http://www.magentocommerce.com) * @license http://www.magentocommerce.com/license/enterprise-edition */ /* Reset ================================================================================= */ /*body { background:#fff; font:11px/1.35 Arial, Helvetica, sans-serif; color:#444; text-align:center; }*/ /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* 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 */ address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small { font-size:10px; } big { font-size:1.2em; } /*sup { font-size:1em; vertical-align:top; }/*/ /* Lists */ /* ======================================================================================= */ /* Layout ================================================================================ */ /*.wrapper { background:#fff; padding-bottom:20px; }*/ .page { margin:0 auto; /*text-align:center;*/ } .page-print { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } /* Base Columns */ .col-left { float:left; width:182px; padding:0 0 0; margin:0 0 -1px; } .col-main { float:left; width:715px;} .col-right { float:right; width:182px; padding:0 0 0; margin:0 0 -1px; } /* 1 Column Layout */ .col1-layout { background-position:-1000px 0; } .col1-layout .col-main { float:none; width:auto; padding-top:20px; } .col1-layout .breadcrumbs { margin-bottom:0 !important; } /* 2 Columns Layout */ .col2-left-layout { background-position:-573px 0; } .col2-left-layout .col-main {} .col2-right-layout { background-position:573px 0; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout { background-position:0 0; } .col3-layout .col-main { width:532px; margin-left:1px; display:inline; } .col3-layout .col-wrapper { float:left; width:755px; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float:left;} .col2-set .col-2 { float:right; width:49%; } .col2-set .narrow { width:33%; } .col2-set .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:#444; } input.input-text,select,textarea { background:#fff; border:1px solid #c7c7c7; background:#fff url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_input.gif) 0 0 repeat-x; } input.input-text,textarea { padding:2px 2px; background:#fff url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_input.gif) 0 0 repeat-x; }*/ select { padding:1px; } select option { padding-right:10px; } select.multiselect option { padding:2px 2px; border-bottom:1px solid #bbb; } select.multiselect option:last-child { border-top:0; } textarea { overflow:auto; resize:vertical; } textarea.default-value { color:#ddd; } input.radio, input.checkbox { margin-right:3px; font-size:11px !important; margin-top:2px; vertical-align:top; } input.radio { font-size:10px !important; } input.qty { width:2.5em !important; } input.disabled { background:#f6f6f6 !important; color:#bbb !important; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.button, .passforgotten .button{ border:0; padding:0; margin:0; background:transparent; /* line-height:21px; */ overflow:visible; cursor:pointer; vertical-align:middle; } a.button, button.button span, a.button span, button.button span span { background-color:transparent; background-image:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_btn.gif); background-repeat:no-repeat; } a.button, button.button span { border:0; padding:0 0 0 0px; margin:0; cursor:pointer; background-position:0 0; display:-moz-inline-stack; display:inline-block; height:21px; text-decoration:none; } a.button span, button.button span span { padding:0 15px 1px 5px; color:#c73615; background-position:100% 0; display:-moz-inline-block; display:inline-block; white-space:nowrap; text-transform:uppercase; font:bold 11px/20px Arial, Helvetica, sans-serif; height:20px; } a.button { line-height:21px; } a.button { line-height:20px; } button.button:active span span { margin:0; } button.btn-small span { font-size:11px; line-height:14px; padding:1px 9px 0; } button.disabled { cursor:default !important; bottom:0 !important; right:0 !important; } button.disabled span { cursor:default !important; color:#bbb !important; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#eee; }*/ /* Form Validation */ .validation-advice { clear:both; font-size: 0.85em !important; /*padding:3px 0 0 !important; */ color:#F92A2A !important; line-height: normal; margin-bottom: 5px; } .product-options .validation-error .options-list, .validation-failed, .custom-validation-failed { border:1px solid #f47d4e !important; background:#fff7f5 !important; } input.input-text.validation-failed, textarea.validation-failed { background:#fff7f5 url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_input-failed.gif) 0 0 repeat-x !important; } span.validation-passed, div.validation-passed { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/success.png) 100% 13px no-repeat;padding-right: 12px;} .demande-mot-de-passe span.validation-error, .demande-mot-de-passe span.validation-passed, #shopping-cart-table span.validation-error, #shopping-cart-table div.validation-error { padding-right: 0px;} /*#shopping-cart-table .input-quantite input[type="text"] { padding: 10px;!important;}*/ #shopping-cart-table span.validation-passed, #shopping-cart-table div.validation-passed { padding-right: 0px;} span.select-liste.validation-error, div.select-liste.validation-error { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/error.png) 100% 13px no-repeat;padding-right: 24px; } span.select-liste.validation-passed, div.select-liste.validation-passed { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/success.png) 100% 13px no-repeat;padding-right: 24px;} span.validation-error, div.validation-error { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/error.png) 100% 13px no-repeat;padding-right: 12px; } .required em { color:#f15c22; margin-right:4px; } p.required { margin:0; padding:5px 0 7px; text-align:right; /*width:620px;*/ font-size:11px; color:#f02800; } .form-list .validation-advice { width:250px; margin-right:-250px; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Fieldset */ .fieldset { /*font-size:12px;*/ margin:0 0 16px; } .fieldset p { margin:0 0 1.5em; } .fieldset h2.legend { margin:0 0 1.5em; color:#000; } /* Form lists */ .form-list {} .form-list li { margin:0 0 9px; vertical-align:top; } .form-list label {/* float:left; width:225px; padding:2px 15px 0 0; font-size:12px; font-weight:bold; text-align:right;*/ } .form-list .value { float:left; padding:2px 0 0; } .form-list .note { clear:both; font-size:11px; width:380px; margin:0; padding:3px 0 0 240px; } .form-list span.label { font-weight:normal; } .form-list .input-box { float:left; width:256px; } .form-list .input-box a { font-size:13px; margin-top:4px; } /*.form-list input.input-text, .form-list textarea { float:left; width:87%; vertical-align:top; } .form-list textarea { width:374px; height:13em; }*/ .form-list select { /*float:left; width:380px; vertical-align:top;*/ } .form-list p { margin:0; padding:0 0 0 240px; } ul.add-row, .form-list li.add-row { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_dots.gif) repeat-x 0 0; margin-top:15px; } ul.add-row .btn-remove, .form-list li.add-row .btn-remove { font-size:0; line-height:0; padding:5px 5px 0 0; margin:0; text-align:right; } .form-list .range input.input-text { float:none; width:64px; vertical-align:middle; } .form-list .add-field .input-box {/* margin-left:240px*/ } .form-list .control { position:relative; vertical-align:top; z-index:1; } /* row with checkbox or radio button */ .form-list .control label { line-height:16px; } .form-list .control .input-box { position:absolute; left:0; margin-left:240px; line-height:16px; padding-top:1px; } .form-list .control input.radio { margin-top:3px; } .form-alt label { float:none; display:inline; width:auto; } .form-alt li { margin:0 0 5px; line-height:16px; } .form-alt select { width:496px; } .form-alt .input-box { width:496px; margin-top:5px; padding-bottom:11px; } .form-alt .input-text { width:480px; } .form-list-narrow label { width:105px; } .form-list-narrow select { width:290px; } .form-list-narrow input.input-text, .form-list-narrow textarea { width:285px; } .form-list-narrow .wide { width:auto; } .form-list-narrow .add-field .input-box { margin-left:120px; } .form-list-narrow .control .input-box { margin-left:120px; } .inner-form { margin:10px 0 5px; padding:10px 0 0; border:1px dashed #d1d1d1; border-width:1px; background:#f7f7f7; } .inner-form .form-alt label { padding-left:5px; } /* Date Of Birth */ .form-list .customer-dob label { float:none; width:auto; padding:0; font-size:11px; font-weight:normal; color:#777; } .form-list .customer-dob .input-box { float:left; width:auto; margin-right:8px; } .form-list .customer-dob .input-box .validation-advice { display:none !important; } .form-list .customer-dob input.input-text { float:none; display:block; margin-bottom:2px; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-year { float:left; margin-right:8px; padding-right:0 !important; background:none !important; } .form-list .customer-dob .dob-day .validation-advice, .form-list .customer-dob .dob-month .validation-advice, .form-list .customer-dob .dob-year .validation-advice { display:none; } .form-list .customer-dob .dob-day input.input-text { width:104px; } .form-list .customer-dob .dob-month input.input-text { width:104px; } .form-list .customer-dob .dob-year { margin-right:0; } .form-list .customer-dob .dob-year input.input-text { width:138px; } /* Combination of fields */ .form-list li.fields { margin:0; } .form-list li.fields .field { clear:left; padding:0 0 9px; } /* Buttons */ .buttons-set { clear:both; margin:15px 0; } /* general for button containing block */ .buttons-set p.back-link { float:left; padding:2px 15px 0 0; text-align:right; margin:0; } a.back-link { color:#999; } .buttons-set p.back-link a { /*color:#999;*/ } .buttons-set a.button, .buttons-set button.button { /*float:right; margin-left:7px;*/ } .buttons-set2 { clear:both; margin:5px 0 0; padding:5px; background-color:#fff; text-align:left; } .form-buttons { margin:0; width:620px; } /* for button containing block under the general form */ .form-buttons .button { float:right; } .form-buttons .button { margin-left:15px; } .form-buttons p.back-link { float:left; width:225px; padding:2px 15px 0 0; text-align:right; } .btn-only { /* padding-left:240px; */ } /* Overrides for 3columns */ .col3-layout .form-list .note { padding-left:165px; width:280px; } .col3-layout .form-buttons p.back-link, .col3-layout .form-list label { width:150px; } .col3-layout .form-list input.input-text, .col3-layout .form-list textarea { width:274px; } .col3-layout .form-list select { width:280px; } .col3-layout .form-list .control .input-box { margin-left:165px; } .col3-layout .form-list .customer-dob .dob-day input.input-text { width:74px; } .col3-layout .form-list .customer-dob .dob-month input.input-text { width:74px; } .col3-layout .form-list .customer-dob .dob-year { margin-right:0; } .col3-layout .form-list .customer-dob .dob-year input.input-text { width:98px; } .col3-layout p.required, .col3-layout .form-buttons { width:445px; } /* Global Messages */ .messages { width:100%; overflow:hidden; text-align:left; margin-top:10px; } .messages li { margin:0 0 10px; padding:0; word-wrap:break-word; } .messages ul { padding:10px 17px 18px; margin:0 0 -11px; background-position:35px 100%; background-repeat:no-repeat; position:relative; } .messages ul li { margin:0; padding:0 0 3px; } .messages a { text-decoration:underline; } .messages a:hover { text-decoration:none; } .messages li.error-msg, .messages li.success-msg, .messages li.note-msg, .messages li.notice-msg { border-style:solid !important; border-width:1px !important; font-size:12px !important; } p.error-msg { border-style:solid !important; padding:10px; border-width:1px !important; font-size:12px !important; margin:10px 0; } /* Error Message */ .messages li.error-msg { border-color:#e9581f; background-color:#fff5f3; color:#d91a00; } .messages li.error-msg a { color:#d91a00; } .messages li.error-msg ul { /* background-image:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_msg-error.gif); */ } p.error-msg { border-color:#e9581f; background-color:#fff5f3; color:#d91a00; } /* Success Message */ .messages li.success-msg { border-color:#446423; background-color:#eff5ea; color:#3d6611; } .messages li.success-msg a { color:#3d6611; } .messages li.success-msg ul { /* background-image:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_msg-success.gif); */ } /* Notification Message */ .messages li.note-msg, .messages li.notice-msg { border-color:#fcd344; background-color:#fafaec; color:#3d6611; } .messages li.note-msg a, .messages li.notice-msg a { color:#3d6611; } .messages li.note-msg ul, .messages li.notice-msg ul { /* background-image:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_msg-note.gif); */ } /* std class reset */ .std .messages { margin-top:0; } .std .messages { width:auto; list-style:none !important; padding:0 !important; margin-bottom:0 !important; } .std .messages ul { list-style:none !important; padding-left:17px !important; margin:0 0 -11px !important; } /* Page Heading */ /*.page-title { margin-bottom:20px; padding:23px 20px 11px; background:#f6f6f6 url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_page-title.gif) repeat-x 0 0; border-bottom:1px solid #cfcfcf; } .page-title .link-rss { float:right; margin-top:8px; } .page-title h1, .page-title h2 { font:normal 22px/27px Arial, Helvetica, sans-serif; color:#d12c01; } */ .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; } .title-buttons .link-print { float:right; margin-top:4px; } /*.subtitle { clear:both; padding:10px 0; font-size:18px; color:#d12c01; }*/ .page-popup .page-title, .col-main .page-title { margin-left:-20px; margin-right:-20px; } .col1-layout .col-main .page-title {/* margin-top:-20px;*/ } .sub-title { font-size:16px; font-weight:normal; color:#000; line-height:19px; margin:0 0 10px; } .sub-title .separator { font-weight:normal; } .sub-title a { font-size:11px; font-weight:normal; text-transform:lowercase; } .section-title { font-size:14px; font-weight:normal; color:#151515; margin:0 0 5px; } /* Pager */ .pager { margin:15px 0; font-size:11px; padding:3px 20px; background:#f5f5f5 url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_pager.gif) repeat-x 0 0; border:1px solid #ddd; color:#333; } .pager p { margin:0 !important; } .pager select { padding:0; margin-bottom:1px; } .pager .amount { float:left; line-height:20px; } .pager .amount strong { font-weight:normal; } .pager .limiter { float:right; line-height:20px; } .pager .pages { margin:0 135px; text-align:center; color:#333; line-height:20px; } .pager .pages a { color:#8c8c8c; text-decoration:underline; } .pager .pages a:hover { color:#8c8c8c; text-decoration:none; } .pager .pages ol, .pager .pages li { display:inline; padding:0 2px; } .pager .pages .current { font-weight:bold; } .pager .pages .i-previous, .pager .pages .i-next { text-decoration:none !important; vertical-align:middle; } .pager-only { clear:both; } .pager-only .pages { margin:0; } /* Sorter */ .sorter { font-size:11px; margin:0 0 0; padding:3px 20px; background:#f5f5f5 url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_pager.gif) repeat-x 0 0; border-top:1px solid #ddd; color:#333; } .sorter p { margin:0; } .sorter select { padding:0; margin-bottom:1px; } .sorter .view-mode { float:left; line-height:20px; white-space:nowrap; } .sorter .view-mode label { float:left; margin:0 5px 0 0; } .sorter .view-mode a.list-fix, .sorter .view-mode a.list, .sorter .view-mode strong.list-fix, .sorter .view-mode strong.list, .sorter .view-mode a.grid-fix, .sorter .view-mode a.grid, .sorter .view-mode strong.grid-fix, .sorter .view-mode strong.grid { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_viewmode.gif) no-repeat 0 0; float:left; width:24px; height:17px; text-align:left; text-indent:-999em; overflow:hidden; margin:2px 0 0; } .sorter .view-mode a.list { background-position:-24px 0; } .sorter .view-mode strong.list { background-position:-24px -29px; } .sorter .view-mode a.grid { background-position:0 0; } .sorter .view-mode strong.grid { background-position:0 -29px; } .sorter .view-mode a.list-fix { background-position:0 -58px; } .sorter .view-mode strong.list-fix { background-position:0 -87px; } .sorter .view-mode a.grid-fix { background-position:-24px -58px; } .sorter .view-mode strong.grid-fix { background-position:-24px -87px;; } .sorter .sort-by { float:right; line-height:20px; } .sorter .link-feed {} /* Toolbar */ .toolbar { margin-top:-1px; } .toolbar .pager { margin:0 0 0; border-width:1px 0; } .toolbar-bottom { /*display:none;*/ } /* Data Table */ /*.table-caption { border:1px solid #ddd; border-bottom:0; margin:-1px 0 0; background:#fff url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_block-title.gif) 0 100% repeat-x; font:14px/1.25 Arial, Helvetica, sans-serif; padding:3px 7px 4px; color:#444; } .table-caption a { font-size:11px; text-transform:lowercase; } .data-table { border:1px solid #d9d9d9; border-bottom:0; width:100%; border-collapse:separate; } .data-table th { padding:5px 12px; color:#2d2d2d; border-bottom:1px solid #d9d9d9; font-weight:normal; text-transform:uppercase; white-space:nowrap; } .data-table td { padding:5px 12px; } .data-table thead { background:#e8e8e8 url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_thead.gif) repeat-x 0 0; font-size:11px; } .data-table tbody {} .data-table tfoot { background-color:#ededed; } .data-table tfoot td { padding:5px 12px; } .data-table tfoot th { border:none; text-transform:none; } .data-table tr.first {} .data-table tr.last {} .data-table tr.last th, .data-table tr.last td { border-bottom:1px solid #d9d9d9; } .data-table tr:last-child td, .data-table tr:last-child th { border-bottom:1px solid #d9d9d9; } .data-table tbody tr:nth-child(odd), .data-table tr.odd { background-color:#fff; } .data-table tbody tr:nth-child(even), .data-table tr.even { background-color:#fafafa; } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#f5f5f5; } .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; text-transform:none; border-color:#fff; background-color:#f7f7f7; } .data-table td.value { float:none !important; } .data-table .link-rss { display:block; }*/ .page-popup .data-table td, .page-popup .data-table th { border-bottom:1px solid #d9d9d9; } .page-popup .buttons-set .button { float:right; } /* 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://librairie-bayard.com/skin/frontend/bayardrwd/default/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 { background-color:#ede9e6; font-size:12px; padding:5px !important; } tr.summary-details-first td {} tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info */ /* Links */ ul.links, ul.links li { display:inline; } ul.links li .separator { margin:0 2px 0 5px; font-size:10px; color:#8f8f8f; } ul.links li.last .separator { display:none; } /* Reward Points */ .rewards { margin:-10px 0 20px; } .reward-message { display:block; margin:5px -15px 5px -15px; background:#d55721 url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_rewards.gif) 5px 3px no-repeat; padding:3px 5px 3px 32px; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#fff; } .reward-message p { display:inline; margin:0 !important; } .reward-message .limit { display:block; font-size:11px; line-height:1.15; } .reward-message a { color:#ffe6dc; text-decoration:underline; } .reward-message a:hover { color:#ffe6dc; text-decoration:none; } .reward-message .price { font-size:1em; font-weight:normal; } /* Reward Points types rewrites */ .reward-review, .reward-tag, .reward-checkout { margin:0; } /* Class: std - styles for admin-controlled content */ .std ul, .std ol, .std dl, .std p, .std address, .std blockquote, .std table { margin-bottom:1em; } .std ul { list-style:disc outside; padding-left:1.5em; } .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 hr { margin:1.5em 0; color:#d9d9d9; } .std table { width:100%; } .std table thead { background:#e8e8e8; } .std table th { background:#f7f7f7; font-weight:bold; } .std table thead th { background:#e8e8e8; font-weight:bold; } .std table th, .std table td { padding:5px 10px; border:1px solid #d9d9d9; } .std table[border="0"] { border-width:0; } .std table[border="0"] th, .std table[border="0"] td { border-width:0; } ul.disc li { padding-left:10px; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_bulletsm.gif) no-repeat 0 0.5em; } .std ul.disc li { padding-left:0; background:none; } /* Misc */ .link-rss { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/icon_rss.gif) 100% 1px no-repeat; padding-right:18px; white-space:nowrap; } .link-rss:hover { color:#f58550; } .link-print { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/icon_printer.gif) 0 1px no-repeat; padding:2px 0 2px 25px; white-space:nowrap; } .link-cart { font-size:11px; font-weight:bold; color:#c73615; text-decoration:underline; } .link-cart:hover { color:#c73615; text-decoration:none; } .data-table .btn-remove { display:block; margin:0 auto; width:13px; height:12px; font-size:0; line-height:0; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; cursor:pointer; } .data-table .btn-remove2 {} .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .divider { margin:16px 0; background:#e7e7e7; font-size:0; line-height:0; height:1px; overflow:hidden; } /* Global site notices */ .global-site-notice { border:1px solid #cfcfcf; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .global-site-notice .notice-inner { width:860px; margin:0 auto; padding:12px 0 12px 80px; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/i_notice.gif) 20px 25px no-repeat; text-align:left; } .global-site-notice .notice-inner p { margin:0; border:1px dotted #cccc73; padding:10px; } .global-site-notice .notice-inner .actions { padding-top:10px; } /* Cookie Notice */ .notice-cookie { } /* Noscript Notice */ .noscript {} /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; } .demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; } .demo-notice .notice-inner p { padding:0; border:0; } /* ======================================================================================= */ /* Header ================================================================================ */ .branding { position:absolute; left:0; margin:-29px 0 0; top:50%; height:56px; } .logo { float:left; } .free-shipping { float:left; margin:15px 0 0 10px; display:inline; } #invitation-send-link { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_sep.gif) no-repeat 100% 50%; padding:0 6px 0 0; margin:0 4px 0 0; font-weight:bold; } #invitation-send-link a { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_invitation-link.gif) no-repeat 3px 6px; padding-left:23px; display:inline-block; } #invitation-send-link a, x:-moz-any-link { background-position:3px -2px; }/* FireFox 2 fix */ #invitation-send-link a, x:-moz-any-link, x:default { background-position:3px 6px; }/* FireFox 3 restore */ .switches { float:right; background:#fff url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_header-panel-bg.gif) repeat-x 0 100%; padding:0 0 1px 0; } .switch { line-height:28px; margin-left:-1px; margin-right:0; display:inline; float:left; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_header-panel.gif) no-repeat 0 -29px; padding-left:13px; } .switch label { font-weight:normal; margin-right:0; float:left; } .switch .switch-wrapper { float:left; position:relative; z-index:1; padding-left:7px; padding-right:11px; } .switch strong.current { font-weight:normal; } .switch .separator { margin:0 2px; font-size:10px; color:#8f8f8f; } .switch .switcher { color:#1e75b4; cursor:pointer; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_header-panel.gif) no-repeat 100% -73px; padding:0 10px 0 0; margin:0 3px 0 1px; } .switch ul { position:absolute; min-width:100%; text-align:left; top:0; left:0; float:left; line-height:16px; padding:0 0 0 0; border-top:0; } .switch ul li { vertical-align:top; display:block; white-space:nowrap; border:1px solid #c8c8c8; border-top:0; } .switch ul li a { white-space:nowrap; display:block; background:#f2f2f2; padding:4px 6px; color:#1e75b4; text-decoration:none; } .switch ul li a:hover { color:#d33911; background:#f8f8f8; } .switch ul .current { line-height:28px; border:0; cursor:default; padding:0 7px; visibility:hidden; /* background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_header-panel.gif) repeat-x 0 0; */ } .switch ul .current span { padding-right:20px; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_close.gif) no-repeat 100% 1px; } .switch .faded { color:#8f8f8f; } .switch .faded li { border-color:#e6e6e6; background-color:#f6f6f6; } .switch .faded a { color:#9ac1dd; } .switch ul, x:-moz-any-link { width:100%; }/* FireFox 2 fix */ .switch ul, x:-moz-any-link, x:default { width:auto; }/* FireFox 3 restore */ .list-opened { background-position:100% -129px !important; color:#d33911 !important; } /********** < Navigation */ .nav-container { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_nav.gif) 0 100% no-repeat; padding-bottom:3px; margin-bottom:-1px; position:relative; z-index:4; } #nav { width:932px; min-height:28px; background:#dedede url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_nav.gif) 0 0 no-repeat; text-align:left; padding:0 4px 0; } /* All Levels */ #nav li.over { z-index:990 !important; } #nav li.parent { position:relative; } #nav li a span { cursor:pointer; } /* 1st Level (Top Level) */ #nav li.level-top { float:left; height:28px; position:relative; z-index:1; } #nav a.level-top { float:left; height:28px; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_nav-item-border.gif) 100% 0 no-repeat; font-weight:bold; font-size:13px; line-height:28px; padding:0 0 0 17px; border-top:1px solid #c0c0c0; text-decoration:none !important; color:#333; } #nav a.level-top span { float:left; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_nav-item-border.gif) 100% 0 no-repeat; padding:0 19px 0 0; white-space:nowrap; } #nav li.over a.level-top, #nav li.active a.level-top { height:29px; background-position:0 -60px; margin-left:-1px; border:0; padding:0 0 0 18px; } #nav li.over a.level-top { height:31px; line-height:30px; position:relative; z-index:2; } #nav li.over a.level-top span, #nav li.active a.level-top span { background-position:100% -60px; padding:1px 19px 0 0; } /* 2nd Level */ #nav ul, #nav div { position:absolute; width:13.5em; top:30px; left:-10000px; background:#fbfbfb; padding:5px 11px 10px; border:1px solid #aeaeae; border-top:0; } #nav div ul { position:static; width:auto; background:none; padding:0; border:0 !important; } #nav ul li { float:none; height:auto; display:block; border-bottom:1px solid #e2e2e2; } #nav ul li.last { border-bottom:0; } #nav ul li.parent { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_parent.gif) 100% 50% no-repeat; } #nav ul li a { display:block; font-size:12px; line-height:1.2; padding:5px 4px; text-decoration:none !important; color:#444; } #nav ul li.last > a { padding-bottom:0; } #nav ul li a:hover { color:#d02600; } #nav ul li a span {} #nav ul li.over a.over { color:#d02600; } #nav ul li.active > a { color:#d02600; } /* 3rd+ Level */ #nav ul ul, #nav ul div { top:7px; border-top:1px solid #aeaeae; } /* Show Menu */ #nav li .shown-sub { left:-1px; z-index:991; } #nav li .shown-sub .shown-sub { left:100px; } /********** Navigation > */ /* ======================================================================================= */ /* Block: Events */ /** QBE : Mise en commentaire*/ .event { background-color:#fbf4de; border-bottom:1px solid #e2d4c7; /*width:182px;*/ position:static; /*height:144px;*/ text-align:center; } .event .status { font-weight:normal; font-size:16px; display:block; padding:19px 0 0; margin:0 0 0; text-align:center; color:#cf3a00; } .event .event-ticker { color:#cf3a00; height:55px; } .event .event-ticker span { font-size:32px; line-height:40px; height:40px; padding-bottom:10px; background-image:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_ticker.gif); background-repeat:no-repeat; display:inline-block; } .event .event-ticker span, x:-moz-any-link { padding-bottom:13px; }/* FireFox 2 fix */ .event .event-ticker span, x:-moz-any-link, x:default { padding-bottom:10px; }/* FireFox 3 restore */ .event .event-ticker span.days { background-position:50% 3px; } .event .event-ticker span.hour { background-position:50% -56px; } .event .event-ticker span.minute { background-position:50% -115px; } .event .event-ticker span.second { background-position:50% -174px; } .event .event-ticker span.delimiter { background:none; } .event .event-dates { font-size:14px; color:#555; height:51px; padding-top:4px; } .event .event-dates .date-part { font-weight:bold; } .event .event-dates .time-part { font-size:12px; } .col-main .event .event-button { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_btn-co.gif) 0 50% no-repeat; line-height:27px !important; height:27px !important; padding:0 0 0 13px !important; vertical-align:middle; } .col-main .event .event-button span { width:121px; text-align:center; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_btn-co.gif) 100% 50% no-repeat; padding:0 13px 0 0 !important; color:#fff; font:bold 15px/27px Arial, Helvetica, sans-serif !important; height:27px !important; text-transform:none; } .event p a { color:#666; font-size:11px; } .event .event-bottom { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_slider-events.gif) no-repeat 50% 0; position:absolute; z-index:2; height:12px; width:23px; left:50%; margin-left:-11px; bottom:-12px; } .open .event-button span {} .upcoming { background:#f6f6f6; } .upcoming .status { color:#333; } .closed .event-button, .col-main .closed .event-button, .col-main .upcoming .event-button, .upcoming .event-button, .closed .event-button span, .col-main .closed .event-button span, .col-main .upcoming .event-button span, .upcoming .event-button span { line-height:27px !important; font-size:12px !important; color:#7c7b7b !important; background:none !important; padding:0 !important; width:auto !important; display:inline !important; text-transform:capitalize; } .upcoming .event-button { text-decoration:underline !important; } .upcoming .event-button:hover { text-decoration:none !important; } .upcoming p a { color:#666; } .upcoming .event-bottom { background-position:50% -187px; } .closed { background:#494949; } .closed .status, .closed .event-dates { color:#e2d4c7 } .closed .event-button {} .event-container { clear:both; border:1px solid #d0af83; position:relative; z-index:2; border-width:1px 1px; margin-top:7px; margin-bottom:-5px; height:59px; } .event-container .event { background-color:transparent; background-repeat:no-repeat; background-position:50% 100%; padding-bottom:18px; margin-bottom:-18px; padding-top:5px; height:52px; line-height:50px; text-align:center; width:auto; position:relative; z-index:2; border-bottom:0 !important; } .event-container .container { display:inline; margin:0; padding:0; background:none; } .event-container .status { display:inline; margin:0 10px 0 0; background:none; font-size:22px; } .event-container .event-ticker { display:inline; font-size:28px; height:auto; } .event-container .event-ticker span { line-height:50px; height:50px; padding:0; } .event-container .event-ticker span , x:-moz-any-link { padding:5px 0 5px; }/* FireFox 2 fix */ .event-container .event-ticker span , x:-moz-any-link, x:default { padding:0; }/* FireFox 3 restore */ .event-container .event .event-ticker span.days { background-position:50% 4px; } .event-container .event .event-ticker span.hour { background-position:50% -55px; } .event-container .event .event-ticker span.minute { background-position:50% -114px; } .event-container .event .event-ticker span.second { background-position:50% -173px; } .event-container .event-dates { display:inline; font-size:22px; height:auto; } .event-container .event-dates .time-part { font-size:14px; } .event-container .event-dates div, .event-container .event-dates p { display:inline; } .container-open { background:#f7d4b6 url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_event-container-open.gif) repeat-x 0 0; } .container-open .open { background-image:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_event-container-open.gif); padding-top:3px; height:54px; } .container-upcoming { border-color:#d0d0d0; background:#eeeeee url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_event-container-upcoming.gif) repeat-x 0 0; } .container-upcoming .upcoming { background-image:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_event-container-upcoming.gif); } .container-closed { background:#9f958c } /* Block: Events Lister */ .col3-layout .col-main .widget-events { margin:0 -20px 1px; position:relative; z-index:1; } .widget-events { padding:11px; background:#f0eae3; } .col1-layout .col-main .widget-events { padding:12px; } .events-slider { position:relative; clear:both; margin:0 0 0; border:1px solid #d0c2b6; z-index:2; } .events-slider .slider-panel, .events-slider ul.slider li.slider-item, .events-slider .slide-button { float:left; display:inline; } .events-slider .event { position:relative; z-index:1; } .events-slider .slider-panel { position:relative; overflow:hidden; background:#d0c2b6; z-index:1; width:0; } .events-slider ul.slider { width:200000px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)" !important; } .events-slider ul.slider li.slider-item { overflow:hidden; width:182px; height:386px; border-right:1px solid #d0c2b6; background:#f5f5f5 url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_block.gif) repeat-x 0 0; padding-left:0; } .events-slider ul.slider li.slider-item .category-name { font-size:16px; font-weight:normal; color:#454343; display:block; padding:80px 10px 0; } .events-slider ul.slider li.slider-item .category-show { width:182px; height:241px; background:#fff url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_category-info.gif) repeat-x 0 100%; overflow:hidden; text-align:center; display:block; text-decoration:none; } .events-slider ul.slider li.slider-item .no-event { height:401px; } .events-slider .slide-button { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_slide-button.gif) no-repeat 0 0; position:absolute; text-indent:-999em; cursor:pointer; top:17px; width:28px; height:28px; z-index:2; overflow:hidden; } .events-slider .backward { left:-11px; } .events-slider .forward { right:-11px; background-position:0 -40px; } .events-slider .inactive { cursor:default; display:none; } .sidebar .widget-events { background:none; padding:0; } .sidebar .events-slider { border:1px solid #cfcfcf; margin:-1px -1px 0; background:#fff; padding:0; } .sidebar .events-slider .event { height:115px; } .sidebar .events-slider ul.slider li.slider-item { width:182px; height:300px; margin:0; border-color:#cfcfcf; border-width:0 1px 0 0; } .sidebar .events-slider ul.slider .status { padding-top:10px; padding-bottom:5px; } .sidebar .events-slider ul.slider .event-dates { height:40px; } .sidebar .events-slider ul.slider li.slider-item .category-name { font-size:16px; font-weight:normal; color:#454343; display:block; padding:50px 10px 0; } .sidebar .events-slider ul.slider li.slider-item .category-show { height:241px; background:#fff url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_category-info.gif) repeat-x 0 100%; } .sidebar .events-slider { margin-top:-1px; } .sidebar .events-slider .backward { left:3px; top:6px; } .sidebar .events-slider .forward { right:3px; top:6px; } .sidebar .events-slider .event-ticker { height:45px; } .sidebar .events-slider .event-ticker span { font-size:22px; line-height:28px; height:28px; padding-bottom:10px; background-image:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_ticker1.gif); background-repeat:no-repeat; display:inline-block; } .sidebar .events-slider .event-ticker span.days { background-position:50% -10px; } .sidebar .events-slider .event-ticker span.hour { background-position:50% -69px; } .sidebar .events-slider .event-ticker span.minute { background-position:50% -128px; } .sidebar .events-slider .event-ticker span.second { background-position:50% -185px; } /* Sidebar =============================================================================== */ .sidebar .callout { display:block; margin:10px 0; } /* Generic Block */ .sidebar .block { border-bottom:1px solid #cfcfcf; background:#f5f5f5 url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_block.gif) repeat-x 0 0; } .sidebar .block .block-title { padding:17px 17px 0 17px; } .sidebar .block .block-title strong { display:block; font:14px/1.25 Arial, Helvetica, sans-serif; padding:0; color:#222; } .sidebar .block .block-title strong span {} .sidebar .block .block-title strong small { font-size:12px; color:#777; } .sidebar .block .block-subtitle, .sidebar .block h3 { font-size:1em; font-weight:bold; color:#555; } .sidebar .block .block-content { padding:10px 17px 17px; color:#555; } .sidebar .block .btn-remove { color:#222; margin-right:3px; } .sidebar .block .btn-remove a { color:#222 !important; text-decoration:none !important; } .sidebar .block .actions { margin:8px 0 0; text-align:right; } .sidebar .block .actions a { float:left; color:#999; margin-top:3px; } .sidebar .block .actions button.button { float:right; } .sidebar .block li a.btn-previous, .sidebar .block li a.btn-remove { float:right; width:13px; height:0; padding-top:12px; margin-top:3px; overflow:hidden; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/btn_remove.gif) no-repeat 0 0; } .sidebar .block li a.btn-previous { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_icon-back.png) no-repeat 0 0; } .col-main .block { background:#fff; } .col-main .block .block-title { background:#e7e7e7 url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_block-title.gif) repeat-x 0 0; border:1px solid #e1e1e1; padding:5px 20px 5px; margin:0 -1px; } .col-main .block .block-title h2, .col-main .block .block-title h3 { font-size:14px; line-height:1.2; color:#000333; font-weight:bold; } .col-main .block .block-content { padding:20px; } /* Generic box */ .info-box { border:1px solid #cfcfcf; margin-top:-1px; background:#f5f5f5 url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_block.gif) repeat-x 0 0; position:relative; z-index:1; } .info-box .box-title { margin:17px 17px 0 17px; font:14px/1.25 Arial, Helvetica, sans-serif; padding:0; color:#222; } .info-box .box-title a { font-size:11px; text-transform:lowercase; } .info-box .box-content { padding:10px 17px 17px; color:#555; } .info-table th { font-weight:bold; padding:2px 15px 2px 0; } .info-table td { padding:2px 0; } /* Block: Account */ .sidebar .block-account { background:#f5f5f5 url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_block.gif) repeat-x 0 0; } .sidebar .block-account .block-title { padding:26px 17px 12px; border-bottom:1px solid #d1d1d1; } .sidebar .block-account .block-title strong { font-size:18px; line-height:23px; color:#111; } .sidebar .block-account .block-content { padding:0; } .sidebar .block-account li { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_dots.gif) repeat-x 0 100%; font-size:12px; padding-bottom:1px; } .sidebar .block-account li a { color:#666; text-decoration:none; display:block; padding:5px 13px 4px; } .sidebar .block-account li a:hover { color:#d63200; background-color:#f7eedb; color:#000; text-decoration:none; } .sidebar .block-account li.current { font-weight:bold; background:#fff; border:1px solid #d1d1d1; border-width:1px 0; color:#000; padding:5px 13px 4px 14px; margin:-1px -1px 0 0; } .sidebar .block-account li.last { border-bottom:0; background-image:none; } /* Block: Layered Navigation */ .sidebar .block-layered-nav { background:none; } .sidebar .block-layered-nav .block-title { padding:26px 17px 12px; /* border-bottom:1px solid #d1d1d1; */ } .sidebar .block-layered-nav .block-title h2 { font-size:18px; color:#111; } .sidebar .block-layered-nav .block-subtitle { display:none; } .sidebar .block-layered-nav .block-content { padding:0; } .sidebar .block-layered-nav dl { padding:10px 14px 17px 17px; } .sidebar .block-layered-nav dt { margin:2px 0 0; font-weight:bold; font-size:12px; color:#222; } .sidebar .block-layered-nav dd { margin:0 0 13px; color:#666; } .sidebar .block-layered-nav dd.last { margin:0; } .sidebar .block-layered-nav dd li { margin:2px 0; } .sidebar .block-layered-nav dd a { color:#222; text-decoration:none; } .sidebar .block-layered-nav dd a:hover { text-decoration:underline; } .sidebar .block-layered-nav .currently { border:1px solid #d1d1d1; border-width:1px 0; padding:10px 10px 10px 17px; margin-bottom:-1px; background:#f4f4f4 url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_currently.gif) repeat-x 0 -20px; } .sidebar .block-layered-nav .currently .block-subtitle { display:block; margin-bottom:5px; } .sidebar .block-layered-nav .currently li { padding:5px 26px 5px 0; color:#444; position:relative; z-index:1; } .sidebar .block-layered-nav .currently li .btn-remove { position:absolute; right:-7px; top:4px; } .sidebar .block-layered-nav .currently li .btn-previous { position:absolute; right:12px; top:4px; } .sidebar .block-layered-nav .currently .label { font-weight:bold; color:#d33911; font-size:12px; display:inline-block; } .sidebar .block-layered-nav .currently .value { display:inline-block; } .sidebar .block-layered-nav .actions { text-align:right; padding:5px 7px; margin:1px 0 -1px; background:#f4f4f4; border-bottom:1px solid #d1d1d1; } .sidebar .block-layered-nav .actions a { float:none; } /* Block: Cart */ .mini-products-list li.item { padding:5px 0; border-bottom:1px solid #cfcfcf; } .mini-products-list li.last { border:none; } .mini-products-list .product-image { float:left; width:50px; margin-right:-50px; } .mini-products-list .product-details { margin-left:65px; } .sidebar .mini-products-list .product-details { margin-left:57px; } .mini-products-list .product-details .product-name { font-size:11px; } .mini-products-list .product-details .price-box { margin:5px 0; } .mini-products-list .product-details h4 {} .mini-products-list .product-details .btn-remove { font-size:11px; } .sidebar .mini-products-images-list li.item { float:left; padding:5px; text-align:center; } .block-products .mini-products-list .product-details { margin-left:65px; } /* Top Shopping Cart */ /* .top-cart .no-items { cursor:default; } /* Block: Wishlist */ .block-wishlist {} /* Block: Compare Products */ .block-compare li {} /* Block: List */ .block-list .block-content ol { margin:-5px -13px; } .block-list li.item { padding:5px 10px 5px 13px; } .block-list .actions { padding:5px 0 0; } .sidebar .block-list .product-name { font:normal 11px/1.25 Arial, Helvetica, sans-serif; color:#444; } .sidebar .block-list .product-name a { color:#444; } /* Block: Poll */ .block-poll li { margin:5px 0; } .block-poll input.radio { float:left; margin:1px -18px 0 0; vertical-align:top; } .block-poll .label { display:block; margin-left:18px; } .block-poll .answer {} .block-poll .votes { float:right; font-weight:bold; margin-left:10px; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe {} /* 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; font-size:11px; font-weight:normal; } /* Block: Banner */ .block-banner { border:0; margin:10px 0; } .block-banner .block-content { border-top:0; padding:0; background:#cbcbcb; text-align:center; } .top-container .block-banner { background:#d0d0d0; margin:0; } /* Paypal */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .paypal-review-order .legend { font-size:14px; font-weight:normal; margin:0 0 6px; } .paypal-review-order .col2-set .legend { font-weight:bold; } .paypal-review-order .paypal-shipping-method { padding-left:120px; } .paypal-review-order .paypal-shipping-method .box-title { margin:0 0 6px; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-view { margin:0 -20px -20px; } .category-title { margin-bottom:0; border:1px solid #cfcfcf; border-bottom:0; text-align:left; } .category-title .rss-feed { float:right; margin:7px 0 0; padding-left:17px; line-height:12px; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/icon_rss.gif) 0 0 no-repeat; white-space:nowrap; text-decoration:none; } .category-title .rss-feed:hover { text-decoration:underline; } .category-view .note-msg, .category-description { padding:20px; } .results-view .recommendations { padding:20px 20px 0; } .catalogsearch-result-index .page-title { margin-bottom:0; } .catalogsearch-result-index .note-msg { margin: 20px auto; } .catalogsearch-result-index .cms-no-result { margin-top: 20px; } .sidebar .category-title { margin:0; } .category-image { text-align:center; margin:0 0 1px; } .category-image img { display:block; margin:0 auto; } .category-products { padding:25px 0 0; } .category-products .price-box { font-size:12px; } /* View Type: Grid */ .products-grid { padding:0 0 0 20px; margin:0 0 40px 0; } .products-grid li.item { float:left; width:164px; margin-right:20px; } .products-grid li.last { margin-right:0; } .products-grid .actions {} .products-grid .product-image { display:block; text-decoration:none !important; margin:0 auto 10px; position:relative; width:135px; } .products-grid .product-name { margin-bottom:7px; word-wrap:break-word; } .products-grid .ratings { text-align:left; line-height:13px; } .products-grid .rating-links { display:block; padding:2px 0 0; clear:both; } .products-grid .price-box { margin:5px 0 10px; clear:both; } /* View Type: List */ .products-list li.item { margin:0 0 20px 0; padding:0 20px 20px 20px; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_dots.gif) repeat-x 0 100%; } .products-list li.last { background-image:none; } .products-list .product-image { float:left; margin-right:-186px; text-decoration:none !important; position:relative; } .products-list .product-shop { margin-left:186px; } .products-list .product-name { margin-bottom:5px; } .products-list .price-box { margin:5px 0 10px; } .products-list .desc { margin:5px 0 10px; font-size:12px; } .products-list .desc .link-learn { white-space:nowrap; } .products-grid .special-price, .products-list .special-price { font-size:12px; } /* ======================================================================================= */ /* Product View ========================================================================== */ .catalog-product-view .col1-layout .col-main { padding-top:0; } .col2-left-layout .product-view, .col2-right-layout .product-view { background:none; width:755px; } .col2-left-layout .product-view .product-shop, .col2-left-layout .product-view .product-collateral, .col2-right-layout .product-view .product-shop, .col2-right-layout .product-view .product-collateral { float:none; width:695px; } .col2-left-layout .product-view .product-img-box, .col2-right-layout .product-view .product-img-box { float:none; width:auto; } .col2-left-layout .product-view .product-img-box .product-image, .col2-right-layout .product-view .product-img-box .product-image { margin:0 auto; } .col3-layout .product-view { background:none; width:572px; } .col3-layout .product-view .product-shop, .col3-layout .product-view .product-collateral { float:none; width:512px; } .col3-layout .product-view .product-img-box { float:none; width:auto; } .col3-layout .product-view .product-img-box .product-image { margin:0 auto; } .product-view { background:#fff url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_cols.gif) repeat-y 279px 0; border-top:1px solid #cfcfcf; margin:-1px -20px -20px; float:left; width:938px; } #messages_product_view { margin:0 -20px; position:relative; z-index:1; } #messages_product_view .messages { margin:0 0 1px; } #messages_product_view .messages li { margin:0; position:relative; z-index:1; } .product-essential {} .product-collateral { float:right; clear:right; width:416px; padding:30px; } .product-collateral .emailto-link { font-size:11px; margin:0; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_arrow-bullet.gif) no-repeat 0 4px; padding-left:12px; } .box-collateral { background:#fff; } /* .box-collateral .box-title { background:#e7e7e7 url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_block-title.gif) repeat-x 0 0; border:1px solid #e1e1e1; padding:5px 20px 5px; margin:0 -1px; } */ .box-collateral .box-title h2 { font-size:14px; line-height:1.2; color:#000333; font-weight:bold; } .box-collateral .box-content { padding:20px; } .tab-list { position:relative; } .tab-list .tab { float:left; cursor:pointer; } .tab-list .last {} .tab-list .active { cursor:default } .tab-list .tab-container { position:absolute; left:0; width:100%; } .tab-list .tab-content {} .collateral-tabs { padding-bottom:20px; margin:0; } .collateral-tabs .tab { position:relative; z-index:2; margin-right:3px; background:#dedede url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_collateral-tabs.gif) no-repeat 0 -39px; color:#222; padding:0 0 0 17px; font-size:12px; } .collateral-tabs .tab span { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_collateral-tabs.gif) no-repeat 100% -39px; padding:0 17px 0 0; line-height:24px; float:left; } .collateral-tabs .last {} .collateral-tabs .active { color:#000; font-weight:bold; z-index:3; border-bottom:0; background:#fff url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_collateral-tabs.gif) 0 0 no-repeat; } .collateral-tabs .active span { background-position:100% 0; padding-bottom:1px; } .collateral-tabs .tab-container { z-index:1; top:24px; background:#fff; } .collateral-tabs .tab-content { padding:30px 25px; background:#fff; border:1px solid #c4c4c4; font-size:12px; } .collateral-tabs .tab-content object, .collateral-tabs .tab-content embed { width:100% !important; height:auto !important; } /* Product Images */ .product-view .product-img-box { float:left; width:370px; padding:26px 46px 26px 45px; } .product-view .product-img-box .product-image img { background:#fff; } /*IE8 PNG Fix */ .product-view .product-img-box p.notice { text-align:center; padding:5px 0; font-size:11px; } .product-view .product-img-box .product-image { position:relative; width:370px; height:370px; overflow:hidden; z-index:3; } .product-view .product-img-box .product-image-zoom { position:relative; width:370px; height:370px; overflow:hidden; z-index:3; } .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://librairie-bayard.com/skin/frontend/bayardrwd/default/images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } .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://librairie-bayard.com/skin/frontend/bayardrwd/default/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 { margin:10px 0 0; padding:0 0 0; } .product-view .product-img-box .more-views h2 { display:none; } .product-view .product-img-box .more-views ul {} .product-view .product-img-box .more-views li { float:left; border:1px solid #ddd; margin:0 6px 6px 0; } .product-image-popup { margin:0 auto; } .product-image-popup .buttons-set { clear:none; line-height:28px; margin:0 0 10px; float:right; width:150px; text-align:right; } .product-image-popup .buttons-set .button { vertical-align:middle; float:none; } .product-image-popup .image { display:block; clear:both; margin:15px auto 15px; } .product-image-popup .image-label { font-size:14px; text-align:left; clear:both; font-weight:normal; color:#000; line-height:19px; margin:0 0 10px; } .product-image-popup .nav { text-align:center; margin:0 auto; width:120px; } .product-image-popup .nav .prev, .product-image-popup .nav .next { margin:0 15px; display:inline; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_slide-button.gif) no-repeat 0 0; text-indent:-999em; cursor:pointer; width:28px; height:28px; z-index:2; overflow:hidden; float:left; } .product-image-popup .nav .prev { left:-19px; float:left; } .product-image-popup .nav .next { right:-19px; float:right; background-position:0 -40px; } #content .box-process .orderOptions .nombre { display: none; } #content .box-process .orderOptions .product-options p.titre span:last-child{ display: none; } #content .box-process .orderOptions .product-options ul.process p.titre span:last-child{ display: inline; } /* jQzoom */ div.jqZoomTitle { z-index:5000; text-align:center; position:absolute; top:0; left:0; width:100%; color:#fff; background:#999; } .jqZoomPup { overflow:hidden; background-color:#fff; z-index:10; border-color:#fff; border-style:solid; cursor:crosshair !important; /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -moz-opacity:0.6; opacity:0.6; */ } a.product-image { cursor:pointer !important; } p.product-image { cursor:default !important; } .zoom-activated {} .jqZoomPup img { border:0; } .preload { text-decoration:none; border:1px solid #ccc; padding:8px; text-align:center; background:#fff url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/zoomloader.gif) no-repeat 43px 30px; width:90px; height:43px; z-index:10; position:absolute; top:3px; left:3px; -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); } .jqZoomWindow { border:1px solid #ccc; background-color:#fff; } /* Product Shop */ .product-view .product-shop { float:right; width:416px; padding:0 30px; } .product-view .product-shop .product-main-info { margin:0 -30px 30px; padding:20px 30px 5px; background:#f6f6f6 url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_page-title.gif) repeat-x 0 0; border-bottom:1px solid #cfcfcf; } .product-view .product-shop p, .product-view .product-shop .ratings { margin:10px 0; } .product-view .product-shop .ratings p { margin:0; } .product-view .product-shop .product-ids { margin:4px 0 10px; color:#999; display:none; } .product-view .product-shop .availability { font-size:12px; } .product-view .product-shop .price-box { margin:10px 0; } .product-view .product-shop .price-box .price-label { font-size:11px; } .product-view .product-shop .price-box .price-as-configured .price-label { font-size:12px; } .product-view .product-shop .price-box .price-as-configured .price { color:#e55100; font-size:14px; } .product-view .product-shop .price-box .price-including-tax .price, .product-view .product-shop .price-box .regular-price .price { color:#111; font-size:14px; } .product-view .product-shop .price-box .special-price .price-label, .product-view .product-shop .price-box .special-price .price { font-size:14px; color:#c73615; } .product-view .product-shop .price-box .price-as-configured .price-including-tax .price { color:#e55100; } .product-view .product-shop .price-box .price-as-configured .price-excluding-tax .price { color:#222; font-size:11px; } .product-view .product-shop .price-box p { margin:4px 0; } .product-view .product-shop .add-to-links { float:left; margin:10px 0; } .product-view .product-name h1 { font-size:22px; line-height:1.2; color:#d12c01; font-weight:normal; } .product-view .product-ids { text-transform:uppercase; } .product-view .short-description { padding:10px 0; clear:both; font-size:12px; display:none; } .product-view .short-description h2 { margin:0 0 5px; font-size:13px; } .product-view .product-shop .add-to-cart { float:left; padding:2px 15px 10px 0; } /* Availability */ .availability { font-weight:bold; } .availability.in-stock { color:#1b6800; } .availability.out-of-stock { color:#cf3a00; } /*.availability.pre-order { color:#FF4500; }*/ .availability-only { margin:10px 0 7px; line-height:16px; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/i_availability_only.gif) 0 50% no-repeat; padding-left:15px; } .availability-only span, .availability-only a { border-bottom:1px dashed #751d02; color:#000; } .availability-only a { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/i_availability_only_arrow.gif) 100% 0 no-repeat ; cursor:pointer; padding-right:15px; text-decoration:none; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong { color:#d12c01; } .availability-only-details { margin:0 0 7px; border:1px solid #d9d9d9; } .availability-only-details thead { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_thead.gif) repeat-x scroll 0 0 #e8e8e8; } .availability-only-details th, .availability-only-details td { padding:2px 8px; } .availability-only-details th { border-bottom:1px solid #d9d9d9; font-size:10px; text-transform:uppercase; } .availability-only-details td { background:#fff; font-size:11px; } .availability-only-details tr.odd td.last { color:#d95e00; font-weight:bold; } /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box {} .price-box .price { font-weight:bold; } .price-box-bundle {} /* Regular price */ .regular-price {} .regular-price .price { font-weight:bold; } /* Old price */ .old-price { text-decoration:line-through; color:#989696; } .old-price .price-label { white-space:nowrap; color:#989696; } .old-price .price { font-weight:normal; text-decoration:line-through; color:#989696; } .sidebar .old-price .price-label { display:none !important; } /* Special price */ .special-price {} .special-price .price-label { white-space:nowrap; color:#c73615; font-weight:bold; } .special-price .price { font-weight:bold; color:#c73615; } .sidebar .special-price .price-label { display:none !important; } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { white-space:nowrap; } .minimal-price-link { display:block; margin:5px 0; text-decoration:none; } a.minimal-price-link:hover { text-decoration:underline; } .minimal-price-link .label { font-weight:bold; } .minimal-price-link .price { font-weight:bold; } /* 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; } .weee .price { font-size:11px; font-weight:bold; } /* 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 { white-space:nowrap; } .price-from .price { white-space:nowrap; } .price-to {} .price-to .price { white-space:nowrap; } .price-to .price-label { white-space:nowrap; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label {white-space:nowrap; } .price-as-configured .price { font-size:14px; color:#e55100; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /********** Product Prices > */ /* Tier Prices */ .product-pricing { background:#fbf4de; border:1px solid #e2d4c7; padding:8px; margin:20px 0; } .product-pricing li { line-height:1.35; margin:2px 0; } .product-pricing li .price { font-weight:bold; } .product-pricing li .benefit { font-weight:bold; } /* Add to Links */ .add-to-links { margin:5px 0 0; font-size:11px; } .add-to-links li { margin:2px 0; } .add-to-links a { color:#999; } .add-to-links a:hover {} .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart {} .add-to-cart label { font-size:12px; vertical-align:middle; font-weight:bold; margin-right:5px; text-transform:capitalize; } .add-to-cart .qty { vertical-align:middle; margin-right:10px; width:60px; } .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; } .add-to-cart-alt { white-space:nowrap; padding:5px 0; } .add-to-cart-alt .qty { margin-right:5px; } .add-to-cart-alt .qty, .add-to-cart-alt .button { vertical-align:middle; } button.btn-cart span {} /* On product view */ .product-view .product-essential button.btn-cart span, .add-to-cart button.btn-cart span { background-image:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_btn-co.gif); padding:0 0 0 13px !important; height:27px!important; } .product-view .product-essential button.btn-cart span span, .add-to-cart button.btn-cart span span { border:0; background-image:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_btn-co.gif); padding:1px 32px 0 19px !important; color:#fff; font:bold 15px/26px Arial, Helvetica, sans-serif !important; height:26px; text-transform:none; } .product-view .product-essential button.btn-gr span span, .add-to-cart button.btn-gr span span { font-size:14px !important; padding:1px 18px 0 10px !important; } .product-view .add-to-cart .paypal-logo { margin:0; } /* Add to Links + Add to Cart */ .add-to-box {} .add-to-box .add-to-cart {} .add-to-box .add-to-links { margin:0 !important; } .add-to-box .add-to-links li { margin:0 0 2px; } /* Product Options */ .product-options { margin:10px 0 0; } .product-options dt label { font-weight:bold; font-size:12px; } .product-options dt .required em { margin-left:5px; } .product-options dd .qty-holder { display:block; padding:10px 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options dd .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin:5px 0 15px; padding:0 0 12px; border-bottom:1px solid #e7e7e7; } .product-options dl.last dd.last {} .product-options dd .input-box { display:block; padding-right:20px; } .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 .time-picker select { 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 li { vertical-align:middle; margin:0; padding:2px 0; line-height:1.315; } .product-options .options-list input.radio { float:left; margin:2px -18px 0 0; } .product-options .options-list input.checkbox { float:left; margin:2px -20px 0 0; } .product-options .options-list .label { display:block; margin-left:20px; } .product-options .validation-error .options-list, .product-options ul.validation-failed { padding:2px 1px !important; position:relative; z-index:2; top:-3px; left:-2px; margin-right:-2px; } .options-container-small .product-options .validation-error .options-list, .options-container-small .product-options ul.validation-failed { padding:0 1px !important; position:relative; z-index:2; top:-1px; left:-2px; margin-right:-2px; } /*.product-options li { margin:3px 0; clear:both; }*/ .product-options-bottom .product-pricing { clear:both; } .product-view .product-options-bottom { padding:0; margin:0 0 5px; } .product-view .product-options-bottom .add-to-cart { float:left; padding-right:15px; padding-bottom:20px; } .product-view .product-options-bottom .price-box { margin:0 !important; float:right; } .product-view .product-options-bottom p.required { padding:5px 0 0; clear:both; text-align:right; width:auto; } /* Options in product info column */ .options-container-small { margin:20px 0 0; } .options-container-small .product-options-bottom { float:left; } .options-container-small .product-pricing { display:none; } .options-container-small .price-box { display:none; } .options-container-small .add-to-cart { padding:13px 15px 0 0 !important; } .options-container-small .product-options-bottom p.required { padding:0 0 0 90px; width:auto; float:left; clear:left; text-align:left; } .options-container-small dt { clear:left; float:left; line-height:1.2; width:10em; padding:3px 5px 3px 0; margin:0 0 8px; } .options-container-small dd { float:left; width:275px; border-bottom:0; padding:0; margin:0 0 8px; } .options-container-small .product-options { margin:0 0 0; } /* Options after product info column */ .options-container-big { clear:both; background:#fff; padding:20px; border-top:1px solid #cfcfcf; border-width:1px 0; } /* Bundle product - alternative view */ #customizeTitle { margin:0; } .bundleProduct {} .product-options .bundle-summary { font-size:11px; } .bundleProduct .product-options { font-size:12px; margin-top:0; } .bundleProduct .product-options-bottom { padding:0; font-size:12px; margin:0 0 5px; line-height:27px; } .bundleProduct .product-options-bottom .add-to-cart { float:right; margin:0 0 0 20px; } .bundleProduct .product-options-bottom .price-box { margin:0; float:right; } .bundleProduct .product-options-bottom p.required { padding:5px 0 0; width:auto; clear:both; text-align:right; } .with-bundle { position:relative; z-index:1; background:#fff url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_cols.gif) 460px 0 repeat-y; } /**/ #bundle-product-wrapper { margin:-1px -20px -21px; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; float:left; width:938px; overflow:hidden; position:relative; z-index:1; } #bundleProduct { width:1877px; background:#fff url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_cols.gif) repeat-y 279px 0; z-index:1; position:relative; } #productView { margin:0; position:static; border:0; } #options-container { min-height:510px; width:938px; position:relative; z-index:2; float:right; border-left:1px solid #cfcfcf; background:#fff url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_cols.gif) repeat-y 460px 0; left:-1px; } #options-container h1 { text-align:left; } #bundleProduct .add-to-links { float:none; } /* Bundle Product 2 column design */ .col2-left-layout #bundle-product-wrapper, .col2-right-layout #bundle-product-wrapper { width:755px; } .col2-left-layout #bundleProduct, .col2-right-layout #bundleProduct { background-position:574px 0; width:1511px; } .col2-left-layout #options-container, .col2-right-layout #options-container { background-position:277px 0; left:-1px; width:755px; } .col2-left-layout #options-container .product-options, .col2-right-layout #options-container .product-options { width:459px; } .col2-left-layout #options-container .product-options-bottom, .col2-right-layout #options-container .product-options-bottom { width:429px; } .col2-left-layout .bundle-summary, .col2-right-layout .bundle-summary { left:460px; } /* Bundle Product 3 column design */ .col3-layout #bundle-product-wrapper, .col3-layout #options-container { width:572px; } .col3-layout #bundleProduct { background-position:390px 0; width:1144px; } .col3-layout #options-container { background-position:94px 0; } .col3-layout #productView { margin-right:-10px; } .col3-layout #options-container .product-options { width:276px; } .col3-layout #options-container .product-options-bottom { width:246px; } .col3-layout #options-container .product-options-bottom .price-box { float:none; } .col3-layout .bundle-summary { left:277px; } #options-container .product-options { font-size:12px; margin-top:0; font-size:11px; z-index:1; margin:0; width:600px; padding:20px 20px 0; clear:both; position:relative; z-index:1; } #options-container .product-options-bottom { padding:0 20px 20px; width:600px; margin:0 0 5px; } #options-container .product-options-bottom .add-to-cart { float:right; margin:0 0 0 20px; } #options-container .product-options-bottom .price-box { margin:0 0 15px; float:right; } #options-container .product-options-bottom p.required { padding:5px 0 0; width:auto; clear:both; text-align:right; } .moving-now {} .bundle-summary { background:#fff; position:absolute; z-index:2; left:643px; margin-top:0; padding:20px; width:256px; } .bundle-summary .product { background:#fff; border-bottom:1px solid #ddd; margin-bottom:10px; padding:10px 8px; -webkit-box-shadow:0px 0px 5px #999; -moz-box-shadow:0px 0px 5px #999; box-shadow:0px 0px 5px #999; } .bundle-summary .product .block-title { background:none; border:solid #e6e6e6; border-width:0 0 1px; margin:0 0 10px; padding:5px 0; position:relative; } .bundle-summary .product .block-title h2 { color:#5a5a5a; font-weight:normal; padding-left:5px; } .bundle-summary .product-image { border:1px solid #d6d6d6; float:left; margin:0 -60px 0 0; } .bundle-summary .product-details {} .bundle-summary .product-details p.availability { font-weight:bold; font-size:11px; margin:28px 0 0; position:relative; } .bundle-summary .price-box { margin-bottom:35px; } .bundle-summary .price-box .price-as-configured .price { font-weight:normal; } .bundle-summary .price-box .price-as-configured .price-label { color:#010101; font-size:14px; font-weight:normal; margin-right:10px; } .bundle-summary .product-name { font-size:16px; color:#111; } .bundle-summary .product .add-to-links { border-top:1px solid #e6e6e6; margin-top:10px; padding:7px 0 2px 5px; } .bundle-summary .product .add-to-links .clickable > strong, .bundle-summary .product .add-to-links a { color:#ef5d24; font-weight:bold; } .bundle-summary .product .add-to-links li { display:inline-block; } .bundle-summary .product .add-to-links li:first-child { margin-right:15px; } .bundle-summary .summary { padding:10px 8px !important; -webkit-box-shadow:0px 0px 5px #999; -moz-box-shadow:0px 0px 5px #999; box-shadow:0px 0px 5px #999; } .bundle-summary .summary h4 { border-bottom:1px solid #e6e6e6; color:#5a5a5a; font-size:14px; font-weight:normal; padding:0 0 5px 5px; } .bundle-summary .summary ul { margin:6px 0 10px; } .bundle-summary .summary li { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_dots.gif) repeat-x bottom; margin:0; padding:11px 0 7px; } .bundle-summary .summary .last { background:none; padding-bottom:0; } .bundle-summary button.btn-cart span, .bundle-summary button.btn-cart span span { background-image:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bg_bundle_btn.gif); font-weight:normal !important; height:23px !important; line-height:23px !important; padding:0 0 0 18px !important; } .bundle-summary button.btn-cart span span { padding:0 18px 0 0 !important; } .bundle-summary .add-to-cart .qty { margin-right:80px; } .bundle-summary .add-to-cart button { margin:10px 0 0; } .bundle-summary .add-to-cart .paypal-logo { text-align:left; } .bundle-summary .add-to-cart .paypal-or { margin:5px 0 5px 42px; } #bundleProduct .page-title a { color:#ef5d24; position:relative; text-decoration:none; top:4px; } #bundleProduct .page-title a:hover { text-decoration:underline; } #bundleProduct .page-title a small { font-size:14px; font-weight:bold; } #bundleProduct .product-options { padding:0; width:642px; } #bundleProduct .product-options dt, #bundleProduct .product-options dd { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bg_bundle_options.png) repeat-x; } #bundleProduct .product-options dd { background-position:0 -33px; border-bottom:1px solid #bfbfbf; margin:0; padding:20px 10px 20px 30px; } #bundleProduct .product-options dt { border-bottom:1px solid #e6e6e6; color:#010101; line-height:32px; padding:0 10px 0 30px; } #bundleProduct .product-options dl.last .last { border-bottom:none; } #bundleProduct .product-options p.required { padding:0; position:absolute; right:10px; top:10px; } #bundleProduct .product-options-bottom { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bg_bundle_options_bottom.png) repeat-x 0 0; padding:11px 15px 0; width:612px; } #bundleProduct .product-options-bottom a { color:#ef5d24; font-size:11px; font-weight:bold; text-decoration:none; } #bundleProduct .product-options-bottom a:hover { text-decoration:underline; } #bundleProduct .product-options-bottom a small { font-size:14px; } #bundleProduct .product-options-bottom .price-as-configured { font-size:11px; } #bundleProduct .product-options-bottom .price-as-configured .price { font-size:12px; vertical-align:baseline; } #bundleProduct .product-options-bottom .price-as-configured .price-label { color:#010101; font-weight:bold; margin-right:15px; } /* Grouped Product */ .groped-product-type { position:relative; z-index:2; margin:20px -30px -20px; background:#fff; border-top:1px solid #cfcfcf; padding:20px 30px 0; } .grouped-items td { vertical-align:middle; padding:5px 10px; } /* Gift Card product */ .giftcard-form {} .giftcard-amount-form { margin:0 0 10px; } .giftcard-amount-form label { width:120px; text-align:left; padding-right:5px; } .giftcard-amount-form .form-list .input-text { width:70px; } .giftcard-amount-form .form-list select { width:150px; } .giftcard-amount-form .form-list .input-box { padding-right:20px; margin-right:9px; } .giftcard-amount-form .form-list .input-box .v-fix { white-space:nowrap; } .giftcard-amount-form .form-list .input-box p.notice { float:left; padding:0; clear:left; width:55px; margin:5px -100px 0 0; white-space:nowrap; font-size:11px; position:relative; z-index:1; } .giftcard-amount-form .form-list .input-box p.notice span { margin-right:5px; display:block; } .giftcard-send-form { background:#fff; z-index:2; position:relative; border-top:1px solid #ddd; padding:30px 30px 10px; margin:0 -30px -30px; } .giftcard-send-form label { width:120px; text-align:left; padding-right:5px; padding-bottom:5px; } .giftcard-send-form .field label { padding-bottom:0; } .giftcard-send-form .field .input-text { width:249px !important; } /* Block: Related */ .product-view .box-related { font-size:11px; } .product-view .box-related p { margin:0; } .product-view .box-related .product-name { font-size:12px; } .product-view .box-related .price-box { margin:8px 0; } .product-view .box-related .note { padding:5px 20px; margin:0; font-size:12px; background:#f7edda; } .product-view .box-related .note, .product-view .box-related .note a { color:#d02600; } .product-view .box-related input.checkbox { position:absolute; margin:3px 0 0 105px; } .product-view .box-related ol { padding:20px 0 20px 20px !important; } .product-view .box-related li.item .item-info { margin-right:20px; } .product-view .box-related li.item { width:31.5%; float:left; margin-right:1%; } .product-view .box-related li.item p a { color:#999; } .product-view .box-related li.item .product-image { float:left; margin-right:-100px; width:100px; } .product-view .box-related li.item .product-details { margin-left:125px; } /* 3 Column Block: Related */ .col3-layout .product-view .box-related li.item .product-image { display:block; float:none; margin:0 auto; } .col3-layout .product-view .box-related li.item .product-details { margin-left:0; } .col3-layout .product-view .box-related input.checkbox { margin-left:135px; } /* Block: Upsell */ .product-view .box-up-sell .products-grid { padding:30px 0 10px 61px; margin:0; } .product-view .box-up-sell .products-grid li { width:176px; margin-right:40px; display:inline; } /* 2 Column Block: Upsell */ .col2-left-layout .product-view .box-up-sell .products-grid, .col2-right-layout .product-view .box-up-sell .products-grid { padding:30px 0 10px 30px; margin-right:0; } .col2-left-layout .product-view .box-up-sell .products-grid li, .col2-right-layout .product-view .box-up-sell .products-grid li { display:inline; width:140px; } /* 3 Column Block: Upsell */ .col3-layout .product-view .box-up-sell .products-grid { padding:30px 0 10px 15px; margin:0; } .col3-layout .product-view .box-up-sell .products-grid li { width:135px; margin-right:2px; display:inline; } /* Block: Tags */ .product-view .box-tags {} .product-view .box-tags h3 { font-size:12px; font-weight:normal; } .product-view .box-tags .form-add-tags { padding:5px 0 0 0; } .product-view .box-tags .form-add-tags label { margin:0; font-weight:bold; font-size:12px; padding:2px 15px 0 0; height:4em; float:left; } .product-view .box-tags .form-add-tags .input-box { margin:0; display:inline-block; } .product-view .box-tags .form-add-tags div.validation-passed, .product-view .box-tags .form-add-tags div.validation-error { padding-right:17px; } .product-view .box-tags .form-add-tags input.input-text { width:300px; } .product-view .box-tags .form-add-tags button.button { margin-left:5px; vertical-align:top; } .product-view .box-tags .form-add-tags p { padding:5px 0; font-size:11px; } .product-view .box-tags .tags-list { margin:15px 0; line-height:1.5em; } .product-view .box-tags .tags-list li { display:inline; font-size:10px; margin:0 5px 0 0; } .product-view .box-tags .tags-list li a { text-decoration:none; font-size:12px; margin:0; padding:3px; background:#fffcf0; } .product-view .box-tags .tags-list li a:hover { text-decoration:underline; } .product-view .box-tags .form-add-tags .input-box , x:-moz-any-link { float:left; }/* FireFox 2 fix */ .product-view .box-tags .form-add-tags .button , x:-moz-any-link { margin-bottom:15px; }/* FireFox 2 fix */ .product-view .box-tags .form-add-tags .input-box , x:-moz-any-link, x:default { float:none; }/* FireFox 3 restore */ .product-view .box-tags .form-add-tags .button , x:-moz-any-link, x:default { margin-bottom:0; }/* FireFox 3 restore */ /* Block: Reviews */ .product-view .product-main-info .review-summary-table { margin:10px 0; } .review-summary-table { border:0; margin:0 0 10px; } .review-summary-table th, .review-summary-table td { padding:2px 5px; } .review-summary-table tr.last td { border:0; } .review-summary-table th.label, .review-summary-table td.label { width:1px; white-space:nowrap; padding-left:0; background:none; } .product-view .box-reviews .pager { border-width:1px 0; margin:0; } .product-view .box-reviews dt { margin:10px 0; font-style:italic; } .product-view .box-reviews dt a { font-weight:bold; font-style:normal; margin-right:10px; } .product-view .box-reviews dd { margin:10px 0 20px; padding:0 0 10px; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_dots.gif) repeat-x 0 100%; } .product-view .box-reviews dd p { margin:0 0 10px; } .product-view .box-reviews dd .date { margin:0 0 10px; font-style:italic; } .product-view .box-reviews dd.last { background:none; margin-bottom:0; } /* Add Review Form */ .product-view .box-reviews .product-name { font-weight:normal; margin-bottom:20px; } .product-view .box-reviews .product-name span { font-weight:bold; } .product-view .box-reviews .form-list { margin:15px 0; } .product-view .box-reviews .form-list .input-box {} .product-view .box-reviews .form-list .review-summary-table thead { background:none; } .product-view .box-reviews .form-list .review-summary-table thead th { background:none; border:0; } .product-view .box-reviews .form-list .review-summary-table .value { text-align:center; } /* ======================================================================================= */ /* Product Review ======================================================================== */ .review-product-list .col-main { padding-top:0; } .product-review {} .product-review .product-img-box { float:left; width:285px; } .product-review .product-img-box .product-image { display:block; margin:0 0 15px; } .product-review .details { float:right; width:400px; } .product-review .details .product-name { font-size:15px; font-weight:bold; color:#151515; line-height:19px; margin:0 0 10px; } .product-review .details p.date { font-size:12px; font-style:italic; } .product-review .details p { margin:10px 0; } .product-review .details .review-summary-table { margin:10px 0; } .product-review .buttons-set { clear:both; padding:25px 0 0; } .review-product-view .col-main { background:#fff url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_cols.gif) repeat-y -430px 0; padding:0; } .review-product-view .col-main .page-title { margin-left:0; margin-right:0; } .review-product-view .product-review .product-img-box { padding:0 0 20px 20px; } .review-product-view .product-review .details { width:570px; padding:0 20px 20px 0; } .review-product-view .product-review .buttons-set { border-top:1px solid #d1d1d1; background:#fff; margin:0; padding:15px 20px; } /* ======================================================================================= */ /* CMS ============================================================================= */ .cms-home .col1-layout, .cms-index-index .col1-layout { border:0; } .cms-home .top-callout, .cms-index-index .top-callout { margin-bottom:6px; } .cms-home .col1-layout .col-main, .cms-index-index .col1-layout .col-main { padding:0; } .cms-index-index .col2-set {} .cms-home .col2-set .col-1, .cms-index-index .col2-set .col-1 { width:705px; } .cms-home .col2-set .col-2, .cms-index-index .col2-set .col-2 { width:244px; border:1px solid #d9d7ca; border-left:0; margin-left:-244px; } .cms-home .col2-set .col-2 img, .cms-index-index .col2-set .col-2 img { display:block; margin:6px auto; } .cms-home .col1-layout .category-view, .cms-index-index .col1-layout .category-view { margin:0 0 20px; } .cms-home .col1-layout .page-title, .cms-index-index .col1-layout .page-title { margin:3px 0 0; } .cms-home .col1-layout .products-grid, .cms-index-index .col1-layout .products-grid { margin:0; border:1px solid #cbc0b2; padding-top:20px; padding-bottom:20px; } .cms-home .col1-layout .products-list, .cms-index-index .col1-layout .products-list { margin:0; border:1px solid #cbc0b2; padding-top:20px; } .cms-hp-touchsmart-iq506-has-arrived .col-main { padding:0; } .cms-hp-touchsmart-iq506-has-arrived .main { margin-top:0; } .cms-hp-touchsmart-iq506-has-arrived .breadcrumbs { display:none; } .new-product-spotlight { border:1px solid #cfcfcf; border-top:0; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/callouts/electronics/new_computer_bg.jpg) no-repeat; height:519px; position:relative; } .new-product-spotlight .link { position:absolute; top:95px; left:318px; } .new-product-spotlight .more-new-positioning { position:absolute; top:42px; right:70px; width:207px; } .new-product-spotlight .more-new-positioning h3 { margin-bottom:5px; font-size:11px; text-transform:uppercase; font-weight:bold; } .new-product-spotlight .more-new { position:relative; height:335px; } .new-product-spotlight .more-new .arrow-up { position:absolute; top:0; left:0; height:20px; width:207px; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/callouts/electronics/more_new_arrow.gif) no-repeat; text-indent:-999em; } .new-product-spotlight .more-new .arrow-down { position:absolute; bottom:0; left:0; height:20px; width:207px; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/callouts/electronics/more_new_arrow.gif) no-repeat 0 100%; text-indent:-999em; } .new-product-spotlight .more-new .content { position:absolute; top:20px; left:0; width:205px; height:295px; border-width:0 1px; border-style:solid; border-color:#dcdcdc; background:#fff; } .new-product-spotlight .more-new ol { margin:10px 15px; padding-left:0; list-style-type:none; } .new-product-spotlight .more-new .item { padding:10px 0 10px 85px; border-bottom:1px solid #d2d2d2; } .new-product-spotlight .more-new .item.top {padding-top:0; } .new-product-spotlight .more-new .item.last { border-bottom:0; padding-bottom:0; } .new-product-spotlight .more-new .item img { float:left; margin-left:-85px; position:relative; } .new-product-spotlight .more-new a { font-weight:bold; } .cms-menu { padding:15px; border-bottom:1px solid #d1d1d1; background:#fff url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_cms-menu.gif) 0 0 repeat-x; font-size:12px; list-style-position:inside; } .col-main .cms-menu { float:left; width:240px; border:1px solid #d1d1d1; margin:0 10px 5px 0; } .cms-menu li { color:#999; margin:3px 0; } /*.cms-menu li span { color:#444; }*/ .cms-menu li.parent > a, .cms-menu li.parent > strong { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_cms-menu-arrow-down.gif) 100% 50% no-repeat; padding-right:13px; } .cms-menu li strong { font-size:13px; font-weight:bold; color:#333; } .cms-menu li ul, .cms-menu li ol { padding-left:15px; margin-bottom:7px; list-style-position:inside; } /* CMS Menu Types */ ol.cms-menu.type-1 { list-style-type:decimal; } ol.cms-menu.type-1 ol { list-style-type:decimal; } ol.cms-menu.type-a { list-style-type:lower-alpha; } ol.cms-menu.type-a ol { list-style-type:lower-alpha; } ol.cms-menu.type-A { list-style-type:upper-alpha; } ol.cms-menu.type-A ol { list-style-type:upper-alpha; } ol.cms-menu.type-i { list-style-type:lower-roman; } ol.cms-menu.type-i ol { list-style-type:lower-roman; } ol.cms-menu.type-I { list-style-type:upper-roman; } ol.cms-menu.type-I ol { list-style-type:upper-roman; } ul.cms-menu.type-circle { list-style-type:circle; } ul.cms-menu.type-circle ul { list-style-type:circle; } ul.cms-menu.type-disc { list-style-type:disc; } ul.cms-menu.type-disc ul { list-style-type:disc; } ul.cms-menu.type-square { list-style-type:square; } ul.cms-menu.type-square ul { list-style-type:square; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size:12px; font-weight:bold; color:#333; } .product-name a { color:#333; text-decoration:underline; } .product-name a:hover { color:#333; text-decoration:none; } /* Product Tags */ .tags-list { margin:5px 0; } .tags-list li { display:inline; font-size:12px; } .tags-list li a { text-decoration:none; margin:0 2px 0 0; } .tags-list li a:hover { text-decoration:underline; } /* Advanced Search */ .search-summary { padding:10px 10px 0; margin:10px 0 0; font-size:12px; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_dots.gif) repeat-x 0 0; } .search-summary li { margin:2px 0; } /* Sitemap */ .page-sitemap .links { display:block; text-align:right; margin:0 20px -36px 0; } .page-sitemap .links a { position:relative; } .page-sitemap .sitemap { padding:0 20px; margin:15px 0; font-size:12px; } .page-sitemap .sitemap li { margin:3px 0; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ /* Shopping Cart Table */ /* Shopping Cart Collateral boxes */ /* Shopping Cart Totals */ /* Empty Cart Add by SKU */ .cart-empty .failed-products { clear:both; z-index:1; position:relative; margin:40px -20px -21px; } /* Options Tool Tip */ /* Item options in the cart */ .data-table .item-options dt { padding:3px 0 0 10px; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_bulletsm.gif) 0 .8em no-repeat; } .data-table .item-options dd { padding:0 0 3px 10px; } .data-table .item-options dd .price { font-weight:bold; margin-left:5px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /* One Page */ /* Block: Checkout Progress */ /* Steps */ /* /*.multiple-checkout { position:relative; z-index:1; } .multiple-checkout .data-table thead th { vertical-align:bottom; } .multiple-checkout .col3-set .actions { border:1px solid #e4e4e4; padding:3px 9px 4px; float:left; } .multiple-checkout .col3-set address { padding:10px; clear:both; } .multiple-checkout .col3-set, .multiple-checkout .col2-set { margin:0 0 15px; } .multiple-checkout .buttons-set { padding:15px 0; clear:both; width:auto; } .multiple-checkout .buttons-set .button { float:right; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-weight:normal; font-size:18px; color:#cd3800; text-align:right; display:block; margin:10px 0 15px; } .multiple-checkout .grand-total .price-label { font-weight:normal; } .multiple-checkout .grand-total .price { font-weight:bold; } .multiple-checkout .sp-methods { font-size:12px; } .multiple-checkout .checkout-multishipping-payment-customerbalance { font-size:12px; margin-bottom:7px; } .multiple-checkout .fieldset label { font-size:11px; } .multiple-checkout .gift-item .fieldset { font-size:11px; width:380px; } */ /* Review Details */ #checkout-step-review .data-table .btn-remove, .checkout-multishipping-overview .data-table .btn-remove, #details-table .btn-remove { display:-moz-inline-stack; display:inline-block; vertical-align:middle; } /********** < Common Checkout Styles */ /* Shipping and Payment methods */ /*.sp-methods dt { font-weight:bold; margin-bottom:5px; } .sp-methods dd { margin:0 0 7px; } .sp-methods dd li { margin:5px 0; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; margin:15px 0; } .sp-methods .form-list .input-text { width:250px; } .sp-methods .form-list select { width:256px; } .sp-methods .form-list label { width:155px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .input-box { line-height:21px; } .sp-methods .radio, .sp-methods .checkbox {} .sp-methods .v-fix .validation-advice { margin-right:-250px; position:relative; z-index:1; width:250px; } .sp-methods .adv-container { padding-left:170px; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { margin:1.5em 0 2em; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .checkmo-list li { margin:0 0 4px; } .checkmo-list label { padding-top:0; } .checkmo-list address { float:left; }*/ .please-wait { position:absolute; z-index:99; top:50%; left:50%; margin:-34px 0 0 -90px; border:5px solid #f3b66f; font-size:12px; color:#f18200; font-weight:bold; background:#fff; padding:20px; white-space:nowrap; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Payment Bridge */ .pbridge-reload { display:block; text-align:right; } .pbridge-reload a { color:#1e75b4; font-size:11px; } /* 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 .tool-tip-content { padding:5px; } /* Gift Messages */ .add-gift-message { padding:20px 0; } .add-gift-message h3 { font-size:16px; font-weight:normal; color:#000; line-height:19px; margin:0 0 10px; } .add-gift-message p { margin:10px 0; } .gift-message-form { border:1px solid #d1d1d1; background:#f5f5f5 url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_block.gif) repeat-x 0 0; } .gift-message-form .fieldset { padding:10px 0 10px; } .gift-message-form .fieldset .input-text, .gift-message-form .fieldset textarea { width:200px; } .gift-message-form .fieldset textarea { width:200px; height:8em; } .gift-message-form .inner-box { padding:0; height:300px; overflow:auto; } .gift-message-form .inner-box h5, .gift-message-form .inner-box h4 { font:14px/1.25 Arial, Helvetica, sans-serif; padding:0 20px; color:#222; margin:17px 0; } .gift-message-form .inner-box p { margin:10px 0; padding:0 20px; } .gift-message-form .gift-item { padding:5px 0 0; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_dots.gif) repeat-x 0 100%; } .gift-message-form .gift-item .number { padding:5px 20px 5px; margin-bottom:0; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_dots.gif) repeat-x 0 100%; color:#adadad; font-weight:bold; } .gift-message-form .gift-item .product-img-box { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_dots.gif) repeat-y 100% 0; float:left; width:150px; padding-right:15px; } .gift-message-form .gift-item .product-image { text-align:center; margin:20px; } .gift-message-form .gift-item .product-name { font-size:12px; margin:20px 0 5px; text-align:center; } .gift-message-form .gift-item .fieldset { float:left; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_dots.gif) repeat-y 0 0; padding:20px 0 10px 10px; margin:0 0 0 -2px; } .gift-message-form .gift-item .fieldset label { width:80px; } .gift-message-form .gift-item .gift-wrapping-form { padding:0 20px; } .gift-options-for-order { padding:0 40px; } .gift-options-for-order .fieldset { padding:0; } .gift-options-for-order .fieldset p { padding:0; } .gift-options-for-order .fieldset label { width:80px; } .gift-options-for-order .fieldset .input-text, .gift-options-for-order .fieldset textarea { width:340px; } .gift-wrapping-form { padding:0 0 10px; } .gift-wrapping-form img { border:1px solid #ccc; float:left; margin-right:10px; } .gift-wrapping-form label { margin-right:10px; vertical-align:middle; } .gift-wrapping-form .gift-wrapping-design { overflow:hidden; padding:10px 0 0; width:100%; } .gift-message-link { display:block; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/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; width:13px; height:12px; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/gift-message-close.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #d8cea8; font-size:11px; background-color:#fffdef; padding:15px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:10px 0; font-size:12px; font-weight:bold; } .checkout-agreements .agree .checkbox { margin-right:5px; } /* Centinel */ .centinel { margin:10px 0; } .centinel p { margin:0 0 10px; } .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; } .opc .centinel { margin:0; padding:20px; } /* Checkout Success */ .checkout-onepage-success .col-main { font-size:12px; } .checkout-onepage-success .col-main p { margin:0 0 10px; } /********** Common Checkout Styles > */ /* ======================================================================================= */ /* Invitation page ======================================================================= */ #invitationForm p.required { padding-bottom:20px; } /* Compare popup ========================================================================= */ .catalog-product-compare-index tr.last a, .catalog-product-compare-index tr.first a { color:#999; } .catalog-product-compare-index tr.last p, .catalog-product-compare-index tr.first p { margin:10px 0; } .catalog-product-compare-index tr.first .product-name a { color:#333; } /* Account Login/Create Pages ============================================================ */ .my-account {} .account-login { position:relative; /*background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_cols.gif) repeat-y 266px 0;*/ min-height:350px; margin-bottom:-20px;padding-left:5px} .login-only { background:none; } .login-only .registered-users { float:none; margin:0 auto; } .account-login .new-users, .account-login .registered-users {padding:30px 32px 30px; } .account-login .registered-users p { margin-bottom:1.5em; } .account-login .spacer { position:absolute; top:100%; left:447px; margin-top:-1px; width:16px; height:3px; font-size:0; line-height:0; background:#fff; overflow:hidden; } .account-login .fieldset { margin:0; } .account-login .fieldset h2 { margin-bottom:.5em; } .account-login .form-list label, .account-login .form-list span.label { width:98px; } .account-login p.required, .account-login .btn-only { padding-left:113px; width:230px; text-align:right; } .account-login .btn-only a { float:left; white-space:nowrap; } .account-login .form-list input.input-text { width:224px; } .account-login .form-list p { padding:0 0 0 110px; } .account-login .form-list li.note { float:left; padding-left:0px; margin:0 0 9px; width:auto; clear:left; } .account-login .form-list li.note a { font-size:12px; } .account-login .form-list li.control { float:left; clear:left; } li#remember-me-box.control { white-space:nowrap; } li#remember-me-box.control label { margin-right:20px; white-space:normal; } .account-login .form-list li.control .input-box { margin-left:113px; } li#remember-me-box.control .link-tip { display:inline-block; font-size:11px; line-height:16px; padding-top:2px; white-space:normal; } .account-login .form-list li.buttons-set { float:right; clear:none; /*padding-right:38px;*/ padding-top:2px; } .account-create {} /* Popup Dialog Block */ .window-overlay { background:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .window-overlay { position:absolute; top:0; left:0; min-height:100%; background:#000; opacity:0.5; width:100%; z-index:990; display:none; } .window-overlay.active { display:block; } .popup-block { border:1px solid #cfcfcf; left:50%; top:40%; position:absolute; margin:-85px 0 0 -250px; width:500px; text-align:left; -moz-box-shadow:0 0 6px #000; -webkit-box-shadow:0 0 6px #000; box-shadow:0 0 6px #000; z-index:1000; position:fixed; display:none; } .popup-block.active { display:block; } .popup-block .block-title { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_page-title.gif) repeat-x scroll 0 0 #F6F6F6; border-bottom:1px solid #CFCFCF; padding:17px 17px 10px; } .popup-block div.btn-close { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:19px; right:17px; height:15px; width:15px; text-indent:-9999em; cursor:pointer; } .popup-block .block-title strong { color:#D12C01; font-size:16px; font-weight:normal; } .popup-block .block-content { padding:17px 17px 25px; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_block.gif) repeat-x 0 100% #fff; font-size:12px; } .popup-block .block-content .form-list label { width:180px; } .popup-block .block-content .form-list .input-text { width:230px; } .popup-block .block-content .form-list .control .input-box { margin-left:195px; } .popup-block .block-content .form-buttons { width:auto; padding-left:188px; padding-top:10px; } .popup-block .block-content .form-buttons .button { float:left; } .popup-block.loading .block-content * { text-align:left; text-indent:-99999em; overflow:hidden; position:relative; margin-left:-9999em; } .popup-block.loading .block-content:before { content:''; display:block; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/opc-ajax-loader.gif) no-repeat 0 50%; position:absolute; z-index:99; top:50%; left:50%; line-height:16px; padding:16px; text-indent:0!important; } /* My Account ============================================================================= */ /* Captcha */ .captcha-note { clear:left; padding-top:5px;} .captcha-image { float:left; margin:0 0 0 240px; position:relative; width:228px; } .captcha-image .captcha-img { border:1px solid #c7c7c7; vertical-align:bottom; width:100%; } .registered-users .captcha-image { margin:-12px 0 0 113px; } #checkout-step-login .captcha-image { margin:-24px 0 0 105px; width:214px; } .captcha-reload { cursor:pointer; 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; } #checkout-step-login #advice-required-entry-captcha_user_login { min-height: 30px; } .registered-users #advice-required-entry-captcha_user_login { margin-bottom: 5px; } @-webkit-keyframes rotate { 0% { -webkit-transform:rotate(0); } 0% { -webkit-transform:rotate(-360deg); } } @-moz-keyframes rotate { 0% { -moz-transform:rotate(0); } 0% { -moz-transform:rotate(-360deg); } } @keyframes rotate { 0% { transform:rotate(0); } 0% { transform:rotate(-360deg); } } /********** < Dashboard */ .dashboard {} .dashboard .welcome-msg, .dashboard .col2-set, .dashboard .recent-orders { padding:0 0 20px; } /* Block: Tags */ .dashboard .tags { padding:0 0 20px; } .dashboard .tags p { display:inline; } .dashboard .tags .product-name { margin:0 0 3px; font-size:11px; line-height:17px; } .dashboard .tags li { margin:0 0 8px; } .dashboard .tags .number { float:left; border:1px solid #ddd; text-align:center; line-height:17px; width:15px; margin-right:-20px; } .dashboard .tags .details { margin-left:25px; } /* Block: Reviews */ .dashboard .reviews { padding:0 0 20px; } .dashboard .reviews .product-name { margin:0 0 3px; font-size:11px; line-height:17px; } .dashboard .reviews p { float:left; margin-right:5px; } .dashboard .reviews li { margin:0 0 5px; } .dashboard .reviews .number { float:left; border:1px solid #ddd; text-align:center; line-height:17px; width:15px; margin-right:-20px; } .dashboard .reviews .details { margin-left:25px; } /********** Dashboard > */ /* Adress Book */ .addresses-list .box-content { font-size:12px; } .addresses-list .col-2 li { padding:0 0 10px; } .addresses-list .col-2 li .actions { border:1px solid #e4e4e4; padding:3px 9px 4px; float:left; } .addresses-list .col-2 li address { padding:10px; clear:both; } /* Order View */ .order-page {} .order-page .order-date { margin:0 0 20px; color:#6c6c6c; font-size:11px; } .order-page .col2-set { padding-bottom:20px; } .order-details .link-print { background:none; padding:0; } .order-details .order-additional, .order-details .data-table { margin-bottom:20px; } .order-details .order-additional dt { font-weight:bold; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_dots.gif) repeat-x 0 100%; padding:0 0 5px; margin:0 0 5px; } .order-details .order-additional dd { padding:10px; margin:0 0 10px; } .order-details dl.gift-message { margin:0 20px; } .order-details .gift-message dt { margin:1px 0; padding:2px 10px; background:#e6e6e6; } .order-details .gift-message dd { border:1px solid #c7c7c7; background:#fff; padding:10px; margin:0 0 10px; white-space:pre-wrap; word-wrap:break-word } .order-links { margin:0 0 10px; text-align:right; padding-bottom:5px; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_dots.gif) repeat-x 0 100%; text-align:right; } .order-info { margin-bottom:5px; border-bottom:1px solid #c4c4c4; } .order-info dt { padding:6px 20px 0 10px; color:#6c6c6c; float:left; } .order-info dd { float:left; } .order-info ul { float:left; } .order-info li { float:left; position:relative; z-index:2; margin-right:3px; background:#dedede url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_collateral-tabs.gif) no-repeat 0 -39px; color:#222; padding:0 0 0 17px; font-size:12px; } .order-info li strong, .order-info li a { text-decoration:none; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_collateral-tabs.gif) no-repeat 100% -39px; padding:0 17px 0 0; line-height:24px; float:left; } .order-info li.current { margin-bottom:-1px; color:#000; font-weight:bold; z-index:3; border-bottom:0; background:#fff url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_collateral-tabs.gif) 0 0 no-repeat; } .order-info li.current strong { background-position:100% 0; padding-bottom:1px; } .order-info dt { font-weight:bold; } /* Manage Newsletter Subscription */ .newsletter-manage-index .form-buttons .button { float:left; margin:0; } /* Split Button */ .split-button { display:inline-block; z-index:1; position:relative; max-width:300px; white-space:nowrap;} .split-button.clickable:active { left:1px; top:1px; } .split-button { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_btn.gif) no-repeat 0 0; height:21px; padding:0 0 0 10px; margin:0; } .split-button.active { z-index:100; } .split-button strong { cursor:default; font-weight:bold; text-transform:uppercase; font-size:11px; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_btn.gif) no-repeat 100% 0; height:19px; padding:3px 30px 0 5px; margin:0; display:block; overflow-x:hidden; white-space:nowrap; text-overflow:ellipsis; } .split-button.clickable > strong, .split-button strong[onclick] { text-transform:uppercase; font-size:11px; color:#C73615; text-transform:uppercase; cursor:pointer; } .split-button .change { display:inline-block; border:1px solid; border-color:transparent transparent transparent #999; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_btn-split-change.png) 5px 50% no-repeat; text-indent:-999em; overflow:hidden; width:15px; cursor:pointer; height:11px; margin-left:8px; vertical-align:middle; } .split-button .change { position:absolute; right:5px; top:0px; height:19px; border-left-color:#ccc; } .split-button.light { background:none; height:auto; padding:0; } .split-button.light.clickable:active { top:auto; left:auto; } .split-button.light strong { display:inline-block; font-size:11px; text-transform:none; background:none; font-weight:normal; padding:0; height:auto; overflow:visible; white-space:normal; text-overflow:visible; } .split-button.light.clickable > strong, .split-button.light strong[onclick] { text-transform:none; text-decoration:underline; color:#999; } .split-button.light.clickable > strong:hover, .split-button.light strong[onclick]:hover { text-decoration:none; } .split-button.light .change { position:static; right:auto; top:auto; height:11px; border-left-color:#999; } .split-button.active .change, .split-button .change:hover { background-position:-995px 50%; } .split-button .list-container { position:absolute; display:none; right:0; top:100%; padding:0; min-width:100%; max-width:300px; float:left; } .split-button.active .list-container { display:block; } .split-button .list-container ul { background:#fff; border:1px solid rgba(0,0,0,0.1); position:relative; } .split-button .list-container ul > li { white-space:nowrap; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_btn-split-item.png) no-repeat -10000px -10000px; border:1px solid #c1c1c1; border-top-width:0; margin:0; display:block!important; margin:0!important; } .split-button .list-container ul > li:first-child { border-top-width:1px; } .split-button .list-container li a, .split-button .list-container li span { display:block; line-height:1.2!important; cursor:pointer; padding:5px 18px 5px 18px; color:#999; font-size:11px; text-transform:none; text-decoration:none; text-align:left; text-overflow:ellipsis; overflow:hidden; } .split-button .list-container li:hover a, .split-button .list-container li:hover span, .split-button .list-container li:hover { color:#fff; text-decoration:none; } .split-button .list-container li:hover { background-color:#999; background-position:5px -984px; } .split-button .list-container li.new { color:#d33911; background-color:#eee; background-position:5px 7px; } .split-button .list-container li.new:hover { background-color:#999; background-position:5px -485px; } /* Wishlist */ .my-wishlist textarea { width:99%; height:3.9em; resize:vertical; line-height:1.3em; overflow:auto; } #wishlist-table .price-box { margin:3px 0; } #wishlist-table td .description { margin:10px 0; max-height:3.9em; line-height:1.3em; overflow:hidden; word-wrap:break-word; max-width:345px; } #wishlist-table td .description .inner { overflow:hidden; } #wishlist-table td { padding:15px 10px; } #wishlist-table th:first-child, #wishlist-table td:first-child { padding-left:10px; padding-right:0; } #wishlist-table td p { margin:5px 0 15px; } #wishlist-table td.last { padding:4px 2px; width:1px; } #wishlist-table td .price-box { font-size:12px; } #wishlist-table td .price-box p { margin:0 0 5px; } #wishlist-table td .truncated { float:left; width:auto; margin-right:10px; line-height:18px; } #wishlist-table td .truncated .show .item-options { top:-40px; right:100%; left:auto; margin-right:15px; line-height:1.2; } #wishlist-table td .truncated .truncated_full_value .item-options dl { background-position:100% 0; } #wishlist-table .item-manage { margin:0 0 0 0; float:left; } #wishlist-table .item-manage .split-button { margin:10px 9px 0 0; } #wishlist-table .item-manage .split-button .change { margin-left:2px; } #wishlist-table .item-manage .split-button:last-child { margin-right:0; } .wishlist-empty { font-size:12px; padding:15px 10px; text-align:center; } p.wishlist-empty {border:1px solid #d0d0d0;} /* Multiple Wishlist */ .link-edit { padding-left:18px; line-height:18px; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_link-edit.png) no-repeat 0 0; display:inline-block; } .wishlist-management .link-edit { width:16px; padding:0; margin:0 5px; height:16px; text-indent:-999em; overflow:hidden; vertical-align:middle; } .wishlist-management .btn-create { float:right; margin-bottom:10px; } .wishlist-management .sub-title { float:left; max-width:100%; } .wishlist-management .sub-title h2 { word-wrap:break-word; } .wishlist-management .note-msg { clear:both; margin:0 0 10px; padding:10px; border-style:solid !important; border-width:1px !important; font-size:12px !important; border-color:#fcd344; background-color:#fafaec; color:#3d6611; } .wishlist-management .msg-private { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_lock.png) no-repeat 10px 10px #fafaec; padding-left:30px; } .wishlist-management .table-caption .label { font-size:12px; float:left; line-height:21px; } #wishlists-move { float:right; margin-left:10px; } #wishlists-copy { float:right; } #wishlists-select { background:none; padding-left:0; white-space:nowrap; float:left; max-width:220px; } #wishlists-select strong { background:none; padding-right:0; padding-left:7px; font-weight:normal; font-size:12px; text-transform:none; } #wishlists-select strong span { font-weight:bold; } #wishlists-select .change { text-indent:0; width:auto; background:none; margin-left:4px; border:0; right:auto; left:100%; text-decoration:none; line-height:19px; margin-top:1px; } #wishlists-select .change span { color:#1e75b4; text-transform:none; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_header-panel.gif) no-repeat scroll 100% -74px transparent; padding-right:10px; } #wishlists-select.active .change span { color:#d33911; background-position:100% -130px; } #wishlists-select .list-container { right:auto; left:0; margin-top:4px; } #wishlists-select .list-container ul { background:#e7e7e7; border:0; } #wishlists-select .list-container li:first-child { border-top:0; } #wishlists-select .list-container li { border-color:#d9d9d9; } #wishlists-select .list-container a, #wishlists-select .list-container span { color:#1e75b4; padding:5px 6px; /* background-position:-999em -999em; */ } #wishlists-select .list-container li:hover a, #wishlists-select .list-container li:hover span, #wishlists-select .list-container li:hover { color:#d33911; } #wishlists-select .list-container li:hover { background-position:-999em -999em; background-color:#f8f8f8; } #wishlists-select .list-container li.new { color:#d33911; background-color:#d9d9d9; background-position:5px 7px; padding-left:12px; } #wishlists-select .list-container li.new:hover { background-color:#999; background-position:5px -485px; color:#fff; } #wishlists-select .list-container li.new:hover a, #wishlists-select .list-container li.new:hover span { color:#fff; } /* Wishlist search view */ #wishlist-search-results {} .col3-layout #wishlist-search-results .item-name { max-width:340px; word-wrap:break-word; display:block; } .col2-right-layout #wishlist-search-results .item-name, .col2-left-layout #wishlist-search-results .item-name { max-width:500px; } .col1-layout #wishlist-search-results .item-name { max-width:600px; } .wishlist-search-view {} .list-info { border:1px solid #dadada; padding:10px 0; margin:0 0 15px; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_block.gif) repeat-x 100% 100% #fff; max-width:100%; word-wrap:break-word; } .list-info .item { padding:5px 0; font-size:12px; border-top:1px dotted #d9d9d9; margin:0 15px; } .list-info .item:first-child { border-top:0; } .list-info .item .label { font-weight:normal; font-style:italic; font-size:0.9em; margin-right:5px; } .list-info .item .label:after { content:':'; } .list-info .item .value { font-weight:bold; } .wishlist-search-view #wishlist-table td.last { padding:15px 10px; } .wishlist-search-view #wishlist-table .description { max-height:6.5em; max-width:280px; } .wishlist-search-view .list-info { display:inline-block; } .wishlist-search-view .sub-title { clear:both; } .wishlist-search-view p.qty { text-align:center; } /* Store credit */ .storecredit .account-balance { margin:0 0 20px; padding:0 0 10px; font-size:12px; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_dots.gif) repeat-x 0 100%; } .storecredit .account-balance .price { font-weight:bold; } .giftcard-redeem { padding-bottom:20px; } .giftcard-redeem .input-box { margin-right:5px; } /* Gift card */ .giftcardaccount { position:relative; z-index:1; padding-top:1px; } .giftcard-status .messages, .giftcardaccount .messages { margin-bottom:10px; } .giftcardaccount p { margin:15px 0; font-size:12px; } .giftcardaccount .fieldset { margin:0; } .giftcardaccount .btn-only { margin:0 0 15px; } /* Gift Card Status Check */ .giftcard-status .gift-card-info, .giftcard-status p.error-msg, .giftcardaccount #giftcard_balance_lookup .gift-card-info, .giftcardaccount #giftcard_balance_lookup p.error-msg { margin:10px 0 20px; } .gift-card-info { margin:10px 0; padding:10px 10px 5px; border:1px dashed #d9d9d9; background:#fcf7f5; } .gift-card-info p { font-size:12px; margin:0 0 5px; } .gift-card-info .giftcard-number { font-weight:bold; } .gift-card-info .form-list label {} .gift-card-info .btn-only { padding-left:0; } #gc-please-wait { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity:0.8; opacity:0.8; } /* Print Pages */ .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print h2.h2 { margin:15px 0 10px; } .page-print .col2-set { margin:10px 0 20px; } /* 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; } /* Tagged products */ .my-tag-edit { float:left; } .my-tag-edit .btn-remove { float:right; margin:-3px 0 0 5px; position:relative; } #my-tags-table .price-box { margin:5px 0; } #my-tags-table .last { text-align:center; } #my-tags-table .last p { margin:10px 0; } /* Reward Points */ .my-rewards .box { margin:0 0 30px; } .my-rewards .info-box .box-title { margin:10px 10px; } .my-rewards .info-box .box-content { padding:0 10px 10px; } .my-rewards p.error { display:inline; color:#d91a00; } .my-rewards dl { font-size:12px; } .my-rewards dl dt { font-weight:bold; font-size:13px; margin-top:10px; } .my-rewards dl dt span { color:#d12c01; } .my-rewards dl dd.last { margin:7px 0 0; } .my-rewards .form-list label { width:auto; } .my-rewards .form-list .control .input-box { position:static; margin:0 5px 0 0; } .my-rewards .data-table small { display:block; font-size:1em; color:#808080; } /* Billing Agreements */ .billing-agreements .info-box { margin:15px 0; } .billing-agreements .info-box p { margin:0 0 9px; } .billing-agreements .form-list li button.button { float:left; margin-left:10px; } /* Gift Registry Functionality */ .btn-gift-registry { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/i_gift-registry3.gif) 0 0 no-repeat; padding:3px 0 0 33px; text-align:left; } .btn-gift-registry .input-box { margin:0 0 7px; } .btn-gift-registry select { width:100%; } .gift-registry-name { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/i_gift-registry2.gif) 0 0 no-repeat; margin:3px 0 0; padding:0 0 0 20px; line-height:18px; } /* Block: Gift Registry Search */ .sidebar .block-gr-search .form-alt .input-box { width:148px; margin:3px 0 0; padding:0; } .sidebar .block-gr-search .form-alt input.input-text { width:142px; } .sidebar .block-gr-search .form-alt select { width:148px; } .block-gr-search p.note { margin:0 0 3px; text-align:right; color:#f15c22; } /* Order By SKU */ .wrapper .block-addbysku .input-box.validation-error, .wrapper .block-addbysku .input-box.validation-passed { padding-right:0; background:none; } .wrapper .block-addbysku .validation-advice { margin-right:-19px; } .main .block.block-addbysku .block-content { padding:10px 4px 10px; } .block-addbysku .data-table th, .block-addbysku .data-table td { padding:6px 4px; } .block-addbysku .data-table th:first-child, .block-addbysku .data-table td:first-child { padding-left:13px; } .sidebar .block-addbysku .actions { padding:0 13px 7px; } p.link-widget-sku { padding:15px 13px; text-align:left; float:left; } .sidebar p.link-widget-sku { padding:5px 13px 0; text-align:right; border-top:1px dotted #dadada; float:none; } p.link-widget-sku a { color:#999; } .block-addbysku .actions { text-align:right; margin:15px 0 10px; float:right; } .sidebar .block-addbysku .actions { float:none; } .block-addbysku .file-upload { float:left; text-align:left; border:1px solid #dadada; padding:10px 17px; background:#F5F5F5 url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_block.gif) repeat-x 0 100%; margin-top:10px; } .block-addbysku .file-upload label { display:block; float:none; width:auto; min-width:60px; text-align:left; } .block-addbysku .file-upload p { padding:3px 0; } .block-addbysku .file-upload .btn-reset { display:inline-block; margin-left:15px; } .block-addbysku .file-upload .btn-reset span { margin-left:0; padding:3px 0; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_icon-reset.png) no-repeat scroll 0 50%; padding-left:15px; display:inline-block; cursor:pointer; color:#999; } .block-addbysku .file-upload .input-box { display:block; float:none; } .block-addbysku .file-upload .note { width:auto; clear:both; padding:2px 0; } .block-addbysku .data-table {} .block-addbysku .data-table td .btn-remove { margin:4px 0 0; float:right; margin-right:-16px; } .block-addbysku .data-table td .input-box { float:left; } .block-addbysku .data-table td .qty { width:8em!important } .sidebar .block-addbysku .data-table td .qty { width:5em!important } .block-addbysku .data-table td.last { padding-right:18px; } .block-addbysku .data-table tfoot td.last { text-align:right; } .block-addbysku .data-table .add-row { cursor:pointer; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_btn-split-item.png) no-repeat 0px 2px; padding-left:11px; font-weight:bold; color:#999; } .block-addbysku .data-table .input-box { width:99%; } .wrapper .block.block-addbysku .data-table .validation-advice { } .wrapper .block.block-addbysku .data-table .col-sku { width:auto; } .wrapper .block.block-addbysku .data-table .col-qty, .wrapper .block.block-addbysku .data-table .col-remove { width:13px; } .wrapper .block.block-addbysku .data-table .input-text { width:99%; } /* ======================================================================================= */ .disabled { position:relative; z-index:1; } .disabled:after { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:99; background:#fff; opacity:0.2; } /* MAP Popup============================================================================== */ .cart-msrp-totals { color:red; font-size:12px !important; font-weight:bold; padding:10px 20px 20px; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:red; display:block; font-size:10px; line-height:14px; font-weight:bold; padding:5px 2px; text-shadow:0 1px 0 #fff; } .map-popup { background:#fff; border:1px solid #aaa; margin:12px 0 0; position:absolute; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc; text-align:left; width:300px; z-index:100; } .map-popup-heading { background:#efefef ; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:260px; } .map-popup-heading h2 { color:#333; font-size:14px; font-weight:bold; margin:0; text-shadow:0 1px 0 #f6f6f6; overflow:hidden; white-space:nowrap; word-wrap:break-word; text-align:left; text-overflow:ellipsis; } .map-popup-arrow { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; } .map-popup-close { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:6px; right:8px; height:15px; width:15px; text-align:left; text-indent:-9999em; } .map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; width:280px; } .map-popup-checkout { display:inline; float:right; text-align:right; } .map-popup-checkout span { display:block; padding-right:30px; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin:0; padding:0; } .map-popup-price { margin:5px 0 0; } .map-popup-text { background:#fefefe; clear:right; line-height:1.5; margin:0 10px; padding:10px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #ddd; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer-before-container { margin:0 0 3px; text-align:center; } .form-subscribe { float:left; width:183px; padding: 0 17px 0 0; } .form-subscribe-header { color:#d12c01; font-size:11px; font-weight:bold; text-decoration:none; text-transform:uppercase; } .form-subscribe label { display:block; margin:6px 0; } .form-subscribe input.input-text { width:177px; display:block; } .form-subscribe button.button { margin:6px 0 0; float:right; } .form-subscribe .validation-advice { width:180px; } .form-subscribe .v-fix { text-align:left; padding-right:5px; } .form-subscribe a { color:#777; } .footer-container { margin:0 0 20px; text-align:left; background:#f8f8f8; border:1px solid #cfcfcf; padding:14px 17px 12px; } .footer { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_footer.gif) repeat-y 200px 0; } .footer a {} .footer a:hover { text-decoration:none; } /*.footer ul, .footer ul.links { display:block; float:left; width:150px; margin:0 0 0 19px; padding:0; } .footer ul.links li, .footer ul li { display:block; vertical-align:top; margin:0 0 5px; padding:0; }*/ address.copyright { margin-top:6px; } .footer .switcher-store { float:right; width:184px; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_store-switch.gif) no-repeat 0 3px; padding-top:21px; } .footer .switcher-store label { display:none; } .footer .switcher-store select { padding:0; margin-bottom:1px; } .footer .switcher-store ul { float:none; width:auto; padding-left:0; margin-left:0; } .footer .switcher-store ul .current { display:none; } /* ======================================================================================= */ /* Some sample data cms styles ================================================================================ */ .page-head-alt {} .page-head, .page-head-alt { margin-bottom:20px; padding:23px 20px 11px; background:#f6f6f6 url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_page-title.gif) repeat-x 0 0; border-bottom:1px solid #cfcfcf; } .col-main .page-head, .col-main .page-head-alt { margin:0 -20px 20px; } .page-head-alt .link-rss { float:right; margin-top:8px; } .page-head h2, .page-head h3, .page-head-alt h3, .page-head-alt h2 { font:normal 22px/27px Arial, Helvetica, sans-serif; color:#d12c01; } /* Restricted ================================================================================ */ .restriction-index-stub .page { width:652px; padding-bottom:3px; } .restriction-index-stub .main { margin-top:100px; min-height:0; height:auto !important; padding:13px; text-align:center; margin-bottom:0; } .restriction-index-stub .col-main { color:#dedede; height:auto !important; min-height:230px; height:230px; font-size:16px; background:#4a4a4a url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/logo-offline.gif) no-repeat 50% 95px; padding:170px 60px 40px; } .restriction-index-stub .page-title { margin:0 0 15px !important; padding:0 !important; border:0 !important; background:none; } .restriction-index-stub .col-main h1, .restriction-index-stub .col-main h2 { font:italic 35px Georgia, "Times New Roman", Times, serif; color:#fff; } .restriction-index-stub .header-container, .restriction-index-stub .footer-container { display:none; } .restriction-index-stub .copyright { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_shadow-offline.gif) 50% 0 no-repeat; padding:15px 0 0; margin:0; } /* Old private sales index ================================================================================ */ .private-sales-index { background:#2b2b2b; margin:110px 0 60px; padding:40px 0; } .private-sales-index .box { border:1px solid #e2ded0; background:#fff url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_ps.gif) no-repeat 50% 13px; padding:50px 13px 0; width:657px; margin:0 auto; } .private-sales-index .box .content { padding:0 60px 70px; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_ps.gif) no-repeat 50% 100%; font-size:14px; } .private-sales-index .box .content p { text-align:center; } .private-sales-index .box .content a { color:#444444; } .private-sales-index .box .content h1 { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_ps-logo.gif) no-repeat 50% 0; padding:60px 0 5px; font-size:29px; font-weight:normal; color:#ec4e00; } .private-sales-index .box .content .description { background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_ps-descr.gif) no-repeat 50% 0; margin:40px auto 0; width:433px; padding:30px 50px 30px; font:normal 20px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#817268; } .col1-layout .private-sales-index { margin:0 -20px -31px; height:auto !important; height:350px; min-height:350px; } /* Private sales index ================================================================================ .private-sales-index { background:#fffdf9 url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_ps-home.jpg) no-repeat 50% 88px; padding-top:90px; } .private-sales-index .box {} .private-sales-index .box .content {} .private-sales-index .box .content p { padding-top:475px; text-align:center; color:#444444; font-size:18px; } .private-sales-index .box .content a { color:#c12900; } .private-sales-index .box .content h1 { display:none; } .private-sales-index .box .content .description { display:none; } .col1-layout .private-sales-index { margin:0 -20px -31px; background-position:0 20px; padding-top:20px; height:auto !important; height:550px; min-height:550px; } */ /* Private sales demo ==================================================================== */ .cms-private-sales-home { background-color:#fffdf9; } .private-sales-demo { background:#fffdf9 url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_ps-home.jpg) no-repeat 50% 88px; padding-top:90px; } .private-sales-demo h1 { display:none; } .private-sales-demo p { padding-top:475px; text-align:center; color:#444444; font-size:18px; } .private-sales-demo a { color:#c12900; } .col1-layout .private-sales-demo { margin:0 -20px -31px; background-position:0 20px; padding-top:20px; height:auto !important; height:550px; min-height:550px; } /* ======================================================================================= */ /* Clears ================================================================================ */ .account-login .form-list:after, .wishlist-management .table-caption:after, .product-options dt:after, #bundleProduct:after, .events-slider:after, .product-image-popup .nav:after, .gift-item:after, .block-content:after, .block-list li.item:after, .block-poll li:after, .currently li:after, .order-info:after, .top-cart .actions:after, .header .quick-access:after, .product-view .box-related li.item:after, .bundle-summary .product:after, .collateral-tabs:after, .block-cart .block-content .item:after, .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header-panel:after, #nav:after, .main:after, .footer-before-container:after, .footer-container:after, .footer:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block li.item:after, .block .actions:after, .mini-products-list li:after, .cms-index-index .block-featured li.item:after, .title-buttons:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .products-grid:after, .products-list li.item:after, .product-view:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add-tags:after, .product-options .options-list li:after, .options-container-small .product-options:after, .product-options-bottom:after, .product-review:after, .box-collateral:after, .box-collateral .box-content:after, .collateral-tabs .tab-content:after, .account-login:after, .cart .cart-collaterals:after, .cart:after, .opc .step-title:after, .checkout-progress:after, .form-list li:after, .form-list li.fields .field:after, .clearfix:after, .buttons-set:after, .buttons-set2:after, .page-print .print-head:after, .new-product-spotlight .more-new .item:after, .addresses-list .col-2 li:after, .product-view .product-shop:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /** * Surcharge spécifique à la boutique Pèlerin * * 0. ALL * 1. HEADER * - 1.1 #header, #header-v2 * - 1.2 #logo * - 1.3 .banner_header * - 1.4 .header-v2-items (partie droite du header) * 2. MENU * - 2.1 Niveau 1 * - 2.2 Niveau 2 * 3. PUB * 4. PAGES * 5. MON COMPTE * 6. TUNNEL * 7. AVANTAGES * 8. FOOTER * 96. PRÉ-HOME * 97. SIDEBOX * 98. POP-IN * 99. PROTOSHOW * XX. À CLASSER */ /* ========================================================================== 0. ALL ========================================================================== */ /* ========================================================================== 2. MENU ========================================================================== */ /* 2.1 Niveau 1 ========================================================================== */ /* 2.2 Niveau 2 ========================================================================== */ /* ========================================================================== 5. MON COMPTE ========================================================================== */ /* ========================================================================== 6. CATEGORIE STANDARD ========================================================================== */ /* ========================================================================== 7. CATEGORIE LANDING ========================================================================== */ /* ========================================================================== 8. FICHE PRODUIT ========================================================================== */ /* ========================================================================== 9. POPIN D'AJOUT AU PANIER ========================================================================== */ /* ========================================================================== 10. TUNNEL ========================================================================== */ /* ========================================================================== 11. AVANTAGES ========================================================================== */ /* ========================================================================== 12. WISHLIST ========================================================================== */ /* ========================================================================== 4. PAGES ========================================================================== */ /* ---------------------------------------------- */ /* -------- LAG Abonnements mon compte ---------- */ /* ---------------------------------------------- */ /* popin de réabonnement */ /** * Magento Enterprise Edition * * NOTICE OF LICENSE * * This source file is subject to the Magento Enterprise Edition License * that is bundled with this package in the file LICENSE_EE.txt. * It is also available through the world-wide-web at this URL: * http://www.magentocommerce.com/license/enterprise-edition * 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@magentocommerce.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.magentocommerce.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2012 Magento Inc. (http://www.magentocommerce.com) * @license http://www.magentocommerce.com/license/enterprise-edition */ /* 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://librairie-bayard.com/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://librairie-bayard.com/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://librairie-bayard.com/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://librairie-bayard.com/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://librairie-bayard.com/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://librairie-bayard.com/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://librairie-bayard.com/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://librairie-bayard.com/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://librairie-bayard.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ @CHARSET "UTF-8"; .iframe-subscribe-wallet, .iframe-update-wallet{ width:100%; height:500px; border:none; overflow:hidden; } .iframe-with-perso-data{ height:700px; } .wallet-manage-content .actions{ margin-top:20px; } .wallet_details dt{ font-weight:bold; } .wallet_details dl dd { padding-left:20px; } .side-col .block-oneclick dl, .side-col .block-oneclick .notlogged, .sidebar .block-oneclick dl, .sidebar .block-oneclick .notlogged, .checkout-types .block-oneclick dl, .checkout-types .block-oneclick .notlogged { padding:5px; } .side-col .block-oneclick select, .checkout-types .block-oneclick select, .sidebar .block-oneclick select{ width:100%; } .checkout-types .block-oneclick{ text-align:left; } .payline-checkoutonepage-index #wait-txt{ display:none; padding:20px; width:300px; height:30px; } .payline-checkoutonepage-index .popin{ position:absolute; display:block!important; background-color:#FFFFFF; border:2px solid black; text-align:center; z-index:999; } .payline-checkoutonepage-index .col-main { padding: 20px 0 0; } fieldset.form-payline { margin-top: 5px; margin-bottom: 5px; border:1px solid #BBAFA0; background-color: white; } fieldset.form-payline legend{ display: block; color:#BBAFA0; padding-right: 5px; padding-left: 5px; } fieldset.form-payline legend img{ display: block; float: right; } .input-cc-card { clear : both; } .input-cc-card label{ padding-right: 3px; } .input-cc-card label input { /* display:none; */ margin-right: -3px; } .input-cc-card label input + img { cursor:pointer; border:4px solid transparent; float: none; } .input-cc-card label input:checked + img { border:3px solid #3399cc; padding:1px; float: none; } form#wallet-checkout p{ padding:0 5px; } .sidebar .payline-logo { display: block; margin: 10px 0; text-align: center; } #wallet-checkout .secured-by{ padding:0 5px; text-align:right; font-size:0.8em; } table.payline-payment th { font-weight:bold; vertical-align:middle; } table.payline-payment td { margin-left:5px; width:35%; } .payline-payment-logo img { display:block; margin:auto; } #payment_form_PaylineCPT li input{ margin-top: 13px; } #payment_form_PaylineCPT li img { display: inline; vertical-align: top; float: none; } /* Payline css problème click card number last version chrome */ .pl-input-feedback { display: none !important; } /** * styles communs RWD * * 0. ALL * 1. HEADER * - 1.1 #header, #header-v2 * - 1.2 #logo * - 1.3 .banner_header * - 1.4 .header-v2-items (partie droite du header) * - 1.5 cookie * 2. MENU * - 2.1 Niveau 1 * - 2.2 Niveau 2 * 3. PUB * 4. PAGES * 5. MON COMPTE * 6. TUNNEL * 7. AVANTAGES * 8. FOOTER * 9. CHECKOUT - 9.0 Stepper (steps Nav) - 9.1 Identification - 9.2 Destinataire(s) * 10. CMS PAGES - 10.1 Landing page (model) * 96. PRÉ-HOME * 97. SIDEBOX * 98. POP-IN * 99. PROTOSHOW * XX. À CLASSER * 101. Messages RGDP_CNIL */ /* ========================================================================== 0. ALL ========================================================================== */ .hide-this-element { display: none !important; } /* btn */ a.btn { background-color: #ccc; border: 3px solid #ccc; color: #2b2c2e; font-weight: 900; overflow: hidden; position: relative; z-index: 1; } /**/ body.no-touch a.btn::after { content: ''; position: absolute; z-index: -1; width: 101%; height: 0; top: 50%; left: 50%; background: #fff; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } body.no-touch a.btn:hover:after, body.no-touch a.btn:hover:focus { height: 100%; opacity: 1; } button.btn, .passforgotten a.btn{ border-radius: 50px; display: inline-block; line-height: 2rem; margin: 0 0 1em; padding: 5px 15px; text-align: center; text-decoration: none; text-transform: uppercase; background-color: #ccc; border: 3px solid #ccc; color: #2b2c2e; font-weight: 900; overflow: hidden; position: relative; z-index: 1; /*-webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s;*/ } /* [Mobile] */ @media screen and (max-width: 600px) { .three-formula button.btn, .two-formula button.btn { line-height: 1.2; } } @media screen and (max-width: 480px) { .three-formula button.btn { font-size: 10px; line-height: 1; } } /**/ body.no-touch button.btn::after { content: ''; position: absolute; z-index: -1; /*-webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s;*/ width: 101%; height: 0; top: 50%; left: 50%; background: #fff; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } body.no-touch .btn:hover{cursor: pointer;} body.no-touch button.btn:not([disabled]):hover:after, body.no-touch .is-netflix button.btn:hover:focus { height: 100%; opacity: 1; } /* RWD Javascript Breakpoint ================================================================================ */ /** css-breakpoints-into-javascript **** * These values will not show up in content, but can be * queried by JavaScript to know which breakpoint is active. * Add or remove as many breakpoints as you like. */ body:before { content: "mobile"; display: none; /*Prevent from displaying. */ } @media (min-width: 1024px) { body:before { content: "desktop"; } } /* surcharge reset */ sup { font-size: smaller; vertical-align: super; } ul { list-style-type: none; } /* general layout */ * { border: 0; box-sizing: border-box; margin: 0; outline: none; padding: 0; } body { font-size: 100%; line-height: 1.5em; min-width: 320px; overflow-x: hidden; width: 100%; } .wrapper-max { margin: 0 auto; max-width: 1600px; position: relative; } .col-main .margin { padding: 0 20px; } img {max-width: 100%;} .margin { margin: 0 auto; max-width: 1280px; } #tc_img__1{display: none;} .catalog-product-view #desc-bottom .margin, .col-main .promo_produit .margin, .col-main .cms_block.rassurance .margin { padding: 0; } .col-main .cms_block.rassurance .margin { display: block; overflow: hidden; } /* [Mobile] */ @media screen and (max-width: 560px) { .catalog-product-view #desc-bottom .margin, .col-main .promo_produit .margin, .col-main .cms_block.rassurance .margin { padding: 0 10px; } } /* Logo */ #header-v2 #logo { float: left; } /*** Button ***/ a.btn{ border-radius: 50px; line-height: 2rem; margin: 0 0 1em; padding: 5px 15px; display: inline-block; text-align: center; text-decoration: none; text-transform: uppercase; } /*** owl-carousel ***/ .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-dots{ text-align: center; -webkit-tap-highlight-color: transparent; } .owl-dot{ display: inline-block; zoom: 1; } .owl-carousel>.owl-dots .owl-dot span { -webkit-backface-visibility: visible; border-radius: 30px; display: block; height: 18px; margin: 5px 10px; transition: opacity .2s ease; width: 18px; } /*** Scroll to top ***/ #scrollup { background-color: #fff; border-radius: 50px; bottom: 50px; display: none; height: 70px; position: fixed; right: 20px; text-indent: -9999px; width: 70px; z-index: 1000; } /*** Rating ***/ .rating-box { width:135px; height:24px; font-size:0; line-height:0; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_rating.png) 0 100% repeat-x; overflow:hidden; } .rating-box .rating { float:left; height:24px; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_rating.png) 0 0 repeat-x; } .ratings { margin:5px 0; } .ratings .rating-box { float:left; margin-right:5px; } .ratings .amount { font-size:12px; } .ratings .rating-links { margin:0; font-size:11px; } .ratings .rating-links a { text-decoration:underline; } .ratings .rating-links a:hover { text-decoration:none; } .ratings .rating-links .separator { margin:0 3px; } .ratings dt {} .ratings dd {} /* ========================================================================== 1. HEADER ========================================================================== */ /* 1.1 #header, #header-v2 ========================================================================== */ #header-v2 { background-color: #fff; border: none; box-shadow: 0 2px 5px 0 rgba(0,0,0,.3); height: 100px; position: relative; /*z-index: 1000;*/ } /* [Mobile] */ @media screen and (max-width: 1023px) { #header-v2, #logo, .header-v2-items { height: 50px; } .header-v2-items { position: relative; } .header-v2-items > ul { height: 50px; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; width: 207px; } .header-v2-items > #logo { float: none; left: 0; max-width: 212px; position: absolute; top: 0; -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } #header-menu li.panier > a, #header-menu li.compte > a { height: 99px; } #payment-tool-tip-close { right: -10px; top: -10px; } } /* 1.4 .header-v2-items (partie droite du header) ========================================================================== */ .header-v2-items { z-index: 1000; } /* panier & Mon compte */ #header-menu{float: right;} #header-menu > li { display: inline-block; margin-left: -4px; position: relative; } #header-menu > li > a { background-repeat: no-repeat; display: inline-block; font-size: 12px; height: 100px; margin: 0; padding: 65px 0 0; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; width: 105px; } #header-menu > li> a::after { content: ''; display: block; height: 42px; left: 50%; margin-left: -17px; position: absolute; top:28px; width: 34px; } .mode-connecte > li.compte> a::before { content: ''; display: block; height: 42px; left: 55%; position: absolute; top:42px; width: 34px; z-index: 10; } @media screen and (min-width: 1024px){ .mode-connecte > li.compte> a::before {left:50%;top:28px;} } #header-menu > li > a span.nombre { border-radius: 17px; bottom: 20px; font-size: 15px; height: 32px; left: 14px; line-height: 32px; position: absolute; text-align: center; width: 32px; margin: auto; z-index: 10; } /* Recherche */ #header-v2 #rechercher{ background: none; float: left; margin: 20px 0 0; padding: 10px; position: relative; } #header-v2 #rechercher input[type="text"]{ background: none; font-size: 16px; min-width: 200px; padding: 10px 20px; } #header-v2 #rechercher label, #header-v2 #rechercher button span{ display: none;} #header-v2 #rechercher button::before{ content: ''; display: block; height: 40px; position: absolute; right: 20px; top: 10px; width: 40px; } /* [Mobile] */ @media screen and (max-width: 1023px) { #header-v2 #rechercher{ display: none;} #header-menu > li > a{font-size: 0;} #header-menu > li> a::after{ -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } } /* [Desktop] */ @media screen and (min-width: 1024px) { #header-menu > li > a{ width: 7.6vw;} #header-menu > li> a::after{ top:20px;} #header-menu > li > a span.nombre{ bottom: 30px; } } @media screen and (min-width: 1024px) and (max-width: 1180px) { #header-v2 #rechercher input[type="text"]{ /*width: 150px;*/ min-width: 0; padding: 10px 15px; } #header-v2 #rechercher button::before{ right: 15px; } } /* breadcrumbs */ .bcrumb { margin: 10px auto; font-size: 0.9em; } .catalog-product-view .bcrumb{margin-top: 30px;} .breadcrumbs li { display: inline-block; } .breadcrumbs li a { color: #000; } /* 1.5 cookie ========================================================================== */ .cookie-banner-container{ position: fixed; bottom: 0; left: 0; padding: 12px; right: 0; width: 100%; z-index: 1000; } .cookie-banner-container .cookies { font-size: 14px; margin: 0 auto; max-width: 1280px; padding-right: 14%; position: relative; text-align: left; } .cookiesCloseButton{ height: 40px; line-height: 40px; min-width: 40px; position: absolute; right: 0; text-decoration: none; top:0; } /* [Mobile] */ @media screen and (max-width: 1023px) { .cookie-banner-container .cookies{ line-height: 1.1; } .cookiesCloseButton span{ display: none; } } /* [Desktop] */ @media screen and (min-width: 1024px) { .cookiesCloseButton { cursor: pointer;} } /* 1.6 promo ========================================================================== */ /* Offre Familles --------------------- */ .offre-famille-container { display: table; height: 48px; position: relative; width: 100%; z-index: 500; } /* 1.7 Search */ /* search auto complete */ /* -------------------- */ #search_autocomplete { background: #fff; max-height: 250px; overflow: auto; } #search_autocomplete li { cursor: pointer; font-size: 0.85em; padding: 2px 5px; text-align: left; } #search_autocomplete li:nth-child(odd) { background: #ebf1f4; } #search_autocomplete .amount { float: right; color: #ccc; } #search_autocomplete .amount::before { content: '('; margin-left: 1ex; } #search_autocomplete .amount::after { content: ')'; } /* ========================================================================== 2. MENU ========================================================================== */ /* MENU */ #menu { background: #eff2f4; position: relative; text-align: left; } #menu ul.first-level li a.level-0, #menu ul.first-level li a.level-1 { text-decoration: none; } /* 2.1 Niveau 1 ========================================================================== */ #menu ul.first-level { display: table; } #menu ul.first-level > li { display: table-cell; height: 53px; vertical-align: middle; } #menu ul.first-level > li > h3, #menu ul.first-level > li > span { padding: 0;} #menu ul.first-level > li a span { display: inline-block; color: #fff; font-size: .8em; line-height: 1.1em; text-decoration: none; text-align: center; } #menu ul.first-level > li a.level-0 span { line-height: 1; padding: 10px 13px; } #menu ul.first-level .level-0 .picto { margin: -10px 10px 0 0; vertical-align: text-bottom; } /* XI-TODO > "Home" a supprimer dans le code? */ #menu ul.first-level li.home { display: none; } /* [Mobile] */ @media screen and (max-width: 1023px) { #menu { position: relative; } #menu .nav-mobile { content:''; cursor: pointer; display: block; width: 40px; height: 40px; position: absolute; left: 10px; top: -45px; /* 5px */ z-index: 1001; } #menu .nav-mobile span, #menu ul.first-level{ display: none; } #menu.open .nav-mobile span, #menu.open ul.first-level{ display: block; } #menu .nav-mobile span{ font-size: 24px; left: 10px; position: absolute; top: 67px; /* 60px */ z-index: 1; } #menu ul.first-level{ position: relative; top: 10px; /* 50px */ width: 100%; padding-top: 60px; z-index: 1000; } #menu.open ul.first-level > li:not(.home){ background: #fff; clear: both; display: block; font-size: 18px; margin:0 20px 5px ; padding: 10px 0; width: calc(100% - 40px); } #menu ul.first-level > li { height: auto; } #menu .menu-categ{ position: relative; } #menu .menu-categ .touch-arrow-btn { content: ''; width: 50px; height: 50px; display: block; position: absolute; right: 0; top: 8px; } #menu ul li.menu-categ.open .touch-arrow-btn { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #menu.open ul.first-level > li:not(.home) { padding-bottom: 0; padding-top: 0; } #menu ul.first-level > li a.level-0 { display: block; } #menu ul.first-level .level-0 .picto { margin-top: 0; } #menu ul.first-level .level-0.several-lines .picto { float: left; margin-bottom: 20px; } #menu ul.first-level > li a.level-0 span { display: block; line-height: normal; min-height: 42px; padding-bottom: 20px; padding-top: 20px; } #menu ul.first-level .level-0 .picto { margin-top: 0; max-height: 22px; width: auto; } } /* [Desktop] */ @media screen and (min-width: 1024px) { #menu .nav-mobile{display: none;} #menu ul.first-level{top: 100px;} #menu ul.first-level > li > a, #menu ul.first-level > li > * > a{display:block;position: relative;} #menu ul.first-level > li >a {margin-right: 2px;} #menu ul.first-level > li > a:hover::before, #menu ul.first-level > li > * > a:hover::before{ content: ''; bottom: -40px; height: 40px; position: absolute; width: 3000%; /* prevent menu layer from closing too soon */ left: -1000%; /* prevent menu layer from closing too soon */ } #menu ul.first-level { margin: 0 5%; } #menu ul.first-level > li.has-submenu .menu-label { display:block; position:relative; } #menu ul.first-level > li.has-submenu .menu-label br { display:none; } #menu ul.first-level > li.has-submenu:hover > h3 > a > .menu-label::before, #menu ul.first-level > li.has-submenu:hover > a > .menu-label::before, #menu ul.first-level > li.has-submenu:hover > h3 > a::after, #menu ul.first-level > li.has-submenu:hover > a::after { content:''; position: absolute; z-index:9999999999; bottom: -43px; left: 50%; -moz-transform:translateX(-50%) rotate(-45deg); -webkit-transform:translateX(-50%) rotate(-45deg); transform:translateX(-50%) rotate(-45deg); width: 0; height: 0; border-top: 37px solid #feed00; border-left: 37px solid transparent; } #menu ul.first-level > li.has-submenu:hover > h3 > a::after, #menu ul.first-level > li.has-submenu:hover > a::after{ border-top: 29px solid #efecdb; border-left: 29px solid transparent; } .menu-upper-mode #menu ul.first-level > li.has-submenu:hover > h3 > a > .menu-label::before, .menu-upper-mode #menu ul.first-level > li.has-submenu:hover > a > .menu-label::before, .menu-upper-mode #menu ul.first-level > li.has-submenu:hover > h3 > a::after, .menu-upper-mode #menu ul.first-level > li.has-submenu:hover > a::after { bottom: -57px; border-top: 45px solid #feed00; border-left: 45px solid transparent; } .menu-upper-mode #menu ul.first-level > li.has-submenu:hover > h3 > a::after, .menu-upper-mode #menu ul.first-level > li.has-submenu:hover > a::after{ border-top: 37px solid #efecdb; border-left: 37px solid transparent; } .menu-upper-mode #menu ul.first-level { margin: 0; } } /* 2.2 Niveau 2 ========================================================================== */ #menu .submenu { display: none; } #menu .submenu .wrapper { display: block; width: 100%; max-width: 1320px; margin: 0 auto; padding: 25px 20px; } #menu .submenu .item { background: #fff; padding: 10px 0; position: relative; } #menu .submenu .item div { padding: 5px 15px; font-size: 14px; } #menu .submenu img.rub-thumb{ display: none; } #menu .submenu .age-range{ color: #fff; padding: 5px 10px; position: absolute; } /* [Mobile] */ @media screen and (max-width: 1023px) { .header-v2-items { background: #fff; } #menu ul li.menu-categ.open .submenu { background: #fff; border-top: 3px solid #efecda; display: table; /*margin-top: 12px;*/ } body.menu-mobile-open::after{ content: ''; position: fixed; background: green; height: 100vh; bottom:0; left:0; right : 0; z-index: 100; } #menu .submenu .wrapper {background: #fff;margin-top: 1px;} #menu ul li.menu-categ.open .submenu .col.right{ display: none;} #menu .submenu .age-range{ font-size: 14px; font-weight: normal; padding: 2px 10px; right: 0px; top: 10px; } #menu .submenu .item > ul{ display: none;} #menu .submenu .item a span{padding: 4px 0;} #menu .submenu .age-range + .link-submenu span, #menu .submenu .age-range + h4 .link-submenu span{ padding-right: 100px; } } /* [Desktop] */ @media screen and (min-width: 1024px) { .menu-upper-mode #menu { min-height: 100px; } #menu .submenu { left: 0; margin: 0 5%; max-width: 1540px; position: absolute; top: 79px; width: 90%; z-index: 999999; } #menu ul li.menu-categ:hover .submenu { display: table; border: 5px solid #feed00; } #menu ul li.menu-categ:hover .submenu .subtitle { font-weight:600; padding-bottom: 20px; font-size: 24px; } #menu .submenu .col.right { float: right; padding-left: 40px; width: 30%; } #menu .submenu .hasblockcms .col.left { float: left; width: 70%; } #menu .submenu .item { margin-bottom: 1em; min-height: 110px; padding: 10px 10px 10px 140px; } #menu .submenu img.rub-thumb{ display: block; left: 20px; position: absolute; top: 20px; } #menu .submenu .age-range{ bottom: 10px; left: -10px; } #menu .submenu .col > ul > li { display: block; float: left; margin-left: 4%; } #menu .submenu .nohasblockcms .col > ul > li { width: 30.66%; } #menu .submenu .nohasblockcms .col > ul > li:nth-child(3n+1) { clear: left; margin-left: 0; } /* avec bloc cms */ #menu .submenu .hasblockcms .col > ul > li { width: 46%; } #menu .submenu .hasblockcms .col > ul > li:nth-child(2n+1) { clear: left; } #menu .submenu .col ul li > div a { text-decoration: none; } #menu .submenu .menu-level2{ margin-bottom: 10px;} #menu .submenu .col .item h4, #menu .submenu .col .item li {margin-top: 0;} #menu .submenu .col .item span.age-range { padding: 5px 15px; } /* spécial titres de 2 lignes */ #menu .menu-categ { vertical-align: middle; } #menu .menu-categ .several-lines { /*margin-top: -13px;*/ } } /* quand le menu a la place pour être positionné en haut */ .menu-upper-mode #header-v2 { height: 100px; } .menu-upper-mode #header-v2 #rechercher input[type="text"] { width: 200px; } /* MENU */ .menu-upper-mode #menu { background: #fff; float: left; margin-left: 256px; margin-top: -100px; padding: 25px 13px 0 13px !important; position: static; z-index: 1000; } .menu-upper-mode #menu ul.first-level li a span { font-size: 14px; } .menu-upper-mode #menu .submenu { top: 148px; } /* ========================================================================== 4. PAGES ========================================================================== */ /* Home ========================================================================== */ .cms-index-index .home .wrapper{ margin: 0 auto; max-width: 1600px; } div[class*="bayard-home-block-"]{margin-bottom: -5px;} .bayard-home-block-1 { text-align: center; } .bayard-home-block-1 .image-de-fond img, .bayard-home-block-2 .image-de-fond img, .bayard-home-block-3 .image-de-fond img { max-width: 100%; } /* [Desktop] */ @media screen and (min-width: 800px) { .row-2columns .column-1, .row-2columns .column-2 { float: left; width: 50%; } } /* HOME Push */ .box .box-header{ margin:4rem 0 3rem; text-align: center; } .box .box-header .title{font-size: 30px;} .box .box-header .title a{color:#000; text-decoration: none;} .box .box-header .sub-title{font-size: 20px;margin: 2rem auto;max-width: 700px;} @media screen and (max-width: 1023px) { .offres-speciales .owl-carousel .owl-stage-outer { margin: 0 -30px; padding: 0 30px; } .offres-speciales ul.listing-produits .owl-item li{ padding: 10px; } } /* HOME bonnes raisons */ .bayard-home-bonne-raison-container{ background: #fff; margin-top: 30px; text-align: center; } .bayard-home-bonne-raison{ padding: 30px 0 80px; } .bayard-home-bonne-raison .titre-block { font-size: 30px; line-height: normal; margin:2rem 0 3rem; } .bayard-home-bonne-raison .bayard-raison { margin: 0 auto; padding: 0 20px; text-align: center; } .bayard-home-bonne-raison .bayard-raison p { display: inline-block; font-size: 18px; line-height: normal; margin-top: 17px; padding: 20px 0; text-align: center; } .bayard-home-bonne-raison .bayard-raison img { width: auto; } /* [Mobile] */ @media screen and (max-width: 1023px) { .bayard-home-bonne-raison .bayard-raison{ max-width: 598px; } } /* [Desktop] */ @media screen and (min-width: 1024px) { .bayard-home-bonne-raison .bayard-raison{ max-width: 320px; } /* Ajout IG */ .bayard-rwd-home-h1 { font-size: 20px; margin-top:18px; padding-bottom:25px; text-align: center; } } /* Catégories (liste) ========================================================================== */ .pastille-droite{ pointer-events: none; position: absolute; right: 0; top: 0; z-index: 10000; } .col-main > div > p { display: none; } .col-main .category-image { display: block; /*top: 143px;*/ left: 0; position: absolute; right: 0; top: 230px; z-index: -1; } .menu-upper-mode .col-main .category-image { top: 148px; } .col-main .category-image img { width: 100%; } .stepper .col1-layout .col-main .page-title { border: none; line-height: 1; margin: 25px auto; padding: 0 20px; width: 100%; } /* CATÉGORIES filtres */ .col-main .block.block-layered-nav { background: transparent; margin-bottom: 30px; } .boxTable#recherche-avancee { background: #fff; padding: 25px; } ol.image-align-horizontally.liste-checkbox.gan-list-checkbox.gan-inblock-list { height: auto!important; /* Contrecare une config de gomage inaccessible (style inline) */ } /* dropdown filters */ .boxTable#recherche-avancee .gan-attribute { display: block; width: 32%; float: left; margin-left: 2%; border: none !important; line-height: 40px; } .boxTable#recherche-avancee .gan-attribute:nth-child(2), .boxTable#recherche-avancee .gan-attribute:nth-child(3) { float: right; } .boxTable#recherche-avancee .gan-attribute:nth-child(3) { margin-left: 0; } .boxTable#recherche-avancee .gan-attribute:first-child { margin-left: 0; min-width: 300px; } .boxTable#recherche-avancee .gan-attribute dt { color: #636466; margin-right: 15px; float: left; } .boxTable#recherche-avancee .gan-attribute dd { color: #949698; width: 100%; max-width: 300px; float: left; } .boxTable#recherche-avancee .gan-attribute .select-wrapper { position: relative; display: inline-block; width: 100%; } .boxTable#recherche-avancee .gan-attribute .select-wrapper select { width: 100%; height: 40px; padding: 0; cursor: pointer; } .boxTable#recherche-avancee .gan-attribute .select-skin{ position: absolute; left: 0; right: 0; top: 0;; cursor: pointer; display: block; border: 2px solid #e1e5e7; border-radius: 10px; padding: 0 15px; } .boxTable#recherche-avancee .gan-attribute .select-skin::after{ content: ''; position: absolute; right: 10px; top: 10px; height: 20px; width: 20px; opacity: 0.5; } /* default filters */ .boxTable#recherche-avancee .gan-attribute .image-align-horizontally { list-style: none; } .boxTable#recherche-avancee .gan-attribute .image-align-horizontally li { display: inline-block; } .boxTable#recherche-avancee .gan-attribute .image-align-horizontally li a { display: inline-block; border: 2px solid #e1e5e7; border-radius: 10px; color: #949698; font-size: 14px; font-weight: normal; padding: 0 15px; text-align: center; text-decoration: none; width: 90px; margin-top:3px; } .boxTable#recherche-avancee .gan-attribute .image-align-horizontally li a.active, .boxTable#recherche-avancee .gan-attribute .image-align-horizontally li a:hover { color: #282828; } /* Actives Filters */ ul.filtres { margin: 1em 0 2.5rem; } ul.filtres li { background: #fff; border-radius: 10px; border: 2px solid #e1e5e7; color: #949698; display: inline-block; font-size: 14px; font-weight: normal; margin-top: 3px; margin-right: 3px; padding: 5px 10px 5px 15px; text-align: center; text-decoration: none; } ul.filtres li a.delete, ul.filtres li.delete-all a.delete::before{ display: inline-block; height: 20px; margin-left: 8px; text-indent: -4000px; vertical-align: middle; width: 20px; } ul.filtres li a.delete.btn-remove{ opacity: .66; transform: scale(.66); } ul.filtres li a.delete:hover, ul.filtres li a.delete:focus, ul.filtres li.delete-all a.delete:hover::before, ul.filtres li.delete-all a.delete:focus::before{ opacity: 1; } ul.filtres li.delete-all { background-color: transparent; border-color: transparent; padding: 0; } ul.filtres li.delete-all a.delete { background: none; text-decoration: underline; text-indent: inherit; height: auto; width: auto; } ul.filtres li.delete-all a.delete::before{ content: ''; display: inline-block; border-radius: 50%; height: 40px; margin-top: -2px; margin-right: 5px; width: 40px; transform: scale(.66); opacity: .66; } /*pager*/ .toolbar-bottom { margin-bottom:20px; } .resultat-recherche .line{ display:flex; justify-content:space-between; } .resultat-recherche .line .col { display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .resultat-recherche .line .col .pagination { margin-top: 5px; } .resultat-recherche .line .col .pagination li { padding: 0 5px; border-left: 1px solid black; display: inline-block; margin-left: -1ex; } .resultat-recherche .line .col .pagination li:first-child, .resultat-recherche .line .col .pagination li.previous { border-left: 0px solid black; } .resultat-recherche .line .col .pagination li.previous + li, .resultat-recherche .line .col .pagination li.next { border-left: 0; } .resultat-recherche .line .col .pagination li.current.active{ font-weight:700; } .resultat-recherche .line .col .pagination li { line-height: 1.1em; } .resultat-recherche .line .col .pagination li a { color: inherit; text-decoration: none; } .resultat-recherche .line .col:first-child .label, .resultat-recherche .line .col:nth-child(3) .label{ min-width:80px; } .resultat-recherche .line .col:nth-child(2) .label{ min-width:140px; } .resultat-recherche .line .col select{ padding:5px; } .resultat-recherche .line .col .label, .resultat-recherche .line .col .value, .resultat-recherche .line .col .pagination li{ margin-top:3px; } /* --------------------- CATÉGORIES blocs --------------------- */ .catalog-category-view .col1-layout .col-main { float: none; width: 100%; margin: 0 auto; } .page .col1-layout .col-main .category-title { padding: 0; border: none; line-height: 2em; } .col-main .category-description { padding: 20px; } .col-main .category-products { padding: 25px 20px 0; } .category-products ul.listing-articles { text-align: center; } .category-products ul.listing-articles > li { padding: 20px; border: none; background: #FFF; display: block; float: left; margin: 0 0 2% 2% !important; width: 32%; } /* grouped products */ /* couleur par défaut */ .category-products-grouped { background-color: #eee; } .category-products-grouped .owl-carousel { padding-bottom: 20px; } .category-products-grouped .owl-item .listing-articles { padding: 20px; margin: 0 0 20px 20px; background: #FFF; } .category-products-grouped .owl-stage .owl-item:nth-child(1) .listing-articles { margin-left: 0 !important; } .category-products-grouped .listing-articles .article { background: #FFF; } .category-products ul.listing-articles > li:nth-child(3n + 1), .category-products-grouped .listing-articles > li:nth-child(3n + 1) { margin-left: 0 !important; } .category-products ul.listing-articles li.block-promo { position: relative; overflow: hidden; } .category-products ul.listing-articles li.block-promo .article { position: static; min-height: 0; } .category-products ul.listing-articles li.block-promo img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none; } .category-products ul.listing-articles li, .category-products-grouped ul.listing-articles li { position: relative; } .category-products ul.listing-articles li:nth-child(3n+4) { clear: both; } .offres-speciales .listing-produits .article { /*min-height: 660px;*/ /*position: relative;*/ } .category-products ul.listing-articles .box-content .visuel, .category-products-grouped .listing-articles .box-content .visuel { /*min-height: 320px;*/ margin-bottom: 10px; } .category-products ul.listing-articles .box-content .titre, .category-products-grouped .listing-articles .box-content .titre { font-family: inherit; font-weight: bold; font-size: 1.6em; line-height: 1em; padding: 0 !important; min-height: 0; } .category-products ul.listing-articles .box-content .detail, .category-products-grouped .listing-articles .box-content .detail { font-size: 1.1em; line-height: 1.1; margin-top: 10px; padding: 0 !important; height: auto; } .category-products ul.listing-articles .box-content .visuel img, .category-products-grouped .listing-articles .box-content .visuel img { max-height: none; width: 100%; } .category-products ul.listing-articles .box-content .blocDetailInfoProduct, .category-products-grouped .listing-articles .box-content .blocDetailInfoProduct { display: none; } .category-products ul.listing-articles .age-range, .listing-produits .age-range { position: absolute; left: -10px; top: 10px; color: #fff; margin-top: 15px; padding: 6px 10px; background: #8cb7e7; font-weight: 700; z-index: 1; } .category-products ul.listing-articles .box-footer, .category-products-grouped .listing-articles .box-footer, .listing-produits .box-footer { margin-top: 20px; } .category-products ul.listing-articles .box-footer.tobottom, .category-products-grouped .listing-articles .box-footer.tobottom, .listing-produits .owl-stage .box-footer.tobottom { position: absolute; bottom: 20px; left: 20px; right: 20px; background: transparent; border: none; padding: 0; min-height: 0; } .category-products ul.listing-articles .box-footer .article-price, .category-products ul.listing-articles .box-footer .article-link, .category-products-grouped .listing-articles .box-footer .article-price, .category-products-grouped .listing-articles .box-footer .article-link { display: block; width: 100%; padding: 0; } .category-products ul.listing-articles .box-footer .article-price, .category-products-grouped .listing-articles .box-footer .article-price, .offres-speciales .listing-produits .box-footer .price-box { margin-bottom: 20px; } .category-products ul.listing-articles .box-footer .article-price .price-box, .category-products-grouped .listing-articles .box-footer .article-price .price-box, .offres-speciales .listing-produits .box-footer .price-box .price-box { font-size: 1em; } .category-products ul.listing-articles .box-footer .article-price .prix .price, .category-products-grouped .listing-articles .box-footer .article-price .prix .price, .offres-speciales .listing-produits .box-footer .price-box .prix .price { font-weight: bold; font-size: 26px; } /* home */ .offres-speciales .listing-produits .box-footer .price-box .prix .price, .offres-speciales .listing-produits .box-footer .price-box .detail .price { font-size: 18px; } .offres-speciales .listing-produits .box-footer .price-box .prix-other .price{ font-size: 14px; font-weight: normal; } .offres-speciales .listing-produits .box-footer .price-box .detail { font-size: 14px; } .offres-speciales .listing-produits .box-footer .price-box .detail > p { font-size: 14px; margin-bottom: 1px; } .category-products ul.listing-articles .box-footer .article-price p, .category-products-grouped .listing-articles .box-footer .article-price .p, .offres-speciales .listing-produits .box-footer .price-box p { display: inline-block; margin-left: 1ex; } .category-products ul.listing-articles .box-footer .article-price p + b::before, .category-products-grouped .listing-articles .box-footer .article-price .p + b::before, .offres-speciales .listing-produits .box-footer .price-box p + b::before { content: ''; display: block; height: 1px; width: 100%; } .category-products ul.listing-articles .box-footer a.btn, .category-products-grouped .listing-articles .box-footer a.btn { margin: 0; border-radius: 50px; padding: 15px 42px; display: inline-block; width: 100%; } .category-products ul.listing-articles .box-footer a.btn span, .category-products-grouped .listing-articles .box-footer a.btn span { font-family: inherit; } /* CATÉGORIES offres groupées */ .category-products-grouped { padding: 40px 0 70px 0; text-align: center; } .category-products-grouped h2 { color: #fff; font-size: 30px; font-weight: 900; line-height: normal; padding: 2rem 0 3rem; } .category-products-grouped h2 span { display: block; font-size: 0.7em; font-weight: normal; margin-top: 22px; text-align: center; } .category-products-grouped .category-products ul.listing-articles > li.hidden-item { left:-2000px; position: absolute; width: 0; float: left; } .category-products-grouped .see-more-offers { margin-top: 30px; } .category-products-grouped .see-more-offers .btn { background-color: #fff; margin: 0 20px; padding-left: 40px; padding-right: 40px; } .category-products-grouped .see-more-offers .btn span { font-size: 16px; } /* [Mobile] */ @media screen and (max-width: 1023px) { .col-main .category-description {display: none;} .category-products .wrapper { overflow-x: hidden; } .bcrumb, #block-layered-nav-left { display: none; } .col-main .category-image { top: 107px; } .col-main .category-title { margin: 40px 0; } .category-products { padding: 0; } .category-products-grouped { padding: 10px 0 40px; } .category-products ul.listing-articles, .category-products-grouped .owl-item .listing-articles { max-width: 390px; margin: 0 auto; } .category-products ul.listing-articles > li { width: 100%; margin: 0 0 20px 0 !important; } .category-products ul.listing-articles li.block-promo { /*min-height: 490px;*/ } .category-products ul.listing-articles li.bloc-2, .category-products ul.listing-articles li.bloc-3 { display: none; } .category-products ul.listing-articles li.block-promo img { max-width: 100%; } .resultat-recherche .line .col{ display:inline-block; margin:5px 0; } .resultat-recherche .line{ -webkit-align-items:center; align-items:center; } } @media screen and (max-width: 1300px) { /* filtres */ .boxTable#recherche-avancee .gan-attribute dt, .boxTable#recherche-avancee .gan-attribute dd { float: none; } } @media screen and (max-width: 1270px) and (min-width: 1024px){ .category-products ul.listing-articles .box-content .titre, .category-products-grouped .listing-articles .box-content .titre { font-size: 1.3em; } .category-products ul.listing-articles .article, .category-products-grouped .listing-articles .article { /*min-height: 660px;*/ } } @media screen and (max-width: 768px) { #block-layered-nav-content { display: none; } .category-products ul.listing-articles .box-content .visuel, .category-products-grouped .listing-articles .box-content .visuel { min-height: 0; } .stepper .col1-layout .col-main .page-title { font-size: 1em; margin-bottom: 15px; /* #140 augmentation de l'espace entre titre Catégorie et début des produits*/ margin-top: 7px; } /* #140 Diminution de l'espace entre titre Catégorie et début des produits*/ body:not(.catalogsearch-result-index) .stepper .col1-layout .col-main .page-title h1 { font-size: 1.5em; line-height: 1; min-height: 10px; } .col-main .category-image { height: 137px; overflow: hidden; } .col-main .category-image .inner-category-image { height: 137px; left: -50%; position: absolute; right: -50%; top: 0; } .col-main .category-image img { min-height: 137px; } ul.listing-produits li p { line-height: 1.2; } .resultat-recherche .line .col{ display:flex; } .resultat-recherche .line { display:block; } .resultat-recherche .line{ position:relative; } .resultat-recherche .line .col:nth-child(4){ position:absolute; top:0; right:0; } } @media screen and (max-width: 480px) { .category-products ul.listing-articles .box-footer a.btn span, .category-products-grouped .listing-articles .box-footer a.btn span { font-size: 14px; } .category-products ul.listing-articles .box-content .titre, .category-products-grouped .listing-articles .box-content .titre { font-size: 1.2em; } .category-products ul.listing-articles .box-content .detail, .category-products-grouped .listing-articles .box-content .detail { font-size: 1em; line-height: 1; } .category-products ul.listing-articles .article, .category-products-grouped .listing-articles .article { /*min-height: 600px;*/ } .resultat-recherche .line .col:nth-child(2), .resultat-recherche .line .col:nth-child(4){ display:none; } .toolbar-bottom .resultat-recherche .line .col:nth-child(2), .toolbar-bottom .resultat-recherche .line .col:nth-child(4){ display:flex; } .toolbar-bottom .resultat-recherche .line .col:nth-child(1), .toolbar-bottom .resultat-recherche .line .col:nth-child(3){ display:none; } .resultat-recherche .line .col:nth-child(3) label{ min-width:0px; } } @media screen and (max-width: 380px) { .category-products ul.listing-articles .article, .category-products-grouped .listing-articles .article { /*min-height: 540px;*/ } } /* Listing produit ========================================================================== */ /* Listing (ex: Push Home) */ ul.listing-produits .owl-stage-outer { padding: 15px 0; } ul.listing-produits .owl-item li { background: #fff; margin: 0 15px; min-height: 400px; padding: 20px; position: relative; text-align: center; } ul.listing-produits li .visuel{margin-bottom: 10px;} ul.listing-produits li .title{ font-size: 24px; padding: 1rem 0; text-decoration: none; } ul.listing-produits li .title .complement-title, ul.listing-articles li .complement-title{display:block;font-size: 15px; } ul.listing-produits li .description{ min-height: 180px; } ul.listing-produits li p{ font-size: 15px; margin: 0 0 10px; } ul.listing-produits li .price-box .prix .price{ font-size: 26px; } ul.listing-produits li a.btn{ display: block; margin: 1rem auto 0; padding: 5px 0; max-width: 220px; } /* [Mobile] */ @media screen and (max-width: 1023px) { ul.listing-produits { padding: 10px; } } /* Fiche Produit ========================================================================== */ .catalog-product-view #content{ padding-top: 15px;} .catalog-product-view #content h2{ font-size: 30px; line-height: normal; padding: 20px 0 60px; text-align: center; } /* BLOC AVIS DES ABONNE / DECOUVREZ AUSSI */ .titre-abo-dec, .titre-avis-abo { font-size: 30px; line-height: normal; padding: 20px 0 60px; text-align: center; } /*** Visuels poduit & thumbs ***/ #product-images{ width: calc(100% - 110px); margin-left: 110px; } #product-images.owl-carousel .owl-stage-outer { width: 100%; } @media screen and (min-width: 1024px) { #product-images.owl-carousel figure{ background: #fff; } } #product-images.owl-carousel img { margin: auto; max-width: 100%; width: auto; } /* Feuilleter & Vidéo - navigation */ #product-more-views .feuilleter::after, #product-more-views .video::after{ content: ''; background: rgba(0,0,0,.6); background-repeat: no-repeat; position: absolute; top: 0; right: 0; left: 0; bottom: 0; } #product-more-views .feuilleter.active::after{ margin: 4px; } /*#184-185-186 Ajout d'un libellé au-dessus des fpictos feuilletage et videos*/ .product_preview_label{ font-family: "Museo Sans",Arial; font-size: 14px; } #product-more-views .video { overflow: hidden; } #product-more-views .video img { height: 100%; left: 0; position: absolute; top: 0; max-width: none; } /* zone centrale */ #product-images a.feuilleter, #product-images figure.video a{ background: rgba(0,0,0,.5); display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #product-images figure:hover a{display: block;} #product-images a.feuilleter span, #product-images figure.video a span{ border-radius: 50px; color: #fff; display: inline-block; font-size: 16px; left: 50%; line-height: 2rem; min-width: 230px; padding: 5px 15px; position: absolute; text-align: center; text-decoration: none; text-transform: uppercase; top: 50%; -webkit-transform: perspective(1px) translateX(-50%) translateY(-50%); -ms-transform: perspective(1px) translateX(-50%) translateY(-50%); transform: perspective(1px) translateX(-50%) translateY(-50%); } #product-images a.feuilleter span::before, #product-images figure.video a span::before{ content: ''; display: inline-block; width: 25px; height: 25px; margin: 7px 5px -7px -5px; } .visuel-produit .iframe-video-container { display: none; } /* Flexible iFrame */ .iframe-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 20px; } .iframe-container iframe, .iframe-container object, .iframe-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* [Mobile] */ @media screen and (max-width: 1023px) { #product-more-views{ display: none; } #product-images{ margin: auto; max-width: 625px; padding: 0 10px; width: 100%; } #product-images figure.video a{display: block;} } /* [Desktop] */ @media screen and (min-width: 1024px){ .catalog-product-view #content{ padding-top: 25px;} #product-more-views{ float: left; margin-right: 30px; width: 79px; } #product-more-views li{ background:#fff; cursor: pointer; height: 80px; margin-bottom: 10px; position: relative; } #product-more-views li.active::before{ content: ''; border: 4px solid transparent; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } #product-images{ margin-left: 109px; width: calc(100% - 109px); } #product-images .owl-dots{ display: none;} } /*** Decription / Prix ***/ .catalog-product-view #content .col.desc{ background: #fff; padding: 30px 20px; position: relative; } .catalog-product-view #content .col.desc h1{ font-size: 32px; line-height: 30px; } .catalog-product-view #content .col.desc .complement-title{font-size: 15px; font-weight: 900;} .catalog-product-view .col.desc .age-range, #popin-subscribe-content .age-range{ color: #fff; display: inline-block; margin-top: 15px; padding: 3px 10px; } #popin-subscribe-content .age-range{margin:0; position:relative; top: -20px;} .listing-produits .age-range { color: #fff; display: inline-block; margin-top: 15px; padding: 6px 10px; } .catalog-product-view #content .col.desc .resume { font-size:14px; margin: 20px 0 45px 0; } .catalog-product-view #content .col.desc .resume h2.detail{font-weight: bold; font-size: 16px; padding: 0 0 5px;} .catalog-product-view #content .col.desc .resume p{ margin: 10px 0; } .catalog-product-view #content .col.desc .resume h2 { color: inherit; font-size: inherit; font-weight: normal; line-height: inherit; text-align: inherit; } .catalog-product-view #content .col.desc .ratings .rating-box, .catalog-product-view #content .col.desc .ratings .amount { display: block; float: none; } .catalog-product-view #content .col.desc .ratings .amount a, .catalog-product-view #content .col.desc .no-rating a { color: #636466; } .catalog-product-view #content .col.desc .ratings .amount a:hover, .catalog-product-view #content .col.desc .no-rating a:hover { text-decoration: none; } .catalog-product-view #content .col.desc .resume .lien { display: inline-block; font-size: 15px; margin-top: 20px; } .catalog-product-view #content .col.desc .box-process{ margin-top: 35px; } .catalog-product-view #content .col.desc .box-process .price-box{margin: 20px 0;} .catalog-product-view #content .col.desc .box-process .prix .price{ font-size: 26px; } .catalog-product-view #content .col.desc .box-process .btn{ font-size: 17px; margin-top: 10px; max-width: 290px; width: 100%; } /*** Avis clients ***/ .catalog-product-view .customer-review-container { padding: 35px 0; } .catalog-product-view .customer-review-container .commentaires .item { float: left; padding-bottom: 50px; text-align: center; width: 33.33%; } .catalog-product-view .customer-review-container .commentaires .item.hidden-item { display: none; } .catalog-product-view .customer-review-container .commentaires .item span { display: block; } .catalog-product-view .customer-review-container .commentaires .customer-review-title { font-size: 1.2em; font-weight: 900; margin-bottom: 25px; } .catalog-product-view .customer-review-container .commentaires .customer-review-text { padding: 30px 60px; } .catalog-product-view .customer-review-container .commentaires .customer-review-name { font-size: .9em; font-weight: 900; text-transform: uppercase; } .catalog-product-view .customer-review-container .commentaires .item:nth-child(3n+4) { clear: both; } .catalog-product-view .customer-review-container .btn-all-reviews-container { margin-top: 25px; } .catalog-product-view .customer-review-container .btn-add-review-container, .catalog-product-view .customer-review-container .btn-all-reviews-container { text-align: center; } .catalog-product-view .customer-review-container .all-reviews { background-color: #fff; } .catalog-product-view .customer-review-container a.btn.all-reviews { font-size: 16px; padding-bottom: 5px; padding-top: 6px; } .catalog-product-view .customer-review-container a.btn.all-reviews, .catalog-product-view .customer-review-container a.btn-add-a-review { width: 300px; } .catalog-product-view .customer-review-container a.btn-add-a-review span { font-size: 16px; } .catalog-product-view .customer-review-container .ratings .rating-box { float: none; margin: 0 auto; } /* formulaire review */ .catalog-product-view .review-form-container { text-align: center; } .catalog-product-view .review-form-container .form-list { display: inline-block; } .catalog-product-view .review-form-container .form-list li { text-align: right; } .catalog-product-view .customer-review-container form { display: inline-block; max-width: 500px; } .catalog-product-view .customer-review-container .buttons-set { text-align: center; } .catalog-product-view .review-form-container .form-list label { display: inline-block; float: none; vertical-align: top; width: 120px; } .catalog-product-view .review-form-container .form-list .input-box { display: inline-block; float: none; width: 300px; } .catalog-product-view .form-list input.input-text, .catalog-product-view .form-list textarea { border: 2px solid #ccc; background: #fff; padding: 8px; width: 98%; } /* tableaau des notations */ #product-review-table { margin: 15px 0; } #product-review-table thead { display: none; } #product-review-table th:first-child { text-align: right; width: 150px; } #product-review-table td { padding: 0 5px; } #product-review-table td label { cursor: pointer; display: inline-block; } #product-review-table td .radio { position: absolute; left: -9999999px; } #product-review-table td .radio + span { display: inline-block; } #product-review-table td .radio + span::before { background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_rating.png) no-repeat 0 -24px; content: ''; display: inline-block; height: 22px; width: 27px; } #product-review-table td.active span::before, #product-review-table td .radio:checked + span::before { background-position: 0 0; } #login-form .col-1 { width: 49%; } /* [Mobile] */ @media screen and (max-width: 1023px) { .catalog-product-view #content .col.desc{ margin: 10px 10px 0; } .catalog-product-view #content .col.desc .box-process{text-align: center;} .catalog-product-view #content .col.desc .box-process .btn { margin: 10px auto 0;} .listing-produits .age-range{ position: absolute; top: 15px; } /* ratings preview */ .catalog-product-view #content .col.desc .ratings .rating-box { margin: 0 auto; } .catalog-product-view #content .col.desc .ratings .amount { text-align: center; } .catalog-product-view .customer-review-container .commentaires .item { float: none; width: auto; } /* formulaire */ #product-review-table th:first-child { width: auto; } .catalog-product-view .review-form-container .form-list label, .catalog-product-view .review-form-container .form-list .input-box { display: block; text-align: left; max-width: 200px; } .catalog-product-view .customer-review-container .buttons-set { padding-right: 0; text-align: center; } /* tableaau des notations */ #product-review-table { margin: 15px auto; } } /* [Desktop] */ @media screen and (min-width: 1024px) { .catalog-product-view #content .head .col{ width: 57.29%; float: left; margin-bottom: 20px; } .catalog-product-view #content .head .col + .col{ width: 40.21%; margin-bottom: 20px; margin-left: 2.50%; padding: 2.5%;} .catalog-product-view #content .col{ width: 48.75%; float: left} .catalog-product-view #content .col + .col{ margin-left: 2.5%;} } /*** Decription détaillée ***/ .catalog-product-view #desc-bottom{ font-size: 14px; padding: 30px 0; } .catalog-product-view #desc-bottom .margin{ overflow: hidden; } #desc-bottom .col{ padding: 20px; position: relative; z-index: 1;} #desc-bottom h3{font-size: 20px; margin-bottom: 20px;} #desc-bottom .col.edito img.portrait{ float: left; margin: 0 20px 0 0; } .catalog-product-view #desc-bottom .author{font-size: 16px; font-weight: bold; padding-top: 15px;} .catalog-product-view #desc-bottom ul{list-style: none;padding-left: 0} .catalog-product-view #desc-bottom li::before {content: "• "; } @media screen and (max-width: 1330px) { .catalog-product-view #desc-bottom { padding: 30px 20px; } } /* [Mobile] */ @media screen and (max-width: 1023px) { .fiche-produit .content-2-cols.margin{padding: 0;} #desc-bottom .show-edito{ background: none; border: 1px solid #999; cursor: pointer; display: block; font-size: 16px; font-weight: 700; margin: 0 0 -20px; padding: 25px 15px; text-align: left; width: 100%; } #desc-bottom .show-edito::after{ content: ''; display: block; height: 40px; opacity: .6; position: absolute; right: 25px; top: 35px; width: 40px; } #desc-bottom .show-edito:not(.open) ~ *{display: none;} #desc-bottom .show-edito.open{margin-bottom: 40px;} #desc-bottom .show-edito.open::after{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } } /* [Mobile] */ @media screen and (max-width: 400px) { .catalog-product-view .customer-review-container a.btn.all-reviews, .catalog-product-view .customer-review-container a.btn-add-a-review { width: 80%; } /* Ajout IG */ .bayard-rwd-home-h1 { font-size: 12px; margin-top:5px; padding-bottom:10px; text-align: center; } } /* [Mobile] */ @media screen and (max-width: 459px) { /* Ajout IG */ .bayard-rwd-home-h1 { font-size: 12px; margin-top:5px; padding-bottom:10px; text-align: center; } } /* [Desktop] */ @media screen and (min-width: 1024px) { .cms_block .margin, .fiche-produit .content-2-cols{padding: 0 20px;} #desc-bottom .col.edito img.portrait{margin: 10px 20px 0 -70px; } #desc-bottom .col:before{ content: ''; bottom: 0; height: 400%; left: 0; position: absolute; top: 0; width: 100%; z-index:-1; } #desc-bottom .col{ padding: 60px 50px;} #desc-bottom .show-edito{display: none;} #desc-bottom .col.edito, #desc-bottom .col.edito::before{ float: right; } #desc-bottom .col.edito + .col.edito{ border-top:10px solid #fff; } } @media screen and (min-width: 1320px) { .cms_block .margin, .fiche-produit .content-2-cols{padding:0;} } /*** Rassurance ***/ .cms_block.rassurance{ padding: 50px 0 0; } .cms_block.rassurance li{display: inline-block; padding-bottom: 50px; text-align: center;} /* Grid */ .cms_block.rassurance > ul > li{ width: 100%; } .cms_block.rassurance > ul ul > li{ float: left; padding: 0 10px; width: 33%;} .cms_block.rassurance strong{ display: block; text-transform: uppercase; } /* Pictos */ .cms_block.rassurance strong::before{ content: ''; display: block; margin: 0 auto 20px; width: 92px; height: 92px; } .cms_block.rassurance > ul > li > strong::before{ width: 115px; height: 115px; } /* [Mobile] */ @media screen and (max-width: 560px) { .cms_block.rassurance strong::before{ -webkit-transform: scale(.75); -ms-transform: scale(.75); transform: scale(.75); } .cms_block.rassurance > ul ul > li { font-size: 0.85em; } } /* [Desktop] */ @media screen and (min-width: 1024px) { .cms_block.rassurance{ margin-top: 40px; } /* Grid */ .cms_block.rassurance > ul > li{ float: right; width: 25%; } .cms_block.rassurance > ul > li + li{ width: 75%;} .cms_block.rassurance .place-a-1 strong::before{ -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66); margin: -20px auto 16px; } } /*** Encore plus ***/ .cms_block.encore_plus{font-size:14px; padding: 50px 0; text-align: center;} .cms_block.encore_plus .owl-item{line-height:150%; padding: 0 20px;} .cms_block.encore_plus .owl-item > div{margin: 0 auto 20px; width: 250px;} .cms_block.encore_plus .owl-item img{margin: 0 auto; width: auto;} .cms_block.encore_plus strong{ display: block; font-size: 20px; margin: 20px 0 10px; } /**** Bloc promo produits ***/ .cms_block.promo_produit{ margin: 0 0 5px; } .cms_block.promo_produit > *{display: block;} /* [Desktop] */ @media screen and (min-width: 1024px) { .cms_block.promo_produit{ margin: 0 0 25px; } } /*** Avis clients ***/ .note-moyenne{ padding: 30px 0 50px; text-align: center;} .note-moyenne .btn{ font-size: 14px; min-width: 280px; } /*** Related ***/ .catalog-product-view .box-related{margin-bottom: 30px;} .catalog-product-view ul.listing-produits li{ /*min-height: 660px;*/ } /* [Mobile] */ @media screen and (min-width: 460px) { ul.listing-produits .box-footer{ /*position: absolute; bottom: 20px; left: 20px; right: 20px; background: transparent; border: none; padding: 0; min-height: 0; margin-top: 10px;*/ } /* Ajout IG */ .bayard-rwd-home-h1 { font-size: 16px; margin-top:10px; padding-bottom:16px; text-align: center; } } /* [Desktop] */ @media screen and (min-width: 1024px) { .catalog-product-view ul.listing-produits li { /*min-height: 770px;*/ } } /*** Bonnes raisons ***/ .cms_block.bonnes_raisons{ background: #fff; text-align: center; } /* Fiche Produit Bundle / Formules ========================================================================== */ #bundle-formules{ float: left; width: 100%; } #bundle-formules.is-netflix .message-bundle-netflix { background:#ffed00; margin: auto; margin-bottom: 40px; padding:20px; overflow:auto; } #bundle-formules.is-netflix .message-bundle-netflix span { color:#000; display:block; float:left; font-size:22px; position:relative; padding-left:85px; } #bundle-formules.is-netflix .message-bundle-netflix span::before { content:''; position:absolute; left:0; top: -10px; width: 60px; height: 45px; background: url(https://static.bayardweb.com/Magento/data/jeunesse/produit/2017/rentree/blocficheproduit/images/t5-bandeau-produit-gift.jpg) no-repeat center center; background-size:contain; } #bundle-formules.is-netflix .message-bundle-netflix #button-popin-more-info { text-decoration:underline; float:right; font-size:15px; cursor:pointer; } #popin-bundle-netflix-more-info .margin { padding:20px; } #popin-bundle-netflix-more-info .popin-wrapper { padding:25px; background:#fff; } #popin-bundle-netflix-more-info .inner-popin-content { margin:auto; padding:0; display:flex; justify-content: space-between; } #popin-bundle-netflix-more-info .description { flex:1; padding-right:25px; } #popin-bundle-netflix-more-info .description p { margin-bottom: 10px; } #popin-bundle-netflix-more-info .description p.titre-popin { color:#ff6464; font-size: 24px; font-weight:900; margin: 10px 0 20px 0; } #popin-bundle-netflix-more-info .image { flex:1; text-align:center; } #bundle-formules.is-netflix .titre { font-size: 30px; font-weight: 900; padding: 10px 20px 10px 15px; text-align: left; margin-bottom:20px; width:calc(99%); } /*** Price Table ***/ /* Columns container of equal width [Mobile first] */ #bundle-formules .columns { float: left; padding: 4px; position: relative; z-index: 1; } #bundle-formules .columns.products-desc-container { display: none; } /* 1 Formules */ #bundle-formules .one-formula .columns{ width: 100%; min-width: 192px; } /* 2 Formules */ #bundle-formules .two-formula .columns{ width: 50%; } /* 3 Formules */ #bundle-formules .three-formula .columns{ width: 33.3333%; } #bundle-formules .columns + .columns{ display: block; } /*** Column product description ***/ #bundle-formules .products-desc li{ text-align: left; } #bundle-formules h3{ font-size: 14px; line-height: normal; width: calc(100% - 30px); } #bundle-formules .products-desc cite{ display: block; line-height: normal; margin-top: 10px; padding-left: 40px; } /*** Column Offres ***/ /* Header */ #bundle-formules .offer .header { color: #fff; font-size: 16px; line-height: 1.2; margin-top: 0; padding: 20px 10px 0; text-align: center; text-transform: uppercase; } #bundle-formules .offer .header img{ display: block; margin: 5px auto; } /* Column */ #bundle-formules .columns li { border-bottom: 1px solid #eee; display: table; font-size: 14px; height: 100px; padding: 10px 10px 0; position: relative; text-align: left; width: 100%; } #bundle-formules .columns li:not(.footer):hover{cursor: pointer;} #bundle-formules .columns li.footer { border-bottom: 0; } #bundle-formules .offer p strong { display: block; font-size: 18px; font-weight: normal; } #bundle-formules .offer li:not(.header) img{display: none;} #bundle-formules .columns li:not(.header) { background: #fff; } #bundle-formules .columns li.not-included { background: #faf9f4; } /*Nouvelle taille de picto 18 x 18*/ #bundle-formules .columns .offer li::before{ content: ''; display: block; height: 20px; left:20px; position: absolute; width: 20px; z-index: 10; top: 50%; -webkit-transform: perspective(1px) translateY(-50%); -ms-transform: perspective(1px) translateY(-50%); transform: perspective(1px) translateY(-50%); } #bundle-formules .columns .offer li.header::before, #bundle-formules .columns .offer li.footer::before{ content: none; } /*#bundle-formules .columns .offer li:not(.header) > * { left: 65px; line-height: normal; position: absolute; top: 50%; transform: perspective(1px) translateY(-50%); }*/ #bundle-formules .columns .offer li.not-included > * {opacity: .5;} #bundle-formules .columns .offer > span { display: block; } /* Column select */ #bundle-formules .columns > ul { border: 3px solid transparent; position: relative; } #bundle-formules .columns > ul.offer { background: #fff; } #bundle-formules .columns ul.select { border: 3px solid transparent; } /* Arrow bottom */ #bundle-formules .columns ul.offer.select::before, #bundle-formules .columns ul.offer.select::after { content: ''; width: 0; height: 0; position: absolute; margin-left: -16px; left: 50%; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 16px solid #FFF; } #bundle-formules .columns ul.offer.select::before { top: 100%; } #bundle-formules .columns ul.offer.select::after{ /*top: calc(100% - 4px);*/ bottom: -12px; } /*** Zone prix (footer) ***/ #bundle-formules li.footer{ height: auto; margin-bottom: 0; text-align: center; } /* Modif Taille texte pour Popin-reabo*/ .popin-wrapper li.footer span { display: inline-block; font-size: 12px; } #bundle-formules li.footer span { display: inline-block; } /*#bundle-formules .columns .offer li.footer > * { left: 0; width: 100%; }*/ #bundle-formules li.footer input[type=radio]{ display: none; } #bundle-formules .footer label { border-radius: 100px; display: block; line-height: normal; /* #185 modif margin*/ /*margin: 10px 1% 24px 1%;*/ margin: 10px auto 29px auto; width:50%; max-width: 215px; min-width: 192px; padding: 10px 15px; text-align: center; white-space: pre-line; } #bundle-formules .footer label + small { margin-top: -24px; } #bundle-formules .footer label + small + input + label { margin-top: 0; } #bundle-formules .footer label strong { display: block; } #bundle-formules .footer label:hover{ cursor: pointer; } #bundle-formules .footer small{ display: block; font-size: 11px; line-height: 1.3; min-height: 22px; opacity: .5; padding: 5px 0; } /*** Add to Cart ***/ #bundle-formules.is-netflix .actions{ background: #fff; float: right; margin:0 8px 10px; padding: 20px 0; text-align: center; width: calc(100% - 16px); } #bundle-formules.is-netflix .actions .btn { margin: 0; min-width: 288px; } #bundle-formules.is-netflix .button.add-to-cart { background: #fff; clear: both; padding: 22px 0; margin: 12px 6px; overflow: hidden; } #bundle-formules.is-netflix .button.add-to-cart .btn { transition-property: left; transition-duration: 0.5s; -webkit-transition-property: left; /* Safari */ -webkit-transition-duration: 0.5s; /* Safari */ cursor: pointer; margin-bottom: 0; position: relative; } /*** Bloc CMS cadeaux ***/ #bundle-formules .gift{ background: #fff; border: 10px solid #fff; clear: both; line-height: normal; margin: 3px; padding: 20px; text-align: center; } #bundle-formules .gift h3{font-size: 18px;padding:4px 0;width: 100%;} #bundle-formules .gift p{font-size: 14px;} #bundle-formules.is-netflix p.required { display: none; } @media screen and (max-width: 1280px) { #bundle-formules .footer label { min-width: 160px; /* #185 modif width pour éviter passage à la ligne sur prix > 99.99*/ width:100%; } .popin-wrapper #bundle-formules .footer label { min-width: 100px; width:100%; max-width: 160px; } } /* [Mobile] */ @media screen and (max-width: 1023px) { #bundle-formules.is-netflix {margin-top: 0;} .catalog-product-view #bundle-formules.is-netflix h2{padding: 20px 0;} .catalog-product-view a[href^="#bundle-formules"]{display: none;} #bundle-formules .offer li p { color: #636466; display: table-cell; padding-left: 55px; padding-right: 10px; vertical-align: middle; } #bundle-formules .offer p strong { font-size: 16px; } #bundle-formules .footer label { border-radius: 25px; font-size: 14px; padding: 10px; } #bundle-formules.is-netflix .one-formula .button.add-to-cart { text-align: center; } #bundle-formules.is-netflix .button.add-to-cart { margin-left: 3px; margin-right: 3px; } /* selon colonnes */ #main-class-name { margin-left: auto; margin-right: auto; } #main-class-name.one-formula { width: 33.3333%; } #main-class-name.two-formula { width: 66.6667%; } #main-class-name.three-formula { width: auto; } #bundle-formules .footer label { /* #185 modif width*/ min-width: 50px; width: 80%; } } @media screen and (max-width: 590px) { /* barre de scroll */ /*#bundle-formules.is-netflix { overflow: auto; }*/ #bundle-formules .columns .offer li::before{ -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); left: 0; margin-top: -14px; } #bundle-formules .columns .offer li:not(.footer) > * { left: 5px; } #bundle-formules .offer .header { font-size: 13px; } #bundle-formules .columns li { padding: 5px; } #bundle-formules .offer li p { padding-left: 25px; } #bundle-formules .two-formula .offer li p, #bundle-formules .three-formula .offer li p { font-size: 11px; line-height: 1.1; padding-left: 20px; } #bundle-formules .two-formula .offer li p strong, #bundle-formules .three-formula .offer li p strong { font-size: 11px; margin-bottom: 7px; margin-left: 8px; } #bundle-formules .columns { padding: 4px 1px; } #bundle-formules .footer label { border-radius: 12px; font-size: 11px; padding: 5px; } #bundle-formules .footer label strong { display: block; } #bt-pseudo-add-to-cart { /*line-height: 1.1;*/ } #bundle-formules.is-netflix .titre { font-size: 24px; } } @media screen and (max-width: 480px) { /* neutralisation selon colonnes */ #main-class-name.one-formula, #main-class-name.two-formula, #main-class-name.three-formula { width: auto; } } /* [Desktop] */ @media screen and (min-width: 1024px) { #bundle-formules.is-netflix { width: calc(100% + 16px); margin: 0 -8px; max-width:1596px; } /*#bundle-formules .one-formula .columns.products-desc-container, #bundle-formules .one-formula .options-columns-container { width: 50%; } #bundle-formules .two-formula .options-columns-container { width: 66.6667%; } #bundle-formules .two-formula .columns.products-desc-container { width: 33.3333%; } #bundle-formules .three-formula .options-columns-container { width: 75%; } #bundle-formules .three-formula .columns.products-desc-container { width: 25%; }*/ /* 1 Formules */ /*#bundle-formules .one-formula .options-columns-container .columns{ width: 100%; }*/ /* 2 Formules */ /*#bundle-formules .two-formula .options-columns-container .columns{ width: 50%; }*/ /* 3 Formules */ /*#bundle-formules .three-formula .options-columns-container .columns{ width: 33.3333%; }*/ #bundle-formules.is-netflix .product-options-wrapper { overflow: hidden; } #bundle-formules .netflix-columns-container { /*width: 1280px;*/ /* #184 Modif longueur fixe */ /*width:300px;*/ } /*#184 BEGIN Redefinition class*/ .bundle-wrapper { display: flex; flex-direction: row; width: 100%; max-width: 1305px; } .one-formula .bundle-wrapper { margin-left:25%; } .two-formula .bundle-wrapper{ margin-left:12.5%; } .three-formula .bundle-wrapper{ margin-left:0; } /*#184 END Redefinition class*/ /* sauf la popin de reabo */ .customer-account-index #bundle-formules .netflix-columns-container { width: auto; } /* 1 Formules */ #bundle-formules .one-formula .netflix-columns-container .products-desc-container { /* margin-left: 25%;*/ } /* 2 Formules */ #bundle-formules .two-formula .netflix-columns-container .products-desc-container{ /*margin-left: 12.5%;*/ } /* 3 Formules */ #bundle-formules .three-formula .netflix-columns-container .products-desc-container{ /*margin-left: 0;*/ } #bundle-formules .columns { padding: 8px; width: 33.3333%; } #bundle-formules .columns.products-desc-container { display: block; position: relative; z-index: 2; width: 25%; } #bundle-formules .options-columns-container { float: left; } /* 1 Formules */ #bundle-formules .one-formula .options-columns-container { width: 25%; } /* 2 Formules */ #bundle-formules .two-formula .options-columns-container { width: 50%; } /* Popin reabo */ .popin-wrapper #bundle-formules .two-formula .netflix-columns-container .products-desc-container{ /*margin-left: 7.5%;*/ } /*Diminuer la taille de la police*/ .popin-wrapper #bundle-formules.is-netflix .button.add-to-cart { font-size:12px; min-width: 192px; margin: auto; } .popin-wrapper #bundle-formules .footer label { min-width: 100px; width:100%; max-width: 160px; } .popin-wrapper .bundle-wrapper { display: flex; flex-direction: row; width: 100%; max-width: 900px; } .popin-wrapper .one-formula .bundle-wrapper { /* margin-left:12.5%;*/ } .popin-wrapper.two-formula .bundle-wrapper{ margin-left:5%; } .popin-wrapper #bundle-formules .two-formula .options-columns-container { width: 60%; } .popin-wrapper #bundle-formules .two-formula .products-desc-container { width:100%; max-width:192px; } .popin-wrapper #bundle-formules h3{ font-size: 14px; line-height: normal; width: auto; padding-left: 10px; } .popin-wrapper #bundle-formules .one-formula .options-columns-container { display: block; position: relative; z-index: 1; } /* 3 Formules */ #bundle-formules .three-formula .options-columns-container { width: 75%; } #bundle-formules .offer li { text-align: center; } #bundle-formules .offer li p { display: none; } #bundle-formules .offer img{display: block;} #bundle-formules .columns .offer li:not(.header) > img { display: inline-block; /*left: 50%; transform:perspective(1px) translateY(-50%) translateX(-50%);*/ } /*** Tooltip ***/ #bundle-formules .tooltip { cursor: pointer; display: block; float: right; height: 28px; position: relative; /*right: 10px;*/ top: 6px; width: 28px; /*z-index: 1;*/ } #bundle-formules .tooltip .tooltip-after { background: #fff; border-radius: 5px; border: 1px solid #ccc; box-shadow: 0 0 2px #ccc; color: #999; display: none; font-size: 12px; left: -125px; line-height: 1.1rem; margin-top: 5px; padding: 5px 7px 5px 10px; pointer-events: none; position: absolute; right: auto; top: 100%; width: 250px; z-index: 100; } #bundle-formules .tooltip:hover .tooltip-after { display: inline-block; } #bundle-formules .tooltip::before { content: ''; border-bottom: 5px solid #ccc; border-left: 5px solid transparent; border-right: 5px solid transparent; height: 0; left: 8px; position: absolute; top: 100%; width: 0; } #bundle-formules .tooltip::before, #bundle-formules .tooltip::after { display: block; opacity: 0; transition: opacity 0.2s ease-out; visibility: hidden; } #bundle-formules .tooltip:hover::before, #bundle-formules .tooltip:hover::after{ opacity: 1; visibility: visible; } /* masquer les i suivants au roll over */ /*#bundle-formules li.hide-tooltip ~ li .tooltip { visibility: hidden; }*/ #bundle-formules .footer label strong{ display: inline-block; font-size: 16px; margin-right: 1ex; } /* Addto cart Button */ #bt-pseudo-add-to-cart { margin-top: 5px; } /* 1 Formules */ .one-formula #bt-pseudo-add-to-cart { width: 90%; } /* 2 Formules */ .two-formula #bt-pseudo-add-to-cart { width: 45%; } /* 3 Formules */ .three-formula #bt-pseudo-add-to-cart { width: 30%; } #bundle-formules.is-netflix p.titre { padding: 10px 0 10px 5px; text-align:left; margin-bottom:25px; /*border-bottom: 7px #000000 solid;*/ } #bundle-formules.is-netflix .three-formula p.titre, #bundle-formules.is-netflix .three-formula .message-bundle-netflix { margin-left: 0; width: 100%; } #bundle-formules.is-netflix .two-formula p.titre, #bundle-formules.is-netflix .two-formula .message-bundle-netflix { margin-left: 12.5%; width: 74%; } #bundle-formules.is-netflix .one-formula p.titre, #bundle-formules.is-netflix .one-formula .message-bundle-netflix { margin-left: 25%; width: 50%; } } /* ========================================================================== 8. FOOTER ========================================================================== */ .footer-container-box .footer1, .footer-container-box .footer2, .footer-container-box .footer-cgv-container .footer-cgv { margin: 0 auto; max-width: 1280px; } .footer-container-box .column em{ font-size: 80%; font-style: normal; line-height: 80%; } .footer-container-box .label{ font-weight: bold; text-decoration: none; } .footer-container-box .picto{ display: block; clear: both; } .footer-container-box .picto:before{ content: ''; display: block; height: 55px; margin:-10px 5px 25px 0; width: 70px; float: left; } /* 8.x footer 1 ========================================================================== */ .footer-container-box .footer1-container .column + .column{ text-align: center; padding-top: 20px; } /* Social */ .footer-container-box .social-networks-links{ margin: 30px 0; } .footer-container-box .social-networks-links li{ display: inline-block; } .footer-container-box .social-networks-links .picto::before{ margin: 0; width:80px; height: 80px; } .footer-container-box .social-networks-links li{ margin: 0 1.5% 10px;} .footer-container-box .social-networks-links span{display: none;} /* Newsletter */ .footer-container-box .footer1-container .column3 form { display: inline-block; max-width: 380px; position: relative; } .footer-container-box .footer1-container .column3 em{ display: block; line-height: 16px; margin: 15px 0 22px; } .footer-container-box .footer1-container .column3 input[type=text], .footer-container-box .footer1-container .column3 input[type=email] { border: none; border-radius: 26px; height: 52px; min-width: 300px; padding: 5px 20px; } .footer-container-box .footer1-container .column3 button { border-radius: 0 26px 26px 0; height: 52px; width: 25%; max-width: 105px; position: absolute; right: 0; font-size: 15px; font-weight: bold; text-transform: uppercase; cursor: pointer; top: 0; } /* [Mobile] */ @media screen and (max-width: 420px) { .footer-container-box .social-networks-links{ width: 133%; margin-left: -16.5%; -webkit-transform: scale(.75); -ms-transform: scale(.75); transform: scale(.75); } } @media screen and (max-width: 1023px) { .footer-container-box .footer1-container .column1{ display: none; } } /* [Desktop] */ @media screen and (min-width: 1024px) { .footer-container-box .footer1-container .column { float: left; width: 30%; } .footer-container-box .footer1-container .column2{ width: 40%; } .footer-container-box .footer1-container .column1 li + li{ margin-top: 60px; } } /* 8.x footer 2 ========================================================================== */ .footer-container-box .footer2-container .column { float: left; line-height: 120%; width: 50%; } /* [Mobile] */ @media screen and (max-width: 560px) { .footer-container-box .footer2-container{ font-size: 13px; line-height: 100%;} .footer-container-box .footer2-container a, .footer-container-box .footer2-container span{font-weight: 900;} .footer-container-box .footer2-container em{font-weight: normal;} .footer-container-box .footer2-container .picto::before{ margin-right: -10px; margin-top: -5px; -webkit-transform: scale(.72); -ms-transform: scale(.72); transform: scale(.72); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .footer-container-box .footer2-container li:nth-child(odd) .picto::before{ margin-right: -20px; } } /* [Desktop] */ @media screen and (min-width: 1024px) { .footer-container-box .footer2-container .column { width: 25%;} .footer-container-box .adresse{margin-top: -10px} .footer-container-box .picto.adresse::before{ margin-top: 0;} } /* 8.x footer cgv ========================================================================== */ .footer-container-box .footer-cgv-container { background: #ddd; text-align: center;} .footer-container-box .footer-cgv { padding: 70px 0; text-transform: uppercase; } .footer-copyright{ margin-top: 30px; } .footer-container-box .footer-cgv li a{ font-size: 18px; text-decoration: none; } /* [Mobile] */ @media screen and (max-width: 1023px) { .footer-container-box .footer-cgv li{ padding-bottom: 25px;} } /* [Desktop] */ @media screen and (min-width: 1024px) { .footer-container-box .footer-cgv li { display: inline; } .footer-container-box .footer-cgv li + li a::before{ content: " - "; margin: 0 10px; } } /* ************************************************** POP IN ************************************************** */ .pop-in { display: none; } .pop-in span.overlay { position: fixed; z-index: 9999999; background: #000; top: 0; left: 0; width: 100%; height: 100%; -khtml-opacity:0.6; -moz-opacity : 0.6; -ms-filter: "alpha(opacity=60)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); filter : alpha(opacity=60); opacity : 0.6; } .pop-in .margin { left: 50%; margin: 0 auto 0 -450px; padding: 0 20px; position: absolute; top: 50%; width: 900px; z-index: 9999999; } /* VC - 05/07/17 - Correction pour popin newsletter */ .pop-in .margin-home-newsletter { left: 50%; margin: 0 auto 0 -450px; padding: 0 20px; position: absolute; /*top: 50%;*/ width: 900px; z-index: 9999999; } .pop-in .inner-popin-content { padding: 50px 10px 20px; position: relative; } /* Mantis 64295 Modification padding pour le cryptogramme visuel */ #payment-methods .pop-in .inner-popin-content { padding: 10px; position: relative; } .pop-in .close { position: absolute; display: block; color: #fff; text-transform: uppercase; top: -20px; right: -20px; text-decoration: none; font-family: 'LatoBold'; background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/pictos-rwd/close-popin.png) no-repeat 0 0; padding: 0 0 0 25px; text-indent: -999999px; height: 40px; width: 40px; } /* popin détails */ #popin-add-content .popin-wrapper{ padding: 20px; } /* POPIN Newsletter */ #gallery-pop-in .popin-wrapper{ overflow:auto; } @media screen and (min-width: 768px) { #gallery-pop-in .popin-wrapper { max-height: calc(100vh - 64px); } } /* ------------------------------------------- */ /* -------- POPIN Add to cart */ /* ------------------------------------------- */ /* popin add to cart overlay mode */ body.popin-overlay-mode.popin-addtocart-content { overflow: hidden; } #popin-add-to-cart .popin-wrapper { overflow: auto; /* 64719 Reprise du scroll en mobile Fix #126 */ /*max-height: calc(100vh - 10px);*/ } @media screen and (min-width: 768px) { #popin-add-to-cart .popin-wrapper { max-height: calc(100vh - 64px); } } /* message de confirmation */ #popin-add-to-cart .message-success, #popin-subscribe-content .message-success, #popin-add-to-cart .message-erreur { color: #fff; font-weight: 900; left: 50%; margin-left: -173px; padding: 8px 15px; position: absolute; text-align: center; top: 30px; width: 346px; } .fiche-produit .message-erreur, #popin-add-to-cart .message-erreur { background: #ff6464; } .fiche-produit .message-success li::before, #popin-add-to-cart .message-success li::before, #popin-subscribe-content .message-success li::before { background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/pictos-rwd/checked-21x18.png) no-repeat; content: ''; display: inline-block; height: 18px; margin-right: 15px; vertical-align: text-bottom; width: 21px; } .fiche-produit .message-success, .fiche-produit .message-erreur { margin-bottom: 20px; } .fiche-produit .message-success li, .fiche-produit .message-erreur li { color: #fff; text-align: center; } /* récap */ #popin-add-to-cart .recap-content, #popin-subscribe-content .recap-content{ background: #fff; padding: 15px 25px; } #popin-add-to-cart .recap-content .titre-popin, #popin-subscribe-content .recap-content .titre-popin{ font-size: 23px; font-weight: 900; margin-bottom: 12px; } #popin-add-to-cart .recap-content .popin-visuel, #popin-add-to-cart .recap-content .popin-detail, #popin-add-to-cart .recap-content .popin-price-box, #popin-subscribe-content .recap-content .popin-visuel, #popin-subscribe-content .recap-content .popin-detail, #popin-subscribe-content .recap-content .popin-price-box{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; } #popin-add-to-cart .recap-content .popin-visuel, #popin-subscribe-content .recap-content .popin-visuel { padding-right: 25px; width: 23%; } #popin-add-to-cart .recap-content .popin-detail, #popin-subscribe-content .recap-content .popin-detail { padding-top: 35px; width: 55%; } #popin-add-to-cart .recap-content .popin-price-box, #popin-subscribe-content .recap-content .popin-price-box { padding-top: 35px; text-align: right; width: 22%; } #popin-add-to-cart .recap-content .popin-price-box strong, #popin-subscribe-content .recap-content .popin-price-box strong { display: block; } /* price */ #popin-add-to-cart .recap-content .popin-price-box .prix, #popin-add-to-cart .recap-content .popin-price-box .final-period, #popin-add-to-cart .recap-content .popin-price-box .old-prix { display: block; } #popin-add-to-cart .recap-content .popin-price-box{ font-weight: bold; line-height: normal; } #popin-add-to-cart .recap-content .popin-price-box strong .price { font-size: 30px; font-weight: 900; } #popin-add-to-cart .recap-content .popin-price-box small{ color: #8d8e91; display: block; font-size: 16px; font-weight: normal; line-height: 1.2; padding: 5px 0; } #popin-add-to-cart .recap-content .popin-price-box .final-period, #popin-add-to-cart .recap-content .popin-price-box .old-prix { font-size: 16px; } #popin-add-to-cart .recap-content .popin-price-box .final-period { font-weight: 900; } #popin-add-to-cart .recap-content .popin-price-box .old-prix { color: #8d8e91; } /* buttons */ #popin-add-to-cart .buttons-end, #popin-subscribe-content .buttons-end { background: #fff; margin-top: 30px; padding: 20px; } #popin-add-to-cart .buttons-end .inner, #popin-subscribe-content .buttons-end .inner { padding-top: 0; text-align: center; } #popin-add-to-cart .buttons-end .my_inner, #popin-subscribe-content .buttons-end .my_inner { display: inline-block; margin: 0 5px; } #popin-add-to-cart .buttons-end .my_inner a, #popin-subscribe-content .buttons-end .my_inner a, #popin-add-to-cart .buttons-end .my_inner button { background: #ccc; border-radius: 30px; color: #282828; display: inline-block; font-size: 15px; font-weight: 900; line-height: 1; overflow: hidden; padding: 18px 35px; position: relative; text-decoration: none; text-transform: uppercase; /*-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;*/ z-index: 1; } #popin-add-to-cart .buttons-end .my_inner a::after, #popin-subscribe-content .buttons-end .my_inner a::after, #popin-add-to-cart .buttons-end .my_inner button::after { content: ""; height: 0; left: 50%; opacity: 0; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 101%; z-index: -1; } #popin-add-to-cart .buttons-end .my_inner a:hover::after, #popin-add-to-cart .buttons-end .my_inner a:hover:focus, #popin-subscribe-content .buttons-end .my_inner a:hover::after, #popin-subscribe-content .buttons-end .my_inner a:hover:focus{ height: 100%; opacity: 1; } /* bundle infos */ #popin-add-to-cart .popin-bundle-infos-2 { margin-top: 30px; } #popin-add-to-cart .popin-bundle-infos-2 .titre { /*VC - Mantis 63615*/ /*font-size: 24px;*/ font-size:23px; font-weight: 900; margin-bottom: 20px; padding: 0; text-align: center; } /*VC - Mantis 63615*/ @media screen and (min-width: 767px) and (max-width: 1024px) { #popin-add-to-cart .popin-bundle-infos-2 .titre { font-size: 21px; } } #popin-add-to-cart .gift-choices-list { margin-left: -5px; margin-right: -5px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #popin-add-to-cart .gift-option { float: left; width: 50%; clear: none; display: -webkit-flex; display: -ms-flexbox; display: flex; } #popin-add-to-cart .gift-option.no-gift{ width: 100%;} #popin-add-to-cart .gift-option.no-gift label .gift-label-infos {text-align: center; width: 100%;} #popin-add-to-cart .gift-option.no-gift label .gift-title {font-weight: normal;} #popin-add-to-cart .gift-option label { background: #fff; border: 5px solid #fff; cursor: pointer; display: block; font-size: 14px; margin: 0 5px 11px 5px; overflow: hidden; padding: 15px; position: relative; width: 100%; } #popin-add-to-cart .gift-option input[type=radio] { position: absolute; height: 0; left: -999999px; } #popin-add-to-cart .gift-label-image { float: left; width: 28.8%; } #popin-add-to-cart .gift-label-infos { float: left; padding-left: 25px; width: 71.2%; } #popin-add-to-cart .gift-label-infos .gift-title { display: block; font-weight: 900; } /* ticked */ #popin-add-to-cart .gift-option input[type=radio]:checked + label { border: 5px solid #000; } #popin-add-to-cart .gift-option input[type=radio]:checked + label .gift-label-infos .gift-title::before { background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/pictos-rwd/checked-15x12.png) no-repeat 0 0; content: ''; height: 12px; left: -22px; position: absolute; top: 6px; width: 15px; } #popin-add-to-cart .gift-option input[type=radio]:checked + label .gift-label-infos .gift-title { position: relative; } #popin-add-to-cart .gift-label-infos .gift-info { display: block; } #popin-add-to-cart .gift-option.no-thanks { clear: both; text-align: center; width: 100%; } #popin-add-to-cart .gift-option.no-thanks label { border-color: #d0d4d7; } /* [Mobile] */ @media screen and (max-width: 1024px) { .pop-in .margin, /* VC - 05/07/17 - Newsletter */ .pop-in .margin-home-newsletter{ width: 710px; margin: 0 auto 0 -355px; } .popin-bundle-infos.hide-on-mobile { display: none; } .popin-bundle-infos.hide-on-desktop { clear: both; display: block; float: left; padding-right: 20px; width: 67%; } #popin-add-to-cart .recap-content .popin-detail, #popin-subscribe-content .recap-content .popin-detail { width: 77%; } #popin-add-to-cart .recap-content .popin-price-box, #popin-subscribe-content .recap-content .popin-price-box { padding-top: 0; width: 33%; } #popin-add-to-cart .recap-content .popin-price-box strong .price, #popin-subscribe-content .recap-content .popin-price-box strong .price { font-size: 25px; } #recherche-avancee.boxTable .gan-attribute:first-child { width: 100%; } #recherche-avancee.boxTable .gan-attribute:nth-child(2), #recherche-avancee.boxTable .gan-attribute:nth-child(3) { width: 49%; } #recherche-avancee.boxTable .gan-attribute dd { max-width: none; } } @media screen and (min-width: 1024px) { .popin-bundle-infos.hide-on-desktop { display: none; } .popin-bundle-infos.hide-on-mobile { display: block; } } /* [Mobile] */ @media screen and (max-width: 767px) { .pop-in .margin, /* VC - 05/07/17 - Newsletter */ .pop-in .margin-home-newsletter{ width: auto; margin: 0; left: 10px; top: 75px; right: 10px; } .pop-in .inner-popin-content { padding-bottom: 11px; padding-top: 20px; } .pop-in .close { right: -5px; top: -5px; } .pop-in .inner-popin-content { padding-left: 0; padding-right: 0; } /*Positionnement de la croix de fermeture en mobile*/ #payment-tool-tip-close { right: 0; top: 0; } /* popin add to cart */ #popin-add-to-cart .message-success, #popin-subscribe-content .message-success, #popin-add-to-cart .message-erreur { font-size: 15px; margin: 0; /*padding-bottom: 18px; padding-top: 18px;*/ position: static; width: auto; } .fiche-produit .message-success li::before, #popin-add-to-cart .message-success li::before{ margin: 2px 10px 0 -5px; } #popin-add-to-cart .buttons-end .my_inner, #popin-add-to-cart .buttons-end .my_inner a, #popin-add-to-cart .buttons-end .my_inner button, #popin-subscribe-content .buttons-end .my_inner, #popin-subscribe-content .buttons-end .my_inner a { width: 100%; } #popin-add-to-cart .recap-content .popin-detail, #popin-subscribe-content .recap-content .popin-detail { padding-top: 5px; } #popin-add-to-cart .message-success li::before, #popin-add-to-cart .message-erreur li::before { vertical-align: top; } /*#popin-add-to-cart .recap-content.no-bundle { display: none; }*/ #popin-add-to-cart .popin-bundle-infos-2 .titre { /*font-size: 18px;*/ font-size:16px; } #popin-add-to-cart .gift-label-image, #popin-add-to-cart .gift-label-infos { display: inline-block; float: none; vertical-align: middle; } #popin-add-to-cart .gift-label-image { width: 15%; } #popin-add-to-cart .gift-label-infos { width: 83%; } #popin-add-to-cart .gift-option { float: none; width: 100%; } #popin-add-to-cart .gift-label-infos .gift-info { display: none; } #popin-add-to-cart .gift-label-infos .gift-title, #popin-add-to-cart .gift-option.no-thanks label { font-size: 20px; } #popin-add-to-cart .buttons-end .my_inner a, #popin-add-to-cart .buttons-end .my_inner button{ font-size: 14px; max-width: 360px; } } /* ---------------------------------------------- */ /* -------- bundle ancienne generation ---------- */ /* ---------------------------------------------- */ .bundle-recap-formules-container { /*background-color: #ffffff;*/ clear: both; } /* -- netflix sur toute la largeur */ .bayard-bundle-netflix .bundle-recap-formules-container { background-color: transparent; margin-left: 0; width: 100%; } #bundle-formules.is-oldbundle p.titre { font-size: 28px; font-weight: 900; margin-bottom: 20px; margin-top: 20px; text-align: center; } #bundle-formules.is-oldbundle p.titre span { display: inline-block; } #bundle-formules.is-oldbundle p.titre span::before { border-radius: 50%; content: ''; display: inline-block; height: 60px; margin-right: 30px; margin-top: -12px; vertical-align: middle; width: 60px; transform: rotate(90deg); } #bundle-formules.is-oldbundle .ul-formula { display: flex; flex-flow: row wrap; overflow: hidden; padding-left: 109px; padding-right: 109px; } @media screen and (min-width: 768px) { #bundle-formules.is-oldbundle .ul-formula { margin-left: -1%; margin-right: -1%; } #bundle-formules.is-oldbundle .ul-formula li { float: left; margin-left: 1%; margin-right: 1%; width: 48%; } /*#bundle-formules.is-oldbundle .ul-formula li:nth-child(odd) { padding-right: 1%; } #bundle-formules.is-oldbundle .ul-formula li:nth-child(even){padding-left: 1%; }*/ #bundle-formules.is-oldbundle .ul-formula li:nth-child(2n+3) { clear: both; } } /* radio et checkbox bundle */ #bundle-formules.is-oldbundle label { background-color: #fff; border: 4px solid #fff; cursor: pointer; display: block; min-height: 130px; margin-bottom: 20px; padding: 10px; position: relative; } #bundle-formules.is-oldbundle input[type=checkbox], #bundle-formules.is-oldbundle input[type=radio] { display: none; } #bundle-formules.is-oldbundle label span.label-radio::before { background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/pictos-rwd/radio-off-bundle-old.png) no-repeat 0 0; content: ''; display: inline-block; height: 22px; margin-right: 4px; width: 22px; } #bundle-formules.is-oldbundle label span.label-radio::after, #bundle-formules.is-oldbundle label span.label-checkbox::after { display: block; margin: 0 auto; } #bundle-formules.is-oldbundle label .label-checkbox::before { background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/pictos-rwd/checkbox-off-bundle-old.png) no-repeat 0 0; content: ''; display: inline-block; height: 22px; margin-right: 4px; width: 22px; } #bundle-formules.is-oldbundle label .label-radio::before, #bundle-formules.is-oldbundle label .label-checkbox::before { margin-top: 12px; left: 15px; margin-top: -8px; position: absolute; top: 50%; vertical-align: top; } /* checked right en plus pour les formules */ #bundle-formules.is-oldbundle .option.offres, #bundle-formules.is-oldbundle .allformules { position: relative; } #bundle-formules.is-oldbundle input[type=radio]:checked + label::after, #bundle-formules.is-oldbundle input[type=checkbox]:checked + label::after { content: ''; display: block; height: 28px; margin-top: -14px; position: absolute; right: 25px; top: 50%; width: 28px; } /* images et texte alignés */ #bundle-formules.is-oldbundle label .img-radio, #bundle-formules.is-oldbundle label .desc-radio { display: block; float: left; } #bundle-formules.is-oldbundle label .img-radio { width: 30%; margin: 5px 0 0 30px; } #bundle-formules.is-oldbundle label .img-radio img { float: none; margin: 0; padding-right: 15px; max-width: 100%; width: auto; } #bundle-formules.is-oldbundle label .desc-radio, #bundle-formules.is-oldbundle label .short-description-checkbox { display: inline-block; width: 57%; } #bundle-formules.is-oldbundle .allformules label .label-radio, #bundle-formules.is-oldbundle .option.offres label .label-radio, #bundle-formules.is-oldbundle .option.offres label .label-checkbox { display: block; margin-left: 30px; width: 80%; } /* lien */ #bundle-formules.is-oldbundle label .voir-details { font-size: 14px; float: right; display: block; text-align: right; margin-top: 5px; } #bundle-formules.is-oldbundle label .voir-details:hover { text-decoration: none; } #bundle-formules.is-oldbundle label .formula-label { padding-left: 40px; display: inline-block; vertical-align: middle; } #bundle-formules.is-oldbundle .allformules .label-radio img { vertical-align: middle; } #bundle-formules.is-oldbundle .allformules label .formula-label { width: 60%; } /* title et prix */ #bundle-formules.is-oldbundle .option.offres label .title, #bundle-formules.is-oldbundle .option.offres label .prix-container { clear: both; display: block; } #bundle-formules.is-oldbundle label .prix-container { margin-top: 10px; text-align: right; } #bundle-formules.is-oldbundle label .prix-container .prix .price { font-family: "Open Sans Bold", Helvetica, sans-serif; font-size: 20px; font-weight: 900; } .category-products ul.listing-articles .box-footer .article-price .prix-origine .price, .category-products-grouped .listing-articles .box-footer .article-price .prix-origine .price, .offres-speciales .listing-produits .box-footer .price-box .prix-origine .price, #bottomPriceButton .old, #bundle-formules.is-oldbundle label .prix-container .prix-origine, ul.listing-produits li .price-box .prix-origine .price, ul.listing-articles li .price-box .prix-origine .price, .catalog-product-view .composer-abonnement .price-box .prix-origine .price { color: #636363; display: inline-block; font-family: "LatoRegular", Helvetica, sans-serif; font-size: 20px; margin-right: 4px; position: relative; } .promo-line .promo-column .prix .price { font-size: 18px; font-weight: 900; } .category-products ul.listing-articles .box-footer .article-price .prix-origine, .category-products-grouped .listing-articles .box-footer .article-price .prix-origine, .offres-speciales .listing-produits .box-footer .price-box .prix-origine, ul.listing-produits li .price-box .prix-origine, .catalog-product-view .composer-abonnement .price-box .prix-origine { margin-left: 1ex; } .box-related .box-footer .price-box .detail, .category-products ul.listing-produits .box-footer .article-price .detail, .catalog-product-view .composer-abonnement .price-box .detail { margin-left: 1ex; } .category-products ul.listing-articles .box-footer .article-price .prix-origine .price, .category-products-grouped .listing-articles .box-footer .article-price .prix-origine .price, .offres-speciales .listing-produits .box-footer .price-box .prix-origine .price, ul.listing-produits li .price-box .prix-origine .price, ul.listing-articles li .price-box .prix-origine .price, .catalog-product-view .composer-abonnement .price-box .prix-origine .price, #bottomPriceButton .old .price, #bundle-formules.is-oldbundle label .prix-container .prix-origine .price, .customer-account-index .product-reabo .price-box .prix-origine .price, .promo-line .promo-column .prix-origine .price, .product-reabo .prix-origine .price { font-size: 16px; font-weight: normal; text-decoration: line-through; } .promo-line .promo-column .prix-origine .price { font-size: 13px; margin-right: 1ex; text-decoration: line-through; } #bottomPriceButton .reduc, #bundle-formules.is-oldbundle label .prix-container .nouveau-prix, ul.listing-produits li .price-box .nouveau-prix, ul.listing-articles li .article-price .nouveau-prix, .catalog-product-view .composer-abonnement .price-box .nouveau-prix, .customer-account-index .product-reabo .price-box .nouveau-prix, .crosssell-container .crosssell .nouveau-prix, .promo-line .promo-column .nouveau-prix { background: #464646; color: #fff; display: inline-block; font-family: "Open Sans", Helvetica, sans-serif; font-size: 17px; font-weight: bold; margin-left: 1ex; padding: 1px 8px; vertical-align: text-bottom; } .promo-line .promo-column .nouveau-prix { font-size: 14px; } /* totaux */ #bundle-formules.is-oldbundle .product-options-bottom .bottom-price-title { font-size: 30px; font-weight: 900; margin-bottom: 30px; } #bundle-formules.is-oldbundle .product-options-bottom .bottom-price-container, #bundle-formules.is-oldbundle .product-options-bottom .bottom-detail-container, #bundle-formules.is-oldbundle .product-options-bottom .bottom-button-container { background: #fff; display: block; float: none; margin: 0 189px; padding: 20px; text-align: center; width: auto; } #bundle-formules.is-oldbundle .product-options-bottom .bottom-price-container .main { font-size: 26px; font-weight: 900; } #bundle-formules.is-oldbundle .product-options-bottom .bottom-price-container .old { font-size: 16px; text-align: center; text-decoration: line-through; } #bundle-formules.is-oldbundle .product-options-bottom .bottom-price-container .reduc { margin-left: 0; } #bundle-formules.is-oldbundle .product-options-bottom .bottom-button-container { margin-bottom: 36px; margin-top: 25px; } #bundle-formules.is-oldbundle .product-options-bottom .bottom-button-container a.btn { margin-bottom: 0; padding: 17px 132px; } .col-main .composer-abonnement.margin { padding: 0; } @media screen and (min-width: 1024px) and (max-width: 1300px) { .col-main .composer-abonnement.margin { padding: 0 10px; } } /* infos au dessus des options */ .composer-abonnement .box-header, .composer-abonnement .box-footer { font-size: 1em; } .box-header.boxTable .actions .detail > p { margin-bottom: 10px; } .composer-abonnement .bloc-fleche { background-color: #ffffff; border: 1px solid #d8d8d8; margin-bottom: 10px; overflow: hidden; } .composer-abonnement .col.left { background: rgba(0, 0, 0, 0) url("https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/fleche-grise.png") no-repeat scroll right center; padding-right: 30px; text-align: center; } .composer-abonnement .col.right { text-align: center; } .composer-abonnement .actions { vertical-align: middle; } .composer-abonnement .price-line-1 .main { font-size: 1.5em; } .composer-abonnement .box-footer .cols { text-align: center; } /* [tablette] */ @media screen and (max-width: 1024px) { #bundle-formules.is-oldbundle .ul-formula { overflow: hidden; padding-left: 10px; padding-right: 10px; } #bundle-formules.is-oldbundle .allformules label .label-radio, #bundle-formules.is-oldbundle .option.offres label .label-radio, #bundle-formules.is-oldbundle .option.offres label .label-checkbox { width: 80%; } #bundle-formules.is-oldbundle input[type="radio"]:checked + label::after, #bundle-formules.is-oldbundle input[type="checkbox"]:checked + label::after { right: 7px; } #bundle-formules.is-oldbundle .product-options-bottom .bottom-price-container, #bundle-formules.is-oldbundle .product-options-bottom .bottom-detail-container, #bundle-formules.is-oldbundle .product-options-bottom .bottom-button-container { margin-left: 0; margin-right: 0; } #bundle-formules.is-oldbundle label .img-radio { margin-left: 20px; } } /* [Mobile] */ @media screen and (max-width: 768px) { /* #146 Description trop étroite en version mobile*/ .catalog-product-view #desc-bottom .margin { padding: 0 ; } #bundle-formules.is-oldbundle .ul-formula { display: block; } #bundle-formules.is-oldbundle label { margin-bottom: 22px; } #bundle-formules.is-oldbundle label .img-radio { margin-left: 5px; } #bundle-formules.is-oldbundle .allformules label .label-radio, #bundle-formules.is-oldbundle .option.offres label .label-radio, #bundle-formules.is-oldbundle .option.offres label .label-checkbox { width: 77%; } #bundle-formules.is-oldbundle .product-options-bottom .bottom-button-container a.btn { margin-bottom: 0; padding: 20px 25px; width: 100%; } } /**************************** ---- tunnel / panier -------- *****************************/ .checkout-cart-index .col-main, #checkoutHeader + .stepper .col-main, #checkoutHeader + script + .stepper .col-main { padding-top: 0; } .tunnel-mon-panier h2 { padding-top: 42px; } .checkout-cart-index .cart-empty { padding: 20px 0 42px 0; } /* bloc cms en haut de page */ .bayardrwd-bloc-bil { background: #ccc; } /* tableau panier */ #shopping-cart-table { border-collapse: collapse; margin-top: 40px; width: 100%; } #shopping-cart-table th { color: #fff; font-size: 16px; font-weight: normal; font-weight: 500; } #shopping-cart-table th { border-right: 3px solid transparent; padding: 3px 5px; text-align: center; } /* columns */ #shopping-cart-table td { background: #fff; padding: 30px; } #shopping-cart-table td.product-column { border-bottom: 3px solid transparent; border-right: 3px solid transparent; width: 60%; } #shopping-cart-table td.quantity-column { border-bottom: 3px solid transparent; padding-left: 10px; padding-right: 10px; padding-top: 45px; text-align: center; vertical-align: top; width: 16%; } #shopping-cart-table td.price-column { border-bottom: 3px solid transparent; max-width: 234px; padding-bottom: 45px; text-align: right; vertical-align: bottom; width: 24%; } /* product column */ #shopping-cart-table td.product-column .visuel { float: left; padding-right: 34px; width: 20%; } #shopping-cart-table td.product-column .avec-elements-inclus, #shopping-cart-table td.product-column .description { float: left; padding-right: 20px; width: 60%; } #shopping-cart-table td.product-column .titre { font-size: 23px; font-weight: 900; margin-bottom: 10px; } #shopping-cart-table td.product-column .elements-details, #shopping-cart-table td.product-column .cart-option-container { color: #8d8e91; font-size: 14px; } #shopping-cart-table .actions-article { clear: left; margin-left: 20%; margin-top: 20px; padding-top: 15px; } #shopping-cart-table .actions-article .lien { color: #8d8e91; font-size: 13px; text-decoration: none; } #shopping-cart-table .actions-article .lien:hover { text-decoration: underline; } #shopping-cart-table .actions-article .lien.supprime::before { background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/pictos-rwd/picto-delete.png) no-repeat 0 0; content: ''; display: inline-block; height: 17px; margin-right: 2ex; vertical-align: text-bottom; width: 17px; } #shopping-cart-table .actions-article .lien.favoris::before { content: '|'; margin-right: 1ex; } /* quantité */ #shopping-cart-table td.quantity-column .select-quantite { display: inline-block; white-space: nowrap; } #shopping-cart-table td .validate-quantity-max { background: #fff; border: 2px solid #e1e5e7; display: inline-block; float: left; padding: 5px 0; text-align: center; width: 26px; } #shopping-cart-table td.quantity-column .plus, #shopping-cart-table td.quantity-column .moins { display: inline-block; float: left; text-decoration: none; } #shopping-cart-table td.quantity-column .plus::before, #shopping-cart-table td.quantity-column .moins::before { background: #e1e5e7; color: #202020; display: inline-block; font-size: 14px; height: 28px; line-height: 28px; width: 22px; } #shopping-cart-table td.quantity-column .plus::before { border-radius: 0 13px 13px 0; content: '+'; } #shopping-cart-table td.quantity-column .moins::before { border-radius: 13px 0 0 13px; content: '-'; } #shopping-cart-table td.quantity-column .hidden-elem { display: none; } /* product price */ #shopping-cart-table td.price-column { font-size: 16px; } #shopping-cart-table td.price-column .detail { display: block; } #shopping-cart-table td.price-column .prix .price { font-size: 24px; font-weight: 900; } #shopping-cart-table td.price-column .prix-origine { margin-right: 1ex; } #shopping-cart-table td.price-column .prix-origine .price, .promo-over-1600 .prix-origine .price{ color: #8d8e91; font-weight: normal; text-decoration: line-through; } #shopping-cart-table td.price-column .nouveau-prix, .promo-over-1600 .nouveau-prix { display: inline-block; margin-left: 1ex; padding: 1px 2px; } #shopping-cart-table td.price-column .actions-article { display: none; } /* cart gift carousel */ #shopping-cart-table .cart-gift-container { float: right; text-align: center; width: 20%; } #shopping-cart-table .cart-gift-container li { color: #8d8e91; font-size: 14px; line-height: 1.1; text-align: center; } #shopping-cart-table .cart-gift-container li > span { color: #282828; display: block; font-weight: 900; margin-bottom: 5px; margin-top: 10px; } #shopping-cart-table .cart-gift-container img { display: inline-block; transform-style: inherit; width: auto; } /* owl nav */ #shopping-cart-table .cart-gift-container .owl-nav .owl-prev, #shopping-cart-table .cart-gift-container .owl-nav .owl-next { background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/bkg_slide-button.gif) no-repeat; height: 0; overflow: hidden; margin-top: -14px; padding-top: 28px; position: absolute; top: 50%; width: 28px; } #shopping-cart-table .cart-gift-container .owl-nav .owl-prev { background-position: 0 0; left: -29px; } #shopping-cart-table .cart-gift-container .owl-nav .owl-next { background-position: 0 -41px; right: -29px; } #shopping-cart-table .cart-gift-container .owl-nav .disabled { display: none; } /* offres sous la liste de produits */ /* ligne vide pour le design */ #shopping-cart-table .empty-line td { background: transparent; height: 10px; padding: 0; } #shopping-cart-table .promo-line td { background: #ebf1f4; } #shopping-cart-table .promo-line td .promo-libelle-column { float: left; width: 20%; } /* cms */ #shopping-cart-table .promo-libelle-cms-container .label-offer { color: #fff; display: inline-block; font-size: 12px; margin-bottom: 7px; padding: 2px 10px; } #shopping-cart-table .promo-libelle-cms-container .text-offer .line1 { display: block; font-size: 19px; } #shopping-cart-table .promo-libelle-cms-container .text-offer .line1 strong { font-size: 45px; line-height: 0.7; vertical-align: bottom; } #shopping-cart-table .promo-libelle-cms-container .text-offer .line2 { display: block; font-size: 13px; } /* produits */ #shopping-cart-table .promo-line td .promo-column { float: left; padding-left: 50px; padding-right: 20px; width: 40%; } #shopping-cart-table .promo-line td .promo-column + .promo-column { border-left: 1px solid #cad0d3; } #shopping-cart-table .promo-line td .promo-column .product-image, #shopping-cart-table .promo-line td .promo-column .product-shop { float: left; } #shopping-cart-table .promo-line td .promo-column .product-image { text-align: right; width: 30%; } #shopping-cart-table .promo-line td .promo-column .product-shop { padding: 0 20px; text-align: center; width: 70%; } #shopping-cart-table .promo-line td .promo-column .product-name a, .promo-over-1600 .product-name a { font-size: 16px; font-weight: 900; text-decoration: none; } #shopping-cart-table .promo-line td .promo-column .product-name { margin-bottom: 23px; } #shopping-cart-table .promo-line td .promo-column .promo-button-container { margin-top: 10px; } #shopping-cart-table .promo-line td .promo-button-container .btn { margin-bottom: 0; width:100%; max-width: 160px; } .checkout-cart-index #content .promo-over-1600 { display:none; } @media screen and (min-width: 1600px) { #shopping-cart-table .promo-line, #shopping-cart-table .empty-line.last{ display:none; } .checkout-cart-index #content { overflow:auto; } .checkout-cart-index #content .content-column { float:left; width:77%; } .checkout-cart-index #content .promo-over-1600 { display: block; float: right; width: 22%; padding-left: 20px; margin-top: 40px; margin-right: 1%; } .checkout-cart-index .line-stepper ul { display:flex; justify-content: space-between; /*width: 80%;*/ } .checkout-cart-index .line-stepper li { /*width:auto;*/ } .checkout-cart-index #content .promo-over-1600 ul { background-color:#ebf1f4; } .checkout-cart-index #content .promo-over-1600 ul li { text-align: center; padding:1em; border-bottom: 1px solid #bec2c7; overflow:auto; } .checkout-cart-index #content .promo-over-1600 ul li:last-child { border-bottom: none; } .checkout-cart-index #content .promo-over-1600 .promo-libelle-cms-container .label-offer { background: #0078d0; color: #fff; display: inline-block; font-size: 12px; margin-bottom: 7px; padding: 2px 10px; } .checkout-cart-index #content .promo-over-1600 .promo-libelle-cms-container .text-offer .line1 { display: block; font-size: 19px; } .checkout-cart-index #content .promo-over-1600 .promo-libelle-cms-container .text-offer .line1 strong { font-size: 45px; line-height: 0.7; vertical-align: bottom; } .checkout-cart-index #content .promo-over-1600 .promo-libelle-cms-container .text-offer .line2 { display: block; font-size: 13px; } .checkout-cart-index #content .promo-over-1600 ul li .product-image { width:35%; float:left; } .checkout-cart-index #content .promo-over-1600 ul li .product-shop { width:65%; float:right; padding-left: 1em; } .checkout-cart-index #content .promo-over-1600 .promo-column .product-name { margin-bottom: 23px; } .checkout-cart-index #content .promo-over-1600 .promo-column .product-name a { color: #ff6464; font-size: 16px; font-weight: 900; text-decoration: none; } .checkout-cart-index #content .promo-over-1600 .promo-column .prix .price { font-size: 18px; font-weight: 900; color: #ff6464; } .checkout-cart-index #content .promo-over-1600 .promo-column .promo-button-container { margin-top: 10px; } .checkout-cart-index #content .promo-over-1600 .promo-column .promo-button-container .btn { background-color: #C7C4C4; border-color: #C7C4C4; margin-bottom: 0; width:100%; font-size:13px; } } /* footer / totals */ .footer-cart-columns .column1, .footer-cart-columns .column2 { float: left; } .footer-cart-columns .column1 { padding-right: 6px; width: 60%; } .footer-cart-columns .column2 { width: 40%; } @media screen and (min-width: 1600px) { .footer-cart-columns .column1 { padding-right: 1px; } .footer-cart-columns .column2 { padding-left: 2px; } } /* coupon */ .footer-cart-columns .coupon-block { background: #fff; padding: 25px 28px; position: relative; } .footer-cart-columns .coupon-block .code-promo { padding-bottom: 15px; } /* Mantis 64490 Passage en block + padding-bottom pour espacer le texte */ .footer-cart-columns .coupon-block .label { font-size: 15px; font-weight: 900; padding-right: 10px; vertical-align: middle; display:block; padding-bottom: 10px; } .footer-cart-columns .promo-block { margin-top: 10px; } /* Mantis 64490 Réduction du padding pour aligner texte button & saisie */ .footer-cart-columns .coupon-block #coupon_code { border: 2px solid #e7e8e8; border-radius: 12px 0 0 12px; color: #636466; padding: 10px 5px 10px 10px; } /* Mantis 64490 Modifier couleur par défaut button et aligner sur le texte*/ .footer-cart-columns .coupon-block .btn { border-radius: 0 20px 20px 0; cursor: pointer; font-size: 17px; margin-bottom: 0; margin-left: -2ex; padding-left: 15px; padding-right: 25px; vertical-align: top; background-color: #c7c4c4; border:3px solid #c7c4c4; padding-bottom: 0; } .footer-cart-columns .coupon-block .coupon-code + .coupon-description + .btn { border-radius: 20px; line-height: 1; margin-left: 1ex; padding: 5px 10px; vertical-align: top; } .footer-cart-columns .coupons-list{font-size: 15px;} .footer-cart-columns .coupons-list .coupons-title{font-size:14px;font-weight: 900;} .footer-cart-columns .coupons-list li span::before{content: "- ";} /* point d'interrogation */ /* Mantis 64490 Masquer le point */ .footer-cart-columns .coupon-block .info-opener { background: #e1e5e7; border-radius: 15px; color: #9ba0a7; display: none; font-size: 14px; height: 28px; line-height: 28px; margin-left: 1ex; text-align: center; text-decoration: none; width: 28px; } .footer-cart-columns .coupon-block .info-opener:hover { color: #333; } .footer-cart-columns .coupon-block .coupon-info-box { display: none; width: 150px; position: absolute; right: 20px; top: 70px; } .footer-cart-columns .coupon-block .coupon-info-box .inner-coupon-info-box { background: #fff; border: 1px solid #efefef; font-size: 13px; line-height: 1.1; padding: 8px; position: relative; } .footer-cart-columns .coupon-block .coupon-info-box .inner-coupon-info-box::before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 8px 16px 8px; border-color: transparent transparent #efefef transparent; top: -16px; left: 108px; position: absolute; } .footer-cart-columns .coupon-block .coupon-info-box .inner-coupon-info-box::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 7px 14px 7px; border-color: transparent transparent #fff transparent; top: -13px; left: 109px; position: absolute; } .footer-cart-columns .coupon-block .info-opener:hover + .coupon-info-box { display: block; } /* message */ .footer-cart-columns .coupon-block .message-erreur li { color: #ff0000; line-height: 1.1; padding: 5px 0; } .footer-cart-columns .coupon-block #coupon_code.required-entry { border-color: #ff0000; } #advice-required-entry-coupon_code { bottom: 0; position: absolute; right: 30px; } /* gift */ .footer-cart-columns .gift-block { background: #fff; overflow: hidden; padding: 0 28px 25px 28px; } .footer-cart-columns .gift-block .gift-title { border-top: 1px solid #e7e8e8; font-weight: 900; margin-bottom: 12px; padding-top: 25px; } .footer-cart-columns .gift-block .item { float: left; margin-bottom: 8px; width: 33.33%; } .footer-cart-columns .gift-block .item:nth-child(3n+4) { clear: both; } .footer-cart-columns .gift-block .item .visuel, .footer-cart-columns .gift-block .item .description { float: left; } .footer-cart-columns .gift-block .item .visuel { width: 25%; } .footer-cart-columns .gift-block .item .description { color: #8d8e91; padding: 18px 15px; width: 75%; } /* totaux */ .footer-cart-columns .column2 .recap { background: #fff; padding-bottom: 20px; } .footer-cart-columns .column2 .recap table { border-collapse: collapse; width: 100%; } .footer-cart-columns .column2 .recap table tr td { padding: 10px 25px; } .footer-cart-columns .column2 .recap table tr td:first-child { font-size: 14px; font-weight: 900; width: 39%; } .footer-cart-columns .column2 .recap table tr td:last-child { max-width: 234px; text-align: right; width: 59%; } .footer-cart-columns .column2 .recap table .panier-total td:first-child { font-size: 24px; font-weight: 900; text-transform: uppercase; } .footer-cart-columns tr.summary-total { cursor: auto; } .footer-cart-columns .column2 .recap table .ligne-prix .prix, .footer-cart-columns .column2 .recap table .summary-total .price { display: block; font-weight: 900; } .footer-cart-columns .column2 .recap table .panier-total td .prix { display: block; font-size: 35px; font-weight: 900; } .footer-cart-columns .column2 .recap table .ligne-prix .under_price, .footer-cart-columns .column2 .recap table .panier-total .under_price { display: block; font-size: 14px; line-height: 1.1; margin-top: 8px; } /* Frais de port - popin */ #infos-frais-de-port .popin-wrapper{ padding: 20px; } @media screen and (min-width: 768px) { #infos-frais-de-port .popin-wrapper{ max-height: calc(100vh - 64px); padding: 30px; } } @media screen and (min-width: 1024px) { #infos-frais-de-port .popin-wrapper{ padding: 40px 70px; } } /* pic décoratif fin de panier */ .footer-cart-columns .column2 .recap table .panier-total td:nth-child(2) { position: relative; } .footer-cart-columns .column2 .recap table .panier-total td:nth-child(2)::after { bottom: -19px; left: 50%; content: ''; display: inline-block; height: 19px; margin-left: -26px; position: absolute; width: 52px; } .footer-cart-columns .column2 #checkbox-form { background: #fff; display: block; padding: 0 20px 20px 20px; text-align: center; } .footer-cart-columns .column2 #checkbox-form .btn { cursor: pointer; line-height: 1.2; margin-bottom: 0; margin-left: 40%; padding: 16px 35px; } .footer-cart-columns .column2 .tfp { color: #fff; display: table; padding: 10px; width: 100%; } .footer-cart-columns .column2 .tfp span { box-sizing: border-box; display: table-cell; font-size: 14px; height: 32px; line-height: 1.1; padding: 0 20px 0 95px; position: relative; vertical-align: middle; } .footer-cart-columns .column2 .tfp span::before { background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/pictos-rwd/picto-livraison.png) no-repeat 0 0; content: ''; display: inline-block; height: 32px; left: 20px; position: absolute; top: 0; width: 48px; vertical-align: middle; } .footer-cart-columns .column2 .tfp span strong { font-weight: 900; text-transform: uppercase; } /* crosssell */ .crosssell-container { margin-top: 59px; } .crosssell-container .crosssell { padding: 50px 0; } .crosssell-container .crosssell .crosssell-title { font-size: 30px; font-weight: 900; padding-bottom: 55px; text-align: center; } .crosssell-container .crosssell ul { margin-left: -1%; margin-right: -1%; position: relative; } .crosssell-container .crosssell .item { background: #fff; float: left; margin: 0 1%; padding: 40px 20px; width: 48%; } .crosssell-container .crosssell .item .item-product-image { float: left; width: 45%; } .crosssell-container .crosssell .item .product-shop { float: left; padding: 10px; text-align: center; width: 55%; } .crosssell-container .crosssell .item .product-shop .product-name { margin-bottom: 45px; } .crosssell-container .crosssell .item .product-shop .product-name a { font-size: 26px; font-weight: 900; text-decoration: none; } .crosssell-container .crosssell .item .product-shop .prix-origine .price { font-size: 13px; margin-right: 1ex; text-decoration: line-through; } .crosssell-container .crosssell .item .product-shop .prix .price { font-size: 26px; font-weight: 900; } .crosssell-container .crosssell .item .product-shop .button-crosssell { margin-top: 20px; } .crosssell-container .crosssell .item .product-shop .button-crosssell .btn { padding-left: 35px; padding-right: 35px; } @media screen and (max-width: 1280px) { .footer-cart-columns .coupon-block { text-align: center; } .footer-cart-columns .coupon-block .label { display: block; padding-bottom: 20px; padding-right: 0; text-align: center; } /* coupon */ .footer-cart-columns .coupon-block .coupon-info-box { right: calc(50% - 180px); top: 112px; } } /* [Mobile] */ @media screen and (max-width: 1024px) { #shopping-cart-table thead { display: none; width: 100%; } #shopping-cart-table, #shopping-cart-table tbody, #shopping-cart-table tr, #shopping-cart-table td.product-column, #shopping-cart-table td.quantity-column, #shopping-cart-table td.price-column, #shopping-cart-table .promo-line td { border: 0; display: block; width: auto; } #shopping-cart-table td.quantity-column { display: none; } .footer-cart-columns { margin: 0 -10px; } .footer-cart-columns .column1, .footer-cart-columns .column2 { float: none; width: auto; } .footer-cart-columns .column1 { padding-right: 0; } .footer-cart-columns .column2 { margin-top: 10px; } .footer-cart-columns .column2 .recap table tr td:last-child, .footer-cart-columns .column2 .recap table .panier-total td:nth-child(2) { border: 0; } .footer-cart-columns .column2 .recap table .panier-total td:nth-child(2)::after { display: none; } /* products */ #shopping-cart-table td { padding: 20px 25px; } #shopping-cart-table .product-item-tr { margin-top: 30px; } #shopping-cart-table .product-item-tr:first-child { margin-top: 0; } #shopping-cart-table td.price-column { border-top: 3px solid transparent; clear: both; padding-bottom: 53px; padding-top: 53px; max-width: none; } #shopping-cart-table td.product-column .visuel { padding-bottom: 25px; padding-right: 17px; width: 26%; } #shopping-cart-table td.product-column .avec-elements-inclus, #shopping-cart-table td.product-column .description { padding-bottom: 25px; width: 74%; } #shopping-cart-table .actions-article { padding-top: 0; } #shopping-cart-table td.product-column .actions-article { display: none; } #shopping-cart-table td.price-column .actions-article { display: block; float: left; margin: 0; } #shopping-cart-table td.price-column .actions-article span{ display: none; } #shopping-cart-table .actions-article .lien.supprime{ float:left; margin: -10px 0 0 -10px; padding: 15px; } #shopping-cart-table .actions-article .lien.favoris::before{ content: none; } #shopping-cart-table td.price-column .price-td-container { float: right; max-width: 60%; } #shopping-cart-table td.price-column .price-td-container .detail { display: block; } /* gift */ #shopping-cart-table .cart-gift-container { border-top: 3px solid transparent; margin-left: -20px; clear: both; float: none; margin-left: -20px; margin-right: -20px; padding: 30px 25px 0 25px; text-align: left; width: auto; } #shopping-cart-table .cart-gift-container li { text-align: left; } #shopping-cart-table .cart-gift-container img { float: right; margin-top: -10px; width: 85px; } /* promo */ #shopping-cart-table .promo-line td { padding: 0; } #shopping-cart-table .promo-line td:first-child { border: 4px solid transparent; margin: 0 -20px; } #shopping-cart-table .promo-line td .promo-libelle-cms-container { display: table; width: 100%; } #shopping-cart-table .promo-line td .promo-libelle-cms-container .label-offer, #shopping-cart-table .promo-line td .promo-libelle-cms-container .text-offer { display: table-cell; } #shopping-cart-table .promo-line td .promo-libelle-cms-container .label-offer { font-size: 15px; font-weight: 700; line-height: normal; position: relative; text-align: center; vertical-align: middle; width: 30%; } #shopping-cart-table .promo-line td .promo-libelle-cms-container .label-offer::after { border-style: solid; border-width: 19px 18.5px 0 18.5px; bottom: -18px; content: ''; display: block; height: 0; left: 50%; margin-left: -18px; position: absolute; width: 0; } #shopping-cart-table .promo-line td .promo-libelle-cms-container .text-offer { background: #fff; padding: 15px 20px; vertical-align: middle; width: 70%; } #shopping-cart-table .promo-line td ul { display: block; overflow: hidden; } #shopping-cart-table .promo-line td .promo-libelle-column, #shopping-cart-table .promo-line td .promo-column { display: block; float: none; width: auto; } #shopping-cart-table .promo-line td .promo-column { padding: 30px 0 25px; } #shopping-cart-table .promo-line td .promo-column img { padding-left: 20px; } #shopping-cart-table .promo-line td .promo-column ~ .promo-column { display: none; } /* coupon */ .footer-cart-columns .coupon-block { padding: 20px; } .footer-cart-columns .coupon-block .label { font-size: 13px; line-height: 1.2; } /* Mantis 64490 réduction du padding pour éviter le passage à la ligne e mobile*/ .footer-cart-columns .coupon-block #coupon_code { padding-left: 2px; padding-right: 2px; font-size:11px; } /* Mantis 64490 alignement bouton et texte .footer-cart-columns .coupon-block .btn { line-height: 1.9rem; padding-left: 15px; padding-right: 15px; padding-bottom: 0; } .footer-cart-columns .coupon-block .btn span { font-size: 13px; } /* gift block (règle panier) */ .footer-cart-columns .gift-block { display: none; } /* total */ .footer-cart-columns .column2 #checkbox-form .btn { margin-left: 0; width: 100%; } /* crosssell */ .crosssell-container { margin-top: 30px; } .crosssell-container .crosssell { padding-bottom: 30px; } .crosssell-container .crosssell .item { float: none; margin: 0 0 30px 0; width: auto; } .crosssell-container .crosssell .item .item-product-image, .crosssell-container .crosssell .item .product-shop { display: block; float: none; text-align: center; width: auto; } /* coupon */ .footer-cart-columns .coupon-block .info-opener { display: none; } #shopping-cart-table .empty-line { display: none; } #shopping-cart-table .promo-line { margin-bottom: 29px; margin-top: 29px; } /* cms */ .footer-cart-columns .column2 .tfp { margin-top: 11px; } .footer-cart-columns .promo-block { margin-top: 30px; } } /* [Mobile] */ @media screen and (max-width: 560px) { /* totaux */ .footer-cart-columns .column2 .recap table tr td { font-size: 13px; line-height: 1.1; padding: 10px; } .footer-cart-columns .column2 .recap table tr td:first-child { font-size: 13px; line-height: 1.1; } .footer-cart-columns .column2 .recap table .panier-total td:first-child { font-size: 16px; } .footer-cart-columns .column2 .recap table .panier-total td .prix { font-size: 18px; } /* frais de port */ .footer-cart-columns .column2 .tfp span { font-size: 12px; padding-left: 85px; padding-top: 3px; } #shopping-cart-table .cart-gift-container img { width: 75px; } #shopping-cart-table td.price-column .prix-origine .price { font-size: 14px; } #shopping-cart-table td.price-column .prix .price { font-size: 20px; } #shopping-cart-table td.price-column .nouveau-prix .price { font-size: 14px; } } /* ========================================================================== 9. CHECKOUT ========================================================================== */ /* 9.0 Stepper (steps Nav) ========================================================================== */ /* etapes */ .line-stepper { background: #ebf1f4; overflow: hidden; width: 100%; } .line-stepper ul { counter-reset: section; } .line-stepper li { color: #bec2c7; display: inline-block; /*float: left;*/ font-size: 20px; /*padding: 22px 30px;*/ text-transform: uppercase; /* width: 25%;*/ } .line-stepper li.active { background: #fff; } .line-stepper li > span a { color: #bec2c7; display: inline-block; text-decoration: none; } .line-stepper li .icon { display: inline-block; } .line-stepper li .icon::before { background-color: #bec2c7; border-radius: 32px; color: #fff; counter-increment: section; content: counters(section,".") " "; display: inline-block; font-size: 26px; height: 61px; line-height: 61px; text-align: center; width: 61px; } @media screen and (max-width: 1199px){ .line-stepper .margin { padding: 0; margin: 0; } .line-stepper li{ padding: 22px 0 22px 15px; } .line-stepper li .icon::before{ margin-right: -10px; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } } @media screen and (max-width: 1023px){ .line-stepper li.current {width: calc(100% - (3*76px));} .line-stepper li:not(.current) .label { font-size: 0; } } @media screen and (min-width: 1024px){ .line-stepper li { float: left; padding: 22px 20px; width: 25%; } } @media screen and (max-width: 560px){ .line-stepper li { float: left; padding: 0; } .line-stepper li.current {width: calc(100% - (3*51px));} .line-stepper li.current .label { font-size: 12px; top: -4px; position: relative;} .line-stepper li .icon::before{ margin-left: -8px; margin-right: -8px; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } } /* 9.1 Identification ========================================================================== */ /*** Header ***/ #checkoutHeader #logo{ background: #fff; overflow: hidden; padding: 40px 20px; text-align: center; } #checkoutHeader #logo .logo{ float: none; } #checkoutHeader ~ .stepper .back-buttons { margin-top: -50px; position: absolute; } #checkoutHeader ~ .stepper .back-buttons::before { content: ''; display: inline-block; height: 18px; width: 20px; } #checkoutHeader ~ .stepper .back-buttons a { color: #8d8e91; text-decoration: none; } @media screen and (max-width: 1023px){ #checkoutHeader #logo{ height: auto; padding: 20px 20px 10px; text-align: right; } #checkoutHeader ~ .stepper .back-buttons { margin: -55px 0 0 10px; } .checkout-multishipping-success #checkoutHeader #logo { text-align: center; } } @media screen and (max-width: 480px){ #checkoutHeader ~ .stepper .back-buttons { font-size: 14px; margin-top: -45px; margin-left: 5px; } #checkoutHeader ~ .stepper .back-buttons::before { width: 10px; } #checkoutHeader #logo{padding: 10px 10px 0;} #checkoutHeader #logo img{ -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } .checkout-multishipping-success #checkoutHeader #logo img { transform-origin: center center; } } /*** Content ***/ .login-process, .passforgotten, .passchanged{ background: #fff; padding: 30px; margin: 20px 0; } .passforgotten a.btn{ height: 60px; } .login-process h2, .passforgotten h2, .confirmsend h2{ font-size: 20px; font-weight: 900; text-align: center; } #account-login.login-process > p img{ margin-bottom: 20px; } .login-process .account_left, .passforgotten .pass_reset{ max-width: 324px; margin: 30px auto; } .confirmsend.login-process .account_left{max-width:620px;} .confirmsend.login-process .link{ margin-top: 30px; text-align: center; } .confirmsend.login-process .btn{ margin: 0;} .passforgotten .pass_reset .buttons-set { text-align: center; } .passforgotten .pass_reset .buttons-set .link { color: inherit; text-decoration: underline; } .no-touch .passforgotten .pass_reset .buttons-set .link:hover { text-decoration: none; } .login-process input[type=text], .login-process input[type=password], .passforgotten input[type=password]{ background: none; border: 2px solid #e7e8e8; font-size: 14px; padding: 12px 25px; width: 100%; } .login-process input[type=text].validation-failed, .login-process input[type=password].validation-failed, .passforgotten input[type=password].validation-failed, .login-process select.validation-failed, #ajout-nouveau-destinataire input[type=text].validation-failed, #ajout-nouveau-destinataire input[type=password].validation-failed, #ajout-nouveau-destinataire select.validation-failed{ background: none!important; border: 2px solid #ff6464!important; } .login-process .input-box.validation-error, .login-process .input-box.validation-passed, #ajout-nouveau-destinataire .input-box.validation-error, #ajout-nouveau-destinataire .input-box.validation-passed, .passforgotten .input-box.validation-error, .passforgotten .input-box.validation-passed { background: none; padding-right: 0; } .passforgotten .form-list .validation-advice { padding-top: 7px; width: auto; } .login-process .obligatoire{ color: #ff6464; margin-left: 4px; } .login-process .form-list .fields, .passforgotten .form-list .fields{ margin-top: 20px } .login-process .form-list label, .passforgotten .form-list label{ display: block; font-size: 14px; font-weight: 900; margin-bottom: 6px; width: auto; } .login-process .account-login .form-list input.input-text, .login-process .form-list .validation-advice { padding-top: 7px; width: auto; } @media screen and (max-width: 1023px){ .login-process .form-list .validation-advice{ margin-right: 0; } } .login-process .email .edit{ color: #bec2c7; float: right; } .login-process .forgot-password, .login-process label[for=email] + .email{ color: #bec2c7; } .login-process .submit-button button, .passforgotten .buttons-set .button, .passchanged .reconnect-button .button{ width: 100%; display: block; max-width: 300px; margin: 20px auto; line-height: 2.8rem; font-size: 17px; } .passchanged .reconnect-button { margin-top: 20px; text-align: center; } .passchanged .reconnect-button .btn { display: inline-block; } @media screen and (min-width: 1024px){ .login-process h2, .passforgotten h2{ font-size: 30px; margin-top: 30px;} #account-login.login-process > p img{margin-bottom: 0;} .login-process .form-list .fields{ margin-top: 32px } .login-process .form-list label{ margin-bottom: 10px; } .login-process .submit-button{margin:30px 0; } } /*** je créé mon compte ***/ .login-process .message_infos, .passforgotten .message_infos, .confirmpwd-changed .message_infos{ color:#636466; font-size: 14px; text-align: center; } .login-process.account-edit .row, .login-process.account-edit .actions-adresse{ overflow: hidden; max-width: 380px; margin: 20px auto; } .login-process.account-edit .form-list .input-box, .passforgotten .form-list .input-box{ width: 100%; } .login-process.account-edit select { background: none; border-radius: 0; border: 2px solid #e7e8e8; cursor: pointer; display: inline-block; outline: 0; padding: 12px 25px; width: 100%; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .login-process.account-edit select::-ms-expand { display: none; } .login-process.account-edit .select{position: relative;display: inline-block;} .login-process.account-edit .select::before, .recipient .subscriptions .select-box-container::before{ content:''; position: absolute; right: 10px; top:10px; display: block; height: 20px; width: 20px; pointer-events: none; } .login-process.account-edit #stateCode{position: static;} .login-process.account-edit #dob-widget .select{ width: 30%; } .login-process.account-edit #dob-widget .select + .select{ margin-left: 5%; } .login-process.account-edit .validation-error, .login-process.account-edit .validation-failed{ border-width: 2px; position: relative; } .login-process.account-edit .validation-advice{position: absolute; bottom: -29px;} /* affichage quand une seule adresse */ .recipient .subscriptions .select-placeholder { border: 2px solid #b7b7b7; color: #444; font-size: 13px; line-height: 1.1; padding: 12px 25px; text-align: center; } @media screen and (min-width: 1024px) { .login-process.account-edit .row, .login-process.account-edit .actions-adresse{ margin: 40px auto; max-width: 760px; } .login-process.account-edit .col{ float: left; width: 46%; margin-right: 4%; } .login-process.account-edit .col + .col{ margin-left: 4%; margin-right: 0; } .login-process .message_infos{ text-align: left; } .passforgotten .message_infos, .confirmpwd-changed .message_infos { text-align: center; margin-top:30px; } } /* 9.2 Destinataire(s) ========================================================================== */ .recipient h2 { font-size: 20px; font-weight: 900; padding: 30px 0 10px; } .recipient .innertube, .review-form-container .innertube { background: #fff; margin-bottom: 10px; overflow: hidden; padding: 30px; } .recipient .innertube .col{ margin-bottom: 30px;} /*** Bloc 1 : Coordonnées ***/ .recipient .innertube{ font-size: 14px; } .recipient .innertube .customer{ display: block; font-size: 18px; font-weight: 900; margin-bottom: 15px; } .recipient dl { font-size: 14px; overflow: hidden; width: 80%; } .recipient dt{ display: block; float: left; font-weight: 900; width:75px; } .recipient dd{ float: left; display: block; width: 100%; padding-bottom: 15px; } .recipient .infos-perso > p { width: 80%; } .recipient .infos-perso > p > label { font-size: 14px; font-weight: 900; } a.address_button{ display: block; font-size: 14px; } @media screen and (min-width: 480px){ .recipient dd{ width: calc(100% - 75px); } a.address_button{ margin-left: 75px; } } @media screen and (min-width: 768px){ .recipient .innertube{ margin-bottom: 30px; } } @media screen and (min-width: 1024px) { .recipient h2 { font-size: 30px; margin-top: 30px; padding-bottom: 20px; padding-left: 30px; padding-right: 30px; } .recipient .contact h2{background: #fff;} .recipient .innertube .col { width: 50%; float: left; } } /*** Bloc 2 : Destinataires ***/ .recipient h3{ font-size: 16px; font-weight: 500; padding: 4px 0; text-align: center; } .recipient .notice{ padding: 20px; text-align: center; } .recipient .subscriptions{ margin-bottom: 30px; overflow: hidden; width: 100%; } .recipient .subscriptions li{ background: #fff; margin-bottom: 6px; overflow: hidden; padding: 20px 20px; } .recipient .subscriptions div.visuel { max-width: 105px; float: left;} .recipient .subscriptions .description{ width: calc(100% - 125px); float: right; } .recipient .subscriptions .description ~ *{ width: 100%; display: block; clear: both; } /* titre */ .recipient .subscriptions .titre{ float: left; font-size: 23px; font-weight: 900; margin-bottom: 20px; } /* Select */ .recipient .subscriptions .select-box-container {position: relative;} .recipient .subscriptions select { background: none; border-radius: 0; border: 2px solid #e7e8e8; cursor: pointer; display: inline-block; outline: 0; padding: 12px 25px; width: 100%; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .recipient .subscriptions select::-ms-expand { display: none; } /* neutralisation des checked et error après les selects */ .recipient .subscriptions span.validation-passed, .recipient .subscriptions div.validation-passed, .recipient .subscriptions span.validation-error, .recipient .subscriptions div.validation-error { background: none; padding-right: 0; } /* champ email */ .recipient .subscriptions .selection label { vertical-align: middle; } .recipient .subscriptions .input-box { display: inline-block; vertical-align: middle; } .recipient .subscriptions .input-box input[type=text] { background: #fff; border: 1px solid #ccc; border-radius: 3px; padding: 4px 10px; } .recipient .subscriptions h5{ font-size: 14px; font-weight: 900; margin-bottom: 5px; } .subscriptions .editBilEmailForm{ background: #ebf1f4; margin: 10px 0; min-height: 55px; padding: 20px; position: relative; } .recipient .shipping{ font-size: 14px; margin-top: 5px; text-align: right; } .recipient .shipping span{ display: inline; } .recipient .shipping .prix{ font-weight: 900; text-transform: uppercase; } /* Ajout destinataire */ .recipient a.ajouter{ color: #333; display: block; padding: 10px 0; text-decoration: none; text-transform: uppercase; } /*** Produits simples ***/ .recipient .subscriptions.vpc ul{ background: #fff; } .recipient .subscriptions.vpc li{ margin-bottom: 0;} .recipient .subscriptions.vpc li + li{border-top: 6px solid transparent;} .recipient .subscriptions.vpc h4{ display: block; float: none; margin-bottom: 10px; } .recipient .subscriptions.vpc .vpc_address{ background: #fff; margin-top: 6px; padding: 20px; } .recipient .subscriptions.vpc .vpc_address > div{ margin: auto; max-width:420px; } /*#shippingRateVpc { background: transparent; padding: 0; } #shippingRateVpc.has-colissimo-container { background: #fff; margin-top: -24px; padding: 20px; position: relative; }*/ #shippingRateVpc { position: relative; } #shippingRateVpc li.has-colissimo{ background: #fff; margin-top: -24px; padding: 20px; } /* Positionnement "artificiel" du bloc "frais de port" dans vpc_address alors qu'il vient du du bloc de dessous (colissimo) */ #shippingRateVpc .shipping { position: absolute; right: 20px; top: -74px; /* -50px */ padding-right: calc(100%/2 - (420px /2) - 2%); } .recipient .subscriptions.vpc .vpc_address #general{ margin-bottom: 30px; } #shippingRateVpc.has-no-colissimo-container .shipping { top: -74px; } #shippingRateVpc.has-colissimo-container .shipping { top: -50px; } #shippingRateVpc label{ display: block; margin: auto; max-width: 660px; padding-left: 40px; text-align: left; } #shippingRateVpc img{ display: block; margin: 0 10px 0 0; vertical-align: bottom; } /* checkbox & checked */ #shippingRateVpc input[type=checkbox]{display: none;} #shippingRateVpc label{ position: relative; margin: auto; } #shippingRateVpc label::before { content: ''; background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/pictos-rwd/checkbox-off-bundle-old.png) no-repeat 0 0; cursor: pointer; display: inline-block; height: 22px; left: 0; top: 5px; margin-right: 10px; position: absolute; width: 22px; } @media screen and (min-width: 680px) { .recipient .subscriptions > li, .recipient .subscriptions.vpc .vpc_address{ padding: 30px 40px; } .recipient .subscriptions div.visuel{ float: left; } .recipient .subscriptions .description ~ *{ clear: none; width: calc(100% - 125px); float: right; } .recipient .subscriptions .description ~ .last-child ~ #add-new-recipient-clone { clear:both; width: 100%; float: none; } #shippingRateVpc img{ display: inline-block; } } @media screen and (min-width: 1024px) { .recipient .subscriptions{ display: flex; flex-wrap: wrap; } .recipient .subscriptions > *{ float: left; width: calc(50% - 3px); } .recipient .subscriptions > li:nth-child(even), .recipient .subscriptions .vpc_address{ margin-left: 6px; } .recipient .subscriptions.vpc .vpc_address{ margin-top: 0; } #shippingRateVpc .shipping{ padding-right: calc(100%/2 - (420px /2) - 26.5%); } } @media screen and (min-width: 1280px) { .recipient li .address_button { position: absolute; bottom: 20px; right: 20px; color:#000; } .recipient li .address_button span { display: none; } } /*** Recap (validation) ***/ .recipient .validation{ margin-bottom: 60px; } .recipient .validation > h2 ~ *{ background: #fff; padding: 20px 20px 40px; } .recipient .validation .recap{ margin-bottom: 6px; overflow: hidden; } .recipient .validation .recap li > *{ width: 40%; display: inline-block; } .recipient .validation .recap li > * + *{ float: right; text-align: right; width: 60%; } .recipient .validation .recap strong{font-size: 14px; font-weight: 900; line-height: normal;} .recipient .validation .recap li.last-child strong{font-size: 24px; text-transform: uppercase;} .recipient .validation .recap li .prix{display:block; font-size: 16px; font-weight: 900;} .recipient .validation .recap li .under_price{display:block; font-size: 13px; font-weight: normal; line-height: normal; margin-top: 0;} .recipient .validation .recap li.last-child .prix{display:block; font-size: 35px; font-weight: 900; line-height: 1; } .recipient .validation .recap li.last-child .under_price{ font-size: 14px; margin-top: 9px; } .recipient .validation > * > *:not(.legende){ /* Blocs */ margin: 20px auto; max-width: 600px; } .recipient .validation .btn{ display:block; font-size: 14px; line-height: normal; padding: 15px; } .recipient .validation .legende{ margin-bottom:-30px; text-align: right; } /* Conditions (validation) */ .recipient .conditions { margin-bottom: -80px;} .recipient .conditions li input[type=checkbox]{display: none;} .recipient .conditions label{ cursor: pointer; display: block; font-size: 15px; padding: 15px 15px 15px 45px; position: relative; } .recipient .conditions label a{ color: #333; } /* Auto login password validation */ .recipient .demande-mot-de-passe.login-process{padding-top: 1px;} .demande-mot-de-passe .input-box{ margin:0; padding: 0 0 15px 60px; position: relative; } .demande-mot-de-passe .input-box label{line-height: normal; margin-bottom: 10px;} .demande-mot-de-passe.login-process input[type=password]{ max-width: 320px; } .demande-mot-de-passe .input-box::before{ content: ''; display: block; height: 55px; left: 0; margin:-10px 5px 25px 0; position: absolute; top: 5px; width: 50px; } .demande-mot-de-passe.login-process .forgot-password{display: block;} /* checkbox & checked */ .recipient .conditions label::before { content: ''; background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/pictos-rwd/checkbox-off-bundle-old.png) no-repeat 0 0; cursor: pointer; display: inline-block; height: 22px; left: 10px; margin-right: 10px; position: absolute; width: 22px; } /* cgv */ .recipient .conditions .cart-cgv label { background: #ebf0f4; } .recipient .conditions .cart-cgv input[class*='validation-failed'] + label { border: 1px solid #f00;} #advice-validate-cgv-cgv { color: #f00; display: block; float: left; margin-top: 5px; padding: 10px; } @media screen and (max-width: 1024px) { .col-main .recipient .margin { padding-left: 30px; padding-right: 30px; } /*** Recap (validation) ***/ .recipient .validation { margin-left: -20px; margin-right: -20px; } .recipient .validation h2 { margin-left: 20px; } } @media screen and (min-width: 720px) { .recipient .validation .btn{ font-size: 16px; padding: 15px 50px; } } /* Fix 23 */ /*** popin Mes coordonnées + My account warning edit address***/ #edit-address.pop-in .margin, #en-savoir-plus .margin{ text-align: center; padding: 120px 30px 20px; vertical-align: bottom; } #en-savoir-plus .margin .modifier, #edit-address.pop-in .margin .modifier{margin: 70px -20px 0;} #en-savoir-plus .close, #edit-address.pop-in .close{ right: -5px; top: -5px; } @media screen and (min-width: 768px) { #en-savoir-plus .margin, #edit-address.pop-in .margin .mon-compte{ padding: 40px 30px 20px; /* fix #26*/ top:10%; } #en-savoir-plus .margin .modifier, #edit-address.pop-in .margin .modifier{margin: 40px 0 0;} #en-savoir-plus .close, #edit-address.pop-in .close{ right: -20px; top:-20px; } } @media screen and (min-width: 1024px) { #en-savoir-plus .margin { padding: 40px 90px 20px; width: 900px; /* fix #26 */ top: 10%; } #edit-address.pop-in .margin{ padding: 40px 90px 20px; width: 900px; /* fix #26 */ top: 35%; } } /*** popin gestion des destinataires ***/ body.popin-overlay-mode, body.popin-reabo-overlay-mode{ overflow: hidden; } /* Pop-in center & scrollable */ body.popin-overlay-mode .pop-in{ display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 2000; } #gallery-pop-in .pop-in { display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 2000; } .pop-in .margin, /* VC - newsletter */ .pop-in .margin-home-newsletter{ max-height: calc(100vh - 10px); padding: 15px 6px 6px 6px; } .pop-in .margin .popin-wrapper, /* VC - newsletter */ .pop-in .margin-home-newsletter .popin-wrapper{ overflow-y: auto; /*max-height: calc(100vh - 10px);*/ max-height: 100%; padding: 0 10px; } #popin-subscribe-content .margin .popin-wrapper{ padding: 10px; -webkit-overflow-scrolling: touch; } .popin-reabo-overlay-mode #popin-subscribe-content .margin{position: fixed;} .popin-addtocart-content #popin-subscribe-content .margin .popin-wrapper{-webkit-overflow-scrolling: auto;} .popin-addtocart-content #popin-subscribe-content .margin .popin-wrapper .popin-wrapper{-webkit-overflow-scrolling: touch;} @media screen and (max-width: 767px) { /* Mantis 64719 Garder positionnement de la popin ajout Panier*/ .pop-in .margin,#popin-add-to-cart .margin { margin: 0 !important; bottom: 5px; left: 5px; top: 5px !important; right: 5px; } /* VC - 05/07/17 - Newsletter */ /* fix #23 */ .pop-in .margin-home-newsletter{ margin: auto; bottom: 5px; left: 5px; top: 270px; right: 5px; } #payment-tool-tip .margin { height: auto; max-height: 300px; width: auto !important; max-width:580px; } /* Fix #26*/ #en-savoir-plus .margin, #en-savoir-plus .margin, .mon-compte { height: fit-content; } } @media screen and (min-width: 768px) { .pop-in .margin, /* VC - 05/07/17 - Newsletter */ .pop-in .margin-home-newsletter { max-height: 100vh; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); /*width: 710px;*/ } #ajout-nouveau-destinataire .margin .popin-wrapper, #popin-review-form .margin .popin-wrapper { max-height: calc(100vh - 64px); padding: 0 30px; } #cgv_popin .margin .popin-wrapper{ max-height: calc(100vh - 64px); } } @media screen and (min-width: 1024px) { #ajout-nouveau-destinataire .margin, #popin-subscribe-content .margin, #cgv_popin .margin, #popin-review-form .margin { margin-left: -500px; width: 1000px; } #ajout-nouveau-destinataire .margin .popin-wrapper, #popin-review-form .margin .popin-wrapper { padding: 0 70px; } #popin-subscribe-content .margin .popin-wrapper, #cgv_popin .margin .popin-wrapper{ padding: 40px; } } /*** Form ajout / modif destinataire ***/ #ajout-nouveau-destinataire h2, #popin-review-form h2.picto { margin: -5px 0 10px; text-align: center; } #popin-review-form h2.picto { padding-bottom: 0; } #ajout-nouveau-destinataire .intro{line-height: normal;} #ajout-nouveau-destinataire .close{ right: -5px; top: -5px; } #ajout-nouveau-destinataire .innertube, #popin-review-form .innertube { background: #fff; } #ajout-nouveau-destinataire .innertube .col{ float:none; max-width: 500px; margin: 20px auto; width: 100%; } #ajout-nouveau-destinataire .col li{margin: 20px 0; position: relative;} #ajout-nouveau-destinataire em.infos{color: #999; font-size: 12px; line-height: normal;} #ajout-nouveau-destinataire input[class*='validation-failed'] ~ em.infos{display:block; margin-top: 14px;} #ajout-nouveau-destinataire li.actions { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 320px; margin: 40px auto 0; } #ajout-nouveau-destinataire .actions button{width: 50%;} #ajout-nouveau-destinataire .actions p.legende{margin-top: 10px;} /* Validation */ #ajout-nouveau-destinataire .validation-advice {margin: 5px 0 -10px;} #popin-review-form .validation-advice { margin-bottom: 15px; margin-top: -10px; margin-right: 0; width: auto; } /* Form */ #ajout-nouveau-destinataire label, #ajout-nouveau-destinataire .label{ display: block; font-size: 14px; font-weight: 900; margin-bottom: 6px; width: auto; } #ajout-nouveau-destinataire label.btn-radio{font-weight: normal;} #ajout-nouveau-destinataire input[type=text]{ background: none; border: 2px solid #e7e8e8; font-size: 14px; padding: 12px 25px; width: 100%; } #ajout-nouveau-destinataire select { background: none; border-radius: 0; border: 2px solid #e7e8e8; cursor: pointer; display: inline-block; outline: 0; padding: 12px 25px; width: 100%; appearance: none; -webkit-appearance: none; -moz-appearance: none; } #ajout-nouveau-destinataire select::-ms-expand { display: none; } #ajout-nouveau-destinataire .select{position: relative;} #ajout-nouveau-destinataire .select::before{ content:''; position: absolute; right: 10px; top:10px; display: block; height: 20px; width: 20px; pointer-events: none; } /* Date Of Birth widget */ #ajout-nouveau-destinataire #dob-widget .select{display: inline-block; width: 30%;} #ajout-nouveau-destinataire #dob-widget .select-liste + .select-liste{ margin-left: 5%; } #ajout-nouveau-destinataire input[type=radio] { display: none; } #ajout-nouveau-destinataire label.btn-radio::before { background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/pictos-rwd/radio-off-bundle-old.png) no-repeat 0 0; content: ''; display: inline-block; height: 22px; margin-right: 15px; margin-top: -4px; margin: -4px 10px 0 5px; vertical-align: middle; width: 22px; } #ajout-nouveau-destinataire label.btn-radio{ text-align: left; display: inline-block; width: 100px; } @media screen and (min-width: 480px) { /* Form (label à gauche) */ #ajout-nouveau-destinataire label, #ajout-nouveau-destinataire .label{ display: inline-block; line-height: normal; padding-right: 2%; padding-top: 10px; text-align: right; width: 28%; } #ajout-nouveau-destinataire .input-box, #ajout-nouveau-destinataire .select-liste, #ajout-nouveau-destinataire .group.radio{ display: inline-block; vertical-align: top; width: 70%; } #ajout-nouveau-destinataire .group.radio{padding-top: 15px;} } @media screen and (min-width: 768px) { #ajout-nouveau-destinataire .close, #popin-review-form .close { right: -20px; top:-20px; } /* Validation */ #ajout-nouveau-destinataire input:not(#billing_email) + .validation-advice {position: absolute; bottom: -5px;} } @media screen and (min-width: 1024px) { #ajout-nouveau-destinataire h2, #popin-review-form h2.picto { margin: 10px 0 20px; } } /* Popin CGV */ #cgv_popin .popin-wrapper, #detail-ecb .popin-wrapper{ padding: 20px; } /* 9.3 Paiement ========================================================================== */ /* checkpass */ #remember-me-box label, #remember-me-box .rememberMeCheckbox { display: inline-block; position: static; } #remember-me-box .link-tip-box { text-align: right; } #remember-me-box .link-tip-box .link-tip { color: inherit; text-decoration: underline; } #remember-me-box .link-tip-box .link-tip:hover { text-decoration: none; } /* checkbox buttons */ #remember-me-box .rememberMeCheckbox { margin-top: 12px; position: relative; } #remember-me-box .rememberMeCheckbox .checkbox { position: absolute; left: -999999px; } #remember-me-box .rememberMeCheckbox label { cursor: pointer; line-height: 30px; padding-left: 37px; } #remember-me-box .rememberMeCheckbox label::before { background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/pictos-rwd/checkbox-off-bundle-old.png); content: ''; display: block; height: 22px; left: 0; position: absolute; top: 4px; width: 22px; } /* ------------------------------ */ /* ----------- tunnel ----------- */ /* ------------------------------ */ .tunnel-paiement-inner { background: #fff; margin-bottom: 90px; margin-top: 58px; padding: 70px; } .tunnel-paiement-inner .sp-methods .form-list { padding-left: 0; } /* titre */ .tunnel-paiement-inner .picto, .tunnel-paiement-inner .box { margin: 0 auto; max-width: 638px; } .tunnel-paiement-inner .picto span + span { font-size: 16px; } .tunnel-paiement-inner .picto { font-size: 24px; margin-bottom: 40px; text-align: center; } .tunnel-paiement-inner .picto span { display: block; } .tunnel-paiement-inner .box { border: 1px solid #ebf1f4; } /* onglets */ .tunnel-paiement-inner .sp-methods { padding-top: 99px; position: relative; } .tunnel-paiement-inner .sp-methods dt { height: 99px; position: absolute; top: 0; } .tunnel-paiement-inner .sp-methods dt:nth-child(1) { left: 0; } .tunnel-paiement-inner .sp-methods dt label { background: #ebf1f4; cursor: pointer; display: block; font-size: 20px; font-weight: normal; height: 99px; line-height: 1.1; padding: 22px 25px 0 85px; text-align: center; text-transform: uppercase; } .tunnel-paiement-inner .sp-methods dt label .label { cursor: pointer; display: block; margin-bottom: 8px; } .tunnel-paiement-inner .sp-methods dt label .image { display: block; text-align: center; } .tunnel-paiement-inner .sp-methods dt .radio { left: 37px; position: absolute; top: 24px; } .tunnel-paiement-inner .sp-methods dt .radio:checked + label { background: #fff; } /* radio buttons */ .tunnel-paiement-inner .sp-methods dt .radio { position: absolute; left: -999999px; } .tunnel-paiement-inner .sp-methods dt label::before { background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/pictos-rwd/radio-off-bundle-old.png); content: ''; display: block; height: 22px; left: 37px; position: absolute; top: 24px; width: 22px; } /* checkbox buttons */ .tunnel-paiement-inner .input-checkbox { position: relative; } .tunnel-paiement-inner .input-checkbox .checkbox { position: absolute; left: -999999px; } .tunnel-paiement-inner .input-checkbox label { cursor: pointer; padding-left: 37px; } .tunnel-paiement-inner .input-checkbox label::before { background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/pictos-rwd/checkbox-off-bundle-old.png); content: ''; display: block; height: 22px; left: 0; position: absolute; top: 4px; width: 22px; } /* mode 1 colonne, pas de bouton radio */ .tunnel-paiement-inner .sp-methods-1 dt label::before { display: none; } /* mode 2 colonnes */ .tunnel-paiement-inner .sp-methods-2 dt { width: 50%; } .tunnel-paiement-inner .sp-methods-2 dt + dd + dt { left: 50%; } /* mode 3 colonnes */ .tunnel-paiement-inner .sp-methods-3 dt { width: 33.33%; } .tunnel-paiement-inner .sp-methods-3 dt + dd + dt { left: 33.33%; } .tunnel-paiement-inner .sp-methods-3 dt + dd + dt + dd + dt { left: 66.66%; } /* formulaires */ .tunnel-paiement-inner .sp-methods dd { padding-top: 10px; padding-left: 100px; padding-right: 100px; } .tunnel-paiement-inner .sp-methods .field, .tunnel-paiement-inner .sp-methods .fields { margin-top: 30px; } .tunnel-paiement-inner .payment-title { display: none; } .tunnel-paiement-inner .sp-methods .form-list label { font-size: 14px; font-weight: 900; width: auto; } .tunnel-paiement-inner .sp-methods .field input[type=text] { border: 2px solid #e7e8e8; border-radius: 3px; font-size: 16px; height: 36px; padding: 6px 25px; width: 100%; } .tunnel-paiement-inner .sp-methods .field .field-box, .tunnel-paiement-inner .sp-methods .fields .field-box { margin-top: 10px; } .tunnel-paiement-inner .field-card-expiry-date .field-box { display: inline-block; vertical-align: top; width: 48%; } .tunnel-paiement-inner .field-card-expiry-date .field-box + .field-box { margin-left: 1ex; } .tunnel-paiement-inner .sp-methods .form-list select { width: 100%; } .tunnel-paiement-inner .sp-methods .form-list .input-checkbox label { display: inline-block; font-weight: normal; line-height: 1.1; vertical-align: middle; } .tunnel-paiement-inner .field-cryptogram .field-box, .tunnel-paiement-inner .field-cryptogram .info { display: inline-block; width: 48%; } .tunnel-paiement-inner .field-cryptogram .info a { color: #949698; font-size: 18px; text-decoration: underline; } .tunnel-paiement-inner .field-cryptogram .info a:hover { text-decoration: none; } .tunnel-paiement-inner .field-cryptogram .info { margin-left: 1ex; } /* Mantis_64489 Masquer la case à cocher et le libellé "enregistrer mes info*/ .tunnel-paiement-inner .field-save-my-info { margin-bottom: 15px; display:none; } /* bouton */ .tunnel-paiement-inner .actions-paiement { margin-bottom: 38px; margin-top: 33px; text-align: center; } .tunnel-paiement-inner .actions-paiement .btn { cursor: pointer; font-size: 16px; line-height: 1.1; margin: 0 20px; padding: 12px 80px; } .tunnel-paiement-inner .secure-paiement { margin-bottom: 70px; text-align: center; } .tunnel-paiement-inner .secure-paiement .label { color: #282828; } .tunnel-paiement-inner .secure-paiement .label::before { background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/pictos-rwd/picto_secured_payment.png) no-repeat 0 0; content: ''; display: inline-block; height: 24px; margin-right: 1ex; width: 19px; vertical-align: text-bottom; } /* select */ #payment-methods .select-wrapper { position: relative; display: inline-block; width: 100%; } #payment-methods .select-wrapper select { width: 100%; height: 40px; padding: 0; cursor: pointer; } #payment-methods .select-skin { color: #949698; position: absolute; left: 0; right: 0; top: 0;; cursor: pointer; display: block; border: 2px solid #e7e8e8; border-radius: 3px; padding: 6px 25px; } #payment-methods .select-skin::after { background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/pictos-rwd/select-down.png) no-repeat 0 0; content: ''; position: absolute; right: 10px; top: 15px; height: 20px; width: 20px; opacity: 0.5; } /* popin what is it */ #payment-tool-tip { display: block; } /*MANTIS 64295 Modif taille popin tool-tip*/ #payment-tool-tip .margin { /* height: 330px;*/ /*margin-top: -150px;*/ margin-left: -290px; position: fixed; top: 50%; width: 580px; } /* sepa */ #payment_form_sepa label { margin-bottom: 10px; } #payment_form_sepa .field label { display: block; } #payment_form_sepa .iban-sepa .country-code, #payment_form_sepa .iban-sepa input[type="text"] { display: inline-block; padding-left: 6px; padding-right: 6px; width: auto; } #payment_form_sepa .bic-sepa input[type="text"] { width: auto; } #payment_form_sepa .iban-sepa input[type="text"] { margin-bottom: 3px; } #payment_form_sepa .message-erreur { color: #ff0000; margin-top: 3px; } /* paiement par cheque */ .tunnel-paiement-inner .form-list.checkmo-list address { float: none; } .tunnel-paiement-inner .checkmo-mailing-address ~ p { margin-top: 25px; padding-left: 0; } /* popin confirmation / erreur */ #popin-simplidiedroute-loading-payment { text-align: center; } #popin-simplidiedroute-loading-payment img { display: inline-block; max-width: 100%; width: auto; } #popin-simplidiedroute-loading-payment .margin > p, #popin-simplidiedroute-invalid-payment .margin > p { font-size: 18px; } #popin-simplidiedroute-loading-payment .picto-popin-text > .margin, #popin-simplidiedroute-invalid-payment .picto-popin-text > .margin { padding: 20px; } #popin-simplidiedroute-loading-payment .btn-container, #popin-simplidiedroute-invalid-payment .btn-container { text-align: center; } #popin-simplidiedroute-loading-payment .button, #popin-simplidiedroute-invalid-payment .button { display: inline-block; font-size: 18px; margin: auto; padding: 5px 40px; text-transform: uppercase; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #popin-simplidiedroute-loading-payment h1, #popin-simplidiedroute-invalid-payment h1 { font-size: 20px; } #popin-simplidiedroute-invalid-payment #error-messages { color: #f92a2a; margin: 10px 0 20px; } #popin-simplidiedroute-invalid-payment #error-messages li:before { content: "- "; } @media screen and (max-width: 1024px) { .tunnel-paiement-inner { padding: 20px; } .sp-methods .form-list { margin: 0; padding: 0; } .tunnel-paiement-inner .sp-methods dd { padding-left: 30px; padding-right: 30px; } /* onglets */ .tunnel-paiement-inner .sp-methods dt label::before { display: inline-block; margin-bottom: 12px; position: static; } .tunnel-paiement-inner .sp-methods { padding-top: 184px; } .tunnel-paiement-inner .sp-methods dt label { height: 184px; padding: 20px 10px; } } @media screen and (max-width: 480px) { .tunnel-paiement-inner .sp-methods { padding-top: 0; } .tunnel-paiement-inner .sp-methods dt { height: auto; position: static; width: auto; } .tunnel-paiement-inner .sp-methods dd { padding-left: 15px; padding-right: 15px; } .tunnel-paiement-inner .sp-methods .field input[type="text"], #payment-methods .select-skin { padding-left: 10px; } .tunnel-paiement-inner .field-cryptogram .info a { font-size: 13px; font-weight: normal; } .tunnel-paiement-inner .actions-paiement .btn { padding-left: 15px; padding-right: 15px; } .tunnel-paiement-inner .field-cryptogram .field-box { width: 45%; } .tunnel-paiement-inner .field-cryptogram .info { width: 51%; } .tunnel-paiement-inner .field-card-expiry-date .field-box .validation-advice { font-size: 9px !important; } } /* 9.4 Confirmation ========================================================================== */ .customer-account-checkpass .col-main, .checkout-multishipping-success .col-main { padding-top: 0; } /* Message erreur login SSO */ .customer-account-checkpass .login-process h2 + .message-erreur, .recipient .message-erreur{ color: red; margin: 20px auto; max-width: 660px; text-align: center; } .tunnel-confirmation .picto { font-size: 30px; margin-bottom: 15px; text-align: center; } .tunnel-confirmation .margin { max-width: 500px; } /* merci */ .tunnel-confirmation .box-merci { background: #fff; padding: 40px 0; } .tunnel-confirmation .box-merci .titre { margin-bottom: 30px; text-align: center; } .tunnel-confirmation .box-merci .confirmation-num { margin-bottom: 20px; } /* recap */ .tunnel-confirmation .box-recapitulatif { background: #f7f7f7; padding: 40px 0; } .tunnel-confirmation .confirmation-products a { color: inherit; } .tunnel-confirmation .confirmation-products a:hover { text-decoration: none; } .tunnel-confirmation .confirmation-products .confirmation-product { padding: 35px 0; } .tunnel-confirmation .confirmation-products .confirmation-product .detail-destinataire{margin: 10px 0;} .tunnel-confirmation .confirmation-products .confirmation-product .detail-destinataire .address{display:block; margin: 10px 0;} .tunnel-confirmation .confirmation-products .confirmation-product .product-image { float: left; padding-right: 22px; width: 31.6%; } .tunnel-confirmation .confirmation-products .confirmation-product .product-info { float: left; width: 68.4%; } .tunnel-confirmation .confirmation-products .confirmation-product .product-info .titre-produit { font-weight: 900; } .tunnel-confirmation .confirmation-products .confirmation-product .product-info .price-box { margin-top: 20px; text-align: right; } .tunnel-confirmation .confirmation-products .confirmation-product .product-info .price-box .prix-origine .price{color:#999;display:inline-block;font-size:16px; font-weight:normal;margin-right:5px;text-decoration: line-through;} .tunnel-confirmation .confirmation-products .confirmation-product .product-info .price-box .detail{display: block;} .tunnel-confirmation .confirmation-products .confirmation-product .product-info .price-box .nouveau-prix{display: none;} .tunnel-confirmation .confirmation-products .confirmation-product .product-info .price-box .price { font-size: 21px; } .tunnel-confirmation .confirmation-products .confirmation-product .product-info .titre-produit a { text-decoration: none; } .tunnel-confirmation .confirmation-products .confirmation-product .product-info .titre-produit a:hover { text-decoration: underline; } .tunnel-confirmation .confirmation-products .confirmation-product .product-info .lien-container a:hover { text-decoration: none; } /* total */ .tunnel-confirmation .confirmation-frais, .tunnel-confirmation .confirmation-total, .tunnel-confirmation .confirmation-reduc { margin-top: 30px; } .tunnel-confirmation .confirmation-frais .label, .tunnel-confirmation .confirmation-total .label, .tunnel-confirmation .confirmation-reduc .label { float: left; width: 55%; } .tunnel-confirmation .confirmation-frais .info, .tunnel-confirmation .confirmation-total .info, .tunnel-confirmation .confirmation-reduc .info { float: left; text-align: right; width: 45%; } .tunnel-confirmation .confirmation-total .info .prix { font-size: 30px; font-weight: bold; } .tunnel-confirmation .confirmation-total .info .prix .under_price{ display: block; font-size: 14px; font-weight: normal; } .tunnel-confirmation .confirmation-frais .info .prix, .tunnel-confirmation .confirmation-reduc .info .prix { font-size: 18px; font-weight: bold; } /* message de confirmation */ .tunnel-mon-panier .message-success, .tunnel-mon-panier .message-erreur, .account-edit .message-success, .account-edit .message-erreur, .login-process .message-success, .login-process .message-erreur { margin-top: 10px; } .tunnel-paiement .message-erreur, .tunnel-paiement .message-success { margin-bottom: 10px; } .tunnel-mon-panier .message-erreur, .tunnel-paiement .message-erreur, .account-edit .message-erreur, .login-process .message-erreur, .recipient .message-erreur{ background: #ff6464; } .tunnel-mon-panier .coupon-block .message-erreur{ background: none;} .tunnel-mon-panier .message-success li, .tunnel-mon-panier .message-erreur li, .tunnel-paiement .message-success li, .tunnel-paiement .message-erreur li, .account-edit .message-success li, .account-edit .message-erreur li, .login-process .message-success li, .login-process .message-erreur li, .recipient .message-erreur li{ color: #fff; text-align: center; } .tunnel-mon-panier .message-success li::before, .tunnel-paiement .message-success li::before, .account-edit .message-success li::before, .login-process .message-success li::before { background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/pictos-rwd/checked-21x18.png) no-repeat; content: ''; display: inline-block; height: 18px; margin-right: 15px; vertical-align: text-bottom; width: 21px; } .line-stepper .margin, .tunnel-mon-panier .margin { max-width: none; } /* accès numériques */ .box-acces-numeriques { padding: 40px 0; } @media screen and (max-width: 768px) { .tunnel-confirmation .picto { font-size: 24px; } .tunnel-confirmation .confirmation-products .confirmation-product .product-info .price-box .price, .tunnel-confirmation .confirmation-total .info .prix { font-size: 24px; } .tunnel-confirmation .confirmation-frais .info .prix, .tunnel-confirmation .confirmation-reduc .info .prix { font-size: 16px; } } /* ========================================================================== 5. MON COMPTE ========================================================================== */ /* ================== BLOC LOADER ====================*/ #loading_block { /**/ background: #000; opacity:0.8; -ms-filter: "alpha(opacity=80)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); font-family: dinregular; height: 100%; left: -9999px; overflow: hidden; position: fixed; top: 0; width: 100%; z-index:99999; display:block !important; } #overlay_img { left: 50%; position: absolute; top: 50%; margin:-16px 0 0 -16px; } #loading_block.popInVisible{ left:0 !important; background-size: 50px; background-image: url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/loader-plus.gif); background-repeat: no-repeat; background-position: 50% 50%; } #overlay_txt { padding-top: 30px; top: 50%; position: absolute; text-align: center; vertical-align: middle; width: 100%; color: #a49e9e; } .customer-account-index .col-main { padding-top: 0; } /* --- étapes --- */ .line-stepper-customer-account { background: #fff; padding: 20px 0; } .line-stepper-customer-account li { display: inline-block;} .line-stepper-customer-account li:not(.Disconnect) { margin-left: 25px; } .line-stepper-customer-account li a { border: 2px solid #e1e5e7; border-radius: 8px; color: #282828; display: inline-block; font-size: 14px; font-weight: 700; line-height: 1.1; padding: 16px; text-decoration: none; text-transform: uppercase; } /* [Desktop] */ @media screen and (min-width: 1024px) { .line-stepper-customer-account li a{padding: 16px 0;} .line-stepper-customer-account li:not(.Disconnect) a { text-align: center; width: 260px; } } .line-stepper-customer-account li:first-child { margin-left: 0; } .line-stepper-customer-account li .label { vertical-align: middle; } .line-stepper-customer-account li .icon::before { background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/pictos-rwd/pictos-compte-client.png); content: ''; display: inline-block; height: 26px; vertical-align: middle; width: 26px; } .line-stepper-customer-account .EditInfo .icon::before { background-position: -270px 0; } .line-stepper-customer-account .Help .icon::before { background-position: -590px 0; } .line-stepper-customer-account .Disconnect { float: right; } .line-stepper-customer-account .Disconnect .icon::before { display: none; } .line-stepper-customer-account .Disconnect a { border-color: transparent; text-decoration: underline; text-transform: none; } .line-stepper-customer-account .Disconnect a:hover { background: transparent; border-color: transparent; text-decoration: none; } /* --- common --- */ .customer-account-index .my-account, .customer-address-index .my-account, .customer-account-edit .my-account, .customer-address-modif .my-account, body[class*='customer-subscription'] .my-account{ padding-bottom: 32px; padding-top: 32px; } .customer-account-index .my-account .margin { margin-bottom: 16px; } .my-account h1 { font-size: 23px; font-weight: normal; margin-bottom: 35px; } /* --- étape Accueil --- */ /* popins */ .customer-account-index .all-popins.content-popin{ position: relative; z-index: 100000; } .customer-account-index .my-account h1 { font-weight: 900; margin-left: 15px; position: relative; } .customer-account-index .my-account h1 .resubs-title { left: 59%; position: absolute; } .customer-account-index .my-account .subs .listing-produits, .customer-account-index .my-account .digital-subs .listing-produits { margin-left: 15px; } /* abonnements */ .customer-account-index .my-account .item-abo-inner { display: flex; } .customer-account-index .my-account .no-abo { margin-bottom: 42px; } .customer-account-index .my-account .listing-produits .nom-abonne { background-color: #efefef; color: #fff; display: inline-block; font-size: 13px; font-weight: 700; padding: 6px 20px; left: -15px; position: absolute; text-transform: uppercase; top: -12px; } .customer-account-index .my-account .listing-produits .product-abo, .customer-account-index .my-account .listing-produits .product-reabo { background: #fff; float: left; } .customer-account-index .my-account .listing-produits .product-abo { border-right: 3px solid transparent; padding: 49px 29px 25px 29px; width: 59%; } .customer-account-index .my-account .listing-produits .product-reabo { border: 4px solid #ccc; color: #3a3a3a; padding: 50px 25px 25px 25px; position: relative; width: 41%; } .customer-account-index .my-account .listing-produits .substitution-reabo { background: #ccc; float: left; width: 41%; } .customer-account-index .my-account .listing-produits .substitution-reabo p { margin: 0; padding: 0; } .customer-account-index .my-account .listing-produits .substitution-reabo img { border: 0; display: block; } .customer-account-index .my-account .listing-produits .offre-speciale-reabo { max-width: 31%; position: absolute; right: -4px; top: -4px; } /* abo */ .customer-account-index .my-account .listing-produits .product-abo .visuel { float: left; padding-right: 30px; width: 24.4%; } .customer-account-index .my-account .listing-produits .product-abo .description { float: left; font-size: 12px; width: 75.6%; } .customer-account-index .my-account .listing-produits .product-abo .titre-abonnement { font-size: 20px; font-weight: 900; } .customer-account-index .my-account .listing-produits .product-abo .first-publication .label { font-weight: 700; } .customer-account-index .my-account .listing-produits .product-abo .end-abo { margin-top: 23px; } .customer-account-index .my-account .listing-produits .product-abo .p-link { margin-top: 20px; text-align: right; } .customer-account-index .my-account .listing-produits .product-abo .p-link a { color: inherit; text-decoration: underline; } .customer-account-index .my-account .listing-produits .product-abo .p-link a:hover { text-decoration: none; } /* reabo */ .customer-account-index .my-account .listing-produits .product-reabo .info-action { text-align: center; } .customer-account-index .my-account .listing-produits .product-reabo .info-action .price-box { margin-top: 15px; } .customer-account-index .product-reabo .price-box .prix .price { font-size: 20px; font-weight: 900; margin-left: 1ex; margin-right: 1ex; } .customer-account-index .product-reabo .price-box .prix-other .price{ margin-left: 1ex; margin-right: 1ex; } .customer-account-index .my-account .listing-produits .product-reabo .info-action .action-button { margin-top: 20px; } .customer-account-index .my-account .listing-produits .product-reabo .info-action .action-button .btn { font-size: 13px; padding: 4px 50px; } /* produits numériques */ .digital-products .listing-produits-inner { display: flex; flex-flow: row wrap; margin-left: -15px; margin-right: -15px; } .digital-products .item-product { margin-bottom: 15px; width: 50%; } .digital-products .inner-item-product { background: #fff; height: 100%; margin: 0 15px; padding: 35px 50px; } .digital-products .visuel, .digital-products .description { float: left; } .digital-products .visuel { padding-right: 20px; width: 36%; } .digital-products .description { width: 64%; } .digital-products .description .titre { font-weight: 900; margin-bottom: 25px; } .digital-products .description .action-button .btn { font-size: 12px; line-height: 1.2; margin-bottom: 0; padding: 8px 45px; } .digital-products .no-abo { margin-left: 15px; } /* push upsell */ .item-abo .push-abo .the-push { margin-top: 10px; position: relative; } .item-abo .push-abo .the-push .a-decouvrir-title { display: table; left: 5%; position: absolute; top: 35px; } .item-abo .push-abo .the-push .a-decouvrir-title span { border-radius: 49px; display: table-cell; font-size: 13px; font-weight: 700; height: 98px; line-height: 1.1; padding: 10px; text-align: center; text-transform: uppercase; vertical-align: middle; width: 98px; } .item-abo .push-abo .the-push .a-decouvrir-title span::before { background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/pictos-rwd/picto-arrow-black.png) no-repeat 0 0; content: ''; display: inline-block; height: 11px; width: 16px; } .item-abo .push-abo .the-push li { background: #ebf1f4; display: none; margin-bottom: 12px; margin-left: 9%; padding: 20px 83px; width: 49.8%; } .item-abo .push-abo.show-mode .the-push li, .item-abo .push-abo .the-push li:first-child { display: block; } .item-abo .push-abo .the-push .push-visuel, .item-abo .push-abo .the-push .push-description { float: left; } .item-abo .push-abo .the-push .push-visuel { padding-right: 15px; width: 28%; } .item-abo .push-abo .the-push .push-description { width: 72%; } .item-abo .push-abo .the-push .push-description .push-titre { font-size: 16px; font-weight: 900; margin-bottom: 14px; } .item-abo .push-abo .the-push .push-description .push-texte { font-size: 13px; line-height: 1.2; } .item-abo .push-abo .the-push .push-description .push-more { margin-top: 15px; } .item-abo .push-abo .the-push .push-description .push-more a { color: inherit; font-size: 13px; text-decoration: underline; } .item-abo .push-abo .the-push .push-description .push-more a:hover { text-decoration: none; } /* push handle more */ .item-abo .push-abo .more { margin-left: 9%; text-align: center; width: 49.8%; } .item-abo .push-abo .more .btn { background-color: #fff; cursor: pointer; margin-bottom: 0; margin-top: 15px; padding: 4px 45px; text-transform: none; } .item-abo .push-abo .more .btn.btn-less { display: none; } /* global handle more */ .customer-account-index .my-account .listing-produits .view-all { text-align: right; } .customer-account-index .my-account .listing-produits .view-all .link { color: #282828; } .customer-account-index .my-account .listing-produits .view-all .link-less { display: none; } /* popin réabo (double popin) > Cache popin fiche produit quand popin add-to-cart ouverte */ body.customer-account-index.popin-addtocart-content #fiche-produit-content > .popin-wrapper, body.customer-account-index.popin-addtocart-content #fiche-produit-content > .popin-wrapper + .close{ height: 0; width: 0; } /* --- étape Mes informations --- */ .customer-address-index .my-account h1 span::before { background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/pictos-rwd/pictos-compte-client.png) no-repeat -270px 0; content: ''; display: inline-block; height: 26px; margin-right: 5px; vertical-align: top; width: 26px; } .customer-address-index .my-account h2 { font-size: 16px; } .customer-address-index .my-account .mes-identifiants h2 {display: none;} .customer-address-index .my-account .name {margin-bottom: 12px;} .customer-address-index .mes-identifiants, .customer-address-index .mon-adresse { margin-bottom: 40px; max-width: 590px; } .customer-address-index .mon-adresse h2{font-weight: normal;} .customer-address-index .mes-identifiants .link-container, .customer-address-index .mon-adresse .box-footer { text-align: right; } .customer-address-index .mes-identifiants .link-container a, .customer-address-index .mon-adresse .box-footer a { color: inherit; text-decoration: underline; } .customer-address-index .mes-identifiants .link-container a:hover, .customer-address-index .mon-adresse .box-footer a:hover { text-decoration: none; } .customer-address-index .subscriber-message { font-size: 12px; line-height: normal; margin-top: 20px; } /* formulaires de compte client */ .my-account .welcome-msg { max-width: 768px; } .customer-address-modif .login-process .message_infos{ text-align: left; } .customer-address-modif .form-list .customer-dob .dob-day, .customer-address-modif .form-list .customer-dob .dob-month, .customer-address-modif .form-list .customer-dob .dob-year, .customer-address-form .form-list .customer-dob .dob-day, .customer-address-form .form-list .customer-dob .dob-month, .customer-address-form .form-list .customer-dob .dob-year { margin-right: 0; width: 32%; } .customer-address-form .form-list .customer-dob .dob-year input.input-text { width: 120px; } .customer-address-modif .form-list .customer-dob > div + div:not(.validation-advice) {margin-left: 2%;} .customer-address-modif .form-list .customer-dob input[type=text]{width: 100%;} .customer-address-modif .form-list .field .lien { color: inherit; text-decoration: underline; } .account-change-password span.validation-error, .account-change-password div.validation-error, .customer-address-modif span.validation-error, .customer-address-modif div.validation-error { background: transparent; padding-right: 0; } .buttons-submit-back .btn { display: inline-block; font-size: 14px; margin-bottom: 0; width: 100%; vertical-align: top; } .customer-address-modif .account-edit .validation-advice{ bottom: auto; position: relative; } @media screen and (min-width: 602px) { .buttons-submit-back .btn{ min-width: 215px; width: auto;} .buttons-submit-back .btn + .btn{ margin-left: 20px; } } @media screen and (min-width: 1024px) { .customer-address-modif .account-edit .row { margin-top: 30px; max-width: 440px; } } .account-change-password .buttons-submit-back, .customer-address-modif .buttons-submit-back { margin-bottom: 30px; text-align: center; } /* form fields position */ .customer-address-modif .form-list label, .customer-address-modif .form-list .input-box, .account-change-password .form-list label, .account-change-password .form-list .input-box { display: block; float: left; } .customer-address-modif .form-list .input-box{ width: 65%; } @media screen and (max-width: 768px) { /* menu */ .col-main .line-stepper-customer-account .margin { padding: 0; } .line-stepper-customer-account { background: transparent; padding: 0; } .line-stepper-customer-account li:not(.Disconnect) { background: #fff; display: block; float: left; margin-left: 0; width: 33.33%; } .line-stepper-customer-account li a { border-radius: 0; height: 100px; display: block; font-size: 14px; padding-bottom: 0; padding-top: 24px; text-align: center; } .line-stepper-customer-account .Accueil .icon::before, .line-stepper-customer-account .EditInfo .icon::before, .line-stepper-customer-account .Help .icon::before { display: block; margin: 0 auto; } .line-stepper-customer-account li .label { display: block; margin-top: 12px; } .line-stepper-customer-account .Disconnect { background: transparent; clear: both; display: block; float: none; text-align: right; width: auto; } .line-stepper-customer-account .Disconnect a { font-size: 16px; height: auto; text-align: right; } .line-stepper-customer-account .Disconnect .label { margin-top: 0; } /* Accueil compte client */ .customer-account-index .my-account h1 .resubs-title { display: none; } .customer-account-index .my-account .item-abo-inner { display: block; } .customer-account-index .my-account .listing-produits .product-abo, .customer-account-index .my-account .listing-produits .product-reabo, .customer-account-index .my-account .listing-produits .substitution-reabo { float: none; width: auto; } .customer-account-index .my-account .listing-produits .product-abo { border-right: 0; padding: 49px 15px 15px 15px; } .customer-account-index .my-account .listing-produits .product-reabo { border: 0; padding: 15px; } .customer-account-index .my-account .listing-produits .product-reabo .info-action .action-button { margin-top: 0; } .customer-account-index .my-account .listing-produits .product-abo .p-link, .customer-account-index .my-account .listing-produits .product-reabo .info-abo, .customer-account-index .my-account .listing-produits .product-reabo .price-box, .customer-account-index .my-account .listing-produits .offre-speciale-reabo { display: none; } .customer-account-index .my-account .listing-produits .product-abo .visuel { padding-right: 15px; width: 33%; } .customer-account-index .my-account .listing-produits .product-abo .description { width: 67%; } .customer-account-index .my-account .listing-produits .view-all .link { font-size: 15px; } /* -- push -- */ .item-abo .push-abo .the-push .a-decouvrir-title { display: none; left: -15px; top: -5px; } .item-abo .push-abo.show-mode .the-push .a-decouvrir-title { display: block; } .item-abo .push-abo .the-push .a-decouvrir-title span { border-radius: 50%; font-size: 9px; height: 70px; width: 70px; } .item-abo .push-abo .the-push li { margin-left: 0; padding-left: 50px; padding-right: 50px; } .item-abo .push-abo .the-push li:first-child { display: none; } .item-abo .push-abo.show-mode .the-push li:first-child { display: block; } .item-abo .push-abo .the-push li, .item-abo .push-abo .more { width: auto; } .item-abo .push-abo .more { margin-left: 0; } /* digital products */ .digital-products .listing-produits-inner { display: block; margin-left: 0; margin-right: 0; } .digital-products .item-product { float: none; width: auto; } .digital-products .inner-item-product { margin: 0; padding: 15px; } .digital-products .description .action-button .btn { padding: 8px 12px; } .digital-products .view-all { clear: both; } /* Informations client */ /* form fields position */ .customer-address-modif .form-list label, .customer-address-modif .form-list .input-box, .account-change-password .form-list label, .account-change-password .form-list .input-box { float: none; width: auto; } .buttons-submit-back a.btn, .buttons-submit-back button.btn { margin-top: 15px; } } @media screen and (max-width: 480px) { .line-stepper-customer-account li a { font-size: 11px; padding-left: 5px; padding-right: 5px; } .item-abo .push-abo .the-push li{padding-left: 35px; padding-right: 15px;} .item-abo .push-abo .the-push .a-decouvrir-title{left: -30px;} .item-abo .push-abo .the-push .a-decouvrir-title span { border-radius: 30px; font-size: 7px; height: 60px; width: 60px; } } /* --- popin réabo --- */ #popin-subscribe-content .margin{margin-bottom: 0;} #popin-subscribe-content .close{ right: -5px; top: -5px; z-index: 10; } #popin-subscribe-content #bundle-formules.is-oldbundle .ul-formula { padding: 0; } #popin-subscribe-content .fiche-produit .content-2-cols{padding: 0;} #popin-subscribe-content .process{margin-top: 50px;} #popin-subscribe-content .box-process > .box-content{ background: #fff; } #popin-subscribe-content .box .box-header {clear: both; display: block; margin:0; padding: 15px; width: 100%;} #popin-subscribe-content .box-process > .box-content img { float: left; margin-left: 20px; margin-right: 5%; margin-top: 20px; width: 45%; max-width: 238px; } #popin-subscribe-content .header h1, #popin-subscribe-content .box .box-description { background:#fff; clear: none; margin: 0; padding: 20px; } #popin-subscribe-content .box .box-description { color: #8d8e91; } #popin-subscribe-content .header h1 { overflow: hidden; padding-left: 0; } #popin-subscribe-content .composer-abonnement #bundle-formules.is-netflix .columns img { float: none; margin: auto; max-width: 100%; position: relative; width: auto; z-index: 1; } @media screen and (min-width: 768px) { #popin-subscribe-content .close{ right: -20px; top:-20px; } #popin-subscribe-content .margin .popin-wrapper{ max-height: calc(100vh - 64px); padding: 20px 30px; } #popin-subscribe-content .box-process > .box-content{ background: none; padding: 0; } #popin-subscribe-content .header h1, #popin-subscribe-content .box .box-header {background:#fff; clear: none; margin: 0; padding: 20px;} #popin-subscribe-content .box-content > .header > * { float: right; width: 70%; } #popin-subscribe-content .box-process > .box-content img { margin-left: 0; margin-top: 0; width: 25%; } } /* --- étape Mes information > change password --- */ .customer-account-edit .password-edit .row{ max-width: 440px; margin: 20px auto; } .customer-account-edit .password-edit .form-list .input-box{width: 100%;} @media screen and (min-width: 1024px) { .customer-account-edit .password-edit .row{ margin: 40px auto; } } /* --- étape Mes information > updatecreditcard --- */ body[class*='customer-subscription'] .my-account .message-erreur{ color: #ff0000; margin: 20px 0; } #majcbProcess, .majcb-response { background: #fff; margin-bottom: 20px; margin-top: 10px; padding: 20px; position: relative; } .majcb h2 { margin-top: 10px; } .majcb-response .buttons-list { margin-top: 25px; text-align: center; } #majcbProcess .process > li{ position: relative; } #majcbProcess .process > li + li{ margin-top: 50px; } #majcbProcess .nombre{ color: #fff; display: inline-block; height: 40px; font-size: 20px; text-align: center; padding-top:9px; width: 40px; border-radius: 50%; position: absolute; } #majcbProcess h3{ font-weight: 900; padding: 0 0 20px 50px; } #majcbProcess a.btn{ display: block; margin: 20px auto; max-width: 280px; width: 100%; } #majcbProcess .list-2col{ padding: 10px 0 0; } #majcbProcess .list-2col li{ margin-bottom: 10px; overflow: hidden; padding: 20px; } #majcbProcess .list-2col li img{ float: left; margin-right:20px; width: 30%; } #majcbProcess .list-2col h4{font-size: 18px;} #majcbProcess .list-2col dl{font-size: 14px; margin-top: 10px; margin-left: calc(30% + 20px);} #majcbProcess .list-2col dl > dt{display: inline-block; float: left; font-weight: 900; margin-right: 5px;} #majcbProcess .list-2col dl > dd{ line-height: 180%;} @media screen and (max-width: 480px) { .customer-subscription-updatecreditcard .col-main .margin{padding: 0 10px;} } @media screen and (max-width: 360px) { #bloc-creditCard-title-0 a.btn span { font-size: 15px; } } @media screen and (min-width: 1024px) { #majcbProcess{ padding: 40px; } #majcbProcess .cb-btn-container { position: absolute; top: -10px; left: 55%; } #majcbProcess .process{ margin: auto; max-width: 810px; } #majcbProcess .process > li + li{ margin-top: 30px; } #majcbProcess .nombre{ height: 60px; font-size: 30px; text-align: center; padding-top:18px; width: 60px; } #majcbProcess h3{ padding: 5px 0 20px 90px; } #majcbProcess .list-2col li{ width: 49%; display: inline-block; } #majcbProcess .list-2col li:nth-child(even){margin-left: 2%;} #payment-tool-tip-close { right: -20px; top: -20px; } } /* --- étape Aide --- */ /*.customer-account-help .content.help{ margin: -30px 0 60px; }*/ .customer-account-help .content.help h1, .customer-account-help .content.help h2{ font-size: 16px; font-weight: normal; } .customer-account-help .content.help h1::before{ content: ''; background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/pictos-rwd/pictos-compte-client.png) no-repeat -590px 0; display: inline-block; height: 26px; margin: -6px 5px 0 0; -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); vertical-align: middle; width: 26px; } .customer-account-help .content.help p, .customer-account-help .content.help h2, .customer-account-help .content.help ul{ display: block; margin: 15px 20px; } .customer-account-help .content.help p { margin-bottom: 55px; } .customer-account-help .content.help p + h2 { margin-bottom: 5px; } .customer-account-help .content.help p + h2 + ul { margin-top: 0; } .customer-account-help .content.help a{ color: #000; display: inline-block; height: 0; text-decoration: underline; } .customer-account-help .content.help a.faq::after{ content: ''; display: inline-block; float: right; height: 55px; margin: -15px 0 0 0; width: 55px; } .customer-account-help .content.help li{ clear: both; padding: 25px 0 25px 50px; position: relative;} .customer-account-help .content.help li::before{ content: ''; display: block; height: 55px; left: -15px; margin: 0 5px 25px 0; position: absolute; width: 55px; } .customer-account-help .content.help li small{ font-size: 14px; text-transform: uppercase; } .customer-account-help .content.help li.phone a{ text-decoration: none; } @media screen and (min-width: 768px) { .customer-account-help .content.help{ margin-top: 30px; } .customer-account-help .content.help li{ padding-left: 75px; } .customer-account-help .content.help li::before{ left: -5px } } /* ========================================================================== 10. CMS PAGE ========================================================================== */ /* 10.1 Landing page (Model) ========================================================================== */ .nowrap{white-space: nowrap;} /* Intro */ .landing-page .intro{ color: #fff; margin: -20px 0 40px; padding: 40px 0 55px; } .landing-page .intro h1{ font-size: 26px; font-weight: 900; line-height: normal; padding-bottom: 20px; } .landing-page .intro p{ margin: 10px 0; } .landing-page .intro .content{ /* VC - 63684 max-width: 660px;*/ max-width:100%; } /* Grille blocs produits */ .landing-page .listing-blocs{ overflow: hidden; } .landing-page .bloc-item{ background: #fff; display: block; margin:0 auto 20px; max-width: 605px; padding: 10px; text-align: center; } .landing-page .bloc-item .btn{ min-width: 260px; } .landing-page .bloc-item h2{ font-size: 32px; font-weight: 900; line-height: normal; margin: 20px 0; } /* Advantages */ .landing-page .bloc-item ul{ list-style: none; padding: 0; } .landing-page .bloc-item li{margin-bottom: 4px;} .landing-page .bloc-item li span::before{ content: "● "; margin-right: 5px; } /* Rating */ .landing-page .comment{ margin: 30px 0; } .landing-page .comment p{ font-size: 14px; margin: 0 10px 4px; } .landing-page .comment strong{ font-weight: 900; font-size: 15px; text-transform: uppercase; } .landing-page .rating-box{ display: inline-block; float: none; margin: auto; } .landing-page .wysiwyg-stars-container { margin-bottom: 8px; text-align: center; } .landing-page .wysiwyg-stars-container span { background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/pictos-rwd/wysiwyg-stars.png) no-repeat 0 0; display: inline-block; height: 22px; width: 148px; } /* notes */ .landing-page .wysiwyg-stars-container .wysiwyg-stars-1 { width: 30px; } .landing-page .wysiwyg-stars-container .wysiwyg-stars-2 { width: 60px; } .landing-page .wysiwyg-stars-container .wysiwyg-stars-3 { width: 90px; } .landing-page .wysiwyg-stars-container .wysiwyg-stars-4 { width: 120px; } .landing-page .wysiwyg-stars-container .wysiwyg-stars-5 { width: 148px; } /* BDX Medias */ .landing-page .medias{ background: #00b7ce; overflow: hidden; padding: 40px 0 20px; } .landing-page .medias .content{ color: #fff; margin-bottom: 20px; } .landing-page .medias h2{ font-size: 26px; font-weight: 900; line-height: normal; padding-bottom: 20px; } #loading_image_block { background-image: none; } @media screen and (min-width: 760px) { .landing-page .intro{ background-image: url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/images/media/landing-page-bg.png); background-position: 50% 100%; background-repeat: no-repeat; } } @media screen and (min-width: 1024px) { /* Intro */ .landing-page .intro{ margin-bottom: 80px; /* VC - 63684 padding: 80px 0 110px;*/ } .landing-page .intro h1{font-size: 42px;} /* Grille blocs */ .landing-page .bloc-item{ float: left; margin-bottom: 50px; width: 49%; } .landing-page .bloc-item:nth-child(odd){ margin-right: 2%; } /* Medias */ .landing-page .medias{ padding: 80px 0; } .landing-page .medias h2{ font-size: 42px; } .landing-page .medias .content{ float: right; width: 49%; } .landing-page .medias .iframe-container{ width: 40%; margin-left: 4.5%; padding-bottom: 22.5%; } /* #124 */ p.billing-sepa-advice { padding: 0; font-size: 1.1em; } } /* 101. Messages RGDP_CNIL */ /*Default*/ .RGPD-CNIL , .RGPD-CNIL-BILLING { width: 90%; text-align: justify; margin: auto; font-size: 8pt; font-weight: 300; } /* 101. Desktop */ @media screen and (min-width: 1024px) { .RGPD-CNIL, .RGPD-CNIL-BILLING { font-size: 8pt; } } /* 101. Tablette Laptop */ @media screen and (min-width: 641px) and (max-width: 1024px) { .RGPD-CNIL, .RGPD-CNIL-BILLING{ font-size: 8pt; } } /* 101. Mobile */ @media screen and (min-width: 200px) and (max-width: 640px) { .RGPD-CNIL, .RGPD-CNIL-BILLING{ font-size: 8pt; } } /*Suppression bandeau sur bundle netflix pour présentation IE*/ .popin-wrapper .product-desc-left-border { border-right: 0px solid #ff6464; } /*Adresse temporaire */ #linkAddTemp { background-color: #dcdcdc; margin-bottom: 1em; padding: 7px 50px; display:flex; flex-direction: column; } #linkAddTemp p { display:flex; flex-direction: column; justify-content:center; } #linkAddTemp p div { display:flex; flex-direction: row; justify-content:center; } /** * styles spécifiques par sous sites * * 0. ALL * 1. HEADER * - 1.1 #header, #header-v2 * - 1.2 #logo * - 1.3 .banner_header * - 1.4 .header-v2-items (partie droite du header) * - 1.5 cookie * - 1.6 promo * 2. MENU * - 2.1 Niveau 1 * - 2.2 Niveau 2 * 3. PUB * 4. PAGES * 5. MON COMPTE * 6. TUNNEL * 7. AVANTAGES * 8. FOOTER * 9. CHECKOUT - 9.0 Stepper (steps Nav) - 9.1 Identification * 96. PRÉ-HOME * 97. SIDEBOX * 98. POP-IN * 99. PROTOSHOW * XX. À CLASSER */ /* ========================================================================== 0. ALL ========================================================================== */ /* Fonts (Museo Sans) =========== */ @font-face { font-family: 'Museo Sans'; src: url('https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/fonts/museosans-100-webfont.woff2') format('woff2'), url('https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/fonts/museosans-100-webfont.woff') format('woff'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Museo Sans'; src: url('https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/fonts/museosans-100italic-webfont.woff2') format('woff2'), url('https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/fonts/museosans-100italic-webfont.woff') format('woff'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Museo Sans'; src: url('https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/fonts/museosans-300-webfont.woff2') format('woff2'), url('https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/fonts/museosans-300-webfont.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Museo Sans'; src: url('https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/fonts/museosans-300italic-webfont.woff2') format('woff2'), url('https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/fonts/museosans-300italic-webfont.woff') format('woff'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Museo Sans'; src: url('https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/fonts/museosans-webfont.woff2') format('woff2'), url('https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/fonts/museosans-webfont.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Museo Sans'; src: url('https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/fonts/museosans_500_italic-webfont.woff2') format('woff2'), url('https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/fonts/museosans_500_italic-webfont.woff') format('woff'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Museo Sans'; src: url('https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/fonts/museosans_0-webfont.woff2') format('woff2'), url('https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/fonts/museosans_0-webfont.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'museo_sans700_italic'; src: url('https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/fonts/museosans-700italic-webfont.woff2') format('woff2'), url('https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/fonts/museosans-700italic-webfont.woff') format('woff'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Museo Sans'; src: url('https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/fonts/museosans_1-webfont.woff2') format('woff2'), url('https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/fonts/museosans_1-webfont.woff') format('woff'); font-weight: 900; font-style: normal; } @font-face { font-family: 'museo_sans900_italic'; src: url('https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/fonts/museosans-900italic-webfont.woff2') format('woff2'), url('https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/fonts/museosans-900italic-webfont.woff') format('woff'); font-weight: 900; font-style: italic; } /* Fonts (Freight Text Bold) =========== */ @font-face { font-family: 'Freight Text'; src: url('https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/fonts/freight-text-bold.woff2') format('woff2'), url('https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/fonts/freight-text-bold.woff') format('woff'); font-weight: bold; font-style: normal; } /* General */ body{ background: #efecdb; font-family: "Museo Sans", Arial; } input, select, textarea, button, input[type="text"], input[type="email"], input[type="tel"], span.input{ font-family: "Museo Sans", Arial; font-size:inherit; } /* btn */ .btn { font-family:"Museo Sans", Arial; } a.btn { background-color: #ffed00; border: 3px solid #ffed00; color: #2b2c2e; } /**/ body.no-touch a.btn::after { background: #fff; } button.btn, .passforgotten a.btn{ background-color: #ffed00; border: 3px solid #ffed00; color: #2b2c2e; } button.button-disabled{ background-color: #f2f2ef; border: 3px solid #f2f2ef; color: #bcbcba; } /**/ body.no-touch button.btn::after { background: #fff; } /*** owl-carousel ***/ .owl-carousel>.owl-dots .owl-dot span { background: #bec2c7; } .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span { background: #00a1e0; } /*** Scroll to top ***/ #scrollup { background: #CE2700 url('https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png') no-repeat -166px -332px; } /* ========================================================================== 1. HEADER ========================================================================== */ /* 1.1 #header, #header-v2 ========================================================================== */ /* Logo */ /* [Mobile] */ #header-v2 #logo{ padding-top: 15px; padding-left: 15px; } /* [Desktop] */ @media screen and (min-width: 1024px){ #header-v2 #logo{ padding: 28px 0 0 20px;} } /* panier & Mon compte */ #header-menu > li > a{ color: #636466; font-family:"Museo Sans", Arial; font-weight:500; } #header-menu > li > a::after, #header-menu > li.compte> a::before { background-image: url("https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png"); } #header-menu li.panier > a{background-color: #CE2700;} #header-menu li.panier > a::after{background-position: -268px 0} #header-menu li.panier > a:not(.empty){ color: #fff; } #header-menu li.panier > a.empty{ background-color: #ebf1f4; } #header-menu li.panier > a.empty::after{ background-position-x: -198px; } #header-menu li.compte > a::after, #header-menu.mode-connecte li.compte > a::after{ background-position: -118px 0; } #header-menu.mode-connecte li.compte > a::before{ background: url("https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/blue-checked.png") no-repeat center center; } #header-menu > li > a span.nombre { background-color: #ffed00; color: #272727; font-size: 15px; } .menu-upper-mode #menu ul.first-level li a span { font-size: 100%; } /* Recherche */ #header-v2 #rechercher input[type="text"]{ border: 2px solid #c7c7c7; border-radius: 20px; color: #919395; font-weight: 500; } #header-v2 #rechercher button::before{ background: url("https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png") no-repeat -40px 0; } /* 1.5 cookie ========================================================================== */ .cookie-banner-container{ background: #e1e5e7; } .cookie-banner-container .cookies{ color: #636466; font-weight: 500; } .cookie-banner-container a{ color: #636466; } .cookiesCloseButton{ background: url("https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png") no-repeat 0 0; } /* [Desktop] */ @media screen and (min-width: 1024px) { .cookiesCloseButton { background-position: 60px 0; padding-right: 55px;} } /* 1.6 promo ========================================================================== */ /* Offre Familles --------------------- */ .offre-famille-container { background: #004f99 url("https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/offre_famille-m.png") no-repeat 50% 0; padding: 12px; } .offre-famille-container .offre-famille { display: table-cell; color: #fff; font-size: 16px; font-weight: 700; text-decoration: none; margin: 0 auto; text-align: center; vertical-align: middle; } .offre-famille-container .offre-famille .offre-label { background-color: #0078d0; padding: 4px 10px; } .offre-famille-container .offre-famille a { color: #fff; } /* [Mobile] */ @media screen and (max-width: 1023px) { .offre-famille-container .offre-famille .offre-label { display: block; margin: 0 auto 10px; max-width: 130px; } } /* [Desktop] */ @media screen and (min-width: 1024px) { .offre-famille-container {background-image: url("https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/offre_famille.png"); } .offre-famille-container .offre-famille .offre-label {display: inline; margin-right: 5px;} } /* ========================================================================== 2. MENU ========================================================================== */ /* [Mobile] */ @media screen and (max-width:1024px) { #menu .nav-mobile{ background: url("https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png") no-repeat -342px 0; } #bundle-formules .columns .offer li::before{ background: url("https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/blue-checked.png") no-repeat ; top:50%; } } /* [Desktop] */ @media screen and (min-width: 1024px) { #menu { padding: 13px; } } /* 2.1 Niveau 1 ========================================================================== */ /*override default pour menu sans banniere cms */ .menu-upper-mode #menu .submenu { top: 100px; } #menu .submenu { top: 100px; } #menu ul.first-level li a span { color: #282828; font-family: "Museo Sans", Arial; font-size: 16px; text-align: left; } #menu ul.first-level li a.level-0, #menu ul.first-level li a.level-1{ font-weight: 700; } /* [Mobile] */ @media screen and (max-width: 1023px) { #menu.open ul.first-level{ background: #efecdb; } #menu .nav-mobile span{ font-weight: 700; } #menu ul.first-level li a span{font-size: 18px;} #menu .menu-categ .touch-arrow-btn{ background: url("https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png") no-repeat -382px 4px; } #menu ul.first-level li a.level-1{ font-weight: 400; } } /* [Desktop] */ @media screen and (min-width: 1024px) { .menu-upper-mode #menu { margin-left:165px; } #menu ul.first-level > li > a:hover, #menu ul.first-level > li > a:hover span, #menu ul.first-level > li > a.submenu-open, #menu ul.first-level li > a.active, #menu ul.first-level > li.active > a, #menu ul.first-level > li > * > a:hover, #menu ul.first-level > li > * > a:hover span, #menu ul.first-level > li > * > a.submenu-open, #menu ul.first-level li > * > a.active { color:#00a1e0 !important; } #menu ul.first-level > li > a > span br, #menu ul.first-level > li > * > a > span br { display:none; } #menu ul.first-level > li.has-submenu:hover > h3 > a > .menu-label::before, #menu ul.first-level > li.has-submenu:hover > a > .menu-label::before { display:none; } #menu ul.first-level > li > a::after, #menu ul.first-level > li > * > a::after, #menu ul.first-level > li.has-submenu > h3 > a::after, .menu-upper-mode #menu ul.first-level > li.has-submenu > a::after { bottom:-50px !important; } #menu ul.first-level > li > a::after, #menu ul.first-level > li > * > a::after, #menu ul.first-level > li.has-submenu > h3 > a::after, #menu ul.first-level > li.has-submenu > a::after { content:''; /*display:none;*/ opacity:0; /*z-index: 1;*/ height:17px !important; width:35px !important; border-radius: 17px 17px 0 0; background:#00a1e0; position:absolute; bottom:-22px !important; left:50%; -webkit-transform:translateX(-50%) rotate(0deg) !important; -moz-transform:translateX(-50%) rotate(0deg) !important; -o-transform:translateX(-50%) rotate(0deg) !important; transform:translateX(-50%) rotate(0deg)!important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #menu ul.first-level > li > a:hover::after, #menu ul.first-level > li > * > a:hover::after, #menu ul.first-level > li.has-submenu:hover > h3 > a::after, #menu ul.first-level > li.has-submenu:hover > a::after { border:none !important; bottom:-22px !important; opacity:1; display: block; /*z-index: 9999999999;*/ } .menu-upper-mode #menu ul.first-level > li > a:hover::after, .menu-upper-mode #menu ul.first-level > li > * > a:hover::after, .menu-upper-mode #menu ul.first-level > li.has-submenu:hover > h3 > a::after, .menu-upper-mode #menu ul.first-level > li.has-submenu:hover > a::after { bottom:-32px !important; } #menu ul li.menu-categ:hover .submenu { border-color: #00a1e0; } #menu ul.first-level > li > a, #menu ul.first-level > li > * > a { border-right: 1px solid #dcd8d2; } #menu ul.first-level > li:last-child > a, #menu ul.first-level > li:last-child > * > a { border:none; } #menu ul.first-level > li a.level-0 span { padding-right:16px; padding-left:16px; } } /* 2.2 Niveau 2 ========================================================================== */ #menu .first-level li .submenu { background: #efecdb; } #menu .submenu .col ul li a{ color: #282828; } /* [Mobile] */ @media screen and (max-width: 1023px) { body.menu-mobile-open::after{background:#efecdb;} } /* ========================================================================== 4. PAGES ========================================================================== */ /* Home ========================================================================== */ /* HOME Push */ .box .box-header { margin: 2rem 0 1.5rem; } .box .box-header .title{font-weight: 900;} .box .box-header .sub-title{ color: #636465; font-weight: 500; margin: 1rem auto; } /*Overide default pour la fontes*/ .box .box-header .title a{ color:#000; text-decoration: none; font-family:"Museo Sans", Arial; font-weight:500; } .bayard-rwd-home-h1 { font-family:"Museo Sans", Arial; } .box .box-header .sub-title::after { content:''; width:28px; height:27px; background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/arrow.png) no-repeat center center; background-size:contain; position: absolute; margin-left: 10px; margin-top: -3px; } @media screen and (max-width: 768px) { .box .box-header .sub-title::after { height: 20px; margin-left: 5px; margin-top: 2px; } } ul.listing-produits li { color: #919394; } ul.listing-produits li .title{ color: #282828; font-family: 'Freight Text'; font-size: 1.8rem; font-weight: 900; line-height: 1; } ul.listing-produits li .title .complement-title, ul.listing-articles li .complement-title{color: #CE2700;} ul.listing-produits li p{ font-weight: 500; margin: 10px 0 0; color:#3a3a3a; font-size: 1.1rem; line-height: 1.1; font-family:'Freight Text'; } ul.listing-produits li .price-box .prix .price, ul.listing-produits li .price-box .detail .price, .customer-account-index .product-reabo .price-box .prix .price, .category-products .price-box .prix .price { color: #ce2700; font-weight: 800 !important; font-size: 1.5rem !important; } .catalog-product-view .composer-abonnement .price-box .nouveau-prix, #bottomPriceButton .reduc, #bundle-formules.is-oldbundle label .prix-container .nouveau-prix, ul.listing-produits li .price-box .nouveau-prix, ul.listing-articles li .article-price .nouveau-prix, .customer-account-index .product-reabo .price-box .nouveau-prix, .crosssell-container .crosssell .nouveau-prix, .promo-line .promo-column .nouveau-prix { background: #CE2700; } #bundle-formules.is-oldbundle label { min-height: 110px; display:flex; } #bundle-formules.is-oldbundle label .prix-container { text-align:left; } #bundle-formules.is-oldbundle label .prix-container .prix { float:left; padding-right:15px; } #bundle-formules.is-oldbundle label .img-radio { margin:0; width:100%; max-width:90px; } #bundle-formules.is-oldbundle .allformules label .formula-label { width:100%; padding-left:0; } #bundle-formules.is-oldbundle .allformules label .label-radio, #bundle-formules.is-oldbundle .option.offres label .label-radio, #bundle-formules.is-oldbundle .option.offres label .label-checkbox { margin: auto 0 auto 50px; width:100%; } #bundle-formules.is-oldbundle .option.offres label .label-radio, #bundle-formules.is-oldbundle .option.offres label .label-checkbox { display: -webkit-flex; -webkit-align-items: center; display: flex; align-items: center; } #bundle-formules.is-oldbundle #bloc-radio-title-0 .option.offres label .label-radio { display: block; } #bundle-formules.is-oldbundle .product-options-bottom .bottom-price-container, #bundle-formules.is-oldbundle .product-options-bottom .bottom-detail-container, #bundle-formules.is-oldbundle .product-options-bottom .bottom-button-container { margin: 0 109px; } #bundle-formules.is-oldbundle .product-options-bottom .bottom-price-container .old { font-size: 21px; } /* HOME bonnes raisons */ .bayard-home-bonne-raison-container { margin-top: 0; } .col-main .bayard-home-bonne-raison { padding: 30px 0 80px; } .bayard-home-bonne-raison .titre-block{font-weight: 900;} /* [Mobile] */ @media screen and (max-width: 1023px) { .bayard-home-bonne-raison p{ font-weight: 700; } } /* [Desktop] */ @media screen and (min-width: 1024px) { .bayard-home-bonne-raison p{ font-weight: 900; } } /* Categories ========================================================================== */ /* dropdown filters */ .boxTable#recherche-avancee .gan-attribute .select-skin::after { background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png) 32px -10px; } /* default filters */ .boxTable#recherche-avancee .gan-attribute .image-align-horizontally li a.active, .boxTable#recherche-avancee .gan-attribute .image-align-horizontally li a:hover { background: #ffed00; border-color: #ffed00; } .category-products ul.listing-articles { color:#919394; } .category-products ul.listing-articles .titre a, .category-products-grouped .listing-articles .titre a, .offres-speciales .listing-articles .titre a { color: #282828; font-family: 'Freight Text'; font-size: 2.3rem; line-height: 1; } .category-products ul.listing-articles .box-content .detail, .category-products-grouped .listing-articles .box-content .detail, .offres-speciales .listing-articles .box-content .detail { margin-top: 20px; color:#3a3a3a; font-family: 'Freight Text'; } .category-products ul.listing-articles .box-footer .detail, .category-products-grouped .listing-articles .box-footer .detail, .offres-speciales .listing-produits .box-footer .price-box .detail, .box-related .box-footer .price-box .detail { font-size: 1.1rem; color:#3a3a3a; } .category-products ul.listing-articles .box-footer a.btn, .category-products-grouped .listing-articles .box-footer a.btn { color: #000; padding: 5px 42px; } .category-products ul.listing-articles .box-footer .article-price .prix .price, .category-products-grouped .listing-articles .box-footer .article-price .prix .price, .offres-speciales .listing-produits .box-footer .price-box .detail .price { color: #ce2700; font-size: 2rem; font-weight:800; } .category-products ul.listing-articles .box-footer.tobottom, .category-products-grouped .listing-articles .box-footer.tobottom, .listing-produits .owl-stage .box-footer.tobottom, .category-products ul.listing-articles .box-footer, .category-products-grouped .listing-articles .box-footer, .listing-produits .owl-stage .box-footer { border-top: 1px solid #919394; padding-top: 10px; } .category-products ul.listing-articles .box-footer .article-price, .category-products-grouped .listing-articles .box-footer .article-price, .offres-speciales .listing-produits .box-footer .price-box { margin-bottom: 10px; } ul.filtres li a.delete, ul.filtres li.delete-all a.delete::before { background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png) no-repeat -11px -11px; } ul.filtres li.delete-all a.delete::before{background-position: 0 0; border: 2px solid #CE2700;} ul.filtres li.delete-all a.delete {color: #CE2700;} /* produits groupés : couleur de fond par défaut */ .category-products-grouped { background-color: #7bd8e4; } .category-products-grouped .see-more-offers .btn { color: #2b2c2e; } /* Fiche Produit ========================================================================== */ .catalog-product-view #content h2, .catalog-product-view #content h3{ font-weight: 900; /* Mantis 64719 Ajout pour aligner avec tooltip */ padding-top: 6px; /* Fix #126 #129 Fer à gauche colonne description*/ text-align: left; } /* Mantis 64719 Ajout class ds options.html :wrap titre produit & tooltip*/ .product-descript { padding-bottom: 5px; display: flex; flex-direction: row; justify-content: center; text-align: left; } .titre-abo-dec, .titre-avis-abo { font-weight: 900; } /*** Visuels poduit & thumbs ***/ #product-more-views li.active::before{ border-color: #CE2700; } /* Feuilleter & Vidéo */ #product-more-views .feuilleter::after, #product-more-views .video::after{ background-image: url(https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png); } #product-more-views .feuilleter::after{ background-position: 18px -351px;} #product-more-views .feuilleter.active::after{ background-position: 14px -355px; } #product-more-views .video::after{ background-position: -56px -353px} #product-images a.feuilleter span, #product-images figure.video a span{ background-color: #CE2700; font-weight: 900; } #product-images a.feuilleter span::before{ background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png) no-repeat -140px -350px; } #product-images figure.video a span::before{ background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png) no-repeat -141px -389px; } /*** Decription / Prix ***/ .catalog-product-view #content .col.desc h1{ font-weight: 900; } .catalog-product-view #content .col.desc .resume{color: #282828;} .catalog-product-view #content .col.desc .resume h2.detail{font-family:'Museo Sans';} .catalog-product-view #content .col.desc .resume .lien{color: #282828; display:block;} .catalog-product-view #content .col.desc .box-process .prix .price{ color:#CE2700; font-weight: 900; } #content .box-process .orderOptions .nombre { display: inline-block !important; } #content .box-process .orderOptions .product-options p.titre span:last-child{ display: inline !important; } .listing-produits .age-range, .catalog-product-view .age-range, #popin-subscribe-content .age-range{ font-weight: 700; } /*** Decription détaillée ***/ .catalog-product-view #desc-bottom{ background: #ebf1f4; } .catalog-product-view #desc-bottom li::before {color: #CE2700; } .catalog-product-view #desc-bottom .author{ font-weight: 700;} /*** Avis clients ***/ .catalog-product-view .customer-review-container { background-color: #7bd8e4; } /* [Mobile] */ @media screen and (max-width: 1023px) { #desc-bottom .show-edito::after { background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png) no-repeat -387px -1px; } } /* [Desktop] */ @media screen and (min-width: 1024px) { .catalog-product-view #desc-bottom{ background: #fff; } #desc-bottom .col.details, #desc-bottom .col.details::before{background: #ebf1f4;} #desc-bottom .col.edito, #desc-bottom .col.edito::before{background: #efecdb;} } /*** Rassurance ***/ .cms_block.rassurance{ background: #CE2700; color: #fff; } .cms_block.rassurance strong{font-weight: 900;} .cms_block.rassurance a{color: #fff;} /* Pictos */ .cms_block.rassurance strong::before{ background-image: url(https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png); } .cms_block.rassurance .place-a-1 > strong::before{ background-position: 0 -235px;} /* prelevement */ .cms_block.rassurance .place-b-1 > strong::before{ background-position: -224px -235px;} /* lecture */ .cms_block.rassurance .place-b-2 > strong::before{ background-position: -123px -235px;} /* modification */ .cms_block.rassurance .place-b-3 > strong::before{ background-position: -308px -235px;} /* arret */ /* [Desktop] */ @media screen and (min-width: 1024px) { .cms_block.rassurance .place-a-1 strong::before{ -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } /*** Encore plus ***/ .cms_block.encore_plus{background: #fff; } .cms_block.encore_plus strong{color:#CE2700; font-weight: 900;} /*** Avis clients ***/ .catalog-product-view .customer-review-container h2, .catalog-product-view .customer-review-container .commentaires .customer-review-title, .catalog-product-view .customer-review-container .commentaires .customer-review-text, .catalog-product-view .customer-review-container .commentaires .customer-review-name { color: inherit; } .note-moyenne{ background: #7bd8e4; } .note-moyenne .btn.all-reviews{ background: #fff; } .catalog-product-view .customer-review-container .all-reviews { border-color: #fff; color: #282828; } body.no-touch.catalog-product-view .customer-review-container .all-reviews:hover { background: #ffed00; color: #282828; } body.no-touch a.btn.all-reviews:hover { border-color: #ffed00; } body.no-touch a.btn.all-reviews::after { background: #ffed00; } /* Fiche Produit Bundle ========================================================================== */ /* Column select */ #bundle-formules .columns > ul { /* border-color: #efecdb;*/ /* couleur de bordure = couleur de fond du site */ /* BEGIN Mantis 64719 suppression de la séparation visuelle */ border: 0 solid #FFFFFF /* END Mantis 64719 suppression de la séparation visuelle */ } /* Mantis 64719 Override bayard-rwd.css Alignement des bundle en sélection */ #bundle-formules .columns > ul.offer { background: #fff; margin-left: -1px; margin-right: -1px; } /*** Price Table ***/ #bundle-formules .offer .header { background-color: #fd9b9b; font-weight: 900; } #bundle-formules .offer.select .header { background-color: #CE2700; /* Mantis 64719 Override bayard-rwd.css */ margin: auto; /*text-align: left;*/ } #bundle-formules .columns li { /* Mantis 64719 Override bayard-rwd.css */ border-bottom: 1px solid #eee; display: table; font-size: 14px; height: 100px; padding: 5px 0 0 0; position: relative; text-align: center; width: 100%; } #bundle-formules .columns li.not-included { /* Mantis 64719 Override bayard-rwd.css */ background: #FFFFFF; } /* [Mobile] */ @media screen and (max-width: 1023px) { #bundle-formules .columns li { /* Mantis 64719 Override bayard-rwd.css */ border-bottom: 1px solid #eee; display: table; font-size: 14px; height: 100px; padding: 25px 0 0 0; position: relative; text-align: center; width: 100%; } #bundle-formules .columns ul.select{ /* border-color: #CE2700;*/ /* BEGIN Mantis 64719 Modification du visuel lors du select */ border-left:3px solid #CE2700; border-right:4px solid #CE2700; border-bottom:3px solid #CE2700; border-top:0; margin:auto; /* END Mantis 64719 Modification du visuel lors du select */ } #bundle-formules .offer li p { color: #636466; display: table-cell; padding-left: 55px; /* padding-right: 10px; */ vertical-align: middle; } } #bundle-formules.is-netflix .button.add-to-cart { /* Mantis 64719 Override bayard-rwd.css */ background: #fff; clear: both; padding: 20px 0 40px 0 ; margin: -5px 0 10px -1px; overflow: hidden; } #bundle-formules .products-desc cite{ background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png) no-repeat -400px -350px; text-align: left; } /* Mantis 64719 changer picto checked */ /*#bundle-formules .columns .offer li::before{ background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png) no-repeat -270px -350px; }*/ #bundle-formules .columns .offer li::before{ background: url("https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/blue-checked.png") no-repeat ; top:50%; } /*#bundle-formules .columns .offer li.not-included::before{ background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png) no-repeat -270px -389px; }*/ #bundle-formules .columns .offer li.not-included::before { background: transparent; } /* BEGIN Mantis 64719 override bayard-rwd.css ne pas montrer le texte si produit non inclus */ #bundle-formules .columns .offer li.not-included > * { opacity: 0; background-color:#FFFFFF; } /* aligner le bloc button add-to-cart*/ #bundle-formules.is-netflix .button.add-to-cart { margin:0; } /* supprimer les espaces */ #bundle-formules .columns { padding:0; } /* enlever le fond gris qd produit pas ds l'offre*/ #bundle-formules .columns li.not-included { background: #FFFFFF; } /*#bundle-formules .process > li.bundle-block::before,*/ #bundle-formules .titre::before { content:''; height:1px; width: 100%; max-width: 1063px; background:#000; display:block; margin-bottom:20px; } #bundle-formules.is-oldbundle p.titre { text-align:left; padding-left:110px; font-size:38px; line-height: 1.2; } #bundle-formules .process > li.bundle-block.options .titre { color:#00a1e0; } @media screen and (max-width: 1024px) { #bundle-formules .process > li.bundle-block::before { left:10px; right:10px; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); width:auto; } #bundle-formules.is-oldbundle p.titre { padding-left:10px; font-size:33px; } #bundle-formules.is-oldbundle .product-options-bottom .bottom-price-container, #bundle-formules.is-oldbundle .product-options-bottom .bottom-detail-container, #bundle-formules.is-oldbundle .product-options-bottom .bottom-button-container { margin: 0 10px; } } #bundle-formules.is-oldbundle .product-options-bottom .bottom-button-container { margin-top:0; margin-bottom:50px; } #bundle-formules.is-oldbundle .product-options-bottom .bottom-button-container a.btn { padding-top:10px; padding-bottom:10px; } #bundle-formules.is-oldbundle .product-options-bottom .bottom-detail-container { display:none; } /* Limiter l'effet des bordures en mobile #bundle-formules .columns li:not(.header) {*/ /* background: #fff; */ /*}*/ /* limiter le décalage en mobile */ @media screen and (max-width: 590px) { #bundle-formules .offer .header { font-size: 12px; } #bundle-formules .columns ul.select { /* border-color: #CE2700; */ border-left: 2px solid #CE2700; border-right: 2px solid #CE2700; border-bottom: 2px solid #CE2700; border-top: 0; margin: auto; } #bundle-formules .offer li p { color: #636466; display: table-cell; padding-left: 55px; padding-right: 0px; vertical-align: middle; } #bundle-formules .two-formula .offer li p, #bundle-formules .three-formula .offer li p { font-size: 11px; line-height: 1.1; padding-left: 11px; } #bundle-formules .columns .offer li::before{ background: url("https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/blue-checked.png") no-repeat ; top:50%; } } /* END Mantis 64719 override bayard-rwd.css */ /* Hover & Select */ /* #bundle-formules .columns ul.offer:hover,*/ #bundle-formules .columns ul.select{ /* border-color: #CE2700;*/ /* BEGIN Mantis 64719 Modification du visuel lors du select */ border-left:3px solid #CE2700; border-right:4px solid #CE2700; border-bottom:3px solid #CE2700; border-top:0; margin:auto; /* END Mantis 64719 Modification du visuel lors du select */ } #bundle-formules .columns ul.offer.select::before{ border-top-color: #CE2700;} /* Tooltip */ #bundle-formules .tooltip{ background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png) no-repeat -308px -350px; right: 0; top: 0; width: 28px; } /* Zone prix (footer) */ #bundle-formules .footer label{ border: 2px solid #CE2700;} #bundle-formules .footer input[type=radio]:checked + label, #bundle-formules .footer label:hover{ background: #CE2700; color: #fff; } /*** Bloc CMS cadeaux ***/ #bundle-formules .gift{ border-color:#e1e5e7;} #bundle-formules .gift h3{font-weight: 900;} #bundle-formules .gift p{color:#636466; font-weight: 500;} /*** bundle ancienne version ***/ #bundle-formules.is-oldbundle input[type=radio]:checked + label::after, #bundle-formules.is-oldbundle input[type=checkbox]:checked + label::after { background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/white-checked.png) no-repeat center center; margin-top:0; top:2px; right:1px; width:25px; height:23px; } #bundle-formules.is-oldbundle input[type=radio]:checked + label::before, #bundle-formules.is-oldbundle input[type=checkbox]:checked + label::before { content: ''; display: block; position: absolute; right: 0; top: 0; width: 0; height: 0; border-top: 50px solid #00a1e0; border-left: 50px solid transparent; } #bundle-formules.is-oldbundle p.titre span { display:inline; } #bundle-formules.is-oldbundle p.titre span::before {display:none;} #bundle-formules.is-oldbundle p.titre span.nombre { width:60px; height:60px; background: #00a1e0; border-radius:60px; color:#fff; text-align:center; line-height:60px; margin-right:20px; display:inline-block; } /* radio et checkbox checked */ #bundle-formules.is-oldbundle input[type=checkbox]:checked + label, #bundle-formules.is-oldbundle input[type=radio]:checked + label { border-color: #00a1e0; } #bundle-formules.is-oldbundle input[type=radio]:checked + label .label-radio::before, #ajout-nouveau-destinataire input[type=radio]:checked + label.btn-radio::before, .tunnel-paiement-inner .sp-methods dt .radio:checked + label::before{ background-image: url(https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos-rwd/radio-on-bundle-old.png); } #bundle-formules.is-oldbundle input[type=checkbox]:checked + label .label-checkbox::before, #shippingRateVpc input[type=checkbox]:checked + label::before, .tunnel-paiement-inner .input-checkbox .checkbox:checked + label::before, .recipient .conditions input[type=checkbox]:checked + label::before, #remember-me-box .rememberMeCheckbox .checkbox:checked + label::before{ background-image: url(https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos-rwd/checkbox-on-bundle-old.png); } #bundle-formules.is-oldbundle label .voir-details { color: #CE2700; float:none; margin-top:0; } #bundle-formules.is-oldbundle label .desc-radio, #bundle-formules.is-oldbundle label .short-description-checkbox { width:100%; } #bundle-formules.is-oldbundle label .more-details-radio, #bundle-formules.is-oldbundle label .more-details-checkbox { min-width:95px; } #bundle-formules label .prix-container .prix .price { color: #CE2700; } .category-products ul.listing-articles .box-footer .article-price .prix-origine .price::after, .category-products-grouped .listing-articles .box-footer .article-price .prix-origine .price::after, .offres-speciales .listing-produits .box-footer .price-box .prix-origine .price::after, #bundle-formules label .prix-container .prix-origine::after { border-color: #CE2700; } .composer-abonnement .price-line-1 span { display:inline-block; padding:0 5px; } .composer-abonnement .price-line-1 .main { color: #CE2700; } .composer-abonnement .price-line-1 .main::after { content:none; } /* ========================================================================== 8. FOOTER ========================================================================== */ .footer-container-box{ background: #ebf1f4; } .footer-container-box .newsletter { text-align:center;} .footer-container-box .label{ color: #2b2c2e; font-weight: 700; } .footer-container-box .picto::before{ background: url("https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png") no-repeat 5px -176px; } .footer-container-box .picto.garantie::before {background-position: 15px -176px;} .footer-container-box .picto.paiement-securise::before {background-position: -50px -174px;} /* .footer-container-box .picto.faq::before {background-position: -110px -170px;} .footer-container-box .picto.email::before {background-position: -170px -170px;} .footer-container-box .picto.tel::before {background-position: -234px -170px;} .footer-container-box .picto.adresse::before {background-position: -310px -170px;} */ /*Modif de spictos footer*/ .footer-container-box .picto.faq::before { background: url("https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos-rwd/Footer-Pictos-FAQ.png") no-repeat; } .footer-container-box .picto.email::before { background: url("https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos-rwd/Footer-Pictos-Contact.png") no-repeat; } .footer-container-box .picto.tel::before { background: url("https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos-rwd/Footer-Pictos-Tel.png") no-repeat; } .footer-container-box .picto.adresse::before { background: url("https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos-rwd/Footer-Pictos-Adresse.png") no-repeat; } .footer-container-box .picto.facebook::before {background-position: -0px -80px;} .footer-container-box .picto.twitter::before {background-position: -109px -80px;} .footer-container-box .picto.instagram::before {background-position: -218px -80px;} .footer-container-box .picto.youtube::before {background-position: -327px -80px;} /* 8.x footer 1 ========================================================================== */ .footer-container-box .footer1-container { padding: 65px 0 75px; } /* Newsletter */ .footer-container-box .footer1-container .column3 button{ background: #ffed00; font-weight: 900; } /* footer 2*/ .footer-container-box .footer2-container { background: #00a1e0; padding: 50px 0 20px;} /*BEGIN Newsletter override bayard-rwd.css*/ #home_newsletter h2 { text-align:center; border: 1px solid #D8D8D8; padding:7px; margin-top:30px; font-weight: bold; line-height: 1; } .newsletter { display:flex; flex-direction: column; align-items: center; } .footer-container-box .footer1-container .column3 em{ line-height: 20px; margin: -12px 0 30px; width: 60%; font-size:85%; } .footer-container-box .footer1-container .column3 .newsletter .btn { width:70% !important; } .Newsletter_Message_popin { text-transform: uppercase; color: #2E2E2E; font-size: 12px; margin: 0px 10px 10px 15px; float: left; text-align: justify; background-color: #ffed00; border: 2px solid #ffed00; } .inner-popin-content { margin-top: -17px; overflow:hidden; } /* END Newsletter */ /* 8.x footer cgv ========================================================================== */ .footer-container-box .footer-cgv{font-weight: 500;} .footer-container-box .footer-cgv li a{ color: #292929;} .footer-copyright{ color: #949698; } /* ************************************************** POP IN ************************************************** */ .pop-in .margin { background: #efecda; } /* VC - 05/07/17 - Correction pour popin newsletter */ .pop-in .margin-home-newsletter { background: #efecda; } /* ------------------------------------------- */ /* -------- POPIN Add to cart */ /* ------------------------------------------- */ .fiche-produit .message-success, #popin-add-to-cart .message-success, #popin-subscribe-content .message-success { background: #00a1e0; } #popin-add-to-cart .gift-option input[type=radio]:checked + label { border-color: #CE2700; } @media screen and (min-width: 768px) { #popin-add-to-cart .gift-option.no-gift label{ border-color: #d0d4d7} } #popin-add-to-cart .buttons-end .my_inner a, #popin-subscribe-content .buttons-end .my_inner a, #popin-add-to-cart .buttons-end .my_inner button { background: #ffed00; border: 3px solid #ffed00; } #popin-add-to-cart .buttons-end .my_inner a::after, #popin-subscribe-content .buttons-end .my_inner a::after, #popin-add-to-cart .buttons-end .my_inner button::after { background: #fff none repeat scroll 0 0; } body.no-touch #popin-add-to-cart .buttons-end .my_inner button:hover::after { height: 100%; opacity: 1; } /* ========================================================================== 9. CHECKOUT ========================================================================== */ /**************************** ---- tunnel / panier -------- *****************************/ .tunnel-mon-panier .message-success, .tunnel-paiement .message-success, .account-edit .message-success, .login-process .message-success { background: #44cd67; } #shopping-cart-table th, .footer-cart-columns .column2 .tfp { background: #00a1e0; } .crosssell-container .crosssell .item .product-shop .product-name a, #shopping-cart-table .promo-line td .promo-column .product-name a { color: #CE2700; } .crosssell-container .crosssell .item .product-shop .prix .price, #shopping-cart-table .promo-line td .promo-column .prix .price { color: #CE2700; } #shopping-cart-table td.price-column .nouveau-prix { background: #CE2700; color: #fff; } .footer-cart-columns .column2 #checkbox-form .btn { cursor: pointer; line-height: 1.2; margin-bottom: 0; margin: auto; padding: 16px 35px; max-width: 400px; } /* crosssell */ .crosssell-container { background: #00a1e0; } .crosssell-container .crosssell .crosssell-title { color: #fff;} /* [Mobile] */ @media screen and (max-width: 1023px) { #shopping-cart-table .promo-line td .promo-libelle-cms-container .label-offer::after { border-color: #0079d0 transparent transparent transparent; } #shopping-cart-table td.price-column, #shopping-cart-table .cart-gift-container{ border-color: #efecdb; } /* enlever le fond gris qd produit pas ds l'offre*/ #bundle-formules .columns li.not-included { text-align: center; background: #FFFFFF; } /* Mantis 64719 changer picto checked différence hauteur entre mobile et desktop*/ /*#bundle-formules .columns .offer li::before{ background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png) no-repeat -270px -350px; }*/ #bundle-formules .columns .offer li::before{ background: url("https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/blue-checked.png") no-repeat ; top:62%; } #bundle-formules .columns ul.select{ /*border-color: #CE2700;*/ /* BEGIN Mantis 64719 Modification du visuel lors du select */ border-left:3px solid #CE2700; border-right:4px solid #CE2700; border-bottom:3px solid #CE2700; border-top:0; margin:auto; /* END Mantis 64719 Modification du visuel lors du select */ } } /* [Desktop] */ @media screen and (min-width: 1024px) { #shopping-cart-table th, #shopping-cart-table td.product-column, #shopping-cart-table td.quantity-column, #shopping-cart-table td.price-column{ border-color: #efecdb; } #shopping-cart-table td.price-column { border-left: 4px solid #efecdb; border-right: 4px solid #efecdb; } #shopping-cart-table tr.promo-line.odd td.price-column.last { border: none; } } /* cms */ #shopping-cart-table .promo-libelle-cms-container .label-offer { background: #0078d0; } #shopping-cart-table .promo-line td:first-child { border-color: #0078d0; } /* bloc cms en haut de page */ /* BLOC CMS BANDEAU */ .bayardrwd-bloc-bil { background: #00b7ce; color: #fff; /*VC - font-size: 22px;*/ font-size: 14px; line-height: 1.1; } .bayardrwd-bloc-bil .margin { /* VC - Réduction padding cms bloc bandeau padding-bottom: 40px; padding-top: 40px;*/ padding-bottom: 20px; padding-top: 20px; text-align: center; /* IG #118 Décoller barre navigation */ margin-bottom: 5px; } .bayardrwd-bloc-bil .bold { font-weight: 900; } @media screen and (min-width: 1024px) { .bayardrwd-bloc-bil { font-size: 14px; } .bayardrwd-bloc-bil .margin { padding-bottom: 10px; padding-top: 10px; /* IG #118 décoller la barre */ margin-bottom: 15px; } } /* 9.0 Stepper (steps Nav) ========================================================================== */ .line-stepper li.active, .line-stepper li.active > span a { color: #CE2700; } .line-stepper li.active .icon::before { background-color: #CE2700; } /* 9.1 Identification ========================================================================== */ #checkoutHeader ~ .stepper .back-buttons::before{ background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png) no-repeat -417px -408px; } /*** je créé mon compte (+ edition) ***/ .login-process.account-edit .select::before, #ajout-nouveau-destinataire .select::before{ background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png) no-repeat -414px -411px; transform: rotate(-90deg); } /* 9.2 Destinataire(s) ========================================================================== */ .recipient .notice{ background: #44cd67; color: #fff; } .recipient .notice::before{ content:' '; display:block; margin: 0 auto 10px; width: 30px; height: 30px; background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png) no-repeat 0 -440px; } .recipient h3{ background-color: #00b7ce; color: #fff; } a.address_button{ color: #CE2700;} /* Select */ .recipient .subscriptions select { border-color: #00b7ce; } .recipient .subscriptions .select-box-container::before{ background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png) no-repeat -40px -434px; } .recipient .conditions .cart-cgv label { border: 1px solid #00b9d2; } @media screen and (min-width: 1024px) { .recipient .notice::before{ display: inline-block; margin: 0 15px -10px 0; } } /* VC - Ticket 63674 - Permet d'avoir le texte sous dest email en noir */ .dest-email { color: #999 !important; font-size:12px !important; line-height: normal; } /* VC - Ticket 63674 - Espace entre email et texte */ .recipient .infos-perso > p { padding-bottom: 5px; } /* Ajout destinataire */ .recipient a.ajouter:hover, .recipient a.ajouter:focus{ color: #CE2700;} .recipient a.ajouter::before{ content: ''; background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png) no-repeat -270px -389px; display: inline-block; height: 28px; margin-right: 10px; vertical-align: bottom; width: 28px; } /* Produits simple */ .recipient .subscriptions.vpc li + li{ border-color: #efecdb; } /*** Form ajout / modif destinataire ***/ #ajout-nouveau-destinataire .obligatoire{ color: #CE2700; } /* Date Of Birth widget */ @media screen and (min-width:1024px) { #ajout-nouveau-destinataire #dob-widget::after { content: ''; background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png) no-repeat -60px -440px; display: inline-block; height: 40px; opacity: .7; position: absolute; right: -50px; top: 0px; vertical-align: bottom; width: 33px; } } /* Auto login password validation */ .demande-mot-de-passe .input-box::before{ background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png) no-repeat -65px -174px; } /* ========================================================================== 5. MON COMPTE ========================================================================== */ /* menu */ .line-stepper-customer-account li.active a, .line-stepper-customer-account li a:hover { background: #00a1e0; border-color: #00a1e0; color:#fff; } .line-stepper-customer-account li a { color: #000; } .line-stepper-customer-account li.Accueil a { color: #646464; } .line-stepper-customer-account li.Accueil.active a, .line-stepper-customer-account li.Accueil a:hover { color:#fff; } .line-stepper-customer-account .Disconnect a:hover { color: #00a1e0; } .line-stepper-customer-account li.active .icon::before, .line-stepper-customer-account li a:hover .icon::before { background-position: 0 -26px; } .line-stepper-customer-account li.active.EditInfo .icon::before, .line-stepper-customer-account li.EditInfo a:hover .icon::before { background-position: -270px -26px; } .line-stepper-customer-account li.active.Help .icon::before, .line-stepper-customer-account li.Help a:hover .icon::before { background-position: -590px -26px; } /* compte accueil */ .customer-account-index .my-account .listing-produits .item-abo { margin-bottom: 42px; position: relative; } .customer-account-index .my-account .listing-produits .nom-abonne { background-color: #CE2700; } .customer-account-index .my-account .listing-produits .product-reabo { border-color: #00b7ce; } .customer-account-index .my-account .listing-produits .substitution-reabo { background: #00b7ce; } .customer-account-index .my-account .listing-produits .product-abo { border-color: #efecda; } .item-abo .push-abo .the-push .a-decouvrir-title span { background: #ffed00; } .item-abo .push-abo .the-push .push-description .push-titre { color: #CE2700; } /* --- étape Mes information > updatecreditcard --- */ #majcbProcess .nombre{background: #CE2700;} #majcbProcess .list-2col li{background: #ebf1f4;} #majcbProcess h3 .color{color: #00b7ce;} /* --- étape Aide --- */ .customer-account-help .content.help a.faq::after{ background: url("https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png") no-repeat -112px -170px; transform: scale(.66); } .customer-account-help .content.help li::before{ background: url("https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos_sprite.png") no-repeat; transform: scale(.8); } .customer-account-help .content.help li.form::before { background-position: -176px -179px; margin-top: -8px} .customer-account-help .content.help li.phone::before{ background-position: -250px -170px; } .customer-account-help .content.help li.address::before{ background-position: -320px -164px; width: 75px; } @media screen and (min-width: 768px) { .customer-account-help .content.help li::before{ transform: scale(1); } } /* ========================================================================== 10. CMS PAGE ========================================================================== */ /* 10.1 Landing page (Model) ========================================================================== */ /* Grille blocs */ .landing-page .bloc-item h2, .landing-page .bloc-item li span::before{ color: #CE2700; } /* * BEGIN * Adresse temporaire CHAT */ #linkAddTemp { background-color: #dcdcdc; margin-bottom: 1em; padding: 7px 50px; display:flex; flex-direction: column; } #linkAddTemp p { display:flex; flex-direction: column; justify-content:center; } #linkAddTemp p div { display:flex; flex-direction: row; justify-content:center; } /* Formulaire CHAT */ .customer-address-temporary .my-account{ background: #ececec; } h2 div { padding:10px 5px; } /* [Desktop] */ .my-account-wrapper { display:flex; flex-direction:column; align-items:center; font-family:"Museo Sans", Arial; font-weight:500; font-size: 11pt; min-width: 300px; } /* [Mobile] */ @media screen and (max-width: 590px){ .my-account-wrapper { align-items:normal; } } #borderForm-CHAT.border-Form { max-width:600px; min-width:280px; display:flex; flex-direction:column; margin:10px 10px; background: #dcdcdc; text-align:center; border:2px solid #00a1e0; } #borderForm-CHAT.border-Form .form-list p { padding:0; } #borderForm-CHAT.border-Form div p { text-align:left; margin-bottom:15px; } #borderForm-CHAT.border-Form div label li .field-CHAT { width: auto; font-size: 10pt; font-weight:500; color:#000000; margin:3px 3px 2px 2px; display:flex; flex-direction:row; justify-content:left; } #borderForm-CHAT.border-Form .fields-CHAT .field-CHAT div label { width:200px; font-size: 10pt; color:#000000; } #borderForm-CHAT.border-Form .field-CHAT input { height: 30px; border:solid 1px #00a1e0; font-size: 10pt; text-align:left; } .my-account-wrapper p { margin:10px 10px 0 10px; } .fields-CHAT { width: 80%; } .CHAT-date { display: flex; flex-direction: column; margin-bottom: 10px; justify-content: baseline; } .fields-CHAT div { display: flex; flex-direction: row; padding-left: 10px; justify-content: space-between; } #borderForm-CHAT.border-Form .form-list .customer-dob .dob-day, #borderForm-CHAT.border-Form .form-list .customer-dob .dob-month, #borderForm-CHAT.border-Form .form-list .customer-dob .dob-year, #borderForm-CHAT.border-Form .form-list .customer-dob .end-month { margin-right: 6px; /* padding-top: 8px;*/ background: none !important; } .my-account-wrapper .form-list .input-box.field-CHAT input { height: 30px; font-size: 10pt; width: auto; padding-right: 20px; /* pour gérr la case Valider sans décalage */ min-width: 200px; } .my-account-wrapper span.obligatoire { display:inline-block; color:#E92700; font-size:12pt; padding-left: 3px; } #form-validate .form-buttons .button { margin: 30px auto auto auto; float:none; } .my-account-wrapper span.validation-passed, .my-account-wrapper div.validation-passed { background: url(https://librairie-bayard.com/skin/frontend/bayardrwd/librairie/images/pictos-rwd/checkmark.png) 100% 13px no-repeat ; } /*Affichage de la coche Validé*/ .my-account-wrapper .form-list li.fields .field { padding-right: 20px; } /*Modbile*/ @media screen and (max-width: 590px) { .fields-CHAT { width: auto; } /*Affichage de la coche Validé*/ .my-account-wrapper .form-list li.fields-CHAT .field-CHAT { padding-right: 10px; } .fields-CHAT div { display: flex; flex-direction: row; justify-content: space-between; padding-left: 10px; width: auto; } .my-account-wrapper .form-list .input-box.field-CHAT input { height: 30px; font-size: 8pt; width: auto; padding-right: 20px; /* pour gérr la case Valider sans décalage */ min-width: 200px; } } /* * Adresse temporaire CHAT * END */ /** * Owl Carousel v2.2.0 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;/*-webkit-transform-style:preserve-3d*/}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(https://librairie-bayard.com/skin/frontend/bayardrwd/default/css/owlcarousel/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .interactionWindow { /*background: none repeat scroll 0 0 #0097DD;*/ width: 600px; /*border: 1px; border-color: #000; border-style: solid;*/ position:absolute; top: 40%; left: 25%; z-index:1300; padding: 0 4px 4px 4px; text-align: left; } .interactionWindow a{ /* background: url("https://librairie-bayard.com/skin/frontend/base/default/qas/images/bkg_btn-close.gif") repeat-x scroll 0 50% transparent !important; border: 1px solid #EA7601; color: #FFFFFF; cursor: pointer; float: right; font: 12px/17px Arial,Helvetica,sans-serif; padding: 0 12px 0 7px; text-decoration: none !important; */ background: url("https://librairie-bayard.com/skin/frontend/base/default/qas/images/pictos.png") no-repeat scroll left -1098px rgba(0, 0, 0, 0); color: #FFFFFF; display: block; font-family: 'LatoBold'; padding: 0 0 0 25px; position: absolute; right: 0; text-decoration: none; text-transform: uppercase; top: -30px; } .message-popup-content { background: none repeat scroll 0 0 #FFF; padding: 21px 21px 10px; } .interactionWindow a span { background: url("https://librairie-bayard.com/skin/frontend/base/default/qas/images/images/pictos.png") no-repeat scroll 0 50% transparent; float: left; padding-left: 19px; } .interactionWindow h2{ /*color: #644F3B; font: bold 12px/19px Arial,Helvetica,sans-serif; margin: 0; padding: 0 10px;*/ } .interactionWindow-mask { background-color: #000000; bottom: 0; height: 100%; left: 0; opacity: 0.6; position: fixed; right: 0; top: 0; width: 100%; z-index: 1200; } #address_search_autocomplete { z-index:1100; height:350px; overflow:auto;} #address_search_autocomplete ul { border:1px solid #5c7989; background-color:#f9f5f0; } #address_search_autocomplete li { text-align:left; border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; cursor:pointer; } #address_search_autocomplete li .amount { float:right; font-weight:bold; } #address_search_autocomplete li.odd { background-color:#fffefb; } #address_search_autocomplete li.selected { background-color:#f7e8dd; } /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(https://librairie-bayard.com/skin/frontend/base/default/css/%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(https://librairie-bayard.com/skin/frontend/base/default/css/%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(https://librairie-bayard.com/skin/frontend/base/default/css/%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(https://librairie-bayard.com/skin/frontend/base/default/css/%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(https://librairie-bayard.com/skin/frontend/base/default/css/%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(https://librairie-bayard.com/skin/frontend/base/default/css/%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(https://librairie-bayard.com/skin/frontend/base/default/css/%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("https://librairie-bayard.com/skin/frontend/base/default/css/data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("https://librairie-bayard.com/skin/frontend/base/default/css/data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("https://librairie-bayard.com/skin/frontend/base/default/css/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("https://librairie-bayard.com/skin/frontend/base/default/css/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("https://librairie-bayard.com/skin/frontend/base/default/css/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("https://librairie-bayard.com/skin/frontend/base/default/css/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("https://librairie-bayard.com/skin/frontend/base/default/css/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("https://librairie-bayard.com/skin/frontend/base/default/css/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("https://librairie-bayard.com/skin/frontend/base/default/css/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("https://librairie-bayard.com/skin/frontend/base/default/css/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("https://librairie-bayard.com/skin/frontend/base/default/css/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("https://librairie-bayard.com/skin/frontend/base/default/css/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("https://librairie-bayard.com/skin/frontend/base/default/css/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("https://librairie-bayard.com/skin/frontend/base/default/css/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("https://librairie-bayard.com/skin/frontend/base/default/css/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("https://librairie-bayard.com/skin/frontend/base/default/css/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("https://librairie-bayard.com/skin/frontend/base/default/css/data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("https://librairie-bayard.com/skin/frontend/base/default/css/data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px} /* CSS Document for caroussel */ #slideshow { position: relative; /*le parent positionné*/ width: 980px; /*limite en largeur (1 élément du slideshow)*/ height: 350px; /*limite en hauteur*/ margin: 0px auto; overflow: hidden; /*on cache ce qui déborde*/ } #sContent { position: absolute; /*on sort l'élément du flux*/ top: 0; /*on le positionne précisément dans ...*/ left: 0; /*l'angle haut gauche de son parent positionné*/ width: 3010px; /*ou 300% car 3 éléments*/ height:340px; margin: 0; padding: 0; z-index: 10; /*CSS3 transition*/ -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; } #sContent li { display: inline; /*on aligne les éléments du slideshow*/ } #slideshow .next, #slideshow .prev { position: absolute; top: 140px; padding:0; margin:0; width:74px; height:77px; z-index: 20; background-image:url('https://static.bayardweb.com/Magento/data/Commun/assets/img/fleche.png'); } #slideshow .prev { left: 0; -webkit-transform:rotate(180deg); /*Safari 3.1+/Chrome*/ -o-transform:rotate(180deg); /*Opera 10.5+*/ -moz-transform: rotate(180deg); /*Firefox 3.5+*/ } #slideshow .next { right: 0; } /* initialisation */ #slideshow .next, #slideshow .prev { display: none; } #slideshow .next1 { display: block; } /* Vers 1ère étape */ #s1:target #sContent { left: 0px; } #s1:target .next, #s1:target .prev { display: none; } #s1:target .next1 { display: block; } /* Vers 2ème étape */ #s2:target #sContent { left: -1005px; } /*ou -100%*/ #s2:target .next, #s2:target .prev { display: none; } #s2:target .next2, #s2:target .prev2 { display: block; } /* Vers 3ème étape */ #s3:target #sContent { left: -2010px; } /*ou -200%*/ #s3:target .next, #s3:target .prev { display: none; } #s3:target .prev3 { display: block; }