/*******************************************************
 *  RESET
 *******************************************************/
 
* { margin: 0; padding: 0; border: 0; outline: none; list-style: none; }

/*******************************************************
 *  TEXTS
 *******************************************************/

body {
	color:#cccccb;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#080702; }

p { 
	margin:2px 0 8px 0; }

a:link, a:visited,
a:hover, a:focus {
	color:#ff5700;
	font-weight:bold;
	text-decoration:underline; }
	a:hover, a:focus {
		text-decoration:none; }

strong {
	color:#f1f1f2;
	font-weight:bold; }

span.date { 
	color:#cccccb;
	font-weight:normal; }

span.client { 
	color:#f1f1f2;
	font-weight:bold; }

span.offline { 
	color:#da4b00;
	font-weight:bold; }

.old { text-decoration:line-through; }

hr {
	border: none;
	border-top: solid 2px #555;
	margin:12px 0 10px 0;
}

/*******************************************************
 *  MAIN
 *******************************************************/
 
#main {
	width:690px;
	margin:20px auto; }

/*******************************************************
 *  HEADER
 *******************************************************/

#header {
	margin-bottom:10px;
	padding:0 5px; }

/*******************************************************
 *  CONTENT
 *******************************************************/

div.totem {
	width:220px;
	padding:0 5px;
	float:left; }

ul.projects li {
	margin:0;
	padding:0;
	width:220px;
	display: inline-block; }

a.button {
	height:22px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:0 0; }
	a.button:hover { background-position:0 -22px; }
	a.button span { display:none; }

/*******************************************************
 *  HOME
 *******************************************************/

#main.home a.button#monster {
	width:66px;
	margin-right:7px;
	background-image: url('images/link-monster.gif'); }
	
#main.home a.button#viadeo {
	width:48px;
	margin-right:7px;
	background-image: url('images/link-viadeo.gif'); }
	
#main.home a.button#linkedin {
	width:58px;
	margin-right:0;
	background-image: url('images/link-linkedin.gif'); }

#main.home ul.projects li {
	float:left;
	padding:10px 0 5px 0; }

#main.home p.more {
	clear:both;
	padding-top:10px; }

#main.home div.totem#blog p { margin:10px 0 15px 0; }

/*******************************************************
 *  REALISATIONS
 *******************************************************/

#main.realisations img.logo {
	clear:both;
	display:block;
	padding:30px 10px 10px 5px; }

#main.realisations ul.projects li {
	float:left;
	padding:5px 5px 10px 5px; }