@font-face {
font-family:"noticiak";
src:url(i/noticia.ttf);
}

::-moz-selection { color:#000; background:#ffec96; text-shadow:none; }
::selection { color:#000; background:#ffec96; text-shadow:none; }

html, body, div, span, applet, object, iframe, h1, h2, h3, p, a, em, img, s, strong, sub, sup, b, u, i, center, form, label, table, tbody, tfoot, thead, tr, th, td, ul, li {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
}

table {
border-collapse:collapse;
border-spacing:0;
}

body {
line-height:1;
background:#5a5142 url(images/fd.png) fixed;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
color:#333;
}

a img {
border:none;
}

a {
color:inherit;
}

p {
margin:20px;
margin-bottom:0;
line-height:21px;
}

.clear {
clear:both;
}

.btn {
text-decoration:none;
color:#666;
text-shadow:1px 1px #fff;
padding:4px 8px;
font-weight:700;
font-size:11px;
background:#fff url(i/btn) repeat-x bottom;
border:1px solid #c2c2c2;
border-radius:3px;
box-shadow:0 3px 2px -2px #ebebeb;
margin:3px;
cursor:pointer;
}

.btn:not(.active):hover {
background:#fff;
color:#333;
border:1px solid #aaa;
}

.confirmation .btn, .errorinfo .btn {
font-size:14px;
padding:10px 15px;
float:right;
}

.top {
width:980px;
height:75px;
margin:20px auto 0;
background:#c60 url("images/head.png") repeat-x scroll center center;
box-shadow:0 2px 2px rgba(0,0,0,0.15);
text-shadow:0 2px 1px #b74700;
}

.logotop {
float:left;
padding:26px 30px 10px;
}

.top .membre {
position:relative;
float:right;
cursor:pointer;
margin:12px;
z-index:3;
}

.top .membre .avatar {
display:block;
float:left;
width:35px;
height:35px;
margin:7px;
}

.top .membre a {
text-decoration:none;
}

.top .membre b {
display:block;
float:left;
color:#fff;
font-weight:bold;
font-size:14px;
margin:18px 0 0;
}

.top .membre span {
float:left;
display:block;
border:1px solid transparent;
border-bottom:0;
margin:5px 5px 0 7px;
}

.top .membre span i {
display:block;
width:19px;
height:14px;
background:url(i/down.png) no-repeat top;
margin:16px 9px 14px;
}

.top .membre .dropd {
display:none;
position:absolute;
width:170px;
top:50px;
right:5px;
background:#fff;
text-shadow:none;
color:#333;
border:1px solid #333;
border-top:0;
box-shadow:0 5px 5px rgba(0,0,0,0.3);
}

.top .membre .dropd ul {
list-style:none;
margin:7px 0;
padding:0;
}

.top .membre .dropd ul li a {
display:block;
padding:6px 0 6px 20px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}

.top .membre .dropd ul li a:hover {
background:#eee;
color:#000;
font-weight:bold;
border-color:#ddd;
}

.top .membre:hover span {
border:1px solid #333;
border-bottom:0;
background:#fff;
}

.top .membre:hover span i {
background-position:bottom;
}

.top .membre:hover .dropd {
display:block;
}

.top .notifi {
position:relative;
float:left;
margin:19px 10px 0 0;
z-index:3;
}

.top .notifi a {
text-decoration:none;
}

.top .notifi .num {
display:block;
background:rgba(0,0,0,0.19);
color:#fff;
text-shadow:0 1px 1px rgba(0,0,0,0.5);
font-size:15px;
cursor:pointer;
border:1px solid rgba(0,0,0,0.15);
box-shadow:0 1px 0 #d47500, inset 0 2px 2px rgba(0,0,0,0.2);
border-radius:3px;
}

.top .notifi.alone .num {
padding:0 10px 0 0;
}

.top .notifi .num i {
display:block;
float:left;
height:17px;
width:15px;
background:url(i/noti.png) top;
margin:9px 0 9px 10px;
}

.top .notifi .num b {
display:block;
float:left;
color:#fff;
margin:10px;
}

.top .notifi:hover .num {
background:#fff;
border-color:#333;
}

.top .notifi:hover .num b {
color:#c60;
text-shadow:none;
}

.top .notifi:hover .num i {
background-position:bottom;
}

.top .notifi .dropd {
display:none;
position:absolute;
width:400px;
top:34px;
left:0px;
background:#fff;
text-shadow:none;
color:#333;
border:1px solid #333;
border-top:0;
box-shadow:0 7px 7px rgba(0,0,0,0.3);
}

.top .notifi .cont {
margin:7px 0;
}

.top .notifi a {
display:block;
border-bottom:1px solid #ccc;
}

.top .notifi a:first-child {
border-top:1px solid #fff;
}

.top .notifi a:last-child {
border-bottom:1px solid #fff;
}

.top .notifi a.notia {
border-left:3px solid #00aecd;
background:#d9ecef;
}

.top .notifi .dropd a:hover {
background:#eee;
color:#000;
border-color:#ccc;
}

.top .notifi .dropd img {
display:block;
float:left;
margin:8px 0 8px 12px;
width:45px;
height:45px;
}

.top .notifi .not {
display:block;
float:left;
margin:12px 8px;
width:320px;
line-height:16px;
}

.top .notifi i {
display:block;
font-style:normal;
color:#888;
font-size:11px;
}

.top .notifi:hover .dropd {
display:block;
}

.top .notifi.noticom {
z-index:22;
}

.top .notifi.notimail {
z-index:20;
}

.top .notifi.noticom .num i {
height:17px;
width:20px;
background-image:url(i/noti_com.png);
margin:9px 0 9px 10px;
}

.top .notifi.notimail .num i {
height:15px;
width:20px;
background-image:url(i/noti_mail.png);
margin:10px 0 10px 10px;
}

.top .search {
float:left;
background:#faf0e6;
border:1px solid #b05800;
border-radius:2px;
margin:10px 0 0 10px;
box-shadow:0 1px 0 #d67a00;
}

.top .search input[type=text] {
display:block;
float:left;
background:transparent;
border:0;
color:#a35200;
font-size:15px;
padding:5px 0 5px 10px;
}

.top .search input[type=image] {
display:block;
float:left;
padding:6px;
}

.inscriptionbtn {
float:right;
margin:22px 0;
text-decoration:none;
font-weight:bold;
}

.inscriptionbtn:hover {
opacity:0.8;
}

.loginbtn {
float:right;
margin:22px;
}

.loginbtn b, .inscriptionbtn {
display:block;
background:#de8219;
border:1px solid #ef941e;
border-radius:2px;
color:#fff;
text-shadow:0 1px 1px rgba(0,0,0,0.5);
padding:7px 12px;
box-shadow:0 1px 1px rgba(0,0,0,0.15), inset 0 8px 8px #e49122;
cursor:pointer;
}

.loginbtn:hover b {
background:#fff;
text-shadow:none;
box-shadow:none;
border-color:#fff;
color:#c60;
}

.login {
display:none;
position:absolute;
right:22px;
top:50px;
background:#fff;
box-shadow:0 4px 4px rgba(0,0,0,0.4);
text-shadow:none;
color:#333;
z-index:3;
}

.loginbtn:hover .login {
display:block;
}

.login form {
margin:20px 0 0;
}

.login form span {
display:block;
margin:10px;
}

.login label {
width:90px;
float:left;
text-align:right;
margin:5px;
}

.login input[type=text],.login input[type=password] {
border:1px solid #aaa;
background:#fbfbfb;
padding:3px;
width:120px;
margin:0 15px 0 0;
}

.login input[type=text]:focus,.login input[type=password]:focus {
border:1px solid #00aecd;
box-shadow:0 0 4px rgba(0,174,205,0.4);
background:#fff;
}

.login input[type=submit] {
background:#c60;
border:1px solid #994c00;
color:#fff;
font-weight:bold;
font-size:12px;
font-family:arial;
padding:4px 12px 3px;
cursor:pointer;
box-shadow:0 1px 1px rgba(0,0,0,0.1), inset 0 9px 9px #e57300;
text-shadow:0 1px 0 #994c00;
margin:0 3px 10px 10px;
}

.login input[type=submit]:hover {
box-shadow:none;
background:#ed7700;
border:1px solid #804000;
}

.login .btn {
display:block;
float:right;
padding:6px 8px;
border-radius:0;
margin:0 10px 0 0;
}

.login hr {
margin:20px 0 10px;
}

.head {
background:#ede3dd;
border-bottom:1px solid #e1d7d0;
color:#8c817a;
text-shadow:0 1px 0 rgba(255,255,255,0.6);
}

.head img {
float:left;
margin:20px 30px;
}

.head h2 {
float:left;
margin:40px 10px 0 0;
font-size:25px;
}

.head p {
float:left;
border-left:1px solid #d6ccc6;
padding:5px 0 5px 30px;
margin:25px 0 20px 20px;
width:500px;
}

.hello {
text-align:center;
text-transform:uppercase;
background:#ede3dd;
border-bottom:1px solid #e1d7d0;
}

.hello b {
display:block;
padding:50px 0 20px;
font-size:35px;
}

.hello b u {
text-decoration:none;
background:#c60;
padding:2px 7px;
color:#fff;
}

.hello span {
display:block;
padding:0 0 50px;
font-size:25px;
color:#8c817a;
}

.publiciteright {
margin:10px;
}

.site {
width:980px;
margin:0 auto 15px;
background:#fff;
position:relative;
}

.foot {
background:#29251e;
box-shadow:inset 0 5px 5px rgba(0,0,0,0.5);
color:#ddd;
}

.foot .rss {
float:right;
display:block;
padding:10px;
}

.foot p {
float:left;
width:920px;
margin:10px 0 0 15px;
}

.footl {
float:left;
}

.footr {
margin-left:20px;
color:#666;
float:right;
}

.footr a {
color:#aaa;
}

.foot a {
text-decoration:none;
}

.foot a:hover {
color:#fff;
text-decoration:underline;
}

/* Menu */

.menubar {
background:#630 url(images/menu.png) center;
}

.menu {
float:left;
list-style:none;
margin:0 0 0 10px;
padding:0;
}

.menu li.tm {
float:left;
margin:0;
padding:0;
color:#d1c2b3;
position:relative;
}

.menu a.tm {
text-decoration:none;
font-weight:700;
float:left;
background:url(images/menusep.png) no-repeat right;
padding:11px 17px;
text-shadow:1px 1px #331a00;
font-size:14px;
}

.menu li.tm.active {
background:#402000;
box-shadow:inset 0 3px 3px rgba(0,0,0,0.6);
color:#fff;
}

.menu li.tm.active a.tm {
background:none;
text-shadow:none;
}

.menu li.tm:hover {
background:#fff;
color:#630;
}

.menu li.tm:hover a.tm {
background:#fff;
text-shadow:none;
}

.subm {
background:#fff;
box-shadow:0 4px 4px rgba(0,0,0,0.4), 0 20px 20px rgba(0,0,0,0.1);
position:absolute;
top:36px;
left:0;
z-index:3;
width:450px;
display:none;
}

.subm .min {
display:block;
width:200px;
height:170px;
background:#ccc center;
float:left;
margin:15px;
position:relative;
padding:0;
box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
}

.subm .min span {
display:block;
color:#fff;
position:absolute;
bottom:0;
background:rgba(0,0,0,0.5);
text-shadow:1px 1px 1px #000;
font-family:noticiak;
font-size:16px;
line-height:19px;
padding:15px;
}

.subm .min:hover span {
background:rgba(0,0,0,0.7);
}

.subm ul {
list-style:none;
padding:0;
margin:43px 0 0 20px;
float:left;
}

.subm li {
background:url(i/subm.png) no-repeat center left;
float:none;
padding:0 0 0 15px;
margin:0 0 8px 0;
}

.subm li a {
font-size:13px;
text-decoration:none;
color:#888;
}

.subm li a b {
color:#333;
}

.subm li:hover a {
color:#333;
text-decoration:underline;
}

.menu li.tm:hover .subm {
display:block;
}

.recherche {
float:right;
}

.rechercheinput {
padding:3px 5px 2px;
margin:7px 0 0;
width:150px;
background:#efeeda;
font-family:tahoma;
font-size:11px;
color:#555;
text-shadow:1px 1px #fff;
border:1px solid #630;
border-top:1px solid #402000;
border-left:1px solid #402000;
border-radius:2px;
}

.recherchesubmit {
float:right;
margin:10px 10px 0;
cursor:pointer;
}

/* Left/Right */

.leftright {
background:#fff url(images/right.png) repeat-y right;
width:100%;
}

.left {
float:left;
width:660px;
}

.right {
float:right;
width:320px;
position:relative;
}

.right:hover .admintool {
display:block;
border:none;
}

/* Right */

.right hr {
border:1px solid #f0edce;
border-top:1px solid #ccc9ac;
margin:12px 10px 0;
}

.avatarmin {
max-height:35px;
max-width:35px;
}

.liste {
margin:15px 15px 0;
}

.right .titre {
font-size:17px;
font-weight:700;
border-bottom:3px solid #444;
padding-bottom:3px;
}

.right .bloc {
display:block;
background:#f9f8e5;
border-bottom:1px solid #ccc9ac;
padding:8px;
text-decoration:none;
color:#444;
line-height:15px;
}

.liste a {
display:block;
background:#f9f8e5;
border-bottom:1px solid #ccc9ac;
padding:8px;
text-decoration:none;
color:#444;
line-height:15px;
}

.liste a:hover {
background:#f4f1d1;
border-bottom:1px solid #b3b096;
color:#222;
}

.liste a img {
padding-right:4px;
}

.rsommaire {
margin:15px 15px 15px 0;
}

.rsommaire .titre {
padding:0 0 3px 15px
}

.rsommaire .bloc {
background:#ccc9ac;
}

.rsommaire li {
color:#a39e74;
}

.rsommaire a {
display:block;
padding:4px 7px;
color:#333;
text-decoration:none;
}

.rsommaire a:hover {
background:#333;
color:#ccc9ac;
}

.social {
margin:15px;
}

.social .icons {
text-align:center;
}

.social img {
padding:5px;
}

.mdivtop {
background:#c60;
color:#fff;
padding:7px 0;
font-size:14px;
}

.left h1.big, .left div.big {
margin:20px 20px 0;
font-size:30px;
font-family:arial;
padding-bottom:10px;
border-bottom:7px solid #a6a190;
color:#444;
}

.left div.big h1 {
display:inline;
}

/* Article */

.article {
position:relative;
}

.article:hover .admintool {
display:block;
}

.article p {
margin:30px 30px 0;
font-size:15px;
line-height:21px;
text-align:justify;
}

.article ul {
margin:15px 30px 0 60px;
font-size:15px;
line-height:21px;
text-align:justify;
}

.article li {
margin:0 0 10px;
}

.article h1 {
font-size:30px;
font-weight:normal;
font-family:noticiak,arial;
line-height:30px;
margin:70px 30px 25px;
text-align:center;
}

.article h1 a {
text-decoration:none;
color:#5a5142;
}

.article h1 a:hover {
text-decoration:underline;
}

.article .informations {
width:370px;
color:#888;
float:left;
padding:7px 0;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
text-transform:uppercase;
text-align:center;
}

.article .informations a {
text-decoration:none;
}

.article .informations a:hover {
text-decoration:underline;
}

.article hr {
border:0;
border-top:1px dotted #ddd;
margin:30px 0;
padding:0;
}

.article:not(.debut) h3 {
font-size:150%;
margin:30px 0;
clear:both;
text-transform:uppercase;
background:url(i/h3puce.png) no-repeat 30px 41px;
padding:40px 30px 0 55px;
border-top:1px dotted #ddd;
}

.article h3 a {
text-decoration:none;
}

.article img {
max-width:600px;
}

.article .aleft {
float:left;
margin:0 20px 20px 0;
}

.article .aright {
float:right;
margin:0 0 20px 20px;
}

.article.debut {
border-bottom:1px dotted #ccc9ac;
}

.article.debut .info {
margin:15px;
padding-top:15px;
color:#999781;
}

.article.debut .info a {
text-decoration:none;
}

.article.debut .info a:hover {
text-decoration:underline;
}

.article .miniature {
float:left;
margin:20px 30px 0;
}

.article.debut h3 {
clear:none;
margin:15px 15px 25px;
line-height:30px;
font-family:arial;
font-size:30px;
letter-spacing:-1px;
border:0;
padding:0;
}

.article.debut h3 a {
color:#333;
}

.article.debut h3 a:hover {
text-decoration:underline;
}

.sommaire {
margin:15px;
background:#f9f9f9;
border:1px solid #eee;
}

.sommaire:hover {
background:#f2f2f2;
border:1px solid #ddd;
}

.sommaire a {
display:block;
text-decoration:none;
padding:7px;
}

.sommaire img {
float:left;
max-height:45px;
max-width:45px;
}

.sommaire b {
float:left;
margin:15px 0 0 15px;
font-size:15px;
}

.precedent {
display:block;
text-decoration:none;
padding:7px;
margin:10px;
background:#f9f9f9;
border:1px solid #eee;
font-size:17px;
color:#888;
}

.precedent.suivant {
text-align:right;
}

.precedent:hover {
background:#f2f2f2;
border:1px solid #ddd;
}

.precedent b {
font-size:15px;
color:#444;
}

/* Commentaires */

.commentaires {
border-top:1px solid #ccc9ac;
border-bottom:1px solid #ccc9ac;
background:#efecca;
padding:10px;
}

.commentaires .titre {
display:block;
font-size:23px;
margin:10px 0 20px 10px;
}

.commentaire {
margin:20px 0 0 10px;
}

.commentaire .posteur {
float:left;
width:75px;
text-align:center;
}

.commentaire .posteur a {
display:block;
padding-bottom:3px;
text-decoration:none;
font-weight:700;
}

.commentaire .posteur img {
max-width:75px;
max-height:75px;
}

.commentaire .message {
float:right;
width:536px;
border:1px solid #ccc9ac;
color:#333;
text-align:justify;
background:#fff;
position:relative;
z-index:5;
}

.commentaire .message img {
max-width:505px;
max-height:505px;
}

.commentaire .message:hover .admintool {
display:block;
}

.commentaire .message .date {
color:#b3b096;
font-size:90%;
text-align:right;
margin:7px;
}

.commentaire .bulle {
position:relative;
z-index:10;
right:-9px;
top:20px;
}

hr {
border:none;
border-top:1px solid #ccc9ac;
}

.hcats {
margin:20px 20px 0;
padding-bottom:10px;
border-bottom:4px solid #a6a190;
}

.hcats h1 {
float:left;
font-size:30px;
font-family:arial;
color:#666359;
}

.hcats h1.h1actualite {
background:url(i/news.png) no-repeat center left;
color:#444;
margin:10px 0 15px 10px;
padding:5px 0 0 46px;
border:0;
}

.hcats h1.h1tutoriels {
background:url(i/tutoriels.png) no-repeat center left;
color:#444;
margin:10px 0 15px 10px;
padding:5px 0 0 46px;
border:0;
}

.cats {
float:right;
position:relative;
top:10px;
right:10px;
text-shadow:1px 1px #fff;
}

.cats .choix {
width:145px;
font-weight:700;
background:#fafafa url(images/catdown.png) no-repeat;
background-position:9px 12px;
border:1px solid #ccc9ac;
color:#807e6b;
padding:8px 14px;
text-align:right;
cursor:pointer;
}

.cats .categories {
display:none;
position:absolute;
z-index:50;
right:0;
top:30px;
border-bottom:2px solid #adac9a;
}

.cats:hover .categories {
display:block;
}

.cats:hover .choix {
background:#fafafa url(images/catup.png) no-repeat center left;
background-position:9px 12px;
}

.cats .categories a {
display:block;
margin-right:4px;
text-decoration:none;
font-weight:700;
width:141px;
background:#eae8d0;
border:1px solid #adac9a;
border-bottom:0;
padding:9px 12px;
}

.cats .categories a:hover {
background:#fafafa;
}

.cats .categories a img {
padding-right:8px;
}

/* BBcodes */

.quote {
border-left:5px solid #00aecd;
background:#fbfbfb;
margin:30px;
padding-bottom:30px;
overflow:auto;
}

.quote .quoteinfo {
display:block;
font-weight:700;
color:#888;
text-shadow:0 1px 0 rgba(255,255,255,0.5);
padding:15px 30px 15px 45px;
margin-bottom:5px;
background:#eee url(i/quote.png) no-repeat 15px 14px;
}

.btn3d {
display:block;
border:1px solid #d0cab5;
border-bottom:1px solid #bfbaa6;
margin:13px;
font-weight:700;
padding:10px;
background:#fafafa url(images/btn3d.png) repeat-x center;
text-shadow:1px 1px #fafafa;
color:#807c6f;
text-decoration:none;
text-align:center;
cursor:pointer;
}

.btn3d:hover {
background:#fafafa url(images/btn3dh.png) repeat-x center;
color:#4d4a43;
}

.btncom {
display:block;
font-weight:700;
border:1px solid #ccc;
border-bottom:1px solid #bbb;
margin:13px;
background:#f4f4f4 url(images/forumbg.png) repeat-x bottom;
text-shadow:1px 1px #fafafa;
cursor:pointer;
color:#666;
text-decoration:none;
text-align:center;
}

.btncom:hover {
background:#f4f4f4 url(images/forumbgh.png) repeat-x bottom;
border:1px solid #bbb;
border-top:1px solid #aaa;
}

.btncom span {
display:block;
}

.btncom .lexpand {
background:url(images/expand.png) no-repeat center left;
background-position:20px 14px;
}

.btncom .rexpand {
padding:15px;
background:url(images/expand.png) no-repeat center right;
background-position:570px 14px;
}

.spoiler {
border:1px solid #d0cab5;
border-bottom:1px solid #bfbaa6;
margin:30px;
}

.spoiler .info, .spoiler .lien {
display:block;
font-weight:700;
padding:10px;
background:#fafafa url(images/btn3d.png) repeat-x center;
text-shadow:1px 1px #fafafa;
cursor:pointer;
color:#807c6f;
text-decoration:none;
}

.spoiler .lien {
float:left;
width:30%;
}

.spoiler .info:hover, .spoiler .lien:hover {
background:#fafafa url(images/btn3dh.png) repeat-x center;
color:#4d4a43;
}

.spoiler .infof {
display:none;
font-weight:700;
padding:10px;
background:#fafafa url(images/btn3d.png) repeat-x center;
text-shadow:1px 1px #fafafa;
color:#807c6f;
cursor:pointer;
}

.spoiler .infof:hover {
background:#fafafa url(images/btn3dh.png) repeat-x center;
color:#4d4a43;
}

.spoiler .spoiled {
display:none;
}

.spoilerh .info {
display:block;
font-weight:700;
padding:10px;
background:#fafafa url(images/btn3d.png) repeat-x center;
text-shadow:1px 1px #fafafa;
cursor:pointer;
color:#807c6f;
}

.forum {
background:#fff;
}

.forum .formulaire {
margin:0 10px 10px;
}

.left .formulaire {
margin:20px;
}

.formulaire .iliste {
display:block;
background:url(images/forumbg.png) repeat-x bottom;
border:1px solid #ddd;
border-top:0;
}

.formulaire .iliste a {
display:block;
text-decoration:none;
font-weight:700;
background:url(images/ico/forum.png) no-repeat center left;
padding:9px 9px 9px 27px;
}

.formulaire .iliste:hover {
background:url(images/forumbgh.png) repeat-x bottom;
border-color:#ccc;
}

.formulaire .kode {
background:#ccc9ac;
}

.formulaire .kodebar {
height:38px;
}

.formulaire .kodebar span {
display:block;
float:left;
padding:5px;
margin:6px;
margin-right:0;
background:url(images/bbcode/kodebar.png) no-repeat;
cursor:pointer;
position:relative;
}

.formulaire .kodebar span:active {
opacity:0.6;
}

.redakbtn {
float:right;
height:31px;
width:77px;
background:url(i/redakbtn.png) top;
margin:0 20px 0 0;
cursor:pointer;
}

.redakbtn.active {
background-position:bottom;
}

.formulaire .kodebar span:hover {
background:url(images/bbcode/kodebarh.png) no-repeat;
}

.formulaire .kodebar .smileys em {
display:none;
position:absolute;
top:0;
left:0;
width:160px;
background:#fafafa;
border:1px solid #b3b096;
border-radius:4px;
box-shadow:#ccc9ac 1px 1px 6px;
}

.formulaire .kodebar .smileys em img {
padding:6px;
border-radius:4px;
}

.formulaire .kodebar .smileys em img:hover {
background:#edece2;
}

.formulaire .kodebar .smileys:hover em {
display:block;
}

.formulaire .kodebar .btnenvoyer {
float:right;
margin-top:5px;
margin-right:5px;
height:30px;
width:90px;
background:url(images/btn_envoyer.png);
border:0;
cursor:pointer;
}

.formulaire .kodebar .btnenvoyer:hover {
background:url(images/btn_envoyer.png);
background-position:0 30px;
}

.formulaire .kodebar .btnapercu {
float:right;
margin-top:5px;
margin-right:5px;
height:30px;
width:90px;
background:url(images/btn_apercu.png);
border:0;
cursor:pointer;
}

.formulaire .kodebar .btnapercu:hover {
background:url(images/btn_apercu.png);
background-position:0 30px;
}

.kodebar .loader {
display:none;
float:right;
margin:14px 20px 0 0;
}

.formulaire textarea {
width:608px;
padding:4px;
border:1px solid #ccc9ac;
border-left-width:2px;
border-right-width:2px;
font-family:verdana;
font-size:100%;
color:#40392f;
}

.forum .formulaire textarea {
width:948px;
height:100px;
resize:none;
}

.formulaire .input {
width:625px;
height:20px;
margin:10px 0;
padding:7px 0;
border:1px solid #ccc9ac;
font-family:verdana;
font-size:16px;
color:#40392f;
background:#fff url(images/kodefond.png) repeat-x;
text-align:center;
}

.formulaire select.input {
height:40px;
background:#f8f8f4;
}

.formulaire .submitbtn {
margin-left:15px;
width:625px;
cursor:pointer;
font-family:arial;
padding:7px;
font-size:19px;
background:#999687;
color:#fff;
border:1px solid #807d70;
}

.formulaire .submitbtn:hover {
background:#8ea106;
}

.formulaire .panneau {
display:none;
}

.formulaire .panneau .bulle {
margin-left:30px;
margin-top:5px;
}

.formulaire .panneau .bullec {
background:#ccc9ac;
padding:10px;
}

.formulaire .panneau .bullec input[type=text] {
border:1px solid #bfbca1;
background:#fff url(images/kodefond.png) repeat-x;
padding:3px;
}

.formulaire #fontcolor table {
width:920px;
margin-top:10px;
}

.formulaire #fontcolor table td {
height:25px;
cursor:pointer;
border:5px solid #fff;
}

