@font-face {
font-family: 'OJ';
src: url(//www.olivierjung.com/wp-content/plugins/eclipshead-css-editor/assets/fonts/oj2.eot);
src: url(//www.olivierjung.com/wp-content/plugins/eclipshead-css-editor/assets/fonts/oj2.eot?#iefix) format('embedded-opentype'),
url(//www.olivierjung.com/wp-content/plugins/eclipshead-css-editor/assets/fonts/oj2.woff2) format('woff2'),
url(//www.olivierjung.com/wp-content/plugins/eclipshead-css-editor/assets/fonts/oj2.woff) format('woff'),
url(//www.olivierjung.com/wp-content/plugins/eclipshead-css-editor/assets/fonts/oj2.ttf) format('truetype'),
url(//www.olivierjung.com/wp-content/plugins/eclipshead-css-editor/assets/fonts/oj2.otf) format('opentype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
body, html {
font-family: 'OJ', Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
body {
background: #EFF0EB url(https://www.olivierjung.com/wp-content/uploads/2025/12/fond-copie.jpg) fixed center center / cover no-repeat;
font-family: 'OJ', Arial, Helvetica, sans-serif;
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;
}
.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;
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;
}
#sos-button {
background-image: url(https://www.olivierjung.com/wp-content/uploads/2025/12/sos.webp);
}
#festival-button {
background-image: url(https://www.olivierjung.com/wp-content/uploads/2025/12/camping.webp);
}
#eclipshead-car-button {
background-image: url(https://www.olivierjung.com/wp-content/uploads/2025/12/auto.webp);
}
.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: #fff;
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;
background-image: url(https://www.olivierjung.com/wp-content/uploads/2025/12/plus1.png);
background-position: right center;
background-repeat: no-repeat;
background-size: auto 11px;
padding-right: 20px;
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: 25px;
flex-wrap: nowrap;
align-items: center;
width: 100%;
}
.baspageojb img {
width: 80%;
height: auto;
}
.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 {
background-color: #000;
background-position: center top 15px;
background-repeat: no-repeat;
background-size: auto 35%;
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;
width: 25%;
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 {
background-image: url(https://www.olivierjung.com/wp-content/uploads/2025/12/appel.webp);
left: 0;
}
#eclipshead-car-button {
left: 20%;
}
#festival-button {
left: 40%;
}
#sos-button {
left: 60%;
}
#ballon {
background-image: url(https://www.olivierjung.com/wp-content/uploads/2025/12/ballon.png);
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;
background-image: url(https://www.olivierjung.com/wp-content/uploads/2025/12/plus2-copie-1.png);
background-position: right bottom;
background-repeat: no-repeat;
background-size: auto 9px;
padding-right: 15px;
font-size: 12px;
}
#page-title, h1 {
line-height:45px;
margin-bottom:20px !important;
margin-top:20px !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;
}
}