/*=================================
===============GLOBAL==============
=================================*/
:root {
    --violet: #7C2880;
    --rose: #DC98DF;
	--black: #000000;
    --white: #FFFFFF;
    --grey:#F5F5F5;

}
::selection {
    background: var(--rose);
    color: var(--black);
}
html, body {
    background: var(--white);
}
body{
    font-family: 'Satoshi-Variable';
    color: var(--black);
    font-size: 16px;
}
#top .inside, .header .inside, #footer .inside, #bottom .inside, body.sidebar #container, .mod_article:not(.fullwidth) > .container, .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside, .ce_video_background .ce_video_background_inside, #offcanvas-top .offcanvas-top-inside, .ce_calltoaction .ce_calltoaction_inside, .mod_breadcrumb .mod_breadcrumb_inside, .mod_pageimage .container, .ce_easy_slider .swiper-inside .swiper-inside-wrap {
    max-width: 1550px;
    margin-left: auto;
    margin-right: auto;
}
.header {
    width: 100%;
    top: 0px;
    z-index: 1030;
    position: relative;
    background: transparent;
    line-height: 100px;
    position: absolute;
}
.header .inside {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--grey);
}
.stickyheader .header.cloned {
    line-height: 70px;
    background: #fff;
}
.header .logos img{
    position: absolute;
    top: 10px;
}
.header.cloned .logos img {
    width: 100px;
}
.header.original .mainmenu ul li a.trail, .header.original .mainmenu ul li a.active, .header.cloned .mainmenu ul li a.trail, .header.cloned .mainmenu ul li a.active {
    color: var(--violet);
}
.mainmenu ul li a:hover {
    opacity: 1;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    color: var(--violet);
}
.menu-top .tel-top{
    display: flex;
    flex-direction: column;
    gap: 0px;
    justify-content: space-evenly;
    align-items: center;
    height: 100%;
}


