body {
	margin:0;
	padding:0;
	font-family:Helvetica, Arial, Tahoma;
	background:#446183;
}

div#photo {
	float:left;
	position:relative;
	top:0;
	left:15px;
	width:100px;
	height:100px;
	padding:4px;
	background:white;
	margin-top:25px;
	margin-right:50px;
	border:1px solid #DDD;
	border-radius:6px;
	box-shadow: 3px 3px 8px rgba(255,255,255,0.6);
}

#header {
	background:#446183 url('images/radial.png') no-repeat center -30px;
	margin:auto;
	height:120px;
	border-bottom:1px solid #222;
}

#headerContenu {
	width:960px;
	margin:auto;
}



#header a {
	color:white;
	text-decoration:none;
	display:inline;
}

#header h1 {
	margin:0;
	padding-top:10px;
	padding-left:180px;
	font-size:3em;
	text-shadow:0.05em 0.05em 4px #222;
}
#header h2 {
	margin:0;
	padding-top:5px;
	padding-left:180px;
	font-size:1.2em;
	font-style:italic;
	font-variant:small-caps;
	color:white;	
}

ul#reseaux {
	float:right;
	padding:0;
	margin:0;
	margin-top:38px;
}

ul#reseaux li {
	list-style-type:none;
	display:inline-block;
	width:80px;
	text-align:center;
	padding:0;
	margin:0;
}

ul#reseaux li a:hover {
	opacity:0.5;
}

#menu {
	background:#283c53 url('images/radial.png') no-repeat center top;
	border-top:4px solid #222;
	border-bottom:1px solid #222;
}

#menuContenu {
	margin:auto;
	width:960px;
}

#menu ul {padding:0; text-align:center; margin:0; margin-left:160px;}
#menu ul li {
	margin:0;
	padding:0;
	text-align:center;
	list-style-type:none;
	display:inline-block;
	width:20%;
}

#menu ul li a {
	
	display:block;
	width:92%;
	margin:auto;
	color:white;
	font-weight:bold;
	text-decoration:none;
	line-height:50px;
	transition:background-color 0.5s, color 0.4s, box-shadow 1s, text-shadow 0s;
	text-shadow:1px 1px 1px #446183;
}

#menu ul li a:hover {
	color:#283c53;
	background:white;
	box-shadow: 0 0 5px 0 black;
	text-shadow:none;
}

#panel {
	width:200px;
	float:left;
	border:1px solid silver;
}

#conteneur {background:url('images/fond.png') repeat-x white;}
#contenu {width:960px; margin:auto;}

#pied {
	background:#283c53;
	min-height:200px;
	color:#eaeaea;
	font-size:90%;
	padding-top:20px;
	font-size:85%;
}

#piedContenu {
	width:960px;
	margin:auto;
}

#pied h2 {margin:0; margin-bottom:10px; text-align:center; text-shadow:1px 1px 1px #222; border-bottom:1px solid #25374d;}

#pied ul li a {color:#a5b4c6; text-decoration:none;}
#pied ul li a:hover {text-decoration:underline;}

#keywords, #friends, #links {width:255px;}

#keywords {
	float:left;
	margin-left:50px;
}

#keywords ul {padding:0; text-align:center;}

#keywords ul li {
	list-style-type:none;
	display:inline-block;
	padding:0 5px;
}

#keywords ul li:before, #keywords ul li:after {font-weight:bold; font-size:150%; color:#446183;}
#keywords ul li:before {content:"<"; padding-right:2px;}
#keywords ul li:after {content:">"; padding-left:2px;}

#friends {
	float:right;
	margin-right:50px;
}

#friends ul {
	margin:auto;
	padding:0;
	text-align:center;
}

#friends ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	line-height:20px;
	margin:4px 0;

}


#friends ul li:before, #friends ul li:after {font-weight:bold; font-size:150%; color:#446183;}
#friends ul li:before {content:"{"; padding-right:2px;}
#friends ul li:after {content:"}"; padding-left:2px;}

#friends ul li:last-child:before {content:"";}
#friends ul li:last-child:after {content:"";}
#friends ul li:last-child a {font-style:italic;}

#links {
	margin-left:353px;
	margin-right:352px;
}

#links ul {
	padding:0;
	text-align:center;
}

#links ul li {
	list-style-type:none;
	display:inline-block;
	width:45%;
	padding:10px 0;
}

#links ul li.entier {
	width:95%;
	padding-top:20px;
}

#links ul li:before, #links ul li:after {font-weight:bold; font-size:150%; color:#446183;}
#links ul li:before {content:"["; padding-right:2px;}
#links ul li:after {content:"]"; padding-left:2px;}

#social {
	margin-top:35px;
	background:#446183;
	padding:12px;
}

#social ul {
	text-align:center;
	margin:0;
	padding:0;
}

#social ul li {
	list-style-type:none;
	padding:0;
	margin:0;
	display:inline-block;
	width:160px;
}


#social ul li a:hover {
	opacity:0.5;
}

#timeline {
	margin-top:20px;
}

#contact ul.details {
	padding-left:25px;
}

#contact ul.details li {
	padding-left:30px;
	line-height:;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 0 0.33em;
	line-height:40px;
	padding-left:40px;
}

#contact ul.details li.detailCV {background-image: url("../images/contact/cv.png");}
#contact ul.details li.detailVCF {background-image: url("../images/contact/vcard.png");}
#contact ul.details li.detailMail {background-image: url("../images/contact/mail.png");}


label {display:inline-block; width:80px; margin-left:20px; font-size:90%; color:#eaeaea;}
input {border:0; background:transparent; color:white; border-bottom:1px dotted white; width:200px;}
input[type="submit"] {border:1px outset #283c53; background:#283c53; border-radius:6px; padding:3px 5px; box-shadow:1px 1px 2px rgba(255,255,255,0.3); float:right; margin-right:20px; width:auto;}
textarea {color:white; border:1px dotted white; background:#424242;}