/********************************************
Client   : EWR

Societe  : EmaGraphik 
Auteur   : Myriam Appéré 

Version  : V 1
Date     : 01 05 2010

All rights reserved
	www.emagraphik.com

*********************************************/



/* COLORS 
*********************************************
GRIS FONCE : #232324
GRIS MOYEN : #e5e3ed
BLANC GRIS : #f2f2f2
ROUGE : #d0130f
ROUGE FONCE: #a40401

********************************************/



/* RESET 
*********************************************/
* {
margin:0;
padding:0;
background: transparent;
font-size : 1em;
}
a img {	border: none; }

/*********************************************/



/* GENERAL CLASSES 
*********************************************/
.access		{	display: none; }
.hidden 	{	visibility: hidden; }
.clear 		{	clear: both; }
.fleft 		{	float: left; }
.fright 	{	float: right; }

hr.hidden 	{	height:0; font-size:0; border:0; }
/*********************************************/


/*
BACKGROUNDS
*********************************************/
div#login li.checkbox input
{	background: none; }
	
html 							{	background: #e5e3ed url(../images/html.png) repeat 0 0; }
body							{	background: url(../images/body.png) repeat-x 0 0; }

div#header h1					{	background: #e5e3ed url(../images/header3.jpg) no-repeat 0 0; }

div#login						{	background: #d0130f url(../images/login.png) repeat-x left bottom; }
/*div#login form					{	background: url(../images/login.png) repeat-x left bottom; }*/
div#login input					{	background: url(../images/input.png) no-repeat 0 0; }
div#login input:hover			{	background-position: 0 -100px; }
div#login li.button_login input	{	background-position: 0 -200px; }
div#login li.button_login input:hover {	background-position: 0 -300px; }

a.register						{	background: url(../images/input.png) no-repeat 0 -400px; }
a.register:hover				{	background-position: 0 -500px; }

ul#submenu 						{	background: #848487 url(../images/ptrn_gray.png) repeat 0 0; }
ul#submenu li a:hover			{	background: url(../images/ptrn_trpr_white.png) repeat 0 0; }

h2								{	background: #232324 url(../images/bullet.png) no-repeat 1em 0.2em; }
ul#toolbar li 					{	background: url(../images/bullet.png) no-repeat 130px -394px; }
div.box ul li					{	background: url(../images/bullet.png) no-repeat 1em -197px; }
div.box ul li:hover				{	background: url(../images/bullet.png) no-repeat 1em -297px; }
div.box ul.last_photo li			{	background: none; }

div.welcome						{	background: #030304 url(../images/welcome.jpg) no-repeat 0 0; }
ul#footer						{	background: url(../images/footer.png) repeat-x 0 -5px; }


/* LAYOUT 
*********************************************/
html {	

}
body {
font-family: Arial, Helvetica, FreeSans, sans-serif;
font-size: 76%;
line-height: 1.2em; 
color: #232324; 
text-align: center; border-top:3px solid #d0130f;
}
body * {
font-size: 1em;
}

div#wrapper {
position: relative;/*
width: 907px;*/
width: 940px;
margin: 0 auto;
text-align: left;
}

div#header {
min-height: 168px;
position: relative;
}
div#header h1 {
min-height:105px;
width: 100%;
border-bottom:2px solid #d0130f;
margin-bottom:0.2em;
}
div#header h1 a {
display: block;
width: 340px; 
overflow: hidden;
padding-top:105px;
height:0px !important;
height /**/: 105px;
}

div#login {
position: absolute;
top:0;
right:0;
/*float: right;*/
width: 260px;
min-height: 105px;
color:#e8e8f6;
font-size:10px;
}
div#login p {
padding:5px 10px 0 10px;
}
div#login p a {
color:#e8e8f6;
}
div#login p a:hover {
color:#fff;
}
/*div#login form {
min-height:77px;
}*/
div#login legend {
display: none;
}
div#login fieldset {
border:0 none;
}
div#login ul {
width: 250px;
margin:5px auto 0 auto;
padding:0;
}
div#login li {
position: relative;
height: 15px;
margin:0 0 5px 0;
}
div#login label {
width: 110px;
display: block;
position: absolute;
top:0; left:10px;
}
div#login input {
width: 110px;
height:15px;
padding: 0 5px;
position: absolute;
top: 0; right:10px;
border: 0 none;
color: #232324;
cursor:pointer;
}
div#login input:focus {
color: #232324;
}