.menu-top .tel-top a{
    padding: 6px 20px;
    background: var(--black);
    color: var(--white);
    border-radius: 5px;
    font-weight: 700;
    transition: 0.5s all ease;
    line-height: initial;
}
.menu-top .tel-top a:hover{
    background: var(--violet);
}
.header.cloned .menu-top .tel-top a{
    font-size: 0.9rem;
    padding: 4px 12px;
}
.home #slider {
    background: linear-gradient(198deg, #FFF 14.37%, #F5F5F5 51.36%);
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    min-height: 900px;
    max-height: 900px;
}
#slider .content-gallery ul {
    display: flex;
    gap: 15px;
    overflow: visible;
}
#slider div#article-92 {
    overflow: visible;
    z-index: 2;
    position: relative;
}
.home #slider:before {
    content: "";
    background-image: url(/files/upmotion/image/picto/maison.svg);
    width: 1260px;
    position: absolute;
    z-index: -1;
    height: 795px;
    background-repeat: no-repeat;
    right: -7rem;
    bottom: 0;
    border: 0;
    background-position: bottom;
    background-size: contain;
}
#slider figure img, #wrapper figure img {
    border-radius: 10px;
    position: relative;
}
.ce_rsce_titre_personnalise .headline {
    font-size: 3.75rem;
    font-weight: 900;
    color: var(--black);
    line-height: 1.2;
}
.ce_rsce_titre_personnalise .second-bloc{
    display: block;
    font-size: 3.125rem;
}
.ce_rsce_titre_personnalise .sub-headline.part-six{
    display: block;
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 400;
}  
.ce_rsce_titre_personnalise .sub-headline.part-three, .ce_rsce_titre_personnalise .sub-headline.part-five{
    position: relative;
    z-index: 1;
}
.ce_rsce_titre_personnalise .sub-headline.part-three:before, .ce_rsce_titre_personnalise .sub-headline.part-five:before {
    content: "";
    background-image: url(/files/upmotion/image/picto/brush.svg);
    width: 100%;
    position: absolute;
    z-index: -1;
    height: 116%;
    background-repeat: no-repeat;
    left: 0;
    border: 0;
    background-position: bottom;
    background-size: contain;
}
p {
    font-size: 1.20rem;
    line-height: 1.2;
}
#slider .content-text{
    padding-right: 3rem;
}
.content-hyperlink a {
    background: var(--violet);
    color: var(--white);
    padding: 9px 55px 9px 25px;
    border-radius: 5px;
    font-size: 1.1rem;
    font-weight: 600;
    position: relative;
    transition: 0.5s all ease;
}
.content-hyperlink a:hover {
    background: var(--rose);
    color: var(--black);
}
.content-hyperlink a:after {
    content: "";
    background-image: url(/files/upmotion/image/picto/right-arrow.svg);
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 18px;
    transition: 0.5s all ease;
}
.content-hyperlink a:hover:after {
    right: 10px;
    background-image: url(/files/upmotion/image/picto/right-arrow-black.svg);
}
.mainmenu {
    width: 75%;
}
.mainmenu ul li a {
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
    transition: color 0.3s ease, opacity 0.3s ease;
    -webkit-transition: color 0.3s ease, opacity 0.3s ease;
    line-height: initial;
    font-size: 1.125rem;
    text-transform: capitalize;
    color: var(--black);
    font-weight: 700;
}
#slider .ce_gallery ul li:first-child img {
    width: 230px;
    height: 523px;
    object-fit: cover;
    margin-top: 1rem;
}
#slider .ce_gallery ul li:nth-child(2) img {
    width: 251px;
    height: 475px;
    object-fit: cover;
    margin-top: 6rem;
}
#slider .ce_gallery ul li:nth-child(3) img {
    width: 251px;
    height: 443px;
    object-fit: cover;
    margin-top: 0rem;
}
.ce_gallery>ul li, .ce_gallery>ul li {
    float: none;
    position: relative;
}
#slider .ce_gallery ul li:nth-child(3):before {
    content: "";
    background-image: url(/files/upmotion/image/picto/picto-rond-noir-1.svg);
    width: 131px;
    height: 131px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 2rem;
    right: -3rem;
    z-index: -1;
}
#slider .ce_gallery ul li:nth-child(2):before {
    content: "";
    background-image: url(/files/upmotion/image/picto/picto-rond-violet.svg);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 2rem;
    right: 1rem;
    z-index: -1;
}
#slider .ce_gallery ul li:nth-child(2):after {
    content: "";
    background-image: url(/files/upmotion/image/picto/picto-rond-noir.svg);
    width: 59px;
    height: 59px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -1rem;
    right: 2rem;
    z-index: -1;
}
ul#gallery_372 {
    justify-content: flex-end;
    overflow: visible;
}
#slider .ce_gallery ul li {
    flex: initial !important;
    width: 31% !important;
    margin: 1%;
}
#slider .ce_gallery, #slider .ce_gallery ul li, #slider .ce_gallery ul li figure{
    overflow: visible;
}
.go-bottom{
    position: absolute;
    left: 50%;
    bottom: 1rem;
    transform: translateX(-50%);
}
h2{
    color: var(--noir, #000);
    font-size: 3.125rem;
    position: relative;
}
.ce_rsce_titre_personnalise h2.headline .sub-headline.part-one {
    position: relative;
    display: inline;
    z-index: 1;
}
#presentation .ce_rsce_titre_personnalise h2.headline .sub-headline.part-one:before, #relooking .ce_rsce_titre_personnalise h2.headline .sub-headline.part-one:before {
    content: "";
    background-image: url(/files/upmotion/image/picto/brush.svg);
    width: 100%;
    position: absolute;
    z-index: -1;
    height: 116%;
    background-repeat: no-repeat;
    left: 0;
    border: 0;
    background-position: bottom;
    background-size: contain;
}
.ce_rsce_titre_personnalise h2.headline span.sub-headline.part-two {
    display: block;
    font-family: 'Playfair Display';
    font-size: 2.5rem;
    font-style: italic;
    font-weight: 400;
}
.image-centre .content-image {
    display: flex;
    justify-content: center;
}
.article_93 .content-image figure:before {
    content: "";
    background-image: url(/files/upmotion/image/picto/picto-rond-violet.svg);
    width: 372px;
    height: 372px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -4rem;
    left: -2rem;
    z-index: 0;
}
.article_93 .content-image figure:after {
    content: "";
    background-image: url(/files/upmotion/image/picto/picto-rond-noir.svg);
    width: 59px;
    height: 59px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 2rem;
    left: -1rem;
    z-index: 0;
}
.content-image{
    z-index: 2;
    position: relative;
}
.article_93 .content-image:after {
    content: "";
    background-image: url(/files/upmotion/image/picto/picto-bagel-violet.svg);
    width: 207px;
    height: 207px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -3rem;
    right: 0rem;
    z-index: -1;
}
.article_93 .column.col_6.padding-left {
    padding-left: 4rem;
}
#relooking .content-image:after {
    content: "";
    background-image: url(/files/upmotion/image/picto/picto-bagel-maigre-violet.svg);
    width: 388px;
    height: 388px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -4rem;
    right: -5rem;
    z-index: -1;
}
#relooking .content-image figure:before {
    content: "";
    background-image: url(/files/upmotion/image/picto/picto-rond-violet.svg);
    width: 153px;
    height: 153px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 2rem;
    left: 4rem;
    z-index: 0;
}
#relooking .content-image figure:after {
    content: "";
    background-image: url(/files/upmotion/image/picto/picto-rond-noir.svg);
    width: 59px;
    height: 59px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 2rem;
    right: -5rem;
    z-index: 0;
}
div#relooking {
    overflow: visible;
}
#presentation img, #relooking img {
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25);
}
#prestations span.sub-headline.part-two {
    display: inline-block;
}
#prestations .ce_rsce_titre_personnalise h2.headline .sub-headline.part-one:before{
    display: none;
}
#prestations .ce_rsce_titre_personnalise .sub-headline.part-three{
    font-family: 'Playfair Display';
    font-weight: 500;
    font-style: italic;
}
#prestations .ce_rsce_titre_personnalise .sub-headline.part-three:before{
    background-image: url(/files/upmotion/image/picto/brush-white.svg);
}
#prestations .ce_rsce_list{
    display: flex;
    gap: 20px;
    margin-top: 3rem;
}
#prestations .ce_rsce_list h3{
    text-align: center;
    color: var(--white);
    font-size: 1.563rem;
}

