html {
    background-color: #ddd;
    font-size: 100%;
}

* { margin: 0; padding: 0; }
article,section,header,footer { display: block; }
li { list-style: none; }

.vcard {
    position: relative;
}

.vcard img.photo {
    position: absolute;
    right: -200px;
    top: -50px;
    border-right: 5px solid black;
    padding: 50px 10px;
}

.antispam {
    display: none;
}

body {
    color: black;
    font-size: 0.8125em;
    font-family: verdana, arial, sans-serif;
    width: 75%;
    margin: 3em auto 3em auto;
    border-top: 5px solid #c00;
    border-bottom: 5px solid #c00;
    background: transparent url(carres_rouges.png) no-repeat bottom left;
}

section {
    background-color: #c33;
    color: white;
    width: 50%;
    font-style: italic;
    color: black;
    font-size: .85em;
}
section.vcard {
    margin: 3% 47% 3% 3%;
    margin-right: 50%;
    padding: 1em 1ex;
    border-left: 0;
    border-bottom: 5px solid black;
}
section.vcard li {
    margin: .25em 0;
}

section#code {
    border-left: 5px solid black;
    margin: 1% 1% 1% 45%;
}

section#code li {
    text-align: center;
    display: inline-block;
    width: 30%;
    margin: 10px;
    padding: 1em;
    border: 1px solid #eee;
}

#contact,
#hcontact {
    text-align: right;
}
#hlinks {
    padding-top: 5px;
    margin-top: 5px;
}

h1, h2 {
    font-weight: normal;
}

h2 {
    color: white;
    letter-spacing: 2px;
    font-weight: normal;
    font-style: normal;
}

h1 {
    text-align: center;
    font-size: 1em;
    background-color: #c77;
}

h1 a {
    text-transform: uppercase;
    font-size: 1.2em;
    color: black;
}

a, a:link, a:visited, a:active, a:hover {
    color: white;
    text-decoration: none;
    padding: 1px 3px;
    border-bottom: 1px solid black;
}
a.habla_button_a_normal,
a.habla_oplink_a_normal {
    border-bottom: 0;
}

a:hover {
    background-color: black;
}

a[hreflang]:after {
    font-size: smaller;
    content: "\0000a0 (" attr(hreflang) ")";
}

a img {
    border: 0;
}