/* 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:#FFFFFF;
/* Taille de la police, style de la police, couleur de la police par défaut */
font:12px verdana, helvetica, arial, sans-serif;
color:#000000;
border:solid 1px #120544;
margin:0px 5px 0px 5px;
}



/************************************/
/**********CONTENEURS*************/
/***********************************/

#haut
{
height:200px;
margin:0;
}

#logo
{
width:179px;
height:200px;
float:left;
margin:0;
}

#actus
{
position:relative;
height:140px;
margin:0px 0px 0px 179px;
padding:30px 20px 5px 5px;
background:url("../images/fond_menu_haut.jpg") left no-repeat #96BEE6;

}

#menu_haut
{
position:relative;
height:25px;
margin:0px 0px 0px 179px;
padding:0;
list-style-type:none;
text-align:center;
font-family:times, "times new roman", serif;
background-image:url("../images/fond_menu_centre.gif");
}
/******************/
#zone_membre
{
position:absolute;
top:201px;
right:6px;
width:595px;
height:50px;
background-image:url("../images/fond_menu_membres.gif");
}
/******************/
#centre
{
background:#99B8CC url("../images/fond_menu_gauche.gif") left repeat-y;
}

#conteneur
{
background:url("../images/fond_menu_droite.gif") right repeat-y;
}

#menu_droite
{
width:140px;
float:right;
margin:0;
padding:60px 26px 5px 13px;
overflow:hidden;
}

#menu_gauche
{
width:140px;
float:left;
margin:0;
padding:0px 13px 5px 26px;
overflow:hidden;
}

#corps
{
height:1%;
margin:0px 179px;
padding-top:60px;
color:#001166;
background:url("../images/Chara1.png") top left no-repeat;
}
/******************/
#footer
{
clear:both;
height:100px;
margin:0px;
background-image : url("../images/fond_footer.gif");
}

#copyr_kws
{
margin:0px;
text-align:center;
background-color:#120544;
color:#FFFFFF;
font-size:10px;
}



/************************************/
/**********RETOUCHES DESIGN*************/
/***********************************/

#logo a
{
margin:0;
}

#logo img
{
display:block;
margin:0;
border:none;
}

#la_date
{
position:absolute;
top:3px;
right:10px;
margin:0;
font-weight:bold;
color:#FFFFFF;
}

#actus table {
width:100%;
height:115px;
margin:0;
vertical-align:top;
}

#actus table tr
{
width:100%;
}

#actus ul
{
margin:0;
color:#663399;
}


.actus_td
{
width:33%
}

.sorties
{
text-align:center;
}

.sorties img
{
border:none;
background:none;
}

.actus_td a
{
color:#663399;
text-decoration:none;
}

.actus_td a:hover
{
color:#AAC8DC;
background-color:#663399;
}

.admin_actus
{
width:7%;
padding-top:7px;
font-weight:bold;
text-align:center;
}

.admin_actus a
{
color:#FFFFFF;
text-decoration:none;
}

.admin_actus a:hover
{
color:#AAC8DC;
background-color:#FFFFFF;
}

.plusdactus
{
position:absolute;
top:140px;
right:0px;
width:140px;
height:30px;
}

.plusdactus:hover
{
top:139px;
}

.plusdactus img
{
border:none;
}

#menu_haut li
{
display:inline;
margin:0px 5px;
}

#menu_haut li a
{
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
line-height:1.5em;
font-size:16px;
}

#menu_haut li a:hover
{
color:#CC0099;
}


#zone_membre {
	position : absolute;
	top : 201px;
	right : 6px;
	width : 595px;
	height : 50px;
	background-image : url("../images/fond_menu_membres.gif");
}

#zone_membre p {
	margin : 0;
	text-indent : 45px;
	color : #000066;
	font-family : verdana, arial, helvetica, sans-serif;
	font-size : 14px;
	line-height : 1.5em;
}

.lien_menu_membres
{
margin-left:40px;
text-decoration:none;
color:#FFFFFF;
}

.lien_menu_membres:hover
{
color:#5E72B5;
background-color:#FFFFFF;
}

#zone_membre form
{
margin:0;
}

#zone_membre form p
{
margin:0;
text-indent:70px;
line-height:1.7em;
}

#ien_pseudo, #ien_pass
{
background-color:#6699CC;
border:solid 1px #000066;
color:#FFFFFF;
margin-right:25px; 
}

#ien_connexion
{
background-color:#6699CC;
border-top:solid 1px #AAC8DC;
border-left:solid 1px #AAC8DC;
border-bottom:solid 1px #000066;
border-right:solid 1px #000066;
color:#FFFFFF;
margin-right:25px; 
}

#ien_connexion:active
{
border-top:solid 1px #000066;
border-left:solid 1px #000066;
border-bottom:solid 1px #AAC8DC;
border-right:solid 1px #AAC8DC;
}

#bloc_coin_nouveaux
{
float:left;
width:300px;
margin:5px 5px 0px 30px;
padding:3px;
border:dashed 2px #9999CC;
text-align:center;
background-color:#BBBBDD;
}

#bloc_coin_joueurs
{
float:right;
width:300px;
margin:5px 30px 0px 5px;
padding:3px;
border:dashed 2px #9999CC;
text-align:center;
background-color:#BBBBDD;
}

#lien_coin_nouveaux
{
display:block;
width:300px;
height:30px;
margin:3px 0px 0px 0px;
text-indent:-5000px;
background-image:url("../images/coindesnouveaux.gif");
}

