@import url(imports/base.css);
@import url(imports/Oxygen_cs.css);

.pun,.pun input,.pun select,.pun textarea,.pun optgroup{
	font-family:Arial,Helvetica,FreeSans,sans-serif;
}
.pun{
	font-size:13px;
	line-height:normal;
}

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

.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,
.pun h4{
	font-size:1.5em;
	font-weight:bold;
	margin: 0.75em 0 0.5em;
}
.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; }
div.postleft{ text-align:left; }
.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 */
#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,
td.tcl h3 a:link,
td.tcl h3 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 */
.pun td,
.pun th,
.pun blockquote,
div.codebox,
div.forminfo,
div.blockpost label{
	border-style:solid dotted;
	border-width:1px;
}
div.box{ border:none; }

/* 4.3 Bordures pour les cellules des tableaux */
/* 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.1 Marge des pages */
html,body{
	margin:0;
	padding:0;
}
#punwrap{
	margin:0;
	padding:0;
	width:100%;
}

/* 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,
#punindex div.blocktable,
div.blockpost{
	margin-bottom:15px;
}
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:-10px;
}
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 { padding:3px 6px; }
#brdheader #brdtitle.inbox,
#brdheader #brdmenu.inbox { padding: 0; }
#brdheader #brdmenu.inbox ul { font-size: 14px; padding: 0 0 20px; text-transform: uppercase; }
.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 0 0; }
#brdtitle p{ padding-top:0px; }
div.linkst{ padding:8px 6px 5px; }
div.linksb,
div.postlinksb{
	padding:3px 6px 8px;
}
#brdwelcome,
#brdfooter dl a,
div.blockmenu li,
div.rbox input{
	line-height:1.4em;
}
#viewprofile dt,
#viewprofile dd{
	line-height:2em;
	padding:0 3px;
}

/* 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:5px;
}
.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;
	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;
}

/* 8.6 Ceci est l'entr?e visuelle des mod?rateurs pour supprimer plusieurs sujets */
div.blockpost input,
div.blockpost label{
	display:inline;
	padding:3px;
}
p.multidelete{
	padding-bottom:5px;
	padding-top:15px;
}

/* 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;
}
div.inform{
	padding-bottom:12px;
}

/* 9.2 Remplissage ? l'int?rieur des champs */
.pun fieldset{ padding:0 12px; }
div.infldset{ padding:9px 0 12px; }
.pun legend{ padding:0 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{
	border-style:solid;
	border-width:0.6em;
	display:block;
	float:left;
	margin-left:0.2em;
	margin-top:0.1em;
}
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; }