.formulaire #image i {
cursor:pointer;
background:#8c7e66;
color:#fff;
padding:3px;
margin-left:10px;
font-weight:700;
}

.formulaire #image i:hover {
background:#5a5142;
}

.formulaire .radioconf {
font-size:90%;
cursor:pointer;
}

.formulaire .radioconf input {
cursor:pointer;
}

.formulaire .radioconf label {
cursor:pointer;
margin-right:12px;
}

.formulaire #upload {
color:#ccc9ac;
}

.formulaire .uploaderr {
background:#8c7e66 url(images/uploaderr.png) no-repeat center left;
color:#fff;
padding:5px;
padding-left:22px;
cursor:pointer;
}

.formulaire .uploaderr:hover {
background:#5a5142 url(images/uploaderr.png) no-repeat center left;
}

.formulaire #apercu {
margin:0 -20px;
border-top:2px solid #ccc9ac;
border-bottom:2px solid #ccc9ac;
}

.formulaire .input label {
font-weight:700;
margin-right:15px;
}

.formulaire .input input {
width:557px;
padding:4px;
border:1px solid #ccc9ac;

font-family:verdana;
font-size:100%;
color:#40392f;

background:#fff url(images/kodefond.png) repeat-x;
}

.formulaire .bouton {
margin-bottom:20px;
cursor:pointer;
background:#e3e0c0;
color:#40392f;
border:1px solid #e3e0c0;
padding:10px;
font-weight:700;
}

