body, html {
height:100%;
}

.all {
overflow:hidden;
}

.site {
width:100%;
left:0;
margin:0;
transition:left 0.4s ease;
}

.top {
margin:0;
height:50px;
width:auto;
}

.top .membre {
margin:0;
}

.top .membre .avatar {
margin:7px 0 0;
}

.top .loginbtn {
margin:10px;
}

.top .login {
top:38px;
right:10px;
}

.logotop {
padding:18px 0 10px 18px;
}

.logotop img {
width:100px;
}

.omenu {
float:left;
background:url(i/omenu.png) no-repeat center;
height:18px;
width:25px;
padding:16px 13px;
border-right:1px solid #b35900;
cursor:pointer;
}

.omenu:active {
box-shadow:0 8px 10px rgba(0,0,0,0.4) inset;
}

.menubar {
position:fixed;
top:0;
left:-75%;
height:100%;
width:75%;
background:#333;
z-index:1;
box-shadow:inset -3px 0 2px rgba(0,0,0,0.4);
transition:left 0.4s ease;
}

.menu {
float:none;
margin:0;
overflow-y:auto;
border-top:1px solid #222;
}

.menu li.tm, .menu li.tm.active {
float:none;
background:none;
box-shadow:none;
}

.menu li.tm a.tm {
display:block;
float:none;
padding:10px;
border-bottom:1px solid #222;
color:#fff;
text-shadow:0 1px 0 #000;
font-size:15px;
text-transform:none;
box-shadow:0 1px 0 rgba(255,255,255,.05) inset;
background:-webkit-linear-gradient(rgba(255,255,255,.02) 0%, rgba(0,0,0,.1) 100%);
background:-moz-linear-gradient(rgba(255,255,255,.02) 0%, rgba(0,0,0,.1) 100%);
}

.menu li.tm a.tm:hover {
background-color:#444;
}

.menu li.tm a.tm:active {
background-color:#222;
box-shadow:0 3px 7px rgba(0,0,0,.5) inset, 0 -1px 0 rgba(255,255,255,.05);
}

.top .notifi {
margin:10px 10px 0;
position:absolute;
top:50px;
left:0;
margin:0;
width:100%;
}

.top .notifi.alone {
display:none;
}

.top .notifi .num {
background:#333;
border-radius:0;
box-shadow:none;
border:0;
}

.top .notifi .dropd {
top:28px;
width:100%;
border:0;
}

.top .notifi .not {
width:190px;
}

.recherche {
float:none;
}

.rechercheinput {
margin:7px;
width:70%;
}

.recherchesubmit {
margin:0;
padding:10px;
}

.recherche, .debut p, .debut .info, .right, .commentaire .bulle, .commentaire .posteur img, .forum .categorie p, .forum .sujet .auteur, .forum .categorie .stats, .forum .infoinsc, .menu li.tm:hover .subm, .top .membre b, .top .inscriptionbtn, .slider, .lastforum, .foot .rss, .forum2 .bas, .online .avatars, .forum2 .messages .sujet .nb, .forum2 .topbar .button.markasread, .bienvenue {
display:none;
}

.debut img {
max-width:55px;
}

.debut .miniature {
max-width:35%;
}

.debut h3 a {
font-size:24px;
}

.article:not(.debut) .miniature {
display:none;
}

.article h1 {
margin:30px 20px;
}

.article p {
margin:15px 15px 0;
}

.article .aright, .article .aleft {
float:none;
margin:0;
}

.quote {
margin:15px;
padding-bottom:15px;
}

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

.article .informations {
width:100%;
}

.leftright {
background:#fff;
}

.right, .left, .commentaire .posteur, .forum .legende, .forum .legende.statistiques {
float:none;
}

.left, .forum .legende.onlinecount {
width:100%;
}

.navbar {
margin:0;
padding:20px 0;
overflow:hidden;
}

.article img, .forum .message .texte img {
max-width:100%;
}

.commentaire .message {
width:100%;
float:none;
}

.kodebar textarea, .forum table {
width:auto;
}

.forum .message .membre {
width:auto;
}

.forum .message .membre .avatar {
max-width:70px;
}

.forumtop .btntop {
margin:7px 7px 7px 0;
}

.forum2 .topbar .online, .forum2 .topbar .online, .forum2 .topbar .online .count, .forum2 .topbar .ariane {
float:none;
}

.forum2 .topbar .button {
display:block;
float:none;
margin:0 10px;
padding:9px;
font-size:12px;
}

.forum2 .topbar .nouveausujet {
width:auto;
top:65px;
left:0;
right:none;
}

.forum2 .topbar .nouveausujet .side a:hover {
font-weight:normal;
}

.forum2 .topbar .nouveausujet .side {
width:auto;
}

.forum2 .messages {
width:300px;
}

.forum2 .messages .sujet .titre {
width:240px;
}

.newsect {
margin:30px 0;
}

.newsect .arti {
border-right:0;
border-bottom:1px dashed #ccc;
}

.foot p {
width:auto;
margin:10px;
text-align:center;
}

.footl {
display:block;
float:none;
}

.footr {
margin:0;
}