.inner_body                                         {background-image:url('../img/illustration/back_accueil.svg'); background-repeat: no-repeat; background-position: top center; background-size: cover; background-attachment: fixed;}
.mini_nav                                           {filter: invert(1);}

.inneraccueil                                       {width:fit-content; margin:180px 12% 0px auto; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center; animation: ease move_photo 3.8s 1.5s forwards; transform:translate(500px,0px); opacity: 0;}
.inneraccueil h1                                    {font-weight: bold; margin:15px auto; color:#fff;}
.inneraccueil h2 									{font-size: 2.3em; font-weight: bold; margin: 0px auto; color:#ececec}

@keyframes move_photo           {to {transform:translate(0px,0px); opacity:1;}}

.blocinfos h3                                       {position: relative; font-family: 'Playfair Display', serif; font-size: clamp(1.6rem, 2.2vw, 2.4rem); letter-spacing: -0.5px; text-align: center; width: 100%; margin: 1.9467rem auto 1.568rem auto; line-height: 1.4em; color: #48585d; z-index: 5; display: block;}
.blocinfos h3::before                               {content: attr(data-shadow); position: absolute; top: -40px; left: 0; font-size: clamp(2.5rem, 6vw, 4.5rem); letter-spacing: -0.5px; color: #dfe4e6; z-index: -1; pointer-events: none; opacity: 0.5; line-height: 1.2em; display: block; width: max-content;}
.blocinfos .img-wrapper                             {position: relative; display: block; width: 90%; margin: 0 auto; }
.blocinfos .img-wrapper img                         {display: block; width: 100%; position: relative; z-index:1; border-radius:4px;}
.blocinfos .img-wrapper:before                      {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#dfe4e6; transform: scale(1.02) rotate(-3deg); z-index: 0; border: 2px solid #dfe4e6; opacity: 0.5; border-radius: 4px;}
.blocinfos .img-wrapper:after                       {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#dfe4e6; transform: scale(1.01) rotate(3deg); z-index: 0; border: 2px solid #e5e6df; opacity: 0.3; border-radius: 4px;}

.blocservice .row                                   {gap:20px; align-items: flex-start;}
.blocservice .row h3                                {position: relative; font-family: 'Playfair Display', serif; font-size: clamp(1.5rem, 1.5vw, 1.8rem);letter-spacing: -0.5px; text-align: center; width: 100%; margin: 1.9467rem auto 1.568rem auto; line-height: 1.4em; color: #48585d; z-index: 5; display: block;}
.blocservice .img-wrapper                           {position: relative; display: block; width: 100%; margin: 0 auto; }
.blocservice .img-wrapper img                       {display: block; width: 100%; position: relative; z-index:1; border-radius: 4px;}
.blocservice .img-wrapper:before                    {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#dfe4e6; transform: scale(1.02) rotate(-3deg); z-index: 0; border: 2px solid #dfe4e6; opacity: 0.5; border-radius: 4px;}
.blocservice .img-wrapper:after                    {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#dfe4e6; transform: scale(1.01) rotate(3deg); z-index: 0; border: 2px solid #e5e6df; opacity: 0.3; border-radius: 4px;}
.blocservice .inner                                 {width: 100%; height: auto; min-height: 260px;}

.collection                                         {border:none !important;}
.collection .collection-item                        {background:none !important; border: none !important;}

table                                               {max-width:640px; margin:0px auto;}

@media only screen and (max-width: 601px) {
    .blocinfos h3::before                           {top:-20px !important; }
    .blocservice .img-wrapper                       {width: 90%; margin: 0px 5% !important;}
}

@media only screen and (min-width: 601px) and (max-width: 1124px) {

}
@media only screen and (min-width: 1124px) and (max-width: 1384px) {


}