Debian-facile

Bienvenue sur Debian-Facile, site d'aide pour les nouveaux utilisateurs de Debian.

Vous n'êtes pas identifié(e).

#576 24-02-2014 13:13:42

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian Stretch/Sid/Rc-Buggy
Noyau : Linux (≥ 4.3)
(G)UI : i3-wm (≥ 4.11)
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

@Golgot: j'ai mis à jour tes fichiers pour qu'ils utilisent la police dont tu m'as parlé smile
Je te laisses les récupérer pour repartir depuis les nouvelles versions.

captnfab,
Association Debian-Facile, bépo.
TheDoctor: Your wish is my command… But be careful what you wish for.

Hors ligne

#577 24-02-2014 13:54:49

golgot200
Membre
Lieu : AIN
Distrib. : Debian Jessie
Noyau : Linux debian 3.16.0-4-amd64
(G)UI : MATE
Inscription : 05-08-2007

Re : [concours coopératif] nouveau style DF

Salut captnfab.

Merci ça marche nickel, j'avais pas pigé le truc du enregistrer la page web et la modification a partir des fichiers Golgot200.css et wiki.css. Comme ça local et ligne c'est identique. big_smile

Peux-tu me modifier à la ligne 3 et 4 du wiki.css en mettant:


  margin: -8px 0 0 0;
  padding: 8px 0;
 



Merci smile

C'est pour qu'a la navigation la bannière soit toujours au même niveau.

Dernière modification par golgot200 (24-02-2014 13:56:55)


L'ultime question ... l'intelligence a besoin de la bêtise pour s'affirmer, la beauté a besoin de la laideur pour resplendir, le courage nait dans la peur, les forts impressionnent au millieu des faibles, mais au final,... qui a donc besoin d'autant de connards ?

Hors ligne

#578 24-02-2014 13:57:19

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian Stretch/Sid/Rc-Buggy
Noyau : Linux (≥ 4.3)
(G)UI : i3-wm (≥ 4.11)
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

@Golgot: voilà smile

captnfab,
Association Debian-Facile, bépo.
TheDoctor: Your wish is my command… But be careful what you wish for.

Hors ligne

#579 24-02-2014 14:01:19

golgot200
Membre
Lieu : AIN
Distrib. : Debian Jessie
Noyau : Linux debian 3.16.0-4-amd64
(G)UI : MATE
Inscription : 05-08-2007

Re : [concours coopératif] nouveau style DF

Nickel merci smile

Si quelqu'un trouve pour l'irrégularité de mon shadow du wiki au niveau " vous êtes ici" à gauche du header, je suis preneur. tongue

L'ultime question ... l'intelligence a besoin de la bêtise pour s'affirmer, la beauté a besoin de la laideur pour resplendir, le courage nait dans la peur, les forts impressionnent au millieu des faibles, mais au final,... qui a donc besoin d'autant de connards ?

Hors ligne

#580 24-02-2014 14:12:26

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian Stretch/Sid/Rc-Buggy
Noyau : Linux (≥ 4.3)
(G)UI : i3-wm (≥ 4.11)
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

Pour le shadow, je pense que c'est impossible à arranger, c'est pourquoi je l'avais viré smile

captnfab,
Association Debian-Facile, bépo.
TheDoctor: Your wish is my command… But be careful what you wish for.

Hors ligne

#581 24-02-2014 14:16:52

golgot200
Membre
Lieu : AIN
Distrib. : Debian Jessie
Noyau : Linux debian 3.16.0-4-amd64
(G)UI : MATE
Inscription : 05-08-2007

Re : [concours coopératif] nouveau style DF

Ok, au moins ça c'est clair  smile
Je vais essayer un max le camouflage wink

L'ultime question ... l'intelligence a besoin de la bêtise pour s'affirmer, la beauté a besoin de la laideur pour resplendir, le courage nait dans la peur, les forts impressionnent au millieu des faibles, mais au final,... qui a donc besoin d'autant de connards ?

Hors ligne

#582 24-02-2014 14:29:37

golgot200
Membre
Lieu : AIN
Distrib. : Debian Jessie
Noyau : Linux debian 3.16.0-4-amd64
(G)UI : MATE
Inscription : 05-08-2007

Re : [concours coopératif] nouveau style DF

Une question, les pages jaunies sur mon thème, vous pensez pas qu'il faille les virer ? les laisser blanches. J'avais fait ça pour le repos des yeux hmm

Dernière modification par golgot200 (24-02-2014 14:30:11)


L'ultime question ... l'intelligence a besoin de la bêtise pour s'affirmer, la beauté a besoin de la laideur pour resplendir, le courage nait dans la peur, les forts impressionnent au millieu des faibles, mais au final,... qui a donc besoin d'autant de connards ?

Hors ligne

#583 24-02-2014 14:41:28

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian Stretch/Sid/Rc-Buggy
Noyau : Linux (≥ 4.3)
(G)UI : i3-wm (≥ 4.11)
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

Perso, je trouve que le ce jaune ne va pas très bien avec le bleu, mais ce n'est que mon avis. smile

captnfab,
Association Debian-Facile, bépo.
TheDoctor: Your wish is my command… But be careful what you wish for.

Hors ligne

#584 24-02-2014 17:21:46

golgot200
Membre
Lieu : AIN
Distrib. : Debian Jessie
Noyau : Linux debian 3.16.0-4-amd64
(G)UI : MATE
Inscription : 05-08-2007

Re : [concours coopératif] nouveau style DF

OK, c'est bien ce que je pensais.

Bon, j'ai fais un cache misère pour l'ombre de la documentation et viré les pages jaunies:

Perso.css:


/*****************************************************************
1. INITIAL SETTINGS
 *****************************************************************/

/*Thème Golgot200  
----------------------------------------------------------------*/


html, body {
  margin: 0;
  padding: 10px 0;
  background: url("http://pix.tdct.org/upload/original/1392097871.png") repeat-y center;
  background-repeat: repeat !important;
  color: #666;
}

@font-face {
  font-family:  "VerilySerifMono";
  src: url("Golgot200/VerilySerifMono.otf") format("opentype");
}


#brdtitle h1 {
  display: block;
  background: url("http://debian-facile.org/img/df_bleu_test.png");
  background: url("http://pix.tdct.org/upload/original/1392663748.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 110px;                                                                                              /* HAUTEUR DE L'IMAGE */
  width: 100%;                                                                                                /* LARGEUR DE L'IMAGE */
  text-indent: -200%;
}

#main .block .box .inbox{
  border-bottom: 2px dotted;
  border-left: 2px dotted;
  border-color: #cad7e1;
  padding: 15px;
}

.pun .thanks {
  border: 1px dotted;
  padding: 10px 20px 10px 20px;
  margin: 10px 0 10px 0;
  border-color:#000;
}

/* Poll */
#ap_poll_input {
}

.ap_poll_hidden { display: none; }

fieldset.ap_poll {
  margin-top: 2em;
  padding: 1em;
  background-color: #F6F9FC;
  border: 1px solid #DFE6EE;
}

.ap_poll legend {
  font-weight: normal;
}

.ap_poll p {
  font-weight: bold;
}

.ap_poll table {
  width: auto;
}

.ap_poll th {
  font-weight: normal;
  padding: .5em 1em .5em 0;
}

.ap_poll td {
  padding: .5em 1em;
}

.ap_poll label {

}

.ap_poll .percent {
  text-align: right;
}

.ap_poll .results .bar {
  height: 20px;
  background-color: #44699C;
}

.ap_poll .results .bar .top {
  background-color: #4F78B2;
  width: 100%;
  height: 10px;
}

.ap_poll .total {
  color: #b7b7b7;
  margin-top: .5em;
  font-style: italic;
}



/* Limited Reset
----------------------------------------------------------------*/

html, body, .pun table, .pun div, .pun form, .pun p, .pun h1, .pun h2, .pun h3, .pun h4, .pun h5, .pun pre, .pun blockquote,
.pun ul, .pun ol, .pun li, .pun dl, .pun dt, .pun dd, .pun th, .pun td, .pun fieldset, .pun legend .pun img,
.pun abbr, .pun cite {
  border: 0;
  font-style: bold;
  font-weight: normal;
  margin: 0 0 0 0;                              
  padding: 0;                                                                                          /*PAGE GENERALE REDUITE MAIS PAS SUR */                                
}

.pun ul, .pun ol {
  list-style: none;
}

.pun select {
  padding-bottom: 1px;
  padding-top: 1px;
}

/* Content Defaults
----------------------------------------------------------------*/

.pun {
  font: 0.75em VerilySerifMono, Arial, Helvetica, sans-serif;
  /*box-shadow: 0px 7px 30px LightSlateGray,inset 0 -1px 0 0 ;*/                                  /*SOULEVEMENT DE LA PAGE TOTALE PAR UN HALO LUMINEUX */

}    

.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun legend {
  font-family: VerilySerifMono, Arial, Helvetica, sans-serif;
  font-size: 1em;

}

.pun pre, .pun code {
  font-family: monospace;
  font-size: 1em;
}

.pun pre code {
  font-size: 1em;
}

.pun table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  empty-cells: show;
  width: 100%;

}

.pun h1 {
  font:2.154em/1em VerilySerifMono, "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding: 7px 0;
}

.pun h2, .pun .hd h2 {
  font: 1.462em/1em VerilySerifMono, "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding: 7px 0;
}

.pun h3 {
  font-size: 1.154em;
  line-height: 1.267em;
  padding: 7px 0;
}

.pun h4 {
  font-size: 1.077em;
  font-weight: bold;
  padding: 7px 0;
}

.pun h5, .pun h6 {
  font-size: 1em;
  font-weight: bold;
  padding: 7px 0;
}

.pun p, .pun ul, .pun ol, .pun dl, .pun th, .pun td, .pun legend {
  padding: 7px 0;
}

.pun strong, .pun th, .pun span.warntext, .pun p.warntext {
  font-weight: bold;
}

.pun em {
  font-style: italic;
}

.pun a, .pun a:link, .pun a:visited {
  text-decoration: none;
}

.pun a:hover, .pun a:active, .pun a:focus {
  text-decoration: none;

}

.pun .actions span {
  padding-left: 16px;
  padding-right: 8px;
  background: url(Air/img/bull.png) center left no-repeat;
  display: inline-block;
  line-height: normal;
}

/* Hidden Elements
----------------------------------------------------------------*/

#brdfooter h2, #brdstats h2, #debug h2, #brdstats .conl dt, #brdstats .conr dt, #modcontrols dt,
#searchlinks dt, div.postright h3, .pun .subscribelink span, #announce .hd, #reportform h2, #punmoderate #vf h2,
#punviewforum #vf h2, .pun .required strong span, .pun .icon div {
  display: block;
  overflow: hidden;
  position: absolute;
  text-indent: -9999em;
  width: 0;
}

/* Generic Float Clear
----------------------------------------------------------------*/

.pun .inbox, .pun #brdmain, .pun .crumbs, .pun .pagepost, .pun .block2col {
  min-height: 1px;
}

* html .pun .inbox, * html .pun #brdmain, * html .pun .infldset, * html .pun .crumbs, * html .pun .pagepost, * html .pun .block2col {
  display: inline-block;
}

* html .pun .inbox, * html .pun #bdrdmain, * html .pun .infldset, * html .pun .crumbs, * html .pun .pagepost, * html .pun .block2col {
  display: block;
}

.pun .inbox:after, .pun #brdmain:after, .pun .crumbs:after, .pun .pagepost:after, .pun .block2col:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.pun .block2col .inbox:after {
  content: none;
  clear: none;
}

.clearl {
  clear: left;
}


/*****************************************************************
2. COMMON STYLES
 *****************************************************************/

/* Page Layout
----------------------------------------------------------------*/

.pun {
  padding: 30px 40px;
}

#punredirect, #punmaint {
  padding: 60px 20% 12px 20%;
}

#puninstall, #pundb_update {
  padding: 20px 10%;
}

.pun .punwrap {
  border: 1px solid;
  padding: 0;
}

.pun .top-box {
  height: 0px;
  margin-bottom: 0px;
  position: relative;
  background: url(Air/img/main_top.png) top left no-repeat;
}

.pun .top-box div {
  height: 0px;
  margin-left: 50%;
  background: url(Air/img/main_top.png) top right no-repeat;
}

.pun .end-box {
  /*  margin-top: -17px;*/
  height: 18px;
  position: relative;
  /*  background: url(Air/img/main_end.png) bottom left no-repeat; */
  background: none;
}

.pun .end-box div {
  height: 18px;
  margin-left: 50%;
  /*  background: url(Air/img/main_end.png) bottom left no-repeat; */
  background: none;
}

#punredirect h2, #punmaint h2 {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  margin-bottom: 3px;
}

/* Section Spacing and Borders
----------------------------------------------------------------*/

#brdmain {
  border-style: solid none;
  border-width: 0 0;                                                    /* LE VILAIN TRAIT GRIS-BLEU SOUS LE HEADER CONNECTE EN TANT QUE */
  margin-bottom: 12px;
  padding: 12px 6px;                                                    /* ECARTER DU BORD DE PAGE "MARQUER TOUTES ... DERNIER UTIL... TOUT EN BAS **/


}

#punindex #brdmain {
  padding-top: 24px;
}

#punredirect #brdmain, #punmaint #brdmain {
  border: 0;
  margin: 0;
  padding: 0;
}

#brdstats {
  border-style: solid none none none;
  border-width: 2px 0 0 0;
  margin-top: 24px;
  padding-top: 12px;

}

#brdstats .box{
  padding-top: 12px;



}

#quickpost {
  border-style: solid none none none;
  border-width: 2px 0 0 0;
  margin-top: 12px;
  padding-top: 12px;
}

#announce {
  border-style: solid none none none;
  border-width: 7px 0 0 0;
  padding-top: 3px;
}





/*****************************************************************
3. COMMON BOARD ELEMENTS
 *****************************************************************/

/* Logo, Description and Main Menu
----------------------------------------------------------------*/

#brdtitle h1 {
  padding: 0 0 10px 0;

}

#brddesc {
  background: 426698;
  background-image: linear-gradient(#43689B, #43689B,  #43689B);
  background-image: -webkit-linear-gradient(#43689B, #43689B,  #43689B);
  background-image: -moz-linear-gradient(#43689B, #43689B,  #43689B);
  background-image: -o-linear-gradient(#43689B, #43689B,  #43689B);
  background-image: -ms-linear-gradient(#43689B, #43689B,  #43689B);
  color: rgb(212, 218, 226);
  border-top-style: none;                                                                              /* dotted POINTILLE */
  border-top-width: 3px ;                                                                               /* FEUILLE PERFOREE SOUS BANNIERE */
  padding: 10px 10px;                                                                                  /* DEPLACER BIENVENUE CHEZ DEBIAN FACILE */
  font-size:200%;
  text-shadow: 1px 1px 1px #666, -1px -1px 6px #000, 1px 0 #666, -1px -1px #000;



}

#brddesc p {
  padding: 0;                              
}

#brdmenu ul {
  padding: 0;
}

#brdmenu li {
  float: left;
}

#brdmenu a:link, #brdmenu a:visited {
  border-right-style: solid;
  border-width: 1px;
  display: block;
  min-width: 60px;
  padding: 10px 3px;
  white-space: nowrap;
}

#brdmenu a:hover, #brmenu a:active, #brdmenu a:focus {
  text-decoration: none;
}

/* Welcome Box
----------------------------------------------------------------*/

#brdwelcome {
  background: 312F2F;
  background-image: linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));            
  background-image: -webkit-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -moz-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -o-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -ms-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  color: rgb(255, 255, 255);
  border-color: #44699c;
  color: #d4dae2;
  border-radius: 0 0 0 0;
  padding: 0 0;
  line-height:8px;
  margin: 0 0 0 0;                                                                 /* HEADER ANTHRACITE DESSOUS margin: -6px 2px 0px 2px;  */
  text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.29);
  font-size: 120%;
}

#brdwelcome .conl, #brdwelcome .conr, #brdwelcome p, #brdwelcome li {
  display: inline;
  padding: 6px;
}

#brdwelcome .conl {
  float: left;
}

#brdwelcome .conr {
  float: right;
}

#brdwelcome li span {
  background: url(Air/img/bull.png) center left no-repeat;
  padding-left: 18px;
  margin-right: 3px;
  display: inline-block;
  line-height: normal;
  white-space: nowrap;
}

#brdwelcome .conl li:first-child span {
  padding-left: 0;
  background: none;
}

/* Stats
----------------------------------------------------------------*/

#brdstats .conl {
  float: left;
}

#brdstats .conr {
  float: right;
  text-align: right;
}

#brdstats #onlinelist {
  border-top-style: dotted;
  border-top-width: 1px;
  clear: both;
}

#brdstats #onlinelist dt, #brdstats #onlinelist dd {
  display: inline;
}

/* Footer
----------------------------------------------------------------*/

.pun #modcontrols {
  border-style: none none dotted none;
  border-width: 0 0 1px 0;
  margin-bottom: 4px;
  text-align: center;
  width: 100%;
}

.pun #modcontrols dd {
  display: inline;
}

.pun #brdfooter #modcontrols dd span {
  background: url(Air/img/bull.png) center left no-repeat;
  display: inline-block;
  line-height: normal;
  padding-left: 18px;
  white-space: nowrap;
}

.pun #brdfooter .conl {
  float: left;
}

.pun #brdfooter .conr {
  text-align: right;
  padding: 8px;
  float: right;
}

.pun #brdfooter #poweredby a {
  font-size: 1.077em;
  font-weight: bold;
}

.pun #brdfooter #qjump {
  padding-top: 5px;
}

.pun #brdfooter #qjump * {
  white-space: nowrap;fc-cache -f -v
}

.pun #brdfooter #searchlinks dd span {
  background: url(Air/img/bull.png) center left no-repeat;
  display: inline-block;
  line-height: normal;
  padding-left: 18px;
  white-space: nowrap;
}

.pun #brdfooter #feedlinks {
  padding-bottom: 0;
}

.pun #brdfooter #feedlinks span {
  background: url(Air/img/feed.png) center left no-repeat;
  display: inline-block;
  padding-left: 18px;
  white-space: nowrap;
}

.pun #debugtime {
  border-style: dotted none none none;
  border-width: 1px 0 0 0;
  margin-top: 7px;
  text-align: center;
}

/* Breadcrumbs, Postlink, Pagination
----------------------------------------------------------------*/

.pun .linkst .inbox, .pun linksb .inbox, .pun .postlinksb .inbox {
  overflow: hidden;
}

