html {
	height: 100%}
	
body {
	color:white;
	font-size:12px;
	height: 100%;
	width: auto;
	background-color: black;
	text-align: center;
	padding: 0;
	margin: auto;
	margin-top:10px;
	margin-bottom:10px;}

			.nospace {width:100%;margin: 0px}
	
	.barreHaut {
	position:absolute;
	top:10px;
	width:100%;
	right:15px;
	margin-right:-15px;
	height:200px;

	}
	
#blasonGauche {
	position:absolute;
	height:200px;
	width:200px;
	top:0px;
	left:20px;
	z-index:auto;
padding:0;
margin:0;
background-image: url('images/blasonSite.jpg');
background-repeat: no-repeat;
}

	
#banniere
{
	width:730px;
	height:150px;
	margin:0;
	background-image: url('images/banniereSimpleObscure.jpg');
background-repeat: no-repeat;
 }
 
  #menuJava
{
	width:730px;
	height:50px;
	text-align:center;
 }
 
 .pageEntiere {
	position:absolute;
	top:200px;
	width:100%;
	margin:0 auto;
	right:15px;
	margin-right:-15px;
	text-align:center;
	}
	
						* html body .pageEntiere {
						height:100%;
						overflow:hidden
						}

						/* IE-mac ne voit pas les lignes qui suivent \*/
						* html body .pageEntiere {
						height:0px;
						overflow:visible
						} 
							/* fin du text caché pour IE/mac */
 .central {
	position:relative;
	top:0px;
	width:auto;
	margin:0px;
	margin-left:240px;
	margin-right:0px;
	text-align:left;
	}
	
.pageMilieu {
	position:relative;
	min-height:300px
	}

* html body .pageMilieu {
	height:300px
	} 
	

.div-min-height {
	position:relative;
	width:0px;
	float:left
	}

.div-min-height-bottom {
	position:relative;
	height:0px;
	clear:left
	}
	

 
 #menuJava a
 {
 color:#8b7218;
 font-size:14px;
 text-decoration:none;
 }
 
  #menuJava a:hover
 {
 color:white;
 text-decoration:bold;
 }
	
#menuGauche {
	position:absolute;
	height:100%;
	width:200px;
	top:0px;
	left:20px;
	z-index:auto;
	padding-top:40px;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}


#menuDroite {
	position:absolute;
	height:100%;
	width:120px;
	top:0px;
	right:40px;
	margin-right:-15px;
	}
	
	#footer {
	position:relative;
	width:100%;
	height:50px;
	background-color:#158035
	}


.fenChat
{
width:130px;
height:400px;
}

table {
	width: 100%;
	padding: 0}

form, .checkbox, input.radio, .helpline, p {
	margin: 0;
	padding: 0;
	border: 0}

input, select {
	vertical-align: middle;
	}

input.button {
	background: #343434 url('images/buttonsbg.gif') repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #f5f5f5;
	border: 1px solid;
	border-color: #999 #666 #555 #888;
	padding: 1px 0.5em;
	}

* html input.button {
	/*\*//*/
	padding: 1px 0.5em;
	/**/	
	/*\*/padding: 1px 0.5em;/* */
	width/**/: 0;
	overflow/**/: visible;
	}
	
input.button {
	cursor: pointer !important;
	cursor: hand;
	}

input.button:hover, input.button:focus {
	border: 1px solid;
	border-color: #bbb #888 #777 #aaa;
	}


/*
.avatar img {
	background-color: #fff;
	border: 3px solid #fff}
	
html>body .avatar img {
	padding: 3px;
	background-color: #fff;
	border: 1px solid #dbdbdb}
*/

		.sousMenuChat {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		font-size: 9px;
		text-align:justify;
		}
		.sousMenuChat textarea {
		background-color: #111315;
		color: #FFFFFF;
		border:none;
		width: 130px;
		}
		.sousMenuChat input {
		width: 100px;
		background-color: #111315;
		color: #FFFFFF;
		border:none;
		}
		.fenchat {
		width: 130px; }
		.parleur {
		color: #8b7218;
		font-size:10px;
		}
		.date {
		font-size:8px;
		}
		.sousMenuChat h2
		{ text-align:center; }

#menuGauche h2
{
color:#8b7218;
 font-size:14px;
 text-decoration:none;
 border-bottom: solid 2px #8b7218;
}
#menuDroite h2
{
color:#8b7218;
 font-size:14px;
 text-decoration:none;
 border-bottom: solid 2px #8b7218;
}
		
