html, body {margin:0; padding:0}

body {
background-color:#FFFFF0;
margin:5px 10px 5px 5px;
}
body put img{
width: 74vw;
max-width:700px;
}
body put img.Tarsila{
width: 30vw;
}
section {
font-family:arial, sans-serif;
font-size:150%;
color:#ffa500;
background-color:transparent;
text-align:left;
}

h1 {
font-family:arial, sans-serif;
font-size:150%;
color:#ffa500;
background-color:transparent;
text-align:left;
}
h2 {
font-family:verdana, sans-serif;
font-size:100%;
color:navy;
background-color:transparent;
text-align:left;
}
h3 {
font-family:verdana, sans-serif;
font-size:80%;
color:olive;
background-color:transparent;
text-align:left;
}
p {
font-family:verdana, sans-serif;
font-size:100%;
color:black;
background-color:transparent;
text-align:left;
margin-left:0;
margin-right:0;
}
li {
font-family:verdana, sans-serif;
font-size:100%;
color:#0099C;
background-color:transparent;
text-align:left;
margin-left:5px;
margin-right:5px;
}
a:link {
font-family:times new roman, serif;
font-size:100%;
color:blue;
background-color:transparent;
text-decoration:underline;
}
a:visited {
font-family:times new roman, serif;
font-size:100%;
color:blue;
background-color:transparent;
text-decoration:underline;
}
a:hover {
font-family:times new roman, serif;
font-size:100%;
color:black;
background-color:transparent;
text-decoration:underline;
}
a:active, a:focus {
font-family:times new roman, serif; font-size:100%; color:black; background-color:transparent; text-decoration:underline; }
table {
border-color:#696969;
border-style:outset;
border-width:2px;
}
td {
font-family:verdana, sans-serif;
font-size:100%;
color:red;
text-align:left;
background-color:transparent;
border-color:#696969;
border-style:solid;
border-width:1px;


.margin {
    position: absolute;
    left: 0px;
    top: 12px;
    margin-left:2em;
    margin-top:10em;
    text-align: left;
}



#hg, #hd, #bg, #bd {
 background-repeat:no-repeat;
 background-image:url(images/abaporu-tarsila.jpg);
 }
#hg {
 background-position:top left;
 }
#hd {
background-image:url(images/abaporu-tarsila.jpg);
 background-position:top right;
 }
#bg {
background-image:url(images/abaporu-tarsila.jpg);
 background-position:bottom left;
 }
#bd {
background-image:url(images/abaporu-tarsila.jpg);
 background-position:bottom right;
 }
#contenu {
 margin-left:100px;
 margin-right:100px;
 }
#contenu p {
 text-align:justify;
 }