html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family: inherit; vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;	color: black;	background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate;	border-spacing: 0;}
caption, th, td {	text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}body{   background: #DDEEFF url(../images/bg_body.png) repeat-y scroll 0% ;     margin-left:40px;}

#main_container{width:840px;}

:focus{ outline:thin ;}

#title{ height:200px;   background:url(../images/bg_header_titre.jpg);}

#professional{position:relative;background: url(../images/bg_professional.jpg); }

#works{ width:560px;}

.meta ul li{display:inline;}

.main{margin: 20px 0 40px 0px;position:relative;min-height:200px;}

.last{margin-bottom:0}

.item{clear:both;}

#infos{position:absolute;top:0;right:0;width:280px;clear:both;}

#infos li{padding-bottom:30px;}

#passions{background:#001342 url(../images/bg_footer.png) repeat-x scroll left top;     padding-top:35px;  padding-bottom:20px; height:10em; display:block;}

#passions li{   float:left;     width:260px;    margin:0 10px;}

#passions li#plus{width:259px;}

#passions li li {display:block; float:none; width:100%; border-bottom:1px solid #000;   margin:3px 0 ;  padding-left:5px;}

#passions li li:hover{background-color:#000;}

#infos li li {border-left:1px solid #5B9CFF;    margin:0pt 10px 10px;   padding-bottom:0pt;     padding-left:20px;}

#infos li li:hover{     background-color:#f0f7ff;}

.date{  display:block;  color:#5B9CFF;}

#title{ position:relative;}

#usb_cable, #rails, #fnaim, #infolangue, #blogbangbang, #votons{        position:absolute;      z-index:10;}

#blogbangbang{ float:left;left:-45px;   top:-10px; }

#fnaim{ float:right; right:-25px;       top:-35px; }

#usb_cable{     float:left;left:-45px;  top:25px; }

#rails{ float:right; right:-25px;       top:35px;}

#infolangue{    float:left;left:-45px;  top:-10px;}

#votons{float:right; right:-25px;       top:-15px;}

#passionne{     position:relative;      margin-top:40px;}

#vcard{ width:270px;    height:140px;   position : absolute;    top:30px;       right:3px; background:url(../images/bg_vcard.png);overflow:hidden;line-height:100%;}

#vcard .photo{  float:left;     padding:10px;}

#works h2 a{ color:#FF8F00;}

#infos .category{padding:0;}

#infos .category li{position:relative;height:20px;}


.s1,.s2,.s3{display:block;float:left;text-indent:-10000px;background:url("/images/star.png") repeat-x;}

.s1{width:16px;}
.s2{width:32px;}
.s3{width:48px;}

.desc{position:absolute;left:90px;}

#cat_web,#cat_sgbd,#cat_systeme,#cat_langue{text-indent:30px;margin-bottom:10px;}
#cat_web{background:url("/images/web_ico.png") no-repeat;}
#cat_sgbd{background:url("/images/sgbd_ico.png") no-repeat;}
#cat_systeme{background:url("/images/os_ico.png") no-repeat;}
#cat_langue{background:url("/images/langue_ico.png") no-repeat;}




.item{background: url(../images/bg_item.jpg) top left no-repeat;}

.item h2{	position:relative; margin-bottom:10px;}

.main p{position:relative; padding : 0 30px 0 10px;}

.meta{padding : 0 30px 0 10px;}

#infos h2{background: url(../images/bg_infos.png) no-repeat left top ;height:30px;}

#vcard .dl{	width:100%;	text-align:center;	clear:both;	padding-top:3px;}

#vcard .dl a {	background:transparent url(../images/icon-hcard-add.png) no-repeat scroll left center;	padding-left:35px;}

#vcard .id {padding-top:10px;}

.meta ul:before{ content:"Mots clés :"}

.meta li{	background:url(../images/icon_tag.gif) no-repeat 0% 50%;}

#passions li li a{	background:url(../images/icon_puce.gif) no-repeat 0% 50%;}body{	font-family:Arial,Helvetica,Verdana,Sans-Serif;	font-size:medium;	font-style:normal; font-variant:normal;	font-size:0.95em;	font-weight:normal;	line-height:1.5;}

acronym:hover, abbr:hover {cursor: help;}

abbr[title], acronym[title], span[title], strong[title] { border-bottom: thin dotted; cursor: help;}

strong{font-weight:bold; color:#444; font-size:90%}

#works p a:link{color:#FF8F00}
#works p a:visited{color:#DD6F00}
#works p a:hover{color:#5B9CFF}
#works p a:active{color:#001342}

#street-address{display:block;}

#title h1{	text-indent:-9999px;}

.meta{font-size:90%;}

.main p{text-align:justify;}

.item h2{	text-indent:10px;	text-transform:uppercase;	font-weight:bolder;color:#FF8F00;top:3px;}

#infos{	font-size:small;}

#infos h2{text-indent:10px;color: #001342;text-transform:uppercase;font-weight:bolder;padding-top:3px;padding-bottom:5px;	}

#infos p{	padding:5px 10px;	}

#passions{color:#5B9CFF;}

#passions li li a{	padding-left:15px;}

#passions h2{	color:#FFF;	text-transform:uppercase;	font-weight:bold;}

#passions li li a{color:#5B9CFF;}

.meta{color:#5B9CFF;}

.meta li{font-size:small;	margin:0pt 3px;	padding-left:16px;}

.right_p{margin-left:160px;position:relative;	top:20px;}

.left_p{margin-right:170px;position:relative;	top:20px;}

#vcard a{font-weight:bold;color:#001342;}

#vcard .id{font-size:small;line-height:140%;font-weight:bold;color:#001342;position:relative;top:-2px;}

#vcard .addr{font-size:smaller;line-height:100%;color:#001342;}

#infos .category, #infos .category li{border:none;}

.meta li:after{content:","}
.meta li:last-child:after{content:""}

.category h3{color:#FF8F00;font-weight:bold;text-transform:uppercase;}