/*----------------POPUP------------------*/
#overlay{
    background-color: rgba(0, 0, 0, 0.5);    
    padding-top: 40px;
    position: fixed;    
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;   
    z-index: 1000;   
    display: block; 
}  
#overlay h3{
text-align: center;
padding-top: 20px;
}
#overlay.montre{    
    display: block; 
}
#overlay.cache{    
    display: none;
}
#popup{ 
    margin: 0 auto;   
    width: 600px;
    background: #fff;
    min-height: 100px;
    border-radius: 5px;   
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);   
}
#popup-content{ position: relative; }
.popup-header{ border-bottom:solid 1px #e5e5e5; }
.popup-header .fa-times{ color: #fff; }
.popup-body{ padding: 15px; }
.popup-header button.close{
    position:absolute; 
    right:15px;
    top:10px;
    padding: 5px;
    cursor: pointer;
    background: #0077c7;
    border: 0;   
    padding: 5px 10px;
    border-radius: 4px;
}
.popup-footer{ border-top:solid 1px #e5e5e5; padding: 15px; text-align: center;}
.alert { padding: 15px; margin-bottom: 18px; border: 1px solid transparent; border-radius: 4px; }
.alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; }
.alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; }
.alert-danger { color: #842029; background-color: #f8d7da; border-color: #f5c2c7; }
.bt_popup{ cursor: pointer; }