div#login li.checkbox {
width: 120px;
float: left;
}
div#login li.checkbox input {
width: 15px;
padding:0;
left:10px;
border:1px solid #a40401;
}
div#login li.checkbox label {
left:30px;
line-height:15px;
}
div#login li.button_login  {
width: 120px;
float: right;
}
div#login li.button_login input  {
width: 120px;
top:1px;
height:20px;
text-indent:-1000px;
}

ul#toolbar {
text-align: right;
position: relative;
margin-top: 0!important;
}
ul#toolbar li {
margin:0 105px 0 0;
padding: 5px 0 0 0 ;
}
ul#toolbar li.avatar {
position: absolute;
top:0;
right:0;
margin:0!important;
padding:0!important;
}
ul#toolbar li a {
margin:0 20px 0 0;
color: #fff;/*
font-size:11px;*/
text-transform: uppercase;
}

ul#menu,
ul#submenu {
text-transform: uppercase;
list-style-type: none;
text-align: center;
padding: 0;
}
ul#menu {
background: #232324;
}
ul#menu li,
ul#submenu li {
display: inline;
margin-left:-2px;
height: 2.5em;
}
ul#menu li a,
ul#submenu li a {
display: inline-block;
/*height:26px;*/
padding:0.5em 1.5em;
text-decoration:none;
}
ul#menu li a {
color:#e5e3ed;
border-left: 1px solid #6e6c74;
letter-spacing:1px;
}
ul#menu li.last a {
border-right: 1px solid #6e6c74;
}
ul#menu li a:hover {
color:#fff;
background: #3f3f41;
}
ul#submenu li a {
color : #f2f2f2;
font-size:95%;
}
ul#submenu li a:hover {
color:#fff;
}

div#content {
padding: 1.8em 0 0 0; 
}
div.banner {
margin:0 0 1em 0;
text-align: center; 
}
div#left_col {
float: left;
/*width: 728px;*/
width: 765px;
border-left:2px solid #cccad3;
border-right:2px solid #cccad3;
background: #f2f2f2;
}
div#right_col {
float: right;
width: 162px;/*
margin:0 0 0 4px;*/
 }
div.box {
margin:0 0 1.8em 0;
}
div.pave {
min-height:298px;
}
div.pave div {
float: right;
padding:0 0.8em 0.8em 1.8em;
}
div.welcome p {
color: #f2f2f2;
/*font-size:1.2em;*/
font-weight: bold;
}
div.welcome a {
color: #f2f2f2;
font-style:normal;
text-decoration:none;
/*font-size:1.2em;*/
/*font-weight: bold;*/
}
div.box ul {
padding-left:0;
}
div.box ul li {
margin:0 0 0.3em 0;
padding-left:3em;
}
div.box ul li a {
/*display: block;*/
}
ul.last_photo li {
/*display: block;*/
width: 135px;
display: inline-block;
}

ul.last_photo li img {
/*display: block;
float: left;*/
}
span.date_last_msg {
font-size: 90%;
color: #848487;
padding:0 1em 0 0;
}
a.topic_title {
font-weight: bold;
padding:0 0.2em 0 0;
}
a.username {
padding:0 0 0 0.2em;
}
a.username:visited {
color: #232324;
}


ul#footer {
width: 100%;
padding:0.8em 0 5em 0;
font-size:90%;
}
ul#footer li {
display: inline;
padding: 0 0.2em;
}
ul#footer li,
ul#footer li a {
color:#969696;
}
ul#footer li a:hover {
color:#fff;
}


/*********************************************/

h2 {
line-height:2em;
padding: 0 0 0 3em;
margin:0 0 10px 0;
color: #fff;
text-transform: uppercase;
}
p,
ul {
padding: 0 1em 1em 1em;
}
p,
li {
line-height:1.3em;
}
ul {
list-style-type: none;
}
a 			{	color: #232324; }
a:visited 	{	color: #848487; }
a:hover 	{	color: #d0130f; }

ul#toolbar li a:hover { text-decoration: none; }

ul.last_photo a img 		{	border:2px solid #848487; }
ul.last_photo a:hover img {	border:2px solid #d0130f; }

a.register {
display: block;
width: 120px;
height: 25px;
margin: 0.5em 0;
line-height: 25px;
text-transform: uppercase;
text-align: center;
color: #fff;
font-size: 11px;
text-decoration: none;
}
a.register:hover {
color: #a40401;
}
.welcome p em {
font-style: italic;
}