.spa-color1{
    color: #CD9CA0;
}
.spa-color2{
    color: #C75C71;
}
.spa-color3{
    color: #C62C63;
}
.spa-color4{
    color: #C62B61;
    opacity: 1;
}
.navbar-brand{
    font-size:2.2rem;
}
.bg-custom{
    background: #5A5A5E;
}
.spa-color0{
    color:white;
}
nav a{
    color:white;
}
nav a:active,
nav a:visited
{
    color:white;
}
nav a:hover{
    color: #2BA2B5;
}
a.navbar-brand:hover{
    color:white;
}
.nav-link{
    font-weight: 400;
    font-size:14px;
    font-family: 'Poppins', sans-serif;
}

.button {
    float: left;
    min-width: initial !important;
    max-width: initial !important;
    display: block;
    margin: initial !important;
    padding: initial !important;
    border: none;
    background: none;
    color: inherit;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.button--ujarak::before {
    background: #66666A !important;
}

.button--ujarak.button--inverted::before {
    background: #66666A !important;
}

.button--ujarak:hover {
    border-color: #66666A !important;
}
.button--ujarak.button--inverted:hover {
    color: #66666A !important;
}

main,body{
    background: transparent !important;
    background-image: linear-gradient(180deg, rgba(122,122,122,0.15) 0%, #ffffff 100%);

   /* background: #cfd8dc;*/
    /*color: #37474f;*/
    color:initial !important;
    font-weight: 400 !important;
    font-size:14px !important;
    font-family: 'Poppins', sans-serif !important;
}
.titre-1{
    color: #e91e63;
    font-family: "Poppins", Poppins;
    font-size: 35px;
    font-weight: 500;
    letter-spacing: -1px;
}
main{
    border:1px solid transparent;
}
.presentation-1{
    color: #54595f;
    font-family: "Poppins", Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: 0.2px;
}
.list-group-item a{
    font-size: 14px;
}
.list-group-item .fa-handshake,
.list-group-item .fa-star,
.list-group-item .fa-smile
{
    color:#e91e63;
}
.list-group-item strong{
    color: #e91e63;
    font-size: 20px;
}
.list-group-item p{
    color:#555555;
    font-family: "Poppins", Poppins;
    font-size: 15px;
    font-weight: 400;
    line-height: 2em;
    letter-spacing: 0.9px;
}
.list-group-item.middle-part{
    background: #F7F7F7;
}
.bloc_1{
    background: #F3F3F3;
}
.spa-2-places{
    filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 107deg );
}
.spa-4-places{
filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 210deg );
}bloc_1
.spa-6-places{
    filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 291deg );
}
.spa-2-places-titre,
.option-fontaine-a-chocolat
{
    color:#23a455;
}
.spa-4-places-titre,
.option-table-de-massage
{
    color:#4054b2;
}
.spa-6-places-titre,
.option-ambiance-romantique,
.option-plateau-de-fruits-frais
{
    color:#e91e63;
}
.bloc_reservation{
    background: white !important;
}
footer,
footer ul,
footer li
{
}
li a.font-size-50-px{
    font-size:50px;
}
li a.logo,
li a.logo:hover
{
    color:white;
    text-decoration: none;
}
.font-size-20-px{
    font-size: 19px;
}
.color-white{
    color:white !important;
}
.opacity-086{
opacity:0.86;
}
.font-size-14{
    font-size: 14px;
}
.font-size-17{
    font-size: 17px;
}

/*_____________*/
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: red;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: red;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: red;
}




