.messageErreurJeu
{
	 font-size:2em;
	 background-color:red;
	 color:White;
	 border:1px solid white;
	 border-radius:5px;
	 /*visibility:visible;*/
	 padding:3px;
	 animation:fonduMoins 5s;
     opacity:0;
	}
	
  @keyframes fonduMoins
 {  
    0%{
     opacity:1;
     }
     
     25%{
     opacity:1;
     } 
     90%{
     opacity:.8;
     }
     
    100%
    {
     opacity:0;   
        }   
 }
 
.zoneJeuContainer
{
	position:absolute;
	height:100%;
	width:100%;
	
	border:1px solid white;
	background-color:green;
	box-sizing: border-box;
}

.zoneBoutonsTable
{
	position:absolute;
	margin:auto;
	width:100%;
	height:5%;
	
	top:0px;
	text-align:center;
	border:1 solid black;
	background-color:Grey;
	box-sizing:border-box;		
	}
.zoneInfoPartie
{
	position:absolute;
	width:100%;
	top:5%;
	margin:auto;
	background-color:blue;
	text-align:center;
	}
.zoneJeu
{
	position:absolute;
	top:10%;
	width:100%;
	height:77%;
	background-color:transparent;
	}	

.divCartes
{
	position:absolute;
	top:87%;
	width:100%;
	height:8%;
	background-color:DarkGreen;
	}
	
	
.miniCartes
{
    top:50%;
	height:50%;
	margin:auto;	
	}
.miniCartes2
{
	height:90%;
	top:5%;
	margin-right:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;	
	}
.divZoneBoutonsJeu
{
	text-align:center;
	position:absolute;
	top:95%;
	width:100%;
	height:5%;
	background-color:gold;	
	}
