@CHARSET "UTF-8";

html{
background: #ffdab5 url('motif3.png');
}
html, body {
font-family: Verdana, sans-serif;

}

body{
display: block;
width: 850px;
margin: 10px auto;
}
body:after{
display: block;
content: "Tiny Flat - nSun (C) 2012";
text-align: center;
font-size: 10px;
padding: 100px 0  150px 0;
}

h1:before{
display: inline;
content: url('char-sketch_01.png');
width: 128px;
height: 128px;
vertical-align: baseline;
}
h1{
font-weight: normal;
font-size: 64px;
color: #555;
margin: 8px 0;
}
h1:after{
display: inline;
float: right;
clear: both;
content: url('tiny-flat.png');
width: 320px;
height: 239px;
vertical-align: top;
}

hr{
display: block;
clear: both;
width: 100%;
height: 1px;
}

h3{
display: block;
clear: both;
margin:  32px 0 4px 0;
}

p{
font-size: 12px;
}

img{
background-repeat: no-repeat;
}

dl dt{
font-size: 14px;
}
dl dd{
font-size: 12px;
margin: 4px 8px;
}
dl dd + dt{
margin-top: 8px;
}

div.en, div.fr,
p.en, p.fr {
display: block;
width: 49%;
}
div.en, p.en {
float: left;
margin-right: 1%;
}
div.fr, p.fr {
float: right;
margin-left: 1%;
}

div.fr:after, p.fr:after {
content: " ";
display: block;
width: 1px;
height: 1px;
overflow: hidden;
clear: both;
}

#desc{
display: block;
clear: both;
}