@font-face {
    font-family: Lovelo;
    src: url('lib/Lovelo/WEB/Lovelo-Black.eot');
    src: url('lib/Lovelo/WEB/Lovelo-Black.eot?#iefix') format('embedded-opentype'),
    url('lib/Lovelo/WEB/Lovelo-Black.woff2') format('woff2'), 
    url('lib/Lovelo/WEB/Lovelo-Black.woff') format('woff'),
    url('lib/Lovelo/TTF/ovelo-Black.ttf') format('truetype');
   }


/* Tooltip container */
.logopomme {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
  }
  
  /* Tooltip text */
   .logopommetext {
    visibility: hidden;
    width: 520px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    margin-top: -50px;
   
    /* Position the tooltip text - see examples below! */
    position: fixed;
  }
  
  /* Show the tooltip text when you mouse over the tooltip container */
  .logopomme:hover .logopommetext {
    visibility: visible;
  }


h1, h2, h3, h4, h5, h6 {
    font-family: 'Lovelo', sans-serif;
}

p, td, th, span, select, option, label, button, a {
    font-family: 'Arimo', sans-serif;
}

h1 {
    font-weight:800;
}
.text-title {
    -webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: -webkit-linear-gradient(left, red, orange, yellow, green, blue);
}
.container-1 {
    width:100%;
}
.container-fluid {
    width: 100%;
}

.bloc {
    max-width: 70px;
    max-height: 70px;
}

.divalert {
    margin-top:3%;
}


.red {
    color:red;
    position:absolute;
    left:27px;
    bottom:18px;
    font-weight:1600;
}

.fa-trash {
    color: red;
}

.mform {
    margin-left: 7px;
}

.pomme {
    border:1px solid red;
    color:#008037;
    background-size: 90%;
    background-image: url("logo-reduit.png");
    background-position: center;
    padding: 18px 12px 7px 17px;
    width: 75px;
    height: 75px;
    border-radius: 50px;
}

#badge {
    color: #008037!important;
    position: absolute!important; 
    font-size: 18px !important; 
    left: 20px; 
    top: 35px; 
    color: white;
}

.basketbutton {
padding-right:100px;
}

.fa-facebook-square {
    color: white;
}

.margin-center {
    margin-left: auto;
    margin-right: auto;
}
.redimension {
    height:auto;
    object-fit:cover;
    max-width:100%;
    width:50%;
    max-height:100%;
}


@media screen and (max-width: 767px) {
    .partenaires-max {
        height: 430px;
        max-height: 430px;
    }
    
    .imgr {
        height:60%; 
        width: auto;
        max-height:60%;
        max-width:60%;
        object-fit:contain;
        float: center;
        margin: -40px 2px 0 0px;
    }

    .blog-max {
        height:500px;
        max-height:500px;
        width: auto;
    }

    .imgr-blog {
        height:100%; 
        width: auto;
        max-height:100%;
        max-width:100%;
        object-fit:contain;
        float: center;
        margin: -40px 2px 0 0px;
    }

    .produits-max {
        max-height:100%;
    }
}


@media screen and (min-width: 768px) {

.produits-max {
    max-height:100%;
}

.partenaires-max {
    height:200px;
    max-height:200px;
}

.blog-max {
    height:400px;
    max-height:400px;
    width: auto;
}

.imgr {
    height:100%; 
    width: auto;
    max-height:100%;
    max-width:100%;
    object-fit:contain;
    float: left;
    margin: 0 2px 0 0px;
}
.imgr-blog {
    height:100%; 
    width: auto;
    max-height:100%;
    max-width:100%;
    object-fit:contain;
    float: center;
    /*margin: -40px 2px 0 0px;*/
}
}

@media screen and (max-width: 800px)
{
    #badge {
        left: 26px; 
    }
    .button-panier {
        text-align:center!important;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #button-qty {
        text-align: center!important;
    }
    .button-up-down {
        width:60%;
        margin: 5px 0 5px 0;
        text-align: center;
    }

    .first-mobile {
        display:none;
    }
    .redimension {
        height:auto;
        object-fit:contain;
        max-width:100%;
        width:100%;
        max-height:100%;
        margin-left: -20px;
    }
    .divalert {
        margin-top:9%;
    }
    .basketbutton {
        padding-right:75px;
    }
    .produitsmargin {
        margin-top: 10px!important;
    }
    .mobile {
        margin-top: 25px!important;
    }
}

.logo {
    height:auto;
    object-fit:cover;
    max-width:100%;
    width:10%;
    max-height:100%;
}

.verger {
    height:auto;
    object-fit:cover;
    max-width:100%;
    width:20%;
    max-height:100%;
}

select {
    text-align: center;
    text-align-last: center;
    -moz-text-align-last: center;
}

.redimension-basket {
    height:6rem;
    object-fit:cover;
    max-width:100%;
    width:180px;
    max-height:100%;
}

.t {
    margin-top: 50%!important;
    margin-bottom: 50%!important;
}

.sous-ligne {
    text-decoration: white wavy underline;
}

.modal-footer, .modal-body, .modal-header {
    background-color: #343a40!important;
}

.square-palebrown { 
    width:40px!important; 
    height:40px!important; 
    background-color: #755847; 
    margin:5px; 
}
.square-darkbrown { 
    width:40px!important; 
    height:40px!important; 
    background-color: #654321; 
    margin:5px; 
}
.square-white { 
    width:40px!important; 
    height:40px!important; 
    background-color: #FFFFFF;
     margin:5px; 
    }
.square-tan { 
    width:40px!important; 
    height:40px!important; 
    background-color: #D2B48C; 
    margin:5px; 
}

.square-chocolate { 
    width:40px!important; 
    height:40px!important; 
    background-color: #D2691E; 
    margin:5px; 
}
.square-black { 
    width:40px!important; 
    height:40px!important; 
    background-color: #000000; 
    margin:5px; 
}
.square-brown { 
    width:40px!important; 
    height:40px!important; 
    background-color: #A52A2A; 
    margin:5px; 
}
.square-blue { 
    width:40px!important; 
    height:40px!important; 
    background-color: #0000FF; 
    margin:5px; 
}
.square-pink { 
    width:40px!important; 
    height:40px!important; 
    background-color: #FFC0CB; 
    margin:5px; 
}
.square-beige { 
    width:40px!important; 
    height:40px!important; 
    background-color: #F5F5FC; 
    margin:5px;
}
.panelcouleurs:hover {
    cursor: pointer;
}

.text-footer {
    font-size:12px;
}

.footer-index {
    margin: auto;
    position: relative;
    margin-top: 225px;
    width: 98%;
    text-align: center;
}

.footer-commande {
    margin: auto;
    position: relative;
    margin-top: 60px;
    width: 98%;
    text-align: center;
}

.produitsmargin {
    margin-top: 20px!important;
}


.carousel-caption { position:static; }

.accordion-button:not(.collapsed) {
    color: black!important;
    background-color: white!important;
}

.accordion-button:focus {
border-color: white!important;
box-shadow: 0 0 0 0 rgba(13,110,253,.25)!important;
}

.carousel-control.left, .carousel-control.right {
    left: 0;
    z-index: 1;
  }

  .accordion-button:not(.collapsed) {
    background-color: #008037!important;
    color: white;
  }

  .accordion-button {
    background-color: #008037!important;
    color: white;
  }

  .accordion-item {
    border:0!important;
  }

  .accordion-button::after {
    color: white!important;
  }

  .accordion-button:not(.collapsed)::after {
    color: white!important;
  }

  .color-vert {
    color: #008037;
  }