:root {
    --ratio: 1.3;
    --line-height: 1.5;
    --grid-gap-large:.9375rem
    }

.py4 {padding-top: 1.875rem;padding-bottom: 1.875rem}.pt4 {padding-top: 1.875rem}.pb4 {padding-bottom: 1.875rem}
.my4 {margin-top: 1.875rem;margin-bottom: 1.875rem}.mt4 {margin-top: 1.875rem}.mb4 {margin-bottom: 1.875rem}
.py3 {padding-top: .9375rem;padding-bottom: .9375rem}.pt3 {padding-top: .9375rem}.pb3 {padding-bottom: .9375rem}
.my3 {margin-top: .9375rem;margin-bottom: .9375rem}.mt3 {margin-top: .9375rem}.mb3 {margin-bottom: .9375rem}
.py2 {padding-top: .5rem;padding-bottom: .5rem}.pt2 {padding-top: .5rem}.pb2 {padding-bottom: .5rem}
.my2 {margin-top: .5rem;margin-bottom: .5rem}.mt2 {margin-top: .5rem}.mb2 {margin-bottom: .5rem}
.rounded-20 {border-radius:15px}
.rounded-30 {border-radius:20px}

#wrap {z-index: 20; background: linear-gradient(0deg, #575757 0%, #888 100%); transition: transform .4s cubic-bezier(.25, .1, .25, 1)}
#wrap:not(:target) {transform: translate3d(-100%, 0, 0);}
#wrap:target {transform: translate3d(0, 0, 0);}
#wrap:target #open,
#wrap:not(:target) #close {display: none}
#wrap:target #open {display: none}

.header {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width:100%}
.navBar {z-index: 15; height: 55px}
.buyBar {z-index: 15; height: 50px; line-height: 50px}
.header nav {
margin: 0;
border-radius: 0;
background: none;
text-align: center}

.mainGrid {grid-template-columns: repeat(14, minmax(10px, 1fr))}
.mainGrid > .half {grid-column: 2 / -2}
.colGrid_12 > .half, .colGrid_12 > .half.plus {grid-column: 1 / -1}

.logo {
margin: 0;
margin-top: .9375rem;
margin-bottom: 1.5rem;
width: 100%}
.mainNav, .secondNav, .dropdown {width: 100%;margin: 0}
.btn--eshop {
padding-top: .625rem;
padding-bottom: .625rem;
margin-top: .750rem;
font-size: .875rem}
.btn--buy {padding-right: 1.250rem}
.dropbtn {
margin-top: .125rem;
margin-bottom: .125rem;
font-family: var(--font-secondary);
text-transform: none;
font-size: 1.250rem}
.dropdown {
margin-top: 0;
margin-bottom: 0}
.phoneNav {order: 4; margin-top: 2rem}  
.phoneNav a {padding: 1.125rem}  

.btn--primary,
.btn--secondary {
padding-left: .9375rem;
padding-right: .9375rem}

.home_annonces p {margin-top: 1.250rem;margin-bottom: 1.250rem; font-size: 1.250rem}
.mainGrid.home_carousel > .content {grid-column: 1 / -1}
.slick-dots {bottom: -35px}
.slick-dots li,
.slick-dots li button {width: 30px;height: 30px;margin: 0}
.slick-dots li button:before {width: 30px;height: 30px;line-height: 30px; color:black}
.slick-dots li.slick-active button:before{opacity:1;color:var(--main-color)}
.home_carousel picture {border-radius: 0}
.home_carousel :is(.title, span) {margin: 0}
.home_carousel .title {top:0; display: grid; place-items:center;background: rgb(0 0 0 / .15)}

.leafLeft::after {left: 5%}
.leafRight::after {right: 5%}
.home_4cols .rub-article:not(:last-child) {border-right: none}
.home_4cols h2 {margin-bottom: .9375rem}
.home_4cols .btn--more {margin-top: .9375rem}
.rub-article:not(:last-child) {margin-bottom: 1.875rem}

.home_temoignage {background-size: cover; background-blend-mode: darken;}
.home_temoignage .art-header,
.home_temoignage ul {grid-column: 2 / -2}
.home_temoignage .art-header{padding: 0}
.home_temoignage ul {margin-top: 0; padding: 0;}
.home_temoignage .citation {font-size: var(--s0)}
.home_temoignage :is(.thumbnail, .blockquote) {margin-left: 0}
.home_temoignage .thumbnail {margin-right: .9375rem}

.home_zoom {padding-bottom: 0}
.home_zoom .rub_art-logo {
grid-column: 1 / -2;
margin-bottom: 0;
border-radius: 0;
border-top-right-radius: 250px;
border-bottom-right-radius: 250px;
max-height: 350px}
.home_zoom .rub_art-content {grid-column: 2 / -2; margin-top: 1.875rem; padding: 0}
.home_zoom .rub_art-content h3,
.home_eshop h3,
.home_video p {font-size: var(--s2)}

