/**
 * - FONDS DE PAGE
 * - ACCESSIBILITE
 * - ENTETE
 * 	- IMAGES
 * 	- MENU PRINCIPAL
 * 	- SOUS-MENU
 * - CONTENU
 * 	- [...]
 * - DIVERS
 * - SPECIFIQUES A CERTAINES PAGES
 * - PIED DE PAGE
 */





/* ------------------------ FONDS DE PAGE ------------------------- */

body {
 margin:0;
 padding:0 13px 0 0;
 background:#fff url(body_fond_droite.gif) repeat-y right;

}
#body { 
 /**
  * sous IE, on ne peut pas styler l'élément html, donc il faut
  * ajouter un niveau factice supplémentaire :-/
  */
 margin:0;
 padding:0 0 0 13px;
 background:#333333 url(body_fond_gauche.gif) repeat-y left;
}
#everything {
 padding:0 17px 15px 17px;
 margin:0;
 min-width:700px;
 font:normal 13px 'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif; 
 color:#333333;
 background:#333333 url(everything_fond.gif) 1px 1px;
}






/* ------------------------ LIENS ------------------------- */

a {
 color:#c00000;
 text-decoration:none
}
a:hover {
 color:inherit;
}

/* ------------------------ BARRES HORIZONTALES ------------------------- */

hr {
 /* height:2px;
 border:solid 1px #7a7a7A;
 width:65%; */
 background:transparent url(multipage_fond.gif) repeat-x 0% 40%;
 height:4px;
 color:#b4b4b4;
 margin:15px 0 0 0;
 border:none;
 /* width:70%; */
}
hr.clear {
 height:1px;
 margin:0;
 clear:both;
 visibility:hidden;
}










/* ------------------------ ACCESSIBILITE ------------------------- */

#accessibilite {
 color:#b4b4b4;
 margin:0 0 10px;
 text-align:right;
 padding:10px 0 0 0;
}
#accessibilite a {
 font-weight:normal;
}
#accessibilite a:hover {
 border-bottom:2px solid #c00000;
}
#accessibilite acronym {
 border-bottom:none;
 font:bold 13px 'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif;
}
acronym, abbr {
 cursor: help ;
}

/* --------------------- ENTETES ET IMAGES HAUT-DE-PAGE --------------------- */

#header {
 height:88px;
 border:2px solid #7a7a7a;
 background:#7a7a7a;
 position:relative;
}
#header h1,#header h2 {
 margin:0;
 height:84px;
 border:2px solid #333333;
 position:absolute;
 top:0;
 text-indent:-500px;
 overflow:hidden;
}
#header h1 {
 background:#F5F3EB url(h1.gif) no-repeat 7px 45%;
 left:0;
 width:95%;
 z-index:10;
}

/* ------------------------ 3 IMAGES ALEATOIRES POUR L'ENTETE ------------------------- */

#header h2.img1 {
 right:0;
 background:#F5F3EB url(headers/standard_avatars/header1.png) no-repeat 100% 50%;
 width:561px;
 z-index:20;
}
#header h2.img2 {
 right:0;
 background:#F5F3EB url(headers/standard_avatars/header2.png) no-repeat 100% 50%;
 width:561px;
 z-index:20;
}
#header h2.img3 {
 right:0;
 background:#F5F3EB url(headers/standard_avatars/header3.png) no-repeat 100% 50%;
 width:561px;
 z-index:20;
}
#header h2.img4 {
 right:0;
 background:#F5F3EB url(headers/standard_avatars/header4.png) no-repeat 100% 50%;
 width:561px;
 z-index:20;
}


/* --------------------- MENU PRINCIPAL --------------------- */

#menu-principal {
 margin-top:2px;
 border:2px solid #7a7a7a;
 padding:2px;        
 background:#333333;
}
#menu-principal ul {
 list-style-type:none;
 list-style:url(spacer.gif) circle outside;
 margin:0;
 padding:0;
 height:14px;
 background:transparent url(menu_fond.gif) repeat-x;
}
#menu-principal ul li {
 display:inline;
}
#menu-principal ul li a {
 float:left;
 height:14px;
 width:76px;
 margin:0;
 padding:0;
 overflow:hidden;
 text-indent:-500px;
 color:#333333;
 background-repeat:no-repeat;
 background-position:top left;
}
html>body #menu-principal ul li a:hover {
 border-bottom:2px solid #c00000;
}
#menu-principal ul li.li1 a { background-image:url(menu_actualites.gif); }
#menu-principal ul li.li2 a { background-image:url(menu_forum.gif); }
#menu-principal ul li.li4 a { background-image:url(menu_links.gif); }
#menu-principal ul li.li5 a { background-image:url(menu_ressources.gif); }
#menu-principal ul li.li6 a { background-image:url(menu_membres.gif); }
#menu-principal ul li.li7 a { background-image:url(menu_infos.gif); }
#menu-principal ul li.li8 a { background-image:url(menu_wiki.gif); }
#menu-principal ul li.li9 a { background-image:url(menu_faq.gif); }
#menu-principal ul li.li10 a { background-image:url(menu_archives.gif); }

