.top-sites{
	width: 355px;
	padding: 0 0 7px 0;
}

.header_page_title{
	background-color: #57668D;
	color: #fff;
	font-size: 11px;
	padding: 2px 26px 2px 26px;
	height: 14px;
}

.right_header
{
	background-color: #57668D;
	color: #fff;
	width: 215px;
	vertical-align: top;
	padding: 30px 0 30px 0;
}

.main-nave{
	background-image: url(../images/synhorcat_fond_nave.gif);
	height: 43px;
	width: 970px;
	text-align: center;
}

.main_header{
	background-image: url(../images/synhorcat_header.gif);	
	height: 115px;
	width: 970px;
}
.title-header
{
	padding-left:270px;
	_padding-left:130px;
	padding-top:10px; 
	font-size:16px;
	font-weight:normal;
	font-family:Helvetica;
	letter-spacing:3px;
}
div.title-header:first-letter 
{
	font-weight:bold;
	font-size:18px;
}

.header-title
{
	height:30px;
	width:960px;
	text-align:center;
	margin:0; 
	padding:5px; 
	background: url(../images/bgr-title.gif) repeat-x;
	color:#000000;
	font-size:14px;
}

.tab-menu { height: 27px;float:left; padding-right: 1px;}
.tab-menu * {
	float: left;
	height: 27px;
	cursor: pointer;
	text-align:center;
	vertical-align: bottom;
}
.tab-menu a, .tab-menu .inv:hover
{
	background: url(../images/middle.jpg) top left repeat-x;
	/* border: 1px solid red; */
	text-decoration:none;
	text-align:center;
	vertical-align:bottom;
	overflow:visible;
	width:27px; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color: white;
	text-decoration:none;
	position: relative;
	
}

.tab-menu .txt
{
	border: 0px solid red;
	position: absolute;
	top: 9px; left: 0px;
	overflow:visible;width:129px;
	height: 15px;
	
}

.tab-menu:hover a,
.tab-menu .ovr a{ background: url(../images/middle.jpg) }

.tab-menu .down a{ background: url(../images/middle.jpg) }

.tab-menu .rLeft,
.tab-menu .rRight { width: 7px }

.tab-menu .rLeft,
.tab-menu .inv:hover .rLeft { background: url(../images/left.jpg) }

.tab-menu:hover .rLeft,
.tab-menu .ovr .rLeft,
.tab-menu .down .rLeft,
.tab-menu .inv .rLeft { background: url(../images/left.jpg) }

.tab-menu .rRight,
.tab-menu .inv:hover .rRight { background: url(../images/right.jpg) }

.tab-menu:hover .rRight,
.tab-menu .ovr .rRight,
.tab-menu .down .rRight,
.tab-menu .inv .rRight { background: url(../images/right.jpg) }

ul#menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu li{
	margin: 0;
}

a.image{
	display: block;
	color: #000;
	font-size: 11px;
	line-height: 18px;
	background: url(syn_images/synhorcat_puce_snave.gif) no-repeat;
	text-decoration: none;
	margin: 0;
	vertical-align: middle;
}

a.image:hover{
	background-image: url(syn_images/synhorcat_puce_snave_on.gif);
	color: #A8C559;
}

a.image span {
	padding: 0 0 0 26px;
	margin: 0;
	display:block;
}

.on_srubr{
	color: #A8C559;
	font-weight: bold;	
}

.sous_2_rubr{  
  display: block;
	font-size: 11px;
	color: #000;
	padding: 0 0 0 12px;
}

.sous_2_rubr a{
  display: block;
	color: #000;
	background-color: inherit;
	text-decoration: none;
	padding: 0 0 0 25px;
	background: url(../../syn_images/synhorcat_2nd_level.gif) 0 0 no-repeat;
}

.sous_2_rubr a:hover{
	color: #A8C559;
	background-color: inherit;
	text-decoration: none;
	background: url(../../syn_images/synhorcat_2nd_level_on.gif) 0 0 no-repeat;
}





.sous_3_rubr{  
  display: block;
	font-size: 11px;
	color: #000;
	padding: 0 0 0 27px;
}

.sous_3_rubr a{
  display: block;
	color: #000;
	background-color: inherit;
	text-decoration: none;
	font-style: oblique;
	padding: 0 0 0 25px;
	background: url(../../syn_images/synhorcat_3rd_level.gif) 0 0 no-repeat;
}

.sous_3_rubr a:hover{
	color: #A8C559;
	background-color: inherit;
	text-decoration: none;
	background: url(../../syn_images/synhorcat_3rd_level_on.gif) 0 0 no-repeat;
}