/**/
body {
	margin:0;
	background: #000;
}
body, td, th, a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#fff;
}
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#fff;
	background-color:#000000;
	border: thin solid #5C5C5C;
	width: 300px;
	height: 13px;
	text-decoration: none;
}
a {
	text-decoration: none;
	color:#B7B7B7;
}
textarea {
	height: 150px;
}
.clear {
	clear:both;
}
p {
	margin:0px;
	padding:5px;
}
ul, li {
	margin:0px;
	padding:5px;
	margin-left:15px;
}
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#B7B7B7;
	margin:0px;
	padding:5px;
}

/*-----------------------------------------------------------*/
#page {
	margin:0px auto;
	position:relative;
	padding:0px;
	width:818px;
	height:auto;
	text-align:center;
}
/* header */
#bg_text {
	position:absolute;
	left:20%;
	padding-top:100px;
	color:#8B8B8B;
	width:400px;
}
#header {
	margin:auto;
	position:relative;
	height:218px;
	background:url(images/obox_header.jpg) no-repeat;
}
#header .logo {
	position:absolute;
}
#header .logo {
	top:46px;
	left:16px;
	width:156px;
}
#header_flash {
	margin:auto;
	height:72px;
	width:812px;
}
#header_flash .href1 {
		display:block;
		float:left;
		margin-left:8px;
		background:url(images/accueil.jpg) no-repeat 0% 100%;
		width:165px;
		height:72px;
}
#header_flash .href1:hover {
		background:url(images/accueil.jpg) no-repeat 0% 0%;
}
#header_flash .href2 {
		display:block;
		float:left;
		margin:0;
		background:url(images/competences.jpg) no-repeat 0% 100%;
		width:153px;
		height:72px;
}
#header_flash .href2:hover {
		background:url(images/competences.jpg) no-repeat 0% 0%;
}
#header_flash .href3 {
		display:block;
		float:left;
		margin:0;
		background:url(images/solutions.jpg) no-repeat 0% 100%;
		width:153px;
		height:72px;
}
#header_flash .href3:hover {
		background:url(images/solutions.jpg) no-repeat 0% 0%;
}
#header_flash .href4 {
		display:block;
		float:left;
		margin:0;
		background:url(images/references.jpg) no-repeat 0% 100%;
		width:153px;
		height:72px;
}
#header_flash .href4:hover {
		background:url(images/references.jpg) no-repeat 0% 0%;
}
#header_flash .href5 {
		display:block;
		float:left;
		margin:0;
		background:url(images/contact.jpg) no-repeat 0% 100%;
		width:167px;
		height:72px;
}
#header_flash .href5:hover {
		background:url(images/contact.jpg) no-repeat 0% 0%;
}
/* fin header*/

/* main  */
#main {
	margin:10px auto;
	background:url(images/obox_text_bg.gif) no-repeat 0 0;
	width:791px;
	height:393px;
	text-align:justify;
} 
#main .text{
	padding:17px;
	color:#B7B7B7;
}
#main .text_petit{
	font-size: 10px;
}

#main .liste1 {
	clear:both; text-align:center; width:700px;border:#FFFF00 1px solid
}
#main .liste1 .div1{
	border:#FFFF00 1px solid;margin :auto; text-align:center
}
#main .liste1 .div2{
	/*display:inline-block;*/
	padding:10px; width:160px; text-align:center;
}
/* main  */
/*contact fom*/
#form{
	padding:10px;
	padding-left:57px;
}
#form .formChamp{
	clear:both;
	padding-bottom:5px;
}
#form .formLabel{
	float:left; width:200px;
	color:#B7B7B7
}
#form .submit{
	border:1px solid #FFFFFF;
	background:#5C5C5C;
	color:#FFFFFF;
	height:23px;
	width:100px;
}
#form .input:hover{
	border:1px solid #FFFFFF;
}
#form .input:focus{
	border:1px solid #FFFFFF;
}
.parcours {
	height: 18px;
	width: 300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#fff;
	background-color:#000000;
}

/*footer*/
#footer { font-family:Arial, Helvetica, sans-serif; padding:20px 20px 20px 20px;}
#footer .nav { text-align:center; padding-bottom:20px;}
#footer .nav li { display:inline;}
#footer .nav li a { padding:0 30px 0 10px;}