.ce_rsce_titre_personnalise h2.headline span.sub-headline.part-two, .ce_rsce_titre_personnalise h2.headline span.sub-headline.part-three {
    display: inline;
    font-family: 'Playfair Display';
    font-size: 2.5rem;
    font-style: italic;
    font-weight: 400;
    position: relative;
    z-index: 1;
    width: auto;
}
.ce_rsce_titre_personnalise h2.headline .sub-headline.part-three :before {
    content: "";
    background-image: url(/files/upmotion/image/picto/brush.svg);
    width: 100%;
    position: absolute;
    z-index: -1;
    height: 116%;
    background-repeat: no-repeat;
    left: 0;
    border: 0;
    background-position: bottom;
    background-size: contain;
}
.ce_rsce_titre_personnalise.big .sub-headline.part-three:before {
    background-image: url(/files/upmotion/image/picto/brush-big.svg);
    height: 127%;
}
.ce_rsce_iconbox {
    background: var(--black);
    color: var(--white);
    padding: 30px;
    text-align: center;
    border-radius: 10px;
    min-height: 350px;
}
.ce_rsce_iconbox p{
font-size: 1.063rem;
}
.ce_rsce_iconbox img {
    height: 65px;
}
.ce_rsce_iconbox h3.headline {
    color: var(--white);
    font-size: 1.875rem;
}
#solutions-sur-mesure .content-hyperlink {
    position: absolute;
    right: 40px;
    top: 8rem;
}
div#rsce_leaflet_map {
    border-radius: 100%;
    width: 650px;
    position: relative;

}
.map {
    overflow: visible;
    position: relative;
    border-radius: 100%;
    width: 650px;
    display: block;
    z-index: 1;
}
.map:after {
    content: "";
    background-image: url(/files/upmotion/image/picto/picto-bagel-maigre-violet.svg);
    width: 273px;
    height: 273px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0rem;
    right: -5rem;
    z-index: -1;
}
.map:before {
    content: "";
    background-image: url(/files/upmotion/image/picto/picto-rond-noir.svg);
    width: 59px;
    height: 59px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 2rem;
    right: -3rem;
    z-index: 0;
}
.border-100.content-image img{
    border-radius: 100%!important;

}
.mon-peintre-expert.content-image {
    position: absolute;
    bottom: 1rem;
}
.content-hyperlink.txt-color-white a {
    background: var(--white);
    color: var(--black);
}
.content-hyperlink.txt-color-white a:after {
    background-image: url(/files/upmotion/image/picto/right-arrow-black.svg);
}
#peintre-expert .autogrid_row {
    justify-content: space-between;
}
#peintre-expert .border-100.content-image:after {
    content: "";
    background-image: url(/files/upmotion/image/picto/picto-bagel-maigre-white.svg);
    width: 144px;
    height: 144px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0rem;
    left: -3rem;
    z-index: -1;
}
#peintre-expert .ce_rsce_titre_personnalise .sub-headline.part-three:before {
    content: "";
    background-image: url(/files/upmotion/image/picto/brush-orange.svg);
    width: 100%;
    position: absolute;
    z-index: -1;
    height: 116%;
    background-repeat: no-repeat;
    left: 0;
    border: 0;
    background-position: bottom;
    background-size: contain;
}
#reassurance .ce_rsce_iconbox {
    background: transparent;
    color: var(--black);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
