body {
	font: 14px "lucida grande", tahoma, verdana, arial, sans-serif;
	padding: 0px; margin: 15px; background: url(img/fond-site.png) repeat-x;
}
a { color: #006398; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0px; }
dt { font-weight: bold; padding-top: 10px; margin-left: 20px; }

.petitTexte { font-size: 12px; }

/* ##### Debut : Section grandTitre ##### */
#grandTitre { 
	width: 990px; height: 129px; padding: 0px; margin: 0px auto;
}
.Logo {
	float: left; height: 100px; width: 200px; 
	margin: 0px auto; padding: 0px; 
}

.imgga { display: block; float: left; margin: 0px; padding: 0px; }
.imgdr { display: block; float: right; margin: 0px; padding: 0px; }

.imgcb { position: relative; top: 12px; }
.imgcm { position: relative; top: 3px; }

/* Pour les activités spéciales du club */
#Special { 
    float: left; height: 55px; width: 200px; padding: 0px; margin: 0px; 
    background:url(img/fond.png) repeat-x; background-color: #006398; 
    position: relative; top: 20px; font: bold 0.9em arial; 
}
#Special a {
    color: black; text-decoration: none; padding: 0px 0px 0px 15px; 
    margin: 0px 12px; height: 50px; line-height: 68px; 
    background:url(img/pierreGauche.png) no-repeat; background-position: left 0px;
    float:left; display: block; 
}
#Special a span {
    background:url(img/pierreDroite.png) no-repeat; background-position: right 0px;
    height: 50px; display: block; padding: 0px 15px 0px 0px; margin: 0px;
}

#Special a:hover { color: blue; background-position: left -50px; }
#Special a:hover span { background-position: right -50px; }

#Special a.active { color: #888888; background-position: left -100px; }
#Special a.active span { background-position: right -100px; }
/* -------------------------------------------- */

#Publicite { 
	float: left; height: 105px; width: 590px;
	margin: 0px; padding: 0px;
}
#pubs { width: 590px; padding: 0px; margin: auto; text-align: center; }
#pubs img { border: #072c58 2px solid; }

#sousSection { clear: both; }
.saison { 
	float: left; width: 185px; height: 24px; background-color: #444444;
	border: 5px #737373 outset; border-bottom: solid black 0px;
	color: white; margin: 0px; padding: 0px;
	text-align: center; font-weight: bold; line-height: 24px;
}
#Path {
	background: white url('img/bgPath.jpg') center bottom no-repeat;
	float: left; padding: 9px 0px 0px 0px;
	height: 20px; width: 600px; margin: 0px; font-size: 12px;
}
#Path a {
	display: block; line-height: 20px; padding: 0px 10px;
	background: #970000; border-right: white 3px solid; color: white;
	text-decoration:none;
}
#Path a.on { background: #006398; }
#Path a:hover { background: #006398; }
#Path ul { margin: 0px 0px 0px 5px; padding: 0px; width: 600px; }
#Path ul li { display: inline; float: left; }

/* ##### Fin : Section grandTitre ##### */

/* ##### Debut : Interface ##### */
#Interface { 
	background: url('img/bgInterface.jpg') repeat-y;
	margin: 0px auto;
	width: 990px;
}
/* ##### Fin : Interface ##### */

/* ##### Debut : CadreGauche et CadreDroite ##### */
#CadreGauche, #CadreDroite { width: 200px; margin: 0px; padding: 0px; }
#CadreGauche { float: left; } 
#CadreGauche a { color: white; }
#CadreDroite { float: right; } 
/* ##### Fin : CadreGauche  et CadreDroite ##### */

/* ##### Debut : Menu ##### */
#Menu {
	background: #970000 url('img/bgMenu.jpg') repeat-y;
	width: 200px; text-align: center; 	
}
#Menu h2 { 
	background: url('img/sections/navigation.jpg') no-repeat;	
	padding: 0px; margin: 0px; height: 30px; 
}

#Menu ul { margin: 0px; padding: 0px; list-style-type: none; }
#Menu ul li a {
	background: url('img/bgMenuLiens.jpg') repeat-y;
	color: white; display: block; text-decoration: none;
	padding: 5px 0px; margin-bottom: 3px;
}
#Menu ul li a:hover {
	background: url('img/bgMenuLiensHover.jpg') repeat-y;
	font-weight: bold;
}
.flg { position: relative; left: 10px; }
.fld { position: relative; left: -10px; }
/* ##### Fin : Menu ##### */

/* ##### Debut : Connexion ##### */
#Connexion {
	color: white; font-size: 12px; text-align: left;
	width: 200px; margin-bottom: 50px;
}
#Connexion h2 { padding: 0px; margin: 0px; height: 30px; }
#Connexion h2.connexion 	 { background: url('img/sections/connexion.jpg') no-repeat; }
#Connexion h2.membre 		 { background: url('img/sections/membre.jpg') no-repeat; }
#Connexion h2.administration { background: url('img/sections/administration.jpg') no-repeat; }
#Connexion h2.direction 	 { background: url('img/sections/direction.jpg') no-repeat; }

#Connexion .titre, #Connexion .erreur  { 
	padding: 0px; margin: 0px auto 10px; 
	font-weight: bold; text-align: center;
}
#Connexion .erreur { color: #ff9800; }
#Connexion ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
	text-align: center;
}
#Connexion ul li a {
	background: url('img/bgMenuLiens.jpg') repeat-y;
	color: white;
	display: block;
	margin-bottom: 3px;
	padding: 5px 0px;
	text-decoration: none;
}
#Connexion ul li.deconnexion a { font-weight: bold; text-transform: uppercase; }
#Connexion ul li a:hover {
	background: url('img/bgMenuLiensHover.jpg') repeat-y;
	font-weight: bold; color: white;
}
#Connexion .login { width: 100%; padding: 0px; margin: 5px auto; }
#Connexion p { padding: 0px; margin: 5px auto 10px; }
#Connexion label, #Connexion input { display: block; width: 83%; padding: 0px; margin: 1px 15px; }
#Connexion .btn { display: block; width: 50%; padding: 0px; margin: 15px auto; }

