/******************************
***** @site	JULIENDUCROT.FR
***** @author	JULIEN DUCROT
******************************/

/******************************
***** RESET CSS
******************************/
html, body, div, span, object, 
iframe, h1, h2, h3, h4, 
h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, code, 
del, dfn, em, img, q, 
dl, dt, dd, ol, ul, 
li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, 
tr, th, td {
	margin: 0; 
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body { line-height: 1.5; }
table { border-collapse: separate; border-spacing:0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align:middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border:none; }

/******************************
***** STRUCTURE DU SITE
******************************/
body {
	font-family: Georgia, Verdana, Arial;
	background: transparent none no-repeat 0 0;
	font-size: 12px;
	color: #333333;
}

.loading {
	position: relative;
	height: 400px !important;
	overflow: hidden;
	background: transparent url(../i/common/loading.gif) no-repeat center 100px;
}

/******************************
***** NAV
******************************/
div#nav {
	position: relative;
	width: 100%;
}

div.nav {
	margin: 0 auto;
	padding-left: 50px;
	position: relative;	
	width: 870px;
	height: 50px;
	border-top: 4px solid #333333;
}

div.nav ul {
	padding-top: 15px;
	display: inline-block;
	text-align: center;
}

div.nav ul li {
	float: left;
	display: inline;
	padding: 0 2px;
}

div.nav ul li a, div.nav ul li a:active, 
div.nav ul li a:visited {
	font-size: 11px;
	color: #333333;
	padding: 4px 12px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #ffffff;
}

div.nav ul li a:hover {
	color: #79b6df;
	border: 1px solid #ffffff;
	border-bottom: 1px dotted #79b6df;
}

div.nav ul li#currentPage a {
	color: #ffffff;
	-moz-border-radius: 11px;
	border: 1px solid #79b6df;
	background: #79b6df none no-repeat 0 0;
	border-bottom: 1px solid #79b6df;
}

/******************************
***** HEADER
******************************/
div#header {
	position: relative;
	width: 100%;
}

div.header {
	margin: 0 auto;
	position: relative;	
	width: 920px;
	height: 150px;
	border-top: 1px solid #333333;
}

a#logo {
	display: block;
	margin-top: 15px;
	line-height: 60px;
	font-size: 70px;
	font-weight: bold;
	text-decoration: none;
	color: #79b6df;
}

/******************************
***** CONTENT
******************************/
div#content {
	position: relative;
	display: inline-block;
	width: 100%;
}

div.content {
	margin: 0 auto;
	position: relative;
	width: 920px;
}

/* TITLE */
div#title {
	margin-bottom: 40px;
	padding: 2px 0;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

div#title h1 {
	line-height: 35px;
	font-size: 26px;
	font-weight: normal;
	color: #333333;
	border-bottom: 1px solid #999999;
}

div#title h1 span {
	float: right;
}

/* SIDEBAR */
div#sidebar {
	display: inline-block;
	width: 230px;
	vertical-align: top;
}

div#sidebar h2 {
	margin-bottom: 3px;
	padding-bottom: 2px;
	line-height: 16px;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	border-bottom:1px solid #eeeeee;
}

div#sidebar p {
	margin-bottom: 20px;
	padding-left: 5px;
	color: #666666;
}

div#sidebar ul {
	margin-bottom: 20px;
	padding-left: 5px;
	list-style-type: none;
}

div#sidebar ul li {
	line-height: 25px;
}

div#sidebar ul li a, div#sidebar ul li a:active, 
div#sidebar ul li a:visited {
	color: #333333;
	text-decoration: none;
	border-bottom: 1px dotted #79b6df;
}

div#sidebar ul li a:hover {
	color: #79b6df;
	text-decoration: none;
	border-bottom: 1px dotted #ffffff;
}

div#sidebar p.visit {
	margin: 0 auto 20px auto;
	width: 150px;
	font-style: italic;
	text-align: center;
}

div#sidebar p.visit a {
	margin: 0;
	display: block;
	width: 150px;
	color: #333333;
	text-decoration: none;
	background: #fafafa none no-repeat center center;
	border: 1px solid #d9d9d9;
	-moz-border-radius: 6px;
	-moz-box-shadow: 0 0 12px #dddddd;
}

div#sidebar p.visit a:hover {
	color: #79b6df;
}

/* MAINCONTENT */
div#mainContent {
	display: inline-block;
	float: right;
	width: 650px;
}

div#mainContent h2 {
	margin-bottom: 10px;
	font-size: 28px;
	font-weight: normal;
	font-style: italic;
	color: #666666;
}