#lien_coin_nouveaux:hover
{
background-position:0px 30px;
}

#lien_coin_joueurs
{
display:block;
width:300px;
height:30px;
margin:3px 0px 0px 0px;
text-indent:-5000px;
background-image:url("../images/coindesjoueurs.gif");
}

#lien_coin_joueurs:hover
{
background-position:0px 30px;
}

#menu_gauche ul, #menu_droite ul
{
margin:0;
}

#menu_gauche a, #menu_droite a
{
text-decoration:none;
color:#663399;
}

#menu_gauche a:hover, #menu_droite a:hover
{
color:#CC0099;
margin-left:3px;
}

#copyrights
{
margin:0;
text-align:center;
color:#FFFFFF;
font-size:10px;
padding:3px 0px;
}





/**************************************************************************/
/*************************REPRIS DE LA v1.6********************************/
/*************************************************************************/

h1
{
height:151px;
margin:0;
padding:0;
text-indent:-5000px;
background:url("../images/ban.jpg") left no-repeat;
}

h2
{
font-family:times, serif;
margin:0;
}

h3
{

}

h4
{
margin:0px 0px 10px 0px;
text-align:center;
color:#AAC8DC;
font-size:14px;
background-color:#120544;
}

h5
{
margin:0;
font-size:12px;
font-weight:bold;
font-family:verdana, arial, helvetica, sans-serif;
color:#000033;
}

h6
{
margin:0;
font-size:14px;
}

.bloc
{
font-family:verdana, arial, helvetica, sans-serif;
font-size:12px;
margin:0px 0px 30px 0px;
color:#333366;
overflow:hidden;
}

.bloc hr
{
width:100px;
}

#centre a
{
color:#663399;
text-decoration:none;
font-weight:bold;
}

#centre a:hover
{
color:#CC0099;
text-decoration:underline overline;
}

.bloc_page
{
width:96%;
border:1px solid #9999CC;
margin:10px auto;
padding:5px;
font-family:verdana, arial, helvetica, sans-serif;
font-size:12px;
text-align:left;
background-color:#AAC8DC;
overflow:hidden;
}


#logo_mastaweb
{
float:left;
padding:15px 10px;
}

#logo_mastaweb img
{
border:none;
}

#copyrights a
{
color:#FFFFFF;
text-decoration:underline overline;
}

#copyrights a:hover
{
color:#CC0099;
}

#pubs_bas
{
margin:0;
text-align:center;
color:#FFFFFF;
}


#ckws
{
color:#FFFFFF;
text-decoration:underline overline;
}

#ckws:hover
{
color:#CC0099;
}

.nouv_messages
{
margin-left:25px;
font-weight:bold;
color:#FFFFFF;
background-color:#CC0099;
text-decoration:none;
}

.nouv_messages:hover
{
color:#CC0099;
background-color:#FFFFFF;
}

.newstitre1
{
height:25px;
background:url("../images/news/newstitre1.jpg") center no-repeat #CBD7E9;
border:solid 1px #000066;
font-family:"courier new" courier serif;
color:#000066;
font-size:16px;
font-weight:bold;
text-align:center;
padding-top:10px;
}

.newstitre2
{
height:33px;
background:url("../images/news/chibi_mascotte.gif") left no-repeat;
padding-top:20px;
padding-left:38px;
color:#003366;
font-weight:bold;
font-size:14px;
text-decoration:underline;
font-family:"courier new" courier serif;
margin-left:20px;
}

.newscadretitre
{
height:20px;
background:url("../images/news/newstitre1.jpg") center no-repeat #CBD7E9;
border:solid 1px #000066;
border-bottom:none;
font-family:"courier new" courier serif;
color:#000066;
font-size:14px;
font-weight:bold;
text-align:center;
padding-top:5px;
margin-bottom:0px;
}

.newscadre
{
margin-top:0px;
border:solid 1px #000066;
background-color:#9999CC;
color:#000066;
}


/******************************************************************************************/





/* Style des liens 
a:link , a:active , a:visited {
	color : #32475f;
	text-decoration : none;
}
a:hover  {
	color : #839fbc;
}*/
 
/* 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 : #d4d4d4;
	border: 1px solid #000000;
}
td.row2{
	background : #f0f0f0;
	border : 1px solid #000000;
}
td.row3{
	background : #d4d4d4;
	border: 1px solid #000000;
}

/* #############      Formulaires        ###########*/
form {
	padding:10px;
}
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{
background-color:#6699CC;
border:solid 1px #000066;
color:#FFFFFF;
	/*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:#3366CC;
color:#FFFFFF;	
	/*background-color : #eaf5fd;
	color : #000000;
	font:1em Comic Sans MS,sans-serif;*/
}
input {
background-color:#6699CC;
border:solid 1px #000066;
color:#FFFFFF;
	/*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:solid;
	border-color:#FEFD86;
	vertical-align:top;
	background-color:	Aquamarine;
}
.left_col {
	width:150px;
	vertical-align:top;
	border-style:solid;
	background-color:AntiqueWhite;
}
.right_col {
	width:150px;
	vertical-align:top;
	border-style:solid;
	background-color:AliceBlue;
}
.copyright {
	width:100%;
	text-align:center;
	border:double 4px;
	background-color:cyan;
}

/* #############      Mise en forme des blocs        ###########*/
/* 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 : #000000;
}
.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;
}