/* ------------------- SOUS-MENU -------------------- */

#sous-menu {
 clear:both;
 margin-top:2px;
 border:2px solid #7a7a7a;
 height:48px;
 background-image:url(palette.gif);
 background-color:#333333;
 background-repeat:no-repeat;
 background-position:right;
}
html>body #sous-menu {
 height:44px;
}

#sous-menu ul {
 list-style-type:none;
 list-style:url(spacer.gif) circle outside;
 margin:2px;
 padding:0;
 height:22px;
}
#sous-menu ul li {
 display:inline;
}
#sous-menu ul li a {
 float:left;
 height:22px;
 margin:9px 0 0 6px;
 padding:0;
 overflow:hidden;
 text-indent:-500px;
 background-repeat:no-repeat;
 background-position:0% 50%;
}

#sous-menu ul li.li1 a { width:103px; background-image:url(sous_menus/ajouter_un_sujet.gif);   }
#sous-menu ul li.li27 a { width:125px; background-image:url(sous_menus/ajouter_un_sondage.gif);   }
#sous-menu ul li.li15 a { width:104px; background-image:url(sous_menus/les_anniversaires.gif);    }
#sous-menu ul li.li48 a { width:122px; background-image:url(sous_menus/mes_sujets_favoris.gif);    }

#sous-menu ul li.li4 a { width:32px; background-image:url(sous_menus/amis.gif);   }
#sous-menu ul li.li5 a { width:63px; background-image:url(sous_menus/pixel_art.gif);    }
#sous-menu ul li.li6 a { width:20px; background-image:url(sous_menus/3d.gif); }
#sous-menu ul li.li7 a { width:40px; background-image:url(sous_menus/flash.gif); }
#sous-menu ul li.li8 a { width:83px; background-image:url(sous_menus/gfx_francais.gif); }
#sous-menu ul li.li9 a { width:43px; background-image:url(sous_menus/divers.gif); }
#sous-menu ul li.li10 a { width:79px; background-image:url(sous_menus/illustration.gif); }
#sous-menu ul li.li11 a { width:56px; background-image:url(sous_menus/portails.gif); }
#sous-menu ul li.li12 a { width:137px; background-image:url(sous_menus/ressources_graphiques.gif); }

#sous-menu ul li.li16 a { width:19px; background-image:url(sous_menus/piregwan.gif); }
#sous-menu ul li.li17 a { width:19px; background-image:url(sous_menus/benzor.gif); }
#sous-menu ul li.li18 a { width:26px; background-image:url(sous_menus/o0o.gif); }
#sous-menu ul li.li19 a { width:24px; background-image:url(sous_menus/marblemad.gif); }
#sous-menu ul li.li21 a { width:27px; background-image:url(sous_menus/jdn.gif); }
#sous-menu ul li.li22 a { width:38px; background-image:url(sous_menus/pixelio.gif); }
#sous-menu ul li.li33 a { width:18px; background-image:url(sous_menus/les_nouvelles.gif); }
#sous-menu ul li.li34 a { width:41px; background-image:url(sous_menus/nexen.gif); }
#sous-menu ul li.li35 a { width:37px; background-image:url(sous_menus/zdnet.gif); }
#sous-menu ul li.li37 a { width:20px; background-image:url(sous_menus/standblog.gif); }
#sous-menu ul li.li38 a { width:26px; background-image:url(sous_menus/ala.gif); }
#sous-menu ul li.li39 a { width:19px; background-image:url(sous_menus/cybercodeur.gif); }
#sous-menu ul li.li41 a { width:19px; background-image:url(sous_menus/pointblog.gif); }
#sous-menu ul li.li42 a { width:18px; background-image:url(sous_menus/excargot.gif); }
#sous-menu ul li.li43 a { width:19px; background-image:url(sous_menus/fastclemmy.gif); }
#sous-menu ul li.li44 a { width:34px; background-image:url(sous_menus/cssvault.gif); }
#sous-menu ul li.li45 a { width:18px; background-image:url(sous_menus/designloops.gif); }
#sous-menu ul li.li46 a { width:19px; background-image:url(sous_menus/piregwan.gif); }
#sous-menu ul li.li47 a { width:18px; background-image:url(sous_menus/el.gif); }