.pun .linksb, .pun .postlinksb, .pun .linkst, .pun .crumbs {
  clear: both;
  position: relative;
}

.pun .linkst .crumbs {
  font-family: VerilySerifMono, "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.462em;
  line-height: 1.211em;
  padding: 7px 0;
}

.pun .linksb .crumbs, .pun .postlinksb .crumbs {
  font-family: VerilySerifMono, "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.154em;
}

.pun .linkst .crumbsplus .pagepost {
  border-top-style: dotted;
  border-top-width: 1px;
}

.pun .linksb .crumbsplus .pagepost, .pun .postlinksb .crumbsplus .pagepost {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}

.pun .postlinksb .crumbs {
  margin-right: 11em;
}

.pun .crumbs li {
  float: left;
  padding-right: 0.4em;
  white-space: nowrap;
}

.pun .crumbs li strong {
  font-weight: normal;
}

.pun .pagelink {
  float: left;
  white-space: nowrap;
}

.pun .pagelink strong, .pun .pagelink a, .pun .pagelink span.spacer {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  display: inline-block;
  padding: 4px 12px 0 10px;
  margin-right: -6px;
}

.pun .pagelink .item1 {
  border: 0;
}

.pun .pagelink .pages-label {
  display: inline-block;
}

.pun .postlink {
  float: right;
  font-weight: bold;
  text-align: right;
}

.pun .modbuttons {
  float: right;
  padding: 5px 0 3px 0;
}

.pun .modbuttons input {
  margin-left: 8px;
}

.pun .subscribelink {
  position: absolute;
  right: 0;
  text-align: right;
  top: 33px;
}

#punindex .subscribelink {
  top: 0px;
}

#punindex .linksb {
  height: 12px;
}

/*****************************************************************
4. MAIN TABLES
 *****************************************************************/

.pun #brdmain .blocktable {
  position: relative;
}

#punindex #brdmain .blocktable h2, #punsearch #vf h2 {
  font: 1em/1.462em VerilySerifMono, Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 1px 1px 0 1px;
  padding-left: 8px;
  position: relative;
  left: 0;
  white-space: nowrap;
  z-index: 100;
}

#punindex .blocktable th.tcl, #punsearch #vf th.tcl {
  font-size: 0;
  text-indent: -9999em;
}

.pun .blocktable .box {
  border-style: solid;
  border-width: 1px;
  margin-bottom: -1px;
  overflow: hidden;
  position: relative;
}

* html .pun .blocktable .box {
  display: inline-block;
}

.pun .blocktable table {
  table-layout: fixed;
  margin-bottom: -1px;
}

.pun .blocktable th {
  padding: 7px 8px;
  border-style: none none solid none;
  border-width: 1px;
  text-align: left;
}

.pun .blocktable td {
  padding: 7px 8px;
  line-height: 1.3077em;
  border-style: none none solid none;
  border-width: 1px;
  text-align: left;
}

.pun .blocktable h3 {
  font-size: 1.077em;
  font-weight: bold;
  padding: 0;
}

.pun .blocktable p {
  padding: 0;
}

.pun .blocktable .tcl p {
  padding: 5px 0 0 0;
}

.pun .blocktable .tcl {
  width: auto;
}

.pun .blocktable .tc2, .pun .blocktable .tc3, .pun .blocktable .tcmod {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  width: 11%;
}

.pun .blocktable .tcr {
  width: 30%;
}

.pun .blocktable td .newtext, .pun .blocktable td .pagestext, .pun .blocktable td .byuser {
  white-space: nowrap;
}

.pun .blocktable .tcl h3 span.newtext {
  font-size: 0.929em;
  font-weight: normal;
}

.pun #vf td.tcl span.stickytext, .pun #vf td.tcl span.closedtext {
  font-size: 1em;
  font-weight: bold;
}

#punsearch #vf .tc2 {
  padding-left: 8px;
  padding-right: 8px;
  text-align: left;
  width: 18%;
}

#users1 .tcr {
  width: 25%;
}

#users1 .tc2 {
  padding-left: 8px;
  padding-right: 8px;
  text-align: left;
  width: 25%;
}

#debug {
  margin-top: 12px;
}

#debug .tcl {
  width: 10%;
}

#punredirect #debug .tcl, #punmaint #debug .tcl {
  width: 20%;
}

#debug .tcr {
  width: 90%;
  white-space: normal
}

#punindex .tcr .byuser {
  display: block
}

#punindex td.tc2, #punindex td.tc3, #punindex td.tcr, .pun #vf td.tc2, .pun #vf td.tc3,
.pun #vf td.tcr, #punindex td.tcl div.forumdesc, .pun #vf td.tcl span {
  font-size: 0.923em;
}

.pun #vf td.tcl a {
  font-weight: bold;
}

.pun #vf td.tcl span a {
  font-weight: normal;
}

.pun .blocktable .tclcon {
  height: 1%;
  min-height: 1px;
  overflow: hidden;
  padding: 0 11px 0 12px;
  position: relative;
}

.pun .blocktable .tclcon div {
  width: 100%;
  overflow: hidden;
}

.pun .icon {
  border-style: solid;
  border-width: 8px;
  float: left;
  height: 0;
  overflow: hidden;
  width: 0;
}

.pun .iposted .ipost {
  font-weight: bold;
  left: 0;
  padding-left: 4px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 8px;
}

/*****************************************************************
MAIN POSTS
 *****************************************************************/

/* Structure
----------------------------------------------------------------*/

.pun .blockpost {
  border-style: solid;
  border-width: 1px;
  margin-bottom: -1px;
  overflow: hidden;
  position: relative;
}

* html .pun .blockpost {
  display: inline-block;
}

.pun .blockpost h2 {
  font: 1em/1.462em VerilySerifMono, Arial, Helvetica, sans-serif;
  white-space: nowrap;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  height: 1.462em;
  padding: 0.538em 8px 0.538em 236px;
  font-weight: normal;
}

#punsearch .blockpost h2 {
  height: auto;
  padding-left: 36px;
  white-space: normal;
}

#punsearch .blockpost h2 span span {
  white-space: nowrap;
  display: inline-block;
  font: 1.077em VerilySerifMono, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#punsearch .blockpost .icon {
  position: absolute;
  top: 0;
  margin-top: -2.154em;
}

.pun .blockpost h2 .conr {
  float: right;
  text-align: right;
}

.pun .blockpost .inbox {
  float: right;
  position: relative;
  width: 100%;
}

.pun .blockpost .postbody, .pun .blockpost .postfoot {
  border-left-style: solid;
  border-left-width: 1px;
  float: right;
  margin-right: -218px;
  position: relative;
  text-align: left;
  width: 100%;
}

.pun .blockpost .postleft, .pun .blockpost .postfootleft {
  width: 194px;
  padding: 7px 12px 7px 12px;
  float: left;
  margin-left: -218px;
  position: relative;
}

.pun .blockpost .postleft dl {
  padding: 0;
}

#punviewtopic .blockpost dt, #punmoderate .blockpost dt {
  display: block;
  position: absolute;
  padding: 0.538em 0 0.538em 12px;
  height: 1.462em;
  top: -2.615em;
  left: 0;
  overflow: hidden;
  width: 206px;
}

.pun .blockpost dt strong {
  font-size: 1.231em;
  font-weight: bold;
}

.pun .blockpost .postleft dd {
  font-size: 0.923em;
}

.pun .blockpost .postleft .usertitle {
  padding: 4px 0 6px 0;
  font-size: 1em;
}

.pun .blockpost .postleft .postavatar {
  display: block;
  margin: 0 0 4px 0;
}

.pun .blockpost .postright {
  position: relative;
  padding: 4px 230px 7px 18px;
}

.pun .postmsg {
  width:100%;
  overflow: hidden;
  word-wrap: break-word;
}

.pun .blockpost .postfootright {
  position: relative;
  padding: 7px 230px 7px 18px;
  text-align: right;
}

.pun .postfoot p, .pun .postfoot ul {
  padding: 0;
}

.pun .blockpost .postfootright li {
  display: inline;
}

.pun .blockpost .postfootright li span {
  display: inline-block;
  padding-left: 16px;
  margin-left: 8px;
  line-height: normal;
  background: url(Air/img/bull.png) center left no-repeat;
}

.pun .blockpost .usercontacts {
  padding: 7px 0;
}

.pun .blockpost .usercontacts .email {
  background: url(Air/img/email.png) left 65% no-repeat;
  margin-right: 5px;
  padding-left: 21px;
  display: inline-block;
  line-height: normal;
}

.pun .blockpost .usercontacts .website {
  background: url(Air/img/ext.png) left 65% no-repeat;
  padding-left: 18px;
  display: inline-block;
  line-height: normal;
}

.pun .postsignature hr {
  border:none;
  height: 1px;
  margin-left: 0;
  text-align: left;
}

/* Content (includes other user content)
----------------------------------------------------------------*/

.pun .usercontent {
  padding: 7px 0;
}

.pun .postmsg p, .pun .postmsg li, #punhelp p samp {
  font-family: VerilySerifMono, Verdana, Arial, Helvetica, sans-serif;
}

.pun .usercontent h1, .pun .usercontent h2, .pun .usercontent h3,
.pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 {
  padding: 7px 0 0 0;
}

.pun .postmsg h5, #punhelp h5 {
  font-size: 1.231em;
  font-weight: bold;
  padding: 7px 0;
}

.pun .usercontent ul, .pun .postmsg ul {
  list-style: disc;
  padding: 4px 13px 4px 30px;
}

.pun .usercontent ol, .pun .postmsg ol {
  list-style: decimal;
  padding: 4px 13px 4px 30px;
}

.pun .usercontent ol.alpha, .pun .postmsg ol.alpha {
  list-style: lower-alpha;
}

.pun .usercontent li, .pun .postmsg li {
  padding: 0 3px;
}

.pun .usercontent li p, .pun .postmsg li p {
  padding: 0;
}

.pun span.bbu {
  text-decoration: underline;
}

.pun span.bbs, .pun del {
  text-decoration: line-through;
}

.pun .postmsg ins, #punhelp samp ins {
  text-decoration: none;
}

.pun .blockpost .postmsg .postedit {
  font-size: 0.857em;
}

.pun .blockform .postsignature, .pun .blockpost .postsignature {
  font-size: 0.923em;
}

.pun .codebox {
  border-style: solid;
  border-width: 1px;
  margin: 0.75em 1em;
  padding: 0;
}

.pun .quotebox {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  margin: 0.75em 1em;
  padding: 0 0.75em;
}

.pun .quotebox cite {
  display: block;
  padding: 0.75em 0 0 0;
  font-weight: bold;
  line-height: 1.462em;
}

.pun .quotebox blockquote {
  overflow: hidden;
  width: 100%;
}

.pun .codebox pre {
  overflow-y:hidden;
  overflow: auto;
  width: 100%;
  direction: ltr;
  text-align: left;
}

* html .pun .codebox pre {
  padding-bottom: 10px;
}

*:first-child+html .pun .codebox pre {
  padding-bottom: 10px;
}

.pun .codebox pre code {
  padding: 0.75em;
  white-space: pre;
}

.pun div[class*=codebox] pre code {
  display: inline-block;
}

* html .pun .codebox pre code {
  display: block;
}

.pun .codebox pre.vscroll {
  height: 32em;
  overflow: auto;
  overflow-y: auto
}

.pun .postmsg img, #punhelp samp img {
  vertical-align: text-top;
}

.pun .postmsg .postimg img {
  max-width: 98%;
  vertical-align: middle;
  margin: 7px 0.5em 7px 0;
}

.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
  border-style: solid;
  border-width: 2px;
}

/*****************************************************************
MAIN FORMS
 *****************************************************************/

#punedit .blockform h2, #punpost .blockform h2, #postpreview h2, #posterror h2,
.pun #quickpost h2, .pun #reportform h2, #pundelete .blockform h2 {
  font: 1em/1.462em VerilySerifMono, Arial, Helvetica, sans-serif;
  font-weight: bold;
  white-space: nowrap;
  padding: 10px 19px 4px 37px;
  border: 0;
}

#punpost .blockform h2, #punedit .blockform h2,.pun #quickpost h2,
#pundelete .blockform h2 {
  margin: 1px 1px 0 1px;
  width: 25em;
  position: absolute;
  z-index: 100;
}

.pun #quickpost legend, #punpost legend, #punedit legend {
  width: 25em;
  overflow: hidden;
  white-space: nowrap;
}

.pun .blockform .box {
  border-style: solid;
  border-width: 1px;
  padding-bottom: 12px;
}

.pun #posterror {
  border-style: solid;
  border-width: 1px;
}

.pun #posterror .box {
  padding: 0 18px 12px 18px;
}

* html .pun .blockform .box, * html .pun #posterror {
  display: inline-block;
}

.pun .blockform .forminfo, .pun .error-info {
  padding: 12px 18px;
  border-style: solid;
  border-width: 1px;
  position: relative;
}

.pun .blockform .forminfo {
  margin-top: 12px;
}

#pundelete .blockform .forminfo {
  margin-top: 33px;
}

.pun .forminfo h3 {
  padding-bottom: 0;
}

.pun .error-list li {
  padding-left: 24px;
  background: url(Air/img/exclaim.png) center left no-repeat;
}

.pun .inform {
  padding: 0 18px;
}

.pun legend {
  font-weight: bold;
  padding: 10px 19px 4px 19px;
}

* html .pun legend {
  margin-left: -7px;
}

*:first-child+html .pun legend {
  margin-left: -7px;
}

.pun .infldset {
  border-style: solid;
  border-width: 1px;
  padding: 12px 18px;
}

#punregister #rules .infldset {
  padding: 5px 18px;
}

.pun fieldset p {
  padding: 0 0 7px 0;
  width: 100%;
}

.pun fieldset .usercontent p {
  padding: 7px 0;
}

.pun fieldset label {
  display: block;
  padding: 0 0 7px 0;
}

.pun label em {
  font-weight: normal;
  font-style: normal;
}

.pun .required strong {
  background: url(Air/img/asterisk.png) center right no-repeat;
  font-weight: normal;
  padding-right: 14px;
  white-space: pre;
  display: inline-block;
  line-height: normal;
}

.pun label input, .pun label select, .pun label textarea {
  margin-top: 2px;
}

.pun label.conl {
  display: inline-block;
  padding-right: 12px;
}

.pun form .buttons {
  padding: 8px 19px 8px 34px;
  margin-bottom: -12px;
}

.pun .blockform .buttons input {
  margin-right: 12px;
}

.pun .rbox {
  padding: 3px 0;
}

.pun .rbox label {
  padding: 3px 0 3px 1.75em;
  position: relative;
  min-height: 1px;
}

* html .pun .rbox label {
  text-indent: -3px;
  height: 1%;
}

.pun .rbox input {
  margin: 3px 0.75em 3px -1.75em;
  float: left;
  position: relative;
  vertical-align: middle;
  padding: 0;
  height: 1em;
  width: 1em;
}

.pun input[type=text], .pun select, .pun textarea {
  font-family: VerilySerifMono, Verdana, Arial, Helvetica, sans-serif;
}

.pun .txtarea textarea, .pun input.longinput {
  width: 98%;
}

.pun #quickpost .txtarea {
  padding-right: 12px;
  position: relative;
}

.pun .blockform .bblinks {
  padding-top: 0;
}

.pun .blockform .bblinks li {
  display: inline;
}

.pun .blockform .bblinks li span {
  background: url(Air/img/help.png) center left no-repeat;
  margin-right: 8px;
  padding-left: 20px;
  display: inline-block;
}

.pun #quickpost .bblinks {
  padding-top: 0;
}

.pun #quickpost .bblinks li {
  display: inline;
}

.pun #login p.clearb {
  border-top-style: dotted;
  border-top-width: 1px;
  font-size: 0;
  height: 0;
  line-height: 0;
  margin-top: 7px;
  overflow: hidden;
  padding-bottom: 3px;
  padding-top: 7px;
  text-indent: -9999em;
  width: 100%;
}

.pun #postreview {
  padding-top: 12px;
}

.pun #postpreview, .pun #posterror {
  margin-bottom: 12px;
}

.pun #postpreview .postright {
  padding: 0;
}

.pun #postpreview .postbody {
  border-style: solid;
  border-width: 1px;
  float: none;        
  -moz-box-shadow: 5px 5px 2px rgba(0,0,0,0.2);                        /* GAUCHE DROITE ---- HAUT BAS ---- FLOU GAUSSIEN ---- CONTOUR  */
  -webkit-box-shadow: 5px 5px 2px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 2px rgba(0,0,0,0.2);
  margin: 0 18px 12px 18px;
  padding: 0;
  padding: 4px 18px 4px 18px;
  width: auto;
}

.pun span.email {
  background: url(Air/img/email.png) left 65% no-repeat;
  margin-right: 5px;
  padding-left: 21px;
  display: inline-block;
  line-height: normal;
}

.pun span.website {
  background: url(Air/img/ext.png) left 65% no-repeat;
  padding-left: 18px;
  display: inline-block;
  line-height: normal;
}

#punmisc #rules .box {
  border-style: solid;
  border-width: 1px;
  padding: 5px 18px;
}


#punhelp .box {
  border-style: solid;
  border-width: 1px;
  padding: 7px 12px;
}

.pun .multiselect {
  float: left;
  padding-bottom: 7px;
}

.pun .checklist {
  border-width: 1px;
  border-style: solid;
  max-height: 9em;
  width: 20em;
  overflow: auto;
  padding: 0.25em 0.5em;
  margin: 0.25em 16px 0 0.15em;
}

.pun .checklist legend {
  padding: 0;
}

.pun .checklist legend span {
  width: auto;
  max-width: 25em;
}

.pun .checklist .checklist-item {
  position: relative;
}

.pun .checklist .checklist-item label {
  padding: 0 0 0 1.75em;
}

.pun .checklist .checklist-item .fld-input {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
}

.pun .checklist .checklist-item input {
  margin: 0;
  height: 1.55em;
  width: 1.55em;
}

/*****************************************************************
PROFILES (+ ADMIN MENU)
 *****************************************************************/

/* Profile / Admin
----------------------------------------------------------------*/

.pun .blockmenu {
  width: 13em;
  float: left;
  padding-bottom: 12px;
}

.pun .block2col .blockform, .pun .block2col .block {
  margin-left: 15em;
}

.pun .blockmenu .block2 {
  padding-top: 19px;
}

.pun .blockmenu ul {
  border-top-style: dotted;
  border-top-width: 1px;
  padding: 0;
}

