/*
    CSS file for Cymeco Skin - version 4
    CeCILL Copyright (C) 2005-2006 by Laurent Duveau
    Customization by GuppY Design Team
      Web site = http://www.cymeco.info/
      e-mail   = support@cymeco.info

    CSS History :
      V4.x (01 March 2006)  : initial release (by GuppYDesign)*/


body
{
	background:#D4C9B5 url(bg_body.jpg) repeat-x;
	text-align:center;
	margin:auto;
	padding:0
}
#page {
	background:  url(bg_body.jpg) repeat-x #D4C9B5;
	text-align: left;
}
div#headtop {
	background:  url(bg_body.jpg) repeat-x #D4C9B5;
}
#body
{
	margin-left:auto;
	margin-right:auto;
	width:998px;
	text-align:left;
	border:0 solid #fff;
	background: url(header.jpg) no-repeat;
}
#screen_choice {
 margin: 0;
 padding: 0;
}
div#screen_choice {
 position: absolute;
 top: 100px;
 left: 0px;
}
.banner
{
	background:transparent;
	padding:0 10px 1px 0
}

.band
{
	background:transparent url(header.jpg) no-repeat;
	height:120px
}

.cita
{
	font:italic 0.7em verdana, arial, sans-serif;
	color:#873814;
	text-align:center;
	height:20px;
	width:auto;
	background:transparent;
	padding:3px 10px;
        position: absolute;
        top: 50px;
        right: 0px;
}

.quote
{
	margin-top:18px;
	height:22px;
	width:auto;
	white-space:nowrap;
	text-align:center
}

.headmenu
{
	width:auto;
	margin-top:-10px;
	padding-top:10px;
	border-bottom:1px solid #fff
}

.bordure
{
	background:transparent
}

.bord
{
	border:1px solid #B0761E;
	background:#F3F0E1;
	margin:0 0 2px 2px;
	padding:2px
}

.forum
{
	font:bold 11px arial, sans-serif;
	color:#000;
	background:#CFB082;
	text-align:center;
	padding:5px
}

.forum2
{
	font:11px arial, sans-serif;
	color:#000;
	background:#CFB082;
	padding:0 5px
}

.quest
{
	font:11px arial, sans-serif;
	color:#000;
	background:#E8D6A7;
	padding:5px
}

.rep
{
	font:11px arial, sans-serif;
	color:#000;
	background:#F5D19A;
	padding:10px 5px
}

a
{
	color:#000;
	text-decoration:none
}

a:hover
{
	color:#000;
	text-decoration:none;
	background:transparent;
	position:relative;
	top:1px;
	left:1px
}

a.box
{
	font:11px arial, sans-serif;
	color:#000;
	text-decoration:none
}

a.box2
{
	font:bold 11px arial, sans-serif;
	color:#000;
	text-decoration:none
}

a:hover.box
{
	font:11px arial, sans-serif;
	color:#000;
	text-decoration:none;
	position:relative;
	top:1px;
	left:1px;
	background:transparent
}

/***********************************
 * block box Header Menu sections */

div.menuIcons { /* block menu */
	margin: 20px 0;
	padding: 0px 0px 16px 0px;
 	!padding: 14px 0px 0px 0px; /* hack pour IE */
	border-bottom: thin solid #5E3825;
}

div.menuIcons ul { /* block liste du menu */
	margin:0;
	padding:0;
	list-style:none;width:100%;
	
}
div.menuIcons ul li { /* toutes les sections */
	float:left;
	margin-right:8px;
	text-align:center;
	
}
div.menuIcons ul li span { /* toutes les sections */
	display:block;
	white-space:nowrap;
}
div.menuIcons ul li.menu_flags { /* section drapeau */
	float:left;
	margin-right:10px;
	text-align:center;
}
div.menuIcons ul li.menu_flags img { /* séparation drapeau */
	margin:3px;
}
div.menuIcons ul li.menu_admin { /* section admin */
	float:right;
	padding-right:3px;
}
div.menuIcons ul li a span { /* lien */
  color: #5E3825;
  background-color: inherit;
  text-decoration: none;
  font: bold 11px Arial, Helvetica, sans-serif;
}
div.tblbox ul li a span, td.tblbox ul li a span { /* lien latéral */
  color: #5E3825;
  background-color: inherit;
  text-decoration: none;
  font: bold 11px Arial, Helvetica, sans-serif;
}
div.menuIcons ul li a span.current { /* lien actif */
  color:#5E3825;
  background-color: #E8D6A7;
  border-top:1px groove #fff;
  border-right:1px;
  border-bottom:0 solid #E8D6A7;
  border-left:1px groove #fff;
  padding:0 12px
}
div.tblbox ul li a span.current, td.tblbox ul li a span.current { /* lien latéral actif */
  color:#5E3825;
  background-color: #E8D6A7;
  border-top:1px groove #fff;
  border-right:1px;
  border-bottom:0 solid #E8D6A7;
  border-left:1px groove #fff;
  padding:0 12px
}
div.menuIcons ul li a:hover span { /* lien survolé*/
  color: #000000;
  background-color: inherit; position: relative; top: 0px; left: 0px;
}
div.tblbox ul li a:hover span, td.tblbox ul li a:hover span { /* lien latéral survolé*/
  color: #000000;
  background-color: inherit; position: relative; top: 0px; left: 0px;
}

