/* Reset ================================================================================= */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body          { background:white; font:12px Arial, Helvetica, sans-serif; color:#000; }

img           { border:0; vertical-align:top; }

a             { color:#2b2b2b; text-decoration:none; }
a:hover       { text-decoration:underline; }
:focus        { outline:0; }

/* Headings */
h1            { font-size:28px; font-weight:bold; line-height:normal; color:#a2311d; }
h2            { font-size:21px; font-weight:bold; line-height:normal; color:#a2311d; }
h3            { font-size:21px; font-weight:bold; line-height:1.25; color:#a2311d; }
h4            { font-size:12px; font-weight:bold; margin-bottom:6px; }
h5            { font-size:12px; font-weight:bold; }
h6            { font-size:11px; font-weight:bold; }

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }
input,textarea		  {	border:1px solid #cccccc;}
/* Table */
table         { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
strong        { font-weight:bold; }
address       { font-style:normal; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small,big     { font-size:1em; }
sup           { font-size:1em; vertical-align:top; }

/* Lists */
ul,ol         { list-style:none; }

/* Tools */
.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; border: none !important;}
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }
.clear 		  { width:100%; clear:both; }
/* ======================================================================================= */


/* Layout ================================================================================ */
.wrapper {}
.page { clear:both; padding-top:15px;padding-bottom:15px; }
.page-print { background:#fff; padding:20px; text-align:left; }
.page-empty { background:#fff; padding:20px; text-align:left; }
.page-popup { padding:20px; text-align:left; }
.main-container { width:965px; margin:0 auto; clear:both; }
.main { margin:0 0 65px 5px; background:#fff; border-radius:3px; -moz-border-radius:3px; padding:4px 0 0 0; }

.header-container { background-image: url(/images/header.jpg);background-position: top center; }
.header { height:116px; width:965px; margin:0 auto; }
#logo { float:left; width:390px; height:98px; padding:13px 116px 0 0; }
#logo h1 { font-size:1em; padding:0; margin:0; }
#logo a { display:block; background:url(/images/logo.png) 0 0 no-repeat; height:98px; text-indent:-999em; }


.header-right {
	float:right;
	margin-top: 30px;
}

.btn a{
	background-image: url(/images/btn_normal.png);
	width: 211px;
	height: 43px;
	padding-top: 13px;
	padding-right: 40px;
	display: block;
	font-size: 23px;
	text-align: center;
}

.btn a:hover{
	background-image: url(/images/btn_hover.png);
	text-decoration: none;
}


.nav-container { background-image: url(/images/nav_bar.png);background-position: top center; height:48px; }

.nav-wrap { height:48px; width:965px; margin:0 auto; }
.nav-wrap li { text-align:left; position:relative; height:48px; width: auto;vertical-align: middle;line-height: 48px; float:left;}
.nav-wrap li a { display:block; text-decoration:none; font-size:18px;width: auto; padding-left:20px; padding-right: 20px;font-weight: bold; letter-spacing: 1px;color: #707070; }
.nav-wrap li a:hover { text-decoration:none; color: #a2311d}
.nav-wrap li a.active { text-decoration:none; color: #A2311D !important;background-color: #eee; border-radius: 15px;box-shadow: inset 0px -3px 0px #808080;
background-image: linear-gradient(bottom, #F5A70A 8%, #FBDA45 54%);
background-image: -o-linear-gradient(bottom, #F5A70A 8%, #FBDA45 54%);
background-image: -moz-linear-gradient(bottom, #F5A70A 8%, #FBDA45 54%);
background-image: -webkit-linear-gradient(bottom, #F5A70A 8%, #FBDA45 54%);
background-image: -ms-linear-gradient(bottom, #F5A70A 8%, #FBDA45 54%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.08, #F5A70A),
	color-stop(0.54, #FBDA45)
);
}

.navigation-notification {
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
width: 15px;
height: 15px;
background-color: red;
border: 2px solid white;
color: white;
font-size: 10px;
font-weight: bold;
position: relative;
line-height: 14px;
text-align: center;
box-shadow: 0px 1px 4px #333333;
-webkit-box-shadow: 0px 1px 4px #333333;
-moz-box-shadow: 0px 1px 4px #333333;
margin-top: -10px;
margin-left: 0px;
margin-right: -20px;
float: right;
z-index: 100;
}

#nav-right { float:right; line-height:48px; vertical-align: middle; height:48px;}

.nav-container.sub { height:35px; }
.nav-container.sub .nav-wrap{ height:35px; }
.nav-container.sub .nav-wrap li { text-align:left; position:relative; height:35px; width: auto;vertical-align: middle;line-height: 35px; float:left;}
.nav-container.sub .nav-wrap li a { font-size: 15px}
.nav-container.sub .nav-wrap li a.active { }

.page {min-height: 480px; width: 965px; margin: 0 auto;}
.col-1-sur-2 { float:left; width: 690px;padding-right: 10px}
.col-2-sur-2 { float:left; width: 265px}
.small_box { background-image:url(/images/small_box.jpg); background-repeat: no-repeat no-repeat; width: 235px;height: 176px;    padding: 15px;    width: 220px; display:block;}
.small_box span {font-size: 18px;}
.small_box a {color:#43b8ef;}

.box_match {
	background-image:url(/images/box_match.png);
	background-color: white;
	width: 512px;
	height: 175px;
	display: block;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 2px;
	position: relative;
	float: left;
	margin-right: 15px;
}

.box_match .lieu { position: absolute; top: 8px;left: 8px; font-size:18px; font-weight: bold; width: 358px;overflow: hidden; height:30px; overflow:hidden;}
.box_match .depuis { position: absolute; float: right; right: 2px; font-size: 13px; font-weight: bold; top: 0px; width: 116px; overflow: hidden; text-align: center; height: 43px; line-height: 43px;}
.box_match .depuis div { vertical-align: middle;line-height: 14px; display: inline-block}
.box_match .j1_name { position: absolute;top: 64px;left: 32px;font-size: 15px;font-weight: bold;width: 150px;overflow: hidden;height: 43px;line-height: 43px;padding-left: 50px;}
.box_match .man {background-image: url('/images/man.png'); background-repeat: no-repeat; }
.box_match .j2_name {position: absolute;top: 113px;left: 32px;font-size: 15px;font-weight: bold;width: 150px;overflow: hidden;height: 43px;line-height: 43px;padding-left: 50px;}
.box_match .j1_classement { position: absolute; top: 78px;left: 225px; font-size:13px; font-weight: bold; color: #333333}
.box_match .j2_classement { position: absolute; top: 126px; left: 225px; font-size:13px; font-weight: bold; color: #333333}
.box_match .j1_services { background-image: url('/images/small_tennis.png'); position: absolute; width:21px; height:20px; display:block; top: 76px;left: 266px;}
.box_match .j2_services { background-image: url('/images/small_tennis.png'); position: absolute; width:21px; height:20px; display:block; top: 125px;left: 266px;}
.box_match .j1_score { position: absolute; top: 63px;left: 300px;}
.box_match .j2_score { position: absolute;top: 113px; left: 300px;}
.box_match .box_score { position: relative; background-color: white; border: 1px solid #d9d9d9; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px; width: 38px;height: 29px;display: block;left: 4px;float: left;font-size: 20px;margin-right: 6px;font-weight: bold;padding-left: 0px;padding-top: 8px;text-align: center;margin-top: 2px;}
.box_match .box_score.inactive { color: #bab9b9}
.box_match .box_score.set { color: #a2311d }
.box_match .box_score.active { border: 1px solid #b1d43f; }
.box_match .j1_game { position: absolute; border: 1px solid #d9d9d9; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px; width: 39px;height: 30px;display: block;left: 15px;float: left;font-size: 20px;margin-right: 5px;font-weight: bold;padding-left: 0px;padding-top: 8px;text-align: center; top: 64px;left: 452px; color: #789d00}
.box_match .j2_game { position: absolute; border: 1px solid #d9d9d9; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px; width: 39px;height: 30px;display: block;left: 15px;float: left;font-size: 20px;margin-right: 5px;font-weight: bold;padding-left: 0px;padding-top: 8px;text-align: center; top: 114px;left: 452px; color: #789d00}
.box_match .state { position: absolute; top: 159px;
left: 17px; font-size:9px; font-weight: bold; color: #cf2323;}
.box_match .update_text { position: absolute; top: 47px;left: 15px;font-size: 9px; font-weight: normal; color:#c5c5c5}
.comment_resume a {float: left; font-size:12px; font-weight: normal; color:#05a1e9 !important; margin-top: 90px;width: 155px;text-align: right;}
.comment_resume a:hover {text-decoration: underline ; color:#05a1e9 !important;}

.btn_small.home_create { position: absolute; top: 308px; left: 82px;}
.btn_small.home_live { position: absolute; top: 308px;left: 422px;}
.btn_small a, .box_match .btn_small a, .box_rounded .btn_small a { 	background-image: url(/images/btn_small.png);
width: 130px;
height: 24px;
padding-top: 6px;
padding-right: 24px;
display: block;
font-size: 14px;
font-weight: bold;
text-align: center;
}

.btn_small a:hover, .box_match .btn_small a:hover, .box_rounded .btn_small a:hover { 	background-image: url(/images/btn_small_hover.png);}


.box_blank {
	background-image:url(/images/box_blank.jpg);
	width:641px;
	height:310px;
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
	position: relative;
}
.box_blank .lieu { position: absolute; top: 15px; left: 15px; font-size:20px; font-weight: bold; width: 605px;overflow: hidden; text-align:center} 

.box_blank .depuis { position: absolute;top: 70px;left: 15px;font-size: 12px;width: 570px;overflow: hidden;height: 35px;line-height: 33px;padding-left: 38px;background-image: url('/images/icon_clock.jpg');background-repeat: no-repeat;}

.box_blank .line { 	
	background-image: url(/images/line_empty.png);
	width: 603px;
	height: 88px;
	display: block;
	position: absolute;top: 110px;left: 17px;
}

.box_blank .line.line2 { top: 205px;}

.box_blank .j1_name { position: absolute;top: 20px;left: 30px;font-size: 20px;font-weight: bold;width: 150px;overflow: hidden;height: 43px;padding-left: 50px;line-height: 20px;}
.box_blank .man {background-image: url('/images/man.png'); background-repeat: no-repeat; }
.box_blank .j2_name {position: absolute;top: 20px;left: 30px;font-size: 20px;font-weight: bold;width: 150px;overflow: hidden;height: 43px;padding-left: 50px;line-height: 20px;}
.box_blank .classement {
	font-size: 15px; color:#7b7b7b;
}
.box_blank .services { background-image: url('/images/small_tennis.png'); position: absolute; width:21px; height:20px; display:block; top: 35px; left: 240px;z-index: 5}

.box_blank .box_score_big { position: relative; border: 2px solid #ccc; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius: 10px;background-color: white; width: 60px;height: 42px;display: block;left: 15px;float: left;font-size: 20px;margin-right: 5px;font-weight: bold;padding-left: 0px;padding-top: 20px;text-align: center;color:#789d00}
.box_blank .box_score { position: relative; border: 2px solid #ddd; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius: 10px;background-color: white; width: 40px;height: 29px;display: block;left: 15px;float: left;font-size: 20px;margin-right: 10px;font-weight: bold;padding-left: 0px;padding-top: 10px;text-align: center;}
.box_blank .box_score.inactive { color: #bab9b9}
.box_blank .box_score.set { color: #a2311d }
.box_blank .box_score.active {  border: 2px solid #789d00; }
.box_blank .game {left: 303px;top: 13px;}
.box_blank .score {position:absolute; left: 410px;top: 28px;}
.box_blank .title  {position:absolute; left: 418px;top: 10px; font-size: 14px}
.box_blank .title ul li {float:left;margin-left: 10px; margin-right: 10px}
.form_add {
	width: 641px;
	height: 615px;
	display:block;
	background-image: url("/images/header_form.png"); 
	background-repeat: repeat-x;
	border:2px solid #ccc;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius: 15px;
	position: relative;
}
.form_add h2 {
	height: 65px;
	line-height: 65px;
	text-align: center;
	color: black;
	font-size: 24px;
}

.form_add h3 {
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 13px;
	color: #333;	
}

.form_add h4 {
	position: absolute;
	top: 295px;
	left: 90px;
	font-size: 22px;
	color: #A2311D;
}

.form_add input[type=text], .form_add input[type=password] , .form_add select{
	height:42px;
	border: 2px solid #ccc;;
	background-color: #f5f5f5;
	font-size: 22px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;	
	position: absolute;
}

.form_add label{
	font-size:12px;
	font-weight: bold;
	position:absolute;
	margin-top: -18px;
	border: 0 !important;
}
.form_add label[name=title_label], .form_add input[name=title]{
	top: 144px;
	left: 35px;
	width: 390px;
}

.form_add label[name=club], .form_add .autocomplete {
	top: 212px;
	left: 35px;
	width: 390px;
}

.form_add label[name=password_label], .form_add input[name=password]{
	top: 212px;
	left: 350px;
	width: 246px;
}

.form_add label[name=player_1_label],.form_add input[name=player_1]{
	top: 363px;
	left: 35px;
	width: 246px;
}

.form_add label[name=player_2_label],.form_add input[name=player_2]{
	top: 363px;
	left: 350px;
	width: 246px;
}

.form_add label[name=clm_1_label],.form_add select[name=classement_1_id]{
	top: 433px;
	left: 35px;
	width: 246px;
}

.form_add label[name=clm_2_label],.form_add select[name=classement_2_id]{
	top: 433px;
	left: 350px;
	width: 246px;
}

.form_add .btn{
	top: 518px;
	left: 200px;
	position: absolute;
}
.box_rounded {
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #D7D7D7;
	padding:15px;
	margin-top:15px;
}
.comment_title {
	font-weight: bold;
	color:#43b8ef;
	padding-left: 10px;
	padding-top: 5px;	
	display: inline-block;
}

.comment {
	width: 96.5%;
	background-color: #eefaff;
	border: 1px solid #b2e8ff;
	padding:10px;
	margin-top:2px;
}
.comment .title {
	font-size: 14px;
	font-weight: bold;
	display:block;
	color: #05a1e9;
}

.comment .content {
	display:block;
}
.comment .date {
	color:#8b8b8b;
	font-size:12px;
	display:block;
	margin-top:5px;
}

#footer {border-top:1px solid #ccc; height:50px; line-height: 50px; vertical-align: middle; width: 965px; margin: 0 auto;}
#footer .left {float:left;}
#footer .right {float:right;}

.small { font-size: 11px}
.state {font-size:11px; font-weight: bold; color: #cf2323;}
.padding-30{padding:30px;}
.padding-20{padding:20px;}
.padding-10{padding:10px;}
.padding-0{padding:0px;}
.padding-top-0{padding-top:0px;}
.width-640{width:640px}
.vmiddle{vertical-align: middle}
.blue {color:#43b8ef}

.error-msg,
.success-msg,
.note-msg,
.notice-msg { background-position:10px 9px !important; background-repeat:no-repeat !important; padding:7px 8px 7px 33px !important; font-size:13px !important; font-weight:normal !important; width:600px;margin-bottom:5px; border: 1px solid #df280a; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.error-msg { background-color:#ffe7e7; color:#df280a; }
.success-msg { background-color:#e8f8d9;  color:#3d6611;  border: 1px solid green;}
.note-msg,
.notice-msg { background-color:#fafaec;color:black; }

#loading { display:none; position:fixed; left:0; top:0; width:100%; height:100%;
           background-image:url("/images/transparentbg.png"); z-index:15}
#loading p{height: 100%;
width: 100%;
display: block;
text-align: center;
vertical-align: middle;
margin-top: 25%; z-index:20}

.score_select.select_game {
	width: 50px;
}

.home_title {
    position: absolute;
    top: 23px;
    left: 119px;
    text-shadow: 1px 1px 1px #DDD;
    font-size: 30px;
} 

.toolbar-bottom .pager, .dashboard-box {
display: block;
background: #FAF9F9;
border: 1px solid #DBDFE0;
border-radius: 10px;
-moz-border-radius: 10px;
padding: 6px 0;
clear: both
}

.dashboard {
	padding-left: 40px;
}

.dashboard-box {
	width: 27%;
	float: left;
	clear: none;
	margin-right: 15px;
	margin-left: 15px;
	min-height: 130px;
	padding: 10px;
}

.dashboard-box ul {
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 5px;
}
.options {
	margin: 0 auto;
	width: 300px;
	margin-top: 20px;
}
.toolbar-bottom .pager .pages {
padding: 0;
margin: 0 auto;
width: auto;
float: none;
display: table;
text-align: center;
}
.pager .pages ol {
float: right;
}
.pager .pages li { float:left; }
.pager .pages li.p { display:none; }
.pager .pages li a.previous { float:left; margin-right:7px; height:20px; width:12px; text-indent:-999em; background:url(/images/pager-controls.png) -455px -10px no-repeat; }
.pager .pages li a.first { float:left; margin-right:7px; height:20px; width:18px; text-indent:-999em; background:url(/images/pager-controls.png) -476px -10px no-repeat; }
.pager .pages li a.next { float:left; margin-left:7px; height:20px; width:12px; text-indent:-999em; background:url(/images/pager-controls.png) -455px -60px no-repeat; }
.pager .pages li a.last { float:left; margin-left:7px; height:20px; width:18px; text-indent:-999em; background:url(/images/pager-controls.png) -476px -60px no-repeat; }
.pager .pages .current {}  

.toolbar {}
.toolbar .pager { }
.toolbar .sorter {}
.toolbar .amount {  display:block;  width: 80px;margin-bottom: -25px;margin-left: 10px;}
.toolbar-bottom { clear:both; padding-top:10px; float:left; width:100%; }
.toolbar-bottom .sorter { display:none; }
.toolbar-bottom .pager { display:block; background:#faf9f9; border:1px solid #dbdfe0; border-radius:3px; -moz-border-radius:3px; padding:6px 0; text-align:center; margin-right:20px;}
.toolbar-bottom .pager .amount { }
.toolbar-bottom .pager .limiter { display:none; }
.toolbar-bottom .pager .pages { padding:0; margin:0 auto; width:auto; float:none; display:table; text-align:center; }
.toolbar-bottom .pager .pages li.p { display:block; }
.toolbar-bottom .pager .pages li.t { display:none; }
.toolbar-bottom .pager .pages li.pg { padding:0 5px; }
.toolbar-bottom .pager .pages li.pg a { display:block; height:20px; width:20px; line-height:20px; text-align:center; color:#2b2b2b; text-decoration:none; font-weight:bold; }
.toolbar-bottom .pager .pages li.current span { display:block; height:20px; width:20px; line-height:20px; text-align:center; text-decoration:none; color:#fff; background:#ffde56; font-weight:bold; }
.toolbar-bottom .pager .pages li a.previous { margin-right:17px; }
.toolbar-bottom .pager .pages li a.next { margin-left:17px; }

#remember_me { height: 15px;min-height: 15px;}
#remember_me + label { width:100px;width: 255px; height: 20px;    padding-top: 3px;}

.box_match.finish {
	opacity: 0.5;
}

.rubban {
	background-image: linear-gradient(bottom, #F7C059 8%, #FFDD47 54%);
	background-image: -o-linear-gradient(bottom, #F7C059 8%, #FFDD47 54%);
	background-image: -moz-linear-gradient(bottom, #F7C059 8%, #FFDD47 54%);
	background-image: -webkit-linear-gradient(bottom, #F7C059 8%, #FFDD47 54%);
	background-image: -ms-linear-gradient(bottom, #F7C059 8%, #FFDD47 54%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.08, #F7C059),
		color-stop(0.54, #FFDD47)
	);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 10px;
}

.rubban h1 {
		text-shadow: 0px 1px 0px white;
		text-align: center;
		font-size: 22px;
}
.rubban ul{
	margin-top: 20px;
	padding-left:30px;
	text-shadow: 0px 1px 0px #ccc;
}

.rubban ul li{
	list-style: square;
	text-indent: 15px;
	width: 50%;
	float:left;
	height: 20px;
}

.forgot_right {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}

a.forgot_right:hover {
	text-decoration: underline;
}

form#register div {
	float:left;
	width: 50%;
}

form#register label {
	width: 250px;
}

.errors {
	font-size: 9px;
	background-color: #F3E6E7;
	border: 1px solid #AD251D;
	color: #AD251D;
	padding: 5px;
	margin-bottom: 10px;
	border-radius: 5px;
}

form#register ul.errors {
	width: 225px;

}