* {
margin: 0;
padding: 0;
border: 0;
outline: none;
list-style: none;
font-family: Arial, Verdana, "Sans Serif";
font-size: 12px;
color: #34363c;
text-decoration: none;
line-height: 18px;
}

html, body {
background: #f8f8f8;
}

#global {
position: relative;
padding: 0 0 30px 0;
overflow: auto;
}

#nav {
position: relative;
left: 50%;
margin-left: -450px;
overflow: auto;
width: 900px;
border-bottom: 2px solid #fff;
}

#nav ul {
position: relative;
width: 900px;
overflow: auto;
padding: 30px 0;
border-bottom: 1px solid #ddd;
}

#nav ul li {
position: relative;
float: left;
margin: 0 30px 0 0;
}

#nav ul li a {
position: relative;
font-size: 14px;
color: #aaa;
border-bottom: 1px dashed #f8f8f8;
}

#nav ul li a:hover {
border-bottom: 1px dashed #aaa;
}

#nav ul li.current-cat a {
color: #d63170;
}

#nav ul li.current-cat a, #nav ul li.current-cat a:hover {
border-bottom: 1px dashed #f8f8f8;
}

h1, h1 span {
position: relative;
font-family: "Times New Roman", Serif;
font-style: italic;
font-size: 27px;
}

h1 {
width: 900px;
left: 50%;
margin-left: -450px;
padding: 30px 0 0 0;
}

h1 span {
color: #d63170;
}

h2 {
position: relative;
font-size: 14px;
}

#post_6 h2 { /* Mes compétences */
padding: 24px 0 0 0;
color: #d63170;
}

#home_mid_bg {
position: relative;
width: 100%;
margin: 30px 0 0 0;
overflow: auto;
background: #fff;
}

#home_mid {
position: relative;
width: 900px;
left: 50%;
margin-left: -450px;
}

#homeposts {
position: relative;
float: left;
padding: 30px 30px 30px 0;
}

#homeposts p {
position: relative;
padding: 10px 0 0 0;
color: #aaa;
text-align: justify;
}

#homeposts.erreur404 p {
padding: 0;
color: #d63170;
}

#homeposts ul {
position: relative;
margin: 10px 0 0 0;
}

#homeposts.portfolio ul {
margin: 0;
}

#homeposts ul li {
position: relative;
float: left;
margin: 0 2px 0 0;
padding: 5px 10px;
color: #fff;
background: #d63170;
}

#homeposts.portfolio ul li {
padding: 0;
}

#homeposts ul li a {
display: block;
padding: 5px 10px;
color: #fff;
background: #d63170;
}

#contenu {
position: relative;
width: 900px;
margin-top: 30px;
left: 50%;
margin-left: -450px;
overflow: auto;
}

#diaporama {
position: relative;
width: 590px;
height: 204px;
float: right;
margin: 0 10px 10px 0;
background: #fff;
overflow: hidden;
}

#slideshow {
position: relative;
width: 570px;
height: 184px;
margin: 10px;
overflow: hidden;
}

.projet {
position: relative;
float: left;
margin: 0 10px 10px 0;
padding: 10px;
background: #fff;
overflow: hidden;
}

.projet_img {
position: relative;	
width: 270px;
height: 184px;
overflow: hidden;
}

.projet_img img {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}

.projet .options {
position: absolute;
width: 100%;
padding: 40px 0 0 0;
top: 0;
left: 0;
text-align: center;
}

.projet .options a {
position: relative;
display: inline-block;
top: -72px;
width: 32px;
height: 32px;
background-repeat: no-repeat;
background-position: 0 0;
}

.projet .options a.option_apercu {
background-image: url('images/ico_apercu.png');
}

.projet .options a.option_visiter {
background-image: url('images/ico_visiter.png');
}

.projet .options a.option_visiter.off {
background-position: 0 -32px;
cursor: default;
}

.projet .options a:hover {
color: #d63170;
}

.projet_titre, .projet_tags {
position: absolute;
top: -52px;
left: 0;
width: 100%;
text-align: center;
}

.projet_titre {
padding: 0;
font-size: 14px;
}

.projet_tags {
padding: 20px 0 0 0;
}

.projet_tags, .projet_tags a {
color: #aaa;
}

.projet_tags a {
border-bottom: 1px dashed #fff;
}

.projet_tags a:hover {
border-bottom: 1px dashed #aaa;
}

#info {
position: relative;
clear: both;
padding: 20px 0 0 0;
}

#info p {
position: relative;
display: block;
padding: 5px 10px;
color: #fff;
background: #d63170;
}

#nav li a, h2, .projet_titre, form label, #post_61 h3 {
font-family: Arial, "Times New Roman", Serif;
}

#post_61 { /* Informations */
position: absolute;
top: 0;
right: 0;
width: 570px;
overflow: hidden;
z-index: 999;
}

#post_61 h3 {
font-size: 14px;
color: #d63170;
}

#post_61 p {
padding: 20px 0 0 0;
}

#post_61 h3, #post_61 p {
text-align: right;
}

#footer {
position: relative;
width: 900px;
margin: 0 auto;
border-top: 1px solid #eee;
}

#footer p {
position: relative;
padding: 30px 0;
text-align: right;
font-size: 14px;
color: #ccc;
}

/* Form */

form {
position: relative;
display: block;
width: 900px;
}

form label {
font-size: 14px;
}

form input, form textarea {
position: relative;
margin: 5px 0 10px 0;
padding: 10px;
width: 300px;
font-family: Arial, "Sans Serif";
font-size: 12px;
color: #d63170;
border: none;
background: #eee;
}

form textarea {
width: 880px;
height: 200px;
line-height: 18px;
}

form span.submit {
position: relative;
display: block;
width: 150px;
height: 20px;
cursor: pointer;
overflow: hidden;
z-index: 999;
}

form span.submit b {
position: absolute;
display: block;
top: 0;
left: 0;
font-size: 14px;
color: #d63170;
border-bottom: 1px dashed #f8f8f8;
}

form span.submit:hover b {
border-bottom: 1px dashed #d63170;
}

form span.submit input, form span.submit input:focus {
position: absolute;
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: none;
background: none;
cursor: pointer;
z-index: 9999;
}