/** Feuille de Style CSS 2 */
/* #08A -> #09C / #CEF -> #CFF / #026 -> #036 / */

/*************
 *  General  *
 *************/
body {
/*	font: 1em "Trebuchet MS", arial, helvetica, sans-serif; */
	font: 1em Arial, helvetica, sans-serif;
	background: #cef;
	color: #000;
	margin: 0;
	padding: 0;
	height: 100%;
}
img {
	border: 0;
}
/* div#conteneur { */
/* 	position: absolute; */
/* 	width: 100%; */
/* 	height: 100%; */
/* } */

div#access {
        font-size: 0.6em;
        text-align: right;
        margin: 0;
        padding: 0;
        display: none;
}
h1 {
 	background: #08A;
	margin: 0;
}
h1 a {
	height: 111px;
        width: 253px;
        margin: 0 auto;
	display: block;
        text-indent: -5000px;
        font-size:0px;
        letter-spacing: -50px;
        text-decoration: none;
        padding: 0;
        line-height: 0;
        background: url(logo/frosty62.jpg) no-repeat center top #08A;
}
h1#header a:hover, h1#header a:focus, h1#header a:active {
        text-decoration: none;
}

/** Pied de page */
p#footer {
	clear: both;
	margin: 0;
	margin-top: 3em;
	padding-bottom: 1em;
	padding-right: 1em;
/* 	line-height: 1em; */
	font-size: 0.75em;
	text-align: right;
/*	 clear:both; */
}


/** Corps de la page */
div#contenu {
	margin: 2em 1em 0em 14em;
	padding: 0em;
}
div#contenu h2 {
	padding-left: 25px;
	line-height: 25px;
	font-size: 1.4em;
	background: url(volant.gif) no-repeat left bottom;
	color: #08A;
	border-bottom: 1px solid #08A;
	margin-bottom: 1.8em;
}
div#contenu p {
	text-align: justify;
	text-indent: 2em;
	line-height: 1.7em;
}
a {
	color: #00F;
	text-decoration: none;
}
a:hover, a:focus, a:active {
	color: #00F;
/*	 background-color: #0FF; */
	text-decoration: underline;
}

/** Boites de message */
div#contenu h3 {
	background: #026;
	color: #CEF;
	text-align: center;
	margin: 0 auto;
	padding-right: 5px;
	padding-left: 5px;
}
h3.message {
	margin-top: 2em;
	width: 95%;
	max-width: 600px;
}
* html h3.message, * html div.message {
/*  width: expression(document.body.clientWidth > 602? "600px" : "95%") */
        width: 560px;
}
div.message {
	padding-top: 1em;
	padding-bottom: 1em;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0 auto;
	width: 95%;
	max-width: 600px;
	background: #08A;
	text-align: center;
	margin-bottom: 1em;
}

h4 span {
/*         padding-left: 22px; */
/* 	background: url(volant.gif) no-repeat left center; */
}
h4 {
        color: #09C;
        text-align: center;
        border-bottom: 2px dotted #09C;
}
#index1 h4 {
        margin-bottom: 0;
}
#index2 {
        margin: 0 auto;
        max-width: 55em;
	text-align: justify;
/*         height: 1%; */
/* /\*   sur l'image *\/ */
/*         margin-right: 7px; */

/* 	        width: 560px; */
/*         	position: relative; */
/*         	top: 0px; */
}
#stat {
	font-size: 0.9em;
   	float:right;
   	text-align:right;
   	width: 18em;
	padding-left: 1em;
	background-color: #cef;
}
#stat .title {
	font-size: 0.7em;
}
#stat table {
   	width: 100%;
}
#stat input {
   	font-size: 0.8em;
}
#stat label {
   	font-size: 0.8em;
}
/* /\* a ajouter aux images ? *\/ */
/* display: inline; */
/* /\* a ajouter au conteneur au dessus ? *\/ */
/* overflow: auto */

/** a mettre aussi pour image/text ? **/
/* * html #index2 em { */
/* 	overflow: hidden; */
/* 	o\verflow: visible; */
/* } */
/* http://www.positioniseverything.net/explorer/italicbug-ie.html */