#sous-menu ul li.li23 a { width:134px; background-image:url(sous_menus/proposer_une_archive.gif); }
#sous-menu ul li.li24 a { width:91px; background-image:url(sous_menus/trier_par_date.gif); }
#sous-menu ul li.li25 a { width:99px; background-image:url(sous_menus/trier_par_auteur.gif); }
#sous-menu ul li.li26 a { width:90px; background-image:url(sous_menus/trier_par_site.gif); }

#sous-menu ul li.li28 a { width:155px; background-image:url(sous_menus/brushes_pour_photoshop.gif); }
#sous-menu ul li.li29 a { width:154px; background-image:url(sous_menus/documentations_et_sites.gif); }
#sous-menu ul li.li30 a { width:110px; background-image:url(sous_menus/polices_pixel_art.gif); }
#sous-menu ul li.li31 a { width:153px; background-image:url(sous_menus/habillages.gif); }
#sous-menu ul li.li32 a { width:36px; background-image:url(sous_menus/divers2.gif); }

#sous-menu ul li.li50 a { width:55px; background-image:url(sous_menus/messages.gif); }
#sous-menu ul li.li51 a { width:69px; background-image:url(sous_menus/mots_cles.gif); }
#sous-menu ul li.li52 a { width:66px; background-image:url(sous_menus/lancement.gif); }

#sous-menu ul li.li60 a { width:43px; background-image:url(sous_menus/credits.gif); }
#sous-menu ul li.li61 a { width:81px; background-image:url(sous_menus/statistiques.gif); }
#sous-menu ul li.li62 a { width:77px; background-image:url(sous_menus/plan_du_site.gif); }
#sous-menu ul li.li63 a { width:95px; background-image:url(sous_menus/mention_legale.gif); }




















/* ---------------- CONTENU - GENERAL ---------------- */

.contenu { 
 margin-top:2px;
 padding:10px;
 clear:both;
 background:#F5F3EB;
}
.contenu p {
 margin:10px 0;
 padding:0;
 clear:both;
}
.petit {
 font-size:10px; 
}



/* ------------------------ CONTENU - TITRES ------------------------- */

.contenu h2 {
 margin:0;
 padding:0;
 font:bold 21px 'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif;
 color:#c00000;
}
.contenu h3 {
 background:transparent url(fleche_rouge.gif) no-repeat 0% 50%;
 margin:10px 0 0 0;
 padding:0 0 0 10px;
 font:bold 13px 'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif;
 color:#444444;
}
.contenu h2 a:hover, h3 a:hover {
 border-bottom:2px solid #c00000;
}
.contenu h2 span, .contenu h3 span {
 border-bottom:1px dotted #b4b4b4;
}

/* ------------------------ CONTENU - LISTES ------------------------- */

.contenu ul {
 margin:15px 0;
 padding:0 10px;
}
.contenu ul li {
 list-style:url(fleche_rouge.gif) circle outside;
}

.contenu ul.actions {
 display:block;
 margin:2px 2px 2px 0;
 padding:0;
 height:15px;
}
.contenu ul.actions li {
 list-style-type:none;
 list-style:url(spacer.gif) circle outside;
 display:inline;
}
.contenu ul.actions li a {
 display:block;
 float:left;
 height:15px;
 margin:0 3px 0 0;
 padding:0;
 overflow:hidden;
 text-indent:-500px;
 background-repeat:no-repeat;
 background-position:0% 0%;
}

/* ---------------- CONTENU - MULTIPAGE ---------------- */

.contenu p.multipage-haut, .contenu p.multipage-bas {
 text-align:center;
 background:transparent url(multipage_fond.gif) repeat-x 0% 45%;
 color:#b4b4b4;
 margin:0;
 padding:10px 0 15px 0;
}
.contenu p.multipage-haut span, .contenu p.multipage-bas span {
 background:#f5f3eb;
 padding:0 5px;
}
.contenu p.multipage-haut strong, .contenu p.multipage-bas strong {
 color:#333333;
}
.contenu p.multipage-haut a:hover, .contenu p.multipage-bas a:hover {
 color:#444444;
 border-bottom:2px solid #c00000;
}

/* ------------------------ CONTENU - BOUTONS ------------------------- */

