/* Eléments principaux de la page */

body {
    background: #F5F5DC;
    font-family: 'Trebuchet MS', Arial, sans-serif;
    color: #181818;
}

h1 {
    font-size: 1.5em;
    font-weight: bold;
}

h2 {
    font-size: 1.2em;
    font-weight: bold;
}

h3 {
    font-size: 1.0em;
    font-weight: bold;
}

p {
    font-size: 1.0em;
}

.popup {
	position: absolute;
	transform: translate(-50%, 100px);
	border-left: 10px solid lightblue;
	border-right: 10px solid lightblue;
	display: inline-block;
	background: lightblue;
	z-index: 10;
}

.verticalgauche {
	writing-mode: vertical-rl;
	transform: rotate(-180deg);
}

.verticaldroite {
	writing-mode: vertical-rl;
	text-orientation: sideways;
	text-align:center;
}
.rotateimg270 {
  -webkit-transform:rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.hbvul {
	border-top:solid 4px red;
	border-bottom:solid 4px red;
}
.hbnonvul {
	border-top:solid 3px green;
	border-bottom:solid 3px green;
}
.gdvul {
	border-left:solid 4px red;
	border-right:solid 4px red;
}
.gdnonvul {
	border-left:solid 3px green;
	border-right:solid 3px green;
}	
.donneur {
	text-decoration: underline solid red;
}
.jeton {
	background-color:lightblue;
}
.style0
	{text-align:center;
	vertical-align:bottom;
	white-space:nowrap;
	color:black;
	font-size:1.0em;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:'Trebuchet MS', Arial, sans-serif;
	border:none;}
td
	{padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:1.0em;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:'Trebuchet MS', Arial, sans-serif;
	text-align:center;
	/* vertical-align:bottom; */
	border:none;
	white-space:nowrap;}

.section_invisible {
	 display:none;
}
.numtable {
	font-size:4em;
	border-radius:5px;
	border:3px solid black;
	padding:5px 20px;
	background-color:lightgreen;
}
.numpaire {
	font-size:1.2em;
	font-weight:bold;
	border-radius:5px;
	border:1px solid #FFA550;
	padding:3px 15px;
	background-color:#FFA550;
}
.numetui {
	font-size:4em;
	font-weight:bold;
	border-radius:50px;
	border:3px solid black;
	padding:5px 20px;
	background-color:white;
}
.defparm {
	text-align:right;
	vertical-align:middle;
	border:.5pt solid windowtext;
	border-top:none;
	border-right:none;
	border-left:none;
}
.valparm {
	text-align:center;
	vertical-align:middle;
	border:.5pt solid windowtext;
	border-top:none;
	border-right:none;
	border-left:none;
}
.xtr {
	height:20.0pt;
	height:20;
}
.xtr_invisible {
	 display:none;
}
.xtr_sel {
	background-color:lightblue;
}
.xtd_invisible {
	 display:none;
}
.xl65
	{font-weight:bold;
	text-align:center;
	vertical-align:middle;
	border:.5pt solid windowtext;
	border-top:none;
	border-left:none;
}
/******* Tableau des paires - bridge41 */
.xTitre {
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	border:.5pt solid windowtext;
	border-top:none;
	border-left:none;
	height:15.0pt;
}
.xPaire {
	text-align:center;
	vertical-align:middle;
	border:.5pt solid windowtext;
	border-top:none;
	height:40.0pt;
	width:20%;
}
.xPaire:hover {
	background-color:lightgreen;
	cursor: pointer;
}
.xPairesel {
	background-color:green;
}
.xNumero {
	text-align:center;
	vertical-align:middle;
	border:.5pt solid windowtext;
	border-top:none;
	border-left:none;
	background:#E2EFDA;
	height:20.0pt;
	width:25%;
}
.xNumero:hover {
	background-color:#468ccf;
	cursor: pointer;
}
.xNom {
	vertical-align:middle;
	border:.5pt solid windowtext;
	border-top:none;
	border-left:none;
	height:20.0pt;
	width: 55%;
}
.xNom:hover {
	background-color:#468ccf;
	cursor: pointer;
}
/*
// Sélection d'une ligne dans un tableau
// Utilisé dans:
// - bridge20: affichage de la liste des derniers tournoid
// -
*/
.xtrsel {
	height:20.0pt;
	border:1pt solid windowtext;
	}
.xtrsel:hover {
	background-color:lightblue;
	cursor: pointer;
}

/* liste des joueurs dans bridge41.js et bridge11.js */
.xNom41 {
	font-size:1.2em;
	vertical-align:middle;
	border:.5pt solid windowtext;
	height:25.0pt;
}
.xNom41:hover {
	background-color:#468ccf;
	cursor: pointer;
}
/**********************/
.xPos {
	vertical-align:middle;
	border:.5pt solid windowtext;
	border-top:none;
	border-left:none;
	height:20.0pt;
}
/******* Tableau de sélection de la table - bridge61 */
.xtr61 {
	height:20.0pt;
	border:1pt solid windowtext;
	}
.xNom61 {
	vertical-align:middle;
	border:.5pt solid windowtext;
	height:20.0pt;
	}
.xPaire61 {
	text-align:center;
	vertical-align:middle;
	border:.5pt solid windowtext;
	height:40.0pt;
	}
.xPaire61:hover {
	background-color:#468ccf;
	cursor: pointer;
}
.xTitre61 {
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	height:15.0pt;
}
.xtr61:hover {
	background-color:lightblue;
}
/***********************/
.xDigit {
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	margin-left: auto;
    margin-right: auto;
	background:white;
	width:8em;
	height:1.5em;
	margin-block-end: 0.5em;
	}
.xsmallDigit {
	font-size:1em;
	text-align:left;
	margin-left: auto;
    margin-right: auto;
	vertical-align:middle;
	background-color:#F5F5EC;
	}
.smallDigitfocus{
	border:.5pt solid windowtext;
	background:white;
}
.canselect:hover{
	background-color:lightblue;
	cursor: pointer;
}
.icone {
	height:20px;
}
.xTypt {	/* formatage tableau liste des type de tournoi */
	vertical-align:middle;
	border:.5pt solid windowtext;
	padding-left: 2px;
	padding-right: 2px;
	//word-break: break-word;
	}
.xTxt1 {	/* formatage tableau liste des joueurs effacés */
	vertical-align:middle;
	border:.5pt solid windowtext;
	padding-left: 5px;
	padding-right: 5px;
	height:20.0pt;
	}
.xNum1 {	/* formatage tableau liste des joueurs effacés */
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	border:.5pt solid windowtext;
	background:#E2EFDA;
	height:30.0pt;
	width: 30.0pt;}
.xNum1:hover {
	background-color:lightblue;
	cursor: pointer;
}
.xNum2 {
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	background:#E2EFDA;
	width: 30.0pt;
	height:20.0pt;
	border:.5pt solid windowtext;
}
.xNum2:hover {
	background-color:lightblue;
	cursor: pointer;
}
.xNumSmall {
	font-size:1em;
}
.xNum65 {
	font-size:2em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	background:#E2EFDA;
	width: 30.0pt;
	/* height:30.0pt; */
	border:.5pt solid windowtext;
}
.xNum65:hover {
	background-color:lightblue;
	cursor: pointer;
}
.xNum6 {
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	background:#9c9c9c;
	width: 30.0pt;
	height:20.0pt;
	border:.5pt solid windowtext;
}
.xBid {
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	background:#5cbf2a;
	width: 50.0pt;
	height:20.0pt;
	padding-left: 10px;
	padding-right: 10px;
	border-radius:5px;
}
.xBid:hover {
	background-color:lightblue;
	cursor: pointer;
}
.xBidmask {
	background-color:#9c9c9c;
}
.xStop {
	font-size:1.5em;
	text-align:center;
	vertical-align:middle;
	background:#FF5050;
	height:20.0pt;
	padding-left: 10px;
	padding-right: 10px;
	border-radius:5px;
}
.xTxt2
	{vertical-align:middle;
	border:.5pt solid windowtext;
	padding-left: 10px;
	padding-right: 10px;
	height:30.0pt;
	}
.xNum3 {
	font-size:1em;
	/* font-weight:bold; */
	text-align:center;
	vertical-align:middle;
	border:.5pt solid windowtext;
	background:#E2EFDA;
	padding-left: 10px;
	padding-right: 10px;
	height:20.0pt;
	width: 30.0pt;
}
.xNum3:hover {
	background-color:lightblue;
	cursor: pointer;
}
.xNum4 {
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	padding-left: 10px;
	padding-right: 10px;
}
.xNum4:hover {
	background-color:lightblue;
	cursor: pointer;
}
.xNum5 {
	border:.5pt solid windowtext;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	padding-left: 4px;
	padding-right: 4px;
}
.xNum5:hover {
	background-color:lightblue;
	cursor: pointer;
}
.xNumOk {
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	border:.5pt solid windowtext;
	background:#E2EFDA;
	height:50.0pt;
	width: 40.0pt;}
.xNumOk:hover {
	background-color:lightblue;
	cursor: pointer;
}
.xSmallOk {
	text-align:center;
	vertical-align:middle;
	border:.5pt solid windowtext;
	background:#E2EFDA;
	height:40.0pt;
	}
.xSmallOk:hover {
	background-color:lightblue;
	cursor: pointer;
}
.xres {
	font-size:1em;
	text-align:center;
	vertical-align:middle;
	border:.5pt solid;
	border-top:none;
	border-left:none;
	background:#E2EFDA;
	width: 40.0pt;
	}
.xres2 {
	font-size:1em;
	text-align:center;
	vertical-align:middle;
	border:.5pt solid;
	border-top:none;
	border-left:none;
	background:#E2EFDA;
	width: 40.0pt;
	}
.xres2:hover {
	background-color:lightblue;
	cursor: pointer;
}
.xCnxtel
	{font-size:1.1em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	border:.5pt solid windowtext;
	background:grey;
	}
.xCnxtel:hover {
	background-color:lightblue;
}
.xCnxtelOk
	{font-size:1.1em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	border:.5pt solid windowtext;
	background-color:green;
	}	
.xCnxtelKo
	{font-size:1.1em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	border:.5pt solid windowtext;
	background-color:red;
	}
.xPasse
	{font-size:1.2em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	border:.5pt solid windowtext;
	background:#E2EFDA;
	height:20.0pt;
	width: 40.0pt;}
.xPasse:hover {
	background-color:lightblue;
	cursor: pointer;
}
.xContre
	{background-color:#ff0000;}
.xSurcontre
	{background-color:#0000ff;}
.xJouepar
	{font-size:1.0em;
	text-align:center;
	vertical-align:middle;
	height:20.0pt;}
.xContrat
	{font-size:1.0em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	border:.5pt solid windowtext;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:none;
	background:#E2EFDA;
	height:20.0pt;}
.xl68
	{border:.5pt solid windowtext;
	background:#E2EFDA;}
.fauxnumero
	{background-color:yellow; }
.bonnumero
	{background-color:green; }
.pairens
	{background-color:yellow; }
.myBigButton {
	box-shadow: 0px 10px 14px -7px #3e7327;
	background:linear-gradient(to bottom, #547345 5%, #27590c 100%);
	background-color:#547345;
	border-radius:10px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:1.2em;
	font-weight:bold;
	padding:15px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
	width:90%;
	max-width: 350px;
	margin:auto;
}
.myBigButton:hover {
	background:linear-gradient(to bottom, #27590c 5%, #547345 100%);
	background-color:#27590c;}
.myBigButton:active {
	position:relative;
	top:1px;
}
.mySmallButton {
	box-shadow: 0px 10px 14px -7px #3e7327;
	background:linear-gradient(to bottom, #547345 5%, #27590c 100%);
	background-color:#547345;
	border-radius:10px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:1em;
	font-weight:bold;
	padding:10px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
	width:80%;
	max-width: 300px;
	margin:auto;
}
.mySmallButton:hover {
	background:linear-gradient(to bottom, #27590c 5%, #547345 100%);
	background-color:#27590c;}
.mySmallButton:active {
	position:relative;
	top:1px;
}
.myButton {
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background-color:lightblue;	/*#63b8ee; */
	border-radius:6px;
	border:1px solid #3866a3;
	display:inline-block;
	cursor:pointer;
	color:#14396a;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;

}
.myButton:hover {
	background-color:#63b8ee; /*#468ccf;*/
	cursor: pointer;
}
.myButton:active {
	position:relative;
	top:1px;
}
.myStartButton {
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background-color:lightblue;	/*#63b8ee; */
	border-radius:40px;
	border:3px solid #3866a3;
	display:inline-block;
	cursor:pointer;
	color:#14396a;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding:20px 20px;
	text-decoration:none;

}
.myStartButton:hover {
	background-color:#468ccf;
	cursor: pointer;
}
.myStartButton:active {
	position:relative;
	top:1px;
}
.mButton {
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background-color:#63b8ee;
	border-radius:6px;
	border:1px solid #3866a3;
	display:inline-block;
	cursor:pointer;
	color:#14396a;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:4px 12px;
	text-decoration:none;

}
.mButton:hover {
	background-color:#468ccf;
	cursor: pointer;
}
.okButton {
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	border-radius:6px;
	border:1px solid #3866a3;
	display:inline-block;
	cursor:pointer;
	color:#14396a;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;

}
.oktogoon
	{background-color:#77d42a; }
.kotogoon
	{background-color:#f24537; }
.vulnerable {
	color: red;
}
.nonvulnerable {
	color: green;
}
.notused {
	background-color: grey;
}
/* Eléments saisie numéro du joueur */
.box {
  border: 2px solid #c4c4c4;
  padding: 30px 25px 10px 25px;
  background: lightblue;
  margin: 30px auto;
  width: 300px;
}
h1.box-logo a {
  text-decoration:none;
}
h1.box-title {
  color: black;
  font-weight: 300;
  padding: 15px 25px;
  line-height: 20px;
  font-size: 25px;
  text-align:center;
  margin: -27px -26px 26px;
}
.box-button {
  border-radius: 5px;
  background: #d2483c;
  text-align: center;
  cursor: pointer;
  font-size: 19px;
  width: 100%;
  height: 51px;
  padding: 0;
  color: #fff;
  border: 0;
  outline:0;
}
.box-register
{
  text-align:center;
  margin-bottom:0px;
}
.box-register a
{
  text-decoration:none;
   color:darkblue;
}
.box-input {
  font-size: 14px;
  background: white;
  border: 1px solid black;
  margin-bottom: 10px;
  padding-left:10px;
  border-radius: 5px;
  width: 250px;
  height: 30px;
}
.box-input:focus {
    outline: none;
    border-color:green;
}
.sucess{
  text-align: center;
  color: black;
}
.sucess a {
  text-decoration: none;
  color: #58aef7;
}
p.errorMessage {
    background-color: #e66262;
    border: #AA4502 1px solid;
    padding: 5px 10px;
    color: #FFFFFF;
    border-radius: 3px;
}