* {
margin : 0px; padding : 0px;
font-family : verdana, sans-serif;
	}

/*
BASE DU DESIGN --------------------------------------
*/
html{
	width : 100%; height : 100%;
	background-image : url(images/design/fond.jpg);
	font-size : 15px;
	color : #FFFFFF;
	}

body{
	width : 100%; height : 100%;
	background-image : url(images/design/header.jpg);
	background-position : top center;
	background-repeat : repeat-x;
	/*overflow:hidden;*/
	}	

#toutFond {
	position : relative; top : 0px;
	width : 100%;
	min-width : 960px; height : 740px;
	background-image : url(images/design/centre.jpg);
	background-position : center 230px;
	background-repeat : no-repeat;
	margin : auto;
	padding : 0;
	}
	
#tout {
	position : relative;
	width : 960px;
	margin : auto;
	}
	
/*
STYLE DES LIENS --------------------------------------
*/	
	a{color : white;}

	a:visited{color : #f7dac0;}
	
	a:hover{color : #bfcce7;}

    a img {border: none;}
     a href {color: black;}

/*
DESIGN --------------------------------------
*/
	/*Placer le design derri?re le contenu*/
	#design {
		position : relative;
		z-index : 0;
		}

	#contenu {
		position : relative;
		z-index : 100;
		}
	
	/*AFFICHAGE DES IMAGES*/
	#header {
		position : absolute;
		width : 960px; height : 230px; 
		margin : auto;
		background-image : url(images/design/titre.jpg);
		background-position : top center;
		background-repeat : no-repeat;
		}

	#left {
		position : absolute;
		left : -270px; top : 230px;
		width : 152px; height : 510px; 
		margin : auto; padding-left : 341px;
		background-image : url(images/design/gauche.jpg);
		background-position : top right;
		background-repeat : no-repeat;
		}

	#right {
		position : absolute;
		/*left : 856px; top : 230px;
		width : 374px; height : 510px; 
		background-image : url(images/design/droite.jpg);
		background-position : top right;
		background-repeat : no-repeat;*/
		}
	
	/*AFFICHAGE D'UN LIEN EN HAUT A GAUCHE*/
	#lienTitre{
		position : absolute;
		width: 600px; height : 150px;
		background-image : url(images/design/spacer.gif);
		}
			
		#lienTitreBis{
			position : absolute; left : -25px;
			width: 200px; height : 300px;
			background-image : url(images/design/spacer.gif);
			}
		
		#lienTitre span, #lienTitreBis span{
			display : none;
			}
	
/*
CONTENU --------------------------------------
*/
	
	/*
	POSITIONNEMENT DE LA ZONE HEADER (formulaire + menu haut)
	*/
	#headerContent {
		width : 960px; height : 260px; 
		margin : auto;
		}

		/*
		FORMULAIRE
		*/
			#formulaire {
				position : absolute;
				width : 260px;
				left : 670px; top : 47px;
				text-align : right;
				color : #fff000;
				}
			
				#formulaire  #titreZM{ 
					display : block; width : 92%;
					border-bottom : solid 1px #fff000;
					text-transform : uppercase;
					margin : 0 2% 0 6%;
					margin-top : 15px; margin-bottom : 5px; padding-bottom : 5px; 
					font-size:0.9em;
					}
				
				#formulaire  #zoneMembres{
					line-height : 1.5em;
					margin : 0 2% 0 6%;
					}
				
				#formulaire  input{ 
					background-image : url(images/design/formulaire.jpg);
					border : 1px inset;
					color : #fff000;
					width : 50%;
					}
				
				#formulaire  input#boutonOk{ 
					background-image : url(images/design/ok.jpg);
					border : 0px;
					width : 27px; height : 27px; margin-top : 5px;
					}

		/*MENU HAUT*/
			#menuHaut{
				position : absolute;
				left : 223px; top : 230px;
				width : 623px; height : 22px; padding-right : 10px; padding-top : 3px;
				text-align : right;
				background-image : url(images/design/menuhaut.jpg);
				background-repeat : repeat-y;
				background-position : right top;
				color : white;
				}

               
				
				#menuHaut a{
					text-transform : uppercase;
					}
	
	/*
	POSITIONNEMENT DE LA ZONE HEADER (formulaire + menu haut)
	*/	
	#contenuContent {
		width : 1000px; 
		min-height : 510px;
		margin : auto;
		}
		* html #contenuContent {
			height : 510px;
			}
		
		/*MENU GAUCHE*/
			#menuGauche{
				color : white;
				width : 125px;
				float : left;
				padding : 90px 0 0 85px;
				}
			
				#menuGauche .blocMenu{
					display : block;
					padding : 0px 0px 15px 5px;
					}
				#menuGauche .blocMenu a{
					display : block;
					}
					
					/*MENU DROITE*/
			#menuDroite{
				color : white;
				float : right;
				}

		/*ZONE CONTENU*/
			#zoneContenu{
				color : white;
				width : 633px;
				margin : 0 0 0 220px;
				}
			
			/*PERMET D'AFFICHER LES SOUS TITRES*/
			#zoneContenu h2{
				display : block;
				margin : auto;
				background-image : url(images/design/stitre.png);
				background-repeat : no-repeat;
				padding : 20px 25px 0px 140px;
				height : 80px;
				margin-bottom : -10px;
				font-size : 20px;
				}
		
			/*HACK POUR RENDRE LES PNGs TRANSPARENT SOUS IE 6*/
			* html #zoneContenu h2{
				background-image : url(no-image);
                filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='images/design/stitre.png');
				}
			
			#zoneContenu p{
				display : block;
				margin : auto;
				padding : 0px 25px 15px 25px;
				}


	/*
	FOOTER
	*/
		#footer{
			width : 100%;
			background-image : url(images/design/basfond.jpg);
			background-position : bottom;
			background-repeat: repeat-x;
			text-align : center;
			}
			
		#footerContent{
			position : relative; left : -10px;
			background-image : url(images/design/bas.jpg); height : 40px;
			background-position : bottom;
			background-repeat: no-repeat;
			padding : 40px 0 0 0;
			font-size : 0.8em; 
			}


