.sans_marges    {   margin-left: 0px;
    margin-right: 0px;
    margin-top : 0px;
    margin-bottom: 0px; }
.bord_rouge     {   border : 1px;
    border-color: darkred;
    border-style: solid;}
.bord_bleu      {   border : 1px;
    border-color: dodgerblue;
    border-style: solid;}
.bord_gauche    {   border-left : 1px;
    border-left-style: solid;}
.bord_gris_clair{   border : 1px;
    border-color: lightslategray;
    border-style: dashed;}
.btn-petit      {   font-size: 9px; padding: 5px 12px;}
.arrondi        {   border-radius: 8px;}
.rond           {   border-radius: 50%;}
.btn-trans      {   -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;}
.moins          {   display: inline-block;
                    vertical-align: middle;
                    color: #fff;
                    font-weight: 700;
                    font-size: 1em;
                    width: 1.2em;
                    line-height: 1;
                    height: 1.2em;
                    text-align: center;
                    text-decoration: none;
                    border-radius: .3em 0 0 .3em;
                    background: #0071bb;
                    letter-spacing: 0;
                    text-indent: .2em;}
.plus           {   display: inline-block;
                    vertical-align: middle;
                    color: #fff;
                    font-weight: 700;
                    font-size: 1em;
                    width: 1.2em;
                    line-height: 1;
                    height: 1.2em;
                    text-align: center;
                    text-decoration: none;
                    border-radius: 0 .3em .3em 0;
                    background: #0071bb;
                    letter-spacing: 0;} 
.montant        {   color: #fff;
                    text-decoration: none;
                    display: inline-block;
                    padding-left: 1em;
                    border-right: .1em solid #338dc6;
                    width: 16.7em;
                    height: 4.8em;
                    white-space: nowrap;
                    letter-spacing: 0;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                }  
.dot            {   height: 15px;
                    width: 15px;
                    background-color: red;
                    border-radius: 50%;
                    display: inline-block;
                }
.sec            {   position: relative;
                    right: -13px;
                    top:-22px;
                }
.counter.counter-lg {
    top: -24px !important;
}
                
.notificationl   {   display: inline-block;
                    font-weight: 700;
                    text-align: center;
                    text-shadow: 0 0.1em 0 rgba(94,48,15,.3);
                    width: 1.9em;
                    line-height: 1.9;
                    position: relative;
                    z-index: 10;
                    margin: 5%;
                    text-shadow: 0 0 0.4em #de6c00;
                    white-space: normal;
                    letter-spacing: 0;
                    -webkit-transition: all 50ms ease-out;
                    -moz-transition: all 50ms ease-out;
                    transition: all 50ms ease-out;
                    }
.enTetePanier   {   background: #0070b6;
                    border: .1em solid #04609a;
                    border-radius: 0;
                    color: #fff;
                    height: 4.8em;
                    white-space: nowrap;
                    letter-spacing: -.3em;
                }
.panier         {   position: absolute;
                    top: 0;
                    left: 50%;
                    margin-left: 297px;
                    width: 200px;
                    text-align: left;
                    top: -2px;
                }
.cartouchePanier {
                position: fixed;
                z-index: 50;
                top: 5em;
                left: 50%;
                bottom: 0;
                width: 198px;
                background: #fff;
                border: 0 solid #04609a;
                border-width: 0 1px;
                text-align: left;
                display: block;
                margin-left: 297px;
                display: none;
            }
.produits   {   position: relative;
                z-index: 10;
            }
.item       {
                background-position: 0 -80px;
                background-repeat: no-repeat;
                background-color: #fef6f0;
                height: 19px;
                position: relative;
            }
.notification { color: white;
                text-decoration: none;
                padding: 15px 26px;
                position: relative;
                display: inline-block;
                border-radius: 2px;
                }
    
.notification:hover {
                background: red;
                }
    
.notification .badge {
    position: absolute;
    top: -10px;
    right: -20px;
    padding: 5px 10px;
    border-radius: 50%;
    background: red;
    color: white;
    }            
    .super_container{   border-radius: 1rem; 
                        /*background-color: white; */
                    }
    /*.super_container{ border: solid 1px cornflowerblue;
                                    border-radius: 1rem;
                                    position:relative;
                                    height:100%;
                                    min-height:100%;
                                    width:100%;
                                    z-index:1000;
                                    }
        .fixed          {   position:fixed;
                        top: 0;
                        left:0;
                        /* prevents your fixed panel from being on top of your subsequent panels 
                        z-index: -99; }
    .produits_container {margin-top:100%;}
    .super_container .image_accueil .titre_accueil{ visibility: hidden;}*/
    #div_contact {
        background-color: white;
        border-radius: 0;
        padding: 40px;
        border-top: #333 7px solid;
        border-bottom: #333 7px solid;
    }
    footer          {
        padding: 40px;
    }
    #video-fond {
        overflow: hidden;
        position: fixed;
        top: 80px;
        right: 0;
        bottom: 0;
        left: 0;
        }
        #video-fond > video {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        }
    navbar {
        font-weight: bold; color:#000;
    }

    .pulse {
        overflow: visible;
        position: relative;
      }
      .pulse:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: inherit;
        border-radius: inherit;
        transition: opacity .3s, transform .3s;
        animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
          z-index: -1;
      }
      @keyframes pulse-animation {
        0% {
          opacity: 1;
          transform: scale(1);
        }
        50% {
          opacity: 0;
          transform: scale(1.5);
        }
        100% {
          opacity: 0;
          transform: scale(1.5);
        }
      }