body{
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	background:url(../images/bluemediumshadow.png) repeat-x 0px 0px;
}

div.container{
	width:780px;/*
	height:500px;
	border-left:1px solid #5ba9eb;
	border-right:1px solid #5ba9eb;*/
	margin-left:auto;
	margin-right:auto;
}

/*****************************************************
control navigation bar
*****************************************************/
div.navcontainer{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:auto;/*
	height:58px;*/
	height:124px;
}

#navibar{
	width:auto;
	height:42px;
	margin:0px;
	padding:0px;
	padding-top:5px;
	position: relative;/*
	border:1px dashed #CC99FF;violet pale*/
}
#navibar li{/**/
	margin: 0;
	padding: 0;
	top: 0;
	list-style: none;
	position:relative;
}
#navibar li, #navibar a{
	margin: 0;
	padding: 0;
	width:auto;
	height:42px;
   display:inline;
}
/*****************************************************
divide the html page in two colomns
*****************************************************/
#columnleft{
	width:385px;
	height:auto;/*
	border:1px dashed #00FFFF;bleue ciel*/
	float:left;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
}

#columnright{
	width:385px;
	height:auto;/*
	border:1px dashed #CC99FF;violet pale*/
	float:right;
	top:0px;
	right:0px;
	margin:0px;
	padding:0px;
}

/*****************************************************
logo
*****************************************************/
#logo{
	background:url(../images/logo.png) no-repeat;
	width:496px;
	height:84px;
	margin-left:auto;
	margin-right:auto;
}

/*****************************************************
images
*****************************************************/
#images1{
	background:url(../images/images1.png) no-repeat;
	width:115px;
	height:220px;
	float:right;/*
	top:0px;*/
	right:0px;
	margin:0px;
	margin-top:10px;
	padding:5px 10px 0px 10px;
	position:relative;
}

div.imgwelcome{
	background: url(../images/welcome.jpg) no-repeat;
	width:370px;
	height:246px;
	float:left;
	border:2px solid #0aafed;
}

div.imglogo{
	background: url(../images/logo.jpg) no-repeat;
	width:300px;
	height:400px;
	float:right;
	border:2px solid #0aafed;
}


div.imgdesign{
	background: url(../images/design.jpg) no-repeat;
	width:370px;
	height:208px;
	float:left;
	border:2px solid #0aafed;
}

div.imgengineering{
	background: url(../images/engineering.jpg) no-repeat;
	width:370px;
	height:299px;
	float:left;
	border:2px solid #0aafed;
}

div.imgcontact{
	background: url(../images/contact.jpg) no-repeat;
	width:370px;
	height:246px;
	float:left;
	border:2px solid #0aafed;
}


#imagenmore{
	background:url(../images/image&more.png) no-repeat;
	width:125px;
	height:86px;
	margin-left:10px;
}

a.morebtn, a.morebtn:hover{
	width:132px;
	height:91px;
	padding:0px;
	margin:0px;
	float:right;
}

img.logo{
	text-decoration:none;
	border:none;
}
/*****************************************************
control the btm page
*****************************************************/
div.info{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	color:#007cc1;
}

hr.separationblue{
	border:0px;
	border-top:1px solid #007cc1;
	margin-top:15px;
}

/*****************************************************
*****************************************************/
div.tablebox{
	background:url(../images/tile.png) 0px 0px no-repeat;
	width:auto;
	height:auto;
}

div.moreinfo{
	float:right;
	right:6px;
	position:relative;
}




/*****************************************************
form
*****************************************************/
table.yourdetails{
	width:370px;
	border:none;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	position:relative;
}

td.askinfo{
	width:180px;
	vertical-align:text-top;
}

td.replyinfo{
	width:190px;
}

input.yourdetails{
	width:180px;
}

/*****************************************************
btn top
*****************************************************/
div.topbtn{
	background-image:url(../images/top.png);
	width:14px;
	height:14px;
	float:right;
	right:0px;
}

