body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 8pt;
  color:#000;
}

.generale {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 8pt;
  color:#F00;
}

.form-submit-button {
	background: #0066A2;
	color: white;
	border-style: outset;
	border-color: #0066A2;
	height: 30px;
	width: 100px;
	font: bold 15px arial, sans-serif;
	text-shadow:none;
	border-radius:5px;
}

.scrollbar1 {
	font-family: Tahoma, Verdana, Arial;
	font-size:11px;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #FFFFFF;
	scrollbar-darkshadow-color:#999;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color:#F00;
	width:275px;
	height:40px;
	background-color:#FFFFFF; 
	border:0; 
	border-color:#FFFFFF; 
	color:#034373;
	padding:10px;
}



.scrollbar2 {
	font-family: Tahoma, Verdana, Arial;
	font-size:11px;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #FFFFFF;
	scrollbar-darkshadow-color:#999;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color:#F00;
	width:150px;
	height:40px;
	background-color:#FFFFFF; 
	border:0; 
	border-color:#FFFFFF; 
	color:#034373;
	padding:10px;
}

.scroller {
  width: 300px;
  height: 100px;
  overflow-y: scroll;
  scrollbar-color: rebeccapurple green;
  scrollbar-width: thin;
}


A:link {color:#034373; text-decoration:underline}
A:visited {color:#034373; text-decoration:underline}
A:hover {color:#034373; text-decoration: none}

.espace20{
	height:20px;

}

.ligne{
	border-top:1px solid #888888; 
}

.Sommaire{
	font-size:10px;
}

.EnteteGris{
	background-color:#666;
	font-family: 'Oswald', sans-serif;
	font-size:24px;
	color:#FFFFFF;
	line-height: 50px;
	text-align:left;
	text-indent: 20px;
	margin-left: 15px;
	border-radius:5px;
	width:50%;
}

.PetiteEnteteGris{
	background-color:#666;
	font-family: 'Oswald', sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-align:left;
	padding-left: 15px;
	padding-right:15px;
	border-radius:5px;
	vertical-align:middle;
	}

	

.EnteteBleuEchange{
	background-color:#AE9DFD;
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	height:20px;
	padding-left:5px;
	color:#FFFFFF;
	vertical-align:middle;
}

.CoulTxtRegl{
	font-size:14px;
	color:#034373;
	padding-left:5px;
}

.TxtParamSoul{
	font-size:14px;
	color:#034373;
	padding-left:5px;
	font-weight:bold; 
	text-decoration:underline; 
}

.TxtParam{
	font-size:14px;
	color:#034373;
	font-weight:bold;
	padding-left:20px;
}

.BasPage{
	font-size:12px;
	font-style:italic;
	color:#034373;
}

.DateFinissant{
	font-size:12px;
	padding-right:10px;
	color:#034373;
}

.InputBallottage
{
	font-size:10px;
	padding-left:15px;
}

.InputBallottageD
{
	font-size:10px;
	padding-right:30px;
	color:#034373;
}




/********************************************************************************************************************/

/******************************** CSS qui vient de marqueur.com *****************************************************/

/********************************************************************************************************************/

.tt10{font-size:10px;}

.tt12{font-size:12px;}

.tt14{font-size:14px;}



.ttn{font-family: 'Poppins', sans-serif;color:#034373;text-decoration:none;}

.ttg{font-family: 'Poppins', sans-serif;color:#888888;text-decoration:none;}



.ttright{text-align:right;}

.ttcenter{text-align:center;}





.eel{

	background-color:#000;

	font-family: 'Oswald', sans-serif;

	font-size:24px;

	color:#FFFFFF;

	line-height: 50px;

	text-align:left;

	padding-left:10px;

	border-radius:5px;

	width:50%;

	}



.ee2{

	font-size:14px;

	font-family: 'Oswald', sans-serif;

	color:#888888;

	text-align:center;

	text-decoration:none;

	padding:10px;

	line-height:20px;

	border-bottom:1px solid #888888;

	background-color:#EEEEEE;

}



.ee2l{

	font-size:14px;

	font-family: 'Oswald', sans-serif;

	color:#888888;

	text-align:left;

	text-decoration:none;

	border-bottom:1px solid #888888;

	padding:10px;

	line-height:20px;

	background-color:#EEEEEE;

}



.latable{

	border:1px solid #000000;

	border-radius:5px;

	box-shadow:2px 2px 2px #888888;

	background-color:#FFF;

}



.rondir{
	border-radius:5px;
	/*background-image:linear-gradient(to bottom right, #666, #ccc);*/
}

.fermer{
	display:none;	
}

.imgicon{

    float: left;

    position: relative;

    top: 7px;

    margin-right: 10px;

}



.NomJoueur{

	vertical-align:top;

	padding-left:10px;

	padding-bottom:5px;

	color:#034373;

}



.SalaireJoueur{

	vertical-align:top;

	text-align:right;

	color:#034373;

}



.OuvertFermer{

 	font-size:10px; 

	font-weight:bold; 

	color:#F00;

	vertical-align:top;

	font-weight:bold;

	text-align:left;

 }



/****************************************************************************************************************/

/***** La partie plus bas sert pour la recherche d'un joueur												*****/

/****************************************************************************************************************/



::-moz-selection { background: #a4dcec; }

::-webkit-selection { background: #a4dcec; }



::-webkit-input-placeholder { /* WebKit browsers */

  color: #ccc;

  font-style: italic;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

  color: #ccc;

  font-style: italic;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

  color: #ccc;

  font-style: italic;

}

:-ms-input-placeholder { /* Internet Explorer 10+ */

  color: #ccc !important;

  font-style: italic;  

}



input, textarea { 

  -webkit-font-smoothing: antialiased;

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  outline: none; 

}



#topbar {

  background: #4f4a41;

  padding: 10px 0 10px 0;

  text-align: center;

}



#topbar a {

  color: #fff;

  font-size:1.3em;

  line-height: 1.25em;

  text-decoration: none;

  opacity: 0.5;

  font-weight: bold;

}



#topbar a:hover {

  opacity: 1;

}



/** page structure **/

#w {

  display: block;

  width: 750px;

  margin: 0 auto;

  padding-top: 30px;

}



#content {

  display: block;

  width: 100%;

  background: #fff;

  padding: 25px 20px;

  padding-bottom: 35px;

  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;

  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;

  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;

}



#searchfield { display: block; width: 100%; text-align: left; margin-bottom: 35px; }



#searchfield form {

  display: inline-block;

  background: #eeefed;

  padding: 0;

  margin: 0;

  padding: 5px;

  border-radius: 3px;

  margin: 5px 0 0 0;

}



#searchfield form .biginput {

  width: 300px;

  height: 40px;

  padding: 0 10px 0 10px;

  background-color: #fff;

  border: 1px solid #c8c8c8;

  border-radius: 3px;

  color: #aeaeae;

  font-weight:normal;

  font-size: 1.5em;

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  transition: all 0.2s linear;

}



