/* General */
* {
    outline : 0px;
}
body {
    margin : 0px;
    background-color : #0CA0DD;
    font-family : "Segoe UI", Helvetica, Arial, serif;
}
header {
    display : block;
    width : 1000px;
    height : 167px;
    margin : 0px auto;
}
header img {
    margin : 20px 0px 0px 100px;
}
nav {
    display : block;
    width : 1000px;
    margin : 0px auto;
    text-align : center;
}
#page {
    width : 960px;
    margin : 0px auto;
    background-color : #FFFFFF;
    padding : 20px;
    -moz-box-shadow : 0px 0px 10px #A0A0A0;
    -webkit-box-shadow : 0px 0px 10px #A0A0A0;
    -moz-border-radius : 20px;
    -webkit-border-radius : 20px;
}
article {
    display : block;
    width : 100%;
}
footer {
    display : block;
    margin : 20px auto;
    text-align : center;
    color : blue;
    font-size : 0.7em;
}

/* Links */
a {
    text-decoration : none;
    color : #505050;
}
a:hover {
    color : #0492b5;
    text-shadow : 0px 0px 3px #0492b5;
}
a img {
    border : 0px;
}

/* Tools */
.center {
    text-align : center;
}
.clear {
    clear : both;
}
.cursor:hover {
    cursor : pointer;
}
.floatright {
    float : right;
}
.button {
    padding : 5px 10px;
    background : url("../images/gradientWhite.png") bottom repeat-x #A0A0A0;
    border : 1px solid white;
    -moz-box-shadow : 0px 0px 5px #505050;
    -webkit-box-shadow : 0px 0px 5px #505050;
    -moz-border-radius : 10px;
    -webkit-border-radius : 10px;
    color : #FFFFFF;
    text-shadow : 0px -1px 1px #707070;
}
.button:hover {
    color : #FFFFFF;
    text-shadow : 0px 0px 3px #FFFFFF;
}
.button img {
    margin-right : 3px;
    position : relative;
    top : 2px;
}
.buttonGreen {
    margin : 3px;
    padding : 1px 3px;
    background : url("../images/gradientWhite.png") bottom repeat-x #8CAC58;
    border : 1px solid white;
    -moz-box-shadow : 0px 0px 5px #505050;
    -webkit-box-shadow : 0px 0px 5px #505050;
    -moz-border-radius : 10px;
    -webkit-border-radius : 10px;
    position : relative;
    top : -10px;
    color : #FFFFFF;
    text-shadow : 0px -1px 1px #8CAC58;
}
.buttonGreen:hover {
    color : #FFFFFF;
    text-shadow : 0px 0px 3px #FFFFFF;
}
.buttonGreen img {
    margin-right : 3px;
    position : relative;
    top : 2px;
}
.messageRight {
    background : url('../images/gradientWhite.png') #8CAC58;
    color : #FFFFFF;
    -moz-border-radius : 10px;
    -webkit-border-radius : 10px;
    margin : 5px 10px;
    text-shadow : 0px -1px 1px #8CAC58;
}
.messageWrong {
    background : url('../images/gradientWhite.png') #FF0000;
    color : #FFFFFF;
    -moz-border-radius : 10px;
    -webkit-border-radius : 10px;
    margin : 5px 10px;
    text-shadow : 0px -1px 1px #FF0000;
}
.messageRight span:before {
    content : url("../images/icons/ok.png");
    margin : 0px 5px;
    position : relative;
    top : 2px;
}
.messageWrong span:before {
    content : url("../images/icons/error.png");
    margin : 0px 5px;
    position : relative;
    top : 2px;
}

/* Navigation */
nav a {
    background : url("../images/gradientWhite.png") #A0A0A0 bottom repeat-x;
    padding : 5px 5px 0px 5px;
    -moz-border-radius : 10px 10px 0px 0px;
    -webkit-border-top-left-radius : 10px;
    -webkit-border-top-right-radius : 10px;
    margin : 0px 5px;
    color : #FFFFFF;
    text-shadow : 0px -1px 1px #808080;
}
nav a.active, nav a:hover {
    background-color : #FFFFFF;
    -moz-box-shadow : 0px 0px 10px #FFFFFF;
    -webkit-box-shadow : 0px 0px 10px #FFFFFF;
    color : #A0A0A0;
    text-shadow : 0px 0px 2px #A0A0A0;
}
nav a:before {
    content : url('../images/pikachu.png');
    position : relative;
    top : 3px;
}

