[BALOONS]

Code:: <link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet"> <div id="bordure"><div class="title">Aller on tente un titre long</div> <div class="fond"> </div> <div class="bla"> Votre texte ici. </div> <div class="ending"><a href="http://epsilon-ls.forumactif.com/">E P S I L O N</a></div> <style>#banner{width: 100%; background-image:url("http://imgur.com/VSVt4aY.png"); margin-top: -8px; position: absolute; height: 550px; margin-right: -8px; z-index: 999; background-repeat:no-repeat;}.placestaff{width:800px; height:500px; background-color:none; float:right; margin:20px;}.tetestaff{border-radius:50%; min-width:50px; min-height:50px; background-image:url('http://via.placeholder.com/50x50'); background-color:#181818; border: solid 1px #a33f3f; float:left; margin-left:150px;}.tetestaff2{border-radius:75%; min-width:50px; min-height:50px; background-image:url('http://via.placeholder.com/50x50'); background-color:#181818; border: solid 1px #a33f3f; float:right;}.tiret{width:200px; display:inline-block; border-bottom:solid 2px #a33f3f; float:left; margin-top:10px; margin-bottom:20px;}.tiret2{width:200px; border-bottom:solid 2px #a33f3f; float:right; margin-top:10px;}.chat{font-size:12px; font-family:'Roboto Condensed'; text-transform:uppercase; font-style:italic; float:left; margin-left:10px;}.john{font-size:12px; font-family:'Roboto Condensed'; text-transform:uppercase; font-style:italic; float:right; margin-right:10px;}.contexte{color: white; background-image:url('http://imgur.com/2JKq7K7.png'); font-size: 13px; font-family: 'Arapey'; font-weight: 200; height: 200px; margin-top: 80px; overflow: auto; margin:0 auto; padding: 5px; text-align: justify; width: 500px;}.ara{width:410px;float:right;margin-top:-40px;margin-right:20px;}.partenaires_pa{bottom:0px;float:right;margin-top:-40px;}.hoverparto{display:inline-block; padding:2px;}.icistp{position:absolute; min-width:50px; margin-top:45px; background-color:#e9dcdc; border:1px solid #a33f3f; padding:3px 5px; height:20px; color:#a33f3f; opacity:0; transition:all 500ms;}.hoverparto:hover .icistp{opacity:0.8;}.predefini{width: 50px; height: 50px; border: solid 8px white; display: inline-block; margin-top:30px; padding:1px; float:left; position:relative;}.hover_predef{position: absolute; min-width: 50px; top: 52px; background-color: #e9dcdc; border: 1px solid #a33f3f; padding: 3px 5px; height: 20px; color: #a33f3f; opacity: 0; transition: all 500ms; z-index:9;}.predefini:hover .hover_predef{opacity: 0.8;}.hover_predef_text{text-align: center; font-size: 13px; font-family: 'Roboto'; font-style: italic; text-transform: uppercase;}.predefinis{margin-left:-130px; margin-top:95px; float:left;}</style>