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

/* A. Les bases													*/

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



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

/* 1. Général 													*/

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



.forum TABLE, .forum DIV, .forum FORM, .forum P, .forum H1, .forum H2, .forum H3,

.forum H4, .forum PRE, .forum BLOCKQUOTE, .forum UL, .forum OL, .forum LI, .forum DL,

.forum DT, .forum DD, .forum TH, .forum TD, .forum FIELDSET, .forum IMG {

	MARGIN: 0px;

	PADDING: 0px;

	FONT-WEIGHT: normal;

	LIST-STYLE: none;

}



.forum IMG {BORDER: none}



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



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

/* 2. Infos de positionnement /!\ Attention						 */

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



.forum .clearer, .forum .nosize {

	HEIGHT: 0;

	WIDTH: 0;

	LINE-HEIGHT: 0;

	FONT-SIZE: 0;

	OVERFLOW: hidden

}



.forum .clearer, .forum .clearb {CLEAR: both}

.forum .nosize {POSITION:absolute; LEFT: -10000px}

.clearest {CLEAR: both; border-bottom:1px solid #F1F1F1; height:10px;}

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

/* 3. Correction de bugs										*/

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



/* 3.1 Corrections pour Gecko (firefox, moz, netscape). */



DIV>DIV.block>DIV>.inbox , DIV>DIV>.block2col, DIV>DIV>DIV.postmain {BORDER-BOTTOM: 1px solid transparent}



/* 3.2 ça c'est pour IE */



/* début du fixe \*/

* HTML .inbox, * HTML .inform, * HTML .forum, * HTML .intd, * HTML .tclcon {HEIGHT: 1%}

/* fin du fixe */



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

/* 4. Elements cachés */

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



/* Elements à cacher, commenter pour les rendre visibles */



#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. Conteners et alignements */

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



/* 5.1. alignements par floats. */  



.conr {

	FLOAT: right;

	TEXT-ALIGN: right;

	CLEAR: right;

	WIDTH: 40%;

}

.conc {

/*	FLOAT: right;*/

	TEXT-ALIGN: left;

	CLEAR: left;

	WIDTH: 40%;

}



.conl {

	FLOAT: left;

	WIDTH: 35%;

	OVERFLOW: hidden;

	WHITE-SPACE: nowrap

}



LABEL.conl {

	WIDTH: auto;

	OVERFLOW: visible;

	MARGIN-RIGHT: 10px

}



/* 5.2 Pagination et liens des posts */



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}



.linkst UL {MARGIN-LEFT: 18em}



/* 5.4 Gestion de profiles.*/



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

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



/* 6.1 La base */



.forum TABLE {WIDTH: 100%}



/* 6.2 Mise en place des tableaux */



#bomaindex TABLE, #vf TABLE {TABLE-LAYOUT: fixed}



.tcl {TEXT-ALIGN: left; WIDTH: 50%}



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



.tcr {WIDTH: 32%; TEXT-ALIGN: left}



#bomasearch #vf .tcl {WIDTH: 41%}



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



.tcl, .tcr {OVERFLOW: HIDDEN}







#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}



/* 6.4 augment la taille des lignes des listings (sauf index) */



#vf TD, #users1 TD, #users2 TD {LINE-HEIGHT: 1.5em}



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

/* 7. Liste des discussions */

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



/* 7.1 La base. */



DIV.postleft, DIV.postfoot P {

	FLOAT:left;

	WIDTH: 18em;

	OVERFLOW: hidden

}





DIV.postright, DIV.postfoot UL, DIV.postfoot DIV {

	BORDER-LEFT-WIDTH: 18em;

	BORDER-LEFT-STYLE: solid

}



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







/*DIV.postfootleft UL, DIV.postfootright UL, DIV.postfootright DIV {PADDING: 10px 6px 5px 6px; }*/

DIV.postfootleft UL, DIV.postfootright UL, DIV.postfootright DIV {PADDING: 0; height:12px; }

/*DIV.postfootleft LI {float:left; PADDING: 0 5px 0 0;}*/



div.postfootright

{

    text-align: right;

	/*BORDER-LEFT-WIDTH: 18em;

	BORDER-LEFT-STYLE: solid;*/

	width:30em;

	float:right;

	padding-right:5px;

	/*padding:0px;*/

	

}



div.postfootleft {

	/*FLOAT:left;*/

	WIDTH: 30em;

	OVERFLOW: hidden;

	padding-left:5px;

}





div > div > div.postfootleft, div > div > div.postfootright

{

    padding-top: 1px;

    margin-top: -1px;

}

/* 7.3 div contenant le post et la div .postright */



DIV.postmsg {WIDTH:98%}



DIV>DIV.postright>DIV.postmsg {BORDER: 1px solid transparent} /*Cures Gecko bug - hopefully */