.formulaire .sauvegarder {
float:left;
}

.formulaire .sauvegarde {
float:left;
background:#8ea106;
border:1px solid #8ea106;
color:#fff;
}

.formulaire .submit {
float:right;
}

.erreur {
background:#a00900;
color:#fff;
font-weight:700;
padding:12px;
margin-bottom:15px;
}

.erreur p {
background:url(images/erreur.png) no-repeat center left;
padding-left:25px;
margin:2px;
}

.navbar {
display:block;
margin:20px 0;
color:#888;
text-align:center;
font-size:14px;
}

.navbar a {
text-decoration:none;
color:#666;
text-shadow:1px 1px #fff;
padding:4px 8px;
font-weight:700;
font-size:11px;
background:#fff url(i/btn) repeat-x bottom;
border:1px solid #c2c2c2;
border-radius:3px;
box-shadow:0 3px 2px -2px #ebebeb;
margin:3px;
}

.navbar a:not(.active):hover {
background:#fff;
color:#333;
border:1px solid #aaa;
}

.navbar .active {
border:1px solid #222;
background:#474747;
color:#fff;
text-shadow:1px 1px #222;
box-shadow:inset 0 3px 2px -2px #222;
}

.code {
background:#fff;
border:1px dashed #ddd;
padding:2px;
display:block;
}

