body:before{ position: fixed;
bottom: 8px;
left: 8px;
padding: 4px 8px;
font-size: 12px;
background: #000;
color: #fff; 
z-index: 999999;
} .actu-wrap{ max-width:1100px; margin:0 auto; padding:18px; } .actu-h1{ margin:0 0 8px 0; line-height:1.15; }
.actu-chapeau{ margin:0; line-height:1.45; font-size:1.05rem; opacity:.9; }
.actu-head{
margin-bottom:14px;
padding:14px 16px;
border-radius:14px;
background: #CFC;
}
.actu-head h1{
margin:0;
font-size:1.90em;
line-height:1.2;
letter-spacing:.2px;
font-weight:700;
}
.actu-head h1 span{
font-size:1.35rem;
opacity:.9;
}
.actu-hero{
display:grid;
grid-template-columns:360px 1fr;
gap:18px;
align-items:start;
margin:14px 0 18px 0;
}
@media (max-width:900px){
.actu-hero{ grid-template-columns:1fr; }
}
.actu-figure{ margin:0; }
.actu-img{ width:100%; height:auto; display:block; border-radius:14px; border:1px solid rgba(0,0,0,.12); }
.actu-cap{ margin-top:8px; font-size:.95rem; line-height:1.35; opacity:.85; }
.actu-texte{ min-width:0; }
.actu-content{ line-height:1.6; }
.actu-content p{ margin:0 0 12px 0; }
.actu-content p:last-child{ margin-bottom:0; }
.actu-asides{ display:grid; gap:14px; margin:18px 0 8px 0; }
.actu-box{ border:1px solid rgba(0,0,0,.10); border-radius:14px; background:#fff; padding:12px 14px; }
.actu-box h2{ margin:0 0 8px 0; font-size:1.15rem; }
.actu-box-body{ line-height:1.5; }
.actu-back{ margin-top:18px; }
.actu-back a{ text-decoration:none; }
.actu-back a:hover{ text-decoration:underline; } .actus-title{ margin: 6px 0 18px; }
.actus-year{ margin: 26px 0 10px; font-size: 1.6rem; }
.actus-timeline{ position: relative; padding-left: 22px; }
.actus-timeline:before{
content:"";
position:absolute;
left: 6px;
top: 0;
bottom: 0;
width: 2px;
background: rgba(0,0,0,.12);
}
.tl-item{
position: relative;
display: grid;
grid-template-columns: 18px 1fr;
gap: 12px;
padding: 10px 0;
}
.tl-dot{
width: 12px;
height: 12px;
border-radius: 999px;
border: 2px solid rgba(0,0,0,.35);
background: #fff;
margin-top: 6px;
}
.tl-card{
border: 1px solid rgba(0,0,0,.10);
border-radius: 14px;
padding: 12px 14px;
background: #fff;
}
.tl-meta{ opacity: .8; font-size: .95rem; margin-bottom: 6px; }
.tl-title{ margin: 0 0 8px; font-size: 1.15rem; }
.tl-title a{ text-decoration: none; }
.tl-title a:hover{ text-decoration: underline; }
.tl-thumb img{
width: 140px;
height: auto;
border-radius: 12px;
border: 1px solid rgba(0,0,0,.10);
margin: 6px 0 8px;
display:block;
}
.tl-excerpt{ margin: 0 0 10px; opacity: .9; }
.tl-actions{ display:flex; gap:10px; }
.tl-link{
display:inline-block;
padding: 6px 10px;
border: 1px solid rgba(0,0,0,.18);
border-radius: 10px;
text-decoration:none;
}
.tl-link:hover{ border-color: rgba(0,0,0,.35); }
.actus-pagination{ margin-top: 16px; } .actu-row{
display: grid;
grid-template-columns: 160px 1fr;
gap: 14px;
padding: 14px 0;
border-bottom: 1px solid rgba(0,0,0,.10);
}
@media (max-width: 800px){
.actu-row{ grid-template-columns: 1fr; }
}
.actu-row__thumb img{
width: 160px;
height: auto;
display: block;
border-radius: 12px;
border: 1px solid rgba(0,0,0,.10);
}
.actu-row__thumb--empty{
width: 160px;
height: 110px;
border-radius: 12px;
border: 1px dashed rgba(0,0,0,.20);
display:flex;
align-items:center;
justify-content:center;
opacity:.6;
}
.actu-row__meta{
display:flex;
flex-wrap: wrap;
gap: 8px;
align-items: baseline;
opacity: .85;
margin-bottom: 6px;
}
.actu-row__date{ font-weight: 600; }
.actu-row__sep{ opacity: .6; }
.actu-row__sujet{ opacity: .95; }
.actu-row__title{
margin: 0 0 8px 0;
font-size: 1.15rem;
}
.actu-row__title a{ text-decoration:none; }
.actu-row__title a:hover{ text-decoration:underline; }
.actu-row__excerpt{
margin: 0;
opacity: .9;
line-height: 1.45;
}
.actu-linked{ margin:0; padding-left:18px; }
.actu-linked li{ margin:0 0 6px 0; }  .bateau-wrap{
max-width: 1200px;
margin: 0 auto;
padding: 18px;
} .bateau-wrap h1,
.bateau-section h2{
line-height: 1.15;
}
.bateau-section h2{
margin: 0 0 12px 0;
font-size: 1.25rem;
} .bateau-section,
.bateau-cardreg,
.card.bateau-section{
border: 1px solid rgba(0,0,0,.10);
border-radius: 14px;
background: #fff;
padding: 14px 16px;
margin: 0 0 14px 0;
} .bateau-grid{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
margin: 0 0 14px 0;
}
@media (max-width: 980px){
.bateau-grid{ grid-template-columns: 1fr; }
} .bateau-kv{
list-style: none;
margin: 0;
padding: 0;
}
.bateau-kv li{
display: grid;
grid-template-columns: 140px 1fr;
gap: 10px;
padding: 6px 0;
border-bottom: 1px dashed rgba(0,0,0,.10);
}
.bateau-kv li:last-child{ border-bottom: 0; }
.bateau-kv strong{
font-weight: 600;
opacity: .9;
}
@media (max-width: 520px){
.bateau-kv li{ grid-template-columns: 1fr; gap: 4px; }
} .bateau-content{
line-height: 1.6;
}
.bateau-content p{
margin: 0 0 12px 0;
}
.bateau-content p:last-child{
margin-bottom: 0;
} .gal-grid{
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 10px;
}
@media (max-width: 1100px){
.gal-grid{ grid-template-columns: repeat(5, 1fr); }
}
@media (max-width: 900px){
.gal-grid{ grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 680px){
.gal-grid{ grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 420px){
.gal-grid{ grid-template-columns: repeat(2, 1fr); }
}
.gal-item{
margin: 0;
}
.gal-item a{
display: block;
border-radius: 12px;
overflow: hidden;
border: 1px solid rgba(0,0,0,.10);
background: rgba(0,0,0,.02);
}
.gal-item img{
width: 100%;
height: 110px;
object-fit: cover;
display: block;
}
@media (max-width: 520px){
.gal-item img{ height: 100px; }
}
.gal-cap{
margin-top: 6px;
font-size: .92rem;
line-height: 1.25;
opacity: .85;
}   .bateau-head{
margin-bottom:14px;
padding:14px 16px;
border-radius:14px; }
.bateau-head h1{
margin:0;
font-size:1.90em;
line-height:1.2;
letter-spacing:.2px;
font-weight:700;
}
.bateau-head h1 span{
font-size:1.35rem;
opacity:.9;
}
.bateau-grid-3{
display:grid;
grid-template-columns: 1fr;
gap:14px;
margin-top:14px;
}
@media(min-width:980px){
.bateau-grid-3{grid-template-columns:repeat(3, 1fr);} 
}
.card{
border:1px solid rgba(0,0,0,.12);
border-radius:14px;
background:#fff;
padding:14px 16px;
}
.card h2{
margin:0 0 10px 0;
font-size:1.05rem;
letter-spacing:.3px;
text-transform:uppercase;
opacity:.85;
}
.meta-table{
width:100%;
border-collapse:collapse;
font-size:.96rem;
}
.meta-table th{
width:42%;
text-align:left;
opacity:.8;
padding:6px 8px;
border-top:1px solid rgba(0,0,0,.08);
vertical-align:top;
font-weight:600;
}
.meta-table td{
padding:6px 8px;
border-top:1px solid rgba(0,0,0,.08);
vertical-align:top;
}
.bateau-section{margin-top:16px;}
.bateau-content{
line-height:1.7;
font-size:1.03rem;
}
.bateau-content p{margin:0 0 .95em 0;}
.bateau-content a{text-decoration:underline;}
.gal-grid{
display:grid;
grid-template-columns:1fr;
gap:14px;
}
@media(min-width:780px){.gal-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1100px){.gal-grid{grid-template-columns:repeat(3,1fr);}}
.gal-item{
border:1px solid rgba(0,0,0,.10);
border-radius:14px;
overflow:hidden;
background:#fff;
}
.gal-item img{
width:100%;
height:auto;
display:block;
max-height:360px;
object-fit:cover;
}
.gal-cap{
padding:10px;
font-size:.95rem;
line-height:1.35;
opacity:.9;
font-style:italic;
}
.nav-links{
display:flex;
gap:12px;
flex-wrap:wrap;
margin:10px 0 5px 0;
}
.nav-links a{
display:inline-block;
padding:8px 12px;
border:1px solid rgba(0,0,0,.15);
border-radius:12px;
text-decoration:none;
}
.nav-links a:hover{
background:rgba(0,0,0,.04);}    .blist-wrap{
width:1200px;
margin:0 auto;padding:18px; 
text-align: center;
}
.blist-grid{
display:grid;
grid-template-columns: 1fr;
gap:14px;
}
@media (min-width: 780px){
.blist-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1100px){
.blist-grid{ grid-template-columns: repeat(3, 1fr); }
}
.blist-card{
border:1px solid #D5D0C7;
border-radius:10px;
background:#FFFFFF;
color:#262626;
overflow:hidden;
display:flex;
gap:12px;
padding:12px;
align-items:flex-start;
transition:background .15s ease;
}
.blist-card:hover{
background:#F1EFEA;
}
.blist-thumb{
flex:0 0 110px;
width:110px;
height:82px;
border-radius:10px;
overflow:hidden;
border:1px solid #D5D0C7;
background:#F1EFEA;
display:flex;
align-items:center;
justify-content:center;
}
.blist-thumb img{
width:110px;
height:82px;
object-fit:cover;
display:block;
}
.blist-body{flex:1;min-width:0;}
.blist-title{
margin:0 0 6px 0;
font-size:1.05rem;
line-height:1.2;
font-weight:700;
}
.blist-title a{
color:#183A55;
text-decoration:none;
}
.blist-title a:hover{
color:#25628A;
text-decoration:underline;
}
.blist-meta{font-size:.95em;opacity:.78;line-height:1.35;}
.blist-tech{font-size:.92em;opacity:.75;line-height:1.35;margin-top:6px;}
.blist-pager{display:flex;justify-content:space-between;gap:12px;margin-top:18px;}
.blist-search-form{
width:100%;
}
.blist-form{
display:flex;
flex-direction:column;
gap:10px;
width:100%;
}
.blist-form__row{
display:flex;
justify-content:center;
align-items:center;
gap:10px;
flex-wrap:wrap;
} .blist-form__row:has(.blist-q) {
margin-top: 10px;
} .blist-radios{
display:flex;
gap:8px;
flex-wrap:wrap;
}
.blist-radios label{
display:inline-flex;
align-items:center;
gap:6px;
padding:6px 10px;
border:1px solid #D5D0C7;
border-radius:999px;
background:#F1EFEA;
color:#183A55;
cursor:pointer;
user-select:none;
}
.blist-radios label:hover{
background:#E8E5DE;
} .blist-radios label:has(input:checked){
background:#183A55;
color:#fff;
border-color:#183A55;
}
.blist-radios input{
margin:0;
} .blist-q{
padding:6px 10px;
min-width:260px;
border:1px solid #D5D0C7;
border-radius:10px;
} .blist-select{
padding:6px 10px;
max-width:260px;
border:1px solid #D5D0C7;
border-radius:10px;
} .blist-btn{
padding:6px 12px;
border:1px solid #183A55;
border-radius:10px;
background:#183A55;
color:#fff;
cursor:pointer;
}
.blist-btn:hover{
background:#2C5C78;
} .blist-effa{
padding:6px 12px;
border:1px solid #D5D0C7;
border-radius:10px;
background:#F1EFEA;
color:#183A55;
cursor:pointer;
}
.blist-effa:hover{
background:#E8E5DE;
}
.blist-link{
padding:6px 6px;
opacity:.9;
text-decoration:none;
color:#25628A;
}
.blist-link:hover{
text-decoration:underline;
}
.blist-hint{width:100%;font-size:1.3em;opacity:.8;}
.blist-warn{
width:100%;padding:8px 10px;border-radius:10px;
border:1px solid rgba(160,80,0,.35);
background: rgba(255, 200, 0, .12);
}
.blist-rows{display:flex;flex-direction:column;gap:10px;margin-top:14px;}
.brow{
display:flex;
gap:12px;
align-items:center;
border:1px solid #D5D0C7;
border-radius:10px;
background:#FFFFFF;
padding:10px 12px;
}
.brow:hover{
background:#F1EFEA;
}
.brow-thumb{
flex:0 0 90px;
width:90px;
height:68px;
border-radius:12px;
overflow:hidden;
border:1px solid rgba(0,0,0,.08);
background:rgba(0,0,0,.05);
display:flex;
align-items:center;
justify-content:center;
}
.brow-line{
flex:1;
min-width:0;
display:grid;
grid-template-columns: repeat(6, minmax(90px, 1fr));
gap:12px;
align-items:start;
}
.bcol{
display:flex;
flex-direction:column;
line-height:1.2;
}
.blabel{
font-size:.75rem;
opacity:.65;
text-transform:uppercase;
letter-spacing:.04em;
}
.bvalue{
font-size:.98rem;
font-weight:600;
}
.brow-title{font-weight:700;}
.brow-title a{color:inherit;text-decoration:none;}
.brow-title a:hover{text-decoration:underline;}
.brow-meta{opacity:.85;font-size:.95rem;}
.brow-meta strong{font-weight:600;}
.brow-thumb img{
width:120px;
height:90px;
object-fit:cover;
border-radius:10px;
display:block;
} .bateau-id {
display: block;
margin-top: 4px;
font-size: 0.65em;
color: #666;
float: right;
}
.bateau-retour {
display: block;
margin-top: 4px;
font-size: 0.50em;
color: #666;
float: left;
}
.bateau-cardreg{
margin: 22px 0;
padding-top: 10px;
border-top: 1px solid #ddd;
}
.bateau-kv{
list-style: none;
padding-left: 0;
margin: 10px 0 0;
}
.bateau-kv li{ margin: 4px 0; }
.bateau-reg-grid{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
margin: 18px 0;
}
.bateau-reg-grid .bateau-cardreg{
margin: 0;
padding-top: 0;
border-top: 0;
}
@media (max-width: 980px){
.bateau-reg-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
.bateau-reg-grid{ grid-template-columns: 1fr; }
}  .bateau-actus{
margin: 0;
padding-left: 18px;
}
.bateau-actus li{
margin: 0 0 8px 0;
}
.bateau-actus a{
text-decoration: none;
}
.bateau-actus a:hover{
text-decoration: underline;
} .bateau-pill{
display: inline-block;
padding: 4px 10px;
border: 1px solid rgba(0,0,0,.18);
border-radius: 999px;
font-size: .92rem;
margin: 0 6px 6px 0;
background: #fff;
}  .lb-image{
max-height: calc(100vh - 140px) !important; width: auto !important;
height: auto !important;
} .lightboxOverlay{
position: fixed !important;
inset: 0 !important;
} .lb-caption{
display: block !important;
color: #fff;
text-align: center;
font-size: 0.95rem;
line-height: 1.4;
}
.lb-outerContainer{
margin-top: 6vh;
}   .presse-wrap{
max-width: 1100px;
margin: 0 auto;
padding: 18px;
}
.presse-head{
margin-bottom: 20px;
}
.presse-meta{
font-size: 0.95rem;
opacity: 0.8;
margin-bottom: 6px;
}
.presse-title{
margin: 0;
font-size: 1.6rem;
}
.presse-scans{
display: grid;
grid-template-columns: 1fr;
gap: 18px;
margin: 20px 0;
}
.presse-scan img{
width: 100%;
height: auto;
border: 1px solid #ccc;
background: #fff;
}
.presse-texte{
line-height: 1.6;
margin: 24px 0;
}
.presse-bateaux{
margin-top: 30px;
}
.presse-bateaux ul{
padding-left: 18px;
} .presse-single{
display:block;
clear:both;
} .presse-bandeau{
display:block;
width:100%;
clear:both;
margin: 0 0 16px 0;
padding: 14px 16px;
border: 1px solid rgba(0,0,0,.08);
border-radius: 10px;
}
.presse-bandeau__top{
display:flex;
gap:12px;
flex-wrap:wrap;
align-items:baseline;
font-size:14px;
opacity:.85;
}
.presse-bandeau__titre{
margin:6px 0 0 0;
font-size:22px;
line-height:1.2;
} .presse-scans-grid{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:12px;
}
@media (max-width: 640px){
.presse-scans-grid{ grid-template-columns: 1fr; }
}
.single-presse .entry-title{
display:none;
}
.presse-scan{ background: #fff; } .presse-lightbox{
position: fixed;
inset: 0;
display: none;
z-index: 99999;
}
.presse-lightbox.is-open{ display:block; }
.presse-lightbox__backdrop{
position:absolute;
inset:0;
background: rgba(0,0,0,.85);
}
.presse-lightbox__panel{
position:absolute;
inset: 24px;
display:flex;
align-items:center;
justify-content:center;
}
.presse-lightbox__img{
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
border-radius: 8px;
box-shadow: 0 10px 40px rgba(0,0,0,.4);
background: #fff;
} .presse-lightbox__btn{
position:absolute;
border: 0;
background: rgba(255,255,255,.12);
color: #fff;
width: 44px;
height: 44px;
border-radius: 999px;
cursor: pointer;
font-size: 28px;
line-height: 44px;
text-align:center;
}
.presse-lightbox__close{ top: 12px; right: 12px; font-size: 20px; }
.presse-lightbox__prev{ left: 12px; top: 50%; transform: translateY(-50%); }
.presse-lightbox__next{ right: 12px; top: 50%; transform: translateY(-50%); } @media (max-width: 640px){
.presse-lightbox__panel{ inset: 12px; }
}
.presse-lightbox__caption{
margin-top: 10px;
max-width: 980px;
color: rgba(255,255,255,.9);
font-size: 14px;
line-height: 1.35;
text-align: center;
padding: 6px 10px;
}
.bateau-presse-public { margin-top: 2rem; }
.bateau-presse-public .presse-count { margin: .5rem 0 1rem; opacity: .8; }
.presse-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.presse-card {
border: 1px solid rgba(0,0,0,.12);
border-radius: 10px;
overflow: hidden;
background: #fff;
}
.presse-thumb img { display:block; width:100%; height:auto; }
.presse-meta { padding: 10px 12px; }
.presse-meta-line { font-size: .9em; opacity: .85; margin-bottom: 6px; }
.presse-title { font-size: 1.05em; margin: 0; }
.presse-title a { text-decoration: none; }
@media (max-width: 780px) {
.presse-grid { grid-template-columns: 1fr; }
} .fiche-col-photo {
display: flex;
align-items: flex-start;
}
.fiche-photo-principale {
display: block;
width: 100%;
aspect-ratio: 4 / 3; object-fit: cover; border-radius: 8px;
}
.fiche-photo-vide {
width: 100%;
height: 320px;
display: flex;
align-items: center;
justify-content: center;
background: #f3f3f3;
color: #666;
border-radius: 8px;
font-style: italic;
} .cadre-bleu {
background:#ced1f8;
border:1px solid blue;
border-radius:15px;
padding:15px;}
.cadre-jaune {
background: #f5f5dc;
border: 1px solid #999;
padding: 15px;
margin: 15px 0;
border-radius: 15px;
}
.bandeau-aleatoire {
height: 320px;
background-size: cover;
background-position: center;
position: relative;
width: 100%;
}
.titre-bandeau {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 54px;
font-weight: 600;
text-align: center;
width: 100%;
text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
} .site-header {
display: none;
} .photo-encadree img {
border: 1px solid #aaa !important;
padding: 5px;
background: #fff;
box-sizing: border-box;
}   .histoire-layout {
width: min(1200px, calc(100vw - 40px));
max-width: 1200px;
margin-left: 50% !important;
transform: translateX(-50%);
display: flex !important;
gap: 25px;
justify-content: center;
align-items: flex-start;
} .histoire-layout > .menu-histoire {
flex: 0 0 240px !important;
width: 240px !important;
} .histoire-contenu {
flex: 0 1 875px !important;
width: 875px !important;
max-width: 875px;
min-width: 0;
} .menu-histoire {
position: sticky;
top: 20px;
padding: 18px 16px;
background: #F1EFEA;
border: 1px solid #D5D0C7;
border-radius: 4px;
font-size: 15px;
line-height: 1.4;
box-sizing: border-box;
}  .menu-histoire-liste {
margin: 0;
padding: 0;
list-style: none;
} .menu-histoire-liste li {
margin: 0 0 6px 0;
padding: 0;
} .menu-histoire-liste a {
color: #25628A;
text-decoration: none;
} .menu-histoire-liste a:hover {
text-decoration: underline;
} .menu-histoire .current-menu-item > a {
color: #183A55 !important;
font-weight: 700;
}  .menu-histoire-titre {
margin-bottom: 16px;
color: #2C5C78;
font-size: 19px;
font-weight: 600;
white-space: nowrap;
} .menu-histoire .menu-histoire-liste > li.menu-item-has-children > a {
color: #183A55 !important;
font-weight: 600 !important;
font-size: 15px !important;
text-transform: uppercase;
letter-spacing: 0.3px;
text-decoration: none !important;
pointer-events: none;
cursor: default;
} .menu-histoire .menu-histoire-liste > li.menu-item-has-children {
margin-top: 16px;
margin-bottom: 6px;
}
.menu-histoire .menu-histoire-liste > li.menu-item-has-children:first-child {
margin-top: 0;
} .menu-histoire .sub-menu {
margin: 5px 0 10px 0;
padding-left: 12px;
list-style: none;
}
.menu-histoire .sub-menu li {
margin-bottom: 5px;
}
.menu-histoire .sub-menu a {
font-size: 14px;
color: #25628A;
} @media (max-width: 768px) {
.histoire-layout {
display: block !important;
width: auto;
max-width: 100%;
margin-left: 0 !important;
transform: none;
}
.histoire-layout > .menu-histoire,
.histoire-contenu {
width: auto !important;
max-width: 100%;
flex: none !important;
}
.menu-histoire {
position: static;
margin-bottom: 30px;
}
}
.menu-histoire li.titre-menu-histoire > a {
font-family: Arial, Helvetica, sans-serif !important;
font-weight: 700 !important;
} .accueil-recherche {
max-width: 1000px;
margin: 25px auto 20px;
padding: 28px 35px;
background: #F1EFEA;
border: 1px solid #D5D0C7;
border-radius: 5px;
text-align: center;
}
.accueil-recherche h2 {
margin-top: 0;
margin-bottom: 8px;
color: #183A55;
font-size: 28px;
}
.accueil-recherche p {
margin-top: 0;
margin-bottom: 20px;
color: #555;
}
.form-recherche-bateau {
display: flex;
justify-content: center;
gap: 10px;
max-width: 750px;
margin: 0 auto;
}
.form-recherche-bateau input {
flex: 1;
min-width: 0;
padding: 11px 14px;
font-size: 16px;
border: 1px solid #aaa;
border-radius: 3px;
background: #fff;
}
.form-recherche-bateau button {
padding: 11px 22px;
border: 0;
border-radius: 3px;
background: #183A55;
color: #fff;
font-size: 16px;
cursor: pointer;
}
.form-recherche-bateau button:hover {
background: #2C5C78;
} @media (max-width: 600px) {
.accueil-recherche {
padding: 22px 18px;
}
.form-recherche-bateau {
display: block;
}
.form-recherche-bateau input,
.form-recherche-bateau button {
width: 100%;
box-sizing: border-box;
}
.form-recherche-bateau button {
margin-top: 10px;
}
} .accueil-entrees {
max-width: 1100px;
margin: 10px auto 50px;
}
.accueil-entrees > h2 {
margin-bottom: 25px;
text-align: center;
color: #183A55;
font-size: 28px;
} .accueil-entrees .wp-block-columns {
gap: 28px;
margin-bottom: 28px;
} .accueil-carte {
height: 95%;
overflow: hidden;
background: #fff;
border: 1px solid #D5D0C7;
border-radius: 10px;
padding-top: 0px !important;
padding-bottom: 5px;
transition: transform 0.15s ease, box-shadow 0.15s ease;
} .accueil-carte > :first-child {
margin-top: 0 !important;
padding-top: 0 !important;
} .accueil-carte .wp-block-group:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
} .accueil-carte .wp-block-image {
width: 100%;
margin: 0 0 10px 0;
}
.accueil-carte .wp-block-image img {
display: block;
width: 100% !important;
height: 240px !important;
max-width: none !important;
object-fit: cover !important;
} .accueil-carte h3 {
margin: 0 22px 10px;
color: #183A55;
font-size: 22px;
} .accueil-carte p {
margin: 0 12px 12px;
line-height: 1.55;
} .accueil-carte p:last-child {
margin-bottom: 0;
}
.accueil-carte a {
color: #25628A;
font-weight: 600;
text-decoration: none;
}
.accueil-carte a:hover {
text-decoration: underline;
} .accueil-carte:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.accu-titre {}
text-align: center;
margin-right: auto;
color: #FFF;
} @media (max-width: 768px) {
.accueil-entrees {
margin-top: 35px;
}
.accueil-carte .wp-block-image img {
height: auto !important;
}
}
.bandeau-aleatoire {
position: relative;
}
.logo-bandeau {
position: absolute;
top: 15px;
left: 20px;
z-index: 10;
}
.logo-bandeau img {
width: 120px;
height: auto;
}
@media (max-width: 768px) {
.logo-bandeau {
top: 8px;
left: 10px;
}
.logo-bandeau img {
width: 80px;
}
}
.logo-bandeau {
position: absolute;
top: 15px;
left: 20px;
z-index: 999;
}
.logo-bandeau img,
.logo-camaret {
width: 120px;
height: auto;
display: block;
}
.bandeau-aleatoire {
position: relative;
}
.logo-camaret {
position: absolute;
top: 15px;
left: 20px;
width: 180px;
height: auto;
z-index: 10;
}
.accu-titre {}
text-align: center;
margin-right: auto;
color: white;
}
.  figure.video-miniature {
position: relative;
display: table;
max-width: 100%;
}
figure.video-miniature a {
display: block;
position: relative;
cursor: pointer;
}
figure.video-miniature a img {
display: block;
}
figure.video-miniature a::after {
content: "▶";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.65);
color: #fff;
font-size: 22px;
pointer-events: none;
} .video-lightbox[hidden] {
display: none;
}
.video-lightbox {
position: fixed;
inset: 0;
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 20px;
background: rgba(0, 0, 0, 0.88);
}
body.video-lightbox-open {
overflow: hidden;
}
.video-lightbox-panel {
position: relative;
width: min(var(--video-width, 540px), 100%);
max-height: 95vh;
text-align: center;
} .video-lightbox video {
display: block;
width: 100%;
height: auto;
max-height: 75vh;
object-fit: contain;
background: #000;
} .video-lightbox .video-sizes {
display: flex;
justify-content: center;
gap: 4px;
margin-bottom: 10px;
}
.video-lightbox .video-sizes button {
padding: 4px 8px;
border: none;
border-radius: 0;
background: transparent;
color: #aaa;
font-size: 12px;
font-weight: normal;
box-shadow: none;
cursor: pointer;
}
.video-lightbox .video-sizes button:hover {
background: transparent;
color: #fff;
}
.video-lightbox .video-sizes button[aria-pressed="true"] {
background: transparent;
color: #fff;
text-decoration: underline;
} .video-lightbox .video-close {
position: absolute;
top: -45px;
right: 0;
padding: 0 8px;
border: none;
background: transparent;
color: #bbb;
font-size: 32px;
line-height: 1;
box-shadow: none;
cursor: pointer;
transition: color 0.2s ease;
}
.video-lightbox .video-close:hover,
.video-lightbox .video-close:focus {
border: none;
background: transparent;
color: #fff;
box-shadow: none;
} .video-lightbox .video-retour {
display: block;
margin: 12px auto 0;
padding: 4px 8px;
background: transparent;
color: #aaa;
border: none;
border-radius: 0;
box-shadow: none;
font-size: 12px;
font-weight: normal;
cursor: pointer;
}
.video-lightbox .video-retour:hover,
.video-lightbox .video-retour:focus {
background: transparent;
color: #fff;
border: none;
box-shadow: none;
text-decoration: underline;
}  .video-lightbox .video-legende {
display: block;
margin: 10px auto 0;
color: #aaa;
font-size: 13px;
font-weight: normal;
line-height: 1.4;
text-align: center;
}