/* ------------ RESET ---------------*/
body, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0;padding:0;border:0;vertical-align:baseline;}
li {list-style-type:none}
a {text-decoration:none}
.clear {clear:both}

html, body {width:100%; height:100%}
/* ------------ STRUCTURE ---------------*/
#page {width:116em;padding-left:1em;margin:0 auto}

#aa-h {position:relative;height:16.6em}
#aa-b {height:56.2em;position:relative;overflow:hidden}
#aa-b.post {height:auto}

.aa-u, .aa-db, .aa-thumb li {float:left;margin-right:1em}
.aa-u {width:28em;margin-top:1px}
.aa-db {width:57em;margin-top:1px}

/* ------------ GLOBAL ---------------*/
.menu {min-height:3.3em}
.btn_menu {display:block;padding:1.6em .5em .2em .5em;cursor:default}
#aa-h .btn_menu{padding:.9em .5em}
.aa-menu {display:none;margin-top:-11.8em;height:9.8em;padding-top:.2em;position:relative;z-index:101}
#menu {margin-top:0;padding:0;height:7.5em;}
.vert .aa-menu {display:block;height:auto;margin-top:0;padding-bottom:1em}
.menu:hover .aa-menu {display:block}
.aa-menu li {margin:0 .55em 0 2.25em;line-height:1.35em;}
.aa-menu a {display:block}

/* ------------ HEAD ---------------*/
h1, h2 {text-indent:-999em;overflow:hidden}
h1 a {display:block; width:100%; height:100%;}
h1 {height:1.67em}
h2 {height:1.67em}

#aa-coord {margin-top:1em}
#aa-coord li {margin-bottom:1em}

#btn_negatif, #btn_size, #btn_low, #btn_hi {position:absolute;bottom:0;width:2.3em;height:2.3em;overflow:hidden;text-indent:-99em; margin-bottom:1px}
#btn_negatif {right:26.7em;}
#btn_low, #btn_hi {right:24.3em;}
#btn_size {right:19.6em;width:4.6em}

#breadcrumb {position:absolute;top:1em; left:29em;z-index:200}
#breadcrumb li {float:left;padding:0 1em 0 0}

/* ------------ MAIN ---------------*/
.aa-scroll {position:relative;float:left;height:52.8em;width:100%;overflow:hidden}
.vert .aa-scroll {width:87em}
#main {position:relative}
#main img {display:block}

#aa-tools {position:absolute;left:0;top:52.7em}
.vert #aa-tools {width:28em;top:0;left:87em;margin-top:-1px}
.hor #aa-tools .aa-u {}

#mode li {float:left;width:3.3em;height:3.3em;}
#mode a {display:block;float:left;width:2.3em;height:2.3em;overflow:hidden;text-indent:-99em;margin:.5em 0 0 .5em}
.nav li {float:left}
.nav a {display:block;width:2.3em;height:2.3em;overflow:hidden;text-indent:-99em;margin:0 .1em 0 0}
.nav .off {display:none}

/* ////////////////////// THUMBS ////*/
.aa-thumb li {position:relative;top:0;width:12.5em;height:16.5em;padding:.5em;margin-bottom:.1em;}
.aa-thumb {cursor:default}
.aa-thumb .blk_txt {position:absolute;width:11.5em;height:15.5em;top:0;left:0;padding:1em;z-index:100}
.aa-thumb .blk_txt {display:none;opacity:0}
.aa-thumb .blk_txt .bg {position:absolute;width:100%;height:100%;bottom:0;left:0}
.aa-thumb h3 {margin-bottom:.67em}
.aa-thumb h3, .aa-thumb p {position:relative;z-index:1}

/* ////////////////////// FULL ////*/
.aa-full ul {position:relative}
.aa-full li {float:left;position:relative;margin:0 1em 0.1em 0;width:auto;height:52.7em;overflow:hidden;}
.aa-full .visu {display:block;position:relative;padding:.5em;margin:0;width:auto;height:43em}
.aa-full .blk_txt {margin:0.1em 0 0;padding:1em 0 0;height:7.6em}
.aa-full h3 {margin:0 .175em .5em}
.aa-full p,.aa-full a {display:block;margin:0 .5em}
.aa-full p.date, .full p.detail {display:inline}

/* ////////////////////// LIST ////*/
.aa-list ul {position:relative;padding:0;}
.aa-list li {display:block;position:relative;overflow:hidden;clear:both;padding:0 0 .5em;height:2.05em;margin:0 0 1px 0}
.aa-list li h3 {float:left;width:23%;padding:.5em 0 .25em .66em;margin-right:.2em}
.aa-list li p, .aa-list li a {display:block;float:left;width:23%;padding:.5em 0 .5em 1em;margin-right:.3em}
.aa-list li .visu {float:left;height:.5em;padding:0 1em .5em 0; margin-top:.75em;overflow:hidden}

.loader {position:absolute;bottom:0;left:0;width:0;height:1em;line-height:1em}

/* ////////////////////// POST ////*/
.post-content {float:left;margin-right:1em;height:50.6em;padding:1em}
.post-content img {display:block}
.post-content .preview {display:none}
.info, .comments {padding:1.5em 1em;margin-bottom:1px}
a.comments {display:block;padding-top:.5em}
.info h3 {margin-bottom:.5em}
.info h4 {margin-bottom:1em}
.info p {margin-bottom:4em}

.post-side {float:right;margin-top:-1px}
#aa-back {display:block;position:relative;padding:.5em .5em 1.5em 1em;margin-bottom:1px}
#aa-back span {display:block;position:absolute;top:0;right:.5em;width:2.3em;height:2.3em}
/*
.comments h3, .comments li {margin-bottom:1em}
#comment-insert {display:none}
#comment-insert ul {display:block}

input, textarea {display:block; padding:.5em 0; width:100%;}*/

#deco-b {width:217px; height:216px; position:absolute; bottom:0; right:0}

/* BACKGROUNDS */ 
#btn_negatif {background-position:0 0}
#btn_negatif:hover {background-position:0 -23px}
#btn_hi {background-position:-254px 0}
#btn_hi:hover {background-position:-254px -23px}
#btn_low {background-position:-231px 0}
#btn_low:hover {background-position:-231px -23px}
.reduce {background-position:-23px 0}
.reduce:hover {background-position:-23px -23px}

#mode .list {background-position:-116px 0}
#mode .list:hover {background-position:-116px -23px}
#mode .thumb {background-position:-139px 0}
#mode .thumb:hover {background-position:-139px -23px}
#mode .full {background-position:-162px 0}
#mode .full:hover {background-position:-162px -23px}

.back {background-position:-185px 0}
.back:hover {background-position:-185px -23px}
.forth {background-position:-208px 0}
.forth:hover {background-position:-208px -23px}
.first {background-position:-323px 0}
.first:hover {background-position:-323px -23px}
.last {background-position:-346px 0}
.last:hover {background-position:-346px -23px}

.prev {background-position:-300px 0}
.prev:hover {background-position:-300px -23px}
.next {background-position:-277px 0}
.next:hover {background-position:-277px -23px}