/*  Partie globale de la page
**************************************************************************/
	body {
		margin: 0px;
		font-family: verdana;
		font-size:  11px;
		background: url("../images/background.jpg");
	}
	.global {
		width:900px;
		border: 1px solid #B2CAFF;
		margin: auto;
	}
	img {
		border: 0px;
	}
	
	th{
		border: 1px solid #B2CAFF;
		background-color: #D7EBFF;
	}
	a{
		text-decoration: none;
		color: #00B2FC;
	}
	a:hover{
		color: #0099D8;
	}

/*  Contenu de la page
**************************************************************************/
	.pagePrincipale {
		padding: 20px;
		padding-top: 0px;
		background-color: #FFFFFF;
	}
	.pagePrincipale h1 {
		text-align: center;
		font-size: 22px;
		border-bottom: double;
		border-color: #B2CAFF;
		margin: 0px;
		margin-bottom: 5px;
		padding-bottom: 3px;
		padding-top: 10px;
	}
	.pagePrincipale h2 {
		margin-top: 10px;
		margin-bottom: 5px;
		background-image: url(../images/h2.gif);
		background-repeat: no-repeat;
		background-position: left center;
		
		line-height: 25px;
		text-indent: 30px;
		font-size: 17px;
	}
	.pagePrincipale h3 {
		margin-top: 10px;
		margin-left: 30px;
		margin-bottom: 5px;
		background-image: url(../images/h3.gif);
		background-repeat: no-repeat;
		background-position: left center;
		
		line-height: 25px;
		text-indent: 30px;
		font-size: 13px;
	}

/*  Le login des membres
**************************************************************************/
	.loginMembre {
		width: 250px;
	}
	
	.loginMembre .important{
		text-align: center;
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #B2CAFF;
		line-height: 25px;
	}

/*  L'en-tête de page
**************************************************************************/
	.enTetePage {
		text-align: center;
		width: 100%;
		height: 100px;
		background: url("../images/banniere.jpg") no-repeat 50% 50%;
	}

/*  Le pied de page
**************************************************************************/
	.piedPage {
		text-align: center;
	}

/*  Les crédits
**************************************************************************/
	.credits {
		font-size: 9px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
	}

/*  Les boutons de navigation
**************************************************************************/
	
	#boutonsNavigation {
		text-align: center;
		height: 20px;
		background-color: #D7EBFF;
		border-top: 1px solid #B2CAFF;
		border-bottom: 1px solid #B2CAFF;
	}
	
	#boutonsNavigation a {
		color: #0099D8;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		text-decoration: none;
		line-height: 20px;
		padding: 4px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#boutonsNavigation a:hover {
		color: #B2CAFF;
	}


/*  Les divers alignements
**************************************************************************/
	.align_center {text-align: center;}
	.align_left {text-align: left;}
	.align_right {text-align: right;}

/*  Les bordures générales
**************************************************************************/
	.bordureHaut {
		border-top: 1px solid #B2CAFF;
		padding-top: 5px;
	}
	.bordureBas {
		border-bottom: 1px solid #B2CAFF;
		padding-bottom: 5px;
	}

/*  LES FORMULAIRES
**************************************************************************/
	.formContact {
		width: 600px;
		margin: auto;
	}

/*  Les notes de bas de page
**************************************************************************/
	.noteDeBasPage{
		text-align: right;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #6D6D6D;
		margin; 0px;
	}
	.noteDeBasPage a{
		color: #B2CAFF;
	}
	.noteDeBasPage a:hover{
		color: #6D6D6D;
	}

	

