/*****************************************/
/* ANNULATION DES MARGES ET PADS GÉNÉRAUX */
/****************************************/

	*{margin: 0px; padding: 0px;}

/****************/
/* BLOCKS CLIENTS */
/****************/

	#en_tete
	{
		width: 980px;
		height: 50px;
		margin: auto;
	}
	#en_tete td
	{
		border: none;
		padding: 0px;
		margin: 0px;
	}
	#en_tete img
	{
		/*border-top: 2px ridge #f0f0f0;
		border-bottom: 2px ridge #f0f0f0;*/
		padding: 0px;
		margin: 0px;
	}
	#menu_gauche, #metazone
	{
		float: left;
		text-align: left;
		width: 220px;
	}
	#menu_gauche li
	{
		margin-left: 0px;
	}
	#corps
	{
		margin-left: 0;/*270px;*/
		margin-right: 0px;/*10px;*/
		margin: auto;
		margin-top: 20px;
		margin-bottom: 20px;
		width: 980px;
		text-align: justify;
	}
	#page_zero
	{
		width: 100%;
		margin: auto;
		background: url("fondPageZero.gif") repeat-y top center fixed;
	}
	#pied_de_page
	{
		margin-left: 0;/*270px;*/
		margin-right: 0px;/*10px;*/
		width: 980px;
		margin: auto;
		margin-bottom: 10px;
		text-align: center;
		font-size: 0.8em;
		border-top: 2px groove #f0f0f0;
		padding-top: 5px;
		border-bottom: 2px groove #f0f0f0;
		padding-bottom: 5px;
	}
	#pied_de_page_accueil
	{
		width: 960px;
		background: url(bandeauAccueil.png);
		border-top: 2px ridge #f0f0f0;
		border-bottom: 2px ridge #f0f0f0;
		text-align: center;
		vertical-align: center;
		margin: 0px;
		margin: auto;
		padding: 10px;
		color: silver;
		font-size: 0.9em;
	}

