/* Réinitialisation de tous les paramètres */
* {
margin: 0px;
padding: 0px;
font-family: Arial, Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Geneva, Helvetica, sans-serif;
font-size: 1em;
font-weight: normal;
font-style: normal;
text-decoration: none;
}

/* *********************** page principale ********************** */
body{
background-color:white;
font-size:12px;
font-variant:normal;
font-stretch:normal;
color: black;
font-family: Arial, Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Geneva, Helvetica, sans-serif;
text-align:center;
}

p{
text-indent:1em;
margin-bottom:0.5em;
}

table{
border-collapse:collapse;
}

h1{
font-size:22px;
text-align:center;
color:#003D00;
font-weight:bold;
margin:10px 0px 10px 0px;
}

h2{
font-size:16px;
text-align:left;
font-weight:bold;
color:#003D00;
margin:10px 0px 10px 0px;
}

h3{
font-size:16px;
text-align:left;
font-weight:bold;
color:#003D00;
margin:10px 0px 10px 0px;
}

h4{
font-size:13px;
text-align:justify;
font-weight:bold;
color:#FF9933;
margin:10px 0px 10px 0px;
}

h5{
font-size:12px;
color:black;
margin:10px 0px 10px 0px;
}

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

a:hover{
text-decoration:underline;
}

ul{
list-style-image:url("images/puce/balle.jpg");
margin-left:30px;
}

hr{
display:none;
}

div#page{
width:780px;
margin-left:auto;
margin-right:auto;
background-image:url('./images/fd_menu.jpg');
background-repeat:repeat-y;
background-position:left;
text-align:left;
}

a#fft, a#steenvoorde{
position:relative;
left:590px;
top:80px;
width:41px;
}

a#fft{	
height:34px;
border:none;
text-decoration:none;
display:block;
background-image:url("./images/logo_fft.jpg");
background-repeat:no-repeat;
}

a#steenvoorde{
height:52px;
border:none;
text-decoration:none;
display:block;
background-image:url("./images/logo_steenvoorde.jpg");
background-repeat:no-repeat;
}

div.evenement{
border: 2px solid #003D00;
background:#003D00;
padding:5px;
font-weight:bold;
color :#FF9900;
}

a.evenement{
padding-left:4px;
font-weight:bold;
color:#003D00;
}

div.anniversaire{
padding:10px;
background:#FF9900;
font-size:10px;
color:white;
padding:4px;	
border: 1px solid #003D00
}

div#bande_gauche{
float:left;
width:148px;
background-image:url('./images/fd_menu.jpg');
background-repeat:repeat-y;
background-position:left;
}

div#bande_droite{
float:left;
width:632px;
}

div#barre_bas{
background-color:#003D00;
text-align:center;
color:white;
padding:3px;
width:780px;
margin:0px auto;
}

div#cadre_moulin{
vertical-align:top;
background-image:url('./images/page_moulin.jpg');
background-repeat:no-repeat;
height:265px;
}

div#cadre_menu{
width:142px;
vertical-align:top;
margin-right:6px;
padding-top:7px;
}

div#barre_haut{
background-image:url('./images/page_tennis_haut.jpg');
background-repeat:no-repeat;
height:197px;
}

div#cadre_principal{
padding:10px;
text-align:justify;
}

div#news{
position:relative;
left:15px;
top:81px;
font-size:0.95em;
}

div#news span{
font-weight:bold;
color:#003D00;
}

div#news a{
color:#003D00;
}
/* ************************* bouton  **************************** */
div.liste_choix{
margin: 10px auto;
width:508px;
text-align:center;
}

div.liste_choix ul{
margin:0px;
}

div.liste_choix li{
float:left;
list-style-type: none;
list-style-image: none;
margin:3px;
}

div.liste_choix li.decalage_1{
position:relative;
left:83px;
}

div.liste_choix li.decalage_2{
position:relative;
left:167px;
}

a.bouton_normal{
width:162px;
height:40px;
display:block;
text-decoration:none;
background-image:url("./images/bouton_vert_clair.jpg");
}

a.bouton_normal:hover{
display:block;
text-decoration:none;
background-image:url("./images/bouton_orange.jpg");
}

a.bouton_selection{
width:162px;
height:40px;
display:block;
text-decoration:none;
background-image:url("./images/bouton_vert_fonce.jpg");
}

a.bouton_selection:hover{
text-decoration:none;
}

span.bouton{
position:relative;
top:14px;
left:1px;
font-weight:bold;
font-size:12px;
color:white;
}

/* ************************* login  **************************** */
span#login_licence_s{
color:#003D00;
position:relative;
top:160px;
left:70px;
font-weight: bold;
font-size:11px;
}

span#login_code_s{
color:#003D00;
position:relative;
top: 160px;
left: 28px;
font-weight: bold;
font-size:11px;
}

div#login_erreur{
color:yellow;
position:relative;
top:160px;
left:10px;
width:130px;
font-weight:bold;
font-size:11px;
text-align:left;
overflow:visible;
}

div#login_individu{
position:relative;
top:200px;
left:30px;
width:100px;
text-align:center;
color:black;
font-size:11px;
font-weight:bold;
}

input#login_licence{
position:relative;
top:160px;
left:70px;
width:60px;
color:#E8E10D;
background:#003D00;
font-size:11px;
font-weight: bold;
border: 1px solid black;
margin: 3px; 
padding: 2px; 
}

input#login_code{
position:relative;
top:160px;
left:28px;
width:60px;
color:#E8E10D;
background:#003D00;
font-size:11px;
font-weight: bold;
border: 1px solid black;
margin: 3px; 
padding: 2px; 
}

