/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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-size: 100%;
	font: inherit;
	vertical-align: baseline;
    text-decoration: none;
    box-sizing: border-box;
}
a {
    display: block;
    color: black;
}
html, body, div, span, section, nav, main {
    overflow-x: hidden;  
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    cursor: url('../colibri-cursor.png'), auto;
}
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;
}
p {
    line-height: 1.25rem;
}



/* 
FONTS
*/

.font-outfit {
  font-family: "Outfit", serif;
  font-weight: 200;
  font-style: normal;
}



/* 
DEBUT CSS   Mobile first
*/
body {
    background-color: #FFF4EC;
}

    .h {
        position: relative;
    }
        nav {
            position: fixed;
            z-index: 10000;
            bottom: 0;
            left: 0;
            width: 100%;
            background-color: #FFF4EC;
            padding: 10px 0;
        }
        .h_n {

        }
            .h_n_list ul {
                overflow: hidden;
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                align-items: center;
                justify-content: space-between;
                margin: 0 2rem;
                text-decoration: none;
            }
                .h_n_list ul li a {
                    padding: 10px;
                    cursor: pointer;
                }
                    .h_n_list ul li a.nav_logo {
                        display: none;
                    }
                        .nav_txt {
                            display: none;
                        }
        .h_burger {
            position: fixed;
            background-color: #FFF4EC;
            z-index: 1000;
            top: 0;
            left: 0;
            height: 100vh;
            width: 100%;
            padding: 11vh 15%;
            text-align: center;
            opacity: 0;
            transform: translateX(-100%);
            overflow: hidden;
        }
            .h_burger ul li:last-child {
                padding: 30% 0 0;
            }
                .h_burger_li {
                    font-size: 1.5rem;
                    font-weight: 400;
                    padding-bottom: 1vh;
                    line-height: 4rem;
                }
                .h_burger_li:nth-child(5) {
                    height: 1vh;
                }
                    .h_burger_li_rs {
                        display: inline-block;
                        line-height: 0.5vh;
                        cursor: pointer;
                        padding: 0 0.5vw;
                    }
                        .h_burger_li_rs svg {
                            width: 34px;
                            height: 34px;
                        }
    .m {
        
    }
    .filter {
        filter: grayscale(100%) blur(4px);
        background: rgba(0, 0, 0, 0.5); /* Assombrissement */
    }
       .m_s1 {
           display: flex;
           flex-direction: column;
           justify-content: center;
           width: 100%;
        }
           .m_s1_logo {
               display: flex;
               justify-content: center;
               width: 100%;
            }
               .m_s1_logo svg {
                    width: 32vw;
                    height: inherit;
                    padding: 5vh 0 0;
                }
           .m_s1_c {
               display: flex;
               justify-content: center;
               width: 100%;
               position: relative;
            }
                .m_s1_c img {
                    display: block;
                    width: 264%;
                    margin: 0 auto;
                }
                    .m_s1_c img.hp_bg_mob {
                        display: block;
                    }
                    .m_s1_c img.hp_bg {
                        display: none;
                    }
               .m_s1_c svg {
                   position: absolute;
                   bottom: 0;
                   width: 88vw;
                   height: inherit;
                   padding: 5vh 0 13vh;
                }
                    .hp-msg-s1-mob {
                       display: block;
                    }
                    .hp-msg-s1 {
                       display: none;
                    }
                .m_s1_c svg.contact-msg-s1-mob {
                    padding: 5vh 0 19vh;
                }
       .m_s2, .m_s3, .m_s4, .m_s5, .m_s6, .m_s7 {
           display: flex;
           flex-direction: column;
           justify-content: center;
           width: 100%;
           padding: 0 6vw;
           margin: 4vh auto;
           overflow: hidden;
        }
        .m_s2, .m_s3, .m_s4, .m_s5, .m_s6 {
           
        }
        .m_s2.m_s2bis {
            margin-top: 8vh;
            flex-direction: column;
        }
            .m_s2.m_s2bis p {
                text-align: justify;
                padding: 0.5vh 0;
            }
            .m_s2_txt, .m_s3_txt, .m_s4_txt {
                padding: 6vh 0;
            }
            .m_s2_img {
                position: relative;
                height: 420px;
                overflow: visible;
            }
            .m_s2_imghist {
                height: 100vh;
            }
            .m_s21_imghist {
                display: none;
            }
                .m_s2_img img {
                    position: absolute;
                    height: 420px;
                    left: 50%;
                }
            .m_s2_desreiki {
                margin: 10vh 0 2vh;
            }
                .m_s2_desreiki svg {
                    width: 100%;
                    margin: 6vh 0;
                }
                    .m_s2_desreiki p span {
                        font-weight: 600;
                    }
            .m_s2.m_s2contact {
                flex-direction: column;
            }
                .m_s2contact form {
                    display: block;
                    width: 100%;
                    margin: 0 auto;
                }
                    .m_s2contact form label {
                        line-height: 1.25em;
                        margin-bottom: 1vh;
                        padding-left: 10%;
                    }
                    .m_s2contact form input {
                        background: #F2B79F;
                        height: 54px;
                        border: 0;
                        border-radius: 28px;
                        padding: 0 28px;
                        margin: 0px auto 20px;
                        box-sizing: border-box;
                        color: white;
                        font-size: 1.2rem;
                    }
                    .m_s2contact form input::placeholder {
                        color: white;
                        font-weight: 100;
                        opacity: 0.8;
                        font-size: 0.8rem;
                    }
                    .m_s2contact form select {
                        background: #93A188;
                        height: 54px;
                        border: 0;
                        border-radius: 28px;
                        padding: 0 28px;
                        margin: 0px auto 20px;
                        box-sizing: border-box;
                        appearance: none;
                        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28" fill="white"><path d="M7 10l5 5 5-5H7z"/></svg>');
                        background-repeat: no-repeat;
                        background-position: right 4px;
                        color: white;
                    }
                    .m_s2contact form textarea {
                        min-height: 34vh;
                        padding: 10px 28px;
                        margin: 0 auto 40px;
                        box-sizing: border-box;
                        border-radius: 28px;
                        border: 0;
                    }
                        .m_s2contact form textarea::placeholder {
                            color: black;
                            font-weight: 100;
                            opacity: 0.5;
                            font-size: 0.8rem;
                        }
                    .m_s2contact form button {
                        background: inherit;
                        border: 0;
                        width: 100%;
                    }
                        .m_s2contact form button svg {

                        }
            .m_s3_img {
                position: relative;
                height: 450px;
                overflow: visible;
            }
                .m_s3_img img{
                    position: absolute;
                    height: 450px;
                }
                .m_s3hist_svg_mob {
                    display: flex;
                    justify-content: center;
                    margin: 5vh 0vw 3vh 0vw;
                }
                .m_s3hist_svg {
                    display: none;
                }
            .m_s3hist_img{
                position: relative;
                height: 420px;
                overflow: visible;
            }
                .m_s3hist_img img {
                    position: absolute;
                    height: 420px;
                    left: 50%;
                }
            .m_s3_desreiki {
                margin: 10vh 0 2vh;
            }
                .m_s3_desreiki_list {
                    margin: 4vh 0 15vh;
                }
                    .m_s3_desreiki p span {
                        font-weight: 600;
                    }
        .m_s3reiki {
            background: url(../img/reiki-bg-msg-s4.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            overflow: visible;
            margin: 15vh 0 15vh;
        }
            .m_s3reiki_img {
                width: 100%;
                overflow: visible;
            }
                .m_s3reiki_img img {
                    display: block;
                    width: 130%;
                    margin: -15% -30%;
                }
            .m_s3reiki_txt {
                margin: 8vh 0 14vh;
            }
                .m_s3reiki_txt_title {
                    font-size: 1.75rem;
                    font-weight: 600;
                    padding-bottom: 6vh;
                    line-height: 1.75rem;
                }
                .m_s3reiki_txt_des {

                }
                    .m_s3reiki_txt_des p {
                        padding: 0 0 6vh;
                    }
                        .m_s3reiki_txt_des p span {
                            font-weight: 600;
                        }
                    .m_s3reiki_txt_des svg {
                        width: 100%;
                    }
        .m_s3massages {
            justify-content: flex-start;
        }
            .m_s3massages_list {
                padding: 8vh 0 2vh;
            }
                .m_s3massages_list li {
                    display: block;
                    position: relative;
                    height: auto;
                    min-height: 6vh;
                    margin: 2% 0;
                    cursor: pointer;
                }
                .m_s3massages_list li svg:hover {
                    opacity: 0.8;
                }
                    .lomilomi,
                    .californien,
                    .ayurvedique,
                    .lymphatique,
                    .alabougie,
                    .shiatsu {
                        width: auto;
                        height: 5.5vh;
                        padding: 1vh 0;
                    }
                        #lomilomi_des,
                        #californien_des,
                        #suedois_des,
                        #ayurvedique_des,
                        #lymphatique_des,
                        #alabougie_des,
                        #shiatsu_des {
                            display: none;
                            width: 100%;
                            flex-direction: column;
                            align-items: flex-start;
                            justify-content: center;
                        }
                        #lomilomi_close,
                        #californien_close,
                        #suedois_close,
                        #ayurvedique_close,
                        #lymphatique_close,
                        #alabougie_close,
                        #shiatsu_close {
                            cursor: pointer;
                            display: block;
                            position: absolute;
                            z-index: 10000;
                            cursor: pointer;
                            right: 6vw;
                            width:24px;
                            height:24px;
                        }
                        .massages_des {
                            overflow: visible;
                        }

                            .massages_des_title {

                            }
                            .massages_des_txt {
                                background: #F2B79F;
                                position: relative;
                                width: 100%;
                                padding: 3vh 6vw;
                                margin: 2vh 0 2vh;
                            }
                                .massages_des_txt img {

                                }
                                .massages_des_txt p {

                                }
                                    .massages_des_txt p.massages_des_txt_lomilomi {
                                       
                                    }
                                    .massages_des_txt p.massages_des_txt_californien {
                                        
                                    }
                                    .massages_des_txt p.massages_des_txt_suedois {
                                        
                                    }
                                    .massages_des_txt p.massages_des_txt_ayurvedique {
                                        
                                    }
                                    .massages_des_txt p.massages_des_txt_lymphatique {
                                        
                                    }
                                    .massages_des_txt p.massages_des_txt_alabougie {
                                        
                                    }
                                    .massages_des_txt p.massages_des_txt_shiatsu {
                                        
                                    }
                                    .massages_des_txt p span {
                                        font-weight: 500;
                                    }
                .m_s3massages_img {
                    height: auto;
                    max-height: 55vh;
                }
            .m_s4_img {
                position: relative;
                height: 520px;
                overflow: visible;
            }
                .m_s4_img img {
                    position: absolute;
                    height: 520px;
                }
            .m_s4hist_info {
                z-index: 1;
            }
                .m_s4hist_svg_mob {
                    display: flex;
                    justify-content: center;
                    margin: 5vh 0vw 3vh 0vw;
                }
                .m_s4hist_svg {
                    display: none;
                }
            .m_s4hist_img{
                position: relative;
                height: 420px;
                overflow: visible;
            }
                .m_s4hist_img img {
                    position: absolute;
                    height: 420px;
                    left: 50%;
                }
            .m_s5_svg_mob {
                display: flex;
                justify-content: center;
                margin: 5vh 6vw;
            }
        .m_s4reiki {
            background: url(../img/reiki-bg-msg-s6.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            overflow: visible;
            height: 100vh;
            margin: 15vh 0 -30vh;
        }
            .m_s4reiki_txt {
                color: #FFF4EC;
                font-weight: 600;
                padding-bottom: 15vh;
            }
                .m_s4reiki_txt p {
                    font-size: 2rem;
                    line-height: 2rem;
                    text-align: center;
                    margin: 7vh 0;
                }
                .m_s4reiki_txt svg {
                    width: 100%;
                }
            .m_s4reiki_img {
                display: none;
            }
        .m_s4massages {
            background: url(../img/massages-bg-msg-s4.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            overflow: visible;
            margin: 15vh 0 15vh;
        }
            .m_s4massages_img {
                width: 100%;
                overflow: visible;
            }
                .m_s4massages_img img {
                    display: block;
                    width: 130%;
                    margin: -15% -30%;
                }
            .m_s4massages_txt {
                margin: 8vh 0 14vh;
                color: #FFF4EC;
            }
                .m_s4massages_txt_title {
                    font-size: 1.75rem;
                    font-weight: 600;
                    padding-bottom: 6vh;
                    line-height: 1.75rem;
                }
                .m_s4massages_txt_des {

                }
                    .m_s4massages_txt_des li {
                        padding: 0 0 4vh;
                    }
                        .m_s4massages_txt_des li p {
                            width: 100%;
                            position: relative;
                        }
                        .m_s4massages_txt_des li p:first-child {
                            font-weight: 600;
                        }
                            .m_s4massages_txt_des li p span {
                                position: absolute;
                                font-weight: 600;
                                right: 0;
                                text-align: right;
                            }
                    .m_s4massages_txt svg {
                        width: 100%;
                    }
        .m_s5massages {
            background: url(../img/massages-bg-msg-s5.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            overflow: visible;
            height: 100vh;
            margin: 15vh 0 -30vh;
        }
            .m_s5massages_txt {
                font-weight: 600;
                padding-bottom: 15vh;
            }
                .m_s5massages_txt p {
                    font-size: 2rem;
                    line-height: 2rem;
                    text-align: center;
                    margin: 7vh 0;
                }
                .m_s5massages_txt svg {
                    width: 100%;
                }
            .m_s5_svg {
                display: none;
            }
        .m_s5hist {
            margin-top: 10vh;
            max-width: 100%;
        }
            .m_s5hist_img {
                position: relative;
                height: 111vh;
                overflow: visible;
            }
                .m_s5hist_img img {
                    position: absolute;
                    display: block;
                    height: 111vh;
                    left: 50%;
                    transform: translateX(-50%);
                }
            .m_s5hist_txt {
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                width: 100%;
                height: auto;
                padding: 8vh 6vw;
                overflow: visible;
                background-image: url(../img/hist-mea-01.png);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                color: #FFF4EC;
            }
                .m_s5hist_txt div {
                    padding: 4vh 0;
                }
                .m_s5hist_txt div:last-child {
                    text-align: center;
                }
                .m_s5hist_txt div p span {
                    font-weight: 500;
                }
            .m_s6massages_txt {
                background-image: url(../img/massages-mea-01.png);
                color: black;
            }
            .m_s6_img {
                position: relative;
                height: 520px;
                overflow: visible;
                margin: 4vh 0;
            }
                .m_s6_img img {
                    position: absolute;
                    height: 550px;
                    left: 50%;
                }
            .m_s6_txt {
                margin: 10vh 0;
                text-align: center;
            }
            .m_s7_svg_mob {
                display: flex;
                justify-content: center;
                margin: 5vh 6vw;
            }
            .m_s7_svg {
                display: none;
            }
            .m_s7_img {
                position: relative;
                height: 520px;
                overflow: visible;
                margin: 4vh 0;
            }
                .m_s7_img img {
                    position: absolute;
                    height: 550px;
                    left: 50%;
                }
.title_mob {
    font-size: 1.75rem;
    font-weight: 600;
    padding-bottom: 6vh;
}
.title_mob_contact {
    padding-left: 10%;
}
.txt_cit {
    font-weight: 600;
}
.title_img_reiki {
    display: none;
}
.title_img_reikimob {
    width: 100%;
}
.subtitle_mob {
    font-size: 1.5rem;
    font-weight: 400;
    padding-bottom: 2vh;
}
.subtitle_mob_massages {
    margin-left: 0%;
    width: 80%;
}
.txt_mob {
    text-align: justify;
    line-height: 1.25rem;
    padding-bottom: 2.5vh;
}
   .txt_mob span {
        font-weight: 500;
    }
.txt_mob_ml {
    text-align: left;
}
.btn_mob {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 6vh 0;
}
.name_cit {
    font-weight: 500;
    padding: 0px 0 15%;
}
.m_s2_img img.img_s21{
    transform: translate(-50%, 0%);   
}
.m_s2_img img.img_s21hist{
    height: 100vh;   
}
.m_s2_img img.img_s22{
   transform: translate(-50%, 0%);    
}
.m_s2_img img.img_s22hist{
   transform: translate(-52%, 0%);    
}
.m_s3_img img.img_s31{
    transform: translate(46%, 0%);
}
.m_s3hist_img img.img_s31hist{
    transform: translate(-38%, 0%);
    height: 95%;
}
.m_s3_img img.img_s32{
    transform: translate(-34%, 19%);
    height: 405px;  
}
.m_s3hist_img img.img_s32hist{
    transform: translate(-50%, 0%);
    height: 95%;
}
.m_s3_img img.img_s33{
    transform: translate(-5%, 0%);
}
.m_s3_txt img.img_s34{
    display: none;
}
.m_s4_img img.img_s41{
    transform: translate(-28%, 0%);
}
.m_s4hist_img img.img_s41hist{
    transform: translate(-68%, 0%);
    height: 95%;
}
.m_s4_img img.img_s42{
    transform: translate(44%, 0%);   
}
.m_s4hist_img img.img_s42hist{
    transform: translate(-50%, 0%);
}
.m_s4_img img.img_s43{
    transform: translate(-12%, 0%);
}
/*- pas d'img dans la section 5 -*/
.m_s6_img img.img_s61{
    transform: translateX(-50%);
}
.m_s6_img img.img_s62{
    transform: translateX(-50%);   
}
.m_s7_img img.img_s71{
    transform: translateX(-50%);
}
.m_s7_img img.img_s72{
    height: 500px;
    transform: translateX(-50%);   
}





.form-container {
    width: 50%;
    margin: 50px auto;
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.form-group {
    margin-bottom: 15px;
}

label {
    display: block;
    font-weight: bold;
}

input, select, textarea {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.error {
    color: red;
    font-size: 0.9em;
}

.btn-submit {
    background-color: #4CAF50;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    font-size: 16px;
}

.btn-submit:hover {
    background-color: #45a049;
}




    .f {

    }
        .f_s1 {
            display: flex;
            justify-content: center;
            position: relative;
            height: 66vh;
            overflow: visible;
            margin: 0 0 10vh;
        }
            .f_s1_img {
                position: absolute;
                overflow: visible;
            }
                .f_s1_img img {
                    height: 74vh;
                }
            .f_s1_txt {
                position: absolute;
                right: 6%;
                bottom: 0;
                text-align: right;
            }
                .f_s1_txt_plan {
                    height: auto;
                    overflow: visible;
                }
                    .f_s1_txt_plan h3 {
                        font-size: 1.15rem;
                        font-weight: 400;
                        padding-bottom: 2vh;
                    }
                    .f_s1_txt_plan ul {
                        padding-bottom: 2vh;
                    }
                    .f_s1_txt_plan ul li {
                        line-height: 1.2rem;
                    }
        .f_s2 {
            display: flex;
            flex-direction: column;
        }
            .f_s2_img {

            }
                .f_s2_img img {
                    display: block;
                    width: 100%;
                    padding: 0% 5% 12%;
                }
            .f_s2_txt {
                text-align: center;
                padding-bottom: 20vh;
            }
                .f_s2_txt h3 {
                    font-size: 1.15rem;
                    font-weight: 400;
                    padding-bottom: 2vh;
                }
                .f_s2_txt a {
                    display: block;
                    padding-bottom: 2vh;
                }
                .f_s2_txt p {
                    line-height: 1.2rem;
                }



/*----RESPONSIVE----*/

@media screen and (min-width: 768px) {
    .h {
        
    }
        nav {
                top: 0;
                bottom: inherit;
            }
            .h_n {

            }
                .h_n_list ul {

                }
                    .h_n_list ul li a {

                    }
                        .h_n_list ul li a.nav_pictohome {
                            display: none;
                        }
                        .h_n_list ul li a.nav_logo {
                            display: flex;
                        }
                            .h_n_list ul li a svg {
                                vertical-align: middle;
                            }
                            .nav_txt {
                                display: inline-flex;
                                vertical-align: middle;
                                font-size: 1.1rem;
                                padding-left: 0.5rem;
                            }
        .h_burger {
            width: 80%;
            padding: 28vh 41% 28vh 0%;
            clip-path: ellipse(50% 65% at 0% 50%);
        }
    
    .m {
        
    }
       .m_s1 {

        }
           .m_s1_logo {
               display: none;
            }
               .m_s1_logo svg {

                }
           .m_s1_c {
               margin-top: 9vh;
            }
                .m_s1_c img {
                    width: 108%;
                }
                    .hp-msg-s1-mob {
                       display: none;
                    }
                    .hp-msg-s1 {
                       display: block;
                    }
                    svg.contact-msg-s1 {
                        width: 58vw;
                    }
        .m_s2, .m_s3, .m_s4 {
            flex-direction: row;
            margin: 10vh auto;
            overflow: visible;
        }
            .m_s2_txt {
                position: relative;
                width: 35vw;
                transform: translateX(52vw);
            }
            .m_s2_txt_ml {
                position: relative;
                width: 35vw;
                transform: inherit;
            }
            .m_s2_img {
                height: 56vh;
                width: 55vw;
                transform: translateX(-57vw);
            }
                .m_s2_img img {
                    height: 56vh;
                }
            .m_s2_txt_hist {
                width: 83vw;
                transform: translateX(27vw);
            }
            .m_s2_imghist {
                transform: translateX(-51vw);
            }
            .m_s21_imghist {
                display: block;
                transform: translateX(15vw);
            }
                .m_s2_img img.img_s21hist {
                    height: 56vh;
                }
        .m_s2reiki {
            align-items: center;
            margin: 2vh 0;
        }        
            .m_s2_txt_reiki {
                transform: none;
                width: 50%;
                padding: 0;
                margin-right: 6vw;
            }
            .m_s2_img_reiki {
                display: none;
            }
            .m_s2_desreiki {
                width: 55%;
                margin: 0;
            }
                .m_s2_desreiki svg {
                    margin: 2vh 0;
                }
            .m_s2contact form {
                width: 82%;
            }
            .m_s3_txt, .m_s4_txt {
                width: 37vw;
                overflow: visible;
                transform: translateX(-27vw);
            }
                .m_s3_txt a, .m_s4_txt a {
                    position: relative;
                    padding: 0;
                }
                    .m_s3_txt a svg, .m_s4_txt a svg {
                        position: absolute;
                        width: 20vw;
                        right: 0;
                    }
                .m_s3_txt div {
                    overflow: visible;
                    margin-top: 4vh;
                    transform: translateX(-15vw);
                }
                    .m_s3_txt img.img_s34{
                        display: flex;
                        width: 33vw;
                    }
            .m_s3_img {
                height: inherit;
                overflow: visible;
            }
                .m_s3_img img.img_s31{
                    height: 78vh;
                    transform: translateX(-8vw);
                }
                .m_s3_img img.img_s32{
                    height: 50vh;
                    transform: translate(-30vw, 30vh);  
                }
                .m_s3_img img.img_s33{
                    height: 60vh;
                    transform: translate(-15vw, 10vh);
                }
                .m_s3hist div {
                    width: 50%;
                }
                    .m_s3hist_img img.img_s32hist {
                        transform: translate(-17%, 0%);
                    }
                    .m_s3hist_img img.img_s31hist {
                        transform: translate(-13%, 0%);
                    }
                .m_s3hist div.m_s3hist_svg_mob {
                    width: 100%;
                }
            .m_s3reiki {
                margin: 0 0 10vh;
            }        
                .m_s3reiki_img {
                    width: 40%;
                }
                    .m_s3reiki_img img {
                        margin: -15% -48%;
                    }
                .m_s3reiki_txt {
                    width: 60%;
                    margin: 8vh 0 10vh;
                }
                    .m_s3reiki_txt_title {
                        padding: 0 0 3vh;
                    }
                        .m_s3reiki_txt_des p {
                            padding: 0 0 3vh;
                        }
                        .m_s3reiki_txt_des svg {
                            transform: translateX(22%);
                        }
                .m_s3_desreiki {
                    margin: 0;
                }
                .m_s3massages_list {
                    padding: 0;
                    width: 92%;
                }
                    .m_s3massages_list li {
                        padding: 0;
                        min-height: 6vh;
                        margin: 0;
                        max-width: 63vw;
                    }
                .massages_des_txt {
                    border-radius: 0 3em 7em 0;
                    width: 78vw;
                    margin: 2vh 0 6vh 23%;
                    transform: translateX(-38%);
                }
                    .massages_des_txt p {
                        padding-left: 14%;
                    }
            .m_s4_img {
                height: 50vh;
                overflow: visible;
            }
                .m_s4_img img.img_s41{
                    height: 60vh;
                    transform: translate(-22vw, -3vh);
                }
                .m_s4_img img.img_s42{
                    height: 57vh;
                    transform: translate(3vw, -2vh); 
                }
                .m_s4_img img.img_s43{
                    height: 60vh;
                    transform: translate(-22vw, -3vh);
                }
                .m_s4hist div {
                    width: 50%;
                }
                .m_s4hist_info {
                    transform: translateX(100%);
                }
                    .m_s4hist_img img.img_s42hist {
                        transform: translate(-144%, 0%);
                    }
                    .m_s4hist_img img.img_s41hist {
                        transform: translate(-125%, 0%);
                    }
                .m_s4hist div.m_s4hist_svg_mob {
                    width: 100%;
                }
    .m_s4reiki {
        height: auto;
        margin: 10vh 0 -18vh;
    }
        .m_s4 div.m_s4reiki_txt {
            padding-bottom: 0;
            width: 53%;
        }
            .m_s4reiki_txt p {
                margin: 17vh 0 3vh;
                text-align: left;
            }
            .m_s4reiki_txt svg {
                margin-left: -19%;
            }
        .m_s4 div.m_s4reiki_img {
            display: flex;
            z-index: 100;
            width: 44%;
        }
            .m_s4reiki .m_s4_img img.img_s42 {
                transform: translate(23vw, -5vh);
            }
            .m_s4reiki .m_s4_img img.img_s41 {
                transform: translate(1vw, -6vh);
            }
                .m_s4massages_img {
                    width: 1%;
                }
                    .m_s4massages_img img {
                        width: 86vw;
                        margin: -16vh -75vw;
                    }
                .m_s4massages_txt {
                    width: 68%;
                    margin: 12vh 0 14vh;
                }
            .m_s5_svg_mob {
                display: none;
            }
            .m_s5_svg {
                display: flex;
                justify-content: center;
                margin: 2vh 0;
            }
                .m_s5_svg svg {
                    width: 66vw;
                }
            .m_s5hist_img {
                height: 55vh;
            }
                .m_s5hist_img img {
                    height: 55vh;
                }
                .m_s5hist_txt div {
                    padding: 4vh 0 0;
                }
                .m_s5hist_txt div:last-child {
                    text-align: right;
                    padding-top: 0;
                }
            .m_s5massages_txt {
                padding-bottom: 18vh;
            }
                .m_s5massages_txt p {
                    margin: 16vh 0 6vh;
                    text-align: left;
                }
                .m_s5massages_txt svg {
                    width: 65%;
                }
        .m_s6 {
            flex-direction: row;
            align-items: center;
            margin-bottom: 10vh;
            overflow: visible;
        }
            .m_s6_img {
                width: 50%;
            }
                .m_s6_img img.img_s61{
                    transform: translateX(-62%);;
                }
                .m_s6_img img.img_s62{
                    transform: translateX(-62%);;   
                }
            .m_s6_txt {
                width: 50%;
                padding-top: 10vh;
            }
        .m_s7 {

        }
            .m_s7_svg_mob {
                display: none;
            }
            .m_s7_svg {
                display: flex;
                justify-content: center;
                margin: 0vh 20vw;
            }
.title_img_reiki {
    display: inherit;
    width: 80%;
}
.title_img_reikimob {
    display: none;
}
.txt_mob {
    text-align: left;
    padding-bottom: inherit;
}
.txt_cit {
    padding: 2vh 0;
}
.btn_mobhist {
    align-items: end;
}
.subtitle_mob_massages {
    margin-left: 14%;
}
    
    .f {
        display: flex;
        position: relative;
    }
        .f_s1 {
            width: 50%;
            height: auto;
        }
            .f_s1_img {
                width: 150%;
                top: 0%;
                left: 50%;
                transform: translateX(-50%);
            }
                .f_s1_img img {
                    width: 100%;
                    height: auto;
                }
            .f_s1_txt {
                position: absolute;
                right: 6%;
                bottom: 19%;
                text-align: right;
                width: 50%;
            }
        .f_s2 {
            width: 50%;
        }
        
}


@media screen and (min-width: 1024px) {
        .h_burger {
            width: 80%;
            padding: 28vh 41% 28vh 0%;
        }
    .m {
        margin-bottom: 5vh;
    }
        .m_s1_c {
            margin-top: 12vh;
        }
            .m_s1_c img.hp_bg_mob {
                display: none;
            }
            .m_s1_c img.hp_bg {
                display: block;
                width: 136%;
            }
            .m_s1_c svg {
                width: 84vw;
                padding: 5vh 0 15vh;
            }
            .m_s1_c svg.contact-msg-s1 {
                width: 46vw;
                padding: 5vh 0 18vh;
            }
            .m_s2_img {
                transform: translateX(-61vw);
            }
                .m_s2_img.m_s2_imghist {
                    transform: translateX(-54vw);
                }
                .m_s2_img img {
                    height: 100%;
                }
                    .m_s2_img img.img_s22 {
                        transform: translate(-36%, 0%);
                    }
                    .m_s2_img img.img_s21 {
                        transform: translate(-36%, 0%);
                    }
            .m_s21_imghist {
                transform: translateX(9vw);
            }
            .m_s2_txt_reiki {
                width: 54%;
                margin: 0;
            }
            .m_s2_img_reiki {
                display: flex;
                height: 40vh;
                width: 40vw;
                transform: inherit;
                margin: 0 4%;
            }
                .m_s2_img_reiki img.img_s21.img_s210hist {
                    transform: translate(-44%, 0%);
                }
                .m_s2_img_reiki img.img_s22.img_s220hist {
                    transform: translate(-49%, 0%);
                }
            .m_s2contact form {
                max-width: 980px;
                width: 85%;
            }
                .m_s2contact form label {
                    padding-left: 4%;
                }
            .m_s3_txt, .m_s4_txt {
                transform: translateX(-20vw);
            }
                    .m_s3_img img.img_s33 {
                        height: 40%;
                        transform: translate(-8vw, 10vh);
                    }
                    .m_s3_img img.img_s32 {
                        height: 64%;
                        transform: translate(-18vw, 22vh);
                    }
                    .m_s3_img img.img_s31 {
                        height: 95%;
                        transform: translateX(0vw);
                    }
            .m_s3hist_svg_mob {
                justify-content: start;
            }
                    .m_s3massages_list {
                        width: 78%;
                        height: auto;
                        margin-bottom: 6vh;
                    }
                        .m_s3massages_list li {
                            height: auto;
                        }
                            .lomilomi,
                            .californien,
                            .ayurvedique,
                            .lymphatique,
                            .alabougie,
                            .shiatsu {
                                height: 6vh;
                                max-height: inherit;
                            }
                    .massages_des_txt {
                        margin: 2vh 0 6vh 23%;
                        width: 72vw;
                        transform: translateX(-40%);
                    }
                .m_s3reiki_txt_des svg {
                    transform: translateX(28%);
                }
                    .m_s4_img img.img_s43 {
                        height: 120%;
                        transform: translate(-15%, -6%);
                    }
                    .m_s4_img img.img_s42 {
                        height: 120%;
                        transform: translate(7%, -2%);
                    }
                    .m_s4_img img.img_s41 {
                        height: 125%;
                        transform: translate(-47%, -2%);
                    }
            .m_s4hist_svg_mob {
                justify-content: start;
            }
                .m_s4hist_img img.img_s41hist {
                    transform: translate(-135%, 0%);
                }
                .m_s4hist_img img.img_s42hist {
                    transform: translate(-159%, 0%);
                }
        .m_s4reiki {
            margin: 10vh 0 -16vh;
            padding: 11vh 5vw;
        }
            .m_s4 div.m_s4reiki_txt {
                margin-bottom: 20vh;
            }
                .m_s4reiki_txt svg {
                    margin-left: -27%;
                }
            .m_s4reiki .m_s4_img img.img_s41 {
                transform: translate(6vw, -6vh);
            }
            .m_s4massages_txt {
                margin: 17vh 0 14vh;
            }
                .m_s4massages_img img {
                    width: 60vw;
                    margin: -19vh -51vw;
                }
            .m_s5_svg {
                margin: 8vh 0 0;
            }
                .m_s5massages_txt svg {
                    width: 49%;
                }
            .m_s6_img {
                width: 65%;
            }
                .m_s6_img img.img_s62 {
                    transform: translateX(-50%);
                }
                .m_s6_img img.img_s61 {
                    transform: translateX(-50%);
                }
            .m_s6_txt {
                width: 35%;
            }
    .title_mob_contact {
        
    }    

    .f {
        justify-self: center;
    }
        .f_s1 {
            width: 100%;
            margin: 0 2vw;
        }
            .f_s1_img {
                width: 188%;
                left: 40%;
                top: -10%;
            }
                .f_s1_img img {
                    display: block;
                    max-width: 768px;
                    margin: 0 auto;
                }
            .f_s1_txt {
                width: 100%;
                bottom: 33%;
            }
                .f_s2_img img {
                    display: block;
                    max-width: 512px;
                    margin: 0 auto;
                }
        .f_s2 {
            width: 100%;
            margin: 0 2vw;
            overflow: visible;
        }
            .f_s2_img {
                overflow: visible;
                width: 124%;
            }
            .f_s2_txt {
                width: 124%;
            }
}
    
    
@media screen and (min-width: 1366px) {
        .h_burger {
            width: 80%;
            padding: 28vh 41% 28vh 0%;
        }
    .m{
        margin-top: 1%;
    }
            .m_s1_c svg {
                width: 80vw;
                padding: 5vh 0 20vh;
            }
                .m_s2_img {
                    height: 57vh;
                    transform: translateX(-57vw);
                }
                    .m_s2_img img.img_s22 {
                        transform: translate(-8%, 0%);
                    }
                    .m_s2_img img.img_s21 {
                        transform: translate(-5%, 0%);
                    }
                    .m_s2_img.m_s2_imghist {
                        transform: translateX(-52vw);
                    }
                        .m_s21_imghist {
                            transform: translateX(0vw);
                        }
                    .m_s2_txt_reiki {
                        width: 40%;
                        margin: 0 4%;
                    }
                    .m_s2_img_reiki {
                        height: 52vh;
                        transform: translateX(-1vw);
                    }
                    .m_s2contact form {
                        width: 70%;
                    }
                        .m_s2contact form label {
                            padding-left: 3%;
                        }
                .m_s3_img img.img_s32 {
                    height: 50%;
                    transform: translate(-18vw, 22vh);
                }
                .m_s3_img img.img_s31 {
                    height: 80%;
                    transform: translateX(0vw);
                }
                .m_s3hist {
                    margin: 20vh 0;
                }
                .m_s3reiki_txt {
                    margin: 16vh 0;
                }
                    .m_s3reiki_txt_des svg {
                        transform: translateX(20%);
                    }
                    .m_s3massages_list li {
                        min-height: 7vh;
                    }
                        .lomilomi,
                        .californien,
                        .ayurvedique,
                        .lymphatique,
                        .alabougie,
                        .shiatsu {
                            height: 8vh;
                        }
                .m_s3massages_img {
                    max-height: 68vh;
                }
            .m_s4_img {
                height: 50vh;
            }
                .m_s4_img img.img_s43 {
                    transform: translate(-25%, -6%);
                }
                .m_s4_img img.img_s42 {
                    height: 136%;
                    transform: translate(30%, -8%);
                }
                .m_s4_img img.img_s41 {
                    height: 140%;
                    transform: translate(-41%, -8%);
                }
                    .m_s4hist_img img.img_s42hist {
                        transform: translate(-200%, 0%);
                    }
                    .m_s4hist_img img.img_s41hist {
                        transform: translate(-156%, 0%);
                    }
                .m_s4reiki {
                    height: 80vh;
                    background-position: center top;
                }
                    .m_s4reiki_txt p {
                        margin: 20vh 0 3vh;
                    }
                    .m_s4reiki_txt svg {
                        margin-left: -33%;
                    }
                        .m_s4reiki .m_s4_img img.img_s41 {
                            transform: translate(6vw, -6vh);
                        }
                .m_s4massages_img img {
                    width: 60vw;
                    margin: -25vh -51vw;
                }
            .m_s5_svg {
                margin: 14vh 0 0;
            }
                .m_s5_svg svg {
                    width: 62%;
                    height: inherit;
                }
                .m_s5massages_txt p {
                    margin: 20vh 0 6vh;
                }
                .m_s5massages_txt svg {
                    width: 37%;
                }
            .m_s6_img {
                width: 50%;
                margin: 10vh 0 4vh;
            }
            .m_s6_txt {
                width: 45%;
            }
                .m_s6_img img.img_s62 {
                    transform: translateX(-40%);
                }
                .m_s6_img img.img_s61 {
                    transform: translateX(-38%);
                }
            .m_s7_svg svg {
                width: 72%;
            }
    .title_mob_contact {
        padding-left: 17%;
    } 
        
}


@media screen and (min-width: 1600px) {
    .m_s1_c svg.contact-msg-s1 {;
        padding: 0vh 0 30vh;
    }
    .m_s2_img.m_s2_imghist {
        transform: translateX(-48vw);
    }
    .m_s5hist_txt {
        padding: 13vh 6vw;
    }
    .m_s5hist_img {
        height: 63vh;
    }
        .m_s5hist_img img {
            height: 63vh;
        }
    .m_s3reiki {
        margin: 0 0 20vh;
        max-width: inherit;
    }
    .m_s4reiki {
        height: 100vh;
        margin: 20vh 0 -24vh;
        max-width: inherit;
    }
        .m_s4reiki_txt svg {
            margin-left: -35%;
        }
}
   

@media screen and (min-width: 1920px) {
        .h_burger {
            width: 60%;
            padding: 28vh 31% 28vh 0%;
        }
            .m_s1_c svg {
                width: 65vw;
            }
        .m_s2_txt {
            width: 100vw;
            transform: translateX(19vw);
        }
    p {
        font-size: 1.5rem;
        line-height: 1.75rem;
    }
    .title_mob {
        font-size: 2.75rem;
    }
        .title_mob_contact {
            padding-left: 22%;
        } 
    .txt_mob {
        font-size: 1.5rem;
        line-height: 1.75rem;
    }
    .subtitle_mob {
        font-size: 2rem;
    }
    .m_s2reiki {
        margin: 14vh 0 2vh;
    }
        .m_s2_txt_reiki {
            width: 61vw;
            transform: translateX(20%);
        }
        .m_s2_img_reiki {
            height: 52vh;
            transform: translateX(8vw);
        }
        .m_s2_desreiki {
            overflow-x: inherit;
            width: 78vw;
            transform: translateX(54%);
        }
            .m_s4reiki_txt svg {
                margin-left: -37%;
            }
    .m_s3hist div.m_s3hist_svg_mob, .m_s4hist div.m_s4hist_svg_mob {
        width: 60%;
    }
        .m_s3hist_svg_mob svg, .m_s4hist_svg_mob svg {
            width: 100%;
            height: auto;
        }
    .m_s4 {
        
    }
        .m_s4hist_img img.img_s42hist {
            transform: translate(-244%, 0%);
        }
        .m_s4hist_img img.img_s41hist {
            transform: translate(-182%, 0%);
        }
        .m_s5massages_txt p {
            margin: 29vh 0 6vh;
        }
        .m_s5massages_txt svg {
            width: 26%;
        }
    .m_s7_img {
        margin: 10vh 0;
    }
    
}


/*----ANIMATION----*/

@keyframes slideInLeft {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideOutLeft {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(-100%);
    opacity: 0;
  }
}

.hidden {
  display: none; /* Cache la div par défaut */
}

.show {
  animation: slideInLeft 0.5s ease forwards;
}

.hide {
  animation: slideOutLeft 0.5s ease forwards;
}

    

/*----COOKIES----*/
.cookie-banner {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: 600px;
    background: #222;
    color: white;
    padding: 15px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    display: none; /* Caché par défaut */
    z-index: 1000;
}

.cookie-banner p {
    margin: 0;
    font-size: 14px;
}

.cookie-banner a {
    color: #FFD700;
    text-decoration: underline;
}

.cookie-banner button {
    margin-left: 10px;
    padding: 8px 12px;
    border: none;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
}

#accept-cookies {
    background-color: #4CAF50;
    color: white;
}

#decline-cookies {
    background-color: #d9534f;
    color: white;
}