html, body { margin: 0; padding: 0; height: 100%; }
body {
	background: #f4f4f4 url(../_images/bg.gif);
	font:  normal 13px/20px "Lucida sans", "lucida grand", helvetica, arial, sans-serif;
}
a img { border: 0; }
a, img { outline:none; }
#section p a { color:#fd9a26; }
#section p a:hover { color:#232121; }
.content a { color:#fd9a26; }
.content a:hover { color:#232121; }

.btLink:hover { background-color:#8bb842; }
.btLink { background-color:#fd9a26; color:#fff !important; text-decoration:none; padding:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.boutton:hover { background-color:#000; color:#fff !important; }
.boutton {
	background-color:#fd9a26;
	color:#fff !important;
	padding:10px;
	text-decoration:none;
	width:300px;
	text-align:center;
	margin:20px 0 40px 0;
	display:block;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

/* G L O B A L ------------ */

.wrapper {
	position: relative;
	margin: 0 auto;
	width: 955px;
}

.left { float: left; }
.right { float: right; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
.hide { display: none; }
.note { font-size: .93em; color: #7a7a7a; }
.note a { color: inherit; }
.note a:hover { color:#8bb842; }

#tonik {
	position: fixed;
	bottom: 0;
	left: 0;
}

/* H E A D E R ------------ */

#header {
	position: relative;
	padding-top: 12px;
	background: #f4f4f4 url(../_images/bg_top_nav.gif);
	height: 38px;
	z-index: 10;
}
#header .wrapper {
	text-align: right;
}
.linkedin, .lang, #acces-client {
	display: inline-block;
	position: absolute;
	top: 0;
}

#microsoft_certifications
{
	display: inline-block;
	position: absolute;
	margin-top:-6px;
}


.linkedin {
	right: 260px;
}
.lang {
	right: 217px;
}
#acces-client {
	right: 30px;
	width: 177px;
	height: 26px;
	overflow: hidden;
	text-align: left;
}
#acces-client .toggle { position: absolute; top: 0; left: 0; cursor: pointer; }
#acces-client form {
	position: absolute;
	top: 29px;
	left: 12px;
	margin: 0; padding: 0;
}
#acces-client form .field {
	margin-top: 20px;
	width: 152px;
	line-height: 20px;
	height: 20px;
	background-color: #f4f4f4;
	border: 1px solid #e4e4e4;
	color:#959595;
	font-size:105%;
}
#acces-client form .submit {
	float: right;
	margin: 8px 11px;
}
/* P A G E ---------------- */

#page-title {
	margin-right: 20px;
}
#page-logo {
	position: relative;
	top: 50px;
}

/* M E N U ---------------- */

#menu {
	position: absolute;
	top: 0;
	left: 80px;
}
#menu a {
	float: left;
}

/* F E A T U R E ---------- */

#feature {
	margin-top: 110px;
	position: relative;
	left: 15px;
	width: 925px;
	height: 332px;
	background-color: #232121;
	color: #fff;
}
#feature .left {
	position: absolute;
	left: -15px;
}
#feature .right {
	position: absolute;
	right: -15px;
}
#feature .banner {
	position: absolute;
	top: -7px;
	right: -22px;
}
#feature .desc {
	margin: 0;
	padding: 60px 20px 0px 20px;
	width: 400px;
}
#feature .screenshot {
	position: absolute;
	bottom: 0;
	right: 0;
}
#feature .container {
	position: relative;
	overflow: hidden;
	width: 925px;
	height: 332px;
}
#feature #projects {
	position: absolute;
	top: 0;
	left: 0;
	width: 10000px;
}
#feature .featured,
#feature .project {
	float: left;
	position: relative;
	width: 925px;
	height: 332px;
}

#feature #project_nav {
	position: absolute;
	bottom: -12px;
	left: 20px;
}
#feature #project_nav img {
	float: left;
}
#feature #project_nav .previous,
#feature #project_nav .next,
#feature #project_nav .page {
	cursor: pointer;
}
.bt { position:absolute; bottom:50px; left:15px; }
/* B O X ----------------- */

.box {
	float: left;
	padding: 40px 25px;
	width: 425px;
}
.box .content {
	padding: 15px 10px;
	background-color: #eee;
}

.box .tab {
	float: right;
	display: inline-block;
	padding: 7px 10px 7px;
	background-color: #f4f4f4;
	text-decoration: none;
	color: #f97430;
	font-size:85%;
	border:1px solid #e4e4e4;
}
.box .tab.on {
	padding: 7px 10px 13px;
	background-color: #eee;
	color: #7a7a7a;
	border:0;
}

/* F O R M --------------- */

#contact-form label {
	padding-top: 6px;
	display: block;
	color: #9ca888;
}
#contact-form input.field,
#contact-form textarea {
	line-height: 20px;
	height: 20px;
	background-color: #f4f4f4;
	border: 1px solid #e4e4e4;
	width: 185px;
	margin-right:10px;
	padding:4px;
	font-style:italic;
	color: #b3b3b3;
	font-size:110%;
}
#contact-form textarea {
	height: 80px;
	line-height: 18px;
	width: 390px;
	margin-top:10px;
	height:60px;
}
#contact-form input.submit {
	padding: 7px 10px;
	margin-top:10px;
	background-color: #b3b3b3;
	border: 0;
	color: #fff;
}

/* S E C T I O N ----------- */

#section {
	margin-top: 110px;
	margin-bottom:50px;
	position: relative;
	left: 15px;
	width: 925px;
	color: #222;
}
#section .sidebar {
	position: absolute;
	left: 10px;
	width: 300px;
	height: 332px;
	background-color: #232121;
}
#section .sidebar .left {
	position: absolute;
	left: -15px;
}
#section .sidebar .right {
	position: absolute;
	right: -15px;
}
#section .sidebar .title404 {
	position: absolute;
	bottom: 130px;
	right: 0;
}
#section .sidebar .title {
	position: absolute;
	bottom: 15px;
	right: 0;
}
#section .sidebar .back {
	position: absolute;
	bottom: -22px;
	right: 0px;
}
#section .sidebar a {
	color: #ec7f00;
}
#section .content {
	margin-left: 370px;
	margin-right: 30px;
	line-height: 1.5em;
}

#copyright { font-size:80%; float:right; margin:20px 0 20px 0; color:#b2b2b2; text-transform:uppercase; display:block; width:200px; text-align:right; }
#copyright a { color: inherit; }
#copyright a:hover { color:#666; }

#amail-msg { color:#8bb842; }

.orange { color:#fc7530; }