.pun .blockmenu li {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  font-weight: bold;
  padding: 0;
}

.pun .blockmenu a:link, .pun .blockmenu a:visited {
  display: block;
  padding: 9px 6px 3px 6px;
  min-height: 1px;
  text-decoration: none;
}

* html .pun .blockmenu a:link,  * html .pun .blockmenu a:visited {
  height: 1%;
}

.pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus {
  text-decoration: none;
}

#viewprofile .box {
  border-style: solid;
  border-width: 1px;
  padding-bottom: 18px;
}

#viewprofile dt, #adstats dt {
  padding: 7px 0;
  position: absolute;
  width: 13em;
  left: 0;
}

#viewprofile dl {
  border-style: solid none none none;
  border-width: 1px;
  margin: 7px 0;
  padding: 0;
  width: 100%;
  position: relative;
}

#adintro, #adstats {
  border-style: solid;
  border-width: 1px;
  padding: 18px;
}

#adintro li span {
  display: inline-block;
  padding-left: 16px;
  margin-left: 8px;
  line-height: normal;
  background: url(Air/img/bull.png) center left no-repeat;
}

#adstats .inbox, #adintro .inbox {
  border-style: solid;
  border-width: 1px;
  padding: 18px;
}

#adstats dl {
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
}

#viewprofile dd, #adstats dd {
  border-style: none none solid none;
  border-width: 1px;
  padding: 7px 0 7px 13em;
}

/*****************************************************************
COLOUR SCHEME
 *****************************************************************/

/* Basic defaults and Common Items
----------------------------------------------------------------*/

html, body, .pun {
  /* background: #E8E8E8;*/                                                                                                          /* COULEUR DU FOND PRINCIPAL #f6f9fc */
  /* background-image:linear-gradient(#F6ECD4, #f6f9fc, #F6ECD4);*/
  /* background-image:url('/home/patrick/Shine-Dotted-Grey-Seamless-Pattern-For-Website-Background.jpg'); */
  /* background-image:url('http://pix.tdct.org/upload/original/1391818179.jpg');*/
  color: #333;                                                                                                                    /* BAS DE PAGE */
}

.pun .punwrap {
  background: #E8E8E8;
  background-image:url('http://pix.tdct.org/upload/original/1391818179.jpg');
  /* border-color: #cad7e1; */
  border: none;
  color: #2C466C;                                                   /* LA PETITE BARRE CHIANTE BLEUATRE #566579 SOUS UTILISATEURS CONNECTES & COULEUR POLICE PRICIPALE */
}

#brdtitle #brddesc, .pun .pagepost, #brdstats #onlinelist, #brdfooter #searchlinks, #brdfooter #modcontrols,
#punmaint h2, #punredirect h2, #adminconsole .submittop, .pun #debugtime, .pun .pagelink a, .pun .pagelink * {
  border-color: #b9c5ce;
  font-family: VerilySerifMono, "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.pun a, .pun a:link, .pun a:visited {
  color: #2365B0;
}

.pun a:hover, .pun a:active, .pun a:focus {
  color: #004687;
}

.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
  border-color: #22538a;
}

.pun .postmsg .postimg a:hover img, .pun .postmsg .postimg a:active img, .pun .postmsg .postimg a:focus img {
  border-color: #b50000;
}

/* Primary Navigation
----------------------------------------------------------------*/

#brdmenu {
  background: #312F2F;
  background-image: linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -webkit-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -moz-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -o-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -ms-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  color: rgb(255, 255, 255);
  background-size: 98px 3px, 18px 2px;
  border-color: #44699c;
  color: #C1D3DF;
  box-shadow:  0 0 6px rgba(0,0,0,.1) inset;
  border-radius: 0 0 0 0 ;
  padding: 8px;
  margin: -6px 0 0 0;  
  text-shadow: 0 0 #666, 0 1px #000;                        /* OMBRE POUR LE TEXTE PAS MAL MAIS ? */
  /*text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.29);*/

}

#brdmenu a, #brdmenu a:link, #brdmenu a:visited {
  background: #43689B;
  background-image: linear-gradient(#78ABF0, #2C466C, #2C466C, #44699c);
  background-image: -webkit-linear-gradient(#78ABF0, #2C466C, #2C466C, #44699c);
  background-image: -moz-linear-gradient(#78ABF0, #2C466C, #2C466C, #44699c);
  background-image: -o-linear-gradient(#78ABF0, #2C466C, #2C466C, #44699c);
  background-image: -ms-linear-gradient(#78ABF0, #2C466C, #2C466C, #44699c);
  height: 40px;                                                                                          /* TAILLE DES BOUTONS EN HAUTEUR */
  border-radius: 0 0 7px 7px;                                                                            /* BOUTONS COINS ARRONDIS SUR LE BAS */
  margin-right: 1px;                                                                                     /* ESPACE ENTRE LES BOUTONS */
  margin-top:4px;                                                                                        /* ESPACE ENTRE DEUX RANGEES DE BOUTONS SI BASSE RESOLUTION */
  /*border-color: #44699c; */                                                                            /* ASSOMBRIR AUTOUR DES BOUTONS */  
  color: #d4dae2;                                                                                        /* COULEUR BLANCHE POUR LE TEXTE DES BOUTONS */
  /*box-shadow: 0 0 2px #000000;*/
  text-align: center;
  line-height: 29px;
  right: 7px;                                                                                            /* DEPLACER LE GROUPE DE BOUTONS VERS LA DROITE */
  top: -11px;                                                                                            /* DEPLACER LE GROUPE DE BOUTONS VERS LE BAS */

  box-shadow:
  0 0 0 0 #1E1E1E,                                                                                        /* GAUCHE DROITE ------ HAUT BAS------ FLOU ------- EPAISSEUR CONTOUR */
  0 0 0 0 #34527D;                                                                                        /* #6D91C8 */
  font-size: 1.154em;
  position: relative;
}

#brdmenu a:hover, #brdmenu a:active, #brdmenu a:focus {
  /* background-image:linear-gradient(#ffffff, #2C466C, #44699c); */
  background: #5C89C8;
  background-image: linear-gradient(#2C466C, #44699c, #44699c);
  background-image: -webkit-linear-gradient(#2C466C, #44699c, #44699c);
  background-image: -moz-linear-gradient(#2C466C, #44699c, #44699c);
  background-image: -o-linear-gradient(#2C466C, #44699c, #44699c);
  background-image: -ms-linear-gradient(#2C466C, #44699c, #44699c);
  height: 40px;
  border-radius: 0 0 7px 7px;                                                                            /* BOUTONS COINS ARRONDIS SUR LE HAUT */
  margin-right: 1px;
  margin-top:4px;
  padding-bottom: 8px;                                                                                   /* IMPRESSION D'ENFONCEMENT DES BOUTONS */
  /* transition: all 0.1s; */                                                                            /* ENFONCEMENT DES BOUTONS AVEC RALENTI */
  /* border-color: #44699c; */
  color: #d4dae2;
  /* box-shadow: 0 0 2px #000000; */
  box-shadow: 0 7px 5px CornflowerBlue,inset 0 -1px 0 0 lightgreen;                                       /* LUMIERE */
  /* text-decoration: blink; */                                                                           /* EFFET DE CLIGNOTEMANT APPROCHE SOURIS */
  /* font-size: 1.264em; */                                                                               /* EFFET LOUPE A L'APPROCHE DE LA SOURIS */
  /* right: -40px; */                                                                                     /* DEPLACER LE GROUPE DE BOUTONS VERS LA DROITE */
  top: -8px;                                                                                             /* DEPLACER LE GROUPE DE BOUTONS VERS LE BAS */
}

/* Main Tables LES PAGES DU FORUM
----------------------------------------------------------------*/

.pun .blocktable .box {
 
   background: #fff;

  /*background: #F7F0DE;*/                                                                                    /* COULEUR DES PAGES DU FORUM AU CAS OU */                                
  /*background-image:linear-gradient(#F6ECD4, #fcfdfe);*/
  /*background-image: -webkit-linear-gradient(#F6ECD4, #fcfdfe);*/
  /*background-image: -moz-linear-gradient(#F6ECD4, #fcfdfe);*/
  /*background-image: -o-linear-gradient(#F6ECD4, #fcfdfe);*/
  /*background-image: -ms-linear-gradient(#F6ECD4, #fcfdfe);*/
 
  border-color: #b9c5ce #d9e1e7 ;
  border-radius: 3px;                
  border-style: none;
  border-width: 1px 2px 1px 2px;
  -moz-box-shadow: 0 5px 2px rgba(0,0,0,0.2);                                                             /* GAUCHE DROITE ---- HAUT BAS ---- FLOU GAUSSIEN ---- CONTOUR */
  -webkit-box-shadow: 0 5px 2px rgba(0,0,0,0.2);
  box-shadow: 0 5px 2px rgba(0,0,0,0.2);
}

#punindex .blocktable h2, .pun #vf h2 {
  color: #357082;
}

#adminconsole fieldset th, #adminconsole fieldset td {
  background: #f6f9fc;
  border-color: #dfe6ee;
}

.pun #users1 h2 {
  background: #fff;
}

.pun .blocktable td {
  border-color: #978966;   /* LES LIGNES */
}

.pun .blocktable th {
  background: #43689B;                                                                                       /* LES BANDEAUX DES PAGES FORUM AU CAS OU */
  background:-moz-linear-gradient(top, #638FCB 5%, #43689B 100%);
  background:-webkit-linear-gradient(top, #638FCB 5%, #43689B 100%);
  background:-o-linear-gradient(top, #638FCB 5%, #43689B 100%);
  background:-ms-linear-gradient(top, #638FCB 5%, #43689B 100%);
  background:linear-gradient(to bottom, #638FCB 5%, #43689B 100%);
  border-color: #426799;
  color: #fff;
  text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.29);
}

.pun .blocktable td.tcl span.stickytext {
  color: #3399CC;
}



/* Main Posts
----------------------------------------------------------------*/


.pun .blockpost {
  background: #f6f9fc;
  border-color: #b9c5ce #d9e1e7;
}

.pun .blockpost h2 {
  background: #ebf1f5;
  border-color: #cad7e1;
  color: #357082;
}

.pun .blockpost .postbody, .pun .blockpost .postfoot {
  background: #fcfdfe;
  border-color: #dfe6ee;
}

.pun .blockpost .postfootright li {
  color: #fcfdfe;
}

.pun .postmsg, #punhelp code, #punhelp samp {
  color: #333;
}

.pun .postsignature, .pun .postmsg .postedit {
  color: #566579;
}

.pun .quotebox {
  background: #fff;                                                                                        /* LES PETITES FENETRES DANS LES NEWS */
  box-shadow:2px 2px 2px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.1) inset;
  color: #747D8B;
  border-color: #6B564F;
  border-radius: 2px 2px 2px 2px;
}

.pun .quotebox cite {
  color: #357082;
}

.pun .codebox, #punhelp .codebox code {
  background: #333;
  color: #fff;
}

.pun .postmsg hr {
  background: #b9c5ce;
}

.pun .postmsg ins, #punhelp samp ins {
  background-color: #ff0;
}

/* Main Forms + Profile
----------------------------------------------------------------*/

.pun .blockform .box, #adstats, #adintro, #postpreview, #posterror {
  border-color: #b9c5ce #d9e1e7;
  background: #ebf1f5;
}

#punmisc #rules .box, #punhelp .box {
  border-color: #b9c5ce #d9e1e7;
  background: #f6f9fc;
}

.pun #quickpost h2, #punpost .blockform h2, #punedit .blockform h2, #posterror h2,
#pundelete .blockform h2 {
  background: #ebf1f5;
  color: #357082;
}

.pun .forminfo {
  background: #fff;
  border-color: #dfe6ee;
}

#puninstall form#install .forminfo {
  background: #44699c;
  color: #fff;
}

.pun #posterror .error-info {
  background: #ffffe1;
  border-color: #dfe6ee;
}

#puninstall form#install .error-info {
  background: #ffffe1;
  border-color: #dfe6ee;
  color: #333;
}

.pun .infldset, #adintro .inbox, #adstats .inbox {
  background: #f6f9fc;
  border-color: #dfe6ee;
}

.pun label, .pun legend, #adminconsole fieldset th {
  color: #357082;
}

.pun fieldset p {
  border-color: #b9c5ce;
}

.pun .blockmenu ul, .pun .blockmenu li {
  border-color: #b9c5ce;
}

.pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus {
  background: #ffffe6;
}

.pun .blockmenu .isactive a:link, .pun .blockmenu .isactive a:visited {
  color: #333;
  background: #f6f9fc;
}

.pun #viewprofile .box {
  border-color: #b9c5ce #d9e1e7;
  background: #ebf1f5;
}

.pun #viewprofile dt, #adstats dt {
  color: #357082;
}

.pun #viewprofile dl, .pun #viewprofile dd, #adstats dl, #adstats dd {
  border-color: #dfe6ee;
}

#adminconsole fieldset td.nodefault {
  background: #d59b9b;
}

.pun .multiselect {
  color: #357082;
}

.pun .checklist {
  background: white;
  border-color: #ccc;
}

/* Status Indicators PETITS CARRES DE STATUS
----------------------------------------------------------------*/

.pun .icon {
  background-image: url("http://pix.tdct.org/upload/original/1392185868.png");
  border-color: #AFA794 #d4d9dd #dfe3e8 #AFA794;
  width: 16px;
  height: 16px;
  border-width: 1px;

}

.pun .iredirect .icon {
  border-color: #b9c5ce;
  border-width: 1px;
  padding: 7px;
}

.pun .inew .icon {
  background-image: url("http://pix.tdct.org/upload/original/1392186760.png");
  border-color: #AFA794 #d4d9dd #dfe3e8 #AFA794;
}

div.pun {
  max-width: 115em;
  width: 90%;                                                                                         /* LARGEUR DE LA PAGE WEB */
  height: 100%;
  margin: 10px auto;
  padding: 0 0;
  border-radius: 0px;
  /*border: solid 6px;*/
  border-color: #ffffff #C5C3BF #777777 #C5C3BF;
  /*box-shadow: 3px 3px 40px 7px LightSlateGray,inset 0 -1px 0 0  ; */
  box-shadow: -7px 30px 10px 7px #8C8C8C;
  /*box-shadow:0 0 10px 4px #0000FF , 0 0 20px 30px #008000, 30px 0 20px 30px #FF1493, -30px -30px 20px 30px #FF4500;*/
}


/* Intégration du code source
----------------------------------------------------------------*/

.pun .geshicodebox {
  overflow-y:auto;
  overflow: auto;
  width: 95%;
  direction: ltr;
  text-align: left;
  font-size: 10pt;
  max-height: 22em;
  white-space: nowrap;
  padding: 1em;
  background-color: rgb(251, 250, 249);
  color: black;
  margin: 0.5em;
  border-color: rgb(85, 85, 85);
  box-shadow: 0 0 5px rgb(187, 187, 187) inset;
  margin-left: 1em;
}

.pun div.code_root {
  margin-left: 0.5em;
  border-color: rgb(170, 85, 85) rgb(170, 85, 85) rgb(170, 85, 85) rgb(170, 0, 0);
  box-shadow: 0 0 5px rgb(170, 136, 136) inset;
  border-left: 0.5em solid rgb(170, 0, 0);
}

.pun div.code_user {
  margin-left: 0.5em;
  border-color: rgb(85, 85, 85);
  box-shadow: 0px 0px 5px rgb(187, 187, 187) inset;
  border-left: 0.5em solid rgb(85, 85, 85);
}

.pun div.code_root:before, .pun div.code_user:before {
  border-bottom: 0px dotted black;
  margin: -1em -1em 0 -1em;
  padding: 0.1em 0.5em 0.5em 0.5em;
  margin-bottom: 0.5em;
  height: 1em;
  text-align: left;
  display: block;
  font-size: small;
  font-style: italic;
}
.pun div.code_root:before {
  content: "en root";
  background: url(/images/root.png) no-repeat right;
  background-size: contain;
}
.pun div.code_root:hover:before {
  content: "Ce code doit être entré dans un shell super-utilisateur.";
}

.pun div.code_user:before {
  content: "en user";
  background: url(/images/user.png) no-repeat right;
  background-size: contain;
}
.pun div.code_user:hover:before {
  content: "Ce code doit être entré dans un shell utilisateur simple.";
}

/* Page d'accueil
----------------------------------------------------------------*/

.carre {
  width:31%;
  height:100px;
  border-radius: 13px 0 13px 0;                                                            /* ANGLES ARRONDIS DES GROS BOUTONS DE L'ACCUEUIL */
  background-color: #44699C;                                                               /* COULEUR DES 4 GROS BOUTONS DE L'ACCEUIL AU CAS OU */
  background-image:linear-gradient(#2C466C, #44699c);
  background-image: -webkit-linear-gradient(#2C466C, #44699c);
  background-image: -moz-linear-gradient(#2C466C, #44699c);
  background-image: -o-linear-gradient(#2C466C, #44699c);
  background-image: -ms-linear-gradient(#2C466C, #44699c);
  background-size: 98px 3px, 18px 2px;                                                /* 2PX ESPACES DES HACHURES GROS BOUTONS ACCUEUIL */
  float: left;
  -webkit-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.5);                                       /* GAUCHE DROITE ---- HAUT BAS ---- FLOU GAUSSIEN ---SI CONTOUR  */
  -moz-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow:2px 2px 5px rgba(0, 0, 0, 0.5);
  margin: 55%;
  font-size: 0.85em;
  text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.29);
}


.carre h1{
  font-size:270%;
  text-align: left;
  /*text-decoration:underline;*/
  color:#888888;                                                                           /* COULEUR PREMIER TEXTE GROS BOUTONS */
  padding-left: 10px


}

.carre h2{                                                                                 /* SOUS TEXTE GROS BOUTONS */
  font-size:145% !important;
  line-height: 1.05 !important;
  width:250px;
  padding: 0 10px;
  margin-left: 2px;
  font-style: normal;
  color: #D4DAE2  

}

.carre a{
  border-radius: 13px 0 13px 0;
  text-decoration: none !important;
  background-repeat:no-repeat;
  background-position:95% 45%;
  height: 100%;
  display: block;
}

.carre a:hover{
  border-radius: 13px 0 13px 0;
  text-decoration: none !important;
  border-radius: 3px;                                                                      /* ANGLE ARRONDI GROS BOUTONS ACCUEUIL */
  background-color: #44699C;
  background-position:95% 55%;
  box-shadow: none;
}

#carregauche{
  margin: 1%;
}

#carregauche a{
  border-radius: 13px 0 13px 0;
  display:block;
  width:100%;
  height:100%;
  color:white;
  background-image:url('/images/btn-archive.png');
}

#carregauche2{
  margin: 1%;
}

