/**
 * Feuille de style du CV
 * 
 * @author  : Fabien BELLANGER
 * @date    : 2011-08-06
 * @version : v1.0
 */

/**
 * Couleurs
 * --------
 * Gris clair : #dadada
 * Vert				: #a9e100
 * Orange			: #f58e42
 */

/**
 * 	Fonts
 * 
 */
@font-face {
  font-family: 'JustTheWayYouAre';
  src: url('fonts/JustTheWayYouAre.ttf') format('truetype');
}
@font-face {
  font-family: 'Futura';
  src: url('fonts/Futura.ttf') format('truetype');
}

body {
	background-color: #131311;
	background:				url("../images/site_background.png") repeat top left;
	color:						#dadada;
	padding: 					0px;
	margin:						0px;
	font-size:				13px;
	font-family:			Arial, Verdana, Geneva, Helvetica, sans-serif;
}
a {
	color: 						#dadada;
	text-decoration: 	underline;
}
a:hover {
	font-style: italic;
}
.lineHeight1-5 {
	line-height: 1.5;
}
.underline {
	text-decoration: underline;
}

/* BANNIERE */
.header {
	height: 					160px;
	background:				url("../images/banniere.png") top left no-repeat;
	background-color: #111111;
	border-bottom: 		1px solid #5a5a5a;
}
div#menu-top-right {
	position:										relative;
	left: 											899px;
	width: 											80px;
	height: 										20px;
	border-bottom: 							1px solid #5a5a5a;
	border-left:								1px solid #5a5a5a;
	border-bottom-left-radius: 	10px;
	background-color: 					#1a1a1a;
	padding:                    10px;
	font-size:									14px;
}

a.topLink {
	text-decoration: 	none;
	margin: 					0px 25px;
}
a.topLinkActivated {
	text-decoration: 	none;
	border-bottom: 		3px solid #a9e100;
	margin: 					0px 25px;
}
a.topLink:hover, a.topLinkActivated:hover {
	border-bottom: 		3px solid #a9e100;
}

.clr {
	clear: both;
}

.main-contener {
	width:						1000px;
	border: 					1px solid #5a5a5a;
	border-top-width: 0px;
	box-shadow: 			0px 0px 10px #5a5a5a;
	margin:						0px auto 10px auto;
	background-color: #1a1a1a;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius:	10px;
}

#left-zone {
	float:		left;
	width:	 	300px;
	height:		680px;
	padding: 	25px;
	background: url('../images/menu_fond.png') top center no-repeat;
}
#content {
	float: 	left;
	width:	600px;
	margin: 28px 0px 0px 20px;
}
/* ZONE PRINCIPALE */
div#content div.title {
	color: 					#a9e100;
	font-size: 			20px;
	margin-bottom:	20px;
	padding-bottom:	5px;
	border-bottom: 	1px solid #a9e100;
	font-family:		'JustTheWayYouAre';
	letter-spacing: 0.1em;
}
div#content div.title2 {
	font-size: 	14px;
}
div#content div.subtitle {
	font-size:		13px;
	margin-left:	30px;
	padding: 			20px 0px 0px 0px;
	color: 				#a9e100;
	font-style: 	italic;
}
div#content div.subContent {
	margin-left:	60px;
	text-align: 	justify;
}
div#content div.title3 {
	font-size: 			14px;
	font-weight: 		bold;
	margin-bottom: 	5px;
}
div#content div.subContent2 {
	margin-left:	30px;
	text-align: 	justify;
}
div#content div.subContent2 div.leftSubContent2 {
	float: 			left;
	width: 			130px;
	font-style: italic;
}
div#content div.subContent2 div.rightSubContent2 {
	float: 	left;
	width: 	420px;
}
div#content div.languageSubContent2 {
	margin-bottom: 30px;
}
div#content div.languageTitle3 {
 	margin-top: 10px;
}
div.paragraph {
	margin: 15px 0px;
}

/* ENCART */
div.box {
	width:						300px;
	border: 					1px solid #5a5a5a;
	box-shadow: 			0px 0px 10px #5a5a5a;
	margin:						0px 0px 25px 0px;
	padding: 					5px;
	border-radius: 		10px;
	color: 						#dadada;
	background-color: #151515;
	z-index: 					10;
}
div.box div.title {
	color: 					#a9e100;
	font-size: 			16px;
	margin: 				5px 5px 15px 5px;
	padding-bottom:	5px;
	border-bottom:	1px solid #a9e100;
	font-family:		'JustTheWayYouAre';
	letter-spacing: 0.15em;
}
div.box div.text {
	margin:	5px 0px 10px 5px;
}
div.box div.text div.year {
	float: left;
	width: 60px;
}
div.box div.text div.info {
	float: left;
	width: 230px;
}

/* PAGE CONTACT */
div#contactContent {
	margin: 10px;
}
div#contactContent div.title {
	color: 					#a9e100;
	font-size: 			20px;
	margin-bottom:	20px;
	padding-bottom:	5px;
	border-bottom: 	1px solid #a9e100;
}
div.formLabel {
	float: 				left;
	text-align: 	right;
	width: 				200px;
	margin-right: 30px;
	margin-top: 	5px;
}
div.formField {
	float: 			left;
	text-align: left;
}
input[type=text], textarea {
	border: 					1px solid #dadada;
	padding: 					3px;
	background-color: #333;
	color: 						#dadada;
	width: 						200px;
}
textarea {
	width:	250px;
	height: 100px;
}
input[type=text]:focus, textarea:focus, input[type=text]:active, textarea:active {
	border-color: #a9e100;
}

/* BAS DE PAGE */
.footer {
	text-align: 		center;
	font-size: 			12px;
	padding: 				30px 0px 5px 0px;
	font-family:		'JustTheWayYouAre';
	letter-spacing: 0.15em;
}