@import url("Badnetmenu/Badnetmenu.css");
@import url("Accueil/Accueil.css");
@import url("Badnetadm/Badnetadm.css");
@import url("Badnetres/Badnetres.css");
@import url("Badnetplay/Badnetplay.css");

/*-----------*/
/* General   */
/*-----------*/
/* Toute la hauteur de la page */
body, html{
	height : 100%;
 	margin:0;
}

html {font-size: 100%;}

body {
	font-size: .75em;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	text-align: center; 
	color:#666;
}
form {margin:0px;}

/*--- Images ---*/
.bn-img {border: none; margin: 0 5px 0 0;}
.bn-edit img, .bn-date img{vertical-align:top;}

/*-- liens --*/
a {color:#900; text-decoration:underline;}
a:hover {color:#900; text-decoration:underline;}

/*-- Zone de saisie --*/
input, select { font-size:0.9em; margin-right:5px;}
textarea {margin-top:5px; font-size:0.9em;}
.bn-edit, .bn-date{margin: 0 8px 8px;text-align:left;}
.bn-option{background:#dcdad5;}
.bn-date input{width:7em;}
.bn-edit input{float:left;}

.bn-error{margin:0; color: red; font-style: italic;}
.bn-error p{text-align:right;}
input.bn-error, textarea.bn-error { border: 1px dotted red; background:#fff4f4;}

.bn-info{ border-bottom: 1px solid #BFBFBF; margin:5px;}
.bn-info .bn-label{text-align: left;}
.bn-info p{padding-top:3px; margin:0;}

/*--- label ---*/
.bn-label{color:#000; padding-top:3px;float:left;width: 11em;margin-right:5px;}
.bn-radio{color:#000; text-align:left; vertical-align:top;}
.bn-edit .bn-label, .bn-date .bn-label{text-align: right;}
.bn-edit .bn-label-right{text-align: left;}

/* paragraphe */
.bn-p-info{padding:0 10px;text-align:justify;color:#666;}
p {margin : 8px 0;}

/*--------------------------*/
/*  Mise en page generale   */
/*--------------------------*/
.container{
	min-height:100%;
	position:relative;
}
/* Hack Ie <= 6 */
* html .container {
	height:100%;
 	}

.containerL{
}

.containerR{
}

/* colonne de gauche */
.bn-left-div1{}
.bn-left-div2{}
.bn-left-div{float:left;padding:0;}

/* colonne de droite */
.bn-right-div1{}
.bn-right-div2{}
.bn-right-div{float:right;padding:0;}

/* Block standard */
.bn-rich-div1{
	background-image: url("Img/demi-bloc-milieu.png");
    background-repeat: repeat-y;
    width:407px;
}
.bn-rich-div2{
	background-image: url("Img/demi-bloc-haut.png");
    background-repeat: no-repeat;
    width:407px;
}
.bn-rich-div{
	background-image: url("Img/demi-bloc-bas.png");
    background-repeat: no-repeat;
    width:367px;
    _width:407px;
    padding:15px 15px 15px 25px;
    background-position: left bottom;
}

/* Bloc critere */
.bn-div-criteria{
 border:1px solid #bfbfbf;
 background:#e8e8e8;
 margin:0 0 10px;
 padding: 5px 10px;
 text-align:left;
 -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; 
	}
	
/* Bloc en ligne */
.bn-div-line {text-align:left;margin-bottom:15px;}
.bn-div-line .bn-edit input{width:8em;}
.bn-div-line .bn-edit, .bn-div-line .bn-date { float:left; margin:5px;}
.bn-div-line .bn-date { float:left; margin:5px;}
.bn-div-line .bn-radio  {float:left;margin:1px 10px 0 0;}
.bn-div-line .bn-label {font-size:1em; font-weight:normal;}
.bn-div-line .bn-info  {float:left;margin:1px 10px 0 0;}
.bn-div-line a, .bn-div-criteria button {margin: 0 0 0 10px;}
.bn-div-line > a:first-child {margin-left:0;}
.bn-div-criteria > button:first-child {margin-left:0;}
.bn-div-line .bn-option {background:#fff;}

.bn-div-auto .bn-label {width:auto;}
.bn-div-auto .bn-edit {margin:5px 5px 0 0;}
.bn-div-auto .bn-date {margin:5px 5px 0 0;}


/* Bloc generaux */
.bn-div-left{float:left; margin: 0 0 10px 0;}
.bn-div-left-last{float:left; margin: 0 0 10px 0;}
.bn-div-right{float:right; margin: 0 0px 10px 0;}
.bn-div-clear{clear:both;}
.bn-div-hide{display:none;}
.bn-div-link{width:170px; text-align:left;}

/* Block bouton dans les formulaires */
.bn-div-btn {clear:both; text-align:right; padding-right:20px; margin-top:20px;}
.bn-div-btn button {float:none;margin-left:10px;}
.bn-div-btn > button:first-child {margin-left:0;}

/* Habillage des tooltip */
.bn-tooltip {
	/*border-bottom: 1px dashed #fff;*/
	}
	
/* element sortable */
#eventteams {margin: 0; padding: 0 0 20px 0;}
.gr-drop, .gr-nodrop{border-bottom:1px solid #bfbfbf;margin-bottom:5px; }
.gr-team, .gr-bye{margin: 0; padding: 5px; font-size: 1em; width: 260px;}
.gr-number{float:left;font-size: 1em; width:15px; margin-right:5px; color:#000; padding-left:5px;}
.gr-number p{margin:5px 0;}
.gr-bye {background:#ccc;}
#groupteams .gr-team{float:left;border:1px solid green; }
#eventteams .gr-team{margin-bottom:5px; }
.gr-empty{width:250px; padding:10px;}

.bn-col{background:#ece8da;}

.bn-tab-cell{float:left;margin:0;}
.bn-tab-player{width:180px; text-align:left;}

/*---------------*/
/*  Tableau      */
/*---------------*/
/* Generique */
.bn-tab-title{background:#aaa; padding-left:5px; font-weight:bold; font-size:1.1em;margin:0; text-align:left;}
.bn-tab-line{clear:both; font-size:10px;}
.bn-tab-line p{margin:0 0 3px 0;}
.bn-tab-cell-title{float:left; background:#ccc; font-weight:bold; font-size:1.1em; margin:0; text-align:center;}
.bn-tab-cell{float:left;margin:0;}
.bn-tab-score-tie{width:28px;text-align:center;}
.bn-tab-score-match{width:130px;text-align:center;}
.bn-tab-date{width:70px;text-align:left;}
.bn-tab-date-time{width:85px;text-align:left;}
.bn-tab-player{width:180px; text-align:left;}
.bn-tab-result{width:60px;text-align:center;}
.bn-tab-step{width:80px;text-align:left; margin-right:5px;}
.bn-tab-place{width:120px;text-align:left; margin-right:5px;}

.bn-tab-match-match{width:50px;}
.bn-tab-match-average{width:30px;}
.bn-tab-match-set{width:30px;}
.bn-tab-match-point{width:30px;}
.bn-tab-match-title-average{width:60px;}
.bn-tab-match-title-set{width:60px;}
.bn-tab-match-title-point{width:60px;}

.bn-tab-match-pena{width:620px; text-align:right;}
.bn-tab-match-res{width:200px; text-align:left;}
.bn-tab-match-total{width:420px; text-align:right;}

.bn-tab-div-team{width:230px; text-align:left;}

.bn-tab-player-division{width:200px;padding 0 5px;}
.bn-tab-player-tie{width:200px;padding 0 5px;}

.bn-tab-team-tie-step{width:40px;}
.bn-tab-team-tie-place{width:130px;}
.bn-tab-team-tie-name{width:230px;}

.bn-tab-tie-name{width:220px;}

.bn-tab-carence-label{width:235px;}

/*-------------*/
.bn-tab-match-pair{width:200px;}
.bn-tab-match-average{width:30px;}

.bn-tab-group-title{background:#ccc;}
.bn-tab-group-clt{width:25px;text-align:center;}
.bn-tab-group-team-large{width:95px;}
.bn-tab-group-team{width:70px;}
.bn-tab-group-short{width:25px; text-align:center;}
.bn-tab-group-medium{width:35px; text-align:center;}
.bn-tab-group-large{width:45px; text-align:center;}
.bn-tab-group-delta{background:#ccc;}


/*-------------*/
/* Calendrier  */
/*-------------*/
.div-step p{margin-top:0;}
.p-step{ background:#666; color:#fff; margin:0;}
.p-hote{ float:left; width:135px;margin-right:10px;}
.p-visitor{float:left; width:135px;margin-right:10px;}
.p-date{float:left; width:110px;margin-right:10px;}
.p-place{float:left; width:150px;}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

/*-----------*/
/*  En tete  */
/*-----------*/
#divHeader {display:none;}

/*---------*/
/* Menu    */
/*---------*/
.bn-menu{position:relative; margin:0 0 10px;}
.bn-menu-right{float:right; text-align:right;}
.bn-menu-left{float:left; text-align:left;}

#targetMenu {
	background:#ccc;
	}

#divMenu > div:first-child {
	float:left;
	}
	
.bnMenu{
	margin:0px;
	padding:0px;
	}	
	
.bnMenu li {
	float:left;
	height:33px;
	margin-left:0px;
	/*margin-right:10px;*/
	padding:3px 0 8px 10px;
	list-style-type: none;
 	width:125px;
 	background:#ccc;
}
.bnMenu a {
	display:block;	
    color: #666;
    padding: 8px 10px;
    text-decoration:none;		
 	/*overflow:hidden;*/
}

.menuImg {
	display:none;
	}
.menuText {
	}

.bnMenu a:hover{
    color: #666;		
}
.bnMenu .active a, .bnMenu .active a:hover{
    color: #666;		
}

/*------------*/
/* Contenu    */
/*------------*/
.content{
	position:relative;
	margin-left: auto;
	margin-right: auto; 
	width: 815px;
}

/* corps du contenu */
.contentBody {
    border: none;
	min-height:400px;
	padding-bottom:20px;
	background:#ccc;
}
#targetBody{
	/* To fix ie6 background pb */
	position:relative;
	}
/*-- Colonne de Gauche --*/
#divLeft{
	 width:605px; 
	 margin-right:20px; 
	 float:left; 
}

/*-- Colonne de droite --*/
#divRight{
	width:165px; 
	float:right;
	border-left:1px solid #76777c;
	padding-left:10px;
	text-align:left;
	}
	
#divCalendar .ui-datepicker-links{display:none;}
	

/*---------------*/
/* Pied de page  */
/*---------------*/
#divFoot{ display:none;}

/*---------------*/
/*  Les titres   */
/*---------------*/
.bn-title-1{
margin:0 0 10px 0; 
font-weight:bold;
font-size:2em; 
color:#fc0;
text-align:left;
}

.bn-title-1 span{
margin:0 0 0 10px; 
padding-top:11px; 
font-weight:bold;
font-size:0.54em; 
font-style:italic; 
color:#aaa; 
}

.bn-title-2{text-align:left;
	margin:5px 0 15px 0; 
}

.bn-title-2{
	color:#fc0;
	font-size:1.8em;
	font-weight:bold;
	margin:0 0 5px;
	text-align:left;
}

.bn-title-3 { 
	color:#666;
	font-size:1.5em;
	font-weight:bold;
	margin:0 0 5px;
	text-align:left;
}
	
.bn-title-4 {text-align:left;
	color:#fc0;
	font-weight:bold;
}

/*-------------*/
/* Les listes  */
/*-------------*/
.bn-list-1{
  list-style-image: url("Img/puce.png");
  list-style-type: square;
  text-align:left; 
  padding-left:30px; 
  margin: 12px 0; 
}

.bn-list-1 li{
  margin: 4px 0; 
}

.bn-list-2{
  list-style-image: none;
  list-style-type: square;
  text-align:left; 
  padding-left:23px; 
  margin: 12px 0;
  font-size:9px; 
}

/*---------------*/
/* Les legendes  */
/*---------------*/
.bn-lgd {
	padding:0;
	margin:5px 10px 5px 0;
}

.bn-lgd li  {
	float:left;
	margin-right:5px;
 	list-style-type: none; 		
 	overflow:hidden;
}

#divLgdRight{float:right;}
#divLgdPubli{float:left;}

/*--------------------*/
/* Indicateur d'etape */
/*--------------------*/
.bn-step li  {
	float:left;
	margin-right:30px;
 	list-style-type: none; 		
 	overflow:hidden;
 	font-size:3em;
    color:#fc0;
}

.bn-step .active {
    color:#666;
}

.bn-step-title { clear:both; text-align:left;
}

.bn-step-num {
 	font-size:3em;
	text-align : right;
	margin-right:10px;
    color:#666;
}
.bn-step-text {
 	font-size:2em;
	text-align : right;
    color:#666;
}

/*---------------*/
/* Les pagers     */
/*---------------*/
.bn-pager {
	margin:5px 10px 5px 0;
}
.bn-pager-page {
	font-size:1.2em;
	margin:0px 10px;
	color:#227d38;
}
.bn-pager-current {
	font-size:1.6em;
	margin:0px 10px;
	cursor:default; 
	color:#333; 
	text-decoration:none;
}

/*---------------*/
/* Les options    */
/*---------------*/
.bn-dynpref {
}

.bn-dynpref-title {
	color:#333;
	font-size:1.3em;
	font-weight:bold;
}

.bn-dynpref-menu {
 list-style:none;
 float:left;
 width: 200px; 
 margin: 30px 0 0 0;
 padding:0;
 z-index:15;
}
.bn-dynpref-item {
  padding:10px;
  color: #900;
  cursor:	pointer;
}
.bn-dynpref-item:hover{
  text-decoration:underline;
}

.bn-dynpref-item-active {
   padding-right:30px;
   border:1px solid #bfbfbf;
   border-right:1px solid #e8e8e8;
   background:#e8e8e8;
   -moz-border-radius-bottomleft: 6px; -webkit-border-radius-bottom-left: 6px; border-radius-bottom-left: 6px; 
   -moz-border-radius-topleft: 6px; -webkit-border-radius-top-left: 6px; border-radius-top-left: 6px;
   z-index:20;
   position:relative;
}

.bn-dynpref-content {
   float:left;	
   width: 570px; 
   border:1px solid #bfbfbf;
   background:#e8e8e8;
   padding: 5px 10px;
   text-align:left;
   -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; 
   z-index:10;
   margin-left:-2px;
}


/*-------------------------*/
/* Boutons (lien)          */
/*-------------------------*/
.bn-link {
font-size:0.9em;
padding:0.4em 1em 0.4em 1em;
position:relative;
text-decoration:none;
}

.bn-link:hover  {color:#fff; text-decoration:none;}

.bn-link-icon {
font-size:0.9em;
padding:0.4em 1em 0.4em 20px;
position:relative;
text-decoration:none;
}

.bn-link-icon span.ui-icon {
left:0.2em;
margin:-9px 5px 0 0;
position:absolute;
top:50%;
}

/*-----------------*/
/* Les dialogues   */
/*-----------------*/
.badnetDlg .tlt3 span {background:#E6F7D4;}
#dlg {margin-top:0;}

/*-----------------*/
/* Les grilles     */
/*-----------------*/
.bngrid {margin-left:6px;}
table {width:100%;}

/*---------------------*/
/* Les scores          */
/*---------------------*/
.bn-score select {width:270px;}
.bn-score .bn-label {display:none;}
.bn-score .bn-points{width:50px;}
.bn-score .bn-players{width:260px;}
.bn-game-left {}
.bn-game-left .bn-edit, .bn-game-left .bn-radio{float:right;margin:3px;}
.bn-game-right .bn-edit, .bn-game-right .bn-radio{float:left;margin:3px;}
.bn-score .bn-ab{margin-right:6em;}

/*-------------------------*/
/* Les match ou rencontres */
/*-------------------------*/
.bn-match-result {float:left;}
.bn-match-player {float:left; margin:3px 0;}
.bn-match-player p {margin:3px 0;}
.bn-match-winner {font-weight:bold;}
.bn-match-looser {font-weight:normal;}



/*-- Les nouvelles --*/
.new {
	border-bottom:1px solid #76777c;
	margin: 0px 0 10px 0;
	}
.new .dateNew  {
	font-size:11px; 
	font-weight:bold;
	}
	
.new .brief {margin:2px;}

#divLink{float:right; text-align:right;position:absolute;right:0px;top:0px;}