Structure for a 404 Error page with no image

page-404.css

/* ==========================================================================
   PAGE 404 ERROR
   ========================================================================== */
#text-404{
  width: 66.6%;
  margin:  2.5% auto;
  text-align: center;
}
#container-404{
  width: 100%;
}
.picture-404 {
  font-size: 0.5em;
  position: relative;
  width: 20em;
  margin: 2.5% auto;
  display: block;
  color: rgb(221,0,255);
}
.items-404{
  display: block;
  font-size: 8em;
  width: 0.6em;
  margin: 0 auto;
  line-height: 0.73em;
}
.question-mark{
  font-size: 40em;  
  width: 0.5em;
}
.quatre-404{
  position: absolute;
  bottom: 0;
}
.quatre-404-left{
  left: 0.15em;
}
.quatre-404-rigt{
  right: 0;
}

page-404.php

<!-- page 404 type -->
<section id="page_404">
  <div id="container-404">
    <div class="picture-404 clearfix">
        <div class = "items-404 quatre-404 quatre-404-left">4</div>
        <div class = "items-404 question-mark">?</div>
        <div class = "items-404 quatre-404 quatre-404-rigt">4</div>
    </div><!-- picture-->
  </div>
  <div id="text-404">
      <p>Il semble que ce que vous cherchez n'est pas ici, n'existe pas ou a été supprimé. Vous pouvez retourner directement à la page d'accueil utiliser le menu de navigation ci-dessus ou <a href="<?php echo home_url(); ?>/">cliquer ici</a> pour accéder à la page d'accueil. Excusez-nous pour la gêne occasionnée.</p>
  </div>
</section>

<script type="text/javascript">          
      function bounce_404(){
        if (document.getElementById("container-404")){
          $('#container-404').show('bounce','easeOutQuart',800);
        }
      }
</script>