/************************/
/* BALISES HTML GÉNÉRALES */
/************************/
	body
	{
		width: 980px;
		margin: auto;
		background: url("fond.png") repeat-y top center fixed;
		font-family : "Trebuchet MS", Arial, Serif;
	}
	h1
	{
		margin-top: 30px;
		margin-bottom: 20px;
		border: none;/*2px groove #f0f0f0;*/
		padding: 5px;
		word-spacing: 10px;
		letter-spacing: 5px;
		font-weight: normal;
		font-size: 2.0em;
		/*background: url(carre.png) repeat-x;*/
		text-align: right;
		color: silver;
	}
	h2
	{
		margin-top: 20px;
		margin-bottom: 15px;
		font-weight: bold;
		font-size: 1.6em;
		color: gray;/*#ffcb65;/*#a37e22;/*#ffcb65;*/
	}
	h3
	{
		margin-top: 15px;
		margin-bottom: 15px;
		border: 2px groove #f0f0f0;
		/*background-color: gray;*/
		background: url(carre.png) repeat-x;
		padding: 5px;
		font-weight: bold;
		font-size: 1.2em;
		color: #ffcb65;/*#a37e22;/*#ffcb65;*/
	}
	h4
	{
		margin-top: 10px;
		margin-bottom: 10px;
		font-weight: bold;
		font-size: 1.0em;
		color: gray;/*#ffcb65;/*#a37e22;/*ffcb65;*/
	}
	ol
	{
		margin-top: 10px;
		margin-bottom: 10px;
		color: black;
		font-size: 0.9em;
	}
	p, ul
	{
		list-style: square;
		margin-top: 10px;
		margin-bottom: 10px;
		color: black;
		font-size: 0.9em;
	}
	li
	{
		list-style-position: outside;
	}
	a
	{
		text-decoration: none;/*underline;*/
		color: #a37e22;/*805619;/*ffcb65;*/
	}
	a:hover
	{
		text-decoration: none;
		color: silver;
	}
	a:active, a:focus
	{
		background-color: #ffcb65;
	}
	a:visited
	{
		text-decoration: none;
	}
	a img
	{
		border: none;
	}
	acronym:hover
	{
		text-decoration: none;
	}
	table
	{
		border-collapse: collapse; /* alternative : separate */
	}
	caption
	{
		caption-side: top;
		text-align: right;
		font-weight: bold;
		color: gray;/*#ffcb65;*/
		padding-bottom: 5px;
	}
	th
	{
		color: #ffcb65;
		font-weight: normal;
		text-align: center;
		border-top: 2px groove #f0f0f0;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	td
	{
		border: 2px groove #f0f0f0;
		font-size: 0.9em;
		padding: 5px;
	}
	fieldset
	{
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 10px;
		padding-top: 0px;
	}
	input, textarea
	{
		background-color: #f0f0f0;
	}
	input:focus, textarea:focus
	{
		background-color: #FFFF99;
	}

/*****************/
/* ESPACE MEMBRES */
/*****************/

	.espace_membres
	{
		width: 980px;
		text-align: center;
		margin: 0px;
		margin: auto;
		padding-top: 10px;
		padding-bottom: 10px;
		color: silver;
		font-size: 0.9em;
		background: url(bandeau.png) repeat-x;
		border-top: 2px ridge #f0f0f0;
		border-bottom: 2px ridge #f0f0f0;
	}
	.espace_membres a
	{
		text-decoration: none;
		color: #ffcb65;
	}
	.espace_membres a:hover
	{
		text-decoration: none;
		color: silver;
	}

/***************************/
/* STYLES DU MENU DÉROULANT */
/***************************/

	#menu, #menu ul /* Liste */     
	{
			padding : 0; /* pas de marge intérieure */
			margin : 0; /* ni extérieure */
			list-style : none; /* on supprime le style par défaut de la liste */
			line-height : 25px; /* on définit une hauteur pour chaque élément */
			text-align : center; /* on centre le texte qui se trouve dans la liste */
	}

	#menu /* Ensemble du menu */
	{
			font-weight : bold; /* on met le texte en gras */
			font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
			font-size : 12px; /* hauteur du texte : 12 pixels */
	}

	#menu li a /* Contenu des listes */
	{
			display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
			padding : 0; /* aucune marge intérieure */
			background: url(menuInactif.png) repeat-y 0;
			color: #ffcb65;
			text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
			width : 139px; /* largeur */
	}

	#menu a /* Contenu des listes */
	{
			display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
			padding : 0; /* aucune marge intérieure */
			background : #000; /* couleur de fond */        
			color : #fff; /* couleur du texte */
			text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
			width : 139px; /* largeur */
	}

	#menu li /* Elements des listes */      
	{ 
			float : left; 
			/* pour IE qui ne reconnaît pas "transparent" */
			border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
	}

	/* IE ne reconnaissant pas le sélecteur ">" */
	html>body #menu li
	{
			border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
	}

	#menu li ul /* Sous-listes */
	{ 
			position: absolute; /* Position absolue */
			width: 139px; /* Largeur des sous-listes */
			left: -999em; /* Hop, on envoie loin du champ de vision */
	}

	#menu li ul li /* Éléments de sous-listes */
	{
			/* pour IE qui ne reconnaît pas "transparent" */
			border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
	}

	/* IE ne reconnaissant pas le sélecteur ">" */
	html>body #menu li ul li                
	{
			border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
	}

	#menu li ul ul 
	{
			margin    : -22px 0 0 140px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
			/* pour IE qui ne reconnaît pas "transparent" */
			border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
	}

	/* IE ne reconnaissant pas le sélecteur ">" */
	html>body #menu li ul ul                
	{
			border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
	}

	#menu a:hover /* Lorsque la souris passe sur un des liens */    
	{
			/*color: #000; /* On passe le texte en noir... */
			/*background: #fff; /* ... et au contraire, le fond en blanc */

			color: black;/*#42607f;*/
			/*background-color: black;*/
			background: url(menuActif.png) repeat-y 0 0;

	}

	#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
	{
			left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
	}

	#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
	{
			left: auto; /* Repositionnement normal */
			min-height: 0; /* Corrige un bug sous IE */
	}

/***************************/
/* STYLES DU MENU CIRCULAIRE */
/***************************/

	#menuCirculaire
	{
	 margin: auto;
	 margin-top: 10px;
	 margin-bottom: 10px;
	 width: 980px;
	 height: 500px;
	 /*background-color: #FFFF99; */
	 /*border: 1px solid #000000;*/
	}
	 
	#menuCirculaire li
	{
	 list-style-type: none;
	 list-style-position: inside;
	 text-align: center;
	}
	
	#menuCirculaire li img
	{
		/*float: right;*/
		margin:10px;
	}

	#centreMenu
	{
	 position: relative;
	 /*border: 1px solid #BBBBBB;*/
	}
	.item
	{
	 position: absolute;
	}
	
/**********************/
/* STYLES DU CALENDRIER */
/**********************/
	
#calendrier
{
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
}
#calendrier caption /* Titre du tableau */
{
	margin: auto; /* Centre le titre du tableau, ça rend mieux */
	font-family: "Trebuchet MS", Arial, serif;
	font-size: 0.8em; /* taille de la police */
	color: gray;/*silver;/*#556dff; /* Couleur du texte */
	margin-bottom: 2px; /* Marge avec le tableau */
}
#calendrier table /* Le tableau en lui-même */
{
	margin: auto; /* Centrons notre tableau */
	border: 2px ridge silver; /* Bordure bleue effet 3D */
	border-collapse: collapse;/*separate; /* Rend les cellules indépendantes les unes des autres */
}
#calendrier th /* Les cellules d'en-tête */
{
	background-color: gray;/*silver;/*#7ba3ff; /* Couleur de fond */
	color: white; /* Couleur du texte */
	font-size: 0.8em; /* Taille des jours */
	font-family: "Trebuchet MS", Arial, serif;
}
#calendrier td
{
	width: 28px;
}
#calendrier a
{
	color: gray;
}
#calendrier a:hover
{
	background-color: red;
	color: orange;
}
#calendrier .lienCalendrier /* Les cellules normales */
{
	/*border: 1px solid black;*/
	/*border-style: dotted; /* Une bordure en pointillés */
	font-family: "Trebuchet MS", Arial, serif;
	font-size: 0.8em; /* Taille des jours */
	background-color: white;/*#7ba3ff; /* Couleur de fond */
	color: gray;/*silver; /* Couleur du texte */
	text-align: center; /* Tous les numéros des cellules seront centrés*/
	padding: 0; /* Marge intérieure aux cellules */
	empty-cells: show; /* Révèle les cellules vides */
}
#calendrier .lienCalendrierJour 
{
	/* La cellule du jour actuel dans le calendrier */
	font-size: 0.8em; /* Taille des jours */
	text-align: center; /* Tous les numéros des cellules seront centrés*/
	background-color: white;/*gray;/*silver;/*#7ba3ff; /* Couleur de fond */
	border: 2px solid red;
	color: white; /* Couleur du texte */
}
	
	/************************************************/
	/* Notebaar zone etc. en tableau */
	/************************************************/
		.notebaar_gauche
		{
			background: transparent url(notebaar_gauche.jpg) top left no-repeat;	/* arrière-plan général du menu */
			width: 90px;
			height: 25px;
		}
		.notebaar_droite
		{
			background: transparent url(notebaar_droite.jpg) top left no-repeat;	/* arrière-plan général du menu */
			width: 90px;
			height: 25px;
		}
		.notebaar
		{
			padding: 0px;
		}
		.notebaar ul, .notebaar li
		{	/* utilisation de liste pour le menu */
			list-style-type: none;	/* suppression des puces de liste */
			margin:0;
			padding:0;
		}
		.notebaar ul
		{
			background: transparent url(notebaar_active.jpg) top left no-repeat;	/* arrière-plan général du menu */
			width: 440px;
			text-align: center;
		}
		.notebaar li
		{
			float: left;
		}
		.notebaar li a
		{	/* dimensions et définitions des boutons */
			display: block;	/* mise en block de <a> pour lui donner des dimensions */
			height: 25px;
			width: 24px;
			color: #fff;
			font-size: 1x;
			line-height: 25px;	/* hauteur de ligne pour éviter les paddings */
			text-decoration: none;
		}
		a.note_g5:hover
		{
			background: transparent url(notebaar_active.jpg) top left no-repeat;
			background-position: 0px -25px;	/* décalage de l'arrière-plan pour chaque bouton */
		}
		a.note_g4:hover
		{
			background: transparent url(notebaar_active.jpg) top left no-repeat;
			background-position: -24px -50px;	/* décalage de l'arrière-plan pour chaque bouton */
		}
		a.note_g3:hover
		{
			background: transparent url(notebaar_active.jpg) top left no-repeat;
			background-position: -48px -75px;
		}
		a.note_g2:hover
		{
			background: transparent url(notebaar_active.jpg) top left no-repeat;
			background-position: -72px -100px;
		}
		a.note_g1:hover
		{
			background: transparent url(notebaar_active.jpg) top left no-repeat;
			background-position: -96px -125px;
		}
		a.note_0:hover
		{
			background: transparent url(notebaar_active.jpg) top left no-repeat;
			background-position: -120px -150px;
		}
		a.note_d1:hover 
		{
			background: transparent url(notebaar_active.jpg) top left no-repeat;
			background-position: -144px -175px;
		}
		a.note_d2:hover
		{
			background: transparent url(notebaar_active.jpg) top left no-repeat;
			background-position: -168px -200px;
		}
		a.note_d3:hover 
		{
			background: transparent url(notebaar_active.jpg) top left no-repeat;
			background-position: -192px -225px;
		}
		a.note_d4:hover 
		{
			background: transparent url(notebaar_active.jpg) top left no-repeat;
			background-position: -216px -250px;
		}
		a.note_d5:hover
		{
			background: transparent url(notebaar_active.jpg) top left no-repeat;
			background-position: -240px -275px;
		}
	
	
	
/****************/
/* STYLES CLIENTS */
/****************/

	/*******/
	/* Fonds */
	/*******/

		.post_it
		{
			background-color: #FFFFC9;
		}
		.post_gris
		{
			background-color: #E4E4E4;
		}
		.post_blanc
		{
			background-color: white;
		}
		.post_noir
		{
			background-color: black;
			color: #42607f;
		}
		.post_carre
		{
			background: url("carre.png") repeat-x;
		}
		.post_carre_clair
		{
			background: url("carre_clair.jpg") repeat-y;
		}		
		.post_breaking_news
		{
			background: url("breaking_news.jpg") repeat-y;
		}		
		.post_current_news
		{
			background: url("current_news.jpg") repeat-y;
		}		
		.post_or
		{
			background: url("or.jpg") repeat-y;
		}		
		.post_or_sombre
		{
			background: url("or_sombre.jpg") repeat-y;
		}	
		
	/********/
	/* Polices */
	/********/

		.deborde
		{	
			border: none;
		}
		.demarge
		{	
			margin: 0px;
			padding: 0px;
		}
		.gras
		{
			font-weight: bold;
		}
		.un_peu_plus
		{
			font-size: 1.1em;/*1.1em*/
		}
		.plus
		{
			font-size: 1.2em;/*1.1em*/
		}
		.moins
		{
			font-size: 0.8em;/*0.9em*/
		}
		.orange
		{
			color: #ffcb65;/*#a37e22;/*#ffcb65;/*orange;*/
		}
		.gris
		{
			color: gray;
		}
		.rouge
		{
			color: red;
		}
		.vert
		{
			color: green;
		}
		.blanc
		{
			color: white;
		}
		.argente
		{
			color: silver;
		}
	/********/
	/* Autres */
	/********/

		.marge
		{
			margin-top: 15px;
			margin-bottom: 15px;
		}
		.gauche
		{
			text-align: left;
		}
		.droite
		{
			text-align: right;
		}
		.centre_global
		{
			margin: auto;
		}
		.centre
		{
			text-align: center;
		}
		.justifie
		{
			text-align: justify;
		}
	/************************************************/
		.marges_hb_reduites
		{
			margin-top : 5px;
			margin-bottom: 5px;
		}
	/************************************************/
		.flottant_haut_gauche
		{
			float: left;
			border-top: 2px ridge #f0f0f0;
			border-bottom: 2px ridge #f0f0f0;
		}
		.flottant_haut_droit
		{
			float: right;
			padding-left: 10px;
			padding-right: 10px;
			border: 2px groove #f0f0f0;
		}
		.flottant_gauche
		{
			float: left;
		}
		.flottant_droit
		{
			float: right;
			border: 2px groove #f0f0f0;
		}		
	/************************************************/
		.indente
		{
			margin-left: 15px;
		}
	/************************************************/
		.spaced
		{
			word-spacing: 10px;
			letter-spacing: 5px;
		}
	/************************************************/
	/* Métastyles clients */
	/************************************************/
		.accroche
		{
			margin-left: 40px;
		}
		.accroche li
		{
			margin-left: 15px;
		}
	/************************************************/
		.lien_interne
		{
			font-size: 0.6em;
			margin-left: 22px;
		}		
	/************************************************/
		.texte_non_actif
		{
			color: gray;/*silver;/*#354e67;*/
		}
	/************************************************/
		.discret
		{
			font-size: 0.7em;
			color: gray;/*silver;/*#354e67;*/
		}
	/************************************************/
		.label
		{
			color: gray;/*#354e67;*/
			font-size: 0.8em;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		.label_clair
		{
			color: silver;
			font-size: 0.8em;
			margin-top: 10px;
			margin-bottom: 10px;
		}
	/************************************************/
		.kif
		{
			font-weight: bold;
			color: green;
		}
		.kif_pas
		{
			font-weight: bold;
			color: red;
		}
	/************************************************/
		.titre_saisie_correcte
		{
			padding: 5px;
			border: 2px groove green;
			background-color: white;
			color: green;
		}
		.notification_saisie_correcte
		{
			padding: 5px;
			border: 2px groove green;
			background-color: white;
			color: green;
			text-decoration: blink;
		}
	/************************************************/
		.titre_erreur_saisie
		{
			padding: 5px;
			border: 2px groove red;
			background-color: white;
			color: red;
		}
		.notification_erreur_saisie
		{
			padding: 5px;
			border: 2px groove red;
			background-color: white;
			color: red;
			text-decoration: blink;
		}
	/************************************************/
		.barre_menus a
		{
			font-variant: normal;
			text-decoration: none;
		}	
		.barre_menus
		{
			word-spacing: 10px;
			letter-spacing: 5px;
			font-size: 0.9em;
			text-align: center;
		}
	/************************************************/
		.element_tribune
		{
			background-color: white;/*#FFFFC9;
			/*background: url("carre_clair.jpg") repeat-y;*/
			padding: 5px;
			padding-top: 0px;
			border: 2px groove #f0f0f0;
			margin-bottom: 10px;
		}
	/************************************************/
		.element_chat
		{
			/*background-color: white;/*#FFFFC9;*/
			background: url("carre_clair.jpg") repeat-y;
			padding: 5px;
			padding-top: 0px;
			border: 2px groove #f0f0f0;
			margin-bottom: 10px;
		}
	/************************************************/
		.liste_perso_dans_cadre_blanc
		{
			list-style-image: url("../graphic/puce_1.jpg");
			text-align: left;
			border: 2px groove #f0f0f0;
			padding: 10px;
			padding-left: 40px;
			background-color: white;
		}
	/************************************************/
		.admin_tribune
		{
			margin-top: 10px;
			margin-bottom: 10px;
			width: 966px;
			background-color: #FFFFC9;/*#e7e7ff;*/
			padding: 5px;
			padding-top: 0px;
			padding-bottom: 0px;
			border: 2px groove #f0f0f0;
			overflow: auto;
			font-size: 0.8em;
		}
	/************************************************/
		.mp_envoye
		{
			font-weight: normal;
			font-size: 1.2em;
			color: orange;
		}
		.mp_recu
		{
			font-weight: bold;
			font-size: 1.4em;
			color: green;
		}
	/************************************************/
		.old_style a
		{
			text-decoration: underline;
			color: blue;
		}
		.old_style a:hover
		{
			text-decoration: none;
			color: blue;
		}
		.old_style a:active, a:focus
		{
			text-decoration: none;
			color: blue;
		}
		.old_style a:visited
		{
			text-decoration: underline;
			color: fuchsia;
		}
	/************************************************/
		.banniere_forum
		{
			background-color: #FFFFC9;
			color: #354e67;
		}
	/************************************************/
		.portrait
		{
			text-align: center;
			border: 2px groove silver;
		}

	/************************************************/
	/* Zone de post en tableau */
	/************************************************/
		#postzone table
		{
			border-collapse: separate; /* alternative : separate */
		}
		#postzone td
		{
			margin-top: 10px;
			margin-bottom: 10px;
			border: 2px ridge #f0f0f0;
			padding: 5px;
			text-align: center;
			background-color: black;
			font-size: 1.0em;
		}
		#postzone p
		{
			color: silver;
			font-size: 0.9em;
		}
		#postzone img
		{
			border: 1px solid silver;
		}
	/************************************************/


		
/*************************/
/* Les PORTNAWAKS nécessaires */
/*************************/
	
	.cloture_h1
	{
		border-bottom: 2px groove #f0f0f0;
	}
	.pseudo
	{
		padding: 5px;
		padding-top: 0px;
		padding-bottom: 10px;
		border: 2px groove #f0f0f0;
		margin: 10px;
		margin-bottom: 10px;
		margin-left: 10px;
	}
	.clin_d_oeil_1
	{
		position: relative;
		left: 50px;
		top: 11px;
	}
/************************************************/