/* ##### Fin : Connexion ##### */

/* ##### Debut : Contenu ##### */
#Contenu { 
	float: left; padding: 0px;
	width: 590px; overflow: hidden;
}
#Contenu .intro { text-align: justify; }
#Contenu p.menu {  
	padding: 5px 0px; width: 90%; clear: both; height: 50px; 
}
#Contenu hr { border: 2px solid #66a1c1; margin: 15px 10px; } 
#Contenu li { margin: 0px 20px 5px 0px; }

#Contenu img.banniere { border-bottom:5px #006398 solid; }
#Contenu p, #Contenu h3, #Contenu h4, #Contenu h5 { margin: 12px 20px; }
#Contenu p { margin-top: 0px; }
#Contenu .inscription { font-weight: bold; font-size: 20px; }
#Contenu .emphase { display: block; width: 80%; height: 30px; float: left;
	               font-weight: bold; color: black; line-height: 30px; padding: 0px; }
#Contenu .edit1 { display: block; width: 19%; height: 30px; float: left;  
                  line-height: 30px; text-align: right; padding: 0px; }
#Contenu .edit2 { clear: both; line-height: 30px; padding: 0px; }
#Contenu .important { font-weight: bold; color: red; }
#Contenu .etiqIP { 
	display: block; float: left; width: 230px; margin: 0px 0px 5px 25px;
	text-align: left; font-weight: bold; 
}
#Contenu .infosIP { display: block; float: left; width: 230px; margin-bottom: 5px; }
#Contenu .p6 { font-weight: bold; color: black; text-align: center; margin: 25px auto; }
#Contenu br { clear: both; }
#Contenu .infosLigue { 
	color: #006398; font: bold 1.5em arial; text-align: center;
	margin: 20px;
}

#Contenu h3 { color: #970000; font-weight: normal; font-size: 20px; }
#Contenu h4 {
	color: black; font-weight: bold;
	font-size: 16px; margin-bottom: 0px;		
}
#Contenu h4.second {
	color: black; font-weight: bold;
	font-size: 14px; margin-bottom: 0px;		
}
#Contenu h5 {
	color: #970000; font-weight: normal;
	font-size: 16px; margin-bottom: 10px;	
}
#Contenu .titreT {
	width: 590px; height: 70px; margin: 0px auto; padding: 0px; 
}
#Contenu .titreT h2, #Contenu .titreT h3, #Contenu .titreDraw h2 { 
	width: 500px; margin: 5px auto; padding: 0px;
	text-align: center;
}
#Contenu .titreDraw { 
	width: 590px; margin: 5px auto; padding: 0px; 
}

#Contenu .bouton { height: 50px; margin: 0px; padding: 0px; }

#Contenu a.draw:link, a.draw:visited {
	display: block; float: left; width: 100px; height: 25px; line-height: 25px; 
	text-align: center; font-size: 1.2em; text-decoration: none; 
	margin: 10px 0px 10px 34px; background-color: #970000; color: white; 
	border-width: 2px 3px 3px 2px; border-style: solid;
	border-color: #650000 #ff5b5b #ff5b5b #650000;
	}
#Contenu a.draw:hover {
	background-color: #970000; color: white; font-style: italic;
	border-width: 2px 3px 3px 2px; border-style: solid;
	border-color: #ff5b5b #650000 #650000 #ff5b5b;
}
#Contenu .spc {
	clear: both; margin: 10px; padding: 5px; background-color: #84d688; 
	border: 3px #122f10 solid; text-align: center; font-size: 1.25em; font-weight: bold; color: #122f10;
}
#Contenu .affiche {
	width: 250px; height: 330px; float: left; margin: 10px 0px 0px 29px; padding: 0px;
	border: 1px black solid;
}
#Contenu .image {
	width: 200px; height: 260px; margin: 10px; padding: 10px;
}
#Contenu .lien  { 
	display: block; width: 200px; margin: auto; padding: 0px; text-align: center;
	font-weight: bold; color: #006398; 
}
#Contenu .affiche2 {
	width: 400px; height: 300px; margin: 5px auto; padding: 0px;
	border: 1px black solid;
}
#Contenu .image2 {
	width: 330px; height: 250px; margin-left: 35px; padding: 0px;
}
#Contenu .lien2  { 
	display: block; width: 350px; margin: auto; padding: 0px; text-align: center;
	font-weight: bold; color: #006398; 
}

#Contenu .site  { clear: both;
	width: 590px; margin: 0px auto; padding: 25px 0px; text-align: center;
	font-weight: bold; font-size: 20px; color: black; 
}

#Contenu .tblStyle { 
	border : 2px solid black; border-collapse: collapse;
	margin: 20px auto; width: 560px; position: relative;
}
#Contenu .tblStyle th {
	background: #006398; color: white; padding: 2px;
	font-weight: bold; text-align: center;
}
#Contenu .tblStyle td { 
	border: 1px #80B1CF solid; border-right: 0px #80B1CF solid; 
	padding: 5px 0px; padding-right: 8px; text-align: right;
}
#Contenu .tblStyle .standard { text-align: left; }
#Contenu .tblStyle .titre {
	background: #970000; color: white; border: 0px; padding: 5px; text-align: center;
	border-bottom: 3px #C16663 solid; font-weight: bold; font-size: 1.5em; 
}
#Contenu .tblStyle .stitre {
	border-left: 2px #002d47 solid; border-bottom: 2px #002d47 solid;
	font-size: 1.3em; font-weight: bold; color: #80B1CF; width: 50%;
}
#Contenu .tblStyle .cell { border-left: 2px #002d47 solid; }

#Contenu .tblStyle .stitre1a, #Contenu .tblStyle .stitre1b {
	border-left: 2px #002d47 solid; border-bottom: 2px #002d47 solid;
	font-size: 1.3em; font-weight: bold; color: #80B1CF;
}
#Contenu .tblStyle .stitre1a { width: 44%; }
#Contenu .tblStyle .stitre1b { width: 28%; }
	
