/****************************************************************/
/* 1. IMPORT DES FEUILLES DE STYLE */
/****************************************************************/
/* Import de la feuille de style de base */
@import url(imports/base.css);
/* Import du thème de couleur */
@import url(imports/Bnbox_cs.css);
/****************************************************************/
/* 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 H3 {FONT-SIZE: 1.1em}

/* 2.4 Texte plus gros pour les objets particuliers */
DIV.postleft DT {FONT-SIZE: 1.1em}
.pun PRE {FONT-SIZE: 1.2em}

/* 2.5 Texte en gras */
DIV.postleft DT, TD.tcl H3, DIV.forminfo H3, .blockmenu LI, #brdtitle H1, .pun SPAN.warntext, .pun P.warntext {FONT-WEIGHT: bold}

/****************************************************************/
/* 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, DIV.forminfo, DIV.blockpost LABEL {
    BORDER-STYLE: solid;
    BORDER-WIDTH: 1px
}
div.box { /* Pour clearer sous les h2 */
clear: left;
margin-left: 20px;
}
	div.blocktable div.box {
	border: 0 none;
	background-image: url(../../document/bnbox/ombre.png);
	background-repeat: repeat-x;
	padding-top: 8px;
	}	
div.blocktable table {
background: url(../../document/bnbox/ombre_bas.png) repeat-x left bottom;
padding-bottom: 8px;
}
th.tcl,th.tc2,th.tc3,th.tcr, th.tcmod {
border: 0 none;
background-color: #13469B;
text-align: center;
font-weight: bold;
color: white;
}
/* 4.2 Réglages spéciaux pour le logo du forum */

#brdwelcome {
BORDER-STYLE: solid;
BORDER-WIDTH: 1px;
background-color : #F1F1F1;
}
#brdwelcome ul.conr li { text-align: right; }

/* 4.3 Bordures pour les cellules des tableaux */

.pun TD, .pun TH {
    BORDER-BOTTOM: none;
    BORDER-RIGHT: none
}
th.tcl, td.tcl {
border-left: 1px solid black;
}
th.tcr, td.tcr,th.tcmod, td.tcmod, td.redirection  {
border-right: 1px solid black;
}
div.intd {
padding-bottom: 8px;
}

/* .pun .tcl {BORDER-LEFT: none} */

/* 4.4 Réglage spécial pour les fieldsets afin de prévenir les défauts d'IE */

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

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


/* 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}
DIV.blockpost {MARGIN-BOTTOM: 6px}
#punindex DIV.blocktable { margin-bottom: 18px; }
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: 0;}
DIV.postlinksb {MARGIN-TOP: 0;}

/* 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, div.blockform div.box {
	background: url(../../document/bnbox/ombre_bas.png) repeat-x left top;
	padding-top: 8px;
	MARGIN-TOP: 12px;
	}
	#brdfooter { 
	background: white url(../../document/bnbox/ombre.png) repeat-x left bottom;
	padding-bottom: 8px;
	}
	#brdstats div.box, #brdfooter div.box {
	border: 0 none;
	margin-left: 0;
	background-color: white;
	}
	div.blockform div.box {
	border: 1px solid black;
	border-top: 0 none;
	}	
#brdstats dl.conl, #brdstats #onlinelist{
text-align: left;
}
#brdstats div.inbox {
background-image: url(../../document/mini_logo_bnbox.gif);
background-repeat: no-repeat;
background-position: 5px 5px;
padding-left: 65px;
}
#brdfooter #searchlinks{
text-align: left;
}
#brdfooter div.conl {
text-align: left;
}
/****************************************************************/
/* 6. ESPACEMENT AUTOUR DU CONTENU */
/****************************************************************/

/* 6.1 Remplissage par défaut des éléments principaux */
DIV.block DIV.inbox {PADDING: 3px 6px}
DIV.blockmenu DIV.inbox {PADDING: 1px;}
.pun P, .pun UL, .pun DL, DIV.blockmenu LI, .pun LABEL, #announce DIV.inbox DIV {PADDING: 3px 0}

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

.pun H1 {PADDING: 3px 0px 0px 0}
#brdtitle P {PADDING-TOP: 0px}
DIV.linkst, DIV.linksb, DIV.postlinksb {PADDING: 0; }
#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: 4px 6px}
.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 {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.postmsg P.postedit { margin-left: 5px; PADDING-TOP: 15px}

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

/* 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
}
/****************************************************************/
/* 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}

/****************************************************************/
/* 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;
    MARGIN-TOP: 0.1em;
    MARGIN-LEFT: 0.2em;
	width: 18px;
	height: 18px;
	background-image: url(../../document/bnbox/pas_nouveau_message.gif);
	background-repeat: no-repeat;
}	
	tr.iclosed div.icon {
	background-image: url(../../document/bnbox/ferme.gif);
	}
div.inew {
	width: 18px;
	height: 18px;
	background-image: url(../../document/bnbox/nouveau_message.gif);
	background-repeat: no-repeat;
}
div.icon_redirection {
	FLOAT: left;
	MARGIN-TOP: 0.1em;
	MARGIN-LEFT: 0.4em;
	width: 10px;
	height: 12px;
	background-image: url(../../document/bnbox/fleche_redirection.gif);
	background-repeat: no-repeat;
}

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}

/* poll*/
table.table_poll {
width: auto; 
text-align: left;
border: 0 none; 
margin-left: auto;
margin-right: auto;
}

IMG.iconetat {
    FLOAT: left;
    MARGIN-TOP: 0em;
    MARGIN-LEFT: -11.8px;
    MARGIN-RIGHT: 0.5em;
    DISPLAY: block;
    BORDER-WIDTH: 0;
}

#punmap dl, #punmap dl a {
color: black;
}

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

