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

body {
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	width:750px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	background-color:#b4c1ff;
	background-image: url(/design/gamesclick_05.gif);
	background-position:top;
	background-repeat:repeat-x;
	behavior: url("/design/csshover.htc");
}

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

#corps2 {
	background-image:url(/design/footer.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	width:750px;
	float: left;
	height:500px;
	position:relative;
}

html>body #corps {
height:auto;
min-height: 500px;
} 
html>body #corps2 {
height:auto;
min-height: 500px;
}  

#header_gauche {
	background-image: url('/design/habillage_deco_03.jpg');
	width: 227px;
	height: 160px;
	float:left;
}

#header_droite {
	background-image: url('/design/gamesclick_04.gif');
	width: 521px;
	height: 160px;
	float:left;
}

.pub_header {
padding-top:50px;
padding-left:15px;
float:left;
}

.barre {
	margin-top:128px;
	padding-left:40px;
	padding-right: 80px;
}

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

#menucontenu
{
font-size:0px;
letter-spacing: -50px;
text-indent:-100;
}
.user {
padding-top:15px;
padding-left:40px;
}

.part {
padding-left:23px;
}

#texte {
	width: 535px;
	margin-left: 169px;
	vertical-align:top;
}

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

#footer2 {
margin-top: 75px;
text-align:center;
clear:both;
float:left;
left:60px;
width: 750px;
bottom:40px;
position: relative;
}


/* 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 #E11D9C;
border-left: 4px solid #E11D9C;
font-weight: normal;
display: inline;
position: absolute;
top: 2em;
left: 1em;
background:  white;
text-align: center;
color: #000000;
padding: 2px;
width: 200px;
}

h2 {
text-indent:-5000px;
width:320px;
height:45px;
background-repeat:no-repeat;
margin:0px;
}

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

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

input,textarea,select
{
color: #1f5de2;
font:normal 11px Verdana,Arial,Helvetica,sans-serif;
border: 1px solid #1f5de2;
border-left: 4px solid #1f5de2;
}

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

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: #FFFFBE;
}

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

.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: #000;
text-decoration:none;
font-weight: bold;
}
a:hover
{
color:#B063FF;
text-decoration:none;
font-weight: bold;
}

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


#Paneljeux {background-image: url("/design/habillage_games_06.gif"); height:25px; cursor: pointer; color:#b4c1ff;}
#Panelrecherche {background-image: url("/design/habillage_games_05.gif"); height:30px; text-align:center; padding-top:25px;}
#Panelaction {background-image: url("/design/habillage_games_09.gif"); height:25px; cursor: pointer; color:#b4c1ff;}
#Paneladresse {background-image: url("/design/habillage_games_17.gif"); height:25px; cursor: pointer;color:#b4c1ff;} 
#Panelcasino {background-image: url("/design/habillage_games_10.gif"); height:25px; cursor: pointer;color:#b4c1ff;} 
#Panelcourse {background-image: url("/design/habillage_games_11.gif"); height:25px; cursor: pointer;color:#b4c1ff;} 
#Panelreflexion {background-image: url("/design/habillage_games_12.gif"); height:25px; cursor: pointer;color:#b4c1ff;} 
#Panelsport {background-image: url("/design/habillage_games_13.gif"); height:25px; cursor: pointer;color:#b4c1ff;} 
#Paneltir {background-image: url("/design/habillage_games_14.gif"); height:25px; cursor: pointer;color:#b4c1ff;} 
#Paneldivers {background-image: url("/design/habillage_games_15.gif"); height:25px; cursor: pointer;color:#b4c1ff;} 
#Panelpartenaires {background-image: url("/design/habillage_games_16.gif"); height:31px; cursor: pointer;color:#b4c1ff;} 




/* Vote étoiles */
/*
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(star.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating a.one-star{
width:20%;
z-index:6;
}
.star-rating a.two-stars{
width:40%;
z-index:5;
}
.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}

.current-rating2{
background: url(star.gif) left -1000px repeat-x;
z-index:1;
background-position: left center;
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
*/

	/*             styles for the star rater                */	
	.star-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 125px;
		height: 25px;
		position: relative;
		overflow:hidden;
		background: url(star.gif) top left repeat-x;		
		margin:auto;
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:25px;
		height: 25px;
		line-height:25px;		
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}
	.star-rating li a:hover{
		background: url(star.gif) left bottom;
		z-index: 2;
		left: 0px;
		border:none;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:25px;
	}
	.star-rating a.two-stars{
		left:25px;
	}
	.star-rating a.two-stars:hover{
		width: 50px;
	}
	.star-rating a.three-stars{
		left: 50px;
	}
	.star-rating a.three-stars:hover{
		width: 75px;
	}
	.star-rating a.four-stars{
		left: 75px;
	}	
	.star-rating a.four-stars:hover{
		width: 100px;
	}
	.star-rating a.five-stars{
		left: 100px;
	}
	.star-rating a.five-stars:hover{
		width: 125px;
	}
	.star-rating li.current-rating{
		background: url(star.gif) left center;
		position: absolute;
		height: 25px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
	
	/* remove halo effect in firefox   */
	a:active{
		outline: none;
	}	

/* Bouton */
#conteneurBouton
{
text-align:center;
}

a.button, span.button, del.button{

	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
    
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
  color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;	
  padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}

a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image:url(/design/button.png);
    _background-image:url(/design/button.gif);

}

a.button span, span.button button, span.button input, del.button span{
	white-space:nowrap;
	cursor:pointer;
    color:#222;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
	font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size:12px !important;
    font-style:normal;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
  color:#2059d9;
  font-weight: bold;;
	
}

span.button button{
   line-height:2.5;/*Opera need this*/

}

html.safari a.button span, 
html.safari del.button span{
  line-height:1.3;
}

html.safari span.button button{
  line-height:2.6;
}

html.safari a.button:focus,
html.safari span.button button:focus{
    outline:none;
}

del.button{
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
	
}

del.button span{
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}

span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}

/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/

/*Hover Style*/

a.button:hover, 
span.button:hover,
a.button:focus, 
a.dom-button-focus, 
span.button-behavior-hover{
	background-position:0 -60px;
	color:#222;
	text-decoration:none;

}

a.button:hover span, 
span.button:hover button, 
a.button:focus span, 

span.button-behavior-hover button, 
span.button-behavior-hover input{
	background-position:100% -60px;
}

a.button:active, a.button:focus span{
	color:#444;
}

del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
	/* cursor:not-allowed; */
}

del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
	/* cursor:not-allowed; */
	
}

/*Optional hack for IE6 to simulate :hover selector*/

span.button button, del.button span, span.button input{
	_behavior:expression(
		(function(el){

			if( typeof( behavior_onMouseEnter) == 'undefined'){

				
				behavior_onMouseEnter = function(el){
					
					var dEl = this.parentNode;					
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};

				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};
			};	

		})(this));
}



/*Sous Titres*/
.titre {
background:url('/design/titre_fin.gif');
height:18px;
width: 400px;
}

.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-family : verdana;
font-variant: small-caps;
margin:0;
padding:0;
display: inline;
}