#reassurance .ce_rsce_iconbox .headline{
    font-size: 1.25rem;
    font-weight: bold;
    margin-top: 1rem;
}
#reassurance .autogrid_row {
    max-width: 1280px;
    margin: auto;
}
#reassurance:before {
    content: "";
    background-image: url(/files/upmotion/image/picto/reassurance-1.svg);
    width: 239px;
    position: absolute;
    z-index: 1;
    height: 357px;
    background-repeat: no-repeat;
    right: 0;
    border: 0;
    bottom: -30px;
    background-position: bottom;
    background-size: 100%;
    overflow: visible;
    visibility: visible;
}
#reassurance:after {
    content: "";
    background-image: url(/files/upmotion/image/picto/reassurance-2.svg);
    width: 199px;
    position: absolute;
    z-index: 1;
    height: 369px;
    background-repeat: no-repeat;
    left: 0;
    border: 0;
    bottom: -50px;
    background-position: center;
    background-size: auto;
    overflow: visible;
    visibility: visible;
}
#footer {
    clear: both;
    background: var(--black);
}
#footer .inside {
    padding: 0;
}
#footer .column.col-logo .same-height-wrap {
    display: flex;
    gap: 25px;
    color: var(--white);
    font-size: 1rem;
    
    align-items: center;
}
#footer p {
    font-size: 1rem;
}
#footer p a {
    color: var(--white);
}
#footer .headline{
    color: var(--white);
    font-size: 1.3rem;
    text-transform: uppercase;
}
#footer a {
    color: #fff;
    text-decoration: none;
}
#footer .content-gallery ul {
    display: flex;
   gap: 20px;
    justify-content: flex-start;
}

.interne #presentation {
    padding-top: 12rem;
    background: linear-gradient(198deg, #FFF 14.37%, #F5F5F5 51.36%);
}
.interne  #presentation .ce_rsce_titre_personnalise h1.headline .sub-headline.part-one:before {
    content: "";
    background-image: url(/files/upmotion/image/picto/brush.svg);
    width: 100%;
    position: absolute;
    z-index: -1;
    height: 116%;
    background-repeat: no-repeat;
    left: 0;
    border: 0;
    background-position: bottom;
    background-size: contain;
}
.interne  #presentation .ce_rsce_titre_personnalise h1.headline .sub-headline.part-one {
    position: relative;
    display: inline;
    z-index: 1;
    font-size: 3.75rem;
}
.interne .ce_rsce_titre_personnalise h1.headline span.sub-headline.part-two, .interne .ce_rsce_titre_personnalise h1.headline span.sub-headline.part-three {
    display: inline;
    font-family: 'Playfair Display';
    font-size: 2rem;
    font-style: italic;
    font-weight: 400;
    position: relative;
    z-index: 1;
    width: auto;
}
.interne  #presentation  h2 , .interne  #presentation  h3{
font-size: 1.5rem;
}
#wrapper ol, #wrapper ul {
    list-style: disc;
    padding-left: 2rem;
}
#wrapper li {
    font-size: 1.20rem;
    line-height: 1.2;
}
.interne .ce_rsce_titre_personnalise h2.headline {
    font-size: 2.75rem;
}
strong.active {
    color: var(--violet);
}
.mod_breadcrumb {
    position: relative;
    top: 0;
    z-index: 9;
    max-width: 1500px;
    margin: auto;
    height: auto;
    overflow: visible !important;
}
.mod_breadcrumb_inside {
    position: absolute;
    top: 11rem;
    z-index: 9;
    position: absolute;
    top: 12rem;
    z-index: 9;
    padding-left: 9px !important;
    font-size: 1rem;
    right: 0;
}
.mod_breadcrumb_inside ul {
    list-style: none !important;
    padding-left: 0 !important;
    display: flex;
    gap: 10px;
}
.mod_breadcrumb_inside ul li, .mod_breadcrumb_inside ul li a {
    color: var(--violet);
    font-size: 0.9rem !important;
}
.mod_breadcrumb_inside ul li:before, .mod_breadcrumb_inside ul li a:before {
    content: "/";
    padding-left: 0;
    padding-right: 10px;
}
.mod_breadcrumb_inside ul li:first-child:before, .mod_breadcrumb_inside ul li:first-child a:before{
    display: none;
}
#avantapres .content-gallery ul, .interne .content-gallery ul {
    display: flex;
   flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    align-items: center;
    list-style: none!important;
    padding: 0;
}
.realisations.content-gallery ul li {
    float: none;
    position: relative;
    width: 24%;
}
input, textarea, select {
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    transition: all 0.15s linear 0s;
    width: 100%;
    border-radius: 5px;
    background: transparent;
    font-family: 'Satoshi-Variable';
    font-size: 16px;
}


