/* CSS Document */
/* Copyright Games-click.com */

body {
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	background-color:white;
	background-image:url(/design/fond.png);
	background-position:top center;
	background-repeat:repeat-x;
	behavior: url("/design/csshover.htc");
}

#terre {
	width:100%;
	background-repeat:no-repeat;
	background-position:center top;
}

#conteneurMain {
	width:914px;
	margin:auto;
}

#haut {
	background-image:url(/design/haut-normal.png);
	width:914px;
	height:198px;
	float:left;
}

#corps {
	background-image:url(/design/contenu.png);
	background-repeat:repeat-y;
	float: left;
	position:relative;
	width:914px;
}

#bas {
	background-image:url(/design/bas.png);
	width:699px;
	height:216px;
	float:left;
	padding-left:215px;
	font-size:10px;
}
#footer a{
color:black;
}
#footer {
margin-top:17px;
}
#header_gauche {
float:left;
}

#pub_header {
float:left;
margin-top:75px;
margin-left:50px;
}

.barre {
  float:left;
  margin-top:21px;
  margin-left:90px;
  width:450px;
}

#menu {
	width: 203px;
	float: left;
}


#menucontenu
{
font-size:0px;
letter-spacing: -50px;
text-indent:-100;
}

.part {
padding-left:23px;
}

#texte {
	width: 660px;
	margin-left: 205px;
	vertical-align:top; 
}

.pub
{
border-top: 1px dashed #ffbc16;
border-bottom: 1px dashed #ffbc16;
width:468px;
text-align:center;
}


/* Infobulle */
a.infobulle {
position: relative;
}
a.infobulle span {
display: none;
}
a.infobulle:hover {
background: none;
z-index: 500;
}
a.infobulle:hover span {
border: 1px solid #d40d52;
border-left: 4px solid #d40d52;
font-weight: normal;
display: inline;
position: absolute;
top: 2em;
left: 1em;
background:  white;
text-align: center;
color: #000000;
padding: 2px;
width: 200px;
}


h1
{
padding:0px;
margin:0px;
font-size: 0px;
visibility: hidden;
}
h2 {
text-indent:-5000px;
font-size:0px;
color : white;
text-align: center;
width:576px;
height:50px;
margin-bottom: 0px;
margin-top: 0px;
background-repeat:no-repeat;
}

h3 {
padding:0px;
margin:0px;
font-size:15px;
color : #d40d52;
margin-left:15px;
text-align:left;
}

ul li
{
    list-style-image: url('/design/li.png');
}

.image
{
background:#ffe4a1;
border:1px solid #f99e13;
padding:1px;
}

.cadre
{
background:white;
border:1px solid #f99e13;
padding:1px;
}
.cadre2
{
background:#fff2ae;
}

/*bouton envoi */
input.validate, a.validate {
	padding: 5px 8px 5px 25px;
	background: #ffc3da 3px center;
	font-weight:bold;
	color : #ed005d;
	border: 1px solid #ed005d;
}
input.validate:hover, a.validate:hover {
	background-color: #ffd7e6;
	color: #000;
	border-color: 1px solid #f88db6;
}



.textpetit
{
font:10px Verdana,Arial,Helvetica,sans-serif
}

.copyright
{
font:9px Verdana,Arial,Helvetica,sans-serif
}

input,textarea,select
{
font-family : Verdana, Arial, Helvetica, sans-serif;
color: #E11D9C;
font-size:12px;
border: 1px solid #d40d52;
border-left: 4px solid #d40d52;
}
input[type=checkbox] {
border: 0px;
 }
input[type=radio] {
border: 0px;
 }

input:focus, textarea:focus, select :focus{
background-color:#ffdee9;
}

input#motclef
{
background: #fff url(/design/recherche.gif) no-repeat top left;
padding: 0.2em 0.2em 0.2em 1.7em;
}

label {
float:left;
width:25%;
margin-right:0.5em;
margin-top:2px;
text-align:right;
  }

form
{
display:inline;
}

.bouton{
border-left: 1px solid #FF9F16;
border-top: 1px solid #FF9F16;
border-right: 1px solid #FFE616;
border-bottom: 1px solid #FFE616;
border: 1 px solid;
background-color: #FFCB16;
height : 20px;
padding: 2px;
font-weight: bold;
color: white;
text-align:center;
margin:auto;
}

.bouton:focus{
background-color: #FFDB16;
}


.tdtitre
{
border-bottom: 1px solid #ffbc16;
}

.ligne:hover
{
background-color: #fff2ae;
}

.colonne
{
border-bottom: 1px solid #ffbc16;
}

table
{
border-spacing: 0px;
border-collapse: collapse; 
}

.bouton{
border-left: 1px solid #FF9F16;
border-top: 1px solid #FF9F16;
border-right: 1px solid #FFE616;
border-bottom: 1px solid #FFE616;
border: 1 px solid;
background-color: #FFCB16;
height : 20px;
padding: 2px;
font-weight: bold;
color: white;
text-align:center;
margin:auto;
}


