/* CSS Document */

*	{
	padding:0px;
	margin:0px;
}
html, body	{
	height:100%;
	background:url(../common/pictures/background.jpg) repeat;
}
a{ color:#1C3460; }
.blue{ color:#1C3460; }
#container	{
		position:absolute;
		top: 5px;
		left: 0;
		width: 100%;
		height: 1px;
		overflow: visible;
		display: block;
}
#offLineContent {
	position:absolute;
	top:0;
	width: 980px; 
	height: 15px; 
	left: 50%;
	margin-left: -491px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-align:right;
}
#seponOf {
	width: 792px; 
	height: 15px; 
	float:left;
}
#offLine {
	color:#FFFFFF;
	width: 85px; 
	height: 15px; 
	float:left;
	text-align:right;
}
#onLine {
	color:#FFFFFF;
	width: 94px; 
	height: 15px; 
	float:left;
	text-align:left;
}
#onLine a{
	color:#FFFFFF;
	text-decoration:none;
}
#offLine a{
	color:#FFFFFF;
	text-decoration:none;
}
#content	{
	position:absolute;
	top:15px;
	width: 980px;
	height: 745px; 
	background:#FFFFFF; 
	left: 50%;
	margin-left: -490px;
	border:#FAB700 1px solid;
}
/* Structure de base de la page */
#col1 { 
	background:url(pictures/logo.gif) no-repeat top left;
	width: 283px; 
	height: 97px; 
	float:left;
}
#col2 { 
	width: 697px; 
	height: 97px; 
	float:left;
}
#orderControl{
	width: 980px; 
	height:17px;
}
#result_container{
	float:left;
	background: #FFFFFF;
	overflow:auto; 
	overflow-x:hidden;
	overflow-y:scroll;
	width: 934px; 
	height:532px; 
	padding-bottom: 1px;
	padding-left: 22px;
	padding-right: 2px;
	color: #300A06;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.resultSection{
	background: #FDE9B2;
	width: 920px; 
	height:150px;
	margin-bottom:5px;
	float:left;
}
.resultPict{
	width: 245px; 
	height:133px;
	padding-top:6px;
	text-align:center;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}
.resultText{
	color: #300A06;
	width: 668px; 
	height:141px;
	padding-top:5px;
	float:left;
	padding-right:5px;
}
.resultBlueTitle{
	background:url(pictures/blueTitle.gif) no-repeat top left;
	text-align:left;
	width: 244px; 
	height:39px;
	padding-left:23px;
	padding-top:1px;
	padding-right:141px;
	line-height:14px;
	float:left;
	color: #FAB700;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	
	font-weight:bold;
}
.resultSSBlueTitle{
	float:right;
	padding-top:3px;
	font-weight:normal;
}
.resultYellowTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight: normal;
	background:url(pictures/yellowTitle.gif) no-repeat top left;
	text-align:left;
	width: 229px; 
	height:39px;
	padding-left:9px;
	padding-top:1px;
	padding-right:9px;
	float:left;
}
.resultDate{
	padding-top:3px;
	float:left;
	width:177px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight: normal;
	text-align:left;
}
.resultOnline{
	padding-top:2px;
	float:left;
	width:52px;
	color: #300A06;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight: normal;
	text-align:left;
}
.resultOnline a{
	color: #300A06;
	text-decoration:none;
}
.resultTitle{
	float:left;
	color: #1C3460;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	width:668px;
	height:20px;
}
.resultAdd{
	width:668px;
	float:left;
	padding-bottom:6px;
	display:block;
}
.resultContact{
	height:28px;
	width:600px;
	float:left;
}
.resultAjoutSelect{
	height:12px;
	width:190px;
	float:left;
	text-align:right;
	padding-top:40px;
	font-size:10px;
}
#peopleOnLine{
	background:url(http://www.horsemeeting.com/templates/common/pictures/people_online2.gif) no-repeat;
	/*background:url(../common/pictures/people_online_replacement.gif) no-repeat;*/
	width: 980px; 
	height: 92px; 
	float:	left;
}
#peopleOnLineTitle{
	width: 980px; 
	height: 15px;
	float:	left;
	text-align:center; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #300A06;
}
#peopleOnLineContainer{
	width: 980px; 
	height: 77px; 
	float:	left;
	line-height:11px;
	margin-left:38px;
}
#hpo1, #hpo2, #hpo3, #hpo4, #hpo5, #hpo6, #hpo7, #hpo8  {
	display:none;
	width: 122px; 
	height: 70px;
	margin-top: 6px;
	float:left;
	list-style:none;
	text-align:center;
}
#hpo1 a, #hpo2 a, #hpo3 a, #hpo4 a, #hpo5 a, #hpo6 a, #hpo7 a, #hpo8 a  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	color: #300A06;
	text-decoration:none;
}
#hpo1 img, #hpo2 img, #hpo3 img, #hpo4 img, #hpo5 img, #hpo6 img, #hpo7 img, #hpo8 img {
	border:none;
}