.imageButtonJeu
{
    position:relative;
	height:60%;
	max-height:30px;
	/*top:5px;*/
	margin-left:0px;
	margin-right:0px;
	top:5%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.lblNumeroDonne
{
	position:relative;	
	padding:0px 5px 0px 5px;
	background-color:white;
	color:Black;
	}
.lblContrat
{
	position:relative;
	padding:0px 5px 0px 5px;
	background-color:Yellow;
	color:Black;
	}
.lblDonneur
{
	
	position:relative;
	background-color:Blue;
	color:White;
	padding:0 1% 0 1%;
	}
.lblPli
{
	position:relative;		
	text-align:center;	
	padding:0 1% 0 1%;
	margin-left:2px;
	}
.lblPliNSEO
{
	position:relative;		
	text-align:center;	
	padding:0 1% 0 1%;
	margin-left:2px;
	background-color:White;
	color:Black;
	}

/*.lblNumeroDonne
{
	position:relative;	
	padding:0px 5px 0px 5px;
	background-color:white;
	color:Black;
	}
.cadreZoneJeu
{
	position:relative;
	width:100%;
	max-width:1200px;
	margin:auto;
	margin-bottom:20px;
	}*/

/*Affichage des données de la partie */
.LabelInfoZoneJeu
{
	position:relative;
	top:30%;
	padding:10px;
	background-color:Transparent;
	font-family:Arial;
	font-size:1.4em;
	text-align:center;
	color:Salmon;
	box-sizing:border-box;
	}
/*.zoneInfoPartie
{
	position:relative;
	margin:auto;
	font-size:1em;
	background-color:blue;
	text-align:center;
	}*/
#enchereAide
{
	 border:1px solid black;
	}
/*.lblNumeroDonne
{
	position:relative;	
	padding:0px 5px 0px 5px;
	background-color:white;
	color:Black;
	}
.lblContrat
{
	position:relative;
	padding:0px 5px 0px 5px;
	background-color:Yellow;
	color:Black;
	}
.lblDonneur
{
	
	position:relative;
	background-color:Blue;
	color:White;
	padding:0 1% 0 1%;
	}*/
.lblPli
{
	position:relative;		
	text-align:center;	
	padding:0 1% 0 1%;
	margin-left:2px;
	}
.lblPliNSEO
{
	position:relative;		
	text-align:center;	
	padding:0 1% 0 1%;
	margin-left:2px;
	background-color:White;
	color:Black;
	}
.zoneEncheres
{
	 background-color: SaddleBrown;
	 text-align:center;
	 margin:3px  0px  3px 0px;
	 padding:0px;
	 box-sizing:border-box;
	}
.zoneCommentaire
{
	 background-color: LightBlue;
	 border:1 solid black;
	 text-align:center;
	 margin: auto;
	 padding:5px;
	 font-size:1em;
	 box-sizing:border-box;
	 max-width:1200px;
	}	

.buttonEnteteTable
{
	color:black;
	background-color:lightgrey;
	border:1 solid black;
	padding:5px;
	font-size:1em;
	border-radius:5px;
	}
.flecheButtonTable
{
	color:black;
	background-color:lightgrey;
	border:1 solid black;
	/*padding-left:2px;
	padding-right:2px;*/
	font-size:1.5em;
	margin : 2px;
	border-radius:5px;
	}
		
.buttonTable
{
    position:relative;
    height:90%;
    
	color:black;
	background-color:lightgrey;
/*	text-decoration-line: cancel-underline;*/
	margin:.1em;
	
	font-size:1.4em;
	/*font-weight:bold;*/
	border-radius:5px;
	/*padding-left:2px;
	padding-right:2px;*/
	
	box-sizing:border-box;
	}

.linkButtonJeu
{
	font-size:3vh;/*1.2em;*/
	
	margin-right:1vh;/*5px;*/
	/*padding:3px;*/
	/*border-radius:5px;*/
	}
.linkButtonJeu:hover
{
	/*background-color:lime;*/
}

.imageMessage
{
	/*height:60%;
	max-height:25px; /*30px;*/
	/*margin-top:5px;*/
	height:25px;
	margin:1px;
	border:1px solid white;
	border-radius:5px;
	}
.checkBox
{
	font-size:1em;
	margin:3px;
	}


/* affichage général */
/*Normal*/

.cadreJeuNormal
{
	position:relative;
	background-color:WhiteSmoke;
	width:100%;
	
	display:flex;
	flex-direction:column;
	flex-justify:center;
	}
/* Plein écran */
.cadreJeuPE
{
	display:flex;
	flex-direction:column;
	flex-justify:center;
	
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;/*5000px;*/
	background-color:WhiteSmoke;
	z-index:100;
	/*overflow-y:hidden;*/
	}


/*cartes*/
.panZoneAffichageAireJeuxPetite
{
	height:33vh;/*200px;*/
	min-height:200px;
	max-height:300px;
	}
.panZoneAffichageAireJeuxMoyenne
{
	height:50vh;
	min-height:300px;
	max-height:400px;
	}
.panZoneAffichageAireJeuxGrande
{
	height:70vh;/*550px;*/
	min-height:350px;
	max-height:700px;
	}
.panZoneAffichageAirePleinEcran	
{
	height:80vh;
	}
.imgCarte
{
	position:absolute;
	z-index:10;
	border-radius:5px;
	max-width:80px;
	max-height:120px;
	min-height:60px;
	 -moz-border-radius:5px;
	 -webkit-border-radius:5px;
}

.panPli
{
	position:relative;
	margin:auto;
	z-index:100;
	background-color:grey;
	border-radius:10px;
	top:23%;
	border:1px solid black;
	}
	
.panPliEnCours
{
    position:absolute;
    top:0%;
    left:0%;
    width:100%;
    height:100%;
    background-color:transparent;
    
}

	
.imgPli
{
	position:relative;	
	z-index:10;
	border-radius:5px;
	max-width:80px;
	max-height:120px;
	min-height:60px;
	 -moz-border-radius:5px;
	 -webkit-border-radius:5px;
	height:100%;	
	}

.imgPliAnim
{
	position:relative;	
	z-index:10;
	border-radius:5px;
	max-width:80px;
	max-height:120px;
	min-height:60px;
	 -moz-border-radius:5px;
	 -webkit-border-radius:5px;
	height:100%;	
	
	 animation:exemple .5s;
     opacity:1;
	}

	
 @keyframes exemple
 {  
    0%{
     opacity:0.5;
     }
    100%
    {
     opacity:1;   
        }   
 }
 
	
.panCarteNord
{
	position:absolute;
	text-align:center;
	top:24%;
	left:0px;
	width:100%;
	height:22%; /*70vh;/*550px;*/	
	
	box-sizing:content-box;
	}
.panCarteSud
{
	position:absolute;
	text-align:center;
	top:52%;
	left:0px;
	width:100%;
	height:22%;/*70vh;/*550px;*/	
	
	}
.pliNord0
{
	
	margin-left:auto;
	margin-right:auto;
	top:0%;
	/*left:50%;*/
	}
	
.pliSud0
{
	
	margin-left:auto;
	margin-right:auto;
	top:0%;
	/*left:50%;*/
	}
.pliEst0
{
	position:absolute;
	top:39%;
	right:28%;
	height:22%;
	}

.pliOuest0
{
	position:absolute;
	top:39%;
	left:28%;
	height:22%;
	}

/*.activeCarteTop:hover
{
	 margin-top:20px;
	 transition-duration:500ms;
	}
.activeCarteBottom:hover
{
	 margin-bottom:20px;
	 transition-duration:500ms;
	}*/
.panZoneAffichageAireJeux
{
	position:relative;
	background-color:green;
	text-align:center;
	}
.imgCarteSmall
{
	padding:0px;
	position:relative;
	border:1px solid black;
	/*height:35px;*/
	box-sizing: border-box;
	
	}
.imgCarteSmall2
{
	margin:1px;
	position:relative;
	border:1px solid black;
	height:90%;
	box-sizing: border-box;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}	

/*.divCartes
{
	text-align:center;
	height:70px;
	background-color:darkGreen;
	color:Black;
	font-size:.8em;	
	}*/
.tabCartes
{
    position: relative;
	text-align:center;
	color:LightGreen;
	/*height:90%;*/
	/*width:100%;*/
	margin-left:auto;
	margin-right:auto;
	outline:red solid 1px;
	box-sizing: content-box;
	/*background-color:Yellow;*/
	
	}
.tabCartesRow1
{
    color:LightGreen;
    /*background-color:Red;*/
    position:relative;
    font-size:1em;
  /* height:20px;*/
}
.tabCartesRow2
{
  /* background-color:blue;*/
   position:relative;
   /*height:40px;*/
   padding:0px;
}
.LabelZoneBoutons
{
	box-sizing:content-box;
	 position:relative;
	 background-color:Blue;
	 border: 2px solid white;
	 border-radius:5px;
	 top:0.8em;
	 color:White;
	 padding:5px;
	 font-size:1em;/*2vh;/*0.9em;*/
	}
.labCommentCarte
{
	position:relative;
	margin:auto;
	margin-top:1px;
	font-size:0.9em;
	padding-left:3px;
	padding-right:3px;	
	max-width:90%;
	border-radius:5px;
	background-color: WhiteSmoke;
    color :black;
    border:1px solid black;
    /*height:96%; 
    top:2%;*/
    box-sizing: border-box;
    z-index: 100;
	}

/***** position des cartes Nord ou Sud *****/
.nordTop
{
	top:0%;
	}	
.sudBottom
{
	bottom:0%;	
	}
	
.panEncheres /*Enchères tapis*/
{
	position:absolute;	
	text-align:center;
	}

/*Boite enchères complète*/

.panBteEncheres
{
    position:absolute;
    box-sizing:content-box;
	z-index:150;
	border-radius:5px;
	max-width:220px;	
	/*animation:exemple .5s;
    opacity:1;*/
	}
.tabBoiteEncheres
{
	width:100%;
	}
.tdBteEncheres
{
	box-sizing:content-box;
	margin:auto;
	text-align:center;
	width:20%;
	}
.imgBteEncheres
{
	 width:100%;	 
	}
.imgBteEncheres2
{
	 width:25%;
	 margin-top:5px;
	 margin-bottom:0px;
	 border-top-left-radius:10px;
	 border-top-right-radius:10px;
	 border: 3px solid transparent;  	 
	}
.trBteEncheres
{
	 box-sizing: border-box;
	}

.imageEnchereNS, .imageEnchereEO
{
	position:relative;
	margin:1px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	height:5vh;
	max-height:24px;
	border:2px solid transparent;	
	background-color: green;
	}

	
.confirmeEnchereButton
{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	height:60%;
	border:2px solid White;
	background-color:White;
	}
/*Labels propriétés communes*/
	
 
 .divCommentaireTapis, .divCommentaireTapis2
{
    position:absolute;
    width:100%;
    }

.commentaireTapis, .commentaireTapis2
{
    position:relative;
	background-color: LightYellow;
	color:black;
	margin:auto;
	border-radius:5px;
	border:1px solid black;
	z-index:200;
	text-align: center;
	min-width:100px;
	/* animation:exemple .5s;
     opacity:1;*/
	}
/*.commentaireTapis2
{
	background-color:LightYellow;
	position:relative;
	margin:auto;
	padding:5px;
	border-radius:5px;
	border:1px solid black;
	z-index:200;	
	top:23%;
	font-size:1.8em;	
	}	*/
.croix
{
	float:right;
	background-color:salmon;
	width:40px;
	color:White;
	border-style:none;
	border:1px solid white;
	}
/* tableau des enchères */
.tableauEncheres
{
	position:relative;
	margin:0px auto 0px auto;
	border:1px solid black;
	border-radius:5px;
	background-color:Grey;
	width:16%;
	top:100px;
	max-width:170px;
	z-index:200;
}
.tableauEncheresRow
{
	width:100%;
}
.tableauEncheresCell
{
	width:20%;
	text-align:center;
	font-weight:bold;
	color:White;
}
.tableauImageEncheres
{
	width:100%;
	}

.panCentral
{
	position:absolute;
	width:10%;
	height:20%;
	left:45%;
	top:38%;
	border:1px solid yellow;
	border-radius:5px;
	}
.imgPosition
{
	position:absolute;
	height:20%;
	border-radius:3px;
	border: 1px solid yellow;
	}
.imgPositionHaut
{	
	left:40%;
	top:5%;
	}
.imgPositionDroit
{
	top:40%;
	right:5%;
	}
.imgPositionBas
{	
	left:40%;
	bottom:5%;	
	}
.imgPositionGauche
{
	top:40%;
	left:5%;	
	}
	
.duplicateResult
{
	/*background-color:Beige;*/
	min-height:100px;
}


/*Modif du 7/10/2014*/

@media all and (orientation: portrait)
{

.panCentral
{
	position:absolute;
	width:20%;
	height:16%;
	left:40%;
	top:38%;
	border:1px solid yellow;
	border-radius:5px;
	}
.imageEnchereNS
{
	height:4vh;
	max-height:24px;
	}
.imageEnchereEO
{
	height:4vh;
	max-height:24px;
	display:block;
}
/***** position des cartes Nord ou Sud *****/
.ic1 /*image carte 1*/
{
	left:10%;
	}
.ic2 /*image carte 1*/
{
	left:16%;
	}
.ic3 /*image carte 1*/
{
	left:22%;
	}
.ic4 /*image carte 1*/
{
	left:28%;
	}
.ic5 /*image carte 1*/
{
	left:34%;
	}
	.ic6 /*image carte 1*/
{
	left:40%;
	}
	.ic7 /*image carte 1*/
{
	left:46%;
	}
	.ic8 /*image carte 1*/
{
	left:52%;
	}
	.ic9 /*image carte 1*/
{
	left:58%;
	}
	.ic10 /*image carte 1*/
{
	left:64%;
	}
	.ic11 /*image carte 1*/
{
	left:70%;
	}
	.ic12 /*image carte 1*/
{
	left:76%;
	}
	.ic13 /*image carte 1*/
{
	left:82%;
	}	

/****** Position des cartes d'Ouest*****/
	.ico1 /*image carte 1*/
{
	left:0;
	}
	.ico2 /*image carte 1*/
{
	left:5%;
	}
	.ico3 /*image carte 1*/
{
	left:10%;
	}
	.ico4 /*image carte 1*/
{
	left:15%;
	}
	.ico5 /*image carte 1*/
{
	left:20%;
	}
	.ico6 /*image carte 1*/
{
	left:25%;
	}
	.ico7 /*image carte 1*/
{
	left:30%;
	}
	.ico8 /*image carte 1*/
{
	left:35%;
	}
	.ico9 /*image carte 1*/
{
	left:40%;
	}
	.ico10 /*image carte 1*/
{
	left:45%;
	}
/****** Position des cartes d'Est******/

	.ice4 /*image carte 1*/
{
	right:45%;
	}
	.ice5 /*image carte 1*/
{
	right:40%;
	}
	.ice6 /*image carte 1*/
{
	right:35%;
	}
	.ice7 /*image carte 1*/
{
	right:30%;
	}
	.ice8 /*image carte 1*/
{
	right:25%;
	}
	.ice9 /*image carte 1*/
{
	right:20%;
	}
	.ice10 /*image carte 1*/
{
	right:15%;
	}
	.ice11 /*image carte 1*/
{
	right:10%;
	}
	.ice12 /*image carte 1*/
{
	right:5%;
	}
	.ice13 /*image carte 1*/
{
	right:0%;
	}		
	
	
	}
/*portrait*/


@media all and (orientation: portrait) and (min-width:300px) and (max-width:600px)
{
.zoneInfoPartie
{
    font-size:4vw;
}
.imgCarte
{
    height:20%;
	}
.panCarteNord
{
	position:absolute;
	text-align:center;
	top:24%;
	left:0px;
	width:100%;
	height:20%; /*70vh;/*550px;*/	
	
	box-sizing:content-box;
	}
.panCarteSud
{
	position:absolute;
	text-align:center;
	top:52%;
	left:0px;
	width:100%;
	height:20%;/*70vh;/*550px;*/	
	
	}
.pliNord0
{
	
	margin-left:auto;
	margin-right:auto;
	top:0%;
	/*left:50%;*/
	}
	
.pliSud0
{
	
	margin-left:auto;
	margin-right:auto;
	top:0%;
	/*left:50%;*/
	}
.pliEst0
{
	position:absolute;
	top:39%;
	right:28%;
	height:20%;
	}

.pliOuest0
{
	position:absolute;
	top:39%;
	left:28%;
	height:20%;
	}	

.confirmeEnchereButton
{
	margin:18px;
}	
.imgCarteSmall
{
	width:1.1em;
	}
/*.imgCarteSmall2
{
	margin-top:2px;
	margin-left:4px;
	height:56px;
	}*/
/*.divCartes
{
	height:60px;
	}*/
.lblCommentaireEnchereHauteurGrande
{
	top : 15%;
	font-size:.8em;
	}
.LabelZoneBoutons
{
	top:.5em;
	font-size:0.9em;
	}	

.divCommentaireTapis
{
    top:5%;
    }
.divCommentaireTapis2
{
    top:23%;
    }
.commentaireTapis
{
	
	max-width:50%;
	/*font-size:.9em;*/
	font-size:2vh;
	}
.commentaireTapis2
{
	
	max-width:50%;
	font-size:2vh;
	}
.commentaireTapisMiniBridge
{
	 top:2%;
	}
.tableauEncheres
{
	width:30%;
}
.panZoneAffichageAireJeuxGrande
{
	height:70vh;/*550px;*/
	max-height:700px;
	min-height:500px;
	}
.panBteEncheres
	{
	position:absolute;
	background-color:DarkGreen;
	width:44%;
	top:28%;
	left:28%;
	}

.panEncheresNordGrande
{
	width:70%;
	top:20%;
	left:15%;	
	}
.panEncheresSudGrande
{
	width:70%;
	top:70%;
	left:15%;
	}
.panEncheresEstGrande
{
	width:10%;
	top:22%;
	left:86%;
	}
.panEncheresOuestGrande
{
	width:7%;
	top:22%;
	left:2%;
	}
.panEncheresNordMoyenne
{
	width:70%;
	top:5%;
	left:15%;	
	}
.panEncheresSudMoyenne
{
	width:70%;
	top:55%;
	left:15%;
	}
.panEncheresEstMoyenne
{
	width:7%;
	top:22%;
	left:89%;
	}
.panEncheresOuestMoyenne
{
	width:7%;
	top:22%;
	left:3%;
	}


/****** Position des cartes d'Ouest ******/
.OuestEstPique
{
	position:absolute;
	top:25%;
}
.OuestEstCoeur
{
	position:absolute;
	top:35%;
}
.OuestEstCarreau
{
	position:absolute;
	top:45%;
}
.OuestEstTrefle
{
	position:absolute;
	top:55%;
}
/***** position des cartes Nord ou Sud *****/
.ic1 /*image carte 1*/
{
	left:7%;
	}
.ic2 /*image carte 1*/
{
	left:13%;
	}
.ic3 /*image carte 1*/
{
	left:19%;
	}
.ic4 /*image carte 1*/
{
	left:25%;
	}
.ic5 /*image carte 1*/
{
	left:31%;
	}
	.ic6 /*image carte 1*/
{
	left:37%;
	}
	.ic7 /*image carte 1*/
{
	left:43%;
	}
	.ic8 /*image carte 1*/
{
	left:49%;
	}
	.ic9 /*image carte 1*/
{
	left:55%;
	}
	.ic10 /*image carte 1*/
{
	left:61%;
	}
	.ic11 /*image carte 1*/
{
	left:67%;
	}
	.ic12 /*image carte 1*/
{
	left:73%;
	}
	.ic13 /*image carte 1*/
{
	left:79%;
	}	

/****** Position des cartes d'Ouest*****/
	.ico1 /*image carte 1*/
{
	left:0;
	}
	.ico2 /*image carte 1*/
{
	left:5%;
	}
	.ico3 /*image carte 1*/
{
	left:10%;
	}
	.ico4 /*image carte 1*/
{
	left:15%;
	}
	.ico5 /*image carte 1*/
{
	left:20%;
	}
	.ico6 /*image carte 1*/
{
	left:25%;
	}
	.ico7 /*image carte 1*/
{
	left:30%;
	}
	.ico8 /*image carte 1*/
{
	left:35%;
	}
	.ico9 /*image carte 1*/
{
	left:40%;
	}
	.ico10 /*image carte 1*/
{
	left:45%;
	}
/****** Position des cartes d'Est******/

	.ice4 /*image carte 1*/
{
	right:45%;
	}
	.ice5 /*image carte 1*/
{
	right:40%;
	}
	.ice6 /*image carte 1*/
{
	right:35%;
	}
	.ice7 /*image carte 1*/
{
	right:30%;
	}
	.ice8 /*image carte 1*/
{
	right:25%;
	}
	.ice9 /*image carte 1*/
{
	right:20%;
	}
	.ice10 /*image carte 1*/
{
	right:15%;
	}
	.ice11 /*image carte 1*/
{
	right:10%;
	}
	.ice12 /*image carte 1*/
{
	right:5%;
	}
	.ice13 /*image carte 1*/
{
	right:0%;
	}		
}


/* Ipad */
@media all and (orientation: portrait) and (min-width:601px)/*and (max-width:800px)*/
{
.zoneInfoPartie
{
    font-size:3vw;
}
.imgCarte
{
    height:20%;
	}


.confirmeEnchereButton
{
	margin:23px;
}	
.imgCarteSmall
{
	height:40px;
	}
/*.imgCarteSmall2
{
	margin-top:4px;
	margin-left:4px;
	height:62px;
	}*/
/*.divCartes
{
	height:70px;
	}*/

.lblCommentaireEnchereHauteurGrande
{
	top : 15%;
	font-size:.8em;
	}	
.LabelZoneBoutons
{
	top:.5em;
	font-size:1em;
	}

.divCommentaireTapis
{
    top:2%;
    }
.divCommentaireTapis2
{
    top:23%;
    }	
.commentaireTapis
{
	
	max-width:40%;
	/*font-size:.9em;*/
	font-size:1.5vh;
	}
.commentaireTapis2
{
	
	max-width:40%;
	font-size:1.5vh;
	}
.commentaireTapisMiniBridge
{
	 top:2%;
	}
.tableauEncheres
{
	width:18%;
}	
.panBteEncheres
	{
	position:absolute;
	margin:auto;
	background-color:Blue;
	width:30%;
	left:35%;
	top:33%;	
	}


.panEncheresNordGrande
{
	width:70%;
	top:22%;
	left:15%;	
	}
.panEncheresSudGrande
{
	width:70%;
	top:70%;
	left:15%;
	}
.panEncheresEstGrande
{
	width:7%;
	top:25%;
	left:89%;
	}
.panEncheresOuestGrande
{
	width:7%;
	top:25%;
	left:3%;
	}
.panEncheresNordMoyenne
{
	width:70%;
	top:5%;
	left:15%;
	
	}
.panEncheresSudMoyenne
{
	width:70%;
	top:50%;
	left:15%;
	}
.panEncheresEstMoyenne
{
	width:7%;
	top:22%;
	left:89%;
	}
.panEncheresOuestMoyenne
{
	width:7%;
	top:22%;
	left:3%;
	}
	
/***** position des cartes Nord ou Sud *****/
.ic1 /*image carte 1*/
{
	left:9%;
	}
.ic2 /*image carte 1*/
{
	left:15%;
	}
.ic3 /*image carte 1*/
{
	left:21%;
	}
.ic4 /*image carte 1*/
{
	left:27%;
	}
.ic5 /*image carte 1*/
{
	left:33%;
	}
	.ic6 /*image carte 1*/
{
	left:39%;
	}
	.ic7 /*image carte 1*/
{
	left:45%;
	}
	.ic8 /*image carte 1*/
{
	left:51%;
	}
	.ic9 /*image carte 1*/
{
	left:57%;
	}
	.ic10 /*image carte 1*/
{
	left:63%;
	}
	.ic11 /*image carte 1*/
{
	left:69%;
	}
	.ic12 /*image carte 1*/
{
	left:75%;
	}
	.ic13 /*image carte 1*/
{
	left:80%;
	}	

/****** Position des cartes d'Ouest*****/
	.ico1 /*image carte 1*/
{
	left:0;
	}
	.ico2 /*image carte 1*/
{
	left:5%;
	}
	.ico3 /*image carte 1*/
{
	left:10%;
	}
	.ico4 /*image carte 1*/
{
	left:15%;
	}
	.ico5 /*image carte 1*/
{
	left:20%;
	}
	.ico6 /*image carte 1*/
{
	left:25%;
	}
	.ico7 /*image carte 1*/
{
	left:30%;
	}
	.ico8 /*image carte 1*/
{
	left:35%;
	}
	.ico9 /*image carte 1*/
{
	left:40%;
	}
	.ico10 /*image carte 1*/
{
	left:45%;
	}
/****** Position des cartes d'Est******/

	.ice4 /*image carte 1*/
{
	right:45%;
	}
	.ice5 /*image carte 1*/
{
	right:40%;
	}
	.ice6 /*image carte 1*/
{
	right:35%;
	}
	.ice7 /*image carte 1*/
{
	right:30%;
	}
	.ice8 /*image carte 1*/
{
	right:25%;
	}
	.ice9 /*image carte 1*/
{
	right:20%;
	}
	.ice10 /*image carte 1*/
{
	right:15%;
	}
	.ice11 /*image carte 1*/
{
	right:10%;
	}
	.ice12 /*image carte 1*/
{
	right:5%;
	}
	.ice13 /*image carte 1*/
{
	right:0%;
	}		

	


/****** Position des cartes d'Ouest ******/
.OuestEstPique
{
	position:absolute;
	top:25%;
}
.OuestEstCoeur
{
	position:absolute;
	top:35%;
}
.OuestEstCarreau
{
	position:absolute;
	top:45%;
}
.OuestEstTrefle
{
	position:absolute;
	top:55%;
}


}





/*Paysage*/	
@media all and (orientation: landscape) and (max-height:600px)
{
.zoneInfoPartie
{
    font-size:4vw;
}

.confirmeEnchereButton
{
	margin:18px;
}
.imgCarteSmall
{
	height:24px;
	}
/*.imgCarteSmall2
{
	margin-top:2px;
	margin-left:2px;
	height:46px;
	}*/
/*.divCartes
{
	height:50px;
	}*/
/*commentaires*/
.LabelZoneBoutons
{
	top:.4em;
	font-size:0.8em;
	}
	
.divCommentaireTapis
{
    top:5%;
    }
.divCommentaireTapis2
{
    top:23%;
    }	
.commentaireTapis
{
	
	max-width:40%;
	font-size:2.5vh;
	}
.commentaireTapis2
{
		
	max-width:40%;
	font-size:2.5vh;
	}

.tableauEncheres
{
	width:15%;
}

.buttonEnteteTable
{	
	padding:5px;
	font-size:0.9em;
	border-radius:5px;
	}
.flecheButtonTable
{
	font-size:0.9em;	
	}	

/*Position des enchères */
.panEncheres
{
	position:absolute;	
	width:40%;
	}
.panEncheresNordGrande
{
	top:30%;
	left:30%;
	text-align:center;
	}
.panEncheresSudGrande
{
	top:60%;
	left:30%;
	text-align:center;
	}
.panEncheresEstGrande
{
	top:45%;
	left:57%;
	text-align:left;	
	}
.panEncheresOuestGrande
{
	top:45%;
	left:3%;
	 text-align:right;	
	}
.panEncheresNordMoyenne
{
	top:5%;
	left:15%;	
	}
.panEncheresSudMoyenne
{
	top:45%;
	left:15%;
	}
.panEncheresEstMoyenne
{
	top:22%;
	right:0%;
	}
.panEncheresOuestMoyenne
{
	top:22%;
	left:0%;
	}


/*nouvelle boite (22/03/2015)*/

.panBteEncheres
{
	background-color:BlueViolet;
	width:18%;
	bottom:1%;
	right:1%;
	}
.panZoneAffichageAireJeuxGrande
{
	height:70vh;/*550px;*/
	max-height:700px;
	min-height:400px;
	}


	/***** position des cartes Nord ou Sud *****/
.ic1 /*image carte 1*/
{
	left:22%;
	}
.ic2 /*image carte 1*/
{
	left:26%;
	}
.ic3 /*image carte 1*/
{
	left:30%;
	}
.ic4 /*image carte 1*/
{
	left:34%;
	}
.ic5 /*image carte 1*/
{
	left:38%;
	}
	.ic6 /*image carte 1*/
{
	left:42%;
	}
	.ic7 /*image carte 1*/
{
	left:46%;
	}
	.ic8 /*image carte 1*/
{
	left:50%;
	}
	.ic9 /*image carte 1*/
{
	left:54%;
	}
	.ic10 /*image carte 1*/
{
	left:58%;
	}
	.ic11 /*image carte 1*/
{
	left:62%;
	}
	.ic12 /*image carte 1*/
{
	left:66%;
	}
	.ic13 /*image carte 1*/
{
	left:70%;
	}	
/****** Position des cartes d'Ouest ******/
.OuestEstPique
{
	position:absolute;
	top:26%;
}
.OuestEstCoeur
{
	position:absolute;
	top:34%;
}
.OuestEstCarreau
{
	position:absolute;
	top:42%;
}
.OuestEstTrefle
{
	position:absolute;
	top:50%;
}
	.ico1 /*image carte 1*/
{
	left:0;
	}
	.ico2 /*image carte 1*/
{
	left:4%;
	}
	.ico3 /*image carte 1*/
{
	left:8%;
	}
	.ico4 /*image carte 1*/
{
	left:12%;
	}
	.ico5 /*image carte 1*/
{
	left:16%;
	}
	.ico6 /*image carte 1*/
{
	left:20%;
	}
	.ico7 /*image carte 1*/
{
	left:24%;
	}
	.ico8 /*image carte 1*/
{
	left:28%;
	}
	.ico9 /*image carte 1*/
{
	left:32%;
	}
	.ico10 /*image carte 1*/
{
	left:36%;
	}
	
/****** Position des cartes d'Est******/

	.ice4 /*image carte 1*/
{
	right:36%;
	}
	.ice5 /*image carte 1*/
{
	right:32%;
	}
	.ice6 /*image carte 1*/
{
	right:28%;
	}
	.ice7 /*image carte 1*/
{
	right:24%;
	}
	.ice8 /*image carte 1*/
{
	right:20%;
	}
	.ice9 /*image carte 1*/
{
	right:16%;
	}
	.ice10 /*image carte 1*/
{
	right:12%;
	}
	.ice11 /*image carte 1*/
{
	right:8%;
	}
	.ice12 /*image carte 1*/
{
	right:4%;
	}
	.ice13 /*image carte 1*/
{
	right:0%;
	}

	}

@media all and (orientation: landscape) and (min-height:600px)
{
.zoneInfoPartie
{
    font-size:30px;
}
.confirmeEnchereButton
{
	margin:23px;
}
.imgCarteSmall
{
    position:relative;
    /*top:40%;*/
	height:40px;
	}
/*.imgCarteSmall2
{
	margin-top:2px;
	margin-left:2px;
	height:54px;
	}*/
/*.divCartes
{
	height:60px;
	}*/

/*commentaires*/
.LabelZoneBoutons
{
	top:.6em;
	font-size:1.2em;
	}
	
.divCommentaireTapis
{
    top:5%;
    }
.divCommentaireTapis2
{
    top:23%;
    }	
.commentaireTapis
{
	
	max-width:40%;
	font-size:2vh;
	}
.commentaireTapis2
{
		
	max-width:40%;
	font-size:2vh;
	}


/*Position des enchères */
.panEncheres
{
	position:absolute;	
	width:40%;
	}
.panEncheresNordGrande
{
	top:30%;
	left:30%;
	text-align:center;
	}
.panEncheresSudGrande
{
	top:60%;
	left:30%;
	text-align:center;
	}
.panEncheresEstGrande
{
	top:45%;
	left:57%;
	text-align:left;	
	}
.panEncheresOuestGrande
{
	top:45%;
	left:3%;
	 text-align:right;	
	}
.panEncheresNordMoyenne
{
	top:5%;
	left:15%;	
	}
.panEncheresSudMoyenne
{
	top:45%;
	left:15%;
	}
.panEncheresEstMoyenne
{
	top:22%;
	right:0%;
	}
.panEncheresOuestMoyenne
{
	top:22%;
	left:0%;
	}


/*nouvelle boite (22/03/2015)*/
.panBteEncheres
{
	position:absolute;
	background-color:Gold;
	width:21%;
	bottom:1%;
	right:1%;
	}
.panZoneAffichageAireJeuxGrande
{
	min-height:500px;
	}

	/***** position des cartes Nord ou Sud *****/
.ic1 /*image carte 1*/
{
	left:22%;
	}
.ic2 /*image carte 1*/
{
	left:26%;
	}
.ic3 /*image carte 1*/
{
	left:30%;
	}
.ic4 /*image carte 1*/
{
	left:34%;
	}
.ic5 /*image carte 1*/
{
	left:38%;
	}
	.ic6 /*image carte 1*/
{
	left:42%;
	}
	.ic7 /*image carte 1*/
{
	left:46%;
	}
	.ic8 /*image carte 1*/
{
	left:50%;
	}
	.ic9 /*image carte 1*/
{
	left:54%;
	}
	.ic10 /*image carte 1*/
{
	left:58%;
	}
	.ic11 /*image carte 1*/
{
	left:62%;
	}
	.ic12 /*image carte 1*/
{
	left:66%;
	}
	.ic13 /*image carte 1*/
{
	left:70%;
	}	
/****** Position des cartes d'Ouest ******/
.OuestEstPique
{
	position:absolute;
	top:26%;
}
.OuestEstCoeur
{
	position:absolute;
	top:34%;
}
.OuestEstCarreau
{
	position:absolute;
	top:42%;
}
.OuestEstTrefle
{
	position:absolute;
	top:50%;
}
	.ico1 /*image carte 1*/
{
	left:0;
	}
	.ico2 /*image carte 1*/
{
	left:4%;
	}
	.ico3 /*image carte 1*/
{
	left:8%;
	}
	.ico4 /*image carte 1*/
{
	left:12%;
	}
	.ico5 /*image carte 1*/
{
	left:16%;
	}
	.ico6 /*image carte 1*/
{
	left:20%;
	}
	.ico7 /*image carte 1*/
{
	left:24%;
	}
	.ico8 /*image carte 1*/
{
	left:28%;
	}
	.ico9 /*image carte 1*/
{
	left:32%;
	}
	.ico10 /*image carte 1*/
{
	left:36%;
	}
	
/****** Position des cartes d'Est******/

	.ice4 /*image carte 1*/
{
	right:36%;
	}
	.ice5 /*image carte 1*/
{
	right:32%;
	}
	.ice6 /*image carte 1*/
{
	right:28%;
	}
	.ice7 /*image carte 1*/
{
	right:24%;
	}
	.ice8 /*image carte 1*/
{
	right:20%;
	}
	.ice9 /*image carte 1*/
{
	right:16%;
	}
	.ice10 /*image carte 1*/
{
	right:12%;
	}
	.ice11 /*image carte 1*/
{
	right:8%;
	}
	.ice12 /*image carte 1*/
{
	right:4%;
	}
	.ice13 /*image carte 1*/
{
	right:0%;
	}
	}