/*  width: expression(document.body.clientWidth > 602? "600px" : "95%") */
/* someElement {width:expression(this.offsetWidth>200?200:'');} */

#index2 > ul, #index2 > dl {
        margin: 0.7em;
        max-width: 48em;
}
/* * html #index2 { */
/*         width: 560px; */
/* } */
.texte {
        max-width: 48em;
        text-align: left;
}
* html .texte {
        width: 560px;
}

/*********************
 * Tableaux & titres *
 *********************/
TD.fondPage {
	background-color: #CEF;
}
TABLE.toptable {
/*	 border: 2px solid #000; */
/*	 font-size: 0.75em; */
	border-spacing: 0px;
	border-collapse: collapse;
	padding:0px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 2em;
}
* html TABLE.toptable {
/* 	width: auto; */
	width: 95%;
/*         height: 1%; */
}
TD.toptable {
/* 	font: 1em arial, helvetica, sans-serif; */
	text-decoration: none;
	background-color: #08A;
	padding:5px;
}
TABLE.tux {
	border-collapse: collapse;
	margin: 0 auto;
	width: 95%;
}
TD.title {
	background-color: #026;
}
TABLE.tux TH, TR.tux, TR.tux1, TABLE.tux TD {
	border: 1px solid #08A;
}
TABLE.tux TH {
	font-size: 0.8em;
	background-color: #026;
	color:#CEF;
}
TR.tux {
	background-color: #EEF;
	background-color: #FFF;
}
TR.tux1 {
	background-color: #cef;
}
TR.tux2 {
	background-color: #ff8;
        border:2px solid #000;
}
div.tux2 {
/*         color: #ff8; */
/* 	background-color: #000; */
        padding:.2em 0 .2em 30px;
        font-weight: bold;
/*         width: 30em; */
/*         margin: 0 auto; */
        border:2px solid #000;
	background: url(img/accept.png) 10px center no-repeat;
}
TR.tux1:hover, TR.tux:hover, TR.win:hover, TR.los:hover {
	background-color: #9F9;
}
#calendrier TR.tux:hover {
	background-color: #FFF;
}
TABLE.tux TD {
	padding: 0.05em 0.25em 0.05em 0.25em;
}
TR.tuxsurligne {
	background-color: #9F9;
}
div#contenu TABLE.tux TD a:hover,
div#contenu TABLE.tux TD a:focus,
div#contenu TABLE.tux TD a:active {
	color: #00F;
}
TABLE.tux TH A {
	color:#CEF;
}
TABLE.tux TH A:hover,
TABLE.tux TH A:focus,
TABLE.tux TH A:active {
	color:#CEF;
}
div.result {
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
	font-size: 0.8em;
}

.current {
	font-weight: bold;
}
.perso {
	background-color: #afa;
	background-color: #9f9;
}
.tournoi {
	background-color: #cef;
	background-color: #ccf;
}
.legende {
	text-align:center;
	margin-top:0.1em;
	margin-bottom:1.1em
}
div.modifier {
        position: relative;
        top:-0.8em;
        text-align:right;
}

div#mtour {
        margin-left: 3%;
        font-size: 0.8em;
        margin-top: 0.5em;
        margin-bottom: 0.3em;
}
div#mtour select {
        font-size: 0.9em;
}
div#mtour input {
        font-size: 0.8em;
        width: 3em;
}

/*********************
 *	Formulaire   *
 *********************/
TABLE.formulaire {
	font-family: Tahoma,Helvetica,Arial,sans-serif;
	border: 0;
	border-spacing: 3px;
/*	border-collapse: collapse; */
	padding:0px;
	border: 0px solid #000;
	width: 100%;
}
TD.formulaire1, .forminfo,TD.form1err {
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
	font-weight: bold;
	width: 40%;
	padding-left:1em;
	border: 1px solid #000;
	background-color: #0FF;
/* 	font-size: 1.05em; */
	font-size: 1em;
}
TD.form1err {
        color: #000;
        background-color: #f66;
}
.forminfo {
	width: 60%;
	font-weight: normal;
	font-size: 1em;
}
TD.formulaire2 {
	text-align: left;
	width: 60%;
}
TD.help {
/* 	font-family: Arial,Helvetica,sans-serif; */
	padding-left:1em;
/*         max-width: 48em; */
}
/* * html TD.help div { */
/*         width: 560px; */
/* } */

