html body { background: #f6f5f0; }
/*
* Restaupro - feuille de style de la refonte (header, menu, listes, fiches, tunnel, pages).
* Nettoyée le 14/10/2026 : règles en double fusionnées et !important inutiles retirés,
* rendu vérifié identique (styles calculés de 12 pages en 5 largeurs + survols).
* Avec le cache Cloudflare, toute modification doit être publiée sous un nouveau nom de fichier.
*/
@keyframes rp-skel-shine {
0% {
background-position: 140%0;
}
to {
background-position: -40%0;
}
}
@keyframes rp-about-fade {
0% {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@font-face {
font-family: "fontello";
src:
url(/sites/assets/fonts/fontello.woff2?24250026) format("woff2"),
url(/sites/assets/fonts/fontello.woff?24250026) format("woff"),
url(/sites/assets/fonts/fontello.ttf?24250026) format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
body.page-home,
body.page-home #header.bg-chr {
height: auto !important;
overflow: visible !important;
}
body.page-home {
--rp-black: #090907;
--rp-yellow: #ccd61c;
--rp-paper: #f6f5f0;
--rp-muted: #3c3c38;
overflow-x: clip;
max-height: none;
}
body.page-home #header.bg-chr {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 0.75rem 1.25rem !important;
min-height: 0 !important;
position: relative !important;
z-index: 2 !important;
background: var(--rp-black) !important;
background-image: none !important;
color: #f7f7f5 !important;
border-bottom: 3px solid var(--rp-yellow) !important;
padding: 0.85rem 1rem 1rem !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.page-home #header > #logo,
body.page-home #header > #titre,
body.page-home #header > .col3,
body.page-home #header > .col6 {
position: static !important;
float: none !important;
display: block !important;
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.page-home #header > #titre,
body.page-home #header > .col3,
body.page-home #header > .col6 {
flex: 1 1 16rem !important;
}
body.page-home #header > #logo {
flex: 0 1 12rem !important;
text-align: center !important;
}
body.page-home #header #logo img {
width: auto;
max-width: 100%;
height: auto;
}
body.page-home #header a {
color: #f7f7f5 !important;
}
body.page-home #slogan,
body.page-home #slogan strong {
color: var(--rp-yellow) !important;
text-indent: 0;
}
body.page-home #header #titre {
display: block;
}
body.page-home #header #titre:before {
content: none;
display: none;
}
body.page-home #header #titre form,
body.page-home #header #titre form div + div,
body.page-home #recherche_form {
position: relative;
width: 100% !important;
max-width: 100%;
height: auto;
margin: 0;
padding: 0;
box-sizing: border-box;
}
body.page-home #header #titre form input,
body.page-home #motcle {
display: block;
width: 100% !important;
max-width: 100%;
height: 2.75rem;
box-sizing: border-box;
background: #fff !important;
color: var(--rp-black);
border: 1px solid var(--rp-yellow);
border-radius: 2px !important;
padding: 0 3rem 0 0.75rem;
}
body.page-home #header #btn_header a,
body.page-home #header #phone-btn,
body.page-home #header #titre form button,
body.page-home #header .btn-primary,
body.page-home #header .btn-success {
background: var(--rp-yellow) !important;
background-image: none !important;
color: var(--rp-black) !important;
border-color: var(--rp-yellow) !important;
}
body.page-home #header #titre form button {
position: absolute;
right: 0;
top: 0;
width: 2.75rem;
height: 2.75rem;
line-height: 2.75rem;
padding: 0;
}
body.page-home #header #btn_header {
position: static;
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
width: auto !important;
max-width: 100%;
min-width: 0 !important;
height: auto;
margin: 0.4rem 0 0;
}
body.page-home #header #btn_header a,
body.page-home #header #contact-appel,
body.page-home #header #contact-appel a#phone-btn,
body.page-home #phone-btn {
position: static;
display: inline-flex;
align-items: center;
width: auto !important;
height: auto;
max-height: none;
}
body.page-home #header #btn_header a {
justify-content: center;
min-width: 2.5rem !important;
max-width: none;
min-height: 2.4rem;
text-indent: 0;
padding: 0.35rem 0.55rem;
line-height: 1.2;
}
body.page-home #header #btn_header a .icon,
body.page-home #header #btn_header a [class*=" icon-"],
body.page-home #header #btn_header a [class^="icon-"] {
position: static;
transform: none;
color: var(--rp-black) !important;
display: inline-block;
}
body.page-home #header #contact-appel,
body.page-home #header #contact-appel a#phone-btn,
body.page-home #phone-btn {
gap: 0.45rem !important;
min-width: 0 !important;
max-width: 100% !important;
min-height: 0 !important;
line-height: 1.25 !important;
overflow: visible !important;
top: auto !important;
padding: 0.45rem 0.7rem !important;
box-sizing: border-box !important;
}
body.page-home #phone-btn .horaires,
body.page-home #phone-btn .horaires > span,
body.page-home #phone-btn .icon,
body.page-home #phone-btn .tel-number,
body.page-home #phone-btn .text-secondary {
position: static !important;
display: inline !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
background: 0 0 !important;
background-image: none !important;
color: var(--rp-black) !important;
transform: none !important;
left: auto !important;
right: auto !important;
top: auto !important;
line-height: 1.25 !important;
}
body.page-home #avis_verifies,
body.page-home #avis_verifies img {
max-width: 72px !important;
height: auto !important;
}
body.page-home #bottom,
body.page-home #page.parallax,
body.page-home main#page {
position: relative;
z-index: 1;
width: 100% !important;
max-width: 100%;
min-width: 0 !important;
margin: 0;
background-image: none;
box-sizing: border-box;
}
body.page-home #page.parallax,
body.page-home main#page {
background: var(--rp-paper) !important;
padding: 0 0 5.5rem;
overflow-x: clip;
text-align: left;
}
body.page-home #bottom {
clear: both;
float: none;
background: var(--rp-black);
}
body.page-home #bottom,
body.page-home #bottom .letterpress,
body.page-home #bottom a,
body.page-home #bottom h3 {
color: #f7f7f5 !important;
}
body.page-home #bottom .prefooter {
background: var(--rp-yellow);
color: var(--rp-black);
}
body.page-home #bottom .prefooter a {
color: var(--rp-black) !important;
}
body.page-home #bottom .col4 {
float: none !important;
display: inline-block !important;
vertical-align: top !important;
width: 32% !important;
max-width: 32% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.page-home .rp-home {
width: min(1120px, calc(100% - 2rem));
margin: 1.25rem auto 2rem;
color: var(--rp-black);
font-family: "Open Sans", Arial, sans-serif;
}
body.page-home .rp-hero {
min-width: 0;
max-width: 100%;
}
body.page-home .rp-cats {
margin: 0 0 1.5rem;
}
body.page-home .rp-reassure {
margin: 0 0 1.5rem;
min-width: 0;
max-width: 100%;
}
body.page-home .rp-hero {
background: var(--rp-black);
padding: 2rem 1.25rem;
}
body.page-home .rp-kicker {
margin: 0 0 0.55rem;
color: var(--rp-yellow);
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
font-size: 0.85rem;
}
body.page-home .rp-hero p {
margin: 0 0 1.15rem;
line-height: 1.55;
font-size: 1.05rem;
color: #f3f3ef;
max-width: 34rem;
}
body.page-home .rp-cta {
display: inline-block;
background: var(--rp-yellow);
color: var(--rp-black);
text-decoration: none;
font-weight: 700;
padding: 0.75rem 1.05rem;
border-radius: 2px;
line-height: 1.2;
}
body.page-home .rp-cta:focus,
body.page-home .rp-cta:hover {
background: #e4ef4a;
color: var(--rp-black);
}
body.page-home .rp-cats h2 {
margin: 0 0 0.75rem;
color: var(--rp-black);
font-size: 1.35rem;
line-height: 1.25;
background: 0 0;
}
body.page-home .rp-cat-grid {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.85rem;
width: 100%;
max-width: 100%;
min-width: 0;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.page-home .rp-cat-grid > li {
min-width: 0;
margin: 0;
}
body.page-home .rp-cat,
body.page-home .rp-cat-label {
white-space: normal;
overflow-wrap: break-word;
word-break: break-word;
max-width: 100%;
}
body.page-home .rp-cat {
display: flex;
align-items: flex-end;
min-height: 6.5rem;
height: 100%;
box-sizing: border-box;
padding: 0.9rem;
background: #fff;
color: var(--rp-black);
text-decoration: none;
border: 1px solid #dedcd3;
border-bottom: 4px solid var(--rp-black);
font-weight: 700;
line-height: 1.3;
overflow: visible;
}
body.page-home .rp-cat:focus,
body.page-home .rp-cat:hover {
background: var(--rp-black);
color: #fff;
border-bottom-color: var(--rp-yellow);
}
body.page-home .rp-badge,
body.page-home .rp-reassure {
background: var(--rp-yellow);
color: var(--rp-black);
}
body.page-home .rp-reassure ul {
list-style: none;
margin: 0;
padding: 0.95rem 1rem;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0.65rem 1rem;
}
body.page-home .rp-reassure a,
body.page-home .rp-reassure li {
color: var(--rp-black);
font-weight: 700;
font-size: 0.95rem;
line-height: 1.35;
}
body.page-home .rp-badge {
display: inline-block;
margin-left: 0.35rem;
padding: 0.1rem 0.4rem;
font-size: 0.8rem;
font-weight: 700;
vertical-align: middle;
}
.rp-topline-hours br,
body.page-home .rp-cat-source {
display: none;
}
@media (max-width: 900px) {
body.page-home .rp-cat-grid,
body.page-home .rp-reassure ul {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.page-home #bottom .col4 {
width: 100% !important;
max-width: 100% !important;
display: block !important;
}
}
@media (max-width: 720px) {
body.page-home .rp-hero {
padding: 1.35rem 1rem;
}
body.page-home #header > #logo,
body.page-home #header > #titre,
body.page-home #header > .col3 {
flex: 1 1 100% !important;
}
}
@media (max-width: 480px) {
body.page-home .rp-cat-grid,
body.page-home .rp-reassure ul {
grid-template-columns: 1fr;
}
body.page-home #header {
flex-direction: column;
align-items: stretch;
}
body.page-home #header > #logo,
body.page-home #header > #titre,
body.page-home #header > .col3 {
flex: 1 1 100% !important;
width: 100% !important;
max-width: 100% !important;
}
body.page-home #header > .col3 {
display: flex !important;
flex-direction: column !important;
gap: 0.6rem !important;
}
body.page-home #header #contact-appel {
order: 1 !important;
}
body.page-home #header #btn_header {
order: 2;
width: 100% !important;
justify-content: flex-start;
}
body.page-home #header #contact-appel a#phone-btn,
body.page-home #header #phone-btn {
width: 100% !important;
max-width: 100% !important;
white-space: normal !important;
}
}
@media (min-width: 1100px) {
body.page-home #page,
body.page-home main,
body.page-home main#page {
padding-top: 0;
}
}
header#header.rp-topbar {
width: 100% !important;
max-width: 100%;
}
body.page-home header#header.rp-topbar,
header#header.rp-topbar {
display: block;
float: none;
position: relative;
min-width: 0 !important;
margin: 0;
padding: 0;
background-image: none;
color: #090907;
border: 0 !important;
border-bottom: 1px solid rgba(9, 9, 7, 0.14) !important;
box-sizing: border-box;
}
body.page-home header#header.rp-topbar #logo,
body.page-home header#header.rp-topbar .rp-bar,
header#header.rp-topbar #logo,
header#header.rp-topbar .rp-bar {
display: flex;
flex-direction: row;
align-items: center;
min-width: 0 !important;
height: auto;
min-height: 0;
max-height: none;
background: 0 0;
}
body.page-home header#header.rp-topbar .rp-bar,
header#header.rp-topbar .rp-bar {
flex-wrap: nowrap;
justify-content: space-between;
gap: 0.75rem;
width: 100% !important;
padding: 0.55rem 1rem;
}
body.page-home header#header.rp-topbar #logo,
header#header.rp-topbar #logo {
gap: 0.55rem;
flex: 0 0 auto;
float: none;
position: static;
width: auto !important;
max-width: 15rem !important;
margin: 0;
padding: 0;
overflow: visible;
text-decoration: none;
color: #090907 !important;
}
body.page-home header#header.rp-topbar #logo img,
header#header.rp-topbar #logo img {
display: block;
width: auto;
max-width: 9.2rem !important;
height: 44px !important;
margin: 0;
object-fit: contain;
}
body.page-home header#header.rp-topbar #slogan,
body.page-home header#header.rp-topbar #slogan strong,
header#header.rp-topbar #slogan,
header#header.rp-topbar #slogan strong {
width: auto !important;
max-width: 6.5rem;
height: auto;
margin: 0 !important;
overflow: visible;
text-indent: 0 !important;
color: #090907 !important;
font-size: 0.68rem;
line-height: 1.15 !important;
font-weight: 500 !important;
}
body.page-home header#header.rp-topbar #slogan strong,
header#header.rp-topbar #slogan strong {
display: block !important;
position: static;
padding: 0;
background: 0 0;
font-size: 0.78rem !important;
font-weight: 700 !important;
}
body.page-home header#header.rp-topbar #slogan,
header#header.rp-topbar #slogan,
header#header.rp-topbar #titre {
display: block;
position: static;
padding: 0 !important;
background: 0 0;
}
body.page-home header#header.rp-topbar #titre,
body.page-home header#header.rp-topbar h1,
header#header.rp-topbar h1 {
display: block;
position: static;
height: auto;
padding: 0;
background: 0 0;
}
body.page-home header#header.rp-topbar #titre,
header#header.rp-topbar #titre {
flex: 1 1 auto;
float: none;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
margin: 0;
}
body.page-home header#header.rp-topbar #titre {
min-height: 0;
max-height: none;
overflow: visible;
}
body.page-category .lineafter::after,
body.page-category .lineafter:after,
body.page-home header#header.rp-topbar #titre:before,
header#header.rp-topbar #titre:before {
content: none;
display: none;
background: 0 0;
}
body.page-home header#header.rp-topbar h1,
header#header.rp-topbar h1 {
max-height: 1.3rem !important;
margin: 0 0 0.25rem !important;
overflow: hidden !important;
color: #090907 !important;
font-size: 0.95rem !important;
line-height: 1.2 !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
}
body.page-home header#header.rp-topbar a,
header#header.rp-topbar a {
color: #090907 !important;
}
body.page-home header#header.rp-topbar #recherche_form,
body.page-home header#header.rp-topbar #titre form,
header#header.rp-topbar #recherche_form,
header#header.rp-topbar #titre form {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
gap: 0.5rem;
width: 100% !important;
max-width: 100%;
min-width: 0;
height: auto;
margin: 0;
padding: 0;
position: static !important;
background: 0 0;
box-sizing: border-box;
}
body.page-home header#header.rp-topbar #avis_verifies,
header#header.rp-topbar #avis_verifies {
position: static !important;
flex: 0 0 64px !important;
width: 64px !important;
min-width: 64px !important;
max-width: 64px !important;
height: 44px !important;
max-height: 44px !important;
margin: 0 !important;
overflow: hidden !important;
background: 0 0 !important;
align-self: center !important;
}
body.page-home header#header.rp-topbar #avis_verifies a,
body.page-home header#header.rp-topbar #avis_verifies div,
body.page-home header#header.rp-topbar #avis_verifies img,
header#header.rp-topbar #avis_verifies a,
header#header.rp-topbar #avis_verifies div,
header#header.rp-topbar #avis_verifies img {
position: static !important;
display: block !important;
width: 64px !important;
max-width: 64px !important;
height: auto !important;
max-height: 44px !important;
margin: 0 !important;
object-fit: contain !important;
float: none !important;
}
header#header.rp-topbar .rp-search-field {
align-items: stretch;
flex: 1 1 auto;
max-width: 100%;
overflow: hidden;
background: #fff;
border: 1px solid rgba(9, 9, 7, 0.22);
border-radius: 0.4rem !important;
box-sizing: border-box;
}
body.page-home header#header.rp-topbar .rp-actions,
body.page-home header#header.rp-topbar .rp-search-field,
header#header.rp-topbar .rp-actions,
header#header.rp-topbar .rp-search-field {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
position: static;
width: auto !important;
min-width: 0 !important;
margin: 0;
padding: 0;
}
body.page-home header#header.rp-topbar .rp-search-field {
align-items: stretch;
flex: 1 1 auto;
max-width: 100%;
height: 44px;
overflow: hidden;
background: #fff;
border: 1px solid rgba(9, 9, 7, 0.22) !important;
border-radius: 0.4rem !important;
box-sizing: border-box;
}
body.page-home header#header.rp-topbar #motcle,
body.page-home header#header.rp-topbar #titre form input,
header#header.rp-topbar #motcle,
header#header.rp-topbar #titre form input {
display: block;
position: static;
flex: 1 1 auto;
width: auto !important;
min-width: 0;
max-width: none !important;
min-height: 0;
max-height: none;
margin: 0;
padding: 0 0.75rem !important;
box-sizing: border-box;
background: #fff !important;
color: #090907;
border: 0 !important;
border-radius: 0.4rem 0 0 0.4rem !important;
font-size: 1rem;
float: none;
}
body.page-home header#header.rp-topbar #motcle,
body.page-home header#header.rp-topbar #titre form input {
height: 42px;
line-height: 42px;
}
body.page-home header#header.rp-topbar #recherche_form button.submit,
body.page-home header#header.rp-topbar #titre form button,
header#header.rp-topbar #recherche_form button.submit,
header#header.rp-topbar #titre form button {
display: inline-flex;
align-items: center;
justify-content: center;
position: static !important;
top: auto !important;
right: auto !important;
bottom: auto;
left: auto;
flex: 0 0 auto;
min-width: 2.75rem;
min-height: 0;
max-height: none;
margin: 0;
padding: 0 0.8rem !important;
line-height: 1 !important;
text-indent: 0;
float: none;
background: #ccd61c !important;
background-image: none !important;
color: #090907;
border: 0 !important;
border-radius: 0 0.35rem 0.35rem 0 !important;
box-sizing: border-box;
cursor: pointer;
}
body.page-home header#header.rp-topbar #recherche_form button.submit,
body.page-home header#header.rp-topbar #titre form button {
width: auto;
max-width: none !important;
height: 42px !important;
}
body.page-home header#header.rp-topbar #titre form button span,
header#header.rp-topbar #titre form button span {
position: static;
display: inline;
width: auto;
height: auto;
text-indent: 0;
color: #090907;
background: 0 0;
transform: none;
overflow: visible;
clip: auto;
}
body.page-home header#header.rp-topbar .rp-actions,
header#header.rp-topbar .rp-actions {
align-items: center;
justify-content: flex-end;
gap: 0.4rem;
flex: 0 1 auto;
float: none;
max-width: none;
height: auto;
min-height: 0;
background: 0 0;
}
body.page-home header#header.rp-topbar #contact-appel,
body.page-home header#header.rp-topbar #phone-btn .horaires,
body.page-home header#header.rp-topbar #phone-btn .horaires > span,
body.page-home header#header.rp-topbar #phone-btn .tel-number,
body.page-home header#header.rp-topbar #phone-btn .tel-number span,
body.page-home header#header.rp-topbar a#phone-btn,
header#header.rp-topbar #contact-appel,
header#header.rp-topbar #phone-btn .horaires,
header#header.rp-topbar #phone-btn .horaires > span,
header#header.rp-topbar #phone-btn .tel-number,
header#header.rp-topbar #phone-btn .tel-number span,
header#header.rp-topbar a#phone-btn {
position: static !important;
float: none !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
transform: none !important;
background-image: none !important;
text-indent: 0 !important;
box-sizing: border-box !important;
}
body.page-home header#header.rp-topbar #contact-appel,
header#header.rp-topbar #contact-appel {
display: block !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: 0 0 !important;
order: 0 !important;
}
body.page-home header#header.rp-topbar #contact-appel a#phone-btn,
body.page-home header#header.rp-topbar a#phone-btn,
header#header.rp-topbar #contact-appel a#phone-btn,
header#header.rp-topbar a#phone-btn {
display: inline-flex !important;
align-items: center !important;
width: auto !important;
min-width: 0 !important;
height: 44px !important;
min-height: 0 !important;
max-height: 44px !important;
overflow: hidden !important;
background: #ccd61c !important;
color: #090907 !important;
border-radius: 0.4rem !important;
}
body.page-home header#header.rp-topbar a#phone-btn,
header#header.rp-topbar a#phone-btn {
gap: 0.35rem !important;
max-width: 15rem !important;
padding: 0 0.65rem !important;
border: 0 !important;
text-decoration: none !important;
white-space: nowrap !important;
}
body.page-home header#header.rp-topbar #phone-btn .horaires,
header#header.rp-topbar #phone-btn .horaires {
display: flex !important;
flex-direction: column !important;
width: auto !important;
min-width: 0 !important;
max-width: 12rem !important;
height: auto !important;
background: 0 0 !important;
color: #090907 !important;
font-size: 0.65rem !important;
line-height: 1.1 !important;
}
body.page-home footer#bottom.rp-footer .rp-footer-col li,
body.page-home header#header.rp-topbar #phone-btn .rp-phone-note,
body.page-home header#header.rp-topbar #phone-btn .tel-number,
footer#bottom.rp-footer .rp-footer-col li,
header#header.rp-topbar #phone-btn .rp-phone-note,
header#header.rp-topbar #phone-btn .tel-number {
display: block;
width: auto;
height: auto;
background: 0 0;
color: #090907;
}
body.page-home header#header.rp-topbar #phone-btn .tel-number,
header#header.rp-topbar #phone-btn .tel-number {
font-size: 0.95rem !important;
font-weight: 700 !important;
}
body.page-home header#header.rp-topbar #btn_header,
header#header.rp-topbar #btn_header {
position: static;
display: flex;
flex-direction: row;
flex-wrap: nowrap !important;
align-items: center;
gap: 0.35rem !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: auto;
min-height: 0;
margin: 0 !important;
padding: 0;
background: 0 0;
}
body.page-home header#header.rp-topbar #btn_header a,
header#header.rp-topbar #btn_header a {
position: static;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.2rem;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: 40px;
min-height: 0 !important;
max-height: 40px !important;
margin: 0;
padding: 0 0.5rem;
overflow: hidden;
text-indent: 0;
text-decoration: none;
white-space: nowrap;
background: #fff !important;
background-image: none !important;
color: #090907 !important;
border: 1px solid rgba(9, 9, 7, 0.18) !important;
border-radius: 0.35rem !important;
font-size: 0.82rem;
line-height: 1;
float: none;
}
body.page-home header#header.rp-topbar #btn_header a:hover,
header#header.rp-topbar #btn_header a:hover {
border-color: #ccd61c !important;
}
body.page-home header#header.rp-topbar #btn_header a .icon,
body.page-home header#header.rp-topbar #btn_header a [class*=" icon-"],
body.page-home header#header.rp-topbar #btn_header a [class^="icon-"],
body.page-home header#header.rp-topbar #btn_header a span,
header#header.rp-topbar #btn_header a .icon,
header#header.rp-topbar #btn_header a [class*=" icon-"],
header#header.rp-topbar #btn_header a [class^="icon-"],
header#header.rp-topbar #btn_header a span {
position: static;
display: inline !important;
color: #090907 !important;
background: 0 0;
transform: none;
text-indent: 0;
width: auto !important;
height: auto !important;
}
header#header.rp-topbar .rp-sr {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
}
body.page-home main#page {
padding-top: 0;
}
body.page-home footer#bottom.rp-footer,
footer#bottom.rp-footer {
padding: 0 0 5.5rem;
}
body.page-home footer#bottom.rp-footer .prefooter a,
footer#bottom.rp-footer .prefooter a {
background: 0 0 !important;
text-decoration-color: #ccd61c !important;
}
body.page-home footer#bottom.rp-footer .rp-footer-grid,
footer#bottom.rp-footer .rp-footer-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
width: 100%;
}
body.page-home footer#bottom.rp-footer .rp-footer-col h3::after,
footer#bottom.rp-footer .rp-footer-col h3::after {
width: 2rem;
margin-top: 0.35rem;
background: #ccd61c;
}
body.page-home footer#bottom.rp-footer .rp-footer-col ul,
body.page-home header#header.rp-topbar,
footer#bottom.rp-footer .rp-footer-col ul {
width: 100% !important;
max-width: 100%;
height: auto;
min-height: 0;
max-height: none;
overflow: visible;
}
body.page-home footer#bottom.rp-footer .rp-footer-col li,
footer#bottom.rp-footer .rp-footer-col li {
position: static;
float: none;
min-height: 0;
max-height: none;
overflow: visible;
white-space: normal;
margin: 0 0 0.55rem;
padding: 0;
color: rgba(9, 9, 7, 0.78) !important;
font-family: "Open Sans", sans-serif;
font-size: 0.92rem;
font-weight: 400;
line-height: 1.4;
text-align: left;
max-width: none;
border: 0;
}
body.page-home footer#bottom.rp-footer a,
body.page-home footer#bottom.rp-footer a[href^="tel:"],
footer#bottom.rp-footer a,
footer#bottom.rp-footer a[href^="tel:"] {
display: inline;
position: static;
height: auto;
max-height: none;
overflow: visible;
white-space: normal;
text-indent: 0;
text-decoration-color: rgba(9, 9, 7, 0.35) !important;
text-underline-offset: 0.12em;
}
body.page-home footer#bottom.rp-footer a[href^="tel:"],
footer#bottom.rp-footer a[href^="tel:"] {
color: #090907 !important;
background: 0 0 !important;
font-size: 1rem;
font-weight: 500;
line-height: 1.4;
text-decoration: underline !important;
}
body.page-home footer#bottom.rp-footer a:hover,
footer#bottom.rp-footer a:hover {
text-decoration-color: #ccd61c !important;
}
body.page-home footer#bottom.rp-footer .about,
footer#bottom.rp-footer .about {
float: none;
width: 100%;
height: auto;
max-height: none;
margin: 0.5rem auto 0 !important;
padding: 0.8rem 1rem 0.2rem;
overflow: visible;
border-top: 1px solid rgba(9, 9, 7, 0.12);
color: #090907;
background: 0 0;
text-align: left !important;
line-height: 1.5;
}
body.page-home footer#bottom.rp-footer .about a,
footer#bottom.rp-footer .about a {
color: #090907 !important;
}
@media (max-width: 860px) {
body.page-home header#header.rp-topbar .rp-bar,
header#header.rp-topbar .rp-bar {
flex-direction: column;
align-items: stretch;
flex-wrap: nowrap;
gap: 0.55rem;
}
body.page-home header#header.rp-topbar #logo,
body.page-home header#header.rp-topbar #titre,
body.page-home header#header.rp-topbar .rp-actions,
header#header.rp-topbar #logo,
header#header.rp-topbar #titre,
header#header.rp-topbar .rp-actions {
width: 100% !important;
max-width: 100%;
flex: 0 0 auto;
}
body.page-home header#header.rp-topbar #recherche_form,
header#header.rp-topbar #recherche_form {
width: 100%;
}
body.page-home header#header.rp-topbar .rp-search-field,
header#header.rp-topbar .rp-search-field {
width: 100%;
flex: 1 1 auto;
}
body.page-home header#header.rp-topbar .rp-actions,
header#header.rp-topbar .rp-actions {
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
}
body.page-home header#header.rp-topbar a#phone-btn,
header#header.rp-topbar a#phone-btn {
width: auto !important;
max-width: 46% !important;
flex: 0 1 auto !important;
}
body.page-home header#header.rp-topbar #btn_header,
header#header.rp-topbar #btn_header {
flex: 1 1 auto;
width: auto !important;
min-width: 0 !important;
flex-wrap: nowrap;
}
body.page-home header#header.rp-topbar #btn_header a,
header#header.rp-topbar #btn_header a {
padding: 0 0.35rem;
font-size: 0.72rem;
min-width: 0 !important;
}
body.page-home footer#bottom.rp-footer .rp-footer-grid,
footer#bottom.rp-footer .rp-footer-grid {
grid-template-columns: minmax(0, 1fr);
}
}
body.page-home header#header.rp-topbar #contact-appel a#phone-btn,
header#header.rp-topbar #contact-appel a#phone-btn {
position: static !important;
max-width: 14rem !important;
padding: 0 0.6rem !important;
line-height: 1.1 !important;
}
body.page-home header#header.rp-topbar #contact-appel a#phone-btn .horaires,
body.page-home
header#header.rp-topbar
#contact-appel
a#phone-btn
.horaires
> span,
header#header.rp-topbar #contact-appel a#phone-btn .horaires > span {
position: static !important;
display: block !important;
min-width: 0 !important;
max-width: 11rem !important;
min-height: 0 !important;
background-image: none !important;
line-height: 1.1 !important;
}
body.page-home
header#header.rp-topbar
#contact-appel
a#phone-btn
.horaires
> span,
header#header.rp-topbar #contact-appel a#phone-btn .horaires > span {
width: auto !important;
height: auto !important;
max-height: none !important;
overflow: hidden !important;
background: 0 0 !important;
color: #090907 !important;
}
header#header.rp-topbar #contact-appel a#phone-btn .horaires {
line-height: 1.1 !important;
}
body.page-home header#header.rp-topbar #contact-appel a#phone-btn .tel-number,
header#header.rp-topbar #contact-appel a#phone-btn .horaires,
header#header.rp-topbar #contact-appel a#phone-btn .tel-number {
position: static !important;
display: block !important;
min-width: 0 !important;
max-width: 11rem !important;
min-height: 0 !important;
background-image: none !important;
}
@media (max-width: 860px) {
body.page-home header#header.rp-topbar #contact-appel a#phone-btn,
header#header.rp-topbar #contact-appel a#phone-btn {
max-width: 46% !important;
height: 44px !important;
max-height: 44px !important;
}
}
body.page-home header#header.rp-topbar #contact-appel a#phone-btn.phone,
header#header.rp-topbar #contact-appel a#phone-btn.phone {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
position: static !important;
width: auto !important;
min-width: 0 !important;
max-width: 16rem !important;
height: auto !important;
min-height: 44px !important;
max-height: none !important;
padding: 0.3rem 0.7rem !important;
overflow: visible !important;
white-space: normal !important;
line-height: 1.15 !important;
background: #ccd61c !important;
color: #090907 !important;
}
body.page-home
header#header.rp-topbar
#contact-appel
a#phone-btn
.icon-volume-control-phone,
header#header.rp-topbar #contact-appel a#phone-btn .icon-volume-control-phone {
position: static !important;
display: none !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
body.page-home header#header.rp-topbar #contact-appel a#phone-btn .horaires,
header#header.rp-topbar #contact-appel a#phone-btn .horaires {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
width: auto !important;
max-width: none !important;
height: auto !important;
max-height: none !important;
overflow: visible !important;
white-space: normal !important;
background: 0 0 !important;
color: #090907 !important;
}
body.page-home header#header.rp-topbar #contact-appel a#phone-btn .tel-number,
header#header.rp-topbar #contact-appel a#phone-btn .tel-number {
order: -1 !important;
display: flex !important;
flex-direction: column !important;
width: auto !important;
max-width: none !important;
height: auto !important;
max-height: none !important;
overflow: visible !important;
white-space: nowrap !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
line-height: 1.15 !important;
color: #090907 !important;
background: 0 0 !important;
}
body.page-home
header#header.rp-topbar
#contact-appel
a#phone-btn
.rp-phone-note,
header#header.rp-topbar #contact-appel a#phone-btn .rp-phone-note {
font-size: 0.65rem !important;
font-weight: 500 !important;
line-height: 1.1 !important;
color: #090907 !important;
white-space: nowrap !important;
}
@media (max-width: 860px) {
body.page-home header#header.rp-topbar #contact-appel a#phone-btn.phone,
header#header.rp-topbar #contact-appel a#phone-btn.phone {
max-width: none !important;
height: 44px !important;
min-height: 0 !important;
max-height: 44px !important;
padding: 0 0.45rem !important;
overflow: hidden !important;
}
body.page-home
header#header.rp-topbar
#contact-appel
a#phone-btn
.horaires
> br,
body.page-home
header#header.rp-topbar
#contact-appel
a#phone-btn
.horaires
> span:not(.tel-number),
body.page-home
header#header.rp-topbar
#contact-appel
a#phone-btn
.rp-phone-note,
header#header.rp-topbar #contact-appel a#phone-btn .horaires > br,
header#header.rp-topbar
#contact-appel
a#phone-btn
.horaires
> span:not(.tel-number),
header#header.rp-topbar #contact-appel a#phone-btn .rp-phone-note {
display: none !important;
}
body.page-home header#header.rp-topbar #contact-appel a#phone-btn .tel-number,
header#header.rp-topbar #contact-appel a#phone-btn .tel-number {
font-size: 0.78rem !important;
line-height: 1 !important;
max-width: none !important;
}
body.page-home header#header.rp-topbar .rp-actions,
header#header.rp-topbar .rp-actions {
flex-wrap: nowrap;
overflow: visible;
}
}
@media (min-width: 861px) {
body.page-home header#header.rp-topbar #contact-appel a#phone-btn.phone,
header#header.rp-topbar #contact-appel a#phone-btn.phone {
padding: 0.2rem 0.65rem !important;
max-width: 18rem !important;
}
body.page-home
header#header.rp-topbar
#contact-appel
a#phone-btn.phone
.horaires,
header#header.rp-topbar #contact-appel a#phone-btn.phone .horaires {
align-items: flex-start !important;
gap: 0 !important;
}
body.page-home
header#header.rp-topbar
#contact-appel
a#phone-btn.phone
.tel-number,
header#header.rp-topbar #contact-appel a#phone-btn.phone .tel-number {
flex-direction: row !important;
align-items: baseline !important;
gap: 0.35rem !important;
font-size: 0.92rem !important;
}
body.page-home
header#header.rp-topbar
#contact-appel
a#phone-btn.phone
.horaires
> br,
header#header.rp-topbar #contact-appel a#phone-btn.phone .horaires > br {
display: none !important;
}
body.page-home
header#header.rp-topbar
#contact-appel
a#phone-btn.phone
.horaires
> span:not(.tel-number),
header#header.rp-topbar
#contact-appel
a#phone-btn.phone
.horaires
> span:not(.tel-number) {
display: inline !important;
width: auto !important;
max-width: none !important;
height: auto !important;
font-size: 0.65rem !important;
line-height: 1.15 !important;
white-space: normal !important;
}
}
body.page-home .rp-cats,
body.page-home .rp-home {
max-width: 1400px;
box-sizing: border-box;
}
body.page-home .rp-home {
width: min(1400px, calc(100% - 40px)) !important;
margin-left: auto;
margin-right: auto;
}
body.page-home .rp-cats {
width: 100%;
min-width: 0;
}
body.page-home footer#bottom.rp-footer .about {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.page-home footer#bottom.rp-footer .about,
footer#bottom.rp-footer .about {
width: min(1400px, calc(100% - 40px)) !important;
max-width: 1400px !important;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
body.page-home footer#bottom.rp-footer .rp-footer-grid,
footer#bottom.rp-footer .about,
footer#bottom.rp-footer .rp-footer-grid {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.page-home header#header.rp-topbar .rp-bar,
header#header.rp-topbar .rp-bar {
width: min(1400px, calc(100% - 40px)) !important;
max-width: 1400px;
margin: 0 auto;
padding-left: 0;
padding-right: 0;
box-sizing: border-box;
}
.rp-topline {
box-sizing: border-box;
}
.rp-topline-inner {
min-height: 36px;
}
.rp-topline-hours {
margin-right: auto;
color: #090907;
font-size: 0.78rem;
}
.rp-topline .text-nowrap,
.rp-topline-hours span {
display: inline;
white-space: normal;
}
.rp-topline-link {
margin: 0;
padding: 0;
background: 0 0 !important;
color: #090907 !important;
border: 0 !important;
box-shadow: none;
line-height: 1.2;
text-decoration: none;
white-space: nowrap;
}
.rp-topline a,
.rp-topline-link {
display: inline;
position: static;
width: auto;
height: auto;
min-width: 0;
min-height: 0;
background-image: none !important;
border-radius: 0;
font-size: 0.8rem;
font-weight: 600;
}
.rp-topline a:hover {
text-decoration: underline;
text-decoration-color: #ccd61c;
}
.rp-topline .rp-phone-note {
font-weight: 500;
margin-right: 0.35rem;
}
@media (min-width: 861px) {
body.page-home header#header.rp-topbar .rp-bar,
header#header.rp-topbar .rp-bar {
min-height: 88px !important;
height: auto;
}
}
@media (max-width: 860px) {
.rp-topline-inner {
flex-wrap: wrap;
justify-content: flex-start;
gap: 0.2rem 0.75rem;
padding: 0.35rem 0;
}
.rp-topline-hours {
margin-right: 0;
flex: 1 1 100%;
}
body.page-home header#header.rp-topbar .rp-actions,
header#header.rp-topbar .rp-actions {
width: 100% !important;
}
}
html:has(body.page-category),
html:has(body.page-home) {
overflow: visible !important;
height: auto !important;
max-height: none;
scroll-snap-type: none;
}
body.page-home main#page.parallax {
overflow: visible !important;
height: auto !important;
max-height: none;
min-height: 0;
background-attachment: scroll;
}
@media (min-width: 861px) {
body.page-home header#header.rp-topbar nav#menu_produit,
header#header.rp-topbar nav#menu_produit.rp-catnav {
position: static;
display: block;
float: none;
top: auto;
left: auto;
right: auto;
width: 100%;
max-width: 100%;
min-width: 0;
height: auto;
min-height: 0;
max-height: none;
margin: 0;
padding: 0;
overflow: visible;
background: #fff;
background-image: none;
border: 0;
border-top: 1px solid rgba(9, 9, 7, 0.12);
box-shadow: none;
z-index: 2;
}
body.page-home header#header.rp-topbar nav#menu_produit > button,
body.page-home header#header.rp-topbar nav#menu_produit > p,
header#header.rp-topbar nav#menu_produit > button,
header#header.rp-topbar nav#menu_produit > p {
display: none !important;
}
body.page-home header#header.rp-topbar nav#menu_produit > ul,
header#header.rp-topbar nav#menu_produit > ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: 0;
width: min(1400px, calc(100% - 40px));
max-width: 1400px;
min-width: 0;
height: auto;
min-height: 0;
margin: 0 auto;
padding: 0.15rem 0;
border: 0;
box-shadow: none;
background: 0 0;
overflow: visible;
}
body.page-home
header#header.rp-topbar
nav#menu_produit
> ul
> li.menu_produit_item,
header#header.rp-topbar nav#menu_produit > ul > li.menu_produit_item {
display: inline-flex;
width: auto;
min-width: 0;
max-width: none;
height: auto;
min-height: 0;
margin: 0;
padding: 0;
background: 0 0 !important;
background-image: none !important;
border: 0;
float: none;
position: relative;
}
body.page-home
header#header.rp-topbar
nav#menu_produit
> ul
> li.menu_produit_item
> a.nav-link,
header#header.rp-topbar
nav#menu_produit
> ul
> li.menu_produit_item
> a.nav-link {
display: inline-flex !important;
align-items: center !important;
gap: 0.35rem !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0.45rem 0.55rem !important;
background: 0 0 !important;
color: #090907 !important;
font-size: 0.78rem !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
text-decoration: none !important;
white-space: nowrap !important;
}
header#header.rp-topbar
nav#menu_produit
> ul
> li.menu_produit_item
> a.nav-link
.icon,
header#header.rp-topbar
nav#menu_produit
> ul
> li.menu_produit_item
> a.nav-link
.nav-link-label {
color: #090907 !important;
background: 0 0 !important;
position: static !important;
transform: none !important;
width: auto !important;
height: auto !important;
font-size: 0.78rem !important;
line-height: 1.2 !important;
}
header#header.rp-topbar
nav#menu_produit
> ul
> li.menu_produit_item
> a.nav-link
.icon {
font-size: 1rem !important;
}
body.page-home
header#header.rp-topbar
nav#menu_produit
> ul
> li.menu_produit_item
> a.nav-link
.icon,
body.page-home
header#header.rp-topbar
nav#menu_produit
> ul
> li.menu_produit_item
> a.nav-link
.nav-link-label {
color: #090907 !important;
background: 0 0 !important;
position: static !important;
transform: none !important;
width: auto !important;
height: auto !important;
font-size: 0.78rem !important;
line-height: 1.2 !important;
}
body.page-home
header#header.rp-topbar
nav#menu_produit
> ul
> li.menu_produit_item
> a.nav-link
.icon {
font-size: 1rem !important;
}
body.page-home
header#header.rp-topbar
nav#menu_produit
> ul
> li.menu_produit_item
> a.nav-link:focus
.nav-link-label,
body.page-home
header#header.rp-topbar
nav#menu_produit
> ul
> li.menu_produit_item
> a.nav-link:hover
.nav-link-label,
header#header.rp-topbar
nav#menu_produit
> ul
> li.menu_produit_item
> a.nav-link:focus
.nav-link-label,
header#header.rp-topbar
nav#menu_produit
> ul
> li.menu_produit_item
> a.nav-link:hover
.nav-link-label {
text-decoration: underline !important;
text-decoration-color: #ccd61c !important;
text-underline-offset: 0.28rem !important;
}
}
@media (max-width: 860px) {
body.page-home header#header.rp-topbar nav#menu_produit:not(.opened),
header#header.rp-topbar nav#menu_produit:not(.opened) {
display: none;
}
#mobile_nav {
position: fixed !important;
top: auto !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 40 !important;
height: auto !important;
max-height: none !important;
}
body.page-home header#header.rp-topbar #avis_verifies,
header#header.rp-topbar #avis_verifies {
display: none !important;
}
body.page-home header#header.rp-topbar .rp-search-field,
header#header.rp-topbar .rp-search-field {
width: 100%;
flex: 1 1 100%;
}
body.page-home header#header.rp-topbar #motcle,
header#header.rp-topbar #motcle {
flex: 1 1 240px;
min-width: 240px;
width: auto;
}
body.page-home header#header.rp-topbar #recherche_form button.submit,
header#header.rp-topbar #recherche_form button.submit {
flex: 0 0 auto;
width: auto !important;
max-width: 6.2rem !important;
min-width: 0 !important;
padding: 0 0.45rem !important;
}
}
body.page-home .rp-reassure {
background: #ccd61c !important;
}
body.page-home .rp-reassure,
body.page-home .rp-reassure a,
body.page-home .rp-reassure a:hover,
body.page-home .rp-reassure a:link,
body.page-home .rp-reassure a:visited,
body.page-home .rp-reassure li {
color: #090907 !important;
background-color: transparent !important;
}
body.page-home a.rp-cta,
body.page-home a.rp-cta:focus,
body.page-home a.rp-cta:hover,
body.page-home a.rp-cta:link,
body.page-home a.rp-cta:visited {
color: #090907 !important;
background: #ccd61c !important;
}
body.page-home .rp-cat-label,
body.page-home a.rp-cat,
body.page-home a.rp-cat:focus,
body.page-home a.rp-cat:hover,
body.page-home a.rp-cat:link,
body.page-home a.rp-cat:visited {
color: #090907 !important;
}
body.page-home a.rp-cat {
display: flex;
align-items: center;
gap: 0.65rem;
background: #fff !important;
border-bottom: 3px solid #ccd61c !important;
font-size: 1.12rem;
font-weight: 700;
min-height: 5.25rem;
text-decoration: none;
}
body.page-home a.rp-cat .icon {
color: #090907 !important;
font-size: 1.35rem;
line-height: 1;
flex: 0 0 auto;
}
body.page-home a.rp-cat .rp-cat-label {
font-size: 1.12rem;
line-height: 1.25;
}
body.page-home a.rp-cat::after {
content: "→";
margin-left: auto;
color: #090907;
font-size: 1.25rem;
line-height: 1;
}
@media (min-width: 861px) {
header#header.rp-topbar nav#menu_produit.rp-catnav > ul.navbar-nav {
flex-wrap: nowrap !important;
justify-content: space-between !important;
overflow: hidden !important;
}
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul
> li.menu_produit_item
> a.nav-link {
padding: 0.28rem 0.22rem !important;
font-size: 0.68rem !important;
gap: 0.2rem !important;
}
header#header.rp-topbar.rp-topbar .rp-bar {
min-height: 76px !important;
}
}
@media (max-width: 860px) {
nav#mobile_nav,
nav#mobile_nav #go_menu {
transform: none !important;
margin: 0 !important;
}
nav#mobile_nav {
left: 0 !important;
right: 0 !important;
width: 100% !important;
max-width: 100% !important;
display: flex !important;
justify-content: space-around !important;
align-items: center !important;
box-sizing: border-box !important;
}
nav#mobile_nav #go_menu {
position: static !important;
left: auto !important;
right: auto !important;
display: inline-flex !important;
width: auto !important;
min-width: 0 !important;
}
}
header#header.rp-topbar {
z-index: 20;
}
header#header.rp-topbar nav#menu_produit.rp-catnav {
position: relative;
display: block;
float: none;
top: auto;
left: auto;
right: auto;
width: 100%;
max-width: 100%;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0;
padding: 0;
overflow: visible;
background: #fff;
background-image: none;
transform: none;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .icon,
header#header.rp-topbar nav#menu_produit.rp-catnav .sous_menu,
header#header.rp-topbar nav#menu_produit.rp-catnav > button,
header#header.rp-topbar nav#menu_produit.rp-catnav > p {
display: none !important;
}
header#header.rp-topbar nav#menu_produit.rp-catnav > ul.rp-catnav-list,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item {
display: flex;
align-items: center;
min-width: 0;
height: auto;
min-height: 0;
padding: 0;
background: 0 0 !important;
border: 0;
list-style: none;
}
header#header.rp-topbar nav#menu_produit.rp-catnav > ul.rp-catnav-list {
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
gap: 0;
width: min(1400px, calc(100% - 40px));
max-width: 1400px;
margin: 0 auto;
box-shadow: none;
overflow: visible;
}
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item {
position: static;
width: auto;
max-width: none !important;
max-height: none;
margin: 0;
background-image: none !important;
float: none;
line-height: 1.2;
}
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link {
display: inline-block !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0.42rem 0.2rem !important;
color: #090907 !important;
font-size: 0.68rem !important;
font-weight: 600 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
text-decoration: none !important;
white-space: nowrap !important;
vertical-align: middle !important;
}
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
.rp-catnav-link:focus,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
.rp-catnav-link:hover {
color: #090907 !important;
text-decoration: underline !important;
text-decoration-color: #ccd61c !important;
text-underline-offset: 0.28rem !important;
}
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link:focus,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link:hover {
text-decoration-color: #ccd61c !important;
text-underline-offset: 0.28rem !important;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega {
display: none;
position: absolute;
left: 0;
right: 0;
top: 100%;
width: 100%;
margin: 0;
padding: 0;
background: #fff;
border-bottom: 1px solid rgba(9, 9, 7, 0.12);
z-index: 30;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-inner {
width: min(1400px, calc(100% - 40px));
max-width: 1400px;
margin: 0 auto;
padding: 1rem 0 1.2rem;
column-count: 4;
column-gap: 1.4rem;
box-sizing: border-box;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-col {
break-inside: avoid;
margin: 0 0 0.85rem;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega a,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega a:link,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega a:visited {
color: #090907 !important;
background: 0 0 !important;
text-decoration: none !important;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega a:focus,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega a:hover {
text-underline-offset: 0.18rem !important;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-title {
display: block;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub {
list-style: none;
margin: 0;
padding: 0;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub a {
display: block !important;
width: auto;
max-width: 100%;
white-space: normal;
font-size: 0.92rem;
font-weight: 500;
line-height: 1.4;
padding: 0.32rem 0.4rem;
}
@media (min-width: 861px) {
header#header.rp-topbar .rp-bar {
min-height: 72px;
height: auto;
}
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-catnav-item.is-open
> .rp-mega,
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-catnav-item:focus-within
> .rp-mega,
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-catnav-item:hover
> .rp-mega {
display: block !important;
}
nav#mobile_nav #rp-burger {
display: none !important;
}
}
@media (max-width: 860px) {
header#header.rp-topbar nav#menu_produit.rp-catnav,
nav#mobile_nav {
position: fixed;
left: 0;
right: 0;
width: 100%;
max-width: 100%;
}
header#header.rp-topbar nav#menu_produit.rp-catnav {
display: none;
top: 0;
bottom: 46px;
height: auto;
max-height: none;
overflow: auto;
background: #fff;
z-index: 35;
border-top: 0;
}
body.page-home header#header.rp-topbar nav#menu_produit.rp-catnav.rp-open,
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-catnav-item.is-open
> .rp-mega,
header#header.rp-topbar nav#menu_produit.rp-catnav.rp-open {
display: block !important;
}
header#header.rp-topbar nav#menu_produit.rp-catnav > ul.rp-catnav-list {
flex-direction: column !important;
flex-wrap: nowrap;
align-items: stretch !important;
width: calc(100% - 32px);
padding: 0.5rem 0 1rem;
}
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item {
flex-direction: column;
align-items: stretch !important;
border-bottom: 1px solid rgba(9, 9, 7, 0.12);
}
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link {
padding: 0.75rem 0 !important;
font-size: 1rem !important;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega {
position: static;
width: 100%;
box-shadow: none !important;
border: 0 !important;
display: none;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-inner {
column-count: 1;
width: 100%;
padding: 0 0 0.6rem;
}
nav#mobile_nav {
bottom: 0 !important;
top: auto !important;
transform: none !important;
display: flex !important;
justify-content: space-around !important;
align-items: center !important;
z-index: 40 !important;
box-sizing: border-box !important;
}
nav#mobile_nav #rp-burger {
position: static !important;
display: inline-flex !important;
width: auto !important;
transform: none !important;
}
}
header#header.rp-topbar,
header#header.rp-topbar #titre,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub li {
height: auto !important;
min-height: 0 !important;
max-height: none !important;
}
header#header.rp-topbar #titre {
overflow: visible;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub {
display: block;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub li {
display: block !important;
float: none;
width: 100%;
min-width: 0;
max-width: 100%;
margin: 0;
line-height: 1.35;
white-space: normal;
padding: 0.15rem 0;
}
body:not(.page-home) main#page {
padding-top: 0 !important;
margin-top: 0 !important;
}
body:not(.page-home) .breadcrumbs,
body:not(.page-home) .breadcrumbs .inner {
margin-top: 0;
position: static;
top: auto;
}
@media (min-width: 861px) {
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link {
padding: 0.72rem 0.28rem !important;
font-size: 0.84rem !important;
font-weight: 600 !important;
line-height: 1.25 !important;
letter-spacing: 0.01em !important;
border-bottom: 2px solid transparent !important;
text-decoration: none !important;
}
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item.is-open
> a.rp-catnav-link,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item:hover
> a.rp-catnav-link,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link:focus,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link:hover {
border-bottom-color: #ccd61c !important;
text-decoration: none !important;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega {
box-shadow: 0 22px 48px rgba(9, 9, 7, 0.1);
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-inner {
padding: 1.6rem 0 2rem;
column-gap: 2.4rem;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-col {
margin: 0 0 1.35rem;
}
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-title {
font-size: 1rem;
font-weight: 700 !important;
line-height: 1.35;
padding-bottom: 0.35rem !important;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub a:focus,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub a:hover {
background: rgba(204, 214, 28, 0.35) !important;
background: #f3f2ec !important;
color: #090907 !important;
text-decoration: none !important;
box-shadow: none !important;
}
@media (max-width: 860px) {
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link {
padding: 0.95rem 0 !important;
font-size: 1.05rem !important;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-inner {
padding: 0.2rem 0 1rem;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub a {
font-size: 1rem;
padding: 0.45rem 0.2rem;
}
}
header#header.rp-topbar nav#menu_produit.rp-catnav,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-catnav-link,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub li,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-title,
header#header.rp-topbar nav#menu_produit.rp-catnav li,
header#header.rp-topbar nav#menu_produit.rp-catnav ul {
border: 0 !important;
box-shadow: none !important;
text-decoration: none !important;
}
header#header.rp-topbar nav#menu_produit.rp-catnav {
border-top: 1px solid rgba(9, 9, 7, 0.08);
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega {
border: 0 !important;
border-top: 1px solid rgba(9, 9, 7, 0.08) !important;
box-shadow: 0 18px 40px rgba(9, 9, 7, 0.06) !important;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-title {
padding-bottom: 0 !important;
margin: 0 0 0.45rem !important;
}
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link {
border: 0 !important;
border-radius: 8px !important;
background: 0 0 !important;
}
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item.is-open
> a.rp-catnav-link,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item:hover
> a.rp-catnav-link,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link:focus,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link:hover {
border: 0 !important;
background: #f3f2ec !important;
color: #090907 !important;
text-decoration: none !important;
box-shadow: none !important;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub a {
border: 0 !important;
border-radius: 8px !important;
background: 0 0 !important;
transition: background-color 0.16s ease !important;
}
@media (max-width: 860px) {
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item {
border: 0;
border-bottom: 1px solid rgba(9, 9, 7, 0.08);
}
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega a,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega a:link,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega a:visited {
border: 0 !important;
border-color: transparent !important;
box-shadow: none !important;
background-image: none !important;
text-decoration: none !important;
text-decoration-color: #090907 !important;
text-underline-offset: 0 !important;
color: #090907 !important;
}
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-mega
a:focus,
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-mega
a:hover,
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-mega-title:focus,
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-mega-title:hover,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega a:focus,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega a:hover,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-title:focus,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-title:hover {
background-image: none !important;
text-underline-offset: 0 !important;
}
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-mega-title,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-title {
border: 0 !important;
border-color: transparent !important;
box-shadow: none !important;
background-image: none !important;
text-decoration: none !important;
text-decoration-color: #090907 !important;
text-underline-offset: 0 !important;
color: #090907 !important;
}
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-mega-title:focus,
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-mega-title:hover,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-title,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-title:focus,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-title:hover {
padding-bottom: 0 !important;
}
@media (min-width: 861px) {
body.page-home header#header.rp-topbar nav#menu_produit.rp-catnav,
header#header.rp-topbar nav#menu_produit.rp-catnav {
border: 0;
border-top: 1px solid rgba(9, 9, 7, 0.12);
border-right: 0;
border-bottom: 0;
border-left: 0;
background: #fff;
box-shadow: none;
}
body.page-home header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega {
top: calc(100% - 1px);
margin-top: 0;
border: 0 !important;
border-top: 0 !important;
border-bottom: 1px solid rgba(9, 9, 7, 0.08) !important;
background: #fff;
box-shadow: 0 18px 40px rgba(9, 9, 7, 0.06) !important;
z-index: 30 !important;
}
body.page-home
header#header.rp-topbar:has(
nav#menu_produit.rp-catnav .rp-catnav-item.is-open
),
body.page-home
header#header.rp-topbar:has(
nav#menu_produit.rp-catnav .rp-catnav-item:focus-within
),
body.page-home
header#header.rp-topbar:has(
nav#menu_produit.rp-catnav .rp-catnav-item:hover
),
header#header.rp-topbar:has(
nav#menu_produit.rp-catnav .rp-catnav-item.is-open
),
header#header.rp-topbar:has(
nav#menu_produit.rp-catnav .rp-catnav-item:focus-within
),
header#header.rp-topbar:has(
nav#menu_produit.rp-catnav .rp-catnav-item:hover
) {
border-bottom-color: transparent !important;
}
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link {
border: 0 !important;
border-radius: 8px !important;
background: 0 0 !important;
color: #090907 !important;
text-decoration: none !important;
text-decoration-color: #090907 !important;
box-shadow: none !important;
}
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link:focus,
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link:hover,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link:focus,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link:hover {
border: 0 !important;
border-radius: 8px !important;
background: #f6f5f0 !important;
color: #090907 !important;
text-decoration: none !important;
text-decoration-color: #090907 !important;
box-shadow: none !important;
}
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item.is-open
> a.rp-catnav-link,
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item:has(.rp-mega):focus-within
> a.rp-catnav-link,
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item:has(.rp-mega):hover
> a.rp-catnav-link,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item.is-open
> a.rp-catnav-link,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item:has(.rp-mega):focus-within
> a.rp-catnav-link,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item:has(.rp-mega):hover
> a.rp-catnav-link {
position: relative !important;
z-index: 40 !important;
background: #fff !important;
color: #090907 !important;
border: 0 !important;
border-radius: 8px 8px 0 0 !important;
text-decoration: none !important;
text-decoration-color: #090907 !important;
box-shadow: 0 2px 0#fff !important;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub li {
display: block;
border: 0;
}
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-mega-sub
a,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub a {
display: block;
width: 100% !important;
box-sizing: border-box;
border: 0 !important;
border-radius: 8px !important;
background: 0 0 !important;
color: #090907 !important;
text-decoration: none !important;
text-decoration-color: #090907 !important;
padding: 0.42rem 0.7rem !important;
}
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-mega-sub
a:focus,
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-mega-sub
a:hover,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub a:focus,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub a:hover {
background: #f3f2ec !important;
color: #090907 !important;
border: 0 !important;
border-radius: 8px !important;
text-decoration: none !important;
text-decoration-color: #090907 !important;
box-shadow: none !important;
}
}
@media (max-width: 860px) {
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item {
border: 0;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid rgba(9, 9, 7, 0.08);
box-shadow: none;
}
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-mega-sub
a:hover,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub a,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub a:hover,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-title,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-title:hover,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link:hover {
border-color: transparent !important;
text-decoration: none !important;
text-decoration-color: #090907 !important;
box-shadow: none !important;
}
}
body.page-home footer#bottom.rp-footer .prefooter,
footer#bottom.rp-footer .prefooter {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 2rem;
width: min(1400px, calc(100% - 40px));
padding: 2rem 0;
background: 0 0;
border-bottom: 1px solid rgba(9, 9, 7, 0.1);
}
body.page-home footer#bottom.rp-footer .prefooter a.rp-footer-cta-btn:focus,
body.page-home footer#bottom.rp-footer .prefooter a.rp-footer-cta-btn:hover,
footer#bottom.rp-footer .prefooter a.rp-footer-cta-btn:focus,
footer#bottom.rp-footer .prefooter a.rp-footer-cta-btn:hover {
background: #090907 !important;
}
body.page-home footer#bottom.rp-footer .rp-footer-logo img,
footer#bottom.rp-footer .rp-footer-logo img {
display: block;
width: auto;
max-width: 168px;
height: auto;
max-height: 48px;
object-fit: contain;
}
body.page-home footer#bottom.rp-footer .rp-footer-paylabel,
footer#bottom.rp-footer .rp-footer-paylabel {
margin: 1.1rem 0 0.55rem;
color: #090907;
}
body.page-home footer#bottom.rp-footer .rp-pay span,
footer#bottom.rp-footer .rp-pay span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.45rem;
height: 1.65rem;
margin: 0;
padding: 0;
background: #fff;
color: #090907;
border: 1px solid rgba(9, 9, 7, 0.12);
border-radius: 4px !important;
font-family: fontello;
font-size: 1rem;
line-height: 1;
box-shadow: none;
}
body.page-home footer#bottom.rp-footer .rp-footer-base,
footer#bottom.rp-footer .rp-footer-base {
width: min(1400px, calc(100% - 40px));
padding: 1rem 0 0.2rem;
background: 0 0;
}
@media (max-width: 980px) {
body.page-home footer#bottom.rp-footer .rp-footer-grid,
footer#bottom.rp-footer .rp-footer-grid {
grid-template-columns: 1fr 1fr;
gap: 1.6rem 1.25rem;
}
}
@media (max-width: 860px) {
body.page-home footer#bottom.rp-footer .prefooter,
footer#bottom.rp-footer .prefooter {
flex-direction: column !important;
align-items: flex-start !important;
gap: 1rem !important;
padding: 1.4rem 0;
}
body.page-home footer#bottom.rp-footer .rp-footer-cta-title,
footer#bottom.rp-footer .rp-footer-cta-title {
font-size: 1.2rem;
}
body.page-home footer#bottom.rp-footer .rp-footer-grid,
footer#bottom.rp-footer .rp-footer-grid {
grid-template-columns: minmax(0, 1fr);
padding: 1.5rem 0 1.2rem;
}
}
body.page-home header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega a,
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-mega-title,
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega a,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-title,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link {
transition: none !important;
}
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-mega
a:focus,
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-mega
a:hover,
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-mega-title:focus,
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-mega-title:hover,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega a:focus,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega a:hover,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-title:focus,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-title:hover {
border: 0 !important;
border-color: transparent !important;
text-decoration: none !important;
text-decoration-color: #090907 !important;
text-decoration-line: none !important;
color: #090907 !important;
box-shadow: none !important;
transition: none !important;
}
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-mega-title:focus,
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-mega-title:hover,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-title,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-title:focus,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-title:hover {
background: 0 0 !important;
font-weight: 700 !important;
}
@media (min-width: 861px) {
body.page-home header#header.rp-topbar nav#menu_produit.rp-catnav,
header#header.rp-topbar nav#menu_produit.rp-catnav {
border-top: 1px solid rgba(9, 9, 7, 0.12);
border-right: 0;
border-bottom: 0;
border-left: 0;
background: #fff;
}
body.page-home header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega {
top: calc(100% - 1px) !important;
border-top-width: 0;
border-top-color: transparent !important;
background: #fff;
}
body.page-home
header#header.rp-topbar:has(
nav#menu_produit.rp-catnav .rp-catnav-item.is-open
),
body.page-home
header#header.rp-topbar:has(
nav#menu_produit.rp-catnav .rp-catnav-item:focus-within
),
body.page-home
header#header.rp-topbar:has(
nav#menu_produit.rp-catnav .rp-catnav-item:hover
),
header#header.rp-topbar:has(
nav#menu_produit.rp-catnav .rp-catnav-item.is-open
),
header#header.rp-topbar:has(
nav#menu_produit.rp-catnav .rp-catnav-item:focus-within
),
header#header.rp-topbar:has(
nav#menu_produit.rp-catnav .rp-catnav-item:hover
) {
border-bottom-color: transparent !important;
}
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item:focus-within
> a.rp-catnav-link,
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item:has(.rp-mega):hover
> a.rp-catnav-link,
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item:hover
> a.rp-catnav-link,
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link:focus,
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link:hover,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item:focus-within
> a.rp-catnav-link,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item:has(.rp-mega):hover
> a.rp-catnav-link,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item:hover
> a.rp-catnav-link,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link:focus,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link:hover {
background: #f6f5f0 !important;
color: #090907 !important;
border: 0 !important;
border-radius: 8px !important;
text-decoration: none !important;
text-decoration-line: none !important;
text-decoration-color: #090907 !important;
box-shadow: none !important;
transition: none !important;
}
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item.is-open
> a.rp-catnav-link,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item.is-open
> a.rp-catnav-link {
position: relative !important;
z-index: 40 !important;
background: #fff !important;
color: #090907 !important;
border: 0 !important;
border-radius: 8px 8px 0 0 !important;
text-decoration: none !important;
text-decoration-color: #090907 !important;
box-shadow: 0 2px 0#fff !important;
transition: none !important;
}
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-mega-sub
a:focus,
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-mega-sub
a:hover,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub a:focus,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub a:hover {
background: #f3f2ec !important;
color: #090907 !important;
border: 0 !important;
border-radius: 8px !important;
text-decoration: none !important;
text-decoration-line: none !important;
text-decoration-color: #090907 !important;
box-shadow: none !important;
transition: none !important;
}
}
@media (max-width: 860px) {
body.page-home
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item {
border: 0 !important;
border-bottom: 1px solid rgba(9, 9, 7, 0.08) !important;
box-shadow: none;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub a:hover,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-title:hover,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link:hover {
text-decoration: none !important;
text-decoration-color: #090907 !important;
border-color: transparent !important;
}
}
body.page-category,
body.page-category main#page,
body.page-category main#page.parallax {
overflow: visible !important;
height: auto !important;
max-height: none;
color: #090907;
}
body.page-category main#page,
body.page-category main#page.parallax {
min-height: 0;
background: #f6f5f0;
background-image: none;
background-attachment: scroll;
border: 0;
margin: 0 !important;
padding: 0 0 3rem !important;
width: 100% !important;
max-width: 100%;
min-width: 0 !important;
text-align: left;
float: none;
}
body.page-category main#page,
body.page-category main#page * {
box-sizing: border-box;
}
body.page-category main#page > nav.rp-breadcrumb {
margin-left: auto;
margin-right: auto;
}
body.page-category main#page > #bottom_description,
body.page-category main#page > #rubrique {
width: min(1400px, calc(100% - 40px)) !important;
max-width: min(1400px, calc(100% - 40px)) !important;
}
body.page-category main#page > #bottom_description {
min-width: 0;
margin-left: auto;
margin-right: auto;
float: none;
}
body.page-category .breadcrumbs,
body.page-category nav.rp-breadcrumb {
padding: 0;
}
body.page-category .breadcrumbs .inner,
body.page-category .breadcrumbs .inner ul li {
background: 0 0;
border: 0;
box-shadow: none;
padding: 0;
}
body.page-category .breadcrumbs .inner {
position: static;
top: auto;
margin: 0.85rem auto 0.35rem;
text-align: left;
}
body.page-category .breadcrumbs .inner ul {
display: flex;
width: auto;
min-width: 0;
margin: 0;
box-shadow: none !important;
}
body.page-category .breadcrumbs .inner ul {
flex-wrap: wrap;
align-items: center;
gap: 0.2rem 0.15rem;
justify-content: flex-start;
background: 0 0 !important;
border: 0 !important;
padding: 0 !important;
max-width: 100% !important;
}
body.page-category .breadcrumbs .inner ul li {
display: inline-flex !important;
align-items: center;
margin: 0 !important;
line-height: 1.4 !important;
color: #3c3c38 !important;
font-size: 0.875rem !important;
float: none !important;
}
body.page-category .breadcrumbs .inner ul li + li::before {
content: "/";
margin: 0 0.4rem 0 0.15rem;
color: #8a8a82;
}
body.page-category .breadcrumbs a,
body.page-category .breadcrumbs a span {
color: #3c3c38 !important;
text-decoration: none !important;
background: 0 0;
}
body.page-category .font-title.letterpress,
body.page-category .rp-cat-h1,
body.page-category .rp-cat-heading {
font-family: "Open Sans", sans-serif;
text-align: left;
}
body.page-category .font-title.letterpress,
body.page-category .rp-cat-h1,
body.page-category .rp-cat-heading,
body.page-category h2.letterpress,
body.page-category header.letterpress {
color: #090907;
background: 0 0;
font-size: 1.65rem;
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.25;
text-shadow: none;
margin: 0.35rem 0 0.7rem;
padding: 0 0 0.35rem;
}
body.page-category .rp-guide-title {
font-size: 1.45rem;
letter-spacing: -0.02em;
line-height: 1.3;
text-align: left;
margin: 1.5rem 0 0.85rem !important;
padding: 0 !important;
}
.rp-account-title,
.rp-cart-title,
body.page-category .rp-guide-header,
body.page-category .rp-guide-subtitle,
body.page-category .rp-guide-title {
color: #090907;
background: 0 0;
font-family: "Open Sans", sans-serif;
font-weight: 700;
text-shadow: none;
}
body.page-category .rp-guide-header,
body.page-category .rp-guide-subtitle {
font-size: 1.15rem;
letter-spacing: -0.015em;
line-height: 1.35;
text-align: left;
margin: 1rem 0 0.5rem;
padding: 0 !important;
}
.rp-account-title,
.rp-cart-title {
display: block;
font-size: 1.5rem;
letter-spacing: -0.02em;
line-height: 1.3;
margin: 1rem 0 1.25rem;
padding: 0 0 0.5rem;
border-bottom: 0;
}
.rp-account-h3,
.rp-flow-h3 {
background: 0 0;
color: #090907;
padding: 0;
}
.rp-account-h3,
.rp-flow-h3 {
font-family: "Open Sans", sans-serif !important;
font-size: 1.15rem !important;
font-weight: 700 !important;
letter-spacing: -0.015em;
line-height: 1.35 !important;
text-shadow: none !important;
margin: 1.25rem 0 0.65rem !important;
}
.rp-flow,
div.rp-flow,
section.rp-flow {
background: #fff;
color: #090907;
max-width: 1100px;
margin: 1.5rem auto 3rem !important;
padding: 2rem !important;
border-radius: 12px !important;
border: 1px solid rgba(9, 9, 7, 0.08);
box-shadow: 0 4px 18px rgba(9, 9, 7, 0.04);
box-sizing: border-box;
}
body.page-category #rubrique > aside {
margin: 0 0 1.25rem;
width: 100%;
max-width: 100%;
}
body.page-category #rubrique > aside p {
color: #3c3c38;
font-size: 0.98rem;
line-height: 1.55;
max-width: 75ch;
margin: 0 0 0.85rem;
}
body.page-category #rubrique:has(#advanced_search) {
display: grid;
grid-template-columns: 280px minmax(0, 1fr);
column-gap: 24px;
row-gap: 12px;
align-items: start;
}
body.page-category #rubrique:has(#advanced_search) > h1.letterpress,
body.page-category #rubrique:has(#advanced_search) > h1.rp-cat-h1,
body.page-category #rubrique:has(#advanced_search) > h2 {
grid-column: 1/-1;
}
body.page-category #advanced_search {
position: static;
text-align: left;
}
body.page-category #advanced_search .wrapper,
body.page-category #advanced_search form {
float: none;
width: 100% !important;
min-width: 0;
max-width: 100%;
margin: 0 !important;
padding: 0 !important;
background: #fff !important;
color: #090907;
}
body.page-category #advanced_search .recherche_avance_rubrique,
body.page-category #advanced_search select,
body.page-category #bottom_description article {
background: #fff;
color: #090907;
}
body.page-category #advanced_search .bg-primary,
body.page-category #advanced_search header {
background: #f6f5f0 !important;
color: #090907 !important;
border: 0 !important;
text-align: left !important;
padding: 0.75rem 0.9rem !important;
}
body.page-category #advanced_search .ui-accordion-header,
body.page-category #advanced_search .ui-state-active,
body.page-category #advanced_search .ui-state-default,
body.page-category #advanced_search h3 {
background: #fff !important;
border-radius: 0 !important;
text-shadow: none;
}
body.page-category #advanced_search .ui-widget-content,
body.page-category #advanced_search h4 {
background: #fff !important;
color: #090907;
border: 0 !important;
border-bottom: 1px solid #eceae3 !important;
border-radius: 0 !important;
font-size: 0.92rem !important;
font-weight: 600 !important;
text-align: left;
text-shadow: none;
box-shadow: none;
}
body.page-category #advanced_search .ui-accordion-content {
background: #fff !important;
color: #090907 !important;
border: 0 !important;
}
body.page-category #advanced_search .recherche_avance_rubrique_form,
body.page-category #advanced_search .ui-accordion-content {
padding: 0.65rem 0.9rem 0.85rem !important;
height: auto !important;
overflow: visible !important;
}
body.page-category #advanced_search label {
display: flex;
align-items: center;
gap: 0.45rem;
color: #090907 !important;
font-size: 0.88rem !important;
line-height: 1.35;
margin: 0.2rem 0 !important;
cursor: pointer;
}
body.page-category #advanced_search select {
max-width: 100%;
border-radius: 6px !important;
padding: 0.45rem 0.55rem !important;
font-size: 0.9rem !important;
}
body.page-category #advanced_search select,
body.page-category #search_classement {
display: block;
width: 100%;
box-sizing: border-box;
border: 1px solid #dedcd3 !important;
margin: 0.35rem 0 0.6rem !important;
}
body.page-category #advanced_search .btn-primary {
color: #090907 !important;
border: 0 !important;
border-radius: 6px !important;
box-shadow: none !important;
}
body.page-category #advanced_search .btn-primary,
body.page-category #show_results {
background: #ccd61c !important;
text-shadow: none;
}
body.page-category #init_search_parameters {
background: #fff !important;
color: #090907 !important;
border: 1px solid #dedcd3;
box-shadow: none;
}
body.page-category #advanced_search .ui-slider {
background: #dedcd3;
border: 0;
}
body.page-category #advanced_search .ui-slider-handle {
background: #090907 !important;
border-color: #090907 !important;
}
body.page-category section#products {
display: grid;
align-items: stretch;
width: 100%;
max-width: 100%;
padding: 0;
text-align: left;
}
body.page-category section#products .produit_page_rubrique,
body.page-category section#products > h2 {
grid-column: 1/-1;
}
body.page-category #products #page-1,
body.page-category #products #page-1 > .row,
body.page-category #products > .row {
display: contents;
}
body.page-category .produit_page_rubrique {
float: none;
}
body.page-category .produit_page_rubrique .pages {
gap: 6px;
align-items: center;
}
body.page-category .LIEN_pages,
body.page-category .LIEN_pages_fleche {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2.25rem;
height: 2.25rem;
padding: 0 0.45rem;
margin: 0;
background: #fff !important;
color: #090907 !important;
border: 1px solid #dedcd3 !important;
border-radius: 6px !important;
box-shadow: none;
text-decoration: none;
font-size: 0.9rem !important;
line-height: 1;
float: none;
}
body.page-category .LIEN_pages.current,
body.page-category .produit_page_rubrique .pages a.current {
background: #090907 !important;
color: #fff !important;
border-color: #090907 !important;
}
body.page-category #bottom_description {
color: #090907;
text-align: left;
padding-top: 1.5rem;
float: none;
}
body.page-category #bottom_description .letterpress,
body.page-category #bottom_description h2,
body.page-category #bottom_description h3,
body.page-category #bottom_description li,
body.page-category #bottom_description p {
color: #090907 !important;
text-align: left;
background: 0 0;
text-shadow: none;
}
body.page-category #bottom_description h2.letterpress {
font-size: 1.35rem !important;
}
body.page-category #bottom_description article {
border: 1px solid #dedcd3 !important;
border-radius: 10px !important;
padding: 0.9rem 1rem;
}
body.page-category #bottom_description .col10,
body.page-category #bottom_description .col12,
body.page-category #bottom_description .col3,
body.page-category #bottom_description .col4,
body.page-category #bottom_description .col9 {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
float: none;
}
body.page-category #bottom_description a {
color: #090907 !important;
}
@media (max-width: 1100px) {
body.page-category section#products {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.page-category #rubrique:has(#advanced_search) {
grid-template-columns: 240px minmax(0, 1fr);
}
}
@media (max-width: 860px) {
body.page-category #rubrique:has(#advanced_search) {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 640px) {
body.page-category main#page > #bottom_description,
body.page-category main#page > #rubrique,
body.page-category main#page > .breadcrumbs {
width: min(1400px, calc(100% - 24px)) !important;
max-width: min(1400px, calc(100% - 24px));
}
body.page-category section#products {
grid-template-columns: minmax(0, 1fr);
}
body.page-category h2.letterpress,
body.page-category header.letterpress {
font-size: 1.35rem !important;
}
}
body.page-category #bottom_description,
body.page-category #rubrique {
background: 0 0 !important;
background-image: none !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none;
padding: 0 !important;
}
body.page-category h2.letterpress,
body.page-category header.letterpress {
text-align: left;
}
body.page-category #products h2 {
font-family: "Open Sans", sans-serif;
font-style: normal;
}
body.page-category #products,
body.page-category #products h2,
body.page-category #rubrique,
body.page-category #rubrique h2,
body.page-category #rubrique > aside,
body.page-category #rubrique > aside p,
body.page-category .letterpress {
text-align: left !important;
text-align-last: left !important;
}
@media (min-width: 1101px) {
body.page-category #rubrique:has(#advanced_search) section#products {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
body.page-category section#products.col9 {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
@media (max-width: 1100px) {
body.page-category section#products.col9 {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 640px) {
body.page-category section#products.col9 {
grid-template-columns: minmax(0, 1fr) !important;
}
}
body.page-category #products #page-1,
body.page-category section#products.col9 {
width: 100%;
max-width: 100%;
}
body.page-category #products #page-1 {
display: block !important;
min-width: 0 !important;
height: auto;
}
body.page-category #products #page-1 > .row {
height: auto;
max-height: none;
}
@media (max-width: 1100px) {
body.page-category #products #page-1 > .row {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
body.page-category #products #page-1 > .row {
grid-template-columns: minmax(0, 1fr);
}
}
body.page-category #products #page-1::after,
body.page-category #products #page-1::before,
body.page-category #products .row::after,
body.page-category #products .row::before {
content: none;
display: none;
}
body.page-category #advanced_search,
body.page-category #advanced_search button,
body.page-category #advanced_search h3,
body.page-category #advanced_search header,
body.page-category #advanced_search label,
body.page-category #advanced_search select,
body.page-category .letterpress,
body.page-category .produit_page_rubrique,
body.page-category .produit_page_rubrique a,
body.page-category h2.letterpress,
body.page-category header.letterpress {
font-family: "Open Sans", sans-serif;
font-style: normal;
}
body.page-category section#products {
gap: 22px;
}
body.page-category #rubrique:has(#advanced_search) {
display: block !important;
}
body.page-category #advanced_search {
margin: 0 0 1.5rem !important;
padding: 0 !important;
color: #090907 !important;
border: 1px solid rgba(9, 9, 7, 0.1);
}
body.page-category #advanced_search .recherche_avance_rubrique,
body.page-category #advanced_search > .wrapper {
display: block;
background: 0 0 !important;
}
body.page-category #advanced_search .wrapper.row {
display: block;
max-width: 100%;
min-width: 0;
}
body.page-category #advanced_search .wrapper.row,
body.page-category #search_form {
width: 100% !important;
float: none;
margin: 0 !important;
padding: 0 !important;
background: 0 0;
}
body.page-category #advanced_search header.bg-primary,
body.page-category #advanced_search > .wrapper > header {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 0.65rem !important;
margin: 0 !important;
padding: 0.75rem 1rem !important;
background: #fff !important;
color: #090907 !important;
border: 0 !important;
border-bottom: 1px solid rgba(9, 9, 7, 0.1) !important;
border-radius: 0 !important;
text-align: left !important;
font-size: 0.92rem !important;
font-weight: 600 !important;
box-shadow: none !important;
}
body.page-category .rp-cat-toolbar {
padding: 0.75rem 1rem !important;
background: #fff;
border-bottom: 1px solid rgba(9, 9, 7, 0.1);
box-sizing: border-box;
}
body.page-category #show_results {
background: #fff !important;
border: 1px solid rgba(9, 9, 7, 0.1) !important;
border-radius: 999px !important;
}
body.page-category #search_classement,
body.page-category #start_search {
margin: 0;
background: #fff !important;
color: #090907 !important;
border: 1px solid rgba(9, 9, 7, 0.1) !important;
box-shadow: none !important;
font-size: 0.88rem;
}
body.page-category #start_search {
width: auto;
height: auto;
padding: 0.4rem 0.8rem;
border-radius: 999px !important;
font-weight: 600;
line-height: 1.2;
}
body.page-category #search_classement {
appearance: auto;
max-width: 100%;
}
body.page-category #advanced_search .ui-accordion-header,
body.page-category #advanced_search .ui-state-active,
body.page-category #advanced_search .ui-state-default,
body.page-category #advanced_search h3 {
background: 0 0 !important;
background-image: none !important;
color: #090907 !important;
border: 0 !important;
box-shadow: none;
text-align: left;
font-size: 0.92rem;
font-weight: 600;
}
body.page-category #advanced_search #accordion-search,
body.page-category #advanced_search #price_filter,
body.page-category #advanced_search .recherche_avance_rubrique_form {
background: #fff;
color: #090907;
border: 0 !important;
box-shadow: none !important;
}
body.page-category #advanced_search .w-100,
body.page-category #search_buttons {
max-width: 100%;
min-width: 0;
padding: 0.35rem 1rem 0.9rem;
box-sizing: border-box;
}
body.page-category #search_buttons {
width: 100%;
margin: 0 !important;
}
body.page-category #products #page-1 > .produit_page_rubrique:first-child {
display: none !important;
}
body.page-category .produit_page_rubrique {
margin: 1.35rem 0 0.2rem;
text-align: left !important;
width: 100%;
}
body.page-category .produit_page_rubrique .pages {
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
justify-content: flex-start;
}
body.page-category .produit_page_rubrique .pages a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2.15rem;
height: 2.15rem !important;
margin: 0;
padding: 0 0.45rem;
border-radius: 8px !important;
border: 1px solid rgba(9, 9, 7, 0.1) !important;
background: #fff !important;
color: #090907 !important;
text-decoration: none;
box-shadow: none;
}
body.page-category section#products {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
body.page-category #search_form,
body.page-category .rp-cat-toolbar {
max-width: 100%;
min-width: 0 !important;
}
@media (max-width: 980px) {
body.page-category #products #page-1 > .row,
body.page-category section#products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 699px) {
body.page-category #products #page-1 > .row,
body.page-category section#products {
grid-template-columns: minmax(0, 1fr) !important;
}
body.page-category main#page > #bottom_description,
body.page-category main#page > #rubrique,
body.page-category main#page > .breadcrumbs {
width: min(1400px, calc(100% - 40px)) !important;
max-width: min(1400px, calc(100% - 40px)) !important;
}
}
body.page-category #advanced_search {
box-shadow: 0 8px 28px rgba(9, 9, 7, 0.05);
}
body.page-category #search_form {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
}
body.page-category #advanced_search #accordion-search,
body.page-category #advanced_search .recherche_avance_rubrique_form,
body.page-category #advanced_search .rp-filter-extra,
body.page-category #advanced_search .w-100 {
display: contents !important;
width: auto !important;
padding: 0 !important;
margin: 0 !important;
background: 0 0 !important;
}
body.page-category #advanced_search .ui-accordion-header,
body.page-category #advanced_search h3 {
display: none !important;
}
body.page-category .rp-cat-toolbar {
display: contents;
}
body.page-category .rp-filter-pill-btn::after,
body.page-category .rp-filter-price .rp-filter-pill-btn::after {
content: "";
display: inline-block;
width: 0;
height: 0;
margin-left: 0.15rem;
border-left: 4px solid transparent !important;
border-right: 4px solid transparent !important;
border-top: 5px solid #090907 !important;
background: 0 0 !important;
}
body.page-category .rp-filter-pill:focus-within .rp-filter-pill-btn,
body.page-category .rp-filter-pill:hover .rp-filter-pill-btn {
border-color: #090907 !important;
background: #f6f5f0 !important;
}
body.page-category .rp-filter-menu {
display: none !important;
top: calc(100% + 6px);
left: 0;
max-width: 70vw;
}
body.page-category .rp-filter-pill:focus-within .rp-filter-menu,
body.page-category .rp-filter-pill:hover .rp-filter-menu {
display: flex !important;
flex-direction: column !important;
gap: 0.1rem !important;
}
body.page-category .rp-filter-menu label:hover,
body.page-category .rp-filter-more-values label:hover {
background: #f6f5f0 !important;
}
body.page-category .rp-filter-price {
display: flex;
gap: 0.65rem;
padding: 0 0.2rem;
}
body.page-category #price_filter {
display: block !important;
flex: 1 1 auto;
width: auto;
min-width: 140px;
margin: 0;
padding: 0;
background: 0 0;
}
body.page-category #search_classement {
border-radius: 999px !important;
padding: 0.42rem 0.75rem;
font-family: "Open Sans", sans-serif;
font-weight: 600;
}
body.page-category #show_results .icon,
body.page-category #show_results .icon-eye {
display: none;
}
@media (max-width: 699px) {
body.page-category .rp-cat-sort {
margin-left: 0;
}
body.page-category .rp-filter-price {
flex: 1 1 100%;
}
}
body.page-category #search_form {
display: block !important;
padding: 0.75rem 0.9rem 0.85rem !important;
overflow: visible;
}
body.page-category .rp-cat-toolbar {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.45rem;
position: relative;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
border: 0;
background: 0 0;
}
body.page-category #show_results {
order: 0;
display: inline-flex;
align-items: baseline;
gap: 0.3rem;
border: 0 !important;
background: 0 0 !important;
box-shadow: none !important;
padding: 0 0.45rem 0 0 !important;
margin: 0 !important;
color: #090907 !important;
font-family: "Open Sans", sans-serif;
font-size: 0.95rem !important;
font-weight: 500;
line-height: 1.3 !important;
cursor: default;
width: auto !important;
height: auto !important;
}
body.page-category #nb_resul_chiffre,
body.page-category #show_results .result {
font-weight: 700;
font-size: 1.05rem;
color: #090907 !important;
}
body.page-category .rp-filter-pill,
body.page-category .rp-filter-price,
body.page-category .rp-filter-price.rp-filter-pill {
display: inline-flex;
flex: 0 0 auto !important;
align-items: center;
width: auto;
min-width: 0;
max-width: none;
margin: 0;
padding: 0 !important;
}
body.page-category .rp-filter-pill {
position: relative;
background: 0 0;
float: none;
}
body.page-category .rp-filter-price,
body.page-category .rp-filter-price.rp-filter-pill {
gap: 0 !important;
}
body.page-category #rp-filter-more-btn,
body.page-category .rp-filter-pill-btn {
display: inline-flex;
align-items: center;
gap: 0.35rem;
margin: 0;
padding: 0.48rem 0.85rem;
border: 1px solid rgba(9, 9, 7, 0.16) !important;
border-radius: 999px !important;
background: #fff !important;
background-image: none !important;
color: #090907 !important;
font-family: "Open Sans", sans-serif;
font-size: 0.84rem;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0;
text-transform: none;
cursor: pointer;
box-shadow: none !important;
width: auto;
height: auto;
float: none;
}
body.page-category #rp-filter-more-btn::before {
content: "+";
font-weight: 700;
color: #090907 !important;
}
body.page-category #rp-filter-more-btn[aria-expanded="true"],
body.page-category .rp-filter-pill.is-open > .rp-filter-pill-btn,
body.page-category .rp-filter-pill:has(input:checked) > .rp-filter-pill-btn {
border-color: #090907 !important;
box-shadow: inset 0-2px 0#ccd61c !important;
}
body.page-category .rp-filter-menu {
max-height: 320px;
padding: 0.4rem;
overflow: auto;
}
body.page-category #price_filter.rp-filter-menu,
body.page-category .rp-filter-menu {
display: flex !important;
flex-direction: column !important;
flex: none !important;
gap: 0.1rem !important;
position: fixed;
left: var(--rp-left, 0px);
top: var(--rp-top, 0px) !important;
z-index: 80;
width: 240px !important;
min-width: 240px !important;
max-width: calc(100vw - 24px) !important;
margin: 0;
background: #fff;
color: #090907;
border: 1px solid rgba(9, 9, 7, 0.1);
border-radius: 12px !important;
box-shadow: 0 16px 40px rgba(9, 9, 7, 0.12);
visibility: hidden !important;
pointer-events: none !important;
float: none;
}
body.page-category .rp-filter-pill.is-open .rp-filter-menu {
visibility: visible !important;
pointer-events: auto !important;
display: flex !important;
}
body.page-category .rp-filter-pill.is-open #price_filter.rp-filter-menu,
body.page-category .rp-filter-pill.is-open:focus-within .rp-filter-menu,
body.page-category .rp-filter-pill.is-open:hover .rp-filter-menu {
visibility: visible !important;
pointer-events: auto !important;
display: flex !important;
}
body.page-category .rp-filter-pill:focus-within .rp-filter-menu,
body.page-category .rp-filter-pill:hover .rp-filter-menu {
visibility: hidden !important;
pointer-events: none !important;
}
body.page-category #price_filter.rp-filter-menu {
overflow: visible !important;
max-height: none !important;
padding: 0.85rem 0.95rem 0.8rem !important;
}
body.page-category #price_filter .recherche_avance_help {
display: none !important;
}
body.page-category #price_filter .prix_texte {
display: block;
margin: 0 0 0.35rem;
padding: 0;
color: #090907;
font-family: "Open Sans", sans-serif;
font-size: 0.92rem;
font-weight: 600;
text-align: center;
}
body.page-category #price_filter #slider-range,
body.page-category #price_filter .prix_slider,
body.page-category #slider-range {
display: block;
width: 208px;
min-width: 208px;
max-width: 208px;
height: 6px;
margin: 1rem 0.15rem 0.45rem;
border: 0 !important;
background: #dedcd3 !important;
position: relative;
}
body.page-category #slider-range .ui-slider-range {
background: #ccd61c;
}
body.page-category #slider-range .ui-slider-handle {
width: 16px;
height: 16px;
top: -6px;
margin-left: -8px;
border-radius: 50% !important;
background: #090907 !important;
border: 0 !important;
cursor: pointer;
}
body.page-category #advanced_search .ui-checkboxradio-label,
body.page-category .rp-filter-menu label,
body.page-category .rp-filter-more-values label {
display: flex;
align-items: center;
gap: 0.45rem;
width: 100%;
margin: 0;
padding: 0.4rem 0.45rem;
border: 0 !important;
border-radius: 8px !important;
background: 0 0 !important;
background-image: none !important;
box-shadow: none;
color: #090907 !important;
font-family: "Open Sans", sans-serif;
font-size: 0.88rem;
font-weight: 500 !important;
line-height: 1.3;
text-align: left;
float: none;
height: auto;
cursor: pointer;
}
body.page-category .rp-filter-menu .ui-state-active,
body.page-category .rp-filter-more-values .ui-state-active,
body.page-category .ui-checkboxradio-checked {
background: #f7f8e4 !important;
color: #090907 !important;
}
body.page-category .ui-checkboxradio-icon {
display: none !important;
}
.rp-filter-menu .search-count, .rp-filter-more-values .search-count {display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:22px;height:20px;margin-left:auto;padding:0 6px;border:0;background:#f6f5f0;color:rgba(9,9,7,.7);border-radius:999px !important;font-size:.75rem;font-weight:600;line-height:1;position:static;
}
body.page-category .rp-filter-more-panel:not([hidden]) {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
gap: 0.85rem 1.25rem !important;
width: 100% !important;
margin: 0.75rem 0 0 !important;
padding: 0.85rem 0 0.15rem !important;
border-top: 1px solid rgba(9, 9, 7, 0.1) !important;
background: 0 0 !important;
}
body.page-category .rp-filter-more-panel[hidden] {
display: none;
}
body.page-category .rp-filter-more-title {
margin: 0 0 0.35rem !important;
padding: 0;
background: 0 0;
color: #090907;
font-family: "Open Sans", sans-serif;
font-size: 0.82rem;
font-weight: 700;
letter-spacing: 0;
text-transform: none;
text-align: left;
border: 0;
}
body.page-category .rp-filter-dim-row,
body.page-category .rp-filter-more-values {
display: flex;
flex-direction: column;
gap: 0.1rem;
width: 100%;
margin: 0;
padding: 0;
background: 0 0;
float: none;
}
body.page-category .rp-filter-dim-row {
flex-direction: row !important;
gap: 0.5rem !important;
align-items: flex-end !important;
}
body.page-category .rp-filter-dim-label {
flex: 1 1 0 !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 0.25rem !important;
font-size: 0.75rem !important;
font-weight: 600 !important;
color: #090907 !important;
}
body.page-category .rp-cat-sort,
body.page-category .rp-filter-dim-row input[type="number"] {
color: #090907;
font-family: "Open Sans", sans-serif;
font-weight: 600;
}
body.page-category .rp-filter-dim-row input[type="number"] {
width: 100% !important;
box-sizing: border-box !important;
margin: 0 !important;
padding: 0.4rem 0.5rem !important;
border: 1px solid rgba(9, 9, 7, 0.16) !important;
border-radius: 8px !important;
background: #fff !important;
font-size: 0.9rem !important;
}
body.page-category .rp-cat-sort {
display: inline-flex;
align-items: center;
gap: 0.4rem;
width: auto;
margin: 0 0 0 auto !important;
padding: 0;
font-size: 0.84rem;
background: 0 0;
}
body.page-category #search_classement-button,
body.page-category .rp-cat-sort .ui-selectmenu-button,
body.page-category .rp-filter-reset {
display: inline-flex;
align-items: center;
margin: 0;
border-radius: 999px !important;
font-family: "Open Sans", sans-serif;
font-weight: 600 !important;
}
body.page-category #search_classement-button,
body.page-category .rp-cat-sort .ui-selectmenu-button {
width: auto;
min-width: 11.5rem;
padding: 0.42rem 0.75rem;
border: 1px solid rgba(9, 9, 7, 0.16) !important;
background: #fff !important;
background-image: none !important;
color: #090907 !important;
font-size: 0.84rem;
box-shadow: none;
}
body.page-category .rp-cat-sort .ui-selectmenu-text {
color: #090907 !important;
font-weight: 600 !important;
}
body.page-category .ui-selectmenu-menu .ui-menu-item-wrapper {
font-family: "Open Sans", sans-serif !important;
color: #090907 !important;
}
body.page-category .rp-filter-reset {
padding: 0.45rem 0.7rem;
color: rgba(9, 9, 7, 0.7) !important;
background: 0 0 !important;
font-size: 0.82rem;
text-decoration: none;
}
body.page-category .rp-filter-reset:hover {
color: #090907 !important;
background: #f6f5f0 !important;
}
body.page-category #search_buttons {
display: none;
}
@media (max-width: 699px) {
body.page-category .rp-cat-sort {
margin-left: 0;
}
body.page-category .rp-filter-more-panel:not([hidden]) {
grid-template-columns: 1fr !important;
}
body.page-category #price_filter #slider-range,
body.page-category #slider-range {
width: 208px;
min-width: 208px;
}
}
body.page-category .rp-filter-menu .ui-checkboxradio-label::before,
body.page-category .rp-filter-more-values .ui-checkboxradio-label::before {
content: "";
flex: 0 0 15px;
width: 15px;
height: 15px;
margin: 0;
border: 1.5px solid rgba(9, 9, 7, 0.35) !important;
border-radius: 4px !important;
background: #fff !important;
box-sizing: border-box;
}
body.page-category .rp-filter-menu .ui-checkboxradio-checked::before,
body.page-category .rp-filter-more-values .ui-checkboxradio-checked::before {
background: #ccd61c !important;
border-color: #090907 !important;
box-shadow: inset 0 0 0 2px #fff !important;
}
body.page-category #advanced_search #show_results.btn,
body.page-category #advanced_search #show_results.btn-primary {
background: 0 0 !important;
background-image: none !important;
background-color: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 0 0.4rem 0 0 !important;
color: #090907 !important;
}
body.page-category #search_form .rp-cat-toolbar {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.45rem 0.5rem;
width: 100% !important;
}
body.page-category #advanced_search label.rp-cat-sort,
body.page-category #search_form .rp-cat-sort {
display: inline-flex;
align-items: center;
gap: 0.4rem;
width: auto;
margin: 0 0 0 auto !important;
padding: 0;
float: none;
line-height: 1.2;
cursor: default;
}
body.page-category #search_form #rp-filter-more-btn[aria-expanded="true"],
body.page-category #search_form .rp-filter-pill.is-open > .rp-filter-pill-btn,
body.page-category
#search_form
.rp-filter-pill:has(input:checked)
> .rp-filter-pill-btn,
body.page-category
#search_form:has(#rp-filter-more-panel input:checked)
#rp-filter-more-btn {
box-shadow: none !important;
background: #f6f5f0 !important;
background-image: none !important;
border-color: #090907 !important;
color: #090907 !important;
}
body.page-category
#search_form
.rp-filter-pill.is-open
> .rp-filter-pill-btn::after {
transform: rotate(180deg) !important;
}
body.page-category #search_classement-button:focus,
body.page-category #search_form #rp-filter-more-btn:focus,
body.page-category #search_form .rp-filter-pill-btn:focus {
outline: none !important;
}
body.page-category #advanced_search label[for^="search_brand_"],
body.page-category #advanced_search label[for^="search_caracdisp_"] {
box-shadow: none;
margin: 0 !important;
float: none;
width: 100%;
min-width: 0;
background: 0 0 !important;
background-image: none !important;
border: 0 !important;
line-height: 1.3;
position: relative;
}
body.page-category
#advanced_search
.ui-button.ui-checkboxradio-label.ui-state-active:not(.ui-accordion-header),
body.page-category #advanced_search .ui-checkboxradio-label.ui-state-active,
body.page-category #advanced_search .ui-checkboxradio-label.ui-state-hover {
background: #f7f8e4 !important;
background-image: none !important;
border: 0 !important;
color: #090907 !important;
box-shadow: none !important;
font-weight: 500 !important;
margin: 0 !important;
}
body.page-category #search_classement-button .ui-selectmenu-icon {
display: none;
width: 0;
height: 0;
overflow: hidden;
}
article.rp-card::after,
article.rp-card::before,
body.page-category #search_classement-button .ui-selectmenu-icon::before {
content: none;
display: none;
}
body.page-category
#search_classement-button.ui-button.ui-state-active:not(.ui-accordion-header),
body.page-category #search_classement-button.ui-selectmenu-button-open,
body.page-category #search_classement-button.ui-state-active,
body.page-category #search_classement-button.ui-state-focus {
background: #f6f5f0 !important;
background-image: none !important;
border: 1px solid #090907 !important;
color: #090907 !important;
box-shadow: none !important;
outline: none !important;
}
body.page-category .ui-selectmenu-menu.ui-front {
z-index: 90;
}
body.page-category .ui-selectmenu-menu .ui-menu.ui-widget-content {
background: #fff;
background-image: none;
border: 1px solid rgba(9, 9, 7, 0.1);
border-radius: 12px !important;
box-shadow: 0 16px 40px rgba(9, 9, 7, 0.12);
padding: 0.35rem;
outline: none;
}
body.page-category .ui-selectmenu-menu .ui-menu .ui-state-active,
body.page-category .ui-selectmenu-menu .ui-menu .ui-state-focus,
body.page-category .ui-selectmenu-menu .ui-menu-item-wrapper,
body.page-category
.ui-selectmenu-menu
.ui-widget-content
.ui-state-active:not(.ui-accordion-header),
body.page-category
.ui-selectmenu-menu
.ui-widget-content
.ui-state-focus:not(.ui-accordion-header) {
background: 0 0 !important;
background-image: none !important;
border: 0 !important;
margin: 0 !important;
border-radius: 8px !important;
color: #090907 !important;
font-family: "Open Sans", sans-serif !important;
font-weight: 600 !important;
font-size: 0.84rem !important;
box-shadow: none !important;
outline: none !important;
text-decoration: none !important;
}
body.page-category .ui-selectmenu-menu .ui-menu-item-wrapper.ui-state-active,
body.page-category .ui-selectmenu-menu .ui-menu-item-wrapper.ui-state-focus {
background: #f6f5f0 !important;
}
body.page-category .ui-selectmenu-menu .ui-visual-focus {
box-shadow: none !important;
}
@media (max-width: 699px) {
body.page-category #advanced_search #show_results {
flex: 1 0 100%;
}
body.page-category #advanced_search label.rp-cat-sort,
body.page-category #search_form .rp-cat-sort {
margin-left: 0;
flex: 1 1 100%;
}
body.page-category #search_classement-button {
flex: 1 1 auto;
min-width: 0 !important;
}
}
body.page-category .ui-selectmenu-menu .ui-menu-item {
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: 0 0 !important;
list-style: none !important;
}
body.page-category
.ui-selectmenu-menu
.ui-menu.ui-widget-content
.ui-menu-item-wrapper.ui-state-active,
body.page-category
.ui-selectmenu-menu
.ui-menu.ui-widget-content
.ui-menu-item-wrapper.ui-state-focus {
background: #f6f5f0 !important;
border: 0 !important;
margin: 0 !important;
}
body.page-category #products .rp-skel {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 22px;
width: 100%;
}
body.page-category #products .rp-skel-card {
background: #fff;
border: 1px solid rgba(9, 9, 7, 0.08);
border-radius: 12px;
overflow: hidden;
min-height: 280px;
}
body.page-category #products .rp-skel-photo {
height: 210px;
background: #eceae4;
}
body.page-category #products .rp-skel-line {
height: 12px;
margin: 14px 16px 0;
border-radius: 999px;
background: #e4e2db;
}
body.page-category #products .rp-skel-short {
width: 58%;
margin-bottom: 16px;
}
body.page-category .ui-dialog:has(.icon-spinner),
body.page-category .ui-widget-overlay {
display: none !important;
}
@media (max-width: 699px) {
body.page-category #products .rp-skel {
grid-template-columns: minmax(0, 1fr);
}
}
body,
html,
main#page,
main#page.parallax {
overflow: visible !important;
height: auto !important;
max-height: none;
}
main#page,
main#page.parallax {
padding-top: 0 !important;
}
.rp-sticky {
background: #f6f5f0;
}
.rp-sticky > header#header.rp-topbar {
position: relative;
top: auto;
z-index: 30;
}
.rp-topline,
header#header.rp-topbar {
background-clip: padding-box;
}
@media (max-width: 860px) {
nav#mobile_nav {
z-index: 60 !important;
}
}
body.page-category main#page > .breadcrumbs {
background: #fff;
border-bottom: 1px solid rgba(9, 9, 7, 0.12) !important;
border-radius: 0 !important;
}
body.page-category main#page > .breadcrumbs {
width: 100%;
max-width: none;
margin: 0;
}
body.page-category #rubrique > h2.letterpress,
body.page-category main#page > #rubrique {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
float: none;
}
body.page-category main#page > #rubrique {
min-width: 0;
box-sizing: border-box;
}
body.page-category main#page > .breadcrumbs .inner {
width: 100%;
max-width: none;
margin: 0 !important;
padding: 0;
}
body.page-category #rubrique > h2.letterpress {
padding: 0.95rem 20px 0.8rem !important;
background: #fff !important;
border: 0 !important;
border-bottom: 1px solid rgba(9, 9, 7, 0.12) !important;
}
body.page-category #advanced_search {
border: 0 !important;
border-bottom: 1px solid rgba(9, 9, 7, 0.12) !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.page-category section#products {
width: min(1400px, calc(100% - 40px)) !important;
max-width: min(1400px, calc(100% - 40px)) !important;
min-width: 0 !important;
margin: 0 auto;
float: none;
box-sizing: border-box;
}
body.page-category section#products.col9 {
width: min(1400px, calc(100% - 40px));
max-width: min(1400px, calc(100% - 40px)) !important;
min-width: 0;
margin-left: auto;
margin-right: auto;
float: none;
box-sizing: border-box;
}
body.page-category section#products,
body.page-category section#products.col9 {
display: block !important;
margin-top: 1.25rem !important;
margin-bottom: 0;
}
body.page-category #products #page-1 > .row,
body.page-category #products > .row.text-left {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 22px;
width: 100%;
max-width: 100%;
min-width: 0 !important;
margin: 0;
float: none;
}
body.page-category #products #page-1 > .row {
display: grid;
}
body.page-category #products .row > .produit_page_rubrique {
display: block;
grid-column: 1/-1;
width: 100%;
max-width: 100%;
}
body.page-category #products.is-loading .produit_page_rubrique,
body.page-category #products.is-loading article,
body.page-category #products.is-loading > .row,
body.page-category #products > .produit_page_rubrique,
body.page-category .breadcrumbs .icon,
body.page-category .breadcrumbs [class*=" icon-"],
body.page-category .breadcrumbs [class^="icon-"] {
display: none !important;
}
@media (max-width: 980px) {
body.page-category #products #page-1 > .row,
body.page-category #products > .row.text-left {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 699px) {
body.page-category #products #page-1 > .row,
body.page-category #products > .row.text-left {
grid-template-columns: minmax(0, 1fr);
}
}
body.page-category #advanced_search,
body.page-category #advanced_search #search_form,
body.page-category #advanced_search #search_form > .rp-cat-toolbar,
body.page-category #advanced_search .col12,
body.page-category #advanced_search .recherche_avance_rubrique,
body.page-category #advanced_search > .wrapper,
body.page-category #advanced_search > .wrapper.row {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
float: none !important;
box-sizing: border-box;
}
body.page-category #advanced_search #search_form,
body.page-category #advanced_search .col12,
body.page-category #advanced_search .recherche_avance_rubrique,
body.page-category #advanced_search > .wrapper,
body.page-category #advanced_search > .wrapper.row {
padding: 0 !important;
}
body.page-category #advanced_search {
border-bottom: 0 !important;
background: #fff;
overflow: visible;
}
body.page-category #advanced_search #search_form > .rp-cat-toolbar {
display: flex;
position: relative;
left: auto;
right: auto;
padding: 0.9rem 20px !important;
gap: 0.65rem 0.7rem !important;
background: #fff !important;
border: 0 !important;
border-bottom: 1px solid rgba(9, 9, 7, 0.12) !important;
border-radius: 0 !important;
box-shadow: none;
}
body.page-category #products #page-1 > .row.text-left,
body.page-category #products > .row.text-left {
display: grid;
grid-auto-flow: row;
justify-items: stretch;
align-items: stretch;
}
@media (min-width: 768px) {
body.page-category nav#mobile_nav,
body.page-category nav#mobile_nav #go_filter {
display: none !important;
}
}
body.page-category #advanced_search #search_form > .rp-cat-toolbar,
body.page-category #rubrique > h2.letterpress,
body.page-category main#page > .breadcrumbs {
padding-left: max(20px, calc((100% - 1400px) / 2)) !important;
padding-right: max(20px, calc((100% - 1400px) / 2)) !important;
}
body.page-category #rubrique > h2.letterpress {
box-sizing: border-box;
}
body.page-category #advanced_search #search_form {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.page-category #advanced_search #rp-filter-more-panel {
width: min(1400px, calc(100% - 40px));
max-width: min(1400px, calc(100% - 40px));
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
#definitions .rp-about-lead p:last-child {
margin-bottom: 0 !important;
}
body.page-category #products .rp-skel-line,
body.page-category #products .rp-skel-photo {
background-color: #e6e4dc !important;
background-size: 220% 100% !important;
background-repeat: no-repeat !important;
animation: rp-skel-shine 1.15s ease-in-out infinite !important;
}
@media (prefers-reduced-motion: reduce) {
body.page-category #products .rp-skel-line,
body.page-category #products .rp-skel-photo {
animation: none !important;
}
}
body.page-category #products .rp-skel-line,
body.page-category #products .rp-skel-photo {
background-image: linear-gradient(
100deg,
#e6e4dc 0,
#e6e4dc 36%,
#fff 50%,
#e6e4dc 64%,
#e6e4dc 100%
) !important;
}
body.page-category #products .rp-skel-card:nth-child(2) .rp-skel-line,
body.page-category #products .rp-skel-card:nth-child(2) .rp-skel-photo {
animation-delay: 0.12s !important;
}
body.page-category #products .rp-skel-card:nth-child(3) .rp-skel-line,
body.page-category #products .rp-skel-card:nth-child(3) .rp-skel-photo {
animation-delay: 0.24s !important;
}
body.page-category #products .rp-skel-card:nth-child(4) .rp-skel-line,
body.page-category #products .rp-skel-card:nth-child(4) .rp-skel-photo {
animation-delay: 0.36s !important;
}
body.page-category #products .rp-skel-card:nth-child(5) .rp-skel-line,
body.page-category #products .rp-skel-card:nth-child(5) .rp-skel-photo {
animation-delay: 0.12s !important;
}
body.page-category #products .rp-skel-card:nth-child(6) .rp-skel-line,
body.page-category #products .rp-skel-card:nth-child(6) .rp-skel-photo {
animation-delay: 0.24s !important;
}
body.page-category #products .rp-skel-card:nth-child(7) .rp-skel-line,
body.page-category #products .rp-skel-card:nth-child(7) .rp-skel-photo {
animation-delay: 0.36s !important;
}
body.page-category #products .rp-skel-card:nth-child(8) .rp-skel-line,
body.page-category #products .rp-skel-card:nth-child(8) .rp-skel-photo {
animation-delay: 0.48s !important;
}
body.page-category .breadcrumbs .inner ul li a::after,
body.page-category .breadcrumbs .inner ul li a::before {
content: none !important;
display: none !important;
border: 0 !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: 0 0 !important;
}
body.page-category #rubrique > aside {
width: min(1400px, calc(100% - 40px));
max-width: min(1400px, calc(100% - 40px)) !important;
min-width: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 0.35rem !important;
padding-left: 0;
padding-right: 0;
box-sizing: border-box;
float: none;
}
@media (max-width: 860px) {
nav#mobile_nav {
z-index: 60 !important;
}
}
.rp-topline {
background: #f6f5f0;
}
.rp-topline .rp-topline-phone .icon-phone::before {
width: auto;
}
.rp-topline .icon-phone,
.rp-topline .icon-phone::before,
.rp-topline .rp-phone-note {
color: #090907 !important;
}
.rp-sticky,
.rp-sticky > header#header.rp-topbar,
header#header.rp-topbar {
overflow: visible;
}
@media (max-width: 860px) {
nav#mobile_nav {
z-index: 60 !important;
}
}
.rp-topline {
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.rp-topline .rp-topline-phone:not(:has(.icon-phone))::before {
content: "";
font-family: fontello;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 1;
color: #f6f5f0;
display: inline-block;
margin-right: 0.4rem;
vertical-align: -2px;
}
.rp-topline,
div.rp-topline {
position: static;
top: auto;
display: block;
width: 100%;
border: 0;
box-shadow: none;
}
.rp-topline-inner,
div.rp-topline .rp-topline-inner {
width: min(1400px, calc(100% - 40px));
margin: 0 auto;
padding: 0.3rem 0;
background: #1f1d20;
background-color: #1f1d20;
border: 0;
border-bottom: none;
border-bottom-width: 0;
font-size: 0.8rem;
line-height: 1.2;
color: #fff;
}
.rp-topline .rp-topline-left,
div.rp-topline .rp-topline-left {
margin: 0;
padding: 0;
background: 0 0;
}
.rp-topline strong,
div.rp-topline strong {
color: #fff !important;
background: 0 0;
}
.rp-topline .rp-phone-note,
div.rp-topline .rp-phone-note {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
font-size: 0 !important;
}
.rp-topline .rp-topline-phone .icon-phone,
div.rp-topline .rp-topline-phone .icon-phone {
display: inline-block;
margin: 0 0.4rem 0 0;
}
.rp-sticky > header#header.rp-topbar,
body.page-home header#header.rp-topbar,
header#header.rp-topbar {
background: #fff;
background-color: #fff;
}
body.page-home .rp-home {
overflow-x: clip;
}
body.page-home .rp-hero {
position: relative;
width: 100vw;
max-width: 100vw;
margin: 0 0 1.5rem;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding: 0;
background: #090907;
color: #f7f7f5;
min-height: 480px;
}
body.page-home .rp-hero-slides {
position: relative;
display: grid;
grid-template-columns: 1fr;
min-height: inherit;
}
body.page-home .rp-hero-slide {
grid-area: 1/1;
position: relative;
min-height: inherit;
opacity: 0;
visibility: hidden;
transition:
opacity 0.8s ease,
visibility 0.8s ease;
z-index: 1;
display: flex;
align-items: center;
pointer-events: none;
}
body.page-home .rp-hero-slide.is-active {
opacity: 1;
visibility: visible;
z-index: 2;
pointer-events: auto;
}
body.page-home .rp-hero-media {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
z-index: 0;
}
body.page-home .rp-hero-overlay {
position: absolute;
inset: 0;
z-index: 1;
background:
linear-gradient(
90deg,
rgba(9, 9, 7, 0.82) 0,
rgba(9, 9, 7, 0.55) 42%,
rgba(9, 9, 7, 0.28) 70%,
rgba(9, 9, 7, 0.18) 100%
),
linear-gradient(
180deg,
rgba(9, 9, 7, 0.35) 0,
rgba(9, 9, 7, 0.15) 45%,
rgba(9, 9, 7, 0.45) 100%
);
pointer-events: none;
}
body.page-home .rp-hero-inner {
position: relative;
z-index: 2;
width: min(1400px, calc(100% - 2.5rem));
padding: 3.25rem 0 4.5rem;
}
body.page-home .rp-hero-copy {
max-width: 38rem;
}
body.page-home .rp-hero .rp-kicker {
margin: 0 0 0.7rem;
color: #ccd61c;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
font-size: 0.82rem;
}
body.page-home .rp-hero h1,
body.page-home .rp-hero h2.rp-hero-title {
margin: 0 0 0.85rem;
font-family: Kalam, cursive;
font-weight: 400;
font-size: clamp(1.75rem, 3.4vw, 2.65rem);
line-height: 1.12;
color: #fff;
letter-spacing: -0.02em;
}
body.page-home .rp-hero-actions {
margin: 0;
}
body.page-home .rp-hero .rp-cta {
display: inline-block;
background: #ccd61c;
color: #090907 !important;
text-decoration: none;
font-weight: 700;
padding: 0.85rem 1.2rem;
border-radius: 2px;
line-height: 1.2;
border: 0;
}
body.page-home .rp-hero .rp-cta:focus,
body.page-home .rp-hero .rp-cta:hover {
background: #e4ef4a;
color: #090907 !important;
}
body.page-home .rp-hero-nav {
position: absolute;
inset: 0;
z-index: 4;
pointer-events: none;
}
body.page-home .rp-hero-next,
body.page-home .rp-hero-prev {
pointer-events: auto;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 2.6rem;
height: 2.6rem;
border: 1px solid rgba(255, 255, 255, 0.35);
background: rgba(9, 9, 7, 0.45);
color: #fff;
cursor: pointer;
border-radius: 2px;
font-size: 1.35rem;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
body.page-home .rp-hero-prev {
left: max(0.75rem, calc(50% - 700px + 0.5rem));
}
body.page-home .rp-hero-next {
right: max(0.75rem, calc(50% - 700px + 0.5rem));
}
body.page-home .rp-hero-next:focus,
body.page-home .rp-hero-next:hover,
body.page-home .rp-hero-prev:focus,
body.page-home .rp-hero-prev:hover {
background: rgba(9, 9, 7, 0.75);
border-color: #ccd61c;
outline: none;
}
body.page-home .rp-hero-dots {
position: absolute;
left: 50%;
bottom: 1.1rem;
transform: translateX(-50%);
z-index: 5;
display: flex;
gap: 0.55rem;
align-items: center;
justify-content: center;
}
body.page-home .rp-hero-dot {
width: 0.65rem;
height: 0.65rem;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.7);
background: 0 0;
padding: 0;
cursor: pointer;
}
body.page-home .rp-hero-dot.is-active,
body.page-home .rp-hero-dot[aria-current="true"] {
background: #ccd61c;
border-color: #ccd61c;
}
body.page-home .rp-hero-status {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
@media (max-width: 900px) {
body.page-home .rp-hero {
min-height: 420px;
}
body.page-home .rp-hero-inner {
padding: 2.5rem 0 4rem;
}
body.page-home .rp-hero-overlay {
background: linear-gradient(
180deg,
rgba(9, 9, 7, 0.72) 0,
rgba(9, 9, 7, 0.58) 55%,
rgba(9, 9, 7, 0.72) 100%
);
}
}
@media (max-width: 720px) {
body.page-home .rp-hero {
min-height: 380px;
padding: 0;
}
body.page-home .rp-hero-inner {
width: calc(100% - 2rem);
padding: 2rem 0 3.75rem;
}
body.page-home .rp-hero h1,
body.page-home .rp-hero h2.rp-hero-title {
font-size: clamp(1.45rem, 6.5vw, 1.9rem);
}
body.page-home .rp-hero p {
font-size: 0.98rem;
}
body.page-home .rp-hero-next,
body.page-home .rp-hero-prev {
width: 2.2rem;
height: 2.2rem;
font-size: 1.15rem;
}
}
@media (prefers-reduced-motion: reduce) {
body.page-home .rp-hero-slide {
transition: none;
}
}
@media (min-width: 768px) {
nav#mobile_nav {
display: none !important;
}
}
main#page > section#definitions.parallax-text,
main#page > section#definitions.rp-about {
display: block;
width: 100% !important;
max-width: none !important;
min-width: 0;
margin: 0;
padding: 3.25rem 0 3.5rem !important;
float: none;
position: relative;
color: #090907;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none;
text-align: left;
text-shadow: none;
background: radial-gradient(38% 55% at 4% 8%, rgba(214,226,120,.45) 0%, rgba(214,226,120,0) 70%), radial-gradient(34% 50% at 96% 96%, rgba(255,196,165,.45) 0%, rgba(255,196,165,0) 70%), radial-gradient(30% 42% at 90% 8%, rgba(178,224,208,.45) 0%, rgba(178,224,208,0) 70%), linear-gradient(125deg, #f1f5d4 0%, #f8f6ec 48%, #fcece2 100%) !important;
font-family: "Open Sans", sans-serif;
font-size: 16px;
line-height: 1.15;
}
#definitions .rp-about-inner {
width: min(1400px, calc(100% - 40px));
max-width: 1400px;
margin: 0 auto;
box-sizing: border-box;
}
#definitions .rp-about-head {
margin: 0 0 1.5rem;
padding: 0;
background: 0 0;
border: 0;
box-shadow: none;
text-align: left;
}
#definitions .rp-about-head h2,
#definitions .rp-about-kicker,
#definitions .rp-about-lead dfn,
#definitions header.rp-about-head h2 {
font-family: "Open Sans", sans-serif;
font-weight: 700;
}
#definitions .rp-about-kicker {
margin: 0 0 0.45rem;
font-size: 0.78rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #6c6c66;
}
#definitions .rp-about-head h2,
#definitions header.rp-about-head h2 {
margin: 0 0 0.45rem;
padding: 0;
font-size: clamp(1.55rem, 2.4vw, 2rem);
letter-spacing: -0.03em;
line-height: 1.15;
color: #090907;
background: 0 0;
text-shadow: none;
}
#definitions .rp-about-sub {
margin: 0;
max-width: 54ch;
font-size: 1.02rem;
line-height: 1.5;
color: #3c3c38;
}
#definitions .rp-about-lead {
margin: 0 0 1.75rem;
padding: 0 0 1.5rem;
border-bottom: 1px solid rgba(9, 9, 7, 0.1);
}
#definitions .rp-about-lead p {
margin: 0 0 0.85rem;
max-width: 78ch;
font-family: "Open Sans", sans-serif;
font-size: 0.98rem;
line-height: 1.65;
color: #3c3c38;
text-align: left;
}
#definitions .rp-about-lead dfn {
font-style: normal;
font-size: 1.05em !important;
color: #090907;
}
#definitions .rp-about-lead a,
#definitions .rp-about-lead a.fw-bold,
#definitions .rp-about-lead b,
#definitions .rp-about-lead mark,
#definitions .rp-about-lead strong {
color: #090907 !important;
background: 0 0;
font-weight: 700;
text-decoration: underline !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 0.16em;
text-shadow: none;
}
#definitions .rp-about-lead a:hover {
color: #090907 !important;
text-decoration-color: #ccd61c !important;
}
#definitions .rp-about-defs {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.15rem 1.35rem;
margin: 0;
padding: 0;
}
#definitions .rp-about-item {
margin: 0;
padding: 1.15rem 1.2rem 1.2rem;
background: #fff;
border: 1px solid rgba(9, 9, 7, 0.1);
border-radius: 12px !important;
border-top: 3px solid #ccd61c;
box-shadow: none;
}
#definitions .rp-about-item dt,
#definitions .rp-about-item dt abbr {
text-decoration: none;
border: 0;
font-weight: 700;
}
#definitions .rp-about-item dt {
margin: 0 0 0.45rem;
padding: 0;
font-family: "Open Sans", sans-serif;
font-size: 1.02rem;
letter-spacing: -0.015em;
line-height: 1.3;
color: #090907;
background: 0 0;
}
#definitions .rp-about-item dt abbr {
color: inherit;
}
#definitions .rp-about-item dd {
margin: 0;
padding: 0;
font-size: 0.92rem;
line-height: 1.55;
color: #3c3c38;
background: 0 0;
}
#definitions .rp-about-item dd a,
#definitions .rp-about-item dd dfn {
color: #090907 !important;
font-style: normal;
font-weight: 700;
text-decoration: none !important;
}
#definitions .rp-about-item dd a:hover {
text-decoration: underline !important;
text-decoration-color: #ccd61c !important;
}
@media (max-width: 799px) {
main#page > section#definitions.parallax-text,
main#page > section#definitions.rp-about {
padding: 2.25rem 0 2.5rem !important;
}
#definitions .rp-about-defs {
grid-template-columns: minmax(0, 1fr);
gap: 0.85rem;
}
}
.rp-topline,
div.rp-topline {
background: #1f1d20 !important;
background-color: #1f1d20 !important;
color: #fff;
border-bottom: none;
border-bottom-width: 0;
}
.rp-topline .rp-topline-left,
.rp-topline-inner,
div.rp-topline .rp-topline-inner,
div.rp-topline .rp-topline-left {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 1.15rem;
}
.rp-topline .rp-topline-link,
.rp-topline a,
div.rp-topline .rp-topline-link,
div.rp-topline a {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 0.4rem;
margin: 0;
padding: 0;
line-height: 1;
vertical-align: middle;
text-decoration: none !important;
text-decoration-line: none !important;
text-underline-offset: 0;
border: 0 !important;
border-bottom: none !important;
box-shadow: none !important;
background: 0 0 !important;
color: #fff !important;
white-space: nowrap;
}
.rp-topline .rp-topline-avis:hover,
.rp-topline .rp-topline-phone:hover,
.rp-topline a:active,
.rp-topline a:focus,
.rp-topline a:focus-visible,
.rp-topline a:hover,
div.rp-topline .rp-topline-avis:hover,
div.rp-topline .rp-topline-phone:hover,
div.rp-topline a:active,
div.rp-topline a:focus,
div.rp-topline a:focus-visible,
div.rp-topline a:hover {
color: #fff !important;
text-decoration: none !important;
text-decoration-line: none !important;
text-decoration-color: transparent !important;
border-bottom: none !important;
border-bottom-width: 0 !important;
box-shadow: none !important;
background: 0 0 !important;
opacity: 1 !important;
}
.rp-topline .rp-topline-phone,
div.rp-topline .rp-topline-phone {
font-size: 0.95rem;
font-weight: 700;
letter-spacing: 0.01em;
color: #fff !important;
line-height: 1;
}
.rp-topline .rp-topline-phone .icon-phone,
div.rp-topline .rp-topline-phone .icon-phone {
display: inline-flex !important;
align-items: center;
justify-content: center;
margin: 0 !important;
padding: 0;
vertical-align: middle;
line-height: 1;
width: 1em;
height: 1em;
color: #fff !important;
position: relative;
top: 0;
}
.rp-topline .rp-topline-phone .icon-phone::before,
div.rp-topline .rp-topline-phone .icon-phone::before {
content: "";
font-family: fontello;
font-style: normal;
font-weight: 400;
font-size: 1em;
line-height: 1;
color: #fff !important;
margin: 0;
vertical-align: middle;
display: block;
}
.rp-topline .rp-topline-hours,
div.rp-topline .rp-topline-hours {
display: inline-flex;
align-items: center;
margin: 0;
padding: 0;
font-size: 0.8rem;
font-weight: 400;
line-height: 1;
color: #cfcfc8;
white-space: nowrap;
}
.rp-topline .rp-topline-avis,
div.rp-topline .rp-topline-avis {
font-size: 0.8rem;
font-weight: 600;
gap: 0.35rem !important;
color: #fff !important;
line-height: 1;
}
.rp-topline .rp-topline-avis strong,
div.rp-topline .rp-topline-avis strong {
font-size: inherit;
font-weight: 700;
color: #fff !important;
line-height: 1;
}
.rp-topline .rp-stars,
div.rp-topline .rp-stars {
display: inline-flex;
align-items: center;
color: #ccd61c !important;
font-size: 0.85rem;
line-height: 1;
}
body.page-category footer#bottom.rp-footer,
body.page-home footer#bottom.rp-footer,
body.page-product footer#bottom.rp-footer,
footer#bottom.rp-footer {
display: block;
float: none;
clear: both;
position: relative;
width: 100%;
max-width: 100%;
min-width: 0;
height: auto;
min-height: 0;
max-height: none;
margin: 0;
padding: 0 !important;
overflow: visible;
background: #f6f5f0;
background-image: none;
color: #090907 !important;
border: 0;
border-top: 0;
box-shadow: none;
font-family: "Open Sans", sans-serif;
box-sizing: border-box;
}
body.page-home footer#bottom.rp-footer .prefooter,
body.page-home footer#bottom.rp-footer .rp-footer-cta,
footer#bottom.rp-footer .prefooter,
footer#bottom.rp-footer .rp-footer-cta {
display: block !important;
position: static;
float: none;
top: auto;
left: auto;
width: 100% !important;
max-width: 100%;
height: auto;
margin: 0;
padding: 0 !important;
background: #090907 !important;
background-image: none !important;
color: #fff !important;
text-align: left;
line-height: 1.4;
border: 0 !important;
border-bottom: 0 !important;
box-sizing: border-box;
}
body.page-home footer#bottom.rp-footer .rp-footer-cta-inner,
footer#bottom.rp-footer .rp-footer-cta-inner {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 1.75rem 2.5rem;
width: min(1400px, calc(100% - 40px));
max-width: 1400px;
margin: 0 auto;
padding: 1.65rem 0;
box-sizing: border-box;
background: 0 0;
}
body.page-home footer#bottom.rp-footer .rp-footer-cta-copy,
footer#bottom.rp-footer .rp-footer-cta-copy {
min-width: 0;
flex: 1 1 auto;
margin: 0;
padding: 0;
background: 0 0;
}
body.page-home footer#bottom.rp-footer .rp-footer-cta-title,
footer#bottom.rp-footer .rp-footer-cta-title {
margin: 0;
padding: 0;
color: #fff;
background: 0 0;
font-family: "Open Sans", sans-serif;
font-size: 1.35rem;
font-weight: 700;
line-height: 1.25;
letter-spacing: -0.02em;
}
body.page-home footer#bottom.rp-footer .rp-footer-cta-title abbr,
footer#bottom.rp-footer .rp-footer-cta-title abbr {
color: inherit;
text-decoration: none;
border: 0;
font-weight: inherit;
}
body.page-home footer#bottom.rp-footer .rp-footer-cta-note,
footer#bottom.rp-footer .rp-footer-cta-note {
margin: 0.35rem 0 0;
padding: 0;
color: rgba(255, 255, 255, 0.72);
background: 0 0;
font-family: "Open Sans", sans-serif;
font-size: 0.92rem;
font-weight: 400;
line-height: 1.45;
}
body.page-home footer#bottom.rp-footer .prefooter a,
body.page-home footer#bottom.rp-footer .prefooter a.rp-footer-cta-btn,
body.page-home footer#bottom.rp-footer a.rp-footer-cta-btn,
footer#bottom.rp-footer .prefooter a,
footer#bottom.rp-footer .prefooter a.rp-footer-cta-btn,
footer#bottom.rp-footer a.rp-footer-cta-btn {
display: inline-flex !important;
align-items: center;
justify-content: center;
flex: 0 0 auto;
margin: 0 !important;
padding: 0.8rem 1.4rem;
background: #ccd61c !important;
background-image: none !important;
color: #090907 !important;
border: 0;
border-radius: 4px !important;
font-family: "Open Sans", sans-serif;
font-size: 0.95rem !important;
font-weight: 700 !important;
line-height: 1 !important;
letter-spacing: 0;
text-decoration: none !important;
text-decoration-line: none !important;
white-space: nowrap;
box-shadow: none !important;
}
body.page-home footer#bottom.rp-footer .prefooter a.rp-footer-cta-btn:focus,
body.page-home footer#bottom.rp-footer .prefooter a.rp-footer-cta-btn:hover,
body.page-home footer#bottom.rp-footer a.rp-footer-cta-btn:focus,
body.page-home footer#bottom.rp-footer a.rp-footer-cta-btn:hover,
footer#bottom.rp-footer .prefooter a.rp-footer-cta-btn:focus,
footer#bottom.rp-footer .prefooter a.rp-footer-cta-btn:hover,
footer#bottom.rp-footer a.rp-footer-cta-btn:focus,
footer#bottom.rp-footer a.rp-footer-cta-btn:hover {
background: #fff !important;
color: #090907 !important;
text-decoration: none !important;
box-shadow: none !important;
}
body.page-home footer#bottom.rp-footer .rp-footer-main,
footer#bottom.rp-footer .rp-footer-main {
display: block;
width: 100%;
margin: 0;
padding: 0;
background: #f6f5f0;
border: 0;
}
body.page-home footer#bottom.rp-footer .rp-footer-grid,
footer#bottom.rp-footer .rp-footer-grid {
display: grid;
grid-template-columns: 1.35fr 1fr 1fr 1fr !important;
gap: 2.4rem 2.5rem;
align-items: start;
width: min(1400px, calc(100% - 40px)) !important;
max-width: 1400px;
margin: 0 auto;
padding: 2.75rem 0 2.25rem;
box-sizing: border-box;
background: 0 0;
height: auto;
overflow: visible;
}
body.page-home footer#bottom.rp-footer .rp-footer-col,
footer#bottom.rp-footer .rp-footer-col {
display: block;
float: none;
position: static;
width: auto;
min-width: 0;
max-width: 100%;
height: auto;
min-height: 0;
max-height: none;
margin: 0;
padding: 0;
overflow: visible;
background: 0 0;
color: #090907;
border: 0;
box-shadow: none;
}
body.page-home footer#bottom.rp-footer .letterpress,
body.page-home footer#bottom.rp-footer .rp-footer-col h3,
footer#bottom.rp-footer .letterpress,
footer#bottom.rp-footer .rp-footer-col h3 {
display: block;
height: auto;
max-height: none;
margin: 0 0 1rem;
padding: 0;
overflow: visible;
color: #090907 !important;
background: 0 0;
font-family: "Open Sans", sans-serif;
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.1em;
line-height: 1.3;
text-transform: uppercase;
text-align: left;
text-indent: 0;
border: 0;
}
body.page-home footer#bottom.rp-footer .rp-footer-col h3::after,
body.page-home footer#bottom.rp-footer .rp-footer-col h3::before,
footer#bottom.rp-footer .rp-footer-col h3::after,
footer#bottom.rp-footer .rp-footer-col h3::before {
content: none;
display: none;
width: 0 !important;
height: 0;
background: 0 0 !important;
}
body.page-home footer#bottom.rp-footer .rp-footer-col ul,
footer#bottom.rp-footer .rp-footer-col ul {
display: block;
list-style: none;
margin: 0;
padding: 0;
background: 0 0;
}
body.page-home footer#bottom.rp-footer a,
body.page-home footer#bottom.rp-footer a:link,
body.page-home footer#bottom.rp-footer a:visited,
footer#bottom.rp-footer a,
footer#bottom.rp-footer a:link,
footer#bottom.rp-footer a:visited {
color: #090907 !important;
background: 0 0 !important;
font-family: "Open Sans", sans-serif;
font-size: 0.92rem;
font-weight: 500;
line-height: 1.4;
text-decoration: none !important;
border: 0;
box-shadow: none !important;
}
body.page-home footer#bottom.rp-footer .rp-footer-col a:focus,
body.page-home footer#bottom.rp-footer .rp-footer-col a:hover,
footer#bottom.rp-footer .rp-footer-col a:focus,
footer#bottom.rp-footer .rp-footer-col a:hover {
color: #090907 !important;
text-decoration: underline !important;
text-decoration-color: rgba(9, 9, 7, 0.4) !important;
text-underline-offset: 0.18em !important;
background: 0 0 !important;
}
body.page-home footer#bottom.rp-footer .rp-footer-logo,
footer#bottom.rp-footer .rp-footer-logo {
display: inline-block !important;
margin: 0 0 0.85rem;
padding: 0;
background: 0 0 !important;
text-decoration: none !important;
}
body.page-home footer#bottom.rp-footer .rp-footer-meta,
body.page-home footer#bottom.rp-footer .rp-footer-tag,
footer#bottom.rp-footer .rp-footer-meta,
footer#bottom.rp-footer .rp-footer-tag {
margin: 0 0 0.85rem;
padding: 0;
color: rgba(9, 9, 7, 0.62);
background: 0 0;
font-family: "Open Sans", sans-serif;
font-size: 0.88rem;
font-weight: 400;
line-height: 1.5;
}
body.page-home footer#bottom.rp-footer a.rp-footer-phone,
body.page-home footer#bottom.rp-footer a.rp-footer-phone:link,
body.page-home footer#bottom.rp-footer a.rp-footer-phone:visited,
footer#bottom.rp-footer a.rp-footer-phone,
footer#bottom.rp-footer a.rp-footer-phone:link,
footer#bottom.rp-footer a.rp-footer-phone:visited {
display: inline-block !important;
margin: 0 0 0.35rem;
padding: 0;
color: #090907 !important;
background: 0 0 !important;
font-size: 1.55rem !important;
font-weight: 700 !important;
letter-spacing: -0.03em;
line-height: 1.15 !important;
text-decoration: none !important;
}
body.page-home footer#bottom.rp-footer a.rp-footer-phone:hover,
footer#bottom.rp-footer a.rp-footer-phone:hover {
color: #090907 !important;
text-decoration: none !important;
}
body.page-home footer#bottom.rp-footer .rp-footer-base,
footer#bottom.rp-footer .rp-footer-base {
display: block;
width: 100% !important;
max-width: 100%;
margin: 0;
padding: 0 !important;
background: #f6f5f0 !important;
border: 0;
border-top: 1px solid rgba(9, 9, 7, 0.1);
box-sizing: border-box;
}
body.page-home footer#bottom.rp-footer .rp-footer-base-inner,
footer#bottom.rp-footer .rp-footer-base-inner {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 1rem 1.5rem;
flex-wrap: wrap;
width: min(1400px, calc(100% - 40px));
max-width: 1400px;
margin: 0 auto;
padding: 1.1rem 0 1.35rem;
box-sizing: border-box;
}
body.page-home footer#bottom.rp-footer .rp-footer-payblock,
footer#bottom.rp-footer .rp-footer-payblock {
display: flex;
flex-direction: row;
align-items: center;
gap: 0.75rem 1rem;
flex-wrap: wrap;
margin: 0;
padding: 0;
background: 0 0;
}
body.page-home footer#bottom.rp-footer .rp-footer-paylabel,
footer#bottom.rp-footer .rp-footer-paylabel {
margin: 0;
padding: 0;
color: rgba(9, 9, 7, 0.55);
font-family: "Open Sans", sans-serif;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.1em;
line-height: 1.3;
text-transform: uppercase;
white-space: nowrap;
}
body.page-home footer#bottom.rp-footer .rp-pay,
footer#bottom.rp-footer .rp-pay {
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
margin: 0;
padding: 0;
background: 0 0;
}
body.page-home footer#bottom.rp-footer .rp-footer-base p,
body.page-home footer#bottom.rp-footer .rp-footer-copy,
footer#bottom.rp-footer .rp-footer-base p,
footer#bottom.rp-footer .rp-footer-copy {
margin: 0;
padding: 0;
color: rgba(9, 9, 7, 0.52) !important;
font-family: "Open Sans", sans-serif;
font-size: 0.78rem !important;
font-weight: 400 !important;
line-height: 1.4 !important;
background: 0 0;
}
body.page-home footer#bottom.rp-footer .about,
body.page-home footer#bottom.rp-footer .col4,
footer#bottom.rp-footer .about,
footer#bottom.rp-footer .col4 {
display: none;
}
#go_up,
a#go_up,
body.page-home #go_up {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
@media (max-width: 980px) {
body.page-home footer#bottom.rp-footer .rp-footer-grid,
footer#bottom.rp-footer .rp-footer-grid {
grid-template-columns: 1fr 1fr;
gap: 1.75rem 1.5rem;
padding: 2rem 0 1.75rem;
}
}
@media (max-width: 860px) {
body.page-home footer#bottom.rp-footer .rp-footer-cta-inner,
footer#bottom.rp-footer .rp-footer-cta-inner {
flex-direction: column !important;
align-items: flex-start !important;
gap: 1rem !important;
padding: 1.4rem 0 !important;
}
body.page-home footer#bottom.rp-footer .rp-footer-cta-title,
footer#bottom.rp-footer .rp-footer-cta-title {
font-size: 1.15rem !important;
}
body.page-home footer#bottom.rp-footer .rp-footer-grid,
footer#bottom.rp-footer .rp-footer-grid {
grid-template-columns: minmax(0, 1fr) !important;
gap: 1.5rem !important;
padding: 1.75rem 0 1.4rem !important;
}
body.page-home footer#bottom.rp-footer a.rp-footer-phone,
footer#bottom.rp-footer a.rp-footer-phone {
font-size: 1.35rem;
}
body.page-home footer#bottom.rp-footer .rp-footer-base-inner,
footer#bottom.rp-footer .rp-footer-base-inner {
flex-direction: column !important;
align-items: flex-start !important;
}
}
body.page-home .rp-home {
container-type: inline-size;
container-name: rp-home;
}
body.page-home .rp-hero-nav,
body.page-home .rp-hero-next,
body.page-home .rp-hero-prev {
display: none !important;
}
body.page-home .rp-hero-inner {
width: 100cqi;
max-width: 1400px;
margin: 0 auto;
margin-left: calc(50vw - 50cqi);
margin-right: auto;
padding-left: 3.5rem;
padding-right: 3.5rem;
box-sizing: border-box;
flex: 0 0 auto;
}
@media (max-width: 900px) {
body.page-home .rp-hero-inner {
width: 100cqi;
margin-left: calc(50vw - 50cqi);
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (max-width: 720px) {
body.page-home .rp-hero-inner {
width: 100cqi;
margin-left: calc(50vw - 50cqi);
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
body.page-content,
html:has(body.page-content) {
overflow-x: clip !important;
color: #090907;
}
body.page-content main#page,
body.page-content main#page.parallax {
overflow-x: clip !important;
overflow-y: visible;
height: auto;
max-height: none;
min-height: 0;
background: #f6f5f0;
background-image: none;
background-attachment: scroll;
border: 0;
margin: 0;
padding: 0 0 3.5rem;
width: 100%;
max-width: 100%;
min-width: 0 !important;
color: #090907;
text-align: left;
float: none;
box-sizing: border-box;
}
body.page-content main#page > .breadcrumbs,
body.page-content main#page > article#content,
body.page-content main#page > article.rp-page {
width: min(1400px, calc(100% - 40px));
max-width: min(1400px, calc(100% - 40px));
min-width: 0;
margin-left: auto;
margin-right: auto;
float: none;
box-sizing: border-box;
}
body.page-content .breadcrumbs,
body.page-content .breadcrumbs .inner {
position: static !important;
top: auto !important;
margin: 0.85rem auto 0.35rem !important;
padding: 0 !important;
background: 0 0 !important;
border: 0 !important;
box-shadow: none !important;
color: #090907 !important;
}
body.page-content .breadcrumbs a,
body.page-content .breadcrumbs span {
color: #090907 !important;
}
body.page-content #content.parallax-text,
body.page-content .parallax-text,
body.page-content article.parallax-text {
background: 0 0;
background-image: none;
border: 0;
border-radius: 0 !important;
box-shadow: none;
color: #090907;
width: min(1400px, calc(100% - 40px));
max-width: min(1400px, calc(100% - 40px));
padding: 0;
margin-left: auto;
margin-right: auto;
}
body.page-content .font-title.letterpress,
body.page-content .letterpress,
body.page-content header.letterpress {
color: #090907;
font-family: "Open Sans", "Segoe UI", sans-serif;
font-style: normal;
text-shadow: none;
background: 0 0;
}
body.page-content .letterpress.lineafter::after,
body.page-content .lineafter::after {
background: #ccd61c;
border: 0;
}
.article_panier[data-tooltip]::after,
.rp-footer-cta-btn[data-tooltip]::after,
a.tooltip-left::after,
a.tooltip-top::after,
body.page-content .tooltip-bottom::after,
body.page-content .tooltip-left::after,
body.page-content .tooltip-right::after,
body.page-content .tooltip-top::after,
body.page-content .tooltip::after,
body.page-content [data-tooltip]::after {
width: max-content;
max-width: min(240px, 70vw);
min-width: 0;
box-sizing: border-box;
white-space: normal;
overflow-wrap: anywhere;
contain: layout paint;
}
.article_panier.tooltip-left::after,
body.page-content .tooltip-left::after {
left: auto !important;
right: calc(100% + 10px) !important;
margin-left: 0;
margin-right: 0;
bottom: 50%;
transform: translateY(50%) !important;
}
.rp-footer-cta-btn.tooltip-top::after,
body.page-content .tooltip-top::after {
left: 50% !important;
right: auto !important;
margin-left: 0 !important;
transform: translateX(-50%) !important;
bottom: calc(100% + 10px) !important;
}
#mobile_nav {
max-width: 100vw !important;
width: min(100vw, 100%) !important;
box-sizing: border-box !important;
}
body.page-content article.rp-page {
display: block;
background: 0 0;
border: 0;
border-radius: 0 !important;
box-shadow: none;
color: #090907;
padding: 1.25rem 0 0;
margin-bottom: 0;
}
body.page-content .rp-page-head {
margin: 0 0 1.5rem;
padding: 0 0 1rem;
border-bottom: 2px solid #ccd61c;
text-align: left;
animation: rp-about-fade 0.55s ease both;
}
body.page-content .rp-page-head h2,
body.page-content .rp-page-kicker,
body.page-content .rp-page-title {
padding: 0;
color: #090907;
font-family: "Open Sans", "Segoe UI", sans-serif;
font-weight: 700;
}
body.page-content .rp-page-kicker {
margin: 0 0 0.45rem !important;
font-size: 0.78rem !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
}
body.page-content .rp-page-head h2,
body.page-content .rp-page-title {
margin: 0;
font-size: clamp(1.55rem, 2.4vw, 2.15rem);
line-height: 1.2;
letter-spacing: -0.02em;
text-align: left;
background: 0 0;
text-shadow: none;
}
body.page-content .rp-page-prose {
max-width: 72ch;
color: #090907;
font-family: "Open Sans", "Segoe UI", sans-serif;
font-size: 1.05rem;
line-height: 1.7;
animation: rp-about-fade 0.7s ease 0.08s both;
}
body.page-content .rp-page-prose p {
margin: 0 0 1.1rem;
padding: 0;
color: #090907;
background: 0 0;
}
body.page-content .rp-page-prose .font-title,
body.page-content .rp-page-prose .letterpress,
body.page-content .rp-page-prose h2,
body.page-content .rp-page-prose h3 {
margin: 2rem 0 0.85rem;
padding: 0;
color: #090907;
font-family: "Open Sans", "Segoe UI", sans-serif;
font-size: 1.28rem;
font-weight: 700;
font-style: normal;
line-height: 1.3;
text-shadow: none;
background: 0 0;
border: 0;
}
body.page-content .rp-page-prose .lineafter::after,
body.page-content .rp-page-prose h3.lineafter::after {
display: block !important;
width: 2.4rem !important;
height: 2px !important;
margin-top: 0.45rem !important;
background: #ccd61c !important;
content: "" !important;
border: 0 !important;
}
body.page-content .rp-page-prose a {
color: #090907 !important;
font-weight: 600;
text-decoration: underline !important;
text-decoration-color: #ccd61c !important;
text-underline-offset: 0.14em;
}
body.page-content .rp-page-prose a:hover {
text-decoration-thickness: 2px !important;
}
body.page-content .rp-page-figure {
margin: 2rem 0 0 !important;
text-align: center !important;
}
body.page-content .rp-page-figure img {
width: 100% !important;
max-width: 640px !important;
height: auto !important;
border-radius: 8px !important;
}
body.page-content .rp-benefits {
margin: 2.75rem 0 0 !important;
padding: 0 !important;
animation: rp-about-fade 0.75s ease 0.16s both;
}
body.page-content .rp-benefits-head {
margin: 0 0 1.35rem !important;
max-width: 48rem !important;
}
body.page-content .rp-benefits-title {
margin: 0 0 0.4rem !important;
color: #090907 !important;
font-family: "Open Sans", "Segoe UI", sans-serif !important;
font-size: clamp(1.35rem, 2vw, 1.75rem) !important;
font-weight: 700 !important;
line-height: 1.25 !important;
letter-spacing: -0.015em !important;
}
body.page-content .rp-benefits-sub {
margin: 0 !important;
color: #3c3c38 !important;
font-size: 1rem !important;
line-height: 1.55 !important;
}
body.page-content .rp-benefits-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 1rem 1.15rem !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.page-content .rp-benefit {
display: grid !important;
grid-template-columns: auto minmax(0, 1fr) !important;
gap: 0.85rem 1rem !important;
align-items: start !important;
margin: 0 !important;
padding: 1.15rem 1.2rem !important;
background: #fff !important;
border: 1px solid rgba(9, 9, 7, 0.1) !important;
border-radius: 10px !important;
box-shadow: none !important;
color: #090907 !important;
min-width: 0 !important;
transition:
border-color 0.2s ease,
transform 0.35s cubic-bezier(0.34, 1.45, 0.64, 1),
box-shadow 0.25s ease !important;
}
body.page-content .rp-benefit:hover {
border-color: #b7c01a !important;
box-shadow: 0 12px 28px rgba(9, 9, 7, 0.08) !important;
transform: translateY(-3px) !important;
}
body.page-content .rp-benefit-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 3rem !important;
height: 3rem !important;
border-radius: 999px !important;
background: rgba(204, 214, 28, 0.28) !important;
color: #090907 !important;
font-size: 1.35rem !important;
line-height: 1 !important;
}
body.page-content .rp-benefit-icon [class*="icon-"] {
color: #090907 !important;
background: 0 0 !important;
}
body.page-content .rp-benefit-avis .rp-benefit-icon {
width: auto !important;
height: auto !important;
min-width: 3rem !important;
padding: 0.15rem !important;
background: 0 0 !important;
border-radius: 0 !important;
}
body.page-content .rp-benefit-avis-slot,
body.page-content .rp-benefit-avis-slot > * {
max-width: 5.5rem !important;
}
body.page-content .rp-benefit-body {
min-width: 0 !important;
}
body.page-content .rp-benefit-title {
margin: 0 0 0.35rem !important;
color: #090907 !important;
font-family: "Open Sans", "Segoe UI", sans-serif !important;
font-size: 1.05rem !important;
font-weight: 700 !important;
line-height: 1.3 !important;
}
body.page-content .rp-benefit-text {
margin: 0 !important;
color: #3c3c38 !important;
font-size: 0.95rem !important;
line-height: 1.55 !important;
font-variant: normal !important;
}
body.page-content .rp-benefit-actions {
display: flex !important;
flex-wrap: wrap !important;
gap: 0.55rem !important;
margin-top: 0.85rem !important;
}
body.page-content .rp-benefit-btn {
display: inline-flex !important;
align-items: center !important;
gap: 0.4rem !important;
padding: 0.55rem 0.9rem !important;
background: #ccd61c !important;
color: #090907 !important;
border: 0 !important;
border-radius: 6px !important;
font-weight: 700 !important;
font-size: 0.92rem !important;
line-height: 1.2 !important;
text-decoration: none !important;
white-space: nowrap !important;
transition:
transform 0.2s ease,
background 0.2s ease !important;
}
body.page-content .rp-benefit-btn:focus,
body.page-content .rp-benefit-btn:hover {
background: #b7c01a !important;
color: #090907 !important;
transform: translateY(-1px) !important;
text-decoration: none !important;
}
body.page-content .rp-benefit-btn-ghost {
background: #fff !important;
border: 1px solid rgba(9, 9, 7, 0.18) !important;
}
body.page-content .rp-benefit-btn-ghost:focus,
body.page-content .rp-benefit-btn-ghost:hover {
border-color: #ccd61c !important;
background: #fff !important;
}
body.page-content .sticker,
body.page-content .sticker-row {
display: none !important;
}
@media (prefers-reduced-motion: reduce) {
body.page-content .rp-benefit,
body.page-content .rp-benefits,
body.page-content .rp-page-head,
body.page-content .rp-page-prose {
animation: none;
transition: none;
}
body.page-content .rp-benefit:hover {
transform: none !important;
}
}
@media (max-width: 860px) {
body.page-content .rp-benefits-grid {
grid-template-columns: minmax(0, 1fr) !important;
}
body.page-content main#page > .breadcrumbs,
body.page-content main#page > article#content,
body.page-content main#page > article.rp-page {
width: min(1400px, calc(100% - 24px)) !important;
max-width: min(1400px, calc(100% - 24px)) !important;
}
body.page-content .rp-benefit-actions {
flex-direction: column !important;
align-items: stretch !important;
}
body.page-content .rp-benefit-btn {
justify-content: center !important;
white-space: normal !important;
}
}
body.page-home header#header.rp-topbar .rp-actions,
body.page-home header#header.rp-topbar .rp-bar,
header#header.rp-topbar .rp-actions,
header#header.rp-topbar .rp-bar {
overflow: visible;
}
body.page-home header#header.rp-topbar .rp-account,
header#header.rp-topbar .rp-account {
position: relative;
display: inline-flex;
align-items: center;
flex: 0 0 auto;
height: 40px;
max-height: 40px;
margin: 0;
padding: 0;
background: 0 0;
border: 0;
box-shadow: none;
}
body.page-home header#header.rp-topbar .rp-account {
z-index: 60 !important;
}
body.page-home header#header.rp-topbar .rp-account-btn,
body.page-home header#header.rp-topbar .rp-account-menu a,
header#header.rp-topbar .rp-account-btn,
header#header.rp-topbar .rp-account-menu a {
margin: 0;
color: #090907 !important;
border-radius: 0.35rem !important;
text-decoration: none;
font-weight: 600;
white-space: nowrap;
}
body.page-home header#header.rp-topbar .rp-account-btn,
header#header.rp-topbar .rp-account-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.45rem;
max-height: 40px;
padding: 0 0.75rem;
background: #fff !important;
background-image: none !important;
border: 1px solid rgba(9, 9, 7, 0.18) !important;
box-shadow: none;
font-family: inherit;
font-size: 0.82rem;
line-height: 1;
letter-spacing: 0;
cursor: pointer;
appearance: none;
-webkit-appearance: none !important;
}
body.page-home header#header.rp-topbar .rp-account-btn {
height: 40px;
min-height: 40px !important;
}
body.page-home header#header.rp-topbar .rp-account-btn:hover,
body.page-home header#header.rp-topbar .rp-account.is-open .rp-account-btn,
header#header.rp-topbar .rp-account-btn:hover,
header#header.rp-topbar .rp-account.is-open .rp-account-btn {
border-color: #ccd61c !important;
background: #fff !important;
color: #090907 !important;
}
header#header.rp-topbar .rp-account-btn .icon-user {
position: static;
gap: 0;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: 0 0;
text-indent: 0;
float: none;
}
body.page-home header#header.rp-topbar .rp-account-btn .icon-user,
body.page-home header#header.rp-topbar .rp-account-btn .rp-account-label,
header#header.rp-topbar .rp-account-btn .rp-account-label {
position: static;
display: inline-flex;
align-items: center;
gap: 0;
width: auto;
height: auto !important;
margin: 0;
padding: 0;
background: 0 0;
color: #090907 !important;
line-height: 1;
text-indent: 0;
float: none;
}
body.page-home header#header.rp-topbar .rp-account-btn .icon-user::before,
header#header.rp-topbar .rp-account-btn .icon-user::before {
color: #090907 !important;
font-size: 1rem;
line-height: 1;
margin: 0;
}
body.page-home header#header.rp-topbar .rp-account-menu,
body.page-home header#header.rp-topbar .rp-account:hover .rp-account-menu,
header#header.rp-topbar .rp-account-menu,
header#header.rp-topbar .rp-account:hover .rp-account-menu {
display: none !important;
position: absolute !important;
top: calc(100% + 8px) !important;
right: 0 !important;
left: auto !important;
min-width: 12.5rem !important;
margin: 0 !important;
padding: 0.35rem !important;
background: #fff !important;
color: #090907 !important;
border: 1px solid rgba(9, 9, 7, 0.12) !important;
border-radius: 0.5rem !important;
box-shadow: 0 10px 28px rgba(9, 9, 7, 0.12) !important;
}
body.page-home header#header.rp-topbar .rp-account-menu,
body.page-home header#header.rp-topbar .rp-account:hover .rp-account-menu,
header#header.rp-topbar .rp-account:hover .rp-account-menu {
z-index: 70 !important;
}
body.page-home header#header.rp-topbar .rp-account.is-open .rp-account-menu,
body.page-home
header#header.rp-topbar
.rp-account.is-open:hover
.rp-account-menu,
header#header.rp-topbar .rp-account.is-open .rp-account-menu,
header#header.rp-topbar .rp-account.is-open:hover .rp-account-menu {
display: block !important;
}
body.page-home header#header.rp-topbar .rp-account-lead,
header#header.rp-topbar .rp-account-lead {
display: none !important;
}
body.page-home header#header.rp-topbar .rp-account-menu a,
header#header.rp-topbar .rp-account-menu a {
display: block;
padding: 0.55rem 0.7rem;
background: 0 0 !important;
border: 0;
font-size: 0.88rem;
line-height: 1.2;
}
body.page-home header#header.rp-topbar .rp-account-menu a:focus,
body.page-home header#header.rp-topbar .rp-account-menu a:hover,
header#header.rp-topbar .rp-account-menu a:focus,
header#header.rp-topbar .rp-account-menu a:hover {
background: #ccd61c !important;
color: #090907 !important;
}
body.page-home .rp-hero {
border-radius: 16px;
overflow: hidden;
}
main#page > h1.rp-page-h1 {
float: none;
clear: both;
position: static;
width: min(1400px, calc(100% - 40px));
max-width: 1400px !important;
height: auto;
max-height: none;
margin: 1.15rem auto 0.45rem !important;
padding: 0;
overflow: visible;
box-sizing: border-box;
background: 0 0;
border: 0;
font-size: clamp(1.45rem, 2.2vw, 2.05rem) !important;
font-style: normal;
line-height: 1.25;
letter-spacing: -0.02em;
text-align: left;
text-shadow: none;
white-space: normal;
text-overflow: clip;
display: none;
}
body.page-content .rp-page-head h1.rp-page-title,
main#page > h1.rp-page-h1 {
color: #090907 !important;
font-family: "Open Sans", "Segoe UI", sans-serif !important;
font-weight: 700;
}
body.page-home .rp-trust {
margin: 1.5rem 0 2rem;
background: #fff;
color: #090907;
border: 1px solid rgba(9, 9, 7, 0.1);
border-radius: 12px;
box-shadow: 0 4px 18px rgba(9, 9, 7, 0.04);
}
body.page-home .rp-trust-list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
body.page-home .rp-trust-list > li {
min-width: 0;
margin: 0;
border-right: 1px solid rgba(9, 9, 7, 0.08);
}
body.page-home .rp-trust-list > li:last-child {
border-right: 0;
}
body.page-home .rp-trust-item {
display: flex;
align-items: flex-start;
gap: 0.75rem;
min-height: 100%;
box-sizing: border-box;
padding: 1.05rem 1rem;
color: #090907;
text-decoration: none;
background: #fff;
}
body.page-home a.rp-trust-item:focus,
body.page-home a.rp-trust-item:hover {
background: #f6f5f0;
color: #090907;
text-decoration: none;
}
body.page-home .rp-trust-icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 2.6rem;
width: 2.6rem;
height: 2.6rem;
border-radius: 999px;
background: #ccd61c;
color: #090907;
font-size: 1.15rem;
line-height: 1;
}
body.page-home .rp-trust-icon::before {
line-height: 1;
}
body.page-home .rp-trust-copy {
display: flex;
flex-direction: column;
gap: 0.15rem;
min-width: 0;
}
body.page-home .rp-trust-copy strong {
font-size: 0.95rem;
font-weight: 700;
line-height: 1.3;
color: #090907;
}
body.page-home .rp-trust-copy span {
font-size: 0.82rem;
font-weight: 400;
line-height: 1.35;
color: #3c3c38;
}
body.page-home .rp-bestsellers {
margin: 0 0 2rem;
}
body.page-home .rp-bestsellers-head h2 {
margin: 0 0 0.35rem;
color: #090907;
font-size: clamp(1.35rem, 2vw, 1.75rem);
line-height: 1.2;
font-weight: 700;
background: 0 0;
}
body.page-home .rp-bestsellers-head p {
margin: 0 0 1rem;
color: #3c3c38;
line-height: 1.45;
}
body.page-home .rp-bestsellers-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 22px;
align-items: stretch;
width: 100%;
margin: 0;
padding: 0;
}
@media (max-width: 980px) {
body.page-home .rp-bestsellers-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 860px) {
body.page-home .rp-trust-list {
grid-template-columns: minmax(0, 1fr);
}
body.page-home .rp-trust-list > li {
border-right: 0;
border-bottom: 1px solid rgba(9, 9, 7, 0.08);
}
body.page-home .rp-trust-list > li:last-child {
border-bottom: 0;
}
}
@media (max-width: 699px) {
body.page-home .rp-bestsellers-grid {
grid-template-columns: minmax(0, 1fr);
}
}
article.rp-card,
body.page-category #rubrique > h1.letterpress,
body.page-category #rubrique > h1.rp-cat-h1 {
box-sizing: border-box;
min-width: 0;
height: auto;
float: none;
overflow: visible;
color: #090907 !important;
box-shadow: none !important;
text-align: left !important;
text-align-last: left !important;
}
body.page-category #rubrique > h1.letterpress,
body.page-category #rubrique > h1.rp-cat-h1 {
display: block;
clear: both;
position: static;
width: min(1400px, calc(100% - 40px));
max-width: min(1400px, calc(100% - 40px));
max-height: none;
margin: 0.5rem auto 1rem !important;
padding: 0 !important;
background: 0 0;
border: 0;
font-family: "Open Sans", "Segoe UI", sans-serif !important;
font-size: 1.65rem;
font-weight: 700;
font-style: normal;
line-height: 1.25;
letter-spacing: -0.02em;
text-shadow: none;
text-transform: none;
}
body.page-category #rubrique > h1.letterpress::first-letter,
body.page-category #rubrique > h1.rp-cat-h1::first-letter {
font-family: "Open Sans", "Segoe UI", sans-serif !important;
font-size: inherit !important;
font-weight: inherit !important;
font-style: inherit !important;
line-height: inherit !important;
letter-spacing: inherit !important;
color: inherit !important;
float: none !important;
text-transform: none !important;
margin: 0 !important;
padding: 0 !important;
}
@media (max-width: 640px) {
body.page-category #rubrique > h1.letterpress,
body.page-category #rubrique > h1.rp-cat-h1 {
font-size: 1.35rem !important;
}
}
article.rp-card {
position: relative;
display: flex;
flex-direction: column;
width: auto;
max-width: none;
min-height: 0;
margin: 0 !important;
padding: 0 0 0.85rem !important;
background: #fff;
border: 1px solid rgba(9, 9, 7, 0.1) !important;
border-radius: 10px !important;
font-family: "Open Sans", sans-serif;
transition:
transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
box-shadow 0.3s ease,
border-color 0.2s ease;
}
article.rp-card:hover {
border-color: #b7c01a !important;
box-shadow:
0 16px 32px rgba(9, 9, 7, 0.1),
0 4px 8px rgba(204, 214, 28, 0.28) !important;
transform: translateY(-6px);
}
.rp-card .rp-card-media {
order: 1;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 100%;
aspect-ratio: 4/3;
margin: 0;
padding: 0.85rem;
overflow: hidden;
background: #fff;
border-bottom: 1px solid rgba(9, 9, 7, 0.08);
border-radius: 9px 9px 0 0;
text-decoration: none;
}
.rp-card .rp-card-img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
margin: 0;
object-fit: contain;
transform: scale(1);
transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
article.rp-card:hover .rp-card-img {
transform: scale(1.08);
}
.rp-card .rp-card-body {
order: 2;
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-width: 0;
min-height: 0;
}
.rp-card .rp-card-body > * {
min-width: 0;
}
.rp-card .rp-card-link,
.rp-card .rp-card-title {
height: auto;
color: #090907 !important;
background: 0 0;
}
.rp-card .rp-card-title {
margin: 0;
padding: 0.75rem 0.9rem 0;
min-height: 0;
max-height: none;
overflow: visible;
border: 0;
border-radius: 0 !important;
font-family: "Open Sans", sans-serif;
font-size: 0.92rem;
font-weight: 700;
line-height: 1.3;
letter-spacing: -0.015em;
text-align: left;
}
.rp-card .rp-card-link {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
min-height: 2.6em;
max-height: 2.6em;
line-height: 1.35;
text-decoration: none;
}
.rp-card .rp-card-link::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
.rp-card .rp-card-brandname {
white-space: nowrap;
}
.rp-card .rp-card-brand {
display: block;
margin: 0;
padding: 0.4rem 0.9rem 0;
color: #3c3c38;
font-size: 0.75rem;
line-height: 1;
background: 0 0;
border: 0;
min-height: 18px;
}
.rp-card .rp-card-flag,
.rp-card .rp-card-logo {
display: block;
position: static;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: 0 0;
border-radius: 0 !important;
}
.rp-card .rp-card-flag {
max-width: 92px;
max-height: 18px;
}
.rp-card .rp-card-logo + .rp-card-flag {
margin-top: 0.3rem !important;
}
.rp-card .rp-card-ref,
.rp-card .rp-card-ship {
display: block;
margin: 0;
padding: 0.2rem 0.9rem 0;
color: #8a8a82;
font-size: 0.68rem;
font-weight: 600;
letter-spacing: 0.04em;
line-height: 1.35;
text-transform: uppercase;
white-space: normal;
background: 0 0;
border: 0;
}
.rp-card .rp-card-ship .icon-shipping-fast {
margin-right: 0.3rem;
}
.rp-card .rp-card-specs {
display: block;
min-height: 4.4rem;
max-height: 4.4rem;
overflow: hidden;
margin: 0.35rem 0.9rem 0;
padding: 0;
color: #3c3c38;
background: 0 0;
border: 0;
}
.rp-card .rp-card-spec,
.rp-card .rp-card-stock {
color: #3c3c38;
font-size: 0.75rem;
}
.rp-card .rp-card-spec {
display: flex;
justify-content: space-between;
gap: 0.5rem;
margin: 0;
padding: 0.08rem 0;
line-height: 1.35;
}
.rp-card .rp-card-spec dd,
.rp-card .rp-card-spec dt {
margin: 0;
padding: 0;
min-width: 0;
font-size: inherit;
font-weight: 400;
line-height: inherit;
}
.rp-card .rp-card-spec dt {
flex: 0 1 auto;
color: #8a8a82;
}
.rp-card .rp-card-spec dd {
flex: 1 1 auto;
color: #090907;
text-align: right;
}
.rp-card .rp-card-stock {
display: block;
margin: 0.45rem 0.9rem 0;
padding: 0;
line-height: 1.3;
background: 0 0;
border: 0;
}
.rp-card .rp-card-stock.is-in {
color: #1d6b32 !important;
}
.rp-card .rp-card-stock.is-out {
color: #6c6c66 !important;
}
.rp-card .rp-card-price {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
gap: 2px;
margin: auto 0 0;
padding: 0.7rem 3.5rem 0.1rem 0.9rem;
min-height: 2.6rem;
color: #090907;
line-height: 1.1;
text-align: left;
background: 0 0;
}
.rp-card .rp-card-old {
display: block;
margin: 0;
color: #b0aea4;
font-size: 0.78rem;
font-weight: 600;
line-height: 1.2;
text-decoration: line-through;
text-decoration-thickness: 1px;
}
.rp-card .rp-card-now {
display: block;
margin: 0;
color: #090907;
font-size: 1.22rem;
font-weight: 700;
letter-spacing: -0.03em;
line-height: 1.05;
text-decoration: none;
background: 0 0;
}
.rp-card .rp-card-ht {
position: relative;
top: -0.35em;
left: auto;
width: auto;
height: auto;
margin-left: 0.18em;
color: #6c6c66;
font-size: 0.55em;
font-weight: 700;
font-variant: normal;
letter-spacing: 0.02em;
line-height: 1;
vertical-align: baseline;
}
.rp-card .rp-card-badge,
.rp-card .rp-card-cart {
position: absolute;
margin: 0;
background: #ccd61c !important;
color: #090907 !important;
}
.rp-card .rp-card-badge {
top: 10px;
left: 10px;
right: auto;
z-index: 2;
width: auto;
height: auto;
padding: 0.15rem 0.45rem;
border-radius: 999px !important;
font-size: 0.75rem;
font-weight: 700;
line-height: 1.2;
}
.rp-card .rp-card-cart {
right: 0.7rem;
bottom: 0.7rem;
left: auto;
top: auto;
z-index: 5;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 38px;
min-width: 38px;
max-width: 38px;
height: 38px;
min-height: 38px;
max-height: 38px;
padding: 0;
overflow: hidden;
border: 0;
border-radius: 10px !important;
box-shadow: none !important;
text-decoration: none;
text-indent: 0;
font-size: 1.05rem;
line-height: 1;
transition:
transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1),
box-shadow 0.25s ease;
}
.rp-card .rp-card-cart::before {
content: "";
display: block;
position: absolute;
inset: 0;
border: 0;
background: radial-gradient(
circle at center,
rgba(255, 255, 255, 0.55),
transparent 62%
);
opacity: 0;
pointer-events: none;
transition: opacity 0.25s ease;
}
.rp-card .rp-card-cart::after {
content: none;
display: none;
}
.rp-card .rp-card-cart:focus-visible,
.rp-card .rp-card-cart:hover {
background: #ccd61c !important;
color: #090907 !important;
box-shadow: 0 6px 14px rgba(204, 214, 28, 0.5) !important;
transform: translateY(-2px) scale(1.05);
}
.rp-card .rp-card-cart:hover::before {
opacity: 1;
}
.rp-card .rp-card-cart:active {
transform: translateY(0) scale(0.95);
}
.rp-card .rp-card-cart .icon-shopping-basket {
display: block;
position: relative;
z-index: 1;
width: auto;
height: auto;
margin: 0;
color: #090907 !important;
font-family: fontello;
font-size: 1.05rem;
line-height: 1;
transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.rp-card .rp-card-cart:hover .icon-shopping-basket {
transform: scale(1.15) rotate(-8deg);
}
@media (prefers-reduced-motion: reduce) {
.rp-card .rp-card-cart,
.rp-card .rp-card-cart .icon-shopping-basket,
.rp-card .rp-card-cart::before,
.rp-card .rp-card-img,
article.rp-card {
transition: none;
}
.rp-card .rp-card-cart:hover,
.rp-card .rp-card-cart:hover .icon-shopping-basket,
article.rp-card:hover,
article.rp-card:hover .rp-card-img {
transform: none !important;
}
}
section#products:has(> article.rp-card) {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 22px;
align-items: stretch;
text-align: left;
text-align-last: left;
}
section#products:has(> article.rp-card) > :not(article) {
grid-column: 1/-1;
}
@media (max-width: 980px) {
section#products:has(> article.rp-card) {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 699px) {
section#products:has(> article.rp-card) {
grid-template-columns: minmax(0, 1fr) !important;
}
}
body.page-search main#page {
background: #f6f5f0;
}
body.page-search h1.rp-page-h1 {
max-width: 1400px;
font-family: "Open Sans", sans-serif;
font-size: 1.7rem;
}
.rp-search,
body.page-search #products {
max-width: 1400px;
margin: 0 auto;
padding: 0 20px 2rem;
}
.rp-search-lead {
margin: 0 0 1rem;
color: #3a3834;
font-size: 1.05rem;
}
.rp-search-cats h2 {
margin: 0 0 0.6rem;
font-size: 1rem;
font-weight: 700;
color: #090907;
}
.rp-search-catlist {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.rp-search-cat {
display: inline-block;
background: #fff;
color: #090907;
text-decoration: none;
border: 1px solid #e4e2da;
border-radius: 999px;
padding: 0.4rem 0.8rem;
font-size: 0.92rem;
}
.rp-search-cat:hover {
border-color: #ccd61c;
background: #fffef2;
}
.rp-search-empty {
max-width: 720px;
margin: 1rem auto 2rem;
background: #fff;
border-radius: 12px;
padding: 1.5rem 1.4rem;
color: #090907;
}
.rp-search-empty h2 {
margin: 0 0 0.6rem;
font-size: 1.25rem;
}
.rp-flow article,
.rp-flow header,
.rp-search-empty a {
color: #090907;
}
.rp-flow h2.rp-account-title,
.rp-flow h2.rp-cart-title {
display: block !important;
}
.rp-flow h1.rp-account-title,
.rp-flow h1.rp-cart-title,
.rp-flow h2.rp-account-title,
.rp-flow h2.rp-cart-title {
text-align: center;
font-size: 1.6rem !important;
font-weight: 700;
color: #1f1d20 !important;
margin: 1.5rem 0 1.25rem !important;
}
.rp-flow h1.rp-account-title,
.rp-flow h1.rp-cart-title,
body.page-category h1.rp-cat-h1,
body.page-category main#page > h1.rp-cat-h1,
body.page-content h1.rp-page-title,
body.page-content
main#page
> article.rp-page
> header.rp-page-head
> h1.rp-page-title,
body.page-product main#page #product_details h1,
body.page-search main#page > h1.rp-page-h1 {
display: block !important;
}
body.page-search .pages a {
min-width: 2.1rem;
height: 2.1rem;
border: 1px solid #e4e2da;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 40px !important;
height: 40px !important;
background: #fff !important;
color: #1f1d20 !important;
border: 1px solid rgba(9, 9, 7, 0.12) !important;
border-radius: 6px !important;
font-family: "Open Sans", sans-serif !important;
font-size: 0.92rem !important;
font-weight: 600 !important;
text-decoration: none !important;
transition: all 0.15s ease !important;
}
body.page-search .pages a:empty {
display: none !important;
}
main#page .rp-flow {
background: 0 0;
color: #090907;
max-width: 1100px;
margin: 1rem auto 2.5rem;
padding: 0 !important;
border-radius: 0 !important;
box-shadow: none;
}
.rp-flow .letterpress,
.rp-flow h2 {
color: #090907;
text-shadow: none;
font-family: "Open Sans", sans-serif;
}
.rp-flow .lineafter,
.rp-flow .lineafter::after,
body.page-home header#header.rp-topbar .rp-burger,
header#header.rp-topbar .rp-burger,
header#header.rp-topbar .rp-catnav-sub,
header#header.rp-topbar .rp-drawer-head,
header#header.rp-topbar .rp-nav-backdrop {
display: none;
}
.rp-flow .btn,
.rp-flow .btn-primary,
.rp-flow .btn-success,
.rp-flow .btn-success-dark {
background: #ccd61c;
color: #090907;
border: 0;
border-radius: 4px;
box-shadow: none;
text-decoration: none;
}
.rp-flow .btn-secondary {
background: #1f1d20;
color: #fff;
}
.rp-flow .zoneDeSaisie,
.rp-flow input[type="email"],
.rp-flow input[type="password"],
.rp-flow input[type="tel"],
.rp-flow input[type="text"],
.rp-flow select,
.rp-flow textarea {
border: 1px solid #d9d6cc;
border-radius: 4px;
padding: 0.55rem 0.7rem;
background: #fff;
color: #090907;
box-sizing: border-box;
max-width: 100%;
}
.rp-flow table {
width: 100%;
border-collapse: collapse;
}
.rp-flow td {
vertical-align: middle;
}
main#page > section.parallax-text:not(#definitions) {
background: #fff;
color: #090907;
max-width: 1100px;
margin: 1rem auto 2.5rem;
padding: 1.4rem 1.2rem 2rem;
border-radius: 12px;
box-shadow: none;
border: 1px solid rgba(9, 9, 7, 0.08) !important;
}
main#page > section.parallax-text:not(#definitions) .letterpress,
main#page > section.parallax-text:not(#definitions) h2 {
color: #090907;
text-shadow: none;
font-family: "Open Sans", sans-serif;
}
main#page > section.parallax-text:not(#definitions) .btn-primary,
main#page > section.parallax-text:not(#definitions) .btn-success,
main#page > section.parallax-text:not(#definitions) .btn-success-dark {
background: #ccd61c;
color: #090907;
border: 0;
border-radius: 4px;
box-shadow: none;
}
#mobile_nav,
nav#mobile_nav,
nav#mobile_nav #go_filter,
nav#mobile_nav #go_menu,
nav#mobile_nav #rp-burger {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
position: static !important;
height: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> .rp-catnav-row {
display: flex;
align-items: center;
min-width: 0;
}
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
.rp-catnav-link {
display: inline-block;
width: auto;
min-width: 0;
margin: 0;
padding: 0.42rem 0.2rem;
background: 0 0 !important;
color: #090907 !important;
font-size: 0.68rem;
font-weight: 600;
line-height: 1.2;
text-decoration: none !important;
white-space: nowrap;
}
@media (max-width: 860px) {
body,
html {
overflow-x: clip !important;
}
body.rp-nav-open {
overflow: hidden !important;
}
.rp-topline .rp-topline-left,
.rp-topline-inner,
div.rp-topline .rp-topline-inner,
div.rp-topline .rp-topline-left {
flex-wrap: wrap;
gap: 0.35rem 0.75rem !important;
width: 100%;
max-width: 100%;
padding: 0.35rem 12px;
box-sizing: border-box;
}
.rp-topline .rp-topline-avis,
.rp-topline .rp-topline-hours,
div.rp-topline .rp-topline-avis,
div.rp-topline .rp-topline-hours {
display: none;
}
body.page-home header#header.rp-topbar .rp-bar,
header#header.rp-topbar.rp-topbar .rp-bar {
display: grid !important;
grid-template-columns: 44px minmax(0, 1fr) auto !important;
grid-template-areas: "burger logo actions" "search search search";
align-items: center !important;
justify-content: stretch !important;
flex-direction: row !important;
flex-wrap: nowrap;
gap: 6px 8px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0;
padding: 8px 12px 10px !important;
box-sizing: border-box;
overflow: visible;
}
body.page-home header#header.rp-topbar .rp-burger,
header#header.rp-topbar.rp-topbar .rp-burger {
display: inline-flex !important;
grid-area: burger !important;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
margin: 0;
padding: 0;
border: 1px solid rgba(9, 9, 7, 0.15);
border-radius: 8px !important;
background: #fff;
color: #090907;
cursor: pointer;
position: relative;
visibility: visible;
pointer-events: auto;
}
header#header.rp-topbar .rp-burger-bars,
header#header.rp-topbar .rp-burger-bars::after,
header#header.rp-topbar .rp-burger-bars::before {
display: block;
width: 18px;
height: 2px;
background: #090907;
border-radius: 1px !important;
content: "";
}
header#header.rp-topbar .rp-burger-bars {
position: relative;
}
header#header.rp-topbar .rp-burger-bars::before {
position: absolute;
left: 0;
top: -6px;
}
header#header.rp-topbar .rp-burger-bars::after {
position: absolute;
left: 0;
top: 6px;
}
body.page-home header#header.rp-topbar #logo,
header#header.rp-topbar.rp-topbar #logo {
grid-area: logo !important;
width: auto !important;
max-width: 100% !important;
min-width: 0;
flex: 1 1 auto !important;
}
body.page-home header#header.rp-topbar #logo img,
header#header.rp-topbar.rp-topbar #logo img {
width: auto;
max-width: 118px !important;
height: 36px !important;
}
body.page-home header#header.rp-topbar #slogan,
header#header.rp-topbar.rp-topbar #slogan {
display: none !important;
}
body.page-home header#header.rp-topbar #recherche_form,
body.page-home header#header.rp-topbar #titre,
body.page-home header#header.rp-topbar .rp-search-field,
header#header.rp-topbar.rp-topbar #recherche_form,
header#header.rp-topbar.rp-topbar #titre,
header#header.rp-topbar.rp-topbar .rp-search-field {
grid-area: search !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0;
flex: 1 1 auto !important;
}
body.page-home header#header.rp-topbar #motcle,
header#header.rp-topbar.rp-topbar #motcle {
flex: 1 1 auto;
width: 100%;
min-width: 0;
max-width: 100% !important;
}
body.page-home header#header.rp-topbar .rp-actions,
header#header.rp-topbar.rp-topbar .rp-actions {
grid-area: actions !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
flex: 0 0 auto;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end !important;
gap: 6px !important;
}
body.page-home header#header.rp-topbar .rp-account-btn .rp-account-label,
header#header.rp-topbar .rp-account-btn .rp-account-label,
header#header.rp-topbar.rp-topbar .rp-account-btn .rp-account-label {
display: none !important;
}
body.page-home header#header.rp-topbar .rp-account-btn,
header#header.rp-topbar .rp-account-btn,
header#header.rp-topbar.rp-topbar .rp-account-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
min-width: 44px;
height: 44px;
padding: 0 !important;
background: #fff !important;
border: 1px solid rgba(9, 9, 7, 0.15) !important;
border-radius: 8px !important;
color: #1f1d20 !important;
}
body.page-home header#header.rp-topbar .rp-account-menu,
header#header.rp-topbar.rp-topbar .rp-account.is-open .rp-account-menu {
width: min(260px, calc(100vw - 24px));
max-width: calc(100vw - 24px);
right: 0 !important;
left: auto !important;
}
header#header.rp-topbar .rp-nav-backdrop {
display: block;
position: fixed;
inset: 0;
z-index: 70;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
background: rgba(9, 9, 7, 0.48);
cursor: pointer;
}
header#header.rp-topbar .rp-nav-backdrop[hidden] {
display: none !important;
}
body.page-home header#header.rp-topbar nav#menu_produit.rp-catnav,
header#header.rp-topbar nav#menu_produit.rp-catnav {
display: flex !important;
flex-direction: column;
position: fixed;
top: 0;
left: 0;
right: auto !important;
bottom: 0 !important;
width: min(100%, 420px) !important;
max-width: 100%;
height: 100dvh;
max-height: 100dvh !important;
margin: 0;
padding: 0;
overflow: hidden !important;
background: #fff;
border: 0 !important;
box-shadow: 8px 0 28px rgba(9, 9, 7, 0.16) !important;
z-index: 80 !important;
transform: translateX(-105%) !important;
visibility: hidden;
pointer-events: none;
}
body.page-home header#header.rp-topbar nav#menu_produit.rp-catnav.rp-open,
header#header.rp-topbar nav#menu_produit.rp-catnav.rp-open {
transform: translateX(0) !important;
visibility: visible !important;
pointer-events: auto !important;
display: flex !important;
}
header#header.rp-topbar .rp-drawer-head {
display: flex !important;
align-items: center;
justify-content: space-between;
flex: 0 0 auto;
height: 56px;
padding: 0 8px 0 16px;
border-bottom: 1px solid rgba(9, 9, 7, 0.12);
background: #fff;
color: #090907;
font-size: 1.05rem;
font-weight: 700;
}
header#header.rp-topbar .rp-catnav-sub,
header#header.rp-topbar .rp-drawer-close {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
margin: 0;
padding: 0;
border: 0;
background: 0 0;
cursor: pointer;
}
header#header.rp-topbar .rp-drawer-close {
color: #090907;
font-size: 1.8rem;
line-height: 1;
}
header#header.rp-topbar nav#menu_produit.rp-catnav > ul.rp-catnav-list {
display: block !important;
flex: 1 1 auto;
width: 100% !important;
max-width: 100% !important;
margin: 0;
padding: 0 0 24px !important;
overflow: auto;
-webkit-overflow-scrolling: touch !important;
}
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item {
display: block !important;
width: 100%;
border-bottom: 1px solid rgba(9, 9, 7, 0.1) !important;
}
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> .rp-catnav-row {
display: flex;
align-items: center;
width: 100%;
min-height: 48px;
padding: 0 4px 0 16px;
box-sizing: border-box;
}
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
.rp-catnav-link {
flex: 1 1 auto;
display: block;
width: auto;
padding: 12px 8px 12px 0;
font-size: 1rem;
font-weight: 600;
line-height: 1.3;
white-space: normal;
text-decoration: none !important;
}
header#header.rp-topbar .rp-catnav-sub {
flex: 0 0 44px;
}
header#header.rp-topbar .rp-catnav-sub::before {
content: "";
display: block;
width: 8px;
height: 8px;
border-right: 2px solid #090907;
border-bottom: 2px solid #090907;
transform: rotate(45deg);
margin-top: -4px;
}
header#header.rp-topbar
.rp-catnav-item.is-open
> .rp-catnav-row
.rp-catnav-sub::before {
transform: rotate(225deg) !important;
margin-top: 4px !important;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega {
position: static;
display: none;
width: 100%;
box-shadow: none !important;
border: 0 !important;
background: #f6f5f0;
}
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-catnav-item.is-open
> .rp-mega {
display: block !important;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-inner {
column-count: 1;
width: 100%;
max-width: 100%;
padding: 4px 16px 12px !important;
box-sizing: border-box;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-title {
font-size: 0.95rem !important;
padding: 8px 0 2px !important;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub a {
font-size: 0.9rem !important;
padding: 6px 0 !important;
}
main#page,
main#page.parallax {
overflow-x: clip !important;
width: 100% !important;
max-width: 100%;
min-width: 0 !important;
}
body,
html,
main#page iframe,
main#page img,
main#page svg,
main#page table,
main#page video {
max-width: 100% !important;
}
main#page table {
display: block;
overflow-x: auto;
}
body.page-home .rp-hero,
body.page-home .rp-hero-inner {
max-width: 100%;
box-sizing: border-box;
}
body.page-home .rp-bestsellers-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 520px) {
body.page-category #products #page-1 > .row,
body.page-category #products > .row.text-left,
body.page-home .rp-bestsellers-grid {
grid-template-columns: minmax(0, 1fr) !important;
}
}
.rp-topline,
div.rp-topline {
overflow-x: clip;
max-width: 100%;
}
.rp-topline .rp-topline-left,
.rp-topline-inner,
div.rp-topline .rp-topline-inner,
div.rp-topline .rp-topline-left {
flex-wrap: wrap;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
}
.rp-topline .rp-topline-avis,
.rp-topline .rp-topline-hours,
.rp-topline .rp-topline-phone,
div.rp-topline .rp-topline-avis,
div.rp-topline .rp-topline-hours,
div.rp-topline .rp-topline-phone {
max-width: 100%;
min-width: 0;
}
.rp-topline .rp-stars,
div.rp-topline .rp-stars {
letter-spacing: 0;
white-space: nowrap;
flex: 0 0 auto;
}
@media (max-width: 860px) {
div.rp-topline .rp-topline-inner,
div.rp-topline .rp-topline-left {
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
max-width: 100%;
padding: 0.4rem 12px !important;
row-gap: 0.2rem !important;
}
div.rp-topline .rp-topline-avis,
div.rp-topline .rp-topline-hours {
display: flex !important;
flex: 1 1 100%;
align-items: center;
white-space: normal;
max-width: 100%;
}
div.rp-topline .rp-topline-avis {
flex-wrap: wrap;
column-gap: 0.35rem;
}
}
@media (min-width: 861px) {
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
.rp-catnav-link {
font-size: 0.82rem;
padding: 0.95rem 0.35rem;
white-space: normal;
max-width: 110px;
text-align: center;
line-height: 1.25;
}
}
.breadcrumbs,
body.page-category .breadcrumbs,
body.page-category main#page > .breadcrumbs,
body.page-category main#page > nav.rp-breadcrumb,
body.page-category nav.rp-breadcrumb,
main#page > .breadcrumbs,
main#page > div.breadcrumbs,
main#page > nav.rp-breadcrumb,
nav.rp-breadcrumb {
position: static;
top: auto;
width: min(1400px, calc(100% - 40px));
max-width: min(1400px, calc(100% - 40px)) !important;
min-width: 0;
margin: 1.25rem auto 0.75rem !important;
padding: 0.65rem 0 !important;
background: 0 0 !important;
border: 0 !important;
box-shadow: none;
outline: none;
text-align: left;
float: none;
box-sizing: border-box;
}
.breadcrumbs .inner,
.breadcrumbs ol,
.breadcrumbs ul,
.rp-breadcrumb-list,
nav.rp-breadcrumb .inner {
background: 0 0;
border: 0;
box-shadow: none;
outline: none;
margin: 0;
padding: 0;
}
.breadcrumbs .inner,
nav.rp-breadcrumb .inner {
position: static;
}
.breadcrumbs ol,
.breadcrumbs ul,
.rp-breadcrumb-list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.2rem 0.15rem;
justify-content: flex-start;
max-width: 100%;
min-width: 0;
width: auto;
list-style: none;
}
.breadcrumbs a,
.breadcrumbs a span,
.breadcrumbs li,
.rp-breadcrumb a,
.rp-breadcrumb a span,
.rp-breadcrumb-item {
color: #3c3c38 !important;
background: 0 0;
border: 0;
box-shadow: none;
outline: none;
}
.breadcrumbs li,
.rp-breadcrumb-item {
display: inline-flex;
align-items: center;
margin: 0;
padding: 0;
line-height: 1.4;
font-family:
"Open Sans",
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
sans-serif;
font-size: 0.875rem;
float: none;
}
.breadcrumbs li + li::before,
.rp-breadcrumb-item + .rp-breadcrumb-item::before {
content: "/";
margin: 0 0.4rem 0 0.15rem;
color: #8a8a82;
}
.breadcrumbs a,
.breadcrumbs a span,
.rp-breadcrumb a,
.rp-breadcrumb a span {
text-decoration: none !important;
}
.breadcrumbs a:hover,
.rp-breadcrumb a:hover {
color: #090907 !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
}
.breadcrumbs li:last-child,
.breadcrumbs li:last-child span,
.rp-breadcrumb-item:last-child,
.rp-breadcrumb-item:last-child span {
color: #090907 !important;
font-weight: 600;
}
@media (max-width: 860px) {
.breadcrumbs,
main#page > .breadcrumbs,
main#page > div.breadcrumbs,
main#page > nav.rp-breadcrumb,
nav.rp-breadcrumb {
width: calc(100% - 24px) !important;
max-width: calc(100% - 24px) !important;
}
}
.rp-404-card,
.rp-404-wrap {
box-sizing: border-box;
}
.rp-404-wrap {
width: min(1400px, calc(100% - 40px));
max-width: 1400px;
margin: 1.5rem auto 3.5rem;
padding: 0;
}
.rp-404-card {
background: #fff;
border: 1px solid rgba(9, 9, 7, 0.08);
border-radius: 16px !important;
padding: 3rem 2rem;
text-align: center;
box-shadow: 0 4px 20px rgba(9, 9, 7, 0.04);
max-width: 960px;
margin: 0 auto;
}
.rp-404-badge {
display: inline-block;
background: #f6f5f0;
color: #1f1d20;
font-size: 0.85rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
padding: 0.35rem 0.85rem;
border-radius: 999px !important;
margin: 0 0 1rem;
}
.rp-404-badge,
.rp-404-lead,
.rp-404-title {
font-family: "Open Sans", sans-serif;
}
.rp-404-title {
color: #1f1d20;
font-size: clamp(1.75rem, 3vw, 2.4rem);
font-weight: 700;
letter-spacing: -0.025em;
line-height: 1.2;
margin: 0 0 0.85rem;
}
.rp-404-lead {
color: #6b6860;
font-size: 1.05rem;
line-height: 1.6;
max-width: 600px;
margin: 0 auto 2rem;
}
.rp-404-search {
max-width: 580px;
margin: 0 auto 2.5rem;
}
.rp-404-form {
display: flex;
gap: 0.5rem;
width: 100%;
}
.rp-404-input {
flex: 1 1 auto;
height: 48px;
padding: 0 1rem;
border: 1px solid rgba(31, 29, 32, 0.2) !important;
border-radius: 8px !important;
background: #fff;
color: #1f1d20;
font-family: "Open Sans", sans-serif;
font-size: 0.95rem;
box-sizing: border-box;
}
.rp-404-input:focus {
outline: none !important;
border-color: #1f1d20 !important;
}
.rp-404-btn {
height: 48px;
padding: 0 1.5rem;
background: #ccd61c !important;
color: #1f1d20;
border: 0;
border-radius: 8px !important;
font-family: "Open Sans", sans-serif;
font-size: 0.95rem;
font-weight: 700;
cursor: pointer;
transition: background-color 0.15s ease;
}
#bottom_description a.btn.btn-primary:hover,
.rp-404-btn:hover,
.rp-cart-empty a.btn.btn-primary:hover {
background: #d8e225 !important;
}
.rp-404-cats {
margin: 0 0 2.5rem;
padding-top: 2rem;
border-top: 1px solid rgba(9, 9, 7, 0.08);
}
.rp-404-cat-card span,
.rp-404-cats-title {
font-family: "Open Sans", sans-serif;
}
.rp-404-cats-title {
color: #1f1d20;
font-size: 1.25rem;
font-weight: 700;
margin: 0 0 1.25rem;
}
.rp-404-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
text-align: left;
}
.rp-404-cat-card {
display: flex;
flex-direction: column;
gap: 0.25rem;
padding: 1rem 1.15rem;
background: #f6f5f0 !important;
border: 1px solid rgba(31, 29, 32, 0.06) !important;
border-radius: 10px !important;
text-decoration: none;
transition:
transform 0.2s ease,
border-color 0.2s ease,
box-shadow 0.2s ease;
}
.rp-404-cat-card:hover {
border-color: #ccd61c !important;
background: #fff !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 16px rgba(9, 9, 7, 0.06) !important;
}
.rp-404-cat-card strong {
color: #1f1d20;
font-size: 1rem;
}
.rp-404-cat-card span {
color: #6b6860;
font-size: 0.82rem;
line-height: 1.4;
}
.rp-404-actions {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 0.75rem;
}
#shopping_basket thead th,
.rp-404-cat-card strong,
.rp-404-home-btn,
.rp-flow article > header {
font-family: "Open Sans", sans-serif;
font-weight: 700 !important;
}
.rp-404-contact-btn,
.rp-404-home-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 1.5rem;
border-radius: 8px !important;
font-size: 0.95rem;
text-decoration: none;
}
.rp-404-home-btn {
background: #1f1d20;
color: #fff;
transition: opacity 0.15s ease;
}
.rp-404-home-btn:hover {
opacity: 0.9 !important;
}
.rp-404-contact-btn {
background: 0 0 !important;
color: #1f1d20;
border: 1px solid rgba(31, 29, 32, 0.2);
font-family: "Open Sans", sans-serif;
font-weight: 600;
transition: background-color 0.15s ease;
}
.rp-404-contact-btn:hover {
background: #f6f5f0 !important;
}
@media (max-width: 860px) {
.rp-404-card {
padding: 2rem 1.25rem;
}
.rp-404-grid {
grid-template-columns: 1fr;
}
.rp-404-actions,
.rp-404-form {
flex-direction: column;
}
.rp-404-contact-btn,
.rp-404-home-btn {
width: 100%;
box-sizing: border-box;
}
}
body main#page > section.rp-flow {
background: 0 0;
box-shadow: none;
border: 0 !important;
padding: 0 !important;
max-width: min(1200px, calc(100% - 40px)) !important;
margin: 1.5rem auto 3rem !important;
}
.rp-checkout-steps {
display: flex;
align-items: center;
justify-content: center;
gap: 1.5rem;
margin: 0 auto 2rem;
padding: 1rem 1.5rem;
background: #fff;
border: 1px solid rgba(9, 9, 7, 0.08);
border-radius: 12px !important;
box-shadow: 0 2px 8px rgba(9, 9, 7, 0.03);
}
.rp-step-item {
display: inline-flex;
align-items: center;
gap: 0.5rem;
color: #8a8880;
font-family: "Open Sans", sans-serif;
font-size: 0.9rem;
font-weight: 600;
}
.rp-flow article > header #cart-empty,
.rp-step-num {
font-size: 0.8rem;
display: inline-flex;
align-items: center;
}
.rp-step-num {
justify-content: center;
width: 26px;
height: 26px;
border-radius: 50% !important;
background: #f6f5f0;
color: #6b6860;
font-weight: 700;
}
.rp-step-item.is-active {
color: #1f1d20 !important;
}
.rp-step-item.is-active .rp-step-num {
background: #ccd61c !important;
color: #1f1d20 !important;
}
.rp-step-sep {
color: #d1cfc7;
font-size: 0.85rem;
}
.rp-flow article.bg-light,
.rp-flow article.bg-white,
.rp-flow article.primary {
background: #fff;
border: 1px solid rgba(9, 9, 7, 0.08);
border-radius: 16px !important;
box-shadow: 0 4px 20px rgba(9, 9, 7, 0.04);
padding: 1.75rem 2rem !important;
margin: 1.5rem 0 !important;
box-sizing: border-box;
}
#shopping_basket thead th,
.rp-flow article > header {
background: #f6f5f0 !important;
}
.rp-flow article > header {
color: #1f1d20;
border-radius: 10px !important;
padding: 0.85rem 1.25rem !important;
font-size: 0.98rem;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.5rem !important;
position: static;
}
.rp-flow article > header span.text-nowrap {
margin-left: 0.35rem;
}
.rp-flow article > header #cart-empty {
position: static !important;
transform: none !important;
background: 0 0 !important;
color: #dc2626 !important;
border: 1px solid rgba(220, 38, 38, 0.2) !important;
border-radius: 6px !important;
padding: 0.35rem 0.65rem !important;
font-weight: 600;
gap: 0.3rem;
text-decoration: none;
transition: all 0.15s ease !important;
}
.rp-flow article > header #cart-empty:hover {
background: #fee2e2 !important;
border-color: #dc2626 !important;
}
#shopping_basket.tableau_donnees {
border-collapse: separate;
border-spacing: 0 !important;
width: 100%;
margin: 0 0 1.5rem;
border: 0;
}
#shopping_basket thead th {
color: #6b6860;
font-size: 0.78rem;
letter-spacing: 0.05em;
text-transform: uppercase;
padding: 0.75rem 1rem;
border: 0;
text-align: left;
}
#shopping_basket thead th.price,
#shopping_basket thead th:last-child {
text-align: right !important;
}
#shopping_basket tbody td,
#shopping_basket tbody tr {
border-bottom: 1px solid rgba(9, 9, 7, 0.08);
}
#shopping_basket tbody td {
padding: 1.25rem 1rem !important;
border-top: 0;
vertical-align: middle;
color: #1f1d20;
}
#shopping_basket tbody td.texte_panier {
display: flex;
align-items: center;
gap: 1rem;
}
#shopping_basket .rp-cart-thumb-wrap {
flex: 0 0 72px;
width: 72px;
height: 72px;
}
#shopping_basket .img_panier {
width: 72px;
height: 72px;
object-fit: contain;
border: 1px solid rgba(9, 9, 7, 0.08);
border-radius: 8px !important;
background: #fff;
padding: 4px;
}
#shopping_basket a.text-dark {
font-size: 0.98rem !important;
text-decoration: none !important;
line-height: 1.4;
}
#shopping_basket a.text-dark:hover {
text-decoration: underline !important;
}
#shopping_basket .ref_panier {
color: #8a8880;
font-size: 0.8rem;
display: inline-block !important;
margin-top: 0.35rem !important;
}
#shopping_basket .panier_ht_div,
#shopping_basket a.text-dark {
color: #1f1d20 !important;
font-family: "Open Sans", sans-serif;
font-weight: 700;
}
#shopping_basket .panier_ht_div {
font-size: 1.05rem;
text-align: right;
}
#shopping_basket input[name="quantite"],
#total_table tr td {
font-family: "Open Sans", sans-serif;
font-size: 0.95rem !important;
}
#shopping_basket input[name="quantite"] {
width: 60px !important;
height: 38px;
border: 1px solid rgba(31, 29, 32, 0.2);
border-radius: 8px !important;
text-align: center;
font-weight: 700;
color: #1f1d20;
background: #f6f5f0;
}
#shopping_basket a[href*="supprimer"] {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px !important;
height: 32px;
color: #9e9b92 !important;
text-decoration: none;
border-radius: 6px !important;
transition: all 0.15s ease;
}
#shopping_basket a[href*="supprimer"]:hover {
color: #dc2626 !important;
background: #fee2e2 !important;
}
#total_table {
max-width: 520px !important;
margin-left: auto !important;
margin-right: 0 !important;
border-collapse: separate;
border-spacing: 0 0.4rem !important;
}
#total_table tr td {
padding: 0.4rem 0.5rem !important;
border: 0;
}
#total_table tr.text-gray-dark td {
color: #6b6860 !important;
}
#total_table td.text-right {
text-align: right;
}
#total_table td[style*="font-size:larger"],
#total_table tr:has(.icon-calc) td:last-child {
font-size: 1.5rem !important;
font-weight: 800;
color: #1f1d20;
}
#pageRetourBtn,
#valider,
.btn_valider_panier {
display: inline-flex;
align-items: center;
font-family: "Open Sans", sans-serif;
text-decoration: none;
}
#valider,
.btn_valider_panier {
justify-content: center;
min-width: 240px;
height: 48px;
min-height: 48px;
padding: 0 1.75rem;
background: #ccd61c !important;
color: #1f1d20;
border: 0;
border-radius: 10px !important;
font-size: 1.05rem;
font-weight: 700;
box-shadow: 0 4px 12px rgba(204, 214, 28, 0.4) !important;
cursor: pointer;
transition: all 0.15s ease;
}
#valider:hover,
.btn_valider_panier:hover {
background: #d8e225 !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 16px rgba(204, 214, 28, 0.5) !important;
}
#pageRetourBtn {
gap: 0.4rem;
background: 0 0 !important;
color: #6b6860 !important;
border: 1px solid rgba(9, 9, 7, 0.15);
border-radius: 8px !important;
padding: 0.55rem 1rem;
font-size: 0.88rem;
font-weight: 600;
margin-top: 1rem;
}
#btn-devis,
#pageRetourBtn:hover {
background: #f6f5f0 !important;
color: #1f1d20 !important;
}
#btn-devis {
border: 1px solid rgba(9, 9, 7, 0.12) !important;
border-radius: 8px !important;
padding: 0.5rem 1rem;
font-family: "Open Sans", sans-serif;
font-size: 0.88rem !important;
font-weight: 700;
text-decoration: none;
}
#btn-devis:hover {
background: #e5e4dc !important;
}
.rp-auth-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
gap: 2rem;
align-items: start;
}
.form_cdp_clientele input[type="radio"] {
width: auto;
height: auto;
display: inline-block;
margin: 0 0.35rem 0 0;
vertical-align: middle;
}
.rp-auth-box {
background: #fff;
border: 1px solid rgba(9, 9, 7, 0.08);
border-radius: 16px !important;
box-shadow: 0 4px 20px rgba(9, 9, 7, 0.04);
padding: 2rem !important;
box-sizing: border-box;
}
.rp-auth-box header {
border-bottom: 2px solid rgba(9, 9, 7, 0.08);
padding-bottom: 0.75rem;
margin-bottom: 1.5rem;
font-size: 1.25rem;
justify-content: space-between;
}
.form_cdp_clientele fieldset {
border: 0;
padding: 0;
margin: 0 0 1.5rem;
}
.form_cdp_clientele label,
.form_cdp_clientele legend,
.rp-auth-box header {
font-family: "Open Sans", sans-serif;
color: #1f1d20 !important;
}
.form_cdp_clientele legend,
.rp-auth-box header {
font-weight: 700;
display: flex;
align-items: center;
}
.form_cdp_clientele legend {
font-size: 1rem !important;
padding: 0;
gap: 0.4rem;
}
.form_cdp_clientele .form-group,
.form_cdp_clientele legend {
margin-bottom: 1rem;
}
.form_cdp_clientele label {
display: block !important;
font-size: 0.85rem;
font-weight: 600 !important;
margin-bottom: 0.35rem !important;
}
.form_cdp_clientele input[type="email"],
.form_cdp_clientele input[type="password"],
.form_cdp_clientele input[type="tel"],
.form_cdp_clientele input[type="text"],
.form_cdp_clientele select,
.form_cdp_clientele textarea,
.zoneDeSaisie {
width: 100%;
height: 46px;
padding: 0 0.85rem;
border: 1px solid rgba(31, 29, 32, 0.2) !important;
border-radius: 8px !important;
background: #fff;
font-family: "Open Sans", sans-serif;
font-size: 0.95rem;
color: #1f1d20;
box-sizing: border-box;
transition: border-color 0.15s ease;
}
.form_cdp_clientele textarea {
height: 80px !important;
padding: 0.65rem 0.85rem !important;
}
.form_cdp_clientele input:focus,
.form_cdp_clientele select:focus,
.form_cdp_clientele textarea:focus {
outline: none !important;
border-color: #1f1d20 !important;
box-shadow: 0 0 0 3px rgba(31, 29, 32, 0.08) !important;
}
#submit_connex,
#submit_new_account,
.submitBtn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
width: 100% !important;
height: 48px !important;
background: #ccd61c !important;
color: #1f1d20 !important;
border: 0 !important;
border-radius: 8px !important;
font-family: "Open Sans", sans-serif;
font-size: 1.05rem !important;
font-weight: 700;
text-decoration: none;
cursor: pointer;
transition: all 0.15s ease !important;
box-sizing: border-box;
}
#submit_connex:hover,
#submit_new_account:hover,
.submitBtn:hover {
background: #d8e225 !important;
transform: translateY(-1px) !important;
}
body main#page.parallax {
background-image: none;
background-color: #f6f5f0 !important;
}
.rp-flow article,
.rp-flow-card {
border: 1px solid rgba(9, 9, 7, 0.08) !important;
border-radius: 16px !important;
}
@media (max-width: 860px) {
.rp-checkout-steps {
flex-wrap: wrap;
gap: 0.75rem !important;
}
.rp-auth-grid {
grid-template-columns: 1fr !important;
}
#total_table {
max-width: 100%;
}
.rp-auth-box,
.rp-flow article.bg-white,
.rp-flow article.primary {
padding: 1.25rem 1rem !important;
}
#shopping_basket thead {
display: none;
}
#shopping_basket tbody tr {
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 1rem 0;
border-bottom: 1px solid rgba(9, 9, 7, 0.1) !important;
}
#shopping_basket tbody td {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.35rem 0 !important;
border: 0 !important;
width: 100%;
box-sizing: border-box;
}
#shopping_basket tbody td.texte_panier {
flex-direction: row;
align-items: flex-start !important;
gap: 0.75rem !important;
}
#shopping_basket tbody td.price::before {
content: "Quantité : ";
font-size: 0.85rem;
color: #6b6860;
font-weight: 600;
}
#shopping_basket tbody td:last-child {
border-top: 1px dashed rgba(9, 9, 7, 0.08) !important;
padding-top: 0.65rem !important;
}
}
.letterpress,
[class*="letterpress"] {
text-shadow: none;
color: #1f1d20;
font-family:
"Open Sans",
-apple-system,
BlinkMacSystemFont,
sans-serif;
font-weight: 700;
letter-spacing: -0.015em;
background: 0 0;
}
.lineafter::after,
.lineafter::before,
h1.lineafter::after,
h2.lineafter::after,
h3.lineafter::after,
header.lineafter::after {
content: none;
display: none;
}
#advanced_search .btn,
#advanced_search .btn.btn-primary,
#advanced_search button.btn-primary,
#show_results,
#show_results.btn.btn-primary,
.rp-cat-toolbar #show_results,
button#show_results {
display: inline-flex;
align-items: center !important;
justify-content: center;
min-height: 38px;
padding: 0.45rem 1rem !important;
background: #ccd61c !important;
background-color: #ccd61c !important;
color: #1f1d20 !important;
border: 0 !important;
border-radius: 6px !important;
font-family: "Open Sans", sans-serif;
font-size: 0.88rem !important;
font-weight: 700 !important;
text-decoration: none;
cursor: pointer !important;
box-sizing: border-box;
}
#advanced_search .btn.btn-primary:hover,
#show_results:hover {
background: #d8e225 !important;
background-color: #d8e225 !important;
}
#bottom_description .btn,
#bottom_description a.btn.btn-primary,
.rp-cart-empty a.btn.btn-primary {
background: #ccd61c !important;
color: #1f1d20 !important;
font-weight: 700;
text-decoration: none;
}
#bottom_description .btn,
#bottom_description a.btn.btn-primary,
#zone-devis .btn.btn-primary,
#zone-devis a.btn-primary {
display: inline-flex;
align-items: center;
border: 0 !important;
border-radius: 6px !important;
font-family: "Open Sans", sans-serif;
font-size: 0.9rem;
}
#bottom_description .btn,
#bottom_description a.btn.btn-primary {
gap: 0.4rem;
min-height: 38px;
padding: 0.45rem 1.15rem;
}
.rp-hero-dot,
.wrapbtnview {
position: relative;
}
.rp-hero-dot {
width: 24px;
height: 24px;
min-width: 24px;
min-height: 24px;
padding: 0;
margin: 0 4px;
border: 2px solid #fff !important;
border-radius: 50% !important;
background: rgba(255, 255, 255, 0.4) !important;
color: transparent;
font-size: 0;
cursor: pointer;
transition: all 0.2s ease;
}
.rp-hero-dot::after {
content: "";
position: absolute;
top: -8px;
bottom: -8px;
left: -8px;
right: -8px;
}
.rp-hero-dot.is-active,
.rp-hero-dot[aria-current="true"] {
background: #ccd61c !important;
border-color: #ccd61c !important;
transform: scale(1.2);
}
#zone-devis .btn.btn-primary,
#zone-devis a.btn-primary {
gap: 0.35rem;
padding: 0.45rem 1rem;
background: #1f1d20 !important;
color: #fff !important;
font-weight: 700;
text-decoration: none;
}
#zone-devis a.btn-primary:hover {
background: #3c393e !important;
}
.rp-cart-empty a.btn.btn-primary {
padding: 0.75rem 1.75rem !important;
border-radius: 8px !important;
display: inline-block !important;
}
.wrapbtnview {
display: block !important;
width: 100% !important;
max-width: 100%;
box-sizing: border-box;
height: auto;
}
.wrapbtnview input[type="password"],
.wrapbtnview input[type="text"] {
width: 100%;
height: 46px;
padding-right: 44px !important;
box-sizing: border-box;
}
.wrapbtnview .btn-icon,
.wrapbtnview .btn.btn-icon,
span.wrapbtnview > span.btn-icon {
position: absolute;
top: 0 !important;
bottom: 0;
right: 0 !important;
width: 44px;
min-width: 44px;
height: 46px;
min-height: 46px;
max-height: 46px;
display: inline-flex;
align-items: center;
justify-content: center;
background: 0 0 !important;
background-color: transparent !important;
border: 0 !important;
border-left: 1px solid rgba(31, 29, 32, 0.12) !important;
border-radius: 0 8px 8px 0 !important;
color: #6b6860 !important;
padding: 0;
margin: 0;
cursor: pointer;
z-index: 10 !important;
transition:
color 0.15s ease,
background-color 0.15s ease !important;
box-shadow: none !important;
}
.wrapbtnview .btn-icon:hover,
.wrapbtnview .btn.btn-icon:hover {
background: #f6f5f0 !important;
background-color: #f6f5f0 !important;
color: #1f1d20 !important;
}
.wrapbtnview .btn-icon .icon,
.wrapbtnview .btn-icon [class^="icon-"],
.wrapbtnview .btn.btn-icon .icon,
.wrapbtnview .btn.btn-icon [class^="icon-"] {
font-size: 1.15rem;
line-height: 1;
color: inherit !important;
}
.rp-sticky {
position: sticky;
top: 0;
z-index: 200;
}
header#header.rp-topbar #btn_header,
header#header.rp-topbar #btn_header a.article_panier {
z-index: 6;
}
header#header.rp-topbar .rp-mega,
header#header.rp-topbar nav#menu_produit.rp-catnav {
z-index: 210 !important;
}
header#header.rp-topbar .rp-account,
header#header.rp-topbar .rp-account-menu {
z-index: 220 !important;
}
.rp-auth-box,
.rp-auth-grid,
.rp-flow {
position: relative;
z-index: auto;
}
body.page-search,
body.page-search .rp-search,
body.page-search h1.rp-page-h1,
body.page-search section#products {
padding: 0;
font-family:
"Open Sans",
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
sans-serif;
color: #1f1d20;
}
body.page-search {
margin: 0;
overflow-x: clip !important;
}
body.page-search main#page,
body.page-search main#page.parallax {
margin: 0;
padding: 0 0 3rem;
width: 100%;
max-width: 100%;
min-width: 0 !important;
background: 0 0 !important;
background-image: none !important;
font-family:
"Open Sans",
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
sans-serif;
color: #1f1d20;
}
body.page-search .rp-search,
body.page-search h1.rp-page-h1,
body.page-search section#products {
width: min(1400px, calc(100% - 40px)) !important;
max-width: min(1400px, calc(100% - 40px)) !important;
box-sizing: border-box;
}
body.page-search h1.rp-page-h1 {
display: block;
margin: 1.15rem auto 0.5rem;
font-size: clamp(1.45rem, 2.2vw, 1.85rem);
font-weight: 700;
text-shadow: none;
}
body.page-search .rp-search,
body.page-search section#products {
margin: 0 auto;
}
body.page-search .rp-search {
margin-bottom: 1.5rem !important;
}
body.page-search .rp-search-cats h2,
body.page-search .rp-search-lead {
margin: 0 0 1rem;
color: #6b6860;
font-family: "Open Sans", sans-serif;
font-size: 1rem;
}
body.page-search .rp-search-cats h2 {
margin: 0 0 0.65rem !important;
font-weight: 700;
color: #1f1d20 !important;
}
body.page-search .rp-search-catlist {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
body.page-search .rp-search-cat {
display: inline-flex;
align-items: center;
background: #fff !important;
color: #1f1d20 !important;
text-decoration: none;
border: 1px solid rgba(9, 9, 7, 0.12) !important;
border-radius: 999px !important;
padding: 0.4rem 0.85rem;
font-family: "Open Sans", sans-serif;
font-size: 0.88rem;
font-weight: 600;
transition: all 0.15s ease;
}
body.page-search .rp-search-cat:hover {
border-color: #ccd61c !important;
background: #fdfdf9 !important;
color: #1f1d20 !important;
}
body.page-search section#products {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 22px;
align-items: stretch;
margin-bottom: 3rem !important;
}
body.page-search section#products > :not(article.rp-card) {
grid-column: 1/-1;
}
body.page-search .produit_page_rubrique {
margin: 2rem 0 1rem !important;
text-align: center !important;
}
body.page-search .pages {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: center !important;
gap: 0.4rem !important;
}
body.page-search .pages a:hover {
background: #f6f5f0 !important;
border-color: #1f1d20 !important;
}
body.page-search .pages a.LIEN_pages.current,
body.page-search .pages a.current {
background: #ccd61c !important;
border-color: #ccd61c !important;
color: #1f1d20 !important;
font-weight: 700 !important;
}
body.page-search .rp-search-empty {
max-width: 680px !important;
margin: 2rem auto !important;
background: #fff !important;
border: 1px solid rgba(9, 9, 7, 0.08) !important;
border-radius: 12px !important;
padding: 2rem 1.5rem !important;
text-align: center !important;
}
body.page-search .rp-search-empty h2 {
font-family: "Open Sans", sans-serif !important;
font-size: 1.3rem !important;
font-weight: 700 !important;
color: #1f1d20 !important;
margin: 0 0 0.5rem !important;
}
body.page-search .rp-search-empty p {
color: #6b6860 !important;
font-family: "Open Sans", sans-serif !important;
margin: 0 0 1rem !important;
}
body.page-search .rp-search-empty a {
color: #1f1d20 !important;
font-weight: 700 !important;
text-decoration: underline !important;
}
@media (max-width: 980px) {
body.page-search section#products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 16px !important;
}
}
@media (max-width: 699px) {
body.page-search section#products {
grid-template-columns: minmax(0, 1fr) !important;
gap: 16px;
}
}
@media (min-width: 861px) {
header#header.rp-topbar nav#menu_produit.rp-catnav {
position: relative;
background: #fff;
border-bottom: 1px solid rgba(9, 9, 7, 0.12);
z-index: 80 !important;
}
header#header.rp-topbar nav#menu_produit.rp-catnav > ul.rp-catnav-list {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
gap: 0;
width: min(1400px, calc(100% - 40px));
max-width: 1400px;
margin: 0 auto;
padding: 0;
height: 48px;
max-height: 48px;
overflow: visible;
}
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item {
display: inline-flex !important;
align-items: center;
justify-content: center;
flex: 1 1 0;
min-width: 0 !important;
height: 48px !important;
position: static;
}
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> .rp-catnav-row {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
.rp-catnav-link {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 0.35rem;
width: 100% !important;
height: 100%;
padding: 0 0.3rem !important;
background: 0 0 !important;
color: #1f1d20 !important;
font-size: 0.76rem !important;
font-weight: 600;
line-height: 1.15 !important;
text-align: center;
white-space: normal;
text-decoration: none !important;
box-sizing: border-box;
border-radius: 4px !important;
transition:
background-color 0.15s ease,
color 0.15s ease;
}
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item.is-open
.rp-catnav-link,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item:hover
.rp-catnav-link {
background: #f6f5f0 !important;
color: #090907 !important;
}
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
.rp-catnav-link
.icon,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
.rp-catnav-link
.rp-catnav-icon {
display: inline-block !important;
font-family: fontello !important;
font-size: 1rem !important;
line-height: 1 !important;
color: #1f1d20 !important;
flex: 0 0 auto !important;
}
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
.rp-catnav-link
.rp-catnav-label {
display: inline-block;
font-size: 0.74rem;
line-height: 1.15;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega {
display: none !important;
position: absolute;
top: 100% !important;
left: 0;
right: 0;
width: 100%;
background: #fff;
background-color: #fff;
border-top: 1px solid rgba(9, 9, 7, 0.1) !important;
border-bottom: 2px solid #ccd61c !important;
box-shadow: 0 16px 36px rgba(9, 9, 7, 0.14) !important;
z-index: 150 !important;
padding: 0;
margin: 0;
}
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-catnav-item.is-open
> .rp-mega,
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-catnav-item:focus-within
> .rp-mega,
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-catnav-item:hover
> .rp-mega {
display: block !important;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-inner {
width: min(1400px, calc(100% - 40px));
max-width: 1400px;
margin: 0 auto;
padding: 1.5rem 0 2rem !important;
column-count: 4;
column-gap: 2rem;
box-sizing: border-box;
background: 0 0;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-col {
break-inside: avoid;
margin-bottom: 1.25rem;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-title {
display: block;
font-family: "Open Sans", sans-serif;
font-size: 0.95rem !important;
font-weight: 700 !important;
color: #1f1d20 !important;
margin: 0 0 0.5rem !important;
padding-bottom: 0.35rem !important;
border-bottom: 2px solid #ccd61c !important;
text-decoration: none !important;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub {
list-style: none;
margin: 0;
padding: 0;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub li {
padding: 0.15rem 0;
margin: 0;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub a {
display: block;
font-family: "Open Sans", sans-serif;
font-size: 0.88rem !important;
font-weight: 500;
color: #4a4740 !important;
line-height: 1.4;
padding: 0.25rem 0.4rem !important;
border-radius: 4px !important;
text-decoration: none !important;
transition:
background-color 0.15s ease,
color 0.15s ease !important;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub a:focus,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-sub a:hover {
background: #f6f5f0 !important;
color: #090907 !important;
text-decoration: none !important;
}
}
@media (max-width: 860px) {
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
.rp-catnav-link {
display: flex !important;
align-items: center;
gap: 0.75rem;
padding: 12px 8px 12px 16px !important;
font-size: 0.95rem !important;
line-height: 1.3;
white-space: normal;
}
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
.rp-catnav-link
.icon,
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
.rp-catnav-link
.rp-catnav-icon {
display: inline-block !important;
font-family: fontello !important;
font-size: 1.25rem !important;
color: #1f1d20 !important;
flex: 0 0 auto !important;
}
}
.icon-froid::before {
content: "";
}
.icon-cuisson::before {
content: "";
}
.icon-lavage-et-hygiene::before,
.icon-lavage::before {
content: "" !important;
}
.icon-preparation-culinaire::before {
content: "" !important;
}
.icon-traitement-de-l-air::before {
content: "" !important;
}
.icon-inox::before {
content: "" !important;
}
.icon-materiel-pour-boissons::before {
content: "" !important;
}
.icon-service::before {
content: "" !important;
}
.icon-mobilier::before {
content: "" !important;
}
.icon-destockage::before {
content: "" !important;
}
.icon-art-de-la-table--buffet-et-bar::before {
content: "" !important;
}
.icon-ustensiles-et-stockage::before {
content: "" !important;
}
.icon-pizzeria::before {
content: "" !important;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-catnav-icon,
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-catnav-link .icon,
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-catnav-link
[class*=" icon-"],
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-catnav-link
[class^="icon-"] {
display: none !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
font-size: 0 !important;
}
@media (min-width: 861px) {
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
.rp-catnav-link {
gap: 0 !important;
}
}
.icon:before,
[class*=" icon-"]:before,
[class^="icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: 400 !important;
font-variant: normal;
text-transform: none;
line-height: 1 !important;
display: inline-block;
text-decoration: inherit;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-search:before {
content: "";
}
.icon-user:before {
content: "";
}
.icon-shopping-basket:before {
content: "";
}
.icon-phone:before {
content: "";
}
.icon-eye:before {
content: "";
}
.icon-eye-off:before {
content: "";
}
.icon-paypal:before {
content: "";
}
.icon-bank:before {
content: "";
}
.icon-credit-card:before {
content: "";
}
.icon-bank-check:before {
content: "";
}
.icon-check:before {
content: "";
}
.icon-flash:before {
content: "";
}
.icon-plug:before {
content: "";
}
.icon-ruler-combined:before {
content: "";
}
.icon-shipping-fast:before {
content: "";
}
.icon-tint:before {
content: "";
}
.icon-angle-right:before {
content: "";
}
.icon-mail:before {
content: "";
}
.icon-mail-alt:before {
content: "";
}
.icon-lock:before {
content: "";
}
.icon-home:before {
content: "";
}
.icon-basket:before {
content: "";
}
header#header.rp-topbar #recherche_form button.submit,
header#header.rp-topbar #titre form button {
width: 44px;
min-width: 44px !important;
max-width: 44px !important;
height: 44px;
padding: 0 !important;
border-radius: 0 8px 8px 0 !important;
}
header#header.rp-topbar .rp-account-btn,
header#header.rp-topbar .rp-search-field {
height: 44px;
border-radius: 8px !important;
}
header#header.rp-topbar #motcle,
header#header.rp-topbar #titre form input {
height: 42px;
line-height: 42px;
}
header#header.rp-topbar #btn_header a .icon-shopping-basket,
header#header.rp-topbar #recherche_form button.submit .icon-search,
header#header.rp-topbar .rp-account-btn .icon-user,
header#header.rp-topbar .rp-topline-phone .icon-phone {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 1.05rem !important;
min-width: 1.05rem;
height: 1.05rem !important;
font-size: 1.05rem;
line-height: 1;
color: #1f1d20 !important;
}
header#header.rp-topbar #btn_header a.article_panier {
min-width: 44px !important;
height: 44px !important;
padding: 0 0.55rem;
border-radius: 8px !important;
box-sizing: border-box;
}
header#header.rp-topbar .rp-account-btn {
min-height: 44px;
}
@media (min-width: 861px) {
body.page-home header#header.rp-topbar .rp-actions,
body.page-home header#header.rp-topbar .rp-bar,
header#header.rp-topbar .rp-actions,
header#header.rp-topbar .rp-bar {
position: relative !important;
z-index: 300;
}
body.page-home header#header.rp-topbar .rp-account,
header#header.rp-topbar .rp-account {
position: relative;
z-index: 310 !important;
}
body.page-home header#header.rp-topbar .rp-account-menu,
body.page-home header#header.rp-topbar .rp-account.is-open .rp-account-menu,
header#header.rp-topbar .rp-account-menu,
header#header.rp-topbar .rp-account.is-open .rp-account-menu,
header#header.rp-topbar .rp-account.is-open:hover .rp-account-menu {
z-index: 320 !important;
}
}
body.page-content .rp-page-form {
width: 100%;
max-width: 960px;
margin: 0 auto 2rem;
color: #090907;
font-family: "Open Sans", "Segoe UI", sans-serif;
}
body.page-content .rp-page-form .bg-light,
body.page-content .rp-page-form .bg-white,
body.page-content .rp-page-form .primary,
body.page-content .rp-page-form fieldset {
background: #fff !important;
background-image: none !important;
color: #090907 !important;
border-color: rgba(9, 9, 7, 0.1) !important;
box-shadow: none;
}
body.page-content .rp-page-form article {
background: #fff;
background-image: none;
color: #090907;
box-shadow: none;
border: 1px solid rgba(9, 9, 7, 0.1) !important;
border-radius: 10px !important;
overflow: hidden;
}
body.page-content .rp-page-form .font-title,
body.page-content .rp-page-form .letterpress,
body.page-content .rp-page-form h2,
body.page-content .rp-page-form h3,
body.page-content .rp-page-form header,
body.page-content .rp-page-form legend {
color: #090907 !important;
font-family: "Open Sans", "Segoe UI", sans-serif !important;
text-shadow: none;
background: 0 0;
}
body.page-content .rp-page-form .header-primary,
body.page-content .rp-page-form article > header {
background: #f6f5f0 !important;
color: #090907;
border-bottom: 2px solid #ccd61c;
border-radius: 0 !important;
text-align: left !important;
font-weight: 700 !important;
}
body.page-content .rp-page-form .btn,
body.page-content .rp-page-form .btn-primary {
background: #ccd61c !important;
background-image: none !important;
color: #090907 !important;
border: 0 !important;
border-radius: 6px !important;
box-shadow: none !important;
font-weight: 700;
}
body.page-content .rp-page-form input[type="email"],
body.page-content .rp-page-form input[type="tel"],
body.page-content .rp-page-form input[type="text"],
body.page-content .rp-page-form select,
body.page-content .rp-page-form textarea {
border: 1px solid #d9d6cc !important;
border-radius: 4px !important;
background: #fff;
color: #090907 !important;
font-family: "Open Sans", "Segoe UI", sans-serif !important;
}
.tarteaucitron-magic-block.tarteaucitron-magic-block-recaptcha {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 999999;
min-width: 300px;
}
@media (max-width: 860px) {
#shopping_basket,
#shopping_basket tbody,
#shopping_basket tbody tr {
width: 100%;
}
#shopping_basket tbody td {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
#shopping_basket tbody td.price {
justify-content: flex-end !important;
gap: 0.5rem;
}
#shopping_basket tbody td.price .panier_ht_div {
order: -1;
margin: 0 auto 0 0 !important;
}
#shopping_basket .ref_panier {
display: block !important;
}
#shopping_basket .texte_panier > div {
min-width: 0 !important;
}
#shopping_basket .delcarditem {
width: auto;
white-space: nowrap;
}
}
.rp-fiche-trust li a.rp-trust-call {
display: contents;
color: inherit;
text-decoration: none;
}
.rp-fiche-trust li:has(a.rp-trust-call) {
cursor: pointer;
}
.rp-fiche-trust li:has(a.rp-trust-call):hover {
border-color: #ccd61c !important;
}
#product_details .rp-fiche-gallery #slideControls,
.rp-fiche-gallery #slideControls {
position: static;
display: flex;
align-items: center;
gap: 0.4rem;
width: max-content;
margin: 0.5rem auto 0;
z-index: auto;
}
.rp-card .rp-card-logo {
max-height: 30px;
max-width: 120px;
}
.rp-fiche-qty input[name="quantite"] {
justify-self: stretch;
width: 100%;
text-align: center;
}
#paiement_plusieurs_fois {
border: 1px solid rgba(9, 9, 7, 0.12);
border-radius: 10px;
padding: 0.6rem 0.75rem;
background: #fff;
}
div:has(> .form-group > input[name="cpostal"]) {
grid-template-columns: minmax(140px, 32%) 1fr !important;
align-items: end;
}
div:has(> .form-group > input[name="cpostal"]) label {
white-space: nowrap;
}
#shopping_basket .delcarditem {
width: auto;
white-space: nowrap;
}
.msgxbox .table_wrapper {
overflow-x: hidden !important;
}
body:not(:has(.ui-widget-overlay)) .ui-dialog.msgxbox {
box-shadow: 0 0 0 100vmax rgba(9, 9, 7, 0.5) !important;
}
@media (min-width: 861px) {
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-inner {
display: block;
column-count: 4;
column-gap: 2rem;
column-fill: balance;
}
header#header.rp-topbar nav#menu_produit.rp-catnav .rp-mega-col {
display: inline-block;
width: 100%;
break-inside: avoid;
margin: 0 0 1.1rem !important;
vertical-align: top;
}
}
#tarteaucitronIcon {
transform: scale(0.8);
transform-origin: bottom left;
opacity: 0.85;
}
@media (max-width: 860px) {
#product_details .rp-fiche-actions .rp-fiche-qty {
grid-template-columns: 44px minmax(0, 1fr) 44px !important;
}
#product_details .rp-fiche-actions .rp-fiche-qty input[name="quantite"] {
width: 100% !important;
justify-self: stretch;
text-align: center;
}
#product_details .rp-fiche-actions .rp-fiche-qty .rp-qty-plus {
justify-self: end;
}
}
html
body
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-mega
.rp-mega-title,
html
body
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-mega
.rp-mega-title:focus,
html
body
header#header.rp-topbar
nav#menu_produit.rp-catnav
.rp-mega
.rp-mega-title:hover {
padding: 0 0 0.35rem !important;
margin: 0 0 0.5rem !important;
border: 0 !important;
}
.LIEN_pages,
.LIEN_pages_fleche,
.pages .LIEN_pages,
.pages .LIEN_pages_fleche,
.pages a {
z-index: auto !important;
position: static;
}
@media (min-width: 861px) {
.rp-sticky,
.rp-sticky > header#header.rp-topbar {
display: contents !important;
}
.rp-sticky > header#header.rp-topbar > .rp-bar {
position: sticky !important;
top: 0;
z-index: 300;
}
.rp-sticky > header#header.rp-topbar > .rp-bar,
.rp-sticky > header#header.rp-topbar > nav#menu_produit.rp-catnav {
background: #fff !important;
border-bottom: 1px solid rgba(9, 9, 7, 0.1) !important;
}
body.page-category #rubrique {
overflow: visible;
}
body.page-category #rubrique > #advanced_search {
position: sticky !important;
top: var(--rp-bar-h, 76px);
z-index: 150;
background: #fff;
box-shadow: none;
}
body.page-category #rubrique > #advanced_search .rp-cat-toolbar {
border: 0 !important;
box-shadow: none;
background: #fff;
}
}
body header#header.rp-topbar #btn_header a.article_panier {
overflow: visible !important;
position: relative !important;
display: inline-flex;
align-items: center;
justify-content: center;
background: #ccd61c !important;
border: 0 !important;
box-shadow: none !important;
color: #090907 !important;
}
body header#header.rp-topbar #btn_header a.article_panier:hover {
background: #b9c219 !important;
}
body
header#header.rp-topbar
#btn_header
a.article_panier
.icon-shopping-basket {
margin: 0;
color: #090907 !important;
line-height: 1;
}
body
header#header.rp-topbar
#btn_header
a.article_panier
.icon-shopping-basket::before {
margin: 0;
}
body header#header.rp-topbar #btn_header a.article_panier .cart_count {
position: absolute !important;
top: -6px;
right: -6px;
min-width: 18px;
height: 18px;
padding: 0 4px;
border-radius: 9px;
background: #090907 !important;
color: #fff !important;
font-size: 11px;
line-height: 18px;
text-align: center;
font-weight: 700;
margin: 0;
}
body header#header.rp-topbar #recherche_form button.rp-search-btn.submit {
background: #ecebe6 !important;
color: #3c3c38 !important;
border: 0 !important;
border-left: 1px solid rgba(9, 9, 7, 0.08) !important;
}
body header#header.rp-topbar #recherche_form button.rp-search-btn.submit:hover {
background: #dfded8 !important;
}
body
header#header.rp-topbar
#recherche_form
button.rp-search-btn.submit
.icon-search {
color: #3c3c38 !important;
}
@media (min-width: 861px) {
.rp-sticky > header#header.rp-topbar > .rp-bar {
border-bottom: 0;
box-shadow:
0 0 0 100vmax #fff,
0 1px 0 100vmax rgba(9, 9, 7, 0.1);
clip-path: inset(0-100vmax -1px -100vmax);
}
html body .rp-sticky > header#header.rp-topbar > nav#menu_produit.rp-catnav {
border-top: 0 !important;
}
html body .rp-sticky > header#header.rp-topbar > .rp-bar {
max-width: none !important;
width: 100% !important;
margin: 0;
box-sizing: border-box;
padding-left: max(20px, calc((100% - 1400px) / 2)) !important;
padding-right: max(20px, calc((100% - 1400px) / 2)) !important;
box-shadow: none !important;
clip-path: none !important;
border-bottom: 1px solid rgba(9, 9, 7, 0.1) !important;
}
html body[class] .rp-sticky,
html body[class] .rp-sticky > header#header.rp-topbar {
display: contents !important;
}
html body[class] .rp-sticky > header#header.rp-topbar > .rp-bar {
position: sticky !important;
top: 0;
z-index: 300;
background: #fff !important;
border-bottom: 1px solid #e5e7eb !important;
}
html
body[class]
.rp-sticky
> header#header.rp-topbar
> nav#menu_produit.rp-catnav {
border-top: 0;
border-bottom: 1px solid #e5e7eb !important;
box-shadow: none;
padding: 0;
position: relative !important;
z-index: 250 !important;
}
html
body[class]
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> .rp-catnav-row
> a.rp-catnav-link,
html
body[class]
header#header.rp-topbar
nav#menu_produit.rp-catnav
> ul.rp-catnav-list
> li.rp-catnav-item
> a.rp-catnav-link {
padding: 8px 6px !important;
min-height: 42px;
font-size: 12.5px !important;
font-weight: 600;
line-height: 1.15;
color: #374151 !important;
box-sizing: border-box;
}
}
/* Info-bulle du panier au-dessus du bouton Mon compte (z-index 310) */
body header#header.rp-topbar #btn_header a.article_panier {
z-index: 320 !important;
}
/* ===== Restaupro – logo du header animé (reprend l'intro de la vidéo) v20261014 =====
Intro : 1re page de la session et après un clic sur le logo. Survol : moustache + clin d'œil.
Rien ne bouge si l'utilisateur a choisi de limiter les animations. */
.rp-logo{display:inline-flex;align-items:center;line-height:0;-webkit-tap-highlight-color:transparent}
.rp-logo__svg{display:block;width:auto;height:44px;overflow:visible}
.rp-logo__picto,.rp-logo__eyes,.rp-logo__eyes-in,.rp-logo__must,.rp-logo__must-in,.rp-logo__word path,.rp-logo__com{transform-box:fill-box;transform-origin:50% 50%}
.rp-logo__eyes,.rp-logo__eyes-in{transform-origin:50% 60%}
@media (prefers-reduced-motion: no-preference){
/* --- intro (classe posée sur par le script du , ou sur le lien au clic) --- */
.rp-logo-intro .rp-logo .rp-logo__picto,.rp-logo.is-playing .rp-logo__picto{animation:rp-logo-fade .18s linear both}
.rp-logo-intro .rp-logo .rp-logo__outline path,.rp-logo.is-playing .rp-logo__outline path{animation:rp-logo-draw .9s .05s cubic-bezier(.65,0,.35,1) both}
.rp-logo-intro .rp-logo .rp-logo__eyes,.rp-logo.is-playing .rp-logo__eyes{animation:rp-logo-eyes .22s .72s cubic-bezier(.33,1,.68,1) both}
.rp-logo-intro .rp-logo .rp-logo__must,.rp-logo.is-playing .rp-logo__must{animation:rp-logo-pop .42s .82s cubic-bezier(.34,1.7,.64,1) both}
.rp-logo-intro .rp-logo .rp-logo__word path,.rp-logo.is-playing .rp-logo__word path{animation:rp-logo-rise .45s calc(.95s + var(--i) * 45ms) cubic-bezier(.33,1,.68,1) both}
.rp-logo-intro .rp-logo .rp-logo__swoosh,.rp-logo.is-playing .rp-logo__swoosh{animation:rp-logo-wipe .5s 1.25s cubic-bezier(.65,0,.35,1) both}
.rp-logo-intro .rp-logo .rp-logo__com,.rp-logo.is-playing .rp-logo__com{animation:rp-logo-slide .4s 1.55s cubic-bezier(.33,1,.68,1) both}
/* --- survol : la moustache frétille, les yeux clignent --- */
.rp-logo:hover .rp-logo__must-in,.rp-logo:focus-visible .rp-logo__must-in{animation:rp-logo-wiggle .7s ease-in-out}
.rp-logo:hover .rp-logo__eyes-in,.rp-logo:focus-visible .rp-logo__eyes-in{animation:rp-logo-blink .32s .1s ease-in-out}
}
@keyframes rp-logo-fade{from{opacity:0}to{opacity:1}}
@keyframes rp-logo-draw{from{stroke-dashoffset:var(--len)}to{stroke-dashoffset:0}}
@keyframes rp-logo-eyes{from{opacity:0;transform:scaleY(.1)}to{opacity:1;transform:none}}
@keyframes rp-logo-pop{0%{opacity:0;transform:scale(0)}30%{opacity:1}100%{opacity:1;transform:scale(1)}}
@keyframes rp-logo-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes rp-logo-wipe{from{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}
@keyframes rp-logo-slide{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
@keyframes rp-logo-wiggle{0%,100%{transform:none}20%{transform:rotate(-10deg) scale(1.08)}45%{transform:rotate(8deg) scale(1.08)}70%{transform:rotate(-4deg)}}
@keyframes rp-logo-blink{0%,100%{transform:none}50%{transform:scaleY(.1)}}
@media (max-width: 991px){.rp-logo__svg{height:40px}}
/* ===== Restaupro – section À propos : fond pastel + vidéo (v20261014) ===== */
.rp-about--pastel{
position:relative;
isolation:isolate;
overflow:hidden;
}
.rp-about--pastel::before,
.rp-about--pastel::after{
content:"";
position:absolute;
z-index:-1;
border-radius:50%;
pointer-events:none;
filter:blur(2px);
}
.rp-about--pastel::before{
width:340px;height:340px;left:-90px;bottom:-120px;
background:radial-gradient(circle at 35% 35%, rgba(204,214,28,.30), rgba(204,214,28,0) 68%);
animation:rp-pastel-drift 18s ease-in-out infinite alternate;
}
.rp-about--pastel::after{
width:260px;height:260px;right:6%;top:-90px;
background:radial-gradient(circle at 50% 50%, rgba(255,186,150,.28), rgba(255,186,150,0) 68%);
animation:rp-pastel-drift 22s ease-in-out infinite alternate-reverse;
}
@keyframes rp-pastel-drift{
from{transform:translate3d(0,0,0) scale(1)}
to{transform:translate3d(40px,-30px,0) scale(1.08)}
}
/* les cartes de la section restent blanches et ressortent mieux sur le pastel */
/* ---- bloc vidéo ---- */
.rp-about-video{margin:0;position:relative;max-width:760px;margin-inline:auto}
.rp-about-video::before{ /* aplat jaune décalé, rappel du logo */
content:"";position:absolute;top:18px;left:18px;right:-14px;aspect-ratio:16/9;border-radius:22px;
background:#CCD61C;z-index:0;transform:rotate(1.2deg);
}
.rp-about-video__frame{
position:relative;z-index:1;border-radius:20px;overflow:hidden;
background:#f6f5f0;aspect-ratio:16/9;
box-shadow:0 18px 40px rgba(9,9,7,.12),0 2px 6px rgba(9,9,7,.06);
border:4px solid #fff;
}
.rp-about-video__media{display:block;width:100%;height:100%;object-fit:cover;background:#f6f5f0}
.rp-about-video__sound{
position:absolute;left:14px;bottom:14px;z-index:2;
display:inline-flex;align-items:center;gap:8px;
height:40px;padding:0 16px 0 12px;border:0;border-radius:999px;cursor:pointer;
background:#090907;color:#fff;font:600 14px/1 "Open Sans",sans-serif;
box-shadow:0 6px 16px rgba(9,9,7,.25);
transition:transform .2s ease, background-color .2s ease;
}
.rp-about-video__sound:hover{transform:translateY(-2px)}
.rp-about-video__sound:focus-visible,.rp-about-video__play:focus-visible{outline:3px solid #CCD61C;outline-offset:3px}
.rp-about-video__sound[aria-pressed="true"]{background:#CCD61C;color:#090907}
.rp-about-video__ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rp-about-video__ico path:first-child{fill:currentColor;stroke:none}
.rp-about-video__ico--on{display:none}
.rp-about-video__sound[aria-pressed="true"] .rp-about-video__ico--on{display:block}
.rp-about-video__sound[aria-pressed="true"] .rp-about-video__ico--off{display:none}
.rp-about-video__play{
position:absolute;inset:0;margin:auto;z-index:2;width:84px;height:84px;border:0;border-radius:50%;
background:#CCD61C;cursor:pointer;box-shadow:0 10px 26px rgba(9,9,7,.25);
display:flex;align-items:center;justify-content:center;
}
.rp-about-video__play[hidden]{display:none}
.rp-about-video__play svg{width:36px;height:36px;fill:#090907;margin-left:4px}
.rp-about-video__caption{
position:relative;z-index:1;margin-top:26px;text-align:center;
font:600 15px/1.4 "Open Sans",sans-serif;color:#3c3c38;
}
.rp-about-video__caption a{color:#090907;font-weight:700;text-decoration:none;border-bottom:3px solid #CCD61C}
@media (max-width: 991px){
.rp-about-video{margin-top:32px}
}
@media (max-width: 575px){
.rp-about-video::before{top:10px;left:10px;right:-8px;border-radius:16px}
.rp-about-video__frame{border-radius:14px;border-width:3px}
.rp-about-video__sound{left:10px;bottom:10px;height:38px;width:38px;padding:0;justify-content:center}
.rp-about-video__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (prefers-reduced-motion: reduce){
.rp-about--pastel::before,.rp-about--pastel::after{animation:none}
}
/* Section À propos de l accueil : texte à gauche, vidéo à droite, définitions en dessous */
.rp-about--pastel .rp-about-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center;margin-bottom:40px}
.rp-about--pastel .rp-about-text > :last-child{margin-bottom:0}
@media (max-width: 991px){.rp-about--pastel .rp-about-top{grid-template-columns:1fr;gap:0}}
/* Header : le lien du logo n a plus de fond ni de cadre, le SVG s affiche tel quel */
header#header.rp-topbar a#logo.rp-logo{background:none;border:0;box-shadow:none;padding:0}
/* Nouveau logo plus large que l ancien : le lien s adapte et le slogan garde sa place */
html body header#header.rp-topbar a#logo.rp-logo{max-width:none !important;width:auto !important;gap:12px !important;flex:0 0 auto !important}
html body header#header.rp-topbar a#logo.rp-logo #slogan{flex:0 0 auto !important}
/* Le fond pastel passe devant le fond uni de la refonte */
/* Lien téléphone sous la vidéo : noir, pas le jaune des liens de l ancien thème */
#definitions .rp-about-video__caption a{color:#090907 !important;text-decoration:none !important}
/* ===== Gestion des cookies (tarteaucitron) aux couleurs du site — 14/10/2026 ===== */
html body #tarteaucitronRoot#tarteaucitronRoot,
html body #tarteaucitronRoot#tarteaucitronRoot * { font-family: "Open Sans", sans-serif !important; }
html body #tarteaucitronRoot#tarteaucitronRoot button:focus-visible { outline: 2px solid #CCD61C !important; outline-offset: 2px !important; }
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronBack { background: #090907 !important; opacity: .55 !important; }
/* Panneau */
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitron { background: transparent !important; }
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices { background: #fff !important; border-radius: 14px !important; box-shadow: 0 24px 60px rgba(9, 9, 7, .25) !important; border: 0 !important; }
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronClosePanel { background: #fff !important; color: #090907 !important; border: 1px solid #e5e7eb !important; border-radius: 8px 8px 0 0 !important; font-weight: 600 !important; padding: 6px 14px !important; }
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronClosePanel:hover { background: #f6f5f0 !important; }
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices .tarteaucitronMainLine { background: #fff !important; border: 0 !important; border-bottom: 1px solid #e5e7eb !important; border-radius: 14px 14px 0 0 !important; padding: 20px 24px !important; }
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices .tarteaucitronMainLine:hover { background: #fff !important; }
html body #tarteaucitronRoot#tarteaucitronRoot #dialogTitle,
html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronMainLine .tarteaucitronH1 { color: #090907 !important; font-size: 1.35rem !important; font-weight: 700 !important; }
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronInfo { background: #fff !important; color: #3c3c38 !important; border: 0 !important; font-size: .9rem !important; }
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronPrivacyUrlDialog { background: transparent !important; color: #090907 !important; border: 0 !important; text-decoration: underline !important; text-underline-offset: 3px !important; font-weight: 600 !important; padding: 0 !important; }
/* Titres de catégories et lignes de services */
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices .tarteaucitronTitle,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices .tarteaucitronTitle button,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices li.tarteaucitronHidden > .tarteaucitronTitle { background: #f6f5f0 !important; color: #090907 !important; font-weight: 700 !important; border-radius: 8px !important; }
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices .tarteaucitronLine:not(.tarteaucitronMainLine) { background: #fff !important; border: 0 !important; border-bottom: 1px solid #f0efe9 !important; color: #090907 !important; }
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronH3,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices .tarteaucitronLine .tarteaucitronName span { color: #090907 !important; }
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices .tarteaucitronLine .tarteaucitronListCookies,
html body #tarteaucitronRoot#tarteaucitronRoot .tacCurrentStatus { color: #6b6b64 !important; }
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronServices_mandatory .tarteaucitronLine { background: #f6f5f0 !important; }
/* Boutons Autoriser / Interdire : neutres, le choix actif est mis en avant */
html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronAllow,
html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronDeny { background: #fff !important; color: #090907 !important; border: 1px solid #d6d4cc !important; border-radius: 8px !important; font-weight: 600 !important; opacity: 1 !important; box-shadow: none !important; }
html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronAllow:hover,
html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronDeny:hover { border-color: #090907 !important; }
html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronAllow,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAllAllowed,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronSaveButton { background: #CCD61C !important; color: #090907 !important; border-color: #CCD61C !important; }
html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronDeny { background: #090907 !important; color: #fff !important; border-color: #090907 !important; }
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAllDenied { background: #fff !important; color: #090907 !important; border-color: #d6d4cc !important; }
html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronAllow span,
html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronDeny span,
html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronAllow::before,
html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronDeny::before { color: inherit !important; }
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronSave { background: #fff !important; border-radius: 0 0 14px 14px !important; }
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronSaveButton { padding: 10px 22px !important; font-size: 1rem !important; }
/* Bandeau d'accueil */
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAlertBig { background: #fff !important; color: #090907 !important; border: 1px solid #e5e7eb !important; border-radius: 16px !important; box-shadow: 0 24px 60px rgba(9, 9, 7, .28) !important; }
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert * { color: #3c3c38 !important; }
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronH1,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAlertBig [class*="Title"] { color: #090907 !important; font-weight: 700 !important; }
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2 { background: #CCD61C !important; color: #090907 !important; border: 0 !important; border-radius: 8px !important; font-weight: 700 !important; }
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert { background: #fff !important; color: #090907 !important; border: 1px solid #d6d4cc !important; border-radius: 8px !important; font-weight: 600 !important; }
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2 { background: transparent !important; color: #6b6b64 !important; border: 0 !important; text-decoration: underline !important; text-underline-offset: 3px !important; }
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseCross { background: transparent !important; color: #090907 !important; border: 0 !important; }
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert { background: transparent !important; }
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert::before,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAlertBig::before { color: #090907 !important; font-weight: 700 !important; }
html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronCheck, html body #tarteaucitronRoot#tarteaucitronRoot .tarteaucitronCross,
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronCloseCross span { color: inherit !important; }
html body #tarteaucitronRoot#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2 { font-size: 1.05rem !important; padding: 10px 20px !important; }
/* ===== Haut des pages liste (templates/rp_list_head.php) ===== */
.rp-lh{width:min(1400px,calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:stretch;padding:8px 0 26px;text-align:left;font-family:"Open Sans",sans-serif;color:#090907}
.rp-lh-title{font-size:34px;line-height:1.15;font-weight:800;letter-spacing:-.02em;margin:6px 0 8px;padding:0;color:#090907;text-align:left}
.rp-lh-count{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:0;font-size:13px;font-weight:600;color:#6b6b64}
.rp-lh-count span{width:8px;height:8px;border-radius:50%;background:#2e9e44}
.rp-lh-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:15px;line-height:1.7;color:#3c3c38;position:relative}
.rp-lh-text.is-open{display:block;-webkit-line-clamp:unset}
.rp-lh-text p{margin:0 0 8px;padding:0;color:inherit}
.rp-lh-text b,.rp-lh-text strong,.rp-lh-text .fw-bold{color:#090907}
.rp-lh-more{margin-top:6px;padding:0 0 1px;border:0;border-bottom:2px solid #CCD61C;background:none;font:700 13px "Open Sans",sans-serif;color:#090907;cursor:pointer}
.rp-lh-more[hidden]{display:none}
.rp-lh-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.rp-lh a.rp-lh-chip{background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;color:#090907;text-decoration:none;white-space:nowrap}
.rp-lh a.rp-lh-chip small{color:#6b6b64;font-weight:400;margin-left:2px}
.rp-lh a.rp-lh-chip:hover{border-color:#090907}
.rp-lh a.rp-lh-chip.is-current{background:#090907;border-color:#090907;color:#fff}
.rp-lh a.rp-lh-chip.is-current small{color:#CCD61C}
.rp-lh-advice{background:linear-gradient(135deg,#f3f6d6,#fbf7ea 60%,#fdeee3);border:1px solid #e8ebc0;border-radius:18px;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}
.rp-lh-advice p{margin:0 0 10px;padding:0;font-size:13.5px;line-height:1.55;color:#3c3c38}
.rp-lh-kicker{display:inline-block;border:1px solid #7a8011;color:#7a8011;border-radius:999px;padding:3px 11px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#fff}
.rp-lh-advice .rp-lh-advice-title{font-size:22px;line-height:1.2;font-weight:800;color:#090907;margin:10px 0 8px}
.rp-lh-advice .rp-lh-ok{font-size:12.5px;font-weight:700;color:#7a8011;margin:0}
.rp-lh-box{background:#fff;border-radius:14px;padding:16px;box-shadow:0 10px 26px rgba(9,9,7,.08)}
.rp-lh-box .rp-lh-who{display:flex;align-items:center;gap:10px;font-size:13px;color:#090907;margin:0 0 12px}
.rp-lh-who span{width:36px;height:36px;border-radius:50%;background:#090907;color:#CCD61C;display:grid;place-items:center;font-weight:800}
.rp-lh a.rp-lh-tel,.rp-lh a.rp-lh-devis{display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:700;text-decoration:none}
.rp-lh a.rp-lh-tel{height:44px;background:#090907;color:#fff;font-size:17px;margin-bottom:8px}
.rp-lh a.rp-lh-devis{height:40px;border:1px solid #d6d4cc;color:#090907;font-size:14px;font-weight:600;background:#fff}
.rp-lh a.rp-lh-tel:hover{background:#2a2a26}.rp-lh-devis:hover{border-color:#090907}
.rp-lh-reassure{list-style:none;margin:0;padding:16px max(20px,calc((100% - 1400px)/2));display:grid;grid-template-columns:repeat(4,1fr);gap:20px;background:#fff;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;text-align:left}
.rp-lh-reassure li{display:grid;grid-template-columns:38px 1fr;column-gap:12px;align-items:center;font-size:12.5px;color:#6b6b64}
.rp-lh-ico{grid-row:span 2;width:38px;height:38px;border-radius:10px;background:#f3f5d8;display:grid;place-items:center;font-size:18px}
.rp-lh-reassure b{font-size:14px;color:#090907}
@media (max-width:860px){
.rp-lh{grid-template-columns:minmax(0,1fr);gap:16px;width:calc(100% - 32px)}
.rp-lh-main,.rp-lh-advice{min-width:0}
.rp-lh-title{font-size:26px}
.rp-lh-advice{grid-template-columns:1fr;padding:18px}
.rp-lh-box .rp-lh-who{display:none}
.rp-lh-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;margin-right:-16px}
.rp-lh-reassure{grid-template-columns:1fr 1fr;gap:12px;padding:14px 16px}
.rp-lh-reassure li span:not(.rp-lh-ico){display:none}
}
/* ===== Haut des pages catégorie parente (templates/rp_cat_head.php) ===== */
.rp-ch{text-align:left;font-family:"Open Sans",sans-serif;color:#090907}
.rp-ch-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center;padding:20px max(20px,calc((100% - 1400px)/2)) 36px;background:linear-gradient(120deg,#f3f6d6 0%,#f8f6ec 55%,#f6f5f0 100%);border-bottom:1px solid #e5e7eb}
.rp-ch-kicker{display:inline-block;border:1px solid #7a8011;color:#7a8011;border-radius:999px;padding:4px 12px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#fff}
.rp-ch-title{font-size:46px;line-height:1.02;letter-spacing:-.02em;font-weight:800;margin:16px 0 14px;padding:0;color:#090907;text-align:left}
.rp-ch-title em{display:block;font-style:normal;font-family:Kalam,cursive;font-weight:700;color:#7a8011;letter-spacing:0}
.rp-ch-lead{font-size:16px;line-height:1.65;color:#3c3c38;max-width:620px;margin:0 0 22px;padding:0}
.rp-ch-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:640px}
.rp-ch-stats li{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px}
.rp-ch-stats b{display:block;font-size:26px;font-weight:800;letter-spacing:-.02em}
.rp-ch-stats span{font-size:12px;color:#6b6b64;font-weight:600}
.rp-ch-pic{margin:0;position:relative;background:#fff;border-radius:18px;overflow:hidden;aspect-ratio:4/3;display:grid;place-items:center;box-shadow:0 20px 50px rgba(9,9,7,.12)}
.rp-ch-pic img{max-width:90%;max-height:90%;object-fit:contain}
.rp-ch-pic figcaption{position:absolute;left:16px;bottom:16px;background:#090907;color:#fff;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:700}
.rp-ch-range{width:min(1400px,calc(100% - 40px));margin:0 auto;padding:44px 0 30px}
.rp-ch-range h2{font-size:32px;font-weight:800;letter-spacing:-.02em;margin:12px 0 8px;color:#090907}
.rp-ch-range > p{margin:0;padding:0;max-width:680px;color:#3c3c38;line-height:1.6}
.rp-ch-cards{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;text-align:left}
.rp-ch a.rp-ch-card{position:relative;display:flex;flex-direction:column;min-height:250px;padding:18px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;color:#090907;text-decoration:none;overflow:hidden;transition:border-color .2s, box-shadow .2s}
.rp-ch a.rp-ch-card:hover{border-color:#7a8011;box-shadow:0 12px 30px rgba(9,9,7,.08)}
.rp-ch-num{font-size:56px;font-weight:800;letter-spacing:-.04em;line-height:1;color:#e9ecbf}
.rp-ch-arrow{color:#090907;position:absolute;right:16px;top:16px;width:32px;height:32px;border-radius:50%;background:#f6f5f0;display:grid;place-items:center;font-weight:700}
.rp-ch-card img,.rp-ch-noimg{height:110px;width:auto;max-width:100%;margin:-24px auto 10px;object-fit:contain}
.rp-ch-card b{font-size:18px;margin-top:auto;color:#090907}
.rp-ch-meta{font-size:13px;color:#6b6b64;margin-top:4px}
@media (max-width:860px){
.rp-ch-hero{grid-template-columns:minmax(0,1fr);gap:20px;padding:16px 16px 28px}
.rp-ch-title{font-size:32px}
.rp-ch-stats{grid-template-columns:repeat(2,1fr)}
.rp-ch-range{width:calc(100% - 32px);padding-top:32px}
.rp-ch-range h2{font-size:24px}
.rp-ch-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rp-ch a.rp-ch-card{min-height:200px;padding:14px}
.rp-ch-num{font-size:28px}.rp-ch-pic{display:none}
.rp-ch-card img,.rp-ch-noimg{height:80px;margin-top:4px}
.rp-ch-card b{font-size:15px}
}