/** {
 margin:0;
 padding:0;
 }
 

td
{
text-align :center;
}*/

/*span{
	display: block; position: relative; top: -250px; visibility: hidden;
}*/

.texte
{
    color : black;
	background:transparent;
}
 
.texte:hover
{
    color : #666e77;
}

@-ms-viewport {
		width: device-width;
	}

div#jeux{
  background-color:#C0C0C0;
  border-bottom:solid white 0.5em;
  font-family: monospace;
}

div#titre {
  text-align:center;
  font-size: 2em;
  line-height: 2.5em;
  
  border-bottom-width: 0.1em;
  border-bottom-style: solid;
  border-bottom-color: #666e77;
  
  border-top-width: 0.1em;
  border-top-style: solid;
  border-top-color: #666e77;
}

div#contenu {
  width: 100%;
  height: 15em;
  
  border-bottom-width: 0.1em;
  border-bottom-style: solid;
  border-bottom-color: #666e77;
  
  background-color:#e6e6e6;
}

div#image {
  float: left;
  width: 24%;
  height: 100%;
 /* border: 0.1px solid red;*/
}

#imgTmp {
  height: 100%;
  width: 50%;
  margin: 0 auto;
  line-height: 20em;
  text-align: center;
  vertical-align: middle;
/*  border: 0.1px solid blue;*/
}

#img-game {
  max-width: 100%;
  max-height: 18em;
  /*display: block;*/
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  vertical-align: middle;
/*  border: 0.1px solid green;*/
   max-height: 12vmin;
   max-width: 12vmin;
}

div#infoJeu {
  float:right;
  width: 75%;
}

div#menu1 {
  font-size: 1.3em;
  line-height: 2em;
  display: inline-block;
  width: 100%;
  text-align: center;
}

div#menu2 {	
  font-size: 1.3em;
}

div#menu3 {	
  font-size: 1.3em;
}

div#menu4 {	
  font-size: 1.3em;
}

div#infos{
  float:left;
  display: inline-block;
  width: 65%;
}

div#joueur{	
  float:left;
  width: 50%;
}

div#duree{
  float:right;
  width: 50%;
}

div#age{
  float:right;
  width: 35%;
}

div#meca{		
/* display: inline-block;*/
  text-align: center;
  font-size:1.5em;
  line-height: 2em;	
}

div#bgg{
  font-size:1.5em;
  display: inline-block;
}

div#classement{	
    float: left;
}

div#bgg2{
    float: right;
}

div#note{
	float:right;
}
div#difficulte{	
	float:left;		
}

div#resume{	
  font-size:1.5em;
  text-align:justify;
  display: inline-block;
}

div#forme-0{
	float: left;
    font-size: 2vw;
    width: 4vw;
    height: 4vw;
    text-align: center;
    border-radius: 100%;
    line-height: 4vw;
    vertical-align: middle;
    background-color: #666E77;
}

div#forme-1{
	float: left;
    /*font-size: 2vw;*/
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    border-radius: 100%;
    line-height: 1.5em;
    vertical-align: middle;
    background-color: #830F17;
}

div#forme-2{
	float: left;
    /*font-size: 2vw;*/
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    border-radius: 100%;
    line-height: 1.5em;
    vertical-align: middle;
    background-color: #9A121C;
}

div#forme-3{
	float: left;
    /*font-size: 2vw;*/
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    border-radius: 100%;
    line-height: 1.5em;
    vertical-align: middle;
    background-color: #BF1723;
}

div#forme-4{	
	float: left;
    /*font-size: 2vw;*/
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    border-radius: 100%;
    line-height: 1.5em;
    vertical-align: middle;
    background-color: #D71925;
}

div#forme-5{	
	float: left;
    /*font-size: 2vw;*/
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    border-radius: 100%;
    line-height: 1.5em;
    vertical-align: middle;
    background-color: #ED9F49;
}

div#forme-6{
	float: left;
    /*font-size: 2vw;*/
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    border-radius: 100%;
    line-height: 1.5em;
    vertical-align: middle;
    background-color: #F2EE48;
}

div#forme-7{	
	float: left;
    /*font-size: 2vw;*/
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    border-radius: 100%;
    line-height: 1.5em;
    vertical-align: middle;
    background-color: #CEE753;
  
  
}

div#forme-8{	
	float: left;
    /*font-size: 2vw;*/
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    border-radius: 100%;
    line-height: 1.5em;
    vertical-align: middle;
    background-color: #A4E753;
}

div#forme-9{	
	float: left;
    /*font-size: 2vw;*/
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    border-radius: 100%;
    line-height: 1.5em;
    vertical-align: middle;
    background-color: #70B719;
}