#carregauche2 a{
  border-radius: 13px 0 13px 0;
  display:block;
  width:100%;
  height:100%;
  color:white;
  background-image:url('/images/btn-installer.png');
}

#carremilieu{
  margin: 1%;
}

#carremilieu a{
  border-radius: 13px 0 13px 0;
  display:block;
  width:100%;
  height:100%;
  color:white;
  background-image:url('/images/btn-forum.png');
}

#carremilieu2{
  margin: 1%;
}

#carremilieu2 a{
  border-radius: 13px 0 13px 0;
  display:block;
  width:100%;
  height:100%;
  color:white;
  background-image:url('/images/btn-irc.png');
}

#carredroite{
  margin: 1%;
}

#carredroite a{
  border-radius: 13px 0 13px 0;
  display:block;
  width:100%;
  height:100%;
  color:white;
  background-image:url('/images/btn-asso.png');
}

.news{                                                                                                   /* LES PAGES NEWS DE L'ACCEUIL */
  background:#fff;
  -webkit-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.5);                                                     /* , 0 0 40px rgba(0, 0, 0, 0.1) inset */
  -moz-box-shadow:2px 2px 5px rgba(0, 0, 0, 0.5);                                                        /* , 0 0 40px rgba(0, 0, 0, 0.1) inset */
  box-shadow:2px 2px 5px rgba(0, 0, 0, 0.5);                                                             /* , 0 0 40px rgba(0, 0, 0, 0.1) inset */
  border-radius: 3px;  
  background-repeat:no-repeat;
  background-position: 98% 0%;
}

.news h1{
  padding-top: 10px !important;
  padding-left: 20px !important;
  color: #44699C;                                                                                         /* TITRES DES FEUILLES NEWS */
  font-size: 250%;

  text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.29);


}

.news h2{
  padding-top: 10px !important;
  padding-left: 20px !important;
}

.news h5{
  padding-top: 10px !important;
  padding-left: 20px !important;
}


.news p{
  padding-left: 20px !important;
  padding-right: 10px !important;
  padding-top: 0px !important;
}

#news{
  float:left;
  width:64%;
  margin: 1% ;
}

#newsasso{
  float:right;
  width:31%;
  margin: 1% 2% 1% 1%;
  background-image:url('/images/logo-asso-4-mini.png');

}

div#wiki_container {
  width: 115em !important;                                    
  max-width: 95% !important;                                  
  margin-top: -10px !important;                                
  font: 0.75em VerilySerifMono, Arial, Helvetica, sans-serif !important;
  margin-left: auto;
  margin-right: auto;
}

#navpm acronym {      
  border-bottom: none;
}  

 




wiki-perso.css:



body {
  font-size: 100%;
  margin: -8px 0 0 0;
  padding: 8px 0;
  width: 100%;
  color: #2C466C;
  background: #eee url('http://pix.tdct.org/upload/original/1392097871.png') repeat-x center;
 
         
   
}

#menudf {                                      
  margin:             2px auto 0 auto;
  background: none repeat scroll 0% 0% rgb(246, 249, 252);  
  width:              100%;                
  max-width:          115em;            
  text-align:         left;            
  font: 0.75em VerilySerifMono, Arial, Helvetica, sans-serif;
 
  border-radius: 5px;
  /*border: solid 6px ;*/
   border-color: #ffffff #C5C3BF #777777 #C5C3BF;
  /*box-shadow: 3px 3px 40px 7px LightSlateGray,inset 0 -1px 0 0  ;*/
  box-shadow: -7px 27px 10px 7px #8C8C8C;
}


/******************************
*#brddesc {                   *                                          
*  padding: 10px 0 10px 0;    *          
*                             *              
*  font-weight: normal;       *            
*  margin: 0 0 0 0;           *            
*}                            *                                
*                             *                                  
*#brheader #box{              *                    
*  line-height: 1em;          *              
*}                            *                              
******************************/



#menudf a{                      
  text-decoration:    none;    
}

#menudf h1{                      
  padding: 10px 0 0 0;              
  margin: 0 0 0 0;                
}

#bienvenudf {                
  font-size:          1em;      
 
}

#menudf ul{                  
list-style: none outside;  
}
#menudf li{                
  float: left;
  margin-left: 0em;          
  font-weight: normal;    
}

#brdmenu {                  
  position: relative;        
  min-height: 1px;          
}

#brdtitle {                
  margin:  0 0 0;        
  padding: 0 0 0px;        
}

#bodydf {                  
  width: 100%;            
  max-width: 115em;          
  margin: 0 auto 0 auto;    
  padding: 0;                                          
  border: none;              
  font: 0.75em VerilySerifMono, Arial, Helvetica, sans-serif;
}

#dokuwiki__top.site {  
  margin: -80px 0 0 0;
  padding: 20px 0 0 0;

}

#dokuwiki__header {
  padding: 80px 0 -1px 0;
  margin: -80px 0 0 0;                  /* EH BEN !!!!!! */
  font-weight: normal;
  font-size: 1.09em;
  top: -130px;
  background-color: FFFFFF;
  /*background-image:linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));*/
  /*background-image: -webkit-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));*/
  /*background-image: -moz-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));*/
  /*background-image: -o-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));*/
  /*background-image: -ms-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));*/
  color: rgb(255, 255, 100);
  border-radius: 0 0 0 0;
}

#dokuwiki__header .group {  
  padding: 0 0 0 0;
  margin: 0 0 10px 0;
}

#dokuwiki__header .group {
  width: 100%;                         /* Largeur du connecté en tant que  */
}

#export_header {
  font-style: bold;
  height: 1em;
  min-height: 50px;
  vertical-align: middle;
  text-align: center;
  margin-bottom: -1em;
  margin-top: -0.8em;
  margin-right: -1.2em;
  margin-left: -1.2em;
}

#export_header img {
  display: inline;
  position: relative;
  float: right;
  height: 32px;
}

.tools {
  background-image:linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -webkit-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -moz-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -o-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  background-image: -ms-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
  /*background-size: 98px 2px, 18px 2px;                                             2PX C'EST L'ESPACE DES HACHURES */
  border-radius: 0 0 0 0;
       
}

.tools a {
  text-decoration: none;
  color: rgb(212, 218, 226);
}
.tools a:link {
  color: rgb(212, 218, 226);
}
.tools a:active {
  color: white;
  text-decoration: none;
}
.tools a:hover {
  color: white;
  text-decoration: none;
}

#dokuwiki__usertools {
  position: relative;
  float: left;
  text-align: left;
  top: -3px;                                                                            /* TEXTE CONNECTE DANS LE HEADER ANTHRACITE */
  right: 0;
  padding: 20px 0 0 0;                                                                  /* EPAISSEUR DU HEADER ANTHRACITE */
 
 
 
}
#dokuwiki__usertools ul {
  display: inline;
}
#dokuwiki__usertools li {
  font-size: 0.8em;
  margin-left: 1em;
  list-style: none outside none;
  display: inline;
}

#dokuwiki__usertools li.user {
  color: rgb(212, 218, 226);
}

#dokuwiki__header .tools li {
  font-size: 120%;
  margin-left: 1em;                        
  list-style: none outside none;
  display: inline;
 
}

#dw__toc {
  margin-top: 1em;
 
}

.page a:hover {
  text-decoration: none;
  color: blue;
}

#dw__search {
  background-color:#313131;
  padding:3px 3px 25px;
  width:330px;
  height: 10px;
  box-sizing:border-box;
  border-top: 3px  solid #242424;
  border-radius:0 0 0 0;
  position: relative;
  right: 0;                                      /* DEPLACER SEARCH VERS LA DROITE */
  top: -6px;  
  float: right;
  margin-right: 30px;      
  display: inline;
}

