body {
  background: #000 url('./images/blog_bgtop.png') repeat-x;
  color: #000;
  font-size: 9pt;
  font-family: Tahoma, FreeSans, Arial, Helvetica, sans-serif;
  margin: 0;
}

header, nav, footer, article, section { display: block; }

h1 { color: #c82c17; }
h2 { color: #c82c17; text-shadow: 1px 1px 2px #df7c96; font-size: 1.8em; font-weight: 600; margin: -4px 0 -2px; }
h3 { color: #c82c17; text-shadow: 1px 1px 1px #df7c96; font-size: 1.4em; font-weight: normal; }
h4 { }
h5 { }
h6 { }

p { line-height: 13pt; margin-bottom: 0; }

img { }
sup { }

abbr, acronym { }
blockquote,q {
  font-style: italic; font-size: 1.15em;
  font-family: "Times New Roman", FreeSerif, serif;
}
blockquote { }
cite { }

ul, ol { }
dl { }

form, fieldset { margin: 0; border: none; padding: 0; }
input { }
input[type=text], input[type=password], textarea {
  border: #c82c17 1px solid;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
input[type=button], input[type=submit], a.button {
  background: url('./images/forbutton25.png') repeat-x;
  color: #220a05; text-shadow: 1px 1px 1px #8a2816;
  border: transparent 1px solid;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  outline: none;
}
input[type=button]:hover, input[type=submit]:hover, a.button:hover { color: #fff; }
p.field label { vertical-align: top;  width: 20ex; display: block; float: left; }
p.remember label { vertical-align: top; }

a[href] { color: #8a2816; text-decoration: none; }
a[href]:hover, a[href]:focus { text-decoration: underline; }
a img { }

.hidden { display: none; }

/* STRUCTURE */

#main { width: 871px; margin: 120px auto 0; }

nav { width: 536px; float: left; margin: 41px 0 40px; }
nav ul { margin: 0; list-style: none; padding: 0; text-indent: none; }

nav li {
  height: 228px; /*Carre 228px*/
  width: 228px;
  float: left;
  margin-left: 40px;
  padding: 0;
  text-indent: none; 
}

nav li a[href] {
  display: block;
  height: 192px; /*Carre 228px*/
  width: 192px;
  margin: 0;
  background: #fff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  padding: 18px;
  font-size: 1.6em;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
nav li a[href] h2 { font-size: 1.6em; margin-bottom: 110px; }
nav li a[href] p { text-align: right; }

nav li a[href] * {
  display: block;
  color: #222;
  text-shadow: 1px 1px 2px #aaa;
  line-height: 1.3em;
  font-weight: bold;
  text-decoration: none;
}

nav li a[href]:hover, nav li a[href]:focus {
  background: #cf3c17;
  text-decoration: none;
}
nav li a[href]:hover *, nav li a[href]:focus * {
    color: #fffffe; text-shadow: 1px 1px 2px #671e0b;
}

#legal {
  display: none;
  clear: both;
  background: #fff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  padding: 15px;
  margin: 0 15px;
}

aside { width: 320px; float: left; }
aside ul { padding: 0; list-style: none; font-size: 9pt;}
aside ul ul { padding-left: 12pt; }
aside ul li { margin: 6pt 0; font-weight: normal; }
aside header { height: 145px; width: 320px; background: url('./images/blog_header.png') no-repeat 0 2px; }
aside section {
  width: 210px;
  color: #444;
  margin: 0 0 20px auto;
  padding: 15px 15px 10px;
  background: #fff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
aside section div.picture {
  height: 55px;
  width: 55px;
  overflow: hidden;
  float: left;
  margin: 0 0 10px;
  background: url('./images/whoswhoR.png') no-repeat #cf3c17;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

aside section div.picture+div.identity { margin-left: 65px; }
aside section div.identity h2 { font-weight: 600; margin: -2px 0 auto; }
aside section div.identity h2 span.smallcaps{ font-weight: 800; /*font-variant: small-caps;*/ }
aside section div.identity p { margin: auto 0 5px; text-shadow: 1px 1px 1px #aaa; }
aside section div.contact { clear: left; }
aside section div.contact p { margin: 0; }

footer {
  text-align: center;
  clear: both;
  height: 32px;
  color: #c82c17;
  line-height: 32px;
}