/* Theme Name: La clé à molette Description: Thème du site la clé à molette Author: Fernand Dutilleux Version: 2.0 Stable tag: 2.0 Requires at least: 4.5 Tested up to: 4.7 */ :root { --marge-empagement: 32px; --rouge: #E20613; --gris: #999; --largeur-conteneur-logo : 60px; --font-sizeGrosTitre: clamp(24px, 2vw, 400px); --font-sizeGrosGrosTitre: clamp(36px, 3vw, 400px); --letter-spacingGrosTitre: -0.04vw; --line-heightGrosTitre: 1.1; --indent-value: 50px; --marginTop240: 200px; } @media screen { html,body {margin:0;padding: 0} body { background-color: #fff; font-family: "Museo500-Regular", "DejaVu Sans", Verdana, "sans-serif";-webkit-font-smoothing: antialiased; line-height: 1.3;} .wrap { box-sizing: border-box; width: 100%; color: #333; background-color: #fff;} a {text-decoration: none; color: #000} a:hover {} a.linkHoverRouge:hover {color:var(--rouge)} h1, h2, h3, h4, h5, h6 { font-weight: normal; margin:0; padding: 0; font-family: "Museo500-Regular", "DejaVu Sans", Verdana, "sans-serif" } h1 {} h2 { font-size:32px;} h3 {} h4 {} h5 {} h6 {} .fontSize12 {font-size: 12px} .fontSize14 {font-size: 14px} .fontSize16 {font-size: 16px} .fontSize18 {font-size: 18px} .fontSize20 {font-size: 20px} .fontSize22 {font-size: 22px} .fontSize24 {font-size: 24px} .fontSize28 {font-size: 28px} .fontSize32 {font-size: 32px} .fontSize36 {font-size: 36px} .indent {text-indent: var(--indent-value);} .lienUnderline {text-decoration: underline;} .maxWidth900 {max-width: 900px;} .addEcrou::before{ content: ""; flex-shrink: 0; display: block; width: 22px; height: 20px; background-color: var(--rouge); clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); position: relative; display: inline-block; margin-right: 5px; top:3px; } .addEcrou::after{ content: ''; position: absolute; top: 9px; left: 7px; width: 8px; height: 8px; background-color: #fff; border-radius: 50%; } .bigTitreNorme { font-size: var(--font-sizeGrosTitre); letter-spacing: var(--letter-spacingGrosTitre); line-height: var(--line-heightGrosTitre); } .lineHeight1p3 {line-height: 1.3} .noPaddingP p {margin:0} .fullWidth {width:100% !important} .bold {font-family: "Museo500-Regular", "DejaVu Sans", Verdana, "sans-serif"} .extrabold {font-family: "Museo700-Regular", "DejaVu Sans", Verdana, "sans-serif"} .rouge {color:#e20613 !important} .backgroundBlanc {background-color:#fff !important} .backgroundRouge {background-color:var(--rouge) !important} .backgroundNoir {background-color:#000000 !important} .noir {color:#000} .blanc {color:#ffffff} .relative {position: relative;} .hoverRouge:hover {color:var(--rouge) !important} .displayBlock {display: block;} a.lienAuteursJambe, .listeFiltresSidebar .filtre { color: black; /*background-color: var(--rouge);*/ padding: 5px 15px; display: inline-block; border-radius: 200px; margin-bottom: 5px; border: 1px solid; -webkit-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; -o-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; } a.lienAuteursJambe.is-active, a.lienAuteursJambe.is-active:hover { background-color: var(--rouge); border-color: var(--rouge); color: #fff; } .centre {text-align: center} .btnRougeSimple {color:#e20613; font-size:14px; font-family: "Museo700-Regular", "DejaVu Sans", Verdana, "sans-serif";} .btnRouge {padding:10px; background-color:#e20613; color:#fff; display: inline-block; font-size:12px; font-family: "Museo500-Regular", "DejaVu Sans", Verdana, "sans-serif"; padding: .618em 1em; font-weight: 500; font-size: 14px; } .btnLiseretRouge {padding:10px; background-color:transparent; color:#e20613; border:1px solid #e20613; display: inline-block; font-size:12px; font-family: "Museo500-Regular", "DejaVu Sans", Verdana, "sans-serif"; padding: .618em 1em; font-weight: 500; font-size: 14px; } .btnLiseretRouge:hover {background-color:#e20613; color:#fff; border:1px solid #e20613;} .btnBlanc {padding:10px; border:1px solid #fff; background-color:transparent; color:#fff; display: inline-block; font-size:12px; font-family: "Museo500-Regular", "DejaVu Sans", Verdana, "sans-serif"; padding: .618em 1em; font-weight: 500; font-size: 14px; } .btnBlanc:hover {background-color:#fff; color:#e20613;} .bigBtn {font-size:16px;} .borderTop {border-top:1px dotted #000} .chapo {color:#e20613; font-size:24px; line-height: 1.3; padding-bottom: 0;} .verticalAlign { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } p {} ul, ol { margin: 0; padding: 0; list-style-position: outside; margin-left: var(--indent-value); } pre {} code, tt, var {} abbr, acronym {} blockquote {} blockquote p {} .post {} .entry {} .entry a {} .entry a:hover {} .meta {} .postmetadata {} .nav {} .nav-prev {} .nav-next {} .searchform {} .search-submit {} ol.commentlist { padding: 0; list-style: none; } ol.commentlist li {} ol.commentlist li.alt {} ol.commentlist li.bypostauthor {} ol.commentlist li.byuser {} ol.commentlist li.comment-author-admin {} ol.commentlist li.comment { padding: 20px; border-bottom: 1px dotted #999; } ol.commentlist li.comment div.comment-author {} ol.commentlist li.comment div.vcard {} ol.commentlist li.comment div.vcard cite.fn { font-style: normal; } ol.commentlist li.comment div.vcard cite.fn a.url {} ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 20px 20px; } ol.commentlist li.comment div.vcard img.photo {} ol.commentlist li.comment div.vcard span.says {} ol.commentlist li.comment div.commentmetadata {} ol.commentlist li.comment div.comment-meta { margin: 10px 0; font-size: 12px; } ol.commentlist li.comment div.comment-meta a { color: #999; } ol.commentlist li.comment p {} ol.commentlist li.comment ul {} ol.commentlist li.comment div.reply { font-size: 12px; font-weight: bold; } ol.commentlist li.comment div.reply a {} ol.commentlist li.comment ul.children { margin: 20px 0 0 0; padding: 0; list-style: none; } ol.commentlist li.comment ul.children li {} ol.commentlist li.comment ul.children li.alt {} ol.commentlist li.comment ul.children li.bypostauthor {} ol.commentlist li.comment ul.children li.byuser {} ol.commentlist li.comment ul.children li.comment {} ol.commentlist li.comment ul.children li.comment-author-admin {} ol.commentlist li.comment ul.children li.depth-2 { margin: 0; border-left: 5px solid #555; } ol.commentlist li.comment ul.children li.depth-3 { margin: 0; border-left: 5px solid #999; } ol.commentlist li.comment ul.children li.depth-4 { margin: 0; border-left: 5px solid #bbb; } ol.commentlist li.comment ul.children li.depth-5 {} ol.commentlist li.comment ul.children li.odd {} ol.commentlist li.even { background-color: #fff; } ol.commentlist li.odd { background-color: #f6f6f6; } ol.commentlist li.parent { border-left: 5px solid #111; } ol.commentlist li.thread-alt {} ol.commentlist li.thread-even {} ol.commentlist li.thread-odd {} form {} label { display: block; } input { display: block; } input[type=text] {} textarea {} .wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form textarea, .wpcf7-form input[type=file] {border:1px solid #000; padding:10px 10px} input[type=file] {width: 90%;} input[type=file]::file-selector-button { margin-right: 20px; border: 1px solid #000; background: #ffffff; padding: 8px 14px; border-radius: 0; color: #000; cursor: pointer; transition: background .2s ease-in-out; text-transform: uppercase; } input[type=file]::file-selector-button:hover { background: #000; border: 1px solid #000; color:#fff; } .screen-reader-text { position: absolute; left: -9999em; } /* WP Default Styles */ .wp-caption {} .wp-caption-text {} .sticky {position: sticky; top: 0;} .gallery-caption {} .alignright {} .alignleft {} .aligncenter {} .clearfix::after { content: ""; clear: both; display: table; } } /* END screen media */ /* //////////////////////////////// // FONTES /////////////////////////////// */ @font-face { font-family: 'Museo300-Regular'; src: url('fonts/Museo300-Regular-webfont.woff2') format('woff2'), url('fonts/Museo300-Regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Museo500-Regular'; src: url('fonts/Museo500-Regular-webfont.woff2') format('woff2'), url('fonts/Museo500-Regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Museo700-Regular'; src: url('fonts/Museo700-Regular-webfont.woff2') format('woff2'), url('fonts/Museo700-Regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .museo300 {font-family: 'Museo300-Regular';} .museo500 {font-family: 'Museo500-Regular';} .museo700 {font-family: 'Museo700-Regular';} /* //////////////////////////////// // INTERFACE /////////////////////////////// */ #conteneurLogo { width:var(--largeur-conteneur-logo); height: 100vh; background-color: #fff; position: fixed; z-index: 11; top:0; left: 0; padding-top:30px; border-right:1px solid #efefef; -webkit-transform: translateX(-80px); -ms-transform: translateX(-80px); transform: translateX(-80px); opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -o-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0) } #conteneurLogo.display { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1; } header { position: fixed; top: 0; left: 0; width: 100%; } @media screen and (max-width: 550px) { #conteneurLogo, #conteneurLogo.display {display: none} .wrap {padding-left:0} } /* //////////////////////////////// // GENERAL /////////////////////////////// */ .sectionRelief {box-shadow: 0 -17px 16px -6px rgba(0, 0, 0, .1);} .conteneurGrille {/*max-width: 1445px;*/ padding:0 var(--marge-empagement); margin:0 auto;} @media screen and (max-width: 1600px) { /*.conteneurGrille {padding:0 80px;}*/ } @media screen and (max-width: 1024px) { /*.conteneurGrille {padding: 0 60px;}*/ } .conteneurGris {background-color: #eeeeec} .conteneurRouge {background-color: #e20613} .conteneurAvecSlider { width: 100%; overflow: hidden; } .listeAuteursSidebar {opacity: 0} .sectionAvecJambe {padding-left:350px} #content.content_page_auteurs .sectionAvecJambe{padding-left:0; margin:auto; background-color: white;} @media screen and (max-width: 1200px) { .sectionAvecJambe {padding-left: 0;} #content.content_page_auteurs {display: block !important;} /* .sideBar { position: relative !important; left: 0px !important; top: 80px; width: 100%; height: auto; background-color: #fff; padding-top: 80px; padding-bottom: 50px; z-index: 12; width: 100% !important; color:#000; } */ .sideBar h1.blanc {color:#000} a.lienAuteursJambe {display: inline-block; color:#000} a.lienAuteursJambe:hover {display: inline-block; color:#e20613} a.lienAuteursJambe:after {content:" | ";} a.lienAuteursJambe:last-child:after {content:"";} .contenuListeAuteursSidebar {margin-top: 20px !important;} .sectionAvecJambe.paddingTop160 {padding-top:0} .listeAuteursSidebar {margin-right: 50px;} } .blocRuptureStock { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 5px 10px; background-color: white; color: #e20613; } .blocInfoLivre {padding-top:20px;} .blocInfoLivre, .blocInfoLivre h4, .blocInfoLivre p, .blocInfoLivre h3 {font-size:16px;} /* ANIMATIONS AUTOMATIQUES */ .autoAnim { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -o-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0) } .autoAnim.autoDisplay { opacity:1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .autoAnimX { -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -o-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0) } .autoAnimX.autoDisplay { opacity:1; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .autoAnimDecal { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -o-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .autoAnimDecal.autoDisplay { opacity:1; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .autoAnimXDecal { -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -o-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .autoAnimXDecal.autoDisplay { opacity:1; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } /* Page à propos : révélation séquencée (.sectionRelief puis les .wp-block-columns), en remontant depuis le bas du viewport */ .aProposSection, .aProposReveal .wp-block-columns { opacity: 0; -webkit-transition: opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.85s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1), transform 0.85s cubic-bezier(0.22, 1, 0.36, 1); transition: opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1), transform 0.85s cubic-bezier(0.22, 1, 0.36, 1); will-change: opacity, transform; } .aProposSection.is-revealed, .aProposReveal .wp-block-columns.is-revealed { opacity: 1; -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important; } /* Pour debug colonne */ .content {/*background-color: #123456*/} /* //////////////////////////////// // NAVIGATION /////////////////////////////// */ .menu-header-container {width:100%;} .nav { -webkit-font-smoothing: antialiased; padding: var(--marge-empagement); display: flex; } .nav ul { padding:0; margin:0; } .nav ul li { display: block; list-style:none; font-family: "Museo500-Regular", "DejaVu Sans", Verdana, "sans-serif"; width: 100%; font-size:var(--font-sizeGrosTitre); letter-spacing: var(--letter-spacingGrosTitre); line-height: var(--line-heightGrosTitre); } .sub-menu {display: none;} .menu-header-cart { display: flex; justify-content: flex-end; width: 100%; } .menu-header-cart .header-cart-link { font-size: clamp(16px, 1.5vw, 300px); font-family: "Museo500-Regular", "DejaVu Sans", Verdana, "sans-serif"; letter-spacing: -0.07vw; line-height: auto; color: inherit; text-decoration: none; } .current-menu-item a, .menu-header-cart.current-menu-item a.header-cart-link {color:var(--rouge)} .menu-header-cart .header-cart-link:hover { color: var(--rouge); } .leMenuMobile .menu-header-cart { justify-content: flex-start; margin-top: 20px; } .leMenuMobile .menu-header-cart .header-cart-link { color: #fff; } .leMenuMobile .menu-header-cart .header-cart-link:hover { color: var(--rouge); } .leMenuMobile ul {margin: 0;padding: 0;} .leMenuMobile .menu-header-cart .header-cart-link {font-size: 24px; padding: 20px;} /* Modale recherche plein écran */ body.searchModal-open {overflow: hidden;} .searchModal { position: fixed; inset: 0; z-index: 10000; background-color: #fff; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; -o-transition: opacity 0.3s ease, visibility 0.3s ease; transition: opacity 0.3s ease, visibility 0.3s ease; } .searchModal.is-open { opacity: 1; visibility: visible; } .searchModal-inner { width: 100%; max-width: 900px; padding: 0 var(--marge-empagement); box-sizing: border-box; } .searchModal-form { display: flex; align-items: stretch; border-bottom: 2px solid #000; } .searchModal-input { flex: 1; border: none; background: transparent; font-family: "Museo300-Regular", "DejaVu Sans", Verdana, "sans-serif"; font-size: clamp(24px, 4vw, 48px); letter-spacing: -0.04em; line-height: 1.2; padding: 12px 0; color: #000; outline: none; -webkit-appearance: none; appearance: none; } .searchModal-input::placeholder {color: #999;} .searchModal-submit { flex-shrink: 0; border: none; background: transparent; color: #000; cursor: pointer; padding: 0 0 0 20px; display: flex; align-items: center; justify-content: center; -webkit-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; } .searchModal-submit svg { width: clamp(28px, 3vw, 40px); height: clamp(28px, 3vw, 40px); } .searchModal-submit:hover {color: var(--rouge);} .searchModal-close { position: absolute; bottom: var(--marge-empagement); right: var(--marge-empagement); width: 80px; height: 80px; border: none; background: transparent; cursor: pointer; padding: 0; } .searchModal-close span { display: block; position: absolute; top: 50%; left: 50%; width: 78px; height: 2px; background: #000; border-radius: 1px; -webkit-transition: background 0.2s ease; -o-transition: background 0.2s ease; transition: background 0.2s ease; } .searchModal-close span:nth-child(1) { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .searchModal-close span:nth-child(2) { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .searchModal-close:hover span {background: var(--rouge);} .grosParagrapheAPropos {font-size: clamp(24px, 3vw, 300px); line-height: 1.25; font-family: "Museo300-Regular", "DejaVu Sans", Verdana, "sans-serif";} /* Page résultats de recherche */ .searchResultsList {margin-top: 20px;} .searchResultItem { padding: 30px 0; border-bottom: 1px solid #ddd; } .searchResultItem-thumb {display: block;} .searchResultItem-thumb img { display: block; width: 100%; height: auto; } .searchResultsList article {align-items: flex-start;} .searchResultItem-type { display: block; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 8px; color: #999; } .searchResultItem-title { font-family: "Museo700-Regular", "DejaVu Sans", Verdana, "sans-serif"; font-size: clamp(20px, 2.5vw, 28px); margin-bottom: 8px; } .searchResultItem-title a:hover {color: var(--rouge);} .searchResultItem-meta {margin: 0 0 8px;} .searchResultItem-price {margin: 0 0 8px;} .searchResultItem-excerpt p {margin: 0;} /*#menu-mobile {display: none}*/ .wpmenucartli i.icon {width: 24px;height: 24px;display: inline-block;margin-top: -5px;} .wpmenucartli {display:flex !important; justify-content: flex-end;} .wpmenucartli .cartcontents { display: inline-block; background-color: #e20613; width: 20px; height: 20px; text-align: center; color: #fff; font-size: 12px; line-height: 20px; border-radius: 50%; margin-left: -10px; } /* Hamburger Nav */ #contientIcon-nav { display:none; position: fixed; right: 20px; z-index: 7000; top: 10px;} #nav-icon { width: 40px; height: 40px; position:relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; z-index:200000; } #nav-icon span { display: block; position: absolute; height: 2px; width: 30px; background: #000000; opacity: 1; left: 8px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #nav-icon.open span { background: #ffffff } .hamburger_transparent #nav-icon span { background: #ffffff; opacity: 1; } .hamburger_transparent #nav-icon { opacity: 1; } #nav-icon span:nth-child(1) { top: 12px; } #nav-icon span:nth-child(2),#nav-icon span:nth-child(3) { top: 18px; } #nav-icon span:nth-child(4) { top: 24px; } #nav-icon.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; } #nav-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #nav-icon.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; } .navigationMobile { background: #e20613; color: #000000; position: fixed; top: 0px; right: 0; width: 100%; height: 100%; /*display: table;*/ z-index: 6000; opacity: 0; display:none; -webkit-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -o-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; } .navigationMobile.active { opacity: 1; top: 0px; display:block; } .contientNavMobile{ /*opacity: 0;*/ width:100%; height:100%; } .leMenuMobile { position: relative; top: 10px; } .leMenuMobile ul li { display: block; font-size:16px; opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } .leMenuMobile ul li:before {content :"" } .leMenuMobile ul li a {color: #fff; font-size: clamp(24px, 8vw, 48px); padding: 0 20px; line-height: 1.2;} .leMenuMobile .wpmenucart-display-right { float: none!important; } .leMenuMobile .wpmenucart-display-right:before { content: ""; display: block; border-top: 1px solid #fff; width: 30px; margin-left: 20px; margin-top: 20px; margin-bottom: 20px; } .leMenuMobile svg {fill:#fff} .leMenuMobile .wpmenucartli .cartcontents { background-color: #fff; color: #e20613; } @media screen and (max-width: 48em) { .navigationMobile { width: 100%; height: 100%; } } /* //////////////////////////////// // MANIFESTE HOME /////////////////////////////// */ .sectionManifesteHome {padding-bottom:50vh; padding-top:var(--marge-empagement);} .manifesteHome {font-size: clamp(24px, 3vw, 400px); line-height: 1.2; font-family: "Museo300-Regular", "DejaVu Sans", Verdana, "sans-serif"; margin:0} /* //////////////////////////////// // DERNIERES PARUTIONS /////////////////////////////// */ .sectionDerniereParutions, .sectionBlog { position: sticky; top:0; margin-top: 17vw; background: white; } .sectionBlog {margin-top: 0;} .titreOuvrageDernieresParutions {font-family: "Museo700-Regular", "DejaVu Sans", Verdana, "sans-serif"; } .blocDerniereParution img {width: 100%; height: auto} .detailDerniereParution {margin-top:30px; padding-right: 30px;} .imageDerniereParution {position:relative; display: flex;align-items: center;justify-content: center; padding: 18%;} .imageDerniereParution .overlay {position:absolute; width:100%; height: 100%; right:0; top:0; background-color: #fff} /* Bouton icône texte (3 traits) → croix */ .parutionCard {position: relative; overflow: hidden;} .parutionToggle { position: absolute; top: 0; left: 0; z-index: 3; width: clamp(46px, 3.5vw, 64px); height: clamp(46px, 3.5vw, 64px); padding: clamp(4px, 0.4375vw, 8px); border: none; background: var(--rouge); color: #000; cursor: pointer; opacity: 0; -webkit-transition: all 0.2s cubic-bezier(0.77,0.2,0.05,1.0); -o-transition: all 0.2s cubic-bezier(0.77,0.2,0.05,1.0); transition: all 0.2s cubic-bezier(0.77,0.2,0.05,1.0); } .parutionCard:hover .parutionToggle {opacity: 1;} .parutionCard.is-open .parutionToggle {opacity: 1;} .parutionCard .woocommerce-Price-amount {font-family: "Museo500-Regular", "DejaVu Sans", Verdana, "sans-serif";} .parutionToggle-icon { display: block; position: relative; width: 100%; height: 100%; } .parutionToggle-icon span { display: block; position: absolute; height: 2px; left: 0; background: white; border-radius: 999px; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } /* Rendu type lucide-text-align-start */ .parutionToggle-icon span:nth-child(1) {top: 20.83%; width: 75%;} .parutionToggle-icon span:nth-child(2) {top: 45.83%; width: 50%;} .parutionToggle-icon span:nth-child(3) {top: 70.83%; width: 58%;} /* Transformation en croix */ .parutionCard.is-open .parutionToggle-icon span:nth-child(1) { top: 45.83%; width: 100%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .parutionCard.is-open .parutionToggle-icon span:nth-child(2) { opacity: 0; width: 0; } .parutionCard.is-open .parutionToggle-icon span:nth-child(3) { top: 45.83%; width: 100%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* Overlay sur le conteneur gris */ .parutionOverlay { position: absolute; font-size:clamp(14px, 1.5vw, 32px); top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.96); z-index: 2; opacity: 0; visibility: hidden; padding: 0; padding-top:clamp(60px, 4vw, 76px); box-sizing: border-box; -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; -o-transition: opacity 0.3s ease, visibility 0.3s ease; transition: opacity 0.3s ease, visibility 0.3s ease; } .parutionCard.is-open .parutionOverlay { opacity: 1; visibility: visible; } .parutionOverlay .detailDerniereParution { margin-top: 0; padding-right: 0; opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .parutionOverlay p {margin:0} /* Auto animation */ .autoAnimBlocDerniereParution .overlay { -webkit-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -o-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0) } .autoAnimBlocDerniereParution.autoDisplay .overlay { opacity:1; width: 0; } .autoAnimBlocDerniereParution .detailDerniereParution { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -o-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0) } .autoAnimBlocDerniereParution.autoDisplay .detailDerniereParution { opacity:1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } /* //////////////////////////////// // CONTACT /////////////////////////////// */ .wpcf7 {margin-top:50px} .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {width:90%; margin-top: 10px;} .wpcf7-submit { background-color: #e20613; color: #fff; display: inline-block; font-size: 12px; font-family: "Museo500-Regular", "DejaVu Sans", Verdana, "sans-serif"; padding: 12px 20px; font-weight: 500; font-size: 14px; border: none; text-transform: uppercase; margin-top: 20px; } @media (max-width: 1024px) { .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {width:100%; box-sizing: border-box;} } /* //////////////////////////////// // COLLECTIONS LISTES /////////////////////////////// */ .collectionsListBloc img {width: 100%; height: auto; margin-bottom:30px;} .collectionsListBloc .catDescription {margin:20px 0 40px 0} .collectionsListBloc .btnRouge, .collectionsListBloc .btnBlanc {margin-top:20px;} /* //////////////////////////////// // FOOTER /////////////////////////////// */ .footer { z-index: 100; position: sticky; top:0; padding: var(--marge-empagement) 0 40vh 0; background-color: white; } .footer .grid {} .footer .punchlineNewsletter { font-size: clamp(24px, 3vw, 400px); letter-spacing: var(--letter-spacingGrosTitre); line-height: var(--line-heightGrosTitre); font-family: "Museo500-Regular", "DejaVu Sans", Verdana, "sans-serif"; } /* Newsletter : calcul anti-spam discret (remplace reCAPTCHA) */ .footer .blank-newsletter-math { display: inline-flex; align-items: center; gap: 8px; margin-right: 6px; font-size: 16px; line-height: 1; white-space: nowrap; position: relative; top: -3px; } .footer .blank-newsletter-math-label { margin: 0; font-size: inherit; font-weight: normal; } .footer .blank-newsletter-math-input { width: 72px; padding: 10px 20px; border: 1px solid black; background: #fff; font-size: 24px; line-height: 1; text-align: center; box-sizing: border-box; -moz-appearance: textfield; } .footer .blank-newsletter-math-input::-webkit-outer-spin-button, .footer .blank-newsletter-math-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .footer .invi-recaptcha, .footer .grecaptcha-badge, .footer iframe[title="reCAPTCHA"] { display: none !important; visibility: hidden !important; } .footer img {width:100%; height: auto;} body.single-product .footer { /*background-color: black;*/ border-top: 0; } .footer2 { z-index: 200; position: relative; background-color: white; padding : 40px 0; font-size: 16px; height: 60vh; } .footer2 .conteneurGrille { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .footer2 ul {margin: 0; padding: 0; margin-top: 20px;} .footer2 li {display: block; list-style: none;} .footer2 li a:hover {color:var(--rouge)} /*.footer2 li:before {content:" | "}*/ .footer2 li:first-child:before {content:""} .footer2 li a { color:black; font-size: var(--font-sizeGrosTitre); letter-spacing: var(--letter-spacingGrosTitre); line-height: var(--line-heightGrosTitre); } .footer2 .logoFooter svg {width: clamp(200px, 25%, 600px); height: auto;} /* Retour en haut de page */ .backToTop { position: fixed; bottom: var(--marge-empagement); right: var(--marge-empagement); z-index: 5000; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0; border: none; background-color: var(--rouge); color: white; cursor: pointer; box-sizing: border-box; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease; -o-transition: opacity 0.3s ease, visibility 0.3s ease, color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease; transition: opacity 0.3s ease, visibility 0.3s ease, color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease; } .backToTop.is-visible { opacity: 1; visibility: visible; pointer-events: auto; } .backToTop svg { display: block; width: 24px; height: 24px; } .backToTop:hover, .backToTop:focus { color: #fff; background-color: #000; outline: none; } @media (max-width: 1024px) { .footer2 .colFooterLCAM {margin-bottom:30px} } @media (max-width: 576px) { .footer2 .colFooter2 {margin-top:30px} } /* //////////////////////////////// // WOO-COMMERCE GENERAL /////////////////////////////// */ /* Mon compte : grille thème (col-4 nav / col-8 contenu) */ .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { float: none; width: 100%; } .woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; } .woocommerce-account .woocommerce-MyAccount-navigation li { margin: 0; padding: 0; margin: 0; padding: 0; display: block; list-style: none; font-family: "Museo500-Regular", "DejaVu Sans", Verdana, "sans-serif"; width: 100%; font-size: var(--font-sizeGrosTitre); letter-spacing: var(--letter-spacingGrosTitre); line-height: var(--line-heightGrosTitre); } .woocommerce-account .woocommerce-MyAccount-navigation li a { display: block; color: #000; text-decoration: none; } .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a, .woocommerce-account .woocommerce-MyAccount-navigation li a:hover { color: var(--rouge); } body.woocommerce-dashboard .woocommerce-MyAccount-content p {margin-top:0} body.page-template-cart h1{font-size: 36px;margin-bottom: 20px;} .woocommerce table.shop_table td.actions {padding:9px 0 !important} .woocommerce table.shop_table td.product-thumbnail {padding-left:0;} body.woocommerce-page .grid .col-8_md-12 .woocommerce {padding-top:55px} @media only screen and (max-width: 768px) { .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail { display: block !important; } } /* Panier : lignes type carte (image + détails) */ .woocommerce-cart table.cartTable--minimal thead { display: none; } .woocommerce-cart table.cartTable--minimal tbody, .woocommerce-cart table.cartTable--minimal tr.cart_item, .woocommerce-cart table.cartTable--minimal tr.cart-actions-row { display: block; width: 100%; } .woocommerce-cart table.cartTable--minimal tr.cart_item { display: flex; align-items: stretch; gap: clamp(16px, 3vw, 32px); padding: 0 0 32px; margin-bottom: 32px; border-bottom: 1px solid #000; } .woocommerce-cart table.cartTable--minimal tr.cart_item:last-of-type { margin-bottom: 0; } .woocommerce-cart table.cartTable--minimal tr.cart_item td { border: none; padding: 0; vertical-align: top; } .woocommerce-cart table.cartTable--minimal td.product-thumbnail { flex-shrink: 0; width: clamp(90px, 12vw, 140px); padding: 1vw !important; background: #eeeeec !important; } .woocommerce-cart table.cartTable--minimal td.product-thumbnail img { width: 100%; height: auto; display: block; box-shadow: 5px 5px 10px rgba(0, 0, 0, .4); } .woocommerce-cart table.cartTable--minimal td.product-details { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: space-between; min-height: clamp(90px, 12vw, 140px); } .woocommerce-cart table.cartTable--minimal .cartItem__info .product-name { font-weight: 700; font-size: clamp(18px, 2vw, 18px); line-height: 1.2; } .woocommerce-cart table.cartTable--minimal .cartItem__info .product-name a { color: inherit; } .woocommerce-cart table.cartTable--minimal .cartItem__info .nomAuteurPanier { display: block; margin-top: 6px; font-weight: 500; font-size: 16px; } .woocommerce-cart table.cartTable--minimal .cartItem__info .product-price { margin-top: 10px; font-weight: 400; font-size: 16px; } .woocommerce-cart table.cartTable--minimal .cartItem__footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 24px; } .woocommerce-cart table.cartTable--minimal .cartItem__footer .product-quantity { flex: 0 1 auto; } .woocommerce-cart table.cartTable--minimal .cartItem__footer .product-remove { flex-shrink: 0; } .woocommerce-cart table.cartTable--minimal tr.cart-actions-row td.actions { border-bottom: none; padding-top: 24px; } .woocommerce-cart table.shop_table_responsive.cartTable--minimal tr td::before { display: none !important; } label[for="coupon_code"] {display: none;} /* Panier : aligner coupon + boutons sur la même hauteur */ .woocommerce-cart tr.cart-actions-row td.actions { display: flex; flex-wrap: wrap; align-items: stretch; gap: 16px; } .woocommerce-cart tr.cart-actions-row td.actions .coupon { align-items: stretch; } .woocommerce-cart tr.cart-actions-row td.actions .coupon .input-text, .woocommerce-cart tr.cart-actions-row td.actions .coupon button[name="apply_coupon"], .woocommerce-cart tr.cart-actions-row td.actions button[name="update_cart"] { box-sizing: border-box; height: 42px; font-size: 14px; line-height: 1; padding: 0 1em; margin: 0; display: inline-flex; align-items: center; justify-content: center; -webkit-appearance: none; appearance: none; } .woocommerce-cart tr.cart-actions-row td.actions .coupon button[name="apply_coupon"] { border-left: 0; } /* Suppresion des fleches de quantité */ /* Chrome, Safari, Edge, Opera */ input.quantityField::-webkit-outer-spin-button, input.quantityField::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input.quantityField[type=number] { -moz-appearance: textfield; } .qty__adjust { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 1px solid #333; background-color: transparent; box-sizing: border-box; cursor: pointer; font-family: inherit; font-size: 20px; line-height: 1; color: #333; transition: color 0.2s ease, border-color 0.2s ease; } .qty__adjust span { display: block; margin-top: -2px; } .qty__adjust:hover, .qty__adjust:focus { border-color: var(--rouge); color: var(--rouge); outline: none; } .woocommerce .quantity { display: inline-flex; align-items: center; gap: 8px; } .woocommerce .quantity .qty { display: inline-block; width: 2.5em; height: 36px; text-align: center; border: none; padding: 0; background-color: transparent; margin-top: 0; box-sizing: border-box; font-size: 16px; } .cart-subtotal td, .order-total td {text-align: right;} .cart-subtotal th, .order-total th {padding-left: 0 !important;} .coupon {display: flex;} #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { float: left; box-sizing: border-box; border: 1px solid #000; border-right: none; padding: 0.618em 1em; margin: 0; outline: 0; line-height: 1; background-color: transparent; } body.page-template-command .conteneurGrille {max-width: 100%; padding:0;} body.page-template-command .resumeCart {padding:150px 40px 40px 40px} body.page-template-command .resumeCart a {text-decoration: underline;} body.page-template-command .formCheckOut {padding:150px 40px 40px 100px} body.page-template-command .checkout {padding:60px var(--marge-empagement) 120px; background-color:white} @media screen and (max-width: 768px) { body.page-template-command .formCheckOut {padding:80px 40px 40px 40px} } body.woocommerce-cart h1 {font-size: 32px;} body.woocommerce-cart h2 {font-size: 20px;} body.woocommerce-checkout .woocommerce-info {padding:0} .woocommerce table.shop_table { border: none; margin: 0 -1px 24px 0; text-align: left; width: 100%; border-collapse: separate; border-radius: 5px; background-color: transparent; font-size: 16px; } .woocommerce table.shop_table th { font-weight: 700; padding: 9px 12px 40px; line-height: 1.5em; } .woocommerce table.woocommerce-checkout-review-order-table th {padding: 25px 12px;} .woocommerce table.shop_table td.product-name { font-weight: 700; } .woocommerce table.shop_table td.product-name .nomAuteurPanier {font-weight: 500;} .woocommerce table.shop_table td.product-name .nomAuteurPanier {font-size:16px} form.checkout .resumeCart {background-color:#f3f3f3; padding: 32px !important;} form.checkout .grid {align-items: flex-start;} .woocommerce a.remove { display: inline; font-size: 16px; height: auto; width: auto; text-align: center; line-height: 1; border-radius: 0; color: #e20613!important; text-decoration: none; font-weight: 700; border: 0; } .woocommerce a.remove:hover { color: black!important; background: transparent; } /* Panier : croix de suppression en bas à droite de la ligne */ .woocommerce-cart table.cart td.product-remove--icon { width: auto; padding: 0; text-align: right; } .woocommerce-cart table.cart .cartRemoveIcon { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; font-size: 0; line-height: 0; text-decoration: none; } .woocommerce-cart table.cart .cartRemoveIcon span { display: block; position: relative; width: 14px; height: 14px; } .woocommerce-cart table.cart .cartRemoveIcon span::before, .woocommerce-cart table.cart .cartRemoveIcon span::after { content: ''; position: absolute; top: 50%; left: 50%; width: 14px; height: 1px; background-color: #333; transition: background-color 0.2s ease; } .woocommerce-cart table.cart .cartRemoveIcon span::before { transform: translate(-50%, -50%) rotate(45deg); } .woocommerce-cart table.cart .cartRemoveIcon span::after { transform: translate(-50%, -50%) rotate(-45deg); } .woocommerce-cart table.cart .cartRemoveIcon:hover span::before, .woocommerce-cart table.cart .cartRemoveIcon:hover span::after { background-color: var(--rouge); } .woocommerce table.shop_table_responsive tr td.product-remove::before { display: none; } .woocommerce table.shop_table th, .woocommerce table.shop_table td {border-bottom: 1px solid #000;} .woocommerce-cart table.cartTable--minimal tr.cart_item td { border-bottom: none; } body.page-template-command .resumeCart table.shop_table th, body.page-template-command .resumeCart table.shop_table td {border-bottom: 1px dotted #000;padding-left: 0;} body.page-template-command .resumeCart table.shop_table th.product-total, body.page-template-command .resumeCart table.shop_table .cart_item .product-total {text-align: right;} .woocommerce table.shop_table td.actions {border-bottom:none} .woocommerce table.shop_table .product-thumbnail img {width:10vw; max-width: 150px;} #add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th { vertical-align: top; } .woocommerce-checkout #payment ul.payment_methods {border-bottom:1px dotted #000} .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-size: 14px; margin: 0; line-height: 1; cursor: pointer; position: relative; text-decoration: none; overflow: visible; padding: .618em 1em; font-weight: 500; border-radius: 0px; left: auto; color: #000; background-color: transparent; border: 1px solid #000; display: inline-block; background-image: none; box-shadow: none; text-shadow: none; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, input[type="submit"]:hover { color: #fff; background-color: #000 !important; border: 1px solid #000 !important; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { color: inherit; cursor: not-allowed; opacity: 1; padding: .618em 1em; color: #000; } .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover { color: #fff; background-color: #000; border: 1px solid #000; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 200px; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { font-size: 16px; padding: 20px 10px; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: black; color: #fff; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: var(--rouge); color: #fff; text-align: left; border: none; text-transform: uppercase; } .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover { border: none !important; } .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: var(--rouge); } .zone_single_product_ajoutPanier { background-color: transparent; width: 230px; border-radius: 50%; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; margin-top: 30px; } .singleProductStickyInfo { position: sticky; top: 55px; margin-bottom: 20px; } .single_add_to_cart_button { width: auto; height: auto; background-color: var(--gris); color: white; padding: 12px 12vw 12px 12px !important; font-size: 12px !important; font-family: 'Museo700-Regular'; } .woocommerce a.button.alt.checkout-button {padding-left:30px} .woocommerce-error, .woocommerce-info, .woocommerce-message { padding: 1em 1em 1em 45px; margin: 0 0 2em; position: relative; background-color: white; color: #e20613; border-top: none; list-style: none outside; width: auto; word-wrap: break-word; border: 1px solid black; } #order_review .checkout-coupon-toggle .woocommerce-info, #payment .wc_payment_methods .woocommerce-info {padding:1em;} #ship-to-different-address label {display:flex;} #ship-to-different-address label input {margin-right: 10px;} .woocommerce-info::before { color: black; display:none; } .woocommerce-message { border-top-color: #e20613; } .woocommerce-message::before, .woocommerce-error::before { color: #e20613; } .woocommerce form .form-row.woocommerce-invalid label { color: #e20613; } .shop_table.cart thead {display: none;} /* //////////////////////////////// // WOO COMMERCE CHECK OUT /////////////////////////////// */ body.woocommerce-checkout h1 {display:none} body.woocommerce-checkout .show-coupon {text-decoration: underline;} body.woocommerce-checkout .checkout-coupon-toggle .woocommerce-info { background-color: transparent !important; font-size: 16px;} body.woocommerce-checkout .checkout-coupon-toggle .woocommerce-info:before {display:none} body.woocommerce-checkout .coupon_code_checkOut {border:none !important} body.woocommerce-checkout .appliquerCoupon { background-color: #e20613 !important; padding: 15px !important; color: white !important; } body.woocommerce-checkout .conteneurGrille {padding:20px; width: calc(100% - 40px); margin:0 auto; box-sizing: border-box} body.woocommerce-checkout label {font-size:16px} #customer_details {box-sizing: border-box;} #customer_details .col-1, #customer_details .col-2 {float: none; width:100%} .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {padding: 15px; border: 1px solid #d9d9d9; background-color: #fff !important; } .woocommerce form .form-row input.input-text:focus {background-color: #fff !important; } /* Autofill navigateur (fond bleu Chrome/Safari) : background-color seul ne suffit pas */ .woocommerce form .form-row input.input-text:-webkit-autofill, .woocommerce form .form-row input.input-text:-webkit-autofill:hover, .woocommerce form .form-row input.input-text:-webkit-autofill:focus, .woocommerce form .form-row input.input-text:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px #fff inset !important; box-shadow: 0 0 0 1000px #fff inset !important; -webkit-text-fill-color: #000 !important; caret-color: #000; } .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus {border: 2px solid #e20613; } .woocommerce-checkout-payment .woocommerce-error, .woocommerce-checkout-payment .woocommerce-info, .woocommerce-checkout-payment .woocommerce-message { padding: 1em 2em 1em 3.5em; margin: 0 0 2em; position: relative; background-color: transparent; border-top: none; list-style: none outside; width: auto; word-wrap: break-word; line-height: 1.4 !important; } .woocommerce-checkout-payment .woocommerce-info::before { display:none } body.woocommerce-checkout #order_review_heading, body.woocommerce-checkout .woocommerce-billing-fields h3 {font-size: 28px;margin-bottom: 20px;} body.woocommerce-checkout .woocommerce-privacy-policy-text {font-size: 15px;} body.woocommerce-checkout .wc_payment_methods .woocommerce-notice--info {padding-bottom: 26px;} .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select { border-left: 1px solid #000; } .woocommerce form .form-row { padding: 3px; margin: 0 0 20px; } .woocommerce table.woocommerce-checkout-review-order-table td.product-name { font-size: 14px; font-weight: 700; } .woocommerce table.woocommerce-checkout-review-order-table td.product-name .product-quantity {color:#e20613} .woocommerce table.shop_table td { border-top: 0; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { border-top: 0; } .woocommerce-form-coupon-toggle .woocommerce-info { background-color: transparent; color: #000; padding-left: 8px; } .woocommerce-form-coupon-toggle .woocommerce-info::before { display:none; } .woocommerce-form-coupon-toggle .woocommerce-info a { color: #e20613; } #order_review table.shop_table { background-color: transparent; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: transparent; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { padding: 0; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: left; } body.woocommerce-checkout .woocommerce #respond input#submit.alt, body.woocommerce-checkout .woocommerce a.button.alt, body.woocommerce-checkout .woocommerce button.button.alt, body.woocommerce-checkout .woocommerce input.button.alt { background-color: #e20613; color: #fff; text-align: center; padding: 10px 30px; font-size:20px } body.page-template-command .resumeCart button.button.alt, body.page-template-command .resumeCart input.button.alt { background-color: #e20613; color: #ffffff; text-align: center; padding: 20px 10px 20px 30px; font-size: 16px; margin-top: 30px; font-family: "Museo500-Regular", "DejaVu Sans", Verdana, "sans-serif"; width: 100%; text-align: left; } body.page-template-command .resumeCart button.button.alt:hover, body.page-template-command .resumeCart input.button.alt:hover { color: white; border:none !important; } #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row { padding: 0; margin-top:30px; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border: none; padding: 0; margin: 0 0 2em 0; text-align: left; border-radius: 5px; } .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme { display: flex; } /* //////////////////////////////// // SINGLE OUVRAGE /////////////////////////////// */ #content-singleOuvrage h1 {font-size: 24px; font-family: 'Museo700-Regular';} #content-singleOuvrage h2 {font-size:18px;} #content-singleOuvrage .phrase {margin:100px 0 0 0 } #content-singleOuvrage .single-product-image img {width:100%; height: auto; display:block } #content-singleOuvrage .portraitSingleOuvrage { width:100%; height: 100%; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; overflow: hidden; } #content-singleOuvrage .single-product-image { padding: 5vw; background: #eeeeec; } #content-singleOuvrage .productCitation, #content-singleOuvrage .productCitation p { margin-top: 0; font-family: 'Museo700-Regular'; } #content-singleOuvrage .blocDescriptionSingleOuvrage {padding-bottom: 20px;} @media (max-width: 64em) { #content-singleOuvrage .blocDescriptionSingleOuvrage {width: 100%;} } span.flecheGauche:before {content:"\2190"; margin-right: 10px} .woocommerce div.product form.cart {display: flex; flex-wrap: wrap;} .woocommerce a.added_to_cart { padding-top: .5em; display: block; width: 100%; color:#e20613} .woocommerce .infosTechniquesOuvrage a.added_to_cart { display: none;} .auteurAbout {width: 100%;margin-top: 10px;font-size: 18px;line-height: 1.3;} .auteurAbout h3 {margin-bottom: 10px;} body.single-product .quantity {display: none;} .woocommerce div.product p.price, .woocommerce div.product span.price { color: #e20613; } .woocommerce div.product p.prixDansPastille {color:black; margin: 0; font-size: 24px;} .woocommerce div.product form.cart {margin-bottom: 0;} .slick-disabled {opacity: 0.3;} .infosTechniquesOuvrage {font-size: 16px; line-height: 1.4;} body.single-product .out-of-stock {text-align: center; color:#e20613 !important} .woocommerce-shipping-totals.shipping th {padding-left: 0 !important;} .woocommerce-shipping-totals.shipping td {text-align: right !important;} /* //////////////////////////////// // SLIDER /////////////////////////////// */ .slick-track { margin-left: 0 !important; margin-right: 0 !important; } .slick-slide {margin:0px;} .slick-list {overflow: visible !important} /*Pour partir dans la marge */ .slick-arrow {z-index: 10} .slick-prev:before, .slick-next:before {font-size:30px !important;} .slick-prev, .slick-next {width:80px !important; height: 80px !important;} /* Forme boulon (hexagone) sous les flèches slick */ .slick-prev, .slick-next { position: relative; isolation: isolate; overflow: visible; border-radius: 0; } /* .slick-prev::after, .slick-next::after { content: ''; position: absolute; inset: 0; background-color: var(--slick-hex-bg, transparent); clip-path: polygon( 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50% ); z-index: 0; transition: background-color 0.2s ease; pointer-events: none; } */ .slick-prev:before { position: absolute; top: 50%; left: 28%; z-index: 1; width: 1em; line-height: 1; text-align: center; transform: translate(-30%, -50%); } /* Flèche slick-next : au survol, glisse de la gauche vers la droite */ .slick-next { overflow: hidden; } .slick-prev { overflow: hidden; } .slick-next:before { position: absolute; top: 50%; left: 72%; z-index: 1; width: 1em; line-height: 1; text-align: center; transform: translate(-70%, -50%); } .slick-next:not(.slick-disabled):hover:before, .slick-next:not(.slick-disabled):focus:before { animation: slickNextArrowSlide 0.25s ease forwards; } @keyframes slickNextArrowSlide { from { left: 0%; transform: translate(-100%, -50%); } to { left: 72%; transform: translate(-70%, -50%); } } /* Flèche slick-prev : au survol, glisse de la droite vers la gauche */ .slick-prev:not(.slick-disabled):hover:before, .slick-prev:not(.slick-disabled):focus:before { animation: slickPrevArrowSlide 0.25s ease forwards; } @keyframes slickPrevArrowSlide { from { left: 100%; transform: translate(0%, -50%); } to { left: 28%; transform: translate(-30%, -50%); } } /* Sur page produit */ .slideShowProduct .slick-track {height: auto; } .slideShowProduct .slick-dots li button:before { font-size: 36px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: 1; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slideShowProduct .slick-dots li.slick-active button:before { opacity: 1; color: #e20613; } .slideShowProduct .slick-list { overflow: hidden !important; } body.page-template-page-accueil .blocSlider, .conteneurSameCategory .sliderOuvragesCategory .blocSlider { position: relative; background-color: #eeeeec; padding: 0; } .blocSlider a { width: calc(100% - 36%); padding: 18%; display: block; } .lesCollections {background-color: #fff; position: relative;} /* Accueil : collections épinglées en bas (JS), le blog défile par-dessus */ body.page-template-page-accueil .lesCollections.is-pinned-bottom { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1; width: 100%; margin: 0; box-sizing: border-box; } body.page-template-page-accueil .sectionBlog { position: sticky; top: 0; z-index: 2; background-color: var(--rouge); } .lesCollections-pinSpacer { display: block; width: 100%; pointer-events: none; } /* Fiche produit : contenu épinglé en bas, slider « Vous aimerez aussi » en sticky par-dessus */ body.single-product .containerContentSingleOuvrage-pinHost { position: relative; width: 100%; } body.single-product .containerContentSingleOuvrage-pinHost.is-pinned-bottom { position: fixed; bottom: 0; z-index: 1; margin: 0; box-sizing: border-box; background-color: #fff; } body.single-product .containerContentSingleOuvrage { box-sizing: border-box; width: 100%; } .containerContentSingleOuvrage-pinSpacer { display: block; width: 100%; pointer-events: none; } body.single-product .conteneurSameCategory { position: sticky; top: 0; z-index: 2; background-color: #fff; } body.single-product .conteneurSameCategory .conteneurCollection { padding: 0; margin-top: 0; position: relative; padding-bottom: 64px; } @media (max-width: 48em) { body.single-product .conteneurSameCategory .conteneurCollection { padding: 15px 0 80px; } } .lesCollections h2, .sectionDerniereParutions h2, .sectionBlog h2, body.woocommerce-cart h1 { font-size:var(--font-sizeGrosTitre); letter-spacing: var(--letter-spacingGrosTitre); line-height: var(--line-heightGrosTitre); background-color: #fff; padding: 55px 0; } .titreEtauteurBlocOuvrageCollection h2{ padding:0; } .sectionBlog h2 { background-color: transparent; color:white; } .lesCollections .conteneurCollection > div { /* display: grid; grid-template-columns: minmax(220px, 25%) 1fr; */ column-gap: 24px; align-items: start; } .lesCollections .sliderOuvragesCategory, .conteneurSameCategory .sliderOuvragesCategory { width: 100%; max-width: 100%; overflow: hidden; --collection-slide-gap: 24px; } .lesCollections .sliderOuvragesCategory .slick-list, .conteneurSameCategory .sliderOuvragesCategory .slick-list { overflow: hidden !important; margin-right: calc(var(--collection-slide-gap) * -1); } .lesCollections .sliderOuvragesCategory .slick-slide, .conteneurSameCategory .sliderOuvragesCategory .slick-slide { box-sizing: border-box; height: auto; } .lesCollections .sliderOuvragesCategory .slick-slide > div, .conteneurSameCategory .sliderOuvragesCategory .slick-slide > div { height: 100%; } .lesCollections .sliderOuvragesCategory .blocSlider, .conteneurSameCategory .sliderOuvragesCategory .blocSlider { width: calc(100% - var(--collection-slide-gap)); margin-right: var(--collection-slide-gap); box-sizing: border-box; display: flex; align-items: center; justify-content: center; } /* Sliders accueil : overlay type dernières parutions */ .lesCollections .sliderOuvragesCategory .blocSlider.parutionCard, .conteneurSameCategory .sliderOuvragesCategory .blocSlider.parutionCard { overflow: visible; } .lesCollections .sliderOuvragesCategory .blocSlider.parutionCard.is-open, .conteneurSameCategory .sliderOuvragesCategory .blocSlider.parutionCard.is-open { overflow: hidden; } .lesCollections .sliderOuvragesCategory .blocSlider.parutionCard .parutionOverlay, .conteneurSameCategory .sliderOuvragesCategory .blocSlider.parutionCard .parutionOverlay { align-items: flex-start; padding: 0; font-size: clamp(14px, 1.2vw, 22px); padding-top: clamp(60px, 6vw, 80px); } .lesCollections .sliderOuvragesCategory .blocSlider.parutionCard .parutionOverlay .detailDerniereParution, .conteneurSameCategory .sliderOuvragesCategory .blocSlider.parutionCard .parutionOverlay .detailDerniereParution { max-height: 100%; overflow-y: auto; padding: 0 clamp(8px, 1.5vw, 20px); margin-top: 0; } .lesCollections .sliderOuvragesCategory .blocSlider.parutionCard .blocRuptureStock, .conteneurSameCategory .sliderOuvragesCategory .blocSlider.parutionCard .blocRuptureStock { z-index: 4; } .lesCollections .sliderOuvragesCategory .blocSlider--placeholder, .conteneurSameCategory .sliderOuvragesCategory .blocSlider--placeholder { position: relative; pointer-events: none; overflow: hidden; } /* Croix blanche : diagonales coin à coin */ .lesCollections .sliderOuvragesCategory .blocSlider--placeholder::before, .conteneurSameCategory .sliderOuvragesCategory .blocSlider--placeholder::before, .lesCollections .sliderOuvragesCategory .blocSlider--placeholder::after, .conteneurSameCategory .sliderOuvragesCategory .blocSlider--placeholder::after { content: ''; position: absolute; inset: 0; pointer-events: none; } .lesCollections .sliderOuvragesCategory .blocSlider--placeholder::before, .conteneurSameCategory .sliderOuvragesCategory .blocSlider--placeholder::before { background: linear-gradient( to bottom right, transparent calc(50% - 0.5px), #fff calc(50% - 0.5px), #fff calc(50% + 0.5px), transparent calc(50% + 1px) ); } .lesCollections .sliderOuvragesCategory .blocSlider--placeholder::after, .conteneurSameCategory .sliderOuvragesCategory .blocSlider--placeholder::after { background: linear-gradient( to bottom left, transparent calc(50% - 0.5px), #fff calc(50% - 0.5px), #fff calc(50% + 0.5px), transparent calc(50% + 1px) ); } @media screen and (max-width: 600px) { .lesCollections .sliderOuvragesCategory .slick-list, .conteneurSameCategory .sliderOuvragesCategory .slick-list { margin-right: 0; } .lesCollections .sliderOuvragesCategory .blocSlider, .conteneurSameCategory .sliderOuvragesCategory .blocSlider { width: 100%; margin-right: 0; } } /* //////////////////////////////// // PAGE CATALOGUE /////////////////////////////// */ .collectionLabel {font-style: italic; font-size:16px;} .page-template-page-catalogue .wrap {overflow: hidden} .lesCollections {/*overflow: hidden;*/} .lesCollections .conteneurCollection {padding:0; margin-top: 1px; position:relative; padding-bottom: 64px;} .lesCollections .conteneurCollection:first-child {border-top:0} .lesCollections .conteneurCollection h2 {margin-bottom:10px} .lesCollections .conteneurCollection .btnRouge, .lesCollections .conteneurCollection .btnBlanc {margin-top:20px;} .infoCollection {margin-bottom:24px; display: flex; justify-content: space-between; width: 100%; align-items: flex-end; flex-wrap: wrap;} .infoCollection >div {width: 50%;} .collectionSlider-header { display: flex; align-items: center; justify-content: flex-start; gap: 6px; margin-bottom: 6px; } .collectionSlider-header h3 { margin: 0; flex: 0 1 auto; min-width: 0; } /* Écrou décoratif devant le titre de collection */ .collectionEcrou { flex-shrink: 0; display: block; width: 22px; height: 20px; background-color: var(--rouge); clip-path: polygon( 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50% ); position: relative; } .collectionEcrou::after { content: ''; position: absolute; top: 50%; left: 50%; width: 42%; height: 42%; background-color: #fff; border-radius: 50%; transform: translate(-50%, -50%); } .collectionSlider-nav { display: flex; align-items: center; gap: 8px; flex-shrink: 0; justify-content: flex-end; } .lesCollections .collectionSlider-nav .slick-prev, .lesCollections .collectionSlider-nav .slick-next, .conteneurSameCategory .collectionSlider-nav .slick-prev, .conteneurSameCategory .collectionSlider-nav .slick-next { position: relative; top: auto; left: auto; right: auto; transform: none; margin: 0; flex-shrink: 0; } .lesCollections .collectionSlider-nav .slick-prev, .lesCollections .collectionSlider-nav .slick-next, .conteneurSameCategory .collectionSlider-nav .slick-prev, .conteneurSameCategory .collectionSlider-nav .slick-next { --slick-hex-bg: var(--rouge); background-color: transparent; } .lesCollections .collectionSlider-nav .slick-prev:before, .lesCollections .collectionSlider-nav .slick-next:before, .conteneurSameCategory .collectionSlider-nav .slick-prev:before, .conteneurSameCategory .collectionSlider-nav .slick-next:before { font-size: 80px !important; color: var(--rouge); } .lesCollections .collectionSlider-nav .slick-prev:hover, .lesCollections .collectionSlider-nav .slick-prev:focus, .lesCollections .collectionSlider-nav .slick-next:hover, .lesCollections .collectionSlider-nav .slick-next:focus, .conteneurSameCategory .collectionSlider-nav .slick-prev:hover, .conteneurSameCategory .collectionSlider-nav .slick-prev:focus, .conteneurSameCategory .collectionSlider-nav .slick-next:hover, .conteneurSameCategory .collectionSlider-nav .slick-next:focus { --slick-hex-bg: #e20613; background-color: transparent; } .lesCollections .collectionSlider-nav .slick-prev:hover:before, .lesCollections .collectionSlider-nav .slick-prev:focus:before, .lesCollections .collectionSlider-nav .slick-next:hover:before, .lesCollections .collectionSlider-nav .slick-next:focus:before, .conteneurSameCategory .collectionSlider-nav .slick-prev:hover:before, .conteneurSameCategory .collectionSlider-nav .slick-prev:focus:before, .conteneurSameCategory .collectionSlider-nav .slick-next:hover:before, .conteneurSameCategory .collectionSlider-nav .slick-next:focus:before { display: block; } @media (max-width: 48em) { .lesCollections .conteneurCollection {padding: 15px 0 80px;} } .listeFiltresSidebar .filtre.active {color: white; background-color: var(--rouge);} /* SLIDER */ .conteneurCollection .slider600 img {height: auto; width: 100%} .sliderOuvragesCategory .slick-prev, .sliderOuvragesCategory .slick-next {--slick-hex-bg: #fff; background-color: transparent;} .sliderOuvragesCategory .slick-prev:before, .sliderOuvragesCategory .slick-next:before {font-size:30px !important; color:#e20613;} .slick-next:before {content: '\2192' !important;} .slick-prev:before {content: '\2190' !important;} .conteneurHeroAccueil .slick-prev, .sliderOuvragesCategory .slick-prev { transform: translate(0, -50%) rotate(180deg) !important; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: .50 !important;} .sliderOuvragesCategory .slick-prev:hover, .sliderOuvragesCategory .slick-prev:focus, .sliderOuvragesCategory .slick-next:hover, .sliderOuvragesCategory.slick-next:focus {--slick-hex-bg: #e20613; background-color: transparent;} .sliderOuvragesCategory .slick-prev:hover:before, .sliderOuvragesCategory .slick-prev:focus:before, .sliderOuvragesCategory .slick-next:hover:before, .sliderOuvragesCategory.slick-next:focus:before {color: #fff;} /* CATEGORIES */ .blocSliderBackground {padding:40px; height: 100%; box-sizing: border-box;} /* //////////////////////////////// // PAGE AUTEURS /////////////////////////////// */ #content.content_page_auteurs {} #content.content_page_auteurs .sideBar, .content_page_catalogue .sideBar { position: sticky; top: 0; margin-top: clamp(115px, 10vw, 400px); height: auto; left:0; background-color: white; /* Ombre extérieure en haut + ombre intérieure en bas */ box-shadow: 0 17px 16px -6px rgba(0, 0, 0, .1); z-index: 4; } @media screen and (max-width: 650px) { #content.content_page_auteurs .sideBar, .content_page_catalogue .sideBar { position: relative; margin-top: 60px; } } .listeAuteursSidebar, .listeFiltresSidebar { padding: var(--marge-empagement); } .conteneurAuteur { padding: 0 var(--marge-empagement); margin: 0 auto; } .blocAuteur {display: flex; margin-top:100px;} .blocAuteur img {object-fit: cover; height: 100%; width: 100%; min-height: 50vh;} .colBlocAuteur {width: calc(33.33% - 15px); margin:0 20px 0 0} @media screen and (max-width: 1500px) { .colBlocAuteur {width: 100%} } .colBlocAuteur.imageAuteur { -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; overflow: hidden; position: relative; } .overlayImage {position:absolute; width:100%; height: 100%; right:0; background-color: #fff} .colBlocAuteur.infoAuteur {padding-bottom:200px; } .blocAuteur h2 { margin-top: -10px; font-size: var(--font-sizeGrosGrosTitre); line-height: 1; position: relative; z-index: 1; } /* 1 sur 2 */ .blocAuteur:nth-child(even) { justify-content: flex-end; } .blocAuteur:nth-child(even) .colBlocAuteur { margin: 0; } .blocAuteur:nth-child(even) .colBlocAuteur.imageAuteur { margin: 0 0 0 20px; order:1 } .blocAuteur:nth-child(even) .colBlocAuteur.infoAuteur { order:0 } .blocAuteur .titreOuvrage {font-family: "Museo700-Regular", "DejaVu Sans", Verdana, "sans-serif";} .blocAuteur .contenuInfoAuteur { line-height: 1.3; font-size: 18px; } .blocAuteur img.emptyImagePortrait {object-fit:none; height: auto; border:1px solid #000; width: calc(100% - 2px);} .thumbnailOuvrageAuteur {padding: 20px;} @media screen and (max-width: 850px) { .blocAuteur {flex-wrap: wrap;} .blocAuteur .imageAuteur, .blocAuteur .infoAuteur {width:100%} .blocAuteur .imageAuteur {order:0 !important} .blocAuteur .infoAuteur {order:1 !important; padding-bottom: 0px !important;} .blocAuteur h2 { text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; } .blocAuteur img.emptyImagePortrait {display: none;} .blocAuteur:nth-child(even) .colBlocAuteur.imageAuteur, .blocAuteur .colBlocAuteur.imageAuteur { margin: 0 0 24px 0; order: 0; } .blocAuteur { margin-top: 120px; } } @media (max-width: 64em) { .blocAuteur .contenuInfoAuteur { font-size: 16px; } } .ouvragesAuteurs { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; } .ouvrageAuteur-lien { display: block; color: #000; text-decoration: none; line-height: 1.1; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; } .ouvrageAuteur-lien:hover .titreOuvrage { color: var(--rouge); } .ouvragesAuteurs .titreOuvrage { font-size: 16px; line-height: 1.3; -webkit-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; margin-left: var(--indent-value); } /* Aperçu couverture au survol des titres d'ouvrages (page auteurs) */ .ouvrageAuteur-preview { position: fixed; z-index: 9000; pointer-events: none; opacity: 0; visibility: hidden; -webkit-transform: translate(-50%, calc(-100% - 14px)); -ms-transform: translate(-50%, calc(-100% - 14px)); transform: translate(-50%, calc(-100% - 14px)); -webkit-transition: opacity 0.15s ease, visibility 0.15s ease; -o-transition: opacity 0.15s ease, visibility 0.15s ease; transition: opacity 0.15s ease, visibility 0.15s ease; } .ouvrageAuteur-preview.is-visible { opacity: 1; visibility: visible; } .ouvrageAuteur-preview img { display: block; width: clamp(110px, 8vw, 600px); /* 110px */ height: auto; min-height: 0; object-fit: cover; background-color: #fff; border: 0px solid #000; box-shadow: 5px 5px 10px rgba(0, 0, 0, .25); } /* ANIMATIONS AUTOMATIQUES */ .autoAnimBlocAuteur { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -o-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0) } .autoAnimBlocAuteur.autoDisplay { opacity:1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .autoAnimBlocAuteur .overlayImage { -webkit-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -o-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0) } .autoAnimBlocAuteur.autoDisplay .overlayImage { opacity:1; width: 0; } /* ////////////////////////////////////////////////////////// */ /* ACCUEIL */ /* ////////////////////////////////////////////////////////// */ body.home {overflow-x: hidden} .sliderHome {width:100% !important; margin-top: 16px;} .conteneurHeroAccueil { height: 50vh; width: 100%; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; box-sizing: border-box; } .conteneurHeroAccueil .col {width: 50%; padding: 0} .conteneurHeroAccueil .col .intro {/*padding:0 60px; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); opacity: 1*/ } .conteneurHeroAccueil .col .intro p {font-size: calc(14px + 0.6vw); margin:0; line-height: 1.4;} .imageNewsAccueil { height:75vh; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; overflow: hidden; position: relative; } body.home .blogListNews img {width:100%; height: auto;} body.home .blogListNews .col-8 {padding-left: 30px;} .conteneurHeroAccueil .image-secondaire { position: absolute; bottom: 20vh; left: 0; padding: 0 15%; width: 25%; height: auto; } .conteneurHeroAccueil .image-secondaire img {width:100%; height: auto;} .infosNewsAccueil { height: 25vh; color:#fff; padding: 0 15%; } .titreNews {font-size: 30px;} @media screen and (max-width: 768px) { .titreBlog {margin-bottom:40px } } .zoneNewsAccueil {position: relative; z-index: 12; width: 50%; height: 100vh; overflow: hidden; margin-bottom: 0 !important} .conteneurHeroAccueil .contientAplatRouge { position: absolute; width: calc(50vw - 40px); height: 100vh; top: 0; left: 80px; z-index: 100; } .conteneurHeroAccueil .aplatRouge { width:0; height: 100%; background-color: #e20613; position: absolute; top:0; left: 0; } .conteneurHeroAccueil .aplatBlanc { width:100%; height: 100%; background-color: #fff; position: absolute; top:0; left: 0; } .conteneurHeroAccueil .slick-prev, .conteneurHeroAccueil .slick-next {top: 95%;} .conteneurHeroAccueil .slick-prev {left:0;} .conteneurHeroAccueil .slick-next {right:0;} .zoneNewsAccueil .slick-track {height: 100vh;} .zoneNewsAccueil .slick-slide {margin: 0; position: relative;} .blocNewsAcceuil {opacity: 1} .blocNewsAcceuil .titreNews { -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -o-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); } .blocNewsAcceuil .image-secondaire { -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); opacity: 0; -webkit-transition: all 0.4s cubic-bezier(0.77,0.2,0.05,1.0); -o-transition: all 0.4s cubic-bezier(0.77,0.2,0.05,1.0); transition: all 0.4s cubic-bezier(0.77,0.2,0.05,1.0); } .blocNewsAcceuil .ligneDetailNews { -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); -o-transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0); } .blocNewsAcceuil a.enSavoirPlusNews { display: block; -webkit-transform: translateX(70px); -ms-transform: translateX(70px); transform: translateX(70px); opacity: 0; -webkit-transition: all 0.6s cubic-bezier(0.77,0.2,0.05,1.0); -o-transition: all 0.6s cubic-bezier(0.77,0.2,0.05,1.0); transition: all 0.6s cubic-bezier(0.77,0.2,0.05,1.0); } .blocNewsAcceuil.display .titreNews, .blocNewsAcceuil.display .ligneDetailNews, .blocNewsAcceuil.display a.enSavoirPlusNews, .blocNewsAcceuil.display .image-secondaire { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } .grilleDerniereParution .col {position:relative} .grilleDerniereParution .col img {display: block;} .grilleDerniereParution .NomAuteurDernieresParutions {display: block;margin-top: 5px;} .imageShadow img {box-shadow: 5px 5px 10px rgba(0, 0, 0, .4);} /* ////////////////////////////////////////////////////////// */ /* PAGE COLLECTION */ /* ////////////////////////////////////////////////////////// */ body.tax-collection .blocOuvrage .content p {margin-top:15px; margin-bottom: 10px;} #isotopOuvrage { margin:0 -15px} #isotopOuvrage.isotopOuvrage--pending { opacity: 0; visibility: hidden; } #isotopOuvrage.isotopOuvrage--ready { opacity: 1; visibility: visible; -webkit-transition: opacity 0.45s ease; -o-transition: opacity 0.45s ease; transition: opacity 0.45s ease; } #isotopOuvrage .sizer, .blocOuvrage {width:25%; box-sizing: border-box;} .imageOuvrageBlocCollection { height: 40vh; position: relative; display: flex; align-items: center; justify-content: center; overflow: visible; } .imageOuvrageBlocCollection-inner { width: 75%; height: 75%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; min-width: 0; min-height: 0; box-sizing: border-box; /* Marge intérieure pour laisser déborder l'ombre (5px 5px 10px) */ padding: 12px 18px 18px 12px; overflow: visible; } /* Catalogue : apparition des couvertures au scroll */ .catalogueReveal { opacity: 0; -webkit-transform: translateY(22px); -ms-transform: translateY(22px); transform: translateY(22px); -webkit-transition: opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.65s cubic-bezier(0.22, 1, 0.36, 1); -o-transition: opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1), transform 0.65s cubic-bezier(0.22, 1, 0.36, 1); transition: opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1), transform 0.65s cubic-bezier(0.22, 1, 0.36, 1); will-change: opacity, transform; } .catalogueReveal.is-revealed { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .blocOuvrage .imageOuvrageBlocCollection img { display: block; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; object-fit: contain; object-position: center center; box-shadow: 5px 5px 10px rgba(0, 0, 0, .4); -webkit-transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .blocOuvrage .imageOuvrageBlocCollection picture { width: 100%; height: auto; text-align: center; object-fit: contain; object-position: center center; transform-origin: center center; display: flex; justify-content: center; } .blocOuvrage div.margeBlocOuvrage { background-color: #fff; padding: 15px 15px 40px 15px;} .blocOuvrage .imgJardin img {width:100%; height: auto;} .blocOuvrage {} .blocOuvrage h3 { font-size: 16px; font-weight: bold; } .blocOuvrage .content {padding: 20px 0; font-size:16px;} .blocOuvrage .content h2 {font-size: 16px; line-height: 1.2; font-family: "Museo700-Regular", "DejaVu Sans", Verdana, "sans-serif";} .blocOuvrage p {margin:0} .blocOuvrage .blocPrixCataogue {display: block; margin-top: 10px;} .blocOuvrage .titreEtauteurBlocOuvrageCollection {margin-bottom: 10px;} /* Catalogue : overlay type dernières parutions */ .imageOuvrageBlocCollection.parutionCard { overflow: visible; } .imageOuvrageBlocCollection.parutionCard.is-open { overflow: hidden; } .imageOuvrageBlocCollection.parutionCard .parutionOverlay { align-items: flex-start; padding: 0; font-size:clamp(14px, 1.5vw, 32px); padding-top:clamp(60px, 4vw, 76px); } .imageOuvrageBlocCollection.parutionCard .parutionOverlay .detailDerniereParution { max-height: 100%; overflow-y: auto; padding: 0 8px; } .imageOuvrageBlocCollection-inner a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .blocOuvrage .content a.btnRougeSimple { display: inline-block; color: inherit; } .cacheSlider {position: absolute; top:0; left:-30%; width:30%; height: 100% ; z-index: 1; background-color: #fafafa;} .cacheSliderRight {position: absolute; top:0; left:auto;right:-30%; width:30%; height:100%; z-index: 0} @media screen and (max-width: 1200px) { #isotopOuvrage .sizer, .blocOuvrage {width:50%; box-sizing: border-box; } } @media screen and (max-width: 1024px) { #isotopOuvrage .sizer, .blocOuvrage {width:50%; } } @media screen and (max-width: 600px) { #isotopOuvrage .sizer, .blocOuvrage {width:100%; } } /* ////////////////////////////////////////////////////////// */ /* PAGE STANDARD */ /* ////////////////////////////////////////////////////////// */ .chapoPage p {margin-top: 0} .contentPageStadard {line-height: 1.4; font-size: 16px; margin-top: 80px;} /* ////////////////////////////////////////////////////////// */ /* PAGE NEWS */ /* ////////////////////////////////////////////////////////// */ body.page-template-news .conteneurGrille img {width: 100%; height: auto; display: block;} body.page-template-news .blogListNews {padding-bottom: 40px;} body.page-template-news .blogListNews:first-child {padding-top: 0;} body.page-template-news .blogListNews .col-4 {padding:0 40px 0 0} body.page-template-news .titreBlog {font-size: 24px;} body.page-template-news .blogListNews .grid {margin:0} body.page-template-news .blogListNews .col-8_sm-12 {padding-left:30px} body.page-template-news .nav-links .current {position: relative;} body.page-template-news .nav-links .current:after { content:"•"; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); } body.page-template-news .nav-links a:hover {color:#e20613 !important} body.page-template-news .pagination {width: 100%;} body.page-template-news .nav-links {text-align: center; display: block; margin: 0 auto; font-size: 22px;} body.page-template-news .blogListNews:last-child {border-bottom: 0;} body.page-template-news .bloc_pagination {padding-top:20px; border-top:1px dotted #000} /* ////////////////////////////////////////////////////////// */ /* SINGLE POST */ /* ////////////////////////////////////////////////////////// */ .single-post .col-4 img {width: 100%; height: auto} body.single-post h1 {font-size: 32px;} body.single-post .col-6 img {width:100%; height:auto; margin-bottom:40px} body.single-post .contentNewsDetail {font-size: 18px;} /* ////////////////////////////////////////////////////////// */ /* SEND IN BLUE */ /* ////////////////////////////////////////////////////////// */ .sib-email-area {font-size: 16px;} .sib-email-area input[type="email"] { border: none; border-bottom: 1px solid; padding: 10px; display: block; text-align: left; color: black; font-size: 24px; background-color: transparent; margin-bottom: 20px; width: 90%; } .sib-email-area input[type="submit"] { border: 1px solid; padding: 10px 20px; background-color: transparent; display: inline-block; font-size: 24px; } @media screen and (max-width: 1200px) { body.tax-collection .grid {flex-wrap: wrap} body.tax-collection .grid .col-4, body.tax-collection .grid .col-8 {width: 100%;flex-basis: 100%;max-width: 100%;} } @media screen and (max-width: 1024px) { .conteneurHeroAccueil {height: auto} .conteneurHeroAccueil .contientAplatRouge {width:100vw} .conteneurHeroAccueil .col {width:100%; flex: 1 1 100% !important;} .conteneurHeroAccueil {flex-direction: column-reverse; box-sizing: border-box;} .zoneNewsAccueil {order:1} .zoneTexteAccueil {order:2; margin: 80px 0;} .conteneurHeroAccueil .contientAplatRouge { width: 100vw; left: 0px; } } @media screen and (max-width: 650px) { :root {--marginTop240: 60px;} #contientIcon-nav {display:block;} .nav {display: none;} .singleProductStickyInfo { position: fixed; padding: var(--marge-empagement); left: 0; top: 0; width: 100%; background: white; box-sizing: border-box; z-index: 2; box-shadow: 0 17px 16px -6px rgba(0, 0, 0, .1); } #content-singleOuvrage > .sectionRelief:first-child {box-shadow: none; margin-top: 200px;} #content-singleOuvrage > .sectionRelief:first-child .paddingTop55:first-child {padding-top: 0} } @media screen and (max-width: 768px) { :root {--marge-empagement: 20px;} #conteneurLogo {display: none;} .wrap {padding-left: 0;} .conteneurGrille {padding: 0 var(--marge-empagement);} .sectionManifesteHome {padding: var(--marge-empagement) var(--marge-empagement) 40vh var(--marge-empagement);} .infoCollection > div {width: 100%;} .collectionSlider-nav {justify-content: space-between; order:4;} .slick-prev, .slick-next {height: 40px !important;} .footer2 li a {font-size: clamp(24px, 2vw, 400px)} .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {background-color: transparent;} .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {text-align: left !important;} } /* SM size */ @media screen and (max-width: 48em) { /*753*/ .grilleDerniereParution .col:last-child {display:none} .sm_paddingBottom50 {padding-bottom : 50px} .sm_paddingTopBottom50 {padding: 50px 0;} .sm¨paddingTop30 {padding-top:30px} .page-template-page-accueil .lesCollections .col-4, .page-template-page-accueil .lesCollections .col-8 {width: 100%;flex-basis: 100%;max-width: 100%;} .infoCollection {max-width: 100%;} body.woocommerce-checkout .conteneurGrille {width: 100%;} #customer_details {padding-right: 0;} .sliderOuvragesCategory {overflow: hidden;width: calc(100%);} .lesCollections .conteneurCollection > div { grid-template-columns: 1fr; } body.page-template-page-accueil .sliderOuvragesCategory .blocSlider img {width: 100%;height: auto;} .woocommerce div.product p.prixDansPastille, #content-singleOuvrage h1 {font-size:18px} .single_add_to_cart_button {margin-top: 10px !important} .imageAuteurSingleOuvrage {margin-top:20px} .imageCouvertureSingleOuvrage {margin-bottom:20px} .parutionToggle {opacity: 1;} .nav [class*=_sm-2]>[class~=col] { flex-basis: 33%; } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { float: left; width:50%; } .woocommerce-page table.cart td.actions .coupon .input-text+.button { width:50%; } .woocommerce-page table.cart td.actions .coupon { width:100%; } } /* MD size : 1024 */ @media (max-width: 64em) { .md_paddingTop0 {padding-top:0} .md_paddingBottom30 {padding-bottom:30px} .col_MD_first {order:-1} .md_hide {display:none} .md_marginTop30 {margin-top: 30px;} .infosTechniquesOuvrage {border-top:1px solid #333; border-bottom:1px solid #000; text-align: center; padding-top: 30px;} .zone_single_product_ajoutPanier{width: 100%;} .singleProductStickyInfo .marginTop32 {margin-top:0 !important} .imageAuteurSingleOuvrage {order: 0} .punchlineNewsletter { margin-bottom: 24px; display: block; text-align: left; } .lesCollections h2, .sectionDerniereParutions h2, .sectionBlog h2, body.woocommerce-cart h1 { color:var(--rouge); } .sectionDerniereParutions {position: relative} .sectionDerniereParutions.marginTop240, .woocommerce-checkout.marginTop240, .resizeMarginTop240.marginTop240, .marginTop240 {margin-top:var(--marginTop240) !important;} .grilleDerniereParution .blocInfoLivre {padding-top: 10px; margin-bottom:20px} body.page-template-cart .marginTop240 {margin-top: 60px;} .woocommerce-cart-form {padding-top: 0;} .resumeCart {margin-top:60px} } /* COLUMNS */ [class*=col-], [class*=col_], [class~=col] { padding: 0 12px !important; } /* //////////////////////////////// // NEWS EN LISTE /////////////////////////////// */ .blogListNews { padding-top: 40px; border-bottom: 1px dotted #000; margin-bottom: 32px; padding-bottom: 32px !important; padding-left: 0 !important; } .lienLireBlocListNews .content {text-align: right; } .lienLireBlocListNews a span { color:#e20613} .lienLireBlocListNews span.flecheDroite:before {content:"\2192"; margin-right: 10px; color:#000} .blogListNews h3 {font-size: 24px;} .blogListNews a {color:white} .blogListNews a:hover h3 {color:var(--rouge)} .blogListNews .date {color:black} /* //////////////////////////////// // MASTER MARGES & PADDING /////////////////////////////// */ .noPaddingLeft {padding-left: 0 !important} .paddingTopBottom90 {padding: 90px 0} .paddingTop80 {padding-top: 80px} .paddingTop120 {padding-top: 120px} .paddingTop160 {padding-top: 160px} .paddingTopMargeEmpagement {padding-top: var(--marge-empagement)} .paddingBottom120 {padding-bottom: 120px} .paddingTopBottom50 {padding: 50px 0} .paddingTop55 {padding-top: 55px} .paddingTop40 {padding-top: 40px} .paddingTopBottom120 {padding-top: 120px !important; padding-bottom: 120px !important;} .paddingTop120 {padding-top: 120px !important;} .paddingBottom120 {padding-bottom: 120px !important;} .paddingBottom220 {padding-bottom: 220px !important;} .noPadding {padding:0 !important} .padding20 {padding:20px !important} .noMargin {margin: 0 !important} .noMarginTop {margin-top: 0 !important} .noMarginBottom {margin-bottom: 0 !important} .marginTop10 {margin-top: 10px} .marginTop20 {margin-top: 20px} .marginTop32 {margin-top: 32px !important} .marginTop80 {margin-top: 80px} .marginTop120 {margin-top: 120px} .marginTop240 {margin-top: 13vw} .marginBottom10 {margin-bottom: 10px} .marginBottom15 {margin-bottom: 15px} .marginBottom30 {margin-bottom: 30px} .marginBottom50 {margin-bottom: 50px} @media print { body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond, 'Times New Roman', serif; color: #000; background: none; font-size: 12pt; } h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; } h1 { font-size: 19pt; } h2 { font-size: 17pt; } h3 { font-size: 15pt; } h4,h5,h6 { font-size:12pt; } code { font: 10pt Courier, monospace; } blockquote { margin: 1.3em; padding: 1em; } img { display: block; margin: 1em 0; } a img { border: none; } table { margin: 1px; text-align:left; } th { border-bottom: 1px solid #333; font-weight: bold; } td { border-bottom: 1px solid #333; } th, td { padding: 4px 10px 4px 0; } caption { background-color: #fff; margin-bottom: 2em; text-align: left; } thead { display: table-header-group; } tr { page-break-inside: avoid; } a { text-decoration: none; color: #000; } #comments { page-break-before: always; } .do-not-print { display: none; } } /* END print media */