/****************************************************************/
/* 1. IMPORT DES FEUILLES DE STYLE */
/****************************************************************/

/****************************************************************/
/* 1. INITIAL SETTINGS */
/****************************************************************/

.pun TABLE, .pun DIV, .pun FORM, .pun P, .pun H1, .pun H2, .pun H3,
.pun H4, .pun PRE, .pun BLOCKQUOTE, .pun UL, .pun OL, .pun LI, .pun DL,
.pun DT, .pun DD, .pun TH, .pun TD, .pun FIELDSET, .pun IMG {
	MARGIN: 0px;
	PADDING: 0px;
	FONT-WEIGHT: normal;
	LIST-STYLE: none;
}

.pun IMG {BORDER: none}

.pun INPUT, .pun SELECT, .pun TEXTAREA, .pun OPTGROUP {MARGIN: 0}

/****************************************************************/
/* 2. STRUCTURAL SETTINGS - VERY IMPORTANT - DO NOT CHANGE */
/****************************************************************/

/* 2.1 Clearing floats and invisible items */
.pun .clearer, .pun .nosize {
	HEIGHT: 0;
	WIDTH: 0;
	LINE-HEIGHT: 0;
	FONT-SIZE: 0;
	OVERFLOW: hidden
}

.pun .clearer, .pun .clearb {CLEAR: both}
.pun .nosize {POSITION: absolute; LEFT: -10000px}

/* 2.2 Overflow settings for posts */

DIV.blockpost DIV.box, DIV.postleft, DIV.postsignature, DIV.postmsg {OVERFLOW: hidden}

/****************************************************************/
/* 3. BUG FIXES - VERY IMPORTANT - DO NOT CHANGE */
/****************************************************************/

/* 3.1 This attempts to eliminate rounding errors in Gecko browsers. */

DIV>DIV>DIV.postfootleft, DIV>DIV>DIV.postfootright {PADDING-TOP: 1px; MARGIN-TOP: -1px}

/* 3.2 This is only visible to IE6 Windows and cures various bugs. Do not alter comments */

/* Begin IE6Win Fix \*/
* HTML .inbox, * HTML .inform, * HTML .pun, * HTML .intd, * HTML .tclcon {HEIGHT: 1px}
* HTML .inbox DIV.postmsg {WIDTH: 98%}
/* End of IE6Win Fix */

/* 3.3 This is the equivelant of 3.2 but for IE7. It is visible to other browsers
but does no harm */

/*Begin IE7Win Fix */
.pun, .pun .inbox, .pun .inform, .pun .intd, .pun .tclcon {min-height: 1px}
/* End of IE7Win Fix */

/****************************************************************/
/* 4. HIDDEN ELEMENTS */
/****************************************************************/

/* These are hidden in normal display. Add comments to make them visible */

#brdfooter H2, #brdstats H2, #brdstats .conl DT, #brdstats .conr DT,
#modcontrols DT, #searchlinks DT, DIV.postright H3 {
	POSITION: absolute;
	DISPLAY: block;
	OVERFLOW: hidden;
	WIDTH: 1em;
	LEFT: -999em
}

/****************************************************************/
/* 5. BOX CONTAINERS AND FLOATS */
/****************************************************************/

/* 5.1. Setup all left and right content using floats. */  

.conr {
	FLOAT: right;
	TEXT-ALIGN: right;
	CLEAR: right;
	WIDTH: 40%
}

.conl {
	FLOAT: left;
	WIDTH: 55%;
	OVERFLOW: hidden;
	WHITE-SPACE: nowrap
}

LABEL.conl {
	WIDTH: auto;
	OVERFLOW: visible;
	MARGIN-RIGHT: 10px
}

/* 5.2 Set up page numbering and posts links */

DIV.linkst .conl, DIV.linksb .conl, DIV.postlinksb .conl {WIDTH:18em}

DIV.linkst .conr, DIV.linksb .conr, DIV.postlinksb .conr {WIDTH:16em}

FORM DIV.linksb .conr {WIDTH: 32em}

/* 5.3 Keep breadcrumbs from shifting to the right when wrapping */

.linkst UL, linksb UL, .postlinksb UL {MARGIN-LEFT: 18em}

/* 5.4 Settings for Profile and Admin interface.*/

DIV.block2col {PADDING-BOTTOM: 1px}

DIV.block2col DIV.blockform, DIV.block2col DIV.block, #viewprofile DD {MARGIN-LEFT: 14em}

DIV.blockmenu, #viewprofile DT {
	FLOAT:left;
	WIDTH: 13em
}

#profileavatar IMG {
	FLOAT: right;
	MARGIN-LEFT: 1em
}

#viewprofile DL {FLOAT: left; WIDTH: 100%; OVERFLOW: hidden}

/****************************************************************/
/* 6. TABLE SETUP */
/****************************************************************/

/* 6.1 Table Basic Setup */


/* 6.2 Fixed Table Setup */

/*#punindex TABLE, #vf TABLE {TABLE-LAYOUT: fixed} */

.tcl {TEXT-ALIGN: left; width: 63% !important;}

.tc2, .tc3, .tcmod {WIDTH: 7%; TEXT-ALIGN: center}

.tcr {WIDTH: 30%; TEXT-ALIGN: center}

#punsearch #vf .tcl, #punmoderate #vf .tcl {WIDTH: 41%}

#punsearch #vf .tc2 {WIDTH: 18%; TEXT-ALIGN: left}

.tcl, .tcr {OVERFLOW: HIDDEN}

/* 6.3 Other Table Setup */

#users1 .tcl {WIDTH: 40%}

#users1 .tcr {WIDTH: 25%}

#users1 .tc2 {WIDTH: 25%; TEXT-ALIGN: left}

#users1 .tc3 {WIDTH: 10%; TEXT-ALIGN: center}

#debug .tcr {WIDTH: 85%; WHITE-SPACE: normal}

#punindex TD.tcr SPAN.byuser {DISPLAY: block}

/****************************************************************/
/* 7. VIEWTOPIC SETUP */
/****************************************************************/

/* 7.1 This is the basic structure. */

DIV.postleft, DIV.postfootleft {
	FLOAT:left;
	WIDTH: 18em;
	OVERFLOW: hidden;
	POSITION: relative;
}
	
DIV.postright, DIV.postfootright {
	BORDER-LEFT-WIDTH: 18em;
	BORDER-LEFT-STYLE: solid
}

DIV.postfootright, P.multidelete {TEXT-ALIGN: right}

DIV.blockpost>DIV>DIV.inbox {PADDING-BOTTOM: 1px}

/* 7.3 This is the div which actually contains the post and is inside .postright */

DIV.postmsg {WIDTH:100%}

/* 7.4 These items control overflow and scrolling within posts. */

DIV.incqbox {WIDTH: 100%; OVERFLOW: hidden}
DIV.scrollbox {WIDTH: 100%; OVERFLOW: auto}
IMG.postimg {max-width: 100%}
A .postimg {max-width: 100%}

/* 7.5 Turn off the poster information column for preview */

#postpreview DIV.postright {BORDER-LEFT: none}

/* 7.6 Create the horizontal line above signatures */

DIV.postsignature HR {
	MARGIN-LEFT: 0px;
	WIDTH: 200px;
	TEXT-ALIGN: left;
	HEIGHT: 1px;
	BORDER:none
}