#dw__search .button {
  background: #5C89C8;
  -moz-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
  -webkit-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
  box-shadow:inset 0px 1px 0px 0px #7a8eb9;
  background:-moz-linear-gradient(top, #638FCB 5%, #5972a7 100%);
  background:-webkit-linear-gradient(top, #638FCB 5%, #5972a7 100%);
  background:-o-linear-gradient(top, #638FCB 5%, #5972a7 100%);
  background:-ms-linear-gradient(top, #638FCB 5%, #5972a7 100%);
  background:linear-gradient(to bottom, #638FCB 5%, #5972a7 100%);
  border-top: 1px   solid #242424;
  margin-left: 229px;
  margin-top:-50px;
  text-align: center;
  border-radius: 0 0 0 0;
  border-color: #303741;
  /*background-size: 98px 2px, 18px 2px; */
  color: #C4C4C9;
  height: 31px;
  width:100px;
   text-shadow: 1px 1px 1px #666, -1px -1px 1px #000, 1px 0 #666, -1px -1px #000;






















}



#qsearch__in {
  padding-left: 2px;
  height:25px;
  background: white;
  background-image:linear-gradient(#242424,#56739B, #56739B,  #56739B);

  box-shadow: 0px 0 1px LightSlateGray;
  color: 242424;
  border-radius: 0 ;
  width:330px;
  height: 32px;
  border-color: #404040;

}




#qsearch__out a {
  color: green;
 
}
#qsearch__out a:hover {
  color: blue;
}

/*************     PAR KAO    **************************/
#dokuwiki__site .mode_show  {
    background: #ffffff;
    width: 100%;
    height: 100%;
    margin: 4px 0;
    /*padding: auto auto;*/
    border-radius: 0;
    /*border: solid 6px;*/
    border-color: #2C466C;
    border-color: #C5C3BF #C5C3BF #777777 #C5C3BF;
    /*box-shadow: 3px 3px 40px 7px LightSlateGray,inset 0 -1px 0 0  ;*/
    box-shadow: -6px 40px 10px 6px #8C8C8C;
}
/**********************************************************/

table.inline tr:hover td {
  color: white;
}

table.inline .row0 th {
  background-color: #173d70;
  color: rgb(212, 218, 226);
  text-transform: uppercase;
  font-weight: bold;
}
table.inline tr:hover.row0 th {
  background-color: #173d70;
  color: white;
}
table.inline .row0 td {
  background-color: #173d70;
  color: rgb(212, 218, 226);
  text-transform: uppercase;
  font-weight: bold;
}
table.inline tr:hover.row0 td {
  background-color: #173d70;
  color: white;
}

.page p {
  font-family: Zekton, sans-serif;
}

.page h1 {
  border-bottom: 3px solid rgb(140, 172, 187);
  font-size: 2.5em;
  font-weight: bold;
  font-family: Zekton, sans-serif;
  margin-left: -1em;
  padding-left: 0.5em;

}

.page h2 {
  border-bottom: 2px solid rgb(160, 192, 207);
  font-size: 2em;
  font-weight: bold;
  margin-left: -1em;
  padding-left: 0.5em;
}

.page h3 {
  font-size: 1.6em;
  font-weight: bold;
  margin: 0.5em 0 0.888em -1em;
  padding-left: 0.5em;
  border-bottom: 1px solid rgb(160, 192, 207);
  display: inline-block;
  padding-right: 0.5em;
}

div.level3, div.level4 {
/*  margin-left: 2em; */
}


.page h4 {
  font-size: 1em;
  text-decoration: underline#1F1D1D;

}

.page ul {
  padding-bottom: 0.5em;

}

em.u {
  text-decoration: none !important;
  border-bottom: 1px solid rgb(160, 192, 207);
}

.dokuwiki dl.file dt {
    background-color: #fbfaf9;
    background: -moz-linear-gradient(   top, #ddd 50%, #2E4970 100%);
    background: -webkit-linear-gradient(top, #ddd 50%, #2E4970 100%);
    background: -o-linear-gradient(     top, #ddd 50%, #2E4970 100%);
    background: -ms-linear-gradient(    top, #ddd 50%, #2E4970 100%);
    background: linear-gradient(        top, #ddd 50%, #2E4970 100%);
    color: inherit;
    border: 1px none #000000;
    border-bottom-color: #000000;
    border-top-left-radius: .3em;
    border-top-right-radius: .3em;
    padding: .3em .6em .1em;
    margin-bottom: -1px;
    float: left;

}
.dokuwiki dl.code dt {
    background-color: #fbfaf9;
    background: -moz-linear-gradient(   top, #ddd 50%, #2E4970 100%);
    background: -webkit-linear-gradient(top, #ddd 50%, #2E4970 100%);
    background: -o-linear-gradient(     top, #ddd 50%, #2E4970 100%);
    background: -ms-linear-gradient(    top, #ddd 50%, #2E4970 100%);
    background: linear-gradient(        top, #ddd 50%, #2E4970 100%);
    color: inherit;
    border: 1px none #000000;
    border-bottom-color: #000000;
    border-top-left-radius: .3em;
    border-top-right-radius: .3em;
    padding: .3em .6em .1em;
    margin-bottom: -1px;
    float: left;
}

pre.bash:before {
  height: 1em;
/*  content: "Le code suivant est à taper dans un terminal utilisateur."; */
  display: block;
  background: #ccc;
}
pre.user {
  background-image:linear-gradient(#F6ECD4, #C3C2BE);
  background-image: -webkit-linear-gradient(#F6ECD4, #C3C2BE);
  background-image: -moz-linear-gradient(#F6ECD4, #C3C2BE);
  background-image: -o-linear-gradient(#F6ECD4, #C3C2BE);
  background-image: -ms-linear-gradient(#F6ECD4, #C3C2BE);
  background-size: 98px 2px, 18px 2px;
  border-color: #555;
  border-radius: 3px;
/*  box-shadow: inset 0 0 2px #000; */
  border-left: 0.5em #555 solid;
}

pre.root {
  background-image:linear-gradient(#F6ECD4, #C3C2BE);
  background-image: -webkit-linear-gradient(#F6ECD4, #C3C2BE);
  background-image: -moz-linear-gradient(#F6ECD4, #C3C2BE);
  background-image: -o-linear-gradient(#F6ECD4, #C3C2BE);
  background-image: -ms-linear-gradient(#F6ECD4, #C3C2BE);
  background-size: 98px 2px, 18px 2px;
  border-color: #a55;
  border-radius: 3px;                                                                          
/*  box-shadow: inset 0 0 2px #000; */
  border-left: 0.5em #a00 solid;
}

pre.root:before, pre.user:before {
  border-bottom: 0px dotted black;
  margin: -0.7em -1em 0 -1em;
  padding: 0.1em 3em 0.5em 0.5em;
  margin-bottom: 0.5em;
  height: 1em;
  text-align: left;
  display: block;
  font-size: small;
  font-style: italic;
}
pre.root:before {
  content: "en root";
  background: url(http://images.debian-facile.org/root.png) no-repeat right;
  background-size: contain;
}
pre.root:hover:before {
  content: "Ce code doit être entré dans un shell super-utilisateur.";
}

pre.user:before {
  content: "en user";
  background: url(http://images.debian-facile.org/user.png) no-repeat right;
  background-size: contain;
}
pre.user:hover:before {
  content: "Ce code doit être entré dans un shell utilisateur simple.";
}

#config__manager fieldset {
  background: #fff;

}
div.pun {
  border-bottom: none;
 
 
}

div.page {
  box-shadow: none !important;
  border: none !important;
 
}

 

Dernière modification par golgot200 (24-02-2014 17:42:20)


L'ultime question ... l'intelligence a besoin de la bêtise pour s'affirmer, la beauté a besoin de la laideur pour resplendir, le courage nait dans la peur, les forts impressionnent au millieu des faibles, mais au final,... qui a donc besoin d'autant de connards ?

Hors ligne

#585 24-02-2014 22:25:47

bendia
Admin stagiaire
Distrib. : Jessie
Noyau : 3.16.0-4-amd64
(G)UI : Gnome + XFCE + Console
Inscription : 20-03-2012
Site Web

Re : [concours coopératif] nouveau style DF

kao a écrit :

bendia a écrit :
@kao IE9, j'ai en VM
Edit : Ca marche pas J'ai piqué du code ici pour IE9:
http://www.marevueweb.com/css-html/css3 … -explorer/
On peut faire que deux palliers du coup ça limite un peu les possibilités



Salut smile

En fait, il me semble que c'est mieux sans dégradé que avec dans ce cas. J'essaye de faire une capture d'écran (Je vous promet rien hein, Win, je sais plus comment ça fonctionne, si tant-est que ça fonctionne big_smile )

Facile avec une VM, suffit de faire la capture depuis Debian lol

1393273690.png


Ben
___________________
La seule question bête, c'est celle qu'on ne pose pas.
file-Re06858991f6f328b4907296ac5cea283

Hors ligne

#586 24-02-2014 22:39:13

kao
Modérateur
Distrib. : Testing
Noyau : Linux 4.quelquechose
(G)UI : Gnome 3
Inscription : 28-09-2012
Site Web

Re : [concours coopératif] nouveau style DF

bendia a écrit :

kao a écrit :

bendia a écrit :
@kao IE9, j'ai en VM
Edit : Ca marche pas J'ai piqué du code ici pour IE9:
http://www.marevueweb.com/css-html/css3 … -explorer/
On peut faire que deux palliers du coup ça limite un peu les possibilités



Salut smile

En fait, il me semble que c'est mieux sans dégradé que avec dans ce cas. J'essaye de faire une capture d'écran (Je vous promet rien hein, Win, je sais plus comment ça fonctionne, si tant-est que ça fonctionne big_smile )

Facile avec une VM, suffit de faire la capture depuis Debian lol

http://pix.toile-libre.org/upload/img/1393273690.png



C'est pour inciter les gens à mettre à jour vers IE11, ou à passer à Firefox. C'est du moche militant big_smile.

Hors ligne

#587 24-02-2014 22:45:15

bendia
Admin stagiaire
Distrib. : Jessie
Noyau : 3.16.0-4-amd64
(G)UI : Gnome + XFCE + Console
Inscription : 20-03-2012
Site Web

Re : [concours coopératif] nouveau style DF

Ou les inciter à aller chez l'opticien rhoo, ça pique les yeux lol

Ben
___________________
La seule question bête, c'est celle qu'on ne pose pas.
file-Re06858991f6f328b4907296ac5cea283

Hors ligne

#588 25-02-2014 08:51:42

golgot200
Membre
Lieu : AIN
Distrib. : Debian Jessie
Noyau : Linux debian 3.16.0-4-amd64
(G)UI : MATE
Inscription : 05-08-2007

Re : [concours coopératif] nouveau style DF


L'ultime question ... l'intelligence a besoin de la bêtise pour s'affirmer, la beauté a besoin de la laideur pour resplendir, le courage nait dans la peur, les forts impressionnent au millieu des faibles, mais au final,... qui a donc besoin d'autant de connards ?

Hors ligne

#589 25-02-2014 09:01:49

golgot200
Membre
Lieu : AIN
Distrib. : Debian Jessie
Noyau : Linux debian 3.16.0-4-amd64
(G)UI : MATE
Inscription : 05-08-2007

Re : [concours coopératif] nouveau style DF

Une petite demande d'aide s'il vous plait tongue

C'est juste pour le Wiki, ailleurs c'est bon. En réduction, la page et les headers ne suivent pas la bannière et les boutons dans sa largeur. Je suis largué là. smile

1393311526.png

Dernière modification par golgot200 (25-02-2014 09:03:04)


L'ultime question ... l'intelligence a besoin de la bêtise pour s'affirmer, la beauté a besoin de la laideur pour resplendir, le courage nait dans la peur, les forts impressionnent au millieu des faibles, mais au final,... qui a donc besoin d'autant de connards ?

Hors ligne

#590 25-02-2014 13:21:16

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian Stretch/Sid/Rc-Buggy
Noyau : Linux (≥ 4.3)
(G)UI : i3-wm (≥ 4.11)
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

@Golgot: mis à jour et corrigé smile c'était le div.pun qui n'était pas bon.

Ou si tu veux l'effet inverse, tu changes le div.pun et le div#wiki_container (les deux étant dans le Golgot200.css).

captnfab,
Association Debian-Facile, bépo.
TheDoctor: Your wish is my command… But be careful what you wish for.

Hors ligne

#591 25-02-2014 13:33:01

golgot200
Membre
Lieu : AIN
Distrib. : Debian Jessie
Noyau : Linux debian 3.16.0-4-amd64
(G)UI : MATE
Inscription : 05-08-2007

Re : [concours coopératif] nouveau style DF

@captnfab

Merci, c'est tout joli maintenant !!!
le shadow, c'est pas encore ça mais c'est nettement mieux, je trouverai bien une combine tongue

L'ultime question ... l'intelligence a besoin de la bêtise pour s'affirmer, la beauté a besoin de la laideur pour resplendir, le courage nait dans la peur, les forts impressionnent au millieu des faibles, mais au final,... qui a donc besoin d'autant de connards ?

Hors ligne

#592 25-02-2014 13:42:56

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian Stretch/Sid/Rc-Buggy
Noyau : Linux (≥ 4.3)
(G)UI : i3-wm (≥ 4.11)
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

Yep, ça gère. smile

captnfab,
Association Debian-Facile, bépo.
TheDoctor: Your wish is my command… But be careful what you wish for.

Hors ligne

#593 25-02-2014 13:45:05

golgot200
Membre
Lieu : AIN
Distrib. : Debian Jessie
Noyau : Linux debian 3.16.0-4-amd64
(G)UI : MATE
Inscription : 05-08-2007

Re : [concours coopératif] nouveau style DF

Pour ce qui est du shadow de la doc, il faudrait réussir à faire une page totale dessous tout ça ( bannière, header, etc...) et  appliquer un shadow général. Non ?

Dernière modification par golgot200 (25-02-2014 13:46:12)


L'ultime question ... l'intelligence a besoin de la bêtise pour s'affirmer, la beauté a besoin de la laideur pour resplendir, le courage nait dans la peur, les forts impressionnent au millieu des faibles, mais au final,... qui a donc besoin d'autant de connards ?

Hors ligne

#594 25-02-2014 13:46:44

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian Stretch/Sid/Rc-Buggy
Noyau : Linux (≥ 4.3)
(G)UI : i3-wm (≥ 4.11)
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

faudrait modifier de html pour rajouter un div général, et ensuite désactiver le shadow du forum et du wiki, et rajouter un shadow au nouveau div.

captnfab,
Association Debian-Facile, bépo.
TheDoctor: Your wish is my command… But be careful what you wish for.

Hors ligne

#595 25-02-2014 13:49:23

golgot200
Membre
Lieu : AIN
Distrib. : Debian Jessie
Noyau : Linux debian 3.16.0-4-amd64
(G)UI : MATE
Inscription : 05-08-2007

Re : [concours coopératif] nouveau style DF

On ne modifie pas le html lol




Cette connexion n'est pas certifiée

Vous avez demandé à Iceweasel de se connecter de manière sécurisée à debian-facile.org, mais nous ne pouvons pas confirmer que votre connexion est sécurisée.

Normalement, lorsque vous essayez de vous connecter de manière sécurisée, les sites présentent une identification certifiée pour prouver que vous vous trouvez à la bonne adresse. Cependant, l'identité de ce site ne peut pas être vérifiée.
Que dois-je faire ?

Si vous vous connectez habituellement à ce site sans problème, cette erreur peut signifier que quelqu'un essaie d'usurper l'identité de ce site et vous ne devriez pas continuer.

 



Je dois souvent ajouter une exception quand je navigue mais ça doit-être normal en ce moment non ?

Dernière modification par golgot200 (25-02-2014 13:51:16)


L'ultime question ... l'intelligence a besoin de la bêtise pour s'affirmer, la beauté a besoin de la laideur pour resplendir, le courage nait dans la peur, les forts impressionnent au millieu des faibles, mais au final,... qui a donc besoin d'autant de connards ?

Hors ligne

#596 25-02-2014 17:26:31

golgot200
Membre
Lieu : AIN
Distrib. : Debian Jessie
Noyau : Linux debian 3.16.0-4-amd64
(G)UI : MATE
Inscription : 05-08-2007

Re : [concours coopératif] nouveau style DF

@captnfab,

J'ai touvé pour le shadow. C'est tout bête, j'avais oublié un morceau d'ombre qui font 3 parties en faite. La banière -- La manquante -- et la page. smile

Donc, les extrémités se chevauchaient mal.
C'est mon screen 589 qui m'a fait comprendre.

1393341920.png


EDIT:

Maintenant avec un code du style indépendant pour chaque coté, c'est jouable.


box-shadow:0 0 0 0 #000,
0 0 0 0 blue,
0 0 0 0 red ,
-12px 0 5px 0 gold;
 



1393342846.png

smile

Dernière modification par golgot200 (25-02-2014 17:41:36)


L'ultime question ... l'intelligence a besoin de la bêtise pour s'affirmer, la beauté a besoin de la laideur pour resplendir, le courage nait dans la peur, les forts impressionnent au millieu des faibles, mais au final,... qui a donc besoin d'autant de connards ?

Hors ligne

#597 25-02-2014 19:02:46

captnfab
Admin-Girafe
Lieu : /dev/random
Distrib. : Debian Stretch/Sid/Rc-Buggy
Noyau : Linux (≥ 4.3)
(G)UI : i3-wm (≥ 4.11)
Inscription : 07-07-2008
Site Web

Re : [concours coopératif] nouveau style DF

à rajouter dans quelle règle ?

captnfab,
Association Debian-Facile, bépo.
TheDoctor: Your wish is my command… But be careful what you wish for.

Hors ligne

#598 25-02-2014 19:31:17

golgot200
Membre
Lieu : AIN
Distrib. : Debian Jessie
Noyau : Linux debian 3.16.0-4-amd64
(G)UI : MATE
Inscription : 05-08-2007

Re : [concours coopératif] nouveau style DF

@captnfab,

Attend, c'est même pas sûr que ça fonctionne en fait. Sans floutage, c'est logique de s'en sortir. Mais voilà, le problème avec le flou sur les coins de pages ou autres, on aura toujours un floutage arrondi. Alors sur plusieurs coins d'ombres arrondis à joindre, il y aura une variation de ton.
Je ne sais pas si tu m'as compris mais bon, pas simple smile

1393349666.png

C'est pas top mais mieux.

Dernière modification par golgot200 (25-02-2014 19:35:00)


L'ultime question ... l'intelligence a besoin de la bêtise pour s'affirmer, la beauté a besoin de la laideur pour resplendir, le courage nait dans la peur, les forts impressionnent au millieu des faibles, mais au final,... qui a donc besoin d'autant de connards ?

Hors ligne

#599 25-02-2014 20:13:23

golgot200
Membre
Lieu : AIN
Distrib. : Debian Jessie
Noyau : Linux debian 3.16.0-4-amd64
(G)UI : MATE
Inscription : 05-08-2007

Re : [concours coopératif] nouveau style DF

C'est mieux.

wiki-perso.css:



body {
  font-size: 100%;
  margin: -8px 0 0 0;
  padding: 8px 0;
  width: 100%;
  color: #2C466C;
  background: #eee url('http://pix.tdct.org/upload/original/1392097871.png') repeat-x center;



}

#menudf {                                      
  margin:             2px auto 0 auto;
  background: none repeat scroll 0% 0% rgb(246, 249, 252);  
  width:              100%;                
  max-width:          115em;            
  text-align:         left;            
  font: 0.75em VerilySerifMono, Arial, Helvetica, sans-serif;

  border-radius: 5px;
  /*border: solid 6px ;*/
  border-color: #ffffff #C5C3BF #777777 #C5C3BF;
  /*box-shadow: 3px 3px 40px 7px LightSlateGray,inset 0 -1px 0 0  ;*/
  box-shadow: -7px 27px 10px 7px #8C8C8C;
}


/******************************
 *#brddesc {                   *                                          
 *  padding: 10px 0 10px 0;    *          
 *                             *              
 *  font-weight: normal;       *            
 *  margin: 0 0 0 0;           *            
 *}                            *                                
 *                             *                                  
 *#brheader #box{              *                    
 *  line-height: 1em;          *              
 *}                            *                              
 ******************************/



  #menudf a{                      
    text-decoration:    none;    
  }

  #menudf h1{                      
    padding: 10px 0 0 0;              
    margin: 0 0 0 0;                
  }

  #bienvenudf {                
    font-size:          1em;      

  }

  #menudf ul{                  
    list-style: none outside;  
  }
  #menudf li{                
    float: left;
    margin-left: 0em;          
    font-weight: normal;    
  }

  #brdmenu {                  
    position: relative;        
    min-height: 1px;          
  }

  #brdtitle {                
    margin:  0 0 0;        
    padding: 0 0 0px;        
  }

  #bodydf {                  
    width: 100%;            
    max-width: 115em;          
    margin: 0 auto 0 auto;    
    padding: 0;                                          
    border: none;              
    font: 0.75em VerilySerifMono, Arial, Helvetica, sans-serif;
  }

  #dokuwiki__top.site {  
    margin: -80px 0 0 0;
    padding: 20px 0 0 0;

  }

  #dokuwiki__header {
    padding: 80px 0 -1px 0;
    margin: -80px 0 0 0;                  /* EH BEN !!!!!! */
    font-weight: normal;
    font-size: 1.09em;
    top: -130px;
    background-color: FFFFFF;
    /*background-image:linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));*/
    /*background-image: -webkit-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));*/
    /*background-image: -moz-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));*/
    /*background-image: -o-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));*/
    /*background-image: -ms-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));*/
    color: rgb(255, 255, 100);
    border-radius: 0 0 0 0;
    /*box-shadow: -4px 27px 10px 4px #8C8C8C;*/

    box-shadow:0 0 0 0 #000,
0 0 0 0 blue,
0 0 0 0 red ,
-1px -2px 20px 0 #929292;
  }

  #dokuwiki__header .group {  
    padding: 0 0 0 0;
    margin: 0 0 10px 0;
  }

  #dokuwiki__header .group {
    width: 100%;                         /* Largeur du connecté en tant que  */
  }

  #export_header {
    font-style: bold;
    height: 1em;
    min-height: 50px;
    vertical-align: middle;
    text-align: center;
    margin-bottom: -1em;
    margin-top: -0.8em;
    margin-right: -1.2em;
    margin-left: -1.2em;
  }

  #export_header img {
    display: inline;
    position: relative;
    float: right;
    height: 32px;
  }

  .tools {
    background-image:linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
    background-image: -webkit-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
    background-image: -moz-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
    background-image: -o-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
    background-image: -ms-linear-gradient(rgb(54, 52, 52), rgb(30, 29, 29));
    /*background-size: 98px 2px, 18px 2px;                                             2PX C'EST L'ESPACE DES HACHURES */
    border-radius: 0 0 0 0;

  }

  .tools a {
    text-decoration: none;
    color: rgb(212, 218, 226);
  }
  .tools a:link {
    color: rgb(212, 218, 226);
  }
  .tools a:active {
    color: white;
    text-decoration: none;
  }
  .tools a:hover {
    color: white;
    text-decoration: none;
  }

  #dokuwiki__usertools {
    position: relative;
    float: left;
    text-align: left;
    top: -3px;                                                                            /* TEXTE CONNECTE DANS LE HEADER ANTHRACITE */
    right: 0;
    padding: 20px 0 0 0;                                                                  /* EPAISSEUR DU HEADER ANTHRACITE */



  }
  #dokuwiki__usertools ul {
    display: inline;
  }
  #dokuwiki__usertools li {
    font-size: 0.8em;
    margin-left: 1em;
    list-style: none outside none;
    display: inline;
  }

  #dokuwiki__usertools li.user {
    color: rgb(212, 218, 226);
  }

  #dokuwiki__header .tools li {
    font-size: 120%;
    margin-left: 1em;                        
    list-style: none outside none;
    display: inline;

  }

  #dw__toc {
    margin-top: 1em;

  }

  .page a:hover {
    text-decoration: none;
    color: blue;
  }

  #dw__search {
    background-color:#313131;
    padding:3px 3px 25px;
    width:330px;
    height: 10px;
    box-sizing:border-box;
    border-top: 3px  solid #242424;
    border-radius:0 0 0 0;
    position: relative;
    right: 0;                                      /* DEPLACER SEARCH VERS LA DROITE */
    top: -6px;  
    float: right;
    margin-right: 30px;      
    display: inline;
  }

  #dw__search .button {
    background: #5C89C8;
    -moz-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
    -webkit-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
    box-shadow:inset 0px 1px 0px 0px #7a8eb9;
    background:-moz-linear-gradient(top, #638FCB 5%, #5972a7 100%);
    background:-webkit-linear-gradient(top, #638FCB 5%, #5972a7 100%);
    background:-o-linear-gradient(top, #638FCB 5%, #5972a7 100%);
    background:-ms-linear-gradient(top, #638FCB 5%, #5972a7 100%);
    background:linear-gradient(to bottom, #638FCB 5%, #5972a7 100%);
    border-top: 1px   solid #242424;
    margin-left: 229px;
    margin-top:-50px;
    text-align: center;
    border-radius: 0 0 0 0;
    border-color: #303741;
    /*background-size: 98px 2px, 18px 2px; */
    color: #C4C4C9;
    height: 31px;
    width:100px;
    text-shadow: 1px 1px 1px #666, -1px -1px 1px #000, 1px 0 #666, -1px -1px #000;






















  }



  #qsearch__in {
    padding-left: 2px;
    height:25px;
    background: white;
    background-image:linear-gradient(#242424,#56739B, #56739B,  #56739B);

    box-shadow: 0px 0 1px LightSlateGray;
    color: 242424;
    border-radius: 0 ;
    width:330px;
    height: 32px;
    border-color: #404040;

  }




  #qsearch__out a {
    color: green;

  }
  #qsearch__out a:hover {
    color: blue;
  }

  /*************     PAR KAO    **************************/
  #dokuwiki__site .mode_show  {
    background: #ffffff;
    width: 100%;
    height: 100%;
    margin: 4px 0;
    /*padding: auto auto;*/
    border-radius: 0;
    /*border: solid 6px;*/
    border-color: #2C466C;
    border-color: #C5C3BF #C5C3BF #777777 #C5C3BF;
    /*box-shadow: 3px 3px 40px 7px LightSlateGray,inset 0 -1px 0 0  ;*/


    box-shadow: -7px 39px 10px 6px #8C8C8C;
  }
  /**********************************************************/

  table.inline tr:hover td {
    color: white;
  }

  table.inline .row0 th {
    background-color: #173d70;
    color: rgb(212, 218, 226);
    text-transform: uppercase;
    font-weight: bold;
  }
  table.inline tr:hover.row0 th {
    background-color: #173d70;
    color: white;
  }
  table.inline .row0 td {
    background-color: #173d70;
    color: rgb(212, 218, 226);
    text-transform: uppercase;
    font-weight: bold;
  }
  table.inline tr:hover.row0 td {
    background-color: #173d70;
    color: white;
  }

  .page p {
    font-family: Zekton, sans-serif;
  }

  .page h1 {
    border-bottom: 3px solid rgb(140, 172, 187);
    font-size: 2.5em;
    font-weight: bold;
    font-family: Zekton, sans-serif;
    margin-left: -1em;
    padding-left: 0.5em;

  }

  .page h2 {
    border-bottom: 2px solid rgb(160, 192, 207);
    font-size: 2em;
    font-weight: bold;
    margin-left: -1em;
    padding-left: 0.5em;
  }

  .page h3 {
    font-size: 1.6em;
    font-weight: bold;
    margin: 0.5em 0 0.888em -1em;
    padding-left: 0.5em;
    border-bottom: 1px solid rgb(160, 192, 207);
    display: inline-block;
    padding-right: 0.5em;
  }

  div.level3, div.level4 {
    /*  margin-left: 2em; */
  }


  .page h4 {
    font-size: 1em;
    text-decoration: underline#1F1D1D;

  }

  .page ul {
    padding-bottom: 0.5em;

  }

  em.u {
    text-decoration: none !important;
    border-bottom: 1px solid rgb(160, 192, 207);
  }

  .dokuwiki dl.file dt {
    background-color: #fbfaf9;
    background: -moz-linear-gradient(   top, #ddd 50%, #2E4970 100%);
    background: -webkit-linear-gradient(top, #ddd 50%, #2E4970 100%);
    background: -o-linear-gradient(     top, #ddd 50%, #2E4970 100%);
    background: -ms-linear-gradient(    top, #ddd 50%, #2E4970 100%);
    background: linear-gradient(        top, #ddd 50%, #2E4970 100%);
    color: inherit;
    border: 1px none #000000;
    border-bottom-color: #000000;
    border-top-left-radius: .3em;
    border-top-right-radius: .3em;
    padding: .3em .6em .1em;
    margin-bottom: -1px;
    float: left;

  }
  .dokuwiki dl.code dt {
    background-color: #fbfaf9;
    background: -moz-linear-gradient(   top, #ddd 50%, #2E4970 100%);
    background: -webkit-linear-gradient(top, #ddd 50%, #2E4970 100%);
    background: -o-linear-gradient(     top, #ddd 50%, #2E4970 100%);
    background: -ms-linear-gradient(    top, #ddd 50%, #2E4970 100%);
    background: linear-gradient(        top, #ddd 50%, #2E4970 100%);
    color: inherit;
    border: 1px none #000000;
    border-bottom-color: #000000;
    border-top-left-radius: .3em;
    border-top-right-radius: .3em;
    padding: .3em .6em .1em;
    margin-bottom: -1px;
    float: left;
  }

  pre.bash:before {
    height: 1em;
    /*  content: "Le code suivant est à taper dans un terminal utilisateur."; */
    display: block;
    background: #ccc;
  }
  pre.user {
    background-image:linear-gradient(#F6ECD4, #C3C2BE);
    background-image: -webkit-linear-gradient(#F6ECD4, #C3C2BE);
    background-image: -moz-linear-gradient(#F6ECD4, #C3C2BE);
    background-image: -o-linear-gradient(#F6ECD4, #C3C2BE);
    background-image: -ms-linear-gradient(#F6ECD4, #C3C2BE);
    background-size: 98px 2px, 18px 2px;
    border-color: #555;
    border-radius: 3px;
    /*  box-shadow: inset 0 0 2px #000; */
    border-left: 0.5em #555 solid;
  }

  pre.root {
    background-image:linear-gradient(#F6ECD4, #C3C2BE);
    background-image: -webkit-linear-gradient(#F6ECD4, #C3C2BE);
    background-image: -moz-linear-gradient(#F6ECD4, #C3C2BE);
    background-image: -o-linear-gradient(#F6ECD4, #C3C2BE);
    background-image: -ms-linear-gradient(#F6ECD4, #C3C2BE);
    background-size: 98px 2px, 18px 2px;
    border-color: #a55;
    border-radius: 3px;                                                                          
    /*  box-shadow: inset 0 0 2px #000; */
    border-left: 0.5em #a00 solid;
  }

  pre.root:before, pre.user:before {
    border-bottom: 0px dotted black;
    margin: -0.7em -1em 0 -1em;
    padding: 0.1em 3em 0.5em 0.5em;
    margin-bottom: 0.5em;
    height: 1em;
    text-align: left;
    display: block;
    font-size: small;
    font-style: italic;
  }
  pre.root:before {
    content: "en root";
    background: url(http://images.debian-facile.org/root.png) no-repeat right;
    background-size: contain;
  }
  pre.root:hover:before {
    content: "Ce code doit être entré dans un shell super-utilisateur.";
  }

  pre.user:before {
    content: "en user";
    background: url(http://images.debian-facile.org/user.png) no-repeat right;
    background-size: contain;
  }
  pre.user:hover:before {
    content: "Ce code doit être entré dans un shell utilisateur simple.";
  }

  #config__manager fieldset {
    background: #fff;

  }
  div.pun {
    border-bottom: none;


  }

  div.page {
    box-shadow: none !important;
    border: none !important;
 

margin: -0.8em 0 0 0;
  }

 


L'ultime question ... l'intelligence a besoin de la bêtise pour s'affirmer, la beauté a besoin de la laideur pour resplendir, le courage nait dans la peur, les forts impressionnent au millieu des faibles, mais au final,... qui a donc besoin d'autant de connards ?

Hors ligne

#600 25-02-2014 21:25:24

leonlemouton
Adhérent(e)
Distrib. : Jessie
Noyau : Linux 3.16.0-4-686-pae
(G)UI : Mate 1.8.1
Inscription : 14-08-2012

Re : [concours coopératif] nouveau style DF

Bonsoir,

Voici mon perso.css; si ça bug pas trop j'attaquerai le wiki...


/*****************************************************************
1. INITIAL SETTINGS
*****************************************************************/

/*Ajout palmito
----------------------------------------------------------------*/

#brdtitle h1 {
  display: block;
/*  background: url(http://debian-facile.org/img/df_bleu_test.png); */
  background: url('banDFAirEau V4.png');
  background-color: #004687;
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 125px; /* Hauteur de l'image */
  width: 100%; /* largeur de l'image */
  text-indent: -200%;
}

#main .block .box .inbox{
  border-bottom: 2px dotted;
  border-left: 2px dotted;
  border-color: #cad7e1;
  padding: 15px;
}

.pun .thanks {
  border: 1px dotted;
  padding: 10px 20px 10px 20px;
  margin: 10px 0 10px 0;
  border-color:#000;
}

/* Poll */
#ap_poll_input {
}

.ap_poll_hidden { display: none; }

fieldset.ap_poll {
        margin-top: 2em;
        padding: 1em;
        background-color: #F6F9FC;
        border: 1px solid #DFE6EE;
}

.ap_poll legend {
        font-weight: normal;
}

.ap_poll p {
        font-weight: bold;
}

.ap_poll table {
        width: auto;
}

.ap_poll th {
        font-weight: normal;
        padding: .5em 1em .5em 0;
}

.ap_poll td {
        padding: .5em 1em;
}

.ap_poll label {
       
}

.ap_poll .percent {
        text-align: right;
}

.ap_poll .results .bar {
        height: 20px;
        background-color: #44699C;
}

.ap_poll .results .bar .top {
        background-color: #4F78B2;
        width: 100%;
        height: 10px;
}

.ap_poll .total {
        color: #b7b7b7;
        margin-top: .5em;
        font-style: italic;
}



/* Limited Reset
----------------------------------------------------------------*/

html, body, .pun table, .pun div, .pun form, .pun p, .pun h1, .pun h2, .pun h3, .pun h4, .pun h5, .pun pre, .pun blockquote,
.pun ul, .pun ol, .pun li, .pun dl, .pun dt, .pun dd, .pun th, .pun td, .pun fieldset, .pun legend .pun img,
.pun abbr, .pun cite {
  border: 0;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

.pun ul, .pun ol {
  list-style: none;
}

.pun select {
  padding-bottom: 1px;
  padding-top: 1px;
}

/* Content Defaults
----------------------------------------------------------------*/

.pun {
  /*font: 0.8em Arial, Helvetica, sans-serif;*/
}

.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun legend {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.pun pre, .pun code {
  font-family: monospace;
  font-size: 1em;
}

.pun pre code {
  font-size: 1em;
}

.pun table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  empty-cells: show;
  width: 100%;
}

.pun h1 {
/*  font:2.154em/1em "Trebuchet MS", Arial, Helvetica, sans-serif;*/
  padding: 7px 0;
}

.pun h2, .pun .hd h2 {
  /*font: 1.462em/1em "Trebuchet MS", Arial, Helvetica, sans-serif;*/
  padding: 7px 0;
}

.pun h3 {
  font-size: 1.154em;
  line-height: 1.267em;
  padding: 7px 0;
}

.pun h4 {
  font-size: 1.077em;
  font-weight: bold;
  padding: 7px 0;
}

.pun h5, .pun h6 {
  font-size: 1em;
  font-weight: bold;
  padding: 7px 0;
}

.pun p, .pun ul, .pun ol, .pun dl, .pun th, .pun td, .pun legend {
  padding: 7px 0;
}

.pun strong, .pun th, .pun span.warntext, .pun p.warntext {
  font-weight: bold;
}

.pun em {
  font-style: italic;
}

.pun a, .pun a:link, .pun a:visited {
  text-decoration: none;
}

.pun a:hover, .pun a:active, .pun a:focus {
  text-decoration: underline;
}

.pun .actions span {
  padding-left: 16px;
  padding-right: 8px;
  background: url(Air/img/bull.png) center left no-repeat;
  display: inline-block;
  line-height: normal;
}

/* Hidden Elements
----------------------------------------------------------------*/

#brdfooter h2, #brdstats h2, #debug h2, #brdstats .conl dt, #brdstats .conr dt, #modcontrols dt,
#searchlinks dt, div.postright h3, .pun .subscribelink span, #announce .hd, #reportform h2, #punmoderate #vf h2,
#punviewforum #vf h2, .pun .required strong span, .pun .icon div {
  display: block;
  overflow: hidden;
  position: absolute;
  text-indent: -9999em;
  width: 0;
}

/* Generic Float Clear
----------------------------------------------------------------*/

.pun .inbox, .pun #brdmain, .pun .crumbs, .pun .pagepost, .pun .block2col {
  min-height: 1px;
}

* html .pun .inbox, * html .pun #brdmain, * html .pun .infldset, * html .pun .crumbs, * html .pun .pagepost, * html .pun .block2col {
  display: inline-block;
}

* html .pun .inbox, * html .pun #bdrdmain, * html .pun .infldset, * html .pun .crumbs, * html .pun .pagepost, * html .pun .block2col {
  display: block;
}

.pun .inbox:after, .pun #brdmain:after, .pun .crumbs:after, .pun .pagepost:after, .pun .block2col:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.pun .block2col .inbox:after {
  content: none;
  clear: none;
}

.clearl {
  clear: left;
}


/*****************************************************************
2. COMMON STYLES
*****************************************************************/

/* Page Layout
----------------------------------------------------------------*/

.pun {
  padding: 30px 40px;
}

#punredirect, #punmaint {
  padding: 60px 20% 12px 20%;
}

#puninstall, #pundb_update {
  padding: 20px 10%;
}

.pun .punwrap {
  border: 1px solid;
  padding: 0px;
}

.pun .top-box {
  height: 0px;
  margin-bottom: 0px;
  position: relative;
  background: url(Air/img/main_top.png) top left no-repeat;
}

.pun .top-box div {
  height: 0px;
  margin-left: 50%;
  background: url(Air/img/main_top.png) top right no-repeat;
}

.pun .end-box {
/*  margin-top: -17px;*/
  height: 18px;
  position: relative;
/*  background: url(Air/img/main_end.png) bottom left no-repeat; */
 background: none;
}

.pun .end-box div {
  height: 18px;
  margin-left: 50%;
/*  background: url(Air/img/main_end.png) bottom left no-repeat; */
 background: none;
}

#punredirect h2, #punmaint h2 {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  margin-bottom: 3px;
}

/* Section Spacing and Borders
----------------------------------------------------------------*/

#brdmain {
  border-style: solid none;
  border-width: 2px 0;
  margin-bottom: 12px;
  padding: 12px 0;
}

#punindex #brdmain {
  padding-top: 24px;
}

#punredirect #brdmain, #punmaint #brdmain {
  border: 0;
  margin: 0;
  padding: 0;
}

#brdstats {
  border-style: solid none none none;
  border-width: 2px 0 0 0;
  margin-top: 24px;
  padding-top: 12px;
}

#quickpost {
  border-style: solid none none none;
  border-width: 2px 0 0 0;
  margin-top: 12px;
  padding-top: 12px;
}

#announce {
  border-style: solid none none none;
  border-width: 2px 0 0 0;
  padding-top: 3px;
}

/*****************************************************************
3. COMMON BOARD ELEMENTS
*****************************************************************/

/* Logo, Description and Main Menu
----------------------------------------------------------------*/

#brdtitle h1 {
  padding: 0 0 10px 0;
}

#brddesc {
  border-top-style: dotted;
  border-top-width: 1px;
  padding: 10px 0;
}

#brddesc p {
  padding: 0;
}

#brdmenu ul {
  padding: 0;
}

#brdmenu li {
  /*float: left;*/
}

#brdmenu a:link, #brdmenu a:visited {
  /*border-right-style: solid;
  border-width: 1px;*/
  display: block;
  /*min-width: 60px;
  padding: 10px 8px;*/
  white-space: nowrap;
}