#searchfield form .biginput:focus {

  color: #858585;

}





#searchfield6 { display: block; width: 75%; text-align: left; margin-bottom: 10px; }



#searchfield6 h6 {

  display: inline-block;

  background: #eeefed;

  padding: 0;

  margin: 0;

  padding: 5px;

  border-radius: 3px;

  margin: 5px 0 0 0;

}

#searchfield6 h6 .biginput {

  width: 300px;

  height: 30px;

  padding: 0 10px 0 10px;

  background-color: #fff;

  border: 1px solid #c8c8c8;

  border-radius: 3px;

  color: #aeaeae;

  font-weight:normal;

  font-size: 1.5em;

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  transition: all 0.2s linear;

}



#searchfield6 h6 .biginput:focus {

  color: #858585;

}



.flatbtn {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  display: inline-block;

  outline: 0;

  border: 0;

  color: #f3faef;

  text-decoration: none;

  background-color: #6bb642;

  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

  font-size: 1.2em;

  font-weight: bold;

  padding: 12px 22px 12px 22px;

  line-height: normal;

  text-align: center;

  vertical-align: middle;

  cursor: pointer;

  text-transform: uppercase;

  text-shadow: 0 1px 0 rgba(0,0,0,0.3);

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  -webkit-box-shadow: 0 1px 0 rgba(15, 15, 15, 0.3);

  -moz-box-shadow: 0 1px 0 rgba(15, 15, 15, 0.3);

  box-shadow: 0 1px 0 rgba(15, 15, 15, 0.3);

}