header input {
    border: 1px solid
    rgba(58,59,60,.2);
    margin-bottom: 0;
    padding-right: 37px;
    width: 100%;
    min-height: 45px;
    line-height: 40px;
    background-color:
            transparent;
}
.form-control, input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], textarea {
    background-color: #fff;
    border: 1px solid rgba(58,59,60,.2);
    border-radius: 0;
    padding: 0 15px;
    padding-right: 25px;
    width: 100%;
    margin-bottom: 0;
    font-size: 14px;
    color:
            #1b232e;
    outline: 0;
    -o-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0
    transparent;
    transition: all .5s;
}
/*désactive l'effet zoom sur mobile lorsqu'on saisit une donnée dans un formulaire*/
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
    font-size: 16px !important;
}
a#telecharger-notre-catalogue,
a#telecharger-notre-catalogue-footer
{
    text-decoration:none;
    background-color:#df5c4d;
    color:white;
    font-size:15px;
    font-family:'Libre Franklin',sans-serif;
    Letter-spacing: 1px;font-weight: 500;
    border: 1px solid transparent;
    border-bottom:4px solid transparent;
}
a#telecharger-notre-catalogue:hover,
a#telecharger-notre-catalogue-footer:hover
{
    background: white;
    color: #df5c4d;
    border: 1px solid #df5c4d;
    border-bottom:4px solid #df5c4d;
}
a#consulter-notre-catalogue-en-ligne,
a#consulter-notre-catalogue-en-ligne-footer,
a#contacter-nous-footer
{
    text-decoration:none;
    background-color:#2d4f98;
    color:white;
    font-size:15px;
    font-family:'Libre Franklin',sans-serif;
    Letter-spacing: 1px;font-weight: 500;
    border: 1px solid transparent;
    border-bottom:4px solid transparent;
}
a#consulter-notre-catalogue-en-ligne:hover,
a#consulter-notre-catalogue-en-ligne-footer:hover,
a#contacter-nous-footer:hover
{
    background: white;
    color: #2d4f98;
    border: 1px solid #2d4f98;
    border-bottom:4px solid #2d4f98;
}
#bloc-reassurance .title:hover{
    color:#2d4f98;
    cursor:pointer;
}
#bloc-reassurance .title{
    color:black;
}
body,html{
    font-family: "Libre Franklin",sans-serif;
    font-size: 13px;
    line-height: 21px;
}

/*surcharge vianneyflora picto*/
.picto-vf-panier:before
{
    color:white !important;
}
.picto-vf-icons8_menu{
    font-size:35px;
}
a.telephone-link:hover
{
    text-decoration: none !important;
}
a:hover, a:focus
{
    box-shadow: none !important;
}
.picto-categorie{
    position: absolute;
    width: 27px;
    height: 28px;
    opacity: 1;
}
/*.picto-birthday{
    background: transparent url('/images/categories/icons8_birthday.png') 0% 0% no-repeat padding-box;
    top:153px;
    left:47%;
}
.picto-naissance{
    background: transparent url('/images/categories/icons8_stork.png') 0% 0% no-repeat padding-box;
    top:153px;
    left:42%;
}*/
.categorie-label{
    font-family: "Crimson Text", Regular;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-size:2rem;
    font-weight:normal !important
}
#liste_categorie figcaption{
    position: relative;
    top:-16px;
}
.list-group-item.active{
    background: initial;
}
#liste_categorie img{
    border:1px solid #F48107;
}
.indication-prix{
    color:#707070;
    font-family: 'Crimson Text', Regular;
    font-size:24px;
    letter-spacing: 0px;
    text-align:left;
}
.le-prix{
    font-family: "Crimson Text";
    color:#707070;
    font-weight:bold;
    letter-spacing: 0px;
    text-align:left;
}
#collapsibleNavbar .navbar-nav a.nav-link{
    color:#67267A;
    font-size:22px;
    font-weight:bold;
    font-family: Crimson Text;
}
.plus_du_chocolat{
    position:relative;top:61px;left:16px;
}
.rond_chocolat_offert{
    width:100px;height:100px;font-size:17px;
    position:absolute;top:153px;left:70px;
}
.image_ferrero{
    width:110px;
    position:absolute;left:224px;top:183px;
}

.pvp{
    cursor:pointer;
}
.pvp:hover{
    border:1px solid #F48107 !important;
}
.selection_petit_extra,
.selection_option_pretty
{
    border:2px solid #67267A;
    background-color:#67267A0C;
}
.deselection_petit_extra,
.deselection_option_pretty
{
    border:2px solid #C4C4C4;
}
input{
    box-shadow: none !important;
}
.class_error{
    border:1px solid red !important;
}
/*désactive l'effet zoom sur mobile lorsqu'on saisit une donnée dans un formulaire*/
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
    font-size: 16px !important;
}
body { font-size: 16px; }
input, select { font-size: 100%; }
/*** iPhone and iOS Form Input Zoom Fixes ***/
/* Fix Input Zoom on devices older than iPhone 5: */
@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* Fix Input Zoom on iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* Fix Input Zoom on iPhone 6, iPhone 6s, iPhone 7  */
@media screen and (device-aspect-ratio: 375/667) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* Fix Input Zoom on iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus, iPhone 8, iPhone X, XS, XS Max  */
@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}
@media (max-width: 359px) and (min-width: 359px){
    body{
        /*border:3px solid black;*/
        width: 359px;
    }
}
@media (max-width: 358px){
    body{
        /*Iphone 5*/
        /*border:3px solid red;*/
    }
    .plus_du_chocolat{
        position:relative;top:47px;left:16px;
    }
    .rond_chocolat_offert{
        width:85px;height:85px;font-size:1.2rem;
        position:absolute;top:111px;left:49px;
    }
    .image_ferrero{
        width:90px;
        position:absolute;left:175px;top:154px;
    }
}
@media (min-width: 359px) and (max-width: 640px){
    body{
        /*border:3px solid grey;*/
    }
    .plus_du_chocolat{
        position:relative;top:61px;left:16px;
    }
    .rond_chocolat_offert{
        width:100px;height:100px;font-size:17px;
        position:absolute;top:153px;left:70px;
    }
    .image_ferrero{
        width:110px;
        position:absolute;left:255px;top:218px;
    }
}
@media (width: 375px){
    body{
        /*border:1px solid olive;*/
    }
    .image_ferrero{
        width:110px;
        position:absolute;left:218px;top:188px;
    }
}
@media (width: 414px){
    body{
        /*border:1px solid orchid;*/
    }
    .image_ferrero{
        width:110px;
        position:absolute;left:256px;top:218px;
    }
}

