/* Balises spécifiques */
html {
	overflow: scroll;
} 
body {
	font-size:0.8em;
	font-family:arial;
	margin:0px;
	border-top:60px solid #5EA3E8;
	background-color:#DCE0E4;
}
a {
	color:#0000FF;
	outline:none;
}
a[target="_blank"]{
	background:url('media/external.png') center right no-repeat;
	padding-right:13px;

}
a.vcf,a.word,a.pdf,a.zip {
	padding-left:20px;
	background-repeat:no-repeat;
	background-position:left center;
}
a.vcf { background-image:url('media/fam3/fam3Silk/vcard.png'); }
a.word { background-image:url('media/fam3/fam3Silk/page_white_word.png'); }
a.pdf { background-image:url('media/fam3/fam3Silk/page_white_acrobat.png'); }
a.zip { background-image:url('media/fam3/fam3Silk/page_white_zip.png'); }
a img {
	border:0px;
}
h1 {
	font-size:2.4em;
	margin:0px;
}
h2 {
	font-size:1.4em;
	margin:0px;
	font-weight:normal;
}
h3 {
	padding:3px;
	font-size:1.1em;
	font-weight:normal;
	background-color:#C4C4C4;
	overflow:hidden;
}
p {
	text-indent:30px;
	text-align:justify;
}

/* La page */
#page {
	width:850px;
	margin:auto;
	margin-top:-40px;
	padding:15px;
	background-color:#F0F0F0;
	border:2px solid #ABB5BF;
}

/* Le header */
#header {
	overflow:hidden;
	padding-top:10px;
	padding-left:90px;
	height:70px;
	background-image:url('media/basicIcons/64x64/user.png');
	background-position:10px center;
	background-repeat:no-repeat;
	background-color:#C4C4C4;
	position:relative;
}
#header > #photo {
	float:left;
	margin-right:20px;
}
#header > #social {
	position:absolute;
	top:10px;
	right:5px;
}
#header > #documents {
	padding:0px;
	margin:0px;
	position:absolute;
	top:55px;
	right:5px;
	list-style:none;
}
#header > #documents > li {
	display:inline;
}

/* Le statut */
#statut {
	margin-top:10px;
	padding:10px;
	padding-left:40px;
	background-position:10px center;
	background-repeat:no-repeat;
	background-color:#C4C4C4;
	position:relative;
	font-weight:bold;
}
#statut.research { background-image:url('media/basicIcons/24x24/warning.png'); }
#statut.active { background-image:url('media/basicIcons/24x24/info.png'); }

/* Le contenu */
#content {
	overflow:hidden;
	position:relative;
}
#content h2 {
	font-weight:bold;
}

/* Les maps */
#content .map {
	height:170px;
	width:250px;
	margin-right:10px;
	float:left;
	background-color:#C4C4C4;
}
#content .adress {
	display:none;
}

/* Les box */
#content div.resizable {
	cursor:pointer;
}
#content div.resizable:hover {
	background-color:#D5D5D5;
}
#content div.resizable .bonus, #content div.resizable .resizable-hide {
	display:none;
}
#contact, #training, #skills, #experience, #works, #hobbies {
	float:left;
	width:397px;
	height:135px;
	margin-top:15px;
	padding:10px;
	background-color:#DDDDDD;
	background-repeat:no-repeat;
	background-position:98% 5px;
}
#contact, #skills, #works { margin-right:15px; }
#contact { background-image:url('media/basicIcons/48x48/letter.png'); }
#training { background-image:url('media/basicIcons/48x48/pencil.png'); }
#skills { background-image:url('media/basicIcons/48x48/tick.png'); }
#experience { background-image:url('media/basicIcons/48x48/briefcase.png'); }
#works { background-image:url('media/basicIcons/48x48/monitor.png'); }
#hobbies { background-image:url('media/basicIcons/48x48/heart.png'); }
.resizable div.bonus {
	margin-top:25px;
}

/* Les listes de contenu  */
#contact > ul > li, #skills > ul > li {
	background-position:left center;
	background-repeat:no-repeat;
	padding:5px;
	padding-left:20px;
}
#content ul {
	padding:0px;
	list-style:none;
}
#contact > ul > li.phone { background-image:url('media/fam3/fam3Silk/phone.png'); }
#contact > ul > li.email { background-image:url('media/fam3/fam3Silk/email.png'); }
#contact > ul > li.msn { background-image:url('media/fam3/fam3Silk/user_comment.png'); }
#skills > ul > li.web { background-image:url('media/fam3/fam3Silk/page_white_world.png'); }
#skills > ul > li.client { background-image:url('media/fam3/fam3Silk/page_white_gear.png'); }
#skills > ul > li.data { background-image:url('media/fam3/fam3Silk/page_white_database.png'); }
#skills > ul > li.soft { background-image:url('media/fam3/fam3Silk/application_cascade.png'); }