.contenu ul.actions li.li1 a { width:62px; background-image:url(repondre.gif); }
.contenu ul.actions li.li2 a { width:56px; background-image:url(modifier.gif); }
.contenu ul.actions li.li3 a { width:67px; background-image:url(supprimer.gif); }
.contenu ul.actions li.li5 a { width:108px; background-image:url(envoyer_email.gif); }
.contenu ul.actions li.li6 a { width:135px; background-image:url(signaler_un_lien_mort.gif); }
.contenu ul.actions li.li7 a { width:50px; background-image:url(valider.gif); }
.contenu ul.actions li.li8 a { width:122px; background-image:url(modifier_mon_profil.gif); }
.contenu ul.actions li.li9 a { width:102px; background-image:url(me_deconnecter.gif); }
.contenu ul.actions li.li10 a { width:54px; background-image:url(bloquer.gif); }
.contenu ul.actions li.li11 a { width:68px; background-image:url(debloquer.gif); }
.contenu ul.actions li.li12 a { width:158px; background-image:url(detail_des_participations.gif); }
.contenu ul.actions li.li13 a { width:112px; background-image:url(annuler_mon_vote.gif); }
.contenu ul.actions li.li14 a { width:65px; background-image:url(canoniser.gif); }
.contenu ul.actions li.li15 a { width:117px; background-image:url(changer_le_statut.gif); }
.contenu ul.actions li.li16 a { width:200px; background-image:url(message_inopportun.gif); }
.contenu ul.actions li.li17 a { width:173px; background-image:url(ajouter_aux_sujets_favoris.gif); }
.contenu ul.actions li.li18 a { width:169px; background-image:url(retirer_des_sujets_favoris.gif); }
.contenu ul.actions li.li19 a { width:123px; background-image:url(mes_sujets_favoris.gif); }
.contenu ul.actions li.li25 a { width:145px; background-image:url(construire_mon_avatar.gif); }
.contenu ul.actions li.li26 a { width:83px; background-image:url(sauvegarder.gif); }
.contenu ul.actions li.li27 a { width:126px; background-image:url(reagir.gif); }

.contenu ul.actions li.li20 a { width:51px; background-image:url(accueil.gif); }
.contenu ul.actions li.li21 a { width:111px; background-image:url(toutes_les_pages.gif); }
.contenu ul.actions li.li22 a { width:138px; background-image:url(changements_recents.gif); }
.contenu ul.actions li.li23 a { width:157px; background-image:url(historique_de_cette_page.gif); }
.contenu ul.actions li.li24 a { width:129px; background-image:url(retour_a_cette_page.gif); }

/* ---------------- CONTENU - FORMULAIRES ET ELEMENTS DE FORMULAIRES ---------------- */

.contenu form {
 margin:15px 0 0 0;
 padding:0;
}
.contenu label {
 display:block;
}
.contenu input,.contenu textarea {
 background:#fff;
 border:solid 2px #7a7a7a;
 width:600px;
 font:normal 13px 'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif;
 color:#333333;
}
select {
 background:#fff;
 width:600px;
 font:normal 13px 'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif;
 color:#333333;
}
.contenu p.field {
 margin:0;
}
.contenu button.valider {
 display:block;
 width:49px;
 height:15px;
 background:transparent url(valider.gif) no-repeat 50%;
 cursor:pointer;
 text-indent:-600px;
 overflow:hidden;
 border:none;
 margin:7px 0;
}
.contenu button.oubli-mot-de-passe {
 display:block;
 width:177px;
 height:15px;
 background:transparent url(oubli_mot_de_passe.gif) no-repeat 50%;
 cursor:pointer;
 text-indent:-600px;
 overflow:hidden;
 border:none;
 margin:7px 0;
}
button.rechercher {
 display:block;
 width:74px;
 height:15px;
 background:transparent url(rechercher.gif) no-repeat 50%;
 cursor:pointer;
 text-indent:-600px;
 overflow:hidden;
 border:none;
 margin:7px 0;
}
.contenu button.voter {
 display:block;
 width:41px;
 height:15px;
 background:transparent url(voter.gif) no-repeat 50%;
 cursor:pointer;
 text-indent:-600px;
 overflow:hidden;
 border:none;
 margin:7px 0;
}

/* ----------- CONTENU - LINKBOX (UTILISEES DANS LES LIENS ET LES ARCHIVES) ------------ */

#contenu .linkbox {
 text-align:center;
 float:left;
 width:175px;
 margin:0;
 padding:0;
}

img {
 margin:0;
 padding:0;
 border:0;
}
#contenu .linkbox .img, #contenu .linkbox ul  {
 text-align:left;
 background:#FFFFFF;
 padding:2px;
 width:150px;
 height:110px;
 border:2px solid #7a7a7A;
 display:block;
 margin:15px 0 2px 0;
}
#contenu .linkbox .img {
 text-align:center;
}

#contenu .linkbox ul {
 list-style-type:none;
 list-style:url(spacer.gif) circle outside;
 margin-top:0;
 height:auto;
}
#contenu .linkbox ul li {
 display:block;
 margin:2px;
 list-style-type:none;
 list-style:url(spacer.gif) circle outside;
}
#contenu .linkbox ul.actions {
 padding:2px;
}
#contenu .linkbox ul.actions li {
 margin:0;
 display:inline;
}
#contenu .linkbox ul.textes a:hover {
 border-bottom:2px solid #c00000;
}