#Contenu .tblStyle .stitre2a, #Contenu .tblStyle .stitre2b {
	border-bottom: 2px #002d47 solid;
	font-weight: bold; font-size: 0.9em; color: #80B1CF; }
#Contenu .tblStyle .stitre2a, #Contenu .tblStyle .cella { border-left: 2px #002d47 solid; }
#Contenu .tblStyle .stitre2b, #Contenu .tblStyle .cellb { border-left: 1px #80B1CF dotted; }

#Contenu .tblStyle .categorie { font-weight: bold; text-align: left; padding-left: 3px; }
#Contenu .tblStyle .basTab {
	background-color: #80B1CF; border-top: 2px black solid;
	font-weight: bold; text-align: center; padding: 3px;
}
#Contenu .tblStyle .basTab .spcat { color: #004164; font-style: italic; line-height: 2.0em;}
#Contenu .nDate { color: #aaa; border-top: 1px #006398 solid; }

/* Objets Full Calendar et qTip */
#fCald { width: 544px; margin: 0px auto; }  /* Objet full Calendar */
.qtip { font: bold italic 0.9em arial; }    /* Objet qTip */

/* Menu pour le choix des categories de tournois */
.catT { width: 546px; margin: 3px auto; }
.menuFC:link, .menuFC:visited { 
	display: block; float: left; width: 60px; line-height: 16px;  margin: 0px 0px 3px 2px; 
	font: bold 0.8em arial; text-align: center; text-decoration: none;
	border: outset 3px #888; color: white;   
}

