body{
/*
position:absoulute;
width:1011px;
*/
text-align: center; 
}
#conteneur {
/*position:absolute;
width:1011px;
height:100%;
left: 50%;
margin-left: -500px;
*/
width:1011px;
margin-left: auto;
margin-right: auto; 
text-align: left;
}
a img { border:0; }
a { text-decoration:none; font-weight:bold; }
label:hover { cursor:pointer; }
P {
	FONT-SIZE: 10pt; FONT-FAMILY: Verdana,Helvetica
}
TD {
	FONT-SIZE: 10pt; FONT-FAMILY: Verdana,Helvetica
}
INPUT {
	FONT-SIZE: 10pt; FONT-FAMILY: Verdana,Helvetica
}

/* 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:#666666; 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:#FEFEFEA?,?H?; }
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.smileA?,?H?n??????ys 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: 11px; color: #666666; font-weight: bold; text-decoration: none; }
a:visited 				{ font-size:11px; color:#666666; }
a:hover 					{ font-size:11px; color:#030E60; }

/* 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:#888888; }
.messagevisite a:hover 	{ font-size:11px; color:#000000; }

/* 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; heA?,?H?n??????ight: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:#666666; }
.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: #C50C0C; }

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

.modo 						{ color: #030E60; }

/* 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:#9E9E9E; 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; }

A.lien {
color:#D4002C; 
text-decoration:none; font-weight:normal;
}
A:hover.lien {
color:#110869;
text-decoration:none;
}

A.messagerie {
color:#CF000B; 
}
A:hover.messagerie {
color:#030E60; 
}

A.suite {
color:#999999; 
text-decoration:noA?,?H?n??????ne; font-weight:normal;
}
A:hover.suite {
color:#000000;
text-decoration:none; font-weight:normal;
}

A.entrer {
color:#FECA00; 
text-decoration:none; font-weight:bold;
}
A:hover.entrer {
color:#FFFFFF;
text-decoration:none; font-weight:bold;
}

A.archives {
color:#000000; 
text-decoration:none; font-weight:normal;
}
A:hover.archives {
color:#030E60;
text-decoration:none; font-weight:normal;
}

A.img {
color:#000000; 
text-decoration:none; font-weight:normal;
}
A:hover.img {
color:#B01818;
text-decoration:none; font-weight:normal;
}

A.acc {
color:#FFD200; 
text-decoration:none; font-weight:normal;
}
A:hover.acc {
color:#D12121;
text-decoration:none; font-weight:normal;
}

A.contact {
color:#000000; 
text-decoration:none; font-weight:normal;
}
A:hover.contact {
color:#110869;
text-decoration:none; font-weight:normal;
}


/*
.header {
	/*position: absolute;
	/*left: auto;
	top: auto;
	right: auto;
	bottom: auto;

	width: 1011px;

} 
.contenu {
	position: absolute;
	/*left: auto;
	top: auto;
	right: auto;
	bottom: auto;

	width: 1011px;

} 
.footer {
	/*position: absolute;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;

	width: 1011px;

} */
