/* ******************************************* */ 
/* affichage des equipes, des joueurs etc ...  */
/* ******************************************* */ 

/* les colonnes */ 

#colteam { 
   float: left;
   width: 346px; 
   margin-left: 10px;
}

.colplayer { 
   float: left;
   width: 240px; 
}

#col3 { 
   margin-left: 610px;
   width: 550px; 
   background-color: #088A08;
   padding-top: 10px;
   padding-bottom: 10px;
}

/* dans les colonnes */ 

.team { 
   border: 2px solid #0090DF;
   background-color: #68BFEF;
   width: 160px; 
   height: 45px;
   display: block;
   text-align: center;
}

.teamaffcol1 { 
   float: left;
}

.teamaffcol2 { 
   margin-left: 170px;
}

.player { 
   border: 2px solid #0090DF;
   background-color: #68BFEF;
   width: 140px; 
   height: 40px;
   margin-left: 40px;
   cursor: pointer;  
   font-size:13px;
}

.playeraffcol1 { 
   float: left;
}

.playeraffcol2 { 
   margin-left: 120px;
}

.chooseplayer { 
   border: 2px solid #0090DF;
   background-color: #CCC;
   width: 140px; 
   height: 40px;
   font-size:13px;
}

.notchooseplayer {
	background-color: #e9b96e;
	width: 140px; 
	height: 40px;
}

.notchooseplayerborder {border: 3px double #c17d11;}
.notchooseselplayerborder {border: 3px double Red;}

/* drag and drop */ 

.droppable-active {
	opacity: 1.0;
}

.droppable-hover {
	outline: 1px dotted black;
}

.notactive {display: none;}


.clear {
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}

.colplayer ul{  
     list-style: none;  
     list-style-position: outside;  
     margin: 0;  
}

.colplayer ul.menu li{  
     float: left;  
     margin-right: 5px;  
     margin-bottom: -1px;  
}

.colplayer ul.menu li{  
     font-weight: 700;  
     display: block;  
     padding: 5px 10px 5px 10px;  
     background: #efefef;  
     margin-bottom: -1px;  
     border: 1px solid #d0ccc9;  
     border-width: 1px 1px 1px 1px;  
     position: relative;  
     color: #898989;  
     cursor: pointer;  
}

.colplayer ul.menu li.active{  
     background: #fff;  
     top: 1px;  
     border-bottom: 0;  
     color: #5f95ef;  
}

.content {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #D0CCC9;
	font-size:11px;
	margin:0 auto;
	padding:10px 10px 20px;
	text-align:left;
}  

.content.avants {display: block;}
.content.avants .pilier {display: block;}
.content.avants .talon {display: none;}
.content.avants .line2 {display: none;}
.content.avants .line3 {display: none;}

.content.avants .menutype {
	margin:0;
	padding:0;
    margin-bottom: 10px;    
}

.content.arrieres {display: none;}
.content.arrieres .melee {display: block;}
.content.arrieres .ouv {display: none;}
.content.arrieres .centre {display: none;}
.content.arrieres .ailier {display: none;}
.content.arrieres .arriere {display: none;}

.content.arrieres .menutype {
	margin:0;
	padding:0;
	margin-bottom: 10px;
}

.menutypegauche {
	float: left;
}

.menutypegauche a {
	margin-left: 10px;
}

.menudtypedroite {
}

.menutypedroite a {
	margin-left: 10px;
}

/* ******************** */ 
/* menu header  */
/* ******************** */ 
 
#menuhead {
 	margin-bottom : 20px;
}
 
#menuhead a {
 	margin-right : 20px; 
}
 
/* ******************** */ 
/* choose player  */
/* ******************** */ 

#cttpl1 {float: left;}
#cttpl2 {float: left;}
#cttpl3 {margin-left: 360px;}
#cttpl4 {float: left; margin-left: 90px;}
#cttpl5 {margin-left: 270px;}
#cttpl6 {float: left;}
#cttpl8 {float: left;}
#cttpl7 {margin-left: 360px;}
#cttpl9 {float: left; margin-left: 90px;}
#cttpl10 {margin-left: 270px;}
#cttpl11 {float: left;}
#cttpl14 {margin-left: 360px;}
#cttpl12 {float: left; margin-left: 90px;}
#cttpl13 {margin-left: 270px;}
#cttpl15 {margin-left: 180px;}
.cttlinepl {margin-bottom: 15px;}
.cttpl {width: 180px;}
.cttpl span {color: #FFF; float: left; margin-left: 4px;}
.cttpl .gameplayer {margin-left: 26px;}