/* It's not easy being green. */

/*

------------------------------------------------------
Copyright Maxine Sherrin, www.westciv.com
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
background: #1a1a1a url(images/bodyBG-v45-01.jpg) no-repeat fixed top; }

/* To place the main image at the top of the page. */

#container1 {
background-image: url(images/header_image.gif);
background-repeat: no-repeat;
height: 289px;
background-position: 185px 0px;
width: 100%;
margin: 0;
}

/* To place the image in the panel running down the right side of the page. */

#container2 {
background-image: url(images/right_panel_bg.gif);
background-repeat: repeat-y;
background-attachment: fixed;
background-position: top right;
margin: 0;
}

/* Text that sits on top of the header image and says the name of the whole site */

#main-title {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 160px;
font-weight: bold;
font-size: .8em;
text-align: right;
letter-spacing: 5px;
color: #ffffff;
padding-top: 250px;
padding-bottom: 10px;
line-height: 1.5em;}

/* Heading level 1 is not contained in main-text. */

h1 {
margin-top: 0;
margin-bottom: 0;
margin-left: 185px;
font-size: 1em;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
padding-right: 0;
font-weight: bold;
background-color: #1a1a1a;
border-left: 2px #ffffff solid;
border-right: 2px #ffffff solid;
color: #ffffff;
text-indent: 10px;
border-top: 2px #ffffff solid;
margin-right: 148px;
}

/* Styles for the main text on the page. */

#main-text {
margin-top: 0;
margin-bottom: 0;
margin-left: 185px;
background-color: #ffffff;
border-left: 2px #ffffff solid;
border-right: 2px #ffffff solid;
margin-right: 148px;
min-height: 800px;
}

#main-gallery {
margin-top: 0;
margin-bottom: 0;
margin-left: 185px;
background-color: #ffffff;
border-left: 2px #ffffff solid;
border-right: 2px #ffffff solid;
margin-right: 148px;
min-height: 800px;
/* max-width: 710px; */
}

#main-image{
margin-top: 0;
margin-bottom: 0;
margin-left: 185px;
margin-right: 148px;
background-color: #ffffff;
border-left: 2px #ffffff solid;
border-right: 2px #ffffff solid;
min-height: 800px;
align:center;
}

#main-RSS{
margin-top: 0;
margin-bottom: 0;
margin-left: 185px;
background-color: #ffffff;
border-left: 2px #ffffff solid;
border-right: 2px #ffffff solid;
margin-right: 148px;
height: 120px;
}

#ImgView {
padding-top: 5px;
width: 710px;
text-align: center;
border: 0;
}
p, ul, ol, table {
font-size: .7em;
line-height: 1.9em;
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
padding-left: 10px;
padding-right: 10px;
}

.main {
border-bottom: 1px #777777 dotted;
}

ol, ul {
margin-left: 25px;
}

h2 {
margin-bottom: 0;
margin-left: 10px;
margin-right: 0;
font-size: .8em;
font-weight: bold;
color: #000044;
margin-top: 0;
padding-top: 5px;
padding-bottom: 5px;
}

a:link, a:visited {
text-decoration: none;
font-weight: bold;
color: #000088;
border-bottom: 1px #ff0000 dotted;
}

a:hover {
color: #000000;
text-decoration: none;
border-bottom: 1px #ff0000 solid;
}

/* Styles for the navbar on the left side. */

#left-menu {
position: absolute;
top: 0px;
left: 0;
width: 185px;
text-align: right;
color: #ffffff;
}

#left-menu p {
padding-right: 15px;
padding-left: 0;
font-size: .8em;
font-weight: bold;
color: #1a1a1a;
background-color: #ffffff;
}

ol, ul {
padding-right: 15px;
margin-left: 0;
list-style-type: none;
background-color: transparent;
}

#left-menu a:link, #left-menu a:visited {
display: block;
color: #ffffff;
border-bottom: none;
}

#left-menu a:hover, #left-menu a.current {
color: #ff9900;
text-decoration: none;
}

#left-menu a.new {
color: #00ff00;
text-decoration: none;
}

/* Styles for the footer at the bottom of the page */

#footer {
text-align: center;
margin-bottom: 0;
padding-top: 5px;
padding-bottom: 5px;
line-height: 21px;
font-size: .8em;
padding-left: 40px;
background-color: #ffffff;
margin-top: 0;
border-top: 3px #000000 double;
border-bottom: 3px #000000 double;
color: #000000;
}

#footer a:link, #footer a:visited {
color: #000088;
border-bottom: none;
}

#footer a:hover {
text-decoration: none;
border-bottom: 1px #ff0000 solid;
}

#links {
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-top: 5px;
font-size: .7em;
letter-spacing: 2px;
color: #000000;
width: 500px;
border-bottom: 1px #777777 dotted;
min-height: 50px;
}

#team {
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 0;
padding-top: 5px;
padding-bottom: 5px;
font-size: .7em;
text-align: center;
letter-spacing: 2px;
color: #000000;
width: 455px;
border-bottom: 1px #777777 dotted;
height: 70px;
}