#forum {
width:auto;
	height: 100%;
	
/*	margin-left:140px;
	margin-right:100px;  RETIRE CAR DEJA INCLU DANS PAGECENTRALE*/
 }
	
#pagenormale {
width:780px;
	height: 100%;
	background-color:black;
	
/*	margin-left:140px;
	margin-right:100px;  RETIRE CAR DEJA INCLU DANS PAGECENTRALE*/
}
	#pagenormale img
	{
	border:none;
	}

	
h1 {
height:50px;

background-image: url('../../support/PenneDeTitre.jpg');
background-repeat: no-repeat;
font-size:50px;
color:#8b7218;
padding-left:120px;

}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
#bodyline {
	width: 717px;
	padding: 10px 0;
	vertical-align: top;
	text-align: left}



#top_image {
	text-align: center}

#top_image img {
	border: 0;
	width: 717px;
	height: 231px}



#menu {
	height: 18px;
	line-height: 18px;
	padding: 0 3px 1px}
	
#menu #left a {
	padding-right: 10px}
	
#menu #right a {
	padding-left: 10px}

.mainmenu {
	line-height: 18px}




div.spacing {
	height: 10px;
	clear: both}



.postbuttons img {
	border: 0;
	margin-right: 10px}



.pad0-0-4 {
	padding: 0 0 4px}
	
.pad0-0-10 {
	padding: 0 0 10px}

.pad4 {
	padding: 4px}
	
.pad25 {
	padding: 25px}

.pad60 {
	padding: 60px}

div.timezone {
	padding: 0 3px}

div.copyright {
	padding: 5px}

.quote, .code {
	margin: 10px;
	padding: 10px}

.quote .inside_quote, .code .inside_code {
	padding: 10px}

div.hr {
	height: 1px;
	background-color: #444;
	margin: 5px 0}
	
div.hr hr {
	display: none}