#brdmenu a:hover, #brmenu a:active, #brdmenu a:focus {
  text-decoration: none;
}

/* Welcome Box
----------------------------------------------------------------*/

#brdwelcome {
  padding: 10px 0;
}

#brdwelcome .conl, #brdwelcome .conr, #brdwelcome p, #brdwelcome li {
  display: inline;
  padding: 0;
}

#brdwelcome .conl {
  float: left;
}

#brdwelcome .conr {
  float: right;
}

#brdwelcome li span {
  background: url(Air/img/bull.png) center left no-repeat;
  padding-left: 18px;
  margin-right: 3px;
  display: inline-block;
  line-height: normal;
  white-space: nowrap;
}

#brdwelcome .conl li:first-child span {
  padding-left: 0;
  background: none;
}

/* Stats
----------------------------------------------------------------*/

#brdstats .conl {
  float: left;
}

#brdstats .conr {
  float: right;
  text-align: right;
}

#brdstats #onlinelist {
  border-top-style: dotted;
  border-top-width: 1px;
  clear: both;
}

#brdstats #onlinelist dt, #brdstats #onlinelist dd {
  display: inline;
}

/* Footer
----------------------------------------------------------------*/

.pun #modcontrols {
  border-style: none none dotted none;
  border-width: 0 0 1px 0;
  margin-bottom: 4px;
  text-align: center;
  width: 100%;
}

.pun #modcontrols dd {
  display: inline;
}

.pun #brdfooter #modcontrols dd span {
  background: url(Air/img/bull.png) center left no-repeat;
  display: inline-block;
  line-height: normal;
  padding-left: 18px;
  white-space: nowrap;
}

.pun #brdfooter .conl {
  float: left;
}

.pun #brdfooter .conr {
  text-align: right;
  float: right;
}

.pun #brdfooter #poweredby a {
  font-size: 1.077em;
  font-weight: bold;
}

.pun #brdfooter #qjump {
  padding-top: 5px;
}

.pun #brdfooter #qjump * {
  white-space: nowrap;
}

.pun #brdfooter #searchlinks dd span {
  background: url(Air/img/bull.png) center left no-repeat;
  display: inline-block;
  line-height: normal;
  padding-left: 18px;
  white-space: nowrap;
}

.pun #brdfooter #feedlinks {
  padding-bottom: 0;
}

.pun #brdfooter #feedlinks span {
  background: url(Air/img/feed.png) center left no-repeat;
  display: inline-block;
  padding-left: 18px;
  white-space: nowrap;
}

.pun #debugtime {
  border-style: dotted none none none;
  border-width: 1px 0 0 0;
  margin-top: 7px;
  text-align: center;
}

/* Breadcrumbs, Postlink, Pagination
----------------------------------------------------------------*/

.pun .linkst .inbox, .pun linksb .inbox, .pun .postlinksb .inbox {
  overflow: hidden;
}

.pun .linksb, .pun .postlinksb, .pun .linkst, .pun .crumbs {
  clear: both;
  position: relative;
}

.pun .linkst .crumbs {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.462em;
  line-height: 1.211em;
  padding: 7px 0;
}

.pun .linksb .crumbs, .pun .postlinksb .crumbs {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.154em;
}

.pun .linkst .crumbsplus .pagepost {
  border-top-style: dotted;
  border-top-width: 1px;
}

.pun .linksb .crumbsplus .pagepost, .pun .postlinksb .crumbsplus .pagepost {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}

.pun .postlinksb .crumbs {
  margin-right: 11em;
}

.pun .crumbs li {
  float: left;
  padding-right: 0.4em;
  white-space: nowrap;
}

.pun .crumbs li strong {
  font-weight: normal;
}

.pun .pagelink {
  float: left;
  white-space: nowrap;
}

.pun .pagelink strong, .pun .pagelink a, .pun .pagelink span.spacer {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  display: inline-block;
  padding: 0 12px 0 10px;
  margin-right: -6px;
}

.pun .pagelink .item1 {
  border: 0;
}

.pun .pagelink .pages-label {
  display: inline-block;
}

.pun .postlink {
  float: right;
  font-weight: bold;
  text-align: right;
}

.pun .modbuttons {
  float: right;
  padding: 5px 0 3px 0;
}

.pun .modbuttons input {
  margin-left: 8px;
}

.pun .subscribelink {
  position: absolute;
  right: 0;
  text-align: right;
  top: 33px;
}

#punindex .subscribelink {
  top: 0px;
}

#punindex .linksb {
  height: 12px;
}

/*****************************************************************
4. MAIN TABLES
*****************************************************************/

.pun #brdmain .blocktable {
  position: relative;
}

#punindex #brdmain .blocktable h2, #punsearch #vf h2 {
  /*font: 1em/1.462em Arial, Helvetica, sans-serif;*/
  font-weight: bold;
  margin: 1px 1px 0 1px;
  padding-left: 8px;
  position: relative;
  left: 0;
  white-space: nowrap;
  z-index: 100;
}

#punindex .blocktable th.tcl, #punsearch #vf th.tcl {
  font-size: 0;
  text-indent: -9999em;
}

.pun .blocktable .box {
  /*border-style: solid;
  border-width: 1px;*/
  margin-bottom: -1px;
  overflow: hidden;
  position: relative;
}

* html .pun .blocktable .box {
  display: inline-block;
}

.pun .blocktable table {
  table-layout: fixed;
  margin-bottom: -1px;
}

.pun .blocktable th {
  padding: 7px 8px;
  /*border-style: none none solid none;
  border-width: 1px;*/
  text-align: left;
}

.pun .blocktable td {
  padding: 7px 8px;
  line-height: 1.3077em;
  /*border-style: none none solid none;
  border-width: 1px;*/
  text-align: left;
}

.pun .blocktable h3 {
  font-size: 1.077em;
  font-weight: bold;
  padding: 0;
}

.pun .blocktable p {
  padding: 0;
}

.pun .blocktable .tcl p {
  padding: 5px 0 0 0;
}

.pun .blocktable .tcl {
  width: auto;
}

.pun .blocktable .tc2, .pun .blocktable .tc3, .pun .blocktable .tcmod {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  width: 11%;
}

.pun .blocktable .tcr {
  width: 30%;
}

.pun .blocktable td .newtext, .pun .blocktable td .pagestext, .pun .blocktable td .byuser {
  white-space: nowrap;
}

.pun .blocktable .tcl h3 span.newtext {
  font-size: 0.929em;
  font-weight: normal;
}

.pun #vf td.tcl span.stickytext, .pun #vf td.tcl span.closedtext {
  font-size: 1em;
  font-weight: bold;
}

#punsearch #vf .tc2 {
  padding-left: 8px;
  padding-right: 8px;
  text-align: left;
  width: 18%;
}

#users1 .tcr {
  width: 25%;
}

#users1 .tc2 {
  padding-left: 8px;
  padding-right: 8px;
  text-align: left;
  width: 25%;
}

#debug {
  margin-top: 12px;
}

#debug .tcl {
  width: 10%;
}

#punredirect #debug .tcl, #punmaint #debug .tcl {
  width: 20%;
}