.bouton:focus{
background-color: #FFDB16;
}

a
{
color: #d40d52;
text-decoration:none;
font-weight: bold;
}
a:hover
{
color:black;
text-decoration:none;
font-weight: bold;
}

.jeuxAccueil
{
border-top: 1px dashed #ffbc16;
border-bottom: 1px dashed #ffbc16;
width:90%;
background-color : #ffffc1;
}


#reglement{
background: url('/design/grand_warning.gif') no-repeat;
font-size:10px;
padding-left:40px;
}


#Panellogin {background-image: url("/design/menu-login.png"); height:146px; text-align:left;padding-left:50px;font-size:12px;}
#Panelconnect {background-image: url("/design/menu-login.png"); height:146px; padding-left:35px; text-align:left;font-size:12px;}
#PanelConnexion {height:32px; border:0px; cursor: pointer;color:#b4c1ff;margin-left:50px;margin-bottom:2px;font-size:0px;}

#Paneljeux {background-image: url("/design/menu_jeux.png"); height:27px; cursor: pointer; margin-left:26px;margin-bottom:2px;font-size:0px; text-align:center; color:#ffdc24;}
#Paneljeux:hover {background-image: url("/design/menu_jeux2.png"); height:27px; cursor: pointer; margin-left:26px;margin-bottom:2px;font-size:0px; text-align:center; color:#ffdc24;}

#Panelvotrecompte {background-image: url("/design/menu_compte.png"); height:27px; cursor: pointer;margin-left:26px;margin-bottom:2px;font-size:0px; text-align:center; color:#ffdc24;}
#Panelvotrecompte:hover {background-image: url("/design/menu_compte2.png"); height:27px; cursor: pointer;margin-left:26px;margin-bottom:2px;font-size:0px; text-align:center; color:#ffdc24;}

#Panelinscription {background-image: url("/design/menu_inscription.png"); height:27px; cursor: pointer;margin-left:26px;margin-bottom:2px;font-size:0px; text-align:center; color:#ffdc24;} 
#Panelinscription:hover {background-image: url("/design/menu_inscription2.png"); height:27px; cursor: pointer;margin-left:26px;margin-bottom:2px;font-size:0px; text-align:center; color:#ffdc24;} 

#Panelboutique {background-image: url("/design/menu_boutique.png"); height:27px; cursor: pointer;margin-left:26px;margin-bottom:2px;font-size:0px; text-align:center; color:#ffdc24;} 
#Panelboutique:hover {background-image: url("/design/menu_boutique2.png"); height:27px; cursor: pointer;margin-left:26px;margin-bottom:2px;font-size:0px; text-align:center; color:#ffdc24;}

#PanelNouveautes {background-image: url("/design/menu_nouveautes.png"); height:27px; cursor: pointer;margin-left:26px;margin-bottom:2px;font-size:0px; text-align:center; color:#ffdc24;}
#PanelNouveautes:hover {background-image: url("/design/menu_nouveautes2.png"); height:27px; cursor: pointer;margin-left:26px;margin-bottom:2px;font-size:0px; text-align:center; color:#ffdc24;}
 
#Panelforum{background-image: url("/design/menu_forum.png"); height:27px; cursor: pointer;margin-left:26px;margin-bottom:2px;font-size:0px; text-align:center; color:#ffdc24;}
#Panelforum:hover {background-image: url("/design/menu_forum2.png"); height:27px; cursor: pointer;margin-left:26px;margin-bottom:2px;font-size:0px; text-align:center; color:#ffdc24;}

#Panelticket{background-image: url("/design/menu_ticket.png"); height:27px; cursor: pointer;margin-left:26px;margin-bottom:2px;font-size:0px; text-align:center; color:#ffdc24;}
#Panelticket:hover{background-image: url("/design/menu_ticket2.png"); height:27px; cursor: pointer;margin-left:26px;margin-bottom:2px;font-size:0px; text-align:center; color:#ffdc24;}

#Panelnews{background-image: url("/design/menu_nouveautes.png"); height:27px; cursor: pointer;margin-left:26px;margin-bottom:2px;font-size:0px; text-align:center; color:#ffdc24;}
#Panelnews:hover{background-image: url("/design/menu_nouveautes2.png"); height:27px; cursor: pointer;margin-left:26px;margin-bottom:2px;font-size:0px; text-align:center; color:#ffdc24;}

#Panelmp{background-image: url("/design/menu_message.png"); height:27px; cursor: pointer;margin-left:26px;margin-bottom:2px;font-size:0px; text-align:center; color:#ffdc24;}
#Panelmp:hover{background-image: url("/design/menu_message2.png"); height:27px; cursor: pointer;margin-left:26px;margin-bottom:2px;font-size:0px; text-align:center; color:#ffdc24;}