input.post, textarea.post, select, input.postfile {
	margin: 0;
	border: 1px solid #666;
	background-color: #131313}

input.post, textarea.post, input.postfile {
	padding: 2px 3px}

input.post {
	height: 19px}

html>body input.post {
	height: 12px}

.helpline {
	background-color: #232323}



.postmini {
	width: 25px}
	
.postsmall {
	width: 90px}
	
.postmedium {
	width: 150px}
	
.postbig {
	width: 225px}
	
.postbiggest {
	width: 450px}



.block {
	display: block}

.clear {
	clear: both}

.left {
	float: left;
	text-align: left}
	
.right {
	float: right;
	text-align: right}
	
.txtcenter {
	text-align: center}

.txtmiddle {
	text-align: center;
	vertical-align: middle}

.txtright {
	text-align: right}

.txttop {
	vertical-align: top}
	
.txtbottom {
	vertical-align: bottom}
	
.txtleft {
	text-align: left}
	

	
td.row1	{
	background-color: #232323}
	
td.row2 {
	background-color: #2b2b2b}
	
td.row3 {
	background-color: #333333}



td, th, input, select, textarea, .message {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	color: #f5f5f5;
	font-size: 10px;
	line-height: 13px;
	}



td a {
	color: #Ca2023;
	text-decoration: underline;
	}	

td a:hover {
	color: #Ca2023;
	text-decoration: none;
	}

tr.lines_1 th .nav, tr.lines_3 th .nav, .nav {
	font-size: 11px;
	line-height: 13px;
	font-weight: bold}		

tr.lines_1 th .nav a, tr.lines_3 th .nav a, .nav a {
	color: #Ca2023;
	text-decoration: none;
	}

tr.lines_1 th .nav a:hover, tr.lines_3 th .nav a:hover, .nav a:hover {
	color: #Ca2023;
	text-decoration: underline;
	}

.code {
	background-color: #333;
	border: 2px solid #434343;
	font-family: Courier, 'Courier New', sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	color: #89b0df;
	font-size: 11px;
	line-height: 13px}

.code a {
	color: #0000b4;
	text-decoration: underline}	

.code a:hover {
	color: #0000b4;
	text-decoration: none}

.quote {
	background-color: #333;
	border: 2px solid #434343;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	color: #d5d5d5;
	font-size: 10px;
	line-height: 13px}

.quote a {
	color: #555;
	text-decoration: underline}	

.quote a:hover {
	color: #555;
	text-decoration: none}
	
.edited {
	font-style: italic}




tr.toplines th {
	line-height: 24px;
	height: 24px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #ddd;
	border-width: 1px 0;
	padding: 0 10px}

tr.lines_1 th {
	border: 1px solid #ddd;
	border-width: 1px 0;
	padding: 5px 2px 6px}

tr.lines_3 th {
	border: 1px solid #ddd;
	border-width: 1px 0;
	padding: 3px 2px}



table.index_body td.one img {
	width: 46px;
	height: 25px}
	
table.index_body td.one {
	padding: 4px;
	text-align: center}
	
table.index_body td.two {
	padding: 4px;
	width: 100%}
	
table.index_body td.three {
	padding: 4px;
	text-align: center;
	white-space: nowrap}

table.index_body_icons td img {
	vertical-align: middle}
	
table.index_body_icons td {
	white-space: nowrap;
	text-align: center}



table.groupcp td.one {
	padding: 4px 7px;
	width: 150px;
	height: 26px}
	
table.groupcp td.two {
	padding: 4px 5px 4px 4px}
	
table.groupcp td.three {
	padding: 4px 7px;
	height: 26px}



table.memberlist td.one {
	padding: 4px 7px;
	height: 26px}



table.modcp td.one img {
	width: 19px;
	height: 18px}
	
table.modcp td.one {
	padding: 4px;
	text-align: center}
	
table.modcp td.two {
	padding: 8px 4px;
	width: 100%}
	
table.modcp td.three {
	padding: 4px;
	text-align: center;
	white-space: nowrap}

table.modcp td.four {
	padding: 4px;
	white-space: nowrap;
	width: 150px}

table.modcp td.five {
	padding: 4px}

table.modcp td.six {
	padding: 4px 7px;
	vertical-align: top;
	font-weight: bold;
	text-align: left;
	width: 150px;
	height: 100px}
	
table.modcp td.seven {
	padding: 4px 7px;
	vertical-align: top;
	text-align: left;
	width: 470px}
	
table.modcp td.eight {
	padding: 4px 7px}

table.modcp td.nine {
	padding: 4px 7px;
	height: 18px;
	line-height: 18px}



table.posting_body td.one {
	padding: 4px 7px;
	width: 150px;
	height: 26px}
	
table.posting_body td.two {
	padding: 4px 5px 4px 4px}
	
table.posting_body td.three {
	padding: 4px 7px;
	vertical-align: top;
	width: 150px}

table.posting_body td.four {
	padding: 4px 5px 4px 4px;
	vertical-align: top}
	
table.posting_body td.four div {
	padding-bottom: 3px}

table.posting_body td.five {
	padding: 4px 7px}

table.posting_body td.six {
	padding: 4px 7px;
	height: 130px}
	
table.posting_body td.seven {
	padding: 4px 5px 4px 4px;
	vertical-align: top}

table.posting_body td.eight {
	padding: 4px 7px;
	vertical-align: top;
	font-weight: bold;
	width: 135px;
	text-align: left}
	
table.posting_body td.nine {
	padding: 4px 7px 10px;
	vertical-align: top;
	text-align: left}



table.privmsgs td.one img {
	width: 19px;
	height: 18px}
	
table.privmsgs td.one {
	padding: 4px;
	text-align: center}
	
table.privmsgs td.two {
	padding: 8px 4px;
	width: 100%}
	
table.privmsgs td.three {
	padding: 4px;
	text-align: center;
	white-space: nowrap}




table.profile td.one {
	padding: 4px 7px;
	width: 50%;
	height: 26px}
	
table.profile td.two {
	padding: 4px 5px 4px 4px}
	
table.profile td.three {
	padding: 4px 7px;
	height: 26px}



table.profile_view_body tr {
	height: 18px;
	text-align: right}



table.viewtopic td.one {
	padding: 4px 7px;
	font-weight: bold}

table.viewtopic td.two {
	padding: 4px 5px 4px 2px;
	height: 20px}
	
table.viewtopic td.three {
	padding: 4px 7px;
	vertical-align: top;
	width: 150px}
	
table.viewtopic td.four {
	padding: 2px 5px 4px;	
	vertical-align: top;
	height: 130px}
	
table.viewtopic td.four table {
	height: 100%;
	width: 560px}
	
table.viewtopic td.five {
	padding: 4px 7px;
	height: 18px;
	line-height: 18px}
	
table.viewtopic td.six {
	padding: 4px 5px}



table.viewforum td.one img {
	width: 19px;
	height: 18px}
	
table.viewforum td.one {
	padding: 4px;
	text-align: center}
	
table.viewforum td.two {
	padding: 4px;
	width: 100%}
	
table.viewforum td.three {
	padding: 4px;
	text-align: center;
	white-space: nowrap}



table.forumicons {
	width: 0}
	
table.forumicons td {
	white-space: nowrap}
	
table.forumicons td img {
	width: 19px;
	height: 18px}



table.search td.one {
	padding: 4px 7px;
	width: 50%;
	vertical-align: top}
	
table.search td.two {
	padding: 4px 5px 4px 4px}

table.search td.two div {
	padding-top: 3px}
	
table.search td.three {
	padding: 4px 7px;
	text-align: right}

table.search td.four {
	padding: 4px;
	width: 150px}

table.search td.five {
	padding: 8px 4px}

table.search td.six {
	padding: 4px;
	vertical-align: top}

table.search td.seven img {
	width: 19px;
	height: 18px}
	
table.search td.seven {
	padding: 4px;
	text-align: center}
	
table.search td.eight {
	padding: 4px}
	
table.search td.nine {
	padding: 4px;
	text-align: center}
	
table.search td.ten {
	padding: 4px;
	text-align: center;
	white-space: nowrap}



table.simple_header {
	background-color: #000;
	height: 100%}
	
table.simple_header td {
	vertical-align: top}



table.viewonline td.one {
	padding: 8px 4px}
	
table.viewonline td.two {
	padding: 8px 4px;
	text-align: center}

	

h2 {
	font-size: 11px;
	line-height: 26px;
	height: 26px;
	font-weight: bold;
	color: #Ca2023;
	margin: 0;
	padding: 0 4px;
	}
	
h3 {
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #Ca2023;
	margin: 0;
	}

h2 a, h3 a {
	text-decoration: none;
	color: #Ca2023;
	}
	
h2 a:hover, h3 a:hover, .copyright a:hover {
	color: #Ca2023;
	text-decoration: underline;
	}

.mainmenu a, tr.lines_1 th a, tr.lines_3 th a, .timezone a, .copyright a, .blacklink a {
	color: #f5f5f5;
	text-decoration: none;
	}

.mainmenu a:hover, tr.lines_1 th a:hover, tr.lines_3 th a:hover, .timezone a:hover, .blacklink a:hover {
	color: #f5f5f5;
	text-decoration: underline;
	}



.copyright {
	text-align: center;
	letter-spacing: -1px}
	
	
/* PArtie pour le calendrier */
.calendrier {
/*display:inline;*/
padding-right:10px ;
border-width:0px ;
text-align: center; 
color: #5D90B5; /* Couleur du texte dans les cases du calendrier */
border-spacing: 1px; 
font-size: 1.0em; 
margin: auto ;
/*float: left; */
z-index: 100;
width: 300px;
}

.calendrier td, .calendrier tr{
padding: 0;
}

/* Les 4 lignes qui suivent définissent la couleur de fond d'une case où il y a un évènement, ainsi que la couleur du texte. Ces mêmes couleurs 
sont utilisés pour le titre de l'évènement */
.calendrier .celluleevenement, .calendrier .evenement h6{
background-color: #ca2023 ;
color:#FFFFFF ;
}

.calendrier .evenement h6{
font-size:0.9em ;
margin:0;
padding:0;
}

.calendrier .evenement{
font-weight:normal ;
border: 1px solid #60738B; /* Largeur, type et couleur du bord du cadre qui contient l'évènement */
background-color: #aeaeae; /* Couleur de fond du cadre qui contient l'évènement */
color: #000000 ; /* Couleur du texte dans le cadre qui contient l'évènement */
z-index: 10; 
padding: 2px;
margin-top:1px;
}

.calendrier .evenement{
position: absolute; 
visibility: hidden; 
min-width:150px;
max-width:250px ;
}

.calendrier td {
border: none; 
background-color: #111315; /* Couleur de fond des cases du calendrier */
width:25px ;
}

.calendrier td:hover {
background-color:#ca2023;  /* Couleur de fond des cases lors du survol de la souris */
}

.calendrier .today{
font-weight:bold ;
border: 1px solid #ca2023; /* Largeur, type et couleur du bord de la case du calendrier qui correspond à aujourd'hui */
}

/* PARTIE POUR CALENDRIER DU MENU GAUCHE */
#menuGauche .calendrier {
padding-right:10px ;
border-width:0px ;
text-align: center; 
color: #5D90B5; /* Couleur du texte dans les cases du calendrier */
border-spacing: 1px; 
font-size: 8px; 
margin: auto ;
width: 200px;
}

#menuGauche .calendrier td, .calendrier tr{
padding: 0;
}

/* Les 4 lignes qui suivent définissent la couleur de fond d'une case où il y a un évènement, ainsi que la couleur du texte. Ces mêmes couleurs 
sont utilisés pour le titre de l'évènement */
#menuGauche .calendrier .celluleevenement, .calendrier .evenement h6{
background-color: #ca2023 ;
color:#FFFFFF ;
}

#menuGauche .calendrier .evenement h6{
font-size:0.9em ;
margin:0;
padding:0;
}

#menuGauche .calendrier .evenement{
font-weight:normal ;
border: 1px solid #60738B; /* Largeur, type et couleur du bord du cadre qui contient l'évènement */
background-color: #aeaeae; /* Couleur de fond du cadre qui contient l'évènement */
color: #000000 ; /* Couleur du texte dans le cadre qui contient l'évènement */
z-index: auto; 
padding: 2px;
margin-top:1px;
}