#debug .tcr {
  width: 90%;
  white-space: normal
}

#punindex .tcr .byuser {
  display: block
}

#punindex td.tc2, #punindex td.tc3, #punindex td.tcr, .pun #vf td.tc2, .pun #vf td.tc3,
.pun #vf td.tcr, #punindex td.tcl div.forumdesc, .pun #vf td.tcl span {
  font-size: 0.923em;
}

.pun #vf td.tcl a {
  font-weight: bold;
}

.pun #vf td.tcl span a {
  font-weight: normal;
}

.pun .blocktable .tclcon {
  height: 1%;
  min-height: 1px;
  overflow: hidden;
  padding: 0 11px 0 12px;
  position: relative;
}

.pun .blocktable .tclcon div {
  width: 100%;
  overflow: hidden;
}

.pun .icon {
  border-style: solid;
  border-width: 8px;
  float: left;
  height: 0;
  overflow: hidden;
  width: 0;
}

.pun .iposted .ipost {
  font-weight: bold;
  left: 0;
  padding-left: 4px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 8px;
}

/*****************************************************************
MAIN POSTS
*****************************************************************/

/* Structure
----------------------------------------------------------------*/

.pun .blockpost {
/*  border-style: solid;
  border-width: 1px;*/
  margin-bottom: -1px;
  overflow: hidden;
  position: relative;
}

* html .pun .blockpost {
  display: inline-block;
}

.pun .blockpost h2 {
  font: 1em/1.462em Arial, Helvetica, sans-serif;
  white-space: nowrap;
/*  border-bottom-style: solid;
  border-bottom-width: 1px;*/
  height: 1.462em;
  padding: 0.538em 8px 0.538em 236px;
  font-weight: normal;
}

#punsearch .blockpost h2 {
  height: auto;
  padding-left: 36px;
  white-space: normal;
}

#punsearch .blockpost h2 span span {
  white-space: nowrap;
  display: inline-block;
/*  font: 1.077em "Trebuchet MS", Arial, Helvetica, sans-serif*/
}

#punsearch .blockpost .icon {
  position: absolute;
  top: 0;
  margin-top: -2.154em;
}

.pun .blockpost h2 .conr {
  float: right;
  text-align: right;
}

.pun .blockpost .inbox {
  float: right;
  position: relative;
  width: 100%;
}

.pun .blockpost .postbody, .pun .blockpost .postfoot {
  border-left-style: solid;
  border-left-width: 1px;
  float: right;
  margin-right: -218px;
  position: relative;
  text-align: left;
  width: 100%;
}

.pun .blockpost .postleft, .pun .blockpost .postfootleft {
  width: 194px;
  padding: 7px 12px 7px 12px;
  float: left;
  margin-left: -218px;
  position: relative;
}

.pun .blockpost .postleft dl {
  padding: 0;
}

#punviewtopic .blockpost dt, #punmoderate .blockpost dt {
  display: block;
  position: absolute;
  padding: 0.538em 0 0.538em 12px;
  height: 1.462em;
  top: -2.615em;
  left: 0;
  overflow: hidden;
  width: 206px;
}

.pun .blockpost dt strong {
  font-size: 1.231em;
  font-weight: bold;
}

.pun .blockpost .postleft dd {
  font-size: 0.923em;
}

.pun .blockpost .postleft .usertitle {
  padding: 4px 0 6px 0;
  font-size: 1em;
}

.pun .blockpost .postleft .postavatar {
  display: block;
  margin: 0 0 4px 0;
}

.pun .blockpost .postright {
  position: relative;
  padding: 4px 230px 7px 18px;
}

.pun .postmsg {
  width:100%;
  overflow: hidden;
  word-wrap: break-word;
}

.pun .blockpost .postfootright {
  position: relative;
  padding: 7px 230px 7px 18px;
  text-align: right;
}

.pun .postfoot p, .pun .postfoot ul {
  padding: 0;
}

.pun .blockpost .postfootright li {
  display: inline;
}

.pun .blockpost .postfootright li span {
  display: inline-block;
  padding-left: 16px;
  margin-left: 8px;
  line-height: normal;
  background: url(Air/img/bull.png) center left no-repeat;
}

.pun .blockpost .usercontacts {
  padding: 7px 0;
}

.pun .blockpost .usercontacts .email {
  background: url(Air/img/email.png) left 65% no-repeat;
  margin-right: 5px;
  padding-left: 21px;
  display: inline-block;
  line-height: normal;
}

.pun .blockpost .usercontacts .website {
  background: url(Air/img/ext.png) left 65% no-repeat;
  padding-left: 18px;
  display: inline-block;
  line-height: normal;
}

.pun .postsignature hr {
  border:none;
  height: 1px;
  margin-left: 0px;
  text-align: left;
}

/* Content (includes other user content)
----------------------------------------------------------------*/

.pun .usercontent {
  padding: 7px 0;
}

.pun .postmsg p, .pun .postmsg li, #punhelp p samp {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pun .usercontent h1, .pun .usercontent h2, .pun .usercontent h3,
.pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 {
  padding: 7px 0 0 0;
}

.pun .postmsg h5, #punhelp h5 {
  font-size: 1.231em;
  font-weight: bold;
  padding: 7px 0;
}

.pun .usercontent ul, .pun .postmsg ul {
  list-style: disc;
  padding: 4px 13px 4px 30px;
}

.pun .usercontent ol, .pun .postmsg ol {
  list-style: decimal;
  padding: 4px 13px 4px 30px;
}

.pun .usercontent ol.alpha, .pun .postmsg ol.alpha {
  list-style: lower-alpha;
}

.pun .usercontent li, .pun .postmsg li {
  padding: 0 3px;
}

.pun .usercontent li p, .pun .postmsg li p {
  padding: 0;
}

.pun span.bbu {
  text-decoration: underline;
}

.pun span.bbs, .pun del {
  text-decoration: line-through;
}

.pun .postmsg ins, #punhelp samp ins {
  text-decoration: none;
}

.pun .blockpost .postmsg .postedit {
  font-size: 0.857em;
}

.pun .blockform .postsignature, .pun .blockpost .postsignature {
  font-size: 0.923em;
}

.pun .codebox {
  border-style: solid;
  border-width: 1px;
  margin: 0.75em 1em;
  padding: 0;
}

.pun .quotebox {
  /*border-style: solid;
  border-width: 1px 1px 1px 3px;*/
  margin: 0.75em 1em;
  padding: 0 0.75em;
}

.pun .quotebox cite {
  display: block;
  padding: 0.75em 0 0 0;
  font-weight: bold;
  line-height: 1.462em;
}

.pun .quotebox blockquote {
  overflow: hidden;
  width: 100%;
}

.pun .codebox pre {
  overflow-y:hidden;
  overflow: auto;
  width: 100%;
  direction: ltr;
  text-align: left;
}

* html .pun .codebox pre {
  padding-bottom: 10px;
}

*:first-child+html .pun .codebox pre {
  padding-bottom: 10px;
}

.pun .codebox pre code {
  padding: 0.75em;
  white-space: pre;
}

.pun div[class*=codebox] pre code {
  display: inline-block;
}

* html .pun .codebox pre code {
  display: block;
}

.pun .codebox pre.vscroll {
  height: 32em;
  overflow: auto;
  overflow-y: auto
}

.pun .postmsg img, #punhelp samp img {
  vertical-align: text-top;
}

.pun .postmsg .postimg img {
  max-width: 98%;
  vertical-align: middle;
  margin: 7px 0.5em 7px 0;
}

.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
  border-style: solid;
  border-width: 2px;
}

/*****************************************************************
MAIN FORMS
*****************************************************************/

#punedit .blockform h2, #punpost .blockform h2, #postpreview h2, #posterror h2,
.pun #quickpost h2, .pun #reportform h2, #pundelete .blockform h2 {
  /*font: 1em/1.462em Arial, Helvetica, sans-serif;*/
  font-weight: bold;
  white-space: nowrap;
  padding: 10px 19px 4px 37px;
  border: 0;
}

#punpost .blockform h2, #punedit .blockform h2,.pun #quickpost h2,
#pundelete .blockform h2 {
  margin: 1px 1px 0 1px;
  width: 25em;
  position: absolute;
  z-index: 100;
}

.pun #quickpost legend, #punpost legend, #punedit legend {
  width: 25em;
  overflow: hidden;
  white-space: nowrap;
}

.pun .blockform .box {
  border-style: solid;
  border-width: 1px;
  padding-bottom: 12px;
}

.pun #posterror {
  border-style: solid;
  border-width: 1px;
}

.pun #posterror .box {
  padding: 0 18px 12px 18px;
}

* html .pun .blockform .box, * html .pun #posterror {
  display: inline-block;
}

.pun .blockform .forminfo, .pun .error-info {
  padding: 12px 18px;
  border-style: solid;
  border-width: 1px;
  position: relative;
}

.pun .blockform .forminfo {
  margin-top: 12px;
}

#pundelete .blockform .forminfo {
  margin-top: 33px;
}

.pun .forminfo h3 {
  padding-bottom: 0;
}

.pun .error-list li {
  padding-left: 24px;
  background: url(Air/img/exclaim.png) center left no-repeat;
}

.pun .inform {
  padding: 0 18px;
}

.pun legend {
  font-weight: bold;
  padding: 10px 19px 4px 19px;
}

* html .pun legend {
  margin-left: -7px;
}

*:first-child+html .pun legend {
  margin-left: -7px;
}

.pun .infldset {
  border-style: solid;
  border-width: 1px;
  padding: 12px 18px;
}

#punregister #rules .infldset {
  padding: 5px 18px;
}

.pun fieldset p {
  padding: 0 0 7px 0;
  width: 100%;
}

.pun fieldset .usercontent p {
  padding: 7px 0;
}

.pun fieldset label {
  display: block;
  padding: 0 0 7px 0;
}

.pun label em {
  font-weight: normal;
  font-style: normal;
}

.pun .required strong {
  background: url(Air/img/asterisk.png) center right no-repeat;
  font-weight: normal;
  padding-right: 14px;
  white-space: pre;
  display: inline-block;
  line-height: normal;
}

.pun label input, .pun label select, .pun label textarea {
  margin-top: 2px;
}

.pun label.conl {
  display: inline-block;
  padding-right: 12px;
}

.pun form .buttons {
  padding: 8px 19px 8px 34px;
  margin-bottom: -12px;
}

.pun .blockform .buttons input {
  margin-right: 12px;
}

.pun .rbox {
  padding: 3px 0;
}

.pun .rbox label {
  padding: 3px 0 3px 1.75em;
  position: relative;
  min-height: 1px;
}

* html .pun .rbox label {
  text-indent: -3px;
  height: 1%;
}

.pun .rbox input {
  margin: 3px 0.75em 3px -1.75em;
  float: left;
  position: relative;
  vertical-align: middle;
  padding: 0;
  height: 1em;
  width: 1em;
}

.pun input[type=text], .pun select, .pun textarea {
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
}

.pun .txtarea textarea, .pun input.longinput {
  width: 98%;
}

.pun #quickpost .txtarea {
  padding-right: 12px;
  position: relative;
}

.pun .blockform .bblinks {
  padding-top: 0;
}

.pun .blockform .bblinks li {
  display: inline;
}

.pun .blockform .bblinks li span {
  background: url(Air/img/help.png) center left no-repeat;
  margin-right: 8px;
  padding-left: 20px;
  display: inline-block;
}

.pun #quickpost .bblinks {
  padding-top: 0;
}

.pun #quickpost .bblinks li {
  display: inline;
}

.pun #login p.clearb {
  border-top-style: dotted;
  border-top-width: 1px;
  font-size: 0;
  height: 0;
  line-height: 0;
  margin-top: 7px;
  overflow: hidden;
  padding-bottom: 3px;
  padding-top: 7px;
  text-indent: -9999em;
  width: 100%;
}

.pun #postreview {
  padding-top: 12px;
}

.pun #postpreview, .pun #posterror {
  margin-bottom: 12px;
}

.pun #postpreview .postright {
  padding: 0;
}

.pun #postpreview .postbody {
  border-style: solid;
  border-width: 1px;
  float: none;
  margin: 0 18px 12px 18px;
  padding: 0;
  padding: 4px 18px 4px 18px;
  width: auto;
}

.pun span.email {
  background: url(Air/img/email.png) left 65% no-repeat;
  margin-right: 5px;
  padding-left: 21px;
  display: inline-block;
  line-height: normal;
}

.pun span.website {
  background: url(Air/img/ext.png) left 65% no-repeat;
  padding-left: 18px;
  display: inline-block;
  line-height: normal;
}

#punmisc #rules .box {
  border-style: solid;
  border-width: 1px;
  padding: 5px 18px;
}


#punhelp .box {
  border-style: solid;
  border-width: 1px;
  padding: 7px 12px;
}

.pun .multiselect {
  float: left;
  padding-bottom: 7px;
}

.pun .checklist {
  border-width: 1px;
  border-style: solid;
  max-height: 9em;
  width: 20em;
  overflow: auto;
  padding: 0.25em 0.5em;
  margin: 0.25em 16px 0 0.15em;
}

.pun .checklist legend {
  padding: 0;
}

.pun .checklist legend span {
  width: auto;
  max-width: 25em;
}

.pun .checklist .checklist-item {
  position: relative;
}

.pun .checklist .checklist-item label {
  padding: 0 0 0 1.75em;
}

.pun .checklist .checklist-item .fld-input {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
}

.pun .checklist .checklist-item input {
  margin: 0;
  height: 1.55em;
  width: 1.55em;
}

/*****************************************************************
PROFILES (+ ADMIN MENU)
*****************************************************************/

/* Profile / Admin
----------------------------------------------------------------*/

.pun .blockmenu {
  width: 13em;
  float: left;
  padding-bottom: 12px;
}

.pun .block2col .blockform, .pun .block2col .block {
  margin-left: 15em;
}

.pun .blockmenu .block2 {
  padding-top: 19px;
}

.pun .blockmenu ul {
  border-top-style: dotted;
  border-top-width: 1px;
  padding: 0;
}

.pun .blockmenu li {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  font-weight: bold;
  padding: 0;
}

.pun .blockmenu a:link, .pun .blockmenu a:visited {
  display: block;
  padding: 9px 6px 3px 6px;
  min-height: 1px;
  text-decoration: none;
}

* html .pun .blockmenu a:link,  * html .pun .blockmenu a:visited {
  height: 1%;
}

.pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus {
  text-decoration: none;
}

#viewprofile .box {
  border-style: solid;
  border-width: 1px;
  padding-bottom: 18px;
}

#viewprofile dt, #adstats dt {
  padding: 7px 0;
  position: absolute;
  width: 13em;
  left: 0;
}

#viewprofile dl {
  border-style: solid none none none;
  border-width: 1px;
  margin: 7px 0;
  padding: 0;
  width: 100%;
  position: relative;
}

#adintro, #adstats {
  border-style: solid;
  border-width: 1px;
  padding: 18px;
}

#adintro li span {
  display: inline-block;
  padding-left: 16px;
  margin-left: 8px;
  line-height: normal;
  background: url(Air/img/bull.png) center left no-repeat;
}

#adstats .inbox, #adintro .inbox {
  border-style: solid;
  border-width: 1px;
  padding: 18px;
}

#adstats dl {
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
}

#viewprofile dd, #adstats dd {
  border-style: none none solid none;
  border-width: 1px;
  padding: 7px 0 7px 13em;
}

/*****************************************************************
COLOUR SCHEME
*****************************************************************/

/* Basic defaults and Common Items
----------------------------------------------------------------*/

html, body, .pun {
  background: #f6f9fc;
  color: #333;
}

.pun .punwrap {
/*  background: #fff;*/
/*  border-color: #cad7e1; */
 border: none;
  color: #566579;
}

#brdtitle #brddesc, .pun .pagepost, #brdstats #onlinelist, #brdfooter #searchlinks, #brdfooter #modcontrols,
#punmaint h2, #punredirect h2, #adminconsole .submittop, .pun #debugtime, .pun .pagelink a, .pun .pagelink * {
  border-color: #b9c5ce;
/*  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;*/
}

.pun a, .pun a:link, .pun a:visited {
  color: #2365B0;
}

.pun a:hover, .pun a:active, .pun a:focus {
  color: #004687;
}

.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
  /*border-color: #22538a;*/
}

.pun .postmsg .postimg a:hover img, .pun .postmsg .postimg a:active img, .pun .postmsg .postimg a:focus img {
  /*border-color: #b50000;*/
}

/* Primary Navigation
----------------------------------------------------------------*/

#brdmenu {
  background: #44699c;
}

#brdmenu a, #brdmenu a:link, #brdmenu a:visited {
  background: #44699c;
  border-color: #fff;
  color: #d4dae2;
}

#brdmenu a:hover, #brdmenu a:active, #brdmenu a:focus {
  background: #004687;
  border-color: #fff;
  color: #fff;
}

/* Main Tables
----------------------------------------------------------------*/

.pun .blocktable .box {
  background: #fcfdfe;
/*  border-color: #b9c5ce #d9e1e7;*/
}

#punindex .blocktable h2, .pun #vf h2 {
  color: #357082;
}

#adminconsole fieldset th, #adminconsole fieldset td {
  background: #f6f9fc;
  border-color: #dfe6ee;
}

.pun #users1 h2 {
  background: #fff;
}

.pun .blocktable td {
  /*border-color: #dfe6ee;*/
}

.pun .blocktable th {
  background: #ebf1f5;
  /*border-color: #cad7e1;*/
  color: #357082;
}

.pun .blocktable td.tcl span.stickytext {
  color: #3399CC;
}

/* Main Posts
----------------------------------------------------------------*/

.pun .blockpost {
  background: #f6f9fc;
  /*border-color: #b9c5ce #d9e1e7;*/
}

.pun .blockpost h2 {
  background: #ebf1f5;
  /*border-color: #cad7e1;*/
  color: #357082;
}

.pun .blockpost .postbody, .pun .blockpost .postfoot {
  background: #fcfdfe;
  /*border-color: #dfe6ee;*/
}

.pun .blockpost .postfootright li {
  color: #fcfdfe;
}

.pun .postmsg, #punhelp code, #punhelp samp {
  color: #333;
}

.pun .postsignature, .pun .postmsg .postedit {
  color: #566579;
}

.pun .quotebox {
  background: #f8f9f0;
  border-color: #7aadbd;
  color: #566579;
}

.pun .quotebox cite {
  color: #357082;
}

.pun .codebox, #punhelp .codebox code {
  background: #333;
  color: #fff;
}

