article,aside,dialog,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}

aside {
	padding-left: 14px;
}

aside ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

header {
	background: transparent url(/images/background.png) repeat scroll 0 0;
}

header h1#title {
	color: #fff;
	margin: auto;
	padding: 2em auto !important;
	height: 100px;
	line-height: 100px;
	text-align: right;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva,
		sans-serif;
}

header h2#subtitle {
	height: 40px;
	line-height: 40px;
	color: #fff;
	font: italic xx-small;
	margin: auto;
	text-align: right;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva,
		sans-serif;
}

footer {
	color: #fff;
	border-top: 1px solid #00002a;
	background: #121524;
	padding: 1em;
}

footer a {
	color: #fff;
}

address {
	font-style: normal !important;
	margin: 0 !important;
}

nav {
	background: #ccc;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	height: 26px;
	color: #fff;
	font: normal bold 1.2em "Lucida Grande", "Lucida Sans Unicode", Verdana,
		Geneva, sans-serif;
	border-top: 1px solid #999;
	padding-top: 4px;
}

nav ul {
	list-style: none;
	margin: 0;
	padding-left: 0
}

nav ul li {
	display: inline;
}

nav ul li a {
	color: #000;
	text-decoration: none;
	padding: 4px .5em;
}

nav ul li a.selected {
	background-color: #efefef;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #aaa;
}

section {
	padding: 1em 0;
}

#main-content {
	font: normal 10pt "Lucida Grande", "Lucida Sans Unicode", Verdana,
		Geneva, sans-serif;
	clear: both;
}

footer ul {
	list-style: none
}

footer a {
	text-decoration: none
}

ul.profiles,ul.pages {
	list-style: none
}

ul.profiles a,ul.pages a {
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding: 2px 2px 2px 20px;
	text-decoration: none
}

footer a:hover {
	color: #fff;
	text-decoration: overline underline
}

a.twitter {
	background-image: url(/images/profiles-icons/twitter.png)
}

a.linkedin {
	background-image: url(/images/profiles-icons/linkedin.png)
}

a.flickr {
	background-image: url(/images/profiles-icons/flickr.png)
}

a.delicious {
	background-image: url(/images/profiles-icons/delicious.png)
}

a.google {
	background-image: url(/images/profiles-icons/google.png)
}

a.facebook {
	background-image: url(/images/profiles-icons/facebook.png)
}

a.email {
	background-image: url(/images/profiles-icons/email.png)
}

a.copains-d-avant {
	background-image: url(/images/pages-icons/copains-d-avant.png)
}

a.jdn-reseau {
	background-image: url(/images/pages-icons/jdn-reseau.png)
}

a.viadeo {
	background-image: url(/images/pages-icons/viadeo.png)
}

a.lolix {
	background-image: url(/images/pages-icons/lolix.png)
}

a.symfonians {
	background-image: url(/images/pages-icons/symfonians.png)
}

a.la-brute {
	background-image: url(/images/pages-icons/la-brute.png)
}

a.netvibes {
	background-image: url(/images/pages-icons/netvibes.png)
}

.flag {
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding: 2px 2px 2px 35px;
	text-decoration: none
}

.en-us {
	background-image: url(/images/flags/en-us.png)
}

.fr-fr {
	background-image: url(/images/flags/fr-fr.png)
}

a img {
	vertical-align: middle
}

#copyright {
	text-align: center;
	margin-top: 4px
}

.center {
	text-align: center;
}

h4 {
	font: normal bold 12pt "Lucida Grande", "Lucida Sans Unicode", Verdana,
		Geneva, sans-serif !important;
}

.markdown pre {
	background-color: #232635 !important;
}

div#computer-skills {
	border: 1px solid #000;
	margin-bottom: 1em
}

div#computer-skills ul {
	list-style: none
}

div#computer-skills ul li {
	display: inline
}

div#computer-skills ul li.level-1 {
	font-size: 50%;
	color: #bbb;
}

div#computer-skills ul li.level-2 {
	font-size: 75%;
	color: #999;
}

div#computer-skills ul li.level-3 {
	font-size: 85%;
	color: #666;
}

div#computer-skills ul li.level-4 {
	font-size: 100%;
	color: #333;
}

div#computer-skills ul li.level-5 {
	font-size: 150%;
	color: #000;
}

p+p {
	margin: 0 0 1.5em !important;
	text-indent: 0;
}

#copyright p+p {
	margin: 0 !important;
}

.markdown h4 {
	clear: both
}

ol#last-tweets li a {
	text-decoration: none;
	color: inherit;
}

ol#last-tweets li a:hover {
	text-decoration: underline;
	color: blue;
}

aside { /*order: 2px solid #000;*/
	
}