label {
    margin-bottom: 3px;
    font-weight: bold;
    font-size: 0.9rem;
}
input:focus, textarea:focus {
    background-color: transparent;
    border: 1px solid var(--violet);
    border-radius: 5px;
    font-size: 16px;
}
.explanation p {
    font-size: 0.8rem;
}
p a {
    color: var(--violet);
}
input.submit, button.submit{
    background: var(--violet);
    color: var(--white);
    padding: 9px 55px 9px 25px;
    border-radius: 5px;
    font-size: 1.1rem;
    font-weight: 600;
    position: relative;
}
button.submit:after {
    content: "";
    background-image: url(/files/upmotion/image/picto/right-arrow.svg);
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 18px;
    transition: 0.5s all ease;
}
input.submit[type="submit"]:hover, button.submit[type="submit"]:hover {
    background: var(--rose);
    color: var(--black);
}
button.submit:hover:after {
    background-image: url(/files/upmotion/image/picto/right-arrow-black.svg);
    right: 10px;
}
textarea {
    height: 150px;
    resize: none;
}
.leaflet-marker-icon{
    box-shadow: none!important;
}
.contact div#rsce_leaflet_map {
    border-radius: 83%;
    position: relative;
    max-width: 500px;
    height: 500px;
    left: 12rem;
}
#bottom .inside a:hover {
    color: var(--rose);
    border-bottom: 1px solid;
}
#bottom {
    background: var(--black);
}
#footer .container {
    padding-bottom: 50px;
}
.leaflet-control-attribution.leaflet-control {
    display: none;
}
form .checkbox_container {
    border-radius: 5px;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}
.swiper-button-next, .swiper-button-prev {
    color: var(--black)!important;
    top: 50%;
}
div#swiper_411 {
    max-width: 1280px;
}
.ce_rsce_gallery_swiper:before {
    content: "";
    background-image: url(/files/upmotion/image/picto/ronds-avant-apres.svg);
    width: 169px;
    position: absolute;
    z-index: 2;
    height: 100px;
    background-repeat: no-repeat;
    left: 1rem;
    border: 0;
    top: -4rem;
    background-position: bottom;
    background-size: 100%;
    overflow: visible;
    visibility: visible;
}
.ce_rsce_gallery_swiper {
    position: relative;
}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1)!important;
    background: var(--violet)!important;
}
.swiper-pagination-bullet {
    width:15px!important;
    height: 15px!important;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -3rem !important;
    top: initial !important;
    left: 0 !important;
    width: 100% !important;
}
#avantapres:after, .interne #presentation:after {
    content: "";
    background-image: url(/files/upmotion/image/picto/rond-avant-apres.svg);
    width: 200px;
    position: absolute;
    z-index: 2;
    height: 254px;
    background-repeat: no-repeat;
    right: -2rem;
    border: 0;
    bottom: -2rem;
    background-position: bottom;
    background-size: contain;
    overflow: visible;
    visibility: visible;
}
.interne #presentation:before {
    content: "";
    background-image: url(/files/upmotion/image/picto/ronds-avant-apres.svg);
    width: 118px;
    position: absolute;
    z-index: 2;
    height: 100px;
    background-repeat: no-repeat;
    left: 2rem;
    border: 0;
    top: 13rem;
    background-position: bottom;
    background-size: 100%;
    overflow: visible;
    visibility: visible;
}
.ce_rsce_titre_personnalise.no-brush .sub-headline.part-three:before{
    display: none
}
#cboxCurrent{
    display: none!important;
}
.content-gallery ul {
    padding-bottom: 1rem;
}
#wrapper ul.swiper-wrapper {
    padding-left: 0;
    list-style: none !important;
}
.ce_gallery ul.flex-gallery {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none !important;
    padding: 0 !important;
}
.interne .ce_gallery ul.flex-gallery.cols_4 li {
    flex: 0 0 calc(100% / 4);#si
    padding: 0.5rem;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
    padding: 10px;
}
.interne .ce_gallery ul.flex-gallery.cols_4 li:nth-child(even):after, .interne .ce_gallery ul.flex-gallery.cols_4 li:nth-child(odd):after{
    content: "Après";
    position: absolute;
    bottom: 2rem;
    z-index: 1;
    left: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--white);
}
.interne .ce_gallery ul.flex-gallery.cols_4 li:nth-child(odd):after{
    content: "Avant";
}

