body
{
	background-color: #eeeeee;				
	margin: 0;
	padding: 0;
	text-align: center;
	
}

/*gestion affichage gÈnÈral du cadre*/			
#punwrap {
	background: #ffffff url(../../images/dc_style/page.png) repeat-y center top;
	color: inherit;
	position: relative;
	width: 980px;
	margin: 15px auto 2em;
	text-align: left;
}
/*gestion de la partie Titre et du logo*/
#brdtitle 
{
	height: 116px;
	background: #ffffff url(../../images/dc_style/top.png) no-repeat center top;
	color: #ffffff;
	text-align:center;
	/*margin-bottom:15px;*/
}
#lien_logo 
{
	position: absolute;
	top: 35px;
	left: 65px;
	width: 50px;
	height: 70px;
}

/*Titre principal*/
#brdtitle h1 {
	padding: 50px 0 0 110px;
	margin-bottom:5px;
	font-size: 1.6em;
}
/*Titre secondaire*/
#brdtitle p {
	padding: 0 0 0 110px;
	margin:0px;
	font-size: 1.2em;
}

/*Banniere*/
#banniere{
	position : relative;
	text-align:center;
	margin-bottom:4px;
	z-index: 0;
}
#conteneur_defil { 
	/*border:1px solid #CCCCCC;*/
	width:920px; 
	margin:0 auto;
	overflow:hidden;
	line-height:normal;
}
#cadre_defil {
	position:relative; 
	width:920px; 
	height:16px; 
	overflow:hidden;
	}
#cadre_defil img{
	vertical-align: middle;
	border:0;
}
#defile { 
	position:absolute;
	width:54px; /*taille du texte en pixel (7*char )*/
	font-family: Verdana, helvetica, "Bitstream Vera Sans", sans-serif;
	font-size:11px;
	color:#000000;
	font-weight: bold;
}
#defile .liens {
	text-decoration:underline;
	color:#000000;
}


/*Gestion du menu principal*/		
#cadre_gauche{
	float: left;
	width: 200px;
	margin-left:30px;
	padding: 1px 0;
}	
#cadre_gauche h2
{
	font-size: 1em;
	background: #fff url(../../images/dc_style/h2_cal.png) no-repeat center top;
	color: #fff;
	margin:0 0 0 0px;
	text-align:center;
}

#menu {
	margin-left:30px;
	padding: 1px 0;
	background: #dedfdf url(../../images/dc_style/box.png) no-repeat center bottom;
}
#menu h2
{
	font-size: 1em;
	background: #fff url(../../images/dc_style/h2.png) no-repeat center top;
	color: #fff;
	margin:0 0 0 0px;
	text-align:center;
}
.element_menu
{	
	margin-bottom:20px;
}
.element_menu ul
{
	list-style-type:none;
	padding-left:20px;
	/*margin-bottom:5px;*/
	font-family:Verdana, helvetica, "Bitstream Vera Sans", sans-serif;
	font-size:12px;
	font-weight: bold;
}
.element_menu li
{
	margin-top:10px;
}
.element_menu a
{
	text-decoration:none;
	color:#336699;
}
.element_menu a:hover
{
	color:#ff6600;
}
.element_menu a:active
{
	color: #333;
}
a.lien_noir
{
	color: #000000;
}
a.lien_bleu
{
	color:#336699;
}

/* Gestion secondaire du menu principal : tree vieuw TEST
*/

.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}
/*id0 = id de l'image de base du dtree*/
#id0{
	width: 30px;
	/*height: 22px;*/
}

/*
Affichage compteurs visites et connectÈs
*/
#zone_compteur{
	margin-left:30px;
	font-family:Verdana, helvetica, "Bitstream Vera Sans", sans-serif;
	font-size:10px;
	text-align:center;
}
#zone_compteur span.red{
	color: red ;
}


