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

html {
font-size:100%;
}

body {
background:#fff;
font:0.875em/1em Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
margin-left:auto;
margin-right:auto;
width:90%;
}

/**************************************************************
 2. Paramètre 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, Geneva, Arial, Helvetica, "Bitstream Vera Sans", 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%;
}

/* 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;
font-size:1.2em;
}

#brdtitle h1 {
font-size:1.4em;
}

/* 8.7 S'assure que les paragraphes dans des posts n'obtiennent aucune remplissage */
div.postmsg p {
line-height:1.4;
padding:0;
}

/* 4.3 Bordures pour les cellules des tableaux */
.pun td,.pun th {
border-bottom:none;
border-right:none;
}

.pun .tcl {
border-left:none;
}

/* 4.4 Réglage spécial pour les jeux de champs afin de préserver ceux par défaut de IE */
div>fieldset {
border-style:solid;
border-width:1px;
}

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

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

/* 6.2 Espacement spécial pour divers éléments */
.pun h1 {
padding:3px 0 0;
}

#brdtitle p {
padding-top:0;
}

#brdtitle {
background:transparent url(../img/forum.png) no-repeat;
background-position:right;
padding:2em;
}

div.linkst {
padding:8px 6px 3px;
}

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

.pun td p {
padding:5px 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;
}

/***************************************************************
 9. Espacement spécial 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 status des posts 
**************************************************************
 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 {
display:block;
float:left;
height:33px;
margin-top:0.1em;
width:22px;
}

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

.pun table,.pun input,.pun select,.pun optgroup,.pun textarea,div.postmsg p.postedit,.pun h2,.pun h4 {
color:#4a526f;
font-size:1em;
}

.pun h3,div.postleft dt {
font-size:1.1em;
}

.pun h2,.pun th,.pun td {
padding:4px 6px;
}

.pun h2 {
background:#f5f5f5;
color:#000;
font-size:1.2em;
}

div.box,.pun td,.pun th,.pun blockquote,div.codebox,div.forminfo,div.blockpost label {
border:1px solid #d5d5d5;
}

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