/******************************************/
/* style pour le site Eden                */
/******************************************/
* {
	margin: 0;
	padding: 0;
	outline: 0;
}

body {
	background: #262926;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}


.puce {
margin-left: 20px;
}

a {
	color: white;
	text-decoration: underline;	
}
a:hover {
	color: #FAF2A1;
}

.centerBody {
	margin: 0 auto;
	width: 982px;
}
.header {
	height: 133px;
	background: url(../images/header.jpg) top left no-repeat;	
}
	.header h1.titleHome {
		margin: 0;
	}
	.header h1.titleHome a{
		display: block;
		width: 170px;
		height: 133px;
		position: absolute;
		text-decoration: none;
	}
	.header h1.titleHome a span {
		visibility: hidden;	
	}
	.header ul.menuTop {
	float: left;
	margin: 106px 0 0 180px;	
	}
	.header ul.ie6.menuTop {
	margin: 106px 0 0 90px;	
	}
	.header ul.menuTop li {
		display: inline;
		margin-right: 10px;
	}
	.header ul.menuTop li a {
		background: url(../images/puceTop.gif) center left no-repeat;
		padding-left: 20px;
		color: black;
		text-decoration: none;
	}
	.header ul.menuTop li a:hover {
		background: url(../images/puceTopActive.gif) center left no-repeat;
	}
	/***** etat actif sur le li */
	.header ul.menuTop li.active a {
		background: url(../images/puceTopActive.gif) center left no-repeat;
	}
	.connexion {
		width: 180px;
		float: right;
		margin: 40px 14px 0 0;
		height: 75	px;
	}
	
	.connexion .pseudo{
			background: none;
			border: none;
			margin-top: 8px;
			padding: 1px;
			font-size: 0.8em;
			font-weight: bold;
			color: white;
			
			display: block;
	}
	.connexion .rang{
			background: none;
			border: none;
			margin-top: 5px;
			padding: 1px;
			font-size: 0.8em;
			font-weight: bold;
			color: white;
			
			display: block;
	}
	
		.ie6.connexion {
		margin: 40px 14px 0 0;
		}
		.connexion form {
			text-align: center;
		}
		.connexion input.loginPass {
			background: none;
			border: none;
			border-bottom: dashed 2px white;
			margin-top: 5px;
			padding: 1px;
			font-size: 0.8em;
			font-weight: bold;
			color: white;
			text-align: center;
			display: block;
		}
		.connexion p {	
			text-align: center;
			margin: 5px 30px 0 0;
		}
		.ie6.connexion p{
			margin: 3px 0 0 0;
		}
		.connexion p input.boutonSubmit {
			font-size: 0.7em;
		}
.center {
	background: url(../images/fondCentrePage.gif) top left repeat-y;
	overflow: hidden;
	width: 982px;
}

.menuLeft {
	float: left;
	width: 171px;
}
	.menuLeft li {
		margin: 10px 0;
	}
	.menuLeft li a {
		display: block;
		line-height: 37px;
		background: url(../images/rubrique.gif) top right no-repeat;
		padding-left: 50px;
		text-decoration: none;
	}
	.menuLeft li.active a, 
	.menuLeft li a:hover {
		color: white;
		background: url(../images/rubriqueActive.gif) top right no-repeat;	
	}
	.menuLeft li ul {
		margin-top: 5px;
	}
	.menuLeft li ul.displayNone {
		display: none;
	}
	.menuLeft li ul li {
		margin: 0;
		line-height:normal;	
	}
	.ie6.menuLeft li ul li {
		line-height: 0px;
	}
	.menuLeft li ul li a, 
	.menuLeft li.active ul li a {
		background:none;
		line-height:normal;
		margin: 0;
		font-size: 0.9em;
	}
	.menuLeft li ul li a:hover {
		background: none;
		color: #FAF2A1;
	}
.contentCenter {
	float: left;
	width: 575px;
	background: #e5dac1 url(../images/fondCentre.gif) top center no-repeat;
	padding-bottom: 300px;
}
	.contentCenter h1 {
		font-size: 1.3em;
		border-bottom: 1px solid black;
		padding: 3px 8px;
		color:#850606;
	}
	.contentCenter p {
		padding: 5px 8px;
		text-align: justify:
	}

.contentRight ul li {
margin-left: 25px
}

.zoneRight {
	float: left;
	width: 236px;
}

.zoneRight #my_chart { 
 padding-left:10px;

}
	.zoneRight .topDivRight,
	.zoneRight .divRight,
	.zoneRight .bottomDivRight {
		width: 215px;
		margin: 0 auto;
	}
	.zoneRight .topDivRight {
		margin-top: 15px;
		background:url(../images/topRight.gif) top center no-repeat;
		height: 21px;
	}
		.zoneRight .topDivRight span{
			color: white;
			font-size: 0.8em;
			padding-left: 15px;
		}
	.zoneRight .divRight {
		background:url(../images/right.gif) top center repeat-y;
		padding: 5px 0;
	}
		.zoneRight .divRight p {
			padding: 0 9px;
			color: white;
		}
	.zoneRight .bottomDivRight {
		margin-bottom: 15px;
		background:url(../images/bottomRight.gif) bottom center no-repeat;
		height: 12px;
	}
	.zoneRight .ie6.bottomDivRight {
		margin-top: -5px;
	}
