*{
	margin: 0px;
	padding: 0px;
	font: 12px Arial, Tahoma
}

body{
	padding: 20px 40px;
	background:#fff;
	color: #000;
	text-align: center;
}

table{
	border-collapse: collapse;
}

table tr td{
	text-align: left;
}

img{
	border: none;
}

#main{
	width: 921px;
	margin:0 auto;
}

#top-menu, #top-submenu{
	height: 25px;
	text-align: center;
	padding-left: 20px;
}

#top-submenu{
	padding-left: 60px !important;
}
#top-menu ul, #top-submenu ul{
	text-align: center;
	list-style: none;
	display: block;
	margin:0 auto;
}

#top-menu ul li, #top-submenu ul li{
	display: inline;
	position: relative;
	left: auto;
	display: block;
	float: left;
}


#top-menu ul li span a, #top-submenu ul li span a{
	text-decoration: none;
	height: 20px;
	float: left;
	padding: 5px 26px 0px 36px;
	color: #005958;
	font: bold 13px Arial;
}

#top-menu ul li span, #top-submenu ul li span{
	display: block;
	float: left;
	color: #005958;
	display: block;
	padding-bottom: 0px;
	padding-right: 10px;
}

#top-menu ul li:hover span, #top-menu ul li.selected span{
	background: url(../images/tab.png) no-repeat right top;
}

#top-menu ul li:hover span a, #top-menu ul li.selected span a{
	background: url(../images/tab.png) no-repeat left top;
}

#top-submenu ul li:hover span, #top-submenu ul li.selected span{
	background: url(../images/tab.png) no-repeat right bottom;
}

#top-submenu ul li:hover span a, #top-submenu ul li.selected span a{
	background: url(../images/tab.png) no-repeat left bottom;
}

#top-submenu ul li:hover span.direct
{
	background: url(../images/tabd.png) no-repeat right top !important;
}
#top-submenu ul li.selected span.direct{
	background: url(../images/tab.png) no-repeat right top !important;
}

#top-submenu ul li:hover span.direct a {
	background: url(../images/tabd.png) no-repeat left top !important;
}
#top-submenu ul li.selected span.direct a {
	background: url(../images/tab.png) no-repeat left top !important;
}

/* ---------------- submenu ---------------------------- */

div.submenu {
	display: block;
	height: auto;
	float: left;
	z-index: 100;
	text-align: left !important;
	position: absolute;
	left: 0px;
	padding-bottom: 19px;
	background: url( ../images/tabb3.gif ) right bottom no-repeat;
	margin-top: 25px;
}

.imenu2 div.submenu {
	background: url( ../images/tab1.gif ) left bottom no-repeat;
	width: 153px;
}

.imenu4 div.submenu {
	background: url( ../images/tab4.gif ) left bottom no-repeat;
	width: 247px;
}

.ibmenu3 div.submenu {
	background: url( ../images/tabb3.gif ) left bottom no-repeat;
	width: 223px;
}

div.submenu ul {
	display: block !important;
	width: 100%;
	background: #fff;
}

div.submenu ul li{
	display: block !important;
	float: none !important;
	text-align: left;
	padding: 0px 14px;
	padding-top: 8px;
	border-left: 1px solid #cca97a;
	border-right: 1px solid #cca97a;
}

div.submenu a{
	margin: 5px 0px;
	color: #005958;
	text-decoration: underline;
	white-space: normal !important;
}

#top-menu ul li:hover div.submenu, #top-submenu ul li:hover div.submenu{
	display: block;
}

#top-menu ul li div.submenu, #top-submenu ul li div.submenu{
	display: none;
}
/* ---------------- /submenu ---------------------------- */

#logo{
	width: 100%;
	height: 218px;
	background: url(../images/logo.jpg) no-repeat left top;
}

.index-up-block{
	margin-top: 35px;
	height: 163px;
}

.index-up-block td{
	vertical-align: top;
}

.index-up-block .logo{
	width: 350px;
}

.index-up-block .banner{
	width: 342px;
}

.index-up-block .vacansions{
	padding-left: 42px;
	padding-top: 10px;
	width: 230px;
}
.vacansions table thead td{
	color: #f00;
	font: bold 13px Arial;
	text-align: left;
	padding-bottom: 18px;
}

.vacansions table tbody a{
	text-decoration: underline;
	color: #000;
}

.vacansions table tfoot td{
	padding-top: 30px;
}

.vacansions table tfoot a{
	text-decoration: underline;
	color: #005958;
	font: bold 13px Arial;
}

.index-middle-block{
	margin-top: 52px;
}

.index-middle-block td {
	vertical-align: top;
}

.index-middle-block .blank{
	width: 80px;
}

