body {
	margin: 0;
	padding: 0;
    background: #0099CC url() no-repeat;
	font-family: Trebuchet MS;
	font-size: 1em;
	color: #4A442F;
}

h1 {
	font-size: 1.7em;
	color: #FFFFFF;
	border-bottom: #FFFFFF 0px dotted;
}

h2 {
	font-size: 1.6em;
	color: #FFFFFF;
	border-bottom: #FFFFFF 1px solid;
}

h3 {
	font-size: 1.1em;
	color: #FFFFFF;
	border-bottom: #FFFFFF 1px solid;
}

p, ul, ol {
	margin-bottom: 1em;
	line-height: 140%;
}

form {
	margin:0;
}

legend {
	font-weight: bold;
}


fieldset {
	padding-top: 20px;
	padding-bottom: 10px;
	margin-bottom: 25px;
}

input, select, textarea {
	color: #336699;
	padding: 3px;
}

input:focus, select:focus, textarea:focus {
	padding: 3px;
	border: 1px solid #352F31;
	background-color: #F9F3F3;
	color: #336699;
}

label {
	cursor: pointer;
}

a {
	color: #736949;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #0099CC;
    font-weight: bold;
	text-decoration: none;
}

/* Styles pour les sections identifiées -------------------------- */

/* En-tête ----------------------------------- */

#logo {
	position: absolute;
	z-index: 100;
	margin-left: 20px;
    margin-top: 0px;
	width: 1000px;
	height: 125px;
	background-image: url(http://web2win.tennisweb.be/clubs/web2win/fichiers/documents/logo_test.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#logo h1 {
	position: absolute;
    z-index: 200;
	left: -100px;
	top: -100px;
	color: #FFE07A;
    font-family: Trebuchet MS;
	font-size: 0em;
	letter-spacing: 0.2em;
	font-weight: bold;
}

#accroche {
	position: absolute;
	z-index: 110;
	top: 5px;
	right: 10px;
	color: #FFFFFF;
	font-size: 1.3em;
	letter-spacing: 2px;
}

#bienvenue {
	position: absolute;
	text-align: center;
	z-index: 110;
	top: 45px;
	right: 20px;
	color: #FFFFFF;
    font-size: 0.9em;
	letter-spacing: 3px;
}

#langues {
	position: absolute;
	display:block;
	z-index: 510;
	top: 5px;
	left: 5px;
}

#dateheure {
	position: absolute;
	color: #FFFFFF;
    font-size: 1em;
	z-index: 110;
	top: 40px;
	right: 380px;
	text-align: center;
}

#pub {
    position: absolute;
    z-index: 110;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
}

#principalzone {
	/* Juste pour IE ------------------------------- */
	width: 100%;
	z-index: 100;
	padding-top: 5px;
}

#principalmarge {
	padding-top: 110px;
	padding-left: 40px;
    padding-right: 40px;
}

#principal {
    background-color: #0099CC;
    padding: 0px;
}

#basdepagezone {
	/* Juste pour IE ------------------------------- */
	width: 100%;
	margin-bottom: 10px;

}

#basdepagemarge {
	padding-left: 40px;
    padding-right: 40px;
    padding: 0px;
}

#basdepage {
    background-color: #93CF1A;
    background-image: url(relief_th.png);    color:#FFFFFF;
	font-size: 0.8em;
    margin-top: 0px;
	width: 99%;
	text-decoration: none;
}

#basdepage a {
	color:#FFFFFF;
	letter-spacing: 1px;
	text-decoration: none;
}

/* sections des menus  ----------------------------------- */

#menus {
	position: absolute;
	font-family: Trebuchet MS;
	z-index: 300;
	top: 100px;
	left: 20px;;
}

/* CSS du menu horizontal, bieler batiste */

.menu{
    position:absolute;
    top:0px;
    left:0px;
    display:block;
    margin:0;
    padding:0;
    width:1200px; /* important for Opera7 */
    }

.menu ul{
    position:absolute; /* pour sortir la liste du flux de donnée */
    display:block;
    width: 130px;
    margin:0;
    padding:0;
    }
    
.menu li ul{
    visibility:hidden;
	}

.menu li li ul{
    position:absolute; /* pour sortir la liste du flux de donnée */
    left: 130px;
    margin-top: -22px; /* move the sub menu verticaly */
    }
    
.menu li{
    list-style:none;
    width: 130px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
.menu li li{
    display:block;
    float:left; /* fix IE white space bug !!! */
    }

.menu a{
    text-decoration: none;
	font: bold 1em Trebuchet MS;
	text-align:center;
    background-color: #93CF1A;
    background-image: url(relief.png);    color: #FFFFFF;
    border: 1px #93CF1A solid;
    display:block;
    width:126px;
    padding:2px 0;
 
    }
    
.menu a:hover{
	background-color: #FA7A08;
        color: #FFFFFF;
    }
    
/* hide some accessibility stuff */
.menu span{
    display:none;
    }

/* just for fun ;) */

.menu li li a{
    background-color: #93CF1A;
    border: 1px #93CF1A solid;
    }
    
.menu li li li a{
	background-color: #93CF1A;
    border: 1px #93CF1A solid;
    }
    
.menu li li li li a{
	background-color: #93CF1A;
    border: 1px #93CF1A solid;
    }

#reservations {
}

#reservations td {
	text-align: center;
}

#editeur {
	z-index: 1000;
}

/* sections fenêtre de survol  ----------------------------------- */

#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
    font-size: 0.8em;
	border: 1px #FFB56C solid;
	padding: 2px;
	background-color: #94D8FF;
	visibility: hidden;
	z-index: 500;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=black,direction=135);
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 500;
	visibility: hidden;
}

    
/* Styles pour les tableaux -------------------------------------- */

