@charset "utf-8";
/* CSS Document */

body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: #dea ;
}
div#conteneur
{
	width: 900px ;
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #ab4 ;
	background: #fff ;
	
}
div#conteneurrentals
{
	width: 940px ;
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #ab4 ;
	background: #fff ;
	height:1850px;
	padding-top:0;
	
}

h1#header
{
	height: 258px;
	margin:0;
	background: url(img/header.jpg) no-repeat left top;
	
}
h1#header a
		{
			width: 400px ;
			height: 100px ;
			display: block ;
			background: url(img/title.jpg) no-repeat ;
			position: relative ;
			left: 350px ;
			top: 50px ;
			text-indent: -5000px ;
		}
h1#header a span
		{
			display: none ;
		}
pre
{
	overflow: auto ;
}
h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
text-align:left;
color:#003300;
}
h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-align:left;
color:#990000;
margin-left:15px;
}
.tablemarco {
width:595px;
margin-left:50px;
}

.marco1 { 
padding:8px; 
background-color: #f5f5f5;  
border-bottom: 1px solid #999999; 
border-right: 1px solid #999999;  
font-size:90%; 
color: #7F8E29; 
font-style:italic;
text-align:center;
height:170px;
}
div#contenu
{
padding: 30px 30px 0 100px ;
background: url(img/gcds_balls1.gif) no-repeat 15px 15px ;
height: 100%;
margin: auto; 	
}
div#contenu h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	background: url(img/samll_flag.jpg) no-repeat left bottom ;
	color: #9b2 ;
	border-bottom: 1px solid #9b2 ;
}
div#contenu h5 
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.3em ;
	background: url(img/samll_flag.jpg) no-repeat left bottom ;
	color:red;
	border-bottom: 1px solid red ;
}	
div#contenupack
{
padding: 0 30px 0 100px ;
background: url(img/gcds_balls1.gif) no-repeat 15px 15px ;
height: 940px;
margin: auto; 	
}
div#contenupack h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	background: url(img/samll_flag.jpg) no-repeat left bottom ;
	color: #9b2 ;
	border-bottom: 1px solid #9b2 ;
}
div#contenu h3
{
background: url(img/samll_flag.jpg) no-repeat left bottom ;
	margin-left: 15px ;
	padding-left: 25px ;
	border-bottom: 1px solid #9b2 ;
	color:#006633;
}
div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}
div#contenu a
{
	color: #FF0000;
}

div#contenu a:hover
{
	color: #008000;
}
p#footer
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: center;
	color: #8a0 ;
}
pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}
ul#menu
{
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	background: url(img/bg_menu.gif) repeat-x 0 -25px ;
	list-style-type: none ;
}
ul#menu li
{
	float: left ;
	text-align: center ;
}
ul#menu li a
{
	width: 130px ;
	line-height: 25px ;
	font-size: 1.2em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #dea ;
}
ul#menu li a:hover
{
	background: url(bg_menu.gif) repeat-x 0 0 ;
}
		
pre
		{
			overflow: auto ;
			background: #dea ;
			border: 2px solid #9b2 ;
			padding: 5px 0 0 5px ;
			font-size: 1.2em ;
		}
		
		
pre span
{
color: #560 ;
}
		
pre span.comment
{
color: #b30000 ;
}
.bloc1 {
background-color: #DCF2C6;
height: 40px;
width: 300px;
float: left;
text-align:center;
position:relative;
font-weight:bold;
}
.bloc2 {
background-color: #DCF2C6;
height: 40px;
width: 300px;
float: left;
margin-left: 20px;
text-align:center;
position:relative;
font-weight:bold;
}
.bloc1text {
background-color: #FFFFFF;
height: 220px;
width: 300px;
float: left;
text-align:center;
position:relative;
}
.bloc2text {
background-color: #FFFFFF;
height: 220px;
width: 300px;
float: left;
margin-left: 20px;
text-align:center;
position:relative;
}
.blocontact1 {
background-color: #DCF2C6;
height: 340px;
width: 300px;
float: left;
text-align:left;
}
.blocontact2 {
background-color: #DCF2C6;
height: 340px;
width: 300px;
float: left;
margin-left: 20px;
}
.blocontact1 a{
text-decoration:underline;
color:#000033;
}
.left {
text-align:left;
color:#333333;
}

#tablegreenfees {
width:520px;
border-collapse:collapse;
font-size:11px;
}
#tablegreenfees td.clubsgolftitre {
width:350px;
text-align:left;
font-weight:bold;
}
#tablegreenfees td.prixgolftitre {
width:85px;
text-align:right;
font-weight:bold;

}
#tablegreenfees td.clubsgolfbluenames {
width:350px;
background-color:#98fb98;
text-align:left;
font-weight:bold;
text-decoration:underline;
}