.home_eshop {background:linear-gradient(180deg, var(--second-color) 0%, var(--second-light-color) 50%, var(--second-light-color) 100%)}
.home_eshop .art-header {grid-column: 2 / -2;text-align: center}
.home_eshop .art-logo {grid-column: 1 / -1}
.home_eshop h3 {margin-bottom:0}
.home_eshop .art-header::after {content:inherit}

.home_video {padding: 0}

.card-actus,
.row_actus .title {grid-column: span 12}
.card-actus:not(:last-child) {padding-bottom: 1.875rem}

.row_nouveautes .autoGrid{--min-column-size:18rem }
.row_nouveautes .card {border-right: 1px solid rgb(255 255 255 / .3)}
.rub_art-content,
.rub-article,
.card {padding-left: .9375rem; padding-right: .9375rem}

.footer {
margin-top: 0.9375rem;
padding-top: 0.9375rem}
.mentions {margin-bottom: 50px}

.page_sommaire,
.page_rubrique,
.page_article {padding-top: 55px}

.page_rubrique .container {padding-top: 0;padding-bottom: 1.250rem}
:is(.page_actus, .page_rub-couteaux) .container {padding-top: 1.250rem}
.page_article .container {padding-top: 1.250rem}

.rub-logo, .rub-logo img,
.art-logo--survol, .art-logo--survol img {height: 100%}
.page_art-couteaux .art-header {grid-column: 2 / -2}

.rub-main {grid-column: 2 / -2}
.page_art-couteaux .art-logo,
.rub-logo {
grid-column: 1 / -1;
margin-bottom: 2.5rem;	
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
max-height: 250px}
.page_art-couteaux .art-logo {
grid-column: 2 / -1;
margin-bottom: 0;
border-radius: 0;
border-top-left-radius: 250px;
border-bottom-left-radius: 250px}
.page_art-couteaux .art-text {margin-top: 0}
.card-content h2 {font-size: 1.5rem}

.card-content {padding-left: .9375rem; padding-right: 0}
.row_actus .card-content {padding-left: 0}
.card-content h2 {padding-top: .250rem; padding-bottom: .250rem;font-size: 1.125rem}

.rub-article {grid-column: span 12}
.rub-article h2 {min-height: inherit}   
.rub-article .date {margin-bottom: .5rem}

.rub-header h1,
.home_temoignage h2,
.page_art-couteaux .art-header h1 {
font-size: var(--s2);
line-height: var(--line-height-small);
word-break: break-word;
hyphens: auto}
.art-header h1, .h1 {
font-size: var(--s3);
word-break: break-word;
hyphens: auto}
.h2 {font-size: var(--s3)}
.h3 {font-size: var(--s2)}
.art-chapo p {font-size: var(--s0)}
:is(.rub-header, .art-header) h1, .h1,
.art-text :is(h2, h3, h4) {line-height: var(--line-height-small)}

.art-content {margin-top: 2.5rem}
.art-text .texteencadre-spip {padding: 0.9375rem}

.art-album .first {grid-column: 1 / span 6}
.art-album .second, .btn--eshop-album {
grid-column: 1 / -1;
grid-row: 2;
align-self: center}
.art-album .third {grid-column: 7 / span 6}
.art-album .first,
.art-album .third {margin: 0}

.list-couteaux :is(.rub_art-logo, .rub_art-content) {
grid-column: 2 / -2;
margin: 0;
padding: 0}
.list-couteaux .rub_art-content {margin-top: 1.875rem;margin-bottom: 1.875rem}
.list-couteaux .rub_art-logo {
border-top-left-radius: 20px;border-top-right-radius: 20px;
border-bottom: 4px solid var(--main-color)}
.odd + .even {
border: none;
border-top-left-radius: 0;border-top-right-radius: 0;	
border-bottom-left-radius: 20px;border-bottom-right-radius: 20px}
.even + .odd {
border-top: 2px solid #ddd;
margin-top: 0;	
padding-top: 1.875rem}
.list-couteaux h2 {font-size: var(--s3)}
.list-option article:last-child {margin-top: 1.875rem}

.precedent,
.suivant {border: none}
.precedent + .suivant {margin-top: .5rem}
    
.formulaire_spip legend {
padding: 1.5rem .9375rem;
font-size: 1.250rem}
.formulaire_spip fieldset {
padding: 0;
border-right:0;
border-left: 0;
border-bottom: 0}

.coordonnees,
.demande .editer {margin-bottom: 0}
.demande .editer-groupe,
.coordonnees .editer {width: 100%;padding: 0}
.formulaire_spip select {width: 100%}