/* 7.4 overflow et scroll dans les posts. */



DIV.postsignature, DIV.postmsg {OVERFLOW: hidden; padding-bottom:5px;}

DIV.incqbox, DIV.inimgbox {WIDTH:100%; OVERFLOW: hidden}

DIV.scrollbox {WIDTH: 100%; OVERFLOW: auto}

* HTML .imgbox {WIDTH: auto}



/* 7.5 pour la previewpreview */



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



/* 7.6 Ligne de séparation au dessus des signatures */



DIV.postsignature HR {

	MARGIN-LEFT: 0px;

	WIDTH: 200px;

	TEXT-ALIGN: left;

	HEIGHT: 1px;

	BORDER:none

}



/* 7.7 Alignement vertical des smilés */



DIV.postsignature IMG, DIV.postmsg IMG {VERTICAL-ALIGN: middle;}



/* 7.8 Hauteur maximale des résultats de la recherche */



#searchposts DIV.postmsg {HEIGHT: 7em}



/* 7.9 Pour le BBcode [u] */



SPAN.bbu {TEXT-DECORATION: underline}



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

/* 8. Listings */

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



/* 8.1 Affichage horizontal pour les liste (menu de naviation...) */



#onlinelist DD, #onlinelist DT, #brdmenu LI, DIV.linkst LI, DIV.postfoot LI, UL.bblinks LI, DIV.blockpost LI {

	DISPLAY: inline;

	HEIGHT: 0

}



/* 8.2 Puce pour liste des erreurs */



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



/* 8.3 Alignement à droite pour la consultation des users */



#viewprofile DT {TEXT-ALIGN:right}



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

/* 9. Formulaires */

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



/* 9.1 Ajustement des textareas et des champs texts pour coller à la page */



DIV.txtarea {WIDTH: 75%}



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



INPUT.midinput {WIDTH: 50%}



.forum LABEL {DISPLAY:block}



#qjump SELECT {WIDTH: 50%}



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

/* 10. Divers */

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



/* 10.1 Espacement entre les sections d'aide */



#helpfile H2 {MARGIN-TOP: 12px}



/* 10.2 padding */



#helpfile DIV.box {PADDING: 10px}



/* 10.3 autre */



#bomaredirect DIV.block, #bomamaint DIV.block {MARGIN: 50px 20% 12px 20%}



/* 10.4 Messages d'erreur */



#errorconsult {PADDING: 10px; BORDER: 1px solid; TEXT-ALIGN: center; font-weight:bold; font-size:larger; clear:both; margin:10px}

























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

/* B. Couleurs													*/

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



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

/* 1. Couleurs de fonds et textes */

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



/* 1.1 Couleur par défaut */