div#forme-10{	
	float: left;
    /*font-size: 2vw;*/
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    border-radius: 100%;
    line-height: 1.5em;
    vertical-align: middle;
    background-color: #558B13;
}

div#forme-11{	
	float: left;
    /*font-size: 2vw;*/
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    border-radius: 100%;
    line-height: 1.5em;
    vertical-align: middle;
    background-color: #45630D;
}

div#texteNote{
  float:left;
}

div#noteNote{
  
}

div#autresInfos{
	background-color:#f0f0f0;
	padding:1em;
}

#img-video{
  height:10vmin;
}


div#video{
  padding-bottom: 1vw;
  padding-top: 1vw;
}


font {text-shadow: -1px 0 black, 0 1px black,
      1px 0 black, 0 -1px black}
	  

#tableJeu{
	
	font-family: monospace;
	width:100%;
	/*border-right-style:solid;
	border-left-style:solid;*/
	
	
	
	
	border-top-left-radius: 16px;
    border-top-right-radius: 16px;
	border-collapse: collapse;
	
}

b{
	font-variant: small-caps;
	font-size:1.2em;
}

td{
	font-size:1.5em;
}
	  
#tableTitre{
	background-color:#c0c0c0;
	font-size:2em;
	text-align:center;
	/*border-width: 2px;
	border-bottom-style:double;
	border-top-style:double;*/
	/*border-radius:16px;*/
	
	border-width: 1px;
	border-bottom-style:solid;
	
	border-top-left-radius: 16px;
    border-top-right-radius: 16px;
	
}

#celluleImage{
	width:20%;
	text-align:center;
	vertical-align:middle;
	background-color:#e6e6e6;
}

#celluleImageMobile{
	width:10%;
	text-align:center;
	vertical-align:middle;
	background-color:#e6e6e6;
}

#infoJeu{
	text-align:center;
	background-color:#e6e6e6;
}

#infoStat{
	text-align:center;
	background-color:#e6e6e6;
	font-size: 1.2em;
}

#infoStatNom{
	max-width:25vmin;
	background-color:#e6e6e6;
	font-size: 1.2em;
}

#infoStatMobile{
	text-align:center;
	background-color:#e6e6e6;
	font-size: 0.9em;
}

#infoStatNomMobile{
	max-width:25vmin;
	background-color:#e6e6e6;
	font-size: 0.9em
}

#celluleImage img{
	max-height:20vmin;
	max-width:25vmin;
	width:auto;
	vertical-align: middle;
}

#celluleImageMobile img{
	max-height:15vmin;
	width:auto;
	vertical-align: middle;
}

#infosTd{
	background-color:#e6e6e6;
}

#celluleGraph img{
	background-color:pink;
}

#celluleGraph img:hover{
	-webkit-transform:scale(1.5); /* Safari et Chrome */
	-moz-transform:scale(1.5); /* Firefox */
	-ms-transform:scale(1.5); /* Internet Explorer 9 */
	-o-transform:scale(1.5); /* Opera */
	/*transform:scale(1.5);*/
	transform:scale(1.5);
}

#celluleImage img:hover{
	/*margin-left: 80px;*/
	margin-left: 9em;
	-webkit-transform:scale(2); /* Safari et Chrome */
	-moz-transform:scale(2); /* Firefox */
	-ms-transform:scale(2); /* Internet Explorer 9 */
	-o-transform:scale(2); /* Opera */
	/*transform:scale(2);*/
	transform:scale(3);
}

#celluleImageMobile img:hover{
	margin-left: 10px;
	
	-webkit-transform:scale(2); /* Safari et Chrome */
	-moz-transform:scale(2); /* Firefox */
	-ms-transform:scale(2); /* Internet Explorer 9 */
	-o-transform:scale(2); /* Opera */
	transform:scale(2);
}

#blankLine{
	background-color:white;
	width:100%;
}

#finJeu{
	/*background-color:white;*/
	width:100%;
	height:10px;
	
	background-color:#c0c0c0;
	
	border-width: 1px;
	border-top-style:solid;
	
	border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
	
	text-align:center;
}

#meca{
	text-align:center;
	background-color:white;
	background-color:#dfdcdd;
	padding:10px;
	font-style:italic;
}

#noteBGG{
	float:left;
}

#bggTable{
	text-align:center;
	/*border:1px;*/
	background-color:#e6e6e6;
}


#resumeTable{
	text-align:justify;
	/*border:1px;*/
	background-color:white;
}