ul.art
{
	font-weight:700;
	margin:0;
	padding:0
}

li.art
{
	font-weight:400;
	list-style-type:none;
	margin-left:4px;
	padding:0
}

H1,H2,H3,H4,H5,H6
{
	font-family:arial, sans-serif;
	color:#000
}

td.cal0
{
	font:11px arial, sans-serif;
	color:#36C;
	width:14%;
	text-align:center;
	background:#F3F0E1
}

td.cal1
{
	font:11px arial, sans-serif;
	color:#000;
	width:14%;
	text-align:center;
	background:#F3F0E1
}

td.cal2
{
	font:bold 11px arial, sans-serif;
	color:#8A5C17;
	width:14%;
	text-align:center;
	background:#CFB082
}

td.cal3
{
	font:11px arial, sans-serif;
	color:#8A5C17;
	width:14%;
	text-align:center;
	background:#CFB082
}

td.cal4
{
	font:11px arial, sans-serif;
	color:#EEE;
	width:14%;
	text-align:center;
	background:#398691
}

td.calevt
{
	font:bold 11px arial, sans-serif;
	color:#EEE;
	width:14%;
	text-align:center;
	text-decoration:underline;
	background:#E8D6A7
}

form
{
	margin:3px 0
}

input.bouton
{
	font:11px arial, sans-serif;
	color:#FFF;
	background:#5E3825;
	border-top:2px outset #AAA;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-left:2px outset #AAA;
	padding-bottom:2px;
	height:20px;
	cursor:pointer;
	vertical-align:top;
	text-decoration:none;
	margin:4px 0
}

input:hover.bouton
{
	background:#A88F6A
}

input.texte
{
	font:11px arial, sans-serif;
	color:#EEE;
	border-top:2px solid #000;
	border-right:1px solid #AAA;
	border-bottom:1px solid #AAA;
	border-left:2px solid #000;
	background:#A88F6A;
	margin:4px 0 0 4px
}

select
{
	font:11px arial, sans-serif;
	color:#EEE;
	border-top:2px inset #000;
	border-right:1px groove #AAA;
	border-bottom:1px groove #AAA;
	border-left:2px inset #000;
	margin-top:6px;
	height:18px;
	background:#A88F6A
}

textarea
{
	color:#000;
	background:#CFB082;
	border:1px solid;
	overflow:auto;
	margin:4px 0
}

.clsCursor
{
	cursor:pointer
}

.spacer_side
{
	padding:8px 0 10px
}

.spacer_center
{
	padding:16px 0 10px
}

.caption_center
{
	font:bold 12px arial, sans-serif;
	color:#5e3825;
	background:#e8d6a7;
	border-top:1px groove #fff;
	border-right:1px;
	border-bottom:0 solid #E8D6A7;
	border-left:1px groove #fff;
	padding:0 12px
}

.caption_side
{
	font:bold 11px arial, sans-serif;
	color:#5e3825;
	background:#e8d6a7;
	border-top:1px groove #fff;
	border-right:1px;
	border-bottom:0 solid #E8D6A7;
	border-left:1px groove #fff;
	margin-left:0;
	padding:0 12px
}

.body_center
{
	font:11px arial, sans-serif;
	color:#000;
	border-top:1px solid #F3F0E1;
	border-right:1px solid;
	border-bottom:1px solid #000;
	border-left:1px solid #F3F0E1;
	margin-top:1px;
	background:none;
	padding:8px 10px 50px 4px
}

.body_side
{
	font:11px arial, sans-serif;
	color:#000;
	margin-top:1px;
	border-spacing:4px;
	border-top:1px solid #F3F0E1;
	border-right:0;
	border-bottom:0;
	border-left:1px solid #F3F0E1;
	background:url(bord.png) right bottom no-repeat;
	padding:8px 10px 8px 4px
}

.top
{
	font:11px arial, sans-serif;
	text-align:center;
	margin-left:49%;
	margin-right:40%;
	width:50px;
	white-space:nowrap
}

.foot,.copyright
{
	font:11px arial, sans-serif;
	color:#A84E03;
	text-align:center
}

.timer
{
	font:italic 11px arial, sans-serif;
	color:#A84E03;
	text-align:center
}

.url
{
	font:11px arial, sans-serif;
	color:#A84E03;
	text-align:center;
	height:20px;
	clear:both
}

.logo,hr
{
	visibility:hidden
}

p,p.box
{
	font:11px arial, sans-serif;
	color:#000;
	margin:0
}

.box,ul,ol,li,dl,dd,dt,address,dir,menu,blockquote,td
{
	font:11px arial, sans-serif;
	color:#000
}

.htable,.htable1
{
	margin-bottom:8px
}

.tbl,.tblover
{
	background:transparent;
	padding:5px
}

.tblbox,.tblboxover
{
	background:transparent;
	padding:4px
}

div#foot {
	text-align: center;
}                
.item {
  list-style: none;
text-align: left;
padding-left: 10px ;
}

ul.item li.item { /* titres des articles */
  list-style: none;
text-align: left;
padding-left: 10px ;
}
.curr_item {
  list-style: none;
text-align: left;
padding-left: 10px ;
}
ul.item li.curr_item { /* titre article est affiché */
  list-style: none;
text-align: left;
padding-left: 10px ;
}