#peopleOnLineSection{
	margin-left: 20px;
	margin-right: 20px;
	width: 75px; 
	height: 71px; 
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	
	color: #300A06;
	padding-top:6px;
	text-align:center;
	float:left;
}

#bottom_menu{
	padding-top:2px;
	width:980px;
	height:20px;
	float:left;
}

/* style des éléments */
#logo {
	clear:both;
	background:url(pictures/logo.gif) no-repeat top left;
	width: 283px; 
	height: 78px; 
	float:left;
}
#menu_top_container{
	width: 697px; 
	height:78px; 
	float:left;
}
#menu_top_1{
	background:url(pictures/menu_1.gif) no-repeat top left;
	/*background:#CCCCCC;*/
	width: 573px; 
	height: 22px; 
	float:left;
	padding-top: 22px;
	text-align:center;
}
#menu_top_1 a{
	border: none;
	background: none;
	color: #FFFFFF;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:8px;
	padding-right:8px;
}
#menu_top_2{
	background:url(pictures/menu_2.gif) no-repeat top left;
	width: 674px; 
	height: 20px; 
	float:left;
	padding-top: 6px;
	text-align:center;
	padding-right:23px;
}
#menu_top_2 a{
	border: none;
	background: none;
	color: #300A06;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:15px;
	padding-right:15px;
}
#menu_top_3{
	width: 674px; 
	height: 19px; 
	float:left;
	padding-top: 9px;
	padding-right:23px;
	text-align:center;
}
#menu_top_3 a{
	border: solid 1px #300A06;
	background:#F9B701;
	color: #300A06;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:6px;
	padding-right:6px;
	margin-left:3px;
	margin-right:3px;
	cursor:pointer;
}
#menu_top_3 a.selected{
	border: solid 1px #F9B701;
	background:#300A06;
	color: #F9B701;
	cursor:pointer;
}
#horse_chat{
	width: 122px; 
	height: 34px; 
	float:left;
	padding-top:10px;
	padding-left:2px;
	display:block;
}
.clignChat{
	background:url(http://www.horsemeeting.com/templates/common/pictures/hchat_mess.gif) no-repeat top left;
	width: 103px; 
	height: 18px; 
	float:left;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	padding-top:16px;
	
}
.record{
	width: 212px; 
	height: 80px; 
	padding-left:12px;
	float:left;
}
.record a{
	text-decoration:none;
	color: #300A06;
	cursor:pointer;
	border:none;
}
img {
	border:none;
}
.minipict{
	width: 75px; 
	height: 72px; 
	padding-top:8px;
	float:left;
	font-size:10px;
	text-align:center;
}
.minitext{
	width: 137px; 
	height: 49px; 
	padding-top:8px;
	float:left;
	font-size:10px;
}
.online{
	position:relative;
	width: 137px; 
	height: 16px; 
	float:left;
	font-size:10px;
}

/* jq : Login */
#loginModal	{
		background:url(../common/pictures/login.gif) no-repeat left top;
		width: 506px;
		height: 220px;
		overflow: visible;
		display: block;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight: normal;
		color: #300A06;
}
#loginModal	a{
	color: #300A06;
	cursor:pointer;
	text-decoration: underline;
}
#loginLeft	{
	width:	233px;
	height:	220px;
	float:	left;
	padding-left: 10px;
	padding-right: 10px;
}
#loginLeft h1	{
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #300A06;
	padding-top:14px;
	padding-bottom:20px;
}