#team-left {
position:absolute;
float:left;
width: 55px;
}
#team-right {
position:relative;
float:right;
width: 400px;
text-align:left;
}

#Horaire {
padding-left: 15px;
font-family: Trebuchet MS;
font-size: 13px;
line-height: 1.3em;
letter-spacing: 0;
text-align: center;
word-spacing: normal;
text-decoration: none;
width: 680px;
}

#HoraireIndividuel {
margin: 0;
width: 100%
color: #000000;
}

#finance {
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 0;
padding-top: 5px;
padding-bottom: 5px;
font-size: .7em;
text-align: center;
letter-spacing: 2px;
color: #000000;
width: 710px;
border-bottom: 1px #777777 dotted;
}

/* PHOTO GALLERY */
.photo{
border:1px solid #444444;
padding:2px;
background-color:#ffffff;
margin:6px 18px 2px 5px;
}
.photo:a{
border:1px solid #444444;
}
.ImgContainer{
float: left;
width:172px;
height: 215px;
padding:5px 0 0 0;
border: 1px solid #000000;
margin:0;

}
.ImgContainer:hover{
color: #777777;
background-color:#222222;
border: 1px solid #bababa;
}
.ImgFeature{
width: 172px;
height: 135px;
border:0px solid #000000;
padding:0;
margin:0;
text-align:center;
}
.ImgTitle{
font-weight: bold;
height: 18px;
font-size:1.1em;
line-height:1.3em;
text-align:center;
}
.ImgText{
height: 15px;
font-size:1.1em;
margin: 2px 0 2px 0;
text-align:center;
}

img.ListVoteImg{
height: 14px;
width: 14px;
vertical-align:middle;
}
.ImgViewText{
height: 15px;
font-size:1.1em;
text-align:left;
margin: 2px 0 2px 0;
}
img.VoteImg{
height: 14px;
width: 14px;
vertical-align:middle;
/*filter:alpha(opacity=50);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;*/}
img.VoteImg:hover { 
cursor:pointer;
/* filter:alpha(opacity=100);
filter:DXImageTransform.Microsoft.Alpha(opacity=100); 
-moz-opacity: 1;
opacity: 1;*/}

img.ListImg{
vertical-align:middle;
border: 1px solid #444444;
/* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); 
-moz-opacity: 0.5; */
}
img.ListImg:hover {
border: 1px solid #bababa; 
cursor:pointer;
/* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
-moz-opacity: 1;*/}
div.pagination {
	padding: 3px;
	margin: 3px;
	width: 738px;
	height: 30px;
	text-align: center;
	float: left;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #bababa;
	text-decoration: none; /* no underline */
	color: #444444;
}
div.pagination a:hover, div.pagination a:active {
		border: 1px solid #bababa;
		font-weight: bold;
		background-color: #444444;
		color: #FFFFFF;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #bababa;
		font-weight: bold;
		background-color: #444444;
		color: #FFFFFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 0;	
		color: #FFFFFF;
	}

/* END PHOTO GALLERY */

div.formContainer {
margin-top: 0;
margin-bottom: 0;
background-color: #ffffff;
border-left: 2px #ffffff solid;
border-right: 2px #ffffff solid;
margin-left: 10px;
width:718px;
font-weight: bold;
font-size: .7em;
letter-spacing: 1px;
}

div.formContainerLeft {
width:150px;
height:25px;
float:left;
font-family:Verdana,Tahoma,Arial,sans-serif;
color: #000000;
text-align:left;
vertical-align:middle;
padding:0;
margin: 0;
}
div.formContainerRight {
width:568px;
height:25px;
float:left;
font-family:Verdana,Tahoma,Arial,sans-serif;
color: #000000;
text-align:left;
padding:0;
margin: 0;
}
div.formContainerLeftAlt {
width:150px;
height:185px;
float:left;
font-family:Verdana,Tahoma,Arial,sans-serif;
color: #000000;
text-align:left;
vertical-align:middle;
padding:0;
margin: 0;
}
div.formContainerRightAlt {
width:568px;
height:185px;
float:left;
font-family:Verdana,Tahoma,Arial,sans-serif;
color: #000000;
text-align:left;
padding:0;
margin: 0;
}

div.one {
width:718px;
height:25px;
float:left;
font-family:Verdana,Tahoma,Arial,sans-serif;
color: #000000;
text-align:left;
padding:0;
margin: 0;
font-size: .8em;
}

#oneP {
margin-left: 10px;
margin-top: 0;
margin-bottom: 0;
background-color: #ffffff;
border-left: 2px #ffffff solid;
border-right: 2px #ffffff solid;
margin-right: 148px;
min-height: 540px;
width:718px;
}

#oneP h2 {
margin: 0;
font-size: .8em;
font-weight: bold;
color: #000044;
padding-top: 5px;
padding-bottom: 5px;
}

#oneP img{
border:0;
float:left;
margin:0;
}