div#mainContent h3 {
	margin-bottom: 5px;
	line-height: 18px;
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
	color: #666666;
}

div#mainContent p {
	margin-bottom: 10px;
	font-weight: normal;
	font-style: italic;
	color: #666666;
}

div#currentProject, div#latestProject {
	margin-bottom: 40px;
}

div#currentProject a, div#latestProject a {
	margin-bottom: 10px;
	display: block;
	width: 650px;
	height: 170px;
	overflow: hidden;
	background: #fafafa none no-repeat center center;
	border: 1px solid #d9d9d9;
	-moz-border-radius: 6px;
	-moz-box-shadow: 0 0 12px #dddddd;
}

div#currentProject a:hover, div#latestProject a:hover {
	border: 1px solid #999999;
}

div#mainContent p.visit {
	margin: 0 auto;
	width: 150px;
	text-align: center;
}

div#mainContent p.visit a {
	margin: 0;
	display: block;
	width: 150px;
	height: auto;
	color: #333333;
	text-decoration: none;
	background: #fafafa none no-repeat center center;
	border: 1px solid #d9d9d9;
	-moz-border-radius: 6px;
	-moz-box-shadow: 0 0 12px #dddddd;
}

div#mainContent p.visit a:hover {
	color: #79b6df;
}

/* training */
div.training {
	margin-bottom: 20px;
	padding-left: 10px;
}

div.training p {
	margin-bottom: 0;
	padding-left: 10px;
}

/* professionalExperience */
div.professionalExperience {
	margin-bottom: 20px;
	padding-left: 10px;
}

div.professionalExperience p {
	margin-bottom: 0;
	padding-left: 10px;
}

div.professionalExperience p a, div.professionalExperience p a:active,
div.professionalExperience p a:visited {
	color: #333333;
	text-decoration: none;
	border-bottom: 1px dotted #79b6df;
}

div.professionalExperience p a:hover {
	color: #79b6df;
	text-decoration: none;
	border-bottom: 1px dotted #ffffff;
}

/* achievements */
div.achievements {
	padding: 40px 0;
	width: 100%;
	border-bottom: 1px solid #E5E5E5;
}

div.achievementsLeft {
	padding-right: 30px;
	display: inline-block;
	width: 200px;
	vertical-align: top;
}

div.achievementsLeft h3 {
	color: #333333 !important;
}

div.achievementsLeft p.visit {
	margin: 0 auto;
	width: 150px;
	text-align: center;
}

div.achievementsLeft p.visit a {
	margin: 0;
	display: block;
	width: 150px;
	height: auto;
	color: #333333;
	text-decoration: none;
	background: #fafafa none no-repeat center center;
	border: 1px solid #d9d9d9;
	-moz-border-radius: 6px;
	-moz-box-shadow: 0 0 12px #dddddd;
}

div.achievementsLeft p.visit a:hover {
	color: #79b6df;
}

div.achievementsRight {
	display: inline-block;
	width: 650px;
}

div.achievementsRight a {
	margin-bottom: 10px;
	display: block;
	width: 650px;
	height: 170px;
	overflow: hidden;
	background: #fafafa none no-repeat center center;
	border: 1px solid #d9d9d9;
	-moz-border-radius: 6px;
	-moz-box-shadow: 0 0 12px #dddddd;
}

div.achievementsRight a:hover {
	border: 1px solid #999999;
}

/* skill */
div.skill {
	margin-bottom: 20px;
	padding-left: 10px;
}

div.skill ul {
	padding-left: 30px;
	font-style: italic;
	color: #666666;
}

/******************************
***** FOOTER
******************************/
div#footer {
	position: relative;
	display: inline-block;
	width: 100%;
}

div.footer {
	margin: 0 auto;
	position: relative;	
	width: 920px;
	height: 50px;
	border-top: 1px solid #333333;
}

div#footerLeft {
	display: inline-block;
}

div#footerRight {
	display: inline-block;
	float: right;
}

div#footerRight ul {
	padding: 5px 0;
	display: inline-block;
	text-align: center;
}

div#footerRight ul li {
	display: inline;
	float: left;
	padding: 0 2px;
	font-size: 10px;
	color: #cccccc;
}

div#footerRight ul li a, div#footerRight ul li a:active, 
div#footerRight ul li a:visited {
	font-size: 10px;
	color: #cccccc;
	text-decoration: none;
}

div#footerRight ul li a:hover {
	color: #79b6df;
	border-bottom: 1px dotted #79b6df;
}

div#footerRight ul li#currentPageFooter a {
	color: #79b6df;
	border-bottom: 1px solid #79b6df;
}