#menuGauche .calendrier .evenement{
position: absolute; 
visibility: hidden; 
min-width:350px;
max-width:400px ;
}

#menuGauche .calendrier td {
border: none; 
background-color: #111315; /* Couleur de fond des cases du calendrier */
width:25px ;
}

#menuGauche .calendrier td:hover {
background-color:#ca2023;  /* Couleur de fond des cases lors du survol de la souris */
}

#menuGauche .calendrier .today{
font-weight:bold ;
border: 1px solid #ca2023; /* Largeur, type et couleur du bord de la case du calendrier qui correspond à aujourd'hui */
}


/* PArtie pour le calendrier DE AGENDAMODE */
.agendaMode .calendrier {
/*display:inline;*/
padding-right:10px ;
border-width:0px ;
text-align: center; 
color: #5D90B5; /* Couleur du texte dans les cases du calendrier */
border-spacing: 1px; 
font-size: 14px; 
margin: auto ;
/*float: left; */
z-index: 100;
width: 780px;;
}

.agendaMode .calendrier td, .calendrier tr{
padding: 0;
}

/* Les 4 lignes qui suivent définissent la couleur de fond d'une case où il y a un évènement, ainsi que la couleur du texte. Ces mêmes couleurs 
sont utilisés pour le titre de l'évènement */
.agendaMode .calendrier .celluleevenement, .calendrier .evenement h6{
background-color: #ca2023 ;
color:#FFFFFF ;
}

