@charset "utf-8";
/* CSS Document */
* {
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	font-weight:normal;
	color:#777;
}
a:after {
 content: " (" attr(href) ") ";
}
a{text-decoration:none; border:none;}
.telechargement{
	display:none;
}
img {
	border:none;
}
body {background:#FFFFFF; /* pensons à la foret */}
.english{display:none;}
.french{display:block;}
#en-lang{display:none;}
#fr-lang{display:none;}
h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:19px;
}
h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
}
strong{font-weight:bold !important;}
#wrapper {
	width:660px;
	margin:0 auto;
	position:relative;
	z-index:500;
}

#header {
	background:#fff;
	width:655px;
	padding:0 3px;
}

#presentation, #formation {
	background:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:610px;
	padding:25px;
	margin:2px auto;
}
#presentation img {
	float:right;
	margin-left:20px;
}
#presentation h2, #formation h2 {
	color:#dddddd;
	margin-bottom:20px;
}

#presentation p, #formation p {
	text-align:justify;
	color:#777;
	line-height:20px;
}
#presentation a , #formation a{
	color:#777;
}
#presentation a.pdf {
	padding-left: 18px;
	height:16px;
	background:url('images/icone_file.png') 0 0 no-repeat;
}
#presentation a.word {
	padding-left: 18px;
	height:16px;
	background:url('images/icone_file.png') 0 -16px no-repeat;
}
#formation ul{list-style:none; padding-left:15px; color:#FFF;}
#formation li{margin:10px 0;}
#formation span.date{font-weight:bold;}
#works {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:25px;
	width:610px;
	background-color:#dddddd;
	overflow:auto;
}
#works h2 {
	color:#ffffff;
}
.proExp span{display:inline;}
ul.proExp, ul.proExp ul{list-style:none; padding-left:15px;}
ul.proExp li.exp{margin:10px 0;background:url('images/ui-radio-button-uncheck.png') left top no-repeat; padding-left:18px;}
li.exp span.date{font-weight:bold;}
li.exp span.lieu{font-weight:bold;color:#FFF;}
.missions{font-style:italic;}

#works a{
	font-weight:bold;
	margin-top:10px;
	color:#FFFFFF;
	}

#competences, #contact {
	background:#ffffff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:610px;
	padding:25px;
	margin:2px auto;
	overflow:auto;
	line-height:16px;
	color:#FFF;
}
#contact h2 {background:url(images/mail.png) left center no-repeat;height:30px;}
#competences h2,#competences h3, #contact h2 {
	color:#dddddd;
	margin-bottom:20px;
	padding-left:25px;
}

#competences h3,#contact h2{height:20px;}

#competences h3.organisation{background:url(images/paper-clip.png) left center no-repeat;}

#competences h3.relation{background:url(images/heart.png) left center no-repeat;}

#competences h3.dev{background:url(images/keyboard.png) left center no-repeat;}

#competences h3.tech{background:url(images/drill.png) left center no-repeat;}

#competences h2.skills{background:url(images/medal.png) left center no-repeat;}

#competences #leftComp, #contact #Sites {
	width:295px;
	float:left;
}
#contact #Sites a, #contact #Sites img{
	margin-right:10px;
	/*width:16px;
	height:16px;*/
	display:block;
	float:left;
	/*background:url(images/social_icons.png) no-repeat;*/
}
#contact #Sites a.DeviantArt{background-position:0 -32px;}
#contact #Sites a.Tumblr{background-position:0 -48px;}
#contact #Sites a.LinkedIn{background-position:0 0;}
#contact #Sites a.Viadeo{background-position:0 -16px;}

#competences #rightComp, #contact #Forms {
	width:295px;
	float:left;
}
#competences .date{
	font-size:9px;
	color:#ff9900;
	}
#competences a {
	color:#FFFFFF;
	}
	#competences a:hover {
	color:#FFFFFF;
	text-decoration:none;
	}
#leftComp p a{display:block; margin-bottom:15px;}	
.contactWays .bymail, .contactWays span{color:#777; font-weight:bold; text-decoration:underline;}
.contactWays .bymail:hover, .contactWays span:hover{color:#777; font-weight:bold; text-decoration:none;}
#Meebo{display:none}
#contactLeft{display:none;}