INPUT, SELECT, TEXTAREA {
/* 	color:#000; */
	background-color:#CEF;
/* 	font-size: 1.05em; */
	font-size: 1em;
}
TEXTAREA {
	font-size: 0.8em;
}
TD.bouton {
	text-align: center;
}
INPUT.bouton {
	font-size: 1.1em;
	font-weight:bold;
	color:#CEF;
	background-color:#000;
/* 	width:8em; */
	margin: 0 auto;
}
INPUT.change {
/*	font-family: Arial,Helvetica,sans-serif;*/
	font-size: 1em;
	font-weight:bold;
	color:#CEF;
	background-color:#000;
/*	 width:3em; */
	margin: 0 auto;
}

.error {
	font-weight: bold;
	font-size: 1.05em;
}
div.error{
	margin: 0 10%;
	padding: 0.2em;
	background: #0FF;
	text-align: center;
	border: 3px double #000;
/* 	-moz-border-radius: 1em; */
}

.readonly {
	background: #999;
}

/*********************
 *	Liens	     *
 *********************/

/* a[href ^="mailto:"] $=".txt"  */
a[href ^="mailto:"] {
	background: url(img/mail_icon.gif) center left no-repeat;
	padding-left: 18px;
}
a.ext {
	background: url(img/external.png) center right no-repeat;
	padding-right: 14px;
}
a.edit {
	background: url(img/pencil.png) center left no-repeat;
	padding-left: 18px;
}
a.del {
	background: url(img/bin.png) center left no-repeat;
	padding-left: 18px;
}
a.undo {
	background: url(img/arrow_undo.png) center left no-repeat;
	padding-left: 18px;
}
a.add {
	background: url(img/add.png) center left no-repeat;
	padding-left: 18px;
}
a.adddoc {
	background: url(img/newspaper_add.png) center left no-repeat;
	padding-left: 18px;
}
a.dl {
	background: url(img/disk.png) center left no-repeat;
	padding-left: 20px;
}
a.inscription {
	background: url(img/emoticon_happy.png) center left no-repeat;
	padding-left: 20px;
}
a.mail {
	background: url(img/email.png) center left no-repeat;
	padding-left: 20px;
}
a.poona {
	background: url(img/sport_shuttlecock.png) center left no-repeat;
	padding-left: 18px;
}
a.rss {
	background: url(img/feed.png) center left no-repeat;
	padding-left: 20px;
}
a.up0 {
	background: url(img/up.png) center right no-repeat;
	padding-right: 16px;
}
a.up1 {
	background: url(img/down.png) center right no-repeat;
	padding-right: 16px;
}
a.help {
	background: url(img/help.png) center left no-repeat;
	padding-left: 18px;
}
a.print {
	background: url(img/printer.png) center left no-repeat;
	padding-left: 20px;
}

ul a#m_moi		{ background-image: url(img/status_online.png); }
ul a#m_mes_resultats	{ background-image: url(img/award_star_gold_3.png); }
ul a#m_mclub_inscrit	{ background-image: url(img/eye.png); }
ul a#m_mclub_tournoi	{ background-image: url(img/medal_gold_3.png); }

ul a#m_mon_club		{ background-image: url(img/house.png); }
ul a#m_mclub		{ background-image: url(img/user-group-icon.png); }
ul a#m_forum_club	{ background-image: url(img/emoticon_happy.png); }
ul a#m_mclub_joueur_b	{ background-image: url(img/tux.png); }
ul a#m_mclub_joueur_p	{ background-image: url(img/group.png); }
ul a#m_import		{ background-image: url(img/user_add.png); }
ul a#m_edit_club	{ background-image: url(img/cog.png); }
ul a#m_mclub_poona	{ background-image: url(img/ffba.png); }
ul a#m_mclub_badiste	{ background-image: url(img/badiste.png); }
ul a#m_mclub_cal	{ background-image: url(img/calendar_view_day.png); }


