/* réalisé par TennisWeb
// www.tennisweb.org
// info@tennisweb.org

// version 5 - 01/12/05 */

/* Style global pour les pages ----------------------------------- */

body {
	margin: 0;
	padding: 0;
	background-image: url(courbes.png);
	background-color: #DF9D01;
	
	background-repeat: repeat;
	background-position: top left;	
}

html, body, h1, h2, h3, h4, div, p, ul, li, input, select, textarea, legend {
	font-family: Geneva, Arial, Helvetica, san-serif;
	color: #6C2619;
}

h1 {
	font-size: 150%;
	padding: 4px;
	padding-left: 15px;
	margin: 0;
	margin-top: 5px;
	margin-bottom: 30px;
	color: #6C2619;
	border-bottom: 1px dotted #6C2619;
}

h2 {
	width:98%;
	font-size: 140%;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	font-weight: bold;
	color: #6C2619;
	border-bottom: 1px solid #6C2619;
}

h3 {
	font-size: 110%;
	margin-top: 40px;
	font-weight: bold;
	font-style: italic;
	color: #333333;
	margin-left: 0;
}

h4 {
	margin-top: 20px;
	font-weight: bold;
	color: #000000;
}

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 #6C2619;
	background-color: #F9F3F3;
	color: #336699;
}

label {
	cursor: pointer;
}

a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #6C2619;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}

acronym
{
	border-bottom: 1px dashed #666666;
	cursor: help;
}

/* Styles pour les textes relatifs ------------------------------- */


/*/*/
body, body div, body p, body th, body td, body li, body dd	{
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}

html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd	{
	font-size: small;
}
/* */

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

/* sections des pages standard ----------------------------------- */

#logo {
	position: absolute;
	z-index: 100;
	top: 0px;
	left: 0px;
	width: 700px;
	height: 90px;
	background-image: url(logo.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#logo h1 {
	position: absolute;
	left: 100px;
	top: 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:800;
	font-variant:small-caps;
	letter-spacing:3px;
	color:#FFFFFF;
	border-bottom: none;
}

#accroche {
	position: absolute;
	z-index: 110;
	top: 5px;
	right: 5px;
	color: #6C2619;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	letter-spacing: 2px;
}

#bienvenue {
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	z-index: 110;
	top: 50px;
	right: 5px;
	color: #6C2619;
	letter-spacing: 3px;
}

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

#dateheure {
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	z-index: 110;
	top: 50px;
	right: 350px;
	text-align: center;
}

#menus {
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	z-index: 110;
	top: 100px;
	left: 10px;
}

#principalzone {
	/* Juste pour IE ------------------------------- */
	width: 100%;
	z-index: 200;
	margin-top: 8px;
}

#principalmarge {
	padding-top: 112px;
	padding-left: 12px;
}

#principal {
	background-color:#FFFFFF;
	padding: 10px;
	width: 97%;
	
}

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

}

#basdepagemarge {
	padding-left: 12px;
}

#basdepage {
	background-color:#FFFFFF;
	margin-top: 10px;
	padding: 10px;
	width: 97%;
	letter-spacing: 1px;
	text-decoration: none;
}

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

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


#menu, #menu ul {
    padding : 0; /* pas de marge int?rieure */
    margin : 0; /* ni ext?rieure */
    list-style : none; /* on supprime le style par d?faut de la liste */
    line-height : 21px; /* on d?finit une hauteur pour chaque ?l?ment */
    text-align : center; /* on centre le texte qui se trouve dans la liste */
    }

#menu /* Ensemble du menu */
{
        font: bold 0.9em Trebuchet MS;
}
  
#menu a{
    text-decoration: none;
	text-align:center;
    background-color: #DF9D01;
    color: #062B38;
    border:1px #6C2619 solid;
	display:block;
    width:124px;
    padding:2px 0;
 
    }

#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconna?t pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche ? droite de chaque ?l?ment */
}

/* IE ne reconnaissant pas le s?lecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente ? droite de chaque ?l?ment */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 121px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}

#menu li ul li /* ?l?ments de sous-listes */
{
        /* pour IE qui ne reconna?t pas "transparent" (comme pr?c?demment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque ?l?ment d'une sous liste */
}

/* IE ne reconnaissant pas le s?lecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque ?l?ment */
}

#menu li ul ul 
{
        margin    : -21px 0 0 126px ; /* On d?cale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconna?t pas "transparent" (comme pr?c?demment) */
        border-left     : 1px solid #fff ; /* Petite bordure ? gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le s?lecteur ">" ... je me r?p?te ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque ?l?ment */
}

#menu a:hover{
	background-color: #FFF5C7;
    border: 1px #6C2619 solid;
	color: #000000;
    }
    
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un ?l?ment de liste */
{
        left: -999em; /* On exp?die les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un ?l?ment de liste ET sous-sous-lites lorsque la souris passe sur un ?l?ment de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}


#reservations {
	text-align: center;
}

#reservations td {
	text-align: center;
}

#editeur {
	z-index: 1000;
}

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

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

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

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

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

table.detail th, table.saisie th {
	width: 35%;
	padding: 4px;
	padding-right: 20px;
	padding-top: 12px;
	text-align: center;
	vertical-align: baseline;
	font-weight: bold;
	color: #6C2619;
	background-color: #F5D559;
	border-bottom: solid #FFFFFF 1px;
	border-right: solid #CCCCCC 1px;
	border-left: solid #CCCCCC 1px;
}

table.detail th.detailbaslibelle {
	border-bottom: solid #CCCCCC 1px;
}

table.liste th {
	font-weight: bold;
	color: #333333;
	background-color: #FBE899;
	padding: 6px;
	border-bottom: solid #F5CB1F 5px;
}

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

table.liste td {
	padding: 4px;
}

table.liste .lignecoloree {
	background-color: #FFF5C7;
	border-bottom: solid #F5CB1F 1px;
}

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;
	text-align: left;
}

.saisiebaslibelle {
	width: 35%;
	padding: 4px;
	padding-right: 20px;
	padding-top: 12px;
	text-align: right;
	vertical-align: baseline;
	color: #333333;
	background-color: #F5D559;
	border-bottom: solid #CCCCCC 1px;
	border-right: solid #CCCCCC 1px;
	border-left: solid #CCCCCC 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: #6C2619;
	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;
}

.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;
}

.boutonstandard {
	width: 100px;
	margin-right: 50px;
	font-family: Arial, Verdana, Helvetica, san-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #336699;
	border : solid 1px #000000;
	padding: 2px;
}

.boutonenregistrement {
	width: 100px;
	margin-right: 50px;
	font-family: Arial, Verdana, Helvetica, san-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #339900;
	border : solid 1px #000000;
	padding: 2px;
}

.boutonsuppression {
	width: 100px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #CC0000;
}

/*-- 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;
}