/* 
    Document   : style
    Created on : 25.12.2020 
    Author     : Olivier
    Description:
*/


.pagination {
	font:12px Arial, Helvetica, sans-serif;
	
	}
	 
	.pagination a {
	background:#fff;
	border:1px solid #999999;
	color:#999999;
	margin:2px;
	padding:.2em .4em;
	text-decoration:none;
	}
	 
	.pagination a:hover {
	background:#fff;
	border:1px solid #666666;
	color:#bd88fe;
	}
	 
	.pagination span.inactive {
	background:#fff;
	border:1px solid #999999;
	color:#f0f0ff;
	margin:2px;
	padding:.2em .4em;
	}
	 
	.pagination span.active {
	background:#f4ebff;
	border:1px solid #e0e0e0;
	color:#e0e0e0;
	font-weight:700;
	margin:2px;
	padding:.2em .4em;
	}
	 
	.bloc_pagination{
		clear: both;
	}
	
	
	html {
		box-sizing: border-box;
	  }
	  
	  *, *:before, *:after {
		box-sizing: inherit;
	  }
	
	  .main{
		  width:95%;
		  margin:auto;
		  background-color: #f1f1f1;
	  }
	  
	  .go-row{
		  margin:20px;
		  max-width:100%;
		  margin:auto;
	
	  }
	
	
	  .go-column {
		float: left;
		width: 16.6%;
		margin-bottom: 16px;
		padding: 0 8px;
	  }
	
	  @media screen and (max-width: 1400px) {
		.go-column {
		  width: 20%;
		  display: block;
		}
	  }
	
	
	  @media screen and (max-width: 1000px) {
		.go-column {
		  width: 25%;
		  display: block;
		}
	  }
	
	  @media screen and (max-width: 900px) {
		.go-column {
		  width: 50%;
		  display: block;
		}
	  }
	
	  @media screen and (max-width: 550px) {
		.go-column {
		  width: 100%;
		  display: block;
		}
	  }
	  
	  .card {
		position:relative;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
		height: 320px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px; 
	  }
	  
	  .go-container {
		padding: 0 8px;
	  }
	  
	  .go-container::after, .row::after {
		content: "";
		clear: both;
		display: table;
	  }
	  
	  .title {
		color: grey;
	  }
	  
	  .go-button {
		border: none;
		outline: 0;
		display: inline-block;
		padding: 8px;
		color: white;
		background-color:rgb(106, 179, 240);
		text-align: center;
		cursor: pointer;
		width: 94%;
		font-weight: bold;
		position: absolute;
		bottom: 10px;   
		margin:auto;
	  }
	  
	  .go-button:hover {
		background-color: #555;
	  }
	
	
	.clear {
		clear: both;
		}
	
	.go-responsive {
			width: 80%;
			height: auto;
	}
	
	.img_led{
		width:60px;
		height:60px;
		position: absolute;
		top: -12px;
		left:-12px; 
	  }
	
	
	.Liste_Nom{
		font-size:1.6em;
	
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.img_jeu {
		background-size: cover;
		width: 100%;
		height: 200px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px
	
		}
		
		.img_jeu img {
		display: none;
		}
	
	
	
	/* -- fiche du jeu -- */ 
	
	
	#Fiche_Numero{
		display: block;
		background-color:rgb(106, 179, 240);
		padding:10px; 
		font-weight: bold;
		font-size: large;
		color:white; 
		margin-bottom: 10px;
	}
	
	.Fiche_Titre{
		font-weight: bold;
	}
	
	.Fiche_Texte{
		display: block;
		max-width:50%; 
		text-align:justify;
	}
	
	.Fiche_Image{
		position:absolute;
		top:70px;
		right:20px;
		max-width:40%;
		max-height: 250px;
		margin:5px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px; 
	}
	
	.form-control-inline { 
		min-width: 0; 
		width: auto; 
		display: inline; 
	}