<!doctype html>
<html>
<head>
<meta charset="utf-4">
<title>Fiche de pub</title>
<style>
a{
color:black;
text-shadow:2px 2px 5px #701212;
transition:all 1s ease;
text-decoration:none;}
a:hover{
color:grey;
text-transform:lowercase;
letter-spacing:4px;
font-size:14px;}
#fond2{
width:650px;
margin:auto;
box-shadow: 0px 0px 10px #222222;
background-color:#222222;
border:3px solid grey;}
#casecon{
border:3px solid black;
padding:14px;
border-radius:0px 140px 0px 0px;
box-shadow:0px 0px 10px #701212;
transition:all 1s ease;
background-color:grey;
color:#222222;}
#casecon:hover{
border-radius:14px 0px 0px 0px;}
#stat{
text-align:center;
width:630px;
border-top:4px solid #701212;
border-bottom:4px solid #701212;
background-color:grey;
padding:10px;}
#lien{
width:200px;
border:3px solid black;
padding:14px;
border-radius:70px 70px 0px 0px;
box-shadow:0px 0px 10px #701212;
margin-left:100px;
margin-bottom:-56px;
background-color:grey;}
#bann{
background-color:grey;
width:400px;
border:3px solid black;
padding:14px;
border-radius:0px 0px 70px 70px;
box-shadow:0px 0px 10px #701212;
margin-top:-5px;
margin-left:40px;}
span#credit{
font-size:12px;
margin-left:200px;}
#fond2 > table{
width:650px;
margin:auto;
padding:18px;
text-align:center;
color:grey;}
h1{
font-size:20px;
letter-spacing:5px;
transition: all 1s ease;}
h1:first-letter{
text-decoration:overline;
color:#701212;}
h1:hover{
letter-spacing:-5px;
font-size:30px;}
h2{
font-size:40px;
text-transform:uppercase;
color:#701212;
text-shadow:0px 0px 5px grey;
-moz-transform:rotate(10deg);
-webkit-transform:rotate(10deg);
-o-transform:rotate(10deg);
-ms-transform:rotate(10deg);
transform:rotate(10deg);
padding-top:10px;
margin-bottom:-90px;
margin-left:120px;
transition:all 1s ease;}
h2:hover{
color:grey;
text-shadow:0px 0px 5px #701212;}
.staff{
border-top:10px solid black;
border-bottom:10px solid black;
border-left:2px solid black;
border-right:2px solid black;
transition:all 1s ease;}
.staff:hover{
border-radius:20px;}
#con{
height:150px;
text-align:justify;
overflow:auto;
}
#con2{
height:70px;
text-align:justify;
overflow:auto;}
</style>
</head>
<body>
<div id="fond2">
<h2>Nom du forum</h2>
<table><tr><td><a href="LIEN PROFIL"><img src="http://img4.hostingpics.net/pics/199600imagestaffpolaris.jpg" alt="staff" class="staff" /></a></td><td><div id="lien"><a href="LIEN">LIEN</a><br/><a href="LIEN">LIEN</a><br/><a href="LIEN">LIEN</a><br/><a href="LIEN">LIEN</a><br/><a href="LIEN">LIEN</a>
</div></td></tr><tr><td><a href="LIEN PROFIL"><img src="http://img4.hostingpics.net/pics/730081748229Paloma.png" alt="staff" class="staff"/></a></td><td rowspan="2" id="casecon"><h1>CONTEXTE</h1>
<div id="con">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed adipiscing, felis vel commodo commodo, eros nisl vehicula tortor, vitae lobortis orci purus et nibh. Vivamus lobortis augue vitae felis facilisis condimentum. Morbi elementum tristique massa nec pellentesque. Duis quis facilisis turpis. Curabitur sed sagittis nibh. Suspendisse gravida risus eget eros vestibulum eu malesuada dui sodales. Vestibulum feugiat accumsan dapibus. Nullam lobortis tellus id metus dictum dictum. Duis sed magna at libero blandit tincidunt non vel lorem. Phasellus imperdiet odio bibendum metus dignissim ornare.</div><h1>EN SAVOIR PLUS</h1> <div id="con2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed adipiscing, felis vel commodo commodo, eros nisl vehicula tortor, vitae lobortis orci purus et nibh. Vivamus lobortis augue vitae felis facilisis condimentum. Morbi elementum tristique massa nec pellentesque. Duis quis facilisis turpis. Curabitur sed sagittis nibh. Suspendisse gravida risus eget eros vestibulum eu malesuada dui sodales. Vestibulum feugiat accumsan dapibus. Nullam lobortis tellus id metus dictum dictum. Duis sed magna at libero blandit tincidunt non vel lorem. Phasellus imperdiet odio bibendum metus dignissim ornare.</div> </div></td></tr>
<tr><td><a href="LIEN PROFIL"><img src="http://img4.hostingpics.net/pics/190955imagestaffmdj.jpg" alt="staff" class="staff" /></a></td></tr><tr><td><img src="http://img4.hostingpics.net/pics/9480203845101368454513Vu2s.gif" alt="bouton" class="staff"/></td><td><div id="bann"><img src="http://img4.hostingpics.net/pics/166031gifbannire.gif" alt="banniere" /></div></td></tr></table><div id="stat"><h1>STATISTIQUES</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed adipiscing, felis vel commodo commodo, eros nisl vehicula tortor, vitae lobortis orci purus et nibh. Vivamus lobortis augue vitae felis facilisis condimentum. Morbi elementum tristique massa nec pellentesque. Duis quis facilisis turpis. Curabitur sed sagittis nibh. Suspendisse gravida risus eget eros vestibulum eu malesuada dui sodales. Vestibulum feugiat accumsan dapibus. Nullam lobortis tellus id metus dictum dictum. Duis sed magna at libero.</div>
<span id="credit">© Fiche : Mello sur <a href="http://epicode.bbactif.com/" title="Epicode" target="_blank">Epicode</a>.</span>
</div>
</body>
</html>
Accueil 