ul a#m_deco2		{ background-image: url(img/door_out.png); }
ul a#m_badiste		{ background-image: url(img/badiste.png); }
ul a#m_stat		{ background-image: url(img/chart_bar.png); }
ul a#m_poona_stat	{ background-image: url(img/chart_pie.png); }
ul a#m_present		{ background-image: url(img/script.png); }
ul a#m_rss		{ background-image: url(img/feed.png); }
ul a#m_liens		{ background-image: url(img/flag_blue.png); }
ul a#m_themes		{ background-image: url(img/color_swatch.png); }
ul a#m_tournoi_liste	{ background-image: url(img/application_view_detail.png); }
ul a#m_tournoi_region	{ background-image: url(img/carte_france_icone2.png); }
ul a#m_mode_emploi	{ background-image: url(img/book.png); }
ul a#m_inscrits		{ background-image: url(img/eye.png); }
ul a#m_resultats	{ background-image: url(img/award_star_gold_3.png); }
ul a#m_joueur_badiste	{ background-image: url(img/tux.png); }
ul a#m_poona_joueur	{ background-image: url(img/user.png); }
ul a#m_poona_arbitre	{ background-image: url(img/user_green.png); }
ul a#m_poona_entraineur { background-image: url(img/user_red.png); }
ul a#m_poona_class	{ background-image: url(img/color_wheel.png); }
ul a#m_poona_etr	{ background-image: url(img/world2.png); }
ul a#m_club		{ background-image: url(img/chart_organisation.png); }
ul a#m_liste_club	{ background-image: url(img/carte_france_icone2.png); }
ul a#m_poona_orga	{ background-image: url(img/ffba.png); }
ul a#m_bad		{ background-image: url(img/poona2.png); }
ul a#m_bad_present	{ background-image: url(img/script.png); }
ul a#m_bad_blessure	{ background-image: url(img/doctor.png); }
ul a#m_bad_fond		{ background-image: url(img/image.png); }
ul a#m_bad_video	{ background-image: url(img/film.png); }
ul a#m_bad_cout		{ background-image: url(img/money_euro.png); }
ul a#m_bad_volants	{ background-image: url(img/sport_shuttlecock.png); }
ul a#m_bad_raquettes	{ background-image: url(img/sport_raquet.png); }
ul a#m_bad_chaussures	{ background-image: url(img/shoes.png); }
ul a#m_stage		{ background-image: url(img/weather_sun.png); }

ul a#m_new_club		{ background-image: url(img/add.png); }
ul a#m_new_tournoi	{ background-image: url(img/add.png); }
ul a#m_new_joueur	{ background-image: url(img/add.png); }
ul a#m_news		{ background-image: url(img/newspaper.png); }
ul a#m_news2		{ background-image: url(img/newspaper_add.png); }

ul a#m_accueil		{ background-image: url(img/house.png); }
ul a#m_ident		{ background-image: url(img/door_in.png); }
ul a#m_inscrire		{ background-image: url(img/application_edit.png); }
ul a#m_profil		{ background-image: url(img/cog.png); }
ul a#m_mes_tournoi	{ background-image: url(img/heart.png); }
ul a#m_tournoi		{ background-image: url(img/medal_gold_3.png); }
ul a#m_calendar		{ background-image: url(img/calendar_view_day.png); }
ul a#m_joueur		{ background-image: url(img/group.png); }
ul a#m_deco		{ background-image: url(img/door_out.png); }
ul a#m_forum		{ background-image: url(img/emoticon_happy.png); }
ul a#m_boutik		{ background-image: url(img/sport_raquet.png); }
ul a#m_log		{ background-image: url(img/eye.png); }
ul a#m_club_user	{ background-image: url(img/chart_organisation.png); }
ul a#m_a_propos		{ background-image: url(img/information.png); }

