/***** https://themes.laborator.co/aurum/bookshop/ http://preview.themeforest.net/item/book-store-wordpress-woocommerce-theme/full_screen_preview/15748608 ****/ * { box-sizing:border-box; } a[href] { color:inherit; text-decoration:none; } a[href]:hover,a[href]:active { text-shadow: 1px 0 0 currentColor; } /**** FONTS FAMILY ****/ /**********************/ header.site-header, #bandeau .bandeau-message, #bandeau .bandeau-menu, #content h2, #content h3 { font-family: 'Glegoo', serif; } .gbot { text-indent:-2567px; } /* *, */body { font-family: 'Open Sans', sans-serif; } body { margin:0; padding:0; background:#fff; font-size: 14px; line-height: 1.42857143;} img { max-width:100%; } .cuteSelect { position:relative; width:100%; top:0; border: none; margin: 0 0 1em 0; overflow: hidden; } .cuteSelect select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 110%; height:auto; background-color:#fff; border: 0; margin: 0; padding: .75em calc(1.5em + 10%) .75em .75em; border-radius: 0; line-height:1.3em; overflow: hidden; text-overflow: ellipsis; } .cuteSelect::after { content: ''; position: absolute; top: 50%; margin-top: -3px; right: .75em; display: block; width: 0; height: 0; border-color: transparent; border-top-color: #444; border-width: 6px; border-style: solid; pointer-events: none; } .container { width:1170px; margin: 0 auto; padding:0 15px;} /* global shortcuts for admin people */ a.adminDirectLink {display:inline !important} .adminDirectLink img { vertical-align:middle; margin:0 8px; width:1.3em; height:1.3em; } .adminDirectLink.large img { width:32px; height:32px; } header.site-header { background: #c8bca7; position:sticky; top:0px; z-index:999;} header.site-header .header-menu { /*display:table; table-layout:auto; */ display:flex; flex-flow:row; justify-content:space-between; width:100%; } header.site-header .header-menu .logo { position:absolute; top:10px} header.site-header .header-menu .logo img { width:180px; height:140px} #boutiqueDisplay header.site-header .header-menu .logo { top:6px} #boutiqueDisplay header.site-header .header-menu .logo img { width:164px; height:128px} header.site-header .header-menu .logo, header.site-header .header-menu .main-menu { /*display:table-cell; vertical-align: middle;*/ white-space: nowrap;} header.site-header .header-menu .main-menu ul { margin:0 0 0 200px; list-style: none; padding: 0; } header.site-header .header-menu .main-menu ul li { display: inline-block; } header.site-header .header-menu .main-menu ul li a { display: inline-block; color:#222; font-size:16px; padding: 20px; } header.site-header .header-menu .main-menu ul li.current { background: #f4f2ed; border-radius:3px } header.site-header .header-menu .main-menu ul li.current.withbandeaumenu { border-radius:3px 3px 0 0 } header.site-header .header-menu .main-menu ul li.current a { color: rgb(190,175,148); font-weight:bold; /* text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff,-1px 1px 0 #fff, 1px 1px 0 #fff */ } header.site-header .header-menu .main-menu ul li.mobile_menu_only { display:none; } header.site-header .header-menu .main-menu ul li ul { display:none; } header.site-header .header-menu .main-menu ul li.current ul li { background: #c8bca7; } header.site-header .header-menu .main-menu ul li.current ul li a { color:#000; } header.site-header .header-menu #boutique-menu { display:none; } header.site-header .header-menu .mobile-toggles { display:none; _display:table-cell; vertical-align: middle; white-space: nowrap; width:100%; text-align:right; } header.site-header .header-menu .mobile-toggles .toggle-menu { margin:20px 16px 20px 0; width:32px; height:32px; display:inline-block} header.site-header .header-menu .mobile-toggles .toggle-menu .nbArticles { position: absolute; padding: 2px 18px; } header.site-header .header-menu .mobile-toggles .toggle-menu #nbArticlesMobile.emptycart { display:none; } header.site-header .header-menu .mobile-toggles .toggle-menu #nbArticlesMobile { background: #fff; opacity:0.8; color: #000; border-radius: 7px; width: 14px; height:14px; padding-top:2px; text-align: center; display: block; font-size:10px; line-height:1em; } header.site-header .header-menu .mobile-toggles .toggle-menu svg { width:100%; height:100%; } header.site-header .header-menu .mobile-toggles .toggle-menu .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0; } #bandeau { width:100%; background-position:50% -60px; background-repeat:no-repeat; background-size:cover; background-color:rgb(190,175,148); } #boutiqueDisplay #bandeau { padding-top:0; height: 360px } #bandeau .annonce { background-color: rgba(96,179,64,0.9); color: #fff; border-radius: 6px; border:2px solid #c8bca7; width: 80%; margin: 0 auto 50px auto; text-align: center; font-family: glegoo; padding: 0.5em 0; font-weight: bold; } #bandeau .annonce a, #bandeau .annonce a span {display:block;} #bandeau .annonce a span.titre { font-size: 3em;} #bandeau .annonce a span.action { font-size: 1.4em;} #bandeau .container { padding:0; } #bandeau .bandeau-flexrow .bandeau-message, #bandeau .bandeau-menu { background-color:#fff;padding:20px; color:#59aa40; } #bandeau .bandeau-flexrow .bandeau-message { font-size:45px; border-radius:3px 3px 0 0; } #bandeau .bandeau-menu { background:#f4f2ed; /*width:100%;*/ border-radius:0 0 15px 15px; box-shadow: 0px 0px 10px #c8bca799; } /* structure modifiée 2021-05-11 doit être supprimable #bandeau .bandeau-flexrow #currentcart.emptycart { visibility:hidden; _display:none; } #bandeau .bandeau-flexrow #currentcart { background-color:#fff;padding:1.4em 15px 1.4em 70px; margin-right:15px; color:#59aa40; _font-size:45px;border-radius:3px 3px 0 0; width:290px; z-index:1000;} #bandeau .bandeau-flexrow #currentcart, #bandeau .bandeau-flexrow #currentcart span, #bandeau .bandeau-flexrow #currentcart a { text-align:center; font-family: 'Glegoo', serif; font-variant:small-caps; } #bandeau .bandeau-flexrow #currentcart { background-image:url(../../template/panier.svg); background-position: 0.8em 1.2em; background-repeat: no-repeat; background-size:3.5em; } */ #bandeau.withsticky .container .bandeau-menu { position:fixed; width:1170px; top: 62px; z-index:998; } #bandeau.withsticky .container .bandeau-menu .shoptTypesGroupsAndCart { display: flex; flex-flow: row nowrap; justify-content: space-between; } #bandeau.withsticky .container .bandeau-menu .shopTypesAndGroups { width:auto } /* commun aux 2 lignes */ #bandeau.withsticky .container .bandeau-menu .shopTypeGroups, #bandeau.withsticky .container .bandeau-menu .shopTypes, #bandeau.withsticky .container .bandeau-menu .shopCategories { display:flex; width:auto; flex-flow: row wrap; _justify-content: space-between; } #bandeau.withsticky .container .bandeau-menu .shopTypeGroups a, #bandeau.withsticky .container .bandeau-menu .shopTypes a, #bandeau.withsticky .container .bandeau-menu .shopCategories a { font-family : 'Glegoo', serif; /*background: #f4f2ed;*/; border:1px solid transparent; border-radius: 3px; } #bandeau.withsticky .container .bandeau-menu .shopTypeGroups a:hover, #bandeau.withsticky .container .bandeau-menu .shopTypes a:hover, #bandeau.withsticky .container .bandeau-menu .shopCategories a:hover { border:1px solid #59aa40; } #bandeau.withsticky .container .bandeau-menu .shopTypeGroups a:last-child, #bandeau.withsticky .container .bandeau-menu .shopTypes a:last-child, #bandeau.withsticky .container .bandeau-menu .shopCategories a:last-child { margin-right:0; } /* shopTypeGroups seulement */ #bandeau.withsticky .container .bandeau-menu .shopTypeGroups { margin-left:160px /*!important;*/ } #bandeau.withsticky .container .bandeau-menu .shopTypeGroups a { font-size:16px; /*margin:0 0.7em 0 0;*/ padding: 6px 14px; } #bandeau.withsticky .container .bandeau-menu .shopTypeGroups a.selected { background: #59aa40 /*rgb(200, 188, 167);*/; border:1px solid #59aa40; color: #fff; font-weight: bold; } /* shopTypes seulement */ #bandeau.withsticky .container .bandeau-menu .shopTypes { margin-top:20px; margin-left:80px; } #bandeau.withsticky .container .bandeau-menu .shopTypes a { margin:0 0.5em 0 0;padding: 6px 8px; } #bandeau.withsticky .container .bandeau-menu .shopTypes a.selected { border:1px solid #59aa40; background:#fff; } /* shopCategories */ #bandeau.withsticky .container .bandeau-menu .shopCategories { margin-top:20px; margin-left:80px; } #bandeau.withsticky .container .bandeau-menu .shopCategories a { font-size:0.8em; margin:0 0.5em 0 0;padding: 6px 8px; } #bandeau.withsticky .container .bandeau-menu .shopCategories a.selected { border:1px solid #59aa40; background:#fff; } /* panier */ /* retrait du prefix #bandeau.withsticky .container .bandeau-menu pour avoir le même rendu dans le menu déroullant */ #currentcart.emptycart {visibility:hidden; padding-top:0 !important; padding-bottom:0 !important; font-size:1px; } #currentcart { background-color:#fff;padding:20px 15px 20px 50px; color:#59aa40; text-align:right; border-radius:6px; /*width:200px; max-width:20% ; */} #currentcart a span {display:block} #currentcart a span>span {display:inline} #currentcart span, #currentcart a { display:inline-block; text-align:center; font-family: 'Glegoo', serif; font-variant:small-caps; } #currentcart { background-image:url(../../template/panier.svg); background-position: 12px 20px; background-repeat: no-repeat; background-size:3em; padding-left: calc(3em + 24px); } /* bandeau en mode non-boutique */ #bandeau.withflex { display:flex; flex-flow:column; justify-content: flex-end; height: 360px } #bandeau.withflex .container { display: flex; flex-direction: column; justify-content: flex-end; } #bandeau.withflex .bandeau-flexrow { display: flex; flex-direction: row; justify-content:space-between; } #bandeau.withflex .bandeau-flexrow .bandeau-message { align-self: flex-end; } /* content */ #content { padding-top:20px; padding-bottom:1em; min-height:300px; } #content a { color: #59aa40 /*rgb(190, 175, 148)*/;} #content .container {display:flex; flex-flow: row wrap;justify-content:space-between } #content h2 { font-size: 30px; margin: 36px 0 0 0 } #content h2:first-child { margin-top:-0.21em; /* Cf. line-height -> LH/2 */ } #content h3 { font-size: 24px; margin: 29px 0 0 0 } #content ul li.space-after { padding-bottom:1em; } #content .blocMoreInfoZZ { min-width:250px; max-width:33%; order:2 } #content .blocMoreInfo { width:290px; order:2;} #content .blocMoreInfo>div { background: rgba(200,188,167,0.4); border:1px solid #918672; border-radius:3px; padding:1.8em 2em; margin-bottom:1em; } #content .blocMoreInfo a { color: #7b7160;} #content .blocMoreInfo h4 { margin-top:0; } #content .for-flexZZ { width:66%; } #content .for-flex { width:calc(100% - 290px - 2em);} #boutiqueDisplay #content .for-flex, #boutiquePanier #content .for-flex { width:100%; } /* barre de recherche */ #content #rechercheToolbar {position:sticky; top: 63px; z-index:997; width:100%; background: rgba(255,255,255,0.6); padding:0 0 6px 0; margin:0 0 1em 0} #content .rechercheArticle .cartouche { background: #f4f2ed /* = rgba(200,188,167,0.2) sur du blanc */; border:1px solid #918672;border-radius:3px; padding:20px 20px 20px 20px; display: flex; flex-flow: row wrap; justify-content: space-between; } #content .rechercheArticle #rechercheMMXXI { width:100%; } #content .rechercheArticle #rechercheMMXXI #searchFirstLine { display:flex; flex: 1 1 auto; width:100%; align-items:center; } #content .rechercheArticle #rechercheMMXXI #searchLabel {white-space: nowrap; margin-right:1em; } #content .rechercheArticle #rechercheMMXXI #searchTripleBox { _height:36px; border-radius:6px; border:1px solid #c8bca7; display:flex; flex-flow:row wrap; flex: 1 1 auto; justify-content:flex-start } #content .rechercheArticle #rechercheMMXXI .cuteSelect{ width:200px; border-radius:6px 0 0 6px; margin:0; height:34px } #content .rechercheArticle #rechercheMMXXI .cuteSelect select { background-color:#f3f3f3; padding-top:calc(17px - 0.6em); padding-left:0.3em } #searchTriOrder { width: 170px; } #searchType { width:200px; } .select2 .selection .select2-selection { height:34px !important;background-color:#f3f3f3; border:none; border-radius:0;} .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color:#59aa40 !important } .select2 .selection .select2-selection.searchType { border-radius:4px 0 0 4px; } .select2 .selection .select2-selection span { line-height:34px !important; color:#000 !important; } .select2 .selection .select2-selection .select2-selection__arrow {height:32px !important;} .select2-dropdown .group, .select2-dropdown .type, .select2-dropdown .categ { padding-right:1em ;white-space:nowrap; } .select2-dropdown .group { font-weight:bold; } .select2-dropdown .type { padding-left: 1.5em; } .select2-dropdown .categ { font-style:italic; padding-left: 3.5em; } .select2-container--default .select2-results > .select2-results__options { padding:0 0.4em; max-height: 40vh !important } .select2-dropdown.searchTriOrder .select2-search { display:none; } .select2-dropdown.searchTriOrder .select2-results { padding-top:0.4em; padding-bottom:0.4em; } .select2-container--open .select2-dropdown--above, .select2-container--open .select2-dropdown--below { border-bottom: 1px solid #aaa !important; border-top: 1px solid #aaa !important; } #content .rechercheArticle #rechercheMMXXI #searchTripleBox #searchKeywords {width:auto;flex:1 } #content .rechercheArticle #rechercheMMXXI #searchTripleBox #searchKeywords input {border:none;outline:0;height:34px; margin: 0; padding: 0 10px 0 10px; width:100%; } #content .rechercheArticle #rechercheMMXXI #searchTripleBox #searchSubmit { width:34px; height:34px; padding:0; background-color:#c8bca7; background-image: url(/larosee/template/search.svg); background-size:24px 24px; background-position: 5px 4px; background-repeat:no-repeat; border-radius:0 6px 6px 0 } #content .rechercheArticle #rechercheMMXXI #searchTripleBox #searchSubmit input { opacity:0; padding:0; margin:0; outline:0; cursor:pointer; font-size:1px; width:100%; height:100%; text-indent:-1000px; overflow:hidden } #content .rechercheArticle #rechercheMMXXI .searchFlags { margin-left:1.3em; margin-right:0.3em; } #content .pagination { text-align:center; font-size:1.2em;} #content .pagination:first-child { margin-bottom:2em; } #content .pagination span { display:none; } #content ul.activites-next { margin:0.5em 0 1em 0; padding:0 0 0 4px; list-style:none ; } #content ul.activites-next li:before {content: "\00BB \0020"; } .imgToLeft { float:left; margin: 0 1em 1em 0; } .imgToRight { float:right; margin: 0 0 1em 1em; } footer.site-footer { background: rgba(190, 175, 148, 1) !important; color:#fff; margin:2em 0 0 0; padding:1.3em 0 0 0; } /* #c8bca7 */ footer.site-footer .container .footer-flex { display:flex; flex-flow:row wrap; } footer .footer-bloc { min-width:200px; } footer .footer-bloc.goutte { font-size:2.5em; line-height:1.2em; width:300px; margin-left:auto; margin-right:auto;} footer .footer-bloc.paiement { _margin-left:auto; text-align:right } footer .footer-bloc.paiement img { margin-top:8px; max-width:200px ;} footer .don { margin: 12px auto 0 auto; padding:12px 3em 1.2em 3em; text-align:center; background-color:#fff; color:#918672; border-radius:4px 4px 0 0} footer .don span { font-family: 'Glegoo', serif; font-weight:bold;font-size:1.2em; color:#4a443a; padding-right:0.8em;} #copyright { font-size:11px; text-align:center; padding:2em 0 2em 0;} .inexos { color:#354b7e; _color:#5e8db2; font-variant:small-caps;} a:hover .inexos { color:#5e8db2; text-shadow:none; } /* specifique aux pages */ #contact p label { float:left; width:160px; } #contact p label sup { color:#656565; padding-left:0.5em;} /* boutique */ #content div#introboutique, #content div.validorder { border-left:5px solid #59aa40; margin-left:5px; padding-left:10px; } #content h3.nouveautes { color:#59aa40; } #content h3.selection { color:#59aa40; margin-bottom:0.6em; } #content .listeArticles .articleItem .articleDesignation a { font-weight:bold; color:#000; } #content .listeArticles.displayTab .articleItem .articleCover {border:1px dashed rgba(200,188,167,0.5); background:rgba(200,188,167,0.1); border-radius:6px; padding:5px 4px 3px 4px;} #content .listeArticles.displayRow .articleItem .articleCover .articleCoverBox, #content .listeArticles.displaySelection .articleItem .articleCover .articleCoverBox {border:1px dashed rgba(200,188,167,0.5); background:rgba(200,188,167,0.1); border-radius:6px; padding:5px 4px 3px 4px;} #content .listeArticles .articleItem .articleCover .articleCoverBox .additionalCovers { /* float:left; */ width:25%; padding:12px 6px 0 0;} #content .listeArticles .articleItem .articleCover .articleCoverBox .additionalCovers img { _height:90px; _width:auto } #content .listeArticles .articleItem .articleCover .articleCoverBox .articlePrice { background: rgba(200,188,167,0.3); padding: 0.5em 0; text-align: center; font-size: 1.4em; font-weight: bold; color: #59aa40; font-family: 'Glegoo', serif; border-radius: 6px 6px 0 0; border-bottom: 1px dashed #fff; } #content .listeArticles .articleItem .articlePrice .oldprice { font-size:0.8em; opacity:0.8; text-decoration: line-through; } #content .listeArticles.displayTab .articleItem .articleCover .articleCoverBox .articlePrice { display:none; } #content .listeArticles .articleItem .articleCover .articleCoverBox a.cover img { /*border:1px dashed rgba(200,188,167,0.5); */border-radius:0 0 6px 6px;} #content .listeArticles.displayTab .articleCover .articleCoverBox a.cover img { border-radius:6px; } /* 2021-02-19 pour pastille nouveauté */ #content .listeArticles a.nouveaute { position: absolute; } #content .listeArticles a.nouveaute img {width: 130px !important; height: 130px !important;} #content .listeArticles .articleCover .articleCoverBox img.nouveaute { position: absolute; width: 150px !important; height: 150px !important; opacity: _0.8; } #content .listeArticles.displaySelection .articleCover .articleCoverBox img.nouveaute { width:100px !important; height: 100px !important; } #content .listeArticles .articleCover .articleCoverBox a { display:block; width:100%; } #content .listeArticles .articleCover .articleCoverBox a.cover img {display:block ; margin: 0 auto } #content .listeArticles.displayRow .articleItem .articleCover .articleCoverBox a.cover img.zoomicon { position: relative; margin-top: -60px; width: 50px; height: 50px; float:right; margin-right: 30px; /* border:1px solid #ffff77*/} #content .listeArticles.displayRow .articleItem .articleCover .articleCoverBox .articleAdditionalCoverBox {display:flex; flex-flow: row wrap; justify-content:center; /* border:1px solid #ffff77;*/ } #content .listeArticles.displayRow .articleItem .articleDetails .cartAddLong, #content .listeArticles.displaySelection .articleItem .articleDetails .cartAddLong { border:1px solid #59aa40; border-radius:3px; background:rgba(200,188,167,0.3); display:inline-block; padding:3px 15px 3px 0; margin-top:0.4em;} #content .listeArticles.displayRow .articleItem .articleDetails .cartAddLong a img, #content .listeArticles.displaySelection .articleItem .articleDetails .cartAddLong a img, #content .listeArticles.displayRow .articleItem .articleDetails .cartAddLong a span, #content .listeArticles.displaySelection .articleItem .articleDetails .cartAddLong a span { display:inline-block; vertical-align:middle; margin-left:15px; color:#59aa40; font-weight:bold; font-family: 'Glegoo', serif;} #content .listeArticles.displayRow .articleItem .articleDetails div.technicalDetails { display:flex; flex-flow: row wrap; margin:2em 0 1em 0} #content .listeArticles.displayRow .articleItem .articleDetails div.technicalDetails div { border:1px solid #59aa40; margin-top:0.5em ; padding: 5px 8px 3px 4px;} #content .listeArticles.displayRow .articleItem .articleDetails div.technicalDetails div:nth-child(odd) {width:20%; background-color: #59aa40; color:white; } #content .listeArticles.displayRow .articleItem .articleDetails div.technicalDetails div:nth-child(even) {width:28%; margin-right:2%; text-align:right;} #content .disclaimprice { font-size:0.8em; font-style:italic; text-align:right; } #content .blocMoreInfo form.recherche input, #content .blocMoreInfo form.recherche select { width: 100%; background-color: #fff; border-radius: 3px; border: 1px solid #918672; padding: 0.4em 0.5em; margin: 0 0 0.5em; } #content .blocMoreInfo form.recherche button, #content .blocMoreInfo form.recherche [type="button"], #content .blocMoreInfo form.recherche [type="reset"], #content .blocMoreInfo form.recherche [type="submit"] { background-color: #59aa40; color:#fff; border: 1px solid #fff; padding: 0.4em 1em; margin-top: 1em; cursor: pointer; border-radius: 3px; box-shadow: 0px 1px 2px rgba(0,0,0,0.5); } #content .blocMoreInfo form.recherche button:hover, #content .blocMoreInfo form.recherche [type="button"]:hover, #content .blocMoreInfo form.recherche [type="reset"]:hover, #content .blocMoreInfo form.recherche [type="submit"]:hover { background-color: #539e3c; } #content .blocMoreInfo form.recherche button:active, #content .blocMoreInfo form.recherche [type="button"]:active, #content .blocMoreInfo form.recherche [type="reset"]:active, #content .blocMoreInfo form.recherche [type="submit"]:active { background-color: #4c9137; box-shadow:none ; border: 1px solid #ddd; } /* gestion de la selection */ #content form.selectionChoice { display:inline; } #content form.selectionChoice input[type=submit] { margin-left:0.5em; background: url(../../template/admin/selection-add.svg) no-repeat center center; width:24px; height:24px; border:0; color:transparent; cursor:pointer} #content form.selectionChoice input.delSelectionSubmit { background-image: url(../../template/admin/selection-del.svg)} #content .listeArticles.displayTab form.selectionChoice input[type=submit] { width:1.3em; height:1.3em; margin: 0 8px;} #content #twintlogo { width:80px; } #content #twintqr { width:calc(3cm + 18px); background-color:#fff; padding:9px;} @media (min-width: 1170px) { #content .listeArticles.displayRow .articleItem { width:100% ; margin-bottom:2em; display:flex; flex-flow:row wrap; justify-content:space-between; } #content .listeArticles.displayRow .articleItem .articleCover { width:29%; } #content .listeArticles.displayRow .articleItem .articleCover .articleCoverBox a.cover img {max-width:100%;width:100%;} #content .listeArticles.displayRow .articleItem .articleDetails { width:70%; padding-left:1em} #content .listeArticles.displayRow .articleItem .articleDetails span { display:block; } #content .listeArticles.displayRow .articleItem .articleDetails .description { margin:0.7em 0; text-align:justify; } #content .listeArticles.displayRow .articleItem .articleDetails .description p { text-align:justify; } #content .listeArticles.displaySelection .articleItem { width:100% ; margin-bottom:2em; display:flex; flex-flow:row wrap; justify-content:space-between; } #content .listeArticles.displaySelection .articleItem .articleCover { width:25%; } #content .listeArticles.displaySelection .articleItem .articleCover .articleCoverBox a.cover img {max-width:100%;width:100%;} #content .listeArticles.displaySelection .articleItem .articleDetails { width:74%; padding-left:1em} #content .listeArticles.displaySelection .articleItem .articleDetails span { display:block; } #content .listeArticles.displaySelection .articleItem .articleDetails .description { margin:0.7em 0; text-align:justify; } #content .listeArticles.displaySelection .articleItem .articleDetails .description p { text-align:justify; } #content .listeArticles.displayTab {display:flex; flex-flow:row wrap; justify-content:space-between; } #content .listeArticles.displayTab .articleItem { /* 20210409 on enleve la colonne de droite width:30% */ width:19%; margin-bottom:3em; display:flex; flex-flow: column wrap; } #content .listeArticles.displayTab .articleItem .articleCover { width:100%; order:1; height:20em; display:flex; flex-direction: column; justify-content:space-around; } /* 2021-02-19 retrait text-align:center */ #content .listeArticles.displayTab .articleItem .articleCover .articleCoverBox a.cover img { max-height:calc( 20em - 10px ); } #content .listeArticles.displayTab .articleItem .articleDetails {order:2; min-height:6em; } #content .listeArticles.displayTab .articleItem .articleDetails .articleAuteurs {display:block;} } @media (max-width: 1169px) { #content .listeArticles.displayTab .articleItem, #content .listeArticles.displaySelection .articleItem { display:flex } #content .listeArticles .articleItem { width:100% ; margin-bottom:2em; } #content .listeArticles .articleItem .articleCover { /*float:left;*/ width:33%; padding:2px 2px 0px 2px; margin-right:3px;} #content .listeArticles .articleItem .articleCover .articleCoverBox a.cover img {max-width:100%; width:100% } #content .listeArticles .articleItem .articleDetails { width:66%; } #content .listeArticles .articleItem .articleDetails .articleAuteurs {display:block;} #content .listeArticles .articleItem .description { _display:none; text-align:justify } #content .listeArticles.displayRow .articleItem .articleCover { float:left; margin:0 0.6em 0.2em 0; } #content .rechercheArticle #rechercheMMXXI .cuteSelect { width:100% } #content .rechercheArticle #rechercheMMXXI #searchTripleBox #searchKeywords input { border-radius:0 0 0 6px } #content .rechercheArticle #rechercheMMXXI #searchTripleBox #searchSubmit { border-radius:0 0 6px 0 } } /********** PANIER ***********/ #cartDisplayZone { width:100%; } .shopCart { width:100%; border-collapse:collapse; } .shopCart tr { border:1px solid #c8bca7; } .shopCart tr td,.shopCart tr th { border-right:1px solid #e8dbd0; padding:4px 8px 4px 8px; text-align:center;} .shopCart tr td.alignLeft, .shopCart tr th.alignLeft { text-align:left; } .shopCart tr td.alignRight, .shopCart tr th.alignRight { text-align:right; } .shopCart tr.total td { font-weight:bold; } .shopCart tr td.last, .shopCart tr th.last { border-right-color:#c8bca7; } #content .shopCart tr td .cartLessInputOrMore { border-radius:4px; border:1px solid #59aa40; display:inline-block; min-width:2em; background-color:rgba(200,188,167,0.7); } #content .shopCart tr td a.cartLessInputOrMore { color:#000 !important;} #content .shopCart tr td span.cartLessInputOrMoreDisabled { background-color:transparent; color:rgba(200,188,167,0.8); } form.qty { display:inline; _padding-left:6px;} form.qty input { border:1px solid #cccccc; margin-left:3px; } form.qty input[type=text] { width:30px; text-align:right; } form.qty input[type=submit] { background-color:#59aa40; color:white; border:none; font-size:0.8em; text-transform:uppercase; padding:2px 8px 2px 8px; } form.don { display:inline; padding-left:6px;} form.don input { border:1px solid #cccccc; margin-left:3px; } form.don input[type=text] { width:50px; text-align:right; } form.don input[type=submit] { background-color:#59aa40; color:white; border:none; font-size:0.8em; text-transform:uppercase; padding:2px 8px 2px 8px;} form.coordonnees { display:inline; } form.coordonnees input[type=submit] { background-color:#59aa40; color:white; border:1px solid #cc071e; padding:6px 14px 6px 14px;} form.coordonnees p { clear:left; } form.coordonnees p label { float:left; width:250px; } form.coordmodif input[type=submit] { background-color:#cc071e; color:white; border:1px solid #07cc1e; padding:6px 14px 6px 14px;} form.coordonneesLarge p input[type=text] { border:1px solid #59aa40; padding:0.3em 0.5em; width:calc( (100% - 250px) / 2); } form.coordonneesLarge p textarea { width:calc(100% - 250px); } form.coordonnees.readonly p input { border:none; background:transparent; color:#000 !important; padding:0; } /* le debug */ #debug #expresso_cross #ev_column { opacity:0.75;} body#debug {background:url(../Expresso_fond.jpg) no-repeat 50% top #2C3E4C; } #debug #content_and_navig {} /* les classiques form, clearing, error, warning, success, baseactioninfo */ /* form classique mis sur admin uniquement */ .clearing { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .formerror,.error { color:red; font-weight:bold; border:2px solid red; background-color:#ffe0e0; padding:20px 14px 20px 14px;} .formsuccess { border:2px solid green; background-color:#ffffff; padding:20px 14px 20px 14px;} /* responsive design */ @media screen and (min-width: 1024px) { a[href*="tel:"] { pointer-events: none; } } /*****************************************************************************/ /* TANT Que inférieur à container */ /*****************************************************************************/ @media (max-width: 1169px) { header.site-header .container { padding-left:0;} header.site-header.withmobilemenu { padding-bottom:1em; } header.site-header.withmobilemenu .container { _padding-left:15px;} header.site-header .header-menu { _display:block; flex-flow:row wrap } /* header.site-header.withmobilemenu .header-menu .logo { position:static; display:none } header.site-header.withmobilemenu .header-menu .logo img { width:80px; height:62px; } */ header.site-header .header-menu .logo img, #boutiqueDisplay header.site-header .header-menu .logo img { width:135px; height:105px; } header.site-header.withmobilemenu .header-menu .main-menu { background-color:#f4f2ed; border:1px solid #918672; margin-left:15px; width:100% } header.site-header.withmobilemenu .header-menu .main-menu ul li.current { background: #918672 /*#c8bca7; */} header.site-header.withmobilemenu .header-menu .main-menu ul li.current a {color:#fff } header.site-header.withmobilemenu .header-menu .main-menu ul li.notonmobilemenu { display:none; } header.site-header.withmobilemenu .header-menu .main-menu ul li a {padding:15px 20px; } header.site-header .header-menu .mobile-toggles { /*display:table-cell;*/ display:block; } header.site-header .header-menu .main-menu { display:none; } header.site-header .header-menu .main-menu.toggleVisible { display:block; } header.site-header .header-menu .main-menu ul { margin:0; } header.site-header .header-menu .main-menu ul li { display:block; border-top:1px solid rgba(190, 175, 148, 1); } header.site-header .header-menu .main-menu ul li a { display:block; } header.site-header .header-menu .main-menu ul li.mobile_menu_only { display:block; } /*header.site-header .header-menu .main-menu ul ul { display:block; }*/ header.site-header .header-menu .main-menu ul li.current ul { display:block; } header.site-header .header-menu .main-menu ul ul li { padding-left:2em ;list-style: circle; } #bandeau .container { height:200px; /*justify-content: flex-start;*/} #bandeau .bandeau-message { font-size:32px; /*padding-bottom:0.1em; margin-top:44px; padding-left:74px; border-radius:0 3px 3px 0*/ } #bandeau,#bandeau.withflex,#boutiqueDisplay #bandeau { height:60px; } #bandeau .bandeau-flexrow .bandeau-message {display:none;} .page_standard1 #bandeau { height:40vh; } .page_standard1 #bandeau .annonce a span.titre { font-size: 1.5em; } #boutiqueDisplay #bandeau.withsticky .container .bandeau-menu { display:none; padding-top:0 !important;} #boutiqueDisplay #content #rechercheToolbar { display:none; position:fixed; top:80px; left:0; background-color:#c8bca7; } #boutiqueDisplay #content .rechercheArticle .cartouche { margin:0 15px 15px 15px; } #currentcartDeroulant { display:none; margin:0 0 15px 15px; width:100%; background-color:#f4f2ed; border:1px solid #918672;} #currentcartDeroulant #currentcart { background-color:transparent; width:auto; margin:0 auto; max-width:none; } #currentcartDeroulant #currentcart a, #currentcartDeroulant #currentcart .ligneUn { display:block; } #boutiqueDisplay #content .rechercheArticle #searchFirstLine { display:block; } #boutiqueDisplay #content .rechercheArticle #searchFirstLine #searchLabel { display:block; margin-bottom:0.5em; margin-top:1em} #boutiqueDisplay #content .rechercheArticle #rechercheMMXXI #searchTripleBox { display:block;margin-bottom:0.5em; } #boutiqueDisplay #content .rechercheArticle #rechercheMMXXI #searchTripleBox select, #content .rechercheArticle #rechercheMMXXI #searchTripleBox #searchSubmit { width:100%; background-position:center 4px; } .select2-dropdown.searchType .select2-search { display:none; } #boutiqueDisplay #bandeau.withsticky .container .bandeau-menu { width:100%; background-color:#c8bca7; /*f4f2ed*/ border-radius:0; } #bandeau.withsticky .container .bandeau-menu .shopTypesAndGroups, #boutiqueDisplay #bandeau.withsticky .container .bandeau-menu .shopCategories { background-color:#f4f2ed; border:1px solid #918672; padding:3px; } #boutiqueDisplay #bandeau.withsticky .container .bandeau-menu .shopTypeGroups, #boutiqueDisplay #bandeau.withsticky .container .bandeau-menu .shopTypes, #boutiqueDisplay #bandeau.withsticky .container .bandeau-menu .shopCategories { margin-left: 0; !important} #boutiqueDisplay #bandeau.withsticky .container .bandeau-menu .shopTypeGroups { border-bottom:1px solid #918672; } #boutiqueDisplay #bandeau.withsticky .container .bandeau-menu .shopCategories { border-top:0; margin-top:0 !important } #boutiqueDisplay #bandeau.withsticky .container .bandeau-menu #currentcart {display:none} .container { width:100%; } .closeButton { position:absolute; right:7px; } form.coordonnees p label { display:block; width:100%; } form.coordonneesLarge p input[type=text] { width:100%; } form.coordonneesLarge p textarea { width:100%; } #content .blocMoreInfo { min-width:0; max-width:none; width:100%; margin-top:1em; } #content .blocMoreInfo.cRB1 { order:0; margin-bottom:2em; margin-top:0; } #content .for-flex { max-width:100%; width:100%; } #content .listeArticles.displayArticle .articleItem .articleDetails {width:auto } #content .listeArticles.displayRow .articleItem .articleDetails div.technicalDetails div:nth-child(odd) {width:40%; } #content .listeArticles.displayRow .articleItem .articleDetails div.technicalDetails div:nth-child(even) {width:60%; margin-right:0%; } footer.site-footer .container .footer-flex div.footer-bloc { width:50% !important; order:1; border-bottom:1px solid #fff; padding-bottom:1em; } footer.site-footer .container .footer-flex div.footer-bloc.goutte img { max-width:100%; } footer .footer-bloc.paiement { text-align:left; } footer .don span {display:block;} } @media (max-width: 719px) { a[href]:hover,a[href]:active { text-shadow: none; font-weight:bold; } #content h2 { font-size: 20px; margin: 1.2em 0 0 0 } #content h3 { font-size: 18px; margin: 1.2em 0 0 0 } #bandeau { background-position:50% 0px; } #bandeau .container { height:auto !important; padding-top:50px;} #bandeau .bandeau-flexrow #currentcart { margin-right:0 !important; } #bandeau .bandeau-flexrow .bandeau-message {font-size:22px; margin-right: 15px;} #content .listeArticles a.nouveaute img , #content .listeArticles .articleCover .articleCoverBox img.nouveaute , #content .listeArticles.displaySelection .articleCover .articleCoverBox img.nouveaute { width:80px !important; height: 80px !important; } footer.site-footer .container .footer-flex div.footer-bloc { width:100% !important } footer.site-footer .container .footer-flex div.footer-bloc.goutte { text-align:left; order:0; padding:4px 0 1em 0} footer.site-footer .container .footer-flex div.footer-bloc.goutte img { max-width:120px ; } }