body{
	background: #292929 url(pics_09/bg.jpg) ;
	margin: 0;
	padding:0;
	color: #555;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
}

#page{
	background-color: #fff;
	width : 951px;
	margin: 0 auto;
	font-size: 0.8em;
	text-align : left;
}

.spacer {
	clear: both;
	height : 0px;
}


a{
	color : #eb1288;
	text-decoration : underline;
}

a:hover{
	color : #3bb8e2;
	text-decoration : underline;
}

.gauche{
	float: left;
	margin-right: 10px;
}

img{
	border : 0;
}

dt{
	font-weight : bold;
}
dd{
	padding: 0 0 0 5px;
	margin: 0;
	line-height: 1.5em;
	border-left : 7px solid #f1f1f1;
}



/* HEADER
---------------------------*/
#prelude{
	padding: 3px 0 0 0px;
	text-align: left;
	color: #AAA;
	padding : 3px ;
}
#prelude a{
	color: #AAA;
	text-decoration:none;
}
#prelude a:hover{
	color: #eb1288;
}


#header{
	background: #fff url(pics_09/header.png) no-repeat;
	height: 157px;

}

#header h1{
	text-indent: -100em;
	overflow: hidden;
	width: 100%;
	height: 133px;
	padding: 0;
	margin: 0;
}
#header h1 a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}


/* ---- nav ---- */

#navigation { margin: 5px;}


#navigation ul{
	margin : 0 0 2px 0;
	padding : 2px 0 0px 2px;
	list-style-type : none;
}

#navigation li{
	margin : 0  ;
	padding : 0;
	float: left;

}

#navigation li a{
	display : block;
	width : 145px;
	height : 20px;
	padding : 150px 0 0 3px;
	background-color : #e2e2e2;
	background-repeat : no-repeat;
	margin : 0 3px 3px 3px;
	color : #000;
	text-decoration : none;
	border : 1px solid #fff;
}

#navigation #profil a { background-image: url(pics_09/profil.png); }
#navigation #weblog a { background-image: url(pics_09/blog.png); }
#navigation #photos a { background-image: url(pics_09/photo.png); }
#navigation #cv a { background-image: url(pics_09/cv.png); }
#navigation #rea a { background-image: url(pics_09/rea.png); }
#navigation #reseaux a { background-image: url(pics_09/reseaux.png); }

#navigation li a:hover{
	background-color : #eb1288;
	color : #fff;
	text-decoration : none;
	border : 1px solid #eb1288;

}

#navigation .actif a {
	background-color : #eb1288;
	color : #fff;
	text-decoration : none;
	border : 1px solid #eb1288;

}

/* CONTENU
---------------------------*/
#contenu{
	margin : 0; 
	padding : 0;
	background: #fff url(pics_09/fd_bottom.png) top left repeat-x;
	line-height : 1.5em;

}


.home #content_text{
	width : 45%;
}
.home #sidebar {
	width : 43%;
}

.large #content_text{
	width : 55%;
}

.large #sidebar {
	width : 33%;
}
#content_text{
	margin : 0; 
	padding : 4% 1% 4% 4%;
	background: transparent url(pics_09/deco_bottom.png) top left no-repeat;
	text-align : left;
	float : left;
}


#sidebar {
	float: left;
	padding : 4% 3% 4% 4% ;
	background: transparent url(pics_09/separ.png) top left no-repeat;
}

#contenu h2{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-size : 1.5em;
	margin :0 ;
	padding : 0;
	color : #FA5BC8;
}

#contenu h3{
	font-family:  Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 1.25em;
	margin : 0;
	padding : 0;
	color : #3bb8e2;
}



#twitter_div {
		background: transparent url(pics_09/twitter_bg.png) top right no-repeat;
		padding : 20px 80px 20px 0;
		min-height : 65px;
}

#twitter_update_list {
	list-style-type : none;
	margin : 0;
	padding : 0;
}

#twitter_update_list li {
	margin : 0;
	padding : 0;
}

.separ {
	height: 10px;
	background: transparent url(pics_09/separ.jpg) top center no-repeat;
	margin : 20px 0 10px 0;
}

#photo_id {
	float : right;
}




#flickr_badge_uber_wrapper { text-align:center; width :100%; }
#flickr_badge_wrapper {padding:10px 0 0px 0; }
.flickr_badge_image {margin:0;  float: left;}
.flickr_badge_image img {border: 0 !important; margin : 0 6px 3px 0px;}
#flickr_badge_source {}
#flickr_badge_icon {}
#flickr_www {display:none; }
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/* FOOTER
---------------------------*/

#footer{
		background: #fff url(pics_09/fd_bottom.png) top left repeat-x;
		font-size : 0.7em;
		padding : 20px 0 80px 0;
		margin-top : 30px;
		text-align:center;
}