p.poll_info {
text-align: center;
clear: left;
margin: 7px;
}
div.poll_question {
float: left;
clear: both;
text-align: right;
width: 50%;
margin: 0.3em;
height: 1.2em;
}
div.poll_result,div.poll_result_yesno {
float: left;
text-align: left;
width: 45%;
margin: 0.3em;
padding: 0;
height: 1.2em;
line-height: 1.2em;
}
	div.poll_result_yesno {
	width: 22%;
	margin-right: 0.1em;
	}
img.poll_bar {
border-right: 2px solid #0066B9; /* teinte plus foncé que la couleur principale du forum */
background-color: #006FC9; /* Couleur principale du forum */
height: 1.2em;
margin: 0;
}

#punadmin div.block div.box, #punadmin div.blockform div.box {
clear: none;
position: relative;
top: 55px;
margin-bottom: 60px;
}

form.nulle {
height: 0;
line-height: 0;
font-size: 0;
margin: 0;
padding: 0;
}

#punviewtopic div.blockpost, #punpms_list div.blockpost {
border: 0 none;
border-bottom: 1px solid black;
margin: 15px auto;
padding: 0;
}	
	#punviewtopic div.blockpost h3, #punpms_list div.blockpost h3 { 
	background: url(../../document/bnbox/titre_h3.png) no-repeat top left;
	border-bottom: 1px solid black;
	height: 40px;
	line-height: 45px;
	margin: 0;
	padding: 0 0 0 30px;
	font-family: tahoma, Verdana, Arial, Serif;
	text-align: left;
	font-weight: bold;
	font-size: 1em;
	color: black;
	}
	#punviewtopic div.blockpost h3 span, #punpms_list div.blockpost h3 span {
	font-size: 0.9em; 
	color: #13469A;
	}
	#punviewtopic div.blockpost h3 span.conr, #punpms_list div.blockpost h3 span.conr {
	float: right;
	padding: 0;
	margin: 0;
	width: auto;
	border: 0;
	}
#punviewtopic div.postleft, #punviewtopic div.postfootleft, #postreview div.postleft, #punpms_list div.postleft, #punpms_list div.postfootleft {
background: white;
float:left;
width: 14em;
overflow: hidden;
border: 0 none;
margin: 0;
padding: 0;
text-align: left;
}
	#punviewtopic div.postleft img, #punpms_list div.postleft img {
	margin: auto;
	}
	#postreview div.postleft {
	background: url(../../document/bnbox/titre_h3.png) no-repeat top left;
	}
		#postreview div.postleft dl {
		margin: 10px 0 0 20px;
		}
	#punviewtopic div.postfootleft img, #punpms_list div.postfootleft img { 
	margin: 0 0 0 5px;
	padding: 0;
	}
#punviewtopic div.postright, #punviewtopic div.postfootright, #punviewtopic div.postsignature, #postreview div.postright, #punpms_list div.postright, #punpms_list div.postfootright, #punpms_list div.postsignature {
background: white;
border-left: 14.5em solid white;
}
	#punviewtopic div.postright, #punpms_list div.postright {
	background: #E0E0E0;
	padding: 6px 6px 0 6px;
	}
	#punviewtopic div.roweven div.postright, #punpms_list div.roweven div.postright {
	background: #F1F1F1;
	}
#punviewtopic div.blockpost div.box, #punviewtopic div.blockpost div.inbox, #postreview div.box, #postreview div.inbox, #punpms_list div.blockpost div.inbox, #punpms_list div.blockpost div.box {
margin: 0;
padding: 0;
background: white;
border: 0 none;
}
	#punviewtopic div.blockpost div.inbox, #punpms_list div.blockpost div.inbox {
	border-left: 2px solid black;
	border-right: 1px solid black;
	}
	#postreview div.box { 
	border: 1px solid black;
	border-top: 0 none;
	border-left: 0 none;
	min-height: 40px;
	margin-top: 10px;
	}
#punviewtopic div.blockpost div.postmsg, #postreview div.postmsg, #punpms_list div.blockpost div.postmsg {
padding: 0.5em 5px 10px 0;
margin: 0;
border: 0 none;
text-align: justify;
font-size: 1.05em;
}
	#punviewtopic div.blockpost div.clearer, #punpms_list div.blockpost div.clearer { margin: 0; padding: 0; }
#punviewtopic div.postsignature, #punpms_list div.postsignature {
border: 0 none;
border-top: 1px solid black;
margin: 0 -6px 0 -6px;
padding: 5px 0 0 0;
text-align: left;
}


#punprofile h2 {
clear: both;
margin: 0;
}
#profile div.blockmenu {
float: none;
width: 100%;
padding: 0;
margin: 0 auto 15px auto;
}
	#profile div.blockmenu ul, #punviewtopic div.blockpost div.postmsg ul {
	font-size: 1em;
	text-align: left;
	margin: 0 0 0 25px;
	padding: 0;
	list-style-type: circle;
	list-style-image: url(../../document/bnbox/puce_jaune.gif);
	list-style-position: inside;
	}
		#profile div.blockmenu ul li {
		margin: 0 10px 0 1px;
		padding-left: 0;
		float: left;
		clear: none;
		list-style-type: circle;
		list-style-image: url(../../document/bnbox/puce_jaune.gif);
		list-style-position: inside;
		}
#punprofile div.blockmenu div.box, #punprofile div.blockmenu div.inbox {
padding: 0;
margin: 0;
background: none;
border: 0 none;
clear: both;
}
#punprofile div.box {
margin: 0 0 25px 2%;
}
#punprofile div.blockform {
margin-left: 0;
}
	#punprofile div.blockform div.box p {
	margin: 5px;
	text-align: justify;	
	}
#punprofile fieldset {
padding: 5px;
}