/*  La table spéciale
**************************************************************************/
	.specialtable {
		border: 1px solid  #B2CAFF;
		background-color: #EDF6FF;
		margin: auto;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	/*.specialtable td{
		padding-left: 5px;
		padding-right: 5px;
	}*/
	.specialtable .specselect{
		width:150px;
	}
	.specialtable .date{
		text-align: center;
		width: 70px;
	}
	.specialtable .buttonsCell {
		text-align: right;
		padding: 0px;
	}
	.specialtable .commentaires{
		border: 1px dashed #B2CAFF;
		padding: 5px;
		background-color: #D7EBFF;
	}
	.specialtable .separationLine {
		border-top: 1px solid #B2CAFF;
	}
	.specialtable a {
		color: #00B2FC;
		text-decoration: none;
	}
	.specialtable a:hover{
		color: #444444;
	}
	.specialtable .bottomTable {
		border-top: double #B2CAFF;
		font-size: 9px;
	}
	.specialtable .valueCell {
		text-align: center;
		font-weight: bold;
	}
	.specialtable .nameCell {
		font-weight: bold;
	}
	.specialtable .info_important{
		font-weight: bold;
	}
	.specialtable .important{
		text-align: center;
		margin: 20px;
		font-size: 16px;
		color: #00B2FC;
	}
	.specialtable .specialLink {
		font-size: 9px;
		padding: 0px;
	}
	
/*  Les tableaux
**************************************************************************/
	/*  Le tableau des PV d'assemblées */
		.tab_pvAssemblees {
			max-width: 600px;
		}
		
	/*  Le tableau des interclubs */
		.tab_interclub {
			width: 80%;
		}
		.tab_interclub .imgCell { width: 1px; }
		.tab_interclub .VSCell {
			width: 20px;
			font-weight: bold;
			text-align: center;
		}
		.tab_interclub .winnerTeam {
			color: green;
			font-weight: bold;
		}
		.tab_interclub .looserTeam {
			color: red;
		}
		.tab_interclub .team1Cell {
			text-align: right;
		}
		.tab_interclub .team2Cell {
			text-align: left;
		}
	/*  Le tableau des équipes */
		.tab_teams .nbMatchCell {
			width: 25px;
			text-align: center;
			font-weight: bold;
		}
		.tab_teams .nbWinCell {
			width: 25px;
			text-align: center;
			color: green;
		}
		.tab_teams .nbLoseCell {
			width: 25px;
			text-align: center;
			color: red;
		}
	/*  Le tableau de listage des galeries */
		.tab_galeries {
			max-width: 600px;
		}
/*  Le tableau de la galeries */
	.tab_galery {
		border: 1px solid #B2CAFF;
		background-color: #EDF6FF;
		margin: auto;
		color: #00B2FC;
	}
	.tab_galery .titleCell {
		text-align: center;
		border: 1px solid #B2CAFF;
		background-color: #D7EBFF;
		font-size: 18px;
	}
	.tab_galery .pictureCell {
		text-align: center;
		padding: 2px;
		width: 100%;
	}
	.tab_galery .pictureCell:hover {
		background-color: #E0E0E0;
	}
	.tab_galery .options {
		
	}
	.tab_galery .browseCell {
		font-weight: bolder;
	}
	.tab_galery .browseCell a {
		padding-left: 3px;
		padding-right: 3px;
	}
	.tab_galery .thisPage {
		border-bottom: 1px solid;
		color: #000000;
		padding-left: 2px;
		padding-right: 2px;
	}
	.tab_galery .galeryName {
		font-weight: bold;
		text-align: center;
		background-color: #E8E8E8;
	}
	.tab_galery .galeryName a { display: block; }
	.tab_galery .galeryName a:hover { text-decoration: underlined; }
	
/*  Fenetre de téléchargement
**************************************************************************/
	.downloadWait {
		width: 300px;
		margin: auto;
		margin-top: 50px;
		margin-bottom: 50px;
		padding: 10px;
		border: 1px dashed #00B2FC;
		text-align: justify;
		font-size: 13px;
		background-color: #D7EBFF;
	}
	.downloadWait .titleWait{
		margin-bottom: 10px;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
	}

/*  LES FORMULAIRES
**************************************************************************/
	.formulaire {
		padding: 10px;
		border: 1px solid #00B2FC;
		background-color: #EDF6FF;
		margin: auto;
	}
	/* le titre du formulaire */
	.formulaire .titleForm{
		display: block;
		margin: 10px;
		font-size: 20px;
		text-align: center;
	}
	/* un petit sous-titre contenant des informations */
	.formulaire .infosForm{
		display: block;
		border: 1px dashed #00B2FC;
		padding: 10px;
		margin-bottom: 10px;
		text-align: justified;
	}
	.formulaire .buttonsArea {
		text-align: center;
	}
	/*************** Les input ***************/
	.formulaire .inputText {
		background-color: #DDDDDD;
		border: 1px solid #0099D8;
	}
	.formulaire .inputText:hover {
		background-color: #EEEEEE;
	}
	/* une image (principalement pour la galerie) */
	.formulaire .picture_center { text-align: center; }
	.formulaire .picture {
		max-width: 100%;
		margin: auto;
	}
	/* le nom des champs */
	.formulaire .nameInputForm { font-weight: bold; }
	
	/* les boutons radio (enlèvement des bordures sous IE) */
	.formulaire .radioButtonForm {border: none;}
	
	.formulaire table{width: 100%;}
	.formulaire textarea{width: 100%;}
	
/* le formulaire de login rapide */
	.loginMembre_small {
		float: right;
		font-size: 9px;
	}
	.loginMembre_small input{
		font-size: 9px;
	}

/*  LES BOUTONS
**************************************************************************/
	.buttontext {
		border: none;
		width: 100px;
		height: 20px;
		line-height: 20px;
		background: url("../images/buttons/normal.jpg") no-repeat 50% 50%;
		color: #222222;
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		margin: auto;
	}
	.buttontext a{
		color: #222222;
		text-decoration: none;
		display: block;
	}
	.buttontext:hover {
		background-image: url("../images/buttons/hover.jpg");
	}
	.buttontext:active {
		background-image: url("../images/buttons/down.jpg");
	}

	
	
	
/*  LES TEXTZONE
**************************************************************************/
	.textzone{
		border: 1px double red;
		width: 100%;
	}
	.textzone textarea{
		width: 100%;
		height: 300px;
	}