@charset "utf-8";

@font-face{
    font-family : "MyWebFont";

    /* pour IE */
    src : url('../font/GROBOLD.eot');

    /* pour les autres */
    src : url('../font/GROBOLD.woff') format('woff'),
          url('../font/GROBOLD.svg#abcd') format('svg'),
          url('../font/GROBOLD.ttf') format('truetype');
}
@font-face{
    font-family : "MyWebFont1";

    /* pour IE */
    src : url('../font/GARFIELD_0.eot');

    /* pour les autres */
    src : url('../font/GARFIELD_0.woff') format('woff'),
          url('../font/GARFIELD_0.svg#abcd') format('svg'),
          url('../font/GARFIELD_0.ttf') format('truetype');
}





html, ul, li, a, input, select, textarea, h1, h2, h3, h4, h5, h6, p
		{
			display:block;
			font-family:"Arial";
			font-size:12px;
			list-style:none;
			margin:0px;
			padding:0px;
			border:0px;
			text-decoration:none;
			font-weight:normal;
		}

body 
{
margin:auto;
padding:0px;
background:#11141A;
/*background-image:url(../img/fond.png);*/
background: url(../img/fond.png) no-repeat center fixed; 
background-position: top;
color:#4e4e4e;
width:1400px;
height:auto;
}

/* Général */
	html
		{
			position:relative;
			background-color:#F6E497;
		}

a:active{}
a:visited{}
a:link{}

a img {
  border: none;
}	

#logo{
background-image:url(../img/logo.png);
width:918px;
height:208px;
margin: auto;
margin-top: auto;
}

#barrestat{
background-image:url(../img/barrestat.png);
width:935px;
height:36px;
margin: auto;
margin-top: 0px;
}

#defile{
position:relative;
font-family: 'MyWebFont';
font-size:12px;
width:450px;
margin-top: 12px;
padding-left: 28px;
}

#defile1{
position:relative;
font-family: 'MyWebFont';
font-size:14px;
width:270px;
margin-top:-50px;
padding-left: 400px;
}

#log{
background-image:url(../img/fondhead.png);
width:1200px;
height:200px;
margin: auto;
margin-top: -20px;
}

#log2{
background-image:url(../img/fondhead1.png);
width:1200px;
height:200px;
margin: auto;
margin-top: -20px;
}

.espace-membre
{
padding-left:20px;
}

.espaceM
{
font-family: 'MyWebFont';
font-size:16px;
width:1200px;
height:200px;
padding-top:8px;
padding-left:0px;
}

.compteur
{
font-family: 'MyWebFont';
font-size:10px;
margin-top:-60px;
padding-left:890px;
}

.deconnect
{
margin-top:-60px;
padding-left:1000px;
}

.moncompte
{
padding-top:-40px;
padding-left:610px;
}



#ban468{
position:relative;
padding-left: 692px;
margin-top:-40px;
width:468px;
height:60px;
}

/*.partie{
 position: relative;
  top: 0px;
  left: 1%;
  margin-top:-100px;
font-family: 'MyWebFont';
font-size:13px;
color:#F6E497;
}*/

.partie {
position:relative;
display:block;
margin:20px;
margin-left:10px;
margin-top:-101px;
font-family: 'MyWebFont';
font-size:11px;
color:#F6E497;
}

.partie1{
 position: relative;
  top: -40px;
  left: 10%;
  margin-top:-50px;
font-family: 'MyWebFont';
font-size:18px;
color:#F6E497;
}

.text-form1{
text-align:center;
vertical-align:middle;
font-family: 'MyWebFont';
font-size:18px;
}

.enligne{
position:relative;
width:50px;
margin-top: -15px;
margin-left: 600px;
font-family: 'MyWebFont';
font-size:12px;
}

.inscrit{
position:relative;
width:50px;
margin-top: -15px;
margin-left: 740px;
font-family: 'MyWebFont';
font-size:12px;
}

.cadeau{
position:relative;
width:50px;
margin-top: -15px;
margin-left: 880px;
font-family: 'MyWebFont';
font-size:12px;
}