/* Aside */
aside {
    display : block;
    float : left;
    width : 20%;
    border-right : 1px solid #A0A0A0;
    margin-right : 10px;
}
aside h1 {
    margin : 0px;
    font-size : 1.2em;
}
aside img {
    position : relative;
    top : 2px;
    margin-left : 3px;
}
aside a span:before {
    content : " » ";
}

/* Module : Register */
#register label, #register div.space {
    float : left;
    width : 200px;
}
#register div.space {
    height : 50px;
}
#register label.nospace {
    float : none;
    width : auto;
}
#register img[title] {
    position : relative; top : 3px;
}
#register img#captchaImage {
    float : left; margin-left : 200px;
}
#register input {
    margin : 1px;
}
#register input.correct {
    background-color: #C8EEA6;
    border: 1px solid #61CC00;
}
#register input.error {
    background-color: #FFC0C0;
    border: 1px solid #FF0000;
}
#register span.info {
    font-size : 0.7em;
    color : #FF0000;
}

/* Module : Forum */
#forum table {
    width : 100%;
    border : 1px solid #A0A0A0;
    border-collapse : collapse;
}
#forum table tr {
    background-color : #FFFFFF;
}
#forum table .topicNumber, #forum table .postNumber, #forum table .author {
    text-align : center;
    width : 15%;
}
#forum table td {
	border : 1px solid #A0A0A0;
}
#forum table th {
	border : 1px solid #A0A0A0;
}
#forum table td.lastPost {
	border : 1px solid #A0A0A0;
    width : 25%;
    font-size : 0.8em;
}
#forum table .description {
    font-size : 0.8em;
}
#forum table tr th {
    color : #FFFFFF;
    background : url("../images/gradientWhite.png") #808080;
    text-shadow : 0px -1px 1px #808080;
}
#forum table tr th:first-child {
    text-align : left;
}
#forum span.actions, #forum span.time {
    font-size : 0.8em;
    border-bottom : 1px solid #C0C0C0;
}
#forum span.actions {
    float : right;
}
#forum span.actions img {
    position : relative;
    top : 2px;
}
#forum #topicTable td {
    vertical-align : top;
    padding : 5px;
}
#forum #topicTable td.author {
    width : 20%;
    border-left : 1px solid #C0C0C0;
    text-align : center;
}
#forum #topicTable tr.even {
    background-color : #E0E0E0;
}
#forum #topicTable tr.odd {
    background-color : #F0F0F0;
}
.postForm textarea {
    float : left;
    width : 78%;
}
.postForm #emoticonsPanel {
    float : right;
    width : 20%;
    border : 1px solid #A0A0A0;
}
.postForm #emoticonsPanel div {
    width : 100%;
    color : #FFFFFF;
    background : url("../images/gradientWhite.png") #808080;
    text-shadow : 0px -1px 1px #808080;
    text-align : center;
}
.postForm .formatBar, .postForm .title {
    width : 78%;
    text-align : center;
    margin-bottom : 10px;
}
.postForm input[type=submit] {
    margin : 0px auto;
    width : 20%;
    height : 30px;
}
.postForm input#title {
    width : 300px;
}

#forum div.arbre
{
	font-size: 0.8em;
}

/* Module : Admin */
#admin {
    width : 78%;
    float : right;
}
#admin h1 {
    font-size : 1em;
    text-align : center;
}
#admin textarea[name=wall] {
    width : 100%;
    height : 500px;
}
#admin input.wide {
    width : 100%;
}
#admin table.news {
    width : 100%;
    border-collapse : collapse;
}
#admin table.stats, #admin table.members {
    width : 100%;
	border : 1px solid #A0A0A0;
    border-collapse : collapse;
}
#admin table.members tr.even, #admin table.news tr.even, #admin table.stats tr.even {
    background-color : #D0D0D0;
}
#admin table.members tr.odd, #admin table.news tr.odd, #admin table.stats tr.odd {
    background-color : #E0E0E0;
}
#admin table.news tr th {
    color : #FFFFFF;
    background : url("../images/gradientWhite.png") #808080;
    text-shadow : 0px -1px 1px #808080;
}
#admin table.stats tr th, #admin table.members tr th {
    color : #FFFFFF;
	border: 1px solid #A0A0A0;
    background : url("../images/gradientWhite.png") #808080;
    text-shadow : 0px -1px 1px #808080;
}
#admin table.stats td.downloads {
    text-align : center;
}
#admin table.members td.title, #admin table.members td.number_post, #admin table.members td.register {
	text-align:center;
}
#admin table.news td.edit, #admin table.news td.delete, #admin table.news td.author {
    width : 15%;
    text-align : center;
}
#admin table.news td.date {
    width : 25%;
    text-align : center;
}
#admin table.news td.title {
    width : 30%;
}
#admin table.news td img {
    position : relative;
    top : 2px;
}
aside a.file {
    margin-left : 20px;
}
aside .deleteIcon {
    margin-right : 10px;
}
#admin textarea[name=page] {
    width : 100%;
    height : 500px;
}