/*
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

a
{
   text-decoration: none; /* Les liens ne seront plus soulign?s */
   color: #F5F5F5; /* Les liens seront en rouge au lieu de bleu */
   font-style: italic; /* Les liens seront en italique (pourquoi pas ?) */
}

a#liennoir
{
color : black;
}

a#liengris
{
color : rgb(0,60,0);
}

a#lienrouge
{
color : red;
text-decoration: none; 
}

a#lienbleu
{
color : blue;
text-decoration: none;
}

a#lienblanc
{
color: white;
}

a#lienblanc:hover{
	color: red;
}

a.infoblanc {
   position: relative;
   color: white;
}
a.infoblanc span {
   display: none; /* on masque l'infobulle */
}
a.infoblanc:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   color : red;
}
a.infoblanc:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: -2px; /* on positionne notre infobulle */
   left: 40px;

   background-image : url(images/design/header.jpg);

   color: white;
   padding: 3px;
   font-size : smaller;

   border: 2px solid white;
}

a.inforouge {
   position: relative;
   color: red;
}
a.inforouge span {
   display: none; /* on masque l'infobulle */
}
a.inforouge:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   color : white;
}
a.inforouge:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: -2px; /* on positionne notre infobulle */
   left: 40px;

   background-image : url(images/design/header.jpg);

   color: white;
   padding: 3px;
   font-size : smaller;

   border: 2px solid white;
}


a#lienclassement
{
color : rgb(0,60,0);
   font-style: normal;
}

a#lienclassement:hover
{
color: red;
}

div#menu_barre {
  padding:5px;
  text-align:right;
    background-color:#779FBF;
  margin-bottom: 3px;
}

div#menu_colonne {
  width:15%;
  height: 260px;
  padding-top : 4px;
}

div#BlocNB {
    width:85%;
    padding:2%;
    padding-left:7%;
    margin-left:3%;
    border: 2px solid white;
}

div#colonne_transferts_g{
margin-left : 1%;
width : 47.8%;
float : left;
background-color:rgb(80,115,196);
padding : 0.5%;
}

div#colonne_transferts_d{
margin-right : 1%;
width : 47.8%;
padding : 0.5%;
float : right;
background-color:rgb(80,115,196);
}

div.menu_section {
  border:3px solid #678EB0;
}

html div#couleur {
  background-color:blue;
}

html > body div#couleur {
  background-color:red;
}

/* Les tableaux */


table
{
	margin : auto;
   border: 3px outset #87CEFA;
   border-collapse: collapse;
   width : 600px;
   
}

table.xpcup
{
	margin : auto;
   border: 3px outset #87CEFA;
   border-collapse: collapse;
   width : 300px;
   
}

table.canxpcup
{
	margin : auto;
   border: 0px outset #87CEFA;
   border-collapse: collapse;
   width : 600px;
   
}

table#tournoi
{
    border : 0px;
    font-size : 0.6em;
}

table#haut
{
	width : 180px;
	padding: 0px;
}

table#note
{
 border-width: 0px;
}

table#tactique
{
border: 0px;
width: 80%;
}

