/*****************************************************
***** pour overruler menu.css (widget menu) ***** 
*****************************************************/
/*.sf-menu li {
	background: #AD5620 !important; /*#BDD2FF;
}
.sf-menu li li {
	background: #AD6620 !important; /*#AABDE6;
}
.sf-menu li li li {
	background: #AD7620 !important; /*#9AAEDB;
}

.sf-menu li li li {
	background:		#99ACE2#;
	text-transform: none;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour
	color: #fff !important;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background-color: #4A795D !important; /*#CFDEFF;
	color: #FFFF66 !important
}*/

/* Niveau 1 */
.menu-root > li {
    background: #AD5620 !important;
}

/* Niveau 2 */
.menu li ul {
    background: #AD6620 !important;
}

/* Niveau 2 li (fond individuel si besoin) */
.menu li ul li {
    background: #AD6620 !important;
}

/* Niveau 3 */
.menu li ul li ul {
    background: #AD7620 !important;
}

/* Liens : texte blanc */
.menu a,
.menu a:visited {
    color: #fff !important;
}

/* Hover / focus / active */
.menu li:hover > a,
.menu li.sfHover > a,
.menu a:focus,
.menu a:hover,
.menu a:active {
    background-color: #4A795D !important;
    color: #FFFF66 !important;
}
.menu-toggle {
    background: #AD5620 !important; /* même fond que niveau 1 */
    color: #fff !important;          /* texte blanc */
}


/**************************************************
***** pour le paliatif title (cf resaclic.js) *****
**************************************************/
.w_attr_title {
  position: absolute;
  top: 15px;
  left: 15px;
  background: silver;
  padding: 4px;
  /*white-space: nowrap;*/
  z-index: 10;
}
table.table td {
	position: relative;
}

/**********************************
***** CSS spécifique resaclic *****
**********************************/
body {
	background-image: url("../img/fond.gif");
}
.bandeau { /* bandeau de réservation */
	position: -webkit-sticky;
	/*sticky;*/
	position: sticky;
	top: 5px;
	background-color: #CCDDFF;
	z-index: 50;
	opacity: 0.9;
	box-shadow: 6px 6px 6px black;
}
.tit {
	font-size: large;
	color: #DD5522;
}
.tit2 {
	font-size: medium;
	color: #DD5522;
}
.tit3 {
	color: #DD5522;	
}

a:hover {
	color: #DD5522;
}

/**** tableau des resa ****/
.warn_resa { /* tableau de résa - message de consignes */
	color: #FFF;
	font-size: 14px;
	background-color: #C60;
	font-style: italic;
	border: 3px double #F00;
	padding: 5px;
}
div.titre_jour_resa { /* affichage de la ligne avec la date dans les tableaux de réservation */
	font-family: Verdana, Helvetica, sans-serif;
	color: #0000CC;
	font-size: 12px;
	padding-top: 5px;
	/*font-weight: bold;*/
	/*filter:blur(add=true,direction=135, strength=1);*/
}
table.table { /* tableau de résa */
	border: 0px;
	cellpadding: 3;
	cellspacing: 1;
}
table.table td { /* tableau de résa */
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
}
table.table td:first-child { /* tableau de résa - 1è colonne */
	text-align: left;
}
table.ferme { /* pour marquer les jours de fermeture */
	border: 5px solid #f23333;
}
div.ferme { /* pour marquer les jours de fermeture */
	color: #f23333;
}
table._________table tr:first-child td { /* ligne d'entete du tableau de réservation => marche pas sous IE11*/
	color: #660000;
	font-weight: bold;
	background-color: #d2ddbb;
}
table.table th { /* ligne d'entete du tableau de réservation */
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #660000;
	background-color: #d2ddbb;
	/*text-align: center; => déjà par défaut avec th */
	/*font-weight:bold; => déjà par défaut avec th */
}

table.table tr:nth-child(odd) td { /* ligne impaire du tableau de réservation */
	color: #990000;
	background-color: #FAFADD;
}
table.table tr:nth-child(even) td { /* ligne paire du tableau de réservation */
	color: #990000;
	background-color: #E3E3DD;
}
table.table tr:nth-child(odd) td.td3, table.table tr:nth-child(even) td.td3 { /* case réservée par le joueur courant */
	background-color: #FFDD77; /* orange */
}
table.table tr:nth-child(odd) td.sel { /* case selectionnée (ligne impaire) */
	background-color: #FF3300;
}
table.table tr:nth-child(even) td.sel { /* case selectionnée (ligne paire) */
	background-color: #FF3366;
}
table.table tr:nth-child(odd) td.td3.sel, table.table tr:nth-child(even) td.td3.sel { /* case réservée par le joueur courant + sélection*/
	background-color: #FF33FF; /* violet */
}
div.table_resa { /* le tableau de réservation ne dépasse pas du cadre */
	max-width: 100%;  
	overflow: auto;
}

.td1 { /* ligne paire du tableau de réservation */
	color: #990000;
	background-color: #FAFADD;
}
.td2 { /* ligne impaire du tableau de réservation */
	color: #990000;
	background-color: #E3E3DD;
}
.td9 { /* case td1 selectionnée */
	background-color: #FF3300;
}
.td8 { /* case td2 selectionnée */
	background-color: #FF3366;
}
.td7 { /* case td3 selectionnée */
	background-color: #FF33FF; /* violet */
}
a[href].libre  { /* span.libre, a:link.libre, a:visited.libre */
	color: #669900; /* vert */
}
a.libre  { /* span.libre, a:link.libre, a:visited.libre */
	color: #333333; /* gris */
}
.occ  { /* a:link.occ, a:visited.occ */
	color: #990000; /* rouge sombre */
}
.occ_club { /* a.occ_club, a:link.occ_club, a:visited.occ_club */
	color: #6600FF; /* violet */
}
a[href].libre:hover, a[href].occ:hover, a[href].occ_club:hover {
	color: #6666FF; /* bleu */
}