.pun .postmsg hr {
  background: #b9c5ce;
}

.pun .postmsg ins, #punhelp samp ins {
  background-color: #ff0;
}

/* Main Forms + Profile
----------------------------------------------------------------*/

.pun .blockform .box, #adstats, #adintro, #postpreview, #posterror {
  border-color: #b9c5ce #d9e1e7;
  background: #ebf1f5;
}

#punmisc #rules .box, #punhelp .box {
  border-color: #b9c5ce #d9e1e7;
  background: #f6f9fc;
}

.pun #quickpost h2, #punpost .blockform h2, #punedit .blockform h2, #posterror h2,
#pundelete .blockform h2 {
  background: #ebf1f5;
  color: #357082;
}

.pun .forminfo {
  background: #fff;
  border-color: #dfe6ee;
}

#puninstall form#install .forminfo {
  background: #44699c;
  color: #fff;
}

.pun #posterror .error-info {
  background: #ffffe1;
  border-color: #dfe6ee;
}

#puninstall form#install .error-info {
  background: #ffffe1;
  border-color: #dfe6ee;
  color: #333;
}

.pun .infldset, #adintro .inbox, #adstats .inbox {
  background: #f6f9fc;
  border-color: #dfe6ee;
}

.pun label, .pun legend, #adminconsole fieldset th {
  color: #357082;
}

.pun fieldset p {
  border-color: #b9c5ce;
}

.pun .blockmenu ul, .pun .blockmenu li {
  border-color: #b9c5ce;
}

.pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus {
  background: #ffffe6;
}

.pun .blockmenu .isactive a:link, .pun .blockmenu .isactive a:visited {
  color: #333;
  background: #f6f9fc;
  }

.pun #viewprofile .box {
  border-color: #b9c5ce #d9e1e7;
  background: #ebf1f5;
}

.pun #viewprofile dt, #adstats dt {
  color: #357082;
}

.pun #viewprofile dl, .pun #viewprofile dd, #adstats dl, #adstats dd {
  border-color: #dfe6ee;
}

#adminconsole fieldset td.nodefault {
  background: #d59b9b;
}

.pun .multiselect {
  color: #357082;
}

.pun .checklist {
  background: white;
  border-color: #ccc;
}

/* Status Indicators
----------------------------------------------------------------*/

.pun .icon {
  border-color: #e8ecf1 #d4d9dd #dfe3e8 #e8ecf1;
}

.pun .iredirect .icon {
  border-color: #b9c5ce;
  border-width: 1px;
  padding: 7px;
}

.pun .inew .icon {
  border-color: #91b3d9 #87a8d1 #6c85bb #7292c3;
}

div.pun {
  max-width: 115em;
  width: 100%;
  margin: auto auto;
  padding: 10px 0px;
}

/* Intégration du code source
----------------------------------------------------------------*/

.pun .geshicodebox {
  overflow-y:auto;
  overflow: auto;
  width: 95%;
  direction: ltr;
  text-align: left;
  font-size: 10pt;
  max-height: 22em;
  white-space: nowrap;
  padding: 1em;
  background-color: rgb(251, 250, 249);
  color: black;
  margin: 0.5em;
  border-color: rgb(85, 85, 85);
  box-shadow: 0px 0px 5px rgb(187, 187, 187) inset;
  margin-left: 1em;
}

.pun div.code_root {
  margin-left: 0.5em;
  border-color: rgb(170, 85, 85) rgb(170, 85, 85) rgb(170, 85, 85) rgb(170, 0, 0);
  box-shadow: 0px 0px 5px rgb(170, 136, 136) inset;
  border-left: 0.5em solid rgb(170, 0, 0);
}

.pun div.code_user {
  margin-left: 0.5em;
  border-color: rgb(85, 85, 85);
  box-shadow: 0px 0px 5px rgb(187, 187, 187) inset;
  border-left: 0.5em solid rgb(85, 85, 85);
}

.pun div.code_root:before, .pun div.code_user:before {
  border-bottom: 0px dotted black;
  margin: -1em -1em 0 -1em;
  padding: 0.1em 0.5em 0.5em 0.5em;
  margin-bottom: 0.5em;
  height: 1em;
  text-align: left;
  display: block;
  font-size: small;
  font-style: italic;
}
.pun div.code_root:before {
  content: "en root";
  background: url(http://images.debian-facile.org/root.png) no-repeat right;
  background-size: contain;
}
.pun div.code_root:hover:before {
  content: "Ce code doit être entré dans un shell super-utilisateur.";
}

.pun div.code_user:before {
  content: "en user";
  background: url(http://images.debian-facile.org/user.png) no-repeat right;
  background-size: contain;
}
.pun div.code_user:hover:before {
  content: "Ce code doit être entré dans un shell utilisateur simple.";
}


/*************************************************************************/
/*----------------------Ajouts Leonlemouton------------------------------*/
/*************************************************************************/

*{
font-family: Tahoma, Verdana, Segoe, sans-serif !important;
}

/*----------------------Menu------------------------------*/

#brdmenu{
padding: 0% 1%;
width: 98%;
margin: 0px auto;  
background-color: #44699C;
background-image:-webkit-gradient(linear,left top, left bottom,from(#004687),to(#44699C));
background-image: -webkit-linear-gradient(top,#004687,#44699C);
background-image: -moz-linear-gradient(top,#004687,#44699C);
background-image: -o-linear-gradient(top,#004687,#44699C);
background-image: linear-gradient(top,#004687,#44699C);
}

#brdmenu ul{
list-style: none;
overflow: hidden;
}

#brdmenu a, #brdmenu a:link, #brdmenu a:visited{
background-color: #004687;
}

#brdmenu li a{
border: none;
display: block;
float: left;
font: white;  
text-decoration: none;
text-transform: uppercase;
height: 35px;                                                      
border-radius: 0px 0px 7px 7px;                              
margin-right: 1.5px;                                                  
padding:15px 3px 0px 3px;                                        
text-align: center;
top: 0px;                                                        
font-size: 0.85em;
}

#brdmenu li a:hover {
  background: #44699C;
}

#brdmenu li:last-child a {
  border: none;
}

/*----------------------Divers------------------------------*/

.pun{
background-color: #EBF1F5;
}

.pun p{
padding: 1%;
}

table.rib table tbody td {
padding: 0.3em !important;
font-size: 90%;
font-weight: normal;
}

.pun .punwrap {
margin:0%;
color:black;
}

#brdheader{
margin:0% 2%;
}

#brdmain{
border:none;
padding-top: 0px;
background-color: #EBF1F5;
}

#brdwelcome{
padding: 5px 0px 0px 0px;
background-color: #44699C;
color:white;
font-size: 0.8em;
border-radius:0 0 10px 10px;
}

#brdwelcome a{
color:white;
}

#brdwelcome .conl {
padding: 0px 0px 5px 5px;
}

#brdwelcome .conr {
padding: 0px 5px 5px 0px;
}

div.pun{
padding-top: 0px;
}

#brdtitle h1{
padding:0;
}

#brddesc {
padding: 5px 15px 10px;
display:none;
}

.blockmenu h2{
padding:5px;
}

.blocktable{
border:none;
text-align: center;
box-shadow: 10px 10px 5px #CAD7E1;
background-color: #44699C;

}

.pun .blocktable{
margin:0% 2%;

}

.pun .blocktable .box{
border:none;
}

.pun .blocktable th{
text-align: center;
color:#004687;
}

.pun .blocktable td {
border-top: 2px solid #44699C;
background-color: white;
}

.pun .blocktable h1{
font-size: 1.9em;
color:#44699C;

}

.pun table{
border-collapse:separate;
}

.pun .blocktable h2{
margin-top:10px;
font-size: 1.9em;
color:white;
background: #44699C;
background-image:url('images/btn-forum.png');
background-repeat: no-repeat;
background-position: 100% 0%;

}

.pun .blocktable h3{
}

.pun .blocktable .tc2, .pun .blocktable .tc3, .pun .blocktable .tcmod{
text-align: left;
padding-left: 1%;
color:#004687;
}

.pun .blockpost .postleft .usercontacts span{
padding:0;
margin:0;
font-size: 1em;
}

.pun .linkst{
}

.pun .pagepost{
margin:0% 2% 0% 2%;
}

.pun .crumbs{
margin-top:10px;
background-color:#EBF1F5;
width: 100%;
padding-left: 5%;
}

.pun .crumbs li{
color: #44699C;

}

.pun .crumbs a{
color: #44699C;

}

.pun .linkst .crumbs{
font-size:110%;
padding: 0% 2%;

}

.pun .linksb .crumbsplus .pagepost, .pun .postlinksb .crumbsplus .pagepost {
border-bottom-style:none;
border-bottom-width: 0px;

}
.pun .linkst .crumbsplus .pagepost{
border:none;
}

.pun .blockpost{
margin:0% 2% 0% 2%;
box-shadow: 10px 10px 5px #CAD7E1;
background-color: #EBF1F5;
border-top:solid 5px #44699C;
}

.pun .blockpost .postbody, .pun .blockpost .postfoot {
    border-left-style: none;
}

.pun .blockpost .postleft, .pun .blockpost .postfootleft {
color:#44699C;
}

.pun div.postmsg, .pun div.postright{
background-color: white;
}

.pun .hd h2{
padding-top:2%;
color:#004687;
}
.pun .blockmenu{
padding: 15px;
}

.pun .blockmenu a:link, .pun .blockmenu a:visited {
    background: #44699C;
    color: white;
}

.pun .blockmenu a:hover , .pun .blockmenu a:focus,.pun .blockmenu a:active{
    background: white;
    color:#44699C ;
}

.pun #modcontrols{
border:none;
}

#brdstats #onlinelist {
border-top-style: none;
border-top-width: 1px;
clear: both;
}

#brdstats{
padding:0% 2% 0% 2%;
border:none;
}

#brdstats .box{
  padding-top: 40px;
}

.pun .subscribelink {
  position: absolute;
  right: 2%;
  text-align: center;
  padding-top:15px;
}

.pun #quickpost h2, #punpost .blockform h2, #punedit .blockform h2, #posterror h2, #pundelete .blockform h2 {
   padding:0 0 0 2%;
   color:#004687;
}

#brdfooternav {
  position: absolute;
background-color:#44699C;
color:white;
padding: 5px;
padding-bottom: 300px;
background-image:url('logo-asso-4.png');
background-repeat: no-repeat;
background-position: 50% 90%;
left:0px;
right:0px;
}

#brdfooter label{
  color:white;
}

#brdfooternav a{
color:white;
}

#brdfooternav .conl{
padding-left: 5%;
}

#brdfooternav .conr{
padding-right: 5%;
}

.pun .end-box{
display: none;
}
/*----------------------Accueil------------------------------*/

#carregauche, #carregauche2, #carremilieu, #carremilieu2, #carredroite{
margin: 1%;
width:31%;
height: 100px;
float: left;
background: #004687;
background: -moz-linear-gradient(top, #004687 0%, #44699C 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004687), color-stop(100%,#44699C));
background: -webkit-linear-gradient(top, #004687 0%,#44699C 100%);
background: -o-linear-gradient(top, #004687 0%,#44699C 100%);
background: -ms-linear-gradient(top, #004687 0%,#44699C 100%);
background: linear-gradient(to bottom, #004687 0%,#44699C 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004687',  endColorstr='#44699C', GradientType=0 );
border-width: 0px;
border-style: solid;
border-color: #DDDDDD;
box-shadow: -1px 0px 30px 0px #44699C;
border-radius:10px;
}

#carregauche a{
background-image:url('images/btn-archive.png');
}

#carregauche2 a{
background-image:url('images/btn-installer.png');
}

#carremilieu a{
background-image:url('images/btn-forum.png');
}

#carremilieu2 a{
background-image:url('images/btn-irc.png');
}

#carredroite a{
background-image:url('images/btn-asso.png');
}

.carre a{
display: block;
text-decoration: none;
height: 100%;
width: 100%;
background-position: 95% 45%;
background-repeat: no-repeat;
}

.carre a:hover{
text-decoration: none;
background: #44699C;
border-width: 0px;
border-style: solid;
border-color: #DDDDDD;
background-position: 95% 45%;
background-repeat: no-repeat;
border-radius:10px;
}

.carre h1{
padding:10px 2px 0px 2px;
text-align: center;
font-size:1.5em;
color:white;
}

.carre h2{
line-height: 1em;
font-size: 1em;
padding-left:2em;
color:white;
font-size:1em;
}

#newsasso{
float:right;
width:31%;
margin: 0% 2% 0% 0%;
background:white;
}
 
#news{
clear:left;
float: left;
width: 64%;
margin: 0% 1% 1% 1%;
background:white;
}

.news .block{
background:#EBF1F5;
}

.news{
box-shadow: 10px 10px 5px #CAD7E1;
}

.news li{
list-style: none;
}

.news h1{
background: #44699C;
color: white;
font-weight:normal;
text-align:center;
}

.news h2{
padding-top: 5px;
padding-left: 20px;
border-top: 2px solid #44699C;
}

.news p{
padding:3px 5px 3px 10px;
color:black;
}

.news a{
color:#004687;
text-decoration: none;
}


/*----------------------Responsivisation------------------------------*/

@media only screen and (max-width: 2400px) {

  .primary {
    height: 140px;
  }

  .blockform input, .blockform select, .blockform textarea {
    max-width: 100%
  }
 
}

 /*@media only screen and (max-width : 1220px),
only screen and (max-device-width : 1220px){
   #brdmenu li a {
        font: 300 10px/1.4 Helvetica, Verdana, Arial, sans-serif;
    }
    #brdmenu small {
        font: 200 10px/1 Helvetica, Verdana, Arial, sans-serif;
    }
}*/

@media only screen and (max-width : 980px),
only screen and (max-device-width : 980px){
    #brdmenu li a {
      width: 25%;
      font: 400 11px/1.4 Helvetica, Verdana, Arial, sans-serif;
      margin:0px;
      padding: 0px;
    }
  #brdmenu{
    padding: 0px;

 }
}

@media only screen and (max-width : 768px),
only screen and (max-device-width : 768px){
    #brdmenu li a {
        width: 50%;
        font: 400 12px/1.4 Helvetica, Verdana, Arial, sans-serif;
        padding-top: 12px;
        padding-bottom: 12px;
    }

  .carre h2{
      display:none;
}
  .carre a{
  background-position: 50% 50%;
}

.carre a:hover{
  background-position: 50% 50%;
}

    #news {
        width: 100%;
    }

      #newsasso{
        width: 100%;
    }
    aside { display:none }  /* Hide the sidebar */
    .content { width:100% } /* Make forum fill 100% of the screen */
 
  /* Some additional styling for the profile and admin menus too */
  .pun .blockmenu {width: 100%!important;}
  .pun .blockmenu .block2 {display:block;clear:left}
  .pun .blockmenu li {float:left;display:block;width:auto;}
  .pun .blockmenu li a:link, .pun .blockmenu li a:visited {padding-bottom:10px;float:left;display:block;border-right: 1px dotted #ccc;}
  .pun .block2col .block, .pun .block2col .blockform {margin-left:0em!important;}
}

@media only screen and (max-width: 540px) {

  /* You can add your own CSS here if you want. */
  /* Any CSS you add here will apply to all screen resolutions below 540px */

}
 
@media only screen and (max-width : 480px),
only screen and (max-device-width : 480px){
   #brdmenu li a {
      font: 400 13px/1.4 Helvetica, Verdana, Arial, sans-serif;
       width: 100%;
    }
.carre h1{
display:none;
}

/* Reduce padding around the forum content */
  .content {padding: 0px 10px}

  /* 1. Hide the banner to save space and just show the h1 title tag */
  nav.primary {
    background: none #fff;
    height: auto;
    border: 0px;
    margin:10px auto 0px;
    padding: 0px;
  }
  /* Show h1 tag */
  nav.primary h1 {
    display:block;
    font-size: 18px;
    font-weight: bold;
    color:#000;
    margin:0px auto 10px;
    padding: 0px
  }

  /* Show the select dropdown */
  nav.primary select {
    display:block;
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
    margin-bottom:5px;
  }
 
  /* 2. The FluxBB navigation menus (e.g. Index, Userlist, Search) edits */
  /*.pun #brdmenu {
    background: #fff;
    display:none;
  } */
 
  #brdmenu ul li {
    border-bottom: 1px solid #fff;
  }
   
  /* Active topics, unanswered topics links etc. Looks a little tidier this way */
  #brdwelcome p.conl, #brdwelcome .conl li { margin-bottom:5px; }
  #brdwelcome .conr { float:left; }
 
  /* 3. When viewing Index, View Forum, Search Results (topics) we hide the columns showing number of replies/views */
  .pun .tc2,  /* Views column */
  .pun .tc3   /* Replies column */
  {
    display:none
  }

  .pun .tcl { width:auto; } /* When hiding the views/replies columns we need to resize the last post column */

  /* 4. When viewing topics we create additional space by increasing the size of the postright column (users posts content) to 100% */
   
  .pun .blockpost .postleft {width: 100%; float:left; display:block;margin-left:0px}
  .pun .blockpost .postleft dd, .pun .blockpost .postleft .postavatar {display:none}

  .pun .blockpost .postright {margin-left:0;width: 100%; float:left; display:block; padding: 0 10px 0}
  .pun .blockpost .postfootright {padding: 7px 10px}
  .pun .blockpost .postbody, .pun .blockpost .postfoot {margin-right:0px;float:left;}

  .pun .blockpost h2 { padding-left:140px;}
  .pun .blockpost h2 .conr {float:left; padding-right:4px}
   
  .pun .blockpost .postbody, .pun .blockpost .postfoot {border-color: #FCFDFE}
 
  /* Lets hide all signatures too whilst were here */
  .pun .postmsg .postsignature {display:none}

  /* ...And limit quoting to 1 quote deep */
  .pun .postmsg  .quotebox .quotebox .quotebox .quotebox .quotebox,
  .pun .postmsg  .quotebox .quotebox .quotebox .quotebox,
  .pun .postmsg  .quotebox .quotebox .quotebox,
  .pun .postmsg .quotebox .quotebox {display:none}
 
  /* All form inputs */
  .blockform .buttons input, .blockform .rbox input {width: auto;}
  .blockform input, .blockform select, .blockform textarea {width: 100%}

  /* View Profile */
  #viewprofile dt, #adstats dt {width: 8em;}
  #viewprofile dd, #adstats dd { padding-left: 8em;}
}

 


Leonlemouton
°(")°

Hors ligne

Pied de page des forums