/* Reset Reloaded Eric Meyer http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
* {
	outline:none;
}




/* Source: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

html, body{height:100%;}

body{
	background: #3b4a53 url(../images/bg.jpg) fixed repeat;
	color:#222;
	font: 92.5% Helvetica, Arial, sans-serif;
	font: 92.5% Arial, sans-serif;
}
		
		
#wrapper{
	background: url(../images/bg_diagonale.png) fixed no-repeat 0 0;
	height:auto;
	min-height:100%;
}
/*#bodylabo_objet #wrapper{ background: transparent;}*/


a, a:link, a:visited{color:#000;text-decoration:none;}
a:hover, a:active{color:#808137;color:#fff;}



header h1{
	position:relative;
	width:180px;
	height: 121px;
	overflow:hidden;
	font-size:16px;
	font-weight:normal;
}
header h1 a{display:block;}
header h1 a span{
	position: absolute;
	width:100%;
	height:100%;
	background: url(../images/header.png) no-repeat;
}
header h1 a:hover span{
	background: url(../images/header.png) no-repeat 0 -121px;
}
header h1 a strong{
	display:none;
	visibility:hidden;
}
nav{
	padding: 0px 0 0px;
	display:block;
}
nav ul{
}
nav ul li{
	padding:0 0 2px 0;
	display:block;}
nav ul li a{display:block;}

/*
#navportfolio a{
	position:relative;
	width: 80px;
	height: 18px;
}
#navportfolio a span{
	position: absolute;
	width:100%;
	height:100%;
	background: url(../images/nav_portfolio.png) no-repeat;
}
#navportfolio a:hover span,
#navportfolio a.current span,
#bodyportfolio #navportfolio a span{
	background: url(../images/nav_portfolio.png) no-repeat 0 -18px;
}
#navportfolio a strong{
	display:none;
	visibility:hidden;
}


#navintegration a{
	position:relative;
	width: 144px;
	height: 18px;
}
#navintegration a span{
	position: absolute;
	width:100%;
	height:100%;
	background: url(../images/nav_integration.png) no-repeat;
}
#navintegration a:hover span,
#navintegration a.current span,
#bodyintegration #navintegration a span{
	background: url(../images/nav_integration.png) no-repeat 0 -18px;
}
#navintegration a strong{
	display:none;
	visibility:hidden;
}
#navcollaboration a{
	position:relative;
	width: 144px;
	height: 18px;
}
#navcollaboration a span{
	position: absolute;
	width:100%;
	height:100%;
	background: url(../images/nav_collaboration.png) no-repeat;
}
#navcollaboration a:hover span,
#navcollaboration a.current span,
#bodycollaboration #navcollaboration a span{
	background: url(../images/nav_collaboration.png) no-repeat 0 -18px;
}
#navcollaboration a strong{
	display:none;
	visibility:hidden;
}
#navdirection a{
	position:relative;
	width: 144px;
	height: 18px;
}
#navdirection a span{
	position: absolute;
	width:100%;
	height:100%;
	background: url(../images/nav_direction.png) no-repeat;
}
#navdirection a:hover span,
#navdirection a.current span,
#bodydirection #navdirection a span{
	background: url(../images/nav_direction.png) no-repeat 0 -18px;
}
#navdirection a strong{
	display:none;
	visibility:hidden;
}
*/
header,
section,
footer{
	margin:10px;
	float: left;
	width:180px; 
	overflow:hidden;
	height:206px;
	-moz-box-shadow: 3px 3px 3px #1e2730;
	-webkit-box-shadow: 3px 3px 3px #1e2730;
	box-shadow: 3px 3px 3px #1e2730;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-khtml-border-radius-bottomleft: 6px;
	-khtml-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

header,
footer,
section#sectionservices,
section#sectioncontact{
	background: url(../images/cell_dark.png) repeat 0 100%;
}


section{
	background: url(../images/cell_trans.png) no-repeat 0 100%;
}
	

#bodylabo_objet section{
	width:150px; 
	overflow:hidden;
	height:86px;
	background: url(../images/cell_close.png) no-repeat 0 100%;
}

.theimg{width:180px; height:120px; overflow: hidden;background:#222;}
.theimg img{width:180px;}


.pad{padding:10px;margin:5px 0 20px 0px;}
section h2, .smallcell h2{font-size: 12px;color:#000; font-weight: normal;height:35px;overflow:hidden;}
section .pad div, 
section .pad{font-size: 10px;margin-top:10px;}
section .pad p.desc{font-size: 11px;}

.year{float:left;color:#555;}
.link{float:right;}
.link a img{vertical-align: bottom;}






input#nom, input#email, textarea#message {
	font: 11px arial, sans-serif; 
	margin: 0 0 3px 0;
	width: 343px; 
	border: 1px solid #aeb4b8;
	padding:2px;
	background:transparent;
	border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;}


input#nom:focus, input#email:focus, textarea#message:focus {
	border: 1px solid #fff;}
textarea#message{height:144px;overflow:auto;width: 343px;}



form.formular {
	font-family: helvetica, arial, "sans-serif";
	font-size: 11px;
	padding: 0 15px;
	margin-top:-15px;
}

.formular fieldset {
	margin-top: 0px;
	padding : 0px;
	border:0;
	
}


.formular fieldset label {
	float: none;
	text-align: inherit;
	width: auto;
	margin-top:5px;display:block;
}
.formular fieldset label span {
	margin:0px 0 2px 4px;display:block;
}






.formular .submit {
	
	border:1px solid #78878b;
	color:#000;
	margin-top: 10px;
	padding:0px 8px 2px 2px;
	background:#9ea5a9;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor:pointer;
	height:24px;
}






footer div{background: url(../images/footer.png) no-repeat;height:50px;width:50px;
	margin-top:70px;
	margin-left:63px;
}

em{font-style:italic;}

#flashcontent{
	text-align: center;
}

#centering { 
	margin: 0px auto;padding-top:10px;
}



.link a{
	position:relative;
	width:15px;
	height: 15px;
	overflow:hidden;
	font-size:16px;
	font-weight:normal;display:block;
}
.link a span{
	position: absolute;
	width:100%;
	height:100%;
	background: url(../images/more.png) no-repeat;
}
.link a:hover span{
	background: url(../images/more.png) no-repeat 0 -15px;
}
.link a em, a#closeform em{
	display: none;
	visibility: hidden;
}

a#closeform{
	position:relative;
	display:block;
	width:15px;
	height: 15px;
	overflow:hidden;
	font-size:12px;
	font-weight:normal;
	margin:20px 2px 0 0;
}
a#closeform span{
	position: absolute;
	width:100%;
	height:100%;
	background: url(../images/close.png) no-repeat;
}
a#closeform:hover span{
	background: url(../images/close.png) no-repeat 0 -15px;
}



#bodylabo_objet .link a span{
	position: absolute;
	width:100%;
	height:100%;
	background: url(../images/close.png) no-repeat;
}
#bodylabo_objet .link a:hover span{
	background: url(../images/close.png) no-repeat 0 -15px;
}
label{font-size:10px;margin:0 0 0px 2px;}

#bodyindex section#sectionservices h1{
	color:#ddd;
	font-size:18px;
	line-height:22px;
	margin:20px 0 10px 29px;
}
#bodyindex nav{
	margin-top:10px;
	color:#444;
	font-size:12px;
}
#bodyindex nav ul{
	margin:18px 20px 10px 20px;
	padding:0;
}
#bodyindex nav ul li{
	background: url(../images/li.gif) no-repeat 0 0px;
	padding-left:15px;
	margin:0 0px 4px 0;
	line-height:11px;
}
.floatleft{float:left;}
.floatright{float:right;}