.menuFC.op { background: #c80000; }
.menuFC.ho { background: #0000cc; }
.menuFC.fe { background: #660066; }
.menuFC.mi { background: #008080; }
.menuFC.ju { background: #005500; }
.menuFC.co { background: #444444; }
.menuFC.se { background: #ee5700; }
.menuFC.ma { background: #663300; }

.menuFC:hover { font-style: italic; border: inset 3px #888; color: black; }
.menuFC.op:hover { background: #ff9999; }
.menuFC.ho:hover { background: #6598ff; }
.menuFC.fe:hover { background: #ff65cc; }
.menuFC.mi:hover { background: #65ffcb; }
.menuFC.ju:hover { background: #66ff66; }
.menuFC.co:hover { background: #dddddd; }
.menuFC.se:hover { background: #fffe65; }
.menuFC.ma:hover { background: #ffcb65; }

.menuFC.tous:link, .menuFC.tous:visited { 
	float: right; clear: both; width: 125px; line-height: 20px;
	margin: 2px 5px 0px 0px; background: #006198; font-size: 0.6em;
}
.menuFC.tous:hover { background: #7eb1ca; }

/* ##### Fin : Contenu ##### */

/* ##### Debut : Carte ##### */
#carte { width: 100%; margin: 0px auto; padding: 0px; position: relative; left: -15px; }
#carte h3, #carte h4 { width: 50%; margin: 5px auto; text-align: center; }
#carte img { width: 105%; margin: 0px; }
#Contenu .btn  { position: relative; left: 120px; width: 70%; margin: 10px auto; padding: 0px; }
/* ##### Fin : Carte ##### */


/* ##### Debut : Boutons spéciaux et bulles d'aide ##### */
#Contenu p.btnI { width: 390px; height: 60px; margin: 0px auto; }
#Contenu a.btnV {  
    color: white; text-decoration: none; font: bold 1.5em arial;
    margin: 0px; height: 60px; line-height: 58px; padding-right: 50px;
    background: url(img/btnV-d.png) 100% 0px; 
    display: block; float: left;
}
#Contenu a.btnV span { 
    background: url(img/btnV-g.png) 0% 0px; margin: 0px; 
	height: 60px; padding-left: 40px; display: block;
}
#Contenu a.btnV:hover { background-position: 100% -60px; cursor: pointer; color: #062c03; }
#Contenu a.btnV:hover span { background-position: 0% -60px; }

#Contenu a.flGa {  
    color: white; text-decoration: none; font: bold 1.0em arial;
    margin: 0px; width: 200px; height: 70px; line-height: 58px; padding-right: 0px;
    background: url(img/flgauche.png) 100% 0px; 
    display: block; float: left;
}
#Contenu a.flGa span { height: 70px; line-height:68px; padding-left: 35px; }
#Contenu a.flGa:hover { background-position: 100% -70px; cursor: pointer; color: #062c03; }

#Contenu a.btnB { 
    color: #b7d9e2; text-decoration: none; font: bold 14px arial;
    margin: 0px 5px; height: 40px; line-height: 38px; padding-right: 20px;
    background: url(img/btnB-d.png) 100% -40px;
    display: block; float: left;
}
#Contenu a.btnB span {
    background: url(img/btnB-g.png) 0% -40px;
	height: 40px; padding-left: 20px; display: block;
}
#Contenu a.btnB:hover { background-position: 100% 0px; cursor: pointer; color: white; }
#Contenu a.btnB:hover span { background-position: 0% 0px; }

#Contenu a.btnR { 
    color: #daa8a6; text-decoration: none; font: bold 14px arial;
    margin: 0 5px; height: 40px; line-height: 38px; padding-right: 20px;
    background: url(img/btnR-d.png) 100% -40px;
    display: block; float: left;
}
#Contenu a.btnR span {
    background: url(img/btnR-g.png) 0% -40px;
	height: 40px; padding-left: 20px; display: block;
}
#Contenu a.btnR:hover { background-position: 100% 0px; cursor: pointer; color: white; }
#Contenu a.btnR:hover span {background-position: 0% 0px; }

#enteteActive1, #enteteActive2, #enteteActive3 { 
	border: 5px groove #006398; width: 70%; margin: 10px auto; font-size: 0.9em;
	background-color: #a8cfde; padding: 5px 0px 5px 20px; font-weight: bold; text-align: left;
}
#lstCompte { width: 80%; border: dotted 1px #006398; margin: 5px auto; padding: 5px; }
#lstCompte dt { color: black; font-size: 1.25em; padding: 3px 0px 0px 0px; }
#lstCompte dd { color: #970000; font-weight: bold; padding: 3px 0px 0px 0px; }
/* ##### Fin : Boutons spéciaux et bulles d'aide ##### */

/* ##### Debut : Sous-menu de navigation ##### */
.topbar { 
    font: bold 0.85em arial; background:url(img/fond.png) repeat-x; height: 50px;
    padding: 0px;  margin: 0px; width: 100%; clear: both; 
}
.topbar a {
    color: black; text-decoration:none; padding-left: 20px; 
    margin: 0px 5px; height: 50px; line-height: 68px; 
    background:url(img/pierreGauche.png) no-repeat; background-position: left 0px;
    float:left; display: block; 
}
.topbar a span {
    background:url(img/pierreDroite.png) no-repeat; background-position: right 0px;
    height: 50px; display:block; padding-right: 20px; margin:0px;
}

.topbar a:hover { color: blue; background-position: left -50px; }
.topbar a:hover span { background-position: right -50px; }

.topbar a.active { color: #888888; background-position: left -100px; }
.topbar a.active span { background-position: right -100px; }
/* ##### Fin : Sous-menu de navigation  ##### */

/* ##### Debut : Liste des membres ##### */
#Contenu .entete1 { 
	text-align: center; margin: auto; padding: 5px; font-size: 14px; font-weight: bold;
}
#Contenu .eclaire a  { 
	color: black; text-decoration: none; margin: 1px;
	border: 1px solid #006398; padding: 1px 3px; background-color:  #a8cfde;
}
#Contenu .eclaire a:hover  { background-color: #016298; color: white; }
#Contenu .diffus { 
	color: #aeafb8; padding: 1px 3px; 
	border: 1px solid #aeafb8; margin: 1px;
}
#Contenu .listeMembre { margin: 0px 20px; padding: 0px; border-bottom: 1px dotted #006398; }
#Contenu .lstMembre2 { margin: 0px; padding: 0px; line-height: 25px; }
#Contenu .lstMembre2 hr { clear: both; width: 95%; border: 1px dotted #66a1c1; padding: 0px; margin: 10px auto; }

#Contenu .entete2 { 
	width: 25px; text-align: center; background-color: #a8cfde;
	border: 3px outset #006398; padding: 2px; margin: 5px;
	font-weight: bold; color: black; font-size: 16px;
}
#Contenu .col1, #Contenu .col2 { 
	display: block; width: 45%; float: left; 
	margin: 0px 0px 10px 20px; padding: 0px;
}
#Contenu .droite { clear: both; text-align: right; padding: 10px 0px 5px; margin: 0px; }
#Contenu .droite input { position: relative; left: -350px; }
#Contenu .droite a { font-weight: bold; color: #006398; text-decoration: none; }
#Contenu .droite a:hover { font-style: italic; }
/* ##### Fin : Liste des membres ##### */

/* ##### Debut : Infos sur les membres ##### */
#frmBottin, #frmBottin>input { cursor: pointer; }

#tblBottin {
	border : 1px solid black; border-collapse: collapse;
	margin: 10px auto 25px; width: 480px;
}
#tblBottin th {
	background: #006398; color: white; padding: 5px; font-size: 16px;
	font-weight: bold; text-align: center; border : 1px solid black;
}
#tblBottin .t0g, #tblBottin .t0d {
	background: #970000; color: white; padding: 5px; font-size: 12px;
	font-weight: bold; border: 1px solid black ; width: 50%;
}
#tblBottin .t0g { text-align: right; border-right: 0px black solid; }
#tblBottin .t0d { text-align: left; border-left: 0px black solid; }

#tblBottin .t1 { 
	width: 40%; text-align: right; font-weight: bold;
	border: 1px #80B1CF solid;  padding: 5px; 
}
#tblBottin .t2 {
	width: 60%; text-align: left;
	border: 1px #80B1CF solid; border-left: 0px #80B1CF solid; padding: 5px; 
}
#tblBottin .t3g, #tblBottin .t3d { 
	font-weight: bold; color: #970000; background-color: #cccccc;
	border: 1px solid black ; width: 50%; padding: 5px; 
}
#tblBottin .t3g { text-align: right; border-right: 0px black solid; }
#tblBottin .t3d { text-align: left; border-left: 0px black solid; }
/* ##### Fin : Infos sur les membres ##### */

