html{
    scroll-behavior: smooth;   
}
body{
    font-family: 'Open Sans', cursive, sans-serif;
    line-height: 1.8;
}
body:before {
        content: "";
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -10;
        background: url(../images/background_2500px.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
.container-fluid{
    padding: 0;
}
@media (max-width: 800px){
    .wrapper{
        margin: auto;
        width: 98%;
        background-color: rgb(20, 88, 40, 0.7);
        border: 1px solid rgb(22, 22, 22, 0.4);
        box-shadow: 1px 1px 20px black;
        border-radius: 1%;
        padding: 0;
    }
    .card-body{
        font-size: 1.2rem;
        color: lightgoldenrodyellow;
        text-align: justify;
        text-justify: inter-word;
    }
    .card-text:not(.footer_li_2){
        font-size: 1.2rem;
        color: lightgoldenrodyellow;
        text-align: justify;
        text-justify: inter-word;
    }
    .card-title{
        color: rgb(168, 245, 96);
        font-size: 1.5rem
    }
    .card-header{
        font-size: 1.7rem;
        color: rgb(70, 16, 133);
        font-weight: bold;
    }
    .dropdown-item{
        padding: 0.2rem !important;
    }
    .card-body_presentation:not(.btn-group){
        text-align: center;
        margin: auto;
    }
    .btn-group{
        display: flex;
        justify-content: left !important;
    }
    footer .card-body_ul li{
        padding: 0 1rem 0 1rem;
    }
    footer .card-body_ul{
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }
    footer .footer_li_top{
        order: 1;
    }
    footer .fa-facebook{
        font-size: 1.3rem !important;
    }
    footer .footer_li_2{
        font-size: 1.2rem !important;
    }
    body a, body .btn-success{
        text-decoration: underline !important;
        text-decoration-color: rgba(255, 255, 255, 0.664) !important;
        font-size: 1.2rem;
    }
    #homepage_article_flex .btn{
        display: block;
        width: 10rem;
        margin: auto !important;
    }
}
@media (min-width: 800px){
    .wrapper{
        margin: auto;
        width: 95%;
        background-color: rgb(20, 88, 40, 0.7);
        border: 1px solid rgb(22, 22, 22, 0.4);
        box-shadow: 1px 1px 20px black;
        border-radius: 1%;
        padding: 0;
    }
    .card-body{
        font-size: 1.4rem;
        color: lightgoldenrodyellow;
        text-align: justify;
        text-justify: inter-word;
    }
    .card-text{
        font-size: 1.4rem;
        color: lightgoldenrodyellow;
        text-align: justify;
        text-justify: inter-word;
    }
    .card-title{
        font-size: 2rem;
        color: rgb(168, 245, 96);
        font-size: 1.7rem
    }
    .card-header{
        font-size: 2rem;
        color: rgb(70, 16, 133);
        font-weight: bold;
    }
    .main_title{
        font-size: 2.2rem;
    }
    .card-body_presentation{
        text-align: center;
        margin: auto;
    }
    body a, body .btn-success{
        text-decoration: underline !important;
        text-decoration-color: rgba(255, 255, 255, 0.24) !important;
        font-size: 1.4rem;
    }
    footer .card-body_ul li{
        margin: auto
    }
    footer .card-body_ul{
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }
    body a:hover, body .btn:hover{
        text-decoration: underline !important;
        transition: 0.3s;
    }    
}
/* HEADER - GENERAL */
.header_title{
    margin-bottom: 2rem;
    margin-left: 1rem;
    color: lightgoldenrodyellow;
    font-style: italic;
}
/* NAV - GENERAL */
nav{
    margin-bottom: 2rem;
}
@media (min-width: 720px){
    .div_top_image{
        width: 25vw;
        margin: 1.5rem auto;
    }
}
@media (max-width: 1200px){
    .div_header{
        text-align: center;
        padding-bottom: 0.8rem;
    }
}
@media (max-width: 720px){
    .div_top_image{
        width: 35vw;
        margin: 1.5rem auto;
    }
}
@media (min-width: 1200px){
    .div_header{
        display: flex;
        justify-content: row;
    }
}
.div_top_nav_title{
    color:lightgoldenrodyellow;
    margin: auto;
    text-align: center;
}
@media (min-width: 1200px){
    nav li:hover{ 
        background-color: rgba(200, 102, 167, 0.8);
        transition: 0.3s;
        border-radius: 2.2rem;
    }
    nav li{
        font-size: 1.3rem;
        border-radius: 6%;
        margin: 1rem auto auto 1.5rem;
    }
    nav .dropdown-item:hover{
        background-color: rgb(99, 121, 97);
        transition: 0.3ss;
    }
}
nav li a{
    color: lightgoldenrodyellow !important;
}
nav .dropdown-item{
    background-color: rgb(44, 78, 92);
    opacity: 0.9;
    color: lightgoldenrodyellow;
}
nav .dropdown_separator{
    background-color: rgb(22, 37, 43);
    padding-left: 0.4rem;
    color: rgba(200, 102, 167);
}
/* MAIN - GENERAL */ 
main .card{
    border-radius: 10px;
    margin-bottom: 1rem;
    background-color: rgba(143, 205, 229, 0.315);
    opacity: 0.95;
}
main section{
    margin-left: 5rem;
    margin-right: 5rem;
}
/* MAIN - HOMEPAGE */
main .homepage_presentation_image{
    width: 70%;
    border-radius: 50%;
}
@media (min-width:1200px){
    main #homepage_first_card{
        display: flex;
        justify-content: row;
    }
}
@media (min-width:1200px){
    main #homepage_article_flex{
        display: flex;
        justify-content: row;
    }
}
@media (max-width:1200px){
    main .homepage_main_image{
       margin: 2rem auto;
    }
    main .carousel_image{
        border-radius: 3%;
        width: 80vw;
        height: 40vh;
        margin: auto;
        object-fit: contain;
    }
    main .carousel_image_bon-cadeau{
        border-radius: 3%;
        width: 80vw;
        height: 40vh;
        margin: auto;
        object-fit: contain;
    }
}
@media (min-width:1200px){
    main .homepage_main_image{
        border-radius: 20px;
        margin: 5% auto;
    }
    main .carousel_image{
        border-radius: 3%;
        width: 400px;
        height: 200px;
        object-fit: cover;
        margin: auto;
    }
    main .carousel_image_bon-cadeau{
        border-radius: 3%;
        width: 500px;
        height: 500px;
        object-fit: cover;
        margin: auto;
    }
}
main #home_anne_profile{
    border-radius: 5%;
    width: 70%;
    margin: 1rem auto;
}
main .right_column_separator{
    border-top: 0.2rem solid black;
    width: 80%;
    margin: 0.5rem auto;
    border-radius: 30px;
    opacity: 0.53;
}
@media (min-width: 1201px){
    main #right_column{
        padding-left: 0.8rem !important;
    }
}
main #right_column .right_column_adress_hours_contact{
    text-align: center;
}
main #right_column .right_column_adress_hours_contact a{
    text-decoration: none;
    color: lightgoldenrodyellow;
}
main #right_column .right_column_adress_hours_contact a:hover{
    text-decoration: underline;
    transition: 0.3s;
    color: lightgoldenrodyellow;
}
main #right_column_card{
    text-align: center;
}
main section .article_home_1_link{
    align-items: flex-end;
}
@media (min-width: 1200px){
    .iframe_map{
    height: 17rem;
    }
}
@media (max-width: 1199px){
    .iframe_map{
    height: 30rem;
    }
}
main section .dropdown-item:hover{
    background-color: rgb(99, 121, 97);
    transition: 0.3ss;
}
main section .dropdown-item{
    background-color: rgb(44, 78, 92);
    opacity: 0.9;
    color: lightgoldenrodyellow;
}
/* MAIN - CONTACT PAGE */
main section .blockquote_contact_text{
    margin: auto;
}
main section .blockquote-footer{
    color: lightgoldenrodyellow;
    margin-left: 75%;
}
main section #contact_blockquote_picture{
    border-radius: 3%;
    width: 100%;
}
main section #card-body_iframe_maps{
    height: 25rem;
}
main section form{
    width: 100%;
}
main section label{
    color: rgb(168, 245, 96) !important;
}
main section form .form-control{
    border-color: rgba(0, 0, 0, 0.438);
}
main section form input:not(.submit_contact), main section form textarea{
    background-color: rgba(48, 44, 46, 0.212) !important;
    color: lightgoldenrodyellow !important;
}
main section form .form-control:not(.submit_contact):focus {
    border-color: black;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(168, 245, 96);
}
main section form .submit_contact{
    margin-top: 2rem;
    padding: 0.8rem 1.5rem 0.8rem 1.5rem;
    color: black;
}
main section .card-body_contact{
    text-align: center;
}
main section ::placeholder{
    color: lightgray !important;
    opacity: 0.5;
    font-size: 1rem;
}
/* MAIN - SOIN */
@media (min-width: 1200px){
    main section{
        display: flex;
        justify-content: row;
    }
}
.main_section_soin_left, .main_section_soin_right{
    padding: 0;
}
.wrapper .main_section_soin a{
    text-decoration: none;
    color: lightgoldenrodyellow;
}
.wrapper .main_section_soin ul li{
    list-style: none;
}
.wrapper .main_section_soin ul{
    padding-left: 0.5rem;
}
.wrapper .main_section_soin a:hover{
    text-decoration: underline;
    transition: 0.3s;
    color: lightgoldenrodyellow;
}
/* MAIN - TARIF */
main .tarifs a{
    text-decoration: none;
    color: lightgoldenrodyellow;
}
main .tarifs a:hover{
    text-decoration: underline;
    transition: 0.3s;
    color: lightgoldenrodyellow;
}
/* MAIN - BON-CADEAUX */
main section .bon_cadeau_image{
    width: 100%;
    margin: 2rem auto auto auto;
    border-radius: 3%;
}
/* MAIN - LOGIN ADMIN */
main section .admin_login ::placeholder{
    color: black;
    opacity: 0.5;
}
/* MAIN - MENTION LEGALES */
main section .mentions_legales a{
    text-decoration: none !important;
    color: lightgoldenrodyellow !important;
}
main section .mentions_legales a:hover{
    text-decoration: underline !important;
    transition: 0.3s;
}
/* MAIN - BLOG */
@media (min-width: 1200px){
    main section .main_section_blog_left{
        display: flex;
        justify-content: row;
    }
}
main .blog_column_separator{
    border-top: 0.5rem solid black;
    width: 80%;
    margin: 1.5rem auto 2rem auto;
    border-radius: 30px;
    opacity: 0.53;
}
/* FOOTER - GENERAL */
footer{
    margin-top: 5rem;
}
footer .card{
    border-radius: 10px;
    background-color: rgb(20, 88, 40, 0.7);
    color: lightgoldenrodyellow;
    opacity: 0.95;
}
footer .card-body_ul li{
    list-style: none !important;
}
footer .card-body_ul li a{
    color: rgba(114, 180, 198) !important;
}
footer .card-body_ul li a:hover{
    text-decoration: underline !important;
    transition: 0.3s;
}
footer .fa-facebook{
    font-size: 1.6rem;
    color: rgb(240, 116, 198);
}
footer .footer_li_2{
    color: rgba(224, 247, 20, 0.87);
}
footer .footer_li_top{
        padding: 0 0.5rem 0 0.5rem;
        border-radius: 30%;
        display: block ;
}
footer .footer_li_top:hover{
    background-color: rgba(108, 202, 140, 0.384);
    transition: 0.3s;
}
footer .footer_developper_link{
    color: lightgoldenrodyellow !important;
    font-size: 1.1rem !important;
}
footer .footer_developper_link:hover{
    text-decoration: underline !important;
    transition: 0.3s;
}