/* style général */
body{
background:#ecf0f6;
color:#000000;
font:12px Verdana,Arial,Helvetica,sans-serif;
}

/* Fontes générales */
font,th,td,p{
   color:#000000;
   font:11px Verdana,Arial,Helvetica,sans-serif
}
a:link,a:active,a:visited,a.postlink{
   color:#32475f;
   text-decoration:none
}
a:hover,a.topictitle:hover{
   color:#839fbc;
   text-decoration:underline
}

/* This is the border line & background colour round the entire page */
.bodyline{background: #f7f8fc;color:#000000;border:1px solid #98aab1}

/* This is the outline round the main forum tables */
.blocline{background:#ffffff;color:#000000;border: 1px solid #486386}
.bloclinedot{background:#ffffff;color:#000000;border: 1px dotted #486386}


/* Main table cell colours and backgrounds */
td.row1{
   background: #f4f6fb;
   color:#000000;
   vertical-align : middle;
}
td.row2{
   background: #e1e9f2;
   color:#000000;
   text-align : center;
   vertical-align : middle;
}
td.row3{
   background: #d7e2ef;
   color:#000000;
   text-align : center;
   vertical-align : middle;
}

/* Affichage des blocs*/
.cellpic3{
   background: url(../images/kit/cellpic3.gif);
   color: #32475f;
   height:25px;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   vertical-align: middle;
}

.cellpic1{
   background: url(../images/kit/cellpic1.gif);
   color: #32475f;
   font-weight : bold;
   text-align : center;
   vertical-align : middle;
}

.cellpic2{
   background: url(../images/kit/cellpic2.jpg);
   color : #32475f;
   font-size: 12px ;
   font-weight: bold;
   letter-spacing: 1px;
   vertical-align : middle;
}

/* Header cells - the blue and silver gradient backgrounds */
th {
   color: #cccccc; font-size: 11px; font-weight : bold;
   background-color: #32475f; height: 25px;
   background-image: url(../images/kit/cellpic3.gif);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-color:#CBE6F9; border: #FFFFFF; border-style: solid; height: 12px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 11px;
	border-width: 0px 0px 0px 0px;
}



/* The largest text used in the index page title and toptic title etc. */
.maintitle	{
   font-weight: bold;
   font-size: 11px;
   font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
   text-decoration: none;
   line-height : 120%;
   color : #000000;
}


/* General text */
.titre { color: #32475f; font-size: 10px; font-weight : bold; }
.gen { font-size : 11px; }
.gensmall{font-size:10px}
.genmed{font-size:10px}
a.gen,a.genmed,a.gensmall {text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #32475f; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 11px; color : #000000 }
a.mainmenu		{ text-decoration: none; color : #32475f;  }
a.mainmenu:hover{ text-decoration: underline; color : #839fbc; }


/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #32475f}
a.cattitle		{ text-decoration: none; color : #32475f; }
a.cattitle:hover{ text-decoration: underline; }



/* Copyright and bottom info */
.copyright		{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright		{ color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}


/* Form elements */
input,textarea, select {
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #FFFFFF;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #EAF5FD;
	color : #000000;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
	background-color : #FAFAFA;
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : #FAFAFA;
	font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
/* Pour l'option [panneau] du bbcode*/
.panneau {
   padding:4px;
   line-height: 10px;
   font-family:verdana,arial, Helvetica, sans-serif;
   color:black;
   font-size:10px;
   border: 1px solid #333333;
   background-color : #ffffff;
}
/* Pour les citations dans les bbcode. ([quote][/quote])*/
.quote {
   padding:4px;
   line-height: 10px;
   font-family:verdana,arial, Helvetica, sans-serif;
   color:black;
   font-size:10px;
   border: 1px solid;
   background-color : #ffffff;
}
/* Ca, c'est pour le code PHP dans les bbcodes ([code][/code])*/
.code_php {
   padding:4px;
   line-height: 10px;
   font-family:verdana,arial, Helvetica, sans-serif;
   color:black;
   font-size:10px;
   border: 1px solid;
   background-color : #ffffff;
}

/* Style des buttons submit et annuler*/
#valider,#envoyer,#submit_login_bloc,#submit_login,#s_button,#annuler,
#poster,#verifer,#retour,#button,#bouton,#bouton2,#submit,
#reset,#prev,#validation,#res_edit,#all,#modbuttoncompteur {
background-color:#FFFFFF;
height:16px;
text-align:center;
font-variant:small-caps;
font-weight:normal;
color:#666666;
border-width:1px;
border-color:#CCCCCC;
}

/* Style des onmouseover (passsage souris ex: index.php?mod=forum&ac=affgrd) */
.onmouse_over {
border: 1px #666 dashed;
background: #eee;
}
.onmouse_out{
border: 0px;
}
.onmouse_over_forum {
background: #99ccff;
}
.onmouse_out_forum {
border: 0px;
}

/* Style des buttons submit et reset au passage dessus*/
#valider:hover,#envoyer:hover,#submit_login_bloc:hover,#submit_login:hover,#s_button:hover,#annuler:hover,
#poster:hover,#verifer:hover,#retour:hover,#button:hover,#bouton:hover,#bouton2:hover,#submit:hover,
#reset:hover,#prev:hover,#validation:hover,#res_edit:hover,#all:hover,#modbuttoncompteur:hover {
background-color:#DDDDDD;
color:#666666;
border-width:1px;
border-color:#666666;
}

/* Style des labels*/
label {
display:inline;
float:left;
}
.label_enregistrer1 {
width: 250px;
}
.label_enregistrer2 {
width: 250px;
}
.label_profil1 {
width: 150px;
font-weight:bold;
}
.label_profil2 {
width: 280px;
font-weight:bold;
}
.label_contact{
width:150px;
}
.label_admin_options1{
width:200px;
}
.label_admin_options2{
width:400px;
}
.label_admin_email{
width:200px;
}

fieldset {
background-color:#f6f6f6;
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
padding:1.5em;
margin-left:auto;
margin-right:auto;
}

.fieldset_resume {
background-color:#f9fafe;
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
padding:1em;
margin-left:auto;
margin-right:auto;
}

/* Pied de page */
.pied_de_page
{
text-align:center;
}
.pied_de_page a:link,.pied_de_page a:active,.pied_de_page a:visited
{
color:#FF0000;
}
.pied_de_page a:hover
{
color:#008000;
}

/* Visiualisation d'un post */
#apercu {
text-align:left;
height:200px;
width:580px;
color:#3366CC;
overflow:auto;
padding:2px;
border:1px;
border-style:solid;
border-color:#000;
}

/* Colonnne des blocs à droite*/
.right{width:185px;
	}