/*CSS julien-brionne.fr*/
/***** Global Settings *****/

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

body{
font:100%/1.25 Arial, Helvetica, sans-serif;
/*redefinition du fond*/
background:url(images/bg.gif) repeat;
border-top:solid 4px #363643;
}

a{text-decoration: none; color: #c8c8c8;}
a:hover{color:#25aae1;}

#deco{
background: transparent url(images/julien.png) no-repeat;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/julien.png' sizingMethod='crop');
width: 980px;
margin: 0 auto;
}

#header{
width:980px;
margin:4px auto 5px auto;
}

#header h1 {
float:left;
margin:0;
padding:0;
width:147px;
height:99px;
background:url(images/logo.png) no-repeat;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png' sizingMethod='crop');
text-indent:-9999px;
}

#header h1 a {
display:block;
width:147px;
height:99px;
text-indent:-9999px;
}

#info{
float:right; margin-top:4px;margin-bottom:10px;
}
	#info{font:0.81em Arial, Helvetica, sans-serif;}
	#info strong{font-weight: 700;}
	#info em{font-style:italic;}
	#info a{border-bottom: dotted 1px;margin-bottom: 2px; text-decoration: none;color: #000;}
	#info a:hover{color:#25aae1;}

#content{
width: 900px;
padding:25px 100px 25px 100px;
}

#headline{font-size:2.3em;letter-spacing:-2px;font-family:Georgia, Times New Roman, serif;line-height: 1.3em;}

#follow{float:left; width:450px; }
	#follow h2,#pro h2{font-family:Arial, Helvetica, sans-serif;font-size: 5em;letter-spacing: -5px; color: #c8c8c8;margin-bottom: 20px;line-height: 0.4em;}
#pro{float:right; width:450px; }


#follow ul, #pro ul{
margin: 0 0 0 5px;
padding: 0;
list-style: none;
width: 405px;
}

#follow ul li, #pro ul li{
float: left;
margin: 0;
padding: 0;
list-style-type: none;
}

#follow ul li a , #pro ul li a{
display: block;
padding: 5px 0px 5px 17px;
width: 180px;
font-size: 1.8em;
}



li.twit a {
	background: url(images/twitter.png) 0 17px no-repeat;
	}

li.last a {
	background: url(images/lastfm.png) 0 17px no-repeat;
	}

li.facebook a {
	background: url(images/facebook.png) 0 17px no-repeat;
	}

li.flickr a {
	background: url(images/flickr.png) 0 17px no-repeat;
	}

li.ffffound a {
	background: url(images/ffffound.png) 0 17px no-repeat;
	}

li.tumblr a {
	background: url(images/tumblr.png) 0 17px no-repeat;
	}




li.folio a {
	background: url(images/rss.gif) 0 17px no-repeat;
	}

li.behance a {
	background: url(images/behance.png) 0 17px no-repeat;
	}

li.blog a {
	background: url(images/rss.gif) 0 17px no-repeat;
	}

li.deviant a {
	background: url(images/deviantart.png) 0 17px no-repeat;
	}

li.delicious a {
	background: url(images/delicious.png) 0 17px no-repeat;
	}

li.linkedin a {
	background: url(images/linkedin.png) 0 17px no-repeat;
	}




#footer{margin-top: 45px; text-align: right; border-top: dotted 1px #c8c8c8;}
#sign a{font-size: 0.7em;color: #c8c8c8;}
#sign a:hover{color:#25aae1;}


.clearer{
clear:both;
}
.blue{color:#25aae1;}