.agendaMode .calendrier .evenement h6{
font-size:14px; ;
margin:0;
padding:0;
}

.agendaMode .calendrier .evenement{
font-weight:normal ;
border: 1px solid #60738B; /* Largeur, type et couleur du bord du cadre qui contient l'évènement */
background-color: #aeaeae; /* Couleur de fond du cadre qui contient l'évènement */
color: #000000 ; /* Couleur du texte dans le cadre qui contient l'évènement */
z-index: 10; 
padding: 2px;
margin-top:1px;
}

.agendaMode .calendrier .evenement{
position: absolute; 
visibility: hidden; 
min-width:250px;
max-width:400px ;
}

.agendaMode .calendrier td {
border: none; 
background-color: #111315; /* Couleur de fond des cases du calendrier */
width:25px ;
}

.agendaMode .calendrier td:hover {
background-color:#ca2023;  /* Couleur de fond des cases lors du survol de la souris */
}

.agendaMode .calendrier .today{
font-weight:bold ;
border: 1px solid #ca2023; /* Largeur, type et couleur du bord de la case du calendrier qui correspond à aujourd'hui */
}
img
{
border:0;
}
textarea
{
background-color: #111315;
		color: #FFFFFF;
		border:none;
}
input
{
		background-color: #111315;
		color: #FFFFFF;
		border:none;
}