/* Explication de la feuille de style par Jack */
/*
Dans un thème, il n'y a pas un nombre de style précis. Chacun, en fonction de ce qu'il souhaite
avoir au final, devra personnaliser sa feuille de style.

Ca revient à dire ceci : avant de peindre votre tableau, vous préparez vos peintures sur une palette.

Afin de faciliter certaines taches dans la personnalisation d'un thème, il est possible de définir, un style
par défaut qui sera utilisé partout ou la balise HTML sera déclarée. J'entends par la, la personnalisation des
colonnes d'un tableau. Il vous sera possible si vous le souhaitez de n'utiliser qu'un seul style pour toutes les
colonnes de vos tableaux. Il sera aussi possible d'en utiliser plusieurs en les différenciants par des noms
différents 

Dans cette feuille de style, je vais bien différencier les styles qui me semble indispensable, et ceux qui le sont
moins. Les indispensables, seront forcement tous utilisés, tandis que les autres pas forcément.
*/
/* ##################################################*/
/* #############      Balises HTML        ###########*/
/* ##################################################*/
/* Style la page du site */
body {
   /* Couleur de l'arriere plan */
	background-color:#666666;
   /* Taille de la police, style de la police, couleur de la police par défaut */
	font : 12px Comic Sans MS,sans-serif;
	color : #cccccc;
}
/* Style des liens */
a:link  ,  a:active   {
	color : #ff9900;
	text-decoration : none;
}


 a:visited {
	color : #00cc00;
	text-decoration : none;
}

a:hover  {
	color : #cc0000;
	text-decoration : none;
}
 
/* Style de la barre d'une barre de séparation (<hr /> en HTML) */
hr {
	border : 0px solid black;
	border-top-width : 1px;
	height : 0px;
}
/* styles des paragraphes */
h1{font-size:1,5em}
h2{font-size:1,2em}
h3{font-size:1.1em}
p{
	font-size : 1em
	text-decoration : none;
}
ul{list-style-image: url('/themes/vide/images/puce.gif');}
ol{}
li{}
/* Donne une largeur maximum pour le bloc défilant */
marquee{
	width:145px;
}
/* Style des colonnes d'un tableau (<td></td> en HTML) */
/* On peut n'utiliser qu'un seul style commun pour les colonnes d'un tableau */
/* Pour ceux qui souhaitent utiliser plusieurs styles il suffit simplement de rajouter à côté du */
/* nom html de la balise un autre repere. td.row1 correspondra au style 1 d'un colonne, 2 au style 2 etc */
td.row1{
	background : #000000;
	border: 1px solid #ffffff;
}
td.row2{
	background : #000000;
	border : 1px solid #ffffff;
}
td.row3{
	background : #000000;
	border: 1px solid #ffffff;
}

/* #############      Formulaires        ###########*/
form {
	padding:0px;
}
label {
	font-weight:bold;
	cursor: pointer;
	cursor: hand; /* pour IE */
}
fieldset {
	border:1px solid black;
}
legend {
	font-weight : bold;
}
/* Style des champs de saisies */
textarea , select , option{
	border:1px solid black;
	background-color:red;
	color : white;
	font : 1em Comic Sans Ms,sans-serif;
}
/* Style des boutons de formulaire  */
input.button {
	background-color : #eaf5fd;
	color : #ffffff;
	font:1em Comic Sans MS,sans-serif;
}
input {
	background-color : red;
	color : white;
	font:1em Comic Sans MS,sans-serif;
	border:1px solid black;
}
input[type=text]:focus, textarea:focus{
	border: 2px solid;
}

/* #################################################*/
/* #############      Classes KWS        ###########*/
/* #################################################*/

/* Ce style permet d'avoir un tableau avec une bordure noire complete d'épaisseur 1px */
.bodyline {
	border : 1px solid #000000;
}
/* Ce style permet d'avoir un tableau avec une bordure de couleur d'épaisseur 1px */
/* Il est utilisé pour la page d'accueil des catégories du forum, et aussi pour le contour des tableaux de la */
/* page statistiques */
.blocline {
	border : 1px solid #486386;
}
/* Ce style permet d'avoir un tableau avec une bordure faite en pointillé et en couleur */
.bloclinedot {
	border : 1px dotted #486386;
}
/* Fond de couleur claire */
.backgd_clair {
	background-color : white;
}
/* Fond de couleur moyenne */
.backgd_moy {
	background-color : grey;
}
/* Fond de couleur foncée */
.backgd_fonce {
	background-color : black;
}
/* Police de couleur claire */
.font_light {
	color : white;
}
/* Police de couleur moyenne */
.font_moy {
	color : grey;
}
/* Police de couleur foncée */
.font_dark {
	color : black;
}

