/* ***************************************
*  Styles pour le calendrier
*****************************************/
p.TitrePageCal { /* Titre pour la page calendrier*/
	text-align: center;
	margin-top:	-25px;
	margin-bottom: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	color: #00008F;
}
p.TitreCalendrier { /* Titre pour le tableau calendrier*/
	text-align: center;
	margin-top:	5px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #00008F;
}

/* Styles pour le tableau calendrier */
table.Calendrier{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 2px 2px 2px 2px;
  border-style: solid;
	border-collapse: collapse;
	border-color: #00008F;
}
tr.Calendrier{ /* ligne du calendrier */
	text-align: left;
	margin:	0px 0px 0px 0px;  /* top right bottom left */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #00008F;
}
tr.CalendrierStandard{ /* ligne du calendrier */
	text-align: left;
	margin:	0px 0px 0px 0px;  /* top right bottom left */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	background-color: #FFFFFF;
	color: #00008F;
}
tr.CalendrierSpeciale{ /* ligne du calendrier */
	text-align: left;
	margin:	0px 0px 0px 0px;  /* top right bottom left */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	background-color: #FFFFCF;
	color: #8F0000;
}
tr.CalendrierGrandPrix{ /* ligne du calendrier pour un grand prix */
	text-align: left;
	margin:	0px 0px 0px 0px;  /* top right bottom left */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	background-color: #8FFFFF;
	color: #000000;
}
tr.CalendrierChampionnat{ /* ligne du calendrier pour le championnat */
	text-align: left;
	margin:	0px 0px 0px 0px;  /* top right bottom left */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	background-color: #FFFF8F;
	color: #000000;
}

tr.CalendrierGP{ /* ligne du calendrier pour un grand prix */
	text-align: left;
	margin:	0px 0px 0px 0px;  /* top right bottom left */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #8F0000;
}

tr.CalendrierAnnulee{ /* ligne du calendrier annulée */
	text-align: left;
	margin:	0px 0px 0px 0px;  /* top right bottom left */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	background-color: #FF8F8F;
	color: #000000;
}
tr.CalendrierProvisoire{ /* ligne du calendrier provisoire */
	text-align: left;
	margin:	0px 0px 0px 0px;  /* top right bottom left */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	background-color: #DFDFFF;
	color: #000000;
}

td.CalCoupe{ /* colonne de la coupe*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 1px 1px 1px 1px;
  border-style: solid;
  width: 20px;
	text-align: center;
	vertical-align: middle;
}
td.CalProgramme{ /* colonne de la coupe*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 1px 1px 1px 1px;
  border-style: solid;
  width: 20px;
	text-align: center;
	vertical-align: middle;
}

td.CalDate{ /* colonne de la Date*/
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	border-width: 1px 1px 1px 1px;
  border-style: solid;
	width: 90px;
}
td.CalEngagement{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-width: 1px 1px 1px 1px;
  border-style: solid;
}

td.CalSociete{ /* colonne de la Société */
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	border-width: 1px 1px 1px 1px;
  border-style: solid;
	width: 350px;
}

td.CalCynodrome{ /* colonne du Cynodrome */
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	border-width: 1px 1px 1px 1px;
  border-style: solid;
	width: 245px;
}

td.CalType{ /* colonne du type de réunion */
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	border-width: 1px 1px 1px 1px;
  border-style: solid;
	width:100px;
}

td.CalEtat{ /* colonne du type de réunion */
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	border-width: 1px 1px 1px 1px;
  border-style: solid;
	width:70px;
}
td.CalInfo{ /* colonne de l'info de réunion */
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	border-width: 1px 1px 1px 1px;
  border-style: solid;
	width:20px;
}

img.SelectionGrey{
	vertical-align: middle;
}
img.Resultat{
	vertical-align: middle;
}
img.Infos{
	vertical-align: middle;
}