#loginLeft input{
	border: #FAB700 solid 1px;
	width: 90px;
	height: 16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.loginLeftLeft{
	float:left;
	padding-right:2px;
	width:93px;
	height:18px;
	padding-top:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:right;
}
.loginLeftRight{
	float:left;
	padding-right:2px;
	width:93px;
	height:18px;
	padding-top:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:right;
}
.loginLeftCenter{
	float:left;
	width:233px;
	height:21px;
	padding-top:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}

#loginLeft h2, #loginRight h2 {
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	color: #300A06;
	position:absolute;
	top:170px;
	width:233px;
}
#loginLeft h2{
	left:10px;
}
#loginRight	{
	width:	233px;
	height:	220px;
	float:	left;
	padding-left: 10px;
	padding-right: 10px;
}
#loginRight h1	{
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #300A06;
	padding-top:14px;
	padding-bottom:20px;
}
#loginLeft h2 a, #loginRight h2 a {
	color: #300A06;
	cursor:pointer;
	text-decoration: underline;
}
.loginRequest{
	height: 21px;
}
.loginRequest input{
	border: #FAB700 solid 1px;
	width: 75px;
	height: 16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.signupLeft{
	float:left;
	padding-right:2px;
	width:93px;
	height:18px;
	padding-top:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:right;
}
.signupRight{
	padding-left:2px;
	padding-right:2px;
	float:left;
	width:91px;
	height:20px;
	text-align:left;
}
.signupCenter{
	float:left;
	width:220px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight: normal;
	text-align:center;
}
#signupOK, #signupOK2, #signupOK3 {
	float:right;
	width:30px;
	height:32px;
	padding-top:8px;
}
#signupOK2{
	height:25px;
	padding-top:0px;
}
#signupOK3{
	height:26px;
	padding-top:10px;
}
#signupOK, #signupOK2, #signupOK3 a{
	font-weight:bold;
	cursor:pointer;
}
#menu_tri{
	width: 674px; 
	height: 21px; 
	float:left;
	padding-top: 7px;
	padding-right:23px;
	text-align:center;
	color: #300A06;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#menu_tri a{
	border: solid 1px #300A06;
	background:#F9B701;
	color: #300A06;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:6px;
	padding-right:6px;
	margin-left:3px;
	margin-right:3px;
	cursor:pointer;
	height:14px;
	display: inline-block;
}
#menu_tri a.selected{
	border: solid 1px #F9B701;
	background:#300A06;
	color: #F9B701;
	cursor:pointer;
	height:14px;
	display: inline-block;
}

#pictCloseBar{
	width:588px;
	text-align:right;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#300A06;
	border-bottom:#F9B700 1px solid;
}

#pictCloseBar a{
	color:#300A06;
	text-decoration:none;
}
#copyright {
	position:absolute;
	top:767px;
	width: 980px; 
	height: 15px; 
	left: 50%;
	margin-left: -491px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-align:right;
}

#hcTop{
	background-image: url(http://www.horsemeeting.com/templates/common/pictures/mail_chat_1.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#300A06;
	text-align:center;
	width:506px;
	height:21px;
}
#hcMiddle{
	background-image: url(http://www.horsemeeting.com/templates/common/pictures/mail_chat_2.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#300A06;
	font-weight:bold;
	padding-left:150px;
	width:356px;
	height:38px;
}
#hcBottom{
	background-image: url(http://www.horsemeeting.com/templates/common/pictures/mail_chat_3.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top:8px;
	padding-left:15px;
	padding-right:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#300A06;
	width:476px;
	height:119px;
}
#hcBottom a{
	color:#300A06;
}

.underline{
	text-decoration:underline;
}

/* menu */
ul#menu_1 { padding:0px; list-style:none; white-space: nowrap; FONT-SIZE:11px; FONT-FAMILY: Arial, Helvetica, sans-serif;}
ul#menu_1 li { float:left; display:block; padding-right:14px; background:url(../common/pictures/menu_sep.gif) no-repeat right; }
ul#menu_1 li.last{  float:left; display:block; background:none;}
ul#menu_1 li a { display:block; color:#300A06; text-decoration:none }
ul#menu_1 li a:hover { color:#1C3460; }