/* #############      Mise en forme du header        ###########*/
.logo {
	width:100%;
	text-align:center;
	border:double 4px;
	background-color:pink;
}
.barre_nav {
	width:100%;
	text-align:center;
	background-color:Silver;
}
.principal {
	width:100%;
	border-style:none;
	vertical-align:top;
	background-color:#000000;
}
.left_col {
	width:190px;
	vertical-align:top;
	border-style:none;
	background-color:#000000;
}
.right_col {
	width:190px;
	vertical-align:top;
	border-style:none;
	background-color:#000000;
}

}

/* #############      Mise en forme des blocs        ###########*/
/* Mise en forme des blocs latéraux*/
.bloc {
	width:100%;
	border:double 3px;
	background-color:lime;
}
.bloc_titre {
	background-color:blue;
	font-weight:bold;
	text-align:center;
}
.bloc_contenu {
	vertical-align:top;
}
/* Mise en forme des blocs centraux*/
.bloc_head {
	width:100%;
	border:double 3px;
	background-color:teal;
}
.bloc_head_titre {
	background-color:#FF0000;	
	text-align:center;
	color : #000000;
	font-weight:bold;
	font-size : 0,9em;
}
.bloc_head_contenu {
	width:100%;
}
/* Mise en forme des blocs sans titre*/
.open_table {
	width:100%;
	border:double 3px;
	background-color:orange;
}
.open_table_contenu {
	width:100%;
}
/* Mise en forme des articles*/
.articles {
	width:100%;
	background-color:Olive;
}
.articles_titre {
	width:100%;
	height:21px;
	border:double 3px;
}
.articles_contenu {
	width:100%;
	border:solid 2px;
}
/* Mise en forme des news*/
.news {
	width:100%;
	border:double 3px;
	background-color:DeepSkyBlue;
}
.news_titre {
	width:100%;
	background-color:#009900;
	border:solid 1px;
}
.news_contenu {
	width:100%;
}
.news_signature {}
/* Style du menu-barre de navigation */
.menu {
	font-size : 0,9em;
	color : #ffffff;
}
.menu ul li {
	display:inline;
	text-align:center;
	font-weight:bold;
	border:solid 1px;
	margin: 5px;
}
.menu li{margin:5px;}
.menu ul li :hover{
	background-color:white;
}
menu a{
	display:inline-block;
	color:#32475f;
}
a.menu:hover {
	text-decoration : underline;
	color : #839fbc;
}
/* Warning est utilisé spécifiquement pour le thème vide, vous pouvez supprimer les 5 lignes suivantes */
.warning {
	text-align:center;
	font-weight:bold;
	background-color:yellow;
}

/* Panneau dans les BBCodes*/
.panneau {
	padding:4px;
	line-height: 0,8em;
	font-family:Comic Sans Ms,sans-serif;
	color:black;
	font-size:0,8em;
	border: 1px solid #333333;
	background-color: #d4d4d4;
}

/* Citations dans les bbcodes ([quote][/quote])*/
.quote {
	padding: 4px;
	line-height: 0,8em;
	font-family : Verdana, Arial, Helvetica,sans-serif;
	color:black;
	font-size: 0,8em;
	border: 1px solid #333333;
	background-color : #e1e1e1;
}


/* Code PHP dans les bbcode. ([quote][/quote])*/
.code_php {
   padding:4px;
   line-height: 0,8em;
   font-family:verdana,arial,Helvetica,sans-serif;
   color:black;
   font-size:1em;
   border: 1px solid #333333;
   background-color : #c9c9c9;
}
.gen{color:#444444;text-align:center;font-size:10px;letter-spacing:-1px;width:100%;clear:both}
.gen a:link{color:#444444}
#ckws{color:#444444}