Fiche PV - Numéro I

<div class='pv'>
            <p><div style="text-ALIGN: right;"><SPAN style="FONT-FAMILY: georgia; letter-spacing:-2px; text-shadow: #282828 1px 1px 2px;text-transform:uppercase;"><FONT face=Georgia size='6'>Prénom1 <i>Prénom2</i> Nom</font></span></div></p>

            [table] [tr]  [td]<img class='imgpv' src='http://img246.imageshack.us/img246/7868/gossipy.png' />[/td]            [td]<div class="identitpv">
            <strong>Prénom 1</strong> Prénom 2 <strong>Nom</strong>
            <strong>age</strong> nationalité <strong> statut</strong>

            <select name="caractere" size="1" style="width:150px; font-family: Verdana; font-size: 12px; background-color: #685248; color: #fff;">
                <option>Je suis comme-ceci</option>
                <option>Je suis comme-cela</option>
                <option>Je suis comme-ceci</option>
                <option>Je suis comme-cela</option>
                <option>Je suis comme-ceci</option>
                <option>Je suis comme-cela</option>
            </select>

            </div>
          [/td][/tr][tr][td colspan="2"]<p class='titrepv'>That's my Story</p>
            <div class="histpv">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum egestas enim vitae interdum. Aliquam lorem felis, aliquet in placerat eget, interdum a nisi. Sed egestas eros sit amet urna porttitor ac auctor est aliquet. Quisque tempus iaculis turpis et egestas. Morbi dapibus, lectus sit amet feugiat bibendum, arcu tellus pharetra nisl, non varius erat neque non lorem. Ut pulvinar lobortis interdum. In hac habitasse platea dictumst. Vivamus adipiscing elementum interdum. Vivamus mollis enim ac nunc posuere nec euismod urna pellentesque. In ut orci diam. In tortor risus, lacinia condimentum pharetra in, porta vel risus. Vivamus neque odio, suscipit vitae aliquet nec, facilisis sed velit. Donec a odio sapien, ut consectetur nibh. Integer dictum ligula sit amet diam vulputate sit amet rutrum sapien facilisis.

Vivamus et congue eros. Donec nec pellentesque leo. Phasellus malesuada molestie quam id tempus. Aenean iaculis eros ut diam molestie sollicitudin dictum dolor rhoncus. Integer imperdiet condimentum libero non sagittis. Proin interdum placerat elit nec aliquam. In ullamcorper aliquet massa vitae placerat. Nulla ullamcorper facilisis turpis vitae congue. Vivamus eu augue mi, sed tincidunt leo. Donec mollis rutrum ultricies. In vitae gravida augue. Nam non ante ante, eu ultrices velit. Pellentesque augue enim, laoreet at feugiat a, congue quis massa. In hac habitasse platea dictumst. Fusce dignissim mi in odio tempor rhoncus. Nulla facilisi. </div>
          [/td][/tr][td colspan="2"]<p class='titrepv'>That's my Relationship</p>[table][tr][td]<img src="http://img4.hostingpics.net/pics/791580Icone_Maelle.png" class="lienpv" />[/td][td style='padding-left:6px;']<div style="overflow: auto; width: 250px; height:100px;text-align:justify;"><strong>Prénom Nom ;</strong> <i>lien</i>Description du scéniario en quelques lignes
</div>[/td] [/tr] [/table] [/td][/table]
        </div>

/* PV */
        .pv {
            width:450px;
            margin:auto;
            text-align: justify;
            background-image: url('http://nsa15.casimages.com/img/2010/05/18/100518081452126924.jpg');
            padding: 18px;
            border: 5px solid #9D7F72;
            -moz-border-radius: 65px;
            border-radius: 65px;
            opacity: 0,3 ;
           

        }
       
        .titrepv{
            text-align:center;
            padding-bottom: 5px;
            border-bottom: 10px solid #685248;
            display: block;
            text-transform: uppercase;
            font-size: 1,4em;

           
        }
       
        .identitpv{
            border-top: 10px solid #685248;
            border-bottom: 10px solid #685248;
            width: 200px;
            text-align: center;
        }
       
        .imgpv{
            -moz-transform:rotate(-8deg);
            margin-right:-10px;
            -moz-box-shadow:0px 0px 10px black;
        }
       
        .histpv{
            letter-spacing: 0.5ex;
            text-shadow: #282828 1px 1px 2px;
            overflow: scroll;
            height: 220px;
            font-size: 12px;
            padding: 5px;
        }
       
        .lienpv{
            /*-moz-transform: rotate(3deg);
            -webkit-transform: rotate(3deg);
            -o-transform:rotate(3deg);
            -ms-transform: rotate(3deg);
            transform: rotate(3deg);*/
            -webkit-box-shadow: 3px 3px 3px #000000;
            -moz-box-shadow: 3px 3px 3px #000000;
            box-shadow: 3px 3px 3px #000000;
                     
        }