ul a#m_top		{ background-image: url(img/coupe.png); }
ul a#m_top_fr		{ background-image: url(img/france.png); }
ul a#m_top_sh		{ background-image: url(img/france.png); }
ul a#m_top_sd		{ background-image: url(img/france.png); }
ul a#m_top_dh		{ background-image: url(img/france.png); }
ul a#m_top_dd		{ background-image: url(img/france.png); }
ul a#m_top_mh		{ background-image: url(img/france.png); }
ul a#m_top_md		{ background-image: url(img/france.png); }
ul a#m_top_monde	{ background-image: url(img/world2.png); }

#cherche input {
	background: url(img/zoom.png) center left no-repeat #FFF;
	padding-left: 16px;
	padding-top: 0.2em;
	padding-bottom: 0;
	margin-left: 0.1em;
	width: 12em;
	width: 9em;
	font-size: 0.8em;
	font-weight: bold;
	color: #336;
}
#cherche a.recherche {
	display:inline;
	padding: 0;
	margin: 0;
	position: relative;
	top: 3px;
	border: 0;
}
#menu a.help, #menu a.help:hover,
#menu a.help:focus, #menu a.help:active {
	background-color: transparent;
	border: none;
	display: inline;
	width: auto;
	margin: 0;
	padding: 0;
	position: relative;
	top: 3px;
}

/*********************
 *	Forum	     *
 *********************/

.f_pseudo {
	font-weight: bold;
}

.f_date {
        font-style: italic;
        font-size: 0.85em;
}
.f_action {
        font-style: italic;
        font-size: 0.7em;
}
/* forum#a:visited { */
.forum a {
        color: #00F;
}
/* forum#a:visited { */
.forum a:visited {
        color: #C6C;
}
.f_post, .f_post_exp {
/*         border-left: 1px dotted #333; */
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 2em;
	width: 90%;
	min-width: 40em;
	max-width: 51em;
        padding: 1em;
}
.f_post_exp {
	margin-top: .3em;
	margin-bottom: 1em;
        padding: 0 0 0 .5em;
}
.f_titre {
/*         text-align: center; */
	font-weight: bold;
        font-size: 1.1em;
}
div.f_add {
        margin: 0 auto;
        width: 50em;
}
.f_add textarea {
	font-size: 1em;
}
.f_add input {
        margin-top: 0.3em;
        font-size: 1em;
	width: 50em;
	font-weight: normal;
}
.f_add input.news {
	width: 1em;
}
.f_add label.news {
        top: 0em;
}
.f_add input.bouton {
        display: block;
	width:8em;
/*         margin-left:20em; */
        margin: 0 auto;
}


/* Couleur classement */
.cl_T,.cl_E {
	background-color: #909090;
	color: #000;
/* 	-moz-border-radius: 1em; */
}
.cl_A,.cl_P {
	background-color: #cd6839;
	background-color: #cf7041;
	background-color: #dd6839;
	color: #000;
/* 	-moz-border-radius: 1em; */
}
.cl_B {
	background-color: #63b8ff;
	background-color: #83d0ff;
	color: #000;
/* 	-moz-border-radius: 1em; */
}
.cl_C {
	background-color: #e6e6fa;
	background-color: #9aff9a;
	color: #000;
/* 	-moz-border-radius: 1em; */
}
.cl_D,.cl_M {
	background-color: #f5deb3;
	background-color: #ffff88;
	background-color: #FCFC66;
	color: #000;
/* 	-moz-border-radius: 1em; */
}
.cl_N,.cl_- {
	background-color: #fffff0;
/* 	background-color: #ebebeb; */
	color: #000;
/* 	-moz-border-radius: 1em; */
}
.cl_0,.cl_V {
	background-color: #ffffff;
	color: #000;
}

/* menu */


/** Menu */
div#menu {
	font: 1em "Times New Roman", Times, sans-serif;
        position: absolute;
        left: 0;
        top: 0;
	margin: 0;
	padding-top: 111px;
 	background: url(logo/logo-bleu2-g2.jpg) no-repeat 10px 5px #08A;
	float: left;
	width: 12em;
}
#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
/* 	width: 12em; */
}
#menu li.empty {
	font-size: 0.8em;
}

#menu a {
	line-height: 1.5em;
