@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, "Comic Sans MS", "Times New Roman", Times, sans-serif;
	font-size: 11pt;
	min-width:940px;
	overflow:auto;
}
img{ border:0; color:#0099FF; padding-bottom:1px !important; }

a{
	cursor: pointer;
}

#indice_session_ja, #indice_session_superuser{
	position:absolute;
	top:0;
	left:0;
}
#static{position:static;}
.ajustement_center{ width:550px; margin:0 auto;}

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{
	margin:0 auto;
	color:black;
	width:auto;
	height:auto;
	padding: 20px;
	font-size: 9pt;
	text-align:justify;
	min-width:750px;
}
.cadre_principal_fix{
	position:relative;
	margin:0 auto;
	color:black;
	width:auto;
	height:auto;
	padding: 20px;
	font-size: 9pt;
	text-align:justify;
	max-width:940px;
	min-width:750px;
}
.cadre_principal a, .cadre_principal_fix a{text-decoration: none;}


.style_ligne_open{ margin-left:auto; margin-right:auto; position:relative;}/* 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 */
/********************************************/

.miniature{ text-align:center;}
.miniature img{max-width:200px;max-height:200px; border:solid 1px black; margin-right:40px;}

.vignette img{max-width:200px;max-height:200px; border:solid 1px black;}

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:0; right:-110px;
}

#tournoi_a_venir, #tournoi_fini{
	position:relative;
}
#tournoi_fini a.vignette:hover span{
    top:-100px; right:-110px;
}
#tournoi_fini{
	font-size:12px;
	font-style:italic;
}


/*
#liste_tournoi_lr{
	float:left;
	width:53%;
	min-width:500px;
}*/
.liste_date{ width:25%; /*width:160px;*/ float:left;}
.liste_open{ width:50%; /*width:350px;*/ float:left;}
.liste_club{ width:25%; /*width:180px;*/ float:left;}
.en_ce_moment{
	margin:0 auto;
	font-size: 9pt;
	text-align: left;
	width:auto;
	height:auto;
	max-width:940px;
}
.en_ce_moment a{
	color:#333;
	font-weight:bold;
}
.en_ce_moment a:hover{
	color:#666;
	font-weight:bold;
}

#licenceLR{
	margin:0 auto;
	text-align:justify;
	width:auto;
	height:auto;
	/*max-width:750px;
	min-width:350px;*/
}
#licenceLR .title{
	color:black;
	font-weight:bold;
	font-size:14px;
}
#licenceLR .ligne_gauche_x2{
	border-left:  dashed 2px black;
}
#licenceLR .section{
	color: black;
	font-weight: bold;
	font-size: 12px;
	background: #3FF;
}

/*****************************/
/* 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 inscription */
/******************************************/
#inscription input[type=text]{
	height:20px;
	width:200px;
	font-size:14px;
}
#inscription input[type=email]{
	height:20px;
	width:230px;
	font-size:14px;
}
#inscription input[type=tel]{
	height:20px;
	width:180px;
	font-size:14px;
}
#inscription input[type=number]{
	height:20px;
	width:80px;
	font-size:14px;
}
#inscription input[name=Note]{
	height:20px;
	width:500px;
	font-size:14px;
}

/************************************/
/* 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%;
	margin-bottom:20px;
}
.affiche_open{
	float:right;
	width:35%;
	min-height:300px;
	margin:0 0 20px 20px;
	text-align:center;
}
.description{
	/*width:62%;*/
	margin:0;
	padding:20px;
	max-width:940px;
}
.description li{
	list-style-type:none;
}

.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;
	text-align: center;
	color: #FFF;
}
.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;
	color: #000;
}
.tabcalendrier a{ color:black; font-style:italic; }

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

.confirme{ background: yellow;}
.absente{ background: #900;}
.division_none{ background: #CCC;}
.division1{ background:yellow;}
.division2{ background:#09F;}
.division3{ background:#F30;}
.division4{ background:#090;}
.division5{ background:#666;}
.division6{ background:orange;}
.division7{ background: #6C6;}
.division1F{ background:#F0F;}
.division2F{ background:#F9F;}
.certifok{ background:#999;}
.non_licencie{ background:red;color:white !important;}
.non_licencie td{ background:red;color:white !important;}
.nom_equipe{ background: #CCC; font-weight:bold;}
.infos{ width:; padding:0 auto; margin:0 auto; text-align:center;}
.infos ul{ text-align:left;}


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

#bandeau_haut{
	height:120px;
	width:940px;
	margin:0 auto;
}
#bandeau_haut img{
	float:left;
	border:0;
	padding:0;
	margin:0;
	vertical-align:top;
}

#menu_principal{
	width: 950px;
	height: 36px;
	margin: 0 auto;
	padding:0;
	z-index:10;
}

#menu_open{	
	width: 799px;
	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 5px;
	line-height:35px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	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;
	padding-bottom:10px;
	font-size:12px;
	text-align:center;
	color:#666
}

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;
}


.bouton div{
	width: auto;
	height: auto;
	text-align:center;
	margin: 3px 0px;
	padding: 5px 10px;
	border: 1px solid rgba(0,0,0,0.5);
	border-radius:5px;
	background: rgba(0,255,0,0.7);
	box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
	-o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
}
.bouton div:hover{
	background: rgba(0,215,0,1);
	color:black;
}

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