/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* reset over */

body{
margin:0;
padding:0;
background: #1b2531;
font-family: "Verdana", "Helvetica", "Arial", "Arial Narrow", "Tahoma";
font-size: 12px;
color: #FFF;
line-height:160%;
}

/* liens */
a {
text-decoration:none;
color: #5693ca;

}

a:hover{
color: #41719d;	
	}
	
#footer a{
	text-transform:uppercase;
	font-size:22px;
	}

#footer a:hover {
	text-transform:uppercase;
		}
	


#header {
	background: url('../img/headerbg.png');
	text-align:center;
	width:100%;
	top:0;
	height:50px;
	position:fixed;
	z-index:999;
	margin: 0;
	}
	
#foooter-edge {
	width:100%;
	position:fixed;
	z-index:1000;
	bottom:60px;
	width:100%;
	height:20px;
	text-align:center;
	margin:0;
	padding:0;
	background: url('../img/footerbg.png');
	}
#footer {
	background: #1b2531;
	margin: 0;
	height: 40px;
	padding: 10px;
	position:fixed;
	z-index:1000;
	bottom:0px;
	width:100%;
	text-align:center;
	border-top: #3B4C5F solid 1px;
	}
	
ul#footer, ul#select {
	list-style-type:none;
	margin:0;
	padding:0;	
	}
	
#footer li, #select li {
	display:inline;
	padding:0;
	margin:0 20px;
	}

#mainarea {
	padding: 50px 0;
	text-align:center
	}
	
 #portfolio, #competences, #contacts, #vide {
	padding: 130px 0 0 0;
	min-height:1000px;
	margin: 0 auto;
	width:960px;
	text-align:left;
	}

#selogix {
	padding: 60px 0 0 0;
	min-height:1000px;
	margin: 0 auto;
	width:960px;
	text-align:left;
	}

#twitter {
	width:100%;
	text-align:right;
	}
	
#clear, .clear {
	clear:both;
	}


.projet {
	width:290px;
	float:left;
	margin: 0 29px 29px 0;
	}
h1 {
		
	}
	
h2 {
	margin:15px 0;
	padding:0;
	color: #384b62;
	font-weight:normal;
	text-transform:uppercase;
	font-size:22px;	
	}
	
p.box {
	background: url('../images/box.gif') no-repeat center left;
	padding: 0 0 0 16px;
	}
	
p.up {
	text-align:right;
	font-size:12px;
	padding: 40px 0;
	}
	
/* slider */
#slider, #slider2 {
	width:290px;
	}
	
	
.formfield {
	width:90%;
	}

input, textarea, option, select {
font-family: "Verdana", "Helvetica", "Arial", "Arial Narrow", "Tahoma";
	font-size: 14px;
	color: #FFF;
	background: #1b2531;
	border: solid 1px #5693ca;
	padding:4px;
	}

input:focus, textarea:focus, option:focus, select:focus {
	border: solid 1px #FFF;
	}


.red {
	color: #F00;
	}
	#contact_footer {
		width:20%;
		border-top: dotted 1px #3B4C5F;
		font-size:10px;
		text-align:right;
		margin: 0 0 0 80%;
		padding: 4px 0 0 0;
		line-height:normal;
		text-transform:uppercase;
		color: #59738F;
		}