Elep

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <style media="screen">
    .modalDialog:not(:visited) {
    	position: fixed;
    	font-family: Arial, Helvetica, sans-serif;
    	top: 0;
    	right: 0;
    	bottom: 0;
    	left: 0px;
    	background: rgba(0, 0, 0, 0.5);
    	z-index: 99999;
    	opacity: 0;
    	-webkit-transition: opacity 400ms ease-in;
    	-moz-transition: opacity 400ms ease-in;
    	transition: opacity 400ms ease-in;
    	pointer-events: none;
    }
    #openModal:not(:visited):target {
      animation : hide 1s;pointer-events:none;
    }
    @keyframes show {
      0.05%, 100% {opacity:1;}
    }
    #openModal {
      opacity:0;
      animation : 6000s show ;
    }
    @keyframes hide {
      to {opacity:0;pointer-events:none!important;}
    }
    .modalDialog:not(:visited) {
    	opacity:1;
    	pointer-events: auto;
    }

.modalDialog:not(:visited) > div {
    	width: 400px;
    	position: relative;
    	margin: 10% auto;
    	padding: 20px;
    	border-radius: 10px;
    	background: #fff;
    	/* background: -moz-linear-gradient(#fff, #999);
    	background: -webkit-linear-gradient(#fff, #999);
    	background: -o-linear-gradient(#fff, #999); */
    }
    .close {
    	background: #000;
    	color: white !important;
    	line-height: 25px;
    	position: absolute;
    	right: -12px;
    	text-align: center;
    	top: -10px;
    	width: 24px;
      opacity: 1!important;
    	text-decoration: none;
    	font-weight: bold;
    	-webkit-border-radius: 12px;
    	-moz-border-radius: 12px;
    	border-radius: 12px;
    	-moz-box-shadow: 1px 1px 3px #000;
    	-webkit-box-shadow: 1px 1px 3px #000;
    	box-shadow: 1px 1px 3px #000;
    }
    .close:hover {
    	background: #00d9ff;
    }
    .close-button{

}
    </style>
    <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

</head>
  <body>

<?php
    if($_GET['lol'] == "o"){
      echo "
      <div id='openModal' class='modalDialog'>
        <div>
          <h2>Formulaire d'inscription</h2>
          <p>Le formulaire a bien été envoyé, vous allez recevoir un mail contenant les informations.</p>
          <a href='#openModal' title='Close' class='close'>X</a>
          <a href='#openModal' title='Close' class='close-button'><button>Fermer</button></a>
        </div>
      </div>
      ";
    }
    ?>