/* 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. */

/****************************************************************/
/***    page html                                                                                                ***/
/****************************************************************/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color: rgb(255,255,204);
	margin: 0;
	padding: 0;
}
#header {
	height: 90px;
	background-color: rgb(255,255,204);
	text-align: center ;
}
#conteneur {
	position: absolute;
	width: 100%;
	background-color: rgb(255,255,204);
	font-size:11px;	
	font-weight: normal; 
	color:#666666;
}
#centre {
	background-color: rgb(255,255,204);
	margin-left: 200px;
	margin-right: 20px;
	text-align: justify;
}
#gauche {
	position: absolute;
	margin-top: 15px;
	padding-top: 10px;
	left:5px;
	width: 180px;
	background-color: rgb(255,255,180);
	border: 1px solid #ccc;
}
#pied {	
	padding-top: 20px;
	height: 30px;
	background-color: rgb(255,255,204);
	text-align: center;
	font-size:11px;	
	font-weight: normal; 
	color:#666666;
}
h1 {
    text-align: center;
}
h2 {
    background-image:url('http://www.votrecoop.org/img/design/fondnomforum.gif');
    height:29px;
	text-align: center;
	font-size: 11pt;
	font-weight:bold;
	margin-top : 1em;
	color:#666666;
}
p {
	font-size:11px;	
	font-weight: normal; 
	color:#666666;
}
div#icon span.mail{
	background: url('http://www.votrecoop.org/images/mailto.gif') no-repeat;
	padding-left: 20px;  
}

.paragraphe {  
	margin-left: 20px; 
	margin-right: 10px; 
}
div#gauche span.mail{
	background: url('http://www.votrecoop.org/images/mailto.gif') no-repeat;
	padding-left: 20px;  
}
.membre {  
	margin-left: 20px; 
}

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('http://www.votrecoop.org/img/design/top.gif'); height:6px; }
td.bottom 				{ background-image:url('http://www.votrecoop.org/img/design/bottom.gif'); height:6px; }
td.left 					{ background-image:url('http://www.votrecoop.org/img/design/left.gif'); width:6px; }
td.right 				{ background-image:url('http://www.votrecoop.org/img/design/right.gif'); width:6px; }
td.topleft 				{ background-image:url('http://www.votrecoop.org/img/design/topleft.gif'); width:6px; height:6px; }
td.topright 				{ background-image:url('http://www.votrecoop.org/img/design/topright.gif'); width:6px; height:6px; }
td.bottomleft 			{ background-image:url('http://www.votrecoop.org/img/design/bottomleft.gif'); width:6px; height:6px; }
td.bottomright 			{ background-image:url('http://www.votrecoop.org/img/design/bottomright.gif'); width:6px; height:6px; }
td#menu 					{ background-image:url('http://www.votrecoop.org/img/menu/menufond.gif'); padding-left:12px; border-bottom:1px solid #CCCCCC; }
tr.fond 					{ background-image:url('http://www.votrecoop.org/img/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:#FEFEFE; }
td.cadre1_droite 		{ background-color:#FEFEFE; border-right:1px solid #CCCCCC; }
td.cadre1_bas 			{ background-color:rgb(255,255,204); 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('http://www.votrecoop.org/img/design/fondnomforum.gif'); border-right:0px solid #CCCCCC; height:29px; }
td.titreforumend 		{ background-image:url('http://www.votrecoop.org/img/design/fondnomforum.gif'); height:29px;}
												
/* 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_clair 			{ background-color:rgb(255,255,204); border-right:0px solid #CCCCCC; border-bottom:0px solid #CCCCCC; }
td.cadre_fonce 			{ background-color:#EEEEEE; border-right:0px solid #CCCCCC; border-bottom:0px solid #CCCCCC; }
td.cadre_fonce_end 		{ background-color:#EEEEEE; border-bottom:0px 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: 11px; color: #444444; font-weight: bold; text-decoration: none; }
a:visited 				{ font-size:11px; color:#444444; }
a:hover 					{ font-size:11px; color:#444444; }

/* 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;  }

/* 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('http://www.votrecoop.org/img/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:#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: #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; }

//calendar 
.table1 { background:#f7f7f7; font-size:12px; font-family:Arial; }
.table1 td { padding-right:1px; border: 1px solid #6f6f6f; }

//jour
.hour_tag { top:58px; font-family: arial; font-size:10px; }
.line { top:56px; width:1px; height:3px; font-size:0px; background:black; }
.free_step { cursor:pointer; top:40px; height:15px; width:<?php echo intval($activity_step / $coef) - 3; ?>px; background:#0000ff; font-size:0px; }