html,
body {
background: #fff8f0 !important;
overflow-x: hidden !important;
}
.site,
.site-content,
.site-main,
main,
main#main,
#main,
#content,
#page,
.wp-site-blocks,
.is-layout-constrained,
.is-layout-flow,
.entry-content,
.post-content,
.wp-block-post-content,
article,
article.post,
article.page,
article.hentry,
.hentry,
.page-content,
.post,
.page,
.wp-block-html,
.wp-block-freeform,
.wp-block-group,
.wp-block-group__inner-container {
background: #fff8f0 !important;
}
.wp-block-html,
.wp-block-freeform {
margin: 0 !important;
padding: 0 !important;
}
.entry-title,
.page-title,
h1.entry-title,
h1.page-title,
.lodestar-page-title,
.site-content .entry-title,
.entry-header,
.page-header,
.lodestar-entry-header,
.site-content .entry-header,
.post-thumbnail {
display: none !important;
}
/* ==================================================================
LIVROU — PORTAIL JUNIOR
Portail public de la collection junior de Livry Participatif
================================================================== */
#lp-livrou {
--orange: #e85d04;
--orange-dark: #b94700;
--orange-soft: #fff0e6;
--vert: #2d6a4f;
--vert-dark: #1f513c;
--vert2: #40916c;
--vert-soft: #edf7f1;
--creme: #fff8f0;
--creme2: #fff3e7;
--blanc: #ffffff;
--encre: #21190f;
--muted: #695d4e;
--muted2: #85796a;
--rule: rgba(232, 93, 4, .16);
--rule-dark: rgba(33, 25, 15, .10);
--shadow:
0 14px 40px rgba(57, 39, 19, .08);
--shadow-hover:
0 18px 48px rgba(57, 39, 19, .13);
--sans:
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
"Helvetica Neue",
Arial,
sans-serif;
--serif:
"Palatino Linotype",
Palatino,
"Book Antiqua",
Georgia,
serif;
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: 0 !important;
padding: 0 !important;
background: var(--creme) !important;
color: var(--encre) !important;
font-family: var(--sans) !important;
font-size: 16px !important;
line-height: 1.65 !important;
-webkit-font-smoothing: antialiased !important;
box-sizing: border-box !important;
overflow-x: hidden !important;
}
#lp-livrou *,
#lp-livrou *::before,
#lp-livrou *::after {
box-sizing: border-box !important;
}
#lp-livrou a {
color: inherit !important;
text-decoration: none !important;
}
#lp-livrou img {
display: block !important;
max-width: 100% !important;
user-select: none !important;
-webkit-user-select: none !important;
-webkit-user-drag: none !important;
-webkit-touch-callout: none !important;
}
#lp-livrou button,
#lp-livrou a {
-webkit-tap-highlight-color: transparent;
}
#lp-livrou a:focus-visible {
outline:
3px solid rgba(232, 93, 4, .45) !important;
outline-offset:
4px !important;
border-radius:
4px !important;
}
/* ==================================================================
STRUCTURE GÉNÉRALE
================================================================== */
#lp-livrou .lv-inner {
width: 100% !important;
max-width: 1280px !important;
margin:
0 auto !important;
padding-left:
clamp(1.25rem, 5vw, 4.5rem) !important;
padding-right:
clamp(1.25rem, 5vw, 4.5rem) !important;
}
#lp-livrou .lv-section {
padding:
clamp(3.5rem, 7vw, 6rem) 0 !important;
position:
relative !important;
}
#lp-livrou .lv-section--white {
background:
var(--blanc) !important;
}
#lp-livrou .lv-section--cream {
background:
var(--creme) !important;
}
#lp-livrou .lv-section--soft {
background:
linear-gradient(
180deg,
#fff8f0 0%,
#fff3e8 100%
) !important;
}
#lp-livrou .lv-section-head {
max-width:
760px !important;
margin-bottom:
2.3rem !important;
}
#lp-livrou .lv-section-head--center {
margin-left:
auto !important;
margin-right:
auto !important;
text-align:
center !important;
}
/* ==================================================================
TYPOGRAPHIE
================================================================== */
#lp-livrou .lv-eyebrow {
display:
block !important;
margin:
0 0 .55rem !important;
font-family:
var(--sans) !important;
font-size:
.62rem !important;
font-weight:
750 !important;
line-height:
1.4 !important;
letter-spacing:
.15em !important;
text-transform:
uppercase !important;
color:
var(--orange) !important;
}
#lp-livrou .lv-h2 {
display:
block !important;
margin:
0 0 .85rem !important;
padding:
0 !important;
font-family:
var(--serif) !important;
font-size:
clamp(1.6rem, 3vw, 2.35rem) !important;
font-weight:
700 !important;
line-height:
1.15 !important;
letter-spacing:
-.015em !important;
text-transform:
none !important;
color:
var(--encre) !important;
background:
none !important;
border:
none !important;
}
#lp-livrou .lv-lead {
margin:
0 !important;
max-width:
68ch !important;
font-size:
1rem !important;
line-height:
1.8 !important;
color:
var(--muted) !important;
}
#lp-livrou .lv-section-head--center .lv-lead {
margin-left:
auto !important;
margin-right:
auto !important;
}
/* ==================================================================
HEADER
================================================================== */
#lp-livrou .lv-portal-header {
position:
relative !important;
z-index:
20 !important;
background:
rgba(255, 248, 240, .97) !important;
border-bottom:
1px solid var(--rule-dark) !important;
}
#lp-livrou .lv-portal-header-inner {
min-height:
74px !important;
display:
flex !important;
align-items:
center !important;
justify-content:
space-between !important;
gap:
1rem !important;
}
#lp-livrou .lv-brand {
display:
flex !important;
flex-direction:
column !important;
gap:
.1rem !important;
min-width:
0 !important;
}
#lp-livrou .lv-brand-name {
display:
block !important;
font-family:
var(--serif) !important;
font-size:
clamp(1.25rem, 2.5vw, 1.72rem) !important;
font-weight:
700 !important;
line-height:
1.08 !important;
color:
var(--encre) !important;
}
#lp-livrou .lv-brand-sub {
display:
block !important;
font-family:
var(--sans) !important;
font-size:
.58rem !important;
font-weight:
600 !important;
line-height:
1.4 !important;
letter-spacing:
.11em !important;
text-transform:
uppercase !important;
color:
var(--muted2) !important;
}
#lp-livrou .lv-header-badge {
flex:
0 0 auto !important;
display:
inline-flex !important;
align-items:
center !important;
gap:
.45rem !important;
padding:
.35rem .75rem !important;
border-radius:
999px !important;
background:
var(--orange) !important;
color:
#fff !important;
font-family:
var(--sans) !important;
font-size:
.58rem !important;
font-weight:
750 !important;
line-height:
1 !important;
letter-spacing:
.1em !important;
text-transform:
uppercase !important;
}
/* ==================================================================
HERO
================================================================== */
#lp-livrou .lv-hero {
position:
relative !important;
overflow:
hidden !important;
background:
radial-gradient(
circle at 85% 18%,
rgba(232, 93, 4, .09),
transparent 26%
),
radial-gradient(
circle at 10% 85%,
rgba(45, 106, 79, .07),
transparent 28%
),
linear-gradient(
145deg,
#fff8f0 0%,
#fff3e8 100%
) !important;
border-bottom:
1px solid var(--rule-dark) !important;
}
#lp-livrou .lv-hero::before {
content:
"" !important;
position:
absolute !important;
inset:
0 !important;
pointer-events:
none !important;
opacity:
.22 !important;
background-image:
radial-gradient(
circle at 25% 25%,
rgba(232,93,4,.18) 0 2px,
transparent 2.5px
),
radial-gradient(
circle at 75% 70%,
rgba(45,106,79,.13) 0 2px,
transparent 2.5px
) !important;
background-size:
70px 70px,
95px 95px !important;
}
#lp-livrou .lv-hero-inner {
position:
relative !important;
z-index:
2 !important;
min-height:
600px !important;
display:
grid !important;
grid-template-columns:
minmax(0, 1fr)
minmax(250px, 390px) !important;
gap:
clamp(2rem, 6vw, 6rem) !important;
align-items:
center !important;
padding-top:
clamp(3rem, 7vw, 6rem) !important;
padding-bottom:
clamp(3rem, 7vw, 5.5rem) !important;
}
#lp-livrou .lv-hero-body {
max-width:
720px !important;
}
#lp-livrou .lv-hero-eyebrow {
display:
inline-flex !important;
align-items:
center !important;
gap:
.45rem !important;
margin-bottom:
1.2rem !important;
padding:
.4rem .8rem !important;
border:
1px solid rgba(232, 93, 4, .18) !important;
border-radius:
999px !important;
background:
rgba(255,255,255,.72) !important;
color:
var(--orange-dark) !important;
font-family:
var(--sans) !important;
font-size:
.62rem !important;
font-weight:
750 !important;
letter-spacing:
.11em !important;
text-transform:
uppercase !important;
}
#lp-livrou .lv-hero-title {
display:
block !important;
margin:
0 0 1.25rem !important;
padding:
0 !important;
max-width:
780px !important;
font-family:
var(--serif) !important;
font-size:
clamp(2.5rem, 5.7vw, 4.7rem) !important;
font-weight:
700 !important;
line-height:
.98 !important;
letter-spacing:
-.035em !important;
text-transform:
none !important;
color:
var(--encre) !important;
background:
none !important;
border:
none !important;
}
#lp-livrou .lv-hero-title em {
display:
inline-block !important;
font-style:
italic !important;
font-weight:
700 !important;
color:
var(--orange) !important;
}
#lp-livrou .lv-hero-subtitle {
max-width:
62ch !important;
margin:
0 0 1.8rem !important;
font-size:
clamp(.98rem, 1.7vw, 1.08rem) !important;
line-height:
1.78 !important;
color:
var(--muted) !important;
}
#lp-livrou .lv-hero-actions {
display:
flex !important;
flex-wrap:
wrap !important;
gap:
.75rem !important;
margin-bottom:
1.7rem !important;
}
#lp-livrou .lv-btn {
min-height:
48px !important;
display:
inline-flex !important;
align-items:
center !important;
justify-content:
center !important;
gap:
.55rem !important;
padding:
.78rem 1.3rem !important;
border-radius:
8px !important;
border:
1px solid transparent !important;
font-family:
var(--sans) !important;
font-size:
.78rem !important;
font-weight:
750 !important;
line-height:
1.2 !important;
transition:
transform .18s ease,
box-shadow .18s ease,
background .18s ease,
border-color .18s ease !important;
}
#lp-livrou .lv-btn:hover {
transform:
translateY(-2px) !important;
}
#lp-livrou .lv-btn--primary {
background:
var(--vert) !important;
color:
#fff !important;
box-shadow:
0 8px 20px rgba(45, 106, 79, .18) !important;
}
#lp-livrou .lv-btn--primary:hover {
background:
var(--vert-dark) !important;
box-shadow:
0 12px 28px rgba(45, 106, 79, .24) !important;
}
#lp-livrou .lv-btn--secondary {
background:
rgba(255,255,255,.72) !important;
color:
var(--orange-dark) !important;
border-color:
rgba(232,93,4,.22) !important;
}
#lp-livrou .lv-btn--secondary:hover {
background:
#fff !important;
border-color:
rgba(232,93,4,.4) !important;
}
#lp-livrou .lv-hero-note {
display:
flex !important;
flex-wrap:
wrap !important;
gap:
.45rem .8rem !important;
align-items:
center !important;
font-size:
.7rem !important;
line-height:
1.5 !important;
color:
var(--muted2) !important;
}
#lp-livrou .lv-hero-note strong {
color:
var(--encre) !important;
}
#lp-livrou .lv-hero-art {
position:
relative !important;
align-self:
end !important;
justify-self:
center !important;
width:
min(100%, 360px) !important;
}
#lp-livrou .lv-hero-art::before {
content:
"" !important;
position:
absolute !important;
z-index:
-1 !important;
width:
82% !important;
aspect-ratio:
1 / 1 !important;
left:
50% !important;
bottom:
4% !important;
transform:
translateX(-50%) !important;
border-radius:
50% !important;
background:
radial-gradient(
circle,
rgba(232, 93, 4, .12),
rgba(232,93,4,.02) 58%,
transparent 72%
) !important;
}
#lp-livrou .lv-hero-art img {
width:
100% !important;
height:
auto !important;
filter:
drop-shadow(
0 16px 24px rgba(78, 49, 15, .14)
) !important;
}
#lp-livrou .lv-img-credit {
position:
absolute !important;
right:
.35rem !important;
bottom:
.15rem !important;
padding:
.15rem .35rem !important;
border-radius:
4px !important;
background:
rgba(255,255,255,.72) !important;
color:
rgba(33,25,15,.58) !important;
font-family:
var(--sans) !important;
font-size:
.53rem !important;
line-height:
1.3 !important;
}
/* ==================================================================
NAVIGATION RAPIDE
================================================================== */
#lp-livrou .lv-quicknav {
background:
#fff !important;
border-bottom:
1px solid var(--rule-dark) !important;
}
#lp-livrou .lv-quicknav-inner {
min-height:
68px !important;
display:
flex !important;
align-items:
center !important;
justify-content:
center !important;
gap:
.55rem !important;
flex-wrap:
wrap !important;
padding-top:
.7rem !important;
padding-bottom:
.7rem !important;
}
#lp-livrou .lv-quicklink {
display:
inline-flex !important;
align-items:
center !important;
gap:
.35rem !important;
padding:
.45rem .72rem !important;
border-radius:
999px !important;
border:
1px solid var(--rule-dark) !important;
background:
#fff !important;
font-size:
.68rem !important;
font-weight:
700 !important;
color:
var(--muted) !important;
transition:
border-color .18s ease,
color .18s ease,
background .18s ease !important;
}
#lp-livrou .lv-quicklink:hover {
color:
var(--orange-dark) !important;
border-color:
rgba(232,93,4,.28) !important;
background:
var(--orange-soft) !important;
}
/* ==================================================================
STATISTIQUES / REPÈRES
================================================================== */
#lp-livrou .lv-stats {
display:
grid !important;
grid-template-columns:
repeat(3, minmax(0, 1fr)) !important;
gap:
1rem !important;
}
#lp-livrou .lv-stat {
min-height:
130px !important;
padding:
1.4rem !important;
border:
1px solid var(--rule-dark) !important;
border-radius:
14px !important;
background:
#fff !important;
box-shadow:
var(--shadow) !important;
}
#lp-livrou .lv-stat-num {
display:
block !important;
margin-bottom:
.2rem !important;
font-family:
var(--serif) !important;
font-size:
clamp(2rem, 4vw, 2.8rem) !important;
font-weight:
700 !important;
line-height:
1 !important;
color:
var(--orange) !important;
}
#lp-livrou .lv-stat-label {
display:
block !important;
font-size:
.76rem !important;
font-weight:
700 !important;
color:
var(--encre) !important;
}
#lp-livrou .lv-stat-note {
display:
block !important;
margin-top:
.3rem !important;
font-size:
.68rem !important;
color:
var(--muted2) !important;
}
/* ==================================================================
COLLECTION / FICHES
================================================================== */
#lp-livrou .lv-collection-grid {
display:
grid !important;
grid-template-columns:
repeat(5, minmax(0, 1fr)) !important;
gap:
1rem !important;
}
#lp-livrou .lv-cover {
display:
block !important;
overflow:
hidden !important;
border:
1px solid var(--rule-dark) !important;
border-radius:
12px !important;
background:
#fff !important;
box-shadow:
0 8px 22px rgba(57,39,19,.06) !important;
transition:
transform .2s ease,
box-shadow .2s ease,
border-color .2s ease !important;
}
#lp-livrou .lv-cover:hover {
transform:
translateY(-4px) !important;
border-color:
rgba(232,93,4,.28) !important;
box-shadow:
var(--shadow-hover) !important;
}
#lp-livrou .lv-cover img {
width:
100% !important;
aspect-ratio:
3 / 4 !important;
object-fit:
cover !important;
}
#lp-livrou .lv-collection-bottom {
margin-top:
2rem !important;
display:
flex !important;
justify-content:
space-between !important;
align-items:
center !important;
gap:
1rem !important;
flex-wrap:
wrap !important;
}
#lp-livrou .lv-collection-note {
max-width:
62ch !important;
margin:
0 !important;
font-size:
.76rem !important;
line-height:
1.7 !important;
color:
var(--muted2) !important;
}
/* ==================================================================
BANDE LOGO
================================================================== */
#lp-livrou .lv-logo-band {
padding:
1.7rem 0 !important;
background:
var(--orange) !important;
}
#lp-livrou .lv-logo-band-inner {
display:
flex !important;
align-items:
center !important;
justify-content:
center !important;
gap:
1.5rem !important;
flex-wrap:
wrap !important;
text-align:
center !important;
}
#lp-livrou .lv-logo-band img {
height:
56px !important;
width:
auto !important;
filter:
brightness(0) invert(1) !important;
opacity:
.96 !important;
}
#lp-livrou .lv-logo-tagline {
max-width:
650px !important;
font-size:
.83rem !important;
font-weight:
650 !important;
line-height:
1.55 !important;
color:
rgba(255,255,255,.94) !important;
}
/* ==================================================================
THÉMATIQUES
================================================================== */
#lp-livrou .lv-themes {
display:
grid !important;
grid-template-columns:
repeat(4, minmax(0, 1fr)) !important;
gap:
1rem !important;
}
#lp-livrou .lv-theme {
position:
relative !important;
min-height:
210px !important;
display:
flex !important;
flex-direction:
column !important;
align-items:
flex-start !important;
padding:
1.45rem !important;
border:
1px solid var(--rule-dark) !important;
border-radius:
14px !important;
background:
#fff !important;
box-shadow:
0 10px 28px rgba(57,39,19,.05) !important;
}
#lp-livrou .lv-theme--active {
border:
2px solid rgba(45,106,79,.55) !important;
background:
linear-gradient(
150deg,
#fff 0%,
var(--vert-soft) 100%
) !important;
}
#lp-livrou .lv-theme-icon {
display:
block !important;
margin-bottom:
.9rem !important;
font-size:
2rem !important;
line-height:
1 !important;
}
#lp-livrou .lv-theme-title {
display:
block !important;
margin-bottom:
.4rem !important;
font-family:
var(--serif) !important;
font-size:
1rem !important;
font-weight:
700 !important;
line-height:
1.25 !important;
color:
var(--encre) !important;
}
#lp-livrou .lv-theme-text {
margin:
0 !important;
font-size:
.75rem !important;
line-height:
1.65 !important;
color:
var(--muted) !important;
}
#lp-livrou .lv-status {
position:
absolute !important;
top:
.8rem !important;
right:
.8rem !important;
display:
inline-flex !important;
align-items:
center !important;
padding:
.25rem .55rem !important;
border-radius:
999px !important;
font-size:
.51rem !important;
font-weight:
750 !important;
line-height:
1.2 !important;
letter-spacing:
.08em !important;
text-transform:
uppercase !important;
}
#lp-livrou .lv-status--live {
background:
var(--vert) !important;
color:
#fff !important;
}
#lp-livrou .lv-status--soon {
border:
1px solid var(--rule-dark) !important;
background:
var(--creme) !important;
color:
var(--muted2) !important;
}
/* ==================================================================
MASCOTTE
================================================================== */
#lp-livrou .lv-mascotte {
display:
grid !important;
grid-template-columns:
minmax(0, 1fr)
minmax(220px, 320px) !important;
gap:
clamp(2rem, 6vw, 5rem) !important;
align-items:
center !important;
}
#lp-livrou .lv-mascotte-copy {
max-width:
720px !important;
}
#lp-livrou .lv-mascotte-copy p {
margin:
0 0 .95rem !important;
font-size:
.94rem !important;
line-height:
1.82 !important;
color:
var(--muted) !important;
}
#lp-livrou .lv-mascotte-copy p:last-child {
margin-bottom:
0 !important;
}
#lp-livrou .lv-mascotte-art {
position:
relative !important;
justify-self:
center !important;
width:
min(100%, 270px) !important;
}
#lp-livrou .lv-mascotte-art img {
width:
100% !important;
filter:
drop-shadow(
0 10px 20px rgba(232,93,4,.13)
) !important;
}
/* ------------------------------------------------------------------
CRÉDIT DE CRÉATION LIVROU
------------------------------------------------------------------ */
#lp-livrou .lv-creator-credit {
display:
inline-flex !important;
align-items:
baseline !important;
gap:
.45rem !important;
flex-wrap:
wrap !important;
margin:
-.05rem 0 1.4rem !important;
padding:
.48rem .85rem !important;
border-left:
3px solid var(--orange) !important;
border-radius:
0 5px 5px 0 !important;
background:
rgba(232, 93, 4, .05) !important;
font-family:
var(--sans) !important;
line-height:
1.4 !important;
}
#lp-livrou .lv-creator-credit span {
font-size:
.59rem !important;
font-weight:
700 !important;
letter-spacing:
.09em !important;
text-transform:
uppercase !important;
color:
var(--muted2) !important;
}
#lp-livrou .lv-creator-credit strong {
font-family:
var(--serif) !important;
font-size:
.9rem !important;
font-weight:
700 !important;
color:
var(--orange-dark) !important;
}
/* ==================================================================
REPÈRE HISTORIQUE
================================================================== */
#lp-livrou .lv-history {
display:
grid !important;
grid-template-columns:
minmax(170px, .35fr)
minmax(0, 1fr) !important;
gap:
2rem !important;
align-items:
center !important;
padding:
clamp(1.6rem, 4vw, 2.4rem) !important;
border:
1px solid rgba(232,93,4,.18) !important;
border-radius:
16px !important;
background:
linear-gradient(
135deg,
#fff 0%,
#fff6ee 100%
) !important;
box-shadow:
var(--shadow) !important;
}
#lp-livrou .lv-history-date {
padding-right:
2rem !important;
border-right:
1px solid var(--rule) !important;
}
#lp-livrou .lv-history-day {
display:
block !important;
margin-bottom:
.15rem !important;
font-family:
var(--serif) !important;
font-size:
clamp(2.1rem, 4vw, 3rem) !important;
font-weight:
700 !important;
line-height:
1 !important;
color:
var(--orange) !important;
}
#lp-livrou .lv-history-year {
display:
block !important;
font-size:
.62rem !important;
font-weight:
750 !important;
letter-spacing:
.12em !important;
text-transform:
uppercase !important;
color:
var(--muted2) !important;
}
#lp-livrou .lv-history-title {
display:
block !important;
margin-bottom:
.5rem !important;
font-family:
var(--serif) !important;
font-size:
1.18rem !important;
font-weight:
700 !important;
color:
var(--encre) !important;
}
#lp-livrou .lv-history-text {
margin:
0 !important;
font-size:
.79rem !important;
line-height:
1.7 !important;
color:
var(--muted) !important;
}
/* ==================================================================
RESSOURCES ADULTES
================================================================== */
#lp-livrou .lv-crosslink {
display:
grid !important;
grid-template-columns:
1fr auto !important;
gap:
1.5rem !important;
align-items:
center !important;
padding:
clamp(1.5rem, 4vw, 2.2rem) !important;
border-radius:
16px !important;
background:
linear-gradient(
135deg,
var(--vert-dark),
var(--vert2)
) !important;
color:
#fff !important;
}
#lp-livrou .lv-crosslink-title {
display:
block !important;
margin-bottom:
.35rem !important;
font-family:
var(--serif) !important;
font-size:
1.25rem !important;
font-weight:
700 !important;
color:
#fff !important;
}
#lp-livrou .lv-crosslink-text {
margin:
0 !important;
max-width:
70ch !important;
font-size:
.8rem !important;
line-height:
1.7 !important;
color:
rgba(255,255,255,.8) !important;
}
#lp-livrou .lv-btn--white {
background:
#fff !important;
color:
var(--vert-dark) !important;
white-space:
nowrap !important;
}
/* ==================================================================
FOOTER / MENTIONS
================================================================== */
#lp-livrou .lv-legal {
padding:
2.2rem 0 !important;
border-top:
1px solid var(--rule-dark) !important;
background:
var(--creme2) !important;
}
#lp-livrou .lv-legal-box {
max-width:
820px !important;
margin:
0 auto !important;
text-align:
center !important;
}
#lp-livrou .lv-legal-title {
display:
block !important;
margin-bottom:
.45rem !important;
font-size:
.72rem !important;
font-weight:
750 !important;
color:
var(--encre) !important;
}
#lp-livrou .lv-legal-credit {
display:
inline-flex !important;
align-items:
center !important;
justify-content:
center !important;
flex-wrap:
wrap !important;
gap:
.3rem !important;
margin:
.35rem auto .8rem !important;
padding:
.38rem .7rem !important;
border:
1px solid rgba(232,93,4,.15) !important;
border-radius:
999px !important;
background:
rgba(255,255,255,.55) !important;
font-size:
.62rem !important;
color:
var(--muted) !important;
}
#lp-livrou .lv-legal-credit strong {
font-family:
var(--serif) !important;
color:
var(--orange-dark) !important;
font-size:
.7rem !important;
}
#lp-livrou .lv-legal-text {
margin:
0 !important;
font-size:
.67rem !important;
line-height:
1.8 !important;
color:
var(--muted) !important;
}
#lp-livrou .lv-legal-links {
display:
flex !important;
justify-content:
center !important;
flex-wrap:
wrap !important;
gap:
.6rem 1rem !important;
margin-top:
.8rem !important;
}
#lp-livrou .lv-legal-links a {
font-size:
.63rem !important;
font-weight:
700 !important;
color:
var(--orange-dark) !important;
border-bottom:
1px solid rgba(232,93,4,.25) !important;
}
/* ==================================================================
RESPONSIVE
================================================================== */
@media (max-width: 1080px) {
#lp-livrou .lv-collection-grid {
grid-template-columns:
repeat(4, minmax(0, 1fr)) !important;
}
#lp-livrou .lv-themes {
grid-template-columns:
repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 860px) {
#lp-livrou .lv-hero-inner {
min-height:
auto !important;
grid-template-columns:
1fr !important;
text-align:
center !important;
}
#lp-livrou .lv-hero-body {
max-width:
760px !important;
margin:
0 auto !important;
}
#lp-livrou .lv-hero-subtitle {
margin-left:
auto !important;
margin-right:
auto !important;
}
#lp-livrou .lv-hero-actions,
#lp-livrou .lv-hero-note {
justify-content:
center !important;
}
#lp-livrou .lv-hero-art {
width:
min(64vw, 280px) !important;
}
#lp-livrou .lv-stats {
grid-template-columns:
1fr !important;
}
#lp-livrou .lv-mascotte {
grid-template-columns:
1fr !important;
}
#lp-livrou .lv-mascotte-art {
grid-row:
1 !important;
}
#lp-livrou .lv-mascotte-copy {
margin:
0 auto !important;
text-align:
center !important;
}
#lp-livrou .lv-creator-credit {
justify-content:
center !important;
border-left:
0 !important;
border-top:
2px solid var(--orange) !important;
border-radius:
5px !important;
}
#lp-livrou .lv-history {
grid-template-columns:
1fr !important;
text-align:
center !important;
}
#lp-livrou .lv-history-date {
padding:
0 0 1.2rem !important;
border-right:
0 !important;
border-bottom:
1px solid var(--rule) !important;
}
#lp-livrou .lv-crosslink {
grid-template-columns:
1fr !important;
text-align:
center !important;
}
#lp-livrou .lv-crosslink-text {
margin-left:
auto !important;
margin-right:
auto !important;
}
#lp-livrou .lv-crosslink .lv-btn {
justify-self:
center !important;
}
}
@media (max-width: 720px) {
#lp-livrou .lv-collection-grid {
grid-template-columns:
repeat(3, minmax(0, 1fr)) !important;
}
#lp-livrou .lv-collection-bottom {
justify-content:
center !important;
text-align:
center !important;
}
#lp-livrou .lv-collection-note {
max-width:
100% !important;
}
}
@media (max-width: 580px) {
#lp-livrou .lv-portal-header-inner {
min-height:
66px !important;
}
#lp-livrou .lv-brand-sub {
display:
none !important;
}
#lp-livrou .lv-header-badge {
font-size:
.5rem !important;
padding:
.3rem .55rem !important;
}
#lp-livrou .lv-hero-title {
font-size:
clamp(2.2rem, 12vw, 3.35rem) !important;
}
#lp-livrou .lv-hero-actions {
flex-direction:
column !important;
align-items:
stretch !important;
}
#lp-livrou .lv-btn {
width:
100% !important;
}
#lp-livrou .lv-quicknav-inner {
justify-content:
flex-start !important;
overflow-x:
auto !important;
flex-wrap:
nowrap !important;
scrollbar-width:
none !important;
}
#lp-livrou .lv-quicknav-inner::-webkit-scrollbar {
display:
none !important;
}
#lp-livrou .lv-quicklink {
flex:
0 0 auto !important;
}
#lp-livrou .lv-collection-grid {
grid-template-columns:
repeat(2, minmax(0, 1fr)) !important;
}
#lp-livrou .lv-themes {
grid-template-columns:
1fr !important;
}
#lp-livrou .lv-logo-band-inner {
flex-direction:
column !important;
}
}
@media (prefers-reduced-motion: reduce) {
#lp-livrou *,
#lp-livrou *::before,
#lp-livrou *::after {
scroll-behavior:
auto !important;
transition-duration:
.001ms !important;
animation-duration:
.001ms !important;
animation-iteration-count:
1 !important;
}
}
/* ==================================================================
PROTECTION CONTRE LES STYLES WORDPRESS
================================================================== */
html body div#lp-livrou .lv-hero-title,
html body div#lp-livrou .lv-h2,
html body div#lp-livrou .lv-theme-title,
html body div#lp-livrou .lv-history-title,
html body div#lp-livrou .lv-crosslink-title {
font-family:
"Palatino Linotype",
Palatino,
"Book Antiqua",
Georgia,
serif !important;
text-transform:
none !important;
background:
none !important;
border:
none !important;
}
html body div#lp-livrou .lv-hero-title,
html body div#lp-livrou .lv-h2,
html body div#lp-livrou .lv-theme-title,
html body div#lp-livrou .lv-history-title {
color:
#21190f !important;
}
html body div#lp-livrou .lv-crosslink-title {
color:
#fff !important;
}