/* ------------------------ CONTENU - DIVERS ------------------------- */

/* ------------------ CONTENU - DIVERS - SEPARATEUR HORIZONTAL ------------------- */

.contenu p.separateur {
 background:transparent url(multipage_fond.gif) repeat-x 0% 40%;
 height:4px;
 color:#b4b4b4;
 margin:15px 0 0 0;
}

/* ------------------ CONTENU - DIVERS - INFOS ------------------- */

.contenu p.infos {
 clear:none;
 text-align:right;
 padding:10px 0;
 margin:0;
 font-size:10px; 
}
.contenu p.infos a:hover {
 border-bottom:2px solid #c00000;
}

/* ------------------ CONTENU - DIVERS - BOUTONS RSS ------------------- */

.contenu p.bouton-rss {
 clear:none;
 text-align:left;
 padding:30px 0 0 0 ;
 margin:0;
}

/* ------------------ CONTENU - DIVERS - HAUT DE PAGE ------------------- */

.contenu p.haut-de-page {
 background:transparent url(fleche_rouge_haut.gif) no-repeat 100% ;
 padding:0 10px 0 0;
 margin:0;
 clear:none;
 text-align:right;
}

/* --------------------- CONTENU - DIVERS - CITATIONS ---------------------- */

blockquote {
 margin-left : 50px;
 background-color:#FFFFFF;
 border: 1px dotted #333333;
 padding: 5px;
 font-style: italic;
 width: 90%;
}

/* --------------------- CONTENU - DIVERS - SOURCES / PREFORMATE ---------------------- */

pre {
 margin-left : 50px;
 background-color:#FFFFFF;
 border: 1px dashed #333333;
 padding: 5px;
 overflow:auto;
 width: 90%;
}

/* --------------------- CONTENU - DIVERS - SMILEYS ---------------------- */

img.smiley { 
 border:none;
 padding-bottom:5px;
 margin: 0 5px 0 5px;
}

/* --------------------- CONTENU - DIVERS - IMAGES ---------------------- */

img.image-avec-bordure { 
 border:solid 2px #7a7a7a;
 background:#FFFFFF;
 padding:2px;
 margin: 0 5px 10px 0;
}
img.image-sans-bordure { 
 border:none;
 margin-bottom:2px;
}
img.drapeau { 
 border:solid 1px #7a7a7a;
 background:#FFFFFF;
 padding:1px;
 margin:0;
}
img.traduction-google { 
 border:solid 1px #333333;
 padding:0px;
 margin: 2px 2px 0 0;
 cursor:pointer;
}
















/* --------------------- COLORATION SYNTAXIQUE ---------------------- */

span.numero-de-ligne, span.html {
 font-style: normal;
 color:#333333;
}
span.chaine {
 color: #CC0000;
}
span.commentaire {
 color: #FF9900;
}
span.mot-cle {
 color: #006600;
}
span.fond { }
span.defaut {
 color: #0000CC;
}

/* ---------------- COLORATION SYNTAXIQUE - NUMEROS DE LIGNES ---------------- */

.contenu div.numeros {
 display:block;
 width:30px;
 height:auto;
 float: left;
 top: 40px; 
}
.contenu div.code {
 float: left;
 overflow:auto;
 width: 95%;
}
.contenu div.retirer-numeros-de-lignes {
 text-align:right;
 font:normal 10px 'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif; 
}

/* --------------------- GRAPHIQUES POUR LES STATISTIQUES ---------------------- */

img.graphique { 
 border:none;
 vertical-align: middle;
 margin: 0;
}

/* --------- IDENTIFIANTS (IP ET HOSTNAME) - RESERVES AUX ADMINISTRATEURS ---------- */

.contenu p.identifiants {
 font:normal 10px 'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif; 
 clear:none;
 text-align:right;
}

/* -------------------- TOOLBAR POUR EDITER EN SYNTAXE WIKI --------------------- */

.contenu ul.toolbar1, .contenu ul.toolbar2, .contenu ul.toolbar3, .contenu ul.toolbar4 {
 display:block;
 margin:6px 0 4px 0;
 padding:0;
 height:20px;
}
.contenu ul.toolbar2 {
 height:14px;
}
.contenu ul.toolbar3 {
 height:18px;
}
.contenu ul.toolbar4 {
 height:28px;
}

.contenu ul.toolbar1 li, .contenu ul.toolbar2 li, .contenu ul.toolbar3 li, .contenu ul.toolbar4 li {
 list-style-type:none;
 list-style:url(spacer.gif) circle outside;
 display:inline;
}

