body, html {
font-size: 16px;
line-height: 1.6;
margin: 0;
padding: 0 
}
body {
min-height: 100vh;
overflow-x: hidden 
}
h2 {
margin: 0 
}
#main-content {
color: #000;
display: block;
line-height: 1.5;
margin: 80px auto 0;
padding-bottom: 150px;
width: 500px;
min-height: 100px 
}
.pagescontenu .festival-header a:hover {
background: transparent !important;
color: #fff 
}
.footerbas {
background: #000;
bottom: 0;
color: rgba(255, 255, 255, 0.85);
display: block;
font-size: 11px;
left: 0;
padding: 10px 0;
position: fixed;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 100%;
z-index: 9999998 
}
.footerbas a {
background: none;
color: rgba(255, 255, 255, 0.6);
display: inline-block;
font-size: 11px;
margin-top: 0;
padding: 0 2px;
text-align: left;
text-decoration: none;
transition: all 0.2s ease-in-out;
width: auto 
}
.footerbas a:hover, .footerbas a:focus {
background-color: #fff;
color: #000;
outline: 2px solid #fff;
outline-offset: 2px;
text-decoration: none 
}
.footerbas a:hover {
text-decoration: underline 
}
button {
background-color: #000 
}
.en-floating-btn img {
margin-right: 8px 
}
#menu-item-1590 {
margin-bottom: 25px 
}
#sos-button {
background-color: transparent;
height: 50px;
width: 50px 
}
#eclipshead-car-button, #festival-button, #sos-button {
display: none 
}
.sl-menu-wrapper .sl-floating-btn:hover {
cursor: pointer 
}
.sl-icons-overlay {
z-index: 9999999999 
}
button.sl-close-btn {
background-color: transparent 
}
button.sl-close-btn:hover {
cursor: pointer 
}
button.sl-close-btn img {
height: 30px;
margin-bottom: 0;
width: 30px 
}
.sl-icons-container a {
margin: 5px 
}
.en-popup-title {
margin-top: 0;
text-transform: uppercase 
}
.en-popup-list {
list-style: none;
margin: 0;
padding: 0 
}
.en-popup-item {
margin-bottom: 8px 
}
.en-popup-close-btn {
background: #000000;
border: none;
color: #fff;
cursor: pointer;
margin-top: 10px;
padding: 8px;
width: 100% 
}
.pagescontenu .en-popup-item .en-popup-item-link, .en-popup-item-link {
background: none;
border: none;
border-bottom: 1px dashed #000;
border-radius: 0;
box-shadow: none;
color: #000;
display: inline-block;
font-size: 14px;
font-weight: 700;
margin-top: 0;
padding: 0;
text-align: left;
text-decoration: none;
width: auto 
}
.pagescontenu .sl-icons-container a {
background: none;
box-shadow: none;
margin-top: 0;
padding: 0;
text-decoration: none 
}
.pagescontenu .lienhomeb1 a {
background-color: #fff;
color: #000;
display: block;
font-size: 20px;
line-height: 15px;
margin: 25px 0 0;
padding: 0 0 15px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: transform 0.2s ease-in-out;
width: 100% 
}
.pagescontenu .lienhomeb1 a:hover, .pagescontenu .lienhomeb1 a:focus {
outline: 3px solid #fff;
outline-offset: 3px;
transform: scale(1.05) 
}
.pagescontenu .lienhomeb1 p {
color: #fff;
display: block;
font-size: 14px;
line-height: 16px;
margin: 10px 11% 0;
text-align: center;
text-decoration: none;
width: 78% 
}
.pagescontenu .lienhomeb1 a {
margin-top: 30px !important 
}
.pagescontenu .lienhomeb0 a {
margin-top: 50px !important 
}
.page-id-7608 ol li::marker {
font-style: italic;
font-weight: 700 
}
.pasdecss {
background: none;
border: 0;
border-radius: 0;
margin-top: 0;
padding: 0;
text-transform: none;
color: #000 
}
.pagescontenu a.moinsdecss {
background: #fff;
border: 2px solid #000;
border-radius: 4px;
box-sizing: border-box;
color: #000;
display: block;
font-size: 20px;
margin-top: 0 !important;
padding: 8px 12px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: all 0.2s ease-in-out;
width: 100% 
}
.pagescontenu .story-item a {
margin-top: 0 !important 
}
.pagescontenu a.pasdecss:hover, .pagescontenu a.pasdecss:focus {
text-decoration: underline 
}
.pasdecss2 {
border-bottom: 1px dotted #fff !important 
}
p {
hyphens: auto;
letter-spacing: 0.01em;
font-size: 16px;
line-height: 1.6;
text-align: justify;
word-spacing: 0.05em 
}
.page-id-2 h2 {
font-size: 26px;
margin-top: 50px;
text-transform: uppercase 
}
.skip-link {
height: 1px;
left: -999px;
overflow: hidden;
position: absolute;
top: auto;
width: 1px;
z-index: 1000 
}
.skip-link:focus {
background: #000;
color: #fff;
font-size: 16px;
height: auto;
left: 10px;
padding: 8px 16px;
text-decoration: none;
top: 10px;
width: auto 
}
.breadcrumb a, #breadcrumbs a {
background: none;
border: 0;
border-radius: 0;
color: #000;
display: inline-block;
font-size: 10px;
font-weight: 700;
margin-top: 0;
padding: 0;
text-align: inherit;
text-decoration: none;
text-transform: uppercase;
transition: none;
width: auto 
}
.breadcrumb a:hover, #breadcrumbs a:hover {
text-decoration: underline 
}
.breadcrumb span, #breadcrumbs span {
color: #000;
font-size: 10px;
text-transform: uppercase 
}
.breadcrumb a:hover, .breadcrumb a:focus, #breadcrumbs a:hover, #breadcrumbs a:focus {
background-color: transparent;
text-decoration: underline 
}
.sl-menu-wrapper .sl-floating-btn {
display: none 
}
.widget-button-wrapper {
background: #fff;
border-radius: 0.375rem;
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.15);
display: inline-flex;
align-items: center;
height: 70px;
padding: 10px 20px 
}
.widget-button {
display: inline-flex !important;
align-items: center !important;
text-decoration: none !important;
color: #000 !important;
font-weight: 600 !important 
}
.widget-button-logo {
height: 60px !important;
width: auto !important;
margin-right: 0.5rem !important;
background-color: transparent !important 
}
.widget-button-text {
display: flex;
flex-direction: column;
justify-content: center 
}
.widget-button-title1 {
font-size: 22px;
line-height: 1.2;
text-align: left 
}
.widget-button-title2 {
font-size: 10px;
line-height: 1.2;
text-align: left 
}
.page-id-8956 h3 {
margin-bottom: 0 !important;
text-transform: uppercase 
}
.page-id-8956 caption {
text-align: left !important;
font-size: 12px;
margin: 0 !important;
padding-bottom: 5px !important 
}
.page-id-8956 table {
margin-top: 0 !important 
}
.page-id-8956 th {
background-color: #fff;
color: #000;
font-size: 12px 
}
.page-id-8985 .en-floating-btn, .page-id-8976 .en-floating-btn, .page-id-8974 .en-floating-btn, .page-id-8971 .en-floating-btn, .page-id-8977 .en-floating-btn, .page-id-9007 .en-floating-btn, .page-id-9009 .en-floating-btn, .page-id-9011 .en-floating-btn, .page-id-9013 .en-floating-btn, .page-id-9080 .en-floating-btn, .page-id-9079 .en-floating-btn, .page-id-8985 #eclipshead-car-button, .page-id-8976 #eclipshead-car-button, .page-id-8974 #eclipshead-car-button, .page-id-8971 #eclipshead-car-button, .page-id-8977 #eclipshead-car-button, .page-id-9007 #eclipshead-car-button, .page-id-9009 #eclipshead-car-button, .page-id-9011 #eclipshead-car-button, .page-id-9013 #eclipshead-car-button, .page-id-9080 #eclipshead-car-button, .page-id-9079 #eclipshead-car-button, .page-id-8985 #festival-button, .page-id-8976 #festival-button, .page-id-8974 #festival-button, .page-id-8971 #festival-button, .page-id-8977 #festival-button, .page-id-9007 #festival-button, .page-id-9009 #festival-button, .page-id-9011 #festival-button, .page-id-9013 #festival-button, .page-id-9080 #festival-button, .page-id-9079 #festival-button, .page-id-8985 #sos-button, .page-id-8976 #sos-button, .page-id-8974 #sos-button, .page-id-8971 #sos-button, .page-id-8977 #sos-button, .page-id-9007 #sos-button, .page-id-9009 #sos-button, .page-id-9011 #sos-button, .page-id-9013 #sos-button, .page-id-9080 #sos-button, .page-id-9079 #sos-button, .page-id-8985 .sl-floating-btn, .page-id-8976 .sl-floating-btn, .page-id-8974 .sl-floating-btn, .page-id-8971 .sl-floating-btn, .page-id-8977 .sl-floating-btn, .page-id-9007 .sl-floating-btn, .page-id-9009 .sl-floating-btn, .page-id-9011 .sl-floating-btn, .page-id-9013 .sl-floating-btn, .page-id-9080 .sl-floating-btn, .page-id-9079 .sl-floating-btn, .page-id-8985 .sl-menu-wrapper, .page-id-8976 .sl-menu-wrapper, .page-id-8974 .sl-menu-wrapper, .page-id-8971 .sl-menu-wrapper, .page-id-8977 .sl-menu-wrapper, .page-id-9007 .sl-menu-wrapper, .page-id-9009 .sl-menu-wrapper, .page-id-9011 .sl-menu-wrapper, .page-id-9013 .sl-menu-wrapper, .page-id-9080 .sl-menu-wrapper, .page-id-9079 .sl-menu-wrapper {
display: none !important 
}
.page-id-1375 #main-content {
margin: 40px auto 0 !important 
}
.page-id-1375 .en-floating-btn {
opacity: 0 !important 
}
.entry-title a {
color: #000;
text-decoration: none 
}
.blog-article a, .post-cta a, .entry-footer a {
color: #fff 
}
.entry-meta {
font-size: 12px;
margin: 0 !important;
text-transform: uppercase;
font-weight: 700 
}
#eclipshead-loading-screen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 9999999;
display: flex;
justify-content: center;
align-items: center;
transition: opacity 0.5s ease 
}
#eclipshead-loading-screen img {
width: 50px;
height: 50px;
animation: eclipshead-spin 1.5s linear infinite 
}
@keyframes eclipshead-spin {
0% {
transform: rotate(0deg) 
}
100% {
transform: rotate(360deg) 
}
}
body.eclipshead-loading-complete #eclipshead-loading-screen {
opacity: 0;
pointer-events: none 
}
.arrow {
display: inline-block;
transform: rotate(90deg);
padding-right: 5px 
}
p.caption {
font-size: 13px;
margin-top: -20px;
margin-bottom: 20px;
display: block;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 20px 
}
.screenshot {
width: 100%;
height: auto;
border-radius: 10px 
}
.hrhaut, .hrbas {
height: 1px;
border-top: 1px dashed #000000 !important 
}
.ensavoirplus {
display: block;
height: 15px;
margin-top: 20px;
margin-bottom: 30px;
font-size: 10px 
}
.ensavoirplus a {
text-transform: uppercase;
font-weight: 700 !important;
color: #000 !important;
text-decoration: none !important;
display: inline-block;
height: 11px;
line-height: 11px;
font-size: 12px 
}
h1 {
font-size: 50px !important;
margin: 0 !important;
padding: 0 !important 
}
h2 {
padding-top: 0 !important;
margin-bottom: 10px !important;
font-size: 20px !important 
}
h3 {
font-size: 16px !important 
}
.contenu2 {
padding-top: 20px;
text-align: center !important 
}
.toppageoj {
text-align: center 
}
.contenu2 strong, .baspageoj strong {
letter-spacing: 1px !important;
font-size: 16px !important 
}
.contenu2 small, .baspageoj small {
letter-spacing: 1px !important;
font-size: 10px !important;
font-style: italic 
}
.baspageoj {
padding-top: 20px;
padding-bottom: 10px;
text-align: center 
}
.baspageoj2 {
padding-top: 10px;
font-size: 12px;
text-align: center;
text-transform: uppercase 
}
.baspageoj2 a {
color: #000;
text-decoration: none 
}
.baspageoj a {
color: #000000;
text-decoration: none 
}
.baspageoj a:hover {
text-decoration: underline 
}
.baspageojb {
display: flex;
justify-content: space-between;
gap: 10px;
flex-wrap: nowrap;
align-items: center;
width: 100% 
}
.contenu2 em, .baspageoj em {
display: inline-block 
}
.lss-wrapper {
padding-top: 0 !important;
padding-right: 0;
padding-bottom: 0 !important;
padding-left: 0 
}
.en-floating-btn, #eclipshead-car-button, #festival-button, #sos-button, .sl-menu-wrapper .sl-floating-btn, #ballon {
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 0;
bottom: 0;
box-shadow: none;
color: #fff;
cursor: pointer;
display: block;
height: 75px;
padding: 0;
position: fixed;
text-indent: -9999px;
z-index: 999 !important 
}
#en-popup {
background: #fff;
bottom: 95px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
display: block;
margin: 0 auto;
padding: 15px 15px 15px;
position: fixed;
left: 30px;
width: 300px;
z-index: 1000 
}
.en-floating-btn {
left: 0 
}
#eclipshead-car-button {
left: 20% 
}
#festival-button {
left: 40% 
}
#sos-button {
left: 60% 
}
#ballon {
left: 80% 
}
#superfooter {
background-color: #000;
bottom: 0;
left: 0;
display: block;
height: 75px;
padding: 0;
position: fixed;
width: 100%;
z-index: 99 !important;
box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.4) 
}
.lirelasuitedelarticle {
text-transform: uppercase;
font-weight: 700 !important;
color: #000 !important;
text-decoration: none !important;
display: inline-block;
height: 12px;
line-height: 12px;
font-size: 12px 
}
#page-title, h1 {
line-height:45px;
margin-bottom:20px !important;
margin-top:20px !important 
}
.single-post .post-thumbnail img {
max-width: 100% !important;
height: auto !important 
}
.single-post .entry-footer a[rel="tag"] {
color: #fff;
text-transform: uppercase;
font-size: 12px;
padding: 4px 8px;
background-color: rgb(0,0,0,0.5);
text-decoration: none !important 
}
.lignesep {
display: block;
height: 10px;
margin: 50px 0 5px;
width: 100%;
border-top: 1px dashed #000000 
}
.ecrisby {
display: flex;
align-items: center;
gap: 2rem;
width: 100%;
margin: 1rem 0;
padding: 0;
margin-top: 40px;
padding-top: 40px;
margin-bottom: -20px !important;
font-family: system-ui, sans-serif;
border-top: 1px dashed #000000 
}
.ecrisbyphotos {
flex-shrink: 0;
width: 80px;
height: 80px 
}
.ecrisbyphotos img {
width: 100%;
height: 100%;
border-radius: 50%;
filter: #808080scale(100%) contrast(110%);
transition: all 0.4s ease;
object-fit: cover 
}
.ecrisbyphotos img:hover, .ecrisbyphotos img:focus {
filter: #808080scale(100%) contrast(90%);
transform: scale(1.05) 
}
.ecrisbyinfos {
flex: 1;
font-size: 12px;
text-align: justify !important 
}
.ecrisbyinfos p {
margin: 0 !important;
font-size: 12px;
text-align: justify !important 
}
.ecrisbyreseaux ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
margin-top: 5px !important 
}
.ecrisbyreseaux li {
display: inline 
}
.ecrisbyreseaux li:not(:last-child)::after {
content: "•";
color: #000000;
margin: 0 0.3rem 
}
.ecrisbyreseaux a {
text-decoration: none;
color: #000000;
text-transform: uppercase;
font-size: 0.85rem;
letter-spacing: 0.02em;
font-size: 10px;
font-weight: 700 
}
.ecrisbyreseaux a:hover, .ecrisbyreseaux a:focus {
text-decoration: underline 
}
.archive .pagination {
margin-bottom: 50px 
}
.archive .pagination a {
color: #000;
text-transform: uppercase;
font-size: 16px;
padding: 4px 8px;
background-color: rgb(0,0,0,0.2);
text-decoration: none !important 
}
.archive .pagination .current {
color: #000;
text-transform: uppercase;
font-size: 16px;
padding: 4px 8px;
background-color: rgb(0,0,0,0);
text-decoration: none !important 
}
article a, #main-content a {
color: #000 !important 
}
.baspageojb p {
padding: 0 !important;
margin: 0 !important;
line-height: 0 !important 
}
.entry-header h1{
line-height: 40px !important 
}
@media (max-width: 768px) {
.custom-gallery {
grid-template-columns: repeat(2, 1fr) 
}
body {
background-color: #EFF0EB;
background-image: none;
height: auto 
}
#main-content {
margin: 50px auto 0;
padding-bottom: 130px;
width: 80% 
}
.en-floating-btn img {
margin-right: 8px;
vertical-align: middle 
}
.sl-menu-wrapper .sl-floating-btn {
background-position: center top 20px !important;
background-repeat: no-repeat !important;
background-size: auto 25% !important;
display: block !important;
background-color: #000 !important;
bottom: 0 !important;
left: 80% !important 
}
.pagescontenu .lienhomeb1 a {
margin: 0;
width: 100% 
}
.pagescontenu .lienhomeb1 p {
margin: 10px 0 0;
width: 100% 
}
.page-id-2 .pagescontenu h2 {
font-size: 22px 
}
#page-title, h1 {
font-size: 30px !important 
}
h2 {
font-size: 15px !important 
}
h3 {
font-size: 14px !important;
letter-spacing: 0.01em 
}
.baspageojb {
gap: 10px 
}
.baspageojb img {
width: 100% 
}
#en-popup {
background: #fff;
bottom: 90px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
display: block;
margin: 0 5%;
padding: 15px 15px 15px;
position: fixed;
left: 0;
width: 80%;
z-index: 1000 
}
}
:root {
--navy: #0f1e3d;
--navy-mid: #1a2f5e;
--navy-light: #243b73;
--gold: #e8a020;
--gold-light: #f5c060;
--white: #ffffff;
--off-white: #f5f7fb;
--slate: #64748b;
--border: #e2e8f0;
--shadow: 0 4px 12px rgba(15, 30, 61, 0.08) 
}
body {
font-family: 'DM Sans', sans-serif !important;
color: var(--navy) !important;
line-height: 1.75 !important;
background: var(--off-white) 
}
h1, .entry-title {
font-family: 'Playfair Display', serif !important;
font-weight: 900 !important;
color: var(--gold) !important;
letter-spacing: -1px !important;
line-height: 1.1 !important;
margin-top: 0 !important;
margin-bottom: 0 !important 
}
h2, h3, h4, h5, h6 {
font-family: 'Playfair Display', serif !important;
color: var(--navy-mid) !important;
border-bottom: none !important;
margin-bottom: 0 !important 
}
p, a, .baspageoj strong, .ecrisparok, .contenu2 strong {
color: var(--navy-mid) !important;
border-bottom: none !important;
margin-bottom: 0 !important 
}
#main-content a {
color: var(--gold) !important 
}
.lirelasuitedelarticle, .baspageoj em, .baspageoj2, .contenu2 em {
color: var(--navy-mid) !important 
}
.baspageoj strong, .contenu2 strong {
color: var(--gold) !important 
}
.en-floating-btn, #eclipshead-car-button, #festival-button, #sos-button, .sl-menu-wrapper .sl-floating-btn, #ballon {
background-color: var(--navy) !important;
border-color: var(--navy) !important 
}
.lirelasuitedelarticle, .lirelasuitedelarticle small, .ensavoirplus a {
font-family: 'DM Sans', sans-serif !important;
font-weight: 900 !important 
}
.breadcrumb a, .breadcrumb, .baspageoj2 a {
font-family: 'DM Sans', sans-serif !important;
border-color: var(--navy) !important 
}
h2, h3, h4, h5, h6 {
font-weight: 900 !important 
}
.baspageojb {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
flex-wrap: nowrap;
width: 100%;
box-sizing: border-box;
padding-bottom: 10px !important 
}
.baspageojb a {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--navy) !important;
color: var(--gold) !important;
width: 60px;
height: 60px;
border-radius: 50%;
text-decoration: none;
transition: transform 0.2s ease, background-color 0.2s 
}
.baspageojb a:hover, .baspageojb a i:hover {
texte-decoration: none !important 
}
.baspageojb a i {
font-size: 24px;
display: block;
color: var(--gold) !important 
}
.en-popup-close-btn {
background: var(--navy) !important 
}
.en-floating-btn, #eclipshead-car-button, #festival-button, #sos-button, .sl-menu-wrapper .sl-floating-btn, #ballon {
position: fixed;
bottom: 0;
height: 75px;
background-color: var(--navy);
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
z-index: 999 !important;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
text-indent: -9999px;
overflow: hidden;
width: 20% 
}
#sos-button::before, .en-floating-btn::before, #eclipshead-car-button::before, #festival-button::before, #sos-button::before, .sl-menu-wrapper .sl-floating-btn::before, #ballon::before {
font-family: "Font Awesome 6 Free";
font-weight: 700;
text-indent: 0;
display: block;
width: auto;
color: var(--off-white);
font-size: 25px 
}
#sos-button::before {
content: "\f0a1" 
}
.en-floating-btn::before {
content: "\f095" 
}
#eclipshead-car-button::before {
content: "\f5e4" 
}
#festival-button::before {
content: "\f6bb" 
}
#ballon::before {
content: "\f72f" 
}
.toppageoj h1 {
font-family: 'Playfair Display', serif !important;
font-weight: 900 !important;
color: var(--navy) !important;
letter-spacing: -1.5px !important;
font-size: 3.5rem !important 
}
.soustitre {
font-family: 'DM Sans', sans-serif;
color: var(--gold) !important;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 0.9rem !important;
font-weight: 700 
}
.hrbas {
height: 1px;
background: var(--border);
border: none !important;
margin: 40px 0;
position: relative 
}
.hrbas::after {
content: "";
position: absolute;
top: -1.5px;
left: 0;
width: 40px;
height: 4px;
background: var(--gold);
border-radius: 2px 
}
h3 {
font-family: 'Playfair Display', serif !important;
color: var(--navy-mid) !important;
font-size: 1.8rem !important;
line-height: 1.2 !important;
margin-bottom: 20px !important 
}
.highlight-box {
display: flex;
align-items: center;
gap: 14px;
padding: 16px;
background: var(--off-white);
border: 1px solid var(--border);
border-radius: 8px;
margin: 20px 0 
}
.ensavoirplus a {
display: inline-flex !important;
align-items: center;
gap: 8px;
background: var(--navy) !important;
color: var(--white) !important;
padding: 10px 20px !important;
border-radius: 6px !important;
font-family: 'DM Sans', sans-serif;
font-weight: 600;
text-transform: uppercase;
font-size: 0.75rem !important;
transition: all 0.3s ease;
box-shadow: 0 4px 10px rgba(15, 30, 61, 0.15);
background-image: none !important 
}
.ensavoirplus a:hover {
background: var(--navy-mid) !important;
transform: translateY(-2px);
color: var(--gold) !important 
}
.baspageojb a:hover, .baspageojb a i:hover {
texte-decoration: none !important 
}