@import url(reset.css);

a {text-decoration:underline; outline:none;}
a:link, a:visited {color:#CCC;}
a:hover, a:active {color:#FFF;}
p {font-size:0.8em; line-height:17px; letter-spacing:-0.5px; text-align:justify;}

body {font-family:Arial, Helvetica, sans-serif;color:white; padding:10px 0 0 0; background:url(/img/top.gif) repeat-x top left #131313;}
div#container {width:800px; max-width:1400px; padding:0 0 0 180px; background:url(/img/corner.jpg) no-repeat top left;}
div#nav ul li {float:left; padding:0 25px 1em 0;}
div#nav ul li a {text-transform:lowercase; font-weight:bold; color:#575757; letter-spacing:-1px; display:block; height:30px; width:auto !important; width:50px; padding:10px 0 0 0; text-decoration:none;}
div#nav ul li a.selected, div#nav ul li a:hover {color:white; border-top:4px solid #29A3CC; padding:6px 0 0 0;}

div#contenu {clear:both; min-height:400px;}

hr.clear, div.clear {clear:both; visibility:hidden;}

h1 {position:absolute; left:45px; top:21px;}
h2 {clear:both; color:white; border-bottom:1px solid white; font-weight:bold; letter-spacing:-1px; padding:2px 0 2px 0; margin:0 0 5px 0; font-size:1em;}
div#contenu #col_gauche h2 a {color:white; text-decoration:none;}
div#col_gauche ul {font-size:0.75em; line-height:17px; text-align:justify; margin:0 0 20px 0;}

div.work ul li {margin:0 0 10px 0; background:#303030;}
div.work ul li p {padding:0 5px 3px 5px; font-size:0.85em;}
div.work ul li p.title {float:left; font-weight:bold; letter-spacing:0px;}
div.work ul li p.role {float:right; color:#CCC; letter-spacing:0px;}

ul.thumbs li {float:left; padding:10px 39px 10px 0; width:240px; text-align:center;}
ul.thumbs li.last {padding:10px 0;}

p.external {position:absolute; display:none; margin:5px 0 0 770px;}
p.external img {width:25px; height:25px;}

#footer {
	padding:5px 0 20px 0;
	font-size:11px;
	border-top:1px solid #FFF;
}

#footer ul li {
	display:inline;
}

#footer ul li.last {
	padding:0 0 0 10px;
	margin:0 0 0 10px;
	border-left:1px solid #CCC;
}