.codeformat {
border:1px solid #d0cab5;
background:#fafafa url(images/code.png) no-repeat top right;
background-position:97% 12px;
margin:13px;
padding-bottom:15px;

max-height:500px;
max-width:800px;
overflow:auto;
}

.codeformat .codeformatinfo {
display:block;
font-weight:700;
padding:10px;
padding-top:12px;
border-bottom:1px solid #eae5ce;
margin-bottom:5px;
}

.codeformat p {
text-align:left;
font-family:courier, verdana;
margin-bottom:0;
font-size:12px;
}

.notiftop {
width:980px;
margin:10px auto 0;
}

.notifications {
float:left;
}

.notifications a {
display:block;
float:left;
background:#e6e2af url(images/mail.png) no-repeat center left;
padding:10px 10px 10px 36px;
color:#5a5142;
text-decoration:none;
font-weight:700;
margin-right:2px;
}

.notifications .info {
background-image:url(images/infon.png);
}

.notifications .admin {
background-image:url(images/alertn.png);
}

.notifications .task {
background-image:url(images/tickw.png);
}

.notif {
float:right;
}

.notif a {
float:left;
height:32px;
display:block;
background:#c65d00 url(images/notif.png);
border:1px solid #740;
border-bottom:0;
color:#fff;
text-decoration:none;
font-weight:700;
margin:0 0 0 3px;
text-shadow:1px 1px #a12b00;
cursor:pointer;
}

.notif .rouge {
background:#ad1617 url(images/notifa.png);
border-color:#680d0e;
text-shadow:1px 1px #860808;
}

.notif .blanc {
display:none;
color:#ad1617;
background:#fff;
border:1px solid #680d0e;
border-bottom:0;
text-shadow:none;
}

.notif img {
float:left;
}

.notifmail {
margin:10px 8px 0 9px;
}

.notifprofil {
margin:8px 8px 0 9px;
}

.notiflogout {
margin:9px 6px 0 8px;
}

.notifforum {
margin:9px 9px 0 11px;
}

.notif span {
display:block;
float:left;
margin:10px 8px 0 0;
}

.notific {
display:none;
position:absolute;
right:-10px;
background:#fff;
border:1px solid #444;
border-bottom-width:2px;
border-top:0;
width:300px;
z-index:300;
}

.notific a {
display:block;
padding:12px;
border-bottom:1px dotted #bbb;
background:url(images/bullet_go.png) no-repeat center left;
background-position:7px 11px;
padding-left:30px;
text-decoration:none;
font-weight:700;
text-shadow:1px 1px #fff;
}

.notific a:hover {
background-color:#f8f8f8;
background-position:7px 11px;
text-decoration:none;
}

.notific a:last-child {
border-bottom:0;
}

.notifcmp a {
background-image:url(images/balloon.png);
}

.notifcmp a:hover {
background-color:#f8f8f8;
}

.telechargement {
display:block;
margin:35px 60px;
text-decoration:none;
background:#f4f4f4 url(images/forumbg.png) repeat-x bottom;
border:1px solid #ccc;
border-bottom:1px solid #bbb;
text-align:center;
color:#777;
}

.telechargement span {
display:block;
padding:15px;
background:url(images/dl.png) no-repeat center left;
background-position:15px;
text-shadow:#fff 1px 1px;
}

.telechargement b {
font-size:15px;
padding-left:10px;
color:#666;
}

.telechargement:hover {
background-image:url(images/forumbgh.png);
border:1px solid #bbb;
border-top:1px solid #aaa;
}

.telechargement:hover b {
color:#444;
}

.legal {
margin:30px 30px 0;
background:#f8e260 url(images/attention.png) no-repeat center left;
background-position:10px;
color:#4c4218;
border:1px solid #cfa924;
border-left:7px solid #cfa924;
padding:7px 7px 7px 55px;
line-height:16px;
}

.forum p {
margin:15px;
margin-bottom:0;
line-height:17px;
}

.welcomeinfo {
margin:10px;
background:#eee url(images/groupe.png) no-repeat center left;
background-position:10px;
padding:7px 7px 7px 53px;
border:1px solid #ddd;
line-height:140%;
color:#444;
}

.errorinfo {
margin:10px;
background:#eee url(images/error.png) no-repeat center left;
background-position:10px;
padding:16px 16px 16px 53px;
border:1px solid #ddd;
line-height:140%;
color:#444;
}

.confirmation {
margin:10px;
background:#d5de99 url(images/tick.png) no-repeat center left;
background-position:10px;
padding:13px 13px 13px 53px;
border:1px solid #c6d372;
border-bottom:1px solid #afba65;
line-height:140%;
color:#444;
font-size:12px;
}

.confirmation b {
font-family:"Trebuchet MS";
font-size:14px;
padding-right:15px;
}

.verouillenotif {
margin:10px;
background:#eee url(images/lock.png) no-repeat center left;
background-position:10px;
padding:13px 13px 13px 53px;
border:1px solid #ccc;
border-bottom:1px solid #bbb;
line-height:140%;
color:#444;
font-size:12px;
}

.verouillenotif b {
font-family:"Trebuchet MS";
font-size:14px;
padding-right:15px;
}

.forum .categorie {
margin:0 10px;
background:#fff url(images/forumbg.png) repeat-x bottom;
border:1px solid #eee;
border-bottom:1px solid #ddd;
border-top:none;
cursor:pointer;
}

.forum .categorie:hover {
background-image:url(images/forumbgh.png);
}

.forum .categorie.first {
border-top:1px solid #eee;
}

.forum .categorie .statut {
display:block;
float:left;
margin:16px 15px 15px;
}

.forum .categorie div {
float:left;
}

.forum .categorie h3 {
font-size:1.4em;
margin-top:15px;
}

.forum .categorie h3 a {
color:#666;
text-decoration:none;
}

