/* Style du formulaire flottant */
#floating-form {
 background-color: #8BB1ED !important;
 background-image: url('https://static.blog4ever.com/2012/06/704535/artfichier_704535_3634007_201404112423494.png');
 background-repeat: repeat;
 background-position: 50% 50%; 
 margin-bottom: 100px;
 right: 10px;
 /* coins arrondis */
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 -khtml-border-radius: 10px;
 border-radius: 10px;

/* bordures ombrées */
 -webkit-box-shadow: 2px 4px 12px #666;
 -moz-box-shadow: 2px 4px 12px #666;
 box-shadow: 2px 4px 12px #666;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
}

#floating-form h3 {
 color: #990000; 
}

#floating-form p.register{
 background-color: #B0B0B0;
 color: #0000CC;
 font-size: 11.5px;
 padding: 5px;

/* coins arrondis */
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 border-radius: 5px;

/* bordures ombrées */
 -webkit-box-shadow: 2px 4px 12px #666;
 -moz-box-shadow: 2px 4px 12px #666;
 box-shadow: 2px 4px 12px #666;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
 }
.diz-barre-navigation{
  background-color : #C60800;
  border : 3px solid #C60800;
}

<p>&nbsp;</p>
<p>Partie visible</p>
<p>&nbsp;</p>
<p title="Cliquez pour acc&eacute;der &agrave; la suite de l'article." style="cursor: pointer; text-align: center;"><a href="#divsuite" class="lienAffiche">Suite ...</a></p>
<div id="divsuite" class="suite"><hr />
<p>ici la suite, entre les 2 lignes quand vous aurez termin&eacute;, vous pourrez supprimer les lignes.</p>
<hr /></div>
<script type="text/javascript">// <![CDATA[
$(document).ready(function()
{
  $('.suite').css("display", "none");
  $('.suite').addClass("cache");

  $('.lienAffiche').click(function() {
    $('.suite').toggleClass("cache");

    if ($('.suite').hasClass("cache")){
     $('.suite').css("display", "none");
   }else{
     $('.suite').css("display", "block");
   }
  });

});
// ]]></script>
<p>&nbsp;</p>