.corpsj{
background-image:url(../img/pub.png);
margin-top: 10px;
margin-left: 580px;
width:300px;
height:300px;

}

.corpsj1{
background-image:url(../img/pub.png);
margin-top: -260px;
margin-left: 580px;
width:300px;
height:300px;

}

.titre-jeu{
background-image:url(../img/titre.png);
margin-top: -300px;
margin-left: 10px;
width:545px;
height:42px;
}

.titre-jeu-ex{
background-image:url(../img/encartitre.png);
margin-top: 20px;
margin-left: 10px;
width:545px;
height:57px;
}

.titre-jeu-game{
background:url(../img/encarjeux.png);
background-position: center center;
background-repeat: no-repeat; 
background-size: cover; 
-moz-background-size: 100% 100%;     /* Gecko 1.9.2 (Firefox 3.6) */
-o-background-size: 100% 100%;        /* Opera 9.5 */
-webkit-background-size: 100% 100%;   /* Safari 3.0 */
background-size: 100% 100%;     
margin-top: 20px;
margin-left: 10px;
width:545px;
height:659px;
}



#menue{
position:relative;
width:1200px;
height:60px;
margin: auto;
margin-left:170px;
margin-top: 20px;
}

ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
li {
 margin-left:2px;
 float:left; /*pour IE*/
 }
ul li a {
display:block;
width:129px;
line-height:32px;
text-align:center;
vertical-align:middle;
font-family: 'MyWebFont';
font-size:16px;
background:url(../img/bouton.png) no-repeat;
color:white;
text-decoration:none;
 
 border:0px solid;
 }
ul li a:hover {
 /*background-color:#D3D3D3;
 border-color:#696969 #DCDCDC #DCDCDC #696969;*/
 } 

#corps{
/*background-image:url(../img/bgcorps.png);
background-position: center center;
background-repeat: no-repeat; 
background-size: cover; 
-moz-background-size: 100% 100%;     
-o-background-size: 100% 100%;    
-webkit-background-size: 100% 100%;  */ 
background: url(../img/bgcorps.png) no-repeat center center fixed; 
background-size: cover;
width:918px;
height:auto;
margin: auto;
margin-top: -25px;
}

.jeuxg{
padding-top:20px;
padding-left:5px;
}

.thumb-jeu
{
display:inline-block;
vertical-align:top;
background-image:url(../img/avenir.png);
width:169px;
height:81px;
margin:2px;
position:relative;
}
.thumb-jeu1
{
display:inline-block;
vertical-align:top;
background-image:url(../img/avenir1.png);
width:169px;
height:81px;
margin:2px;
position:relative;
}
		
.thumb-jeu:ntf-of-type(3)
{
margin-right:0px;
}
		
.thumb-jeu .titre
{
position:absolute;
bottom:2px;
left:5px;
font-family: 'Arial';
color:#FFF;
}

.thumb-jeu1 .titre1
{
position:absolute;
bottom:5px;
left:5px;
font-family: 'Arial';
color:#FFF;
}
			
.thumb-jeu .titre a
{
display:inline-block;
color:#fff;
}
				
.thumb-jeu .titre span
{
display:inline-block;
padding:3px;
color:#333;
background-color:#FFF;
border:1px #333 solid;
font-size:10px;
height:7px;
width:7px;
line-height:7px;
text-align:center;
vertical-align:text-bottom;
}
				
.thumb-jeu .parties
{
position:absolute;
right:5px;
bottom:2px;
font-size:16px;
font-weight:bold;
color:#6c7b34;
text-shadow:0px 1px #657039;
}
				
.thumb-jeu .parties img
{
	display:inline-block;
	vertical-align:middle;
	
}


#connect
{
position:relative;
padding-top:37px;
padding-left:730px;
}

.form3
{
	border: 1px solid #CEF4EF;
   /* box-shadow: 1px 1px 1px #B5E655 inset;*/
    display: block;
	border-radius: 5px 5px 0 5px;
    padding: 3px;
    width: 300px;
}