/*****************************************
    Style pour le Filtre du calendrier 
******************************************/
table.FiltreCal{
	margin:0px;padding:0px;border:0px;
	width:100%;
}
table.FiltreCal td{
	margin:0px;padding:0px;border:0px;
	text-align:center;
}
div.FiltreCal{
	clear:both;	display:block;
	height:30px;
	width:100%;
	margin:0px auto;
	border:0px;
	background:transparent;
	text-align:center;
	z-index:1;
}
div.FiltreCal ul.Filtre{
	display:block;
	margin:0px;padding:0px;border:1px;
	background-color: transparent;
	list-style: none;
	height:30px;
	text-align:center;
	top: 0px;
}
div.FiltreCal li.Filtre a{
	display: block;
	margin:0px;padding:0px;border:0px;
	background-color: transparent;
	font:normal normal bold 18px Verdana, Arial, sans-serif;
	height:20px;
	text-align:center;
	text-decoration: none;
	color: #00008F;
	top:0px;
}
li.Filtre ul.Panneau {
	display:block; 
	padding:0px;margin:0px;
	list-style:none;
	height:0px;width:100%;
	position: relative !important;
	position:	absolute;
	z-index: 1;
	border:0px;
	background-color: transparent;
}
table.PanneauSelection{
	display:table;
	padding:0px;margin:0px auto;
	border-collapse: collapse;
	border:2px solid #8F0000;
	background-color: #DFDFDF;
	vertical-align:top;
	z-index: 1;
}
div.FiltreCal table.PanneauSelection p.Libelle{
	text-decoration: none;
	color: #00008F;
	padding:5px;margin:0px;
	text-align:center;
	font:normal normal bold 12px Verdana, Arial, sans-serif;
	z-index: 1;
}
div.FiltreCal table.PanneauSelection p.LibelleRadio{
	text-decoration:none;
	color:#00008F;
	padding:5px;margin:0px;
	text-align:left;
	font:normal normal bold 12px Verdana, Arial, sans-serif;
	z-index: 1;
}
div.FiltreCal table.PanneauSelection td.SelectionTopic{
	text-align:center;
	border:0px;	padding:5px;
}
div.FiltreCal table.PanneauSelection td.BoutonAfficher{
	text-align:center;
	border:0px;	padding:5px;
}
div.FiltreCal li>ul {top:auto;left:auto}
/* Fix IE. Hide from IE Mac \*/
* html div.FiltreCal ul li {height:1%}
* html div.FiltreCal ul li a {height:1%}
/* End */
div.FiltreCal li:hover ul {display:block;margin:0px}
div.FiltreCal li:hover>ul {visibility:visible}
div.FiltreCal ul ul {visibility:hidden}		

/*******************************************************************
    Styles pour le panneau d'information sur une réunion
*******************************************************************/
div.CalInfos{
	clear:both;display:block;
	margin:0px;padding:0px;
	border:0px;width:20px;height:20px;
	background:transparent;
}
ul.CalInfos{
	display: block;
	margin:0px;padding:0px;
	border:0px;width:20px;
	background: transparent;
	list-style:none;
	z-index: 0;
}
li.CalInfos ul.Panneau{
	float:left;	display:block; 
	list-style:none;
	height:0px;width:20px;
	z-index:1;
	border:0px;
	padding:0px;margin:0px;
	background:transparent;
}
div.CalInfos div.Infos {
	float:left;	display:block; 
	position: relative !important;
	position:	absolute;
	left:-310px;top:-20px;
	z-index: 1;
	border:1px solid #FF00FF;
	padding:4px;margin:0px;
	background-color:#FFFFFF;
	width:300px;
	color:#000000;
}
div.CalInfos li>ul {top:auto;left:auto}
/* Fix IE. Hide from IE Mac \*/
* html div.CalInfos ul li {height:1%}
* html div.CalInfos ul li a {height:1%}
/* End */

div.CalInfos li:hover ul {display:block;margin:0px}
div.CalInfos li:hover>ul {visibility:visible}
div.CalInfos ul ul {visibility:hidden}		
div.CalInfos p.NomReunion{
	padding:0px;margin:0px;
	font:normal normal bold 12px Verdana, Arial, sans-serif;
}
div.CalInfos p.Commentaires{
	padding:0px;margin:0px;
	font-weight:normal;
}
/*******************************************************************
    Styles pour le panneau de rapport d'une réunion
*******************************************************************/
div.CalRapport{
	clear:both;	display:block;
	margin:0px;	padding:0px;
	border:0px;width:20px;height:20px;
	background:transparent;
}
ul.CalRapport{
	display:block;
	margin:0px;padding:0px;
	border:0px;
	background:transparent;
	list-style:none;
	z-index:0;
}
li.CalRapport ul.Panneau{
	float:left;	display: block; 
	list-style:none;
	width:20px;height:0px;
	position: relative !important;
	position:	absolute;
	top:-20px; left:-713px;
	z-index:1;
	border:0px;
	padding:0px;margin:0px;
	background:transparent;
}
div.Rapport{
	float:left;	display: block; 
	z-index: 1;
	border:3px solid #00CF00;
	padding:4px;margin:0px;
	background-color: #FFFFFF;
	width:700px;
	color: #000000;
}
div.CalRapport li>ul {top: auto;left: auto;}
/* Fix IE. Hide from IE Mac \*/
* html div.CalRapport ul li {height:1%}
* html div.CalRapport ul li a {height:1%}
/* End */
div.CalRapport li:hover ul {display:block; margin:0px}
div.CalRapport li:hover>ul {visibility:visible}
div.CalRapport ul ul {visibility:hidden}		
div.CalRapport td.Commentaires{font-weight:normal}
div.CalRapport td.Commissaires{font-weight:normal}

div.Engagement{
	clear:both;
	display: block;
	margin: 0px auto;
	padding: 10px 20px 10px 20px;
	border-width: 1px;
	border-style: solid;
	border-color: #00008F;
	width: 730px;
	background-color: #DFDFDF;
	font:normal normal normal 14px  Verdana, Arial, sans-serif;
}
table.Engagement{
	background-color: #FFDFDF;
}
table.Engagement td.Nom{
	width: 390px;
}
table.Engagement td.Fois{
	width: 40px;
	text-align: center;
}
table.Engagement tr.Clair{
	background-color: #DFFFDF;
}
table.Engagement tr.Fonce{
	background-color: #AAFFAA;
}