/**  ----------------  **/

body {
	padding:0;
	margin:0;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	background-color:#98c26a;
	background-repeat:repeat-x;
}

a {
	text-decoration:none;
	vertical-align:top;
}

h1, h2, h3 {
	padding:0px;
	margin:0px;
	text-align:center;
}

img {
	border:0px;
}

p {
	padding:0px;
	margin:0px;
	line-height: 19px;
	margin-bottom: 10px;
}

.clear {
	clear:both;
}
.float_left {
	float:left;
	margin-right: 15px;
}
.float_right {
	float:right;
	margin-left: 15px;
}
header, nav, article, footer {   
    display: block;   
} 
/** ******************************************** ***/
#wrapper{}

header{
	width: 900px;
	margin: 20px auto 0px auto;
	height: 135px;
	background: #fff;
	background-image:url(../images/top.jpg);
}
#content{
	background: #fff;
	width: 860px;
	margin: 20px auto 0px auto;
	
	padding: 36px 20px 36px 20px;
}
.intro{
	float: left;
	width: 480px;
	text-align:justify;
	
	color: #000;
	margin-left:20px; margin-bottom: 30px; margin-top: 0px; padding: 5px 20px ;
	
	border: 1px solid #a3a3a3;
	
}
.intro h1{
	color: #DC3A24;
    font-size: 20px;
    margin-bottom: 10px;
    text-align: left;
}
.intro p{
	font-size:12px;
}
.cadre_info{
	float:left;
	height:326px;
	margin-left: 10px;
    width: 290px;
	border: 1px solid #A3A3A3;
	
}
.cadre_info h2{
	color: #98C26A;
	font-size:13px;
	margin-top: 10px;
	margin-bottom: 15px;
}
.cadre_info .table{
	color: #000;
	font-size:11px;
	text-align: left;
	width: 260px;
	margin-left: auto; margin-right: auto;
}
.cadre_info .table p{
	padding-left: 25px;
	background-image:url(../images/chip-no.png);
	background-repeat:no-repeat;
	background-position:0% 0%;
	height:40px;
}
.cadre_info .table p:hover{
	background-image:url(../images/chip2.png);
	background-repeat:no-repeat;
	background-position:0% 0%;
}
.cadre_info .table p span.bon{
	float: right;
	color: #DC3A24;
	font-size:15px;
	font-weight:600;
}
.cadre_info .table p span.btns{
	float: right;
	margin-left: 15px;
}
.cadre_info .table p span.btns a{
	font-weight:bold;
	color: #000;
}
.cadre_info .table p span.btns:hover{
	
}
.cadre_info .table p span.btns a:hover{
	text-decoration: underline;
	color: #000;
}
/** *************************menu ****************/
nav{
	background-color: #272B30;
    float: right;
    height: 30px;
    margin-top: 5px;
    padding-top: 15px;
    width: 870px;
	padding-left: 30px;
}
nav a{
	color: #fff;
	font-size: 13px;
	padding: 10px 13px;
	margin: 0px 10px 0px 10px;

}
nav a.actif{
	color: #fff;
	padding: 10px 13px;
	margin: 0 10px 0px 10px;
	text-decoration:none;
	
	background: #dc3a24;
	background: -moz-linear-gradient(top,  #dc3a24 0%, #d87163 50%, #db4d3b 52%, #db5d4c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dc3a24), color-stop(50%,#d87163), color-stop(52%,#db4d3b), color-stop(100%,#db5d4c));
	background: -webkit-linear-gradient(top,  #dc3a24 0%,#d87163 50%,#db4d3b 52%,#db5d4c 100%);
	background: -o-linear-gradient(top,  #dc3a24 0%,#d87163 50%,#db4d3b 52%,#db5d4c 100%);
	background: -ms-linear-gradient(top,  #dc3a24 0%,#d87163 50%,#db4d3b 52%,#db5d4c 100%);
	background: linear-gradient(to bottom,  #dc3a24 0%,#d87163 50%,#db4d3b 52%,#db5d4c 100%);
	
}
nav a.actif:hover{
	text-decoration:none;	
}
nav a:hover{
	color: #fff;
	padding: 10px 13px;
	margin: 0 10px 0px 10px;
	text-decoration:underline;	
}

/** **********************************************/
#logo{
	float:left;
	margin-left: 60px;
	margin-top: 10px;
}
article{
	background-color: #dfdfdf;
	width: 248px;
	height: 235px;
	float: left;
	margin: 0 16px 30px 20px;
	text-align:center;
	border: 1px solid #272B30;
	color:#7f7f7f;
}
article h2{
	font-size:17px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #DC3A24;
}
article h3{
	font-size:17px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #DC3A24;
}

.btn{
	width: 90px;
	background-color: #8E0E07;
	float:left;
	margin-left: 16px; margin-top: 12px;
	padding:5px;
background: #DC3A24;
}
.btn:hover{
	width: 90px;
	background-color: #8E0E07;
	padding:5px;
}
.btn a{
	color: #fff;
	height: 19px;
}

.btn_bonus{
	width: 145px;
	background-color: #8E0E07;
	border-radius:20px 20px;
	margin-left: auto; margin-right:auto; margin-top: 5px;
	padding:5px;
background: #880d07; /* Old browsers */

background: -moz-linear-gradient(top,  #880d07 0%, #380104 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#880d07), color-stop(99%,#380104)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #880d07 0%,#380104 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #880d07 0%,#380104 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #880d07 0%,#380104 99%); /* IE10+ */
background: linear-gradient(to bottom,  #880d07 0%,#380104 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#880d07', endColorstr='#380104',GradientType=0 ); /* IE6-8 */
}
.btn_bonus:hover{
	width: 145px;
	background-color: #8E0E07;
	border-radius:20px 20px;
	margin-left: auto; margin-right:auto;
	padding:5px;
background: #380104; /* Old browsers */

background: -moz-linear-gradient(top,  #380104 1%, #880d07 95%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#380104), color-stop(95%,#880d07)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #380104 1%,#880d07 95%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #380104 1%,#880d07 95%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #380104 1%,#880d07 95%); /* IE10+ */
background: linear-gradient(to bottom,  #380104 1%,#880d07 95%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#380104', endColorstr='#880d07',GradientType=0 ); /* IE6-8 */
}
.btn_bonus a{
	color: #fff;
	height: 19px;
}




#bas{
	float: left;
	width: 790px;
	text-align:justify;
	
	color: #000;
	margin-left:20px; margin-bottom: 20px; margin-top: 0px; padding: 5px 20px ;
	
	border: 1px solid #a3a3a3;
}
#bas h1{
	color: #DC3A24;
	margin-bottom: 10px;
	text-align:left;
}
#bas h2{
	color: #98C26A;
	margin-bottom: 10px;
	text-align:left;
}
#bas img{
	margin : 0px 5px 5px 10px;
}
/** ********** page interne casino *****************/

.game{margin-left: 5px; margin-right: 5px;margin-top: 25px;}

.capture_casino{	
	float: left;
	width: 400px;
	text-align:center;
	margin-top: 10px;
}
.intro_casino{
	float: left;
	width: 440px;
	text-align:justify;
}

.intro_casino h1{ 
	text-align: left;
	font-size:20px;
	color: #DC3A48;
	margin-bottom: 5px;
}
.intro_casino h2{ 
	text-align: left;
	font-size:20px;
	color: #A30E07;
	text-shadow: #333 1px 0px;
	margin-bottom: 5px;
}
.intro_casino .check{ 
	padding-left: 25px;
	background-image: url(../images/check.png);
	background-repeat:no-repeat;
	background-position:0% 50%;
}
.intro_casino .nocheck{ 
	padding-left: 25px;
	background-image: url(../images/nocheck.png);
	background-repeat:no-repeat;
	background-position:0% 50%;
}
#contenu_page{
	width: 620px;
	margin-left: 30px; margin-right: 25px; margin-top: 40px;
	text-align:justify;
	float: left;
}
#contenu_page h1{
	text-align: left;
	color:#5F92BA;
	margin-bottom: 10px;
	font-size:18px;
}
#contenu_page h2{
	text-align: left;
	color:#98C26A;
	margin-bottom: 10px;
	font-size:16px;
}
#contenu_page h3{
	text-align: left;
	color:#5F92BA;
	margin-bottom: 10px;
}
#contenu_pub{
	width: 160px;
	float: left;
	margin-top: 40px;
	text-align:center;
}
.btn_go{
	width: 200px;
	height: 40px;
	line-height:40px;
	font-size:18px;
	text-align:center;
	background-color: #8E0E07;
	border-radius:20px 20px;
	margin-left: auto; margin-right:auto; margin-top: 5px;
	padding:5px;
	
background: #880d07; /* Old browsers */

background: -moz-linear-gradient(top,  #880d07 0%, #380104 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#880d07), color-stop(99%,#380104)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #880d07 0%,#380104 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #880d07 0%,#380104 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #880d07 0%,#380104 99%); /* IE10+ */
background: linear-gradient(to bottom,  #880d07 0%,#380104 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#880d07', endColorstr='#380104',GradientType=0 ); /* IE6-8 */
}
.btn_go a{
	color: white;
	line-height:40px;
	padding: 15px 20px
}
.btn_go:hover{
	width: 200px;
	height: 40px;
	line-height:40px;
	font-size:18px;
	text-align:center;
	background-color: #8E0E07;
	border-radius:20px 20px;
	margin-left: auto; margin-right:auto; margin-top: 5px;
	padding:5px;
background: #880d07; /* Old browsers */

background: -moz-linear-gradient(top,  #380104 1%, #880d07 95%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#380104), color-stop(95%,#880d07)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #380104 1%,#880d07 95%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #380104 1%,#880d07 95%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #380104 1%,#880d07 95%); /* IE10+ */
background: linear-gradient(to bottom,  #380104 1%,#880d07 95%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#380104', endColorstr='#880d07',GradientType=0 ); /* IE6-8 */
}

/***************************************************/
footer{
	border-top: #DC3A48 3px solid;
	height: 164px;
	padding-top: 16px;
	background-color:#272B30;
	text-align:center;
}
footer .foot{
	width: 840px;
	margin-left:auto; margin-right: auto;
}
footer h3{
	padding: 0px; margin:0px 0px 5px 0px;
	color: #DC3A48;
	font-size:12px;
}
footer h4{
	padding: 0px; margin:0px 0px 5px 0px;
	color: #DC3A48;
	font-size:12px;
}
footer a, span{
	padding: 0px; margin:0px;
	color: #fff;
	font-size:10px;
}
footer a:hover{
	text-decoration: underline;
}
footer .col1{
	float: left;
	width: 280px;
	
}
footer .col2{
	float: left;
	width: 280px;
}
footer .col3{
	float: left;
	width: 280px;
}