/*Gestion  du contenu des pages (include)
La page est une box divisÈe en 2 parties: le titre h2 et le contenu inbox*/
#corps 
{
	float: right;
	height: 600px; 
	width: 700px;
	margin-right:30px;	
	padding: 1px 0;
	background: #f1f1f1 url(../../images/dc_style/boxcopie.png) no-repeat center bottom;
}
#corps h2 /*Titre de la "FRAME" immobile*/
{
	font-size: 1em;
	background: #fff url(../../images/dc_style/h2copie.png) no-repeat center top;
	color: #fff;
	padding-left: 18px;
	margin:0px;
}
#inbox
{
	height: 569px; 
	width: 700px;
	font-family: Verdana, helvetica, "Bitstream Vera Sans", sans-serif;
	font-size:11px;
	/*margin-right:30px;*/
	/*background-color:#a1a1a1;*/
	/*background: url(../../images/salle.png);*/
	overflow:auto;
	/*margin-top:10px;*/
}

#inbox a.lien:link {
    color: red;
	font-weight: bold;
    text-decoration: none;
}
#inbox a.lien:visited {
    color: red;
	font-weight: bold;
    text-decoration: none;
}

#salle
{
	width: 100%;
	background-color:#a1a1a1;
	background: url(../../images/salle.png);
	overflow:auto;
}
/*Gestion pied de page*/
#pied_de_page
{
	/*background: transparent url(../../images/dc_style/box_top.png) no-repeat center top;*/
	clear:both;
	padding:5px;
	text-align:center;
	color:#B3B3B3;
	height: 20px;
	font-size: 10px;
}

/*Gestion police de la partie affichage compÈtitions*/
.forme
{
	font-family: Verdana, helvetica, "Bitstream Vera Sans", sans-serif;
	font-size:11px;
}
#tab_comp{
	
	margin-top:0px;
	padding-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:660px;
}

#tab_comp td{
	text-align:center;
}

#admin
{
	font-family: Verdana, helvetica, "Bitstream Vera Sans", sans-serif;
	font-size:11px;
}

/************************
RÈsultats CompÈtitions internes et externes
*************************/
.pays
{
	width:16px;
	height:11px;
}
.haut
{
	background-image:url("../../images/haut.jpg");
	color:white;
	font-weight: bold;
	text-align: center;
}
.haut .nomprenom
{
	color: white;
}


#titre
{
	font-weight: bold;
	font-size:10px;
	margin-bottom:5px;
	margin-top:5px;
}

#resultats table
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#resultats td
{
	padding-top:2px;
	padding-bottom:2px;
}
.ligne
{
	background-color:#5179B5;
	height:4px;
}
.ligne_paire
{
	background-color:#EBEBEB;
}

.ligne_impaire
{
	background-color:#DBDBDB;
}

.tabtitre 
{
	font-weight: bold;
}
.nomprenom
{
	width:260px;
	font-weight: bold;
	color: black;
	padding-left:10px;
}

.nomcompet
{
	width:180px;
}
.datecomp
{
	width:50px;
	padding-left:10px;
	padding-right:5px;
	text-align:center;
}
.classement
{
	width:50px;
	text-align: center;
}
.medaille
{
	padding-left:10px;
}
.imagescore
{
	width:40px;
}
.picture
{
	/*padding-left:10px;
	padding-right:30px;*/
}
.arme
{
	margin-left:auto;
    margin-right:auto;
	text-align:center;
	width:55px;
}

#legende
{
width:537px;
height:auto;
padding-left:90px;

}

.photo_legende
{
	width:80px;
	height:55px;
	text-align:center
}
.photo_legende a img,:link img,:visited img { border:none }
	
        
.titre_legende
{
	width:80px;
	height:20px;
	text-align:center;
	font-size: 9px;
	
}

/*gestion page categorie reglement fie*/
.clair
{
	text-align: center;
	background-color:#FFCC99; /*orange light*/
}

.fonce
{
	text-align: center;
	background-color:#FFCCFF; /*purple light*/
}