@media (width: 360px) and (max-width: 640px){
    body{/*Galaxy S5categorie-label*/
        /*border:3px solid palevioletred;*/
    }
    .plus_du_chocolat{
        position:relative;top:61px;left:16px;
    }
    .rond_chocolat_offert{
        width:100px;height:100px;font-size:17px;
        position:absolute;top:153px;left:70px;
    }
    .image_ferrero{
        width:110px;
        position:absolute;left:206px;top:170px;
    }

}
@media (width: 568px) and (height: 320px){
    body{
        /*border:3px solid palegreen;*/
    }
}
@media (width: 375px) and (height: 667px){
    body{/*IPhone 6*/
        /*border:3px solid peru;*/
    }
    .plus_du_chocolat{
        position:relative;top:61px;left:16px;
    }
    .rond_chocolat_offert{
        width:100px;height:100px;font-size:17px;
        position:absolute;top:153px;left:70px;
    }
    .image_ferrero{
        width:110px;
        position:absolute;left:211px;top:186px;
    }
}
@media (min-width: 640px) and (max-width: 768px){
    body{/*IPad*/
        /*border:3px solid aqua;*/
    }

}
@media (width: 1024px) and (height: 768px){
    body{
        /*border:1px solid purple;*/
    }


}

@media (min-width: 1200px) {
    body{
        /*border:3px solid silver;*/
    }
    .texte-chocoloat-offert{
        position: relative !important;
        top:36px !important;;
    }

    .plus_du_chocolat{
        position:relative;top:47px;left:16px;
    }
    .rond_chocolat_offert{
        width:110px;height:110px;font-size:1.2rem;
        position:absolute;top:35%;left:12%;
    }
    .image_ferrero{
        width:90px;
        position:absolute;left:64%;top:43%;
    }

    .prix_option.chocolat_offert{
        margin-left:3.5% !important;
    }
    .prix_option.vase_transparent{
        margin-left:2.4% !important;
    }
    .surplus_nom{
        display:none;
    }
    .total_a_regler_vide{
        position: relative;
        left:3.2%;
    }
    .total_a_regler{
        margin-left:-7.5%;
    }
}

@media (min-width: 1500px) {
    body{
        /*border:10px solid darkslategrey;*/
    }
    .texte-chocoloat-offert{
        position: relative !important;
        top:36px !important;;
    }

    .plus_du_chocolat{
        position:relative;top:47px;left:16px;
    }
    .rond_chocolat_offert{
        width:110px;height:110px;font-size:1.2rem;
        position:absolute;top:35%;left:12%;
    }
    .image_ferrero{
        width:90px;
        position:absolute;left:64%;top:43%;
    }
    .span_btn_delete{
        margin-left:8% !important;
    }
    .prix_option.chocolat_offert{
        margin-left:12% !important;
    }
    .prix_option.vase_transparent{
        margin-left:11% !important;
    }
    .frais_livraison{
        margin-left:7.1% !important;
        padding-right:0px !important;
    }
    .btn_delete_chocolat{
        margin-left:3.4% !important;
    }
    #rond_ajout_panier{
        position: relative;
        left:-0.6%;
    }
    #rond_choix_date_livraison{
        position: relative;
        left:0.1%;
    }
    #trait_choix_date_livraison{
        position: relative;
        left:1.5%;
    }
    #choisir_la_taille{
        position:relative;
        left:17%;
    }
    #trait_choix_taille{
        position: relative;
        left:2.7%;
    }
    #choisir_produit{
        position:relative;;left:28%;
    }
    .surplus_nom{
        display:inline-block;
    }
    .total_a_regler_vide{
        position: relative;
        left:5.6%;
    }
    .total_a_regler{
        margin-left:-3.4%;
    }
}