// $( function() {
//   $( "#popin" ).dialog({
//     autoOpen: false,
//     show: {
//       effect: "blind",
//       duration: 1000
//     },
//     hide: {
//       effect: "explode",
//       duration: 1000
//     }
//   });
//
//   $( "#opener" ).on( "click", function() {
//     $( "#popin" ).dialog( "open" );
//   });
// } );


$(".bouton").click(function(){
     $("#modal .message").html("Contenu de ma modal");
     $("#modal").addClass("open");
});

$("#modal .mask, #modal a.close").click(function(){
     $("#modal").removeClass("open");
     return false;
});