.contenu ul.toolbar1 li a, .contenu ul.toolbar2 li a, .contenu ul.toolbar3 li a, .contenu ul.toolbar4 li a {
 float:left;
 height:20px;
 margin:0;
 padding:0 1px 0 0;
 overflow:hidden;
 text-indent:-500px;
}
.contenu ul.toolbar2 li a {
 height:14px;
}
.contenu ul.toolbar3 li a {
 height:18px;
}
.contenu ul.toolbar4 li a {
 height:28px;
}

/* ------------------------ TOOLBAR - BOUTONS ------------------------- */

.contenu ul.toolbar1 li.li1 a { width:20px; background-image:url(toolbar/bouton_bold.png); }
.contenu ul.toolbar1 li.li2 a { width:20px; background-image:url(toolbar/bouton_headline1.png); }
.contenu ul.toolbar1 li.li3 a { width:20px; background-image:url(toolbar/bouton_headline2.png); }
.contenu ul.toolbar1 li.li4 a { width:20px; background-image:url(toolbar/bouton_hr.png); }
.contenu ul.toolbar1 li.li5 a { width:20px; background-image:url(toolbar/bouton_image.png); }
.contenu ul.toolbar1 li.li6 a { width:20px; background-image:url(toolbar/bouton_italic.png); }
.contenu ul.toolbar1 li.li7 a { width:20px; background-image:url(toolbar/bouton_zurg.png); }
.contenu ul.toolbar1 li.li8 a { width:19px; background-image:url(toolbar/bouton_link.png); }

.contenu ul.toolbar2 li.li10 a { margin-right:7px; padding-right:7px; width:13px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/bubble/clin_doeil.gif) no-repeat; }
.contenu ul.toolbar2 li.li11 a { margin-right:7px; padding-right:7px; width:13px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/bubble/desapointe.gif) no-repeat; }
.contenu ul.toolbar2 li.li12 a { margin-right:7px; padding-right:7px; width:43px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/bubble/langue.gif) no-repeat; }
.contenu ul.toolbar2 li.li13 a { margin-right:7px; padding-right:7px; width:13px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/bubble/rire.gif) no-repeat; }
.contenu ul.toolbar2 li.li14 a { margin-right:7px; padding-right:7px; width:32px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/bubble/amour.gif) no-repeat; }
.contenu ul.toolbar2 li.li15 a { margin-right:7px; padding-right:7px; width:14px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/bubble/oui.gif) no-repeat; }
.contenu ul.toolbar2 li.li16 a { margin-right:7px; padding-right:7px; width:14px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/bubble/non.gif) no-repeat; }
.contenu ul.toolbar2 li.li17 a { margin-right:7px; padding-right:7px; width:15px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/bubble/ronron.gif) no-repeat; }
.contenu ul.toolbar2 li.li18 a { margin-right:7px; padding-right:7px; width:15px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/bubble/sceptique.gif) no-repeat; }

.contenu ul.toolbar3 li.li20 a { margin-right:7px; padding-right:7px; width:25px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/firefox/colere.gif) no-repeat; }
.contenu ul.toolbar3 li.li21 a { margin-right:7px; padding-right:7px; width:23px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/firefox/dodo.gif) no-repeat; }
.contenu ul.toolbar3 li.li22 a { margin-right:7px; padding-right:7px; width:24px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/firefox/exclamation.gif) no-repeat; }
.contenu ul.toolbar3 li.li23 a { margin-right:7px; padding-right:7px; width:21px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/firefox/groove.gif) no-repeat; }
.contenu ul.toolbar3 li.li24 a { margin-right:7px; padding-right:7px; width:23px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/firefox/hu.gif) no-repeat; }
.contenu ul.toolbar3 li.li25 a { margin-right:7px; padding-right:7px; width:23px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/firefox/langue.gif) no-repeat; }
.contenu ul.toolbar3 li.li26 a { margin-right:7px; padding-right:7px; width:23px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/firefox/rire.gif) no-repeat; }
.contenu ul.toolbar3 li.li27 a { margin-right:7px; padding-right:7px; width:20px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/firefox/sig.gif) no-repeat; }
.contenu ul.toolbar3 li.li28 a { margin-right:7px; padding-right:7px; width:23px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/firefox/snif.gif) no-repeat; }
.contenu ul.toolbar3 li.li29 a { margin-right:7px; padding-right:7px; width:23px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/firefox/triste.gif) no-repeat; }

