body.modal-open {overflow:hidden;}
.MModal {display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 6000;overflow: hidden;overflow-y:scroll;-webkit-overflow-scrolling: touch;outline: 0;background: rgba(0, 0, 0, 0.8);}	
    .MModal .MModal-dialog {position:relative;width:50%; min-width: 300px; margin: 0px auto; margin-top: 60px; margin-bottom: 60px;}
        .MModal .MModal-dialog.modal-xl {max-width:95%; width: 95%;}
        .MModal .MModal-dialog.modal-lg {max-width:80%; width: 80%;}
        .MModal .MModal-dialog.modal-md {max-width:50%; width: 50%;}
        .MModal .MModal-dialog.modal-sm {max-width: 768px;}
            .MModal .MModal-container {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;    background-color: #fff;background-clip: padding-box;border: 0px solid rgba(0, 0, 0, 0.2);outline: 0;border-top: 3px solid #3c8dbc;box-shadow: 0 1px 1px rgba(0,0,0,0.1);border-radius: 3px;}
                .MModal .MModal-container button.fermer {position: absolute;top: 10px;right: 16px;z-index: 999;color:#999;opacity: 1;padding: 0;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;text-shadow: 0 1px 0 #fff;font-size: 30px;font-weight: 500;line-height: 1;}
                    .MModal .MModal-container button.fermer:hover {color:#333;}
                .MModal .MModal-container .MModal-title {border-bottom:1px solid #f4f4f4; padding: 12px; font-weight: 400; font-size: 18px;}
                .MModal .MModal-container .MModal-content {margin:15px;}
                    .MModal .MModal-container .jMModal-content .sep { width: 100%; margin-bottom: 10px; border-bottom: 1px solid #f4f4f4;}
                    .MModal .MModal-container .MModal-content h3 { font-size: 16px; margin: 5px 12px 10px 12px; padding-bottom: 5px;border-bottom: 1px solid #f4f4f4; color: #3c8dbc; font-weight: bold;}