/**** tableau des resa : popup (ou zone de saisie) ****/
.lib_pop {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
}
p.lib_pop {
	color: #d52;
}
input.nor, input.val, input.lib {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
button.val {
    padding: 0px 12px;
	color: #990000; /* rouge foncé */
}
button.lib {
    padding: 0px 12px;
}

/**** tableau des resa/resamodif : liste des joueurs (select) ****/
option.capi { /* accessible aux capitaines */
	background-color: yellow;
}
option.club { /* type resa club */
	background-color: darkkhaki;
}
option.zero { /* droit=0 */
	color: orange;
}
option.nega { /* droit<0 */
	color: red;
}
option.invit { /* invité I et J */
	color: blue;
}
option.pb { /* problème (partenaire résilié ou inexistant) */
	background-color: red;
}


/**** tableaux de resamodif ****/
table.resamodif {
	border: 0;
	cellspacing: 2;
	cellpadding: 3;
}
table.resamodif th, .___tr0 { 
	background-color: #FF6699;
	/*font-weight: bold;   déja inclus dans th */
}
table.resamodif tr:nth-child(even), .___tr1 {
	background-color: #FFCCFF;
}
table.resamodif tr:nth-child(odd), .___tr2 {
	background-color: #FF99FF;
}
table.resamodif td {
	text-align: center;
	font-size: small; /*x-small*/
}
table.resamodif tr.pasclos { /* dans le bilan des invits, une résa en cours */
	color: #006600;
}



/**** tableau adm_cal ****/
.table2 th {
	background-color: #FFFF99;
}
.table2 tr {
	background-color: #FFFFCC;
}
.table2 td.sel {
	background-color: #9F6;
}



/**** ou??? *****/
._____trs { /* ????? */
	font-size: 9px;
	text-align: center;
}



A:LINK.___menu, A:VISITED.____menu {
	color: #990000;
	font-size: 12px;
	font-weight: normal;
}
A:HOVER.____menu {
	color: #669900;
	font-size: 12px;
	font-weight: normal;
}




/**********************************************
***** CSS du site historique asptt tennis *****
**********************************************/
.arrondi_haut_degrade_vert {
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	background-image:linear-gradient(to bottom, #88BB88, #336633);
	text-align: center;
	text-transform: uppercase;
	line-height: 45px;
}
.arrondi_haut_degrade_marron {
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	color: #FFFFFF;
	font-size: 16px;
	background-image: linear-gradient(to bottom, #EE8855, #993300);
	text-align: center;
	text-transform: uppercase;
	line-height: 30px;
	font-family: Arial, Helvetica, sans-serif
}
.arrondi_gauche_degrade_marron {
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	background-image: linear-gradient(to bottom, #EE8855, #993300);
	text-transform: uppercase;
	vertical-align: center;
	/*line-height: 105px;*/
	padding: 8px;
}
.arrondi {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.table_tarif {
	border: 1px dotted black;
	padding: 2px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #535353;
}

.txt-gris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #535353;
	line-height: 16px;
}
.txt-gris12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #535353;
}
.txt-blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	line-height: 15px;
}
.txt-orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7E3E12;
	line-height: 16px;
}
.txt-vert13{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #2F4D35;
	line-height: 16px;
}
.txt-tt-vert14{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2F4D35;
	line-height: 16px;
}
.txt-tt-vert{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #2F4D35;
	/*line-height: 16px;*/
}
.txt-tt-vert-gd{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #2F4D35;
	/*line-height: 16px;*/
}
.txt-tt-vert-gd-titre{ /*ajout 13/1/17*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #2F4D35;
	text-transform: uppercase;
	/*line-height: 16px;*/
}
.txt-marron{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8C4000;
}
a:visited.lien_vert{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #2F4D35;
	text-decoration: underline;
} 
a:active.lien_vert{
	font-family: Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : #2F4D35;
	text-decoration: underline;
} 
a:hover.lien_vert{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #2F4D35;
	text-decoration: underline;
}
.txt-marron11{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8C4000;
}
a:visited.lien_orange, a:link.lien_orange, a:active.lien_orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7E3E12;
	text-decoration: none;
} 
a:hover.lien_orange{ 
	color: #DD5522;
}
.encadre{
	text-align: justify;
	vertical-align:top;
	margin-top: 0;
	margin-bottom: 0;
	font: 11px/1.5 Verdana, Trebuchet, Lucida, Arial, sans-serif;
	border-style: dashed;
	border-width: 1px;
	border-color: #54846C;
	background-color: #F6CDB6;
}


/***********************************************
***** CSS des widgets spécifiques resaclic *****
***********************************************/
div.w_header_resaclic a:link, div.w_header_resaclic a:visited {
	color: #FFF;
}
div.w_header_resaclic a:hover {
	color: #FF6;
}
div.w_header_resaclic {
	max-width: 968px;
	width: expression(document.body.clientWidth > 968 ? "968px" : "auto"); /* palliatif à max-with pour IE */
	height: 90px;
	background: url('../img/header.gif');
	color: white;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/****** Responsive Design *****/
@media all and (max-width: 850px) {
	div.header_resaclic {
		max-width: 850px;
		min-width: 600px;
	}
}



/*********************************
***** pour écraser cssbb.css *****
*********************************/
.w_subtitle, .w_title{ /*ajout 13/1/17*/
	color: #2F4D35;
}
.w_htmledit { /*ajout 3/11/17*/
	font-family: Arial, Helvetica, sans-serif;
	color: #2F4D35;
	font-size: 13px;
}