/* ##### Debut : Tableau des equipes, des horaires, des classements et des champions ##### */
.tblParticipation {
	border : 2px solid black; border-collapse: collapse;
	margin: 10px auto 25px; width: 60%;
}
.tblParticipation th {
	background: #970000; color: white; padding: 10px;  font-size: 1.4em;
	font-weight: bold; text-align: center; border : 2px solid black;
}
.tblParticipation .stitre {
	background: #006398; color: white; padding: 5px; font-size: 16px;
	font-weight: bold; text-align: center; border: 1px solid black;
}
.tblParticipation .l0 { background-color: white; }
.tblParticipation .l1 { background-color: #dddddd; }
.tblParticipation td { border : 1px solid black; width: 50%; text-align: center; padding: 5px 0px; }

.tblCompetition {
	border: 2px solid black; border-collapse: collapse;
	margin: 10px auto 25px; width: 90%;
}
.tblCompetition th {
	background: #970000; color: white; padding: 10px;  font-size: 1.4em;
	font-weight: bold; text-align: center; border : 2px solid black;
}
.tblCompetition .stitre, .tblCompetition .t1 { 
	background: #006398; color: white; padding: 7px 0px; font-size: 0.9em;
	font-weight: bold; text-align: center; border: 1px solid black;
}
.tblCompetition .stitre2 { 
	background: #ffffff;  padding: 10px 0px; font-size: 1.0em; width: 16.7%;
	font-weight: bold; text-align: center; border: 1px solid black;
}
.tblCompetition th.separ {
	background: #970000; line-height: 0.25em; padding: 0px;
	border : 2px solid black;
 }

.tblCompetition .t1 { width: 20%; font-size: 12px; }
.tblCompetition .colG { border: 1px solid black; width: 20%; padding: 3px 0px 3px 5px; }
.tblCompetition .colG1 { border: 1px solid black; width: 20%; font-weight: bold; padding: 3px 0px 3px 5px; }
.tblCompetition .colC1 { border: 1px solid black; width: 25%; padding: 7px 0px 7px 5px; }
.tblCompetition .colC2 { border: 1px solid black; width: 50%; padding: 7px 0px 7px 5px; }
.tblCompetition .colD { border: 1px solid black; width: 20%; padding: 3px; text-align: center; }
.tblCompetition .colD a { display: block; width: 70%; padding: 2px; margin: 0px auto; }
.tblCompetition .l0 { background-color: white; }
.tblCompetition .l1 { background-color: #dddddd; }

.tblFinale {
	border: 2px solid black; border-collapse: collapse;
	margin: 10px auto 25px; width: 75%;
}
.tblFinale th {
	background: #970000; color: white; padding: 10px;  font-size: 1.4em;
	font-weight: bold; text-align: center; border : 2px solid black;
}
.tblFinale .stitre { width: 33%; 
	background: #006398; color: white; padding: 7px 0px; font-size: 0.9em;
	font-weight: bold; text-align: center; border: 1px solid black;
}
.tblFinale .stitre2 > a { background: #970000; color: white; font-size: 0.6em; }
.tblFinale .stitre3 { 
	background: #006398; color: white; padding: 5px; font-size: 1.25em;
	text-align: center; border: 2px solid black;
}

.tblFinale .stitre3 > a { background: #006398; color: white; }

.tblFinale .stitre4 { 
	background: #ffffff;  padding: 10px 0px; font-size: 1.0em;
	font-weight: bold; text-align: center; border: 1px solid black;
}
.tblFinale th.separ {
	background: #970000; line-height: 0.25em; padding: 0px;
	border : 2px solid black;
 }
.tblFinale .col { border: 1px solid black; width: 33%; text-align: center; padding: 3px; }
.tblFinale .l0 { background-color: white; }
.tblFinale .l1 { background-color: #dddddd; }

#flmu {
	display: block; float: left;
	height: 20px; width: 20%; margin: 0px; padding: 0px;
	background: url(img/fcroi.png) top left no-repeat; 
    text-align: center; text-decoration: none;
}
#flmd {
	display: block; float: right;
	height: 20px; width: 20%; margin: 0px; padding: 0px;
	background: url(img/fdecr.png) top left no-repeat; 
    text-align: center; text-decoration: none;
}
#flmu:hover, #flmd:hover { background-position: 0% -20px; }
#flmc { display: block; width: 58%; float: left; margin: auto; text-align: center; }

.tblHistoClub, .tblHistoQuart {
	border: 2px solid black; border-collapse: collapse;
	margin: 10px auto 25px; width: 90%;

}
.tblHistoClub .gtitre, .tblHistoQuart .gtitre {
	background: #970000; color: white; padding: 10px;  font-size: 1.4em;
	font-weight: bold; text-align: center; border : 2px solid black;
}
.tblHistoClub .stitre, .tblHistoQuart .stitre { 
	background: #006398; color: white; padding: 7px 0px; font-size: 0.9em;
	font-weight: bold; text-align: center; border: 1px solid black;
}
.tblHistoClub .stitre2, .tblHistoQuart .stitre2, .tblHistoQuart .stitre3 { 
	background: #aaaaaa;  padding: 10px 0px; font-size: 1.0em; width: 14.3%;
	font-weight: bold; text-align: center; border: 1px solid black;
}
.tblHistoQuart .stitre2 { width: 16%; }
.tblHistoQuart .stitre3 { width: 28%; }

.tblHistoClub .l0, .tblHistoQuart .l0 { background-color: white; }
.tblHistoClub .l1, .tblHistoQuart .l1 { background-color: #dddddd; }
.tblHistoClub td, .tblHistoClub .an { padding: 5px 0px 5px 2px; border: 1px solid black; }

.tblHistoQuart .debutBloc { border-top: 1px solid black; }
.tblHistoQuart .suite { border-left: 1px solid black; padding-left: 10px; }

.tblClassement {
	border: 1px solid black; border-collapse: collapse;
	margin: 10px auto 25px; width: 80%;
}
.tblClassement th {
	background: #006398; color: white; padding: 5px; font-size: 16px;
	font-weight: bold; text-align: center; border: 1px solid black;
}
.tblClassement .colG { border: 1px solid #aaaaaa; width: 30%; padding: 5px 0px 5px 10px; }
.tblClassement .colD { border: 1px solid #aaaaaa; width: 70%; padding: 5px 0px 5px 10px; }
.tblClassement .colG3 { border: 1px solid #aaaaaa; width: 7%; text-align: center; padding: 5px 0px; }
.tblClassement .colD3 { border: 1px solid #aaaaaa; width: 86%; padding: 5px 0px 5px 10px; }
.tblClassement .colG4 { border: 1px solid #aaaaaa; width: 7%; text-align: center; padding: 5px 0px; }
.tblClassement .colD4 { border: 1px solid #aaaaaa; width: 79%; padding: 5px 0px 5px 10px; }
.tblClassement .colG5 { border: 1px solid #aaaaaa; width: 7%; text-align: center; padding: 5px 0px; }
.tblClassement .colD5 { border: 1px solid #aaaaaa; width: 72%; padding: 5px 0px 5px 10px; }
.tblClassement .colStd { border: 1px solid #aaaaaa; width: 50%; padding: 5px 0px 5px 10px; }
.tblClassement .l0 { background-color: white; }
.tblClassement .l1 { background-color: #dddddd; }
 
.tblClassement3 th.separ {
	background: #970000; line-height: 0.25em; padding: 0px;
	 border : 2px solid black;
 }
.tblClassement3 td.colg { 
	border: 1px solid #aaaaaa; width: 20%; padding: 5px; text-align: center;
}
.tblClassement2, .tblClassement3 {
	border : 2px solid black; border-collapse: collapse;
	margin: 10px auto; width: 80%; padding: 0px;
}

.tblClassement2 th, .tblClassement3 th {
	background: #970000; color: white; padding: 10px;  font-size: 1.4em;
	font-weight: bold; text-align: center; border : 2px solid black;
}
.tblClassement2 .l0, .tblClassement3 .l0  { background-color: white; }
.tblClassement2 .l1, .tblClassement3 .l1 { background-color: #dddddd; }

.tblClassement2 td { 
	width: 16%; padding: 3px 5px;  border : 1px solid #aaaaaa;
	font-weight: bold; font-size: 0.9em; text-align: center; 
}
.tblClassement2 a { display: block; width: 70%; padding: 5px; }

.tblClassement3 td,.tblClassement3 td { 
	padding: 10px;  border : 1px solid #aaaaaa;
	font-weight: bold; font-size: 0.9em; text-align: center; 
}
.tblClassement3 td { text-align: left; }

.tblClassement2 .stitre, .tblClassement3 .stitre {
	background: #006398; color: white; padding: 8px 5px; font-size: 0.9em;
	font-weight: bold; text-align: center; border : 1px solid black;
}

.tblChampions {
	border : 2px solid black; border-collapse: collapse;
	margin: 10px auto; width: 95%; padding: 0px;
}
.tblChampions th {
	background: #970000; color: white; padding: 10px; font-size: 1.5em;
	font-weight: bold; text-align: center; border : 2px solid black;
}
.tblChampions td { 
	border: 1px solid #dddddd; border-top: 0px solid black; width: 33%; padding: 5px 2px;
	text-align: center; vertical-align: top;
}
.tblChampions td.grTitre { border-top: 2px solid black; } 

.tblChampions .stitre { 
	border : 2px solid black; padding: 5px; background: #cccccc;
	font-weight: bold; font-size: 1.2em; text-align: center; 
}
.tblChampions .classe {
	background: #006398; color: white; padding: 5px; font-size: 0.9em;
	font-weight: bold; text-align: center; border : 1px solid black;
}

.tblEquip { 
	width: 96%; margin: 10px auto;
	border-collapse: collapse; border: solid 2px black;
}
.tblEquip th {
	width: 15%; padding: 4px 5px 4px 0px; text-align: right; font-weight: 500;
	border: solid 1px #cccccc; background-color: #006398; color: white; 
}
.tte, .tte2 { background-color: #970000; color: white; font-size: 1.4em; font-weight: bold; }
.tte > th, .tte2 > th { background-color: #970000; text-align: center; border-bottom: solid 2px black; }
.tte2 { font-size: 1.2em; }

.tblEquip td { 
	width: 35%; padding: 4px 0px 4px 5px; text-align: left; 
	border: solid 1px #cccccc;
}
.thPhoto { background-color: #e0dfe3; }
.thPhoto img {margin: 10px 60px; }

.tblHoraire {
	border: 2px solid black; border-collapse: collapse;
	margin: 20px auto; width: 40%; padding: 0px;
}
.tblHoraire td { border: 1px solid  #aaaaaa; width: 33%; padding: 5px 2px; text-align: center; }
.tblHoraire th { border: 1px solid black; width: 33%; padding: 5px 2px; text-align: center; }
.tblHoraire .t1 { background: #970000; color: white; }
.tblHoraire th { background: #006398; color: white; }

.tblFrmModif { 
	width: 95%; margin: 0px auto; padding: 0px;
}
.tblFrmModif .tc { 
	display: block; float: left; font-size: 1.5em; color: #006398;
	width: 21%; text-align: center; font-weight: bold;
	padding: 0px; margin: 0px 20px 5px 0px;
}
.tblFrmModif .t1 { 
	display: block; float: left;
	width: 25%; text-align: right; font-weight: bold;
	padding: 0px; margin: 0px 5px 5px 0px;
}
.tblFrmModif .t2 { border: 1px solid black;
	display: block; float: left;
	width: 20%; text-align: left; padding: 0px; margin: 0px 5px 5px 0px;
}
.tblFrmModif .t3 { 
	display: block; float: left;
	width: 60%; text-align: left; padding: 0px; margin: 0px 5px 5px 0px;
}
.tblFrmModif .tphoto { margin: auto 10px; text-align: center; }
.tblFrmModif .tphoto img { border: 2px #006398 solid; }

.tblFrmModif .t4 { 
	display: block; float: left;
	width: 70%; text-align: left; padding: 0px; margin: 0px 5px 5px 0px;
}
.tblFrmModif p, .tblFrmModif #jt_div { margin: 0px; padding: 0px; }
.tblFrmModif .t5 { 
	display: block; float: left; font-weight: bold;
	width: 30%; text-align: right; padding: 0px; margin: 0px 5px 5px 0px;
}
.tblFrmModif .t6 { 
	display: block; float: left; font-weight: bold;
	width: 50%; text-align: right; padding: 0px; margin: 0px 5px 5px 0px;
}
.tblFrmModif .t7 { 
	display: block; float: left; font-weight: bold;
	width: 13%; text-align: right; padding: 0px; margin: 0px 5px 5px 0px;
}
.tblFrmModif .t8 { 
	display: block; float: left;
	width: 20%; text-align: right; font-weight: bold;
	padding: 0px; margin: 0px 10px 5px 0px;
}
.tblFrmModif .t9 { border: 1px solid black;
	display: block; float: left;
	width: 20%; text-align: left; padding: 0px; margin: 0px 25px 5px 0px;
}

.tblFrmModif br { clear: both; }
#classeTH {display: none; margin: 0px; padding: 0px; }
#texteTH  {display: none; margin: 0px; padding: 0px; }

/* ##### Fin : Tableau des equipes, des horaires, des classements et des champions ##### */

/* ##### Debut : Tableaux des remplacants ##### */
#tblRempl1 { border-right: 2px black solid; border-collapse: collapse; margin: 10px auto 25px; width: 95%; }
#tblRempl1 .t0 { width: 4%; border: 0px solid black; background: white; padding: 5px; }
#tblRempl1 .t1 { width: 48%; text-align: center; font-weight: bold; background: #970000; color: white;
	font-size: 14px; border: 2px black solid; padding: 5px; }
#tblRempl1 .t2 { width: 32%; text-align: center; background: #006398; color: white; font-size: 10px; 
	border: 2px black solid; padding: 5px; }
#tblRempl1 .t3 { width: 16%; text-align: center; border: 2px black solid; color: white; font-size: 10px;
	background: #006398; padding: 5px; }
#tblRempl1 .t4 { width: 4%; text-align: center; border: 2px black solid; color: white; font-size: 10px;
	background: #006398; padding: 5px 2px; }
#tblRempl1 .t5 { width: 4%; border: 2px solid black; background: #970000; font-size: 10px; color: white;
	text-align: center; padding: 5px; }
#tblRempl1 .t6 { width: 48%; font-size: 12px; border: 2px black solid; vertical-align: top;
	text-align: left; padding: 5px 0px 5px 8px; }
#tblRempl1 .nonDisp { font-size: 24px; border: 2px black solid; 
	text-align: center; padding: 40px 0px 0px; background-color: #bbbbbb; }
	
#tblRempl1 .cg { display: block; float:left; width: 64%; font-weight: bold;
	font-size: 11px; text-align: left; vertical-align: top; }
#tblRempl1 .cd { display: block; float:left; width: 8.5%; color: black; border-left: 1px black solid; vertical-align: top;
	font: bold 11px arial; text-align: center; line-height: 13px; }
#tblRempl1 .aucun { color: #ff4646; font: bold 12px arial; }
#tblRempl1 .l0 { background-color: white; margin: 2px 0px; }
#tblRempl1 .l1 { background-color: #dddddd; padding: 1px 0px; }
#tblRempl1 .clsP0 { background-color: #ffd6d6; margin: 2px 0px; }
#tblRempl1 .clsP1 { background-color: #ffa9a8; padding: 1px 0px; }

#Contenu .rempl2 { margin: 10px auto 20px; padding: 5px; width: 80%; font-style: italic; font-weight: bold; }
#Contenu .rempl3 { margin: 10px auto 20px; padding: 5px; width: 170px; }

#tblRempl2 { border-right: 2px black solid; border-collapse: collapse; margin: 10px auto 25px; width: 90%; }
#tblRempl2 .t0 { width: 5%; border: 0px solid black; background: white; padding: 5px; }
#tblRempl2 .t1 { width: 19%; text-align: center; font-weight: bold; background: #970000; color: white;
	font-size: 14px; border: 2px black solid; padding: 5px; }
#tblRempl2 .t2 { width: 5%; text-align: center; background: #006398; color: white; font-size: 12px; 
	border: 2px black solid; padding: 5px; }
#tblRempl2 .t3 { width: 19%;  border: 2px black solid; font-size: 12px; padding: 5px 0px; margin: 0px; }
#tblRempl2 .t4 { display: block; float: left; font-weight: bold; width: 50%; text-align: right; }
#tblRempl2 .t5 { display: block; float: right; width: 40%; line-height: 25px; }
#tblRempl2 br { clear: both; }
#tblRempl2 .nonDisp { font-size: 1.0em; border: 2px black solid; 
	text-align: center; font-weight: bold; background-color: #bbbbbb; }
/* ##### Fin : Tableaux des remplacants ##### */

/* ##### Debut : Formulaire d'inscription ##### */
#choixHoraire { display: block; }
#formInscr .p0 { 
	margin: 10px 0px; font-size: 2.0em; font-weight: bold; 
	text-align: center; color: #006398;
}
#formInscr .p1, #formInscr2 .p1 { font-weight: bold; color: red; margin: 25px; }
#formInscr .p3, #formInscr2 .p3 { font-weight: bold; color: black; text-align: justify; margin: 25px 25px 5px; }
#formInscr .p4, #formInscr2 .p4 { font-weight: normal; color: black; text-align: justify; margin: 0px 25px; }
#formInscr .p5, #formInscr2 .p5 { font-weight: bold; text-decoration: underline; color: black; text-align: justify; margin: 0px 25px 5px; }
#formInscr .p6, #formInscr2 .p6 { font-weight: bold; color: black; text-align: center; margin: 25px 25px 5px; }
#formInscr .p7, #formInscr2 .p7 { font-weight: bold; color: black; margin: 25px 50px; }

#formInscr .important, #formInscr2 .important { font-weight: bold; color: red; margin: 0px 5px 0px 0px; }
#formInscr br, #formInscr2 br  { clear: both; }
#formInscr .etIP { margin: 5px 5px 15px 15px; font-weight: bold; text-align: right; }
#formInscr .nomMbre { width: 150px; margin: 10px 10px; }
#formInscr .sexMbre { margin: 10px 10px 5px 1px; }
#formInscr .etIP2, #formInscr .etIP3 { text-align: right;
	display: block; float: left; width: 180px; padding: 5px 0px 0px; font-weight: bold;
}
#formInscr .etIP2 { margin: 0px 5px 15px 10px; }
#formInscr .etIP3 { margin: 0px 5px  0px 10px; }
#formInscr .inf3 { display: block; float: left; padding: 5px 0px 0px; width: 160px; margin: 0px; }

#formInscr .infMbre { display: block; float: left; width: 250px; margin: 5px 0px; }
#formInscr .infCode { text-align: center; width: 40px; margin: 0px 3px; padding: 0px; }
#formInscr .etiqIP, #formInscr2 .etiqIP { 
	display: block; float: left; width: 200px; margin: 0px 0px 5px 25px;
	text-align: left; font-weight: bold; 
}
#formInscr .cache { display: none; }
#formInscr .chq { color: red; margin: 50px; }
#formInscr .infImp { font: bold 1.25em arial; font-style: italic; }
 
#formInscr .infosIP, #formInscr2 .infosIP { display: block; float: left; width: 280px; margin-bottom: 5px; }
#formInscr .infosIP2, #formInscr2 .infosIP2 { display: block; float: left; width: 280px; margin: 13px 0px 5px; }
#formInscr .infosIPsel, #formInscr2 .infosIPsel { display: block; float: left; width: 92px; margin:0px 5px 5px 0px; }

.p2 { font-style: italic; text-align: justify; padding: 10px 0px; margin: 10px; }
.imp1 { font: bold 1.0em arial; color: #970000; text-align: justify; }
.imp2 { font: bold 1.0em arial; color: black; text-align: justify; }
.imp3 { font: bold 1.0em arial; color: #006398; }
#msgCap { margin: 10px auto; padding: 3px; width: 75%; border: solid #006398 1px; background: #dddddd;
		  font: bold 1.0em arial; color: #006398; text-align: center; display: none; }
.inscr { margin: 10px; padding: 5px; border: 2px solid #66a1c1; }
.inscr > legend { color: #970000; font-size: 1.25em; font-weight: bold; }

.ui-dialog .ui-dialog-title { font-size: 1.5em; }
	
#modale, #frmErr, #frmInc
	{ display: none; margin: 0px; padding: 0px; font-weight: bold; color: black; }
	
#modale p { margin: 5px 0px; padding: 0px; font-size: 1.25em; }
#modale a { color: #970000; font-weight: bold; font-size: 1.5em; }
#modale a:hover { font-style: italic; color: #006398; }

#frmErr .pa { margin: 0px; padding: 5px 0px; color: #006398; font-size: 2.0em; }
#frmErr ol { margin: 0px 0px 0px 30px; padding: 0px; }
#frmErr li { margin: 0px; padding: 0px 0px 5px; color: black; font-size: 1.25em;  }

#frmInc p { margin: 5px 0px; padding: 0px; font-size: 1.25em; }
#frmInc ol { margin: 5px 0px 0px 30px; padding: 0px; }
#frmInc li { margin: 0px; padding: 0px 0px 5px; font-size: 1.25em;  }

#dlgMP .etiqIP {
	display: block; float: left; width: 190px; padding: 0px; margin: 0px 0px 5px 10px;
	text-align: right; font-weight: bold; font-size: 1.25em;
}
#dlgMP .infosIP { display: block; float: left; width: 200px; padding: 0px; margin: 0px 0px 5px 15px; }
#dlgMP .important { color: #970000; }

#repMP p, #repMP dl, #param, #erreur
	{ font-size: 1.25em; color: black; font-weight: bold; padding: 0px; margin: 5px; }
#param span { color: #006398; font-size: 1.35em; font-style: italic; }

/* ##### Fin : Formulaire d'inscription ##### */

/* ##### Debut : Inscription aux ligues ##### */
#tblFois { width: 100%; border-collapse: collapse; color: black; margin: auto; }
#tblFois td { 
	width: 33%; vertical-align: top; text-align: left;
	border: dotted 1px #aaaaaa; padding: 5px;
}
#tblFois .titre { 
	text-align: center; margin: 0px; padding-bottom: 10px; font-weight: bold;
}
#tblFois .etiq { text-align: left; float: left; font-weight: bold; color: #006398; margin: 0px; padding: 0px; }
#tblFois .ligue { text-align: right; margin: 0px; padding: 0px 20px 10px 0px;}
#tblFois .jour { text-align: right; margin: 0px; padding: 0px 3px 10px 0px;}
#tblFois .equipe { text-align: right; margin: 0px; padding: 5px 0px 10px 0px; }
#tblFois .entree { text-align: left; width: 110px; padding: 1px; margin: 1px 0px; }
/* ##### Fin : Inscription aux ligues ##### */

/* ##### Debut : Babillard, Formations, Evenements, Information ##### */
#Babillard, #Formation, #Evenement, #Information {
	background : url('img/bgBabillard.jpg') repeat-y; 
	width: 200px; padding: 0px; margin: 0px;
}
#Babillard hr { width: 90%; border: 1px solid #ff3333; padding: 0px; margin: 5px auto; }
#Babillard h4 { 
	font-weight: bold; font-size: 16px; color: #ff3333; 
	padding: 0px; margin: 5px auto 15px; text-align: center;
}
#Babillard h2, #Formation h2, #Evenement h2, #Information h2 { 
	padding: 0px; margin: 0px; height: 30px;
}
#Babillard h2   { background: url('img/sections/babillard.jpg') no-repeat; }
#Formation h2   { background: url('img/sections/formation.jpg') no-repeat; }
#Evenement h2   { background: url('img/sections/evenement.jpg') no-repeat; }
#Information h2 { background: url('img/sections/information.jpg') no-repeat; }

#Babillard ul, #Formation ul, #Evenement ul, #Information ul  {
	margin: 0px; padding: 0px; list-style-type: none;
}
#Babillard ul li a, #Formation ul li a, #Evenement ul li a, #Information ul li a {
	background: url('img/bgBabillardLiens.jpg') repeat-y;
	color: white; display: block; text-decoration: none;
	text-align: center; padding: 5px 0px; margin-bottom: 3px; 
} 
#Babillard li a:hover, #Formation li a:hover, #Evenement li a:hover, #Information li a:hover {
	background: url('img/bgBabillardLiensHover.jpg') repeat-y;
	font-weight: bold;
}
/* ##### Fin : Babillard, Formations, Evenements, Information ##### */

/* ##### Debut : PiedDePage ##### */
#PiedDePage {
	background: white url('img/bgPiedDePage.jpg') center top no-repeat;
	clear: both; padding: 15px; text-align: center; margin: 0px auto;
}
#PiedDePage > .pptitre { font-size: 0.8em; font-weight: bold; color: #888888; padding: 0px; margin: 3px auto; }
#PiedDePage > p { font-size: 0.8em; color: #888888; padding: 0px; margin: 0px auto; }

/* ##### Fin : PiedDePage ##### */