input#login_validation{
position:relative;
top:160px;
left:35px;
width:25px;
color:#E8E10D;
background:#003D00;
font-size:10px;
font-weight: bold;
border: 1px solid black;
margin: 3px; 
padding: 2px; 
}

a#login_deconnexion{
color:yellow;
text-decoration:underline;
font-style:oblique;
}

/* ************************** menu css*************************** */
div#menu{
width:100%;
}

div#menu div#espace_libre{
height:200px;
}

div#menu div.section{
text-align:center;
margin-bottom:5px;
}

div#menu ul{
margin:10px 0px;
}

div#menu li{
list-style-type: none;
list-style-image: none;
text-align:center;
}

div#menu div.separation{
height:15px;
}

span.menu{
position:relative;
top:10px;
left:11px;
font-weight:bold;
font-size:11px;
color:#013E02;
}

span.menusection{
position:relative;
left:10px;
top:3px;
color:#013E02;
font-weight:bold;
font-size:12px;
}

a.menu{
width:142px;
height:28px;
display:block;
text-decoration:none;
background-image:url("./images/normal.jpg");
background-repeat:no-repeat;
}

a.menu:hover{
text-decoration:none;
background-image:url("./images/survole.jpg");
background-repeat:no-repeat;
}

a.menuactuel{
width:142px;
height:28px;
display:block;
text-decoration:none;
background-image:url("./images/selection.jpg");
background-repeat:no-repeat;
}

a.menuactuel:hover{
text-decoration:none;
background-image:url("./images/survole.jpg");
}
a.menusection{
display:block;
text-decoration:none;
width:142px;
height:18px;
background-image:url("./images/onglet.jpg");
text-align:left;
background-repeat:no-repeat;
}

a.menusection:hover{
text-decoration:none;
}

/* *************************** plan  *************************** */
div.planmenu{
text-align:left;	
color:#ff9900;
}

div.plancommentairemenu{
margin-left:30px;
text-align:left;	
}

div.plantitresectionmenu{
font-size:18px;
color:#013E02;
}

div.planensemblesectionmenu{
margin-left:30px;
background:#FF9900;
padding:5px;
border: 1px solid #003D00;
color:white;
}

a.planmenu{
text-decoration:underline overline;
color:white;
font-weight:bold;
font-size:16px;
}

/***************************CONTACT *************************/
div#contact{
text-align:center;
border-bottom: 2px dotted #003D00;
margin:10px;
}

/************************* informations **********************/
div.affichage_information{
background-color:#FF9900;
font-weight:bold;
color:white;
border: 1px solid #003D00;
}

div.affichage_information a{
color:white;
display:block;
}

div.affichage_information .gauche{
float:left;
text-align:left;
margin:4px;
}

div.affichage_information .droite{
float:right;
text-align:right;
width:140px;
margin:4px;
}

/* ************************* commun ************************* */
a.bouton{
background-color:#003D00;
color:white;
font-weight:bold;
margin:1px;
padding:10px;
}

a.bouton:hover,a.bouton:focus{
background-color:white;
color:#003D00;
border: 1px solid black;
text-decoration:underline;
}

a.info{
width:16px;
height:16px;
display:block;
background-image:url("./images/info/1988.gif");
margin-left:auto;
margin-right:auto;
text-decoration:none;
}

a.suppression{
width:16px;
height:16px;
display:block;
background-image:url("./images/info/supprimer.gif");
margin-left:auto;
margin-right:auto;
text-decoration:none;
}

a.coti{
width:16px;
height:16px;
display:block;
background-image:url("./images/info/cotisation.gif");
margin-left:auto;
margin-right:auto;
text-decoration:none;
}

a.fiche{
width:16px;
height:16px;
display:block;
background-image:url("./images/info/fiche.gif");
margin-left:auto;
margin-right:auto;
text-decoration:none;
}

a.invit{
width:16px;
height:16px;
display:block;
background-image:url("./images/info/invitation.gif");
margin-left:auto;
margin-right:auto;
text-decoration:none;
}

table.info{
border: 0px solid;
text-align:center;
padding:2px;
margin:2px;
border-collapse:separate;
}

tr.description{
text-align:center;
font-weight:bold;
background:#003D00;
color:white;
padding:2px;
}

tr.l1 td,tr.l2 td,tr.ligne1 td,tr.ligne2 td{
padding:1px 5px 1px 5px;
color:black;
}

tr.ligne1,tr.l1{
background:yellow;
}

tr.ligne2,tr.l2{
background:#FFCC33;
}

tr.important{
background:red;
color : white;
}

td.ligne1,td.ligne2,important,tr.description td,td.l1,td.l2{
padding:3px;
}

div.important{
color:red;
font-weight:bold;
}

a.negatif{
text-decoration:none;
padding:5px;
color: white;
background:red;
border: 1px solid black;
}

a.positif{
text-decoration:none;
padding:5px;
color: white;
background:#003D00;
border: 1px solid black;
}

tr.description td a{
color:white;
}

a.image img{
border: 2px white solid;
}

a.image:hover img{
border:2px #002D00 solid;
}

a.image:hover{
border:0px;
}

div.clear{
clear:both;
font-size:1px;
}
/* ************************ renseignements *************************** */
div.tooltip{
display:inline;
width:16px;
height:16px;
background-image:url("./images/info/1988.gif");
margin:5px;

text-decoration:none;
padding-right:16px;
padding-bottom:10px;
background-repeat:no-repeat;
}
/* ************************ historique événements *************************** */
div.evenement_annee{
margin-bottom:20px;
}