.forum .categorie h3.statut1 a { color:#666; }
.forum .categorie h3.statut2 a { color:#c60; }
.forum .categorie h3.statut3 a { color:#a00900; }
.forum .categorie h3.statut4 a { color:#8ea106; }

.forum .categorie p {
color:#5a5142;
font-family:arial;
font-size:0.9em;
margin:7px 0 12px;
line-height:1;
}

.forum .categorie:hover h3 a {
text-decoration:underline;
}

.forum .categorie .stats {
float:right;
margin:25px 15px 0 0;
font-weight:700;
font-size:90%;
color:#ccc;
}

.forum .categorie .stats b {
font-weight:700;
font-size:130%;
color:#bbb;
}

.filariane {
margin:10px;
padding:7px;
background:#fff url(images/forumbg.png) repeat-x bottom;
border:1px solid #eee;
border-bottom:1px solid #ddd;
color:#888;
font-weight:bold;
}

.filariane a {
text-decoration:none;
margin:0 6px;
}

.filariane a:hover {
text-decoration:underline;
color:#555;
}

.forumtop {
background:#c60 url(images/forum_top.png) repeat-x;
margin:0 10px;
}

.forumtop a {
text-decoration:none;
}

.forumtop a:hover {
text-decoration:underline;
}

.forumtop h2, .forumtop b, .forumtop h1 {
float:left;
color:#fff;
font-size:20px;
padding:10px;
}

.forumtop small {
font-size:16px;
font-weight:normal;
}

.forumtop .btntop {
display:block;
float:right;
background:#fff url(images/btndg.png) repeat-x;
text-decoration:none;
padding:7px;
margin:7px 7px 0 0;
font-weight:700;
font-size:11px;
border-radius:3px;
text-shadow:1px 1px #fff;
color:#777;
cursor:pointer;
}

.forumtop .btntop:hover {
background:#fff url(images/btndgh.png) repeat-x;
text-decoration:none;
color:#333;
}

.forumtop .nouvellediscussion {
background:url(images/add.png) no-repeat center left;
padding-left:20px;
}

.forumtop .besoindaide {
background:url(images/infoc.png) no-repeat center left;
padding-left:20px;
}

.forumtop .suivi {
background:url(images/flagg.png) no-repeat center left;
padding-left:20px;
background-position:0 1px;
}

.forumtop .psuivi {
background:url(images/flago.png) no-repeat center left;
padding-left:20px;
background-position:0 1px;
}

.forum table {
margin:0 10px;
width:960px;
}

.forum .sujet {
background:#fff url(images/forumbg.png) repeat-x bottom;
cursor:pointer;
border:1px solid #eee;
border-bottom:1px solid #ddd;
border-top:none;
}

.forum .sujet .statut {
text-align:center;
width:55px;
color:#fff;
font-weight:700;
font-size:85%;
vertical-align:top;
}

.forum .sujet .statut span {
display:block;
margin-top:14px;
}

.forum .titre {
padding:13px;
padding-left:0;
}

.forum .sujet a {
vertical-align:text-top;
font-weight:700;
font-family:arial;
color:#666;
text-decoration:none;
}

.forum .sujet:hover {
background:#fff url(images/forumbgh.png) repeat-x bottom;
}

.forum .sujet .titre:hover a {
text-decoration:underline;
}

.forum .statut1 .statut { background:url(images/s1.png) no-repeat 15px 11px; }
.forum .statut2 .statut { background:url(images/s2.png) no-repeat 15px 11px; }
.forum .statut3 .statut { background:url(images/s3.png) no-repeat 15px 11px; }
.forum .statut4 .statut { background:url(images/s4.png) no-repeat 15px 11px; }
.forum .statutlock .statut { background:url(images/slock.png) no-repeat 15px 11px; }

.forum .statut1 a { color:#666; }
.forum .statut2 a { color:#c60; }
.forum .statut3 a { color:#a00900; }
.forum .statut4 a { color:#8ea106; }
.forum .statutlock a { color:#999; }

.forum .sujet .auteur {
text-align:right;
padding-right:10px;
color:#aaa;
}

.forum .sujet .auteur a {
color:#aaa;
}

.forum .sujet .auteur a:hover {
text-decoration:underline;
}

.forum .message {
background:#eae5ce;
padding:10px;
}

.forum .message .membre {
width:150px;
background:#dfd9c3;
border-right:1px solid #d0cab5;
text-align:center;
vertical-align:top;
}

.forum .message .membre .pseudo {
font-weight:700;
display:block;
margin:15px 10px 10px;
text-decoration:none;
}

.forum .message .membre .online {
width:9px;
height:9px;
padding:0 5px 0 0;
}

.forum .message .membre .avatar {
margin-bottom:10px;
max-width:100px;
}

.forum .message .membre .pseudo:hover {
text-decoration:underline;
}

.forum .message .membre .nbmessages {
display:block;
font-size:80%;
margin-bottom:10px;
color:#80735d;
}

.forum .message .membre .nbmessages span {
color:#595041;
}

.forum .message .texte {
vertical-align:top;
padding-bottom:15px;
font-family:"Trebuchet MS";
overflow:auto;
}

.forum .message .texte img {
max-width:780px;
}

.forum .message .texte p {
margin:15px;
margin-bottom:0;
line-height:135%;
font-size:13px;
}

.forum .message .texte li {
line-height:135%;
font-size:13px;
}

.forum .messageb td {
background:#d0cab5;
padding:6px;
border-bottom:7px solid #fff;
}

.forum .messageb .infos {
float:left;
font-family:arial;
font-size:90%;
margin:6px;
color:#807c6f;
text-shadow:1px 1px #d8d3c1;
}

.forum #apercuposta {
text-align:center;
font-family:arial;
font-size:90%;
margin-top:15px;
font-weight:700;
display:none;
}

.forum .messageb .mbar {
float:right;
}

.messageb.messagelive .mbar {
visibility:hidden;
}

.forum .messageb .mbar a {
display:block;
float:right;
margin:5px 5px 0;
cursor:pointer;
}

.fdel {
width:15px;
height:15px;
background:url(images/fdel.png);
}

.fedit {
height:16px;
width:15px;
background:url(images/fedit.png);
}

.falert {
height:16px;
width:16px;
background:url(images/falert.png);
}

.fquote {
height:15px;
width:15px;
background:url(i/fquote.png);
}

.fdel:hover, .fedit:hover, .falert:hover, .fquote:hover {
background-position:bottom;
}

.messagelive td {
border-bottom:4px solid #a9bd00;
color:#fff;
}

.messagelive td b {
display:block;
float:left;
background:#a9bd00;
padding:7px 12px 5px;
text-shadow:1px 1px #879600;
}

.messageapercu td {
border-bottom:4px solid #807C6F;
color:#fff;
}

.messageapercu td b {
display:block;
float:left;
background:#807C6F;
padding:7px 12px 5px;
text-shadow:1px 1px #59574e;
}

.forum .navbar {
float:right;
margin-right:8px;
}

.forum .pagesuivante {
display:block;
text-align:center;
font-size:22px;
background:#eae5ce;
margin:10px;
text-decoration:none;
padding:10px;
}

.forum .pagesuivante:hover {
background:#c60;
color:#fff;
}

.fbtn {
float:left;
display:block;
margin:10px;
background:#c60;
background:url(images/btn_add.png) no-repeat;
text-decoration:none;
color:#fff;
font-size:15px;
font-weight:700;
padding:0 0 0 36px;
}

.fbtn.addbtn {
background:url(images/btn_add.png) no-repeat;
}

.fbtn b {
float:left;
height:43px;
background:url(images/btn.png) repeat-x left top;
line-height:43px;
padding:0 10px;
color:#fff;
font-weight:normal;
}

.fbtn span {
background: url(images/btn_right.png) no-repeat;
float:left;
width:5px;
height:43px;
}

.forum .infoinsc {
display:block;
float:left;
width:700px;
text-decoration:none;
text-align:center;
margin:10px;
margin-left:0;
padding:15px;
background:#eae5ce;
color:#999585;
}

.zone {
background:#eae5ce;
}

.zone.select label {
display:block;
padding:10px;
cursor:pointer;
}

.zone.select label b {
font-size:16px;
color:#555;
margin-left:10px;
margin-right:15px;
}

.zone.select label:hover {
background:#dfd9c3;
}

.formulaire .info {
margin:10px;
margin-bottom:0;
padding:7px;
padding-left:30px;
border:1px solid #fff;
background:#fafafa url(images/info.png) no-repeat;
background-position:7px 7px;
line-height:16px;
font-size:12px;
}

.formulaire .textinputs label {
font-weight:700;
margin-left:10px;
}

.formulaire .textinputs input[type=text],.formulaire .textinputs input[type=password] {
border:1px solid #d0cab5;
margin:10px;
margin-bottom:0;
padding:5px;
background:#fff url(images/kodefond.png) repeat-x;
width:300px;
}

.formulaire .textinputs input[type=submit] {
width:940px;
cursor:pointer;
font-weight:700;
margin:10px;
padding:15px;
font-size:19px;
background:#999687;
color:#fff;
border:1px solid #807d70;
}

.formulaire .textinputs input[type=submit]:hover {
background:#8ea106;
color:#fff;
border:1px solid #807d70;
}

.formulaire .formerreur {
background:#a00900 url(images/uploaderr.png) no-repeat center left;
color:#fff;
font-weight:700;
padding:11px;
padding-left:26px;
}

.titreorange {
background:#c60 url(images/forum_top.png) repeat-x center;
color:#fff;
font-size:16px;
padding:9px;
}

.formcom label {
display:block;
width:65px;
float:left;
text-align:right;
font-weight:700;
margin:6px;
margin-right:15px;
}

.formcom input[type=text] {
width:520px;
padding:5px;
border:solid 1px #d9d6b8;
border-top:solid 1px #bfbda3;
font-size:13px;
color:#5a5142;
font-family:arial;
margin-bottom:10px;
}

.adminbarre {
padding:5px 10px;
text-align:right;
}

.adminbarre a {
text-decoration:none;
background:#eee url(images/btn3d.png) repeat-x center;
font-family:verdana;
color:#666;
border:1px solid #bbb;
border-bottom:1px solid #aaa;
padding:6px;
font-weight:700;
font-size:75%;
}

.adminbarre a:hover {
background:#fff;
color:#333;
}

.admintool {
display:none;
text-decoration:none;
background:#eee url(images/btn3d.png) repeat-x center;
border:5px solid #fff;
position:absolute;
right:5px;
top:5px;
font-family:verdana;
color:#3d302f;
}

.admintool:hover {
background:#eee;
}

.admintool span {
display:block;
border:1px solid #999;
background:url(images/conf.png) no-repeat center left;
background-position:5px;
padding:5px;
padding-left:22px;
font-weight:700;
font-size:10px;
}

.admintool span.supprimer {
background:url(images/supprimer.png) no-repeat center left;
background-position:5px;
}

#chat {
margin:15px;
background:#fff;
border:1px solid #d0cab5;
border-bottom:1px solid #c4bfab;
max-height:350px;
overflow:auto;
}

#chat .message {
border-bottom:1px dashed #d0cab5;
padding:13px;
position:relative;
text-shadow:1px 1px #fff;
}

#chat .message.nouveau {
background:#faf9c2;
}

#chat .message:last-child {
border-bottom:0;
}

#chat .avatar {
display:block;
float:left;
max-width:50px;
max-height:50px;
margin:0 13px 0 0;
}

#chat div .date {
display:none;
position:absolute;
background:#fff;
padding:8px;
font-size:11px;
border:1px solid #d0cab5;
border-right:0;
border-top:0;
right:0;
top:0;
}

#chat div.altcolor .date {
background:#f8f8f8;
}

#chat div:hover .date {
display:block;
}

#chat .altcolor {
background:#f8f8f8;
}

