@charset "utf-8";
/* CSS Document */
/*padding: top right bottom left;*/

body{
	background: url(data/fond-double.png) repeat-x top;
	color: black;	
	margin: 0px; /* pour que ca soit plus jolie si on reduit la page */
	overflow: auto; /* masque l'ascensseur s'il n'est pas necessaire */
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11pt;
	min-width:940px;
}
img{ border:0; color:#0099FF; padding-bottom:1px !important; }

a{
	cursor: pointer;
}

#indice_session_ja, #indice_session_superuser{
	position:absolute;
	top:0;
	left:0;
}

pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
}

a, a:visited, a:active{ color:black;}
a:hover, a:focus{ color:blue;}

.cadre_principal{
	display: table;
	margin:0 auto;
	color:black;
	width:auto;
	height:auto;
	padding: 20px;
	font-size: 10pt;
	text-align:justify;
}
.cadre_principal_fix{
	display: table;
	margin:0 auto;
	color:black;
	width:auto;
	height:auto;
	padding: 20px;
	font-size: 10pt;
	text-align:justify;
	max-width:750px;
}
.cadre_principal a, .cadre_principal_fix a{text-decoration: none;}


.style_ligne_open{ margin-left:auto; margin-right:auto;}/* on centre le tableau */
.style_ligne_open_1{background:#bbddff; height:22px;}/* ligne pair du tableau */
.style_ligne_open_2{background:#ffffff; height:22px;}/* ligne impair du tableau */
.style_ligne_open td{padding:0px 60px 0px 30px;}

/********************************************/
/* affiche l'affiche du tournoi en vignette */
/********************************************/
a.vignette:hover{z-index:25;}
a.vignette span{display: none;}
a.vignette:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
	display:block; 
	position:absolute;
    top:320px; left:165px;
	
}
#tournoi_fini a.vignette:hover span{ 
	display:block; 
	position:absolute;
    top:205px; left:165px;
}

#tournoi_fini{
	font-size:12px;
	font-style:italic;
}
/*
#liste_tournoi_lr{
	float:left;
	width:53%;
	min-width:500px;
}*/
.liste_date{ width:170px; float:left;}
.liste_open{ width:250px; float:left;}
.liste_club{ width:200px; float:left;}
#en_ce_moment{
	margin:0 auto;
	font-size: 10pt;
	text-align:justify;
	width:auto;
	height:auto;
	max-width:750px;
	min-width:350px;
}
#en_ce_moment a{
	color:#333;
	font-weight:bold;
}
#en_ce_moment a:hover{
	color:#666;
	font-weight:bold;
}
#fenetre_en_ce_moment{
	font-size:11px;
	position:absolute;
	position:fixed;
	top:10px; left:10px;
	width:144px;
	height:53px;
	padding: 10px 0px;
	background: url(data/en-ce-moment.png) no-repeat;
	text-align:center;
}
#fenetre_en_ce_moment a{
	font-weight:bold;
	color:black;
	text-decoration:none;
}
#fenetre_en_ce_moment a:hover{
	text-decoration:underline;
}
/*****************************/
/* ZOOM l'affiche du tournoi */
/*****************************/
a.zoom span{display: none}
a.zoom:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
	display:block; 
	position:absolute;
    top:10%; left:10%;
	background:white;
    border:1px dashed black;
}

.changeHF-conteneur{width:265px;height:30px;margin:0 auto;text-align:center;}
.changeHF-gauche{background:url(data/bouton/changeHF-gauche.png) no-repeat; width:5px;height:30px;float:left;}
.changeHF-centre{background:url(data/bouton/changeHF-centre.png) repeat; width:120px;height:30px;float:left;line-height:30px; font-size:12px;}
.changeHF-centre a{display:block;}
.changeHF-droite{background:url(data/bouton/changeHF-droite.png) no-repeat; width:5px;height:30px;float:left;}
.changeHF-espace{background:url(data/bouton/changeHF-espace.png) repeat; width:5px; height:30px; float:left;}
.changeHF-centre a{display:block;}

/************************************/
/* Style des input de la page score */
/************************************/
#score{
	font-size: 10pt;
	width: auto;
	padding: 10px;
	background:transparent;
}
hr#score{
	height:1px;
	border: 0;
	text-align:center;
	margin-bottom:15px;
	color:black; /*pour Microsoft*/ 
	background-color:black; /*pour Firefox*/
	border-color:black; /*pour Opera*/
}
.ancre_score{
	font-size: 12pt;
	font-variant: small-caps;
}
.ancre_score a{
	text-decoration:none;
}

