@import url("../bbcodes.css");

body {
    margin: 0;
    padding: 0;
	background: #97A0C0;
	font-family: "Verdana", "Trebuchet MS", sans-serif;
	line-height: 1.5em;
	font-size: 11px;
}

a,a:visited,a:active {
	text-decoration: none;
	font-weight: bold;
	color:  #323952;
	outline: none;
}
a:hover {
	color:  #323952;
	text-decoration: underline;
	}
div#header {
	padding:0px;
	margin:0px;
    height: 100px;
	background: #97A0C0 url("header.gif") no-repeat;
}
div#header h1{
	padding:0px;
	margin:0px;
}
div#header h1 span  {
visibility:hidden;
}

div#content{
	width:98%;
	margin-left:auto;
	margin-right:auto;
}

div#darkbar {
	border: 1px solid #3F4763;
	background-color: #737FA7;
	padding:4px;
	border-bottom:0px;
}
div#brightbar {
	border: 1px solid #3F4763;
    background-color: #BDC3D7;
	margin-bottom:1em;
	padding:0px;
	padding-left:1em;
}

div#left {
    float: left;
    width: 150px;
}
div#right {
    float: right;
    width: 150px;
}
div#middle {
    padding: 0px 160px 5px 160px;
    margin: 0px;  
}

#middle h1{
margin-bottom:1em;
margin-top:0px;
}

div#footer {
    clear: both;
	text-align:center;
}

/*=============== LOGIN & LOGOUT ===============*/
#loginpage{
height:100px;
margin-top:100px;
margin-left:5em;
margin-right:5em;
padding:5px;
background: #BDC3D7;
border:1px solid #3F4763;
text-align:center;
}
#loginpage h1{
	font-size:120%;
	padding:3px 0 3px 10px;
	border:1px dashed #3F4763;
	font-weight: bold;
	background-color:#737FA7;
	text-align:center;
	margin-bottom:1em;
}

/*=======================================   blocks */
#left h1,#right h1{
	font-size:120%;
	text-align:left; 
	padding:3px 0 3px 10px;
	border:1px solid #3F4763;
	background-color:#737FA7;
	margin:0px;
	color:#323952;
}
#left .block_content, #right .block_content{
padding:3px 0 3px 10px;
margin: 0 0 5px 0;
border:1px solid #3F4763;
border-top:0px;
background:#AEB5CE;
}

#left ul, #right ul{
list-style-type: none;
margin: 0px;
margin-left:-10px;
padding: 0px;
}


#left #links a,#right #links a {
	border:1px solid #AEB5CE;
	display: block;
	height: 20px;
	text-decoration: none;
	padding-left:1em;
	padding-top:2px;
}
	
#left #links a:hover, #right #links a:hover{
	 border:1px solid #3F4763;
	 border-width: 1px 0px 1px 0px;
	 background:#97A0C0;
     }

#left #links a:active, #right #links a:active{
     color: #fff;
} 
	
#usersinfo ul{
margin-left:10px;
}
#usersinfo input{
width:100px;
display: inline;
}
#usersinfo input.pass{
width:50px;
}
#usersinfo input.button{
width:35px;
border:1px solid #614F3C;
background-color:#D3C5B6;
}

/*================================================*/
/*=======================================   Module Content */
div#module_content {
  background: #BDC3D7 ;
  border: 1px solid #3F4763;
  border-top:0; 
  padding-left:10px;
  padding-bottom:1em;
}
#module_content h1{
	font-size:120%;
	text-align:left; 
	padding:3px 0 3px 10px;
	border:1px solid #3F4763;
	background-color:#737FA7;
	margin:0px;
	margin-left:-10px;
	border-width: 1px 0 1px 0;
}

h2{
	font-size:110%;
	font-weight:bold;
	color:#3F4763;
	padding-left:5px;
	border-bottom:1px solid #3F4763;
	width:98%;
	margin-bottom:1em;
}

hr{
visibility:hidden;
}
img{
border:0px;
}
.dark{
padding-left:5px;
background-color:#6170A0;
border:1px solid #3F4763;
}
.bright{
border:1px solid #3F4763;
padding:5px;
padding-left:1em;
background-color:#AEB5CE;
}
.admin, .admin_box {
margin-left:1em;
font-size: 85%;
}

#admin .dark, #user .dark{
width:25%;
}

.cadre{
}

table{
margin-top:10px;
margin-left:auto;
margin-right:auto;
width:98%;
border-collapse: collapse;
}
td,th{
padding-left:1em;
}
input, textarea, select{
background-color:#97A0C0;
border:1px solid #3F4763;
}


.content, .description{
padding-left:1em;
}

.details{
text-align:left;
font-size:10px;
margin-left:1em;
padding-left:5px;
border-left:2px solid #3F4763;
}

/*============== edit  ====================*/
h5.edit{
margin: 0em;
padding-left:1em;
font-size:10px;
color:#000;
background-color:#AEB5CE;
border-left:2px solid #3F4763;
width:45%;
font-weight:normal;
}

/*============== FORUM ==================*/
#forum .form_button{
border :0px;
padding-left:1em;
border-left: 3px solid #3F4763;
margin:1em;
}

#forum th{
vertical-align:top;
border:1px solid #3F4763;
background:#3F4763;
}

#forum table.answers{
margin-bottom:0.5em;
}

#forum table.answers td{
vertical-align:top;
padding:0 1em 1em 1em;
border:1px solid #3F4763;
}
#forum table.answers th{
width:100px;
text-align:center;
}

#forum .topic_management
{
	margin-bottom:5px;
	text-align:center;
	padding:2px;
}
#forum .answer_management
{
font-size:11px;
text-align:left;
border-bottom:1px dashed #000;
margin:2px 0 2em 0;
}

#forum .edit{
width:90%;
margin:0px;
}
#forum .content{
margin-bottom:2em;
}
#forum .signature
{
border-top: 1px solid #3F4763;
}

#forum .page{
	margin-bottom:1em;
	font-size: 11px;
}

.description_forum{
		text-align:left;
		font-family: verdana, arial, sans-serif; 
		font-size: 10px;
		font-style: italic;
		margin-left:10px;
}

.last_answer{
text-align:left;
padding-left:4px;
font-size:10px;
}




/* ================  FORMULAIRE =================== */
form.css fieldset {
  padding: 1em;
}
  
form.css label
  {
 color:#fff;
  margin-top:1em;
  display:block;
  background:#3F4763;
  border:1px solid #3F4763;
  font-weight:bold;
  padding:3px;
 }
form.css .bright
  {
	/*margin-bottom:1em;*/
	padding:1em;
 	border:1px solid #3F4763;
	border-top:0px;
 } 

.success  
{
	border:1px solid #3F4763;
	padding:1em;
	margin-right:1em;
	font-weight:bold;
}
.msgerror{
	border:1px solid #F00;
	padding:1em;
	margin-right:1em;
	font-weight:bold;
}

form.css 
{
	margin:1em;
}
form.css .error {
color:#FF0000;
}

/**/
#articles .details{
padding-right:1em;
}
/*=============== NEWS ================*/
.news_img{
	float:left;
	margin-right:1em;
}