html, body 
{
//	font-family: "Bree Serif",serif;
	font-family: "Roboto";
	margin:0px;
}
.hide
{
	display:none !important;
}

.dropdown
{
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content
{
//	top:0px;
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	width: 100%;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

.dropdown-content-equipe
{
	top:40px;
}

.dropdown-content a
{
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content
{
	display: block;
}

.samLabel
{
	text-decoration:none;
	color:black;
}
.samButton
{
	text-decoration:none;
	color:black;
	padding:3px 5px 3px 5px;
	border:1px solid lightgray;
	border-radius: 10px;
	background:transparent;
	font-size:16px;
	cursor:pointer;
}
#entete
{
	width:100%;
	height:150px;
}
#enteteImage
{
	background-image:url("/sport/images/terrainBlackLake.jpg");
	background-size: 100% 150px;
	opacity:1;
	width: 100%;
	height: 100%;
}
#enteteImageHockey
{
	background-image:url("/sport/images/hockey.jpg");
	background-size: 100% 150px;
	opacity:1;
	width: 100%;
	height: 100%;
}
#enteteImageSport
{
	background-image:url("/sport/images/sport.jpg");
	background-size: 100% 150px;
	opacity:1;
	width: 100%;
	height: 100%;
}
#enteteTitre 
{
	position:absolute;
	top:0px;
	opacity:1;
	color:black;
	width:99%;
	vertical-align:middle;
	font-size:50px;
	line-height:150px;
	height:150px;
	text-align:center;
	overflow:hidden;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}
#enteteMenu
{
	width:100%;
}
.enteteMenuItem
{
	background-color:black;
	text-decoration:none;
	color:white;
	padding-top:10px;
	padding-bottom:10px;
	width:12.5%;
	display:inline-block;
	text-align:center;
}

.enteteMenuItem.active
{
	background-color:#555555;
}

.enteteMenuItem:hover
{
	background-color:#333333;
}
.subMenuItem
{
	background-color:black;
	text-decoration:none;
	color:white;
	padding:10px;
	padding:10px;
	display:inline-block;
	text-align:center;
}

.subMenuItem.active
{
	background-color:#555555;
}

.subMenuItem:hover
{
	background-color:#333333;
}

#enteteConnectionPanel
{
	display:inline-block;
}
#enteteAndroid
{
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	width:150px;
	height:150px;
}
#enteteAndroid #enteteAndroidBack
{
	position:absolute;
	right:0px;
	top:0px;
	background-color:white;
	opacity:0.8;
	width:150px;
	height:150px;
}
#enteteAndroid #enteteAndroidImage
{
	position:absolute;
	right:0px;
	top:0px;
}
#enteteAndroidInformation
{
	position:absolute;
	right:150px;
	top:0px;
	left:150px;
	padding-top:10px;
	padding-bottom:30px;
	padding-right:50px;
	padding-left:50px;
	z-index:100;
	background-color:white;
	border:1px solid black;
}
#enteteAndroidInformation .title
{
	font-size:40px;
	text-align:center;
	color:red;
	padding-bottom:20px;
}
#enteteAndroidInformation .close
{
	position:absolute;
	right:0px;
	top:0px;
	padding:10px;
	background-color:lightgrey;
	cursor:pointer;
}
#enteteAndroid img
{
	max-width:150px;
	max-height:150px;
}
#enteteSaison
{
	background-color:white;
	padding:5px 5px 5px 5px;
	position:absolute;
	left:0px;
	height:40px;
	top:0px;
	border-bottom-right-radius:10px;
	display:inline-block;
	z-index:1000;
}
#enteteConnection
{
	background-color:white;
	padding:5px 5px 5px 5px;
	position:absolute;
	right:0px;
	height:40px;
	top:0px;
	border-bottom-left-radius:10px;
	display:inline-block;
}
#enteteConnection .labelUserConnect
{
	color:gray;
	font-size:12px;
}
#enteteConnectionButton
{
	display:inline-block;
}
#enteteFormulaireLogin
{
	margin:0px;
}
#enteteFormulaireLogin .label
{
	color:grey;
}
#enteteFormulaireLogin input[type="text"],input[type="password"]
{
	border-style: none none solid;
}


#classement table
{
	width:100%;
}
#classement #statistique
{
	width:7%;
	text-align:right;
}
#classement .equipe
{
	text-align:left;
}
#classement th
{
	font-style:italic;
	font-weight:normal;
}
#cedule th
{
	font-style:italic;
	font-weight:normal;
}
#cedule table
{
	width:100%;
}
#cedule .date
{
	width:180px;
}
#cedule td.date
{
	text-align:right
}
#cedule th.date
{
	text-align:left
}
#nouvelle
{
	margin-right:410px;
}
#nouvelle .icons
{
	display:inline-block;
}
#nouvelle #listeNouvelle
{
	padding:10px;
}
#nouvelle div.titre
{
	font-size:30px;
	display:inline-block;
}
#nouvelle input.titre
{
	width:400px;
}
#nouvelle .dateNouvelle
{
	font-size:12px;
	display:inline-block;
	float:right;
	padding-right:20px;
}
#nouvelle .edit-titre
{
	display:inline-block;
}
#nouvelle .description
{
	padding:20px;
}

#nouvelle .description img
{
	max-width:400px;
	max-height:400px;
}

#rightPanel
{
	padding:10px;
	position: absolute;
	width: 400px;
	right:0px;
//	background-image:linear-gradient(to left,white, lightgray);
	background:#EEEEEE;
}

#classementResume
{
	padding-bottom:20px;
}
#classementResume .titre
{
	font-size:25px;
}
#classementResume th
{
	font-style:italic;
	font-weight:normal;
}
#meneurResume
{
	padding-bottom:20px;
}
#meneurResume .titre
{
	font-size:25px;
}
#menurResume th
{
	font-style:italic;
	font-weight:normal;
}

#dernierResultat
{
	padding-bottom:20px;
}
#dernierResultat .titre
{
	font-size:25px;
}
#dernierResultat .date
{
	font-style:italic;
	padding-top:5px;
}
#dernierResultat .partie
{
	padding-left:10px;
	padding-top:5px;
}
#dernierResultat .equipe
{
	font-weight:bold;
}

#prochainePartie .titre
{
	font-size:25px;
}
#prochainePartie .date
{
	font-style:italic;
	padding-top:5px;
}
#prochainePartie .partie
{
	padding-left:10px;
	padding-top:5px;
}
#prochainePartie .equipe
{
	font-weight:bold;
}


.generaleLienEquipe
{
	text-decoration: none;
	color:black;
	font-weight:bold;
}
.generaleLienJoueur
{
	text-decoration: none;
	color:black;
	font-weight:bold;
}

#statistique
{
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
}
#statistique a
{
	color:black;
	font-weight:bold;
	font-size:30px;
}

#statistiqueJoueur .titre
{
	font-size:30px;
	text-align:center;
}
#statistiqueJoueur table
{
	max-width:1200px;
	min-width:1000px;
}

#statistiqueJoueur .joueur
{
	text-align:left;
	width:400px;
}
#statistiqueJoueur .stats input
{
	width:70px;
}
#statistiqueJoueur th
{
	text-align:right;
}
#statistiqueJoueur td
{
	text-align:right;
}

#partie #resultat td
{
	padding: 10px 20px;
	text-align:center;
}
#partie #resultat th
{
	padding: 10px 20px;
	text-align:center;
}
#joueurDetail img
{
	max-width:100%;
}
#equipe img
{
	max-width:100%;
}
#photo img
{
	max-width:100%;
}
.imageNouvelle
{
	max-width:400px;
	max-height:400px;
}
.enSauvegarde
{
	background-color:grey;
}
.table-cedule
{
	border-collapse: collapse;
}
.tr-cedule
{
	border-bottom:1px solid lightgray;
}
.show-presence
{
	color:black;
	background-color:yellow;
}
.show-presence1
{
	color:black;
	background-color:white;
}
.show-presence2
{
	color:black;
	background-color:red;
}



.dropbtndown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropbtndown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 50px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropbtndown-content button {
  color: black;
  padding: 2px;
width:100%;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropbtndown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.showItem {display:block;}

.montantDu
{
	color:red;
	font-weight:bold;
}