.flatbtn:hover {

  color: #fff;

  background-color: #73c437;

}

.flatbtn:active {

  -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);

  -moz-box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.1);

  box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.1);

}







.autocomplete-suggestions { border: 1px solid #999; background: #fff; cursor: default; overflow: auto; }

.autocomplete-suggestion { padding: 10px 5px; font-size: 1.2em; white-space: nowrap; overflow: hidden; }

.autocomplete-selected { background: #f0f0f0; }

.autocomplete-suggestions strong { font-weight: normal; color: #3399ff; }us:5px;

}



/****************************************************************************************************************/

/***** 										CSS POUR IPHONE ET IPAD											*****/

/****************************************************************************************************************/



.tel,.tel:visited { /*for small screens */

display:block;

color:#fff;

background-color:#000;

padding:1em;

text-decoration:none;

}

.tel:hover,.tel:focus {

color:#000;

background-color:#fff;

}

@media screen and (min-width: 28.5em) { /* for larger screens */

.tel,.tel:visited {

background:none;

cursor:default;

}

.tel,.tel:focus {

color:#000;

}

/*****************************************************************************************************/
/*** Animation bouton dans Gestion Echanges
/*****************************************************************************************************/
.CancellerOffre {
  padding: 15px 25px;
  width:60%;
  font-size:16px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color:#045FA2;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
  font-weight:0;
}

.CancellerOffre:hover {
	background-color: #034373;
	font-weight:bold;	
}

.CancellerOffre:active {
  background-color: #034373;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
  font-weight:bold;
}

/*****************************************************************************************************/
/*** CSS des Infos dans Gestion Echanges
/*****************************************************************************************************/

.info{
	color:#034373;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	font-size:12px;
}

/*****************************************************************************************************/
/*** CSS des Infos dans Echanges
/*****************************************************************************************************/
.TabDateExp{
/*	background-color:#BBC1C1; */
	background: rgb(187,193,193);
	background: -moz-linear-gradient(39deg, rgba(187,193,193,1) 0%, rgba(123,136,136,1) 100%);
	background: -webkit-linear-gradient(39deg, rgba(187,193,193,1) 0%, rgba(123,136,136,1) 100%);
	background: linear-gradient(39deg, rgba(187,193,193,1) 0%, rgba(123,136,136,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bbc1c1",endColorstr="#7b8888",GradientType=1);	
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border: 1px solid #034373;
}

#EnteteDateExpiration{
	text-transform:uppercase;
	font-weight:bold;
	color:#034373;
	padding-left:15px;
	font-size:14px;
}

.TxtHeureExpiration{
	float:left;
}

.TxtDateExpiration{
	padding:0 0 15px 15px;
}

h1{
	font-family: Candara, Tahoma, Geneva, sans-serif;
	font-size: 2.5em;
	font-weight: bold;
	text-transform:uppercase;
	color:#034373;
	text-decoration:underline;
	padding-left:15px;
}

/*****************************************************************************************************/
/*** CSS Entete principal pour pool.php
/*****************************************************************************************************/
.EnteteGris{
	background-color:#CCCCCC;
	font-family: 'Oswald', sans-serif;
	font-size:8px;
	color:#000000;
	text-align:left;
	padding-left:10px;
	border-radius:5px;
	font-weight:bold;
}