@charset "UTF-8";

html,
body { margin: 0; padding: 0; }

body {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 0.80em;
}

hr.clear { float: none; clear: both; visibility: hidden; height: 0; padding: 0; margin: 0; }

a.external {
    margin-right: 2px;
    padding-right: 12px;
    border-bottom: 1px dotted;
    color: #000;
    text-decoration: none;
    background: url('/media/layout/img/global_sprites1.png') no-repeat right 5px;
}
a.external:hover { border: 0; }
a.external span { display: block; position: absolute; left: -9999px; }

/* HEADER */
div#header {
	position: relative;
	width: 835px;
	height: 76px;
	margin: 0 auto;
}

	/* Logo */
	div#header h1 {
		width: 200px;
		height: 45px;
		margin: 0 0 0 65px;
		padding: 0;
		font-size: 1.1em;
	}
		div#header h1 a {
			display: block;
			height: 100%;
			border: 0;
			outline: none;
			text-indent: -9000px;
			background: url('/media/layout/img/global_sprites1.png') no-repeat 0 12px;
		}
		
	/* Navigation */
	ul#nav {
		position: absolute;
		top: 0;
		right: 56px;
		height: 45x;
		margin: 0;
		padding: 0;
	}
		ul#nav li { display: block; float: left; height: 45px; margin: 0 2px 0 2px; }	
		ul#nav a {
			display: block;
			height: 20px;
			padding: 15px 4px 10px 4px;
			border: 0;
			text-indent: -9000px;
			background: url('/media/layout/img/global_sprites1.png') no-repeat;
			outline: none;
		}


/* CONTENT */
div#content {
	width: 700px;
	margin: 0 auto;
	padding: 32px 70px 32px 65px;
}


