modèle de présentations

<center><link href='http://fonts.googleapis.com/css?family=Unica+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
<div class="fondprez"><div style="background-image: url('http://i19.servimg.com/u/f19/18/43/20/06/captur12.png');width: 500px;height:1005px;border-right: 2px solid #a4cbaf;border-left: 2px solid #a4cbaf;">
<img src= "http://data.whicdn.com/images/183506458/large.gif" style="width:450px;height:200px;border:double 2px #f5e5a1;padding:3px;"><div style="font-family: 'Satisfy', cursive;font-size:38px;color:white;text-shadow: #d45564 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;"> Nom & Prénom</div>
<div class="preztitle2"><div style="font-family: 'Unica One', cursive;letter-spacing:3px;margin-top:-4px;">feat. Nom de la célébrité</div>
<INPUT type="checkbox" checked><span style="color: #c3d8a6; text-transform: uppercase; font-size: 12px;font-family:Oswald;">Scénario</span> <INPUT type="checkbox"> <span style="color: #d8a6a6;text-transform: uppercase; font-size: 12px;font-family:Oswald;">Inventé</span></div>

<div class="box1"><div style="border-top: 10px solid #de7176;padding-left:3px;">
<div style="float:left;margin-left:5px;width: 150px;height:588px;background-color:white;font-family: 'Unica One', cursive;text-align:justify;padding:3px;">
[center]<div style="color:#de7176;text-shadow: #f1f1f8 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;font-size:20px;">Log In</div>[/center]
<span class="text01"><div style="color:#c3d8a6;text-shadow: #f1f1f8 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;">Nom:</div></span>texte
<span class="text02"><div style="color:#f5e5a1;text-shadow:#f1f1f8 2px 2px, #FFFFFF -1px 1px, white -1px -1px,white 1px -1px;">Prénom:</div></span>texte
<span class="text01"><div style="color:#c3d8a6;text-shadow: #f1f1f8 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;">Âge & anniversaire:</div></span> texte texte
<span class="text02"><div style="color:#f5e5a1;text-shadow: #f1f1f8 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;">Occupation:</div></span>texte
<span class="text01"><div style="color:#c3d8a6;text-shadow: #f1f1f8 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;">Groupe:</div></span>texte

[center]. . . . . . . . . . . . . . . . .[/center]

<div style="font-family: 'Satisfy', cursive;font-size:38px;color:white;text-shadow: #d45564 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;text-align:center;"> Groupe</div>
<div class="preztitle2"><div style="text-align:center;">Rang</div></div>
[center]. . . . . . . . . . . . . . . . .[/center]

<img src="http://data3.whicdn.com/images/168377086/large.gif" style="width:130px;height:55px;margin-left:5px;padding:3px;border:1px solid #f5e5a1;background-color: #ffffff;">

[center]<div style="color:#de7176;text-shadow: #f1f1f8 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;font-size:20px;">Pseudo</div>[/center]
<div style="text-align:justify;font-family:arial;font-size:11px;">Parle-nous un peu de toi ? Comment es-tu arrivé ici ? Tu aimes les licornes ?</div>
</div><div style="font-family: 'Satisfy', cursive;font-size:28px;color:white;text-shadow: #c3d8a6 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;"> My little story</div><div class="box2"><img src="http://data2.whicdn.com/images/168554418/large.gif"style="width:150px;height:73px;float:left;margin-left:10px;"><img src="http://data3.whicdn.com/images/168554112/large.gif"style="width:150px;height:73px;float:left;margin-left:10px;"><div style="background-color:#FFFFFF;width:307px;height:180px;text-align:justify;float:left;margin-left:10px;overflow:auto;font-family:arial;text-size:11px;padding:5px;">Ici écrivez votre histoire en un [b]minimum de 350 mots[/b]</div><div class="preztitle2"></div>
<FORM><SELECT onChange="document.location=this.options[this.selectedIndex].value" style=" width:130px;float:left;margin-left:30px;"><OPTION SELECTED>QUALITÉ</OPTION><OPTION SELECTED>QUALITÉ</OPTION><OPTION SELECTED>QUALITÉ</OPTION><OPTION SELECTED>QUALITÉ</OPTION><OPTION SELECTED>QUALITÉ</OPTION></SELECT></FORM><FORM><SELECT onChange="document.location=this.options[this.selectedIndex].value" style=" width:130px;float:left;margin-left:10px;"><OPTION SELECTED>DÉFAUT</OPTION><OPTION SELECTED>DÉFAUT</OPTION><OPTION SELECTED>DÉFAUT</OPTION><OPTION SELECTED>DÉFAUT</OPTION><OPTION SELECTED>DÉFAUT</OPTION></SELECT></FORM><br/>
<BR>










</div><div style="font-family: 'Satisfy', cursive;font-size:28px;color:white;text-shadow: #f5e5a1 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;padding-top:30px;"> How I ready am</div><div class="box2"><div style="background-color:#FFFFFF;width:260px;height:180px;text-align:justify;width:307px;float:left;margin-left:10px;overflow:auto;font-family:arial;text-size:11px;padding:5px;">Décrivez e[b]n minimum 150 mots [/b]la personnalité et le caractère de votre personnage.</div><img src="http://data3.whicdn.com/images/167663367/large.gif"style="width:150px;height:73px;float:right;margin-right:10px;"><img src="http://data1.whicdn.com/images/167663461/large.gif"style="width:150px;height:73px;float:right;margin-right:10px;">


</div>
</div>
</div>
</div>