#chat .info {
background:#f80;
}

.chat {
margin:15px;
}

.chat textarea {
width:540px;
float:left;
border:1px solid #d0cab5;
border-top:1px solid #b8b2a0;
padding:6px;
height:48px;
color:#333;
font-family:arial;
font-size:13px;
}

.chat .btn3d {
display:block;
float:right;
margin:0 0 0 3px;
}

.tableau {
margin:20px;
width:620px;
}

.tableau th {
background:#666 url(images/tableau.png) repeat-x bottom;
color:#fff;
text-shadow:1px 1px #555;
padding:10px;
border-right:1px solid #888;
}

.tableau tr {
background:#fafafa url(images/forumbg.png) repeat-x bottom;
border-bottom:1px solid #ddd;
cursor:pointer;
color:#444;
text-shadow:1px 1px #fff;
border-left:1px solid #eee;
}

.tableau tr:hover {
background:#eee;
}

.tableau td {
padding:8px;
border-right:1px solid #eee;
text-align:center;
}

.tableau .al {
text-align:left;
}

.tableau .ar {
text-align:right;
}

.tableau .promo {
font-weight:700;
text-align:center;
font-size:17px;
width:80px;
color:#c60;
}

.infhover {
display:none;
font-weight:700;
}

.infhover.active {
display:block;
position:relative;
line-height:20px;
width:250px;
left:636px;
z-index:2;
background:#fff url(images/forumbg.png) repeat-x bottom;
padding:20px;
border:1px solid #ccc9ac;
box-shadow:#fff 1px 1px 0;
}

.infbul {
display:none;
position:relative;
left:628px;
z-index:3;
}

.brstyle {
display:block;
height:17px;
}

/* Début du bouton de recherche dans "Tutoriels" */
.recherchet {
float:center;
}

.recherchetinput {
width:300px;
height:25px;
color:#a7a37e;
background:#e5e2c1;
border:1px solid #630;
padding:2px 2px 2px 6px;
margin:6px 6px 6px 12px;
font-family:verdana;
font-size:1.1em;
}
/* Fin du bouton de recherche dans "Tutoriels" */

.konami {
display:none;
float:left;
margin:27px 0 0 20px;
}

.left h1.big.searchh1 {
background:url(images/loupe.png) no-repeat center left;
color:#444;
margin:30px 0 35px 30px;
padding:5px 0 0 46px;
border:0;
}

.article.search {
display:block;
text-decoration:none;
background:#f9f9f9;
padding:15px;
margin:20px;
border:1px solid #ccc;
text-shadow:1px 1px #fff;
}

.article.search:hover {
background:#f4f4f4;
border:1px solid #bbb;
border-top:1px solid #aaa;
}

.article.search:hover h3 {
text-decoration:underline;
}

.article.search .miniature {
height:100px;
width:100px;
margin:0 15px 0 0;
}

.article.search h3 {
font-size:20px;
line-height:20px;
letter-spacing:0;
margin:0;
}

.article.search .info {
margin:0 0 20px;
}

.article.search .info b {
color:#555;
}

.smenu {
background:#f9f8e5 url(i/smenu.png) repeat-x bottom;
height:120px;
}

.smenu .avatar {
float:left;
max-width:90px;
max-height:90px;
margin:15px;
}

.smenu h1 {
font-size:23px;
padding-top:35px;
text-shadow:1px 1px #fff;
}

.smenu h1 img {
padding:0 3px 2px 0;
}

.smenu ul {
list-style:none;
margin:30px 0 0;
}

.smenu li {
float:left;
margin:0 10px 0 0;
}

.smenu li a {
display:block;
text-decoration:none;
padding:9px 15px;
border:1px solid #eae9d8;
border-bottom:none;
background:#eae9d8;
color:#66665e;
}

.smenu li a.active {
background:#fff;
}

.smenu li a:not(.active):hover {
background:#d9d8c7;
border-color:#d9d8c7;
}

.smenu .iright {
float:right;
}

.smenu .iright a {
padding:7px 12px 6px;
}

.feed {
margin:15px;
padding:10px;
border-bottom:1px dotted #eae9d8;
}

.feed img {
float:left;
max-height:32px;
max-width:32px;
}

.feed p {
float:left;
margin:0 0 0 10px;
max-width:565px;
}

.feed a {
text-decoration:none;
color:#c60;
}

.feed p a:first-child {
font-weight:700;
color:#333;
}

.feed .atime {
color:#a6a598;
}

.affmore {
background:#f9f8e5;
border:1px solid #eae9d8;
text-align:center;
margin:0 15px;
padding:10px 0;
cursor:pointer;
color:#99988d;
}

.pbulle img {
float:left;
display:block;
margin:0 20px;
}

.pbulle span {
float:left;
display:block;
margin:65px 0 0;
font-family:georgia;
font-size:18px;
color:#59584b;
font-style:italic;
}

.boxliens {
margin-top:20px;
}

.boxliens a {
display:block;
text-decoration:none;
padding:25px 0;
width:140px;
margin:0 0 18px 18px;
float:left;
background:#f7f6f1;
border:1px solid #c7c5bb;
border-bottom:2px solid #c7c5bb;
font-size:15px;
text-shadow:1px 1px #fff;
border-radius:3px;
cursor:pointer;
}

.boxliens a img {
display:block;
margin:0 auto;
margin-bottom:15px;
}

.boxliens a b {
display:block;
text-align:center;
}

.boxliens a:hover {
background:#fbfbfb;
color:#c60;
border-color:#c60;
}

.box {
margin:20px;
background:#f7f6f1;
position:relative;
}

.box .titre {
background:#c60 url(images/forum_top.png) repeat-x center;
color:#fff;
text-shadow:1px 1px #a65300;
font-weight:700;
font-size:17px;
padding:10px 0 10px 70px;
}

.box .icon {
position:absolute;
background:#f7f6f1;
margin:1px 10px 0;
padding:9px;
}

.box .cross {
position:absolute;
right:0;
width:20px;
height:21px;
margin:9px 9px 0 0;
background:url(i/boxcross.png) top;
cursor:pointer;
}

.box .cross:hover {
background-position:bottom;
}

.box .contenu {
border:1px solid #c7c5bb;
border-bottom:2px solid #c7c5bb;
border-top:0;
text-shadow:1px 1px #fff;
padding:10px;
}

.option {
margin:20px 0;
padding-bottom:20px;
border-bottom:1px dotted #c7c5bb;
}

.option .intitule {
float:left;
margin:10px 0 0 10px;
max-width:470px;
}

.option .choix {
float:right;
}

.option .choix label {
font-family:tahoma;
display:block;
float:left;
padding:9px 13px;
cursor:pointer;
border:1px solid #c7c5bb;
border-bottom:2px solid #c7c5bb;
border-left:0;
color:#888;
background:#f7f6f1;
text-shadow:1px 1px #fff;
}

.option .choix label:hover {
background:#fff;
}

.option .choix label.vert {
border-left:1px solid #c7c5bb;
border-right:0;
border-top-left-radius:3px;
border-bottom-left-radius:3px;
}

.option .choix label.rouge {
border-top-right-radius:3px;
border-bottom-right-radius:3px;
}

.option .choix label.active {
padding:8px 12px;
font-size:15px;
font-weight:700;
border-color:#6d7a05;
border-top-width:2px;
border-bottom-width:1px;
background:#8ea106;
color:#fff;
text-shadow:1px 1px #6d7a05;
cursor:default;
}

.option .choix label.vert.active {
border-right:1px solid #6d7a05;
}

.option .choix label.rouge.active {
border-color:#994c00;
border-left:1px solid #994c00;
background:#c60;
text-shadow:1px 1px #994c00;
}

.option .choix input[type="radio"] {
display:none;
}

.option .texte {
float:right;
}

.option .texte input, .option .texte textarea {
width:140px;
font-family:tahoma;
font-size:13px;
display:block;
color:#888;
background:#fafafa url(i/pencil.png) no-repeat center left;
border:1px solid #c3c3c3;
border-top-color:#aaa;
background-position:5px 5px;
padding:5px 5px 5px 27px;
}

.option .texte input:focus, .option .texte textarea:focus {
border:1px solid #8ea106;
color:#444;
background-color:#fff;
}

.option .texte textarea {
width:230px;
}

.option .texte input[type=password] {
float:left;
background-image:url(i/lock.png);
}

.option .texte input[type=password]:focus {
border:1px solid #d3841a;
color:#d3841a;
background-color:#fff;
}

.label {
background:#f7f6f1;
border:1px solid #c7c5bb;
border-bottom-width:2px;
margin:15px;
font-family:tahoma;
font-size:11px;
font-weight:bold;
text-shadow:1px 1px #fff;
color:#45453f;
}

.label img {
max-width:600px;
}

.label p {
text-align:center;
}

.noteblock {
background:#f7f6f1 url(i/bgavis.png) repeat-x 0 20px;
border:1px solid #c7c5bb;
border-bottom-width:2px;
margin:15px;
font-family:tahoma;
}

.noteblock em {
text-align:center;
display:block;
margin:15px;
font-family:georgia;
font-size:20px;
color:#8c8b84;
text-shadow:1px 1px #fff;
}

.noteblock em span {
background:#f7f6f1;
padding:0 20px;
}

.noteblock .note {
border:1px solid #c7c5bb;
background:#fff;
padding:9px;
margin:10px;
}

.noteblock .note b {
font-size:14px;
margin:0 10px 0 5px;
}

.noteblock .note span {
display:block;
text-align:justify;
}

