/**
 * @copyright	Copyright(c) 2005-2006, IC Zones
 * @author		Guillaume Lacroix
 * @since		2007,02,28
 * @package		CSS
**/
html {
	height:100%;
}

body{
	background-image:			url( ../img/background/backMain.jpg );
	background-color:			#9fb666;
	background-repeat:		repeat-x;
	height:						100%;
	margin:						0px;
	padding:						0px;
	text-align:					center;
}

table{
	vertical-align:			top;
}
div.button{
	background-image:			url( ../img/btn/btn1.png );
	background-repeat:		no-repeat;
	width:						137px;
	height:						27px;
	font-size:					10px;
	font-family:				Arial;
	padding-top:				6px;
	cursor:						pointer;
}
div.buttonOver{
	background-image:			url( ../img/btn/btnOver.png );
	background-repeat:		no-repeat;
	width:						137px;
	height:						27px;
	font-size:					10px;
	font-family:				Arial;
	padding-top:				6px;
	cursor:						pointer;
	color:						#a16e02;
}

table.mainTable{
	width:						auto;
	height:						767px;
}

table.mainTable tr.mainTr{
	width:						100%;
}

table.mainTable td.leftTd,
table.mainTable td.rightTd{
	width:						auto;
	height:						100%;
}

table.mainTable td.centerTd{
	width:						800px;
	vertical-align:			top;
	text-align:					left;
}

table.centerTable{
	background-image:			url( ../img/background/backMainTable.jpg );
	width:						800px;
	height:						748px;
	background-repeat:		no-repeat;
}

tr.centerTop{
	width:						100%;
	height:						180px;

}
td.centerTop{
	text-align:					left;
	padding-left:				15px;

}

tr.centerMiddle{
	text-align:					center;
	width:						100%;
	height:						307px;

}

a.footerLink {
	cursor:					pointer;
	font-family:			Arial;
	font-size:				10px;
	color:					#669410;
	font-weight:			normal;
	margin-left:			20px;
	margin-top:				-50px;
	float:					left;
	cursor:					pointer;
	z-index:					999;
	position:				absolute;
	text-decoration:		none;
}
a.footerLink:hover{
	text-decoration:		underline;
}

td.footerTd{
	text-align:				left;
}

div.footerField{
	width:					1014px;
	height:					55px;
	margin-left:			-112px;
	margin-top:				-55px;
	position:				absolute;
	background-image:		url( ../img/footer/bottomField.png );
}
tr.headLogo,
tr.headLogo td{
	width:					100%;
	height:					130px;
	text-align:				left;
	vertical-align:		top;
}

img.logoPRO{
	position:				absolute;
	margin-top:				37px;
	margin-left:			20px;
}

tr.rowContent,
tr.rowContent td {
	width:					100%;
	height:					523px;
}

div.boxContain{
	position:				absolute;
	margin-left:			490px;
}

span.copyRight{
	color:					#636363;
	font-family:			Arial;
	font-size:				9px;
	position:				absolute;
	margin-top:				30px;
	float:					left;
	margin-left:			30px;
	margin-top:				-30px;
}

#aAcc{
	margin-left:		30px;
}
#aPro{
	margin-left:		100px;
}
#aSer{
	margin-left:		260px;
}
#aList{
	margin-left:		410px;
}
#aIntra{
	margin-left:			730px;
}

div.mainLogo{
	cursor:					pointer;
	background-image:		url( ../img/logo/logoServicesPRO.jpg );
	width:					411px;
	height:					105px;
	position:				absolute;
	margin-left:			40px;
	margin-top:				35px;
}

span.concept{
	color:					#636363;
	font-family:			Arial;
	font-size:				9px;
	position:				absolute;
	margin-top:				30px;
	float:					left;
	margin-left:			660px;
	margin-top:				-30px;
	z-index:					999;
	cursor:					pointer;
	text-decoration:		none;
}
span.concept a{
	color:					#636363;
	font-family:			Arial;
	font-size:				9px;
	text-decoration:		none;
}
div.footer1800{
	background-image:		url( ../../img/footer/1800Pelouse.png );
	background-repeat:	no-repeat;
	width:					113px;
	height:					13px;
	position:				absolute;
	margin-top:				-50px;
	margin-left:			570px;
}

img.ICZones{
	position:				absolute;
	margin-top:				-28px;
	margin-left:			662px;
	border:					none;
	z-index:					999;
}

a.linkEnglish{
	color:					#669410;
	position:				absolute;
	cursor:					pointer;
	text-decoration:		none;
	position:				absolute;
	margin-left:			325px;
	margin-top:				10px;
	font-size:				12px;
	font-family:			Arial;
}

a.linkEnglish:hover{
	text-decoration:		underline;
}
div.button3,
div.button2,
div.button1{

	background-repeat:		no-repeat;
	width:						137px;
	height:						27px;
	font-size:					10px;
	font-family:				Arial;
	padding-top:				6px;
	cursor:						pointer;
}
div.button3{
	background-image:			url( ../img/btn/btn1.png );
}
div.button2{
	background-image:			url( ../img/btn/btn2.png );
}
div.button1{
	background-image:			url( ../img/btn/btn3.png );
}
div.button3Over,
div.button2Over,
div.button1Over{
	background-image:			url( ../img/btn/btnOver.png );
	background-repeat:		no-repeat;
	width:						137px;
	height:						27px;
	font-size:					10px;
	font-family:				Arial;
	padding-top:				6px;
	cursor:						pointer;
	color:						#a16e02;
}

div.button3Over{
	background-image:			url( ../img/btn/btn1Over.png );
}
div.button2Over{
	background-image:			url( ../img/btn/btn2Over.png );
}
div.button1Over{
	background-image:			url( ../img/btn/btn3Over.png );
}


div#backField{
	position:				absolute;
	margin-top:				-35px;
	left:						0px;
	height:					35px;
	background-image:		url( ../../img/footer/bottomHerbs.png );
	z-index:					1;
}