#Panelvip{background-image: url("/design/menu_vip.png"); height:27px; cursor: pointer;margin-left:26px;margin-bottom:2px;font-size:0px; text-align:center; color:#ffdc24;}
#Panelvip:hover{background-image: url("/design/menu_vip2.png"); height:27px; cursor: pointer;margin-left:26px;margin-bottom:2px;font-size:0px; text-align:center; color:#ffdc24;}

#Panelparrainage{background-image: url("/design/menu_parrainage.png"); height:27px; cursor: pointer;margin-left:26px;margin-bottom:2px;font-size:0px; text-align:center; color:#ffdc24;}
#Panelparrainage:hover{background-image: url("/design/menu_parrainage2.png"); height:27px; cursor: pointer;margin-left:26px;margin-bottom:2px;font-size:0px; text-align:center; color:#ffdc24;}

#Panelpartenaires {background-image: url("/design/menu_partenaires.png"); height:27px; cursor: pointer;color:#b4c1ff;margin-left:26px;} 
#Panelpartenaires:hover {background-image: url("/design/menu_partenaires2.png"); height:27px; cursor: pointer;color:#b4c1ff;margin-left:26px;} 




.grosBouton
{
background-image:url('/design/bouton.gif');
background-repeat:no-repeat;
width: 324px;
height: 63px;
float:left;
text-align:center;
padding-top:5px;
margin-right:15px;
margin-left:5px;
margin-bottom:5px;
cursor:pointer;
}
.grosBoutonTexte
{
float:left;
padding-top:5px;
width:250px;
margin-left:20px;
text-align:left;
}


.grosBoutonImage
{
float:left;
padding-top:7px;
padding-left:15px;
}
.grosBouton:hover
{
background-image:url('/design/bouton-hover.gif');
}



.petitBouton:hover
{
background-image:url('/design/sbouton-hover.gif');
}
.petitBouton
{
background-image:url('/design/sbouton.gif');
background-repeat:no-repeat;
width: 102px;
height: 73px;
padding-top:5px;
margin-left:5px;
text-align:center;
float:left;
cursor:pointer;
}
.petitBouton h3
{             
font-size:13px;
padding:0px;margin:0px;
padding-left:5px;
}
.petitBoutonImage
{ 
padding-top:0px;
margin-left:7px;
}
.petitBoutonTexte
{             
font-size:11px; 
margin-top:7px;
margin-left:3px;
}


/*-------Pagination----------------*/
.pagenavi {
	font-size: 1.2em;
	padding-top:5px;
	display: block;
	text-align:center;
	margin-right: 20px;
	margin-bottom:15px;
	float:right;	
	height: 28px;
}

.pagenavi .pages {
	font-weight: 700;
	padding: 0;
	margin: 2px;
	float: left;
	text-align: center;
	height: 28px;
	line-height: 28px;
}
.pagenavi .current, .pagenavi span.active {
	padding: 0;
	background: url(/design/pagination_a.gif) left top;
	margin: 2px;
	font-weight: 700;
	color: #111;
	float: left;
	text-align: center;
	width: 32px;
	height: 28px;
	line-height: 28px;
}
.pagenavi a, .pagenavi span{
	padding: 0;
	margin: 2px;
	background: url(/design/pagination_a.gif) left 56px;
	color: #334200;
	text-decoration: none;
	float: left;
	width: 32px;
	height: 28px;
	line-height: 28px;
	text-align:  center;
}
.pagenavi a:hover, .pagenavi span:hover {
	background: url(/design/pagination_a.gif) left 28px;
	color: #222;
}


/* ------------------------- SOUS TITRES ------------------------- */
.titre {
background-image:url('/design/titre_fin.gif');
height:18px;
width: 500px;
}

.titre_left {
background:url('/design/titre_gauche.gif') no-repeat;
width:15px;
float:left;
height:18px;
}

.titre_milieu {
background:url('/design/titre_centre.gif');
color:#4d6db3;
float:left;
font-size:13px;
font-weight:bold;
height:18px;
overflow:hidden;
}

.titre_right {
background:url('/design/titre_droit.gif') no-repeat;
float:left;
height:18px;
width:5px;
}

.titre h3:first-letter{
font-size: 15px;
margin:0;
padding:0;
}

.titre h3
{
font-size: 14px;
color : black;
font-variant: small-caps;
margin:0;
padding:0;
display: inline;
}


/* Sliding Accueil */
#box4{
	position:absolute;
}
#box4 div{
	width:630px;
	height:155px;
	float:left;
}
.mask3{
	position:relative;
	width:630px;
	height:113px;
	overflow:hidden;
}
.sample{margin-left:15px;width:630px; height:135px;}

.buttons{padding:5px;}
.buttons span{color:white;padding:0 5px;cursor:pointer;}
.buttons span.active, .buttons span:hover{background:#ef129a;color:#fff}