/* 7.7 Maximum height for search results as posts. Position go to post link */

DIV.searchposts DIV.postmsg {HEIGHT: 8em}
DIV.searchposts DD P {PADDING-TOP: 3em}

/* 7.8 Class for bbcode [u] */

SPAN.bbu {TEXT-DECORATION: underline}

/****************************************************************/
/* 8. LISTS SPECIAL SETTINGS */
/****************************************************************/

/* 8.1 Horizontal display of online list, main navigation menu and breadcrumbs */

#onlinelist DD, #onlinelist DT, #brdmenu LI, DIV.linkst LI, DIV.linksb LI, DIV.postlinksb LI,
DIV.postfootright LI, UL.bblinks LI {
	DISPLAY: inline;
	HEIGHT: 0
}

/* 8.2 Turn on square icon for posterror list */

#posterror UL LI {LIST-STYLE: square inside}

/* 8.3 Right alignment of descriptions in ordinary member view of other members profiles */

#viewprofile DT {TEXT-ALIGN: right}

/****************************************************************/
/* 9. FORM SETTINGS */
/****************************************************************/

/* 9.1 Makes textareas and long text inputs shrink with page */

DIV.txtarea {WIDTH: 98%}

DIV.txtarea TEXTAREA, INPUT.longinput {WIDTH: 100%}

.pun LABEL {DISPLAY: block}

#qjump SELECT {WIDTH: 50%}

/****************************************************************/
/* 10. HELP FILES AND MISC. */
/****************************************************************/

/* 10.1 Put some space between sections of the help file */

#helpfile H2 {MARGIN-TOP: 12px}

/* 10.2 Internal padding */

#helpfile DIV.box {PADDING: 10px}

/* 10.3 Other templates */

#punredirect DIV.block, #punmaint DIV.block {MARGIN: 50px 20% 12px 20%}



/****************************************************************/
/* 2. PARAMETRES DU TEXTE */
/****************************************************************/

/* 2.1 Ceci fixe la famille de police par défaut */