a.topbtn{
	padding-right:14px;
}

/*****************************************************
google map
****************************************************
	text-align:center;
	margin-left:auto;
	margin-right:auto;*/
#map{
	display:block;
	border:2px solid #0aafed;
}


/*****************************************************
latest news
*****************************************************/
div.news_box{
	width:auto;
	height: auto;
	position:relative;
	margin:0px;
	padding:0px;
	border-bottom:1px dashed #007cc1;
}

/*****************************************************
controlcontent
*****************************************************/
ul#controlcontent{
	margin-left:auto;
	margin-right:auto;
	width:156px;
	display: block;
}

ul#controlcontent li{
	display:inline;
	list-style:none;
	display:inline;
	padding:0;
	margin:0;
}

ul#controlcontent li#aplus a, ul#controlcontent li#aplus a:link, ul#controlcontent li#aplus a:visited{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#cccccc;
	width:30px;
	height:30px;
	padding:5px 5px 5px 5px;
	font-size:20px;
	font-weight:bold;
	color:#4c4c4c;
	text-decoration:none;
}

ul#controlcontent li#aplus a:hover, ul#controlcontent li#aplus a:focus{
	color:#FFFFFF;
}

ul#controlcontent li#aminus a, ul#controlcontent li#aminus a:link, ul#controlcontent li#aminus a:visited{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#cccccc;
	width:30px;
	height:30px;
	padding:5px 5px 5px 5px;
	font-size:15px;
	font-weight:bold;
	color:#4c4c4c;
	text-decoration:none;
}

ul#controlcontent li#aminus a:hover, ul#controlcontent li#aminus a:focus{/*
	background: transparent url(../images/controlcontent.png) -233px 0px no-repeat;*/
	color:#FFFFFF;
}

#rss{
	left:104px;
	width:50px;
}

#rss a:hover, #rss a:focus{
	background: transparent url(../images/controlcontent.png) -280px 0px no-repeat;
}

img.onglet_img{
	text-decoration:none;
	border:none;
}

/*****************************************************
contol btn validator
*****************************************************/
#controlinfo{
	text-align:center;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	width:176px;
	height:17px;
	position: relative;
	background: url(../images/infoicon.png) no-repeat;
}
#controlinfo li{
   margin: 0;
   padding: 0;
   list-style: none;
   position: absolute;
   top: 0;
}
#controlinfo li, #controlinfo a{
   display: block;
   height:17px;
}

#xhtml{
	left:0px;
	width:63px;
}

#xhtml a:hover, #xhtml a:focus{
	background-color:#cccccc;
	width:20px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:10px;
	line-height:15px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:0px 10px;/*
	background: transparent url(../images/infoicon.png) 0px -21px no-repeat;
	border:1px solid #CC3366;*/
}

#css{
	left:71px;
	width:44px;
}

#css a:hover, #css a:focus{
	background-color:#cccccc;/*
	background: transparent url(../images/infoicon.png) -71px -21px no-repeat;
	border:1px solid #CC3366;*/
}

#wai{
	left:123px;
	width:52px;
}

#wai a:hover, #wai a:focus{
	background: transparent url(../images/infoicon.png) -123px -21px no-repeat;/*
	border:1px solid #CC3366;*/
}

div.helpcolumnleftdisplay{
	width:auto;
	height:auto;/*
	border:1px dashed #00FFFF;bleue ciel*/
	float:left;
	top:0px;
	left:0px;
	margin:0px;
	margin-left:10px;
	padding:0px;
}
div.helpcolumnrightdisplay{
	width:auto;
	height:auto;/*
	border:1px dashed #00FFFF;bleue ciel*/
	float:left;
	top:0px;
	left:0px;
	margin:0px;
	margin-left:10px;
	padding:0px;
}

div#copyright{
	margin-left:auto;
	margin-right:auto;
	width:650px;
	display:block;
}