.lazy-hidden,.entry img.lazy-hidden, img.thumbnail.lazy-hidden {
background-color: #ffffff;
background-image: url(//meurice-vibert.com/wp-content/plugins/a3-lazy-load/assets/css/loading.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}
figure.wp-block-image img.lazy-hidden {
min-width: 150px;
}
picture source[type="image/webp"] {
display: block;
}@media screen and (min-width: 992px) {
body > header#site-header {
display: none;
}
}
.elementor-widget-image-carousel .swiper {
height: 650px !important;
}
.content-wrapper {
display: flex;
flex-direction: column;
min-height: 100vh;
margin-left: 329px;
}
.sidebar {
z-index: 1000;
position: fixed;
left: 0px;
top: 0px;
bottom: 0px;
width: 329px;
height: 100%;
padding-top: 20px;
padding-bottom: 20px;
background-color: #fff;
box-shadow: 1px 0 3px 0 rgba(0, 0, 0, .2);
}
.sidebar .header-wrapper {
padding-right: 0px;
padding-left: 0px;
text-align: center;
}
.sidebar .header-wrapper > a.custom-logo-link {
margin-top: 50px;
margin-bottom: 70px;
width: 100%;
max-width: 100%;
display: inline-block;
}
.sidebar .header-wrapper > a.custom-logo-link {
width: 210px;
}
.sidebar ul.sidebar-menu {
list-style: none;
padding: 0;
}
.sidebar-menu li {
width: 100%;
margin-bottom: -1px;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
max-width: 100%;
display: inline-block;
cursor: pointer;
text-align: center;
}
.sidebar-menu li a {
display: inline-block;
max-width: 100%;
text-decoration: none;
padding: 20px;
color: #00665e;
font-family: Oswald, sans-serif;
font-size: 11px;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
transform-style: preserve-3d;
transition: all, transform 300ms;
transform: translateX(0px) translateY(0px) translateZ(0px);
}
.sidebar-menu li:hover a {
transform: translateX(30px) translateY(0px) translateZ(0px);
transition: all, transform 300ms;
}
.sidebar-menu li.current_page_item a {
color: #222;
}
.sidebar .sidebar-widget-area {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: none;
box-sizing: border-box;
}
.sidebar .sidebar-widget-area .widget_social_media_widget {
margin-bottom: 15px;
}
.sidebar-widget-area .social-media-icons {
display: flex;
justify-content: center;
gap: 10px;
}
.sidebar-widget-area .social-media-icons .social-icon {
width: 30px;
height: 30px;
border-radius: 100%;
background-color: transparent;
opacity: 0.67;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
text-decoration: none;
max-width: 100%;
display: inline-block;
}
.sidebar-widget-area .social-media-icons .social-icon:hover {
opacity: 1;
outline: 0;
}
.sidebar-widget-area .mentions-link {
text-align: center; margin-top: 7px;
margin-bottom: 13px;
color: #818181;
}
.sidebar-widget-area .mentions-link a {
text-decoration: none;
font-family: Lekton, sans-serif;
color: #818181;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
}
.sidebar-widget-area .mentions-link a.current_page_item {
color: #00665e;
text-decoration: none;
}
.content-wrapper > main {
flex-grow: 2;
}
.content-wrapper > footer {
padding: 10px 20px;
background-color: #f7a854;
color: #818181;
height: fit-content;
}
.content-wrapper > footer .footer-inner > * {
height: 35px;
}
.content-wrapper > footer .copyright_content {
color: #f2f2f2;
font-size: 13px;
text-align: left;
letter-spacing: 1px;
text-decoration: none;
font-family: Lekton, sans-serif;
line-height: 20px;
text-transform: uppercase;
}
.content-wrapper > footer .copyright_content .link {
color: #f2f2f2;
text-decoration: none;
}
.content-wrapper > footer .copyright_content .link:hover {
color: #818181;
}
.content-wrapper > footer .footer-inner .top {
opacity: 0.6;
}
.content-wrapper > footer .footer-inner .top:hover {
opacity: 1;
}
.content-wrapper > main{
padding: 20px 0;
}
.home .content-wrapper > main{
padding: 0 0 20px 0;
}
.realisation-list-container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.w-col {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
}
.w-col-4 {
width: 33.33333333%;
}
.col-port {
position: relative;
display: block;
overflow: hidden;
padding-right: 0px;
padding-left: 0px;
border: 6px solid #fff;
background-color: transparent;
letter-spacing: 0px;
transition: all 0.3s ease;
}
.realisation_item .portfolio-overlay {
position: absolute;
z-index: 10;
display: block;
overflow: visible;
width: 100%;
height: 100%;
background-color: transparent;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
text-align: center;
text-decoration: none;
}
.realisation_item .portfolio-overlay:hover {
background-color: rgba(0, 0, 0, .69);
}
.realisation_item img {
position: static;
display: inline-block;
width: 100%;
height: 100%;
object-fit: cover;
transform-style: preserve-3d;
transition: all, transform 500ms;
transform: scaleX(1) scaleY(1) scaleZ(1);
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.big-text {
position: absolute;
top: -50px;  
left: 50%;
transform: translateX(-50%);  
display: none;  
padding: 13px 17px;
background-color: #f7a854;
font-family: Oswald , sans-serif;
color: #fff;
font-size: 12px;
font-weight: 300;
letter-spacing: 4px;
margin-top: 10px;
padding: 8px 12px;
font-size: 12px;
opacity: 0;  
transition: opacity 0.3s ease;  
text-transform: uppercase;
white-space: nowrap;  
}
.col-port:hover .big-text {
display: inline-block;  
top: 50%; 
opacity: 1;  
animation: slideIn 0.5s ease forwards;  
}
@keyframes slideIn {
0% {
top: -50px;  
opacity: 0;
}
100% {
top: 35%;  
opacity: 1;
}
}
#btn_retour {
width: 100px !important;
padding: 12px 20px;
text-align: center;
cursor: pointer;
transition: all 0.3s ease;
line-height: 20px;
font-weight: 600;
margin-left: 80px;
}
#tous_les_projets,#dossier_presse {
width: 30%;
padding: 12px 20px; 
text-align: center; 
cursor: pointer; 
transition: all 0.3s ease;
line-height: 20px;
font-weight: 600;
}
#dossier_presse {
width: 50% !important;
}
.custom_btn a:hover , .custom_btn button:hover {
background-color: #004d43 !important; 
border-color: #004d43 !important; 
color: #fff !important; 
}
.line .elementor-divider-separator {
--divider-border-width: 0;
display: block !important;
width: 5% !important;
height: 3px !important;
margin: 15px auto 40px !important;
background-color: #00665e !important;
margin-top: -6px !important;
}
.titre h2{
font-family: Oswald, sans-serif !important;
color: #00665e !important;
font-size: 20px !important;
font-weight: 400 !important;
text-align: center !important;
letter-spacing: 2px !important;
}
.elementor-30 .elementor-element.elementor-element-5a3361c {
--display: auto !important; 
--background-transition: 0.3s !important;
}
.banner-home {
height: 60vh;
padding-right: 0px;
padding-left: 0px;
background-position: 50% 0px;
background-size: cover;
background-attachment: scroll;
box-shadow: none;
color: #ffb549;
position: relative;
}
.banner-home #bloc_floated
{
max-width: 720px;
position: relative;
top:50%;
display: block;
width: fit-content;
margin-right: auto;
margin-left: auto;
padding: 20px 35px;
background-color: hsla(0, 0%, 95%, .8);
box-shadow: 0 0 40px -10px #000;
}
.titre_mobile .elementor-widget-container a {
color: #00665e;
font-size: 1.5em;
font-weight: bold;  
letter-spacing: 3px;
display: block;
margin-bottom: 0px;
background-color: transparent;
text-align: center;
}
.titre_mobile .elementor-widget-container a:hover {
cursor: pointer;
}
@media (min-width: 0px) and (max-width: 400px) {
.elementor-widget-image-carousel .swiper {
height: 250px !important;
}
}
@media (min-width: 401px) and (max-width: 576px) {
.elementor-widget-image-carousel .swiper {
height: 70vw !important; 
}
}
@media (min-width: 577px) and (max-width: 991px) {
.elementor-widget-image-carousel .swiper {
height: 400px !important;
}
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
.div_decouvrir {
height: 80px !important; 
margin-top: 60px !important;
}   
}
@media only screen and (max-width: 991px) {
header#site-header {
padding-top: 20px;
padding-bottom: 20px;
}
header#site-header .header-inner {
max-width: 728px;
}
header#site-header .header-inner .site-branding {
padding-left: 10px;
}
header#site-header .header-inner img.custom-logo {
height: 100%;
width: 200px;
}
#site-header .site-navigation-toggle-holder {
padding: 0;
font-size: 24px;
align-items: flex-start;
}
#site-header .site-navigation-toggle-holder .site-navigation-toggle {
background: none;
color: #00665e;
padding: 23px 20px;
border-radius: 0;
}
#site-header .site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] {
background-color: #f7a854;
color: #fff;
}
#site-header .site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:before {
box-shadow: 0 .35rem 0 currentColor;
margin-block-end: .5rem;
}
#site-header .site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:before,
#site-header .site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:after {
transform: unset;
}
#site-header .site-navigation-dropdown ul.menu li:first-child {
border-top: 1px solid #ebebeb;
}
#site-header .site-navigation-dropdown ul.menu li a {
font-family: Oswald, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 22px;
letter-spacing: 2px;
text-decoration: none;
color: #222222;
text-transform: uppercase;
}
#site-header .site-navigation-dropdown ul.menu li:first-child a {
line-height: 21px;
}
#site-header .site-navigation-dropdown ul.menu li.current-menu-item a {
background: #fff;
color: #00665e;
}
.content-wrapper {
flex-direction: column;
margin-left: 0px;
min-height: calc(100vh - 111px);
}
.sidebar {
display: none;
transition: left 0.3s ease-in-out;
}
.main-content {
margin-left: 0;
width: 100%;
}
#btn_retour {
margin-left: auto;
margin-right: auto;
display: block;
}
.w-col-4 {
width: 100%; 
}
.realisation-list-container {
justify-content: flex-start; 
}
#tous_les_projets 
{
width: 50%; 
display: block; 
margin: 0 auto; 
white-space: nowrap; 
}
#dossier_presse {
width: 100%;
display: block;
margin: 0 auto;
}
.div_title{
margin-top: 20px !important;
}
}
.text_description{
font-weight: 400 !important;
line-height: 23px !important ;
}
.feat-ico {
overflow: hidden !important;
width: 85px !important;
height: 85px !important;
border-radius: 100% !important;
background-color: #ffaa4f !important;
color: #333 !important;
text-align: center !important;
}
.text_container{
width: calc(100% - 105px) !important;
}
.feat-text {
overflow: hidden !important;
font-size: 13px !important;
line-height: 20px !important;
margin-top: 0px !important;
margin-bottom: 5px !important;
font-family: Raleway, sans-serif !important;
color: #616161 !important;
}
.home_title{
font-family: Oswald, sans-serif !important;
color: #414141 !important;
font-size: 14px !important;
line-height: 24px !important;
font-weight: 700 !important;
letter-spacing: 2px !important;
}
.padding_grille {
padding-left: 0px !important; 
padding-right: 0px !important; 
}
.div_grille {
width: 1020px !important;
}
@media screen and (max-width: 768px) {
.div_grille {
width: 100% !important; 
padding: 0 10px; 
}
.banner-home #bloc_floated
{
max-width: 450px;
position: relative;
top: 48%;
}
}
.banner-video{
height: 100%;
width: 100%;
max-width: 100%;
left: 50%;
right: 50%;
margin: 0 auto;
}
.sound-control--wrapper{
float: right;
z-index: 1000;
}
.sound-control{
display: none;
height: 50px;
width: 50px;
cursor: pointer;
}
.sound-control.is-active{
display: block;
}
.elementor-10 .elementor-element.elementor-element-1824f81 {
--display: aliceblue !important;
--align-items: center;
--container-widget-width: calc((1 - var(--container-widget-flex-grow))* 100%);
--background-transition: 0.3s;
--margin-top: 180px;
--margin-bottom: 0px;
--margin-left: 0px;
--margin-right: 0px;
}
.paragraphe_bio {
width: 610px !important;
}
.elementor-14 .elementor-element.elementor-element-d05c8c4 {
--display: auto !important;
--background-transition: 0.3s !important;
}
.text-field {
margin-bottom: 20px !important;
border-left: 1px solid #e1e1e1 !important;
border-top-style: none !important;
border-right-style: none !important;
border-bottom-width: 1px !important;
border-bottom-color: #e1e1e1 !important;
font-family: Raleway, sans-serif !important;
font-size: 13px !important;
font-weight: 300 !important;
text-decoration: none !important;
text-transform: none !important;
}
.text-field:focus {
border-color: #3898EC !important;
outline: 0;
}
.w-input{
display: block !important;
width: 100%;
height: 38px !important;
padding: 8px 12px !important;
margin-bottom: 10px !important;
font-size: 14px !important;
line-height: 1.428571429 !important;
color: #333333 !important;
vertical-align: middle !important;
background-color: #ffffff !important;
border: 1px solid #cccccc !important;
}
.contact a {
background-color: transparent !important;
text-decoration: none  !important;
color: #69727d !important;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
display: block !important; 
margin: 0 auto !important; 
color: #f7a854 !important;
border-color: #f7a854 !important;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
color: #ffffff !important;       
border-color: #004d43 !important;   
background-color: #004d43 !important; 
}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
color: #f7a854 !important; 
background-color: #fff  !important;
border-color: #f7a854  !important;
text-decoration: none  !important;
}
.mentions_paragraphe {
margin-right: 10px !important;
text-align: justify !important;
margin-top: 5px !important;
margin-bottom: 5px !important;
font-family: Raleway, sans-serif !important;
color: #616161 !important;
font-size: 13px !important;
line-height: 30px !important;
text-transform: none !important;
}
.lien a{
color: #0000ff !important; 
}
.lien a:active{
color: #ff0000 !important; 
}
.elementor-20 .elementor-element.elementor-element-871b924, .elementor-20 .elementor-element.elementor-element-871b924::before {
--border-transition: 0.3s;
padding: 0 !important;
}