.ba-actu {
--actu-text-max: 980px;
--actu-list-max: 1100px;
background: var(--paper, #fafaf9);
color: var(--ink, #0a0a0a);
font-family: 'Inter', system-ui, sans-serif;
padding-bottom: 0;
}
.ba-actu * { box-sizing: border-box; }
.ba-actu a { color: inherit; text-decoration: none; } .ba-actu {
--bronze: var(--bronze, #8b6f47);
--oxblood: var(--oxblood, #6b1f24);
--ink: var(--ink, #0a0a0a);
--ink-soft: var(--ink-soft, rgba(10,10,10,0.6));
--taupe: var(--taupe, rgba(10,10,10,0.45));
--rule: var(--rule, rgba(10,10,10,0.10));
--paper: var(--paper, #fafaf9);
--paper-2: var(--paper-2, #f3efe6);
} .ba-actu-hero {
padding: clamp(40px, 5vw, 80px)
var(--site-gutter, 48px)
clamp(32px, 4vw, 56px);
border-bottom: 1px solid var(--rule);
background: linear-gradient(180deg, var(--paper-2) 0%, var(--paper) 100%);
}
.ba-actu-hero-grid {
display: grid;
grid-template-columns: 1.4fr 1fr;
gap: clamp(40px, 6vw, 96px);
align-items: start;
}
.ba-actu-hero-left { min-width: 0; } .ba-actu-hero-recent {
padding: 32px 36px 36px;
background: #ece6d6; color: var(--ink);
border: 1px solid rgba(10,10,10,0.10);
border-radius: 3px;
align-self: start;
box-shadow: 0 18px 40px -20px rgba(10,10,10,0.12);
position: relative;
overflow: hidden;
} .ba-actu-hero-recent::before {
content: '';
position: absolute;
top: 0; left: 0;
width: 64px;
height: 2px;
background: var(--oxblood, #6b1f24);
opacity: 0.8;
}
.ba-actu-hero-recent-label {
font-family: 'Inter', system-ui, sans-serif;
font-size: 11px;
color: var(--ink);
letter-spacing: 0.14em;
margin-bottom: 24px;
padding-bottom: 18px;
border-bottom: 1px solid rgba(10,10,10,0.12);
text-transform: uppercase;
font-weight: 500;
}
.ba-actu-hero-recent-list {
list-style: none;
margin: 0 0 28px;
padding: 0;
}
.ba-actu-hero-recent-item {
border-bottom: 1px solid rgba(10,10,10,0.08);
}
.ba-actu-hero-recent-item:last-child { border-bottom: none; }
.ba-actu-hero-recent-link {
display: grid;
grid-template-columns: 28px 1fr;
gap: 14px;
align-items: baseline;
padding: 16px 0;
transition: padding 0.4s cubic-bezier(0.16, 1, 0.3, 1),
background-color 0.3s ease;
margin: 0 -8px;
padding-left: 8px;
padding-right: 8px;
border-radius: 2px;
}
.ba-actu-hero-recent-link:hover {
background: rgba(10,10,10,0.04);
padding-left: 14px;
}
.ba-actu-hero-recent-num {
font-family: 'Cormorant Garamond', serif;
font-size: 14px;
font-style: italic;
color: var(--ink);
opacity: 0.5;
letter-spacing: 0.04em;
font-weight: 500;
}
.ba-actu-hero-recent-content {
display: block;
min-width: 0;
}
.ba-actu-hero-recent-title {
display: block;
font-family: 'Cormorant Garamond', serif;
font-size: 17px;
font-weight: 400;
line-height: 1.3;
color: var(--ink);
margin-bottom: 6px;
letter-spacing: -0.005em;
transition: color 0.3s;
}
.ba-actu-hero-recent-link:hover .ba-actu-hero-recent-title {
color: var(--oxblood, #6b1f24);
}
.ba-actu-hero-recent-date {
display: block;
font-family: 'Inter', system-ui, sans-serif;
font-size: 11px;
color: rgba(10,10,10,0.5);
letter-spacing: 0.08em;
text-transform: uppercase;
}
.ba-actu-hero-recent-all {
display: inline-flex;
align-items: center;
gap: 10px;
font-family: 'Inter', system-ui, sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--ink);
border-bottom: 1px solid var(--ink);
padding-bottom: 4px;
transition: color 0.3s, border-color 0.3s;
}
.ba-actu-hero-recent-all:hover {
color: var(--oxblood, #6b1f24);
border-color: var(--oxblood, #6b1f24);
}
.ba-actu-eyebrow {
font-family: 'Cormorant Garamond', serif;
font-size: 14px;
font-style: italic;
color: var(--bronze);
letter-spacing: 0.06em;
margin-bottom: 32px;
}
.ba-actu-title {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(56px, 8vw, 128px);
font-weight: 300;
line-height: 0.95;
letter-spacing: -0.025em;
color: var(--ink);
margin: 0 0 36px;
max-width: var(--actu-text-max);
}
.ba-actu-title em {
font-style: italic;
color: var(--oxblood);
}
.ba-actu-lede {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(18px, 1.6vw, 22px);
font-style: italic;
line-height: 1.55;
color: var(--ink-soft);
max-width: 640px;
margin: 0 0 32px;
}
.ba-actu-meta {
display: flex;
align-items: center;
gap: 12px;
font-family: 'Inter', system-ui, sans-serif;
font-size: 12px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--taupe);
}
.ba-actu-meta-sep { color: var(--bronze); opacity: 0.6; } .ba-actu-section-head {
padding-top: clamp(28px, 3.5vw, 56px);
padding-bottom: clamp(20px, 2.5vw, 36px);
margin-bottom: clamp(24px, 2.5vw, 40px);
border-bottom: 1px solid var(--rule);
}
.ba-actu-section-eyebrow {
font-family: 'Cormorant Garamond', serif;
font-size: 13px;
font-style: italic;
color: var(--bronze);
letter-spacing: 0.08em;
margin-bottom: 20px;
}
.ba-actu-section-title {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(36px, 4.5vw, 64px);
font-weight: 300;
line-height: 1;
letter-spacing: -0.02em;
color: var(--ink);
margin: 0 0 20px;
}
.ba-actu-section-title em {
font-style: italic;
color: var(--oxblood);
}
.ba-actu-section-intro {
font-family: 'Cormorant Garamond', serif;
font-size: 17px;
font-style: italic;
line-height: 1.55;
color: var(--ink-soft);
max-width: 600px;
margin: 0;
} .ba-actu-featured {
padding: 0 var(--site-gutter, 48px) clamp(48px, 5vw, 80px);
}
.ba-actu-featured-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: clamp(32px, 4vw, 56px);
}
.ba-actu-featured-grid .ba-actu-card.is-lead {
grid-column: 1 / -1;
}
.ba-actu-card {
border-top: 1px solid var(--rule);
padding-top: 32px;
transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.ba-actu-card.is-lead {
border-top: none;
padding-top: 16px;
}
.ba-actu-card-link {
display: block;
position: relative;
}
.ba-actu-card-media {
margin-bottom: 24px;
overflow: hidden;
background: var(--paper-2);
}
.ba-actu-card-media .ba-actu-card-img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
aspect-ratio: 16/10;
filter: saturate(1.05) contrast(1.02);
transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.ba-actu-card-link:hover .ba-actu-card-img {
transform: scale(1.03);
}
.ba-actu-card-body { display: block; } .ba-actu-card.is-lead .ba-actu-card-link {
display: grid;
grid-template-columns: 1.3fr 1fr;
gap: clamp(32px, 5vw, 72px);
align-items: center;
}
.ba-actu-card.is-lead .ba-actu-card-body {
order: 1;
}
.ba-actu-card.is-lead .ba-actu-card-media {
order: 2;
margin-bottom: 0;
}
.ba-actu-card.is-lead .ba-actu-card-media .ba-actu-card-img {
aspect-ratio: 4/3;
}
.ba-actu-card-meta {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 20px;
font-family: 'Inter', system-ui, sans-serif;
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--taupe);
}
.ba-actu-card-cat {
color: var(--bronze);
position: relative;
padding-left: 14px;
}
.ba-actu-card-cat::before {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 6px;
height: 1px;
background: var(--bronze);
}
.ba-actu-card-title {
font-family: 'Cormorant Garamond', serif;
font-weight: 400;
line-height: 1.1;
letter-spacing: -0.01em;
color: var(--ink);
margin: 0 0 16px;
transition: color 0.3s;
font-size: clamp(24px, 2.2vw, 32px);
}
.ba-actu-card.is-lead .ba-actu-card-title {
font-size: clamp(36px, 4.5vw, 56px);
font-weight: 300;
line-height: 1.02;
margin-bottom: 24px;
}
.ba-actu-card-excerpt {
font-family: 'Cormorant Garamond', serif;
font-size: 17px;
font-style: italic;
line-height: 1.55;
color: var(--ink-soft);
margin: 0 0 24px;
max-width: 640px;
}
.ba-actu-card.is-lead .ba-actu-card-excerpt {
font-size: 19px;
max-width: 720px;
}
.ba-actu-card-cta {
display: inline-flex;
align-items: center;
gap: 10px;
font-family: 'Inter', system-ui, sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--ink);
position: relative;
padding-bottom: 4px;
}
.ba-actu-card-cta::after {
content: '';
position: absolute;
left: 0; bottom: 0;
width: 100%;
height: 1px;
background: var(--ink);
transform-origin: right;
transform: scaleX(0);
transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.ba-actu-card-link:hover .ba-actu-card-cta::after {
transform-origin: left;
transform: scaleX(1);
}
.ba-actu-card-arrow {
display: inline-block;
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.ba-actu-card-link:hover .ba-actu-card-arrow {
transform: translateX(4px);
}
.ba-actu-card-link:hover .ba-actu-card-title {
color: var(--oxblood);
} .ba-actu-archive {
padding: 0 var(--site-gutter, 48px) clamp(60px, 8vw, 140px);
background: var(--paper-2);
}
.ba-actu-archive-list {
list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid var(--rule);
counter-reset: archive;
}
.ba-actu-archive-item {
border-bottom: 1px solid var(--rule);
}
.ba-actu-archive-link {
display: grid;
grid-template-columns: 96px 1fr 32px;
column-gap: clamp(24px, 4vw, 56px);
align-items: center;
padding: clamp(28px, 3vw, 40px) 0;
transition: background-color 0.4s ease,
padding 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.ba-actu-archive-link.has-thumb { grid-template-columns: 96px 220px 1fr 32px;
}
.ba-actu-archive-link:hover {
background: rgba(10,10,10,0.025);
padding-left: 16px;
padding-right: 16px;
}
.ba-actu-archive-thumb {
width: 220px;
aspect-ratio: 16 / 10; overflow: hidden;
background: var(--paper);
border: 1px solid var(--rule);
position: relative;
}
.ba-actu-archive-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
filter: saturate(1.05) contrast(1.02);
transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1),
filter 0.4s ease;
}
.ba-actu-archive-link:hover .ba-actu-archive-img {
transform: scale(1.04);
filter: saturate(1.15) contrast(1.04);
}
.ba-actu-archive-date {
display: flex;
flex-direction: column;
align-items: flex-start;
font-family: 'Cormorant Garamond', serif;
color: var(--ink-soft);
line-height: 1;
}
.ba-actu-archive-day {
font-size: clamp(36px, 3.5vw, 48px);
font-weight: 300;
color: var(--ink);
letter-spacing: -0.02em;
margin-bottom: 6px;
}
.ba-actu-archive-month {
font-size: 13px;
font-style: italic;
color: var(--bronze);
letter-spacing: 0.06em;
text-transform: lowercase;
margin-bottom: 4px;
}
.ba-actu-archive-year {
font-size: 11px;
color: var(--taupe);
letter-spacing: 0.1em;
}
.ba-actu-archive-body { min-width: 0; }
.ba-actu-archive-title {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(20px, 1.8vw, 26px);
font-weight: 400;
line-height: 1.25;
letter-spacing: -0.005em;
color: var(--ink);
margin: 0 0 8px;
transition: color 0.3s;
}
.ba-actu-archive-link:hover .ba-actu-archive-title {
color: var(--oxblood);
}
.ba-actu-archive-cat {
font-family: 'Inter', system-ui, sans-serif;
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--bronze);
}
.ba-actu-archive-arrow {
font-family: 'Cormorant Garamond', serif;
font-size: 22px;
color: var(--ink);
text-align: right;
opacity: 0.4;
transition: opacity 0.3s, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.ba-actu-archive-link:hover .ba-actu-archive-arrow {
opacity: 1;
transform: translateX(6px);
}
.ba-actu-empty {
font-family: 'Cormorant Garamond', serif;
font-style: italic;
color: var(--ink-soft);
text-align: center;
padding: 60px 0;
} .ba-actu-pagination {
margin-top: clamp(40px, 5vw, 72px);
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.ba-actu-page a,
.ba-actu-page span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 14px;
font-family: 'Inter', system-ui, sans-serif;
font-size: 13px;
letter-spacing: 0.04em;
color: var(--ink-soft);
border: 1px solid transparent;
border-radius: 999px;
transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}
.ba-actu-page a:hover {
color: var(--ink);
border-color: var(--rule);
background: rgba(10,10,10,0.04);
}
.ba-actu-page .current {
color: var(--paper);
background: var(--ink);
border-color: var(--ink);
} .ba-actu-cta {
padding: clamp(80px, 10vw, 160px) var(--site-gutter, 48px);
text-align: center;
background: var(--paper);
border-top: 1px solid var(--rule);
}
.ba-actu-cta-rule {
width: 60px;
height: 1px;
background: var(--bronze);
margin: 0 auto 32px;
opacity: 0.6;
}
.ba-actu-cta-title {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(36px, 4.5vw, 64px);
font-weight: 300;
line-height: 1.05;
letter-spacing: -0.015em;
color: var(--ink);
margin: 0 0 20px;
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
.ba-actu-cta-title em {
font-style: italic;
color: var(--oxblood);
}
.ba-actu-cta-lede {
font-family: 'Cormorant Garamond', serif;
font-size: 18px;
font-style: italic;
color: var(--ink-soft);
margin: 0 0 36px;
}
.ba-actu-cta-btn {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 16px 32px;
background: var(--ink);
color: var(--paper);
font-family: 'Inter', system-ui, sans-serif;
font-size: 13px;
letter-spacing: 0.06em;
border-radius: 999px;
transition: background-color 0.3s, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.ba-actu-cta-btn:hover {
background: var(--oxblood);
transform: translateY(-2px);
} @media (max-width: 900px) {
.ba-actu-hero-grid { grid-template-columns: 1fr; gap: 48px; }
.ba-actu-featured-grid { grid-template-columns: 1fr; }
.ba-actu-card.is-lead .ba-actu-card-link {
grid-template-columns: 1fr;
gap: 24px;
}
.ba-actu-card.is-lead .ba-actu-card-media { order: 3; }
.ba-actu-archive-link {
grid-template-columns: 80px 1fr 24px;
gap: 20px;
}
.ba-actu-archive-day { font-size: 32px; }
}
@media (max-width: 1100px) {
.ba-actu-archive-link.has-thumb {
grid-template-columns: 84px 160px 1fr 24px;
column-gap: 24px;
}
.ba-actu-archive-thumb { width: 160px; }
}
@media (max-width: 720px) {
.ba-actu-archive-link.has-thumb {
grid-template-columns: 72px 120px 1fr;
column-gap: 16px;
}
.ba-actu-archive-thumb { width: 120px; }
.ba-actu-archive-arrow { display: none; }
.ba-actu-archive-day { font-size: 28px; }
}
@media (max-width: 540px) {
.ba-actu-archive-link,
.ba-actu-archive-link.has-thumb {
grid-template-columns: 64px 1fr;
column-gap: 14px;
}
.ba-actu-archive-thumb { display: none; }
.ba-actu-archive-arrow { display: none; }
.ba-actu-archive-day { font-size: 26px; }
.ba-actu-card-meta { flex-wrap: wrap; gap: 8px; }
}.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(//www.bensaid-avocats.fr/wp-content/plugins/ddpro/build/fancybox/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(//www.bensaid-avocats.fr/wp-content/plugins/ddpro/build/fancybox/fancybox_loading.gif) center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(//www.bensaid-avocats.fr/wp-content/plugins/ddpro/build/fancybox/blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important}.fancybox-lock{overflow:hidden !important;width:auto}.fancybox-lock body{overflow:hidden !important}.fancybox-lock-test{overflow-y:hidden !important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(//www.bensaid-avocats.fr/wp-content/plugins/ddpro/build/fancybox/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}.ragnar_accordion_stone .et_pb_accordion .et_pb_toggle.opened h5.et_pb_toggle_title:before{transform:translate(0,-50%) rotate(-45deg)}.ragnar_accordion_stone .et_pb_accordion .et_pb_toggle .et_pb_toggle_content .content_inner{padding:0 0 30px 0}@media only screen and (max-width:767px){.ragnar_accordion_stone .et_pb_column{width:100% !important;margin-right:0 !important}body .ragnar_accordion_stone .et_pb_accordion .et_pb_toggle_title{padding:30px 50px 30px 0 !important}}@media only screen and (max-width:480px){.ragnar_accordion_stone .et_pb_accordion .et_pb_toggle .et_pb_toggle_title:before{padding:8px 15px 11px}}