body {
	margin: 0;
	padding: 0;
    background: #B31C0D url() no-repeat;
	font-family: Trebuchet MS;
	font-size: 1em;
	color: #7A4F05;
}

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: #FFA50A;
	font-weight: bold;
	text-decoration: none;
}

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

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

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

#logo {
	position: absolute;
	z-index: 100;
	margin-left: 10px;
    margin-top: 5px;
	width: 600px;
	height: 110px;
	background-image: url(http://tcmouscron.tennisweb.be/clubs/tcmouscron/fichiers/documents/skin/logo.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#logo h1 {
	position: absolute;
    z-index: 200;
	left: -100px;
	top: -100px;
	color: #B31C0D;
    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: #FFA50A;
    font-size: 1em;
	z-index: 110;
	top: 40px;
	right: 400px;
	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: #B31C0D;
    padding: 0px;
}

/* modules de la page accueil */

#pages {
    background-color: #EA690E;  
    padding: 10px;
    width: 212px;
    height: 210px;
    color: #FFFFFF; 
    font-size: 0.8em;
}

#pages a {
	color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
}

#pages a:hover {
	color: #A3BD06;
	text-decoration: none;
    font-weight: normal;
}

#central {
    padding: 10px;
    position: absolute;
    top: 250px;
    left: 382px;
    width: 700px;
    height: 700px; 
    font-size: 0.8em;
}

#chemin {
	font-size: 0.8em;
    height: 20px;
    padding: 5px;
}

#calendrier {
	z-index: 100;
    background-color: #FFFFFF;  
    width: 212px;
    height: 250px;
    font-size: 0.8em;
	color: #EA690E;
    padding: 10px;
}
#annonces {
	z-index: 100;
    background-color: #FFFFFF;  
    padding: 10px;
    width: 212px;
    height: 120px;
    color: #716362; 
    font-size: 0.8em;
}

#annonces a {
    text-decoration: none;
    font-weight: normal;
}

#nouveaux {
    background-image: url("http://hortis.tennisweb.fr/clubs/hortis/fichiers/documents/skin/new/bg_bienvenue.png"); 
    background-position: top left;
	background-repeat: no-repeat; 
    padding: 10px;
    width: 212px;
    height: 117px;
    color: #FFFFFF; 
    font-size: 0.8em;
}
#partenaires {
	z-index: 100;
    position: absolute;  
    padding: 10px;
    top : 270px;
    left: 1002px;
    width: 212px;
    height: 312px;
    color: #A3BD06; 
    font-size: 0.8em;
}

#revue {
	z-index: 100;
    position: absolute; 
    background-color: #FFFFFF;  
    padding: 10px;
    top : 600px;
    left: 1002px;  
    padding: 10px;
    width: 212px;
    height: 300px;
    color: #A3BD06; 
    font-size: 0.8em;
}

#revue a {
    text-decoration: none;
    font-weight: normal;
}


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

}

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

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

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

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

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

/* CSS du menu horizontal, bieler batiste */

#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 : 18px; /* 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 1em Trebuchet MS;
        line-height : 18px; /* on définit une hauteur pour chaque élément */
}
  
#menu a{
    text-decoration: none;
	text-align:center;
    background-color: #FFA50A;
    background-image: url(relief.png);	border-radius: 0px 0px 0px 0px;
    color: #B31C0D;
                     display:block;
    width: 130px;
    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 */
}

#menu a.plus {
    border-right : 2px dotted #B31C0D;
}

/* 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: 130px; /* 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    : -23px 0 0 130px ; /* 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: #B31C0D;
        border-radius: 0px 0px 0px 0px;
    color: #FFFFFF;
    }
    
#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 {
}

#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 #FFA50A solid;
	padding: 2px;
	background-color: #F6ECEC;
	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: #B31C0D;
    color: #FFFFFF;
	padding: 2px;
	border-bottom: solid #FFA50A 0px;
}

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

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

table.liste td {
	padding: 4px;
}

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

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

.saisietextelogin {
	width: 100px;
	padding: 3px;
	font-family: Geneva, Arial, Helvetica, san-serif;
	color: #FFFFFF;
	border: 1px solid #EA690D;
	background-color: #615654;
}
.saisiesubmitlogin {
	width: 30px;
	padding: 3px;
	font-family: Geneva, Arial, Helvetica, san-serif;
	color: #FFFFFF;
	border: 1px solid #EA690D;
	background-color: #615654;
}
.saisiesubmitlogin:hover {
	width: 30px;
	padding: 3px;
	font-family: Geneva, Arial, Helvetica, san-serif;
	color: #000;
	border: 1px solid #EA690D;
	background-color: #fff;
}

.saisietextemenu {
	width: 20%;
	padding: 3px;
	margin-top: 3px;
	font-family: Geneva, Arial, Helvetica, san-serif;
	color: #E1E1E1;
	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;
}