.footer {
	background: url(../images/footer.jpg) top left no-repeat;
	height: 25px;
}
	.footer p {
		text-align: center;
	}
	.footer ul {
		list-style: none;
		text-align: center;
		margin: 0 auto;
		
	}
	.footer ul li {
		text-align: center;
		display: inline;
		color: white;
		line-height: 25px;
		font-size: 0.9em;
	}
	.footer ul li a {
		color: white;
		text-decoration: underline;	
	}
	.footer ul li a:hover {
		color: #FAF2A1;
	}


/*                                */
/* Calendar style sheet           */
/* Feuille de style du calendrier */
/*                                */

/* Style de la table principale contenant le calendrier */
/* Style de la table principale contenant le calendrier */
table.calendar_main {
	font-family: Arial, Times, serif;
	font-size: 10px;
}

/* Style for the calendar header (<< month year >>) */
/* Style du titre du calendrier (<< mois annee >>)  */
.calendar_title {
	color: #000000;
	text-align: center;
}

/* Style of the cell "month year" of the header */
/* Style de la cellule "mois annee" du titre    */
.calendar_title_month {
}

/* Style of the link "month year" of the header */
/* Style du lien "mois annee" du titre          */
.calendar_title_month_clickable {
	color: #000000;
	text-decoration: none;
}

/* Style of the cell that contains the link "<<" in the header */
/* Style de la cellule contenant le lien "<<" du titre         */
.calendar_title_left_arrow {
	text-align: left;
}

/* Style of the cell that contains the link ">>" in the header */
/* Style de la cellule contenant le lien ">>" du titre         */
.calendar_title_right_arrow {
	text-align: right;
}

/* Style of the link "<<" of the header */
/* Style du lien "<<" du titre          */
.calendar_title_left_arrow_clickable {
	color: #000000;
	text-decoration: none;
}

/* Style of the link ">>" of the header */
/* Style du lien ">>" du titre          */
.calendar_title_right_arrow_clickable {
	color: #000000;
	text-decoration: none;
}

/* Global style of the main calendar table */
/* Style global de la table du calendrier  */
.calendar_table {
	border: none;
	border-collapse: collapse;
	font-size: 10px;
}

/* Generic style of the calendar table cells              */
/* Style generique des cellules de la table du calendrier */
.calendar_table td {
	border: 1px solid #99A9B6;
	text-align: center;
	width: 20px;
}

/* Style of the table header cells that contains the days                   */
/* Style des cellules d'en-tete la table du calendrier, contenant les jours */
.calendar_table th {
	border: 1px solid #99A9B6;
	background-color: #99A9B6;
	font-weight: normal;
	text-align: center;
}

/* cas présence evenements */
.calendar_event {
	background-color: #850606;
}


