@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 ---*/
.bnImg {border: none; vertical-align:top; margin-right:5px;}

/*-- liens --*/
a {color:#2c773E;text-decoration:none;}
a:hover {color:#35B200; text-decoration:underline;}

/*-- Zone de saisie --*/
input, select {border:none; font-size:0.9em;}
textarea {font-size:0.9em;}

/*--- label ---*/
.bnlabel{color:#333; padding-top:0;}
.bnradio{color:#333;}
.bnedit, .bndate{margin:8px;}
.bninfo .bnlabel{text-align: left;}
.bnedit .bnlabel, .bndate .bnlabel{text-align: right;}
.bninfo{border-bottom:1px solid #BFBFBF;}

/* paragraphe */
p {margin : 8px 0;}

.bn-info{padding:0 10px;text-align:justify;}
.bn-error, .bnError{padding:0 10px;color:red;text-align:justify;}

/*--------------------------*/
/*  Mise en page generale   */
/*--------------------------*/
.container{
	background-image: url("Img/Head_back.jpg");
    background-repeat: repeat-x;
	min-height:100%;
	position:relative;
}
/* Hack Ie <= 6 */
* html .container {
	height:100%;
 	}

.containerL{
	background-image: url("Img/Head_left.jpg");
    background-repeat: no-repeat;
}

.containerR{
	background-image: url("Img/Head_right.jpg");
    background-repeat: no-repeat;
	background-position: right top;
}

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

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

/* Block standard */
.bn-rich-div1{}
.bn-rich-div2{}
.bn-rich-div{width:360px; margin:0 10px;}

/* Bloc critere */
.bn-div-criteria{
 border:1px solid #bfbfbf;
 background:#e8e8e8;
 margin:10px 0;
 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 .bnedit { float:left; margin:5px;}
.bn-div-line .bndate { float:left; margin:5px;}
.bn-div-line .bnradio  {float:left;margin:1px 10px 0 0;}
.bn-div-line .bnlabel {width:auto; font-size:1em; font-weight:normal;}
.bn-div-line .bninfo  {float:left;margin:1px 10px 0 0;}
.bn-div-line a, .bn-div-criteria button {margin: 0 10px;}
.bn-div-line .bnoption {background:#fff;}

/* Bloc generaux */
.bn-div-left{float:left; margin: 0 10px 10px 0;}
.bn-div-left-last{float:left; margin: 0 0 10px 0;}
.bn-div-right{float:right; margin: 0 10px 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: 20px;}
.bn-div-btn > button:first-child {margin-left:0;}

/* Habillage des tooltip */
.bn-tooltip {
	border-bottom: 1px dashed #fff;
/*	text-decoration:underline;*/
	}
	
/*-----------*/
/*  En tete  */
/*-----------*/
#divHeader {height:109px;}

#pSlogan {
	font-size: 1.5em;
	font-style: italic;
	font-weight:bold;
	color:#1e843b;
	float:right;
}

#imgBadnet{
	float:left;
	margin-top:5px;
}

#lnkSolibad{
	position:absolute;
	top:45px;
	left:575px;
}


/*---------*/
/* Menu    */
/*---------*/
#targetMenu {
	height:60px;
	}

#divMenu > div:first-child {
	float:left;
	}
	
.bnMenu{
	margin:0px;
	padding:0px;
	}	
	
.bnMenu li {
	float:left;
	margin-right:10px;
 	list-style-type: none; 		
 	overflow:hidden;
}
.bnMenu a {
	display:block;	
    height:40px;
    float:left;
	font-weight:bold;
    color: #699073;
    text-decoration:none;		
 	overflow:hidden;
}

.menuImg {
	display:block;
	float:left;
	}
.menuText {
	display:block;
	padding:10px 10px 0 0;
	float:left;		
	}

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

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

/* corps du contenu */
.contentBody {
 	padding : 20px;
	background-color:#e2e2e2;
    border: 1px solid #bfbfbf;
	min-height:400px;
}
#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;
	}
	

	

/*---------------*/
/* Pied de page  */
/*---------------*/
#divFoot{
	background-color:#227D38;
	background-image: url("Img/Footer.png");
    background-repeat: repeat-x;
	color: #fff;
	margin-top:10px;
	padding-top:8px;
}
#divFootBody{
	width: 843px;
	margin-left: auto;
	margin-right:auto; 
}
#pVersion{float:right;margin:2px; }
#pUser{float:left;margin:2px;}

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

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

.bn-title-2, .tlt2 {text-align:left;
	margin : 0;
}
.bn-title-2 span, .tlt2 span{
	background:#e2e2e2;
	color:#333;
	font-size:1.3em;
	font-weight:bold;
	}

.bn-title-3, .tlt3 {text-align:left;
	background-image: url("Img/Back_titre.png");
    background-repeat: repeat-x;
	background-position: left bottom;
	margin : 0 0 16px 0;
	clear:both;
}
.bn-title-3 span, .tlt3 span{
	position:relative;
	top:5px;
	background:#e2e2e2;
	color:#333;
	padding-right: 5px;
	display:inline;
	margin:0;
	font-size:1.2em;
	font-weight:bold;
	}
	
.bn-title-4, .tlt4 {text-align:left;
	color:#333;
	font-weight:bold;
}

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

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

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

.badnetLgd 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:#aaa;
}

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

.bn-step-title { clear:both; text-align:left;
}
.bn-step-num {
 	font-size:3em;
	text-align : right;
	margin-right:10px;
    color:#333;
}
.bn-step-text {
 	font-size:2em;
	text-align : right;
    color:#333;
}

