/* Ceci est la feuille de style attachée au forum.
** Elle est nécessaire pour le bon affichage des éléments 
** internes au forum, ne la suppriméz pas. */

BODY
   	{
  	BACKGROUND-COLOR:#ffff99;
	scrollbar-base-color: #FFCC33;
   	scrollbar-track-color: #ffff99;
	MARGIN-TOP:20px;
	MARGIN-LEFT:20px;
	MARGIN-RIGHT:20px;
	FONT-STYLE:normal;
	FONT-FAMILY:"Times New Roman", serif;
	FONT-weight:bold;
	FONT-COLOR:#000000;	   	
   	}

a img { border:0; }
a { text-decoration:none; font-weight:bold; }
label:hover { cursor:pointer; }


/* h2,q sont utilisés dans la faq principalement */

h2 							{ margin:0; padding:0; font-size:14px; color:#666666; border-bottom:1px dashed #63B906; padding-bottom:5px; }
.q 							{ color:#61B906; }

/* form permet de ne pas avoir d'espacement dans un formulaire en fct du navigateur */

form 							{ display:inline; }
code 						{color:#006600; font-size:12px}

/* Les classes correspondants au cadre externe du forum.
** Elles ne sont pas obligatoires, cela dépend de l'utilisation
** que vous ferez de index.php, mais par défaut, ils les faut. */

td.top 					{ background-image:url('./design/top.gif'); height:6px; }
td.bottom 				{ background-image:url('./design/bottom.gif'); height:6px; }
td.left 					{ background-image:url('./design/left.gif'); width:6px; }
td.right 				{ background-image:url('./design/right.gif'); width:6px; }
td.topleft 				{ background-image:url('./design/topleft.gif'); width:6px; height:6px; }
td.topright 				{ background-image:url('./design/topright.gif'); width:6px; height:6px; }
td.bottomleft 			{ background-image:url('./design/bottomleft.gif'); width:6px; height:6px; }
td.bottomright 			{ background-image:url('./design/bottomright.gif'); width:6px; height:6px; }
td#menu 					{ background-image:url('./menu/menufond.gif'); padding-left:12px; border-bottom:1px solid #CCCCCC; }
tr.fond 					{ background-image:url('./menu/header.png'); }

/* td.info est la calsse attachée au cadre contenant
** les informations relatives a la connexion et le nombre de mp. */

td.info 					{  font-weight:bold; padding:10px; }

/* Les td.cadre1_? sont basiquement les cadres de couleurs blanc utilisés
** dans les endroits où il y a des informations a affiché. On les trouve
** entre autres dans le header, footer, page, erreur, ... */

td.cadre1 				{ background-color:#FEFEFE; }
td.cadre1_droite 		{ background-color:#FEFEFE; border-right:1px solid #CCCCCC; }
td.cadre1_bas 			{ background-color:#FEFEFE; border-bottom:1px solid #CCCCCC; }

/* Les td.titre forum corresponde au cadre où sont affichés les catégories et les 
** titres des cadres en générale l'attribut end, signifie qu'on n'utilise pas de bordure 
** à droite et qu'il n'y a donc plus de cellue a cette meme droite. */

td.titreforum 			{ background-image:url('./design/fondnomforum.gif'); border-right:1px solid #CCCCCC; height:29px; }
td.titreforumend 		{ background-image:url('./design/fondnomforum.gif'); }

/* Les td.cadre_? sont les cellules dans le forum où sont affichées le nombre de messages, réponses,
** titre du forum, ... foncé signifie que ce sont les cadres foncés et clair que ce sont les clairs, 
** Comme précedement, il existe aussi une classe pourvue d'un "end" qui n'a pas de bordure droite. */

td.cadre_clair 			{ background-color:#FEFEFE; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; }
td.cadre_fonce 			{ background-color:#EEEEEE; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; }
td.cadre_fonce_end 		{ background-color:#EEEEEE; border-bottom:1px solid #CCCCCC; }

/* Les td.alternate sont les styles alternés utilisés lors de l'affichage d'un post, 
** il est utile de mettre une couleur différentes pour mieu séparer les différents messages. */

td.alternate1 			{ background-color:#FFFFFF; border-bottom:1px solid #CCCCCC; color:#444444; font-weight: normal; text-align:justify; }
td.alternate2 			{ background-color:#FEFEFE; border-bottom:1px solid #CCCCCC; color:#444444; font-weight:normal; text-align:justify; }

/* td.espace correspond à l'espace entre deux messages */

td.espace 				{ background-color:#EEEEEE; border-bottom:1px solid #CCCCCC; height:7px; }

/* td.posthaut correspond a la bare contenant le titre du forum lors de l'afficahge d'un post */

td.posthaut 				{ padding-bottom:7px; border-bottom:1px solid #CCCCCC; }

/* td.smileys contient l'espacement entres les smilies dans le formulaire de post */ 

td.smileys 				{ padding:5px; }

/* a:link,a:visited,a:hover  donne les informations basiques pour les liens */ 

a:link 					{ color: #666666; font-weight: bold; text-decoration: none; }
a:visited 				{  color:#666666; }
a:hover 					{  color:#FF0000; }

/* Tout ce qui correspond à "allera" est utilisé lorsqu'il y a plus d'une page dans un post pour 
** permettre d'aller direcement sur la dernière page lorsqu'on arrive dans le forum
**
**		Exemple : [ Aller à la page 1,2,3,4 ]
**
** Les classes qui suivent définisses les couleurs et tailles */

.allera a:link 			{ color:#666666; }
.allera a:visited 		{ color:#666666; }
.allera a:hover 			{ color:#61B906; }
.allera 					{ color:#666666; font-weight:normal; }

/* messagevisite correspond à la mise en forme des sujets déjà visités dans un forum */

.messagevisite a:visited {  color:#999999; }
.messagevisite a:hover 	{  color:#61B906; }

/* La classe de base pour les champs de formulaires */

input.bouton, textarea.bouton_rep_rapide, textarea.tbouton, textarea.tcond, textarea.tsign , select.sbouton, input.boutonb { border:1px solid #999999; background-color:#EEEEEE; font-weight:bold; color:#444444; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* input.bouton est la classe utilisée pour les champs de type INPUT */
input.bouton 					{  background-image:url('./design/fondnomforum.gif'); }

/* input.bouton est la classe utilisée pour les champs de type INPUT dans le formulaire
** d'enregistrement, la couleur change pour marquer l'erreur. */
input.boutonb 				{ background-image:url('./design/fondnomforum.gif');  color:#FF0000; font-weight:bold; }

/* textarea.bouton_rep_rapide est la classe du champ de réponse rapide */
textarea.bouton_rep_rapide 	{  width:400px; height:100px; }

/* textarea.tbouton est la classe du champ utilisé dans le formulaires de post et de mp */
textarea.tbouton 				{  width:400px; height:200px; }

/* textarea.tbouton est la classe du champ affichant les conditions du forum a l'enregistrement */
textarea.tcond 				{ width:100%; height:280px; color:#666666;  text-transform:uppercase; }

/* textarea.tbouton est la classe du champ utilisé dans le formulaires de signature */
textarea.tsign 				{  width:400px; height:60px; }

/* select.sbouton est la classe des champs de type SELECT */
select.sbouton 				{  }

/* Les classes utilisés pour la mise en forme du texte simple */

.texte_base_gras 			{  font-weight:bold;color:#666666; }
.texte_base_fin 				{ font-weight: normal; color:#666666; }

/* footer correspond au texte du fond contenant entre autre le copyright, merci de ne pas le mettre illisible */

.footer 						{ color: #FFFFFF; font-weight: normal; }

/* La couleur des admins, aussi utilisés pour colorés du texte */

.admin 						{ color: #61B906; }

/* La couleur des modos, aussi utilisés pour colorés du texte */

.modo 						{ color: #999999; }

/* La couleur des bannis, aussi utilisés pour colorés du texte, et pour les erreurs en générale */

.red 						{ color: #FF0000; }

/* edit est la classe du texte qui affiche l'indication de modification d'un post par son créateur */

.edit 						{ color:#999999; font-weight:normal; }

/* spoiler est la classe utilisée pour la fct BBcode [SPOIL] */

.spoiler 					{ padding:5px; border:1px solid #999999; width:75%; }
.spoilertexte			 	{ font-weight:bold; }

td.chg	{
	width:34px;
	height:34px;
	background-image:url('bord_chg.gif');
	background-position: top-right;
	}
	
td.chd	{
	width:34px;
	height:34px;
	background-image:url('bord_chd.gif');
	background-position: top-left;
	}
	
td.cbg	{
	width:34px;
	height:34px;
	background-image:url(bord_cbg.gif);
	background-position: top-right;
	}
	
td.cbd	{
	width:34px;
	height:34px;
	background-image:url(bord_cbd.gif);
	background-position: top-left;
	}
	
td.mh	{
	height:34px;
	background-image:url(bord_mh.gif);
	background-position: top-left;
	}
	
td.mb	{
	height:34px;
	background-image:url(bord_mb.gif);
	background-position: top-left;
	}
	
td.mg	{
	width:34px;
	background-image:url(bord_mg.gif);
	background-position: top-left;
	}
	
td.md	{
	width:34px;
	background-image:url(bord_md.gif);
	background-position: top-left;	
	}	
	
td.fond	{
	 text-align:center;
	 background-color:#0099ff;
	 }