/*
	border: 3px groove #000;
*/
	color: #FFF;
	display: block;
	text-decoration: none;
        background-repeat: no-repeat;
	background-position: 0.2em;
	font-weight:bold;
}
div#menu ul.nav2 li,
div#menu li.submenu {
	position: relative;
	list-style:none;
	margin:0px;
	border: 1px solid #CCC;
	color: #FFFFFF;
	background-color: #026;
}
div#menu li li:hover {
	background: #EBB;
}
div#menu ul.nav2 li:hover,
div#menu li.submenu:hover {
	background-color: #0FF;
	color: #000;
}
div#menu ul a {
	width: inherit;
}
div#menu ul ul {
	position: absolute;
	top: -1px;
}

div#menu > ul {
	margin: 0;
	padding: 0em 0.5em 0em 0.5em;
	width: 11em;
}
div#menu ul ul {
	left: 10.9em;
	display:none;
	border: 1px solid;
	z-index: 200;
}
div#menu li a {
	display: block;
	padding: 0.25em 0 0.25em 2em;
	text-decoration: none;
	width: auto;
	border-left: 0.5em solid #BBB;
}

div#menu ul#nav li.submenu:hover ul.nav2 {
	width:14em;
	display:block;
} 

/*
div#menu ul.nav2 ul {
	left: 14em;
}
div#menu ul.nav2 li a {
	width: 14em;
}

div#menu ul.nav2 li.submenu:hover ul.nav3 {
	width:10em;
	display:block;
}
*/

/*
div#menu li a:hover {
	border-left-color: red;
}
div#menu ul ul li a:hover {
	border-left-color: #00FF00;
}
div#menu ul ul ul li a:hover {
	border-left-color: #0000FF;
}
*/

TABLE.tux2 {
	width: auto !important;
}
TABLE.tux2 TD {
	font-size: 1.1em;
	padding: 0.1em .5em 0.1em .5em !important;
}
TR.win,TD.win {
	background-color: #E2FAFF;
}
TR.los,TD.los {
	background-color: #FFDCDC;
}



/* onglets */

#tabmenu {
	color: #000;
	border-bottom: 2px solid #888;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	z-index: 1;
	padding-left: 10px;
}

#tabmenu li {
	display: inline;
	overflow: hidden;
	list-style-type: none;
}

#tabmenu a, a.active {
	color: #DEDECF;
	color: #FFF;
	background: #898B5E;
	background: #026;
	font: bold 1em "Times New Roman", Times, sans-serif;
	border: 2px solid #888;
	padding: 2px 5px 0px 5px;
	margin: 0;
	text-decoration: none;
}

#tabmenu a.active {
	background: #ABAD85;
	color: #000;
	background: #FFFFFF;
	border-bottom: 3px solid #ABAD85;
	border-bottom: 3px solid #FFFFFF;
}

#tabmenu a:hover {
	color: #fff;
	background: #ADC09F;
	background: #0FF;
}

#tabmenu a.active:hover {
	background: #ABAD85;
	background: #FFFFFF;
	color: #DEDECF;
	color: #000000;
}

#tabcontent {
	background: #ABAD85;
	background: #FFF;
	padding: 20px;
	border: 2px solid #888;
	border-top: none;
	z-index: 2;
}

/*  News */
div#contenu div.news h4 {
	font-size: 1.8em;
	color: #555;
        border: none;
	-moz-border-radius: none;
	padding: 0 0 .8em 0;
	margin: 0;
	text-align: left;
}
div.news {
	font-family:Verdana,Serif;
	border: 1px solid #003;
	width: 700px;
	font-size: 1.2em;
	padding: 1em 1em .5em 1em;
	margin: 0 auto;
	margin-bottom: 1em;
}
div.news div.author {
	color: #777;
	font-size: 0.9em;
}
div.author img {
	float:left;
	margin-right: .5em;
}
div.news div.resume {
	color: #000;
	padding: 2.5em 0 1.5em 0;
        font-weight: bold;
}
div.news div.forum {
	font-size: 0.8em;
	text-align: right;
}
div.news h4 a {
	color: #555;
}