.color_titre
{
	text-align: center;
	font-weight: bold;
	background-color:#FF9900; /*orange*/
}


/*page ou_quand*/
#cadre { /* taille du cadre, ‡ titre d'exemple */
/*width: 15em;*/
background-color: #909090;
}
/* propriÈtÈs communes ‡ l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriÈtÈs spÈcifiques ‡ chaque coin */
#hautgauche {
background: url(../../img/hautgauche.gif);
}
#hautdroit {
float: right;
background: url(../../img/hautdroit.gif);
}
#basgauche {
background: url(../../img/basgauche.gif);
}
#basdroit {
float: right;
background: url(../../img/basdroit.gif);
}


/*****************************
 page news
 /****************************/
 .news
 {
	/*background-color:#FFCC99;*/
	margin-bottom:20px;
 }
 .date_news
 {
	background-image:url("../../images/haut.jpg");
	color:white;
	/*font-weight: bold;*/
	padding-top:2px;
	padding-bottom:2px;
	margin-top:5px;
	margin-bottom:5px;
	/*text-align: center;*/
 }
 .titre_news
 {
	color: #c64934; /*#CC0099;*/
	font-weight: bold;
	font-size: 13px;
	margin-bottom:20px;
	padding-left : 5px;
	padding-right: 5px;
	
 }
 .contenu_news
 {
	padding-left : 5px;
	padding-right: 5px;
 }
 /*Name In News*/
 .nin
 {
	color: #f4741f;/*#c64934; /*#CC0099;*/
	font-weight: bold;
 }
 .end_news
 {
	color: #c64934;/*#c64934; /*#CC0099;*/
	font-weight: bold;
	text-align: center;
	padding-top:20px;
 }
 .end_news a:link {
       color: #c64934;
        text-decoration: none;
}
.end_news a:visited {
        color: #c64934;
        text-decoration: none;
}
.CompteurPages{
	/*color: #908B72;*/
	font-weight: bold;
	font-size: 10px;
	padding-top:5px;
	padding-bottom:5px;
}
.CompteurPages a
{
	text-decoration: none;
}
.CompteurPages a:visited, .CompteurPages a:link
{
	color: #999999;
}
.CompteurPages a:hover
{
	color: orange;
}

/************************ssssss
RÈsultats CompÈtitions internes et externes
*************************/

.pays
{
	width:16px;
	height:11px;
}

.haut
{
	background-image:url("../images/haut.jpg");
	color:white;
	font-weight: bold;
	text-align: center;
}
.haut .nomprenom
{
	color: white;
}


#titre
{
	font-weight: bold;
	font-size:10px;
	margin-bottom:5px;
	margin-top:5px;
}

#resultats table
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#resultats td
{
	padding-top:2px;
	padding-bottom:2px;
}
.ligne
{
	background-color:#5179B5;
	height:4px;
}
.ligne_paire
{
	background-color:#EBEBEB;
}

.ligne_impaire
{
	background-color:#DBDBDB;
}

.tabtitre 
{
	font-weight: bold;
}
.nomprenom
{
	width:260px;
	font-weight: bold;
	color: black;
	padding-left:10px;
}

.nomcompet
{
	width:180px;
}
.datecomp
{
	width:50px;
	padding-left:10px;
	padding-right:5px;
	text-align:center;
}
.classement
{
	width:50px;
	text-align: center;
}
.medaille
{
	padding-left:10px;
}
.imagescore
{
	width:40px;
}
.picture
{
	/*padding-left:10px;
	padding-right:30px;*/
}
.arme
{
	margin-left:auto;
    margin-right:auto;
	text-align:center;
	width:55px;
}

#legende
{
width:537px;
height:auto;
padding-left:90px;

}

.photo_legende
{
	width:80px;
	height:55px;
	text-align:center
}
.photo_legende a img,:link img,:visited img { border:none }
	
        
.titre_legende
{
	width:80px;
	height:20px;
	text-align:center;
	font-size: 9px;
	
}

