/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */

q:before, q:after { content :''; }

img {
behavior: url(http://www.interactivedesign.be/iepngfix.htc);}


/* --- GENERAL --- */	
html {
background-color:#ededed;
height: 100%;
}
	
body { 
margin:0;
padding:0;
height: 100%;
background-color:#ededed;
text-align : center; 
}

div#content {
width:960px;
background-color:#ffffff;
margin:0pt auto;

padding:0 0 0 0;

/*


clear:both;
min-height: 100%;
position : relative; 
overflow:hidden;*/

}

div#content div {
background-color:#ffffff;
}

div.main-content {
float:left;
text-align:left;
/*
height:100%;
padding: 0 16px 0 96px;
width:480px;
position:relative;
float:left;
display:block;
*/
}


div#header {
text-align:left;
padding:0 0 0px 0;
height:100px;

/*width:400px;
clear:both;
width:100%;*/

/*background-image:none;
background-image: url("../img/wibert-alain-webdesign-interactivedesign-portfolio-logo-pdf.gif");
background-repeat: no-repeat;
background-position: 100px 10px; 
*/

}

div#header p {
width:200px;
position:relative;
left:180px;
top:20px;
/*font-size:10px;*/
clear:left;
}


div.identity {

position:absolute;
top:-90px;
left:-30px;
clear:both;

/*position:relative;*/
width:auto;
clear:both;
}

div.identity img {
display:inline;

float:left;}

div.identity ul {

position:absolute;
top:10px;
left:130px;
font-size:11px;
width:200px;
color:#999999;
}

div.identity ul li {line-height:13px;}
div.identity ul li a:link{color:#cc3333;}
div.identity ul li a:hover {color:#cc3333;}
div.identity ul li a:visited {color:#cc3333;}
div.identity ul li a:active {color:#cc3333;}

div.identity ul li.name {font-weight:bold;color:#333333;}
div.identity ul li.function {font-weight:bold;color:#cc3333;}

	
/* ################ portfolio ################ */

	div#portfolio {
	width:500px;
	/*margin-top:-30px;*/
	/*position:relative;*/
	float:left;
	display:block;
	background-color:#FFFFFF;
	padding:0 0 0 100px;
	}

	div#portfolio ul {}
	div#portfolio ul li {font-size:10px;color:#666666}
	div#portfolio ul li a {color:#666666;text-decoration:underline;}
	div#portfolio img.preview {
	border: 4px solid #eeeeee;
	margin:10px 0 10px 0;
	}
	
	div#portfolio p {
	
	line-height:155%;
	margin-top:10px;
	color:#666666;
	margin:0 0 10px 0;
	font-size:12px;
	
	}

	div#portfolio ul.specifications {
	
	padding-bottom:10px;
	margin:10px 0 10px 0;
	border-bottom: 1px dashed #cccccc;
	}
	div#portfolio ul.specifications li {font-size:11px;line-height:155%;}
	div#portfolio ul.specifications li strong {
	font-weight:bold;
	}
	div#portfolio p.legende {
	
	margin:-1px 0 5px 0;
	font-size:10px;
	color:#999999;
	line-height:110%;
	}
	div#portfolio p.legende a {
	color:#999999;
	}
	
	div#portfolio div.logo-off {
	display:none;
		padding:0 0 20px 0;
	/*visibility: hidden;
	background-image: none;
	padding:0 0 40px 0;*/
	}
	
	div#portfolio div.logo {
	
	background-repeat: no-repeat;
	background-position: 380px 0; 
	padding:0 0 0px 0;
	/*height:70px;*/

	}
	
	div#portfolio h3 {
	/*padding:10px 0 40px 0px;*/
	width:450px;
	line-height:85%;
	font-size:20px;
	font-weight:normal;
	height:auto;
	
	}

	div#portfolio a.video:link {
	color:#CC3333;
	font-weight:bold;
	font-size:14px;
	}
	
div.margin-right-content {

/*top:-200px;*/
background-color:#FFFFFF;
text-align:left;
float:left;
position:relative;
width:auto;
margin: 0 0 0 30px;


}
	div.margin-right-content h4 {width:250px;}
	div.margin-right-content ul.ref {margin:0px 0 2px 0;}
	
	div.margin-right-content ul.ref li {
	font-size:12px;
	line-height:17px;
	color:#666666;
	}
	div.margin-right-content ul.ref li a:link {
	color:#666666;
	}
	div.margin-right-content ul.ref li a:hover {
	color:#CC3333;
	}
	
	div.margin-right-content ul.ref li a:visited {
	color:#666666;
	}
	
	div.margin-right-content ul.ref li a:active {
	color:#CC3333;
	}
	
	div.download-pdf {
	position:relative;
	
	margin:100px 0 0 0px;
	}
	
	div.download-pdf h6 {
	/*font-family:TradeGothic LT Bold,Verdana, Arial, Helvetica, sans-serif; */
	position:relative;
	font-size:15px;
	top:-30px;
	left:0px;
	color:#cc3333;
	display:inline;
	font-weight:bold;
	}

	
	div.download-pdf p {
	position:relative;
	left:55px;
	top:-30px;
	width:auto;

	}
	
	div.download-pdf  p a {
	color:#666666;
	font-weight:bold;
	font-size:12px;
	}
	
	div.resume {
	display:none;
	margin:0 0 0 0px;
	clear:both;
	width:auto;
	
	
	}
	ul.dates {

	width:auto;
	position:relative;
	float:left;
	text-align:right;
/*	float:left;*/
	font-weight:bold;
	}
	
	ul.dates li.last {}
	ul.dates li.start {
	
	margin:-2px 0 0 0;
	font-size:12px;
	color:#cccccc;
	text-align:right;
	}
	
	ul.dates li.thumbnails {}
	ul.dates li.thumbnails img {margin:5px 0 0 0;}
	ul.short-resume {
	padding:0 0 0 10px;
	position:relative;
	float:left;
	top:0px;
	left:0px;
	width:200px;
/*	position:absolute;
	left:50px;
	width:150px;*/
/*	left:10px;
	position:relative;*/
/*	float:right;*/
	font-size:10px;
	margin:0 0 10px 0;
	
	
	}
	ul.short-resume li {line-height:115%;}
	ul.short-resume li.society {
	color:#000000;
	font-weight:bold;
	font-size:11px;
	}

	ul.short-resume li.activity {
	color:#cc3333;
	font-weight:bold;
	}
	ul.short-resume li strong {
	font-weight:bold;
	clear:both;
	display:block;
	}
	ul.short-resume li.infos {
	margin:2px 0 0 0;
	}
	ul.short-resume li.infos a {
	color:#666666;
	text-decoration:none;
	font-weight:bold;
	
	font-size:10px;
	}
	
	
	
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

* html .clearfix {
height:1%;
}

div.clearfix {}