.tabscore input[type=text] {
 	border:1px solid black;
 	background-color:#A6BEDE;
 	font-size:10px;
}
.tabscore input[type=text]:hover, .tabscore input[type=text]:focus {
 	border:1px solid white;
 	background-color:#A6BEDE;
 	font-size:10px;
}

.tabscore input[type=submit] {
	border:1px solid black;
 	background-color:#999999;
	cursor: pointer;
}
.tabscore input[type=submit]:hover {
	border:1px solid black;
	background-color: white;
}
.tabscore{
	font-size:12px;
	border: 1px solid #000;
	border-collapse: collapse;
}
.tabscore td, .tabscore th, .tabscore tr{
	font-size:12px;
	border-collapse: collapse;
	border-color:#EEE;
	padding:1px;
}
.tabscore th{
	text-align:center;
}

.tablisteJA{
	font-size:12px;
	border: 1px solid #000;
	border-collapse: collapse;
}
.tablisteJA td, .tablisteJA th, .tablisteJA tr{
	border-collapse: collapse;
	border-color:#EEE;
	padding:0px 3px 0px 3px;
}
.tablisteJA input[type=text] {
 	border:1px solid white;
	background-color:#A6BEDE;
 	font-size:10px;
}
.tablisteJA input[type=text]:hover, .tablisteJA input[type=text]:focus {
 	border:1px solid blue;
 	background-color:#A6BEDE;
 	font-size:10px;
}
.tablisteJA input[type=submit] {
	border:1px solid black;
 	background-color:#999999;
	cursor: pointer;
}
.tablisteJA input[type=submit]:hover {
	border:1px solid black;
	background-color: white;
}

.tabliste{
	font-size:12px;
	border-collapse: collapse;
	border: 1px solid #000;
}
.tabliste td, .tabliste th, .tabliste tr{
	border-collapse: collapse;
	border-color:#EEE;
	padding-left:3px;
	padding-right:3px;
}
.tabliste th{
	border-bottom: 1px solid #000;
}

.ok_disabled{
	background:url(./data/bouton/okdisabled.png);
	width:15px; height:15px; border:0;
}
.ok{
	background:url(./data/bouton/ok.png);
	width:15px; height:15px; border:0;
}
.ok_disabled:hover{
	background:url(./data/bouton/okdisabled.png);
	width:15px; height:15px; border:0;
}
.ok:hover{
	background:url(./data/bouton/ok.png);
	width:15px; height:15px; border:0; cursor:pointer;
	opacity : 0.7; filter : alpha(opacity=70);
}
.suppr{
	background:url(./data/bouton/suppr.png);
	width:15px; height:15px; border:0;
}
.suppr:hover{
	background:url(./data/bouton/suppr.png);
	width:15px; height:15px; border:0; cursor:pointer;
	opacity : 0.7; filter : alpha(opacity=70);
}

/* Rend invisible tout notre bloc span */
.infobulle span, .infobulle_all span{								   
    position:  absolute;
    top: -2000em;
    left: -2000em;
    width: 1px;
    height: 1px;
    overflow: hidden;
	padding:2px;
    background: #FFF;   /* Définition du fond, sinon on a le même que notre lien */
    border: 1px solid red; /* Définition des bordures */
} 
.infobulle{ background:#0F0; width:22px; height:22px; border:0; margin:0px; padding:0px;}
.infobulle_all{ background:transparent; border:0; margin:0px; padding:0px;}
.infobulle:hover, .infobulle_all:hover{
  border: 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}  

/* Rend visible tout notre bloc span et lui attribue une taille */
.infobulle:hover span, .infobulle:focus span, .infobulle:active span,
.infobulle_all:hover span, .infobulle_all:focus span, .infobulle_all:active span {
	/*padding: top right bottom left;*/
	margin-left:20px;
	margin-top:-10px;
	color:black;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    overflow: visible;
} 


/* mise en forme des perfs des etats de resultats */
.perfs{
	text-align:center;
}

.imprimable{
	background: white;
}

.detail_open{
	float:left; 
	width:62%; min-width:400px;
}
.affiche_open{
	float:right;
	width:37%; min-height:140px;
	padding-bottom:20px;
}
.description{
	width:62%;
	padding: 10px 0px 0px 0px;
}
.description pre{
	max-width:420px;
	text-align:justify;
}

.tabassociation{
	border: 2px solid #000;
	border-collapse: collapse;
	font-size:11px;
	text-align: center;
}
.tabassociation td, .tabassociation th, .tabassociation tr{
	border-collapse: collapse;
	border-bottom: thin solid #EEE;
	/*border-top: thin solid #EEE;*/
	padding-left:5px;
	padding-right:5px;
	border-right: thin solid #EEE;
}
.tabassociation a{ color:blue; font-style:italic; text-decoration:underline; }

#association{
	margin-left:auto; margin-right:auto;
	margin-bottom:10px; margin-top:10px;
	background: #FDF;
	width:500px;
	text-align:center;
}
#association a{ color:blue; }
#bureau a, #bureau a:visited{ color:black; text-decoration:underline;}
#bureau a:hover, #bureau a:focus, #bureau a:active{ color:blue; text-decoration:underline; }

