html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
overflow-x:hidden;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*, *:before, *:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
/*
CP
-------------------------------------
GLOBAL CSS
-------------------------------------*/
body { font-family:'Poppins', Helvetica, sans-serif; color:#111; }
.fh { height:100vh; overflow: hidden;}
a { color:#111; }
strong { font-weight:bold; }
.link { color: #111; }
.link:hover { color: #111; }
h2 { margin-bottom:40px; font-size:40px; line-height:1.2; font-weight:bold; }
@media (max-width:992px) {
h2 { font-size:7vw; }
}
h3 { text-transform: uppercase; font-weight:bold; letter-spacing: 2px; margin-top:40px; margin-bottom:20px; }
p { line-height: 1.5; margin-bottom:20px; }
/* cursor */
@media (min-width: 1200px) {
body, a, [role=button] { cursor: none; }
.circle-cursor { position: fixed; left: 0; top: 0; pointer-events: none; border-radius: 50%; z-index:99999999999; mix-blend-mode: difference; }
.circle-cursor--outer { width: 30px; height: 30px; border: 2px solid #333;}
.circle-cursor--inner { width: 5px; height: 5px; left: -2.5px; top: -2.5px; background: #ffffff; }
}
/* header */
header { position:fixed; width:100%; z-index:1040; padding:80px 90px 0; mix-blend-mode: difference; }
header a { color:#fff; }
.navbar { padding:0; }
.navbar-brand { padding:0; }
.navbar-brand svg { width:55px; }
.navbar { display:flex; align-items: center; justify-content: space-between;}
.menu-link { display:flex; align-items: center; letter-spacing: 1px; font-size: 13px;}
.menu-link:hover { color:#fff; text-decoration: none;}
.menu-toggler { width:60px; height:40px; border:0; margin-left:10px; background-color: transparent; padding:0; position: relative; }
.menu-toggler span { transition:all ease-out 0.2s; width:40px; height:2px; position:absolute; top:calc(50% - 4px); left:10px; background:#fff; display:block; }
.menu-toggler span:nth-child(2) { top:calc(50% + 2px) }
.menu-link:hover .menu-toggler span { top:calc(50% - 8px); }
.menu-link:hover .menu-toggler span:nth-child(2) { top:calc(50% + 6px) }
.menu-link.active .menu-toggler span { transform:rotate(45deg); top:50%; }
.menu-link.active .menu-toggler span:nth-child(2) { transform:rotate(-45deg); top:50%; }
#baseline { font-size:14px; position:absolute; left:0; top:0; z-index: 3; width:200px; margin:80px 0 0 165px; text-transform: uppercase; letter-spacing: 3px; color:#ffffff; }
#baseline > div { height:55px; display:flex; align-items: center; opacity:0; position:absolute; left:0; top:0; animation:fadeBaselineCutprod 16s infinite; }
#baseline > div:nth-child(2) { animation:fadeBaseline 16s 8s infinite; }
#baseline > div:nth-child(3) { animation:fadeBaseline 16s 10s infinite; }
#baseline > div:nth-child(4) { animation:fadeBaseline 16s 12s infinite; }
@keyframes fadeBaselineCutprod {
0% { opacity:0; }
5% { opacity:1; }
45% { opacity:1; }
50% { opacity:0; }
}
@keyframes fadeBaseline {
0% { opacity:0; }
3% { opacity:1; }
10% { opacity:1; }
13% { opacity:0; }
}
@media (max-width:992px) {
header { padding:25px 30px 0; }
.menu-link > span { display:none; }
#baseline { margin-left:105px; margin-top:25px; }
}
/* footer */
#footer { background-color:#fff; color:#111; padding:40px 90px; font-size:12px; letter-spacing: 0.3px;}
#footer .copyright { display:flex; }
#footer .copyright > * { margin-right:40px; }
#footer .copyright a { color:#111; }
#footer .copyright a:hover { text-decoration: underline; }
@media (max-width:480px) {
#footer { color:#111; padding:0px 10px; font-size:14px; letter-spacing: 0.3px;}
#footer .copyright { flex-direction: column; line-height: 20px }
}
/* volume icon */
#wave { cursor:pointer; position:absolute; bottom:80px; right:90px; height: 35px; width: 35px; fill: #fff;}
#wave.muted path { opacity:0.6; animation: pulseLow 1s infinite;}
#wave path { transform-origin: 50% 50%; animation: pulse 1s infinite;}
#Line_1 { animation-delay: 0.15s;}
#Line_2 { animation-delay: 0.3s;}
#Line_3 { animation-delay: 0.45s;}
#Line_4 { animation-delay: 0.6s;}
#Line_5 { animation-delay: 0.75s;}
#Line_6 { animation-delay: 0.9s;}
#Line_7 { animation-delay: 1.05s;}
#Line_8 { animation-delay: 1.2s;}
#Line_9 { animation-delay: 1.35s;}
@keyframes pulse {
0% { transform: scaleY(1); }
50% { transform: scaleY(0.7); }
100% { transform: scaleY(1); }
}
@keyframes pulseLow {
0% { transform: scaleY(0.5); }
50% { transform: scaleY(0.2); }
100% { transform: scaleY(0.5); }
}
@media (max-width:992px) {
#wave { right:30px; bottom:40px; }
}
/* follow links */
#follow-us { position:absolute; left:90px; bottom:80px; display:flex; flex-direction: column; }
#follow-us div { display:flex; flex-direction: column; }
#follow-us div > a { width:38px; height:38px; display:flex; align-items: center; justify-content: center; border-radius:50px; padding:10px; margin-top:10px; }
#follow-us div > a:hover{ background:#ffffff22; }
#follow-us span { color:#fff; transform:rotate(90deg); margin-bottom: 50px; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; margin-left: -23px; }
@media (max-width:992px) {
#follow-us { left:30px; bottom:70px; }
}
#scroll-down { /*z-index:99;*/ position:absolute; left:50%; transform:translateX(-50%); bottom:80px; display:flex; flex-direction: column; }
#scroll-down span { display:block; padding:10px; color:#fff; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; }
#scroll-down:before { content:''; transform-origin:0 0; position:absolute; top:12px; left:50%; display:block; width:1px; height:80px; background:#ffffff22; }
#scroll-down:after { content:''; transform-origin:0 0; position:absolute; top:12px; left:50%; display:block; width:1px; height:80px; background:#fff; animation:inviteScroll 2s infinite; }
@keyframes inviteScroll {
0% { transform:scaleY(0); top:100%; }
50% { transform:scaleY(1); top:100%; }
100% { transform:scaleY(0); top:calc(100% + 80px); }
}
#scroll-downbis { /*z-index:99;*/ position:absolute; left:50%; transform:translateX(-50%); bottom:80px; display:flex; flex-direction: column; }
#scroll-downbis span { display:block; padding:10px; color:#111; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; }
#scroll-downbis:before { content:''; transform-origin:0 0; position:absolute; top:12px; left:50%; display:block; width:1px; height:80px; background:#ffffff22; }
#scroll-downbis:after { content:''; transform-origin:0 0; position:absolute; top:12px; left:50%; display:block; width:1px; height:80px; background:#111; animation:inviteScroll 2s infinite; }
@keyframes inviteScroll {
0% { transform:scaleY(0); top:100%; }
50% { transform:scaleY(1); top:100%; }
100% { transform:scaleY(0); top:calc(100% + 80px); }
}
@media (max-width:992px) {
#scroll-downbis { bottom:140px; }
}
#home-intro video { position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:40px; object-fit: cover; min-height:100%; min-width:100%; }
/***************************/
/***** home-who-are-you ****/
/***************************/
#home-who-are-you { position:relative; background:#111; overflow:hidden; }
#home-who-are-you .huge-title { position: absolute; }
#home-who-are-you.active > .huge-title { display:flex; top:0; z-index:5; font-weight:bold; position:absolute; font-size:11.456vw; color:#111; letter-spacing: -1px; text-align: center; width:100%; }
#home-who-are-you.active > .huge-title > div { width:20%; height:100vh; position:relative; background:#111; color:#fff; overflow:hidden; box-shadow:inset -1px 0 0 #ffffff11; }
#home-who-are-you.active > .huge-title > div > div { animation:showwho; animation-duration:1s; animation-fill-mode: forwards; }
#home-who-are-you.active > .huge-title > div > div { top:200px; transform:translateX(-200%); position:absolute; left:0; white-space: nowrap; width:100vw; }
#home-who-are-you.active > .huge-title > div:nth-child(1) { z-index:10; animation-delay: 1.8s;}
#home-who-are-you.active > .huge-title > div:nth-child(2) > div { margin-left:-100%; animation-delay: 0.15s; }
#home-who-are-you.active > .huge-title > div:nth-child(2) { z-index:9; animation-delay: 1.9s;}
#home-who-are-you.active > .huge-title > div:nth-child(3) > div { margin-left:-200%; animation-delay: 0.3s; }
#home-who-are-you.active > .huge-title > div:nth-child(3) { z-index:8;animation-delay: 2s;}
#home-who-are-you.active > .huge-title > div:nth-child(4) > div { margin-left:-300%; animation-delay: 0.45s; }
#home-who-are-you.active > .huge-title > div:nth-child(4) { z-index:7; animation-delay: 2.1s;}
#home-who-are-you.active > .huge-title > div:nth-child(5) > div { margin-left:-400%; animation-delay: 0.6s; }
#home-who-are-you.active > .huge-title > div:nth-child(5) { z-index:6; animation-delay: 2.2s;}
#home-who-are-you.active > .huge-title > div:nth-child(6) > div { margin-left:-500%; animation-delay: 0.75s; }
#home-who-are-you.active > .huge-title > div:nth-child(6) { z-index:5; animation-delay: 2.3s;}
@keyframes showwho {
0% { transform:translateX(-200%); }
100% { transform:translateX(0); }
}
#home-who-are-you.active > .huge-title { animation:hidewho 0.2s 3s forwards; }
#home-who-are-you.active > .huge-title > div { animation-name:hidewho; animation-duration:1s; animation-fill-mode: forwards; }
@keyframes hidewho {
0% { transform:translateY(0); }
100% { transform:translateY(-100%); }
}
#who-are-you-menu { display:flex; height:100vh; position:relative; }
#who-are-you-menu > a { transition:all ease-out 0.2s; color:#fff; font-size:28px; position:relative; display:block; width:20%; height:100%; overflow: hidden; }
#who-are-you-menu > a .title { line-height:1.2; z-index:2; position:absolute; left:20px; bottom:150px; mix-blend-mode: difference; }
#who-are-you-menu > a:before { content:''; display:block; height:100%; width:1px; position:absolute; left:0; top:0; z-index:3; background:#00000022; }
#who-are-you-menu > a:after { transition:all ease-out 0.2s; transform-origin:0 100%; z-index:0; content:''; height:100%; width:102%; position:absolute; left:-1%; bottom:0; background:#fff; display:block; }
#who-are-you-menu > a:hover { width:30%; }
#who-are-you-menu > a:hover:after { transform:scaleY(0); }
#who-are-you-menu > a#who-event-link { background-image:url(assets/images/who-event.jpg); background-size:cover; background-position:center; }
#who-are-you-menu > a#who-wedding-link { background-image:url(assets/images/who-wedding.jpg); background-size:cover; background-position:center; }
#who-are-you-menu > a#who-business-man-link { background-image:url(assets/images/who-business-man.jpg); background-size:cover; background-position:center; }
#who-are-you-menu > a#who-real-estate-link { background-image:url(assets/images/who-real-estate.jpg); background-size:cover; background-position:center; }
#who-are-you-menu > a#who-travel-link { background-image:url(assets/images/who-travel.jpg); background-size:cover; background-position:center; }
#who-are-you-menu > a#who-curious-link { background-image:url(assets/images/who-curious.jpg); background-size:cover; background-position:center; }
@media (max-width:992px) {
#who-are-you-menu > a .title { mix-blend-mode: normal; }
#home-who-are-you, #who-are-you-menu { height:auto; }
#who-are-you-menu { flex-direction: column; }
#who-are-you-menu > a { width:100%; padding-top:70%; }
#who-are-you-menu > a .title { bottom:30px; }
#who-are-you-menu > a:after { display:none; }
}
#loader { z-index:99999; position:fixed; background:#111; top:0; bottom:0; width:100%; display:flex; align-items: center; justify-content: center; }
#loader > div { width:80px; height:80px; position:relative; }
#loader .circles { position:absolute; left:0; top:0; }
#loader .circles path { stroke:#222;stroke-dasharray: 1200; stroke-dashoffset: 980; opacity:0; animation:fadeIn 1s forwards; }
#loader .circles:first-child { z-index:2; }
#loader .circles:first-child path { stroke:#fff;stroke-dasharray: 1200; stroke-dashoffset: 1200; opacity:1; animation:animCircles 2s 0.5s forwards; }
@keyframes animCircles {
0% { stroke-dashoffset: 1200; }
100% { stroke-dashoffset: 980; }
}
@keyframes colorCircles {
0% { stroke:#222; }
100% { stroke:#fff; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
/*#loader .slices > div { z-index:3; width:120px; height:120px; position:absolute; }
#loader .slices > div > div { transform-origin:100% 100%; animation:animSlice ease-out 0.3s forwards; width:0; height:1px; background:linear-gradient(to right, #222, #fff, #222); }
#loader .slices > div:nth-child(1) { left:-20px; top:67px; }
#loader .slices > div:nth-child(2) { left: -53px; top: -20px; transform:rotate(90deg) }
#loader .slices > div:nth-child(3) { left: 53px; top: -97px; transform-origin:0%; transform:rotate(135deg) }
#loader .slices > div:nth-child(1) > div { animation-delay: 0.5s; }
#loader .slices > div:nth-child(2) > div { animation-delay: 0.8s; }
#loader .slices > div:nth-child(3) > div { animation-delay: 1.1s; }
@keyframes animSlice {
0% { width:0; transform:scale(1); box-shadow:0 0 10px 5px #ffffff00; }
50% { width:120px; transform:scaleX(1); box-shadow:0 0 10px 5px #ffffff11; }
100% { width:120px; transform:scaleX(0); box-shadow:0 0 10px 5px #ffffff00; }
}
*/
#loader .mask { opacity:0; animation:animMask 0.5s 2s ease-in forwards; z-index:2; position: absolute; left: 3px; top: 3px; }
#loader .mask path { fill:#111; }
@keyframes animMask {
0% { opacity:0; }
100% { opacity:1; }
}
#loader .text { z-index:2; opacity:0; animation:textFade 1s 2.2s forwards, textBlur 2s 4s forwards; position:absolute; left:calc(50% - 100px); top:calc(50% + 55px); color:#fff; letter-spacing: 5px; text-align: center; width:200px; }
@keyframes textFade {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes textBlur {
0% { filter:blur(0); letter-spacing: 5px; opacity:1; }
100% { filter:blur(4px); letter-spacing: 18px; opacity:0; }
}
#loader .circles { animation:circleFade 1s 3.7s forwards; }
@keyframes circleFade {
0% { opacity:1; }
100% { opacity:0; }
}
/*#loader { display:none; }*/
@media (min-width: 1500px) {
.site-header, body:not([class*=elementor-page-]) .site-main {
max-width: 1200px;
}
}
#fixed-bard { z-index:99; position:fixed; right:0; top:50%; transform: translateY(-50%); }
#fixed-bard li { margin-top:3px; }
#fixed-bard a { display:flex; height:80px; width:80px; background:#111; color:#fff; align-items: center; justify-content: center; }
#fixed-bard a:hover { text-decoration: none; }
#fixed-bard a i { transition: all ease-out 0.2s; }
#fixed-bard a:hover i { transform: scale(1.2); }
@media (max-width:992px) {
#fixed-bard { width:100%; top:auto; bottom:0; display:flex; transform:none; }
#fixed-bard li { width:50% }
#fixed-bard a { height:60px; width:100%; }
}
#home-who-are-we { background:#fff; position: relative; display:flex; align-items: center; }
#home-who-are-we > div { width:100%; }
#home-who-are-we > div .container { z-index:2; position: relative; }
#home-who-are-we .huge-title { position:absolute; top:150px; white-space:nowrap; display:flex; font-weight:bold; font-size:11.456vw; color:#ededed; letter-spacing: -1px; text-align: center; }
#home-who-are-we .huge-title > div { animation: slideWho 15s linear infinite; }
#home-who-are-we .huge-title-bis { background-color:#111; position:absolute; bottom:0px; padding-top:20px; white-space:nowrap; display:flex; font-weight:bold; font-size:11.456vw; color:#fff; letter-spacing: -1px; text-align: left; }
/*#home-who-are-we .huge-title-bis > div { animation: slideWho 15s linear infinite; }*/
@keyframes slideWho {
0% { transform:translateX(0); }
100% { transform:translateX(-100%); }
}
.link-line { color:#111; position:relative; }
.link-line:hover { color:#111; }
.link-line:after { transition:all ease-out 0.2s; position:absolute; left:calc(100% + 14px); top:10px; width:40px; height:3px; background:#111; display:block; content:''; }
.link-line:hover:after { width:45px; margin-left:5px; }
.huge-text, .page-content h2 { margin-bottom:40px; font-size:40px; line-height:1.2; font-weight:bold; }
@media (max-width:992px) {
.huge-text { font-size:7vw; }
.fh { height:calc(100vh - 60px); }
#home-who-are-we .huge-title { margin-top:-150px; }
#home-who-are-we .container { margin-top:-150px; }
}
@media (min-width:992px) {
#home-who-are-we .huge-title-bis { display:none; }
}
#gotop { position:fixed; right:30px; bottom:30px; display:none; }
#gotop:hover { text-decoration: none; color: #222; }
#gotop i { transition: all ease-out 0.2s; }
#gotop:hover i { transform: scale(1.2); }
@media (max-width:992px) {
#gotop { margin-bottom:50px; right:20px; transform:scale(1.3); }
}
.menu { padding:0 50px; transform:translateX(100%); transition:all ease-out 0.5s; z-index:22; display:flex; background:#111; position:fixed; top:0; right:0; bottom:0; width:500px; align-items: center; justify-content: center; }
.menu.active { transform:translateX(0); }
.menu ul li { transform:translateX(100%); opacity:0; margin-bottom:20px; }
.menu ul a { font-size:50px; font-weight: bold; color:#fff; position:relative; }
.menu ul a.active { color:#444; }
.menu ul a:hover { text-decoration: none; }
.menu ul a:after { transition:all 0.3s ease-out; height:3px; width:0%; content:''; display:block; background:#fff; position:absolute; left:-10px; top:50%; }
.menu ul a:hover:after { width:calc(100% + 20px); }
.menu ul a.active:after { width:calc(100% + 20px); background:#444; }
.menu.active ul li { transform:translateX(0%); opacity:1; transition:all ease-out 0.3s; }
.menu.active ul li:nth-child(1) { transition-delay: 0.2s; }
.menu.active ul li:nth-child(2) { transition-delay: 0.4s; }
.menu.active ul li:nth-child(3) { transition-delay: 0.6s; }
.menu.active ul li:nth-child(4) { transition-delay: 0.8s; }
.menu.active ul li:nth-child(5) { transition-delay: 1s; }
.menu.active ul li:nth-child(6) { transition-delay: 1.2s; }
.menu > div { width:100%; }
@media (max-width:992px) {
.menu { width:100%; }
.menu ul a { font-size:42px; }
}
.small-title { text-transform: uppercase; font-weight:bold; letter-spacing: 2px; margin-bottom:20px; }
#menu-services .small-title { color:#666; text-transform: uppercase; font-weight:bold; letter-spacing: 2px; margin-bottom:20px; }
#menu-services { z-index:33; }
#menu-services ul a { font-size:28px; }
/* page */
.page-transition { z-index:999999; transform:translateX(100%); transition:all ease-in-out 0.3s; display:flex; background:#111; position:fixed; top:0; left:0; right:0; bottom:0; align-items: center; justify-content: center; }
.page-transition.active { transform:translateX(0); }
#service-intro { position:relative; }
#service-intro video { position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:40px; object-fit: cover; min-height:100%; min-width:100%; }
#service-intro .big-title { letter-spacing:-2px; z-index:2; font-weight:bold; font-size:10vw; color:#fff; position:absolute; left:14vw; line-height:0.7; bottom:0; }
#service-intro #scroll-down { left:120px; }
@media (max-width:1200px) {
#service-intro video { position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:40px; object-fit: cover; min-height:100%; min-width:100%; }
#service-intro { position:relative; height: 91vh; overflow: hidden; background:#111; background-size:cover; }
}
@media (max-width:480px) {
#service-intro video { position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:40px; object-fit: cover; min-height:100%; min-width:100%; }
#service-intro { position:relative; height: 30vh; overflow: hidden; background:#111; background-size:cover; }
#service-intro .big-title { letter-spacing:-2px; z-index:2; font-weight:bold; font-size:12vw; color:#fff; position:absolute; left:14vw; line-height:0.7; bottom:0; }
.entry-title { display:none; }
#service-intro #scroll-down { display:none; }
}
@media (max-width:992px) {
.wp-embed-presentation { margin: -50px 0px; }
}
#mariage-intro {
position: relative;
width: 100%;
height: 100vh; /* Assure que le conteneur occupe toute la hauteur de la fenêtre */
overflow: hidden; /* Empêche l'image de déborder */
}
#mariage-intro .mariage-cover {
position: absolute;
object-fit: cover;
left: 50%; /* Centre horizontalement l'image */
top: 0; /* Place l'image en haut de la page */
transform: translateX(-50%); /* Centre l'image horizontalement */
width: 100%; /* Fait en sorte que l'image occupe toute la largeur */
height: 100vh; /* Fait en sorte que l'image occupe toute la hauteur de la fenêtre */
}
#mariage-intro { position:relative; height: 91vh; overflow: hidden; background:#111; background-size:cover; }
#mariage-intro .big-title { letter-spacing:-2px; z-index:2; font-weight:bold; font-size:8vw; color:#fff; position:absolute; left:14vw; line-height:0.8; bottom:-7px; }
#mariage-intro .big-title strong { font-weight:bold; }
#mariage-intro #scroll-down { left:120px; }
@media (max-width:1680px) {
#mariage-intro .mariage-cover { position:absolute; object-fit: cover; left:0%; top:0%; transform:translateX(0%) translateY(0%) scale(100%); }
}
@media (min-device-width: 768px) and (max-width:1200px) {
#mariage-intro .mariage-cover { position:absolute; left:-30%; top:0%; object-fit: cover; min-width:180%; }
#mariage-intro { position:relative; height: 91vh; overflow: hidden; background:#111; background-size:cover; }
}
@media (max-width:480px) {
#mariage-intro { position:relative; height: 30vh; overflow: hidden; background:#111; background-size:cover; }
#mariage-intro .mariage-cover { position:absolute; object-fit: cover; left:-200%; top:-50%; min-width:500%; transform:translateX(0%) translateY(-20%) scale(30%); }
#mariage-intro #scroll-down { display:none; left:40px; }
#mariage-intro .big-title { letter-spacing:-2px; z-index:2; font-weight:bold; font-size:11vw; color:#fff; position:absolute; left:5vw; line-height:0.8; bottom:-2px; }
}
/*.fade-out { z-index:2; opacity:1; animation:textFadeOut 15s 4s forwards; }
@keyframes textFadeOut {
0% { opacity:1; }
100% { opacity:0; }
}*/
section.content { background:#fff; padding-top:80px; position:relative; }
@media (max-width:480px) {
section.content { background:#fff; padding:40px 0; position:relative; }
}
.content li { margin-bottom:5px; line-height: 1.5; letter-spacing: 1px; text-transform: uppercase;}
.content li:before { content:''; display:inline-block; width:20px; height:2px; background:#222; margin-right:10px; }
.type-post { display:none; }
#about-us-intro { position:relative; height: 50vh; overflow: hidden; background:#111; background-size:cover; }
#about-us-intro .big-title { letter-spacing:-2px; z-index:2; font-weight:bold; font-size:10vw; color:#fff; position:absolute; left:14vw; line-height:0.7; bottom:0; }
#about-us-intro .big-title strong { font-weight:bold; }
#about-us-intro #scroll-down { left:120px; }
@media (max-width:480px) {
#about-us-intro { position:relative; height: 30vh; overflow: hidden; background:#111; background-size:cover; }
#about-us-intro #scroll-down { display:none; left:40px; }
#about-us-intro .big-title { letter-spacing:-2px; z-index:2; font-weight:bold; font-size:12vw; color:#fff; position:absolute; left:14vw; line-height:0.7; bottom:0; }
}
.full-width-section-old {
position: absolute;
padding: 50px;
left: 0;
width: 100%;
height: auto;
background-color: #222;
}
#contact-intro { position:relative; height: 50vh; overflow: hidden; background:#111; background-size:cover; }
#contact-intro .big-title { letter-spacing:-2px; z-index:2; font-weight:bold; font-size:10vw; color:#fff; position:absolute; left:14vw; line-height:0.7; bottom:0; }
#contact-intro .big-title strong { font-weight:bold; }
#contact-intro #scroll-down { left:120px; }
@media (max-width:480px) {
#contact-intro { position:relative; height: 30vh; overflow: hidden; background:#111; background-size:cover; }
#contact-intro #scroll-down { display:none; left:40px; }
#contact-intro .big-title { letter-spacing:-2px; z-index:2; font-weight:bold; font-size:12vw; color:#fff; position:absolute; left:14vw; line-height:0.7; bottom:0; }
}
#dispo header { display:none; }
#dispo .big-title { display:none; }
#dispo #scroll-down { display:none; }
#dispo #fixed-bard { display:none; }
.calendly-inline-widget { position:relative; min-width:320px; height:800px; }
.post-password-form { margin-left: 100px; margin-top: 200px; margin-right: 100px; }
@media (max-width:992px) {
#dispo .big-title { display:none; }
#dispo #scroll-down { display:none; }
#dispo #fixed-bard { display:none; }
.calendly-inline-widget { margin-top:50px; min-width:320px; overflow-y: hidden }
.post-password-form { margin-left: 50px; margin-top: 100px; margin-right: 50px; }
}
#langage-toggler { position: absolute;right: 40px;bottom: 40px; mix-blend-mode: difference;}
#langage-toggler select { background: #000; border: 0; color: #fff; text-transform: uppercase; }
@media (max-width:992px) {
#langage-toggler { bottom:70px; }
#service-intro #scroll-down { left:40px }
.huge-text, .page-content h2 { font-size:7vw; }
#footer { padding-bottom:70px; }
.grecaptcha-badge { padding-bottom:100px; }
/*.fh { height:calc(100vh - 60px); }*/
}
[type=button], [type=submit], button { background:#111; color:#fff; border-radius: 0; padding:20px 30px; transition:all ease-out 0.2s; border:0; text-transform: uppercase; letter-spacing: 1px; }
[type=button]:hover, [type=submit]:hover, button:hover { transform:scale(1.05); background:#000; }
.wp-block-embed__wrapper iframe {width:100% }
#galleries .nav { font-size:22px; display:flex; align-items: center; justify-content: center; padding:50px 0; letter-spacing: 2px; }
#galleries .nav span { font-size: 10px; transform: translateY(-7px); display: inline-block; letter-spacing: 0; }
#galleries .nav > div + div:before { display: inline-block; content:"/"; margin:0 20px; }
@media (min-width:1366px) {
.page-content { margin:0 -120px; }
.faq { margin-left:90px; margin-right:90px; }
}
@media (max-width:480px) {
.page-content { margin:0 5px; }
.logo { transform: scale(0.8); margin:-15px -30px;}
.faq { margin-left:5px; margin-right:5px; }
}
/* ANCIENNE VERSION */
/*
.block-video { overflow:hidden; background:#222; position:relative; }
.block-video .hover:after { content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:#222; opacity:0.25; display:block; }
.block-video .hover figure { display:none; }
.block-video .hover { display:flex; flex-direction:column; justify-content:center; align-items: center; color:#fff; position:absolute; left:0; right:0; top:0; bottom:0; background-size:cover; background-position:center; }
.block-video .hover p { text-align:center; letter-spacing: 2px; font-size:40px }
.block-video .hover p + p { letter-spacing: 2px; font-size:15px; text-transform: uppercase; }
.block-video .btn-play { transition:all ease-out 0.3s; width: 60px; height: 60px; background: rgba(255,255,255,0.8); border-radius: 100px; display: flex; align-items: center; justify-content: center; margin:140px 0 40px; }
.block-video .btn-play:hover { transform:scale(1.2); }
.block-video .hover:hover:after { opacity:0; }
.block-video .hover > * { z-index:2; position:relative; }
@media (max-width:992px) {
.block-video .hover p { font-size: 8vw; }
}
@media (max-width:768px) {
.wp-block-embed__wrapper iframe { height:300px; }
}
.blocks-gallery-grid {
max-width: 1260px;
margin: 0 auto;
padding: 30px;
}
#videos-wrapper .wrap { display:flex; flex-direction: column; }
#videos-wrapper .block-video { width:100%; padding:0 10px; padding-bottom:20px; }
@media (min-width:992px) {
.block-video .hover > * { opacity:0; transition:all ease-out 0.2s; }
.block-video .hover:hover > * { opacity:1; }
#videos-wrapper .wrap { display:flex; flex-direction:row; flex-wrap:wrap; }
#videos-wrapper .block-video { width:50%; }
}
*/
/* MAJ CENTRAGE HORIZONTAL DES VIDEOS */
/* Styles pour le bloc vidéo */
.block-video {
overflow: hidden;
background: #222;
position: relative;
width: 95%; /* Largeur du bloc vidéo à 95% de la largeur de la page */
margin: 0 auto; /* Centre le bloc vidéo dans le conteneur */
}
/* FIN DE LA MAJ */
.toggle-photo { opacity:0.5; }
.toggle-photo:hover { opacity:1; }
#videos-wrapper, #photo-wrapper { background:#222; }
#photo-wrapper .blocks-gallery-grid { padding-top:0; }
#galleries .head { background:#222; color:#fff; overflow: hidden; }
#galleries .head .title { font-size: 8vw;
font-weight: bold;
margin-top: 120px;
margin-bottom: -40px;
/*z-index: 999;*/
position: relative;
bottom:0px;
}
@media (min-width:992px) {
.block-content { padding:0 30px; }
#videos-wrapper .wrap { width:96.2%; margin:auto; }
}
@media (max-width:1200px) {
#galleries .head .title { margin-bottom: -30px; }
}
@media (max-width:992px) {
#galleries .head .title { margin-bottom: -20px; }
}
@media (max-width:768px) {
#galleries .head .title { font-size: 10vw; margin-bottom: -20px; }
}
@media (max-width:480px) {
#galleries .head .title { margin-top: 100px; margin-bottom:-12px; }
}
.faq { background:#fff; position:relative; }
.hide { display:none; }