.contenu ul.toolbar4 li.li30 a { margin-right:7px; padding-right:7px; width:23px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/pingouin/chagrin.gif) no-repeat; }
.contenu ul.toolbar4 li.li31 a { margin-right:7px; padding-right:7px; width:21px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/pingouin/coeur.gif) no-repeat; }
.contenu ul.toolbar4 li.li32 a { margin-right:7px; padding-right:7px; width:29px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/pingouin/colere.gif) no-repeat; }
.contenu ul.toolbar4 li.li33 a { margin-right:7px; padding-right:7px; width:21px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/pingouin/cool.gif) no-repeat; }
.contenu ul.toolbar4 li.li34 a { margin-right:7px; padding-right:7px; width:23px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/pingouin/dodo.gif) no-repeat; }
.contenu ul.toolbar4 li.li35 a { margin-right:7px; padding-right:7px; width:20px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/pingouin/exclamation.gif) no-repeat; }
.contenu ul.toolbar4 li.li36 a { margin-right:7px; padding-right:7px; width:23px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/pingouin/idee.gif) no-repeat; }
.contenu ul.toolbar4 li.li37 a { margin-right:7px; padding-right:7px; width:23px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/pingouin/langue.gif) no-repeat; }
.contenu ul.toolbar4 li.li38 a { margin-right:7px; padding-right:7px; width:23px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/pingouin/question.gif) no-repeat; }
.contenu ul.toolbar4 li.li39 a { margin-right:7px; padding-right:7px; width:24px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/pingouin/rire1.gif) no-repeat; }
.contenu ul.toolbar4 li.li40 a { margin-right:7px; padding-right:7px; width:25px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/pingouin/rire2.gif) no-repeat; }
.contenu ul.toolbar4 li.li41 a { margin-right:7px; padding-right:7px; width:30px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/pingouin/roquette.gif) no-repeat; }
.contenu ul.toolbar4 li.li42 a { margin-right:7px; padding-right:7px; width:16px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/pingouin/musique.gif) no-repeat; }
.contenu ul.toolbar4 li.li43 a { margin-right:7px; padding-right:7px; width:16px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/pingouin/ressort.gif) no-repeat; }
.contenu ul.toolbar4 li.li44 a { margin-right:7px; padding-right:7px; width:19px; background:url(http://www.piregwan.com/v2/fonctions/wikirenderer/smiles/pingouin/neige.gif) no-repeat; }

/* ------------------------ PUBLICITE - BOUTON GET FIREFOX ------------------------- */

#publicite {
 display:none;
}














/* --------------------- BANNIERE DE MEMBRES + AVATARS ---------------------- */

img.vignette1, img.vignette2, img.vignette3 { 
 border:solid 1px #DDDDDD;
 background:#FFFFFF;
 float:left;
} 
img.vignette1 { margin: 0 4px 0 0 }
img.vignette2 { margin: 0 4px 0 0 }
img.vignette3 { margin: 6px 8px 0 5px }

.contenu p.avatar1, p.avatar2, p.avatar3 {
 border:solid 1px #DDDDDD;
 clear:both;
 text-align:left;
 padding:2px;
 background:#FFFFFF;
 width:720px;
 font:normal 10px 'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif; 
 text-transform:uppercase;
 font-weight: bold;
}
.contenu p.avatar1 a:hover, p.avatar2 a:hover, p.avatar3  a:hover {
 border-bottom:none;
}

/* ----------------- BANNIERE DE MEMBRES + AVATARS - PETITE VIGNETTE ----------------- */
.contenu p.avatar1 {
 height:23px;
 line-height: 11px;
}
/* ----------------- BANNIERE DE MEMBRES + AVATARS - VIGNETTE MOYENNE ----------------- */
.contenu p.avatar2 {
 height:55px;
 line-height: 11px;
}
/* ----------------- BANNIERE DE MEMBRES + AVATARS - GRANDE VIGNETTE ------------------ */
.contenu p.avatar3 {
 height:108px;
 line-height: 12px;
}

.construction-avatar1, .construction-avatar2, .construction-avatar3 {
 position: relative;
 float:right;
 display:inline;
}
.construction-avatar2 { padding-right:60px; }
.construction-avatar3 { padding-right:118px; }

.avatar-planche01 , .avatar-planche02, .avatar-planche03, .avatar-planche04, .avatar-planche05 { position: absolute }
.avatar-planche01 { z-index: 1 }
.avatar-planche02 { z-index: 2 }
.avatar-planche03 { z-index: 3 }
.avatar-planche04 { z-index: 4 }
.avatar-planche05 { z-index: 5 }













/* ---------------- SPECIFIQUES A CERTAINES PAGES ----------------- */

/* ---------------- SPECIFIQUES - TITRES H3 ----------------- */

#question-validee h3, #questions-a-valider h3, #actualites h3 , #valider-actualite h3 , #actualites-exterieures h3 , #sujet h3 , #sujet-fantome h3 , #ressources-habillages h3 , #ressources-divers h3 , #ressources-brushes h3 , #ressources-documentations h3 , #ressources-pixel-art h3 , #questions-validees h3 , #nouvelle-question h3 , #notification-principale h3 , #mes-sujets-favoris h3 {
 float:left;
}