#tablegreenfees td.clubsgolfblue {
width:350px;
background-color:#98fb98;
text-align:left;
font-weight:bold;
}
#tablegreenfees td.prixgolfblue {
width:85px;
background-color:#98fb98;
text-align:right;
font-weight:bold;
}
#tablegreenfees td.clubsgolfyellownames {
width:350px;
background-color:#FFFF99;
text-align:left;
font-weight:bold;
color:#990033;
text-decoration:underline;
}
#tablegreenfees td.clubsgolfyellow {
width:350px;
background-color:#FFFF99;
text-align:left;
font-weight:bold;
color:#990033;
}
#tablegreenfees td.prixgolfyellow {
width:85px;
background-color:#FFFF99;
text-align:right;
font-weight:bold;
color:#990033;
}
#tablegreenfees td.ligneseparation {
height:2px;
background-color:#999999;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
margin-left:170px;
color:#666666;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}
img {
border:none;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
#tablerentals {
width:100%;
}
#tablerentals td.pic {
width:190px;
padding:8px; 
background-color: #f5f5f5;
border-bottom: 1px solid #999999; 
border-right: 1px solid #999999;
text-align:center;  
}
#tablerentals td.text {
text-align:justify;
padding:10px;
}
.puce
{ background-image:url(img/samll_flag.jpg);
background-repeat:no-repeat;
background-position:0% 6.5%;
padding-left:30px;
}
.center {
text-align:center;
font-weight:bold;
font-size:14px;
}
#tablegolfcourse {
width:50%;
margin-left:40px;
text-align:center; 
border-collapse:collapse;
}
#tablegolfcourse td {
border-width:1px; 
border-style:solid; 
border-color:black; 
}
.brown {
background-color:#996633;
}
.titleplus {
font-size:14px;
}
#tablegolfcourse td.black {
width:25%;
background-color:#000000;
color:#FFFFFF;
}
#tablegolfcourse td.yellow {
background-color:#FFFF00;
}
#tablegolfcourse td.blue {
background-color:#0066FF;
color:#FFFFFF;
}
#tablegolfcourse td.red {
background-color:#FF0000;
color:#FFFFFF;
}

#tablegreen {
width:650px;
margin-left:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-collapse:collapse;
}
#tablegree td.title {
height:50px;
font-size: 24px;
width:350px;
}
#tablegreen tr.golf {
width:350px;
background-color:#CCCCCC;
color:#003300;
font-weight:bold;
}
#tablegreen tr.period {
width:350px;
background-color:#f5f5f5;
font-weight:300;
}
#tablegreen tr.period:hover {
background-color:#add8e6;
color:#003300;
font-weight:300;
}
#tablegreen td.price {
text-align:center;
}
#tablegreen tr.space {
background-color:#333333;
height:10px;
}
#tablegreen td.link {
text-align:center;
}

a.ovalbutton{
background: transparent url(img/oval-green-left.gif) no-repeat top left;
display: block;
float: left;
margin-left:25px;
font: normal 14px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
font-weight:bold;
width:120px;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #006400; /*button text color*/
}

a.ovalbutton span{
background: transparent url(img/square-green-right.gif) no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}
#picsvertical {
width:380px;
padding:8px; 
background-color: #f5f5f5;
text-align:center;
float:left;
height:auto;
}
#textodesverticalpano {
width:400px;
float:right;
line-height:20px;
height: auto;
margin-right:10px;
padding:10px;
background-color:#FFFFFF;
}
#tableinfoune {
width:350px;
margin-left:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#666666;
}
#tableinfoune td.title {
color:#CC0000;
font-weight:bold;
text-align:center;
}
#tableinfodeuxpano {
width:350px;
margin-left:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
border:thin;
border-color:#666666;
}
#tableinfodeuxpano td.title {
color:#CC0000;
font-weight:bold;
text-align:center;
}
#tableinfodeuxpano td.info {
width:35%;
padding-left:3px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#666666;
}
#tableinfodeuxpano td.rep {
width:15%;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}
.tabletext {
width:100%;
margin-left:2px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
text-align:justify;
color:#666666;
}
#tableinfomat {
width:80%;
margin-left:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}
#tableinfomat td.title {
color:#CC0000;
font-weight:bold;
text-align:center;
}
#tableinfomat td.mat {
width:80%;
text-align:left;
font-weight:bold;
}
#tableprice { 
width:75%;
border-collapse:collapse;
color:#333333;
font-weight:bold;
}
#tableprice td.title {
background-color:#333333;
color:#FFFFFF;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#tableprice td.clairmois {
background-color:#CCFFFF;
width:75%;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
#tableprice td.clairprix {
background-color:#CCFFFF;
width:25%;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
#tableprice td.foncemois {
background-color:#CCCCCC;
width:75%;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
#tableprice td.fonceprix {
background-color:#CCCCCC;
width:25%;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}