.form4
{
	border: 1px solid #CEF4EF;
   /* box-shadow: 1px 1px 1px #B5E655 inset;*/
    display: block;
	border-radius: 5px 5px 0 5px;
    padding: 3px;
    width: 100px;
}


.form1
{
	border: 1px solid #CEF4EF;
   /* box-shadow: 1px 1px 1px #B5E655 inset;*/
    display: block;
	border-radius: 5px 5px 0 5px;
    padding: 3px;
    width: 120px;
}

.form2 
{
	border: 1px solid #CEF4EF;
   /* box-shadow: 1px 1px 1px #B5E655 inset;*/
    display: block;
    font-size:11px;
	border-radius: 5px 5px 0 5px;
    padding: 3px;
    width: 120px;
}

.imgClass { 
background-image: url(../img/valide.png);
background-position:  0px 0px;
background-repeat: no-repeat;
width: 26px;
height: 24px;
border: 0px;
cursor: pointer;
outline: 0;
}
.imgClass:hover{ 
  background-position:  0px -52px;
}

.imgClass:active{
  background-position:  0px -104px;
}

  #slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:0px;
    }

    #slides .slidesjs-previous {
      margin-right: 5px;
      float: left;
    }

    #slides .slidesjs-next {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 0px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -2px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }

/* Footer Links */
#footer ul {
 margin: auto;
 padding: 0 1em;
 list-style: none;
}
#footer li {
 display: inline;
 margin: auto;
 padding: 0 0.2em 0 0.5em;
 background: url(line.gif) left center no-repeat;
}
#footer a {
 margin-left: 3px; /* Width of the graphic */
}
#footer .first {
 padding-left: 0;
 background: none;
}
#footer .first a {
 margin-left: 0;
}

.input_message
{
background-image: url(../img/creerclans.png);
background-position:  0px 0px;
background-repeat: no-repeat;
color:white;
font-family: 'MyWebFont';
font-size:16px;
width: 129px;
height: 33px;
border: 0px;
cursor: pointer;
outline: 0;
}

.bouton_submit{
display:block;
width:300px;
line-height:50px;
text-align:center;
vertical-align:middle;
background-color:#B9121B;
border-radius: 10px 10px 10px 10px;
color:white;
font-family: 'MyWebFont';
font-size:16px;
text-decoration:none;
}
 
.bouton_submit:hover{
 background-color:#C03000;
}
 
.bouton_submit:active{
 background-color:url(img_3.png);
}

hr {
    display: block;
    clear: both;
    height: 0;
    margin: 40px 0 80px;
    padding: 0;
    border: 0;
    font-family: arial;
    text-align: center;
    font-size: 20px;
    line-height: 1;
}
hr:after {
    content: "\273D \273D \273D";
    height: 0;			
    letter-spacing: 1em;
    color: #aaa;
}


#menu-boutique {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #E0C2B9;
    display: block;
    margin: 4px;
    position: relative;
}
		
	#menu-boutique a
		{
			width:102px;
			height:25px;
			position:relative;
			display:inline-block;
			vertical-align:top;
			text-decoration:none;
			color:#FFF;
			
		}
		
		#menu-boutique a span
			{
				display:block;
				padding-top:17px;
				text-align:center;
				font-family:"Myriad Pro";
					font-size:16px;
					font-weight:bold;			
			}
			
		#menu-boutique a:hover span
			{
				color:#ac2920;
			}
			

			
			#menu-boutique a:hover .bot
				{
					background:#ac2920;
					
				}
			
