/* 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 {
	
	   margin-top:10px; 
	   font-family:Verdana, Arial, Helvetica, sans-serif; 
	   margin-left:10px; 
	   margin-right:10px; 
	   margin-bottom:10px;
	   background-image: url('../../images/font.gif');
       background-attachment:fixed ;
       background-position: center top ;
       scrollbar-arrow-color: #DFC4E1; 
       scrollbar-3dlight-color: #FFFFFF; 
       scrollbar-darkshadow-color: #800080; 
       scrollbar-highlight-color: #800080; 
       scrollbar-shadow-color: #800080; 
       scrollbar-face-color: #800080; 
       scrollbar-track-color: #DFC4E1;
}

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-size:11px; font-weight:bold; color:#000000; 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; font-size:13px; color:#444444; font-weight: normal; }
td.alternate2 			{ background-color:#FEFEFE; border-bottom:1px solid #CCCCCC; font-size:13px; color:#444444; font-weight:normal; }

/* 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 				{ font-size:10px; 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 					{ font-size: 10px; color: #000000; font-weight: bold; text-decoration: none; }
a:visited 				{ font-size:10px; color:#666666; }
a:hover 				{ font-size:10px; color:#8a2be2; }

/* 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 			{ font-size:10px; color:#666666; }
.allera a:visited 		{ font-size:10px; color:#666666; }
.allera a:hover 		{ font-size:10px; color:#61B906; }
.allera 				{ font-size:10px; color:#666666; font-weight:normal; }

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

.messagevisite a:visited { font-size:11px; color:#999999; }
.messagevisite a:hover 	 { font-size:11px; 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 					{ font-size:11px; 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'); font-size:11px; color:#FF0000; font-weight:bold }

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

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

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

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

/* select.sbouton est la classe des champs de type SELECT */
select.sbouton 				{ font-size:11px; }

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

.texte_base_gras 			    { font-size:11px; font-weight:bold;color:#000000; }
.texte_base_fin 				{ font-size:11px;	font-weight: normal; color:#666666; }

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

.footer 						{ font-size: 9px; 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 						{ font-size:9px; color:#999999; font-weight:normal; }

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

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


/***** TABLEAUX GENERAL EFM *****/     
.tg { 
       width:950px;
       BACKGROUND-COLOR: #ffffff;
       margin: 0;
       padding:0;
       TEXT-ALIGN: left;
}

/***** cellule lien haut *****/

.tdlh      { 
           TEXT-ALIGN: left;
           border: 0px solid #A459A9;
           }
      
a          {
	       font-size: 10px;
	       color: #A459A9;
	       font-family: Verdana,Tahoma, Times New Roman;
	       font-weight: bold;
           }

a:link     {
	       text-decoration: none;
           }
           
a:visited  {
	       text-decoration: none;
	       color: #000000;
           }
           
a:hover    {
	       text-decoration: underline;
	       color: #8a2be2;
           }
a:active   {
	       text-decoration: none;
	       color: #9966CC;
           }

.img-recherche { 
                background-image: url('../../images/recherche.gif');
                
                }
/***** cellule description astuce*****/
.astuce_1 { 
       width:15%;
       BACKGROUND-COLOR: #A459A9;
       valign:top;
       margin: 0;
       padding:0;
       TEXT-ALIGN: left;
       font-family: Verdana, Tahoma, Times New Roman; 
       font-size: 10px; 
       color: #FFFFFF;
       font-weight: bold;     
}
/***** cellule astuce*****/
.astuce_2 { 
       
       height:60px;
       BACKGROUND-COLOR: #FFFFFF;
       font-family: Verdana, Tahoma, Times New Roman; 
       font-size: 10px; 
       color: #A459A9;
       font-weight: bold;
       border-left: 1px solid #A459A9;
       border-right: 1px solid #A459A9;
       border-top-width: 1px;
       border-bottom: 1px solid #A459A9;
      
}
.astuce {
        margin-top: 9px;
        margin-bottom:9px;
        padding:0;
        }
       
.pub    {
        margin-top: 9px;
        margin-bottom:9px;
        padding:0;
        }
        
.af  { 
       BACKGROUND-COLOR: #A459A9;
       margin: 0;
       padding:0;
       border-collapse: collapse;
       TEXT-ALIGN: left;
       width:641px; 
       color: #ffffff;
       font-weight: bold;
       
       
      
}
/***** cellule menu gauche formulaire *****/
.fr { 
       BACKGROUND-COLOR: #A459A9;
       margin: 0;
       padding:0;
       border-collapse: collapse;
       TEXT-ALIGN: left;
       font-family: Verdana, Tahoma, Times New Roman; 
       font-size: 10px; 
       color: #ffffff;
       font-weight: bold;
       
      
}
/***** cellule menu *****/
.tdm { 
       BACKGROUND-COLOR: #800080;
       width:90%;
       height:26;
       margin: 0;
       padding:0;
      
}
.stat  {
        width:15%;
        TEXT-ALIGN: center;
        font-family: Verdana, Tahoma, Times New Roman; 
        font-size: 10px; 
        color: #ffffff;
       }
       
.compteur {
        TEXT-ALIGN: center;
        font-family: Verdana, Tahoma, Times New Roman; 
        font-size: 10px; 
        color: #ffffff;
        }
       
.bas    {
        BACKGROUND-COLOR: #A459A9;
        width:100%;
        }
        
.lien_bas{
        BACKGROUND-COLOR: #ffffff;
        TEXT-ALIGN: center;
        font-family: Verdana, Tahoma, Times New Roman; 
        font-size: 10px;
        }