/* Age of Chaos project main style sheet 
    -------------------------------------------------------------------------
	This file is part of Age Of Chaos project hosted on ageofchaos.fr
	
	Original author:	Amariel (amariel@ageofchaos.fr)
	Created : 		2010-02-11
	
	Copyright 2000-2010 © ageofchaos project
    -------------------------------------------------------------------------
*/

/* Structure */
body { 	width: 1000px; background-color: #000000; font-family: "trebuchet ms", "helvetica", "verdana", "arial"; font-size: 12px; margin: auto; margin-top: 3px; }

#header { width: 950px; height: 100px; background-image: url(../img/styles/general/banniere.jpg); background-repeat: no-repeat; background-position : top center; margin: auto; position: relative; }

#global_content { width: 1000px; height: 700px; position: absolute; top: 10px; }
	#global_content #logo { width: 192px; height: 300px; position: absolute; bottom: 10px; left: 10px; }

#footer 	{ height: 30px; width: 950px;  margin: auto;  position: absolute;  top: 715px;  left: 0px; right: 0px; }
	#footer #copyright 	{ position: absolute; top: 0px; left: 0px; font-size: 12px; color: #e3d642; font-style: italic; }
	#footer #project 	{ position: absolute; top: 0px; right: 0px; font-size: 12px; color: #e3d642; font-style: italic; }
	 
/* Titres */
h1 		{ font-size: 18px; text-align: center; color: #e3d642; text-decoration: underline; }
h2 		{ font-size: 15px; text-align: left;   color: #e3d642; }
h3 		{ font-size: 12px; text-align: left;   color: #cea053; }

/* Styles généraux */
a		{ color: #e3d642; font-style: italic; text-decoration: none; cursor: pointer;}
a:link 		{ color: #e3d642; font-style: italic; text-decoration: none; cursor: pointer;}
a:visited 	{ color: #e3d642; font-style: italic; text-decoration: none; cursor: pointer;}
a:hover 	{ color: #e3d642; font-style: italic; text-decoration: underline; cursor: pointer;}
a active 	{ color: #e3d642; font-style: italic; text-decoration: none; cursor: pointer;}

/* Styles de texte */
.texte 		{ position: absolute; top: 15px; left: 15px; width: 970px; height: 400px; font-size: 13px; color: #e8e3cd; }
.column		{ position: relative; top: 405px; left: 215px; width: 770px; height: 170px; font-size: 13px; color: #e8e3cd; }
.center 	{ text-align: center; }
.right 		{ text-align: right; }
.link 		{ border: 0; }
.subtitle 	{ font-size: 15px; text-align: center; color: #00195f; font-style: italic; }
.valid		{ text-align: center; color: #1c5028; font-weight: bold; }
.error		{ text-align: center; color: #501c1c; font-weight: bold; }
.bold		{ font-weight: bold; }
.italic		{ font-style: italic; }

/* Styles de cadres */	
.borderless	{ border-width: 0px; }
.full 		{ width: 100%; }

/* Styles d'arrière-plan */
.bg 		{ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-image: url(../img/styles/general/bg.jpg); background-color: #000000; }
.bg_top 	{ height: 3px; position: absolute; top: 0px; left: 18px; right: 18px; background-image: url(../img/styles/general/bg_top.png); background-repeat: repeat-x; }
.bg_top_left 	{ width: 18px; height: 8px; position: absolute; top: 0px; left: 0px; background-image: url(../img/styles/general/bg_top_left.png); background-repeat: no-repeat; }
.bg_top_right 	{ width: 18px; height: 8px; position: absolute; top: 0px; right: 0px; background-image: url(../img/styles/general/bg_top_right.png); background-repeat: no-repeat; }
.bg_bottom 	{ height: 3px; position: absolute; bottom: 0px; left:18px; right: 18px; background-image: url(../img/styles/general/bg_bottom.png); background-repeat: repeat-x; }
.bg_bottom_left { width: 18px; height: 8px; position: absolute; bottom: 0px; left: 0px; background-image: url(../img/styles/general/bg_bottom_left.png); background-repeat: no-repeat; }
.bg_bottom_right { width: 18px; height: 8px; position: absolute; bottom: 0px; right: 0px; background-image: url(../img/styles/general/bg_bottom_right.png); background-repeat: no-repeat; }
.bg_left 	{ width: 3px; position: absolute; bottom: 6px; top: 6px; left: 0px; background-image: url(../img/styles/general/bg_left.jpg); background-repeat: repeat-y; }
.bg_right 	{ width: 3px; position: absolute; bottom: 6px; top: 6px; right: 0px; background-image: url(../img/styles/general/bg_right.jpg); background-repeat: repeat-y; }