/* Pager */
.lnkPage{margin:0 5px; font-size:1.2em; cursor:pointer; color:#227d38; text-decoration:underline;}
.lnkCurPage {margin:0 5px;  font-size:1.4em; cursor:default; color:#333; text-decoration:none;}

/*-------------*/
/* les blocks  */
/*-------------*/
.badnetBlk1 {
 border:1px solid #bfbfbf;
 background:#e8e8e8;
 padding:10px; 
 margin-bottom:10px;
 }
.badnetBlk1 .tlt3 span {background:#e8e8e8;}
.badnetBlk1 .bnlabel{
	width:auto;
	font-weight:bold;
	font-size:1.2em;
	color:#333;	
	}

.badnetBlk2 {float:left; margin-right:10px;}
.badnetBlk2 .bnlabel {width:7em; }
.badnetBlk2 input{width:20em;}

.badnetBlkBtn{clear:both;text-align:right;}

/* Block standard */
.bnRichDiv1{
    width:360px;
    float:left;
    margin:0 10px;
}
.bnRichDiv2{
}
.bnRichDiv{
}


/*-------------------------*/
/* 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:#F5F3E5;}
#dlg {margin-top:0;}

/*-----------------*/
/* Les grilles     */
/*-----------------*/
.bngrid {}

/*---------------------*/
/* Les scores          */
/*---------------------*/
.bn-score select {width:270px;}
.bn-game-left {}
.bn-game-left .bnedit, .bn-game-left .bnradio{float:right;margin:3px;}
.bn-game-right .bnedit, .bn-game-right .bnradio{float:left;margin:3px;}
.bn-game-right input, .bn-game-left input{width:3em;}

/*---------------------*/
/* Cartouche tournois  */
/*---------------------*/
.bnEvent {
	margin-bottom:20px;
	text-align:left;
	width:605px;
}

.bnEvent .divImg{
	text-align:center;		
}

.bnEvent .className{ 
	font-size:1.2em;
    background:#e2e2e2;
	float:left;
    font-weight:bold;
    color:#333;
    overflow:hidden;
    margin:0;
    width:385px;	
    heigth:20px;
    white-space:nowrap;
}

.bnEvent .classLinks{
	float:right;
	background:#cacaca; 
	padding: 5px 3px 3px;
	font-size:0.9em;
-moz-border-radius-topleft: 6px; -webkit-border-radius-top-left: 6px; border-radius-top-left: 6px; 
-moz-border-radius-topright: 6px; -webkit-border-radius-top-right: 6px; border-radius-top-right: 6px; 
}


.bnEvent .classLigne, .bnEvent .classLigne2 {
	clear:both; 
	background:#cacaca; 
	color:#646464;
	font-size:0.84em;
	}
	
.bnEvent .classLigne{padding:5px 0 0 5px;
-moz-border-radius-topleft: 6px; -webkit-border-radius-top-left: 6px; border-radius-top-left: 6px; 
}
.bnEvent .classLigne2{padding-bottom:5px;
-moz-border-radius-bottomleft: 6px; -webkit-border-radius-bottom-left: 6px; border-radius-bottom-left: 6px; 
-moz-border-radius-bottomright: 6px; -webkit-border-radius-bottom-right: 6px; border-radius-bottom-right: 6px; 
}

.bnEvent .pWe{float:left; width:150px; padding:3px; margin:0;}
.bnEvent .pLimit{float:left; width:160px; padding:3px; margin:0;}
.bnEvent .pPlace{float:left; width:260px; padding:3px; margin:0;}


.bnEvent ul {
	float:left;
	padding : 3px;
	margin: 0;
}
.bnEvent ul li{
	float:left;
	list-style-type: none;
	margin: 0 2px; 
	padding : 0 3px;
}

.bnEvent .classDisci {margin: 0 15px;}
.bnEvent .catage {color:#fff; background:#009bc3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.bnEvent .disci  {color:#fff; background:#f48d00; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.bnEvent .serial {color:#fff; background:#8d54a1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

.bnEvent .off {color:#aaa;}

.bnEvent .lnk  {color:#fff; background:#264897;}
.bnEvent .lnkLive{background:red;}

.bnEvent .classLinks a {text-decoration:none;padding : 0 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.bnEvent .classLinks a:hover {background:#1F59E2;}

.bnEventReg {background:#cacaca;padding:10px;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
.bnEventReg .bninfo{margin-right:20px;}
.bnEventReg #cmt{clear:both;}

/*---------------------*/
/* Cartouche joueurs  */
/*--------------------*/
.badnetPlayer{background:#000;padding:5px; margin-bottom:15px;}
.badnetPlayer #divCivil{float:left; padding-left:5px; width:275px;}
.badnetPlayer #pName{font-size:1.5em; color:#0090fd; font-weight:bold;text-align:left;}
.badnetPlayer #pSeason{font-size:1.5em; color:#F00; font-weight:bold;text-align:left;}
.badnetPlayer #divCivil ul {list-style-image:url(Img/puce-bleue.png);
margin:12px 0;
padding-left:13px;
color:#868686;
text-align:left;}
.badnetPlayer #divCivil li span {color:#fff;}

.badnetPlayer table {float:left;  color:#fff; width:400px;}
.badnetPlayer .celltitle{color:#868686;text-align:right;}
.badnetPlayer .celllevel{font-size:1.3em; color:#0090fd;font-weight:bold;}

.badnetPlayer #divPhoto {float:left;}
.badnetPlayer #divPhoto p{margin: 5px 0 0;}


/*-- 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:-15px;top:-15px;}