.ce_gallery .content {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    background: rgb(124 40 128 / 50%);
    opacity: 0;
    transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    border-radius: 10px;
}
.ce_gallery .image_container i.fa.fa-plus-circle {
    position: absolute;
    height: 50px;
    width: 50px;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}
.ce_gallery li img {
    box-shadow: none !important;
}
#article-104 .ce_gallery.mt-s.block {
    padding-bottom: 40px;
}
.mmenu_trigger {
    display: none;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    align-items: center;
    color: var(--violet);
    background: var(--violet);
    height: 70px;
    width: 70px;
    border-radius: 100%;
}
.mmenu_trigger .label{
    display: none;
}
#mmenu .mod_navigation li a {
    display: block;
    padding: 4px 0px 4px 0;
    color: var(--violet);
    font-size: 1.2rem;
    font-weight: 600;
}
#mmenu .mod_navigation li a.open, #mmenu .mod_navigation li a.active, #mmenu .mod_navigation li a:focus {
    font-weight: bold;
    color: var(--black);
}


.interne .ce_gallery.galerie-realisations li .content {
    opacity: 1;
    background: transparent;
}
.interne .ce_gallery.galerie-realisations .capt {
    text-transform: uppercase;
    font-size: 1rem;
    position: absolute;
    bottom: 2rem;
    left: 2rem;
}
.ce_rsce_filter ul {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: flex-end;
}
.ce_rsce_filter ul li a.active {
    border-color: var(--violet);
    color: var(--white);
    background: var(--violet);
}
.ce_rsce_filter {
    display: block;
    margin-bottom: 3rem;
    margin-top: 4rem;
}
.ce_rsce_filter ul{
    list-style: none!important;
}
.ce_rsce_filter ul li a {
    cursor: pointer;
    padding: 5px 15px;
    border: 1px solid var(--black);
    border-radius: 10px;
    color: var(--black);
    font-weight: 600;
}
.ce_rsce_filter .widget-select {
    display: none;
}
.ce_rsce_galleryfilter .gallery-container {
    display: flex
;
    flex-wrap: wrap;
    gap: 20px;
}
.ce_rsce_galleryfilter .gallery-container .gallery-image.hidden {
    display: none;
    opacity: 0;
    scale: 0;
    width: 0;
}
.ce_rsce_galleryfilter .gallery-container .gallery-image {
    width: 49%;
    height: auto;
    /* overflow: hidden; */
    display: block;
    opacity: 1;
    scale: 1;
    transition: all 0.5s;
    transition-behavior: allow-discrete;
    border-radius: 30px 30px 0px 30px;
    display: flex;
    gap: 20px;
}
.ce_rsce_galleryfilter .gallery-container .gallery-image .gallery-content {
    position: relative;
    height: 100%;
}
.ce_rsce_galleryfilter .gallery-container .gallery-image .gallery-content .image-content {
    width: 100%;
    height: auto;
}
.ce_rsce_galleryfilter .gallery-container .gallery-image .image-content a {
    display: flex
;
    width: 100%;
    height: 100%;
}
.ce_rsce_galleryfilter .gallery-container .gallery-image .image-content a picture {
    display: flex
;
    width: 100%;
    height: 100%;
}
.ce_rsce_galleryfilter .gallery-container .gallery-image .image-content img {
    object-fit: cover;
    width: 100%;
    border-radius: 10px;
}
.ce_rsce_galleryfilter .gallery-container .gallery-image .gallery-content:first-child .text-content:after, .ce_rsce_galleryfilter .gallery-container .gallery-image .gallery-content:last-child .text-content:after{
    content: "Avant";
    position: absolute;
    bottom: 2rem;
    z-index: 1;
    left: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--white);
}
.ce_rsce_galleryfilter .gallery-container .gallery-image .gallery-content:last-child .text-content:after{
    content: "Après";
}
.ce_rsce_galleryfilter .content {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    background: rgb(124 40 128 / 50%);
    opacity: 0;
    transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    border-radius: 10px;
}
.ce_rsce_galleryfilter .content-outside {
    display: table;
    width: 100%;
    height: 100%;
}
.ce_rsce_galleryfilter .content-inside {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: rgb(255, 255, 255);
    line-height: 1.5;
}
.ce_rsce_galleryfilter .image_container i.fa.fa-plus-circle {
    position: absolute;
    height: 50px;
    width: 50px;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}
