/* --- CSS HTML TAG --- */

body {
	padding  : 0px;
	margin : 0px;
	background-color : #DB5B4C;
	text-align : center;
	font-family : Verdana;
}

body, table {
  font-family:Verdana,Tahoma,Arial;
  font-size:12px;
}

input,textarea {
  font-family:Verdana,Tahoma,Arial;
  font-size:12px;
}

h1 {
  color:#D3512F;
}

h2 {
  color:#EE7C51;
  margin-bottom:5px;
  margin-left:15px;
}

/* --- CSS TABLE --- */

table {
	width :100%;
	border-collapse : collapse;
	font-family : Verdana;
	font-size: 13px;
}

thead th {
	background-image : url('./images/thead.png');
	background-position : top left;
	background-repeat : repeat-x;
	height : 33px;
	vertical-align : middle;
	text-align : center;
	border-top : 3px solid #ffe0d3;
	color : #996833;
}

tbody td {
	border-top : 2px solid #FFFFFF;
	height : 33px;
	vertical-align : middle;
	color : #998066;
	padding-left : 5px;
	padding-right : 3px;
}
.forum tr {
	background : #FFEFE8 url('./images/tbody.png') repeat-x;
}

.forum tr:hover {
	background : #FFEFE8 url('./images/tbody.png') repeat-x;
}

.forum tbody tr {
	background : #FFEFE8 url('./images/tbody.png') repeat-x;
}

.forum tbody tr:hover {
	background : #FDDDD0 url('./images/tbody_hover.png') repeat-x;
}

.forum table {
	margin-top : 10px;
	margin-bottom : 10px;
}

tbody tr {
	background-image : url('./images/tbody.png');
	background-position : top left;
	background-repeat : repeat-x;
}

tbody tr:hover {
	background-image : url('./images/tbody_hover.png');
}

tbody a {
	color : #998066;
	text-decoration : underline;
}

tbody a:hover {
	border-bottom : 2px solid #998066;
}

tfoot td {
	border-top : 2px solid #FFFFFF;
	background-color : #ffefe8;
	height : 35px;
	vertical-align : middle;
	text-align : center;
	color : #ccb399;
	padding : 3px 5px 3px 5px;
}
/* --- CSS BASE DESIGN --- */

#corps {
	margin : auto;
	text-align : left;
	width : 1024px;
}
#corps #tete {
	background-image : url('./images/header.jpg');
	height : 219px;
}

#corps #menu {
	position : absolute;
	top : 171px;
}

#corps #page {
	background : #FFE0CD url('./images/background_center.png') repeat-x;
	
}

#corps #pied {
	text-align : center;
	color :  #F8801E;
	background-color : #FEF0E1;
	font-size : 12px;
	padding : 15px 0px 15px 0px;
}

#pied a {
  color :  #F8801E;
}

/* --- CSS MENU --- */

#menu {
  height: 49px;
  width: 1100px;
}

#menu .btn {
	float : left;
}

.btn .bord-g {
	float : left;
	width : 12px;
	height : 43px;
	background-image : url('./images/tab_left.png');
}

.btn .bord-d {
	float : left;
	width : 12px;
	height : 43px;
	background-image : url('./images/tab_right.png');
}

.btn .centre {
	float : left;
	height : 43px;
	width : 100px;
	text-align : center;
	background-color : #FFFFFF;
}

.centre a  {
	text-decoration : none;
	color : #D3512F;
	font-family : Verdana;
	font-size : 12px;
}

.centre a:hover {
	text-decoration : underline;
}

.btn .oneline { padding-top : 13px; width : 90px; height : 30px;}
.btn .twoline { padding-top : 3px; width : 108px; height : 40px;}
.btn .special { width : 110px;}

.clear {
	clear : left;
}

/* --- CSS PAGE --- */

#page #p-menu {
	float : left;
	
	background-image : url('./images/background_menu_left.png');
	background-repeat : no-repeat;
	padding : 40px 20px 20px 20px;
	width : 185px;	
	height : 270px;
}

#mymenu tr { background : none; }
#mymenu td { background : none; border : 0px; }

#page #p-page {
	margin-left : 240px;
	padding : 10px;
}

#edito p {
  text-align:justify;
}

#edito .signature {
  text-align:right;
}

/* --- CSS ARTICLES --- */

.article {
  overflow:auto;
  max-height:500px;
  width:90%;
  margin:auto;
  background-color:#FFFFFF;
  border:1px black dashed;
  padding:15px;
}

.error {
  color:#FF0000;
  font-weight:bold;
}

.ok {
  color:#008800;
  font-weight:bold;
}

.intro {
	font-style : italic;
}

li {
	font-weight : normal;
}

a {
	color : #8A735C;
}

a.title_list {
	color : #D12A2A;
	font-weight : bold;
	text-decoration:none;
}
a.title_list :hover {
	border:0px black solid;
}


/* --- POUR L'ACCUEIL --- */
#tbla {
	height : 174px;
}

#tbla #logo_accueil {
	float : left;
	background-image: url('./images/logo_accueil.png');
	width : 237px;
	height : 174px;
	
}

#tbla #text_accueil {
	margin-left : 237px;
	background : #D3512F url('./images/cadre_accueil.png') no-repeat top right;
	background-image : url('./images/cadre_accueil.png');
	height : 173px;
}

#text_accueil h2 {
	color : #FFE0B2;
	padding : 10px 10px 10px 10px;
}

#text_accueil .title {
	color : #FF9800;
	font-style : italic;
	font-weight : bold;
	padding : 5px 15px 5px 15px;
	margin : 0px;
}

#text_accueil p {
	color : #FFE0B2;
	padding : 5px 15px 5px 15px;
	margin : 0px;
}

.suite {
	margin : 0px 0px 5px 15px;
	padding-left : 20px;
	background : transparent url('./images/puce.png') no-repeat top left;
	color : #4d80cb;
}

.suite:hover {
	border-bottom : 0px;
}

#tblb {
	
}

#tblb tr {
	background : transparent;
}

#tblb td {
	border : 0px;
	color : #403D3D;
}

#tblb .title {
	color : #D12A2A;
	font-weight : bold;
}

#tblb a {
	display : block;
	margin : 3px;
}




/* --- POUR LES NEWS --- */
#news .text {
  background-color: #D3512F;
}

#news .title {
	color : #FF9800;
	font-style : italic;
	font-weight : bold;
	padding : 5px 15px 5px 15px;
	margin : 0px;
}

#news p {
	color : #FFE0B2;
	padding : 5px 15px 5px 15px;
	margin : 0px;
}