td#tactique
{
border : 0px;
text-align : left;
}

td#tactique2
{
border : 0px;
text-align : right;
}

td#tactique3
{
border : 0px;
text-align : center;
}

th
{
   background-color: blue;
   color: white;
   font-size: 0.75em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   padding-left : 7px;
   padding-right : 7px;
   }
   
  tr#pointille
  {
	border:none;
	border-bottom:1px dotted black; /* activer le contour du haut */ 
  }

  
td#pair{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center;
   background-color : rgb(244,255,254);
   color : black; 
   font-size : 0.75em;
   }
   
   td#impair{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center;
   background-color : rgb(241,241,241);
   color : black;
   font-size : 0.75em;
   }
   
   span#entrainement
   {
   color : red;
   font-size : 1.1em;
   text-align : center;
   }

td
{
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center;
   padding: 3px;
   width:10%
}

td#cl_equipe
{
width: 40%;
}

td.entraineur
{
width: auto;
   text-align: center;
}
   
 td#rencontre_voir
{
border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center;
   padding: 5px;
   background-color : rgb(220,240,250);
}
 
td.note1
{
width : 115px;
color : dark;
}
td.note2
{
width : 10px;
color : dark;
}
td.note3
{
width : 30px;
color : dark;
}

fieldset#entraineur
{
  border:2px solid #87CEFA;
	margin-left : 5%;
	margin-right: 5%;
	text-align : center;
  }
  
fieldset#joueur
{
  border:3px solid #87CEFA;
  margin-left : 1%;
  margin-right : 1%;
  padding : 1%;
}

legend#joueur
{
	color : blue;
}

legend#entrainement
{
	color : red;
	font-size : 0.75em;
}

fieldset#finance
{
	  border:2px solid #87CEFA;
	margin-left : 5%;
	margin-right: 5%;
	padding-right : 2%;
	padding-left : 2%;
	padding-bottom: 1%;
	text-align: right;
}

legend#finance
{
	color : blue;
}

div#pourscroller
{

  width: 100%;
  height : 130px;
  overflow: auto;
}

fieldset#fieldsetbas
{
  border:2px solid #87CEFA;
  float : left;
  width : 97.5%;
  margin-bottom : 10px;
}

legend
{
color: rgb(0,128,255);
font-weight : bold;
}
  
div#imagejoueur
{
float : right;
background:url("images/imagejoueur.jpg") no-repeat center center;
height:79px ;
width:53px ;
}

div#imagejoueur:hover
{
float : right;
background:url("images/changerphoto.jpg") no-repeat center center;
height:79px ;
width:53px ;
}

span#menudroite
{
   float: right;
   margin-right : 20px;
   display:inline;
}

span#sousmenujoueur
{
float : right;
border : 2px solid white;
padding : 7px;
font-size:12px;
margin : 5px;
display:inline;
}

span#sousmenu2joueur
{
float: left;
border : 2px solid white;
padding : 7px;
font-size:12px;
margin : 5px;
display:inline;
}

span#sousmenu3joueur
{
border : 2px solid white;
padding : 7px;
font-size:12px;
margin : 5px;
display:inline;
}

div#titre_smj
{
    background-color:rgb(74,104,176);
    padding : 2%;
}


span#blessure_rouge
{
color : red;
}

span#blessure_vert
{
color : green;
}

td#infirmerie
{
   border: 1px solid grey;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centr?s*/
   padding: 5px; /* Petite marge int?rieure aux cellules pour ?viter que le texte touche les bordures */
}





/* + -----------------------------------------------------
	Styles appliqu?s au Calendrier
+ ----------------------------------------------------- */

#calendrier li{
	list-style-type: none;	
}

#calendar
{
color : black;
}

fieldset#calendrier
{
	margin-left : 2%;
	margin-right : 2%;
	padding : 3px;
}

legend#calendrier
{
	color: blue;
}

span.titre_calendrier
{
	color : blue;
	font-size : 12px;
}

div.contenu_calendrier
{
    color : white;
    font-size : 12px;
    padding-left : 12px;
}

#libelle {
	width: 380px;
	list-style-type: none;	
	margin: 15px;
}
.ligne {
	width: 380px;
	list-style-type: none;
	margin: 15px;
} 
#libelle li {
	float : left;
	width: 40px;
	color: blue;
	padding-left: 10px;
}
.ligne li {
	float : left; 
	width: 40px;
	border: 1px solid white;
padding-left: 10px;	
}

/* Style transfert+---------------------------------------
*/
a #transfert{
color : black;
}
a#transfert:hover {
background: none; /* correction d'un bug IE */
}