/* ------------------------ SPECIFIQUES - FORUM ------------------------- */

div.sujet-du-forum {
 background:transparent url(fleche_rouge.gif) no-repeat 0% 50%;
 padding-left : 10px;
 margin-left: 30px;
 clear: both;
}

div.date-forum {
 font-weight: normal;
 margin: 1em 0 0.4em 0;
}

/* ---------------- SPECIFIQUES - PROFILS MEMBRES ----------------- */

#profil-unique #renseignements-personnels, #profil-unique #participation, #profil-unique #historique {
 margin-top:10px;
}
#profil-unique #renseignements-personnels strong, #profil-unique #marque-pages strong, #profil-unique #situation strong, #profil-unique #vie-privee strong, #profil-unique #participation strong, #profil-unique #micro strong, #profil-unique #historique strong, #profil-unique #portfolio strong, #profil-unique #expression strong {
 font:normal 10px 'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif;
 text-transform:uppercase;
 font-weight: bold;
 TEXT-DECORATION: underline;
}
#profil-unique #renseignements-personnels, #profil-unique #marque-pages, #profil-unique #situation, #profil-unique #vie-privee, #profil-unique #participation, #profil-unique #micro, #profil-unique #historique, #profil-unique #portfolio
{
 float:left;
 margin-bottom:10px;
 margin-right:10px;
 border:solid 1px #DDDDDD;
 background:#FFFFFF;
 width:620px;
 font:normal 10px 'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif; 
 text-transform:uppercase;
 font-weight: bold;
}
#profil-unique #expression {
 float:left;
 margin-bottom:0px;
 margin-right:10px;
 border:solid 1px #DDDDDD;
 background:#FFFFFF;
 width:620px;
 font:normal 10px 'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif; 
 text-transform:uppercase;
 font-weight: bold;
}
#profil-unique #banniere {
 float:left;
 margin-bottom:0px;
 border:none;
 width:620px;
 font:normal 10px 'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif; 
 text-transform:uppercase;
 font-weight: bold;
}
#profil-unique #historique, #profil-unique #vie-privee, #profil-unique #micro, #profil-unique #portfolio {
 overflow:auto;
}

#profil-unique #renseignements-personnels, #profil-unique #profil-unique #micro, #profil-unique #historique {
 width:29%;
 height: 400px;
}
#profil-unique #participation {
 width:29%;
 height: 240px;
}
#profil-unique #situation {
 width:29%;
 height: 150px;
}
#profil-unique #expression, #profil-unique #banniere, #profil-unique #marque-pages {
 width:87%;
 padding-right:24px;
}
#profil-unique #micro, #profil-unique #portfolio, #profil-unique #vie-privee {
 width:29%;
 height: 600px;
}
#profil-unique #micro, #profil-unique #marque-pages, #profil-unique #expression, #profil-unique #banniere, #profil-unique #renseignements-personnels
{
 clear:both;
}
#profil-unique #renseignements-personnels ul li, #profil-unique #marque-pages ul li, #profil-unique #situation ul li, #profil-unique #vie-privee ul li, #profil-unique #participation li, #profil-unique #micro ul li, #profil-unique #historique ul li, #profil-unique #portfolio ul li, #profil-unique #expression ul li, #profil-unique #banniere ul li {
 list-style:none;
}
#profil-unique #renseignements-personnels ul li ul li, #profil-unique #marque-pages ul li ul li, #profil-unique #situation ul li ul li, #profil-unique #vie-privee ul li ul li, #profil-unique #participation ul li ul li, #profil-unique #micro ul li ul li, #profil-unique #historique ul li ul li, #profil-unique #portfolio ul li ul li, #profil-unique #expression, #profil-unique #banniere {
 list-style:url(fleche_rouge.gif) circle outside;
}
















/* --------------------- FOOTER / PIED DE PAGE ---------------------- */

#footer {
 color:#b4b4b4;
 margin-top:10px;
}
#footer p {
 margin:0;
}
#see-also, #fils-rss {
 float:right;
 width:45%;
 text-align:right;
 clear:both;
}

/* ----------- FOOTER - FORMULAIRE DE RECHERCHE ------------- */

form.rechercher {
 margin:0;
 padding:0;
}
input.rechercher {
 background:#fff;
 border:solid 2px #7a7a7a;
 width:150px;
 font:normal 13px 'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif;
 color:#333333;
}

/* ----------- SIGNATURES SUR LE FORUM ------------- */

.contenu div.signature {
 clear:none;
 text-align:left;
 padding:0;
 margin:0;
 font-size:10px; 
}



div.changement-habillages {
 text-align:right;
 padding-bottom: 10px;
}

select.select-habillages {
 width:210px;
}