#tableResume{
	width:100%;
	font-size:0.7em;
}

#tableBGG{
	width:100%;
	font-size:0.7em;
	background: #f7f7f7;
}

#noteBGGTitre{
	text-align:right;
	width:10%;
}

/*#noteBGGTd{
	text-align:center;
	border-radius:16px;
	width:2%;
	
	
    background-color: #45630D;
}

*/



#ResumeTd{
	text-align:justify;
	padding:10px;
	/*background-color:white;*/
	background-color:#dcdcdc;
}

#ResumeTdMobile{
	text-align:justify;
	/*padding:10px;*/
	background-color:white;
}



#videoImg{
	background-color:#e6e6e6;
}

#videoImg img{
	max-height: 20vmin;
    width: auto;
    vertical-align: middle;
}


#videoImg img:hover{
	-webkit-transform:scale(2); /* Safari et Chrome */
	-moz-transform:scale(2); /* Firefox */
	-ms-transform:scale(2); /* Internet Explorer 9 */
	-o-transform:scale(2); /* Opera */
	transform:scale(2);
}

#noteBGGTd-0{
	text-align:center;
	border-radius:16px;
	width:2%;
    background-color: #666E77;
}

#noteBGGTd-1{
	text-align:center;
	border-radius:16px;
	width:2%;
    background-color: #830F17;
}

#noteBGGTd-2{
	text-align:center;
	border-radius:16px;
	width:2%;
    background-color: #9A121C;
}

#noteBGGTd-3{
	text-align:center;
	border-radius:16px;
	width:2%;
    background-color: #BF1723;
}

#noteBGGTd-4{	
	text-align:center;
	border-radius:16px;
	width:2%;
    background-color: #D71925;
}

#noteBGGTd-5{	
	text-align:center;
	border-radius:16px;
	width:2%;
    background-color: #ED9F49;
}

#noteBGGTd-6{
	text-align:center;
	border-radius:16px;
	width:2%;
    background-color: #F2EE48;
}

#noteBGGTd-7{	
	text-align:center;
	border-radius:16px;
	width:2%;
    background-color: #CEE753;
}

#noteBGGTd-8{	
	text-align:center;
	border-radius:16px;
	width:2%;
    background-color: #A4E753;
}

#noteBGGTd-9{	
	text-align:center;
	border-radius:16px;
	width:2%;
    background-color: #70B719;
}

#noteBGGTd-10{	
	text-align:center;
	border-radius:16px;
	width:2%;
    background-color: #558B13;
}

#nomJeu{
	color: rgb(255,128,0);
	font-style: italic;
}

#noteBGGTd-11{	
	text-align:center;
	border-radius:16px;
	width:2%;
    background-color: #45630D;
}

#entete {
	padding: 4px;
	position:fixed;
        top: 0;
        right: 0;
	height:8em;
	bottom: 0;
	left: 0;
	width:100%;
	text-align: center;
	background-color: #494951;
	/*display: flex;*/
	align-items: center;
	justify-content: center;
    color: rgba(255, 255, 255, 0.5);
	border-bottom: 2px solid #E03F00;
}


#main {
	top:8.6em;
	left:0;
	bottom:1.5em;
	position: absolute;
	overflow:auto;
}
#item{
	width:100%;
	/*background-color:red;*/
    display:inline-block;
    vertical-align: middle;
	/*float:left;*/
}


#contenuCentral {
	/*width:85%;
	float:right;
	background-color:#9966FF;
	margin-left:100px;
	padding-bottom:1.5%;*/
}

#tableVideo{
	/*background-color:red;*/
}

@media (min-width: 800px) {
	#haut_page {
		
		
		background      : #f0f0f0;
		height          : 4em;
		/*border-top      : 2px solid #dedede;*/
		position        : fixed;
		width           : 100%;
		left            : 0; 
		text-align		: center;
		top				:0;
		
		line-height: 4em;
	}
}

@media (max-width: 800px) {
	#haut_page {
		
		
		background      : #f0f0f0;
		height          : 4em;
		/*border-top      : 2px solid #dedede;*/
		position        : fixed;
		width           : 100%;
		left            : 0; 
		text-align		: center;
		top				:0;
		
		line-height: 2em;
	}
}