.pun, .pun INPUT, .pun SELECT, .pun TEXTAREA, .pun OPTGROUP {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.pun {FONT-SIZE: 11px; LINE-HEIGHT: normal}

/* Taille de police d'Internet Explorer seulement - pour permettre à IE de zoomer.  N'enlevez pas les commentaires \*/
* HTML .pun {FONT-SIZE: 68.75%}
/* Fin de la taille des polices pour IE */

/* Règle la taille de la police pour ces tableaux parce que IE l'exige */
.pun TABLE, .pun INPUT, .pun SELECT, .pun OPTGROUP, .pun TEXTAREA, DIV.postmsg P.postedit {FONT-SIZE: 1em}

/* 2.2 Règle la taille de la police pour le texte préformaté c.-à-d. dans des boîtes de code */

.pun PRE {FONT-FAMILY: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace}

/* 2.3 Taille de police pour les en-têtes (headers en anglais) */
.pun H2 {font-size: 1.2em;}
.pun H4 {FONT-SIZE: 1em}
.pun H3 {FONT-SIZE: 1.1em}
#brdtitle H1 {FONT-SIZE: 1.4em}

/* 2.4 Texte plus gros pour les objets particuliers */

DIV.postmsg P {LINE-HEIGHT: 1.4}
DIV.postleft DT {FONT-SIZE: 1.1em}
.pun PRE {FONT-SIZE: 1.2em}

/* 2.5 Texte en gras */

DIV.postleft DT, DIV.postmsg H4, TD.tcl H3, DIV.forminfo H3, P.postlink, DIV.linkst LI,
DIV.linksb LI, DIV.postlinksb LI, .blockmenu LI, #brdtitle H1, .pun SPAN.warntext, .pun P.warntext {FONT-WEIGHT: bold}

/****************************************************************/
/* 3. LIENS */
/****************************************************************/

/* 3.1 Enlève le soulignement pour le menu principal, les liens en en-tête, les liens et les menus verticaux */

#brdmenu A:link, #brdmenu A:visited, .blockpost DT A:link, .blockpost DT A:visited, .blockpost H2 A:link,
.blockpost H2 A:visited, .postlink A:link, .postlink A:visited, .postfootright A:link, .postfootright A:visited,
.blockmenu A:link, .blockmenu A:visited {
	TEXT-DECORATION: none
}

/* 3.2 Souligne au passage de la souris (ou hover en anglais) pour des liens dans les en-têtes et dans le menu principal */

#brdmenu A:hover, .blockpost H2 A:hover {TEXT-DECORATION: underline}

/****************************************************************/
/* 4. LARGEUR ET MODÈLE DE BORDURE */
/****************************************************************/

/* 4.1 Par défaut les bordures sont solides (forment un trait plein) et font 1 pixel */

DIV.box, .pun TD, /*.pun TH,*/.pun BLOCKQUOTE, DIV.codebox, DIV.forminfo, DIV.blockpost LABEL {
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px
}

/* 4.2 Réglages spéciaux pour le logo du forum */

#brdheader DIV.box {BORDER-TOP-WIDTH: 4px}

/* 4.3 Bordures pour les cellules des tableaux */

.pun TD {
	BORDER-BOTTOM: none;
	BORDER-RIGHT: none;
}
/*
.pun .tcl {BORDER-LEFT: 1px solid #d1d1d1;}
*/

/* 4.4 Réglage spécial pour les jeu de champs afin de préserver ceux par défaut de IE */

DIV>FIELDSET {
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px
}

/****************************************************************/
/* 5. ESPACEMENT VERTICAL ET DE LA PAGE */
/****************************************************************/

/* 5.1 Marge des pages */


#punwrap {margin:12px 20px}

/* 5.2 Crée un espace vertical entre les éléments du tableau de bord (marges) */

DIV.blocktable, DIV.block, DIV.blockform, DIV.block2col, #postreview {MARGIN-BOTTOM: 12px}
#punindex DIV.blocktable, DIV.blockpost {MARGIN-BOTTOM: 6px}
DIV.block2col DIV.blockform, DIV.block2col DIV.block {MARGIN-BOTTOM: 0px}

/* 5.3 Supprime l'espace au-dessus des breadcrumbs (infos qui indiquent l'emplacement exact d'une page au sein d'une arborescence) et des liens qui ont une marge supérieure négative */

DIV.linkst, DIV.linksb {MARGIN-TOP: -12px}
DIV.postlinksb {MARGIN-TOP: -6px}

/* 5.4 Mets un espace de 12px au-dessus de la boîte d'information du forum sur la page d'index parce que les tableaux de catégorie ont un espace de seulement 6px sous eux  */

#brdstats {MARGIN-TOP: 12px}

/****************************************************************/
/* 6. ESPACEMENT AUTOUR DU CONTENU */
/****************************************************************/

/* 6.1 Remplissage par défaut des éléments principaux */

DIV.block DIV.inbox, DIV.blockmenu DIV.inbox {PADDING: 3px 6px}
.pun P, .pun UL, .pun DL, DIV.blockmenu LI, .pun LABEL, #announce DIV.inbox DIV {PADDING: 3px 0}
.pun H2 {PADDING: 4px 6px}

/* 6.2 Espacement spécial pour divers éléments */

.pun H1 {PADDING: 3px 0px 0px 0}
#brdtitle P {PADDING-TOP: 0px}
DIV.linkst {PADDING: 8px 6px 3px 6px}
DIV.linksb, DIV.postlinksb {PADDING: 3px 6px 8px 6px}
#brdwelcome, #brdfooter DL A, DIV.blockmenu LI, DIV.rbox INPUT  {LINE-HEIGHT: 1.4em}
#viewprofile DT, #viewprofile DD {PADDING: 0 3px; LINE-HEIGHT: 2em}

/* 6.4 Crée un espacement horizontal pour divers éléments */

#brdmenu LI, DIV.rbox INPUT, DIV.blockform P INPUT  {MARGIN-RIGHT: 12px}

/****************************************************************/
/* 7. ESPACEMENT POUR LES TABLEAUX */
/****************************************************************/

.pun TH, .pun TD {PADDING: 1px 6px 1px 8px;}
.pun TD P {PADDING: 5px 0 0 0}

/****************************************************************/
/* 8. ESPACEMENT POUR LES POSTS */
/****************************************************************/

/* 8.1 Remplissage autour des colonnes gauches et droites dans viewtopic */

DIV.postleft DL, DIV.postright {PADDING: 6px}

/* 8.2 Espacement supplémentaires pour contacter le posteur et pour son avatar */

DD.usercontacts, DD.postavatar {MARGIN-TOP: 5px}
DD.postavatar {MARGIN-BOTTOM: 5px}

/* 8.3 Espacement supérieur supplémentaire pour les signatures pour "édité par" */

DIV.postsignature, DIV.postmsg P.postedit {PADDING-TOP: 15px}

/* 8.4 Espacement pour les boîtes de code et de citation */

DIV.postmsg H4 {MARGIN-BOTTOM: 10px}
.pun BLOCKQUOTE, DIV.codebox {MARGIN: 5px 15px 15px 15px; PADDING: 8px}

/* 8.5 Remplissage pour les liens d'action (ex : Poster une réponse) et l'indicateur en ligne dans viewtopic */

DIV.postfootleft P, DIV.postfootright UL, DIV.postfootright DIV {PADDING: 10px 6px 5px 6px}

/* 8.6 Ceci est l'entrée visuelle des modérateurs pour supprimer plusieurs sujets */

DIV.blockpost INPUT, DIV.blockpost LABEL {
	PADDING: 3px;
	DISPLAY: inline
}

P.multidelete {
	PADDING-TOP: 15px;
	PADDING-BOTTOM: 5px
}

/* 8.7 S'assure que les paragraphes dans des posts n'obtiennent aucune remplissage */

DIV.postmsg P {PADDING: 0}

/****************************************************************/
/* 9. ESPACEMENT SPECIAL POUR LES FORMULAIRES */
/****************************************************************/

/* 9.1 Remplissage autour des champs */

DIV.blockform FORM, DIV.fakeform {PADDING: 20px 20px 15px 20px}
DIV.inform {PADDING-BOTTOM: 12px}

/* 9.2 Remplissage à l'intérieur des champs */

.pun FIELDSET {PADDING: 0px 12px 0px 12px}
DIV.infldset {PADDING: 9px 0px 12px 0}
.pun LEGEND {PADDING: 0px 6px}

/* 9.3 Pour la boîte d'information au dessus du formulaire d'enregistrement et ailleurs */

DIV.forminfo {
	MARGIN-BOTTOM: 12px;
	PADDING: 9px 10px
}

/* 9.4 Liens d'aide de BBCode sous les formulaires de post */

UL.bblinks LI {PADDING-RIGHT: 20px}

UL.bblinks {PADDING-BOTTOM: 10px; PADDING-LEFT: 4px}

/* 9.5 Positionnement horizontal pour le bouton d'envoi des formulaires */

DIV.blockform P INPUT {MARGIN-LEFT: 12px}



/****************************************************************/
/* 1. COULEURS DES FONDS ET DES TEXTES */
/****************************************************************/

/* 1.1 Couleur par défaut du fond et du texte */

 
DIV.box , .pun BLOCKQUOTE, DIV.codebox, #adminconsole FIELDSET TH, .rowodd, .roweven {BACKGROUND-COLOR: #F1F1F1}
#adminconsole TD, #adminconsole TH {BORDER-COLOR: #F1F1F1}

/* 1. 2 Couleurs de fond plus sombres */

TD.tc2, TD.tc3, TD.tcmod, #postpreview, #viewprofile DD, DIV.forminfo,
#adminconsole FIELDSET TD, DIV.blockmenu DIV.box, #adstats DD {BACKGROUND-COLOR: #e2e2e2}

/* 1.3 Couleurs de fonds et de texte des en-têtes principaux et de la barre de navigation */

#brdmenu {BACKGROUND-COLOR: #0066B9; COLOR: #FFF}

/* 1.4 Ligne d'en-tête des tableaux */
/*
.pun TH {BACKGROUND-COLOR: #D1D1D1; }
*/
/* 1.5 Couleur du texte de la légende des jeu de champs */

.pun LEGEND {COLOR: #005CB1}

/* 1.6 Texte surligné pour différents éléments */

.pun DIV.blockmenu LI.isactive A, #posterror LI STRONG {COLOR: #333}

/****************************************************************/
/* 2. FOND ET TEXTE DES MESSAGES */
/****************************************************************/

/* 2.1 Ceci est le paramètrage des messages. */

DIV.blockpost DIV.box, DIV.postright, DIV.postfootright {BACKGROUND-COLOR: #DEDFDF}
DIV.postright, DIV.postfootright {BORDER-LEFT-COLOR: #f1f1f1}
DIV.postleft, DIV.postfootleft, DIV.blockpost LABEL {BACKGROUND-COLOR: #F1F1F1}

/* 2.2 Fond pour les en-têtes des messages et couleur du texte pour le numéros des messages dans la page viewtopic */

DIV.blockpost H2 {BACKGROUND-COLOR: #006FC9}
DIV.blockpost H2 SPAN.conr {COLOR: #AABDCD}

/* 2.3 Ceci est la ligne au-dessus de la signature dans les messages.  La couleur et le fond devraient être identique */

.pun HR {BACKGROUND-COLOR: #333; COLOR: #333}

/****************************************************************/
/* 3. COULEURS DES BORDURES */
/****************************************************************/

/* 3.1 Toutes les bordures externes */

DIV.box {BORDER-COLOR: /*#0066B9*/#d1d1d1;}

/* 3.2 Rends la bordure du haut des posts assortie avec la couleur utilisée pour les en-tête des posts */

DIV.blockpost DIV.box {BORDER-COLOR: #d1d1d1/*#006fC9 #0066B9 #0066B9*/;}

/* 3.3 Bordures internes des tableaux. Par défaut la couleur de TH est la même que celle du fond (en 1.4) et la bordure est donc invisible */

.pun TD {BORDER-COLOR: #BBCEDE}
/*
.pun TH {BORDER-COLOR: #D1D1D1} 
*/
/* 3.4 Crée la bordure d'encart pour les blocs de citation, de code, et pour les blocs d'information des formulaires */

.pun BLOCKQUOTE, DIV.codebox, DIV.forminfo, DIV.blockpost LABEL {BORDER-COLOR: #ACA899 #FFF #FFF #ACA899}

/* 3.5 Les bordures par défaut des listes de champs vues par Gecko sont vraiment vilaines, alors ceci leur donne une couleur , 
sans intérférer avec celles d'IE qui sont plutôt jolies */

.pun DIV>FIELDSET {BORDER-COLOR: #ACA899}

/****************************************************************/
/* 4. COULEURS DES LIENS */
/****************************************************************/

/* 4.1 Ceci est la couleur par défaut de tous les liens */

.pun A:link, .pun A:visited {COLOR: #005CB1}
.pun A:hover {COLOR: #ff5d00}

/* 4.2 Ceci est la couleur pour les liens dans les lignes d'en-tête de tableaux et dans la barre de navigation */

.pun H2 A:link, .pun H2 A:visited, #brdmenu A:link, #brdmenu A:visited {COLOR: #FFF}
.pun H2 A:hover, #brdmenu A:hover {COLOR: #FFF}

/* 4.3 Ceci est pour pour les sujet fermés et pour les liens importants (maintenance, signalements,... ) */

LI.postreport A:link, LI.postreport A:visited, TR.iclosed TD.tcl A:link, TR.iclosed TD.tcl A:visited {COLOR: #888}
LI.postreport A:hover, TR.iclosed TD.tcl A:hover {COLOR: #AAA}
LI.maintenancelink A:link, LI.maintenancelink A:visited {COLOR: #B42000}
LI.maintenancelink A:hover {COLOR: #B42000}

/****************************************************************/
/* 5. INDICATEURS DE STATUT DES MESSAGES */
/****************************************************************/

/* Ce sont les indicateurs de statut des messages qui apparaissent à la gauche de quelques tableaux.
.inew = nouveaux messages, .iredirect = forums de redirection, .iclosed = sujets fermés et .isticky = sujets épinglés.  Par défaut seul .inew est différent du défaut.*/

/* Sujet normal */
Div.icon {
background-image : url(../../images/forum/icones/nada.png); 
} 
/* Sujet ferme */
TR.iclosed Div.icon {
background-image : url(../../images/forum/icones/closed.png); 
} 
/* Redirection */
TR.iredirect Div.icon {
background-image : url(../../images/votre_theme/icon_redirect.gif);
}
/* Nouveau sujet */
TR.inew Div.icon {
background-image : url(../../images/forum/icones/new.png); 
}
/* Sujet epingle */
TR.isticky DIV.icon {
background-image : url(../../images/forum/icones/sticky.png); 
}
/* Sujet deplace */
TR.imoved DIV.icon {
background-image : url(../../images/forum/icones/moved.png); 
}


/****************************************************************/
/* 10. INDICATEURS DE STATUTS DES POST */
/****************************************************************/

/* 10.1 Ce sont les indicateurs de statut des post, qui apparaissent à gauche de quelques tableaux : 
.inew = nouveaux posts, .iredirect = forums de redirection, .iclosed = sujets fermés 
et .isticky = sujets épinglés. Par défaut seul .inew est différent du défaut. */

div.icon {
    float: left;
    display: block;
    width:24px; /* Hauteur de l'image */
    height:24px; /* largeur de l'image */
    background: no-repeat;
    margin-top:3px;
}



DIV.searchposts DIV.icon {MARGIN-LEFT: 0}

/* 10.2 La class .tclcon est une division à l'intérieur de la première colonne des tableaux qui ont des indicateurs de statuts de posts. 
La marge crée l'espace pour les indicateurs de statuts de posts */

TD DIV.tclcon {MARGIN-LEFT: 2.3em}

/************************************************************************************************************************
************************************************************ S I T E ****************************************************
************************************************************************************************************************/





/* DESIGN V2 PREZUP.EU By Nonante '90 */ * { margin: 0; padding: 0; border: 0; } 
body { top:0;margin:0;background: #4b4b4b ; font: 0.8em Arial,sans-serif;color:#636363; } 



html body .fixed * { 
	line-height:normal ! important;
	width: auto ! important; 
	font-family: arial, sans-serif ! important; 
	font-size: 11px ! important; 
	font-weight: bold ! important; padding: 0 ! important;
	outline: none ! important; visibility: visible ! important;
	background: none ! important; float: none ! important;
	text-indent:inherit ! important;
	}   
html body .fixed { 
	position: fixed ! important; 
	top: 0 ! important; 
	bottom: 0 ! important; 
	height: 43px ! important; 
	width: 100% ! important; 
	z-index: 2147483646 ! important;
	} 
html body .fixed a { text-decoration: none ! important;} 
html body .fixed a:hover { text-decoration: underline ! important;} 
html body .fixed .expand { -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.8) ! important; -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.8) ! important; display: block ! important; } 
html body .fixed .listes { 
	height: 33px ! important; 
	overflow: hidden ! important; 
	margin: 0 ! important; 
	display: block ! important; 
	opacity: 1 ! important; 
	visibility: visible ! important;
	} 
html body .fixed .listes li { 
	float: left ! important; 
	height: 29px ! important; 
	overflow: hidden ! important; 
	margin: 1px 0 0 0 ! important; 
	display: block ! important; 
	opacity: 1 ! important; 
	visibility: visible ! important;
	}

html body .fixed .listes li #lastnews { clear:both; float:left; width:235px ! important;}
html body .fixed .listes li.nocursor {cursor:default ! important;}

html body .fixed .listes li a { 
	display: inline-block ! important; 
	height: 28px ! important; 
	line-height: 28px ! important; 
	padding: 0 15px ! important; 
	cursor: pointer ! important; 
	font-size: 11px ! important; 
	margin: 2px 0 0 0 ! important;
	text-decoration: none ! important;
	} 
html body .fixed .listes li.right { 
	float: right ! important; 
	display: block ! important; 
	opacity: 1 ! important; 
	visibility: visible ! important;
	} 

html body .fixed .listes li a.close { width: 10px ! important; text-decoration: none ! important; } 
/* bar fixe form search  */
html body .fixed .listes li form { 
	padding: 0 0 0 20px ! important; 
	margin: 0 5px ! important; 
	background: url("../../images/site/fixedbar/loupe.png") no-repeat top left ! important;
	} 
html body .fixed .listes li form p { 
	border: none ! important; line-height: 28px ! important; position: relative ! important; margin-top: 1px ! important;
	} 
html body .fixed .listes li form p span.input { 
	display: inline-block ! important; 
	
	-moz-border-radius: 4px ! important;
	-webkit-border-radius: 4px ! important; 
	line-height: 18px ! important; 
	height: 20px ! important;
	} 
html body .fixed .listes li form p input.query { 
	-moz-border-radius: 4px ! important; 
	-webkit-border-radius: 4px ! important; 
	line-height: 18px ! important; 
	height: 18px ! important; 
	width: 230px ! important; 
	padding: 0 20px 0 0 ! important; 
	font-size: 12px ! important; 
	outline: 0 ! important;
	} 
html body .fixed .listes li form p input.submit { 
	border: none ! important; 
	background: none ! important; 
	position: absolute ! important; 
	top: 0 ! important; right: 5px ! important; 
	cursor: pointer ! important; height: 28px ! important; 
	line-height: 28px ! important; margin: 0 ! important;
	} 

   
html body .fixed .expand { background: url("../../images/site/fixedbar/bg.png") repeat-x left top ! important;} 
html body .fixed .listes li.last { background: none ! important;} 
html body .fixed .listes li a { color: white ! important;} 
html body .fixed .listes li form p span.input { border: 1px solid #191919 ! important;} 
html body .fixed .listes li form p input.query { 
  	background: transparent url("../../images/site/fixedbar/bgquery.png") repeat-x top ! important; 
  	border: 1px solid #464646 ! important; color: #b1b1b1 ! important;
  	} 
html body .fixed .listes li form p input.submit { color: #b1b1b1 ! important; } 





/* Fin barre fixe */




a:focus { outline:0; } 
#membres { width:99.9%; position: fixed;clear: both; background: #282b2e; color: #636363;border: 1px solid #ccc !important; } 
#banniere {margin: 50px auto 0px auto;height:160px;background: url(../../images/site/header.png) no-repeat center;} 



#top { clear: both;width: 980px;height: 21px;margin-top: -10px;overflow-x: hidden;overflow-y: hidden;background-color: transparent;background-image: url(../../images/site/top.png);background-repeat: no-repeat;background-attachment: scroll;background-position: center; } 

#contain { width: 980px; margin:0 auto;padding-right:0px;}

#wrap { width: 980px;min-height:600px; margin: 0px auto 20px auto;  overflow: hidden; background:#fff/* url(../../images/site/content.png) repeat-y center top; opacity:0.7*/; color: inherit; } 
#main { float: left; width: 728px; padding: 0px; margin:0 auto 0 25px; } 
#content {margin:0; padding: 0px; background-color: transparent;background-image: url(http://liegeisburningdown.be/images/site/c.png);background-repeat: no-repeat;background-attachment: scroll;} 

/* sidebar */
#sidebar { width: 200px; float: right; } 
#sidebar ul#menu { /*opacity: 0.76;*/ padding: 8px 0 5px 0; margin-right: 20px; list-style: none; background: #222; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 2px solid #111;z-index: 200; }
#sidebar ul#menu li a{  display: block; height: 20px;padding: 5px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none; font-size: 12px; font-weight: bold;}
#sidebar ul#menu li a:hover { margin-top:-2px;/*cursor:none;*/ color:#fff; background: #666;display: block; height: 18px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border: 2px solid #111;text-decoration: none;} 
#sidebar ul#menu li.actif a { margin-top:-2px;/*cursor:none;*/ color:#fff; background: #666;display: block; height: 18px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border: 2px solid #111;text-decoration: none; }
#sidebar ul#menu:hover { opacity:1;}
#stats 
{ 
opacity: /*0.76*/1; 
padding: 8px 0 5px 0; margin-left: 20px;
color:white;
list-style: none; 
background: #222; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border: 2px solid #111;
z-index: 200; 
width:176px; position: static;
display:block;
bottom:10px; 
font-size: 8px !important;
margin: 20px 0 0 0px;
}
#stats a{text-decoration: none; color:#ff5d00;}
table#stats2 { width: 170px; max-width: 170px !important;}

#don 
{ 
opacity: /*0.76*/1; 
padding: 8px 0 5px 0; 
color:white;
list-style: none; 
background: #222; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border: 2px solid #111;
z-index: 200; 
width:176px; position: static;
display:block;
font-size: 8px !important;
margin-top: 20px;
}
#bottom { clear: both;width: 980px;height: 21px;margin-top: -20px;overflow-x: hidden;overflow-y: hidden;background-color: transparent;background-image: url(../../images/site/wrapper.png);background-repeat: no-repeat;background-attachment: scroll;background-position: center; 
}

#pubfloat { position: relative; float:left;}
#sidepub {margin-left:-6px;}

#blocfooter{position: relative;margin:0 auto;width:100%; bottom: 0;}
#footer { text-align:center; clear: both; background: #303437; color: #636363; } 
#footer a:link, #footer a:visited {text-decoration: none;color: #757575;} 
#footer a:hover {color:#5a98f7;} 
#footer table {width:950px;margin:0 auto;} 
#footerbas { text-align:center; clear: both; background: #282b2e; color: #636363; } 
#footerbas p { padding:3px 0 2px 0;} 
 
ul, ul li { list-style: none; } ul a:link { color:#636363; text-decoration: underline;} ul a:visited { color:#636363;text-decoration: none; } ul a:hover{ color:#ff5d00; text-decoration: underline; } a:link, a:visited { color:#636363; text-decoration: underline; } a:hover { color: #FF5D00; text-decoration: none; } 
 
#main h1 { color:#636363;text-align:center;font-family: 'Trebuchet MS',Arial,sans-serif; font-weight: bold; font-size: 1.8em; padding-bottom:30px; background:url(../../images/site/h1.png) no-repeat 3px;}

#main h1.gris { color:#636363;text-align:center;font-family: 'Trebuchet MS',Arial,sans-serif; font-weight: bold; font-size: 2em; padding-bottom:30px; background: #fff /*url(../../images/site/h1gris.png) no-repeat 3px;
*/}
 
#main h3 {} 
#main h4 { margin:-21px 0 5px 10px; padding-bottom:10px;color:#ff5d00; font-weight:bold;} 
#main h5 { margin-left:15px; color:#636363;} 
#main h5 span {color:#636363;font: 0.8em Verdana,sans-serif;text-align:center;}
h6 { margin-left:10px; color:#636363;font-size:0.9em;} 
#membres h6 {width:100%; margin-left:10px; font-size:0.9em;} 
#main h6 {  margin-left:25px; color:#636363;font-size:0.9em;} 
#main .center,#sidebar .center {text-align:center;margin:0 auto;}
#main .part_site {margin-top:-4px;margin-bottom:4px;}
#main .part_description {text-align:center;margin-top:0px;margin-bottom:-20px;}
#main .right {text-align:right;margin-right:25px;} 
#main .left {text-align:left;margin-left:25px;} 
#main .leftprez {text-align:left;padding-left:70px;} 
.orange {color:#ff5d00;} 
.bleu {color: #5a98f7;} 
.greyblue {color: #303437;} 
.bouton {cursor:pointer;} 
.floatright {float:right;} 
.floatleft {float:left;} 
.red {color:red;} 
.green {color:green;} 
.grey {color:#636363;} 
.date.floatright {padding-top:5px;}


#main .tickertop { height:5px;background-color: #ececec; -moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px; border: 1px solid #ccc; padding: 5px;} 
#main .tickermiddle { background-color: #fbfbfb;padding: 5px 5px 5px 10px; border-left: 1px solid #ccc;border-right: 1px solid #ccc;} 
#main .tickerbottom { height:5px; margin-bottom:10px;background-color: #ececec; -moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px; border: 1px solid #ccc; padding: 5px;}

#main .clear {padding:10px 0;} 
#main table {width:660px;margin-left:-2px; margin-top:-2px;} 
#main table .prez {width:560px;} 
#main input, select, textarea { padding: 1px;font-family: Verdana,sans-serif;font-size: 0.8em;border:1px solid #ccc; color: #636363;} 
#main td {border:none;}
#main .fifty {width:50%;} 
#main .untiers {width:220px;}
#main .cent {width:100px;} 
.full {width:950px;}
.center, table.center, #sidebar .center {margin:0 auto;text-align:center;}
#main .marginleftdix{margin-left:10px;} 
.marginlefttrente, #main .marginlefttrente{margin-left:30px;} 
.marginleftquarante {margin-left:40px;} 
.marginleftsoixante {margin-left:60px;} 
.marginleftoctante {margin-left:80px;} 
.marginleftnonante{margin-left:90px;} 
.marginleftcentvingt{margin-left:120px;} 
.marginrightdix{float:right;margin-right:10px;} 
.marginrighttrente{float:right;margin-right:30px;} 
.marginrightcent{float:right;margin-right:102px;} 
.marginrightnonante{float:right;margin-right:90px;} 
.textleft {text-align:left;} 
.textright {text-align:right;} 
.page {width:640px;} 
.hide  { display: none; } 
.show  { display: block; } 
.bold {font-weight: bold !important;}
#main img.selected { border: 2px solid #FF5d00;} 
#main img.noselect {border:0;} 
#main .selectall { float:left;  width:468px;padding-right:5px;} 
.h5 {padding-left:20px;} 
.overflow {width:100%; height:250px;} 
.padbot {padding-bottom:30px;} 
span.styledeprez em { display:none; } 
span.styledeprez:hover { position: relative; z-index: 500; text-decoration:none; } 
span.styledeprez:hover em { font-style: normal; font-size:12px; display: block; position: absolute; vertical-align:middle; top: 25px; left: -300px; padding: 5px; width:660px; height:70px; } 
#main label.checkbox_checked {background:url(../../images/site/form/tick.png) no-repeat; display: block;cursor:pointer;} 
#main label.checkbox_unchecked {background:url(../../images/site/form/cross.png) no-repeat; display: block;cursor:pointer;} 
#main label.radio_checked { background:url(../../images/site/form/bullet_green.png) no-repeat;	display: block;} 
#main label.radio_unchecked  {background:url(../../images/site/form/bullet_white.png) no-repeat 3px; display: block;} 
#main td.left label input {top:0px;}
#main label:hover{ color: #ff5d00;} 
#main label.highlighted { border: 1px solid #333;} 
#main .crirHidden { position: absolute; left: -1000px; } 
#main .warning a {font-size:20px;font-weight:bold;top:-20px;color:#FF5D00;}

.pun h1 { text-align:center;width:728px;font-family: 'Trebuchet MS',Arial,sans-serif; font-weight: bold; font-size: 1.8em; padding-bottom:30px; margin-top:15px;background:url(../../images/site/h1.png) no-repeat 3px;}

/* table */
#main table { width: 730px; padding-left:2px;margin-left:-3px;  }
#main td { border-bottom: 0px solid #ccc; padding: 6px; }

#punforum tr { border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2; padding: 10px; }



.pun h2 button {background:transparent;margin-top:9px;}

.pun h2 button span.collapse { width:110px;height:36px; background: #fff url(../../images/table/collapse.gif) no-repeat 0 0; border:0; float:right; }
.pun h2 button span.nocollapse { width:110px;height:36px; background: #fff url(../../images/table/nocollapse.gif) no-repeat 0 0; border:0; float:right; }	


.button,button:visited {

background: url("../../images/bouton/overlay-button.png") repeat-x scroll 0pt 0pt;  display: inline-block;
 padding: 5px 15px 6px 15px;  color: #ffffff;  font-size: 13px;  font-weight: bold; -moz-border-radius: 3px; -webkit-border-radius: 3px;  line-height: 1;  text-decoration: none;  text-shadow: 0pt 3px 3px rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(0, 0, 0, 0.25); position: relative; cursor: pointer; overflow: visible;  width: auto; 

 }

.button:hover { background-color: #222; color: #fff !important; text-shadow: 0pt 3px 3px rgba(0, 0, 0, 0.25); border: 1px groove #000 !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; }


/* design forum */
.box_top { color: #444; width:728px; height:25px; background: url(../../images/site/box_top.png) no-repeat center ; border:0; position: relative;}

.box_bottom { width:728px;height:10px; background: url(../../images/site/box_bottom.png) no-repeat 0 0; border:0; }
.box_topclear { width:728px;height:10px; background: url(../../images/site/box_topclear.png) no-repeat 0 0; border:0; }

thead tr { color: #444; width:728px; height:25px; background: url(../../images/site/box_top.png) no-repeat center ; border:0;}
thead .header:hover {color:#fff; background: transparent url(../../images/table/sort.png) no-repeat right; height:10px; cursor: pointer;}
 


/* shareit */
#shareit {height:35px; width:728px; text-align: center;margin:10px auto 10px auto; border:1px dotted #ccc;}
#shareit ul {text-align: center;margin: 0 auto ;padding-left:50px; width:400px; /* 50px par li */}
#shareit ul li {width:40px;float:left; }

span#blogger {height:32px;width:32px;display:block;background: url(../../images/forum/shareit/blogger.png); background-position:0 0;}
span#blogger:hover,span#blogger:active {background-position:0 32px;}

span#delicious {height:32px;width:32px;display:block;background: url(../../images/forum/shareit/delicious.png); background-position:0 0;}
span#delicious:hover,span#delicious:active {background-position:0 32px;}

span#digg {height:32px;width:32px;display:block;background: url(../../images/forum/shareit/digg.png); background-position:0 0;}
span#digg:hover,span#digg:active {background-position:0 32px;}

span#facebook {height:32px;width:32px;display:block;background: url(../../images/forum/shareit/facebook.png); background-position:0 0;}
span#facebook:hover,span#facebook:active {background-position:0 32px;}

span#technorati {height:32px;width:32px;display:block;background: url(../../images/forum/shareit/technorati.png); background-position:0 0;}
span#technorati:hover,span#technorati:active {background-position:0 32px;}

span#twitter {height:32px;width:32px;display:block;background: url(../../images/forum/shareit/twitter.png); background-position:0 0;}
span#twitter:hover,span#twitter:active {background-position:0 32px;}

span#wordpress {height:32px;width:32px;display:block;background: url(../../images/forum/shareit/wordpress.png); background-position:0 0;}
span#wordpress:hover,span#wordpress:active {background-position:0 32px;}

span#blocvide {height:32px;width:32px;display:block;background: #fff;}
span#blocvide:hover,span#blocvide:active {background:#fff;}

span#favoris {height:32px;width:32px;display:block;background: url(../../images/forum/shareit/favoris.png); background-position:0 0;}
span#favoris:hover,span#favoris:active {background-position:0 32px;}

span#rss {height:32px;width:32px;display:block;background: url(../../images/forum/shareit/rss.png); background-position:0 0;}
span#rss:hover,span#rss:active {background-position:0 32px;}

/**/
.pun .blockpost h2 {width:728px;}



/**** Crumbs ****/
#crumbs { height:2.2em;border:1px solid #dedede;margin:0px;}
#crumbs li{ float:left; line-height:2.2em;color:#777; padding-left:.75em;}
#crumbs li a{ background:url(../../images/site/crumbs.gif) no-repeat right center; display: block; padding:0 15px 0 0;}
#crumbs li a:link,#crumbs li a:visited{ color:#777;text-decoration:none;}
#crumbs2 { height:2.2em;border:1px solid #dedede;margin:0px; }
#crumbs2 li{ float:left; line-height:2.2em;color:#777; padding-left:.75em;}
#crumbs2 li a{ background:url(../../images/site/crumbs.gif) no-repeat right center; display: block; padding:0 15px 0 0;}
#crumbs2 li a:link,#crumbs2 li a:visited{ color:#777;text-decoration:none;}




/* view topic */
#box{
	display: block;
	position: relative;
	width: 728px;
	margin: 20px auto;
	border: 1px solid #666;
	-webkit-box-shadow: 0 0px 3px #666;
	-moz-box-shadow:0 0px 3px #666;
	padding:1px;
	background: #ccc;
	
}

section#content{
	display: block;
	position: relative;
	background:#ddd;
	-webkit-box-shadow: 0 0px 5px #333;
	-moz-box-shadow:0 0px 5px #333;
	padding: 20px 20px 0px 10px;
	opacity:1;
	
}



.info {
/*
	float:left;
	width: 13em;
	overflow: auto;
	position: relative;
*/
	float:left;
	width: 13em;
	overflow: hidden;
	position: relative;
	overflow: hidden;	
}

a.halfopac { opacity:0.3;}
a.halfopac:hover {opacity : 1;}

div.thumbOnline img{
	 border: 3px solid #32CD32; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	-webkit-box-shadow: 0 0px 3px #333; -moz-box-shadow:0 0px 3px #333;/* box-shadow:0 0px 3px #333;*/}
div.thumben-ligne img{
	 border: 3px solid #32CD32; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	-webkit-box-shadow: 0 0px 3px #333; -moz-box-shadow:0 0px 3px #333;/* box-shadow:0 0px 3px #333;*/}

div.thumbOffline img{
	 border: 3px solid #B22222; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	-webkit-box-shadow: 0 0px 3px #333; -moz-box-shadow:0 0px 3px #333; /*box-shadow:0 0px 3px #333;*/}
div.thumbhors-ligne img{
	 border: 3px solid #B22222; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	-webkit-box-shadow: 0 0px 3px #333; -moz-box-shadow:0 0px 3px #333; /*box-shadow:0 0px 3px #333;*/}
	
div.msg{
/*
	position: absolute;
	top:10px;right:20px;
	width: 530px; 
	background: #eee;
*/	-webkit-box-shadow: 0 0px 5px #333;
	-moz-box-shadow:0 0px 5px #333;
	min-height: 12em;
/*	height: auto;
*/
	width:98%;
	overflow: hidden;
	padding-bottom: 6px;
 	word-wrap:break-word;
}


.clear{ clear: both; }

span.newtext{ background:url(../../images/forum/icones/newtext.gif) no-repeat center;width:20px; height:14px;display: block; padding:0 0px 0 0; left:0;}

#share { margin-left: 215px;}
span.partager { background:url(../../images/forum/shareit/partager.png) no-repeat left; cursor:pointer; color:#fff; font-weight:bold; float:left; height:17px; width:auto; display: block; background-position:0 0px; padding: 1px 5px 0 10px;}

span.partager a { color:#fff !important; font-weight: bold; text-decoration: none;}
span.partager a:hover,span.partager a:active, span.partager:hover { color:#ff5d00 !important; font-weight: bold; text-decoration: none; background-position:0 -18px; padding-top: 1px;}
span.partager2 { background:url(../../images/forum/shareit/partager2.png) no-repeat left; color:#fff; font-weight:bold; float:left; height:17px; width:auto; display: block; background-position:0 0px; padding:1px 10px 0 0;}
span.partager2:hover,span.partager2:active { color:#ff5d00 !important; font-weight: bold; text-decoration: none; background-position:0 -18px; padding-top: 1px; height:17px;}

.actions {margin-top:20px;}

.signature { float:left; position: absolute; bottom: 12px; border-top: 1px solid #ccc !important; width:500px;}

img { max-width: 98% !important;}

 




/* pagination */
	div.pagination {

		text-align:center;
	}
	
	div.pagination a {
		border: 1px solid #5a98f7;
		background-position:bottom;
		text-decoration: none;
		color: #0061de;
		padding: 4px 6px 4px 9px;
	}
	div.pagination a:hover, div.meneame a:active {
		border: 1px solid #000;
		background-color:#5a98f7;
		color: #fff;
	}
	div.pagination a.current {
		border: 1px solid #fff ! important;
		font-weight: bold;
		color: #ff5d00;
		background-color:#fff;

	}
	div.pagination span.current:hover {
		margin-right:2px;
		font-weight: bold;
		color: #ff5d00;
		background: #fff ! important;
	}


span.desc {/*font-weight: bold;*/ top:-5px;position: relative;}


/* forum viewtopic */
.postlink a {  
     
     color: #eee ! important; background: #666; text-align: center; height: 1.5em;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border: 2px solid #111;z-index: 200; padding: 0 0.5em; line-height: 1.5;
     margin:0 5px; text-decoration: none !important;  
}
.postlink a:hover{  
     
     color: #ff5d00 ! important; background: #222; text-align: center; height: 1.5em;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border: 2px solid #111;z-index: 200; padding: 0 0.5em; line-height: 1.5;
     margin:0 5px; text-decoration: none !important;  
} 

h2 code a {text-decoration: none !important;} 
 
 
/* sitemap */


#sitemap h3 { margin-top:18px;}
#sitemap { margin-left: 10px; }
#sitemap ul li { margin-left: 12px; }
#sitemap ul li li { margin-left: 12px; }
#sitemap a { text-decoration: none; color: #76797c; }
#sitemap a:hover { text-decoration: underline; }
#sitemap2 { margin-left: 10px; }
#sitemap2 h3 { margin-top: 18px; }
#sitemap2 ul li { margin-left: 12px; }
#sitemap2 ul li li { margin-left: 12px; }
#sitemap2 a { text-decoration: none; color: #76797c; }
#sitemap2 a:hover { text-decoration: underline; }
.column { float: left; width: 220px;}
.column.last { width: 180px; margin-left:50px;}
#sitemap2 .fifty {float:left;}

html body #log {
	position:fixed; 
	right:20px; 
	top:100px; 
	background: #222;
	color:#fff;
	border: 2px solid #000;
	-moz-border-radius: 4px ! important; 
	-webkit-border-radius: 4px ! important; 
	line-height: 18px ! important; 
	padding: 0 20px 0 0 ! important; 
	font-size: 12px ! important; 
	outline: 0 ! important;}

#online {cursor: pointer;}

img#signal, img#newmsg, img#allread { margin-top: 5px;}

img.prezman { vertical-align:bottom !important; margin-top: 10px !important;} 
/***** UPLOAD *****/

.swiff-uploader-box a {
	display: none !important;
}

#demo-status {
	padding: 10px 15px;
	width: 420px;
	right:0;
	border: 1px solid #eee;
}

#demo-status .progress {
	background: url(../../images/upload/progress-bar/progress.png) no-repeat;
	background-position: +50% 0;
	margin-right: 0.5em;
	vertical-align: middle;
}

#demo-status .progress-text {
	font-size: 0.9em;
	font-weight: bold;
}

#demo-list {
	list-style: none;
	width: 270px;
	margin: 0;
}

#demo-list li.validation-error {
	padding-left: 44px;
	display: block;
	clear: left;
	line-height: 40px;
	color: #8a1f11;
	cursor: pointer;
	border-bottom: 1px solid #fbc2c4;
	background: #fbe3e4 url(../../images/upload/failed.png) no-repeat 4px 4px;
}

#demo-list li.file {
	border-bottom: 1px solid #eee;
	background: url(../../images/upload/file.png) no-repeat 4px 4px;
	overflow: auto;
}
#demo-list li.file.file-uploading {
	background-image: url(../../images/upload/uploading.png);
	background-color: #D9DDE9;
}
#demo-list li.file.file-success {
	background-image: url(../../images/upload/success.png);
}
#demo-list li.file.file-failed {
	background-image: url(../../images/upload/failed.png);
}

#demo-list li.file .file-name {
	font-size: 0.9em;
	margin-left: 44px;
	display: block;
	clear: left;
	line-height: 30px;
	height: 30px;
	font-weight: bold;
}
#demo-list li.file .file-size {
	font-size: 0.9em;
	line-height: 18px;
	float: right;
	margin-top: 2px;
	margin-right: 6px;
}
#demo-list li.file .file-info {
	display: block;
	margin-left: 44px;
	font-size: 0.9em;
	line-height: 20px;
	clear:left;
}
#demo-list li.file .file-remove {
	clear: right;
	float: right;
	line-height: 18px;
	margin-right: 6px;
}	 


/* RAting */

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating .current-rating{
	background: url(../../images/rating/rating_star.gif) left -1000px repeat-x;
}
ul.star-rating {margin:0 auto;}
.star-rating{
	position:relative;
	width:125px;
	height:20px;
	overflow:hidden;
	list-style:none;
	margin:0 auto;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:20px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* SECOND STAR (ALREADY VOTED */


.star-rating2,
.star-rating2 a:active,
.star-rating2 .current-rating{
	background: url(../../images/rating/rating_star_2.gif) left -1000px repeat-x;
}
ul.star-rating2 {margin:0 auto;}

.star-rating2{
	position:relative;
	width:125px;
	height:20px;
	overflow:hidden;
	list-style:none;
	margin:0 auto;
	padding:0;
	background-position: left top;
}
.star-rating2 li{
	display: inline;
}
.star-rating2 a, 
.star-rating2 .current-rating {
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:20px;
	outline:none;
	overflow:hidden;
	border: none;
	cursor:default;
}

.star-rating2 a.one-star{
	width:20%;
	z-index:6;
}
.star-rating2 a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating2 a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating2 a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating2 a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating2 .current-rating{
	z-index:1;
	background-position: left center;
}


/* END SECOND STAR */

/* for an inline rater */
.inline-rating{
/*	display:-moz-inline-block;
	display:-moz-inline-box;
*/	display:inline-block;
	vertical-align: middle;
}
.voted_twice {
	background: #FFDDDD url(../../images/rating/rating_warning.gif) no-repeat 5px 50%;
	padding:5px 5px 5px 16px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	width:130px;
	font-size:11px;
	}
.voted {
	background: #E7FFCE url(../../images/rating/images/rating_tick.gif) no-repeat 5px 50%;
	padding:5px 5px 5px 16px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	width:130px;
	font-size:11px;
	}
/* The text that displays the rating information */
.rated_text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:5px;
	color:#666;
	}
/* Green text that shows 3.34/5 */
.out5Class {
	color:#00CC00;
	font-weight:bold;
	}
.percentClass {
	/* Insert styles here for the percentage display. Example (74%) */
	}
.votesClass {
	/* Insert styles here for the votes display. Example (2 Votes) */
	}
.topRatedList {
	padding:0;
	margin:0 auto;
	}
.topRatedList li {
	list-style-type:none;
	}





div#mp_bar_ext {
	border: 1px solid #336699;
	width: 100px;
	height: 10px;
	text-align: left;
}
div#mp_bar_int {
	background-color: #336699;
	height: 10px;
}


/************************************************************************************************************************
************************************************************ M E N U ****************************************************
************************************************************************************************************************/

#ajust {margin: 0 auto;width:950px;display: block; text-align:center;margin-bottom:5px;}
#menuhcenter {margin-left: 25px;display: block; text-align:center;}

 #menuh {  
     position:relative;   
     text-align:center;   
     width:940px;
     height:40px;  
     margin:20px auto 0 5px;
     display: block;
 }  
   
 #menuh ul {  
     text-align: center;   
     padding:0;   
     list-style:none;   
     display:block;  
     position:relative;   
     width:940px;
     margin:0 auto;
     z-index:100;  
   
 }  
   
 #menuh ul li {  
     
     color: #eee; background: #222; text-align: center; height: 1.5em; width:99px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border: 2px solid #111;z-index: 200; padding: 0 0.46em; line-height: 1.5;
     margin:0 5px;   
     z-index:75;
     float:left;  
 } 
   
 #menuh #box  {  
 position:absolute;	z-index:150; background: transparent; text-align: center; height: 1.6em; width:100px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border: 1px solid #ff5d00;z-index: 25; padding: 0.2em 0.8em 0em 0.5em; line-height: 1.5; margin:-1px 0 0px -2px; height:21px;
 }  

 #menuh ul li a{ position:absolute;display:block; color:#fff; text-decoration: none; width:105px; z-index: 500;} 
 #menuh ul li a:hover { position:absolute; color:#ff5d00;display:block; text-decoration: none; width:105px; height:1.6em;z-index: 500;} 
 #menuh ul li a span {font-size: 60%; color:#ff5d00; }
 #menuh ul li a span:hover {font-size: 60%; color:#fff; }
 #menuh ul li.selected a{ color:#ff5d00;} 
 #menuh ul li.selected a span{font-size: 60%; color:#fff;} 
 
 
 
 /* Jquery growl */
 
 
div.jGrowl {
	padding: 10px;
	z-index: 9999;
	color: #fff;
	font-size: 12px;
}

/** Normal Style Positions **/
body > div.jGrowl {
	position: fixed;
}

body > div.jGrowl.top-left {
	left: 0px;
	top: 0px;
}

body > div.jGrowl.top-right {
	right: 0px;
	top: 0px;
}

body > div.jGrowl.bottom-left {
	left: 0px;
	bottom: 0px;
}

body > div.jGrowl.bottom-right {
	right: 0px;
	bottom: 0px;
}

body > div.jGrowl.center {
	top: 0px;
	width: 50%;
	left: 25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: auto;
	margin-right: auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: #000;
	opacity: .85;
	width: 700px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	display: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 40px;
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: bold;
	font-size: .85em;
}

div.jGrowl div.jGrowl-notification div.close {
	z-index: 99;
	float: right;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
}

div.jGrowl div.jGrowl-closer {
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: pointer;
	font-size: .9em;
	font-weight: bold;
	text-align: center;
}

/** Hide jGrowl when printing **/
@media print {
	div.jGrowl {
		display: 			none;
	}
}

button.bordure, input[type=button].bordure{
	border: 1px solid #000;
	padding: 0 2px;
	font-weight: bold;
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;

}
button.bordure:hover, input[type=button].bordure:hover {
	border: 1px solid #000 ;
	cursor:pointer;
	background: #222;
	color: #fff;
	padding: 0 2px;
	font-weight: bold;
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;

}

#bordure img{
	border: 3px solid #222;
	margin-top:20px;
	width:174px !important;
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	
}
#bordure img:hover{
	border: 3px solid #222;
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	
}