#menu-boutique .sepa {
    border-left: 1px solid #B18170;
    border-right: 1px solid #B18170;
    display: inline-block;
    height: 50px;
    vertical-align: text-bottom;
}
			
	#menu-boutique a.accueil img
		{
			margin-top:15px;
		}

		.article-mini
			{
				display:inline-block;
				position:relative;
				width:278px;
				background-color:#eccfc4;
				padding:5px;
				color:#222;
				margin-bottom:5px;
				vertical-align:top;
				height:120px;
				margin:1px;
			}
			
			.article-mini img
				{
					position:absolute;
					left:5px;
					top:5px;
					width:107px;
					height:115px;
					border:1px #694b40 solid;
					
				}
				
			.article-mini p
				{
					position:absolute;
					right:5px;
					top:5px;
					margin:0px;
					padding:0px;
					width:155px;
					text-align:center;
					padding:5px;
					font-size:10px;
					background-color:#FFF;
					opacity:.6;
					color:#000;
					
				}
				
				.article-mini p strong
					{
						display:block;
						font-size:11px;
						margin-top:3Px;
						
					}
					
				.article-mini a
					{
						background: none repeat scroll 0 0 #B68574;
						border: 1px solid #62463C;
						bottom: 8px;
						padding: 5px;
						position: absolute;
						right: 5px;
						width: 153px;
						font-family:"Myriad Pro";
						font-size:14px;
						font-weight:bold;
						color:#fff;
						text-align: center;
					}	

.blank-contener
		{
			display:block;
			margin:3px;
			padding:8px;
			/*background-color:#fae8e1;*/
			border:0px #e0c3b8 solid;
			/*box-shadow:inset 0px 2px 2px rgba(0,0,0,.05);*/
			color:#87735f;
			font-size:12px;
		}		
		
#message_ok{border:1px solid #009900;color:#009900;background:white;text-align: center;padding:8px;margin: 10px;font-size:13px;}


#page
		{
			display:block;
			background-color:#fde2d7;
			position:relative;
			top:228px;
			box-shadow:0px 2px 2Px rgba(0,0,0,.3);
		}
		
		#page .bloc
			{
				display:block;
				background-color:#eccfc4;
				padding:5px;
				position:relative;
				margin-bottom:10px;
				
			}
			
			
#index_news {
display:block;
padding:0px;
padding-left:340px;
background: url(../img/infoplopy.png)no-repeat;
height:109px;
}	

#index_news2 {
display:block;
margin-bottom:-17px;
background: url(../img/promohypay.png)no-repeat;
height:109px;

}	

#index_news3 {
display:block;
background: url(../img/livre.png)no-repeat;
height:109px;
}

#index_news4 {
display:block;
background: url(../img/club.png)no-repeat;
height:109px;

}

#index_news5 {
display:block;
background: url(../img/fondjeux1.png)no-repeat;
height:659px;
width:580px;
}
#index_news6 {
display:block;
background: url(../img/fondjeux.png)no-repeat;
height:659px;
width:900px;
}

.titre_collector {
position:relative;
display:block;
margin:0px;
margin-left:320px;
padding-top:5px;
font-family: 'MyWebFont';
font-size:11px;
}

.msg_news {
position:relative;
display:block;
margin:3px;
margin-left:-320px;
padding-top:35px;
font-family: 'MyWebFont';
font-size:11px;
}	

.msg_news1 {
position:relative;
display:block;
margin:3px;
margin-left:15px;
padding-top:35px;
font-family: 'MyWebFont';
font-size:12px;
color:grey;
}

.msg_news3 {
position:relative;
display:block;
margin:3px;
margin-left:20px;
padding-top:35px;
font-family: 'MyWebFont';
font-size:12px;
}	

.msg_news4 {
position:relative;
display:block;
margin:3px;
margin-left:10px;
padding-top:35px;
font-family: 'MyWebFont';
font-size:12px;
}	

.msg_news5 {
position:relative;
display:block;
margin:3px;
margin-left:10px;
padding-top:21px;
font-family: 'MyWebFont';
font-size:12px;
}

.msg_news6 {
position:relative;
display:block;
margin:3px;
margin-left:10px;
padding-top:0px;
font-family: 'MyWebFont';
font-size:12px;
}

.msg_news7 {
position:relative;
display:block;
margin:3px;
margin-left:10px;
padding-top:10px;
font-family: 'MyWebFont';
font-size:12px;
}

.jeu_gratuit {
position:relative;
display:block;
margin:3px;
margin-left:10px;
padding-top:21px;
font-family: 'MyWebFont';
font-size:12px;
}

#mascotte
{
background:url(../img/mascotte1.png) no-repeat  center;
width:396px;
height:440px; 
text-align:center;
}