Créer une boite de message smart en CSS3
Ajouter les styles suivant dans la page HTML ou dans la feuille de style rattachée : .bouton_2013 { font-size:18px; padding:3px; font-weight:bold; } .modalDialog { position: fixed; font-family: Verdana, Arial; font-size:18px; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 99999; opacity:0; -webkit-transition: opacity 200ms ease-in; -moz-transition: opacity 200ms ease-in; transition: opacity 200ms ease-in; pointer-events: none; display:none; } .modalDialog:target { opacity:1; pointer-events: auto; } .modalDialog > div { width: 400px; position: relative; margin: 15% auto; padding: 5px 20px 13px 20px; border-radius: 8px; background: