html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	color: #ececec;
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}

html, body {
	background: #252525 url(../img/body.jpg) no-repeat center top;
}

/* -- un mini clear css vite fait -- */
form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
.pdfdm { clear: both; }
table { border-collapse: collapse; }
ul, ol, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
img { border: 0; }
a, object { outline: none; }
/* -- ends of clear -- */

.gras { font-weight: bold; }

/* -- mumuse avec le fond -- */
#bgwrapper {
	height: 640px;
	width: 940px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	background: transparent;
}
#moveBg {
	display: block;
	position: absolute;
	top: -150px;
	left: 0;
}
#moveBg.nos-metiers {
	top: 0;
	left: 0;
}
#moveBg.vos-projets {
	left  : -1060px;
	top   : 0;
}
#moveBg.contact {
	left  : -530px;
	top   : -1360px;
}
/* -- ends mumuse avec le fond -- */

#main {
	position: relative;
	width: 900px;
	height: 600px;
	margin: 20px auto;
	padding: 20px;
}
#content {
	position: relative;
	height: 600px;
	width: 900px;
	margin: 0;
	padding: 0;
	z-index: 5;
	border: 0;
	background: transparent;
}

#logo { position: absolute; top: -20px; left: -20px; z-index: 99; }
	
/* -- menu du haut -- */
#topMenu {
	font-size: 12px;
	background: #111 url(../img/fond-topMenu.gif) repeat-x top left;
	padding: 5px 0px;
}
#topMenu li {
	display: inline;
	margin: 0px 1px;
}
#topMenu a {
	color: #ffffe0;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 20px;
}
#topMenu li a:hover,
#topMenu a.selecTop {
	text-shadow: 0px 0px 10px #00b9ff;
	color: #fff;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffe0,direction=0px,enabled=0px,strength=10px);
	/* background: #222 url(../img/fond-topMenu-hover.gif) repeat-x top left; */
	
}

#boxofbox, #box, #box #flashcontent {
	width: 560px; height: 450px; }
#boxofbox {
	padding: 10px;
	background: transparent url(../img/ombre-box5.png) no-repeat top left;
	position: absolute;
	top: 60px;
	left: 160px;
	overflow: hidden;
}
#box {
	/* background: #cfcfcf url(../img/fond-box.jpg) no-repeat right top; */
	background: #fff;
	color: #252525;
	text-align: left;
	overflow: hidden;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	behavior:url(border-radius.htc);
}
#box p { line-height: 15px; margin: 0.9em 0px; }

#box img.gauche { float: left; border-right: 1px solid #fff; }
#box #indexContent, #box #presContent, #box #contactContent {
	width: 244px; height: 414px; padding: 18px 20px; overflow-x: hidden; overflow-y: auto; float: left;
}
#box a { color: #b02c38; }
#box a:hover { text-decoration: none; }
.label { width: 55px; }
#box ul { font-size: 120%; margin: 15px 0px; }
#box li { margin-bottom: 7px; background: #c9c9c9; padding: 0px 3px; height: 20px;  }
#box li.deux { background: #c7c7c7; }
#box li.trois { background: #bcbcbc; }
#box li.quatre { background: #bebebe; }
#box li.cinq { background: #b2b2b2; }
#box li.six { background: #999; }
#box li span { padding: 0px 10px; padding-top: 2px; height: 18px; background: #efefef; float: left; }
#box li, #box li span { display: block; }

h1 { color: #8e0f1d; font-size: 15px; margin: 0; }
h2 { font-style: bold; font-size: 12px; }
.messErr, .champOb { color: #8e0f1d; }

#contactContent input, #contactContent textarea {
	border: 1px solid #252525;
	vertical-align: middle;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior:url(border-radius.htc);
}
#contactContent input { height: 17px; }