.forum {COLOR: #333}



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

#adminconsole TD, #adminconsole TH {BORDER-COLOR: #F1F1F1}

/* Gris */



/* 1. 2 Fonds plus sombres */



TD.tc2, TD.tc3, TD.tcmod, #postpreview, #viewprofile DD, DIV.forminfo,

#adminconsole FIELDSET TD, DIV.blockmenu DIV.box, #adstats DD {BACKGROUND-COLOR: #DEDFDF}

/* Gris */



/* 1.3 couleurs pour en-tête principal et barre de navigation */



/*.forum H2, #brdmenu {BACKGROUND-COLOR: #0066B9; COLOR: #FFF}*/

.forum H2, #brdmenu {BACKGROUND-COLOR: #339900; COLOR: #FFF}





/* 1.4 En-tête de tableau */



.forum TH {BACKGROUND-COLOR: #D1D1D1}



/* 1.5 Couleur des textes en fieldset */



/*.forum LEGEND {COLOR: #005CB1}*/

.forum LEGEND {COLOR: #000}





/* 1.6 Textes surlignés */



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



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

/* 2. Couleurs de fonds et textes des posts						*/

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



/* 2.1 La base. */



DIV.blockpost DIV.box, DIV.postright {BACKGROUND-COLOR: #DEDFDF}

DIV.postright, DIV.postfoot UL, DIV.postfoot DIV {BORDER-LEFT-COLOR: #f1f1f1}

DIV.postleft, DIV.blockpost LABEL {BACKGROUND-COLOR: #F1F1F1}



/* 2.2 Fond des en-têtes des posts et des num des post dans discussions */



/*DIV.blockpost H2 {BACKGROUND-COLOR: #006FC9}*/

DIV.blockpost H2 {BACKGROUND-COLOR: #339900}

DIV.blockpost H2 SPAN.conr {COLOR: #AABDCD}



/* 2.3 Ligne au dessus de la signature. La couleur du texte et du fond doivent être identiques */



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



/* 2.4 Messages d'erreur */



#errorconsult {BACKGROUND-COLOR: #CCC; COLOR: #CC0000}



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

/* 3. Couleurs des bordures										*/

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



/* 3.1 Bordures externes */



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

DIV.box {BORDER-COLOR: #339900}



/* 3.2 Bordure du haut identique à celle des en-têtes des posts */



DIV.blockpost DIV.box {BORDER-COLOR: #339900 #339900 #339900}



/* 3.3 Bordures internes des tables. Par défaut TH est identique au fond donc invisible */



/*.forum TD {BORDER-COLOR: #BBCEDE}*/

.forum TD {BORDER-COLOR: #00CC99}

.forum TH {BORDER-COLOR: #D1D1D1}



/* 3.4 Bordures internes des citations, zones de codes... */



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



/* 3.5 Une bordure plus belle sous firefox ;) */



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



/* 3.6 Messages d'erreur */



#errorconsult {BORDER-COLOR: #CC0000}



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

/* 4. Couleurs de liens											*/

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



/* 4.1 Couleur par défaut de tous les liens */



.forum A:link, .forum A:visited {COLOR: #005CB1}

.forum A:hover {COLOR: #B42000}



/* 4.2 Liens pour les en-têtes et le menu */



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

.forum H2 A:hover, #brdmenu A:hover {COLOR: #FFF}



/* 4.3 Pour les sujets clos ou chauds */



A:link.showclosed,  A:visited.showclosed {COLOR: #888}

A:hover.showclosed {COLOR: #AAA}

A:link.showhot,  A:visited.showhot {COLOR: #B42000}

A:hover.showhot {COLOR: #B42000}



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

/* 5. Etat du status du post */

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



/* 5.1 Ce qui apparait à gauche des listes. 

.inew = nouveau post

.iredirect = redirection de forum

.iclosed = sujet fermé

.inormal = rien de particulier. 

Par défaut .inew et .inormal sont les seuls visibles.

*/



DIV.inew, DIV.inormal, DIV.iclosed, DIV.iredirect {

	FLOAT: left;

	MARGIN-TOP: 0.2em;

	MARGIN-LEFT: 0.2em;

	DISPLAY: block;

	BORDER-WIDTH: 0.6em 0.6em 0.6em 0.6em;

	BORDER-STYLE: solid

}



#searchposts DIV.inew, #searchposts DIV.inormal {MARGIN-LEFT: 0}



DIV.iredirect {BORDER-COLOR: #F1F1F1 #F1F1F1 #F1F1F1 #F1F1F1}

DIV.inormal {BORDER-COLOR: #E6E6E6 #DEDEDE #DADADA #E2E2E2}

DIV.inew {BORDER-COLOR: #0080D7 #0065C0 #0058B3 #0072CA}

DIV.iclosed {BORDER-COLOR: #FF3300	#FF0000 #FF0033	#FF3333}



/* 5.2 Création de l'espace nécessaire à l'affichage du status du post */



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

























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

/* C. Spécifique													*/

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















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

/* 2. TEXT  */

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



/* 2.1 Police et taille d'écriture par défaut */



.forum, .forum INPUT, .forum SELECT, .forum TEXTAREA, .forum OPTGROUP {

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}



.forum {FONT-SIZE: 10px}



/* Taille de la police pour IE (option de zoom). Laisser les commentaires \*/

* HTML BODY .forum {FONT-SIZE: 62.5%}

/* fin de définition de la taille */



/* Taille de la police des Tables pour IE5 */

* HTML .forum TABLE {FONT-SIZE: 1em}



/* 2.2 Taille de la police pour les textes préformattés */



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



/* 2.3 Taille de la police pour le titre du forum */



#brdtitle H1 {FONT-SIZE: 1.5em}



/* 2.4 Taille d'éléments textuels particuliers */



.forum H2, #viewprofile DL, #brdmenu, DIV.postmsg P, DIV.forminfo P, #bomainstall DIV.block P, DIV.postsignature,

DIV.linkst LI, P.postlink, DIV.postmsg H4 {FONT-SIZE: 1.1em}



.forum H3, .forum PRE, DIV.postleft DT {FONT-SIZE: 1.2em}



/* 2.5 Taille des textes pour les formulaires. */



.forum TEXTAREA, .forum LEGEND, .forum LABEL, .forum INPUT, .forum SELECT, .forum OPTGROUP {FONT-SIZE: 1.1em}

.forum LABEL INPUT, .forum LABEL TEXTAREA, .forum LABEL SELECT, .forum LABEL OPTGROUP {font-size: 1em}



/* 2.6 Textes en gras */



DIV.postleft DT, DIV.postmsg H4, TD.tcl H3, DIV.forminfo H3, P.postlink, DIV.linkst LI,

.blockmenu LI, #brdtitle H1 {FONT-WEIGHT: bold}





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

/* 3. LIENS */

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



/* 3.1 Pas de soulignement pour certains liens */



.blockpost A:link, .blockpost A:visited, #brdmenu A:link, #brdmenu A:visited, .postlink A:link,

.postlink A:visited, .blockmenu A:link, .blockmenu A:visited {TEXT-DECORATION: none}



/* 3.2 mais pour les aures oui */



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



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

/* 4. Taille et bordure des cellules */

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



/* 4.1 1px solid par défaut */



DIV.box, .forum TD, .forum TH, .forum BLOCKQUOTE, DIV.codebox, DIV.forminfo, DIV.blockpost LABEL {

	BORDER-STYLE: solid;

	BORDER-WIDTH: 1px

}



/* 4.2 Exeption pour le header. */



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



/* 4.3 Bordures des cellules */



.forum TD, .forum TH {

	BORDER-BOTTOM: none;

	BORDER-RIGHT: none

}



.forum .tcl {BORDER-LEFT: none}



/* 4.4 Exception pour les fieldsets sous IE */



DIV>FIELDSET {

	BORDER-STYLE: solid;

	BORDER-WIDTH: 1px

}



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

/* 5. SPACING */

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



/* 5.1 margins de la page */



HTML, BODY {MARGIN: 0; PADDING: 0; background-color:#F5F9AD;}

#bomawrap {margin:12px 20px}



/* 5.2 Espacement vertical entre les éléments des forums */



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

#bomaindex DIV.blocktable, DIV.blockpost {MARGIN-BOTTOM: 6px}

DIV.block2col DIV.blockform, DIV.block2col DIV.block {MARGIN-BOTTOM: 0px}



/* 5.3 Supression des marges */



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

DIV.postlinksb {MARGIN-TOP: -6px}







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

/* 6. Espacement du contenu */

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



/* 6.1 padding par défaut */



DIV.block DIV.inbox, DIV.blockmenu DIV.inbox {PADDING: 3px 6px}

.forum P, .forum UL, .forum DL, DIV.blockmenu LI, .forum LABEL, #announce DIV.inbox DIV {PADDING: 3px 0}

.forum H2 {PADDING: 4px 6px}



/* 6.2 Espacement pour certain éléments */



.forum 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 Espacement horizontal pour certains éléments */



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



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

/* 7. Espacements pour les Tables */

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



.forum TH, .forum TD {PADDING: 4px 6px}

.forum TD P {PADDING: 5px 0 0 0}



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

/* 8. espacements pour les posts */

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



/* 8.1 Espacement à droite et à gauche pour les posts */



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



/* 8.2 Espacement pour les avatars */



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

DD.postavatar {MARGIN-BOTTOM: 5px}



/* 8.3 Espacement pour les signatures */



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



/* 8.4 Espacement pour les zones de code et les citations */



DIV.postmsg H4 {MARGIN-BOTTOM: 10px}

.forum BLOCKQUOTE, DIV.codebox {MARGIN: 5px 15px 15px 15px; PADDING: 8px}

* HTML DIV.imgbox {MARGIN-RIGHT: -18px}

* HTML DIV.imgbox IMG {PADDING-BOTTOM: 18px}



/* 8.5 Espacement pour les bas de posts */



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



/* 8.6 Pour le modérateur */



DIV.blockpost INPUT, DIV.blockpost LABEL {

	PADDING: 3px;

	DISPLAY: inline

}



DIV.postfoot P.multidelete {

	PADDING-TOP: 10px;

	PADDING-BOTTOM: 5px

}



/* 8.7 Pas de padding pour les sauts de lignes dans les posts */



DIV.postmsg P {PADDING: 0}



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

/* 9. Pour les formulaires */

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



/* 9.1 les fieldsets */



DIV.blockform FORM, DIV.fakeform {PADDING: 20px 20px 15px 20px}

DIV.inform {PADDING-BOTTOM: 12px}



/* 9.2 A l'intérieur des fieldsets */



.forum FIELDSET {PADDING: 0px 12px 0px 12px}

DIV.infldset {PADDING: 9px 0px 12px 0}

.forum LEGEND {PADDING: 0px 6px}



/* 9.3 Informations sur le form d'enregistrement */



DIV.forminfo {

	MARGIN-BOTTOM: 12px;

	PADDING: 9px 10px

}



/* 9.4 Lien d'aide pour le BBcode */



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



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



/* 9.5 Alignement horizontal du bouton submit */



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





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

/* 9. Pour les redirections */

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



TABLE.redirectmain {

	border: none;

	width: 100%;

	background-color: #606060;

	font-size:13px;

}

TR.redirecthead { background-color: #339900 }

TD.redirecthead { color: #FFFFFF }

TD.redirectcon1 { background-color: #DEDFDF }