/* FOOTER */
div#footer {
	margin: 0;
	color: #fff;
	background: url('/media/layout/img/global_footer_background.png') repeat-x #232323;
}
	
	/* General */
	div#footer a { border: 0; color: #bbb; text-decoration: none; }
	div#footer a:hover { color: #fff; }
	
	div#footer div.wrapper {
		width: 700px;
		margin: 0 auto;
		padding: 28px 70px 32px 65px;
	}
	
	/* Bouton */
	div#footer div.button {
		display: block;
		height: 30px;	
		padding-left: 4px;
		background: url('/media/layout/img/global_button.png') no-repeat 0 0;
	}
	
		div#footer div.button > div {
			display: block;
			height: 100%;
			padding: 0 4px 0 0;
			margin: 0;
			background: url('/media/layout/img/global_button.png') no-repeat right -30px;
		}
		
			div#footer div.button > div > div {
				display: block;
				height: 100%;
				padding:  0 0 0 4px;
				margin: 0;
				background: url('/media/layout/img/global_button.png') repeat-x 0 -60px;
			}
	
	/* Colonnes */
	div#footer div.col1 {
		float: left;
		width: 310px;
		margin-right: 15px;
	}
	
	div#footer div.col2 {
		float: left;
		width:  360px;
		margin-left: 15px;
	}
	
	/* Titres */
	div#footer h2 {
		height: 25px;
		margin: 0 0 10px 0;
		padding:  5px 0 0 13px;
		font-size: 1.2em;
		text-indent: -9000px;
		background: url('/media/layout/img/global_sprites1.png') no-repeat;
	}
	div#footer .col1 h2 { background-position: 0 -71px; }
	div#footer .col2 h2 { background-position: 0 -39px; }
	
	div#footer h2 span {
		display: block;
		width: 200px;
		height: 18px;
		background: url('/media/layout/img/global_sprites2.png') no-repeat 0 0;
	}
	div#a-propos h2 span { background-position: 0 0; }
	div#competences h2 span { background-position: 0 -20px; }
	div#formation h2 span { background-position: 0 -40px; }
	div#blog h2 span { background-position: 0 -60px; }
	div#photos h2 span { background-position: 0 -80px; }
	div#reseaux h2 span { background-position: 0 -100px; }
	div#contact h2 span { background-position: 0 -121px; }
	div#portfolio h2 span { background: url('/media/layout/img/blog_sprites.png') no-repeat 0 -242px; }
	
	/* A propos */
	div#a-propos { margin-bottom: 23px; padding-top: 5px; }
	div#a-propos img.photo { border: 5px solid #000; float: left }
	div#a-propos div { float: left; width: 140px; margin-left: 10px; }
	div#a-propos p { margin: 0; color: #ccc; }
	div#a-propos p.name { margin: 0 0 4px 0; color: #fff; }
	div#a-propos p.infos { font-size: 0.95em; line-height: 1.5em; }
	div#a-propos strong { font-size:  1.1em; }
	div#a-propos div#cv > div > div { width: 136px; }
	div#a-propos div#cv { margin: 7px 0 0 0; }
	div#a-propos div#cv a {
		display: block;
		padding: 10px 0px 5px 28px;
		font-size: 0.8em;
		outline: none;
		background: url('/media/layout/img/global_sprites1.png') no-repeat -292px -97px;
	}
	
	
	/* Billets Récents */
	div#blog, div#portfolio { padding-top: 5px; }
	div#blog ul, div#portfolio ul { margin: -5px 0 0 5px; padding:  0; list-style-type: none; }
	div#blog ul li, div#portfolio ul li { margin: 0; padding: 5px 0 5px 0; border-bottom: 1px dotted #ccc; }
	div#blog p, div#portfolio p { margin: 8px 0 25px 0; text-align: right; font-size: 0.80em; }
	div#blog ul a, div#portfolio ul a { display: block; outline: none; }
	
	/* Photos */
	div#photos ul { margin: 0; padding: 0; }
	div#photos ul li {
	    display: block;
	    float: left;
	    width: 75px;
	    height: 75px;
	    margin: 0 4px 7px 3px;
	    padding: 4px;
	    background: right;
    	background: #000;
    }
	div#photos p { clear: both; margin: 0 7px 20px 0; text-align: right; font-size: 0.80em; }
	div#photos a { outline: none; }
    div#photos img { border: 0; }
	
	/* Réseau */
	div#reseaux ul { margin: 15px 10px 30px 12px; padding: 0; height: 24px; }
	div#reseaux ul li { display: block; float: left; margin: 0 5px 0 4px; }
	
	div#reseaux a {
		display: block;
		height: 24px;
		margin: 0 1px 0 2px;
		text-indent: -9000px;
		outline: none;
		background: url('/media/layout/img/global_sprites1.png') no-repeat;
		/* Opacity */
		filter: alpha(opacity=50);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
	}
	div#reseaux a:hover {
		/* Opacity */
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
	
	div#reseaux a#i_rss { width: 24px; background-position: 0 -105px; }
	div#reseaux a#i_twitter { width: 42px; background-position: -28px -105px; }
	div#reseaux a#i_netvibes { width: 24px; background-position: -75px -105px; }
	div#reseaux a#i_linkedin { width: 27px; background-position: -102px -105px; }
	div#reseaux a#i_lastfm { width: 38px; background-position: -133px -105px; }
	div#reseaux a#i_viadeo { width: 104px; background-position: -175px -105px; }

	/* Contact */
	div#contact { padding-top: 5px; }
	div#contact div { margin: 0 0 10px 5px; }
	div#contact label { color: #aaa; cursor: pointer; }
	ul.errorlist {
	    margin: 0;
	    padding: 0;
	    color: #bf1e1e;
	    font-size: 0.9em;
	    font-style: italic;
	    list-style-type: none;
	}
	div#contact input.text, div#contact textarea {
		width: 230px;
		margin: 4px 0 0 0;
		padding: 6px 2px 6px 3px;
		border: 0;
		border-bottom: 1px solid #444;
		border-right: 1px solid #444;
		color: #fff;
		font-family: "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
		font-size: 1.1em;
		background: #111;
	}
	div.submit { width: 90px; }
	div.submit input {
		height: 30px;
		padding: 0 10px 0 10px;
		border: 0;
		color: #fff;
		font-size: 1.1em;
		cursor: pointer;
		background: none;
		
	}
	div#contact div.submit input:focus { color: #ccc; }
	div#contact textarea { width: 350px; }
	div.col1 div#contact textarea { width: 294px; height: 150px; }
	
	/* Formation */
	div#formation ul { margin: 0; padding: 0 0 20px 10px; list-style-type: none; }
	div#formation h3.year {
		margin: 0;
		font-size: 1.10em;
		font-weight: bold;
		font-family: Georgia, serif;
		font-style: italic;
	}
	div#formation p.degree { margin: 5px 0 15px 0; font-size: 0.95em; color: #ccc; line-height: 1.5em; }
	div#formation span.place { font-size: 0.9em; font-style: italic; }
	
	/* Compétences */
	div#competences ul { margin: 0; padding: 0 0 5px 10px; list-style-type: none; }
	div#competences li { margin: 10px 0 15px 0; font-weight: bold; }
	div#competences li li { height: 16px; margin: 4px 0 0 0; font-weight: normal; color: #ccc; }
	div#competences h3 {
		margin: 0 0 10px 0;
		font-size: 1.10em;
		font-weight: bold;
		font-family: Georgia, serif;
		font-style: italic;
	}
	div#competences span.skill { display: block; float: left; }
	div#competences span.level {
		display: block;
		float:  right;
		width: 110px;
		margin-right: 10px;
		text-indent: -9000px;
		background-image: url('/media/layout/img/portfolio_stars.png');
		background-repeat: no-repeat;		
	}
	div#competences span.novice { background-position: right -48px; }
	div#competences span.middle { background-position: right -24px; }
	div#competences span.good   { background-position: right 0; }
	
	
	/* Copyright */
	p#copyright { font-size: 0.8em; text-align: center; padding: 10px; margin: 0; background: #111; }