.noteblock .total {
background:#f7f6f1 url(i/bgavis.png) repeat-x 0 17px;
}

.noteblock .total i {
padding:9px;
margin:0 10px;
border:1px solid #c7c5bb;
background:#fff;
display:block;
float:right;
font-style:normal;
color:#807e78;
font-size:18px;
}

.noteblock .total b {
color:#c60;
}

.right .cadre {
margin:20px;
}

.right .cadre .gros {
display:block;
font-size:17px;
padding:0 0 7px 0;
text-shadow:1px 1px #efecca;
}

.right .cadre .conteneur {
background:#fff;
border-radius:3px;
border:1px solid #c5c2a6;
border-bottom-color:#bab79d;
}

.right .cadre .min {
height:40px;
width:40px;
margin:11px 0 11px 11px;
}

.right .cadre .min.plus {
display:inline-block;
background:url(i/40plus.png) top;
cursor:pointer;
}

.right .cadre .min.plus:hover {
background-position:bottom;
}

.right .cadre .bas {
margin-top:11px;
background:#f8f8f8;
border-top:1px solid #eee;
}

.right .cadre .bas input[type=text] {
width:135px;
display:block;
float:left;
border:1px solid #c3c3c3;
border-top-color:#aaa;
margin:10px;
background:#fff url(i/pencil.png) no-repeat center left;
background-position:5px 5px;
padding:5px 5px 5px 27px;
}

.right .cadre .bas input[type=submit], .right .cadre .bas input[type=button] {
display:block;
float:left;
margin:10px 0 0 0;
color:#fff;
padding:4px 13px;
font-size:12px;
font-weight:bold;
background:#8ea106;
border:1px solid #6d7a05;
border-bottom-width:2px;
text-shadow:1px 1px #6d7a05;
cursor:pointer;
}

.right .cadre .bas input[type=submit]:hover, .right .cadre .bas input[type=button]:hover {
background:#a1b507;
}

.right .cadre .bas input.red {
background:#a00900;
border-color:#870700;
text-shadow:1px 1px #870700;
}

.right .cadre .bas input.red:hover {
background:#c40a00;
}

.right .cadre .bas .info {
color:#666;
text-shadow:1px 1px #fff;
padding:0 10px 10px 10px;
font-family:tahoma;
font-size:11px;
line-height:17px;
}

.creerarticle {
background:#F7F6F1;
border:1px solid #C7C5BB;
border-bottom-width:2px;
margin:20px;
padding:10px;
}

.creerarticle input[type=text] {
width:325px;
display:block;
float:left;
border:1px solid #c3c3c3;
border-top-color:#aaa;
margin:10px;
background:#fff url(i/pencil.png) no-repeat center left;
background-position:5px 5px;
padding:5px 5px 5px 27px;
}

.creerarticle input[type=submit] {
display:block;
float:left;
margin:10px 0 0 0;
color:#fff;
padding:4px 13px;
font-size:12px;
font-weight:bold;
background:#8ea106;
border:1px solid #6d7a05;
border-bottom-width:2px;
text-shadow:1px 1px #6d7a05;
cursor:pointer;
}

.creerarticle input[type=submit]:hover {
background:#a1b507;
text-shadow:1px 1px #6d7a05;
}

.newsletterpage h1 {
margin:25px 20px 35px;
}

.newsletterpage .pre {
color:#aaa;
font-family:georgia;
font-size:25px;
font-style:italic;
margin:10px 0 0 150px;
}

.newsletterpage .pre.first {
margin:10px 0 0 120px;
}

.newsletterpage .pre span {
color:#2b2b2b;
}

.newsletterpage .pre sup {
font-size:13px;
}

.newsletterpage form {
width:626px;
height:81px;
background:url(i/newsletter-form.png);
position:relative;
left:-21px;
margin:40px 0 0 0;
}

.newsletterpage form span {
float:left;
display:block;
margin:23px 20px 0 23px;
color:#fff;
font-size:18px;
}

.newsletterpage input[type=text] {
float:left;
margin:15px 15px 0 0;
height:36px;
width:223px;
padding:0 7px;
border:1px solid #000;
background:#fff url(i/newsletter-texte.png);
font-size:18px;
}

.newsletterpage input[type=image] {
float:left;
margin:16px 0 0 0;
}

.newsletterpage .garantie {
font-family:georgia;
font-size:17px;
color:#aaa;
background:url(i/greytick.png) no-repeat center left;
padding:6px 0 6px 50px;
margin:20px 0 0 35px;
}

.newsletterpage .twitter {
display:block;
margin:55px 0 0 30px;
}

.menum, .searchm, .loginm {
display:none;
}

.home .grey {
background:#eee;
border-bottom:1px solid #ccc;
}

.slider {
width:540px;
height:204px;
margin:30px;
background:#333;
float:left;
overflow:hidden;
position:relative;
}

.sliderl {
width:100%;
height:4px;
background:#222;
position:absolute;
bottom:0;
z-index:10;
}

.sliderl span {
background:#c60;
width:0%;
height:4px;
}

.sliderm {
position:absolute;
bottom:10px;
right:14px;
}

.sliderm span {
display:block;
float:left;
width:12px;
height:12px;
background:rgba(0,0,0,0.6);
box-shadow:inset 0 3px 3px rgba(0,0,0,0.5);
border:1px solid rgba(255,255,255,0.1);
margin:0 0 0 5px;
border-radius:6px;
cursor:pointer;
}

.sliderm span.active {
background:rgba(255,255,255,0.3);
box-shadow:inset 0 -3px 3px rgba(0,0,0,0.1);
border:0;
padding:1px;
}

.sliderc {
width:540px;
height:1000px;
position:absolute;
top:0;
}

.slider a {
display:block;
width:540px;
height:200px;
background-size:100% auto !important;
}

.slider a img {
float:left;
}

.slider p {
float:left;
width:300px;
height:160px;
line-height:15px;
background:rgba(0,0,0,0.8);
margin:0;
padding:20px;
color:#fff;
}

.slider b {
display:block;
margin:0 0 15px;
font-family:noticiak;
font-size:22px;
line-height:25px;
}

.slider a:hover b {
text-decoration:underline;
}

.bienvenue {
width:350px;
margin:47px 30px 30px 0;
float:right;
}

.bienvenue u {
display:block;
font-weight:bold;
font-size:24px;
border-bottom:1px solid #333;
padding:0 0 2px 0;
text-decoration:none;
}

.bienvenue u span {
color:#aaa;
}

.bienvenue ul {
list-style:none;
margin:0;
padding:0;
}

.bienvenue a {
display:block;
background:#00aecd url(i/barrow.png) no-repeat 12px 9px;
color:#fff;
padding:9px 9px 9px 34px;
text-decoration:none;
margin:9px 0 0;
transition:all 0.5s;
}

.bienvenue a:hover {
margin:9px 0 0 20px;
background-color:#008da6;
}

.lastforum {
width:350px;
margin:30px 30px 30px 0;
float:right;
background:#00aecd;
color:#fff;
height:204px;
overflow:hidden;
transition:all 0.5s;
position:relative;
}

.lastforum:hover {
background-color:#008da6;
}

.lastforum .link {
position:absolute;
width:100%;
top:210px;
opacity:0;
transition:all 0.7s;
}

.lastforum .link.active {
top:60px;
opacity:1;
}

.lastforum u {
display:block;
text-align:center;
text-transform:uppercase;
text-decoration:none;
padding:30px 0 10px;
border-bottom:1px dotted #fff;
opacity:0.7;
}

.lastforum a {
display:block;
text-align:center;
text-decoration:none;
font-family:noticiak;
padding:20px 40px;
font-size:22px;
}

.lastforum a:hover {
text-decoration:underline;
}

.lastforum span {
display:block;
text-align:center;
text-transform:uppercase;
padding:0 0 30px;
opacity:0.7;
}

.newsect {
margin:30px;
}

.newsect h2 {
background:url(i/newsect.png) repeat-x 0 9px;
text-align:center;
font-size:20px;
font-weight:normal;
font-family:serif;
text-transform:uppercase;
color:#555;
}

.newsect h2 b {
background:#fff;
padding:0 9px;
}