.open_a_avenir:hover{ cursor:pointer; color:blue; }


.tabcalendrier{
	border: 2px solid #000;
	border-collapse: collapse;
	font-size:11px;
	text-align: center;
}
.tabcalendrier td, .tabcalendrier th, .tabcalendrier tr{
	border-collapse: collapse;
	border-bottom: thin solid #000;
	/*border-top: thin solid #EEE;*/
	padding-left:5px;
	padding-right:5px;
	border-right: thin solid #000;
}
.tabcalendrier a{ color:black; font-style:italic; }

.opencolor{ background: #09F;}/*Bleu*/
.chmpcolor{ background: #090;}/*Vert*/
.jeunecolor{ background: yellow;}/*Jaune*/
.francecolor{ background: #F30;}/*Rouge*/
.mois_titre{ 
	text-align:center;
	font-variant:small-caps;
	font-size:14px;
	font-weight:bold;
}

.division_none{ background: #CCC;}
.division1{ background:yellow;}
.division2{ background:#09F;}
.division3{ background:#F30;}
.division4{ background:#090;}
.division5{ background:#666;}
.division6{ background:orange;}
.division1F{ background:#F0F;}
.division2F{ background:#F9F;}
.certifok{ background:#999;}


  /*********************************/
 /** Menu principal et des opens **/
/*********************************/
#bandeau_haut{
	background: url(data/bandeau_haut.png) no-repeat top center;
	height:120px;
}

#menu_principal{
	width: 875px;
	height: 36px;
	margin: 0 auto;
	padding:0;
}

#menu_open{	
	/* width:; voir page de fonction car differente valeurs */
	width:415px;
	height: 35px;
	margin: 0 auto;
}

#menu_principal ul,
#menu_open ul{
	margin:0px;
	list-style: none;
	padding: 0px;	
}

#menu_principal li,
#menu_open li{
	list-style: none;
	padding: 0px;	
	display: inline;
}

#menu_principal a{
	float: left;
	width: auto;
	height: 35px;
	padding: 0px 10px 0 10px;
	line-height:35px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	border-right: 1px solid #089cff;
}
#menu_open a{
	float: left;
	width: auto;
	height: 35px;
	padding: 0px 10px 0 10px;
	line-height:35px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	border-right: 1px solid #089cff;
}

#menu_principal .premier-menu, 
#menu_open .premier-menu{border-left:1px solid #089cff;}

#menu_principal a:hover, #menu_principal a:focus{
	color: #000000;
	background:url(data/bouton/menu_principal_hover.png);
}
#menu_open a:hover, #menu_open a:focus{
	color: #000000;
	background:url(data/bouton/menu_open_hover.png);
}
/*********************************/

#retenu_perf{ border-left: solid 2px black;}

#footer{
	padding-top:80px;
}
#footer p, #footer a{
	color:#666;
	padding:0 0 5px 0;
	margin:0;
}

hr#footer{
	height:1px;
	border: 0;
	text-align:center;
	margin:0;
	padding:0;
	color:#666; /*pour Microsoft*/ 
	background-color:#666; /*pour Firefox*/
	border-color:#666; /*pour Opera*/
}

.tabsimple{
	border: 1px solid #000;
	border-collapse: collapse;
	font-size:11px;
	text-align: center;
}
.tabsimple td, .tabsimple th, .tabsimple tr{
	border-collapse: collapse;
	border-bottom: thin solid #000;
	padding-left:5px;
	padding-right:5px;
	border-right: thin solid #000;
}

#en_ce_moment{}

img, div {behavior: url(iepngfix.htc);}