/* Module : News */
div.news {
    width : 100%;
    -moz-border-radius : 10px;
    -webkit-border-radius : 10px;
    border : 1px solid #A0A0A0;
    margin-bottom : 20px;
}
div.news .top, div.news .bottom {
    background : url("../images/gradientWhite.png") bottom repeat-x #A0A0A0;
    color : #FFFFFF;
    text-shadow : 0px -1px 1px #808080;
}
div.news .top {
    -moz-border-radius : 6px 6px 0px 0px;
    -webkit-border-top-left-radius : 8px;
    -webkit-border-top-right-radius : 8px;
    padding : 0px 10px;
}
div.news .bottom {
    -moz-border-radius : 0px 0px 6px 6px;
    -webkit-border-bottom-left-radius : 8px;
    -webkit-border-bottom-right-radius : 8px;
    text-align : right;
    padding-right : 10px;
}
div.news .author, div.news .date {
    font-size : 0.8em;
    float : right;
}
div.news h1 {
    font-size : 1.6em;
    font-weight : normal;
    font-variant : small-caps;
    float : left;
    margin : 0px;
}
div.news .content {
    padding : 10px;
}

/* Module : User */
#quickbar {
    position : fixed;
	z-index:1000;
    right : 0px;
    top : 0px;
    background : url("../images/gradientBlack.png") #FFFFFF;
    padding : 5px;
    -moz-border-radius : 0px 0px 0px 10px;
    -webkit-border-bottom-left-radius : 10px;
    -moz-box-shadow : 0px 0px 10px #A0A0A0;
    -webkit-box-shadow : 0px 0px 10px #A0A0A0;
}
#user {
    float : right;
    width : 78%;
}
#user label {
    float : left;
    width : 200px;
}
#user label.nospace {
    float : none;
    width : auto;
}
#user h1 {
    font-size : 1.2em;
    border-top : 1px solid black;
    margin-top : 20px;
    margin-bottom : 0px;
}
#user h1 span {
    position : relative;
    top : -15px;
    margin-left : 15px;
    background-color : #FFFFFF;
    padding : 0px 5px;
}
#user label img {
    position : relative;
    top : 2px;
}
#user div.info {
    font-size : 0.8em;
    font-style : italic;
}
#user figure.thumbail {
    float : none;
    margin : 0px;
}
#user div.exemple {
    float : right;
    width : 300px;
    text-align : left;
}
#user span.highlight {
    background-color : #FFFF00;
    -moz-box-shadow : 0px 0px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow : 0px 0px 3px rgba(0,0,0,0.5);
}

/* Library : Thumbails */
.thumbail {
    float: left;
    text-align: center;
    margin: 0px 10px;
}
.thumbail img {
    border: 1px solid #FFF;
    box-shadow: 0px 0px 5px #000000;
    -moz-box-shadow:  0px 0px 5px #000000;
    -webkit-box-shadow:  0px 0px 5px #000000;
}
.thumbail img:hover {
    opacity: 0.8;
}

/* Pagination */
.pagination {
	line-height:2em;
}
.pagination a, .pagination span {
	padding:0.2em 0.5em;
}
.pagination a {
	border:1px solid #B6B6B6;
	color:#558CD0;
	text-decoration:none;
}
.pagination a:hover {
	border:1px solid #296BB5;
	color:#000031;
}
.pagination .prevnext {
	font-weight:bold;
}
.pagination span.disabled { 
	border:1px solid #DDDDDD;
	color:#999999;
}
.pagination span.current {
	border:1px solid #558CD0;
	background-color:#558CD0;
	color:#ffffff;
	font-weight:bold;
}