.ce_rsce_galleryfilter .gallery-image:hover .content {
    opacity: 1;
}
.chiffres-contact .number {
    position: absolute;
    top: -3rem;
    left: 9rem;
    /* background: rgb(124 40 128 / 10%); */
    width: 150px;
    height: 150px;
    border-radius: 100%;
    display: flex
;
    justify-content: center;
    align-items: center;
    font-size: 5rem;
    font-weight: 900;
    /* opacity: 0.5; */
    z-index: 1;
    color: rgb(124 40 128 / 20%);
    /* border: 5px solid var(--violet); */
}
.chiffres-contact .number.huitcinq {
    top: 24rem;
    left: 9rem;
}
.chiffres-contact .number.quarenteneuf {
    top: -6rem;
    left: 33rem;
}





/*--- RESPONSIVE ---*/

@media screen and (max-width:1600px) {
    .interne #presentation:before {
        left: 1rem;
        top: 11rem;
    }
}
@media screen and (max-width:1500px) {
    .contact div#rsce_leaflet_map {
        border-radius: 101%;
        position: relative;
        max-width: 500px;
        height: 500px;
        left: 6rem;
    }
    .contact .map {
        width: 500px;
    }

}
@media screen and (max-width:1420px) {
    .ce_rsce_titre_personnalise .headline {
        font-size: 2.85rem;
    }
    .ce_rsce_titre_personnalise .second-bloc {
        font-size: 2.425rem;
    }
    .header .logos img {
        width: 125px;
    }
    #reassurance:before {
        width: 150px;
    }
    #reassurance:after {    
        width: 109px;   
        background-size: 100%;
    }
    .map {
        width: auto;
    }
    .map:before { 
        right: 10rem;
    }
    .map:after{
        right: 4rem;
    }
}
@media screen and (max-width:1280px) {
    #prestations .ce_rsce_list {
        flex-wrap: wrap;
    }
    #prestations .ce_rsce_list a {
        width: 33%;
        padding: 20px;
    }
    .ce_rsce_iconbox {
        min-height: 380px;
    }
    .ce_rsce_gallery_swiper:before{
        display: none;
    }
    #prestations .ce_rsce_list {
        display: flex;
        gap: 0;
        margin-top: 3rem;
    }
    .mod_breadcrumb_inside {
        top: 9rem;
    }
}

@media screen and (max-width:1150px) {
    .mainmenu ul li {
        margin-left: 10px;
        margin-right: 10px;
    }
    .ce_rsce_titre_personnalise .second-bloc {
        font-size: 2.125rem;
    }
    div#rsce_leaflet_map {
        width: 500px;
    }
    div#gmap {
        height: 500px !important;
    }
    .interne #presentation .ce_rsce_titre_personnalise h1.headline .sub-headline.part-one {
        font-size: 2.125rem;
    }
    .contact div#rsce_leaflet_map {
        border-radius: 101%;
        position: relative;
        max-width: 400px;
        height: 400px;
        left: 2rem;
    }
    .map {
        width: 400px
    }
    .chiffres-contact .number {
        position: absolute;
        top: -1rem;
        left: 3rem;
        width: 100px;
        height: 100px;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        font-weight: bold;
        z-index: 1;
        color: #000000f5;
        border: 5px solid var(--violet);
    }
    .chiffres-contact .number.quarenteneuf {
        top: 0rem;
        left: 100%;
    }

    
}
@media screen and (max-width:1024px) {
    .mmenu_trigger {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 20px;
        top: 15px;
        transform: initial;
        align-items: center;
        color: var(--violet);
    }
    #mmenu nav.mobile_horizontal {
        display: block;
    }
    #mmenu_middle ul li {
        text-align: center;
    }
    #mmenu #mmenu_middle {
        padding: 0 20px 20px 20px;
        background: rgb(255, 255, 255);
        padding-top: 10rem;
        height: 100vh;
    }
    #mmenu .primary-button.content-hyperlink{
        display: none;
    }
    #mmenu {
        height: 0;
    }
    .menu-top {
        position: absolute;
        right: 9rem;
        top: 2rem;
    }
    .menu-top .tel-top{
        flex-direction: row;
        gap: 10px;
    }
    .header .logos img {
        width: 95px;
    }
    #slider .ce_gallery ul li:last-child {
        display: none;
    }
    #slider .ce_gallery ul li {
        width: 48% !important;
    }
    body.fixed-header .stickyheader{
        display: none;
    }
    .ce_rsce_titre_personnalise h2.headline {
        font-size: 2.25rem;
    }
    .ce_rsce_titre_personnalise h2.headline span.sub-headline.part-two, .ce_rsce_titre_personnalise h2.headline span.sub-headline.part-three {
        font-size: 1.75rem;
    }
    .article_93 .column.col_6.padding-left {
        padding-left: 1rem;
    }
    .interne #presentation:before{
        display: none;
    }
    .interne #presentation {
        padding-top: 7rem;
    }
}

