/* 1. IMPORT DES FEUILLES DE STYLE */
@import url(imports/base.css);
@import url(imports/Oxygen_cs.css);

/* 2. PARAMETRES DU TEXTE */
.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é */
.pun PRE { font-family: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace }

/* 2.3 Taille de police pour les en-têtes */
.pun H3, DIV.postleft DT {font-size: 1.1em}
.pun H3 a:link, .pun H3 a:visited, .pun H3 a:hover, .pun H3 a:active, #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 }
#brdtitle H1 { font-size: 1.4em !IMPORTANT }

/* 2.4 Texte plus gros pour les objets particuliers */
DIV.postmsg P {line-height: 1.4}
.pun PRE { font-size: 1.2em }

/* 2.5 Texte en gras */
DIV.postleft DT, P.postlink, DIV.linkst LI, DIV.linksb LI, DIV.postlinksb LI, .blockmenu LI, .pun SPAN.warntext, .pun P.warntext { font-weight: bold !IMPORTANT }

/* 4. LARGEUR ET MODELE DE BORDURE */
DIV.box, #brdheader DIV.box, #outils img { border: none }
.pun TD, .pun TH, .pun BLOCKQUOTE, DIV.codebox, DIV.forminfo, DIV.blockpost LABEL, DIV > FIELDSET {
    border-style: solid;
    border-width: 1px
}
.pun TD, .pun TH {
    border-bottom: none;
    border-right: none
}
.pun .tcl { border-left: none }
DIV.blocktable, DIV.block, DIV.blockform, DIV.block2col, #postreview { margin-bottom: 12px }
#punindex DIV.blocktable, DIV.blockpost, DIV.postmsg H4 { margin-bottom: 10px }
DIV.block2col DIV.blockform, DIV.block2col DIV.block { margin-bottom: 0 }

/* 6. ESPACEMENT AUTOUR DU CONTENU */
/* 6.2 Espacement spécial pour divers éléments */
DIV.linkst, DIV.linksb, DIV.postlinksb {
    border: 1px solid #ececec;
    border-width: 1px 0;
    margin: 10px 0;
    padding: 10px 0
}
DIV.linkst p, DIV.linksb p, DIV.postlinksb p { margin: 0; padding: 0 }
#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 }
#brdmenu LI { font-weight: normal }

/* 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 posteur et avatar */
DD.usercontacts, DD.postavatar {margin-top: 5px}
DD.postavatar { margin-bottom: 5px }

/* 8.3 Espacement signatures */
DIV.postsignature, DIV.postmsg P.postedit { padding-top: 15px }

/* 8.4 Espacement code et de citation */
.pun BLOCKQUOTE, DIV.codebox {
    margin: 5px 15px 15px 15px;
    padding: 8px
}

/* 8.5 Remplissage pour les liens d'action 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 { 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: 0 }
DIV.inform { padding-bottom: 12px }

/* 9.2 Remplissage des champs */
.pun FIELDSET { margin: 5px; padding: 0 12px 0 12px }
DIV.infldset {padding: 9px 0 12px 0}
.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: 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 */
DIV.icon {
    border-style: solid;
    border-width: 0.6em 0.6em 0.6em 0.6em;
    display: block;
    float: left;
    margin-left: 0.2em;
    margin-top: 0.1em
}
DIV.searchposts DIV.icon { margin-left: 0 }
TD DIV.tclcon { margin-left: 2.3em }

/* 11. OUTILS */
#outils {
    background: transparent url('/images/charte-v2/bg-forum-outils.jpg') no-repeat 0 0;
    height: 85px;
    margin: 0;
    overflow: hidden;
    position: relative;
}
#outils h3 {
    color: #992525;
    font-size: 1.1em;
    font-weight: bold;
    margin: 10px 0 0;
    text-shadow: 0 1px 0 #F1CC5D;
}
#outils h4 {
    color: #333;
    font-size: 1em;
    font-weight: normal;
    margin: 2px 0;
    text-shadow: 0 1px 0 #F1CC5D;
}
#outils p { margin: 0 0 0 5px; padding: 0; }
#outils p input {
    background: transparent;
    border: none;
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 145px
}
#outils p input#btnSubmitForum {
    vertical-align: middle;
    height: auto;
    width: auto
}

#outils ul {
    margin: 0 0 0 15px;
    padding: 0;
}
#outils ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#outils ul li#outils_elig {
    float: left;
    margin: 0;
    padding: 0;
}

/* 7. Messages sans reponses */
#outils ul li.newssansreponse {
    font-size: 0.9em;
    margin: 0 0 0 415px;
    padding: 0;
}

#quickjump {
  border: 1px dotted blue;
  height: 10em;
  overflow-x: hidden;
  overflow-y: scroll;
}
#quickjump ul {
  margin-left: 20px;
  list-style-type: square !important;
}

/* Lien scripté */
#punwrap .LienJavascript { color: #2887CC; }
#punwrap .LienJavascript:hover { text-decoration: underline; }