/* Style of the calendar cells the contains the week-end days (saturday and */
/* sunday)                                                                  */
/* Style des cellules de la table contenant les jours du week-end (samedi et*/
/* dimanche)                                                                */
.calendar_weekend {
	background-color: #cccccc;
}

/* Style of the table cells that contains the days that are not part of the */
/* monthly currently displayed                                              */
/* Style des cellules contenant des jours ne faisant pas partie du mois en  */
/* cours d'affichage                                                        */
.calendar_other_month {
	color: #999999;
}

/* Style for the links of days not part of the month currently displayed */
/* Style des liens des jours ne faisant pas partie du mois en cours      */
/* d'affichage                                                           */
.calendar_other_month_clickable {
	color: #999999;
	text-decoration: none;
}
.calendar_other_month_clickable_event {
	color: #999999;
	text-decoration: none;
	background-color:#996600;
}

/* Style for today's day (non-clickable)                  */
/* Style du jour (non cliquable) representant aujourd'hui */
.calendar_today {
	color: #ff0000;
}

/* Style of today's link                              */
/* Style du lien sur le jour representant aujourd'hui */
.calendar_today_clickable {
	color: #ff0000;
	text-decoration: none;
}

/* Style du lien sur le jour representant aujourd'hui avec un evenement pr�vu */
.today_clickable_event{
	color: #ff0000;
	text-decoration: none;
	background-color:#996600;
	
}


/* Style for the links of days part of the month currently displayed     */
/* Style des liens des jours faisant partie du mois en cours d'affichage */
.calendar_day_clickable {
	color: #000000;
	text-decoration: none;
}
.calendar_day_clickable_event {
	color: #000000;
	text-decoration: none;
	background-color:#996600;
}	
/* style pour les news */
/*
table {
  border-collapse: collapse;
   border: 2px solid #CCCCCC;
   margin: auto;
   background-color: #FFFFFF;
}
th, td {
   text-align:center;
   border:1px solid #CCCCCC;
}
*/
.important {
   color: #F2462E;      /* rouge */
   font-weight: Bold;
}
/* ---- NEWS - affichage ---- */
.news_liste {
   width: 570px;
   border-collapse: collapse;
   /* border: 2px solid #CCCCCC; */
   color: #FFFFFF;
   margin: auto; 
   background-color: #332D26;
}
.news_entete {
   height: 25px;
   background-color: #000000;
}
.news_newsTitre {
   padding: 5px;
   float: left;
   text-align: left;
   color: #FFFFFF;
   font-weight: normal;
}
.news_date {
   padding: 5px;
   float: right;
   text-align: right;
}
.news_contenu {
    width: 560px; 
   overflow: hidden; /* pour que le div s adapte au newsContenu (image) */
   padding: 5px;
   text-align: left;
}
/* ---- position IMAGE  ---- */
/* image a gauche du texte */
.imageG {
   float: left;
   margin-right: 20px;
   margin-bottom: 5px;
}
 /* fin de style pour les news */

	
/*****  style pour le tableau de classement  ******/

table.classement {
	font-family: Arial, Times, serif;
	font-size: 14px;
	border-collapse: collapse;
	width:570px;
	
	
}

/* Style du header  */
.classement th {

	background-color: #000000;
	font-weight: normal;
	text-align: center;
	color:#FFFFFF;
	font-size: 16px;
	padding: 5px;
}

.classement td {
	
	background-color: #332D26;
	font-weight: normal;
	text-align: center;
	color:#FFFFFF;
	font-size: 14px;
}

.classement .selected {
	color:#CC0033;
	
}
.classement .selected a{
	color:#CC0033;
	
}


/*Style  du champs autocomplete pour la création de partie*/
.suggestionsBox {
    position: relative;
    left: 30px;
    margin: 10px 0px 0px 0px;
    width: 150px;
    background-color: #212427;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #000;
    color: #fff;
}

.suggestionList {
    margin: 0px;
    padding: 0px;
}

.suggestionList li {
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
}

.suggestionList li:hover {
    background-color: #659CD8;
}


/* stuyle message erreur  */

.erreur li {
margin-left: 20px;
 color: #F00;
 font-size:12px;
}