/* Definitions des styles de base du club */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);


body{ font-family:'Open Sans', sans-serif; font-weight:400;	 font-size:14px; }
a:link, 
a:hover, 
a:active, 
a:visited{ text-decoration: none;color:#027ad8;}
b, strong{ font-family: 'Open Sans', sans-serif; 	font-weight:700;	font-size:14px; }

.tc-logo img
{
	max-width:270px;
}

/* TEINTE DU LOGO : ROSE FONCE */
.logo_base				{	background:	#e9534a;	} 
.logo_light				{	background:	#fd8b7f;	}
.logo_dark				{	background:	#d51b15;	}
.logo_text				{	color: 		#ffffff;	}
.logo_text_alt			{	color: 		#d51b15;	}

/* TEINTE TERRAINS EXTERIEURS : ORANGE */
.tennis_ext_base		{	background:	#fb9526;	}
.tennis_ext_libre		{	background:	#fb9526;	}
.tennis_ext_h_creuse	{	background:	#fb9526;	}

.tennis_ext_light		{	background:	#f6cb9b;	}
.tennis_ext_indisp		{	background:	#f6cb9b;	}

.tennis_ext_dark		{	background:	#fb9526;	}
.tennis_ext_membre		{	background:	#1b8829;	}
.tennis_ext_non_membre	{	background:	#1b8829;	}
	
.tennis_ext_text		{	color: 		#ffffff;	}
.tennis_ext_alt			{	color: 		#fb9526;	}


/* TEINTE TERRAINS INTERIEURS : BLEU */
.tennis_int_base		{	background:	#1c79ff;	} 
.tennis_int_libre		{	background:	#1c79ff;	} 
.tennis_int_h_creuse	{	background:	#1c79ff;	} 

.tennis_int_light		{	background:	#b0c9ea;	}
.tennis_int_indisp		{	background:	#b0c9ea;    }

.tennis_int_dark		{	background:	#195aab;	}
.tennis_int_membre		{	background:	#1b8829;	}
.tennis_int_non_membre	{	background:	#1b8829;	}

.tennis_int_text		{	color: 		#ffffff;	}
.tennis_int_alt			{	color: 		#195aab;	}

/* TEINTE TERRAINS BADMINTON : vert */
.bad_base				{	background:	#6eab5d;	}
.bad_libre				{	background:	#6eab5d;	}
.bad_h_creuse			{	background:	#6eab5d;	}

.bad_light				{	background:	#9ac192;	}
.bad_indisp				{	background:	#9ac192;	}

.bad_dark				{	background:	#0f7e31;	}
.bad_membre				{	background:	#0f7e31;	}
.bad_non_membre			{	background:	#0f7e31;	}


.bad_text				{	color: 		#ffffff;	}
.bad_alt				{	color: 		#0f7e31;	}


/* TEINTE DE BASE : VERT */
.couleur_1_base			{	background:	#027ad8;	} 
.couleur_1_light		{	background:#96bef2;	}
.couleur_1_dark			{	background:	#0467b5;	}
.couleur_1_text			{	color: 		#ffffff;	}
.couleur_1_alt			{	color: 		#f16031;	}

/* TEINTE ALTERATIVE : ORANGE */
.couleur_2_base			{	background:	#f16031;	} 
.couleur_2_light		{	background:	#027ad8;	}
.couleur_2_light_inv		{	background:#1c79ff;	}
.couleur_2_dark			{	background:	#16549f;	}
.couleur_2_text, .couleur_2_text span		{	color: 		#ffffff;	}
.couleur_2_text_inv		{	color: 		#ffffff;	}
.couleur_2_alt			{	color: 		#f16031;	}

.barre-top .couleur_1_base {	background:	#cc3300;	}
.couleur-impossible{
	background-color:#CCC;
	color:#ffffff;
	cursor:not-allowed;
}


/* RESERVATIONS SPECIALES */
.prof			{ 	background-color:	#717171; 	}
.tournoi		{	background-color:	#e56ff0; 	}
.ticket			{	background-color: 	#00FF66;	}
.club			{	background-color: 	#cc3300;	}
.club_annuelle	{	background-color: 	#cc3300;	}
.equipes		{	background-color: 	#032e8e;	}
.ecole			{	background-color: 	#802305;	}
.entretien		{	background-color: 	#fd0202;	}
.entrainement	{	background-color: 	#7419f1;	}
.yellow	{	background-color: 	#ffcc00;	}

.non_membre { background-color: #336B91;}
/* DIVERS */
.texte_gras_couleur {
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:16px;
	color: #f16031;
}


 ul.ui-autocomplete li:hover{
	  color:#ffffff;
	  background-color:#f16031;
  }

/* BOUTONS */
.btn-top, 
.btn-group-top > .btn {
	/* ETAT DE BASE */
	background-color:#027ad8;
	color:#ffffff;
	border: none;
}

.btn-top:hover,
.btn-top:focus,
.btn-top.focus,
.btn-top:active,
.btn-top.active,
.open > .dropdown-toggle.btn-top {
	/* SURVOL */
	color: #ffffff;
	background-color: #f16031; 
	border: none;
}



.btn-num, 
.btn-group-num > .btn {
	background-color:#96bef2;
	color:#ffffff;
}

.btn-num:hover,
.btn-num:focus,
.btn-num.focus,
.btn-num:active,
.btn-num.active,
.open > .dropdown-toggle.btn-num {
	color: #ffffff;
	background-color: #0467b5;
 }
 
 
 .arrow-left,
 .arrow-left-top, 
 .arrow-left-bottom, 
 .arrow-left-middle  {
	border-right:10px solid #027ad8; 
 }
 
 .btn-action {
  
  background-color:#027ad8;
  color:#ffffff !important;
   border: none;
}

.btn-action:hover,
.btn-action:focus,
.btn-action.focus,
.btn-action:active,
.btn-action.active,
.open > .dropdown-toggle.btn-action {
  color: #ffffff;
  background-color: #0467b5;
  border: none;
}

.btn-ok {  
  background-color:#027ad8;
  color:#ffffff;
   border: none;
  
}

.btn-ok:hover,
.btn-ok:focus,
.btn-ok.focus,
.btn-ok:active,
.btn-ok.active,
.open > .dropdown-toggle.btn-ok {
  color: #ffffff;
  background-color: #0467b5;
  border: none;
}



/****************************LIENS TABLEAUX *********************/

ul.menu_tableaux li
{
	/*width:97px;
	height:70px;*/
	width : 160px;
	height: 45px;
	margin-left:10px;
	/*border-radius:10px;*/
}


ul.menu_tableaux li a:link, ul.menu_tableaux li a:hover, ul.menu_tableaux li a:visited, ul.menu_tableaux li a:active{
	font-size:11px;
	color:#ffffff !important;
	font-weight:bold;
	line-height: 12px;
	text-decoration:none;
	text-transform:uppercase;
	vertical-align:middle;
	 margin-top: -3px;
	white-space:nowrap;	
	
}


@media all and (max-width:769px)
{
	ul.menu_tableaux li
{
	
	margin-bottom:8px;
	margin-right:12px;
	
}
}
/*
@media all and (min-width:769px) and (max-width:1001px)
{
	ul.menu_tableaux {
		
		margin-left:-26px ;
	}
	ul.menu_tableaux li
{
	width : 115px;	
	padding:0 !important;
	margin-right:0;
	
}

ul.menu_tableaux li a:link, ul.menu_tableaux li a:hover, ul.menu_tableaux li a:visited, ul.menu_tableaux li a:active{
	font-size:10px;
	    margin-left: -17px;
    margin-right: -17px;

	
}


}

*/



 li.tennis_int{
	background-color:#1c79ff;

}
li.tennis_ext{
	background-color:#fb9526;

}
li.bad{
	background-color:#6eab5d;

}
li.squash{
	background-color:#1c79ff;

}
 li.tennis_int:hover{
	background-color:#5b8cff;

}
 li.tennis_ext:hover{
	background-color:#f6cb9b;

}
 li.bad:hover{
	background-color:#9ac192;

}
 li.squash:hover{
	background-color:#bad1f1;

}

.bottom_links{
	
	/*border-radius:10px;*/	
	margin:10px 0px;
    padding-top: 4px;
	height:46px;
	cursor:pointer;
}
.bottom_links a:link,.bottom_links a:hover,.bottom_links a:active,.bottom_links a:visited {
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
}

td.entete_icone
{
	/*border-top-left-radius:6px;
	border-bottom-left-radius:6px;*/
}
td.entete_texte{
	/*border-top-right-radius:6px;
	border-bottom-right-radius:6px;*/
}
.pave-gauche td, .pave-gauche, .pave-numerique
{
	/*border-radius:6px;*/
}