@charset "utf-8";
/* CSS Document */

html, body, div, span, p, img, li, form, table, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0;
	font-size: 100%;
	font: inherit;
	}
a {
	color: #FFF;
	}
.clear {
	clear: both;
	}
	
body {
	font-size: 12px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	width: 100%;
	-webkit-text-size-adjust: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	padding: 0px;
	margin: 0px;
	background:#EFEFEF;
}

.wrapper {
	text-align:center;
	color:#FFF;
	padding-bottom:30px;

}

/*****************Header*****************/

/*.bg{
	background:#000;
	padding: 5px 0px;	
	}
	*/
.header {
	background: #4658A7 url(../images/logo.png) no-repeat;
	width:196px;
	height:38px;
	margin:0px auto;
}

.banner{
	width:100%;
	height:auto;
	}
.banner img{
	width:100%;
	border:none;
	
	}

.head_1{
	font-family:"Myriad Pro";
	text-transform:uppercase;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#ff007f;
	margin:10px 0px;
	text-transform:uppercase;	
	}

.head{
	font-family:"Myriad Pro";
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	margin:10px 0px;	
	}
.number{
	width:90%;
	margin:auto;
	/*background:#FFF;
	border-radius:8px;*/
	height: auto;
	}

.number select {
  display: block;
  margin:10px  auto;
  width: 90%;
  font-family: sans-serif;
  font-size: 16px;
  font-weight:bold;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  background:#EFEFEF;  
  border: none;
  padding: 0px 5px;
  height:30px;
  border:solid #CCC 1px;
  text-align:center;
  border-radius:8px;
  }
  
.number select:focus {
  outline: none;
}

.number input[type="text"] {
  display: block;
  margin:10px  auto;
  width: 90%;
  font-family: sans-serif;
  font-size: 16px;
  font-weight:bold;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  background:#EFEFEF;  
  border: none;
  padding: 0px 5px;
  height:30px;
  border:solid #CCC 1px;
  text-align:center;
  border-radius:8px;
  }
  
.number input[type="text"]:focus {
  outline: none;
}

.number label{
	float:left;
	font-size: 16px;
	font-weight:bold;
	color:#000;
	width:auto;
	margin:0px 5px;
	line-height:30px;
	
	}

.service{
	font-size:14px;
	margin:5px 0px;
	}
	
.but a {
  display: block;
  margin: 15px  auto;
  width: 80%;
  font-family: sans-serif;
  font-size: 20px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  background:#A1D413;
  color:#000;
  border: none;
  padding: 0px 5px;
  height:40px;
  font-weight:bold;
  border-radius:8px;
  cursor:pointer;
  border:solid #81BE0B 1px;
  text-decoration:none;
  line-height:40px;
  }
  
.but a:focus {
  outline: none;
}

.but{
	width:90%;
	margin:auto;
	height: auto;
	}

/*.text{
	font-size:14px;
	text-align: center;
	margin:auto;
	color:#000;
	}*/

/*.text_margin {
	padding: 10px !important;
}*/
.icon {
	width: 100%;
	height: 100%;
}
.icon img {
	width: 100%;
	height: auto;
    border-radius:8px;
}

.game_tittle {
	font-size: x-small;
	font-weight: bold;
	text-transform: uppercase;
	margin: 5px 0px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
	
/*.game_cat {
	background: #4658A7;
	width: 100%;
	padding: 3px 0px;
	text-align: center;
	color: #FFF;
	font-size: 9px;
	margin: 5px 0px;
	border-radius: 25px;
}*/

.game_cat {
    background: #4658A7;
    width: 25px;
    height: 25px;
    text-align: center;
    color: #FFF;
    font-size: 9px;
    margin: 5px 0px;
    border-radius: 25px;
    float: right;
    line-height: 25px;
}

.more {
	font-size: x-small;
	color: #4857A6;
	font-weight: bold;
	text-align: right;
	line-height: 20px;
}

.bg1{
	background:#4D6883;
	/*border:solid #E5DB57 1px;*/
	padding:10px 0px;
	text-align:center;
	color:#FFF;
	}
.bg2{
	background:#4F8AC6;
	padding:10px 0px;
	text-align:center;
	}
.bg3{
	background:#5E98D3;
	padding:10px 0px;
	text-align:center;
	}
.bg4{
	background:#84B0DD;
	padding:10px 0px;
	text-align:center;
	}
	
.tcbg{
	padding:5px 0px;
	margin-top:10px;
	text-align:right;
	}

.mon_compte{
	background:#550029;
	padding:10px 0px;
	
	}

.tittle_main {
	font-size: medium;
	color: #4857A6;
	font-weight: bold;
}

.carousel{
	margin-top:10px;
	}

.carousel-control {
	position: absolute;
	top: 50% !important;
	;
	bottom: 50% !important;
	;
	left: 0;
	width: 5%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	background-color: rgba(0,0,0,0);
	filter: alpha(opacity=50);
	opacity: .5;
}

.close {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #FFF;
 /* background:url(../images/close-button_46.png) center no-repeat;*/
  border:solid #000 1px;
  width:30px;
  height:30px;
  line-height:29px;
  font-size:20px; 
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
  filter: alpha(opacity=80);
  opacity: 0.8;
  background-color:#000;
  border-radius:50%;
}

.footer{
	width:100%;
	height:30px;
	line-height:30px;
	color:#fff;
	text-align:center;
	background:#4658A7;
	position:fixed;
	bottom:0;
	border:solid #EB9510 1px;
	}