Popup not styled

Popup not styled

Hello,

I've a problem when I click on my button for opening the popup dialog. Actually, the popup doesn't accept data-theme="a", data-theme="b", data-theme="c",...I'm obliged to use css style with "background-color:#4b88b6;" and also, the button 'OK' is not styled with JQuery mobile.

Do you have a solution ?

Thank you
  1. <script>
  2. $(document).on('pageinit', function (event) {
  3. $("#connectionFacebookBtn").on("click", function (event) {
  4.                 $("#dialog1").popup();
  5.                 $("#dialog1").popup('open');
  6.                 $('#validateBtn').button('refresh');
  7. }
  8. <script>
  9. <body>
  10.     <div data-role="page">
  11.         <div data-role="ui-content">
  12.     </div>
  13.     <div data-role="popup" data-theme="d" id="dialog1">
  14.           <div data-role="header" style="background-color:#4b88b6;" class="ui-corner-top" data-add-back-btn="false">
  15.                 <h1 style="padding-left:0%;">Erreur d'authentification</h1>
  16.           </div>
  17.           <div data-role="content" data-theme="d" class="ui-corner-bottom ui-content">
  18.                <h3>@ViewBag.error1</h3>
  19.                <h3>@ViewBag.error2</h3>
  20.        
  21.                 <a id="validateBtn" href="#" data-role="button" data-inline="true" data-theme="b">OK</a> 
  22.            
  23.           </div>
  24.    </div>
  25. </body>