.newsect .sort {
background:linear-gradient(to bottom, #fff, #eee);
border-bottom:1px solid #ccc;
}

.newsect .sort .so {
margin:3px;
padding:7px 20px;
float:left;
position:relative;
border-right:1px solid #ccc;
cursor:pointer;
}

.newsect .sort .so b {
background:url(i/arrdown.png) no-repeat center right;
padding:0 22px 0 0;
text-shadow:0 1px 0 #fff;
}

.newsect .sort .so ul {
list-style:none;
margin:0;
padding:0;
position:absolute;
width:200px;
top:25px;
left:5px;
background:#fff;
border:1px solid #333;
box-shadow:0 5px 5px rgba(0,0,0,0.3);
padding:4px 0;
border-radius:2px;
z-index:10;
display:none;
}

.newsect .sort .so:hover ul {
display:block;
}

.newsect .sort .so li {
padding:6px 14px;
}

.newsect .sort .so li:hover {
background:#c60;
color:#fff;
}

.newsect .pag {
float:right;
color:#888;
}

.newsect .pag span {
display:block;
float:left;
margin:7px;
}

.newsect .pag u {
display:block;
float:left;
background:linear-gradient(to bottom, #fff, #f2f2f2);
border:1px solid #bebebe;
border-radius:2px;
box-shadow:0 2px 2px rgba(0,0,0,0.1);
margin:1px 10px;
overflow:hidden;
}

.newsect .pag u i {
display:block;
float:left;
background:url(i/pagp.png) no-repeat center;
width:9px;
height:12px;
padding:5px 7px;
cursor:pointer;
}

.newsect .pag u i.next {
background-image:url(i/pagn.png);
border-left:1px solid #bebebe;
}

.newsect .pag u i.dis {
opacity:0.4;
cursor:default;
}

.newsect .pag u i:not(.dis):hover {
background-color:#fff;
}

.arti {
width:306px;
float:left;
border-right:1px dashed #ccc;
text-decoration:none;
}

.arti.related {
width:329px;
}

.arti:hover {
background:#f8f8f8;
}

.arti .link {
text-decoration:none;
}

.arti .link:hover {
text-decoration:underline;
}

.arti.third {
border-right:0;
}

.arti .info {
display:block;
text-align:center;
text-decoration:none;
text-transform:uppercase;
color:#888;
margin:20px 0 10px;
}

.arti .min {
display:block;
width:250px;
height:130px;
margin:0 0 0 25px;
background-size:100% auto !important;
}

.arti h3 {
font-family:noticiak;
text-align:center;
font-weight:normal;
font-size:18px;
line-height:22px;
margin:10px 20px 20px;
}

.articles hr {
margin:0;
border:0;
border-top:1px solid #ccc;
}

/* SPAN elements with the classes below are added by prettyprint. */
.pln { color: #000 }  /* plain text */


  .str { color: #080 }  /* string content */
  .kwd { color: #008 }  /* a keyword */
  .com { color: #800 }  /* a comment */
  .typ { color: #606 }  /* a type name */
  .lit { color: #066 }  /* a literal value */
  /* punctuation, lisp open bracket, lisp close bracket */
  .pun, .opn, .clo { color: #660 }
  .tag { color: #008 }  /* a markup tag name */
  .atn { color: #606 }  /* a markup attribute name */
  .atv { color: #080 }  /* a markup attribute value */
  .dec, .var { color: #606 }  /* a declaration; a variable name */
  .fun { color: red }  /* a function name */


/* Put a border around prettyprinted code snippets. */
.prettyprint {
background:#fdfdfd;
margin:30px;
padding:15px;
border:1px solid #ccc;
box-shadow:inset 0 0 7px rgba(0,0,0,0.07);
overflow:auto;
}

.forum .prettyprint {
max-width:740px;
max-height:550px;
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0 } /* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 { list-style-type: none }
/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 { background: #eee }


.forum2 {
background:#fff;
position:relative;
}

.forum2 .topbar .online {
float:left;
margin:0 25px;
background:url(i/online.png) no-repeat center left;
padding:0 0 0 25px;
}

.forum2 .topbar .online .count {
float:left;
margin:20px 0;
}

.forum2 .topbar .online .avatars {
float:left;
margin:11px 0 0 25px;
}

.forum2 .topbar .online .avatars a {
display:block;
float:left;
margin:0 10px 0 0;
}

.forum2 .topbar .online .avatars img {
max-width:30px;
max-height:30px;
}

.forum2 .topbar .button {
float:right;
text-decoration:none;
font-weight:bold;
font-size:11px;
margin:14px 10px 14px 5px;
padding:6px 10px;
background:#96bc3d;
border:1px solid #8aad37;
color:#fff;
border-radius:2px;
text-shadow:1px 0 #7a9931;
cursor:pointer;
}

.forum2 .topbar .button:hover {
background:linear-gradient(to bottom, #a6c753, #96bc3d);
}

.forum2 .topbar .button:active {
background:#8cb038;
box-shadow:inset 0 2px 2px rgba(0,0,0,0.2);
}

.forum2 .topbar .button.markasread {
background:#eee;
border-color:#ccc;
text-shadow:1px 0 #fff;
color:#888;
}

.forum2 .topbar .button.markasread:hover {
background:linear-gradient(to bottom, #f8f8f8, #eee);
}

.forum2 .topbar .nouveausujet {
position:absolute;
top:38px;
right:10px;
width:381px;
background:#fff;
box-shadow:0 0 10px rgba(0,0,0,0.2), 0 0 1px rgba(0,0,0,0.5);
z-index:5;
display:none;
}

.forum2 .topbar .nouveausujet b {
display:block;
background:#333;
color:#eee;
font-size:16px;
font-weight:normal;
padding:10px;
}

.forum2 .topbar .nouveausujet .side {
width:190px;
float:left;
}

.forum2 .topbar .nouveausujet .side.first {
border-right:1px solid #ddd;
}

.forum2 .topbar .nouveausujet .side .titre {
display:block;
border-bottom:1px solid #ddd;
padding:9px;
font-weight:bold;
background:#eee;
background:linear-gradient(to bottom, #eee, #e5e5e5);
}

.forum2 .topbar .nouveausujet .side a {
display:block;
border-bottom:1px solid #ddd;
padding:9px;
text-decoration:none;
background:url(i/radio.png) no-repeat 10px 10px;
padding-left:30px;
opacity:0.7;
}

.forum2 .topbar .nouveausujet .side a:hover {
opacity:1;
background-color:#f8f8f8;
font-weight:bold;
}

.ariane {
float:left;
margin:10px;
}

.ariane a {
display:block;
float:left;
padding:8px 20px 8px 15px;
font-size:16px;
color:#888;
text-decoration:none;
background:url(i/ariane.png) no-repeat right;
}

.ariane a.active {
background:none;
color:#333;
}

.ariane a:hover {
text-decoration:underline;
}

.forum2 .boxtop {
background:#c60 url(images/forum_top.png) repeat-x;
color:#fff;
}

.forum2 .boxtop h2 {
float:left;
color:#fff;
font-size:16px;
padding:10px;
}

.forum2 .forums {
width:300px;
margin:0 0 10px 10px;
float:left;
box-shadow:0 0 5px #ddd;
}

.forum2 .categorie {
display:block;
background:linear-gradient(to bottom, #fff, #f2f2f2);
border:1px solid #ddd;
border-top:none;
cursor:pointer;
}

.forum2 .categorie img {
float:left;
margin:15px 15px 10px;
}

.forum2 .categorie .r {
float:left;
margin:13px 12px 0 0;
}

.forum2 .categorie h3 {
color:#666;
font-size:18px;
}

.forum2 .categorie .nb {
display:block;
color:#aaa;
font-size:12px;
margin:3px 0 15px;
}

.forum2 .categorie:hover {
background:#fff;
}

.forum2 .categorie:hover h3 {
text-decoration:underline;
}

.forum2 .messages {
width:650px;
margin:0 0 10px 10px;
float:left;
box-shadow:0 0 5px #ddd;
}

.forum2 .messages.wide {
width:auto;
margin:0 10px 10px 10px;
float:none;
}

.forum2 .messages .sujet {
display:block;
background:linear-gradient(to bottom, #fff, #f2f2f2);
cursor:pointer;
border:1px solid #ddd;
border-top:none;
position:relative;
}

.forum2 .messages .sujet .statut {
display:block;
float:left;
width:55px;
height:35px;
text-align:center;
color:#fff;
font-weight:700;
font-size:85%;
}

.forum2 .messages .sujet .statut span {
display:block;
margin-top:14px;
}

.forum2 .messages .sujet .titre {
display:block;
float:left;
padding:15px 0;
font-weight:700;
color:#666;
text-decoration:none;
max-width:440px;
}

.forum2 .messages .sujet .nb {
display:block;
float:right;
color:#aaa;
padding:15px;
}

.forum2 .statut1 .statut { background:url(images/s1.png) no-repeat 15px 11px; }
.forum2 .statut2 .statut { background:url(images/s2.png) no-repeat 15px 11px; }
.forum2 .statut3 .statut { background:url(images/s3.png) no-repeat 15px 11px; }
.forum2 .statut4 .statut { background:url(images/s4.png) no-repeat 15px 11px; }
.forum2 .statutlock .statut { background:url(images/slock.png) no-repeat 15px 11px; }

.forum2 .statut1 .titre, .forum2 .statut1 { color:#666; }
.forum2 .statut2 .titre, .forum2 .statut2 { color:#c60 !important; }
.forum2 .statut3 .titre, .forum2 .statut3 { color:#a00900 !important; }
.forum2 .statut4 .titre, .forum2 .statut4 { color:#8ea106 !important; }
.forum2 .statutlock .titre, .forum2 .statutlock { color:#999 !important; }

.forum2 .messages .sujet:hover {
background:#fff;
}

.forum2 .messages .sujet:hover .titre {
text-decoration:underline;
}

.forum2 .bas {
background:#EDE3DD;
border-top:1px solid #E1D7D0;
color:#8C817A;
padding:15px 0;
}

.forum2 .legende {
float:left;
margin:0 0 0 10px;
width:300px;
border-right:1px solid #d6ccc5;
}

.forum2 .legende img {
vertical-align:middle;
padding:5px 10px;
}

.forum2 .chiffre {
float:left;
text-align:center;
width:220px;
border-right:1px solid #d6ccc5;
}

.forum2 .chiffre.last {
border:0;
}

.forum2 .chiffre img {
padding:5px 0;
}

.forum2 .chiffre b {
display:block;
font-size:23px;
}

.forum2 .chiffre span {
display:block;
font-size:15px;
padding:0 0 20px;
}

.conseils {
background:#eee;
margin:10px;
padding:20px;
border-left:3px solid #00aecd;
}

.conseils b {
display:block;
padding:0 0 7px;
}

.conseils li {
list-style:decimal;
margin:7px 0 0 30px;
}