.input{
	padding: 3px 0px 0px 10px;
	width: 500px;
	height: 17px;
	border:1px solid #88A0C8; 
	font-family:  Tahoma, verdana, arial,sans-serif; 
	font-size: 11px; 
	color: #003068; 
	text-decoration: none; 
	background-color: #E9EDF0;
	}
.input1{
	padding: 3px 0px 0px 10px;
	width: 512px;
	height: 22px;
	border:1px solid #88A0C8; 
	font-family:  Tahoma, verdana, arial,sans-serif; 
	font-size: 11px; 
	color: #003068; 
	text-decoration: none; 
	background-color: #E9EDF0;
	}
.input2{
	width: 500px;
	height: 172px;
	border:1px solid #88A0C8; 
	font-family:  Tahoma, verdana, arial,sans-serif; 
	font-size: 11px; 
	color: #003068; 
	text-decoration: none; 
	background-color: #E9EDF0;
	}
.inputImage{
	border:1px solid #88A0C8; 
	padding:0;
	margin:0;
	}
.MaxSize{color:#ff0000; font-weight:bold; padding: 0;}

input.textbox {
    padding: 3px;
    border: 1px solid #000000;
    font: normal 1em Verdana, sans-serif;
    color: #777;
}
textarea {
    width: 400px;
    padding: 4px;
    font: normal 1em Verdana, sans-serif;
    border: 1px solid #000000;
    height: 100px;
    display: block;
    color: #777;
}

.win		{BORDER: 1PX SOLID #000000; BACKGROUND: #00ff00; COLOR: #000000; FONT-SIZE: 11PX; FONT-FAMILY: VERDANA, HELVETICA,ARIAL; FONT-WEIGHT: BOLD;}
.winteam	{BORDER: 1PX SOLID #000000; BACKGROUND: #ffffff; COLOR: #089f13; FONT-SIZE: 11PX; FONT-FAMILY: VERDANA, HELVETICA,ARIAL; FONT-WEIGHT: BOLD;}
.lose 		{BORDER: 1PX SOLID #000000; BACKGROUND: #ff0000; COLOR: #E3F2FC; FONT-SIZE: 11PX; FONT-FAMILY: VERDANA, HELVETICA,ARIAL; FONT-WEIGHT: BOLD;}
.loseteam 	{BORDER: 1PX SOLID #000000; BACKGROUND: #ffffff; COLOR: #ff0000; FONT-SIZE: 11PX; FONT-FAMILY: VERDANA, HELVETICA,ARIAL; FONT-WEIGHT: BOLD;}
.nulle 		{BORDER: 1PX SOLID #000000; BACKGROUND: #0000ff; COLOR: #E3F2FC; FONT-SIZE: 11PX; FONT-FAMILY: VERDANA, HELVETICA,ARIAL; FONT-WEIGHT: BOLD;}
.nulleteam	{BORDER: 1PX SOLID #000000; BACKGROUND: #ffffff; COLOR: #0000ff; FONT-SIZE: 11PX; FONT-FAMILY: VERDANA, HELVETICA,ARIAL; FONT-WEIGHT: BOLD;}
.horsserie 	{BORDER: 1PX SOLID #000000; BACKGROUND: #ffac68; COLOR: #000000; FONT-SIZE: 11PX; FONT-FAMILY: VERDANA, HELVETICA,ARIAL; FONT-WEIGHT: BOLD;}
.tournoi 	{BORDER: 1PX SOLID #000000; BACKGROUND: #AAEEFF; COLOR: #000000; FONT-SIZE: 11PX; FONT-FAMILY: VERDANA, HELVETICA,ARIAL; FONT-WEIGHT: BOLD;}
.partie 	{BORDER: 1PX SOLID #000000; BACKGROUND: #BBEE88; COLOR: #000000; FONT-SIZE: 11PX; FONT-FAMILY: VERDANA, HELVETICA,ARIAL; FONT-WEIGHT: BOLD;}
.pratique 	{BORDER: 1PX SOLID #000000; BACKGROUND: #DDDDBB; COLOR: #000000; FONT-SIZE: 11PX; FONT-FAMILY: VERDANA, HELVETICA,ARIAL; FONT-WEIGHT: BOLD;}
.serie 		{BORDER: 1PX SOLID #000000; BACKGROUND: #FFEE00; COLOR: #000000; FONT-SIZE: 11PX; FONT-FAMILY: VERDANA, HELVETICA,ARIAL; FONT-WEIGHT: BOLD;}
.regionaux 	{BORDER: 1PX SOLID #000000; BACKGROUND: #ffffff; COLOR: #000000 ; FONT-WEIGHT: BOLD; FONT-SIZE: 11PX; FONT-FAMILY: VERDANA, HELVETICA,ARIAL}
.POINTSSAISON 	{BORDER: 0PX; COLOR: #000000; FONT-WEIGHT: BOLD; FONT-SIZE: 12PX; FONT-FAMILY: VERDANA, HELVETICA,ARIAL}