a#transfert span { /* d?finition de la balise <span> inclue dans <a> */
display: none;
}
a#transfert:hover span { /* d?finition de la balise <span> au survol */
display: inline;
  color:black;
}
/*+-------------------------------*/
	a #entrainement{
color : white;
}
a#entrainement:hover {
background: none; /* correction d'un bug IE */
}

a#entrainement span { /* d?finition de la balise <span> inclue dans <a> */
display: none;
}
a#entrainement:hover span { /* d?finition de la balise <span> au survol */
display: inline;
  color:white;
}
	
label {
display:block;
width:150px;
float:left;
font-weight: bold ;
}

img#lienrapide
{
	border:none;
}

/*Les regles*/

ul#regle
{
padding-left : 20px;
}

p#regle
{
	text-align:justify;
}


span#petittexte
{
	font-size:10px;
	line-height:0ex;
}

h5.menutitre
{

	display : block;
				margin : auto;
				background-image : url(images/design/stitrepetit.png);
				background-repeat : no-repeat;
				padding : 15px 0px 0px 3px;
				height : 25px;
				margin-bottom : -2px;
				font-size : 10px;
}




label {
display:block;
width:200px;
float:left;
font-size:14px;
font-weight:normal;
}

label.l2 {
display:block;
width:130px;
float:left;
font-size:14px;
font-weight:normal;
}

label.l3 {
display:block;
width:160px;
float:left;
font-size:14px;
font-weight:normal;
}




/* By Fred*/

/*XpTCommité*/
#nouvelles{
				display : block;
				margin-left:0px;
				margin-top:10px;
				width : 600px; height : 500px;
				background-repeat : no-repeat;
				font-size : 14px;
				}

/* Les tableaux */

#nouvelles table
{
   border: 0px outset #87CEFA;

}

 #redaction{
      position : absolute;
      left : 860px; top : 232px;
      text-align : center;
      }

#pubHaut{
				position : absolute;
				left : 823px; top : 191px;
				width : 323px; height : 22px; padding-right : 10px; padding-top : 3px;
				text-align : center;
				}

#pubGauche{
				position : absolute;
				left : -160px; top : 390px;
				/*width : 323px; height : 202px; padding-right : 10px; padding-top : 3px;*/
				text-align : center;
				}

#xpjournal
{
	width:250px;
    overflow:auto;
	}

 #xpjournalgauche
{
	width:240px;
    overflow:auto;
	}

    #xpjournaldroite
{
	width:250px;
    overflow:auto;
	}

.actu
{
    background-image:url('images/design/fond.jpg');
	}

#xpjournal table
{
   border: 2px outset #ffffff;
   width: 230px;
}

#xpjournal td.zoom
{
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center;
   padding: 3px;
   width:10px;
}

#xpjournal td.exp
{
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   font-size:10px;
   text-align: left;
   padding: 1px;
   width:90px;
}

#xpjournal td.titre
{
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   font-size:14px;
   text-align: left;
   padding: 1px;
   width:220px;
}

#xpjournalgauche table
{
   border: 2px outset #ffffff;
   width: 220px;
}

#xpjournalgauche td.zoom
{
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center;
   padding: 3px;
   width:10px;
}

#xpjournalgauche td.exp
{
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   font-size:10px;
   text-align: left;
   padding: 1px;
   width:90px;
}

#xpjournalgauche td.titre
{
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   font-size:14px;
   text-align: left;
   padding: 1px;
   width:220px;
}

#xpjournaldroite table
{
   border: 2px outset #ffffff;
   width: 230px;
}

#xpjournaldroite td.zoom
{
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center;
   padding: 3px;
   width:10px;
}

#xpjournaldroite td.exp
{
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   font-size:10px;
   text-align: left;
   padding: 1px;
   width:90px;
}

#xpjournaldroite td.titre
{
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   font-size:14px;
   text-align: left;
   padding: 1px;
   width:220px;
}

/*pour le haut */

#menutop {
	width: 980px;
	height: 46px;
	margin: 0 auto;
	padding: 1px 0px 0px 0px;
	z-index : -5;
}

#menutop ul {
	margin: 0;
	padding: 0px 0px 0px 4px;
	list-style: none;
	line-height: normal;
	float : right;
}

#menutop li {
	float: left;
	background: url(images/fondtop.jpg) repeat-x left top;
	margin : 1px 1px 1px 1px;
}

#menutop a {
	display: inline;
	float: left;
	height: 22px;
	padding: 4px 30px 0px 30px;
	text-decoration: none;
	text-transform: lowercase;
	text-shadow: #eeeeee 0px 1px 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	border: none;
}

#menutop a:hover {
	text-decoration: none;
}