@media screen and (max-width:900px) {
    div#rsce_leaflet_map {
        width: 400px;
    }
    div#gmap {
        height: 400px !important;
    }
    .map:before {
        right: 4rem;
        top: 0;
    }
    .map:after {
        right: 2rem;
        width: 200px;
        bottom: -5rem;
    }
}


@media screen and (max-width:767px) {
    .home #slider {
        height: 100%;
        max-height: 100%;
        padding-top: 7rem !important;
        overflow: hidden;
    }
    #slider .ce_gallery ul li:last-child {
        display: block;
    }
    #slider .ce_gallery ul li {
        width: 31% !important;
    }
    #slider .mod_article .container{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .go-bottom{
        display: none;
    }
    #relooking .autogrid_row{
        flex-direction: column-reverse;
    }
    #relooking .content-image:after {
        width: 150px;
        height: 150px;
        bottom: -2rem;
        right: -1rem;
    }
    .article_93 .content-image figure:before {
        content: "";
        width: 40%;
    }
    .article_93 .content-image:after {
        width: 100px;
        height: 100px;
        bottom: -1rem;
        right: 1rem;
    }
    #relooking .content-image figure:after {  
        width: 47px;
        height: 47px;
        top: 2rem;
        right: 22rem;
    }
    #avantapres:after, .interne #presentation:after {
        width: 104px;
        height: 177px;
        right: 0rem;
        bottom: -2rem;
    }
    #solutions-sur-mesure .content-hyperlink {
        position: relative;
        right: initial;
        top: initial;
        margin-bottom: 1rem;
    }
    .ce_rsce_iconbox {
        min-height: auto;
    }
    div#rsce_leaflet_map {
        width: 100%;
        border-radius: 25px;
    }
    div#gmap {
        height: 350px !important;
    }
    .map:before {
        right: 4rem;
        top: -20px;
    }
    .map:after {
        right: -2rem;
        width: 182px;
        bottom: -8rem;
    }
    p {
        font-size: 1.1rem;
        line-height: 1.2;
    }
    .contact .map {
        width: 100%;
    }
    .contact div#rsce_leaflet_map {
        border-radius: 10px;
        position: relative;
        max-width: 100%;
        height: 350px;
        left: initial;
    }
    .contact .map:before, .contact  .map:after{
        display: none;
    }
    input.submit, button.submit {
        width: 100%;
    }
    .map {
        width: 100%;
    }
    .menu-top .tel-top{
        flex-direction: column;
    }
    .menu-top .tel-top a {
        padding: 6px 6px;
    }
    .menu-top {
        top: 1rem;
    }
    .chiffres-contact{
        display: none;
    }

}
@media screen and (max-width:480px) {
    .ce_rsce_titre_personnalise .headline {
        font-size: 2.15rem;
    }
    #slider .ce_gallery ul li:first-child img {
        width: 230px;
        height: 315px;
    }
    #slider .ce_gallery ul li:nth-child(2) img {
        height: 312px;
    }
    #slider .ce_gallery ul li:nth-child(3) img {
        height: 300px;
    }
    ul#gallery_372 {
        justify-content: flex-end;
        overflow: visible;
        margin-bottom: 4rem;
    }
    .content-hyperlink a {
        display: flex;
    }
    #prestations .ce_rsce_list a {
        width: 50%;
        padding: 8px;
    }
    #avantapres:after, .interne #presentation:after {
        display: none;
    }
    #prestations .ce_rsce_list h3 {
        font-size: 1.263rem;
    }
    #solutions-sur-mesure .content-hyperlink{
        display: none;
    }
    .map:after {
        right: -2rem;
        width: 150px;
        bottom: -1rem;
        height: 150px;
    }
    .ce_rsce_titre_personnalise h2.headline span.sub-headline.part-two, .ce_rsce_titre_personnalise h2.headline span.sub-headline.part-three {
        font-size: 1.5rem;
    }
    #reassurance:before {
        width: 119px;
        height: 150px;
        bottom: -50px;
    }
    #reassurance:after {
        width: 72px;
        background-size: 100%;
        height: 209px;
    }
    #footer .container {
        padding-bottom: 0;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    #footer .autogrid_row {
        justify-content: center;
        align-items: center;
    }
    #footer .column.col-logo .same-height-wrap {
        justify-content: center;
    }
    #footer .column .same-height-wrap  {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .ce_rsce_titre_personnalise .second-bloc {
        font-size: 1.7rem;
    }
    .ce_rsce_titre_personnalise .second-bloc {
        font-size: 1.7rem;
    }
    .menu-top {
        position: absolute;
        right: 8rem;
    }

}