/**************** NAV *****************/
nav{
    background-color: #3498db;
    padding: 0 !important;
    color: white;
}
nav a{
    color: white;
}
#monCompte{
    /* background: #3355cc; */
}
#monPanier{
    background: #5577bb !important;
}
#monCompte .nav-link, #monPanier .nav-link{
    color: white !important;
}
nav .nav-link{
    padding: 8px 15px !important;
}
nav .nav-link:hover{
    /* background: #696969 !important; */
}
.row{

}




.pointer:hover{
    cursor: pointer !important;
}
.pointerh:hover{
    cursor: pointer !important;
    background-color:  grey;
}
.iconClose:hover{
    cursor: pointer !important;
    color: grey;
}
.popup{
    background-color: white;
    padding: 30px;
    -webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
    visibility: hidden;
    position:fixed;
    top:50%;
    left:50%;
    width:400px;  /* adjust as per your needs */
    margin-left:-200px;   /* negative half of width above */
    margin-top:-200px;
}


/* Fil araine */



/* Bubble */
.bubble-left {
    margin-bottom: 2rem;
    padding: 1rem 1.5rem 2rem 1.5rem;
    position: relative;
    background: #f1f0f0;
    border-radius: .4em;
}
.bubble-left:after { content: ''; position: absolute; bottom: 0; left: 10%; width: 0; height: 0; border: 15px solid transparent; border-top-color: #f1f0f0; border-bottom: 0; border-left: 0; margin-left: -7.5px; margin-bottom: -15px; }

.bubble-right {
    color:white;
    margin-bottom: 2rem;
    padding: 1rem 1.5rem 2rem 1.5rem;
    position: relative;
    background: #0084ff;
    border-radius: .4em;
}
.bubble-right:after { content: ''; position: absolute; bottom: 0; left: 90%; width: 0; height: 0; border: 15px solid transparent; border-top-color: #0084ff; border-bottom: 0; border-right: 0; margin-left: -7.5px; margin-bottom: -15px; }


/* Footer */
footer{
    background-color: #3498db;
    color: white;
}
footer a{
    color: white;
}