@media (max-width: 800px) {
	#boutons{
		line-height:2.2em;
	}
}
@media (min-width: 800px) {
	#boutons{
		line-height:3em;
	}
}
/*
#lettreAlpha{
	color : orange;
}
*/
#footer {
	
	
	background      : #f0f0f0;
    height          : 40px;
    border-top      : 2px solid #dedede;
    position        : fixed;
    bottom          : 0;
    width           : 100%;
    left            : 0; 
	text-align		: center;
	
	/*position: fixed;
	bottom: 0px;
	*/
	/*padding: 5px;
	position: fixed;
	height:1em;
	bottom: 0;
	left: 0;
	width:100%;
	text-align: center;
	background-color: #494951;
	
	border-top: 2px solid #E03F00;
    margin-top: 20px;
	clear: both;
	
	padding-bottom: 10px;
    padding-top: 10px;
    color: rgba(255, 255, 255, 0.5);*/
	
	/*background:#ccc;

position:absolute;

bottom:0;

width:100%;

padding-top:50px;

height:50px;*/
	
	/*position: fixed;
	border-top: 5px solid #E03F00;
    margin-top: 20px;
    float: left;
    width: 100%;
    clear: both;
    padding-bottom: 10px;
    padding-top: 10px;
    color: rgba(255, 255, 255, 0.5);*/
	
}

#footer p{
	  text-align      : center;
    color           : #a7a7a7;
    font            : normal 11px verdana, sans-serif;
    padding-top     : 12px;
    margin          : 0;
}

#nbJeux{
	text-align: center;
	padding: 1em;
}



#noteBGGTdMobile-0{
	text-align:center;
	border-radius:16px;
    background-color: #666E77;
}

#noteBGGTdMobile-1{
	text-align:center;
	border-radius:16px;
    background-color: #830F17;
}

#noteBGGTdMobile-2{
	text-align:center;
	border-radius:16px;
    background-color: #9A121C;
}

#noteBGGTdMobile-3{
	text-align:center;
	border-radius:16px;
    background-color: #BF1723;
}

#noteBGGTdMobile-4{	
	text-align:center;
	border-radius:16px;
    background-color: #D71925;
}

#noteBGGTdMobile-5{	
	text-align:center;
	border-radius:16px;
    background-color: #ED9F49;
}

#noteBGGTdMobile-6{
	text-align:center;
	border-radius:16px;
    background-color: #F2EE48;
}

#noteBGGTdMobile-7{	
	text-align:center;
	border-radius:16px;
    background-color: #CEE753;
}

#noteBGGTdMobile-8{	
	text-align:center;
	border-radius:16px;
    background-color: #A4E753;
}

#noteBGGTdMobile-9{	
	text-align:center;
	border-radius:16px;
    background-color: #70B719;
}

#noteBGGTdMobile-10{	
	text-align:center;
	border-radius:16px;
    background-color: #558B13;
}

#noteBGGTdMobile-11{	
	text-align:center;
	border-radius:16px;
    background-color: #45630D;
}

#tableFinJeu{
	width:100%;
}

#tdFinJeu{
	font-size: 1em;	
}

.stitre{
	font-variant-caps:small-caps;
	font-weight: bold;
	font-size: 1.3em;
	background-color:transparent;
}


a.leBouton {
margin:0 auto;
/*display: inline-block;*/
text-align: center;
font-weight: 600;
text-decoration: none;
font-size:0.9em;
/*width: 120px;*/
padding: .5em 1em;

color: #333;
background: #c0c0c0;
}
a.leBouton:hover {
background: #494951;
color: #fff;

}

a:link 
{ 
 text-decoration:none;
 color: #000000;
 font-style: italic;
}

a:visited 
{ 
 text-decoration:none;
 color: #000000;
 font-style: italic;
} 

a:hover 
{ 
 text-decoration:underline;
 color: #000000;
 font-weight: bold;
 font-style: italic;
} 


#testQqch{
font:Verdana, Geneva, sans-serif;
font-size:18px;
text-align:left;
height:50px;
vertical-align:middle;
line-height: 50px;
}


.disabled{
        cursor: default;
        pointer-events: none;        
        background: #c0c0c0;
		padding: .4em 1em;
      }
	  


	  
#scroll_to_top {
  position: fixed;
  width: 25px;
  height: 25px;
  bottom: 50px;
  right: 30px;
}
#footer img {
  width: 25px;
}

#scrollUp
{
position: fixed;
bottom : 10px;
right: -100px;
opacity: 0.5;
}

#bodyPage {
 margin-top:4em;
 margin-bottom:2em;
}


.classSaut
{
	/*display: block;*/
	position: relative;
	top: -45px;
	visibility: hidden;
}

#fitreDiv{
	text-align: center;
    line-height: 2em;
}

#buttonFiltre{
	background-color: #808080bd;
    border-radius: 3px;
    border: 0px;
	width: 10em;
    height: 1.5em;
	cursor: pointer;
}