.index-middle-block .news-annonce{
	width: 294px;
	background: url( ../images/line.png ) right top no-repeat;
}

.index-middle-block .quiz{
	width: 317px;
	text-align: center;
	background: url( ../images/line.png ) right top no-repeat;
}

.index-middle-block .to-know{
	width: 230px;
}

.news-annonce table thead td{
	background: url(../images/icons.png) 0px -58px no-repeat;
	height: 35px;
	display: block;
	padding-left: 45px;
	font: italic 22px Arial;
	color: #f00;
	padding-top: 5px;
}

.news-annonce table tfoot td a{
	font: bold 13px Arial;
	color: #005958;
}

.news-annonce table tfoot td{
	padding-top: 26px;
}

.news-annonce table tbody td{
	padding-top: 14px;	
}

.news-annonce table tbody td a{
	font: bold 13px Arial;
	color: #000;
}

.news-annonce table tbody td h3{
	padding: 3px 0px;
}

.quiz table{
	margin:0 auto;
	width: 240px;
}
	
.quiz table thead td{
	background: url(../images/icons.png) 0px -97px no-repeat;
	height: 35px;
	display: block;
	padding-left: 45px;
	font: italic 22px Arial;
	color: #307877;
	padding-top: 5px;
}

.quiz table tfoot td{
	padding-top: 14px;
}

.quiz table tbody td{
	font-size: 15px;
	padding-top: 15px;
}

.quiz table table{
	margin-top: 25px;
	margin-left: -17px;
}

.quiz table table.quiz-table td{
	height: 72px;
	width: 80px;
	text-align: center;
	color: #8f5110;
	font: bold 12px Arial;
	cursor: pointer;
	padding: 0px !important;
	border: 0px !important;
}

.quiz-table-class {
	margin-top: 25px;
	margin-left: -17px;
}

.quiz-table-class td{
	height: 20px;
	width: auto;
	text-align: left;
	color: #000;
	padding: 4px !important;
	padding-left: 20px !important;
	border: 0px !important;
}

.quiz td.yes{
	background: url(../images/yes.png) center bottom no-repeat;
}

.quiz td.unsure{
	background: url(../images/unsure.png) center bottom no-repeat;
}

.quiz td.no{
	background: url(../images/no.png) center bottom no-repeat;
}

.to-know table{
	width: 188px;
	float: right;
}

.to-know table thead td{
	background: url(../images/icons.png) 0px -138px no-repeat;
	height: 35px;
	display: block;
	padding-left: 45px;
	font: italic 22px Arial;
	color: #307877;
	padding-top: 5px;
}

.to-know table tfoot td{
	padding-top: 40px;
	text-align: center;
}

.to-know table tbody td{
	font-size: 15px;
	padding-top: 15px;
}

#footer{
	margin-top: 29px;
	border-top: 2px solid #f6eacf;
	width: 880px;
	float: right;
	margin-right: -37px;
}

.copyright{
	width: 234px;
	float: right;
	height: 30px;
	font-size: 10px;
	text-align: left;
	padding-top: 10px;
	color: #525252;
}

.copyright a{
	font-size: 10px;
	color: #d1a767;
	text-decoration: underline;
}

.footer-navi{
	float: left;
	height: 30px;
	padding-top: 10px;
}

.footer-navi a{
	display: block;
	float: left;
}

.home-link{
	height: 33px;
	width: 31px;
	background: url( ../images/icons.png ) 0px -180px no-repeat;
}

.delim{
	display: block;
	float: left;
	height: 18px;
	width:9px;
	background: url( ../images/icons.png ) 0px -214px no-repeat;
	margin: 0px 15px;
}

.contact-link{
	height: 18px;
	width: 25px;
	background: url( ../images/icons.png ) 0px -233px no-repeat;
}

.sitemap-link{
	height: 18px;
	width: 25px;
	background: url( ../images/icons.png ) 0px -252px no-repeat;
}

.home2-link{
	height: 18px;
	width: 25px;
	background: url( ../images/icons.png ) 0px -271px no-repeat;
}

/* directline */
#dlContacts {width:270px; height:30px; font-size:10px; color:#525252; float:right; padding-top:10px; text-align:left; }

#dlBranches {position:absolute; background-color:#f6e8ce; z-index:50; padding:20px; top:120px; left:30px;}
#dlBranches .dashed {font-size:16px; color:#005958; font-weight:bold; text-decoration:none; border-bottom:2px dashed #005958;}
#dlBranches dt {white-space:nowrap; margin-top:10px;}
#dlBranches dt a {font-weight:bold;}
#dlBranches dd {white-space:nowrap; padding-left:10px;}
#dlBranches td {padding-right:20px;}
#dlBranches a {color:#005958;}