table.liste, table.saisie, table.detail {
	background-color: #FFFFFF;
	border-collapse: collapse;
	width: 98%;
	margin: 10px;
}

table.liste th, table.saisie th, table.detail th {
	font-weight: bold;
	background-image: url(relief_th.png) ;
	background-repeat: repeat;
    background-color: #FFFFFF;
    color: #024E5F;
	padding: 2px;
	border-bottom: solid #FFB56C 0px;
}

table.liste th, table.saisie th, table.detail th a{
	color: #024E5F;
}

table.liste tr {
	border-bottom: solid #FFB56C 1px;
}

table.liste td {
	padding: 4px;
}

table.liste .lignecoloree {
	background-color: #94D8FF;
}

table.liste .lignecoloree2 {
	background-color: #FFFF99;
	border: 1px solid #666666;
	
}

.saisiedonnees, .detaildonnees {
	width: 65%;
	padding: 4px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	color: #000000;
	color:
	text-align: left;
}

.saisiebaslibelle {
	width: 35%;
	padding: 4px;
	padding-right: 20px;
	padding-top: 12px;
	text-align: right;
	vertical-align: baseline;
	color: #352F31;
	background-color: #F5D559;
	border-bottom: solid #352F31 1px;
	border-right: solid #352F31 1px;
	border-left: solid #352F31 1px;
}

.colonneicone {
	width: 25px;
	text-align: left;
}

.lignesoustitre {
	padding: 0;
	font-size: 50%;
	background-color: #F9F7E9;
	border-right: solid #F9F7E9 1px;
	border-left: solid #F9F7E9 1px;
}

table.rien {
	background-color: #FFFFFF;
	color: #352F31;
	border: none;
}

table.rien td {
	padding: 4px;
	border: none;
}

/* Styles pour les formulaires ----------------------------------- */

.textechampobligatoire {
	color: #CC0000;
	font-weight: bold;
}

.saisietextestandard {
	width: 94%;
	padding: 3px;
	margin-top: 3px;
	font-family: Geneva, Arial, Helvetica, san-serif;
	color: #336699;
	border: 1px solid #336699;
	background-color: #FFFFFF;
}

.saisietextestandardobligatoire {
	width: 94%;
	padding: 3px;
	margin-top: 3px;
	font-family: Geneva, Arial, Helvetica, san-serif;
	color: #CC0000;
	border: 1px solid #CC0000;
	background-color: #FFEAFF;
}

.saisiemultilignestandard {
	width: 94%;
	padding: 3px;
	margin-top: 3px;
	height: 120px;
	font-family: Geneva, Arial, Helvetica, san-serif;
	color: #336699;
	border: 1px solid #336699;
	background-color: #FFFFFF;
}

.saisiemultilignesgrand {
	width: 94%;
	padding: 3px;
	margin-top: 3px;
	height: 200px;
	font-family: Geneva, Arial, Helvetica, san-serif;
	color: #336699;
	border: 1px solid #336699;
	background-color: #FFFFFF;
}

.saisiemultilignestandardobligatoire {
	width: 94%;
	padding: 3px;
	margin-top: 3px;
	height: 120px;
	font-family: Geneva, Arial, Helvetica, san-serif;
	color: #CC0000;
	border: 1px solid #CC0000;
	background-color: #FFEAFF;
}

.saisietextecourt {
	width: 50%;
	padding: 3px;
	margin-top: 3px;
	font-family: Geneva, Arial, Helvetica, san-serif;
	color: #336699;
	border: 1px solid #336699;
	background-color: #FFFFFF;
}

.saisietextecourtobligatoire {
	width: 50%;
	padding: 3px;
	margin-top: 1px;
	font-family: Geneva, Arial, Helvetica, san-serif;
	color: #CC0000;
	border: 1px solid #CC0000;
	background-color: #FFEAFF;
}

.saisietextemini {
	width: 50px;
	padding: 3px;
	margin-top: 3px;
	font-family: Geneva, Arial, Helvetica, san-serif;
	color: #336699;
	border: 1px solid #336699;
	background-color: #FFFFFF;
}

.saisietextemenu {
	width: 20%;
	padding: 3px;
	margin-top: 3px;
	font-family: Geneva, Arial, Helvetica, san-serif;
	color: #336699;
	border: 1px solid #336699;
	background-color: #FFFFFF;
}

.saisietexteminiobligatoire {
	width: 50px;
	padding: 3px;
	margin-top: 3px;
	font-family: Geneva, Arial, Helvetica, san-serif;
	color: #CC0000;
	border: 1px solid #CC0000;
	background-color: #FFEAFF;
}

/*-- Styles pour les lignes des tableaux tournoi */

TD.JH { /* boite de joueur haut */
	vertical-align: bottom; 
	border-left:0 none;
	border-top:0 none;
	border-right:0 none;
	border-bottom: 1px solid #000000;
	}
	
TD.JB { /* boite de joueur bas */
	vertical-align: bottom;  
	border-left:0 none #993300;
	border-top:0 none #993300;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000; 
	}
TD.JHS {
	vertical-align: top;
	border-left:0 #993300;
	border-top:0 #993300;
	border-right: 1px solid #000000;
	border-bottom:0 #993300;
	font-family: Arial, Helvetica, sans-serif;

	}
TD.JBS { /* boite de score bas */
	vertical-align: top;
	border-left:0 none;
	border-top:0 none;
	border-right:0 none;
	border-bottom:0 none;
	}
TD.PX { /* boite cach?e de poule */
	}

TD.JC { /* boite cach?e de tableau */
	border-left:0 none;
	border-top:0 none;
	border-right:0 none;
	border-bottom:0 none;
}