/*gestion page categorie reglement fie*/
.clair
{
	text-align: center;
	background-color:#FFCC99; /*orange light*/
}

.fonce
{
	text-align: center;
	background-color:#FFCCFF; /*purple light*/
}

.color_titre
{
	text-align: center;
	font-weight: bold;
	background-color:#FF9900; /*orange*/
}


/*page ou_quand*/
#cadre { /* taille du cadre, ‡ titre d'exemple */
/*width: 15em;*/
background-color: #909090;
}
/* propriÈtÈs communes ‡ l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriÈtÈs spÈcifiques ‡ chaque coin */
#hautgauche {
background: url(../img/hautgauche.gif);
}
#hautdroit {
float: right;
background: url(../img/hautdroit.gif);
}
#basgauche {
background: url(../img/basgauche.gif);
}
#basdroit {
float: right;
background: url(../img/basdroit.gif);
}



/*****************
 Poules mensuelles
*****************/
/*
 * This is a general list table that can be used for all the output
 * apart from the poules and the tableaux
 */

table.liste {
  font-size: 100%;
  color: #000;
  background-color: #fff;
  border-collapse: collapse;
  border: 2px solid #000;
}

/* This is the row for the header and footer */

table.liste th {
  color: #4682b4;
  background-color: #ffefd5;
  border: 1px solid #2f4f4f;
  padding: 2px 0.5em;
}

/* Border style for the table data cells */
table.liste td {
  border: 1px solid #2f4f4f;
  padding: 2px 0.5em;
}

/* Auxiliary styles for colour and alignment */

.color1 {
  background-color: #ffd700;
  color: #000;
}

.color2 {
  background-color: #c0c0c0;
  color: #000;
}

.color4 {
  background-color: #b8860b;
  color: #000;
}

.color8 {
  background-color: #cfc;
  color: #000;
}

.color16 {
  background-color: #fffacd;
  color: #000;
}

.color32 {
  background-color: #ffc0cb;
  color: #000;
}

.color64 {
  background-color: #b8d9dc;
  color: #000;
}

.color128 {
  background-color: #fffacd;
  color: #000;
}
.color256 {
  background-color: #ffc0cb;
  color: #000;
}
.color512 {
  background-color: #b8d9dc;
  color: #000;
}

.pair {
  background-color: #eee;
  color: #000;
}

.impair {
  background-color: #fff;
  color: #000;
}

/* Alignment for numbers */
.nombre {
  text-align: right;
}

.centre {
  text-align: center;
}

/*
 * Styles for poule table output
 */

table.poule {
  font-size: 90%;
  color: #000;
  background-color: #fff;
  border-collapse: collapse;
  border: 2px solid #000;
}

table.poule th {
  color: #4682b4;
  background-color: #ffefd5;
  border: 1px solid #2f4f4f;
  padding: 2px 0.5em;
}

/* Border style for the table data cells */

table.poule td {
  border: 1px solid #2f4f4f;
  padding: 2px 0.5em;
}

/* The diagonal box in the poule table */

.inutilise {
  background-color: #bbb;
  color: #000;
}

/*
 * Tableau styles
 */

table.tableau {
  font-size: 90%;
  color: #000;
  background-color: #fff;
  border: 0;
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  empty-cells: show;
}

/* Styles to build the diagram */

.ligne {
  border-right: solid #000 1px;
  margin: 0;
}

.boite {
  border: solid #000 1px;
  margin: 0;
}


td.D {border-right:solid black 1pt;}

td.BD {border-bottom:solid black 1pt;
       border-right:solid black 1pt;}

td.GBD {border-left:solid black 1pt;
        border-bottom:solid black 1pt;
        border-right:solid black 1pt;}

td.HBD {border-top:solid black 1pt;
        border-bottom:solid black 1pt;
        border-right:solid black 1pt;}

td.HGBD {border:solid black 1pt;}